.img-card:before{
	content: '';
    position: absolute;
    background: url(../img/circle.svg);
	background-position: right;
    background-repeat: no-repeat;
	width:100%;
	height:100%;
	opacity:0.5
}

.bg-danger {
   background:  #f82649!important;
}

.bg-secondary {
	background: #d43f8d !important;
}
.bg-success {
	background: #09ad95!important;
}

.avatar-sm {
    width: 1.6rem;
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: .75rem;
}

.brround {
    border-radius: 50%;
}

img {
    max-width: 100%;
}

img {
    vertical-align: middle;
    border-style: none;
}

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 100%;
    font-weight: 300;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 3px;
    font-size: 13px;
}

.btn .badge {
	position: relative;
	top: -1px;
}
.badge-secondary {
	color: #fff;
	background: #d43f8d  !important;
	box-shadow: 0 5px 10px rgba(167, 66, 153, 0.3)
}
.badge-secondary[href]:hover, .badge-secondary[href]:focus {
	color: #fff;
	text-decoration: none;
	background: #d43f8d ;
}
.badge-success {
	color: #fff;
	background:   #09ad95!important;
	box-shadow: 0 5px 10px rgba(19, 191, 166, 0.3);
}
.badge-success[href]:hover, .badge-success[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #448700;
}
.badge-gradient-success {
	color: #fff;
	background: linear-gradient(to bottom right, #62fb62, #21a544) !important;
}
.badge-gradient-success[href]:hover, .badge-gradient-success[href]:focus {
	color: #fff;
	text-decoration: none;
	background: linear-gradient(to bottom right, #5cf55c, #1d983e) !important;
}
.badge-info {
	color: #fff;
	background:  #0774f8 !important;
	box-shadow: 0 5px 10px rgba(7, 116, 248, 0.3);
}
.badge-info[href]:hover, .badge-info[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #1db7ec;
}
.badge-warning {
	color: #fff;
	background:#f7b731 !important;
	box-shadow: 0 5px 10px rgba(247, 183, 49, 0.3);
}
.badge-warning[href]:hover, .badge-warning[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #fab525;
}
.badge-danger {
	color: #fff;
	background: #f82649!important;
	box-shadow: 0 5px 10px rgba(237, 49, 76, 0.3);
}
.badge-danger[href]:hover, .badge-danger[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #f42341;
}
.badge-light {
	color: #495057;
	background-color: #f8f9fa;
}
.badge-light[href]:hover, .badge-light[href]:focus {
	color: #495057;
	text-decoration: none;
	background-color: #dae0e5;
}
.badge-dark {
	color: #fff;
	background-color: #343a40;
}
.badge-dark[href]:hover, .badge-dark[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #1d2124;
}

/*-----Badges-----*/

.btn .badge {
	position: relative;
	top: -1px;
}
.badge-secondary-gradient {
	color: #fff;
	background: linear-gradient(to bottom right, #fbc434 0%, #f66b4e 100%) !important;
}
.badge-secondary-gradient[href]:hover, .badge-secondary-gradient[href]:focus {
	color: #fff;
	text-decoration: none;
	background: #f66b4e;
}
.badge-secondary-gradient[href]:hover, .badge-secondary-gradient[href]:focus {
	color: #fff;
	text-decoration: none;
	background:linear-gradient(to bottom right, #fd9220 0%, #f66b4e 100%) !important;
}
.badge-success-gradient {
	color: #fff;
	background: linear-gradient(to bottom right,  #21a544 0% , #62fb62 100%) !important;
}
.badge-success-gradient[href]:hover, .badge-success-gradient[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #448700;
}
.badge-success-gradient {
	color: #fff;
	background: linear-gradient(to bottom right, #62fb62, #21a544) !important;
}
.badge-success-gradient[href]:hover, .badge-success-gradient[href]:focus {
	color: #fff;
	text-decoration: none;
	background: linear-gradient(to bottom right, #5cf55c, #1d983e) !important;
}
.badge-info-gradient {
	color: #fff;
	background: linear-gradient(to bottom right, #1e63c3 0%, #00f2fe 100%) !important;
}
.badge-info-gradient[href]:hover, .badge-info-gradient[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #1594ef;
}
.badge-info-gradient {
	color: #fff;
	background: linear-gradient(to bottom right,#00f2fe 0%, #1e63c3 100%) !important;
}
.badge-info-gradient[href]:hover, .badge-info-gradient[href]:focus {
	color: #fff;
	text-decoration: none;
	background: linear-gradient(to bottom right,#05ebf6 0%, #205fb6 100%) !important;
}
.badge-warning-gradient {
	color: #fff;
	background:linear-gradient(to bottom right,#f66b4e 0%, #fbc434 100%) !important;
}
.badge-warning-gradient[href]:hover, .badge-warning-gradient[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #c29d0b;
}
.badge-warning-gradient {
	color: #fff;
	background:linear-gradient(to bottom right,#f66b4e 0%, #fbc434 100%) !important;
}
.badge-warning-gradient[href]:hover, .badge-warning-gradient[href]:focus {
	color: #fff;
	text-decoration: none;
	background: linear-gradient(to bottom right, #ecb831 0%, #eb6448 100%) !important;
}
.badge-danger-gradient {
	color: #fff;
	 background-image: linear-gradient(to bottom right,  #FF416C 0%,  #FF4B2B 100%) !important;
}
.badge-danger-gradient[href]:hover, .badge-danger-gradient[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #a11918;
}
.badge-danger-gradient {
	color: #fff;
	background-color: #990000;
    background-image: linear-gradient(to bottom right, #ff0000 0%, #990000 100%);
}
.badge-danger-gradient[href]:hover, .badge-danger-gradient[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #990000;
    background-image: linear-gradient(to bottom right, #8f0101 0%, #f90404 100%);
}
.badge-light-gradient {
	color: #495057;
	background-color: #f8f9fa;
}
.badge-light-gradient[href]:hover, .badge-light-gradient[href]:focus {
	color: #495057;
	text-decoration: none;
	background-color: #dae0e5;
}
.badge-dark {
	color: #fff;
	background-color: #343a40;
}
.badge-dark[href]:hover, .badge-dark[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #1d2124;
}