/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; margin: 0; padding: 0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a { text-decoration: none; }
.txt-rt { text-align: right; }
.txt-lt { text-align: left !important; }
.txt-center { text-align: center; }
.float-rt { float: right; }
.float-lt { float: left; }
.clear { clear: both; }
.pos-relative { position: relative; }
.pos-absolute { position: absolute; }
.vertical-base { vertical-align: baseline; }
.vertical-top { vertical-align: top; }
nav.vertical ul li { display: block; }
nav.horizontal ul li { display: inline-block; }
img { max-width: 100%; vertical-align: middle; border: 0 none; }
::-ms-clear { display: none; }
::-ms-reveal { display: none; }
textarea:focus, input:focus { outline: none; }
textarea { resize: none; }
.placeholder { color: #C0C0C0 !important; }
:-ms-input-placeholder { color: #C0C0C0 !important; }
::-webkit-input-placeholder { color: #C0C0C0 !important; }
:-moz-placeholder { color: #C0C0C0 !important; }
::-moz-placeholder { color: #C0C0C0 !important; }

body { background: #fff; font-family: 'Open Sans', sans-serif; }
.login-form { background: #fff; width: 26%; margin: 0 auto 4% auto; position: relative; z-index: 1; }

/*.body { position: absolute; width: 100%; height: 100%; background-image: url('/assets/site/images/layout/bg-food.jpg'); background-size: cover; -webkit-filter: blur(5px); filter: blur(5px); z-index: 0; }*/

element.style {
}

img.bg {
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}

.grad { position: absolute; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); z-index: 1; opacity: 0.7; }

.head { position: absolute; top: -15%; left: 40%; }
.head img { border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; border: 6px solid rgba(221, 218, 215, 0.23); }
.main { position: relative; padding-top: 4%; }
.main h1 { font-size: 25px; color: #676767; font-family: 'Open Sans', sans-serif; font-weight: 400; padding-top: 10%; text-align: center; }
.main form { width: 80%; margin: 0 auto; padding: 6% 0 9% 0; }
.main p { text-align: center; }
.main form p a { color: #888; font-family: 'Open Sans', sans-serif; }
form p a:hover { color: #21A957; }
select { cursor: pointer; }
input[type="text"], input[type="password"], select { text-align: left; position: relative; width: 100%; padding: 4%; background: #fff; margin-bottom: 6%; font-family: 'Open Sans', sans-serif; color: #676767; font-weight: 600; font-size: 14px; outline: none; border: none; border-radius: 3px; border: 1px solid #DED6D6; -webkit-appearance: none; }
input[type="text"]:hover, input[type="password"]:hover, select:hover { border: 1px solid #949494; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; }
input[type="submit"] { font-weight: bold; width: 100%; padding: 4%; margin-bottom: 0; background: #21A957; font-family: 'Open Sans', sans-serif; color: #ECECEC; box-shadow: inset 0 0 10px #666464; -webkit-text-shadow: 0 0 3px #000; -moz-text-shadow: 0 0 3px #000; -o-text-shadow: 0 0 3px #000; -ms-text-shadow: 0 0 3px #000; text-shadow: 0 0 3px #000; font-size: 14px; outline: none; border: none; cursor: pointer; border-radius: 3px; transition: 0.5s; -webkit-appearance: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; }
input[type="submit"]:hover { background: #128A42; color: #fff; }

.error { font-size: 14px; font-weight: bold; margin-bottom: 20px; width: 100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #b94a48; background-color: #f2dede; padding: 4%; text-shadow: 0 1px 0 rgba(255,255,255,0.5); border: 1px solid #eed3d7; }

.field-validation-error { display: inline-block; top: 100%; left: 0; z-index: 2; position: relative; padding: 4px 2px; color: #ff5050; font-size: 12px; line-height: 11px; text-align: left; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #ff5050 !important; }
.validation-summary-errors { font-weight: bold; color: #ff5050; }
.validation-summary-valid { display: none; }

.copy-right { position: absolute; bottom: -19%; left: 43.7%; }
.copy-right p { color: #fff; font-size: 1em; font-family: 'Open Sans', sans-serif; font-weight: 600; }
.copy-right p a { font-family: 'Open Sans', sans-serif; font-size: 1em; color: #21A957; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.copy-right p a:hover { color: #fff; }

.atualize-navegador { background-color: #fff; max-width: 450px; position: relative; z-index: 1; margin: 0 auto; padding: 20px; display: none; top: 15%; }
.atualize-navegador h6 { font-size: 20px; color: #f00; margin-bottom: 20px; }
.atualize-navegador li { margin: 20px 0; float: left; margin-right: 30px; }
.atualize-navegador li img { width: 80px; vertical-align: middle; }

.link-cadastro {
    padding: 30px;
    text-align: center;
    font-size: 14px;
}

.lrsr-title {
    font-size: 28px;
    font-weight: bold;
    color: #666;
    line-height: 1.1
}

small,
.small {
    font-size: 85%;
}

.btn-block {
    border-radius: 0;
}

.padding-20x {
    padding: 20px !important;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
}

.text-center {
    text-align: center;
}

.margin-top-10x {
    margin-top: 10px !important;
}

.margin-top-40x {
    margin-top: 40px !important;
}

.margin-bottom-40x {
    margin-bottom: 40px !important;
}

.margin-bottom-5x {
    margin-bottom: 5px !important;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.pull-right {
    float: right !important;
}

.text-warning {
    color: #8a6d3b;
}

.label-client {
    font-size: 12px;
    font-weight: 700;
    color: #959595;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media (max-width:1440px) {
    .login-form { width: 30%; margin: 0 auto 4% auto; }
    .main h1 { padding-top: 23%; }
    .copy-right { bottom: -26%; }
}

@media (max-width:1366px) {
    .login-form { width: 32%; margin: 0 auto 4% auto; }
}

@media (max-width:1280px) {
    .login-form { margin: 0 auto 0; width: 34%; }
    .copy-right { left: 41%; bottom: -18%; }
}

@media (max-width:1024px) {
    .login-form { margin: 0 auto 0; width: 45%; }
    .copy-right { left: 41%; bottom: -18%; }
}

@media (max-width:768px) {
    .login-form { margin: 0 auto 0; width: 59%; }
    .copy-right { left: 38%; bottom: -14%; }
}

@media (max-width:640px) {
    .login-form { margin: 0 auto 0; width: 63%; }
    .copy-right { left: 36%; bottom: -18%; }
}

@media (max-width:480px) {
    .login-form { margin: 0 auto 0; width: 74%; }
    .copy-right { left: 30%; bottom: -17%; }
    .main h1 { font-size: 22px; }
    .head img { width: 78%; }
    .head { top: -15%; left: 34%; }
    input[type="text"], input[type="password"], input[type="submit"] { font-weight: 600; margin-bottom: 4%; }
}

@media (max-width:320px) {
    .login-form { margin: 0 auto 0; width: 85%; }
    .main h1 { padding-top: 20%; font-size: 20px; }
    .head img { width: 60%; border: 5px solid rgba(221, 218, 215, 0.23); }
    .head { top: -15%; left: 36%; }
    input[type="text"], input[type="password"], input[type="submit"] { font-weight: 600; font-size: 15px; }
    .main form p a { font-size: 15px; }
    input[type="submit"] { padding: 4%; }
}