/**
 * @author Chris Board - Boardies IT Solutons
 * @description Creates a 3-dot context menu on tables, <p> tags and heading tags (e.g. h1, h2 etc).
 * @copyright (c) Boardies IT Solutions - December 2017
 */

.context-menunew, td.context-menunew, p.context-menunew, h1.context-menunew, h2.context-menunew, h3.context-menunew, h4.context-menunew, h5.context-menunew
{
    cursor: pointer;
    pointer-events: none;
	/*position:relative;
	display: ruby-base;*/
}



.context-menunew:after
{
   content: '';
    /*font-size: 20px;*/
    cursor: pointer;
    cursor: hand;
    pointer-events: all ;
	
	background-image:url(../../images/expand-icon.svg);
	background-repeat: no-repeat;
	background-position: right center;
	width:14px;
	height:15px;
	display:inline-block;
	
	
}

td.context-menunew:after
{
    float: right;
}

p.contextMenu:after > span
{
    margin: 0 !important;
    padding: 0 !important;
}

h1.context-menunew:after,h2.context-menunew:after,h3.context-menunew:after,h4.context-menunew:after,h5.context-menunew:after
{
    margin-left: 30px;
}

.context-menu-container2
{
   
    z-index: 999999;
    /*display: none;*/
   background: #FAFAFA;
	width:223px;
	/* 9dp — Elevation */
	box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2), 0px 3px 16px rgba(0, 0, 0, 0.12), 0px 9px 12px rgba(0, 0, 0, 0.14);
	border-radius: 4px;
  
	

	cursor: pointer;
    cursor: hand;
    pointer-events: all ;
	/*top:40px;
	position:fixed!important;*/

}

.context-menu-container2 > ul
{
    margin: 0;
	/*padding-right:24px;
    padding:8px 0px 8px 0px;*/
    list-style-type: none;
	margin-top:10px;
	margin-bottom:10px;
}
.context-menu-container2 > ul > li
{
		color:rgba(0, 0, 0, 0.54);
}
.context-menu-container2 > ul > li a
{
    /*padding:16px 24px 16px 24px;*/
	padding:13px 15px 13px 24px;
	/*margin-top:10px;
	margin-bottom:10px;*/
    cursor: hand;
    cursor: pointer;
    /*border-radius: 5px;*/
	
	font-family: "Roboto-Regular", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.25px;
	display:block;
	text-decoration:none;
	
	/* Black — High Emphasis */
	color: rgba(0, 0, 0, 0.87);
	/*display: block ruby;*/
}

.context-menu-container2 > ul > li.disabled
{
    color: #b7b7b7;
}

.context-menu-container2 > ul > li.disabled:hover
{
    background-color: white;
}

.context-menu-container2 > ul > li a:hover
{
    background-color: #e6e6e6;
	/*border-radius:4px 0px 0px 4px;*/
	display:block;
	width:100%;
}

.context-menu-container2 > ul > li.danger:hover
{
    background-color: #e6e6e6;
}

.context-menu-container2 > ul > li.warning:hover
{
    background-color: #fff27c;
}

.context-menu-container2 > ul > li.danger.disabled:hover, .context-menu-container2 > ul > li.warning.disabled:hover
{
    background-color: white;
}

.menu-txt-img
{
	/*float:left; margin-top:-3px;*/ vertical-align: middle;
}

.menu-txt-name
{
	display: inline-block; margin-left:22px;color:rgba(0, 0, 0, 0.87);
}

.logout-menu-txt-name
{
	display: inline-block; color:rgba(0, 0, 0, 0.87);
}

.sub-menu-txt-name
{
	display: inline-block; color:rgba(0, 0, 0, 0.87); padding-left:8px;
}



/*logout menu*/

.context-menu-container3
{
   
    z-index: 999999;
    /*display: none;*/
   background: #FAFAFA;
	width:182px;
	/* 9dp — Elevation */
	box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2), 0px 3px 16px rgba(0, 0, 0, 0.12), 0px 9px 12px rgba(0, 0, 0, 0.14);
	border-radius: 4px;
  
	

	cursor: pointer;
    cursor: hand;
    pointer-events: all ;
	/*top:40px;
	position:fixed!important;*/

}

.context-menu-container3 > ul
{
    margin: 0;
	/*padding-right:24px;
    padding:8px 0px 8px 0px;*/
    list-style-type: none;
	margin-top:10px;
	margin-bottom:10px;
}
.context-menu-container3 > ul > li
{
		color:rgba(0, 0, 0, 0.54);
}
.context-menu-container3 > ul > li a
{
    /*padding:16px 24px 16px 24px;*/
	padding:13px 15px 13px 24px;
	/*margin-top:10px;
	margin-bottom:10px;*/
    cursor: hand;
    cursor: pointer;
    /*border-radius: 5px;*/
	
	font-family: "Roboto-Regular", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.25px;
	display:block;
	text-decoration:none;
	
	/* Black — High Emphasis */
	color: rgba(0, 0, 0, 0.87);
	/*display: block ruby;*/
}

.context-menu-container3 > ul > li.disabled
{
    color: #b7b7b7;
}

.context-menu-container3 > ul > li.disabled:hover
{
    background-color: white;
}

.context-menu-container3 > ul > li a:hover
{
    background-color: #e6e6e6;
	/*border-radius:4px 0px 0px 4px;*/
	display:block;
	width:100%;
}

.context-menu-container3 > ul > li.danger:hover
{
    background-color: #e6e6e6;
}

.context-menu-container3 > ul > li.warning:hover
{
    background-color: #fff27c;
}

.context-menu-container3 > ul > li.danger.disabled:hover, .context-menu-container3 > ul > li.warning.disabled:hover
{
    background-color: white;
}

.context-submenu
{
	width:214px;
}


.more-txt-name
{
	display: inline-block; /*margin-left:10px;*/color:rgba(0, 0, 0, 0.87);
}
.container-width {
	width:158px;	
}

.container-width2 {
	width:81px;	
}

.w188 {
	width:188px;	
}
.w104 {
	width:104px;	
}