:root {
  --bs-blue: #63B3ED;
  --bs-indigo: #596CFF;
  --bs-purple: #ca0b54 /*OLD #6f42c1*/;
  --bs-pink: #ff5a88; /*OLD #d63384*/
  --bs-red: #F56565;
  --bs-orange: #fd7e14;
  --bs-ocra-yellow: #f6b407;
  --bs-yellow: #FBD38D;
  --bs-green: #81E6D9;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #575652;
  --bs-gray-100: #f3f1f5 /*#f8f9fa*/;
  --bs-gray-200: #e9ecef; 
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #7a3384;
  --bs-secondary: #b0b0a8;
  --bs-success: #7FB644;
  --bs-info: #11cdef;
  --bs-warning: #fb6340;
  --bs-danger: #ce0026;
  --bs-light: #e9ecef;
  --bs-dark: #25222b;
  --bs-white: #fff;
  --bs-primary-rgb: 94, 114, 228;
  --bs-secondary-rgb: 131, 146, 171;
  --bs-success-rgb: 45, 206, 137;
  --bs-info-rgb: 17, 205, 239;
  --bs-warning-rgb: 251, 99, 64;
  --bs-danger-rgb: 245, 54, 92;
  --bs-light-rgb: 233, 236, 239;
  --bs-dark-rgb: 52, 71, 103;
  --bs-white-rgb: 255, 255, 255;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 103, 116, 142;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: "Open Sans", sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-gradient-primary: linear-gradient(310deg, #b21e5e 0%, #7a3384 50%, #232a5b 100%);
  --bs-gradient-secondary: linear-gradient(310deg, #636366 0%, #b7b7ba 100%);
  --bs-gradient-danger: linear-gradient(310deg, #ff1e3d 0%, #c50f28  100%);
  --bs-gradient-success: linear-gradient(310deg, #71DF00 0%, #57AC00  100%);
  --bs-gradient-warning: linear-gradient(310deg, #ef7e03 0%, #f6b407 100%);
  --bs-gradient-faded-danger: radial-gradient(370px circle at 80% 50%, rgba(255, 90, 136,0.5) 0, #cc083f 100%);
  --bs-card-body-gray-100: #f8f9fb;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #888889;
  --bs-body-bg: #fff;
}

body {
  color: #919090 !important;
}

body.wecard .navbar-brand-img{
	  width: 130px!important;
	}

body.wecard .card-body img.w-100.w-md-70.w-xl-90 {
    height: 56px!important;
    width: auto!important;
}

body.wecard .navbar-vertical.bg-white .navbar-nav > .nav-item .nav-link.active {
  background-color: var(--bs-gray-100) !important;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  color: #2a295b !important;
}

a.paginate_button.current {
  background-image: var(--bs-gradient-primary) !important;
}

.navbar-vertical .navbar-nav .nav-link i {
  color: var(--bs-primary) !important;
}

.form-control:focus, #password:focus, #input-password-confirm:focus, #password input:focus {
  border-color: var(--bs-primary)!important;
 }

.text-primary {
  color: var(--bs-primary)!important;
}

.text-secondary {
  color: var(--bs-secondary)!important;
}

.text-white {
    color: var(--bs-white) !important;
}

.text-gray {
    color: var(--bs-secondary) !important;
}

.text-gold {
    color: var(--bs-primary) !important;
}

.text-pink {
  color: var(--bs-primary) !important;
}

.text-purple {
  color: var(--bs-purple) !important;
}

.text-danger {
  color: var(--bs-primary)!important;
}

.text-success {
  color: var(--bs-success)!important;
}

.numbers .text-danger {
  color: var(--bs-danger)!important;
}

.text-dark {
  color: var(--bs-dark)!important;
}

.nav-item .nav-link .text-info {
  color: var(--bs-primary) !important;
}

.bg-gray-100 {
  background-color: var(--bs-gray-100)!important;
}

.card-body.bg-gray-100 {
  background-color:  var(--bs-card-body-gray-100)!important;
}

.btn-link {
  font-weight: 400;
  color: var(--bs-primary) !important;
  text-decoration: none;
}

.btn-link:hover {
  color: var(--bs-purple) !important;
  text-decoration: none;
}

.btn-primary {
  color: var(--bs-white)!important;
  background-color: var(--bs-primary)!important;
  border-color: var(--bs-primary)!important;
}

.btn-success {
  color: #42740B !important;
  background-color: #A8D972;
  background-color: #A8D972;
}

a.btn-success:hover {
  color: #FFF!important;
  background-color: #42740B;
  background-color: #42740B;
}

.btn-primary:hover {
  background-color: #992a88 !important;
  border-color: #992a88  !important;
}

.btn-outline-primary {
  color: var(--bs-gray-dark) !important;
  border-color: var(--bs-gray-dark) !important;
}

.btn-outline-purple {
  color: var(--bs-purple) !important;
  border-color: var(--bs-purple) !important;
}

.btn-outline-purple:hover {
  color: #FFF!important;
  background-color: var(--bs-danger) !important;
  border-color: var(--bs-danger) !important;
}

.btn-outline-danger {
  color: var(--bs-danger) !important;
  border-color: var(--bs-danger) !important;
}

.list-group-item .btn-outline-danger {
  color: var(--bs-danger) !important;
  border-color: var(--bs-danger) !important;
}

.list-group-item .btn-outline-danger:hover,
.list-group-item .btn-outline-danger:hover i{
  color: var(--bs-white) !important;
  background-color: var(--bs-danger)!important;
  border-color: var(--bs-danger)!important;
}

.list-group-item .btn-outline-danger i{
  color: var(--bs-danger) !important;
}

.btn-outline-danger:hover {
  color: #FFF!important;
  background-color: var(--bs-primary)!important;
  border-color: var(--bs-primary)!important;
}

.btn-outline-dark {
  color: var(--bs-dark)!important;
  border-color: var(--bs-dark)!important;
}

.btn-outline-dark:hover {
  color: #FFF!important;
  background-color: var(--bs-dark)!important;
  border-color: var(--bs-dark)!important;
}

.badge.bg-primary {
  background: var(--bs-primary)!important;
}

.bg-primary {
  background: var(--bs-primary)!important;
}

.bg-gradient-silver {
  background-image: var(--bs-gradient-secondary) !important;
}

.bg-gradient-gold {
  background-image: var(--bs-gradient-primary) !important;
}


.bg-gradient-primary {
  background-image: var(--bs-gradient-primary)!important;
}

a.bg-gradient-primary:hover {
  background-image: linear-gradient(310deg, #b21e5e 0%, #b21e5e 100%) !important;
}

.bg-gradient-profile {
  background-image: -webkit-linear-gradient(320deg, #b21e5e 0%, #7a3384 50%, #232a5b 100%) !important;
  background-image: -o-linear-gradient(320deg, #b21e5e 0%, #7a3384 50%, #232a5b 100%) !important;
  background-image: linear-gradient(320deg, #b21e5e 0%, #7a3384 50%, #232a5b 100%) !important;
}	

.bg-gradient-secondary {
  background-image:  var(--bs-gradient-secondary)!important;
}

.bg-gradient-secondary:hover {
  background-image: linear-gradient(310deg, #b7b9ba 0%, #b7b9ba 100%)!important;
}

.bg-gradient-danger {
  background-image: var(--bs-gradient-danger)!important;
}

.bg-gradient-warning {
  background-image: var(--bs-gradient-warning)!important;
}

.bg-gradient-success {
  background-image: var(--bs-gradient-success)!important;
}

.bg-gradient-faded-primary {
  background-image: var(--bs-gradient-primary) !important;
}

.bg-gradient-faded-danger {
  background-image: var(--bs-gradient-primary) !important;
}

.tab-pane .bg-gradient-yellow {
  background-image: linear-gradient(310deg, #4e4420 0%, #adaa9d 100%);
}

.tab-pane i.text-orange {
  color: #7a3384 !important;
}

.tab-pane i.text-dark {
  color: #54235b !important;
}

.tab-pane .bg-gradient-yellow {
  background-image: linear-gradient(310deg, #232a5b 0%, #7a3384 100%)!important;
}

.tab-pane .bg-gradient-secondary {
	background-image: linear-gradient(310deg, #232a5b 0%, #54235b 100%)!important;
}

body.wecard .page-header.pt-5 {
  padding-top: 7.2rem !important;
}

body.wecard .mask + .container.pt-7 {
  padding-top: 9.5rem !important;
}

.btn-outline-primary {
  color: var(--bs-gray-dark)!important;
  border-color: var(--bs-gray-dark)!important;
}

#navigation .btn-outline-primary {
  color: #7a3384 !important;
  border-color: transparent!important;
  background-color: #ebe7ef !important;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid #b48fba !important;
}

#navigation .btn-outline-primary:hover {
  color: #FFF!important;
  border-color: transparent!important;
  background-color: #7b3385 !important;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08) !important;
  border: none !important;
  opacity: 1;
}

#sidenavCard img:first-child {
  float: left;
  width: 0px !important;
  height: 0px !important;
  margin: auto;
  padding: 40px 60px;
  background-image: url('../assets/img/illustrations/icon-documentation-purple.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%
}

.avatar img:first-child {
  float: left;
  width: 0px !important;
  height: 0px !important;
  margin: auto;
  padding: 37px;
  background-image: url('../assets/img/user-square-purple.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

@media (max-width: 575.98px) {
	
	body.wecard .navbar-brand-img{
	  width: 120px!important;
	}
	
	body.wecard .btn-white.ccdetail.btn-xs span {
	  display: none;
	}
	
	body.wecard .btn-white.ccdetail.btn-xs:after {
	  content: 'Dettagli';
	}
}

@media (min-width: 575.98px) and (max-width: 810px){
	
	body.wecard .navbar-brand-img{
	  width: 160px!important;
	}

  body.wecard .card-body img.w-100.w-sm-90.w-md-100.w-xl-90 {
    height: 46px!important;
    width: auto!important;
  }

}

@media (min-width: 320px) and (max-width: 575.98px){
	
	.navbar .container button.navbar-toggler {
    display: none !important;
  }
  
  .navbar .container a.navbar-brand img,
  .navbar .container a.navbar-brand {
    margin: 0px auto !important;
    display: block;
    width: 150px !important;
    padding: 0px 0px 0px 10px;
  }

}