.modal.fade .modal-dialog {
   top: 0;
   transform: translate(0, 0);
}
.modal-noti__content {
   /* fix style dialog */
   max-width: 100%;
   margin: 32px 0;
   /* ---------------- */
}

.modal-custom__content {
   /* fix style dialog */
   max-width: 100%;
   margin: 32px 0;
}

.modal.fade .modal-dialog {
   min-height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.nav.tabs-list__nav {
   margin: 12px 0;
}
.btn-qr{
   min-width: 36px !important;
   width: 36px !important;
   margin-left: 5px;
   padding: 0px !important;
   height: 36px !important;
   text-align: center;
   display: block;
   display: flex;
   justify-content: center;
}