/*

* Ui-view: keys
* */

html, body{

height:100%;

}

body {

font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
background-color: #BBC7C5;
min-height: 100%;

}

h1, h2, h3, h4 {

text-shadow: 1px 1px 0px #782d15;
color: #be5330;
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;

}

right-side {

max-width: 620px;

}

notification {

border-bottom-width: 1px;
border-bottom-style: solid;
text-align: center;
height: 25px;
line-height: 25px;
color: white;
font-weight: 600;

}

.notification-red {

position: absolute;
width: 100%;
z-index: 1;
background-color: #ab4e3d;
border-bottom-color: #823b2e;
text-shadow: #823b2e 1px 1px;

}

.notification-red-fatal {

position: absolute;
width: 100%;
z-index: 1;
animation: 1 blink 1s step-end infinite;
background-color: #ab4e3d;
border-bottom-color: #823b2e;
text-shadow: #823b2e 1px 1px;

}

.notification-blue {

position: absolute;
width: 100%;
z-index: 1;
background-color: #5390b7;
border-bottom-color: #326586;
text-shadow: #326586 1px 1px;

}

.notification-green {

position: absolute;
width: 100%;
z-index: 1;
background-color: #53b78b;
border-bottom-color: #348964;
text-shadow: #348964 1px 1px;

}

.left-nav-bottom {

text-align: center;
color: #87aba7;
background-color: #d9e8e6;
font-size: 10px;
padding: 5px;

}

.left-nav-bottom .highlight {

color: #2c4e4a;

}

.container {

height: 100%;
background-color: #fff;

}

.text-content {

padding-top: 20px;

}

.bottom-container {

background-color: #000;
background-opacity: 50%;
position: fixed;
font-weight: bold;
width: 0;
height: 0;
      bottom:0;
      left:0;

}

.key {

font-size: 13px;
padding-top: 10px;
padding-left: 13px;
padding-right: 13px;
padding-bottom: 10px;
margin: 0px;
height: 20px;
border-bottom: 1px solid #eee;
display: block;

}

.key:hover {

background-color: #d9e8e6;

}

a {

text-decoration: none;

}

key-keys { }

key-keys a:hover {

text-decoration: underline;

}

settings-button {

float: left;

}

new-key-button {

float: right;

}

key-text {

float: left;
width: 60%;
margin-left: 10px;

}

.search {

font-weight: bold;

}

key-new {

float: right;
width: 30%;

}

.key-data {

text-shadow: 1px 1px 0px #782d15;
border-bottom: 1px solid #782d15;
-moz-border-radius:10px 10px 10px 10px;
border-radius:7px 7px 7px 7px;
color: #fff;
background-color: #be5330;
padding: 1px 5px 1px 4px;
margin-right: 3px;
font-size: 10px;
font-weight: bold;

}

.key-info {

float: left;

}

.pointer {

cursor: pointer;

}

.key-actions {

float: right;

}

.clear {

clear: both;

}

.key-title { }

keys {

margin-top: 10px;

}

keys tr {

color: #2c4e4a;
height: 25px;
text-align: left;
line-height: 25px;

}

keys th {

border-bottom: 5px solid #2c4e4a;
font-weight: 600;

}

keys td {

font-size: 12px;

}

keys key {

padding-left: 10px;
width: 93px;

}

keys size {

text-align: center;
width: 60px;

}

keys expires-in {

text-align: center;
width: 100px;

}

keys actions {

width: 60px;
text-align: center;

}

keys .keys-key {

padding-left: 10px;

}

keys .keys-expires-in {

text-align: center;

} keys .keys-actions {

text-align: center;

}