@font-face {
    font-family: 'FontAwesome';
    src: url("fonts/fa-tdBQ400.eot");
    src: local('☺'), url("fonts/fa-ocl0kjO.woff") format('woff'), url("fonts/fa-fdeJaun.ttf") format('truetype');
}

* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-family: Verdana;
}

html {
    color: #525B69;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjQUFBIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDVMNSAwWk02IDRMNCA2Wk0tMSAxTDEgLTFaIiBzdHJva2U9IiM4ODgiIHN0cm9rZS13aWR0aD0iMSI+PC9wYXRoPgo8L3N2Zz4=") repeat;
}

.c10, .c12, .c15, .c16, .c20, .c25, .c30, .c33, .c35, .c40, .c45, .c50, .c55, .c60, .c66, .c65, .c70, .c75, .c80, .c85, .c90, .c95, .c100 {
    padding: 0px;
    position: relative;
}

.w10, .w12, .w15, .w16, .w20, .w25, .w30, .w33, .w35, .w40, .w45, .w50, .w55, .w60, .w66, .w65, .w70, .w75, .w80, .w85, .w90, .w95, .w100 {
    padding: 10px;
    position: relative;
}

.c100, .w100 {
    clear: both;
}

section {
    width: 100%;
    clear: both;
    overflow: hidden;
}

.w10, .c10 {
    width: 10%;
    float: left;
}

.w12, .c12 {
    width: 12.5%;
    float: left;
}

.w15, .c15 {
    width: 15%;
    float: left;
}

.w16, .c16 {
    width: 16.66%;
    float: left;
}

.w20, .c20 {
    width: 20%;
    float: left;
}

.w25, .c25 {
    width: 25%;
    float: left;
}

.w30, .c30 {
    width: 30%;
    float: left;
}

.w33, .c33 {
    width: 33.33%;
    float: left;
}

.w35, .c35 {
    width: 35%;
    float: left;
}

.w40, .c40 {
    width: 40%;
    float: left;
}

.w45, .c45 {
    width: 45%;
    float: left;
}

.w50, .c50 {
    width: 50%;
    float: left;
}

.w55, .c55 {
    width: 55%;
    float: left;
}

.w60, .c60 {
    width: 60%;
    float: left;
}

.w65, .c65 {
    width: 65%;
    float: left;
}

.w66, .c66 {
    width: 66.66%;
    float: left;
}

.w70, .c70 {
    width: 70%;
    float: left;
}

.w75, .c75 {
    width: 75%;
    float: left;
}

.w80, .c80 {
    width: 80%;
    float: left;
}

.w85, .c85 {
    width: 85%;
    float: left;
}

.w90, .c90 {
    width: 90%;
    float: left;
}

.w95, .c95 {
    width: 95%;
    float: left;
}

.w100, .c100 {
    width: 100%;
}

i {
    font-style: italic;
}

::-webkit-input-placeholder {
    color: #DDD;
}

:-moz-placeholder {
    color: #DDD;
    opacity: 1;
}

::-moz-placeholder {
    color: #DDD;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #DDD;
}

::-ms-input-placeholder {
    color: #DDD;
}

form {
    margin: 0;
    padding: 0;
}

iframe {
    width: 100%;
    border: none;
    height: 30px;
    display: block;
}

.red, .yellow, .green {
    padding: 10px;
    margin: 0 0 10px 5px;
    width: 450px;
    max-width: 96%;
    text-align: left;
    opacity: 0;
    z-index: 99;
    line-height: 26px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 50%;
}

.red span, .yellow span, .green span {
    margin: 0 10px 0 0;
    font-size: 2em;
    font-family: FontAwesome;
    float: left;
    height: 100%;
}

.red {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABhCAMAAAD7hJHDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFswAAqgAA7dYAogAAAEdJREFUeNrskrENADAIw8z/T3fpwGKJA5wRIUgiw9IsNb/PsX3sDnYf+4v5wXxi/rFcWF6sB+ZQQ5zEVVzFVVzFVVx9PQEGAJOCBI1ttTgFAAAAAElFTkSuQmCC') repeat;
    color: #FFF;
}

.yellow {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABhCAMAAAD7hJHDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFs7MAqqoA7lkmBQAAAEdJREFUeNrskrENADAIw8z/T3fpwGKJA5wRIUgiw9IsNb/PsX3sDnYf+4v5wXxi/rFcWF6sB+ZQQ5zEVVzFVVzFVVx9PQEGAJOCBI1ttTgFAAAAAElFTkSuQmCC') repeat;
    color: #FFF;
}

.green {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABhCAMAAAD7hJHDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFALMAAKoApuifaAAAAEdJREFUeNrskrENADAIw8z/T3fpwGKJA5wRIUgiw9IsNb/PsX3sDnYf+4v5wXxi/rFcWF6sB+ZQQ5zEVVzFVVzFVVx9PQEGAJOCBI1ttTgFAAAAAElFTkSuQmCC') repeat;
    color: #FFF;
}

#help {
    width: 1032px;
    height: auto;
    margin: 0 auto;
    display: none;
    max-width: 94%;
    padding: 1em;
    background: #DDD;
    position: relative;
    top: 5vh;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

#help h4 {
    background: #293F4C;
    color: #FFF;
}

#help #box {
    width: 1000px;
    height: 640px;
    max-width: 100%;
    overflow: hidden;
    overflow-y: auto;
}

#help #box .con {
    position: relative;
    margin: 0;
    padding: 0;
}

#preview > img {
    width: 100%;
    height: auto;
    display: block;
}

#preview {
    width: 1114px;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    display: none;
    padding: 0;
    position: relative;
    top: 10vh;
}

#preview #box {
    top: 2%;
    left: 1.2%;
    position: absolute;
}

#preview #box img {
    width: 100%;
    max-width: 97.9%;
    height: auto;
    display: block;
}

#dupe {
    background: #DDD;
    width: 400px;
    height: auto;
    max-width: 96%;
    margin: 0 auto;
    display: none;
    padding: 1em;
    position: relative;
    top: 30vh;
    overflow: hidden;
    border: 3px solid #B00;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

#dupe button {
    font-family: Verdana;
    font-size: 1em;
}

#overview {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    display: none;
    padding: 1em;
    background: #DDD;
    position: relative;
    top: 5vh;
}

.blink {
    cursor: pointer;
}

.blink:hover {
    background: rgba(0, 109, 176, 0.1) !important;
}

#chart {
    width: 100%;
    padding: 0;
    margin: 0;
    background: #FFF;
    clear: both;
    display: block;
}

#chart td, #chart th {
    padding: 0;
    margin: 0;
    background: none;
    color: #000;
    font-size: 0.8em;
    font-weight: 400;
    padding: 0;
    vertical-align: middle;
    height: 30px;
    border-bottom: 1px solid #EEE;
}

#chart .region {
    padding: 0;
    background: none;
    margin: 0;
    position: relative;
    width: 300px;
    text-align: left;
    cursor: pointer;
    height: 30px;
}

#chart .region p {
    padding: 0;
    background: none;
    color: #000;
    margin: 0 0 0 12px;
    text-align: left;
    z-index: 2;
    float: left;
    position: relative;
    font-weight: 700;
    line-height: 30px;
    text-shadow: -1px 1px 0px rgba(255, 255, 255, 0.5);
}

#chart .region:hover .row {
    background: linear-gradient(to bottom, rgba(34, 187, 0, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(34, 187, 0, 1));
}

#chart .region.activechart .row {
    background: linear-gradient(to bottom, rgba(34, 187, 0, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(34, 187, 0, 1));
}

#chart .region:hover p {
    color: #293F4C;
}

#chart .row {
    padding: 5px;
    background: linear-gradient(to bottom, rgba(0, 109, 176, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(0, 109, 176, 1));
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    z-index: 0;
}

#chart span {
    color: #000;
    text-shadow: -1px 1px 0px rgba(255, 255, 255, 0.5);
    font-style: italic;
    font-size: 0.9em;
    z-index: 2;
    position: relative;
}

#chart_details table {
    width: 100%;
    margin-top: -1px;
}

#chart_details td {
    font-size: 0.8em;
    padding: 5px;
    background: #FFF;
    color: #293F4C;
    position: relative;
}

#chart_details td.fa {
    width: 70px;
    font-family: FontAwesome;
    font-size: 1.4em;
    text-align: center;
}

#chart_details td.tc {
    text-align: center;
    width: 70px;
}

#user {
    font-size: 1.5em;
    font-family: FontAwesome;
    clear: both;
    display: block;
    line-height: 1.5em;
    color: #999;
}

#user span {
    font-size: 0.7em;
    line-height: 1.5em;
    color: #999;
}

textarea {
    resize: none;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
}

#more_location {
    position: absolute;
    width: 200px;
    height: 600px;
    overflow: hidden;
    background: #DDD;
    padding: 1em;
    display: none;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    top: 158px;
    left: 20px;
    z-index: 9;
}

#more_location input[type="checkbox"], #more_location label {
    float: left;
    line-height: 20px;
    height: 20px;
    font-size: 0.8em;
    margin: 0 0 5px 0;
    padding: 0;
}

#more_location label {
    width: 80%;
}

#more_location input[type="checkbox"] {
    width: 20%;
}

#content {
    width: 1000px;
    height: auto;
    min-height: 60vh;
    margin: 65px auto 0 auto;
    max-width: 98%;
    padding: 10px;
    background: #DDD;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    display: block;
    overflow: hidden;
    position: relative;
}

header {
    background: #293F4C;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 15px;
    z-index: 900;
}

header #logout:hover, header #button_help:hover {
    color: #006DB0;
}

header #logout {
    font-family: FontAwesome;
    font-size: 2em;
    position: absolute;
    right: 0;
    top: 0;
    color: #FFF;
    transition: 0.3s;
    cursor: pointer;
    width: inherit;
}

header #button_help {
    font-family: FontAwesome;
    font-size: 2em;
    position: absolute;
    left: 0;
    top: 0;
    color: #FFF;
    transition: 0.3s;
    cursor: pointer;
}

header #headline {
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
    text-align: center;
    color: #FFF;
}

header #headline h1 span {
    color: #C7D9E8;
}

header #headline h1 {
    color: #FFF;
    transition: 0.3s;
    font-size: 1.5em;
}

label {
    float: left;
    width: 22%;
    line-height: 30px;
    padding: 0;
    margin: 0;
    font-size: 0.9em;
}

input {
    width: 78%;
    line-height: 30px;
    height: 30px;
    margin: 0;
    background: #FFF;
    color: #293F4C;
    border: none;
    font-size: 0.9em;
    padding: 0 10px;
}

select {
    width: 100%;
    line-height: 30px;
    height: 30px;
    margin: 0;
    background: #FFF;
    color: #293F4C;
    border: none;
    font-size: 0.8em;
    padding: 0 0 0 7px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, select:focus, textarea:focus {
    outline: 2px solid #293F4C;
}

input[type="submit"]:hover, button:not(.inactive):hover, input[type="submit"]:focus, input[type="reset"]:focus, button:focus, .button:not(.inactive):hover, .navbutton:hover {
    background: #006DB0;
    outline: 0;
}

.clear {
    float: none;
    display: block;
    clear: both;
    overflow: hidden;
    height: 1em;
    padding: 0;
    margin: 0;
}

.line {
    float: none;
    display: block;
    clear: both;
    overflow: hidden;
    height: 5px;
    padding: 0;
    margin: 0;
}

#overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 8;
    top: 0;
    left: 0;
}

#imgsize {
    position: absolute;
    left: 10px;
    top: 6px;
    line-height: 30px;
}

#imgcrop {
    width: 1000px;
    height: auto;
    max-width: 100%;
    min-height: 200px;
    background: #DDD;
    padding: 10px;
    margin: 80px auto 0 auto;
    z-index: 9;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

#cropwrap {
    max-width: 100%
}

#cropwrap > img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 600px;
    margin: 0 auto;
    border: 2px solid #293F4C;
    text-align: center;
}

#news {
    width: 100%;
    height: 577px;
    padding: 5px;
    background: #FFF;
    overflow-x: hidden;
    overflow-y: auto;
}

#mainimg {
    width: 100%;
    padding: 0;
    display: block;
    background: url(data:image/png;base64,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);
    height: 208px;
    position: relative;
}

#button_edit {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15%;
}

#button_remove {
    position: absolute;
    bottom: 0;
    right: 18%;
    width: 15%;
}

#title_count, #caption_count, #bodytext_count, #imgdata {
    font-weight: 700;
}

#imgdata #ok {
    width: 100%;
    padding: 10px 8px;
}

#images {
    width: 37%;
    height: 254px;
    padding: 5px;
    background: #FFF;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
}

#images img, #mainimg img {
    float: left;
}

#images .imagenote {
    width: 100%;
    line-height: 18px;
    font-size: 0.7em;
    padding: 0 5px;
    color: #FFF;
    background: #293F4C;
    float: left;
    position: relative;
    margin: 0 0 5px 0;
}

.button_croptrash {
    width: 20px;
    line-height: 18px;
    font-size: 1em;
    font-family: FontAwesome;
    position: absolute;
    right: 5px;
    top: 0;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}

.button_croptrash:hover {
    background: #006DB0;
}

#mainimg img {
    width: auto;
    height: auto;
    max-width: 370px;
    max-height: 208.2px;
}

#images img {
    width: 100%;
    margin: 0;
    cursor: pointer;
    display: block;
    clear: both;
}

#images img:hover + .imagenote {
    background: #006DB0;
}

#loading {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: rgba(221, 221, 221, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
}

.details {
    position: relative;
}

textarea {
    width: 100%;
    border: none;
    padding: 5px;
    float: left;
    font-size: 0.8em;
}

input[type="text"] {
    width: 100%;
    font-size: 0.8em;
    padding: 0 5px;
}

input[name="filter_search"] {
    width: 64%;
    margin: 0;
    float: left;
}

#article {
    width: 100px;
    margin: 5px;
    float: left;
}

input[type="file"] {
    width: 82%;
    margin: 0 3% 0 0;
    float: left;
    line-height: 20px;
    padding: 4px;
}

.button_small {
    width: 15%;
    line-height: 30px;
    height: 30px;
    margin: 0;
    background: #293F4C;
    color: #FFF;
    border: none;
    font-size: 1.2em;
    padding: 0 10px;
    font-family: FontAwesome;
    float: left;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
}

.button_inline {
    width: 55px;
    line-height: 30px;
    height: 30px;
    margin: 0;
    background: #293F4C;
    color: #FFF;
    border: none;
    font-size: 1.2em;
    padding: 0 10px;
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
}

#button_search, #button_reset {
    margin: 0 0 0 3%;
}

.minibtn {
    width: 30px;
    line-height: 24px;
    height: 24px;
    margin: 3px 0 0 10px;
    background: #293F4C;
    color: #FFF;
    border: none;
    font-size: 1.1em;
    padding: 0 10px;
    font-family: FontAwesome;
    float: right;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
}

.button_small:not(.inactive):hover, .minibtn:not(.inactive):hover, .button_inline:hover {
    background: #006DB0;
}

.first {
    width: 60%;
    float: left;
    background-color: #FFF;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAAeCAMAAAA1rLjiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////KT9MReqJlgAAADpJREFUeNrs1LEJAAAIA0Gz/9JWgrVgdzdCHlIFAAAAwJLYQBAEEYRLjGELQXBZgiCIIAAAAMCTFmAAYnMAJWsH9rYAAAAASUVORK5CYII=) right center no-repeat;
    height: 30px;
    line-height: 30px;
    color: #293F4C;
    padding: 0 10px;
    font-size: 0.8em;
    cursor: pointer;
}

.third {
    width: 18% !important;
    float: left;
    text-align: center;
}

.hole {
    width: 2%;
    float: left;
}

.hole + .third {
    float: right;
}

.third + .hole {
    float: right;
}

.space {
    width: 3%;
    float: left;
}

.half {
    width: 38% !important;
    float: left;
}

/*.space + .half{float:right;}*/
.pattern1, .pattern2 {
    margin: 0;
    font-family: FontAwesome;
    font-size: 2em;
    position: absolute;
    top: 14px;
    right: 5px;
    color: #999;
}

.pattern2 {
    color: #293F4C;
}

#news {
    position: relative;
}

#news .link p {
    margin: 0 0 0 35px;
    padding: 5px 0;
    min-height: 40px;
}

.status {
    margin: 0 0 0 1px;
    width: 29px;
    height: 27px;
    position: absolute;
    left: 0;
    top: 7px;
}

.status * {
    background: url("status-6RL2F2h.png");
    width: 14px;
    height: 13px;
    position: absolute;
}

.status .sT {
    top: 0;
    left: 0;
}

.status .sF {
    top: 0;
    right: 0;
}

.status .sB {
    bottom: 0;
    left: 0;
}

.status .sU {
    bottom: 0;
    right: 0;
}

.status .exp {
    top: 0;
    left: 0;
    width: 29px;
    height: 27px;
    background-position: 0 -84px;
}

.status .transfer {
    top: 0;
    left: 0;
    width: 29px;
    height: 27px;
    background-position: 0 -56px;
}

.status .edited {
    top: 0;
    left: 0;
    width: 29px;
    height: 27px;
    background-position: 0 -112px;
}

.chartstatus {
    margin: 0 0 0 1px;
    width: 60px;
    height: 14px;
    position: absolute;
    left: 5px;
    top: 7px;
}

.chartstatus * {
    background: url("status-6RL2F2h.png");
    width: 14px;
    height: 13px;
    position: absolute;
}

.chartstatus .sT {
    top: 0;
    left: 0;
}

.chartstatus .sF {
    top: 0;
    left: 15px;
}

.chartstatus .sB {
    top: 0;
    left: 30px;
}

.chartstatus .sU {
    top: 0;
    left: 45px;
}

.active {
    background: rgba(0, 109, 176, 0.4);
}

#center-wrap {
    width: 100%;
    height: 100vh;
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    background-size: 100%;
    background: rgba(0, 0, 0, 0.4);
}

#show-box {
    background: #DDD;
    width: 750px;
    max-width: 96%;
    height: 400px;
    margin: -200px 0 0 -375px;
    position: relative;
    top: 25vh;
    margin: 0 auto;
    padding: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    border: 1px solid #293F4C;
}

#show-box h4 {
    background: #293F4C;
    color: #FFF;
    padding: 5px 10px;
    text-align: left;
}

#show-box #close:hover {
    color: #006DB0;
}

#show-box #close {
    color: #FFF;
    padding: 5px 10px;
    font-size: 2em;
    position: absolute;
    top: 8px;
    right: 15px;
    font-family: FontAwesome;
    cursor: pointeR;
}

#big-text {
    background: #FFF;
    color: #293F4C;
    font-size: 0.9em;
    width: 100%;
    height: 321px;
    border: none;
    padding: 5px;
}

#img-preview, #page-preview {
    display: none;
    max-width: 320px;
    border: 1px solid #293F4C;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 56px;
    right: 0;
    z-index: 9999;
}

#img-preview img, #page-preview img {
    display: block;
    width: 100%;
    height: auto;
}

#output.article .link p {
    width: 100%;
    padding: 10px;
    display: block;
    margin: 0;
    display: block;
    clear: both;
}

#output.theme .link p {
    width: 100%;
    padding: 10px 0 10px 32px;
    display: block;
    margin: 0;
    display: block;
    clear: both;
}

#login {
    width: 350px;
    max-width: 96%;
    padding: 0;
    margin: 0 auto;
    background: #DDD;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    position: relative;
    top: 20vh;
}

#login input {
    width: 100%;
    margin: 0 0 1em 0;
    border: none;
}

#login input:last-child {
    margin: 0 0 10px 0;
    font-size: 1em;
    font-family: Verdana;
}

#theme_info {
    display: none;
    position: relative;
}

label.inside {
    width: 30%;
    float: left;
}

input.inside {
    width: 70%;
    float: left;
    clear: right;
}

#login h3 {
    width: 100%;
    background: #293F4C;
    color: #FFF;
    line-height: 40px;
    height: 40px;
    text-align: center;
    font-size: 1.2em;
    display: block;
    margin: 0;
}

.link a:focus {
    background: #006DB0;
    outline: 0;
    color: #FFF;
}

h4 {
    background: #CCC;
    color: #999;
    font-size: 1em;
    font-weight: 400;
    line-height: 30px;
    width: 100%;
    padding: 0;
    margin: 0 0 1em 0;
    text-align: center;
}

h5 {
    background: #CCC;
    color: #888;
    font-size: 0.9em;
    font-weight: 400;
    line-height: 30px;
    width: 100%;
    padding: 0 10px;
    margin: 0;
    text-align: left;
    position: relative;
}

.option {
    background: #CCC;
    color: #999;
    font-weight: 400;
    line-height: 40px;
    clear: both;
    display: block;
    width: 100%;
    margin: 1em 0 0 0;
    position: relative;
    overflow: hidden;
    bottom: 0;
}

.option span {
    float: left;
    font-size: 0.9em;
    margin: 0 5px 0 10px;
}

#date {
    font-size: 0.8em;
    margin: 0;
    text-align: left;
    left: 20px;
    top: 10px;
    position: absolute;
}

#creator {
    font-size: 0.8em;
    margin: 0;
    text-align: right;
    right: 10px;
    top: 10px;
    position: absolute;
    cursor: pointer;
    padding: 0 10px
}

#creator:hover {
    background: #006DB0;
    color: #FFF;
}

#creator_options {
    display: none;
    position: absolute;
    left: 277px;
    top: 40px;
    width: 350px;
    height: auto;
    padding: 1em;
    overflow: hidden;
    background: #DDD;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    z-index: 9;
}

#creator_options a, #creator_options button {
    clear: both;
    display: block;
    width: 100%;
    margin: 5px 0 0 0;
    font-size: 0.8em;
    border: none;
    font-family: Verdana;
    height: 30px;
    line-height: 30px;
}

#creator_options a {
    clear: both;
    display: block;
    width: 100%;
    margin: 0 0 5px 0;
    font-size: 0.8em;
    border: none;
    font-family: Verdana;
    height: 20px;
    line-height: 20px;
    color: #293F4C;
    text-align: right;
}

#creator_options a:hover {
    color: #006DB0;
}

#select_status {
    display: none;
    position: absolute;
    right: 20px;
    top: 98px;
    width: 250px;
    height: auto;
    padding: 10px;
    overflow: hidden;
    background: #DDD;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

#select_status div[id^="status"] {
    font-size: 0.8em;
    position: relative;
    line-height: 31px;
    height: 31px;
    margin: 0 0 5px 0;
    cursor: pointer;
    background: #FFF;
}

#select_status div[id^="status"]:last-child {
    margin: 0;
}

#select_status div[id^="status"]:hover {
    background: #006DB0;
    color: #FFF;
}

#select_status div[id^="status"] p {
    margin: 0 0 0 40px;
}

#select_status div[id^="status"] .status {
    top: 2px;
    left: 1px;
}

.filter_status .status {
    left: 13px;
    top: 1px;
}

.filter_status {
    float: left;
    height: 30px;
    width: 18%;
    background: #FFF;
    margin: 0 0 0 3%;
    cursor: pointer;
    color: #CCC;
    font-size: 0.8em;
    text-align: center;
    padding: 6px 0;
    position: relative;
}

#filter_week {
    float: left;
    height: 30px;
    width: 18%;
    background: #FFF;
    margin: 0 0 0 3%;
    color: #293F4C;
    font-size: 0.8em;
    text-align: left;
    padding: 0 5px;
    position: relative;
}

#blocker {
    display: none;
    background: url("ro-N8Lmk4V.png");
    opacity: 0.5;
    width: 617px;
    height: 647px;
    overflow: hidden;
    position: absolute;
    z-index: 5;
    top: 56px;
    left: 10px;
}

#zoom {
    display: none;
    background: #DDD;
    width: 600px;
    height: 368px;
    overflow: hidden;
    position: absolute;
    z-index: 999;
    top: 182px;
    left: 55px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

#zoom p {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #006DB0;
    color: #FFF;
    padding: 0 10px;
    margin: 0;
    font-size: 0.9em;
}

#zoom img {
    width: 100%;
    height: auto;
}

.link {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #EEE;
    color: #293F4C;
    display: block;
    font-size: 0.75em;
    overflow: hidden;
}

.link:hover {
    background: #006DB0;
    cursor: pointer;
}

.link_left:hover p, .link_center:hover p, .link_right:hover p {
    color: #FFF;
}

.link:hover p {
    color: #FFF;
}

.link p i {
    margin-top: 5px;
    clear: both;
    display: block;
}

.link_left *, .link_center *, .link_right * {
    border: none;
}

.link_center img, .link_right img {
    border: 1px solid #DDD;
    float: left;
    margin-right: 10px;
    max-width: 29px;
    max-height: 40px;
}

.extlink {
    position: absolute;
    font-family: FontAwesome;
    font-size: 22px;
    color: #DDE;
    right: 10px;
    bottom: 2px;
    width: 24px;
}

.extlink:hover {
    color: #293F4C;
}

a, a:visited, a:active {
    transition: color 0.1s;
    color: #293F4C;
    border: none;
    display: block;
    width: 100%;
    text-decoration: none;
}


.checkbox {
    width: 30px;
    height: 30px;
    background: #F8F8F8;
    border: 1px solid #293F4C;
    margin: 0;
    font-family: FontAwesome;
    font-size: 2em;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 5px;
    padding: 2px 0 0 3px;
    color: #293F4C !important;
}

.long {
    width: 100%;
    clear: both;
    position: relative
}

.smallbox {
    width: 30px;
    height: 30px;
    background: #FFF;
    border: none;
    margin: 0;
    font-family: FontAwesome;
    font-size: 2em;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 0 0 1px;
    color: #293F4C !important;
}

@media (max-width: 450px) {
    header #headline h1 {
        font-size: 1em;
    }

    header #menu {
        font-size: 2em;
        left: 10px;
    }

    header #logout {
        font-size: 2em;
        right: 10px;
    }

    nav {
        top: 30px;
        left: 2%;
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.lc {
    background: url("circle-HNRxIcV.png");
    height: 100px;
    width: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
    animation: spin 2s linear 0s infinite;
    z-index: 9;
}

input[type="submit"], input[type="reset"], button, .button {
    background: #293F4C;
    color: #FFF;
    cursor: pointer;
    width: 90px;
    float: right;
    line-height: 40px;
    height: 40px;
    text-align: center;
    transition: 0.3s;
    font-weight: 400;
    border: none;
    border-left: 10px solid #DDD;
    padding: 0;
    margin: 0;
    font-size: 1.8em;
    font-family: FontAwesome;
}

.inactive {
    background: #999;
    color: #FFF;
    cursor: default;
}

#messages {
    position: absolute;
    top: 63px;
    left: 0;
    overflow: visible;
    width: 100%;
    z-index: 999;
    height: auto;
}

input, textarea, button, select {
    border-radius: 0 !important;
    box-shadow: none !important;
}

#chart_all, #chart_week, #chart_range, #help-1, #help-2, #help-3 {
    float: left;
    width: 150px;
    font-family: Verdana;
    font-size: 0.9em;
    border: none;
    margin: 0 1em 0 0;
}

#chart_start, #chart_stop {
    width: 125px;
    float: left;
    line-height: 40px;
    height: 40px;
    margin: 0 1em 0 0;
    text-align: center;
}

#chart_details select {
    width: 100%;
    margin: 0;
    height: auto;
    padding: 5px;
    background: #FFF;
    color: #293F4C;
    border: none;
    font-size: 1em;
}

span[class^="tt"] {
    position: absolute;
    background: rgba(0, 255, 0, 0.3);
    border: 1px solid rgba(0, 255, 0, 0.6);
    cursor: help;
    transition: 0.2s;
}

span[class^="tt"]:hover {
    background: rgba(0, 255, 0, 0.05);
}

.button, button, input[type="submit"], .button_small, .minibtn, #button_help, #logout, label, h5 {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#button_remove, #button_edit {
    font-size: 1.5em;
    line-height: 29px;
}

.details.tobig.bigSize {
    width: 100%;
}

#title.bigSize {
    height: 120px !important;
}

#bodytext.bigSize {
    height: 390px !important;
}

#caption.bigSize {
    height: 120px !important;
}

.user_button {
    background: #293F4C;
    color: #FFF;
    cursor: pointer;
    width: 90px;
    float: right;
    line-height: 40px;
    height: 40px;
    text-align: center;
    font-weight: 400;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 1.8em;
    font-family: FontAwesome;
}

.user_button:active, .user_button:visited {
    width: 90px;
    float: right;
}