/*###################################### soadcoop01.css v9.0u :: updated 2025-12-01 20:26 ###*/
/*===================================== Style Sheet for Co-Op IWS 2026 ======================*/
/* ------------------------------------------------------ Header Bar  --- */
/* {
  filter: grayscale(30%);
  -webkit-filter: grayscale(30%);
}
*/

#HdRow {height: 40px;
        width: 100%;
        padding: 0px;
        margin:  0px;
        border-style: none;
        background-color: #C4C4C4;
        }
.HdC1   {background-color: #E9E9E9;
         width: 160px;
         height: 40px;
         padding: 0px;
         margin:  0px;
         border-style: none;
         display: inline-block;
         vertical-align: top;}
.HdC2   {background-color: #C4C4C4;
         width:440px;
         height: 40px;
         padding: 0px;
         margin:  0px;
         border-style: none;
         display: inline-block;
         vertical-align: top;
        }
#imSlogo   {  width:160px;
         padding :0px;
         margin: 0px;
         display: inline;
         vertical-align: top;
         position: absolute;
         right:400px;
         }
#imSname  { width: 400px;
          position: absolute;
          right: 0px;
          padding: 0px;
          margin: 0px;
          display: inline-block;
          vertical-align: top;
          }
#imCoop {
          width:160px;
		  padding:5px;
          margin: 0px;
          display: inline-block;
          vertical-align: top;
          z-index: 5;
          }
#subHeadBox { height: 120px;
            width:100%;
            vertical-align:top;
            position: absolute;
            left:0px;
            margin:0px;
            padding: 0px;
        }
 /* THIS PART FOR readRequest and read Status
  */ 
  .viewIconBox {
   /*         width: 120px;*/
            height: 20px;
            border: solid 1px #EFEFEF;
            font-size: 10px;
            vertical-align: middle;
            float: right;
            padding: 2px;
            text-align: center;
            }
   .viewIcon {
    border: solid 1px #8F8F8F;
    width: 44px;
    font-size: 10px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 2px;
    margin: 1px;
   }
    .viewIcon:hover {
     cursor: pointer;
     color: #CFFFCF;
     background-color: #8F8F8F;
    }      
    .ltBox {display: inline-block;
            vertical-align: top;
            border:solid 2px #8F8F8F;
            padding:6px;
            font-family: Calibri, Arial, sans-serif;
            font-size: 26px;
            width:50px;
            text-align: center;
    }
    .ltBox:hover {background-color: #AFAFFF;
                  cursor: pointer;}
    .ltBar { 
       display: grid;
       grid-template-columns: 70px 40px 550px 70px;
       align-items: center;    
       justify-items: center;
     border: solid 1px #8F8FAF;
     padding: 8px;
     margin: 3px 0px;
     border-radius: 15px;
     color: #4F4F4F;
     position: relative;
     background-color: #EFEFEF;
     box-shadow: 0px 4px 8px 0 gray;
    }
    .ltBar > img {height: 48px;
    vertical-align: top;
    position: relative;
    /*
    position: absolute;
    left: 80px;
    */
    box-shadow: 0px 2px 4px 0 gray;
    }
    .ltBar > p {
      position: relative;
    /*  padding: 0px 40px; */
      padding: 0px;
      height: 48px;
      margin: 0px;
      display: inline-block;
      width:540px;
    /*  vertical-align:top;*/
    }
    .ltBt {
          width: 55px;
          padding: 5px;
          position: relative;
          font-size: 16px;
          font-family: Calibra, Arial, sans-serif;
          border: solid 1px #AFAFAF;
          color: #4FAF4F;
          text-align: center;
          /*
          position: absolute;
          right: 15px;
          top: 15px;
          */
    }
    .ltBt:hover {
          cursor: pointer;
          background-color: #4FAF4F;
          color: #EFEFEF;
          }
   #dBurgerMenu {
          position: absolute;
          top:140px;
          left:0px;
          font-family: Arial, sans-serif;
          font-size: 14px;
          font-weight: bold;
          margin: 0px;
          padding: 2px;
          width: 16px;
          height: 16px;
          text-align: center;
          border: solid 2px #8F8F8F;
          display: none;
          z-index: 3;
   }
   #dBurgerMenu:hover {
          background-color: #8F8F8F;
          cursor: pointer;
   }
 /*-----------------------------------------------------------------------------------------------------*/
 /*################## for small screen < 640px */
 @media only screen and (max-width:800px)
 {
    #imSname {display: none;}
    
    #imSlogo {right: 0px;}
    .HdC1 {display: none;}
/*    #dLeftMenu {
          display: none;
    }
    #dBurgerMenu {display: block;}
 */   
 }