*{
    margin: 0px;

  }

  .ticketHeader{
    margin: 0;
    padding: 3px;
   background: #f5f5f5;
  }

  .ticketHeader h2{
    margin: 5px 5px;
    padding-left: 20px;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 2px solid black;
}
    .STAC_form {
      display: grid;
      grid-template-areas:
      "g_STAC_ID g_site g_Domain g_Informer "
      "g_equipment g_Status g_Nature g_InformDate  "
      "g_EventOrIncident g_EventOrIncident g_EventOrIncident g_ResponseDate  "
      "g_Atbt g_Atbt g_Atbt g_NeutralizedDate  "
      "g_RCA g_RCA g_RCA g_ResolutionDate  "
        "m_additional m_additional m_additional m_additional "
        "Approve Neutralized Resolved Resolved";
        grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-gap: 0.0em .3em;
      background: white;
      margin: 10px;
      padding: 1em;
      height: auto;
      /* overflow: scroll; */
    }
    .STAC_form textarea {
      height: calc(100% - 1.5em);
      }
    .STAC_form .btn {
      border-radius: 5px;
      background-color:#3F57B3;
      font-size: 1.1rem;
      padding: 5px 20px;
      color: white;
      border: none;
      box-shadow: gainsboro;
      height: 40px;
      margin: auto;
      width: 100%;
    }

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

   

    .STAC_form input:not([type=radio]):not([type=checkbox]),
    .STAC_form textarea,
    .STAC_form select {
     
      width: 100%;
      border: 1px solid #e6e6e6;
      padding: 0.5em;
      margin: 0.5em 0;
    }
    .STAC_form label {
     display: block;
     font-size: 14px;
    }
    .STAC_form .btn:hover {
      transition: 0.5s;
      background: gray;
      /* color:black; */
      cursor: pointer;
    }
  
    fieldset {
      border: 0;
    }
    #g_STAC_ID {
      grid-area: g_STAC_ID;
    }
    #g_Site {
      grid-area: g_Site;
    }
    #g_Domain {
      grid-area: g_Domain;
    }
    #g_Informer {
      grid-area: g_Informer;
    }
    /* #g_InformerID {
      grid-area: g_InformerID;
    } */
    #g_EventOrIncident{
      grid-area: g_EventOrIncident;
    }
    #g_Nature{
      grid-area: g_Nature;
      content: justify;
    }
    #g_Status{
      grid-area: g_Status;
    }
    #g_InformDate {
      grid-area: g_InformDate;
    }
    #g_InformTime {
      grid-area: g_InformTime;
    }
    #g_ResponseDate{
      grid-area: g_ResponseDate;
    }
    #g_ResponseTime{
      grid-area: g_ResponseTime;
    }
    #g_NeutralizedDate{
      grid-area: g_NeutralizedDate;
    }
    #g_NeutralizedTime{
      grid-area: g_NeutralizedTime;
    }
    #g_ResolutionDate{
      grid-area: g_ResolutionDate;
    }
    #g_ResolutionTime{
      grid-area: g_ResolutionTime;
    }
    #g_Status{
      grid-area: g_Status;
    }
    #g_RCA{
      grid-area: g_RCA;
    }
    #g_Atbt{
      grid-area: g_Atbt;
    }
    #g_Supplier{
      grid-area: g_Supplier;
    }
    #Approve {
      grid-area: Approve;
  
    }

    #Rectified {
        grid-area: Rectified;
    
      }
      #Neutralized {
        grid-area: Neutralized;
    
      }
      #Resolved {
        grid-area: Resolved;
    
      }


    /* #m_Janaka{
      
      grid-area: m_Janaka;
    }
	/* #m_Muthumala{
      grid-area: m_Muthumala;
    } */
    /*
    #m_Namal{
      grid-area: m_Namal;
    } 
    #m_Kusal{
      grid-area: m_Kusal;
    }
    #m_additional{
        grid-area: m_additional;
      } */

      #g_SubSystem{
        grid-area: g_SubSystem;
      }

      #g_site{
        grid-area: g_site;
      } 
      
      #g_equipment{
        grid-area: g_equipment;
      }

      .log-class{
        margin-left: 3em;
        padding: 0;
      }

      .log-class p{
        margin: 2px;
        margin-left: 10px;
        padding: 1px;
      }

      .log-class span{
        color: blue;
      }