.accesslevelform input[type=radio] {
  display: none;
  position: absolute;
}
.accesslevelform input[type=radio] + label{
  cursor:pointer;
  width: -webkit-fill-available;
  margin-bottom: 0px!important;
}
.accesslevelform input[type=radio] + label:before{
  height:16px;
  margin-right: 4px;
  content: " ";
  display:inline-block;
  vertical-align: baseline;
  transition: 0.3s;
  border-radius:10px;
  box-shadow: inset 0 -3px 6px #e4e4e4;
  transition: 0.3s;
}

/* CUSTOM RADIO AND CHECKBOX STYLES */
/* DEFAULT */
.accesslevelform input[type=radio] + label .fa-ban:before{
  width:16px;
  color: rgb(224, 31, 31);
  font-size: 27px;
}

.accesslevelform input[type=radio]:indeterminate + label .fa-ban{
  display:none;
}

.accesslevelform input[type=radio]:indeterminate + label .fa-check{
  display:none;
}

.accesslevelform input[type='radio']:not(:checked) + label .fa-check
{
    display:none;
}

/* CHECKED */
.accesslevelform input[type=radio]:checked + label .fa-check:before{
  color: rgb(0, 128, 0);
  font-size: 27px;
}
.accesslevelform input[type=radio]:checked + label .fa-ban:before{
  display:none;
}

tr .fa-times{
    color: rgb(224, 31, 31);
}

.accesslevelform p{
  font-size: 16px; /* 14 to 16 */
  }
  .accesslevelform  .text-middle{
    padding-top: 12px!important;
    /* padding-top: 8px!important; */
  }
  .accesslevelform .dropdown-add-rec input{
      width: 100%!important;
      height: 24px!important;
      font-size: 16px!important;
      margin-top:0px!important;
      float: left!important;
      border-radius: initial!important;
      border: 0;
      box-shadow: inherit !important;
      padding: 8px!important;
  }
  .accesslevelform #tblAccessLevel label {
    /* font: normal normal normal 14px/1 FontAwesome!important; */
      /* font-family: "Font Awesome 5 Free"; */
  }
  .accesslevelform table > tbody > tr > td {
    /* padding:4px!important; */
  }

  .accesslevelform .page-header {
    /* padding-bottom: 9px; */
    margin: 7px 0 8px!important;
    /* padding: 8px!important; */
}

.inactiveLicence {
  background: rgb(193, 193, 193, 0.36);
}

.inactiveLicence label{
  /* visibility: hidden; */
}

.inactiveLicence .inactivefa{
    color: rgb(224, 31, 31);
    font-size: 27px;
}

.ui-menu.ui-widget li div , .ui-menu.ui-widget li a {
  font-size:16px!important;
  padding: 8px!important;
}

.accesslevelform  .table > thead > tr > th, .table > tbody > tr > th, .table > thead > tr > td, .table > thead > tr > td a{
  padding: 8px !important;
}
@media screen
  and (max-device-width: 812px){
.accesslevelform {
  padding-left: 10px!important;
  padding-right: 10px;
}
.accesslevelhead .active_page_content{
  padding-left: 10px!important;
}
}