.sc_window { position:fixed; display:table; font-family:Arial, Helvetica, sans-serif; font-size:14px;
    -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:10000;
}

/* 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:block; 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; }


@media all and (max-width: 768px) { 

    .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_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_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; }
}