header #header-nav #nav-icons .brands > span {
    text-indent: 0;
    margin-top: 0;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

header #header-nav #nav-icons .brands > span > img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
}

header #header-nav #nav-icons .brands ul.tab {
    padding: 0;
}

header #header-nav #nav-icons .brands ul.tab li {
    padding: 10px 15px;
    line-height: 24px;
}

header #header-nav #nav-icons .brands li > img {
    float: left;
    margin-right: 10px;
}

.content {
    overflow: scroll !important;
}

/*.datagrid table {*/
    /*min-width: 100%;*/
    /*width: auto;*/
/*}*/

input.normal {
    min-width: 120px;
    padding: 8px 16px;
}
select.normal {
    min-width: 100px;
    padding: 8px 16px;
}

.pivot-table > .table {
    margin-left: 0;
}
.pivot-table > .table > p {
    left: 0;
}

.scroll-arrow {
    display: none;
    font-size: 30px;
    background: #429328;
    color: #fff;
    padding: 5px 10px;
    position: absolute;
    top: 20px;
    z-index: 100;
}

.scroll-arrow.left {
    left: 10px;
}

.scroll-arrow.right {
    right: 10px;
}

.scroll-arrow:hover {
    cursor: pointer;
}

.comment-cell {
    min-width: 350px !important;
}

input[type="submit"] {
    display: inline-block;
    background: #91999e !important;
    border: 0;
    padding: 12px 15px !important;
    cursor: pointer;
    color: #FFFFFF;
    border-radius: 3px;
    text-decoration: none;
}
input[type="submit"]:hover {
    background: #4c5e66 !important;
}

a {
    color: #91999e;
    text-decoration: underline;
}

body.login #page #login-box {
    position: absolute;
    width: 280px;
    bottom: inherit;
    top: 50%;
    transform: translateY(-60%);
    left: 50%;
    margin-left: -140px;
}

.datagrid .row-grid-bottom .col-items {
    width: 10vw !important;
}
.datagrid .row-grid-bottom .col-pagination {
    width: 45vw !important;
}
.datagrid .row-grid-bottom .col-per-page {
    width: 20vw !important;
}

/* First letter uppercase */
#main-menu ul li ul li a {
    text-transform: lowercase;
}
#main-menu ul li ul li a:first-letter {
    text-transform: uppercase;
}

body::before {
    background: rgba(191,191,191,1);
    background: -moz-linear-gradient(left, rgba(191,191,191,1) 0%, rgba(224,224,224,1) 50%, rgba(224,224,224,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(191,191,191,1)), color-stop(50%, rgba(224,224,224,1)), color-stop(100%, rgba(224,224,224,1)));
    background: -webkit-linear-gradient(left, rgba(191,191,191,1) 0%, rgba(224,224,224,1) 50%, rgba(224,224,224,1) 100%);
    background: -o-linear-gradient(left, rgba(191,191,191,1) 0%, rgba(224,224,224,1) 50%, rgba(224,224,224,1) 100%);
    background: -ms-linear-gradient(left, rgba(191,191,191,1) 0%, rgba(224,224,224,1) 50%, rgba(224,224,224,1) 100%);
    background: linear-gradient(to right, rgba(191,191,191,1) 0%, rgba(224,224,224,1) 50%, rgba(224,224,224,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#e0e0e0', GradientType=1 );
}

header #header-nav #nav-icons > * ul.tab {
    list-style-type: none;
    box-sizing: border-box;
    text-align: left;
    padding: 0 15px 20px 15px;
    margin: 0;
    z-index: 100;
}

.pivot-table {
    margin-left: 0;
}