body {
	background-color: #f8f8f8 !important;
}

body * {
	font-family: 'Noto Sans', sans-serif;
}

body *::-moz-selection {
	background-color: #3bb0c9;
	color: #fff;
}

body *::selection {
	background-color: #3bb0c9;
	color: #fff;
}

input {
	caret-color: #3bb0c9;
}

nav {
	padding-top: 20px;
}

#ApplicationLayout {
	min-width: 1280px;
}

#ApplicationLayout.disableInteractions * {
	pointer-events: none !important;
}

.Content {
	margin-top: 20px;
}

#ReportsContent{
    margin-top: 0px;
}

#BoostReportsContent{
    margin-top: 0px;
}

/*
   Cant apply this - #ApplicationLayout.blurBackground #rmContent - beacuse it messes with the grid
   So must be implemented per page
*/

#ApplicationLayout.blurBackground #rmHeader,
#ApplicationLayout.blurBackground #rmSideNav,
#ApplicationLayout.blurBackground #toggleArrow,
#ApplicationLayout.blurBackground #rmFooterWrapper {
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	-o-filter: blur(1px);
	-ms-filter: blur(1px);
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="1" /></filter></svg>#filter');
	filter: blur(1px);
}

.Loader {
	position: absolute;
	top: 368px;
	text-align: center;
	margin: auto;
	width: 100%;
}

#loading {
	background-size: 30px;
	width: 30px;
	height: 30px;
	margin: auto;
	background-image: url(images/loading.gif);
}

.loading-img {
	margin: auto;
	background-image: url(images/loading.gif);
}

#rmContent {
	min-width: 1140px;
}

#rmContentWrapper {
	position: fixed;
	right: 0;
}

#rmContentWrapper.side-bar-open {
	margin-left: 175px;
}

#rmContentWrapper.side-bar-closed {
	margin-left: 60px;
	z-index: 99;
}

#rmAggDataWrapper {
	width: 100%;
	position: relative;
	padding-right: 30px;
	padding-left: 30px;
}

#rmAggData {
	background-color: #f8f8f8;
	margin: 0 auto;
}

.rmHidden {
	display: none;
}

#rmSideNav {
	background-color: #e0e0e0;
}

.loadingText {
	width: 100%;
	height: 22px;
	color: #30789f;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	text-align: center;
}

.loadingImg {
	width: 97px;
	height: 100px;
	margin-bottom: 15px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	html {
		-ms-overflow-style: scrollbar;
	}
}

.rmField {
	border: 1px solid #809baf;
}

.sectionTitle {
	float: left;
	font-size: 20px;
	font-weight: 700;
	position: relative;
	color: #225a78;
	margin-bottom: 20px;
}

.google-visualization-tooltip {
	border: none !important;
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
	margin-left: 12px !important;
	min-width: 155px !important;
	width: auto !important;
	position: absolute;
	font-size: 12px !important;
	padding: 0px;
}

svg > rect {
	fill: transparent;
}

/* disable test selection in chart */

.rmChartBody svg g g g text {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */ /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                supported by Chrome and Opera */
}

.rmChartBody svg rect[stroke-opacity='0.3'] {
	fill: black;
	stroke-opacity: 0.5;
	opacity: 0.15;
}

.rmChartBody svg rect[stroke-opacity='0.15'] {
	stroke-opacity: 0;
}

.rmChartBody svg rect[stroke-opacity='0.05'] {
	stroke-opacity: 0;
}

.rmChartBody circle[stroke-opacity] {
	stroke-width: 0 !important;
}

.rmChartBody circle[stroke-opacity='0.25'] {
	stroke-width: 2 !important;
}

.divPlace {
	height: 126px;
}

.rm-header {
	height: 54px;
	background-color: #fff;
	color: #000;
	right: 0;
	left: 0;
	top: 0;
	z-index: 50;
	background-image: linear-gradient(128deg, #242d39 0%, #225a78 100%);
	min-width: 450px;
}

#HeaderTitle img {
	margin-top: 13px;
}

#rmHeader {
	font-size: 14px;
	width: 450px;
	z-index: 100;
	display: table;
}

#rmParentCampaignsDropDownWrapper :hover {
	background-color: #f8f8f8;
}

#rmParentCampaignsDropDownWrapper :hover .dropDownSearch {
	background-color: #f8f8f8;
}

#rmHeaderLogo {
	width: 175px;
	float: left;
	text-align: center;
	height: 60px;
	vertical-align: middle;
}

#rmHeaderLogo #rmHeightHelper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

#rmHeaderLogo img {
	vertical-align: middle;
	max-height: inherit;
	margin-right: 4px;
}

#rmHeaderSeperator {
	top: 10px;
	float: left;
	height: 41px;
	position: absolute;
	left: 174px;
	background-color: #fff;
	width: 0.5px;
}

#rmHeaderUserGuide {
	width: 153px;
	height: 61px;
	line-height: 60px;
	border-left: 1px solid #e1f2f6;
	text-align: center;
	cursor: pointer;
}

#rmHeaderUserGuide:hover {
	background-color: #3992b3;
}

#rmUserGuide {
	width: 73px;
	height: 19px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	text-decoration: none;
}

.rmHeaderUserGuide_icon {
	color: white;
	font-size: 18px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
	padding-right: 3px;
	padding-bottom: 3px;
	-webkit-transform: rotate(0.03deg);
	        transform: rotate(0.03deg);
}

#rmHeaderUserGuide img {
	margin-right: 2px;
	padding-bottom: 3px;
}

#rmDaysLeftWrapper {
	margin-left: 655px;
	position: absolute;
}

#HeaderTitle .main-title {
	font-weight: bold;
	font-size: 20px;
}

#HeaderTitle .sub-title {
	font-size: 13px;
}

#logOutBtn {
	cursor: pointer;
	width: 153px;
	height: 60px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	font-weight: 600;
	padding-top: 20px;
	border-left: 1px solid #e1f2f6;
}

#logOutBtn:hover {
	background-color: #3992b3;
}

#logOutBtn img {
	margin-right: 2px;
}

@font-face {
	font-family: 'pandoiq';
	src: url(fonts/pandoiq.eot);
	src: url(fonts/pandoiq.eot#iefix) format('embedded-opentype'),
		url(fonts/pandoiq.woff2) format('woff2'), url(fonts/pandoiq.woff) format('woff'),
		url(fonts/pandoiq.ttf) format('truetype'), url(images/pandoiq.svg#fontello) format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'pandoiq';
    src: url('../font/pandoiq.svg?44777035#pandoiq') format('svg');
  }
}
*/
[class^='icon-']:before,
[class*=' icon-']:before {
	font-family: 'pandoiq';
	font-style: normal;
	font-weight: normal;
	speak: never;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 0.2em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	-webkit-font-feature-settings: normal;
	        font-feature-settings: normal;
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: 0.2em;

	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-camapign_icon:before {
	content: '\E800';
}
/* '' */
.icon-all_jobs_icon:before {
	content: '\E801';
}
/* '' */
.icon-log-out_icon:before {
	content: '\E802';
}
/* '' */
.icon-download_icon:before {
	content: '\E803';
}
/* '' */
.icon-all-jobs:before {
	content: '\E804';
}
/* '' */
.icon-help:before {
	content: '\E805';
}
/* '' */
.icon-log-in:before {
	content: '\E806';
}
/* '' */
.icon-log-out:before {
	content: '\E807';
}
/* '' */
.icon-notification:before {
	content: '\E808';
}
/* '' */
.icon-overview:before {
	content: '\E809';
}
/* '' */
.icon-cycle:before {
	content: '\E80A';
}
/* '' */
.icon-oktalogo:before {
	content: '\E80B';
}
/* '' */


.icon-camapign_icon:before { content: '\E800'; } /* '' */ .icon-all_jobs_icon:before { content: '\E801'; } /* '' */ .icon-log-out_icon:before { content: '\E802'; } /* '' */ .icon-download_icon:before { content: '\E803'; } /* '' */ .icon-all-jobs:before { content: '\E804'; } /* '' */ .icon-help:before { content: '\E805'; } /* '' */ .icon-log-in:before { content: '\E806'; } /* '' */ .icon-log-out:before { content: '\E807'; } /* '' */ .icon-notification:before { content: '\E808'; } /* '' */ .icon-overview:before { content: '\E809'; } /* '' */ .icon-cycle:before { content: '\E80A'; } /* '' */ .icon-oktalogo:before { content: '\E80B'; } /* '' */
.parentCampaignDropDown {
	width: 450px;
}

.rm-parentCampaignStickyHeader {
	height: 79px;
	position: fixed;
	margin-left: 200px;
	background-color: #f8f8f8;
	z-index: 100;
	width: 100%;
}

.dropDownSearch {
	outline: none;
	border: none;
}

.dropDownSearch::-webkit-input-placeholder {
	color: #999B9D;
	opacity: 1;
}

.dropDownSearch::-moz-placeholder {
	color: #999B9D;
	opacity: 1;
}

.dropDownSearch::-ms-input-placeholder {
	color: #999B9D;
	opacity: 1;
}

.dropDownSearch::placeholder {
	color: #999B9D;
	opacity: 1;
}

.parent-campaign-select-wrapper {
	float: left;
	top: 8px;
	left: 320px;
	position: absolute;
}

#rmParentCampaignsDropDownWrapper .rmOpenDropDownArrow {
	position: absolute;
	top: 15px;
	padding-top: 1px;
}

#rmParentCampaignsDropDownWrapper {
	border-left: 1px solid #dddddd !important;
}

.diamond {
	color: #808285;
	font-size: 20px;
    position: relative;
	text-indent: 9px;
}

.diamond-selected {
	font-size: 20px;
	text-indent: 9px;
}

#rmFooterWrapper {
	margin-top: 0;
	width: 100%;
	min-width: auto;
	z-index: 6;
	bottom: 16px;
}

#rmFooterWrapper #rmFooterText {
	height: inherit;
	line-height: 50px;
	float: left;
	padding-left: 30px;
	letter-spacing: 0.5px;
	font-weight: 400;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#rmFooterWrapper #rmFooterPrivacy {
	/* line-height: 49px; */
	font-size: 12px;
	font-weight: 400;
	float: right;
}

.privacyLinksWrapper {
	float: right;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: 30px;
	line-height: 50px;
}

.privacyLinksWrapper a:link,
.privacyLinksWrapper a:visited {
	color: #485465;
	font-size: 12px;
}

#seperatorLine {
	height: 16px;
	display: block;
	background-color: #485465;
	width: 1px;
	position: relative;
	margin-top: 18px;
	margin-left: 10px;
	margin-right: 10px;
}

.rmLoginPageLinks {
	position: fixed;
	bottom: 0px;
	right: 0px;
}

.rmLoginPageLinks a:link,
.rmLoginPageLinks a:visited {
	color: #fff;
}

.rmLoginPageLinks #seperatorLine {
	background-color: #fff;
}

@media (max-width: 767px) {
	#loginPageSection #rmFooterWrapper #rmFooterText {
		width: 100% !important;
		text-align: center;
		padding-left: 0px !important;
		height: auto !important;
	}
	.privacyLinksWrapper {
		width: 72%;
		margin-top: 11px;
		margin-right: 0px !important;
		line-height: 0px !important;
		height: auto !important;
		vertical-align: middle;
	}
	#seperatorLine {
		height: 14px !important;
		margin-top: -6px !important;
	}
	#rmFooterSpan {
		min-width: 266px;
	}
	#rmFooterCookiePolicy,
	#rmFooterPrivacy {
		min-width: 76px;
	}
}

.rm-side-nav {
	height: 100%;
	position: fixed;
	z-index: 7;
	margin-top: 60px;
	top: 0;
	left: 0;
	color: #dcdcdc;
	background-color: rgba(107, 107, 107, 1);
	overflow-x: hidden;
	overflow-y: hidden;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.rm-side-nav ul {
	position: absolute;
	top: 50px;
	width: 220px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.rm-side-nav .rm-nav-link .rm-nav-link-wrapper {
	height: 60px;
	font-size: 18px;
	line-height: 60px;
	padding-right: 9px;
	border-bottom: 1px solid #9e9e9e;
}

.rm-side-nav .rm-nav-link.active .rm-nav-link-wrapper {
	background-color: #3992b3;
	border-bottom: 1px solid #3992b3;
	border-right: 1px solid #3992b3;
}

.rm-side-nav .rm-nav-link.active .rm-nav-link-wrapper .rm-navbar-link-text,
.rm-side-nav .rm-nav-link.active .rm-nav-link-wrapper .rm_campaignIcon,
.rm-side-nav .rm-nav-link.active .rm-nav-link-wrapper .rm_allJobsIcon {
	background-color: #3992b3;
	color: #fff;
}

.rm-navbar-link-text {
	left: 55px;
	margin-left: 9px;
	color: #225a78;
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
}

.rm-side-nav.rm-side-nav-open {
	width: 175px;
}

.rm-side-nav.rm-side-nav-closed {
	width: 60px;
}

.rm-side-nav a,
.rm-side-nav a:visited,
.rm-side-nav a:hover {
	text-decoration: none !important;
	color: #ffffff !important;
	font-size: 18px;
	font-weight: 400;
}

.rm-side-nav .toggle-arrow {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 26px;
	cursor: pointer;
}

.slide-right {
	-webkit-animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-left {
	-webkit-animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slideBarItemSelected {
	width: 13px;
	height: 50px;
	display: block;
	float: left;
}

.rm-nav-link:not(.active) .rm-nav-link-wrapper:hover {
	background-color: rgba(189, 189, 189, .6);
}

.rm-nav-link-wrapper.menuOpen {
	width: 175px;
}

.rm-nav-link-wrapper.menuClosed {
	width: 60px;
}

.rm-nav-link.active .rm-nav-link-wrapper .slideBarItemSelected {
	background-color: #3bb0c9;
}

.rm-nav-link:hover:not(.active) .rm-nav-link-wrapper .slideBarItemSelected {
	background-color: #b0dfe9;
}

.rm_campaignIcon {
	font-size: 27px;
	display: block;
	color: #225a78;
	float: left;
	margin-left: 9px;
}

.rm_allJobsIcon {
	font-size: 22px;
	display: block;
	color: #225a78;
	float: left;
	margin-left: 10px;
	line-height: 58px;
}

.arrowNavigation {
	width: 18px;
	height: 18px;
	color: #ffffff;
	font-size: 18px !important;
	margin-top: 1px;
	font-weight: 400;
}

.hiddenFadeOut {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 0s 5s, opacity 5s linear;
	transition: visibility 0s 5s, opacity 5s linear;
}

.rmSideBarAmination-enter {
	opacity: 0.01;
}

.rmSideBarAmination-enter.rmSideBarAmination-enter-active {
	opacity: 1;
	-webkit-transition: opacity 500ms ease-in;
	transition: opacity 500ms ease-in;
}

.rmSideBarAmination-leave {
	opacity: 1;
}

.rmSideBarAmination-leave.rmSideBarAmination-leave-active {
	opacity: 0.01;
	-webkit-transition: opacity 700ms ease-out;
	transition: opacity 700ms ease-out;
}

#toggleArrow {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	cursor: pointer;
	position: fixed;
	height: 20px;
	width: 20px;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	top: 60px;
	z-index: 9;
	background-color: #bdbdbd;
	text-align: center;
	line-height: 18px;
	opacity: 1;
}

#toggleArrow.toggleHidden {
	opacity: 0;
	pointer-events: none;
}

#toggleArrow.menuOpen {
	left: 175px;
}

#toggleArrow.menuClosed {
	left: 60px;
}

#rmSideNavWrapper {
	position: relative;
}

#sideBarItemsWrapper {
	height: 100%;
	display: block;
	border-right: 1px solid #bdbdbd;
}

.pointToRight {
	-webkit-transform: rotateY(180deg);
	        transform: rotateY(180deg);
	-webkit-transition: -webkit-transform 0.7s ease-in-out;
	transition: -webkit-transform 0.7s ease-in-out;
	transition: transform 0.7s ease-in-out;
	transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
}

.pointToLeft {
	-webkit-transform: rotateY(0deg);
	        transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.7s ease-in-out;
	transition: -webkit-transform 0.7s ease-in-out;
	transition: transform 0.7s ease-in-out;
	transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
}

#rmGenericToolTipWrapper {
	position: relative;
	height: 0;
	width: 0;
	pointer-events: none;
	z-index: 1000;
	
}

#rmDummyToolTip {
	max-width: 190px;
	visibility: hidden;
	bottom: 192px;
}

.rmGenericToolTipContent {
	font-weight: 400 !important;
}

@-moz-document url-prefix() {
	#rmDummyToolTip {
		top: auto;
	}

	.rmGenericToolTipContent {
		font-weight: 500 !important;
		display: inline-block;
		top: 15px;
	}
	
	#rmGenericToolTipDownArrow {
		bottom: 15px;
	}

	#rmGenericToolTipUpArrow {
		bottom: -5px;
	}
}

#rmDialogModalWrapper .rmDialogModalLocation {
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 10004;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 60px 0;
}

#rmDialogModalWrapper .rmDialogModalOpacity {
	position: fixed;
	z-index: 10003;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, .75);
	top: 0;
	backdrop-filter: blur(1px)
}

#rmDialogModalWrapper .rmDialogModal {
	margin: auto;
	-ms-flex-item-align: start;
	    align-self: flex-start;
	position: relative;
	width: 500px;
}

#rmDialogModalWrapper .rmDialogModal .dialogBox {
	border-radius: 5px;
	-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, .5);
	        box-shadow: 0 0 50px rgba(0, 0, 0, .5);
	background-color: #ffffff;
}

#rmDialogModalWrapper .rmDialogModal.rmDialogModal.question .dialogButtons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
	border-top: none;
	direction: ltr;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

#rmDialogModalWrapper .rmDialogModal.rmDialogModal.question .cancelButtonWrapper {
	margin-left: 0px;
}

#rmDialogModalWrapper .rmDialogModal.saveChanges .dialogBox {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	padding: 0px;
	width: 390px;
	height: 230px;
	border: 1px solid #DDDDDD;
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="15" /><feOffset dx="1" dy="2" result="offsetblur" /><feFlood flood-color="rgba(72,84,101,0.4)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
	-webkit-filter: drop-shadow(0px 1px 15px rgba(72, 84, 101, .4));
	        filter: drop-shadow(0px 1px 15px rgba(72, 84, 101, .4));
	border-radius: 4px;
	-webkit-box-flex: 0;
	    -ms-flex: none;
	        flex: none;
	-webkit-box-ordinal-group: 1;
	    -ms-flex-order: 0;
	        order: 0;
	-ms-flex-positive: 0;
	    flex-grow: 0;
}

#rmDialogModalWrapper .rmDialogModal.minCpa .dialogBox {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	padding: 0px;
	width: 484px;
	height: 205px;
	border: 1px solid #DDDDDD;
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="15" /><feOffset dx="1" dy="2" result="offsetblur" /><feFlood flood-color="rgba(72,84,101,0.4)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
	-webkit-filter: drop-shadow(0px 1px 15px rgba(72, 84, 101, .4));
	        filter: drop-shadow(0px 1px 15px rgba(72, 84, 101, .4));
	border-radius: 4px;
	-webkit-box-flex: 0;
	    -ms-flex: none;
	        flex: none;
	-webkit-box-ordinal-group: 1;
	    -ms-flex-order: 0;
	        order: 0;
	-ms-flex-positive: 0;
	    flex-grow: 0;
}

#rmDialogModalWrapper .rmDialogModal .xCloseBtn {
	padding: 5px;
	position: absolute;
	right: -34px;
	font-weight: 400;
	color: white;
	top: -8px;
	font-size: 24px;
	height: 35px;
	cursor: pointer;
}

#rmDialogModalWrapper .rmDialogModal .xCloseBtn:focus {
	outline: none;
}

#rmDialogModalWrapper .rmDialogModal .dialogContent {
	padding: 40px 25px;
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#rmDialogModalWrapper .rmDialogModal.rmDialogModal.saveChanges .dialogContentWrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
	-webkit-box-orient: vertical;	
	-webkit-box-direction: normal;	
	    -ms-flex-direction: column;	
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	gap: 24px;
	-ms-flex-item-align: stretch;
	    align-self: stretch;
}

#rmDialogModalWrapper .rmDialogModal.rmDialogModal.saveChanges .dialogContent {
	padding: 32px 24px 24px 24px;
	border-radius: 4px 4px 0px 0px;	
	width: 390px;
	height: 150px;
	background: #FFFFFF;
}

#rmDialogModalWrapper .rmDialogModal.rmDialogModal.saveChanges .dialogButtons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 24px;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 16px;
	-ms-flex-item-align: stretch;
	    align-self: stretch;
    border-radius: 0px 0px 4px 4px;	
	width: 390px;
	height: 80px;
	background: #F8F8F8;
	-webkit-box-flex: 0;
	    -ms-flex: none;
	        flex: none;
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	-ms-flex-positive: 0;
	    flex-grow: 0;
	direction: inherit;
}

#rmDialogModalWrapper .rmDialogModal.rmDialogModal.saveChanges .cancelButton,
#rmDialogModalWrapper .rmDialogModal.rmDialogModal.saveChanges .okButton{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 8px 10px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 8px;
	border-radius: 4px;
	font-family: "Noto Sans";
	font-weight: 600;
	font-style: normal;
	text-align: center;
	cursor: pointer;
}

#rmDialogModalWrapper .rmDialogModal.rmDialogModal.saveChanges .cancelButton:hover,
#rmDialogModalWrapper .rmDialogModal.rmDialogModal.saveChanges .cancelButton:focus{	
	color: #30789F;
	border: 1px solid #30789F;
	background-color: #F8F8F8;
}

#rmDialogModalWrapper .rmDialogModal.rmDialogModal.saveChanges .okButton:hover,
#rmDialogModalWrapper .rmDialogModal.rmDialogModal.saveChanges .okButton:focus{	
	background-color: #30789F;
}

#rmDialogModalWrapper .rmDialogModal.rmDialogModal.minCpa .dialogContent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	padding: 20px 25px 30px;
	gap: 18px;
	width: 404px;
	height: 167px;
	background: #FFFFFF;
	border-radius: 4px 4px 0px 0px;
	-webkit-box-flex: 0;
	    -ms-flex: none;
	        flex: none;
	-webkit-box-ordinal-group: 1;
	    -ms-flex-order: 0;
	        order: 0;
	-ms-flex-positive: 0;
	    flex-grow: 0;
	-ms-flex-item-align: stretch;
	    align-self: stretch;
}

#rmDialogModalWrapper .rmDialogModal.rmDialogModal.minCpa .dialogButtons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 20px 25px 20px 0px;
	width: 484px;
	margin-left: -1px;
	height: 70px;
	background: #F8F8F8;
	border-radius: 0px 0px 4px 4px;
	-webkit-box-flex: 0;
	    -ms-flex: none;
	        flex: none;
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	-ms-flex-positive: 0;
	    flex-grow: 0;
	direction: inherit;
	-ms-flex-item-align: stretch;
	    align-self: stretch;
	border: 0px;
	margin-top: 10px;
}

#rmDialogModalWrapper .rmDialogModal .dialogContent .dialogContentWrapper {
	width: 100%;
}

#rmDialogModalWrapper .rmDialogModal .dialogLoader {
	text-align: center;
	color: #485465;
	font-size: 14px;
	margin: 0 auto;
}

#rmDialogModalWrapper .rmDialogModal .dialogLoadingImg {
	width: 70px;
	margin-bottom: 15px;
}

#rmDialogModalWrapper .rmDialogModal .dialogTitle {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 20px;
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

#rmDialogModalWrapper .rmDialogModal.question.saveChanges .dialogTitle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
    gap: 12px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
	padding: 0px;
	width: 342px;
	height: 36px;
	-webkit-box-flex: 0;
	    -ms-flex: none;
	        flex: none;
	-webkit-box-ordinal-group: 1;
	    -ms-flex-order: 0;
	        order: 0;
	-ms-flex-positive: 0;
	    flex-grow: 0;
	margin-bottom: 0px;
}

#rmDialogModalWrapper .rmDialogModal.question.rmDialogModal.minCpa .dialogTitle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	padding: 0px;
	width: 353px;
	height: 35px;
	-webkit-box-flex: 0;
	    -ms-flex: none;
	        flex: none;
	-webkit-box-ordinal-group: 1;
	    -ms-flex-order: 0;
	        order: 0;
	-ms-flex-positive: 0;
	    flex-grow: 0;
}

#rmDialogModalWrapper .rmDialogModal.question .dialogTitle {
	color: #225a78;
}

#rmDialogModalWrapper .rmDialogModal.error .dialogTitle {
	color: #b42f08;
}

#rmDialogModalWrapper .rmDialogModal.info .dialogTitle {
	color: #225A78;
}

#rmDialogModalWrapper .rmDialogModal .dialogTitle .titleIcon {
	position: absolute;
	height: 55px;
}

#rmDialogModalWrapper .rmDialogModal .dialogTitle .titleIcon i {
	font-size: 55px;
	margin-left: -6px;
	margin-right: 5px;
}

#rmDialogModalWrapper .rmDialogModal.saveChanges .dialogTitle .titleIcon {
	position: relative;
	width: 36px;
	height: 36px;
}

#rmDialogModalWrapper .rmDialogModal.saveChanges .dialogTitle .titleIcon span {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	font-size: 36px;
	line-height: 36px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	color: #F48D29;
}

#rmDialogModalWrapper .rmDialogModal.minCpa .dialogTitle .titleIcon span {
	position: absolute;
	left: 0%;
	right: 0%;
	top: 0%;
	bottom: 0%;
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	font-size: 36px;
	line-height: 36px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	color: #F48D29;
}

#rmDialogModalWrapper .rmDialogModal.minCpa .dialogTitle .titleIcon span {
	position: absolute;
	left: 0%;
	right: 0%;
	top: 0%;
	bottom: 0%;
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	font-size: 36px;
	line-height: 36px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	color: #225A78;
}

#rmDialogModalWrapper .rmDialogModal .dialogTitle .titleText {
	max-width: 395px;
	margin-left: 55px;
}

#rmDialogModalWrapper .rmDialogModal.saveChanges .dialogTitle .titleText {
	margin-left: 0px;
	width: 294px;
	font-family: "Noto Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; 
}

#rmDialogModalWrapper .rmDialogModal.minCpa .dialogTitle .titleText {
	max-width: 395px;
	margin-left: 42px;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: absolute;
}

#rmDialogModalWrapper .rmDialogModal .dialogMessage {
	color: #485465;
	font-size: 14px;
}

#rmDialogModalWrapper .rmDialogModal.saveChanges .dialogMessage {
	color: #485465;
	font-size: 14px;
	height: 34px;
	width: 342px;
}

#rmDialogModalWrapper .rmDialogModal.minCpa .dialogMessage {
	color: #485465;
	margin-bottom: 24px;
	font-size: 14px;
}

#rmDialogModalWrapper .rmDialogModal a,
#rmDialogModalWrapper .rmDialogModal a:hover,
#rmDialogModalWrapper .rmDialogModal a:active,
#rmDialogModalWrapper .rmDialogModal a:visited,
#rmDialogModalWrapper .rmDialogModal a:focus {
	color: #3bb0c9;
	text-decoration: underline;
}

#rmDialogModalWrapper .rmDialogModal .cancelDownload {
	width: 160px;
	height: 30px;
	border-radius: 5px;
	border: 1px solid #225a78;
	font-weight: 600;
	font-size: 14px;
	color: #225a78;
	text-align: center;
	padding-top: 5px;
	cursor: pointer;
}

#rmDialogModalWrapper .rmDialogModal .cancelDownload:hover,
#rmDialogModalWrapper .rmDialogModal .cancelDownload:focus {
	color: #3992b3;
	border: 1px solid #3992b3;
	outline: none;
	background-color: #fff;
}

#rmDialogModalWrapper .rmDialogModal .continueDownload:hover,
#rmDialogModalWrapper .rmDialogModal .continueDownload:focus {
	background-color: #3992b3;
	outline: none;
}

#rmDialogModalWrapper .rmDialogModal .continueDownload {
	width: 160px;
	height: 30px;
	border-radius: 5px;
	background-color: #225a78;
	color: #ffffff;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	padding-top: 5px;
	cursor: pointer;
}

.dontShowAgain {
	margin-top: 20px;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.dontShowAgain .dontShowAgainCheckbox {
	width: 20px;
	height: 20px;
	border-radius: 5px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	cursor: pointer;
	overflow: hidden;
}

.dontShowAgain .dontShowAgainCheckbox.checked {
	background-color: #225a78;
}

.dontShowAgain .dontShowAgainCheckbox i {
	font-size: 18px;
	color: #ffffff;
}

.dontShowAgain .text {
	color: #485465;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
}

#rmDialogModalWrapper .rmDialogModal.PauseCampaign .dialogContent,
#rmDialogModalWrapper .rmDialogModal.ResumeCampaign .dialogContent {
	padding: 20px 24px;
}

#rmDialogModalWrapper .rmDialogModal.rmDialogModal.PauseCampaign .dialogButtons .okButton,
#rmDialogModalWrapper .rmDialogModal.rmDialogModal.ResumeCampaign .dialogButtons .okButton,
#rmDialogModalWrapper .rmDialogModal.rmDialogModal.PauseCampaign .dialogButtons .cancelButton,
#rmDialogModalWrapper .rmDialogModal.rmDialogModal.ResumeCampaign .dialogButtons .cancelButton {
	padding: 7px 10px;
	border-radius: 4px;
	width: unset;
	line-height: 16px;
}

#rmDialogModalWrapper .rmDialogModal.rmDialogModal.PauseCampaign .dialogButtons div,
#rmDialogModalWrapper .rmDialogModal.rmDialogModal.ResumeCampaign .dialogButtons div {
	width: unset;
}

#rmDialogModalWrapper .rmDialogModal.question.rmDialogModal.PauseCampaign .dialogTitle,
#rmDialogModalWrapper .rmDialogModal.question.rmDialogModal.ResumeCampaign .dialogTitle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	padding: 0px;
	width: 353px;
	height: 35px;
	-webkit-box-flex: 0;
	    -ms-flex: none;
	        flex: none;
	-webkit-box-ordinal-group: 1;
	    -ms-flex-order: 0;
	        order: 0;
	-ms-flex-positive: 0;
	    flex-grow: 0;
	font-size: 16px;
}

#rmDialogModalWrapper .rmDialogModal.PauseCampaign .dialogTitle .titleIcon span,
#rmDialogModalWrapper .rmDialogModal.ResumeCampaign .dialogTitle .titleIcon span {
	position: absolute;
	left: 0%;
	right: 0%;
	top: 0%;
	bottom: 0%;
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	font-size: 36px;
	line-height: 36px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	color: #225A78;
}

#rmDialogModalWrapper .rmDialogModal.PauseCampaign .dialogTitle .titleText,
#rmDialogModalWrapper.ChangeStatusErrorModal .rmDialogModal .dialogTitle .titleText,
#rmDialogModalWrapper .rmDialogModal.ResumeCampaign .dialogTitle .titleText {
	max-width: 395px;
	margin-left: 42px;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#rmDialogModalWrapper.ChangeStatusErrorModal .rmDialogModal .dialogTitle .titleIcon i {
	position: absolute;
	left: 0%;
	right: 0%;
	top: 0%;
	bottom: 0%;
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	font-size: 36px;
	line-height: 36px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
}

#rmDialogModalWrapper.reportActionModal .rmDialogModal .dialogTitle .titleText {
	color: #225A78;
	font-size: 16px;
	line-height: 120%;
	margin-left: 38px;
}

#rmDialogModalWrapper.reportActionModal .rmDialogModal .dialogTitle .titleIcon i {
	position: absolute;
	left: 0%;
	right: 0%;
	top: 0%;
	bottom: 0%;
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	font-size: 36px;
	line-height: 36px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
}

#rmDialogModalWrapper.reportActionModal .rmDialogModal .okButton {
    padding: 7px 10px;
    gap: 8px;
    width: 73px;
    height: 32px;
    background: #225A78;
    border-radius: 4px;
    line-height: 16px;
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

#rmDialogModalWrapper.reportActionModal .rmDialogModal .dialogMessage a {
    color:#3992B3;
}
.rm-side-nav2 {
	height: 100%;
	position: fixed;
	z-index: 1000;
	margin-top: 0px;
	top: 54px;
	left: 0;
	color: #dcdcdc;
	background: -webkit-gradient(linear, left top, left bottom, from(#242C37), to(#225A78));
	background: linear-gradient(180deg, #242C37 0%, #225A78 100%);
	/* background-color: rgba(107, 107, 107, 1); */
	overflow-x: hidden;
	overflow-y: hidden;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.rm-side-nav2 ul {
	position: absolute;
	top: 50px;
	width: 220px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav-link-wrapper2 {
	cursor: pointer;
}

.nav-link{
	margin-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
    margin-bottom: 15px;
}

.nav-link-feature{
	margin-left: 11px;
	padding-right: 10px;
    margin-top: 0px;
    margin-bottom: 15px;
}

.rm-side-nav2 .rm-nav-link2 .nav-link-wrapper2 {
	height: 40px !important;
	font-size: 16px;
	line-height: 40px;
	padding-right: 9px;
	border-radius: 5px;
	/* border-bottom: 1px solid #9e9e9e; */
}

.rm-side-nav2 .rm-nav-link2.active .nav-link-wrapper2 {
	border-radius: 5px;
	background-color: #B0DFE9;
	/* border-bottom: 1px solid #3992b3; */
	/* border-right: 1px solid #3992b3; */
}

.rm-side-nav2 .rm-nav-link2.active .nav-link-wrapper2 .rm-navbar-link-text2,
.rm-side-nav2 .rm-nav-link2.active .nav-link-wrapper2 .campaignIcon,
.rm-side-nav2 .rm-nav-link2.active .nav-link-wrapper2 .allJobsIcon,
.rm-side-nav2 .rm-nav-link2.active .nav-link-wrapper2 .logOutIcon
{
	/* background-color: red; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	/* justify-content: center; */
	height: 40px;
	color: #242C37;
	margin-top: unset;
	
}

.rm-navbar-link-text2 {
	padding-left: 6px;
	margin-top: -5px;
	/* margin-left: 9px; */
	/* color: #225a78; */
	color: #fff;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}

.rm-side-nav2.rm-side-nav-open ,.rm-side-nav2.rm-side-nav-open .sideBarItems{
	width: 200px;
}

.rm-side-nav2.rm-side-nav-closed {
	width: 60px;
}

.rm-side-nav2.rm-side-nav-closed-feature {
	width: 72px;
}

.rm-nav-link2:hover,.rm-nav-link2.active{
	text-decoration: none;
}

.rm-side-nav a,
.rm-side-nav a:visited,
.rm-side-nav a:hover {
	text-decoration: none !important;
	color: #ffffff !important;
	font-size: 16px;
	font-weight: 400;
}

.rm-side-nav2 .toggle-arrow {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 26px;
	cursor: pointer;
}

.slide-right {
	-webkit-animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-left {
	-webkit-animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slideBarItemSelected {
	width: 13px;
	height: 40px;
	display: block;
	float: left;
}

.rm-nav-link2:not(.active) .nav-link-wrapper2:not(.active):hover {
	background-color: rgba(0, 0, 0, .3);
	 /* margin-top: 5px;
	 margin-bottom: 5px; */
	/* margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px; */
    /* border-radius: 5px; */
}

.rm-nav-link2:not(.active) .close:hover{
	width: 40px;
}

.nav-link-wrapper2.active{
	background-color: #3992b3;
}

.nav-link-wrapper2.menuOpen {
	width: 200px;
}

.nav-link-wrapper2.menuClosed {
	width: 10px;
}

.rm-nav-link2.active .nav-link-wrapper2 .slideBarItemSelected {
	background-color: #3bb0c9;
}

.rm-nav-link2:hover:not(.active) .nav-link-wrapper2 .slideBarItemSelected {
	background-color: #b0dfe9;
}

.campaignIcon {
	font-size: 20px;
	margin-left: 5px;
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 40px;
	color: #fff;
	margin-top: unset;
}

.allJobsIcon {
	font-size: 20px;
	margin-left: 5px;
	float: left;
	line-height: 58px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 40px;
	color: #fff;
	margin-top: unset;
}

.logOutIcon {
	font-size: 20px;
	margin-left: 5px;
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 40px;
	color: #fff;
	margin-top: unset;
}

.icon-notification {
	font-size: 20px;
	margin-left: 5px;
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 40px;
	color: #fff;
	margin-top: unset;
}

.arrowNavigation {
	width: 18px;
	height: 18px;
	color: #ffffff;
	font-size: 18px !important;
	margin-top: 1px;
	font-weight: 400;
}

.hiddenFadeOut {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 0s 5s, opacity 5s linear;
	transition: visibility 0s 5s, opacity 5s linear;
}

.rmSideBarAmination-enter {
	opacity: 0.01;
}

.rmSideBarAmination-enter.rmSideBarAmination-enter-active {
	opacity: 1;
	-webkit-transition: opacity 500ms ease-in;
	transition: opacity 500ms ease-in;
}

.rmSideBarAmination-leave {
	opacity: 1;
}

.rmSideBarAmination-leave.rmSideBarAmination-leave-active {
	opacity: 0.01;
	-webkit-transition: opacity 700ms ease-out;
	transition: opacity 700ms ease-out;
}

#toggleArrow2 {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	cursor: pointer;
	position: fixed;
	height: 20px;
	/* width: 20px; */
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	bottom: 24px;
	z-index: 1001;
	line-height: 18px;
	opacity: 1;
	-webkit-transition: background-color 0.25s;
	transition: background-color 0.25s;

	
}

#toggleArrow2 :hover {
	background-color: #296988;
	-webkit-clip-path: circle(40%);
	        clip-path: circle(40%);
	padding: 12px;
	margin :-12px;
	text-align: center;
}

#toggleArrow2.toggleHidden {
	opacity: 0;
	pointer-events: none;
}

#rmSideNavWrapper {
	position: relative;
}

#sideBarItemsWrapper {
	height: 100%;
	display: block;
	border-right: 1px solid #bdbdbd;
}

.pointToRight {
	-webkit-transform: rotateY(180deg);
	        transform: rotateY(180deg);
	-webkit-transition: -webkit-transform 0.7s ease-in-out;
	transition: -webkit-transform 0.7s ease-in-out;
	transition: transform 0.7s ease-in-out;
	transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
}

.pointToLeft {
	-webkit-transform: rotateY(0deg);
	        transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.7s ease-in-out;
	transition: -webkit-transform 0.7s ease-in-out;
	transition: transform 0.7s ease-in-out;
	transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
}

.logo{
	padding-top: 20px;
    margin-left: -8px;
}

.smallLogo{
	padding-top: 40px;
	padding-bottom: 40px;
	margin-left: 17px;
}

.sideBarItems {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%; 
	width: 100%;
	}

.link-item{
	height: 40px;
}

.actionsWarpper .link-item{
margin-top: 10px;
}

.link-item.first-link-item{
	height: auto;
}

.actionsWarpper{
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	margin-top: auto;
	margin-bottom: 56px;
	margin-right: 10px;
	margin-left: 10px;
}