body {
    background: linear-gradient(135deg, #cfe9f5, #e6d9f7);
}

.login.card{
    background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}

.activate-go-login-link:hover { 
    text-decoration: underline !important; 
}

.btn-primary-light {
    -webkit-box-shadow: 0 1px 2px 0 rgba(111, 106, 248, 0.35);
    box-shadow: 0 1px 2px 0 rgba(111, 106, 248, 0.35);
    color: #146ef5;
    background-color: #e7f0ff;
    border: 1px solid #e7f0ff;
}

.btn-primary-light:hover {
    color: #146ef5;
    background-color: #c7d8ff;
    border-color: #c7d8ff;
}

.btn-primary-light:focus {
    box-shadow: 0 0 0 0.25rem rgba(133, 128, 249, 0.5);
    /* 用 rgb 变量组合成 rgba */
}

.btn-primary-light:active {
    color: #ffffff;
    background-color: #5955c6;
    border-color: #5350ba;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-primary-light:disabled,
.btn-primary-light.disabled {
    color: #ffffff;
    background-color: #1868dd;
    border-color: #1868dd;
    pointer-events: none;
    opacity: 0.65;
}
.bg-primary-light{
    background-color: #1868dd;
}

.bg-primary-light-subtle {
    background-color:#e7f0ff!important;
}

.text-primary-light {
        color: #146ef5!important;
}

h1.extrafontsize{
    font-size: 6rem;
}

.iconbtnbg{
    background-color: #efefef;
    padding: 5px 8px;
    border-radius: 50%;
    color:#9f9f9f;
}

a.morebutton{
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 0px 8px;
}

.w-10{
    width: 10% !important;
}
.w-15{
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.white-space-normal{
    white-space: normal;
}
.unread.dropdown-item,
.unreadmessage{
    background-color: #f4f6f9;
}
.unread .bg-success{
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
}

.unreadmessage .bg-success {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    right: 12px;
    top: -6px;
 }

 .iconbg{
    position: absolute;
        right: 20px;
        opacity: 0.3;
        top: 15px;
 }

 .adjustsetting.noUi-horizontal .noUi-handle{
    transform: scale(1.8);
    cursor: pointer;
 }

  .adjustsetting .noUi-handle:after {
     left: 6px;
 }
  .adjustsetting .noUi-handle:after,
  .adjustsetting .noUi-handle:before {
     width: 3px;
 }
 .w-90{
    width: 90%;
 }
 .hidden{
    display: none;
 }
 .largesiez .form-check-input{
    width: 3.1em;
    height: 1.7em;
 }
 .vertical-boder-line{
    border-top: 1px solid #e5e5e5;
    padding-top: 18px;
    padding-bottom: 18px;
 }

 .overlapformtitle .form-label{
    background-color: #fff;
        margin-bottom: -20px;
        padding-right: 5px;
        padding-left: 8px;
        margin-left: 8px;
        position: relative;
        z-index: 2;
 }

.overlapformtitle select,
.overlapformtitle input{
    height: 50px;
 }

 .currentserverdetail{
    background: #f0f0f0;
 }


.filterform .selectr-selected,
.filterform input,
.filterform button,
.filterform select {
    height: 45px;
}

 .filterform .form-label {
     background-color: #fff;
     margin-bottom: -20px;
     padding-right: 5px;
     padding-left: 8px;
     margin-left: 8px;
     position: relative;
     z-index: 7;
 }
 .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active{
    color:#1868dd;
 }

 .form-check-input[type=checkbox],
 .form-control,
 .form-select,
 .selectr-selected {
     border: 1px solid #bdbdbd;
 }

 .reselleraccountportal{
    background-color: #ebf3ff;
 }

 .th-left {
    text-align: left !important;
 }

 /* When specific section is progressing/loading */
 .card-in-progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: rgba(255, 255, 255, 0.7);
    z-index: 10;

    display: flex;
    align-items: center;
    justify-content: center;
 }

 .disabled-link {
    pointer-events: none;
    opacity: 0.6;
 }

 /* Fix ng-table pagination with Bootstrap 5 */
.ng-table-pagination {
    margin-top: 15px !important;
}

.ng-table-pagination li {
    display: inline-block !important;
}

.ng-table-pagination li a {
    position: relative !important;
    display: block !important;
    padding: 0.375rem 0.75rem !important;
    color: #0d6efd !important;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    margin-left: -1px !important;
    text-decoration: none !important;
}

.ng-table-pagination li.active a {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #fff !important;
}

.ng-table-pagination li.disabled a {
    color: #6c757d !important;
    pointer-events: none !important;
}