body {
    position:relative;
    height: 100%;
}
html {
    overflow-y: scroll;
    height:100%;
}
.box {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #ACACAC;
    border-radius: 0 0 3px 3px;
    box-shadow: 0px 2px 0 #EEEEEE;
    float: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 3;
    display: none;
}
.box.left {
    right: auto;
    left: 0;
}
.clear {
    clear: both;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
    overflow: hidden;
}
html, body {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height: 20px;
    background: #f9f9f9;
}

ul.list-unstyled {
    list-style: none;
    padding-left: 0;
}
ul.list-unstyled span {
    margin-left: 4px;
}

input,
textarea {
    color: #111;
    border: 1px solid #d7d7d7;
    padding: 1px 2px;
    margin: 0px !important;
}
select {
    margin: 0px !important;
}
input.submit {
    background: url("../images/patterns-sprite.gif") left -38px repeat-x;
    font-weight: bold;
    border: 1px solid #D7D7D7;
    border-radius: 3px 3px 3px 3px;
    font-size: 12px;
    cursor:pointer;
}
input.submit-simple {
    background: url("../images/patterns-sprite.gif") left -166px repeat-x;
    border: 1px solid #D7D7D7;
    border-radius: 3px 3px 3px 3px;
    font-size: 12px;
    color: #111;
    font-weight: bold;
    cursor:pointer;
}
button.submit-simple {
    background: url("../images/patterns-sprite.gif") left -166px repeat-x;
    border: 1px solid #D7D7D7;
    border-radius: 3px 3px 3px 3px;
    font-size: 12px;
    color: #111;
    font-weight: bold;
    cursor:pointer;
}
.popup label {
    margin-left: 3px;
}
a {
    text-decoration: none;
    color: #006699;
}
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}
header, section, div.block, div.outside, nav {
    display: block;
}
header {
    min-width: 990px;
    margin-bottom: 6px;
    position:relative;
    height: 38px;
    background: url("../images/patterns-sprite.gif") left top repeat-x;
    line-height: 20px;
    z-index: 60;
}
#logo {
    display:block;
    width: 90px;
    height: 18px;
    position: absolute;
    /*top: 9px;*/
    left:10px;
    /*background: url("../images/sprite.png") left -115px no-repeat;*/
}
.environment-indicator {
    position: relative;
    left: 105px;
    width: 90px;
    float: left;
    padding-top: 8px;
    font-size: 1.3em;
    font-weight: bold;
    color: #FF1818;
    text-align: center;
    cursor: default;
}
header nav {
    margin-left: 190px;
    padding-top: 7px;
}
header nav > span > a {
    text-decoration: none;
    color: #fff;
    float: left;
    padding: 6px 10px;
    line-height: 12px;
    font-size: 13px;
    position:relative;
}
header nav > span:hover > a,
header nav > span > a:focus {
    background: #6a6a6a;
    border-radius: 3px;
    text-decoration: none;
    color: #fff;
}
header nav > a{
    position: relative;
    margin-top: 2px;
    margin-left: 20px;
    font-size: 13px;
    float: left;
    color: #fff;
}
header nav > a.active {
    background: #3a3a3a;
    border-radius: 3px;
}
header nav > a.active:hover {
    text-decoration: none;
}
header nav > a > var {
    position:absolute;
    display: block;
    font-style: normal;
    right: -15px;
    top: -10px;
    line-height: 12px;
    padding: 2px 4px;
    font-size:11px;
    background: #83d01c;
    border-radius: 2px;
}
header > section {
    padding: 1px 6px 0px 0px;
    float:right;
}
#search {
    position:relative;
    float:right;
    width: 154px;
    height: 20px;
    border: 1px solid #acacac;
    background: #fff;
}
#search > form > fieldset > input#search-button {
    display: block;
    height:15px;
    float:right;
    margin-right: 2px;
    width: 15px;
    position:relative;
    top: 3px;
    border: none;
    background: url("../images/sprite.png") -60px 0px no-repeat;
    cursor: pointer;
}
#search > form > fieldset > input#search-text {
    float:left;
    margin: 0px;
    width: 118px;
    padding: 2px;
    display: block;
    border: none;
    background: none;
    color: #959595;
}
#search .box {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #ACACAC;
    border-radius: 0 0 3px 3px;
    box-shadow: 0px 2px 0 #EEEEEE;
    float: none;
    padding: 0;
    position: absolute;
    right: -1px;
    top: 20px;
    width: 312px;
    z-index: 3;
}
#search .box .result-line {
    border-bottom: 1px solid #e1e1e1;
}
#search .box .result-line .result-part {
    float:left;
    padding: 0px 4px 4px 8px;
    text-align: right;
    width: 79px;
}
#search .box .result-line .result-part-values {
    font-size: 11px;
    float:left;
    width: 220px;
    background: #fefefe;
    border-left: 1px solid #c2c2c2;
}
#search .box .result-line .result-part-values a{
    display: block;
    border-bottom: 1px solid #e1e1e1;
    color: #252525;
    padding-left: 10px;
}
#search .box .result-line .result-part-values a:hover{
}
#search .box .result-line .result-part-values a.see-all {
    border-bottom: none;
    color: #006699;
}
#admin-area {
    float:right;
}
#admin-area > a {
    color: #fff;
    font-size: 11px;
    font-family: Tahoma, Geneva, sans-serif;
    text-decoration: none;
    float:right;
    margin-right: 10px;
}
#admin-exit > span {
    position:relative;
    top: 6px;
    margin-right: 3px;
    display: block;
    background: url("../images/sprite.png") 0px 0px no-repeat;
    width: 10px;
    height: 10px;
    float: left;
}
#admin-person > span {
    position:relative;
    top: 6px;
    margin-right: 3px;
    display: block;
    background: url("../images/sprite.png") -10px 0px no-repeat;
    width: 10px;
    height: 10px;
    float: left;
}
#shortcuts {
    cursor:pointer;
    color: #fff;
    float:right;
    position: relative;
    padding: 0px 25px;
    margin-right: 30px;
}
#shortcuts .icon {
    position:absolute;
    left: 7px;
    top: 4px;
    display: block;
    background: url("../images/sprite.png") left -45px no-repeat;
    width: 13px;
    height: 12px;
}
#shortcuts .arrow {
    position:absolute;
    right: 10px;
    top: 9px;
    display: block;
    background: url("../images/sprite.png") left -10px no-repeat;
    width: 5px;
    height: 4px;
}
#shortcuts:hover {
    border-radius: 3px;
    background: #555;
}
#shortcuts .box {
    width: 100px;
}
#shortcuts:hover .box {
    display: block;
}
#shortcuts .box a {
    color: #111111;
    padding: 2px 10px;
    display: block;
}
#shortcuts .box a:hover {
    background: #ebebeb;
}
footer {
    padding: 10px;
    font-size: 11px;
    clear: both;
}
#help-link {
    color: #006699;
    text-decoration: none;
}
#help-link span {
    padding: 0px 5px;
    margin: 0px 6px 0px 4px;
    background: url("../images/sprite.png") left -69px no-repeat;
    position:relative;
    left: 2px;
    top: 1px;
}
section#main {
    min-width: 990px;
}
#main nav {
    border: 1px solid #d7d7d7;
    border-radius: 0px 2px 2px 0px;
    border-left: none;
    width: 187px;
    position: absolute;
    overflow: hidden;
    background: #f9f9f9;
    z-index: 3;
}
#main nav.ui-options-enabled {
    border: 1px solid #d7d7d7;
    border-radius: 0 2px 2px 0;
    border-left: none;
    width: 187px;
    position: absolute;
    overflow: visible;
    background: #f9f9f9;
    z-index: 3;
    will-change: transform;
    transition: 0.3s transform ease;
    overflow-y: auto;
}
#main nav div.block {
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index:1;
    padding: 0px;
    margin: 0px;
    height: 200%;
    background: #a8a8a8;
    width: 13px;
    display: none;
}
#main nav.ui-options-enabled div.block {
    height: 100%;
    transition: 0.3s all ease;
}
#main nav div.block div.outside {
    position:absolute;
    top: 5px;
    left: 2px;
    width: 8px;
    height: 11px;
    background: url("../images/sprite.png") left -58px no-repeat;
}
#main nav.closed {
   width: 13px;
}
#main nav.ui-options-enabled.closed {
    width: 187px;
    transform: translate(-100%, 0);
    overflow: visible;
}
#main nav.closed div.block {
    display: block;
}
#main nav.ui-options-enabled.closed div.block {
    display: block;
    left: 188px;
}
#main nav.closed div.block div.outside {
    background: url("../images/sprite.png") -8px -58px no-repeat;
}
#main nav a {
    display: block;
    color: #111111;
    text-decoration: none;
    line-height: 30px;
    font-size: 12px;
    padding-left: 23px;
    overflow:hidden;
}
#main nav a span {
    width: 8px;
    height: 8px;
    display: block;
    opacity: 0;
    float:left;
    height:10px;
    position:relative;
    top: 10px;
    left:-7px;
    background: url("../images/sprite.png") -125px -8px no-repeat;
}
#main nav div a span {
    position:relative;
    top: 5px;
    left:-7px;
    background: url("../images/sprite.png") -125px -8px no-repeat;
}
#main nav a.opened span {
    height:8px;
    background: url("../images/sprite.png") -125px top no-repeat;
    position:relative;
    top: 10px;
    left: -7px;
}
#main nav div a.opened span {
    height:8px;
    background: url("../images/sprite.png") -125px top no-repeat;
    position:relative;
    top: 5px;
    left: -7px;
}
#main nav div {
    display: block;
}
#main nav div a{
    padding-left: 35px;
    line-height: 20px;
}
#main nav div div a{
    padding-left: 47px;
    line-height: 20px;
}
#main nav a:hover,
#main nav a.active {
    background: #ebebeb;
}
#main-grid-container {
    margin-left: 194px;
}
#main-grid-container.full {
    margin-left: 6px;
}
#main-grid-container.wide {
    margin-left: 19px;
}
#main-grid {
    background:#fff;
    margin-right: 6px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    padding-bottom: 10px;
}
#main-grid.full #breadcrumbs {
    margin-left: 10px;
}
#main-grid.full .actions {
    margin-left: 20px;
}
#breadcrumbs {
    padding: 5px 0 0 5px;
}
#breadcrumbs span,
#breadcrumbs a,
#breadcrumbs div,
#breadcrumbs div.block {
    float:left;
    padding: 1px 5px;
    margin: 0px;
}
#breadcrumbs a,
#breadcrumbs div.block {
    cursor: pointer;
}
#breadcrumbs span {
    padding: 1px 3px;
}
#breadcrumbs a {
    color: #006699;
    text-decoration: none;
}
#breadcrumbs a:hover {
    text-decoration: underline;
}
#breadcrumbs div.block {
    padding-right: 16px;
    position:relative;
}
#breadcrumbs div.block:hover {
    background: #6d6d6d;
    color: #fff;
}
#breadcrumbs div.block mark {
    color: #7d7d7d;
    font-size: 11px;
    background: none;
}
#breadcrumbs div.block div.outside{
    position: absolute;
    right: -5px;
    top: 10px;
    background: url("../images/sprite.png") left -85px;
    width: 7px;
    height: 3px;
    display: block;
}
#breadcrumbs div.block:hover div.outside {
    background: url("../images/sprite.png") left -90px;
}
#breadcrumbs div.block:hover mark {
    color: #fff;
}
#breadcrumbs div.block .box {
    padding: 0px;
    position: absolute;
    z-index: 3;
    right: 0px;
    top: 22px;
    background: #fefefe;
    border: 1px solid #acacac;
    border-radius: 0px 0px 3px 3px;
    box-shadow: 1px 2px 0px #eee;
    float: none;
    display: none;
}
#breadcrumbs div.block .box a{
    padding: 2px 30px 2px 10px;
    color: #111;
    display: block;
    float: none;
}
#breadcrumbs div.block .box a:hover{
    text-decoration: none;
    background: #ebebeb;
}
#breadcrumbs div.block:hover .box {
    display: block;
}
#page-favourites-switcher {
    padding: 0px;
    width: 13px;
    height: 10px;
    background: url("../images/sprite.png") -63px -16px no-repeat;
    position: relative;
    left: 3px;
    top: 5px;
    cursor: pointer;
}
#page-favourites-switcher.active {
    padding: 0px !important;
    width: 13px;
    height: 14px;
    background: url("../images/sprite.png") left -45px no-repeat;
    position: relative;
    left: 3px;
    top: 5px;
    cursor: pointer;
}
#administrative-tools {
    float:right;
}
#administrative-tools a {
    color: #006699;
}
#administrative-tools div.block .box {
    padding: 0px;
    position: absolute;
    right: 0px;
    top: 22px;
    background: #fefefe;
    border: 1px solid #acacac;
    border-radius: 0px 0px 3px 3px;
    box-shadow: 1px 2px 0px #eee;
    float: none;
    display: none;
    z-index: 3;
}
#administrative-tools div.block .box a{
    padding: 2px 30px 2px 10px;
    color: #111;
    display: block;
    float: none;
}
#administrative-tools div.block .box a:hover{
    text-decoration: none;
    background: #ebebeb;
}
#administrative-tools div.block,
#administrative-tools a {
    float:left;
    padding: 2px 0px;
    margin: 0px;
    text-decoration: none;
}
#administrative-tools div.block {
    position: relative;
}
#administrative-tools div.block:hover .box {
    display: block;
}
#administrative-tools div.block .box a {
    white-space: nowrap;
}
#administrative-tools div.block .box div.spacer {
    border-top: 1px solid #e1e1e1;
    font-size: 0px;
    line-height: 0px;
    height: 0px;
}
#administrative-tools a,
#administrative-tools div.block {
    margin-right: 10px;
    cursor: pointer;
}
#administrative-tools a:hover {
    text-decoration: underline;
}
#administrative-tools div.block .box a {
    margin-right: 0px;
}
#administrative-tools a.filters span {
    position:relative;
    top: 6px;
    float: left;
    width: 10px;
    height: 10px;
    background: url("../images/sprite.png") -14px -45px no-repeat;
    margin-right: 5px;
}

#administrative-tools div.block.columns {
    padding-right: 15px;
    padding-left: 10px;
}
#administrative-tools div.block.columns > span {
    position:relative;
    top: 6px;
    float: left;
    width: 10px;
    height: 10px;
    background: url("../images/sprite.png") -21px -16px no-repeat;
    margin-right: 5px;
}
#administrative-tools div.block.columns:hover {
    background: #6d6d6d;
    color: #fff;
}
#administrative-tools div.block.columns div.outside{
    position: absolute;
    right: 3px;
    top: 10px;
    background: url("../images/sprite.png") left -85px;
    width: 7px;
    height: 5px;
    display: block;
}
#administrative-tools div.block.columns:hover div.outside {
    background: url("../images/sprite.png") left -90px;
}

#administrative-tools div.block.tools {
    padding-right: 15px;
}
#administrative-tools div.block.tools:hover {
    background: #6d6d6d;
    color: #fff;
}
#administrative-tools div.block.tools:hover span {
    background: url("../images/sprite.png") -31px -26px no-repeat;
}
#administrative-tools div.block.tools div.outside{
    position: absolute;
    right: 3px;
    top: 10px;
    background: url("../images/sprite.png") left -85px;
    width: 7px;
    height: 5px;
    display: block;
}
#administrative-tools div.block.tools:hover div.outside {
    background: url("../images/sprite.png") left -90px;
}
#administrative-tools div.block.tools span {
    position:relative;
    top: 6px;
    float: left;
    width: 11px;
    height: 10px;
    background: url("../images/sprite.png") -31px -16px no-repeat;
    margin-right: 5px;
    margin-left: 5px;
}

.pager {
    float:right;
    padding-right: 9px;
    padding-top: 10px;
}
.pager .per-page {
    float:left;
}
.pager .per-page .caption{
    float:left;
}
.pager .per-page .value{
    position: relative;
    float:left;
    padding: 0px 2px 0px 4px;
    margin-left: 5px;
    cursor: pointer;
}
.pager .per-page .value span {
    float:left;
}
.pager .per-page .value:hover{
    background: #6d6d6d;
    color: #fff;
}

.pager .per-page .arrow{
    float:left;
    background: url("../images/sprite.png") left -85px;
    width: 7px;
    height: 5px;
    display: block;
    cursor:pointer;
    position:relative;
    top: 8px;
    margin: 0px 4px;
}
.pager .per-page .value:hover .arrow {
    background: url("../images/sprite.png") left -90px;
}
.pager .box a{
    float:none;
    display: block;
    list-style: none;
    text-decoration: none;
    color: #111;
    padding: 0px 17px 3px 17px;
    margin: 0px;
}
.pager .box a:hover{
    background: #ebebeb;
}
.pager .box {
    position:absolute;
    z-index: 3;
    right: 0px;
    top: 20px;
    list-style: none;
    padding: 0px;
    background: #fff;
    padding: 0px;
    border: 1px solid #ACACAC;
    border-radius: 0 0 3px 3px;
    box-shadow: 1px 2px 0 #EEEEEE;
    display: none;
}
.pager .per-page .value:hover .box {
    display: block;
}
.pager .pages {
    float:left;
}
.pager .pages a {
    float:left;
    margin: 0px 3px;
    padding: 4px 6px;
    text-decoration: none;
    font-size: 12px;
    line-height: 12px;
    color: #6d6d6d;
}
.pager .pages a:hover,
.pager .pages a.active {
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #dadada;
}
.pager .pages a.previous {
    position:relative;
    top: 5px;
    width: 7px;
    height: 11px;
    background: url("../images/sprite.png") -58px -65px;
    padding: 0px;
    margin-left: 10px;
}
.pager .pages a.previous:hover,
.pager .pages a.next:hover {
    background-color: transparent;
    border: none;
}
.pager .pages a.next {
    position:relative;
    top: 5px;
    width: 7px;
    height: 11px;
    background: url("../images/sprite.png") -76px -65px;
    padding: 0px;
}
.actions {
    /*background: url("../images/patterns-sprite.gif") left -38px repeat-x;*/
    margin-left: 10px;
    height: 19px;
    border-radius: 3px;
    float:left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.actions.bottom {
    margin-top: 20px;
}
.actions .spacer {
    width: 1px;
    height: 19px;
    line-height: 0px;
    font-size: 0px;
    background: #ccc;
    float:left;
}
.actions div.block{
    line-height: 12px;
    padding: 0px 9px;
    margin: 0px;
    display: block;
    float:left;
    height: 19px;
}
.actions div.block a{
    padding-top: 3px;
    float:left;
    text-decoration: none;
    line-height: 12px;
    color: #000;
}
.actions div.block span{
    padding-top: 3px;
    float:left;
    text-decoration: none;
    line-height: 12px;
    color: #000;
    display: block;
}
.actions div.block.active{
    background: #eee;
    color: #fff;
}
.actions div.block.active span{
    color: #999;
}

section.filter {
    padding: 8px 10px 0px 8px;
    margin: 0px;
    clear: both;
    font-size: 13px;
    margin-top: 20px;
    border-top: 1px solid #ccc;
    position:relative;
    margin-right: 10px;
}
section.filter div.block {
    padding: 0px;
    margin: 0px;
    float:left;
}
section.filter div.block.switcher {
    margin: 0px 3px 0px 0px;
    color: #006699;
    cursor: pointer;
}
section.filter div.block.switcher div.outside {
    float:left;
    width: 11px;
    height: 9px;
    background: url("../images/sprite.png") -76px -66px;
    position:relative;
    top: 6px;
    margin-right: 2px;
}
section.filter div.block.switcher.opened div.outside {
    background: url("../images/sprite.png") -65px -76px;
    top: 8px;
    left: -2px;
    height: 8px;
}
section.filter span.found {
    color: #7d7d7d;
    font-size: 11px;
    margin: 0px 5px;
    float:left;
}
section.filter span.info {
    float:left;
}
section.filter a.reset {
    width: 12px;
    height: 10px;
    background: url("../images/sprite.png") left -15px;
    float:left;
    position:relative;
    top: 5px;
}
section.filter .filter-content {
    position:absolute;
    top: -12px;
    left: 0px;
    background:#fff;
    float:left;
    padding-right: 10px;
    padding-left: 10px;
}

.calendar-image {
    margin: 3px 20px 3px 0px;
    cursor: pointer;
    display: block;
    float:left;
    width: 16px;
    height: 15px;
    background: url("../images/sprite.png") -21px top;
}

.filters-content-additional {
    padding: 10px 0px 10px 13px;
    clear:both;
    display: none;
}
.filters-content-additional.opened {
    display: block;
}
.filters-content-additional .line {
    padding-bottom: 10px;
}
.filters-content-additional .caption {
    float:left;
    padding-right: 10px;
    width: 90px;
    line-height: 15px;
    min-width: 170px;
}
.filters-content-additional .values {
    float:left;
}

.filters-content-additional .values select,
.filters-content-additional .values input {
    font-size: 12px;
    float:left;
    margin-right: 8px !important;
}
.float {
    float: left;
    padding: 0px 2px;
}
select.select-size-1 {
    width: 85px;
}
select.select-size-2 {
    width: 137px;
}
.filters-content-additional .divider {
    padding: 0px 9px 0px 4px;
    float:left;
}
.filters-content-additional a.reset {
    float:left;
    white-space: nowrap;
    background: none !important;
    position:relative;
    top: 2px !important;
}
section.table {
    padding-top: 20px;
    overflow-x: scroll;
    min-height: 500px;
}
section.table input.checkbox {
    float:left;
    margin: 3px !important;
}
section.table table {
    width: 100%;
    border-top: 1px solid #e1e1e1;
}
section.table table th {
    font-weight: normal;
    font-size: 11px;
    text-align: center;
    background: #f5f5f5;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #c2c2c2;
    /* padding: 3px 5px; */
    cursor: pointer;
}
section.table table th .search {
    visibility: hidden;
    width: 20px;
    height:20px;
    position:relative;
    float:right;
}
section.table table th .quick-search-popup-open-lock {
    visibility: visible;
}
section.table table th:hover .search  {
    background: #6d6d6d;
    visibility: visible;
}
section.table table th .search span{
    display: block;
    width: 12px;
    height: 12px;
    background: url("../images/sprite.png") -107px top;
    position:relative;
    top: 5px;
    left: 5px;
}
section.table table th .search:hover .box {
    display: block;
    padding: 0;
}
.quick-search-popup-closed .box {
    display: none!important;
}
.quick-search-popup-open-lock .box {
    display: block;
}
section.table table th .quick-search-popup-open-lock {
    background: #6d6d6d;
}
section.table table th .quick-search-popup-open-lock span {
    background: url("../images/sprite.png") -28px -40px no-repeat!important;
}
section.table table th .search .box {
    color: #000;
    font-size: 12px;
}
section.table table th .search .box .element{
    padding-bottom: 5px;
    min-height:25px;
}
section.table table th .search .box .line{
    height: 1px;
    line-height: 0px;
    font-size: 0px;
    border-top: 1px solid #c2c2c2;
    margin: 2px 0px 5px 0px;
}
section.table table th .search .box .line.wide{
    width: 100%;
}
section.table table th .search .box .submit{
    float:right;
    cursor:pointer;
}
section.table table th .search .box select{
    width: 152px;
    margin-top: 5px;
}
section.table table th .search .box label{
    float:left;
}
section.table table th .search .box input{
    margin: 0px 8px 0px 5px !important;
}
section.table table th .search .box label.caption{
    float:left;
    width: 30px;
    padding-left: 8px;
    text-align: right;
}
section.table table td {
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 3px 5px;
    font-size: 11px;
    vertical-align:middle;
}
section.table table tr.bottom td {
    background: #ebebeb;
    border-bottom: none;
    padding: 0px 5px;
    font-weight: bold;
}
section.table table tr.pre-bottom td{
    border-bottom: 1px solid #c2c2c2;
}
section.table table th.last,
section.table table td.last {
    border-right: none;
}
section.table table th div.outside {
    display: inline;
    padding: 0px 4px;
    position:relative;
    width: 7px;
    height: 8px;
    left: -4px;
    top: 3px;
}
section.table table th.all {
    width: 60px;
    padding-left: 5px;
}
section.table table th.all:hover .box {
    display: block;
    left: -5px;
    right: auto;
    text-align: left;
}
section.table table th.all:hover .box a{
    text-align: left;
    display: block;
    padding: 3px 15px;
    white-space: nowrap;
    color: #111111;
}
section.table table th.all .box a:hover{
    background: #ebebeb;
}
section.table table th.all input {
    float:left;
}
section.table table th.all div.outside {
    background: url("../images/sprite.png") left -85px;
    line-height:5px;
    font-size: 5px;
    position:relative;
    left: 5px;
    top: 6px;
    height:5px;
    float:left;
}
section.table table th.all.active div.outside {
    background: url("../images/sprite.png") left -90px;
}
section.table table th.active {
    background: #abaaaa;
    color: #fff;
}
section.table table th:hover {
    background: #abaaaa;
    color: #fff;
}
section.table table th div.outside {
    display: inline-block;
    line-height:12px;
    font-size: 12px;
    padding: 0px 2px;
    top: 4px;
}
section.table table th.active.asc div.outside {
    background: url("../images/sprite.png") -74px top;
    height: 10px;
    width: 4px;
}
section.table table th.active.desc div.outside {
    background: url("../images/sprite.png") -74px -10px;
    height: 10px;
    width: 4px;
}
section.table table tr:hover td {
    background: #f8f8f8;
    cursor: pointer;
}
section.table table tr.bold td {
    font-weight: bold;
}
.edit {
    padding: 0px;
    background:url("../images/sprite.png") -82px top no-repeat;
    margin-left: 4px;
    height:10px;
    width: 9px;
    cursor:pointer;
    float:left;
    position: relative;
    top: 5px;
}
.delete {
    float:left;
    padding: 0px;
    background:url("../images/sprite.png") -93px top no-repeat;
    margin-left: 4px;
    height:10px;
    width: 9px;
    cursor:pointer;
    position: relative;
    top: 5px;
}
.show {
    float:left;
    padding: 0px;
    background: url("../images/sprite.png") -92px -100px no-repeat;
    margin-left: 2px;
    height:10px;
    width: 13px;
    cursor:pointer;
    position: relative;
    top: 5px;
}
section.table table tr td .delete,
section.table table tr td .show,
section.table table tr td .edit {
    visibility: hidden;
}
section.table table tr:hover td .delete,
section.table table tr:hover td .show,
section.table table tr:hover td .edit {
    visibility: visible;
}

.see-all {
    float: right;
    font-size: 11px;
    color: #006699;
}
.see-all span{
    background:url("../images/sprite.png") -102px top no-repeat;
    padding: 0px 4px;
    margin-left: 5px;
    position:relative;
    top: 4px;
}
.tabs-labels {
    padding: 20px 0px 0px 20px;
    border-bottom: 1px solid #bbbbbb;
}
.tabs-labels a {
    color: #006699;
    font-size: 14px;
    padding: 5px 9px;
    margin-right: 5px;
    position:relative;
    top: -1px;
}
.tabs-labels a.active {
    background: #fff;
    color: #000;
    border: 1px solid #b7b7b7;
    border-bottom: none;
    border-radius: 3px 3px 0 0 ;
}
.hide-show-block .line {
    border-bottom: 1px solid #cccccc;
    position: relative;
    top: 10px;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    margin-right: 10px;
}
.hide-show-block .content {
    display: none;
}
.hide-show-block.opened .content {
    display: block;
}
.hide-show-block .switcher-title {
    background: #fff;
    position:relative;
    float:left;
    padding-left: 15px;
    margin-bottom: 10px;
    cursor: pointer;
}

.hide-show-block {
    clear: both;
    padding-top: 10px;
}
.hide-show-block .switcher-title div.outside,
.hide-show-block .switcher-title span {
    float:left;
    display: block;
}
.hide-show-block .switcher-title div.outside {
    width: 7px;
    margin-right: 8px;
    height: 11px;
    position:relative;
    top: 5px;
    background:url("../images/sprite.png") -76px -65px no-repeat;
}
.hide-show-block.opened .switcher-title div.outside {
    position:relative;
    top: 8px;
    width: 11px;
    margin-right: 4px;
    height: 7px;
    background:url("../images/sprite.png") -65px -76px no-repeat;
}
.hide-show-block .switcher-title.opened div.outside {
    position:relative;
    top: 8px;
    width: 11px;
    margin-right: 4px;
    height: 7px;
    background:url("../images/sprite.png") -65px -76px no-repeat;
}
.hide-show-block .switcher-title span {
    margin-right: 10px;
    font-size: 13px;
    color: #006699;
}
.hide-show-block .content {
    clear:both;
}
.hide-show-block .content .left-side{
    width: 49%;
    float:left;
    border-right: 1px solid #e1e1e1;
}
.hide-show-block .content .right-side{
    width: 49%;
    float:left;
}
.hide-show-block .content .caption {
    float:left;
    width: 30%;
    color: #111111;
}
.hide-show-block .content .caption .small {
    font-size: 11px;
    color: #464646;
    position:relative;
    top: -10px;
}
.hide-show-block .content .full-size .caption {
    width: 14%;
    float: left;
}
.hide-show-block .content .full-size textarea {
    width: 100%;
}
.hide-show-block .content .full-size textarea.size-1 {
    height:80px;
}
.hide-show-block .content .full-size textarea.size-2 {
    height: 47px;
}
.hide-show-block .content .full-size .value {
    max-width: none;
    width: 86%;
}
.hide-show-block .content .full-size {
    padding-right: 5px;
}

.hide-show-block .content .value {
    float:left;
    width: 69%;
    max-width: 310px;
    position: relative;
}
.hide-show-block .content .line {
    padding-left: 30px;
    clear: both;
    height: auto;
    font-size: 12px;
    line-height: 28px;
    border: none;
    top: 0;
    position:relative;
}
.hide-show-block .content .title {
    margin-left: 10px;
    margin-right: 10px;
    padding: 2px 15px 2px 20px;
    margin-bottom: 5px;
    font-size: 13px;
    background: #f2f2f2;
    color: #464646;
    font-weight: bold;
}
.hide-show-block .content input.text {
    border: 1px solid #d7d7d7;
    font-size: 12px;
    width: 100%;
}
.hide-show-block .content select.wide {
    width: 100%;
}
.hide-show-block .content input.text.short {
    width: 25%;
    min-width: 70px;
}
.hide-show-block .content .line.info span {
    font-size: 11px;
    position:relative;
    top: -9px;
}
.hide-show-block .content .line div.outside {
    display: none;
    cursor: pointer;
}
.hide-show-block .content .line.wrong div.outside {
    background:url("../images/sprite.png") -37px top no-repeat;
    width: 12px;
    height: 15px;
    display: block;
    position:absolute;
    top: 7px;
    left: 11px;
}
.hide-show-block .content .line.correct div.outside {
    background:url("../images/sprite.png") -49px top no-repeat;
    width: 11px;
    height: 15px;
    display: block;
    position:absolute;
    top: 9px;
    left: 11px;
}
.hide-show-block .content .line.wrong input {
    border: 1px solid #c5141a;
}
.error-message {
    display: none;
}
.alert-message.error .error-message {
    display: block;
}
.alert-message.error .error-message span {
    display: none;
}
.hide-show-block .content .line.wrong div.outside:hover .error-message {
    display: block;
    font-size: 11px;
    background: #f9eff0;
    border: 1px solid #ffaeb1;
    padding: 3px 5px;
    position: absolute;
    width: 400px;
    line-height:18px;
    z-index: 1;
    top: 21px;
}
.hide-show-block .content .line.wrong div.outside:first-child {
    z-index: 2;
}
.hide-show-block .content .line.wrong .value .error-message {
    display: block;
    font-size: 11px;
    background: #f9eff0;
    border: 1px solid #ffaeb1;
    padding: 3px 5px;
    position: absolute;
    width: 400px;
    line-height:18px;
    z-index: 1;
    top: 28px;
}
.error-message span {
    position:absolute;
    width: 9px;
    height: 9px;
    background:url("../images/sprite.png") left -95px no-repeat;
    top: -9px;
}
.list-of-items {
    padding: 0px 10px;
}
.list-of-items table{
    width: 100%;
    border-spacing: 0;
    border-left: 1px solid #e1e1e1;
}
.list-of-items th {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #c2c2c2;
    border-right: 1px solid #e1e1e1;
    font-weight: normal;
    background: #f5f5f5;
    padding: 0px 5px;
}
.list-of-items .left-align {
    text-align: left;
}
.list-of-items .right-align {
    text-align: right;
}
.list-of-items td {
    font-size: 11px;
    color: #111111;
    padding: 0px 5px;
    text-align: center;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
.list-of-items td a{
    font-size: 11px;
    color: #111111;
}
.list-of-items .last td {
    background: #ebebeb;
}
.totals {
    padding-right: 6px;
}
.totals .right {
    float:right;
    font-size: 11px;
    margin-left: 10px;
    text-align:right;
}
.totals .left {
    font-size: 11px;
    text-align:right;
    float:right;
}
.choose-list-block .left {
    float:left;
    width: 48%;
}
.choose-list-block .center {
    width: 4%;
    float:left;
    padding-top: 60px;
}
.choose-list-block .right {
    float:left;
    width: 48%;
}
.choose-list-block .center .arrow-left {
    background: url("../images/sprite.png") left -27px no-repeat;
    width: 13px;
    height: 17px;
    margin: 0px auto;
    margin-bottom: 10px;
}
.choose-list-block .center .arrow-right {
    background: url("../images/sprite.png") -13px -27px no-repeat;
    width: 13px;
    height: 17px;
    margin: 0px auto;
}
.block-to-exchange {
    border: 1px solid #d7d7d7;
    height: 100px;
    overflow: auto;
}
.block-to-exchange .element {
    padding: 3px 5px 2px 5px;
    line-height: 16px;
    cursor:pointer;
}
.block-to-exchange .element.active {
    padding: 3px 5px 2px 5px;
    line-height: 16px;
    cursor:pointer;
    background: #eee;
}
.block-to-exchange .element:hover {
    background: #eee;
}
section.form {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px;
}
.popup {
    display: none;
}
.popup.opened {
    display: block;
}
.overlay {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    z-index:1000;
}
.popup-content {
    z-index:100000;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 1px 5px #000;
    min-width: 615px;
}
.popup-content .popup-title {
    position:absolute;
    background: url("../images/patterns-sprite.gif") left -57px repeat-x;
    height:37px;
    width: 100%;
}
.popup-content .popup-title .close{
    position: absolute;
    top: 0px;
    right: 0px;
    margin:13px 9px 0px 0px;
    cursor:pointer;
    width: 12px;
    height: 12px;
    background: url("../images/sprite.png") -27px -41px no-repeat;
}
.relative {
    position:relative;
}

/* */

.actions ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.actions ul li {
    display: block;
    float: left;
    white-space: nowrap;
    position: relative;
}
.actions ul li .box a{
    display: block;
    float: none;
    color: #111;
    padding: 3px 10px;
    width: 100px;
}
.actions ul li .box a:hover{
    background: #ebebeb;
}
.actions ul li .box{
    left: 0px;
    top: 22px;
    right:auto;
}
.actions.bottom ul li .box{
    bottom: 22px;
    top: auto;
    box-shadow: 2px -2px 0 #EEEEEE;
}
.actions ul li:hover .box{
    display: block;
    background: #fff;
}
.white-button {
    white-space: nowrap;
    line-height: 20px;
}
.actions ul li .button,
.white-button {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/patterns-sprite.gif") repeat-x scroll left -118px #FFFFFF;
    border-color: #DDDDDD #DDDDDD #DDDDDD #FFFFFF;
    border-style: solid;
    border-width: 1px;
    color: #222;
    display: block;
    float: left;
    height: 21px;
    font-size: 13px;
    padding: 0 0.581em;
}
.actions ul li .button.first,
.white-button.first {
    border-bottom-left-radius: 0.25em;
    border-left-color: #DDDDDD;
    border-top-left-radius: 0.25em;
}
.actions ul li .button.last,
.white-button.last {
    border-bottom-right-radius: 0.25em;
    border-top-right-radius: 0.25em;
}
.actions ul li a.button:hover,
a.white-button:hover {
    border-color: #999999;
    text-decoration: none;
}
.actions ul li .button .label,
.white-button .label {
    float:left;
}
.actions ul li .button .icon,
.white-button .icon {
    position:relative;
    top: 9px;
    margin: 0px 0px 0px 10px;
    float:left;
    width: 10px;
    height: 5px;
    background: url("../images/sprite.png") left -85px no-repeat;
}
.actions ul li a.button:active, .ops li .active .button, .ops li .active.button,
a.white-button:active, .active .white-button, .active.white-button {
    background-color: #666;
    background-image: none;
    color: #FFFFFF;
    text-decoration: none;
}

.hidden {
    border: medium none;
    display: none;
    line-height: 0;
    padding: 0;
}
.tabs .tab {
    position:relative;
    float:left;
    margin: 5px 5px 0px 15px;
}
.tabs .tab .left-side{
    position:absolute;
    width: 4px;
    height:32px;
    left:-4px;
    top: 0px;
    background:url("../images/sprite.png") -124px -20px no-repeat;
    display: none;
}
.tabs .tab .right-side{
    position:absolute;
    width: 4px;
    height:32px;
    right:-4px;
    top: 0px;
    background:url("../images/sprite.png") -128px -20px no-repeat;
    display: none;
}
.tabs .tab .caption {
    padding: 6px 10px;
    font-size: 14px;
    color: #fff;
    cursor:pointer;
}

.tabs .tab.active { background: #fefefe; color: #000; }
.tabs .tab.active .caption { color: #000; }
.tabs .tab.active .left-side,
.tabs .tab.active .right-side{ display: block; }

.tabs .tab:hover { background: #fefefe; color: #000; }
.tabs .tab:hover .caption { color: #000; }
.tabs .tab:hover .left-side,
.tabs .tab:hover .right-side{ display: block; }

.popup-content .information {
    margin-top: 40px;
    max-height:520px;
    overflow-y:scroll;
    padding-bottom: 20px;
}
.popup-content .information .hide-show-block .content .line {
    padding-top: 5px;
    padding-bottom: 5px;
}
.popup-content .information .hide-show-block .content .line:hover {
    background: #f8f8f8;
}
.popup-content .information .hide-show-block .content .line .caption {
    width: 140px;
}
.popup-content .information .hide-show-block .content .line .calendar-image {
    position: relative;
    top: 3px;
    margin-right: 0px;
}
.popup-content .information .hide-show-block .content .value {
    width: auto;
    max-width: none;
    float: none;
    margin: 0px 0px 0px 140px;
    color: #111111;
}
.popup-content .information .hide-show-block .content .value div.first {
    padding-top: 5px;
    margin: 0px 0px 5px 0px;
}
.popup-content .information .hide-show-block .content .value div{
    line-height: normal;
}
.select-from {
    width: 60px;
}
.select-to {
    width: 40px;
}
.input-date {
    width: 80px;
}
label {
    cursor: pointer;
}
div.small-text {
    font-size:11px;
    line-height: 13px;
    color: #464646;
}
input.save-as-input {
    color: #959595;
    margin-left: 10px;
}
div.radio-div {
    padding-bottom: 3px;
}

.buttons {
    border-top: 1px solid #e1e1e1;
    padding-top: 10px;
    padding-left: 170px;
    padding-bottom: 10px;
}
.buttons input {
    margin-right: 10px;
}

/* --- New 03.04.2012 --- */

.hide-show-block .subcategory {
    padding-bottom: 5px;
}
.hide-show-block .subcategory .title {
    position:relative;
    cursor:pointer;
    margin-left: 0px;
}
.hide-show-block .subcategory .outside {
    position: absolute;
    top: 10px;
    left: 7px;
    width: 11px;
    margin-right: 4px;
    height: 15px;
    background:url("../images/sprite.png") -76px -65px no-repeat;
}
.hide-show-block .subcategory .container {
    display: none;
}
.hide-show-block .subcategory.opened .outside {
    top: 13px;
    left: 5px;
    background:url("../images/sprite.png") -65px -76px no-repeat;
    height: 8px;
}
.hide-show-block .subcategory .checkboxes {
    position:relative;
    top: 3px;
}
.hide-show-block .subcategory .name {
    padding-left: 22px;
}
.hide-show-block .subcategory .checkboxes label span {
    position: relative;
    top: -2px;
    margin-right: 5px;
}
.hide-show-block .subcategory .extra {
    position:relative;
    padding-left: 22px;
    color: #006699;
    cursor: pointer;
}
.hide-show-block .subcategory .extra-container {
    padding-left: 20px;
    display: none;
}
.hide-show-block .subcategory .extra-container label {
    display: block;
}
.hide-show-block .subcategory .extra .outside {
    position: absolute;
    top: 8px;
    left: 7px;
    width: 11px;
    margin-right: 4px;
    height: 15px;
    background:url("../images/sprite.png") -76px -65px no-repeat;
}
.hide-show-block .subcategory .extra.opened .outside {
    top: 11px;
    left: 5px;
    background:url("../images/sprite.png") -65px -76px no-repeat;
    height: 8px;
}

/* -- New 05.04.2012 -- */

header nav > span {
    float:left;
    position:relative;
}
header nav > span > a > .caption{
    float:left;
}
header nav > span > a > span.arrow{
    float:left;
    background: url("../images/sprite.png") left -10px no-repeat;
    width: 10px;
    height: 5px;
    margin-top: 5px;
    position:relative;
    right: -5px;
}
header nav > span.clicked > a{
    padding-bottom: 12px;
    background: #6a6a6a;
    border-radius: 3px;
}
header nav > span > span {
    display: none;
    position: absolute;
    left: 0;
    top: 30px;
    border-radius: 0px 0px 5px 5px;
    overflow: hidden;
    box-shadow: 1px 1px 1px 0px #000;
    background: #6a6a6a;
    z-index: 150;
    width: 200px;
}
header nav > span > span > a {
    display: block;
    color: #ddd;
    padding: 5px 30px 5px 10px;
    min-width: 80px;
    line-height: 15px;
    font-size: 12px;
}
header nav > span > span > a:hover,
header nav > span > span > a:focus {
    color: #fff;
    text-decoration: none;
}
header nav > span.clicked > span {
    display: block;
}

/* new 13.04.2012 */

.alert-message {
    font-size: 15px;
    font-weight: bold;
    padding: 7px 39px 5px 39px;
    margin: 10px 20px 5px 20px;
    position: relative;
    min-height:21px;
}
.alert-message .icon {
    width: 22px;
    height: 22px;
    position:absolute;
    left: 9px;
    top: 6px;
}


.alert-message.success {
    border: 1px solid #d6e79f;
    background: #edf5d3;
    color: #7da309;
}
.alert-message.alert {
    border: 1px solid #ffdd8f;
    background: #fff3d6;
    color: #f08200;
}
.alert-message.error {
    border: 1px solid #ff9f9f;
    background: #fff2ef;
    color: #ff0000;
}
.alert-message.info {
    border: 1px solid #ffdd8f;
    background: #fff3d6;
    color: #f08200;
}

.alert-message.success .icon {
    background: url("../images/sprite.png") -11px -84px no-repeat;
}
.alert-message.alert .icon {
    background: url("../images/sprite.png") -35px -84px no-repeat;
}
.alert-message.error .icon {
    background: url("../images/sprite.png") -59px -84px no-repeat;
}
.alert-message.info .icon {
    background: url("../images/sprite.png") -35px -84px no-repeat;
}

table.log-entry-changes {
    border-collapse: collapse;
}
table.log-entry-changes th, table.log-entry-changes td {
    border: 1px solid #e1e1e1;
    padding: 3px 5px;
}
table.log-entry-changes th {
    font-weight: bold;
    background: none repeat scroll 0 0 #F5F5F5;
}
span.setting-details {
    font-size: 8pt;
    position: relative;
    top: -5px;
}
span.setting-name {
    font-style: italic;
    color: gray;
}

/* New 30.04.2012 */

.tabs-content {
    padding: 14px 16px;
}
.tabs-content-block {
    float:left;
}
.tabs-content-block .box {
    left: 0;
}
.tabs-content-block.left {
    width: 49%;
    margin-right: 1%;
}
.tabs-content-block.right {
    width: 50%;
}
.tabs-content-block .header{
    background: #848484;
    color: #fff;
    padding: 5px 15px;
    font-weight: bold;
}
.tabs-content-block .content{
    border: 1px solid #d7d7d7;
    border-top: none;
    padding: 14px;
}
.tabs-content-block .content h2 {
    margin: 0px;
    padding: 0px;
}
.tabs-content-block .content p {
    padding: 10px 0px 15px 0px;
    margin: 0px;
}
.tabs-content-block .content .title {
    font-size: 18px;
    position:relative;
    z-index:1;
    background: #fff;
    display: inline;
    padding-right: 10px;
}
.tabs-content-block .content .line {
    font-size: 0px;
    line-height: 0px;
    height: 1px;
    overflow: hidden;
    border-top: 1px solid #d7d7d7;
    position:relative;
    top: -10px;
}
.tabs-content-block .content .items {
    padding-bottom: 20px;
}
.tabs-content-block .content .items .item {
    line-height: 30px;
}
.tabs-content-block .content .items .item .caption {
    width: 100px;
    float: left;
}
.tabs-content-block .content .items .item .value {
    float:left;
}
.tabs-content-block .content .items .item .value a {
    text-decoration: underline;
    float:left;
    position: relative;
    margin-left: 20px;
}
.tabs-content-block .content .items .item .value a:hover {
    text-decoration: none;
}
.tabs-content-block .content .items .item .value a.add-new span {
    background: url("../images/sprite.png") -86px -100px no-repeat;
    width: 6px;
    height: 6px;
    position:absolute;
    left: -12px;
    top: 12px;
}
.tabs-content-block .content .items .item .value a.view-all span {
    background: url("../images/sprite.png") -92px -100px no-repeat;
    width: 13px;
    height: 9px;
    position:absolute;
    left: -20px;
    top: 10px;
}
.tabs-content-block .content .items .item .value a.view-all {
    margin-left: 30px;
}

/* New - 2 30.04.2012 */

.help-block {
    width: 100%;
}
.help-block .head {
    background: url("../images/patterns-sprite.gif") left -57px repeat-x;
    height: 24px;
    padding: 4px 30px 0px 30px;
}
.help-block .head h2 {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    margin: 0px;
}
.help-block .head .close,
.help-block .head .print {
    float:right;
    position:relative;
    color: #fff;
    font-size: 11px;
    margin-left: 40px;
}
.help-block .head .close span {
    position:absolute;
    width: 10px;
    height: 10px;
    background: url("../images/sprite.png") left top no-repeat;
    left: -14px;
    top: 5px;
}
.help-block .head .print span {
    position:absolute;
    width: 10px;
    height: 10px;
    background: url("../images/sprite.png") -107px -100px no-repeat;
    left: -14px;
    top: 5px;
}
.help-block .content {
    padding: 5px 30px 0px 30px;
    color: #111;
}
.help-block .content p {
    width: 100%;
    color: #111;
    line-height: 18px;
    margin:0px;
    padding: 5px 0px 5px 0px;
}
.help-block .content h1 {
    font-size: 18px;
    font-weight: normal;
    color: #111;
}
.help-block .content h2 {
    font-size: 14px;
    color: #363636;
    font-weight: bold;
    padding: 10px 0px 5px 0px;
    margin: 0px;
}
.help-block .content h3 {
    font-size: 12px;
    color: #363636;
    font-weight: bold;
    padding: 8px 0px 3px 0px;
    margin: 0px;
}
.help-block ul {
    margin: 0;
    padding: 5px 0 5px 40px;
}

.multi-select {
    width: 250px;
}

.multi-select-long {
    width: 450px;
}

/* New 02.05.2012 */

section.table table th .search .box select.month {
    width: 47px;
    float:left;
    margin-left: 7px;
    margin-right: 0px;
}
section.table table th .search .box select.day {
    width: 37px;
    float:left;
    margin-left: 5px;
    margin-right: 0px;
}
section.table table th .search .box select.year {
    width: 52px;
    float:left;
    margin-left: 5px;
    margin-right: 0px;
}
section.table table th .search .box select.hour {
    width: 47px;
    float:left;
    margin-left: 7px;
    margin-right: 0px;
}
section.table table th .search .box select.minute {
    width: 37px;
    float:left;
    margin-left: 5px;
    margin-right: 0px;
}
section.table table th .search .box span {
    margin: 0px;
    padding: 0px;
    width: 3px;
    position:relative;
    left: 2px;
}
section.table table th .search .box label.caption.long{
    width: 100%;
    text-align: left;
    padding-top: 3px;
    margin-top: 0px;
}
section.table table th .search .box {
    overflow: hidden;
}
section.table table th .search .box textarea {
    margin: 0px 7px;
    width: 148px;
    resize: none;
    font-size: 11px;
    height: 50px;
}
section.table table th .search .box textarea.long {
    width: 300px;
    height:80px;
}
section.table table th .search .box {
    text-align:left;
}
section.table table th .search .box .checkboxes {
    padding: 5px 0px;
    clear: both;
}
section.table table th .search .box .checkboxes label,
section.table table th .search .box .checkboxes input {
    width: auto;
    float:left;
}
section.table table th .search .box .checkboxes input {
    margin-left: 10px;
    margin-top: 0px;
    border: none;
}
section.table table th .search .box .checkboxes label {
    position:relative;
    top: -3px;
    font-size: 10px;
}
section.table table th .search .box .radios {
    padding: 5px 0px;
    clear: both;
}
section.table table th .search .box .radios label,
section.table table th .search .box .radios input {
    width: auto;
    float:left;
}
section.table table th .search .box .radios input {
    border: none;
    margin-left: 10px;
    margin-top: 0px;
}
section.table table th .search .box .radios label {
    position:relative;
    top: -3px;
    font-size: 10px;
}
section.table table th .search .box select {
    margin: 5px !important;
}
img {
    border: none;
}
input[type=checkbox] {
    border: none;
}

section.table table th .search a.reset {
    margin-left: 5px;
}
.filters-content-additional .values .value-line {
    clear: both;
    padding-bottom: 5px;
    min-height:25px;
}

ul.without {
  list-style-type: none
}

/* start: disabled button */
.actions ul li .button.disabled,
.white-button.disabled {
    color: #d6d6d6 !important;
    border-color: #DDDDDD #DDDDDD #DDDDDD #FFFFFF !important;
    border-style: solid !important;
    border-width: 1px !important;
    cursor: default !important;
    background: url("../images/patterns-sprite.gif") repeat-x scroll left -118px #FFFFFF !important;
}
.actions ul li .button.first.disabled,
.white-button.first.disabled {
    border-left-color: #DDDDDD !important;
}
/* end: disabled button */
.ui-datepicker-trigger {
    left: 4px;
    top: 2px;
    position: relative;
}

.hidden-datepicker {
    float: left;
}

.select-list {
    cursor:pointer;
    margin:4px 5px 0px 10px;
}

.select-create {
    cursor:pointer;
}

.hide-show-block .content textarea.size-1 {
    height: 150px;
    width: 315px;
}
.select2-second {
    padding-top: 2px;
}
.genemu_plain {
    margin: 0px;
}
.hide-show-block .content input.text.number-long {
    width: 10%;
    min-width: 70px;
}

.settings .line .caption,
.settings .line .value {
    line-height: normal;
    padding-top: 10px;
}

/** Column picker **/
.sortable-arrow {
    float: left;
    cursor: move;
    margin-top: 3px;
}

.environment-indicator {
    position: relative;
    left: 105px;
    width: 90px;
    float: left;
    padding-top: 8px;
    font-size: 1.3em;
    font-weight: bold;
    color: #FF1818;
    text-align: center;
    cursor: default;
}

header nav {
    margin-left: 190px;
}

.value.input .field-actions {
    display: none;
}

#main-grid.sticky-header .main-grid__body {
    padding-top: 100px;
}
#main-grid.sticky-header .main-grid__header {
    position: fixed;
    border-bottom: 1px solid #f1f1f1;
    background-color: #fff;
    top: 0;
    z-index: 50;
}
#main-grid.sticky-header .filters-content-additional {
    overflow-y: auto;
    max-height: 600px;
    max-height: 65vh;
}
#main-grid .main-grid__body .floatThead-container {
    overflow: visible!important;
}
#main-grid .freeze-button-container {
    float: right;
    margin-right: 10px;
    margin-top: 3px;
}
#main-grid .freeze-button-container label {
    position: relative;
    top: -2px;
    user-select: none;
}
.settings-datepicker div[id$="_time"] {
    clear: both;
    margin-top: 4px;
}

.log-entry {
    box-sizing: border-box;
    display: flex;
    width: 100%;
}

.log-entry .load-more {
    display: block;
    flex-shrink: 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%;
}

log-entry:last-child {
    margin-bottom: 40px;
}

.log-entry + .log-entry {
    border-top: 1px dashed #dedede;
}

.log-entry .column {
    padding: 10px;
}

.log-entry .column.column-id {
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center;
    width: 80px;
}

.log-entry .column.column-action {
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center;
    width: 58px;
}

.log-entry .column.column-date {
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center;
    width: 132px;
}

.log-entry .column.column-data {
    flex-grow: 0;
}

.log-entry .column.column-data .data {
    display: flex;
}

.log-entry .column.column-data .data + .log-entry .column.column-data .data {
    margin-top: 5px;
}

.log-entry .column.column-data .data .field {
    flex-grow: 0;
    flex-shrink: 0;
    font-weight: bold;
    width: 150px;
}

.log-entry .column.column-data .log-entry-changes {
    box-sizing: border-box;
    font-size: 12px;
}

.log-entry .column.column-data .log-entry-changes th,
.log-entry .column.column-data .log-entry-changes td {
    padding: 5px;
}

.log-entry .column.column-data .log-entry-changes th:nth-child(1),
.log-entry .column.column-data .log-entry-changes td:nth-child(1),
.log-entry .column.column-data .log-entry-changes th:nth-child(2),
.log-entry .column.column-data .log-entry-changes td:nth-child(2) {
    min-width: 131px;
    width: 131px;
}

.log-entry .column.column-data .log-entry-changes pre {
    box-sizing: border-box;
    display: inline;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.log-entry .column.column-message {
    flex-grow: 1;
    font-style: italic;
    min-width: initial;
    text-align: center;
    width: auto;
}

.multiple-dates {
    align-items: baseline;
    display: flex;
}
.multiple-dates .ui-datepicker-trigger {
    top: 0;
}

/* Extracted from bootstrap glyphicon */
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-user:before {
  content: "\e008";
}

#active-filters-form {
    display: flex;
    flex-flow: row wrap;
}

.filters-content-additional {
    width: 100%
}

#active-filters-form .filter-content {
    position: static;
    margin-top: -20px;
    margin-left: -8px;
}