@charset "UTF-8";
/** Table style, taken from kube */
table {
    border-collapse: collapse;
    /** border-collapse: separate; */
    border-spacing: 0;
    width: 100%;
    margin-bottom: .8em;
    margin-top: 1em;
}

th,
td {
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
    border-bottom: 1px solid #eeeeee;
    /** padding: 0.75em 0.5em; */
    padding: 0.2em 0.5em;
    line-height: 1.5em;
}

thead th,
thead td {
    font-weight: bold;
    vertical-align: bottom;
}

tfoot th,
tfoot td { background-color: #f2f2f2; }

table caption {
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 0.5em;
    color: #666;
}

table.simple td,
table.simple th {
    border: none;
    padding: 0.75em 0.7em 0.75em 0;
}

table.bordered td,
table.bordered th { border: 1px solid #ddd; }

table.stroked td,
table.stroked th { border-bottom: 1px solid #eee; }

table.striped tbody tr:nth-child(odd) td { background-color: #f8f8f8; }

table.hovered tbody tr:hover td,
table.hovered thead tr:hover th { background-color: #f6f6f6; }

.thead-gray td,
.thead-gray th { background-color: #f0f0f0; }

.thead-black td,
.thead-black th {
    font-weight: normal;
    color: #f6f6f6;
    color: rgba(255, 255, 255, 0.9);
    background-color: #222;
}

table.bordered .thead-black td,
table.bordered .thead-black th { border: 1px solid #444; }

th img,
td img { vertical-align: top; }
/** Enf of table style */

/** Responsive approach for table design
 *
 * Ordered by importance:
 * - Crucial // Not implemented
 * - Essential
 * - Important
 * - Optional
*/
th,
td,
th.essential,
td.essential,
th.important,
td.important,
th.optional,
td.optional { display: table-cell; }

@media only screen and (max-width: 768px) {
    th.optional,
    td.optional { display: none; }
}

@media only screen and (max-width: 320px) {
    th.optional,
    td.optional,
    th.important,
    td.important { display: none; }
}
/** End of responsive approach for table design */

/** Text Highlight Color */
::selection { background: yellow; }
::-moz-selection { background: yellow; }
::-webkit-selection { background: yellow; }
/** End of text Highlight Color */

/** Force Hand Cursor On All Clickable Items */
a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer { cursor: pointer; }
/** End of force Hand Cursor On All Clickable Items */

/** Link Styling */
a.pretty_link {
    border-bottom: 2px solid #bbb;
    color: #666;
    display: inline-block;
    position: relative;
    text-decoration: none;
}
a.pretty_link.current {
    border-bottom: 2px solid #777;
}
a.pretty_link:hover,
a.pretty_link:focus { color:#36c; }
a.pretty_link:active { top:1px; }
/** End of link Styling */

/** Always show vertical scrollbar */
html {
    overflow: -moz-scrollbars-vertical;
    overflow-x: auto;
    overflow-y: scroll;
    margin-bottom: 1px
}
/** End of always show vertical scrollbar */

/** Do not show border for various things */
a img, img { border: none }
input::-moz-focus-inner { border: 0 }
a { outline: none }
:focus { outline: 0; }
/** End of do not show border for various things */

/** Misc */
input, textarea { margin: 0 }
ol, ul { list-style: none; }
/** End of misc */

/***********************************************************************************************************/

nav { text-align: right; }

#language_selection a:link {
    margin-right: 2px;
    opacity: 0.2;
}

#language_selection a:hover {
    opacity: 1;
}

#language_selection a.selected:link {
    opacity: 1;
}