/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13.11.2019, 19:35:40
    Author     : Xlisto
*/

body {
    height: 100%;    
    font-family: arial;
    background-image: url("../icon/noisy-texture-100x100-o4-d10-c-b9bfd4-t0.png");
}

#article {
    background: white;
    border: 1px solid black;  
    display: none;
    width: 1224px;
    height: 100%;
    margin: auto;
}

ul {
    list-style-type: none;
}

.item {

    background: aqua;
    border: 1px;
    border-style: solid;
    margin: 2px;
    padding: 2px;
    height: 22px;
}

.id,.type,.date {
    font-size: 16px;
    margin: 2px;
}

.type {
    width: 200px;
    /*background: red;*/
}

.date {
    width: 200px;
    /*background: green;*/
}

.id {
    width: 50px;
}

.account_history {
    border: 1px;
    border-style: solid;
}

.clear {
    clear: both;
}

.icon,.icon_comment,.imgTx {
    width: 32px;
    height: 32px;
}

.menu {
    display: block;
    float:left;
    width: 300px;
}

.in,.out {
    vertical-align: text-bottom;
    width:28px;
    height: 28px;
    margin-right: 0.5em;
}

.date_btn {
    background: #bbf6fb;
    border: 1px solid #4aa1f1;
    padding: 5px;
    border-radius: 2px;
}

#date_buttons {
    margin: 5px;
}

#account_table {
    width: 100%;
    overflow-y: auto;
}

#menu {
    padding-left: 10px;
}

#settings{
    padding-left: 10px; 
}

#status{
    padding-left: 10px; 
    font-size: smaller;
    font-weight: bold;
}