.rolesetCreator {

}
.rolesetCreator .roleBlock:last-of-type .roleBlockLimits {
	display: none
}
.rolesetCreator .roleBlock:not(:last-of-type) .roleBlockRepeat {
	display: none
}
.rolesetCreator .roleBlockHeader {
	display: flex;
	justify-content: space-between;
}
.rolesetCreator .roleBlockHeader input, .rolesetCreator .roleBlockHeader select, .rolesetCreator .roleBlockHeader label, .rolesetCreator .roleBlockHeader p {
	height: 30px;
	margin: 5px 15px;
	padding: 0;
	font-size: 18px;
	line-height: 30px;
}
.rolesetCreator .roleBlockHeader input {
	width: 30px;
	height: 20px;
	margin: 10px 15px 9px;
	font-size: unset;
	color: #FFFFFF;
	background: transparent;
	border-bottom: 1px solid #FFFFFF;
}
.rolesetCreator .roleBlockHeader input {
	width: 30px;
	height: 20px;
	margin: 10px 15px 9px;
	font-size: unset;
	color: #FFFFFF;
	background: transparent;
	border-bottom: 1px solid #FFFFFF;
}
.rolesetCreator .roleBlockHeader select {
	margin: 0 5px;
	padding: 5px 10px;
	box-sizing: content-box;
}
.rolesetCreator .roleBlockHeader option {
	background-color: #888888;
}
.rolesetCreator .roleBlockHeader * + label {
	margin-left: -10px;
}
.rolesetCreator .roleBlockHeader label {
	margin-right: -10px;
}
.rolesetCreator .roleBlockHeader div {
	display: flex;
}
.rolesetCreator .roleBlockHeader .roleBlockLeft {

}
.rolesetCreator .roleBlockHeader .roleBlockRight {

}
.rolesetCreator .roleBlockMode {
	background: transparent;
}
.rolesetCreator .roleBlockRemove {
	width: 30px;
	height: 30px;
	margin: 5px 5px 5px -10px;
}
.rolesetCreator .roleItem {
	display: flex;
	justify-content: space-between;
	border-width: 0;
	border-style: solid;
	border-left-width: 10px;
	box-sizing: border-box;
}
.rolesetCreator .roleItem:nth-child(even) {
	/*background-color: #696969;*/
	background-color: #FFFFFF05;
}
.rolesetCreator .roleItem:nth-child(odd) {
	/*background-color: #666666;*/
}
.rolesetCreator .roleItem p {
	margin: 0;
	padding: 2px 5px;
	font-size: 16px;
}
.rolesetCreator .roleItemNew {
	position: relative;
}
.rolesetCreator .roleItemNew:hover {
	/*background-color: #888888;*/
	background-color: #FFFFFF38;
	cursor: pointer;
}
.rolesetCreator .roleItemButtons {
	display: flex;
}
.rolesetCreator .roleItemNewRoles {
	top: 100%;
	right: 0;
	left: 0;
	height: 110px;
	display: none;
	position: absolute;
	background-color: #777777;
	z-index: 10;
	box-shadow: 0 5px 10px 0 #33333333;
}
.rolesetCreator .roleItemNewRole {
	border-left: 10px solid;
}
.rolesetCreator .roleItemNewRole:hover {
	background-color: #888888;
}
.rolesetCreator .roleBlockNew:hover {
	cursor: pointer;
}