/*
    User Profile card 4
*/

#user-profile-card-4.card {
	border: none;
	.card-body {
		.dropdown.custom-dropdown {
			padding: 11px;
			a.dropdown-toggle {
				padding: 7px 6px;
				&:hover {
					background-color: $color_none;
				}
			}
			.custom-dropdown-icon {
				a.dropdown-toggle {
					padding: 7px 6px;
				}
			}
			.dropdown-toggle {
				i {
					font-size: 35px;
					vertical-align: $v-align-middle;
					color: $additional-color-11;
					&:hover {
						color: #3232b7;
					}
				}
			}
			.dropdown-menu {
				min-width: 7rem;
				box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2);
				border: none;
				.dropdown-item {
					padding: 0.325rem 2rem;
					font-size: 14px;
					color: $additional-color-11;
					font-weight: normal;
					&:hover {
						color: $color_79;
					}
				}
			}
		}
		.dropdown.custom-dropdown.show {
			.dropdown-toggle {
				i {
					color: #3232b7;
				}
			}
		}
		.usr-img-meta {
			img {
				width: 110px;
			}
		}
		.usr-info-meta {
			p.usr-name {
				font-size: 21px;
				color: $black;
			}
			p.usr-state {
				color: $black;
				font-size: 15px;
			}
		}
		.sales-meta {
			.sales-stats {
				p {
					font-size: 16px;
					color: $black;
				}
				h6 {
					font-size: 26px;
					color: $black;
					margin-top: -7px;
				}
			}
			#profile-chart {
				vertical-align: $v-align-middle;
				display: inline-block;
				width: 100px;
				height: 60px;
				.amcharts-main-div {
					a {
						display: none !important;
					}
				}
			}
		}
		button {
		    background-image: linear-gradient(-20deg, #3232b7 0%, #1a73e9 100%);
		    background-color: #3232b7;
			border: none;
			padding: 10px 45px;
			box-shadow: 4px 2px 10px 0px $color_57;
			&:hover {
				background-image: linear-gradient(-20deg, #1a73e9 0%, #3232b7 100%);
			    background-color: #1a73e9;
			}
		}
		ul.action-btn {
			li {
				padding: 0 11px;
			}
			i {
				padding: 12px;
				border-radius: 50%;
				font-size: 23px;
				color: $white;
				margin-bottom: 11px;
				background: $additional-color-11;
			}
			span {
				font-size: 14px;
				font-weight: 600;
				color: $color_76;
			}
		}
	}
}