body { background: #fff; margin: 0; padding: 0; font-family: 'Open Sans', Tahoma, Verdana, Arial, Helvetica; font-weight: 400; font-size: 14px; color: #069 }
input { background: #fff; color: #069; border: 1px solid #ccd; padding-left: 0.3em; border-radius: 3px; font-family: inherit; font-size: inherit; font-weight: inherit; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
input[type="submit"] { padding-right: 0.3em; cursor: pointer }
input[type="text"]:focus { border: 1px solid #333; background: #fff!important }
/* reset form */
input, textarea { outline: none; box-shadow: none }
input:-webkit-autofill { -webkit-box-shadow:0 0 0 99px #fff inset; -webkit-text-fill-color: #069 }
html, body { height:100%; background:#eee; overflow:hidden }
#copyright { float:right; color:#fff; margin: 0; opacity:0.6; margin:7px 7px 0 0;}
#copyright a { color:#fff }
#form { padding:6px 20px 0 6px; float:left }
#resp-menu { height:34px; background:#1177AA; min-width:600px }
#noselect { position:absolute; top:34px; width:100%; height:100% }
#resp-screen { position:absolute; top:0; left:50%; }
#resp-marge { position:relative; left:-50%; width:100%; height:100% }
#resp-screen iframe, .resp-resize { position:absolute; top:0; left:0; width:100%; height:100% }
#resp-screen iframe { border:2px solid red; overflow:hidden; box-sizing:border-box; background-color:#fff }
.resp-resize { cursor:e-resize; background: transparent }
#resp-resize-l { margin-left:-8px }
#resp-resize-r { margin-left:16px }
#resp-resize-b { margin-top:16px; cursor:s-resize }

#devices-icon a { color: #fff; font-size: 25px; margin-left: 14px }

.resp-screen-transition {
-webkit-transition: width 1s ease, height 1s ease;
-moz-transition: width 1s ease, height 1s ease;
-o-transition: width 1s ease, height 1s ease;
transition: width 1s ease, height 1s ease;
}