.ubermenu-item-diagnostics-box,
.ubermenu-item-diagnostics-box *,
#ubermenu-diagnostics,
#ubermenu-diagnostics *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	white-space:normal;
}

/* Container */
.ubermenu-item-diagnostics-box{
	display:none;
	position:absolute;
	background:#eee;
	/*bottom:100%;*/
	top:auto;
	margin-top:-70px;
	margin-left:1px;
	z-index:10000;
	border-bottom:2px solid #666;
	box-shadow:0 0 5px rgba(0,0,0,.3);
	white-space: nowrap;

	font-family:"Helvetica Neue", "Helvetica" , Arial, sans-serif;
}
.ubermenu-item:hover .ubermenu-item-diagnostics-box{
	display:block;
}

/* Buttons/Tabs */
.ubermenu-item-diagnostics-box .um-db-button{
	padding:6px 9px;
	float:none;
	display:inline-block;
	font-size:13px;
	color:#4D90FE;
	cursor:pointer;
	border-left:1px solid #ddd;
}
.ubermenu-item-diagnostics-box .um-db-button:hover{
	background:#ddd;
}
.ubermenu-item-diagnostics-box .um-db-button.um-db-button-active{
	background:#4D90FE;
	color:#eee;
	z-index:2000000;
	border-left:1px solid #4D90FE;
}

/* Content Panel */
.ubermenu-item-diagnostics-box .um-db-content{
	border-top:2px solid #4D90FE;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	box-shadow:0 0 30px rgba(0,0,0,.4);
	position:absolute;
	display:none;
	top:100%;
	background:#eee;
	width:400px;
	padding:0;
}
.ubermenu-item.ubermenu-align-right .um-db-content{
	left:auto;
	right:0;
}
/* Content Panel Title */
.ubermenu-item-diagnostics-box h4.um-db-panel-title{
	font-size:18px;
	padding:10px;
	border-bottom:1px solid #ccc;
}
/* Content Panel Statuses */
.ubermenu-item-diagnostics-box .um-db-status{
	float:left;
	clear:both;
	width:100%;
	padding:0;
	border-bottom:1px solid #ddd;
	position:relative;
}
.ubermenu-item-diagnostics-box .um-db-status:hover{
	background:#e9e9e9;
}
.ubermenu-item-diagnostics-box .um-db-status-title{
	width:50%;
	float:left;
	clear:both;
	display:block;
	padding-right:10px;
	padding:10px 10px;
}
.ubermenu-item-diagnostics-box .um-db-status-value{
	font-weight:bold;
	width:50%;
	display:block;
	float:left;
	padding:10px 10px;
}

.ubermenu-item-diagnostics-box .um-db-status-notice .um-db-status-value{
	color:#4D90FE;
}
.ubermenu-item-diagnostics-box .um-db-status-warning{
	color:tomato;
	font-weight:bold;
}
.ubermenu-item-diagnostics-box .um-db-status-msg{
	position:absolute;
	display:none;
	background:#eee;
	border-bottom:1px solid #ddd;
	border-top:2px solid #ccc;
	top:100%;
	padding:10px;
	font-weight:normal;
	color:#4D90FE;
	width:100%;
}
.ubermenu-item-diagnostics-box .um-db-status-msg:before{
	content:'';
	display:block;
	position:absolute;
	border:6px solid transparent;
	border-bottom-color:#ccc;
	left:18px;
	top:-12px;
}
.ubermenu-item-diagnostics-box .um-db-status:hover{
	z-index:50;
}
.ubermenu-item-diagnostics-box .um-db-status:hover .um-db-status-msg{
	display:block;
}

.ubermenu-item-diagnostics-box .um-db-status-warning .um-db-status-msg{
	border-color:tomato;
}



/* Highlights */
.ubermenu .ubermenu-highlight-layout .ubermenu-submenu.ubermenu-submenu-drop:hover:before,
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header:hover:before,
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-type-column:hover:before,
.ubermenu .ubermenu-highlight-layout .ubermenu-submenu.ubermenu-submenu-type-stack:hover:before,
.ubermenu .ubermenu-highlight-layout .ubermenu-submenu .ubermenu-tabs:hover:before,
.ubermenu .ubermenu-highlight-layout .ubermenu-submenu .ubermenu-tabs-group:hover:before,
.ubermenu .ubermenu-highlight-layout .ubermenu-submenu .ubermenu-tab-content-panel:hover:before,
.ubermenu .ubermenu-highlight-layout .ubermenu-row:hover:before{
	display:block;
}
.ubermenu .ubermenu-highlight-layout .ubermenu-submenu.ubermenu-submenu-drop:before,
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header:before,
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-type-column:before,
.ubermenu .ubermenu-highlight-layout .ubermenu-submenu.ubermenu-submenu-type-stack:before,
.ubermenu .ubermenu-highlight-layout .ubermenu-submenu .ubermenu-tabs:before,
.ubermenu .ubermenu-highlight-layout .ubermenu-submenu .ubermenu-tabs-group:before,
.ubermenu .ubermenu-highlight-layout .ubermenu-submenu .ubermenu-tab-content-panel:before,
.ubermenu .ubermenu-highlight-layout .ubermenu-row:before{
	font-size:12px;
	display:none;
	position:absolute;
	padding:5px;
	z-index:100;
	color:white;
}


.ubermenu .ubermenu-highlight-layout .ubermenu-submenu.ubermenu-submenu-drop{
	background: #FFCCC2 !important;
	border:2px solid tomato !important;
}
.ubermenu .ubermenu-highlight-layout .ubermenu-submenu.ubermenu-submenu-drop:before{
	content:'Submenu';
	background:tomato;
	bottom:0;
	right:0;
}

.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header{
	background: #A3BAE0 ;
	border:2px solid #2260C2;
}
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header:before{
	content:'Header (Column)';
	background:	#2260C2;
}

.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-type-column{
	background: #BDD8AD;
	padding:5px;
	border: 2px solid #46A011;
}
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-type-column:before{
	content:'Column';
	background:#46A011;
	margin:-15px 0 0 -7px;
}
.ubermenu .ubermenu-highlight-layout .ubermenu-submenu .ubermenu-tabs{

	border: 10px solid #0D6DBD;
	background: #B6E3FF;
}
.ubermenu .ubermenu-highlight-layout .ubermenu-submenu .ubermenu-tabs:before{
	content:'Tabs Block';
	background:#0D6DBD;
	margin:-10px;
}
.ubermenu .ubermenu-highlight-layout .ubermenu-submenu .ubermenu-tabs-group{
	border: 4px solid #BB0072;
	background: #FFCAE6;
}
.ubermenu .ubermenu-highlight-layout .ubermenu-submenu .ubermenu-tabs-group:before{
	content:'Tab Toggles';
	background:#BB0072;
	bottom:0;
}
.ubermenu .ubermenu-highlight-layout .ubermenu-submenu .ubermenu-tab-content-panel{
	background: #D8C1FF;
	border: 4px solid #611496;
	padding:5px 5px 10px 5px;
}
.ubermenu .ubermenu-highlight-layout .ubermenu-submenu .ubermenu-tab-content-panel:before{
	content:'Tab Content Panel';
	background:#611496;
	margin-top:-10px;
	margin-left:-7px;
	bottom:0;
}
.ubermenu .ubermenu-highlight-layout .ubermenu-row{
	background: #C9FFF9;
	border: 2px solid #0DBE82;
	padding:5px;
}
.ubermenu .ubermenu-highlight-layout .ubermenu-row:before{
	content:'Row';
	background:#0DBE82;
	margin:-10px 0 0 -7px;
}

.ubermenu .ubermenu-highlight-layout .ubermenu-submenu.ubermenu-submenu-type-stack{
	border: 2px solid #66A01E;
	background: #D8D8D8;
	margin:4px;
}
.ubermenu .ubermenu-highlight-layout .ubermenu-submenu.ubermenu-submenu-type-stack:before{
	content:'Stack';
	background:#66A01E;
	margin:-10px 0;
}

.ubermenu .ubermenu-highlight-layout .ubermenu-item-type-column > .ubermenu-submenu.ubermenu-submenu-type-stack{
	border: none;
	background: none;
	margin:0;
}
.ubermenu .ubermenu-highlight-layout .ubermenu-item-type-column > .ubermenu-submenu.ubermenu-submenu-type-stack:before{
	content:'';
	display:none;
}


.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-auto{
	content: 'Header (Column: Auto)';
}
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-full{
	content: 'Header (Column: Full Width)';
}

/* 2 */
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-1-2:before{
	content:'Header (Column 1/2)';
}

/* 3 */
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-1-3:before{
	content:'Header (Column 1/3)';
}
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-2-3:before{
	content:'Header (Column 2/3)';
}

/* 4 */
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-1-4:before{
	content:'Header (Column 1/4)';
}
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-3-4:before{
	content:'Header (Column 3/4)';
}

/* 5 */
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-1-5:before{
	content:'Header (Column 1/5)';
}
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-2-5:before{
	content:'Header (Column 2/5)';
}
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-3-5:before{
	content:'Header (Column 3/5)';
}
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-4-5:before{
	content:'Header (Column 4/5)';
}

/* 6 */
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-1-6:before{
	content:'Header (Column 1/6)';
}
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-5-6:before{
	content:'Header (Column 5/6)';
}

/* 7 */
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-1-7:before{
	content:'Header (Column 1/7)';
}
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-2-7:before{
	content:'Header (Column 2/7)';
}
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-3-7:before{
	content:'Header (Column 3/7)';
}
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-4-7:before{
	content:'Header (Column 4/7)';
}
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-5-7:before{
	content:'Header (Column 5/7)';
}
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-6-7:before{
	content:'Header (Column 6/7)';
}

/* 8 */
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-1-8:before{
	content:'Header (Column 1/8)';
}
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-3-8:before{
	content:'Header (Column 3/8)';
}
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-5-8:before{
	content:'Header (Column 5/8)';
}
.ubermenu .ubermenu-highlight-layout .ubermenu-item.ubermenu-item-header.ubermenu-column-7-8:before{
	content:'Header (Column 7/8)';
}





/* General Diagnostics */

#ubermenu-diagnostics{
	position:fixed;
	z-index:100000;
	left:0;
	bottom:0;
	background:#eee;
	width:400px;
	max-width:100%;
	font-size:13px;
	min-height:300px;
	border-right:3px solid #4D90FE;
	box-shadow:0 0 40px rgba(0,0,0,.5);
	height:100%;
	max-height: 100%;
	overflow-y: auto;

	font-family:"Helvetica Neue", "Helvetica" , Arial, sans-serif;
}
#ubermenu-diagnostics .ubermenu-diagnostics-toggle{
	cursor:pointer;
}
#ubermenu-diagnostics.ubermenu-diagnostics-collapse{
	min-height:0;
}
#ubermenu-diagnostics.ubermenu-diagnostics-collapse .umd-inner{
	display:none;
}

.ubermenu-diagnostics-button{
	position:fixed;
	top:50px;
	z-index:100000;
	left:400px;
	padding:10px 15px;
	font-size:20px;
	background:#4D90FE;
	color:white;
	cursor:pointer;
	box-shadow:3px 0 10px rgba(0,0,0,.5);
	clip:0 -500px -500px -500px;
}

.ubermenu-diagnostics-closed #ubermenu-diagnostics{
	left:-397px;
}
.ubermenu-diagnostics-closed .ubermenu-diagnostics-button{
	left:3px;
}

#ubermenu-diagnostics h3{
	font-size:18px;
	padding:20px;
	border-bottom:1px solid #ddd;
	font-weight:normal;
	margin:0;
	color:#666; /*#AD005C;*/
	background:#e0e0e0;
}

#ubermenu-diagnostics .umd-inner{
	padding-bottom:100px;
}


#ubermenu-diagnostics .umd-tabs{

	background:#e4e4e4;
}
#ubermenu-diagnostics .umd-tab{
	padding:8px 20px;
	display:inline-block;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
	color: #4d90fe;
}
#ubermenu-diagnostics .umd-tab .fas,
#ubermenu-diagnostics .umd-tab .far{
	display:inline-block;
	margin-right:6px;
}
#ubermenu-diagnostics .umd-tab.umd-tab-current{
	background:#eee;
}
#ubermenu-diagnostics .umd-tab-panel{
	display:none;
}
#ubermenu-diagnostics .umd-tab-panel:first-child{
	display:block;
}

#ubermenu-diagnostics .umd-tool-button{
	display:block;
	position:relative;
	background:#444;
	color:#eee;
	padding:15px 60px 15px 20px;
	font-size:20px;
	text-decoration:none;
}
#ubermenu-diagnostics .umd-tool-button:hover{
	background: #6E548E;
}
#ubermenu-diagnostics .umd-tool-button-details{
	display:block;
	color:#ccc;
	font-size:13px;
	padding-top:6px;
	line-height:1.3em;
}
#ubermenu-diagnostics .umd-tool-button .fa-chevron-right{
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-10px;
}


#ubermenu-diagnostics .umd-status{
	padding:6px 20px;
	position:relative;
	cursor:pointer;
	width:100%;
}
#ubermenu-diagnostics .umd-status:hover{
	z-index:50;
}
#ubermenu-diagnostics .umd-status-success:hover,
#ubermenu-diagnostics .umd-status-notice:hover{
	background:#e9e9e9;
}
#ubermenu-diagnostics .umd-status .fa{
	width:20px;
}

#ubermenu-diagnostics .umd-status-explanation{
	opacity:0;
	visibility:hidden;
	box-shadow:0 0 30px rgba(0,0,0,.3);
	border-bottom:2px solid #666;
	width:100%;

	transition-delay:0;
	transition:opacity .2s ease;

	position:absolute;
	background:#e9e9e9;
	color:#666;
	line-height:1.6em;
	font-style:italic;
	border:1px solid #ddd;
	left:0;
	top:100%;
	padding:10px 20px;
}
#ubermenu-diagnostics .umd-status:hover .umd-status-explanation{
	opacity:1;
	visibility:visible;
	transition-delay:.3s;
}
#ubermenu-diagnostics .umd-status-explanation:before{
	content:'';
	display:block;
	position:absolute;
	border:6px solid transparent;
	border-bottom-color:#e9e9e9;
	left:18px;
	top:-12px;
}


#ubermenu-diagnostics .umd-status-notice{
	color:#4D90FE;
}
#ubermenu-diagnostics .umd-status-success{
	color:#37A56E;
}
#ubermenu-diagnostics .umd-status-warning{
	background:#FFA500;
	color:white;
}
#ubermenu-diagnostics .umd-status-warning .fa{
	/*color:#FFC200;*/
}
#ubermenu-diagnostics .umd-status-error{
	background:#E73434;
	color:white;
}




/* Tools */
.umd-tool, .umd-tool h1, .umd-tool h2, .umd-tool h3 , .umd-tool h4 ,  .umd-tool h5 , .umd-tool h6 , .umd-tool p , .umd-tool a{
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.umd-tool{
	position:fixed;
	right:0;
	bottom:0;
	width:800px;
	max-width:100%;
	max-height:100%;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,.3);
	z-index:100000;
	overflow-y:auto;
}
.umd-tool.umd-tool-closed .umd-tool-body{
	display:none;
}
.umd-tool .umd-tool-toggle .fas,
.umd-tool .umd-tool-toggle .svg-inline--fa{
	float:right;
	display:none;
	cursor:pointer;
}
.umd-tool .umd-tool-toggle .fa-minus{
	display:block;
}
.umd-tool.umd-tool-closed .umd-tool-toggle .fa-plus{
	display:block;
}
.umd-tool.umd-tool-closed .umd-tool-toggle .fa-minus{
	display:none;
}
.umd-tool .umd-tool-step{
	display:none;
}
.umd-tool .umd-tool-step:first-child{
	display:block;
}
.umd-tool .umd-tool-step p,
.umd-tool .umd-tool-step code{
	font-size:14px;
	color:#666;
	padding:0 20px 10px 20px;
	margin:0;
}
.umd-tool .umd-tool-step p{
	line-height:1.3em;
}
.umd-tool .umd-tool-step code{
	font-family:monospace;
	display:block;
	white-space:pre;
	font-size:12px;
	max-width:100%;
	overflow-x:auto;
	background:#f5f5f5;
	padding:10px;
	margin: 10px 0;
}
.umd-tool .umd-tool-step code{
	color: #ff675b;
}
.umd-tool .umd-tool-rs-unwrapped-element code:not(:first-of-type){
	color:#999;
}

.umd-tool h1{
	font-size:23px;
	background:#eee;
	padding:20px;
	margin:0;
}
.umd-tool h3{
	font-size:18px;
	color: #D25481;
	padding:20px;
	margin:0;
}
.umd-tool h6{
	font-size:11px;
	color:#888;
	margin:0;
	padding:5px 20px;
}

.umd-tool .umd-tool-step-btn{
	float:right;
	margin:20px 20px 20px 0px;
	background:#f9f9f9;
	border:1px solid #ddd;
	padding:10px 20px;
	color: #619FB9;
}

.umd-tool .umd-tool-action-btn{
	padding:15px 25px;
	margin:10px 20px;
	background: #A72150;
	color:white;
	font-size:15px;
	display:inline-block;
	text-decoration: none;
}
.umd-tool .umd-tool-action-btn:hover{
	text-decoration: none;
	color:white;
}
.umd-tool .umd-tool-action-btn .fa{
	margin-right:4px;
}
#umd-tool-rs-unwrap{

}
#umd-tool-rs-resolved{
	background: #21A77F;
}
.umd-tool-btn-disabled{
	background:#ccc;
}

.umd-tool .umd-tool-step .umd-tool-warning{
	display: block;
    background: #FFFE9D;
    padding: 5px 10px;
    font-size:11px;
    margin:10px 20px;
}



.umd-tool .umd-tool-rs-results{
	padding:20px;
}
.umd-tool .umd-tool-rs-results h4{
	font-size:16px;
	font-weight:normal;
	margin-bottom:5px;
	color:#666;
}
.umd-tool .umd-tool-rs-results h4 strong{
	color:#01B888;
}
.umd-tool .umd-tool-rs-results h5{
	font-size:12px;
	color:#999;
	margin:0;
}
.umd-tool .umd-tool-rs-results h6{
	font-size:14px;
	color: #4baad3;
	padding:0;
}
.umd-tool .umd-tool-rs-result{
	margin:10px 0 20px 0;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
}
.umd-tool .umd-tool-rs-result .umd-tool-rs-result-line{
	position:relative;
}
.umd-tool .umd-tool-rs-result .umd-tool-rs-result-line-num{
	font-size:10px;
	position:absolute;
	padding: 10px 10px;
	top:0;
	left:0;
    color: #999;
    z-index:40;
    backface-visibility:hidden;
}
.umd-tool .umd-tool-rs-result code{
	padding-left:70px;
	position:relative;
	z-index:30;
}

.ubermenu.umd-tool-rs-highlight{
	border: 20px solid #4EFFBC !important;
}
.umd-tool .umd-tool-step .umd-tool-rs-multiple-menus p{
	background: #3EAF84;
	padding-top:10px;
	margin-bottom:10px;
	color:white;
}
