.btn-set{
	display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
	flex-wrap:nowrap;
	/*justify-content:center*/
}
.btn-set > *{
	padding:6px 10px;
	outline:none;
	background-color:#fff;
	border:solid 1px #ccc;
	display:inline-block;
	vertical-align:top;
	height:32px;
	position:relative;
	margin-left:-1px;
}
.btn-set > span{
	margin-left:-1px;
}
.btn-set > label.btn-holder{
	padding:0px;
	height:30px;
}
.btn-set:first-child{
	margin-left:0px;
}
.btn-set > span{
	cursor:default;
	background-color:#f3f3f3;
	text-shadow:1px 1px 0px #fff;
	white-space:nowrap;
}
.btn-set > span.gap{
	background-color:transparent;
	border-top-color:#eee;
	border-bottom-color:#eee;
	-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;
}

.btn-set > span.cssSLO_wrap{
	background-color:transparent;
	padding:0px;
	border:none;
}
.btn-set > span.cssSLO_wrap > input[type=text]{
	border-radius:0;
	height:100%
}
.btn-set > span.cssSLO_wrap:last-child > input[type=text]{
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
.btn-set > span.cssSLO_wrap:first-child > input[type=text]{
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
.btn-set > span.cssSLO_wrap > input[type=text].listvisible{
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}
.btn-set > span.cssSLO_wrap > input[type=text].listvisibletop{
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}

.btn-set > span.cssSLO_wrap.valid:after,.btn-set > span.cssSLO_wrap.unvalid:after{
	top:7px;
	right:8px;
	
}
.btn-set.normal > span.cssSLO_wrap.valid:after,.btn-set.normal > span.cssSLO_wrap.unvalid:after{
	top:3px;
	right:6px;
	z-index:19;
}

.btn-set > div{
	cursor:default;
	background-color:#333;
	border-color:#000;
	color:#fff;
}
.btn-set > button{
	padding:5px 15px;
}



.btn-set > label.btn-checkbox{
	padding:6px 10px;
	height:18px;
	cursor:default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding-left:30px;
}
.btn-set.normal > label.btn-checkbox{
	padding:1px 7px;
	height:20px;
	cursor:default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding-left:30px;
}
.btn-set.small > label.btn-checkbox{
	padding:2px 10px;
	height:19px;
}
.btn-set > label.btn-checkbox.disabled{
	background-color:#fff;
	pointer-events:none;
}
.btn-set > label.btn-checkbox.disabled > span{
	color:#999;
}
.btn-set > label.btn-checkbox > input[type=checkbox]{
	display:none;
}
.btn-set > label.btn-checkbox > span{
	display:inline-block;
}

.btn-set.normal > label.btn-checkbox > span{
	display:inline-block;
	padding-top:1px;
}
.btn-set > label.btn-checkbox > input[type=checkbox] ~ span:before{
	display:inline-block;
	font-family:"icomoon";
	font-size:1em;
	width:16px;
	position:relative;
	top:1px;
	left:-2px;
	font-weight:normal;
}
.btn-set > label.btn-checkbox > input[type=checkbox]:checked ~ span:before{
	color:#06c;
	content:"\e644";
	display:inline-block;
	position:absolute;
	top:6px;left:13px;
}
.btn-set.normal > label.btn-checkbox > input[type=checkbox]:checked ~ span:before{
	color:#06c;
	content:"\e644";
	display:inline-block;
	position:absolute;
	top:2px;left:10px;
	
}
.btn-set > label.btn-checkbox > input[type=checkbox]:not(:checked) ~ span:before{
	content:" ";
	display:inline-block;
	position:absolute;
	top:8px;left:13px;
	width:11px;height:11px;
	border:solid 1px #ccc;
	border-radius:2px;
}

.btn-set.normal > label.btn-checkbox > input[type=checkbox]:not(:checked) ~ span:before{
	content:" ";
	display:inline-block;
	position:absolute;
	top:5px;left:10px;
	width:11px;height:11px;
	border:solid 1px #ccc;
	border-radius:2px;
}







.btn-set > button,.btn-set > a,.btn-set > label.checkbox,.btn-set > span.menu{
	background-color:#fff;
	background-image:-moz-linear-gradient(top,#fff,#eee);
	background-image:-ms-linear-gradient(top,#fff,#eee);
	background-image:-o-linear-gradient(top,#fff,#eee);
	background-image:-webkit-linear-gradient(top,#fff,#eee);
	background-image:linear-gradient(top,#ffffff 0,#eee 100%);
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-set > *:first-child{
	border-radius:4px 0px 0px 4px;
}
.btn-set > *:last-child{
	border-radius:0px 4px 4px 0px;
}
.btn-set > *:only-child{
	border-radius:4px;
}

.btn-set > input:hover,.btn-set > button:hover,.btn-set > a:hover,.btn-set > label:hover{
	border-color:#999;
	z-index:20;
	text-decoration:none;
}
.btn-set > span.cssSLO_wrap:hover{
	z-index:20;
}




.btn-set.small > input,.btn-set.small > button{
	padding			:0px 10px 0px 10px;
	height			:25px !important;
}
.btn-set.small > span,.btn-set.small > div,.btn-set.small > a{
	padding			:3px 10px 0px 10px;
	height			:25px !important;
	vertical-align		:middle;
}
.btn-set.normal > input,.btn-set.normal > button{
	padding			:3px 6px;
	height			:24px;
}
.btn-set.normal > div,.btn-set.normal > a{
	padding			:3px 6px;
	vertical-align		:middle;
	height			:24px;
}
.btn-set.normal > span{
	padding			:2px 6px;
	vertical-align		:middle;
	height			:24px;
}

.btn-set.normal > span.cssSLO_wrap{
	padding			:0px;
	height			:24px;
}
.btn-set.normal > span.cssSLO_wrap > input[type=text]{
	padding			:3px 19px 3px 6px;
	height			:24px;
}

.btn-set > input[disabled]{
	background-color	:#eee;
	text-shadow		:1px 1px 0px #fff;
	pointer-events		:none;
}
.btn-set > button[disabled]{
	color			:#888 !important;
	text-shadow		:1px 1px 0px #fff;
	pointer-events		:none;
}
.btn-set > button:active,.btn-set > a:active{
	background-image	:-webkit-linear-gradient(bottom,rgba(255,255,255,1),rgba(0,0,0,0.04));
}
.btn-set > input[type=text]:focus,.btn-set> button:focus,.btn-set> a:focus,.btn-set > span.cssSLO_wrap > input:focus{
	border-color		:rgba(82,168,236,.75);
	box-shadow		:0 0 4px rgba(82,168,236,.5);
	-moz-box-shadow	:0 0 4px rgba(82,168,236,.5);
	-webkit-box-shadow	:0 0 4px rgba(82,168,236,.5);
	z-index			:18;
}














.btn-set > input.bnt-edit:before,.btn-set > button.bnt-edit:before{
	display:inline-block;content:"\e62a";font-family:"icomoon";text-align:center;
}
.btn-set > input.bnt-edit:hover,.btn-set > button.bnt-edit:hover{
	color:#06c;
}
.btn-set > input.bnt-remove:before,.btn-set > button.bnt-remove:before,
.btn-set > span.bnt-remove:before,.btn-set > span.bnt-remove:before{
	display:inline-block;content:"\e62b";font-family:"icomoon";text-align:center;
}
.btn-set > input.bnt-remove:hover,.btn-set > button.bnt-remove:hover{
	color:#f03;
}
.btn-set > input.bnt-error:before,.btn-set > button.bnt-error:before,
.btn-set > span.bnt-error:before,.btn-set > span.bnt-error:before{
	display:inline-block;content:"\f00d";font-family:"icomoon2";text-align:center;
	position:relative;top:-1px;
	color:#f03;
}
.btn-set > input.bnt-remove:before,.btn-set > button.bnt-donwload:before,
.btn-set > span.bnt-remove:before,.btn-set > span.bnt-donwload:before{
	display:inline-block;content:"\e60c";font-family:"icomoon";text-align:center;
}








.btn-set > .alert:hover{
	color:#f02;
}
.btn-set > .success:hover{
	color:#393;
}
.btn-set > .info:hover{
	color:#06c;
}


/***********************************************************************/
/***************************Button set - Menu***************************/
/*********************************Start*********************************/
.btn-set > span.menu{
	position:relative;
}
.btn-set > span.menu:hover{
	border-color:#999;
	z-index:20;
}
.btn-set > span.menu:focus{
	border-color		:rgba(82,168,236,.75);
	box-shadow		:0 0 4px rgba(82,168,236,.5);
	-moz-box-shadow	:0 0 4px rgba(82,168,236,.5);
	-webkit-box-shadow	:0 0 4px rgba(82,168,236,.5);
	z-index			:20;
}
.btn-set > span.menu:focus > div.window{
	opacity:1;
	visibility: visible;
}
.btn-set > span.menu > div.window{
	white-space:nowrap;
	position:absolute;
	z-index:10;
	margin-top:0px;
	top:100%;
	text-align:left;
	left:-1px;
	min-width: -moz-calc(100% + 2px);
	min-width: -webkit-calc(100% + 2px);
	min-width: -o-calc(100% + 2px);
	min-width: calc(100% + 2px);
	background-color:#fff;
	border:solid 1px rgba(82,168,236,.75);
	opacity:0;
	visibility: hidden;
}
.btn-set > span.menu > div.window > span{
	display:block;
	border:solid 1px transparent;
	border-radius:2px;
	margin:1px;
	padding:4px;
	cursor:pointer;
	background-color:#fff;
	
}
.btn-set > span.menu > div.window > span:hover{
	text-shadow: 1px 1px 0 #fff;
	background-color: rgba(82,168,236,.1);
	border-color:	rgba(82,168,236,.75);
}
.btn-set > span.menu > span.arrow:before{
	content:"\e619";
	font-family:"icomoon";
	position:relative;
	right:3px;
	top:1px;
}
/**********************************End**********************************/
/***************************Button set - Menu***************************/
/***********************************************************************/








.btn-set > *:first-child{
	margin-left:0px;
}

