/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}




*{box-sizing:border-box;}
*{margin:0px;padding:0px;  }
ul li{list-style:none;}
a{text-decoration:none;  }
.clr{clear:both;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none;}
input, textarea, select{ border:0px none; background:none; outline:none;   -webkit-appearance: none; }
img{ outline:none; max-width:100%; height:auto; border:0px none; display:block; -ms-interpolation-mode: bicubic;}
h1, h2, h3, h4, h5, h6, strong, b{ font-weight:normal; }
input[type='submit']{  border-radius:0px; -webkit-appearance:none; appearance:none; outline:none; }
textarea{ resize:none; overflow:auto; }
:focus{ outline:none;}
.clearfix:after{content:""; display:block; clear:both; height:0px; visibility:hidden;}
.clearfix{ display:block; zoom:1; }
body{width:100%;  font-size:12px;position:relative;height:100%; font-family: 'Roboto', sans-serif;font-weight:400; background:#e4e7ec;}
html { width:100%; height:100%; position:relative;}




.splash_background { width:100%; background:url(../images/signupBg.png) no-repeat; background-size:cover;}

.wrapper { width:100%;  position:relative;}



.signInWeb_autoContainer{ width:496px; margin:auto;}

.signInWeb_detail { width:100%; padding-top:100px;}

.tabsBttns { width:100%;}

.tabsBttns a { width:49.9%; float:left; color:#fff; line-height:36px; text-align:center; display:block; background:#0a62a3; text-transform:uppercase;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11);-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11);-ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11);-o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11);-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11); border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;-ms-border-radius:6px 6px 0px 0px;-o-border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px;}

.tabsBttns a:last-child { float:right;}

.tabsBttns a.activeTab {background:#fff;color:#18465c; box-shadow:none;}

.signInWeb_view { width:100%; background:#fff; padding:50px 75px 35px;  min-height: 375px; margin-bottom:50px; display:none;border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;-ms-border-radius: 0 0 5px 5px;-o-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;}

.signView { width:100%;}


.signUp_logo { width:199px; margin:auto; padding-bottom:40px;}
.signUp_logo a { display:block; width:100%;}
.signUp_logo a img { display:block; width:100%;}


.sign_form { width:100%;}

.sign_form ul li { padding-bottom:15px;}

.customeInput input {height: 34px; border-radius: 100px;-moz-border-radius: 100px;-ms-border-radius: 100px;-o-border-radius: 100px;-webkit-border-radius: 100px;  border: solid 1px #dbdbdb; width:100%; padding:3px 15px 3px 55px; color:#0a62a3; font-size:13px; font-family: 'Roboto', sans-serif;}

.customeInput input[type='email'] { background:url(../images/mail_icon@2x.png) 7% center no-repeat; background-size:17px 13px;box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;-webkit-box-shadow: none;}

.customeInput input[type='password'] { background:url(../images/password_lock@2x.png) 7% center no-repeat; background-size:13px 17px;box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;-webkit-box-shadow: none;}


.customeInput input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #9b9b9b;}
.customeInput input::-moz-placeholder { /* Firefox 19+ */color: #9b9b9b;}
.customeInput input:-ms-input-placeholder { /* IE 10+ */ color: #9b9b9b;}
.customeInput input:-moz-placeholder { /* Firefox 18- */color: #9b9b9b;}






.control-group {display: inline-block;text-align: left;  vertical-align: top; padding-left:20px; padding-top:6px; padding-bottom:6px;}
.control { cursor: pointer; display: block; font-size: 13px; line-height:22px; padding-left: 35px; position: relative; color:#9b9b9b; }
.control input {  opacity: 0; position: absolute;  z-index: -1; }
.control__indicator {background: #e6e6e6 none repeat scroll 0 0;height: 20px;left: 0;position: absolute;top: 2px;width: 20px; border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;}

.control input:checked ~ .control__indicator {background: #0a62a3 none repeat scroll 0 0;}
.control:hover input:checked:not([disabled]) ~ .control__indicator, .control input:checked:focus ~ .control__indicator {background: #0a62a3 none repeat scroll 0 0;}

.control input:disabled ~ .control__indicator {background: #e6e6e6 none repeat scroll 0 0;opacity: 0.6;pointer-events: none;}
.control__indicator::after {content: "";display: none;position: absolute;}

.control input:checked ~ .control__indicator::after {display: block;}
.control--checkbox .control__indicator::after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #fff;border-image: none;border-style: solid; border-width: 0 2px 2px 0;height: 8px;left: 8px;top: 4px;transform: rotate(45deg);width: 3px;}


.submitBtn { width:100%; text-align:center;}

.submitBtn input[type='submit'] { width:100%;color:#fff; line-height:36px; text-align:center; display:block; background:#0a62a3; text-transform:uppercase; cursor:pointer; border-radius: 100px;-moz-border-radius: 100px;-ms-border-radius: 100px;-o-border-radius: 100px;-webkit-border-radius: 100px; border:0px; height:34px; font-family: 'Roboto', sans-serif; }

.submitBtn a { width:36%;color:#6b717b; line-height:36px; text-align:center; display:inline-block; background:#dbdbdb; text-transform:uppercase; cursor:pointer; border-radius: 100px;-moz-border-radius: 100px;-ms-border-radius: 100px;-o-border-radius: 100px;-webkit-border-radius: 100px; border:0px; height:36px; font-family: 'Roboto', sans-serif;margin:0px 1.5% }

.forgotPassword { width:100%; text-align:center; padding-top:6px;}

.forgotPassword p { color:#9b9b9b; font-size:13px;}

.forgotPassword p a { color:#9b9b9b; text-decoration:underline;}

.forgotPassword p a:hover { text-decoration:none;}





.signInWeb_view.signUpView { padding-top:45px;}

.signInWeb_view.signUpView .submitBtn { padding-top:36px;}

.signInWeb_view.signInMobile { display:block; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;}


.signUp_copyRights { width:100%; text-align:center;padding-bottom:50px;}

.signUp_copyRights p {font-size: 12px; font-style: italic; color: #fafafa; padding-bottom:20px;}

.signUp_copyRights ul li { display:inline-block;}
.signUp_copyRights ul li a { display:inline-block; color: #fafafa;font-size: 12px; margin:0px 10px;}
.signUp_copyRights ul li b { display:inline-block; color: #fafafa;font-size: 12px; margin-left:6px;}
.signUp_copyRights ul li a:hover { text-decoration:underline;}







.headerOuter{ width:100%; position:relative; z-index:22;  }

.header_nave_out{ width:100%;  position:relative; z-index:2;    background:#0a62a3;   }

.header_nave_inner{ width:100%; position:relative;  }






.headerNave_left{ width:33.33%; float:left; }

.headerNave_profile{ width:100%;  }

.headerNave_proPic{ max-width:40px; float:left; height:40px; background:#fff; border-radius:50%; width:40px; float:left;  }

.headerNave_proPic img{ max-width:none; width:100%; height:100%; display:block; }

.headerNave_pro_userName{ width:100%;  }

.header_navebar_editDots {
  width: 200px;
  height: 64px;
  display: block;
  transition: all 0.4s ease;
  z-index: 1;
  background: url(../images/soldi@5x.png) center center no-repeat;

  float: left;
  color: white;
  font-size: 25px;
  padding: 15px 9px;
}

.headerNave_pro_userName p{ color: #ffffff; font-size: 16px; float: left; width: 170px; border-right: 1px solid #dbdbdb; height: 45px; line-height: 45px; margin-top: 10px; padding-left: 40px;}

.headerNave_pro_userName p a{ color:#ffffff; }


.headerNave_mid{ width:33.33%; float:left; }

.logo{ width:100%; padding-top:16px; }

.logo a {  display:block; text-align:center; color:#ffffff; font-size: 18px;  line-height: 1.67; font-weight:500;  }

.headerNave_right{ width:33.33%; float:right;  }

.headerNave_rightInn{ width:100%; padding-top:13px; }

.headerNave_rightInn ul{ float:right; }

.headerNave_rightInn ul li{ float:left; padding-right:20px; position:relative; }

.headerNave_rightInn ul li a{ font-size:12px; line-height:22px; color:#fff; display:block;   text-transform:uppercase; margin-top:9px; }

.alertBell_icon { margin-right:20px;   background:url(../images/alert_icon.png) no-repeat; width:19px; height:22px; display:block; position:relative; background-size:19px 22px;}
.alertBell_icon i {  content:attr(data-badge); position:absolute; top:-5px; right:-5px; font-size:8px; font-weight:500; background:#1875f0; font-style:normal; color:white;  width:15px;height:15px;  text-align:center; line-height:15px;  border-radius:50%;  box-shadow:0 0 1px #1875f0;}







/********left bar edit menu css******************/

.editPro_leftBar_outer{ width:22%; left:-295px; height:100%;  position:fixed; top:0px; z-index:3; background:#fff; transition:all 0.6s ease-in-out; min-width:295px; max-width:295px;   }

.editPro_leftBar_outer.openLeft_menu{ left:0px; }


.editPro_leftBar_inn{  border-right:1px solid #f5f5f5; padding-top:64px; padding-bottom:30px; width:100%; height:100%;    }

.editPro_leftBar_innCont{ width:100%; height:100%; padding:0px 10px 0px 25px;  overflow: hidden;}

.editPro_changeProPic_out{ width:100%; padding:50px 0px 36px 0px; }

.editPro_changeProPic_box{ width:90px; height:90px; position:relative; margin:auto; border-radius:50%; overflow:hidden; }

.editPro_changeProPic_box em{ display:block; width:100%; height:100%; }

.editPro_changeProPic_box em img{ max-width:none; width:100%; height:100%; display:block; margin:auto;  }

.editPro_changeProPic_box span{ width:100%; height:100%; position:absolute; left:0px; top:0px; display:block; background-color:#171616; background:url(../images/editProfile_uploadPicIcon.png) no-repeat center center #171616; z-index:2; transition:all 0.4s ease-in-out; opacity:0;  }

.editPro_changeProPic_box span:hover{ opacity:1; }

.editPro_changeProPic_box span input{ width:100%; height:100%; position:absolute; left:0px; top:0px; opacity:0; cursor:pointer; }

.editPro_leftBr_formOut{ width:100%; }

.editPro_personalInfo{ width:100%; padding-bottom:50px;  }

.editPro_personalInfo h2{ font-size:14px; line-height:20px; padding-bottom:20px; color:#2c3c46; }

.editPro_personalInfo input[type="text"], .editPro_personalInfo input[type="email"], .editPro_personalInfo input[type="password"], .editPro_countrySclt{ color:#2c3c46; border-bottom:1px solid #e3e3e3;  font-size:12px; line-height:22px; padding:5px 5px 5px 3px; width:100%; margin-bottom:16px; }

.editPro_personalInfo_checks{ width:100%; padding-top:12px; }

.editPro_genderRadio{ width:50%; float:left; display:block; font-size:12px; color:#2c3c46; line-height:18px; position:relative;  padding:5px 0px 5px 40px; background:url(../images/editProfile_radioUncheck.png) no-repeat left center; background-size:25px 25px;  }

.editPro_genderRadio.checked{ background:url(../images/editProfile_radiocheck.png) no-repeat left center; }

.editPro_genderRadio input{ width:100%; height:100%; position:absolute; left:0px; top:0px; cursor:pointer; opacity:0; }

.editPro_countrySclt{ position:relative; }

.editPro_countrySclt span{ display:block; line-height:34px; padding-right:20px; background:url(../images/all_select_down_arows.png) no-repeat right center; font-size:12px; color:#2c3c46; }

.editPro_countrySclt select{ width:100%; height:100%; position:absolute; left:0px; top:0px; opacity:0; }

.editPro_notifications{ width:100%; }

.editPro_notifications ul li{ width:100%; padding-bottom:16px; }

.editPro_notifications ul li:last-child{ padding-bottom:0px; }


.editPro_notifications_onOff_button{ background:url(../images/editProfile_inputNotification_off.png) no-repeat center center; width:45px; height:26px; float:right; position:relative; }

.editPro_notifications_onOff_button.checked{ background:url(../images/editProfile_inputNotification_on.png) no-repeat center center;}

.editPro_notifications_onOff_button input{ width:100%; height:100%; position:absolute; left:0px; top:0px; opacity:0; cursor:pointer; }

.editPro_personalInfo_button{ width:100%; padding-bottom:20px; }

.editPro_notifications ul li strong{ font-size:12px; line-height:17px; color:#2c3c46; display:inline-block; padding-top:4px; }

.editPro_saveChanges{ margin-bottom:16px; }

.all_blue_button{ transition:all 0.4s ease-in-out; font-size:12px; line-height:20px; color:#ffffff; padding:6px 20px; display:block; background:#006bcf; border-radius:16px !important; cursor:pointer; text-align:center;  }

.all_blue_button:hover{ background:rgba(44, 56, 69, .68); color:#fff; }

.all_white_button, .all_gray_button{ transition:all 0.4s ease-in-out; font-size:12px; line-height:20px; color:#2c3c46; padding:6px 20px; display:block; background:#ffffff; border-radius:16px !important; cursor:pointer; text-align:center; border:1px solid #ebebeb;  }
.all_white_button:hover, .all_gray_button:hover{ background:rgba(44, 56, 69, .68); color:#fff; }

.all_gray_button{ background:#f8f8f8; }


.headerMenu_outer{ width:100%; background:#fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.11); }

.menu{ width:100%; text-align:center; padding-top:24px;  }

.menu ul li{ display:inline-block; *display:inline; *zoom:1;  padding:0px 17px; }

.menu ul li a { display:block; padding-left:32px;}

.menu ul li a b{ display:block; font-size:14px; line-height:16px; padding-bottom:18px; position:relative;  text-transform:uppercase; color:#617283;  transition:all 0.5s ease; }

.menu ul li a b:after , .menu ul li a.active b:after{ width:100%; transition:all 0.5s ease; height:2px; position:absolute; left:0px; bottom:5px; opacity:0; background:#0a62a3; content:"";  }

.menu ul li a.active b:after{ opacity:1; bottom:0px; }

.menu ul li a:hover b{ color:#0a62a3; }


.autoContent{ margin:auto; padding:0px 20px; max-width:1310px; }
.survey-editor .autoContent{ margin:auto; padding:0px 20px; max-width:100%; }


.dash_b_icon { background:url(../images/dashBorad_icon@2x.png) left top  no-repeat; background-size:27px 13px;padding-left:38px !important;}
.members_icon { background:url(../images/members_icon@2x.png) left top  no-repeat; background-size:18px 21px;padding-left:33px !important;}
.target_icon { background:url(../images/target_icon@2x.png) left top  no-repeat; background-size:22px 18px;}
.venue_icon { background:url(../images/venue_icon@2x.png) left top  no-repeat; background-size:14px 20px;}
.help_icon { background:url(../images/help_icon@2x.png) left top  no-repeat; background-size:16px 21px;padding-left:30px !important;}
.media_icon { background:url(../images/media_icon@2x.png) left top  no-repeat; background-size:21px 21px;padding-left:32px !important;}
.report_icon { background:url(../images/report_icon@2x.png) left top  no-repeat; background-size:21px 21px;padding-left:32px !important;}
.loyalty_icon { background:url(../images/loyalty_icon.png) left top  no-repeat; background-size:21px 21px;padding-left:32px !important;}
.setting_icon { background:url(../images/setting_icon.png) left top  no-repeat; background-size:21px 21px;padding-left:32px !important;}
.cms_icon { background:url(../images/cms_icon.png) left top  no-repeat; background-size:21px 21px;padding-left:32px !important;}





.container { width:100%; padding:40px 0px 0px;}

.compaignstabsBttns { width:100%; text-align:center; }

.compaignstabsBttns a {margin:0px 1px; padding:0px 20px;  color:#fff; line-height:30px; text-align:center; display:inline-block; background:#003a5d; text-transform:uppercase;/*box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11);-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11);-ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11);-o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11);-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11); */border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;-ms-border-radius:6px 6px 0px 0px;-o-border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px; min-width:113px; font-size:12px;}

.compaignstabsBttns a.compaignsActive  {background:#fff;color:#18465c; box-shadow:none;}
.compaignstabsBttns a.campaignActiveTabs  {background:#7d888a;
  color: #ffffff; box-shadow:none;}
.compaignstabsBttns a:hover  {background:#fff;color:#18465c; box-shadow:none;transition:all 0.5s ease;}



.contentDetail { background:#f7f8f8; padding:30px 0px; width:100%;}



.compaignHeadigs { width:100%; text-align:center; padding-bottom:18px;}

.compaignHeadigs h1 {   font-size: 32px;  font-weight: 300; color: #1862a6; padding-bottom:12px;}

.compaignHeadigs p {  font-size: 15px; color: #617283; line-height:24px; }



.compaignsType { width:100%;}

.compaignsType ul li { width:33%; padding:1.2%; display:inline-block;}

.compaignType_detail {background-color: #ffffff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11); padding:50px 30px 40px; text-align:center;}

.compaignType_detail span { background: #f7f8f8; border: solid 1px #d2d6dd; width:84px; height:84px; display:inline-block; border-radius:10px; margin-bottom:35px; overflow:hidden; }

.compaignType_detail span b {background:url(../images/set_icon@2x.png) center center no-repeat ;background-size:27px 40px;width:84px; height:84px; display:block;}
.compaignType_detail span b.proximityIcon {background:url(../images/proximity_icon@2x.png) center center no-repeat ;background-size:44px 39px;width:84px; height:84px; display:block;}
.compaignType_detail span b.dynamicIcon {background:url(../images/standard_icon@2x.png) center center no-repeat ;background-size:39px 39px;width:84px; height:84px; display:block;}



.compaignType_detail span b.iconSegment {background:url(../images/iconSegment@2x.png) center center no-repeat ;background-size:32px 32px;width:84px; height:84px; display:block;}
.compaignType_detail span b.iconSegmentNew {background:url(../images/iconSegmentNew@2x.png) center center no-repeat ;background-size:32px 32px;width:84px; height:84px; display:block;}
.compaignType_detail span b.iconSegmentSave {background:url(../images/iconSegmentSave@2x.png) center center no-repeat ;background-size:32px 32px;width:84px; height:84px; display:block;}




.compaignType_detail span:hover {background:linear-gradient(314deg, #003a5d, #0a62a3 37%, #00c1de) ;  border-radius:10px; border:none; }
.compaignType_detail span:hover  b {background:url(../images/set_iconWhite@2x.png) center center no-repeat ;background-size:27px 40px;}
.compaignType_detail span:hover  b.proximityIcon {background:url(../images/proximity_iconWhite@2x.png) center center no-repeat ;background-size:44px 39px;}
.compaignType_detail span:hover  b.dynamicIcon {background:url(../images/standard_iconWhite@2x.png) center center no-repeat ;background-size:39px 39px;}
.compaignType_detail span:hover b.iconSegment {background:url(../images/iconSegment_white@2x.png) center center no-repeat ;background-size:32px 32px;}
.compaignType_detail span:hover b.iconSegmentNew {background:url(../images/iconSegmentNew_white@2x.png) center center no-repeat ;background-size:32px 32px;}
.compaignType_detail span:hover b.iconSegmentSave {background:url(../images/iconSegmentSave_white@2x.png) center center no-repeat ;background-size:32px 32px}





.compaignType_detail span.selecCompaign { background:linear-gradient(314deg, #003a5d, #0a62a3 37%, #00c1de);  }
.compaignType_detail span.selecCompaign  b {background:url(../images/set_iconWhite@2x.png) center center no-repeat ;background-size:27px 40px;}
.compaignType_detail span.selecCompaign  b.proximityIcon {background:url(../images/proximity_iconWhite@2x.png) center center no-repeat ;background-size:44px 39px;}
.compaignType_detail span.selecCompaign  b.dynamicIcon {background:url(../images/standard_iconWhite@2x.png) center center no-repeat ;background-size:39px 39px;}

.compaignType_detail span.selecCompaign b.iconSegment {background:url(../images/iconSegment_white@2x.png) center center no-repeat;background-size:32px 32px;}
.compaignType_detail span.selecCompaign b.iconSegmentNew {background:url(../images/iconSegmentNew_white@2x.png) center center no-repeat ;background-size:32px 32px;}
.compaignType_detail span.selecCompaign b.iconSegmentSave {background:url(../images/iconSegmentSave_white@2x.png) center center no-repeat ;background-size:32px 32px}


.compaignType_detail a { border-radius: 4px; background-color: #f7f8f8; border: solid 1px #e4e7ec; line-height:50px; font-size:18px; color: #617283;   display:block;    }

.compaignType_detail a.selecCompaignBttn {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff;  }
.compaignType_detail a:hover  {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff; transition:all 0.5s ease; }

.compaignType_detail h3 {  border-bottom: solid 1px #e4e7ec;  font-size: 24px;  font-weight: 400; color: #617283; padding-bottom:30px; margin-bottom:32px;}

.compaignType_detail p {  font-size: 14px; color: #617283;line-height: 1.71; padding-bottom:35px; min-height: 130px}

.compaigns_list_content{ width:100%;}
.compaigns_list_detail{ width:100%;}

.cL_listing_tableOut{ width:100%;background: #ffffff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11); padding:25px; }

.cL_listing_tableTitle{ width:100%; background:#f8f8f8; }
.cL_listing_tableTitle strong{ display:block; padding:8px 0px; font-size:13px; line-height:15px; color:#617283;   }




.cL_listing_tableInn{ width:100%;}

.cL_listing_tableInn ul li{ width:100%; position:relative;   background:#fff; padding:0px 0px; overflow:hidden; }

.cL_listing_tableInn ul li:last-child{ border-bottom:0px none; }

.cL_listing_tableInn ul li.active_editMod .cL_listing_table_row{ margin-left:-39%; }


.cL_listing_table_row{ width:100%; display:table; table-layout:fixed; position:relative; transition:all 0.6s ease-in-out 0s; background:#fff; padding:14px 15px; }

.cL_listing_table_cell{ display:table-cell; vertical-align:middle; padding:0px 5px;  word-wrap:break-word; }

.cL_listing_table_cell.cell1{ width:12%; }
.cL_listing_table_cell.cell2{ width:16%; }
.cL_listing_table_cell.cell3{ width:17%; }
.cL_listing_table_cell.cell4{ width:14%; }
.cL_listing_table_cell.cell5{ width:11%; }
.cL_listing_table_cell.cell6{ width:13%; }
.cL_listing_table_cell.cell7{ width:17%; }
.clEditDotes_cell.cell7{ width:17%; padding:0px 0px 0px 15px; }

.cL_rowList_number{ display:block; color:#344456; font-size:13px;     font-family: 'robotoregular'; padding-left:20px; }
.e_member_content .cL_rowList_number{ font-family: 'Roboto', sans-serif !important; font-weight: 400; }
.cl_rowPosted_dateOut{ width:100%;   }




.cl_listingCampaign_zonz strong{ display:block; color:#31465b; font-size:14px; line-height:20px;  }





.cl_tableRow_status_Draft{ background:url(../images/campaignLanding_ctlIcon_draft.png) no-repeat top center; }
.cl_tableRow_status_waiting_Waiting_Review{ background:url(../images/campaignLanding_ctlIcon_waitingReview.png) no-repeat top center; }


.cl_tableRow_editDotes{ width:30px; height:30px; display:block; border-radius:6px; padding:5px; transition:all 0.4s ease; }

.cl_tableRow_editDotes i{ width:4px; height:4px; background:#777777; position:relative; border-radius:50%; display:block; margin:auto; }

.cl_tableRow_editDotes i:after, .cl_tableRow_editDotes i:before{ content:"";  width:4px; height:4px; background:#777777; position:absolute; border-radius:50%; display:block; left:0px; top:8px;  }

.cl_tableRow_editDotes i:after{ top:16px;  }

.cl_tableRow_editDotes:hover{  background: rgba(44, 56, 69, 0.1) none repeat scroll 0 0; }

.cl_rowEdit_popOut{ width:39%; height:50px; position:absolute; right:-39%; top:0px; transition:all 0.6s ease-in-out; }

.active_editMod .cl_rowEdit_popOut{ right:0px; }

.cl_rowEdit_pop_table{ width:100%; height:100%; display:table; }

.cl_rowEdit_popOut_tableRow{ width:100%; height:100%; display:table; table-layout:fixed; }

.cl_rowEdit_popOut_tableRow_cell{ display:table-cell; vertical-align:middle;  width:84px; }
.cl_rowEdit_popOut_tableRow_cell.eidtCell1{ border-left:0px none; }

.cl_rowEdit_popOut_tableRow_cell a{  display:table; width:100%; height:100%; text-align:center; background:#00c1de; color:#fff; transition:all 0.4s ease-in-out;  }

.cl_rowEdit_popOut_tableRow_cell a strong{ display:table-cell; vertical-align:middle; width:100%; height:100%; font-size:11px; }

.cl_rowEdit_popOut_tableRow_cell a i{ display:block; min-height:28px; background:url(../images/eye_icon@2x.png) no-repeat center center;  background-size:28px auto; }

.cl_rowEdit_popOut_tableRow_cell a.edit_icon i{ background:url(../images/edit_icon@2x.png) no-repeat center center;   background-size:19px auto; }

.cl_rowEdit_popOut_tableRow_cell a.scheduleIcon i{ background:url(../images/clock_icon@2x.png) no-repeat center center;  background-size:26px auto;  }

.cl_rowEdit_popOut_tableRow_cell a.duplicateIcon i{ background:url(../images/layers_icon@2x.png) no-repeat center center; background-size:25px auto;   }

.cl_rowEdit_popOut_tableRow_cell a.delete_icon i{ background:url(../images/delete_icon@2x.png) no-repeat center center; background-size:12px auto;  }

.clEditDotes_cell{ display:table-cell; vertical-align:middle; }

.cl_rowEdit_popOut_tableRow_cell a.edit_icon{ background:#0a62a3;}
.cl_rowEdit_popOut_tableRow_cell a.scheduleIcon{ background:#c6db01;}
.cl_rowEdit_popOut_tableRow_cell a.duplicateIcon{ background:#003a5d;}
.cl_rowEdit_popOut_tableRow_cell a.delete_icon{ background:#fc6d64;}

.cl_rowEdit_popOut_tableRow_cell a:hover { opacity:1;}

.cl_rowEdit_popOut_tableRow_cell a.e_user_info2_icon i{ background:url(../../assets/images/usr_icon.png) no-repeat center center;   background-size:19px auto; }
.cl_rowEdit_popOut_tableRow_cell a.e_merge_info2_icon i{ background:url(../../assets/images/imadiate_icon_hover@2x.png) no-repeat center center;   background-size:19px auto; }







.campLstng_paginaton_out{ padding-top:36px; width:100%;  }

.campLstng_paginaton_inn{ width:100%; text-align:center;  }

.campLstng_paginaton_inn ul li{ display:inline-block; *display:inline; *zoom:1;  border:1px solid #d2d6dd;    font-size:0px; vertical-align:top; list-style:none; margin-left: -4px; background:#fff;}
.campLstng_paginaton_inn ul li:first-child{ border-left:1px solid #d2d6dd;  }
.campLstng_paginaton_inn ul li a{ font-size:12px; color:#636466;  display:block; width:34px; height:34px; text-align:center; line-height:34px; transition:all 0.4s ease;   }

.campLstng_paginaton_inn ul li a:hover, .campLstng_paginaton_inn ul li a.active{ color:#617283;   }
.campLstng_paginaton_inn ul li a.campPagi_prev{ background:url(../images/datePicker_arow_prev.png) no-repeat center center; background-size:5px auto; }
.campLstng_paginaton_inn ul li a.campPagi_next{ background:url(../images/datePicker_arow_next.png) no-repeat center center; background-size:5px auto; }

.campLstng_paginaton_inn ul li.active a{background: #006bcf}


.clEditDotes_cell span{ display:inline-block !important; float:left;}
.clEditDotes_cell a{ display:inline-block !important; float:right;}


.cL_listing_tableInn ul li { background:#f7f8f8;}
.cL_listing_tableInn ul li:nth-of-type(2n)  { background:#fff;}

.cL_listing_tableInn ul li .cL_listing_table_row { background:none;}




.compaign_select_search{ width:100%; padding:14px 14px; background:#e4e7ec; margin-bottom:25px;}

.selectCompaign{ width:22%; float:left; margin-right:25px;}

.campaign_select{  background:#fff; height:34px; position:relative; padding:0px 10px 0px 15px; }

.campaign_select span{ display:block; line-height:34px; padding-right:20px; background:url(../images/all_select_down_arows.png) no-repeat right 11px; font-size:13px; color:#617283; background-size:24px 17px }

.campaign_select select{ width:100%; height:100%; position:absolute; left:0px; top:0px; opacity:0; }


.searchCompaign{ width:22%; float:right; background:#fff; height:34px;padding:5px 15px 5px 15px;}

.copmpaignSearch_field{ width:90%; float:left;line-height: 22px;}

.copmpaignIcon_field{ width:10%; float:right; background:url(../images/search_icon.png) center center no-repeat; background-size:14px 14px; height:25px;}



.compaign_addNew { width:100%; padding-bottom:20px; border-bottom: 1px solid #e1e1e1; }

.compaign_addNew h3 { display:inline-block; float:left;font-size: 15px;  color: #113756; padding-top:10px;}

.compaign_addNew a { display:inline-block; float:right; min-width:215px;}




.compaign_progressBar{ width:100%;background: #ffffff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11); padding:35px 35px 25px; margin-bottom:80px; }
.compaign_schduler_content{ width:100%;background: #ffffff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11); padding:35px 35px 25px; margin-bottom:26px; }

.creative_topCircle_bar{ width:100%; text-align:center; position:relative;   }

.countSeprator {background:#d4d7d8; height:1px; width:100%; left:0px ; top:21px; position:absolute;}


.creative_topCircle_bar ul li{ display:inline-block; *display:inline; *zoom:1; text-align:center; position:relative; padding:0px 2%;  transition:all 0.4s ease; }

/*.creative_topCircle_bar ul li:after{ background:#d4d7d8; height:1px; content:""; width:390px; position:absolute; right:-222px; top:27%; }

.creative_topCircle_bar ul li:last-child:after{ display:none; }*/

.creative_topCircle_bar ul li a { margin:0px; }
.creative_topCircle_barBtn b{ width:42px; height:42px; display:block; margin:auto; border-radius:50%; border:1px solid #d2d6dd; color:#617283; font-size:20px; line-height:38px; text-align:center; background:#ffffff; position:relative; z-index:2; transition:all 0.4s ease; margin-bottom:20px; }

.creative_topCircle_barBtn:hover small{  color:#0a62a3; }
.creative_topCircle_barBtn:hover b{ border-color:#0a62a3; background:#0a62a3; color:#ffffff; }
.creative_topCircle_barBtn.active b{ border-color:#0a62a3; }
.creative_topCircle_barBtn.active small{ color:#0a62a3; }
.creative_topCircle_barBtn.previous_active b{ border-color:#0a62a3; background:#0a62a3; color:#ffffff; }

.creative_topCircle_barBtn small { display:block; text-align:center;  color:#617283; font-size:12px;}





.compaign_segments{ width:100%;background: #ffffff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11); padding:35px 35px 1px 35px; margin-bottom:30px; }

.segment_tYpe { width:100%;border-radius: 6px; border: solid 1px #dbdbdb; margin-bottom:35px;}


.segment_tYpe_heading  {border-radius: 6px 6px 0px 0px;; background-color: #fafafa; border-bottom: solid 1px #dbdbdb;padding:9px 22px;}

.segment_tYpe_heading h3 { font-size: 14px; font-weight: 500; color: #003a5d; text-transform:uppercase;}

.segment_tYpe_detail { width:100%;padding:15px 22px;}

.selectDescription { width:100%;border-bottom: solid 1px #e4e7ec; padding-bottom:18px;}

.selectDescription p { font-size: 12px; line-height: 1.5; color: #617283; }


.segment_tYpe_columns { width:100%; text-align:center;}

.segment_tYpe_columns ul li { width: 33%; padding: 1.2%; display: inline-block; }

.segment_tYpe_columns ul li .compaignType_detail {box-shadow: none; padding: 40px 30px 20px;}

.segment_tYpe_columns ul li .compaignType_detail h3 { border:0px; padding:0px; margin:0px; text-transform:capitalize; font-size: 18px; color: #617283;}

.segment_tYpe_columns ul li .compaignType_detail span { margin-bottom:25px;}



.newSegment_form { width:100%; padding-top:20px; padding-bottom:10px;}

.newSegment_form ul li  { width:100%; padding-bottom:25px;}

.newSegment_form ul li   label { font-size: 14px; color: #617283; display:block; padding-bottom:10px; }

.segmentInput { width:100%;border-radius: 6px; background-color: #fafafa; border: solid 1px #d2d6dd; padding:8px 22px;}
.segmentInput1 { width:100%;border-radius: 6px; background-color: #fafafa; border: solid 1px #d2d6dd; padding:8px 22px;}

.segmentInput1 input { width:1024px !important; line-height:22px;  font-size: 14px; color: #617283;}
.segmentInput input { width:100%; line-height:22px;  font-size: 14px; color: #0a62a3;}

.segmentARea { }

.segmentInput textarea { width:100%; line-height:22px;  font-size: 14px; color: #617283; height:185px;}

.newSegment_form ul li:last-child { padding-bottom:0px;}







.continueCancel { width:100%; text-align:right;}

.continueCancel a { border-radius: 4px; background-color: #d2d6dd; border: solid 1px #a5adba; line-height:40px; font-size:12px; letter-spacing:1px; color: #617283;   display:inline-block; min-width:175px; text-align:center;  margin:0px 0px 0px 10px;  }

.continueCancel a.selecCompaignBttn {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff;  }
.continueCancel a:hover  {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff; transition:all 0.5s ease; }


.continueCancel input { border-radius: 4px; background-color: #d2d6dd; border: solid 1px #a5adba; line-height:40px; font-size:12px; letter-spacing:1px; color: #617283;   display:inline-block;  min-width:175px; text-align:center;  margin:0px 0px 0px 10px; cursor:pointer; }

.continueCancel input.selecCompaignBttn {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff;  }
.continueCancel input:hover  {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff; transition:all 0.5s ease; }


.customButton { width:26%; text-align:right;}
.customButton input { border-radius: 4px; background-color: #d2d6dd; border: solid 1px #a5adba; line-height:40px; font-size:12px; letter-spacing:1px; color: #617283;   display:inline-block;  min-width:175px; text-align:center;  margin:0px 0px 0px 10px; cursor:pointer; }
.customButton input:hover  {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff; transition:all 0.5s ease; }
.customButton input.selecCompaignBttn {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff;  }


.contentinner { width:100%;}

.venueDashbord { width:100%;  margin:auto;}

.dashborad_column { width:100%; padding-top:20px; border-bottom:1px solid #e4e7ec; padding-bottom:25px; margin-bottom:16px;}

.column6_db { width:49.2%; float:left; border-radius: 6px; background-color: #ffffff;  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); border: solid 1px #e4e7ec; }

.venueHead { width:100%;padding:20px 20px; position:relative;}

.venueHead h4 { font-size: 12px; font-weight: 700; letter-spacing: 1.7px; color: #617283; text-align:center; padding-bottom:25px; text-transform:uppercase;}


.venueDropdown { width:42%; margin:auto;}

.venueDropdown  .campaign_select { background:#f7f8f8;}

.venueDropdown  .campaign_select span { color:#a5adba;}


.venueHighChart_outer { width:100%;padding:0px 30px 25px;}

.chanel_chart { width:48%; float:left;}
.chanel_chart img { width:100%; display:block;}

.chanel_chart_description { width:42%; float:right;}

.chanel_descriptionList { width:100%; }

.chanel_descriptionList b { width:8px ; height:8px; display:block; float:left; border-radius:50%; margin-top:13px;}

.greyActive { background:#a5adba;}
.blueActive { background:#0a62a3;}
.greenActive { background:#4de2c0;}
.navyBlueActive { background:#1fc2de;}
.darkBlueActive { background:#003a5d;}
.redActive { background:#fd3d50;}
.btn-success{    color: #fff !important;
  background-color: #5cb85c;
  border-color: #4cae4c;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
}

.chanel_descriptionList_text { width:calc(100% - 20px); float:right;border-bottom: solid 1px #e4e7ec; padding-bottom:10px; padding-top:11px;}

.chanel_descriptionList_text p { width:60%; float:left; font-size: 12px; color: #a5adba;}
.chanel_descriptionList_text strong { width:38%; float:right; font-size: 12px; color: #617283; display:block; text-align:right; font-weight:700;}

.unscribeRates { float:right;}

.unscribeChart{ width:100%;}
.unscribeChart img{ width:100%; display:block;border-radius: 0px 0px 6px 6px;}


.vidget_dropdown { position:absolute; right:20px; top:20px; padding-bottom:20px;}
.vidgetBtn { background:url(../images/optionsBttn@2x.png) no-repeat; width:20px ; height:11px; display:block; background-size:20px 11px;}

.showOptions { width:130px; position:absolute; left:50%; top:22px; background:#fff; border-radius:5px;padding-top:10px; padding-bottom:10px; display:none;  z-index: 1;box-shadow:0px 0px 8px 0px rgba(145, 145, 145, 0.5); margin-left:-65px;}
.showOptions li{ display:inline-block; width:100%;}
.showOptions li a  { display:block; padding:6px 15px 6px; font-size:12px; color:#555555; background:none;cursor:pointer; margin-top:0px!important;}
.showOptions  li:hover { background:#f2f2f2; }

.vidget_dropdown:hover .showOptions { display:block;}



.dashborad_Totalcolumn { width:100%; padding-bottom:60px;}

.dashborad_Totalcolumn ul { margin:0px -1%}

.dashborad_Totalcolumn ul li { width:33.3%; display:inline-block;*display:inline; *zoom:1; padding:1%; float:left; }

.column_dboard_widget { width:100%;   border-radius: 8px; background-color: #ffffff;  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); border: solid 1px #e4e7ec; padding:13px 30px 14px; min-height: 132px;}
.column_dboard_widgetDetail { width:85%; float:left;}

.column_dboard_widgetDetail label { font-size: 12px; font-weight: 700; letter-spacing: 1.7px; color: #617283;   display:block; }

.column_dboard_widgetDetail strong {  font-size: 48px; font-weight: 300; color: #0a62a3; display:block; }
.column_dboard_widgetDetail small {   font-size: 16px; color: #a5adba; }

.column_dboard_widgetBttn { width:25px; float:right; position:relative; margin-top:40px;}

.column_dboard_widgetBttn .vidget_dropdown {position:static;}

.column_dboard_widgetBttn .showOptions li { width:100%;}

.column_dboard_widget:hover  {background-image: linear-gradient(71deg, #003a5d, #0a62a3 50%, #00c1de); box-shadow: 0 0 15px 0 rgba(49, 127, 203, 0.4);}

.column_dboard_widget:hover .column_dboard_widgetDetail label { color:#fff;}
.column_dboard_widget:hover .column_dboard_widgetDetail strong { color:#fff;}
.column_dboard_widget:hover .column_dboard_widgetDetail small { color:#00c1de;}

.column_dboard_widgetBttn  .showOptions { margin:0px 0px 0px -65px;}


.column_dboard_widget.selectWidget  { background-image: linear-gradient(71deg, #003a5d, #0a62a3 50%, #00c1de); box-shadow: 0 0 15px 0 rgba(49, 127, 203, 0.4);}

.column_dboard_widge.selectWidget  .column_dboard_widgetDetail label { color:#fff;}
.column_dboard_widget.selectWidget  .column_dboard_widgetDetail strong { color:#fff;}
.column_dboard_widget.selectWidget  .column_dboard_widgetDetail small { color:#00c1de;}


.activeCompaign_icon { width:58px; float:left; margin-top:10px;}

.activeCompaign_icon a { border:1px solid #e4e7ec; width:58px; height:58px; background:url(../images/target_dashboard_icon@2x.png) center center no-repeat; background-size:22px 18px; display:block; border-radius:50%;}

.activeCompaignColumn .column_dboard_widgetDetail {width:calc(100% - 108px); margin-left:22px;}

.activeCompaign_icon a.forgetIcon { background:url(../images/page_dashboard_icon@2x.png) center center no-repeat; background-size:15px 22px;  }
.activeCompaign_icon a.dynamicIcon {  background:url(../images/standard_dashboard_icon@2x.png) center center no-repeat; background-size:19px 19px; }

.activeCompaignColumn .column_dboard_widgetBttn { margin-top:35px;}

.column_dboard_widget:hover .activeCompaign_icon a {border:1px solid #fff; background:url(../images/target_dashboard_iconWhite@2x.png) center center no-repeat; background-size:22px 18px; }

.column_dboard_widget:hover .activeCompaign_icon a.forgetIcon { background:url(../images/page_dashboard_iconWhite@2x.png) center center no-repeat; background-size:15px 22px;  }
.column_dboard_widget:hover .activeCompaign_icon a.dynamicIcon {  background:url(../images/standard_dashboard_iconWhite@2x.png) center center no-repeat; background-size:19px 19px; }


.column_dboard_widget.selectWidget .activeCompaign_icon a {border:1px solid #fff; background:url(../images/target_dashboard_iconWhite@2x.png) center center no-repeat; background-size:22px 18px; }

.column_dboard_widget.selectWidget .activeCompaign_icon a.forgetIcon { background:url(../images/page_dashboard_iconWhite@2x.png) center center no-repeat; background-size:15px 22px;  }
.column_dboard_widget.selectWidget .activeCompaign_icon a.dynamicIcon {  background:url(../images/standard_dashboard_iconWhite@2x.png) center center no-repeat; background-size:19px 19px; }



.activeHeading { width:100%; }

.activeHeading h4 { text-align:center; font-size: 12px; font-weight: 700; letter-spacing: 1.7px; color: #617283;   display:block; padding-bottom:2px; }


.barrGrapgh { padding:30px 0px 12px;  }





.compaignDescription_outer { width:100%;}

.compaignDescription_column6 { width:49%; float:left;}



.compaignTags_discription { float:right;}


.tagsScroll{ max-height:200px; position:relative; }
.customPlaceHolder{ max-height:200px; position:relative; }


.mCSB_inside > .mCSB_container{ margin-right:0px!important; }

.mCSB_scrollTools .mCSB_draggerContainer{ height:100% !important;  }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#e4e7ec !important; width:4px; }

.mCSB_scrollTools .mCSB_draggerRail{ background:no-repeat !important; width:4px !important; }





.tagsCompaigns_detail { width:100%;}

.tagsCompaigns_list { width:100%; padding-bottom:30px;}

.tagsCompaigns_list { width:47%; float:left;}

.tagsCompaigns_listScroll { width:100%; padding:3px; border-radius: 6px;  background-color: #ffffff; box-shadow: 0 0 5px 0 #f7f8f8; border: solid 1px #d2d6dd;}

.tagsCompaigns_listScroll ul li { padding: 8px 20px;font-size: 13px;  color: #a5adba;}
.tagsCompaigns_listScroll ul li:hover { color: #fff;border-radius: 3px; background-color: #0a62a3;}



.tagsCompaigns_listScroll select option { padding: 8px 20px;font-size: 13px;  color: #a5adba;}
.tagsCompaigns_listScroll select option:hover { color: #fff;border-radius: 3px; background-color: #0a62a3;}

.tagsCompaigns_listScroll select{width: 100%}
.selectedTags { width:100%; }

.selectedTags label { font-size: 14px !important;  color: #617283 !important; display: block; padding-bottom: 15px !important; }

.showTags { width:100%;}
.showTags a {border-radius: 4px; border: solid 1px #617283; display:inline-block; font-size:14px; padding:6px 10px 6px 15px; color:#617283; margin-right:5px; margin-bottom:5px; }

.showTags a i { background:url(../images/x_tag_close.png) no-repeat; background-size:12px 12px; width:12px; height:12px; display:inline-block; vertical-align:top; margin-left:15px; margin-top: 4px; }


.tagsSelected_tip { width:49%; float:right;}

.selected_tip { width:100%;}

.selected_tip i { border-radius: 4px; background-color: #0a62a3; display:inline-block; height:19px; line-height:20px; text-align:center;font-size: 9px; font-weight: 700; letter-spacing: 1px; color: #ffffff; padding:0px 10px; font-style:normal; margin-bottom:12px;}

.selected_tip p {  font-size: 14px; line-height: 1.29; color: #a5adba; padding-bottom:25px; }

.selected_tip button { height: 30px; border-radius: 4px; background-color: #d2d6dd; border: solid 1px #a5adba; display:block; width:130px;  font-size: 10px;
  font-weight: 500;  letter-spacing: 1px; text-align: center; color: #617283; margin-bottom:10px; cursor:pointer;}

.selected_tip button:hover {background-color: #0a62a3; color:#fff;}

.singleSegment_section{ padding-left:20px;}

.singleSegment_section .tagsSelected_tip {  width: 22%; float: left; margin-left: 3%;  }




.menber_chard { width:75%; padding-bottom:30px; margin:auto;}
.menber_chard img { display:block; width:100%;}

.memberChartOuter .column6_db { width:100%; float:none; }

.memberChartOuter ul { margin:0px -1%;}
.memberChartOuter ul li { width:33.3%; float:left; padding:1%;}

.memberChartOuter .venueHead { padding-bottom:0px;}


.point_member { width:66.66% !important;}

.points_chart_columns { width:100%; padding:35px 30px 44px;}
.points_chart_columns .menber_chard { width:33.33%; float:left; padding:0px 2%;}

.memberChartOuter .showOptions li { width:100%;  }

.memberChartOuter .showOptions { margin:0px 0px 0px -65px; }




.no_compaign_avail{ width:100%;background: #ffffff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11); padding:100px 35px  ;     }

.no_compaign_avail span { width:84px; height:84px; margin:auto; margin-bottom:30px; background-image: linear-gradient(314deg, #003a5d, #0a62a3 37%, #00c1de); border-radius:6px; display:block;}
.no_compaign_avail span b {width:84px; height:84px; background:url(../images/target_dashboard_iconWhite@2x.png) center center no-repeat;   display:block;}

.no_compaign_avail h1 {  text-align:center;  font-size: 32px;  font-weight: 300; color: #1862a6; padding-bottom:25px;}

.no_compaign_avail p {  text-align:center; font-size: 15px; color: #617283; line-height:24px; padding-bottom:60px; }

.no_compaign_avail a { border-radius: 4px;  border: solid 1px #e4e7ec; line-height:50px; font-size:18px; display:block; max-width:300px; margin:auto; text-align:center; background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff; transition:all 0.5s ease;   }







.segmentsBuilder_container { width:100%; padding-top:30px;}

.segmentsSection_left { width:38%; float:left;border-radius: 6px;  border: solid 1px #dbdbdb;}

.segment_heading  {border-radius: 6px 6px 0px 0px; background-color: #003a5d; border-bottom: solid 1px #d2d6dd;padding:9px 22px;}

.segment_heading h3 { font-size: 14px; font-weight: 500; color: #fff;}




.segmentsAccordianList { padding:20px 30px; width:100%;}


.segments_accordian{ width:100%; position:relative; padding-top:5px; padding-bottom:5px;    }

.acordianSeprator {background:#d4d7d8; height:100%; width:1px; left:21px ; top:0px; position:absolute;}

.segments_accordian ul li{   position:relative; margin:25px 0%;  transition:all 0.4s ease;}

.segments_accordian ul li a { margin:0px; display:block; }
.accordianIcons b{ background: url(../images/accordianRight_aero.png) center center no-repeat #ffffff; background-size:24px 24px; width:42px; height:42px; display:inline-block; vertical-align:middle;   border-radius:50%; border:1px solid #d2d6dd; color:#617283; font-size:20px; line-height:38px; text-align:center;  position:relative; z-index:2; transition:all 0.4s ease; font-size:0px; }

.accordianIcons:hover small{  color:#0a62a3; }
.accordianIcons:hover b{ border-color:#0a62a3; background:url(../images/accordianRight_aero_active.png) center center no-repeat #0a62a3; background-size:24px 24px;color:#ffffff; }
.accordianIcons.active b{ border-color:#0a62a3; transform: rotate(90deg) ;background: url(../images/accordianRight_aero_active.png) center center no-repeat #0a62a3 ;background-size:24px 24px;  color:#0a62a3; }
.accordianIcons.active small{ color:#0a62a3; }
.accordianIcons.previous_active b{ border-color:#0a62a3; background:#0a62a3; color:#ffffff; }

.accordianIcons small { display:inline-block; vertical-align:middle; text-align:center;  color:#617283; font-size:14px; font-weight:500; padding-left:43px;}


.showAccordian_data{ width:100%; padding-left:85px; padding-top:10px; display:none;}

.dragAccordianData {border-radius: 4px;  background-color: #f7f8f8; border: solid 1px #d2d6dd; width:100%; margin-bottom:10px; padding:11px 30px; position:relative; cursor:pointer;}

.dragAccordianData h4 {font-size: 12px; font-weight: 500; letter-spacing: 1px; color: #617283;}

.dragAccordianData:after{ background:#d4d7d8; height:1px; content:""; width:64px; position:absolute; left:-65px; top:48%; }




.segmentsSection_right { width:60.5%; float:right;border-radius: 6px;  }

.segmentaxn_heading { background-image: linear-gradient(to bottom, #189bd0, #0a62a3);}

.segmentaxn_detail { width:100%; padding:12px;border: dashed 1px #dbdbdb; border-top:0px; border-radius:0px 0px 6px 6px; }

.full-w-h-table { display: table; width: 100%; height: 100%;}
.full-w-h-table .row{ display: table-row; width: 100%; height: 100%}
.full-w-h-table .head{ display: table-header-group; width: 100%;}
.segmentDropZone {background-color: #fafafa}

.dropSegmentation_section { width:100%;border-radius: 6px; background-color: #ffffff;  border: solid 1px #d2d6dd; margin-bottom:10px;}

.dropSegmentation_heading  {border-radius: 6px 6px 0px 0px; background-color: #fafafa; border-bottom: solid 1px #d2d6dd;}

.dropSegmentation_heading h3 { font-size: 14px;  color: #617283; display:inline-block; float:left;padding:8px 15px ;}


.segmntClose { width:42px; float:right;border-left: solid 1px #d2d6dd; height:34px;}

.segmntClose a { background:url(../images/x_tag_close.png) center center no-repeat; width:12px; height:12px; background-size:12px 12px; display:block; margin:auto; margin-top:12px; }



.genderSelected { width:100%; padding:30px 7% 25px; text-align:center;}


.genderSelected ul li { width:25%; float:left; padding:0px 5%;}

.genderSelected ul li span {   font-size: 14px; line-height: 1.71; color: #617283; cursor:pointer;}

.genderSelected ul li span b { background:url(../images/genderMale@2x.png) center center no-repeat #f7f8f8; width:59px; height:59px; background-size:15px 42px; display:block; margin:auto; margin-bottom:8px; position:relative;border: solid 1px #d2d6dd; border-radius:8px;}

.genderSelected ul li span b i { display:none;background:url(../images/check_gender@2x.png) no-repeat; background-size:34px 34px; position:absolute; right:-15px; top:-12px; width:34px; height:34px; }

.genderSelected ul li span.selectGender b i { display:block; }


.genderSelected ul li span b.genderFemale { background:url(../images/genderfeMale@2x.png) center center no-repeat #f7f8f8; width:59px; height:59px; background-size:18px 41px;  }

.genderSelected ul li span b.genderOther { background:url(../images/genderOther@2x.png) center center no-repeat #f7f8f8; width:59px; height:59px; background-size:18px 42px;  }
.genderSelected ul li span b.genderUnknown { background:url(../images/unknown_gender.png) center center no-repeat #f7f8f8; width:59px; height:59px; background-size:18px 42px;  }



.ageGraph { width:100%; padding:12px;}

.ageGraph img { display:block; width:100%;}


.stateSegmentation { width:100%; padding:25px 16px 20px;}

.stateSegmentation label { font-size: 14px; color: #617283;  display: block; padding-bottom: 10px; }



.postcodeSearch { width:100%; border-radius: 6px; background-color: #f7f8f8;  border: solid 1px #d2d6dd; height:46px; margin-bottom:14px; padding:9px 15px 6px; }

.postcodeSearch .copmpaignSearch_field{ width:88%; float:right;line-height: 23px;}

.postcodeSearch .copmpaignIcon_field{ width:10%; float:left; background:url(../images/search_icon.png) center center no-repeat; background-size:14px 14px; height:25px;}






.segmentSummeryOuter { border-radius: 6px; border: solid 1px #dbdbdb; margin-bottom:35px;}

.segmentSummery_detail { width:100%; padding:20px ;}

.quickPreview { width:100%;  border-radius: 6px;  background-color: #003a5d;}

.quickPreview .segment_tYpe_heading {border-radius: 6px 6px 0px 0px; background-color: #014772; border-bottom:0px; }

.quickPreview .segment_tYpe_heading h3 { color:#fafafa; font-weight:normal; font-size:13px;}

.quickPreview_detail { width:100%; padding:28px 35px;}


.segmentSize { width:20%; float:left; padding-top:15px;}

.segmentSize_icon { width:40px; float:left; margin-right:5px; padding-top:17px;}

.segmentSize_icon img { width:34px; display:block;}

.segmentSize_text { width:calc(100% - 45px); float:right;}

.segmentSize_text strong { display:block; text-align:center;font-size: 48px; font-weight: 300; letter-spacing: -1.8px; color: #00c1de}

.segmentSize_text small { display:block; text-align:center;font-size: 14px; color: #fafafa;}

.overview_bars { width:64%; float:left;padding-top: 20px;}
.overview_bars_detail { width:100%; padding-bottom:10px;}

.overview_bars_label { width:20%; padding-right:2%;float:left; padding-top:3px;}

.overview_bars_label label { display:block; text-align:right;font-size: 14px; color: #d2d6dd;}

.overview_bars_range{ width:62%; position:relative;background-color: #617283; height:5px; float:left; margin-top:11px; }
.overview_bars_loading{ width:60%; position:absolute;background-color: #fafafa; height:100%; left:0px; top:0px;}
.overview_bars_loading.blueBar{ width:20%;  background-color: #00c1de; }

.overview_bars_value { width:18%;  float:left;}


.overview_bars_value strong { display:block; text-align:center;font-size: 20px; color: #fafafa;}

.addedSegmentd { width:16%; float:left;}

.addedSegmentd p { display:block; text-align:center;font-size: 14px; color: #fafafa;}

.addedSegmentd strong { display:block; text-align:center; font-size: 48px; font-weight: 700; letter-spacing: -1.8px; color: #00c1de;}




.segmentsCriterias { width:100%; padding-top:30px;}

.criterias_heading  { margin-bottom:15px;  border-bottom: solid 1px #d2d6dd; width:100%; padding:0px 0px 5px}

.criterias_heading h3 { font-size: 24px; line-height: 2.5; color: #617283;}


.criteria_detail { width:100%;  }


.democretic_age_gender { width:100%; }

.democretic_gender { width:30%; float:left; }

.democretic_genderDetail { width:100%; padding:20px 10px;}

.democretic_genderDetail_text { width:25%; text-align:center; float:left;padding-top:15%}

.democretic_genderDetail_text strong { display:block; text-align:center; font-size: 20px;   letter-spacing: -1.8px; color: #617283; padding-bottom:5px;}

.democretic_genderDetail_text p { display:block; text-align:center;font-size: 14px; color: #a5adba;}

.democretic_genderDetail_graph { width:50%; float:left;}

.democretic_genderDetail_graph img { display:block; width:100%;}

.criteria_detail .segmntClose { border:none;}

.democretic_gender.democretic_age { width:68.8%; float:right; }



.criteria_detail .dropSegmentation_section { margin-bottom:20px;}




.democretic_ageDetail_icon { width:11%; text-align:center; float:left;padding-top:5%}
.democretic_ageDetail_icon img { display:block;   width:25px; margin:auto;}
.democretic_ageDetail_icon.todler img { width:34px; }

.democretic_ageDetail_graph { width:76%; float:left;}
.democretic_ageDetail_graph img { display:block; width:475px; margin:auto;}




.demographic_stateBarrs { width:100%; border-bottom:1px solid #d2d6dd;}

.demographic_stateBarrs_label { width:30%; float:left;  padding: 20px 15px; position:relative;}

.demographic_stateBarrs_label label {  font-size: 13px; color: #617283;}

.demographic_progressBar:after{ background:#d2d6dd; height:100%; content:""; width:1px; position:absolute; left:0px; top:0%; }
.demographic_stateBarrs:last-child { border-bottom:0px;}


.demographic_progressBar { width:70%; float:left; padding: 5px 10px 5px 22px;position:relative; }
.demographic_progressBar_detail { width:100%; padding-bottom:3px;}

.demographic_progressBar_label { width:12%; float:left; padding-top:3px;}

.demographic_progressBar_label label { display:block;  font-size: 14px; color: #617283;}

.demographic_progressBar_range{ width:72%; position:relative;border-radius: 2.5px; background-color: rgba(210, 214, 221, 0.4); height:5px; float:left; margin-top:11px; }
.demographic_progressBar_loading{ width:60%; position:absolute;background-color: #0a62a3; border-radius:10px; height:100%; left:0px; top:0px;}
.demographic_progressBar_loading.lightblueBar{ width:40%;  background-color: #00c1de; }

.demographic_progressBar_value { width:16%;  float:left; padding-top:4px;}
.demographic_progressBar_value strong { display:block; text-align:center;font-size: 13px; color: #617283;}






.modifySegments { border-radius: 6px; border: solid 1px #dbdbdb; margin-bottom: 35px; }

.modifySegments_detail { width:100%; padding:10px 20px}

.addMember_removeMember { width:100%; padding-bottom:20px;}

.addMember_removeMember h3 { display:inline-block; float:left;font-size: 15px;  color: #113756; padding-top:14px;}

.addMember_removeMemberBttn { width:auto; float:right;}

.addMember_removeMemberBttn a { border-radius: 4px; background-color: #d2d6dd; border: solid 1px #a5adba; line-height:40px; font-size:12px; letter-spacing:1px; color: #617283;   display:inline-block; min-width:175px; text-align:center;  margin:0px 0px 0px 10px;  }

.addMember_removeMemberBttn a.selecmemberBttn {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff;  }
.addMember_removeMemberBttn a:hover  {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff; transition:all 0.5s ease; }


.memberSearchField { padding:10px 12px;}

.memberSearchField .searchCompaign { float:none;width: 24%; }

.dragDrop_btn { background:url(../images/dragDrop_icon@2x.png) no-repeat; width:19px ; height:12px;background-size:19px 12px; margin-top:4px;float:right; display:block;}




.searchMember_table .cL_listing_table_cell.cell1{ width:15%; }
.searchMember_table .cL_listing_table_cell.cell2{ width:18%; }
.searchMember_table .cL_listing_table_cell.cell3{ width:19%; }
.searchMember_table .cL_listing_table_cell.cell4{ width:16%; }
.searchMember_table .cL_listing_table_cell.cell5{ width:16%; }
.searchMember_table .cL_listing_table_cell.cell6{ width:16%; }

.searchMember_table  ul li .cL_listing_table_row { padding: 10px 20px; }

.searchMember_table .cL_rowList_number {opacity:1; color:#617283;}

.searchMember_table .cL_listing_table_cell small { display: inline-block; float:left;  font-size: 13px; line-height: 15px;  color: #617283; padding-left:25px; }

.searchMember_table { border-bottom:1px solid #e4e7ec;}





.segmentsOptions { width:100%; padding:20px 6% 40px; }

.segmentsOptions ul { margin:0px -3%;text-align: center; font-size: 0px;}

.segmentsOptions ul li { width:16%; display: inline-block;padding:0px 3%; vertical-align:top;}

.segmentsOptions_detail { width:100%; text-align:center;}

.segmentsOptions_detail span { background-color:#f7f8f8; border: solid 1px #d2d6dd; width:84px; height:84px; display:inline-block; border-radius:10px; margin-bottom:25px;overflow:hidden;}

.segmentsOptions_detail span b {background:url(../images/clearSegment@2x.png) center center no-repeat ;background-size:32px 32px;width:84px; height:84px; display:block;}
.segmentsOptions_detail span b.exportSegment {background:url(../images/exportSegment@2x.png) center center no-repeat ;background-size:32px 32px;width:84px; height:84px; display:block;}
.segmentsOptions_detail span b.saveSegment {background:url(../images/saveSegment@2x.png) center center no-repeat ;background-size:32px 32px;width:84px; height:84px; display:block;}
.segmentsOptions_detail span b.continueSegment {background:url(../images/continueSegment@2x.png) center center no-repeat;background-size:33px 30px;width:84px; height:84px; display:block;}


.segmentsOptions_detail span:hover {background:linear-gradient(314deg, #003a5d, #0a62a3 37%, #00c1de) ;  border-radius:10px; border:none; }
.segmentsOptions_detail span:hover  b {background:url(../images/clearSegmentWhite@2x.png) center center no-repeat ;background-size:32px 32px;}
.segmentsOptions_detail span:hover b.exportSegment {background:url(../images/exportSegmentWhite@2x.png) center center no-repeat ;background-size:32px 32px;}
.segmentsOptions_detail span:hover  b.saveSegment {background:url(../images/saveSegmentWhite@2x.png) center center no-repeat ;background-size:32px 32px;}
.segmentsOptions_detail span:hover b.continueSegment {background:url(../images/continueSegmentWhite@2x.png) center center no-repeat ;background-size:33px 30px;}

.segmentsOptions_detail span.choseSegmnt { background:linear-gradient(314deg, #003a5d, #0a62a3 37%, #00c1de); border:none;  }
.segmentsOptions_detail span.choseSegmnt  b {background:url(../images/clearSegmentWhite@2x.png) center center no-repeat ;background-size:32px 32px;}
.segmentsOptions_detail span.choseSegmnt b.exportSegment {background:url(../images/exportSegmentWhite@2x.png) center center no-repeat ;background-size:32px 32px;}
.segmentsOptions_detail span.choseSegmnt  b.saveSegment {background:url(../images/saveSegmentWhite@2x.png) center center no-repeat ;background-size:32px 32px;}
.segmentsOptions_detail span.choseSegmnt b.continueSegment {background:url(../images/continueSegmentWhite@2x.png) center center no-repeat ;background-size:33px 30px;}














.segmentsOptions_detail h3 {   font-size: 18px;  color: #617283; }






.quickOreview_summery .segmentSize { width: 28%;  padding-left: 7%; }

.quickOreview_summery .overview_bars { width: 51%; padding-top: 0px; }

.quickOreview_summery .democretic_genderDetail { width: 66%; padding: 0px;  margin: auto; }

.quickOreview_summery .democretic_genderDetail_graph { padding: 0px 6%; }

.quickOreview_summery { padding: 20px 35px; }

.quickOreview_summery .democretic_genderDetail_text { padding-top:10%;}
.quickOreview_summery .democretic_genderDetail_text strong { color:#fff;}



.summeryAge_column ul  { margin:0px -.8%;}
.summeryAge_column ul li{ width:28%; padding:0px .8%; float:left; }

.summeryAge_column ul li .democretic_gender { width:100%; float:none;}

.ageColumn { width:44% !important;}


.summeryAge_column .chanel_chart { width: 33%; padding-left:2%; }

.summeryAge_column .chanel_chart_description ul  { margin:0px;}
.summeryAge_column .chanel_chart_description ul li { margin:0px; float:none; width:100%;}

.summeryAge_column .chanel_chart_description { width: 58%; padding-right:5%; }



.image_notify_upload_area {  width: 100%; height: 390px;   background-color: #ecf2f3; text-align: center; padding-top: 40px;    background:url(../images/imgUploadAreaBG.png) no-repeat center center; background-size:cover; position:relative; }

.image_notify_upload_area input { cursor: pointer; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; }
.image_notify_upload_area em{ font-size:10px; color:#7f888b;}
.image_notify_upload_area{ padding-top:25px;}







.placeHolderOuter { width:100%; padding-bottom:25px;}

.placeHolderLeft { width:47%; float:left;}

.placeHolderLeft strong { font-size: 14px; color: #617283; display: block;  padding-bottom: 10px; }


.customDropDown{  background:#fff; height:46px; position:relative;  }

.customDropDown span{ display:block; line-height:44px; padding-right:20px; background:url(../images/all_select_down_arows.png) no-repeat 94% 17px #f7f8f8; font-size:13px; color:#617283; background-size:24px 17px ; border-radius: 6px;  padding:0px 20px;   border: solid 1px #d2d6dd;}

.customDropDown_show { width:100%; padding:3px; border-radius: 6px;  background-color: #ffffff; box-shadow: 0 0 5px 0 #f7f8f8; border: solid 1px #d2d6dd; position:absolute; left:0px; top:58px; z-index:2; display:none;}

.customDropDown_show  li { padding: 10px 20px !important;font-size: 13px;  color: #a5adba;}
.customDropDown_show  li:hover { color: #fff;border-radius: 3px; background-color: #0a62a3;}

.customDropDown span.changeAero{  background:url(../images/all_select_down_arows_top.png) no-repeat 94% 12px #f7f8f8; background-size:24px 17px ; }


.frPlaceholder { margin-left:4%;}




.expandPlaceholder .customDropDown span{  background-position:97% 17px;  }

.expandPlaceholder .customDropDown span.changeAero{  background-position:97% 12px;  }



.datePickerOuter { width:100%; padding-bottom:25px;}

.datePickerLeft { width:48.5%; float:left;}

.datePickerLeft strong { font-size: 14px; color: #617283; display: block;  padding-bottom: 10px; }

.datePicker  { border-radius: 6px; background-color: #f7f8f8; border: solid 1px #d2d6dd; height:46px; width:100%  ; padding:12px 20px 10px; }

.datePicker input { background:url(../images/calendar_icon@2x.png) left center no-repeat ; background-size:18px 19px; height:21px; padding-left:35px; font-size: 13px; color: #0a62a3; width:100%;}


.frDatePicker { float:right;}




.balancePoint_outer { width:100%;}

.memberPlaceholder_point { width:34%; float:left;}

.poitBalance_div { width:29%; margin:0px 1.5%; float:left; border-radius: 6px; background-color: #ffffff; border: solid 1px #d2d6dd; padding:15px 5px; margin-top:-16px;}

.poitBalance_div span {  font-size: 37px; font-weight: 300;  color: #0a62a3; display:block; text-align:center;  }
.poitBalance_div input {  font-size: 37px; font-weight: 300;  color: #0a62a3; display:block; text-align:center;width: 100%;  }

.frBalance { float:right;}





.memberNumberOuter  { width:100%; }

.memberNumber_placeholder  { width:40%; float:left; }

.memberNumbe { width:58%; float:right;}

.numberFields { width:100%; border:1px solid #d2d6dd; border-radius:6px;}

.numberFields input { width:10%; float:left; font-weight: 300;  color: #0a62a3; font-size:30px; border-right:1px solid #d2d6dd; text-align:center; height:46px; }
.numberFields input:last-child { border-right:0px;}



.number_to { width:100%; position:relative; text-align:center; margin:2px 0px;}
.number_to:after{ background:#d4d7d8; height:1px; content:""; width:100%; position:absolute; left:0px;  top:50%; }

.number_to label { font-size: 14px; font-weight: 500; line-height: 2.14; color: #617283; display:inline-block; background:#fff; padding:0px 10px; position:relative; z-index:1;}


.numberFields strong { width:10%; float:left; font-weight: 300;  color: #0a62a3; font-size:30px; border-right:1px solid #d2d6dd; text-align:center; height:46px;line-height: 46px }
.numberFields strong:last-child { border-right:0px;}



.importBulk { width:100%; border-radius: 6px;  background-color: #f7f8f8; border: solid 1px #d2d6dd;}

.importBulk  .image_notify_upload_area { height:110px !important; background: url(../images/bulkDrop.png) no-repeat center ; background-size:100%;border-radius: 6px;}






.gamming_bttnz { width:100%;}

.gamming_bttnz .addMember_removeMemberBttn { float:none;}
.gamming_bttnz .addMember_removeMemberBttn a { margin-left:0px ; margin-right:10px;}



.gammingTurnOuter { padding-bottom:20px;}

.gammingTurn_placeholder{ width:49%; float:left;}



.gammingValue_outer {  width:49%; float:right;}

.gammingValue_outer small { width:10%; float:left; font-weight: 300;  color: #0a62a3; font-size:30px;  height:46px;line-height: 46px }

.gammingValue_outer strong { width:16.6%; float:left; font-weight: 300;  color: #0a62a3; font-size:30px; border-right:1px solid #d2d6dd; text-align:center; height:46px;line-height: 46px }

.gammingValue_outer strong:last-child { border-right:0px;}

.gamingAmount { width:62%; border:1px solid #d2d6dd; border-radius:6px; float:left;}

.gammingValue_outer sub { width:4%; float:left; font-weight: 300;  color: #0a62a3; font-size:30px;  height:46px;line-height: 75px; text-align:center; }
.gammingValue_outer input { width:16.6%; float:left; font-weight: 300;  color: #0a62a3; font-size:30px; border-right:1px solid #d2d6dd; text-align:center; height:46px;line-height: 46px }

.gammingValue_outer input:last-child { border-right:0px;}
.lastAmount { width:22%;}

.lastAmount strong { width:50%;}
.lastAmount input { width:50%;}


.transectionDatepicker { width:49%; float:right;}

.date1 { float:left!important; width:48% !important;padding-left: 28px!important;}
.date2 { float:right!important; width:48%!important;padding-left: 28px!important;}

.transectionDatepicker .datePicker {padding: 12px 10px 10px;}

.drawWinner{ width:100%; padding-bottom:12px;}



.cancelcredit_amout { width:100%; padding-bottom:6px;}

.cancelcredit_amout .gammingValue_outer { float:none; width:100%;}

.cancelcredit_amout .cancelcredit_amout_values { width:49%; float:left;}




.recentTicket_detail { width:100%; }

.recentTicket_incrimenter { width:49%; float:left;}

.recentTicket_incrimenter label { width:70%; float:left; display:block; font-size: 14px; font-weight: 500; line-height: 2.14; color: #617283; padding-top:7px;}


.fieldIncremnt { width:30%; float:right;}

.quantity {  position: relative; width:100%;height: 46px;  border-radius: 6px; background-color: #fafafa; border: solid 1px #d2d6dd; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}

input[type=number]{-moz-appearance: textfield;}

.quantity input { width: 62%; line-height: 1.60; float: left; display: block;  padding-left: 20px; height:100%;  font-size: 16px; color: #617283;   }

.quantity-nav {  float: right; position: relative; height: 46px; width:38%; padding-top:13px;}

.quantity-button {  position: relative;  cursor: pointer;   }


.quantity-up { background:url(../images/triangle_top@2x.png) no-repeat; width:8px; height:6px; background-size:8px 6px; margin-bottom:6px;; }
.quantity-down { background:url(../images/triangle_bottom@2x.png) no-repeat; width:8px; height:6px; background-size:8px 6px;  }



.incrimentDay { width:49%; float:right;}

.yourSeg_age_rangeSlct{ position:relative; padding:3px 0px 10px 0px; }
.yourSeg_age_rangeSlct .irs-min{ left:-5px !important; top:40px!important;  font-size: 14px !important; font-weight: 500 !important; color: #617283 !important; }
.yourSeg_age_rangeSlct .irs-max{ right:-5px !important; top:40px!important;  font-size: 14px !important; font-weight: 500 !important; color: #617283 !important; }


.irs-bar { background: #7d9aa5 !important ; background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de) !important; height: 4px !important; }
.irs-bar-edge { background: #7d9aa5;  border-radius: 8px 0 0 8px; }
.irs-slider { background:#00c1de !important; border-radius:50% !important; top:18px !important; cursor: pointer !important; height: 16px !important; width: 16px !important; }

.irs-slider.to {background:#003a5d !important;}

.irs-single {  display: none; }
.irs-line-right { border-radius: 0 8px 8px 0; }
.irs-line-left { border-radius: 8px 0 0 8px; }
.irs-grid-text { color: #2c3c46; font-size: 12px; }

.irs-line-mid, .irs-line-left, .irs-line-right{ background:#d2d6dd !important; height:4px !important;  }

.irs-from::after, .irs-to::after, .irs-single::after{  border-color: #617283 transparent transparent !important; }
.irs-from, .irs-to, .irs-single{   background-color: #617283!important;  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); padding:3px 10px !important;  top: -16px !important; }

.irs-min { left: -32px!important; top: 20px!important; background:none !important; display:block !important; visibility:visible !important; font-size:14px!important;  color: #7e888b!important;  }
.irs-max { right: -42px!important; top: 20px!important; background:none !important; display:block !important; visibility:visible !important; font-size:14px!important;  color: #7e888b!important; }

.irs-line { height:4px !important; border-radius:4px !important}

.gamingSpend_range { width:100%; padding:0px 15px 5px;}

.dataHide { display: none;}







/****************************** New Screeens Css************************************/



.forget_trigger_segment { width:100%;}

.forgetColumn { width:49%; float:left;}
.fr_birthday { float:right;}

.birthdayCounter { padding:40px 0px 10px;}

.birthdayCounter .recentTicket_incrimenter{ float:none; width:100%;}

.birthdayCounter .recentTicket_incrimenter label{ width:auto;}

.birthdayCounter .fieldIncremnt { width:15%; float:left; margin:0px 20px;}


.forget_trigger_segment .customDropDown_show li { padding-bottom:10px !important;}



.nameSegment strong{ font-size: 24px; letter-spacing: -0.9px;  color: #00c1de; display:block; padding-bottom:18px;}

.nameSegment p { display:block; text-align:center;font-size: 14px; color: #fafafa;}


.nameSegment {  width: 33%; float: left; text-align: center; padding-top:35px;  }

.adjustquickPreview  .segmentSize {  width: 43%; float: left; padding-top: 15px; text-align: center;  padding-right: 5%; }
.adjustquickPreview  .segmentSize_icon { float: none;  margin-right: 5px;  padding-top: 17px; display: inline-block;  vertical-align: top; }
.adjustquickPreview  .segmentSize_text {  width: auto; float: none; display: inline-block;  vertical-align: middle; }
.adjustquickPreview .segmentSize_text strong { font-size:64px;}

.addedSegmentd strong { padding: 8px 0px;}


.criteriaDemo ul { margin:0px -1%; font-size:0px;}

.criteriaDemo ul li { width:25%; display:inline-block; padding:0px 1%;}

.criteriaDemo ul li .democretic_gender { width:100%; float:none;}

.criteriaDemo .democretic_genderDetail_graph{ margin:auto; float:none;}


.criteriaDemo .dropSegmentation_section { margin-bottom:0px;}


.adjustSave_segment small {  font-size: 12px; line-height: 1.67; color: #a5adba; display:block; padding-bottom:15px;}

.adjustSave_segment .tagsCompaigns_listScroll { margin-bottom:35px;}

.adjustSave_segment .selected_tip { width:100%; text-align:center; font-size:0px;  }

.adjustSave_segment .selected_tip button {  float:left; width:48%;  border-radius: 100px;  background-color: #e4e7ec; border:0px; height:34px; font-size:14px;}
.adjustSave_segment .selected_tip button:last-child {  float:right; }

.adjustSave_segment .selected_tip button:hover { background:#0a62a3;}

.adjustSave_segment .tagsCompaigns_list { padding-bottom:0px;}

.adjustSave_segment .showTags a {  border: solid 1.5px #0a62a3; font-size: 14px;  padding: 12px 15px 12px 20px; color: #0a62a3;}

.adjustSave_segment .showTags a i { margin-left:25px;}

.adjustSave_segment .tagsSelected_tip { padding-top: 24px;}



/******************************/




.chanelType_outer { width:100%; text-align:center; font-size:0px; padding:30px 0px 40px; margin:0px -3%;}

.chanelType_column { width:50%; display:inline-block; vertical-align:top; padding:0px  3%;}

.chanelType_column span { display:block; padding-bottom:32px;}

.chanelType_column span img { max-width:173px; display:inline-block; margin-bottom:25px;}

.chanelType_column span b {  font-size: 24px; color: #617283; text-transform:uppercase; padding-left:30px; display:block; width:70%; margin:auto; border-bottom:1px solid #e4e7ec; padding-bottom:32px;}

.chanelType_column p {   font-size: 14px; line-height: 1.71;  color: #617283;}

.targetChanels { width:100%; padding:20px 0px 30px;}

.targetChanels .segmentsSection_left { width:48.5% ;  min-height: 585px; }


.chanelList{ width:100%;  font-size:0px; padding:45px 20px 15px;}

.chanelList ul li { display:inline-block; width:33.33%; padding-bottom:30px;}

.chanel_icon{ width:100%; text-align:center;}

.chanel_icon a { display:inline-block; opacity:.5;transition:all 0.6s ease-in-out;}

.chanel_icon a span {background-color: #f7f8f8;  border: solid 1px #d2d6dd; width:84px; height:84px; display:block; border-radius:10px;  margin:auto;margin-bottom:25px; position:relative;}

.chanel_icon a span b { width:84px; height:84px; display:block;}

.chanel_icon a small { font-size: 18px;  color: #617283; display:block;text-align:center;}


.sms_icon { background:url(../images/smsIcon_grey@2x.png) center center no-repeat; background-size:36px auto;}


.chanel_icon a:hover { opacity:1; }
.chanel_icon a.selectChanel { opacity:1;}

.priorityOrder_column{ float:right !important}



.priorityOrder_listing{ width:100%;  font-size:0px; padding:45px 25px 5px 35px;}

.priorityOrder_listing ul li { padding-bottom:35px;}

.priorityOrder_listing_detail { width:100%;}

.orderCount { width:6%; display:inline-block; vertical-align:middle; }

.orderCount label {  font-size: 20px; color: #617283; font-weight:700;}

.orderCount_icon { width:84px; display:inline-block; vertical-align:middle; margin-right:42px;}

.orderCount_icon .chanel_icon a span { margin:0px;}
.orderCount_icon .chanel_icon a { opacity:1;}

.chanel_icon i { position:absolute;  width:8px; height:8px; display:none; border-radius:50%; right:-28px; top:12px;}

.primaryIcon {background:linear-gradient(to top, #003a5d, #0a62a3 28%, #00c1de) !important;  border: 0px !important;}
.primaryIcon b  { background:url(../images/smsIcon_white@2x.png) center center no-repeat; background-size:36px auto;}
.primaryIcon i { background:#0a62a3; display:block !important;}

.secondryIcon {background:linear-gradient(to bottom, #fad961, #f76b1c) !important;  border: 0px !important;}
.secondryIcon b  { background:url(../images/smsIcon_white@2x.png) center center no-repeat; background-size:36px auto;}
.secondryIcon i { background:#fdb417; display:block !important;}

.tertiaryIcon {background:linear-gradient(to bottom, #b4ec51, #429321) !important;  border: 0px !important;}
.tertiaryIcon b  { background:url(../images/wifiIcon_white@2x.png) center center no-repeat; background-size:32px auto;}
.tertiaryIcon i { background:#c6db01; display:block !important;}

.quaterneryIcon {background:linear-gradient(to bottom, #f5515f, #9f041b) !important;  border: 0px !important;}
.quaterneryIcon b  { background:url(../images/smsIcon_white@2x.png) center center no-repeat; background-size:36px auto;}
.quaterneryIcon i { background:#fd3d50; display:block !important;}


.priorityOrder_description { width:calc(100% - 152px); display:inline-block; vertical-align:middle;}

.orderLabels { width:100%; border-bottom:1px solid #a5adba; padding-bottom:8px; margin-bottom:6px;}

.orderLabels label { display:inline-block; float:left; font-size: 14px; font-weight: 700; color: #617283;}
.orderLabels small { display:inline-block; float:right; font-size: 14px; color: #a5adba;}

.order_percentValue { width:100%;  }

.order_percentValue strong { display:block;  font-size: 36px; font-weight: 300; color: #617283;}



.chanelTarget_summery .column6_db { width:100%; float:none;padding-bottom:20px;}

.venueHead p { font-size: 12px;  color: #a5adba;  text-align:center; padding-bottom:10px;}

.chanelTarget_summery  .venueHead h4 { padding-bottom:15px;}

.chanelTarget_summery { width:100%; text-align:center; }

.chanelTarget_summery .chanel_chart { display:inline-block; vertical-align:middle; float:none; width:22%; margin:0px 10% 0px 8%}

.chanelTarget_summery .chanel_chart_description { display:inline-block; vertical-align:middle; float:none; width:21%;}

.chanelTarget_summery_value { display:inline-block; vertical-align:middle;   width:25%;}

.chanelTarget_summery_value strong {  font-size: 64px; font-weight: 300; color: #617283; display:block;}

.chanelTarget_summery_value small {   font-size: 16px; color: #617283; display:block; padding-bottom:40px;}

.chanelTarget_summery_value p {  font-size: 14px;  color: #a5adba;border-bottom: solid 1px #e4e7ec; padding-bottom:12px; margin-bottom:12px;}

.chanelTarget_summery_value p b { display:inline-block; margin:0px 10px; color: #617283; font-size: 16px; font-weight:700;}

.chanelTarget_summery_value span {  font-size: 18px; font-weight: bold; color: #0a62a3; display:block;}

.chanelTarget_summery .chanel_descriptionList_text strong { width: 28%;}

.chanelTarget_summery .chanel_descriptionList_text p { width: 71%;}



.messageBuilders_links { width:100%; text-align:center; padding-bottom:30px;}

.messageBuilders_links ul { font-size:0px; margin:0px -.5%}

.messageBuilders_links ul li { width:25%; padding:0px .5%; display:inline-block;}

.messageBuilders_links ul li a { height: 50px;  border-radius: 4px 4px 0px 0px; background-color: #d2d6dd;font-size: 14px; color: #ffffff; display:block; padding-right:25px;padding-left:25px; padding-top:16px;transition:all 0.6s ease-in-out;}

.messageBuilders_links ul li a b { display:inline-block;  text-align:left; float:left; font-weight:700;}

.messageBuilders_links ul li a:hover {background:#003a5d;}
.messageBuilders_links ul li a.selectLink {background:#003a5d ;}




.cL_listing_tableTitle strong span{ display:inline-block; vertical-align:top; margin-right:10px; width:8px; margin-top:2px; }

.cL_listing_tableTitle strong span b { width:8px; cursor:pointer; display:block; margin-bottom:4px; }
.cL_listing_tableTitle strong span b img { display:block; width:100%;}

.cL_listing_tableTitle strong span b:last-child  { margin-bottom:0px; }




.proximityTrider_contant .selectDescription{ border-bottom:0px; padding-bottom:30px;}

.proximityTrider_contant .segment_tYpe_heading {padding: 9px 15px;}

.proximityTrider_contant .segment_tYpe_heading h3 { color:#617283; font-weight:400; text-transform:capitalize;}

.selectFlorrr{ width:30%; padding-bottom:50px;}

.selectFlorrr label { font-size: 14px; color: #617283; font-weight:500;  display: block; padding-bottom: 10px; }

.buildMap { width:100%; padding:0px 5% 30px;}

.proximityTrider_contant .segment_tYpe{ margin-bottom:20px;}

.proximityTrider_contant .segment_tYpe:last-child{ margin-bottom:8px;}



.mechanic_option .segmentsOptions { padding:20px 3px 10px;}

.mechanic_option .segmentsOptions ul {margin: 0px -1.5%; font-size:0px;}

.mechanic_option .segmentsOptions ul li { width: 20%; padding: 0px 1.5% 20px; float:none; display:inline-block; vertical-align:top;}

.mechanic_option .segmentsOptions_detail h3 { padding-bottom:22px;}

.mechanic_option .segmentsOptions_detail p {  font-size: 12px;  line-height: 1.5; color: #617283; font-weight:400;;}



.segmentsOptions_detail span b.imediate_machine {background:url(../images/imadiate_icon@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span b.near_machine {background:url(../images/near_icon@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span b.enter_machine {background:url(../images/enter_icon@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span b.exit_machine {background:url(../images/exit_icon@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span b.dwell_machine {background:url(../images/dwell_icon@2x.png) center center no-repeat;background-size:28px auto;  }



.segmentsOptions_detail span:hover b.imediate_machine {background:url(../images/imadiate_icon_hover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span:hover b.near_machine {background:url(../images/near_icon_hover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span:hover b.enter_machine {background:url(../images/enter_icon_hover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span:hover b.exit_machine {background:url(../images/exit_icon_hover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span:hover b.dwell_machine {background:url(../images/dwell_icon_hover@2x.png) center center no-repeat;background-size:28px auto;  }


.segmentsOptions_detail span.choseSegmnt b.imediate_machine {background:url(../images/imadiate_icon_hover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span.choseSegmnt b.near_machine {background:url(../images/near_icon_hover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span.choseSegmnt b.enter_machine {background:url(../images/enter_icon_hover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span.choseSegmnt b.exit_machine {background:url(../images/exit_icon_hover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span.choseSegmnt b.dwell_machine {background:url(../images/dwell_icon_hover@2x.png) center center no-repeat;background-size:28px auto;  }

.proximityHeading h3 { text-transform:capitalize;}




.message_trigger { width:100%; padding-bottom:16px;}

.message_trigger label { display:inline-block;vertical-align:middle; padding-bottom:0px;}

.message_trigger .placeHolderOuter { display:inline-block; width:24%; margin:0px 2%;vertical-align:middle;padding-bottom:0px;}


.message_delay { width:100%;padding-bottom:12px;}

.message_delay label { display:inline-block; vertical-align:middle;padding-bottom:0px;}

.message_delay .fieldIncremnt { display:inline-block; width:9%; margin:0px 3%; overflow:inherit; float:none;vertical-align:middle;}







.memberstabsBttns { width:100%; text-align:center;   }

.memberstabsBttns ul {   font-size:0px;margin:0px -3px;}

.memberstabsBttns ul li {width:50%;padding:0px 3px;display:inline-block;}

.memberstabsBttns a { padding:0px 20px;  color: #18465c; line-height:36px; text-align:center; display:block; background:#fff; text-transform:uppercase;border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;-ms-border-radius:6px 6px 0px 0px;-o-border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px; width:100%; font-size:12px; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.11);;}

.memberstabsBttns a.memberActive  {background:#003a5d ;color:#fff; }
.memberstabsBttns a:hover  {   box-shadow:none;transition:all 0.5s ease;}




.memberTable_cells_setting .cL_listing_table_cell.cell1{ width:15%; }
.memberTable_cells_setting .cL_listing_table_cell.cell2{ width:12% ; }
.memberTable_cells_setting .cL_listing_table_cell.cell3{ width:15%; }
.memberTable_cells_setting .cL_listing_table_cell.cell4{ width:14%; }
.memberTable_cells_setting .cL_listing_table_cell.cell5{ width:14%; }
.memberTable_cells_setting .cL_listing_table_cell.cell6{ width:11%; }
.memberTable_cells_setting .cL_listing_table_cell.cell7{ width:16%; }
.memberTable_cells_setting .clEditDotes_cell.cell7{ width:16%; padding:0px; }
.memberTable_cells_setting .cL_listing_table_cell{width:auto!important;}

.cl_tableRow_editDotes_only{ width:30px; height:30px; display:block; border-radius:6px; padding:5px; transition:all 0.4s ease; }

.cl_tableRow_editDotes_only i{ width:4px; height:4px; background:#777777; position:relative; border-radius:50%; display:block; margin:auto; }

.cl_tableRow_editDotes_only i:after, .cl_tableRow_editDotes_only i:before{ content:"";  width:4px; height:4px; background:#777777; position:absolute; border-radius:50%; display:block; left:0px; top:8px;  }

.cl_tableRow_editDotes_only i:after{ top:16px;  }

.cl_tableRow_editDotes_only:hover{  background: rgba(44, 56, 69, 0.1) none repeat scroll 0 0; }

.memberTable_cells_setting .cL_rowList_number  {color:#617283; opacity:1;}



.memberList_showDetail{ width:100%; background:#003a5d; padding:25px 75px 35px;}

.memberList_showDetail_left { width:48%; float:left;padding-top:20px;}

.memberList_showDetail_left h3 { background:url(../images/headin_icon@2x.png) left top no-repeat; background-size:42px 42px;   font-size: 28px; font-weight: 300; line-height: 1.43; color: #ffffff; padding-left:60px; padding-bottom:20px; }

.memberList_showDetail_left h3 b { display:inline-block; padding-left:10px;font-weight: 300;}

.memberList_showDetail_left ul li { background:none !important; padding:12px 0px; border-bottom:1px solid #6b717b;}

.memberList_showDetail_left ul li:last-child { border-bottom: 1px solid #6b717b; }

.memberNumber_status { width:100%;}

.memberNumber_row{ width:50%; float:left; }

.memberNumber_row label { display:block; color:#9b9b9b; font-size:13px; padding-bottom:6px;}

.memberNumber_row span { display:block; color:#ffffff; font-size:13px; }

.activeGreen{ width:10px; height:10px; border-radius:50%; background:#80c342; display:inline-block; vertical-align:top; margin-right:8px; margin-top:3px; }

.memberNumber_row span a { color:#ffffff;  }


.memberNumber_row span.dateIcon { background:url(../images/dateIcon@2x.png) left center no-repeat; background-size:33px 34px ; padding-left:40px;line-height: 34px;}
.memberNumber_row span.timeIcon { background:url(../images/timeIcon@2x.png) left center no-repeat; background-size:31px 32px ; padding-left:40px;line-height: 32px;}


.memberList_showDetail_left ul { padding-bottom:38px;}

.viewMemberInsight {height: 50px; border-radius: 4px; background-color: #0a62a3; display:block; font-size: 14px; text-align: center; color: #ffffff; display:block; border:0px; width:100%;cursor:pointer;}

.memberList_showDetail_right { width:48%; float:right;padding:10px 22px 0px;border-radius: 6px;  border: solid 7px #617283;}

.memberList_showDetail_right ul li { background:none !important; padding:12px 0px; border-bottom:1px solid #6b717b;}

.memberList_showDetail_right ul li:last-child { border-bottom: 0px;   }

.oneColumn .memberNumber_row { width:100%; float:none;}

.oneColumn span { font-size:36px; }




.segmentTable_cells_setting .cL_listing_table_cell.cell1{ width:20%; }
.segmentTable_cells_setting .cL_listing_table_cell.cell2{ width:20%; }
.segmentTable_cells_setting .cL_listing_table_cell.cell3{ width:20%; }
.segmentTable_cells_setting .cL_listing_table_cell.cell4{ width:20%; }
.segmentTable_cells_setting .cL_listing_table_cell.cell5{ width:20%; }
.segmentTable_cells_setting .clEditDotes_cell.cell5{ width:20%; padding:0px; }


.segmentTable_cells_setting   ul li.active_editMod .cL_listing_table_row { margin-left: -16%; }

.segmentTable_cells_setting  .cl_rowEdit_popOut{ width:16%; }





.segmentList_showDetail{ width:100%; background:#003a5d; padding:20px 45px 40px;}

.segmentDetail_heading { width:100%; padding-bottom:35px;}

.segmentDetail_heading h3 { font-size: 16px; font-weight: 500; line-height: 1.88; color: #00c1de; padding-bottom:5px;}

.segmentDetail_heading p {  font-size: 12px; line-height: 1.67; color: #a5adba;}

.segmentList_showDetail .segmentsOptions { padding:0px; background:none;}

.segmentList_showDetail .segmentsOptions ul li { background:none !important; border-right:1px solid #617283;padding: 0px 2%; width:25%;}
.segmentList_showDetail .segmentsOptions ul li:last-child { border:0px;}


.segmentList_showDetail .segmentsOptions ul  { margin: 0px -2%; }


.segmentsOptions_detail span b.demographicIcon {background:url(../images/demographicIcon@2x.png) center center no-repeat;background-size:48px auto;  }
.segmentsOptions_detail span b.memberShipIcon {background:url(../images/memberShipIcon@2x.png) center center no-repeat;background-size:42px auto;  }
.segmentsOptions_detail span b.enter_machine {background:url(../images/activityIcon@2x.png) center center no-repeat;background-size:42px auto;  }
.segmentsOptions_detail span b.comunicationIcon {background:url(../images/comunicationIcon@2x.png) center center no-repeat;background-size:42px auto;  }

.segmentsOptions_detail span:hover b.demographicIcon {background:url(../images/demographicIcon_hover@2x.png) center center no-repeat;background-size:48px auto;  }
.segmentsOptions_detail span:hover b.memberShipIcon {background:url(../images/memberShipIcon_hover@2x.png) center center no-repeat;background-size:42px auto;  }
.segmentsOptions_detail span:hover b.enter_machine {background:url(../images/activityIcon_hover@2x.png) center center no-repeat;background-size:42px auto;  }
.segmentsOptions_detail span:hover b.comunicationIcon {background:url(../images/comunicationIcon_hover@2x.png) center center no-repeat;background-size:42px auto;  }

.segmentsOptions_detail span.choseSegmnt b.demographicIcon {background:url(../images/demographicIcon_hover@2x.png) center center no-repeat;background-size:48px auto;  }
.segmentsOptions_detail span.choseSegmnt b.memberShipIcon {background:url(../images/memberShipIcon_hover@2x.png) center center no-repeat;background-size:42px auto;  }
.segmentsOptions_detail span.choseSegmnt b.enter_machine {background:url(../images/activityIcon_hover@2x.png) center center no-repeat;background-size:42px auto;  }
.segmentsOptions_detail span.choseSegmnt b.comunicationIcon {background:url(../images/comunicationIcon_hover@2x.png) center center no-repeat;background-size:42px auto;  }



.listDataShowing { position:relative; width:100%;}


.segmentList_showDetail .segmentsOptions_detail h3 { color:#fff;font-size: 16px;}


.venueTable_cells_setting .cL_listing_table_cell.cell1{ width:14%; }
.venueTable_cells_setting .cL_listing_table_cell.cell2{ width:16%; }
.venueTable_cells_setting .cL_listing_table_cell.cell3{ width:20%; }
.venueTable_cells_setting .cL_listing_table_cell.cell4{ width:20%; }
.venueTable_cells_setting .cL_listing_table_cell.cell5{ width:12%; }
.venueTable_cells_setting .cL_listing_table_cell.cell6{ width:18%; }
.venueTable_cells_setting .clEditDotes_cell.cell6{ width:18%; padding:0px; }




.venueTable_cells_setting .cL_rowList_number  {color:#617283; opacity:1;}

.venueList_showDetail_inner { width:100%; }
.venueShow_detail  { width:100%; padding-bottom:6px;}
.venueShow_detail_img { width:103px; float:left; margin-right:20px;}

.venueShow_detail_img img { width:100%; display:block; border:1px solid #002d53; border-radius:10px; overflow:hidden;}

.venueShow_detail_text { width:calc(100% - 123px); float:left; padding-top:4px; }

.venueShow_detail_text h2 { font-size: 36px; font-weight: 300;  color: #ffffff; padding-bottom:5px;   }

.venueShow_detail_text small {  display: block; color: #9b9b9b; font-size: 13px; }

.mapDiv { width:100%; padding-bottom:20px; border-radius:5px; overflow:hidden;}
.mapDiv iframe { width:100%;border-radius:5px; overflow:hidden;}



.memberList_showDetail_right_outer  { width:48%; float:right; padding-bottom:5px; padding-top:20px;}

.memberList_showDetail_right_outer .memberList_showDetail_right { width:100%; float:none; margin-bottom:20px;}

.deleteVenue {height: 50px;  background: none; display:block; font-size: 14px; text-align: center; color: #ffffff;   width:100%;cursor:pointer; border-radius: 4px; border: solid 1px #617283;margin-bottom:20px;}

.venueId { padding-top:0px; padding-left:5px;}

.venueId ul { padding-bottom:18px;}

.adree_pin { width:100%;}

.adree_pin p { background:url(../images/location_icon.png) left top no-repeat;font-size: 13px; line-height: 1.77; color: #ffffff; padding-left:26px;}


.venue_showing { display:none;}

.searchBar_venue { width:100%; min-height:400px; padding-top:30px;}

.searchBar_venue input {font-size: 60px;  line-height: 0.71; color: #d2d6dd; font-weight:700;border-bottom:1px solid #e4e7ec; padding-bottom:10px; width:100%; padding-left:10px; }


.searchBar_venue input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #d2d6dd;}
.searchBar_venue input::-moz-placeholder { /* Firefox 19+ */color: #d2d6dd;}
.searchBar_venue input:-ms-input-placeholder { /* IE 10+ */ color: #d2d6dd;}
.searchBar_venue input:-moz-placeholder { /* Firefox 18- */color: #d2d6dd;}



.searchBar_venue button { border-radius: 4px;  border: solid 1px #e4e7ec; line-height:50px; font-size:18px; display:block; width:300px; margin:auto; text-align:center; background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff; transition:all 0.5s ease; margin-top:80px; cursor:pointer;  }










.venueConfig { padding:20px 30px; width:100%;}


.venueConfig_inner{ width:100%; position:relative; padding-top:5px; padding-bottom:5px;    }

.venueSeprator {background:#d4d7d8; height:100%; width:1px; left:21px ; top:0px; position:absolute;}

.venueConfig_inner ul li{   position:relative; margin:20px 0%;  transition:all 0.4s ease;}

.venueConfig_inner ul li a { margin:0px; display:block; }
.venuecounter b{ background:  #ffffff;  width:42px; height:42px; display:inline-block; vertical-align:middle;   border-radius:50%; border:1px solid #d2d6dd; color:#617283; font-size:20px; line-height:38px; text-align:center;  position:relative; z-index:2; transition:all 0.4s ease;  }

.venueConfig_inner ul li:hover small{  color:#0a62a3; }
.venueConfig_inner ul li:hover b{ border-color:#0a62a3; background:  #0a62a3; color:#ffffff; }
.venueConfig_inner ul li.activeVenue b{ border-color:#0a62a3; background:  #0a62a3 ;  color:#fff; }
.venueConfig_inner ul li.activeVenue small{ color:#0a62a3; }
.venuecounter.previous_activeVenue b{  background:#0a62a3; color:#ffffff; }

.venuecounter small { display:inline-block; vertical-align:top; text-align:left;  color:#617283; font-size:14px; font-weight:500; padding-left:43px; line-height: 28px;padding-top: 6px;}


.showVenue_data{ width:100%; padding-left:85px; padding-top:15px; display:none; }

.dragVenueData {border-radius: 4px;  background-color: #f7f8f8; border: solid 1px #d2d6dd; width:100%; margin-bottom:10px;  position:relative; cursor:pointer;}

.dragVenueData h4 {font-size: 12px; font-weight: 500; letter-spacing: 1px; color: #617283;}
.dragVenueData h4 a{color: #617283;padding:11px 30px; display:block;}
.dragVenueData:after{ background:#d4d7d8; height:1px; content:""; width:64px; position:absolute; left:-65px; top:48%; }


.dragVenueData:hover {background:#0a62a3; color:#ffffff;}
.dragVenueData:hover h4 a {  color:#ffffff;}

.dragVenueData.subVenueActive {background:#0a62a3; color:#ffffff;}
.dragVenueData.subVenueActive h4 a {  color:#ffffff;}
.dragVenueData:last-child { margin-bottom:0px;}

.venueInfo_div { width:100%; padding:22px 15px 0px;}


.venueIdentification_section { width:100%;}

.venueIdentification_section p { font-size: 14px; color: #617283;   padding-bottom:30px; }

.venueIdentification_form { width:100%;}
.venueIdentification_form1 { width:100%;}

.venueIdentification_form ul li { padding-bottom:25px;}
.venueIdentification_form1 ul li { padding-bottom:8px;}

.venueIdentification_form ul li label { font-size: 14px; color: #617283; display:block;   padding-bottom:10px; }
.venueIdentification_form1 ul li label { font-size: 14px; color: #617283; display:block;   padding-bottom:10px; }

.venueIdentification_form ul li label b  { font-weight:500;}
.venueIdentification_form1 ul li label b  { font-weight:500;}

.customInput_div  { border-radius: 6px; background-color: #f7f8f8; border: solid 1px #d2d6dd; height:46px; width:100%  ; padding:12px 20px 10px; }

.customInput_div input {  font-size: 13px; color: #617283; width:100%; font-weight:400;    line-height: 22px;}

.customInput_div input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #617283;}
.customInput_div input::-moz-placeholder { /* Firefox 19+ */color: #617283;}
.customInput_div input:-ms-input-placeholder { /* IE 10+ */ color: #617283;}
.customInput_div input:-moz-placeholder { /* Firefox 18- */color: #617283;}



.oprationHour_listing  { width:100%;}

.oprationHour_listing ul li  { padding:25px 0px 40px; border-top:1px solid #e4e7ec;}

.dayOption { width:100%; padding-bottom:30px;}

.dayOption strong {   font-size: 14px; font-weight: 700; letter-spacing: 1px; color: #617283; display:inline-block; float:left; text-transform:uppercase; }



.onoffswitch {  position: relative; width: 83px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; height:30px; background: #0a62a3; border-radius: 4px; margin-top:1px; float:right;}

.onoffswitch-checkbox { display: none; }

.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border-radius: 4px; height:30px; }

.onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s;overflow:hidden; }

.onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 12px; color: #fff;   box-sizing: border-box;  font-weight:700;  letter-spacing: 1px; overflow:hidden;border-radius: 4px;}

.onoffswitch-inner:before { content: "OPEN";  padding-left: 11px;   }

.onoffswitch-inner:after { content: "CLOSE"; padding-right: 7px; line-height: 28px;  text-align: right;background: #fff; border:1px solid #d2d6dd; color:#617283;  }

.onoffswitch-switch { display: block; width: 18px; margin: 2px 6px 2px 4px; background: #fff; position: absolute; top:4px; bottom: 0; right: 51px;  border-radius: 2px; transition: all 0.3s ease-in 0s;  height:18px;  }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {  margin-left: 0; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px;  background:#fff;   }

.onoffswitch-checkbox + .onoffswitch-label .onoffswitch-switch{ background:#d2d6dd; }



.dayOption_range{ width:92%; margin:auto;}

.socialMediaLinks_list { width:100%; padding-left:10px; padding-bottom:3px;}

.portalSocial_img { width:7%;display:inline-block; vertical-align:middle;}

.portalSocial_img span {display:block; }

.portalSocial_img span img { display:block; width:100%;}

.portalSocial_img span.fbportal_icon { width:12px;}
.portalSocial_img span.twportal_icon { width:21px;}
.portalSocial_img span.instaportal_icon { width:24px;}

.socialMediaLinks_list small {display:inline-block; vertical-align:middle;font-size: 14px; font-weight: 500; line-height: 2.14; color: #617283; width:20%;  }

.socialMediaLinks_list .customInput_div {display:inline-block; vertical-align:middle; width:70%;}




.compaignSaturation { width:100%;}

.compaignSaturation .customInput_div { width:55%; display:inline-block; vertical-align:middle;}

.compaignSaturation small { font-size: 14px; font-weight: 500;  color: #617283; display:inline-block; vertical-align:middle; margin:0px 2% 0px 4%;}

.compaignSaturation .customDropDown  { width:35%; display:inline-block; vertical-align:middle;}

.compaignSaturation .customDropDown span { position:relative;}


.compaignSaturation .customDropDown span:after{  background:url(../images/all_select_down_arows.png) no-repeat 54% 17px #fff;   background-size:24px 17px ;height:100%; content:""; width:48px; position:absolute; right:0px; top:0px;border-left: solid 1px #d2d6dd; border-radius: 0px 5px 5px 0px; }

.compaignSaturation .customDropDown span.changeAero:after{  background:url(../images/all_select_down_arows_top.png) no-repeat 54% 12px #fff; background-size:24px 17px ; }


.checkSaturation { width:100%; border-top: 1px solid #e4e7ec; padding:22px 0px;}

.checkSaturation .control-group { padding-left:0px;}

.checkSaturation .control__indicator { left:auto; right:0px;}

.checkSaturation .control { padding-left:0px; padding-right:55px; font-weight:500; font-size:14px; color:#617283;}



.cL_listing_table_cell.cell_pos1{ width:10%; }
.cL_listing_table_cell.cell_pos2{ width:45%; }
.cL_listing_table_cell.cell_pos3{ width:45%; }


.pos_check .control-group { padding-left:0px;}

.beaconConfig_outer { width:100%;}

.level_detail { padding-bottom:30px;}

.level_detail label {  display: inline-block;  vertical-align: middle; font-size: 14px;  color: #617283; font-weight: 500;}

.level_detail .message_delay .fieldIncremnt { display: inline-block; width: 16%;}

.level_detail .customInput_div { width:44%;display: inline-block;  vertical-align: middle; margin-left:3%;}


.beacon_edit_delete { width:100%; text-align:center;}

.beacon_edit_delete a { border-radius: 4px; background-color: #d2d6dd; border: solid 1px #a5adba; line-height:40px; font-size:12px; letter-spacing:1px; color: #617283;   display:inline-block; min-width:175px; text-align:center;  margin:0px 0px 0px 10px;  }

.beacon_edit_delete a.selecCompaignBttn {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff;  }
.beacon_edit_delete a:hover  {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff; transition:all 0.5s ease; }



.addLevel { width:100%; text-align:center; padding-bottom: 50px;}

.addLevel a { border-radius: 4px; background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff; font-size:12px; letter-spacing:1px;   display:block; width:100%; text-align:center;  line-height:40px; font-weight:500;   }

.addLevel a i { display:inline-block; background:url(../images/addLevel_icon@2x.png) no-repeat; background-size:14px 14px; width:14px; height:14px; vertical-align:middle; margin-right:20px; margin-top:-2px;}



.venuePortal { min-height:730px;}

.venuePortal .dropSegmentation_section { display:none;}

.venuePortal .beaconConfig_outer { display:none;}

.beaconConfig_outer .dropSegmentation_section { display:block !important;}

.venueBttn_outer .continueCancel { display:none;}











.Age_range{ width:100%; padding: 15px 40px 25px 35px;}

.Age_range_value { width:100%; text-align:right; padding-bottom:60px;}

.Age_range_value strong { display:inline-block; font-size: 37px; font-weight: 300; color: #0a62a3;}

.Age_range_value strong  small{ display:block;font-weight: 400;  font-size: 14px; color: #617283; text-align:center;}

.age_rangeSlider{ width:100%;}

.age_rangeSlider .irs-min , .age_rangeSlider .irs-max{ display:none !important; }

.age_value_steps { width:100%; text-align:center ; font-size:0px;}

.age_value_steps ul { margin:0px -3%;}
.age_value_steps ul li  { display:inline-block; width:9.09%;}

.age_value_steps ul li b { font-size: 14px; font-weight: 500; color: #617283; display:block;}

.poseSpend_time { padding:20px 20px 10px;}




.chooseMessageType{ width:100%; padding-bottom:35px;}

.chooseMessageType label {  font-size: 14px; line-height: 1.71; color: #617283; display:block; padding-left:40px; padding-bottom:20px;}

.chooseMessageType_icons{ width:100%;  border-radius: 6px; background-color: #f7f8f8; border: dashed 1px #a5adba; }

.chooseMessageType_icons .segmentsOptions  { padding:35px 2% 0px;}


.segmentsOptions_detail span b.chooseText {background:url(../images/chooseText_icon@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span b.chooseImg {background:url(../images/chooseImg_icon@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span b.chooseVideo {background:url(../images/chooseVideo_icon@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span b.ChooseUrl {background:url(../images/ChooseUrl_icon@2x.png) center center no-repeat;background-size:32px auto;  }


.segmentsOptions_detail span b.chooseText:hover {background:url(../images/chooseText_iconHover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span b.chooseImg:hover {background:url(../images/chooseImg_iconHover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span b.chooseVideo:hover {background:url(../images/chooseVideo_iconHover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span b.ChooseUrl:hover {background:url(../images/ChooseUrl_iconHover@2x.png) center center no-repeat;background-size:32px auto;  }

.segmentsOptions_detail span.choseSegmnt b.chooseText {background:url(../images/chooseText_iconHover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span.choseSegmnt b.chooseImg {background:url(../images/chooseImg_iconHover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span.choseSegmnt b.chooseVideo {background:url(../images/chooseVideo_iconHover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span.choseSegmnt b.ChooseUrl {background:url(../images/ChooseUrl_iconHover@2x.png) center center no-repeat;background-size:32px auto;  }






.messageBuilder_outer { width:100%; padding-left:15px;}

.messageBuilder_heading { width:100%; padding-bottom:40px;}

.messageBuilder_heading h3 {  font-size: 32px; font-weight: 300; line-height: 1.25; color: #617283; border-bottom: solid 1px #e4e7ec; padding-bottom:10px; margin-bottom:22px;}

.messageBuilder_heading p { font-size: 14px; line-height: 1.71; color: #617283; }


.pushNotification_section  { width:100%;}

.phone_preview_column { width:31%; float:left; margin-right:3%;}

.phone_preview { position:relative; width:100%; padding-bottom:30px;}

.phone_preview span { display:block; width:100%;}
.phone_preview span img { display:block; width:100%;}




.txtPush_previewMob_posBox{ width:100%; position:absolute; left:0px; top:43%; padding:0px 13%; }

.txtPush_previewMob_posBoxInnr{ width:100%; background-color: rgba(239, 239, 239, 0.6); border-radius: 12px; padding-bottom:12px;  }

.txtPush_previewMob_posBoxTitle{ background-color: rgba(241, 241, 241, 0.75); border-radius:12px 12px 0px 0px; padding:0px 8px; }

.txtPush_previewMob_posBoxTitle h3{ width:50%; float:left; font-size: 10px; color: #4a4a4a; text-transform:uppercase; padding:8px 0px 8px 30px; line-height:12px; /*background:url(../images/notifBldr_previewMob_icon.png) no-repeat left 0px;*/ background-size:30px auto;  }


.txtPush_previewMob_posBoxTitle h4{  width:50%; float:left; font-size: 10px; color: #4a4a4a; text-transform:uppercase; padding:8px 0px 8px 25px; line-height:12px; background:url(../images/notifBldr_previewMob_iconPoint.png) no-repeat left center; background-size:18px auto;}


.txtPush_previewMob_posBoxTitle small{ width:50%; float:right; text-align:right; font-size:10px; color: #808080; display:block; padding:8px 0px; line-height:12px; }




.txtPush_previewMob_posBoxDetail{ width:100%; padding:8px 14px 10px 14px; max-height:72px; overflow:hidden; }

.txtPush_previewMob_posBoxDetail p{  font-size:12px; color: #3e4b57; display:block; line-height: 1.67;}



.sendTest_bttn { width:100%; text-align:center;}

.sendTest_bttn a { border-radius: 4px; background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de); line-height:40px; font-size:12px; letter-spacing:1px; color: #fff;   display:inline-block; min-width:175px; text-align:center;   }




.smsDetail_column { width:31%; float:left;margin-right:2%;}

.smsDetail_inner{ width:100%; border-radius: 0px 0px 6px 6px; background-color: #ffffff; border: dashed 1px #d2d6dd; border-top: 0px; padding:5px 20px 20px;}

.smsDetail_inner .segmentInput textarea {height:285px;}

.charector_counters { width:100%; padding-top:10px;}

.charector_counters small { font-size: 12px;  color: #a5adba; display:inline-block; float:left;}
.charector_counters h4 { font-size: 24px; font-weight: 300;  color: #617283; display:inline-block; float:right;}
.charector_counters h4 b { display:inline-block; font-size: 24px; font-weight: 700;  color: #0a62a3; }
.charector_counters h4 i {  font-size: 14px; font-weight: 500; color: #617283; font-style:normal;display:inline-block; vertical-align:top; padding-top:2px;}

.unsubcribeMsg { width:100%; padding:25px; }

.unsubcribeMsg label { font-size: 12px;  color: #a5adba; display:block; padding-bottom:8px; }
.unsubcribeMsg p { font-size: 14px; font-weight: 700;  color: #617283;border-bottom: solid 1px #e4e7ec; padding-bottom:40px;  }

.charector_counters h4.perMember { font-size:36px;}



.tagsAccordian_column { width:31%; float:left;}

.tagsAccordian_column .segmentsSection_left { width:100%; float:none;}

.tagsAccordian_column .segmentsAccordianList { padding: 20px 26px;}

.tagsAccordian_column .accordianIcons small { padding-left: 25px;}

.tagsAccordian_column .showAccordian_data { width: 100%; padding-left: 42px;}

.tagsAccordian_column .dragAccordianData::after {  width: 22px; left: -22px; }

.tagsAccordian_column .dragAccordianData {padding: 10px 14px;}

.dragAccordianData strong { border-radius: 4px; background-color: #ffffff; box-shadow: 0 0 7px 0 rgba(58, 64, 91, 0.15);font-size: 13px; letter-spacing: 1.1px; color: #617283; display:inline-block; vertical-align:top; padding:3px 6px; margin:0px 8px 8px 0px;}


.smsDetail_inner .image_notify_upload_area {border: solid 1px #d2d6dd; border-radius: 6px;height: 285px;}

.smsDetail_inner .segmentInput.subtitleArea textarea {height:110px;}



.segmentsOptions_detail span b.useTemplate {background:url(../images/useTemplate_icon@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span b.creatDesign {background:url(../images/creatDesign_icon@2x.png) center center no-repeat;background-size:32px auto;  }


.segmentsOptions_detail span b.useTemplate:hover {background:url(../images/useTemplate_iconHover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span b.creatDesign:hover {background:url(../images/creatDesign_iconHover@2x.png) center center no-repeat;background-size:32px auto;  }


.segmentsOptions_detail span.choseSegmnt b.useTemplate {background:url(../images/useTemplate_iconHover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span.choseSegmnt b.creatDesign {background:url(../images/creatDesign_iconHover@2x.png) center center no-repeat;background-size:32px auto;  }




.templateLibrary_listing{ width: 100%; padding-bottom:10px;  }

.templateLibrary_listing ul  {  font-size: 0px;}

.templateLibrary_listing ul li { width:33.33%; padding: 0px 2% 40px; display:inline-block; }

.templateLibrary_column { width: 100%; border-radius: 3px;  border: solid 1px #e4e7ec;box-shadow: 0 0 12px 0 rgba(36, 37, 38, 0.11);}

.templateLibrary_column  a { display: block; width: 100%;border-bottom: solid 1px #e4e7ec;}

.templateLibrary_column  a img { display: block; width: 100%;}


.templateLibrary_text { width: 100%; padding: 10px 18px 25px; text-align: center; }

.templateLibrary_text small {font-size: 13px; line-height: 1.38; color: #a5adba; display: block; padding-bottom:12px;}

.templateLibrary_text h4 { font-size: 20px; font-weight: 300; color: #003a5d; padding-bottom:15px;}

.templateLibrary_text p {  font-size: 13px; line-height: 1.38; color: #617283; padding-bottom:18px; }

.templateLibrary_text button{ transition:all 0.4s ease-in-out; font-size:12px; line-height:31px; color:#ffffff;  display:block; background:#006bcf; border-radius:16px !important; cursor:pointer; text-align:center; width:138px; margin:auto; border:0px; height:33px;  }

.templateLibrary_text button:hover{ background:rgba(44, 56, 69, .68); color:#fff; }

.tempLibrary .messageBuilder_heading { padding-bottom:10px;}

.tempLibrary .campLstng_paginaton_out { padding-top:0px ; padding-bottom:30px;}

.tempLibrary .campLstng_paginaton_inn ul li a { width:42px; height:42px;line-height:42px; font-size:13px;}






.schedule_dating{ width:100%; padding-top:25px;}

.startDate_schedule { width:31%; float:left;border-radius: 6px; border: solid 1px #dbdbdb; min-height:290px;}

.startDate_schedule_info { width:100%; padding:25px 22px 0px;}

.startDate_schedule_info .datePickerLeft { width:100%; float:none;}

.endDate_info{ width:67%; float:right;}

.endDate_info_left{ width:40%; float:left;}


.endDate_info_right{ width:50%; float:right;}

.endDate_info_right_text { width:100%;}

.endDate_info_right_text p {  font-size: 14px;  font-weight: 500; line-height: 1.79 ; color: #617283; padding-bottom:20px; }

.endDtae_off { width:100%; border-bottom: solid 1px #e4e7ec; padding-bottom:25px;}

.endDtae_off .onoffswitch { float:none; width:66px; border-radius:100px}

.endDtae_off .onoffswitch-inner::after { content: "NO";padding-right: 11px;}

.endDtae_off .onoffswitch-inner::before { content: "YES";}

.endDtae_off .onoffswitch-switch { border-radius: 100px; }

.endDtae_off .onoffswitch-label { border-radius: 100px; }

.endDtae_off .onoffswitch-switch { width: 20px; top: 3px; right: 35px; border-radius: 100px; height: 20px; }



.compaignTrigger { padding:25px 0px 0px; width:100%;}

.compaignTrigger .fieldIncremnt { width: 28%;margin: 0px 7%;}





.daypartingDetail {  width: 100%;  padding: 45px 0px 0px; }

.activeDeactive_bttn { width:100%;  padding-bottom:65px; text-align:center;}

.activeDeactive_bttn .onoffswitch { float:none; display:inline-block; width:340px; border-radius:100px; height:39px;}

.activeDeactive_bttn .onoffswitch-inner::after { content: "DEACTIVATE";padding-right: 50px;line-height:39px;}

.activeDeactive_bttn .onoffswitch-inner::before { content: "ACTIVATE";padding-left: 55px;line-height:39px;}

.activeDeactive_bttn .onoffswitch-switch { border-radius: 100px;right: 166px;margin: 2px 3px 2px 4px; }

.activeDeactive_bttn .onoffswitch-label { border-radius: 100px; text-align:left; height:39px;  }

.activeDeactive_bttn .onoffswitch-switch { width: 168px; top: 1px;   border-radius: 100px; height: 33px; }

.activeDeactive_bttn .onoffswitch-inner::before, .onoffswitch-inner::after  { height:39px;}







.activeSegmentDetail{ width:100%; padding-bottom:50px;}

.active_daypartingName{ width:48%; float:left;}

.active_daypartingName p { font-size: 12px; line-height: 1.5;  color: #617283; padding-bottom:5px;}

.active_dayparting_list{ width:46%; float:right;}

.active_dayparting_list .segmentsOptions ul { margin:0px;}

.active_dayparting_list .segmentsOptions ul li { background: none !important; border-left: 1px solid #e4e7ec; padding: 0px 2%; width:50%; }

.active_dayparting_list .segmentsOptions { padding:0px;}





.segmentsOptions_detail span b.run_icon {background:url(../images/run_icon@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span b.permanent_icon {background:url(../images/permanent_icon@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span b.sched_icon {background:url(../images/sched_icon@2x.png) center center no-repeat;background-size:32px auto;  }


.segmentsOptions_detail span b.run_icon:hover {background:url(../images/run_icon_hover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span b.permanent_icon:hover {background:url(../images/permanent_icon_hover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span b.sched_icon:hover {background:url(../images/sched_icon_hover@2x.png) center center no-repeat;background-size:32px auto;  }

.segmentsOptions_detail span.choseSegmnt b.run_icon {background:url(../images/run_icon_hover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span.choseSegmnt b.permanent_icon {background:url(../images/permanent_icon_hover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span.choseSegmnt b.sched_icon {background:url(../images/sched_icon_hover@2x.png) center center no-repeat;background-size:32px auto;  }


.runSchedule { padding:40px 0px 20px}



.addSchedule_options { width:100%; text-align:center; font-size:0px; max-height:105px o; overflow:auto; overflow-x:hidden;}

.addSchedule_options ul { margin:0px -1%;}

.addSchedule_options ul li { padding:0px 1%; width:25%; display:inline-block; vertical-align:top; padding-bottom:20px;}

.addSchedule_options_fields{ width:100%;}

.addSchedule_options_fields b { width:17px; height:17px; display:inline-block; vertical-align:middle; border-radius:50%;}
.oval_blue { background:#00c1de;}
.oval_parrot { background:#c6db01;}
.oval_orange { background:#fdb417; width: 10px; height: 10px;border-radius: 50%;}
.oval_red { background:#fd3d50; width: 10px; height: 10px;border-radius: 50%;}


.scheduleInput { width:72%;border-radius: 6px; background-color: #fafafa; border: solid 1px #d2d6dd; padding:8px 14px; margin:0px 6%;display:inline-block; vertical-align:middle;}

.scheduleInput input { width:100%; line-height:21px;  font-size: 13px; color: #617283; text-align:left}


.addSchedule_options_fields a { width:14px; height:14px; display:inline-block; vertical-align:middle; background:url(../images/addLevel_icon_grey@2x.png) no-repeat; background-size:14px 14px;}

.addSchedule_options_fields button { width:14px; height:14px; display:inline-block; vertical-align:middle; background:url(../images/deleteLevel_icon_grey@2x.png) no-repeat; background-size:14px 14px; border:0px; cursor:pointer; display:none;}






.none_bullets ul li a b { display:none;}

.segmentsOptions_detail span b.voucher_icon {background:url(../images/voucher_icon@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span b.point_icon {background:url(../images/point_icon@2x.png) center center no-repeat;background-size:32px auto;  }

.segmentsOptions_detail span b.voucher_icon:hover {background:url(../images/voucher_iconHover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span b.point_icon:hover {background:url(../images/point_iconHover@2x.png) center center no-repeat;background-size:32px auto;  }

.segmentsOptions_detail span.choseSegmnt b.voucher_icon {background:url(../images/voucher_iconHover@2x.png) center center no-repeat;background-size:32px auto;  }
.segmentsOptions_detail span.choseSegmnt b.point_icon {background:url(../images/point_iconHover@2x.png) center center no-repeat;background-size:32px auto;  }



.voucher_counter { width:65%; padding-bottom:50px;}

.voucher_counter .dropSegmentation_section { margin-bottom:0px;}

.voucher_counter_info{ width:100%; padding:18px 30px 25px 18px; font-size:0px;}

.voucher_counter_info label { display:inline-block; vertical-align:middle; width:40%; font-size: 14px; font-weight: 500; color: #617283;}

.reward_counter{  display:inline-block; vertical-align:middle; width:60%; }

.reward_counter .fieldIncremnt { margin-left:3%;width: 47%;}

.reward_counter  .quantity-nav { width:15%;}

.reward_counter  quantity input { width: 85%;}



.primary_voucher_column {  width: 61%; float: left;  }

.primary_voucher_setting{ padding:15px 12px;}


.voucherDiscount { width:100%; padding-bottom:30px;}

.voucherDiscount label { display:inline-block; vertical-align:middle; padding-bottom:0px;}

.voucherDiscount .gammingValue_outer  { display:inline-block; vertical-align:middle; float:none;width: 22%; margin-left:2%; margin-right:1%;}

.voucherDiscount .gammingValue_outer strong { width: 33.33%;}

.voucherDiscount .gammingValue_outer small { width:20%; margin-left:6%;}

.voucherDiscount .gamingAmount { width: 73%;}

.stateSegmentation .venueIdentification_form ul li{ padding-bottom:0px;}

.voucherDesc textarea{ height:160px !important; margin-bottom:0px; padding-top:5px;}








.voucher_preview_section { width:36%; float:right;}

.voucher_preview_detail { width:100%;/* box-shadow: 0 0 12px 0 rgba(36, 37, 38, 0.11);*/ background-color: #ffffff;  border: solid 1px #dbdbdb;border-radius: 10px; }

.voucher_picture{ width:100%; border-bottom: solid 1px #e4e7ec;}

.voucher_picture span { display:block;width:100%; }
.voucher_picture span img { display:block;width:100%; }

.discount_value { width:100%; margin-top:-55px; position:relative; padding-bottom:25px;}

.discount_value span {width: 110px; height: 110px;background-color: #ffffff; border: solid 1px #d2d6dd; border-radius:50%; overflow:hidden; display:block; margin:auto; text-align:center; padding-top:26px;}

.discount_value span b {font-size: 42px; font-weight: 700; font-stretch: condensed; line-height: 38px; color: #617283;}

.discount_value span b i { font-style:normal;font-size: 36px; font-weight: 400;}

.discount_value span small {  font-size: 12px; font-weight: 700;  letter-spacing: 1px; color: #617283;}


.discount_value_text{ width:100%; padding:0px 22px 0px;}

.discount_value_text h3 { font-size: 28px; font-weight: 300; text-align: center; color: #617283; padding-bottom:15px;}

.discount_value_text p { font-size: 14px; line-height: 1.29;  text-align: center; color: #617283; padding-bottom:30px;}


.voucherCode_date{ width:100%; text-align:center; font-size:0px; padding-bottom:10px;  }

.voucherCode_date_text{ width:50%; display:inline-block; vertical-align:middle;border-right: solid 1px #e4e7ec;padding:10px 10px  10px 0px; }

.voucherCode_date_text label {  font-size: 20px; font-weight: 300;  color: #617283; display:block; padding-bottom:2px; }

.voucherCode_date_text strong {  font-size: 12px; font-weight: 900;  letter-spacing: 1px;  color: #617283; display:block;}

.voucherCode_date_text:last-child {border:0px; padding-right:0px;}



.dotted_seprater{ width:auto;  position:relative; margin:0px -1px; height:32px; overflow:hidden;}

.dotted_seprater span {height:1px; border:1px dashed #d2d6dd; width:100%;  display:block; vertical-align:middle; margin-top:14px;}

.dotted_seprater:after{  height:30px; content:""; width:30px; position:absolute; left:-15px; top:0px;   box-shadow: 0 0 12px 0 rgba(36, 37, 38, 0.11); background-color: #ffffff;  border: solid 1px #dbdbdb; border-radius:50%; }

.dotted_seprater:before{  height:30px; content:""; width:30px; position:absolute; right:-15px; top:0px;   box-shadow: 0 0 12px 0 rgba(36, 37, 38, 0.11); background-color: #ffffff;  border: solid 1px #dbdbdb; border-radius:50%; }


.barcode_data { width:100%; padding-top:15px; padding-bottom:18px;}

.barcode_data span { width:206px; margin:auto; display:block; margin-bottom:12px;}

.barcode_data span  img { width:100%; display:block;}

.barcode_data button {  width: 185px; height: 42px;  border-radius: 100px;  background-color: #0a62a3;  border: solid 1px #efefef; font-size: 13px; text-align: center; color: #ffffff; cursor:pointer; margin:auto; display:block;}






.venueAcc_information{ width: 100%;}

.venueAcc_search_addVenue{ width: 100%; padding-bottom: 40px;}


.venueAcc_search{ width: 45%; float: left;}

.venueAcc_search .searchCompaign { width: 100%; float: none;background-color: #f7f8f8;}


.venueAcc_search_addVenue a{ transition:all 0.4s ease-in-out; font-size:12px; line-height:20px; color:#ffffff; padding:7px 20px; display:block; background:#006bcf; border-radius:16px !important; cursor:pointer; text-align:center; width: 225px; float: right;}

.venueAcc_search_addVenue a:hover{ background:rgba(44, 56, 69, .68); color:#fff; }



.accVenue_listing { width: 100%; padding-bottom:60px;}

.accVenue_listing .clEditDotes_cell span a { display: inline-block; float: none;color: #344456; font-size: 13px; font-family: 'robotoregular';}



.accVenue_listing .cell1 { width:25% !important;}
.accVenue_listing .cell2 { width:25% !important;}
.accVenue_listing .cell7 { width:50% !important;}

.accVenue_listing .cell7 span.cL_rowList_number { padding-left:10px;}

.accVenue_listing .cl_rowEdit_popOut {  width: 15%;}

.accVenue_listing .cL_listing_tableInn ul li.active_editMod .cL_listing_table_row { margin-left: -15%; }







.popups_outer {width: 100%; position: fixed; height: 100%; z-index: 2; left: 0px; top: 0px; display:none;}

.popups_inner { width:100%; height:100%;}

.overley_popup { width: 100%;  height: 100%;  position: fixed; top: 0px;  left: 0px;   background-color: rgba(17, 55, 86, 0.8);}

.popupDiv { width:1170px; position:absolute; left:50%; margin-left:-585px; top:8%;}
.popupVoucher { width:90%; position:absolute; left:25%; margin-left: -278px; top:8%;}

.popupDiv_detail { width:100%;}

.levels_bttn { width:100%; text-align:center;}

.levels_bttn ul { margin:0px -1px; font-size:0px;}

.levels_bttn ul li { width:33.33%; display:inline-block; padding:0px 1px;}

.levels_bttn ul li a { padding:0px 20px;  color:#fff; line-height:36px; text-align:center; display:block; background:#0a62a3; text-transform:uppercase;border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;-ms-border-radius:6px 6px 0px 0px;-o-border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px; width:100%; font-size:13px;  }

.levels_bttn ul li a.levelActive  {background:#fff ;color:#0a62a3; }
.levels_bttn ul li a:hover  {   box-shadow:none;transition:all 0.5s ease;}


.popupDiv_detail_inner { width:100%; padding:35px 55px 85px 55px; background:#fff;border-radius: 0px 0px 6px 6px; display:none;}

.backBttn { width:100%; padding-bottom:28px;}

.backBttn a { height: 40px; border-radius: 4px;  border: solid 1px #a5adba; width:110px; display:block; background:url(../images/arrow_back_bttn@2x.png) 15px center no-repeat; background-size:24px 24px; line-height:38px; padding-left:53px;font-size: 12px; font-weight: 700; letter-spacing: 1px;  color: #617283;}



.addFloor_info { width:100%;border-bottom: solid 1px #e4e7ec; padding-bottom:16px; margin-bottom:25px;}

.addFloor_info label { width:10%; float:left; font-size: 14px;  font-weight: 500; line-height: 2.14;  color: #617283; display:block; padding-top:8px; }

.floor_quaintity{ width:8.5%; float:left; margin-right:3.5%; }

.floor_quaintity .fieldIncremnt{ width:100%; float:none;}

.floorNameInput { width:50%; float:left;padding-top:2px;}

.floorNameInput input {  font-size: 32px; font-weight: 300; line-height: 1.25; color: #617283; }

.floorNameInput input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #617283;}
.floorNameInput input::-moz-placeholder { /* Firefox 19+ */color: #617283;}
.floorNameInput input:-ms-input-placeholder { /* IE 10+ */ color: #617283;}
.floorNameInput input:-moz-placeholder { /* Firefox 18- */color: #617283;}



.addFloor_info button { border-radius: 4px; background-color: #d2d6dd; border: solid 1px #a5adba; line-height:40px; font-size:12px; letter-spacing:1px; color: #617283;   display:inline-block; width:175px; text-align:center;  float:right; margin-top:2px;  }

.addFloor_info button.selecCompaignBttn {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff;  }
.addFloor_info button:hover  {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff; transition:all 0.5s ease; }


.popup_upload_img { width:100%; margin-bottom:32px; border:1px dashed #d2d6dd;border-radius: 6px; overflow:hidden;}

.popup_upload_img .image_notify_upload_area {  width: 100%; height: 260px;   background-color: #ecf2f3; text-align: center; padding-top: 40px;background:url(../images/popup_drop_img.png) no-repeat center center; background-size:cover; position:relative ;  }



.beaconCinfig_list .cL_listing_table_cell.cell1 { width:16%; }
.beaconCinfig_list .cL_listing_table_cell.cell2 { width:15%; }
.beaconCinfig_list .cL_listing_table_cell.cell3 { width:35%; }
.beaconCinfig_list .cL_listing_table_cell.cell4 { width:12%; }
.beaconCinfig_list .cL_listing_table_cell.cell5 { width:11%; }
.beaconCinfig_list .cL_listing_table_cell.cell7 { width:11%; }

.beaconCinfig_list .clEditDotes_cell.cell7 {  width: 11%; }

.beaconCinfig_list .clEditDotes_cell.cell7 span {padding-left: 10px !important;}
.beaconCinfig_list .cL_rowList_number {padding-left: 17px !important;}


.beaconCinfig_list .cl_rowEdit_popOut { width: 24%;}

.beaconCinfig_list .cL_listing_tableInn ul li.active_editMod .cL_listing_table_row {  margin-left: -24%; }






.addBeacon_popup .popupDiv{ width:630px; margin-left:-315px;   overflow:hidden;}


.popup_heading  {border-radius: 6px 6px 0px 0px; background-color: #0a62a3; position:relative; width:100%;}

.popup_heading h3 { padding:9px 15px ;font-size: 13px; text-align: center;  color: #ffffff; text-transform:uppercase;}

a.popupClose { height:33px;width:35px;  background:url(../images/popup_close@2x.png) center center no-repeat #003a5d;   background-size:11px 11px; display:block; position:absolute; right:0px; top:0px;border-radius: 0px 6px 0px 0px; }


.beacon_popupDeatail { width:100%; background:#fff; padding:35px 40px;border-radius: 0px 0px 6px 6px;}

.beacon_popup_form{ width:100%;border-radius: 6px; border: solid 7px #f7f8f8; padding:22px 10px 0px;}

.beacon_popup_img{ width:100%; padding-bottom:32px;}


.major_minor_inputs{ width:100%;}

.major_minor_inputs_column { width:49%; float:left;}
.major_minor_inputs_column:last-child  { float:right;}

.place_beacon{ display:block; text-align:center; padding-top:30px;}

.beacon_popup_form .venueIdentification_form ul li { padding-bottom:22px;}

.beacon_popup_form .venueIdentification_form ul li:last-child { padding-bottom:20px;}














.popupDiv_segments { width:100%; padding:32px 32px 5px 32px; background:#fff;border-radius: 0px 0px 6px 6px; }

.segmentsPopup_bttn ul li { width:25%;}

.popupDiv_segments_detail{ width:100%;}


.popupDiv_segments_detail .dashborad_column { border-bottom:0px; padding-bottom:25px; padding-top:0px; margin-bottom:0px;}

.gender_lits_detail{ width:100%; padding:0px 20px 30px; text-align:center; font-size:0px;}

.gender_lits_detail ul li { width:33.33%; display:inline-block;}


.gender_lits_info{ width:100%; text-align:center;}

.gender_lits_info span { display:inline-block; width:72px; position:relative; margin-bottom:25px; }
.gender_lits_info span b { position:absolute; left:0px; bottom:0px;transition:all 0.4s ease; }

.gender_lits_info strong {font-size: 48px; font-weight: 300;  color: #d2d6dd; text-align:center; display:block;}
.gender_lits_info small { font-size: 12px; color: #a5adba; }

.gender_lits_info span:before{ background:url(../images/ovalShape@2x.png) bottom center no-repeat; height:22px; content:""; width:72px; position:absolute; left:50%; margin-left:-36px; bottom:-12px;  background-size:72px 22px; }


.maleGender span { background:url(../images/male_pic@2x.png) top center no-repeat; background-size:39px 99px; height:99px; vertical-align:top; }
.maleGender span b { background:url(../images/male_picActive@2x.png) bottom center no-repeat; background-size:39px 99px; height:65%; width:72px;}

.maleGender strong {color: #0a62a3;}

.femaleGender span { background:url(../images/female_pic@2x.png) top center no-repeat; background-size:46px 102px; height:102px; }
.femaleGender span b { background:url(../images/female_picActive@2x.png) bottom center no-repeat; background-size:46px 102px; height:38%; width:72px;;}

.femaleGender strong {color: #617283;}


.otherGender span { background:url(../images/other_pic@2x.png) top center no-repeat; background-size:41px 100px; height:100px; }
.otherGender span b { background:url(../images/other_picActive@2x.png) bottom center no-repeat; background-size:41px 100px; height:0%; width:72px;}

.unknownGenders span { background:url(../images/swr_unknown_person.png) top center no-repeat; background-size:41px 100px; height:100px; }
.unknownGenders span b { background:url(../images/swr_unknown_person.png) bottom center no-repeat; background-size:41px 100px; height:0%; width:72px;}






.memberInsight  { padding-top:45px;}
.memberInsight .messageBuilders_links { padding-bottom:22px;}

.memberInsight .messageBuilders_links ul li { width:33.33%;}

.memberInsight .compaign_addNew h3 { padding-top:0px;}

.memberInsight .compaign_addNew { margin-bottom:20px; padding-bottom:16px;}

.memberInsight .searchCompaign { margin-left:10px;}

.member_indsight_charts{ width:100%;}

.member_indsight_charts ul li { border-bottom: 1px solid #e1e1e1; padding-bottom:20px; margin-bottom:20px;}

.member_indsight_charts ul li .column6_db { float:none; width:100%;}


.member_insight_highChart { width:100%; padding:0px 50px 20px;}

.memberInsight .venueHead h4 { padding-bottom:0px;}
.memberInsight .venueHead { padding:22px 25px 10px;}



.memberInsight .vidget_dropdown { right: 25px;}

.memberInsight .showOptions li { padding:0px 0px; margin:0px; border:0px;}

.member_indsight_charts ul li:last-child { border:0px; margin:0px; padding:0px;}



.selectCompaign .placeHolderOuter { padding-bottom:0px;}

.selectCompaign .customDropDown { height: 34px;}
.selectCompaign .customDropDown span { line-height: 34px;border-radius: 0px; border: 0px; padding:0px 15px; background-color:#fff; background-position:96% 12px;}

.selectCompaign .customDropDown span.changeAero {  background-position:96% 6px;}

.memberInsight .selectCompaign {  width: 26%; margin-right: 0px;}




.dropDown_member_insight{  background:#fff; height:34px; position:relative;  }

.dropDown_member_insight span{ display:block; line-height:34px; background:url(../images/all_select_down_arows.png) no-repeat 96% 12px; font-size:13px; color:#617283; background-size:24px 17px ;  line-height: 34px;border-radius: 0px; border: 0px; padding:0px 15px; background-color:#fff; background-position:96% 12px;}

.dropDown_member_insight_show { width:100%; position:absolute; left:0px; top:58px; z-index:1;  display:none;   background-color: #ffffff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);border:0px; padding:10px 10px 2px;}

.dropDown_member_insight_show  li { padding:0px !important; margin-bottom:8px;}
.dropDown_member_insight_show li a {background-color: #e4e7ec; display:block; line-height:34px; padding:0px 12px;font-size: 13px; color: #617283;}
.dropDown_member_insight_show  li:hover a { background-color: #0a62a3; color:#fff;}

.dropDown_member_insight span.changeAero2{  background:url(../images/all_select_down_arows_top.png) no-repeat 96% 6px #fff; background-size:24px 17px ; }


.show_picker{ width:100%; padding:18px 15px 10px; display:none; }

.show_picker .datePicker {  border-radius: 0px; background: none; border: 0px; height: 30px; padding: 0px; }

.show_picker .datePickerOuter { padding:0px;}

.show_picker .datePicker input { color:#617283;}









.compaignSaturation_listing{ width:100%;}

.compaignSaturation_listing ul li { border-bottom: 1px solid #e1e1e1; padding-bottom:20px; margin-bottom:20px;}

.compaignSaturation_listing .chanel_chart_description  ul li {border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px;}

.compaignSaturation_listing .chanel_descriptionList_text p { width: 72%;}

.compaignSaturation_listing .chanel_descriptionList_text strong {  width: 28%;}

.compaignSaturation_listing  .venueHead h4 { padding-bottom:25px;}
.compaignSaturation_listing  .venueHead  { padding-bottom:20px;}


.compaignSaturation_listing .dashborad_column { padding-bottom:0px; margin-bottom:0px; border:0px;}

.compaignSaturation_listing  .dashborad_Totalcolumn { padding-bottom:0px;}

.compaignSaturation_listing  .dashborad_Totalcolumn ul li{ padding-bottom:0px; margin-bottom:0px; border:0px;}

.deliverChanel{ width:100%; float:none;}


.compaignSaturation_listing ul li:last-child { border-bottom:0px; margin-bottom:5px;}


.faq_search{ width:60%; margin:auto;}

.faq_search input { font-size:52px; font-weight:300;background-size: 31px 31px;border-bottom: solid 1px #a5adba; padding-left:0px; padding-right:0px; background-position:100% 32px;}

.faqContainer{ padding-top:25px;}

.change_colorTab  a.compaignsActive { background:#f7f8f8;}

.change_colorTab  a:hover { background:#f7f8f8;}

.faq_description_section{ width: 100%; padding: 35px 30px 35px;  background-color: #ffffff;  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11); margin-bottom:25px;}

.faq_description_detail { width:100%;  background-color: #ffffff; border: solid 1px #e4e7ec;}

.faq_description_list { width:100%;}

.faq_description_list ul li { border-bottom: solid 1px #e4e7ec;}

.faq_questions{ width:100%;}

.faq_questions_head {width:100%; display:table; table-layout: fixed; position: relative;}

.faq_questions_cell{ display: table-cell; vertical-align: middle; padding: 16px 15px;}

.faq_cell1 { width:6%;}
.faq_cell2 { width:94%;}

.rightBorder { border-right:solid 1px #e4e7ec;}

.faq_questions_cell strong {font-size: 16px; font-weight: 700; color: #617283; display:block; text-align:center;}

.faq_questions_cell p { font-size: 16px;  line-height: 1.88; color: #617283; padding-left:15px; padding-right:100px;}


.accordian_inactive{ background:url(../images/plus_categoryIcon@2x.png) no-repeat; width:24px; height:24px; cursor:pointer; border:0px; background-size:24px; position:absolute; right:35px; top:19px; display:block;transition:all 0.3s ease;}
.activeBar .accordian_inactive {transform: rotate(-45deg); background:url(../images/plus_categoryIcon_white@2x.png) no-repeat; width:24px; height:24px; background-size:24px;}

.faq_questions_show { background-color: #f7f8f8; border-bottom: solid 1px #e4e7ec;border-top: solid 1px #e4e7ec; padding:35px 80px 15px 95px; display:none;}

.faq_questions_show p {color: #617283; padding-bottom:20px;}


.activeBar  { background:#003a5d;}

.activeBar .faq_questions_cell p { color:#fff;}
.activeBar .faq_questions_cell strong { color:#fff;}

.faq_description_list ul li:last-child { border-bottom:0px;}

.uploadButton { width: 310px; height: 50px;  border-radius: 4px; background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);font-size: 18px; text-align: center; color: #ffffff; margin:auto; display:block; border:0px; margin-top:25px;  margin-bottom:25px; }


.faq_userGuide_Container{ padding:80px 125px 150px; width:100%;}

.faq_userGuide_Container p {font-size: 16px;  color: #617283; padding-bottom:20px;}

.activeCompaign_icon a.total_unsubcribe { background:url(../images/totalUnsbcribe@2x.png) center center no-repeat; background-size:23px 22px;  }
.activeCompaign_icon a.sms_unsubcribe {  background:url(../images/smsUnsbcribe@2x.png) center center no-repeat; background-size:23px 23px; }
.activeCompaign_icon a.email_unsubcribe {  background:url(../images/emailUnsbcribe@2x.png) center center no-repeat; background-size:22px 20px; }




.newVualt_container { width:100%;max-width: 1310px; margin: auto;}

.newVualt_container_detail { width:100%; padding-top:40px; padding-bottom:60px;}


.tabsView_button { width:100%; text-align:center;}

.tabsView_button ul { margin:0px -1px; font-size:0px; display:table; table-layout:fixed;width:100%;}

.tabsView_button ul li { display:table-cell; vertical-align:top; padding:0px 1px; width:auto !important;}

.tabsView_button ul li a { padding:0px 20px;  color:#fff; line-height:36px; text-align:center; display:block; background:#0a62a3; text-transform:uppercase;border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;-ms-border-radius:6px 6px 0px 0px;-o-border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px; width:100%; font-size:13px; width:100%; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;  }

.tabsView_button ul li a.tab_bttnActive  {background:#fff ;color:#0a62a3; }
.tabsView_button ul li a:hover  {   box-shadow:none;transition:all 0.5s ease;background:#fff ;color:#0a62a3;}

.tabsView_button ul li:last-child { padding-right:0px;}


.newVualt_detail_outer{ width:100%; background:#fff;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11);}

.newVualt_detail { width:100%; padding:58px 70px 40px; }

.newVualt_heading { width:100%; padding-bottom:16px;}

.newVualt_heading h3 {font-size: 20px;  color: #617283;border-bottom: 1px solid #d2d6dd; padding-bottom:25px; position:relative;}

.newVualt_heading h3:after {content: "";display: inline-block;position: absolute;left: 0px;bottom:0px;  width: 22%; height: 3px;  background-image: linear-gradient(89deg, #003a5d, #0a62a3 50%, #00c1de); }
.newVualt_heading h4 {font-size: 14px; font-weight: 500; color: #617283;border-bottom: 1px solid #d2d6dd; padding-bottom:18px; position:relative;}



.listing_floating_row {  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1); background-color: #f7f8f8;  border: solid 1px #d2d6dd; width:100%; padding:15px; margin-bottom:16px;}


.fieldIncremnt { width:8%; float:left; margin-right:8px;}

.quantity {  position: relative; width:100%;height: 40px; background-color: #fff; border: solid 1px #d2d6dd; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}

input[type=number]{-moz-appearance: textfield;}

.quantity input { width: 78%; line-height: 1.60; float: left; display: block;  padding-left: 26px; height:100%;  font-size: 16px; color: #617283;   }

.quantity-nav {  float: right; position: relative; height: 40px; width:22%; padding-top:11px;}

.quantity-button {  position: relative;  cursor: pointer;   }


.quantity-up { background:url(../images/triangle_top@2x.png) no-repeat; width:8px; height:6px; background-size:8px 6px; margin-bottom:6px;; }
.quantity-down { background:url(../images/triangle_bottom@2x.png) no-repeat; width:8px; height:6px; background-size:8px 6px;  }



.expand_button {  position: relative; width:12%; float: left; }

.expand_button a {height: 40px;opacity: 0.4; background:url(../images/expand_icon@2x.png) 15px center no-repeat #ffffff; border: solid 1px #d2d6dd; display:block; line-height:40px; padding-left:56px; background-size:21px;font-size: 13px; color: #617283;transition:all 0.3s ease; line-height:38px;}

.expand_button a:hover { opacity:1;}

.grid_searching { width:40%;  float:right;}

.grid_searching ul  { float:right;}

.grid_searching ul li  { float:left; padding-left:8px;}

.grid_searching ul li a {height: 40px; width:40px;opacity: 0.4; background:url(../images/grid_icon@2x.png) center center no-repeat #ffffff; border: solid 1px #d2d6dd; display:block;  background-size:24px;font-size: 13px; color: #617283;transition:all 0.3s ease; line-height:38px;}

.grid_searching ul li a:hover { opacity:1;}

.grid_searching ul li a.combined_shape{ background:url(../images/combined_shape@2x.png) center center no-repeat #ffffff;background-size:23px;}


.searching_li {width:345px;}

.searching{ width:100%;border: solid 1px #d2d6dd; background:#fff; position:relative;height: 40px;}

.searchInput { width:88%; display:block; padding:4px 22px;font-size: 13px; color: #617283; display:block;height: 40px;}

.submitInput {
  background: url(../images/search_icon.png) center center no-repeat;
  width: 44px;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  background-size: 14px;
  cursor: pointer;
}

.searchInput::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #617283;}
.searchInput::-moz-placeholder { /* Firefox 19+ */color: #617283;}
.searchInput:-ms-input-placeholder { /* IE 10+ */ color: #617283;}
.searchInput:-moz-placeholder { /* Firefox 18- */color: #617283;}





.category_list_outer { width:100%;background-color: #ffffff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); margin-bottom:25px;}


.cL_listing_tableInn{ width:100%;background: #ffffff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11);}

.cL_listing_tableTitle{ width:100%; background:#f8f8f8; }

.cL_listing_tableTitle strong{ display:block; padding:8px 0px; font-size:13px; line-height:15px; color:#617283; font-weight:500;   }

.cL_listing_tableInn ul li{ width:100%; position:relative;   background:#fff; padding:0px 0px; overflow:hidden; }

.cL_listing_tableInn ul li:last-child{ border-bottom:0px none; }

.cL_listing_tableInn ul li.active_editMod .cL_listing_table_row{ margin-left:-20%; }


.cL_listing_table_row{ width:100%; display:table; table-layout:inherit; position:relative; transition:all 0.6s ease-in-out 0s; background:#fff; padding:14px 20px 14px 20px; }
.cL_listing_table_row .cL_listing_table_cell_campaign:last-child{text-align: left;}

.cL_listing_table_cell{ display:table-cell; vertical-align:middle; padding:0px 5px;  word-wrap:break-word; }

.cL_listing_table_cell.cell1{ width:11%; }
.cL_listing_table_cell.cell2{ width:11%; }
.cL_listing_table_cell.cell3{ width:12%; }
.cL_listing_table_cell.cell4{ width:12%; }
.cL_listing_table_cell.cell5{ width:15%; }
.cL_listing_table_cell.cell6{ width:13%; }
.cL_listing_table_cell.cell7{ width:15%; }
.clEditDotes_cell.cell7{ width:15%; padding:0px 0px 0px 0px; }

.cL_rowList_number{ display:block; color:#617283; font-size:13px; padding-left:20px; }

.cL_rowList_number a { color:#617283;}

.cl_rowPosted_dateOut{ width:100%;   }

.cl_listingCampaign_zonz strong{ display:block; color:#31465b; font-size:14px; line-height:20px;  }

.cl_tableRow_status_Draft{ background:url(../images/campaignLanding_ctlIcon_draft.png) no-repeat top center; }
.cl_tableRow_status_waiting_Waiting_Review{ background:url(../images/campaignLanding_ctlIcon_waitingReview.png) no-repeat top center; }


.cl_tableRow_editDotes{ width:25px; height:30px; display:block; border-radius:6px; padding:5px; transition:all 0.4s ease; }

.cl_tableRow_editDotes i{ width:4px; height:4px; background:#6b717b; position:relative; border-radius:50%; display:block; margin:auto; }

.cl_tableRow_editDotes i:after, .cl_tableRow_editDotes i:before{ content:"";  width:4px; height:4px; background:#6b717b; position:absolute; border-radius:50%; display:block; left:0px; top:8px;  }

.cl_tableRow_editDotes i:after{ top:16px;  }

.cl_tableRow_editDotes:hover{  background: rgba(44, 56, 69, 0.1) none repeat scroll 0 0; }

.cl_rowEdit_popOut{ width:20%; height:100%; position:absolute; right:-20%; top:0px; transition:all 0.6s ease-in-out; }


.active_editMod .cl_rowEdit_popOut{ right:0px; }

.cl_rowEdit_pop_table{ width:100%; height:100%; display:table; }

.cl_rowEdit_popOut_tableRow{ width:100%; height:100%; display:table; table-layout:fixed; }

.cl_rowEdit_popOut_tableRow_cell{ display:table-cell; vertical-align:middle;  width:78px;; }
.cl_rowEdit_popOut_tableRow_cell.eidtCell1{ border-left:0px none; }

.cl_rowEdit_popOut_tableRow_cell a{  display:table; width:100%; height:100%; text-align:center; background:#00c1de; color:#fff; transition:all 0.4s ease-in-out; border-left:1px solid #fff; }

.cl_rowEdit_popOut_tableRow_cell a strong{ display:table-cell; vertical-align:middle; width:100%; height:100%; font-size:12px; }

.cl_rowEdit_popOut_tableRow_cell a i{ display:block; min-height:28px; background:url(../images/eye_icon@2x.png) no-repeat center center;  background-size:28px auto; }

.cl_rowEdit_popOut_tableRow_cell a.edit_icon i{ background:url(../images/edit_icon@2x.png) no-repeat center center;   background-size:17px auto; }

.cl_rowEdit_popOut_tableRow_cell a.scheduleIcon i{ background:url(../images/clock_icon@2x.png) no-repeat center center;  background-size:26px auto;  }

.cl_rowEdit_popOut_tableRow_cell a.duplicateIcon i{ background:url(../images/layers_icon@2x.png) no-repeat center center; background-size:25px auto;   }

.cl_rowEdit_popOut_tableRow_cell a.delete_icon i{ background:url(../images/delete_icon@2x.png) no-repeat center center; background-size:12px auto;  }

.clEditDotes_cell{ display:table-cell; vertical-align:middle; }

.cl_rowEdit_popOut_tableRow_cell a.edit_icon{ background:#0a62a3;}
.cl_rowEdit_popOut_tableRow_cell a.scheduleIcon{ background:#c6db01;}
.cl_rowEdit_popOut_tableRow_cell a.duplicateIcon{ background:#003a5d;}
.cl_rowEdit_popOut_tableRow_cell a.delete_icon{ background:#fc6d64;}

.cl_rowEdit_popOut_tableRow_cell a:hover { opacity:1;}

.cL_listing_tableTitle strong span{ display:inline-block; vertical-align:top; margin-right:10px; width:8px; margin-top:2px; }

.cL_listing_tableTitle strong span b { width:8px; cursor:pointer; display:block; margin-bottom:4px; }
.cL_listing_tableTitle strong span b img { display:block; width:100%;}

.cL_listing_tableTitle strong span b:last-child  { margin-bottom:0px; }

.clEditDotes_cell span{ display:inline-block !important; float:left;}
.clEditDotes_cell a{ display:inline-block !important; float:right;}

.profile_img{ width:38px; overflow:hidden; display:inline-block; vertical-align:middle; margin-right:15px;}

.cL_listing_tableInn ul li .cL_listing_table_row { padding:14px 20px 14px 20px;}


.cL_listing_tableInn ul li { background:#f7f8f8;}
.cL_listing_tableInn ul li:nth-of-type(2n)  { background:#fff;}

.cL_listing_tableInn ul li .cL_listing_table_row { background:none;}


.sortHidden span { visibility:hidden;}


.categoryCell { width:22% !important;}

.subCategoyCell { width:7% !important;}

.padingLeft0 { padding-left:0px !important;}
.padingLeft50 { padding-left:50px !important;}
.padingLeft55 { padding-left:55px !important;}
.padingLeft80 { padding-left:80px !important;}
.padingLeft30 { padding-left:30px !important;}
.padingLeft25 { padding-left:25px !important;}
.padingLeft20 { padding-left:20px !important;}
.padingLeft40 { padding-left:40px !important;}

.cL_rowList_number em { font-style:normal; color:#a5adba;}



.pagination_section { width:100%; text-align:center; padding-top:10px;}

.pagination_section ul li { display:inline-block; padding:0px 12px; vertical-align:top;}

.pagination_section ul li a {width: 8px;  height: 8px; background-color: #d8d8d8; display:block; border-radius:50%;}
.pagination_section ul li a.pageAcive { background:#0a62a3;}






.searchSection { width:100%; background:#fafafa; display:none;}

.searchSection_bar { width:45%; margin:auto; padding:46px 0px 44px;}

.searchSection_bar input { font-size: 52px; font-weight: 300; color: #d2d6dd;border-bottom: solid 1px #a5adba; padding-bottom:2px; background:url(../images/searchBar_icon@2x.png) right center no-repeat; background-size:28px; padding-right:50px; width:100%; }

.searchSection_bar input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #d2d6dd;}
.searchSection_bar input::-moz-placeholder { /* Firefox 19+ */color: #d2d6dd;}
.searchSection_bar input:-ms-input-placeholder { /* IE 10+ */ color: #d2d6dd;}
.searchSection_bar input:-moz-placeholder { /* Firefox 18- */color: #d2d6dd;}





.gridView_listing { width:100%; padding-top:10px;}

.gridView_listing ul { margin:0px -15px; font-size:0px;}

.gridView_listing ul li { width:33.33%; padding:0px 15px 30px; display:inline-block; vertical-align:top;}

.grid_addCategory_info{ width:100%;border-radius: 3px; border: solid 1px #d2d6dd;}

.grid_addCategory_img { width:100%;}

.grid_addCategory_img a  { display:block; width:100%;}

.grid_addCategory_img a img  { display:block; width:100%;}

.grid_addCategory_info_head { width:100%; border-bottom: solid 1px #d2d6dd; padding:12px 0px 12px 10px;}

.grid_addCategory_info_head label { display:block;font-size: 14px; font-weight: 700;  color: #617283; padding-bottom:3px; text-transform:uppercase; padding-right:15px; }

.grid_addCategory_info_head span { font-size: 14px; color: #617283; padding-right:15px; }

.grid_addCategory_info_head span b {font-weight: 700;  color: #617283; display:inline-block; vertical-align:top; padding-right:15px; }

.colorTag { width:100%; text-align:right; font-size:0px; }
.colorTag small  {width: 32%; height: 10px;  border-radius: 3px 0px 0px ;  background-color: #fd3d50; display:inline-block; }


.grid_addCategory_img_small { width:100%; padding:10px 12px;border-bottom: solid 1px #d2d6dd;}

.grid_addCategory_img_small span  { display:block; width:100%;}

.grid_addCategory_img_small span img  { display:block; width:100%;}


.grid_info_description { width:100%;padding:10px 12px;}

.grid_info_description p {font-size: 12px; line-height: 1.5; color: #a5adba;}









.popups_outer {width: 100%; position: fixed; height: 100%; z-index: 2; left: 0px; top: 0px; display:none;}

.popups_inner { width:100%; height:100%;}

.overley_popup { width: 100%;  height: 100%;  position: fixed; top: 0px;  left: 0px;   background-color: rgba(17, 55, 86, 0.8);}

.popupDiv2 { width:556px; position:absolute; left:50%; margin-left:-278px; top:8%;}

.popupDiv_detail { width:100%;}

.closePop { width:10px; height:10px; background:url(../images/closepopup_icon@2x.png) no-repeat; background-size:10px 10px; display:block; position:absolute; right:15px; top:15px;}


.alertPopup_div { width:100%;  }

.popup_main_heading { width:100%; text-align:center; position:relative; }

.popup_main_heading h3 { padding: 30px 20px; line-height: 29px; display:block; background:#0a62a3; text-transform:uppercase;border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;-ms-border-radius:6px 6px 0px 0px;-o-border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px; width:100%; font-size:16spx; color:#fff ;font-weight:700;  }

.popup_main_heading h4 { padding: 15px 45px; line-height: 29px; text-align:left;  display:block; background:#003a5d; text-transform:uppercase;border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;-ms-border-radius:6px 6px 0px 0px;-o-border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px; width:100%; font-size:16spx; color:#fff ;font-weight:700;  }

.popup_main_heading .closePop { right:25px; top:22px; display:none;}

.alertPopup_info { width:100%;  background:#fff; border-radius:0px 0px 6px 6px;-moz-border-radius:0px 0px 6px 6px;-ms-border-radius:0px 0px 6px 6px;-o-border-radius:0px 0px 6px 6px;-webkit-border-radius:0px 0px 6px 6px; width:100%;  }


.alertPopup_description {width:100%;border-bottom:1px solid  #f5f5f5; padding:50px 20px 22px; text-align:center;}

.alertPopup_description span { display:inline-block; width:70px; margin-bottom:25px;}

.alertPopup_description span img { display:block; width:100%;}

.alertPopup_description p { font-size: 16px;   color: #617283; line-height:36px;}

.alertPopup_description p b {font-weight: 700; color: #0a62a3;}


.okCancel_warning { width:100%; text-align:center; font-size:0px;}

.okCancel_warning a { width:50%; display:inline-block;font-size: 16px; font-weight: 700; letter-spacing: 2px;  color: #617283;border-right:1px solid  #f5f5f5; padding: 30px 20px; line-height: 29px; text-transform:uppercase;}

.okCancel_warning a:last-child { border:0px;}






.add_category_listing{ width:100%;}

.add_category_listing ul li { padding-bottom:30px;}

.add_categoryList_info { width:100%;background-color: #ffffff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); padding:25px 22px 5px; border:1px solid #fff;}

.categoryInfo_container { width:100%; padding-top:5px;}

.uploadImg_section{ width:16%; float:left;}

.uploadImg_section h4 {font-size: 12px; font-weight: 500; color: #617283; padding-bottom:18px;}

.uploadImg_section_info { width:100%;border-radius: 6px; background-color: #ffffff; border: solid 1px #d2d6dd; padding:8px;}

.uploadPlaceholder { width:100%;}


.image_notify_upload_area {  width: 100%; text-align: center;  position:relative; margin-bottom:10px; }

.image_notify_upload_area span { display:block; width:100%;}
.image_notify_upload_area span img { display:block; width:100%;}

.image_notify_upload_area input { cursor: pointer; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; }
.image_notify_upload_area em{ font-size:10px; color:#7f888b;}

.uploadPlaceholder_text { width:100%;}

.uploadPlaceholder_text p { min-height:100px;font-size: 12px; line-height: 1.5; color: #a5adba;}




.addCategoryRight_section{ width:81.5%; float:right;}

.addCategory_formSection { width:100%; position:relative;}

.addCategory_formSection ul { margin:0px -13px; font-size:0px;}

.addCategory_formSection ul li { padding-bottom:28px; display:inline-block; padding:0px 13px 28px; width:50%; vertical-align:top;font-size: 14px;}

.addScheduledCampaign_formSection { width:100%; position:relative; padding-top: 16px}
.addScheduledCampaign_formSection ul { margin:0px -13px; font-size:0px;}
.addScheduledCampaign_formSection ul li { padding-bottom:28px; display:inline-block; padding:0px 13px 28px; width:50%; vertical-align:top;font-size: 14px;}
.addScheduledCampaign_formSection .form_section_header h5{font-size: 14px; line-height: 1.5em; font-weight: 500; color: #0a62a3;}
.addScheduledCampaign_formSection .form_section_header {padding-bottom: 24px}
.addCategory_formSection ul li ul li{font-size: 14px !important; padding: 5px;}


.customPlaceholder_outer { width:100%; position:relative;}

.customPlaceholder_outer h4 {font-size: 12px; font-weight: 500; color: #617283; padding-bottom:18px;}

.customPlaceholder_outer h4 small {font-size: 12px; color: #a5adba;}
.customPlaceholder_outer h4 sub {font-size: 12px; color: #00c1de; display:inline-block; margin-left:4px;vertical-align: top;}

.customPlaceholder:not(.box)  { border-radius: 6px; background-color: #f7f8f8; border: solid 1px #d2d6dd; height:46px; width:100%  ; padding:12px 20px 10px; }

.customPlaceholder input {  font-size: 12px; color: #a5adba; width:100%; font-weight:500;  line-height: 22px;}

.customPlaceholder input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #a5adba;}
.customPlaceholder input::-moz-placeholder { /* Firefox 19+ */color: #a5adba;}
.customPlaceholder input:-ms-input-placeholder { /* IE 10+ */ color: #a5adba;}
.customPlaceholder input:-moz-placeholder { /* Firefox 18- */color: #a5adba;}


.req_tag {font-size: 12px; font-style: italic; color: #d2d6dd; position:absolute; right:0px; top:0px; display:inline-block;}


.chooseColor_section{border-radius: 6px; background-color: #fff; border: solid 1px #d2d6dd; height:46px; width:100%  ;}

.chooseColor_section small { border-right: solid 1px #d2d6dd; width:11%; text-align:center; display:block;font-size: 16px; color: #a5adba; height:44px; line-height:44px; float:left;}

.color_input {width:28% ;float:left; background-color: #f7f8f8;border-right: solid 1px #d2d6dd; }

.color_input input { width:100%;height:44px; }


.dropdownPlaceholder{ width:61%; float:left;}

.customDropDown_placeholder{  height:46px; position:relative; width:100%;  }

.customDropDown_placeholder span{ display:block; line-height:42px; padding-right:20px; background:url(../images/all_select_down_arows.png) no-repeat 95% 16px; font-size:12px; color:#a5adba; background-size:24px ; padding:0px 20px;  cursor:pointer;}

.customDropDown_placeholder select{ width:100%; height:100%; position:absolute; left:0px; top:0px; opacity:0; cursor:pointer; }



.edittor_column { width:100%; border-radius: 6px; background-color: #f7f8f8; border: solid 1px #d2d6dd;}

.edittor_column_head {width:100%; background:#fff; min-height:36px;border-bottom: solid 1px #d2d6dd;border-radius: 6px 6px 0px 0px;;}

.edittor_column_area textarea {  font-size: 12px; color: #a5adba; width:100%; font-weight:500;  line-height: 22px; min-height:110px; padding:14px 18px;}

.edittor_column_area textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #a5adba;}
.edittor_column_area textarea::-moz-placeholder { /* Firefox 19+ */color: #a5adba;}
.edittor_column_area textarea:-ms-input-placeholder { /* IE 10+ */ color: #a5adba;}
.edittor_column_area textarea:-moz-placeholder { /* Firefox 18- */color: #a5adba;}





.button_addCategory { width:100%;}

.button_addCategory button { width:100%; height:46px;  border-radius: 6px; border: solid 1px #d2d6dd;font-size: 10px;  font-weight: 700 ;  letter-spacing: 1px; color: #617283; cursor:pointer;
  background: -moz-linear-gradient(45deg, rgba(247,248,248,1) 0%, rgba(224,227,231,1) 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(247,248,248,1)), color-stop(100%, rgba(224,227,231,1))); /* safari4+,chrome */
  background: -webkit-linear-gradient(45deg, rgba(247,248,248,1) 0%, rgba(224,227,231,1) 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(45deg, rgba(247,248,248,1) 0%, rgba(224,227,231,1) 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(45deg, rgba(247,248,248,1) 0%, rgba(224,227,231,1) 100%); /* ie10+ */
  background: linear-gradient(45deg, rgba(247,248,248,1) 0%, rgba(224,227,231,1) 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e3e7', endColorstr='#f7f8f8',GradientType=1 ); /* ie6-9 */ }

.button_addCategory button img { width:24px; display:inline-block; vertical-align:middle; margin-right:22px;}




.backSave_buttons { width:100%; text-align:right; padding:30px 0px;}

.backSave_buttons ul{ margin:0px -5px;}

.backSave_buttons ul li { display:inline-block; margin:0px 5px; vertical-align:top; }

.backSave_buttons ul li a { border-radius: 4px; background-color: #d2d6dd; border: solid 1px #a5adba; line-height:40px; font-size:12px; letter-spacing:1px; color: #617283;  text-align:center; display:block;  width:175px; text-transform:uppercase;}

.backSave_buttons ul li a.selecBttn {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff;  }
.backSave_buttons ul li a:hover  {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff; transition:all 0.5s ease; }


.backSave_buttons ul li input { border-radius: 4px; background-color: #d2d6dd; border: solid 1px #a5adba; line-height:40px; font-size:12px; letter-spacing:1px; color: #617283;  text-align:center; cursor:pointer; display:block; width:175px;}

.backSave_buttons ul li input.selecBttn {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff;  }
.backSave_buttons ul li input:hover  {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff; transition:all 0.5s ease; }






.edit_category_section{ width:100%;}

.edit_category_leftBar{ width:15%; float:left;}

.edit_category_img { width:100%; padding-bottom:10px;}

.edit_category_img span { width:100%; display:block;}
.edit_category_img span img { width:100%; display:block;}


.left_navBar { width:100%; }

.left_navBar ul li { display:block;  border-bottom:1px solid #e4e7ec;}

.left_navBar ul li a {  display:block; font-size:12px; color:#617283; text-transform: uppercase; padding-left:36px;  padding:0px 10px 0px 36px; position:relative;}

.left_navBar ul li a small {font-size:12px; border-bottom:3px solid #fff;   padding:20px 20px 16px 0px; display:inline-block;transition:all 0.4s ease-in-out;}

.left_navBar ul li a:hover small { color:#0a62a3; border-bottom:3px solid #0a62a3;}

.left_navBar ul li.navActive a small { color:#0a62a3; border-bottom:3px solid #0a62a3;}


.info_link { background:url(../images/edit_grey@2x.png) 3px 20px no-repeat; background-size:18px;}
.subCategory_link { background:url(../images/sub_categoriesIcon@2x.png) 3px 19px no-repeat; background-size:16px;}
.delete_link { background:url(../images/delete_nav_icon@2x.png) 3px 16px no-repeat; background-size:15px;}

.pricingStock_link { background:url(../images/stocknav@2x.png) 4px 16px no-repeat; background-size:16px;}
.insightna_link { background:url(../images/insightnav@2x.png) 4px 18px no-repeat; background-size:17px;}
.ecommNav_link { background:url(../images/ecommNav@2x.png) 4px 18px no-repeat; background-size:18px;}
.modifiersNav_link { background:url(../images/modifiersNav@2x.png) 4px 19px no-repeat; background-size:18px;}


.loyality_link { background:url(../images/loyality_icon@2x.png) 4px 18px no-repeat; background-size:18px;}
.medical_link { background:url(../images/medical_icon@2x.png) 4px 17px no-repeat; background-size:18px;}




.dropDownShape { display:inline-block;background:url(../images/categoryShape@2x.png) no-repeat ;  background-size:10px ; width:10px; position:absolute; right:10px; top:24px;  }

.showInner_dropdown .dropDownShape{  transform: rotate(180deg) ;top:16px; }

.left_navBar ul li ul  { border-top:1px solid #e4e7ec; display:none; padding-top:8px;}

.left_navBar ul li ul li  { border:0px; padding-bottom:8px;}

.left_navBar ul li ul li a { padding:10px 14px 10px; width:100%; background:#eff1f4;transition:all 0.4s ease;}

.left_navBar ul li ul li a:hover {background-color: #0a62a3; color:#fff;}

.showInner_dropdown{ border-bottom:0px !important;}

.left_navBar ul li ul li:last-child { border-bottom:0px; padding-bottom:0px;}




.SectionRight { width:82%; float:right;}

.edit_category_section_right { width:100%; }

.edit_category_rightDetail{ width:100%;background-color: #ffffff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); padding:28px 30px 0px;}

.newVualt_heading h3 a { text-decoration:underline;color: #617283;}

.information_listing .customPlaceholder { background:#fff;}

.info_decription {border-radius: 6px; background-color: #fff; border: solid 1px #d2d6dd; min-height: 135px; width: 100%; padding: 22px 22px ;}

.info_decription p {font-size: 14px; line-height: 1.36; color: #617283;}


.information_tags{ width:100%; border-radius: 6px; background-color: #ffffff; border: solid 1px #d2d6dd; min-height: 135px;padding: 10px ;}

.information_tags span {border-radius: 4px; background-color: #ffffff; box-shadow: 0 0 7px 0 rgba(58, 64, 91, 0.15); padding:3px 8px 3px 10px; font-size: 13px;  letter-spacing: 1.1px;  color: #617283; margin-right:5px; margin-bottom:10px;display:inline-block; }

.information_tags span b { display:inline-block; vertical-align:top; margin-left:10px; cursor:pointer;}






.quickboard_items span { color:#a5adba;}

.quickboard_items span b { padding-left:8px; padding-right:0px;}

.quickDecriptionCell span {width:95%;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;  }

.cL_listing_table_cell.quickDecripCell_1{width:5%;}


.newVualt_heading_with_buttons{ width:100%; margin-bottom:16px;border-bottom: 1px solid #d2d6dd;}

.newVualt_heading_with_buttons .newVualt_heading {  width: 25%; padding-bottom: 0px; border:0px; float:left; padding-top:10px }

.newVualt_heading_with_buttons .newVualt_heading h3::after { width:100%;}

.newVualt_heading_with_buttons .backSave_buttons{ width:50%; float:right; padding:0px;}

.newVualt_heading_with_buttons .backSave_buttons ul li a { width:214px; background:none;}

.newVualt_heading_with_buttons .backSave_buttons ul li a.selecBttn {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff;  }
.newVualt_heading_with_buttons .backSave_buttons ul li a:hover  {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff; transition:all 0.5s ease; }



.onoffswitch {  position: relative; width: 55px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; height:24px; background: #0a62a3; border-radius: 100px; margin-top:1px; float:right;}

.onoffswitch-checkbox { display: none; }

.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border-radius: 4px; height:24px; }

.onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s;overflow:hidden; }

.onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 24px; padding: 0; line-height: 24px; font-size: 10px; color: #fff;   box-sizing: border-box;  font-weight:700;  letter-spacing: 1px; overflow:hidden;border-radius: 4px;}

.onoffswitch-inner:before { content: "ON";  padding-left: 9px;   }

.onoffswitch-inner:after { content: "OFF"; padding-right: 10px; line-height: 24px;  text-align: right;  background: #fff; border:1px solid #d2d6dd; color:#617283; border-radius:100px;  }

.onoffswitch-switch { display: block; width: 16px; margin:2px 4px 2px 4px; background: #fff; position: absolute; top:2px; bottom: 0; right: 31px;  border-radius: 50%; transition: all 0.3s ease-in 0s;  height:16px;  }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {  margin-left: 0; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px;  background:#fff;   }

.onoffswitch-checkbox + .onoffswitch-label .onoffswitch-switch{ background:#d2d6dd; }








.listing_floating_row  .yearsDropdown { float:left;height: 40px; background-color: #ffffff;  border: solid 1px #d2d6dd; width:30% ;}

.listing_floating_row .yearsDropdown .customDropDown_placeholder span {background-color: #ffffff;  line-height: 38px;}








.customDropDown_search_category{  height:44px; position:relative; display:block; line-height:38px; padding-right:20px; background:url(../images/all_select_down_arows.png) no-repeat 96% 16px #f7f8f8; font-size:14px; color:#fff;   padding:0px 20px;  cursor:pointer; border-radius:6px;  }

.select2-dropdown--below { padding:3px;}

.customDropDown_search_category .select2-container--default .select2-selection--single { background:none; border:0px !important;height: 34px !important; }

.customDropDown_search_category .select2-container--default .select2-selection--single .select2-selection__rendered { line-height:34px !important; font-size:12px !important;padding: 0px !important;color:#a5adba !important;}

.customDropDown_search_category .select2-container--default .select2-selection--single .select2-selection__arrow {  top: 4px !important; right: 0px !important; display:none; }


.select2-results__option {padding: 10px 20px !important;font-size: 13px !important;  color: #a5adba !important;}
.select2-results__option:hover { color: #a5adba !important;background-color: #0a62a3!important}
.select2-container--default .select2-results__option--highlighted[aria-selected] { color: #fff !important;background-color: #0a62a3!important}
.select2-container--default .select2-results__option[aria-selected="true"] { color: #fff !important;background-color: #0a62a3!important}
.select2-search--dropdown {  padding: 4px 0px !important; }



.addShaddowBox { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); }


.padding0px { padding:0px;}







































.portalNew_page ul li { width:100%; display:block;}

.portalNew_page .edittor_column_area textarea { min-height: 210px;}

.dragable_sections { width:100%;}

.dragable_sections_columns_outer {width:49%; float:left; position:relative;}

.dragable_sections_columns_outer p {font-size: 12px; color: #617283; padding-bottom:18px;}

.dragable_sections_columns { width:100%; border-radius: 6px; background-color: #f7f8f8; border: solid 1px #d2d6dd; padding:0px 10px 35px; }

.dragable_sections_columns ul { margin:0px;}

.dragable_sections_columns ul li { border-bottom:1px dashed #e4e7ec; padding:0px; min-height:47px;}

.dragable_sections_columns ul li a {font-size: 14px; color: #617283; display:block; padding:14px 18px;}

.frDrag_column { float:right; }

.frDrag_column .dragable_sections_columns { background:#fff;}

.dragBttn {  width: 42px; height: 42px ; border: solid 1px #d2d6dd; border-radius:50%; display:block; background:url(../images/group_indicator@2x.png) center center no-repeat #ffffff; background-size:18px; position:absolute; right:-29px; top:50%; margin-top:-21px; z-index:2;}

.dragable_sections_columns_outer h4 { padding-bottom:6px;}



.categoryTags { padding-bottom:0px;}

.categoryTags .customPlaceholder_outer { padding-bottom:25px;}

.backSave_buttons ul li a.newsBtttns { background:#d2d6dd; border:1px solid #d2d6dd;}

.newFloatingRow.listing_floating_row .yearsDropdown {  width: 20%; margin-right:10px; }

.news_col_setting .profile_img { width:60px; margin:0px;}

.imgCol { width:6% !important;}

.news_col_setting small{ border-radius: 4px;  background-color: #617283; box-shadow: 0 0 7px 0 rgba(58, 64, 91, 0.15); display:inline-block;font-size: 10px;  color: #ffffff; padding:3px 10px; text-transform:uppercase; margin-top:15px;}

.globalPermision_head{background-image: linear-gradient(to bottom, #f7f8f8, #e0e3e7); border-bottom: solid 1px #d2d6dd; padding:21px 20px 21px 62px;}

.globalPermision_head h3 {font-size: 12px; font-weight: 700;  letter-spacing: 1.2px;  color: #617283; text-transform:uppercase;}

.listColor_change li{ background:#fff !important;}

.newFloatingRow .customDropDown_placeholder span { color:#617283;}

.permissionListing{ width:100%;border-bottom:12px solid #f7f8f8;}

.permissionListing ul li {border-bottom:1px solid #f5f5f5}

.permissionListing_detail { width:100%; padding:23px 20px 23px 62px;}

.permissionListing_detail strong {font-size: 14px; font-weight: 500; color: #617283; display:inline-block; vertical-align:middle;}

.permissionListing_detail .onoffswitch{ float:none; margin:0px 20px 0px 30px;display:inline-block; vertical-align:middle;}
.largePopup{
  width: 1280px !important;
  margin-left: -640px !important;
}


.changeDropdon_color { background:#f7f8f8 !important;}
.customDropDown_placeholder{  height:46px; position:relative; width:100%;  }

.customDropDown_placeholder span{ display:block; line-height:42px; padding-right:20px; background:url(../images/all_select_down_arows.png) no-repeat 95% 16px; font-size:12px; color:#a5adba; background-size:24px ; padding:0px 20px;  cursor:pointer;}

.customDropDown_placeholder select{ width:100%; height:100%; position:absolute; left:0px; top:0px; opacity:0; cursor:pointer; }
.customDropDwn_outer  { border-radius: 6px; background-color: #fff; border: solid 1px #d2d6dd; height:46px; width:100%   }

.customDropDwn_outer .customDropDown_placeholder span { background-position:97% 16px}





.column_dboard_widget:hover .activeCompaign_icon a.total_unsubcribe { background:url(../images/totalUnsbcribe_hover@2x.png) center center no-repeat; background-size:23px 22px;  }
.column_dboard_widget:hover .activeCompaign_icon a.sms_unsubcribe {  background:url(../images/smsUnsbcribe_hover@2x.png) center center no-repeat; background-size:23px 23px; }
.column_dboard_widget:hover .activeCompaign_icon a.email_unsubcribe {  background:url(../images/emailUnsbcribe_hover@2x.png) center center no-repeat; background-size:22px 20px; }


.column_dboard_widget.selectWidget .activeCompaign_icon a.total_unsubcribe { background:url(../images/totalUnsbcribe_hover@2x.png) center center no-repeat; background-size:23px 22px;  }
.column_dboard_widget.selectWidget .activeCompaign_icon a.sms_unsubcribe {  background:url(../images/smsUnsbcribe_hover@2x.png) center center no-repeat; background-size:23px 23px; }
.column_dboard_widget.selectWidget .activeCompaign_icon a.email_unsubcribe {  background:url(../images/emailUnsbcribe_hover@2x.png) center center no-repeat; background-size:22px 20px; }

.news_owner {
  background: #7d888a none repeat scroll 0 0;
  border-radius: 3px;
  display: inline-block;
  margin-left: 8px;
  padding: 3px;
  margin-top: 3px;
  color: #fff;
}

.level1 {
  font-weight: bold !important;
  padding-left: 25px !important;
}
.level2 {
  font-weight: bold !important;
  padding-left: 33px !important;
}
.level3 {
  padding-left: 45px !important;
  color: #7b7b7b !important;
  font-weight: 600;
}

.level4 {
  padding-left: 65px !important;
}

radio_button{ width: 100%; position:relative; }

.radio_button [type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: 4px; opacity: 0; z-index: 2;margin-top: 5px; }

.radio_button [type="radio"]:checked + label, [type="radio"]:not(:checked) + label { position: relative; padding-left: 38px; cursor: pointer;  display: inline-block;  font-size: 12px;   color: #617283; line-height:20px; }

.radio_button [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { content: '';  position: absolute; left: 0; top: 0px;  width: 20px;  height: 20px; border: 1px solid #a5adba;  border-radius: 100%;  background: #fff;  }

.radio_button [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after { content: ''; width: 12px; height: 12px; background: #0a62a3; position: absolute; top: 5px; left: 5px; border-radius: 100%;  -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.radio_button [type="radio"]:not(:checked) + label:after {  opacity: 0;  -webkit-transform: scale(0); transform: scale(0); }

.radio_button [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.radio_button [type="radio"]:checked + label:before {border: 1px solid #0a62a3;}
.cL_rowList_number input[type="checkbox"]{
  -webkit-appearance:checkbox !important;
}
.gammingDollar_outer small { width:3%; float:left; font-weight: 300;  color: #0a62a3; font-size:30px;  height:46px;line-height: 46px }

.super-treeview-node-content  input[type="checkbox"]{
  -webkit-appearance:checkbox !important;
}

.dropSelectBox{
  width: 100%; padding-bottom:16px;padding-left: 20px;
}

.dropSelectBox_inner { width: 100%; }


.customDropDown_search{  height:40px; position:relative; display:block; line-height:38px; padding-right:20px; background:url(../images/all_select_down_arows@2x.png) no-repeat 96% 16px #065287; font-size:14px; color:#fff; background-size:12px 7px ; padding:0px 20px;  cursor:pointer;     width: 80%;
  margin-top: 10px;
  margin-left: 20px;     margin-bottom: 10px;}

.select2-dropdown--below { padding:3px;}

.customDropDown_search .select2-container--default .select2-selection--single { background:none; border:0px !important;height: 34px !important; }

.customDropDown_search .select2-container--default .select2-selection--single .select2-selection__rendered { line-height:34px !important; font-size:12px !important;padding: 0px !important;color:#fff !important;}

.customDropDown_search .select2-container--default .select2-selection--single .select2-selection__arrow {  top: 4px !important; right: 0px !important; display:none; }


.select2-results__option {padding: 10px 20px !important;font-size: 13px !important;  color: #a5adba !important;}
.select2-results__option:hover { color: #fff !important;background-color: #0a62a3!important}
.select2-container--default .select2-results__option--highlighted[aria-selected] { color: #fff !important;background-color: #0a62a3!important}
.select2-container--default .select2-results__option[aria-selected="true"] { color: #fff !important;background-color: #0a62a3!important}
.select2-search--dropdown {  padding: 4px 0px !important; }
.delete_button{ background:url(../images/faq_delete.png) no-repeat; width:16px; height:19px; cursor:pointer; border:0px; background-size:100%; position:absolute; right:35px; top:19px; display:block;transition:all 0.3s ease;}


.cL_listing_mainOuter{ width: 100%; }

.cL_listing_auto{ max-width: 1160px; margin: auto; }

.cL_listing_tableInn ul li.active_editMod.cl_rowEdit_popOut4 .cL_listing_table_row{ margin-left: -50%; }
.cl_rowEdit_popOut4 .cl_rowEdit_popOut{ width:50%; right: -50%; }

.bulk_delete {
  background: red;
  /* border: 3px solid red; */
  color: white;
  padding: 10px 15px;
  font-weight: bold;
  float: right;
  border-radius: 3px;
}

.memberTable_cells_setting .cL_listing_table_cell.cell0 {
  width: 5% !important;
}
.memberTable_cells_setting .cL_listing_table_cell.cell1{
  width: 10% !important;
}
.disable_menues{
  pointer-events: none;
  cursor: default;
  color: #676a6c;
}
.disable_menues b {
  pointer-events: none;
  cursor: default;
  color: #aba9a9 !important;
}
.produt_avail ul{
  font-size: 0px;
  width: 100%;
  text-align: center;
}
.produt_avail ul li{
  width: auto !important;
  display: inline-block;
  vertical-align: middle;
}





.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

.compaignstabsBttns_cms { width:100%; text-align:center; }
.compaignstabsBttns_cms a {margin:0px 1px; padding:0px 20px;  color:#fff; line-height:30px; text-align:center; display:inline-block; background:#003a5d; text-transform:uppercase;/*box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11);-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11);-ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11);-o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11);-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11); */border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;-ms-border-radius:6px 6px 0px 0px;-o-border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px; min-width:140px; font-size:12px;}
.compaignstabsBttns_cms a.compaignsActive  {background:#fff;color:#18465c; box-shadow:none;}
.compaignstabsBttns_cms a:hover  {background:#fff;color:#18465c; box-shadow:none;transition:all 0.5s ease;}

.edit_drag_drop_btn {
  border-radius: 4px;
  background-color: #003a5d;
  border: 0px;
  line-height: 32px;
  font-size: 12px;
  letter-spacing: 1px;
  color: #fff;
  display: inline-block;
  min-width: 18%;
  text-align: center;
  vertical-align: middle;
  margin-left: 8px;
}
.badge_left_portion {
  width: 16%;
  position: relative;
  float: left;
}

.badge_left_portion div {
  width: 100%;
}
.page_type_list {
  opacity: 1 !important;
}
.thumb_preview {
  max-width: 40%;
  position: relative;
  margin: 15px auto;
}
.thumb_preview img {
  margin: auto;
  width: 100%;
}
.thumb_preview span {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  cursor: pointer;
  font-size: 16px;
  background: rgba(255,255,255,0.6);
}
/*
.add_badge_portion {
  width: 50% !important;
  float: left !important;
}
.left_input_state {
  width: 31% !important;
  float: left;
  margin-left: 6px;
}
.del_icon {
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  left: 11px;
  top: 1px;
  display: block;
  z-index: 1;
  padding: 2px 5px;
  border-radius: 3px;
  background: rgb(255, 255, 255);
}
.image_divs {
  display: inline-block;
  float: right;
  width: 42%;
}*/



/****************************start badge list style by jam*****************************/

.eg_badgeList_filtersTop .quantity{ border-radius: 0px; }
.eg_badgeList_filtersTop .campaign_select{ border:1px solid #d2d6dd; height:40px; }
.eg_badgeList_filtersTop .campaign_select span{ line-height:38px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background-position:right 14px !important;  }

.egBadgeList_badgeImg{ width:64px; height:64px; border:1px solid #dadde3; padding:2px 4px;   border-radius:6px; }
.egBadgeList_badgeImg img{ display:block; margin:auto; max-width:48px; max-height:54px;  }
.egBadgeList_badgeImg_tableWrap{ width:100%; height:100%; display:table; table-layout:fixed; }
.egBadgeList_badgeImg_cellWrap{ width:100%; height:100%; display:table-cell; vertical-align:middle; }

.cL_listing_table_cell.eg_listCell_1{ width:14%; }
.cL_listing_table_cell.eg_listCell_2{ width:30%; }
.cL_listing_table_cell.eg_listCell_3{ width:41%; }
.cL_listing_table_cell.eg_listCell_4{ width:80px;   }
.eg_listCell_8{ width:30px; }

.newVualt_detail_outer.eg_badgeList_content_new{ background:none; box-shadow:0px 0px 0px transparent; }
.eg_badgeList_content_inner{ width:100%; background:#fff;  padding:20px; margin-bottom:20px; }
.eg_badgeList_content_inner .cL_listing_tableInn, .eg_badgeList_content_inner .category_list_outer{ box-shadow:0px 0px 0px transparent; margin:0px; }

.eg_badgeGridView_listing_head{ width:100%; position:relative; border-bottom: solid 1px #d2d6dd; padding: 12px 36px 12px 10px;}

.eg_badgeGridView_listing_headInner{ width:100%; display:table; table-layout:fixed; }

.eg_badgeGridView_head_left{ width:auto; display:table-cell; vertical-align:top; font-size:14px; padding-right:15px;  }
.eg_badgeGrid_head_right{ width:80px; display:table-cell; vertical-align:top; text-align:right; font-size:14px; }
.eg_badgeGridView_head_left label{ display: block; font-size: 14px; font-weight: 700; color: #617283; padding-bottom: 3px; text-transform: uppercase; }

.eg_badgeGrid_head_right strong{ display:block; font-size:20px; line-height:20px;  color: #617283; padding-bottom: 3px; font-weight:700; }
.eg_badgeGrid_head_right span{ display:block; font-size:13px; line-height:16px; font-weight:400; color: #a5adba; }



.eg_badgeGrid_img { width:100%; padding:10px 12px;border-bottom: solid 1px #d2d6dd; height:160px;}

.eg_badgeGrid_img_inner{ background:#f7f8f8; width:100%; height:100%; display:table; table-layout:fixed; padding:10px; }

.eg_badgeGrid_img span  { display:table-cell; vertical-align:middle; height:100%; width:100%;}

.eg_badgeGrid_img span img  { display:block; width:auto; max-width:108px; max-height:122px; margin:auto; }


.eg_tableRow_editDotes{ width:20px; height:30px; display:block; border-radius:6px; padding:5px; transition:all 0.4s ease; position:absolute; right:5px; top:50%; margin-top:-15px;  }

.eg_tableRow_editDotes i{ width:4px; height:4px; background:#777777; position:relative; border-radius:50%; display:block; margin:auto; }

.eg_tableRow_editDotes i:after, .eg_tableRow_editDotes i:before{ content:"";  width:4px; height:4px; background:#777777; position:absolute; border-radius:50%; display:block; left:0px; top:8px;  }

.eg_tableRow_editDotes i:after{ top:16px;  }

.eg_tableRow_editDotes:hover{  background: rgba(44, 56, 69, 0.1) none repeat scroll 0 0; }

.eg_badgeGridView_listing .grid_addCategory_info{ position:relative; overflow:hidden; }

.eg_badgeGridView_listing .grid_addCategory_info .cl_rowEdit_popOut{ left:inherit !important; width: 240px !important; right:-240px; height:64px; top:100%; }

.eg_badgeGridView_listing ul li.active .eg_badgeGridView_dotedDropdown{ right:0px !important; }

.eg_badgeGridView_dotedDropdown .cl_rowEdit_popOut_tableRow_cell{ display:table-cell !important; }



.eg_badgeAdd_formMain .image_notify_upload_area{ height:auto !important; }
.eg_badgeAdd_formMain .uploadPlaceholder_text p{ min-height:0px; }

.eg_badgeAdd_nameDesc_main{ border-bottom:1px solid #d2d6dd; margin-bottom:20px; }
.eg_badgeAdd_nameDesc_main ul li{ padding-bottom:20px; }





.eg_badgePluss_tablMain{ width:100%; overflow:auto-x; overflow-y:hidden;  -webkit-overflow-scrolling: touch;  }


.eg_badgePluss_appended_row{ position:relative; border-bottom: solid 1px #e4e7ec; }
.eg_badgePluss_appended_row:last-child{ border-bottom:0px none; }

.eg_badgePluss_expand_row { width:100%;padding:10px 0px;display:table; table-layout:fixed; position:relative; padding-right: 70px; }

.eg_badgePluss_rowCell{ display:table-cell; vertical-align:top; padding:0px 10px;  word-wrap:break-word; }

.eg_badgePluss_tablMain .customDropDown_placeholder{ border-radius: 6px;
  background-color: #f7f8f8;
  border: solid 1px #d2d6dd;}

.eg_addBadgeField{ border-radius: 6px;
  background-color: #f7f8f8; color:#3e4b57;
  border: solid 1px #d2d6dd; line-height:22px; padding:12px 15px; height:46px; width:100%;  }
.eg_badgePluss_expand_row h4 {
  font-size: 13px;
  font-weight: 500;
  color: #a5adba;
}

.eg_badgePluss_tablMain .customDropDown_placeholder span{  color:#3e4b57; }

.minusCircel{ background:url(../images/minus_circle@2x.png) no-repeat; width:24px ; height:24px; background-size:24px; position:absolute; right:10px; top:33px; display:block; cursor:pointer;}

.plusCircel{ background:url(../images/plus_circle2_dark@2x.png) no-repeat; width:24px ; height:24px; background-size:24px; position:absolute; right:10px; top:33px; display:block; cursor:pointer;}

.spe_groupRule_deleteBtn { display:block !important; opacity:0.6;  }
.spe_groupRule_addBtn{ display:none !important; }
.eg_badgePluss_data li:last-child .spe_groupRule_deleteBtn { display: none !important; }
.eg_badgePluss_data li:last-child .spe_groupRule_addBtn{ display: block !important; }



.eg_cell1{ width:14%; }
.eg_cell2{ width:14%; }
.eg_cell3{ width:26%; }
.eg_cell4{ width:22%; }

.eg_uploadSmall{ width:100%; font-size:0px; text-align:center; padding-top:11px; }
.eg_uploadSmall small { display:inline-block; padding-left:30px; line-height:22px; background:url(../images/eg_uploadIcon.png) no-repeat left center; background-size:16px auto;
  font-size: 13px;
  font-weight: 400;
  color: #3e4b57;
}

.eg_uploadSmall input{ width:100%; height:100%; position:absolute; left:0px; top:0px; opacity:0; cursor:pointer; }
.eg_badgePluss_data{ padding-bottom:15px;}
.eg_badgePluss_tittle, .eg_badgePluss_data{ min-width:700px; }






/****************************end badge list style by jam*****************************/

.image-upload {
  display: inline-block;
  float: left;
  cursor: pointer;
  position: relative;
}
.image-upload > input
{
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-size: 0px;
}

.image-upload label {
  display: block;
}
.image-upload img
{

  cursor: pointer;
  max-width: 40px;
  width: 100%;
  cursor: pointer;
  display: block;
  object-fit: cover;
}

.check_button {
  -webkit-appearance: checkbox;
}
.input_alignment {
  padding: 0px 0px 0px 5px;
  display: inline-block;
  vertical-align: middle;
}
.multi-select {
  vertical-align: middle !important;
  width: 90% !important;
}


.add_heading {
  width: 100%;
  padding: 6px 10px 0 10px;
}
.remove_heading a{
  border-radius: 4px;
  background-color: #d2d6dd;
  border: solid 1px #a5adba;
  line-height: 40px;
  font-size: 12px;
  letter-spacing: 1px;
  color: #617283;
  display: inline-block;
  min-width: 88px;
  text-align: center;
  margin: 15px 0px 0px 0px;
}
.remove_heading a:hover {
  background-image: linear-gradient(to left,#003a5d,#0a62a3 50%,#00c1de);
  color: #fff;
  transition: all .5s ease;
}

.customCOntrol { cursor: pointer; display: block; font-size: 13px; line-height:22px; padding-left: 35px; position: relative; color:#9b9b9b; }
.customCOntrol input {  opacity: 0; position: absolute;  z-index: -1; }
.customCOntrol__indicator {background: #e6e6e6 none repeat scroll 0 0;height: 20px;left: 0;position: absolute;top: 2px;width: 20px; border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;}

.customCOntrol input:checked ~ .customCOntrol__indicator {background: #0a62a3 none repeat scroll 0 0;}
.customCOntrol:hover input:checked:not([disabled]) ~ .customCOntrol__indicator, .customCOntrol input:checked:focus ~ .customCOntrol__indicator {background: #0a62a3 none repeat scroll 0 0;}

.customCOntrol input:disabled ~ .customCOntrol__indicator {background: #e6e6e6 none repeat scroll 0 0;opacity: 0.6;pointer-events: none;}
.customCOntrol__indicator::after {content: "";display: none;position: absolute;}

.customCOntrol input:checked ~ .customCOntrol__indicator::after {display: block;}
.customCOntrol--checkbox .customCOntrol__indicator::after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #fff;border-image: none;border-style: solid; border-width: 0 2px 2px 0;height: 8px;left: 8px;top: 4px;transform: rotate(45deg);width: 3px;}


.custom_input_text {
  opacity: 1 !important;
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  border: 1px solid #ccc !important;
  padding: 5px !important;
  margin-bottom: 5px !important;

}
.custom_input_button {
  opacity: 1 !important;
  position: relative !important;
  z-index: 1 !important;
  padding: 5px 10px !important;
  border-radius: 4px !important;
  background-color: #003a5d !important;
  border: solid 1px #003a5d !important;
  line-height: 15px !important;
  font-size: 10px !important;
  letter-spacing: 1px !important;
  color: #fff!important;
  text-align: center !important;
  display: inline-block !important;
  cursor: pointer !important;
}

.dropSegmentation_section_custom { width:95%;border-radius: 6px; background-color: #ffffff;  border: solid 1px #d2d6dd; margin-bottom:10px;}
.blockbuilder-branding {
  display: none !important;
}


/*****************start wuhu report style by jd*****************/

.swr_container_main{ width:100%; }

.swr_container_main .data_notFound_data{ padding:50px 0px; }

.swr_wuhuReport_main{ width:100%; }

.swr_filter_li{ width:270px; padding-right: 15px; }

.grid_searching ul li a.swr_print_btn{ background:url(../images/thin_printer@2x.png) no-repeat center center; background-size:20px auto; }


.swr_floating_date_main{ width: 22%; float: left; padding: 5px 10px 0px 0px; }
.custom_pull_right{width: 30% !important;}

.swr_floating_date{ width: 100%; }

.swr_floating_date span{ font-size: 16px; line-height: 1.88em; font-weight: 300; letter-spacing: 0.43px; color: #003a5d;
  padding-left: 30px; background:url(../images/dashboard_calenderIcon.png) no-repeat left center; background-size: 20px auto;
}

.swr_floating_date span{  font-weight: 700; letter-spacing: 0.49px; }




.swr_date_select{ width: 270px; float: left; }



.swr_yearsDropdown{ width:270px; float:left; padding-right:15px; }


.swr_container_main .grid_searching{ width: auto; }

.swr_yearsDropdown .searching{ width:100%; background:#fff; position:relative; height: 40px; }

.swr_bg_arow:before{ content: ""; width: 44px; height: 100%; background: url(../images/chevron_icon@2x.png) no-repeat center center;background-size: 15px;
  position: absolute; right: 0px; top: 0px;background-color: #617283; z-index: 0; }

.swr_yearsDropdown .searchInput { width:100%; display:block; padding: 0px 40px 0px 15px; font-size: 13px; line-height: 38px; color: #617283; height: 40px;
  background:url(../images/chevron_down.png) no-repeat 95% 8px; background-size:24px; cursor: pointer; z-index: 1; position: relative; }

.swr_bg_arow .searchInput{ background: none; }

.swr_yearsDropdown .date_dropdown{ border-radius: 0px; background: none; box-shadow: none; padding: 0px; }

.swr_yearsDropdown .date_dropdownInner{ width:100%; position:relative; z-index:3; margin-bottom:10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11); padding:10px 10px 10px; background-color: #ffffff; position: relative; z-index: 12; }

.date_dropdownInner ul{ float:none !important; }

.date_dropdownInner ul li { padding:0px; margin-bottom:8px; float:none; width:100%; }

.date_dropdownInner ul li a { width:auto; height:auto; display:block; line-height:34px; padding:0px 12px;font-size: 13px; color: #617283; background: #e4e7ec; border:0px none; transition:all 0.3s ease-in-out; }

.date_dropdownInner ul li a:hover, .date_dropdownInner ul li a.active{ background: #0a62a3; color:#fff;}


.date_dropdown:after{ content:"";  width: 40px; height: 15px; position: absolute; right: 5px; top: 0px; background:#fff; }



.swr_container_main .show_picker{ display:none; padding: 0px; }

.customDate_show{ width:100%; padding:15px 10px; background:#fff; box-shadow: 0 0px 7px 0 rgba(0, 0, 0, 0.11); position:relative; }

.customDate_show:before{ content:"";  width: 50px; height: 10px; position: absolute; left: 50%; margin-left:-25px; top: -10px; background:#fff; z-index:30; border-radius:5px; }

.show_picker_inner{ width:100%; }


.swr_container_main .custom_datePickerOuter{ padding: 0px; }

.custom_datePicker{ width:50%; float:left; padding:0px 5px; }

.custom_datePicker input { width:100%; font-size: 13px; line-height:30px; color: #0a62a3; padding:0px 5px 0px 25px; background:url(../images/calendarIcon@2x.png) no-repeat left center; background-size:18px; }

.b_datecalender{ width:100%; }
.b_datecalender img{ width: 100%; display: block; }


.pull_left{ float: left !important; }
.pull_right{ float: right !important; width: 50% }


.swr_content_main{ width: 100%; padding: 30px 0px 0px; }


.swr_content_main .columnHeading{ padding: 20px; }



.swr_coreBox_main{ width: 100%; padding: 20px; }

.swr_coreBox_row{ width: 100%; display: table; padding-bottom: 30px; }

.swr_coreBox_small{ width: 290px; display: table-cell; vertical-align: top; }

.swr_coreBox_dig{ width: auto; display: table-cell; vertical-align: top; }

.swr_coreBox{ width: 100%; padding: 20px 0px; }

.swr_coreBox_blue{ background-image: linear-gradient(50deg, #003a5d -7%, #0a62a3 47%, #00c1de); }

.swr_coreBox ul{ width: 100%; display: table; table-layout: fixed; margin: 0px; }

.swr_coreBox ul li{ border-left: 1px solid #d2d6dd; padding: 0px 20px; display: table-cell; vertical-align: middle; }
.swr_coreBox ul li:first-child{ border-left:0px none; }

.swr_coreBox_inner{ width: 100%; }

.swr_coreBox_img{ width: 100%; padding-bottom: 20px; }

.swr_coreBox_img figure{ display: block; }

.swr_coreBox_img figure img{ max-width: 64px; margin: auto; display: block; }

.swr_coreBox_text{ width: 100%; text-align: center; }

.swr_coreBox_text h2{ font-size: 52px; font-weight: 500; line-height: 1em; color: #fafafa; padding-bottom: 10px; }

.swr_coreBox_text small{ font-size: 12px; line-height: 1.5em; color: #d2d6dd; letter-spacing: 1.7px; text-transform: uppercase;
  font-weight: 700; display: block; }

.pr_20{ padding-right: 20px !important; }


.swr_coreBox_text strong{ font-size: 24px; line-height: 1.5em; font-weight: 500; color: #003a5d; display: block; }

.swr_circle_per{  background: url(../images/triangleHigh@2x.png) no-repeat left center;background-size: 15px auto;
  font-size: 14px; line-height: 1.5em; color: #80c342; padding-left: 20px; margin-left: 10px; display: inline-block;
  vertical-align: middle; }


.swr_coreBox_chart{ max-width: 100px; margin: auto; padding-bottom: 10px; }

.swr_coreBox_text h3{ font-size: 38px; line-height: 1em; font-weight: 500; color: #003a5d; padding-bottom: 10px; }

.swr_coreBox_gray .swr_coreBox{ background-color: #f7f8f8; }

.swr_coreBox_gray .swr_coreBox_inner{ display: table; }
.swr_coreBox_gray .swr_coreBox_img{ width: 64px; display: table-cell; vertical-align: middle; padding-bottom: 0px; }
.swr_coreBox_gray .swr_coreBox_text{ display: table-cell; vertical-align: middle; padding-left: 20px; text-align: left; }

.text_center{ text-align: center !important; }



.swr_coreMembers_main{ width: 100%; }

.swr_coreMembers_main ul{ font-size: 0px; column-count: 2; }
.swr_coreMembers_main ul li{ border-bottom: 1px solid #d2d6dd; font-size: 14px; }


.swr_coreMembers_row{ width: 100%; display: table; }

.swr_coreMembers_cell{ display: table-cell; vertical-align: middle; border-left: 1px solid #d2d6dd; padding:10px; }
.swr_coreMembers_cell.swr_cell_1{ width: 60px; border-left: 0px; }
.swr_coreMembers_cell.swr_cell_2{ width: 55%; }


.swr_coreMembers_info{ width:100%; position:relative; }

.swr_coreMembers_info a { display:inline-block; }

.swr_coreMembers_info a span { font-size:13px; display:inline-block; color:#617283; vertical-align:middle; margin-left:10px; margin-right:15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.swr_coreMembers_info a img { display:inline-block; height: 40px; width: 40px; vertical-align:middle; overflow:hidden; border-radius:50%;}

.swr_coreMembers_text{ width: 100%; }

.swr_coreMembers_text span{ font-size:13px; line-height: 1.5em; display:block; color:#617283; text-align: center; }
.swr_coreMembers_text strong{ font-size:18px; line-height: 1.5em; display:block; color:#617283; font-weight: 500; }

.gray{ background: #f7f8f8 !important; }



.allinfo_bttn { width:100%; padding-bottom:15px;}

.allinfo_bttn ul { margin:0px -4px;}

.allinfo_bttn ul li { padding:0px 4px; width:170px; display:inline-block; vertical-align:top;}

.all_buttons { cursor: pointer;  display: block;  font-size: 12px; font-weight: 500; letter-spacing: 1px; text-align: center; color: #617283; border: solid 1px #d2d6dd; background-color: #f7f8f8;padding:12px 15px; overflow:hidden; width:100%;}

.all_buttons:hover {  box-shadow: 0px 0px 4px 0px rgba(145, 145, 145, 0.3);background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de); color: #fff; border:0px ;padding:13px 15px; }

.allinfo_bttn ul li a i{ display:block; font-style:normal; padding-left:22px; line-height:1.3em; }

.allinfo_bttn ul li a.wb_download_btn i{ background:url(../images/download_icon.png) no-repeat left 10px center; background-size:16px auto; }
.allinfo_bttn ul li a.wb_download_btn:hover i{ background:url(../images/download_icon_white.png) no-repeat left 10px center; background-size:17px auto; }

.allinfo_bttn ul li a.send_mail_btn i{ background:url(../images/send_mail_icon.png) no-repeat left 10px center; background-size:16px auto; }
.allinfo_bttn ul li a.send_mail_btn:hover i{ background:url(../images/send_mail_icon_white.png) no-repeat left 10px center; background-size:17px auto; }

.allinfo_bttn ul li a.wb_export_btn i{ background:url(../images/export_icon.png) no-repeat left 10px center; background-size:16px auto; }
.allinfo_bttn ul li a.wb_export_btn:hover i{ background:url(../images/export_icon_white.png) no-repeat left 10px center; background-size:17px auto; }



.unknownGender span { background: url(../images/swr_unknown_person.png) top center no-repeat; background-size: 41px 100px; height: 100px; }

.unknownGender span b { background: url(../images/swr_unknown_person.png) bottom center no-repeat; background-size: 41px 100px;
  height: 0%; width: 72px; }

.gender_lits_info:before{ top: 88px !important; bottom: inherit !important; }

.gender_lits_info span:before{ display: none !important; }


.unknownGender_icon{ width: 40px; height: 40px; background: url(../images/swr_coreBox_register_icon.png) center center no-repeat;
  background-size: 100% auto; position: absolute; left: 0px; top: 30px; z-index: 12; }


.swr_geolocation_main{ width: 100%; }

.swr_geolocation_inner{ width: 100%; padding: 20px 50px 40px; }

.swr_geolocation_left{ width: 25%; float: left; }

.swr_geolocation_box{ width: 100%; border-radius: 6px; border: solid 1px #e4e7ec; }

.swr_geolocation_right{ width: 70%; float: right; }

.swr_geolocation_chart{ width: 100%; }

.swr_geolocation_box .swr_coreBox_inner{ background-color: #f7f8f8; padding: 15px; }

.swr_geolocation_box_title{ font-size: 26px; line-height: 1.3em; font-weight: 500; color: #0a62a3; display: block;
  padding-bottom: 15px; }

.swr_geolocation_box_inner{ width: 100%; padding: 15px; }

.swr_geolocation_box_inner ul li{ border-bottom: solid 1px #e4e7ec; padding: 15px 0px; }

.swr_geolocation_box_inner ul li:last-child{ border:0px none; }

.swr_geolocation_box_text{ width: 100%; font-size: 0px; }

.swr_geolocation_box_text strong, .swr_geolocation_box_text span, .swr_geolocation_box_text em{ width: 40%; font-size: 12px; line-height: 1.5em; color: #617283; letter-spacing: 1.7px;
  display: inline-block; vertical-align: middle; font-weight: 700; }

.swr_geolocation_box_text span{ width: 30%; color: #00c1de; font-weight: 500; }

.swr_geolocation_box_text em{ width: 30%; text-align: right; color: #a5adba; font-style: normal; }

.mb_30{ margin-bottom: 30px; }

.swr_content_main .columnHeading label{ text-transform: uppercase; display: inline-block; }

.totalPoints_detail_text strong{ font-size: 48px; font-weight: 500; }


.swr_slipSub_main{ width: 100%; padding: 40px 30px; }

.swr_slipSub_chart{ width: 100%; }

.swr_slipSub_title{ width: 100%; }

.swr_slipSub_title ul{ font-size: 0px; text-align: right; }

.swr_slipSub_title ul li{ display: inline-block; vertical-align: middle; padding: 0px 0px 0px 30px; }

.swr_slipSub_title ul li span{ font-size: 12px; line-height: 1.5em; color: #617283; letter-spacing: 1.7px;
  text-transform: uppercase; font-weight: 700; padding-left: 50px; position: relative; }

.swr_slipSub_title ul li span:before{ content: ""; width: 37px; height: 3px; border-radius: 2.5px;
  background-color: #0a62a3; position: absolute; left: 0px; top: 8px; }

.swr_slipSub_title ul li:last-child span:before{ background-color: #fd3d50; }



.swr_member_main{ width: 100%; padding-bottom: 30px; }

.swr_member_inner{ width: 100%; padding: 20px 15px; }

.swr_member_main .category_list_outer, .swr_member_main .cL_listing_tableInn{ box-shadow: none; }
.swr_member_main .listing_floating_row{ border-color: #e4e7ec; background-color: #e4e7ec; box-shadow: none; }


.cL_rowList_number{ font-family: Roboto, sans-serif !important; }
.clEditDotes_cell{ display: table-cell !important; vertical-align: middle !important; }

.swr_member_main .profile_img{ border-radius: 50%; }

.swr_member_badgeCell{ width: 3% !important; }

.swr_member_badge{ width: 100%; }

.swr_member_badge img{ max-width: 20px; display: block; }

.swr_member_main .cmListing_setting ul li .cL_listing_table_row{ padding-left: 45px; }
.swr_member_main .cL_listing_tableInn ul li:nth-of-type(2n) .swr_member_badge{ display: none; }

.swr_geolocation_detail{ width: 100%; }

.swr_geolocation_table{ width: 100%; border-top: 1px solid #f5f5f5; }

.swr_geolocation_main .cL_listing_tableInn{ box-shadow: none; }
.swr_geolocation_main .cL_listing_table_cell{ padding: 10px 5px !important; }
.swr_geolocation_main .cL_listing_table_row{ padding: 0px !important; }


.width_25 { width: 25% !important; }

.swr_rewardCat_img{ width: 100%; padding: 20px; border-bottom: solid 1px #e4e7ec; background-color: #f7f8f8; }

.swr_rewardCat_img figure{ display: block; height: 100px; display: flex; align-items: center; }

.swr_rewardCat_img figure img{ max-width: 92px; max-height: 82px; margin: auto; display: block; }

.swr_reward_main .swr_coreBox_text h3{ font-size: 20px; line-height: 1.5em; padding-bottom: 0px; }
.swr_reward_main .swr_coreBox_text small{ font-weight: 400; text-transform: capitalize;color: #617283;letter-spacing: 0px; }
.swr_coreBox_text h4{ font-size: 20px; line-height: 1.5em; font-weight: 500; color: #617283; }

.swr_voucherReport_main .averageSale_amountinfo_head{ background:#fff; border:0px; }


.swr_voucherReport{ width: 100%; }

.swr_voucherReport_inner{ width: 100%; display: flex; border-bottom: 1px solid #f5f5f5; }

.swr_voucherReport_left{ width: 230px; background-color: #fafafa; border-right: 1px solid #f5f5f5; }

.swr_voucherReport_right{ width: 83%; }

.swr_voucherReport_heading{ width: 100%; padding: 15px 20px; min-height: 52px;
  border-bottom: 1px solid #f5f5f5; }

.swr_voucherReport_heading label{ font-size: 14px; line-height: 1.5em; display: block; color: #617283; font-weight: 700; }

.swr_voucherLeft_list{ width: 100%; }

.swr_voucherLeft_list ul li{ padding: 15px 0px; border-bottom: 1px solid #f5f5f5; }

.swr_voucherReport .control__indicator{ border-color: #f5f5f5; background-color: #fff; }
.swr_voucherReport .control--checkbox .control__indicator:after{ border-color: #fff; }


.swr_voucherChart_main{ width: 100%; padding: 30px; }

.swr_voucher_chart{ width: 100%; }


.swr_voucherReport_main .averageSale_amountinfo_head{ padding: 15px 15px; }
.swr_voucherReport_main .averageSale_amountinfo_head label{ font-size: 38px; font-weight: 500; padding-left: 50px; }
.swr_voucherReport_main .averageSale_amountinfo_head strong{ float: none; padding: 17px 0px 0px 50px; vertical-align: middle; }

.swr_voucherReport_main .averageSale_amountinfo_head small{ font-size: 12px; line-height: 1.5em; letter-spacing: 1.7px;
  color: #617283; display: block; font-weight: 700; padding-bottom: 10px; text-transform: uppercase; }


.swr_reward_number_icon{ background: url(../images/swr_reward_number.png) left center no-repeat;
  background-size: 30px auto; }


.swr_crm_main .swr_coreBox_text h4{ color: #00c1de; }


.swr_brandOpt_main{ width: 100%; }
.swr_brandOpt_main .cmDashboard_columns{ padding-top: 0px; }

.swr_brandOpt_main .segment_gender_left{ width: 50%; }
.swr_brandOpt_main .segment_state_right span, .swr_brandOpt_main .segment_gender_right h4{ color: #003a5d; }
.swr_brandOpt_main .segment_gender_header.blueBg .segment_state_right span{ min-height: 0px; }
.swr_brandOpt_main .segment_gender_right{ padding-top: 12px; }



.pink_indicator {
  border-left: solid 4px #ff6ce8 !important;
}
.pink_indicator .control input:checked ~ .control__indicator {
  background: #ff6ce8 !important;
}
.pink_indicator .control:hover .control input:checked:focus ~ .control__indicator {
  background: #ff6ce8 !important;
}


.swr_unilever_main{ width: 100%; }

.swr_unilever_main .columnHeading{ border:0px; }

.swr_unilever_inner{ width: 100%; padding:0px 20px 20px; }

.swr_unilever{ width: 100%; border-top: solid 1px #e4e7ec; }

.swr_unilever ul li{ border-bottom: solid 1px #e4e7ec; border-right: solid 1px #e4e7ec; }

.swr_unilever ul li .customer_matrics_row{ border-left: solid 4px #00c1de; }

.swr_unilever_cell1{ width: 20%; }
.swr_unilever_cell2{ width: 80%; }

.swr_unilever_text{ width: 100%; }

.swr_unilever_text span{ font-size: 13px; line-height: 1.5em; color: #617283; display: block; }

.swr_unilever_progress_main{ width: 100%; padding: 0px 0px; display: flex; align-items: center; }

.swr_unilever_progress_list{ width: 80%; font-size: 0px; }

.swr_unilever_progress{ width: 10%; height: 8px; display: inline-block; vertical-align: top; padding: 0px 2px;  }

.swr_unilever_progress_inner{ width: 100%; height: 100%; background-color: #e4e7ec; }

.swr_unilever_progress.active .swr_unilever_progress_inner{ background-color: #0a62a3; }

.swr_unilever_progress_text{ width: 10%; padding: 5px 10px; text-align: center; }

.swr_unilever_progress_text span, .swr_unilever_progress_text strong{ font-size: 16px; line-height: 1.5em; color: #0a62a3; display: block; font-weight: 700; }

.swr_unilever_progress_text strong{ color: #003a5d; font-weight: 500; }

.swr_unilever_progress_br{ border-right: 1px solid #e4e7ec; }


.swr_voucherReport_btn{ width: 100%; text-align: right; }

.swr_voucherReport_btn a{ width: 20px; height: 15px; display: block; float: right; padding: 2px 0px; }

.swr_voucherReport_btn a img{ width: 100%; display: block; }

/*****************end wuhu report style by jd*****************/



.compaignsTypeList_flex{ display: flex; flex-wrap: wrap; }

.compaignType_detail{ height: 100%; }

.cell30{ width:30px !important; }

.cL_listing_table_cell.cell30, .cell30{ width:30px !important; }






.invoice-box{
  max-width:800px;
  margin:auto;
  padding:30px;
  border:1px solid #eee;
  box-shadow:0 0 10px rgba(0, 0, 0, .15);
  font-size:16px;
  line-height:24px;
  font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
  color:#555;
}

.invoice-box table{
  width:100%;
  line-height:inherit;
  text-align:left;
}

.invoice-box table td{
  padding:5px;
  vertical-align:top;
}

.invoice-box table tr td:nth-child(2){
  text-align:right;
}

.invoice-box table tr.top table td{
  padding-bottom:20px;
}

.invoice-box table tr.top table td.title{
  font-size:45px;
  line-height:45px;
  color:#333;
}

.invoice-box table tr.information table td{
  padding-bottom:40px;
}

.invoice-box table tr.heading td{
  background:#eee;
  border-bottom:1px solid #ddd;
  font-weight:bold;
}

.invoice-box table tr.details td{
  padding-bottom:20px;
}

.invoice-box table tr.item td{
  border-bottom:1px solid #eee;
}

.invoice-box table tr.item.last td{
  border-bottom:none;
}

.invoice-box table tr.total td:nth-child(2){
  border-top:2px solid #eee;
  font-weight:bold;
}

@media only screen and (max-width: 600px) {
  .invoice-box table tr.top table td{
    width:100%;
    display:block;
    text-align:center;
  }

  .invoice-box table tr.information table td{
    width:100%;
    display:block;
    text-align:center;
  }
}

.addCategory_formSection ul li ul li{
  font-size: 14px !important;
  padding: 5px;
}

.faqButton{
  float: right;
  margin-top: -25px;
  margin-right: 151px;
  background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);
  color: #fff;
  transition: all 0.5s ease;
  border-radius: 4px;
  background-color: #d2d6dd;
  border: solid 1px #a5adba;
  line-height: 22px;
  font-size: 14px;
  letter-spacing: 1px;
  /* color: #617283; */
  text-align: center;
  display: block;
  width: 98px;
  cursor: pointer;
}

.box select {
  background-color: #f7f8f8;
  color: black;
  padding: 12px;
  width: 250px;
  border: none;
  font-size: 13px;
  box-shadow: 0 5px 25px #d2d6dd;
  -webkit-appearance: button;
  appearance: button;
  outline: none;
}


.box::before {
  content: "\f13a";
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 100%;
  text-align: center;
  font-size: 28px;
  line-height: 45px;
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
  pointer-events: none;
}

.box:hover::before {
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.2);
}

.box select option {
  padding: 30px;
}

.show-content {display: block !important;}
.multitenacy-conent { float: left; margin: 15px 0 15px;}
.largePopup .beacon_popupDeatail {
    overflow-y: scroll;
    max-height: 600px;
}


.drag_over_template_folder{
  pointer-events: none;
  border: 1px solid blue;
}

@charset "utf-8";
/* CSS Document */

@media (width: 1920px)  {






}


@media (min-width: 1024px) and (max-width: 1365px) {


    .compaign_progressBar {  padding: 35px 25px 25px;}

    .creative_topCircle_bar ul li { padding:0px 1%;}

    .menu ul li  { padding:0px 2%;}

    .chanel_chart_description { width: 52%;}

    .chanel_chart { width: 43%;}

    .cL_listing_table_row { padding:0px 10px;}


    .cL_listing_table_cell { padding: 0px 5px;}


    .cL_listing_tableOut { padding:20px;}

    .cl_rowEdit_popOut_tableRow_cell{ width:72px;}

    .quickOreview_summery .segmentSize {  padding-left: 3%; }

    .summeryAge_column .chanel_chart_description { width: 60%;  padding-right: 3%; }

    .searchMember_table ul li .cL_listing_table_row { padding: 10px 10px; }

    .segmentsOptions { padding: 20px 4% 40px; }


    .segmentSize_text strong { font-size:36px;}


    /***************start wuhu report**********************/


    .autoContent{ padding: 0px 15px !important; }
    .swr_floating_date_main{ width: 28%; }
    .compaignHeadigs p br{ display:none; }

    












}

@media (min-width: 1240px) and (max-width: 1365px) {



}



@media (min-width: 768px) and (max-width: 1023px) {


    .menu ul li a b { font-size:12px;}

    .autoContent { padding:0px 15px;}

    .menu ul li { padding:0px 2%;}

    .compaignstabsBttns a { padding: 0px 10px;  min-width: 155px; }

    .compaignHeadigs p br { display:none}

    .creative_topCircle_barBtn small { display:none;}

    .creative_topCircle_bar ul li { padding:0px 3%;}


    .compaign_segments {padding: 20px 15px;}

    .segment_tYpe_detail{padding: 15px;}

    .segmentsBuilder_container { padding-top: 20px ; }

    .segmentsAccordianList { padding:15px;}

    .accordianIcons b  { width: 32px; height: 32px; font-size: 12px; line-height: 30px;  margin-bottom: 0px; }

    .accordianIcons small {  font-size: 12px;  padding-left: 20px; }

    .acordianSeprator { left:16px;}

    .dragAccordianData { padding:10px;}

    .dragAccordianData h4 { font-size:10px;}

    .dragAccordianData::after { left:-36px;width: 36px;}

    .showAccordian_data { padding-left:52px;}

    .compaign_progressBar { margin-bottom:30px;}

    .compaignType_detail {  padding: 25px 20px;}

    .compaignType_detail span {width:74px !important; height:74px !important; margin-bottom: 15px;}

    .compaignType_detail span b {width:74px !important; height:74px !important;}

    .compaignType_detail h3 {  font-size: 18px;  padding-bottom: 20px;  margin-bottom: 22px; }

    .compaignType_detail p { font-size: 13px; line-height: 20px; padding-bottom: 25px; }

    .compaignType_detail a { line-height: 40px;  font-size: 16px; }

    .venueHead h4 { width:80%; margin:auto;}

    .showOptions { margin:0px !important; left:auto !important; right:0px !important;}

    .column_dboard_widget { padding:15px;}

    .venueDropdown { width: 55%; }

    .venueHighChart_outer {  padding: 0px 15px 25px; }

    .chanel_chart { width: 28%; }

    .chanel_chart_description { width: 67%; }

    .chanel_descriptionList_text { padding-bottom: 6px; padding-top: 7px; }

    .activeCompaign_icon { margin-top: 4px; }

    .activeCompaignColumn .column_dboard_widgetDetail { width: calc(100% - 95px);  margin-left: 10px; }

    .column_dboard_widgetDetail strong { font-size: 36px;}

    .column_dboard_widgetDetail small { font-size: 13px;}

    .activeCompaignColumn .column_dboard_widgetBttn { margin-top: 24px; }

    .column_dboard_widgetBttn { margin-top:30px;}

    .cL_listing_tableOut { padding:15px;}

    .selectCompaign {  width: 26%; margin-right: 10px; }

    .searchCompaign {  width: 28%;}

    .cL_listing_table_row { padding:0px 5px;}

    .cL_listing_table_cell { padding:0px 5px; vertical-align: top;}

    .cL_listing_tableTitle strong { font-size:12px;}

    .cL_rowList_number { font-size:11px;}

    .cl_rowEdit_popOut_tableRow_cell { width:55px;}

    .segment_tYpe_columns ul li .compaignType_detail h3 { font-size:16px;}

    .segment_tYpe_columns ul li .compaignType_detail {  padding: 25px 15px 10px; }

    .segmentSummery_detail { padding:15px;}

    .quickPreview_detail {  padding: 20px 15px; }

    .segmentSize_text strong { font-size: 32px; }

    .segmentSize_text small { font-size:12px;}

    .segmentSize_icon img { width: 28px;}

    .segmentSize_icon {  width: 30px;}

    .segmentSize_text { width: calc(100% - 35px);}

    .overview_bars {  width: 58%;}

    .segmentSize { width: 24%;}

    .addedSegmentd {  width: 18%;}

    .addedSegmentd p { font-size:12px;}

    .criterias_heading h3 { font-size: 18px;  line-height: 2;}

    .segmentsOptions_detail span {width:74px !important; height:74px !important; margin-bottom: 15px;}

    .segmentsOptions_detail span b {width:74px !important; height:74px !important;}

    .segmentsOptions_detail h3 { font-size: 16px;}

    .segmentsOptions {  padding: 20px 2% 40px; }

    .addMember_removeMemberBttn a {  line-height: 35px; font-size: 12px;  min-width: 140px; }

    .gammingTurn_placeholder { width: 45%;}

    .gammingValue_outer { width: 54%;}

    .gammingValue_outer small { font-size:24px;}

    .gammingValue_outer strong { font-size:24px; line-height:44px; height:44px;}

    .gammingValue_outer input { font-size:24px;line-height:44px; height:44px;}

    .quantity input { padding-left:10px;}

    .recentTicket_incrimenter label {  font-size:12px; line-height:20px;}

    .stateSegmentation { padding:15px;}

    .irs-from, .irs-to, .irs-single { top: -8px !important; }

    .poitBalance_div { margin-top:0px;padding: 8px 5px;}

    .poitBalance_div span { font-size: 24px;}

    .customDropDown span { padding:0px 12px; font-size:12px;}


    .numberFields input  {font-size:24px;line-height:44px; height:44px;}


    /***************start wuhu report**********************/

    .autoContent{ padding: 0px 15px !important; }
    .swr_floating_date_main{ width: auto; }
    .swr_container_main .grid_searching{ padding-top:10px; }
    .swr_coreBox_text h2{ font-size:30px; }
    .swr_coreBox_small{ width: 230px; }
    .swr_coreBox_text small{ font-size:11px; }
    .swr_coreBox_chart{ max-width: 70px; }
    .swr_coreBox_text strong{ font-size: 16px; }
    .swr_coreBox_img figure img{ max-width: 46px; }
    .swr_coreBox_text h3{ font-size: 16px; padding-bottom:0px; }
    .swr_coreBox_gray .swr_coreBox_text{ padding-left: 5px; }
    .swr_coreMembers_info a{ display:block; }
    .swr_coreMembers_info a span{ margin-right:0px; width:65%; }
    .swr_yearsDropdown{ padding-top:10px; }
    .gender_lits_detail ul li.adjustUnknown{ padding:0px 0px; }
    .swr_geolocation_inner{ padding:20px; }
    .swr_geolocation_box_title{ font-size:18px; }
    .swr_geolocation_left{ width: 30%; }
    .swr_geolocation_right{ width: 68%; }
    .padingLeft25{ padding-left:0px !important; }
    .totalPoints_detail_text strong{ font-size: 24px; }

    .swr_member_main .cmListing_setting ul li .cL_listing_table_row{ padding-left: 5px; }
    .cL_listing_table_row{ padding-left:5px; }
    .cl_rowEdit_popOut{ width:35%; right:-35%; }
    .cL_listing_tableInn ul li.active_editMod .cL_listing_table_row{ margin-left:-35%; }
    .cmList_check .profile_img{ margin-right: 5px; }
    .profile_img{ width: 30px; }
    .swr_member_badge img{ max-width: 15px; }
    .newVualt_heading_with_buttons .newVualt_heading{ width:50%; }

    .swr_content_main .cmDashboard_columns ul li.width_25{ width:50% !important; padding-bottom:30px; }
    .swr_voucherReport_main .averageSale_amountinfo_head label{ font-size:30px; }
    .segment_gender_right h4, .segment_state_right span{ font-size: 16px; }
    .swr_unilever_progress_text span, .swr_unilever_progress_text strong{ font-size: 12px; }
    .swr_unilever_progress_text{ padding: 5px 5px; }
    .compaignHeadigs p br{ display:none; }

    /***************end wuhu report**********************/












}




@media (max-width: 767px)   {


    .signInWeb_autoContainer { width:96%; margin:auto;}

    .signInWeb_detail { padding-top:60px;}

    .signInWeb_view { padding:40px 30px; min-height:100%; margin-bottom:35px;}

    .signUp_logo {  width: 139px;  padding-bottom: 30px; }

    .splash_background { background-size:auto;}

    .signUp_copyRights { padding-bottom:30px;}



    .header_navebar_editDots {  width: 16%;  height: 48px; max-width:48px; background-size: 18px 20px; }

    .headerNave_mid { display:none;}

    .headerNave_left { width: 100%; padding-bottom:5px;  }

    .headerNave_right { width: 100%;  }

    .header_nave_inner {  padding: 15px  15px }

    .headerNave_pro_userName p { font-size: 24px;  width: 84%; border-right: 0px; height: 48px; line-height: 48px; margin-top: 0px; padding-left: 0px; text-align: center; }

    .headerNave_rightInn { width: 100%; padding-top: 0px; text-align: center; }

    .headerNave_rightInn ul { float: none; }

    .headerNave_rightInn ul li { float: none; padding: 0px 10px; display: inline-block; vertical-align: middle; }
    .alertBell_icon { margin-right:0px;}

    .autoContent { padding: 0px 15px; max-width: 100%; }

    .menu { padding-top: 18px; }

    .menu ul li { padding: 0px 5px 10px; }

    .menu ul li a { padding-left: 0px !important; background: no-repeat; }

    .menu ul li a b { font-size: 12px;  padding-bottom: 5px; }

    .compaignstabsBttns a { margin: 0px 0px; padding: 0px 10px; min-width: 0px; font-size: 10px; }

    .compaignHeadigs h1 { font-size: 24px;}

    .compaignHeadigs p { font-size: 14px; line-height: 20px; }

    .cL_listing_tableOut { padding:15px;}

    .compaign_select_search { padding:10px 10px 10px;}

    .selectCompaign { width: 100%; float: none; margin-right: 0px; margin-bottom: 5px; }

    .searchCompaign { width: 100%; float: none; margin-right: 0px;  padding: 5px 8px 5px 15px; }

    .compaign_addNew h3 { padding-top:0px; float:none; padding-bottom:12px;}

    .compaign_addNew a { float:none;}

    .campLstng_paginaton_inn ul li a { width: 22px; height: 22px; line-height: 22px; }

    .compaign_progressBar { padding: 20px 10px;}

    .creative_topCircle_barBtn small { display:none;}

    .creative_topCircle_bar ul li {  padding: 0px .8%; }

    .creative_topCircle_barBtn b {  width: 27px; height: 27px; font-size: 12px; line-height: 24px;  margin-bottom: 0px; }

    .countSeprator { top:14px;}

    .compaign_progressBar { margin-bottom:40px;}

    .compaign_segments { padding: 15px 10px; margin-bottom: 20px; }

    .segment_tYpe_detail { padding: 10px; }

    .segment_tYpe_heading { padding: 10px; }

    .segmentsBuilder_container { padding-top: 20px; }

    .segmentsSection_left { float:none; width:100%; margin-bottom:20px;}

    .segmentsAccordianList {  padding: 10px; }

    .segments_accordian ul li {  margin: 10px 0%; }

    .accordianIcons b  { width: 27px; height: 27px; font-size: 12px; line-height: 24px;  margin-bottom: 0px; }

    .acordianSeprator { left:14px;}

    .accordianIcons small { font-size: 12px;  padding-left: 20px; }

    .segmentsSection_right{ float:none; width:100%;  }

    .segment_heading { padding: 10px; }

    .image_notify_upload_area { height:200px;}

    .segment_tYpe { margin-bottom:10px;}

    .continueCancel { text-align:center;}

    .continueCancel input { line-height: 34px; font-size: 12px;  min-width: 40%; margin: 0px 5px; vertical-align: middle; }

    .continueCancel a {  line-height: 34px; font-size: 12px;  min-width: 40%; margin: 0px 5px;vertical-align: middle; }


    .segmentaxn_detail { padding: 10px; }

    .genderSelected ul li span b { width:40px !important ; height:40px !important; background-size: 9px 25px;}
    .genderSelected ul li span { font-size:12px;}

    .genderSelected ul li span b.genderFemale { background-size: 11px 25px;}
    .genderSelected ul li span b.genderOther { background-size: 11px 25px;}

    .genderSelected ul li span b i { background-size: 20px 20px;   width: 20px; height: 20px;right: -11px; top: -9px; }

    .genderSelected { padding: 15px 10px; }

    .stateSegmentation { padding: 15px 10px; }

    .tagsCompaigns_list { width: 100%; float: none; padding-bottom:40px; }
    .tagsSelected_tip { width: 100%; float: none; padding-bottom:20px; }

    .selectedTags label { padding-bottom:10px !important;}

    .showAccordian_data { padding-left:48px;}

    .dragAccordianData { padding:10px;}

    .dragAccordianData h4 { font-size:10px;}

    .dragAccordianData::after { left:-35px;width: 35px;}


    .segment_tYpe_columns ul li {width:100%; display:block; padding:0px; padding-bottom:40px;}

    .segment_tYpe_columns ul li .compaignType_detail { padding:0px;}

    .segment_tYpe_columns ul li .compaignType_detail span { margin-bottom:15px;}

    .segment_tYpe_columns { padding-top:40px;}

    .singleSegment_section { padding:0px;}

    .singleSegment_section .tagsSelected_tip {  width: 100%; float: none; margin-left: 0px; }

    .segmentInput {  padding: 8px 15px; }

    .compaignDescription_column6 { width: 100%;  float: none; padding-bottom:20px; }

    .segmentInput textarea { height:120px;}

    .compaignTags_discription { padding-bottom:0px;}

    .compaignHeadigs p br { display:none;}

    .placeHolderLeft { width: 100%; float: none; padding-bottom:15px; }

    .frPlaceholder { margin:0px;}

    .datePickerLeft{ width: 100%; float: none; padding-bottom:15px; }

    .memberPlaceholder_point { width: 100%;  float: none; padding-bottom:10px; }

    .poitBalance_div {  width: 100%; margin: 0px 0px 10px ; float:none; }

    .placeHolderOuter { padding-bottom:0px;}

    .frBalance { float:none;padding-bottom:0px;}

    .datePickerOuter {  width: 100%;   padding-top: 15px; }

    .frDatePicker { padding-bottom:0px;}

    .memberNumber_placeholder { width: 100%; float: none; padding-bottom:15px; }

    .memberNumbe { width: 100%; float: none; }

    .addMember_removeMemberBttn a { line-height: 34px; min-width: 40%;  }

    .gamming_bttnz .addMember_removeMemberBttn a { margin-right:6px; margin-left:0px;}

    .gammingTurn_placeholder { width: 100%; float: none;  padding-bottom: 10px; }

    .gammingValue_outer { width: 100%; float: none; }

    .transectionDatepicker { width: 100%; float: none; }

    .datePicker input { font-size:11px; }

    .date1 ,.date2{ padding-left:23px !important}

    .gammingTurnOuter { padding-bottom:0px;}

    .cancelcredit_amout .cancelcredit_amout_values {  width: 100%;  float: none; }
    .cancelcredit_amout { padding-bottom:0px;}

    .recentTicket_incrimenter {  width: 100%;  float: none; padding-bottom:10px; }

    .recentTicket_incrimenter label { width:100%; float:none; padding-top:0px;}

    .fieldIncremnt {  width: 100%; float: none; }

    .quantity input { width:80%;}

    .quantity-nav { width:20%;}

    .quantity-nav .quantity-up { margin:auto; margin-bottom:6px;}
    .quantity-nav .quantity-down { margin:auto;}

    .incrimentDay{  width: 100%; float: none; }

    .yourSeg_age_rangeSlct .irs-min { font-size:11px !important;}

    .yourSeg_age_rangeSlct .irs-max { font-size:11px !important;}

    .irs-from, .irs-to, .irs-single{  top: -10px !important; }

    .segmentSummery_detail {  padding: 15px 10px; }

    .quickPreview_detail { padding: 10px; }

    .segmentSize {  width: 100%; float: none; padding-top: 0px;  padding-bottom: 20px; }

    .overview_bars { width: 100%;  float: none;  padding-top: 0px;  padding-bottom: 15px; }

    .overview_bars_label label { font-size:12px;}
    .overview_bars_value strong { font-size:14px;}

    .overview_bars_range { margin-top:9px;}

    .addedSegmentd { width: 100%; float: none;  padding-bottom: 10px; }

    .criterias_heading h3 { font-size: 16px; line-height: 28px; }

    .democretic_gender { width: 100%; float: none; }

    .democretic_gender.democretic_age {   width: 100% ;  float: none; }

    .criteria_detail .dropSegmentation_section { margin-bottom:10px;}

    .demographic_stateBarrs_label { width: 100%; float: none; padding: 10px; }

    .dropSegmentation_heading h3 { padding:8px 10px;}

    .democretic_ageDetail_graph { padding: 10px 10px 0px; }

    .demographic_progressBar::after { display:none;}

    .demographic_progressBar { width:100%; border-top:1px solid #d2d6dd; padding: 5px 10px;}

    .demographic_progressBar_label {  width: 22%;  }

    .demographic_progressBar_label label { font-size:12px;}

    .demographic_progressBar_range { width: 60%;}

    .demographic_progressBar_value {  width: 18%;}

    .segmentsCriterias { padding-top:20px;}

    .modifySegments_detail { padding:15px 10px;}

    .addMember_removeMember h3 { padding-top:0px; padding-bottom:10px; float:none;}

    .addMember_removeMemberBttn { float:none; width:100%;}

    .addMember_removeMember .addMember_removeMemberBttn a { display:block; min-width:100%; margin:0px 0px 10px;}

    .addMember_removeMember { padding-bottom:0px;}


    .segmentsOptions ul li { width:100%; float:none; padding: 0px 0px 40px;}

    .segmentsOptions_detail span { margin-bottom:15px;}

    .segmentsOptions { padding:0px;}

    .quickOreview_summery .segmentSize { width:100%; padding-left:0px}

    .quickOreview_summery .overview_bars { width:100%;}

    .quickOreview_summery .democretic_genderDetail { width:100%;}

    .summeryAge_column ul { width:100%;}

    .summeryAge_column ul li { width:100%; float:none; padding:0px 0px 0px;}

    .ageColumn{ width:100% !important;}

    .summeryAge_column .chanel_chart { width: 50%;  padding-left: 0px;  margin: auto; float: none; padding-bottom:20px; }

    .summeryAge_column .chanel_chart_description{ width: 100%;  padding-right: 0px;   float: none;   }

    .compaignsType ul li {  width: 100% ; padding: 0px 0px 20px; }

    .no_compaign_avail {  padding: 50px 35px; }

    .no_compaign_avail h1 {font-size:24px;}

    .no_compaign_avail p br { display:none;}

    .no_compaign_avail p  { padding-bottom:40px;font-size: 14px; line-height: 20px;}


    .memberChartOuter ul li { width:100%; padding:0px 0px 20px; float:none;}

    .point_member { width:100% !important}

    .venueHead h4 { width:80%; margin:auto;}

    .dashborad_column { padding-bottom:0px; margin-bottom:0px;}

    .dashborad_Totalcolumn ul li { width:100%;; float:none; padding:0px 0px 20px;;}

    .showOptions { margin: 0px 0px 0px 0px !important; left: auto !important;  right: 0px !important; }

    .showOptions li { padding:0px !important}

    .column6_db { width:100%; float:none; margin-bottom:20px;}

    .venueDropdown { width: 70%;}

    .venueHighChart_outer { padding: 0px 10px 25px; }

    .chanel_chart { width:60%; margin:auto; padding-bottom:20px; float:none;}

    .chanel_chart_description { width:90%; float:none; margin:auto;}

    .barrGrapgh { padding-top:0px;}

    .activeHeading { padding:20px;}

    .dashborad_Totalcolumn { padding-bottom:20px;}





    .bar{position: relative !important;}


    .cL_listing_tableInn ul li.active_editMod .cL_listing_table_row{ margin-left:0px !important; }

    .cL_listing_tableTitle{ display:none; }

    .cL_listing_table_row{ width:100%; display:block; }

    .cL_listing_table_cell{ width:100% !important; display:block; padding:0px 0px 15px 0px; text-align:center; }

    .audienceTrnctional_listTbl_out .cL_listing_table_cell.cell6, .audienceTrnctional_listTbl_out .cL_listing_table_cell.cell7, .audienceTrnctional_listTbl_out .cL_listing_table_cell.cell8{ text-align:center; }
    .audienceLoyalty_listTbl_out .cL_listing_table_cell.cell6, .audienceLoyalty_listTbl_out .cL_listing_table_cell.cell7, .audienceLoyalty_listTbl_out .cL_listing_table_cell.cell8, .audienceLoyalty_listTbl_out .cL_listing_table_cell.cell9{  text-align:center; }

    .cL_rowList_number{ text-align:center; }


    .cl_rowEdit_popOut{ width:35% !important; right:inherit; top:inherit; bottom:0px;  left:-35% !important; height:auto;  }

    .cl_rowEdit_pop_table{ width:100%; display:block; height:auto; }

    .cl_rowEdit_popOut_tableRow_cell{ width:100%; display:block; border-bottom:1px solid #fff; }

    .cl_rowEdit_popOut_tableRow_cell a{ padding:5px 15px; }

    .cl_rowEdit_popOut_tableRow_cell a i{ background-size:18px auto ; min-height:20px; }

    .active_editMod .cl_rowEdit_popOut{ right:inherit !important; left:0% !important; }

    .cl_rowEdit_popOut_tableRow_cell a.delete_icon i { background-size:12px;}


    /***************start wuhu report**********************/


    .autoContent{ padding: 0px 15px !important; }

    .swr_yearsDropdown{ width:100%; float:none; padding:0px 0px 10px 0px; }
    .swr_floating_date_main{ width:100%; float:none; padding: 0px 0px 10px 0px; }
    .listing_floating_row .pull_right, .listing_floating_row .pull_left{ float:none !important; }  

    .grid_searching ul{ float:none !important; } 
    .searching_li{ width: calc(100% - 40px); }
    .swr_container_main .grid_searching{ width:100%; }
    .grid_searching ul li:first-child{ padding-left:0px; }
    .swr_filter_li{ width:100%; padding-right:0px; padding-bottom:10px; }
    .swr_container_main .newVualt_heading_with_buttons .newVualt_heading{ width:100%; float:none; }

    .swr_coreBox_main{ padding:0px; }
    .swr_coreBox_row{ display:block; } 
    .swr_coreBox_small{ width:100%; display:block; padding-bottom:30px; }
    .swr_coreBox_small.pr_20{ padding-right:0px !important; }

    .swr_coreBox ul{ display:block; }
    .swr_coreBox ul li{ width:100%; display:block; border-bottom: 1px solid #d2d6dd; border-left:0px; padding:15px; }
    .swr_coreBox ul li:last-child{ border-bottom:0px; }

    .swr_coreBox_big.pr_20{ padding-right:0px !important; padding-bottom:30px; }
    .swr_coreMembers_main ul{ column-count:auto; }

    .swr_coreMembers_info a span{ margin:0px 0px 0px 5px; width:68%; }
    .swr_coreMembers_info a img{ height: 30px; width: 30px; }

    .allinfo_bttn ul{ float:none !important; text-align:center; }
    .allinfo_bttn ul li{ padding-bottom:10px; }

    .cmDashboard_columns ul li.width_50{ width:100% !important; }
    .gender_lits_detail ul li.adjustUnknown{ width:50% !important; }
    .gender_lits_detail ul li{ padding-bottom:10px !important; }
    .cmDashboard_columns ul li{ padding-bottom:30px; }

    .swr_geolocation_inner{ padding:15px; }
    .swr_geolocation_left{ width:100%; float:none; padding-bottom:30px; }
    .swr_geolocation_right{ width:100%; float:none; }

    .swr_content_main .columnHeading label.width_50{ width:100% !important; }

    .cL_listing_table_row{ display:block; }
    .cL_listing_table_cell{ width:100% !important; display:block; }
    .customer_matrics_cell{ border-right:0px; border-bottom: 1px solid #e4e7ec; }

    .cmDashboard_columns ul li.width_33{ width:100% !important; }
    .columnHeading_right{ width:100%; float:none; }
    .swr_slipSub_title ul li{ padding: 10px 0px 0px 15px; }  
    .selectCompaign{ width:100% !important; }
    .searchCompaign { width:100% !important; }

    .swr_member_inner .searching_li{ width:100% !important; }
    .swr_member_inner .cl_rowEdit_popOut{ height:auto !important; left:-100% !important; right:inherit; }
    .swr_member_inner .cl_rowEdit_pop_table{ height:auto !important; }
    .swr_member_inner .active_editMod .cl_rowEdit_popOut{ left:0px !important; }

    .swr_member_main .cmListing_setting ul li .cL_listing_table_row{ padding-left:15px; }
    .cL_listing_table_cell{ padding:5px 5px; }
    .cmDashboard_columns ul li.width_25{ width:100% !important; }   

    .swr_voucherReport_inner{ display:block; }
    .swr_voucherReport_left{ width:100%; }
    .swr_voucherReport_right{ width:100%; }

    .swr_brandOpt_main .segment_gender_left{ width:100%; float:none; }
    .segment_gender_right{ width:100%; float:none; }

    .swr_crmRetailer_main .customer_matrics_cell{ border-bottom:0px; }
    .customer_matrics_row{ display:block; }
    .customer_matrics_cell{ width:100%; display:block; }

    .swr_unilever_progress_main{ display:block; }
    .swr_unilever_progress_list{ width:100%; }
    .swr_unilever_progress_text{ border:0px; width:100%; }
    .swr_unilever_progress{ height:4px; }

    .compaignHeadigs p br{ display:none; }



    /***************end wuhu report**********************/









































}   


/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/

/* =====================================================================================================================
// RangeSlider */

.irs {
    position: relative; display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
    .irs-line {
        position: relative; display: block;
        overflow: hidden;
        outline: none !important;
    }
        .irs-line-left, .irs-line-mid, .irs-line-right {
            position: absolute; display: block;
            top: 0;
        }
        .irs-line-left {
            left: 0; width: 11%;
        }
        .irs-line-mid {
            left: 9%; width: 82%;
        }
        .irs-line-right {
            right: 0; width: 11%;
        }

    .irs-bar {
        position: absolute; display: block;
        left: 0; width: 0;
    }
        .irs-bar-edge {
            position: absolute; display: block;
            top: 0; left: 0;
        }

    .irs-shadow {
        position: absolute; display: none;
        left: 0; width: 0;
    }

    .irs-slider {
        position: absolute; display: block;
        cursor: default;
        z-index:0;
    }
        .irs-slider.single {

        }
        .irs-slider.from {

        }
        .irs-slider.to {

        }
        .irs-slider.type_last {
            z-index: 2;
        }

    .irs-min {
        position: absolute; display: block;
        left: 0;
        cursor: default;
    }
    .irs-max {
        position: absolute; display: block;
        right: 0;
        cursor: default;
    }

    .irs-from, .irs-to, .irs-single {
        position: absolute; display: block;
        top: 0; left: 0;
        cursor: default;
        white-space: nowrap;
    }

.irs-grid {
    position: absolute; display: none;
    bottom: 0; left: 0;
    width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
    display: block;
}
    .irs-grid-pol {
        position: absolute;
        top: 0; left: 0;
        width: 1px; height: 8px;
        background: #000;
    }
    .irs-grid-pol.small {
        height: 4px;
    }
    .irs-grid-text {
        position: absolute;
        bottom: 0; left: 0;
        white-space: nowrap;
        text-align: center;
        font-size: 9px; line-height: 9px;
        padding: 0 3px;
        color: #000;
    }

.irs-disable-mask {
    position: absolute; display: block;
    top: 0; left: -1%;
    width: 102%; height: 100%;
    cursor: default;
    background: rgba(0,0,0,0.0);
    z-index: 2;
}
.irs-disabled {
    opacity: 0.4;
}
.lt-ie9 .irs-disabled {
    filter: alpha(opacity=40);
}


.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}

/* Ion.RangeSlider, Flat UI Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge,
.irs-slider {
    background: url(../images/sprite-skin-flat.png) repeat-x;
}

.irs {
    height: 40px;
}
.irs-with-grid {
    height: 60px;
}
.irs-line {
    height: 12px; top: 25px;
}
    .irs-line-left {
        height: 12px;
        background-position: 0 -30px;
    }
    .irs-line-mid {
        height: 12px;
        background-position: 0 0;
    }
    .irs-line-right {
        height: 12px;
        background-position: 100% -30px;
    }

.irs-bar {
    height: 12px; top: 25px;
    background-position: 0 -60px;
}
    .irs-bar-edge {
        top: 25px;
        height: 12px; width: 9px;
        background-position: 0 -90px;
    }

.irs-shadow {
    height: 3px; top: 34px;
    background: #000;
    opacity: 0.25;
}
.lt-ie9 .irs-shadow {
    filter: alpha(opacity=25);
}

.irs-slider {
    width: 16px; height: 18px;
    top: 22px;
    background-position: 0 -120px;
}
.irs-slider.state_hover, .irs-slider:hover {
    background-position: 0 -150px;
}

.irs-min, .irs-max {
    color: #999;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    top: 0; padding: 1px 3px;
    background: #e1e4e9;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.irs-from, .irs-to, .irs-single {
    color: #fff;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #ed5565;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.irs-from:after, .irs-to:after, .irs-single:after {
    position: absolute; display: block; content: "";
    bottom: -6px; left: 50%;
    width: 0; height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #ed5565;
}


.irs-grid-pol {
    background: #e1e4e9;
}
.irs-grid-text {
    color: #999;
}

.irs-disabled {
}

.disabled{ opacity:0.3; pointer-events: none }
.disabled:after{ width:100%; height:100%; content:""; position:absolute; left:0px; top:0px; }
.activeSelected { background:#0a62a3; color:#ffffff !important; border-radius: 4px; }
.scrollbar-dynamic {
    max-height: 200px;
    overflow-y: auto;
}
.campLstng_paginaton_inn ul li.active{ background: #006bcf;color: #ffffff ; } .campLstng_paginaton_inn ul li.active a{color: #ffffff; }
md-date-range  { background:url(../images/calendar_icon@2x.png) left center no-repeat ; background-size:18px 19px; height:21px; padding-left:35px; font-size: 13px; color: #0a62a3; width:100%;}
md-select-value{margin-top: -18px;margin-left: 0px;width: 17%;margin-right: 82px;text-align: center;border: none !important;}


.customSpan {background-size: 18px 19px;padding-left: 35px;font-size: 13px;color: #0a62a3;position: relative;left: 0px; bottom: 20px;cursor: pointer !important;}
.chart {
    padding: 0px 10px;
}
.sigLevel_range_inn {
    width: 100%;
    position: relative;
}
.js-irs-0.irs-with-grid {
    position: absolute;
    width: 100%;
    top:0; left: 0; height: 100px;
}
.importantRule { background: #00c1de !important; }

.custom-slider.rzslider .rz-bar {
    background: #ffe4d1;
    height: 2px;
}
.custom-slider.rzslider .rz-selection {
    background: #2c3c46;
}
.demographic_ageSlctd_tbaBtns {
    padding-top: 55px;
}
/* to remove the default positioning */
/*.custom-slider.rzslider .rz-pointer {
  width: 8px;
  height: 16px;
  top: auto;
  bottom: 0;
  background-color: #333;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}*/
.chart {
    padding: 0px 10px;
}

.custom-slider.rzslider .rz-bubble {
    bottom: 1px !important;
}
.custom-slider.rzslider .rz-bar {
    background: #79838a !important;
}
.custom-slider.rzslider .rz-pointer-min {
    background: url(../images/sigLevel_range_range_left.png) no-repeat center center !important;
    width: 11px !important;
    height: 132px !important;
    top: -130px !important;
    cursor: pointer;
}

.custom-slider.rzslider .rz-pointer-max{
    background: url(../images/sigLevel_range_range_right.png) no-repeat center center !important;
    width: 11px !important;
    height: 132px !important;
    top: -130px !important;
    cursor: pointer;
}
.custom-slider.rzslider  .rz-model-value{
     top: -148px !important;
    width: 35px !important ;
    height: 40px !important;
    object-fit: contain;
}
.custom-slider.rzslider  .rz-model-high{
     top: -148px !important;
    width: 35px;
    height: 40px;
    object-fit: contain;
}


.custom-slider.rzslider .rz-pointer:after {
    display: none;
}

.custom-slider.rzslider .rz-bubble {
    bottom: 14px;
}

.custom-slider.rzslider .rz-limit {
    font-weight: bold;
    color: #2c3c46;
}

.custom-slider.rzslider .rz-tick {
    width: 1px;
    height: 10px;
    margin-left: 4px;
    border-radius: 0;
    background: #ffe4d1;
    top: -1px;
}
.demographic_ageSlctd_graphs{
    margin-bottom: 0px !important;
}
.custom-slider.rzslider .rz-tick.rz-selected {
    background: #2c3c46;
}

.cssload-loader * {
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.cssload-loader {
    width: 1em;
    height: 1em;
    font-size: 146px;
    position: relative;
    display:block;
    margin: 49px auto;
}

.cssload-loader:before, .cssload-loader:after {
    content: "";
    top: 0;
    display: block;
    width: 1em;
    height: 1em;
    position: absolute;
    border-width: 0.5em;
    border-style: double;
    border-color: transparent;
    border-radius: 1em;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    animation: spin 1.15s infinite;
    -o-animation: spin 1.15s infinite;
    -ms-animation: spin 1.15s infinite;
    -webkit-animation: spin 1.15s infinite;
    -moz-animation: spin 1.15s infinite;
}
.cssload-loader:after {
    left: 0;
    border-left-color: rgb(10,99,168);
}
.cssload-loader:before {
    right: 0;
    border-right-color: rgb(10,98,166);
    animation-delay: -0.29s;
    -o-animation-delay: -0.29s;
    -ms-animation-delay: -0.29s;
    -webkit-animation-delay: -0.29s;
    -moz-animation-delay: -0.29s;
}



@keyframes spin {
    from {
        transform: rotate(360deg);
    }
}

@-o-keyframes spin {
    from {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(360deg);
    }
}

.compaignType_detail span.selecCompaignBttn {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff;  }

.compaignType_detail span.selecCompaignBttn b {background:url(../images/set_iconWhite@2x.png) center center no-repeat ;background-size:27px 40px;}
.compaignType_detail span.selecCompaignBttn  b.proximityIcon {background:url(../images/proximity_iconWhite@2x.png) center center no-repeat ;background-size:44px 39px;}
.compaignType_detail span.selecCompaignBttn  b.dynamicIcon{background:url(../images/standard_iconWhite@2x.png) center center no-repeat ;background-size:39px 39px;}

.compaignsType ul{
    margin: 0px -1.2%;
    font-size: 0px;
}
.compaignsType ul li{
    width: 33.3333% !important;
    padding: 1.1% !important;
}
.compaignHeadigs p{
    font-size: 17px !important;
}
.customDropDown > div:nth-of-type(1) {
    top: 1px !important;
}
.displayNone {
    display: none;
}
.preloader3 {
    width:25px;
    height:25px;
    display:inline-block;
    padding:0px;
    border-radius:100%;
    border:2px solid;
    border-top-color:rgba(0,0,0, 0.65);
    border-bottom-color:rgba(0,0,0, 0.65);
    border-left-color:rgba(0,0,0, 0.15);
    border-right-color:rgba(0,0,0, 0.15);
    -webkit-animation: preloader3 0.8s ease-in-out infinite alternate;
    animation: preloader3 0.8s ease-in-out infinite alternate;
}
@keyframes preloader3 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@-webkit-keyframes preloader3 {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.setforgetDropdown {
    padding-bottom: 80px;
}
.disabledTabs{
    opacity: 0.3;
}




.jump {
    animation: 1.5s ease 0s normal none 1 running jump;
}
.jump_infinitely {
    animation: 1.5s ease 0s normal none infinite running jump;
}
@keyframes jump {
    25% {
        transform: translateY(-30px);
    }
    15%, 50% {
        transform: rotateX(20deg);
    }
    75% {
        transform: none;
    }
}
.animated {
    animation-duration: 0.5s;
    animation-fill-mode: both;
}
.animatedfast {
    animation-duration: 0.2s;
    animation-fill-mode: both;
}
.fadeInDownPageSettings {
    animation-name: fadeInDownPageSettings;
}
@keyframes fadeInDownPageSettings {
    0% {
        opacity: 0;
        transform: translateY(-200px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
@keyframes fadeInDownPageSettings {
    0% {
        opacity: 0;
        transform: translateY(-200px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
.fadeInUpPageSettings {
    animation-name: fadeInUpPageSettings;
}
@keyframes fadeInUpPageSettings {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }
    100% {
        opacity: 0;
        transform: translateY(-200px);
    }
}
@keyframes fadeInUpPageSettings {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }
    100% {
        opacity: 0;
        transform: translateY(-200px);
    }
}
.slideInUp {
    animation-name: slideInUp;
}
@keyframes slideInUp {
    0% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0px);
    }
}
@keyframes slideInUp {
    0% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0px);
    }
}
.slideInDown {
    animation-name: slideInDown;
}
@keyframes slideInDown {
    0% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0px);
    }
}
@keyframes slideInDown {
    0% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0px);
    }
}
.fadeIn {
    animation-name: fadeIn;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fadeInUp {
    animation-name: fadeInUp;
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
.fadeInDown {
    animation-name: fadeInDown;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
.fadeInLeft {
    animation-name: fadeInLeft;
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}
.fadeInRight {
    animation-name: fadeInRight;
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}
.fadeInUpBig {
    animation-name: fadeInUpBig;
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
.fadeInDownBig {
    animation-name: fadeInDownBig;
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}
.fadeInRightBig {
    animation-name: fadeInRightBig;
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}
.fadeOutUp {
    animation-name: fadeOutUp;
}
@keyframes fadeOutUp {
    100% {
        opacity: 0;
        transform: translateY(-60px);
    }
    0% {
        opacity: 1;
        transform: translateY(0px);
    }
}
@keyframes fadeOutUp {
    100% {
        opacity: 0;
        transform: translateY(-60px);
    }
    0% {
        opacity: 1;
        transform: translateY(0px);
    }
}
#ui-datepicker-div {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
}
.grow {
    transition: all 0.1s ease-out 0s;
}
.grow:hover {
    transform: scale(1.1);
    z-index: 1000000;
}
.zoomout {
    opacity: 0;
    transform: scale(0);
    transition: all 0.2s ease-out 0s;
}
.zoomoutlogin {
    animation: 0.6s ease 0s normal none 1 running zoomOutLogin;
}
@keyframes zoomOutLogin {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    20% {
        opacity: 1;
        transform: scale(1.3);
    }
    50% {
        opacity: 0;
        transform: scale(0);
    }
    100% {
        opacity: 0;
        transform: scale(0);
    }
}
.arrow_toggle_open {
    transform: rotate(90deg);
    transition: transform 0.3s ease 0s;
}
.currency {
    margin-right: 3px;
}
.menu_tag, .menu_tag_reverse {
    transform: translateY(-110%);
    transition: transform 0.1s linear 0s;
}
.menu_hover {
    background: #333333 none repeat scroll 0 0;
    text-shadow: 1px 1px 1px white;
}
.menu_notactive {
    background: white none repeat scroll 0 0;
}
.menu_semiactive {
    background: orange none repeat scroll 0 0;
}
.menu_active {

    color: white;
}
.menuitems_flyin {
    transform: translateY(0%);
}
.dotloader::before, .dotloader::after, .dotloader {
    animation: 0.9s ease-in-out 0s normal none infinite running dotloaderanim;
    border-radius: 50%;
    height: 2.5em;
    width: 2.5em;
}
.dotloader {
    animation-delay: -0.08s;
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0px);
}
.dotloader::before {
    animation-delay: -0.16s;
    left: -3.5em;
}
.dotloader::after {
    left: 3.5em;
}
.dotloader::before, .dotloader::after {
    content: "";
    position: absolute;
    top: 0;
}
@keyframes dotloaderanim {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em darkorange;
    }
    40% {
        box-shadow: 0 2.5em 0 0 darkorange;
    }
}
.shake {
    animation: 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s normal both 1 running shake;
    transform: translate3d(0px, 0px, 0px);
}
@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0px, 0px);
    }
    20%, 80% {
        transform: translate3d(2px, 0px, 0px);
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0px, 0px);
    }
    40%, 60% {
        transform: translate3d(4px, 0px, 0px);
    }
}

.side-label {
    cursor: pointer;
    display: block;
    line-height: 20px;
    margin: 10px 0;
    padding-left: 30px;
    padding-top: 1px;
    position: relative;
}
.side-label::before, .side-label::after {
    box-sizing: border-box;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}
span.cssbox input[type="radio"] + .side-label::before, span.cssbox input[type="radio"] + .side-label::after {
    border-radius: 50%;
    box-sizing: border-box;
}
.side-label::before {
    border: 2px solid #444444;
    box-sizing: border-box;
    display: block;
    height: 20px;
    width: 20px;
}

.side-label::after {
    background-color: black;
    box-shadow: 1px 1px 2px black inset;
    box-sizing: border-box;
    display: none;
    height: 12px;
    margin: 4px;
    width: 12px;
}
span.cssbox input:checked + .side-label::after {
    box-sizing: border-box;
    display: block;
}
span.cssbox input:disabled + .side-label::after {
    opacity: 0.5;
}
span.cssbox input:disabled + .side-label::before {
    border: 2px solid #c0c0c0;
}
.toggle-check-input {
    height: 1px;
    position: absolute;
    visibility: hidden;
    width: 1px;
}
.toggle-check-text {
    background: #ccc none repeat scroll 0 0;
    border-radius: 1em;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    min-width: 2em;
    padding: 0.25em 0.5em 0.25em 2em;
    position: relative;
    text-transform: uppercase;
    transition: background-color 0.15s ease 0s;
}
.toggle-check-text::after {
    background: #fff none repeat scroll 0 0;
    border-radius: 1em;
    content: " ";
    display: block;
    height: 1.1em;
    left: 0.3em;
    position: absolute;
    top: 0.25em;
    transition: left 0.15s ease 0s, margin-left 0.15s ease 0s;
    width: 1.1em;
}
.toggle-check-text::before {
    content: "No";
    text-shadow: 1px 1px 1px gray;
}
.toggle-check-input:checked ~ .toggle-check-text {
    padding-left: 0.9em;
    padding-right: 1.6em;
}
.toggle-check-input:checked ~ .toggle-check-text {
    background: #599f71 none repeat scroll 0 0;
    text-shadow: 1px 1px 1px darkgreen;
}
.toggle-check-input:checked ~ .toggle-red {
    background: darkred none repeat scroll 0 0;
}
.toggle-check-input:checked ~ .toggle-check-text::before {
    content: "Yes";
}
.toggle-check-input:checked ~ .toggle-check-text::after {
    left: 100%;
    margin-left: -1.4em;
}
@keyframes spinfastFrames {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.spinfast {
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-name: spinfastFrames;
    animation-timing-function: linear;
}
.animate_adglare {
    animation: 14s ease 0s normal none infinite running animate_adglare_anim;
}
@keyframes animate_adglare_anim {
    0% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    80% {
        opacity: 0.1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes animate_adglare_anim {
    0% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    80% {
        opacity: 0.1;
    }
    100% {
        opacity: 1;
    }
}
@font-face {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;

}
@font-face {


}
@font-face {

}
@font-face {

}
@font-face {

}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table {
    cursor: default;
    font-size: 15px;
    margin: 0;
    padding: 0;
}
/*input {
    background: transparent none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #c0c0c0;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-sizing: border-box;
    color: #171717;

    font-size: 1em;
    margin: 0;
    max-width: 100%;
    overflow: visible;
    padding: 5px 8px 5px 0;
    text-overflow: ellipsis;
    vertical-align: baseline;
    white-space: nowrap;
}*/

.notepad {
    background-attachment: local;
    background-color: #fffeeb;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJSc+CiAgPGRlZnMgaWQ9J2RlZnM0Jz4KCQk8ZmlsdGVyIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0nc1JHQicgaWQ9J2YnPgoJCQk8ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nMTAwIC44NScgbnVtT2N0YXZlcz0nMScvPgoJCTwvZmlsdGVyPgoJCTxwYXR0ZXJuIHBhdHRlcm5Vbml0cz0ndXNlclNwYWNlT25Vc2UnIHBhdHRlcm5UcmFuc2Zvcm09J3RyYW5zbGF0ZSgwIDUwKScgaWQ9J2wnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzI1Jz4KCQkJPGxpbmUgeDE9Jy0xMCUnIHkxPScxJyB4Mj0nMTEwJScgeTI9JzEnIHN0cm9rZT0nIzU1NjY4OCcgc3Ryb2tlLXdpZHRoPScxJy8+CgkJPC9wYXR0ZXJuPgoJCTxwYXR0ZXJuIHBhdHRlcm5Vbml0cz0ndXNlclNwYWNlT25Vc2UnIGlkPSdwJyB3aWR0aD0nMTAwJyBoZWlnaHQ9JzEwMCc+CgkJCTxyZWN0IHg9Jy0xMCcgeT0nLTEwJyBoZWlnaHQ9JzEyMCcgd2lkdGg9JzEyMCcgc3R5bGU9J2ZpbHRlcjp1cmwoI2YpJyAvPgoJCTwvcGF0dGVybj4KCTwvZGVmcz4KCTxyZWN0IHg9Jy0xMCUnIHk9Jy0xMCUnIGhlaWdodD0nMTIwJScgd2lkdGg9JzEyMCUnIHN0eWxlPSdmaWxsOnVybCgjcCknIC8+Cgk8cmVjdCB4PSctMTAlJyB5PSc1MCcgaGVpZ2h0PScxMDAlJyB3aWR0aD0nMTIwJScgc3R5bGU9J2ZpbGw6dXJsKCNsKScgLz4KCTxsaW5lIHgxPSc4MCcgeTE9Jy01JScgeDI9JzgwJyB5Mj0nMTA1JScgc3Ryb2tlPScjODU2JyAvPgoJPHJlY3QgeD0nLTUwJScgeT0nLTUwJScgaGVpZ2h0PScyMDAlJyB3aWR0aD0nMjAwJScgc3R5bGU9J2ZpbGw6I2ZmZmVlYjtmaWxsLW9wYWNpdHk6MC44OycvPgo8L3N2Zz4K");
    border-radius: 1px;
    color: #333;
    font-size: 14px;
    line-height: 25px;
    padding: 51px 20px 0 90px;
    resize: none;
    text-shadow: 1px 1px 1px white;
}
.filterbox {
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 20px;
}
.filterbox_buttondiv {
    margin-top: 10px;
    text-align: center;
}
.configtable, .configtablemodal {
    border: 2px solid #f0f0f0;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.configtable td, .configtablemodal > tbody > tr > td {
    line-height: 35px;
    padding: 20px;
    vertical-align: top;
}
.configtable > tbody > tr > td:first-child {
    width: 300px;
}
.configtablemodal > tbody > tr > td:first-child {
    width: 220px;
}
.configtable > tbody > tr:nth-child(2n), .configtablemodal > tbody > tr:nth-child(2n) {
    background-color: #f5f5f5;
}
.configtable > tbody > tr:nth-child(2n+1), .configtablemodal > tbody > tr:nth-child(2n+1) {
    background-color: transparent;
}
.alternate > tbody > tr:nth-child(2n) {
    background-color: #f5f5f5;
}
#configtable, #configtablemodal {
    border: 2px solid #f0f0f0;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
#configtable > tbody > tr > td, #configtablemodal > tbody > tr > td {
    line-height: 35px;
    padding: 20px;
    vertical-align: top;
}
#configtable > tbody > tr > td:first-child {
    width: 300px;
}
#configtablemodal > tbody > tr > td:first-child {
    width: 220px;
}
#configtable > tbody > tr:nth-child(2n+1), #configtablemodal > tbody > tr:nth-child(2n+1) {
    background-color: transparent;
}
#configtable > tbody > tr:nth-child(2n), #configtablemodal > tbody > tr:nth-child(2n) {
    background-color: #f5f5f5;
}
textarea.notes {
    background-color: lightyellow;
    font-size: 1.2em;
    padding: 15px;
}
.progressicon {
    animation: 0.4s linear 0s normal none infinite running progressrotation;
    border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    border-style: solid;
    border-width: 2px;
    display: inline-block;
    height: 26px;
    position: relative;
    vertical-align: middle;
    width: 26px;
}
.progressiconbig {
    animation: 0.4s linear 0s normal none infinite running progressrotation;
    border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    border-style: solid;
    border-width: 3px;
    display: inline-block;
    height: 100px;
    position: relative;
    vertical-align: middle;
    width: 100px;
}
@keyframes progressrotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}
span.topdecor {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , darkorange 50%, #ffe6b7 50%) repeat scroll 0 0 / 50px 25%;
    display: block;
    margin-top: -3px;
    padding: 2px;
}
#topbackground {
    background-image: -moz-linear-gradient(center top , rgba(200, 200, 200, 1) 0%, rgba(210, 210, 210, 0) 100%);
    height: 5px;
    left: 0;
    position: fixed;
    top: 50px;
    width: 100%;
    z-index: 1000;
}
#topbackground_apidoc {
    background-image: -moz-linear-gradient(center top , rgba(200, 200, 200, 1) 0%, rgba(210, 210, 210, 0) 100%);
    height: 5px;
    width: 100%;
    z-index: 1000;
}
#topbackground_geosearch {
    background-image: -moz-linear-gradient(center top , rgba(200, 200, 200, 1) 0%, rgba(210, 210, 210, 0) 100%);
    height: 5px;
    width: 100%;
    z-index: 1000;
}
#simplemodal-overlay {
    background-color: #000000;
}
#simplemodal-container {
    background-color: orange;
    background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 0 0 15px 2px #111111;
    height: 20px;
    padding: 12px;
}
#simplemodal-container .simplemodal-data {
    height: 20px;
}
#simplemodal-container button.modalCloseImg {
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 0;
}
.codegreen {
    background-color: #cee8cf;
    border-radius: 4px;
    color: darkgreen;

    font-size: 90%;
    padding: 2px 9px;
}
.code {
    background-color: #f9f2f4;
    border-radius: 4px;
    color: #c7254e;

    font-size: 90%;
    padding: 2px 9px;
}
.nothingfound {
    padding-left: 5px;
}
#footer {
    background-color: #333333;
    background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 50%);
    margin-top: 0;
    padding: 20px 0 0;
}
#footer a {
    color: #c0c0c0;
}
.footer_header {
    color: white;
    font-size: 15px;
}
.hl {
    background-color: #f0f0f0;
    background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 100%);
}
.hl_orange {
    background-color: #ffe6b7;
    background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 100%);
}
.strike {

    font-size: 32px;
    font-weight: bold;
    text-shadow: 1px 1px 1px white;
}
.smallstrike {

    font-size: 20px;
    text-shadow: 1px 1px 1px white;
}
.msg_outer {
    background-color: #94c488;
    border: 1px solid #94c488;
    border-radius: 5px;
    box-shadow: 2px 2px 3px 1px #555555;
    color: black;
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 10px;
    position: relative;
    text-shadow: 0 0 3px white;
}
.alertmsg_outer {
    background-color: #f3b13e;
    border: 1px solid #f3b13e;
    border-radius: 5px;
    box-shadow: 2px 2px 3px 1px #555555;
    color: black;
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 10px;
    position: relative;
    text-shadow: 0 0 3px white;
}
.errormsg_outer {
    background-color: #d27d76;
    border: 1px solid #d27d76;
    border-radius: 5px;
    box-shadow: 2px 2px 3px 1px #555555;
    color: white;
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 10px;
    position: relative;
    text-shadow: 1px 1px 1px black;
}
.note_outer {
    background-color: #e0e0e0;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    box-shadow: 2px 2px 3px 1px #555555;
    color: black;
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 10px;
    position: relative;
    text-shadow: 0 0 3px white;
}
.errormsg_outer table a {
    color: white;
    text-decoration: underline;
}
.alertmsg_outer table a {
    color: black;
    text-decoration: underline;
}
.msg_outer table a {
    color: black;
    text-decoration: underline;
}
span.prepend {
    white-space: nowrap;
}
span.prepend span {
    border-radius: 4px;
}
span.prepend input, span.prepend select {
    border-left: medium none;
    border-radius: 0 4px 4px 0;
}
span.addon {
    background-color: #eeeeee;
    border: 1px solid #c0c0c0;
    display: inline-block;
    min-width: 16px;
    padding: 1px 5px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    width: 30px;
}
input, textarea {
    transition: border 0.1s linear 0s, box-shadow 0.1s linear 0s, background-color 0.1s linear 0s;
}
.tsblack {
    text-shadow: 1px 1px 1px black;
}
.tsgray {
    text-shadow: 1px 1px 1px gray;
}
.tswhite {
    text-shadow: 1px 1px 1px white;
}
.rb5right {
    border-radius: 0 5px 5px 0;
}
.rb5left {
    border-radius: 5px 0 0 5px;
}
.rb5bottom {
    border-radius: 0 0 5px 5px;
}
.rb5top {
    border-radius: 5px 5px 0 0;
}
.gr {
    background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 100%);
}
.rb2 {
    border-radius: 2px;
}
.rb3 {
    border-radius: 3px;
}
.rb5 {
    border-radius: 5px;
}
.rb10 {
    border-radius: 10px;
}
.rb15 {
    border-radius: 15px;
}
.rb20 {
    border-radius: 20px;
}
.bsinsettop {
    box-shadow: 0 8px 6px -6px #999 inset;
}
.bs {
    /*box-shadow: 0 0 5px 2px #cccccc;*/
}
.bsgray {
    box-shadow: 0 0 5px 2px #555555;
}
.bsblack {
    box-shadow: 0 0 5px 2px #000000;
}
.bsred {
    box-shadow: 0 0 5px 2px darkred;
}
.bsgreen {
    box-shadow: 0 0 5px 2px darkgreen;
}
.bsblue {
    box-shadow: 0 0 5px 2px #5589f5;
}
.bsbluesmall {
    box-shadow: 0 0 2px 2px #5589f5;
}
.bsredbottom {
    box-shadow: 0 4px 2px -2px darkred !important;
}
.bggray {
    background-color: #f0f0f0;
}
.bgdarkgray {
    background-color: #c0c0c0;
}
.bgblue {
    background-color: #e6ecf8;
}
.bgdarkblue {
    background-color: #0882bc;
}
.bggreen {
    background-color: #cdffd4;
}
.bgorange {
    background-color: darkgrey;
}
.bglightorange {
    background-color:beige;
}
.bgred {
    background-color: darkred;
}
.bgyellow {
    background-color: lightyellow;
}
.bgwhite {
    background-color: white;
}
.white {
    color: white;
}
.checkbox {
    margin-left: 0;
    margin-right: 5px;
    vertical-align: -2px;
}
.radio {
    margin-left: 0;
    margin-right: 5px;
    vertical-align: -2px;
}
#inputtable {
}
#inputtable td {
    height: 35px;
}
#maintable {
    line-height: 2.6em;
    margin-bottom: 5px;
    text-align: left;
    transition: all 0.2s ease-in-out 0s;
}
#maintable td {
    border-bottom: 1px solid #e8e8e8;
    padding: 3px 10px;
}
#maintable th {
    -moz-user-select: none;
    background:#ebebeb none repeat scroll 0 0;
    color: #1b1e21;
    padding: 4px 10px;
    text-align: left;
    text-shadow: 0 1px 2px #555555;
    transition: all 0.2s ease-in-out 0s;
    font-family: "montserratsemi_bold";
}
#maintable.orange th {
    -moz-user-select: none;
    background: #ebebeb none repeat scroll 0 0;
    color: #1b1e21;
    padding: 4px 10px;
    text-align: left;
    font-family: "montserratsemi_bold";
    text-shadow: 0 1px 2px white;
    transition: all 0.2s ease-in-out 0s;
}
#maintable .odd {
    background: #f0f0f0 none repeat scroll 0 0;
}
#maintable .even {
    background: #fafafa none repeat scroll 0 0;
}
.smalltable {
    font-size: 11px;
}
#searchtable {
    margin-bottom: 0;
}
#searchtable td {
    border-bottom: 0 solid white;
    padding: 0;
}
#searchtable input {
    box-sizing: border-box;
    color: #c0c0c0;
    font-style: italic;
    width: 100%;
}
#searchtable input:focus {
    color: #3d3d3d;
    font-style: normal;
}
#searchtable img {
    cursor: pointer;
    margin-left: 3px;
    margin-top: 2px;
}
#searchtd {
    padding: 0;
}
input.search {
    padding-left: 25px;
    padding-right: 20px;
}
#pagination {

    margin-top: 10px;
}
#pagination a {
    -moz-user-select: none;
    background-color: #e2e2e2;
    background-image: -moz-linear-gradient(center top , #f4f4f4 0%, #e2e2e2 100%);
    border: 1px solid #b3b3b3;
    border-radius: 3px;
    color: black;
    cursor: pointer;
    margin: 0 1px;
    padding: 4px 12px;
    text-decoration: none;
    text-shadow: 1px 1px 1px white;
    vertical-align: middle;
}
#pagination a:hover {
    background-color: #c2c2c2;
    background-image: -moz-linear-gradient(center top , #f4f4f4 0%, #c2c2c2 100%);
}
#pagination a.prev {
    display: block;
    float: left;
}
#pagination a.next {
    display: block;
    float: right;
    margin-top: 1px;
}
#pagination .entriesperpage {
    float: right;
    margin-right: 10px;
}
#pagination select {
    width: 80px;
}
#pagination a.dis, #pagination a.dis:hover {
    background: #f4f4f4 none repeat scroll 0 0;
    color: #909090;
    cursor: default;
}
#pagination input.selected {
    background-color: #7f7f7f;
    background-image: -moz-linear-gradient(center top , #a5a5a5 0%, #7f7f7f 100%);
    border: 1px solid #757575;
    border-radius: 3px;
    color: white;
    font-weight: bold;
    margin: 0;
    padding: 7px 2px;
    text-align: center;
    text-shadow: 1px 1px 1px #333;
    vertical-align: middle;
    width: 50px;
}
.small {
    font-size: 13px;
    line-height: 18px;
}
.disabled {
    color: #909090;
}
.fr {
    float: right;
}
.fl {
    float: left;
}
.cursor {
    cursor: pointer;
}
.bold {
    font-weight: bold;
}
.courier {

    font-size: 1em;
}
.nowrap {
    white-space: nowrap;
}
.tabs {
    -moz-user-select: none;
    border-bottom: 1px solid #e0e0e0;
    color: #777777;

    font-size: 16px;
    line-height: 44px;
    margin-bottom: 15px;
}
.tabs div {
    background: #f0f0f0 none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    float: left;
    height: 33px;
    line-height: 33px;
    margin-right: -1px;
    margin-top: 10px;
    padding: 0 10px;
    text-shadow: 1px 1px 1px white;
}
.tabs .on {
    background: white none repeat scroll 0 0;
    border-color: #d0d0d0 #d0d0d0 white;
    border-radius: 5px 5px 0 0;
    border-style: solid;
    border-width: 1px 1px 2px;
    color:  #1b1e21;
    cursor: default;
    float: left;

    font-size: 16px;
    height: 46px;
    line-height: 46px;
    margin-top: 1px;
    padding: 0 20px;
    text-shadow: 0 0 0 #ffffff;
}
.tabs div:hover {
    background-color:darkgrey;
    color: white;
    text-shadow: none;
}
.tabs .on:hover {
    background-color: white;
    color: #1b1e21;
    text-shadow: none;
}
#bigtabs {
    -moz-user-select: none;
    color: #777777;
    display: block;

    font-size: 25px;
    font-style: normal;
    font-weight: normal;
    line-height: 50px;
    margin: 0 0 20px;
}
#bigtabs div {
    background: #f0f0f0 none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    float: left;
    font-size: 26px;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
    margin-top: 10px;
    padding: 0 10px;
    text-shadow: 1px 1px 1px white;
}
#bigtabs .on {
    background-color: white;
    border-color: -moz-use-text-color -moz-use-text-color darkorange;
    border-radius: 1px;
    border-style: none none solid;
    border-width: medium medium 2px;
    box-shadow: 0 0 5px 2px #ffe6b7;
    color: darkorange;
    cursor: default;
    float: left;
    font-size: 34px;
    height: 60px;
    line-height: 60px;
    margin-top: 1px;
    padding: 0 20px;
    z-index: 100;
}
#bigtabs div:hover {
    background-color: orange;
    color: white;
    text-shadow: none;
}
#bigtabs .on:hover {
    background-color: white;
    color: darkorange;
    text-shadow: none;
}
[class^="browser-"], [class*=" browser-"] {
    background: rgba(0, 0, 0, 0) url("../images/sprites_browser.png") no-repeat scroll 0 0;
    display: inline-block;
    vertical-align: text-bottom;
}
.browser-firefox {
    background-position: -146px -11px;
    height: 64px;
    width: 64px;
}
.browser-chrome {
    background-position: 0 -9px;
    height: 64px;
    width: 64px;
}
.browser-other {
    background-position: -366px -11px;
    height: 64px;
    width: 64px;
}
.browser-safari {
    background-position: -294px 0;
    height: 72px;
    width: 64px;
}
.browser-internetexplorer {
    background-position: -217px -2px;
    height: 68px;
    width: 71px;
}
.browser-opera {
    background-position: -74px -10px;
    height: 64px;
    width: 64px;
}
[class^="devices-"], [class*=" devices-"] {
    background: rgba(0, 0, 0, 0) url("../images/sprites_devices.png") no-repeat scroll 0 0;
    display: inline-block;
    vertical-align: text-bottom;
}
.devices-pc {
    background-position: 0 0;
    height: 64px;
    width: 76px;
}
.devices-tablet {
    background-position: -83px -1px;
    height: 48px;
    width: 38px;
}
.devices-mobile {
    background-position: -126px -1px;
    height: 32px;
    width: 17px;
}
[class^="platform-"], [class*=" platform-"] {
    background: rgba(0, 0, 0, 0) url("../images/sprites_platform.png") no-repeat scroll 0 0;
    display: inline-block;
    vertical-align: text-bottom;
}
.platform-symbian {
    background-position: 0 0;
    height: 64px;
    width: 158px;
}
.platform-android {
    background-position: -165px 0;
    height: 64px;
    width: 69px;
}
.platform-ios {
    background-position: -240px 0;
    height: 64px;
    width: 100px;
}
.platform-mac {
    background-position: -349px 0;
    height: 64px;
    width: 67px;
}
.platform-windows {
    background-position: -423px 0;
    height: 64px;
    width: 83px;
}
.platform-linux {
    background-position: -512px 0;
    height: 64px;
    width: 37px;
}
.platform-blackberry {
    background-position: -558px -1px;
    height: 64px;
    width: 105px;
}
.op50 {
    opacity: 0.5;
}
.op50hover {
    opacity: 0.5;
}
.op25 {
    opacity: 0.25;
}
.op25hover {
    opacity: 0.25;
}
.op15 {
    opacity: 0.15;
}
.op15hover {
    opacity: 0.15;
}
.yesnobox {
    -moz-user-select: none;
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 100%);
    border: 2px solid #555555;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    overflow: visible;
    position: relative;
    vertical-align: middle;
    width: 20px;
}
.yesnoboximg {
    position: absolute;
    right: -7px;
    top: -6px;
}
.clear {
    clear: both;
}
.center {
    text-align: center;
}
.w100 {
    width: 100%;
}
.p5 {
    padding: 5px;
}
.p10 {
    padding: 10px;
}
.p20 {
    padding: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb25 {
    margin-bottom: 25px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb3 {
    margin-bottom: 3px;
}
.mt30 {
    margin-top: 30px;
}
.mt25 {
    margin-top: 25px;
}
.mt20 {
    margin-top: 20px;
}
.mt15 {
    margin-top: 15px;
}
.mt10 {
    margin-top: 10px;
}
.mt5 {
    margin-top: 5px;
}
.mt3 {
    margin-top: 3px;
}
.mr30 {
    margin-right: 30px;
}
.mr25 {
    margin-right: 25px;
}
.mr20 {
    margin-right: 20px;
}
.mr15 {
    margin-right: 15px;
}
.mr10 {
    margin-right: 10px;
}
.mr5 {
    margin-right: 5px;
}
.mr3 {
    margin-right: 3px;
}
.ml30 {
    margin-left: 30px;
}
.ml25 {
    margin-left: 25px;
}
.ml20 {
    margin-left: 20px;
}
.ml15 {
    margin-left: 15px;
}
.ml10 {
    margin-left: 10px;
}
.ml5 {
    margin-left: 5px;
}
.ml3 {
    margin-left: 3px;
}
.m3 {
    margin: 3px;
}
.m5 {
    margin: 5px;
}
.m10 {
    margin: 10px;
}
.m15 {
    margin: 15px;
}
.m20 {
    margin: 20px;
}
.m30 {
    margin: 30px;
}
.noselect {
    -moz-user-select: none;
}
/*button :not(.react-datepicker__navigation) {*/
    /*background-color: #808080;*/
    /*border: 1px solid #909090;*/
    /*color: #fff;*/
    /*font-size: 15px;*/
    /*line-height: 34px;*/
    /*margin: 0;*/
    /*min-width: 100px;*/
    /*opacity: 0.8;*/
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
    /*text-align: center;*/
    /*text-decoration: none;*/
    /*text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);*/
/*}*/
button:hover {
    cursor: pointer;
    opacity: 1;
}
button:active {
}
button[disabled] {
    background: #e1e1e1 none repeat scroll 0 0;
    border: 1px solid #c0c0c0;
    box-shadow: none;
    color: #a9a9a9 !important;
    cursor: default;
    text-shadow: none;
}
.btnblue {
    background-color: #004f8c;
    border: 1px solid #4c7edf;
    text-shadow: 0 0 2px rgba(66, 122, 171, 1);
}
.btnred {
    background-color: #da4f49;
    border: 1px solid #bd362f;
    text-shadow: 0 0 2px rgba(133, 40, 35, 1);
}
.btngreen {
    background-color: #5bb75b;
    border: 1px solid #51a351;
    text-shadow: 0 0 2px rgba(59, 117, 59, 1);
}
.btnorange {
    background-color: #faa732;
    border: 1px solid #f89406;
    text-shadow: 0 0 2px rgba(163, 96, 0, 1);
}
.btnblack {
    background-color: #363636;
    border: 1px solid #222222;
    text-shadow: 0 0 2px rgba(20, 20, 20, 1);
}
.btninfo {
    background-color: #49afcd;
    border: 1px solid #2f96b4;
    text-shadow: 0 0 2px rgba(27, 89, 107, 1);
}
.btnsmall {
    font-size: 12px;
    line-height: 22px;
    min-width: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
.btnbig {
    font-size: 18px;
    line-height: 46px;
    padding-left: 30px;
    padding-right: 30px;
}
.tooltip {
    display: inline;
    line-height: 24px;
    position: relative;
}
.tooltip::after {
    background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    color: #fff;
    content: attr(data-tool);
    display: block;
    height: auto;
    left: -100px;
    opacity: 0;
    padding: 10px 8px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    visibility: hidden;
    width: 200px;
    z-index: 999;
}
.tooltip::before {
    border-color: rgba(0, 0, 0, 0.85) transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0;
    bottom: 0;
    content: "";
    height: 0;
    left: 50%;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 0;
}
.tooltip:hover::after {
    bottom: 20px;
    opacity: 0;
    visibility: visible;
}
.tooltip:hover::before {
    bottom: 14px;
    opacity: 1;
    visibility: visible;
}
.tooltip.bottom::after {
    bottom: auto;
    top: 0;
}
.tooltip.bottom:hover::after {
    top: 30px;
}
.tooltip.bottom::before {
    border-color: transparent transparent rgba(0, 0, 0, 0.85);
    border-width: 0 5px 8.7px;
    display: none;
    top: 0;
}
.tooltip.bottom:hover::before {
}
.tooltip.right::after {
    bottom: -45%;
    left: 100%;
}
.tooltip.right:hover::after {
    bottom: -45%;
    left: 110%;
}
.tooltip.right::before {
    border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent;
    border-width: 5px 10px 5px 0;
    bottom: 2%;
    left: 90%;
}
.tooltip.right:hover::before {
    bottom: 2%;
    left: 100%;
}
.tooltip.left::after {
    bottom: -45%;
    left: auto;
    right: 100%;
}
.tooltip.left:hover::after {
    bottom: -45%;
    right: 110%;
}
.tooltip.left::before {
    border-color: transparent transparent transparent rgba(0, 0, 0, 0.85);
    border-width: 5px 0 5px 10px;
    bottom: 2%;
    left: auto;
    right: 90%;
}
.tooltip.left:hover::before {
    bottom: 2%;
    right: 100%;
}
.tooltip.orange::after {
    background: darkorange none repeat scroll 0 0;
}
.tooltip.orange::before {
    border-color: darkorange transparent transparent;
}
.tooltip.bottom.orange::before {
    border-color: transparent transparent darkorange;
}
.tooltip.right.orange::before {
    border-color: transparent darkorange transparent transparent;
}
.tooltip.left.orange::before {
    border-color: transparent transparent transparent darkorange;
}
.tooltip.animate::after, .tooltip.animate::before {
    transition: all 0.2s ease-in-out 0s;
}
input + .fieldtip {
    background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    color: #fff;
    content: attr(data-tool);
    font-size: 1.2em;
    font-weight: bold;
    height: auto;
    left: 15px;
    min-width: 100px;
    opacity: 0;
    padding: 5px 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
    visibility: hidden;
    z-index: 9999;
}
input + .fieldtip::after {
    border-color: transparent rgba(0, 0, 0, 0.75) transparent transparent;
    border-style: solid;
    border-width: 4px 8px 4px 0;
    content: "";
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    top: 8px;
    transition: all 0.2s ease-in-out 0s;
    visibility: hidden;
    width: 0;
}
input:focus + .fieldtip, input:focus + .fieldtip::after {
    opacity: 1;
    visibility: visible;
}
.circliful {
    position: relative;
}
.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    display: inline-block;
    position: absolute;
    text-align: center;
    width: 100%;
}
.circle-info, .circle-info-half {
    color: #f0f0f0;
}
.circliful .fa {
    bottom: 0;
    margin: -10px 3px 0;
    position: relative;
}
.pulse2 {
    animation: 1.5s linear 0s normal none infinite running pulse2;
}
@keyframes pulse2 {
    0% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes gridster_fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes gridster_fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.gridster {
    position: relative;
}
.gridster > * {
    margin: 0;
    transition: height 0.4s ease 0s, width 0.4s ease 0s;
}
.gridster .gs-w {
    position: absolute;
    z-index: 2;
}
.ready {
    animation: 0.2s ease 0s normal none 1 running gridster_fadeIn;
}
.ready .gs-w:not(.preview-holder) {
    transition: opacity 0.3s ease 0s, left 0.3s ease 0s, top 0.3s ease 0s;
}
.ready .gs-w:not(.preview-holder), .ready .resize-preview-holder {
    transition: opacity 0.3s ease 0s, left 0.3s ease 0s, top 0.3s ease 0s, width 0.3s ease 0s, height 0.3s ease 0s;
}
.gridster .preview-holder {
    background-color: #ffe6b7;
    border: 1px solid darkorange;
    margin-left: 10px;
    margin-top: 10px;
    opacity: 0.3;
    position: absolute;
    z-index: 1;
}
.gridster .player-revert {
    transition: left 0.3s ease 0s, top 0.3s ease 0s !important;
    z-index: 10 !important;
}
.gridster .dragging, .gridster .resizing {
    transition: all 0s ease 0s !important;
    z-index: 10 !important;
}
.gs-resize-handle {
    position: absolute;
    z-index: 1;
}
.gs-resize-handle-both {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=");
    background-position: left top;
    background-repeat: no-repeat;
    bottom: -8px;
    cursor: se-resize;
    height: 20px;
    right: -8px;
    width: 20px;
    z-index: 20;
}
.gs-resize-handle-x {
    bottom: 13px;
    cursor: e-resize;
    right: -5px;
    top: 0;
    width: 10px;
}
.gs-resize-handle-y {
    bottom: -5px;
    cursor: s-resize;
    height: 10px;
    left: 0;
    right: 13px;
}
.gs-w:hover .gs-resize-handle, .resizing .gs-resize-handle {
    opacity: 1;
}
.gs-resize-handle, .gs-w.dragging .gs-resize-handle {
    opacity: 0;
}
.gs-resize-disabled .gs-resize-handle {
    display: none !important;
}
[data-max-sizex="1"] .gs-resize-handle-x, [data-max-sizey="1"] .gs-resize-handle-y, [data-max-sizey="1"][data-max-sizex="1"] .gs-resize-handle {
    display: none !important;
}
.gridster li {
    box-sizing: border-box;
}
.fadeInDownPageSettings {
    animation-name: fadeInDownPageSettings;
}
.marginClass{
    margin-right: 5px;
}

.tableListing{
    border: 3px dashed #cccccc;
    border-radius: 8px;
    color: #7d888a;
    display: block;
    font-family: "montserratsemi_bold";
    font-size: 11px;
    height: 100%;
    line-height: 18px;
    margin-left: 10px;
    margin-top: 5px;
    padding: 17px;
    text-align: center;
    text-transform: uppercase;

    width: 21%;
}
.listDataChange{
    background-color: #808080;
    border: 3px hidden  #808080;

    border-radius: 8px;
    color: white;
    display: block;
    font-family: "montserratsemi_bold";
    font-size: 11px;
    font-weight: bolder;
    height: 100%;
    line-height: 18px;
    margin-left: 10px;
    margin-top: 5px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;

    width: 21%;


}
.btn_heading
{
    font-size: 11px;
    color: #fff;
    display: block;
    line-height: 30px;
    width: 126px;
    text-align: center;
    background: #7d888a;
    border-radius: 18px;
    text-transform: uppercase;
    font-family: 'montserratbold';
    transition: all 0.4s ease;


    top: 4px;
}
.btn_heading:hover{
    cursor: pointer;
    background: #5ca1f7;
}
.scenario_contBox_fotr a:hover{
    text-decoration: none;
    cursor: pointer;
}
.fltrsTitle_cel strong{
    font-weight: bold !important;
    background: none !important;
}
.myClass1{
    background-color:#FFE6B7; line-height:8px; font-size:8px; position:relative; height:8px; overflow-y:hidden
}
.greenClass{
    background-color:#0a62a3;
}
.minus-btn {
    background: url(../images/sch_endDate_opsAmount_ninusIcon3x.png) center center/16px 2px no-repeat rgba(0,0,0,0);
    border: 1px solid #afb5b9;
    border-radius: 50%;
    display: block;
    float: right;
    height: 42px;
    transition: all .3s ease 0s;
    width: 42px;
    margin-right: -20px;
    margin-top: -38px;
}

.creative_topCircle_barBtn.active small{
    font-weight: bold !important;
}

.creative_topCircle_barBtn.active b{
    border: 2px solid !important;
    color: #0a62a3 !important;
}

.primaryIconi {
    background: #0a62a3;
    display: block !important;
}

.secondryIconi{
    background: #fdb417;
    display: block !important;
}

.tertiaryIconi{
    background: #c6db01;
    display: block !important;
}
.quaterneryIconi{
    background: #fd3d50;
    display: block !important;
}
.orderLabels small{
    float: left !important;
}

.orderLabels label{
    float: right !important;
}


.txtPush_previewMob_posBoxDetail p{ word-wrap: break-word;}

.voucherPreview{
    float: right;
    font-size: 14px;
    font-weight: 450;
    color: #7A8896;
    margin-right: 15%;
    margin-top: 4%;
    font-style: italic;
}
.popupDiv_segments_detail .column6_db{
    min-height: 404px;
}
.popupDiv_segments_detail  .gender_lits_detail{
    padding: 38px 20px 30px !important;
}
.image_notify_upload_area {
    z-index:1;
}
.dragAccordianData {
    z-index:2;
}
.dateRange .irs-with-grid{
position: static !important;
}
.dateRange .irs-grid{
    bottom: auto;
}
.dateRange .irs-bar{
    top:28px !important;
}
.dateRange .irs-slider{
    top:21px !important;
}
.testDrag:after{
    display: none !important;
}
.selected_tip button{
    line-height: 30px;
}
.activeSegmentsSelection h3{
    color: #0a62a3 !important;
}
.compaignDescription_outer label{ font-size: 14px;font-weight: 500;font-style: normal;font-stretch: normal;line-height: 2.14;letter-spacing: normal;text-align: left;color: #617283;}
.placeHolderLeft strong , .datePickerLeft strong{
    font-weight: 500;
}


.datePickerPrev{
    width: 11px !important;
    height: 5.3px !important;

    background-image: url('../images/leftDate.png') !important;
    background-repeat: no-repeat !important;

    background-position: center !important;

}
.datePickerNext{
    width: 11px !important;
    height: 5.3px !important;

    background-image: url('../images/rightDate.png') !important;
    background-repeat: no-repeat !important;

    background-position: center !important;
}

.hidden{
    display:none;
}

.selectedItem {
    background-color: #0a62a3;
    border-radius: 3px;
}

.channelsIcon {
            background-size: 36px auto !important;
        }

.highcharts-point.highcharts-color-1 {
    /*height: 200px;*/
    background: -webkit-linear-gradient(red, yellow, green) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(red, yellow, green) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(red, yellow, green) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(red, yellow, green) !important; /* Standard syntax (must be last) */
}
.GaugeMeter {
    position: Relative;
    text-align: Center;
    overflow: Hidden;
    cursor: Default;
    display: inline-block;
}
.GaugeMeter SPAN, .GaugeMeter B {
    width: 54%;
    position: Absolute;
    text-align: Center;
    display: Inline-Block;
    color: green;
    font-weight: 100;
    overflow: Hidden;
    white-space: NoWrap;
    text-overflow: Ellipsis;
    margin: 0 23%;font-weight: 300 !important
}

.GaugeMeter SPAN{font-size: 48px !important;}
.GaugeMeter SPAN U{font-size: 48px !important;}

.GaugeMeter SPAN,.GaugeMeter SPAN U
{
    color: #00c1de !important; font-weight: 300 !important ;
}

.GaugeMeter[data-style="Semi"] B {
    width: 80%;
    margin: 0 10%;
}
.GaugeMeter S, .GaugeMeter U {
    text-decoration: None;
    font-size: .60em;
    font-weight: 200;
    opacity: .6;
}
.GaugeMeter B {
    color: #000;
    font-weight: 200;
    opacity: .8;
}
.left_span_0 {
    color: #b0b4b7;
    display: block;
    float: left;
    margin-left: 41px;
    margin-top: -40px;
    width: 20px;
}
.right_span_100 {
    color: #b0b4b7;
    display: block;
    float: right;
    margin-right: 41px;
    margin-top: -40px;
}
.left_span_1 {
    color: #b0b4b7;
    display: block;
    float: left;
    margin-left: 67px;
    margin-top: -33px;
    width: 20px;
}
#redemption_rate_email_host > span {
    font-size: 32px !important;
}
.right_span_101 {
    color: #b0b4b7;
    display: block;
    float: right;
    margin-right: 47px;
    margin-top: -33px;
}

@media (min-width: 768px) and (max-width: 1249px) {
    .rightContent_main_outr.rb_dashboard_open{ padding-left: 50px !important;}
}

@media (min-width: 768px) and (max-width: 1023px){
    .compaignType_detail p { min-height: 170px; }
}

.droppedImagePreview {
            /*margin-left: 27%;
            margin-top: 17%;*/
            margin-top: 5%;
        }
.levels_bttn ul li a{
    padding: 0px 10px !important;
}
.cL_rowList_number{
    cursor: pointer;
}


.campLstng_paginaton_inn ul li{
    margin-left: -2px;
}
.disabled_drop_down{
    pointer-events: none;
}



.media_container{ width: 100%; padding: 55px 0px 55px;}

.media_search { width: 100%; padding-bottom: 50px;}

.media_search input { background:url(../images/mediaSearch_icon@2x.png) no-repeat 96% center; background-size:46px 46px; display: block; width: 100%; font-size: 72px;padding: 10px 11% 10px 20px;color: #1862a6; font-family: 'Roboto', sans-serif;font-weight:700;border-bottom: 1px solid #e4e7ec;}

.media_search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #d2d6dd;}
.media_search input::-moz-placeholder { /* Firefox 19+ */color: #d2d6dd;}
.media_search input:-ms-input-placeholder { /* IE 10+ */ color: #d2d6dd;}
.media_search input:-moz-placeholder { /* Firefox 18- */color: #d2d6dd;}



.media_menu_section{ width: 100%; padding: 40px 52px 0px 100px;  background-color: #ffffff;  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11); margin-bottom:25px;}

.media_menu_nav { width: 80%; float: left; padding-top:10px;}

.media_menu_nav ul li { float: left; padding-right: 50px; position:relative;}

.media_menu_nav ul li a {  font-size: 14px; color: #617283; border-bottom: 3px solid #fff; padding-bottom: 44px; display: block;transition:all 0.5s ease;}

.media_menu_nav ul li:hover a { border-bottom: 3px solid #0a62a3; color:#0a62a3;   }
.active_media_link{ border-bottom: 3px solid #0a62a3 !important; color:#0a62a3 !important;   }
.media_menu_nav ul li.selectNav a { border-bottom: 3px solid #0a62a3; color:#0a62a3 ;}


.media_menu_nav ul li ul { width:210px; background-color: #ffffff;  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); position:absolute; top:66px; left:-35px; padding:15px 10px; display:none;}

.media_menu_nav ul li ul li { padding-right:0px; float:none;}

.media_menu_nav ul li ul li a {border-radius: 3px; padding:12px 10px 12px 30px; border-bottom:0px !important;}

.media_menu_nav ul li ul li a:hover { background: #0a62a3; color:#fff ;}

.media_menu_nav ul li:hover ul { display:block;}


.addImg_btn { width:175px; float:right;}

.addImg_btn a { border-radius: 20px; line-height:40px; font-size:12px; letter-spacing:1px;display:inline-block; min-width:175px; text-align:center; background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff;  }






.media_galery_section{ width: 100%; padding: 55px 66px 35px;  background-color: #ffffff;  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11); margin-bottom:25px;}

.media_galery_heading { width:100%; padding-bottom:20px;}

.media_galery_heading h3 {  font-size: 32px; font-weight: 300;  color: #617283;border-bottom: 1px solid #e4e7ec; padding-bottom:12px;}

.media_galery_listing { width:100%; padding-bottom:40px;}

.media_galery_listing ul {column-count: 5; width: 100%;}

.media_galery_listing ul li {width: 100%; display: inline-block; vertical-align: top; padding-bottom: 15px;}


.media_galery_pic{ width:100%; position:relative; overflow:hidden; cursor:pointer; padding:6px;}

.media_galery_pic span { display:block; width:100%; }

.media_galery_pic span img { display:block; width:100%;}


.media_galery_slide_info { width:100%; position:absolute; bottom:-100%; left:0px;opacity: 0.9;  background-color: #3e4b57; padding:15px 10px;transition:all 0.4s ease;}

.media_galery_slide_info label { font-size: 12px; color: #ffffff; display:block; padding-bottom:15px;}

.img_edit_delete { width:100%;}

.img_edit_delete a {font-size: 12px; color: #a5adba; display:inline-block; padding-right:14px; margin-right:14px;border-right:1px solid #a5adba;}

.img_edit_delete a:last-child { border:0px;}


.media_galery_pic:hover   {border: solid 6px #00c1de;  padding:0px;}

.media_galery_pic:hover .media_galery_slide_info  { bottom:0px;transition:all 0.4s ease;}


.showAll_bttn{ width:100%; text-align:center;}

.showAll_bttn a{ width:100%;  background:url(../images/showAll_icon@2x.png) right center no-repeat; background-size:12px 12px; padding-right:32px;font-size: 12px;
    font-weight: 700; letter-spacing: 1.5px;  color: #617283;}







.media_category_listing { width:100%;  padding-top:3px;}

.media_category_listing ul { margin:0px -10px; font-size:0px;}

.media_category_listing ul li {width: 25%; display: inline-block; vertical-align: top; padding: 0px 10px 45px;}

.media_category_pic{ width:100%;}

.media_category_pic a { width:100%; display:block; margin-bottom:15px;}

.media_category_pic a img { width:100%; display:block;}

.media_category_pic span { display:block;font-size: 14px; color: #617283; padding-bottom:10px;}

.media_category_pic small { display:block;font-size: 12px; font-weight: 500; color: #a5adba;}



.media_image_info { width:100%;}

.media_image{ width:42%; float:left;}

.media_image span { width:100%; display:block; }

.media_image span img { width:100%; display:block;}


.media_image_info_right { width:54%; float:right;}

.media_image_infoHead { width:100%;}

.media_image_infoHead h3 {font-size: 24px; color: #0a62a3; padding-bottom:18px;}

.media_image_infoHead h4 { font-size: 16px; font-weight: 700; color: #617283; padding-bottom:60px;}

.media_image_info_tags { width:100%;border-radius: 6px; background-color: #ffffff;  border: solid 1px #d2d6dd; margin-bottom:10px; margin-bottom:45px;}

.image_info_tags_list { width:100%; padding:18px 15px 12px;}

.image_info_tags_list ul li { display:inline-block; padding-right:8px;padding-bottom:8px;}

.image_info_tags_list ul li span { border-radius: 4px; border: solid 1px #617283;font-size: 14px; color: #617283; display:block;padding: 7px 20px; }



.saveTags { width:100%; }

.saveTags ul li { padding-right:10px; width:175px; display:inline-block}

.saveTags ul li a { border-radius: 4px; background-color: #d2d6dd; border: solid 1px #a5adba; line-height:40px; font-size:12px; letter-spacing:1px; color: #617283;   display:block; text-align:center;  }

.saveTags ul li a.selecCompaignBttn {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff;  }
.saveTags ul li a:hover  {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff; transition:all 0.5s ease; }




.similer_images_info { width:100%; position:relative;}

.similer_images_info .media_galery_heading h3 { padding-bottom:55px; padding-left:65px;}


.similer_images_slider{  width:100%; position:relative; padding:5px 65px 0px;}

.similer_images_slider .owl-dots { display:none;}

.similer_images_slider .owl-prev  { font-size:0px !important; background:url(../images/prevSlide_icon@2x.png) no-repeat !important; width:12px !important; height:12px !important; display:block !important; background-size:12px 12px !important;position:absolute; right :-15px; top:-95px;}

.similer_images_slider .owl-next  { font-size:0px !important; background:url(../images/nextSlide_icon@2x.png) no-repeat !important; width:12px !important; height:12px !important; display:block !important; background-size:12px 12px !important; position:absolute; right :-55px; top:-95px;}





.addImg_place .image_notify_upload_area { background:url(../images/add_img_popup_img.png) top center no-repeat; background-size:cover;height:150px;}

.addPic_popup .popupDiv{ width:630px; margin-left:-315px; }

.seprateTag { display:block; font-size: 12px; font-style: italic;  line-height: 1.5; color: #617283; padding-top:8px; padding-left:25px;}





.creatCategory_popup .popupDiv{ width:630px; margin-left:-315px; }

.addCategry_list_form{ width:100%;border-radius: 6px; border: solid 7px #f7f8f8; padding:15px 5px 15px 15px; height:350px;}

.addCategry_list_form h4 {  font-size: 14px; font-weight: 500;  color: #617283; padding-bottom:10px; }

.popupList_Scroll_list ul{ padding-right:10px;}

.addCategry_list_form ul li {padding-bottom:20px;}

.add_category_data  {   width:100%;}

.add_category_data input { background-color: #f7f8f8;  font-size: 16px; font-weight: 300; color: #0a62a3; width: 93%;  height: 40px;  padding: 5px 12px; display:inline-block; vertical-align:middle;text-align:left;}

.add_category_data input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #0a62a3;}
.add_category_data input::-moz-placeholder { /* Firefox 19+ */color: #0a62a3;}
.add_category_data input:-ms-input-placeholder { /* IE 10+ */ color: #0a62a3;}
.add_category_data input:-moz-placeholder { /* Firefox 18- */color: #0a62a3;}


.addCatgry {width:16px; height:16px; display:inline-block; background:url(../images/plusCategory_icon@2x.png) no-repeat; background-size:16px 16px; vertical-align:middle; margin-left:2%;}

.popupList_Scroll   { height:90%;}
.showData{
    display: block !important;
}
.listHighlight { border: solid 1px #006bcf;}

.disableCriteria {
    opacity: 0.3;
    pointer-events: none;
}

.list_popup_tabs{
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
}

.list_popup_tabs li{
    width: auto !important;
    display: table-cell !important;
    padding: 0px 1px !important;
}
.list_popup_tabs li:last-child{
    padding-right: 0 !important;
}

.customImage img {

    height: 300px;
}


.currentBeacon{
    opacity: 0.6;
}
.bcnConfig_tblOut {
    padding-bottom: 0px !important;
    width: 100%;
}

#beacon-style {
    width: 30px;
    height: 30px;
    position: absolute;
    margin-top: -50px;
    margin-left: -50px;
    background: #FEBE10;
    border-radius: 15px;
    display: block;
}
#beacon-style-add {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #FEBE10;
    border-radius: 15px;
    display: block;
    background:url('../images/blueTooth2.png');
    background-size: cover;
}
#beacon-style-edit {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #FEBE10;
    border-radius: 15px;
    display: block;
    background:url('../images/blueTooth2.png');
    background-size: cover;
}

.beacon-style-on-main-add {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    background:url('../images/blueTooth2.png');
    background-size: cover !important;
    border-radius: 15px;
    display: block;
}

.proxitrgrr_chosBeacon_bldngMap_out {
    position: relative;
    width: 100%;
}
.beacon-style-on-main {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: red;
    border-radius: 15px;
    display: block;
    background:url('../images/blueTooth2.png');
    background-size: cover;
}
.single_tblRow_checkBox{ height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.tooltip {
    position: absolute;
    display: block;
    border-bottom: 1px  black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: white;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.popups_outer {width: 100%; position: fixed; margin:0px auto; height: 100%; z-index: 2; left: 0px; top: 0px; display:none;}

.popups_inner { width:100%; height:100%;}

.overley_popup { width: 100%;  height: 100%;  position: fixed; top: 0px;  left: 0px;   background-color: rgba(17, 55, 86, 0.8);}

.popupDiv1 { width:556px; position:absolute; left:50%; margin-left:-278px; top:8%;}

.popupDiv_detail { width:100%;}

.closePop { width:10px; height:10px; background:url(../images/closepopup_icon@2x.png) no-repeat; background-size:10px 10px; display:block; position:absolute; right:15px; top:15px;}


.alertPopup_div { width:100%;  }

.popup_main_heading { width:100%; text-align:center; position:relative; }

.popup_main_heading h3 { padding: 7px 15px; line-height: 29px; text-align:center; display:block; background:#0a62a3; text-transform:uppercase;border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;-ms-border-radius:6px 6px 0px 0px;-o-border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px; width:100%; font-size:16spx; color:#fff ;font-weight:700;  }

.popup_main_heading .closePop { right:25px; top:22px; display:none;}

.alertPopup_info { width:100%;  background:#fff; border-radius:0px 0px 6px 6px;-moz-border-radius:0px 0px 6px 6px;-ms-border-radius:0px 0px 6px 6px;-o-border-radius:0px 0px 6px 6px;-webkit-border-radius:0px 0px 6px 6px; width:100%;  }


.alertPopup_description {width:100%;border-bottom:1px solid  #f5f5f5; padding:11px 15px 0px; text-align:center;}

.alertPopup_description span { display:inline-block; width:70px; margin-bottom:7px;}

.alertPopup_description span img { display:block; width:58%;}

.alertPopup_description p { font-size: 16px;   color: #617283; line-height:27px;}

.alertPopup_description p b {font-weight: 700; color: #0a62a3;}


.okCancel_warning { width:100%; text-align:center; font-size:0px;}

.okCancel_warning a { width:50%; display:inline-block;font-size: 16px; font-weight: 700; letter-spacing: 2px;  color: #617283;border-right:1px solid  #f5f5f5; padding: 8px 20px; line-height: 29px; text-transform:uppercase;}

.okCancel_warning a:last-child { border:0px;}
.selectedBox{background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff;  }

.customChartValue {
    font-size: 24px;
    color: #617283;
    font-weight: 700;
    font-family: Roboto;
}

.customChartLabel {
    color: #a5adba;
    text-align: center;
    letter-spacing: normal;
    line-height: normal;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    width: 49px;
    height: 14px;
    font-family: Roboto;
}

#app_loader{
    justify-content: center !important;
    height: 50px !important;
}
.loader_background{
    text-align: center;
    color: white;
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: -12px;
    background: #003a5d;
    width: 96px;
    border-radius: 16px;
    padding: 20px 10px 10px 10px;
    z-index: 1000;
}
.loader_background image{
    text-align: center;
    color: white;
    font-size: 16px;
    font-weight: bold;
}
.disabled_loader{
    display: none !important;
}
.enabled_loader{
    display: flex !important;
}
#modal-overlay {
    position: fixed;
    z-index: 10;
    background: black;
    opacity: .25;
    filter: alpha(opacity=75);
    width: 100%;
    height: 100%;
}

/* Example Styles for React Tags*/
div.ReactTags__tags {
    position: relative;
}

/* Styles for the input */
div.ReactTags__tagInput {
    width: 200px;
    border-radius: 2px;
    display: inline-block;
}
div.ReactTags__tagInput input.ReactTags__tagInputField,
div.ReactTags__tagInput input.ReactTags__tagInputField:focus {
    height: 31px;
    margin: 0;
    font-size: 12px;
    width: 100%;
   // border: 1px solid #eee;
}

/* Styles for selected tags */
div.ReactTags__selected span.ReactTags__tag {
    border: 1px solid #ddd;
    background: #eee;
    font-size: 12px;
    display: inline-block;
    padding: 5px;
    margin: 0 5px;
    cursor: move;
    border-radius: 2px;
}
div.ReactTags__selected a.ReactTags__remove {
    color: #aaa;
    margin-left: 5px;
    cursor: pointer;
}

/* Styles for suggestions */
div.ReactTags__suggestions {
    position: absolute;
}
div.ReactTags__suggestions ul {
    list-style-type: none;
    box-shadow: .05em .01em .5em rgba(0,0,0,.2);
    background: white;
    width: 200px;
}
div.ReactTags__suggestions li {
    border-bottom: 1px solid #ddd;
    padding: 5px 10px;
    margin: 0;
}
div.ReactTags__suggestions li mark {
    text-decoration: underline;
    background: none;
    font-weight: 600;
}
div.ReactTags__suggestions ul li.ReactTags__activeSuggestion {
    background: #b7cfe0;
    cursor: pointer;
}

.chanelType_outer_setting .chanelType_column{width: 33% !important;}
.chanelType_outer_setting .chanelType_column p br{display: none !important;}

.custom--time-picker > input{
    background: #F7F8F8;
    border: none;
    padding-top: 0px;
}

.autoContent{
    padding: 0 !important;
}
.multi-select {
    min-height: 40px ;
}
.multi-select li {
    padding: 0 !important;
}
.multi-select .options{
    height: auto !important;
}

.selected-options .arrow{
    margin-top: 11px !important;
    font-size: 15px !important;
    float: right !important;
}

.selected-options .set_width{
    margin-top: 4px !important;
    font-size: 15px !important;
    float: right !important;
}

.selected-options .selected-options-badges-list {
    width: 90% !important;
    padding: 4px 0 !important;
}

.selected-options {
    background-color: #f7f8f8 !important;
}

.multi-select .selected-options-badges{
    line-height: 15px !important;
}

.header--venue--dropdown span{
    background-color: #065287 !important;
    border-radius: 0px !important;
    border: none !important;
    color: white !important;
}

.multi-select .arrow{
    padding-right: -7px !important;
 /*  // background: url(../images/all_select_down_arows.png) no-repeat 54% 4px !important;*/
    cursor: pointer !important;
    width: 10% !important;
    text-align: center;
    float: none !important;
}

.multi-select .arrow::before {
    content: '\25BC';
    vertical-align: middle;
}

.droppedImagePreview {
    height: 200px;
}

.customPlaceHolder li{
    padding-bottom: 10px !important;
}

.active--channel {
    color: green;
    font-weight: bold;
    cursor: pointer;
}

.deActive--channel{
    color: red;
    font-weight: bold;
    cursor: pointer;
}



.listStyle { width: 100%;  font-size: 0px; max-width: 90%;margin: auto;}

.listStyle li { width: 25% !important; display: inline-block; vertical-align: top; margin: 0px !important; padding: 0px 10px 40px;}

.listStyle .continueCancel {  text-align: center; padding-top: 20px;}

.listStyle .continueCancel a {
    line-height: 33px;
    min-width: 73px;
    margin: 0px 3px auto !important;
}

.innerData {    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11); background: #fff;}

.deleteBttn {}

.search_field { max-width: 450px; margin: auto; font-size: 0px;}

.search_field input {width: 72%; display: inline-block; vertical-align: middle;
    border-radius: 6px;
    border: solid 1px #d2d6dd;
    padding: 8px 15px;background: #fff;}


.search_field button{
    border-radius: 4px;
    background-color: #003a5d;
    border: 0px;
    line-height: 32px;
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
    display: inline-block;
    min-width: 24%;
    text-align: center;vertical-align: middle; margin-left: 8px;}


.columnsHead {    min-height: 52px; width: 100%; padding: 12px; border-radius: 6px 6px 0px 0px;    background-color: #fafafa; border-bottom: solid 1px #dbdbdb;}


.columnBox_outer {    border: solid 1px #dbdbdb;width: 100%;     border-radius: 6px;}

.columnsHead strong {
    font-size: 14px;
    font-weight: 500;
    color: #003a5d;
    text-transform: uppercase; display: block;;
}

.react-datepicker-wrapper, .react-datepicker__input-container {
    width: 100% !important;
}

.edit_icon {
    background: url(../images/edit_icon@2x.png) left center no-repeat;
    width:21px;
    height:21px;
    background-size:100% ;
}


.cL_listing_tableInn ul li ul li { background:#fff; }

.faq_questions_show strong {
    font-weight: bold !important;
}


.cL_listing_tableInn ul li ul li .cL_listing_tableTitle {background:#fff8d6;border-bottom: solid 1px #d2d6dd !important;}


.cL_listing_tableInn ul li ul li .cL_listing_table_row {padding: 7px 20px 7px 20px !important;}

.cL_listing_tableInn ul li ul li ul li { background:#fff; padding-left:0px;border-bottom: solid 1px #d2d6dd !important;}

.cL_listing_tableInn ul li ul li .cL_listing_table_row {  padding-left:50px!important;}

.cl_rowEdit_popOut1{ width:39%; height:50px; position:absolute; right:0; top:0px; transition:all 0.6s ease-in-out; }

.radio_buttons{
    -webkit-appearance: radio;
    position: static !important; opacity: 1 !important;
    margin: 0px !important;
    margin-right: 5px !important ;display: inline-block; vertical-align: middle;
}


.radio_buttons_outer {
    padding: 20px;}

.radio_buttons_outer ul li { display: inline-block; vertical-align: top; margin-right: 15px;}

.popupDiv_config {

    width: 1170px !important;
    position: absolute !important;
    left: 50% !important;
    margin-left: -585px !important;
    top: 8% !important;

}

.popupDiv_config .beaconCinfig_list .cl_rowEdit_popOut { width: 20%;}

.two_drop_downs {
    width: 100%;
    font-size: 0;


}

.drop_dwon_alignment{
    width: 80% !important;
    float: left !important;
}

.bussiness_allign{
    width: 20%;
    float: right;
    padding: 0;
}

.numberFields_1 div {
    font-size: 15px;
    position: static !important;
    display: block !important;
}

.numberFields_1 input{ width: 100%; float: none; }

.numberFields_1 div div {
    padding: 7px !important;
}

.mycustom_placeholder{
    border-radius: 6px;
    background-color: #f7f8f8;
    border: solid 1px #d2d6dd;
    height: 46px;
    width: 100%;
    margin-left: 10px;
    float: left;
    padding: 12px 20px 10px;
}
.mycustom_placeholder1{
    border-radius: 6px;
    background-color: #f7f8f8;
    border: solid 1px #d2d6dd;
    height: 46px;
    width: 100%;
    float: left;
    padding: 12px 20px 10px;
}


.customPlaceholder_outer1 { width:50%; position:relative; float: left}

.customPlaceholder_outer1 h4 {font-size: 12px; font-weight: 500; color: #617283; padding-bottom:18px;}

.customPlaceholder_outer1 h4 small {font-size: 12px; color: #a5adba;}
.customPlaceholder_outer1 h4 sub {font-size: 12px; color: #00c1de; display:inline-block; margin-left:4px;vertical-align: top;}
.addRolePopup{position: fixed !important;}
.capitalize {
    text-transform: capitalize;
}
.listStyle .continueCanceled {  text-align: center; padding-top: 20px;}

.listStyle .continueCanceled a {  line-height: 32px;   min-width: 120px;    margin: 0px 3px auto !important;}

select {
    border: 0 none;
    color: #617283;
    background: transparent;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 10px;
    width: 378px;
    *width: 350px;
    *background: #ffffff;
}

#mainselection {
    overflow: hidden;
    width: 350px;
    border-radius: 3px 3px 3px 3px;
    background: url("../images/all_select_down_arows.png") no-repeat scroll 96% 15px #f7f8f8;
}


.emailTemplateInput{
    padding: 6px 5px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid
    black;
    border-radius: 4px;
    box-sizing: border-box;
    width: 20%;
    background: white;
}


.numberFields_1 div {
    font-size: 15px;
    position: static !important;
    display: block !important;
}

.numberFields_1 input{ width: 100%; float: none; }

.numberFields_1 div div {
    padding: 7px !important;
}


.wrap_iframe {
    width: 318px;height: 336px;padding: 0;overflow: hidden;
}
.frame_iframe {
    width: 755px;
    height: 1024px;
    border: 0;
    -ms-transform: scale(0.36);
    -moz-transform: scale(0.36);
    -o-transform: scale(0.36);
    -webkit-transform: scale(0.36);
    transform: scale(0.36);

    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.custom-checkbox {
            box-sizing: border-box;
            padding: 0;
            -webkit-appearance: checkbox !important;
        }
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.customSelectBox {
    overflow: hidden;
    width: 350px;
    border-radius: 3px 3px 3px 3px;
    background: url("../images/all_select_down_arows.png") no-repeat scroll 96% 15px #f7f8f8;
}
.react-datepicker__time-list-item{
    width: 100% !important;
}
.popups_outer {
    position: fixed !important;
}

.options li{
    width:100% !important;
}

.custom_class_multiselect .multi-select .arrow {
    padding-right: -7px !important;
    cursor: pointer !important;
    width: 25px !important;
    margin-top: 15px !important;
    display: block;
    background: url(../images/all_select_down_arows.png) no-repeat 94% ;
    background-size: auto;
    font-size: 13px;
}
.custom_class_multiselect .multi-select .selected-options {
    background: white !important;
}

.customShowTags a {
    border-radius: 4px;
    border: solid 1px
    #617283;
    display: inline-block;
    font-size: 14px;
    padding: 6px 10px 6px 15px;
    color:
            #617283;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.pointer_event{
    pointer-events: none;
}

.popupDiv3 {
    width: 80%;
    position: absolute;
    left: 32%;
    margin-left: -278px;
    top: 2%;
}

.beacon_popupDeatail3 { width:100%; background:#fff; border-radius: 0px 0px 6px 6px;}


.frame_iframe_preview body
{
    overflow: hidden;
    transform: scale(0.78);
}




.ReactModal__Overlay{
    z-index: 12;
}

.voucher_outer{
    width: 25%;
    float: left;
    margin-top: 11px;
    margin-right: 47px;
}

.voucher_inputs{
    border: 2px solid lightgray;
    height: 30px;
    padding: 2px;
    border-radius: 4px;
    text-align: center;
}

.pointer_events{
    pointer-events: none;
    background: lightgray;
}



.select-css {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 200;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 50%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
    display: none;
}
.select-css:hover {
    border-color: #888;
}
.select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}
.select-css option {
    font-weight:normal;
}

.react-code-input > :first-child {
    background:lightgray !important;
    pointer-events: none !important;
}
.ReactModal__Overlay--after-open{
    z-index: 99 !important;
}


.popupPosition{
    position: absolute !important
}
.popups_inner_two{
    width: 100%;
    position: relative;

}


.segment_criteria{
    background-color: #f7f8f8;
    border-bottom: solid 1px #e4e7ec;
    border-top: solid 1px #e4e7ec;
    padding: 35px 0px 15px 0px;
}
.segment_criteria ul li{
    background: #fff;
}
.venueIdentification_section2{
    width: 100%;
}

.grapes_editor .gjs-pn-commands {

    box-shadow:0 0 5px rgb(0, 58, 93) !important;
}
.grapes_editor .gjs-one-bg {
    background-color:#003a5d !important;
}
.grapes_editor .gjs-pn-btn.gjs-pn-active {
    background-color:rgb(0, 58, 93) !important;
    box-shadow:0 0 3px rgba(251, 247, 247, 0.25) inset !important;
}


/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* surrounding tag container */
.tag-editor {
    list-style-type: none; padding: 0 5px 0 0; margin: 0; overflow: hidden; border: 1px solid #eee; cursor: text;
    font: normal 14px sans-serif; color: #555; background: #fff; line-height: 20px;
}

/* core styles usually need no change */
.tag-editor li { display: block; float: left; overflow: hidden; margin: 3px 0; }
.tag-editor div { float: left; padding: 0 4px; }
.tag-editor .placeholder { padding: 0 8px; color: #bbb; }
.tag-editor .tag-editor-spacer { padding: 0; width: 8px; overflow: hidden; color: transparent; background: none; }
.tag-editor input {
    vertical-align: inherit; border: 0; outline: none; padding: 0; margin: 0; cursor: text;
    font-family: inherit; font-weight: inherit; font-size: inherit; font-style: inherit;
    box-shadow: none; background: none; color: #444;
}
/* hide original input field or textarea visually to allow tab navigation */
.tag-editor-hidden-src { position: absolute !important; left: -99999px; }
/* hide IE10 "clear field" X */
.tag-editor ::-ms-clear { display: none; }

/* tag style */
.tag-editor .tag-editor-tag {
    padding-left: 5px; color: #46799b; background: #e0eaf1; white-space: nowrap;
    overflow: hidden; cursor: pointer; border-radius: 2px 0 0 2px;
}

/* delete icon */
.tag-editor .tag-editor-delete { background: #e0eaf1; cursor: pointer; border-radius: 0 2px 2px 0; padding-left: 3px; padding-right: 4px; }
.tag-editor .tag-editor-delete i { line-height: 18px; display: inline-block; }
.tag-editor .tag-editor-delete i:before { font-size: 16px; color: #8ba7ba; content: "×"; font-style: normal; }
.tag-editor .tag-editor-delete:hover i:before { color: #d65454; }
.tag-editor .tag-editor-tag.active+.tag-editor-delete, .tag-editor .tag-editor-tag.active+.tag-editor-delete i { visibility: hidden; cursor: text; }

.tag-editor .tag-editor-tag.active { background: none !important; }

/* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; font-size: 14px; }
.ui-front { z-index: 9999; }
.ui-menu { list-style: none; padding: 1px; margin: 0; display: block; outline: none; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.4; min-height: 0; /* support: IE7 */ }
.ui-widget-content { border: 1px solid #bbb; background: #fff; color: #555; }
.ui-widget-content a { color: #46799b; }
.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #e0eaf1; }
.ui-helper-hidden-accessible { display: none; }

.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

.progress-circle {
   font-size: 20px;
   margin: 20px;
   position: relative; /* so that children can be absolutely positioned */
   padding: 0;
   width: 5em;
   height: 5em;
   background-color: #F2E9E1; 
   border-radius: 50%;
   line-height: 5em;
      float: left;
}

.progress-circle:after{
    border: none;
    position: absolute;
    top: 0.35em;
    left: 0.35em;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 4.3em;
    height: 4.3em;
    background-color: white;
    content: " ";
}
/* Text inside the control */
.progress-circle span {
    position: absolute;
    line-height: 5em;
    width: 5em;
    text-align: center;
    display: block;
    color: #53777A;
    z-index: 2;
}
.left-half-clipper { 
   /* a round circle */
   border-radius: 50%;
   width: 5em;
   height: 5em;
   position: absolute; /* needed for clipping */
   clip: rect(0, 5em, 5em, 2.5em); /* clips the whole left half*/ 
}
/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
   clip: rect(auto,auto,auto,auto);
}
.value-bar {
   /*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/ 
   position: absolute; /*needed for clipping*/
   clip: rect(0, 2.5em, 5em, 0);
   width: 5em;
   height: 5em;
   border-radius: 50%;
   border: 0.45em solid #53777A; /*The border is 0.35 but making it larger removes visual artifacts */
   /*background-color: #4D642D;*/ /* for debug */
   box-sizing: border-box;
  
}
/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
   /*Progress bar for the first 50%, filling the whole right half*/
   position: absolute; /*needed for clipping*/
   clip: rect(0, 5em, 5em, 2.5em);
   background-color: #53777A;
   border-radius: 50%;
   width: 5em;
   height: 5em;
}
.progress-circle:not(.over50) .first50-bar{ display: none; }


/* Progress bar rotation position */
.progress-circle.p0 .value-bar { display: none; }
.progress-circle.p1 .value-bar { transform: rotate(4deg); }
.progress-circle.p2 .value-bar { transform: rotate(7deg); }
.progress-circle.p3 .value-bar { transform: rotate(11deg); }
.progress-circle.p4 .value-bar { transform: rotate(14deg); }
.progress-circle.p5 .value-bar { transform: rotate(18deg); }
.progress-circle.p6 .value-bar { transform: rotate(22deg); }
.progress-circle.p7 .value-bar { transform: rotate(25deg); }
.progress-circle.p8 .value-bar { transform: rotate(29deg); }
.progress-circle.p9 .value-bar { transform: rotate(32deg); }
.progress-circle.p10 .value-bar { transform: rotate(36deg); }
.progress-circle.p11 .value-bar { transform: rotate(40deg); }
.progress-circle.p12 .value-bar { transform: rotate(43deg); }
.progress-circle.p13 .value-bar { transform: rotate(47deg); }
.progress-circle.p14 .value-bar { transform: rotate(50deg); }
.progress-circle.p15 .value-bar { transform: rotate(54deg); }
.progress-circle.p16 .value-bar { transform: rotate(58deg); }
.progress-circle.p17 .value-bar { transform: rotate(61deg); }
.progress-circle.p18 .value-bar { transform: rotate(65deg); }
.progress-circle.p19 .value-bar { transform: rotate(68deg); }
.progress-circle.p20 .value-bar { transform: rotate(72deg); }
.progress-circle.p21 .value-bar { transform: rotate(76deg); }
.progress-circle.p22 .value-bar { transform: rotate(79deg); }
.progress-circle.p23 .value-bar { transform: rotate(83deg); }
.progress-circle.p24 .value-bar { transform: rotate(86deg); }
.progress-circle.p25 .value-bar { transform: rotate(90deg); }
.progress-circle.p26 .value-bar { transform: rotate(94deg); }
.progress-circle.p27 .value-bar { transform: rotate(97deg); }
.progress-circle.p28 .value-bar { transform: rotate(101deg); }
.progress-circle.p29 .value-bar { transform: rotate(104deg); }
.progress-circle.p30 .value-bar { transform: rotate(108deg); }
.progress-circle.p31 .value-bar { transform: rotate(112deg); }
.progress-circle.p32 .value-bar { transform: rotate(115deg); }
.progress-circle.p33 .value-bar { transform: rotate(119deg); }
.progress-circle.p34 .value-bar { transform: rotate(122deg); }
.progress-circle.p35 .value-bar { transform: rotate(126deg); }
.progress-circle.p36 .value-bar { transform: rotate(130deg); }
.progress-circle.p37 .value-bar { transform: rotate(133deg); }
.progress-circle.p38 .value-bar { transform: rotate(137deg); }
.progress-circle.p39 .value-bar { transform: rotate(140deg); }
.progress-circle.p40 .value-bar { transform: rotate(144deg); }
.progress-circle.p41 .value-bar { transform: rotate(148deg); }
.progress-circle.p42 .value-bar { transform: rotate(151deg); }
.progress-circle.p43 .value-bar { transform: rotate(155deg); }
.progress-circle.p44 .value-bar { transform: rotate(158deg); }
.progress-circle.p45 .value-bar { transform: rotate(162deg); }
.progress-circle.p46 .value-bar { transform: rotate(166deg); }
.progress-circle.p47 .value-bar { transform: rotate(169deg); }
.progress-circle.p48 .value-bar { transform: rotate(173deg); }
.progress-circle.p49 .value-bar { transform: rotate(176deg); }
.progress-circle.p50 .value-bar { transform: rotate(180deg); }
.progress-circle.p51 .value-bar { transform: rotate(184deg); }
.progress-circle.p52 .value-bar { transform: rotate(187deg); }
.progress-circle.p53 .value-bar { transform: rotate(191deg); }
.progress-circle.p54 .value-bar { transform: rotate(194deg); }
.progress-circle.p55 .value-bar { transform: rotate(198deg); }
.progress-circle.p56 .value-bar { transform: rotate(202deg); }
.progress-circle.p57 .value-bar { transform: rotate(205deg); }
.progress-circle.p58 .value-bar { transform: rotate(209deg); }
.progress-circle.p59 .value-bar { transform: rotate(212deg); }
.progress-circle.p60 .value-bar { transform: rotate(216deg); }
.progress-circle.p61 .value-bar { transform: rotate(220deg); }
.progress-circle.p62 .value-bar { transform: rotate(223deg); }
.progress-circle.p63 .value-bar { transform: rotate(227deg); }
.progress-circle.p64 .value-bar { transform: rotate(230deg); }
.progress-circle.p65 .value-bar { transform: rotate(234deg); }
.progress-circle.p66 .value-bar { transform: rotate(238deg); }
.progress-circle.p67 .value-bar { transform: rotate(241deg); }
.progress-circle.p68 .value-bar { transform: rotate(245deg); }
.progress-circle.p69 .value-bar { transform: rotate(248deg); }
.progress-circle.p70 .value-bar { transform: rotate(252deg); }
.progress-circle.p71 .value-bar { transform: rotate(256deg); }
.progress-circle.p72 .value-bar { transform: rotate(259deg); }
.progress-circle.p73 .value-bar { transform: rotate(263deg); }
.progress-circle.p74 .value-bar { transform: rotate(266deg); }
.progress-circle.p75 .value-bar { transform: rotate(270deg); }
.progress-circle.p76 .value-bar { transform: rotate(274deg); }
.progress-circle.p77 .value-bar { transform: rotate(277deg); }
.progress-circle.p78 .value-bar { transform: rotate(281deg); }
.progress-circle.p79 .value-bar { transform: rotate(284deg); }
.progress-circle.p80 .value-bar { transform: rotate(288deg); }
.progress-circle.p81 .value-bar { transform: rotate(292deg); }
.progress-circle.p82 .value-bar { transform: rotate(295deg); }
.progress-circle.p83 .value-bar { transform: rotate(299deg); }
.progress-circle.p84 .value-bar { transform: rotate(302deg); }
.progress-circle.p85 .value-bar { transform: rotate(306deg); }
.progress-circle.p86 .value-bar { transform: rotate(310deg); }
.progress-circle.p87 .value-bar { transform: rotate(313deg); }
.progress-circle.p88 .value-bar { transform: rotate(317deg); }
.progress-circle.p89 .value-bar { transform: rotate(320deg); }
.progress-circle.p90 .value-bar { transform: rotate(324deg); }
.progress-circle.p91 .value-bar { transform: rotate(328deg); }
.progress-circle.p92 .value-bar { transform: rotate(331deg); }
.progress-circle.p93 .value-bar { transform: rotate(335deg); }
.progress-circle.p94 .value-bar { transform: rotate(338deg); }
.progress-circle.p95 .value-bar { transform: rotate(342deg); }
.progress-circle.p96 .value-bar { transform: rotate(346deg); }
.progress-circle.p97 .value-bar { transform: rotate(349deg); }
.progress-circle.p98 .value-bar { transform: rotate(353deg); }
.progress-circle.p99 .value-bar { transform: rotate(356deg); }
.progress-circle.p100 .value-bar { transform: rotate(360deg); }



























.progress-bar {
  background: #f1f6fa;
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px #ccd6dd;
  height: 10px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 300px;
}
.progress-bar--counter {
  margin-left: 10px;
  position: relative;
  top: -1px;
}
.progress-bar--counter .hidden {
  display: inline-block;
}
.progress-bar--wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  margin: 10px 0;
}
.progress-bar--inner {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border-radius: 10px;
  height: 10px;
  left: 0;
  min-height: 10px;
  position: absolute;
  top: 0;
}
.progress-bar--green {
  color: #6fc14b;
}
.progress-bar--green .progress-bar--inner {
  background-color: #6fc14b;
}
.progress-bar--blue {
  color: #068eda;
}
.progress-bar--blue .progress-bar--inner {
  background-color: #068eda;
}
.progress-bar--red {
  color: #fb797e;
}
.progress-bar--red .progress-bar--inner {
  background-color: #fb797e;
}
.progress-bar--yellow {
  color: #f7a81d;
}
.progress-bar--yellow .progress-bar--inner {
  background-color: #f7a81d;
}








.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
    clip: rect(auto, auto, auto, auto);
}

.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
    position: absolute;
    border: 0.08em solid #307bbb;
    width: 0.84em;
    height: 0.84em;
    clip: rect(0em, 0.5em, 1em, 0em);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100 {
    position: relative;
    font-size: 120px;
    width: 1em;
    height: 1em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float: left;
    margin: 0 0.1em 0.1em 0;
    background-color: #cccccc;
}

.c100 *,
.c100 *:before,
.c100 *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.c100.center {
    float: none;
    margin: 0 auto;
}

.c100.big {
    font-size: 240px;
}

.c100.small {
    font-size: 80px;
}

.c100 > span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 5em;
    line-height: 5em;
    font-size: 0.2em;
    color: #cccccc;
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.c100:after {
    position: absolute;
    top: 0.08em;
    left: 0.08em;
    display: block;
    content: " ";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: whitesmoke;
    width: 0.84em;
    height: 0.84em;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg);
}

.c100.p2 .bar {
    -webkit-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg);
}

.c100.p3 .bar {
    -webkit-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg);
}

.c100.p4 .bar {
    -webkit-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg);
}

.c100.p5 .bar {
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg);
}

.c100.p6 .bar {
    -webkit-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg);
}

.c100.p7 .bar {
    -webkit-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg);
}

.c100.p8 .bar {
    -webkit-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg);
}

.c100.p9 .bar {
    -webkit-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg);
}

.c100.p10 .bar {
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg);
}

.c100.p11 .bar {
    -webkit-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg);
}

.c100.p12 .bar {
    -webkit-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg);
}

.c100.p13 .bar {
    -webkit-transform: rotate(46.8deg);
    -moz-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    -o-transform: rotate(46.8deg);
    transform: rotate(46.8deg);
}

.c100.p14 .bar {
    -webkit-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg);
}

.c100.p15 .bar {
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg);
}

.c100.p16 .bar {
    -webkit-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg);
}

.c100.p17 .bar {
    -webkit-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg);
}

.c100.p18 .bar {
    -webkit-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg);
}

.c100.p19 .bar {
    -webkit-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg);
}

.c100.p20 .bar {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg);
}

.c100.p21 .bar {
    -webkit-transform: rotate(75.6deg);
    -moz-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    -o-transform: rotate(75.6deg);
    transform: rotate(75.6deg);
}

.c100.p22 .bar {
    -webkit-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg);
}

.c100.p23 .bar {
    -webkit-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg);
}

.c100.p24 .bar {
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg);
}

.c100.p25 .bar {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.c100.p26 .bar {
    -webkit-transform: rotate(93.6deg);
    -moz-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    -o-transform: rotate(93.6deg);
    transform: rotate(93.6deg);
}

.c100.p27 .bar {
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg);
}

.c100.p28 .bar {
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg);
}

.c100.p29 .bar {
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg);
}

.c100.p30 .bar {
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg);
}

.c100.p31 .bar {
    -webkit-transform: rotate(111.6deg);
    -moz-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    -o-transform: rotate(111.6deg);
    transform: rotate(111.6deg);
}

.c100.p32 .bar {
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg);
}

.c100.p33 .bar {
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg);
}

.c100.p34 .bar {
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg);
}

.c100.p35 .bar {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg);
}

.c100.p36 .bar {
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg);
}

.c100.p37 .bar {
    -webkit-transform: rotate(133.2deg);
    -moz-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    -o-transform: rotate(133.2deg);
    transform: rotate(133.2deg);
}

.c100.p38 .bar {
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg);
}

.c100.p39 .bar {
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg);
}

.c100.p40 .bar {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg);
}

.c100.p41 .bar {
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg);
}

.c100.p42 .bar {
    -webkit-transform: rotate(151.2deg);
    -moz-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    -o-transform: rotate(151.2deg);
    transform: rotate(151.2deg);
}

.c100.p43 .bar {
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg);
}

.c100.p44 .bar {
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg);
}

.c100.p45 .bar {
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg);
}

.c100.p46 .bar {
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg);
}

.c100.p47 .bar {
    -webkit-transform: rotate(169.2deg);
    -moz-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    -o-transform: rotate(169.2deg);
    transform: rotate(169.2deg);
}

.c100.p48 .bar {
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg);
}

.c100.p49 .bar {
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg);
}

.c100.p50 .bar {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100.p51 .bar {
    -webkit-transform: rotate(183.6deg);
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg);
}

.c100.p52 .bar {
    -webkit-transform: rotate(187.2deg);
    -moz-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    -o-transform: rotate(187.2deg);
    transform: rotate(187.2deg);
}

.c100.p53 .bar {
    -webkit-transform: rotate(190.8deg);
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg);
}

.c100.p54 .bar {
    -webkit-transform: rotate(194.4deg);
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg);
}

.c100.p55 .bar {
    -webkit-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg);
}

.c100.p56 .bar {
    -webkit-transform: rotate(201.6deg);
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg);
}

.c100.p57 .bar {
    -webkit-transform: rotate(205.2deg);
    -moz-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    -o-transform: rotate(205.2deg);
    transform: rotate(205.2deg);
}

.c100.p58 .bar {
    -webkit-transform: rotate(208.8deg);
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg);
}

.c100.p59 .bar {
    -webkit-transform: rotate(212.4deg);
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg);
}

.c100.p60 .bar {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg);
}

.c100.p61 .bar {
    -webkit-transform: rotate(219.6deg);
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg);
}

.c100.p62 .bar {
    -webkit-transform: rotate(223.2deg);
    -moz-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    -o-transform: rotate(223.2deg);
    transform: rotate(223.2deg);
}

.c100.p63 .bar {
    -webkit-transform: rotate(226.8deg);
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg);
}

.c100.p64 .bar {
    -webkit-transform: rotate(230.4deg);
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg);
}

.c100.p65 .bar {
    -webkit-transform: rotate(234deg);
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg);
}

.c100.p66 .bar {
    -webkit-transform: rotate(237.6deg);
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg);
}

.c100.p67 .bar {
    -webkit-transform: rotate(241.2deg);
    -moz-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    -o-transform: rotate(241.2deg);
    transform: rotate(241.2deg);
}

.c100.p68 .bar {
    -webkit-transform: rotate(244.8deg);
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg);
}

.c100.p69 .bar {
    -webkit-transform: rotate(248.4deg);
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg);
}

.c100.p70 .bar {
    -webkit-transform: rotate(252deg);
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg);
}

.c100.p71 .bar {
    -webkit-transform: rotate(255.6deg);
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg);
}

.c100.p72 .bar {
    -webkit-transform: rotate(259.2deg);
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg);
}

.c100.p73 .bar {
    -webkit-transform: rotate(262.8deg);
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg);
}

.c100.p74 .bar {
    -webkit-transform: rotate(266.4deg);
    -moz-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    -o-transform: rotate(266.4deg);
    transform: rotate(266.4deg);
}

.c100.p75 .bar {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.c100.p76 .bar {
    -webkit-transform: rotate(273.6deg);
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg);
}

.c100.p77 .bar {
    -webkit-transform: rotate(277.2deg);
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg);
}

.c100.p78 .bar {
    -webkit-transform: rotate(280.8deg);
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg);
}

.c100.p79 .bar {
    -webkit-transform: rotate(284.4deg);
    -moz-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    -o-transform: rotate(284.4deg);
    transform: rotate(284.4deg);
}

.c100.p80 .bar {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg);
}

.c100.p81 .bar {
    -webkit-transform: rotate(291.6deg);
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg);
}

.c100.p82 .bar {
    -webkit-transform: rotate(295.2deg);
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg);
}

.c100.p83 .bar {
    -webkit-transform: rotate(298.8deg);
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg);
}

.c100.p84 .bar {
    -webkit-transform: rotate(302.4deg);
    -moz-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    -o-transform: rotate(302.4deg);
    transform: rotate(302.4deg);
}

.c100.p85 .bar {
    -webkit-transform: rotate(306deg);
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg);
}

.c100.p86 .bar {
    -webkit-transform: rotate(309.6deg);
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg);
}

.c100.p87 .bar {
    -webkit-transform: rotate(313.2deg);
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg);
}

.c100.p88 .bar {
    -webkit-transform: rotate(316.8deg);
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg);
}

.c100.p89 .bar {
    -webkit-transform: rotate(320.4deg);
    -moz-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    -o-transform: rotate(320.4deg);
    transform: rotate(320.4deg);
}

.c100.p90 .bar {
    -webkit-transform: rotate(324deg);
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg);
}

.c100.p91 .bar {
    -webkit-transform: rotate(327.6deg);
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg);
}

.c100.p92 .bar {
    -webkit-transform: rotate(331.2deg);
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg);
}

.c100.p93 .bar {
    -webkit-transform: rotate(334.8deg);
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg);
}

.c100.p94 .bar {
    -webkit-transform: rotate(338.4deg);
    -moz-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    -o-transform: rotate(338.4deg);
    transform: rotate(338.4deg);
}

.c100.p95 .bar {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg);

}

.c100.p96 .bar {
    -webkit-transform: rotate(345.6deg);
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg);
}

.c100.p97 .bar {
    -webkit-transform: rotate(349.2deg);
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg);
}

.c100.p98 .bar {
    -webkit-transform: rotate(352.8deg);
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg);
}

.c100.p99 .bar {
    -webkit-transform: rotate(356.4deg);
    -moz-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    -o-transform: rotate(356.4deg);
    transform: rotate(356.4deg);
}

.c100.p100 .bar {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.c100:hover {
    cursor: default;
}

.c100:hover > span {
    width: 3.33em;
    line-height: 3.33em;
    font-size: 0.3em;
    color: #307bbb;
}

.c100:hover:after {
    top: 0.04em;
    left: 0.04em;
    width: 0.92em;
    height: 0.92em;
}

.c100.dark {
    background-color: #777777;
}

.c100.dark .bar,
.c100.dark .fill {
    border-color: #c6ff00 !important;
}

.c100.dark > span {
    color: #777777;
}

.c100.dark:after {
    background-color: #666666;
}

.c100.dark:hover > span {
    color: #c6ff00;
}

.c100.green .bar,
.c100.green .fill {
    border-color: #4db53c !important;
}

.c100.green:hover > span {
    color: #4db53c;
}

.c100.green.dark .bar,
.c100.green.dark .fill {
    border-color: #5fd400 !important;
}

.c100.green.dark:hover > span {
    color: #5fd400;
}

.c100.orange .bar,
.c100.orange .fill {
    border-color: #dd9d22 !important;
}

.c100.orange:hover > span {
    color: #dd9d22;
}

.c100.orange.dark .bar,
.c100.orange.dark .fill {
    border-color: #e08833 !important;
}

.c100.orange.dark:hover > span {
    color: #e08833;
}


#passwordstrength-wrap { 
    display: none  ;
     
    font-size: 14px;
    position: absolute;
    width: 215px;
    top: 50px;
    right: 0px; box-shadow: 0 10px 25px 0 rgba(58, 64, 91, 0.15);
  background-color: #fafafa;
  border: solid 1px #d2d6dd; border-radius:5px; padding-bottom:10px;
}
#passwordstrength-wrap:before, #passwordstrength-wrap:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
}
#passwordstrength-wrap:before {
    border-bottom: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0.1);
    border-top: 8px solid rgba(0, 0, 0, 0);
    content: '';
    display: inline-block;
    right: 18px;
    position: absolute;
    top: -17px;   transform:rotate(90deg)     
}
#passwordstrength-wrap:after {
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid #fff;
    border-top: 6px solid rgba(0, 0, 0, 0);
    content: '';
    display: inline-block;
    right: 19px;
    position: absolute;
    top: -14px;transform:rotate(90deg)   
}
#passwordstrength-wrap ul {
    list-style-type: none;
    margin: 5px 0 0;
    padding: 0;
}
#passwordstrength-wrap ul li:before {
    content: ' ';
    font-size: 12px;
    padding-right: 5px;color: #00B700;
}
#passwordstrength-wrap ul li.valid:before {
    content: '✔ ';
    font-size: 12px;
    padding-right: 0;color: #00B700;
}
#passwordstrength-wrap ul li.valid {
    
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

 
 
 
 
*{box-sizing:border-box;}
*{margin:0px;padding:0px;  }
ul li{list-style:none;}
a{text-decoration:none;  }
.clr{clear:both;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none;}
input, textarea, select, button{ border:0px none; background:none; outline:none;   -webkit-appearance: none;font-family: 'Roboto', sans-serif; }
img{ outline:none; max-width:100%; height:auto; border:0px none; display:block; -ms-interpolation-mode: bicubic;}
h1, h2, h3, h4, h5, h6, strong, b{ font-weight:normal; margin:0px;}
input[type='submit']{  border-radius:0px; -webkit-appearance:none; appearance:none; outline:none; }
textarea{ resize:none; overflow:auto; }
:focus{ outline:none;}
.clearfix:after{content:""; display:block; clear:both; height:0px; visibility:hidden;}
.clearfix{ display:block; zoom:1; }
body{width:100%;  font-size:12px;position:relative;height:100%; font-family: 'Roboto', sans-serif;font-weight:400;} 
html { width:100%;  position:relative;   }
label, p, ul { margin:0px;}
a:hover { text-decoration:none;}




.wrapper { width:100%; height:100%; position:relative;}

.dashboardHeader { width:100%;position:relative; z-index:2;}

/*.dashboard_topHeader { width:100%; height:68px; background:#0a62a3; padding:14px 18px 10px; position:relative;z-index:111;}

.menuBttn {   width:42px; height: 40px; padding-top:10px; float:left; }

.menuBttn a { background:url(../images/menubttn-2@2x.png) center center no-repeat #003a5d; background-size:24px 22px; display:block; width:68px; height:68px; position:absolute; left:0px; top:0px;}



.soldiLbale { border-right:1px solid #4383b3; width:auto; line-height: 40px; padding:9px 50px 11px;float:left; }

.soldiLbale a { width:60px; display:block;}
.soldiLbale a img { width:146px; display:block;}



.selectBusiness{ width:27%; float:left; margin-left:26px; padding-top:2px;}


.customDropDown{  height:40px; position:relative;  }

.customDropDown span{ display:block; line-height:38px; padding-right:20px; background:url(../images/all_select_down_arows@2x.png) no-repeat 96% 16px #065287; font-size:14px; color:#fff; background-size:12px 7px ; padding:0px 20px;  cursor:pointer;}

.customDropDown_show { width:100%; padding:3px; box-shadow: 0 0 4px 0 rgba(165, 173, 186, 0.4); background-color: #ffffff; border: solid 1px #d2d6dd; position:absolute; left:0px; top:40px; z-index:1; display:none;}

.customDropDown_show  li { padding: 10px 20px !important;font-size: 13px;  color: #a5adba;}
.customDropDown_show  li:hover { color: #fff;border-radius: 3px; background-color: #0a62a3;}

.customDropDown span.changeAero{  background:url(../images/all_select_down_arows_top@2x.png) no-repeat 96% 16px #065287; background-size:12px 7px  ; }

.customPlaceHolder{ max-height:200px; }




.customDropDown_search{  height:40px; position:relative; display:block; line-height:38px; padding-right:20px; background:url(../images/all_select_down_arows@2x.png) no-repeat 96% 16px #065287; font-size:14px; color:#fff; background-size:12px 7px ; padding:0px 20px;  cursor:pointer; }

.select2-dropdown--below { padding:3px;}

.customDropDown_search .select2-container--default .select2-selection--single { background:none; border:0px !important;height: 34px !important; }

.customDropDown_search .select2-container--default .select2-selection--single .select2-selection__rendered { line-height:34px !important; font-size:12px !important;padding: 0px !important;color:#fff !important;}

.customDropDown_search .select2-container--default .select2-selection--single .select2-selection__arrow {  top: 4px !important; right: 0px !important; display:none; }


.select2-results__option {padding: 10px 20px !important;font-size: 13px !important;  color: #a5adba !important;}
.select2-results__option:hover { color: #fff !important;background-color: #0a62a3!important}
.select2-container--default .select2-results__option--highlighted[aria-selected] { color: #fff !important;background-color: #0a62a3!important}
.select2-container--default .select2-results__option[aria-selected="true"] { color: #fff !important;background-color: #0a62a3!important}
.select2-search--dropdown {  padding: 4px 0px !important; }








.header_searchAlert_profile { width:auto; float:right; position:relative; max-width:50%; }

.header_searchAlert_profile ul li { float:left;border-left:1px solid #3a7eb0; padding:0px 25px; min-height:41px;}

.search_spot { width:100%; padding-top:11px;}

.search_spot b { cursor:pointer; background:url(../images/search-icon-copy@2x.png) no-repeat; width:20px; height:20px; display:block; margin:auto; background-size:20px;}


.menuIcon{ display:inline-block; width:20px; height:14px;  border-bottom:2px solid #fff;  border-top:2px solid #fff; transition:all 0.4s ease; cursor:pointer; z-index:23; vertical-align:middle; position:relative;  }
.menuIcon:after, .leftMenu_showBtn:after{ width:20px; height:2px; background:#fff; content:""; display:block; position:absolute; right:0px; top:4px; transition:all 0.4s ease; }





.alertIcon { width:auto; float:left; padding-top:12px; position:relative;}

.alertIcon a.bellIcon { display:block; background:url(../images/Bell_icon@2x.png) no-repeat; width:18px; height:21px; position:relative; background-size:18px 21px;}

.alertIcon a.bellIcon i { display:block; background:#1875f0;  padding:0px 5px; position:absolute; right:-7px; top:-6px; color:#fff; font-size:8px; border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%; font-style:normal; list-style:none; text-align:center; line-height:14px;}


.notification_main_all {  display: none;  position: absolute; right: -30px; top: 54px; width: 360px;  z-index: 1001; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);}
.notification_main_all .edge {  background: rgba(0, 0, 0, 0) url(../images/DE.png) no-repeat scroll right top; display: block;  height: 15px; position: absolute;  right: 20px; top: -11px;  width: 22px; }
.notification_outer {  background: #fdfefd none repeat scroll 0 0; display: block;  width: 100%; }
.notification_outer ul { padding-left: 0; }
.notification_outer ul li { border-bottom: 1px solid #efefef;  height: auto;  padding: 18px 22px; float: none; border-left:0px;}
.notification_outer ul li .notification_detial {  width: 80%; }
.notification_outer ul li .notification_detial a { text-decoration: none; }
.notification_outer ul li .notification_detial a {   color: #a5adba;  display: block; text-decoration: none; font-size:13px; line-height: 1.67; }
.notification_outer ul li .notification_mark { float: right; } 
.notification_outer ul li .notification_mark a {text-decoration: none;}
.notification_head_top {background: #fdfefd none repeat scroll 0 0;border-bottom: 1px solid #e9ecf0;display: block;padding: 24px 22px;}
.notification_head_bottom {background: #fdfefd none repeat scroll 0 0;border-bottom: 1px solid #e9ecf0;display: block;padding: 25px 14px;position: relative;text-align: center;text-decoration: none; }
.notification_head_bottom a { color: #0a62a3;font-weight:500;}
.notification_head_bottom a:hover { text-decoration:underline;}

.right_mark {float: right;}
.right_mark a {color: #0a62a3;font-weight:500;}
.right_mark a:hover { text-decoration:underline;}
.notification_cassion {float: left; color: #656b79;}
.notification_cassion a {color: #113756; font-weight:500;}


.profileName { width:auto; float:right;  position:relative;}

.ownerName { display:inline-block; width:auto;}

.ownerName span { text-transform:capitalize; font-size:14px; display:inline-block; color:#fff; vertical-align:middle; margin-left:20px; margin-right:35px;}

.ownerName img { display:inline-block;  height: 40px;  width: 40px; vertical-align:middle; overflow:hidden; border-radius:50%;}


.faList { background:url(../images/listIcon.png) no-repeat; display:inline-block; width:13px; height:10px; vertical-align:middle;}*/



.navMenu_links { width:100%; text-align:center; font-size:0px;background-color: #ffffff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.11); }

/*
.dashboardHeader_nav{ width:260px; float:none; position:absolute; left:-260px;; top:0px;; height:100%;padding:0px 0px 0px 0px; overflow-y:auto;  z-index:33; transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out; background:#003a5d; }  

.opne_mobile_menu .dashboardHeader_nav { left: 0;}



.floating_nav_data { width:100%; z-index:111; padding-top:68px;  }

.floating_nav_data_inner{ width:100%;padding:35px 18px 35px;}

.floating_nav_column { widows:100%; padding-bottom:6px;}

.floating_nav_column h3 { font-size: 12px; color: #dbdbdb; border-bottom:1px solid #3c6883; padding-bottom:15px; margin-bottom:25px;}

.floating_nav_column ul li { width:72px; display:inline-block; padding-bottom:20px;  vertical-align:top; position:relative;}

.productsLinks{ width:100%; text-align:center;}

.productsLinks a {  width:100%;  display:block;  overflow:hidden;  text-align:center; color: #afc1cc;font-size: 9px;  font-weight: 300;transition:all 0.4s ease; } 
.productsLinks a  span {border-radius: 50%;  border: solid 1px #9b9b9b;width:65px; height:65px; display:block;line-height:38px; transition:all 0.4s ease; font-size:24px; font-weight: 300; padding-top:12px; margin:auto;margin-bottom:10px; }

.productsLinks a:hover { color: #fff;  }
.productsLinks a:hover  span { color: #fff; border:1px solid #fff;}



.upgrade_popup_detail{ width:auto; white-space:normal; width:224px; position:absolute; left:0px; top:108px; background:#fff;   z-index:1;  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); border-radius:5px; display:none; }

.arrow_up { width: 0;  height: 0;  border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 9px solid #fff; display:block; margin:auto; margin-top:12px; display:none; }


.upgrade_detail { padding:20px 18px 14px ;}

.upgrade_detail p {   font-size: 13px; line-height: 1.85; text-align: center;  color: #9b9b9b; padding-bottom:25px; }

.upgrade_detail .productsLinks { padding-bottom:20px;}

.upgrade_detail .productsLinks a span { background:#00304d; color:#fff; margin-bottom:15px;}
.upgrade_detail .productsLinks a { font-size:20px; color:#003a5d;}

.upgrade_detail .productsLinks a em { background:#9b9b9b; height:1px;  width:65px; display:block; margin:auto; margin-top:10px;}

.upgrade_detail .productsLinks a:hover { color: #003a5d;  }
.upgrade_detail .productsLinks a:hover  span { color: #fff; border:1px solid #fff;}

.upgrade_detail button { cursor:pointer; height: 34px; font-size: 13px; text-align: center; color: #0a62a3;border-radius: 100px;;  border: solid 1px #0a62a3; width:140px; margin:auto; margin-bottom:10px; display:block; background:#fff;transition:all 0.4s ease;}

.upgrade_detail button:hover {background:#0a62a3; color: #fff;}


.floating_nav_column ul li:hover .upgrade_popup_detail { display:block;}
.floating_nav_column ul li:hover .arrow_up { display:block;}

.floating_nav_column ul li:nth-of-type(2n):hover .upgrade_popup_detail { left:-75px;}

.floating_nav_column ul li:nth-of-type(3n):hover .upgrade_popup_detail { left:-150px;}



.navMenu_links .profileName_alert { display:none;} */




.left_navScroll , .emailPopup_scroll { height:100%;}

.mCSB_inside > .mCSB_container{ margin-right:0px!important; overflow:visible !important; }

.mCSB_scrollTools .mCSB_draggerContainer{ height:100% !important;  }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#0a62a3 !important; width:4px; }

.mCSB_scrollTools .mCSB_draggerRail{ background:no-repeat !important; width:4px !important; }


/*
.upgradeCol span { background:#1862a6; border:0px !important;}

.appSection span { background:#fff; border:0px !important; padding-top:8px !important;}

.appSection span img { margin:auto; display:block; width:49px;overflow:hidden; border-radius:50%;height:49px;}*/



.navBar { width:100%; }

.navBar ul li { display:inline-block; padding:21px 42px 0px;}

.navBar ul li a {  display:block;  color:#617283;font-size: 12px;  text-transform: uppercase; padding-left:36px; } 

.navBar ul li a small { font-size:12px;border-bottom:3px solid #fff;   padding:4px 12px 20px; display:inline-block;transition:all 0.4s ease-in-out;}

.navBar ul li a:hover small { color:#0a62a3; border-bottom:3px solid #0a62a3;}

.navBar ul li.navActive a small { color:#0a62a3; border-bottom:3px solid #0a62a3;}


.inventry_link { background:url(../images/stock_icon@2x.png) left top no-repeat; background-size:25px;}
.trans_link { background:url(../images/transactions_icon@2x.png) left top no-repeat; background-size:26px;padding-left:30px !important;}
.customer_link { background:url(../images/customers_icon@2x.png) left top no-repeat; background-size:18px;padding-left:28px !important; }
.reporting_link { background:url(../images/reporting_icon@2x.png) left top no-repeat; background-size:22px;padding-left:28px !important;}
.acc_link { background:url(../images/account_icon@2x.png) left top no-repeat; background-size:25px;padding-left:30px !important;}






.containerSection { width:100%; background:#fafafa;}

.dashborad_container { width:100%; position:relative;}

.dashborad_container span.dashboardImg {  width:100%; display:block; }
.dashborad_container span.dashboardImg img {  width:100%; display:block;}




.profileDropdown {background-clip: padding-box;  background-color: rgba(255, 255, 255, 0.98); border-radius: 3px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);  display: block;  min-width: 190px;  position: absolute; z-index: 1; right:0px; top:55px; display:none; }

.profileDropdown_nav { width:100%;padding:15px 10px;  border-bottom:1px solid #e9ecf0; position:relative;}

.profileDropdown_nav ul li { float:none; border:0px; padding:0px; min-height:auto;}

.profileDropdown_nav ul li a { display:block; line-height:24px; padding:0px 10px;color: #003a5d; font-size:12px;}

.profileDropdown_nav ul li a:hover { background:#e1e3e8;}

.profilelogout { width:100%; text-align:right;padding:15px;}

.profilelogout a { display:inline-block;color: #003a5d;font-size:12px;}

.profilelogout a:hover { text-decoration:underline;}

.profileDropdown_nav::before { border-bottom: 10px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;content: "";display: inline-block;position: absolute;right: 60px;top: -9px; }


.dashborad_detailOuter { width:100%; position:absolute; left:0px; top:0px; height:100%;}

.dashborad_detail { width:100%; padding-top:100px; }


.noData_alert{ width:100%; text-align:center; position:relative; padding-top:100px;}

.noData_alert span{ display:block; margin:auto; width:84px; margin-bottom:15px;}
.noData_alert span img{ display:block; width:100%;}

.noData_alert button{ height: 34px; border-radius:4px; border: solid 1px #efefef;font-size: 13px; color: #ffffff; background:none; width:140px;cursor:pointer; display:inline-block; margin:0px 10px;}

.noData_alert p {font-size: 15px; line-height: 1.6; color: #efefef; padding-bottom:35px; }

.noData_alert h3{  font-size: 42px; font-weight: 300; line-height: 1.43; color: #ffffff; padding-bottom:25px; }


.overly_blurimg img{ -webkit-filter: blur(10px); filter: blur(10px); }

.overly_color{ background:#103152; opacity:.5; position:absolute; left:0px; top:0px; width:100%; height:100%;}


.e_member_content .segment_tYpe{ border: 0px none !important; }

.e_member_content .cL_rowList_number{ font-family: 'Roboto', sans-serif !important; font-weight: 400; }

.e_member_content .compaignstabsBttns .tabs_bttn ul li a.compaignsActive{background:#f7f8f8 !important;}

.dayMatrics{ width:100%; background-size:cover;}

.dayMatrics_inner { position:relative;padding:28px 0px 66px; width:100%; max-width:1040px; margin:auto }

.dayMatrics_detail { width:100%; text-align:center; display:none; }

.dayMatrics_detail ul { margin:0px -1%; font-size:0px;}

.dayMatrics_detail ul li { display:inline-block; padding:0px 1%; width:25%; vertical-align:top;}

.dayMatrics_info{ width:100%;}

.dayMatrics_info h3 {font-size: 42px; font-weight: 300; color: #ffffff; display:inline-block; padding-left:45px; padding-bottom:3px;}

.dayMatrics_info strong { display:block;font-size: 13px;  text-align: center;  color: #dbdbdb;}


.matrics_customer { background:url(../images/custmer_icon@2x.png) left center no-repeat; background-size:30px; }
.matrics_sales { background:url(../images/sales_icon@2x.png) 6px center no-repeat; background-size:22px; }
.matrics_product { background:url(../images/prod_icon@2x.png) 8px center no-repeat; background-size:22px; }
.matrics_voucher { background:url(../images/voucher_icon@2x.png) 6px center no-repeat; background-size:25px; }


.chevronBttn { width:24px; height:24px; display:block; background:url(../images/chevrons_up@2x.png) no-repeat; background-size:24px 24px; position:absolute; right:-100px; top:50%; margin-top:-12px;transition:all 0.4s ease;}

.chevronBttn.activeChev {transform: rotate(180deg) ;}


.out_of_stock { background:url(../images/out_of_stock@2x.png) 8px center no-repeat; background-size:27px; }
.suppliers_icon { background:url(../images/suppliers_icon@2x.png) 8px center no-repeat; background-size:24px; }


.tabs_bttn { width:100%; text-align:center; font-size:0px; margin-top:-42px; position:relative; }

.tabs_bttn ul li { display:inline-block; padding:0px 3px; vertical-align:top;}

.tabs_bttn ul li a {height: 42px;  border-radius: 6px 6px 0px 0px; background-color: #113756; text-align:center;font-size: 14px; color: #ffffff; display:block; text-transform:uppercase;width: 170px; line-height:42px;transition:all 0.2s ease;}

.tabs_bttn ul li a:hover { color:#617283; background:#fff;}
.tabs_bttn ul li a.selectTb { color:#617283; background:#fff ;}





.newVualt_container { width:100%;max-width: 1310px; margin: auto;}

.newVualt_container_detail { width:100%; padding-top:40px; padding-bottom:60px;} 


.tabsView_button { width:100%; text-align:center;}

.tabsView_button ul { margin:0px -1px; font-size:0px; display:table; table-layout:fixed;width:100%;}

.tabsView_button ul li { display:table-cell; vertical-align:top; padding:0px 1px; width:auto !important;}

.tabsView_button ul li a { padding:0px 20px;  color:#fff; line-height:36px; text-align:center; display:block; background:#0a62a3; text-transform:uppercase;border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;-ms-border-radius:6px 6px 0px 0px;-o-border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px; width:100%; font-size:13px; width:100%; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;  }

.tabsView_button ul li a.tab_bttnActive  {background:#fff ;color:#0a62a3; }
.tabsView_button ul li a:hover  {   box-shadow:none;transition:all 0.5s ease;background:#fff ;color:#0a62a3;}

.tabsView_button ul li:last-child { padding-right:0px;}


.newVualt_detail_outer{ width:100%; background:#fff;}

.newVualt_detail { width:100%; padding:65px 70px 30px; }

.newVualt_heading { width:100%; padding-bottom:16px;}

.newVualt_heading h3 {font-size: 20px;  color: #617283;border-bottom: 1px solid #d2d6dd; padding-bottom:25px; position:relative;}

.newVualt_heading h3:after {content: "";display: inline-block;position: absolute;left: 0px;bottom:0px;  width: 22%; height: 3px;  background-image: linear-gradient(89deg, #003a5d, #0a62a3 50%, #00c1de); }
.newVualt_heading h4 {font-size: 14px; font-weight: 500; color: #617283;border-bottom: 1px solid #d2d6dd; padding-bottom:18px; position:relative;}



.listing_floating_row {  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1); background-color: #f7f8f8;  border: solid 1px #d2d6dd; width:100%; padding:15px; margin-bottom:16px;}


.fieldIncremnt { width:8%; float:left; margin-right:8px;}

.quantity {  position: relative; width:100%;height: 40px; background-color: #fff; border: solid 1px #d2d6dd; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}

input[type=number]{-moz-appearance: textfield;}

.quantity input { width: 78%; line-height: 1.60; float: left; display: block;  padding-left: 26px; height:100%;  font-size: 16px; color: #617283;   }

.quantity-nav {  float: right; position: relative; height: 40px; width:22%; padding-top:11px;}

.quantity-button {  position: relative;  cursor: pointer;   }


.quantity-up { background:url(../images/triangle_top@2x.png) no-repeat; width:8px; height:6px; background-size:8px 6px; margin-bottom:6px;; }
.quantity-down { background:url(../images/triangle_bottom@2x.png) no-repeat; width:8px; height:6px; background-size:8px 6px;  }



.expand_button {  position: relative; width:12%; float: left; }

.expand_button a {height: 40px;opacity: 0.4; background:url(../images/expand_icon@2x.png) 15px center no-repeat #ffffff; border: solid 1px #d2d6dd; display:block; line-height:40px; padding-left:56px; background-size:21px;font-size: 13px; color: #617283;transition:all 0.3s ease; line-height:38px;}

.expand_button a:hover { opacity:1;}

.grid_searching { width:65%;  float:right;}

.grid_searching ul  { float:right;}

.grid_searching ul li  { float:left; padding-left:8px;}

.grid_searching ul li a {height: 40px; width:40px;opacity: 0.4; background:url(../images/grid_icon@2x.png) center center no-repeat #ffffff; border: solid 1px #d2d6dd; display:block;  background-size:24px;font-size: 13px; color: #617283;transition:all 0.3s ease; line-height:38px;}

.grid_searching ul li a:hover { opacity:1;} 

.grid_searching ul li a.combined_shape{ background:url(../images/combined_shape@2x.png) center center no-repeat #ffffff;background-size:23px;}


.searching_li {width:345px;}

.searching{ width:100%;border: solid 1px #d2d6dd; background:#fff; position:relative;height: 40px;}

.searchInput { width:88%; display:block; padding:4px 22px;font-size: 13px; color: #617283; display:block;height: 40px;}

.submitInput{ background:url(../images/search-icon-copy@2x.png) center center no-repeat #617283; width:44px; position:absolute; right:0px; top:0px; height:100%; background-size:14px; cursor:pointer;}

.searchInput::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #617283;}
.searchInput::-moz-placeholder { /* Firefox 19+ */color: #617283;}
.searchInput:-ms-input-placeholder { /* IE 10+ */ color: #617283;}
.searchInput:-moz-placeholder { /* Firefox 18- */color: #617283;}





.category_list_outer { width:100%;background-color: #ffffff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);}


.cL_listing_tableInn{ width:100%;background: #ffffff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11);}

.cL_listing_tableTitle{ width:100%; background:#f8f8f8; }

.cL_listing_tableTitle strong{ display:block; padding:8px 0px; font-size:13px; line-height:15px; color:#617283; font-weight:500;   } 

.cL_listing_tableInn ul li{ width:100%; position:relative;   background:#fff; padding:0px 0px; overflow:hidden; }

.cL_listing_tableInn ul li:last-child{ border-bottom:0px none; }

.cL_listing_tableInn ul li.active_editMod .cL_listing_table_row{ margin-left:-20%; }


.cL_listing_table_row{ width:100%; display:table; table-layout:fixed; position:relative; transition:all 0.6s ease-in-out 0s; background:#fff; padding:14px 20px 14px 45px; }

.cL_listing_table_cell{ display:table-cell; vertical-align:middle; padding:0px 5px;  word-wrap:break-word; }

.cL_listing_table_cell.cell1{ width:11%; }
.cL_listing_table_cell.cell2{ width:11%; }
.cL_listing_table_cell.cell3{ width:23%; }
.cL_listing_table_cell.cell4{ width:12%; }
.cL_listing_table_cell.cell5{ width:15%; }
.cL_listing_table_cell.cell6{ width:13%; }
.cL_listing_table_cell.cell7{ width:15%; }


.cL_listing_table_cell_campaign{ display:table-cell; vertical-align:middle; padding:0px 5px;  word-wrap:break-word; }

.cL_listing_table_cell_campaign.cell1{ width:11%; }
.cL_listing_table_cell_campaign.cell2{ width:11%; }
.cL_listing_table_cell_campaign.cell3{ width:19%; }
.cL_listing_table_cell_campaign.cell4{ width:12%; }
.cL_listing_table_cell_campaign.cell5{ width:15%; }
.cL_listing_table_cell_campaign.cell6{ width:13%; }
.cL_listing_table_cell_campaign.cell7{ width:15%; }
.cL_listing_table_cell_campaign.cell8{ width:55%; }

.cL_listing_table_cell_sch_campaign{ display:table-cell; vertical-align:middle; padding:0px 5px;  word-wrap:break-word; }

.cL_listing_table_cell_sch_campaign.cell1{ width:6%; }
.cL_listing_table_cell_sch_campaign.cell2{ width:8%; }
.cL_listing_table_cell_sch_campaign.cell3{ width:16%; }
.cL_listing_table_cell_sch_campaign.cell4{ width:16%; }
.cL_listing_table_cell_sch_campaign.cell5{ width:16%; }
.cL_listing_table_cell_sch_campaign.cell6{ width:16%; }
.cL_listing_table_cell_sch_campaign.cell7{ width:16%; }
.cL_listing_table_cell_sch_campaign.cell8{ width:16%; }

.cL_listing_table_sch_cell{ display:table-cell; vertical-align:middle; padding:0px 5px;  word-wrap:break-word; }

.cL_listing_table_sch_cell.cell1{ width:11.5%; padding-left: 32px}
.cL_listing_table_sch_cell.cell2{ width:12%; }
.cL_listing_table_sch_cell.cell3{ width:25%; }
.cL_listing_table_sch_cell.cell4{ width:25%; }
.cL_listing_table_sch_cell.cell5{ width:16%; }
.cL_listing_table_sch_cell.cell6{ width:16%; }
.cL_listing_table_sch_cell.cell7{ width:16%; }

.clEditDotes_cell.cell7{ width:15%; padding:0px 0px 0px 0px; }

.cL_rowList_number{ display:block; color:#617283; font-size:13px; padding-left:20px; }

.cL_rowList_number a { color:#617283;}

.cl_rowPosted_dateOut{ width:100%;   }

.cl_listingCampaign_zonz strong{ display:block; color:#31465b; font-size:14px; line-height:20px;  }

.cl_tableRow_status_Draft{ background:url(../images/campaignLanding_ctlIcon_draft.png) no-repeat top center; }
.cl_tableRow_status_waiting_Waiting_Review{ background:url(../images/campaignLanding_ctlIcon_waitingReview.png) no-repeat top center; }


.cl_tableRow_editDotes{ width:25px; height:30px; display:block; border-radius:6px; padding:5px; transition:all 0.4s ease; }

.cl_tableRow_editDotes i{ width:4px; height:4px; background:#6b717b; position:relative; border-radius:50%; display:block; margin:auto; }

.cl_tableRow_editDotes i:after, .cl_tableRow_editDotes i:before{ content:"";  width:4px; height:4px; background:#6b717b; position:absolute; border-radius:50%; display:block; left:0px; top:8px;  }

.cl_tableRow_editDotes i:after{ top:16px;  }

.cl_tableRow_editDotes:hover{  background: rgba(44, 56, 69, 0.1) none repeat scroll 0 0; }

.cl_rowEdit_popOut{ width:20%; height:50px; position:absolute; right:-20%; top:0px; transition:all 0.6s ease-in-out; }

.active_editMod .cl_rowEdit_popOut{ right:0px; }

.cl_rowEdit_pop_table{ width:100%; height:100%; display:table; }

.cl_rowEdit_popOut_tableRow{ width:100%; height:100%; display:table; table-layout:fixed; }

.cl_rowEdit_popOut_tableRow_cell{ display:table-cell; vertical-align:middle;  width:78px;; }
.cl_rowEdit_popOut_tableRow_cell.eidtCell1{ border-left:0px none; }

.cl_rowEdit_popOut_tableRow_cell a{  display:table; width:100%; height:100%; text-align:center; background:#00c1de; color:#fff; transition:all 0.4s ease-in-out; border-left:1px solid #fff; }
 
.cl_rowEdit_popOut_tableRow_cell a strong{ display:table-cell; vertical-align:middle; width:100%; height:100%; font-size:12px; }

.cl_rowEdit_popOut_tableRow_cell a i{ display:block; min-height:28px; background:url(../images/eye_icon@2x.png) no-repeat center center;  background-size:28px auto; }

.cl_rowEdit_popOut_tableRow_cell a.edit_icon i{ background:url(../images/edit_icon@2x.png) no-repeat center center;   background-size:17px auto; }

.cl_rowEdit_popOut_tableRow_cell a.scheduleIcon i{ background:url(../images/clock_icon@2x.png) no-repeat center center;  background-size:26px auto;  }

.cl_rowEdit_popOut_tableRow_cell a.duplicateIcon i{ background:url(../images/layers_icon@2x.png) no-repeat center center; background-size:25px auto;   }

.cl_rowEdit_popOut_tableRow_cell a.delete_icon i{ background:url(../images/delete_icon@2x.png) no-repeat center center; background-size:12px auto;  }

.clEditDotes_cell{ display:table-cell; vertical-align:middle; }

.cl_rowEdit_popOut_tableRow_cell a.edit_icon{ background:#0a62a3;}
.cl_rowEdit_popOut_tableRow_cell a.scheduleIcon{ background:#c6db01;}
.cl_rowEdit_popOut_tableRow_cell a.duplicateIcon{ background:#003a5d;}
.cl_rowEdit_popOut_tableRow_cell a.delete_icon{ background:#fc6d64;}

.cl_rowEdit_popOut_tableRow_cell a:hover { opacity:1;}

.cL_listing_tableTitle strong span{ display:inline-block; vertical-align:top; margin-right:10px; width:8px; margin-top:2px; }

.cL_listing_tableTitle strong span b { width:8px; cursor:pointer; display:block; margin-bottom:4px; }
.cL_listing_tableTitle strong span b img { display:block; width:100%;}

.cL_listing_tableTitle strong span b:last-child  { margin-bottom:0px; }

.clEditDotes_cell span{ display:inline-block !important; float:left;}
.clEditDotes_cell a{ display:inline-block !important; float:right;}

.profile_img{ width:38px; overflow:hidden; display:inline-block; vertical-align:middle; margin-right:15px;}

.cL_listing_tableInn ul li .cL_listing_table_row { padding:10px 20px 10px 45px;}


.cL_listing_tableInn ul li { background:#f7f8f8;}
.cL_listing_tableInn ul li:nth-of-type(2n)  { background:#fff;}

.cL_listing_tableInn ul li .cL_listing_table_row { background:none;}


.sortHidden span { visibility:hidden;}


.categoryCell { width:35% !important;}

.subCategoyCell { width:7% !important;}

.padingLeft0 { padding-left:0px !important;}
.padingLeft50 { padding-left:50px !important;}
.padingLeft80 { padding-left:80px !important;}
.padingLeft30 { padding-left:30px !important;}
.padingLeft25 { padding-left:25px;}

.cL_rowList_number em { font-style:normal; color:#a5adba;}



.pagination_section { width:100%; text-align:center; padding-top:30px;}

.pagination_section ul li { display:inline-block; padding:0px 12px;}

.pagination_section ul li a {width: 8px;  height: 8px; background-color: #d8d8d8; display:block; border-radius:50%;}
.pagination_section ul li a.pageAcive { background:#0a62a3;}






.searchSection { width:100%; background:#fafafa; display:none;}

.searchSection_bar { width:45%; margin:auto; padding:46px 0px 44px; }

.searchSection_bar input { font-size: 52px; font-weight: 300; color: #d2d6dd;border-bottom: solid 1px #a5adba; padding-bottom:2px; background:url(../images/searchBar_icon@2x.png) right center no-repeat; background-size:28px; padding-right:50px; width:100%; }

.searchSection_bar input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #d2d6dd;}
.searchSection_bar input::-moz-placeholder { /* Firefox 19+ */color: #d2d6dd;}
.searchSection_bar input:-ms-input-placeholder { /* IE 10+ */ color: #d2d6dd;}
.searchSection_bar input:-moz-placeholder { /* Firefox 18- */color: #d2d6dd;}





.gridView_listing { width:100%; padding-top:10px;}

.gridView_listing ul { margin:0px -15px; font-size:0px;}

.gridView_listing ul li { width:33.33%; padding:0px 15px 30px; display:inline-block; vertical-align:top;}

.grid_addCategory_info{ width:100%;border-radius: 3px; border: solid 1px #d2d6dd;}

.grid_addCategory_img { width:100%;}

.grid_addCategory_img a  { display:block; width:100%;}

.grid_addCategory_img a img  { display:block; width:100%;}

.grid_addCategory_info_head { width:100%; border-bottom: solid 1px #d2d6dd; padding:12px 0px 0px 10px;}

.grid_addCategory_info_head label { display:block;font-size: 14px; font-weight: 700;  color: #617283; padding-bottom:3px; text-transform:uppercase; padding-right:15px; }

.grid_addCategory_info_head span { font-size: 14px; color: #617283; padding-right:15px; }

.grid_addCategory_info_head span b {font-weight: 700;  color: #617283; display:inline-block; vertical-align:top; padding-right:15px; }

.colorTag { width:100%; text-align:right; font-size:0px; }
.colorTag small  {width: 32%; height: 10px;  border-radius: 3px 0px 0px ;  background-color: #fd3d50; display:inline-block; }


.grid_addCategory_img_small { width:100%; padding:10px 12px;border-bottom: solid 1px #d2d6dd;}

.grid_addCategory_img_small span  { display:block; width:100%;}

.grid_addCategory_img_small span img  { display:block; width:100%;}


.grid_info_description { width:100%;padding:10px 12px;}

.grid_info_description p {font-size: 12px; line-height: 1.5; color: #a5adba;}









.popups_outer {width: 100%; position: fixed; height: 100%; z-index: 2; left: 0px; top: 0px; display:none;}

.popups_inner { width:100%; height:100%;}

.overley_popup { width: 100%;  height: 100%;  position: fixed; top: 0px;  left: 0px;   background-color: rgba(17, 55, 86, 0.8);}

.popupDiv { width:556px; position:absolute; left:50%; margin-left:-278px; top:8%;}

.popupDiv_detail { width:100%;}

.closePop { width:10px; height:10px; background:url(../images/closepopup_icon@2x.png) no-repeat; background-size:10px 10px; display:block; position:absolute; right:15px; top:15px;}


.alertPopup_div { width:100%;  }

.popup_main_heading { width:100%; text-align:center; position:relative; } 

.popup_main_heading h3 { padding: 30px 20px; line-height: 29px; text-align:center; display:block; background:#0a62a3; text-transform:uppercase;border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;-ms-border-radius:6px 6px 0px 0px;-o-border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px; width:100%; font-size:16px; color:#fff ;font-weight:700;  }

.popup_main_heading .closePop { right:25px; top:22px; display:none;}

.alertPopup_info { width:100%;  background:#fff; border-radius:0px 0px 6px 6px;-moz-border-radius:0px 0px 6px 6px;-ms-border-radius:0px 0px 6px 6px;-o-border-radius:0px 0px 6px 6px;-webkit-border-radius:0px 0px 6px 6px; width:100%;  }


.alertPopup_description {width:100%;border-bottom:1px solid  #f5f5f5; padding:50px 20px 22px; text-align:center;}

.alertPopup_description span { display:inline-block; width:70px; margin-bottom:25px;}

.alertPopup_description span img { display:block; width:100%;}

.alertPopup_description p { font-size: 16px;   color: #617283; line-height:36px;}

.alertPopup_description p b {font-weight: 700; color: #0a62a3;}


.okCancel_warning { width:100%; text-align:center; font-size:0px;}

.okCancel_warning a { width:50%; display:inline-block;font-size: 16px; font-weight: 700; letter-spacing: 2px;  color: #617283;border-right:1px solid  #f5f5f5; padding: 30px 20px; line-height: 29px; text-transform:uppercase;}

.okCancel_warning a:last-child { border:0px;}






.add_category_listing{ width:100%;}

.add_category_listing ul li { padding-bottom:30px;}

.add_categoryList_info { width:100%;background-color: #ffffff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); padding:25px 22px 5px; border:1px solid #fff;}

.categoryInfo_container{ width:100%; padding-top:5px;}

.uploadImg_section{ width:16%; float:left;}

.uploadImg_section h4 {font-size: 12px; font-weight: 500; color: #617283; padding-bottom:18px;}

.uploadImg_section_info { width:100%;border-radius: 6px; background-color: #ffffff; border: solid 1px #d2d6dd; padding:8px;}

.uploadPlaceholder { width:100%;}


.image_notify_upload_area {  width: 100%; text-align: center;  position:relative; margin-bottom:10px; }

.image_notify_upload_area span { display:block; width:100%;}
.image_notify_upload_area span img { display:block; width:100%;}

.image_notify_upload_area input { cursor: pointer; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; }
.image_notify_upload_area em{ font-size:10px; color:#7f888b;} 

.uploadPlaceholder_text { width:100%;}

.uploadPlaceholder_text p { min-height:100px;font-size: 12px; line-height: 1.5; color: #a5adba;}




.addCategoryRight_section{ width:81.5%; float:right;}

.addCategory_formSection2 { width:100%; position:relative;}

.addCategory_formSection2 ul { margin:0px -13px; font-size:0px;}

.addCategory_formSection2 ul li { padding-bottom:28px; display:inline-block; padding:0px 13px 28px; width:50%; vertical-align:top;}


.customPlaceholder_outer { width:100%; position:relative;}

.customPlaceholder_outer h4 {font-size: 12px; font-weight: 500; color: #617283; padding-bottom:18px;}

.customPlaceholder_outer h4 small {font-size: 12px; color: #a5adba;}
.customPlaceholder_outer h4 sub {font-size: 12px; color: #00c1de; display:inline-block; margin-left:4px;vertical-align: top;}

.customPlaceholder  { border-radius: 6px; background-color: #f7f8f8; border: solid 1px #d2d6dd; height:46px; width:100%  ; padding:12px 20px 10px; }

.customPlaceholder input {  font-size: 12px; color: #a5adba; width:100%; font-weight:500;  line-height: 22px;}

.customPlaceholder input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #a5adba;}
.customPlaceholder input::-moz-placeholder { /* Firefox 19+ */color: #a5adba;}
.customPlaceholder input:-ms-input-placeholder { /* IE 10+ */ color: #a5adba;}
.customPlaceholder input:-moz-placeholder { /* Firefox 18- */color: #a5adba;}


.req_tag {font-size: 12px; font-style: italic; color: #d2d6dd; position:absolute; right:0px; top:0px; display:inline-block;}


.chooseColor_section{border-radius: 6px; background-color: #fff; border: solid 1px #d2d6dd; height:46px; width:100%  ;}

.chooseColor_section small { border-right: solid 1px #d2d6dd; width:11%; text-align:center; display:block;font-size: 16px; color: #a5adba; height:44px; line-height:44px; float:left;}

.color_input {width:28% ;float:left; background-color: #f7f8f8;border-right: solid 1px #d2d6dd; }

.color_input input { width:100%;height:44px; }


.dropdownPlaceholder{ width:61%; float:left;}

.customDropDown_placeholder{  height:46px; position:relative; width:100%;  }

.customDropDown_placeholder span{ display:block; line-height:42px; padding-right:20px; background:url(../images/all_select_down_arows.png) no-repeat 95% 16px; font-size:12px; color:#a5adba; background-size:24px ; padding:0px 20px;  cursor:pointer;}

.customDropDown_placeholder select{ width:100%; height:100%; position:absolute; left:0px; top:0px; opacity:0; cursor:pointer; }



.edittor_column { width:100%; border-radius: 6px; background-color: #f7f8f8; border: solid 1px #d2d6dd;}

.edittor_column_head {width:100%; background:#fff; min-height:36px;border-bottom: solid 1px #d2d6dd;border-radius: 6px 6px 0px 0px;;}

.edittor_column_area textarea {  font-size: 12px; color: #a5adba; width:100%; font-weight:500;  line-height: 22px; min-height:110px; padding:14px 18px;}

.edittor_column_area textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #a5adba;}
.edittor_column_area textarea::-moz-placeholder { /* Firefox 19+ */color: #a5adba;}
.edittor_column_area textarea:-ms-input-placeholder { /* IE 10+ */ color: #a5adba;}
.edittor_column_area textarea:-moz-placeholder { /* Firefox 18- */color: #a5adba;}





.button_addCategory { width:100%;}

.button_addCategory button { width:100%; height:46px;  border-radius: 6px; border: solid 1px #d2d6dd;font-size: 10px;  font-weight: 700 ;  letter-spacing: 1px; color: #617283; cursor:pointer;
	background: -moz-linear-gradient(45deg, rgba(247,248,248,1) 0%, rgba(224,227,231,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(247,248,248,1)), color-stop(100%, rgba(224,227,231,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(247,248,248,1) 0%, rgba(224,227,231,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(247,248,248,1) 0%, rgba(224,227,231,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(247,248,248,1) 0%, rgba(224,227,231,1) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(247,248,248,1) 0%, rgba(224,227,231,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e3e7', endColorstr='#f7f8f8',GradientType=1 ); /* ie6-9 */ }

.button_addCategory button img { width:24px; display:inline-block; vertical-align:middle; margin-right:22px;}

.add_categoryList_info:hover {box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);  border: solid 1px #0a62a3;}




.backSave_buttons { width:100%; text-align:right; padding:30px 0px;}

.backSave_buttons ul{ margin:0px -5px;}

.backSave_buttons ul li { display:inline-block; margin:0px 5px; vertical-align:top; }

.backSave_buttons ul li a { border-radius: 4px; background-color: #d2d6dd; border: solid 1px #a5adba; line-height:40px; font-size:12px; letter-spacing:1px; color: #617283;  text-align:center; display:block;  width:175px;}

.backSave_buttons ul li a.selecBttn {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff;  }
.backSave_buttons ul li a:hover  {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff; transition:all 0.5s ease; }


.backSave_buttons ul li input { border-radius: 4px; background-color: #d2d6dd; border: solid 1px #a5adba; line-height:40px; font-size:12px; letter-spacing:1px; color: #617283;  text-align:center; cursor:pointer; display:block; width:175px;}

.backSave_buttons ul li input.selecBttn {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff;  }
.backSave_buttons ul li input:hover  {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff; transition:all 0.5s ease; }






.edit_category_section{ width:100%;}

.edit_category_leftBar{ width:15%; float:left;}

.edit_category_img { width:100%; padding-bottom:10px;}

.edit_category_img span { width:100%; display:block;}
.edit_category_img span img { width:100%; display:block;}


.left_navBar { width:100%; }

.left_navBar ul li { display:block;  border-bottom:1px solid #e4e7ec;}

.left_navBar ul li a {  display:block; font-size:12px; color:#617283; text-transform: uppercase; padding-left:36px;  padding:0px 10px 0px 36px; position:relative;} 

.left_navBar ul li a small {font-size:12px; border-bottom:3px solid #fff;   padding:20px 20px 16px 0px; display:inline-block;transition:all 0.4s ease-in-out;}

.left_navBar ul li a:hover small { color:#0a62a3; border-bottom:3px solid #0a62a3;}

.left_navBar ul li.navActive a small { color:#0a62a3; border-bottom:3px solid #0a62a3;}


.info_link { background:url(../images/edit_grey@2x.png) 3px 20px no-repeat; background-size:18px;}
.subCategory_link { background:url(../images/sub_categoriesIcon@2x.png) 3px 19px no-repeat; background-size:16px;}
.delete_link { background:url(../images/delete_nav_icon@2x.png) 3px 16px no-repeat; background-size:15px;}

.pricingStock_link { background:url(../images/stocknav@2x.png) 4px 16px no-repeat; background-size:16px;}
.insightna_link { background:url(../images/insightnav@2x.png) 4px 18px no-repeat; background-size:17px;}
.ecommNav_link { background:url(../images/ecommNav@2x.png) 4px 18px no-repeat; background-size:18px;}
.modifiersNav_link { background:url(../images/modifiersNav@2x.png) 4px 19px no-repeat; background-size:18px;}


.loyality_link { background:url(../images/loyality_icon@2x.png) 4px 18px no-repeat; background-size:18px;}
.medical_link { background:url(../images/medical_icon@2x.png) 4px 17px no-repeat; background-size:18px;}




.dropDownShape { display:inline-block;background:url(../images/categoryShape@2x.png) no-repeat ;  background-size:10px ; width:10px; position:absolute; right:10px; top:24px;  } 

.showInner_dropdown .dropDownShape{  transform: rotate(180deg) ;top:16px; }

.left_navBar ul li ul  { border-top:1px solid #e4e7ec; display:none; padding-top:8px;}

.left_navBar ul li ul li  { border:0px; padding-bottom:8px;}

.left_navBar ul li ul li a { padding:10px 14px 10px; width:100%; background:#eff1f4;transition:all 0.4s ease;}

.left_navBar ul li ul li a:hover {background-color: #0a62a3; color:#fff;}

.showInner_dropdown{ border-bottom:0px !important;}

.left_navBar ul li ul li:last-child { border-bottom:0px; padding-bottom:0px;}




.SectionRight { width:82%; float:right;}

.edit_category_section_right { width:100%; }

.edit_category_rightDetail{ width:100%;background-color: #ffffff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); padding:28px 30px 0px;}

.newVualt_heading h3 a { text-decoration:underline;color: #617283;}

.information_listing .customPlaceholder { background:#fff;}

.info_decription {border-radius: 6px; background-color: #fff; border: solid 1px #d2d6dd; min-height: 135px; width: 100%; padding: 22px 22px ;}

.info_decription p {font-size: 14px; line-height: 1.36; color: #617283;}


.information_tags{ width:100%; border-radius: 6px; background-color: #ffffff; border: solid 1px #d2d6dd; min-height: 135px;padding: 10px ;}

.information_tags span {border-radius: 4px; background-color: #ffffff; box-shadow: 0 0 7px 0 rgba(58, 64, 91, 0.15); padding:3px 8px 3px 10px; font-size: 13px;  letter-spacing: 1.1px;  color: #617283; margin-right:5px; margin-bottom:10px;display:inline-block; }

.information_tags span b { display:inline-block; vertical-align:top; margin-left:10px; cursor:pointer;}


.cL_listing_table_cell.ittemsCell{width:22%;}
.cL_listing_table_cell.ittemsCell_last{width:15%;}


.ittemsCell img{ margin-right:30px;}





.quickboard_items span { color:#a5adba;}

.quickboard_items span b { padding-left:8px; padding-right:0px;}

.quickDecriptionCell span {width:95%;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;  }

.cL_listing_table_cell.quickDecripCell_1{width:5%;}
 

.newVualt_heading_with_buttons{ width:100%; margin-bottom:16px;border-bottom: 1px solid #d2d6dd;}

.newVualt_heading_with_buttons .newVualt_heading {  width: 25%; padding-bottom: 0px; border:0px; float:left; padding-top:10px }

.newVualt_heading_with_buttons .newVualt_heading h3::after { width:100%;}

.newVualt_heading_with_buttons .backSave_buttons{ width:50%; float:right; padding:0px;}

.newVualt_heading_with_buttons .backSave_buttons ul li a { width:214px; background:none;}

.newVualt_heading_with_buttons .backSave_buttons ul li a.selecBttn {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff;  }
.newVualt_heading_with_buttons .backSave_buttons ul li a:hover  {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff; transition:all 0.5s ease; }


.cL_listing_table_cell.productCell_1{ width:20%; }
.cL_listing_table_cell.productCell_2{ width:10%; }
.cL_listing_table_cell.productCell_3{ width:10%; }
.cL_listing_table_cell.productCell_4{ width:11%; }
.cL_listing_table_cell.productCell_5{ width:10%; }
.cL_listing_table_cell.productCell_6{ width:10%; }
.cL_listing_table_cell.productCell_7{ width:8%; }
.cL_listing_table_cell.productCell_8{ width:21%; }
.clEditDotes_cell.productCell_8{ width:21%; padding:0px 0px 0px 0px; }

.productTble_listing strong { padding:5px 0px;}


.productTble_listing .cL_listing_table_cell { vertical-align:top;}

.productCell_8 img { display:inline-block; width:9px; vertical-align:middle; margin-right:10px;}

.plusButton{ background:url(../images/plus_categoryIcon@2x.png) no-repeat; width:20px; height:20px; cursor:pointer; border:0px; background-size:20px; position:absolute; left:14px; top:19px; display:block;transition:all 0.3s ease;}
.plusButton.changeicon {transform: rotate(45deg);}

.editField{  padding:0px 20px; width: 98%; height: 40px; }

.editField:focus{ background:#fff; border-radius: 6px; background-color: #ffffff; border: solid 1px #d2d6dd;}




.productList_expand { width:100%;background-color: #003a5d; padding:22px 48px 34px; display:none;}

.productList_expand_detail { width:100%;}

.productList_expand_detail ul li {  border-bottom: 0px !important; background:none; position:relative;} 
.productList_expand_detail ul li:nth-of-type(2n) { background: none; }

.productList_expand_row { width:100%;border-bottom: solid 1px #617283 !important;padding:14px 0px;display:table; table-layout:fixed; position:relative; }

.expand_rowCell{ display:table-cell; vertical-align:middle; padding:0px 10px;  word-wrap:break-word; }

.expand_rowCell h4 {font-size: 13px; font-weight: 500; color: #a5adba;}

.expand_rowCell1 { width:22%;}
.expand_rowCell7 { width:23%;}
.expand_rowCell2 { width:11%;}

.expand_row_input {  padding:0px 20px; width: 100%; height: 40px;  border-radius: 6px; border: solid 1px #617283; color:#fff;}

.expand_row_input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #fff;}
.expand_row_input::-moz-placeholder { /* Firefox 19+ */color: #fff;}
.expand_row_input:-ms-input-placeholder { /* IE 10+ */ color: #fff;}
.expand_row_input:-moz-placeholder { /* Firefox 18- */color: #fff;}


.control-group {display: inline-block;text-align: left;  vertical-align: top; }
.control { cursor: pointer; display: block; font-size: 14px; line-height:22px; padding-right: 45px; position: relative; color:#617283; }
.control input {  opacity: 0; position: absolute;  z-index: -1; }
.control__indicator {background: none;height: 20px;right: 0;position: absolute;top: 2px;width: 20px; border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border: solid 1px #617283;}

.control input:checked ~ .control__indicator {background: #fff none repeat scroll 0 0;border: solid 1px #fff;}

.control:hover input:checked:not([disabled]) ~ .control__indicator, .control input:checked:focus ~ .control__indicator {background: #fff none repeat scroll 0 0;}

.control input:disabled ~ .control__indicator {background: #fff none repeat scroll 0 0;opacity: 0.6;pointer-events: none;}
.control__indicator::after {content: "";display: none;position: absolute;}

.control input:checked ~ .control__indicator::after {display: block;}
.control--checkbox .control__indicator::after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #0a62a3;border-image: none;border-style: solid; border-width: 0 2px 2px 0;height: 8px;left: 6px;top: 3px;transform: rotate(45deg);width: 4px;}


.listDataShowing { width:100%; position:relative;}

.customDropDwn_outer  { border-radius: 6px; background-color: #fff; border: solid 1px #d2d6dd; height:46px; width:100%   }

.customDropDwn_outer .customDropDown_placeholder span { background-position:97% 16px}




.listFull_width{ width:100% !important }

.customPlaceholder_outer h4 img { display:inline-block; margin-left:16px; vertical-align:middle; width:20px;}


.placeholder_radio_outer  { border-radius: 6px; background-color: #fff; border: solid 1px #d2d6dd;  width:100% ; padding:11px 18px 0px;  }

.placeholder_radio_column{ display:inline-block; width:20%; vertical-align:top; padding-bottom:13px;}



.radio_button{ width: 100%; position:relative; }

.radio_button [type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: 0; opacity: 0; }

.radio_button [type="radio"]:checked + label, [type="radio"]:not(:checked) + label { position: relative; padding-left: 38px; cursor: pointer;  display: inline-block;  font-size: 12px;   color: #617283; line-height:20px; }

.radio_button [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { content: '';  position: absolute; left: 0; top: 0px;  width: 20px;  height: 20px; border: 1px solid #a5adba;  border-radius: 100%;  background: #fff;  }

.radio_button [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after { content: ''; width: 12px; height: 12px; background: #0a62a3; position: absolute; top: 5px; left: 5px; border-radius: 100%;  -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.radio_button [type="radio"]:not(:checked) + label:after {  opacity: 0;  -webkit-transform: scale(0); transform: scale(0); }

.radio_button [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.radio_button [type="radio"]:checked + label:before {border: 1px solid #0a62a3;}



.stockTrigger small{font-size: 12px; font-weight: 500;  color: #617283; width:70%; text-align:left; padding-left:20px;}

.trigger_incremt{ width:30%; float:right;}

.trigger_incremt .quantity { height:44px; border:0px; border-radius:6px; background:#f7f8f8;}

.trigger_incremt .quantity-nav { padding-top:14px;}

.trigger_incremt .quantity input { padding:0px; text-align:center;}

.productsTags{ min-height:auto; padding-bottom:0px;}




.taxable_bar { width:100%; padding-bottom:20px;}

.taxable_switching { width:35%; float:left; padding-top:10px;}

.taxable_switching small {font-size: 12px; font-weight: 500; color: #617283; display:inline-block; float:left; width:50%;text-align:right; line-height:24px;}

.taxable_switch_bttn{ width:50%; float:right;}


.onoffswitch {  position: relative; width: 55px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; height:24px; background: #0a62a3; border-radius: 100px; margin-top:1px; float:right;}

.onoffswitch-checkbox { display: none; }

.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border-radius: 4px; height:24px; }

.onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s;overflow:hidden; }

.onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 24px; padding: 0; line-height: 24px; font-size: 10px; color: #fff;   box-sizing: border-box;  font-weight:700;  letter-spacing: 1px; overflow:hidden;border-radius: 4px;}

.onoffswitch-inner:before { content: "YES";  padding-left: 9px;   }

.onoffswitch-inner:after { content: "NO"; padding-right: 10px; line-height: 24px;  text-align: right;  background: #fff; border:1px solid #d2d6dd; color:#617283; border-radius:100px;  } 

.onoffswitch-switch { display: block; width: 16px; margin:2px 4px 2px 4px; background: #fff; position: absolute; top:2px; bottom: 0; right: 31px;  border-radius: 50%; transition: all 0.3s ease-in 0s;  height:16px;  }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {  margin-left: 0; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px;  background:#fff;   }

.onoffswitch-checkbox + .onoffswitch-label .onoffswitch-switch{ background:#d2d6dd; }





.value_check_switich { width:60%; float:right;height: 46px;  border-radius: 6px; background-color: #ffffff;  border: solid 1px #d2d6dd; padding:7px 10px;}






.switch { margin:auto; position: relative; display: block; vertical-align: top; width: 66px; height: 30px; padding: 3px; border-radius: 4px;  background-color: #ffffff; border: solid 1px #d2d6dd; cursor: pointer; }

.switch-input { position: absolute; top: 0; left: 0; opacity: 0; box-sizing:content-box; }

.switch-label { position: relative; display: block; height: inherit; font-size: 12px; font-weight:500; }

.switch-label:before, .switch-label:after { position: absolute; top: 5px; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit;  }

.switch-label:before { content: attr(data-off); right: -114%; color: #aaaaaa;  }

.switch-label:after { content: attr(data-on); left: -114%; color: #0a62a3;  }

.switch-input:checked ~ .switch-label:before { color:#0a62a3 ; }

.switch-input:checked ~ .switch-label:after { opacity: 1; color: #aaaaaa;  }

.switch-handle { position: absolute; top: 5px; left: 5px;  width: 18px;  height: 18px;  border-radius: 2px; background-color: #0a62a3; }

.switch-input:checked ~ .switch-handle { left: 41px; }
 
/* Transition
========================== */
.switch-label, .switch-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}


.discontableSwitch .switch-label:before { right: -160%;}
.discontableSwitch .switch-label:after { left: -130%;}




.pricingStockHeading h3:after{ width:30%;}


.pricingStock_form{ width:100%; padding-left:5%; padding-top:8px; padding-bottom:20px;}

.pricingStock_form ul li {border-bottom: solid 1px #e4e7ec; margin-bottom:25px;}

.pricingStock_form .addCategory_formSection { width:96%; float:right;}

.pricingStock_form .addCategory_formSection ul { margin:0px -5px;}

.pricingStock_form .addCategory_formSection ul li { padding:0px 5px 28px; margin:0px; border:0px;}

.pricingStock_form .customPlaceholder_outer h4 { padding-bottom:12px;}


.prodField{ width:31% !important;}

.varientField{ width:31% !important;}

.smallField { width:15.5% !important;}


.pricingStock_form .customPlaceholder {padding: 12px 12px 10px;}

.pricingStock_form .customPlaceholder input {color: #0a62a3; font-weight:500;}

.stockDropDwn span {padding: 0px 12px;color: #617283; font-weight:500; background-size:17px;background-position: 92% 18px !important;}


.stockRadio { width:100%; text-align:right; height:46px;}

.stockRadio .control-group{ vertical-align:middle; padding-top:12px;}

.stockRadio .control input:checked ~ .control__indicator { background:#0a62a3; border:1px solid #0a62a3;}

.stockRadio .control--checkbox .control__indicator::after{ border-color:#fff}

.stockRadio .control:hover input:checked:not([disabled]) ~ .control__indicator {background: #0a62a3 none repeat scroll 0 0;}
.stockRadio .control { padding-right:38px;}

.dragicon{ background:url(../images/dragColumn_icon@2x.png) no-repeat; width:11px ; height:23px; background-size:11px; position:absolute; left:-32px; top:50%; margin-top:-25px; display:block;}


.add_column_circle{ background:url(../images/plus_circle@2x.png) no-repeat; width:24px ; height:24px; background-size:24px; position:absolute; right:0px; top:50%; margin-top:-25px; display:block; cursor:pointer;}





.addProduct_setting:hover {box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);  border: 1px solid #fff;}

.addProduct_setting .removeHighlights {box-shadow: none; padding: 0px; padding-bottom:30px;}

.changeDropdon_color { background:#f7f8f8;}


.varientForm_setting{ padding-left:0%; padding-bottom:0px;}

.varientForm_setting ul li { padding-bottom:0px;}

.varientForm_setting ul li:last-child { border-bottom:0px; margin-bottom:0px; padding-bottom:0px; }



.product_insight { width:100%; padding:15px 0px 30px;}

.product_insight_detail { border-radius: 6px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);   border: solid 1px #e4e7ec;background:#fafafa;}

.product_insight_head { width:100%; padding:15px 15px 15px 25px;border-radius: 6px 6px 0px 0px;

	background: -moz-linear-gradient(45deg, rgba(0,58,93,1) 0%, rgba(10,98,163,1) 50%, rgba(0,193,222,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,58,93,1)), color-stop(50%, rgba(10,98,163,1)), color-stop(100%, rgba(0,193,222,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(0,58,93,1) 0%, rgba(10,98,163,1) 50%, rgba(0,193,222,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(0,58,93,1) 0%, rgba(10,98,163,1) 50%, rgba(0,193,222,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(0,58,93,1) 0%, rgba(10,98,163,1) 50%, rgba(0,193,222,1) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(0,58,93,1) 0%, rgba(10,98,163,1) 50%, rgba(0,193,222,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c1de', endColorstr='#003a5d',GradientType=1 ); /* ie6-9 */ }

.product_insight_head h3 {  font-size: 21px; font-weight: 300;  color: #ffffff; display:inline-block; float:left; line-height:34px;}

.yearsDropdown{ width:25%; float:right;}

.yearsDropdown .customDropDown_placeholder { height: 34px;  border-radius: 6px; background-color: #f7f8f8;}

.yearsDropdown .customDropDown_placeholder span {  line-height: 34px; background-position: 95% 11px; font-size: 13px; }

.performance_graph_indicator { width:26%; float:left; }

.performance_graph_indicator h3 {  font-size: 14px; color: #617283; padding:25px 30px;border-bottom: solid 1px #e4e7ec;}


.check_performance_option { width:100%;}

.check_performance_option ul li {border-bottom: solid 1px #e4e7ec; padding:20px 23px;border-left: solid 4px #fff;}

.check_performance_option ul li .control-group { float:none; padding:0px; display:block; }
.check_performance_option ul li .control { font-size:13px;padding-right: 0px; padding-left:45px;}
.check_performance_option ul li .control__indicator { right:auto; left:0px;border: solid 1px #dbdbdb;}

.check_performance_option ul li .control--checkbox .control__indicator::after { border-color: #fff ;}
.check_performance_option ul li strong { font-size: 13px; font-weight: 700;  color: #617283;}


.red_indicator{ border-left: solid 4px #fc6d64 !important;}
.red_indicator .control input:checked ~ .control__indicator{ background: #fc6d64 !important;}
.red_indicator .control:hover   .control input:checked:focus ~ .control__indicator {background: #fc6d64 ;}
 .blue_indicator{ border-left: solid 4px #0a62a3 !important;}


.green_indicator{ border-left: solid 4px #44caa1 !important;}
.green_indicator .control input:checked ~ .control__indicator{ background: #44caa1  !important;}
.green_indicator .control:hover  .control input:checked:focus ~ .control__indicator {background: #44caa1 !important ;}


.yellow_indicator{ border-left: solid 4px #c9d442 !important;}
.yellow_indicator .control input:checked ~ .control__indicator{ background: #c9d442  !important;}
.yellow_indicator .control:hover   .control input:checked:focus ~ .control__indicator {background: #c9d442  !important;}



.performance_graph_right { width:74%; float:right; background:#fff;border-left: solid 1px #e4e7ec; }

.performance_graph_right h3 {  font-size: 14px; color: #617283; padding:25px 30px;border-bottom: solid 1px #e4e7ec;}

.graph_outer { width:100%; padding:60px 34px 25px 28px ;}

.graph_div { width:100%; padding-bottom:35px;}




.dashborad_Totalcolumn { width:100%;border-radius: 8px; background-color: #ffffff;  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); border: solid 1px #e4e7ec; padding:35px 20px 35px;}

.dashborad_Totalcolumn ul { margin:0px -1%}

.dashborad_Totalcolumn ul li { width:33.3%; display:inline-block;*display:inline; *zoom:1; padding:2% 3%; float:left; border-right:1px solid #f3f3f3; }

.dashborad_Totalcolumn ul li:last-child { border:0px;}

.column_dboard_widget { width:100%; }
.column_dboard_widgetDetail { width:85%; float:left;}

.column_dboard_widgetDetail label { font-size: 12px; font-weight: 700; letter-spacing: 1.7px; color: #617283;   display:block; }

.column_dboard_widgetDetail strong {  font-size: 27px; font-weight: 500; color: #0a62a3; display:block; padding-bottom:10px; }
.column_dboard_widgetDetail small {    font-size: 12px; font-weight: 700; letter-spacing: 1px;  color: #617283; }

.avregCost_text { color:#00c1de !important;}
.avregCost_textDewell { color:#617283 !important;}

.column_dboard_widgetBttn { width:25px; float:right; position:relative; margin-top:40px;}

.column_dboard_widgetBttn .vidget_dropdown {position:static;}

.column_dboard_widgetBttn .showOptions li { width:100%;}

 
 


.activeCompaign_icon { width:64px; float:left; }

.activeCompaign_icon a { border:solid 2px #e4e7ec; width:64px; height:64px; display:block; border-radius:50%;}

.activeCompaignColumn .column_dboard_widgetDetail {width:calc(100% - 92px); margin-left:22px;}

.activeCompaign_icon a b {width:60px; height:60px; background:url(../images/averageProfit_icon@2x.png) center center no-repeat; background-size:26px; display:block; }
.activeCompaign_icon a.avrgCostIcon  b{ background:url(../images/averageProfit_icon@2x.png) center center no-repeat; background-size:26px ;  }
.activeCompaign_icon a.dynamicIcon b {  background:url(../images/costPrice_icon@2x.png) center center no-repeat; background-size:27px ; }
.activeCompaign_icon a.dynamicIconBlue b {  background:url(../images/costPrice_iconBlue@2x.png) center center no-repeat; background-size:27px ; }
.activeCompaign_icon a.productIconNormal b {  background:url(../images/prod_icon@2x.png) center center no-repeat; background-size:27px ; }
.activeCompaign_icon a.transactions_iconNormal b {  background:url(../images/transactions_iconNormal@2x.png) center center no-repeat; background-size:26px ; }
.activeCompaign_icon a.totalCust_icon b {  background:url(../images/totalCust_icon@2x.png) center center no-repeat; background-size:30px ; }
.activeCompaign_icon a.newCust_icon b {  background:url(../images/newCust_icon@2x.png) center center no-repeat; background-size:25px ; }
.activeCompaign_icon a.actCust_icon b {  background:url(../images/actCust_icon@2x.png) center center no-repeat; background-size:25px ; }
.activeCompaign_icon a.avgCust_icon b {  background:url(../images/avgCust_icon@2x.png) center center no-repeat; background-size:30px ; }




.activeCompaign_icon a:hover b {  background:url(../images/averageProfit_icon_active@2x.png) center center no-repeat; background-size:26px;  }
.activeCompaign_icon a.avrgCostIcon:hover  b{ background:url(../images/averageProfit_icon_active@2x.png) center center no-repeat; background-size:26px ;  }
.activeCompaign_icon a.dynamicIcon:hover b {  background:url(../images/costPrice_icon_active@2x.png) center center no-repeat; background-size:27px ; }
.activeCompaign_icon a.dynamicIconBlue:hover b {  background:url(../images/costPrice_icon_active@2x.png) center center no-repeat; background-size:27px ; }
.activeCompaign_icon a.productIconNormal:hover b {  background:url(../images/prod_icon_active@2x.png) center center no-repeat; background-size:27px ; }
.activeCompaign_icon a.transactions_iconNormal:hover b {  background:url(../images/transactions_icon_active@2x.png) center center no-repeat; background-size:26px ; }
.activeCompaign_icon a:hover { border:2px solid #fff;    background: -moz-linear-gradient(45deg, rgba(0,193,222,1) 0%, rgba(10,98,163,1) 50%, rgba(0,58,93,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,193,222,1)), color-stop(50%, rgba(10,98,163,1)), color-stop(100%, rgba(0,58,93,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(0,193,222,1) 0%, rgba(10,98,163,1) 50%, rgba(0,58,93,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(0,193,222,1) 0%, rgba(10,98,163,1) 50%, rgba(0,58,93,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(0,193,222,1) 0%, rgba(10,98,163,1) 50%, rgba(0,58,93,1) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(0,193,222,1) 0%, rgba(10,98,163,1) 50%, rgba(0,58,93,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003a5d', endColorstr='#00c1de',GradientType=1 ); /* ie6-9 */ }	
.activeCompaign_icon a.totalCust_icon:hover b {  background:url(../images/totalCust_iconHover@2x.png) center center no-repeat; background-size:30px ; }
.activeCompaign_icon a.newCust_icon:hover b {  background:url(../images/newCust_iconHover@2x.png) center center no-repeat; background-size:25px ; }
.activeCompaign_icon a.actCust_icon:hover b {  background:url(../images/actCust_iconHover@2x.png) center center no-repeat; background-size:25px ; }
.activeCompaign_icon a.avgCust_icon:hover b {  background:url(../images/avgCust_iconHover@2x.png) center center no-repeat; background-size:30px ; }	



.activeCompaign_icon a.activeColumn { border:2px solid #fff;    background: -moz-linear-gradient(45deg, rgba(0,193,222,1) 0%, rgba(10,98,163,1) 50%, rgba(0,58,93,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,193,222,1)), color-stop(50%, rgba(10,98,163,1)), color-stop(100%, rgba(0,58,93,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(0,193,222,1) 0%, rgba(10,98,163,1) 50%, rgba(0,58,93,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(0,193,222,1) 0%, rgba(10,98,163,1) 50%, rgba(0,58,93,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(0,193,222,1) 0%, rgba(10,98,163,1) 50%, rgba(0,58,93,1) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(0,193,222,1) 0%, rgba(10,98,163,1) 50%, rgba(0,58,93,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003a5d', endColorstr='#00c1de',GradientType=1 ); /* ie6-9 */ }

.activeCompaign_icon a.activeColumn b {  background:url(../images/averageProfit_icon_active@2x.png) center center no-repeat; background-size:26px;  }
.activeCompaign_icon a.avrgCostIcon.activeColumn  b{ background:url(../images/averageProfit_icon_active@2x.png) center center no-repeat; background-size:26px ;  }
.activeCompaign_icon a.dynamicIcon.activeColumn b {  background:url(../images/costPrice_icon_active@2x.png) center center no-repeat; background-size:27px ; }
.activeCompaign_icon a.dynamicIconBlue.activeColumn b {  background:url(../images/costPrice_icon_active@2x.png) center center no-repeat; background-size:27px ; }
.activeCompaign_icon a.productIconNormal.activeColumn b {  background:url(../images/prod_icon_active@2x.png) center center no-repeat; background-size:27px ; }
.activeCompaign_icon a.transactions_iconNormal.activeColumn b {  background:url(../images/transactions_icon_active@2x.png) center center no-repeat; background-size:26px ; }

.activeCompaign_icon a.totalCust_icon.activeColumn b {  background:url(../images/totalCust_iconHover@2x.png) center center no-repeat; background-size:30px ; }
.activeCompaign_icon a.newCust_icon.activeColumn b {  background:url(../images/newCust_iconHover@2x.png) center center no-repeat; background-size:25px ; }
.activeCompaign_icon a.actCust_icon.activeColumn b {  background:url(../images/actCust_iconHover@2x.png) center center no-repeat; background-size:25px ; }
.activeCompaign_icon a.avgCust_icon.activeColumn b {  background:url(../images/avgCust_iconHover@2x.png) center center no-repeat; background-size:30px ; }	




.product_eccomerce { width:100%; }

.ecom_multiple_imageSection{ width:50%;float:left; }


.addMultiple_images { width:100%;}

.product_eccomerce h4 {font-size: 12px; font-weight: 500; color: #617283; padding-bottom:18px;}


.addMultiple_headImage  { width:100%;border:1px dashed #d2d6dd; margin-bottom:14px; }

.addMultiple_headImage .image_notify_upload_area { margin:0px; }

.addMultiple_image_list .image_notify_upload_area { margin:0px; border:1px dashed #d2d6dd;}

.addMultiple_image_list ul { margin:0px -6px; font-size:0px;}

.addMultiple_image_list ul li { width:33.33%; display:inline-block; padding:0px 6px 20px; vertical-align:middle;}

.addMultiple_image_list { border-bottom:1px solid #e4e7ec; margin-bottom:22px; width:100%; }



.addVideo_list .image_notify_upload_area { margin:0px; border:1px dashed #d2d6dd;}

.addVideo_list ul { margin:0px -6px; font-size:0px;}

.addVideo_list ul li { width:33.33%; display:inline-block; padding:0px 6px 0px; vertical-align:middle;}

.addVideo_list { padding-bottom:25px; width:100%; padding-right:16px;}

.addVideo_list ul li h4 { font-size:14px; padding:0px;}

.addVideo_list ul li .onoffswitch { float:none;}





.ecomerce_detail_rightSection{ width:50%; float:right;  padding-top:30px;}

.ecomerce_rightSection_inner { width:100%;padding-left:16px; } 

.ecom_rightHeading { width:100%;border-bottom:1px solid #e4e7ec; padding-bottom:42px; margin-bottom:30px;}

.ecom_rightHeading label { font-size: 21px; font-weight: 500;  color: #617283; display:block; padding-bottom:3px;}

.ecom_rightHeading h3 { font-size: 32px;font-weight: 300; color: #0a62a3;}



.datePickerOuter { width:100%; padding-bottom:28px; padding-top:24px;border-bottom:1px solid #e4e7ec;}

.datePickerLeft { width:48.5%; float:left;}

.datePickerLeft strong { font-size: 14px; color: #617283; display: block;  padding-bottom: 10px; }

.datePicker  { border-radius: 6px; background-color: #f7f8f8; border: solid 1px #d2d6dd; height:46px; width:100%  ; padding:12px 20px 10px; }

.datePicker input { background:url(../images/calendar_icon@2x.png) left center no-repeat ; background-size:18px 19px; height:21px; padding-left:35px; font-size: 13px; color: #0a62a3; width:100%;}


.frDatePicker { float:right;}

.newProductSetting {padding-bottom:30px; padding-top:28px;border-bottom:1px solid #e4e7ec;}

.uploadImg_outer{ width:100%;border-right:1px solid #e4e7ec; padding-right:16px;}


.shipping_andDelivery{ width:31%; padding-bottom:35px;}

.shipping_andDelivery h4 { display:inline-block; vertical-align:middle;font-size: 14px; font-weight: 500;  color: #617283; padding-right:28px;}

.shipping_andDelivery .onoffswitch { display:inline-block; vertical-align:middle; float:none; margin-right:20px;}

.shippingInfo_icon { width:20px; display:inline-block; vertical-align:middle;}




.dimensions_required_form { width:100%; padding-bottom:10px; overflow:hidden;}

.dimensions_required_form h4 {  font-weight: 500; color: #617283; padding-bottom:20px;font-size: 12px;}

.dimensions_required_form h4 small {font-size: 12px; color: #a5adba; display:inline-block;}

.dimensions_required_form ul { font-size:0px; margin:0px -16px;}

.dimensions_required_form ul li { width:33.33%; display:inline-block; vertical-align:top; border-bottom:1px solid #e4e7ec; margin-bottom:25px; padding:0px 16px;}

.dimentionRow { width:100%; padding-bottom:25px; font-size:0px; position:relative;}

.dimentionRow label {  color: #617283; font-size:14px; width:21%; display:inline-block; vertical-align:middle;}

.dimensionField {width:79%; display:inline-block; vertical-align:middle;}

.dimensionField input{  width:100%;height: 46px; border-radius: 6px; background-color: #f7f8f8; border: solid 1px #d2d6dd;font-size: 14px;
  font-weight: 700;  color: #617283; padding:5px 45px 5px 18px;}

.dimensionField i { position:absolute; right:0px; width:38px; top:14px;font-size: 13px; display:block; color: #a5adba; font-style:normal;}

.removeSpaceBorder { border-bottom:0px !important; margin-bottom:0px !important;}



.cL_listing_table_cell.modifyCell_1{ width:21%; }

.cL_listing_table_cell.modifyCell_2{ width:21%; }

.cL_listing_table_cell.modifyCell_3{ width:21%; }
.clEditDotes_cell.modifyCell_3{ width:21%; padding:0px 0px 0px 0px; }


.modifyListing_plus .plusButton { top:16px; z-index:5;}


.modifyExpand_Cell1 { width:6%;}
.modifyExpand_Cell2 { width:25%;}
.modifyExpand_Cell3 { width:6%;}

.expandModify_setting{ padding-left:70px;}

.expandModify_setting .productList_expand_row { padding-right:75px;}

.expandModify_setting ul { position:relative;}

.expandModify_setting ul .dragicon { top:10px;}



.minusCircel{ background:url(../images/minus_circle@2x.png) no-repeat; width:24px ; height:24px; background-size:24px; position:absolute; right:10px; top:50%; margin-top:-12px; display:block; cursor:pointer;}

.plusCircel{ background:url(../images/plus_circle2_dark@2x.png) no-repeat; width:24px ; height:24px; background-size:24px; position:absolute; right:10px; top:50%; margin-top:-12px; display:block; cursor:pointer;}



.maintainModify_add:hover { border:1px solid #fff;}

.maintainModify_add .stockTrigger small{ width:74%;}
.maintainModify_add .trigger_incremt{ width:26%;}





.modifier_maingtain .productList_expand_row { border-bottom:1px solid #e4e7ec !important;}

.modifier_maingtain .expand_row_input {border: solid 1px #d2d6dd; color: #617283;background-color: #f7f8f8;}

.modifier_maingtain  .productList_expand_row { padding-right:70px;}

.modifier_maingtain  { padding-left:40px; padding-bottom:30px;}

.modifier_maingtain .minusCircel { opacity:.6;}

.modifier_maingtain .plusCircel { background: url(../images/plus_circle2_dark@2x.png) no-repeat;background-size: 24px}



.product_insight_detail .dashborad_Totalcolumn { border:0px; box-shadow:none; padding:0px; margin-bottom:20px;}

.whiteBg { background:#fff;}






.dashborad_Totalcolumn2 { width:100%; padding-bottom:25px;}

.dashborad_Totalcolumn2 ul { margin:0px -25px;}

.dashborad_Totalcolumn2 ul li { width:33.3%; display:inline-block;*display:inline; *zoom:1; padding:1% 25px; float:left; }

.column_dboard_widget2 { width:100%;   border-radius: 8px; background-color: #ffffff;  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); border: solid 1px #e4e7ec;  min-height: 202px;}

.column_dboard_widgetDetail2 { width:100%; }

.columnHeading{position:relative; width:100%; padding:12px 20px 11px; border-bottom:1px solid #f5f5f5;}

.columnHeading label { font-size: 12px; font-weight: 700; letter-spacing: 1.7px; color: #617283;   display:block; }

.columnToatalAmount_text{ width:100%; padding:22px 20px 30px; text-align:center; }

.columnToatalAmount_text strong {  font-size: 48px; font-weight: 500; color: #0a62a3; display:block; padding-bottom:12px; }
.columnToatalAmount_text small {   font-size: 12px; color: #a5adba;font-weight: 500; }

.columnstock_text_outer{ width:100%;padding:15px 22px 20px;}

.columnstock_text { width:100%; padding-bottom:15px;   }

.columnstock_text strong { background:url(../images/stockBaskit_icon@2x.png) left center no-repeat; background-size:27px; padding-left:38px;  font-size: 48px; font-weight: 500; color: #0a62a3; display:inline-block; float:left;}

.lowerStock{ width:30%; float:right; text-align:right;}

.lowerStock b { display:block;font-size: 24px; font-weight: 500; color: #0a62a3;}

.lowerStock p {font-size: 12px; font-weight: 500; color: #a5adba;}

.orderStock_bttn{ width:100%; text-align:center;}

.orderStock_bttn a {width: 133px; height: 29px; border-radius: 100px;  background-color: #eef1f3; line-height:29px; display:inline-block;font-size: 11px;  font-weight: 500;  color: #54607a; }


.bundleItems_outer{ width:100%; padding:15px 0px ; text-align:center;}

.bundleItems_info{ width:49%; display:inline-block; vertical-align:top;border-right:1px solid #f5f5f5; padding-bottom:10px; }

.bundleItems_info strong {  font-size: 48px; font-weight: 500; color: #0a62a3; display:block; padding-bottom:12px; }
.bundleItems_info small {   font-size: 12px; color: #a5adba;font-weight: 500; }

.bundleItems_info:last-child { border:0px;}



.column_dboard_widgetBttn2 { width:25px;position:absolute; right:20px; top:27px; } 

.column_dboard_widget2:hover  {background-image: linear-gradient(71deg, #003a5d, #0a62a3 50%, #00c1de); box-shadow: 0 0 15px 0 rgba(49, 127, 203, 0.4);}

.column_dboard_widget2:hover .column_dboard_widgetDetail2 label { color:#fff;}
.column_dboard_widget2:hover .column_dboard_widgetDetail2 strong { color:#fff;}
.column_dboard_widget2:hover .column_dboard_widgetDetail2 small { color:#00c1de;} 

.column_dboard_widget2:hover .lowerStock b {  color:#fff;}


.column_dboard_widget2.selectWidget2  { background-image: linear-gradient(71deg, #003a5d, #0a62a3 50%, #00c1de); box-shadow: 0 0 15px 0 rgba(49, 127, 203, 0.4);}

.column_dboard_widge2.selectWidget2  .column_dboard_widgetDetail2 label { color:#fff;}
.column_dboard_widget2.selectWidget2  .column_dboard_widgetDetail2 strong { color:#fff;}
.column_dboard_widget2.selectWidget2  .column_dboard_widgetDetail2 small { color:#00c1de;}
.vidgetBtn2 { background:url(../images/optionsBttn@2x.png) no-repeat; width:20px ; height:11px; display:block; background-size:20px 11px;}



.associate_bundle {width: 100%; background-color: #ffffff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);padding: 28px 30px 30px;}

.associate_bundle .modifier_maingtain { padding:0px;}

.associate_bundle .customDropDown_placeholder { background:#f7f8f8; border-radius: 6px; border: solid 1px #d2d6dd; height:40px;}

.associate_bundle .customDropDown_placeholder span { background-position:96% 13px; line-height:38px;}


.expand_rowCell  h4 sub {font-size: 12px; color: #00c1de; display:inline-block; margin-left:4px;vertical-align: middle;}

.associate_bundle .expand_rowCell{ vertical-align:top;}

.modifier_set_outer { width:100%; border-radius: 6px;  border: solid 1px #d2d6dd; background:#fff; margin-top:15px; position:relative;}

.modifier_set_outer span {font-size: 12px; font-weight: 500; color: #617283; display:block; padding:12px 20px; cursor:pointer;;}

.plus_iconImg{ background:url(../images/plus_categoryIcon@2x.png) no-repeat; width:20px; height:20px; cursor:pointer; border:0px; background-size:20px; position:absolute; right:14px; top:10px; display:block;transition:all 0.3s ease;}
.showDown .plus_iconImg {transform: rotate(45deg);}

.modifier_set_detail{ padding:10px 10px 10px; width:100%; display:none;}

.modifier_set_detail ul li {border-top: solid 1px #e4e7ec; padding:14px 10px;}

.associate_bundle .modifier_maingtain b { top:36px !important;}

.associate_bundle .stockRadio .control { padding-right:0px; padding-left:45px; }

.associate_bundle .stockRadio { text-align:left; height:auto;}

.associate_bundle .control__indicator {right:auto; left:0px;}

.associate_bundle .stockRadio .control-group { padding:0px}


.bundle_cost{ width:100%; text-align:right; padding-top:28px; padding-right:80px;}

.bundle_cost label {font-size: 12px; font-weight: 500; color: #617283; display:inline-block; padding-right:10px;}

.bundleCost_field  {display:inline-block; width:25%;}

.bundleCost_field input{  width:100%;border:solid 2px #00c1de; color: #617283; background-color: #f7f8f8;padding: 0px 20px;height: 40px; border-radius: 6px;}



.bumdleListing .cL_listing_tableTitle .cL_listing_table_cell { vertical-align:top;}

.bumdleListing .cL_listing_tableTitle .cL_listing_table_cell  strong { padding: 0px 0px; }

.cL_listing_table_cell.bundleitemCell{ width:48%; }

.bundleitemCell img { margin-right:60px;}


.tier_listing .cL_listing_tableInn ul li .cL_listing_table_row{padding:14px 20px 14px 20px}

.tier_listing .cL_listing_table_row{padding:14px 20px 14px 20px}


.cL_listing_table_cell.tieritemCell{ width:24%; }

.left_navBar ul li ul li a.sub_active { background:#0a62a3 !important; color:#fff !important; }


.offPercentage { width:16% !important;}

.offPercentage_detail {width:100%; position:relative;}

.offPercentage_fields{ width:70%;border-radius: 6px;  background-color: #f7f8f8; border: solid 1px #d2d6dd; font-size:0px; text-align:center;}

.offPercentage_fields input {text-align:center; display:inline-block;border-right: solid 1px #d2d6dd; width:33.33%; height:44px; font-size: 12px; font-weight: 500; color: #a5adba;}

.offPercentage_fields input:last-child { border:0px;}

.offPercentage_detail span {font-size: 30px; font-weight: 300;  color: #0a62a3; display:block; position:absolute; right:0px; top:6px;}

.tier_daterChoose{ width:34% !important; padding-left:0px !important}

.tier_daterChoose .datePickerOuter { padding:0px; border:0px;}

.tier_daterChoose .datePickerLeft strong { font-size: 12px; font-weight: 500;  color: #617283; padding-bottom: 18px; }





.trans_listing .cL_listing_tableInn ul li .cL_listing_table_row{padding:14px 20px 14px 45px}

.trans_listing .cL_listing_table_row{padding:14px 20px 14px 45px}



.transection_list_outer  {width:100%; background:#003a5d;}

.transection_list_head { width:100%; border-bottom:1px solid #003a5d; cursor:pointer;border-top:1px solid #d2d6dd; padding:19px 20px 19px 30px; background:#fff;}

.transection_list_title { width:50%; float:left; position:relative;  padding-top:2px;}

.transection_list_title label { font-size: 12px; font-weight: 700;  letter-spacing: 1.7px; color: #617283; padding-left:38px;}

.transection_list_title b { left:0px !important; top:-1px !important}


.transection_list_value {max-width:35%; width:auto; float:right; padding-right:11%}

.transection_list_value strong {  font-size: 16px; font-weight: 700; letter-spacing: 2.3px; color: #617283;}

.transection_list_detail{ width:100%; padding:30px 100px 25px; display:none;}

.transection_list_detail .dayMatrics_detail  { display:block !important; }

.transection_list_detail .dayMatrics_detail ul li { display: inline-block !important; padding: 0px 1% !important; width: 25% !important; vertical-align: top !important; background:none !important;}

.transection_list_detail .dayMatrics_info h3 { color:#fff; text-align:left; font-size: 24px; font-weight: 500; padding-left:55px; }
.transection_list_detail .dayMatrics_info h3 strong { color:#fff;}




.cash_light_icon { background:url(../images/cash_light_icon@2x.png) left center no-repeat; background-size:30px;  }
.card_light_icon { background:url(../images/card_light_icon@2x.png) 6px center no-repeat; background-size:30px; }
.master_pass_icon { background:url(../images/master_pass_icon@2x.png) 8px center no-repeat; background-size:32px; }
.trans_icon { background:url(../images/trans_icon@2x.png) 6px center no-repeat; background-size:23px; }



.expandData{ background:#003a5d;border-bottom:1px solid #fff;}

.expandData .transection_list_value strong {color:#fff;}
.expandData .transection_list_title label {color:#fff;}

.expandData .plusButton  {transform: rotate(45deg) !important; background:url(../images/plus_categoryIcon_white@2x.png) no-repeat;background-size: 20px;}


.tierList_section { padding:55px 65px 30px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11);}



.refundPopupWidth { width:630px; margin-left:-315px;}

.popup_heading  {border-radius: 6px 6px 0px 0px; background-color: #0a62a3; position:relative; width:100%;}

.popup_heading h3 { padding:9px 15px ;font-size: 13px; text-align: center;  color: #ffffff; text-transform:uppercase;}

 a.popupClose { height:35px;width:35px;  background:url(../images/popup_close@2x.png) center center no-repeat #003a5d;   background-size:11px 11px; display:block; position:absolute; right:0px; top:0px;border-radius: 0px 6px 0px 0px; }





.innerpopup_detail{ width:100%;}

.vaultPoppup_info{ width:100%; background:#fff; border-radius:0px 0px 6px 6px; padding:30px 48px;}

.refund_ammount { width:100%; text-align:center; display: none;}

.refund_ammount label {font-size: 16px;  color: #003a5d; padding-bottom:20px; display:block; }

.refund_ammount strong { font-size: 48px; color: #003a5d;border-bottom: solid 1px #e4e7ec; padding-bottom:14px; font-weight:400; display:block;}


.refund_buttons  { text-align:center; width:100%; padding:44px 0px;}

.refund_buttons ul { margin:0px -9px; font-size:0px;}

.refund_buttons ul li { display:inline-block; padding:0px 9px;}

.refund_buttons ul li a { border-radius: 4px; background-color: #d2d6dd; border: solid 1px #a5adba; line-height:40px; font-size:12px; letter-spacing:1px; color: #617283;  text-align:center; display:block;  width:166px;}

.refund_buttons ul li a.selectRefund {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff;  }
.refund_buttons ul li a:hover  {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff; transition:all 0.5s ease; }


.transId_detail_outer { width:100%; display:none; }

.transId_detail_head { width:100%;  height:6px;    background: -moz-linear-gradient(45deg, rgba(0,58,93,1) 0%, rgba(10,98,163,1) 50%, rgba(0,193,222,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,58,93,1)), color-stop(50%, rgba(10,98,163,1)), color-stop(100%, rgba(0,193,222,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(0,58,93,1) 0%, rgba(10,98,163,1) 50%, rgba(0,193,222,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(0,58,93,1) 0%, rgba(10,98,163,1) 50%, rgba(0,193,222,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(0,58,93,1) 0%, rgba(10,98,163,1) 50%, rgba(0,193,222,1) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(0,58,93,1) 0%, rgba(10,98,163,1) 50%, rgba(0,193,222,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c1de', endColorstr='#003a5d',GradientType=1 ); /* ie6-9 */ }
	
.transId_detail_strip { width:100%; background:url(../images/combined_shape_bottom@2x.png) top center no-repeat; background-size:100%; height:35px; }
.transId_detail_inner { width:100%; background:url(../images/combined_shape_repeat@2x.png) top center repeat-y; background-size:100% ;padding:0px 7px;}



.transId_SectionDetail { width:100%;padding:0px 15px 8px;}

.transId_head  { width:100%; text-align:center;border-bottom: solid 1px #e4e7ec;padding:25px 15px 22px; }

.transId_head label { font-size: 18px; color: #003a5d; display:block;}

.transId_head label b {font-weight: 500;}


.refundFull_listing { width:100%;  }

.refundFull_listing ul li {border-bottom: solid 1px #e4e7ec;padding:15px 50px 15px 18px;}

.refundFull_info { width:100%;}

.refundFull_info_left{ width:50%; float:left;}

.refundFull_info_left  label {font-size: 14px; color: #3e4b57; display:block; padding-left:60px;}

.refundFull_info_right{ width:48%; float:right; text-align:right;}

.refundFull_info_right strong {font-size: 14px; color: #617283; display:block;line-height:33px;}


.gender_icon { background:url(../images/gender_icon@2x.png) 5px center no-repeat; background-size:23px;  line-height:33px;  }
.card_icon { background:url(../images/cardlight_2@2x.png) left center no-repeat; background-size:32px;  line-height:23px   }




.items_info_outer {width:100%;}
.items_info_head {border-bottom: solid 1px #e4e7ec;padding:20px 50px 20px 18px;width:100%;}

.items_info_head_left{ width:50%; float:left; position:relative;}

.items_info_head_left  label {font-size: 14px; color: #3e4b57; display:block; padding-left:60px;}

.items_info_head_right{ width:48%; float:right; text-align:right;}

.items_info_head_right strong {font-size: 14px; color: #617283; display:block; }

.items_info_head_left b { left:4px !important; top:-1px !important; background-size:24px !important;}


.trans_form_list { width:100%; padding-top:30px; padding-bottom:28px;}

.trans_form_list .addCategory_formSection ul li { width:100%; display:block; padding-bottom:22px;}

.trans_form_list .placeholder_radio_column { width:33.33%;}

.trans_form_list .placeholder_radio_outer {padding: 11px 10px 0px 50px;}


.uploadStock_bttn{width:100%; padding-bottom:20px;}

.uploadStock_bttn input{width:100%;  height: 46px; border-radius: 4px;  background:url(../images/stock_grey_icon@2x.png) 38% center no-repeat #00c1de; background-size:21px; display:block; text-align: center; color:#fff;font-size: 12px;font-family: 'Roboto', sans-serif; cursor:pointer; }




.email_trancsection_list_outer { padding:40px 0px 0px; width:100%;}

.email_trancsection_list {width:100%; border-radius: 6px; border: solid 7px #f7f8f8; padding:45px 0px 0px 10px; max-height:350px; min-height:350px;}

.email_trancsection_list ul li { padding-bottom:35px;}

.email_trancsection_list ul li label {font-size: 14px; font-weight: 500; color: #617283; display:block; padding-bottom:16px;}

.email_field{ width:88%;}

.email_field_row{ position:relative; width:100%;}

.email_field_row b { left:auto; right:25px !important; top:10px !important; background-size:24px !important}

.crossBtn {transform: rotate(45deg) !important ;}



.printPopup_info {width:100%; border-radius: 6px; border: solid 7px #f7f8f8; padding:55px 40px 70px; max-height:350px; min-height:350px;}

.printPopup_info_detail{ width:100%;}

.printPopup_info_detail span { width:42px; display:block; margin:auto; margin-bottom:30px;}

.printPopup_info_detail strong {font-size: 24px; font-weight: 300; text-align: center;  color: #617283; display:block; padding-bottom:70px;}

.scanningTransection { width:100%;}

.scanningTransection label {font-size: 22px; text-align: center; color: #a5adba;display:block; padding-bottom:25px;}

.scanningTransection_baar { width:100%; height:4px; background:#e4e7ec; border-radius:100px; overflow:hidden;}
.scanningTransection_progress { width:50%; height:4px; background:#025da0;}



.refund_per_item_list { width:100%; display: none; height: 250px}

.refund_per_item_list ul li .refund_per_item_row { background:#f7f8f8; }

.refund_per_item_list ul li:nth-of-type(2n) .refund_per_item_row { background:#fff; }

.refund_per_item_row { padding:20px 45px 20px 15px; width:100%; display:table; table-layout:fixed; position:relative;background:#fff;}

.refund_item_cell {display:table-cell; vertical-align:middle; padding:0px 5px;  word-wrap:break-word;}

.refund_item_cell h4 {font-size: 14px;  color: #3e4b57;}
.refund_item_cell span {  font-size: 14px; color: #617283; display:inline-block;}

.itemCel_width2 { width:55%; padding-left:5%;}

.alignRight { text-align:right !important}

.qtyCell { padding-right:5%;} 

.qtyCell .stockRadio { display:block; text-align:left; vertical-align:top; height:auto;}

.qtyCell .stockRadio .control-group { padding:0px;vertical-align:top; display:block; }

.qtyCell .stockRadio .control { padding:0px !important;padding-left:35px !important; text-align:right;display:block;}

.qtyCell .control__indicator { right:auto; left:0px; top:0px;}










.showItemsList{background: #e4e7ec;}

.showItemsList b.plusButton  {transform: rotate(45deg);}

.showItemList { height: 75%; }


.refundValue_form_field{ width: 100%;}

.refundValue_field { width: 61%; position: relative; display: none;}

.refundValue_field input{ width:100%; float: left; position: relative; height: 76px; border-radius: 6px; background-color: #f7f8f8; border: solid 1px #d2d6dd;font-size: 48px; color: #003a5d; text-align: right; padding: 5px 25px 5px 65px;}


.refundValue_field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #003a5d;}
.refundValue_field input::-moz-placeholder { /* Firefox 19+ */color: #003a5d;}
.refundValue_field input:-ms-input-placeholder { /* IE 10+ */ color: #003a5d;}
.refundValue_field input:-moz-placeholder { /* Firefox 18- */color: #003a5d;}

.refundValue_field b {font-size: 48px; color: #a5adba; display: block; position: absolute; left: 25px; top: 10px;}



.value_buttons  { text-align:center; width:34.5%; float: right;font-size: 0px;border-radius: 6px;border: solid 1px #d2d6dd; overflow: hidden;}

.value_buttons  a { border-right: solid 1px #d2d6dd;  background-color: #f7f8f8;  line-height:74px; text-align:center; display:inline-block;  width:50%;font-size: 36px; color: #a5adba;}

.value_buttons a.selectVal_btn {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff;  }
.value_buttons a:hover  {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff; transition:all 0.5s ease; }

.value_buttons  a:last-child { border: 0px;}











.transPopupWidth { width:944px; margin-left:-472px;}

.transPopup_upperSection { width:100%; padding-bottom:60px;}

.transPopup_mapSection {width:43%; float:left;} 

.transPopup_map { width:100%; padding-bottom:20px; border-radius:5px; overflow:hidden;}
.transPopup_map iframe { width:100%;border-radius:5px; overflow:hidden;}


.mapAdress{ width:100%;}

.mapAdress p {font-size: 13px; color: #617283; background:url(../images/marker_icon@2x.png) left 4px no-repeat; background-size:17px; padding-left:30px;line-height: 1.77;}


.transPopup_infoSection {width:53%; float:right;} 

.transPopup_infoListing { width:100%; }

.transPopup_infoListing ul li {border-bottom: solid 1px #efefef; padding:0px 3px 10px; margin-bottom:14px;}

.trans_infoRow{ width:100%; font-size:0px}

.trans_infoRow_column { width:50%; display:inline-block; vertical-align:top;}

.trans_infoRow_column h4 {font-size: 13px; color: #a5adba; padding-bottom:8px;}

.trans_infoRow_column span {font-size: 13px; color: #3e4b57; display:block;}


.trans_infoHighlight{border-radius: 6px; border: solid 7px #f6f6f6 !important;padding:10px 10px 0px!important;margin-bottom:20px!important;}

.trans_infoHighlight .trans_infoRow {border-bottom: solid 1px #efefef; padding:0px 3px 10px; margin-bottom:14px;}

.trans_infoHighlight .trans_infoRow:last-child {border-bottom: 0px; margin-bottom:0px;}

.changeFont {font-size: 36px !important; font-weight: 300 !important; color: #0a62a3 !important;}



.transPopup_bottomSection { width:100%; }

.popupMainHeading{ width:100%; padding-bottom:25px;}

.popupMainHeading h3 {font-size: 15px; color: #113756;border-bottom: solid 1px #e4e7ec; padding-bottom:20px;}

.refundList_items { width:100%; padding-bottom:35px;}

.refundList_items .cL_listing_table_row{ padding-left:30px;}

.refundList_items ul li .cL_listing_table_row{ padding:21px 20px 21px 30px;}



.refundItems_buttons  { text-align:right; width:100%; }

.refundItems_buttons ul { margin:0px -9px; font-size:0px;}

.refundItems_buttons ul li { display:inline-block; padding:0px 9px; vertical-align:top;}

.refundItems_buttons ul li a { border-radius: 4px; background-color: #f7f8f8; border: solid 1px #a5adba; line-height:40px; font-size:12px; letter-spacing:1px; color: #617283;  text-align:center; display:block;  width:174px;}

/*.refundItems_buttons ul li a.selectRefund {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff;  }
.refundItems_buttons ul li a:hover  {background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de);color: #fff; transition:all 0.5s ease; }*/

.refundItems_buttons ul li a b { display:inline-block; width:20px; vertical-align:middle; margin-right:12px;}

.refundItems_buttons ul li a b img { display:block; width:100%;}




.dash_transection_container .column_dboard_widget2:hover { background:none; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.08);}

.dash_transection_container .column_dboard_widget2:hover .column_dboard_widgetDetail2 label {color: #617283;}

.dash_transection_container  .column_dboard_widget2:hover .check_performance_option ul li strong {color: #617283;}




.total_indicator{ border-left: solid 4px #0a62a3 !important;}
.total_indicator .control input:checked ~ .control__indicator{ background: #0a62a3  !important;}
.total_indicator .control:hover   .control input:checked:focus ~ .control__indicator {background: #0a62a3  !important;}


.cash_indicator{ border-left: solid 4px #80c342 !important;}
.cash_indicator .control input:checked ~ .control__indicator{ background: #80c342  !important;}
.cash_indicator .control:hover   .control input:checked:focus ~ .control__indicator {background: #80c342  !important;}


.visa_indicator{ border-left: solid 4px #003a5d !important;}
.visa_indicator .control input:checked ~ .control__indicator{ background: #003a5d  !important;}
.visa_indicator .control:hover   .control input:checked:focus ~ .control__indicator {background: #003a5d  !important;}


.massCard_indicator{ border-left: solid 4px #fd3d50 !important;}
.massCard_indicator .control input:checked ~ .control__indicator{ background: #fd3d50  !important;}
.massCard_indicator .control:hover   .control input:checked:focus ~ .control__indicator {background: #fd3d50  !important;}


.massPass_indicator{ border-left: solid 4px #fdb417 !important;}
.massPass_indicator .control input:checked ~ .control__indicator{ background: #fdb417  !important;}
.massPass_indicator .control:hover   .control input:checked:focus ~ .control__indicator {background: #fdb417  !important;}



.totalTRnsection_outer .performance_graph_right h3 {font-weight: 700;}


.totalTRnsection_outer .performance_graph_right { width: 78%;}

.totalTRnsection_outer .performance_graph_indicator {  width: 22%; }

.totalTRnsection_outer .performance_graph_inner  { background:#fafafa}

.dash_transection_container .columnHeading {border-bottom: 1px solid #e4e7ec;}


.totalTRnsection_outer { width:100%; padding-bottom:36px;}




.averageSale_container{ width:100%; padding-bottom:35px;}

.averageSale_columnSmall{ width:33%; float:left;}

.averageSale_amountinfo { width:100%;}

.averageSale_amountinfo_head{ width:100%; background-color: #f7f8f8; border-bottom: solid 1px #e4e7ec; padding:10px 35px 10px 45px;}

.averageSale_amountinfo_head label {font-size: 36px; font-weight: 500; color: #003a5d; display:inline-block; float:left;}

.averageSale_amountinfo_head strong {display:inline-block; float:right;font-size: 18px; color: #80c342; padding-top:17px;}

.averageSale_amountinfo_head strong img { display:inline-block; margin-right:5px; vertical-align:middle; margin-top:-2px; }

.dash_transection_container .column_dboard_widget2:hover .averageSale_amountinfo_head label {color: #003a5d;}

.dash_transection_container  .column_dboard_widget2:hover .averageSale_amountinfo_head strong {color: #80c342;}

.averageSale_amountinfo_head label {
    font-size: 24px;
    letter-spacing: -1px;
}
.averageSale_amountinfo_head strong {
    font-size: 14px;
    padding-top: 10px;
}

.salveAmountGraph{ width:100%; padding:30px 30px 30px 18px;}

.averageSale_columnlarge{ width:64%; float:right;}


.salveAmountGraph2{ width:100%; padding:20px 30px 30px 25px;}


.graphContainer2 .averageSale_columnlarge { float:left;}

.graphContainer2 .averageSale_columnSmall { float:right; }



.totalRevenue_head{ width:100%; background-color: #f7f8f8; border-bottom: solid 1px #e4e7ec; padding:10px 25px 10px 35px;}

.totalRevenue_head ul { font-size:0px; margin:0px -2%; text-align:center;}

.totalRevenue_head ul li { width:33.33%; padding:2%; display:inline-block; vertical-align:top;}

.totalRevenue_val{ width:100%;}

.totalRevenue_val b{font-size: 16px; font-weight: 700;  color: #003a5d; padding-bottom:10px; display:block;}

.totalRevenue_val p{font-size: 12px; font-weight: 700;  color: #a5adba;}




.total_sales_circle { width:100%;  padding:25px 20px 25px;}

.total_sales_circle_text { width:100%; padding-top:15px;}

.total_sales_circle_text  label {font-size: 13px; color: #617283; display:block; text-align:center;}



.sales_permethod .averageSale_columnSmall{ width:48.5%; }

.sales_permethod .averageSale_columnlarge{ width:48.5%; }



.paymntMethod_chart_left{ width:100%; padding:15px 35px 15px 45px;}

.paymntMethod_chart_div{ width:41%; float:left;}

.paymntMethod_chart_list{ width:36%; float:right; padding-top:10px;}

.paymntMethod_chart_list ul li { border-bottom: solid 1px #e4e7ec;}

.paymntMethod_listRow{ width:100%; padding:10px 0px 11px; position:relative; font-size:0px;}

.paymntMethod_listRow label {font-size: 13px;  color: #617283; width:70%; display:inline-block; vertical-align:middle;}

.paymntMethod_listRow b { font-size: 14px;  font-weight: 700; color: #617283;display:inline-block; vertical-align:middle; text-align:right;width:30%;}

.paymntMethod_listRow i{ width:8px ; height:8px; display:block; position:absolute; left:-22px; top:16px; border-radius:50%;}

.ovalGrey { background:#a5adba;}



.transectionText  ul { text-align:left;}

.transectionText .totalRevenue_val b { font-size: 24px; padding-bottom:5px;}


.cashCardPass_transection{ width:100%;}

.cashCardPass_transection ul li { border-bottom: solid 1px #e4e7ec; border-left:4px solid #fff; }

.cashCardPass_transRow { width:100%;}

.cashCardPass_label { width:30%; float:left; border-right:1px solid #e4e7ec;}

.cashCardPass_label label {font-size: 13px;  color: #617283; display:block; padding:14px 0px 14px 15px;}

.cashCardPass_label_progress { width:65%; float:left; padding:19px 0px 15px;}

.cashCardPass_progress{ width:20%; height:8px; background:#fff; position:relative; transition:all 0.4s ease;}

.cashCardPass_progress:after {content: "20%";display: inline-block;position: absolute;right: -48px;top:-8px; font-size: 18px; font-weight: 500; color: #617283; }


.cashList {border-left:4px solid #00c1de !important; }
.cashList .cashCardPass_progress {background: #00c1de !important;}


.cardList {border-left:4px solid #0a62a3 !important; }
.cardList .cashCardPass_progress {background: #0a62a3 !important; width:50%;}
.cardList .cashCardPass_progress:after {content: "50%";}


.passList {border-left:4px solid #003a5d !important; }
.passList .cashCardPass_progress {background: #003a5d !important; width:30%;}
.passList .cashCardPass_progress:after {content: "30%";}








.cus_addCustomer { padding:45px 70px 45px 70px; border-radius: 6px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11);}

.radiusUploadImg .image_notify_upload_area span { width:155px !important; height:155px !important; border-radius:50%; overflow:hidden; margin:auto;border: dashed 1px #d2d6dd;}

.radiusUploadImg .image_notify_upload_area span img { height:155px;}

.radiusUploadImg .uploadPlaceholder_text p { text-align:center;line-height: 1.5; min-height:auto; padding-bottom:15px;}

 .genderChosen .radio_button [type="radio"]:checked + label, [type="radio"]:not(:checked) + label { padding-left:45px !important;}

.placeholder_radio_column .radio_button [type="radio"]:checked + label, [type="radio"]:not(:checked) + label { padding-left:45px !important;}

.numberPlaceholder  { border-radius: 6px; background-color: #f7f8f8; border: solid 1px #d2d6dd; height:46px; width:100%  ;display:table; table-layout:fixed;  } 

.numberPlaceholder input { height:44px;text-align:center;width: 6.25%;border-right: solid 1px #d2d6dd;display: table-cell; vertical-align: top;font-size: 20px;  color: #617283;} 
.numberPlaceholder input:last-child { border:0px;}


.referralIcon img {  vertical-align: top; margin-top: -8px; }


.companyInfo_heading { width:100%; padding-bottom:25px; padding-top:8px;}

.companyInfo_heading h3 {border-bottom: 1px solid #d2d6dd; padding-bottom:22px; position:relative; font-size: 14px;font-weight: 500; color: #0a62a3;}


.spaceAdd { padding-top:20px !important; padding-bottom:0px !important}

.adressSection .customPlaceholder { margin-bottom:18px;}


.adressPostcode{ width:100%;}

.adressPostcode .customPlaceholder{ float:left; width:48%; margin:0px;}

.adressPostcode .stockRadio { float:right; width:46% ; text-align:left;}

.adressPostcode .stockRadio  .control { padding-right:0px; padding-left:38px;}

.adressPostcode .stockRadio  .control__indicator { right:auto; left:0px;}


.map_place  { border-radius: 6px; background-color: #f7f8f8; border: solid 1px #d2d6dd; min-height:300px; width:100%   } 



.information_listing .numberPlaceholder{ background:#fff;}


.form_map { width:100%; border-radius:5px; overflow:hidden;}
.form_map iframe { width:100%;border-radius:5px; overflow:hidden;}




.viewUploadimg span{ width:155px; height:155px; overflow:hidden; border-radius:50%; margin:auto;}

.viewUploadimg span img { height:100%;}

.scriptDateField { width:25% !important;}


.blockCode .stockRadio { float:none; width:100% ; text-align:left; padding-top:40px;}

.blockCode .stockRadio  .control { padding-right:0px; padding-left:38px;}

.blockCode .stockRadio  .control__indicator { right:auto; left:0px;}




.trackTrace_container{ width:100%; padding-top:30px;}

.trackTrace_container .newVualt_heading h4 { border-bottom:1px solid #e4e7ec ;}

.listing_floating_row  .yearsDropdown { float:left;height: 40px; background-color: #ffffff;  border: solid 1px #d2d6dd; width:30% ;}

.listing_floating_row .yearsDropdown .customDropDown_placeholder span {background-color: #ffffff;  line-height: 38px;}


.track_trace_listing{ width:100%;}

.track_trace_listing .cL_listing_table_row {  padding: 14px 20px 14px 25px; }

.track_trace_listing .cL_listing_tableInn ul li .cL_listing_table_row { padding: 21px 20px 21px 25px; }


.trackDate_cell { width:6% !important;}
.trackProduct_cell { width:12% !important;}
.trackSuppier_cell { width:15% !important;}







.customDropDown_search_category{  height:44px; position:relative; display:block; line-height:38px; padding-right:20px; background:url(../images/all_select_down_arows.png) no-repeat 96% 16px #f7f8f8; font-size:14px; color:#fff;   padding:0px 20px;  cursor:pointer; border-radius:6px;  }

.select2-dropdown--below { padding:3px;}

.customDropDown_search_category .select2-container--default .select2-selection--single { background:none; border:0px !important;height: 34px !important; }

.customDropDown_search_category .select2-container--default .select2-selection--single .select2-selection__rendered { line-height:34px !important; font-size:12px !important;padding: 0px !important;color:#a5adba !important;}

.customDropDown_search_category .select2-container--default .select2-selection--single .select2-selection__arrow {  top: 4px !important; right: 0px !important; display:none; }


.select2-results__option {padding: 10px 20px !important;font-size: 13px !important;  color: #a5adba !important;}
.select2-results__option:hover { color: #a5adba !important;background-color: #0a62a3!important}
.select2-container--default .select2-results__option--highlighted[aria-selected] { color: #fff !important;background-color: #0a62a3!important}
.select2-container--default .select2-results__option[aria-selected="true"] { color: #fff !important;background-color: #0a62a3!important}

.select2-search--dropdown {  padding: 4px 0px !important; }


.customDropDown_search_category .select2-container--default .select2-selection--multiple { background:none; border:0px !important;height: 34px !important; }
.customDropDown_search_category .select2-container--default .select2-selection--multiple .select2-selection__rendered { line-height:26px !important; font-size:12px !important;padding: 0px !important;color:#a5adba !important;}
.customDropDown_search_category .select2-container--default .select2-selection--multiple .select2-selection__arrow {  top: 4px !important; right: 0px !important; display:none; }
.customDropDown_search_category .select2-container .select2-search--inline .select2-search__field { line-height:26px !important; font-size:12px !important;padding: 0px !important;color:#a5adba !important;}
.customDropDown_search_category .select2-container .select2-search--inline { float: none; padding: 0px; width: 100%; }
.customDropDown_search_category .select2-container--default .select2-selection--multiple .select2-selection__rendered li { width:auto !important;font-size:11px !important;}
.customDropDown_search_category .select2-container--default .select2-selection--multiple .select2-selection__rendered li span {  line-height:22px !important;}


.addShaddowBox { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); }



.loyalityfill_section{ width:100%; position:relative; padding-bottom:35px;}

.loyalityfill_banner { width:100%; display:block;}

.loyalityfill_banner img { width:100%; display:block;}


.loyalityfill_section_inner{ width:100%; position:absolute; left:0px; top:0px;}

.loyalityfill_detail { width:100%; padding:55px 75px 0px;}

.loyalityfill_head{ width:100%; text-align:right; padding-bottom:65px;}

.loyalityfill_head a { width:96px; display:inline-block;}

.loyalityfill_head a img { width:100%; display:block;}


.upgradeStrips { width:100%; padding-bottom:25px;}

.upgradeStrips h3 { background:url(../images/titleBg.png) no-repeat; background-size:100%; font-size: 36px; font-weight: 300; letter-spacing: 0.5px; color: #ffffff; display:inline-block; padding:0px 40px 0px; margin-bottom:8px;}

.upgradeStrips h3  b { font-weight:700;}

.upgradeStrips h3:last-child { margin-left:13%; padding-right:60px;}



.segmentationEngine_info { width:100%;}

.segmentationEngine_text { width:65%; float:right;}

.segmentationEngine_text label { font-weight: 300; font-size: 24px; color: #ffffff; display:block; text-transform:uppercase; padding-bottom:25px;}

.segmentationEngine_text label b { font-weight:500;}

.segmentationEngine_text p { font-size: 14px;  color: #ffffff; padding-bottom:90px;line-height: 1.5;}


.segmentationEngine_bttn{ width:100%; }

.segmentationEngine_bttn button {width: 248px;  height: 34px;  border-radius: 4px;text-align:center; border: solid 1px #efefef;font-size: 13px;  color: #ffffff; margin-right:20px; cursor:pointer;}
.segmentationEngine_bttn button:last-child { margin:0px;}

.segmentationEngine_bttn button.upgradebtn {color: #0a62a3;background-color: #ffffff; border: solid 1px #efefef;}






.memberShip_level_section { width:100%; padding-bottom:30px;}

.memberShip_level_leftColumn { width:48.5%; float:left;}

.curentAmount_point { width:100%;background: rgb(0,193,222); background: linear-gradient(90deg, rgba(0,193,222,1) 0%, rgba(10,98,163,1) 50%, rgba(0,58,93,1) 100%); padding:25px;border-radius: 6px; text-align:center;min-height: 305px;}

.curentAmount_point label {font-size: 12px; font-weight: 700;  letter-spacing: 1.7px; color: #ffffff; display:block; padding-bottom:14px;}

.curentAmount_point strong {font-size: 64px; font-weight: 300; color: #ffffff; padding-bottom:18px; display:block;}

.curentAmount_point p {font-size: 18px; color: #ffffff;}
.curentAmount_point p b { font-weight:700;}


.status_goals_section {  border-radius: 6px; background-color: #ffffff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); padding:28px 16px 35px 25px; width:94%;margin:auto; margin-top:-105px;}

.infoStatus_head { width:100%;border-bottom:1px solid #d2d6dd; padding-bottom:25px ; font-size:0px; text-align:center;}

.infoStatus_head span { display:inline-block; vertical-align:middle; width:95px; height:95px; border-radius:50%;background: rgb(97,114,131); background: linear-gradient(90deg, rgba(97,114,131,1) 0%, rgba(191,208,236,1) 100%);}

.infoStatus_head span img { display:block; margin:auto; width:30px; margin-top:30px;}

.infoStatus_text { width:48%; display:inline-block; vertical-align:middle; text-align:left; padding-left:12%}

.infoStatus_text label { font-size: 32px; font-weight: 500; color: #617283; display:block; padding-bottom:5px; }

.infoStatus_text strong {  font-size: 12px; font-weight: 700; letter-spacing: 1.7px; color: #617283; display:block; }



.statusNext_level { width:100%; padding:20px 0px 30px;}

.statusNext_level label {font-size: 12px; font-weight: 700; letter-spacing: 1.7px; color: #617283; display:block; padding-bottom:14px;}

.statusNext_level_info { width:100%; padding-bottom:40px;}

.statusNext_level_info strong { width:49%; float:left;font-size: 27px; font-weight: 300; color: #0a62a3;}

.statusNext_level_info strong b {font-weight: 700;}

.statusNext_level_info p { width:49%; float:right; text-align:right; font-size: 13px; color: #0a62a3; padding-top:14px;}

.statusNext_level_info p b {font-weight: 700;}


.totalGoals { width:95%;}

.totalGoals_label { width:100%; padding-bottom:24px;}

.totalGoals_label small { width:50%; float:left; font-size: 13px; color: #617283;}
.totalGoals_label small:last-child { text-align:right;}

.totalGoals_barr { width:100%;  height: 5px;  border-radius: 5px;  background-color: #e4e7ec; position:relative;}

.totalGoals_progress { width:70%; height: 10px; border-radius: 9px;background: rgb(0,193,222); background: linear-gradient(90deg, rgba(0,193,222,1) 0%, rgba(10,98,163,1) 50%, rgba(0,58,93,1) 100%); position:absolute; left:0px; top:-3px;transition:all 0.4s ease;}




.memberShip_level_rightColumn { width:48.5%; float:right;}

.badges_column { width:100%; border-radius: 6px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); background-color: #ffffff; border: solid 1px #e4e7ec; padding: 28px 28px; margin-bottom:20px;}

.badges_column_head { width:100%; padding-bottom:25px;}

.badges_column_head label{ float:left; width:50%; font-size: 12px; font-weight: 700; letter-spacing: 1.7px;  color: #617283;  }

.badges_column_head strong { width:49%; float:right;font-size: 24px; font-weight: 300; color: #0a62a3; text-align:right; display:block;}

.badges_column_head strong b {font-weight: 700;}


.badges_list { width:100%;}

.badges_list ul { font-size:0px; margin:0px -5px;}

.badges_list ul li { width:20%; display:inline-block; vertical-align:top; padding:0px 5px 10px;}

.badges_list ul li a { border-radius: 15px; background-color: #f7f8f8;  border: solid 1px #d2d6dd; display:block; overflow:hidden;}

.badges_list ul li a img { display:block; width:100%;}




.pricingTier_column { width:100%; border-radius: 6px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); background-color: #ffffff; border: solid 1px #e4e7ec; padding: 22px 22px 40px;}

.pricingTier_column label{ display:block; font-size: 12px; font-weight: 700; letter-spacing: 1.7px;  color: #617283; padding-bottom:12px;  }


.pricingTier_column_info{ width:100%; text-align:center;}

.pricingTier_column_info small { font-size: 64px; font-weight: 300; color: #00c1de; display:inline-block; vertical-align:middle; padding-top:16px;}

.pricingTier_column_info strong { font-size: 18px; font-weight: 700;  color: #617283; display:inline-block; vertical-align:middle; min-width:38%;padding-top:10px;}

.pricingTier_column_info strong b {font-size: 12px; font-weight: 700; letter-spacing: 1.7px; color: #d2d6dd; display:block;}

.pricingTier_column_info span {display:inline-block; vertical-align:middle; width:82px;}

.pricingTier_column_info span img { display:block; width:100%;}



.cmDashboard {padding: 32px 20px 32px;}

.cmDashboard ul li { width: 25%; float: none;padding: 1.5% 2%;}

.cmDashboard ul { font-size: 0px;}

.container{ padding-top: 0px; }
 
.cmDashboard_columns{ width:100%; padding:30px 0px;}

.cmDashboard_columns ul { margin:0px -15px; font-size:0px;}
.cmDashboard_columns ul li { display:inline-block; vertical-align:top;padding:0px 15px; width:33.33%;}

.cmDashboard_columnspoint{ width:100%; padding:30px 0px;}

.cmDashboard_columnspoint ul { margin:0px -15px; font-size:0px;}
.cmDashboard_columnspoint ul li { display:inline-block; vertical-align:top;padding:0px 15px; width:33.33%;}

.cmDashboard_columns .column_dboard_widget2:hover { background:none; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.08);}

.cmDashboard_columns .column_dboard_widget2:hover .column_dboard_widgetDetail2 label {color: #617283;}

.cmDashboard_columns  .column_dboard_widget2:hover .check_performance_option ul li strong {color: #617283;}

.cmDashboard_columns .column_dboard_widget2:hover .averageSale_amountinfo_head label {color: #003a5d;}

.cmDashboard_columns  .column_dboard_widget2:hover .averageSale_amountinfo_head strong {color: #80c342;}



.cmDashboard_colHead{ padding:10px 15px 10px 25px;}

.cmDashboard_colHead label { padding-left:50px;}

.contCustomerIcon{ background:url(../images/customers_blue@2x.png) left center no-repeat; background-size:28px;}

.avrgBskt{ background:url(../images/basket@2x.png) left center no-repeat; background-size:22px;}

.mainOutlet {  font-size: 12px;  font-weight: 700;  line-height: 1.25; color: #a5adba; display:inline-block; float:right; text-align:right; padding-top:12px;}

.cmDashboard_colHead:hover {background: rgb(0,58,93); background: linear-gradient(90deg, rgba(0,58,93,1) 0%, rgba(10,98,163,1) 51%, rgba(0,193,222,1) 100%);}

.cmDashboard_colHead:hover  label {color: #fff !important;}

.cmDashboard_colHead:hover  .mainOutlet {color: #fff !important;}










.customer_matrics_listing_inner { width:100%; background-color: #ffffff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11);}

.customer_matrics_search{ width:100%; background:#fff; padding:14px; border-bottom:1px solid #e4e7ec;}

.selectCompaign{ width:30%;height: 34px;  border-radius: 6px;  background-color: #f7f8f8;}
.selectCompaign .customDropDown_placeholder span { line-height:34px; background-position:95% 11px;}
.selectCompaign .customDropDown_placeholder  { height:34px;}

.customer_matrics_lists { width:100%;}

.customer_matrics_lists ul li { border-bottom:1px solid #e4e7ec;}

.customer_matrics_row{ width:100%; display:table; table-layout:fixed; position:relative;}

.customer_matrics_cell{ display:table-cell; vertical-align:middle; word-wrap:break-word; border-right:1px solid #e4e7ec; padding:8px 16px;}

.matrics_cell_1{ width:5%; }
.matrics_cell_2{ width:21%; }
.matrics_cell_3{ width:52%; }
.matrics_cell_4{ width:11%; }
.matrics_cell_5{ width:11%; }


.customer_matrics_cell label { font-size: 14px; font-weight: 500; color: #617283; display:block; text-align:center;}

.customer_matrics_cell:last-child { border:0px;}


.matrics_progress{ width:100%; padding:16px 20px 10px 0px;;}

.matrics_progress_baar{ border-radius: 0px 10px 10px 0px ;  height:10px; margin-bottom:8px; border-left:0px; }

.progreesdark_blue{  background-color: #0a62a3; width:70%; }
.progreeslight_blue{  background-color: #00c1de; width:40%;}

.padding0px { padding:0px;}



.visits_active { width:100%; text-align:center;}

.visits_active  strong { display:block; font-size: 18px; font-weight: 500;  color: #617283; padding-bottom:2px;}

.visits_active  strong b { display:inline-block; vertical-align:middle; margin-right:12px; border-radius:50%;}

.visits_active  small { display:block;  font-size: 13px;  color: #a5adba;}


.oval_blue_midium { width: 10px ;  height: 10px ;  background-color: #0a62a3;}
.oval_lightblue_midium { width: 10px;  height: 10px;  background-color: #00c1de;}

.profile_img {  }

.customer_matrics_cell  span { padding-left:8px;}






.v_amount { width:34% !important; padding-right:0px !important;}

.v_amnt_sign {font-size: 30px; font-weight: 300; color: #0a62a3; display: inline-block; vertical-align:middle; padding-right:12px; }

.v_amount .offPercentage_detail { padding-left:25px;}

.v_amountFields_1{ width:53.5%; display:inline-block; vertical-align:middle;}

.v_amountFields_1 input { width:20%;}

.v_amnt_signsup {font-size: 30px; font-weight: 300; color: #0a62a3; display: inline-block; vertical-align:bottom; padding:0px 6px; margin-bottom: -5px; }

.v_amountFields_2{ width:21.5%; display:inline-block; vertical-align:middle;}

.v_amountFields_2 input { width:50%;}

.v_amnt_or { display: inline-block; vertical-align:middle;  font-size: 12px; font-weight: 500; color: #617283; padding-left:10px;}





.validityPeriods_form { width:100%; padding-top:42px;}

.validityPeriods_form .customPlaceholder_outer { width:48.5%; float:left;}

.validityPeriods_form .customPlaceholder_outer:last-child { float:right;}

.messageArea textarea { min-height: 130px;}


.emailVouchr button { background: rgb(0,58,93); background: linear-gradient(90deg, rgba(0,58,93,1) 0%, rgba(10,98,163,1) 51%, rgba(0,193,222,1) 100%) !important; color:#fff !important; border:0px !important; font-size: 12px !important; font-weight: 500 !important;}

.emailVouchr{ padding-bottom:40px;}


.activeRedeemed {width: 8px; height: 8px;  background-color: #7ed321; display:inline-block; vertical-align:middle; border-radius:50%; margin-right:12px;}





.selectClearBttn { width:100%;}

.selectClearBttn button { width: 137px;  height: 40px;  background-color: #ffffff;  border: solid 1px #d2d6dd; display:block; cursor:pointer;font-size: 13px; color: #617283;}

.allSelect{ padding-left:22px !important;}


.cmList_check .stockRadio { width:20px; display:inline-block; vertical-align:middle; float:none; height:20px; margin-right:20px;}

.cmList_check .cL_rowList_number {display:inline-block; vertical-align:middle;padding-top: 3px;}

.cmList_check .stockRadio .control { padding:0px;}

.cmList_check  { width: 17% !important;}

.cmList_check .stockRadio .control-group { padding:0px;}

.cmList_check .control__indicator { position:static;border: solid 1px #dbdbdb; background:#fff;}

.cmList_check .profile_img {margin-right: 20px;}

.cmList_check .control--checkbox .control__indicator::after { left: 7px; top: 4px;}


.cmEmail  { width: 38% !important;}

.cmListing_setting ul li .cL_listing_table_row { padding: 10px 15px 10px 15px; }


.cmEmail2  { width: 33% !important;} 


.vouchBttn .backSave_buttons ul li a{ background-color: #d2d6dd;  border: solid 1px #a5adba;}





.segmentsBuilder_container { width:100%; padding-top:30px; max-width:1160px; margin:auto; padding-bottom:60px; display: flex !important; flex-wrap: wrap; justify-content: space-between}

.segmentsSection_left { width:38%; float:left;border-radius: 6px;  border: solid 1px #dbdbdb;min-height: 625px;}

.segment_heading  {border-radius: 6px 6px 0px 0px; background-color: #003a5d; border-bottom: solid 1px #d2d6dd;padding:9px 22px;}

.segment_heading h3 { font-size: 14px; font-weight: 500; color: #fff;}



.segmentsAccordianList { padding:20px 30px; width:100%;}

.segments_accordian{ width:100%; position:relative; padding-top:5px; padding-bottom:5px;    }

.acordianSeprator {background:#d4d7d8; height:100%; width:1px; left:21px ; top:0px; position:absolute;}

.segments_accordian ul li{   position:relative; margin:25px 0%;  transition:all 0.4s ease;}

.segments_accordian ul li a { margin:0px; display:block; }
.accordianIcons b{ background: url(../images/accordianRight_aero.png) center center no-repeat #ffffff; background-size:24px 24px; width:42px; height:42px; display:inline-block; vertical-align:middle;   border-radius:50%; border:1px solid #d2d6dd; color:#617283; font-size:20px; line-height:38px; text-align:center;  position:relative; z-index:2; transition:all 0.4s ease; font-size:0px; }

.accordianIcons:hover small{  color:#0a62a3; }
.accordianIcons:hover b{ border-color:#0a62a3; background:url(../images/accordianRight_aero_active.png) center center no-repeat #0a62a3; background-size:24px 24px;color:#ffffff; }
.accordianIcons.active b{ border-color:#0a62a3; transform: rotate(90deg) ;background: url(../images/accordianRight_aero_active.png) center center no-repeat #0a62a3 ;background-size:24px 24px;  color:#0a62a3; }
.accordianIcons.active small{ color:#0a62a3; }
.accordianIcons.previous_active b{ border-color:#0a62a3; background:#0a62a3; color:#ffffff; }

.accordianIcons small { display:inline-block; vertical-align:middle; text-align:center;  color:#617283; font-size:14px; font-weight:500; padding-left:43px;}


.showAccordian_data{ width:100%; padding-left:85px; padding-top:10px; display:none;}

.dragAccordianData {border-radius: 4px;  background-color: #f7f8f8; border: solid 1px #d2d6dd; width:100%; margin-bottom:10px; padding:11px 30px; position:relative; cursor:pointer;}

.dragAccordianData h4 {font-size: 12px; font-weight: 500; letter-spacing: 1px; color: #617283;}

.dragAccordianData:after{ background:#d4d7d8; height:1px; content:""; width:64px; position:absolute; left:-65px; top:48%; }


.venueConfig { padding:20px 30px; width:100%;}


.venueConfig_inner{ width:100%; position:relative; padding-top:5px; padding-bottom:5px;    }

.venueSeprator {background:#d4d7d8; height:100%; width:1px; left:21px ; top:0px; position:absolute;}

.venueConfig_inner ul li{   position:relative; margin:20px 0%;  transition:all 0.4s ease;}

.venueConfig_inner ul li a { margin:0px; display:block; }
 
.venuecounter b{ background: url(../images/accordianRight_aero.png) center center no-repeat #fafafa; background-size:24px 24px; width:42px; height:42px; display:inline-block; vertical-align:middle;   border-radius:50%; border:1px solid #d2d6dd; color:#617283; font-size:20px; line-height:38px; text-align:center;  position:relative; z-index:2; transition:all 0.4s ease; font-size:0px; }


.venueConfig_inner ul li:hover small{  color:#0a62a3; }
.venueConfig_inner ul li:hover b{ border-color:#0a62a3; background:url(../images/accordianRight_aero_active.png) center center no-repeat #0a62a3; background-size:24px 24px;color:#ffffff; }
.venueConfig_inner ul li.active b{ border-color:#0a62a3; transform: rotate(90deg) ;background: url(../images/accordianRight_aero_active.png) center center no-repeat #0a62a3 ;background-size:24px 24px;  color:#0a62a3; }
.venueConfig_inner ul li.active small{ color:#0a62a3; }


 

.venuecounter small { display:inline-block; vertical-align:top; text-align:left;  color:#617283; font-size:14px; font-weight:500; padding-left:43px; line-height: 28px;padding-top: 6px;}


.showVenue_data{ width:100%; padding-left:85px; padding-top:15px; display:none; }

.dragVenueData {border-radius: 4px;  background-color: #f7f8f8; border: solid 1px #d2d6dd; width:100%; margin-bottom:10px;  position:relative; cursor:pointer;}

.dragVenueData h4 {font-size: 12px; font-weight: 500; letter-spacing: 1px; color: #617283;}
.dragVenueData h4 a{color: #617283;padding:11px 30px; display:block;}
.dragVenueData:after{ background:#d4d7d8; height:1px; content:""; width:64px; position:absolute; left:-65px; top:48%; }


.dragVenueData:hover {background:#0a62a3; color:#ffffff;}
.dragVenueData:hover h4 a {  color:#ffffff;}

.dragVenueData.subVenueActive {background:#0a62a3; color:#ffffff;}
.dragVenueData.subVenueActive h4 a {  color:#ffffff;} 
.dragVenueData:last-child { margin-bottom:0px;}


.segmentsSection_right { width:59%; float:right;border-radius: 6px;  }

.segmentaxn_heading { background: #0a62a3;}

.segmentaxn_detail { width:100%; padding:12px;border: solid 1px #dbdbdb; border-top:0px; border-radius:0px 0px 6px 6px; height: 100% }
.segmentDropZone {height: 100%}
.dropSegmentation_section { width:100%;border-radius: 6px;  border: solid 1px #d2d6dd; margin-bottom:10px;}

.dropSegmentation_heading  {border-radius: 6px 6px 0px 0px; background-color: #fafafa; border-bottom: solid 1px #d2d6dd;}

.dropSegmentation_heading h3 { font-size: 14px;  color: #617283; display:inline-block; float:left;padding:8px 15px ;}


.segmntClose { width:42px; float:right;border-left: solid 1px #d2d6dd; height:34px;}

.segmntClose a { background:url(../images/x_tag_close@2x.png) center center no-repeat; width:12px; height:12px; background-size:12px 12px; display:block; margin:auto; margin-top:12px; }



.genderSelected { width:100%; padding:30px 7% 25px; text-align:center;}


.genderSelected ul li { width:33.33%; float:left; padding:0px 5%;}

.genderSelected ul li span {   font-size: 14px; line-height: 1.71; color: #617283; cursor:pointer;}

.genderSelected ul li span b { background:url(../images/genderMale@2x.png) center center no-repeat #f7f8f8; width:59px; height:59px; background-size:15px 42px; display:block; margin:auto; margin-bottom:8px; position:relative;border: solid 1px #d2d6dd; border-radius:8px;}

.genderSelected ul li span b i { display:none;background:url(../images/check_gender@2x.png) no-repeat; background-size:34px 34px; position:absolute; right:-15px; top:-12px; width:34px; height:34px; }

.genderSelected ul li span.selectGender b i { display:block; }


.genderSelected ul li span b.genderFemale { background:url(../images/genderfeMale@2x.png) center center no-repeat #f7f8f8; width:59px; height:59px; background-size:18px 41px;  }

.genderSelected ul li span b.genderOther { background:url(../images/genderOther@2x.png) center center no-repeat #f7f8f8; width:59px; height:59px; background-size:18px 42px;  }


.ageGraph { width:100%; padding:12px;}

.ageGraph img { display:block; width:100%;}


.Age_range{ width:100%; padding: 15px 40px 25px 35px;}

.Age_range_value { width:100%; text-align:right; padding-bottom:40px;}

.Age_range_value strong { display:inline-block; font-size: 37px; font-weight: 300; color: #0a62a3;}

.Age_range_value strong  small{ display:block;font-weight: 400;  font-size: 14px; color: #617283; text-align:center;}

.age_rangeSlider{ width:100%;}

.age_rangeSlider .irs-min , .age_rangeSlider .irs-max{ display:none !important; }

.age_value_steps { width:100%; text-align:center ; font-size:0px;}

.age_value_steps ul { margin:0px -3%;}
.age_value_steps ul li  { display:inline-block; width:9.09%;}

.age_value_steps ul li b { font-size: 14px; font-weight: 500; color: #617283; display:block;}

.poseSpend_time { padding:20px 20px 10px;}




.yourSeg_age_rangeSlct{ position:relative; padding:3px 0px 10px 0px; }
.yourSeg_age_rangeSlct .irs-min{ left:-5px !important; top:40px!important;  font-size: 14px !important; font-weight: 500 !important; color: #617283 !important; }
.yourSeg_age_rangeSlct .irs-max{ right:-5px !important; top:40px!important;  font-size: 14px !important; font-weight: 500 !important; color: #617283 !important; }


.irs-bar { background: #7d9aa5 !important ; background-image: linear-gradient(to left, #003a5d, #0a62a3 50%, #00c1de) !important; height: 4px !important; }
.irs-bar-edge { background: #7d9aa5;  border-radius: 8px 0 0 8px; }
.irs-slider { background:#00c1de !important; border-radius:50% !important; top:18px !important; cursor: pointer !important; height: 16px !important; width: 16px !important; }

.irs-slider.to {background:#003a5d !important;}

.irs-single {  display: none; }
.irs-line-right { border-radius: 0 8px 8px 0; }
.irs-line-left { border-radius: 8px 0 0 8px; }
.irs-grid-text { color: #2c3c46; font-size: 12px; }

.irs-line-mid, .irs-line-left, .irs-line-right{ background:#d2d6dd !important; height:4px !important;  }

.irs-from::after, .irs-to::after, .irs-single::after{  border-color: #617283 transparent transparent !important; }
.irs-from, .irs-to, .irs-single{   background-color: #617283!important;  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); padding:3px 10px !important;  top: -16px !important; }

.irs-min { left: -32px!important; top: 20px!important; background:none !important; display:block !important; visibility:visible !important; font-size:14px!important;  color: #7e888b!important;  }
.irs-max { right: -42px!important; top: 20px!important; background:none !important; display:block !important; visibility:visible !important; font-size:14px!important;  color: #7e888b!important; }

.irs-line { height:4px !important; border-radius:4px !important}

.gamingSpend_range { width:100%; padding:0px 15px 5px;}

.dataHide { display: none;}


.filterScroll{ height:80%;}

.segmentaxn_detail_inner{ width:100%; padding-right:25px;}



.taxable_switching:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden;}


.genderChosen .placeholder_radio_column  { width:33.33%;}





.referralIcon{ position:relative;}

.tooltipShoW { width:120px; font-size:10px; font-style:normal;  position:absolute; left:50%; margin-left:-55px; bottom: 32px; box-shadow:0px 1px 2px #ccc; background:#fff ; padding:8px; z-index:1;  line-height: 12px; display:none;}

.tooltipShoW em {bottom: -8px; left:50%; margin-left:-8px;  content: ""; position: absolute;  width: 16px; height:8px; background:url(../images/agentsList_popup_aerobttm.png) no-repeat; display:block; background-size:16px 8px;}

.referralIcon:hover  .tooltipShoW { display:block;}



.add_categoryList_info{ position:relative;}
.cls_btn{ width:20px; height:20px; position:absolute; right:14px; top:10px; background:url(../images/x_tag_close@2x.png) no-repeat; background-size:24px 24px; display:block;z-index: 1;}


/*************************start jd style*************************/

.e_member_content{ width:100%;
    /*background:#f7f8f8; */
}
.e_member_content .containerSection{ background:#f7f8f8; }

.e_member_content .dayMatrics{ background:#e4e7ec; }
.e_member_content .tabs_bttn ul li a.selectTb{ background:#f7f8f8; }

.e_member_user{ width:100%; padding-bottom:60px; }

.e_member_content .edit_category_img span{ width:118px; height:118px; border:6px solid #fff; border-radius:50%; overflow:hidden; margin:auto; }
.e_member_content .edit_category_img span img{ width:100%; height:100%; display:block; }

.e_member_userName{ width:100%; text-align:center; padding-bottom:15px; position:relative; }
.e_member_userName:before{ content:""; width:38px; height:3px; background:#0a62a3; position:absolute; left:50%; bottom:0px; margin-left:-19px; }

.e_member_userName a{ font-size: 20px; line-height:1.5em; color: #0a62a3; display:block; transition:all 0.3s ease-in-out; font-weight: 300; padding-bottom:5px; }

.e_member_userName a:hover{ color:#00c1de; }

.e_member_userName span{ font-size:12px; line-height:1.5em; color: #617283; display:block; font-weight: 500; }

.e_userinfo_icon{ background:url(../images/e_user_info.png) 3px 20px no-repeat; background-size:18px;}
.e_segnemt_icon{ background:url(../images/e_segment_link.png) 3px 20px no-repeat; background-size:22px;}
.e_transaction_icon{ background:url(../images/e_transactions.png) 3px 20px no-repeat; background-size:18px;}
.e_loyalty_icon{ background:url(../images/e_loyalty_icon.png) 3px 20px no-repeat; background-size:18px;}
.e_campaigns_icon{ background:url(../images/e_campaigns_icon.png) 3px 20px no-repeat; background-size:12px;}

.e_member_main .left_navBar ul li.navActive a.e_userinfo_icon{ background:url(../images/e_user_info2.png) 3px 20px no-repeat; background-size:18px;}
.e_member_main .left_navBar ul li.navActive a.e_segnemt_icon{ background:url(../images/e_segment_link2.png) 3px 20px no-repeat; background-size:22px;}
.e_member_main .left_navBar ul li.navActive a.e_transaction_icon{ background:url(../images/e_transactions2.png) 3px 20px no-repeat; background-size:18px;}
.e_member_main .left_navBar ul li.navActive a.e_loyalty_icon{ background:url(../images/e_loyalty_icon2.png) 3px 20px no-repeat; background-size:18px;}
.e_member_main .left_navBar ul li.navActive a.e_campaigns_icon{ background:url(../images/e_campaigns_icon2.png) 3px 20px no-repeat; background-size:12px;}

.e_member_main .left_navBar ul li ul{ padding:0px 0px 0px 30px; display:block; }
.e_member_main .left_navBar ul li ul li{ border-bottom: 1px solid #e4e7ec; padding-bottom:0px; }
.e_member_main .left_navBar ul li ul li:last-child{ border-bottom:0px; }
.e_member_main .left_navBar ul li ul li a{ text-transform:capitalize; padding:0px; background:none; }
.e_member_main .left_navBar ul li ul li.navActive a span{ color: #0a62a3;  border-color:#0a62a3; }
.e_member_main .left_navBar ul li ul li a span{ font-size:12px; border-bottom:3px solid transparent;   padding:20px 20px 16px 0px; display:inline-block;transition:all 0.4s ease-in-out; }
.e_member_main .left_navBar ul li ul li a:hover span{ color: #0a62a3; border-color:#0a62a3; }


.e_member_main{ width:100%; }

.e_member_left{ width:180px; float:left; }

.e_member_main .edit_category_leftBar{ width:100%; float:none; }
.e_member_main .left_navBar ul li a small{ border-bottom: 3px solid transparent; }
.e_member_main .left_navBar ul li a:hover small { color:#0a62a3; border-bottom:3px solid #0a62a3;}
.e_member_main .left_navBar ul li.navActive a small { color:#0a62a3; border-bottom:3px solid #0a62a3;}

.e_member_right{ width:calc(100% - 180px); float:right; padding-left:30px; }

.e_member_main .addCategoryRight_section{ width:100%; float:none; }


.e_memberInfo_heading{ width:100%; padding:15px 0px 35px; }

.e_memberInfo_heading h5{ font-size: 14px; line-height:1.5em; font-weight: 500; color: #0a62a3; }
.e_member_main .customPlaceholder{ background:#fff; }
.e_member_main .customPlaceholder input{ font-size:14px; color: #617283; font-weight:400; }
.e_member_main .numberPlaceholder{ background-color:#fff; }

.e_member_main .spaceAdd{ padding-top:0px !important; padding-bottom:28px !important; }

.e_member_printBtns{ width:100%; }

.e_member_printBtns ul{ font-size:0px; margin:0px -10px; float:right; }

.e_member_printBtns ul li{ display:inline-block; vertical-align:middle; font-size:14px; padding:0px 10px; }

.e_member_printBtns ul li a{ width:170px; height:40px; font-size: 12px; line-height:40px; font-weight: 500; letter-spacing:1px; color: #617283; display:block; transition:all 0.3s ease-in-out; padding:0px 20px 0px 70px; border-radius: 4px; border: solid 1px #a5adba; text-transform:uppercase; background:url(../images/thin_printer@2x.png) no-repeat 40px center; background-size:20px auto; background-color: #f7f8f8; }

.e_member_printBtns ul li a:hover{ border-color:#0a62a3; color:#0a62a3; }

.e_member_printBtns ul li input{ width:170px; height:40px; font-size: 12px; line-height:40px; font-weight: 500; letter-spacing:1px; color: #617283; display:block; transition:all 0.3s ease-in-out; padding:0px 20px 0px 70px; border-radius: 4px; border: solid 1px #a5adba; text-transform:uppercase; background:url(../images/send_paper@2x.png) no-repeat 40px center; background-size:20px auto; background-color: #f7f8f8; text-align: left; cursor:pointer; }

.e_member_printBtns ul li input:hover{ border-color:#0a62a3; color:#0a62a3; }

.map_place{ overflow:hidden; }


.e_segment_accordion_out{ width:100%; }

.e_segment_accordion_row{ width:100%; margin-bottom:22px; border-radius: 6px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); border: solid 1px #e4e7ec; background-color: #ffffff; overflow:hidden; }

.e_segment_accordionTitle{ width:100%; padding:15px 25px; transition:all 0.3s ease-in-out; cursor:pointer; border-bottom:1px solid #fff;  }
.e_segment_accordionTitle .transection_list_title{ float:none; width:100%; }
.e_segment_accordionTitle .transection_list_title label{ text-transform:uppercase; cursor:pointer; }

.e_segment_accordionTitle.active{ border-color: #e4e7ec; }
.e_segment_accordionTitle.active .plusButton{transform: rotate(45deg) !important; background:url(../images/plus_categoryIcon@2x.png) no-repeat;background-size: 20px;}

.e_segment_accordion_show{ width:100%; display:none; }

.e_segmentdemographic{ width:100%; padding:30px; }

.e_segmentdemographic .cmDashboard_columns{ padding:0px; }
.e_segmentdemographic .cmDashboard_columns ul li{ width:50%; padding-bottom:20px; }

.segment_gender_header{ width:100%; padding:20px; border-top: solid 1px #e4e7ec; border-bottom: solid 1px #e4e7ec; background-color: #f7f8f8; }
.blueBg{ background-color:#0a62a3 !important; }

.segment_gender_left{ width:50%; float:left; }

.segment_gender_right{ width:50%; float:right; text-align:right; }

.segment_gender_left h4{ font-size: 28px; line-height:1.6em; font-weight: 500; color: #ffffff; padding-left:40px;}

.female_gender_display {
    background:url(../assets/images/gender_white_female.png) no-repeat left center;
    background-size:20px auto;
}
.male_gender_display {
    background:url(../assets/images/male_pic@2x.png) no-repeat left top;
    background-size:20px auto;
}
.other_gender_display {
    background:url(../assets/images/other_pic@2x.png) no-repeat left top;
    background-size:20px auto;
}

.segment_gender_right h4{ font-size: 23px; line-height:1.5em; font-weight: 300; color: #617283; }
.segment_gender_right h4 b{ font-weight:bold; display:inline-block; }

.segment_gender_right span{ font-size:12px; line-height:1.5em; font-weight: bold; color: #617283; display:block;  letter-spacing: 1.7px; }

.segment_gender_header.blueBg .segment_gender_right h4, .segment_gender_header.blueBg .segment_gender_right span{ color:#fff; }
.segment_gender_header.blueBg{ border-bottom:0px; }

.segment_gender_left h1{ font-size: 38px; line-height:1em; font-weight: 500; color: #0a62a3; padding-top:7px; }
.segment_gender_left h1 span{ font-size:12px; line-height:1.2em; font-weight: bold; color: #617283; letter-spacing: 1.7px; display:inline-block; padding-left:10px; }

.e_segmentdemographic .column_dboard_widget2{ min-height:inherit; overflow:hidden; }

.segment_gender_header.darkBlueBg.blueBg{ background:#003a5d !important; }
.segment_gender_header.blueBg .segment_state_right span{ color:#fff; }

.segment_state_main{ width:100%; display:table; table-layout:fixed; }

.segment_state_left{ width:55px; display:table-cell; vertical-align:middle; }
.segment_state_right{ width:auto; display:table-cell; vertical-align:middle; padding-left:15px; }

.segment_state_right span{ font-size:20px; line-height:1.2em; font-weight: 500; color: #617283; display:block; text-transform:uppercase; }

.e_membership_main{ width:100%; }

.e_membership_listing{ width:100%; }

.e_membership_listing ul li{ width:100%; border-bottom:1px solid #e4e7ec; padding-bottom:0px; }
.e_membership_listing ul li:nth-child(2n){ background:#f7f8f8; }
.e_membership_listing ul li:last-child{ border-bottom:0px none; }

.e_membership{ width:100%; display:table; table-layout:fixed; }

.e_membership_left{ width:25%; display:table-cell; vertical-align:middle; border-right:1px solid #e4e7ec; padding:10px 15px; }
.e_membership_mid{ width:auto; display:table-cell; vertical-align:middle; border-right:1px solid #e4e7ec; padding:10px 0px; }
.e_membership_right{ width:25%; display:table-cell; vertical-align:middle; padding:10px 15px; }

.e_membership_text{ width:100%; }

.e_membership_text span{ font-size: 12px; line-height:1.5em; letter-spacing: 1px; color: #a5adba; display:block; } 
.e_membership_text strong{ font-size: 14px; line-height:1.5em; letter-spacing: 1px; color: #617283; font-weight:bold; display:block; }

.e_membership_right .e_membership_text{ text-align:right; }
.e_membership_right .e_membership_text strong{ font-size:18px; font-weight:500; }

.e_membership_progress{ width:100%; padding-right:60px; }
.e_membership_progress span{ font-size: 18px; line-height:1.5em; letter-spacing: 1px; color: #617283; font-weight:bold; display:block; position:absolute; right:-50px; top:-9px; }

.e_membership_progress{ height:8px; position:relative; }
.progressGreen{ background:#a2cd3a; }
.progressBlue{ background:#0a62a3; }
.progressSky{ background:#00c1de; }
.progressDarkblue{ background:#003a5d; }

.progressWidth_80{ width:80%; }
.progressWidth_50{ width:50%; }
.progressWidth_40{ width:40%; }
.progressWidth_30{ width:20%; }
.progressWidth_20{ width:40%; }
.progressWidth_15{ width:15%; }
.width_100{ width:100% !important; }


.e_transactions_main{ width:100%; }

.e_transactions_box{ width:100%; border-radius: 6px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); border: solid 1px #e4e7ec; background-color: #ffffff; padding:20px; }

.e_transactions_box .e_transactions_box{ padding:0px; }

.e_transactions_inner{ width:100%; }

.e_transactions_graphOut{ width:100%; padding:20px; }

.e_transactions_graphOut h5{ font-size:12px; line-height:1.5em; font-weight:bold; color: #617283; letter-spacing: 1.7px; }

.e_transactions_detail{ width:100%; }

.e_transactions_detail{ width:100% }

.e_transactions_detail .totalRevenue_val{ padding-left:50px; position:relative; }

.cashCardPass_transection ul li{ padding-bottom:0px; }

.e_transactions_detail .totalRevenue_val figure{ display:block; position:absolute; left:0px; top:50%; margin-top:-8px; }
.e_transactions_detail .totalRevenue_val figure img{ display:block; max-width:30px; width:100%; height:auto; }
.e_transactions_detail .totalRevenue_head{ border-top: solid 1px #e4e7ec; }
.e_transactions_detail .cashCardPass_transection ul li:last-child{ border-bottom:0px; }

.e_transactionsValue_list .column_dboard_widget2{ min-height:inherit; overflow:hidden; }
.segment_gender_header.greenBg.blueBg{ background:#a2cd3a !important; }

.e_transactionsValue_list .segment_state_left{ width:30px; }
.e_transactionsValue_list .segment_state_right span{ font-size:30px; color:#003a5d; }
.e_transactionsValue_list .segment_gender_header{ border-bottom:0px; }
.e_transactionsValue_list .cmDashboard_columns{ padding-bottom:10px; }

.e_transactions_icon{ width:100%; }
.e_transactions_icon span{ max-width:25px; display:block; }
.e_transactions_icon span img{ max-width:none; display:block; height:auto; width:100%; }


.e_transaction_list{ width:100%; padding-top:30px; }
.e_transaction_list .grid_searching ul li{ padding-bottom:0px; }
.e_transaction_list .cL_listing_tableInn ul li{ padding-bottom:0px; }
.e_transaction_list .expand_button{ width:14%; }
.e_transaction_list .fieldIncremnt{ width:10%; }
.e_transaction_list .grid_searching ul li a{ width:52px; background-color:#fff !important; opacity:1; }

.grid_searching ul li a.e_transactionPayment_1{ background:url(../images/combined-shape@2x.png) no-repeat center center; background-size:25px auto; }
.grid_searching ul li a.e_transactionPayment_2{ background:url(../images/card_light_icon@2x.png) no-repeat center center; background-size:25px auto; }
.grid_searching ul li a.e_transactionPayment_3{ background:url(../images/master_pass_icon@2x.png) no-repeat center center; background-size:25px auto; }

.e_transaction_list .searching_li{ width:242px; margin-left:20px; }
.e_transaction_list .searchInput{ width:100%; }


.e_transaction_accordion{ width:100%; }

.e_transaction_accordionShow{ width:100%; border:2px solid #0a62a3; background:#fff; display:none; }

.e_transaction_detial{ width:100%; padding:30px; }

.e_transaction_top{ width:100%; padding-bottom:30px; }

.e_authorisation{ width:100%; }

.e_authorisation_left{ width:50%; float:left; }

.e_authorisation_right{ width:50%; float:right; padding-left:20px; }

.e_authorisation_list{ width:100%; }

.e_authorisation_list ul li{ width:100%; border-bottom:1px solid #e4e7ec; background:#fff; }
.e_authorisation_list ul li:last-child{ border-bottom:0px none; }

.e_authorisation_inner{ width:100%; padding:10px 0px; }

.e_authorisation_listLeft{ width:60%; float:left; }

.e_authorisation_listRight{ width:40%; float:right; }

.e_authorisation_text{ width:100%; }

.e_authorisation_text span{ font-size: 13px; line-height:1.5em; color: #a5adba; display:block; padding-bottom:5px; }
.e_authorisation_text strong{ font-size: 13px; line-height:1.5em; color: #617283; font-weight:500; display:block; }
.e_authorisation_text h1{ font-size: 36px; line-height:1em; color: #0a62a3; font-weight:300; display:block; }

.e_authorisation_text figure{ font-size:0px; display:block; }
.e_authorisation_text figure i{ display:inline-block; vertical-align:middle; }
.e_authorisation_text figure i img{ display:block; max-width:30px; width:100%; height:auto; }
.e_authorisation_text figure strong{ display:inline-block; vertical-align:middle; padding-left:10px; }

.e_authorisation_box{ width:100%; border:7px solid #e4e7ec; border-radius:6px; padding:20px 20px 10px; }

.e_refunded{ width:100%; }

.e_refunded_heading{ width:100%; padding-bottom:15px; margin-bottom:20px; border-bottom: 1px solid #e4e7ec; }

.e_refunded_heading h5{ font-size: 14px;line-height: 1.5em;font-weight: 500;color: #0a62a3; text-transform:uppercase; }

.e_transaction_list .trans_listing .cL_listing_tableInn ul li .cL_listing_table_row{ padding:20px 20px 20px 45px; }

.e_refunded_table .cL_listing_tableTitle{ background:#fff; }
.e_refunded_table .cL_listing_tableTitle .cL_listing_table_row{ padding: 14px 20px 14px 45px !important; }

.e_transaction_accordionTitle{ width:100%; cursor:pointer; transition:all 0.3s ease; }
.e_transaction_accordionTitle.active{ background:#0a62a3; }
.e_transaction_accordionTitle.active .cL_rowList_number{ color:#fff; }

.e_transaction_bottom{  width:100%; }

.e_transection_progressOut { width:65%; float:left; padding:19px 0px 15px;}

.status_next_progressOut{ width:100%; padding-bottom:20px; }

.statusNext_progress{ width:100%; height:8px; background:#d2d6dd; border-radius:4px; position:relative; }

.statusNext_progressInner{ width:60%; height:100%; background:#003a5d; position:absolute; left:0px; top:0px; border-radius:4px; }

.statusNext_text{ width:100%; }

.statusNext_text p{ font-size: 16px;line-height: 1.5em; font-weight: bold; letter-spacing: 0.8px; color: #0a62a3; }

.statusNext_main .segment_gender_right{ padding:18px 20px 20px; }
.statusNext_main .segment_gender_right h4{ font-size: 16px;line-height: 1.5em; font-weight: bold; letter-spacing: 2.3px; color: #003a5d; }
.statusNext_main .columnHeading{ border-bottom:0px none; }

.cL_listing_table_cell.cell8{ width:40%; }
.cell8 .cL_rowList_number { max-width:300px; }

.e_transaction_accordionTitle.active .cl_tableRow_editDotes i, .e_transaction_accordionTitle.active .cl_tableRow_editDotes i:after, .e_transaction_accordionTitle.active .cl_tableRow_editDotes i:before{ background:#fff; }


.e_transaction_accordion .cl_rowEdit_popOut{ width:24%; right: -24%; }
.cL_listing_tableInn ul li.active_editMod .e_transaction_accordion .cL_listing_table_row{ margin-left:-24%; }
.cL_listing_tableInn ul li.active_editMod .e_transaction_accordion .cl_rowEdit_popOut{ right:0px; }

.e_all_trans_heading{ width:100%; padding:0px 0px 20px; }

.e_all_trans_heading h4{ font-size: 14px;line-height: 1.5em; font-weight: 500; text-transform:uppercase; color: #0a62a3; }


.e_gamification_main{ width:100%; }

.e_gamification_left{ width:30%; float:left; }

.e_gamification_main .cmDashboard_columns ul{ margin:0px; }
.e_gamification_main .cmDashboard_columns ul li{ width:100%; padding:0px 0px 20px; display:block; }
.e_gamification_main .cmDashboard_columns ul li:last-child{ padding:0px 0px 0px; }
.e_gamification_main .cmDashboard_columns{ padding:0px; }

.e_gamification_right{ width:70%; float:right; padding-left:18px; }

.e_gamification_main .segment_gender_header.greenBg .segment_state_right span{ color: #003a5d !important; }

.baadgeIcon_size{ max-width:18px; }


.e_badges_box{ width:100%; padding:20px 0px 20px 20px; border-radius:4px; background-color: #f7f8f8; }

.e_badges_row{ width:100%; padding-bottom:15px; }

.e_badges_inner{ width:100%; }

.e_badges_heading{ width:100%; padding-bottom:10px; }
.e_badges_heading h4{ font-size: 12px;line-height: 1.5em; font-weight: bold; text-transform:uppercase; color: #617283; letter-spacing: 1.7px; }

.e_badges_detail{ width:100%; padding: 10px 0px; }

.e_badges_detail a{ width:88px; height:88px; margin:auto; display:block; padding:5px; background:#fff;  border-radius: 14px; box-shadow: 0 0 6px 0 #a5adba; }

.e_badges_detail a span{ width:100%; height:100%; margin:auto; display:table; table-layout:fixed; padding:5px; background:#f5f8f9; border-radius: 14px; }

.e_badges_detail a span i{ display:table-cell; vertical-align:middle; }
.e_badges_detail a span i img{ max-width:50px; max-height:60px; width:100%; display:block; margin:auto; }

.e_badges_sliderOut{ width:100%; padding-left:55px; }

.e_badges_sliderOut .slick-list{ padding:0px 75px 0px 0px !important; }


.e_badges_sliderOut{ position:relative; }

.e_badges_sliderOut .slick-prev.slick-arrow{ display:none !important; }

.e_badges_sliderOut .slick-next.slick-arrow, .booking_service_slider .slick-prev.slick-arrow{ width:38px; height:38px; position: absolute; left:-52px; top:50%; cursor: pointer; font-size:0px; margin-top:-19px; background:url(../images/accordianRight_aero.png) no-repeat center center; background-size:20px auto; transform:rotate(180deg); border-radius: 4px; border: solid 1px #d2d6dd; background-color: #ffffff; }


.width_33{ width:33.33% !important; }
.e_gamification_content .e_authorisation_left{ width:60%; }
.e_gamification_content .e_authorisation_right{ width:40%; }

.badges_right_image{ width:100%; }

.badges_right_image span{ max-width:156px; margin:auto; display:block; }
.badges_right_image span img{ max-width:none; width:100%; height:auto; display:block; }


.stampCards_main_content .e_transactions_detail .totalRevenue_val{ padding-left:30px; }
.stampCards_main_content .e_transactions_detail .totalRevenue_val figure{ top:12px; }
.stampCards_main_content .e_transactions_detail .totalRevenue_val figure img{ max-width: 20px; }

.totalStamp_text{ font-size: 12px; line-height:1.5em; color: #a5adba; display:block }

.greenList{ border-left:4px solid #a2cd3a !important; }

.stampStar_mid{ width: 55%; float: left; border-right: 1px solid #e4e7ec; padding:8px 20px; }

.stampStar_list{ width:100%; }
.stampStar_list ul{ font-size:0px; margin:0px 0px; }

.stampStar_list ul li{ display:inline-block; vertical-align:middle; font-size:14px; padding:0px 5px; border:0px none; }




.stampStar_icon{ width: 100%; }

.stampStar_icon span{ margin:auto; display:block;  padding:3px 3px 5px; }


.stampStar_icon span {

    display: inline-block;
    position: relative;
    width: 20px;
}
/*.stampStar_icon span:before {*/
/*border-bottom: 8px solid red;*/
/*border-left: 10px solid transparent;*/
/*border-right: 10px solid transparent;*/
/*content: "";*/
/*height: 0;*/
/*left: 0;*/
/*position: absolute;*/
/*transform: rotate(180deg);*/
/*bottom: -8px;*/
/*width: 0;*/
/*}*/


.stampStar_icon span i { color: #fff; display: block;    font-size: 14px;}

.redRate { background: red}
.blueRate { background: #00c1de }
.greyRate { background: #ccc}
.darkblueRate { background: #0a62a3}
.greenRate { background: #a2cd3a}





.stampStar_right{ width: 15%; float: right; padding: 8px 10px; }

.stampStar_right_text{ width:100%; }

.stampStar_right_text span{ font-size: 18px; line-height:1.5em; font-weight:500; color: #617283; display:block; text-align:center }


.stampCards_main_content .e_authorisation_left{ width:40%; }
.stampCards_main_content .e_authorisation_right{ width:60%; }

.e_serviceStamp_main{ width:100%; }

.e_serviceStamp_left{ width:50%; float:left; padding:0px 0px; }

.e_serviceStamp_right{ width:50%; float:left; padding:0px 0px; }

.stampCard_boxOut{ width:100%; padding:10px 10px; }

.stampCard_box{ width:100%; background-color: #f7f8f8; border-radius:10px; overflow:hidden; position:relative; box-shadow: 0 0 5px 0 rgba(51, 59, 69, 0.15); }

.stampCard_click{ width:100%; height:100%; position:absolute; top:0px; left:0px; }

.stampCard_header{ width:100%; padding:10px; background:#00adef; font-size:0px; }

.greenbg{ background:#52b848 !important; }
.whitebg{ background:#fff !important; }
.redbg{ background:#ee1939 !important; }
.bluebg{ background:#004698 !important; }
.redcolor{ color:#ee1939 !important; }

.stampCard_header h5{ font-size:16px; line-height:1.5em; color:#fff; text-transform:uppercase; letter-spacing: 0.5px; display:inline-block; }

.stampCard_header span{ font-size:16px; line-height:1.5em; color:#fff; letter-spacing: 0.5px; display:inline-block; float:right; }

.stampCard_content{ width:100%; }

.stampCard_image{ width:100%; position:relative; }

.stampCard_image i{ display:block; }
.stampCard_image i img{ width:100%; display:block; }

.stampCard_text{ width:100%; padding:10px; }

.stampCard_text p{ font-size:16px; line-height:1.3em; color:#617283; letter-spacing: 0.5px; }


.stampCard_numerics{ width:100%; padding:14px; background:#fff; }

.stampCard_numerics ul{ font-size:0px; text-align:center; }

.stampCard_numerics ul li{ width:33.33%; display:inline-block; vertical-align:middle; font-size:14px; padding:0px 5px 15px !important; background:none; }

.stampCard_numerics ul li a{ width:44px; height:44px; line-height:44px; text-align:center; display:block; border:1px solid #a5adba; border-radius:50%; transition:all 0.3s ease-in-out; margin:auto; }
.stampCard_numerics ul li a span{ display:block; font-size: 18px; color: #00457c; }

.stampCard_numerics ul li a.not_visible{ background:url(../images/stamp_notvisible.png) no-repeat center center; background-size:20px auto; background-color:#fff; }

.stampCard_numerics ul li a.not_visible span{ font-size:0px !important; }
.stampCard_numerics ul li a.active{ background:url(../images/stamp_whitefoot.png) no-repeat center center; background-size:20px auto; background-color:#00457c; border-color:#00457c; }
.stampCard_numerics ul li a.active span{ font-size:0px; }

.activeRedeemed.completeRedeemed{ background-color: #fd3d50; }


.e_points_content .e_authorisation_left{ width:40%; }
.e_points_content .e_authorisation_right{ width:60%; }

.discount_voucher_main .stampCard_header span{ font-size: 23px; color:#ee1939; }
.discount_voucher_main .stampCard_header span small{ font-size: 17px; line-height: 1.5em; font-weight:300; color: #617283; letter-spacing: 0.5px; display:block; }
.discount_voucher_main .stampCard_header h5{ font-size: 25px; color: #00457c; padding-top:8px; }

.discount_voucher{ width:100%; padding:10px; background:#fff; }

.discount_voucherInner{ width:100%; background:url(../images/disc_voucher_bg.png) no-repeat top center; background-size:cover; padding:30px 20px; border-radius:10px; }

.discount_voucherText{ max-width:50%; }

.discount_voucherText h1{ font-size:0px; }

.discount_voucherText h1 b{ font-size: 129px; line-height:.9em; letter-spacing: -5.1px; color: #ee1939; display:inline-block; vertical-align:top; }
.discount_voucherText h1 span{ font-size: 66px; line-height:1em; letter-spacing: -2.6px; color: #ee1939; display:inline-block; vertical-align:top; }
.discount_voucherText h1 span small{ font-size: 46px; line-height:1em; letter-spacing: -1.8px; color: #ee1939; display: block;}

.discount_voucherText p{ font-size:18px; line-height:1em; color: #fff; display: block; padding-top:10px; }


.breakdown_main{ width:100%; }

.breakdown_main{ width:100%; }

.breakdown_main ul{ font-size:0px; margin:0px -10px; }

.breakdown_main ul li{ width:20%; display:inline-block; vertical-align:middle; font-size:14px; padding:0px 10px; border-left:1px solid #d2d6dd; }
.breakdown_main ul li:first-child{ border-left:0px none; }

.breakdown_inner{ width:100%; }

.breakdown_circle{ width:100%; }

.breakdown_circle img{ max-width:100px; margin:auto; }

.breakdown_text{ width:100%; padding-top:10px; }

.breakdown_text span{font-size:12px; line-height:1.5em; color: #617283; font-weight:bold; letter-spacing: 1.7px; display: block; text-align:center }

.e_campaignMobile_img{ width:100%; }

.e_campaignMobile_img span{ max-width:232px; margin:auto; display:block; }
.e_campaignMobile_img span img{ max-width:none; width:100%; height:auto; display:block; }



.e_authorisation_listLeft .e_campaign_sent{ width:50%; }
.e_authorisation_listRight .e_campaign_sent{ width:100%; }

.e_campaign_sent span{ float:right; }

.e_campaign_sent span i{ width:28px; height:28px; background:#a2cd3a; border-radius:50%; display:block; padding:9px 0px; }

.e_campaign_sent span i img{ max-width:15px; margin:auto; display:block; }

.e_campaign_sent small{ float:left; font-size:13px; line-height:1.5em; color: #617283; font-weight: 500; padding-top:4px; letter-spacing:0.5px; }

.e_campaign_sent span i.redBg{ background:#fd3d50; }
.e_campaign_sent span i.redBg img{ max-width:11px; }


.e_member_content .searchSection_bar input, .e_dashboard_content .searchSection_bar input{ color:#617283; background:url(../images/search_icon.png) right center no-repeat; background-size: 28px; }


.searchSection_submit{ width:100%; padding:0px 0px 20px 0px; text-align:center; font-size: 0px; }


.searchSection_submit input, .searchSection_submit a{ display: inline-block; margin-right: 5px; font-size: 12px; line-height:1.5em; font-weight: 500; letter-spacing: 1px; color: #617283; padding:10px 20px; border-radius: 4px; border: solid 1px #a5adba; cursor:pointer; transition:all 0.3s ease-in-out; background:#f7f8f8; }

.searchSection_submit input:hover, .searchSection_submit a:hover{ border-color:#0a62a3; color:#0a62a3; }

.searchSection_submit input.blueBg, .searchSection_submit a.blueBg{ color: #fff !important; background: #113756 !important; }


.e_member_content .searchSection{ background:#f7f8f8; }
.advanse_search_main .ui-widget.ui-widget-content{ background:#f7f8f8 !important; border:0px none !important; width: 212px !important; }

.advanse_search_main .ui-state-active,
.advanse_search_main .ui-widget-content .ui-state-active,
.advanse_search_main .ui-widget-header .ui-state-active,
a.ui-button:active,
.advanse_search_main .ui-button:active,
.advanse_search_main .ui-button.ui-state-active:hover {
	border: 1px solid #f7f8f8  !important;
	background: none  !important;
	color: #0a62a3; border-radius:0px !important;
}


.advanse_search_main .mCSB_scrollTools .mCSB_draggerRail{ background:#e4e7ec !important; }
.advanse_search_main .cL_listing_table_row{ padding-left:20px; }
.advanse_search_main .profile_img{ border-radius:50%; }
.advanse_search_main .cL_listing_tableInn, .advanse_search_main .category_list_outer{ background:none; box-shadow:none; border:0px none; }
.advanse_search_main .listing_floating_row{ background:#e4e7ec; box-shadow:none; border:0px none; }

.dayMatrics .cmDashboard_columns ul li{ width:25%; }
.dayMatrics .column_dboard_widget2:hover{background-image:inherit; background:#fff;}

.members_dayMain{ width:100%; padding-bottom:0px; }

.members_dayInner{ width:100%; }

.members_dayInner ul{ font-size:0px; margin:0px -10px; }

.members_dayInner ul li{ display:inline-block; vertical-align:middle; font-size:14px; padding:0px 10px; }

.members_dayInner ul li a{ font-size: 12px; line-height:1.5em; letter-spacing: 1.7px; color: #617283; display:block; transition:all 0.3s ease-in-out; padding:5px 20px; border-radius: 17px;  background-color:transparent; text-transform:uppercase; }

.members_dayInner ul li a:hover, .members_dayInner ul li a.active{ color:#fff; border-radius: 17px;  background-color: #0a62a3; }

.nomember_bg{ background:#f7f8f8; }

.nomember_main{ width:100%; height:600px; padding:50px; }

.nomember_table{ width:100%; height:100%; display:table; table-layout:fixed; }

.nomember_tableCell{ width:100%; height:100%; display:table-cell; vertical-align:middle; }

.nomember_inner{ width:100%; }

.nomember_detail{ max-width:560px; margin:auto; text-align:center; }

.nomember_detail span{ max-width:84px; margin:auto; padding-bottom:30px; display:block; } 

.nomember_detail span img{ max-width:none; width:100%; height:auto; display:block; } 

.nomember_detail h1{ font-size:42px; line-height:1em; color: #1862a6; font-weight:300; padding-bottom:30px; } 

.nomember_detail p{ font-size:15px; line-height:1.6em; color: #617283; padding-bottom:30px; } 

.nomember_detail .backSave_buttons{ text-align:center; }

.nomember_detail .backSave_buttons ul li a{ width:250px; border:0px none; margin: auto; }

.nomember_auto{ max-width:1170px; margin:auto; }



.date_dropdown{ width:100%; position:absolute; left:0px; top:56px; z-index:1;  background-color: #ffffff; box-shadow: 0 0 9px 0 #a5adba; border:0px; padding:10px 10px 10px; border-radius:6px; display:none; }

.date_dropdownInner{ width:100%; }

.date_dropdownInner ul{ float:none !important; }

.date_dropdownInner ul li { padding:0px !important; margin-bottom:8px; float:none !important; width:100%; }

.grid_searching ul li .date_dropdownInner ul li a { width:auto; height:auto; display:block; line-height:34px; padding:0px 12px;font-size: 13px; color: #617283;   border-radius: 3px; background: #f7f8f8 !important; border:0px none; }

.grid_searching ul li .date_dropdownInner ul li a:hover, .grid_searching ul li .date_dropdownInner ul li a.active{ background: #a2cd3a !important; color:#fff !important;}

.date_dropdown:before { border-bottom: 10px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;content: "";display: inline-block;position: absolute;right: 15px;top: -9px; }

.custom_datePicker{ width:100%; }

.custom_datePicker input { height:34px; font-size: 13px; line-height:34px; color: #617283; width:100%; border-radius: 6px; background-color: #f7f8f8; padding:0px 15px 0px; }

.custom_datePickerOuter{ width:100%; padding:15px 0px; }

.custom_datePickerOuter label{ font-size: 13px; line-height:1.5em; color: #0a62a3; display:block; padding-bottom:10px; }

.e_datecalender{ width:100%; padding-bottom:20px; border-bottom:1px solid #efefef; }

.date_applyBtns{ width:100%; border-top:1px solid #efefef; padding-top:15px; }

.date_applyBtns ul{ font-size:0px; margin:0px -5px; float:none !important; }

.date_applyBtns ul li{ width:50%; display:inline-block; vertical-align:middle; font-size:14px; padding:0px 5px; }

.grid_searching ul li .date_applyBtns ul li a{ width:auto; height:auto;  font-size: 12px; line-height:1.5em; color: #ffffff; display:block; transition:all 0.3s ease-in-out; text-transform:uppercase; border:1px solid #0a62a3; background:#0a62a3 !important; border-radius:50px; text-align:center; padding:6px 10px; }

.grid_searching ul li .date_applyBtns ul li a.whitebg{ background: #fff !important; color:#0a62a3; }

/*************************start dashboard*************************/

.e_dashboardBg{ background:#e4e7ec; }

.e_dashboard_content{ padding:50px 0px; }

.e_dashboard_content .dayMatrics{ background:none; }

.dashboardcontainer{ max-width:1200px; margin:auto; padding:0px 15px; }

.e_dashboard_main{ width:100%; }

.e_dashboard_tarans{ width:100%; padding-bottom:30px; }

.e_dashboard_taransRow{ width:100%; padding-bottom:30px; }
.e_dashboard_taransRow .yearsDropdown{ float:left; }
.e_dashboard_taransRow .yearsDropdown .customDropDown_placeholder{ background:#fff; border-radius:0px; }

.e_dashboard_taransRight{ width:25%; float:left; padding:3px 0px 0px 20px; }

.e_dashboard_taransDate{ width:100%; }

.e_dashboard_taransDate h3{ font-size: 16px; line-height:1.5em; font-weight: 300; letter-spacing: 0.4px; color: #3e4b57; padding-left:40px; background:url(../images/dashboard_calenderIcon.png) no-repeat left center; background-size:20px auto; }

.e_dashboard_taransDate h3 span{ display:inline-block; vertical-align:middle; }
.e_dashboard_taransDate h3 span b{ font-weight:bold; letter-spacing: 0.5px; }

.e_dashboard_taransGraph{ width:100%; padding-bottom:20px; }

.e_dashboard_taransGraph img{ width:100%; display:block; }

.e_dashboard_taransList{ width:100%; }
.e_dashboard_taransList .check_performance_option ul{ font-size:0px; margin:0px -10px; }
.e_dashboard_taransList .check_performance_option ul li{ width:20%; display:inline-block; vertical-align:middle; font-size:14px; padding:0px 10px; border:0px none !important; }

.e_dashboard_taransList .control__indicator{ top:0px; border: solid 1px #a5adba !important; }

.control input:checked ~ .control__indicator{ border: solid 1px transparent !important; }


.e_column_dboard { width:100%; border-radius: 8px; background-color: #ffffff;  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); overflow:hidden; }

.e_column_dboard .cmDashboard_colHead:hover{ background:#0a62a3; }

.e_vidgetBtn2{ background:url(../images/plus_categoryIcon@2x.png) no-repeat; width:100%; height:20px; display:block; background-size:20px 20px;}

.e_column_dboard .column_dboard_widgetBttn2{ width:20px; top:20px; }   

.vidget_dropdown2.active .e_vidgetBtn2{ background:url(../images/minus@2x.png) no-repeat; background-size:20px 20px;}

.e_column_dboard .salveAmountGraph{ display:none; }

.totalTransIcon{ background:url(../images/totalTransIcon_1.png) left center no-repeat; background-size:28px;}
.memberCountIcon{ background:url(../images/search_total_mamber1.png) left center no-repeat; background-size:28px;}
.totalDiscIcon1{ background:url(../images/totalDiscIcon1.png) left center no-repeat; background-size:28px;}
.totalDiscIcon2{ background:url(../images/totalDiscIcon2.png) left center no-repeat; background-size:28px;}
.bascketValueIcon{ background:url(../images/search_total_mamber3.png) left center no-repeat; background-size:28px;}

.e_dashboardcolumns_main .cmDashboard_columns ul li{ padding-bottom:30px; }

.e_dboard_campaign{ width:100%; }
.e_dboard_campaign .cmDashboard_columns{ padding:0px; }
.e_dashboardcolumns_main .cmDashboard_columns{ padding-bottom:0px; }

.e_dboard_totalPoints{ width:100%; position:relative; }
.e_dboard_totalPoints:before{ content:""; width:1px; height:100%; background:#d2d6dd; position:absolute; left:50%; top:0px; }

.e_dboard_totalPoints_left{ width:50%; float:left; padding-right:20px; }
.e_dboard_totalPoints_right{ width:50%; float:right; padding-left:20px; }

.e_dboard_points{ width:100%; padding:20px 0px 30px; }

.totalPoints_detail{ width:100%; display:table; table-layout:fixed; }

.totalPoints_detail_left{ width:70px; display:table-cell; vertical-align:middle; }

.totalPoints_detail_img{ width:100%; }

.totalPoints_detail_img span{ max-width:32px; display:block; }
.totalPoints_detail_img span img{ max-width:none; width:100%; height:auto; display:block; }

.totalPoints_detail_img a{ width:50px; height:50px; border-radius:50%; overflow:hidden; border: solid 1px #d2d6dd; display:block; }
.totalPoints_detail_img a img{ width:100%; height:100%; display:block; }

.totalPoints_detail_right{ width:auto; display:table-cell; vertical-align:middle; }

.totalPoints_detail_text strong{ font-size: 24px; line-height:1.5em; font-weight: 500; color: #003a5d; display:block; }
.totalPoints_detail_text span{ font-size: 12px; line-height:1.5em; text-transform:uppercase; letter-spacing: 1.7px; color: #617283; display:block; font-weight: bold; }

.progreesgreen{ background:#c6db01; width:80%; }
.oval_green_midium{ width: 10px;  height: 10px;  background-color: #c6db01; }

.e_dboard_points_progress .customer_matrics_lists ul{ margin:0px; }
.e_dboard_points_progress .customer_matrics_lists ul li{ padding:0px; }

.brownList{ border-left: 4px solid #e0b70c !important; }
.darkbrownList{ border-left: 4px solid #cf7d00 !important; }
.grayList{ border-left: 4px solid #a5adba !important; }

.width_50{ width:50% !important; }

.e_genderSplit_main{ width:100%; padding-bottom:30px; }
.e_genderSplit_main .e_dboard_totalPoints:before{ display:none; }
.e_genderSplit_main .totalPoints_detail_left{ width:50px; }

.ageGenderSplit_main{ width:100%; }

.ageGenderSplit{ width:100%; }

.e_genderSplit{ width:100%; padding:20px 20px 0px; }

.gender_lits_detail{ width:100%; padding:0px 20px 30px; text-align:center; font-size:0px;}

.gender_lits_detail ul li { width:33.33%; display:inline-block;}


.gender_lits_info{ width:100%; text-align:center; position:relative;}

.gender_lits_info span { display:inline-block; width:72px; position:relative; margin-bottom:25px; }
.gender_lits_info span b { position:absolute; left:0px; bottom:0px;transition:all 0.4s ease; }

.gender_lits_info strong {font-size: 48px; font-weight: 300;  color: #d2d6dd; text-align:center; display:block;}
.gender_lits_info small { font-size: 12px; color: #a5adba; }

.gender_lits_info:before{ background:url(../images/ovalShape@2x.png) bottom center no-repeat; height:22px; content:""; width:72px; position:absolute; left:50%; margin-left:-36px; bottom:86px;  background-size:72px 22px; }


.maleGender span { background:url(../images/male_pic@2x.png) top center no-repeat; background-size:39px 99px; height:99px; vertical-align:top; }
.maleGender span b { background:url(../images/male_picActive@2x.png) bottom center no-repeat; background-size:39px 99px; height:65%; width:72px;}

.maleGender strong {color: #0a62a3;}

.femaleGender span { background:url(../images/female_pic@2x.png) top center no-repeat; background-size:46px 102px; height:102px; }
.femaleGender span b { background:url(../images/female_picActive@2x.png) bottom center no-repeat; background-size:46px 102px; height:38%; width:72px;}

.femaleGender strong {color: #617283;}


.otherGender span { background:url(../images/other_pic@2x.png) top center no-repeat; background-size:41px 100px; height:100px; }
.otherGender span b { background:url(../images/other_picActive@2x.png) bottom center no-repeat; background-size:41px 100px; height:0%; width:72px;}


.e_postalCode_area{ width:100%; padding-bottom:30px; }

.e_postalCode_area .cL_listing_table_row{ padding:0px !important; }

.e_postalCode_area .cL_listing_tableTitle .cL_listing_table_row{ padding:10px 0px !important; }

.e_postalCode_area .matrics_cell_1{ width:3%; }

.e_postalCode_area .listDataShowing .cL_listing_table_cell{ padding:10px 5px; }
.productCell_4 img { display:inline-block; width:11px; vertical-align:middle; margin-right:10px;}

.e_dboard_whiteBox{ width:100%; background:#fff; border-radius:10px; }
.e_dboard_whiteBox .category_list_outer{ border-radius:0px 0px 10px 10px; overflow: hidden; }

.columnHeading_right{ width:50%; float:right; }
.columnHeading_right .selectCompaign{ width:50%; float:right; }
.e_postalCode_area .columnHeading label, .e_staffSales_main .columnHeading label{ float:left; padding-top:10px; text-transform:uppercase; }

.e_staffSales_main{ padding-bottom:30px; }

.e_staffSales_main .profile_img{ height:38px; border-radius:50%; }

.e_staffSales_main .customer_matrics_listing_inner{ border-radius:10px; overflow:hidden; }

.e_dashboard_content .searchSection, .e_member_content .searchSection{ background:none; }

.dashboard_link { background:url(../images/dashboardLink_icon.png) left top 3px no-repeat; background-size:25px; padding-left:30px !important; }
.campaign_link{ background:url(../images/e_segment_link.png) left top no-repeat; background-size:25px; padding-left:30px !important; }
.venue_link{ background:url(../images/venue_linkicon.png) left top no-repeat; background-size:16px; padding-left:20px !important; }
.myNews_link{ background:url(../images/myNews_linkicon.png) left top no-repeat; background-size:20px; padding-left:20px !important; }
.charities_link{ background:url(../images/charity_linkicon.png) left top no-repeat; background-size:20px; padding-left:20px !important; }
.recipe_link{ background:url(../images/recipe_linkicon.png) left top no-repeat; background-size:20px; padding-left:20px !important; }
.help_link{ background:url(../images/help_linkicon.png) left top no-repeat; background-size:18px; padding-left:20px !important; }

.navBar ul li{ padding: 21px 28px 0px !important; }

.e_badges_disabled{ cursor:default; }
.e_badges_disabled img{  -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.7; }

/*************************end dashboard*************************/

/*************************end jd style*************************/


.react-autosuggest__suggestions-container{
    /*width:212px !important; position: absolute !important; background:#f7f8f8; z-index: 1;*/
    padding-top: 20px; }

.react-autosuggest__suggestions-container--open{ display: block !important; }

.react-autosuggest__suggestions-container span{ font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 700; line-height: 1.5em; display: block; color: #617283; cursor: pointer; padding:0px 0px 5px 0px; transition: all 0.3s ease; }

.react-autosuggest__suggestions-container span:hover{ color:#0a62a3; }

.advance_search_div {
    display: none;
}
.records_per_page {
    float: left;
    margin-top: 8px;
    font-weight: 500;
    color: #617283;
    width: 11%;
}
.drop > li{
    width: 100% !important;
}














*{box-sizing:border-box;}
*{margin:0px;padding:0px;  }
ul li{list-style:none;}
a{text-decoration:none;  }
.clr{clear:both;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none;}
input, textarea, select, button{ border:0px none; background:none; outline:none;   -webkit-appearance: none;font-family: 'Roboto', sans-serif; }
img{ outline:none; max-width:100%; height:auto; border:0px none; display:block; -ms-interpolation-mode: bicubic;}
h1, h2, h3, h4, h5, h6, strong, b{ font-weight:normal; margin:0px;}
input[type='submit']{  border-radius:0px; -webkit-appearance:none; appearance:none; outline:none; }
textarea{ resize:none; overflow:auto; }
:focus{ outline:none;}
.clearfix:after{content:""; display:block; clear:both; height:0px; visibility:hidden;}
.clearfix{ display:block; zoom:1; }
body{width:100%;  font-size:12px;position:relative;height:100%; font-family: 'Roboto', sans-serif;font-weight:400;}
html { width:100%;  position:relative;   }
label, p, ul { margin:0px;}
a:hover { text-decoration:none;}




.wrapper { width:100%; height:100%; position:relative;}

.dashboardHeader { width:100%;position:relative; z-index:2;}



.cmDashboard_columns{ width:100%; padding:30px 0px;}

.cmDashboard_columns ul { margin:0px -15px; font-size:0px;}
.cmDashboard_columns ul li { display:inline-block; vertical-align:top;padding:0px 15px; width:50%;}
.dayMatrics_inner { position:relative;padding:28px 0px 66px; width:100%; max-width:1040px; margin:auto }

.column_dboard_widget2 { width:100%;   border-radius: 8px; background-color: #ffffff;  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); border: solid 1px #e4e7ec;  min-height: 202px;}

.column_dboard_widgetDetail2 { width:100%; }

.columnHeading{position:relative; width:100%; padding:12px 20px 11px; border-bottom:1px solid #f5f5f5;}

.e_dashboard_content .columnHeading{position:relative; width:100%; padding:24px 20px 24px; border-bottom:1px solid #f5f5f5;}

.columnHeading label { font-size: 12px; font-weight: 700; letter-spacing: 1.7px; color: #617283;   display:block; }

.cell7_set { width: 100% !important;}





.searchSectionSett { position: relative;    padding-bottom: 30px;  margin-bottom: 20px;}

.searchSectionSett .searchSection_submit { position: absolute; top:150px;}


























/*************************start jd style*************************/

.e_member_content{ width:100%;
    /*background:#f7f8f8; */
}
.e_member_content .containerSection{ background:#f7f8f8; }

.e_member_content .dayMatrics{ background:#e4e7ec; }
.e_member_content .tabs_bttn ul li a.selectTb{ background:#f7f8f8; }

.e_member_user{ width:100%; padding-bottom:60px; }

.e_member_content .edit_category_img span{ width:118px; height:118px; border:6px solid #fff; border-radius:50%; overflow:hidden; margin:auto; }
.e_member_content .edit_category_img span img{ width:100%; height:100%; display:block; }

.e_member_userName{ width:100%; text-align:center; padding-bottom:15px; position:relative; }
.e_member_userName:before{ content:""; width:38px; height:3px; background:#0a62a3; position:absolute; left:50%; bottom:0px; margin-left:-19px; }

.e_member_userName a{ font-size: 20px; line-height:1.5em; color: #0a62a3; display:block; transition:all 0.3s ease-in-out; font-weight: 300; padding-bottom:5px; }

.e_member_userName a:hover{ color:#00c1de; }

.e_member_userName span{ font-size:12px; line-height:1.5em; color: #617283; display:block; font-weight: 500; }

.e_userinfo_icon{ background:url(../../../assets/images/e_user_info.png) 3px 20px no-repeat; background-size:18px;}
.e_segnemt_icon{ background:url(../../../assets/images/e_segment_link.png) 3px 20px no-repeat; background-size:22px;}
.e_transaction_icon{ background:url(../../../assets/images/e_transactions.png) 3px 20px no-repeat; background-size:18px;}
.e_loyalty_icon{ background:url(../../../assets/images/e_loyalty_icon.png) 3px 20px no-repeat; background-size:18px;}
.e_campaigns_icon{ background:url(../../../assets/images/e_campaigns_icon.png) 3px 20px no-repeat; background-size:12px;}

.e_member_main .left_navBar ul li.navActive a.e_userinfo_icon{ background:url(../../../assets/images/e_user_info2.png) 3px 20px no-repeat; background-size:18px;}
.e_member_main .left_navBar ul li.navActive a.e_segnemt_icon{ background:url(../../../assets/images/e_segment_link2.png) 3px 20px no-repeat; background-size:22px;}
.e_member_main .left_navBar ul li.navActive a.e_transaction_icon{ background:url(../../../assets/images/e_transactions2.png) 3px 20px no-repeat; background-size:18px;}
.e_member_main .left_navBar ul li.navActive a.e_loyalty_icon{ background:url(../../../assets/images/e_loyalty_icon2.png) 3px 20px no-repeat; background-size:18px;}
.e_member_main .left_navBar ul li.navActive a.e_campaigns_icon{ background:url(../../../assets/images/e_campaigns_icon2.png) 3px 20px no-repeat; background-size:12px;}

.e_member_main .left_navBar ul li ul{ padding:0px 0px 0px 30px; display:block; }
.e_member_main .left_navBar ul li ul li{ border-bottom: 1px solid #e4e7ec; padding-bottom:0px; }
.e_member_main .left_navBar ul li ul li:last-child{ border-bottom:0px; }
.e_member_main .left_navBar ul li ul li a{ text-transform:capitalize; padding:0px; background:none; }
.e_member_main .left_navBar ul li ul li.navActive a span{ color: #0a62a3;  border-color:#0a62a3; }
.e_member_main .left_navBar ul li ul li a span{ font-size:12px; border-bottom:3px solid transparent;   padding:20px 20px 16px 0px; display:inline-block;transition:all 0.4s ease-in-out; }
.e_member_main .left_navBar ul li ul li a:hover span{ color: #0a62a3; border-color:#0a62a3; }


.e_member_main{ width:100%; }

.e_member_left{ width:180px; float:left; }

.e_member_main .edit_category_leftBar{ width:100%; float:none; }
.e_member_main .left_navBar ul li a small{ border-bottom: 3px solid transparent; }
.e_member_main .left_navBar ul li a:hover small { color:#0a62a3; border-bottom:3px solid #0a62a3;}
.e_member_main .left_navBar ul li.navActive a small { color:#0a62a3; border-bottom:3px solid #0a62a3;}

.e_member_right{ width:calc(100% - 180px); float:right; padding-left:30px; }

.e_member_main .addCategoryRight_section{ width:100%; float:none; }


.e_memberInfo_heading{ width:100%; padding:15px 0px 35px; }

.e_memberInfo_heading h5{ font-size: 14px; line-height:1.5em; font-weight: 500; color: #0a62a3; }
.e_member_main .customPlaceholder{ background:#fff; }
.e_member_main .customPlaceholder input{ font-size:14px; color: #617283; font-weight:400; }
.e_member_main .numberPlaceholder{ background-color:#fff; }

.e_member_main .addCategory_formSection{ border-bottom: 1px solid #d2d6dd; padding-bottom:12px; margin-bottom:20px; }
.e_member_main .addCategory_formSection:last-child{ border-bottom:0px none; }

/*.e_member_main .addCategory_formSubSection{ border-bottom: 1px solid #d2d6dd;}*/
/*.e_member_main .addCategory_formSubSection:last-child{ border-bottom:0px none; }*/

.e_member_main .spaceAdd{ padding-top:0px !important; padding-bottom:28px !important; }

.e_member_printBtns{ width:100%; }

.e_member_printBtns ul{ font-size:0px; margin:0px -10px; float:right; }

.e_member_printBtns ul li{ display:inline-block; vertical-align:middle; font-size:14px; padding:0px 10px; }

.e_member_printBtns ul li a{ width:170px; height:40px; font-size: 12px; line-height:40px; font-weight: 500; letter-spacing:1px; color: #617283; display:block; transition:all 0.3s ease-in-out; padding:0px 20px 0px 70px; border-radius: 4px; border: solid 1px #a5adba; text-transform:uppercase; background:url(../images/thin_printer@2x.png) no-repeat 40px center; background-size:20px auto; background-color: #f7f8f8; }

.e_member_printBtns ul li a:hover{ border-color:#0a62a3; color:#0a62a3; }

.e_member_printBtns ul li input{ width:170px; height:40px; font-size: 12px; line-height:40px; font-weight: 500; letter-spacing:1px; color: #617283; display:block; transition:all 0.3s ease-in-out; padding:0px 20px 0px 70px; border-radius: 4px; border: solid 1px #a5adba; text-transform:uppercase; background:url(../images/send_paper@2x.png) no-repeat 40px center; background-size:20px auto; background-color: #f7f8f8; text-align: left; cursor:pointer; }

.e_member_printBtns ul li input:hover{ border-color:#0a62a3; color:#0a62a3; }

.map_place{ overflow:hidden; }


.e_segment_accordion_out{ width:100%; }

.e_segment_accordion_row{ width:100%; margin-bottom:22px; border-radius: 6px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); border: solid 1px #e4e7ec; background-color: #ffffff; overflow:hidden; }

.e_segment_accordionTitle{ width:100%; padding:15px 25px; transition:all 0.3s ease-in-out; cursor:pointer; border-bottom:1px solid #fff;  }
.e_segment_accordionTitle .transection_list_title{ float:none; width:100%; }
.e_segment_accordionTitle .transection_list_title label{ text-transform:uppercase; cursor:pointer; }

.e_segment_accordionTitle.active{ border-color: #e4e7ec; }
.e_segment_accordionTitle.active .plusButton{transform: rotate(45deg) !important; background:url(../images/plus_categoryIcon@2x.png) no-repeat;background-size: 20px;}

.e_segment_accordion_show{ width:100%; display:none; }

.e_segmentdemographic{ width:100%; padding:30px; }

.e_segmentdemographic .cmDashboard_columns{ padding:0px; }
.e_segmentdemographic .cmDashboard_columns ul li{ width:50%; padding-bottom:20px; }

.segment_gender_header{ width:100%; padding:20px; border-top: solid 1px #e4e7ec; border-bottom: solid 1px #e4e7ec; background-color: #f7f8f8; }
.blueBg{ background-color:#0a62a3 !important; }

.segment_gender_left{ width:75%; float:left; }

.segment_gender_right{ width:50%; float:right; text-align:right; }

.segment_gender_left h4{ font-size: 28px; line-height:1.6em; font-weight: 500; color: #ffffff; padding-left:40px;}

.female_gender_display {
    background:url(../assets/images/gender_white_female.png) no-repeat left center;
    background-size:20px auto;
}
.male_gender_display {
    background:url(../assets/images/male_pic@2x.png) no-repeat left top;
    background-size:20px auto;
}
.other_gender_display {
    background:url(../assets/images/other_pic@2x.png) no-repeat left top;
    background-size:20px auto;
}
.segment_gender_right h4{ font-size: 23px; line-height:1.5em; font-weight: 300; color: #617283; }
.segment_gender_right h4 b{ font-weight:bold; display:inline-block; }

.segment_gender_right span{ font-size:12px; line-height:1.5em; font-weight: bold; color: #617283; display:block;  letter-spacing: 1.7px; }

.segment_gender_header.blueBg .segment_gender_right h4, .segment_gender_header.blueBg .segment_gender_right span{ color:#fff; }
.segment_gender_header.blueBg{ border-bottom:0px; }

.segment_gender_left h1{ font-size: 38px; line-height:1em; font-weight: 500; color: #0a62a3; padding-top:7px; }
.segment_gender_left h1 span{ font-size:12px; line-height:1.2em; font-weight: bold; color: #617283; letter-spacing: 1.7px; display:inline-block; padding-left:10px; }

.e_segmentdemographic .column_dboard_widget2{ min-height:inherit; overflow:hidden; }

.segment_gender_header.darkBlueBg.blueBg{ background:#003a5d !important; }
.segment_gender_header.blueBg .segment_state_right span{ color:#fff; }

.segment_state_main{ width:100%; display:table; table-layout:fixed; }

.segment_state_left{ width:55px; display:table-cell; vertical-align:middle; }
.segment_state_right{ width:auto; display:table-cell; vertical-align:middle; padding-left:15px; }

.segment_state_right span{ font-size:20px; line-height:1.2em; font-weight: 500; color: #617283; display:block; text-transform:uppercase; }

.e_membership_main{ width:100%; }

.e_membership_listing{ width:100%; }

.e_membership_listing ul li{ width:100%; border-bottom:1px solid #e4e7ec; padding-bottom:0px; }
.e_membership_listing ul li:nth-child(2n){ background:#f7f8f8; }
.e_membership_listing ul li:last-child{ border-bottom:0px none; }

.e_membership{ width:100%; display:table; table-layout:fixed; }

.e_membership_left{ width:25%; display:table-cell; vertical-align:middle; border-right:1px solid #e4e7ec; padding:10px 15px; }
.e_membership_mid{ width:auto; display:table-cell; vertical-align:middle; border-right:1px solid #e4e7ec; padding:10px 0px; }
.e_membership_right{ width:25%; display:table-cell; vertical-align:middle; padding:10px 15px; }

.e_membership_text{ width:100%; }

.e_membership_text span{ font-size: 12px; line-height:1.5em; letter-spacing: 1px; color: #a5adba; display:block; }
.e_membership_text strong{ font-size: 14px; line-height:1.5em; letter-spacing: 1px; color: #617283; font-weight:bold; display:block; }

.e_membership_right .e_membership_text{ text-align:right; }
.e_membership_right .e_membership_text strong{ font-size:18px; font-weight:500; }

.e_membership_progress{ width:100%; padding-right:0px; }
.e_membership_progress span{ font-size: 18px; line-height:1.5em; letter-spacing: 1px; color: #617283; font-weight:bold; display:block; position:absolute; right:-50px; top:-9px; }

.e_membership_progress{ height:8px; position:relative; }
.progressGreen{ background:#a2cd3a; }
.progressBlue{ background:#0a62a3; }
.progressSky{ background:#00c1de; }
.progressDarkblue{ background:#003a5d; }

.progressWidth_80{ width:80%; }
.progressWidth_50{ width:50%; }
.progressWidth_40{ width:40%; }
.progressWidth_30{ width:20%; }
.progressWidth_20{ width:40%; }
.progressWidth_15{ width:15%; }
.width_100{ width:100% !important; }




.e_transactions_main{ width:100%; }

.e_transactions_box{ width:100%; border-radius: 6px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); border: solid 1px #e4e7ec; background-color: #ffffff; padding:20px; }

.e_transactions_box .e_transactions_box{ padding:0px; }

.e_transactions_inner{ width:100%; }

.e_transactions_graphOut{ width:100%; padding:20px; }

.e_transactions_graphOut h5{ font-size:12px; line-height:1.5em; font-weight:bold; color: #617283; letter-spacing: 1.7px; }

.e_transactions_detail{ width:100%; }

.e_transactions_detail{ width:100% }

.e_transactions_detail .totalRevenue_val{ padding-left:50px; position:relative; }

.cashCardPass_transection ul li{ padding-bottom:0px; }

.e_transactions_detail .totalRevenue_val figure{ display:block; position:absolute; left:0px; top:50%; margin-top:-8px; }
.e_transactions_detail .totalRevenue_val figure img{ display:block; max-width:30px; width:100%; height:auto; }
.e_transactions_detail .totalRevenue_head{ border-top: solid 1px #e4e7ec; }
.e_transactions_detail .cashCardPass_transection ul li:last-child{ border-bottom:0px; }

.e_transactionsValue_list .column_dboard_widget2{ min-height:inherit; overflow:hidden; }
.segment_gender_header.greenBg.blueBg{ background:#a2cd3a !important; }

.e_transactionsValue_list .segment_state_left{ width:30px; }
.e_transactionsValue_list .segment_state_right span{ font-size:30px; color:#003a5d; }
.e_transactionsValue_list .segment_gender_header{ border-bottom:0px; }
.e_transactionsValue_list .cmDashboard_columns{ padding-bottom:10px; }
.e_transactionsValue_list .hide_points_levels{ padding-bottom:30px!important; }
.e_transactionsValue_list .hide_points_levels{ padding-top:0px!important; }

.e_transactions_icon{ width:100%; }
.e_transactions_icon span{ max-width:25px; display:block; }
.e_transactions_icon span img{ max-width:none; display:block; height:auto; width:100%; }


.e_transaction_list{ width:100%; padding-top:30px; }
.e_transaction_list .grid_searching ul li{ padding-bottom:0px; }
.e_transaction_list .cL_listing_tableInn ul li{ padding-bottom:0px; }
.e_transaction_list .expand_button{ width:14%; }
.e_transaction_list .fieldIncremnt{ width:10%; }
.e_transaction_list .grid_searching ul li a{ width:52px; background-color:#fff !important; opacity:1; }

.grid_searching ul li a.e_transactionPayment_1{ background:url(../../../assets/images/combined-shape@2x.png) no-repeat center center; background-size:25px auto; }
.grid_searching ul li a.e_transactionPayment_2{ background:url(../.././assets/images/card_light_icon@2x.png) no-repeat center center; background-size:25px auto; }
.grid_searching ul li a.e_transactionPayment_3{ background:url(../../../assets/images/master_pass_icon@2x.png) no-repeat center center; background-size:25px auto; }

.e_transaction_list .searching_li{ width:242px; margin-left:20px; }
.e_transaction_list .searchInput{ width:100%; }


.e_transaction_accordion{ width:100%; }

.e_transaction_accordionShow{ width:100%; border:2px solid #0a62a3; background:#fff; display:none; }

.e_transaction_detial{ width:100%; padding:30px; }

.e_transaction_top{ width:100%; padding-bottom:30px; }

.e_authorisation{ width:100%; }

.e_authorisation_left{ width:50%; float:left; }

.e_authorisation_right{ width:50%; float:right; padding-left:20px; }

.e_authorisation_list{ width:100%; }

.e_authorisation_list ul li{ width:100%; border-bottom:1px solid #e4e7ec; background:#fff; }
.e_authorisation_list ul li:last-child{ border-bottom:0px none; }

.e_authorisation_inner{ width:100%; padding:10px 0px; }

.e_authorisation_listLeft{ width:60%; float:left; }

.e_authorisation_listRight{ width:40%; float:right; }

.e_authorisation_text{ width:100%; }

.e_authorisation_text span{ font-size: 13px; line-height:1.5em; color: #a5adba; display:block; padding-bottom:5px; }
.e_authorisation_text strong{ font-size: 13px; line-height:1.5em; color: #617283; font-weight:500; display:block; }
.e_authorisation_text h1{ font-size: 36px; line-height:1em; color: #0a62a3; font-weight:300; display:block; }

.e_authorisation_text figure{ font-size:0px; display:block; }
.e_authorisation_text figure i{ display:inline-block; vertical-align:middle; }
.e_authorisation_text figure i img{ display:block; max-width:30px; width:100%; height:auto; }
.e_authorisation_text figure strong{ display:inline-block; vertical-align:middle; padding-left:10px; }

.e_authorisation_box{ width:100%; border:7px solid #e4e7ec; border-radius:6px; padding:20px 20px 10px; }

.e_refunded{ width:100%; }

.e_refunded_heading{ width:100%; padding-bottom:15px; margin-bottom:20px; border-bottom: 1px solid #e4e7ec; }

.e_refunded_heading h5{ font-size: 14px;line-height: 1.5em;font-weight: 500;color: #0a62a3; text-transform:uppercase; }

.e_transaction_list .trans_listing .cL_listing_tableInn ul li .cL_listing_table_row{ padding:20px 20px 20px 45px; }

.e_refunded_table .cL_listing_tableTitle{ background:#fff; }
.e_refunded_table .cL_listing_tableTitle .cL_listing_table_row{ padding: 14px 20px 14px 45px !important; }

.e_transaction_accordionTitle{ width:100%; cursor:pointer; transition:all 0.3s ease; }
.e_transaction_accordionTitle.active{ background:#0a62a3; }
.e_transaction_accordionTitle.active .cL_rowList_number{ color:#fff; }

.e_transaction_bottom{ widows:100%; }

.e_transection_progressOut { width:65%; float:left; padding:19px 0px 15px;}

.status_next_progressOut{ width:100%; padding-bottom:20px; }

.statusNext_progress{ width:100%; height:8px; background:#d2d6dd; border-radius:4px; position:relative; }

.statusNext_progressInner{ width:60%; height:100%; background:#003a5d; position:absolute; left:0px; top:0px; border-radius:4px; }

.statusNext_text{ width:100%; }

.statusNext_text p{ font-size: 16px;line-height: 1.5em; font-weight: bold; letter-spacing: 0.8px; color: #0a62a3; }

.statusNext_main .segment_gender_right{ padding:18px 20px 20px; }
.statusNext_main .segment_gender_right h4{ font-size: 16px;line-height: 1.5em; font-weight: bold; letter-spacing: 2.3px; color: #003a5d; }
.statusNext_main .columnHeading{ border-bottom:0px none; }

.cL_listing_table_cell.cell8{ width:40%; }
.cell8 .cL_rowList_number { max-width:300px; }

.e_transaction_accordionTitle.active .cl_tableRow_editDotes i, .e_transaction_accordionTitle.active .cl_tableRow_editDotes i:after, .e_transaction_accordionTitle.active .cl_tableRow_editDotes i:before{ background:#fff; }


.e_transaction_accordion .cl_rowEdit_popOut{ width:24%; right: -24%; }
.cL_listing_tableInn ul li.active_editMod .e_transaction_accordion .cL_listing_table_row{ margin-left:-24%; }
.cL_listing_tableInn ul li.active_editMod .e_transaction_accordion .cl_rowEdit_popOut{ right:0px; }

.e_all_trans_heading{ width:100%; padding:0px 0px 20px; }

.e_all_trans_heading h4{ font-size: 14px;line-height: 1.5em; font-weight: 500; text-transform:uppercase; color: #0a62a3; }


.e_gamification_main{ width:100%; }

.e_gamification_left{ width:30%; float:left; }

.e_gamification_main .cmDashboard_columns ul{ margin:0px; }
.e_gamification_main .cmDashboard_columns ul li{ width:100%; padding:0px 0px 20px; display:block; }
.e_gamification_main .cmDashboard_columns ul li:last-child{ padding:0px 0px 0px; }
.e_gamification_main .cmDashboard_columns{ padding:0px; }

.e_gamification_right{ width:70%; float:right; padding-left:18px; }

.e_gamification_main .segment_gender_header.greenBg .segment_state_right span{ color: #003a5d !important; }

.baadgeIcon_size{ max-width:18px; }


.e_badges_box{ width:100%; padding:20px 0px 20px 20px; border-radius:4px; background-color: #f7f8f8; }

.e_badges_row{ width:100%; padding-bottom:15px; min-height: 100px; }

.e_badges_inner{ width:100%; }

.e_badges_heading{ width:100%; padding-bottom:10px; }
.e_badges_heading h4{ font-size: 12px;line-height: 1.5em; font-weight: bold; text-transform:uppercase; color: #617283; letter-spacing: 1.7px; }

.e_badges_detail{ width:100%; padding: 10px 0px; }

.e_badges_detail a{ width:88px; height:88px; margin:auto; display:block; padding:5px; background:#fff;  border-radius: 14px; box-shadow: 0 0 6px 0 #a5adba; }

.e_badges_detail a span{ width:100%; height:100%; margin:auto; display:table; table-layout:fixed; padding:5px; background:#f5f8f9; border-radius: 14px; }

.e_badges_detail a span i{ display:table-cell; vertical-align:middle; }
.e_badges_detail a span i img{ max-width:50px; max-height:60px; width:100%; display:block; margin:auto; }

.e_badges_sliderOut{ width:100%; padding-left:55px; }

.e_badges_sliderOut .slick-list{ padding:0px 75px 0px 0px !important; }


.e_badges_sliderOut{ position:relative; }

.e_badges_sliderOut .slick-prev.slick-arrow{ display:none !important; }

.e_badges_sliderOut .slick-next.slick-arrow, .booking_service_slider .slick-prev.slick-arrow{ width:38px; height:38px; position: absolute; left:-52px; top:50%; cursor: pointer; font-size:0px; margin-top:-19px; background:url(../images/accordianRight_aero.png) no-repeat center center; background-size:20px auto; transform:rotate(180deg); border-radius: 4px; border: solid 1px #d2d6dd; background-color: #ffffff; }


.width_33{ width:33.33% !important; }
.width_25{ width:24.33% !important; }
.e_gamification_content .e_authorisation_left{ width:60%; }
.e_gamification_content .e_authorisation_right{ width:40%; }

.badges_right_image{ width:100%; }

.badges_right_image span{ max-width:156px; margin:auto; display:block; }
.badges_right_image span img{ max-width:none; width:100%; height:auto; display:block; }


.stampCards_main_content .e_transactions_detail .totalRevenue_val{ padding-left:30px; }
.stampCards_main_content .e_transactions_detail .totalRevenue_val figure{ top:12px; }
.stampCards_main_content .e_transactions_detail .totalRevenue_val figure img{ max-width: 20px; }

.totalStamp_text{ font-size: 12px; line-height:1.5em; color: #a5adba; display:block }

.greenList{ border-left:4px solid #a2cd3a !important; }

.stampStar_mid{ width: 55%; float: left; border-right: 1px solid #e4e7ec; padding:8px 20px; }

.stampStar_list{ width:100%; overflow: auto;}
.stampStar_list ul{ font-size:0px; margin:0px 0px; white-space: nowrap; }

.stampStar_list ul li{ display:inline-block; vertical-align:middle; font-size:14px; padding:0px 5px; border:0px none; }







.stampStar_icon{ width: 100%; }

.stampStar_icon span{ margin:auto; display:block;  padding:3px 3px 7px; }


.stampStar_icon span {

    display: inline-block;
    position: relative;
    width: 20px;
    border-radius: 0% 0% 60% 60% / 0% 0% 80% 80%;

}
/*.stampStar_icon span:before {*/
/*border-bottom: 8px solid red;*/
/*border-left: 10px solid transparent;*/
/*border-right: 10px solid transparent;*/
/*content: "";*/
/*height: 0;*/
/*left: 0;*/
/*position: absolute;*/
/*transform: rotate(180deg);*/
/*bottom: -8px;*/
/*width: 0;*/
/*}*/


.stampStar_icon span i { color: #fff; display: block;    font-size: 14px;}

.redRate { background: red}
.blueRate { background: #00c1de }
.greyRate { background: #ccc}
.darkblueRate { background: #0a62a3}
.greenRate { background: #a2cd3a}





.stampCards_main_content .e_authorisation_left{ width:40%; }
.stampCards_main_content .e_authorisation_right{ width:60%; }

.e_serviceStamp_main{ width:100%; }

.e_serviceStamp_left{ width:50%; float:left; padding:0px 0px; }

.e_serviceStamp_right{ width:50%; float:left; padding:0px 0px; }

.stampCard_boxOut{ width:100%; padding:10px 10px; }

.stampCard_box{ width:100%; background-color: #f7f8f8; border-radius:10px; overflow:hidden; position:relative; box-shadow: 0 0 5px 0 rgba(51, 59, 69, 0.15); }

.stampCard_click{ width:100%; height:100%; position:absolute; top:0px; left:0px; }

.stampCard_header{ width:100%; padding:10px; background:#00adef; font-size:0px; }

.greenbg{ background:#52b848 !important; }
.whitebg{ background:#fff !important; }
.redbg{ background:#ee1939 !important; }
.bluebg{ background:#004698 !important; }
.redcolor{ color:#ee1939 !important; }

.stampCard_header h5{ font-size:16px; line-height:1.5em; color:#fff; text-transform:uppercase; letter-spacing: 0.5px; display:inline-block; }

.stampCard_header span{ font-size:16px; line-height:1.5em; color:#fff; letter-spacing: 0.5px; display:inline-block; float:right; }

.stampCard_content{ width:100%; }

.stampCard_image{ width:100%; position:relative; }

.stampCard_image i{ display:block; }
.stampCard_image i img{ width:100%; display:block; }

.stampCard_text{ width:100%; padding:10px; }

.stampCard_text p{ font-size:16px; line-height:1.3em; color:#617283; letter-spacing: 0.5px; }


.stampCard_numerics{ width:100%; padding:14px; background:#fff; }

.stampCard_numerics ul{ font-size:0px; text-align:center; }

.stampCard_numerics ul li{ width:33.33%; display:inline-block; vertical-align:middle; font-size:14px; padding:0px 5px 15px !important; background:none; }

.stampCard_numerics ul li a{ width:44px; height:44px; line-height:44px; text-align:center; display:block; border:1px solid #a5adba; border-radius:50%; transition:all 0.3s ease-in-out; margin:auto; }
.stampCard_numerics ul li a span{ display:block; font-size: 18px; color: #00457c; }

.stampCard_numerics ul li a.not_visible{ background:url(../images/stamp_notvisible.png) no-repeat center center; background-size:20px auto; background-color:#fff; }

.stampCard_numerics ul li a.not_visible span{ font-size:0px !important; }
.stampCard_numerics ul li a.active{ background:url(../images/stamp_whitefoot.png) no-repeat center center; background-size:20px auto; background-color:#00457c; border-color:#00457c; }
.stampCard_numerics ul li a.active span{ font-size:0px; }

.activeRedeemed.completeRedeemed{ background-color: #fd3d50; }
.completed_voucher {width: 8px; height: 8px;  background-color: red; display:inline-block; vertical-align:middle; border-radius:50%; margin-right:12px;}

.e_points_content .e_authorisation_left{ width:40%; }
.e_points_content .e_authorisation_right{ width:60%; }

.discount_voucher_main .stampCard_header span{ font-size: 23px; color:#ee1939; }
.discount_voucher_main .stampCard_header span small{ font-size: 17px; line-height: 1.5em; font-weight:300; color: #617283; letter-spacing: 0.5px; display:block; }
.discount_voucher_main .stampCard_header h5{ font-size: 25px; color: #00457c; padding-top:8px; }

.discount_voucher{ width:100%; padding:10px; background:#fff; }

.discount_voucherInner{ width:100%; background:url(../images/disc_voucher_bg.png) no-repeat top center; background-size:cover; padding:30px 20px; border-radius:10px; }

.discount_voucherText{ max-width:50%; }

.discount_voucherText h1{ font-size:0px; }

.discount_voucherText h1 b{ font-size: 129px; line-height:.9em; letter-spacing: -5.1px; color: #ee1939; display:inline-block; vertical-align:top; }
.discount_voucherText h1 span{ font-size: 66px; line-height:1em; letter-spacing: -2.6px; color: #ee1939; display:inline-block; vertical-align:top; }
.discount_voucherText h1 span small{ font-size: 46px; line-height:1em; letter-spacing: -1.8px; color: #ee1939; display: block;}

.discount_voucherText p{ font-size:18px; line-height:1em; color: #fff; display: block; padding-top:10px; }


.breakdown_main{ width:100%; }

.breakdown_main{ width:100%; }

.breakdown_main ul{ font-size:0px; margin:0px -10px; }

.breakdown_main ul li{ width:20%; display:inline-block; vertical-align:middle; font-size:14px; padding:0px 10px; border-left:1px solid #d2d6dd; }
.breakdown_main ul li:first-child{ border-left:0px none; }

.breakdown_inner{ width:100%; }

.breakdown_circle{ width:100%; }

.breakdown_circle img{ max-width:100px; margin:auto; }

.breakdown_text{ width:100%; padding-top:10px; }

.breakdown_text span{font-size:12px; line-height:1.5em; color: #617283; font-weight:bold; letter-spacing: 1.7px; display: block; text-align:center }

.e_campaignMobile_img{ width:100%; }

.e_campaignMobile_img span{ max-width:232px; margin:auto; display:block; }
.e_campaignMobile_img span img{ max-width:none; width:100%; height:auto; display:block; }



.e_authorisation_listLeft .e_campaign_sent{ width:50%; }
.e_authorisation_listRight .e_campaign_sent{ width:100%; }

.e_campaign_sent span{ float:right; }

.e_campaign_sent span i{ width:28px; height:28px; background:#a2cd3a; border-radius:50%; display:block; padding:9px 0px; }

.e_campaign_sent span i img{ max-width:15px; margin:auto; display:block; }

.e_campaign_sent small{ float:left; font-size:13px; line-height:1.5em; color: #617283; font-weight: 500; padding-top:4px; letter-spacing:0.5px; }

.e_campaign_sent span i.redBg{ background:#fd3d50; }
.e_campaign_sent span i.redBg img{ max-width:11px; }


.e_member_content .searchSection_bar input, .e_dashboard_content .searchSection_bar input{ color:#617283; background:url(../images/search_icon.png) right center no-repeat; background-size: 28px; }


.searchSection_submit{ width:100%; padding:0px 0px 20px 0px; text-align:center; font-size: 0px; }


.searchSection_submit input, .searchSection_submit a{ display: inline-block; margin-right: 5px; font-size: 12px; line-height:1.5em; font-weight: 500; letter-spacing: 1px; color: #617283; padding:10px 20px; border-radius: 4px; border: solid 1px #a5adba; cursor:pointer; transition:all 0.3s ease-in-out; background:#f7f8f8; }

.searchSection_submit input:hover, .searchSection_submit a:hover{ border-color:#0a62a3; color:#0a62a3; }

.searchSection_submit input.blueBg, .searchSection_submit a.blueBg{ color: #fff !important; background: #113756 !important; }


.e_member_content .searchSection{ background:#f7f8f8; }
.advanse_search_main .ui-widget.ui-widget-content{ background:#f7f8f8 !important; border:0px none !important; width: 212px !important; }

.advanse_search_main .ui-state-active,
.advanse_search_main .ui-widget-content .ui-state-active,
.advanse_search_main .ui-widget-header .ui-state-active,
a.ui-button:active,
.advanse_search_main .ui-button:active,
.advanse_search_main .ui-button.ui-state-active:hover {
    border: 1px solid #f7f8f8  !important;
    background: none  !important;
    color: #0a62a3; border-radius:0px !important;
}


.advanse_search_main .mCSB_scrollTools .mCSB_draggerRail{ background:#e4e7ec !important; }
.advanse_search_main .cL_listing_table_row{ padding-left:20px; }
.advanse_search_main .profile_img{ border-radius:50%; }
.advanse_search_main .cL_listing_tableInn, .advanse_search_main .category_list_outer{ background:none; box-shadow:none; border:0px none; }
.advanse_search_main .listing_floating_row{ background:#e4e7ec; box-shadow:none; border:0px none; }

.dayMatrics .cmDashboard_columns ul li{ width:25%; }
.dayMatrics .column_dboard_widget2:hover{background-image:inherit; background:#fff;}

.members_dayMain{ width:100%; padding-bottom:0px; }

.members_dayInner{ width:100%; }

.members_dayInner ul{ font-size:0px; margin:0px -10px; }

.members_dayInner ul li{ display:inline-block; vertical-align:middle; font-size:14px; padding:0px 10px; }

.members_dayInner ul li a{ font-size: 12px; line-height:1.5em; letter-spacing: 1.7px; color: #617283; display:block; transition:all 0.3s ease-in-out; padding:5px 20px; border-radius: 17px;  background-color:transparent; text-transform:uppercase; }

.members_dayInner ul li a:hover, .members_dayInner ul li a.active{ color:#fff; border-radius: 17px;  background-color: #0a62a3; }

.nomember_bg{ background:#f7f8f8; }

.nomember_main{ width:100%; height:600px; padding:50px; }

.nomember_table{ width:100%; height:100%; display:table; table-layout:fixed; }

.nomember_tableCell{ width:100%; height:100%; display:table-cell; vertical-align:middle; }

.nomember_inner{ width:100%; }

.nomember_detail{ max-width:560px; margin:auto; text-align:center; }

.nomember_detail span{ max-width:84px; margin:auto; padding-bottom:30px; display:block; }

.nomember_detail span img{ max-width:none; width:100%; height:auto; display:block; }

.nomember_detail h1{ font-size:42px; line-height:1em; color: #1862a6; font-weight:300; padding-bottom:30px; }

.nomember_detail p{ font-size:15px; line-height:1.6em; color: #617283; padding-bottom:30px; }

.nomember_detail .backSave_buttons{ text-align:center; }

.nomember_detail .backSave_buttons ul li a{ width:250px; border:0px none; margin: auto; }

.nomember_auto{ max-width:1170px; margin:auto; }



.date_dropdown{ width:100%; position:absolute; left:0px; top:56px; z-index:1;  background-color: #ffffff; box-shadow: 0 0 9px 0 #a5adba; border:0px; padding:10px 10px 10px; border-radius:6px; display:none; }

.date_dropdownInner{ width:100%; }

.date_dropdownInner ul{ float:none !important; }

.date_dropdownInner ul li { padding:0px !important; margin-bottom:8px; float:none !important; width:100%; }

.grid_searching ul li .date_dropdownInner ul li a { width:auto; height:auto; display:block; line-height:34px; padding:0px 12px;font-size: 13px; color: #617283;   border-radius: 3px; background: #f7f8f8 !important; border:0px none; }

.grid_searching ul li .date_dropdownInner ul li a:hover, .grid_searching ul li .date_dropdownInner ul li a.active{ background: #a2cd3a !important; color:#fff !important;}

.date_dropdown:before { border-bottom: 10px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;content: "";display: inline-block;position: absolute;right: 15px;top: -9px; }

.custom_datePicker{ width:100%; }

.custom_datePicker input { height:34px; font-size: 13px; line-height:34px; color: #617283; width:100%; border-radius: 6px; background-color: #f7f8f8; padding:0px 15px 0px; }

.custom_datePickerOuter{ width:100%; padding:15px 0px; }

.custom_datePickerOuter label{ font-size: 13px; line-height:1.5em; color: #0a62a3; display:block; padding-bottom:10px; }

.e_datecalender{ width:100%; padding-bottom:20px; border-bottom:1px solid #efefef; }

.date_applyBtns{ width:100%; border-top:1px solid #efefef; padding-top:15px; }

.date_applyBtns ul{ font-size:0px; margin:0px -5px; float:none !important; }

.date_applyBtns ul li{ width:50%; display:inline-block; vertical-align:middle; font-size:14px; padding:0px 5px; }

.grid_searching ul li .date_applyBtns ul li a{ width:auto; height:auto;  font-size: 12px; line-height:1.5em; color: #ffffff; display:block; transition:all 0.3s ease-in-out; text-transform:uppercase; border:1px solid #0a62a3; background:#0a62a3 !important; border-radius:50px; text-align:center; padding:6px 10px; }

.grid_searching ul li .date_applyBtns ul li a.whitebg{ background: #fff !important; color:#0a62a3; }

/*************************start dashboard*************************/

.e_dashboardBg{ background:#e4e7ec; }

.e_dashboard_content{ padding:50px 0px; }

.e_dashboard_content .dayMatrics{ background:none; }

.dashboardcontainer{ max-width:1200px; margin:auto; padding:0px 15px; }

.e_dashboard_main{ width:100%; }

.e_dashboard_tarans{ width:100%; padding-bottom:30px; }

.e_dashboard_taransRow{ width:100%; padding-bottom:30px; }
.e_dashboard_taransRow .yearsDropdown{ float:left; }
.e_dashboard_taransRow .yearsDropdown .customDropDown_placeholder{ background:#fff; border-radius:0px; }

.e_dashboard_taransRight{ width:25%; float:left; padding:3px 0px 0px 20px; }

.e_dashboard_taransDate{ width:100%; }

.e_dashboard_taransDate h3{ font-size: 16px; line-height:1.5em; font-weight: 300; letter-spacing: 0.4px; color: #3e4b57; padding-left:40px; background:url(../images/dashboard_calenderIcon.png) no-repeat left center; background-size:20px auto; }

.e_dashboard_taransDate h3 span{ display:inline-block; vertical-align:middle; }
.e_dashboard_taransDate h3 span b{ font-weight:bold; letter-spacing: 0.5px; }

.e_dashboard_taransGraph{ width:100%; padding-bottom:20px; }

.e_dashboard_taransGraph img{ width:100%; display:block; }

.e_dashboard_taransList{ width:100%; }
.e_dashboard_taransList .check_performance_option ul{ font-size:0px; margin:0px -10px; }
.e_dashboard_taransList .check_performance_option ul li{ width:20%; display:inline-block; vertical-align:middle; font-size:14px; padding:0px 10px; border:0px none !important; }

.e_dashboard_taransList .control__indicator{ top:0px; border: solid 1px #a5adba !important; }

.control input:checked ~ .control__indicator{ border: solid 1px transparent !important; }


.e_column_dboard { width:100%; border-radius: 8px; background-color: #ffffff;  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); overflow:hidden; }

.e_column_dboard .cmDashboard_colHead:hover{ background:#0a62a3; }

.cmDashboard_colHead label {
    padding-left: 40px;
}

.e_vidgetBtn2{ background:url(../images/plus_categoryIcon@2x.png) no-repeat; width:100%; height:20px; display:block; background-size:20px 20px;}

.e_column_dboard .column_dboard_widgetBttn2{ width:20px; top:20px; }

.vidget_dropdown2.active .e_vidgetBtn2{ background:url(../images/minus@2x.png) no-repeat; background-size:20px 20px;}

.e_column_dboard .salveAmountGraph{ display:none; }

.totalTransIcon{ background:url(../images/totalTransIcon_1.png) left center no-repeat; background-size:28px;}
.memberCountIcon{ background:url(../images/search_total_mamber1.png) left center no-repeat; background-size:28px;}
.totalDiscIcon1{ background:url(../images/totalDiscIcon1.png) left center no-repeat; background-size:28px;}
.totalDiscIcon2{ background:url(../images/totalDiscIcon2.png) left center no-repeat; background-size:28px;}
.bascketValueIcon{ background:url(../images/search_total_mamber3.png) left center no-repeat; background-size:28px;}
.voucherIcon{ background:url(../images/points_voucher_icon1.png) left center no-repeat; background-size:28px;}

.e_dashboardcolumns_main .cmDashboard_columns ul li{ padding-bottom:30px; }

.e_dboard_campaign{ width:100%; }
.e_dboard_campaign .cmDashboard_columns{ padding:0px; }
.e_dashboardcolumns_main .cmDashboard_columns{ padding-bottom:0px; }

.e_dboard_totalPoints{ width:100%; position:relative; }
.e_dboard_totalPoints:before{ content:""; width:1px; height:100%; background:#d2d6dd; position:absolute; left:50%; top:0px; }

.e_dboard_totalPoints_left{ width:50%; float:left; padding-right:20px; }
.e_dboard_totalPoints_right{ width:50%; float:right; padding-left:20px; }

.e_dboard_points{ width:100%; padding:20px 0px 30px; }

.totalPoints_detail{ width:100%; display:table; table-layout:fixed; }

.totalPoints_detail_left{ width:70px; display:table-cell; vertical-align:middle; }

.totalPoints_detail_img{ width:100%; }

.totalPoints_detail_img span{ max-width:32px; display:block; }
.totalPoints_detail_img span img{ max-width:none; width:100%; height:auto; display:block; }

.totalPoints_detail_img a{ width:50px; height:50px; border-radius:50%; overflow:hidden; border: solid 1px #d2d6dd; display:block; }
.totalPoints_detail_img a img{ width:100%; height:100%; display:block; }

.totalPoints_detail_right{ width:auto; display:table-cell; vertical-align:middle; }

.totalPoints_detail_text strong{ font-size: 24px; line-height:1.5em; font-weight: 500; color: #003a5d; display:block; }
.totalPoints_detail_text span{ font-size: 12px; line-height:1.5em; text-transform:uppercase; letter-spacing: 1.7px; color: #617283; display:block; font-weight: bold; }

.progreesgreen{ background:#c6db01; width:80%; }
.oval_green_midium{ width: 10px;  height: 10px;  background-color: #c6db01; }

.e_dboard_points_progress .customer_matrics_lists ul{ margin:0px; }
.e_dboard_points_progress .customer_matrics_lists ul li{ padding:0px; }

.brownList{ border-left: 4px solid #e0b70c !important; }
.darkbrownList{ border-left: 4px solid #cf7d00 !important; }
.grayList{ border-left: 4px solid #a5adba !important; }

.width_50{ width:50% !important; }

.e_genderSplit_main{ width:100%; padding-bottom:30px; }
.e_genderSplit_main .e_dboard_totalPoints:before{ display:none; }
.e_genderSplit_main .totalPoints_detail_left{ width:50px; }

.ageGenderSplit_main{ width:100%; }

.ageGenderSplit{ width:100%; }

.e_genderSplit{ width:100%; padding:20px 20px 0px; }

.gender_lits_detail{ width:100%; padding:0px 20px 30px; text-align:center; font-size:0px;}

.gender_lits_detail ul li { width:33.33%; display:inline-block;}


.gender_lits_info{ width:100%; text-align:center; position:relative;}

.gender_lits_info span { display:inline-block; width:72px; position:relative; margin-bottom:25px; }
.gender_lits_info span b { position:absolute; left:0px; bottom:0px;transition:all 0.4s ease; }

.gender_lits_info strong {font-size: 48px; font-weight: 300;  color: #d2d6dd; text-align:center; display:block;}
.gender_lits_info small { font-size: 12px; color: #a5adba; }

.gender_lits_info:before{ background:url(../images/ovalShape@2x.png) bottom center no-repeat; height:22px; content:""; width:72px; position:absolute; left:50%; margin-left:-36px; bottom:86px;  background-size:72px 22px; }


.maleGender span { background:url(../images/male_pic@2x.png) top center no-repeat; background-size:39px 99px; height:99px; vertical-align:top; }
.maleGender span b { background:url(../images/male_picActive@2x.png) bottom center no-repeat; background-size:39px 99px; height:65%; width:72px;}

.maleGender strong {color: #0a62a3;}

.femaleGender span { background:url(../images/female_pic@2x.png) top center no-repeat; background-size:46px 102px; height:102px; }
.femaleGender span b { background:url(../images/female_picActive@2x.png) bottom center no-repeat; background-size:46px 102px; height:38%; width:72px;}

.femaleGender strong {color: #00C1DE;}

.otherGender strong {color: #003A5D;}

.otherGender span { background:url(../images/other_pic@2x.png) top center no-repeat; background-size:41px 100px; height:100px; }
.otherGender span b { background:url(../images/other_picActive@2x.png) bottom center no-repeat; background-size:41px 100px; height:0%; width:72px;}


.e_postalCode_area{ width:100%; padding-bottom:30px; }

.e_postalCode_area .cL_listing_table_row{ padding:0px !important; }

.e_postalCode_area .cL_listing_tableTitle .cL_listing_table_row{ padding:10px 0px !important; }

.e_postalCode_area .matrics_cell_1{ width:3%; }

.e_postalCode_area .listDataShowing .cL_listing_table_cell{ padding:10px 5px; }
.productCell_4 img { display:inline-block; width:11px; vertical-align:middle; margin-right:10px;}

.e_dboard_whiteBox{ width:100%; background:#fff; border-radius:10px; }
.e_dboard_whiteBox .category_list_outer{ border-radius:0px 0px 10px 10px; overflow: hidden; }

.columnHeading_right{ width:50%; float:right; }
.columnHeading_right .selectCompaign{ width:50%; float:right; }
.e_postalCode_area .columnHeading label, .e_staffSales_main .columnHeading label{ float:left; padding-top:10px; text-transform:uppercase; }

.e_staffSales_main{ padding-bottom:30px; }

.e_staffSales_main .profile_img{ height:38px; border-radius:50%; }

.e_staffSales_main .customer_matrics_listing_inner{ border-radius:10px; overflow:hidden; }

.e_dashboard_content .searchSection, .e_member_content .searchSection{ background:none; }

.dashboard_link { background:url(../images/dashboardLink_icon.png) left top 3px no-repeat; background-size:25px; padding-left:30px !important; }
.campaign_link{ background:url(../images/e_segment_link.png) left top no-repeat; background-size:25px; padding-left:30px !important; }
.venue_link{ background:url(../images/venue_linkicon.png) left top no-repeat; background-size:16px; padding-left:20px !important; }
.myNews_link{ background:url(../images/myNews_linkicon.png) left top no-repeat; background-size:20px; padding-left:20px !important; }
.charities_link{ background:url(../images/charity_linkicon.png) left top no-repeat; background-size:20px; padding-left:20px !important; }
.recipe_link{ background:url(../images/recipe_linkicon.png) left top no-repeat; background-size:20px; padding-left:20px !important; }
.help_link{ background:url(../images/help_linkicon.png) left top no-repeat; background-size:18px; padding-left:20px !important; }

.navBar ul li{ padding: 21px 28px 0px !important; }

.e_badges_disabled{ cursor:default; }
.e_badges_disabled img{  -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.7; }

/*************************end dashboard*************************/

/*************************end jd style*************************/


.react-autosuggest__suggestions-container{
    /*width:212px !important; position: absolute !important; background:#f7f8f8; z-index: 1;*/
    padding-top: 0px !important; padding-left: 10px; }

.react-autosuggest__suggestions-container--open{ display: block !important; }

.react-autosuggest__suggestions-container span{ font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 500; line-height: 1.5em; display: block; color: #617283; cursor: pointer; padding:0px 0px 6px 0px; transition: all 0.3s ease; }

.react-autosuggest__suggestions-container span:hover{ color:#0a62a3; }

.advance_search_div {
    display: none;
}
.records_per_page {
    float: left;
    margin-top: 8px;
    font-weight: 500;
    color: #617283;
    width: 11%;
}

.labelSearch {padding-left: 10px; font-style: italic; padding-top: 20px; padding-bottom: 15px;font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 500; line-height: 1.5em; display: block; color: #a5adba;}


.searchSection_bar { z-index: 22}




.container_outer { padding-top: 40px;}

.outer_space {
    padding-top: 0px;
}
.cell7_set {
    width : 100% !important;
}

.place_holder_setting input { display: inline-block;}

.merchant_button .cl_rowEdit_popOut_tableRow_cell a strong{
    font-size: 11px;
}
.longText .cL_listing_table_cell.cell3 {
    width :13%
}

.campLstng_paginaton_inn ul li {
    padding-bottom: 0px !important;
}

.cell_span {
    display: table-cell !important;
}
.date_range_changes {
    width: 25%;
    position: relative;
}

.date_range_changes ul{
    position: absolute;
    right: 306px;
    top: 50px;
    z-index: 2;
}
.filter_btns ul li a {
    width: 130px;
    padding: 0px 20px;
    text-align: center;
    background-image: none !important;
}


.CircularProgressbar  {
    width: 50% !important;
    margin: auto;
    display: block;
}

.CircularProgressbar .CircularProgressbar-path {
    stroke: #0a62a3 !important;
}
.CircularProgressbar .CircularProgressbar-text {
    fill: #617283 !important;
    font-weight: bold !important;
}
.addCategory_popup {
    z-index: 26;
}

/*wasim*/
.cursor_style{
    cursor: pointer;
}

.dashboard_calender_btns ul li{
    width: 50%;
}

.dateInputAdjust{
    padding-top: 3px;
}

.salveAmountGraphs{
    padding: 30px 30px 30px 18px;;
}

.e_transactionsValue_list .segment_state_right .voucherTxt{
    font-size:22px!important;
}

/*azeem maindashboard gender chart*/
/*.chartColumn2 .averageSale_amountinfo:first-child { width: 50%; float: left;}
.chartColumn2 .averageSale_amountinfo:last-child { width: 50%; float: right;}*/
.chartColumn2 .averageSale_amountinfo:first-child .highcharts-container{ width: 100% !important; height: 345px !important }
.chartColumn2 .averageSale_amountinfo:last-child .highcharts-container{ width: 100% !important; height: 345px !important}
.chartColumn2 .segment_gender_header { width: 100%;padding: 0px;}

/*azeem charity listing*/
.clEdit_fix .cL_rowList_number { padding-left: 25px !important; max-width: 150px;}
.cell6_image{width: 60%!important;}

.e_transactions_graph_outer {
    width: 100%;
}
.e_transactions_graph_head {
    padding-top: 20px;
    width: 100%;
    padding-bottom: 25px;
}
.e_transactions_graph_left {
    width: 48%;
    float: left;
}
.e_transactions_graph_right {
    width: 48%;
    float: right;
    padding-top: 10px;
}
.e_transactions_graph_right ul {
    font-size: 0;
}
.e_transactions_graph_right ul li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding-right: 10px;
    padding-bottom: 15px;
}
.stamp_bar {
    width: 100%;
}
.stamp_bar span {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #687989;

}
.stamp_bar span b {
    display: inline-block;
    vertical-align: middle;
    background-color: #00c1de;
    margin-right: 10px;
    width: 41px;
    height: 4px;

}
.stamp_bar span small {
    width: calc(100% - 55px);
    display: block;
    float: right;
    word-break: break-word;
    font-size: 14px;
    font-weight: bold;

}
.revenue_stamp figure {
    margin-top: -20px !important;
}
.e_transactions_graph {
    width: 100%;  display: table; table-layout: fixed;
}

.e_graph_cell { display: table-cell; vertical-align: bottom;}

.e_graph_cell ul li { padding-bottom: 0px;}






.e_transactions_graphOuter{height: 280px;width:100%; overflow:auto}


.e_transactions_graph { width:100%; height:100%; display:table; table-layout:fixed;}

.e_cell_graph { display:table-cell; vertical-align:bottom; text-align:center;height:100%; position:relative;}

.e_cell_graph_inner { width:100%; }

.e_cell_graph_inner ul li { padding-bottom:10px !important;}

.e_cell_graph_inner ul li span { position:relative; z-index:1 ;}

.e_cell_graph_inner ul li:last-child { padding-bottom:0px !important;}


.e_cell_graph_inner::after {content:""; display: block; width: 1px; height: 100%; position:absolute; left:50%; margin-left:-.5px; top:0px; background:#e4e7ec;}

.cell_counter { background:#fff; padding-top:30px; position:relative; z-index:3;}

.cell_counter small { display:block; font-size:14px; padding: 0px 5px;}

.capital_text {
    text-transform: capitalize;
}
.completed_campaign {
    width: 8px;
    height: 8px;
    background-color: red;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 12px;
}

.newList{    width: 20%;
    float: left;
}


.date_range_changes .searchInput {    width: 100%;
    border: 1px solid #ccc !important;
    background: #fff !important;}


.memberTable_cells_product_listing .cL_listing_table_cell.cell1{ width:5%; }
.memberTable_cells_product_listing .cL_listing_table_cell.cell2{ width:30%; }
.memberTable_cells_product_listing .cL_listing_table_cell.cell3{ width:15%; }
.memberTable_cells_product_listing .cL_listing_table_cell.cell4{ width:15%; }
.memberTable_cells_product_listing .cL_listing_table_cell.cell5{ width:15%; }
.memberTable_cells_product_listing .cL_listing_table_cell.cell6{ width:11%; }
.memberTable_cells_product_listing .cL_listing_table_cell.cell7{ width:16%; }

.gender_lits_detail ul li.adjustUnknown { width:25%!important;}

.grid_searching ul li a.card_filter {
    background-color: #0a62a3 !important;
}



.e_member_content .changeStyle .cL_rowList_number { padding-left: 0px;}

.searchMember_table  .changeStyle  .cL_listing_table_cell small{ padding-left: 0px;}


.changeStyle  { padding: 18px 20px 18px 45px !important;}

.insightCamp_weightOut{ width:100%; text-align:center; padding-top:10px; }

.insightCamp_weightOut ul li{ width:19%; display:inline-block; zoom:1; vertical-align: top; }

.insightCamp_weightInn{ width:100%; }

.insightCamp_weightInn em{ font-size:12px; line-height:26px; color:#2c3c46; display:block; border-radius:2px; position:relative; transition:all 0.4s ease;    }

.insightCamp_weightInn em:after{ content:"";  width: 0; height: 0;  border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; position:absolute; left:50%; margin-left:-10px; bottom:-6px; transition:all 0.4s ease;}

.insightCamp_weightOut ul li.active .insightCamp_weightInn em{ color:#fff;  background:#616d74; }
.insightCamp_weightOut ul li.active .insightCamp_weightInn em:after{ border-top-color:#616d74; }

.insightCamp_weightInn label{ position: relative; width:100%; display:block; background:#2c3c46; height:9px; margin-top:18px; cursor:pointer;}
.insightCamp_weightInn label input {    -webkit-appearance: radio; position: absolute; left: 0px; top: 0px; width: 100%;  height: 100%; opacity: 0;}

.insightCamp_weightOut ul li:first-child .insightCamp_weightInn label{ padding-left:12px; border-radius:16px 0px 0px 16px; }
.insightCamp_weightOut ul li:last-child .insightCamp_weightInn label{ padding-right:12px; border-radius:0px 16px 16px 0px;}

.insightCamp_weightOut ul li:first-child .insightCamp_weightInn label{  border-radius:16px 0px 0px 16px; opacity:0.20; background:#006bcf;  }
.insightCamp_weightOut ul li:nth-child(2) .insightCamp_weightInn label{ opacity:0.40;  background:#006bcf; }
.insightCamp_weightOut ul li:nth-child(3) .insightCamp_weightInn label{ opacity:0.60;  background:#006bcf; }
.insightCamp_weightOut ul li:nth-child(4) .insightCamp_weightInn label{ opacity:0.80;  }
.insightCamp_weightOut ul li:last-child .insightCamp_weightInn label{  border-radius:0px 16px 16px 0px; opacity:1;  }
.insightCamp_weightInn label{height: 30px;}
.insightCamp_weightInn input[type="radio"] {
    cursor: pointer;
}


.pop_up_check p input {
    -webkit-appearance: checkbox;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

/*timepicker display*/
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{font-size: 14px !important;}

.outComesPopup  { position: fixed;}
.outComesPopup .cL_rowList_number { padding-left: 0px !important;}




.memberTable_cells_setting.memberTable_cells_settingFixes .cL_listing_table_cell.cell1{ width:25% !important; }
.memberTable_cells_setting.memberTable_cells_settingFixes .cL_listing_table_cell.cell2{ width:55% !important; }


.three_box.active_editMod .cl_rowEdit_popOut {
    width: 22%;
}
.three_box.active_editMod .cL_listing_table_row {
    margin-left: -22% !important;
}

.three_box .cl_rowEdit_popOut_tableRow_cell a strong {font-size: 10px !important;}

.three_box .cl_rowEdit_popOut_tableRow_cell a i {  min-height: 22px;}




.setting_file span {position: relative;}
.setting_file input {    width: 100%;
    height: 100%;
    position: absolute;
    font-size: 0px;
    cursor: pointer;    opacity: 0;}



.settingMember h5 { width: 30%; float: left;}

.settingMember .memberBtn { width: 30%; float: right;}

.settingMember .memberBtn h4 { display: inline-block; vertical-align: middle; padding-right: 20px;    font-size: 12px;
    font-weight: 500;
    color: #617283;}

.settingMember .switch { display: inline-block; vertical-align: middle;}

.settingMember .switch-toggle { width: 17px;  height: 18px;    box-shadow: none !important; }



.place_holder_setting input {
    display: inline-block;
    border: 0px !important;
    margin: 0px !important;
    border-right: 1px solid #ccc !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    height: 44px !important;

    font-size: 16px !important;
    color: #617283 !important;
    font-weight: 400 !important;


}


.place_holder_setting input:last-child {
    border: 0px !important;
}

.input_plugin input {
    width: 7.14% !important
}
.e_member_main .numberPlaceholder { overflow: hidden;}

.add_member {
    text-align: right;
    padding-right: 5%;

}
.add_member input , .add_member a {
    background: #a2cd3a;
    border: 1px solid #a2cd3a ;
    color: white;

}

.add_member input:hover , .add_member a:hover {
    background: #a2cd3a !important;
    border: 1px solid #a2cd3a !important ;
    color: white !important;
}
.trigger_amount {
    width: 100%;

}
.trigger_amount label {
    display: inline-block;
    padding-right: 20px;
    font-size: 14px;
    color: #617283;
    padding-top: 10px;
}
.trigger_amount .segmentInput {
    display: inline-block;
    width: 244px;
}
.trigger_amount p {
    font-size: 12px;
    line-height: 1.5;
    color: #617283;
}






.answersSetting {    padding: 20px 15px;}

.answersSetting ul { width: 80%;}

.answersSetting ul li  label {
    font-size: 14px;
    font-weight: 500;
    color: #003a5d;
    text-transform: uppercase; padding-bottom: 10px; display: block;
}

.answersSetting ul li  {padding-bottom: 20px;}


.answModifcation { position: relative; font-size: 0px; padding-bottom: 20px;}

.answModifcation h4 {
    font-size: 14px;
    color: #617283;
    padding-bottom: 10px;
    position: relative; display:block;;
    vertical-align: middle; width: 10%;
}

.answModifcation .segmentInput { width: 70%;display: inline-block;;
    vertical-align: middle;}


.answModifcation .iconDeleted {display: inline-block;;
    vertical-align: middle ; margin-left: 15px; height: 24px; font-size: 0px; background:url(../../../assets/images/iconDeleted.png)  no-repeat; background-size:24px; width: 24px; cursor: pointer;}


.moreAnsw {
    transition: all 0.4s ease-in-out;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    padding: 6px 20px;
    display: block;
    background: #006bcf;
    border-radius: 16px !important;
    cursor: pointer;
    text-align: center; cursor: pointer;
    border: 0px;
}

.answModifcation .segmentInput textarea {
    height: 70px;
}



.setHeadCol .cell3 {
    width: 15% !important;}




.popup_heading h3 {
    padding: 10px 15px;}



.popupDiv2Setting{    width: 800px;
    position: absolute;
    left: 50%;
    margin-left: -400px;
    top: 8%;}

.handleDownload .cl_rowEdit_popOut_tableRow_cell {
    width: 61px;
}



.svd_commercial_container{
    display: none;
}

.svd_commercial_container{
    display: none;
}


.add_member {
    text-align: right;
    padding-right: 5%;

}
.add_member input , .add_member a {
    background: #a2cd3a;
    border: 1px solid #a2cd3a ;
    color: white;

}

.add_member input:hover , .add_member a:hover {
    background: #a2cd3a !important;
    border: 1px solid #a2cd3a !important ;
    color: white !important;
}

.place_holder_setting input {
    display: inline-block;
    border: 0px !important;
    margin: 0px !important;
    border-right: 1px solid #ccc !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    height: 44px !important;

    font-size: 16px !important;
    color: #617283 !important;
    font-weight: 400 !important;


}


.place_holder_setting input:last-child {
    border: 0px !important;
}

.input_plugin input {
    width: 7.14% !important
}
.e_member_main .numberPlaceholder { overflow: hidden;}

.settingMember .switch { display: inline-block; vertical-align: middle;}

.settingMember .switch-toggle { width: 17px;  height: 18px;    box-shadow: none !important; }

.settingMember .memberBtn h4 { display: inline-block; vertical-align: middle; padding-right: 20px;    font-size: 12px;
    font-weight: 500;
    color: #617283;}

.settingMember .memberBtn { width: 30%; float: right;}
.settingMember h5 { width: 30%; float: left;}


.setting_file span {position: relative;}
.setting_file input {    width: 100%;
    height: 100%;
    position: absolute;
    font-size: 0px;
    cursor: pointer;    opacity: 0;}

.three_box.active_editMod .cl_rowEdit_popOut {
    width: 22%;
}
.three_box.active_editMod .cL_listing_table_row {
    margin-left: -22% !important;
}


.three_box .cl_rowEdit_popOut_tableRow_cell a strong {font-size: 10px !important;}

.three_box .cl_rowEdit_popOut_tableRow_cell a i {  min-height: 22px;}

.segment_gender_header.blueBg .segment_state_right span {
    min-height: 36px;
}
.game_badges .e_badges_row {
    min-height: 132px;
}
.game_badges .e_badges_row:last-child {
    min-height: 88px;
}
.bar_p {
    padding-right: 60px;
}
.e_membership_progress span{
    right: -68px;
}
.seg_r span {
    width: 0;
}
.member_stats {
    text-align: center;
}
.voucher_grey_scale {
    width: 100%;
    position: relative;
}
.voucher_grey_scale.active::after {
     content: '';
     width: 100%;
     height: 100%;
     background: #a9a9a9;
     position: absolute;
     left: 0px;
     top: 0px;
     opacity: 0.9;
    display: block;
 }
.voucher_grey_scale.active::before {
    content: 'REDEEMED';
    font-size: 40px;
    color: red;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 2;
    text-align: center;
    font-weight: 500;
    margin-top: -24px;
    display: block;
}
.voucher_grey_scale::before, .voucher_grey_scale::after {
    display: none;
}
.line_item:hover{
    color: #0095ff;
}

/*no data found*/
/******start data not found style******/

.data_notFound_main{ width:100%; height:100vh; }

.data_notFound_main .nomember_auto{ padding:0px 15px; }
.data_notFound_main .newVualt_detail_outer{ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); padding:0px 0px 50px; }
.data_notFound_detail{ width:100%; padding:30px 0px 30px; }
.data_notFound_main .columnHeading{ border-bottom:0px; }

.data_notFound_data{ max-width:500px; margin:auto; padding:0px 15px; text-align:center; }

.data_notFound_data span{ display:block; }
.data_notFound_data span img{ max-width:170px; margin:auto; display:block; }

.data_notFound_data strong{ font-size: 20px; line-height:1.5em; font-weight: 500; color: #003a5d; display:block; padding-bottom:5px; }

.data_notFound_data p{ font-size: 12px; line-height:1.5em; font-weight: 700; color: #a5adba; }

/******end data not found style******/


.eng_members_info{ width:100%; }

.eng_members_info ul{ display:flex; }

.eng_members_info ul li{ width:33.33%; padding:0px 5px 0px !important; border-left: solid 1px #d2d6dd; }
.eng_members_info ul li:first-child{ border-left:0px; }

.eng_members_info_detail{ width:100%; text-align:center; }

.eng_members_info_detail strong{ font-size: 28px; line-height:1em; font-weight: 500; color: #003a5d; display:block; float:none; padding:0px 0px 5px 0px; }

.eng_members_info_detail i{ display:inline-block; padding-right:5px; }
.eng_members_info_detail i img{ display:block; max-width:25px; }

.eng_members_info_detail span{ font-size: 12px; line-height:1.5em; font-weight: 500; color: #617283; display:block; letter-spacing: 1.7px; }

.cmDashboard_colHead:hover .eng_members_info_detail span{ color:#fff; }

.eng_members_info strong {
    font-size: 24px !important;
}
.cmDashboard_pad {
    padding: 20px 15px;
}
.dayMatrics .e_htmlValue_list .cmDashboard_columns ul li { width: 25%;}

.dayMatrics_inner { max-width: 1200px !important;}

.e_htmlValue_list .column_dboard_widget2 { min-height: inherit;overflow: hidden;}

.e_htmlValue_list .segment_gender_header {border-bottom: 0px;}

.e_htmlValue_list .segment_state_right.seg_r span {color:white}

.e_htmlValue_list .segment_state_right.seg_r.last span {color:#003a5d}

.segment_gender_header.dark-Salmon-Bg {background-color: #fd3d50;}

.segment_gender_header.WaxenBg {background-color: #fdb417;}

.segment_gender_header.light-Gray-Bg {background-color: #f7f8f8;}

.html-page .cL_listing_table_row, .cL_listing_tableInn ul li .cL_listing_table_row {padding-left: 0;}

.html-page .cL_listing_tableOut.shadow {margin-bottom: 25px;padding-top: 15px;padding-bottom: 15px; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);background-color: #f7f8f8;}

.html-page .cL_listing_tableOut.shadow .compaign_select_search {margin-bottom: 0;padding: 0;background-color: #f7f8f8;}

.html-page .cL_listing_tableOut.shadow .campaign_select, .cL_listing_tableOut.shadow .searchCompaign {border: solid 1px #d2d6dd;}

.html-page .cL_listing_tableOut .searchCompaign, .html-page .cL_listing_tableOut .selectCompaign {float: left; margin-right: 1%;width: 24%;}

.html-page .oval_orange, .html-page .oval_red, .html-page .oval_parrot {margin-left: 15px;margin-right: 15px;}

.html-page .oval_parrot {width: 10px;height: 10px;border-radius: 50%;}

.html-page .cL_listing_table_row .cL_rowList_number {display: flex; align-items: center;}

.html-page .newVualt_heading h3 {border-bottom: none;}

.html-page .active_details {background-color: #003a5d !important;transition: all 0.6s ease-in-out 0s;}

.html-page .active_details .cL_listing_table_row .cL_rowList_number {color: white;}

.html-page .active_details .cL_listing_table_row .cL_rowList_number.sub_title {color: #a5adba; margin-bottom: 10px;}

.html-page .active_details .cl_tableRow_editDotes i, .html-page .active_details .cl_tableRow_editDotes i::before, .html-page .active_details .cl_tableRow_editDotes i::after {background-color: white;}

.active_details .toggle-detail {background-image: url(../assets/images/x-white.png);background-repeat: no-repeat;background-size: 20px;padding-left: 20px;padding-top: 20px;}

.active_details .cl_rowDetails_popOut {border-top: 2px solid white; display: block;}

.cl_rowDetails_popOut {border-top: 1px solid white; display: none;}

.cl_rowDetails_popOut .mark-as-fraud {width: 186px; height: 48px;margin-right: 386px;margin-bottom:10px;background-color: #FD3D50;color: white;border-radius: 6px;font-weight: 500;}

.cl_rowDetails_popOut .view-account, .cl_rowDetails_popOut .show-till-slips {width: 186px; height: 48px;margin-right: 13px;margin-bottom:10px;background-color: white;color: #022955;border-radius: 6px;font-weight: 500;}

.cl_rowDetails_popOut .clear-as-not-fraud {width: 186px; height: 48px;background-color: white;color: #022955;border-radius: 6px;font-weight: 500;}

.cl_rowDetails_popOut .deny-voucher {width: 186px; height: 48px;margin-right: 215px;margin-bottom:10px;background-color: #FD3D50;color: white;border-radius: 6px;font-weight: 500;}

.cl_rowDetails_popOut .cL_img-text {display: flex; align-items: center;}

.cl_rowDetails_popOut .cL_img-text img{margin-left: 10px; margin-right: 20px;}

.toggle-detail {background-image: url(../assets/images/plus_categoryIcon.png);background-repeat: no-repeat;background-size: 20px;padding-left: 20px;padding-top: 20px;}

.html__first-page-account .cl_rowDetails_popOut .cL_button, .html__first-page-transaction .cl_rowDetails_popOut .cL_button {margin-top: 25px;}

.html__first-page-account .cL_listing_table_cell.details {display:block;margin-left: 14%;padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #d2d6dd;}

.html__second-page-voucher .cL_listing_table_cell.details {display:block;margin-left: 14%;padding-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #d2d6dd;}

.html__first-page-account .cL_listing_table_cell.cell1, .html__second-page-voucher .cL_listing_table_cell.cell1 {width: 190px;}

.html__first-page-account .cL_listing_table_cell.cell2, .html__second-page-voucher .cL_listing_table_cell.cell2 {width: 220px;}

.html__first-page-transaction .cL_listing_table_cell.details {display:block;margin-left: 12%;padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #d2d6dd;}

.html__first-page-transaction .cL_listing_table_cell.cell1 {width: 49%;}

.cL_listing_table_cell.details.cL_button {border-bottom: none;}

.list-style-fraud {line-height: 1.5; display: list-item !important; list-style-type: disc; padding-left: 0; margin-left: 20px;}
ul.detail_data_json {display: list-item; list-style-type: disclosure-closed; margin-left: 20px}
ul.detail_data_json li {background: none !important;}

.cl_rowDetails_popOut .slip-image {width: 186px; height: 48px;background-color: #0a62a3;color: white;border-radius: 6px;font-weight: 500; margin-right: 15px;}
.cl_rowDetails_popOut .slip-approval {width: 186px; height: 48px;background-color: #a2cd3a;color: white;border-radius: 6px;font-weight: 500;}
.cl_rowDetails_popOut .slip-approval img { height: 23px;}
.cl_rowDetails_popOut .box_detail, .cl_rowDetails_popOut .box_detail h3 {background: none;}
.cl_rowDetails_popOut .box_detail h3 {padding-left: 0;}
.cl_rowDetails_popOut .box_detail {padding: 0;}
.cl_rowDetails_popOut .box_detail .memberNumber_row {margin-top: 10px;}
.receipt_decline_popup .customPlaceholder {background: #fff;}

.tabReports div.swr_content_main div.swr_content_inner div.e_genderSplit_main {
    padding-bottom: 0;
}
.tabReports div.swr_content_main div.swr_content_inner ul.voucherCategory li h3 {
    font-size: 20px;
    font-weight: 500;
    font-family: Roboto;
}
.tabReports div.swr_content_main div.swr_content_inner ul.voucherCategory li small {
    font-size: 13px;
    color: #617283;
    letter-spacing: normal;
    font-weight: normal;
    text-align: center;
    text-transform: none;
    font-family: Roboto;
}

.tabReports div.swr_content_main div.swr_content_inner ul.voucherCategory li {
    margin-bottom: 30px;
}

text.highcharts-credits {
    display: none !important;
}

#modal-overlay {
    z-index: 10000 !important;
}

.crm-report-main li.width_25 {
    width: 25% !important;
}

.brand-opt-in-container {
    position: relative;
    background-color: #003a5d;
}

.company-opt-in-container {
    position: relative;
}

.brand-opt-in-container ul li:first-child div.swr_coreBox_inner div.swr_coreBox_text,
.company-opt-in-container ul li:first-child div.swr_coreBox_inner div.swr_coreBox_text{
    color: #ffffff;
    text-align: left;
}

.brand-opt-in-container ul li div.swr_coreBox_inner div.swr_coreBox_text,
.company-opt-in-container ul li div.swr_coreBox_inner div.swr_coreBox_text {
    color: #ffffff;
    text-align: right;
}

.brand-opt-in-container ul li div.swr_coreBox_inner div.swr_coreBox_text h4 {
    color: #ffffff !important;
}

.company-opt-in-container ul li:first-child div.swr_coreBox_inner div.swr_coreBox_text{
    color: #003a5d !important;
}

.company-opt-in-container ul li div.swr_coreBox_inner div.swr_coreBox_text {
    color: #003a5d !important;
}

.company-opt-in-container ul li div.swr_coreBox_inner div.swr_coreBox_text h4 {
    color: #003a5d !important;
}

.brand-opt-in-container ul li div.swr_coreBox_inner div.swr_coreBox_text div[type="radialBar"],
.company-opt-in-container ul li div.swr_coreBox_inner div.swr_coreBox_text div[type="radialBar"] {
    width: 100px !important;
    margin-left: 20px;
}

ul.optionContainer li {
    border: 0 none !important;
}

h4.object-accepted {
    position: absolute;
    left: 120px;
    top: 40px;
}

h4.optinInfo {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: Roboto;
    font-size: 23px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    font-weight: 300;
}

h4.optinInfo span.accepted {
    font-weight: bold;
}

.crm-report-inner small {
    color: #a5adba;
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}

.crm-report-inner h4.opened {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #00c1de;
}

.crm-report-inner h4.sent {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #003a5d;
}

.crm-report-header label {
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: 1.7px;
    color: #617283;
}

.collapse-prefix-icon {
    width: 20px;
}

.mbr-ctf-btn {
    border-radius: 6px;
    border: solid 1px #e6e6eb;
    background-color: #f7f8f8;
    font-size: 14px;
    font-weight: 500;
    color: #022955;
    padding: 13px 16px;
}
.mbr-ctf-btn.mbr-ctf-btn-suffix-icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 30px;
}
.mbr-ctf-btn.mbr-ctf-btn-primary {
    color: #fff;
    background-color: #022955;
    border-color: #022955;
}
.mbr-ctf-form > :not(:last-child){
    padding-bottom: 30px;
}
.mbr-ctf-form fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
.mbr-ctf-form fieldset + fieldset {
    margin-top: 4px;
}
.mbr-ctf-form ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mbr-ctf-form .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mbr-ctf-form .top h6 {
    font-size: 14px;
    font-weight: 500;
    color: #0a62a3;
    text-transform: uppercase;
}

.mbr-ctf-form .field-grouped-item, .mbr-ctf-form .field-item {
    display: flex;
    align-items: center;
    gap: 16px;
    border-bottom: 1px solid #d2d6dd;
}

.mbr-ctf-form .field-item {
    padding: 12px 16px;
}

.mbr-ctf-form .field-grouped-item {
    padding: 20px 16px;
}

.mbr-ctf-form .field-item {
    font-size: 14px;
    color: #022955;
}

.mbr-ctf-form li:last-child .field-item  {
    border-bottom: none;
}
/*.mbr-ctf-form li:first-child .field-item  {*/
/*    border-top: none;*/
/*}*/

.mbr-ctf-form .collapsible ul {
    border-bottom: 1px solid #d2d6dd;
}


.mbr-ctf-form .btn-add-field {
    margin-left: auto;
    margin-top: 20px;
}
.mbr-ctf-form .field-item-control {
    margin-left: auto !important;
    width: 438px !important;
}

.mbr-ctf-form .field-item-control .select-control{
    border: none;
}

.mbr-ctf-form .field-item-control input{
    width: 100%;
}

.mbr-ctf-form .jsx-multi-select .selected-options {
    padding: 0px;
    height: 20px;
    border: none;
}
.mbr-ctf-form .jsx-multi-select .selected-options .arrow {
    margin-top: 3px !important;
    right: -5px;
}
.mbr-ctf-form .jsx-multi-select .selected-options .arrow .arrow-icon::after {
    content: url('/images/icons-chevron-down.png');
    position: absolute;
    right: 8px;
    height: auto;
    margin-top: -3px;
}
.mbr-ctf-form .jsx-multi-select .selected-options .selected-options-badges-list {
    padding: 0px !important;
}

.mbr-ctf-form .checkboxes {
    display: flex;
    justify-content: flex-end;
}
.mbr-ctf-form .checkboxes .input-checkbox,
.mbr-ctf-form .checkboxes .input-radio {
    width: calc(100% / 3);
    justify-content: flex-end;
}

.mbr-ctf-form label.input-checkbox {
    display: flex;
    align-items: center;
    width: fit-content;
}
.mbr-ctf-form label.input-checkbox .name {
    font-size: 14px;
    line-height: 1.14;
    text-align: right;
    color: #022955;
    margin-right: 42px;
}
.mbr-ctf-form label.input-checkbox .check-mark {
    position: relative;
    width: 20px;
    height: 20px;
    border: solid 1px #e6e6eb;
    background-color: #f7f8f8;
}
.mbr-ctf-form label.input-checkbox .check-mark::after {
    content: "";
    display: none;
    position: absolute;
}
.mbr-ctf-form label.input-checkbox :is(input[type=checkbox], input[type=radio]):checked ~ .check-mark {
    border-color: #00aeef;
    background-color: #00aeef;
}
.mbr-ctf-form label.input-checkbox :is(input[type=checkbox], input[type=radio]):checked ~ .check-mark::after {
    display: block;
}
.mbr-ctf-form label.input-checkbox .check-mark {
    border-radius: 4px;
}
.mbr-ctf-form label.input-checkbox .check-mark::after {
    top: 2px;
    left: 7px;
    width: 5px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.mbr-ctf-form label.input-radio {
    display: flex;
    align-items: center;
    width: fit-content;
}
.mbr-ctf-form label.input-radio .name {
    font-size: 14px;
    line-height: 1.14;
    text-align: right;
    color: #022955;
    margin-right: 42px;
}
.mbr-ctf-form label.input-radio .check-mark {
    position: relative;
    width: 20px;
    height: 20px;
    border: solid 1px #e6e6eb;
    background-color: #f7f8f8;
}
.mbr-ctf-form label.input-radio .check-mark::after {
    content: "";
    display: none;
    position: absolute;
}
.mbr-ctf-form label.input-radio :is(input[type=checkbox], input[type=radio]):checked ~ .check-mark {
    border-color: #00aeef;
    background-color: #00aeef;
}
.mbr-ctf-form label.input-radio :is(input[type=checkbox], input[type=radio]):checked ~ .check-mark::after {
    display: block;
}
.mbr-ctf-form label.input-radio .check-mark {
    border-radius: 50%;
}
.mbr-ctf-form label.input-radio .check-mark::after {
    width: 7px;
    height: 7px;
    background-color: white;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mbr-ctf-form label.input-switch .switch-box {
    display: flex;
    justify-content: space-between;
    height: 20px;
    width: 46px;
    border-radius: 10px;
    background-color: #d2d6dd;
    position: relative;
}
.mbr-ctf-form label.input-switch .runner {
    position: absolute;
    display: block;
    height: 16px;
    width: 16px;
    background-color: white;
    border-radius: 50%;
    top: 2px;
    left: 2px;
    transition: left linear 300ms;
}
.mbr-ctf-form label.input-switch input[type=checkbox]:checked ~ .switch-box {
    background-color: #00aeef;
}
.mbr-ctf-form label.input-switch input[type=checkbox]:checked ~ .switch-box .runner {
    left: calc(100% - 18px);
}
.mbr-ctf-form label.input-switch .acceptance {
    position: relative;
}
.mbr-ctf-form label.input-switch .acceptance::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 7px;
    width: 4px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.mbr-ctf-form label.input-switch .denial {
    position: relative;
}
.mbr-ctf-form label.input-switch .denial::before, label.input-switch .denial::after {
    content: "";
    position: absolute;
    top: 4px;
    left: calc(100% - 10px);
    width: 2px;
    height: 12px;
    background-color: white;
    border-radius: 1px;
}
.mbr-ctf-form label.input-switch .denial::before {
    transform: rotate(45deg);
}
.mbr-ctf-form label.input-switch .denial::after {
    transform: rotate(-45deg);
}

.mbr-ctf-form .input-control {
    border-radius: 6px;
    border: solid 1px #e6e6eb;
    background-color: #f7f8f8;
    font-size: 12px;
    padding: 7px;
    width: calc(100% - 14px);
    outline: 0;
}

.mbr-ctf-form .select-control,
.mbr-ctf-form .select-control * {
    margin: 0;
    padding: 0;
    position: relative;
    box-sizing: border-box;
}

.mbr-ctf-form .select-control {
    border-radius: 6px;
    border: solid 1px #e6e6eb;
    background-color: #f7f8f8;
    font-size: 12px;
    padding: 7px;
    width: calc(100% - 14px);
    position: relative;
}
/*.select-control::after {*/
/*    content: url("../images/icons-chevron-down.png");*/
/*    position: absolute;*/
/*    right: 8px;*/
/*    height: auto;*/
/*    margin-top: -3px;*/
/*}*/
.mbr-ctf-form .select-control select {
    font: inherit;
    max-width: 100%;
    padding-right: 20px;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.mbr-ctf-form .select-control select:invalid {
    color: #a5adba;
}
.mbr-ctf-form .select-control select:active,
.mbr-ctf-form .select-control select:focus {
    outline: none;
    box-shadow: none;
}

.gradient-separator {
    border-bottom: 1px solid #d2d6dd;
}
.gradient-separator .gradient {
    transform: translateY(1px);
    width: min(100%, 264px);
    height: 3px;
    background-image: linear-gradient(89deg, #003a5d 2%, #0a62a3 51%, #00c1de 100%);
}

.custom-fields {
    padding: 29px 39px 49px 40px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
}

.collapsible .expand-area {
    padding-left: 51px;
    display: none;
}
.collapsible .expand-area[data-expanded=true] {
    display: block;
}

.mbr-ctf-form .checked-icon{
    content: "";
    position: absolute;
    top: 2px;
    left: 7px;
    width: 4px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin-top: 2px;
    margin-left: 2px
}

.mbr-ctf-form .unchecked-icon::after, .unchecked-icon::before {
    content: "";
    position: absolute;
    top: 4px;
    left: calc(100% - 10px);
    width: 1.6px;
    height: 12px;
    background-color: white;
    border-radius: 1px;
}

.mbr-ctf-form .unchecked-icon::before {
    transform: rotate(45deg);
}
.mbr-ctf-form .unchecked-icon::after  {
    transform: rotate(-45deg);
}
.jsx-multi-select .arrow {
    margin: auto;
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    margin-top: 3px;
    right: -5px;
    /*width: 20px;*/
    /*margin: 0 5px;*/
    display: inline-block;
    cursor: pointer;
    /* float: right; */
}

.jsx-multi-select .options.show {
    display: block;
}

.jsx-multi-select .options {
    height: 200px;
    z-index: 10001;
    overflow-x: auto;
    background-color: #fff;
    position: absolute;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
    /* width: inherit; */
    padding: 0;
    display: none;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
}

.jsx-multi-select .options li {
    display: block;
    font-size: 16px;
}

.jsx-multi-select .options li .option-list {
    cursor: default;
    margin-bottom: 2px;
    text-transform: capitalize;
    /*border-bottom: solid 2px #fff;*/
    padding: 2px 5px;
}

.jsx-multi-select .bg-color-blue {
    background-color: cornflowerblue;
    color: #fff;
}

.jsx-multi-select .selected-options {
    vertical-align: middle;
    height: inherit;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    padding: 5px 0px 5px 10px;
    width: inherit;
    /*padding: 0 0 0 10px;*/
}

.jsx-multi-select .selected-options .selected-options-badges-list {
    font-weight: 400;
    margin: 0;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    width: calc(100% - 20px);
    white-space: nowrap;
    text-overflow: clip;
    overflow: hidden;
    /* float: left; */
    /*width: calc(100% - 30px);*/
    /*padding: 2px 0;*/
    /*line-height: 1.4;*/
}

.jsx-multi-select .selected-options .selected-options-badges:after {
    content: '×';
    cursor: pointer;
    margin-left: 5px;
    vertical-align: middle;
}

.jsx-multi-select {
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    width: 100%;
    outline: none;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    /*height: 28px;*/
}

.jsx-multi-select .selected-options-badges {
    text-transform: capitalize;
    font-size: 14px;
    border-radius: 2px;
    padding: 0 5px;
    margin: 0 5px 0 0;
    border: solid 1px #ddd;
    display: inline-block;
}

.jsx-react-select {
    font-size: 13px;
    line-height: 24px;
    font-weight: bold;
}

/*.jsx-react-select > div:first-child{*/
/*    background-color: #f7f8f8;*/

/*}*/

/*.jsx-react-select > div:first-child:hover{*/
/*    border-color: #d2d6dd !important;*/
/*}*/

.email_template_folder {
  height: 500px;
}