.tipsPadding{
    padding: 10px 10px;
    border-radius: 10px;
    margin: 10px;
    border: 2px solid #e4e5e7;
    color:  var(--customnavy);
   
  }
  
  .actionBtn{
  
      height: auto;
      min-height: 35px !important;
      padding: 10px;
      font-size: 12px;
      white-space: normal;
      
  }
  button.actionBtn.button.button-md,
  button.actionBtn.button.button-ios,
  button.actionBtn.button.button
   {
      width: 90%;
  }
  .actionBtnCol{
      text-align: center;
  }
  .actionBtnGrid{
  
      padding:0px;
  }
  .notColBtn { 
      
      min-height: 150px !important; 
      padding: 0px;
      background: transparent;
      border: 2px solid #e4e5e7;
      p{
      color:  var(--secondary);
      margin-top: 0px; margin-bottom:0px;
      font-weight: normal;
      font-size: 14px;
       white-space: normal;
       padding: 3px 0px;
       min-height: 50px;
      }
      span {
        display: block;
      
      }
  
      .serviceItemImg {
        min-width: 60px !important;
        min-height: 70px !important;
        width: 70px;
        height: 70px;
        margin: 10px auto;
        background: transparent !important;
      }
      
    }
    .notColBtn.button,.notColBtn.button-md, .notColBtn.button-ios{
      background: transparent !important;
      color: var(--dark);	
      box-shadow: none;
      -webkit-box-shadow:none;
      -moz-box-shadow: none;
      padding: 0px;
      color: var(--secondary);
      border: 2px solid  var(--gray);
      min-width: auto;
    }
////////////////////////
    .itemHISBtn{
      padding: 5px;
      color: var(--light);
      background: var(--darkgray);
      border-radius: 3px;
      width: 85%;
      height: 40px;
  }
  
  
  .rowBtn{
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      background: white;
  }
  
  
  
  .rowBorder{
      border-bottom: solid 0.02cm var(--grayBG);
      
  
  }
  .colBorder{
      border-right: solid 0.02cm var(--grayBG);
  
  }
  
  .dateActionHistory{
      text-align: end;
      // margin-top: -25px;
      margin-top: -3px;
  }
  
  
  .actionBtn{
      --border-radius: 50% !important;
      height: 55px;
      width: 55px;
      --background: var(--newgreen); // will be dynamic 
      background: transparent;
      margin:10px;
  }
  
  .itemAttch{
      border-radius: 11px;
      margin: 8px;
      --min-height: 60px;
      --max-height: 60px;
  }
  
  .less {
      max-height: 54px;
    }
  
    .noDataDiv{
      background: #ffffff;
      height: 11%;
      text-align: center;
      padding-top: 1px;
      border-radius: 10px;
      margin: 10px;
    }
  
    .container {
    font-size: 14px;
      line-height: 14px;
      height: 15px;
      overflow: hidden;
      text-align: justify;
    }
    
    .show {
      overflow: visible;
      height: auto;
    }
  
    .showMore{
      padding: 0px;
      background: transparent;
      color: blue;
      text-decoration: underline;
      font-size: 14px;
    }

    .succssfullMSG{
      height: 100%;
      width: 100%;
      background: var(--newgreen);
      color: white;
      font-weight: bold;
      font-size: 20px;
      text-align: center;
      vertical-align: middle;
      padding-top: 30px;
    }

    .succssfullIcon{
      width: 60%;
      text-align: center;
      height: 60%;
    }
  ////////////////////////////////
   .subOrdinateList{
    // margin: 10px;
    // border-top-left-radius: 45px;
    // border-bottom-left-radius: 45px;
    // border: var(--cusgray) 1px solid !important;
    --background: transparent;
    margin-left: -15px;
    margin-right: 6px;
}
.status{
  text-align: center;
background: green;
border-radius: 10px;
font-size: 12px;
height: 40px;
color: white;
}
.rowHeader{
  border-bottom: 1px solid var(--cusgray);
  padding-bottom: 10px;
  margin-bottom: -17px;
}

.container{
  position:relative;
}
.overflow-hid-div{
  overflow:hidden;
  margin-left:50px;
  width:200px;
  height: 200px;
  background-color:red;
  
}
.inner{
  width:50px;
  height: 50px;
  background-color:green;
  position: absolute;
  left:25px;
  top:25px;
  
}
.gridSubordinates{
  margin-left: 38px;
    border-top-left-radius: 28px;
    border-bottom-left-radius: 40px;
    // padding-left: 8px;
    background:var(--light);
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

.subOrdinateDiv{
  z-index: 4;
  margin-left: -32px;
  position: absolute;
  top: -2px;
}
.subOrdinateImg{
   width: 85px;
    border: #e4e4e4 solid 2px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #f0efef;
}

.subOrdinateRow{
  margin-left: 55px;
}

.label{
font-size: 14px;
}

.subjectNotification{
  text-align: center;
  padding-top: 10px;
  font-weight: bold;
}

.submitterInfo{
  padding-top: 10px;
  padding-bottom: 10px;
}
ion-card{
  color: black !important;
}
////
.tabBar{
  height:70px
}
