@CHARSET "UTF-8";
/* JoodDB css File */
/* If you want to keep changes on update, copy this file and the fonts to your template css folder */
/* Normally /templates/YOUR_TEMPLATE/css/ . Don' forget to change path to the icon fonts below */

/* Joodb form */
#joodbForm input.inputbox, #joodbForm  select.inputbox, #joodbForm  textarea.inputbox {
    border: 1px solid #A9A9A9;
    background-color: #fff;
    box-shadow: inset 4px 4px 10px 0 #E5E5E5;
    border-radius: 3px;
    padding: 4px 6px;
    line-height: 1.46em;
    height: auto;
}
#joodbForm input.inputbox:focus, #joodbForm select.inputbox:focus, #joodbForm  textarea.inputbox:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
}
#joodbForm button { padding: 4px 6px; line-height: 1.46em; height: auto; width: auto; display: inline-block;  }
#joodbForm fieldset { display: block; position: relative; overflow: visible; padding: 10px 15px; margin: 10px 0; border: 1px solid #dddddd; background: #f5f5f5; border-radius: 5px; }
#joodbForm legend { background-color: #444; box-shadow: 2px 2px 5px rgba(00,00,00,0.4); border-radius: 3px; padding: 2px 5px; color: #fff; }
#joodbForm label { margin: 5px 0 3px 0; }
#joodbForm input.required, #joodbForm  textarea.required, #joodbForm  select.required { background-color: #fffac9; }
#joodbForm label.invalid { color: #d40000; }
#joodbForm input.invalid, #joodbForm  textarea.invalid, #joodbForm  select.invalid { border: 1px solid #d40000; }
#joodbForm .input-mini {  width: 60px; }
#joodbForm .input-small { width: 90px; }
#joodbForm .input-medium { width: 150px; }
#joodbForm .input-large { width: 210px; }
#joodbForm .input-xlarge { width: 270px; }
#joodbForm .input-xxlarge {  width: 480px; }
#joodbForm .text-large { font-size: 1.4em; height: auto;  line-height: 1.46em; height: auto; }

/* Definition Lists */
.database-form dl, .database-article dl { display: block; overflow: visible; margin: 5px 0; line-height: 1.4em; padding: 0;  }
.database-form dt, .database-article dt { display: inline; clear:left; float:left; width: 18%; padding: 3px 5px; color: #666; font-style: italic; margin-bottom: 5px;  min-height: 1.4em; }
.database-form dd, .database-article dd { display: inline; float:left; padding: 3px 5px; width: 78%; margin: 0 5px 0 0; min-height: 1.4em; }
.database-form dd p { padding: 0; margin: 0 0 0.4em 0;  line-height: 1.4em;}

/* Search form */
#joodbForm .searchbox { display: block; margin: 10px 0; }
#joodbForm .searchbox .inputbox { padding: 5px 8px; display: inline-block;  width: auto; min-width: 150px; }
#joodbForm .searchbox input.inputbox { width: 200px; }
#joodbForm  .searchbox select.inputbox {  min-width: 0; width: 150px; }
#joodbForm  .searchbox button {  display: inline-block; }
#joodbForm #limit { width: 60px; text-align: center; }

/* Pagination */
.pagination { display: block; overflow: visible; height: auto!important;}
.pagination ul, ul.pagination { display: inline-block; *display: inline; margin: 0 auto; padding: 0; *zoom: 1; }
.pagination li { display: inline; list-style: none; padding: 0;  margin: 0 1px; }
.pagination a, .pagination span {  padding: 0 2px; border: 1px solid #f5f5f5; }
.alphabox a, .alphabox span { padding: 0 5px !important; }
.alphabox li { padding: 0!important; background: none !important; }
small, .small { color: #666666; }

/* tables */
.joodb table { background: #fff; border-collapse: collapse;  border-spacing: 0; text-align: left;  width: 100%; }
.joodb table tr:nth-child(odd) > td, .odd { background-color: #f5f5f5;  }
.joodb table td { border-bottom: .1rem solid #efefef; padding: 5px 8px; }
.joodb table th { background: #356aa0; color: #fff; border-bottom: 1px solid #ccc; padding: 5px 8px; text-align: left; font-size: 1.1em; font-weight: 600; }
.joodb table th a {  color: #fff; text-decoration: none; }
.joodb table th a:hover {  color: #ffa; text-decoration: none; }

.database-list div.even , .database-list div.odd { padding: 10px; display: block; clear: both; overflow: hidden; }
.nodata { display: block; font-size: 1.4em; font-weight: bold; color: #d40000; margin: 5px 0; }
.prevbutton, .nextbutton ,.readonbutton, .backbutton  { display: inline-block; margin: 5px 0; }
.nextbutton ,.readonbutton { float: right; }
.item-separator { border-bottom: 1px solid #f5f5f5; margin: 10px 0 10px 0; height: 1px; line-height: 1px; }
.block { display:block; clear: both; }
.clr {  *zoom: 1;  }
.clr:before, .block:before,
.clr:after, .block:after { display: table;  content: ""; line-height: 0;  }
.clear:after, .block:after {  clear: both;  }
.database-thumb, .database-image { background: #ffffff; border: 1px solid #ddd; padding: 2px; border-radius: 4px; box-shadow: 2px 2px 5px #666666; height: auto; }

/* Icon section */
@font-face {
    font-family: 'joodb';
    src: url('../fonts/joodb.eot?96826386');
    src: url('../fonts/joodb.eot?96826386#iefix') format('embedded-opentype'),
    url('../fonts/joodb.woff2?96826386') format('woff2'),
    url('../fonts/joodb.woff?96826386') format('woff'),
    url('../fonts/joodb.ttf?96826386') format('truetype'),
    url('../fonts/joodb.svg?96826386#joodb') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="jicon-"]:before, [class*=" jicon-"]:before {
    font-family: "joodb";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.jicon-trash:before { content: '\e800'; } /* '' */
.jicon-floppy:before { content: '\e801'; } /* '' */
.jicon-credit-card:before { content: '\e802'; } /* '' */
.jicon-forward:before { content: '\e803'; } /* '' */
.jicon-reply:before { content: '\e804'; } /* '' */
.jicon-upload-cloud:before { content: '\e805'; } /* '' */
.jicon-download:before { content: '\e806'; } /* '' */
.jicon-upload:before { content: '\e807'; } /* '' */
.jicon-attach:before { content: '\e808'; } /* '' */
.jicon-info-circled:before { content: '\e809'; } /* '' */
.jicon-help-circled:before { content: '\e80a'; } /* '' */
.jicon-picture:before { content: '\e80b'; } /* '' */
.jicon-dot-3:before { content: '\e80c'; } /* '' */
.jicon-database:before { content: '\e80d'; } /* '' */
.jicon-cancel-squared:before { content: '\e80e'; } /* '' */
.jicon-plus-squared:before { content: '\e80f'; } /* '' */
.jicon-minus-squared:before { content: '\e810'; } /* '' */
.jicon-quote:before { content: '\e811'; } /* '' */
.jicon-ok:before { content: '\e812'; } /* '' */
.jicon-cancel:before { content: '\e813'; } /* '' */
.jicon-block-1:before { content: '\e814'; } /* '' */
.jicon-clipboard:before { content: '\e815'; } /* '' */
.jicon-picture-1:before { content: '\e816'; } /* '' */
.jicon-folder:before { content: '\e817'; } /* '' */
.jicon-popup:before { content: '\e818'; } /* '' */
.jicon-menu:before { content: '\e819'; } /* '' */
.jicon-th:before { content: '\e81a'; } /* '' */
.jicon-th-large:before { content: '\e81b'; } /* '' */
.jicon-star-filled:before { content: '\e81c'; } /* '' */
.jicon-star:before { content: '\e81d'; } /* '' */
.jicon-pencil-squared:before { content: '\e826'; } /* '' */
.jicon-edit:before { content: '\e827'; } /* '' */
.jicon-print:before { content: '\e828'; } /* '' */
.jicon-spin2:before { content: '\e831'; } /* '' */
.jicon-down-dir:before { content: '\e849'; } /* '' */
.jicon-up-dir:before { content: '\e84a'; } /* '' */
.jicon-left-dir:before { content: '\e84b'; } /* '' */
.jicon-right-dir:before { content: '\e84c'; } /* '' */
.jicon-down-open:before { content: '\e84d'; } /* '' */
.jicon-left-open:before { content: '\e84e'; } /* '' */
.jicon-right-open:before { content: '\e84f'; } /* '' */
.jicon-up-open:before { content: '\e850'; } /* '' */
.jicon-sort:before { content: '\e86e'; } /* '' */
.jicon-sort-down:before { content: '\e86f'; } /* '' */
.jicon-sort-up:before { content: '\e870'; } /* '' */
.jicon-attention-1:before { content: '\e890'; } /* '' */
.jicon-alert:before { content: '\e891'; } /* '' */
.jicon-ok-circled:before { content: '\f06d'; } /* '' */
.jicon-left-circled:before { content: '\f0a8'; } /* '' */
.jicon-right-circled:before { content: '\f0a9'; } /* '' */
.jicon-up-circled:before { content: '\f0aa'; } /* '' */
.jicon-down-circled:before { content: '\f0ab'; } /* '' */
.jicon-search:before { content: '\f50d'; } /* '' */