* {
    padding: 0; 
    margin: 0; 
}

#MainBody {
background-color: #b6b7bc;
}

    #MainBody.test-env {
        background-color: #c4daff;
    }

.logo {
    margin-top:-10px;float:left;
}

.logo img {
    width:85%; 
}

#container {
    width: 700px;
    margin: 10px auto;
}

.maxWidthGridColumn {
        max-width: 200px;
        overflow: hidden;
}
option.hasfilestoprint {
    background-color: #CA0C0E;
    color: #fff;
}
/* jsGrid */

.jsgrid-grid-body {
    max-height: 65vh;
    height: auto !important; 
}
.ui-jqgrid-btable .ui-state-highlight {
    background: yellow;
}
.jsgrid-control-field .fas {
    min-width: 20px;
    margin-right: 5px;
}
.fas {
    cursor: pointer;
}
.jsgrid-button .jsgrid-mode-button .jsgrid-insert-mode-button {
    color: #CA0C0E !important;
    opacity: 1;
}
.jsgrid-insert-row {
    display: none !important;
}

.jsgrid-cell .fa-2x {
    font-size: 1.5em;
}
.jsgrid-cell .checkmark {
    top: -3px;
}
.jsgrid-cell .checkmark-container .checkmark {
    margin-left: 33%;
}
.jsgrid-cell .checkmark-container .checkmark::after {
    top: 5px;
    left: 7px;
}
tr.jsgrid-highlight-row td.jsgrid-cell,
.jsgrid-selected-row td.jsgrid-cell {
    background: yellow !important;  /*#CA0C0E;*/
    border-color: yellow !important; /*#CA0C0E;*/
    color: #000 !important;
}

.jsgrid-pager-container {
    padding-top: 15px;
}

tr.highlight td.jsgrid-cell {
    background: yellow !important;
}
 /* END jsGrid */

.blocked {
    color: #CA0C0E;
    font-style: italic;
}
.loginblocked > td.jsgrid-cell {
    color: #fff;
    background-color: #CA0C0E;
}

.isaudit {
    color: red;
}

.mGrid {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}
    .mGrid tr { border-top: 2px none; border-bottom: 2px none;  }
    .mGrid tr:hover { border-top: 1px solid  #CA0C0E; border-bottom: 1px solid #CA0C0E; }
    .mGrid tr:active {background-color: Yellow;}
    .mGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; white-space: nowrap; vertical-align: top;} /*word-wrap: break-word;*/ /*was: white-space: nowrap;*/
    .mGrid th { padding: 4px 4px; color: #fff; background: #CA0C0E; border-left: solid 1px #fff; font-size: 0.9em; white-space: nowrap; text-align:left;}
    .mGrid th a { color: #fff; text-decoration: none; }
    .mGrid th a:hover { color: #fff; text-decoration: underline; }
    .mGrid th.sortasc a { background: url(images/asc.png) right  50% no-repeat; padding-right:25px; }
    .mGrid th.sortdesc a { background: url(images/desc.png) right  50% no-repeat; padding-right:25px; }
    
    .mGrid th.asc  { background: url(images/asc.png) right  50% no-repeat #CA0C0E; padding-right:25px; color:#fff; }
    .mGrid th.desc  { background: url(images/desc.png) right  50% no-repeat #CA0C0E; padding-right:25px; color:#fff; }

.mGrid .alt { background: #fcfcfc }
.mGrid .cursive { font-style: italic }
.mGrid .sel { background: blue}
.mGrid .isActive { background: yellow}
/* .mGrid .alt { background: #fcfcfc url(images/grd_alt.png) repeat-x top; } */
.mGrid .pgr {background: #CA0C0E;  }
    .mGrid .pgr table { margin: 5px 0; }
    .mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #000; line-height: 12px; }   
    .mGrid .pgr a { color: #fff; text-decoration: none; }
    .mGrid .pgr a:hover { color: #fff; text-decoration: underline; }
.mGridError  { color: #FF0000; font-style: italic; }
    
.hiddenCol { display:none;}
.error { color: #fcfcfc; font-size:20px; cursor:hand; }
.fltrLabel { padding: 2px 2px 2px 4px; border-bottom: solid 1px #c1c1c1; border-right: solid 1px #c1c1c1; color: #CA0C0E; white-space: nowrap; min-width:150px; min-height:24px; vertical-align: top;}

.fltrLabelAdmin { padding: 2px 2px 2px 4px; border-bottom: solid 1px #c1c1c1; border-right: solid 1px #c1c1c1; color: #CA0C0E; white-space: nowrap;  min-height:24px; vertical-align: top;}
.fltrLabelTitel { padding: 2px 2px 2px 4px; border-bottom: solid 1px #c1c1c1; 
                  border-left: solid 1px #c1c1c1; color: #000000; font-style: italic; 
                  white-space: nowrap; min-width:150px; min-height:30px; vertical-align: bottom;}

.fltrInput { padding: 2px 2px 2px 4px; border-bottom: solid 2px #c1c1c1; color: #000000; white-space: nowrap; min-width:150px; min-height: 20px;}
.input[read-only] { background-color: #c1c1c1;}
.fltrInputAdmin { padding: 2px 2px 2px 4px; border-bottom: solid 2px #c1c1c1; color: #000000; white-space: nowrap; min-height: 20px;}

.fltrInputRO { padding: 2px 2px 2px 4px; border: solid 1px #ffffff; color: #000000; white-space: nowrap; min-width:150px; min-height: 20px;}
.fltrInputAdminRO { padding: 2px 2px 2px 4px; border: solid 1px #ffffff; color: #000000; white-space: nowrap; min-height: 20px;}

.fltrInput.nominwidth { min-width: inherit; }

.gridInput { padding: 2px 2px 2px 4px; border-bottom: solid 2px #c1c1c1; color: #000000; white-space: nowrap; min-height: 14px;}

.LastLogin { font-family: "Segoe UI"; font-size: x-small; }

input[type="checkbox"]:checked {
    accent-color: #CA0C0E;
}

.fcinput {
    padding: 2px 2px 2px 4px;
    color: #000000;
    white-space: nowrap;
    -webkit-appearance: none;
    border: none;
    display: inline-block;
    height: 1.25rem;
    font-weight: 400;
    box-shadow: 0 0 0 0 rgb(9 30 66 / 0%), 0 0 0 0 rgb(9 30 66 / 0%), inset 0 0 0 1px rgb(9 30 66 / 18%), inset 0 1px 2px rgb(9 30 66 / 18%), 0 1px 2px rgb(9 30 66 / 5%);
}

.fcinput-readonly {
    padding: 2px 2px 2px 4px;
    /*color: #c1c1c1;*/
    white-space: nowrap;
    -webkit-appearance: none;
    border: none;
    display: inline-block;
    height: 1.25rem;
    font-weight: 400;
    box-shadow: 0 0 0 0 rgb(9 30 66 / 0%), 0 0 0 0 rgb(9 30 66 / 0%), inset 0 0 0 1px rgb(9 30 66 / 18%), inset 0 1px 2px rgb(9 30 66 / 18%), 0 1px 2px rgb(9 30 66 / 5%);
}

.fcinput-select {
    min-width: 15ch;
    max-width: 100ch;
    padding: 0.25rem;
    border: none;
    box-shadow: 0 0 0 0 rgb(9 30 66 / 0%), 0 0 0 0 rgb(9 30 66 / 0%), inset 0 0 0 1px rgb(9 30 66 / 18%), inset 0 1px 2px rgb(9 30 66 / 18%), 0 1px 2px rgb(9 30 66 / 5%);
}

/*input, textarea {
    -webkit-appearance: none;
    display: block;
    width: 100%;
    height: 1rem;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 0 0 0 rgb(9 30 66 / 0%), 0 0 0 0 rgb(9 30 66 / 0%), inset 0 0 0 1px rgb(9 30 66 / 18%), inset 0 1px 2px rgb(9 30 66 / 18%), 0 1px 2px rgb(9 30 66 / 5%);
    line-height: 1;
    font-weight: 400;
}*/

.isNotChecked { color: #CA0C0E; }
.isChecked { color: green; }
.isChecked::after {
    content: "ed!";
}

.fcAlert 
{
    background-color: #fcf8e3 !important;
}

.fcToolTip {
    background-color: #CA0C0E !important;
    color: #fcfcfc !important;
    font-weight: bold !important;
    padding: 10px 20px;
    border-radius: 20px;
    font-family: "Helvetica Neue", Sans-Serif;
    font-size: 14px; 
    text-transform: uppercase;
}
.modalBackground {
	background-color: Black;
	filter: alpha(opacity=90);
	opacity: 0.8;
}
.modalPopup {
	background-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:red;
	padding:10px;
	
	
	width:700px;
	height:540px;
    -moz-border-radius: 15px;
    border-radius: 15px;	
}        
.btn-wfc.ui-button {
    min-width: 100px;
}
#iframeEdit
{
 overflow:hidden;
 width: 100%;
 height: 100%;   
 border: 0px solid #ffffff;
}

#iframepdf
{
 overflow:hidden;
 width: 100%;
 height: 100%;   
 border: 0px solid #ffffff;
}

.white-space-pre
{
    white-space: pre !important;
}

.ui-dialog { position: fixed !important; }


.alert 
{
    position: absolute;
    z-index:100;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
.level2
{
    z-index: 100;
}

.ui-tooltip 
{
    position:fixed;
    right:10px;
    max-width:50%;
    color: #8a6d3b;
    background-color: #fcf8e3;

    padding: 15px;
    margin-bottom: 1rem;
    border: 1px solid #faf2cc;
    border-radius: .25rem;
      

}

  
.invalid-date {
    color: #CA0C0E;
    border-bottom-color: #CA0C0E;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #c1c1c1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #c1c1c1;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #c1c1c1;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #c1c1c1;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #c1c1c1;
}

.dialog-status .ui-widget-header {
    background-color: #CA0C0E !important;
    color: #fff !important;
}
.ui-widget input,
.ui-widget select {
    font-size: 0.90em;
    padding: .3em .5em;
    width: 90%;
}
.ui-widget input[type=checkbox] {
    padding: .3em .5em;
    width: inherit;
}


#pnlStatusses { position: absolute; background-color: #fff; color:#CA0C0E; padding:10px; margin:10px; }


td.border-bottom {
    border-bottom: 1px solid #CA0C0E;
}

.dropzone { overflow: hidden; background-color: #fff; border: dashed 1px #CA0C0E; padding: 10px; margin-bottom: 15px; cursor: pointer; min-height: 180px; }
.dropzone.dz-drag-hover { background-color: #efe;}
.dz-message { font-size: 16px;}
.dz-filename, .dz-size, .dz-success-mark, .dz-error-mark, .dz-error-message { display: none; }
.dz-progress { position: absolute; top: 50px; left: 6px; right: 6px; height: 6px; background: #d7d7d7; display: none; }
.dz-progress .dz-upload { position: absolute; top: 0; bottom: 0; left: 0; width: 0%; background-color: #8cc657; }
.dz-preview.dz-processing .dz-progress { display: block; }
.dz-preview.dz-success .dz-progress { display: none; background-color: #CA0C0E; }
.dz-preview.dz-error .dz-details { display: none; }
.dz-preview.dz-error .dz-error-message { display: block; }
.dz-remove { float: right; }
.dz-details.img { display: none; }
.dropzone .dz_preview { margin: 1px 16px 30px 16px !important; }
.dropzone .dz-preview .dz-image { width:100px; height:100px; }
.dropzone .dz-preview .dz-error-message { font-size: .75rem; top: 103px; left:-20px; }
/*
    .dropzone .dz-message {
    text-align: center;
    
margin: 0 0 3em 0;
}

        */
    /*------------------------------------------------------------------------*/
    /* CHECKBOX */
    /*------------------------------------------------------------------------*/
    .checkmark-container {
    display: block;
    position: relative;
    padding-left: 30px;
    padding-top: 2px;
    margin-bottom: 8px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .checkmark-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkmark-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkmark-container input:checked ~ .checkmark {
    background-color: #CA0C0E;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkmark-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkmark-container .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*------------------------------------------------------------------------*/
/* LABEL */
/*------------------------------------------------------------------------*/
.label {
    background-color: #f9f9f9;
    color: #CA0C0E;
    font-size: .90em;
    padding: 2px 2px 2px 4px;
/*    white-space: nowrap;*/
    max-width: 160px;
}

.jsgrid-selected-row > .jsgrid-cell {
    background-color: #CA0C0E !important;
    color: #fff !important;
}

tr.highlight td.jsgrid-cell {
    background-color: yellow !important;
    color: #000 !important;
}

.jsgrid-pager-current-page {
    font-weight: 700;
    background-color: #CA0C0E;
    color: #fff;
    border: 1px solid #CA0C0E;
}
.jsgrid-pager-current-page:hover {
    color: #fff !important;
}
.jsgrid-pager-page {
    font-weight: 700;
}

    .jsgrid-pager-page > a {
        text-decoration: none;
        color: #CA0C0E;
        border: 1px solid #fff;
    }
    .jsgrid-pager-page:hover {
        text-decoration: none;
        color: #CA0C0E;
        border: 1px solid #CA0C0E;
    }
.jsgrid-pager-nav-button > a {
    color: #CA0C0E;
    font-weight: 700;
    text-decoration: none;
}
/* PROFILE */

#pswd_info {
    display: none;
    border-left: 1px solid #ddd;
    margin-left: 20px;
    margin-right: -10px;
    font-size: .875em;
    padding-left: 5px;
}

#pswd_info ul li {
    list-style-type: none;
}


.invalid {
    background: url(./images/invalid.png) no-repeat 0 50%;
    padding-left: 22px;
    line-height: 24px;
    color: #CA0C0E;
}

.valid {
    background: url(./images/valid.png) no-repeat 0 50%;
    padding-left: 22px;
    line-height: 24px;
    color: #3a7d34;
    background-size: 23px;
    background-position-x: -7px;
    background-position-y: -5px;
}

#user-menu {
    border: 1px solid #e9e9e9;
    display: none;
    padding-right: 10px;
    z-index: 10;
    position: absolute;
    background: #B8B6B6;
    width: 160px;
    margin-right: 10px;
    padding-bottom: 8px;
    padding-top: 8px;
}

    #user-menu li {
        list-style-type: none;
    }


[data-tip] {
    position: relative;
}

[data-tip]:before {
    /* hides the tooltip when not hovered */
    border-bottom: 5px solid #ff9900;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: '';
    display: none;
    font-size: 0;
    height: 0;
    left: 10px;
    line-height: 0;
    position: absolute;
    top: 20px;
    width: 0;
    z-index: 8;
}

[data-tip]:after {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #ff9900;
    border-radius: 3px;
    color: #fff;
    content: attr(data-tip);
    display: none;
    font-size: 1em;
    left: 0px;
    padding: 5px 8px;
    position: absolute;
    top: 25px;
    white-space: pre;
    word-wrap: normal;
    z-index: 9;
}

[data-tip]:hover:before,
[data-tip]:hover:after {
    display: block;
}


.infobox {
    position: relative;
}
.infobox.incomplete {
    margin-top: 20px;
    border: 1px solid red;
    padding: 10px;
    background-color: rgba(202, 12, 14, 0.1);
    border-radius: 5px;
    font-size: 1.1em;
    margin-bottom: 10px;
}

.info-text::after {
    content: '';
    border-top: 8px solid #CA0C0E;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    bottom: -8px;
    left: 20px;
}

.info-text {
    display: none;
}

.info-button {
    position: relative;
}


.infobox:hover > .info-text {
    display: block;
}

.infobox > .info-text {
    overflow: visible;
    position: absolute;
    border: 1px solid #CA0C0E;
    bottom: 35px;
    left: -3px;
    width: 200px;
    /*height: 100%;*/
    background: #fff;
    padding: 10px;
/*    white-space: nowrap;*/
}

.infobox.right > .info-text {
    position: absolute;
    border: 1px solid #FFF;
    background: #CA0C0E;
    width: fit-content;
    left: 30px;
    bottom: -3px;
    padding: 5px;
    color: #FFF;
}

.infobox.right > .info-text::after {
    content: '';
    border-right: 8px solid #CA0C0E;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position: absolute;
    bottom: 5px;
    left: -18px;
}



.lobibox-header,
.lobibox-footer {
    color: #fff !important;
    background-color: #CA0C0E !important;
}

.lobibox-btn-yes,
.lobibox-btn-no {
    color:#CA0C0E !important;
    background-color: #fff !important;
}

iframe#iframeLog {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 99%;
    height: 99%;
}

.infoBalloon {
    cursor: pointer;
}

select#cboCustomers {
    padding: 0.25rem;
    margin-left: 1rem;
}
select#cboCustomers option {
    font-size: 1rem;
}