/* ------------------------------------------------------------ *\
	Vault
\* ------------------------------------------------------------ */

.vault-wrapper { padding: 10px; color: #5e606d; }

.vault-records-wrapper { margin-top: 10px; }

.vault-records-groups { margin: 0; padding: 0; list-style: none outside none; }

.vault-records-group { margin-bottom: 20px; }
.vault-records-group:last-child { margin-bottom: 0; }

.vault-records-group h3 { margin: 0; padding: 12px 12px; background: #f2f3f6; border-bottom: 1px solid #ddd; border-radius: 3px 3px 0 0; font-size: 16px; font-weight: 300; color: #5e606d; text-shadow: 1px 1px 0 #fff;}

.vault-records { margin: 0; padding: 0; list-style: none outside none; }
.vault-records.has-filtered:after { content: '\f141'; display: block; padding: 4px 0; font-family: FontAwesome; font-size: 14px; color: #ccc; text-align: center; }

.vault-record { position: relative; display: block; border-bottom: 1px solid #f0f0f0; border-right: 3px solid #29a064; font-size: 12px; }
.vault-record-expired { border-right-color: #ffc800; }
.vault-record.hidden { display: none; }

.vault-record .vault-record-inner { padding: 8px 12px; }

.vault-record .vault-record-name { color: #5e606d; text-decoration: none; font-weight: bold; }
.vault-record .vault-record-name i { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right: 2px; line-height: 16px; border-radius: 2px; border: 1px solid #ddd; text-align: center; }
.vault-record .vault-record-name span { display: inline-block; vertical-align: middle; color: #0082d4; }
.vault-record .vault-record-name:hover span { color: #333; }
.vault-record .vault-record-name .fa-info { color: #ccc; }

.vault-record .vault-record-details { display: inline-block; vertical-align: middle; padding: 2px 4px; margin-left: 5px; border-radius: 2px; text-decoration: none; font-weight: bold; text-transform: uppercase; background: #dff3ff; color: #0082d4; font-size: 11px; }
.vault-record .vault-record-details:hover { background: #d5e9f5; }

.vault-record .vault-record-actions { position: absolute; right: 0; top: 0; padding: 8px; }

.vault-record .vault-record-actions a { display: inline-block; vertical-align: middle; padding: 2px 6px; border-radius: 2px; background: #f5f5f5; color: #86899d; text-decoration: none; box-shadow: 0 1px 2px 0 rgba(0,0,0,.2); text-transform: uppercase; font-size: 11px; transition: all .2s ease-out; }
.vault-record .vault-record-actions a:hover { color: #2197f0; box-shadow: 0 2px 5px 0 rgba(0,0,0,.15); }
.vault-record .vault-record-actions a i { color: #2197f0; }
.vault-record .vault-record-actions .vault-record-login { display: none; }

.vault-record .vault-record-update { display: inline-block; vertical-align: middle; min-width: 100px; padding: 2px 6px; background: #f5f5f5; }

.vault-record .vault-record-fields { display: none; padding: 6px 12px; background: #fbfbfb; border-top: 1px solid #f0f0f0; }
.vault-record .vault-record-fields.visible { display: block; }
.vault-record .vault-record-fields .field { padding: 8px; border-radius: 3px; border-color: #ddd; box-sizing: border-box; }

.vault-record .vault-record-row { padding: 2px 0; }
.vault-record .vault-record-row label span { display: block; padding: 2px 0; }

.vault-record .vault-records-loader { padding: 8px 0; text-align: center; }

.vault-title { margin: 0; padding: 12px 12px; background: #f2f3f6; border-bottom: 1px solid #ddd; border-radius: 3px 3px 0 0; font-size: 16px; font-weight: 300; color: #5e606d; text-shadow: 1px 1px 0 #fff;}

.vault-back { display: inline-block; vertical-align: top; margin: 15px 0 25px; color: #0082d4; font-weight: bold; text-decoration: none; }
.vault-back:hover { color: #0068a9; }


/*  Vault Fields  */

.vault-fields { background: #f2f3f6; padding: 10px; border-radius: 3px; margin-bottom: 10px; }

.vault-field-row { margin-bottom: 5px; }
.vault-field-row:last-child { margin-bottom: 0; }
.vault-field-row:after { content: ''; line-height: 0; display: table; clear: both; }

.vault-field-label { float: left; width: 150px; color: #5e606d; font-weight: bold; line-height: 28px; }
.vault-field-value { float: left; }
.vault-field-value .field { width: 200px; padding: 6px; border-radius: 0; border-width: 0 0 1px; border-color: #ddd; background: none; }


/*  Vault Meta  */

.vault-meta { padding: 8px 10px; margin-bottom: 15px; list-style: none outside none; font-weight: bold; border-width: 0 0 1px; border-style: solid; border-color: #ddd; }

.vault-meta .fa { width: 16px; margin-right: 4px; color: #999; font-weight: normal; }
.vault-meta em .fa { width: auto; margin-right: 0; }

.vault-meta li { padding: 5px 0; }
.vault-meta span { text-transform: capitalize; }
.vault-meta a { color: #0082d4; text-decoration: none; }
.vault-meta a:hover { text-decoration: underline; }


/*  Vault Form  */

.vault-form .form-inner { display: none; padding: 10px; border-radius: 3px; background: #f2f3f6; }
.vault-form .form-inner h3 { border-bottom: 1px solid #ddd; padding-bottom: 10px; font-weight: 300; margin-bottom: 15px; }
.vault-form .form-inner hr { border: 0; border-bottom: 1px solid #ddd; }

.vault-form .form-label { display: block; margin-bottom: 5px; color: #5e606d; font-weight: bold; text-shadow: 1px 1px 0 #fff; }

.vault-form .field { width: 100%; padding: 8px; border-radius: 3px; border-color: #ddd; box-sizing: border-box; }
.vault-form .select { width: 100%; padding: 8px; border-radius: 3px; border-color: #ddd; box-sizing: border-box; }

.vault-form .form-row { margin-bottom: 10px; }

.vault-form .form-row-remove { float: left; color: #c80000; }
.vault-form .form-row-remove:hover { color: #333; }
.vault-form .form-row-remove i { vertical-align: middle; line-height: 32px; }

.vault-form .form-fields { padding-bottom: 25px; }

.vault-form .form-add-field { display: inline-block; vertical-align: top; color: #0082d4; font-weight: bold; text-decoration: none; }
.vault-form .form-add-field:hover { color: #0068a9; }

.vault-form .form-cols { margin: 0 -5px; }
.vault-form .form-cols:after { content: ''; line-height: 0; display: table; clear: both; }

.vault-form hr { margin-bottom: 10px; }

.vault-form .form-col { float: left; padding: 0 5px; }
.vault-form .form-col-size1 { width: 200px; }
.vault-form .form-col-size2 { width: 150px; }

.vault-form .form-btn {
    display: inline-block;
    vertical-align: top;
    min-width: 80px;
    padding: 10px 10px;
    border: 0;
    border-radius: 3px;
    background: #4da3da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    color: #333;
    text-align: center;
    font-weight: bold;
    color: #fff;
    box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.2), 0 1px 2px 0 rgba(0,0,0,.2);
    text-decoration: none;
    line-height: 15px;
    box-sizing: border-box;
    transition: all .2s ease-out;
}
.vault-form .form-btn:hover { opacity: .8; }

.vault-form .form-btn-cancel { background: #bf1616; }

.vault-form .form-checkbox { float: left; padding: 0 5px; margin-right: 10px; line-height: 32px; cursor: pointer; }
.vault-form .form-checkbox input { display: inline-block; vertical-align: middle; }

.vault-form.expanded .form-inner { display: block; }
.vault-form.expanded .form-head { display: none; }

.vault-form.expanded ~ .vault-search { margin-top: 10px; }


/*  Vault Search  */

.vault-search { position: relative; max-width: 200px; height: 35px; margin: -35px 0 0 auto; }

.vault-search .search-field { width: 100%; width: 100%; height: 35px; padding: 0 0 0 20px; border: 0; border-bottom: 2px solid #ddd; }
.vault-search .search-btn { position: absolute; left: 0; top: 0; height: 35px; color: #ccc; background: none; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/*  Vault Message  */

.vault-message { display: block; padding: 8px; margin-bottom: 10px; background: #d9e9f7; border: 1px solid #b6dafa; border-radius: 3px; color: #333; }
.vault-message a { color: #0082d4; text-decoration: none; }
.vault-message a:hover { text-decoration: underline; }

.vault-message-success { background: #edf6e1; border-color: #d4e8b8; }
.vault-message-error { background: #ffeeee; border-color: #f0afaf; }

/*  Vault Extension  */

.vault-extension { position: absolute; text-decoration: none; text-align: center; visibility: hidden; opacity: 0; }
.vault-extension.loaded { position: static; visibility: visible; opacity: 1; }