#list{
	padding-top: 30px;
}

.list-item{
	background: rgba(231, 76, 60, 1);
	padding: 10px;
	border-radius: 4px;
	margin-bottom: 10px;
}

.list-item-title{
	color: #fff;
	margin: 10px 0 10px 0;
	font-size: 1.2em;
	text-align: center;
	outline: none;
	transition: all 0.3s;
}

.list-item-title:focus{
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: rgba(255,255,255,0.2);
}

.list-item-action{
	padding: 10px 0;
	text-align: center;
}

.list-item-action-circle{
	background: rgba(231, 76, 60, 0.6);
	padding: 12px 15px;
	margin: 5px;
	border-radius: 50%;
	display: inline-block;
	transition: background 0.3s;
	cursor: pointer;
	font-size: 1.2em;
}

.list-item-action-circle a{
	color: #fff;
}

.list-item-action-circle:hover{
	background: #c0392b;
}

#list-item-create .list-item{
	text-align: center;
	background: rgba(231, 76, 60, 0.9);
	transition: background 0.3s;
}

#list-item-create .list-item:hover{
	cursor: pointer;
	background: rgba(231, 76, 60, 1);
}

#list-item-create a{
	color: #fff;
	font-size: 4em;
	display: block;
	padding-top: 20px;
	padding-bottom: 10px;
}

#list-edit-header{
	margin-bottom: 0;
}

#list-edit-header span{
	margin-right: 20px;
}

.list-redirect{
	font-size: 16px;
	background: #fff;
	border: none;
	box-shadow: none;
	border-radius: 25px;
	color: #555;
	padding: 5px 15px;
	text-shadow: none;
	transition: background 0.3s, color 0.3s;
}

.list-redirect:hover{
	text-decoration: none;
	background: rgba(231, 76, 60, 1);
	color: #fff;
}

@media(max-width: 680px){
	.list-redirect{
		display: block;
		margin-top: 10px;
	}
}

#list-edit-input{
	background: #ddd;
	border-radius: 4px;
	font-size: 1.1em;
	padding: 10px 15px;
	outline: none;
	width: 100%;
	margin-bottom: 10px;
	border: 2px solid #ddd;
	transition: border 0.3s;
}

#list-edit-input:focus,
#list-edit-input:hover{
	border: 2px solid rgba(231, 76, 60, 1);
}

#list-edit-menu{
	display: block;
	margin-bottom: 10px;
}

#list-edit-menu .btn{
	background: #fff;
	box-shadow: none;
}

#list-edit-preview{
	color: #fff;
	padding: 15px;
	background: #2c3e50;
}

@media(max-width: 767px){
	#list-edit-preview{
		display: none;
	}
}


#list-edit-preview .list-item-title{
	margin: 0;
	padding: 5px 0 30px 0;
	border-bottom: 1px solid #fff
}

#list-edit-preview .nav-pills{
	text-align: center;
	position: relative;
	top: -17px;
}

#list-edit-preview .nav-pills li{
	float: none;
	display: inline-block;
}

#list-edit-preview .nav-pills a{
	color: #2c3e50;
	background: #fff;
	padding: 5px 7px;
	border-radius: 0;
	margin: 0;
	border: 1px solid #fff;
	transition: color 0.3s, background 0.3s
}

#list-edit-preview .nav-pills li:first-child a{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

#list-edit-preview .nav-pills li:last-child a{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

#list-edit-preview .nav-pills li.active a,
#list-edit-preview .nav-pills li:hover a{
	color: #fff;
	cursor: pointer;
	background: #2c3e50;
}

#list-edit-refresh{
	display: block;
	text-align: center;
	font-size: 1.6em;
	padding: 20px;
	-webkit-animation: rotate 0.5s infinite linear;
	animation: rotate 0.5s infinite linear;
}

@-webkit-keyframes rotate {
  	from {
    	-webkit-transform: rotate(0deg);
  	}
  	to { 
   	 	-webkit-transform: rotate(360deg);
  	}
}

@keyframes rotate {
  	from {
    	transform: rotate(0deg);
  	}
  	to { 
   	 	transform: rotate(360deg);
  	}
}

#list-edit-preview dd{
	text-indent: 20px;
}

#list-save-btn,
#list-edit-words .list-group-item{
	margin-bottom: 5px;
	border-radius: 4px;
	box-shadow: none;
	transition: color 0.3s, background 0.3s;
}

#list-save-btn:hover,
#list-edit-words .list-group-item:hover{
	color: #fff;
	background: rgba(231, 76, 60, 1);
}

#list-save-btn,
#list-edit-words .list-group-item .glyphicon{
	cursor: pointer;
}

#list-save-btn{
	width: 100%;
	border: none;
	padding: 10px;
	background: #fff;
	outline: none;
}