body { font-family: "Open Sans", sans-serif; margin: 0 auto; width: 1180px; padding: 80px 10px 10px 10px; font-size: 14px; line-height: 20px; }
input { font-family: "Open Sans", sans-serif; font-size: 14px; }
.client_add label,.updateitems label { display: inline-block; width: 200px; }

.button { cursor: pointer; color: #fff; background-color: #337ab7; border: 1px solid #2e6da4; }
.button:hover {  background-color: #286090; border: 1px solid #204d74; }

#login { background: #F8F8F8; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 14px; font-weight: bold; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#login .login_inner { position: absolute; top: 50%; left: 50%; width: 330px; height: 350px; margin-left: -165px; margin-top: -175px; }
#login .remember { position: relative; height: 24px; }
#login .login_inner span { color: #686868; }
#login .login_inner .remember input[type=checkbox] { cursor: pointer; }
#login .login_inner .remember span { cursor: pointer; position: absolute; top: -1px; left: 24px; }
#login .login_inner form { display: block; }
#login .login_inner form input[type=text], #login .login_inner form input[type=password], #password_forgotten input[type=text] { line-height: 26px; padding: 10px 45px; border-radius: 6px; background-color: #ccc; font-size: 18px; font-weight: 600; border: 0; width: 240px; margin-bottom: 15px; }
#login .login_inner form input[type=submit],#password_forgotten input[type=button],#dashboard input[type=submit],#topbuttons input[type=submit],#updateform input[type=submit] { border-radius: 4px; line-height: 26px; padding: 10px 0; font-size: 18px; font-weight: 400; width: 330px; }
#dashboard .row input[type=submit] { line-height: 16px; width: 60px; }
#topbuttons input[type=submit] { line-height: 16px; width: 100px; }
#login .login_inner span.forgotten { cursor: pointer; margin-top: 8px; position: absolute; left: 0; right: 0; text-align: center; }
#login .login_inner span.error { display: block; height: 30px; text-align: center; color: #94180a !important; font-weight: bold; }

#overlay { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); }
#password_forgotten { display: none; position: absolute; top: 50%; left: 50%; margin-left: -200px; margin-top: -100px; width: 400px; height: 200px; background-color: #F8F8F8; border-color: 1px solid #000; border-radius: 10px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#password_forgotten input[type=text],#password_forgotten input[type=button] { position: absolute; top: 50px; left: 50%; margin-left: -165px; }
#password_forgotten input[type=button] { top: 100px; }
#password_forgotten .close { position: absolute; top: -10px; right: -10px; background: #94180a; color: #fff; width: 30px; height: 30px; text-align: center; line-height: 30px; font-weight: 700; border-radius: 6px; font-size: 30px; cursor: pointer; display: inline-block; padding: 0; }
.delete_button { background: #94180a; color: #fff; width: 30px; height: 30px; text-align: center; line-height: 30px; font-weight: 700; border-radius: 6px; font-size: 30px; cursor: pointer; display: inline-block; padding: 0; }
#password_forgotten input[type=text].error { border: 1px solid red; }
#password_forgotten span.error { display: none; position: absolute; bottom: 15px; left: 0; right: 0; text-align: center; color: #94180a; font-weight: bold; }

#dashboard #search_filters { display: block; }
#dashboard .attributes+.attributes { margin-left: 5px; }
#dashboard input[type=text] { margin-bottom: 10px; text-align: center; line-height: 24px; padding: 10px 20px; border-radius: 6px; background-color: #ccc; font-size: 16px; font-weight: 600; border: 0; width: 180px; }
#dashboard input[type=text].small { padding: 10px 15px; width: 100px; }

#updateform input[type=checkbox] { margin: 0; }