.auth-bg, .guest-layout{
    background: radial-gradient(circle at 39% 47%,rgba(107,107,107,.08) 0,rgba(107,107,107,.08) 33.333%,rgba(72,72,72,.08) 33.333%,rgba(72,72,72,.08) 66.666%,rgba(36,36,36,.08) 66.666%,rgba(36,36,36,.08) 99.999%),radial-gradient(circle at 53% 74%,rgba(182,182,182,.08) 0,rgba(182,182,182,.08) 33.333%,rgba(202,202,202,.08) 33.333%,rgba(202,202,202,.08) 66.666%,rgba(221,221,221,.08) 66.666%,rgba(221,221,221,.08) 99.999%),radial-gradient(circle at 14% 98%,rgba(184,184,184,.08) 0,rgba(184,184,184,.08) 33.333%,rgba(96,96,96,.08) 33.333%,rgba(96,96,96,.08) 66.666%,rgba(7,7,7,.08) 66.666%,rgba(7,7,7,.08) 99.999%),linear-gradient(45deg,#027984,#22b783) !important;
}
.guest-logo {
    margin-left: 90px;
}
/* #buttonsforcoupons{
    margin: 0px 0px 0px 540px;

} */
.bg-gray-800 {
    background-color: #027984 !important;
}


.leftbar-tab-menu .main-icon-menu {
    background: radial-gradient(circle at 39% 47%,rgba(107,107,107,.08) 0,rgba(107,107,107,.08) 33.333%,rgba(72,72,72,.08) 33.333%,rgba(72,72,72,.08) 66.666%,rgba(36,36,36,.08) 66.666%,rgba(36,36,36,.08) 99.999%),radial-gradient(circle at 53% 74%,rgba(182,182,182,.08) 0,rgba(182,182,182,.08) 33.333%,rgba(202,202,202,.08) 33.333%,rgba(202,202,202,.08) 66.666%,rgba(221,221,221,.08) 66.666%,rgba(221,221,221,.08) 99.999%),radial-gradient(circle at 14% 98%,rgba(184,184,184,.08) 0,rgba(184,184,184,.08) 33.333%,rgba(96,96,96,.08) 33.333%,rgba(96,96,96,.08) 66.666%,rgba(7,7,7,.08) 66.666%,rgba(7,7,7,.08) 99.999%),linear-gradient(45deg,#027984,#22b783) !important;
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link.active, .leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link:focus {
    background-color: #22b783 !important;
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link {
    background-color: #22b783 !important;
}
.btn-primary {
    background-color: #027984 !important;
    border-color: #027984 !important;
}

body {
    font-size: 14px !important;
}
.page-wrapper {
    background: #fff8f8 !important;
}
.card {
    background-color: #fffefe !important;
    /* border: 1px solid #cfd1d7 !important; */
}
.btn {
    font-weight: bold !important;
}
.logo-right-side-pannel {
    width: 245px !important;
}
.logo-dark {
    /* height: 30px !important; */
    height: 20px !important;
}
.roledrop1 .has-selected{
    width: 25% !important;
    margin:20px 20px 20px 0px;
    }
.text-red-600 {
    color: #f11414;
}
.action-btns {
    float: right !important;
}

.la-trash-alt {
    color: red !important;
}

.la-pen {
    color: blue !important;
}
.submit-btn {
    float: right !important;
    margin-right: 5px;
}

.required:after {
    content:" *";
    color: red;
}

.backend-error {
    width: 100%;
    margin-top: 0.25rem;
    font-size: .875em;
    color: #ef4d56
}

.no-records {
    color: #d93030;
    font-weight: 500;
}

.toast-container {
    z-index: 2;
}

.toast-success {
    color: green;
    /* background: #c0e3c6; */
    font-weight: 500;
}

.toast-error {
    color: #f26767;
    /* background: #f8e6e6; */
    font-weight: 500;
}

.toast-error,.toast-success {
    -moz-animation: cssAnimation 0s ease-in 5s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 5s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 5s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}

.swal2-popup {
    font-size: 15px !important;
    width: 20em !important;
    border-radius: 0px !important;
}
.swal2-popup .swal2-title {
    font-size: 17px !important;
}
.la-pen, .la-trash-alt {
    float: left !important;
    padding-left: 5px !important;
}
.link {
    color: #3c63d6 !important;
}
.filter{
    display: flex;

}
#filter{
    display: flex;
    position: relative;
    right: 10px;
}

.button-back{
    display: flex;
    position: absolute;
    right: 18px;
    bottom: 518px;
}

.avatar-image{
    border-radius: 50%;
    overflow: hidden;
    width:15rem ;
    height:15rem;
}
#avatar-label {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
  }

  #avatar-label i {
    margin-bottom: 130px;
    margin-right: 100px;
    font-size: 24px; /* Adjust the font size to change the icon size */
  color: #000; /* Adjust the color to change the icon color */
  border: 2px solid #ffffff; /* Add a border around the icon */
  border-radius: 50%; /* Make the border rounded to create a circle */
  padding: 5px; /* Adjust the padding to control the size of the circle */
  background-color: rgb(183 183 183); /* Adjust the background color of the circle */
  }
  .filter-label
  {
   color: blue;
  }
  .filter-button {
    margin-top: 20px;
    padding: 5px;
}

.reset-button {
    margin-left: 10px;
    width: 90px;
}