/*******************/
/*  App_main style */
/*******************/

:root {
  --App-menu-item-bg-color: 		#A2CD6D;	/* lighter App Green */
  --App-menu-item-bg-color-hover: 	#3765AA;	/* hover lighter App Green */
  --App-menu-item-selected-bg-color: 	grey;		/* grey */
  --App-menu-shadow-bg-color:  		#0E9F2C;	/* #0E9F2C darker App Green */

  --App-menu-font-size:		        20px;		/* 16px */
  --App-submenu-font-size:		18px;		/* 16px */
  --App-submenu-row-height:		19px;		/* 17px */

  --App-submenu-3D-pop-height: 		18px;		/* 18px */

  --App-header-width-desktop: 		535px;		/* App width for desktop */
  --App-header-width-mobile: 		490px;		/* App width for mobile */

  --App-header-img-height: 		91px;			
  --App-header-img-width: 		311px;

  --App-submenu-width-desktop: 		347px;		/* App width for desktop */
  --App-submenu-width-mobile: 		318px;		/* App width for mobile */


  --n-sha:0px 0px  0px white;
  --f-sha:0px 0px 18px rgba(0,0,0,12.5);
  --h-sha:0px 0px  9px rgba(0,0,0,12.5);
  --t-sha:0px 0px  6px rgba(0,0,0,12.5);


  --ff:Arial,Helvitica,san-serif;
  --f-sha:0px 0px 18px rgba(0,0,0,12.5);
  --h-sha:0px 0px 9px rgba(0,0,0,12.5);
  --t-sha:0px 0px 6px rgba(0,0,0,12.5);
}

@keyframes spinner {to {transform:rotate(360deg);}}
div.live_ani{position:relative;left:0px;top:10px;border-top:3px solid green;border-bottom:3px solid gray;height:50px;width:50px;border-radius:50%;border-sizing:border-box;animation:spinner 0.6s linear infinite;transform-origin:50% 50%;}

/******************/
/* branding style */
/******************/

.Br{font:11px var(--ff);color:black;}
.Br_i{height:17px;border:0px;vertical-align:middle;}
.Br_t{cursor:pointer;}
.Br_d{position:absolute;cursor:move;background:white;z-index:2000;top:1px;left:1px;width:auto;padding:10px;border:1px solid black;border-radius:25px;display:inline;align:left;resize:none;overflow:auto;box-shadow:var(--f-sha);}
.ABS_Br{cursor:pointer;font-family: var(--ff);color:black;font-weight:bold;text-decoration:none;display:inline-block;}
.ABS_Br:hover{color:red;text-decoration:none;}

/***********/
/* Dialogs */
/***********/

div.fading_dialog_content{
   padding: 		0px 0px 0px 0px;
   vertical-align:      middle;
   text-align:          center;
   font-family:         Verdana, Arial, Helvetica, sans-serif;
   font-size:           18px;
   font-color:          green;
   text-decoration:     none;
   color:               green;
   cursor:		pointer;
   display:		inline-block;
}

span.fixed_font
{
   font-family:         Courier, Courier New, Lucida Console, Monaco;
}

div.stats_dialog_content,
div.stats_dialog_content_mini,
div.email_command_dialog_content,
div.email_command_dialog_content_mini,
div.webhook_help_dialog_content,
div.webhook_help_dialog_content_mini,
div.help_dialog_content,
div.help_dialog_content_mini,
div.confirm_dialog_content,
div.confirm_dialog_content_mini,
div.max_reached_dialog_content,
div.max_reached_dialog_content_mini,
div.timer_string_dialog_content,
div.timer_string_dialog_content_mini
{
   padding: 		0px 0px 0px 0px;
   vertical-align:      middle;
   text-align:          left;
   font-family:         Verdana, Arial, Helvetica, sans-serif;
   font-color:          black;
   text-decoration:     none;
   color:               black;
   cursor:		default;
   display:		inline-block;
}

div.stats_dialog_content,
div.confirm_dialog_content,
div.max_reached_dialog_content,
div.email_command_dialog_content,
div.help_dialog_content,
div.webhook_help_dialog_content
{
   font-size:           18px;
}

div.stats_dialog_content_mini,
div.confirm_dialog_content_mini,
div.max_reached_dialog_content_mini,
div.email_command_dialog_content_mini,
div.help_dialog_content_mini,
div.webhook_help_dialog_content_mini
{
   font-size:           17px;
}

div.timer_string_dialog_content,
div.timer_string_dialog_content_mini
{
   font-size: 	12px;
   cursor: 	pointer;
}

img.App_splash_image
{
   width		var(--App-header-width-desktop);
   border-width: 	0px;
}


img.App_splash_image_mobile
{
   width:         	var(--App-header-width-mobile);
   border-width: 	0px;
}

img.App_header_image_mobile,
img.App_header_image
{
   height:         	var(--App-header-img-height);
   width:         	var(--App-header-img-width);
   border-width: 	0px;
}

img.App_open_list_image
{
   height:         	200;
   width:         	20px;
   border-width: 	0px;
   display:  inline-block;
}

/**********/
/* tables */
/**********/

table.super_tight,
table.menu_zoom
{
	border-collapse: separate;
	border-width:	0px 0px 0px 0px;
	border-spacing:	0px;
        cellpadding:  	0px 0px 0px 0px;
	cellspacing:  	0px;
        padding: 	0px 0px 0px 0px;
        height: 	0px;
        line-height:	0;
        text-align:	left;
        margin:		0px 0px 0px 0px;
}

td.menu_zoom
{
	border-collapse: separate;
	border:		0px;
	border-spacing:	0px;
        cellpadding:  	0px 0px 0px 0px;
	cellspacing:  	0px;
        padding: 	0px 0px 0px 0px;
        height: 0px;
        line-height:0;
        margin:		0px 0px 0px 0px;
}

img.super_tight
{
   margin:		0px 0px 0px 0px;
   border-width:        0px;
}

table.super_tight_submenu
{
	background-color:    	black; 
   	vertical-align:      	middle;
   	text-align:          	center; 
   	spacing: 		0px;
        border-style:		solid solid solid solid;
        border-color:	black; 
        border-width: 1px;
        cellpadding: 		0px 0px 0px 0px;
	cellspacing: 		0px 0px 0px 0px;
        padding: 		0px 0px 0px 0px;
        margin:			0px 0px 0px 0px;

}

img.zoom_menu_image
{
   height:		var(--App-submenu-3D-pop-height);
   margin:		0px 0px 0px 0px;
   border-width:        0px 0px 0px 0px;
   vertical-align:	bottom;
   display:		inline-block;
}

td.zoom_menu_td
{
   height:var(--App-submenu-3D-pop-height);
   margin:0px 0px 0px 0px;
   NOTbackground-color: var(--App-menu-shadow-bg-color);
   background-color: white;
}

table.App_outermost_borderless_table,
table.App_outermost_table,
table.App_TLW_table,
table.App_main,
table.App_main_mobile,
table.App_splash,
table.App_splash_mobile,
table.App_submenu,
table.App_submenu_arrow,
table.App_submenu_image_table,
table.App_menu
{ 
	background-color:    	white;
   	vertical-align:      	middle;
   	text-align:          	center; 
   	spacing: 		0px;
   	border-style:		none none none none; 
   	border-width:        	0px;
   	border-color:		red;
        cellpadding: 		0px 0px 0px 0px;
	cellspacing: 		0px;
        padding: 		0px 0px 0px 0px;
}

table.App_outermost_table,
table.App_TLW_table 
{ border-color:	black; border-width: 1px; }

table.App_main,
table.App_main_mobile 
{ border-color: black;  xxwidth: 490px;} /* xxwidth */

table.App_main_mobile 
{ xxwidth: 490px; }		/* xxwidth */
        	
table.App_submenu 
{     
	background-color:    	black;
   	border-color:		black;
        xxwidth:                  347px;	/* xxwidth: 347px; */
} 

table.App_submenu_arrow 
{ xxwidth: 347px; } 		/* xxwidth: 347px; */

table.App_submenu_image_table { background-color: var(--App-menu-shadow-bg-color); }

table.App_menu 
{     
	background-color:    	black;
	cellspacing: 		1px;
   	border-color:		black;
        width:                  100%;
}


	/******************************/
	/* mobile/desktop differences */
        /******************************/

table.App_main,table.App_splash { width: var(--App-header-width-desktop); }

table.App_main_mobile,table.App_splash_mobile { width: 100%; }


/*********/
/* <td>s */
/*********/


td.App_TLW_td_time_left          { width: 1%; background-color: var(--App-menu-shadow-bg-color); }
td.App_TLW_td_time_inactive      { width: 1%; background-color: white; }
td.App_TLW_td_time_left_critical { width: 1%; background-color: red; }


div.progress_bar_holder        {width:100%;height:6px;background-color:white;border: 1px solid;margin:0px}
div.progress_bar_empty         {width:100%;height:4px;background-color:white;}
div.progress_bar_left          {width:100%;height:4px;background-color:var(--App-menu-shadow-bg-color); border: 1px solid #0E9F2C}
div.progress_bar_left_critical {width:100%;height:4px;background-color:red; border: 1px solid red}
img.progress_bar_image         {height:4px;margin:0px}

/*************************/
/*  App_menu style */
/*************************/






/****************************/
/*  App_submenu style */
/****************************/

    
img.App_submenu
{
   height:         	15px;
   width:         	300px; 		
   border-width:        0px;
   margin:0px;
   line-height:0;
}

img.App_submenu_left
{
   height:         	15px;
   width:         	352px;	/* 344 */
   border-width:        0px;
   margin:0px;
   line-height:0;
}


th.App_submenu_item_arrow
{
   background:		white;
   padding:		0px 0px 0 0px;
   vertical-align:	var(--App-menu-vertical-align);
   color:		white;
   cursor:		default;
}

/******************************/
/* Common iApprove Menu Items */
/******************************/

th.App_menu_item,
th.App_menu_item_selected,
th.App_menu_item_inactive,
th.App_submenu_item,
th.App_submenu_item_selected
{
   padding: 		0px 0px 0 0px;
   vertical-align:      middle;
   text-align:          center;
   font-family:         Verdana, Arial, Helvetica, sans-serif;
   text-decoration:     none;
   color:               black;
   cursor:		default;
}
	/****************************/
	/* menu/submenu differences */
	/****************************/

th.App_menu_item,
th.App_menu_item_selected,
th.App_menu_item_inactive { font-size: var(--App-menu-font-size);}

th.App_submenu_item,
th.App_submenu_item_selected { font-size: var(--App-submenu-font-size); height: var(--App-submenu-row-height); }

	/***********************************/
	/* selected/unselected differences */
	/***********************************/

	th.App_menu_item,
	th.App_submenu_item
	{
   	   background: 		var(--App-menu-item-bg-color);			
   	   cursor:		pointer;
	}

	th.App_menu_item_inactive
	{
   	   background: 		var(--App-menu-item-bg-color);			
   	   cursor:		default;
	}

	th.App_menu_item_selected,
	th.App_submenu_item_selected
	{
   	   background: 		var(--App-menu-item-selected-bg-color);
   	   cursor:		default;
           color:               white;
	}

	/*********************/
	/* hover differences */
	/*********************/

	th.App_menu_item:hover,
	th.App_submenu_item:hover
	{
  	   background: var(--App-menu-item-bg-color-hover);	
  	   color:      white;
	}

	/**********************/
	/* cursor differences */
	/**********************/

	th.App_menu_item_inactive:hover
	{
  	   cursor: default;
	}

/***************************/
/* Common iApprove dialogs */
/***************************/

/* popup list */

table.popup_list 
{     
        background-color:    	#ffffff;
   	border-style:		solid solid solid solid;
   	border-color:		grey;
   	border-width:        	3px;
   	vertical-align:      	middle;
   	text-align:          	center;       
} 


th.popup_list
{
   	padding: 		2px 2px 2px 2px;
   	vertical-align:      	middle;
   	border-style:		none;
}

td.popup_list
{
	xbackground-color:    	#ffffff;
   	padding: 		2px 2px 2px 2px;
   	vertical-align:      	middle;
   	border-style:		none;
   	vertical-align:      	middle;
   	text-align:          	left;
   	font-size:           	11px;
   	font-family:         	verdana;
   	color:               	black;
}

td.popup_list_decoration
{
	background-color:    	#ffffff;
   	padding: 		2px 2px 2px 2px;
   	border-style:		none;
   	vertical-align:      	top;
   	color:               	black;
}



div.vfixed_code_input_dialog  {
	position: fixed; z-index: 10; 	/* was position: fixed; z-index: 6;  */
  	top: 30%;
  	left: 50%;
  	transform: translate(-50%, -10%); 
	padding: 0em; 
	border: 1px solid; 
	color:#067AB4;
	background: #fff; 
   	border-style:		solid solid solid solid;
   	border-color:		#999999;
  /*
                  opacity:0.6;
                  filter:alpha(opacity=60); /* For IE8 and earlier */
  /* */	
}
.vfixed_code_input_dialog p {margin: 0; padding: 0;}


div.vfixed_about_dialog,
div.vfixed_warning_dialog,
div.vfixed_fading_dialog  
{
	position: fixed; z-index: 7; 	/* was position: fixed; z-index: 7;  */
  	top: 10%;
  	left: 50%;
  	transform: translate(-50%, -10%); 
	padding: 0em; 
	color:#067AB4;
	background: #fff; 
        display:none;
	border: 1px solid #999999;
   	xborder-style:		solid solid solid solid;
   	xborder-color:		#999999;

        margin-left: calc(100vw - 100%);
        margin-right: 0;
     
        overflow-y:hidden;
        overflow-x:hidden;
  /*
                  opacity:0.6;
                  filter:alpha(opacity=60); /* For IE8 and earlier */
  /* */	
}


div.vfixed_window_block,
div.vfixed_window_block_mobile 
{
	position: fixed; z-index: 7; 	/* was position: fixed; z-index: 7;  */

	padding: 0em; 
	color:#067AB4;
	background: #fff; 
        display:none;
	border:none;
        margin-left: 0;
        margin-right: 0;
        overflow-y:hidden;
        overflow-x:hidden;
  /*
                  opacity:0.6;
                  filter:alpha(opacity=60); /* For IE8 and earlier */
  /* */	
}

div.vfixed_window_block        {left: calc(50% - 260px); }
div.vfixed_window_block_mobile {left: calc(50% - 240px); }

   


div.vfixed_fading_dialog  {cursor:pointer;}

div.vfixed_about_dialog 
{
   z-index:2000;
   border-radius:25px;
   box-shadow:var(--f-sha);
}

.vfixed_waring_dialog p {margin: 0; padding: 0;}


div.vfixed_menu  
{
	position: absolute; z-index: 100; 	/* was position: fixed; z-index: 7;  */
  	top: 10%;
  	left: 50%;
  	transform: translate(-50%, -10%); 
	padding: 0em; 
	border: 0px solid; 
	color:#067AB4;
	background: #fff; 
   	border-style:		solid solid solid solid;
   	border-color:		#999999;	
}

td.about_cell_label {font:14px var(--ff);color:black;text-align:right;font-weight:bold;}
td.about_cell_value {font:14px var(--ff);color:black;text-align:left;text-decoration:none;}


div.instruction_widget {
	text-align:left;
	margin:0;
	padding:15px 15px 15px 15px;
	border:5px solid green;
	xbox-shadow:3px 3px 3px grey; 
	border-radius: 20px;
        font-size: 20px; 
        font-family: Arial, Verdana, Helvetica, sans-serif;
        text-decoration: none;
}