/*----        File: main.css--        Name: Web Kiosk Main Frame Cascading Style Sheet------ revision = '24.3' ---- Portability: Portable.-- Server and Client copies: N0----    Purpose:--        This style sheet defines formatting used for the Web Kiosk main content frame.--        This is a template.--        ----    Modification History------    Rev    Date        Author         WO#    Details                                     --    ----   ---------   ------------   ----   ---------------------------------------------------    24.3   06-May-24   E.Ho           33772  Added css for table header text-align center on approvals page(WK8031).--    2.8    01/09/22    Suraj P.       28866  Added css for id #FIRST_ROW, to freeze the headers on approvals page(WK8031). --    2.5    19/10/21    Z.Haider/Grant 28866  Added color: #4B5058 attribute on WK8031--           08-Nov-2021 E.Ho                  Added TRANSPARENT on Crew Start Stop Screens to make updateable fields different--19.0.19025.A1 7/8/19   Grant        19025A1  Changed to being a template that is uploaded to wk8_css--                                             and then delivered to client browser via wss_css.get_css--                                             Also merged in the following:--                                             - dynamicTable--                                             - tree_styles--                                             - wk8106/276/280/319--    16.0   08-OCT-2015 A.Ashlesh     17376   Re-branding work done for Ascender --    13.0   04-Oct-2012 D.Zhu         14881   Rolled 7618A1 into V13 CORE to fix the issue that buttons in --                                             WSS Timesheet move to left and don't work when you click. --                                             Removed text-align: Left from :link, :active and --                                             :visited style sheet entries.
--    12.0   06-Oct-09   G.Schneider WO 6996   Modified for V12 colour scheme for blending with JSF--    10.0   28-Mar-06   G.Schneider WO 2757   Made theme-specific and amalgamated wk0002.css with--                                             the previous main.css file to create this version--------------------------------------------------------------------------------------------------   --*/body, input, select , textarea  {font-family: NUNITO, Arial;   background: #FFFFFF;   color: #4B5058; }   body ,input, table, select {font-size: 16PX; }   h1 {font-size: 32PX; }   h2 {font-size: 21PX; }   h3, h4, h5, h6 {font-size: 18PX; }   small {font-size: 13PX; }   table, th, tr, td  {vertical-align: MIDDLE;   border-style: NONE;   border-collapse: COLLAPSE; }   th, td {padding-top: 0;   padding-bottom: 0;   padding-left: 10PX;   padding-right: 10PX; }   th {background-color: #FFFFFF;   color: #4B5058; }   th :active, th :link, th :visited {color: #FFFFFF; }   th.highlight {color: #FFFFFF; }   tr:nth-child(odd) + tr  {background-color: #F2F2F2; }   .noborder tr:nth-child(odd) + tr  {background-color: #FFFFFF; }   input,tr {min-height: 32px;   height: 32px;   margin-top: 0;   margin-bottom: 0; }   input,select,textarea {border-style: ridge;   border-width: thin;   vertical-align: MIDDLE;   background: TRANSPARENT; }   select {vertical-align: MIDDLE; }   @media screen and (-webkit-min-device-pixel-ratio:0)  {  select {height: 32px;
   line-height: 32px; } }    select::-moz-focus-inner {border: 0;   padding: 0; }   @media screen\0 {  select {height: 32px;   line-height: 32px; } }    input[type="Button"], input[type="Submit"], input[type="reset"] {background-color: #4B5058;   color: #FFFFFF;   border: 0;   border-radius: 3PX;   padding-left: 20PX;   padding-right: 20PX;   text-align: CENTRE; }   input[type="Button"][disabled], input[type="Submit"][disabled], input[type="reset"][disabled] {cursor: NOT-ALLOWED;   opacity: 0.5; }   input[type="Submit"]:hover, input[type="Button"]:hover, input[type="reset"]:hover {cursor: POINTER; }   img[name="popcal"]  {vertical-align: MIDDLE; }   a:link, a:active, a:visited, a:hover {color: #0000EE; }   a:link, a:active, a:visited {text-decoration: NONE; }   a:hover {text-decoration: UNDERLINE; }   form[action*="WK405"] table.dynamicTable {width: auto; }   form[action*="WK8031"] table[summary="Record List"] tr:nth-child(2) td {background-color: #FFFFFF; color: #4B5058; }   form[action*="WK8106"]  select {margin-left: 10PX; }   form[name="ROSTER_SS"]  input[type="text"] {background: TRANSPARENT; }   form[name="ACTUAL_SS"]  input[type="text"] {background: TRANSPARENT; }   .prefNode2 td {background-color: #4B5058; }      /* WSS 2.8 30110*/   #FIRST_ROW   {    position:sticky;    top:0;    text-align: center; /* WSS 24.3 */   }         /* dynamicTable */   #dynamicTableMenu {  position:absolute;    background:#FFFFFF;    border:2px;    border:ridge;    border:none;/*<color-gray-extra-dark>;*/    padding:5px;    text-align:center;    cursor:hand;
    cursor:pointer; }   #dynamicTableMenu ul, #dynamicTableMenu ul { margin:0;    padding:0;    list-style:none;    text-align:left; }   #dynamicTableMenu button { margin-top:10px; }   .dynamicTable .sortAsc { background-image:url(arrow_up.gif);    padding-right:15px; }   .dynamicTable .sortDesc {  background-image:url(arrow_down.gif);    padding-right:15px; }   .dynamicTable th { cursor:hand;    cursor:pointer;    background-color:#FFFFFF;    background-repeat:no-repeat;    background-position:center right; }   .dynamicTablehdr { cursor:hand;    cursor:pointer;    font-size:9;    font-family:Verdana, Arial, Helvetica;   background-color:#8D8D8D;    background-repeat:no-repeat;    background-position:center right; }   .dynamicTablebody {  cursor:hand;    cursor:pointer;    font-size:9;    font-family:Verdana, Arial, Helvetica;   background-color:#E6E6E6;    background-repeat:no-repeat;    background-position:center right; }   .defaultbutton { cursor:hand;    cursor:pointer;    font-size:9;    font-family:Verdana, Arial, Helvetica;    border-width:15px; }      /* tree_styles */      .prefNode {  text-decoration:none;   background:#4B5058;    color:#FFFFFF;   /*remove from new-new    font-family:NUNITO;   font-size:11PX;*/    width:500;    cellspacing:0;    cellpadding:0;    border:0;    text-align:center; }       /*new for new-new */   .prefDetails input {     background:#FFFFFF;    color:#4B5058;    }      /*remove from new-new    .treeNode {  text-decoration:none;   color:#4B5058;   font-family:NUNITO;   font-size:11PX; }      .prefNode {  text-decoration:none;   background:#FFFFFF; \*<color-gray>;*\
   color:#FFFFFF;   font-family:NUNITO;   font-size:11PX;    width:500;    cellspacing:0;    cellpadding:0;    border:0;    text-align:center; }       .prefNode tr td {background:#FFFFFF; }\*<color-gray>; }*\   .prefNode tr td b {background:#FFFFFF; \*<color-gray>;*\   color:#FFFFFF; }*/      /*remove from new-new    .prefDetails { text-decoration:none;   background:#FFFFFF;\*<color-gray-lighter>;*\   color:#4B5058;   font-family:NUNITO;   font-size:11PX;    width:400;    cellspacing:0;    cellpadding:0;    border:0;    text-align:center; }   .prefLink, .prefLink:visited {font-family:NUNITO;   font-size:11PX;   color:#4B5058; }   */   /* wk8106/276/280/319 */   .hintsClass {text-align:center;   font-family:NUNITO, Arial;   background-color:#FFFFFF;} /*<color-yellow>; }*/   .hinttable {background-color:#FFFFFF;} /*<color-yellow>; }*/   .hintcell {background-color:#FFFFFF;/*<color-yellow>;*/   vertical-align:top; }   /* new */   /* remove from new-new    button {font-family:NUNITO;   font-size:11PX;   background-color:#FFFFFF;   color:#FFFFFF;}   */   th.datepicker-switch, .datepicker th.next, .datepicker th.prev {background: #FFFFFF; color: #0000EE; }   .datepicker {background: #FFFFFF; }
   .datepicker .dow {border-radius: 0;}   .datepicker .today, .datepicker .clear, .datepicker .datepicker-days tfoot tr th.today:hover, .datepicker .datepicker-days tfoot tr th.clear:hover    {background-color: #4B5058;color: #FFFFFF;border: 0;border-radius: 3PX;padding-left: 20PX;padding-right: 20PX;text-align: CENTRE; }      body .infoText {color: #4B5058;}   body .success {color: #999900;   font-weight: bolder;}   body .successText {color: #4B5058;}   body .warning {color: #FF9900;   font-weight: bolder;}   body .warningText {color: #4B5058;}   body .error {color: #CC0033;   font-weight: bolder;}   body .errorText {color: #4B5058;}