body, html {
    background: #e4e4e4;
    height:100%;
    font-family: tahoma, sans-serif;
}
a {
    color:#00599a;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
#epitaph, #regions {
    margin:0 0 10px;
    padding:0 15px;
}

#epitaph .delete, #regions .deleteregion, #warehouse .delete {
    float:right;
    color:#989898;
    padding:0 5px;
}
#epitaph .delete:hover, #regions .deleteregion:hover, .delete:hover {
    color:#f7302e;
}
.delete-order a, .delete a {
    color:#989898 !important;
}
.delete-order a:hover, .delete a:hover {
    color:#f7302e !important;
}
#epitaph ol li, #regions ol li {
    min-width:300px;
    max-width: 700px;
    padding:5px 5px 5px 10px;
    color:#383838;
    line-height: 20px;
    margin:0 0 5px 0px;
    list-style: decimal;
    list-style-position: inside;
}
#epitaph ol li:hover, #regions ol li:hover {
    background:#f1f1f1;
    -webkit-box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.1);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
/* Login Start */
#login h1 {
    font-size:18px;
    margin:0px 0 10px;
    padding:20px 0;
    cursor:default;
}
#login img {
    margin:25px 0 0;
}
#login {
    position: absolute;
    top:50%;
    left:50%;
    width:300px;
    height:368px;
    margin: -184px 0 0 -150px;
    background:#393939;
    color:#fff;
    text-align: center;
    -webkit-border-radius:13px;
    -moz-border-radius:13px;
    border-radius:13px;
    overflow: visible;
    -webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.35);
}
#login .loginError {
    position:absolute;
    width:300px;
    cursor:default;
    text-align:center;
    color:#fff;
    background:#e42626;
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    border-radius:11px;
    padding:11px 0;
    top:-55px;
}
#login .row, #addForm .row {
    width:250px;
    margin:0 auto 20px;
}
#login .row label {
    display: block;
    text-align: left;
    margin:0 0 3px;
    color:#ccc;
}
#login .btn {
    padding:18px 0 0;
}
#login .login {
    width:16.5em;
    margin:0.75em auto 0;
}
#login input[type='text'], #login input[type='password'] {
    width:220px;
    height:35px;
    border:0;
    color:#4e4e4e;
    font-size:1em;
    padding:5px 15px;
    background: #eeeeee;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #2f2f2f;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    outline: none;
}
#login input[type='text']:focus, #login input[type='password']:focus {
    background: #fff !important;
}
#login input[type='text'] {
    outline:none;
}
#login input[type='submit'] {
    width:191px;
    display:block;
    margin:0 auto;
    text-decoration: none;
    padding:12px 7px 10px;
    font-size:1.25em;
    cursor:pointer;
    background:#393939;
    text-transform: uppercase;
    color:#fff;
    border:2px solid #fff;
    -webkit-border-radius:9px;
    -moz-border-radius:9px;
    border-radius:9px;
}
#order #sendorder {
    width:187px;
    padding:11px 0;

}
#login input[type='submit']:hover {
    background:#e42626;
    border:2px solid #fff;
    color:#fff;
    outline:none;
}
/* Login End */

/* orders list */
#orders {
    width:100%;
    margin:0px auto;
    color:#484848;
    max-width: 1150px;
    -moz-box-shadow:0 0 10px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow:0 0 10px 1px rgba(0,0,0,0.15);
    box-shadow:0 0 10px 1px rgba(0,0,0,0.15);
}
#orders .preview {
    display: none;
    z-index:2000;
    position: absolute;
    overflow: hidden;
    background: #fff;
    padding:10px;
    -moz-box-shadow:0 0 10px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow:0 0 10px 1px rgba(0,0,0,0.15);
    box-shadow:0 0 10px 1px rgba(0,0,0,0.15);
}
#orders .preview hr {
    border:none;
    border-top:1px solid #e3e3e3;

}
#orders .preview span {
     display:inline-block;
     width: 90px;
     vertical-align:top;
}
#orders .preview ul {
     display:inline-block;
     vertical-align:top;
}
#orders .preview img {
    width:175px;
    float:left;
    margin:0 10px 0 0;
}
#orders a {
    color:#00599A;
    text-decoration:none;
}
#orders a:hover {
    text-decoration:underline;
}
#orders table {
    width:100%;
    font-size: 14px;
    color:#424242;
}
#orders .orders-headings {
    background:#286c9e;
    border-bottom:1px solid #0e588d;
    color:#fff;
}
#orders .orders-headings td {
    font-size:15px;
    text-align: center;
    padding:0 15px !important;
    line-height: 39px;
}
#orders tr {
    background: #fafafa;
    border-bottom:1px solid #eee;
}
#orders .grey-bg {
    background:#f1f1f1;
}
#orders td {
    padding:12px 15px;
    text-align: center;
}
/*soon fix */
.prev_holder {
    text-align: left;
}

/* #order */
#order {
    width:100%;
    margin:0px auto;
    position: relative;
    max-width: 1150px;
    padding:5px 0;
    background:#fff;
    overflow: hidden;
    -moz-box-shadow:0 0 10px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow:0 0 10px 1px rgba(0,0,0,0.15);
    box-shadow:0 0 10px 1px rgba(0,0,0,0.15);
}
#order .about {
    padding:0 0 15px;
    border-bottom:1px solid #eee;
}
#order h1 {
    font-size:22px;
}
#order h2 {
    font-size:18px;
}
#order .status {
    display:block;
    position: absolute;
    top:32px;
    font-size: 16px;
    right:25px;
}
#order .row, #settings .row {
    margin:15px 25px;
}
.row .row-group {
    min-width: 300px;
    text-align: left;
    float:left;
}
.putting {
    vertical-align: top;
    display: inline-block;
    margin-top:10px;
}
.monument td {
    text-align: center;
}
.one-name .name {
    font-weight: bold;
    font-size: 30px;
    line-height: 50px;
}
.one-name .date {
    font-weight: bold;
    font-size: 25px;
    line-height: 40px;
}
.more-names .name {
    font-weight: bold;
    font-size: 20px;
    line-height: 50px;
}
.more-names .date {
    font-weight: bold;
    font-size: 15px;
    line-height: 40px;
}
#order table td {
    padding:5px 10px 5px 0;
}

#wrapper {
    display:table;
    width:100%;
    height:100%;
    margin:0 auto;
}
aside {
    display:table-cell;
    position: relative;
    width:220px;
    min-width: 120px;
    height:100%;
    background: #646464;
    vertical-align: top;
}
#wrapper header {
    width:100%;
    z-index:1000;
    position:fixed;
    height:47px;
    top:0;
    line-height: 47px;
    background: #fbfbfb;
    padding: 0 20px;
    text-align: right;
    border-bottom:1px solid #e7e7e7;
    -moz-box-shadow:0 0 10px 1px rgba(0,0,0,0.17);
    -webkit-box-shadow:0 0 10px 1px rgba(0,0,0,0.17);
    box-shadow:0 0 10px 1px rgba(0,0,0,0.17);
}
header a {
    color:#3f3f3f;
}
#logo {
    text-align: center;
    padding:20px 0 7px;
}

/* menu */
#menu {
    border-top: 1px solid #545454;
}
#menu li a {
    display: block;
    padding:13px 15px;
    color:#d2d2d2;
    background: #4d4d4d;
    text-decoration: none;
    border-top:1px solid #696969;
    border-bottom:1px solid #3f3f3f;
}
#menu li a:hover, #menu li:hover a {
    color:#fff;
    background: #595959;
    text-decoration: none;
}
#menu .parent a {
    background: url(../images/menu-par-bg.png) no-repeat center right #505050;
}
#menu .parent a:hover {
    background: url(../images/menu-par-bg.png) no-repeat center right #595959;
}
#menu .parent:hover a {
    background: url(../images/menu-par-bg.png) no-repeat center right #595959;
}
/* submenu styles */
#menu li ul {
    position: absolute;
    z-index:1000;
    min-width: 260px;
    background:#5c5c5c;
    display:none;
    border-top:0;
    top: 0;
    left: 0;
    margin-top:-48px;
    margin-left: 220px;
    padding:0;
    -moz-box-shadow:    1px 0px 7px 0px rgba(0,0,0,0.38);
    -webkit-box-shadow: 1px 0px 7px 0px rgba(0,0,0,0.38);
    box-shadow:         1px 0px 7px 0px rgba(0,0,0,0.38);
}
#menu li ul a {
    background:none !important;
    color:#eee !important;
    padding:13px 15px;
    border-top:none !important;
    border-bottom:1px dotted #7f7f7f !important;
}
#menu li ul a:hover {
    color:#fff !important;
    border-top:none !important;
    border-bottom:1px dotted #7f7f7f !important;
}
#menu li>ul {
    top: auto;
    left: auto;
}
#menu li:hover ul, #menu li.over ul {
    display: block;
}
#menu li .current {
    color:#fff;
    text-shadow:0 -1px 0 #535353;
    border-top:1px solid #6a6a6a !important;
    border-bottom:1px solid #484848 !important;
    /*background:url(../images/menu-cur-bg.png) no-repeat center right #5f5f5f !important;*/
    background:#757575 !important;
}
#menu .parent .current {
    background: url(../images/menu-par-bg.png) no-repeat center right #757575 !important;
}

main {
    display:table-cell;
    width:auto;
    height:100%;
    padding:50px 0 40px;
    vertical-align: top;
    background: #fafafa;
    font-size:14px;
}
.main_fix {
    padding:0 0 40px !important;
}
#content {
    padding:20px;
}

/*New Order */
#newOrder, #settings, #templates, #cutting, #statistic, #category, #cash {
    width:100%;
    margin:0px auto;
    max-width: 1150px;
    padding:0 0 5px;
    position:relative;
    overflow: hidden;
    -moz-box-shadow:0 0 10px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow:0 0 10px 1px rgba(0,0,0,0.15);
    box-shadow:0 0 10px 1px rgba(0,0,0,0.15);
}
#newOrder .left-order, #order .left-order {
    vertical-align: top;
    float:left;
}
.preview2 {
    height: 320px;
    position: absolute;
    top: 105px;
    right: 15px;
}
.preview2 img {
    height: 320px;
}
#newOrder .right-order, #order .right-order {
    vertical-align: top;
    float:right;
}
#order .right-order img, #newOrder .right-order img {
    width:320px;
    margin:10px 5px 0 0;
}
#newOrder h1, #settings h1, #templates h1, #cutting h1, #statistic h1, #category h1 {
    font-size: 18px;
    background:#286c9e;
    border-bottom:1px solid #0e588d;
    color:#fff;
    padding:0 13px;
    line-height:39px;
}
#settings h1 {
    margin:0 0 15px;
}
#newOrder h2, #templates h2, #cutting h2 {
    font-size: 15px;
    background:#f1f1f1;
    color:#00599a;
    padding:0 13px;
    line-height:38px;
    margin: 0 0 15px;
}
#newOrder .delete {
    color:#989898;
    padding:0 0 0 5px;
}

#newOrder .delete:hover {
    color:#f7302e;
}

#newOrder input[type='text'], #newOrder textarea, #newOrder select, #category select, .retouch input[type="text"],
.addForm input[type='text'], .editor, .editor2, #settings .row input[type='text'],
#settings .row input[type='password'], #settings select, #orders select, #warehouse select, #cash select,
#cash input[type='text'], #category input[type='text'] {
    color: inherit;
    font-family: verdana;
    background:#f7f7f7;
    border:1px solid #c5c5c5;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    outline: none;
    resize: none;
    -moz-box-shadow:inset 0 2px 5px 0px rgba(0,0,0,0.10);
    -webkit-box-shadow:inset 0 2px 5px 0px rgba(0,0,0,0.10);
    box-shadow:inset 0 2px 5px 0px rgba(0,0,0,0.10);
}
#newOrder input[type='text']:focus, #newOrder textarea:focus, #newOrder select:focus,
.addForm input[type='text']:focus, .editor:focus, .editor2:focus, #settings select:focus,
#settings .row input[type='text']:focus, #settings .row input[type='password']:focus, #orders select:focus, #cash select:focus,
#cash input[type='text']:focus, #category input[type='text'] {
    background: #fff !important;
}
.stext {
    width:32px !important;
}
.mtext {
    width:76px !important;
}
#newOrder input[type='text'], #settings .row input[type='text'], .retouch input[type="text"],
#settings .row input[type='password'], #cash input[type='text'], #category input[type='text'] {
    width:200px;
    height:22px;
    padding:3px 7px;
}
.addForm input[type='text'] {
    width:40px;
    height:18px;
    padding:3px 7px;
 }
.addNew td {
    border-bottom:none !important;
}
#newOrder textarea, .editor, .editor2 {
    width:400px;
    height:75px;
    padding:7px 9px;
}
.editor[disabled] {
    background:#e9e9e9;
}
#newOrder select, #settings select, #orders select, #cash select, #category select {
    height:30px;
    padding:0 3px;
}
#addForm {
    margin:0 0 20px;
}
#newOrder .row, .addForm .row, #settings .row {
    margin:3px 0 11px;
    padding:0 13px;
    overflow: hidden;
    line-height: 36px;
}
#newOrder #doubleflower {
    margin:3px 0;
    overflow: hidden;
    line-height: 36px;
}
#newOrder .added {
    margin:3px 0;
    padding:0;
    overflow: hidden;
    line-height: 36px;
}
#newOrder .row label, .addForm .row label,  #settings .row label {
    width:125px;
    display:block;
    float:left;
}
#newOrder .btn input[type='submit'], #newOrder .btn input[type='button'],
#addForm .btn input[type="submit"], .btn input[type='submit'], #cash .btn input[type='button'] {
    padding:9px 15px;
    display: block;
    font-size:15px;
    color:#fff;
    outline: none;
    border:none;
    cursor:pointer;
    text-decoration:none;
    text-shadow: 0px 1px 0px #11507d;
    border: 1px solid #175989;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #323232), color-stop(1, #1f1f1f));
    background:-moz-linear-gradient(top, #323232 5%, #1f1f1f 100%);
    background:-webkit-linear-gradient(top, #323232 5%, #1f1f1f 100%);
    background:-o-linear-gradient(top, #242424 5%, #1f1f1f 100%);
    background:-ms-linear-gradient(top, #242424 5%, #1f1f1f 100%);
    background:linear-gradient(to bottom, #347cb2 5%, #0f507f 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#1f1f1f',GradientType=0);
    background-color:#286c9e;
    -moz-box-shadow:inset 0px 1px 0px 0px #619ac3;
    -webkit-box-shadow:inset 0px 1px 0px 0px #619ac3;
    box-shadow:inset 0px 1px 0px 0px #619ac3;
}
.small input[type='submit'] {
    font-size:14px;
    padding:5px 7px;
}
#newOrder .btn input[type='submit']:hover, #newOrder .btn input[type='button']:hover, #addForm .btn input[type="submit"]:hover,
.btn input[type='submit']:hover {
    text-shadow: 0px -1px 0px #424242;
    border: 1px solid #505050;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #323232), color-stop(1, #1f1f1f));
    background:-moz-linear-gradient(top, #323232 5%, #1f1f1f 100%);
    background:-webkit-linear-gradient(top, #323232 5%, #1f1f1f 100%);
    background:-o-linear-gradient(top, #242424 5%, #1f1f1f 100%);
    background:-ms-linear-gradient(top, #242424 5%, #1f1f1f 100%);
    background:linear-gradient(to bottom, #505050 5%, #6d6d6d 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#1f1f1f',GradientType=0);
    background-color:#6d6d6d;
    -moz-box-shadow:inset 0px 1px 0px 0px #8e8e8e;
    -webkit-box-shadow:inset 0px 1px 0px 0px #8e8e8e;
    box-shadow:inset 0px 1px 0px 0px #8e8e8e;
}
#newOrder .order-footer input {
    display: inline-block !important;
    margin:0 15px 0 0;
}
#newOrder .order-group {
    margin:0 0 15px;
    padding:0 0;
}
#newOrder .order-preview {
    right: 0;
    position: absolute;
    padding:0 13px;
    text-align: right;
}
#newOrder .order-preview img {
    width:320px;
}

/* start second table styles */
.elements-block {
    display: inline-block;
    position: relative;
    width:20%;
    max-width: 200px;
    min-width: 180px;
    vertical-align: top;
    margin:0 17px 20px 0;
}
.elements {
    width:100%;
    -moz-box-shadow:0 0 10px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow:0 0 10px 1px rgba(0,0,0,0.15);
    box-shadow:0 0 10px 1px rgba(0,0,0,0.15);
}
.addForm {
    display: inline-block;
    -moz-box-shadow:0 0 10px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow:0 0 10px 1px rgba(0,0,0,0.15);
    box-shadow:0 0 10px 1px rgba(0,0,0,0.15);
}
.left {
    float:left;
    margin:0 25px 0 0;
}
.right {
    float:right;
}
.headings {
    background-color:#286c9e;
    color:#fff;
}
.headings a {
    display: block;
    color:#fff;
    text-decoration: none;
}
.headings a:hover {
    text-decoration: underline;
}
.headings td {
    padding:11px !important;
    border-bottom:1px solid #0e588d !important;
}
.elements .element-chars {
    width:70%;
    border-right:1px solid #d9d9d9;
}
.elements .element-quantity {
    width:30%;
}
.elements td, .addForm td {
    padding:7px 8px;
    border-bottom:1px solid #d9d9d9;
}
.warehouse td {
    min-width:50px;
}
/* end second table styles */

/* warehousetabs */
#warehousetabs {
    margin:0 0 25px;
    overflow: hidden;
    background: #f2f2f2;
    border:1px solid #e4e4e4;
}
#warehousetabs ul li {
    display: block;
    float:left;
    border-right:1px solid #e4e4e4;
}
#warehousetabs a {
    display: block;
    font-size:15px;
    padding:12px;
    color:#226291;
    text-decoration: none;
    background: #fafafa;
}
#warehousetabs a:hover {
    color:#fff;
    text-shadow: 0 -1px 0 #226291;
	background:#286c9e;
}


/* top bar style */
.header-tabs {
    float:left;
}
.header-tabs li {
    display:block;
    float:left;
}

.header-tabs #current {
    display:block;
    float:left;
    background-color: #286C9E;
}

.header-tabs #current a {
    display: block;
    text-decoration: none;
    padding:0 12px;
    border-left:1px solid #eee;
    color: #fff;
}

.header-tabs li a {
    display: block;
    text-decoration: none;
    padding:0 12px;
    border-left:1px solid #eee;
}
.header-tabs li a:hover {
    text-decoration: underline;
}
.header-tabs #current span {
    display: inline-block;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    background:#f1f1f1;
    color:#0e588d;
    font-size: 12px;
    margin: 0 0 0 5px;
    width:25px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
}
.header-tabs span {
    display: inline-block;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    background:#00599A;
    color:#f1f1f1;
    font-size: 12px;
    margin: 0 0 0 5px;
    width:25px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
}
#orders-status {
    display: block;
    margin:20px 0 0;
}
#orders-status a {
    color:#eee;
}
#orders-status li {
    margin:0 10px 10px;
}
#orders-status span {
    display: inline-block;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    background:#f1f1f1;
    color:#0e588d;
    font-size: 14px;
    margin: 0 0 0 25px;
    width:24px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
}

#workprice th, #workprice td {
    text-align: center;
    min-width: 75px;
    vertical-align: middle;
}
.wptitle {
    width:210px;
    text-align: left !important;
}

#selected-gravs {
    position: relative;
    overflow:auto;
    width:875px;
    height:140px;
    margin:0 0 10px;
    background:#f7f7f7;
    border:1px solid #c5c5c5;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:inset 0 2px 5px 0px rgba(0,0,0,0.10);
    -webkit-box-shadow:inset 0 2px 5px 0px rgba(0,0,0,0.10);
    box-shadow:inset 0 2px 5px 0px rgba(0,0,0,0.10);
}
#no-gravs {
    position: absolute;
    width:200px;
    height:20px;
    top:50%;
    left:50%;
    color:#a5a5a5;
    margin:-15px 0 0 -100px;
}
#gravs {
    width:100px;
    display: block;
    float:left;
}
#gravs li span {
    display:block;
    cursor: pointer;
    padding:3px 15px;
}
#gravs .current span {
    background: #286c9e;
    color:#fff;
}
.subgravs li {
    display:block !important;
    width:auto !important;
    float:left;
}
.images {
    float:left;
}
.images-group {
    display:none;
    max-width:800px;
    padding:0 5px;
}
.images-group img, #selected-gravs img {
    display:block;
    z-index:2000;
    float:left;
    width:auto;
    height:130px;
    border:4px solid #fafafa;
    margin:0 2px 2px 0;
}
.images-group img:hover {
    cursor:pointer;
    border:4px solid #286c9e;
}


#search {
    text-align: right;
    padding:10px;
    background: #286c9e;
    color:#fff;
    border-bottom:1px solid #0e588d;
}
.search-content {
    display:inline-block;
    background:#f1f1f1;
    border:1px solid #0e588d;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    padding:5px;
    color:#286c9e;
    -moz-box-shadow:inset 0 0 10px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow:inset 0 0 10px 1px rgba(0,0,0,0.15);
    box-shadow:inset 0 0 10px 1px rgba(0,0,0,0.15);
}
#search .fa {
    margin:0 5px 0 0;
}
#search input[type='text'] {
    background:none;
    border:none;
    outline:none;
    color:#14659e;
}
#search input[type='text']::-webkit-input-placeholder {color:#14659e;}
#search input[type='text']::-moz-placeholder          {color:#14659e;}/* Firefox 19+ */
#search input[type='text']:-moz-placeholder           {color:#14659e;}/* Firefox 18- */
#search input[type='text']:-ms-input-placeholder      {color:#14659e;}

footer {
    text-align: center;
    background: #505050;
    color:#e0e0d7;
    margin:-40px 0 0;
    line-height:40px;
    height:40px;
}

.clr, .clear {
    clear:both;
}
.go-top {
    display: none;
    width: 45px;
    height: 46px;
    position: fixed;
    color: transparent;
    right: 0;
    bottom: 0;
    float: right;
    background-image: url('/view/images/go-top.png');
}
#print_frame{
    display: none;
}
@media print {
    h1 {
        font-size:16px;
    }
    h2 {
        font-size:16px;
    }
}
.batch {
    width: 112px;
    height: 38px;
    background-color:#286c9e;
    text-align: center;
    color:#fff;
}
.batch a {
    line-height: 38px;
    color: #fff;
}
.error {
    background-color: red;
    color: #fff;
    font-size: 20px;
}
.retouch div {
    display: block;
    position: relative;
}
#statistic #month, #statistic #year {
    display: inline-block;
    width: 31.8%;
    margin: 2px;
    padding: 5px;
    border: 1px solid rgba(0,0,0,0.1);
    vertical-align: middle;
    color: #3f3f3f;
    text-align: center;
}
#statistic #incoming {
    vertical-align: baseline;
    background-color: #5cf96c;
    height:30px;
}
#statistic #outgoing {
    background-color: #fc4444;
    color: #fafafa;
    height:30px;
}

tr.element-complete input[type="text"] {
    width: 80px;
}