.container{
  --padding-top:20px !important;
 --padding-bottom:20px !important;
 --padding-start:20px !important;
 --padding-end:20px !important;
}
.arrow-right{
  display: none;
  margin-bottom: 20px;
  .arrow-right-icon{
      width: 37px;
      float: right;
      font-size: 35px;
      overflow: hidden;
  }
}
.buttons{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  .btn-ok, .btn-cancel, .btn-delete{
      margin-bottom: 10px !important;
  }
}
.solid {
  display: none;
  width: 90%;
  border-top: 1px solid #bbb;
  margin: 0 auto !important;
  margin-bottom: 10px;
}
@media only screen and (min-width: 701px) {
  .arrow-right{
      display: flex;
      justify-content: flex-end;
  }
  .btn-cancel{
    width: 100% !important;
  }
  .btn-cancel:hover{
    background-color: var(--button-hover);
    color: #fff !important;
  }
  .mobile-only{
    display: none !important;
  }
}
