/**
BLAU: #002C6C
HELLBLAU: #008DBD
ORANGE: #F26334

GRUEN: #00b74f
PINK: #f05587
PFIRSICH: #fbb034
**/

.breakingLink {
    word-wrap: break-word;
}

.handsontable table th span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.handsontable table th {
    white-space: nowrap;
}

.handsontable table th,
.handsontable table td {
    max-width: 200px;
    min-width: 70px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    max-height: 180px !important;
    min-height: 22px !important;
    word-wrap: break-word;
}

label {
    cursor: pointer;
}

.orange {
    color: #F26334;
}

.bg-orange {
    background-color: #F26334;
}

body, div, p, td, textarea, input, select, option {
    color: #454545;
}

h1, h2, h3, h4, h5, h6 {
    color: #002c6c;
    font-weight: 400;
}

.h2, h2 {
    font-size: 22px;
}

.dropdown_m h2 {
    display: inline-block;
    margin-top: 10px;
}

.form-control {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    text-shadow: 0px 0px transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    filter: progid:DXImageTransform.Microsoft.Shadow(enabled=false);
}

.form-control:focus {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    text-shadow: 0px 0px transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    filter: progid:DXImageTransform.Microsoft.Shadow(enabled=false);
    border-color: #002C6C;
}

.nav-tags, .page-header {
    margin: 0 0 10px;
    border-bottom: none;
    border-top: 1px dotted #002C6C;
    padding-top: 10px;
}

.breadcrumb {
    padding: 0px 15px;
    margin-bottom: 0px;
    background-color: #f8f8f8;
}

.dropdown_div {
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 4px solid #f26334;
    background-color: #ffffff;
    border-bottom: 1px solid #e7e7e7;
}

table.dropdown {
    border: none;
    width: 100%;
}

.nav-tags {
    border-bottom: 1px dotted #002C6C;
    padding-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

a img:hover {
    left: 0px !important;
    top: 0px !important;
}

a, a:visited, .navigateLink {
    color: #002C6C;
    text-decoration: none;
    border: 0;
    text-shadow: none;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

a:hover {
    color: #F26334;
    text-decoration: none;
    border: 0;
    text-shadow: 0px 0px transparent !important;
}

a.list-group-item:visited {
    border-color: #ddd;
}

.btn-info, a.newButton, a.button, input[type="submit"], input[type="reset"],
input[type="button"], button, .myButton, .downloadlinks a, .btn-primary, .btn-danger {
    color: #ffffff;
    background-color: #002C6C;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    text-shadow: 0px 0px transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    filter: progid:DXImageTransform.Microsoft.Shadow(enabled=false);
    border: none;
}

.btn-danger {
    background-color: #c9302c;
    padding: 3px 5px !important;
    color: #FFFFFF !important;
}

.btn-danger:hover {
    outline: 1px solid orange;
}

a.newButton:hover i, a.button:hover i, input[type="submit"]:hover i,
input[type="reset"]:hover i, input[type="button"]:hover i, button:hover i,
.myButton:hover i, .downloadlinks a:hover i {
    color: #F26334;
}

button.ui-datepicker-trigger:hover,
a.newButton:hover, a.button:hover, input[type="submit"]:hover, input[type="reset"]:hover,
input[type="button"]:hover, button:hover, .myButton:hover,
.downloadlinks a:hover {
    background-color: #002C6C;
    border: none;
    text-shadow: 0px 0px transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    filter: progid:DXImageTransform.Microsoft.Shadow(enabled=false);
}

a.newButton:hover, input[type="submit"]:hover, input[type="reset"]:hover,
input[type="button"]:hover, button:hover, .myButton:hover,
.downloadlinks a:hover {
    background-image: none;
    box-shadow: none;
    text-shadow: 0px 0px transparent;
    color: #ffffff;
    border: none;
}

a.button:hover {

}

.btn-info {
    background-color: #f26334;
    color: #FFFFFF !important;
}

.btn-info:focus, .btn-info:hover {
    box-shadow: none;
    text-shadow: 0px 0px transparent;
    color: #002C6C !important;
    border: none;
    background-color: #f26334 !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight, .ui-state-hover,
.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #002C6C !important;
    background: #002C6C !important;
    font-weight: bold !important;
    color: #FFFFFF !important;
    text-shadow: 0px 0px transparent !important;
}

.ui-state-default.ui-state-active {
    border-color: #002C6C;
}

.ui-state-hover {
    border: none !important;
    color: #F26334 !important;
    text-shadow: 0px 0px transparent !important;
}

.btn-primary:hover {
    background-color: #002C6C;
    border-color: #008DBD;
    color: #F26334;
    text-shadow: 0px 0px transparent;
}

.ui-corner-top, .ui-corner-right, .ui-corner-tr, .ui-corner-all,
.ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-radius: 0px !important;
}

th, .internalMessageHeader, .topmenu_header, .topmenu_center,
.topmenu_tab, #adminmenuTable, .footer_center, .dropdown {
    background-color: #FFFFFF;
    color: #002c6c;
    font-weight: bold;
    font-size: 14px;
}

table.login, #quickSearchTable, table.editTable, .records, .attributes,
.lookups, .internalMessageDivBox, .dropdown, .searchtable,
.configurationtable, #tree, .newFormDiv {
    border-radius: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-collapse: separate;
    border-spacing: 0px;
}

th.table-sortable:hover {
    cursor: pointer;
    color: #f26334;
}

.ui-widget-header {
    border: 1px solid #e7e7e7;
    background: #e7e7e7;
    color: #002c6c !important;
    font-weight: bold;
}

.ui-widget-header a {
    background-color: #002C6C;
}

tr.is-dragover td,
tr.clickable:not(selected):hover td {
    background-color: #008DBD;
    color: #ffffff;
}

tr.is-dragover td,
tr.clickable.selected:hover td {
    color: black;
    background-color: #fad1b1;
}

tr.drop-is-submitted {
    outline: solid lawngreen 2px;
}

.ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: #002C6C;
}

nav.navbar.navbar-default {
    background-color: #ffffff;
    border-right: none;
    border-radius: 0px;
    margin-left: 15px;
    margin-right: 15px;
}

#content {
    height: auto !important;
    margin: 0;
    max-width: 100%;
    padding: 0;
}

.contentWrapper {
    padding: 0 45px;
}

#ajaxLoaderGif {
    height: 35px;
    width: 35px;
    text-align: center;
    margin: 15px auto;
}

.ajaxLoaderDiv {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    font-weight: bold;
    text-align: center;
    display: inline-grid;
    margin: auto;
    bottom: 0;
    vertical-align: middle;
    height: 45px;
}

footer p {
    margin: 0;
    padding: 0;
}

@media only screen and (min-width: 768px) {
    .navbar-collapse > .navbar-nav > li {
        margin-right: 45px;
        border-bottom: 0;
        font-size: 16px;
        margin-right: 40px;
        background: none;
    }

    .navbar-collapse, .navbar-nav.navbar-default, .navbar-collapse > .navbar-nav > li,
    .navbar-collapse > .navbar-nav > li.active, .navbar-collapse > .navbar-nav > li.active > a,
    .navbar-collapse > .navbar-nav > li > a {
        background-color: #FFFFFF;
    }

    .navbar-collapse > .navbar-right > li > a, .navbar-collapse > .navbar-right > li {
        background-color: transparent;
    }

    .navbar-collapse > .navbar-nav > li.active > a, .navbar-collapse > .navbar-nav > li > a {
        margin-top: 4px;
        color: #002c6c;
        font-size: 18px;
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-collapse > .navbar-nav > li.active > a, .navbar-collapse > .navbar-nav > li.active > a:hover,
    .navbar-default .navbar-nav > li > a:hover, nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        background-color: #FFFFFF;
        color: #f26334;
    }

    .navbar-default .navbar-nav > li.active {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMXB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDEgOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMSA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHJlY3QgZmlsbD0iI0YyNjMzNCIgd2lkdGg9IjEiIGhlaWdodD0iOCIvPgo8L3N2Zz4=) !important;
        background-repeat: repeat-x !important;
    }
}

.logo {
    float: left;
    position: relative;
}

.logo1 {
    margin-top: 0;
    padding-bottom: 11px;
    padding-top: 19px;
}

.logo img {
    margin: 0;
    padding: 0;
    border: none;
    height: 61px;
    margin-right: 20px;
    width: auto;
}

body, .header-top {
    background-color: #f8f8f8;
}

.secondary-nav {
    display: block;
    float: right;
    margin-top: 60px;
    text-align: right;
}

.form-signin {
    max-width: 330px;
    margin: 0 auto;
    display: block;
}

.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}

.form-signin #Username {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin #Password {
    border-radius: 0;
}

.form-signin #loginButton {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
}

.form-signin #loginButton:hover {
    border: none;
}

.alert.alert-danger .message {
    color: inherit;
}

footer {
    background-color: #ffffff;
}

body {
    /* padding-bottom: 70px;
    position: relative;
    min-height: 100%; */

}

footer {
    height: 70px !important;
    position: absolute;
    bottom: 0;
    left: 0;
}

footer .footer {
    border-top: 1px solid #e7e7e7 !important;
    height: 70px !important;
}

footer .footer img {
    max-height: 65px;
}

/* Split pane default are aweful!! */
#my-divider, #right-component, #left-component {
    position: relative;
    float: left;
    left: 0 !important;
    top: 0 !important;
}

#my-divider {
    display: none;
}

#GTINInfoContainer dl {
    padding-bottom: 20px;
}

#excelContainer {
    position: relative;
    min-width: 100% !important;
    min-height: 100% !important;
    /*	margin-top: 80px;*/
    /* width: auto !important;
    height: auto: !important; */
}

#content + #excelContainer {
    position: fixed;
    top: 0;
    left: 0;
    height: 0%;
    width: 100%;

    /* z-index: 99; */
}

#excelComponent {
    width: 100%;
    height: 100%;
    /* 	margin-top: 32px; */
}

#excelCurrentCellText {
    width: calc(100% - 32px);
    height: 100%;
    resize: none;
    border: none;
}

#excelOverlayContainer {
    position: fixed;
    top: 0;
    left: 0;
    height: 80px;
    width: 100%;
    background-color: #ffffff;
    display: none;
    /* 	z-index: 100; */
}

button:active, .excel-toggle:focus, .excel-toggle {
    text-shadow: 0px 0px transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    filter: progid:DXImageTransform.Microsoft.Shadow(enabled=false);
    position: relative;
    padding: 9px 10px;
    background-color: #002c6c;
    border: none !important;
    outline: none !important;
    padding: 0;
}

button.btn:active {
    padding: 6px 12px;
}

.excel-toggle:focus, .excel-toggle {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
    display: none;
    padding: 9px 10px;
}

.excel-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #ffffff;
}

.excel-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

.excel-toggle:hover {
    background-color: #002c6c;
}

.excel-toggle:hover .icon-bar {
    background-color: #F26334;
}

.infobox {
    padding: 15px;
}

#internalMessageButtonContainer {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 17px;
    height: 17px;
}

.list-group-item:first-child,
.list-group-item:last-child {
    border-radius: 0px !important;
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus,
button.list-group-item:hover {
    background-color: #008DBD;
    color: #ffffff;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    text-shadow: 0px 0px transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    filter: progid:DXImageTransform.Microsoft.Shadow(enabled=false);
    border: 1px solid #008DBD;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #008DBD;
    border: 1px solid #008DBD;
}

#usersNotInGroup, #usersInGroup {
    min-height: 60px;
    padding: 10px;
    border: 1px dotted #002C6C
}

#GS1WFinfoContainer {
    position: fixed;
    top: 0;
    margin: 0;
    left: 50%;
    width: 640px;
    margin-left: -320px;
    z-index: 1;
    border-left: 5px solid #F26334;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    text-shadow: 0px 0px transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    filter: progid:DXImageTransform.Microsoft.Shadow(enabled=false);
    display: none;
}

.connectedSortable a {
    cursor: move;
}

#GS1WFCollectiveOrderDisplaydisplaySelect select {

}

.newFormDiv {
    min-width: 475px;
    background-color: #ffffff;
}

table.editTable {
    margin: 0;
    padding: 0;
}

table.editTable td.caption {
    font-weight: 700;
    padding: 10px;
}

table.editTable td.field textarea,
table.editTable td.field input,
table.editTable td.field select,
table.editTable td.value select,
table.editTable td.value input {
    padding: 5px;
    width: 100%;
}

table.editTable tr.editLine > td.value textarea {
    width: 100%;
}

.records tr.highlighted {
    background-color: #ffffff !important;
}

.records tr.highlighted.highlightMail {
    background-color: rgba(250, 161, 100, 0.13) !important;
}

#navbar {
    padding-left: 0;
}

#OptionsForm td {
    width: 30%;
}

#OptionsForm td + td {
    width: 70%;
}

#OptionsForm label {
    display: block;
    padding: 10px;
    margin: 0;
    font-weight: 700;
}

#OptionsForm input[type=checkbox] {
    margin-top: 14px;
}

.modal-content {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.mt-small {
    margin-top: 5px;
}

.mt-medium {
    margin-top: 15px;
}

.mt-large {
    margin-top: 25px;
}

.closeButton, #newformclose {
    /* background-image: url(/yamm/startpage/GS1WF/img/close-tiny.png); */
}

.configHeaderButtonRight, .configHeaderAdditional, .configHeaderSearch {
    margin-right: 20px;
    margin-top: 24px;
}

.menuColorBar {
    display: block;
    height: 10px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -3px;
}

#colorStatusInfoModal dt span {
    display: block;
    height: 20px;
}

#excelNavbar {
    position: fixed;
    top: 12px;
    right: 20px;
    height: auto;
    width: auto;
    z-index: 1001;
}

#excelNavbar .dropdown-menu {
    min-width: 250px;
}

.navbar-right {
    margin-top: -7px;
}

#excelNavbar a.dropdown-toggle {
    padding: 4px 12px;
    border-radius: 0;
    background-color: #002C6C;
    color: #ffffff;
}

#excelNavbar a.dropdown-toggle:hover {
    color: #F26334
}

#excelSpinner {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    top: 250px;
}

#excelSpinner img.ajaxLoader {
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -16px;
    margin-top: -16px;
}

.box {
    position: absolute;
    top: 0;
    right: 0;
    width: 1500px; /*size of the container, if it is smaller, it's not a problem*/
    text-align: right;
    min-height: 25px;
}

.box.is-dragover {
    background: rgb(242, 99, 52);
    background: rgba(242, 99, 52, .3);
}

.box__input {
    text-align: right;
}

.box__input label {
    font-size: 10px;
    padding: 4px 6px;
}

.box__showUpload {
    cursor: progress;
}

.box__showUpload,
.box__showError,
.box__showSuccess {
    display: none;
}

.box__showUpload {
    padding: 0 !important;
}

.btn.defaultCursor {

}

.box.is-uploading {

}

.box.is-success {

}

.box.is-error {

}

a.teamLeader {
    color: #fbb034;
    font-weight: bold;
    /*color: #ffffff;*/
}

.stepWizard {
    display: table;
    width: 100%;
    position: relative;
    margin-top: 2em;
}

.stepWizard-row {
    display: table-row;
}

.stepWizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #e7e7e7;
    z-order: 0;
}

.stepWizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
    width: 11%;
}

.stepWizard-step.active p:after {
    content: " ";
    position: absolute;
    left: 50%;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #F26334;
    margin-left: -10px;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    color: #333;
    background-color: #AD2424;
    border-color: #e7e7e7;
    display: inline-block;
    margin: 0;
}

#GTINInfoContainer .dropdown_div {
    margin-top: 0;
}

.startTool {
    color: #ffffff;
    font-weight: bold;
}

.startTool:hover {
    color: #008DBD;
}

.btn.btn-primary {
    color: #ffffff;
}

.container.login,
.container.login #innerContent {
    background-color: #f8f8f8;
}

.mt12 {
    margin-top: 5px;

}

th.table-sortable span {
    display: none;
}

.paddingFive {
    padding: 5px;
}

#excelHelp {
    display: block;
    padding-left: 10px;
    font-weight: normal;
    padding-top: 5px;
    border-top: 1px solid;
    margin-top: 5px
}

#controlDate + button {
    margin-bottom: 5px;
}

#controlDate {
    width: 80px;
    margin-bottom: 5px;

}

#setStatus {

}

.qtip {
    max-width: 600px !important;
    min-width: 200px !important;
}

.qtip-content {
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*white-space: pre;*/
}

.qtip-content span {
    display: block;
}

.info-padding {
    padding: 20px;
}

/******************* RISC GRID ***************************************************************************************/

table.riscGrid th {
    color: #454545;
    background-color: #EEE;
    text-align: center;
    font-weight: normal;
    empty-cells: show;
    line-height: 21px;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    z-index: 1;
}

td.pruefrelevant {
    background-color: rgb(242, 222, 222);
}

td.pruefrelevantArtikelpass {
    background-color: rgb(189, 252, 245);
}

table.riscGrid td {
    padding-top: 2px;
    padding-left: 2px;
    vertical-align: top
}

table.riscGrid td, table.riscGrid th {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 5px;
}

table.riscGrid td.comment {
    padding: 0px;
}

table.riscGrid tbody {
    border-bottom: 1px solid #ccc;
}

table.riscGrid td.active {
    outline: 2px solid dodgerblue;
    z-index: 5;
}

table.riscGrid #hiddenCommentTR {
    display: none;
}

table.riscGrid .commentSpan {
    display: block;
    padding: 5px;
    width: calc(100%);
    height: calc(100% + 2px);
}

td.M254.active, td[data-comment-mnumber="M254"].active {
    border-left: 2px solid dodgerblue;
    padding-left: 3px;
}

#riscGrid1 tbody tr:first-child td.active:not(.checkboxTD):not(.productImage):not(.M017) {
    border-top: 2px solid dodgerblue;
    padding-top: 4px;
}

/* Fehler */
.commentType2 {
    background-color: red;
    color: white;
}

/* Empfehlung */
.commentType11501 {
    background-color: #2ecc71;
    color: black;
}

/* Anmerkung */
.commentType3 {
    color: black;
    background-color: lightblue;
}

.isDiff {
    color: black;
    background-color: orange;
    display: block;
    margin-top: -2px;
    margin-left: -2px;
    padding-top: 2px;
    padding-left: 2px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
}

td.isDiffNew {
    color: black;
    background-color: orange;
}

td.isDiffNew.pruefrelevantArtikelpass {
    background-color: #94faf1;
}

tr.rowAlreadyChecked {
    outline: 1px solid lightgreen;
    border-right: none;
}

td.checked {
    background-color: palegreen;
}

table.riscGrid .activeRow td {
    border-top: 2px solid rgba(21, 0, 21, 0.74);
    border-bottom: 2px solid rgba(21, 0, 21, 0.74);
}

table.riscGrid .previousVersion td {
    background-color: #e3e3e3;
}

table.riscGrid .previousVersion td.pruefrelevant {
    background-color: #f5eaea;
}

table.riscGrid .previousVersion td.pruefrelevantArtikelpass {
    background-color: rgb(221, 255, 247);
}


table.riscGrid .previousVersion + tr.comment td {
    background-color: #f1f1f1;
}

.disabledTd {
    background-color: rgba(211, 211, 211, 0.7) !important;
}

/******************* RISC GRID ***************************************************************************************/

/************ GTIN SEARCH Form Field***********/

.gtinSearch {
    padding: 5px;
    color: #002c6c;
    cursor: default;
}

.gtinSearchForm {
    float: right;
    display: block;
}

#gtinTags {
    float: left;
    max-width: 50%;
    margin-bottom: 12px;

}

.tag {
    background-color: #F16333;
    margin-right: 5px;
    display: inline-block;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px 0 8px;
    font-size: 12px;
    cursor: pointer;
}

#deleteAllTags {
    color: #002C6C;
    background-color: transparent;
    font-size: 9pt;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 10px;

}

/************ end GTIN SEARCH Form Field***********/

td.checkboxTD {
    text-align: center;
}

.shortcutStyleEdited {
    border: 2px solid lightgreen;
}

.saved {
    outline: 2px solid lawngreen;
}

/* begin: mode=gtinFilter */
.records.table.table-condensed th form {
    display: block;
}

/* end: mode=gtinFilter */

tr.newGTIN td {
    /*border: 1px solid #f1c40f;*/
    background-color: #FFF9C4;
}

/* end: mode=gtinFilter */

/** GLN Settings EDIT Table */

table#records td:first-child, table#records th:first-child {
    max-width: 125px;
}

#displayLookUpEdit table#records td:first-child, #displayLookUpEdit table#records th:first-child {
    max-width: none; /*display normally in translation table in settings*/
}

@media (min-width: 1600px) {
    .container {
        width: 100%;
    }
}

.container-fluid {
    padding: 0;
}

table#records td:nth-child(5), table#records th:nth-child(5), table#records td:nth-child(6), table#records th:nth-child(6) {
    min-width: 185px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

#GTINTableFormSamples table#records td:nth-child(5),
#GTINTableFormSamples table#records th:nth-child(5),
#GTINTableFormSamples table#records td:nth-child(6),
#GTINTableFormSamples table#records th:nth-child(6) {
    /* not for Stichproben Table!*/
    min-width: 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

table#records td:nth-child(11), table#records th:nth-child(11) {
    max-width: 45px;
}

#GTINTableFormSamples table#records td:nth-child(11),
#GTINTableFormSamples table#records th:nth-child(11) {
    /* not for Stichproben Table!*/
    max-width: unset;
}

#displayLookUpEdit table#records td:nth-child(11), #displayLookUpEdit table#records th:nth-child(11) { /* not for gln kommentar!*/
    max-width: none;
}

table#records th {
    word-wrap: break-word;
}

.paleGreenBackground {
    background: palegreen;
}

table.riscGrid tr td:first-child,
table.riscGrid tr td:first-child + td,
table.riscGrid tr td:first-child + td + td {
    z-index: 1;
}

table.riscGrid thead tr:first-child th:first-child,
table.riscGrid thead tr:first-child th:first-child + th,
table.riscGrid thead tr:first-child th:first-child + th + th {
    z-index: 3 !important;
}

/* http://hackingui.com/front-end/a-pure-css-solution-for-multiline-text-truncation/ */
table.riscGrid td.hide-too-much-text p {
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 9.5em;
    text-align: left;
    padding-right: 1em;
}

/* create the ... */
table.riscGrid td.hide-too-much-text p:before {
    content: '⬥'; /*'⬥';*/
    position: absolute;
    right: 0;
    bottom: 0;
}

/* hide ... if we have text, which is less than or equal to max lines */
table.riscGrid td.hide-too-much-text p:after {
    content: '';
    position: absolute;
    right: 0;
    width: 0.7em;
    height: 1em;
    margin-top: 0.2em;
    background: rgb(248, 248, 248);
}


/*gruen */
/* You can't target :after since it's content is not rendered in the DOM and it does not manipulate it - for this to work the DOM would have to be re-rendered and CSS can't manipulate it like this. */
.paleGreenBackground,
table.riscGrid .rowAlreadyChecked td:first-child + td + td p:after,
table.riscGrid .rowAlreadyChecked td.hide-too-much-text.pruefrelevant.paleGreenBackground p:after {
    background-color: palegreen !important;
}

/*rot*/
table.riscGrid .rowAlreadyChecked td.hide-too-much-text.pruefrelevant p:after,
table.riscGrid td.hide-too-much-text.pruefrelevant p:after {
    background-color: rgb(242, 222, 222);
}

/*orange:*/
table.riscGrid .rowAlreadyChecked td.hide-too-much-text.isDiffNew p:after,
table.riscGrid td.hide-too-much-text.isDiffNew p:after {
    background-color: orange;
}

tr.selected td {
    background-color: #FFFFA3;
    color: #000000 !important;
}

#rightClickMenu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;

    width: 240px;
    padding: 12px 0;
    background-color: #fff;
    border: solid 1px #dfdfdf;
    box-shadow: 1px 1px 2px #cfcfcf;
}

#rightClickMenu .items {
    list-style: none;
    margin: 0;
    padding: 0;
}

#rightClickMenu .item:last-child {
    margin-bottom: 0;
}

#rightClickMenu .item {
    display: block;
    margin-bottom: 4px;
}

#rightClickMenu .item a:hover {
    color: #ffffff;
    background-color: #008DBD;
}

#rightClickMenu .item a {
    display: block;
    color: #333;
    padding: 3px 20px;
}

#rightClickMenu.open {
    display: block;
}

.secondaryController.abwesenderUser td {
    color: #002d6a;
    background-color: #d3d3d354;
    display: table-cell;
}

.secondaryController td {
    color: #8c8b8b;
    display: none;
}


.font-weight-normal {
    font-weight: normal;
}

.stateIO {
    color: white;
}

.inspectionOrderState {
    padding-top: 4px;
    padding-left: 4px;
    min-height: 29px;
    color: white;
    margin-top: -16px;
}

.abwesend {
    background-color: #d3d3d3;
}

.user-changed {
    background-color: #DAEDBD;
}

.abwesend.user-changed {
    background: #DAEDBD;
    background: linear-gradient(69deg, rgba(211,211,211,1) 38%, rgba(218,237,189,1) 100%);
}

#GS1WFCollectiveOrderDisplay td.table-sortable.variable.clickable, #GS1WFPortalCollectiveOrderDisplay td.variable.clickable {
    position: relative;
}

.aCollectiveOrderStatusNEU {
    background-color: #009688;
}

.aCollectiveOrderStatusSTICHPROBEBESTAETIGT {
    background-color: #f1c40f;
    color: black;
}

.aCollectiveOrderStatusINAUFFUELLUNG {
    background-color: #795548;
}

.aCollectiveOrderStatusBILDUPLOADABGESCHLOSSEN {
    background-color: #f05587;
}

.aCollectiveOrderStatusBEREITZURPRUEFUNG {
    background-color: #FF9800;
}

.aCollectiveOrderStatusONWHITELIST {
    background-color: #B3E5FC;
    color: black;
}

.aCollectiveOrderStatusNACHKONTROLLE {
    background-color: #f05587
}

.aCollectiveOrderStatusANMERKUNGEN {
    background-color: #9b59b6;
}

.aCollectiveOrderStatusFEHLER {
    background-color: #ec003d;
}

.aCollectiveOrderStatusSTICHPROBEABGESCHLOSSEN {
    background-color: #2ecc71;
}

.aCollectiveOrderStatusBEREITZURFREIGABE {
    background-color: #CDDC39;
}

.zeroGtins {
    background-color: #d3d3d3;
}


#GS1WFCollectiveOrderDisplay input:not([name=gtinFilter]), #GS1WFCollectiveOrderDisplay select {
    width: 100%;
}

#displayLookUpEdit, #displayStatistics, #displayConfigSettings, #GS1WFUserManagementDisplay {
    margin: 0 45px;
}

#GS1WFUserManagementDisplay .contentWrapper {
    padding: 0 35px;
}

#displayConfigSettings .contentWrapper {
    padding: 0 15px;
}

#displayLookUpEdit .entity {
    overflow: unset;
    margin: 0 45px 0 15px;
}

#gtinSettings .table-condensed > tbody > tr > td {
    padding: 5px;
    word-break: break-all;
    min-width: 65px;
    width: auto;
}

span.keineVertretungen {
    padding-left: 15px;
}

div.picturesReceived {
    margin-top: -40px;
    margin-bottom: 5px;
    text-align: left;
}

input#picturesCheckbox {
    margin-left: 8px;
    margin-bottom: 5px;
}


.ansprechpartner {
    display: block;
    margin-bottom: 2px;
    background: #f5f3f3;
    padding: 3px;
    line-height: 1;
    color: #000000;
}

span[readonly-attribute-id="32_69_2"] {
    color: transparent;
}

tr:hover .ansprechpartner {
    color: #000000;
}

.pfeilContainer {
}

.fa-pencil {
    color: #f1c40f;
}

.fa-exclamation-triangle {
    color: #ec003d;
}

.fa-check {
    color: #2ecc71;
}

.fa-check-circle-o {
    color: #B3E5FC;
}


.pruefmanagerErinnerung {
    position: fixed;
    width: 100%;
    height: 10px;
    top: 0;
    left: 0;
    background-color: #FF7D9D;
    background-size: 58px 58px;
    background-position: 0px 2px, 4px 35px, 29px 31px, 33px 6px,
    0px 36px, 4px 2px, 29px 6px, 33px 30px;
    background-image: linear-gradient(335deg, #C90032 23px, transparent 23px),
    linear-gradient(155deg, #C90032 23px, transparent 23px),
    linear-gradient(335deg, #C90032 23px, transparent 23px),
    linear-gradient(155deg, #C90032 23px, transparent 23px),
    linear-gradient(335deg, #C90032 10px, transparent 10px),
    linear-gradient(155deg, #C90032 10px, transparent 10px),
    linear-gradient(335deg, #C90032 10px, transparent 10px),
    linear-gradient(155deg, #C90032 10px, transparent 10px);
}


/* Statistics ****************/

#statsFilter div.col {
    padding-left: 0;
}

#statsFilter select {
    width: 100%;
    padding: 5px 0;
}

#statsFilter h5 {
    margin: 0;
    line-height: inherit;
}

.stat1 {
    background-color: #f2f6f8;
}

.stat2 {
    background-color: #fcf0ed;
}

.prueferRow {
    margin-top: 25px;
}

#statsFilter {
    padding-left: 15px;
    border-bottom: 1px solid #032d69;
    padding-bottom: 35px;
    padding-right: 15px;
    margin-right: 5px;
}

#statsFilter2 {
    padding-left: 15px;
    padding-top: 25px;
    padding-right: 15px;
    margin-right: 5px;
}

/*h4 .fa-info-circle {
    font-size: 11px;
}*/

#statsFilter2 input[type=checkbox], #statsFilter2 input[type="radio"], #toggleBarChart input[type=checkbox] {
    outline: black solid 1px;
    border: none;
    background: white;
    -webkit-appearance: none;
    padding: 6px !important;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 6px;
}

#statsFilter2 input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
}

#statsFilter2 input[type=checkbox]:focus, #statsFilter2 input[type="radio"]:focus, #toggleBarChart input[type=checkbox]:focus {
    padding: 8px !important;
    margin: 0 3px 3px -2px;
}

#statsFilter2 input[type=checkbox]:checked:after, #statsFilter2 input[type="radio"]:checked:after, #toggleBarChart input[type=checkbox]:checked:after {
    content: '\f00c';
    font-family: FontAwesome, Arial;
    color: #f26334;
    font-size: 12px;
    position: absolute;
    top: 4px;
    left: 15px;
}

input[type=submit].statBtn {
    background-color: #f26334;
    letter-spacing: 0.5px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
    color: white;
}

input[type=submit].statBtn.filterreset {
    background-color: grey;
    padding: 3px 0;
    margin-bottom: 5px;
}

input[type=submit].statBtn:hover {
    background-color: #032d69;
}


.dropdown_m h2::selection {
    text-shadow: none;
    background-color: #0A4B92;
    color: white;
}


.markActiveCode {
    background: #c9e2b3;
}

/*ansprechpartner settings */

table.reftable td input[type=checkbox] {
    width: 30px;
}

tr.highlightMail {
    background-color: rgba(250, 161, 100, 0.13);
}

.statError {
    padding: 15px 30px;
    border: 1px solid red;
    background-color: #ffeaea;
    border-radius: 8px;
    margin: 15px;

}

table.statTable {
    border: 1px solid grey;
    margin: 10px;
}

table.statTable td, table.statTable th {
    padding: 5px;
    border: 1px solid grey;
}

.statCols h2 {
    width: 100%;
    white-space: initial;
}

h2 span.h2Additional, h4 span.h2Additional {
    font-size: 15px;
    color: dimgrey;
}

.statCol1 .dropdown {
    background-color: #f2f6f8;
}

.statCol2 .dropdown {
    background-color: #fcf0ed;
}

.statCol1 .dropdown_div {
    border-top: 4px solid #002d6b;

}

#statFehlerhaeufigkeitTable th:nth-child(2), #statFehlerhaeufigkeitTable th:nth-child(3) {
    width: 100px;
}

#displayStatistics .dropdown_area h4 {
    margin: 25px 0 15px 10px;
}

.noData {
    margin: 10px 0 15px 10px;
}

.chartContainer {
    margin: 0 auto;
}

@media (max-width: 1550px) {
    .statCol1 #statFehlerhaeufigkeitTable, .statCol2 #statFehlerhaeufigkeitTable {
        table-layout: fixed;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        margin: 0;
        width: 100%;
    }

    .statCollfullWidth #statFehlerhaeufigkeitTable {
        width: auto;
        margin: 10px;
    }

    input[type=submit].statBtn.filterreset {
        font-size: 80%;
    }
}


.markActiveCode {
    background: #c9e2b3;
}

/*ansprechpartner settings */

table.reftable td input[type=checkbox] {
    width: 30px;
}

tr.highlightMail {
    background-color: rgba(250, 161, 100, 0.13);
}

table td.kunde {
    /*border-color: mediumvioletred;*/
}

table td.pruefer {
    /*border-color: limegreen;*/
}

table .aufwandKunde {
    background-color: rgba(194, 191, 197, 0.33);
}


table .aufwandPruefer {
    background-color: rgba(1, 46, 106, 0.35)
}

table td.aufwandPrueferTD {
    background-color: rgba(1, 46, 106, 0.13)
}

table td.aufwandKunderTD {
    background-color: rgba(194, 191, 197, 0.33);
}

.thInfo {
    font-size: 10px;
}

.zeitraumDiv {
    min-height: 40px;
}

a.keepHovers,
button.keepHovers {
    height: 2em;
}

button.keepHovers:hover {
    background: #002C6C;
    text-decoration: underline;
}

/* statistic colors */

.colorNeu {
    color: #009688;
}

.colorStichprobeBestaetigt {
    color: #f1c40f;
}

.aCollectiveOrderStatusINAUFFUELLUNG {
    color: white;
}

.colorBilduploadAbgeschlossen {
    color: #f05587;
}

.colorBereitZurPruefung {
    color: #FF9800;
}

.colorAufWhitelist {
    color: #90b9cd;
}

.colorMitAnmerkungAbgeschlossen {
    color: #9b59b6;
}

.colorMitFehlernAbgeschlossen {
    color: #ec003d;
}

.startende {
    font-weight: bold;
}

.startdateBorder {
    border-left: 2px solid black !important;
}

.publikationsdateBorder {
    border-right: 2px solid black !important;
}

.aufwandrow th {
    font-weight: normal;
    font-size: 12px;
}


tr.smaller td,
tr.smaller th {
    font-size: x-small;
}

#kennzahlen hr {
    margin: 0;
    border-top: 12px transparent;
}

#barchartContainer {
    max-height: 500px;
}

#barChartDurchlaufzeiten {
    height: 100%;
    width: 100%;
}

#toggleBarChart {
    margin: 15px;
    font-size: 12px;
}

span.aufforderung {
    margin-left: 35px;
}

div.selectStati {
    background-color: #ebeaec;
    padding: 15px 0 5px 0;
    margin-bottom: 10px;
}

.dropdown_area {
    padding-left: 0;
}

input#statiFilterButton {
    text-align: right;
    float: right;
    margin-right: 55px;
}

input#statiFilterButton:hover {
    background-color: #002C6C;
}

#kennzahlenTable .glyphicon {
    position: initial;
}

.glyphicon.green {
    color: green;
}

.glyphicon.yellow {
    color: #ffc405;
}

.glyphicon.red {
    color: red;
}

td.gtins.first, th.gtins.first {
    border-left: 2px solid black;
}

td.gtins, th.gtins {
    background-color: rgba(194, 191, 197, 0.33);
}

th.borderRight, td.borderRight {
    border-right: 2px solid black !important;
    font-weight: bold;
}

#tableAuslastungsContainer {
    width: 100%;
    overflow-x: auto;
}

#kennzahlen {
    overflow-x: auto;
}

div.statisticsLoader {
    background-color: rgba(255, 255, 255, 0.5);
    padding-top: 350px;
    height: auto;
}

span.empfaengerWarning {
    text-align: left;
    margin-right: 35px;
    font-weight: bold;
    float: left;
    color: #002c6c;
}

#kennzahlenTable tbody th:first-child {
    min-width: 250px;
    background-color: white;
}

input.attributesFilter {
    font-size: 12px;
    font-weight: normal;
    padding: 2px;
    width: 100%;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 0 5px 5px 5px;
}

.dataTables_wrapper {
    margin-bottom: 35px;
}

#artikelpassHeadline {
    color: #008ecd;
    background-color: rgb(230, 255, 252);
    width: 100%;
    padding: 8px;
    font-weight: bold;
    padding-left: 25px;
}

#tooManyGtins {
    color: red;
    background-color: #ffacab;
    width: 100%;
    font-weight: bold;
    padding: 8px 25px;
}


td.diffToPreviousCheckedVersion {
    background-color: #effe6b;
}

.legendLastChecked {
    color: #effe6b;
}

span.showMoreLegend::after {
    content: '⬥'; /*'⬥';*/
}

.legendPruefrelevant {
    color: rgb(242, 222, 222);
}

.legendArtikelpassPruefrelevant {
    color: rgb(189, 252, 245);
}

.legendLastVersion {
    color: orange;
}

.noticeHeadline {
    font-size: 18px;
}

#GTINTableFormSamples .dropdown_area div.entity {
    max-height: initial;
}

#helpLinkSample {
    margin-left: 15px;
}

#helpLink {
    color: #f26334;
}

#gs1StartpageTable {
    table-layout: fixed;
    word-break: break-word;
}


#gs1StartpageTable thead th {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    min-height: 40px;
}

#gs1StartpageTable thead th:first-child {
    border-left: 1px solid #ddd;
}

#gs1StartpageTable tr {
    cursor: pointer;
}

#gs1StartpageTable thead input {
    width: 100%;
    font-weight: normal;
    font-size: 12px;
}

#gs1StartpageTable thead input::placeholder {
    font-weight: normal;
    color: lightgrey;
    font-size: 12px;
}

.header-top .container {
    padding: 0 60px;
}

#auftraege {
    margin: 0 55px 0 55px;
    min-width: 1200px; /*insert scrollbar if screen is smaller*/
}

@media screen and (max-width: 1600px) {
    .header-top .container {
        padding: 0 55px;
        width: 100%;
    }
}

.from-cin-label {
    display: inline-block;
    background-color: #ff6c00;
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 4px;
    margin-left: 4px;
    border-radius: 10px;
}