/* stylelint-disable selector-class-pattern */
/* stylelint-disable function-no-unknown */

/* @import "SunstrataBasic.css"; */

.table_toolsnavigation {
  width: 100%;
  background-color: white;
  margin-bottom: 2px;
}
.table_toolsnavigation td {
  white-space: nowrap;
  padding: 5px 8px;
  border-bottom: 1px solid #777;
}
.table_toolsnavigation a:link {
  color: #000;
  display: block;
  text-decoration: none;
}
.table_toolsnavigation a:visited {
  color: #000;
  display: block;
  text-decoration: none;
}
.table_toolsnavigation a:hover {
  color: #000;
  display: block;
  text-decoration: underline;
}
.table_toolsnavigation a:active {
  color: #000;
  display: block;
  text-decoration: none;
}
.td_toolsnavigationheader {
  background-color: #333;
  white-space: nowrap;
  color: white;
}
.td_toolsnavigationexit {
  background-color: #e6e6e6;
  white-space: nowrap;
}

.modalpopupbackground_processing {
  background-color: gray;
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index: 2147483646 !important;
}
.modalpopuppanel_processing {
  background-color: white;
  border: solid 1px #333;
  position: absolute;
  z-index: 2147483647 !important;
}

.modalpopupbackground {
  background-color: gray;
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index: 6000 !important;
}
.modalpopuppanel {
  background-color: white;
  border: solid 1px #333;
  position: absolute;
  z-index: 6001 !important;
}

.reorderlist li {
  list-style-type: none;
}
.reordercue {
  list-style: none;
  border: dashed 1px #333;
  height: 25px;
  list-style-type: none;
}
.reordercallbackstyle table {
  background-color: #899ca6;
  color: white;
}

.div_closebutton {
  background-color: #eee;
  border-bottom: solid 1px #ccc;
  text-align: right;
}

.div_fixedbuttonset_outer {
  margin-top: 75px;
}
.div_fixedbuttonset_inner {
  position: fixed;
  margin-top: -75px;
  height: 75px;
  width: 100%;
  top: 100%;
  background-color: #f6f6f6;
  border: 1px solid #333;
  padding: 12px;
}

.CustomTabStyle .ajax__tab_header {
  background: url('../../Images/Tabs/Tab_Line.gif') repeat-x bottom;
  font-family: Arial, Verdana, sans-serif !important;
  font-size: 100% !important;
}

.CustomTabStyle .ajax__tab_outer {
  padding-right: 4px;
  background: url('../../Images/Tabs/Tab_Right.gif') no-repeat right;
}

.CustomTabStyle .ajax__tab_inner {
  padding-left: 3px;
  background: url('../../Images/Tabs/Tab_Left.gif') no-repeat;
}

.CustomTabStyle .ajax__tab_tab {
  line-height: 16px !important;
  padding: 5px 4px;
  color: black;
  background: url('../../Images/Tabs/Tab.gif') repeat-x;
}

.CustomTabStyle .ajax__tab_hover .ajax__tab_outer {
  background: url('../../Images/Tabs/Tab_Hover_Right.gif') no-repeat right;
}

.CustomTabStyle .ajax__tab_hover .ajax__tab_inner {
  background: url('../../Images/Tabs/Tab_Hover_Left.gif') no-repeat;
}

.CustomTabStyle .ajax__tab_hover .ajax__tab_tab {
  background: url('../../Images/Tabs/Tab_Hover.gif') repeat-x;
}

.CustomTabStyle .ajax__tab_active .ajax__tab_outer {
  background: url('../../Images/Tabs/Tab_Active_Right.gif') no-repeat right;
}

.CustomTabStyle .ajax__tab_active .ajax__tab_inner {
  background: url('../../Images/Tabs/Tab_Active_Left.gif') no-repeat;
}

.CustomTabStyle .ajax__tab_active .ajax__tab_tab {
  background: url('../../Images/Tabs/Tab_Active.gif') repeat-x;
}

.CustomTabStyle .ajax__tab_body {
  border: 1px solid #999;
  border-top-style: none;
  padding: 12px;
  background-color: white;
  font-family: Arial, Verdana, sans-serif !important;
  font-size: 100% !important;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #555;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.id-devonly {
  color: #00f;
  font-style: italic;
  font-family: 'courier new', courier, monospace;
  font-weight: bold;
}
.id-devonly-rules {
  display: inline-block;
  border: 1px dotted blue;
  max-width: 500px;
  width: 500px;
  font-family: monospace;
  padding-left: 1rem;
  background-color: #efefef;
}

.validation-error-tr td::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 12px;
  width: 30px;
  height: 26px;
  background-repeat: no-repeat;
  background-image: url('/Images/icons/feather-red/alert-triangle.svg');
  left: 0;
}

.question-cell {
  padding: 12px 0 3px;
}

.validation-error-tr td.question-cell {
  padding-left: 32px;
}

.validation-error-text {
  color: #f00;
}

.validation-error-tr,
.validation-error-tr + tr:not(validation-error-tr) {
  color: #f00;
  position: relative;
}

.instructions {
  border: 1px solid black;
  padding: 1rem;
  color: #1a1a1a;
  background-color: #efefef;
}