/* ===============================================================================================
	File Name: list-group.scss
	Description: Contain list item, list group related extended SCSS.
	----------------------------------------------------------------------------------------------
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================================*/

// Inline list style with pipeline seperator

ul.list-inline{
	li{
		display: inline-block;
	}
	&.list-inline-pipe{
		>li + li:before{
			content: ' | ';
		    color: $gray-300;
		}
	}
}
.list-group{
	.list-group-item{
		&.active{
			color: #fff !important;
		}
	}
	.list-group-item-action{
		&:active{
			color: #fff;
	    	background-color: $info;
	    	a{
	    		color: #fff;
	    	}
		}
	}
}
.users-list{
	li+li {
    	margin-left: -10px;
	}
	li{
		img{
			border: 2px solid #fff;
    		box-shadow: 0px 2px 10px 0px rgba($gray-600, 0.3)
    	}
    	.badge{
			background: rgba($white, 0.8);
			color: $gray-600;
      margin-bottom: 2px;
      z-index: 2;
    	}
	}
}

// material specific scss
.material-layout{
  .users-list{
    li{
        .badge{
          margin-bottom: 1px;
        margin-left: 22px;
        }
    }
  }
}
