:root {

  --primary-color: #517168;
--primary-accent: #a4cb48;
--secondary-color: #244249;
--secondary-accent: #707070;
--primary-color-text: #fff;
--secondary-color-text: #000000;
--danger-color: #c77476;
--danger-color-dark: #CE0814;

--background-accent: #F4F4F4;
--background-color-dark:#182a2f;
--background-color-light:#ffffff;
--background-color-dark-secondary:#435d69;

--primary-field-color:#bbbbbb;
--primary-field-text-color:#666666;

--node-title:#000000;

--node-port-out:#244249;
--node-port-in:#bed4d9;
}

.vex-content {
  width: 75%;
  margin: 120px auto;
  padding: 40px;
  position: relative;
}

.vex-close {
  position: absolute;
  top: 15px;
right: 15px;
line-height: 7px;
padding: 10px;
font-size: 2em;
}
.regsitered-notice {
  color:var(--secondary-color-text);
  background-color: #bed4d9;
  border-radius: 5px;
  padding:0.5em;
}
.delete-user-btn {
  color:var(--danger-color);
}
.delete-user-btn:hover {
  cursor: pointer;
}
.topMenu {
	background: var(--primary-color);
	margin: 0;
	padding: 0;
}

.topMenu a {
	padding: 0 10px;
	color: var(--primary-color-text);
	text-decoration: none;

}

.logoWrapper {
	width: 10%;
	background-color: var(--secondary-color);
	color:var(--primary-color-text);
	float: left;
	padding: 1em 2%;
	height: 35px;
}
.headerMenu {
	width: 56%;
	float: left;

}
.headerMenu ul {
	list-style-type: none;
	padding-top: 1em;

}
.headerMenu ul li {
	display: inline-block;
}

.logoutBtn:hover {
	cursor: pointer;
}
.headerMenu ul a{
	color:var(--primary-color-text);
}

.userMenu {
	float: left;
	width: 30%;
	color: var(--primary-color-text);
	text-align: right;
}
.userMenu ul {
	list-style-type: none;
	padding-top: 1em;

}

.userMenu ul li {
	display: inline-block;
}

.clearFix {
	display: block;
	clear: both;
}

.profile-page-menu ul {
  list-style-type: none;
}
.profile-page-menu ul a
{
  color:var(--secondary-color-text);
  text-transform: uppercase;
  text-decoration: none;
  
}
h1.reportPageTitle {
  float: left;
  width: 60%;
  color:var(--secondary-color);
  padding-left: 36px;

}
#acf-company-profile-form,
#acf-user-profile-form {
  max-width: 700px;
  padding-left: 33px;
}

#acf-company-profile-form .acf-fields,
#acf-user-profile-form .acf-fields {
  width: 80%;
float: left;
}
.acf-address-field ul li {
  display: inline-block;
}
.acf-address-field ul {
  margin-left: 0px;
  padding-left: 0px;
}
.acf-address-field ul:nth-child(1) li {
  width: 100%;
}
.acf-address-field ul:nth-child(2) li,
  .acf-address-field ul:nth-child(3) li {
    width: 50%;
}

.acf-field-group .acf-fields .acf-field{
  display: inline-block;
  width: 49%;
}
#acf-user-profile-form .acf-field-group .acf-fields,
  #acf-company-profile-form .acf-field-group .acf-fields  {
    width: 100%;
}
#acf-user-profile-form .acf-form-submit,
  #acf-company-profile-form .acf-form-submit {
    float: right;
}
#acf-user-profile-form .acf-form-submit input,
  #acf-company-profile-form .acf-form-submit input,
 #form_60a6c893ab806 .af-submit button{
    border: none;
background-color: var(--secondary-color);
color: var(--primary-color-text);
padding: 0.5em 1em;
margin: 2em;
font-size: 1em;
border-radius: 10px;
width: 100%;
text-transform: uppercase;
margin-left: 0px;
margin-top: 2.6em;
transition: 0.3s all ease;
}

.user-list-table {
max-width: 800px;
width: 100%;
margin:1em;
border-spacing: 0px;
}
.user-list-table th {
  border-bottom: 1px solid black;
}
.user-list-table tr {

}
.user-list-table td {

  padding: 1em;
  text-align: center;
}
.reportAreaContentWrapper {
  max-width: 800px;
  width: 100%;
  margin:1em;
}

.reportSidebarWrapper {
  float: left;
  width: 14%;
  height: 100vh;
  position: relative;
  box-shadow: 10px 0px 10px rgba(0,0,0,0.05);
}

.sidebarContent {
  padding: 1em;
  display: block;
}

#acf-user-profile-form .acf-fields .acf-field {
  width: 48%;
  display: inline-block;
  border: none;
}
.reportMapMenu {
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
}
#form_60a824d2991c3 .af-field{
  width: 48%;
  display: inline-block;
}
#form_60a824d2991c3  .af-submit {
  float: right;
}
#form_60a824d2991c3  .af-submit button{
  border: none;
  display: inline-block;
  background-color: var(--secondary-color);
  color: var(--primary-color-text);
  padding: 0.5em 1em;
  margin: 2em;
  font-size: 1em;
  border-radius: 10px;
  text-transform: uppercase;
  margin-left: 0px;
  margin-top: 2.6em;
  transition: 0.3s all ease;
}
h1.modal-title {
color: var(--secondary-color);
font-size: 1.5em;
}
.reportContentWrapper .add-user-modal {
  border: none;
  display: inline-block;
  background-color: var(--secondary-color);
  color: var(--primary-color-text);
  padding: 0.5em 1em;
  font-size: 1em;
  border-radius: 10px;
  text-transform: uppercase;
  margin-top: 2.6em;
  transition: 0.3s all ease;
  float: right;
}
.reportContentWrapper .add-user-modal:hover,
#form_60a824d2991c3  .af-submit button:hover,
#form_60a6c893ab806 .af-submit button:hover

  {
  cursor: pointer;
  background-color: var(--primary-accent);
  color: var(--secondary-color-text);
}

.reportMapMenu li {
padding-left: 0px;
margin-bottom: 1em;
font-size: 0.9em;
}
.reportMapMenu li a{
  text-decoration: none;
  color: var(--secondary-color-text);
  transition: 0.3s all ease;
  display: block;
  padding: 0.5em;

}
.reportMapMenu li a:hover{
  background-color: var(--background-accent);

}

.reportMapMenu a.sidebarActiveLink {
  background-color: var(--primary-accent);
  padding: 0.5em;
  display: block;
}

.reportMapProductDropdownWrapper {
  margin-bottom: 2em;
}
.productDropdown {
  width: 100%;
  padding: 0.5em 0.25em;
}

.sidebarLabel {
  font-size: 0.9em;
  display: inline-block;
  margin-bottom: 0.5em;
  color: var(--primary-field-text-color);
}

.reportContentWrapper {
  width: 86%;
  float: left;
}

.register-shortcode {
  max-width: 800px;
  margin:auto;

}

#form_60a6c893ab806 .af-field:nth-child(4),
#form_60a6c893ab806 .af-field:nth-child(5),
#form_60a6c893ab806 .af-field:nth-child(6),
#form_60a6c893ab806 .af-field:nth-child(7)
{
width: 49%;
display: inline-block;
}