/* LOGIN */
input[type="submit"] {
    display: inline-block;
    background: #4BA72D;
    border: 0;
    padding: 12px 15px !important;
    cursor: pointer;
    color: #FFFFFF;
    border-radius: 3px;
    text-decoration: none;
}
input[type="submit"]:hover {
    background: #429328;
}
input[type="submit"]:disabled {
    cursor: default;
    background: #d3d3d3;
}

.login-errors{
    color: red; text-align: center;
}

.full-width {
    width: 100% !important;
}

/* APP */
body {
    overflow-x: hidden;
}

#page .nav-info {
    left: 240px;
    text-align: right;
}

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

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

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

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

header #header-nav #nav-icons > * > span {
    height: inherit;
}

header #header-nav #nav-icons .logout::before {
    content: "\f011";
}

header #header-nav #nav-icons{
    right: 1px;
}

header #header-nav #nav-icons > * .tab > div > label {
    width: 45%;
}

header #header-nav #nav-icons > * .tab > div > span.filter-value {
    width: 55%;
}

.maincontent.split > h2{
    text-align: center;
}

.col{
    border: 4px solid transparent;
}

.orange {
    color: orange;
}

.circle.orange{
    background: orange;
}

small.circle{
    margin-right: 6px;
}

ol li.checked{
    font-weight: bold;
}

.has-multiple .option.selected {
    background: #429328;
    color: #FFFFFF;
}

.alert.orange::before{
    color: #FFFFFF;
    background: #ff9900;
    content: "\e903";
    font-family: 'Icons';
}

.alert.green::before{
    content: "\f108";
    color: #FFFFFF;
    background: #4BA72D;
    font-family: 'Icons';
}
.filter-search, .normal {
    height: 25px;
    padding: 0 0px !important;
    margin-top: 5px;
    border-radius: 3px !important;
    width:100%;
}
.grid-col-actions .btn {
    margin-bottom: 5px;
}
.number-list-graph > div .number,
.number-list-graph > div .number + * {
    padding: 9px 5px 15px 5px;
}

.number-graph .stars .wrap small::before {
    color: inherit;
}

.number-graph .stars .full small::before {
    color: inherit;
}

@media (max-width: 1600px) {
    .lg-alt colgroup {
        display: none;
    }
}
.number-list-graph > div p {
    margin: 10px 0 0 0;
    color: #707070 !important;
    background: transparent !important;
    font-weight: 300 !important;
    line-height: 1.3;
    height:55px;
}

/*table input[type='text'] {*/
/*max-width: 120px;*/
/*}*/

/*@media (max-width: 1600px) {*/
/*table input[type='text'] {*/
/*max-width: 80px;*/
/*}*/
/*table thead .filterable span.date input {*/
/*min-width: auto;*/
/*}*/
/*}*/

.grid-sort-symbol-no,
.grid-sort-symbol-asc,
.grid-sort-symbol-desc{
    padding:4px 15px 4px 4px;
}

.grid-sort-symbol-no{
    background:url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIUnC2nKLnT4or00PvyrQwrPzUZshQAOw==) no-repeat center right !important;
}

.grid-sort-symbol-asc{
    background:url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIRnC2nKLnT4or00Puy3rx7VQAAOw==) no-repeat center right !important;
}
.grid-sort-symbol-desc{
    background:url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=) no-repeat center right !important;
}

#snippet--itemsContainer .filter-hidden{
    display: none;
}
.number-list-graph > div {
    text-align: center;
    line-height: 1.1;
    padding: 0;
    margin: 0.5%;
}

.nice-select.open .list {
    display: block;
    width: 100%;
}

.nice-select .list {
    display: none;
}



@media (min-width: 768px){
    .number-list-graph > div {
        width: 24%;
    }
}
@media (max-width: 620px) {
    header #header-nav #nav-icons {
        position: absolute;
    }
}

@media (min-width: 1040px) and (max-width: 1270px) {
    body #main-menu {
        display: none;
        width: 100%;
        float: none;
        padding-top: 0;
        background: #000000;
    }
    body::before {
        left:0;
    }
    #page {
        margin-left: 0;
    }
    body header #header-nav .menu-butt {
        display: block;
    }
    .crumb-menu{
        font-size: 14px;
        position: relative;
        left: 40px;
    }
    .open-menu{
        display: block !important;
    }
    #main-menu > ul {
        width: auto !important;
    }
    #page .nav-info {
        position: static;
    }
}
@media (max-width: 1039px) {
    body::before {
        left: 0;
    }
    body header {
        position: relative;
    }
    body header #header-nav .crumb-menu {
        margin-left: 32px;
        font-size: 0.9em;
    }
    body header #header-nav .menu-butt {
        display: block;
    }
    body #main-menu {
        display: none;
        width: 100%;
        float: none;
        padding-top: 0;
        background: #000000;
    }
    body #main-menu > ul {
        display: block;
        width: 100%;
    }
    body #main-menu > ul > li {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    body #main-menu > ul > li::after {
        content: none !important;
    }
    body #main-menu ul li.active::after {
        display: none;
        content: '';
    }
    body #main-menu.open-menu {
        display: block ;
    }
    body #page {
        margin-left: 0;
        padding-top: 0;
        min-height: 100px;
    }
    body #page .nav-info {
        position: static;
    }
    body #page h1 {
        margin-top: 30px !important;
    }
    body #page .nav-info + .maincontent,
    body #page .nav-info + .maincontent + .maincontent,
    body #page .maincontent:first-child {
        padding-top: 30px !important;
    }
    body #page.page-login {
        background-position: top;
    }
    body #page.page-login #login-box {
        margin-top: 20em;
    }
    body .bookmarks {
        text-align: center;
    }
    body .bookmarks > * {
        width: auto;
        max-width: 25%;
    }
    body table.break-sm,
    body table.break-sm-2,
    body table.break-md,
    body table.break-md-2 {
        display: block;
    }
    body table.break-sm thead,
    body table.break-sm-2 thead,
    body table.break-md thead,
    body table.break-md-2 thead {
        display: block;
    }
    body table.break-sm thead tr,
    body table.break-sm-2 thead tr,
    body table.break-md thead tr,
    body table.break-md-2 thead tr {
        display: none;
    }
    body table.break-sm thead tr td,
    body table.break-sm-2 thead tr td,
    body table.break-md thead tr td,
    body table.break-md-2 thead tr td,
    body table.break-sm thead tr th,
    body table.break-sm-2 thead tr th,
    body table.break-md thead tr th,
    body table.break-md-2 thead tr th {
        display: none;
    }
    body table.break-sm thead tr.filterable,
    body table.break-sm-2 thead tr.filterable,
    body table.break-md thead tr.filterable,
    body table.break-md-2 thead tr.filterable,
    body table.break-sm thead tr.sortable,
    body table.break-sm-2 thead tr.sortable,
    body table.break-md thead tr.sortable,
    body table.break-md-2 thead tr.sortable {
        position: relative;
        z-index: 3;
        display: block;
        width: 100% !important;
        border: 0 !important;
        background: white;
        text-align: center;
    }
    body table.break-sm thead tr.filterable .filter,
    body table.break-sm-2 thead tr.filterable .filter,
    body table.break-md thead tr.filterable .filter,
    body table.break-md-2 thead tr.filterable .filter,
    body table.break-sm thead tr.sortable .sort,
    body table.break-sm-2 thead tr.sortable .sort,
    body table.break-md thead tr.sortable .sort,
    body table.break-md-2 thead tr.sortable .sort {
        display: inline-block;
        width: auto !important;
        margin: 0 5px 10px 5px;
        border: 0 !important;
    }
    body table.break-sm tr.alt,
    body table.break-sm-2 tr.alt,
    body table.break-md tr.alt,
    body table.break-md-2 tr.alt {
        display: none;
    }
    body table.break-sm tbody,
    body table.break-sm-2 tbody,
    body table.break-md tbody,
    body table.break-md-2 tbody {
        display: block;
        position: relative;
        border-bottom: 1px solid #C0C0C0;
        border-right: 1px solid #C0C0C0;
    }
    body table.break-sm tbody tr,
    body table.break-sm-2 tbody tr,
    body table.break-md tbody tr,
    body table.break-md-2 tbody tr {
        display: block;
    }
    body table.break-sm tbody tr th,
    body table.break-sm-2 tbody tr th,
    body table.break-md tbody tr th,
    body table.break-md-2 tbody tr th {
        background: #ECECEC;
        display: block;
        width: 100% !important;
        float: left;
        font-weight: bold;
        text-align: center;
        padding: 8px;
    }
    body table.break-sm tbody tr td,
    body table.break-sm-2 tbody tr td,
    body table.break-md tbody tr td,
    body table.break-md-2 tbody tr td {
        display: block;
        width: 100% !important;
        float: left;
        border: 0;
        padding: 8px;
        text-align: left;
        background: transparent !important;
    }
    body table.break-sm tbody tr td::before,
    body table.break-sm-2 tbody tr td::before,
    body table.break-md tbody tr td::before,
    body table.break-md-2 tbody tr td::before {
        display: inline-block;
        content: attr(data-label);
        width: 50%;
        padding-right: 10px;
        box-sizing: border-box;
        vertical-align: top;
        margin-bottom: 8px;
        font-weight: 500;
    }
    body table.break-sm tbody tr::before,
    body table.break-sm-2 tbody tr::before,
    body table.break-md tbody tr::before,
    body table.break-md-2 tbody tr::before {
        position: absolute;
        content: ' ';
        display: block;
        left: 0;
        width: 100%;
        height: 1px;
        border-top: 1px solid #C0C0C0;
    }
    body table.break-sm tbody tr::after,
    body table.break-sm-2 tbody tr::after,
    body table.break-md tbody tr::after,
    body table.break-md-2 tbody tr::after {
        position: absolute;
        content: ' ';
        display: block;
        top: 0;
        height: 100%;
        width: 1px;
        border-right: 1px solid #C0C0C0;
    }
    body table.break-sm tbody::after,
    body table.break-sm-2 tbody::after,
    body table.break-md tbody::after,
    body table.break-md-2 tbody::after {
        display: block;
        clear: both;
        content: ' ';
        height: 1px;
    }
    body table.break-md-2 tr {
        width: 50%;
        float: left;
    }
    body table.break-md-2 tr:nth-child(2n+1) {
        clear: both;
    }
    body table.break-md-2.lg-alt tr:nth-child(2n+1) {
        clear: none;
    }
    body table.break-md-2.lg-alt tr:tr:nth-child(4n) {
        clear: both;
    }
    body table.break-md-2.lg-alt td.alt,
    body table.break-md-2.lg-alt tbody th.alt {
        display: block;
    }
    body #popup {
        padding-left: 0;
    }
}
@media (max-width: 1200px) {
    body #popup .popup.help > .inner > .scroll {
        margin: 0 -25%;
    }
    body #popup .popup.help > .inner > .scroll > div {
        width: 50%;
    }
    body #popup .popup.help > .inner > .controls::before,
    body #popup .popup.help > .inner > .controls::after {
        width: 25%;
    }
    body #popup .popup.help > .inner > .controls .description {
        max-width: 90%;
        min-width: 600px;
        width: 50%;
    }
    body #popup .popup.help .nav-btn.back {
        left: 25%;
    }
    body #popup .popup.help .nav-btn.next {
        right: 25%;
    }
    body #popup .popup.help .close-btn {
        right: 25%;
    }
}
@media (max-width: 760px) {
    body .bookmarks > * {
        width: auto;
        max-width: 33.33%;
    }
    body table.break-md-2 tr {
        width: auto;
        float: none !important;
        clear: both !important;
    }
    body table.break-sm-2 tr {
        width: 50%;
        float: left;
    }
    body table.break-sm-2 tr:nth-child(2n+1) {
        clear: both;
    }
    body table.break-sm-2.lg-alt tr:nth-child(2n+1) {
        clear: none;
    }
    body table.break-sm-2.lg-alt tr:tr:nth-child(4n) {
        clear: both;
    }
    body table.break-sm-2.lg-alt td.alt,
    body table.break-sm-2.lg-alt tbody th.alt {
        display: block;
    }
    body #page h1 {
        font-size: 28.8px;
        height: auto;
        line-height: 1.2;
        padding-left: 25px;
        padding-right: 25px;
        white-space: normal;
    }
    body #popup .popup.help > .inner > .scroll {
        margin: 0;
    }
    body #popup .popup.help > .inner > .scroll > div {
        width: 100%;
    }
    body #popup .popup.help > .inner > .controls::before,
    body #popup .popup.help > .inner > .controls::after {
        content: '';
        display: none;
    }
    body #popup .popup.help > .inner > .controls .description {
        max-width: 100%;
    }
    body #popup .popup.help .nav-btn.back {
        left: 30px;
    }
    body #popup .popup.help .nav-btn.next {
        right: 30px;
    }
    body #popup .popup.help .close-btn {
        right: 15px;
    }
}

.three-columns .bar span:nth-child(1) small {
    background: #4BA72D;
    z-index: 3;
}
.three-columns .bar span:nth-child(2) small {
    background: #93CA81;
    opacity: 1 !important;
    z-index: 2;
}
.three-columns .bar span:nth-child(3) small {
    background: #B7DCAB;
    z-index: 1;
    opacity: 1 !important;
    position: relative;
    bottom: 10px;
}
.three-columns .bar span:nth-child(1)
{
    z-index:3 !important;
}
.three-columns .bar span:nth-child(2)
{
    z-index:2 !important;
}
.three-columns .bar span:nth-child(3)
{
    z-index:1 !important;
}
.three-columns .bar span:nth-child(2) small em {
    top: 5px;
}

.three-columns .bar span:nth-child(3) small em {
    top: 5px;
}

.multiple-select {
    height: 100px;
}

.btn-danger {
    margin: 0 10px;
}

#popup {
    background: rgba(0, 0, 0, 0.85);
}

.highlights-help {
}

.hide-select {
    display: none;
}

span.filter-value{
    text-align: left;
    vertical-align: middle;
    width: 60%;
    display: inline-block;
    font-weight: 500;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}

.noscroll
{
    overflow: hidden !important;
    height: 100% !important;
}

.hint-item {
    z-index: 360;
    pointer-events: none;
}

.fake-icon {
    color: white;
    background: black;
    border-right: 1px #5f5f5f solid;
    display: inline-block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    vertical-align: top;
    text-align: center;
    z-index: 13;
}

.fake-icon:before {
    font-family: 'Icons';
    font-size: 22px;
    display: block;
}

.fake-notification:before {
    content: '\f11d';
}

.fake-notification {
    border-left: 1px #5f5f5f solid;
}

.fake-download {
    transform: rotate(90deg);
    border-top: 1px #5f5f5f solid;
    border-right: none;
}

.fake-download:before {
    content: '\f112';
}

.fake-filter:before {
    content: "\e902";
}

.fake-help:before {
    content: "\e900";
}

.fake-export:before {
    content: "\f10d";
}

.fake-pdf:before {
    content: "\f10e";
}

.fake-logout:before {
    content: "\e901";
}

@media (max-width: 1600px) {
    body #page .maincontent.split {
        width: 100% !important;
    }
}

.square-label {
    width: 10px;
    height: 10px;
    position: relative;
    display: inline-block;
    margin-right: 8px;
}

.circle-label {
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    margin-right: 8px;
    border-radius: 50%;
}


.square-label.green {
    background-color: #4BA72D;
}

.square-label.orange {
    background-color: #ffa500;
}

.square-label.red {
    background-color: #e9161f;
}


.menu-link {
    text-decoration: none;
    color: white;
}

.menu-link:hover {
    color: #4BA72D;
}

#tracy-debug .tracy-panel .tracy-icons {
    z-index: 9999999;
}



.kpi-table {
    width: 100%;
    background: transparent;
}

.kpi-table td {
    border: none;
    background: transparent !important;
}

@media (max-width: 850px) {
    .kpi-table td {
        display: block;
        margin: 0 auto;
    }
}

.kpi-table td:first-child {
    width: 33.33333333%;
}

.kpi-table .line-graph, .kpi-table .dot-graph {
    max-width: none !important;
}

#popup .popup.help > .inner > .scroll > div > .content > video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

a.help, span.help {
    color: white;
    text-decoration: none;
}
a.help:hover, span.help:hover {
    color: #1A7E1E;
}

header #header-nav #nav-icons .help span {
    position: relative;
    z-index: 20;
}
header #header-nav #nav-icons .help > small {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: -25px 0 0 22px;
    text-align: center;
    border-radius: 100%;
    background: #e9161f;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 19;
}
header #header-nav #nav-icons .help ul {
    min-height: 50px;
    padding: 0;
}
header #header-nav #nav-icons .help ul li {
    padding: 20px;
    margin: 0;
    border-top: 1px solid #FFFFFF;
}
header #header-nav #nav-icons .help ul li:first-child {
    border-top: 0;
    padding-top: 22px;
}
header #header-nav #nav-icons .help ul li > p {
    margin: 0;
    padding: 3px 0 0 0;
}

a.help-tab {
    color: white;
    text-decoration: none;
}

.password-change-form {
    width: 75%;
    height: auto;
    position: relative;
    background-color: #fff;
    color: black;
    padding: 30px 15px;
    margin: 10% auto;
}

#Block87 .sections, #Block88 .sections{
    display: inline;
    width:200px;
}

.tab-csv {
    padding: 0 !important;
}

.tab-csv li {
    border-top: 1px solid white;
    padding: 20px !important;
    font-weight: bold;
}

.tab-csv li:nth-child(1) {
    border: 0 !important;
}
.filter.active .inline-help-wrapper {
    display: none !important;
}

.alerts.active .inline-help-wrapper {
    display: none !important;
}

.help.active .inline-help-wrapper {
    display: none !important;
}



header #header-nav #nav-icons > * .tab > div > p {
    float: left;
    width: 40%;
    display: inline-block;
    cursor: default;
    color: #000000;
    padding: 0.7em 0 0.7em 40px;
    vertical-align: middle;
    text-align: left;
    font-weight: bold;
    box-sizing: border-box;
}
header #header-nav #nav-icons > * .tab > div > .cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}
header #header-nav #nav-icons > * .tab > div > .cmn-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;
}
header #header-nav #nav-icons > * .tab > div > input.cmn-toggle-round + label {
    padding: 2px;
    width: 60px;
    height: 30px;
    background-color: #dddddd;
    border-radius: 30px;
    margin-left: 60%;
}
header #header-nav #nav-icons > * .tab > div > input.cmn-toggle-round + label:before,
header #header-nav #nav-icons > * .tab > div > input.cmn-toggle-round + label:after {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: "";
    width: auto;
    margin: 0;
}
header #header-nav #nav-icons > * .tab > div > input.cmn-toggle-round + label:before {
    right: 1px;
    background-color: #f1f1f1;
    border-radius: 30px;
    transition: background 0.4s;
}
header #header-nav #nav-icons > * .tab > div > input.cmn-toggle-round + label:after {
    width: 28px;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    transition: margin 0.4s;
}
header #header-nav #nav-icons > * .tab > div > input.cmn-toggle-round:checked + label:before {
    background-color: #333333;
}
header #header-nav #nav-icons > * .tab > div > input.cmn-toggle-round:checked + label:after {
    margin-left: 30px;
}

ol.listing li .label, ul.listing li .label, ol.listing li.titles .left, ul.listing li.titles .left {
    overflow: hidden;
    max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bar-graph.horizontal .bar span {
    height: 40px;
    margin-bottom: 10px;
}

.bar-graph.horizontal .bar small {
    height: 40px;
}

.bar-graph .bar em {
    height: 36px;
    line-height: 36px;
}

#main-menu ul .calendar > a::before {
    content: "\f118";
}

#main-menu ul .info > a::before {
    content: "\f10f";
}

#main-menu ul .cloude > a::before {
    content: "\f118";
}

#main-menu ul .pdf > a::before {
    content: "\f10e";
}

#main-menu ul .xls > a::before {
    content: "\f10d";
}

#main-menu ul .clock > a::before {
    content: "\e903";
}

#main-menu ul .question > a::before {
    content: "\e900";
}
#main-menu ul .spglass > a::before {
    content: "\f100";
}
#main-menu ul .setting > a::before {
    content: "\f102";
}

#main-menu ul .users > a::before {
    content: "\f10f";
}

/* Skoda logo margin because of IE scroller */
header .logo a img {
    margin-right: 10px;
}

/* Alerts */
.popup.solve .listing.lines {
    line-height: 1.1;
    margin-top: 15px;
}

.popup.solve ul.listing li .value {
    font-weight: normal;
}

.popup.solve .title span.label strong {
    color: #707070;
    font-size: 0.9em;
    margin-right: 2px;
}

.popup.solve .title span.label {
    font-size: 16px;
}

.popup.solve .title ul span:before {
    content: none;
}

.popup.solve .title span.text {
    color: #707070;
    font-size: 0.9em;
}

.inline-help .inline-help-wrapper {
    z-index: 50;
}

.solve-progress .radio::before, .solve-type .radio::before {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 0;
    font-family: 'Icons';
    background: transparent !important;
    color: #000000;
    font-size: 30px;
}

.solve-progress .radio, .solve-type .radio {
    border: 0;
    width: 32px;
    height: 32px;
}

.solve-progress .radio.checked::before, .solve-type .radio.checked::before {
    color: #4BA72D;
}

.solve-progress .radio.unresolved::before, .solve-type .radio.unresolved::before {
    content: "\f113";
}

.solve-progress .radio.progress::before, .solve-type .radio.progress::before {
    content: "\f112";
}

.solve-progress .radio.resolved::before, .solve-type .radio.resolved::before {
    content: "\f114";
}
/**/

td.profile-select {
    max-width: 10% !important;
}

.filter-option {
    padding: 8px 15px !important;
}

/* FLASH MESSAGES */
header .flash {
    width: 100%;
    height: 46px;
    line-height: 46px;
    padding-left: 15px;
    color: #FFFFFF;
    font-weight: bold;
    white-space: nowrap;
    background-color: #4BA72D;
}
header.fixed .flash {
    position: fixed;
    top: 46px;
}
.flash.danger {
    background-color: #e9161f;
}

.flash.warning {
    background-color: orange;
}

.flash .close-btn {
    float: right;
    font-size: 32px;
    color: #FFFFFF;
    padding: 0 15px;
    text-decoration: none;
}
.flash .close-btn:hover {
    color: #333333;
}
.help-me {
    display: block;
    width: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    color: #4BA72D;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 100px;
}

/* GRAPH LEGEND - FLIP */
.graph.opaque ul.legend li.interactive > span {
    font-size: smaller;
    color: #FFFFFF;
}
.graph.opaque ul.legend li.interactive > span:hover {
    opacity: 0.7;
}
.graph.opaque ul.legend li.disabled > span {
    opacity: 0.4;
}
#Block98 form{
    overflow-x: scroll;
}

header #header-nav #nav-icons .helpdesk:before {
    content: "\F11F";
}

.flip .legend.inline {
    display: none;
}

.marked {
    height: 26px;
    line-height: 26px;
    display: inline-block;
    background: #4BA72D;
    color: #FFFFFF;
    border-radius: 13px;
    padding: 0 10px;
    position: relative;
    left: -10px;
}

.solve .chat .back-link:hover {
    cursor: pointer;
    color: #4BA72D;
}

.solve .chat .back-icon:before {
    content: "\f105";
    font-family: Icons;
}

/* DATAGRID */
.datagrid .handle-sort {
    color: #4BA72D;
    padding: 2px 5px;
    cursor: move;
}

.datagrid .btn-activate {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    border-radius: 4px;
}

/*************************************************/
/*************** OVERVIEW TABLE ******************/
/*************************************************/
.overview-table {
    padding: 20px 40px 0 40px;
}

.overview-table .content {
    overflow-x: auto;
    position: relative;
}

.overview-table tr:hover .first-column {
    background: #429328 !important;
    color: #fff !important;
}

.overview-table tr:hover .first-column {
    background: #429328 !important;
    color: #fff !important;
}

.overview-table .asc:after {
    font-family: 'Icons';
    content: '\f10b';
    display:inline-block;
    padding-left: 5px;
    font-weight: bold;
}

.overview-table table td, .overview-table table th {
    padding: 8px;
}

.overview-table .desc:after {
    font-family: 'Icons';
    content: '\f107';
    padding-left: 5px;
    display:inline-block;
    font-weight: bold;
}

.overview-table .row-hidden {
    display: none;
}

.show-hide-all {
    float: right;
    cursor: pointer;
}

.overview-table .paginator .next.disabled:hover, .overview-table .paginator .prev.disabled:hover, .active:hover {
    cursor: default;
    color: #000000;
}

.overview-table .sort-table {
    cursor: pointer;
}

.overview-table table {
    margin-bottom: 0;
    margin-top: 0;
}

.overview-table table td {
    min-width: 100px;
}

.overview-table table tbody tr:nth-child(odd) td.first-column {
    background: rgb(110, 110, 110);
}

.overview-table table td, .overview-table table th {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.overview-table table tbody tr th, .overview-table table tbody tr td:not(.first-column) {
    background: #ECECEC;
}

.overview-table table tbody tr:nth-child(even) td:not(.first-column) {
    background: rgba(0,0,0,0.1);
}

.overview-table .first-column {
    text-align: left;
    background: rgb(80, 80, 80);
    color: #fff;
    min-width: 250px;
}

.overview-table-border-label {
    text-align: left;
    font-weight: bold;
    text-align: center;
    display: block;
    width: 100%;
    text-transform: uppercase;
}

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

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

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

.overview-table .scroll-arrow:hover {
    cursor: pointer;
}
/************************************************/

.datagrid .btn-activate.active {
    background-color: #4BA72D;
}

.datagrid .btn-activate.inactive {
    background-color: #e9161f;
}

#frm-boxBlocks-Block98-grid-filter,
#frm-boxBlocks-Block99-grid-filter {
    overflow-x: scroll;
}

#snippet-usersDataGrid-grid-grid {
    overflow-x: scroll;
    overflow-y: hidden;
}

/************************************************/

.inline-help-wrapper {
    pointer-events: none;
}

/************************************************/

/**
 * Additional styles fixing responsive layout of alerts table in alertDataGrid
 */

@media  (min-width: 1600px) {
    table.responsive-alert-table {
        table-layout: fixed;
    }
}
@media  (min-width: 1040px) {
    table.responsive-alert-table tbody td {
        word-break: break-word;
        word-wrap: break-word;
        overflow-wrap: break-word;
        overflow: hidden;
    }
    table.responsive-alert-table span.date > input {
        min-width: auto !important;
    }
}
@media  (min-width: 1040px) and (max-width: 1600px) {
    table.responsive-alert-table tbody td {
        padding-left: 2px;
        padding-right: 2px;
    }
}

/************************************************/

/**
 * Content in .avoid-break stays together on one page when printing
 */

@media print {
    .avoid-break {
        page-break-inside: avoid;
    }
    .close-btn, #pdf-help {
        display: none;
    }
}

/************************************************/