* {
    padding: 0;
    margin: 0;
}

/*
h1 {
    font-size: 18px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}
*/

a {
    color: #467aa7;
    text-decoration: none;
}

a.active {
    font-weight: bold;
    text-decoration: none;
}


.brand-logo {
    width: 217px;
    height: 60px;
    margin-left: 4px;
    margin-top: 4px;
    display: block;
    background:transparent url('../images/logo.png') center top no-repeat;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.16, rgb(207, 207, 207)), color-stop(0.79, rgb(252, 252, 252)));
  background-image: -moz-linear-gradient(center bottom, rgb(207, 207, 207) 16%, rgb(252, 252, 252) 79%);
  background-image: linear-gradient(to top, rgb(207, 207, 207) 16%, rgb(252, 252, 252) 79%); 
  padding: 3px;
  border: 1px solid #000;
  color: black;
  text-decoration: none;
}


body {
    /* font-size: 0.9em; */
    background-color: rgb(255, 255, 255);
    font-family: arial, helvetica, sans-serif;
}

fieldset {
    padding: 1em;
    border: 1px solid #AFAFAF;
    display: block;
}

.fieldset_1 {
    margin-left: 2em;
    margin-top: 2em;
    float: left;
}

img {
    border: 0;
}

input {
    border: 1px solid #afafaf;
}

/*input:focus {*/
/*    background: #E0C0C0*/
/*}*/

legend {
    margin-left: 1em;
    border: 1px solid #AFAFAF;
    padding: 2px 6px;
}

/*#container {*/
/*    margin: 10px;*/
/*    bottom: 10px;*/
/*    border: solid 1px #afafaf;*/
/*    -moz-border-radius-topleft: 25px;*/
/*    -webkit-border-top-left-radius: 25px;*/
/*    -moz-border-radius-topright: 25px;*/
/*    -webkit-border-top-right-radius: 25px;*/
/*}*/
/**/
/*#header {*/
/*    height: 80px;*/
/*    border-bottom: solid 1px #afafaf;*/
/*}*/
/**/
/*#header .logo {*/
/*    background: url('../images/logo.png') no-repeat center;*/
/*    display: block;*/
/*    float: left;*/
/*    width: 232px;*/
/*    height: 60px;*/
/*    margin: 10px;*/
/*    color: transparent;*/
/*}*/
/**/
/*#headermenu {*/
/*    position: absolute;*/
/*    height: 50px;*/
/*    top: 35px;*/
/*    right: 40px;*/
/*    overflow: hidden;*/
/*}*/
/**/
/*#headermenu ul {*/
/*    float: right;*/
/*    font-weight: normal;*/
/*}*/
/**/
/*#headermenu li {*/
/*    display: inline;*/
/*    list-style: none;*/
/*    line-height: 50px;*/
/*}*/
/**/
/*#headermenu li {*/
/*    display: block;*/
/*    float: left;*/
/*    padding: 0px 8px 0px 8px;*/
/*    color: #7D7D7D;*/
/*    text-decoration: none;*/
/*}*/
/**/
/*#headermenu a:hover {*/
/*    text-decoration: none;*/
/*    color: #323232;*/
/*}*/
/**/
/*#menu {*/
/*    width: 190px;*/
/*    position: absolute;*/
/*    left: 10px;*/
/*    top: 130px;*/
/*    bottom: 10px;*/
/*    right: 11px;*/
/*    overflow: -moz-scrollbars-vertical;*/
/*    overflow-x: none;*/
/*    overflow-y: auto;*/
/*}*/

#content {
    display: block;
    padding: 1em;
    /* padding-top: 65px; */
}

#content h1 {
}

.faded {
    font-size: 0.7em;
    color: #999;
    line-height: 0.7;
}

#footer {
    overflow: hidden;
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    clear: both;
    text-align: center;
    padding: 1px;
    font-size: 0.9em;
}

.form_table {
}

.form_table th {
    font-weight: bolder;
    padding-right: 1em;
    text-align: right;
}

.grid {
    margin: 1em;
    table-layout: fixed;
    border-collapse: collapse;
    empty-cells: show;
}

.grid th {
    padding: 1px 3px 1px 3px;
    background: #D1D1D1;
    text-align: center;
    color: #000;
    border: 1px solid #AFAFAF;
}

.grid td {
    padding: 1px 3px 1px 3px;
    background: #E9E9E9;
    border: 1px solid #AFAFAF;
    font-weight: normal;
    color: rgb(80, 80, 80);
}

.left-hand-table {
    margin-top: 1em;
    margin-left: 1em;
    margin-right: 1em;
    border-collapse: collapse;
    empty-cells: show;
    width: 250px;
}

.left-hand-table th {
    padding: 1px 3px 1px 3px;
    background: #D1D1D1;
    color: #000;
    border: 1px solid #AFAFAF;
    font-size: 0.9em;
}

.left-hand-table th.left-align {
    text-align: left;
}

.left-hand-table td {
    padding: 1px 3px 1px 3px;
    background: #E9E9E9;
    border: 1px solid #AFAFAF;
    font-weight: normal;
    color: rgb(80, 80, 80);
    font-size: 0.8em;
}

.left-hand-table td.no-padding {
    padding: 0px;
}

.form-table {
    margin: 1em;
    empty-cells: show;
}

.form-table th {
    padding: 1px 3px 1px 3px;
    text-align: left;
    color: #000;
    font-size: 1.1em;
    width: 200px;
}

.form-table td {
    padding: 1px 3px 1px 3px;
    font-weight: normal;
    color: rgb(80, 80, 80);
}

.internal-paginator-table {
    border: 0px;
    border-collapse: collapse;
    empty-cells: show;
    width: 250px;
}

.internal-paginator-table th {
    border: 0px;
    font-size: 0.9em;
    font-weight: bold;
}

.no_margin {
    margin: 0px;
}

.notice {
    background-color: #FFE0E0;
    text-align: center;
    border: 1px solid #FFB0B0;
    padding: 0.5em;
}

/* EUBE */

.box_content {
    float: left;
    padding: 10px 17px 17px 17px;
    border: 1px solid #e3e3e3;
}

p.form_line {
    width: 650px;
}

p label {
    width: 100px;
    float: left;
    padding: 0px 10px 0px 8px;
    font-weight: bold;
    color: #333333;
    line-height: 22px;
}

p label.wide {
    width: 300px;
    float: left;
    padding: 0px 10px 0px 8px;
    font-weight: bold;
    color: #333333;
    line-height: 22px;
}

p textarea {
    width: 490px;
    float: left;
    border: 1px solid #DBDBDB;
    margin: 0px;
    padding: 3px;
    color: #000000;
}

p input {
    width: 187px;
    float: left;
    border: 1px solid #DBDBDB;
    margin: 1px;
    padding: 3px;
    color: #000000;
}

p.btns {
    width: 100px;
    float: left;
    padding: 0px 10px 0px 8px;
    font-weight: bold;
    color: #333333;
    line-height: 22px;
}

input.generic {
    width: 98px;
    height: 24px;
    float: left;
    line-height: 24px;
    text-align: center;
    background: url('../images/bg-genericbtn.jpg') no-repeat;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    border: 0px;
    color: #000000;
}

/*input { width: 200px; float: left; border: 1px solid #DBDBDB; margin: 1px; padding: 3px; color: #000000; }*/
/*input[type="text"] {
    width: 200px;
    float: left;
    border: 1px solid #DBDBDB;
    margin: 1px;
    padding: 3px;
    color: #000000;
}
*/

input[type="text"], input[type="password"] {
    padding: 2px;
    margin: 0 0 5px 0;
}


#keywords {
    width: 162px;
    font-size: 0.9em;
}

#urn {
    width: 162px;
    font-size: 0.9em;
}

select {
    width: 170px;
    border: 1px solid #DBDBDB;
    margin: 1px;
    padding: 3px;
    color: #000000;
    font-size: 0.9em;
}

ul.errorlist li {
    margin-left: 20px;
}

.error, .errorlist {
    color: #aa0000
}

ul li {
    margin-left: 20px;
}

.paginator {
    position: relative;
    padding: 0px 17px 0px 17px;
}

.paginator_page_limit {
    width: 50px;
}

.slice_limit {
    width: 80px;
    margin-left: 1.2em;
}

.absolutely_right {
    position: absolute;
    top: 4px;
    float: right;
    right: 17px;
    text-align: right;
}

.right {
    top: 4px;
    float: right;
    right: 17px;
    text-align: right;
}

label {
    text-align: left;
}

.ascend {
    text-decoration: none;
    background: url('../images/arrow_asc.gif') no-repeat;
    margin-top: 5px;
    float: right;
    height: 10px;
    width: 10px;
}

.descend {
    text-decoration: none;
    background: url('../images/arrow_desc.gif') no-repeat;
    margin-top: 5px;
    float: right;
    height: 10px;
    width: 10px;
}

.bump_up {
    text-decoration: none;
    background: url('../images/arrow_asc.gif') no-repeat;
    float: left;
    margin-top: 6px;
    margin-left: 5px;
    width: 10px;
    height: 10px;
}

.bump_down {
    text-decoration: none;
    background: url('../images/arrow_desc.gif') no-repeat;
    float: right;
    margin-top: 6px;
    margin-right: 5px;
    width: 10px;
    height: 10px;
}

#scrolling_content_div {
    overflow: -moz-scrollbars-horizontal;
    overflow-x: auto;
    overflow-y: none;
}

.rounded-bottom {
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
}

#slider {
    z-index: 1;
}

/* EUBE */

ul.filebrowser {
    margin-left: 10px;
}


/* index.html */
table {
  border: 1px solid grey;
  border-collapse: collapse;
  padding: 3px;
  /* margin-right: 10px; */
}

.header {
  background-color: #bad2ea;
}

.even {
  background-color: #eeeeee;
}

.odd {
  background-color: #eeeeee;
}

.demo th {
  color: grey;
  border: 1px solid grey;
  padding: 5px;
}

.demo td {
  color: #467aa7;
  border: 1px solid grey;
  padding: 5px;
}

.joblist th {
  border: 1px solid grey;
  padding: 1px 5px 1px 5px;
}

.joblist td {
  border: 1px solid grey;
  padding: 1px 5px 1px 5px;
}

#navbar {
  background-color: #444444;
}

.brand-logo {
  margin-left: 10px;
}


/* search */

.search-even {

}

.search th {
  border: 1px solid grey;
  padding: 3px;
}

.search td {
  border: 1px solid grey;
  padding: 3px;
}

.keyword select {
    width: 100%;
}

td.value {
    padding-top: 4px;
    padding-bottom: 0px;
}

ol {
  padding-left: 25px;
}

#search-buttons {
  text-align: center;
}

#searching {
  display: none;
}


/* result */

td {
  border: 1px solid black;
  padding-left: 3px;
  padding-right: 3px;
}

table.note {
  border: none;
}

.note td {
  border: none;
}

table.login {
  border: none;
}

table.login td {
  border: none;
}

.noteform-buttons td {
  border: none;
}

.menu {
  cursor: pointer;
}

.header {
  background-color: #bad2ea;
}

td.center {
  text-align: center;
}

td.left {
  text-align: left;
}

.even {
  background-color: #eeeeee;
}

/* remove */
.odd {
  background-color: #eeeeee;
}

.selected {
  background-color: #bad2ea;
}

.msg-success {
  color: green;
}

#buttons {
  position: absolute;
  left: 10px;
  top: -10px;
  width: 300px;
}

#buttons > img {
  border: 1px solid grey;
}

#image > img {
  border: 1px solid black;
}

#view {
  position: absolute;
  left: 500px;
  top: 105px;
  width: 300px;
}

#picture {
  position: absolute;
  left: 10px;
  top: 30px;
  cursor: move;
}

#menu {
  float: left;
  z-index: 1;
}

#header-notes {
  text-align: left;
}

#timestamp {
  text-align: center;
}

#headline {
  width: 300px;
}

#new-notes-container {
  clear: both;
  float: left;
}

#header-new-notes {
  text-align: left;
}

#noteform-buttons {
  text-align: left;
}

#query-took {
  font-size: 10px;
}




    table.menu td, table.meta td {
      border: 1px solid black;
      padding-left: 3px;
      padding-right: 3px;
    }

    table.note td {
      padding-left: 3px;
      padding-right: 3px;
    }

    h1 {
      font-size: 18px;
      font-weight: bold;
    }

    h2 {
      font-size: 16px;
      font-weight: bold;
    }

    h3 {
      font-size: 14px;
      font-weight: bold;
    }

    h4 {
      font-size: 12px;
      font-weight: bold;
    }

    h5 {
      font-size: 10px;
      font-weight: bold;
    }

    .menu {
      cursor: pointer;
    }

    .header {
      background-color: #bad2ea;
    }

    .even {
      background-color: #eeeeee;
    }

    /* remove */
    .odd {
      background-color: #eeeeee;
    }

    .selected {
      background-color: #bad2ea;
    }

    #buttons > img {
      border: 1px solid grey;
    }

    #image > img {
      border: 1px solid black;
    }

    main {
      max-width: 90%;
      padding: 1em;
      border: medium double gray;
      margin: 2em auto;
      background: #eeeeee; /* lightyellow; */
      display: block;
    }

    main > table {
      border: 1px solid black;
    }

    main > table td {
      border: 1px solid black;
      padding: 3px;
    }

    main > table th {
      border: 1px solid black;
      padding: 3px;
    }

    main > ol {
      margin-left: 20px;
    }

  
    #id_folder {
      margin-bottom: 0px;
    }

    input {
        width: 100%;
    }

    .joblist th {
      border: 1px solid grey;
      padding: 3px;
      padding-left: 4px;
    }
    
    .joblist td {
      border: 1px solid grey;
      padding: 3px;
    }
    
#otp_device {
  display: none;
}

table.cred {
  display: block;
  margin: 0 auto;
  /* border: 1px solid grey; */
  background: #b9d1e9;
  width: 940px;
  margin: 0 auto;
  /* border-collapse: collapse;
  padding: 3px; */
}

.cred th {
  color: black;
  /* background: #b7babc; */
  text-align: right;
  border: 1px solid grey;
  padding: 5px 10px 5px 10px;
}

.cred td {
  color: black; /* #467aa7; */
  border: 1px solid grey;
  padding: 5px 10px 5px 10px;
}

#_2fa-qrcode {
  display: block;
  margin: 0 auto;
  width: 300px;
  height: 300px;
}

td._2fa {
    border: 1px solid #444444;
    padding: 3px;
}

table._2fa {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #444444;
}

iframe._2fa {
    margin: 0 auto;
    display: block;
}

#has_device {
    background-color: #ffff00;
}

#_2fa_steps {
    display: block;
    margin: 0 auto;
    border: 1px solid #444444;
}

#_2fa_authy_logo {
    display: block;
    margin: 5px auto;
}

#_2fa_google_auth_logo {
    display: block;
    margin: 5px auto;
    width: 200px;
}

#_2fa_freetp_logo {
    display: block;
    margin: 5px auto;
    width: 140px;
}

#_2fa_freetp_text {
    text-align: center;
    font-weight: bold;
    font-size: 14pt;
}

#_2fa_yubico_logo {
    display: block;
    margin: 5px auto;
    width: 120px;
}

#_2fa_yubico_text {
    text-align: center;
    font-weight: bold;
    font-size: 14pt;
}

#_2fa_keepass_logo {
    display: block;
    margin: 5px auto;
    width: 120px;
}
       
#_2fa_keepass_text {
    text-align: center;
    font-weight: bold;
    font-size: 14pt;
}

#_2fa_enable {
    font-size: 18pt;
}

table._2fa_enable {
    border: 0;
}

table._2fa_enable td {
    border: 0;
}

#toggle-password {
    margin-left: -30px;
    cursor: pointer;
}