/* 
Theme Name: pacgen
Theme URI:  
Author: 
Author URI: https://wordpress.org
Description: 
Requires at least: 6.1
Tested up to: 6.3
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: pacgen
 */

 .auth-one-bg {
    background-image: url(assets/images/ban.jpg);
    background-position: center;
    background-size: cover;
}
.auth-one-bg .bg-overlay {
    background: -webkit-gradient(linear,left top,right top,from(#364574),to(#405189));
    background: linear-gradient(to right,#364574,#405189);
    opacity: .8;
}
.app-menu.navbar-menu {
    /* background: #ddb3f4; */
    /* background: #ac00b7; */
}
.navbar-menu .navbar-nav .nav-link {
    /* color: #435590;
    font-weight: 600; */
    color: #ffffffcc;
    font-weight: 500;
}
.navbar-menu .navbar-nav .nav-sm .nav-link{
    color: #435590;
    opacity: 1;
}
.navbar-menu .navbar-nav .nav-sm .nav-link:before{
    color: #435590;
    opacity: 1;
    background-color: #435590;
}
.form-control.is-valid, .was-validated .form-control:valid{
    /* border-color: unset;
    background-image: unset; */
 
}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
    /* color: unset; */
}

.form-select.is-valid, .was-validated .form-select:valid {
    /* border-color: unset;
    --vz-form-select-bg-icon: unset!important; */
}
.popover{
    max-width: 800px!important;
}
.dropzone .dz-message{
    margin:1em 0!important;
}

.navbar-menu {
    border-right: 1px solid #00000005!important;
}
:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-brand-box {
    background-color: #8974ba!important;
}
.navbar-menu .navbar-nav .nav-sm .nav-link {
    color: #fff;
    opacity: 1;
}




/* 浅粉色按钮和背景 */
.btn-light-pink {
    background-color: #ffb6c1;
    color: white;
  }
  
  .btn-light-pink:hover {
    background-color: #ffa3b0;
    color: white;
  }
  
  .bg-light-pink {
    background-color: #ffb6c1;
    color: white;
  }
  
  /* 粉红色按钮和背景 */
  .btn-pink {
    background-color: #ff69b4;
    color: white;
  }
  
  .btn-pink:hover {
    background-color: #ff579a;
    color: white;
  }
  
  .bg-pink {
    background-color: #ff69b4;
    color: white;
  }
  
  /* 深粉色按钮和背景 */
  .btn-deep-pink {
    background-color: #ff1493;
    color: white;
  }
  
  .btn-deep-pink:hover {
    background-color: #e01282;
    color: white;
  }
  
  .bg-deep-pink {
    background-color: #ff1493;
    color: white;
  }
  
  /* 淡玫瑰红按钮和背景 */
  .btn-rose-pink {
    background-color: #ff6f61;
    color: white;
  }
  
  .btn-rose-pink:hover {
    background-color: #e05d53;
    color: white;
  }
  
  .bg-rose-pink {
    background-color: #ff6f61;
    color: white;
  }
  
  /* 亮粉色按钮和背景 */
  .btn-bright-pink {
    background-color: #ff00ff;
    color: white;
  }
  
  .btn-bright-pink:hover {
    background-color: #e600e6;
    color: white;
  }
  
  .bg-bright-pink {
    background-color: #ff00ff;
    color: white;
  }
  
  /* 珊瑚粉色按钮和背景 */
  .btn-coral-pink {
    background-color: #f88379;
    color: white;
  }
  
  .btn-coral-pink:hover {
    background-color: #e77369;
    color: white;
  }
  
  .bg-coral-pink {
    background-color: #f88379;
    color: white;
  }
  
  /* 桃粉色按钮和背景 */
  .btn-peach-pink {
    background-color: #ffc0cb;
    color: white;
  }
  
  .btn-peach-pink:hover {
    background-color: #ffb3c0;
    color: white;
  }
  
  .bg-peach-pink {
    background-color: #ffc0cb;
    color: white;
  }
  
  /* 热粉色按钮和背景 */
  .btn-hot-pink {
    background-color: #ff3399;
    color: white;
  }
  
  .btn-hot-pink:hover {
    background-color: #e62e89;
    color: white;
  }
  
  .bg-hot-pink {
    background-color: #ff3399;
    color: white;
  }
  
  /* 樱花粉色按钮和背景 */
  .btn-cherry-blossom-pink {
    background-color: #ffb7c5;
    color: white;
  }
  
  .btn-cherry-blossom-pink:hover {
    background-color: #ffa4b3;
    color: white;
  }
  
  .bg-cherry-blossom-pink {
    background-color: #ffb7c5;
    color: white;
  }
  
 

/* #dcdbee 按钮和背景 */
.btn-dcdbee {
  background-color: #dcdbee;
  color: white;
}

.btn-dcdbee:hover {
  background-color: #dcdbee;
  color: white;
}

.bg-dcdbee {
  background-color: #dcdbee;
  color: white;
}

/* #ddc9d8 按钮和背景 */
.btn-ddc9d8 {
  background-color: #ddc9d8;
  color: white;
}

.btn-ddc9d8:hover {
  background-color: #ddc9d8;
  color: white;
}

.bg-ddc9d8 {
  background-color: #ddc9d8;
  color: white;
}

/* #e5e1e6 按钮和背景 */
.btn-e5e1e6 {
  background-color: #e5e1e6;
  color: white;
}

.btn-e5e1e6:hover {
  background-color: #e5e1e6;
  color: white;
}

.bg-e5e1e6 {
  background-color: #e5e1e6;
  color: white;
}

/* #daafcf 按钮和背景 */
.btn-daafcf {
  background-color: #daafcf;
  color: white;
}

.btn-daafcf:hover {
  background-color: #daafcf;
  color: white;
}

.bg-daafcf {
  background-color: #daafcf;
  color: white;
}

/* #d4d2e9 按钮和背景 */
.btn-d4d2e9 {
  background-color: #d4d2e9;
  color: white;
}

.btn-d4d2e9:hover {
  background-color: #d4d2e9;
  color: white;
}

.bg-d4d2e9 {
  background-color: #d4d2e9;
  color: white;
}

/* #b9a8c2 按钮和背景 */
.btn-b9a8c2 {
  background-color: #b9a8c2;
  color: white;
}

.btn-b9a8c2:hover {
  background-color: #b9a8c2;
  color: white;
}

.bg-b9a8c2 {
  background-color: #b9a8c2;
  color: white;
}

/* #e3e1ec 按钮和背景 */
.btn-e3e1ec {
  background-color: #e3e1ec;
  color: white;
}

.btn-e3e1ec:hover {
  background-color: #e3e1ec;
  color: white;
}

.bg-e3e1ec {
  background-color: #e3e1ec;
  color: white;
}

/* #cdc9e8 按钮和背景 */
.btn-cdc9e8 {
  background-color: #cdc9e8;
  color: white;
}

.btn-cdc9e8:hover {
  background-color: #cdc9e8;
  color: white;
}

.bg-cdc9e8 {
  background-color: #cdc9e8;
  color: white;
}

/* #b6a6dd 按钮和背景 */
.btn-b6a6dd {
  background-color: #b6a6dd;
  color: white;
}

.btn-b6a6dd:hover {
  background-color: #b6a6dd;
  color: white;
}

.bg-b6a6dd {
  background-color: #b6a6dd;
  color: white;
}

/* #d0cde0 按钮和背景 */
.btn-d0cde0 {
  background-color: #d0cde0;
  color: white;
}

.btn-d0cde0:hover {
  background-color: #d0cde0;
  color: white;
}

.bg-d0cde0 {
  background-color: #d0cde0;
  color: white;
}

/* #aebce0 按钮和背景 */
.btn-aebce0 {
  background-color: #aebce0;
  color: white;
}

.btn-aebce0:hover {
  background-color: #aebce0;
  color: white;
}

.bg-aebce0 {
  background-color: #aebce0;
  color: white;
}

/* #d9bde3 按钮和背景 */
.btn-d9bde3 {
  background-color: #d9bde3;
  color: white;
}

.btn-d9bde3:hover {
  background-color: #d9bde3;
  color: white;
}

.bg-d9bde3 {
  background-color: #d9bde3;
  color: white;
}

/* #b882af 按钮和背景 */
.btn-b882af {
  background-color: #b882af;
  color: white;
}

.btn-b882af:hover {
  background-color: #b882af;
  color: white;
}

.bg-b882af {
  background-color: #b882af;
  color: white;
}

/* #d9bfd2 按钮和背景 */
.btn-d9bfd2 {
  background-color: #d9bfd2;
  color: white;
}

.btn-d9bfd2:hover {
  background-color: #d9bfd2;
  color: white;
}

.bg-d9bfd2 {
  background-color: #d9bfd2;
  color: white;
}

/* #c9a4d7 按钮和背景 */
.btn-c9a4d7 {
  background-color: #c9a4d7;
  color: white;
}

.btn-c9a4d7:hover {
  background-color: #c9a4d7;
  color: white;
}

.bg-c9a4d7 {
  background-color: #c9a4d7;
  color: white;
}

/* #b79abd 按钮和背景 */
.btn-b79abd {
  background-color: #b79abd;
  color: white;
}

.btn-b79abd:hover {
  background-color: #b79abd;
  color: white;
}

.bg-b79abd {
  background-color: #b79abd;
  color: white;
}

/* #8b84ae 按钮和背景 */
.btn-8b84ae {
  background-color: #8b84ae;
  color: white;
}

.btn-8b84ae:hover {
  background-color: #8b84ae;
  color: white;
}

.bg-8b84ae {
  background-color: #8b84ae;
  color: white;
}

/* #c5cfed 按钮和背景 */
.btn-c5cfed {
  background-color: #c5cfed;
  color: white;
}

.btn-c5cfed:hover {
  background-color: #c5cfed;
  color: white;
}

.bg-c5cfed {
  background-color: #c5cfed;
  color: white;
}

/* #9eaae0 按钮和背景 */
.btn-9eaae0 {
  background-color: #9eaae0;
  color: white;
}

.btn-9eaae0:hover {
  background-color: #9eaae0;
  color: white;
}

.bg-9eaae0 {
  background-color: #9eaae0;
  color: white;
}

/* #8974ba 按钮和背景 */
.btn-8974ba {
  background-color: #8974ba;
  color: white;
}

.btn-8974ba:hover {
  background-color: #8974ba;
  color: white;
}

.bg-8974ba {
  background-color: #8974ba;
  color: white;
}


/* ##949ca3 按钮和背景 */
.btn-949ca3 {
  background-color: #949ca3;
  color: white;
}

.btn-949ca3:hover {
  background-color: #949ca3;
  color: white;
}

.bg-949ca3 {
  background-color: #949ca3;
  color: white;
}

/* ##f0f4f8 按钮和背景 */
.btn-f0f4f8 {
  background-color: #f0f4f8;
  color: white;
}

.btn-f0f4f8:hover {
  background-color: #f0f4f8;
  color: white;
}

.bg-f0f4f8 {
  background-color: #f0f4f8;
  color: white;
}

body{
  background-color: #f0f4f8;
}

.was-validated .choices[data-type*=select-multiple] .choices__inner:has(.form-select:invalid) {
  border-color: var(--vz-form-invalid-border-color);
}