#admin-experiences-modal {
	.product-item {
		margin-bottom: 60px;
	}
	.text-center {
    text-align: center;
	}
	.product-item-thumbnail-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
	}
	.product-item-thumbnail-label {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 5px 12px;
    border-radius: 20px;
    z-index: 3;
    text-transform: uppercase;
    color: #fff;
		font-size: 12px;
		cursor: pointer;
		&.add {
			background: #e7505a;
		}
		&.on {
			background: #50E780;
		}
	}
	.img-responsive {
		display: block;
    max-width: 100%;
    height: auto;
	}
}
#admin-experiences {
	.price {
		font-size: 14pt;
		font-weight: 400;
		color: #3C3D3E;
	}
	.todo-completed {
		color: #fff;
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 5px 15px;
    border-radius: 20px;
		font-size: 11px;
		font-weight: 500;
		background: #1ed638;
		cursor: pointer;
	}
	.content {
		min-height: 100vh;
    padding-top: 30px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px;
		padding-right: 30px;
		.m-t-150 {
			margin-top: 150px;
		}
		.el-button--info {
			color: #fff;
			background-color: #50bfff;
			border-color: #50bfff
		}
		.el-button {
			display: inline-block;
			line-height: 1;
			white-space: nowrap;
			cursor: pointer;
			background: #fff;
			border: 1px solid #c4c4c4;
			color: #1f2d3d;
			margin: 0;
			padding: 10px 15px;
			border-radius: 4px;
			margin-top: 150px;
		}
		.todo-devin {
			background: #fff;
			border-radius: 0;
			.side-todo {
				padding: 30px 0 0 30px;
				min-height: 300px;
				border-radius: 5px;
				position: relative;
				z-index: 0;
				ul {
					margin: 0;
					padding: 0;
					li {
						padding: 10px 0 0;
						list-style: none;
						margin: 0 0 30px;
						img {
							float: left;
							border-radius: 50%;
							width: 60px;
							border: 2px solid #eee;
						}
						.about {
							float: left;
							margin-top: 8px;
							position: relative;
							left: 20px;
							.name {
								font-weight: 500;
								font-size: 14px;
								text-transform: uppercase;
							}
							.status {
								font-weight: 500;
								font-size: 14px;
								text-transform: uppercase;
								.fa {
									display: inline-block;
									font: normal normal normal 14px/1 FontAwesome;
									font-size: inherit;
									text-rendering: auto;
									-webkit-font-smoothing: antialiased;
									&.online {
										color: #0CB520;
									}
								}
							}
						}
					}
				}
			}
			.todo-list {
				margin: 0;
				padding: 0;
				list-style: none;
				overflow: auto;
				.todo-content {
					background: #fff;
					width: 100%;
					display: inline-block;
					padding: 30px;
					position: relative;
					margin: 0;
					z-index: 0;
					border-left: 1px solid #ddd;
					border-bottom: 1px solid #ddd;
				}
		 }
		}
	}
}