.sc_window { position:fixed; display:table; font-size:12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; z-index:5; }  /* shadow */ .sc_top.sc_shadow { box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.2); } .sc_bottom.sc_shadow { box-shadow: 0 -5px 5px 2px rgba(0, 0, 0, 0.2); } .sc_box.sc_shadow { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); }  .sc_top { top:0; left:0; width:100%; height:40px; } .sc_bottom { bottom:0; left:0; width:100% !important; height:auto; }  /* message */ .sc_window .sc_message { display:table-cell; width:80%; vertical-align:middle; padding-top:20px; padding-bottom:20px; padding-left:10px; }  /* buttons */ .sc_window.sc_bar a.sc_link_more_info { margin-left:10px; text-decoration:none; } .sc_window.sc_bar a.sc_btn_accept { float:right; display:inline-block; vertical-align:middle; text-align:right; font-weight:bold; text-decoration:none; padding:10px 20px; margin:20px 10px; } .sc_window.sc_bar a.sc_btn_decline { float:right; display:none; vertical-align:middle; text-align:right; font-weight:bold; text-decoration:none; padding:10px 20px; margin:20px 10px; }  /* boxed layout for position bottom left / bottom right specific rules */ .sc_box { width:390px; height:auto; } .sc_box.sc_bottom_left { bottom:20px; left:20px; } .sc_box.sc_bottom_right { bottom:20px; right:20px; } .sc_box .sc_message { display:block; width:auto; margin:0 10px; } .sc_box a.sc_link_more_info { margin-left:5px; text-decoration:none; } .sc_box a.sc_btn_accept { display:block; width:auto; height:auto; text-align:center; font-weight:bold; text-decoration:none; padding:12px 20px; margin:10px 15px 15px 15px; } .sc_box a.sc_btn_decline { display:block; width:auto; height:auto; text-align:center; font-weight:bold; text-decoration:none; padding:12px 20px; margin:10px 15px 15px 15px; }  /* minimized notification */ a.sc_minimized { position:fixed; display:none; background:#000; padding:5px 10px; font-weight:bold; text-decoration:none; z-index:5; } a.sc_minimized.sc_bottom_right { bottom:0; right:20px; } a.sc_minimized.sc_bottom_left { bottom:0; left:20px; }   @media all and (max-width: 768px) {  .sc_window { text-align:center; padding-right:20px; } .sc_window.sc_bar .sc_message { display:block; width:100%; } .sc_window.sc_bar a.sc_btn_accept { clear:both; display:inline-block; float:none; text-align:center; margin-top:10px; } .sc_window.sc_bar a.sc_btn_decline { clear:both; display:inline-block; float:none; text-align:center; margin-top:10px; }  .sc_window.sc_box { width:100%; padding:0 10px; } .sc_window.sc_box.sc_line { border-left:none; border-right:none; border-bottom:none; } .sc_window.sc_box.sc_bottom_left { bottom:0; left:0; } .sc_window.sc_box.sc_bottom_right { bottom:0; right:0; } }  @media all and (max-width: 480px) {  .sc_window { text-align:center; } .sc_window.sc_bar .sc_message { display:block; width:100%; } .sc_window.sc_bar a.sc_btn_accept { clear:both; display:inline-block; float:none; text-align:center; margin-top:10px; } .sc_window.sc_bar a.sc_btn_decline { clear:both; display:inline-block; float:none; text-align:center; margin-top:10px; }  .sc_window.sc_box { width:100%; padding:0 10px; } .sc_window.sc_box.sc_line { border-left:none; border-right:none; border-bottom:none; } .sc_window.sc_box.sc_bottom_left { bottom:0; left:0; } .sc_window.sc_box.sc_bottom_right { bottom:0; right:0; } }