.dot {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
  }
  ul.tree li {
      list-style-type: none;
      position: relative;
  }
  
  ul.tree li ul {
      display: none;
  }
  
  ul.tree li.open > ul {
      display: block;
  }
  
  ul.tree li a {
      color: black;
      text-decoration: none;
  }
  
  ul.tree li a:before {
      height: 1em;
      padding:0 .1em;
      font-size: .8em;
      display: block;
      position: absolute;
      left: -1.3em;
      top: .2em;
  }
  
  ul.tree li > a:not(:last-child):before {
      content: '+';
  }
  
  ul.tree li.open > a:not(:last-child):before {
      content: '-';
  }
  
  .topBarArea {
  background: #000;
  color: #fff;
  }
  
  .topBarArea p {
  margin: 0;
  padding: 7px 0 7px 10px;
  height: 36px;
  }
  ul.slideshow {
      list-style: none;
  }
  
  ul.slideshow::before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9;}
  
  .navbar-logo-main {
      /**background: none; ***/
      background: #71b10b99;
      
  }
  
  .headerwrapper {
      background: no-repeat;
  }
  a.logo {
      display: flex;
      align-items: center;
      margin-left: -50px;
  }
  
  a.logo img {
      max-width: 50px;
      margin: 0 20px 0 0;
  }
  
  a.logo span {
      display: block;
      font-size: 26px;
      font-weight: 600;
      text-transform: capitalize;
      font-family: inherit;
  }
  
  a.logo {
      color: #fff;
  }
  
  a.logo small {
      font-size: 16px;
  }
  
  a.logo p {
      margin: 0;
  }
  .newMenu {
      background: #71b10b;
      padding: 12px 0;
  }
  
  .newMenu ul {
      list-style: none;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      margin: 0;
  }
  
  .newMenu a {
      padding: 10px 16px;
      background: #ffffff00;
      color: #ffffff;
      border: 2px solid #fff0;
      transition: 0.9s;
      margin-left: 0px;
  }
  
  
  .newMenu a:hover {
      background: transparent;
      color: #fff;
  }
  
  .newMenu a i {
      padding: 0 7px;
  }
  .headerwrapper {
      position: relative;
      z-index: 9;
  }
  
  .mainwrapper {
      top: 20px;
  }
  
  footer.wrapper.footer-wrapper {
      margin-top: 0;
  }
  
  .wrapper.carousel-wrapper {
      margin-top: 0;
  }
  
  .contentpanel {
      margin-bottom: 0;
      min-height: 542px;
  }
  
  .dashboard-btn{
      background: none;
      font-weight: bold;
      color: #fff;
      padding: 0px;
  }
  
  .dashboard-btn:hover{
      background: none;
      font-weight: bold;
      color: #fff;
      padding: 0px;
  }
  
  
  /*chart shadow css*/
   .graph-card {
      border-radius: 4px;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
      background-color: #FFFFFF;
      margin-bottom: 30px;
  }
  .graph-card {
      display: inline-block;
      width: 100%;
      margin-bottom: 15px !important; 
  }
  
  .sub-title{
      border-color: #574f4e;
      background-color: #428bca;
  }
  
  .status-title{
      background: #5e6062;
      text-align: center;
      color: #fff;
      padding: 5px;
      margin-top: 10px;
      font-size: 29px;
      margin-bottom: 10px;
  }
  .common-border{
      border-radius: 0 0 3px 3px;
      border: 1px solid #ddd;
  }
  
  .common-h4{
      background: #434348;
      margin:6px;
      color:#fff; 
      line-height: 35px;
  }
  
  
  .state-filter-label {
      color: #3c763d;
      background-color: #c9e99c;
      color: #000;
      padding: 8px;
      margin-bottom: 6px;
      font-size: 14px;
      font-weight: 600;
  }
  
  .validerror{
      color: #e51a1a;
      font-weight: bold;
  }
  
  .users-error-msg{
      background: #e81212b5;
      color: #fff;
      padding: 5px;
      margin-top: 5px;
  }
   
  /********************* Print CSS Start ******************/

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

  /*************NALCO START*******************/

  @media print {
      body * {
        visibility: hidden;
      }
      #printOuterNalcoSection,
      #printOuterNalcoSection * {
        visibility: visible;
      }
      #printOuterNalcoSection {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: yellow;
      }
    }
    
    #printOuterNalcoReport
    {
      font-size: 16px;
      font-weight: bold;
      color:#d12f2f;
    }
  /*************NALCO END*******************/
  /*************Block START*******************/
    @media print {
      body * {
        visibility: hidden;
      }
      #printOuterBlockSection,
      #printOuterBlockSection * {
        visibility: visible;
      }
      #printOuterBlockSection {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: yellow;
      }
    }
    
    #printOuterBlockReport
    {
      font-size: 16px;
      font-weight: bold;
      color:#d12f2f;
    }
  /*************Block END*******************/
  
  /*************DMF Start*******************/
    @media print {
      body * {
        visibility: hidden;
      }
      #printOuterDMFSection,
      #printOuterDMFSection * {
        visibility: visible;
      }
      #printOuterDMFSection {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: yellow;
      }
    }
    
    #printOuterDMFReport
    {
      font-size: 16px;
      font-weight: bold;
      color:#d12f2f;
    }
  
    /***********************DMF END **************************/
  
    /***********************GSI START **************************/
    @media print {
      body * {
        visibility: hidden;
      }
      #printOuterGSISection,
      #printOuterGSISection * {
        visibility: visible;
      }
      #printOuterGSISection {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: yellow;
      }
    }
    
    #printOuterGSIReport
    {
      font-size: 16px;
      font-weight: bold;
      color:#d12f2f;
    }
  
    /***********************GSI END **************************/
  
    /***********************MECL START **************************/
    @media print {
      body * {
        visibility: hidden;
      }
      #printOuterMECLSection,
      #printOuterMECLSection * {
        visibility: visible;
      }
      #printOuterMECLSection {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: yellow;
      }
    }
    
    #printOuterMECLReport
    {
      font-size: 16px;
      font-weight: bold;
      color:#d12f2f;
    }
  
    /***********************MECL END **************************/
  
    /***********************JNARDDC START **************************/
    @media print {
      body * {
        visibility: hidden;
      }
      #printOuterJNARDDCSection,
      #printOuterJNARDDCSection * {
        visibility: visible;
      }
      #printOuterJNARDDCSection {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: yellow;
      }
    }
    
    #printOuterJNARDDCReport
    {
      font-size: 16px;
      font-weight: bold;
      color:#d12f2f;
    }
  
  
    /***********************JNARDDC END **************************/

    /***********************NIRM START **************************/
    @media print {
      body * {
        visibility: hidden;
      }
      #printOuterNIRMSection,
      #printOuterNIRMSection * {
        visibility: visible;
      }
      #printOuterNIRMSection {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: yellow;
      }
    }
    
    #printOuterNIRMReport
    {
      font-size: 16px;
      font-weight: bold;
      color:#d12f2f;
    }
  
  
    /***********************NIRM END **************************/

    /***********************GEM START **************************/
    @media print {
      body * {
        visibility: hidden;
      }
      #printOuterGEMSection,
      #printOuterGEMSection * {
        visibility: visible;
      }
      #printOuterGEMSection {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: yellow;
      }
    }
    
    #printOuterGEMReport
    {
      font-size: 16px;
      font-weight: bold;
      color:#d12f2f;
    }
  
  
    /***********************GEM END **************************/


    /*************HCL START*******************/

    @media print {
      body * {
      visibility: hidden;
    }
    #printOuterHclSection,
    #printOuterHclSection * {
    visibility: visible;
    }
    #printOuterHclSection {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: yellow;
    }
    }

    #printOuterHclReport
    {
      font-size: 16px;
      font-weight: bold;
      color:#d12f2f;
    }

    /*************HCL END*******************/
  
  
    /********************* Print CSS End ******************/

    .parameter-css{

      font-size:11px;
    }

    .box-footer-text{

      color:#fff !important;
    }