@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,700,800&display=swap");
/*!
Theme Name: becht
Theme URI: http://underscores.me/
Author: John Horoszewski
Author URI: http://www.delianet.com
Description: Custom Theme built for Becht by Delianet Developed by John Horoszewski - Utilizing, ACF, ACF Pro and custom PHP, JS, HTML and CSS(SASS)
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: becht
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

becht is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

html, body {
  scroll-behavior: smooth;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

* {
  caret-color: transparent;
}

input, textarea {
  caret-color: initial;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
              supported by Chrome, Edge, Opera and Firefox */
}

.other-region-flag {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FF6347; /* Tomato color */
  padding: 5px 50px;
  font-size: 15px;
  color: white;
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform-origin: top left;
  text-align: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 999999;
}

*,
:after,
:before {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.constrain {
  display: block;
  padding: 0 10px;
  max-width: 1200px;
  margin: 0 auto;
}
.constrain.tny {
  max-width: 640px;
}
.constrain.sm {
  max-width: 960px;
}
.constrain.md {
  max-width: 1024px;
}

.flexxed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.p5 {
  padding: 5px 0;
}

.p10 {
  padding: 10px 0;
}

.p30 {
  padding: 15px 0;
}

.p45 {
  padding: 15px 0;
}

.p60 {
  padding: 20px 0;
}

.social-media .sm-title {
  float: left;
  margin: 0 5px 0 0;
  text-transform: uppercase;
}
.social-media ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  float: left;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  list-style-type: none;
}
.social-media ul li a {
  color: #43a447;
  padding: 0 5px;
}

.btn {
  display: inline-block;
  margin: 10px 0;
  text-align: center;
  text-transform: uppercase;
}
.btn.md-btn {
  padding: 7px 15px;
}
.btn.lg-btn {
  padding: 15px 35px;
}
.btn.accent1-bg {
  color: #FFFFFF !important;
  background-color: #005598;
}
.btn.accent1-bg:hover {
  background-color: #43a447;
  color: #FFFFFF !important;
}
.btn.accent2-bg {
  color: #FFFFFF;
  background-color: #43a447;
}
.btn.accent2-bg:hover {
  background-color: #005598;
  color: #FFFFFF !important;
}
.btn.grn-brdr {
  background-color: #FFFFFF;
  border: 2px solid #43a447;
  color: #43a447;
}
.btn.grn-brdr:hover {
  background-color: #005598;
  color: #FFFFFF;
}
.btn.wht-brdr {
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
}
.btn.wht-brdr:hover {
  border-color: #005598;
  background-color: #43a447;
}

.underlined {
  position: relative;
  padding: 0 0 20px 0;
}
.underlined::after {
  content: "";
  border-bottom: 6px solid #9fb9cf;
  bottom: 5px;
  display: block;
  position: absolute;
  width: 150px;
}
.underlined.center {
  text-align: center;
}
.underlined.center::after {
  left: 0;
  margin: 0 auto;
  right: 0;
}

.back-to-top {
  background-color: #43a447;
  display: block;
  border-radius: 3px;
  bottom: 30px;
  height: 44px;
  opacity: 0.65;
  position: fixed;
  right: -50px;
  width: 44px;
  z-index: 999;
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.back-to-top.visible {
  right: 10px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.back-to-top:after {
  color: #FFFFFF;
  content: "\f0d8";
  display: block;
  font-family: "fontAwesome", sans-serif;
  font-size: 40px;
  left: 11px;
  line-height: 1em;
  position: absolute;
  top: 1px;
}

.pagination {
  text-align: center;
}

.prev,
.next {
  background-color: #737373 !important;
  width: 100px !important;
}

.page-numbers {
  background-color: #acacac;
  color: #FFFFFF !important;
  display: inline-block;
  padding: 7px 3px;
  text-align: center;
  width: 24px;
}
.page-numbers.current {
  background-color: #43a447;
}
.page-numbers.dots {
  background-color: transparent;
  color: #acacac !important;
  width: auto;
}
.page-numbers:hover {
  background-color: #005598 !important;
}

.important-info {
  color: red !important;
}

.screen-reader-text {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
}

.arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
.arrow.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.arrow.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.arrow.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.arrow.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.hidden {
  display: none;
}

.button-error.button-error {
  color: white !important;
  background-color: #D51923 !important;
  cursor: pointer;
}
.button-error.button-error:hover {
  color: inherit !important;
  background-color: inherit !important;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  letter-spacing: 0.25px;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #231f20;
  line-height: 1.35;
  margin: 0 0 15px 0;
  font-family: "Poppins", sans-serif;
}
h2 {
  text-transform: uppercase;
}

p {
  margin: 0 0 15px 0;
}
p:last-of-type {
  margin: 0;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Just for funs and it looks cool */
::-moz-selection {
  background: #231f20;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #231f20;
  color: #fff;
  text-shadow: none;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  color: #414042;
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul, ol {
  margin: 0;
  padding: 0;
}

.content-area ul, .content-area ol {
  margin: 10px 0 0 15px;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 0;
  padding: 10px;
  width: 100%;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

.k-dropdown .k-state-focused { /* Multiselect highlight styling */
  border-color: #459EFF !important;
  border-width: 1px;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25) !important;
}

a {
  text-decoration: none !important;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  margin: auto;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  margin: 4px;
  border: 4px solid #005598;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #005598 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*--------------------------------------------------------------
# Custom Circular loader
--------------------------------------------------------------*/
.customCircleLoader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #3498db;
  width: 20px;
  height: 20px;
  -webkit-animation: customCircleLoader_Spin 2s linear infinite; /* Safari */
  animation: customCircleLoader_Spin 2s linear infinite;
}

#rulesOfEngagement ul {
  margin-left: 15px;
}
#rulesOfEngagement hr {
  margin: 0;
}
#rulesOfEngagement i {
  color: #ffcc00;
}
#rulesOfEngagement h4 {
  margin-top: 0.5em;
}

@-webkit-keyframes customCircleLoader_Spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes customCircleLoader_Spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  text-decoration: none;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

a:hover, a:focus, a:active {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-header {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.15);
  position: fixed;
  width: 100%;
  z-index: 999;
}
.site-header ul {
  list-style-type: none;
}

.aux-header {
  background-color: #005598;
  display: block;
  font-size: 18px;
  position: absolute;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 100%;
}
.aux-header.opened {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.15);
}
.aux-header.opened a.moretosee i {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.aux-header i {
  color: #43a447;
}
.aux-header a {
  color: #88a5c8;
  padding: 0 0 5px 0;
}
.aux-header a:hover {
  background-color: #0f345f;
  color: #FFFFFF;
}
.aux-header .constrain {
  max-width: 100%;
  padding: 0;
}
.aux-header .aux-menu {
  display: block;
  width: 100%;
}
.aux-header .aux-menu li {
  text-align: center;
}
.aux-header .aux-menu li a {
  display: inline-block;
  padding: 0 0 5px 0;
  width: 100%;
}
.aux-header .aux-menu li a:hover {
  background-color: #0f345f;
  color: #FFFFFF;
}
.aux-header .search {
  display: none;
}
.aux-header .translate i {
  float: left;
}
.aux-header #google_language_translator select.goog-te-combo {
  background-color: #005598;
  border: 0 !important;
  color: #88a5c8;
  font-size: 18px;
  text-transform: uppercase;
  width: auto;
}
.aux-header .translate {
  position: relative;
}
.aux-header .translate i {
  left: -20px;
  position: absolute;
  top: 8px;
}
.aux-header .flexxed {
  align-items: center;
}
.aux-header a.moretosee,
.aux-header .login {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.aux-header a.moretosee i {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.main-header {
  padding: 10px 0;
}
.main-header .logo {
  display: block;
  max-width: 235px;
}

header .header-top-nav .col-sm-2 {
  max-width: 230px !important;
  display: flex;
}
header .header-top-nav .col-sm-2 .header-logo {
  margin: auto;
  max-width: 110px !important;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
ul.projects-widget {
  list-style-type: none;
  margin: 0;
}
ul.projects-widget li {
  border-bottom: 3px solid #ebebeb;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0 10px 0;
  margin: 0 0 15px 0;
}
ul.projects-widget .rp-image {
  height: 100px;
  overflow: hidden;
  position: relative;
  width: 31%;
}
ul.projects-widget .rp-image img {
  left: 50%;
  max-width: initial;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
ul.projects-widget .rp-wrapper {
  width: 63%;
}
ul.projects-widget .rp-wrapper a {
  display: block;
  font-weight: 500;
}
ul.projects-widget .rp-wrapper a:last-of-type {
  margin: 7px 0 0 0;
  text-transform: uppercase;
}
ul.projects-widget .rp-wrapper a:hover {
  color: #005598;
}

.error-404 {
  text-align: center;
}
.error-404 .image-404 {
  margin: 0 auto 25px;
}
.error-404 h2 {
  color: #005598;
  margin: 0 0 15px 0;
}
.error-404 form {
  margin: 0 auto 25px auto;
}
.error-404 input[type=search],
.error-404 input[type=submit] {
  border: 0;
  border-radius: none;
  height: 45px;
  outline: 0;
  width: 100%;
}
.error-404 input[type=search] {
  background-color: #ebebeb;
}
.error-404 input[type=submit] {
  background-color: #005598;
  color: #FFFFFF !important;
  font-weight: 600;
}
.error-404 .need-help {
  font-style: italic;
}

.site-content a {
  color: #43a447;
}
.site-content a:hover {
  color: #005598;
}

.intro-content p {
  font-size: 18px;
  text-align: center;
}

.contact h2 {
  color: #005598;
  font-size: 32px;
  font-weight: 800;
}
.contact .intro-content {
  margin: 0 0 15px 0;
}
.contact input[type=text],
.contact input[type=email],
.contact select {
  background-color: #ebebeb;
  border: 0;
  border-radius: 0;
  color: #818284;
  height: 45px;
  margin: 0 0 20px 0;
  width: 100%;
}
.contact select {
  padding: 0 0 0 5px;
}
.contact textarea {
  background-color: #ebebeb;
  border: 0;
  border-radius: 0;
  color: #818284;
  width: 100%;
}
.contact input[type=submit] {
  background-color: #43a447;
  border: 0;
  border-radius: 0;
  color: #FFFFFF;
  font-size: 18px;
  margin: 15px 0 0 0;
  max-width: 300px;
  padding: 15px 30px;
  text-transform: uppercase;
  width: 100%;
}
.contact .checkbox-item {
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 10px 0;
}
.contact .checkbox-item:last-of-type {
  margin: initial;
}
.contact .checkbox-item span.wpcf7-list-item {
  margin: 0;
}
.contact .wpcf7-list-item {
  width: 55px;
}
.contact .disclaimer {
  margin: 0 0 15px 0;
  max-width: 300px;
}
.contact aside.contact-sidebar {
  margin: 25px 0 0 0;
}
.contact .contact-item {
  margin: 0 0 25px 0;
}
.contact .contact-item .flexxed {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.contact .contact-item h3 {
  color: #005598;
  margin: 0 0 5px 0;
  text-transform: uppercase;
}
.contact .contact-item .info {
  display: block;
}
.contact .contact-item .info.town, .contact .contact-item .info.state, .contact .contact-item .info.zip, .contact .contact-item .info.country {
  display: inline-block;
}
.contact .ci-icon {
  background-color: #43a447;
  border-radius: 75px;
  display: block;
  height: 75px;
  margin: 0 20px 0 0;
  min-width: 75px;
  position: relative;
  width: 75px;
}
.contact .ci-icon i {
  color: #FFFFFF;
  font-size: 30px;
  left: 0;
  margin: 0 auto;
  opacity: 0.75;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}

.becht-contact-header {
  color: #005598;
  font-weight: 600;
  font-size: 1.5rem;
}

.becht-contact-intro {
  text-align: center;
}

.becht-contact-containter .becht-contact-rows {
  display: flex;
  flex-direction: row;
}
.becht-contact-containter .becht-contact-items {
  flex-grow: 1;
  justify-content: center;
}
.becht-contact-containter input[type=name],
.becht-contact-containter input[type=styled],
.becht-contact-containter select {
  background-color: #ebebeb;
  border: 0;
  border-radius: 0;
  color: #272727;
  height: 35px;
  margin: 0 0 10px 0;
  width: 85%;
}

.becht-contact-header-page {
  color: #005598;
  font-weight: 600;
  font-size: 2.5rem;
}

.becht-contact-intro-page {
  text-align: center;
  font-size: 1rem;
}

.becht-contact-containter-page .becht-contact-rows-page {
  display: flex;
  flex-direction: row;
}
.becht-contact-containter-page .becht-contact-items-page {
  flex-grow: 1;
  justify-content: center;
}
.becht-contact-containter-page input[type=name],
.becht-contact-containter-page input[type=styled],
.becht-contact-containter-page select {
  background-color: #ebebeb;
  border: 0;
  border-radius: 0;
  color: #272727;
  height: 40px;
  margin: 0 0 15px 0;
  width: 85%;
}

#registerNotes {
  width: 93%;
}

.home h2 {
  font-size: 30px;
}

.hero,
.intro,
.general-section {
  background-position: center center;
  background-size: cover;
}

.hero {
  color: #FFFFFF;
  height: 550px;
  overflow: visible;
  position: relative;
}
.hero .hero-content {
  display: block;
  left: 0;
  margin: 0 auto;
  max-width: 960px;
  position: absolute;
  right: 0;
  top: 50%;
  text-align: center;
  transform: translateY(-55%);
}
.hero .hero-content a.btn {
  margin: 30px 0 0 0;
}
.hero h1 {
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 800;
}
.hero h2 {
  font-size: 24px;
  font-weight: 600;
  color: #FFFFFF;
}
.hero .selector {
  background-color: #0f345f;
  border-radius: 0 30px 0 30px;
  bottom: -75px;
  color: #FFFFFF;
  display: block;
  left: 0;
  margin: 0 auto;
  max-width: 600px;
  padding: 20px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
}
.hero .selector .selector-title {
  color: #FFFFFF;
  margin: 0 0 20px 0;
  text-align: center;
  text-transform: uppercase;
}
.hero .selector .selectors {
  display: block;
}
.hero .selector .block1,
.hero .selector .block2 {
  background-color: #b7b7b7;
  display: inline-block;
  height: 45px;
  margin: 0 0 10px 0;
  max-width: 275px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}

.intro {
  padding-top: 100px;
}
.intro .one-half:first-of-type {
  margin: 0 0 20px 0;
}
.intro h2 {
  font-weight: 400;
  text-transform: uppercase;
}
.intro a.btn {
  margin: 15px 0 0 0;
}

.general-section .one-half:first-of-type {
  margin: 0 0 20px 0;
}
.general-section .general-section-image {
  text-align: center;
}
.general-section a.btn {
  margin: 15px 0 0 0;
}
.general-section.second a.btn {
  min-width: 295px;
}

.block-page {
  background-position: center center;
  background-size: cover;
}
.block-page h2 {
  color: #005598;
  font-size: 32px;
  font-weight: 800;
}
.block-page h4 {
  font-size: 22px;
  font-style: italic;
  font-weight: 300;
  text-align: center;
}

a.block {
  background-position: center center;
  background-size: cover;
  color: #FFFFFF;
  margin: 0 0 30px 0;
  padding: 30% 20px 0 20px;
  position: relative;
  text-align: center;
  width: 100%;
}
a.block::after {
  content: "";
  display: block;
  padding-bottom: 50%;
}
a.block .overlay {
  background-color: rgba(0, 85, 152, 0.5);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
a.block .block-content {
  position: relative;
  z-index: 20;
}
a.block h3 {
  color: #FFFFFF;
  font-size: 23px;
  font-weight: 800;
  margin: 0;
  text-transform: uppercase;
}
a.block .description {
  text-transform: uppercase;
}
a.block .block-btn {
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
}
a.block:hover > .overlay {
  background-color: rgba(67, 164, 71, 0.65);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
a.block:hover .block-btn {
  background-color: #1c691f;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.block-btn {
  background-color: #0f345f;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  display: inline-block;
  margin: 40px auto 0 auto;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.tax-industry .intro-content h2 {
  color: #005598;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.2em;
}
.tax-industry .intro-content a.btn {
  margin-top: 25px;
}
.tax-industry article:nth-of-type(even) {
  background-color: #eaeaea;
}

.accordian-title {
  cursor: pointer;
  display: block;
  font-weight: 700;
  margin: 0;
  padding: 0 0 0 45px;
  position: relative;
}
.accordian-title:before {
  background-color: #43a447;
  color: #FFFFFF;
  content: "\f067";
  display: block;
  font-family: "fontAwesome", sans-serif;
  font-size: 28px;
  font-weight: 300;
  height: 30px;
  left: 5px;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-55%);
  width: 30px;
}
.accordian-title.open:after {
  content: "\f068";
}

.accordian-content {
  display: none;
  overflow: hidden;
  padding: 25px 0 0 50px;
}

.locations .intro-content a {
  display: block;
  margin: 25px auto 0 auto;
  max-width: 382px;
  width: 100%;
}
.locations .location-block {
  background-color: #ebebeb;
  margin: 0 0 25px 0;
  min-height: 615px;
  padding: 15px;
  position: relative;
}
.locations .location-image {
  margin: 0 0 10px 0;
}
.locations .location-title {
  color: #005598;
  margin: 0 0 25px 0;
}

.location-info-wrapper .li-info {
  display: inline-block;
  padding: 0 0 10px 25px;
  position: relative;
}
.location-info-wrapper .li-info.phone, .location-info-wrapper .li-info.fax {
  display: block;
  font-weight: 600;
}
.location-info-wrapper i {
  color: #43a447;
  left: -2px;
  position: absolute;
  top: 2px;
}

.location-buttons {
  bottom: 15px;
  left: 15px;
  position: absolute;
  right: 15px;
}
.location-buttons a {
  width: 100%;
}

.projects .excerpt {
  margin: 0 0 15px 0;
}

.project-image {
  margin: 0 0 15px 0;
}

.single-projects h2.project-title {
  color: #005598;
  font-size: 24px;
}

.subpage h2 {
  color: #005598;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.2em;
}
.subpage h3 {
  color: #005598;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.2em;
  text-transform: uppercase;
}
.subpage .sub-section-secondary-content {
  background-color: #eaeaea;
  padding: 15px;
}

.half {
  margin: 0 0 30px 0;
}
.half:last-of-type {
  margin: initial;
}

.section-links ul {
  list-style: none;
  margin: 0;
}
.section-links ul li {
  margin: 0 0 7px 0;
  position: relative;
  text-transform: uppercase;
}
.section-links ul li i {
  left: -15px;
  position: absolute;
  top: 5px;
}
.section-links h4 {
  color: #FFFFFF;
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
}
.section-links h4::after {
  left: 0;
  margin: 0 auto;
  right: 0;
}
.section-links a {
  color: #FFFFFF !important;
  text-decoration: underline;
}
.section-links a:hover {
  color: #9fb9cf;
}
.section-links .section-block {
  padding-left: 10px;
  padding-right: 10px;
}
.section-links .section-block:first-of-type {
  background-color: #668DBB;
}
.section-links .section-block:nth-of-type(1) {
  background-color: #245692;
}
.section-links .section-block:nth-of-type(2) {
  background-color: #0F345F;
}
.section-links .section-block:nth-of-type(3) {
  background-color: #072241;
}
.section-links .section-block i {
  color: #43a447;
}

.sub-section .sub-section-item h4 {
  font-size: 1.5em;
  text-transform: uppercase;
}
.sub-section .sub-section-item:nth-of-type(even) {
  background-color: #eaeaea;
}
.sub-section .sub-section-item:first-of-type .accordian-content {
  display: block;
}

.int-links {
  color: #FFFFFF;
  background-color: #0f345f;
}
.int-links a {
  color: #FFFFFF;
}
.int-links .left {
  background-color: #005598;
}
.int-links .left .int-links-content {
  margin: 0 auto;
}
.int-links .right .int-links-content {
  margin: 0 auto;
}

.int-links-content {
  max-width: 600px;
  padding: 0 10px;
  width: 100%;
}
.int-links-content h2 {
  color: #FFFFFF;
  font-size: 28px;
}
.int-links-content ul {
  list-style: none;
  margin: 0;
}
.int-links-content ul li {
  margin: 0 0 5px 0;
  position: relative;
}
.int-links-content ul li::before {
  color: #43a447;
  content: "";
  font-family: "fontAwesome", sans-serif;
}
.int-links-content ul.ind-services li::before {
  content: "\f054";
  left: -5px;
  position: relative;
}
.int-links-content ul.ind-staff li::before {
  content: "\f007";
  left: -5px;
  position: relative;
}
.int-links-content ul a {
  border-bottom: 1px solid #9fb9cf;
}
.int-links-content ul a:hover {
  color: #9fb9cf;
}
.int-links-content ul i {
  color: #43a447;
}
.int-links-content ul.ind-services {
  text-transform: uppercase;
}

.teams-archive h2 {
  color: #005598;
  font-size: 32px;
  font-weight: 800;
}
.teams-archive .notation {
  font-size: 15px;
  font-style: initial;
}
.teams-archive a.btn {
  display: block;
  margin: 20px auto 0 auto;
  max-width: 367px;
  width: 100%;
}

ul.filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
  margin: 0 0 25px 0;
  padding: 0;
}
ul.filters li {
  background-color: #e4e4e4;
  font-size: 16px;
  padding: 5px 8px;
  margin: 5px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
ul.filters li:hover {
  background-color: #005598;
  color: #FFFFFF;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
ul.filters li.active {
  background-color: #9d9d9d;
  color: #FFFFFF;
}

.team-block {
  background-color: #ebebeb;
  font-size: 16px;
  margin: 0 0 20px 0;
}
.team-block .tb-content {
  padding: 10px;
  text-align: center;
}
.team-block h3 {
  color: #005598;
  font-size: 21px;
  margin: 0 0 5px 0;
}
.team-block .member-title {
  color: #43a447;
  font-size: 17px;
  font-weight: 500;
  margin: 0 0 25px 0;
}
.team-block a.btn {
  margin: 20px 0 0 0;
}

.single-team .intro-content a.btn {
  display: block;
  margin: 20px auto 0 auto;
  max-width: 367px;
  width: 100%;
}

.member-info {
  background-color: #ebebeb;
  margin: 35px 0;
  padding: 10px;
}
.member-info .member-photo {
  text-align: center;
}
.member-info .member-photo img {
  margin: 0 0 20px 0;
}
.member-info h3 {
  color: #005598;
  font-size: 21px;
  margin: 0 0 5px 0;
}
.member-info .member-title {
  color: #43a447;
  font-size: 17px;
  font-weight: 500;
  margin: 0 0 25px 0;
}

.toplevel h2 {
  color: #005598;
  font-size: 32px;
  font-weight: 800;
}
.toplevel .intro-content h4 {
  font-size: 22px;
  font-style: italic;
  font-weight: 300;
  text-align: center;
}
.toplevel .sec-content {
  margin: 15px 0 0 0;
}

.page-banner {
  background-size: cover;
}
.page-banner a {
  color: #FFFFFF;
}
.page-banner h1,
.page-banner h2 {
  color: #FFFFFF;
  margin: 0;
}
.page-banner .breadcrumbs {
  color: #86d6f6;
  text-transform: uppercase;
}
.page-banner .breadcrumbs a {
  color: #86d6f6;
}

.quick-link,
.latest-projects,
.latest-posts,
.cta.getintouch {
  background-position: center center;
  background-size: cover;
}

a.quick-link {
  color: #FFFFFF !important;
  padding: 165px 0;
  position: relative;
}
a.quick-link .overlay {
  background-color: rgba(36, 87, 147, 0.65);
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  top: 0;
  width: 100%;
  z-index: 1;
}
a.quick-link .ql-icon {
  margin: 0 auto 15px auto;
  max-width: 100px;
}
a.quick-link .quick-link-content {
  display: inline-block;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
a.quick-link h3 {
  color: #FFFFFF;
}
a.quick-link .ql-button {
  background-color: #0f345f;
  border: 1px solid #43a447;
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 10px 30px;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
a.quick-link:hover > .overlay {
  color: #FFFFFF;
  background-color: rgba(28, 105, 31, 0.75);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
a.quick-link:hover .ql-button {
  background-color: #034305;
  border-color: #FFFFFF;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.cta.getintouch {
  text-align: center;
}
.cta.getintouch .cta-text {
  color: #FFFFFF;
  font-size: 36px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.15em;
  margin: 0 0 25px 0;
  text-transform: uppercase;
}
.cta.widget {
  color: #FFFFFF !important;
  display: block;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
}
.cta.widget.locations, .cta.widget.careers {
  background-color: #005598;
}
.cta.widget .link {
  padding: 15px 0 20px 0;
}

.latest-projects h2 {
  color: #FFFFFF;
}
.latest-projects .intro-text {
  color: #FFFFFF;
  margin: 0 0 25px 0;
  text-align: center;
}

.latest-projects h2 {
  font-weight: 800;
}
.latest-projects a.project-block {
  background-color: #FFFFFF;
  margin: 0 0 30px 0;
  text-align: center;
}
.latest-projects a.project-block:last-of-type {
  margin: 0;
}
.latest-projects a .project-thumbnail {
  background-color: #43a447;
  display: block;
  height: 175px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.latest-projects a .project-thumbnail img {
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  -moz-transform: scale(2.5) translate(0px, -50px);
  -webkit-transform: scale(2.5) translate(0px, -50px);
  -o-transform: scale(2.5) translate(0px, -50px);
  -ms-transform: scale(2.5) translate(0px, -50px);
  transform: scale(2.5) translate(0px, -50px);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.latest-projects a .project-block-info {
  padding: 10px;
}
.latest-projects a h3 {
  color: #005598;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.latest-projects a .link {
  color: #43a447;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.latest-projects a:hover .project-thumbnail img {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  opacity: 0.35;
}
.latest-projects a:hover h3 {
  color: #43a447;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.latest-projects a:hover .link {
  background-color: #43a447;
  color: #FFFFFF;
}
.latest-projects .gallery-btn {
  display: block;
  margin: 30px auto 0 auto;
  max-width: 312px;
}

.latest-posts h2 {
  font-weight: 800;
}
.latest-posts a.post-block {
  background-color: #FFFFFF;
  margin: 0 0 30px 0;
  text-align: center;
}
.latest-posts a .post-thumbnail {
  display: block;
  height: 175px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.latest-posts a .post-thumbnail img {
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  -moz-transform: scale(2.5) translate(0px, -50px);
  -webkit-transform: scale(2.5) translate(0px, -50px);
  -o-transform: scale(2.5) translate(0px, -50px);
  -ms-transform: scale(2.5) translate(0px, -50px);
  transform: scale(2.5) translate(0px, -50px);
}
.latest-posts a h3 {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.latest-posts a .lp-post-meta {
  color: #818284;
  margin: 0 0 10px 0;
}
.latest-posts a .lp-post-meta i {
  color: #9fb9cf;
}
.latest-posts a .post-block-info {
  padding: 10px;
}
.latest-posts a .link {
  color: #43a447;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.latest-posts a:hover h3 {
  color: #43a447;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.latest-posts a:hover .link {
  color: #005598;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

aside.blog-sidebar {
  margin: 30px 0 0 0;
}
aside.blog-sidebar h2 {
  color: #005598;
  margin: 0 0 25px 0;
  position: relative;
}
aside.blog-sidebar h2::after {
  border-bottom: 3px solid #43a447;
  bottom: -7px;
  content: "";
  display: block;
  position: relative;
}

.blog-intro {
  margin: 0 0 25px 0;
}
.blog-intro h2 {
  color: #005598;
  font-size: 32px;
  font-weight: 800;
}

.blog-tile {
  background-color: #ebebeb;
  margin: 0 0 25px 0;
}
.blog-tile a {
  color: #005598;
}
.blog-tile .entry-meta {
  margin: 0 0 25px 0;
}
.blog-tile h2 {
  font-weight: 500;
  margin: 0 0 25px 0;
  text-transform: initial;
}
.blog-tile h2 a {
  color: #414042 !important;
}

.entry-meta {
  color: #818284;
}
.entry-meta .flexxed {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.entry-meta .author-thumb {
  margin: 0 15px 0 0;
}
.entry-meta .top-meta span.author-name, .entry-meta .top-meta span.date {
  display: block;
}
.entry-meta .top-meta span.byline {
  display: inline-block;
}
.entry-meta .bottom-meta {
  clear: both;
  display: block;
}

.blog-excerpt {
  margin: 0 0 25px 0;
}

.blog-tags {
  color: #818284;
  margin: 25px 0 i;
  margin-color: #43a447;
}

.share-this-article {
  color: #818284;
  margin: 25px 0 0 0;
}

.share-links i {
  font-size: 24px;
}

.share-title {
  display: inline-block;
  float: left;
  margin: 0 5px 0 0;
}

article:last-of-type .blog-tile {
  margin: 0;
}

.blog-tile-content {
  padding: 10px;
}

.single .blog-tile-content {
  margin: 0 0 25px 0;
}
.single .blog-tile-content h2 {
  position: relative;
}
.single .blog-tile-content h2::after {
  border-bottom: 4px solid #FFFFFF;
  bottom: -7px;
  content: "";
  display: block;
  max-width: 550px;
  position: relative;
  width: 100%;
}
.single .bottom-meta .category {
  position: relative;
}
.single .bottom-meta .category::after {
  content: ",";
}
.single .bottom-meta .category:last-of-type::after {
  content: "";
}
.single .blog-tags {
  margin: 15px 0 0 0;
}

.aux-info {
  margin: 0 0 30px 0;
}
.aux-info h3 {
  color: #005598;
  position: relative;
  text-transform: uppercase;
}
.aux-info h3::after {
  border-bottom: 3px solid #43a447;
  bottom: 10px;
  content: "";
  display: inline-block;
  position: relative;
  width: 100%;
}

.author-info > .flexxed {
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0 10px 25px 0;
}
.author-info .author-thumb {
  margin: 0 10px 0 0;
}

.author-recent a {
  display: inline-block;
  font-weight: 600;
  padding: 0 0 0 20px;
  position: relative;
}
.author-recent a i {
  color: #818284;
  left: 0;
  position: absolute;
}

.recent-post-date {
  display: none;
}

.related-posts .wp-post-image {
  -webkit-box-shadow: 1px 1px 3px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, 0.1);
  margin: 0 0 10px 0;
}

.related-post {
  margin: 0 0 20px 0;
}
.related-post .title {
  color: #005598;
  font-weight: 500;
  margin: 0 0 10px;
}
.related-post ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.related-post ul li {
  list-style-type: none;
}
.related-post .category {
  position: relative;
}
.related-post .category::after {
  content: ",";
}
.related-post .category:last-of-type::after {
  content: "";
}
.related-post:last-of-type {
  margin: initial;
}

.posts-navigation {
  border-top: 3px solid #818284;
  margin: 15px 0 0 0;
  padding: 10px 0 0 0;
}
.posts-navigation .nav-previous {
  margin: 0 0 7px 0;
}
.posts-navigation .nav-previous a {
  color: #818284;
  font-weight: 600;
  padding: 0 0 0 7px;
  margin: 0 0 7px 0;
  position: relative;
}
.posts-navigation .nav-previous a::before {
  content: "\f053";
  font-family: "fontAwesome", sans-serif;
  left: -5px;
  position: relative;
}
.posts-navigation .nav-next a {
  color: #818284;
  font-weight: 600;
  padding: 0 7px 0 0;
  position: relative;
}
.posts-navigation .nav-next a::after {
  content: "\f054";
  font-family: "fontAwesome", sans-serif;
  position: relative;
  right: -5px;
}
.posts-navigation .seperator {
  display: none;
}

aside input,
aside select {
  width: 100%;
}
aside .becht-u-ad {
  background-color: #58595b;
  color: #FFFFFF;
  font-size: 14px;
  padding: 0 0 15px 0;
  text-align: center;
}
aside .becht-u-ad .u-logo {
  margin: 20px 0 15px 0;
}
aside .becht-u-ad .sub-text {
  margin: 0 0 5px 0;
}
aside .widget .search-form {
  position: relative;
}
aside .widget .search-form input[type=submit] {
  background-color: #005598;
  background-image: url(img/search-icon-white.png);
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  height: 46px;
  position: absolute;
  right: 0;
  text-indent: -99999px;
  top: 0;
  width: 46px;
}
aside .widget .subscribe-widget {
  background-color: #43a447;
  color: #FFFFFF;
  padding: 15px;
}
aside .widget .subscribe-widget h2 {
  color: #FFFFFF;
  font-size: 20px;
  text-align: center;
}
aside .widget .subscribe-widget h2::after {
  border-color: #80ca84;
  bottom: -3px;
}
aside .widget .subscribe-widget input[type=text],
aside .widget .subscribe-widget input[type=email] {
  border: 0;
  height: 40px;
  margin: 0 0 15px 0;
}
aside .widget .subscribe-widget input[type=submit] {
  background-color: #034305;
  border: 0;
  border-radius: 0;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 500;
  height: 50px;
  margin: 15px 0 0 0;
  text-transform: uppercase;
  width: 165px;
}
aside .widget .subscribe-widget .wpcf7-checkbox .wpcf7-list-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0;
}
aside .widget .subscribe-widget .wpcf7-checkbox input[type=checkbox] {
  border: 0;
  border-radius: 0;
  width: 50px;
}

.arrow-heading {
  color: #43a447;
  text-transform: uppercase;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Popup
--------------------------------------------------------------*/
.popup .overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
  display: none;
}

.popup .content {
  position: absolute;
  top: 8%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  background-color: #005598;
  width: 500px;
  height: 500px;
  z-index: 2;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  font-family: "poppins", sans-serif;
  border-radius: 5px;
}
.popup .content h1 {
  color: white;
}
.popup .content p {
  color: white;
  font-size: 1.25rem;
}

.popup .close-btn {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 30px;
  height: 30px;
  background: #222;
  color: #fff;
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
}

.popup.active .overlay {
  display: block;
}

.popup.active .content {
  display: block;
  transform: translate(-50%, -50%);
}

.popupbtn2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 15px;
  font-size: 18px;
  border: 2px solid #222;
  color: #222;
  text-transform: uppercase;
  font-weight: 600;
  background: #fff;
}

.popup.active .popupbtn {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 90%;
  font-size: 20px;
  text-align: center;
  border-radius: 3%;
  border-color: #43a447;
  color: white;
  background-color: #43a447;
}

.popupafpm {
  color: #fff;
  font-size: 15px;
  padding: 10px 30px 10px 20px;
  text-align: left;
}

.becht-popup-link a:hover {
  color: white;
}

.becht-popup-link2 a {
  color: white;
}
.becht-popup-link2 a:hover {
  color: white;
}

@media only screen and (min-width: 280px) {
  .popup .content {
    top: 7%;
    left: 50%;
    width: 280px;
    height: 810px;
  }
}
@media only screen and (min-width: 320px) {
  .popup .content {
    top: 7%;
    left: 50%;
    width: 320px;
    height: 715px;
  }
}
@media only screen and (min-width: 350px) {
  .popup .content {
    top: 7%;
    left: 50%;
    width: 325px;
    height: 700px;
  }
}
@media only screen and (min-width: 375px) {
  .popup .content {
    top: 7%;
    left: 50%;
    width: 325px;
    height: 715px;
  }
}
@media only screen and (min-width: 400px) {
  .popup .content {
    top: 7%;
    left: 50%;
    width: 350px;
    height: 700px;
  }
}
@media only screen and (min-width: 480px) {
  .popup .content {
    top: 6%;
    left: 50%;
    width: 450px;
    height: 550px;
  }
}
@media only screen and (min-width: 568px) {
  .popup .content {
    top: 7%;
    left: 50%;
    width: 450px;
    height: 550px;
  }
}
@media only screen and (min-width: 640px) {
  .popup .content {
    top: 7%;
    left: 50%;
    width: 500px;
    height: 500px;
  }
}
@media only screen and (min-width: 768px) {
  .popup .content {
    top: 10%;
    left: 50%;
    width: 500px;
    height: 500px;
  }
}
.main-footer {
  background-color: #005598;
  color: #FFFFFF;
  padding: 20px 0;
}
.main-footer a {
  color: #FFFFFF;
}
.main-footer h2 {
  color: #FFFFFF;
  margin: 0 0 25px 0;
  position: relative;
  text-transform: uppercase;
}
.main-footer h2::after {
  bottom: -10px;
  content: "";
  border-bottom: 4px solid #9fb9cf;
  left: 0;
  position: absolute;
  width: 200px;
}

.footer-logo {
  max-width: 250px;
}

.footer-column {
  margin: 0 0 20px 0;
}
.footer-column .menu {
  list-style-type: none;
}
.footer-column .menu a {
  display: inline-block;
  padding: 3px 0 7px 15px;
  position: relative;
  text-transform: uppercase;
}
.footer-column .menu a:hover {
  color: #63d968;
}
.footer-column .menu a:before {
  color: #63d968;
  content: "\f105";
  font-family: "fontAwesome", sans-serif;
  font-size: 1.15em;
  font-weight: 600;
  left: 0;
  position: absolute;
  top: 0;
}
.footer-column .textwidget p {
  margin: 0 0 10px 0;
}

.gi-item {
  padding: 3px 0 7px 17px;
  position: relative;
}
.gi-item::before {
  color: #63d968;
  content: "";
  font-family: "fontAwesome", sans-serif;
  left: -3px;
  position: absolute;
  top: 3px;
}
.gi-item.address::before {
  content: "\f041";
}
.gi-item.phone::before {
  content: "\f098";
}
.gi-item.fax::before {
  content: "\f1ac";
}
.gi-item.email::before {
  content: "\f0e0";
}

.aux-footer {
  color: #5c88bc;
  background-color: #0f345f;
  padding: 10px 0;
  text-align: center;
}

.newsletter {
  max-width: 250px;
  position: relative;
}
.newsletter input[type=email] {
  height: 40px;
}
.newsletter input[type=submit] {
  background-color: #63d968;
  background-image: url(img/email-icon.png);
  background-position: center center;
  background-repeat: no-repeat;
  border: 0;
  border-radius: 0;
  height: 40px;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  top: 0;
  width: 40px;
}

footer {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
}

@media only screen and (min-width: 150px) {
  .becht-bestnet-landingboxes {
    width: 100%;
    position: relative;
  }
  .becht-bestnet-flexxed-bar {
    display: flex;
    flex-direction: column;
  }
  .becht-bestnet-flexxed-bar .one-third {
    width: 100%;
  }
  .becht-bestnet-flexxed-bar .two-thirds {
    width: 100%;
  }
  .becht-bestnet-flexxed {
    display: flex;
    flex-direction: column;
  }
  .becht-bestnet-flexxed .one-third {
    width: 100%;
  }
  .becht-bestnet-flexxed .two-thirds {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
  }
  .becht-bestnet-flexxed .becht-bestnet-landingboxes-home {
    width: 100%;
    position: relative;
    background-position: center center;
    background-size: cover;
    color: #FFFFFF;
    text-align: center;
    height: 200px;
  }
  li.my-class {
    padding: 0px !important;
  }
  .becht-contact-containter-page .becht-contact-rows-page {
    display: flex;
    flex-direction: column;
  }
  .ui-widget-header {
    border: 1px solid #ffffff;
    background: #ffffff;
    color: #ffffff;
    font-weight: bold;
  }
}
@media only screen and (min-width: 350px) {
  .becht-bestnet-landingboxes {
    width: 100%;
    position: relative;
  }
  .becht-bestnet-flexxed {
    display: flex;
    flex-direction: column;
  }
  .becht-bestnet-flexxed .one-third {
    width: 100%;
  }
  .becht-bestnet-flexxed .two-thirds {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
  }
  .becht-bestnet-flexxed .becht-bestnet-landingboxes-home {
    width: 45%;
    position: relative;
    background-position: center center;
    background-size: cover;
    color: #FFFFFF;
    text-align: center;
    height: 200px;
  }
}
@media only screen and (min-width: 400px) {
  .becht-contact-containter-page .becht-contact-rows-page {
    display: flex;
    flex-direction: row;
  }
  a.block {
    padding: 30% 20px 0 20px;
  }
  a.block::after {
    padding-bottom: 40%;
  }
  a.block h3 {
    font-size: 28px;
  }
  .team-block .tb-content {
    padding: 15px;
  }
  .becht-bestnet-landingboxes {
    width: 100%;
    position: relative;
  }
}
@media only screen and (min-width: 480px) {
  .contact .disclaimer {
    margin: 20px 0 15px 0;
  }
  .contact .ci-icon {
    font-size: 40px;
    height: 100px;
    width: 100px;
  }
  .contact aside.contact-sidebar {
    margin: 35px 0 0 0;
  }
  .contact .contact-info {
    margin: 0 0 35px 0;
  }
}
@media only screen and (min-width: 568px) {
  .p30 {
    padding: 15px 0;
  }
  .p45 {
    padding: 22.5px 0;
  }
  .p60 {
    padding: 30px 0;
  }
  .intro {
    padding-top: 100px;
  }
  .hero .selector .selectors {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
  .block-list .flexxed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  a.block {
    padding: 10% 10px 0 10px;
    width: 47%;
  }
  a.block::after {
    padding-bottom: 45%;
  }
  a.block .block-btn {
    bottom: 10%;
    min-width: 145px;
  }
  .int-links-content ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
  }
  .locations .flexxed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }
  .locations .location-block {
    min-height: 645px;
    width: 47.5%;
  }
  .subpage .sub-section-secondary-content {
    background-color: #eaeaea;
    padding: 15px;
  }
  .subpage .sub-section-secondary-content ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .section-links ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .team-members {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
  }
  .team-block {
    border: 10px solid #FFFFFF;
    margin: 0;
    width: 50%;
  }
  .team-block .team-content {
    padding: 20px;
  }
  .entry-meta .author-name,
  .entry-meta .date {
    display: inline-block;
    float: left;
  }
  .entry-meta .author-name {
    margin: 0 7px 0 0;
    padding: 0 7px 0 0;
    position: relative;
  }
  .entry-meta .author-name::after {
    content: "|";
    position: relative;
    right: -5px;
  }
}
@media only screen and (min-width: 640px) {
  .error-404 form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 640px;
  }
  .error-404 label {
    width: 65%;
  }
  .error-404 input[type=submit] {
    width: 35%;
  }
  .error-404 .need-help {
    display: block;
    margin: 0 auto;
    max-width: 400px;
  }
  .hero-content h1 {
    font-size: 56px;
  }
  .hero-content h2 {
    font-size: 35px;
  }
  .projects-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .projects-flex .project {
    width: 47.5%;
  }
  .quicklinks .flexxed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .quicklinks a.quick-link {
    width: 33.33%;
  }
  .latest-projects a .project-thumbnail {
    height: 225px;
  }
  .latest-projects a .project-block-info {
    padding: 30px;
  }
  .latest-posts a .post-thumbnail {
    height: 225px;
  }
  .latest-posts a .post-block-info {
    padding: 30px;
  }
  .main-footer {
    padding: 30px 0;
  }
  .main-footer .flexxed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .one-fourth {
    width: 47.5%;
  }
  .single .blog-tile-content h2 {
    font-size: 27px;
  }
  .related-posts .flexxed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .related-posts .related-post {
    width: 47.5%;
  }
  .posts-navigation {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .posts-navigation .seperator {
    display: inline-block;
  }
  .becht-bestnet-landingboxes {
    width: 45%;
    position: relative;
  }
  .becht-bestnet-flexxed-bar {
    display: flex;
    flex-direction: row;
  }
  .becht-bestnet-flexxed-bar .one-third {
    width: 31.5%;
  }
  .becht-bestnet-flexxed-bar .two-thirds {
    width: 64.5%;
  }
}
@media only screen and (min-width: 768px) {
  .p30 {
    padding: 20px 0;
  }
  .p45 {
    padding: 30px 0;
  }
  .p60 {
    padding: 40px 0;
  }
  .one-third {
    width: 31.5%;
  }
  .two-thirds {
    width: 64.5%;
  }
  .one-half,
  .one-fourth {
    width: 47.5%;
  }
  .contact .flexxed.main-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .contact .ci-icon {
    height: 75px;
    margin: 0 10px 0 0;
    width: 75px;
  }
  .contact aside.contact-sidebar {
    margin: 0;
  }
  .intro .flexxed,
  .general-section .flexxed {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .intro {
    padding-top: 100px;
  }
  .block-page .intro-content .text {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
  a.block .block-btn {
    bottom: 15%;
  }
  .tax-industry .intro-content h2 {
    font-size: 42px;
  }
  .accordian-content ul,
  .accordian-content ol {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
  }
  .intro-content .flexxed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .int-links .right .int-links-content {
    padding: 0 0 0 30px;
  }
  .single-projects h2.project-title {
    font-size: 34px;
    margin: 0 0 30px 0;
    max-width: 64%;
  }
  .member-info {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
  }
  .member-info .member-photo,
  .member-info .member-content {
    width: 47.5%;
  }
  .toplevel .intro-content .text {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
  .subpage .intro-content h2 {
    font-size: 42px;
  }
  .subpage .intro-content .half {
    width: 47.5%;
  }
  .subpage h3 {
    font-size: 36px;
  }
  .subpage .sub-section-secondary-content {
    padding: 25px;
  }
  .subpage .sub-section-secondary-content ul {
    column-count: 3;
  }
  .section-links .flexxed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .section-links .one-half {
    width: 50%;
  }
  .section-links .one-half ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .section-links .one-third {
    width: 33.33%;
  }
  .section-links .one-third ul {
    column-count: initial;
  }
  .sub-section .flexxed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .sub-section .half {
    width: 47.5%;
  }
  .flexxed.main-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .blog-intro h2 {
    font-size: 42px;
  }
  .blog-tile-content {
    padding: 30px;
  }
  .posts-navigation {
    font-size: 12px;
  }
  aside.blog-sidebar {
    margin: 0;
  }
  .latest-projects .flexxed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .latest-projects a.project-block {
    margin: 0;
    width: 33%;
  }
  .latest-projects a .project-block-info {
    padding: 10px;
  }
  .latest-projects a .project-thumbnail {
    height: 200px;
  }
  .latest-projects a .project-thumbnail img {
    bottom: 0;
    top: initial;
    transform: scale(3);
  }
  .latest-posts .flexxed {
    flex-direction: row;
    justify-content: space-between;
  }
  .latest-posts a.post-block {
    margin: 0;
    width: 33%;
  }
  .latest-posts a .post-block-info {
    padding: 10px;
  }
  .latest-posts a .post-thumbnail {
    height: 200px;
  }
  .latest-posts a .post-thumbnail img {
    bottom: 0;
    top: initial;
    transform: scale(3);
  }
  .cta.getintouch .flexxed {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .cta.getintouch .one-third {
    width: 31%;
  }
  .cta.getintouch .two-thirds {
    width: 64%;
  }
  .cta.getintouch .cta-text {
    margin: 0;
    text-align: left;
  }
}
@media only screen and (min-width: 860px) {
  .contact .ci-icon {
    margin: 0 20px 0 0;
  }
  .locations .location-block {
    min-height: 690px;
  }
  .section-links ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  .team-block {
    border: 10px solid #FFFFFF;
    width: 33.33%;
  }
}
@media only screen and (min-width: 960px) {
  .aux-header {
    color: #88a5c8;
    font-size: 13px;
    position: initial;
  }
  .aux-header .constrain {
    max-width: 1200px;
  }
  .aux-header a {
    padding: 0 7px;
  }
  .aux-header .flexxed {
    -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;
  }
  .aux-header .search {
    display: block;
    margin: 0 15px 0 0;
    padding: 5px 0 0 10px;
    position: relative;
  }
  .aux-header input[type=submit] {
    background-color: transparent;
    background-image: url(img/search-icon.png);
    background-position: center center;
    background-repeat: no-repeat;
    border: 0;
    height: 20px;
    left: -5px;
    position: relative;
    text-indent: -9999px;
    top: -2px;
    width: 20px;
  }
  .aux-header input[type=search] {
    border: 1px solid #FFFFFF;
    border-radius: 0;
    height: 40px;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 110px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    top: -3px;
    width: 0;
  }
  .aux-header input[type=search].opened {
    border: thin solid #005598;
    -webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.07);
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.07);
    opacity: 1;
    padding: 0 5px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    width: 250px;
  }
  .aux-header a.moretosee {
    display: none;
  }
  .aux-header .login {
    padding: 10px 15px;
    width: initial;
  }
  .aux-header .aux-menu {
    width: auto;
  }
  .aux-header .aux-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .aux-header .aux-menu li a {
    padding: 10px;
    position: relative;
    width: initial;
  }
  .aux-header .aux-menu li a::after {
    color: #0f345f;
    content: "|";
    position: relative;
    right: -10px;
  }
  .aux-header .aux-menu li a:hover {
    background-color: #0f345f;
  }
  .aux-header .aux-menu li.menu-item-has-children:hover > .sub-menu {
    background-color: #b7b7b7;
    -webkit-box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.15);
    display: block;
    margin: 0;
    padding: 5px;
    position: absolute;
    text-align: left;
    z-index: 99999;
  }
  .aux-header .aux-menu li.menu-item-has-children:hover > .sub-menu li {
    display: block;
    padding: initial;
  }
  .aux-header .aux-menu li.menu-item-has-children:hover > .sub-menu li a {
    display: block;
    padding: 7px 10px 7px 15px !important;
    position: relative;
    color: #414042;
    font-weight: 600;
  }
  .aux-header .aux-menu li.menu-item-has-children:hover > .sub-menu li a:before {
    color: #414042;
    content: "\f105";
    font-family: "fontAwesome", sans-serif;
    font-weight: 500;
    left: -3px;
    position: relative;
  }
  .aux-header .aux-menu li.menu-item-has-children:hover > .sub-menu li a::after {
    content: "";
    position: initial;
    right: initial;
  }
  .aux-header .aux-menu li.menu-item-has-children:hover > .sub-menu li a:hover {
    color: #FFFFFF;
    font-weight: 600;
    background-color: #b7b7b7;
  }
  .aux-header .aux-menu li.menu-item-has-children a {
    position: relative;
  }
  .aux-header .aux-menu li:last-of-type a::after {
    content: "";
  }
  .aux-header .aux-menu .sub-menu {
    display: none;
  }
  .aux-header .search-form {
    float: left;
  }
  .aux-header .translate i {
    left: 0;
    top: 7px;
  }
  .aux-header #google_language_translator select.goog-te-combo {
    font-size: 13px;
    margin-left: 10px;
    width: auto;
  }
  .main-header {
    padding: 0;
  }
  .main-header .flexxed {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .main-header .site-branding {
    width: 13%;
  }
  .main-header .main-navigation {
    text-align: right;
    width: 87%;
  }
  .main-header .main-navigation #primary-menu,
  .main-header .main-navigation #menu-plain-template-menu {
    font-size: 10px;
    text-transform: uppercase;
  }
  .main-header .main-navigation #primary-menu li,
  .main-header .main-navigation #menu-plain-template-menu li {
    display: inline-block;
    padding: 40px 0;
  }
  .main-header .main-navigation #primary-menu li a,
  .main-header .main-navigation #menu-plain-template-menu li a {
    color: #414042;
    font-weight: 600;
    padding: 40px 5px;
    position: relative;
  }
  .main-header .main-navigation #primary-menu li a:hover,
  .main-header .main-navigation #menu-plain-template-menu li a:hover {
    color: #43a447;
  }
  .main-header .main-navigation #primary-menu li a::after,
  .main-header .main-navigation #menu-plain-template-menu li a::after {
    color: #43a447;
    content: "|";
    position: absolute;
    right: -3px;
  }
  .main-header .main-navigation #primary-menu li.menu-item-has-children:hover > .sub-menu,
  .main-header .main-navigation #menu-plain-template-menu li.menu-item-has-children:hover > .sub-menu {
    background-color: #b7b7b7;
    -webkit-box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.15);
    display: block;
    margin: 0;
    padding: 5px;
    position: absolute;
    text-align: left;
    top: 100%;
  }
  .main-header .main-navigation #primary-menu li.menu-item-has-children:hover > .sub-menu li,
  .main-header .main-navigation #menu-plain-template-menu li.menu-item-has-children:hover > .sub-menu li {
    display: block;
    padding: initial;
  }
  .main-header .main-navigation #primary-menu li.menu-item-has-children:hover > .sub-menu li a,
  .main-header .main-navigation #menu-plain-template-menu li.menu-item-has-children:hover > .sub-menu li a {
    display: block;
    padding: 7px 10px 7px 15px !important;
    position: relative;
  }
  .main-header .main-navigation #primary-menu li.menu-item-has-children:hover > .sub-menu li a:before,
  .main-header .main-navigation #menu-plain-template-menu li.menu-item-has-children:hover > .sub-menu li a:before {
    color: #414042;
    content: "\f105";
    font-family: "fontAwesome", sans-serif;
    font-weight: 500;
    left: -3px;
    position: relative;
  }
  .main-header .main-navigation #primary-menu li.menu-item-has-children:hover > .sub-menu li a::after,
  .main-header .main-navigation #menu-plain-template-menu li.menu-item-has-children:hover > .sub-menu li a::after {
    content: "";
    position: initial;
    right: initial;
  }
  .main-header .main-navigation #primary-menu li.menu-item-has-children:hover > .sub-menu li a:hover,
  .main-header .main-navigation #menu-plain-template-menu li.menu-item-has-children:hover > .sub-menu li a:hover {
    color: #FFFFFF;
    font-weight: 600;
  }
  .main-header .main-navigation #primary-menu li.menu-item-has-children a,
  .main-header .main-navigation #menu-plain-template-menu li.menu-item-has-children a {
    position: relative;
  }
  .main-header .main-navigation #primary-menu li:last-of-type a,
  .main-header .main-navigation #menu-plain-template-menu li:last-of-type a {
    padding: 30px 0 30px 5px;
  }
  .main-header .main-navigation #primary-menu li:last-of-type a::after,
  .main-header .main-navigation #menu-plain-template-menu li:last-of-type a::after {
    content: "";
  }
  .main-header .sub-menu {
    display: none;
  }
  .contact .ci-icon {
    height: 100px;
    min-width: 100px;
    width: 100px;
  }
  .block-page h2 {
    font-size: 40px;
  }
  a.block {
    width: 30%;
  }
  .int-links.flexxed {
    flex-direction: row;
  }
  .int-links.flexxed .half {
    width: 50%;
  }
  .int-links-content ul {
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
  }
  .int-links-content ul a {
    font-size: 14px;
  }
  .locations .location-block {
    min-height: 625px;
    width: 31.5%;
  }
  .subpage .sub-section-secondary-content {
    padding: 45px;
  }
  .blog-tile {
    margin: 0 0 45px 0;
  }
  .posts-navigation {
    font-size: 13px;
  }
  .recent-post-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .recent-post-date {
    display: inline-block;
  }
  .latest-projects a.project-block {
    width: 31%;
  }
  .latest-posts a.post-block {
    width: 31%;
  }
  .becht-bestnet-landingboxes {
    width: 30%;
    position: relative;
  }
  .becht-bestnet-flexxed {
    display: flex;
    flex-direction: row;
  }
  .becht-bestnet-flexxed .one-third {
    width: 31.5%;
  }
  .becht-bestnet-flexxed .two-thirds {
    width: 64.5%;
    display: flex;
    flex-direction: column;
  }
  .becht-bestnet-flexxed .becht-bestnet-landingboxes-home {
    width: 30%;
    position: relative;
    background-position: center center;
    background-size: cover;
    color: #FFFFFF;
    text-align: center;
    height: 200px;
  }
}
@media only screen and (min-width: 1024px) {
  .main-header .main-navigation #primary-menu {
    font-size: 11px;
  }
  .p30 {
    padding: 30px 0;
  }
  .p45 {
    padding: 45px 0;
  }
  .p60 {
    padding: 60px 0;
  }
  .one-fourth {
    width: 22.5%;
  }
  .intro {
    padding-top: 100px;
  }
  .int-links .right .int-links-content {
    padding: 0 0 0 45px;
  }
  .latest-projects a .project-thumbnail img {
    transform: scale(2);
  }
  .latest-posts a .post-thumbnail img {
    transform: scale(2);
  }
  .posts-navigation {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1100px) {
  .main-header .main-navigation #primary-menu {
    font-size: 12px;
  }
  .main-header .main-navigation #primary-menu li a {
    padding: 40px 6px;
  }
  .contact .form-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
  .int-links-content ul a {
    font-size: 16px;
  }
  .locations .location-block {
    min-height: 645px;
    width: 23.5%;
  }
  .team-block {
    width: 25%;
  }
  .member-info {
    padding: 25px;
  }
  .member-info .member-photo {
    width: 32%;
  }
  .member-info .member-content {
    column-count: 2;
    column-gap: 25px;
    width: 64%;
  }
  .single .blog-tile-content h2 {
    font-size: 30px;
  }
  .posts-navigation {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .main-header .main-navigation #primary-menu {
    font-size: 13px;
  }
  .main-header .main-navigation #primary-menu li a {
    padding: 40px 8px;
  }
  .int-links .left .int-links-content {
    float: right;
  }
  .int-links .right .int-links-content {
    float: left;
  }
  .locations .location-block {
    min-height: 625px;
  }
  .subpage .sub-section-secondary-content ul {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
  .section-links .one-half ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .section-links .one-third {
    padding-left: 30px;
    padding-right: 30px;
  }
  .related-posts .related-post {
    width: 31%;
  }
}
@media only screen and (min-width: 1400px) {
  .section-links .one-third ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media only screen and (min-width: 1400px) {
  .section-links .one-third {
    padding-left: 50px;
    padding-right: 50px;
  }
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

.contact-list-link {
  color: #007bff !important;
  cursor: pointer;
}
.contact-list-link:hover {
  color: #0056b3;
}

.dropZoneElement {
  position: relative;
  display: flex;
  background-color: #f8f8f8;
  border: 1px solid #c7c7c7;
  width: 350px;
  height: 200px;
  text-align: center;
}
.dropZoneElement .dropzone-loader {
  margin: auto;
}

.k-widget.k-upload .k-dropzone {
  display: none !important;
}

.dropzone-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  font-size: 18px;
  line-height: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
}

.dropImageHereText {
  color: #c7c7c7;
  text-transform: uppercase;
  font-size: 12px;
}
.dropImageHereText span {
  color: #005598;
  cursor: pointer;
}

.wrapper:after {
  content: ".";
  display: inline-block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#FullScreenLoader {
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100000;
  cursor: progress;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

#LoaderMessage {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.k-loader-segment {
  background-color: #ffffff !important;
}

#usersName {
  padding: 0px 0px 0px 5px !important;
}

#profileLink {
  display: flex;
  justify-content: center;
}

.navbar-brand:hover {
  background-color: white !important;
}

.feedbackDialogBody > a:hover {
  text-decoration: none !important;
  /*border: 5px solid $becht-blue;*/
}

#bug-span {
  margin: 5px !important;
  border: 1px solid #DEE2E6;
  border-radius: 4px;
  background-color: #f8f9fa !important;
  text-decoration: none !important;
}
#bug-span h3 {
  font-size: 1.5rem !important;
}
#bug-span .feedback-icon {
  width: 5rem !important;
}

#bug-span:hover {
  border: 3px solid #005598;
}

#support-span {
  margin: 5px !important;
  border: 1px solid #DEE2E6;
  border-radius: 4px;
  background-color: #f8f9fa !important;
}
#support-span h3 {
  font-size: 1.5rem !important;
}
#support-span .feedback-icon {
  width: 5rem !important;
}

#support-span:hover {
  border: 3px solid #005598;
}

#feature-span {
  margin: 5px !important;
  border: 1px solid #DEE2E6;
  border-radius: 4px;
  background-color: #f8f9fa !important;
}
#feature-span h3 {
  font-size: 1.5rem !important;
}
#feature-span .feedback-icon {
  width: 5rem !important;
}

#feature-span:hover {
  border: 3px solid #005598;
}

main.content-container {
  flex: 1 0 auto;
  margin-top: 44px;
  background-color: #f8f9fa;
  /* Sidebar sizes when expanded and expanded */
  /* Separators */
}
main.content-container .list-group-item.active {
  background-color: #0076d3;
}
main.content-container .layout-container {
  margin: 10px;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #dee2e6;
  height: calc(100vh - 112px);
  overflow-y: auto;
  overflow-x: hidden;
}
main.content-container .layout-container.no-background {
  background-color: #f8f9fa;
  border: none;
}
main.content-container #body-row {
  margin-left: 0;
  margin-right: 0;
}
main.content-container #blue-sidebar-container::-webkit-scrollbar {
  display: none;
}
main.content-container #blue-sidebar-container {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  max-height: calc(100vh - 92px);
  overflow-y: scroll;
  background-color: #005598;
  padding: 0;
  /* Closed submenu icon */
  /* Opened submenu icon */
}
main.content-container #blue-sidebar-container .list-group {
  /* Menu item*/
  top: 0px;
}
main.content-container #blue-sidebar-container .list-group a {
  color: white;
  text-decoration: none;
}
main.content-container #blue-sidebar-container .list-group .sidebar-submenu {
  /* Submenu item*/
}
main.content-container #blue-sidebar-container .list-group .sidebar-submenu a {
  padding-left: 30px;
  text-decoration: none;
}
main.content-container #blue-sidebar-container .list-group-item[aria-expanded=false] .submenu-icon::after {
  content: " \f0d7";
  font-family: FontAwesome;
  display: inline;
  text-align: right;
  padding-left: 10px;
}
main.content-container #blue-sidebar-container .list-group-item[aria-expanded=true] .submenu-icon::after {
  content: " \f0da";
  font-family: FontAwesome;
  display: inline;
  text-align: right;
  padding-left: 10px;
}
main.content-container .sidebar-expanded {
  width: 230px;
  transition: 0.3s width ease-in-out;
}
main.content-container .sidebar-collapsed {
  width: 60px;
  transition: 0.3s width ease-in-out;
}
main.content-container .blue-sidebar-link-background {
  background-color: #005598;
}
main.content-container .blue-sidebar-link-background:hover {
  background-color: #0076d3;
}
main.content-container .blue-sidebar-link-background[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  text-decoration: none;
  color: slategray !important;
}
main.content-container .sidebar-submenu {
  font-size: 0.9rem;
}
main.content-container .sidebar-separator-title {
  background-color: #005598;
  height: 35px;
}
main.content-container .sidebar-separator {
  background-color: #005598;
  height: 25px;
}
main.content-container .logo-separator {
  background-color: #005598;
  height: 60px;
}
main.content-container .stickySideBar {
  position: sticky;
  top: 40px;
}

.modalLink {
  display: none;
}
.modalLink#alertsButton {
  display: block;
}

@media only screen and (max-width: 800px) {
  .feedbackDialogBody {
    flex-direction: column !important;
  }
  #feature-span {
    width: 50vw !important;
  }
  #support-span {
    width: 50vw !important;
  }
  #bug-span {
    width: 50vw !important;
  }
}
.version-box {
  color: gray;
  position: static;
  /* bottom: 0; */
  /* right: 0; */
  font-size: 9px;
  margin-left: 90% !important;
}

/* New ribbon - Big*/
.ribbontext {
  padding-top: 15px;
  color: white;
}

.ribbon {
  text-align: center;
  width: 50px;
  height: 50px;
  background-color: #43a447;
  position: absolute;
  right: 25px;
  top: -350px;
  animation: drop forwards 0.8s 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ribbon:before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: -20px;
  border-left: 25px solid #43a447;
  border-right: 25px solid #43a447;
  border-bottom: 20px solid transparent;
}

/* New ribbon - Small */
.ribbontextSmall {
  font-size: 10px;
  padding-top: 7px;
  color: white;
}

.ribbonSmall {
  text-align: center;
  width: 30px;
  height: 30px;
  background-color: #43a447;
  position: absolute;
  right: 50px;
  top: -750px;
  animation: drop forwards 0.8s 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ribbonSmall:before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: -10px;
  border-left: 15px solid #43a447;
  border-right: 15px solid #43a447;
  border-bottom: 10px solid transparent;
}

/* New ribbon - Small -  Updated - Links to changelog */
.ribbontextSmallUpdated {
  font-size: 10px;
  padding-top: 7px;
  color: white;
}

.ribbonSmallUpdated {
  text-align: center;
  width: 30px;
  height: 30px;
  background-color: #43a447;
  position: absolute;
  right: 50px;
  top: -750px;
  animation: drop forwards 0.8s 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ribbonSmallUpdated:before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: -10px;
  border-left: 15px solid #43a447;
  border-right: 15px solid #43a447;
  border-bottom: 10px solid transparent;
}

/* New ribbon - Calculator*/
.ribbontextCalculator {
  padding-top: 5px;
  color: white;
}

.ribbonCalculator {
  text-align: center;
  width: 50px;
  height: 25px;
  background-color: #43a447;
  position: absolute;
  right: 25px;
  top: -350px;
  animation: drop forwards 0.8s 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ribbonCalculator:before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: -8px;
  border-left: 25px solid #43a447;
  border-right: 25px solid #43a447;
  border-bottom: 8px solid transparent;
}

@media only screen and (max-width: 1200px) {
  .ribbontextCalculator {
    display: none;
  }
  .ribbonCalculator {
    display: none;
  }
  .ribbonCalculator:before {
    display: none;
  }
}
#settingsButton-PlaceholderLeft {
  display: flex;
  width: 25em;
}
#settingsButton-PlaceholderLeft form {
  margin: auto;
  width: 100%;
  position: relative;
}
#settingsButton-PlaceholderLeft form input {
  width: 90%;
  padding-right: 50px;
}

.k-multicheck-wrap .k-item .k-label input[type=checkbox] {
  margin-right: 5px;
}

#alertsButton {
  /*Removed in transition from hover to click for notifs*/
  /*.notBtn:hover > .box {
  	height: 60vh
  }*/
}
#alertsButton a {
  text-decoration: none;
  color: black;
  width: 100%;
  padding: 7px;
  text-transform: none;
}
#alertsButton a::after {
  content: "" !important;
  right: 0;
  top: 0;
}
#alertsButton a:hover {
  background-color: unset;
  color: #005598;
  cursor: pointer;
}
#alertsButton .notification-wrapper {
  position: relative;
  height: 100%;
  z-index: 9999;
}
#alertsButton .view-all-container {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #C4C4C4;
  padding: 5px 0px;
  cursor: pointer;
  color: #88a5c8;
  background-color: #005598;
}
#alertsButton .view-all-container:hover {
  font-weight: bold;
  background-color: #0f345f;
  color: #FFF;
}
#alertsButton .notification-row {
  margin: 0;
}
#alertsButton .notification-row .message {
  padding: 0;
}
#alertsButton .notification-row div.is-unread {
  padding: 0;
  margin: 0;
  display: flex;
}
#alertsButton .notification-row div.is-unread span {
  height: 10px;
  width: 10px;
  background-color: #005598;
  border-radius: 50%;
  display: none;
  margin: auto;
}
#alertsButton .notification-row.unread .message-title, #alertsButton .notification-row.unread .message-text, #alertsButton .notification-row.unread .message-time {
  font-weight: bold;
}
#alertsButton .notification-row:nth-child(even) {
  background-color: #FAFAFA;
}
#alertsButton .notification-row:hover {
  background-color: #D4D4D4;
}
#alertsButton .notification-row .avatar {
  margin: auto;
  padding: 0;
}
#alertsButton .notification-row .avatar img, #alertsButton .notification-row .avatar div {
  border-radius: 50%;
  border: 1px solid #D4D4D4;
  width: 2.3em;
  height: 2.3em;
  overflow: hidden;
}
#alertsButton .notification-row .avatar div {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 1px;
  background-color: #005598;
}
#alertsButton .notification-row .message-text, #alertsButton .notification-row .message-time, #alertsButton .notification-row .message-title {
  text-align: left;
  display: block;
}
#alertsButton .notification-row .message-title {
  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis;
}
#alertsButton .notification-row .message-text {
  line-height: 15px;
  margin-bottom: 5px;
}
#alertsButton .notification-row .message-text {
  line-height: 15px;
  margin-bottom: 5px;
}
#alertsButton .notification-row .message-time {
  font-size: 10px;
  line-height: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#alertsButton .box::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  border-radius: 5px;
}
#alertsButton .box::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
  border-radius: 5px;
}
#alertsButton .box::-webkit-scrollbar-thumb {
  background-color: black;
  border: 2px solid black;
  border-radius: 5px;
}
#alertsButton .notification {
  padding-top: 30px;
  position: relative;
  display: inline-block;
}
#alertsButton .number {
  height: 21px;
  width: 21px;
  background-color: #d63031;
  border-radius: 20px;
  color: white;
  text-align: center;
  position: absolute;
  top: 2px;
  left: 17px;
  border-style: solid;
  border-width: 0px;
}
#alertsButton .number:empty {
  display: none;
}
#alertsButton .notBtn {
  transition: 0.5s;
  cursor: pointer;
}
#alertsButton .fas {
  font-size: 19pt;
  color: #88a5c8;
}
#alertsButton .box {
  width: 300px;
  height: 0px;
  border-radius: 10px;
  transition: 0.5s;
  position: absolute;
  overflow-y: scroll;
  padding: 0px;
  margin-top: 5px;
  right: 5px;
  background-color: #F4F4F4;
  -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  -moz-box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  cursor: context-menu;
}
#alertsButton .fas:hover {
  color: white;
}
#alertsButton .content {
  padding: 20px;
  color: black;
  vertical-align: middle;
  text-align: left;
}

/*FTUE*/
#FTUEContent {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap-reverse;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  padding-top: 3em;
  padding-bottom: 3em;
}

#FTUENav {
  display: flex;
  flex-direction: column;
  width: 225px;
  border-right: 3px solid #E6E6E6;
}

#FTUEPlayer {
  display: flex;
  flex-direction: column;
}
#FTUEPlayer .player-ftue-wrapper {
  width: 650px;
}
@media only screen and (max-width: 1600px) {
  #FTUEPlayer .player-ftue-wrapper {
    width: 450px;
  }
}
#FTUEPlayer .player-ftue {
  position: fixed;
  width: 742px;
  height: 502px;
  top: 50%;
  left: 50%;
  margin-top: -200px; /* Negative half of height. */
  margin-left: -320px; /* Negative half of width. */
  background-color: gray;
}

#FTUENavList {
  list-style-type: none;
}

.FTUENavListItem {
  font-size: 20px;
  color: #939393;
  margin-bottom: 10px;
}

.FTUENavListItem:hover {
  font-size: 20px;
  color: #007bff;
  cursor: pointer;
}

.FTUENavListItemActive {
  color: #005598 !important;
}

.CalcHelper {
  font-size: 12px;
  font-style: italic;
  padding-bottom: 20px;
}

@media only screen and (max-width: 1600px) {
  #FTUENav {
    border-right: 0px solid #E6E6E6;
    border-top: 3px solid #E6E6E6;
    margin-top: 20px;
    padding-top: 20px;
  }
}
/* When tabstrip header gets clicked, it gets an ugly grey outline (Telerik k-focus). This gets rid of it */
.k-tabstrip .k-tabstrip-items .k-link:focus,
.k-tabstrip .k-tabstrip-items .k-link.k-focus,
.k-tabstrip .k-tabstrip-items .k-item:focus,
.k-tabstrip .k-tabstrip-items .k-item.k-focus {
  outline: none;
  box-shadow: none;
}

/* When the content of the tab is clicked, it gets dotted outline. This gets rid of it.*/
.k-tabstrip [role=tabpanel]:focus:not(:focus-visible),
.k-tabstrip .k-content[tabindex]:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

@media print {
  /*==============================================================================================================*/
  /*  Request details page: Only keep header & conversation pieces when exporting the request*/
  /*==============================================================================================================*/
  /* hide the right column (tabstrip) */
  .request-detail-container .col-4 {
    display: none !important;
  }
  /* make the conversation column full width */
  .request-detail-container .col-8 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  #Respond, #RespondDisabled, #btnResolveRequestSME, #btnReopenRequest, #showFeedbackModal {
    display: none !important;
  }
  /*==============================================================================================================*/
  /* <<PLACEHOLDER>> Add other rules for other pages here....*/
  /*==============================================================================================================*/
}
@media only screen and (max-width: 600px) {
  .request-detail-client-avatar, request-detail-becht-avatar {
    left: 0 !important;
    margin: 0.25rem 0.5rem 0 0.25rem !important;
  }
  .request-conversation-back-to-top-visible {
    right: 10px !important;
  }
  .request-conversation-message-text {
    top: 0;
  }
}
@media only screen and (min-width: 601px) {
  .request-conversation-back-to-top-visible {
    right: 30px !important;
  }
}
.request-conversation-back-to-top-visible {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.request-conversation-back-to-top {
  z-index: 999;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.request-conversation-back-to-top:not(.request-conversation-back-to-top-visible) {
  right: -60px !important;
}

.request-conversation-message-text {
  top: 0;
  position: relative;
}

/* one-line, right-aligned toolbar */
#conversation-buttons .btnbar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap; /* never wrap to a new line */
  gap: 0.5rem;
}

/* keep items from stretching or wrapping internally */
#conversation-buttons .btnbar > * {
  flex: 0 0 auto;
  white-space: nowrap;
}

.request-detail-client-avatar {
  width: 2.3em;
  height: 2.3em;
  border-radius: 50%;
  border: 1px solid #D4D4D4;
  position: relative;
  left: 0;
  margin: 0.5rem 0.6rem 0 0.5rem; /* gap between avatar and text */
  display: inline-block;
  vertical-align: middle;
  background-color: #08549c;
  color: #FFF;
}

.request-detail-becht-avatar {
  width: 2.3em;
  height: 2.3em;
  display: block;
  object-fit: contain;
  margin: 0.5rem 0.6rem 0 0.5rem; /* gap between avatar and text */
}

.avatar__letters {
  /* Center the content */
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

/*.response-detail {
	white-space: pre-line;
	line-height: 1.25;
}*/
.hide-editor {
  display: none;
}

.hide-response {
  display: none;
}

.resize {
  resizable: true;
  resize: inherit;
}

.required {
  border-color: red;
}

.link {
  background: none;
  border: none;
}

.notesAreaClass {
  height: 100%;
}

/*
.k-window-content > span > textarea {
	overflow: visible;
	overflow-x: visible;
}*/
#convoHolder {
  position: relative; /* so avatar can sit inside */
  bottom: -2.3rem;
  border-radius: 15px;
  background-color: #FCFCFC;
  /* left rail for avatar so content never overlaps */
  padding-left: 5.5rem !important;
}

.convo-avatar {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 2;
}

/* tweak spacing for small screens */
@media only screen and (max-width: 600px) {
  #convoHolder {
    padding-left: 3.25rem !important;
  }
  .convo-avatar {
    top: 0.5rem;
    left: 0.5rem;
  }
}
.profile-picture-conversation {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  border: 1px solid #D4D4D4;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.profile-picture-conversation img {
  width: 120%; /* make image larger than box to get "zoom" effect */
  height: 120%;
  object-fit: cover;
}

.dropzone-loader-translation .k-loader-segment {
  background-color: #005598 !important;
}

.request-disciplines-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

.request-disciplines-pill {
  min-height: 32px;
  border-radius: 50px;
  max-width: fit-content;
  border: 2px solid #005598;
  color: #005598;
  background-color: #E6EEF5 !important;
}

@media only screen and (max-width: 600px) {
  #requestDetailsStickyHeading {
    padding-left: 2%;
    width: 100%;
    top: 0;
    position: relative;
    background-color: white;
    z-index: 600;
    padding-top: 25px;
  }
  #requestDetailsRequesterDiv {
    padding-top: 0 !important;
  }
  #disciplinesTagsPanelBar {
    margin-top: 50px;
  }
}
.request-header-status-dot {
  height: 1em;
  width: 1em;
  border-radius: 50%;
  display: inline-block;
  bottom: -0.3em;
  position: relative;
}

.request-header-exclamation {
  color: red;
  font-size: 1.5em;
  bottom: -2px;
  position: relative;
}

#requestDetailsStickyHeading {
  width: 100%;
  top: 0;
  position: sticky;
  background-color: white;
  z-index: 600;
  padding-top: 12px;
  padding-left: 2%;
  margin-top: 10px;
  margin-bottom: 25px;
  border-radius: 5px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.request-header-title {
  color: #4E474D;
  font-family: Roboto;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
}

.request-tags-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  line-height: normal;
}

.request-tags-pill {
  min-height: 32px;
  border-radius: 5px;
  cursor: pointer;
}

.add-tag {
  padding: 4px 0;
  min-width: 100px;
  width: fit-content;
}

.request-tags-pill {
  border-radius: 50px;
  max-width: fit-content;
  border: 2px solid #005598;
  color: #005598;
  background-color: #E6EEF5 !important;
}

.attachement-content.attachement-content {
  margin: 0;
  padding: 0 !important;
}
.attachement-content.attachement-content li {
  list-style: none;
  padding: 1em;
  cursor: pointer;
}
.attachement-content.attachement-content li:hover {
  background-color: #f6f6f6;
}
.attachement-content.attachement-content ul {
  margin: 0;
  padding: 0;
}

#contactPopUpButton {
  position: fixed;
  bottom: 70px;
  right: 35px;
  min-width: 60px !important;
  min-height: 60px !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/images/becht-logo.jfif);
  opacity: 60%;
  z-index: 999;
}

#contactPopUpButtonClose:hover {
  opacity: 100%;
}

#contactPopUpButtonClose {
  position: fixed;
  bottom: 70px;
  right: 35px;
  min-width: 60px !important;
  min-height: 60px !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/images/becht-logo.jfif);
  opacity: 60%;
}

#contactPopUpButton:hover {
  opacity: 100%;
}

.whoToContactGrid {
  padding: 0px !important;
  width: 100%;
}

.user-card-popover {
  min-height: 86px;
  max-height: 130px;
  overflow: hidden;
}

.loader-container {
  height: 100%;
  display: flex;
}

.profile-picture {
  border-radius: 50%;
  display: block;
  width: 4em;
  height: 4em;
  border: 1px solid gray;
  background-size: 4em 4em;
  object-fit: cover;
}

.profile-attribute {
  min-height: 1em;
  font-size: 12px;
}

.profile-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.profile-footer {
  display: flex;
}
.profile-footer i {
  margin: auto;
  cursor: pointer;
}

.profile-bio {
  overflow: hidden;
  white-space: nowrap;
}
.profile-bio span {
  text-overflow: ellipsis;
}

.header-container .header-top-nav a:hover {
  background-color: red;
  color: green;
}

.version-box.version-box {
  position: absolute;
  top: 0;
  right: 0;
}

.dashboard.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.dashboard .container {
  max-width: unset;
}
.dashboard h2 {
  font-size: 1.25rem;
  text-transform: none;
}
.dashboard h2.quick-links-header {
  margin: 5px 0 0 15px;
}
.dashboard h3 {
  font-size: 1.1rem;
}
.dashboard h4 {
  font-size: 0.9rem;
  margin-top: 10px;
}
.dashboard div.quick-link-overlay {
  position: absolute;
  width: calc(100% - 25px);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 2;
  cursor: not-allowed;
  border-radius: 5px;
}
.dashboard div.quick-link {
  background-color: white;
  border-radius: 10px;
  height: 150px;
  width: 100%;
  background-clip: content-box;
  margin: 10px 0;
  display: flex;
  cursor: pointer;
}
.dashboard div.quick-link.disabled {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}
.dashboard div.quick-link a {
  display: flex;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 5px;
}
.dashboard div.quick-link a:hover {
  border-width: 1px;
  border-color: #0076d3;
  border-style: solid;
}
.dashboard div.quick-link h4 {
  text-align: center;
}
.dashboard div.quick-link div {
  margin: auto;
}
.dashboard div.quick-link:hover {
  background-color: #f1f1f1;
  transition: 0.3s;
}
.dashboard div.quick-link:hover div.quick-link-logo {
  background-color: #0076d3;
  transition: 0.001s;
}
.dashboard div.quick-link-logo {
  background-color: #005598;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
}
.dashboard div.quick-link-logo i {
  margin: auto;
  color: white;
}
.dashboard section.recent-requests {
  background-color: white;
  border: 1px solid #DEE2E6;
  border-radius: 10px;
  padding: 15px;
  height: -webkit-fill-available;
}
.dashboard section.recent-requests hr {
  margin: 0;
  background-color: #DEE2E6;
}
.dashboard section.recent-requests .k-grid tr {
  height: 2.5rem;
}
.dashboard section.recent-requests .request-list-client-avatar {
  /* Used to position the content */
  position: relative;
  /*/* Colors */
  background-color: #08549c;
  color: #FFF;
  /* Rounded border */
  border-radius: 50%;
  border: 1px solid #D4D4D4;
  width: 2em;
  height: 2em;
  margin: auto;
}
.dashboard .contact-expert {
  width: 100%;
  height: 50px;
  background-color: #005598;
  color: white;
  border-radius: 10px;
  margin-top: 10px;
}
.dashboard .contact-expert:hover {
  background-color: #0076d3;
  transition: 0.3s;
}
.dashboard .contact-expert-disabled {
  width: 100%;
  height: 50px;
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
  border-radius: 10px;
  margin-top: 10px;
}
.dashboard .right-section {
  display: flex;
  flex-direction: column;
}
.dashboard .right-section section {
  height: 100%;
  display: flex;
}
.dashboard .right-section section .right-bar {
  height: -webkit-fill-available;
  flex: 1 0 auto;
  background-color: white;
  border: 1px solid #DEE2E6;
  border-radius: 10px;
  margin-top: 10px;
  width: 100%;
  border-top: 4px solid transparent;
  border-radius: 7px;
  background: linear-gradient(to right, white, white), linear-gradient(90deg, #005598, #43a447);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.dashboard .right-section section .right-bar div.featured-sme-wrapper {
  display: flex;
  flex-direction: column;
}
.dashboard .right-section section .right-bar div.featured-sme-wrapper hr {
  margin: 0;
  background-color: #DEE2E6;
}
.dashboard .right-section section .right-bar div.featured-sme-wrapper div.featured-sme {
  margin: 10px 0;
}
.dashboard .right-section section .right-bar div.featured-sme-wrapper div.featured-sme a.sme-picture {
  display: flex;
  height: 75px;
  width: 75px;
  border-radius: 50%;
  overflow: hidden;
}
.dashboard .right-section section .right-bar div.featured-sme-wrapper div.featured-sme a.sme-picture img {
  margin: auto;
}
.dashboard .right-section section .right-bar div.featured-sme-wrapper div.featured-sme div.sme-info {
  margin: 10px;
}
.dashboard .right-section section .right-bar div.featured-sme-wrapper div.featured-sme div.sme-info .sme-info-name {
  font-weight: 500;
}
.dashboard .right-section section .right-bar div.featured-sme-wrapper div.featured-sme div.sme-info .sme-info-division {
  font-size: 0.9rem;
  font-weight: 600;
}
.dashboard .right-section section .right-bar div.featured-sme-wrapper div.featured-sme div.sme-info .sme-info-linkedin a {
  color: black;
}
.dashboard .right-section section .right-bar div.featured-sme-wrapper div.featured-sme div.sme-about {
  font-size: 0.8rem;
  line-height: 1.5;
}
.dashboard .right-section section .right-bar div.featured-sme-wrapper div.featured-sme div.sme-about .sme-about-text {
  padding-left: 5px;
  padding-right: 15px;
}
.dashboard .right-section section .right-bar div.request-stats {
  height: 30%;
}
.dashboard .right-section section .right-bar div.request-stats hr {
  margin: 0;
  background-color: #DEE2E6;
}
.dashboard .right-section section .right-bar div.request-stats span {
  width: 50%;
}
.dashboard .right-section section .right-bar div.request-stats h3 {
  margin: 10px 0 5px 0;
}

.k-window-content {
  background-color: #f1f1f1 !important;
}

.k-window-titlebar {
  background-color: #005598 !important;
}

.k-window-title {
  color: white !important;
}

.k-window-actions {
  color: white !important;
}

@keyframes drop {
  0% {
    top: -350px;
  }
  100% {
    top: 0;
  }
}
@keyframes drop {
  0% {
    top: -350px;
  }
  100% {
    top: 0;
  }
}
/*---------------------------------------------
	Media Queries
-------------------------------------------------
*/
@media only screen and (min-width: 350px) {
  .sme-about {
    overflow: scroll;
    overflow-x: hidden;
    max-height: 130px;
  }
}
@media only screen and (min-width: 1024px) {
  .sme-about {
    overflow: scroll;
    overflow-x: hidden;
    max-height: 140px;
  }
}
@media only screen and (min-width: 1200px) {
  .sme-about {
    overflow: scroll;
    overflow-x: hidden;
    max-height: 160px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1310px) {
  .ContactSmallScreen {
    display: none !important;
  }
  .contact-expert {
    font-size: 0.75em !important;
  }
}
@media only screen and (min-width: 1400px) {
  .sme-about {
    overflow: scroll;
    overflow-x: hidden;
    max-height: 150px;
  }
}
@media only screen and (min-width: 1610px) {
  .sme-about {
    overflow: scroll;
    overflow-x: hidden;
    max-height: 200px;
  }
}
#form-user-preferences .user-image-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}
#form-user-preferences .avatar {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
  border: 2px dashed #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
#form-user-preferences .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#form-user-preferences .form-row {
  margin-bottom: 12px;
  margin-top: 10px;
  width: 100%;
}
#form-user-preferences .k-upload {
  display: none;
}

.k-daterangepicker {
  flex-flow: row wrap !important;
}

.layout-container {
  background-color: #FCFCFC !important;
}

.k-button .fa {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  margin-left: 0;
}

#CreatedDate_dateview {
  max-width: 700px;
}

.request-grid.request-grid .k-grid-search {
  display: none !important;
}

.request-grid.request-grid {
  /*display: table;*/
  /*border: none;*/
  border-style: none;
  width: 100%;
  /*font-family: 'Poppins', sans-serif;*/
  /*.k-pager-nav {
  	margin-right: 10px;
  	background-color: white;
  }*/
  /*.k-pager-numbers {
  	li {
  		margin-right: 10px;
  	}

  	.k-link {
  		:not(.k-state-selected) {
  			background-color: white !important;
  			color: black !important;
  			border-color: rgba(33,37,41,.125) !important;
  		}
  	}

  	.k-state-selected {
  		background-color: #f0f4fc !important;
  		color: black !important;
  		border-color: rgba(33,37,41,.125) !important;
  	}
  }*/
  /*.k-master-row:not(.k-alt) {
  	background-color: #FCFCFC;
  }*/
}
.request-grid.request-grid .drafts-row {
  font-style: italic;
  color: rgba(0, 0, 0, 0.3);
}
.request-grid.request-grid .k-grid-search {
  margin-top: 17px;
  width: 250px;
  /*This turns off search bar on request grid*/
  display: none !important;
}
.request-grid.request-grid .col-template-val {
  margin: 0 0 1em 0.5em;
}
.request-grid.request-grid .request-list-your-role-container {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 5px;
  padding-top: 10px;
}
.request-grid.request-grid .request-list-your-role-pill-div {
  flex-basis: 100%;
  justify-content: center;
  display: flex;
  padding-bottom: 5px;
}
.request-grid.request-grid .request-list-your-role-pill {
  border-radius: 16px;
  padding: 5px 10px;
}
.request-grid.request-grid .request-list-status-dot {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 15px;
}
.request-grid.request-grid .k-grid .k-alt {
  background-color: #F9F9FC !important;
}
.request-grid.request-grid .k-i-arrow-end-left, .request-grid.request-grid .k-i-arrow-60-right, .request-grid.request-grid .k-i-arrow-60-left, .request-grid.request-grid .k-i-arrow-end-right {
  color: black;
}
.request-grid.request-grid .k-grid-toolbar {
  background-color: white;
  border-bottom: none;
  align-items: center;
}
.request-grid.request-grid .k-pager-wrap {
  background-color: white;
  border: none;
}
.request-grid.request-grid .k-toolbar.k-grid-toolbar {
  background-color: white !important;
  border: none !important;
  box-shadow: none !important;
}
.request-grid.request-grid .k-toolbar.k-grid-toolbar:before {
  display: none !important;
}
.request-grid.request-grid .request-list-span-tag {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 95%;
  color: #121010;
  font-weight: 500;
}
.request-grid.request-grid .request-list-div-tag-container {
  flex: 40%;
  text-align: center;
  vertical-align: middle;
  margin: 5px 10px 5px 5px;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  border: 1px solid #ced4da;
  overflow: hidden;
  display: flex;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: small;
  min-height: 30px;
}
.request-grid.request-grid .request-list-div-tag-container.no-border {
  border-style: none !important;
}
.request-grid.request-grid .request-list-div-tag-spacer {
  flex: 40%;
  text-align: center;
  vertical-align: middle;
  margin: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
  border-radius: 5px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.request-grid.request-grid .request-title-div {
  min-height: 2rem;
  margin-right: 3.5em;
}
@media only screen and (max-width: 600px) {
  .request-grid.request-grid .request-title-div {
    max-width: initial;
    margin: 10px 0 0 0;
  }
}
.request-grid.request-grid .request-list-mine-all-div {
  min-height: 2rem;
  margin-right: 3.5em;
}
@media only screen and (max-width: 600px) {
  .request-grid.request-grid .request-list-mine-all-div {
    max-width: initial;
    margin: 10px 0 0 0;
  }
}
.request-grid.request-grid .request-list-toolbar-user-icon {
  border: 2px solid black;
  padding: 2px;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 5px;
  font-size: 2em;
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  text-align: center;
}
.request-grid.request-grid .request-list-highlight {
  transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -webkit-transition: background-color 0.3s linear;
  -ms-transition: background-color 0.3s linear;
}
.request-grid.request-grid .request-list-highlight:hover {
  background-color: #08549c;
}
.request-grid.request-grid .request-list-toolbar-user-icon span {
  flex-basis: 100%;
  text-align: center;
}
.request-grid.request-grid .request-list-toolbar-user-icon i {
  text-align: center;
  flex-basis: 100%;
}
.request-grid.request-grid table {
  border: none;
}
.request-grid.request-grid thead th {
  border: 0 !important;
  background-color: white;
  color: #909090;
}
.request-grid.request-grid td {
  border: 0;
  padding-bottom: 0;
  padding-top: 0;
}
@media only screen and (max-width: 600px) {
  .request-grid.request-grid td {
    padding: 15px;
  }
}
.request-grid.request-grid .span-subject {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.request-grid.request-grid .k-master-row {
  cursor: pointer;
}
.request-grid.request-grid .k-grid-toolbar {
  min-height: 1vh;
  display: flex;
}

#select-list-type {
  z-index: 1;
  position: absolute;
  padding-top: 5px;
}
#select-list-type span {
  width: 200px;
  margin-top: 10px;
}

.action-required {
  border-radius: 50%;
  border: 1px solid #D4D4D4;
  width: 2em;
  height: 2em;
  margin: auto;
  background-image: url(/images/action-check.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.action-required.becht {
  background-image: url(/images/becht-logo.jfif);
}
.action-required.client {
  background-image: url(/images/action-client.png);
}
.action-required.you {
  background-image: url(/images/action-you.png);
}
.action-required.rejected {
  background-image: url(/images/action-reject.png);
}
.action-required.approver {
  background-image: url(/images/action-approver.png);
  border: none !important;
}

.drafts-grid-icon {
  width: 2em;
  height: 2em;
  margin: auto;
}

.request-list-client-avatar {
  /* Used to position the content */
  position: relative;
  background-color: #08549c;
  color: #FFF;
  border-radius: 50%;
  border: 1px solid #D4D4D4;
  width: 2em;
  height: 2em;
  margin: auto;
}

.requestListFilterText {
  color: black;
}

#drafts-grid.k-grid tbody tr {
  line-height: 30px;
}

#ultralite-request-grid.k-grid tbody tr {
  line-height: 30px;
}

.filter-chip-container .k-badge-inside {
  position: unset !important;
  z-index: unset !important;
}

.filter-chip-container .k-badge-circle.k-badge-lg {
  width: calc(1em + 10px);
  height: calc(1em + 10px);
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  line-height: 1.6;
}

.filter-chip-container .k-badge-circle.k-badge-lg i {
  vertical-align: middle;
}

.filter-chip-container .k-badge-circle.k-badge-lg i.fa-solid {
  color: #f5f5f5;
}

.filter-chip-container .k-badge-solid.k-badge-info {
  border-color: var(--BLUE, #005598);
  color: #f5f5f5;
  background-color: #296FA8;
}

.filter-chip-container .custom-unit-button {
  display: flex;
  padding: 15px 10px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 20px;
  border: 2px solid var(--BLUE, #005598);
  background: rgba(0, 85, 152, 0.1);
  max-width: -webkit-fill-available;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0px;
  font-size: 12px !important;
}

.page-container {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -30px;
  font-size: 0.9rem !important;
}
.page-container .request-list-title {
  margin-top: 10px;
  margin-bottom: 0;
  position: sticky;
  top: 10px;
}
.page-container .k-pager-input, .page-container .k-pager-sizes, .page-container .k-pager-info {
  margin: 0 !important;
}
.page-container .filters-container {
  height: fit-content;
  background-color: white;
  border-radius: 10px;
  margin-top: 10px;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(217, 210, 217, 0.6);
  -moz-box-shadow: 0px 0px 5px 2px rgba(217, 210, 217, 0.6);
  box-shadow: 0px 0px 5px 2px rgba(217, 210, 217, 0.6);
  padding: 25px;
  position: fixed;
  overflow-y: scroll;
  height: calc(100% - 185px);
  overflow-x: hidden;
  bottom: 70px;
}
@media (max-width: 600px) {
  .page-container .filters-container {
    display: none;
  }
}
@media (max-width: 1550px) {
  .page-container .filters-container {
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 24%;
  }
}
@media (min-width: 1550px) {
  .page-container .filters-container {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
}
.page-container .filters-container .search-box {
  width: 100%;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.page-container .filters-container .sticky-buttons {
  position: sticky;
  bottom: -25px;
  background-color: white;
  height: 50px;
}
.page-container .filters-container .add-tag {
  margin-left: -15px;
  min-width: 100px;
  width: fit-content;
}
.page-container .filters-container .toggle-wrapper {
  margin: auto;
}
.page-container .filters-container .toggle-area {
  background-color: whitesmoke;
  border-radius: 10px;
  padding: 10px;
}
.page-container .filters-container .toggle-label {
  float: left;
  padding-top: 3px;
  font-size: 11px;
}
.page-container .filters-container .separator-container {
  display: flex;
  align-items: center;
  margin: 16px 0;
}
.page-container .filters-container .separator-label {
  /*font-family: Arial, sans-serif;
  font-size: 16px;*/
  font-weight: bold;
  margin-right: 12px;
  white-space: nowrap;
}
.page-container .filters-container .separator-line {
  flex-grow: 1;
  height: 1px;
  background-color: #e0e0e0;
}
.page-container .grids-container {
  padding: 25px;
}
@media (max-width: 1550px) {
  .page-container .grids-container {
    -ms-flex: 0 0 71%;
    flex: 0 0 71%;
    max-width: 71%;
    margin-left: 29%;
  }
}
@media (min-width: 1550px) {
  .page-container .grids-container {
    -ms-flex: 0 0 81;
    flex: 0 0 81%;
    max-width: 81%;
    margin-left: 19%;
  }
}
@media (max-width: 600px) {
  .page-container .grids-container {
    -ms-flex: 0 0 100;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}

.k-child-animation-container {
  height: fit-content !important;
}

#new-request-page {
  /* Fix the dropdown arrow button size */
  /* Ensure the overall dropdown does not get stretched weirdly */
  /* Optional: fix the inner input area if needed */
}
#new-request-page .k-input-button.k-button {
  width: auto !important;
  min-width: 2rem; /* or adjust for your desired size */
  padding: 0.25rem 0.5rem;
}
#new-request-page .k-picker.k-dropdownlist {
  display: flex;
  align-items: center;
}
#new-request-page .k-input-inner {
  flex: 1;
}

#btnDiscardDraft {
  width: fit-content !important;
}

#newRequestForm #tag-component-container {
  width: fit-content !important;
}

@media only screen and (max-width: 600px) {
  #requestDetailsConversationContainer {
    margin-left: 0 !important;
  }
  #dRequestResponses > div {
    min-width: 80vw;
  }
}
.btnbar .k-badge {
  color: black;
  font-size: 12px;
  border-color: #1BC0DA;
  background-color: #1BC0DA;
}

.request-detail-container > div:not(#requestDetailsStickyHeading) {
  margin-left: 1% !important;
  margin-right: 0% !important;
}

#requestDetailsConversationControls {
  margin-right: 3rem !important;
}

.plus-button {
  width: 30px !important;
  height: 30px !important;
  border-radius: 100% !important;
  margin: 5px !important;
}

.reorderItem {
  border-style: solid;
  border-width: 2px;
}

.visible-print {
  margin-top: 100px;
  display: none;
}

@media print {
  main, .layout-container {
    height: 100%;
    overflow-y: visible !important;
    overflow-x: visible !important;
    margin: 0 !important;
    border: none !important;
  }
  .visible-print {
    display: block !important;
  }
  #requestHeaderDisciplinesContainer, #requestHeaderUnitsContainer, #requestHeaderTagsContainer, #contactPopUpButton, #manage-panelbar-container,
  #btnClose, #blue-sidebar-container, a[href$="#peoplePanelBar-1"], #peopleEdit, #requestDetailsConversationControls, #conversation-buttons, .request-detail-avatar {
    display: none;
  }
  .people-panelbar-area {
    background-color: transparent !important;
  }
  #people-panelbar-container {
    margin: 0 !important;
    display: block !important;
  }
  .footer-container {
    display: none;
  }
}
.people-row {
  display: grid;
  grid-template-columns: 180px auto;
  align-items: center;
  margin-bottom: 6px;
  gap: 4px;
}

.person-name {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.person-email {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.elevated-card {
  border-radius: 5px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.request-detail-tabstrip-label {
  color: #757981;
  font-feature-settings: "liga" off, "clig" off;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 18.62px;
}

#ConfirmEmergencyToggleDialog, #ConfirmResolveRequestDialog, #ConfirmReopenRequestDialog {
  text-align: center;
}

.show-editor ul {
  padding-left: 15px !important;
}

.show-editor ol {
  padding-left: 15px !important;
}

#tabStripContainerDiv {
  position: sticky;
  top: 118px; /* This value should be the same as header height (header height + vertical paddings) to prevent overlap */
  z-index: 100;
}

#response-page .k-editor-resizable {
  max-width: 100% !important;
  min-width: 100% !important;
  width: 100% !important;
}
#response-page .submitButton {
  padding-left: 50px;
  padding-right: 50px;
  border-radius: 5px;
  background-color: #025599;
  color: white;
  margin-right: 55px;
}
#response-page .titleFont {
  font-weight: 500;
  font-size: large;
  margin-top: 2%;
}
#response-page .topButtons {
  background-color: white;
  border-color: black;
  font-weight: 600;
  width: 80%;
  border-radius: 5px;
}
#response-page .dragDrop {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%2300000021' stroke-width='4' stroke-dasharray='15%2c35' stroke-dashoffset='10' stroke-linecap='square'/%3e%3c/svg%3e");
  justify-content: center;
  height: 100px;
  width: 85%;
  text-align: center;
  margin-right: 5%;
}
#response-page .roundCorner {
  border-radius: 5px;
}
#response-page .markResolvedButton {
  margin-right: 30px;
  border-radius: 5px;
  background-color: white;
  border-color: black;
  font-weight: 600;
}
#response-page .leftColumn {
  float: left;
  flex: 50%;
}
#response-page .rightColumn {
  float: right;
  flex: 50%;
  padding-top: 15px;
}
#response-page .rightLeftColumnBox {
  padding-right: 20px;
  display: inline-block;
  margin-left: 3%;
  float: left;
}
#response-page .rightRightColumnBox {
  padding-right: 20px;
  display: inline-block;
  float: left;
}
#response-page .containerBox {
  display: inline-block;
  vertical-align: top;
  width: 45vw;
  max-height: 18vh;
  height: 17vh;
  margin: auto;
  border-radius: 5px;
}
#response-page .buttonline {
  padding-top: 2%;
  padding-left: 3%;
  float: left;
  margin-left: 2%;
}
#response-page .tagline {
  float: left;
}
#response-page .inlineField {
  display: inline-block;
}
#response-page .hourEntry {
  float: right;
}
#response-page #tabstrip h2 {
  font-weight: lighter;
  font-size: 5em;
  line-height: 1;
  padding: 0 0 0 30px;
  margin: 0;
}
#response-page .demo-inner-section {
  width: 100%;
  display: inline-block;
  padding: 10px;
  margin: auto;
  height: 100vh;
}
#response-page .specification dt, #response-page dd {
  max-width: 140px;
  float: left;
  margin: 0;
  padding: 5px 0 8px 0;
}
#response-page .specification dt {
  clear: left;
  width: 100px;
  margin-right: 7px;
  padding-right: 0;
  opacity: 0.7;
}
#response-page .specification:after, #response-page .wrapper:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#response-page #exampleWrap .k-tabstrip .k-content {
  height: 320px !important;
}

.container-fluid.wikidocs {
  margin: 0;
  padding: 0;
}
.container-fluid.wikidocs .becht-tbp-h1 {
  color: #005598;
  font-size: 2.375rem;
  font-weight: 800;
  line-height: 1.2em;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.container-fluid.wikidocs div.becht-tbp-constrain {
  position: relative;
  padding: 0 0 20px 0;
}
.container-fluid.wikidocs .becht-tbp-BackToTop {
  display: flex;
  margin: 10px 25px;
  text-decoration: none;
}
.container-fluid.wikidocs .becht-tbp-BackToTop a {
  color: initial;
}
.container-fluid.wikidocs .tbp-post-container {
  display: flex;
  flex-wrap: nowrap;
}
.container-fluid.wikidocs .becht-tbp-underlined:after {
  content: "";
  border-bottom: 6px solid #9fb9cf;
  bottom: -5px;
  display: block;
  position: absolute;
  width: 100%;
}
.container-fluid.wikidocs .becht-tbp-h2 {
  color: black;
  font-size: 1.875rem;
  font-weight: 800;
  line-height: 1.2em;
}
.container-fluid.wikidocs .becht-tbp-h3 {
  color: black;
  font-size: 1.475rem;
  font-weight: 800;
  line-height: 1.2em;
}
.container-fluid.wikidocs .sub-section-item:nth-child(even) {
  background: #eaeaea;
}
.container-fluid.wikidocs .tbp-toc-main {
  display: block;
  margin-left: 2%;
  margin-right: 2%;
}
.container-fluid.wikidocs .tbp-toc-main .tpb-toc {
  display: table;
  min-width: 300px;
  padding: 7px;
  border: 1px solid #a2a9b1;
  background-color: #f8f9fa;
  font-size: 13px;
}
.container-fluid.wikidocs .tbp-toc-main .tpb-toc .tpb-toc-title {
  text-align: center;
}
.container-fluid.wikidocs .tbp-toc-main .tpb-toc ul {
  list-style-type: none;
  margin: 5px;
}
.container-fluid.wikidocs .tbp-toc-main .tpb-toc ul .tbp-toc-number {
  display: inline-block;
  border: 0px solid red;
  text-align: right;
}
.container-fluid.wikidocs .tbp-toc-main .tpb-toc ul .tbp-toc-text {
  display: inline-block;
  margin-left: 10px;
  border: 0px solid red;
}
.container-fluid.wikidocs .tbp-toc-main .tpb-toc ul .tbp-toc-ul-level2 {
  margin-left: 20px;
}
.container-fluid.wikidocs .tbp-toc-main .tpb-toc ul .tbp-toc-ul-level3 {
  margin-left: 40px;
}
.container-fluid.wikidocs .tbp-toc-main .tbp-toc-floating {
  display: table;
  min-width: 300px;
  padding: 7px;
  border: 1px solid #a2a9b1;
  background-color: #f8f9fa;
  font-size: 13px;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 2%;
  margin-top: 1rem;
}
.container-fluid.wikidocs .tbp-toc-main .tbp-toc-floating .tbp-toc-title {
  text-align: center;
}
.container-fluid.wikidocs .tbp-toc-main .tbp-toc-floating ul {
  list-style-type: none;
  margin: 10px 5px;
}
.container-fluid.wikidocs .tbp-toc-main .tbp-toc-floating ul .tbp-toc-text {
  display: inline-block;
  margin-left: 10px;
  border: 0px solid red;
}
.container-fluid.wikidocs .tbp-toc-main .tbp-toc-floating ul .tbp-toc-number {
  display: inline-block;
  border: 0px solid red;
  width: 20px;
  text-align: right;
}
.container-fluid.wikidocs .tbp-toc-main .tbp-toc-floating ul .tbp-toc-ul-level2 {
  margin-left: 20px;
}
.container-fluid.wikidocs .tbp-toc-main .tbp-toc-floating ul .tbp-toc-ul-level3 {
  margin-left: 40px;
}
.container-fluid.wikidocs #tbp-toc-toggle {
  color: #005598;
  cursor: pointer;
}
.container-fluid.wikidocs #mytbp-toc-toggle {
  color: #005598;
  cursor: pointer;
}
.container-fluid.wikidocs :target::before {
  content: "";
  display: block;
  /* fixed header height*/
  height: 150px;
  /* negative fixed header height */
  margin: -50px 0 0;
}

#knowledge-library-page .removebuttonstyle, .k-form-clear {
  border-width: 0px !important;
  background-color: unset !important;
  background-image: unset !important;
}

#knowledge-library-page .k-form-buttons {
  justify-content: flex-end;
}

#knowledge-library-page .selectblue {
  color: #005598 !important;
}

#knowledge-library-page .custom-unit-button, #UnitFilterWindow .custom-unit-button {
  display: flex;
  /*padding: 15px 10px;*/
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  border: 2px solid var(--BLUE, #005598);
  background: rgba(0, 85, 152, 0.1);
  /*max-width: -webkit-fill-available;*/
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px !important;
}

#moreTagsButton {
  display: flex;
  /*padding: 15px 10px;*/
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  border: 2px solid var(--gray, #605e5c);
  background: rgba(0, 85, 152, 0.1);
  /*max-width: -webkit-fill-available;*/
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px !important;
}

#knowledge-library-page .custom-unit-button.selected, #UnitFilterWindow .custom-unit-button.selected {
  background: #005598;
  color: #f5f5f5;
}

#UnitFilterWindow .custom-unit-button {
  padding-right: 2px;
}

#knowledge-library-page .custom-card {
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 4px 20px 0px rgba(73, 80, 87, 0.08);
  width: 450px;
  flex-grow: 1;
}

@media (min-width: 2000px) {
  #knowledge-library-page .custom-card {
    width: 600px;
  }
}
#knowledge-library-page .custom-panel-header-buttons {
  display: flex;
}

#knowledge-library-page .k-card-body {
  padding: 10px 12px !important;
}

#knowledge-library-page .custom-panel {
  border-bottom: 1px solid #f5f5f5;
}

#knowledge-library-page .custom-panel.hiddenByTag {
  display: none;
}

#knowledge-library-page .custom-panel-header {
  background-color: #f9fafb;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 4px;
}

#knowledge-library-page .custom-panel-header a {
  color: #495057;
  text-align: left;
}

#knowledge-library-page .custom-panel-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 200ms ease-out;
  padding: 0 10px;
  font-size: 11px;
}

#knowledge-library-page .custom-panel-body.show {
  max-height: 200px; /* Adjust this value based on the content size */
  padding: 10px;
  border-top: 1px solid #f5f5f5;
}

#knowledge-library-page .custom-panel-body-attributes {
  font-size: 10px;
  display: flex;
  flex-flow: row wrap;
}

#knowledge-library-page .custom-panel-icon {
  cursor: pointer;
}

#knowledge-library-page .rotate {
  transform: rotate(180deg);
}

#knowledge-library-page .k-card-header {
  box-shadow: 0px 4px 20px 0px rgba(73, 80, 87, 0.08);
}

#knowledge-library-page .k-form-legend {
  display: none;
}

#knowledge-library-page .k-form-submit {
  /*color: #005598 !important;*/
  background-image: unset;
  border-radius: 8px;
  border-width: 2px;
}

#knowledge-library-page .k-textbox:has(> #SearchText) {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

#knowledge-library-page .header-section {
  padding: 20px 0;
}

#knowledge-library-page .plugin-info {
  background-color: #fff5d8;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 20px;
}

#knowledge-library-page .sidebarStyle {
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 4px 20px 0px rgba(73, 80, 87, 0.08);
  padding-top: 15px;
}

#knowledge-library-page .filterPanelStyle {
  border-width: 0px;
  border-bottom: 1px solid #f5f5f5;
}

#knowledge-library-page .k-card-body {
  background-color: #f9fafb;
  height: 275px;
  overflow: auto;
}

#knowledge-library-page .k-card-header {
  border-radius: 8px;
  padding: 5px 16px;
}

#knowledge-library-page .k-card-header-text {
  line-height: 2.75;
  font-weight: 600;
}

#knowledge-library-page #resultsContainer {
  margin-left: 15px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: space-around;
  gap: 10px;
}

#knowledge-library-page .infoSpan {
  padding-right: 20px;
  cursor: pointer;
}

@keyframes knowledge-library-page-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#knowledge-library-page .rotate-icon, #UnitFilterWindow .rotate-icon {
  display: inline-block;
  animation: knowledge-library-page-spin 2s linear infinite;
}

#knowledge-library-page .premium-badge {
  padding: 13px 13px;
  border-radius: 20px;
  border: 1px solid var(--BLUE, #005598);
  background: rgba(0, 85, 152, 0.1);
  font-size: 12px !important;
  opacity: unset !important;
  height: 18px;
  margin-top: 5px;
}

#knowledge-library-page .premium-badge.locked {
  border: 1px solid #212529;
  background: rgba(33, 37, 41, 0.1);
  color: #212529;
}

#UnitFilterWindow .k-badge-inside {
  position: unset !important;
  z-index: unset !important;
}

#UnitFilterWindow .k-badge-lg {
  font-size: 20px;
}

#UnitFilterWindow .k-badge-circle.k-badge-lg {
  width: calc(1em + 10px);
  height: calc(1em + 10px);
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  line-height: 0.8;
  border-radius: 50%;
}

#UnitFilterWindow .k-badge-circle.k-badge-lg i {
  vertical-align: middle;
}

#UnitFilterWindow .k-badge-circle.k-badge-lg i.fa-solid {
  color: #f5f5f5;
}

#UnitFilterWindow .k-badge-circle.k-badge-lg i.fa-regular {
  color: #005598;
}

#UnitFilterWindow .k-badge-circle.k-badge-lg i.fa-spinner-third {
  color: #f5f5f5;
}

#UnitFilterWindow .k-badge-circle.k-badge-lg.unpinned i.fa-spinner-third {
  color: #005598;
}

#UnitFilterWindow .k-badge-solid.k-badge-info {
  border-color: var(--BLUE, #005598);
  color: #f5f5f5;
  background-color: #296FA8;
}

#UnitFilterWindow .k-badge-solid.k-badge-info.unpinned {
  border-color: #FFF;
  color: #f5f5f5;
  background-color: #FFF;
}

.nameArea {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

span[id^=CardWindow].k-window-title {
  flex-basis: 90%;
}

#knowledge-library-page .only-button {
  margin-left: 10px; /* Adjust as needed */
  display: inline-block;
  cursor: pointer;
  font-weight: 600;
}

#knowledge-library-page .k-checkbox {
  flex-shrink: 0; /* Prevents elements from shrinking */
}

#knowledge-library-page .k-checkbox-label {
  flex-shrink: 1; /* Allows the second element to take up available space */
  overflow: hidden; /* Hides overflow content */
  white-space: nowrap; /* Prevents wrapping */
  text-overflow: ellipsis; /* Adds ellipsis if text is truncated */
  margin-top: 0px;
  margin-bottom: 0px;
}

#knowledge-library-page .only-button:hover {
  text-decoration: underline;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
}

#knowledge-library-page .standard-item {
  position: relative;
  padding: 5px 0px 5px 0px;
  display: flex;
  flex-wrap: nowrap; /* Prevents wrapping by default */
  overflow: hidden; /* Ensures overflow is hidden */
  align-items: center;
}

.k-expander.k-state-focus {
  box-shadow: unset;
}

#knowledge-library-page .blur > div:not(#loading-overlay) {
  filter: blur(10px);
  transition: filter 0.5s ease;
}

#loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

#knowledge-library-page .spinner {
  width: 120px;
  height: 120px;
  border: 16px solid #ccc;
  border-top-color: #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.CalcHelper {
  font-size: 12px;
  font-style: italic;
  padding-bottom: 20px;
}

.global-search-results.global-search-results .section-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.global-search-results.global-search-results .global-search-layout {
  background-color: transparent;
  margin-bottom: 1rem;
}
.global-search-results.global-search-results h1 {
  font-size: 2rem;
}
.global-search-results.global-search-results p {
  margin: 2rem 16px;
}
.global-search-results.global-search-results .tag {
  float: left;
  padding: 5px;
  border-radius: 5px;
  margin: 5px 10px 5px 0px;
  cursor: pointer;
  width: 100px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.global-search-results.global-search-results .tag:hover {
  font-weight: bold;
}

.projects-filters {
  float: left;
  width: 200px !important;
  height: 250px;
}
.projects-filters .year-filters {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 87px;
}
.projects-filters button {
  width: 70px !important;
  margin: 3px;
  background-color: #E6EEF5 !important;
  border: 2px solid #005598 !important;
  color: #005598 !important;
  cursor: pointer;
}
.projects-filters button.selected {
  background-color: #005598 !important;
  color: white !important;
  background-image: none;
}
.projects-filters #btnAll {
  margin-left: 0;
}
.projects-filters hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  width: 50%;
}
.projects-filters .filter-title {
  margin-bottom: 0px;
}

h4 {
  margin: 10px;
}

#projectsGrid .btn-favorite {
  border-width: 0px !important;
  background-color: #unset !important;
  background-image: unset !important;
}

.charts-wrapper {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 1rem;
}

.charts-wrapper > div {
  flex: 0 0 auto;
  margin-left: 1rem;
}

#projectsGrid {
  border: 1px solid #DEE2E6;
  padding: 10px;
  width: fit-content;
  border-radius: 5px;
  box-shadow: -1px 4px 9px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: -1px 4px 9px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: -1px 4px 9px 2px rgba(0, 0, 0, 0.25);
  margin: 5px;
}

.project-update {
  border: 1px solid #DEE2E6;
  padding: 10px;
  width: 299px;
  border-radius: 5px;
  box-shadow: -1px 4px 9px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: -1px 4px 9px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: -1px 4px 9px 2px rgba(0, 0, 0, 0.25);
  margin: 5px;
  height: 170px;
  float: left;
  position: relative;
  cursor: pointer;
}
.project-update h5 {
  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 0;
}
.project-update .update-date {
  position: absolute;
  bottom: 10px;
  font-size: 12px;
}
.project-update .project-update-label {
  margin: 0;
  color: #7D7D7D;
  font-size: 12px;
}
.project-update .project-update-text {
  margin: 0;
  font-size: 13px;
}

div.projects-stats, .projects-divisions, .projects-sites {
  height: 250px;
  border: 1px solid #DEE2E6;
  padding: 10px;
  width: fit-content;
  border-radius: 5px;
  box-shadow: -1px 4px 9px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: -1px 4px 9px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: -1px 4px 9px 2px rgba(0, 0, 0, 0.25);
  float: left;
  margin-left: 15px;
  margin-right: 0;
}
div.projects-stats hr, .projects-divisions hr, .projects-sites hr {
  margin: 0;
  background-color: #DEE2E6;
}
div.projects-stats span, .projects-divisions span, .projects-sites span {
  width: 50%;
}
div.projects-stats h3, .projects-divisions h3, .projects-sites h3 {
  margin: 10px 0 5px 0;
}
div.projects-stats p, .projects-divisions p, .projects-sites p {
  font-size: 0.7rem;
  width: fit-content;
  margin: auto;
}
div.projects-stats h5, .projects-divisions h5, .projects-sites h5 {
  font-size: 1rem;
}
div.projects-stats .projectsStatsBox, .projects-divisions .projectsStatsBox, .projects-sites .projectsStatsBox {
  border: 1px solid #DEE2E6;
  border-radius: 3px;
  width: 90px;
  text-align: center;
}
div.projects-stats .projectsStatsNumber, .projects-divisions .projectsStatsNumber, .projects-sites .projectsStatsNumber {
  font-weight: bold;
  color: #43a447;
  margin: auto;
  font-size: 1.3rem;
}
div.projects-stats .division-legend, div.projects-stats .site-legend, .projects-divisions .division-legend, .projects-divisions .site-legend, .projects-sites .division-legend, .projects-sites .site-legend {
  float: left;
  margin-left: -100px;
  margin-top: 70px;
  z-index: 999;
  position: relative;
}
div.projects-stats .division-legend p, div.projects-stats .site-legend p, .projects-divisions .division-legend p, .projects-divisions .site-legend p, .projects-sites .division-legend p, .projects-sites .site-legend p {
  margin: 0;
  font-size: 1rem;
}
div.projects-stats .division-legend p span, div.projects-stats .site-legend p span, .projects-divisions .division-legend p span, .projects-divisions .site-legend p span, .projects-sites .division-legend p span, .projects-sites .site-legend p span {
  font-weight: bold;
}
div.projects-stats .division-legend p span.blue, div.projects-stats .site-legend p span.blue, .projects-divisions .division-legend p span.blue, .projects-divisions .site-legend p span.blue, .projects-sites .division-legend p span.blue, .projects-sites .site-legend p span.blue {
  color: #005598;
}
div.projects-stats .division-legend p span.green, div.projects-stats .site-legend p span.green, .projects-divisions .division-legend p span.green, .projects-divisions .site-legend p span.green, .projects-sites .division-legend p span.green, .projects-sites .site-legend p span.green {
  color: #43a447;
}
div.projects-stats .site-legend, .projects-divisions .site-legend, .projects-sites .site-legend {
  margin-left: 0;
}

#ActiveProjectsByDivision svg, #CompletedProjectsByDivision svg {
  margin-left: -55px;
}
#ActiveProjectsByDivision svg > g > path, #CompletedProjectsByDivision svg > g > path {
  display: none;
}

.clear-both {
  clear: both;
}

.projects-grid.projects-grid {
  border-style: none;
  width: 100%;
}
.projects-grid.projects-grid .k-grid-search {
  margin-top: 17px;
  width: 250px;
}
.projects-grid.projects-grid .col-template-val {
  margin: 0 0 1em 0.5em;
}
.projects-grid.projects-grid .k-grid .k-alt {
  background-color: #F9F9FC !important;
}
.projects-grid.projects-grid .k-i-arrow-end-left, .projects-grid.projects-grid .k-i-arrow-60-right, .projects-grid.projects-grid .k-i-arrow-60-left, .projects-grid.projects-grid .k-i-arrow-end-right {
  color: black;
}
.projects-grid.projects-grid .k-grid-toolbar {
  background-color: white;
  border-bottom: none;
  align-items: center;
}
.projects-grid.projects-grid .k-pager-wrap {
  background-color: white;
  border: none;
}
.projects-grid.projects-grid .k-toolbar.k-grid-toolbar {
  background-color: white !important;
  border: none !important;
  box-shadow: none !important;
}
.projects-grid.projects-grid table {
  border: none;
}
.projects-grid.projects-grid thead th {
  border: 0 !important;
  background-color: white;
  color: #909090;
}
.projects-grid.projects-grid td {
  border: 0;
  padding-bottom: 0;
  padding-top: 0;
}
@media only screen and (max-width: 600px) {
  .projects-grid.projects-grid td {
    padding: 15px;
  }
}
.projects-grid.projects-grid .k-master-row {
  cursor: pointer;
}
.projects-grid.projects-grid .k-grid-toolbar {
  min-height: 1vh;
  display: flex;
}

.dashboard-container {
  display: flex;
  flex-wrap: wrap;
}
.dashboard-container .hidden {
  display: none !important;
}
.dashboard-container .top-dashboard-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: stretch;
  min-height: 200px;
}
@media (max-width: 700px) {
  .dashboard-container .top-dashboard-row {
    flex-direction: column-reverse;
  }
}
.dashboard-container .ad-dorna-container {
  width: 77%;
  background-color: white;
  border-radius: 1rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  margin: 10px 10px 10px 0;
}
@media (max-width: 1100px) {
  .dashboard-container .ad-dorna-container {
    width: 66%;
  }
}
@media (max-width: 700px) {
  .dashboard-container .ad-dorna-container {
    width: 100%;
    height: auto;
  }
}
.dashboard-container .ad-dorna-container .ad-dorna {
  height: 250px;
  width: 100%;
  position: relative;
}
.dashboard-container .ad-dorna-container .ad-dorna .carousel-indicators li {
  background-color: #bbb;
}
.dashboard-container .ad-dorna-container .ad-dorna .carousel-indicators li.active {
  background-color: #333;
}
.dashboard-container .ad-dorna-container .ad-dorna .ad-dorna-arrow:focus,
.dashboard-container .ad-dorna-container .ad-dorna .ad-dorna-arrow:active {
  outline: none;
  box-shadow: none;
}
@media (max-width: 1400px) {
  .dashboard-container .ad-dorna-container .ad-dorna {
    height: auto;
    min-height: 320px;
  }
}
.dashboard-container .ad-dorna-container .ad-dorna-carousel-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
}
@media (max-width: 1400px) {
  .dashboard-container .ad-dorna-container .ad-dorna-carousel-wrapper {
    align-items: stretch;
  }
}
.dashboard-container .ad-dorna-container .ad-dorna-carousel {
  width: 100%;
  height: 100%;
}
.dashboard-container .ad-dorna-container .carousel-inner {
  height: 100%;
}
.dashboard-container .ad-dorna-container .carousel-item {
  height: 100%;
}
.dashboard-container .ad-dorna-container .ad-dorna-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 20px;
}
@media (max-width: 1400px) {
  .dashboard-container .ad-dorna-container .ad-dorna-item {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    padding: 20px 45px 45px;
    gap: 16px;
  }
}
.dashboard-container .ad-dorna-container .ad-dorna-content {
  width: 50%;
  padding-right: 20px;
}
@media (max-width: 1400px) {
  .dashboard-container .ad-dorna-container .ad-dorna-content {
    width: 100%;
    padding-right: 0;
    order: 1;
  }
}
.dashboard-container .ad-dorna-container .ad-dorna-title {
  font-size: 28px;
  font-weight: 500;
  margin: 0;
  line-height: 1.2;
}
@media (max-width: 1400px) {
  .dashboard-container .ad-dorna-container .ad-dorna-title {
    font-size: 22px;
  }
}
@media (max-width: 480px) {
  .dashboard-container .ad-dorna-container .ad-dorna-title {
    font-size: 18px;
  }
}
@media (max-width: 1400px) {
  .dashboard-container .ad-dorna-container .ad-dorna-meta {
    padding-top: 12px !important;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .dashboard-container .ad-dorna-container .ad-dorna-meta {
    font-size: 13px;
  }
}
.dashboard-container .ad-dorna-container .ad-dorna-image-container {
  width: 50%;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1400px) {
  .dashboard-container .ad-dorna-container .ad-dorna-image-container {
    width: 100%;
    justify-content: center;
    order: 2;
  }
}
.dashboard-container .ad-dorna-container .ad-dorna-image {
  max-height: 200px;
  max-width: 100%;
  width: auto;
  object-fit: cover;
  border-radius: 4px;
}
@media (max-width: 1400px) {
  .dashboard-container .ad-dorna-container .ad-dorna-image {
    max-height: 140px;
  }
}
@media (max-width: 480px) {
  .dashboard-container .ad-dorna-container .ad-dorna-image {
    max-height: 120px;
  }
}
.dashboard-container .ad-dorna-container .ad-dorna-arrow {
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  z-index: 2;
}
@media (max-width: 1400px) {
  .dashboard-container .ad-dorna-container .ad-dorna-arrow {
    width: 45px;
  }
}
.dashboard-container .ad-dorna-container .ad-dorna-arrow:hover {
  opacity: 1;
}
.dashboard-container .ad-dorna-container .carousel-control-prev-icon,
.dashboard-container .ad-dorna-container .carousel-control-next-icon {
  filter: invert(1);
}
@media (max-width: 1400px) {
  .dashboard-container .ad-dorna-container .carousel-indicators {
    bottom: 8px;
    margin-bottom: 0;
  }
}
.dashboard-container .top-right-section {
  width: 22%;
}
@media (max-width: 1100px) {
  .dashboard-container .top-right-section {
    width: 33%;
  }
}
@media (max-width: 700px) {
  .dashboard-container .top-right-section {
    width: 80%;
    margin: auto;
  }
}
.dashboard-container .top-right-section .contact-expert {
  width: 100%;
  height: 50px;
  background-color: #005598;
  color: white;
  border-radius: 10px;
  margin: 10px 0;
}
.dashboard-container .top-right-section .contact-expert:hover {
  background-color: #0076d3;
  transition: 0.3s;
}
.dashboard-container .top-right-section .card-container {
  display: flex;
  gap: 1rem;
  margin-top: 2px;
  min-height: calc(100% - 80px);
  margin-bottom: 10px;
}
@media (max-width: 1400px) {
  .dashboard-container .top-right-section .card-container {
    gap: 0.5rem;
  }
}
@media (min-width: 1400px) {
  .dashboard-container .top-right-section .card-container {
    margin-bottom: 10px;
  }
}
@media (max-width: 700px) {
  .dashboard-container .top-right-section .card-container {
    justify-content: center;
  }
}
.dashboard-container .top-right-section .card-container .card {
  background-color: white;
  border-radius: 1rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  padding: 8px;
  text-align: center;
  width: 50%;
  justify-content: space-between;
}
.dashboard-container .top-right-section .card-container .card .card-title {
  margin: 0;
  font-size: 1rem;
}
@media (max-width: 1450px) {
  .dashboard-container .top-right-section .card-container .card .card-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.dashboard-container .top-right-section .card-container .card .card-number {
  font-size: 3rem;
  font-weight: 300;
  float: left;
  width: fit-content;
}
@media (max-width: 1750px) {
  .dashboard-container .top-right-section .card-container .card .card-number {
    font-size: 2.5rem;
  }
}
@media (max-width: 1650px) {
  .dashboard-container .top-right-section .card-container .card .card-number {
    font-size: 2rem;
  }
}
@media (max-width: 1400px) {
  .dashboard-container .top-right-section .card-container .card .card-number {
    font-size: 2.25rem;
  }
}
.dashboard-container .top-right-section .card-container .card .card-button-container {
  margin: 15px 0 0 35px;
}
@media (max-width: 1700px) {
  .dashboard-container .top-right-section .card-container .card .card-button-container {
    margin: 0px;
  }
}
@media (max-width: 1400px) {
  .dashboard-container .top-right-section .card-container .card .card-button-container {
    margin: 0px;
  }
}
.dashboard-container .top-right-section .card-container .card .card-button {
  padding: 10px;
  margin: 4px 0px 4px 10px;
  font-size: 1rem;
  border: 1px solid black;
  border-radius: 0.5rem;
  background-color: transparent;
  cursor: pointer;
  float: left;
  width: fit-content;
}
@media (max-width: 1600px) {
  .dashboard-container .top-right-section .card-container .card .card-button {
    padding: 4px;
  }
}
@media (max-width: 1400px) {
  .dashboard-container .top-right-section .card-container .card .card-button {
    margin: 4px 0px 4px 0px;
  }
}
.dashboard-container .top-right-section .card-container .card .card-button:hover {
  background-color: #f0f0f0;
}
.dashboard-container .trending-container {
  width: 77%;
}
@media (max-width: 1100px) {
  .dashboard-container .trending-container {
    width: 66%;
  }
}
@media (max-width: 700px) {
  .dashboard-container .trending-container {
    width: 100%;
  }
}
.dashboard-container .trending-container .trending-buttons {
  width: 100%;
  height: 40px;
}
.dashboard-container .trending-container .trending-buttons .trending-category-button {
  border-radius: 20px;
  border: 2px solid #005598;
  background: rgba(0, 85, 152, 0.1);
  padding: 3px 9px;
  font-size: 13px;
  margin-right: 5px;
}
.dashboard-container .trending-container .trending-buttons .trending-category-button.selected {
  background: #005598;
  color: white;
}
.dashboard-container .trending-container .trending-buttons .trending-category-button:hover {
  background: #005598;
  color: white;
  transition: 0.35s;
}
.dashboard-container .trending-container .trending {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  /* DEFAULT (mobile/ipad): 1 per row  */
  /* DEFAULT (mobile/ipad): image block height */
  /* DESKTOP: 2 per row + fixed height + full-height image column */
}
.dashboard-container .trending-container .trending .trending-card {
  background-color: white;
  border-radius: 1rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  padding: 20px;
  overflow: hidden;
  flex: 0 0 100%;
  height: auto;
}
.dashboard-container .trending-container .trending .trending-content {
  display: flex;
  flex-direction: column;
}
.dashboard-container .trending-container .trending .trending-label {
  color: #777;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.dashboard-container .trending-container .trending .trending-title {
  margin: 0 0 0.5rem 0;
}
.dashboard-container .trending-container .trending .trending-subtitle {
  font-size: 1rem;
  color: #777;
  margin-bottom: 1rem;
}
.dashboard-container .trending-container .trending .trending-description {
  font-size: 1rem;
  line-height: 1.4;
  color: #333;
  margin: 0;
}
.dashboard-container .trending-container .trending .trending-image-container {
  position: relative;
  width: 100%;
  height: 148px;
  border-radius: 0.75rem;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  margin-top: 10px;
}
.dashboard-container .trending-container .trending .trending-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.dashboard-container .trending-container .trending .trending-image-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem;
  display: flex;
  justify-content: center;
  background: rgba(40, 40, 40, 0.75);
}
.dashboard-container .trending-container .trending .trending-more-btn {
  color: #fff;
  border: 2px solid #fff;
  background-color: transparent;
  font-size: 1rem;
  padding: 5px 15px;
  border-radius: 8px;
  font-weight: 500;
  text-transform: none;
  box-shadow: none;
}
.dashboard-container .trending-container .trending .trending-more-btn:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.dashboard-container .trending-container .trending .trending-more-btn:focus, .dashboard-container .trending-container .trending .trending-more-btn:active, .dashboard-container .trending-container .trending .trending-more-btn.k-focus, .dashboard-container .trending-container .trending .trending-more-btn.k-active {
  background-color: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
  outline: none !important;
}
@media (min-width: 1200px) {
  .dashboard-container .trending-container .trending .trending-card {
    flex: 0 0 calc(50% - 0.75rem);
    height: 280px;
  }
  .dashboard-container .trending-container .trending .trending-row,
  .dashboard-container .trending-container .trending .trending-left,
  .dashboard-container .trending-container .trending .trending-right {
    height: 100%;
  }
  .dashboard-container .trending-container .trending .trending-content {
    height: 100%;
    overflow-y: auto;
  }
  .dashboard-container .trending-container .trending .trending-image-container {
    height: 100%;
    flex: 1 1 auto;
    margin-top: 0;
  }
}
.dashboard-container .recent-container {
  width: 22%;
}
@media (max-width: 1100px) {
  .dashboard-container .recent-container {
    width: 33%;
  }
}
@media (max-width: 700px) {
  .dashboard-container .recent-container {
    width: 100%;
    margin-top: 10px;
  }
}
.dashboard-container .recent-container .recent-buttons {
  text-wrap-mode: nowrap;
  height: 40px;
  margin-left: 10px;
  overflow: auto;
}
.dashboard-container .recent-container .recent-buttons .recent-mode-button {
  border-radius: 20px;
  border: 2px solid #005598;
  background: rgba(0, 85, 152, 0.1);
  padding: 3px 9px;
  font-size: 13px;
  margin-right: 5px;
}
.dashboard-container .recent-container .recent-buttons .recent-mode-button.selected {
  background: #005598;
  color: white;
}
.dashboard-container .recent-container .recent-buttons .recent-mode-button:hover {
  background: #005598;
  color: white;
  transition: 0.35s;
}
.dashboard-container .recent-container .recent-grids-container {
  background-color: white;
  border-radius: 1rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  margin: 0 0 0 10px;
  height: 250px;
  overflow: hidden;
}
.dashboard-container .recent-container .recent-grids-container h4 {
  margin: 10px;
}
.dashboard-container .poll-container {
  background-color: white;
  border-radius: 1rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  height: 275px;
  width: 25%;
  margin: 10px 10px 10px 0;
  overflow-y: auto;
}
@media (max-width: 1300px) {
  .dashboard-container .poll-container {
    width: 48%;
  }
}
@media (max-width: 700px) {
  .dashboard-container .poll-container {
    width: 100%;
  }
}
.dashboard-container .poll-container .poll-title {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  width: 100%;
}
@media (max-width: 1700px) {
  .dashboard-container .poll-container .poll-title {
    font-size: 16px;
  }
}
@media (max-width: 1500px) {
  .dashboard-container .poll-container .poll-title {
    font-size: 14px;
  }
}
@media (max-width: 1500px) {
  .dashboard-container .poll-container .poll-title {
    font-size: 20px;
  }
}
@media (max-width: 900px) {
  .dashboard-container .poll-container .poll-title {
    font-size: 14px;
  }
}
@media (max-width: 700px) {
  .dashboard-container .poll-container .poll-title {
    font-size: 20px;
  }
}
.dashboard-container #poll-div {
  position: relative;
}
.dashboard-container #poll-div .k-notification {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1000;
}
.dashboard-container .featured-sme-container {
  background-color: white;
  border-radius: 1rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  height: 275px;
  width: 25%;
  margin: 10px 10px 10px 0;
}
@media (max-width: 1300px) {
  .dashboard-container .featured-sme-container {
    width: 48%;
  }
}
@media (max-width: 700px) {
  .dashboard-container .featured-sme-container {
    width: 100%;
  }
}
.dashboard-container .featured-sme-container .featured-sme-content {
  height: 100%;
  margin: 0;
}
.dashboard-container .featured-sme-container .featured-sme-content .sme-left-column {
  padding: 15px 10px 15px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border: none !important;
  border-right: none !important;
  border-right: 1px solid #e0e0e0;
  overflow-y: hidden;
  overflow-x: hidden;
  height: 100%;
  width: 40%;
}
@media (max-width: 1200px) {
  .dashboard-container .featured-sme-container .featured-sme-content .sme-left-column {
    padding: 15px 10px 5px 15px;
  }
}
@media (max-width: 1400px) {
  .dashboard-container .featured-sme-container .featured-sme-content .sme-left-column {
    padding: 15px 10px 5px 15px;
  }
}
.dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-title {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  width: 100%;
}
@media (max-width: 1700px) {
  .dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-title {
    font-size: 16px;
  }
}
@media (max-width: 1500px) {
  .dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-title {
    font-size: 14px;
  }
}
@media (max-width: 1500px) {
  .dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-title {
    font-size: 20px;
  }
}
@media (max-width: 900px) {
  .dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-title {
    font-size: 14px;
  }
}
@media (max-width: 700px) {
  .dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-title {
    font-size: 20px;
  }
}
.dashboard-container .featured-sme-container .featured-sme-content .sme-left-column a.sme-picture {
  display: flex;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 10px;
  flex-shrink: 0;
}
.dashboard-container .featured-sme-container .featured-sme-content .sme-left-column a.sme-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-info .sme-info-name {
  color: #000;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.7rem;
}
@media (max-width: 1700px) {
  .dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-info .sme-info-name {
    font-size: 1.25rem;
  }
}
@media (max-width: 1500px) {
  .dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-info .sme-info-name {
    font-size: 1rem;
    line-height: 1.2rem;
  }
}
@media (max-width: 1300px) {
  .dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-info .sme-info-name {
    font-size: 24px;
    line-height: 1.7rem;
  }
}
@media (max-width: 900px) {
  .dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-info .sme-info-name {
    font-size: 1rem;
    line-height: 1.2rem;
  }
}
@media (max-width: 700px) {
  .dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-info .sme-info-name {
    font-size: 24px;
    line-height: 1.7rem;
  }
}
.dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-info .sme-info-name a {
  text-decoration: none;
  color: inherit;
}
.dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-info .sme-info-name a:hover {
  text-decoration: underline;
}
.dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-info .sme-info-division {
  color: #000;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 5px;
}
.dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-info .sme-profile-btn {
  display: inline-block;
  font-size: 0.75rem;
  padding: 6px 12px;
  border: 1px solid #333;
  border-radius: 4px;
  background-color: transparent;
  color: #333;
  text-decoration: none;
  text-align: center;
  transition: all 0.2s ease;
  margin-top: 5px;
}
@media (max-width: 1450px) {
  .dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-info .sme-profile-btn {
    padding: 4px;
  }
}
@media (max-width: 1300px) {
  .dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-info .sme-profile-btn {
    padding: 6px 12px;
  }
}
@media (max-width: 900px) {
  .dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-info .sme-profile-btn {
    padding: 4px;
  }
}
@media (max-width: 700px) {
  .dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-info .sme-profile-btn {
    padding: 6px 12px;
  }
}
.dashboard-container .featured-sme-container .featured-sme-content .sme-left-column .sme-info .sme-profile-btn:hover {
  background-color: #333;
  color: white;
  text-decoration: none;
}
.dashboard-container .featured-sme-container .featured-sme-content .sme-right-column {
  padding: 15px 15px 15px 15px;
  border: none !important;
  outline: none !important;
  height: 100%;
  overflow-y: auto;
  width: 60%;
}
.dashboard-container .featured-sme-container .featured-sme-content .sme-right-column .sme-about-new .sme-about-text-new {
  font-size: 0.8rem;
  margin: 0;
  color: #333;
}
.dashboard-container .get-connected-container {
  background-color: white;
  border-radius: 1rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  height: 275px;
  width: 25%;
  margin: 10px 10px 10px 0;
}
@media (max-width: 1300px) {
  .dashboard-container .get-connected-container {
    width: 48%;
  }
}
@media (max-width: 700px) {
  .dashboard-container .get-connected-container {
    width: 100%;
  }
}
.dashboard-container .toolbox-container {
  background-color: white;
  border-radius: 1rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  height: 275px;
  width: 22%;
  margin: 10px 0px 10px 0;
  overflow-y: auto;
}
@media (max-width: 1300px) {
  .dashboard-container .toolbox-container {
    width: 48%;
  }
}
@media (max-width: 700px) {
  .dashboard-container .toolbox-container {
    width: 100%;
  }
}
.dashboard-container .toolbox-container .toolbox-edit-link {
  font-size: 14px;
  color: #007bff;
  cursor: pointer;
}
.dashboard-container .toolbox-container .toolbox-list .toolbox-item {
  font-size: 15px;
}
.dashboard-container .toolbox-container .toolbox-list .toolbox-icon {
  color: white;
  background-color: #325697;
  font-size: 14px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 50%;
  margin-right: 12px;
}
.dashboard-container .toolbox-container .toolbox-icon {
  font-size: 18px;
  color: #6c757d;
  flex-shrink: 0;
}
.dashboard-container .toolbox-container .toolbox-link-text {
  color: #343a40;
  text-decoration: none;
}
.dashboard-container .toolbox-container .toolbox-link-text:hover {
  text-decoration: underline;
}
.dashboard-container .toolbox-container .toolbox-edit-list li {
  border-top: 1px solid #e9ecef;
}
.dashboard-container .toolbox-container .toolbox-edit-list li div {
  overflow: hidden;
}
.dashboard-container .toolbox-container .toolbox-edit-list .btn-delete-tool,
.dashboard-container .toolbox-container .toolbox-edit-list .btn-cancel-delete {
  font-size: 13px;
}
.dashboard-container .toolbox-container h5 {
  font-size: 18px;
  font-weight: 500;
}