* {-webkit-user-drag:none;user-drag:none;-webkit-text-size-adjust:none;text-size-adjust:none}
body {margin:0;padding:0;background-color:#fff;color:#333;user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none}
body,input,select,textarea {font-family:Arial;font-size:12px}
input:focus,select:focus,textarea:focus,a:focus {outline:none}
input[type="checkbox"],input[type="radio"] {filter:grayscale(0.6)}
input,textarea {user-select:text;-ms-user-select:text;-webkit-user-select:text;-moz-user-select:text}

a {color:#333;text-decoration:underline}	
a:hover {color:#000;text-decoration:none}

.over {min-width:630px;background-color:#fff}
.line {height:20px;background:linear-gradient(90deg,#50aa46,#1ebee6,#9678aa,#faaa5a,#e66ea0,#e65064)}
.head {height:147px;border-bottom:13px #eee solid}
.logo {float:left;background:url(img/head.png);width:255px;height:110px;margin:17px 0 0 30px}
.comp {float:right;background:url(img/head.png) -255px 0;width:295px;height:110px;margin:17px 21px 0 0}
.foot {height:40px;line-height:40px;padding:0 16px}

#bg-admin,#bg-waiter,#bg-cooker,#bg-worktimes,#bg-reception,#bg-terminal,#bg-menu {position:relative;display:flex;flex-direction:column;justify-content:center;min-height:240px;height:calc(100vh - 220px);background-repeat:no-repeat;background-position:center center;background-size:cover}
#bg-admin {background-image:url(img/bg-admin.jpg);background-position:center bottom}
#bg-waiter {background-image:url(img/bg-waiter.jpg);min-height:520px}
#bg-cooker {background-image:url(img/bg-cooker.jpg);min-height:520px}
#bg-worktimes {background-image:url(img/bg-worktimes.jpg)}
#bg-reception {background-image:url(img/bg-reception.jpg);min-height:520px}
#bg-terminal {background-image:url(img/bg-terminal.jpg)}
#bg-menu {background-image:url(img/bg-reception.jpg);min-height:520px}

#log-admin,#log-waiter,#log-cooker,#log-worktimes,#log-reception,#log-terminal,#log-menu {width:280px;margin:0 auto;padding:0 40px 8px 40px;background-color:#fff;box-shadow:0 5px 15px #000;border-radius:15px}
#log-admin {border:1px #50aa46 solid;background:linear-gradient(135deg,#50aa46 0,#fff 250px)}
#log-waiter {border:1px #1ebee6 solid;background:linear-gradient(135deg,#1ebee6 0,#fff 250px)}
#log-cooker {border:1px #9678aa solid;background:linear-gradient(135deg,#9678aa 0,#fff 250px)}
#log-worktimes {border:1px #e65064 solid;background:linear-gradient(135deg,#e65064 0,#fff 250px)}
#log-reception {border:1px #faaa5a solid;background:linear-gradient(135deg,#faaa5a 0,#fff 250px)}
#log-terminal {border:1px #e66ea0 solid;background:linear-gradient(135deg,#e66ea0 0,#fff 250px)}
#log-menu {border:1px #9678aa solid;background:linear-gradient(135deg,#9678aa 0,#fff 250px)}

.tit {margin:18px 0 14px 4px;padding-left:46px;height:36px;line-height:36px;font-size:20px;font-weight:bold;color:#333;background-repeat:no-repeat}
#log-admin .tit {background-image:url(img/titadmin.png)}
#log-waiter .tit {background-image:url(img/titwaiter.png)}
#log-cooker .tit {background-image:url(img/titcooker.png)}
#log-worktimes .tit {background-image:url(img/titworktimes.png)}
#log-reception .tit {background-image:url(img/titreception.png)}
#log-terminal .tit {background-image:url(img/titterminal.png)}
#log-menu .tit {background-image:url(img/titmenu.png)}

.inp-user input,select,.inp-pass input,.inp-term select {padding:4px;margin-top:8px;background-color:#fff;color:#000;border-width:0}
.send {margin-top:8px;border-width:0}
.winp {width:220px}
.wsel {width:230px}

.inp-term,.inp-user,.inp-pass {width:238px;padding-left:40px;margin:0 auto 6px auto;height:38px;line-height:38px;border:1px #666 solid;box-shadow:0 2px 2px #e0e0e0;border-radius:4px}
.inp-term {background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABXRSTlMAQODQwOrBiYMAAAAvSURBVAjXYzANBYFghlAIYAgUBAFRhkAGECCahukDmeMCxEA6hEEVQYPsUQLaAwBSTxA58We0BAAAAABJRU5ErkJggg==') 14px center no-repeat}
.inp-user {background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAJFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACmWAJHAAAAC3RSTlMA74BvsPDg0L8gEEU5508AAABLSURBVAjXY2BgWLLbiwEEvHdvAdPRuzeC6d27d6PQ2bu3gWnt3ZvANPvuAjDNtFsBRE1u3C1hycDALA1Uv9EAqAoENjNEg+mNMBoA6msiS7pHz3YAAAAASUVORK5CYII=') 14px center no-repeat}
.inp-pass {background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAHlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3KG9qAAAACXRSTlMAwICgQFDQsGAvyIqxAAAASUlEQVQI12MAgsCZIiCKeebMmQpAOnLmJKYpQFpy5gSGiUB6JpA/E0SDAETZzOkMDJYgegqIC9IH4k4EmQPkNIBMAylFpjMhFACsqR1GWklNUAAAAABJRU5ErkJggg==') 14px center no-repeat}

.inp {text-align:center}
.inp2 {height:38px;line-height:38px}
.inptxt {padding:0 0 0 4px}

.fl1 {float:left;margin-top:8px}
.fl2 {float:left;margin:6px 0 0 4px}

.send,.buta,.butw,.butc,.butr,.butt {width:100px;height:35px;line-height:35px;color:#fff;text-align:center;font-weight:bold;cursor:pointer;border-radius:4px;display:inline-block;text-decoration:none}
.buts {position:absolute;bottom:40px;right:40px}
#bg-admin .send,.buta {background-color:#50aa46}
#bg-waiter .send,.butw {background-color:#1ebee6}
#bg-cooker .send,.butc {background-color:#9678aa}
#bg-worktimes .send,.butt {background-color:#e65064}
#bg-reception .send,.butr {background-color:#faaa5a}
#bg-terminal .send {background-color:#e66ea0}
#bg-menu .send {background-color:#9678aa}

.clear {clear:both}
.fl {float:left}
.fr {float:right}
.hid {display:none}
.center {text-align:center}
.red {color:#cc0000}
.green {color:#00cc00}
.big {font-size:40px;font-weight:bold}
.big2 {font-size:20px;font-weight:bold}

.warning {background-color:#ff0000;color:#fff;font-weight:bold;font-size:13px;margin:10px auto 0 auto;padding:3px;text-align:center}

.msg {width:440px;margin:0 auto;background-color:#fff;padding:25px 15px;font-size:18px;line-height:40px;border:10px solid #eee;box-shadow:0 10px 15px #000}
.msg2 {max-width:650px;margin:20px auto 0 auto;background-color:#fff}
.msgbody {height:290px;margin:100px auto 0 auto;padding:15px;font-size:18px;line-height:40px;text-align:center}
.msgfoot {margin:10px auto 0 auto;padding:15px;font-size:18px;line-height:40px;text-align:center}
.msgkeysgreen {float:left;width:140px;height:128px;background:url(img/i128_keys_green.png) no-repeat}
.msgkeysred {float:left;width:140px;height:128px;background:url(img/i128_keys_red.png) no-repeat}
.msgkeyslogin {margin:20px auto 0 auto;width:128px;height:128px;background:url(img/i128_keys_green.png)}
.msgkeyslogout {margin:20px auto 0 auto;width:128px;height:128px;background:url(img/i128_keys_red.png)}

.sub {background:linear-gradient(180deg,#97badc 0,#fff 50%);border:#369 1px solid;font-size:15px;font-weight:bold;height:35px}
#backbutton,#gobutton {color:#000;font-size:24px;font-weight:bold;margin:0 20px;padding:12px 20px;border-radius:30px;text-decoration:none}
#backbutton {background-color:#fc0}
#gobutton {background-color:#0c0}

.form_title {background-color:#000;letter-spacing:1px;width:250px;color:#ffcc00;font-size:11px;font-weight:bold;padding:6px 10px 6px 10px}
.form_alllll {border: #000 1px solid}
.form_content {background-color:#eee;color:#000;padding:10px}
.form_textarea {background-color:#fff;font-size:11px;border:#6699cc 1px solid;width:720px;height:100px}
.form_bottom {background-color:#ccc;padding:10px;text-align:center;vertical-align:middle;border-top:1px solid #999999}

.newstime {font-size:13px;padding:5px;color:#000;font-weight:bold}
.newstitle {font-size:18px;padding:5px;color:#c00;font-weight:bold}
.newstext {font-size:15px;padding:5px;color:#000}