.hamburger {
  padding: 15px 15px;
/*  display: inline-block;*/
  display: none;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    /* opacity: 0.7; */
    }
  .hamburger.is-active:hover {
    /* opacity: 0.7; */
    }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #2e3d4d;
    }

.hamburger-box {
  width: 40px;
  height: 19px;
  display: inline-block;
  position: relative;
  }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #2e3d4d;
    border-radius: 0;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
    }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

.hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0;
    }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }

p.empty {
	font-size: 1rem;
}

section.sub-nav .tabs ul {
	border: none;
}
section.sub-nav .tabs ul li {
	 margin-right: 0.6rem;
}
section.sub-nav .tabs ul li a {
	border: none;
	padding: 0.8em 1.8em;
	background: #fff;
	font-size: 0.9rem;
	font-weight: 500;
}
section.sub-nav .tabs li.is-active a {
	background-color: #f2f3f4;
}

.steps .step-item:not(:first-child):before {
    top: 0.9rem;
}
.steps .step-item .step-subtitle {
	opacity: .45;
	font-size: 0.8rem;
}

.data-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	font-size: 0.94rem;
	/* margin-bottom: 0.9rem; */
	padding: 0.8rem 0;
	border-bottom: 1px dotted #b5b5b563;
}
.data-row strong {
	min-width: 100px;
	font-weight: 600;
	display: block;
	flex-shrink: 1;
	max-width: 50%;
}
.data-row span {
	max-width: 50%;
	text-align: right;
}
.data-row.data-row-big {
	display: block;
}
.data-row.data-row-big strong {
	margin-bottom: .2rem;
}
.data-row:first-child {
	padding-top: 0;
}
.data-row:last-child {
	/* margin-bottom: 0; */
	padding-bottom: 0;
	border-bottom: none;
}

.image-upload {
	display: block;
	width: 400px;
	max-width: 100%;
}

.mobile-nav {
	position: relative;
	background: #2c3d4d;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.mobile-nav.is-active {
	max-height: 100vh;
    transition: max-height 1s ease-in-out;
}
.mobile-nav .inner {
	padding: 0.5rem 1.2rem;
}
.mobile-nav ul li {
	display: block;
}
.mobile-nav ul li a {
	display: block;
	color: #fff;
	font-weight: 500;
	padding: 0.8rem 0;
	border-bottom: 1px solid #ffffff17;
	font-size: 1rem;
}
.mobile-nav ul li:last-child a {
	border: none;
}

.need-help {
	background-color: #f1f8f5;
	border-radius: 0.25rem;
	padding: 0.5rem 1rem;
}

table.table .actions {
	white-space: nowrap;
}
table.table .actions .button {
    font-size: 0.8rem;
}

@media (max-width: 900px) {

	body section.header .hamburger {
		display: inline-block;
	}
	body section.header nav,
	body section.header .account-dropdown {
		display: none;
	}

	body section.header .need-help {
		padding: 0.75rem 1rem;
	}

}

@media (max-width: 768px) {

	.mini-service.has-text-centered .service-icon {
		margin-left: auto;
		margin-right: auto;
	}

}

@media (max-width: 660px) {

	body.portal_engineer section.header .hamburger {
		display: inline-block;
	}
	body.portal_engineer section.header nav,
	body.portal_engineer section.header .account-dropdown {
		display: none;
	}

	section.sub-nav {
		padding-left: 0;
		padding-right: 0;
	}
	section.sub-nav .tabs ul li:first-child {
		margin-left: 1rem;
	}
	section.sub-nav .tabs ul li:last-child {
		margin-right: 1rem;
	}

	section.full .logo {
	    height: 2.3rem;
	    top: 1.5rem;
	    left: 1.5rem;
	}
	section.full .top-buttons {
	    top: 1.2rem;
	    right: 1.5rem;
	}

	section.head .field.has-addons,
	section.head .field.has-addons .control:first-child {
		width: 100%;
	}

	section.sub-nav {
		position: relative;
	}
	section.sub-nav:before {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 1rem;
		background: linear-gradient(270deg, rgba(233,234,236,1) 0%, rgba(233,234,236,0) 100%);
		content: '';
		z-index: 20;
	}

}

@media (max-width: 550px) {

	.navbar-brand .navbar-item img {
    max-height: 2rem;
	}

	.box-plain-mobile {
		box-shadow: none;
		border-radius: 0;
		background: transparent;
	}

/*
	.table td, .table th {
		min-width: 110px;
	}*/

	.section {
	    padding: 1rem 1.3rem;
	}
	.steps {
		margin-top: 0 !important;
		margin-bottom: 0rem !important;
		padding-bottom: 1rem;
		flex-direction: row-reverse;
		white-space: nowrap;
		overflow: auto;
		flex-wrap: nowrap;
		direction: rtl;
	}
	.steps .step-item {
		display: none;
	}
	.steps .step-item:before {
		display: block !important;
	}
	.steps .step-item.is-completed {
		display: block;
		min-width: 170px;
		direction: ltr;
	}

	body.portal_user section.header .navbar-brand .navbar-item img {
	    max-height: 1.85rem;
	}
	body section.header .need-help {
		margin-right: 0 !important;
	}
	body section.header .need-help p {
		font-size: .9rem !important;
	}

	body section.header .need-help {
  	padding: 0.6rem 0.7rem;
  }

/*  table.mobile-sticky-table th:first-child,
  table.mobile-sticky-table td:first-child {
  	position: sticky;
  	left: 0;
  	background-color: #fff;
  	min-width: 80px;
  }
  table.mobile-sticky-table th:nth-child(2),
  table.mobile-sticky-table td:nth-child(2) {
    box-shadow: inset 9px 0px 30px -38px #000;
	}*/

	h4>small {
		display: block;
		margin-top: 0.5rem;
	}

	table.mobile-card-table {
		word-wrap: break-word;
		background: #f2f3f4;
	}
	table.mobile-card-table thead {
		display: none;
	}
	table.mobile-card-table tbody,
	table.mobile-card-table tr {
		display: block
	}
	table.mobile-card-table tr {
		background: #ffffff !important;
		border-radius: 10px;
		float: left;
		width: 100%;
		margin-bottom: 1.1rem;
		padding: 0.6rem;
		display: flex;
		flex-direction: column;
	}
	table.mobile-card-table td {
		display: block;
		float: left;/* ie9 and under hack */
		width: 100%;
		clear: both;
		background: #fff;
		padding: 10px 5px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	table.mobile-card-table td:first-child {
		border-radius: 10px 10px 0 0;
	}
	table.mobile-card-table td:last-child {
		border-radius: 0 0 10px 10px;
	}
	table.mobile-card-table td[class*="mobile-icon"] {
		display: flex;
	}
	table.mobile-card-table td[class*="mobile-icon"]:before {
		/*		content: attr(data-th);*/
		display: block;
		font-weight: 500;
		margin: 0 0 2px;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		font-family: "Font Awesome 5 Pro";
		content: "\f061";
		width: 20px;
		height: 22px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #f9615d;
		font-size: 1.1rem;
		margin-right: 0.7rem;
		font-weight: 300;
    flex-shrink: 0;
	}
	table.mobile-card-table td.mobile-icon-hash:before {
	  content: "\f292";
	}
	table.mobile-card-table td.mobile-icon-calendar:before {
	  content: "\f073";
	}
	table.mobile-card-table td.mobile-icon-calendar-cross:before {
	  content: "\f273";
	}
	table.mobile-card-table td.mobile-icon-calendar-plus:before {
	  content: "\f271";
	}
	table.mobile-card-table td.mobile-icon-map:before {
	  content: "\f3c5";
	}
	table.mobile-card-table td.mobile-icon-question:before {
	  content: "\f128";
	}
	table.mobile-card-table td.mobile-icon-file:before {
	  content: "\f15c";
	}
	table.mobile-card-table td.mobile-icon-user:before {
	  content: "\f007";
	}
	table.mobile-card-table td.actions {
		text-align: center !important;
		border-top: 1px dotted #b5b5b563 !important;
		margin-top: 0.8rem;
		padding-top: 0.9rem !important;
		padding-bottom: 0.4rem !important;
	}
	table.mobile-card-table td.actions .button {
		font-size: 0.9rem;
		height: 2.3rem;
  }
	table.mobile-card-table td.mobile-card-title {
		order: -1;
		text-align: center;
		font-weight: 500;
		font-size: 1.2rem;
		border-bottom: 1px solid #eee !important;
		margin-bottom: 0.8rem;
		padding-bottom: 0.9rem !important;
		padding-top: 0.4rem !important;
		line-height: 1.2;
	}
	table.mobile-card-table .table-time {
		margin: 0 0 0 .5rem;
	}

}