.auth .auth-form-light {
    background: #ffffff;
    width:100%;
}

.auth .auth-form-light select {
    color: #c9c8c8;
}

.auth .auth-form-light .input-group .form-control:focus,
.auth .auth-form-light .input-group .form-control:active {
    border-color: #ebedf2;
}

.auth .brand-logo {
    /* margin-bottom: 2rem; */
    margin-bottom: 0rem;
}

.auth .brand-logo img {
    width: 250px;
}

.auth form .form-group {
    margin-bottom: 1.5rem;
}

.auth form .form-group label {
    font-size: .8125rem;
}

.auth form .form-group .form-control {
    background: transparent;
    border-radius: 0;
    font-size: .9375rem;
}

.auth form .auth-form-btn {
    height: 50px;
    line-height: 1.5;
}

.auth form .auth-link {
    font-size: 0.875rem;
}

.auth form .auth-link:hover {
    color: initial;
}

.container-scroller {
    overflow: hidden;
}
.container-fluid{
    --bs-gutter-x: 0;
}

.page-body-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    padding-right: 0;
}

.page-body-wrapper.full-page-wrapper {
    width: 100%;
}

.content-wrapper {
    background: #f2edf3; background: linear-gradient(45deg, #bcd6ed 0 20%, #326899 60% 99%);
    background: linear-gradient(0.40turn, #bcd6ed 0 15%, #326899 60% 99%);
    padding: 1.00rem 2.25rem;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.h-500 {
    height:500px;
}

.flex-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media screen and (min-width: 1366px) {
    .auth .auth-form-light {
        background: #ffffff;
        width: 100%;
    }
}

@media screen and (min-width: 1920px) {
    .auth .auth-form-light {
        background: #ffffff;
        width: 100%;
    }
}

.carousel-control-prev-icon {
  filter: none;          /* remove Bootstrap brightness/opacity */
  opacity: 1;            /* ensure fully visible */
}

/* Right arrow */
.carousel-control-next-icon {
  filter: none;
  opacity: 1;
}

.carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover {
  filter: none;
  opacity: 1;
}

.font-weight-light {
    font-family: "ubuntu-light", sans-serif;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.94rem 1.375rem;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1;
    color: #212529;
    background-color: color(white);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 2px;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}

.p-viewer-on{
    float: right;
    margin-top: -40px;
    margin-right: 14px;
    position: relative;
    z-index: 1;
    cursor:pointer;
}

.p-viewer-off{
    float: right;
    margin-top: -40px;
    margin-right: 14px;
    position: relative;
    z-index: 1;
    cursor:pointer;
}

.btn-gradient-primary {
    color:white;
    background: -webkit-gradient(linear, left top, right top, from(#da8cff), to(#9a55ff));
    background: linear-gradient(to right, #da8cff, #9a55ff);
    border: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.btn-lg,
.btn-group-lg>.btn {
    padding: 1rem 3rem;
    font-size: 0.875rem;
    border-radius: 0.1875rem;
}

.btn-gradient-primary:not(.btn-gradient-light):hover, .btn-gradient-primary:not(.btn-gradient-light):focus, .btn-gradient-primary:not(.btn-gradient-light):active {
  color: white;
  background:#9d58ff;
}

.login-logo{
    vertical-align: middle;
}