@media all and (max-width:480px) {
   .custom-class {  
    width: 100%;
    display: block;
    margin-right: 0 !important;
    margin-top: 5px;
  }

  .rollNumber {  
    float:left !important;
  }

  .noWidth
  {
  	float: right;
  	width: 100% !important;
  }
}  

div.ui-grid-cell-contents.invalid {
  box-shadow: inset 0px 0px 3px 1px #ff5555;
}

.hideTrue { color: rgba(128, 128, 128, 0.96) !important; }

.hideFalse {}


.ui-grid-header-cell .ui-grid-cell-contents {
     height: 48px;
     white-space: normal;
     -ms-text-overflow: clip;
     -o-text-overflow: clip;
     text-overflow: clip;
     overflow: visible;
}

.grid {
  width: 100%;
  height: 550px !important;
}

.green .ui-grid-cell{
  background-color: rgba(71, 154, 32, 0.5) !important;
  color: black !important;
}

.red .ui-grid-cell{
  background-color: rgba(255, 89, 87, 0.5) !important;
  color: black !important;
}

.newEntryIndRed {
  background-color: rgb(255, 89, 87) !important;
  position: absolute;
  margin-top: 3px;
  height: 15px;
  width: 15px;
}

.newEntryIndGreen {
  background-color: rgb(71, 154, 32) !important;
  position: absolute;
  margin-top: 3px;
  height: 15px;
  width: 15px;
}
.flagtag {
 margin-left: 20px;
}