#plugin-client-modal {
    position: fixed;
    background: #c8c8c859;
    top: 0;
    border: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}
#plugin-client-modal-loader {
    position: absolute;
}
.w-100 {
    width: 100%;
}
.btn.btn-success.text-bigger-start {
    font-size: 26px;
    padding: 10px 45px;
}
.btn.btn-success.text-bigger-start a {
    color:#fff;
}
a.slms-add-more-resource-btn {
    font-size: 16px;
    color: #cf6262;
}
form#slms-ticket-submission-form {
    width: 600px;
    margin: 0 auto;
    box-shadow: 2px 4px 10px 0 #01010129;
    padding: 30px;
    margin-top: 30px;
}
.slms-ticket-user-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.slms-ticket-panel {}
.slms-ticket-panel ul {
    margin: 0;
    padding: 0;
}
.slms-ticket-panel ul li {
    display: flex;
    justify-content: space-between;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.slms-ticket-panel ul li a {}
.slms-ticket-reply-panel {
    width: 800px;
    margin: 30px auto;
    box-shadow: 2px 4px 30px 0 #0101011f;
    padding: 20px;
    border-radius: 4px;
}
.slms-ticket-reply-panel h4 {
    margin: 0;
}
.slms-ticket-reply-panel {}
.slms-ticket-reply-panel ul {
}
.slms-ticket-reply-panel ul li {
    margin-bottom: 10px;
    background-color: #0037ff0a;
    padding: 10px;
}
.slms-comment-form-comment textarea#comment {
    width: 100%;
}
.slms-ticket-replie-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.slms-ticket-reply-panel h2 {
    margin-bottom: 10px;
}
.slms-ticket-reply-panel .slms-ticket-content {
/*    background-color: #ff000008;*/
/*    padding: 10px;*/
    margin: 15px 0;
}
.slms-ticket-replies li.customer-reply {
    background-color: #00800014;
}

.slms-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.slms-popup-content {
  background: #fff;
  padding: 20px;
  position: relative;
  border-radius: 5px;
  width: 300px;
}

.slms-popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 24px;
}

.slms-ticket-dashboard {
    width: 100%;
    margin: 20px auto;
}

.slms-tab-nav {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
    display: flex;
    gap: 10px;
}

.slms-tab-nav li {
    display: inline-block;
}

.slms-tab-nav a {
    padding: 10px 20px;
    text-decoration: none;
    background-color: #0073aa;
    color: white;
    border-radius: 4px;
}

.slms-tab-nav a.active {
    background-color: #005a8c;
}

.slms-tab-content {
    display: none;
}

.slms-ticket-list {
    list-style: none;
    padding: 0;
}

.slms-ticket-list li {
    padding: 0;
    border-bottom: 1px solid #ddd;
}
.slms-ticket-dashboard {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 20px;
}
.slms-ticket-dashboard ul.slms-ticket-tabs {
    margin: 0;
    padding: 0;
    background-color: #f6f8fc;
}
.slms-ticket-dashboard ul.slms-ticket-tabs li {
    padding: 0;
}
a.slms-tab-link {
    padding: 10px;
    display: block;
    color: rgb(32,33,36);
}
a.slms-tab-link.active {
    background-color: #d3e3fd;
    color: #001d35;
}
.slms-ticket-list li {
    display: flex;
    justify-content: space-between;
    border: 1px solid #dde3ef;
    padding: 10px;
    border-radius: 3px;
}