#dyn-layout {
	border: 1px dashed lightgrey;
}

.dyn-ligh-border {
	border: 1px solid #E5EAEE !important;
}

.dyn-list-item .dyn-stage-item {
	cursor: grab;
}

.dyn-toolbox, .dyn-list-item {
    list-style: none;
    padding-left: 0px;
}

.dyn-toolbox li, .dyn-list-item li {
	z-index:9999;
	padding:8px 10px;
}

.dyn-toolbox li:hover, .dyn-list-item li:hover {
	color: #6993FF;
}

.dyn-toolbox .dyn-tool-caption {
	margin-left: 5px;
}

.dyn-page-title-left {
	min-width:450px
}
.dyn-page-title-right {
	min-width:170px; /* 230px */
}
.dyn-page-title-center {
	margin: 0px 10px !important;
}

.dyn-item-enabled {
	display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;	
}

.property-panel > .card > .card-body,
.toolbox-panel > .card > .card-body,
.stage-user-panel > .card > .card-body,
.property-panel > .card > .card-header,
.toolbox-panel > .card > .card-header,
.stage-user-panel > .card > .card-header,
.stage-logic-panel > .card > .card-body
{
	padding:5px 15px !important;
}

.toolbox-panel .dyn-toolbox svg {
	margin-top: -3px;
}

.toolbox-panel .dyn-toolbox li:hover svg path {
	fill: #6993FF !important;
}

.card.card-custom > .card-body.dyn-main-body {
	padding: 1rem 1.5rem;
}

.preview-button {
	float:right;
}

.dyn-menu-top {
	border-bottom:0px;
}

.dyn-menu-top a.nav-link {
	border: 0px;
	border-bottom:3px solid transparent;
}

.dyn-menu-top a.nav-link.active {
	border-bottom:3px solid #6993FF;
}

.dyn-menu-top a:hover.nav-link {
	border: 0px;
	border-bottom:3px solid #6993FF;
}

.nav.dyn-menu-top .nav-link .nav-text {
	color: #bebecb;
}

.nav.dyn-menu-top .nav-link.active .nav-text {
	color: #6993FF;
}

#dyn-drag-item-container {
	z-index: 9999;
	list-style: none;
    padding-left: 0px;
}

.ui-draggable-dragging {
	border: 2px lightgray dashed;
    padding: 5px 20px;
	min-width:200px;
	text-align:center;
	background-color: white;
}

.ui-draggable-dragging svg {
	margin-top: -3px;
}

.toolbox-panel,
.property-panel {
	padding-left:0px;
	padding-right:0px;
}

.design-panel {
	padding-left:5px;
	padding-right:5px;
}

ul.dyn-rowlist  .handle {
	width:15px;
	height:100%;
	background-color: #6993FF;
    position: absolute;
    top: 0px;
    left: 0px;
	z-index: 1; /* 9998; */
    cursor: grab;
	display:flex;
	align-items: center;
    justify-content: center;
	border-radius: 10px;
}

.dyn-cell-grouplist > ul.dyn-rowlist .handle {
	display: none;
	left: 15px;
	width: 10px;
}

.dyn-cell-grouplist > ul.dyn-rowlist:hover .handle {
	display: flex;
}

ul.dyn-rowlist  .handle.row-selected {
	background-color: #ff6988;
}

ul.dyn-rowlist  .handle i {
	
}

/* For Row Sorting */
.ui-sortable-helper {
	border: 0px lightgray dashed;
	background-color: white;
	z-index: 9999;
}

.dyn-cell-grouplist > ul.dyn-rowlist .ui-sortable-helper {
	margin-left: 10px;
	padding-left: 0px;
}

.dyn-cell-grouplist > ul.dyn-rowlist .ui-sortable-helper .handle {
	left:0px;
}

.dyn-cell-grouplist > .dyn-rowlist {
	border: 1px black dashed;
}

.dyn-row {
	margin-bottom: 10px;
	position: relative;
	/* background-color: #eef3ff; */
	padding: 5px 0px;
    border: 1px dashed transparent;
}

.dyn-row:hover {
    border: 1px dashed #464E5F;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.dyn-row .row-tool-panel {
	position:absolute;
	top:-30px;
	right:15px;
	background-color: transparent;
	display:none;
	z-index: 10;
}

.dyn-row:hover > .row-tool-panel {
	display: block;
}

.dyn-rowlist li:hover > .handle {
	/* background-color: #ff6988; */
}

.dyn-cell-grouplist > .dyn-rowlist > li {
	padding-left: 30px;
    padding-right: 10px;
}

.row-tool-panel .btn-sm {
	padding:5px 10px;
}

.stage-user-panel {
    padding-left: 0px;
    padding-right: 0px;	
}

.dyn-action-list label {
	cursor:pointer;
}

.dyn-action-list .dyn-prop-input {
	width: unset;
}

.dyn-cell-delete-button {
	width:100%;
}

.dyn-cell label.dyn-cell-selector {
    cursor: move;
    cursor: grab;
    cursor: -webkit-grab;
}

.dyn-cell:hover {
	/*
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAP0lEQVQoU2NkIAJkTf7fwEhIHUjRtFxG/AphikCG4TQRWRFOheiKsCrEpghDIS5FKArxKYIrJKQIrJAYRSCFAKonJodRRXTpAAAAAElFTkSuQmCC");
	background-color: #f1f0ff;
	border-radius: 10px;
	*/
}

.dyn-cell-grouplist > .dyn-rowlist .dyn-cell:hover {
	background-color:#fbfafe;
}
.dyn-cell-grouplist > .dyn-rowlist .dyn-cell.dyn-cell-selected:hover {
	background-color:#dcdaff;
}

.dyn-cell.dyn-cell-selected {
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAP0lEQVQoU2NkIAJkTf7fwEhIHUjRtFxG/AphikCG4TQRWRFOheiKsCrEpghDIS5FKArxKYIrJKQIrJAYRSCFAKonJodRRXTpAAAAAElFTkSuQmCC");
	background-color: #dcdaff;
	border-radius: 10px;
}

.dyn-cell.dyn-cell-selected-test::after {
  content: "";
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAP0lEQVQoU2NkIAJkTf7fwEhIHUjRtFxG/AphikCG4TQRWRFOheiKsCrEpghDIS5FKArxKYIrJKQIrJAYRSCFAKonJodRRXTpAAAAAElFTkSuQmCC");
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  border-radius: 10px;
}

.dyn-cell.ui-draggable-dragging {
	z-index:9999;
	min-width:300px;
	min-height:50px;
	background-color: #dcdaff;
	text-align:left;
	
	display:flex;
	/* justify-content: center; */
	/* align-items: center; */
	align-items: flex-start;
	height:100%;
}

.dyn-cell.ui-draggable-dragging .form-group {
	width:100%;
}

.dyn-cell > .dyn-multi-checkbox {
	z-index: 10;
}

.dyn-cell > .dyn-multi-checkbox > input[type=checkbox] {
	position: absolute;
	transform: scale(1.5);
	display:none;
    left: 5px;
    top: 5px;
	z-index: 1;
}

.dyn-cell:hover > .dyn-multi-checkbox > input[type=checkbox]
, .dyn-cell > .dyn-multi-checkbox > input[type=checkbox]:checked  {
	display:inline-block;
}

.dyn-cell > .dyn-warning-sign {
	display:none;
	position: absolute;
	right: 2px;
	top: 0px;
	z-index: 1;
}
.dyn-cell > .dyn-warning-sign.dyn-warning {
	display:inline-block;
}


.dyn-column.has-item > .dyn-droppable
{
	display:none;
}

.dyn-column.has-item > .dyn-droppable.show
{
	display:table-cell;
}

.dyn-droppable {
	border: 1px #897c7c dashed;
	background-color: white;
	display: flex;
	align-items: center;
    justify-content: center;
	width:100%;
}

.dyn-droppable-placeholder {
	color: lightgray;
}

.dyn-droppable.active .dyn-droppable-placeholder {
	display:none;
}

.dyn-droppable.active {
	
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVQoU2NkIALs3vXgPyMhdSBFrm4KjHgVwhSBDMOpEFkRToXoirAqxKYIQyEuRSgK8SmCKySkCKyQGEUghQAB9ydfScZjMQAAAABJRU5ErkJggg==");
background-color: #e5f6fc;
/*
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
	*/

}

/*
Property Panel
*/

#prop-style .card .card-header .card-title {
	padding-top:10px;
	padding-bottom:10px;
}

#prop-style .card .card-body {
	padding-left: 10px;
	/* sheldon */
	/* parent id */
	overflow: auto;
    max-height: 600px;
}

#prop-style .dyn-prop-button-container .nav-tabs .nav-item {
	flex: 1;
}

#prop-style .dyn-prop-button-container .nav-tabs .nav-item .nav-link {
	justify-content: center;
}

.dyn-prop-button-container,
.dyn-prop-group-button-container
{
	display:none;
}

.nav.nav-tabs.dyn-button-custom-header a{
	padding: 5px 10px;
}

.dyn-button-custom-content textarea.dyn-prop-input {
	height:65px;
	white-space: nowrap;
}

.dyn-prop-btn-email-rolelist-container label {
	display:inline-block;
	margin-left:10px;
	cursor: pointer;
}

.dyn-prop-btn-email-rolelist-container > label {
	margin-left:0px;
}


#prop-style.dyn-show-button .dyn-prop-button-container,
#prop-style.dyn-show-group-button .dyn-prop-group-button-container
{
	display:block;
}

.dyn-prop-button {
	padding: 5px;
    margin: 5px 0px;
}

.dyn-prop-button-selection:nth-child(2)
, .dyn-prop-button-selection:nth-child(3)
, .dyn-prop-button-selection:nth-child(4)
{
	display:none;
}

.dyn-prop-btn-textarea-edit, .dyn-prop-btn-show-dialog {
    height: 30px;
    padding: 5px 10px;
    margin: 5px;
    float: right;
    margin-top: -5px;	
}

.dyn-prop-button option {
	font-size: 1.2em;
}

.dyn-pro-stage-column {
	text-align:center;
	font-size:0.5em;
}

.dyn-pro-stage-column-label {
	padding-top: 5px;
}

.dyn-prop-userrole-container {
	display:none;
}

.dyn-prop-stage-list-container .row {
	justify-content: space-around;
    margin-right: 20px;
}

#prop-style.dyn-show-userrole .dyn-prop-userrole-container {
	display:block;
}

.dyn-prop-rolelist-container label {
	display:inline-block;
	margin-left:10px;
	cursor: pointer;
}

.dyn-prop-rolelist-container > label {
	margin-left:0px;
}

/* Highlight Options */
.dyn-highlight-option > input {
	display:none;
}

.dyn-highlight-option > input + label {
	display:inline-block;
	margin-left:5px;
	cursor: pointer;
    background-color: white;
    color: gray;
    padding: 2px 10px;
    border-radius: 10px;
    border: 1px solid lightgray;	
}

.dyn-highlight-option > input:checked + label {
    background-color: #6993ff;
    color: white;
}

.dyn-prop-stage-selection > label {
	display: none !important;
}

.dyn-prop-stage-selection .dyn-pro-stage-column
{
	padding-left:5px;
	padding-right:5px;
}

.dyn-prop-stage-selection .dyn-pro-stage-upper {
	font-size:1.2rem;
}
.dyn-prop-stage-selection .dyn-pro-stage-upper select {
	padding:0px 5px;
	margin-top: 2px;
}

.dyn-prop-stage-selection .dyn-pro-stage-option a {
	padding:5px 10px;
	margin: 2px;
}


.dyn-prop-stage-selection > input + label + .dyn-prop-stage-list-container .dyn-pro-stage-upper-caption
, .dyn-prop-stage-selection > input + label + .dyn-prop-stage-list-container .dyn-pro-stage-upper
, .dyn-prop-stage-selection > input + label + .dyn-prop-stage-list-container .dyn-pro-stage-logic-caption
, .dyn-prop-stage-selection > input + label + .dyn-prop-stage-list-container .dyn-pro-stage-logic
, .dyn-prop-stage-selection > input + label + .dyn-prop-stage-list-container .dyn-pro-stage-option-caption
, .dyn-prop-stage-selection > input + label + .dyn-prop-stage-list-container .dyn-pro-stage-option
{
	/* display: none; */
}
.dyn-prop-stage-selection > input:checked + label + .dyn-prop-stage-list-container .dyn-pro-stage-upper-caption
, .dyn-prop-stage-selection > input:checked + label + .dyn-prop-stage-list-container .dyn-pro-stage-upper
, .dyn-prop-stage-selection > input:checked + label + .dyn-prop-stage-list-container .dyn-pro-stage-logic-caption
, .dyn-prop-stage-selection > input:checked + label + .dyn-prop-stage-list-container .dyn-pro-stage-logic
, .dyn-prop-stage-selection > input:checked + label + .dyn-prop-stage-list-container .dyn-pro-stage-option-caption
, .dyn-prop-stage-selection > input:checked + label + .dyn-prop-stage-list-container .dyn-pro-stage-option
{
	display: block;
}
.dyn-prop-stage-selection > input:checked + label + .dyn-prop-stage-list-container .dyn-pro-stage-visible-caption
, .dyn-prop-stage-selection > input:checked + label + .dyn-prop-stage-list-container .dyn-pro-stage-visible
, .dyn-prop-stage-selection > input:checked + label + .dyn-prop-stage-list-container .dyn-pro-stage-enabled-caption
, .dyn-prop-stage-selection > input:checked + label + .dyn-prop-stage-list-container .dyn-pro-stage-enabled
{
	/* display: none; */
}

.dyn-pro-stage-upper, .dyn-pro-stage-upper-caption, .dyn-pro-stage-logic, .dyn-pro-stage-logic-caption 
{
	/* 2022-06-01 
		No need the upper and logic setting
	*/
	display: none !important;
}

.dyn-prop-trigger-switch-container {
	/* 2022-07-19
		No need the trigger switch
	*/
	display: none !important;
}

.dyn-prop-trigger-switch-container select.dyn-prop-input,
.dyn-prop-input-sourceuser-container select.dyn-prop-input,
.dyn-prop-trigger-logic-container select.dyn-prop-input,
.dyn-prop-input-customwidth-container select.dyn-prop-input,
.dyn-prop-input-vlookup-container select.dyn-prop-input,
.dyn-prop-copy-container select.dyn-prop-copy
{
	width: 100%;
	min-height: 30px;
}

.dyn-prop-switch-group-container {
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}

.dyn-prop-switch-group-container .form-group {
}

.dyn-no-selection .accordion.accordion-toggle-arrow .card .card-header .card-title
{
	color:lightgray;
}

@media (max-height: 799px) {
	.dyn-prop-caption-container .card-body,
	.dyn-prop-options-container .card-body,
	.dyn-prop-input-container .card-body {
		height: 400px;
		overflow: scroll;
		padding-right: 10px !important;
	}
}

@media (max-height: 599px) {
	.dyn-prop-caption-container .card-body,
	.dyn-prop-options-container .card-body,
	.dyn-prop-input-container .card-body {
		height: 200px;
		overflow: scroll;
		padding-right: 10px !important;
	}
}

#dialog-containter {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color: rgba(0,0,0,0.7);
	z-index: 99;
}

#dialog-content {
	display:flex;
	width:300px;
	height:100%;
	padding:10px;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
}

#dialog-content .dialog-selection {
	background-color: white;
	position: relative;
	width:100%;
	padding-right: 0px;
}

#dialog-content .dialog-selection label {
    margin-left: 10px;
    cursor: pointer;
}

.dialog-context {
    height: 400px;
    overflow: auto;
}

.dialog-selection h2 {
	text-align:center;
	padding:10px;
	margin:0px;
}

.dyn-prop-selection-list  {
	margin-left:20px;
	padding-right: 5px;
}

.dyn-prop-selection-list  li {
	overflow: hidden;
    white-space: nowrap;
}

.dialog-selection-close {
    width: 100%;
    border-radius: 0px;
	padding:20px;
}

/* #prop-style.dyn-no-options .dyn-prop-options-container, */

#prop-style.dyn-no-listitem .dyn-prop-listitems-container,
#prop-style.dyn-no-placeholder .dyn-prop-placeholder-container,
#prop-style.dyn-no-input .dyn-prop-input-container,
#prop-style.dyn-no-input-style .dyn-prop-input-style-container,
#prop-style.dyn-no-input-size .dyn-prop-input-size-container,
#prop-style.dyn-no-input-align .dyn-prop-input-align-container,
#prop-style.dyn-no-rolelist .dyn-prop-rolelist-container,
#prop-style.dyn-no-selection #caption-panel,
#prop-style.dyn-no-selection #input-panel,
#prop-style.dyn-no-selection #stage-panel,
#prop-style.dyn-no-selection #button-panel,
#prop-style.dyn-no-selection #userrole-panel,
#prop-style.dyn-no-selection #options-panel,
#prop-style.dyn-no-export .dyn-prop-input-export-container,
#prop-style.dyn-no-defaulttext .dyn-prop-input-defaulttext-container,
#prop-style.dyn-no-defaultarea .dyn-prop-input-defaultarea-container,
#prop-style.dyn-no-default .dyn-prop-input-defaulttext-container,
#prop-style.dyn-no-default .dyn-prop-input-defaultarea-container
{
	display:none;
}

#prop-style .dyn-prop-input-preset-container,
#prop-style .dyn-prop-input-defaulttext-container,
#prop-style .dyn-prop-input-defaultarea-container,
#prop-style .dyn-prop-input-export-container,
#prop-style .dyn-prop-link-container,
#prop-style .dyn-prop-input-timesimple-container,
#prop-style .dyn-prop-input-datetoday-container,
#prop-style .dyn-prop-input-sourceuser-container,
#prop-style .dyn-prop-input-triggeron-container,
#prop-style .dyn-prop-input-triggeroff-container,
#prop-style .dyn-prop-listitems-checkbox-desc,
#prop-style .dyn-prop-input-button-container,
#prop-style .dyn-prop-workingorder-group-container,
#prop-style .dyn-prop-infoname-group-container,
#prop-style .dyn-prop-input-formula-container,
#prop-style .dyn-prop-input-comma-container,
#prop-style .dyn-prop-vlookup-group-container,
/* sheldon */
/* parent id */
#prop-style .dyn-prop-input-parent-id-container
{
	display:none;
}

#prop-style.dyn-show-preset .dyn-prop-input-preset-container,
#prop-style.dyn-show-defaulttext .dyn-prop-input-defaulttext-container,
#prop-style.dyn-show-defaultarea .dyn-prop-input-defaultarea-container,
#prop-style.dyn-show-export .dyn-prop-input-export-container,
#prop-style.dyn-show-link .dyn-prop-link-container,
#prop-style.dyn-show-timesimple .dyn-prop-input-timesimple-container,
#prop-style[data-type='datetime-local'] .dyn-prop-input-datetoday-container,
#prop-style[data-type='date'] .dyn-prop-input-datetoday-container,
#prop-style[data-type='info'][data-info='username'] .dyn-prop-input-sourceuser-container,
#prop-style[data-type='info'][data-info='userdesignation'] .dyn-prop-input-sourceuser-container,
#prop-style[data-type='info'][data-info='userphone'] .dyn-prop-input-sourceuser-container,
#prop-style[data-type='info'][data-info='usermobile'] .dyn-prop-input-sourceuser-container,
#prop-style[data-type='info'][data-info='userfax'] .dyn-prop-input-sourceuser-container,
#prop-style[data-type='info'][data-info='userdepartment'] .dyn-prop-input-sourceuser-container,
#prop-style[data-type='info'][data-info='usercompany'] .dyn-prop-input-sourceuser-container,
#prop-style[data-type='info'][data-info='useremail'] .dyn-prop-input-sourceuser-container,
#prop-style[data-type='info'][data-info='webservice'] .dyn-prop-infoname-group-container,
#prop-style[data-type='info'][data-info='webservice'] .dyn-prop-input-infoname-container,
#prop-style[data-type='switch'] .dyn-prop-input-triggeron-container,
#prop-style[data-type='switch'] .dyn-prop-input-triggeroff-container,
#prop-style[data-type='checkbox'] .dyn-prop-listitems-checkbox-desc,
#prop-style[data-type='button'] .dyn-prop-input-button-container,
#prop-style[data-type='workingorders'] .dyn-prop-workingorder-group-container,
#prop-style[data-type='workingslopes'] .dyn-prop-workingorder-group-container,
#prop-style[data-type='number'] .dyn-prop-input-formula-container,
#prop-style[data-type='number'] .dyn-prop-input-comma-container,
#prop-style[data-type='text'] .dyn-prop-input-formula-container,
#prop-style[data-type='vlookup'] .dyn-prop-vlookup-group-container,
/* sheldon */
/* parent id */
#prop-style[data-type='switch'] .dyn-prop-input-parent-id-container
{
	display:block;
}

#prop-style .dyn-prop-listitems-checkbox-desc .pre {
	font-size: 0.7rem;
}
/* sheldon */
/* parent id */
#prop-style .dyn-prop-parent-id-desc .pre {
	font-size: 0.7rem;
	line-height: 1;
}

#prop-style .dyn-prop-color label
, #prop-style .dyn-prop-input-color label{
	padding:5px;
	min-width: 40px;
    text-align: center;
	cursor: pointer;
	border:1px solid black;
}

#prop-style .dyn-prop-input-vlookup-container .form-group
{
	display: flex;
	flex-wrap: wrap;
}
#prop-style .dyn-prop-input-vlookup-container .form-group > label
{
	flex: 1;
}
#prop-style .dyn-prop-input-vlookup-container .form-group > a
{
	align-self: flex-end;
	padding-top: 5px;
}
#prop-style .dyn-prop-input-vlookup-container .form-group > input
{
	flex: 100%;
}


.dyn-prop-input {
	width:100%;
}

textarea.dyn-prop-input {
	height:80px;
}

.property-panel .form-group {
	margin-bottom:8px;
	text-align:left;
}

.property-panel .form-group label {
	margin-bottom:3px;
}

.dyn-prop-option {
	display:inline-block;
	width:100%;
}

.dyn-prop-option i {
    font-size: 25px;
}

.dyn-prop-option input[type=radio],
.dyn-prop-option input[type=checkbox] {
	display:none;
}

.dyn-prop-option input[type=radio]:checked + i,
.dyn-prop-option input[type=checkbox]:checked + i  {
	color:#6993FF;
}

.dyn-prop-option input[type=radio] + i,
.dyn-prop-option input[type=checkbox] + i {
	cursor:pointer;
}

.dyn-prop-option i.dyn-style-small {
	font-size:0.8em;
}
.dyn-prop-option i.dyn-style-normal {
	font-size:1em;
}
.dyn-prop-option i.dyn-style-big {
	font-size:1.2em;
}
.dyn-prop-option i.dyn-style-large {
	font-size:1.5em;
}
.dyn-prop-option i.dyn-style-huge {
	font-size:2em;
}

.dyn-prop-group-button-container {
	/* margin-top:20px; */
}

.dyn-stage-option-container {
	padding-left:3px;
	padding-right:3px;
}

.dyn-stage-option-container table {
	width:100%;
	border:0px;
}

.dyn-stage-option-container h4 {
	padding-left:5px;
	padding-right:5px;
}

.dyn-prop-stage-list li,
.dyn-prop-switch-list li,
.dyn-prop-role-list li,
.dyn-prop-selection-list li {
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.dyn-prop-stage-list,
.dyn-prop-switch-list,
.dyn-prop-role-list,
.dyn-prop-selection-list,
.dyn-prop-btn-email-rolelist  {
    list-style-type: none;
    padding-left: 5px;
}

.dyn-prop-stage-list .dyn-stage-item-caption,
.dyn-prop-switch-list .dyn-switch-item-caption {
	position: absolute;
	top:5px;
	padding-left: 10px;
	width: 100%;
	cursor: pointer;
}

.stage-logic-section-content .row {
	align-items: center;
	padding-left: 20px;
}