/* Typography Variables */
.fw-thin {
  font-weight: 100;
}

.fw-extra-light {
  font-weight: 200;
}

.fw-light {
  font-weight: 300;
}

.fw-medium {
  font-weight: 500;
}

.fw-bold {
  font-weight: 700;
}

.text-muted {
  opacity: 0.875;
}

.rounded-5 {
  border-radius: 0.5rem;
}

.rounded-dl {
  border-radius: 0.75rem;
}

.rounded-1r {
  border-radius: 1rem;
}

.text-primary {
  color: #3674b0 !important;
}

.bg-primary-color-light {
  background: #EAEDEF;
}

.bg-secondary-light {
  background: #caced1;
}

.bg-secondary-brown {
  background: #A3660C;
}

.mi, .btn.mi, a.mi {
  font-family: "Material Icons" !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none !important;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
}

form, input, button, textarea, select, checkbox, radio {
  font-family: "Roboto", sans-serif;
}

a:hover {
  webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

h1, h2, h3, h4, h5, h6 {
  color: #3674b0;
}

html,
body {
  font-family: "Roboto", sans-serif;
  font-size: 12pt;
  font-style: normal;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  letter-spacing: -1px;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
  font-size: 12pt;
  font-family: "Roboto", sans-serif;
  line-height: 1.25;
  letter-spacing: 0;
}
h1 small span, h2 small span, h3 small span, h4 small span, h5 small span, h6 small span, .h1 small span, .h2 small span, .h3 small span, .h4 small span, .h5 small span, .h6 small span {
  font-weight: 300;
}

.xxsmall {
  font-size: 0.66rem;
}

.xsmall {
  font-size: 0.75rem;
}

.small {
  font-size: 0.875rem;
}

li {
  list-style: none;
}

.row.wrapper ul {
  padding-left: 1rem;
  list-style: none;
}

/*   ==================================================
    #Forms
    #Buttons
        #CheckBoxes & Radios
    #Search Fields
    #loginAsWrap
 ================================================== */
fieldset {
  margin-bottom: 1rem;
}

input:disabled,
select:disabled,
textarea:disabled {
  background: #EEEEEE !important;
  color: #ACACAC !important;
  border: 2px solid #EEEEEE !important;
  cursor: not-allowed;
}

input[type=search],
input[type=text],
input[type=number],
input[type=password],
input[type=email],
input[type=date],
input[type=phone],
input[type=url],
input[type=tel],
textarea,
select,
.form-control,
.form-group .form-control,
.form-group select.form-control {
  background: #FFFFFF;
  box-shadow: none;
  border: 2px solid #EAEDEF;
  border-radius: 0.75rem;
  font-family: "Roboto", sans-serif;
  max-width: 100%;
  outline: none;
  padding: 0.5rem 1rem;
  transition: all 0.3s ease;
}
input[type=search]:focus, input[type=search]:hover,
input[type=text]:focus,
input[type=text]:hover,
input[type=number]:focus,
input[type=number]:hover,
input[type=password]:focus,
input[type=password]:hover,
input[type=email]:focus,
input[type=email]:hover,
input[type=date]:focus,
input[type=date]:hover,
input[type=phone]:focus,
input[type=phone]:hover,
input[type=url]:focus,
input[type=url]:hover,
input[type=tel]:focus,
input[type=tel]:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover,
.form-control:focus,
.form-control:hover,
.form-group .form-control:focus,
.form-group .form-control:hover,
.form-group select.form-control:focus,
.form-group select.form-control:hover {
  box-shadow: none;
  outline: none;
  border: 2px solid #787878;
  transition: all 0.3s ease;
}

textarea[disabled], textarea[readonly] {
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.18);
  -webkit-appearance: none;
  cursor: default;
  background: lightgoldenrodyellow !important;
}
textarea[disabled]:hover, textarea[readonly]:hover {
  border: 1px solid rgba(0, 0, 0, 0.18);
}

/*
.form-floating>.form-control, .form-floating>.form-select {
    padding: 1.625rem 2.25rem .625rem .75rem;
}
*/
textarea, textarea.form-control {
  min-height: 10rem;
  padding: 0.5em;
}

.form-select {
  border-radius: 0.75rem;
}

select {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}

.required {
  outline: 1px solid #D8000C;
}

.requiredMessage {
  color: #D8000C;
  padding: 0.25rem 0 1rem;
  font-size: 10pt;
  display: block !important;
  margin: 0.5rem auto;
}

input:hover,
textarea:hover,
select:hover {
  /*border-bottom: 2px solid #0e98cb !important;*/
  /*border-right: 2px solid #0e98cb !important;*/
}

label {
  color: #545253;
}

legend {
  font-weight: bold;
  display: block;
}

label span,
legend span {
  font-weight: normal;
  color: #444;
}

/* #CheckBox & Radios style ================================================== */
input[type=checkbox] {
  display: none;
}

input[type=checkbox] + label {
  padding: 0 1rem 0 2rem;
  position: relative;
}
input[type=checkbox] + label:before {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  background: none;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  content: "check_box_outline_blank";
  cursor: pointer;
}
input[type=checkbox] + label:hover:before {
  background: none;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  content: "check_box";
  opacity: 0.5;
  color: #3674b0;
}

input[type=checkbox]:checked + label:before {
  background: none;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  content: "check_box";
  opacity: 1;
  color: #3674b0;
}

input[type=radio] {
  display: none;
}

input[type=radio] + label {
  padding: 0 1rem 0 2rem;
  position: relative;
}
input[type=radio] + label:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  margin: -12px 0 0 0;
  background: none !important;
  cursor: pointer;
  content: "radio_button_unchecked";
  color: #3674b0;
}
input[type=radio] + label:hover:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  background: none !important;
  content: "radio_button_checked";
  opacity: 0.5;
  color: #3674b0;
}

input[type=radio]:checked + label:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  background: none !important;
  content: "radio_button_checked";
  opacity: 1;
  color: #3674b0;
}

/* ================================================== */
/* #Buttons ================================================== */
.btn,
a.button,
button,
input[type=submit],
input[type=reset],
input[type=button] {
  font-family: "Roboto", sans-serif;
  align-items: center;
  border-radius: 0.5rem;
  cursor: pointer;
  display: inline-flex;
  font-weight: 600;
  position: relative;
  outline: none;
  padding: 0.33rem 1rem;
  margin: 0;
  justify-content: center;
  white-space: nowrap;
}
.btn:hover,
a.button:hover,
button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
  outline: 0;
  box-shadow: none;
  transition: all 0.25s ease;
}
.btn:active,
a.button:active,
button:active,
input[type=submit]:active,
input[type=reset]:active,
input[type=button]:active {
  box-shadow: none;
}

.btn-group-sm > .btn, .btn-sm {
  padding: 0.25rem 0.5rem !important;
}

.btn.btn-menu {
  text-transform: capitalize;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  background: #F8F8F8;
  margin: 0 1rem 0 0;
}

/*
.btn.btn-sm {
    padding: .25rem .5rem!important;
}
*/
.btn.btn-add {
  width: 54px;
  height: 54px;
  border-radius: 100%;
}

.btn.btn-default {
  background: #787878;
  color: #FFFFFF;
}

.btn.btn-primary {
  background: #3674b0;
  border: 2px solid #3674b0;
}
.btn.btn-primary:hover {
  background: #3674b0;
}
.btn.btn-primary-dark {
  background: #3674b0;
  color: #FFFFFF;
  border: 2px solid #3674b0;
}
.btn.btn-primary-dark:hover {
  background: #30679c;
  color: #FFFFFF;
}
.btn.btn-accent, .btn.btn-success {
  background: #90bc56;
  color: #FFFFFF;
  border: 2px solid #90bc56;
}
.btn.btn-accent:hover, .btn.btn-success:hover {
  background: #76a03f;
  border: 2px solid #76a03f;
}
.btn.btn-secondary {
  color: #FFFFFF !important;
  border: 2px solid #6c757d;
}
.btn.btn-danger {
  background: #dc3545;
  color: #FFFFFF;
  border: 2px solid #dc3545;
}
.btn.btn-danger:hover {
  background: #bd2130;
  border: 2px solid #bd2130;
}
.btn.btn-warning {
  background: #fdba34;
  color: #FFFFFF;
  border: 2px solid #fdba34;
}
.btn.btn-warning:hover {
  background: #fca902;
  border: 2px solid #fca902;
}
.btn.btn-outline-primary {
  border: 2px solid #3674b0;
  color: #3674b0;
}
.btn.btn-outline-primary:hover {
  color: #FFFFFF;
  background: #3674b0;
}
.btn.btn-outline-primary:hover i, .btn.btn-outline-primary:hover img {
  fill: #FFFFFF;
}
.btn.btn-outline-primary-dark {
  border: 2px solid #3674b0;
  color: #3674b0;
}
.btn.btn-outline-primary-dark:hover {
  color: #FFFFFF;
  background: #3674b0;
}
.btn.btn-outline-primary-dark:hover i, .btn.btn-outline-primary-dark:hover img {
  fill: #FFFFFF;
}
.btn.btn-outline-accent, .btn.btn-outline-success {
  border: 2px solid #90bc56;
  color: #90bc56;
}
.btn.btn-outline-accent:hover, .btn.btn-outline-success:hover {
  background: #90bc56;
  color: #FFFFFF;
}
.btn.btn-outline-accent:hover i, .btn.btn-outline-accent:hover img, .btn.btn-outline-success:hover i, .btn.btn-outline-success:hover img {
  fill: #FFFFFF;
}
.btn.btn-outline-danger {
  border: 2px solid #dc3545;
  color: #dc3545;
}
.btn.btn-outline-danger:hover {
  background: #dc3545;
  color: #FFFFFF;
}
.btn.btn-outline-danger:hover i, .btn.btn-outline-danger:hover img {
  fill: #FFFFFF;
}
.btn.btn-outline-warning {
  border: 2px solid #fdba34;
  color: #fdba34;
}
.btn.btn-outline-warning:hover {
  background: #fdba34;
  color: #FFFFFF;
}
.btn.btn-outline-warning:hover i, .btn.btn-outline-warning:hover img {
  fill: #FFFFFF;
}
.btn.btn-link {
  color: #3674b0;
}

.btn-checkout {
  width: 320px;
}

.btn.btn-play {
  background: #90bc56;
  color: #FFFFFF;
  padding: 0;
}
.btn.btn-play:hover {
  background: rgba(0, 0, 0, 0.5) !important;
}
.btn.btn-play em {
  margin-left: 1rem;
}

.addNew {
  margin: 0px !important;
  z-index: 1;
  position: relative;
}

/* #Search Fields ================================================== */
#tripPlannerSearch {
  background-image: url(images/input-search.png);
  background-image: -webkit-image-set(url(images/input-search.png) 1x, url(images/icon_search.png) 2x);
  background-image: -moz-image-set(url(images/input-search.png) 1x, url(images/icon_search.png) 2x);
  background-image: -o-image-set(url(images/input-search.png) 1x, url(images/icon_search.png) 2x);
  background-image: -ms-image-set(url(images/input-search.png) 1x, url(images/icon_search.png) 2x);
  background-repeat: no-repeat;
  background-position: right 7px;
  width: 678px;
}

#searchSort {
  background-image: url(images/input-search.png);
  background-image: -webkit-image-set(url(images/input-search.png) 1x, url(images/icon_search.png) 2x);
  background-image: -moz-image-set(url(images/input-search.png) 1x, url(images/icon_search.png) 2x);
  background-image: -o-image-set(url(images/input-search.png) 1x, url(images/icon_search.png) 2x);
  background-image: -ms-image-set(url(images/input-search.png) 1x, url(images/icon_search.png) 2x);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  padding: 8px 10px 8px 30px;
  margin: 0px 0px;
  width: 2px;
  max-width: 100%;
  transition-duration: 0.3s;
  position: absolute;
  z-index: 100;
  right: 10px;
  top: 0px;
  display: block;
  outline: none;
  font-weight: normal;
  border: 1px solid #ccc;
}

#searchSort:hover {
  border: 1px solid #aaa;
  z-index: 100;
  position: absolute;
}

#searchSort:focus,
#searchSort:active {
  width: 250px !important;
  z-index: 100;
  position: absolute;
}

header .search {
  position: relative;
}

header .search > i {
  position: absolute;
  top: 0.75rem;
  margin-left: 1rem;
  color: #999;
  font-size: 1.25em;
  left: 0.75rem;
}

#searchMain {
  width: 100%;
  text-indent: 1.75rem;
  margin-bottom: 0;
}

/* #loginAsWrap ==================================================*/
#loginAsWrap {
  z-index: 1000;
}

/* login as widget */
#loginAs {
  display: none;
  padding: 10px;
  background-color: #fff;
}

/* #loginAsWrap:hover #loginAs{display:block;} */
#loginAsWrap h2 {
  margin: 0;
  display: block;
  background: #f7f7f7;
  border-bottom: solid 1px #ececec;
  border-radius: 0px 0px 2px 2px;
  color: #46aacd;
  height: 38px;
  line-height: 38px;
  padding: 0 10px;
  font-size: 10pt;
  text-align: left;
  border-left: solid 1px #c8c8c8;
  font-weight: bold;
}

ul.contentSearchDiv {
  z-index: 10000000 !important;
  padding: 10px;
  margin: 0px;
  display: block;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

ul.contentSearchDiv > div > h4 {
  padding: 0px 10px;
  margin: 20px 0px 0px 0px;
  font-size: 14pt;
  display: block;
  clear: both;
}

ul.contentSearchDiv li a div,
ul.contentSearchDiv li a {
  font-size: 11pt;
}

ul.contentSearchDiv li a div span {
  font-size: 10pt;
}

ul.contentSearchDiv li {
  clear: both;
}

ul.contentSearchDiv li a div.gvImageTd {
  float: left;
}

ul.contentSearchDiv li a div.gvImageTd img {
  width: 36px;
  height: 36px;
  margin: 3px 6px;
}

.btnRemove {
  display: block;
  width: 16px;
  height: 16px;
  background: url(../css/images/close-smaller.png) 0px 0px no-repeat;
  margin: 8px 0px 0px 0px;
  cursor: pointer;
  float: left;
}

.filter {
  margin-bottom: 1rem;
}

.form-group.has-error .form-control {
  border: 2px solid #dc3545;
}

#cboxClose {
  color: #FFFFFF;
}

.margin-auto {
  margin: auto !important;
  float: none !important;
}

.material-icons.x2 {
  font-size: 48px;
}
.material-icons.x3 {
  font-size: 64px;
}
.material-icons.x4 {
  font-size: 96px;
}

input[type=checkbox], input[type=radio] {
  padding: 0;
}

.alert-default {
  color: #3674b0;
  background-color: #EAEDEF;
  border-color: transparent;
  font-size: 0.875rem;
}
.alert-default label {
  color: #3674b0;
}
.alert-default p {
  font-size: 0.875rem;
}

.buttonGroup {
  display: flex;
}
.buttonGroup .btn-primary {
  margin-left: auto;
}

.help-block {
  font-size: 0.75rem;
  margin: 0.25rem auto 0;
}

.modal-content {
  border-radius: 1rem;
  border: none;
  box-shadow: none;
}

.modal-header {
  padding: 1.5rem 1.25rem 1.25rem 1.25rem;
  border-bottom: none;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  background: rgba(234, 237, 239, 0.5);
}

.modal-body {
  padding: 1.5rem;
}
.modal-body ul {
  padding: 0;
}

.modal-footer {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  border-top-color: #EAEDEF;
}

/* === 1.3 Placeholders and Selection === */
::-webkit-input-placeholder {
  font-size: 1rem;
  font-weight: 400;
  color: #ACACAC;
}

::-moz-placeholder {
  font-size: 1rem;
  font-weight: 400;
  color: #ACACAC;
}

:-moz-placeholder {
  font-size: 1rem;
  font-weight: 400;
  color: #ACACAC;
}

:-ms-input-placeholder {
  font-size: 1rem;
  font-weight: 400;
  color: #ACACAC;
}

::-moz-selection {
  background: #90bc56;
  color: #FFFFFF;
}

::selection {
  background: #90bc56;
  color: #FFFFFF;
}

img {
  max-width: 100%;
}
img.img-fluid {
  padding: 0;
  width: 100%;
}
img.img-fluid .module_100023 a figure img {
  width: 100%;
}

a {
  color: #3674b0;
}
a:hover {
  color: #2a5a89;
}

a,
.btn,
.button,
:after,
:before {
  transition: all 0.3s ease;
  text-decoration: none;
}

a,
button,
input[type=submit],
input[type=button] {
  cursor: pointer;
}

.bg-primary-dark {
  background: #3674b0;
  color: #FFFFFF;
}

.bg-primary {
  background: #3674b0 !important;
  color: #FFFFFF;
}

.bg-primary-light {
  background: #EAEDEF;
  color: #FFFFFF;
}

.bg-accent {
  background: #90bc56;
}

.bg-primary-text {
  background: #171717;
  color: #FFFFFF;
}

.bg-primary-text-light {
  background: #FFFFFF;
  color: #171717;
}

.bg-secondary {
  background: #CDD4D9;
  color: #FFFFFF;
}

.bg-warning {
  color: #FFFFFF;
}

.bg-divider {
  background: #F9FAFC;
}

html,
body {
  background: #FFFFFF;
  -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: "Roboto", sans-serif;
}
body.primary-background-light {
  background: #EAEDEF;
}
body.primary-background-dark {
  background: #3674b0;
}

main {
  background: #EAEDEF;
}

body.systemchangerequests .search-sidebar {
  display: none !important;
}

.nav-item > i {
  padding: 0.75rem 0.5rem;
}

.nav-link > i {
  padding: 0;
}

.newMessage {
  background-color: #f1f1f1;
  padding: 10px !important;
}

.notesDetails .message {
  padding: 0.5rem 1rem;
  border-bottom: none;
  background: rgba(234, 237, 239, 0.875);
  border-radius: 0.5rem;
  margin: 0 0 0.25rem 0;
}

/* #userMenuSettings div ================================================ */
#branding {
  position: relative;
  z-index: 100;
  order: 1;
}
#branding .logo {
  background: url(images/logo-draftline-100.png) no-repeat;
  background-size: contain;
  overflow: hidden;
  text-indent: -1000px;
  margin: 0;
}

footer .logo {
  text-indent: 0px;
  background: none;
}

/* #nav (main Nav) ================================================ */
nav {
  display: block;
  padding: 0px;
  margin: 0px;
  position: relative;
  z-index: 3;
}

/*
nav ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	background-color: #fff;
}

nav ul li {
	display: block;
	line-height: 38px;
	width: 117.75px;
	padding: 0px;
	border-bottom: solid 2px #333333;
	background-color: #fff;
	text-align: center;
	margin-bottom: 0;
}

nav ul li {
	width: auto;
	padding: 0;
}

nav ul li a {
	display: block;
	text-decoration: none;
	width: auto;
	font-size: 15px;
	font-weight: normal;
	padding: 0px 14px;
	margin: 0px;
	background: #ffffff;
	color: #333;
}

nav ul li a.active,
nav ul li a:hover {
	color: #fff !important;
	background-color: #333;
	text-decoration: none;
	margin: 0px;
}

nav li ul {
	float: left;
	width: 240px;
	opacity: 0;
	position: absolute;
	z-index: 9999;
	visibility: hidden;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

nav li:hover ul {
	opacity: 1;
	visibility: visible;
	position: absolute;
	z-index: 9999;
}

nav li:hover > a {
	color: #fff;
	background-color: #333;
}

nav li > a:hover {
	color: #fff;
	background-color: #333;
}

nav li ul li {
	float: none;
	width: 100%;
	text-align: left;
	background-color: #333333;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #000000;
}

nav li ul a {
	background: #333333;
	padding: 0px 0px 0px 20px !important;
	color: #ccc !important;
}

nav li ul a:hover {
	background: #454545;
	padding: 0px 0px 0px 20px;
}

nav ul li:first-child a {
}

nav ul li:last-child a {
}
header============================================ */
/* #Secondary Navigation (Top Nav) ====================== */
#topNav {
  order: 3;
}
#topNav a {
  /*	color: #999;
  	display: block;
  	padding: 7px 12px;
  	text-align: left;
  	text-decoration: none;
  	font-size: 10pt;
  	-webkit-transition: all 0.25s ease;
  	-moz-transition: all 0.25s ease;
  	-ms-transition: all 0.25s ease;
  	-o-transition: all 0.25s ease;
  	transition: all 0.25s ease;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
      */
}
/*
li.settings {
	width: 300px;
	float: left;
}

li a.settings {
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0px !important;
	width: 36px;
	height: 36px;
}
*/
li a.settings:hover {
  opacity: 0.75;
}

li.settings span {
  display: block;
  margin: 10px 0px 0px 50px;
}

li.settings small {
  display: block;
  margin: 0px 0px 0px 10px;
}

li.settings figure {
  border: none;
  margin: 0px;
  padding: 0px;
}

/* ================================================ */
/* ================================================ */
/* #Page Styles ================================================ */
/* #Section ================================================ */
section {
  margin: 1rem 0rem 2rem;
  padding: 0;
}
section > h1 {
  margin: 0px;
  padding: 0px 0px 0px 10px;
}

/* #article ================================================ */
body article {
  padding: 1rem;
  position: relative;
}
body article h1 {
  padding: 0 1rem;
  margin: 0;
  line-height: 3rem;
  font-size: 22pt;
  text-transform: capitalize;
  background: #3674b0;
  color: #FFFFFF;
  border-radius: 0.5rem;
  width: 100%;
}
body article h1.green {
  background: #90bc56;
  color: #FFFFFF;
  border-radius: 0.75rem;
  padding: 0 1rem;
}
body.login article h1, body.supplies article h1 {
  color: #3674b0;
  background: #FFFFFF;
}

article.main #activity-feed {
  position: relative;
}
article.main #activity-feed .topnavDefault {
  border-radius: 0.75rem;
}
article.main #activity-feed .entries .date {
  border-radius: 0.75rem;
}
article.main #activity-feed .entries .date:hover {
  background: #bcc1c6;
  cursor: pointer;
}
article.main #activity-feed .entries .entry .trip-status-row {
  justify-content: space-between;
}
article.main #activity-feed .entries .entry .trip-status-row .trip-status {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

span.infotxt {
  color: #fff !important;
  font-weight: normal;
  padding: 0px 0px 0px 10px;
}

article div.panel {
  border-bottom: 1px solid #dddddd;
}

article div.panel h4 {
  margin: 0px;
  padding: 25px 0px 5px 0px;
}

.headerbuttons {
  margin-left: 32px;
}

.headerbuttons a.button,
.headerbuttons span {
  text-decoration: none;
  display: inline-block;
  line-height: 0.2;
}

.headerbuttons span {
  font-size: 1.4em;
  padding-left: 16px;
  padding-right: 16px;
}

.headerbuttons a:hover {
  font-weight: normal;
}

body.tripsschedule aside label.fieldDescr {
  padding: 8px 32px;
  font-size: 1.2em;
}

.cblTechnicians,
.cblTechnicians tbody {
  width: 100%;
}
.cblTechnicians tr,
.cblTechnicians tbody tr {
  display: block;
  padding: 0.25rem;
  border-top: 1px solid #F9FAFC;
}

.columns > h4,
.summary > h4 {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0.75rem 1rem;
  text-transform: capitalize;
  border-radius: 0.75rem;
  font-size: 1.25rem;
}

.summary > .wrap {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0.5rem 1rem;
  text-transform: capitalize;
  border-radius: 0.75rem;
  font-size: 1.25rem;
}
.summary > .wrap h4 {
  margin: 0;
  font-size: 1.25rem;
}
.summary > .wrap .btn {
  margin-left: auto;
}

.columns .FormButtons,
.summary .FormButtons {
  clear: both;
  text-align: right;
  float: right;
  margin: -5px 5px 0px 0px;
}

#ctl00_main_radAjax .FormButtons {
  clear: both;
  text-align: right;
  float: right;
  margin: -5px 5px 0px 0px;
}

#lastedit {
  align-self: flex-end;
}

.summaryDetails {
  padding: 0px;
  -tmp-max-height: 305px;
  -tmp-overflow: auto;
}

body.reports .summaryDetails {
  margin: 1rem 0px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
body.reports .summaryDetails .columns, body.reports .summaryDetails .column {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.summaryDetails div div.avatarImage img.avatar {
  width: 128px;
  height: 128px;
}

.summaryDetails div div.avatarImage a.avatarChange {
  display: none;
  position: absolute;
  z-index: 100;
  color: #3674b0;
  background-color: #FFFFFF;
  padding: 3px 10px;
  margin: 0px;
  font-size: 10pt;
  margin-left: 15px;
  margin-top: -40px;
}

.summaryDetails div div.avatarImage:hover a.avatarChange {
  display: block;
}

.summarySml.workingDay span,
.summaryAvr.workingDay span,
.summaryBig.workingDay span {
  display: block;
}

.summarySml.workingHrs span:nth-child(even) {
  border-bottom: 1px solid #ddd;
}

.summarySml.workingHrs span:nth-child(odd) {
  border-bottom: 1px solid #ccc;
}

.summaryAvr.workingHrs span:nth-child(even) {
  border-bottom: 1px solid #ddd;
}

.summaryAvr.workingHrs span:nth-child(odd) {
  border-bottom: 1px solid #ccc;
}

.summaryBig.workingHrs span:nth-child(even) {
  border-bottom: 1px solid #ddd;
}

.summaryBig.workingHrs span:nth-child(odd) {
  border-bottom: 1px solid #ccc;
}

.summarySml.workingDay span:nth-child(even) {
  border-bottom: 1px solid #ddd;
}

.summarySml.workingDay span:nth-child(odd) {
  border-bottom: 1px solid #ccc;
}

.summaryAvr.workingDay span:nth-child(even) {
  border-bottom: 1px solid #ddd;
}

.summaryAvr.workingDay span:nth-child(odd) {
  border-bottom: 1px solid #ccc;
}

.summaryBig.workingDay span:nth-child(even) {
  border-bottom: 1px solid #ddd;
}

.summaryBig.workingDay span:nth-child(odd) {
  border-bottom: 1px solid #ccc;
}

.summarySml.workingHrs span.separate {
  border-bottom: none;
}

.summarySml.workingHrs span,
.summaryAvr.workingHrs span,
.summaryBig.workingHrs span {
  display: inline-block;
  margin: 0 5px 0px 5px;
  padding: 3px;
}

#main_cntSurvey_pnlStatusButtons {
  padding-top: 15px;
}

.panelFormLong {
  float: left;
  display: block;
  width: 460px;
  height: auto;
  margin: 0px 0px 0px 10px;
}

.panelForm600 {
  float: left;
  display: block;
  width: 600px;
  height: auto;
  margin: 0px 0px 0px 10px;
}

.panelForm600 > .FormElement > textarea.AddNewName {
  width: 100%;
  box-sizing: border-box;
}

.panelForm.mrg5 {
  margin: 0px 0px 0px 5px;
}

.FormElement {
  float: left;
  display: block;
  width: 100%;
  height: auto;
}

.FormElement span {
  color: #888888;
}

.FormButtons {
  clear: both;
  -tmp-margin: -5px 5px 0px 0px;
}

.FormElementInline {
  float: left;
  display: block;
  margin: 0px 10px 0px 0px;
  height: auto;
}

.panelFormSmall {
  float: left;
  display: block;
  width: 152px;
  height: auto;
}

.addeditscheduledreport.popup .popup_container .panelForm.omega {
  margin-left: 60px;
}

/* ================================================ */
/* #SideBar ================================================ */
aside {
  position: relative;
  min-height: 350px;
  padding: 1rem;
}

aside#aside {
  border-radius: 1rem;
  padding: 0;
}
aside#aside .btn.search {
  font-family: "Material Icons" !important;
  line-height: 1 !important;
  text-transform: none !important;
  position: absolute;
  margin: 0;
  right: 2px;
  top: 0;
  height: 100%;
  width: 50px;
  color: #3674b0;
  background: transparent;
  border-radius: 12px;
}
aside#aside .btn.search:hover {
  color: #171717;
  transform: scale(1.125);
}
aside#aside .sidebar-search {
  /*input.form-control {
      margin: 0;
      height: 54px;
  }*/
}

article#main {
  width: calc(100% - 32px);
  border-radius: 0.75rem;
  background: #FFFFFF;
}

aside + article#main {
  width: calc(100% - 413px);
  border: none;
}

@media all and (min-width: 768px) {
  aside#aside {
    max-width: 320px;
  }
  aside + article#main {
    width: calc(100% - 358px);
  }
}
@media all and (min-width: 1024px) {
  aside#aside {
    max-width: 375px;
  }
  aside + article#main {
    width: calc(100% - 413px);
  }
}
body.dlt-body.login article#main {
  background: transparent;
}
body.dlt-body.login main.container-fluid {
  min-height: calc(100vh - 80px);
}

aside.complementary > #gridContent #side_tbDate.dp.hasDatepicker {
  display: inline-block;
}

/* #SideBar Styles ================================================ */
.addNewObject {
  padding: 0px;
  margin: 0px;
}

.newContentObjectWrapper {
  position: absolute;
  margin-top: 4rem;
  margin-left: 1rem;
}
.newContentObjectWrapper .card {
  padding: 1rem;
}

.newContentObject {
  background: #f8f9fa;
  display: none;
  margin: 0px;
  position: relative;
  min-width: 375px;
  max-width: 1024px;
  z-index: 100000;
  padding: 0.5rem;
  border: 2px solid #bdc6d0;
  border-radius: 1rem;
}

.divSort select {
  margin-bottom: 0;
}

/* #Footer Styles ================================================ */
footer {
  background: #f7f7f7;
  border-top: 1px solid #ddd;
  position: relative;
}
footer .logo {
  max-height: 30px;
  margin-right: 10px;
  border-right: 1px solid #ccc;
  display: block;
  float: left;
  width: 150px;
}
footer .copy {
  display: block;
  float: left;
  color: #999;
  line-height: 30px;
}
footer a {
  color: #999;
  display: block;
  padding: 0.5rem 1rem;
  text-align: left;
  text-decoration: none;
  transition: all 0.25s ease;
}
footer ul {
  list-style: none;
  margin: 0px auto;
  padding: 0px;
}
footer ul li {
  margin: 0 1rem 0 0;
  padding: 0;
  color: #999;
}
footer ul li.logo {
  display: block;
}
footer ul li:hover a {
  background-color: #fff;
  color: #333;
}
footer ul li ul {
  float: left;
  width: 190px;
  margin-left: 0;
  opacity: 0;
  position: absolute;
  margin-top: -120px;
  visibility: hidden;
  z-index: 1;
  transition: all 0.25s ease;
}
footer ul li ul li {
  float: none;
  width: 100%;
  text-align: left;
  background-color: #f2f2f2;
  margin: 0px;
}
footer ul li:hover ul {
  opacity: 1;
  visibility: visible;
}

footer li ul a:hover {
  background: #3674b0;
  color: #fff;
}

footer > ul > li:hover > ul {
  bottom: 100%;
  border-bottom: 1px solid transparent;
}

.footerSubMenu {
  opacity: 0;
  position: absolute;
  bottom: 0px;
  visibility: hidden;
  width: 950px;
  left: 50%;
  margin-left: -480px;
  height: 220;
  z-index: 1;
  transition: all 0.25s ease;
}

footer .footerSubMenu {
  visibility: visible;
  opacity: 1;
  bottom: 31px;
}

/* ================================================ */
/* Main Content Styles for Locations Page ================================================*/
/* #contextMenu */
#contextMenu {
  position: absolute;
}

#contextMenu ul {
  height: auto;
  padding: 0px;
  margin: 0px;
  width: 132px;
  background: #282828;
}
#contextMenu ul li {
  margin: 0px;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-size: 12pt;
  font-weight: 500;
  color: #F8F8F8;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: 500;
  letter-spacing: -0.05px;
}
#contextMenu ul li:hover {
  background-color: #000000;
  color: #FFFFFF;
}
#contextMenu ul li i {
  font-size: 16px;
  margin-right: 12px;
}
#contextMenu ul li a {
  text-decoration: none;
  padding: 0px 0px 0px 20px;
}
#contextMenu ul li a:hover {
  text-decoration: none;
}

.systems .loctd,
.systems .systd,
.systems .statd,
.systems .towtd,
.systems .fautd {
  background: #EEEEEE;
  width: 100%;
  max-width: 20%;
}
.systems .loctd h3,
.systems .systd h3,
.systems .statd h3,
.systems .towtd h3,
.systems .fautd h3 {
  padding: 0.5rem;
  margin: 0;
  font-size: 1.25rem;
  color: #171717;
  font-weight: 400;
  min-height: 50px;
}
.systems .loctd table.GridTable,
.systems .systd table.GridTable,
.systems .statd table.GridTable,
.systems .towtd table.GridTable,
.systems .fautd table.GridTable {
  width: 100%;
}
.systems .loctd table.GridTable tbody tr,
.systems .systd table.GridTable tbody tr,
.systems .statd table.GridTable tbody tr,
.systems .towtd table.GridTable tbody tr,
.systems .fautd table.GridTable tbody tr {
  padding: 0.5rem;
  border-radius: 0px;
}
.systems .loctd table.GridTable tbody tr td,
.systems .systd table.GridTable tbody tr td,
.systems .statd table.GridTable tbody tr td,
.systems .towtd table.GridTable tbody tr td,
.systems .fautd table.GridTable tbody tr td {
  width: 100%;
}
.systems .loctd table.GridTable tbody tr td .row-actions,
.systems .systd table.GridTable tbody tr td .row-actions,
.systems .statd table.GridTable tbody tr td .row-actions,
.systems .towtd table.GridTable tbody tr td .row-actions,
.systems .fautd table.GridTable tbody tr td .row-actions {
  position: relative;
}
.systems .loctd table.GridTable tbody tr td .hideUnhideImg,
.systems .systd table.GridTable tbody tr td .hideUnhideImg,
.systems .statd table.GridTable tbody tr td .hideUnhideImg,
.systems .towtd table.GridTable tbody tr td .hideUnhideImg,
.systems .fautd table.GridTable tbody tr td .hideUnhideImg {
  position: absolute;
  right: 0.25rem;
  bottom: 0.25rem;
}
.systems .loctd table.GridTable tbody tr.selected, .systems .loctd table.GridTable tbody tr:hover,
.systems .systd table.GridTable tbody tr.selected,
.systems .systd table.GridTable tbody tr:hover,
.systems .statd table.GridTable tbody tr.selected,
.systems .statd table.GridTable tbody tr:hover,
.systems .towtd table.GridTable tbody tr.selected,
.systems .towtd table.GridTable tbody tr:hover,
.systems .fautd table.GridTable tbody tr.selected,
.systems .fautd table.GridTable tbody tr:hover {
  background: #3674b0;
}
.systems .loctd table.GridTable tbody tr.selected span, .systems .loctd table.GridTable tbody tr.selected small, .systems .loctd table.GridTable tbody tr.selected big, .systems .loctd table.GridTable tbody tr.selected i, .systems .loctd table.GridTable tbody tr.selected div, .systems .loctd table.GridTable tbody tr:hover span, .systems .loctd table.GridTable tbody tr:hover small, .systems .loctd table.GridTable tbody tr:hover big, .systems .loctd table.GridTable tbody tr:hover i, .systems .loctd table.GridTable tbody tr:hover div,
.systems .systd table.GridTable tbody tr.selected span,
.systems .systd table.GridTable tbody tr.selected small,
.systems .systd table.GridTable tbody tr.selected big,
.systems .systd table.GridTable tbody tr.selected i,
.systems .systd table.GridTable tbody tr.selected div,
.systems .systd table.GridTable tbody tr:hover span,
.systems .systd table.GridTable tbody tr:hover small,
.systems .systd table.GridTable tbody tr:hover big,
.systems .systd table.GridTable tbody tr:hover i,
.systems .systd table.GridTable tbody tr:hover div,
.systems .statd table.GridTable tbody tr.selected span,
.systems .statd table.GridTable tbody tr.selected small,
.systems .statd table.GridTable tbody tr.selected big,
.systems .statd table.GridTable tbody tr.selected i,
.systems .statd table.GridTable tbody tr.selected div,
.systems .statd table.GridTable tbody tr:hover span,
.systems .statd table.GridTable tbody tr:hover small,
.systems .statd table.GridTable tbody tr:hover big,
.systems .statd table.GridTable tbody tr:hover i,
.systems .statd table.GridTable tbody tr:hover div,
.systems .towtd table.GridTable tbody tr.selected span,
.systems .towtd table.GridTable tbody tr.selected small,
.systems .towtd table.GridTable tbody tr.selected big,
.systems .towtd table.GridTable tbody tr.selected i,
.systems .towtd table.GridTable tbody tr.selected div,
.systems .towtd table.GridTable tbody tr:hover span,
.systems .towtd table.GridTable tbody tr:hover small,
.systems .towtd table.GridTable tbody tr:hover big,
.systems .towtd table.GridTable tbody tr:hover i,
.systems .towtd table.GridTable tbody tr:hover div,
.systems .fautd table.GridTable tbody tr.selected span,
.systems .fautd table.GridTable tbody tr.selected small,
.systems .fautd table.GridTable tbody tr.selected big,
.systems .fautd table.GridTable tbody tr.selected i,
.systems .fautd table.GridTable tbody tr.selected div,
.systems .fautd table.GridTable tbody tr:hover span,
.systems .fautd table.GridTable tbody tr:hover small,
.systems .fautd table.GridTable tbody tr:hover big,
.systems .fautd table.GridTable tbody tr:hover i,
.systems .fautd table.GridTable tbody tr:hover div {
  color: #FFFFFF;
}
.systems .loctd table.GridTable tbody tr.selected .text-muted, .systems .loctd table.GridTable tbody tr:hover .text-muted,
.systems .systd table.GridTable tbody tr.selected .text-muted,
.systems .systd table.GridTable tbody tr:hover .text-muted,
.systems .statd table.GridTable tbody tr.selected .text-muted,
.systems .statd table.GridTable tbody tr:hover .text-muted,
.systems .towtd table.GridTable tbody tr.selected .text-muted,
.systems .towtd table.GridTable tbody tr:hover .text-muted,
.systems .fautd table.GridTable tbody tr.selected .text-muted,
.systems .fautd table.GridTable tbody tr:hover .text-muted {
  color: #FFFFFF !important;
}

/* ================================================ */
/* #Icons Styles ================================================ */
.editIcons {
  margin-left: auto;
  display: flex;
  justify-content: end;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  z-index: 101;
}
.editIcons ul {
  display: flex;
  margin: 0px;
  padding: 0px;
}
.editIcons a, .editIcons input[type=submit] {
  background: #FFFFFF;
}

/*
.editIcons ul li a.tripScheduler {
	background: url(../css/images/icon-trip-scheduler.png) 0px 0px no-repeat;
}

.editIcons ul li a.tripScheduler.disabled {
	background: url(../css/images/icon-trip-scheduler.png) 0px 0px no-repeat;
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	cursor: default;
}

.editIcons ul li a.tripTechnician {
	background: url(../css/images/icon-trip-technician.png) 0px 0px no-repeat;
}

.editIcons ul li a.tripTechnician.disabled {
	background: url(../css/images/icon-trip-technician.png) 0px 0px no-repeat;
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	cursor: default;
}

.editIcons ul li a.editUser {
	background: url(../css/images/icon-user-big.png) 0px 0px no-repeat;
}

.editIcons ul li a.deactivateUser {
	background: url(../css/images/icon-deactivate.png) 0px 0px no-repeat;
}

.editIcons ul li a.activateUser {
	background: url(../css/images/icon-activate.png) 0px 0px no-repeat;
}

.editIcons ul li a.newAccount {
	background: url(../css/images/icon-new-user.png) 0px 0px no-repeat;
}

.editIcons ul li a.newLocation {
	background: url(../css/images/icon-new-location.png) 0px 0px no-repeat;
}

.editIcons ul li a.importAccount {
	background: url(../css/images/icon-import-account.png) 0px 0px no-repeat;
}

.editIcons ul li a.generateReport {
	background: url(../css/images/icon-reports.png) 0px 0px no-repeat;
}

.editIconsAddNew {
	float: left;
	margin: 0 1em;
	right: 75px;
	top: 10px;
	z-index: 1;
}


div.editIcons ul li > input#main_btnAddNew,
div.editIcons ul li > input#main_btnAddNew1 {
	margin-left: -100px;
	margin-top: 0px;
}

.canceltrip {
	background: url(../css/images/icon-cancel-white.png) 0px 0px no-repeat;
}

.reactivatetrip {
	background: url(../css/images/icon-reactivate.png) 0px 0px no-repeat;
}

.viewrecurparent {
	background: url(../css/images/icon-reccur.png) 0px 0px no-repeat;
}
*/
/* #Custom Page Layouts & Elements ================================================ */
/* #Page Layout Trip List Technicians ================================================ */
.editIcons .eventLogToggle {
  position: relative;
  z-index: 101;
  display: block !important;
}

.editIcons ul.open li {
  display: none;
}

.eventsLogWrapper {
  background: #FFFFFF;
  position: absolute;
  top: 3.5rem;
  right: 1rem;
  margin: 0px auto;
  z-index: 1;
  display: none;
}
.eventsLogWrapper .card-header {
  padding: 0;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  overflow: hidden;
}
.eventsLogWrapper .card-body {
  padding: 0.5rem;
  background-color: rgba(0, 0, 0, 0.05);
}
.eventsLogWrapper h4 {
  background-color: #3674b0;
  color: #FFFFFF;
  padding: 1rem;
}
.eventsLogWrapper .eventsLog .entry {
  background: #FFFFFF;
  border-radius: 0.75rem;
}
.eventsLogWrapper .eventsLog .entry .entry-content {
  width: calc(100% - 54px);
}
.eventsLogWrapper .eventsLog .entry .entry-content .feed-icon {
  bottom: 0.5rem;
  right: 0.5rem;
}
.eventsLogWrapper .eventsLog .entry .entry-content .location .aloc {
  font-size: 1.125rem;
}

.eventsLog {
  max-height: 500px;
  overflow: auto;
  min-height: 90px;
}

.RadAjaxPanel div.four.columns {
  width: 215px;
}

/*
.RadAjaxPanel > div > div:nth-child(4n) {
    margin-right: 0px!important;
}
*/
.trip-list {
  background-color: #F9FAFC;
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.15);
  transition: all 0.1s ease-in-out;
  margin: 0 1rem 1rem 0;
  border-radius: 0.75rem;
}
.trip-list:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}
.trip-list .header {
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}
.trip-list .header .technican-name {
  font-size: 1.125rem;
  color: #171717;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.trip-list .header .user-email {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.trip-list .header.open {
  border-bottom: 1px solid #ddd;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  z-index: 1;
  background: #3674b0;
  color: #FFFFFF;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.trip-list .header.open a, .trip-list .header.open span, .trip-list .header.open small, .trip-list .header.open i:before {
  color: #FFFFFF !important;
}

.trip-list .header i.mi:before {
  content: "expand_more";
  display: block;
  font: normal normal normal 14px/1 "Material Icons";
  font-size: 20pt;
  speak: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.trip-list .header.open i.mi:before {
  content: "expand_less";
}

.trip-list ul.ul-trips {
  padding: 0;
  overflow: hidden;
}
.trip-list ul.ul-trips li {
  cursor: pointer;
  background-color: #EAEDEF;
  border-bottom: 1px solid #C3C4C5;
}
.trip-list ul.ul-trips li:hover {
  background-color: #FFFFFF;
}
.trip-list ul.ul-trips li a {
  text-decoration: none;
  cursor: pointer;
}
.trip-list ul.ul-trips li div.trip-data-holder {
  width: calc(100% - 64px);
}
.trip-list ul.ul-trips li p {
  display: block;
  margin: 0px;
  padding: 0px;
}
.trip-list ul.ul-trips li p span {
  font-weight: 400;
}
.trip-list ul.ul-trips li p.trip-name {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  margin-bottom: 0.25rem;
  width: calc(100% - 125px);
}
.trip-list ul.ul-trips li p.trip-name > a:hover {
  text-decoration: underline !important;
}
.trip-list ul.ul-trips li p.location {
  display: block;
  font-weight: 500;
}
.trip-list ul.ul-trips li p.location a {
  color: #171717;
}
.trip-list ul.ul-trips li .feed-icon {
  right: 0.25rem;
  bottom: 0.25rem;
  position: absolute;
}
.trip-list ul.ul-trips li .feed-icon img {
  width: 24px;
}
.trip-list ul.ul-trips li .time {
  font-size: 0.875rem;
  font-weight: 500;
  width: 125px;
}
.trip-list ul.ul-trips li:nth-last-child(1) {
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.trip-list ul.ul-trips li div.dragndrop {
  display: none;
  position: absolute;
  right: 0.25rem;
  bottom: 1rem;
  height: 24px;
  width: 24px;
  cursor: grab;
}
.trip-list ul.ul-trips li div.dragndrop:before {
  content: "drag_indicator";
  font-family: "Material Icons";
  font-size: 24px;
  color: #6c757d;
  width: 24px;
  height: 24px;
}
.trip-list ul.ul-trips li:hover .dragndrop {
  display: block;
}

/* Supplies - Products Page Elements  ================================================ */
.trip-list .controls a.collapse,
.trip-list .controls a.expand {
  display: block;
  cursor: pointer;
  text-decoration: none;
  font-size: 3em;
  padding: 0.2em 0em;
}

.dragHoverIn {
  border: 2px solid #000000 !important;
}

ul.ul-trips .checkmark {
  border-radius: 50%;
  width: 64px;
  height: 64px;
  margin: 1rem 0.5rem;
  transition: transform 0.3s ease-out, background-image 0.3s ease-out;
  backface-visibility: hidden;
  background: #99cc00;
  position: absolute;
  left: 0;
  top: 0px;
  transform: rotateY(180deg);
}
ul.ul-trips a.image {
  overflow: hidden;
  width: 64px;
  height: 64px;
}
ul.ul-trips a.image.selected .selected {
  cursor: pointer;
}
ul.ul-trips a.image.selected .checkmark {
  transform: rotateY(360deg);
}
ul.ul-trips a.image.selected .checkmark:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  content: "checkmark";
  color: #FFFFFF;
  font-size: 2rem;
  padding: 0.35em;
}

/* #Reports Page Elements  ================================================*/
.reportItem {
  margin: 0px 0px 30px 0px;
  padding: 0px;
  display: block;
  clear: both;
  height: 96px;
}

.reportItem > h4 {
  background-color: #f1f1f1;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0px;
  padding: 10px;
  line-height: 20px;
}

.reportItem p.reportDesc {
  font-size: 10pt;
  color: #999;
  float: left;
  margin: 20px 0px 0px 10px;
}

.reportItem a.reportGen {
  text-decoration: none;
  width: 64px;
  height: 64px;
  float: right;
  display: block;
  margin: 10px 0px;
}

/* Supplies - Products Page Elements  ================================================ */
.product {
  min-height: 475px;
  text-align: center;
}
.product img {
  width: 144px;
}

/* Search page - Page Elements  ================================================ */
.searchResultCategory {
  margin: 0px;
  padding: 0px;
}

.searchResultCategory h4 {
  background-color: #f1f1f1;
  font-weight: normal;
  margin: -10px 0 10px 0px;
  padding: 10px;
  text-transform: uppercase;
  line-height: 20px;
}

/* #user Navigation ============================== */
.userImageMenu.dashboard ul li div.arrow {
  position: absolute;
  bottom: 0px;
  left: 81px;
  cursor: pointer;
  background: url(../css/images/arrow-user-image.png) center center no-repeat;
  width: 20px;
  height: 20px;
  z-index: 1;
}

.userImageMenu.dashboard img {
  border: 0;
  width: 96px;
  height: 96px;
  float: left;
  margin: 5px 0px 0px 5px;
}

.userImageMenu.dashboard li:hover ul {
  opacity: 1;
  top: -24px;
  left: 101px;
  visibility: visible;
}

.userImageMenu ul li div.arrow {
  position: absolute;
  bottom: 0px;
  left: 33px;
  cursor: pointer;
  background: url(../css/images/arrow-user-image.png) center center no-repeat;
  width: 20px;
  height: 20px;
  z-index: 1;
}

.userImageMenu {
  float: left;
}

.userImageMenu img {
  border: 0;
  width: 48px;
  height: 48px;
  float: left;
  margin: 5px 0px 0px 5px;
}

.userImageMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.userImageMenu li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  min-width: 24px;
}

.userImageMenu a {
  display: block;
  text-decoration: none;
  transition: all 0.25s ease;
}

.userImageMenu li ul {
  float: left;
  width: 54px;
  height: 24px;
  left: 20px;
  opacity: 0;
  position: absolute;
  top: -24px;
  visibility: hidden;
  z-index: 1;
  transition: all 0.25s ease;
}

.userImageMenu li:hover ul {
  opacity: 1;
  top: -24px;
  left: 53px;
  visibility: visible;
}

.userImageMenu li ul li {
  float: left;
  width: 24px;
  height: 24px;
  text-align: left;
  background-color: #333;
  /*border-top: 1px solid #666666;
                 border-bottom: 1px solid #333333;*/
  display: block;
}

/* ================================================ */
/* #end of user Navigation ======================== */
.userImageMenu ul li a.amsg {
  background: url(../css/images/icon-contact.png) 4px 4px no-repeat;
  padding: 0px 3px;
  margin: 0px;
  width: 24px;
  height: 24px;
}

.userImageMenu ul li a.aprof {
  background: url(../css/images/icon-user-small.png) 4px 4px no-repeat;
  padding: 0px 3px;
  margin: 0px;
  width: 24px;
  height: 24px;
}

.user-events {
  font-size: 0.9em;
}

div.user-fullname {
  margin: 0px;
  padding: 6px 0px 0px 60px;
  font-weight: 500;
}

div.user-fullname a,
div.user-email a {
  text-decoration: none;
}

div.user-fullname a:hover,
div.user-email a:hover {
  text-decoration: none;
}

div.user-email {
  font-size: 0.9em;
  overflow: hidden;
}

.avatar-popup #popupIFrame {
  width: 100% !important;
}

.header-right {
  text-align: right;
}

.header-right a {
  white-space: nowrap;
  text-decoration: none;
}

.header-right a:hover {
  text-decoration: underline;
}

#currentSite {
  /*background: url(../css/images/arrow-down-16.png) right center no-repeat;*/
  cursor: pointer;
}

#currentSite > a {
  padding: 0px !important;
  margin: 0;
}

#currentSite > a > i {
  float: right;
  right: -10px;
  position: relative;
}

#siteListWrapper {
  position: absolute;
  z-index: 199999;
  margin-top: 32px;
  left: 56px;
  top: 28px;
  background-color: #f7f7f7;
  width: 268px;
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
}

#siteListWrapper ul {
  margin: 0px;
  padding: 0px;
  border: 1px solid #fff;
}

#siteListWrapper ul li {
  margin: 0px 0px 1px 0px;
  padding: 3px 10px;
  display: block;
  border-bottom: 1px solid #fff;
  width: 100%;
  box-sizing: border-box;
}

#siteListWrapper ul li:hover {
  background: #fff;
}

#siteListWrapper ul li.selected {
  background-color: #fff;
}

#siteListWrapper ul li > a {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

body.messages .msgBody {
  padding: 25px 10px;
}

body.messages .files > a {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  z-index: 1;
}

body.messages .files > a > i {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  z-index: 2;
  color: #3674b0;
  font-size: 1.5em;
  font-style: normal;
  top: 0px;
  right: 0px;
  padding: 4px;
}

body.messages .files a > i:before {
  content: "\f15b";
}

body.messages .files .png > i:before {
  content: "\f1c5";
}

body.messages .files .jpg > i:before {
  content: "\f1c5";
}

body.messages .files .pdf > i:before {
  content: "\f1c1";
}

body.messages .files .doc > i:before {
  content: "\f1c2";
}

body.messages .files .xsl > i:before {
  content: "\f1c3";
}

body.messages .files a > span {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  width: 80px;
  height: 35px;
  font-size: 10pt;
  background-color: #000;
  color: #fff;
  padding: 5px;
  margin: 0px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

/*
@media only screen and (max-width: 1024px) {
	#branding {
		width: 310px !important;
	}

	.search {
	}

	.container {
	}
	article#main {
		overflow: auto;
	}
	.search > i.md-search {
		display: none;
	}

}
*/
/*
@media all and (max-width: 1280px) and (min-width: 1024px) {
	.search {
		 width: 350px !important;
	}

	.container .seven.columns {
		 width: 350px !important;
	}
}

@media all and (max-width: 1366px) and (min-width: 1280px) {
	header .search {
		width: 450px !important;
	}
}
 */
/*Overwrite*/
.RadScheduler .rsHeader {
  z-index: 1 !important;
}

body.tripsschedule .schedule {
  position: relative;
  z-index: 1;
}

/* ERROR PAGE */
body.errorpage {
  margin: 0;
  padding: 0;
  background-color: #3674b0;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

.error_wrap {
  width: 960px;
  height: 600px;
  margin: 90px auto;
  text-align: center;
}

.error_wrap > i {
  font-size: 5em;
  color: #000;
}

.error_wrap > h1 {
  font-size: 60pt;
  display: block;
  color: #000;
  text-align: center;
}

.error_wrap > h2 {
  font-size: 24pt;
  display: block;
  text-align: center;
  font-weight: normal;
  color: #333;
}

.error_wrap > p > a {
  color: #fff;
  text-decoration: none;
  transition: all 0.25s ease;
}

.error_wrap > p > a:hover {
  font-size: 20pt;
}

.error_wrap > p {
  font-size: 16pt;
  margin-top: 200px;
  color: #333;
}

.errorpage > form > a > h1.logo {
  padding: 20px 100px;
  width: 100% !important;
  min-height: 100px;
  margin: 0px !important;
  background: #fff url(images/logo.png) no-repeat;
  background-position: 10px 20px !important;
  box-sizing: border-box;
}

#blue_hearth {
  padding-top: 150px;
}

#white_hearth {
  float: right;
  margin-top: 45px;
}

/* Edit Parts Popup Window */
.message .files a {
  display: block;
  float: left;
  width: 80px;
  height: 115px;
  text-align: center;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.175);
  font-size: 10px;
  margin: 0 5px;
}

.message .files img {
  width: 64px;
}

img.small {
  width: 48px;
  display: inline-block;
  margin: 3px 1px;
}

#tabsExpenses.ui-tabs .ui-tabs-panel {
  padding: 5px 10px 5px 0;
}

#tabsCheckins.ui-tabs .ui-tabs-panel {
  padding: 0.5rem 0.25rem;
}

#tabsExpenses.ui-tabs .ui-state-default, .ui-widget-content .ui-state-default,
#tabsCheckins.ui-tabs .ui-state-default, .ui-widget-content .ui-state-default {
  width: auto;
  height: auto;
}

.ui-widget-overlay {
  z-index: 10000 !important;
}

.ui-dialog {
  z-index: 10001 !important;
}

.ui-tabs .ui-state-default.ui-corner-top,
.ui-tabs .ui-state-default.ui-corner-bottom {
  border-radius: 0 !important;
  background: #3674b0 !important;
  border: 0;
  border-bottom: 5px solid transparent;
}

#tabsExpenses.ui-tabs li.ui-state-default.ui-corner-top a {
  color: #fff !important;
}

#tabsCheckins.ui-tabs li.ui-state-default.ui-corner-top a {
  color: #fff !important;
}

#tabsExpenses.ui-tabs .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
  border-bottom: 5px solid #fff;
}

#tabsCheckins.ui-tabs .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
  border-bottom: 5px solid #fff;
}

div.searchFilter > div {
  display: inline-block;
  padding: 4px 6px;
}

form > div.searchFilter {
  display: none;
}

th h4 {
  margin: 0;
}

.ui-autocomplete-loading {
  background-image: url(../css/images/loading.gif) !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
}

#searchMain.ui-autocomplete-loading {
  background-image: url(../css/images/loading.gif);
  background-position: center right;
  background-repeat: no-repeat;
}

/*
.eventsLog table.entry td.user-image a img.circleImg {
	width: 56px;
	height: 56px;
	display: block;
}
*/
li.entry .feed-icon {
  right: 2px;
  bottom: 2px;
}

/*
.eventsLog .entry td p img {
	height: 48px;
	margin-right: 5px;
	display: inline-block;
}*/
li.entry .feed-icon mi,
.eventsLog .entry td .feed-icon .mi {
  font-size: 14pt;
}

li.entry .feed-icon img,
.eventsLog .entry td .feed-icon img {
  width: 16px;
}

/*

.eventsLog .entry td.entry-content p {
	margin-right: 60px;
	padding: 0;
	white-space: normal !important;
}
*/
.surveylist .dropzone {
  min-height: 0;
  padding: 2rem 1rem;
  margin: 1rem auto;
  border-radius: 1rem;
  background: rgba(234, 237, 239, 0.5);
  text-align: center;
}

.filesWrapper dl {
  padding: 0.25rem 0.5rem;
  border-bottom: none;
  background: rgba(234, 237, 239, 0.875);
  border-radius: 0.5rem;
  margin: 0 0 0.25rem 0;
  display: flex;
  align-items: center;
}
.filesWrapper dl dt {
  width: 50%;
  flex: 0 0 50%;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filesWrapper dl dd {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  flex: 0 0 50%;
}
.filesWrapper dl dd a {
  padding: 0.25rem;
  font-size: 0.875rem;
}

i.mi, i.btn.mi {
  vertical-align: text-bottom !important;
}

i.mim {
  vertical-align: middle;
}

.btn.mi.clearAll {
  position: absolute;
  right: 1px;
  top: 50%;
  margin-top: -17px;
  color: #6c757d;
  border-radius: 0.5rem;
}
.btn.mi.clearAll:hover {
  background: #6c757d;
  color: #FFFFFF;
}

.sendEmailWrapper {
  padding: 10px;
}

.sendEmailWrapper label small {
  display: block;
}

.technicians .summarySml > img {
  top: 226px !important;
}

table.GridTable.breweryMenu td {
  padding: 0;
}

.breweryMenu tr td a {
  padding: 10px;
  display: block;
}

table.GridTable.breweryMenu tr.selected td a,
table.GridTable.breweryMenu tr td a:hover {
  color: white;
}

.select2-container--default .select2-selection--single {
  background: none;
  border: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0 1rem 0 0;
  overflow: hidden;
  color: #171717;
}

.select2-container--default .select2-selection--single .select2-selection__rendered:focus,
.select2-container--default .select2-selection--single:focus,
select2-container--focus,
.select2-container:focus {
  outline: none !important;
}

.select2-container--default .select2-results__option {
  transition: all 0.15s ease-in-out;
  border-bottom: 1px solid #EAEDEF;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 2px solid #EAEDEF;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #EAEDEF;
  color: #3674b0;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #EAEDEF;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 0px;
}

.select2-container {
  z-index: 10000;
}

.select2-container--open .select2-dropdown--below {
  width: 300px !important;
  border-radius: 3px !important;
  border: 1px solid #ccc !important;
}

.select2-container--open .select2-dropdown {
  left: 0px;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 80vh !important;
}

.select2-results__option {
  margin-bottom: 0;
  padding: 0.5rem;
}

a.button-link {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-left: 1rem;
}

a.button-link:visited {
  color: white;
}

.send-email-popup .panelForm h4 {
  margin: 7px 28px;
}

/*  #Report Styles  ================================================ */
.reportData {
  margin-top: 10px;
}

/*	#Generic Styles ================================================ */
.tc {
  text-align: center;
}

.inline,
input.inline {
  display: inline-block;
  width: auto;
}

.InheritWidthInput input {
  width: inherit;
}

.popup_container .FormButtons {
  position: sticky;
  bottom: 4px;
  margin: 0;
  background-color: #fff;
  left: 0;
  right: 0;
  float: none;
}

#access {
  border-bottom: 2px solid #3674b0;
}

.hidden {
  display: none !important;
}

.side-bar-wrap {
  width: 336px;
}

.divExpenses .signature {
  float: right;
  position: relative;
}

.divExpenses .signature img {
  top: -10px;
  z-index: 3;
  right: -10px;
  height: 39px;
  display: block;
  background-color: #f0f0f0;
  -background-color: transparent;
  transition: all 0.3s ease-in-out;
  position: absolute;
}

.divExpenses .signature:hover img {
  height: 260px;
  -display: none;
  background-color: #f0f0f0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.divExpenses .signature:after {
  content: "signature";
  position: absolute;
  display: block;
  left: -95px;
  font-size: 13pt;
  text-align: center;
  z-index: 4;
  color: transparent;
}

.divExpenses .signature:hover:after {
  color: #666;
}

.divExpenses .signature img.full1 {
  z-index: 3;
  right: 0;
  padding: 10px;
  background: #eee;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  height: 250px;
  display: none;
  position: absolute;
}

.divExpenses .signature:hover img.full1 {
  display: block;
}

.divExpenses table tbody tr td {
  font-size: 0.875rem;
  border-bottom: 1px solid #EEEEEE;
  vertical-align: middle;
}
.divExpenses table tbody tr td.nodata {
  text-align: center;
}
.divExpenses table tbody tr td.status-img {
  width: 10%;
}
.divExpenses table tbody tr td.status {
  width: 30%;
}
.divExpenses table tbody tr td.date {
  width: 40%;
}
.divExpenses table tbody tr td.edit {
  width: 10%;
}
.divExpenses table tbody tr td.GPSValidated {
  width: 10%;
}
.divExpenses table tbody tr:nth-child(odd) {
  background: #EEEEEE;
}

.divExpenses table td div {
  display: inline-block;
}

.divExpenses table td i {
  display: inline-block;
  margin: 3px 6px;
}

.divExpenses table td img {
  display: inline-block;
  margin: 3px 6px;
}

.reportFilter {
  display: flex;
  flex-wrap: wrap;
}
.reportFilter label {
  font-weight: 400;
  display: block;
  margin: 0.25rem 0;
}
.reportFilter label ul.filter {
  padding: 0;
}

body.reports .panelForm.alpha {
  margin-left: 0px;
}

body.reports .panelForm.omega {
  margin-right: 0px;
}

body.reports article .one.column {
  width: 6.25%;
}

body.reports article .two.columns {
  width: 12.5%;
}

body.reports article .three.columns {
  width: 18.75%;
}

body.reports article .four.columns {
  width: 25%;
}

body.reports article .five.columns {
  width: 31.25%;
}

body.reports article .six.columns {
  width: 37.5%;
}

body.reports article .seven.columns {
  width: 43.75%;
}

body.reports article .eight.columns {
  width: 50%;
}

body.reports article .nine.columns {
  width: 56.25%;
}

body.reports article .ten.columns {
  width: 62.5%;
}

body.reports article .eleven.columns {
  width: 68.75%;
}

body.reports article .twelve.columns {
  width: 75%;
}

body.reports article .thirteen.columns {
  width: 81.25%;
}

body.reports article .fourteen.columns {
  width: 87.5%;
}

body.reports article .fifteen.columns {
  width: 93.75%;
}

body.reports article .sixteen.columns {
  width: 100%;
}

body.reports .form-floating {
  margin-top: 2rem;
}

body.reports .mrg15t,
body.reports .mrg20t {
  margin-top: 2rem;
}

body.reports .dlt-button.dlt-submit, body.reports input[value=Submit] {
  background: #90bc56;
  color: #FFFFFF;
  border: 2px solid #90bc56;
  align-items: center;
  display: inline-flex;
  font-weight: 600;
  position: relative;
  outline: none;
  padding: 0.33rem 1rem;
  margin: 0 0.5rem 0 0;
  justify-content: center;
  white-space: nowrap;
}
body.reports .dlt-button.dlt-submit:hover, body.reports input[value=Submit]:hover {
  background: #76a03f;
  border: 2px solid #76a03f;
}

input[value=Cancel] input[value="Download Excel"],
input[value=Cancel] input[value=Download],
input[value=Cancel] input[value="Mark as Reviewed"],
input[value=Cancel] input[value="Download CSV"],
body.reports .dlt-button.dlt-download input[value="Download Excel"],
body.reports .dlt-button.dlt-download input[value=Download],
body.reports .dlt-button.dlt-download input[value="Mark as Reviewed"],
body.reports .dlt-button.dlt-download input[value="Download CSV"],
body.reports input[value="Download Excel"],
body.reports input[value=Download],
body.reports input[value="Mark as Reviewed"],
body.reports input[value="Download CSV"], body.dlttracker input[value="Download Excel"],
body.dlttracker input[value=Download],
body.dlttracker input[value="Mark as Reviewed"],
body.dlttracker input[value="Download CSV"] {
  align-items: center;
  display: inline-flex;
  font-weight: 600;
  position: relative;
  outline: none;
  padding: 0.33rem 1rem;
  margin: 0 0.5rem 0 0;
  justify-content: center;
  white-space: nowrap;
  background: #6c757d;
  color: #FFFFFF;
  border: 2px solid #6c757d;
}
input[value=Cancel] input[value="Download Excel"]:hover,
input[value=Cancel] input[value=Download]:hover,
input[value=Cancel] input[value="Mark as Reviewed"]:hover,
input[value=Cancel] input[value="Download CSV"]:hover,
body.reports .dlt-button.dlt-download input[value="Download Excel"]:hover,
body.reports .dlt-button.dlt-download input[value=Download]:hover,
body.reports .dlt-button.dlt-download input[value="Mark as Reviewed"]:hover,
body.reports .dlt-button.dlt-download input[value="Download CSV"]:hover,
body.reports input[value="Download Excel"]:hover,
body.reports input[value=Download]:hover,
body.reports input[value="Mark as Reviewed"]:hover,
body.reports input[value="Download CSV"]:hover, body.dlttracker input[value="Download Excel"]:hover,
body.dlttracker input[value=Download]:hover,
body.dlttracker input[value="Mark as Reviewed"]:hover,
body.dlttracker input[value="Download CSV"]:hover {
  background: #545b62;
  border: 2px solid #545b62;
}

body.reports .button.dlt-button.dlt-print,
body.reports input[value="Send Message"], body.dlttracker .button.dlt-button.dlt-print,
body.dlttracker input[value="Send Message"] {
  align-items: center;
  display: inline-flex;
  font-weight: 600;
  position: relative;
  outline: none;
  padding: 0.33rem 1rem;
  margin: 0;
  justify-content: center;
  white-space: nowrap;
  background: #3674b0;
  color: #FFFFFF;
  border: 2px solid #3674b0;
}
body.reports .button.dlt-button.dlt-print:hover,
body.reports input[value="Send Message"]:hover, body.dlttracker .button.dlt-button.dlt-print:hover,
body.dlttracker input[value="Send Message"]:hover {
  background: #3674b0;
  border: 2px solid #3674b0;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
  height: 0;
}

/*
.msgFromTo img {
            height: 30px;
        }

        .ReplyBox {
            display: none;
        }

            .ReplyBox textarea {
                width: 96%;
            }

        .replyOuterBox {
            float: left !important;
        }

        .NotePhoto {
            height: 50px;
        }
*/
.indicator {
  width: 0.5rem;
  height: 100%;
  margin-right: 0.5rem;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.legenditem {
  background: #EEEEEE;
}

.checklistSection {
  padding: 0px;
  cursor: pointer;
  margin: 0 0.25rem;
}
.checklistSection .clecklistitem {
  margin: 0.25rem 0 0;
  border: 1px solid #EEEEEE;
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.checklistSection .clecklistitem:hover {
  background: #EEEEEE;
}
.checklistSection h4 {
  background-color: #EDEDED;
  color: #171717;
  font-size: 1rem;
  display: flex;
  align-items: center;
  border-radius: 0.25rem;
  overflow: hidden;
  width: 100%;
  height: auto;
  position: relative;
}
.checklistSection h4 .indicator {
  width: 0.75rem;
  height: 2rem;
  margin-right: 0.5rem;
}

.indicator.station {
  background-color: #00c0f3;
}
.indicator.line {
  background-color: #777777;
}
.indicator.system {
  background-color: #00c0f3;
}
.indicator.tower {
  background-color: #8cc73f;
}
.indicator.faucet {
  background-color: #fdba34;
}
.indicator.vao {
  background-color: #dddddd;
}

.checklistWrapper input[type=checkbox]:checked + label:before,
.checklistWrapper input[type=checkbox] + label:before {
  background: none;
}
.checklistWrapper h4 {
  background-color: #EDEDED;
  color: #171717;
  display: flex;
  align-items: center;
  border-radius: 0.25rem;
  overflow: hidden;
  width: 100%;
  min-height: 40px;
  padding: 0.5rem 0;
  height: auto;
  position: relative;
}
.checklistWrapper h4 .indicator {
  width: 0.75rem;
  height: 100%;
  margin-right: 0.5rem;
  position: absolute;
}
.checklistWrapper.system .custom-indent-value, .checklistWrapper.station .custom-indent-value {
  padding-left: 1.25rem;
}
.checklistWrapper.faucet, .checklistWrapper.tower, .checklistWrapper.ValueAddedOption {
  margin-bottom: 0.5rem;
}
.checklistWrapper.faucet .checklist, .checklistWrapper.tower .checklist, .checklistWrapper.ValueAddedOption .checklist {
  position: absolute;
  left: 1rem;
  margin-top: -2.25rem;
  border: none;
}
.checklistWrapper.faucet .checklist input[type=checkbox]:checked + label:before, .checklistWrapper.faucet .checklist input[type=checkbox] + label::before, .checklistWrapper.tower .checklist input[type=checkbox]:checked + label:before, .checklistWrapper.tower .checklist input[type=checkbox] + label::before, .checklistWrapper.ValueAddedOption .checklist input[type=checkbox]:checked + label:before, .checklistWrapper.ValueAddedOption .checklist input[type=checkbox] + label::before {
  top: -5px;
}
.checklistWrapper.faucet .custom-indent-value, .checklistWrapper.tower .custom-indent-value, .checklistWrapper.ValueAddedOption .custom-indent-value {
  padding-left: 3rem;
}
.checklistWrapper.faucet .custom-indent-value.indentfaucet, .checklistWrapper.faucet .custom-indent-value .indenttower, .checklistWrapper.tower .custom-indent-value.indentfaucet, .checklistWrapper.tower .custom-indent-value .indenttower, .checklistWrapper.ValueAddedOption .custom-indent-value.indentfaucet, .checklistWrapper.ValueAddedOption .custom-indent-value .indenttower {
  padding-left: 2.75rem;
}
.checklistWrapper label {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #171717;
}
.checklistWrapper h4 {
  display: flex;
  align-items: center;
  font-size: 12pt;
  background: #EDEDED;
  letter-spacing: 0px;
}

.system-builder-view .checklistSection {
  max-width: 20%;
}

td.gvImageTd img {
  border-radius: 0.25rem;
  width: 48px;
  height: 48px;
}

div.status {
  font-size: 0.875rem !important;
}
div.status.indent1, div.status.indent2 {
  margin-left: 0 !important;
}
div.status.indent3 {
  margin-left: 2rem !important;
}
div.status.indent4 {
  margin-left: 4rem !important;
}
div.status.indent5 {
  margin-left: 6rem !important;
}

.loader {
  width: 100vw;
  height: 100vh;
  position: fixed !important;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-body .form-group .label-value {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
}

.nav-link {
  color: #3674b0;
}

big {
  font-weight: 500;
}

.btn.mi, a.mi {
  padding: 0.25rem !important;
  text-decoration: none;
  font-weight: normal;
}
.btn.mi:hover, a.mi:hover {
  text-decoration: none;
}

hr:not([size]) {
  height: 2px;
  background: #999999;
  margin: 0.5rem;
}

#remindersSlider {
  height: auto;
  min-height: 300px;
  position: relative;
  z-index: 1;
  display: block;
  padding: 1rem;
  background: #FFFFFF;
}
#remindersSlider > ul {
  position: relative;
  z-index: 1;
}
#remindersSlider > ul > li {
  position: absolute;
  top: 0;
  opacity: 0;
  width: 100%;
  left: 100px;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
#remindersSlider > ul > li.inactive {
  left: -100px;
}
#remindersSlider > ul > li.active {
  opacity: 1;
  left: 0;
  z-index: 2;
}
#remindersSlider h3 {
  cursor: pointer;
  font-size: 1.125rem;
  font-family: "Roboto", sans-serif;
}
#remindersSlider .defaultWidget {
  margin: 0;
  background: rgba(205, 212, 217, 0.25);
  border-radius: 1rem;
  padding: 1rem;
}
#remindersSlider .defaultWidget div.menu {
  display: block;
  background: #FFFFFF;
  padding: 1rem;
  border-radius: 1rem;
}
#remindersSlider .defaultWidget div.menu ul.entry {
  list-style: none;
  display: flex;
  justify-content: space-between;
  padding: 0;
}
#remindersSlider .defaultWidget div.menu ul.entry li a.btn {
  padding: 0.25rem;
  margin-right: 0.25rem;
  font-size: 0.75rem;
}
#remindersSlider .defaultWidget div.menu div.controls {
  list-style: none;
  margin: 0rem;
  padding: 0;
}
#remindersSlider .defaultWidget div.menu div.controls a {
  padding: 0.25rem;
  margin-right: 0.25rem;
  font-size: 0.875rem;
}
#remindersSlider .paging-wrapper {
  display: flex;
  position: absolute;
  bottom: 1rem;
  justify-content: space-between;
  left: 1rem;
  right: 1rem;
  border-top: none;
  border-radius: 1rem;
}
#remindersSlider .paging-wrapper .paging {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#remindersSlider .paging-wrapper .paging a {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 0.25rem;
  background: #6c757d;
  -webkit-border-radius: 100%;
  text-decoration: none;
}
#remindersSlider .paging-wrapper .paging a.active {
  width: 1rem;
  height: 1rem;
  background: #90bc56;
  -webkit-border-radius: 100%;
  text-decoration: none;
}
#remindersSlider .reminderWrapper .reminder {
  min-height: 175px;
}
#remindersSlider .reminderWrapper .reminder > .reschedule, #remindersSlider .reminderWrapper .reminder > .snooze {
  border-radius: 0.75rem;
  background: #FFFFFF;
  padding: 1rem;
}

.dropdownLogs ul.dropdown-menu {
  width: 300px;
}
.dropdownLogs ul.dropdown-menu li {
  padding: 1rem;
  border-bottom: 1px solid #eee;
}

.section-title {
  background: #EAEDEF;
  padding: 0.5rem 1rem;
  border-radius: 0.75rem;
  text-transform: capitalize;
  margin: 0 0 1rem;
  font-weight: 400;
}

.flex-buttons {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

#bdp-loader {
  color: #3674b0;
}

.user-profile .user-name {
  font-size: 1.5rem;
}
.user-profile .avatarImage {
  position: relative;
}
.user-profile .avatarImage img {
  width: 144px;
  height: 144px;
  border-radius: 100%;
  overflow: hidden;
  border: 2px solid #3674b0;
}
.user-profile .avatarImage .avatarChange {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #3674b0;
  color: #FFFFFF;
  border-radius: 100%;
  padding: 0.25rem;
}
.user-profile .map-userHistory {
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0px 0px 3px 0px #999;
}
.user-profile #map {
  height: 250px !important;
}
.user-profile .permission-list i {
  color: #3674b0;
  margin-right: 0.5rem;
}

img.circleImg {
  width: 48px;
  height: 48px;
}

ul.list {
  display: block;
  margin: 1rem 0 0 0;
  padding: 0;
}
ul.list.inline {
  width: 100%;
}
ul.list.inline li {
  display: inline-block;
  overflow: hidden;
}
ul.list li {
  border: 1px solid #EAEDEF;
  margin: 0.25rem;
  border-radius: 0.25rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease;
}
ul.list li span {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  padding: 0.5rem;
  margin-right: 1rem;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 0.875rem;
}
ul.list li a {
  cursor: pointer;
  padding: 0.25rem;
  font-size: 1.25rem;
  background: 0;
  opacity: 0;
}
ul.list li a:hover {
  color: #FFFFFF !important;
  background-color: rgba(23, 23, 23, 0.2);
}
ul.list li:hover {
  background-color: #3674b0;
  color: #FFFFFF;
}
ul.list li:hover span {
  color: #FFFFFF;
}
ul.list li:hover a {
  opacity: 1;
  color: #FFFFFF;
}
ul.list li.hidden {
  max-width: 0;
  transition: max-width 0.6s ease-out;
}

body.reports ul.list li a {
  margin-right: 0.25rem;
}

.toast {
  position: absolute;
  z-index: 9999;
  right: 3rem;
  bottom: 3rem;
  margin: 0px auto;
}

#mainMenuDynamic ul, #mainMenuDynamic li {
  padding: 0;
  margin: 0;
  background: transparent;
}

ul.sidebar-nav {
  flex-direction: column;
}
ul.sidebar-nav ul.dropdown-menu {
  position: relative;
  box-shadow: none;
}
ul.sidebar-nav a {
  display: block;
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin: 0.125rem 0;
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
  color: #000000;
  border: 1px solid #EEEEEE;
  background: rgba(255, 255, 255, 0.75);
}
ul.sidebar-nav a:hover {
  background: #30679c;
  color: #FFFFFF;
}
ul.sidebar-nav a.active {
  background: #30679c;
  color: #FFFFFF;
}
ul.sidebar-nav > li {
  position: relative;
}
ul.sidebar-nav > li::after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  position: absolute;
  right: 12px;
  top: 20px;
  display: block;
  color: #787878;
  content: "keyboard_arrow_down";
  pointer-events: none;
}
ul.sidebar-nav > li.open:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  position: absolute;
  right: 12px;
  top: 20px;
  display: block;
  color: #FFFFFF;
  transform: rotate(-180deg);
}
ul.sidebar-nav > li.open > a {
  background: #3674b0;
  color: #FFFFFF;
}
ul.sidebar-nav > li:hover::after {
  color: #FFFFFF;
}
ul.sidebar-nav ul li a {
  padding-left: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.5);
}
ul.sidebar-nav ul li a img {
  max-height: 24px;
}

ul.sidebar-nav ul {
  display: none;
}

ul.sidebar-nav.report-managment > li::after {
  display: none;
}

body.reports .btn.btn-accent.addNew {
  display: none;
}

.ui-datepicker, .ui-widget-content {
  border-radius: 0.75rem;
  overflow: hidden;
}

.ui-widget-header, .ui-datepicker .ui-datepicker-header {
  border-radius: 0.75rem;
  padding: 0.25rem;
  background: #3674b0;
}

.ui-datepicker td {
  padding: 3px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-datepicker td a {
  background: #FFFFFF;
  color: #3674b0;
  border-radius: 0.75rem;
  width: 36px;
  height: 36px;
  line-height: 2;
  text-align: center;
  padding: 0.15rem;
  font-weight: 500;
  font-size: 0.875rem;
}
.ui-state-default.ui-state-hover, .ui-widget-content .ui-state-default.ui-state-hover, .ui-datepicker td a.ui-state-hover {
  background: #3674b0;
  color: #FFFFFF;
}

.ui-datepicker .ui-datepicker-title > span {
  color: #FFFFFF;
}

.ui-state-active, .ui-widget-content .ui-state-active {
  background: #3674b0;
  color: #FFFFFF;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 2px solid #fca902;
  background: #fdba34 !important;
  color: #FFFFFF;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  width: 32px;
  height: 32px;
  border-radius: 0.75rem;
  top: 2px;
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev.ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover {
  right: 2px;
  background: #3674b0;
}
.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next.ui-datepicker-prev-hover {
  left: 2px;
  background: #3674b0;
}

.ui-datepicker .ui-datepicker-prev {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-datepicker .ui-datepicker-prev::after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  content: "navigate_before";
}
.ui-datepicker .ui-datepicker-prev span {
  background: none;
}

.tbDate {
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-next {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-datepicker .ui-datepicker-next::after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  content: "navigate_next";
}
.ui-datepicker .ui-datepicker-next span {
  background: none;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.75rem;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ui-dialog .ui-dialog-titlebar span.ui-dialg-title {
  float: none;
  margin: 0;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #FFFFFF;
  font-weight: 500;
}
.ui-dialog .ui-dialog-titlebar button.ui-dialog-titlebar-close {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  font-size: 14pt;
  position: relative;
  width: auto;
  margin: 0;
  right: auto;
  height: auto;
  padding: 0.5rem;
  background: rgba(255, 255, 255, 0.25);
  color: #FFFFFF;
  border-radius: 0.5rem;
  line-height: 1;
  border: 1px solid transparent;
}
.ui-dialog .ui-dialog-titlebar button.ui-dialog-titlebar-close::after {
  content: "close";
}
.ui-dialog .ui-dialog-titlebar button.ui-dialog-titlebar-close:hover {
  background: #3674b0;
}
.ui-dialog .ui-dialog-titlebar button.ui-dialog-titlebar-popup {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  font-size: 14pt;
  position: relative;
  margin-right: 0.5rem;
  padding: 0.5rem;
  color: #3674b0;
  background: #FFFFFF;
  border-radius: 0.5rem;
  line-height: 1;
  border: 1px solid transparent;
}
.ui-dialog .ui-dialog-titlebar button.ui-dialog-titlebar-popup .ui-button-text {
  display: none;
}
.ui-dialog .ui-dialog-titlebar button.ui-dialog-titlebar-popup::after {
  content: "open_in_new";
}
.ui-dialog .ui-dialog-titlebar button.ui-dialog-titlebar-popup:hover {
  background: rgba(255, 255, 255, 0.25);
  color: #FFFFFF;
}

.ui-dialog .ui-dialog-content {
  padding: 1rem;
}

ul.recepients {
  padding: 1rem 0;
  display: block;
}
ul.recepients li.liTech {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  margin: 0;
  border-bottom: 1px solid #CDD4D9;
  background: #FFFFFF;
}
ul.recepients li.liTech:hover {
  background-color: #CDD4D9;
}
ul.recepients li.liTech span {
  font-size: 0.875rem;
}
ul.recepients li.liTech a {
  color: #dc3545;
  cursor: pointer;
}

body.reminders #objectHeader {
  width: 100%;
  position: relative;
  display: flex;
}
body.reminders #objectHeader h1 {
  background: #EAEDEF;
  display: flex;
  align-items: center;
  justify-content: start;
  position: relative;
  font-size: 1.5rem;
  color: #000000;
  padding: 0.5rem 1rem;
  border-radius: 0.75rem;
}
body.reminders #objectHeader h1:before {
  content: "";
  width: 24px;
  height: 24px;
  padding: 0.5rem;
  border-radius: 50%;
  border: 1px solid #f8f9fa;
  background: #3674b0;
  left: 0;
  top: 0;
  position: absolute;
  transform: translate(-50%, -50%);
}
body.reminders #objectHeader h1.green:before, body.reminders #objectHeader h1.bg-accent:before {
  background: #90bc56;
}
body.reminders #objectHeader h1.red:before, body.reminders #objectHeader h1.bg-danger:before {
  background: #dc3545;
}
body.reminders #objectHeader h1.brown:before, body.reminders #objectHeader h1.bg-accent:before {
  background-color: #921925;
}
body.reminders #objectHeader h1.orange:before, body.reminders #objectHeader h1.bg-warning:before {
  background-color: #fdba34;
}
body.reminders #objectHeader h1.blue:before, body.reminders #objectHeader h1.bg-primary:before {
  background-color: #3674b0;
}

.overflow {
  overflow: auto;
}

.color-red {
  color: #dc3545;
}

.color-brown {
  color: #921925;
}

.color-orange {
  color: #fdba34;
}

.color-blue {
  color: #3674b0;
}

.color-green {
  color: #90bc56;
}

.color-grey {
  color: #6c757d;
}

li.liTech {
  background: #FFFFFF;
  border-radius: 0.5rem;
  min-height: 54px;
}
li.liTech span.liTech-technician {
  display: flex;
  align-items: center;
}
li.liTech span.frontman.active {
  display: flex;
  align-items: center;
}
li.liTech span.frontman.active::after {
  font-family: "Material Icons";
  content: "account_box";
  color: #3674b0;
  font-size: 24px;
}
li.liTech.isFrontMan {
  background: rgba(234, 237, 239, 0.875);
  border-bottom: none;
}
li.liTech.isFrontMan span.frontman::after {
  font-family: "Material Icons";
  content: "account_box";
  color: #3674b0;
  font-size: 24px;
  cursor: pointer;
}
li.liTech.isFrontMan span.frontman.active {
  color: #6c757d;
}

li.liTech:hover span.frontman.active::after {
  color: #6c757d;
  cursor: pointer;
}

li.liTech.isFrontMan:hover span.frontman.active::after {
  color: #3674b0;
}

ul.technicians {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0;
}
ul.technicians li {
  border-bottom: 1px solid #CDD4D9;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 8px;
  width: 100%;
  position: relative;
}
ul.technicians li img {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  display: block;
  margin: 0px 8px 0px 0px;
  padding: 0px;
}
ul.technicians li span {
  display: flex;
  align-items: center;
}
ul.technicians li a {
  width: 24px;
  height: 24px;
  cursor: pointer;
  padding: 0;
}

/* Icons fro rsvp_unknown, rsvp_no, rsvp_yes */
.rsvp_unknown, .rsvp_yes, .rsvp_no {
  width: 24px;
  height: 24px;
  display: flex !important;
  align-items: center;
  font-family: "Material Icons";
  speak: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.rsvp_unknown:before, .rsvp_yes:before, .rsvp_no:before {
  font-size: 18px;
  font-family: "Material Icons";
}

.rsvp_unknown::before {
  content: "help";
  color: #6c757d;
}

.rsvp_yes::before {
  content: "check_circle";
  color: #90bc56;
}

.rsvp_no::before {
  content: "remove_circle";
  color: #dc3545;
}

.ui-menu .ui-menu-item {
  list-style: none;
  padding: 0 0.25rem;
  border-bottom: 1px solid #EAEDEF;
  border-radius: 0;
  overflow: hidden;
  margin: 0;
  font-size: 1rem;
}
.ui-menu .ui-menu-item a {
  padding: 0.25rem 0.5rem;
  width: 100%;
}
.ui-menu .ui-menu-item a:hover {
  padding: 0.25rem 0.5rem !important;
}

ul.ui-autocomplete {
  margin: 0px;
  padding: 0.25rem;
  background: #EAEDEF;
  z-index: 9999999;
  position: absolute;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  max-height: 450px;
  overflow-x: hidden;
  overflow-y: auto;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
ul.ui-autocomplete li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: all 0.25s ease;
  cursor: pointer;
  border-bottom: 1px solid #F9FAFC;
  background: #FFFFFF;
  margin: 0;
  list-style: none;
  padding: 0 0.25rem;
  border-radius: 0.25rem;
  overflow: hidden;
  font-size: 1rem;
}
ul.ui-autocomplete li:nth-child(1) {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
ul.ui-autocomplete li:nth-last-child(1) {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
ul.ui-autocomplete li img {
  width: 24px;
  height: 24px;
  margin-right: 0.25rem;
  border-radius: 100%;
  border: none;
  outline: none;
}
ul.ui-autocomplete li:hover {
  background: #3674b0;
}
ul.ui-autocomplete .ui-state-hover,
ul.ui-autocomplete .ui-widget-content .ui-state-hover,
ul.ui-autocomplete .ui-widget-header .ui-state-hover,
ul.ui-autocomplete .ui-state-focus,
ul.ui-autocomplete .ui-widget-content .ui-state-focus,
ul.ui-autocomplete .ui-widget-header .ui-state-focus {
  color: #FFFFFF;
  overflow: hidden;
  list-style: none;
  padding: 0.25rem 0.5rem;
  margin: -1px 0 0;
  font-size: 1rem;
}

/* #Technicians Search Autocomplete Options ================================================ */
/* ================================================ */
.breadcrumb {
  margin-bottom: 0.25rem;
}
.breadcrumb a {
  font-size: 0.875rem;
  margin: 0 0.25rem;
  color: #EEEEEE;
  text-decoration: none;
}
.breadcrumb a:hover {
  text-decoration: none;
  color: #FFFFFF;
}
.breadcrumb span {
  font-size: 0.875rem;
  margin: 0 0.25rem;
  text-decoration: none;
  color: #EEEEEE;
}

body.systemchangerequests .breadcrumb a, body.systemchangerequests .breadcrumb span {
  color: #6c757d;
}
body.systemchangerequests .techImg.rounded-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  border-radius: 100%;
}
body.systemchangerequests .flex-84 {
  flex: 0 0 84px;
  max-width: 84px;
}
body.systemchangerequests .flex-100-84 {
  flex: calc(100% - 84px);
  max-width: calc(100% - 84px);
}

.loadingBarWrapper {
  /* background: rgba($primary-text-color, 0.05);
   width: 100vw;
   height: 100vh;
   z-index: 999;
   top: 0px;
   left: 0px;
   bottom: 0px;
   right: 0px;
   position: fixed;
   display: flex;
   align-items: center;
   justify-content: center;*/
}

#popuploading {
  background: rgba(108, 117, 125, 0.25);
  display: block;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 0px;
}

.pop-up-loader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.svg-loader {
  position: absolute;
  width: 96px;
  height: 96px;
  color: #3674b0;
  left: calc((100% - 96px) / 2);
  top: calc((100% - 96px) / 3);
}
.svg-loader svg {
  fill: #3674b0;
}

.alert-danger {
  background: rgba(220, 53, 69, 0.15);
  border: none;
  color: #dc3545;
}

article table.GridTable {
  border: none;
}
article table.GridTable tbody tr {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: none;
  padding: 0.25rem;
  background: #FFFFFF;
  border-radius: 0.5rem;
  margin: 0.25rem 0;
}
article table.GridTable tbody tr td {
  text-align: left;
  border: none;
}
article table.GridTable tbody tr td .title {
  color: #000000;
}
article table.GridTable tbody tr td .title .idInfo {
  display: none;
}
article table.GridTable tbody tr td .subtitle {
  font-size: 0.75rem;
  color: #787878;
}
article table.GridTable tbody tr td .info {
  display: none;
}
article table.GridTable tbody tr.selected {
  background: #ACACAC;
}
article table.GridTable tbody tr:hover {
  background: #e9ecef;
}
article table.GridTable tbody tr.Pager span, article table.GridTable tbody tr.Pager a {
  padding: 0.25rem 0.5rem;
}
article table.GridTable tbody tr.Pager a {
  border-radius: 0.5rem;
}
article table.GridTable tbody tr.Pager a:hover {
  background: #CDD4D9;
  color: #FFFFFF;
}
article table.GridTable tbody tr.Pager:hover {
  background: none;
}
article table.GridTable tbody tr.Pager > td > table > tbody > tr:hover {
  background: none;
}

article table.GridTable.BrandsGridView tbody tr {
  display: table-row;
  padding: 0.25rem;
  background: #FFFFFF;
  border-radius: 0 !important;
  border-bottom: 1px solid #C3C4C5;
  margin: 0 !important;
}
article table.GridTable.BrandsGridView tbody tr:nth-child(odd) {
  background: #EEEEEE;
}
article table.GridTable.BrandsGridView tbody tr:hover {
  background: #e9ecef;
}
article table.GridTable.BrandsGridView tbody tr th, article table.GridTable.BrandsGridView tbody tr td {
  padding: 0.4rem 0.2rem;
}

#aside table.GridTable {
  border: none;
}
#aside table.GridTable tbody tr {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #C3C4C5;
  padding: 0.5rem;
  background: rgba(255, 255, 255, 0.62);
  margin: 0;
}
#aside table.GridTable tbody tr td {
  width: calc(100% - 54px);
  text-align: left;
}
#aside table.GridTable tbody tr td .title {
  color: #000000;
  font-weight: 500;
}
#aside table.GridTable tbody tr td .title .idInfo {
  display: none;
}
#aside table.GridTable tbody tr td .subtitle {
  font-size: 0.75rem;
  color: #787878;
}
#aside table.GridTable tbody tr td .info {
  font-size: 0.75rem;
  color: #787878;
}
#aside table.GridTable tbody tr td.gvImageTd {
  width: 42px;
}
#aside table.GridTable tbody tr td.gvImageTd img {
  width: 42px;
  height: 42px;
  border-radius: 100%;
  overflow: hidden;
}
#aside table.GridTable tbody tr.selected {
  background: #3674b0;
}
#aside table.GridTable tbody tr.selected .title, #aside table.GridTable tbody tr.selected .subtitle, #aside table.GridTable tbody tr.selected .info {
  color: #FFFFFF;
}
#aside table.GridTable tbody tr:hover {
  background: #3674b0;
}
#aside table.GridTable tbody tr:hover .title, #aside table.GridTable tbody tr:hover .subtitle, #aside table.GridTable tbody tr:hover .info {
  color: #FFFFFF;
}
#aside table.GridTable tbody tr:nth-child(1) {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
#aside table.GridTable tbody tr:nth-last-child(1) {
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.saPanel .LinkedTable tbody {
  display: flex;
  flex-wrap: wrap;
}
.saPanel .LinkedTable tbody tr {
  margin: 0.25rem;
}
.saPanel .LinkedTable tbody tr td {
  border: 1px solid #EEEEEE;
  padding: 0.5rem 1rem;
}

/* #Tables .LinkedTable ============================= */
table.LinkedTable {
  margin: 0px;
  border: none;
  width: 100%;
  color: #545253;
}
table.LinkedTable tbody tr {
  cursor: pointer;
  background: #FFFFFF;
}
table.LinkedTable tbody tr th {
  border-bottom: 2px solid #C3C4C5;
  padding: 0.5rem 0.5rem;
  background: #cbd3da;
}
table.LinkedTable tbody tr td {
  border-bottom: 1px solid #EEEEEE;
  padding: 0.375rem 0.5rem;
}
table.LinkedTable tbody tr:nth-of-type(odd) {
  background: #e8ecf4;
}
table.LinkedTable tbody tr:nth-child(1) {
  background: rgba(23, 23, 23, 0.05);
}
table.LinkedTable tbody tr:hover {
  background: #EEEEEE;
}
.LinkedTable > tbody > tr > td.accountsTD > span.title {
  color: #3674b0;
  margin-right: 2rem;
  width: 300px;
  display: inline-block;
}
.LinkedTable > tbody > tr > td.accountsTD > span.subtitle {
  font-size: 1rem;
  display: inline-block;
}

article.card table tr.Pager {
  padding: 0px !important;
  background: #e9ecef !important;
}
article.card table tr.Pager > td {
  padding: 0px;
}
article.card table tr.Pager > td table tbody tr {
  background: #e9ecef;
}
article.card table tr.Pager > td table tbody tr td {
  padding: 0px;
  margin: 0px;
}
article.card table tr.Pager > td table tbody tr td span {
  position: relative;
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #3674b0;
  border: 1px solid #3674b0;
  padding: 0.375rem 0.875rem;
  font-weight: 500;
  margin: 0.25rem;
  border-radius: 0.5rem;
}
article.card table tr.Pager > td table tbody tr td a {
  position: relative;
  display: block;
  text-decoration: none;
  background-color: #fff;
  color: #3674b0;
  padding: 0.375rem 0.875rem;
  font-weight: 500;
  border: 1px solid #FFFFFF;
  margin: 0.25rem;
  border-radius: 0.5rem;
}
article.card table tr.Pager > td table tbody tr td a:hover {
  background: #3674b0;
  color: #FFFFFF;
  border: 1px solid #3674b0;
}
article.card table tr.Pager:hover {
  background: #e9ecef !important;
}

/* #Tables .reportTableTech ============================= */
table.reportTableTech {
  font-size: 10pt;
  color: #171717;
  margin: 0px;
  border: none;
  width: 100%;
}
table.reportTableTech > tbody > tr > td {
  position: relative;
}
table.reportTableTech a:link {
  color: #171717;
  font-weight: bold;
  text-decoration: none;
}
table.reportTableTech a:link:visited {
  color: #6c757d;
  font-weight: bold;
  text-decoration: none;
}
table.reportTableTech a:link:active {
  color: #3674b0;
  text-decoration: underline;
}
table.reportTableTech a:link:hover {
  color: #3674b0;
  text-decoration: underline;
}
table.reportTableTech tr {
  border-bottom: 1px solid #C3C4C5;
}
table.reportTableTech tr:hover {
  background: #EAEDEF;
}
table.reportTableTech tr:hover td div {
  color: #3674b0;
}
table.reportTableTech tr.selected {
  background: #EAEDEF;
}
table.reportTableTech tr.selected td span {
  color: #fff;
}
table.reportTableTech tr.selected td div {
  color: #3674b0;
}
table.reportTableTech th {
  padding: 0.5rem;
  border-bottom: 1px solid #C3C4C5;
  border-top: 2px solid #C3C4C5;
  border-left: none;
  border-right: none;
  background: #EAEDEF;
  text-align: left;
}
table.reportTableTech th:nth-child(1) {
  width: 10%;
}
table.reportTableTech th:nth-child(2) {
  width: 10%;
}
table.reportTableTech th:nth-child(3) {
  width: 15%;
}
table.reportTableTech td {
  padding: 0.5rem;
  border: none;
  cursor: pointer;
  text-align: left;
}
table.reportTableTech td.techName, table.reportTableTech td.accountName, table.reportTableTech td.system, table.reportTableTech td.process {
  font-weight: 500;
  color: #3674b0;
}

header {
  position: relative;
  max-width: 100vw;
  z-index: 9;
  background: #EAEDEF;
}

header i {
  font-size: 1.5em;
}

.dropdown-menu {
  padding: 0;
  background: #F8F8F8;
  border: none;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.dropdown-menu .nav-item .dropdown-item {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #EDEDED;
}
.dropdown-menu .nav-item .dropdown-item img {
  width: 24px;
  height: 24px;
}
.dropdown-menu .nav-item .dropdown-item.active {
  background: #25292C;
  color: #FFFFFF;
}
.dropdown-menu .nav-item .dropdown-item:hover {
  background: #25292C;
  color: #FFFFFF;
}

.nav .nav-link {
  color: #25292C;
  background: #F8F8F8;
  border-right: 1px solid #EDEDED;
  padding: 0.5rem 0.75rem;
}
.nav .nav-link#userProfile {
  background: transparent;
  padding: 0 0 0 1rem;
}
.nav .nav-link#userProfile.dropdown-toggle::after {
  display: none;
}
.nav .nav-link img {
  width: 24px;
  height: 24px;
}
.nav .nav-link img.avatar {
  width: 52px;
  height: 52px;
}
.nav .nav-link:nth-last-child(1) {
  border-radius: 0px;
}
.nav .nav-link.active, .nav .nav-link:hover {
  background: #25292C;
  color: #F8F8F8;
}

header .col-logo {
  flex: 0 0 auto;
  width: 10%;
}
header .col-section-logo {
  flex: 0 0 auto;
  width: 90%;
  border-left: 1px solid #F8F8F8;
}
header .nav-item.dropdown.sectionLogo .nav-link#sectionLogo {
  background: transparent;
  padding: 0;
}
header .nav-item.dropdown.sectionLogo .nav-link#sectionLogo::after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  content: "expand_more";
  vertical-align: middle;
  border: 0px;
  margin-left: -0.25rem;
  font-size: 18px;
}
header .nav-item.dropdown.sectionLogo .nav-link#sectionLogo img {
  height: 30px;
  width: 100%;
}
header .nav-item.dropdown.sectionLogo ul.dropdown-menu {
  top: 0px;
}
header .nav-item.dropdown.sectionLogo ul.dropdown-menu li a.dropdown-item img {
  height: 40px;
  padding: 0.5rem 0;
}

header .userMenuSettings .user {
  font-size: 1.125rem;
  padding-right: 1rem;
}
header .userMenuSettings a img {
  border-radius: 100%;
}
header .userMenuSettings .messageEnvelope {
  cursor: pointer;
}
header .userMenuSettings a.messageNotification {
  float: left;
  display: block;
  color: #fff !important;
  background-color: #ff4444;
  margin: -20px 0px 0px 20px;
  padding: 4px !important;
  text-align: center !important;
  height: 20px;
  border-radius: 30%;
  font-weight: bold;
  font-size: 9pt;
  line-height: 10pt;
  z-index: 999;
  position: relative;
}

div.navigation nav ul li a.Has-Access-False {
  color: darkgray;
}

.loginBox {
  width: 100%;
  max-width: 475px;
  padding: 3rem 2.5rem 2.25rem;
  margin: 0 auto;
  background: #fff;
  height: auto;
  min-height: 450px;
  border-radius: 0.75rem;
  background: #FFFFFF;
}

.login-form.password-reset {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-form.password-reset .client-login {
  max-width: 475px;
  padding: 2rem 2rem 0.5rem;
  background: rgba(0, 0, 0, 0.025);
  margin: 1em auto;
}

@media screen and (max-width: 768px) {
  .loginBox {
    max-width: 100%;
    padding: 2rem 1rem 2rem;
  }
  .login-form.password-reset .client-login {
    max-width: 100%;
    padding: 2rem 1rem 0.5rem;
  }
}
@media screen and (max-width: 576px) {
  .loginBox {
    padding: 1rem 0.25rem 1rem;
  }
  .login-form.password-reset .client-login {
    padding: 1rem 0.25rem 0.5rem;
  }
}
/* .objectHeader {display: none;} */
header .branding {
  order: 1;
}
header .search {
  order: 2;
}
header .user-menu {
  order: 3;
}
header .menu-button, header .menu-navigation {
  order: 4;
}
header .nav-notify {
  order: 5;
}
header .nav-notify img {
  width: 32px;
  height: 32px;
}
header .nav-notify .notifications, header .nav-notify .messageEnvelope {
  cursor: pointer;
}
header .menu-navigation ul.nav {
  box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 0.75rem 0.75rem 0 0;
}
header .menu-navigation ul.nav > li:nth-child(1) > a {
  border-radius: 0.75rem 0 0 0;
}
header .menu-navigation ul.nav > li:nth-last-child(1) > a {
  border-radius: 0 0.75rem 0 0;
}
header .menu-navigation .nav .nav-link {
  display: flex;
  align-items: center;
  height: 50px;
  font-size: 0.875rem;
}
header .menu-navigation .nav .nav-link svg {
  width: 24px;
  margin-right: 0.25rem;
}

.entries > .date {
  flex: 0 1 100%;
}
.entries .entry {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.entries .entry .card {
  height: 100%;
  width: 100%;
  border-radius: 1rem;
}
.entries .entry .card .card-body .trip-time {
  font-weight: 500;
}
.entries .entry .card .card-body .icon-location {
  color: #3674b0;
  font-size: 18px;
  display: none;
}
.entries .entry .card .card-body small.notes {
  width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.entries .entry .card .card-body .trip-user-image a img {
  max-width: 64px;
  max-height: 64px;
  width: auto;
  height: auto;
  border-radius: 0.5rem;
}
.entries .entry .card .card-body .trip-user-action a, .entries .entry .card .card-body .trip-name a {
  font-size: 1.25rem;
}
.entries .entry .card .card-body .trip-status .feed-icon.low .trip-status-dot {
  background: #99CC33;
}
.entries .entry .card .card-body .trip-status .feed-icon.high .trip-status-dot {
  background: #dc3545;
}
.entries .entry .card .card-body .trip-status .feed-icon.normal .trip-status-dot {
  background: #fdba34;
}
.entries .entry .card .card-body .trip-status.reminder-prority {
  width: 112px;
}
.entries .entry .card .card-body .priority-time {
  width: 112px;
  border: 2px solid #EAEDEF;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}
.entries .entry .card .card-body .entry-content-reminder {
  width: 80%;
}
.entries .entry .card p {
  margin-bottom: 0;
}

ul.layout {
  margin: 0;
  padding: 0;
}

ul.layout li {
  font-family: "Material Icons";
  display: inline-flex;
  margin: 0;
  cursor: pointer;
}

ul.layout li:before {
  content: "view_stream";
  display: flex;
  align-items: center;
  justify-content: center;
}

ul.layout li.row-cols-2:before {
  content: "view_stream";
  transform: rotateZ(90deg);
}

ul.layout li.row-cols-3:before {
  content: "view_column";
}

ul.sort-filter {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

ul.sort-filter li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: inline-flex;
}

ul.sort-filter li a {
  color: #FFFFFF;
  padding: 0.25rem;
}
ul.sort-filter li a.completed::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  content: "done";
}
ul.sort-filter li a.cancelled::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  content: "cancel";
}
ul.sort-filter li a.trip::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  content: "date_range";
}
ul.sort-filter li a.check-in::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  content: "location_on";
}
ul.sort-filter li a.maintenance::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  content: "add_task";
}
ul.sort-filter li a.note::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  content: "note";
}
ul.sort-filter li a.photo::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  content: "photo";
}
ul.sort-filter li a.in-transit::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  content: "time_to_leave";
}
ul.sort-filter li a.showall::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  content: "apps";
}

#activity-feed .header-selectors {
  margin: 0.25rem 0;
  padding: 0.25rem 1rem;
}

/*
.feed-icon.open
    background: $primary-color;
    text-transform: lowercase;
    border-radius: 0.25rem;
    padding: 0.25rem;
    font-size: 12pt;
    font-weight: $fw-medium;
*/
.trip-status .feed-icon.none {
  color: none;
}
.trip-status .feed-icon.checkin {
  color: #3674b0;
}
.trip-status .feed-icon.checkout {
  color: #90bc56;
}
.trip-status .feed-icon.canceled {
  color: #dc3545;
}
.trip-status .feed-icon.completed {
  color: #90bc56;
}
.trip-status .feed-icon.partiallycompleted {
  color: #545253;
}
.trip-status .feed-icon.noworkperformed {
  color: #787878;
}

span.feed-icon {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  background: #3674b0;
}
span.feed-icon::before {
  color: #FFFFFF;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
}
span.feed-icon.none {
  background: none;
}
span.feed-icon.checkin {
  background: #3674b0;
}
span.feed-icon.checkin::before {
  content: "login";
}
span.feed-icon.checkout {
  background: #90bc56;
}
span.feed-icon.checkout::before {
  content: "logout";
}
span.feed-icon.canceled {
  background: #dc3545;
}
span.feed-icon.canceled::before {
  content: "cancel";
}
span.feed-icon.completed {
  background: #90bc56;
}
span.feed-icon.completed::before {
  content: "done";
}
span.feed-icon.partiallycompleted {
  background: #fdba34;
}
span.feed-icon.partiallycompleted::before {
  content: "done";
}
span.feed-icon.noworkperformed {
  background: #787878;
}
span.feed-icon.noworkperformed::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" 1;
  content: "adjust";
}

.widgets ul.list-group {
  border-radius: 1rem;
}
.widgets ul.list-group li.list-group-item {
  background: none;
  border: none;
  padding: 0.5rem 0 0 0;
}
.widgets ul.list-group li.list-group-item > i {
  margin-right: 0.5rem;
}
.widgets ul.list-group li.list-group-item .badge {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 400;
  background: none;
  color: #171717;
}

.card {
  border-radius: 0.75rem;
}
.card h4.card-title {
  text-transform: capitalize;
  letter-spacing: -1px;
}
.card.secondary {
  background: #CDD4D9;
}
.card.secondary h4.card-title {
  color: #f8f9fa;
}
.card.bg-warning {
  cursor: pointer;
  color: #171717;
}
.card.bg-warning h4 {
  color: #feedcc;
}
.card.bg-warning:hover {
  background-color: #ffca2b !important;
}
.card.bg-accent {
  background: #90bc56;
}
.card.custom-block .card-title {
  background-color: rgba(0, 0, 0, 0.05);
  margin: 0 0 1rem;
  padding: 0.75rem 1rem;
  text-transform: capitalize;
  border-radius: 0.75rem;
}

.bg-light.darken {
  background: #eff1f4 !important;
}

#side-bar-widget .card .card-header {
  background: transparent;
  border: none;
  padding: 1rem 1rem 0rem 1rem;
}

.analyticWidget h2 {
  font-size: 3rem;
  color: #FFFFFF;
}
.analyticWidget h4, .analyticWidget i {
  color: rgba(255, 255, 255, 0.5);
}

.newProduct h4, .newProduct i {
  color: rgba(255, 255, 255, 0.85);
}

.border-none {
  border: none;
}

a.button.green, button.green, input.green {
  background: #90bc56;
  color: #FFFFFF;
  border: none;
}

a.button.red, button.red, input.red {
  background: #dc3545;
  color: #FFFFFF;
  border: none;
}

a.button.blue, button.blue, input.blue {
  background: #3674b0;
  color: #FFFFFF;
  border: none;
}

.button[value=Cancel] {
  background: #787878;
  color: #FFFFFF;
  border: none;
}

.form-floating > label {
  margin: 0;
  font-size: 1rem;
}

@media all and (max-width: 1200px) {
  body > form {
    max-width: 100vw;
    overflow: hidden;
  }
  .container .sixteen.columns {
    width: 100%;
  }
  form > .container section > table tr {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }
  form > .container section > table tr td.flex-grow {
    flex: 1;
  }
  #ctl00_main_radAjax .FormButtons {
    float: none;
  }
}
@media screen and (max-width: 992px) {
  article.main #activity-feed .entries .entry .trip-status-row {
    justify-content: flex-end;
  }
  article.main #activity-feed .entries .entry .trip-status-row .trip-status {
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  header {
    padding: 0 0.5rem;
  }
  header .branding {
    order: 1;
  }
  header .search {
    order: 2;
  }
  header .user-menu {
    order: 3;
  }
  header .menu-button, header .menu-navigation {
    order: 4;
  }
  header .nav-notify {
    order: 5;
  }
  header .col-logo {
    flex: 0 0 auto;
    width: 20%;
  }
  header .col-section-logo {
    flex: 0 0 auto;
    width: 80%;
  }
  header .menu-navigation .nav .nav-link {
    padding: 0.5rem;
    border-right: none;
    border-bottom: 1px solid #C3C4C5;
  }
  header .nav-item.dropdown.sectionLogo .nav-link#sectionLogo img {
    width: 165px;
  }
  .select2-container {
    left: 0px !important;
    right: 0px !important;
    width: auto !important;
  }
  .select2-container--open .select2-dropdown {
    left: auto !important;
    right: 0px !important;
  }
  .reportFilter.row {
    flex-direction: column;
  }
  .flex-buttons {
    align-items: flex-end;
    flex-wrap: wrap;
  }
  .flex-buttons input, .flex-buttons button, .flex-buttons a {
    margin-bottom: 0.5rem;
  }
  .user-profile .avatarImage img {
    width: 72px;
    height: 72px;
  }
  aside#side-bar-widget {
    width: 100%;
  }
  .btn,
  a.button,
  button,
  input[type=submit],
  input[type=reset],
  input[type=button] {
    font-size: 0.875rem;
    padding: 0.25rem 0.75rem;
  }
  body.reports .column,
  body.reports .columns,
  body.reports .summaryDetails .columns,
  body.reports .summaryDetails .column {
    width: 100% !important;
  }
  .system-builder-view {
    flex-direction: column;
  }
  .system-builder-view .checklistSection {
    max-width: 100%;
  }
}
@media all and (min-width: 576px) {
  .hidden-md {
    display: none !important;
  }
}
@media all and (max-width: 576px) {
  header .search {
    order: 4;
  }
  header .user-menu {
    order: 2;
    flex-wrap: nowrap;
    padding: 0;
  }
  header .menu-button {
    order: 3;
  }
  header .dropdown-toggle::after {
    display: none;
  }
  .hidden-sm {
    display: none !important;
  }
  body,
  body > form {
    max-width: 100vw;
  }
  #aside.shadow,
  aside + article#main {
    width: calc(100% - 32px);
    box-sizing: border-box;
    margin: 0;
  }
  .dropdown-menu {
    box-shadow: none;
    border-bottom: 2px solid #C3C4C5;
  }
  .btn.btn-icon {
    width: 56px;
    height: 56px;
    align-items: center;
    justify-content: center;
    display: flex;
    text-decoration: none;
    position: absolute;
    top: 0px;
  }
  /* header h1.logo {
  	display: none;
  	width: 56px;
  	background-size: 260px auto;
  } */
  header nav h1.logo {
    display: block;
    width: 100%;
  }
  #objectHeader a {
    color: #fff;
    float: left;
    height: 42px;
    width: 52px;
    text-align: center;
    margin-left: -10px;
    padding-top: 6px;
    padding-right: 12px;
  }
  #objectHeader a i.material-icons {
    font-size: 30px;
  }
  header {
    /*	height: 56px;
    	background: #fff;
    	border-bottom: 1px solid #f3f3f3;
    	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    	position: fixed;
    	width: 100%;
    	top: 0;*/
  }
  header nav.menu-navigation {
    overflow: auto;
    overflow-x: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    bottom: 0;
    z-index: 999;
    max-width: 90vw;
    width: 80vw;
    transition: transform 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
    transform: translateX(-110%);
    z-index: 99999;
    padding: 3rem 0 0 0;
    background: #F8F8F8;
  }
  header .nav-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    pointer-events: none;
    background: rgba(0, 0, 0, 0.6);
    width: 100vw;
  }
  header.show-menu .nav-overlay {
    opacity: 1;
    pointer-events: all;
  }
  header.show-menu nav.menu-navigation {
    transform: translateX(0%);
  }
  header nav.menu-navigation ul {
    flex-direction: column;
    flex-basis: 100%;
  }
  header nav.menu-navigation ul.nav {
    box-shadow: none;
  }
  /*header #access .btn.btn-menu {
  	flex-shrink: 0;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	text-decoration: none;
  	width: 48px;
  }
  header ul li a i {
  	padding-right: 8px;
  }
  header nav ul li,
  header nav ul li a,
  nav li:hover > a {
  	display: flex;
  	flex-direction: column;
  	background-color: #fff;
  	color: #666 !important;
  	border: 0;
  	text-align: left;
  }
  nav li:hover ul {
  	position: relative;
  }*/
  header.show-menu body {
    overflow: hidden;
  }
  header nav.menu-navigation ul ul li a {
    padding-left: 40px !important;
    padding-right: 16px !important;
  }
  header nav.menu-navigation ul ul li a.active {
    background-color: #666;
  }
  header nav.menu-navigation ul ul {
    display: flex;
    flex-direction: column;
    visibility: visible;
    opacity: 1;
    width: auto;
    position: relative;
  }
  header div.userMenuSettings {
    margin: 0;
    height: auto;
    padding-left: 0;
    padding-bottom: 0;
  }
  header div.userMenuSettings div.user {
    padding-top: 4px;
    line-height: 0.7;
  }
  header > .container {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  header .container .three.columns {
    width: auto;
    overflow: hidden;
    float: none;
  }
  header div.userMenuSettings {
    width: auto;
  }
  header div.userMenuSettings div.messageEnvelope,
  header div.userMenuSettings .logout {
    display: none;
  }
  form > .container {
    overflow: auto;
    padding-top: 0;
    margin-top: 56px;
    padding-top: 16px;
  }
  form > .container section {
    margin: 0;
    padding: 0;
  }
  .container .alpha,
  .container .omega {
    margin-left: 10px;
    margin-right: 10px;
  }
  .panelForm,
  .FormElementInline {
    float: none;
  }
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .sixteen.columns {
    float: none;
    /* display: block; */
    width: auto;
  }
  .container .ten.columns {
    width: auto;
  }
  select,
  select.smallerSelect,
  input[type=text],
  input[type=password],
  input[type=email],
  input[type=tel],
  textarea {
    width: 100% !important;
    box-sizing: border-box;
  }
  .newContentObjectWrapper {
    width: auto;
    margin-left: 0;
    left: 0;
    padding-left: 8px;
    padding-right: 8px;
  }
  .newContentObject {
    max-width: 100%;
    min-width: auto;
  }
  .summaryDetails > div,
  .table-wrap {
    overflow: auto;
    width: 100%;
    position: relative;
  }
  .summaryDetails table td {
    white-space: nowrap;
  }
  .table-wrap > table.table-builder > tbody > tr {
    display: flex;
    flex-direction: column;
  }
  .systems .loctd,
  .systems .systd,
  .systems .statd,
  .systems .towtd,
  .systems .fautd {
    min-width: 100vw;
    max-width: 100%;
    width: 100%;
  }
  .eventsLogWrapper {
    max-width: calc(100% - 20px);
  }
  .side-bar-wrap {
    width: 100%;
  }
  #side-bar-widget {
    margin: 0;
    width: 100%;
  }
  ul.layout,
  ul.sort-filter {
    display: none !important;
  }
  a.button.hide-summary,
  a.button.show-summary {
    display: inline-flex;
    align-items: center;
    margin-top: 0;
  }
  a.button.with-icon i {
    margin-right: 8px;
  }
  .divSortIcons .gridType {
    display: none;
  }
  #lastedit {
    position: relative;
    margin-top: 0;
  }
}/*# sourceMappingURL=scss.css.map */