:root {
	--primary-color: #ee7600;
}

@font-face {
		font-family: 'icomoon';
		src: url('https://realnex.com/fonts/icomoon.eot?6o86c0');
		src: url('https://realnex.com/fonts/icomoon.eot?6o86c0#iefix') format('embedded-opentype'), url('https://realnex.com/fonts/icomoon.ttf?6o86c0') format('truetype'), url('https://realnex.com/fonts/icomoon.woff?6o86c0') format('woff'), url('https://realnex.com/fonts/icomoon.svg?6o86c0#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
}

.material-symbols-rounded {
	font-size: 18px;
	vertical-align: middle;
	transition: .3s;
	font-variation-settings:
		'FILL' 0,
		'wght' 400,
		'GRAD' 0,
		'opsz' 24
}

.material-symbols-rounded.sort-asc {
	transform: rotateX(0deg) rotateY(180deg) rotateZ(180deg);
	transition: none;
}

.material-symbols-rounded.sort-desc {
	transition: none;
}

.material-symbols-rounded.dashboard-icon {
	transform: rotate(180deg);
}

.glyphicon-info-sign:before {
	font-family: 'Material Symbols Rounded';
	content: "info";
	font-size: 16px;
}

.dropdown-menu > li > .material-symbols-rounded {
	font-size: 16px;
	margin-right: 5px;
}

.dropdown-menu > li.is-dynamic-option > .material-symbols-rounded {
	margin-right: 0;
}

.dropdown-menu > li > a {
	display: flex;
	align-items: center;
}

.dropdown-menu > li > a .pull-right {
	margin-left: 5px;
}

.dropdown-menu > li > a strong {
	margin-right: 5px;
}

.dropdown-menu > li {
	display: block;
}


.dropdown-menu > li > .menu-item.icon { padding-left: 5px;}
.dropdown-menu > li > .menu-item.icon:hover .icon {
	color: #f45000;
}

.file-upload-ctrl.is-empty .file-input .fileinput-remove {
	display: none;
}

.paging.one-page-only { display: none;}


/* IMPORT WIZARD CSS START */
.import-wizard-form .wizard-steps .wizard-step { display: none; min-height: 200px; }

.import-wizard-form .wizard-steps .wizard-step.active { display: block; }

.import-wizard-form .wizard-steps .wizard-step .mapping-table { width: 100%; border-collapse: collapse; margin-bottom: 0; }
.import-wizard-form .wizard-steps .wizard-step .mapping-table th {padding: 8px 3px; text-align: left;}
.import-wizard-form .wizard-steps .wizard-step .mapping-table th td {border-bottom: none;}
.import-wizard-form .wizard-steps .wizard-step .mapping-table .mapping-row-item td {padding: 2px; vertical-align: baseline; }
.import-wizard-form .wizard-steps .wizard-step .mapping-table .mapping-row-item td .form-control{ height: auto; width: 100%; box-shadow: none;}
.import-wizard-form .wizard-steps .wizard-step .mapping-table .mapping-row-item td label {color: #333; margin:0;}
.import-wizard-form .wizard-steps .wizard-step .mapping-table th {border-top: 1px solid;}
.import-wizard-form .wizard-steps .wizard-step .mapping-table .col-field-name {width: 130px;}
.import-wizard-form .wizard-steps .wizard-step .mapping-table .col-mapped-col {width: 130px;}
.import-wizard-form .wizard-steps .wizard-step .mapping-table .col-field-is-key {width: 60px; text-align: center; }
.import-wizard-form .wizard-steps .wizard-step .mapping-table .col-field-is-key .custom-checkbox {display: block; }
.import-wizard-form .wizard-steps .wizard-step .mapping-table .col-update-rule {width: 130px;}
.import-wizard-form .wizard-steps .wizard-step .column-mappings > .form-horizontal > div {
	background-color: transparent !important;
	border: none;
	margin-top: -3px;
	position: relative;
}

.import-wizard-form .wizard-steps .wizard-step .column-mappings > .form-horizontal > div:first-child .custom-checkbox {
    width: 100%;
    position: absolute;
    top: -32px;
}

.import-wizard-form .wizard-steps .wizard-step .column-mappings > .form-horizontal .form-group label input {
	margin-top: 0;
	margin-right: 5px;
}

.underline-fields .import-wizard-form .wizard-steps .wizard-step .mapping-table .mapping-row-item td .form-control {
	border-bottom: none;
}

.import-wizard-form .wizard-steps .form-horizontal > fieldset:first-child > legend {
	color: #fff;
	position: relative;
}

.import-wizard-form .wizard-steps .help-video {
	position: absolute;
    right: 0;
    display: flex;
    align-items: center;
	color: #fff;
}

.import-wizard-form .wizard-steps .wizard-step .column-mappings > .form-horizontal > div:last-child:after {
	position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
	background: lightgray;
}

.import-wizard-form .wizard-steps .wizard-step .form-horizontal > .custom-fieldset.collapsed {
	display: block !important;
}

.import-wizard-form .wizard-nav { 
	padding: 10px 10px 0; 
	text-align: right;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.import-wizard-form .wizard-nav .left-section,
.import-wizard-form .wizard-nav .right-section {
	display: flex;
}

.import-wizard-form .wizard-nav .btn .icon {
	display: none;
}

.import-wizard-form .column-mappings .custom-fieldset:not(.collapsed) {
	border-bottom: 1px solid #938b8b;
}

.import-wizard-form .column-mappings table tr:first-child td {
	border-top: none;
}

@media screen and (max-width: 767px) {
	.import-wizard-form .wizard-nav .btn .icon {
		display: block
	}

	.import-wizard-form .wizard-nav .btn .text {
		display: none
	}
}



.import-wizard-form .wizard-nav .btn + .btn,
.import-wizard-form .wizard-nav .dropdown {
	margin-left: 2px;
}

.import-wizard-form .wizard-nav .dropdown {
	position: relative;
}

.enscroll-panel {
	overflow: auto;
	width: 100%;
	height: 240px;
	padding: 0;
	background-color: #fefefe;
}

.import-wizard-form .enscroll-panel { width: 100%; margin-top: -2px; }
.import-wizard-form .column-mappings fieldset.custom-fieldset { padding: 2px 0 0 0; }
.import-wizard-form .column-mappings fieldset.custom-fieldset legend.mapping-section-header { 
	padding:2px; 
	font-size:13px; 
	color:black; 
	background-color:lightgray; 
	cursor: pointer; 
}	

/* Schedule wizard */
.wizard-steps .step-description {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}

.wizard-steps .sub-item-edit-form fieldset {
	padding: 0 10px;
}

.wizard-steps .sub-item-edit-form fieldset legend {
	padding-bottom: 0;
    display: flex;
    align-items: center;
	border-bottom: none;
	position: relative;
}

.wizard-steps .event-flow-phase .event-flow-event  {
	cursor: default;
}
/* END Schedule wizard */

.track3 {
	width: 10px;
	background: rgba(0, 0, 0, 0);
	margin-right: 2px;
	border-radius: 10px;
	-webkit-transition: background 250ms linear;
	transition: background 250ms linear;
}

.track3:hover, .track3.dragging {
	background: #d9d9d9; /* Browsers without rgba support */
	background: rgba(0, 0, 0, 0.15);
}

.handle3 {
	width: 7px;
	right: 0;
	background: #999;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 7px;
	-webkit-transition: width 250ms;
	transition: width 250ms;
}

.track3:hover .handle3, .track3.dragging .handle3 { width: 10px; }

.add-lr-pad-2{padding: 0 2px;}

.add-lr-pad-2 .section-name {
	font-style: italic;
	opacity: .7;
	color: #000;
}

dl.summary-info dt, dl.summary-info dd {display: inline-block; width: 45%;vertical-align:top}

dl.summary-info-collection dt, dl.summary-info-collection dd {
	display: inline-block;
	width: 90%;
	vertical-align: top
}
/* IMPORT WIZARD CSS END*/


/* Calendar Control CSS BEGIN*/

.event-calendar-view .fc-calendar-event-day { position: relative;}

.event-calendar-view .fc-calendar-event-day .btn-add-event {
	position: absolute;
	right: 0;
	bottom: 0;
	display: inline-block;
	background-color: #F1F1F1;
	color: #666;
	padding: 2px 5px;
	cursor: pointer;
	z-index: 3;
	transition: .3s;
}

.event-calendar-view .fc-calendar-event-day .btn-add-event span {
	transition: none;
}

.event-calendar-view .fc-event .fc-content {
    display: flex;
    align-items: flex-start;
}

.event-calendar-view .fc-month-view .fc-event .fc-content {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.event-calendar-view .fc-event .fc-content div.fc-time {
    display: inline-block;
}

.event-calendar-view .fc-event .fc-content div.fc-title {
    display: unset;
	min-height: 15px;
}

.event-calendar-view .fc-agenda-view .fc-event .fc-time {
    display: none !important;
}

.event-calendar-view .fc-calendar-event-day .btn-add-event:hover {
	background-color: #a1a1a1;
	color: #fefefe;
}

.event-calendar-view .fc-event.fc-event-finished, .fc-event.fc-event-finished:hover {
	text-decoration: line-through;
}

.fc-event.fc-event-finished {
	background-color: #FFFFFF !important;
    border-color: #AAAAAA !important;
    color: #AAAAAA !important;
}

.event-calendar-view .fc-event.fc-event-alarm  > .fc-content:before {
	display: flex;
    align-items: center;
	font-family: 'Material Symbols Rounded';
	font-style: normal;
	font-weight: normal;
	content: "notifications";
	letter-spacing: 5px;
	font-weight: normal;
	padding: 0 0 0 5px;
	height: 15px;
}

.event-calendar-view .fc-event.fc-event-recurring  > .fc-content:before {
	display: flex;
    align-items: center;
	font-family: 'Material Symbols Rounded';
	font-style: normal;
	font-weight: normal;
	content: "refresh";
	letter-spacing: 5px;
	font-weight: normal;
	padding: 0 0 0 5px;
}

.event-calendar-view .fc-event.fc-event-timeline  > .fc-content:before {
	display: flex;
    align-items: center;
	font-family: 'Material Symbols Rounded';
	font-style: normal;
	font-weight: normal;
	content: "task";
	letter-spacing: 5px;
	font-weight: normal;
	padding: 0 0 0 5px;
}

.event-calendar-view .fc-event.fc-event-timeline.fc-event-alarm > .fc-content:before {
		content: "tasknotifications";
}

.event-calendar-view .fc-event.fc-event-recurring.fc-event-alarm > .fc-content:before {
		content: "refreshnotifications";
}

.event-calendar-view .fc-toolbar h2 {
	margin-left: .3em;
}

.event-calendar-view .fc-view.fc-month-view .fc-week.fc-widget-content {
	padding-bottom: 25px;
}

/* Calendar popover CSS BEGIN */

.calendar-event-popover.popover { min-width: 300px;}

.calendar-event-popover .popover-title { background-color: #777777;color: #FEFEFE; min-height: 50px; font-weight: 700; }

.calendar-event-popover .popover-label { font-weight: 700; }

.calendar-event-popover .section-breaker { padding-bottom: 10px; }

.calendar-event-popover .popover-action-button { cursor: pointer;color: #555555; }

.calendar-event-popover .popover-action-button:hover {color: #000000;cursor: pointer;}

.calendar-event-popover .finish-menu-item {cursor: pointer;padding: 2px 5px;line-height: 22px;}

.calendar-event-popover .finish-menu-item:hover {background-color: #F5F5F5;}

.calendar-event-popover span a {color: inherit;}

.calendar-event-popover .link-text {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.calendar-event-popover .more-text {font-size: small;}

/* Calendar popover CSS END */

/* Calendar Control CSS END*/

/* Event, History edit dialog CSS START*/

.project-edit-span {
	outline: none;
	width: 100%;
	display: inline-block;
}

/* Event, History edit dialog CSS END*/

i.mce-ico.mce-i-fa-calendar {
	font-family: FontAwesome;
}

.help-video {
	cursor: pointer;
	background-color: transparent;
}

.help-video > span:first-child {
	padding-right: 5px;
}

.page-size-box {
	display: inline-block;
}

.map_total_block .map-count .map-process-message > a {
	color: #f45000;
}

.map_total_block > span {
	cursor: default;
}

.analysis-placeholder .sub-item-edit-form .form-group > label,
#formUnitEdit.sub-item-edit-form .form-group > label {
	width: 25%;
}

.analysis-placeholder .sub-item-edit-form .form-group.two-column .form-group label {
	width: 50%;
}

.analysis-placeholder .sub-item-edit-form .form-group > label.full-width,
.analysis-placeholder .sub-item-edit-form .form-group.two-column .form-group label.full-width {
	width: 100%;
	text-align: left;
}

.analysis-placeholder .sub-item-edit-form .form-group > .form-control {
	width: 74%;
}

#formUnitEdit.sub-item-edit-form .form-group > .form-control {
	width: 70%;
}

.analysis-placeholder .sub-item-edit-form .form-group.two-column .form-group .form-control {
	width: 48%;
}

.event-menu-container, .history-menu-container {
	position: relative;
	display: inline-block;
}

.pac-container {
	z-index: 1080;
}

.advanced-group-tab .add-new-filter a {color: var(--primary-color);}
.advanced-group-tab .filter-tab a {color: #555;}
.advanced-group-tab .filter-tab .remove-filter {padding-right: 10px; cursor: pointer;}

.advanced-group-tab li:not(:first-child):not(:last-child):before {
	content: "OR";
	display: block;
	position: absolute;
	left: -26px;
	top: 11px;
	color: var(--primary-color);
}
.advanced-group-tab li:not(:first-child):not(:last-child) {
	margin-left: 28px;
}

/*Report List*/

.report-list-top-toolbar { padding-bottom: 10px;}
.report-list-top-toolbar .input-group .form-control { height: 34px; padding: 6px 12px; width: 100%;}

.report-list-panel { margin: 0;}
.report-list-panel > div { height: calc(100vh - 245px); overflow-y: auto;}
.report-list-panel .report-list-block{ width: 100%; }
.report-list-panel .report-preview-block{ display: none; }

.report-list-panel.preview-tab > div { min-height: 290px; vertical-align: top;}
.report-list-panel.preview-tab .report-preview-block{ display: block; }

.report-list-panel.preview-tab .report-list-block {
	width: 40%;
	padding-left: 0;
}

.report-list-panel .report-preview-block > .row > .col-md-12 {
	padding-right: 0;
}

.report-list-panel.preview-tab .report-preview-block {
	width: 60%;
}

@media screen and (max-width: 767px) {
	.report-list-panel.preview-tab .report-list-block,
	.report-list-panel.preview-tab .report-preview-block {
		width: 100%;
	}

	.report-list-panel.preview-tab .report-list-block,
	.report-list-panel .report-preview-block > .row > .col-md-12 {
		padding: 0;
	}
}

ul.report-type-list { margin: 0; }
ul.report-type-list > li .type-name {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 5px;
	color: var(--primary-color);
	padding-top: 10px;
}
ul.report-type-list > li ul.report-list {
	display: flex;
	flex-wrap: wrap;
}
ul.report-type-list > li ul.report-list > li {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	width: 165px;
	height: 180px;
	text-align: center;
	padding: 5px;
	cursor: pointer;
	position: relative;
	border: 1px solid #ccc;
	margin: 1px;
	border-radius: 3px;
	transition: all .3s;
}

.report-list .report-item { width: 98px; height: 120px; margin: 10px; border-radius: 3px; box-shadow: 0 0 2px #ccc; position: relative;}
/*.report-list .report-item:hover, .report-list .report-item.active{box-shadow: 0 0 4px #ccc; background-color: #eee;}*/
.report-list .report-item:hover {border: 1px solid var(--primary-color); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 118, 0, .6);}
.report-list .report-item.active {border: 1px solid var(--primary-color); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 118, 0, .6);}
/*.report-list .report-item .report-thumbnail {
	text-align: center;
	width: 100%;
	height: 90px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}*/

.report-list .report-item .btn-switch-favorite {
	position: absolute;
	right: 0px;
	padding: 0;
	width: 28px;
	text-align: center;
	top: 1px;
	color: goldenrod;
	font-size: 20px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.report-list .report-item .report-thumbnail img {
	max-width: 100%;
	max-height: 120px;
	margin-top: 0;
	vertical-align: bottom;
	padding: 4px;
	line-height: 1.42857143;
	border: 1px solid #ddd;
	border-radius: 4px;
	max-width: 100%;
	height: auto;}
.report-list .report-item .report-name {position: absolute;bottom: 12px;font-family: sans-serif; overflow: hidden; padding: 0 5px; white-space: nowrap; text-overflow: ellipsis; width: 100%; font-size: 14px; margin: 10px 0; font-weight: 500; }

.report-preview .report-name {text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid #cccccc;}
.report-preview .report-thumbnail {
	min-height: 300px;
	padding: 15px 0;
	border-bottom: 1px solid #cccccc;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.report-preview .report-thumbnail img { max-width: 100%; min-height: 200px; }
.report-preview .report-description { text-align: justify; max-height: 80px; overflow-y: auto;}


.form-placeholder .nav.nav-tabs { margin: 0 10px; }
.form-placeholder .nav.nav-tabs li { cursor: pointer; }

.report-list-panel.preview-tab ul.report-type-list > li ul.report-list > li {
	height: auto;
	width: 100%;
	padding: 0 5px 0 30px;
	overflow: hidden;
}
.report-list-panel.preview-tab .report-list .report-item .report-thumbnail img {
	display: none;
}


.report-list-panel.preview-tab .report-list .report-item .report-name {
	position: relative;
	bottom: auto;
	text-align: left;
	padding: 0;
	margin: 0;
}

.report-list-panel.preview-tab .report-preview-block {
	border-left: 1px solid #bbb;
	overflow-x: hidden;
}

.report-list-panel.preview-tab .report-preview .report-name {
	margin: 10px 0 0 0;
	border: none;
	font-size: 18px;
}

.report-list-panel.preview-tab .report-list .report-item .btn-switch-favorite {
	right: auto;
	left: 0;
	font-size: 14px;
	height: 20px;
	top: 0;
	border-radius: 3px;
}

.report-list-panel.preview-tab .report-preview .report-thumbnail img {
	max-height: calc(100vh - 285px);
	object-fit: contain;
}

.report-list-panel.preview-tab .report-preview .report-thumbnail {
	border-bottom: none;
}

.dynamic-toolbar .hide-if-selected{ display: block;}
.dynamic-toolbar .show-if-selected{ display: none;}
.dynamic-action-toolbar .show-if-selected{ display: none;}

.dynamic-toolbar.is-selected .hide-if-selected{ display: none;}
.dynamic-toolbar.is-selected .show-if-selected{ display: block;}
.dynamic-action-toolbar.is-selected .show-if-selected{ display: inline-block;}
.dynamic-toolbar.is-selected ul.action-buttons li.show-if-selected{ display: inline-block;}
.dynamic-toolbar.is-selected ul.action-buttons li.divider.show-if-selected{ display: list-item;}
.dynamic-toolbar.is-selected ul.action-buttons li.counter.show-if-selected {
	display: list-item;
	background-color: #fae4b2;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-top: -5px;
	margin-bottom: 5px;
}
.dynamic-toolbar.is-selected ul.action-buttons li.counter.show-if-selected > span {
	padding: 3px 15px;
}

/*ul.event-flow { margin: 10px 0px auto; }*/
/* ul.event-flow li { border: 1px solid #d9d9d9;} */

ul.trigger-flow {
	margin-bottom: 25px;
}

ul.event-flow .event-flow-phase legend,
ul.trigger-flow .campaign-flow-trigger legend,
ul.email-flow .campaign-flow-email legend {
	border: 1px solid #ddd;
    border-width: 0 1px;
	min-width: 100%;
	width: 100% !important;
}

ul.trigger-flow .campaign-flow-trigger legend,
ul.email-flow .campaign-flow-email legend {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

ul.event-flow .event-flow-phase .phase-header,
ul.trigger-flow .campaign-flow-trigger .campaign-header,
ul.email-flow .campaign-flow-email .campaign-header {
	width: 100%;
	padding: 4px;
	border-radius: 3px 3px 0 0;
	align-items: center;
	font-size: 14px; 
	line-height: 16px;
}

ul.event-flow .event-flow-phase .phase-header--col,
ul.trigger-flow .campaign-flow-trigger .campaign-header--col,
ul.email-flow .campaign-flow-email .campaign-header--col {
	display: inline-flex;
	align-items: center;
}

ul.event-flow .event-flow-phase .phase-header .show-hide,
ul.trigger-flow .campaign-flow-trigger .campaign-header .show-hide,
ul.email-flow .campaign-flow-email .campaign-header .show-hide {
	float: none;
	font-size: 16px;
	line-height: 16px;
	transform: translateY(2px);
}

ul.event-flow .event-flow-phase ul,
ul.trigger-flow .campaign-flow-trigger ul,
ul.email-flow .campaign-flow-email ul,
ul.campaign-flow-email-list {
	min-height: 22px;
	width: 100%;
	max-width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #ddd;
	display: block;
}

ul.trigger-flow .campaign-flow-trigger ul, 
ul.email-flow .campaign-flow-email ul {
	border-top: none;
}

ul.trigger-flow .campaign-flow-trigger ul,
ul.email-flow .campaign-flow-email ul {
	border-top: none;
}

ul.event-flow .event-flow-phase ul li {
	display: table-row;
	background-color: #fff;
}

.wizard-steps .col.col-chkbx label {
	justify-content: center;
}

ul.event-flow .event-flow-phase ul li span.col,
ul.trigger-flow .campaign-flow-trigger ul li span.col,
ul.email-flow .campaign-flow-email ul li span.col,
ul.campaign-flow-email-list .campaign-flow-email span.col {
	padding: 4px;
	line-height: 1.42857143;
	vertical-align: top;
	display: table-cell;
}

ul.event-flow .event-flow-event .col.col-actions,
ul.trigger-flow .campaign-flow-trigger .col.col-actions,
ul.email-flow .campaign-flow-email .col.col-actions {
	text-align: right;
}

.event-flow .event-flow-captions > ul > li .col.col-actions,
ul.trigger-flow .campaign-flow-trigger > ul > li .col.col-actions,
ul.email-flow .campaign-flow-email > ul > li .col.col-actions {
	text-align: right;
}

ul.event-flow .event-flow-event .col,
ul.trigger-flow .campaign-flow-trigger .col,
ul.email-flow .campaign-flow-email .col,
ul.campaign-flow-email-list .col { 
	border: 1px solid #ddd; 
}

ul.event-flow.mod-sequence.ui-sortable {
		margin-top: 0px;
}

@media only screen and (min-width: 768px) {
	#rl-edit-sequence-flow-dialog ul.event-flow.mod-sequence.ui-sortable {
		max-height: calc(100vh - 290px);
		overflow-x: hidden;
	}
}

ul.event-flow.mod-sequence .event-flow-event,
ul.campaign-flow-email-list .campaign-flow-email,
ul.campaign-flow-email-list .event-flow-event {
	display: flex;
	justify-content: space-between;
}

ul.campaign-flow-email-list .event-flow-event .input-group.datetime .datepickerbutton:hover {
	color: var(--primary-color);
}

ul.campaign-flow-email-list .event-flow-event .input-group.datetime .input-group-btn .btn {
	display: inline-flex;
	border: none;
}

ul.campaign-flow-email-list .event-flow-event:last-child .input-group.datetime .input-group-btn .edit-date-save-action {
	display: none;
}

ul.campaign-flow-email-list .event-flow-event  .edit-date-save-action span {
	margin-right: 2px;
}

ul.campaign-flow-email-list .campaign-flow-email .title {
	font-size: 14px;
}

ul.event-flow .col,
ul.campaign-flow-email-list .col {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col.col-trigger-email-subject {
    width: 90%;
}

.col.col-event-type,
.col.col-finished {
    width: 15%;
    min-width: 71px;
}

.col.col-start-in,
.col.col-spacing,
.col.col-days,
.col.col-actions {
    width: 10%;
    min-width: 50px;
}

.col.col-duration {
    width: 10%;
    min-width: 61px;
    word-break: break-all;
}

.col.col-subject,
.col.col-email-subject {
    width: 40%;
    min-width: 286px;
}

.col.col-wait-for {
    width: 20%;
}

.col.col-start-time {
    width: 15%;
    min-width: 75px;
}

.col.col-email-start-date {
    width: 35%;
    min-width: 180px;
}

.col.col-email-start-date .updated-start-date {
	font-size: 13px;
    height: auto;
	position: relative;
    top: 2px;
	border: none !important;
	box-shadow: none;
}

.col.col-email-start-date .updated-start-date:focus {
	box-shadow: none;
}

.col.col-email-start-date:has(.datepickerbutton) {
	overflow: visible;
}

.col.col-email-start-date button.datepickerbutton {
	padding: 0 5px;
    border: none;
}

#formDripCampaignWizardStep_2 .col.col-email-subject,
#formDripCampaignWizard .col.col-email-subject {
    width: 50%;
    min-width: initial;
}

#formDripCampaignWizardStep_1 fieldset {
	padding: 10px;
}

#formDripCampaignWizardStep_1 fieldset legend {
	border-bottom: 1px solid #e5e5e5;
}

.dark-mode #formDripCampaignWizardStep_1 fieldset legend {
	border-bottom: 1px solid #717171;
}

#formDripCampaignWizardStep_2 .event-flow-event .custom-checkbox label {
	position: relative;
	top: 2px;
	left: 2px;
}

#formDripCampaignWizardStep_3 .col.col-email-subject {
	width: 60%;
	min-width: initial;
}

@media screen and (max-width: 550px) {
    .col.col-duration {
        width: 45px;
        min-width: 45px;
    }

.event-flow-phase.ui-sortable-handle .phase-header .col-actions{
	float: right;
	display: block;
}
    .col.col-actions,
    .col.col-start-in,
    .col.col-spacing {
        width: 55px;
        min-width: 55px;
    }

    .col.col-event-type {
        width: 70px;
        min-width: 70px;
    }
}

.event-flow-captions {
    min-width: 100%;
}

.event-flow-captions > ul {
    display: table;
    min-width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.event-flow-captions > ul > li {
    display: table-row;
}

.event-flow-captions > ul > li .col {
    border: 1px solid #ddd;
    display: table-cell;
    padding: 6px 4px;
    vertical-align: bottom;
    font-weight: bold;
}

.mod-sequence .col.col-event-type {
    min-width: 94px;
    width: 15%;
}

.mod-timeline .col.col-subject {
    width: 30%;
    min-width: 151px;
}

.mod-timeline .col.col-start-date,
.mod-timeline .col.col-end-date {
    width: 10%;
    min-width: 73px;
}

.mod-timeline.captions {
	margin-top: 10px;
}
.col-actions .btn-action:hover {
	cursor: pointer;
}
.col-actions .btn-action:hover {
	cursor: pointer;
}
.event-flow-phase .event-flow-event {
	cursor: move;
}
.event-flow-phase.ui-sortable-handle {
	cursor: move;
}
.flow-placeholder {
	max-height: 500px;
	overflow: auto;
}
.event-flow-event-list{
		font-size: 11px;
}
.timeline-info-top {
		margin-bottom: 10px;
		border-bottom: 1px solid #e5e5e5;
		font-weight: bold;
}
.timeline-info-top-row {
		margin-bottom: 5px;
}

.vis-timeline .vis-item.vis-range {
	top: 5px !important;
}

.wizard-steps .mod-sequence.captions {
	padding: 0 10px;
	margin-top: 10px;
}

.wizard-steps ul.event-flow.mod-sequence .event-flow-event .col {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wizard-steps .col.col-chkbx {
	width: 5%;
	min-width: 25px;
	overflow: visible;
}

.wizard-steps .col.col-event-type,
.wizard-steps .col.col-start-date,
.wizard-steps .col.col-end-date {
	width: 15%;
	min-width: 82px;
}

.wizard-steps .col.col-spacing {
	width: 10%;
	min-width: 52px;
}

.wizard-steps .col.col-subject {
	width: 40%;
	min-width: 220px;
}

#rl-edit-drip-campaign-template-flow-dialog  .col.col-email-subject,
#rl-edit-sequence-flow-dialog .col.col-subject,
#rl-edit-drip-campaign-template-dialog .col.col-email-subject {
	width: 55%;
	min-width: 286px;
}

ul.event-flow.mod-timeline .event-flow-event .col.col-finished label {
	margin-bottom: 0;
}

.timeline-top-toolbar {
	margin-bottom: 10px;
}

.tabs-placeholder .nav.nav-tabs {
	margin: 0 0px;
}

.flow-timeline-view-placeholder {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

#rl-edit-drip-campaign-template-dialog .campaign-flow-email .campaign-flow-email-list ul {
	border: none;
}

#rl-edit-drip-campaign-template-dialog .campaign-flow-email .campaign-flow-email-list li {
	margin: 0;
}

#rl-edit-drip-campaign-flow-dialog .flow-timeline-view-placeholder {
	padding-top: 10px;
}

#rl-edit-drip-campaign-flow-dialog .flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-start {
	width: 142px;
} 

#rl-drip-campaign-wizard-dialog .ec-data-row-stats {
	padding-top: 10px;
	padding-bottom: 10px;
}


#rl-timeline-wizard-dialog .modal-footer .btn:focus {
	background: var(--primary-color) none repeat scroll 0 0;
	color: #fff;
}

#rl-timelines-list-dialog .timelines-search-form .btn-search-timeline{
		float: right;
}


.flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner {
		display: inline-flex;
		align-items: center;
		padding: 0;
		min-height: 30px;
		padding-left: 0 !important;
}

		.flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col {
				min-height: 30px;
				height:30px;
				margin-bottom: -5px;
				display: inline-block;
				overflow: hidden;
				white-space: nowrap;
				text-overflow:ellipsis;
				padding: 5px;
		}

				.flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col + .row-col {
						border-left: 1px solid #bfbfbf;
				}
				/* .flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col:last-child {
						border-right: 1px solid #bfbfbf;
				} */

.flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-event-type  { width:72px;}
.flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-finished    { width:61px;}
.flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-subject     { width:150px;}
.flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-start       { width:82px;}
.flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-end         { width:82px;}
.flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-days        { width:65px;}
.flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-actions     { width:65px;}
.flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-event       { width:59px;}
.flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-current-date{ width:80px;}
.flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-updated-date{ width:110px; overflow: visible;}
.flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-status      { width:80px;}

.dark-mode .flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-event-type  { color: #fff; }
.dark-mode .flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-finished    { color: #fff; }
.dark-mode .flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-subject     { color: #fff; }
.dark-mode .flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-start       { color: #fff; }
.dark-mode .flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-end         { color: #fff; }
.dark-mode .flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-days        { color: #fff; }
.dark-mode .flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-actions     { color: #fff; }
.dark-mode .flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-event       { color: #fff; }
.dark-mode .flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-current-date{ color: #fff; }
.dark-mode .flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-updated-date{ color: #fff; }
.dark-mode .flow-timeline-view-placeholder .vis-labelset .vis-label .vis-inner .row-col.col-status      { color: #fff; }

.vis-content .vis-labelset .vis-label:first-of-type {
	font-weight: bold;
	display: flex;
	align-items: center;
}

.timeline-information-btn{
	width: 18px;
	height: 18px;
	background-color: #999;
	color: white;
	display: inline-block;
	border-radius: 9px;
	text-align:  center;
	margin-left: 5px;
}

.disable-label {
	color: #999;
}

.is-pinned .material-symbols-rounded {
	font-variation-settings: 'FILL' 1;
}

span.show-hide + button {
	margin-right: 5px;
}

.disable-select .dt-scroller.dt-view, 
.dashboard-view .disable-select .main_info_block .investor_body_block {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.load-columns-profile-control {
	min-height: 26px;
}

.load-columns-profile-control .caret {
	margin-left: 5px;
}

.btn strong.plus-symbol {
	font-size: 15px;
    line-height: 0;
	position: relative;
    margin-right: 5px;
	top: -1px;
}

.btn-property-action.btn-publish-dealroom-property,
.btn-property-action.btn-property-analysis,
.btn-property-action.btn-publish-to-marketplace,
.btn-space-action.btn-publish-to-marketplace,
.btn-property-action.create-comp,
.btn-property-action.create-project,
.btn-space-action.create-comp,
.btn-space-action.create-project {
	font-weight: bold;
	font-size: 12px;
	padding: 0 10px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	margin-top: 5px;
}

.btn-property-action.btn-publish-dealroom-property,
.btn-property-action.btn-property-analysis {
	background: #fff;
    color: #9e2328;
	border-color: #9e2328;
}

.btn-property-action.btn-publish-dealroom-property:hover {
	background: #9e2328;
    color: #fff;
}

.btn-property-action.btn-property-analysis:focus,
.btn-property-action.btn-publish-dealroom-property:focus,
.btn-property-action.btn-property-analysis:active,
.btn-property-action.btn-publish-dealroom-property:active {
	color: #fff;
	outline: none;
}


.btn-property-action.btn-property-analysis:focus,
.btn-property-action.btn-property-analysis:active,
.btn-property-action.btn-publish-dealroom-property:focus,
.btn-property-action.btn-publish-dealroom-property:active {
	background-color: #891f23;
	border-color: #6c181b;
}

.btn-property-action.btn-property-analysis i,
.btn-property-action.btn-publish-to-marketplace i,
.btn-space-action.btn-publish-to-marketplace i {
	font-family: icomoon;
	top: 0;
	font-size: 14px;
}

.btn-property-action.btn-publish-dealroom-property .btn-goto {
	display: none;
	margin-left: 5px;
	border-radius: 2px;
	background-color: #fefefe;
	color: #891f23;
	padding: 2px;
	font-size: 10px;
	font-weight: bold;
	vertical-align: top;
}

.btn-property-action.btn-publish-dealroom-property .btn-goto:hover {
	background-color: #eeeeee;
	box-shadow: 0 0 2px #cccccc;
}

.btn-property-action.btn-publish-dealroom-property.is-published .btn-goto {
	display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    height: 28px;
    line-height: 100%;
    font-size: 13px;
    border-left: 1px solid;
    position: relative;
    right: -10px;
}

.btn-space-action i {
	font-style: normal;
	font-size: 20px;
	position: absolute;
	top: 3px;
	left: 5px;
}

.btn-property-action.btn-publish-to-marketplace,
.btn-space-action.btn-publish-to-marketplace {
	background-color: #fff;
	border-color: #007a38;
	color: #007a38;
}

.btn-property-action.btn-publish-to-marketplace:hover,
.btn-property-action.btn-publish-to-marketplace:focus,
.btn-property-action.btn-publish-to-marketplace:active,
.btn-space-action.btn-publish-to-marketplace:hover,
.btn-space-action.btn-publish-to-marketplace:focus,
.btn-space-action.btn-publish-to-marketplace:active {
	background-color: #007a38;
	color: #fff;
}

.hide-fileds-in-multiple-attach > div#attachment-description-div,
.hide-fileds-in-multiple-attach > div#attachment-type-div,
.hide-fileds-in-multiple-attach > ul#attachment-checkbox-list {
	display: none;
}

.file-not-loaded {
    color: red;
}

.btn-space-action.create-comp span,
.btn-space-action.create-project span {
	margin: 0 3px;
}

@media screen and (min-width: 1200px) and (max-width: 1340px) {
	.btn-space-action.create-comp span,
	.btn-space-action.create-project span {
		display: none;
	}
}

@media screen and (max-width: 440px) {
	.btn-space-action.create-comp span,
	.btn-space-action.create-project span {
		display: none;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1481px) {
	.outline-nav-shown.outline-nav-pinned .btn-property-action.create-comp span,
	.outline-nav-shown.outline-nav-pinned .btn-property-action.create-project span {
		display: none;
	}
}

@media screen and (min-width: 992px) and (max-width: 1570px) {
	.outline-nav-shown.outline-nav-pinned .btn-space-action.create-comp span,
	.outline-nav-shown.outline-nav-pinned .btn-space-action.create-project span {
		display: none;
	}
}

/*Styles for RingCentral Control*/
.ringcentral-popover .popover-content {
	display: flex;
	padding: 2px;
	color: #337ab7;
	justify-content: space-between;
	align-items: center;
	background-color: #ffffff;
	border-radius: 4px;
	font-size: 1.1em;
}

.top-line {
	top: 5px !important;
}

.ringcentral-popover .popover-icon {
	cursor: pointer;
	font-size: 18px;
	color: #007bff;
	padding: 2px;
	margin: 0;
}

.ringcentral-popover .popover-icon:hover {
		color: #0056b3;
	}

#rl-ringcentral-call-dialog {
	z-index: 10000;
	position: relative;
	overflow:visible;
}

#rl-ringcentral-call-dialog #headerInfo h4 {
	margin-top: 0;
}

#rl-ringcentral-call-dialog .toolbar .btn{
	margin:5px
}

#rl-ringcentral-call-dialog .contactListItem {
	margin: 5px 0 5px 10px;
	float: none;
}

#rl-ringcentral-call-dialog .contactListItem label {
	margin: 0;
}

#rl-ringcentral-call-dialog .modal-dialog {
	width: 500px !important;
	position: fixed;
	width: 100%;
	margin: 0;
	padding: 10px;
	right:0px;
}

#rl-ringcentral-call-dialog .toolbar {
	display: flex;
    justify-content: space-around;
}

#rl-ringcentral-call-dialog .modal-footer .btn {
	border: none;
    background: none;
    color: #000;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	font-size: 14px;
	padding: 0;
}

	#rl-ringcentral-call-dialog .btn .material-symbols-rounded {
		width: 40px;
		height: 40px;
		border-radius: 90px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 5px;
		color: #fff;
		font-size: 16px;
	}

#rl-ringcentral-call-dialog .btn.btn-answer .material-symbols-rounded {
	background-color: green;
}

#rl-ringcentral-call-dialog .btn.btn-dismiss .material-symbols-rounded {
	background-color: #ccc;
	color: #000;
}

#rl-ringcentral-call-dialog .btn.btn-sendSMS .material-symbols-rounded {
	background-color: blue;
}

#rl-ringcentral-call-dialog .btn.close-btn .material-symbols-rounded {
	background-color: #ccc;
	color: #000;
}

#rl-ringcentral-call-dialog .btn.btn-save-history .material-symbols-rounded {
	background-color: green;
}

	#rl-ringcentral-call-dialog .btn.btn-add-new-contact .material-symbols-rounded {
		background-color: var(--primary-color);
		margin-left:20px;
		
	}

#rl-ringcentral-call-dialog .modal-body:has(.btn-add-new-contact) {
	padding-left: 130px;
	position: relative;
}

#rl-ringcentral-call-dialog .modal-body:has(.contactListItem) {
	padding: 10px;
}

#rl-ringcentral-call-dialog .modal-body:has(.contactListItem) .btn-add-new-contact {
	display: none;
}

	#rl-ringcentral-call-dialog .btn-add-new-contact {
		position: absolute;
		top: 10px;
		left: 20px;
		padding-left: 10px;
		border: 0px !important;
		color: black;
	}

	#rl-ringcentral-call-dialog .btn-secondary.btn-add-new-contact:hover, #rl-ringcentral-call-dialog .btn-secondary.btn-add-new-contact :active {
		border: none;
		background: none !important;
		color: #000 !important;
	}

	#rl-ringcentral-call-dialog .btn-msg-add-contact{
		top: 40px !important;
	}
	/* Custom styling for the floating icons */
	.floating-icons {
		position: fixed;
		//top: 55px; /* Adjust the top value as needed */
		right: 20px;
		z-index: 10001;
		text-align: right;
	}

	.floating-icons .icon {
		width: 40px;
		height: 40px;
		color: #fff;
		border-radius: 10%;
		text-align: center;
		font-size: 24px;
		//line-height: 40px;
		//margin-bottom: 10px;
		cursor: pointer;
	}

	.floating-icons .phone-icon {
		animation: blink-bg 1s infinite alternate;
		background-color: #3498db;
		/*border-radius: 50%;*/
	}

	.floating-icons .sms-icon {
		background-color: #cf6905;
	}

	.floating-icons .sms-icon .badge {
		position: absolute;
		top: -6px;
		right: -2px;
	}

	/* Add a hover effect */
		.floating-icons .phone-icon:hover {
		background-color: #2980b9;
	}

/* Custom styling for the labels */
	.floating-icons .label {
		font-size: 12px;
		color: #333;
	}

/* Keyframes for the blinking background animation */
@keyframes blink-bg {
	0% {
		background-color: #333;
	}

	100% {
		background-color: red;
	}
}

#rl-ringcentral-call-dialog a.callTimerLink {
	font-weight: bold;
	color: var(--primary-color);
}

#rl-ringcentral-call-dialog  .smsBlock {
	border: 1px solid #ccc;
	border-radius: 5px;
	font-style:italic;
	padding: 5px;
}

#rl-ringcentral-call-dialog .item-title {
	color: var(--primary-color);
	cursor: pointer;
}


.rc-floating-icon {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	background-color: #3498db; /* Green color, you can change this */
	background-image: url('/images/rc_icon.svg');
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff; /* Icon color, you can change this */
	font-size: 24px;
	cursor: pointer;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	transition: background-color 0.3s ease-in-out;
}

.rc-dot {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 12px;
	height: 12px;
	background-color: #4CAF50; /* Green color, same as the icon */
	border-radius: 50%;
}

.rc-floating-icon:hover {
	background-color: #45a049; /* Darker green color on hover, you can change this */
}

.site-header .rc-menu-item{
	position: relative;
}

.site-header .rc-menu-item .icon-menu {
		padding: 9px 5px 5px 5px;
		position: relative;
		color: var(--primary-color);
	}

.btn-rc-phone {
	display: block;
}

.btn-rc-phone .badge {
	position: absolute;
	font-size: 10px;
	color: #fff;
	background: red;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	top: 4px;
	right: 4px;
	margin: 0;
	padding: 3px 0 0 0;
	text-indent: 0;
	font-weight: 700;
	line-height: 1;
}


a.icon-menu.btn-rc-phone.in-active {
	color: grey;
}

a.icon-menu.btn-rc-phone.in-active .badge {
	background: grey;
}

@keyframes pulseColorAnimation {
	0% {
		//transform: scale(1);
		color: grey; /* Starting color */
	}

	50% {
		//transform: scale(1.5);
		color: lightblue; /* Mid-transition color */
	}

	100% {
		//transform: scale(1);
		color: grey; /* End color - back to original */
	}
}

.pulse-color {
	animation: pulseColorAnimation 2s infinite;
}




/************* Email Automation Template Properties Start *************/
#rl-edit-drip-campaign-template-dialog legend.top-toolbar {
	border-bottom: none;
}

#rl-edit-drip-campaign-template-dialog legend.top-toolbar .drip-campaign-email-row {
	margin-bottom: 15px;
}

#rl-edit-drip-campaign-template-dialog .drip-campaign-email-list > div:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

#rl-edit-drip-campaign-template-dialog .drip-campaign-email-list > div:last-child .email-row-controls.email-edit-controls.no-border {
	padding-bottom: 0px;
    border-bottom: 0px; 
}

#rl-edit-drip-campaign-template-dialog .drip-campaign-email-row .input-group-addon {
	width: 60px;
	max-width: 60px;
	min-width: 60px;
}

#rl-edit-drip-campaign-template-dialog .drip-campaign-email-row .email-row-controls.email-edit-controls {
	padding-left: 75px;
}

#rl-edit-drip-campaign-template-dialog .drip-campaign-email-row input.email-start-time {
	width: 80px;
}

#rl-edit-drip-campaign-template-dialog .drip-campaign-email-row .email-edit-control-container {
	padding-bottom: 10px;
}

#rl-edit-drip-campaign-template-dialog .col.col-wait-for {
	margin-right: 15px;
}

#rl-edit-drip-campaign-template-dialog .btn-create-email {
	margin-right: 15px;
}

#rl-edit-drip-campaign-template-dialog .email-row-controls {
	display: flex;
	align-items: center;
	margin-top: 10px;
}

#rl-edit-drip-campaign-template-dialog .email-row-controls.email-selection-controls {
	margin-top: 0px;
}

.email-edit-control-container > div + div {
	margin-left: 15px;
}

#rl-edit-drip-campaign-template-dialog .email-edit-control-container .datetime-period input {
	width: auto;
	max-width: 50px;
}

#rl-edit-drip-campaign-template-dialog .email-edit-control-container .form-control {
	width: auto;
}

#rl-edit-drip-campaign-template-dialog .email-edit-control-container {
	display: flex;
	align-items: center;
}

#rl-edit-drip-campaign-template-dialog .time-picker-btn .btn {
	border: 1px solid #ccc;
}

#rl-edit-drip-campaign-template-dialog .finish-button {
	padding-left: 10px;
}

#rl-edit-drip-campaign-template-dialog .btn-add-email {
	margin-top: 10px;
}

@media screen and (max-width: 767px) {
	#rl-edit-drip-campaign-template-dialog .email-edit-control-container {
		flex-wrap: wrap;
	}

	.email-edit-control-container > div + div {
		margin-left: 0;
	}

	.email-edit-control-container > div {
		margin-right: 15px;
	}
}
/************* Email Automation Template Properties End *************/