/*
  dps_setup.css
  $Revision: 1.6 $;
  $Date: 2023/02/09 14:23:17 $;
*/

:root
{
  --v_cBodyBackground: #ffffff;
  --v_cContainerBackground: #ffffff;
  --v_cSiteColour: #002c73;
  --v_cSiteColour: teal;
  --v_cList1Background: #fafafa;
  --v_cList2Background: #eaeaea;
  --v_cListHoverBackground: #cccccc;
}

*
{
  padding: 0px;
  margin: 0px;
}

/* ------ styles ------ */

body,p,li,ol,ul,td,th
{
  color: #666666;
  font-size: 11px;
  line-height: 14px;
  font-family: Myriad, Verdana, Gill, Arial, Helvetica, SunSans-Regular;
  text-align: left;
}

p
{
  margin-top: 1em;
  magin-bottom: 1em;
}


ol, ul
{
  margin-left: 20px;
}

body
{
  background: #ffffff;
}

h1
{
  color: #2f99cc;
  margin-top: .5em;
  margin-bottom: .5em;
}

ul
{
  padding-left : 16px;
}

/* dave B additions 2017-05-24 ish */
.error
{
  color:red;
}

.warn, .warning
{
  color: #a66b01;
}

.ok, .valid
{
  color:green;
}

.selected
{
  font-weight: bold;
  xcolor:black;
}

.currsort
{
  xbackground: #eeeeee;
  background: rgba(127, 127, 127, 0.2);
  background: rgba(200, 200, 200, 0.2);
  xborder-left: 1px solid #dddd;
  xborder-right: 1px solid #dddd;
}

.curr_selection_plus
{
    background: rgba(127, 255, 127, 0.2);
    background: rgba(100, 225, 100, 0.2);
    padding: 6px 4px 12px 4px;
}
.curr_selection2_plus
{
  background: rgba(127, 255, 127, 0.2);
  background: rgba(100, 225, 100, 0.2);

  background: rgba(175, 235, 175, 0.2);
  background: hsl(120, 26%, 92%, 0.92);

  padding: 6px 4px 12px 4px;

}
.border_none
{
  border: 0px solid #9999ff;
}
.hidden
{
  border: 1px solid #99ff99;
  display:none;
}
/* dave B additions 2017-05-24 ish end */

/* anchors links etc */
a
{
  color: #3333ff;
  text-decoration: none;
}
a:link
{
  text-decoration: none;
}
a:visited
{
  text-decoration: none;
}
a:hover
{
  text-decoration: underline;
}

/* image border links*/
a img
{
  border: 0px;
}

/* buttons a la NT */
/* a.prop-button, input.prop-button */
.prop-button
{
  border: medium none;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 2px #939DA2;
  color: #FFFFFF;
  cursor: pointer;
  padding: 2px 5px;
  text-shadow: 0 1px 1px #7b7a7a;
  margin:1px;
}

/* a.prop-button:hover, input.prop-button:hover */
.prop-button
{
text-decoration: none;
}

/* generic form update button open class*/
/* works together with prop-button */
.button-closed
{
  background-color: #2f99cc;
}

.button-closed:hover
{
  /* background-color: #666666; */
}

/* input.prop-button:disabled */
.prop-button:disabled
{
  background-color: #999999;
}

.button-open
{
  background-color: #2f99cc;
}
.button-open:hover
{
  /* background-color: #ff3333; */
}

.button-disabled
{
  background-color: #666666;
}

.button-disabled:hover
{
  background-color: #666666;
}

.button-enabled
{
  background-color: #a2bd32;
}

.button-enabled:hover
{
  background-color: #a2aa32;
}
/* end buttons a la NT */


/* ------ elements ------ */

th, td
{
  padding : 2px;
}

table.container
{
  border-collapse: collapse;
  border-color: white;
  border-spacing: 0;
  border-style: solid;
  border-width: 0;
  margin-left: auto;
  margin-right: auto;
  min-width: 200px;
  background: #ffffff;
}

table.list
{
  width: 100%;
  border: 0px solid #666666;
  border-collapse: collapse;
}

table.show
{
  border-collapse: collapse;
}


/* list head items */
tr.listhead
{
  background-color: #2f99cc;
  height: 18px;
}
tr.listhead2
{
  background-color: #2f99cc;
  height: 16px;
}

tr.listhead th, tr.listhead2 th
{
  color: #ffffff;
  xpadding: 2px 4px;
  font-weight: normal;
}

tr.listhead a
{
  color: white;
  text-decoration: none;
}

tr.listhead a:hover
{
  text-decoration: underline;
}

tr.list
{
  background-color: white;
  height: 18px;
}

table.list th, table.list td
{
  vertical-align: top;
  padding: 7px;
}

tr.list1, tr.list1_slave
{
  background: #fafafa;
}

tr.list2, tr.list2_slave
{
  background: #eaeaea;
}

tr.list3, tr.list3_slave
{
background-color: #ffccff;
background-color: #fdfad5;
}

tr.list4, tr.list4_slave
{
background-color: #ccccff;
background-color: #ece8cf;
}


tr.list5, tr.list5_slave
{
background-color: hsla(180, 100%, 96%, 1);
}

tr.list6, tr.list6_slave
{
background-color: hsla(180, 100%, 92%, 1);
}


tr.list1:hover, tr.list2:hover, tr.list3:hover, tr.list4:hover, tr.list5:hover, tr.list6:hover
{
  background: #cccccc;
}


.sourceb
{
  color: purple;
}
.sourcec
{
  color: magenta;
}


/* general alignments */

th.align_left, td.align_left, input.align_left, span.align_left
{
  text-align: left;
}

th.align_center, td.align_center, input.align_center, span.align_center
{
  text-align: center ;
}

th.align_right, td.align_right, input.align_right , span.align_right
{
  text-align: right;
}

.align-left
{
  text-align: left;
}

.align-center
{
  text-align: center;
}

.align-right
{
  text-align: right;
}

.align-bottom
{
	vertical-align: bottom;
}



/*
  float: right;
  margin-right: 0;
  margin-left: auto;
  margin: auto;
*/


/* general alignments end */


/* Tooltip container */
.tooltip
{
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext, .tooltip .tooltiptext2
{
  visibility: hidden;
  width: 220px;
  color: #fff;
  background-color: #dddddd;
  color: #000;
  padding: 5px 5px;
  border-radius: 6px;
  border-width: 1px;
  border-color: red;
  border: 1px solid #000;
/* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

.tooltip .tooltiptext
{
  top: 120% ;
  left: 50%;
  margin-left: -80px;  /* Use half of the width (160/2 = 80), to center the tooltip */
}

.tooltip .tooltiptext2
{
  top: 120% ;
  left: 100%;
  margin-left: -160px;  /* Use of the width (160), to place the tooltip */
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext, .tooltip:hover .tooltiptext2
{
  visibility: visible;
}
/* Tooltip container end */

.cLang
{
  border-width: 1px;
  border-color: red;
  background-color: yellow;
}



tr.row_hidden
{
height: 0px;
visibility: hidden;
display: none;
}

#dat_response th
{
font-size: 9px;
}

#dat_response input, #dat_response select
{
font-size: 9px;
}

#dat_response tr.section
{
background-color: #B3B3B3;
}

#dat_response tr.section_data
{
background-color: #cccccc;
}

#dat_response tr.row1
{
background-color: Transparent;
}

#dat_response tr.row2
{
background-color: Transparent;
}

#dat_response table.form
{
background-color: #ffffff;
width: 100%;
border-width: 0;
}

#dat_response th
{
vertical-align: top;
}


#dat_response td
{
text-align: left;
vertical-align: top;
}

#dat_response td.navside
{
text-align: right;
}

td.datshowtitletop
{
font-weight:bold;
font-size: 10px;
text-align: center;
vertical-align: top;
color: white;
border: 1px solid #999999;
border-collapse: collapse;
/*       T    R    B    L */
padding: 3px  3px  3px  3px;
}

#dat_response td.datshowtitlequestion
{
  font-weight:normal;
  text-align: left;
  vertical-align: top;
  border: 1px solid #999999;
  border-collapse: collapse;

  max-width: 600px;
  /* background-color: #ffeecc; */
}


td.datshowtitle
{
font-size: 10px;
text-align: left;
vertical-align: top;
color: #595959;
border: 1px solid #999999;
/*       T    R    B    L */
padding: 3px  3px  3px  3px;
}


td.datshowresponsesection
{
font-size: 10px;
text-align: left;
border: 1px solid #999999;
color: #FFF;
background-color: #666;
/*       T    R    B    L */
padding: 3px  3px  3px  3px;
}

td.datshowresponse
{
font-size: 10px;
text-align: left;
vertical-align:top;
border: 1px solid #999999;
/*       T    R    B    L */
padding: 3px  3px  3px  3px;
border-collapse: collapse;
}


h1.dat-audit
{
color: #ff3333;
}

h2.dat-issue
{
color: #3333ff;
}

h2.dat-track
{
color: #33ff33;
}

table.dat-issue
{
background-color: #ccccff;
}

table.dat-track-all
{
background-color: #ccffff;
}

table.dat-track
{
background-color: #ccffcc;
}

/* response development */
.dat_response_blu
{
color: #00ffff;
}

.dat_response_blue
{
color: #0033cc;
}

.dat_response_blues
{
color: #cc00ff;
}

.dat_response_orange
{
color: #ff6600;
}

.dat_response_red
{
color: #cc0000;
}

.dat_response_green
{
color: #009900;
}


table.dat_response_entry_track
{
background-color: #00ffff;
}

table.dat_response_entry_track td
{
vertical-align: top;
}

table.datshow
{
background-color: white;
width: 100%;
border: 1px solid #999999;
border-collapse: collapse;
}

.dat_rating0
{
color: #000000;
}

.dat_rating1
{
color: #00ff00;
}

.dat_rating2
{
color: orange;
}

.dat_rating3
{
color: #cc0000;
}

.dat_rating4
{
color: #ff0000;
}

.dat_rating5
{
color: #ff0000;
}



h1.dat-audit
{
font-weight: normal;
font-size: 28px;
text-align: left;
color: #2f99cc;
/*       T    R   B   L */
padding: 10px 0px 0px 0px;
}

h2.dat-issue
{
font-weight: normal;
font-size: 14px;
color: #3333ff;
}
h2.dat-track
{
color: #33ff33;
}

table.dat-issue-form
{
background-color: #d4ec96;
width: 80%;
padding: 4px;

}
table.dat-track-all
{
width: 100%;
/*
background-color: #d4ec96;
padding: 4px;
*/
}
table.dat-track-form
{
/*
background-color: #d4ec96;
xwidth: 80%;
padding: 4px;
*/  
}

.dat_response_blu
{
color: #00ffff;
}
.dat_response_blue
{
color: blue;
}
.dat_response_blues
{
color: #cc00ff;
}
.dat_response_orange
{
color: orange;
}
.dat_response_red
{
color: red;
}
.dat_response_green
{
color: green;
}

.dat_response_brag_0
{
color: black;
}

.dat_response_brag_1
{
color: red;
}

.dat_response_brag_2
{
color: orange;
}

.dat_response_brag_3
{
color: green;
}

.dat_response_brag_4
{
color: blue;
}

.dat_response_brag_5
{
color: #5F553D;
}
.dat_response_brag_99
{
color: #5F553D;
}

.dat_response_score_0
{
color: black;
}

.dat_response_score_1
{
color: red;
}

.dat_response_score_2
{
color: orange;
}
.dat_response_score_3
{
color: orange;
}

.dat_response_score_4
{
color: green;
}

.dat_response_score_5
{
color: blue;
}

.dat_response_score_99
{
color: #5F553D;
}


.dat_rating0
{
color: #000000;
}
.dat_rating1
{
color: green;
}

.dat_rating2
{
color: orange;
}
.dat_rating3
{
color: red;
}
.dat_rating4
{
color: red;
}
.dat_rating
{
color: red;
}



/* RTS added 2019-02-25 for code of practice dat type 11 */

#dat_response_update_form_type_11 *
{
font-family: Futura, Arial, Helvetica, SunSans-Regular;
}

#dat_response_update_form_type_11 p
{
font-size: 12px;
line-height: 18px;
margin-top: 10px;
margin-right: 150px;
color: #000;
text-align: justify;
}

#dat_response_update_form_type_11 li
{
font-size: 12px;
line-height: 18px;
color: #000;
margin-top: 10px;
margin-left: 20px;
margin-right: 150px;
padding-left: 0px;
text-align: justify;
}

#dat_response_update_form_type_11 table.form
{
border: 0px  solid red;
}

#dat_response_update_form_type_11 tr.section
{
border: 0px  solid red;
background-color: white;
}

#dat_response_update_form_type_11 td
{
border: 0px  solid red;
background-color: white;
}

#dat_response_update_form_type_11 hr
{
border: 0px solid white;
}

#dat_response_update_form_type_11 a.prop-button
, #dat_response_update_form_type_11 input.prop-button
{
border: medium none;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 2px #939DA2;
color: #FFFFFF;
cursor: pointer;
padding: 6px 10px;
text-shadow: 0 1px 1px #7b7a7a;
margin:1px;
}

#dat_response_update_form_type_11 a.prop-button:hover
, #dat_response_update_form_type_11 input.prop-button:hover
{
text-decoration: none;
}

#dat_response_update_form_type_11 .button-closed
{
background-color: #a2bd32;
}

  #dat_response_update_form_type_11 .button-closed:hover
, #dat_response_update_form_type_11 .button-disabled
, #dat_response_update_form_type_11 .button-disabled:hover
{
background-color: #666666;
}

  #dat_response_update_form_type_11 .button-open
, #dat_response_update_form_type_11 .button-open:hover
{
background-color: #ff3333;
}

#dat_response_update_form_type_11 .button-enabled
{
background-color: #002c73;
}

#dat_response_update_form_type_11 .button-enabled:hover
{
background-color: #1e4f9d;
}

  #dat_response_update_form_type_11 .dat_response_green
, #dat_response_update_form_type_11 .dat_response_blue
, #dat_response_update_form_type_11 input
{
font-size: 12px;
}


table.action_pme
{
  border-collapse: collapse;
  xbackground: red;
  xborder: 1px solid #fdf5e6;
}
table.action_pme td
{
  padding: 0;
}
table.action_pme input
{
  padding: 1px;
}


/* 20.22.12.30 added for GGap show tables */
table.show tr.listhide td
{
  color: lightgrey;
}
table.show tr.listhide td span.warn
{
  color: lightcoral;
  color: hsla(45, 100%, 50%, 0.5);
  /* color: hsla(45, 90%, 40%, 0.1); */
}

/* 20.23.02.07 - from dev_table.css for due_type update form */
td.titleside
{
  font-weight: bold;
  text-align: right;
  vertical-align: top;
}
td.data
{
  vertical-align: top;
}



/* dps_setup.css end */