.lws-themer-main{display: flex; flex-direction: column;width: 100%;
	border: 1px solid #ddd; border-radius: 4px;
}
.lws-themer-top{
	flex: 0 1 auto;
	position:relative;
	display: flex;flex-direction:row;justify-content: center;align-items:center;
	padding: 20px;
	min-height:400px;
}
.lws-themer-themes-panel{
	position: absolute;
	top:0px;left:0px;right:0px;bottom:0px;
	background-color:#ffffff;display:none;
	flex-direction: column;
	justify-content: flex-end;
}
.lws-themer-control{
	flex: 0 0 70px;
	background: #eee;
	width:100%;
	display: flex;flex-direction:row;flex-wrap:wrap;
}
.lws-themer-butcont{
	flex:1 1 200px;display: flex;flex-direction: row;justify-content: center;align-items:center;
	border-right:1px solid #ddd;padding:5px;
}
.lws-themer-lightcont{
	flex:1 1 50px;display: flex;flex-direction: row;justify-content: center;align-items:center;
	border-left:1px solid #ddd;padding:5px;
}
.lws-themer-themsel-button{
	width:180px;height:50px; font-size: 20px;color:#fff;background-color: #355;
	border-radius:4px;text-align:center;line-height:50px;cursor:pointer;
}
.lws-themer-themsel-button:hover{background-color: #688;

}
.lws-themer-cpcont{
	flex:2 1 auto;
	display: flex;flex-direction: column;
}
.lws-themer-cpline{
	flex:0 1 auto;
	display: flex;flex-direction: row; flex-wrap:wrap;
	justify-content: center;align-items:center;
}
.lws-themer-light-themes{flex:0 1 auto;display:flex;flex-direction:column;background-color:#f5f5f5;}
.lws-themer-light-title{padding:10px 10px 10px 30px; color:#2a3333;font-size:30px;flex:0 0 50px;line-height: 50px;}
.lws-themer-tlist-container{flex:0 1 auto;display:flex;flex-direction:row;flex-wrap: wrap;padding:0 0 20px 20px;}
.lws-themer-dark-themes{flex:0 1 auto;display:flex;flex-direction:column;background-color:#2a3333;}
.lws-themer-dark-title{padding:10px 10px 10px 30px; color:#ffffff;font-size:30px;flex:0 0 50px;line-height: 50px;}

.lws-themer-theme-div{flex:0 0 90px;height:70px;display: flex;flex-direction: column;padding:0 10px;cursor: pointer;}
.lws-themer-tobj-colcont{height:50px;display:flex;flex-direction: column;}

.lws-themer-tobj-title{text-align:center;text-transform:uppercase;font-weight: bold;line-height:20px;height:20px;font-size:12px;}
.lws-themer-tobj-main{flex:0 0 35px;border-radius:4px 4px 0 0;}
.lws-themer-tobj-smalls{flex:0 0 15px;display:flex;flex-direction:row;}
.lws-themer-tobj-small{flex:0 0 15px;height:15px;}
.lws-themer-tobj-small.tobj-first{border-radius:0 0 0 4px;}
.lws-themer-tobj-small.tobj-last{border-radius:0 0 4px 0;}

.lws-themer-light-button{width:30px;height:60px;display:flex;flex-direction: column;border-radius:4px;border:1px solid #ccc;cursor: pointer;}
.lws-themer-lb-light{flex:0 0 30px;width:30px;font-size:20px;line-height: 30px;text-align: center;background-color:#fff;color:#333;border-radius:4px 4px 0 0;}
.lws-themer-lb-dark{flex:0 0 30px;width:30px;font-size:20px;line-height: 30px;text-align: center;background-color:#233;color:#fff;border-radius: 0 0 4px 4px;}