/* popup container - can be anything you want */
.popup {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.popup-title {
    display: block;
    position: relative;
    max-width: 100%;
    margin: 0 0 0.4em;
    padding: 0;
    color: #131e22;
    font-size: 1.875em;
    font-weight: 500;
    text-align: center;
    text-transform: none;
    word-wrap: break-word; }

#name{
    width: 100%;
    transition: border-color .3s, box-shadow .3s;
    border: 1px solid #d9d9d9;
    border-radius: 0.1875em;
    font-size: 1.125em;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    padding: 0.75em;
}

/* popup content */
.popup-content {
    border-radius: 0.3125em;
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 30%; /* Could be more or less, depending on screen size */
}

.popup-actions {
    align-items: center;
    justify-content: center;
    margin: 1.25em auto 0;
    display:flex;
}

.popup-btn-succes{
    margin: 0.3125em;
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #3085d6;
    color: #fff;
    font-size: 1.0625em;
    display:inline-block;
    padding-block-end: 10.625px;
    padding-block-start: 10.625px;
    padding-bottom: 10.625px;
    padding-inline-end: 34px;
    padding-inline-start: 34px;

}
.popup-btn-cancel{
      border: 0;
      border-radius: 0.25em;
      background: initial;
      background-color: #aaa;
      color: #fff;
      font-size: 1.0625em;
      display:inline-block;
      padding-block-end: 10.625px;
      padding-block-start: 10.625px;
      padding-bottom: 10.625px;
      padding-inline-end: 34px;
      padding-inline-start: 34px;
}
.popup-btn-cancel:hover{
    background-color: #f27474;
}

.clickable-tr {

}

.clickable-tr:hover {
  background-color: darkgrey;
}

#openPopupBtn {
    position:absolute;
    top:10px;
    right: 25px;
}
.card-box {
    position: relative;
}

/* Custom styles for 2FA SweetAlert2 popup */
.my-2fa-popup {
    min-width: 350px !important;
}