.modal-lg {
    max-width: 80% !important;
}
.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.checkbox-1x {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
}


      .left,
      .right {
          top: 50%;
          float: left;
          transform: translateY(0%);
      }
  
      .left {
          background: #144e9e;
          display: inline-block;
          white-space: nowrap;
          width: 50px;
          transition: width .5s;
      }
  
      .right {
          background: #fff;
          width: 350px;
          transition: width 1s;
          border-style: solid;
          border-color: #ccc;
          border-width: 1px;
      }
  
      .left:hover {
          width: 250px;
      }
  
      .item:hover {
          background-color: #222;
      }
  
      .left .fas {
          margin: 15px;
          width: 20px;
          color: #fff;
      }
  
      i.fas {
          font-size: 17px;
          vertical-align: middle !important;
      }
  
      .item {
          height: 50px;
          overflow: hidden;
          color: #fff;
      }
  
    a{
        text-decoration:none;
    }
    a:link {
        color: #fff;
    }
    a:hover {
        text-decoration:none;
    }
    a:visited {
        color: #fff;
    }