/* START jQuery Gritter */
/* the norm */
#gritter-notice-wrapper {
    position: fixed;
    top: 20px;
    right: 0;
    left: 0;
    width: 301px;
    transform: translate(calc(50vw - 50%));
    z-index: 99999;
}
/* OLD (positions to the right side. WebSJP needs it centered)
#gritter-notice-wrapper {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 301px;
    z-index: 99999;
}
*/

#gritter-notice-wrapper.top-left {
    left: 20px;
    right: auto;
}
#gritter-notice-wrapper.bottom-right {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px;
}
#gritter-notice-wrapper.bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
}
.gritter-item-wrapper {
	position:relative;
	margin:0 0 10px 0;
	
}
.gritter-item-wrapper-ie-fix {
	background:url('./images/gritter-ie-spacer.gif'); /* ie7/8 fix */ 
}
.gritter-top {
	background:url(./images/gritter.png) no-repeat left -30px;
	height:10px;
}
.hover .gritter-top {
	background-position:right -30px;
}
.gritter-bottom {
	background:url(./images/gritter.png) no-repeat left bottom;
	height:8px;
	margin:0;
}
.hover .gritter-bottom {
	background-position: bottom right;
}
.gritter-item {
	display:block;
	background:url(./images/gritter.png) no-repeat left -40px;
	color:#eee;
	padding:2px 11px 8px 11px;
	font-size: 11px;
	font-family:verdana;
}
.gritter-item a {
	color:#fff;
}
.hover .gritter-item {
	background-position:right -40px;
}
.gritter-item p {
	padding:0;
	margin:0;
	word-wrap:break-word;
}
.gritter-close {
	display:none;
	position:absolute;
	top:5px;
	right:3px;
	background:url(./images/gritter.png) no-repeat left top;
	cursor:pointer;
	width:30px;
	height:30px;
	text-indent:-9999em;
}
.gritter-title {
	font-size:14px;
	font-weight:bold;
	padding:0 0 7px 0;
	display:block;
	text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
}
.gritter-image {
	width:48px;
	height:48px;
	float:left;
}
.gritter-with-image,
.gritter-without-image {
	padding:0;
}
.gritter-with-image {
	width:220px;
	float:right;
}
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
    background-image: url(./images/gritter-light.png);
    color: #222;
}
.gritter-light .gritter-title {
    text-shadow: none;
}

/* for the msg only version of gritter */
.qlib-temp-msg-msg-only .gritter-item,
.qlib-temp-msg-msg-only .gritter-bottom,
.qlib-temp-msg-msg-only .gritter-top,
.qlib-temp-msg-msg-only .gritter-close {
    background-image: url(./images/gritter.png);
    color: #eee;
	font-size:14px;
	font-weight:bold;
}
.qlib-temp-msg-msg-only .gritter-title {
    text-shadow: none;
}
/* END jQuery Gritter */


.qlib_imgonly_button {
  border: 1.5px solid #CCC;
  background: #EEE;

  text-align: center; 
  padding: 3px 2px 0px 2px;
  border-radius: 3px; cursor: pointer;
}

.qlib_imgonly_button:focus {
  border: 1.5px solid #CCC;
  background: #EEE;

  text-align: center; 
  padding: 3px 2px 0px 2px;
  border-radius: 3px; cursor: pointer;
}

.qlib_imgonly_button:hover {
  border: 1.5px solid #CCC;
  background: #DDD;

  text-align: center; 
  padding: 3px 2px 0px 2px;
  border-radius: 3px; cursor: pointer;
}

.qlib_imgonly_button>img {
	margin: 3px;
}



.qlib_button {
  border: 1.5px solid #3c78b5;
  background: #7799bb;

  padding: 0px; border-radius: 3px; font-weight: bold; color: #FFF; cursor: pointer;
}

@media (hover: hover) { /* only allow rules for desktop */
  .qlib_button:focus {
    border: 1.5px solid #3c78b5;
    background: #7799bb;

    padding: 0px; border-radius: 3px; font-weight: bold; color: #FFF; cursor: pointer;
  }
  .qlib_button:hover {
    border: 1.5px solid #3c78b5;
    background: #003366;
  
    padding: 0px; border-radius: 3px; font-weight: bold; color: #FFF; cursor: pointer;
  }
  
  .qlib_button:focus:hover {
    border: 1.5px solid #3c78b5;
    background: #003366;
  
    padding: 0px; border-radius: 3px; font-weight: bold; color: #FFF; cursor: pointer;
  }
}


.qlib_button>img {
	margin: 3px;
}

.qlib_button>span {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 2px;
}

.qlib_button>span>span {
	margin-left: 3px;
}




.qlib_dialog_button {
  border: 1.5px solid #7799bb;
  background: #7799bb;
  
  border-radius: 3px; font-weight: bold; color: #FFF;
}

@media (hover: hover) { /* only allow rules for desktop */
  .qlib_dialog_button:hover {
    border: 1.5px solid #CCC;
    background: #003366;

    border-radius: 3px; font-weight: bold; color: #FFF;
  }

  .qlib_dialog_button:focus {
    border: 1.5px solid #003366;
    background: #7799bb;
    
    border-radius: 3px; font-weight: bold; color: #FFF;
  }

  .qlib_dialog_button:focus:hover {
    border: 1.5px solid #003366;
    background: #003366;

    border-radius: 3px; font-weight: bold; color: #FFF;
  }
}


.sjp_dialog_title {
    background-color: #7799bb;
    color: white;
}


/* CHOSEN */
.chosen-container {
	font-size: 10px;
}



.chosen-container-multi .chosen-drop .result-selected-hide {
  display: none;
}

li.search-choice-del-flag {
  text-decoration: line-through;
  opacity: 0.5;
}

li.search-choice-add-flag {
  text-decoration: underline;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-add-flag {
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("images/icons8-new-blue-10.png") no-repeat;
  font-size: 1px;
  opacity: 0.75;
}

li.search-choice-new-flag {
  text-decoration: underline;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-new-flag {
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("images/icons8-new-red-10.png") no-repeat;
  font-size: 1px;
  opacity: 0.75;
}

/* CHOSEN end */


li.qlib_menu_item {
    font-size: 1em
}


.qlib_modal_popup div.note {
    font-weight: bold;
}
.qlib_modal_popup table.bottom_buttons {
    margin-top: 1em;
}



/* SJ Modal Dialog */
.ui-dialog-override {
    background-color:#fffff0; /*:#ffffdd;*/
    color: #333333
}

.qlib_modal_popup > div {
    font-weight: normal;
}

.ui-dialog .ui-dialog-titlebar {
  padding: .1em .4em .1em .4em;
  color: #667;
}

.ui-dialog .ui-dialog-content {
  padding: .0em 0em
}

.ui-dialog .ui-dialog-buttonpane {
  margin: .0em .0em .0em .0em;
  padding: .0em 0em .0em .2em;
  background-color:#fffff0; /*:#ffffdd;*/
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .2em .2em .1em 0
}

.ui-button {
  padding: .2em .4em .1em .4em
}

.ui-dialog .ui-dialog-titlebar {
  padding: .1em .4em .1em .4em
}

.ui-dialog .ui-dialog-content {
  padding: .0em 0em
}

.ui-dialog .ui-dialog-buttonpane {
  margin: .0em .0em .0em .0em;
  padding: .0em 0em .0em .2em;
  background-color:#fffff0; /*:#ffffdd;*/
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .2em .2em .1em 0
}

.ui-button {
  padding: .2em .4em .1em .4em
}


.ui-menu { width: auto; white-space: nowrap;}
.ui-menu div {text-align: left}


/* SJ Modal Dialog */
.ui-dialog-override {
    background-color:#fffff0; /*:#ffffdd;*/
    color: #333333
}

.qlib_modal_popup > div {
    font-weight: normal;
}


.qlib_modal_popup div.note {
    font-weight: bold;
}
.qlib_modal_popup table.bottom_buttons {
    margin-top: 1em;
}




.qlib_modal_popup table.attr_table {
    color: #202122;
    border-collapse: collapse;
}
.attr_table > tr > th,
.attr_table > tr > td,
.attr_table > * > tr > th,
.attr_table > * > tr > td {
    border:0px;
    padding-top:0.1em;
    padding-right:0.2em;
}

.attr_table > tr > th,
.attr_table > tbody > tr > th {
  font-weight: normal;
}


.attr_table td.heading {text-align: left;}
.attr_table td.label {
    white-space: nowrap;
    text-align: right;
    font: 14px arial;
    font-weight: normal;
    color: #333333
}
.attr_table td.text {
  text-align: left;
  font: 14px arial;
  font-weight: normal;
  color: #333333
}



th.left, td.left {text-align: left;}
th.center, td.center {text-align: center;}
th.right, td.right {text-align: right;}
th.top, td.top {vertical-align: top;}
th.nowrap, td.nowrap {
    white-space: nowrap;
}

td.nowrap {white-space: nowrap;}

td.padL5  {padding-left: 5px;}
td.padL10 {padding-left: 10px;}
td.padL15 {padding-left: 15px;}
td.padL20 {padding-left: 20px;}



div.qform {
    margin: 5px 2px 0px 2px;
}

.qform table.qf_row {
    margin-top: 3px;
}

.qform .qf_row td.qf_label {
    white-space: nowrap;
    text-align: right;
    font: 0.9em arial;
    font-weight: normal;
    color: #444;
    margin-right: 5px;
    vertical-align: top;
}
.qform .qf_row td.qf_field {
  text-align: left;
  font: 0.9em arial;
  font-weight: normal;
  color: #333;
  margin-right: 5px;
  vertical-align: top;
}



.qlib_modal_popup table.data_table {
    background-color: #f8f9fa;
    color: #202122;
    border: 1px solid #a2a9b1;
    border-collapse: collapse;
    white-space: nowrap;
}

.qlib_modal_popup .qlib_popup_iframe {
  display: none;
}
.qlib_modal_popup .qlib_popup_loading {
  display: block;
}
.data_table > tr > th,
.data_table > tr > td,
.data_table > * > tr > th,
.data_table > * > tr > td {
    border:1px solid #a2a9b1;
    padding:0.2em 0.4em;
    font: 14px arial
}
.data_table .dt_header {
    color: white;
    background-color: #708090;
}
.data_table .dt_even {
    background-color: #eeeeFF;
}
.data_table .dt_odd {
    background-color: white;
}

button:disabled,
button[disabled]{
  opacity: 0.5;
}

.edit_cursor {
  cursor: url('images/icons8-edit-30.png'),auto;
}


/* OUTLINER */

 /* Remove default bullets */
ul.outliner-root, ul.outliner-root ul {
  list-style-type: none;
  padding-inline-start: 0px;
}

ul.outliner-root li {
  margin-top: 5px;
}

/* Remove margins and padding from the parent ul */
.outliner-root {
  margin: 0;
  padding: 0;
}

/* Style the caret/arrow */
.outliner-caret {
  cursor: pointer;
  user-select: none; /* Prevent text selection */
}

/* Style the caret/arrow */
.outliner-caret-children {
  user-select: none; /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
.outliner-root .outliner-caret::before {
  content: "\25B7";
  font-size: 0.8em;
  color: black;
  display: inline-block;
  margin-right: 6px;
  opacity: 1;
}

/* Caret placeholder */
.outliner-root .outliner-caret-children::before {
  content: "\25EF";
  font-size: 0.8em;
  color: black;
  display: inline-block;
  margin-right: 6px;
  opacity: 0.0;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.outliner-root .outliner-caret-down::before {
  transform: rotate(90deg);
}

/* Hide the nested list */
.outliner-root .outliner-nested {
  display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.outliner-root .outliner-active {
  display: block;
} 

/* END OUTLINER */

/* OTHER */

/* fieldsets by default have a gray border in some browser */
fieldset {
    border: 0px;
    padding: 0px;
    margin: 0px;
}