/*
  control.css
  skin: Material
  Styles for all the controls of the IW framework
  $Id: control.css,v 1.6 2026/05/07 09:30:28 dcaporale Exp $
*/
/* Roboto - Google Font */
@font-face {
  font-family: "Roboto";
  src: url("/grp/iw/fonts/ttf/Roboto-Regular.ttf") format("truetype"); }
/* Roboto Mono - Google Font */
@font-face {
  font-family: "Roboto Mono";
  src: url("/grp/iw/fonts/ttf/RobotoMono-Regular.ttf") format("truetype"); }
/* Open Sans - Google Font */
@font-face {
  font-family: "Open Sans";
  src: url("/grp/iw/fonts/ttf/OpenSans-Regular.ttf") format("truetype"); }

/*
 * CSS for autocomplete LOOKUP control (copied from combo)
 */
/* Selected element of the list */
.autocomplete-selected {
  background-color: #daa848;
  color: #00463e; }

/* Aspect of the element list */
.autocomplete-suggestion {
  font: bold 12px "Open Sans", sans-serif;
  height: 16px;
  line-height: 16px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  padding-left: 5px; }

/* Properties of box */
.autocomplete-suggestions {
  background: white;
  border: 1px outset #8d8d8d;
  color: #626b72;
  left: 0;
  margin: 0;
  overflow: auto;
  padding: 0; }

/*
 * CSS for CALCULATOR control
 */
/* background */
.calc {
  background-color: #19354e;
  padding: 3px; }

/* display */
.calc .calculator-result {
  background-color: white;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  color: #484848 !important;
  font: bold 20px "Roboto Mono", monospace; }

/* Buttons */
.calc .calculator-row button {
  background-color: #e8e8e8;
  border: 1px solid white;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  color: #484848;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  height: 23px;
  margin: 0px 1px 1px 0px;
  text-align: center;
  width: 35px; }

/* Buttons key down*/
.calc .calculator-row .calculator-key-down {
  border: none;
  color: #19354e;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  height: 23px;
  margin: 1px 0px 0px 1px;
  text-align: center;
  width: 35px; }

/* On alt key legend*/
.calc .calculator-keystroke {
  color: #19354e;
  background: #daa848;
  font: bold 11px "Open Sans", sans-serif;
  padding: 2px; }

.calculator-popup {
  border: none !important;
  border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -webkit-border-radius: 2px !important; }

/*
 * CSS for CLUETIP tootip control
 */
.cluetip-default,
.cluetip-default .cluetip-outer {
  background-color: #E8E8E8;
  color: #484848; }

.cluetip-default .ui-cluetip-header {
  background-color: #daa848;
  color: #19354e;
  font-weight: bold !important;
  letter-spacing: 1px;
  margin: 10px 10px 0 10px !important;
  text-align: center; }

/*
 * CSS for COMBO control
 */
/* Text field input */
.combo input {
  height: 17px;
  left: 0;
  margin: 0 0 0 0;
  padding: 1px 3px;
  top: 0;
  vertical-align: middle; }

/* Trigger image */
.combo img {
  background: url('/grp/iw/img/skins/OrangeAndPurple/controls/combo/trigger.png') no-repeat 0 0;
  border: 0;
  height: 21px;
  top: 0;
  width: 18px; }

/* Aspect of the element list */
.combo li {
  color: #484848;
  font: 12px "Open Sans", sans-serif;
  height: 16px;
  line-height: 16px;
  margin: 0;
  padding: 0;
  padding-left: 5px; }

/* Selected element of the list */
.combo li.active {
  background-color: #1b85da;
  color: white; }

/* Properties of list box */
div.combo div {
  background: white;
  border: 1px outset #8d8d8d;
  left: 0;
  margin: 0;
  padding: 0; }

/*
 * CSS for DATE control
 */
/* Main frame */
.datepick {
  background-color: #19354e;
  font-family: "Open Sans", sans-serif;
  padding: 6px; }

/* Head and footer navigation */
.datepick-nav,
.datepick-ctrl {
  background-color: #19354e;
  float: left;
  font-size: 90%;
  font-weight: bold;
  width: 100%; }

/* Link text */
.datepick a {
  color: white;
  text-decoration: none; }

.datepick a.datepick-disabled {
  color: #888;
  cursor: auto; }

/* Head and footer on over link */
.datepick-cmd:hover {
  background-color: #daa848;
  color: white; }

.datepick-ctrl .datepick-cmd:hover {
  background-color: #daa848;
  color: white; }

/* Calendar container */
.datepick a:link {
  color: white !important; }

.datepick-month {
  border: 1px solid white;
  float: left;
  text-align: center;
  width: 15em; }

/* Month header */
.datepick-month-header,
.datepick-month-header select,
.datepick-month-header input {
  background-color: white;
  color: #888;
  height: 1.9em; }

/* Dow header */
.datepick-month th,
.datepick-month th a {
  background-color: #daa848;
  border: 1px solid white;
  color: white;
  font-size: 10px;
  font-style: italic; }

/* Dow and Calendar division */
.datepick-month thead {
  border-bottom: 2px solid #daa848; }

/* Days grid */
.datepick-month td {
  background-color: white;
  border: 1px solid white; }

/* Selectable days */
.datepick-month a {
  background-color: #19354e;
  color: #484848 !important;
  display: block;
  padding: 0.125em 0em;
  text-decoration: none;
  width: 100%; }

/* Un-selectable days */
.datepick-month td span {
  color: #A0A0A0; }

.datepick-month td .datepick-other-month {
  background-color: white; }

/* Week-end cells */
.datepick-month td .datepick-weekend {
  background-color: #ddd; }

/* Selected day */
.datepick-month td .datepick-selected {
  background-color: #4caf50;
  color: white; }

/* Today */
.datepick-month td .datepick-today {
  background-color: #808080; }

/* Day highlight */
.datepick-month td .datepick-highlight {
  background-color: #daa848;
  color: #01443d; }

/* Week column */
.datepick-month th.datepick-week {
  background-color: white;
  color: #19354e;
  font-style: italic; }

.datepick-month td.datepick-week * {
  background-color: white;
  border: none;
  color: #19354e;
  font-size: 9px;
  font-style: italic;
  font-weight: bold; }

/*
 * CSS for DIV message windows
 */

div.alert, div.error, div.info, div.warning {
    background-repeat: no-repeat;
    background-position: 7px 50%;
    border-radius: 8px;
    font: bold 14px "Roboto", sans-serif;
    margin: 0;
    position: absolute;
    /* text-indent: 36px; does not affect soft wrapped lines */
    visibility: hidden;
}

div.alert {
  background-color: orange;
  background-image: url("/grp/img/ic/message/alert.png");
  background-size: 35px 35px;
  color: white;
  padding: 17px 17px 17px 52px;
}

div.error {
  background-image: url("/grp/img/ic/message/error.png");
  background-size: 40px 40px;
  padding: 17px 17px 17px 57px;
}

/* Used for info messages */
div.info {
  background-image: url("/grp/img/ic/message/info.png");
  background-size: 40px 40px;
  padding: 17px 17px 17px 57px;
}

/* container of the warning message */
div.warning {
  background-image: url("/grp/img/ic/message/warning.png");
  background-size: 40px 40px;
  padding: 17px 17px 17px 57px;
}

/*
 * CSS for GROUPBOX control
 */
/* Group box square */
fieldset {
  background: white;
  border: 1px solid #C0C0C0 !important;
  padding: 10px; }

/* Legend style */
fieldset legend {
  color: #7a7a7a !important;
  font: bold 13px "Roboto", sans-serif;
  letter-spacing: 1px;
  margin: 0 5px; }

/*
 * CSS for INPUT controls
 */
 
/*

CSS variables for advanced multiselect

*/
:root {

    /* Closed select background color */
    --surface-1: #F5F5F5;

    /*  Border color */
    --surface-border: black;
}

/* Input fields and Buttons */
input.password,
input.text,
textarea,
select {
  color: #484848 !important;
  background-color: #F5F5F5;
  border: 1px lightgray solid;
  font: 12px "Open Sans", sans-serif;
  outline: none; }

/* input fields with a wrong value */
input.error,
textarea.error,
select.error {
  background-color: #F5F5F5 !important;
  border: 1px #ff5252 solid;
  color: #484848;
  font: 12px "Roboto", sans-serif;
  outline: none; }

input.error:focus, textarea.error:focus, select.error:focus,
input.info:focus, textarea.info:focus, select.info:focus,
input.warning:focus, textarea.warning:focus, select.warning:focus {
  background-color: white !important; }

/* input fields with a value that cause a success */
input.info,
textarea.info,
select.info {
  background-color: #F5F5F5 !important;
  border: 1px #4caf50 solid;
  font: 12px "Roboto", sans-serif;
  color: #484848;
  outline: none; }

/* Style for input on focus event */
input.password:focus,
input.text:focus,
textarea:focus,
select:focus {
  background-color: white;
  border: 1px lightgray solid;
  font: 12px "Open Sans", sans-serif;
  color: #484848 !important;
  outline: none; }

/* input fields with a value that cause a warning */
input.warning,
textarea.warning,
select.warning {
  background-color: #F5F5F5 !important;
  border: 1px #ffc107 solid;
  font: 12px "Roboto", sans-serif;
  color: #484848;
  outline: none; }

/*
 * Input type Submit style
 */
input.button,
input.submit,
input.reset {
  background-color: #19354e;
  border: none !important;
  border-radius: 4px;
  color: white;
  font: bold 12px "Roboto", sans-serif;
  letter-spacing: 2px;
  margin: 8px 4px;
  padding: 10px 14px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

input.button:hover:enabled, input.button:focus:enabled,
input.submit:hover:enabled, input.submit:focus:enabled,
input.reset:hover:enabled, input.reset:focus:enabled {
  box-shadow: inset -150px 0 0 0 #daa848, inset 150px 0 0 0 #daa848;
  cursor: pointer; }

/* Manage disabled button state */
input.button:disabled, input.submit:disabled, input.reset:disabled {
  opacity: 0.75;
  cursor: not-allowed; }

/*
 * CSS for TinyMCE Text Editor
 */
.mceToolbar, .mceToolbar table {
  background-color: #19354e !important; }

.mceSeparator {
  background: none !important;
  background-color: #19354e !important; }

.mceStatusbar {
  background-color: #19354e !important;
  color: white !important; }

.mceStatusbar * {
  color: white !important; }

/*
 * Select with autocomplete
 */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background-color: #efefef;
  border: 1px solid #8d8d8d;
  border-radius: 6px; }

.select2-container--default .select2-search--dropdown {
  background-color: #fff; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #efefef;
  border: 1px solid #8d8d8d; }

.select2-search__field:focus {
  background-color: #fff !important; }

.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple {
  background-color: #fff; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #612301;
  font: 12px "Roboto", sans-serif;
  line-height: 19px;
  text-shadow: none; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #612301 transparent transparent transparent; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #612301 transparent; }

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-selection--multiple .select2-selection__choice,
option:checked {
  background-color: #daa848;
  color: #19354e; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-selection__clear,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #888; }

.select2-selection__clear:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #daa848; }

/*
 * CSS for controls that have the RESIZE property
 */
/* Rules for the container table of the input field with the resizable feature enabled */
table {
  border-style: none !important; }

table.resizable {
  border: 1px solid transparent;
  border-radius: 6px;
  border-spacing: 0;
  padding: 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; }

table.resizable:hover {
  background: #F5F5F5; }

table.resizable td {
  padding: 1px; }

/* Only for controls with BR at the end */
table.resizable + script + br {
  display: none; }

/*
 * CSS for PAGER control
 */
/* Cells colors */
.current {
  color: white !important;
  background-color: #19354e;
  border-color: #C0C0C0;
  font: 12px "Roboto", sans-serif; }

.page {
  background-color: #DCDCDC;
  border-color: #C0C0C0; }

.page_hover {
  background-color: #daa848;
  border-color: #A0A0A0; }

/* page numbers links */
.link {
  color: #7a7a7a !important;
  font: 11px "Roboto", sans-serif;
  text-decoration: none; }

a.link:link {
  color: #7a7a7a !important;
  font: 11px "Roboto", sans-serif;
  text-decoration: none; }

a.link:hover {
  color: #484848;
  font: 11px "Roboto", sans-serif;
  text-decoration: none; }

a.link:visited {
  color: #daa848;
  font: 11px "Roboto", sans-serif;
  text-decoration: none; }

/*
 * CSS for POPUP windows
 */
/* Used for popup windows (Ex. File manager)*/
.popup {
  color: #ffa0a0;
  background-color: #626b72;
  border: 1px #222 solid !important;
  border-radius: 6px;
  box-shadow: 1px 1px 5px #888;
  font: bold 14px "Roboto", sans-serif;
  -moz-border-radius: 6px;
  -moz-box-shadow: 1px 1px 5px #888;
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 1px 1px 5px #888; }

/* Popup window items */
.popupItem {
  color: #ebebed;
  font: bold 14px "Roboto", sans-serif; }

.popupItem:hover {
  color: white;
  font: bold 14px "Roboto", sans-serif; }

/* Popup window disabled items */
.popupItemDisabled {
  color: #90979d;
  font: bold 14px "Roboto", sans-serif; }

/*
 * CSS for TABCONTROL control
 */
.tabcel {
  background-color: #F5F5F5; }

.tablink {
  color: #7a7a7a !important;
  font: bold 12px "Roboto", sans-serif;
  text-decoration: none; }

.tabsel, .tabsel:hover {
  color: #484848 !important;
  font: bold 13px "Roboto", sans-serif;
  text-decoration: none !important; }

a.tablink:link {
  color: #626b72;
  text-decoration: none !important; }

a.tablink:visited {
  color: #626b72; }

a.tablink:active {
  color: #92b5b1; }

a.tablink:hover {
  color: #484848 !important; }

/*
 * CSS for TREEVIEW control
 */
.TreeViewNormal {
  color: #484848;
  font: 12px "Roboto", sans-serif;
  margin: 0;
  padding: 0; }

.TreeViewSelected {
  background-color: #E8E8E8;
  border: none !important;
  border-radius: 2px;
  color: #484848;
  font: bold 14px "Roboto", sans-serif;
  letter-spacing: 1px;
  margin: 0;
  padding: 4px 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

/*
 * CSS for BREADCRUMBS
 */
.breadcrumb {
  padding-left: 5px;
  list-style: none;
  margin: 4px;
  height: 15px; }

.breadcrumb > li {
  display: inline-block;
  color: #626b72;
  font: 13px "Roboto", sans-serif; }

.breadcrumb > li + li:before {
  content: "\027E9";
  /*http://dev.w3.org/html5/html-author/charref */
  padding: 0 5px; }

.breadcrumb a {
  font: inherit; }

.checkbox-round input[type="checkbox"]:checked + label + div {
  background: #4caf50 none repeat scroll 0 0; }

/*
 * Miscellaneous
 */
.MultiselTable .label {
  color: #7a7a7a !important; }

.MultiselTable tr {
  background: none !important; }

.MultiselFrom, .MultiselTo {
  border: solid #C0C0C0 1px !important; }

.page_hover a.link:hover {
  color: #19354e !important; }

td {
  color: #484848 !important; }


  #filter_popup_documents_item
  {
      all: unset !important;
      position: relative !important;
      z-index: 1 !important;
  }