@charset "utf-8";
/* CSS Document */
#dialogoverlay 		{display:none; position:fixed; top:40px; left:0px; background:#FFF;z-index:10; width:100%;opacity:.75;} /*   */
#dialogbox 				{display:none; position:fixed; background:#000; border-radius:7px; width:550px; z-index:10 } /**/
#dialogbox > div 	{background:red; margin:8px;}
#dialogbox > div  > #dialogboxhead {background:lightblue; font-size:19px; padding:10px; color:black;}
#dialogbox > div  > #dialogboxbody {background:darkblue; padding:20px; color:white; font-size:20px;}
#dialogbox > div  > #dialogboxfoot {background:lightblue; padding:10px; text-align:right;}

	/*                                              =========================== */
  /*                                              MON IPHONE 12 PRO PORTRAIT  */
  /*                                              =========================== */
  @media only screen 
  and (min-device-width: 390px) 
  and (max-device-width: 844px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    #dialogoverlay 		{display:none; position:fixed; top:10px; left:10px; background:#FFF;z-index:10; width:100%;opacity:.75;} /*   */
    #dialogbox 				{display:none; position:fixed; background:#bca2a2; border-radius:7px; width:550px; z-index:10 } /**/
    #dialogbox > div 	{background:red; margin:8px;}
    #dialogbox > div  > #dialogboxhead {background:lightblue; font-size:19px; padding:10px; color:black;}
    #dialogbox > div  > #dialogboxbody {background:green; padding:20px; color:white; font-size:20px;}
    #dialogbox > div  > #dialogboxfoot {background:lightblue; padding:10px; text-align:right;}
    
  }