* {
box-sizing: border-box;
}
body {
font: 14px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;    
margin: 0;
padding: 0;
background: #9E9E9E;
color: #7B7B7B;
}
.clear {
clear: both;	
}
.none {
display:none;
}
.red {
color: #ff6b60;
}
.blue {
color: #2196F3;
}


.flex-container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
padding: 10px;
background: #607D8B;
background: radial-gradient(farthest-side ellipse at 10% 0, rgba(102,105,104,0.9),rgba(93,112,119,0.89),rgba(160,174,150,0.9));
}
.bk-form {
background-color: #fff;
background-image: -webkit-linear-gradient(top, #fff, #eee);
width: 400px;
padding: 30px;
border-radius: 3px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);	
}
.bk-form h3 {
font-size: 20px;
margin: 0 0 14px;
color: #607D8B;
}
.bk-form .input {
background: #f1f1f1;
padding: 15px 15px 15px 30px;
margin: 0 0 10px 0;
width: 100%;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}
.bk-form label {
font-size: 14px;
line-height: 26px;
color: rgb(102, 102, 102);
display: block;
}
.bk-form .submit {
background-color: #ffb94b;
background-image: linear-gradient(top, #fddb6f, #ffb94b);
border-radius: 3px;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
border-width: 1px;
border-style: solid;
border-color: #d69e31 #e3a037 #d5982d #e3a037;
float: left;
height: 35px;
padding: 0;
width: 120px;
cursor: pointer;
font: bold 15px Arial, Helvetica;
color: #8f5a0a;
}

a {
color: #03A9F4;
}
a:hover {	
text-decoration: none;
}
h2 {
margin: 22px 35px 24px 7px;
text-transform: uppercase;
font-size: 18px;
font-weight: normal;
color: #607D8B;
}
.p-footer {
min-height: 120px;
}
.p-header {
background: #607D8B;
}
.p-header a {
color: #ffffff;
margin: 10px;
display: inline-block;
text-transform: uppercase;
text-decoration: none;
}
.p-content {
padding: 20px 20px 70px;
background: #f5f5f5;
min-height: 80vh;
}
.table {
width: 100%;
background: #fbfbfb;
border-collapse: collapse;
border-spacing: 0;
}
.table td {
padding: 5px 8px;
border-bottom: 1px dashed #ccc;
vertical-align: middle;
}
.table th {
font-weight: bold;
border-bottom: 1px solid #ccc;
text-align: left;
padding: 5px 8px;
word-wrap: break-word;
word-break: break-word;
background: #dff0d8;
}
.table tr:hover {
background: #dff0d8;
}
.table td.lt {
text-align: left;
}



.button {
display: inline-block;
padding: 1px 7px;
line-height: 19px;
color: #222;
background: #efefef;
border: 1px solid #d8d4d4;
border-radius: 3px;	
margin-right: 7px;
box-shadow: 1px 1px 1px #9ba3a7;
}
a.button {
text-decoration: none;
}





.bg_red {
background: #ff796f;
}
#tfood {
background: #f5e5cf;
font-weight: bold;
}