html, body {
	width: 100%; 
	padding: 0px;
	margin: 0; 
	font-family: 'Montserrat', sans-serif;
	min-width:1000px;
}
body {
	background-color: #fefaf9;
	font-size: 16px;
}
body *{
	-moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
select{
  -webkit-appearance:none;
  appearance:none;
  -moz-appearance:none;
}
select, input, button, textarea {outline: 0;}
select:focus, input:focus, button:focus, textarea:focus {outline:0;}
select, .selectLike{
	background-image: url("/i/selector.svg");
	background-color: #FFFFFF !important;
	background-repeat: no-repeat;
	background-position: calc(100% - 2px) 12px;
	cursor: pointer;
	padding-right: 28px;
	font-family: 'Montserrat', sans-serif;
}
.selectLike {
	line-height: 34px;
}
form {
	margin:0;
	padding:0;
}
input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.linebreak.savealert, .savealert {
	text-align: left; 
	display: none;
	width: initial;
	height: 34px;
	line-height: 34px;	
}
.savealert span{
	font-weight: 600;
	font-size: 14px;
	color: #7ED321;
}
.savealerttext{
	font-weight: 600;
	font-size: 14px;
	color: #7ED321;
}
.Invisible {display: none;}
.linebreak{
	float: left; 
	width: 100%; 
	height:0px; 
	margin:0;
	font-size: 14px;
	font-weight: normal;
	color: #1a2030;	
}
.sort {
	width: 16px;
	height: 100%;
	background-image: url("/i/selector.svg");
	background-color: #FFFFFF !important;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	float: left;
	display: block;
	margin-left: 10px;
}
.sort.DESC {
	transform: rotate(180deg);
}
.switch {
	float: left;
	width: 38px !important;
	height: 22px !important;
	background-color: #e0e3e9;
	border-radius: 11px;
	margin:0;
	cursor: pointer;
}
.switch::before{
	display: block;
	background-color: #FFF;
	border-radius: 15px;
	width: 18px;
	height: 18px;
	content: "";
	margin: 2px;
	float: left;
	position: relative;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;		
}
.switch.on::before{
	margin-left: 18px;
}
.switch.on {
	background-color: #2e8ef6;
}
.radiobox {
	float: left;
	width: 14px;
	height: 14px;
	margin:0;
	padding:0;
	border-radius: 14px;
	border: 2px #a8b2b9 solid;
	cursor: pointer;
}
.radiobox.checked {
	border: 2px #2e8ef6 solid;
}
.radiobox.checked::before{
	display: block;
	background-color: #2e8ef6;
	border-radius: 10px;
	width: 10px;
	height: 10px;
	content: "";
	float: left;
	position: relative;
	top: 2px;
	left: 2px;	
}
.Link {
	line-height: 32px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	color: #2e8ef6;
}
.Link svg{
	display: block;
	width: 24px; 
	height: 24px; 
	float: left; 
	margin: 5px 10px 0px 30px;
}
.SimpleLink{
  font-size: 13px;
  font-weight: 600;
  color: #2e8ef6;
  text-decoration: none;
  line-height: 32px;
}
/***** AUTH PAGES *******************/
.LoginFrameWrap {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	margin:0;
	text-align: center;
	overflow: auto;
}
.JahontsLogo{
    text-align: center;
}
.LoginChildWrap,.JahontsLogo{
	display: block;
	float: left;
	width:100%;
	height: auto;
}
.LoginChildWrap.Login{margin-top: 80px;}
.LoginChildWrap .LoginIcon {fill: #CC2F90}
.JahontsLogo span,
.LoginChildWrap.Logo span,
.LoginChildWrap.LoginLabel span,
.LogoLang span{
	display: block; 
	width: 100%; 
	margin-top: 10px; 
	font-family: 'Lora', serif; 
	font-weight: 500; 
	color: #1a2030;
}
.LoginChildWrap.Logo, .JahontsLogo{margin-top:61px;}
.LoginChildWrap.Logo span,.JahontsLogo span{font-size: 16px; }
.LoginChildWrap.Logo svg,.JahontsLogo svg{width: 200px;height: 26px;}
.LoginChildWrap.LoginLabel span{
	font-size: 20px;
}
.LogoLang span {font-family: 'Montserrat', sans-serif; font-size: 12px; margin-bottom: 10px;}
.LogoLang{height: auto;width:100%; text-align:center; display:inline-block; margin-bottom: 50px;}
.LogoLang>select {font-size: 12px; float: initial; display: inline-block;width: 170px; font-family: 'Montserrat', sans-serif; font-weight: 500;}
.LoginFrame {
	display: inline-block;
	width: 260px;
	height: 232px;
	padding: 30px;
	border-radius: 2px;
	box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.08);
	background-color: #ffffff;
	margin-top: 21px;
}
.LoginFrame p.label{
	width: 100%;
	text-align: center;
	float: left;
	height: 30px;
	line-height: 30px;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	color: #1a2030;	
	margin: 16px 0px;
}
.LoginFrame p.label a{
	text-decoration: none;
	color: #1a2030;	
}
.LoginFrameWrap .ErrorDescription {
	font-family: 'Montserrat', sans-serif;
	float: initial;
	display: inline-block;
	width: initial;
	min-height: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	font-weight: 500; 
	color: #d52e42;
	margin: 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding:0;
	text-align: left;
}
.LoginFrame input.ErrorField {
	background-color: #FFFEEA;
	border: 1px #FF0000 solid;
}
.LoginFrame input{
	float: left;
	width: 100%;
	height: 30px;
	background-color: #ffffff;
	border-radius: 2px;
	border: solid 1px #ced0d8;
	padding-left: 12px;
	margin: 0px 0px 24px 0px;
}
.LoginFrame input[type=text], .LoginFrame input[type=password]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.LoginFrame input::placeholder{
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	color: #7e8793;
}
.LoginFrameButton {
	width: 100%;
	height: 30px;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #ffffff;
	border-radius: 2px;
	background-color: #cc2f90;
	border:0;
}
/***** SIDE MENU ********************/
.SideMenu {
	width: 185px;
	height: 100%;
	position: fixed;
	top:0px;
	background-color: #FFF;
	z-index: 12;	
}
.SideMenu::after{
	content:"";
	height: 100%;
	position: absolute;
	right: 0px;
	top:54px;
	width: 1px;
	background-color: #edeff4;
}
.SideMenu .LogoBlock {display: inline-block; width: 100%; margin: 18px 0px 17px 0px; text-align: center;}
.SideMenu .LogoBlock  img{display: inline-block; width: 144px; height: 30px;}
.SideMenu .Menu {
	width: 100%;
	float: left;
	margin-top: 120px;
}
.SideMenu .Menu hr {
	float: left; 
	width: 100%;
	border:0;
	border-top: 1px #edeff4 solid;
	width: calc(100% - 40px);
	margin-left: 20px;
	position: relative;
	top: -10px;
}
.SideMenu .Menu>div svg{
	float:left;
	height: 24px;
	width: 24px;
	margin: 0px 10px 0px 24px;
	position: relative;
	top: 2px;
}
.SideMenu .Menu>div svg  {fill: #BFCDD8;}
.SideMenu .Menu>div{
	width: 100%;
	height: 28px;
	line-height: 28px;
	min-height: 28px;
	font-family: "Source Sans Pro";
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.26px;
	color: #2e3a59;
	float: left;
	cursor: pointer;
	z-index: 16;
	margin: 0px 0px 24px 0px;
}
.SideMenu .Menu > div.DivSel {
	margin-bottom: 0;
	color: #2e8ef6;
}
.SideMenu .Menu > div.DivSel svg,
.SideMenu .Menu > div.DivSelSingle svg{
	fill: #2e8ef6 !important
}
.DivSelSingle::before, .DivSel::before{
	content:"";
	height: 28px;
	width:6px;
	background-color: #2e8ef6;
	display: block;
	position: absolute;
	border-radius: 4px;
	margin-left: 0px;
}
.SideMenu .Menu>p{
	width: 100%;
	height: 24px;
	line-height: 24px;
	min-height: 24px;
	font-family: "Source Sans Pro";
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.26px;
	color: #2e3a59;
	float: left;
	cursor: pointer;
	z-index: 16;
	margin: 0px;
	padding-left: 58px;
}
.SideMenu .Menu>p svg {width: 24px; height: 24px; stroke: #2e8ef6;}
p.Spacer, p.lastSpacer{height: 24px; }
p.selected.on{
	color: #2e8ef6;
}
/**** USER NAVIGATION ********/
.UserNav {
	float: left;
	width: 100%;
	height: 60px;
	margin: 0;
	padding:0;
	position: fixed;
	background-color: #fefaf9;
	padding: 21px 30px 14px 0px;
	z-index: 13;	
}
.UserNav .UserNotify{
	float: right; 
	width: initial; 
	height: 54px; 
	position: relative; 
	top: -15px; 
	left: 28px; 
	padding-top:15px;
}
.UserNav .AvailableNotify{
	width: 13px;
	height: 13px;
	margin: 0;
	text-decoration: none;
	position: absolute;
	top: 0;
	right: -3px;
	background-color: #d64132;
	outline: 2px #FFF solid;
	border-radius: 13px;
	line-height: 13px;
	color: #FFF;
	text-align: center;
	font-size: 10px;
	font-weight: 600;
	padding: 0;
	display:none;
}
.UserNav .Separator{
	height: 60px;
	width: 1px;
	border:0;
	background-color: #f1f4fa;
	margin:0;
	position: absolute;
	top:0;
	right:285px;
}
.UserNav h1{
	float:left; 
	width: initial; 
	font-family: "Source Sans Pro";
	font-weight: normal;
	height: auto;
	margin:0;
	padding:0;
	color: #1a2030;
	font-size: 16px;
}
.UserNav .LogoBlock {float: left; width: 185px; margin: 0px 30px 17px 0px; text-align: center; position: relative;}
.UserNav .LogoBlock::after {
	content:"";
	width: 1px;
	height: 55px;
	border-right: 1px #f1f4fa solid;
	position: absolute;
	right: 0;
	top: -15px;
}
.UserNav .LogoBlock  img{display: inline-block; width: 126px; height: 20px;}
#user-account svg, #user-search-box svg, #notify svg, #faq svg{
	display: block;
	float:left;
	width:24px;
	height: 24px;
	fill: #CC2F90;
}
#faq, #notify, #user-account, #user-account-box, #notify-box, #user-search-box {
	display: block;
	float: right;
	width: 24px;
	height: 24px;
	margin: 0px;
	z-index: 6;	
	line-height: 54px;
	margin-left: 48px;
	position: relative;
}
#notify, #faq{
	width: initial;
	margin-right: 60px;
	color: #1a2030;
	text-decoration: none;
}
#notify span, #faq span{ 
	float: left;
	height: 24px;
	line-height: 24px;
	font-family: 'Montserrat', sans-serif; 
	font-size: 12px; 
	font-weight: 500;
	margin-bottom: 10px;
}
#notify svg, #faq svg{ 
	fill: #fcd5d3; 
	float: left; 
	margin-right: 10px;
}
#user-account {
	width: 40px; 
	line-height: 24px; 
	margin-right: 30px;
}
#user-account span{
	display: block;
	float: right;
	height: 5px;
	width: 5px;
	border-right: 2px #959fa7 solid;
	border-bottom: 2px #959fa7 solid;
	transform: rotate(45deg);
	position: relative;
	top: 7px;
}
#user-search-box {margin-right:0;}
#user-account-box, #notify-box {
	width: 43px;
	height: 32px;
}
#notify-box, #user-account-box {
	position: absolute;
	top: 10px;
	right: 11px;
	margin: 0;
	z-index: 6;	
}
#notify-box::after, #user-account-box::after{
	border-color: #000 !important;
	top: 7px !important;
	left: 35px;
	width:5px !important;
	height:5px !important;
}
#user-account.open, #user-account-box, #notify-box{
	background-position: -100px -100px;
}
#user-account.open::after{
	transform: rotate(225deg);
	display: none;
}
#user-account-menu, #notify-menu {
	right: 20px;
	top: 14px;
	position: fixed;
	width: auto;
	height:auto;
	overflow: hidden;
	width: 200px;
	background-color: #FFFFFF;
	font-size: 10pt;
	border-radius: 4px;
	box-shadow: 0 11px 23px 0 rgba(0, 0, 0, 0.1);
	padding: 20px;
	z-index: 15;
}
#notify-menu {
	right: 107px;
	width:240px;
}
#notify-menu h2{
	margin:0;
	color: #1a2030;
	font-size: 14px;
	font-weight: 600;	
}
#notify-menu .NotifyList {
	width: calc(100% + 40px);
	position: relative;
	left: -20px;	
	float: left;
	height: auto;
	text-align:center;
	padding-top: 10px;	
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}
#notify-menu .NotifyList h2 {
	color: #2e3a59;
	font-size: 18px;
	font-weight: 600;	
	margin-top: 13px;
	text-align: center;
}
#notify-menu .NotifyList img {
	display: inline-block;
}
#notify-menu .NotifyList .Notification {
	width: 100%;
	position: relative;
	border-bottom: 1px #e5e8eb solid;
	padding: 8px 34px 8px 16px;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	color: #1a2030;
	line-height: 25px
}
#notify-menu .NotifyList .Notification:last-child{
	border-color: #FFF;
}
#notify-menu .NotifyList .Notification a {
	width: 18px;
	height: 18px;
	position: absolute;
	right:16px;
	top: calc(50% - 9px);
}
#notify-menu .NotifyList .Notification a img{
	width: 18px;
	height: 18px;
}
#user-account-menu .Separator, #notify-menu .Separator{
	width: calc(100% + 40px);
	position: relative;
	left: -20px;
	border-bottom: 1px #e5e8eb solid;
}
#user-account-menu .Icon{
	background-color: transparent;
	width: initial;
	margin: 0px 10px 0px 0px;
}
#user-account-menu a.hlp{
	display: block;
	float: left;
	width:100%;
	height: 24px;
	line-height: 24px;
	color: #1a2030;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 18px;
}
#user-account-menu a.hlp svg {
	width: 24px;
	height: 24px;
	float: left;
	fill: #bfcdd8;
	margin-right: 12px;
}
#user-account-menu .username {
	height: 42px;
	line-height: 42px;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #444b5c;
	width: calc(100% - 56px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}
#user-account-menu p {
	text-decoration: none;
	color: #2e8ef6;
	font-size: 12px;
	cursor: pointer;
	line-height: 19px;
	padding: 7px;
	margin: 20px 0px 0px 0px;
	float: left;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left center;
}
#user-account-menu p:hover{
	color: #e74c3c;
}
.alert::after{
	content: "";
	width: 7px;
	height: 7px;
	background-color: #e74c3c;
	display: block;
	float: right;
	border-radius: 7px;
	position:relative;
}
.navi-text {
	float: right;
	width: auto;
	height: 19px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	color: #55626e;
	margin-right: 48px;
}
.navi-text.alert::after{
	top: -4px;
	left: 4px;
}
.navi-text>span>span, .navi-text>center>span>span {
	text-transform: initial;
	color: #282828;
	font-size: 10px;
}
.SetupGuideButton, .FreeMessagesButton, #balance {
	display: block;
	height: auto;
	line-height: inherit;
	width: initial;
	white-space: nowrap;
	float: right;
	text-decoration: none;
	font-family:  "Source Sans Pro", Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0.26px;
	font-size: 14px;
	font-weight: 600;	
	color: #2e3a59;	
	position: relative;
	top: 2px;	
}
#balance {
	float: left;
	margin:0 0 0 30px;
}
#CloseGuide{
	position: fixed;
	top:30px;
	right:30px;
	z-index:55;
	display:none;
}
/****  ICONS *****/
.Icon  {
	display: block;
	float: left;
	margin-right: 16px;
	width: 40px;
	height: 40px;
	background-color: #fefaf9;
	text-align: center;
	border-radius: 4px;
}
.Icon.Pnt {cursor: pointer}
.Icon svg{fill:#CC2F90; display: inline-block; width:24px; height: 40px;}
#Icontitle {
	display: none;
	min-width: 100px;
	max-width: 140px;
	width: max-content;
	background-color: rgba(46, 58, 89, 0.9);
	border-radius: 4px;
	position: absolute;
	z-index:200;
	padding:5px;
	font-size: 12px;
	font-weight: 600;
	color: #edeff4;	
	text-align: center;
}
#Icontitle::before{
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	top: calc(50% - 3px);
	left: -3px;
	background-color: rgba(46, 58, 89, 0.9);
	transform: rotate(45deg);
}
#Icontitle.left::before {display: none;}
#Icontitle.left::after {
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	top: calc(50% - 3px);
	right: -3px;
	background-color: rgba(46, 58, 89, 0.9);
	transform: rotate(45deg);
}
h3 .Icon, h2 .Icon  {
	width: 24px;
	height: 24px;
	background-color: transparent;
}
h3 .Icon svg, h2 .Icon svg{fill:#2e3a59; display: inline-block; width:24px; height: 37px;}
h2 a {
	float: right;
	display: block;
	width: 24px;
	height: 24px;
	margin:0;
}
h2 a svg{
	fill:#2e8ef6; 
	stroke:#2e8ef6; 
	display: inline-block; 
	width:24px; 
	height: 32px;
}
.Dialog .Header .HdrIcon  {
	display: inline-block;
	float: left;
	margin-right: 16px;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	margin-top: 17px;
}
.Dialog .Header i.HdrIcon  svg{fill:#2E3A59; display: inline-block; width:24px; height: 24px;}
/****** DATA CONTAINER *****/
.datacontainer {
	float: left;
	width: calc(100% - 130px);
	margin: 0px 0px 0px 100px;
	height: auto;
	padding:0;
}
.datacontainer.first {padding-top: 60px;}
.datacontainer.withsidepanel{width: calc(100% - 530px); min-width: 600px;}
.datacontainer.withsidepanelLeft{width: calc(100% - 445px); margin: 0px 0px 0px 415px;}
.datacontainer .list>.separator{
	width: calc(100% + 48px);
	position: relative;
	left: -24px;
	border-bottom: 1px #e5e8eb solid;
}
.datacontainer h1, .datacontainer h2, .datacontainer h3, .datacontainer h4, .Dialog h4, .sidepanel h4, #user-account-menu h4,  #user-account-menu h3{
	float: left;
	width: 100%;
	line-height: 28px;
	height: 28px;
	font-size: 18px;
	font-weight: normal;
	color: #55626e;
	margin:0;
	padding:0;
	text-align: left;
	white-space: nowrap;
}
.datacontainer h1{
	overflow: hidden;
	text-overflow: ellipsis;
}
.datacontainer h1{margin-top: 56px;}
.datacontainer h2 {
	font-size: 16px;
	font-weight: 500;
	color: #1a2030;
	font-family: 'Lora', serif; 	
	margin: 22px 0px 15px 0px;
}
.datacontainer h3, #user-account-menu h3{
  font-size: 16px;
  font-weight: normal;
  color: #1a2030;  
}
.sidepanel h4, .Dialog h4, .datacontainer h4, #user-account-menu h4{
  font-size: 14px;
  font-weight: normal;
  color: #1a2030;
}
.datacontainer h3 a {
	float: right;
}
.datacontainer h3 a::before{
	content: "";
	display: block;
	width:18px;
	height: 18px;
	position: relative;
	top:9px;
	background-image: url("/i/help.svg");
	background-repeat: no-repeat;
	background-size: 18px;
}
.datacontainer h3 p {
	width: auto !important;
	float: right !important;
	font-size: 13px;
	font-weight: 600;
	color: #cc2f90;
	text-transform: uppercase;
	cursor: pointer;
	margin:0;
}
.datacontainer .action>a{
	display: block;
	height: 34px;
	line-height: 34px;
	background-color: #FFF;
	text-decoration: none;
	color: #2e3a59;
	float: left;
	width: initial;
	font-family: "Source Sans Pro";
	font-size: 14px;
	font-weight: 600;
	padding: 0px 30px;
	border-radius: 8px;
	box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.03);
	margin-right:30px;
}
.datacontainer .action a.regular{
	box-shadow: none;
	background-color: #cc2f90;
	color: #ffffff;
	position: relative;
}
.datacontainer .action a.filterChoise{
	border-radius: 2px;
	background-color: #fcd5d3;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 600;	
}
.datacontainer .action a.right {float: right; margin-right:0px; margin-left:30px;}
.datacontainer .action a.preicon {padding-left: 0;}
.datacontainer .action a.posicon {padding-right: 0;}
.datacontainer .action a.singleIcon{padding: 0;}
.datacontainer .action a span{
	display: block;
	width: 34px;
	height: 34px;
	float: left;
	text-align: center;
	font-size: 18px;
	font-weight: bold;	
}
.datacontainer .action a.preicon span {margin-right: 15px;}
.datacontainer .action a.posicon span {float:right; margin-right: 0; margin-left: 30px;}
.datacontainer .action a span svg{
	width:10px; 
	height: 34px;
	display: inline-block;
	float: initial;
	stroke: #2E3A59;
	fill: #2E3A59;
}
.datacontainer .action a img{
	float: left;
}
.actionPan {
	float: left;
	width: 100%;
	height: auto;
	margin: 24px 0px;
}
.actionPan.action.small.regular a{color: #cc2f90;}
.actionPan h1{
	display: inline-block;
	margin: 0 60px 0px 0px;
	width: initial;
	font-family: 'Lora', serif; 
	color: #161923;
	font-size: 18px;
	font-weight: 500;	 
}
.pagerWrap {
	width: 100%;
	float: left;
	margin-top: 15px;
}
.datacontainer .perpager {
	width: initial;
	white-space: nowrap;
	float: right;
	height: 30px;
	line-height: 30px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	color: #55626e;
	position: relative;
}
.datacontainer .perpager select{
	width: 90px;
	display: inline-block;
	float: right;
	margin-left: 10px;
	border-color: #FFF;
	padding-right: 34px;
	background-color: #fcd5d3 !important;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: normal;	
}
.datacontainer .pager {
	width: 300px;
	background-color: #FFF;
	border-radius: 4px;
	float: left;
	margin: 0px;
	color: #2e3a59;
	font-weight: normal;
	color: #2e3846;
	height: 34px;
	line-height: 34px;
	position: relative;
	z-index: 11;
}
.datacontainer .pager a{
	display: inline-block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	text-decoration: none;
	margin: 0px;
	
}
.datacontainer .pager a svg{
	fill: #2E3A59;
	height: 34px;
	width: 24px;
}
.datacontainer .pager a.Off svg{
	fill: #CBD6DE;
}
.datacontainer .pager p {
	float: right;
	width: initial;
	line-height: 34px;
	height: 34px;
	margin:0;
	padding-right: 14px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #2e3a59;	
}
.datacontainer .pager a.Current{
	border-radius: 2px;
	background-color: #ffc80a;
}
.datacontainer .list {
	float: left;
	width: 100%;
	margin: 0px;
	border-radius: 2px;
	background-color: #FFFFFF;
	padding: 8px 24px;
	box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.08);
}
.datacontainer .list .ListAction a {
    color: #cc2f90;
    font-weight: 600;
    text-decoration: none;
}
.ListItem>p i.Actions, .list p.Actions, .filterBlock .FilterClose {
	display: block;
	width: 23px;
	height: 23px;
	cursor: pointer;
	position: relative;
}
.fastMenu i.Actions::after, .ListItem>p i.Actions::after,.list p.Actions::after {
	content: "···";
	width: 23px;
	height: 23px;
	line-height: 23px;
	letter-spacing: 2px;
	float: left;
	position: absolute;
	z-index: 10;
	left: 7px;
}
.datacontainer input, .datacontainer select, .datacontainer textarea, .selectLike, #user-account-menu select,
.sidepanel input, .sidepanel select, .sidepanel textarea{
	float: left;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	font-weight: 500;
	background-color: #ffffff; 
	padding-left: 15px;
	border-radius: 2px;
	border: solid 1px #ced0d8;
	color: #1a2030;
}
.datacontainer select option {font-size: 12px; font-family: 'Montserrat', sans-serif;}
.datacontainer.wideFields input, .datacontainer.wideFields select, .datacontainer.wideFields .selectLike, .datacontainer.wideFields textarea{height: 34px;}
.datacontainer.wideFields h2, .datacontainer.wideFields h3, .datacontainer.wideFields h4 {line-height: 34px; height: 34px;}
.datacontainer input[type=text], .datacontainer input[type=password]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.datacontainer select, #user-account-menu select{
	background-color: transparent;
}
.datacontainer .list .search, .FilterAreaInput {
	float: right;
	height: 34px;
	background-color: #fff;
	margin:0;
	border: 1px #fcd5d3 solid;
	padding-left: 20px;
	font-size: 12px;
	font-weight: 600;
	color: #2e3a59;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: normal;
	position: relative;
}
.datacontainer .list .search + label{
	width: 42px;
	height: 34px;
	background-color: #fcd5d3;
	display:inline-block;
	position: relative;
	left: -42px;
	background-image: url("/i/search.svg");
	background-repeat: no-repeat;
	background-position: center;
}
.datacontainer .list .search::placeholder, .FilterAreaInput::placeholder{
	color: #2e3a59;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	opacity: 1;
}
.FilterAreaInput {
	background-image: none;
}
.list>strong{
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	color: #55626e;
	padding-left: 20px;
}
.list table {
	width: 100%;
	margin: 15px 0px 15px 0px;
	float: left;
    border-spacing: 0px;
    border-collapse: separate;
	background-color: #FFFFFF;
	position: relative;
}
.list table tr th:first-child, .list table tr td:first-child{
	padding-left: 24px;
}
.list table th, .list table td {
	height: 40px;
	line-height: 40px;
	font-size: 12px;
}
.list table td {
  font-size: 14px;
  font-weight: 500;
  color: #444b5c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list table th{
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-align: left;
	color: #252933;
	overflow: hidden;
}
.list table tbody tr:nth-child(1) td {border-top: 1px #edeff4 solid;}
.list table tr td, .list table tr th{border-bottom: 1px #edeff4 solid;}
.list .Selectors {
	position: relative;
	padding: 24px 30px 15px 0px;
	background-color: #FFFFFF;
}
.list .Selectors label{
	position: relative;
	top: -12px;
	left:10px;
}
.list .Selectors svg{position: relative; left:10px; width: 20px; height: 20px; fill:#959fa7;}
.list input[type=checkbox],
.mycheckbox{
	display:none;
}
.list input[type=checkbox] + label,
.mycheckbox + label{
	float: left;
	font-size: 14px;
	color: #444b5c;	
	line-height: 24px;
	color: #1a2030;
	position: relative;
	height: auto;
	padding: 0px 7px 0px 28px;
	position: relative;
	top: -12px;
}
.list input[type=checkbox] + label.Disabled,
.mycheckbox + label.Disabled{
	color: #B7B7B7;
}
.list input[type=checkbox] + label::after,
.mycheckbox + label::after
{ 
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: solid 1px #bfcdd8;
	float: left;
	color: #FFFFFF;
	line-height: 14px;
	text-align: center;	
	position: absolute;
	top: 3px;
	left:0px;
}
.list input[type=checkbox] + label::before,
.mycheckbox + label::before{ 
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 2px;
	background-color: #fff;
	position: absolute;
	top: 6px;
	left:3px;	
}

.list input[type=checkbox].reversed + label{
padding: 0 30px 0px 0px;
}
.list input[type=checkbox].reversed + label::after {
	left:initial;
	right: 0px;
}
.list input[type=checkbox].reversed + label::before{ 
	left:initial;
	right: 3px;
}

.list input[type=checkbox]:checked + label::after,
.mycheckbox:checked + label::after{ border: solid 1px #cc2f90;}
.list input[type=checkbox]:checked + label::before,
.mycheckbox:checked + label::before{ background-color: #cc2f90;}
/**** SIDE PANEL *********/
.sidepanel {
	position: fixed;
	right:0;
	top:60px;
	width: 285px;
	height: calc(100% - 60px);
	background-color: #FFF;
	z-index: 10;
	border-top: solid 1px #edeff4;
	padding: 30px 20px;
	z-index: 14;
}
.sidepanel.Left{
	width:200px;
	left: 185px;
}
.sidepanel::before{
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 1px;
	border-left: 1px #f1f4fa solid;
	top: 0px;
	left: -1px;
}
.sidepanel.Left::before{
	height: calc(100% + 55px);
	top: -55px;
}
.sidepanel.Left::after{
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 1px;
	border-left: 1px #edeff4 solid;
	top:0px;
	right: -1px;
}
.sidepanel .Label {
	height: 40px; 
	line-height: 40px;
	font-family: "Source Sans Pro";
	font-size: 16px;
	color: #1a2030;	
}
.sidepanel .Label a{
	display: block;
	float: right;
	height: 20px;
	width: 20px;
	margin-top: 10px;
}
.sidepanel .Label a svg{
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	fill: #cc2f90;
	stroke: #cc2f90;
}
.sidepanel .ListData{height: auto;}
.sidepanel .ListData .ListItem{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	border-bottom: solid 1px #edeff4;
}
.sidepanel .ListData .ListItem:hover p,
.sidepanel .ListData .ListItem.On p
{ color: #cc2f90; cursor: pointer;}
.sidepanel .ListData .ListItem>p{
	float: left;
	width: initial;
	margin:0;
	height: 40px;
	line-height: 40px;
	font-family: "Source Sans Pro";
	font-size: 14px;
	font-weight: 600;
	color: #1a2030;	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ListItem>p i.Actions, .ListItem>p i.Actions::after{
	height:40px;
	line-height:40px;
}
#SettingsMenu.sidepanel {
	padding: 30px;
} 
#SettingsMenu a{
	float: left;
	width: 100%;
	border-bottom: 1px #edeff4 solid;
	height: 40px;
	line-height: 39px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	color: #1a2030;  
}
#SettingsMenu a.On, #SettingsMenu a:hover {
	color: #cc2f90;
}
/**** SETUP GUIDE ********/
#HelperBox {
	position: absolute;
	z-index: 51;
	background-color: rgba(256,256,256,0.7);
	top:0;
	left:0;
	display: none;
	border-radius: 4px;
}
#ClickHere {
	position: absolute;
	z-index: 51;
	top:100;
	left:100;
	display: none;
	background-image: url("/i/clickhere.svg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto 40px;
	height: auto;
	padding-top: 40px;
	font-weight: 600;
	font-size: 14px;
	color: #FFFFFF;
	text-transform: uppercase;
}
/**** DIALOGS ************/
#Overlay, #systemMessageOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(73, 81, 103, 0.5);
	display: none;
	z-index: 50;
	top:0;
	left:0;
}
#systemMessageOverlay {
	z-index: 999;
}
.Dialog {
	position: fixed;
	top:100;
	left:100;
	width: 400px;
	height: 400px;
	background-color: transparent;
	z-index: 2;
	top: 50%;
	z-index: 100;
	border-radius: 2px;
	box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.08);
}
.Dialog .Instruction {
	float: left;
	width:100%;
	height: auto;
	font-size: 12px;
	line-height: 1.5;
	color: #444b5c;
	padding: 0px 30px 0px 0px;
}
.dialogOff {
	box-shadow: 0 11px 23px 0 rgba(0, 0, 0, 0.1);
	z-index: 2;
}
.Dialog .message{
	float: left;
	width: 100%;
	height: auto;
	padding:20px;
	background-color: #FFFFFF;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	text-align:center;
}
.Dialog .Header{
	float: left;
	width: 100%;
	height: 65px;
	line-height: 65px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	background-color: #FFFFFF;
	margin:0;
	padding: 0px 24px 0px 24px;
	position: relative;
	font-family: 'Lora', serif; 
	font-size: 18px;
	font-weight: 500;
	color: #2e3a59;		
}
.Dialog .Header>div {
	font-size: 12px;
	letter-spacing: 0.6px;
	float: left;
	margin: 0;
	position: absolute;
	width: calc(100% - 48px);
	text-align: center;
	text-transform: uppercase;
	height: 60px;
}
.Dialog .Header>div>span {
	padding: 0px 7px 0px 7px;
}
.Dialog .Header>div strong{
	height: 17px;
	border-bottom: 2px #FFF solid;
}
#systemMessage, #popupMessage {
	z-index: 1000;
	width: 421px;
	height: auto;
	top: calc(50% - 100px);
	left: calc(50% - 175px);
	border: 0px ;
}
#popupMessage {
	display: block;
	top: -100px;
	box-shadow: 0 11px 23px 0 rgba(0, 0, 0, 0.1);
}
#popupMessage .message{
	text-align: left;
	padding-left: 54px;
	font-family: 'Lora', serif; 
	font-size: 16px;
	font-weight: 500;	
}
#popupMessage .Header::before{
	background-image: none;
}
#popupMessage.Slow{
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;		
}
#systemMessage .Header {height: 1px;}
#popupMessage .Header{height: 15px;}
#popupMessage svg {width: 24px; height: 24px; position: absolute; left: 18px; top: 17px; display: none;}
#popupMessage.ok  .Header::before{background-color: #109e43;}
#popupMessage.ok svg.ok {fill:#109e43; display: block;}
#popupMessage.err .Header::before{background-color: #F00;}
#popupMessage.err svg.err {fill:#F00; display: block;}
#systemMessage button{
	font-size: 12px;
	height: 33px;
	line-height: 30px;
	margin:0;
	margin-left: calc(50% - 35px);
	margin-top: 30px;
	letter-spacing: 0.6px;
	padding: 0px 40px;
	background-color: #cc2f90;
	color: #ffffff;
	border: solid 2px #cc2f90;	
}
#systemMessage button:first-child{
	margin-left: 0;
}
#systemMessage #yes {
	float: left;
	margin: 30px 20px 0px 0px;
}
#systemMessage #no {
	float: left;
	margin: 30px 0px 0px 0px;
}
.Dialog .Header a {
	float: right;
	text-decoration: none;
	position: relative;
	z-index: 5;
	font-family: "Source Sans Pro";
	font-size: 18px;
	font-weight: 600;
	color: #2e3a59;	
}
.Dialog  .DialogScroller{
	float: left;
	margin:0;
	width:100%;
	height: calc(100% - 60px);
	overflow: hidden;
	overflow-y: auto;
}
.Dialog  .DialogScroller>div {
	height: auto;
	float: left;
	margin:0;
	width: 100%;
}
.Dialog .DataSelector{
	float: left;
	margin:0;
	width: 22%;
	height: calc(100% - 60px);
	background-color: #FFFFFF;
	border-bottom-left-radius: 6px;
	font-size: 13px;
	font-weight: 600;
	color: #444b5c;	
	padding-left: 24px;
}
.Dialog .DataSelector a {
	float: left;
	height: 30px;
	line-height: 30px;
	color: #cc2f90;
	text-decoration: none;
	text-transform: uppercase;
}
.Dialog .DataSelector a img{
	float: left;
}
.Dialog .DataArea>form>p,.Dialog .DataArea>p, .Dialog .DataArea .linebreak>p, .Dialog .DataSelector p{
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 500;
	float: left;
	width: 100%;
	margin:0;
	padding:0;
	height: 30px;
	line-height: 30px;
	color: #1a2030;	
}
.Dialog .DataArea{
	float: left;
	margin:0;
	width: 78%;
	height: calc(100% - 60px);
	background-color: #FFF;
	border-bottom-right-radius: 2px;
	padding-left: 24px;
	padding-right: 24px;
}
.DataArea.Full {
	width: 100%;
	border-bottom-left-radius: 2px;
}
.DataArea .DialogSeparator{
	width: 100%;
	position: relative;
	border-bottom: 1px #f4efed solid;
}
.DataArea.Scroll {
	overflow: auto;
}
.Dialog  .DialogScroller .DataSelector {height: 100%;}
.Dialog  .DialogScroller .DataArea{height: auto;}
.Dialog .DataArea input[type=password], .Dialog .DataArea input[type=number], .Dialog .DataArea input[type=date], .Dialog .DataArea input[type=text] , .Dialog .DataArea select, .Dialog .DataArea textarea,
.filterBlock input, .filterBlock select{
	width: 240px;
	height: 30px;
	border-radius: 2px;
	background-color: #ffffff;
	border: 1px #ced0d8 solid;
	padding-left: 10px;
	font-size: 14px;
	font-weight: normal;
	float: left;
	color: #444B5C;
}
.Dialog .DataArea input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.Dialog .DataArea input[type=number]::placeholder, .Dialog .DataArea input[type=text]::placeholder,
.datacontainer input[type="text"]::placeholder, .datacontainer input[type="password"]::placeholder{
	font-family:  "Source Sans Pro", Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #959FA7;
	font-size: 14px;
	font-weight: normal !important;	
	opacity: 1;
}
.Dialog .DataArea input[type=radio]{
	float: left;
	width: 14px;
	height: 14px;
	margin-top: 4px;
}
.Dialog .ErrorField, .datacontainer  .ErrorField{
	background-color: #FFF4F4 !important;
	color: #FF0000 !important;
}
.Dialog .ErrorField::placeholder, .datacontainer  .ErrorField::placeholder{
	font-family:  "Source Sans Pro", Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #FF0000 !important;
	opacity: 1;
}
/**** Filters *******/
.filter, #user-account-box::after, #notify-box::after{
	content:"";
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
	border-bottom: solid 2px  #cc2f90;
	border-right: solid 2px  #cc2f90;
	float: left;
	margin: 0px 9px 0px 0px;
	position: relative;
	top: 9px;
	z-index: 10;
}
#user-account-box::after, #notify-box::after{
	transform: rotate(225deg);
	border-color: #cc2f90 !important;
}
.fastMenu, .filterBlock {
	position: absolute;
	height: auto;
	overflow: hidden;
	width: 200px;
	background-color: #FFFFFF;
	border-radius: 4px;
	box-shadow: 0 11px 23px 0 rgba(0, 0, 0, 0.1);
	z-index: 14;
	-webkit-box-shadow: -4px 2px 5px 4px rgba(0,0,0,0.05);
	-moz-box-shadow: -4px 2px 5px 4px rgba(0,0,0,0.05);
	box-shadow: -4px 2px 5px 4px rgba(0,0,0,0.05);			
	padding: 10px 0px;
}
.fastMenu i.Actions{position: absolute; top: 4px; right: 6px; z-index: 13; width: 24px; height: 24px; cursor: pointer;}
.fastMenu i.Actions::after{color: #cc2f90};
.datalineMenu {
	padding: 40px 20px 0px 40px;
	height: auto;
}
.fastMenu a, .datalineMenu a {
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #1a2030;
	float: left;
	position: relative;
	z-index: 10;	
	float: left;
	width: 100%;
	display: block;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px #edeff4 solid;
	padding: 0px 0px 0px 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fastMenu a:hover{color: #cc2f90;}
.fastMenu a:last-child , .datalineMenu a:last-child{border-bottom: 1px #fff solid;}
.fastMenu a i, .datalineMenu a i{
	margin-right: 7px;
}
.filterBlock{
  border-radius: 4px;
  box-shadow: 0 11px 23px 0 rgba(0, 0, 0, 0.1);
  padding: 16px;
}
.filterBlock .wclose{
	display: block;
	height:21px;
	width: 21px;
	background-image: url("/i/closered.svg");
	background-position: center;
	background-repeat: no-repeat;
	float: right;
	position: absolute;
	top: 16px;
	right: 11px;	
	cursor: pointer;
}
.filterBlock .FilterDataArea{
	float: left;
	width:100%;
	margin:0;
	height: auto;
	max-height: 400px;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}
.filterBlock .FilterDataArea.Full{
	width: calc(100% + 32px);
	left: -16px;
}
.filterBlock .FilterClose {
	position: absolute;
	right:0px;
	top:0px;
	width: 34px;
	height: 34px;
	z-index: 11;
}
.filterBlock .FilterClose::after{
	content: "";
	width: 5px;
	height: 5px;
	display: inline-block;
	position: absolute;
	z-index: 10;
	border-left: 2px #cc2f90 solid;
	border-top: 2px #cc2f90 solid;
	transform: rotate(45deg);
	left: 14px;
	top: 16px;
}
.filterBlock input[type=text], .filterBlock select{
	width: 100%;
}
.filterBlock input[type=checkbox]{
	display:none;
}
.filterBlock input[type=checkbox]+ label::after{ 
	content: "✓";
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 2px;
	border: solid 1px #a8b2b9;
	margin: 6px 12px 0px 0px;
	float: left;
	color: #FFFFFF;
	line-height: 13px;
	text-align: center;	
}
.filterBlock input[type=checkbox]:checked + label::after{ 
	background-color: #a8b2b9;
}

.filterBlock label , .myLabel{
	cursor: pointer;
}
.filterBlock a {
	display: block;
	text-decoration: none;
	float: left;
	width: 100%;
	line-height: 36px;
	height: 36px;
	margin:0;
	padding: 0px 4px 0px 4px;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #1A2030;
	font-size: 14px;
	font-weight: 600;
	border-bottom: solid 1px #edeff4;
	z-index: 10;
}
.filterBlock  a:last-child {border-bottom: 0px;}
.filterBlock  a:hover, .filterBlock a.On{color: #cc2f90;}
.filterBlock  a svg{
	display: inline-block;
	margin-right: 8px;
	width: 24px;
	height: 24px;
	fill: #bfcdd8;
	position: relative;
	top: 7px;
}
.filterBlock .FilterDataArea.Full a{
	padding: 0px 16px;
}
.filterBlock  div p:hover{
	background-color: #fafbfd;
}
.filterBlock  p input[type=checkbox]{
	float: left;
	margin-right: 10px;
	position: relative;
	top: -1px;
	height: 28px;
}
.filterBlock .pinkbutton {float: left !important;}
.filterBlock .secondaryButton {float: right !important; text-align: center; padding: 0px 6px;}
.filterBlock .secondaryButton svg{width: 24px; height: 24px; display: inline-block; fill: #2e3a59;}
.filterBlock .lightpink {float: initial !important; display: inline-block;}
.filterBlock .Separator{
	width: calc(100% + 32px);
	position: relative;
	left: -16px;
	border-bottom: 1px #e5e8eb solid;
}
/**** Buttons *******/
.Dialog button, 
.datacontainer .list button, 
.filterBlock button, 
.secondaryButton, 
.pinkbutton, 
.darkpinkbutton, 
.simplebutton, 
.lightpink{
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 600;
	height: 34px;
	line-height: 30px;
	padding: 0px 24px;
	border-radius: 2px;
	border: solid 2px #cc2f90;
	text-align: center;
	color: #55626e;
	background-color: #FFFFFF;
	cursor: pointer;
}
.Dialog button svg, 
.datacontainer .list button svg, 
.secondaryButton svg, 
.pinkbutton svg, 
.darkpinkbutton svg, 
.simplebutton svg, 
.lightpink svg{
	width: 20px;
	height: 20px;
}
.lightpink, .Dialog button.secondaryButton, button.secondaryButton,
.filterBlock button.secondaryButton, .filterBlock .lightpink,
.datacontainer .list button.secondaryButton {
	color: #161923;
	background-color: #fcd5d3;
	border: solid 2px #fcd5d3;
}
.simplebutton {
	color: #cc2f90;
	border: 2px #cc2f90 solid;
	float: left;
	background-color: transparent;
}
.datacontainer .list button, .Dialog button, .pinkbutton, .filterBlock button.pinkbutton{
	background-color: #cc2f90;
	color: #ffffff;
	border: solid 2px #cc2f90;
}
.darkpinkbutton {
	border: 2px #cc2f90 solid !Important;
	color: #FFFFFF !important;
	background-color: #cc2f90 !Important;
}
.FiltrButtonsNav>button {
	border:0 !important;
	background-color: transparent !important;
}
.FiltrButtonsNav {
	float: left;
	height: auto;
	background-color: #fafbfd;
	border-radius: 50px;
}
.FiltrButtonsNav button:active, .FiltrButtonsNav button.On{
	background-color: #cc2f90 !important;
}
.Dialog button:active, .datacontainer button:active, .filterBlock button:active, .pinkbutton:active{
	color: #FFFFFF !important;
	background-color: #cc2f90;
}
.inactive {color: #a8b2b9 !important; border-color: #a8b2b9 !important;}
.ArrowDetails {
  width: 20px;
  height: 20px;
  border: 1px #a8b2b9 solid;
  float: left;
  margin:0;
  position: relative;
  left: calc(50% - 10px);
  border-radius: 20px;
  cursor: pointer;
}
.ArrowDetails::after {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	position: relative;
	border-right: 1px #a8b2b9 solid;
	border-bottom: 1px #a8b2b9 solid;
	transform: rotate(-45deg);
	top: 7px;
	left: 6px;
}
/**** Loading *******/
#systemLoading {
	position: fixed;
	z-index: 1000;
	width: 230px;
	height: 230px;
	top: calc(50% - 115px);
	left: calc(50% - 115px);
	background-color: #FFF;
	border-radius: 2px;
	background-image: url("/i/loading.gif");
	background-repeat: no-repeat;
	background-position: center 10px;
	background-size: 120px;
	padding:30px;
}
#systemLoading span{
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	line-height: 24px;
	font-family: 'Lora', serif; 
}
#systemLoading span:nth-child(1){
  font-size: 18px;
  font-weight: 600;
  color: #2e3a59;
  margin-top: 106px;
}
#systemLoading span:nth-child(2){
  font-size: 14px;
  font-weight: normal;
  color: #1a2030;
}
/**** Nothing in the list ***/
.NoItems, .UnderC, .FreeCr {
	width:100%;
	float: left;
	margin: 0;
	background-image: url("/i/warn-nothing.svg");
	background-position: center 100px;
	background-repeat: no-repeat;
	height: 200px;
	padding-top:225px;
	text-align: center;
	font-size: 16px;
	display: none;
	color: #55626e;
}
.FreeCr{
	background-image: url("/i/happyCloud.svg");
	padding-top: 125px;
	background-position: top center;
}
.NoItems.Under, .UnderC.Under{
	background-image: url("/i/under_construction.svg");
	position: relative;
	top: 200px;
}
.NoItems.NoResult, .UnderC.NoResult{
	background-image: url("/i/nothing-found.svg");
}
.NoItems strong, .UnderC strong{
	display: block;
	font-weight: 600;
	margin-bottom: 20px;
}
.NoItems p, .UnderC p{
	font-size: 14px;
	max-width: 360px;
	margin: 20px auto;
}
.NoItems a, .UnderC a, .FreeCr a{
	color: #cc2f90;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
/***** Editing **********/
.EditPanel {
	padding: 30px;
	width: calc(100% - 194px);
	height: 100%;
	position: fixed;
	top: 0px;
	right: 0px;
	background-color: #D7D7D7;
	overflow: hidden;	
	z-index:15;
}
.EditPanel h1, .EditPanel h2, .EditPanel h3{
	float: left;
	width: 100%;
	line-height: 33px;
	height: 33px;
	font-size: 24px;
	font-weight: normal;
	color: #55626e;
	margin:0;
	padding:0;
	text-align: left;
}
.EditPanel h2 {
	line-height: 17px;
	height: 17px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.EditPanel h3 {
  font-size: 13px;
  font-weight: 600;
  color: #444b5c;
}
.EditPanel h3 a {
	float: right;
}
.EditPanel h3 a::before{
	content: "";
	display: block;
	width:18px;
	height: 18px;
	position: relative;
	top:9px;
	background-image: url("/i/help.svg");
	background-repeat: no-repeat;
	background-size: 18px;
}
.EditPanel h3 p {
	width: auto !important;
	float: right !important;
	font-size: 13px;
	font-weight: 600;
	color: #cc2f90;
	text-transform: uppercase;
	cursor: pointer;
	margin:0;
}
.EditPanel .action a{
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;	
	letter-spacing: 0.6px;
	color: #3d7e99;	
	float: left;
	margin-right: 60px;
	position: relative;
	z-index:10;
}
.EditPanel .action a img{
	float: left;
}
.EditPanel .pager {
	float: left;
	width: 97.4%;
	margin: 0px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	color: #cc2f90;
	height: 17px;
	line-height: 17px;
	margin: 16px 0px 40px 0px;
}
.EditPanel .pager a{
	width: 20px;
	text-align: center;
	letter-spacing: 0.7px;
	color: #cc2f90;
	text-decoration: none;
	margin: 0px 15px 0px 15px;
}
.EditPanel .pager a.on{
	color: #e74c3c;
}
.DataArea .list, .EditPanel .list {
	float: left;
	width: 97%;
	margin-left: 1.5%;
	border-radius: 2px;
	background-color: #FFFFFF;
	padding: 31px 24px 31px 24px;
	box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.25);
}
.EditPanel .summary {
	font-weight: 300 !important; 
	border-bottom: 2px #e5e8eb solid; 
	height: 40px !important; 
	line-height: 40px !important;
	font-size: 16px;
}
.EditPanel .summary span {
	float: right; 
	font-weight: 600;
}
.EditPanel input, .EditPanel select, .EditPanel textarea{
	float: left;
	height: 34px;
	font-size: 12px;
	font-weight: 600;
	border: 1px #e5e8eb solid;
	border-radius: 4px;
	background-color: #efefef; 
	padding-left: 5px;
	color: #55626e;
}
.EditPanel select{
	/* background-color: transparent; */
}
.EditPanel .list .search, .FilterAreaInput {
	float: left;
	height: 34px;
	border-radius: 25px;
	background-color: #fafbfd;
	margin:0;
	border: 0px;
	padding-left: 10px;
	font-size: 12px;
	font-weight: 600;
	background-image: url("/i/search.svg");
	background-repeat: no-repeat;
	background-position: 94% center;
}
.EditPanel .list .search::placeholder, .FilterAreaInput::placeholder{
	color: #a8b2b9;
	opacity: 1;
}
.EditAction {
	float: right;
	width: 50px;
	height: 50px;
	cursor: pointer;
	margin:0;
	background-color: #3d7e99;
	border-radius: 8px;
	margin-right: 20px;
	text-align: center;
	font-size: 25px;
	color: #FFFFFF;	
	position: relative;
	top: -18px;
}
.EditAction.fa-times-circle img {
	display: inline-block;
	height: 35px;
	margin-top: 7px;	
}
.EditAction.fa-save img { 
	display: inline-block;
	height: 27px;
	margin-top: 11px;	
}
.EditAction.fa, .EditAction.fab, .EditAction.fal, .EditAction.far, .EditAction.fas{
	line-height: 50px ;
}
.EditAction.Small {
	font-size: 17px;
	width: 34px;
	height: 34px;
	line-height: 34px;
	margin-right: 10px;
}
.EditAction:active {
	background-color: #1f4453;
}
.fa-times-circle {
	background-color: #A80808;
}
.fa-times-circle:active {
	background-color: #FF0000;
}
.ui-datepicker-month, .ui-datepicker-year {
	background-position: 100% 7px;
	font-size: 13px !important;
	height: 23px;
	border: 1px #bdb4b4 solid;
	line-height: 23px;
}
.UrlQuest{
	display: inline-block;
	width: 100%;
	position: relative;
	z-index: 10;
	height: 0;
}
.Question img{
	display: inline-block;
	position: absolute;
	top: 7px;
	right: 0;
	cursor: pointer;
	height: auot;
}
.Question>div{
	width: 262px;
	height: auto;
	border-radius: 2px;
	box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.08);	
	font-size: 13px;
	color: #444b5c;	
	position: absolute;
	right: -15px;
	padding: 20px 50px;
	top: -15px;	
	display: none;
	background-color: #FFF;
}
.Question>div.Right{
	right: -230px;
}
.Question>div a{
	color: #444b5c;		
}
.Question:hover>div{
	display: inline-block;
}
/******* UNDER CONSTRUCTION **********************/
.UNDER .linebreak.ShortLinks {
	width: 100%;
	height: 186px;
	border-radius: 4px;
	box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.03);
	background-color: #cc2f90;	
	margin-top:40px;
	margin-bottom:20px;
	padding: 5px 30px;
}
.UNDER .linebreak.ShortLinks h2, .linebreak.ShortStats h2{
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  font-style: normal;
}
.UNDER .linebreak.ShortLinks a svg, .linebreak.ShortStats p svg {
	float:left;
	width: 24px;
	height: 40px;
	fill: #b5d3f5;
	margin-right: 20px;
}
.UNDER .linebreak.ShortLinks a{
	text-decoration: none;
	display: block;
	text-align: left;
	float: left;
	width: 50%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;	
}
/******* Responsive ******************************/
@media only screen and (max-width: 1050px) {
	html {min-width:1050px;}
}
@media only screen and (max-width: 750px) {
	.LoginFrame {width: 90%; padding: 30px;}
	.LoginInfo {display: none;}
	.LoginAction {width:100%; border:0; padding-left: 0;}
	.LoginFrame input {width:80%;}
	.LoginFrameButton, .LoginFrame p.label {width: 80%;}
	.registerMobBtn {display: block !important;}
}
@media only screen and (max-width: 750px) {
	.UserNav .LogoBlock {width: 125px;}
	.UserNav .LogoBlock::after {display: none;}
	.UserNav .LogoBlock img{width:100px;}
	.UserNav h1 {display: none;}
}
@media only screen and (max-width: 600px) {
	.SetupGuideButton {display: none;}
}
@media only screen and (max-width: 550px) {
	.UserNav .UserNotify {width: initial; border: 0;}
	.UserNav .UserNotify a {margin-right: 10px !important; margin-left: 10px !important;}
}