/* Colours */
/* TODO REMOVE YUSEN */
/* Fonts */
/* Attributes */
/* Images */
/* Tables */
/* Buttons */
/*********************/
/* Mixins */
@font-face {
  font-family: "icomoon";
  src: url(/dist/dev/fonts/icomoon-d0cf7b3831b8b1d77251940015d653d6.eot);
  src: url(/dist/dev/fonts/icomoon-d0cf7b3831b8b1d77251940015d653d6.eot#iefix) format("embedded-opentype"), url(/dist/dev/fonts/icomoon-29b77e5f08e72319dc84306b8c4005dc.ttf) format("truetype"), url(/dist/dev/fonts/icomoon-15f3ea21f15114f483fbd661c0f86662.woff) format("woff"), url(/dist/dev/fonts/icomoon-ffa5b4053d36e61c6b4b781d42741aab.svg#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "robotoregular";
  src: url(/dist/dev/fonts/roboto-regular-webfont-456c986d488262f4d78367cd827eb896.eot);
  src: url(/dist/dev/fonts/roboto-regular-webfont-456c986d488262f4d78367cd827eb896.eot?#iefix) format("embedded-opentype"), url(/dist/dev/fonts/roboto-regular-webfont-103b339593fda1645c3b945eb2ec129e.woff2) format("woff2"), url(/dist/dev/fonts/roboto-regular-webfont-317ebc707685f56ce3b0bd35c91e3b90.woff) format("woff"), url(/dist/dev/fonts/roboto-regular-webfont-815ff1d067d610d286a4518cd19ea8b8.ttf) format("truetype"), url(/dist/dev/fonts/roboto-regular-webfont-f005967bd9ba6aa07b0d7d6cca03deb1.svg#robotoregular) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "nunitoregular";
  src: url(/dist/dev/fonts/nunito-regular-webfont-047c015eb27c9f7900408b6410773755.eot);
  src: url(/dist/dev/fonts/nunito-regular-webfont-047c015eb27c9f7900408b6410773755.eot?#iefix) format("embedded-opentype"), url(/dist/dev/fonts/nunito-regular-webfont-59faef7bbc0113bed4712697a33ff38d.woff2) format("woff2"), url(/dist/dev/fonts/nunito-regular-webfont-ac4131d47d0cb7d6b682c91a877d0a03.woff) format("woff"), url(/dist/dev/fonts/nunito-regular-webfont-e3a26a5a8fe539634138e3a32d092f64.ttf) format("truetype"), url(/dist/dev/fonts/nunito-regular-webfont-66ad2d4da77c54c25665f75a393ec93d.svg#nunitoregular) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* ICOMOON */
.icomoon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icomoon.disabled {
  opacity: 0.5;
}

.icomoon.test {
  color: #cecece;
  font-size: 65px;
}

h1 .label .icomoon, .h1 .label .icomoon {
  font-size: 1.2rem;
  margin-right: 3px;
}

h2 .icomoon, .h2 .icomoon {
  font-size: 1.3rem;
  margin-right: 6px;
}

td .label .icomoon {
  font-size: 0.8rem;
  margin-right: 3px;
}

@font-face {
  font-family: "FontAwesome";
  src: url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0");
}
/* OVERRIDES */
html {
  min-height: 100%;
  height: 100%;
}

body {
  background-color: #f2f2f2;
  font-family: "nunitoregular", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  color: rgba(0, 0, 0, 0.54);
  position: relative;
  min-height: 100%;
  font-size: 1rem;
}
body.focus .main-content {
  overflow: hidden;
}

body.outside {
  background: #f2f2f2 url(/images/roadway-bg.png) no-repeat !important;
  background-size: cover !important;
  background-position-y: -100px !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: "nunitoregular", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  color: rgba(0, 0, 0, 0.54);
}

.h1, h1 {
  font-size: 1.8rem;
}

.h2, h2 {
  font-size: 1.4rem;
  line-height: 1;
}

label {
  color: rgb(112, 112, 112);
  font-size: 1.1rem;
  font-family: "nunitoregular", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  margin-bottom: 0;
}

form {
  width: 100%;
}

.card .form-group {
  margin-bottom: 0;
}
.card .form-group.signIn {
  margin-bottom: 1rem;
}
.card .form-group .row .input-group .input-group-prepend {
  height: 38px;
}
.card .form-group .row .input-group .input-group-prepend .icon {
  margin: auto;
  padding: 0;
}
.card .form-group .row .input-group .input-group-append .icon {
  margin: auto;
  padding: 0;
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email],
[type=month], [type=number], [type=password], [type=search], [type=tel],
[type=text], [type=time], [type=url], [type=week], textarea, [type=color].form-control, [type=date].form-control, [type=datetime-local].form-control, [type=datetime].form-control, [type=email].form-control,
[type=month], [type=number], [type=password], [type=search], [type=tel],
[type=text].form-control, [type=time].form-control, [type=url].form-control, [type=week].form-control, textarea.form-control {
  background-color: white;
  border: 1px solid #a3a3a3;
  box-shadow: none;
  padding: 5px 10px;
  font-size: 0.9rem;
  color: rgb(52, 52, 52);
  border-radius: 0.25rem;
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email],
[type=month], [type=number], [type=password], [type=search], [type=tel],
[type=text], [type=time], [type=url], [type=week], [type=color].form-control, [type=date].form-control, [type=datetime-local].form-control, [type=datetime].form-control, [type=email].form-control,
[type=month], [type=number], [type=password], [type=search], [type=tel],
[type=text].form-control, [type=time].form-control, [type=url].form-control, [type=week].form-control {
  height: 38px;
}

select.form-control {
  font-size: 0.9rem;
  padding: 5px 7px;
  height: 38px;
  color: rgb(52, 52, 52);
}

.form-group .fakeInput {
  font-size: 0.75rem;
  height: auto;
  min-height: 32px;
  display: inline-block;
  margin-top: 5px;
  padding-top: 4px;
  width: 100%;
  background-color: #f0f0f0;
  padding: 7px;
  border-radius: 5px;
  word-break: break-word;
}

table tbody td .fakeInput {
  font-size: 1rem;
}

/*
If you've ended up here, I want to preface an apology.
I'm sorry I used absolute values here seemingly randomly,
but I did what I did for good reason and I'd do it again
if I had to.
*/
table tbody td .iconInput {
  max-height: 34px;
}

table tbody td .etaAltInput {
  padding-bottom: 18px;
}

[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus,
[type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus,
[type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus,
[type=url]:focus, [type=color]:focus, textarea:focus {
  box-shadow: none;
  border-radius: 0.25rem;
}
[type=text]:focus:-moz-read-only, [type=password]:focus:-moz-read-only, [type=date]:focus:-moz-read-only, [type=datetime]:focus:-moz-read-only, [type=datetime-local]:focus:-moz-read-only, [type=month]:focus:-moz-read-only, [type=week]:focus:-moz-read-only, [type=email]:focus:-moz-read-only, [type=number]:focus:-moz-read-only, [type=search]:focus:-moz-read-only, [type=tel]:focus:-moz-read-only, [type=time]:focus:-moz-read-only, [type=url]:focus:-moz-read-only, [type=color]:focus:-moz-read-only, textarea:focus:-moz-read-only {
  border: 1px solid #a3a3a3;
}
[type=text]:focus:read-only, [type=password]:focus:read-only, [type=date]:focus:read-only, [type=datetime]:focus:read-only,
[type=datetime-local]:focus:read-only, [type=month]:focus:read-only, [type=week]:focus:read-only, [type=email]:focus:read-only,
[type=number]:focus:read-only, [type=search]:focus:read-only, [type=tel]:focus:read-only, [type=time]:focus:read-only,
[type=url]:focus:read-only, [type=color]:focus:read-only, textarea:focus:read-only {
  border: 1px solid #a3a3a3;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/dist/dev/images/dropdown.png) no-repeat #ffffff;
  background-position: right center;
  background-size: 20px;
}

select.icon-dropdown {
  font-family: "FontAwesome", "nunitoregular" !important;
}

.helpIcon {
  position: absolute;
  top: 7px;
  right: 0px;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  font-size: 0.9rem;
  color: white;
  text-align: center;
  background-color: #1b72b9;
}

/* CAUTION: IE hackery ahead */
select::-ms-expand {
  display: none; /* remove default arrow in IE 10 and 11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width: 0\0 ) {
  select {
    background: none\9 ;
    padding: 5px\9 ;
  }
}
/* remove the clear icon from text inputs on ie because this breaks datatable filters */
input[type=text]::-ms-clear {
  display: none;
}

select, textarea {
  background-color: white;
  border: 1px solid #a3a3a3;
  height: 38px;
  box-shadow: none;
  padding: 5px 30px 5px 10px;
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.8);
  outline: none;
  border-radius: 0.25rem;
}
select.form-control:focus, textarea.form-control:focus {
  border: 1px solid #1b72b9;
  box-shadow: none;
}
select:focus, textarea:focus {
  border-color: #1b72b9;
}

span.displayField {
  background-color: transparent;
  border: none;
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 1rem;
  display: block;
}

::-webkit-input-placeholder, .form-control::-webkit-input-placeholder {
  opacity: 0.8;
}

::-moz-placeholder, .form-control::-moz-placeholder {
  opacity: 0.8;
}

::-ms-placeholder, .form-control::-ms-placeholder {
  opacity: 0.8;
}

::-moz-placeholder, .form-control::-moz-placeholder {
  opacity: 0.8;
}

::placeholder, .form-control::placeholder {
  opacity: 0.8;
}

.form-group {
  width: 100%;
  margin-bottom: 0;
}
.ui-datepicker {
  z-index: 1000 !important;
}

.pageContainer {
  padding: 1.2rem;
  padding-bottom: 0;
}

.bottomBanner {
  position: absolute;
  bottom: 0;
  height: 120px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  margin-bottom: 5px;
  z-index: 1100;
}

.block {
  min-height: 30%;
  background-color: #FCF9ED;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.26);
}
.block .blockContent {
  padding: 15px;
}
.block .blockContent .blockSubTitleText {
  font-family: "nunitoregular", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 27px;
  margin: 15px 0;
}
.block .blockTitle {
  font-family: "bebas_regular";
  width: 100%;
  color: #000000;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
}
.block .blockTitle .blockTitleStrike {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #F4EA45;
  position: relative;
  bottom: 31px;
  z-index: 995;
}
.block .blockTitle .blockTitleText {
  position: relative;
  z-index: 1000;
}
.block .blockTitle .blockTitleTextSmall {
  font-size: 30px;
  padding-bottom: 8px;
}

.tooltip {
  pointer-events: none;
  z-index: 2000;
}
.tooltip.fade {
  transition: none !important;
  opacity: 1 !important;
}

.tooltip .tooltip-inner {
  background: #1b72b9;
  color: white;
  text-align: left;
  max-width: 350px;
}

.tooltip > .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
  border-bottom-color: #1b72b9 !important;
}

.tooltip > .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
  border-top-color: #1b72b9 !important;
}

.tooltip > .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
  border-left-color: #1b72b9 !important;
}

.tooltip > .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
  border-right-color: #1b72b9 !important;
}

.tooltipIcon {
  background-color: #1b72b9;
  border-radius: 50%;
  padding: 0.4rem;
  font-size: 0.9rem;
  color: white;
  text-align: center;
}

.tableToolTip {
  padding: 0.4rem;
  border-radius: 100%;
  background-color: #1b72b9;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.tableToolTip span {
  text-align: center;
  font-size: 1rem;
  color: white;
  margin-left: 1px;
}
.tableToolTip.clear {
  padding: 0;
  background-color: transparent;
}

hr {
  /* TODO  set colour properly*/
  border-top: 4px solid rgba(0, 0, 0, 0.1);
}

.imgUpload {
  background: white;
  border: 1px solid #a3a3a3;
  border-radius: 0.25rem;
}

.dropdown-menu {
  z-index: 997;
}

.content-spacer {
  width: 100%;
  height: 20px;
}

.standardBox {
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.tableContainer {
  position: relative;
}

.map {
  width: 100%;
  height: 300px;
}

.flex-grow {
  flex-grow: 1;
}

.col-shrink {
  width: auto !important;
  flex-grow: 0 !important;
  flex-shrink: 1 !important;
}

.spacer {
  background-color: #b7b7b7;
  height: 1px;
  width: 100%;
  margin: 20px 10px;
}

.layoutBackgroundWhite {
  background-color: white;
}

.transparentBody {
  background-color: transparent;
}

.header {
  padding: 1.5rem;
  padding-bottom: 0.5rem;
}

.header-info {
  padding: 0.375rem 0.75rem;
  background-color: #ffffff;
  border-radius: 0.125rem;
  -moz-border-radius: 0.125rem;
  -webkit-border-radius: 0.125rem;
}
.header-info .label {
  color: #707070;
  font-size: 0.95rem;
  padding-right: 0.75rem;
  line-height: 0.95rem;
}
.header-info .value {
  font-family: "nunitoregular", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.25rem;
}

footer {
  z-index: 100;
  margin-top: 50px;
  font-size: smaller;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #FFF;
  border-top: 1px solid #BBB;
  color: #888;
}

.footerDiv {
  display: block;
  height: 100%;
  padding: 0.2rem 0;
  margin: 0rem 1.5rem;
}

.footerSpacer {
  height: 5rem;
}

.footerVersion {
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}

.footerLink {
  color: #666;
}

.footerLink:hover {
  color: #999;
}

.footerLinkDivider {
  display: inline-block;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}

.subheader {
  margin-top: 0;
}

.companyLogo {
  max-height: 110px;
}

.companyLogo.small {
  height: 65px;
}

.navbar.navbar-main {
  background-color: white;
  padding-left: 1.2rem;
  margin-bottom: 1.2rem;
}

.navbar-text.title-container {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0;
  padding-left: 1rem;
}

.title-container .main-title {
  font-size: 1.5rem;
  font-weight: bold;
}

.sidebarContainer {
  z-index: 1000;
}

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
  background-color: transparent;
  height: 100%;
}

.sidebar-sticky {
  position: relative;
  top: 0;
  padding-top: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  height: 100%;
}

@supports (position: sticky) {
  .sidebar-sticky {
    position: sticky;
  }
}
.sidebar-sticky a.nav-link {
  overflow-x: hidden;
  white-space: nowrap;
}
.sidebar-sticky a.nav-link .menu-icomoon {
  white-space: nowrap;
}
.sidebar-sticky a.nav-link .nav-link-text {
  white-space: nowrap;
}

.sidebar-sticky a.nav-link.active .nav-link-text {
  background: none;
  color: black;
  font-weight: bold;
  border-bottom: 4px solid #1b72b9;
}

.rectangular-logo {
  max-width: 400px;
  width: 100%;
  margin: auto;
  display: block;
  box-shadow: 0 0 0 4px #1b72b9;
  background: white;
}

.main-content {
  background-image: url(/images/roadway-bg.png) !important;
  background-size: cover;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.header-actions > * {
  font-size: 18pt;
  cursor: pointer;
}

.spacer-icon {
  width: 20px;
}

.focus-overlay {
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  right: 0;
  z-index: -999999;
  bottom: 0;
  position: fixed;
}
.focus-overlay.active {
  z-index: 9998;
}

table, tbody, tr, td, th {
  text-align: left;
}

table {
  /* box-shadow: 0 3px 5px rgba(0,0,0,0.26); */
  background: white;
}

table.isDataTable {
  width: 100%;
  border-bottom: none;
}

table.dataTable thead div {
  padding: 5px 10px;
  font-size: 0.9rem;
  height: 100%;
}

.dt-nowrap {
  white-space: nowrap;
}

td.actions {
  white-space: nowrap;
  font-size: 1rem;
}

table.spacer thead {
  border-bottom: 1px solid #cacaca;
}

table.spacer thead:after {
  content: "";
  display: block;
  height: 1.5em;
  width: 100%;
}

table.spacer tbody:before {
  content: "";
  display: block;
  height: 1.5em;
  width: 100%;
}

table thead th {
  font-weight: 400;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.54);
  /* text-transform: uppercase; */
}

.dataTables_wrapper .bottomRight .csvButtonDiv {
  float: left;
  margin: 0.75rem;
  margin-left: 0.5rem;
  font-size: 14px;
}
.dataTables_wrapper .bottomLeft .dt-buttons {
  display: none;
}
.dataTables_wrapper .bottomLeft .dataTables_length {
  margin-top: 12px;
  margin-left: 0px;
  margin-right: 25px;
}
.dataTables_wrapper .bottomLeft .dataTables_length label {
  font-size: 14px;
  font-family: unset;
}
.dataTables_wrapper .bottomLeft .dataTables_length select {
  height: 33px;
  padding: 3px 25px 3px 5px;
  border: 1px solid #dadce0;
  border-radius: 6px;
}
.dataTables_scrollHead .dataTables_scrollHeadInner {
  background-color: #fff;
  border: 1px solid #dadce0;
  border-top: 0;
}
.dataTables_scrollHead .dataTables_scrollHeadInner table {
  background: transparent;
}

.dataTables_scrollBody {
  background-color: #fff;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  max-height: none !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #e6e6e6;
}

.dataTables_paginate .tablePageButton {
  font-size: 14px;
}
.dataTables_paginate .tablePageButton.last {
  margin-right: 0px !important;
}
.dataTables_paginate .tablePageButton.first {
  margin-left: 0px !important;
}
.dataTables_paginate .tablePageButton.current {
  color: rgba(0, 0, 0, 0.8);
  background: white;
  border: 1px solid rgb(223, 223, 223);
  font-weight: bold;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

table.dataTable {
  z-index: 105;
}

table.dataTable thead {
  border: none;
  background-color: rgba(187, 187, 187, 0.59);
  /* border-bottom: 3px solid $yusenLightBlue;
  background: $yusenLightBlue; */
}

table#TOViewTable thead {
  border: none;
}

table.dataTable thead tr th {
  padding: 0px;
  /* height: 40px; */
  vertical-align: bottom;
  color: 0;
  /* background: $yusenLightBlue; */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: none;
}

table.dataTable thead tr th span.icomoon {
  vertical-align: top;
}

table.dataTable thead tr.search th {
  /* background: white; */
  padding-top: 0px;
}
table.dataTable thead tr.search th input {
  padding: 5px;
}
table.dataTable thead tr.search th select {
  padding-left: 5px;
  line-height: 16px;
}

/* table.dataTable thead tr th:nth-child(1){
    background: $yusenLightBlue;
}
table.dataTable thead tr th:nth-child(2){
    background: $yusenLightBlueCC;
}
table.dataTable thead tr th:nth-child(3){
    background: $yusenLightBlue99;
}
table.dataTable thead tr th:nth-child(4){
    background: $yusenLightBlue66;
}
table.dataTable thead tr th:nth-child(5){
    background: $yusenLightBlue99;
}
table.dataTable thead tr th:nth-child(6){
    background: $yusenLightBlueCC;
}
table.dataTable thead tr th:nth-child(7){
    background: $yusenLightBlue;
}
table.dataTable thead tr th:nth-child(8){
    background: $yusenLightBlue;
}
table.dataTable thead tr th:nth-child(9){
    background: $yusenLightBlueCC;
}
table.dataTable thead tr th:nth-child(10){
    background: $yusenLightBlue99;
}
table.dataTable thead tr th:nth-child(11){
    background: $yusenLightBlue66;
}
table.dataTable thead tr th:nth-child(12){
    background: $yusenLightBlue99;
}
table.dataTable thead tr th:nth-child(13){
    background: $yusenLightBlueCC;
}
table.dataTable thead tr th:nth-child(14){
    background: $yusenLightBlue;
} */
table.dataTable thead tr th div {
  font-weight: 600;
  margin: 2px;
  padding: 10px;
  white-space: nowrap;
}

table thead th input, table thead th select {
  display: inline-block;
  width: 100%;
  font-size: 0.8rem;
}

table.dataTable thead tr th div.tableSettingDiv {
  text-align: center;
  background: transparent;
  border: none;
}

table.dataTable thead tr th div.tableSettingDiv img {
  height: 40px;
}

table.dataTable thead tr th div.tableSettingDiv img:hover {
  cursor: pointer;
}

table.dataTable thead tr#showFilterRow {
  padding: 0px;
  height: 10px;
}

table.dataTable thead tr#showFilterRow .filterButtonTh {
  position: relative;
}

table.dataTable thead tr#showFilterRow .filterButtonTh .showFiltersButton {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -25%);
}

table.dataTable thead tr#showFilterRow .filterButtonTh .showFiltersButton:focus {
  outline: none;
}

table.dataTable thead tr#showFilterRow th {
  padding: 0px;
  height: 10px;
  border: none;
  text-align: center;
  font-size: 14px;
}

table.dataTable thead tr.tableHeaders {
  /* border-bottom: 1px solid $roadwayBlue; */
}

/* #TOViewTable_wrapper thead tr.tableHeaders{
    border: none;
} */
table.dataTable thead tr.search th {
  border: none;
  text-align: center;
  padding: 5px 10px;
  padding-top: 0;
  height: 30px;
}

table.dataTable thead tr.search th:last-child {
  padding-top: 0;
}

table.dataTable thead tr.search th input {
  height: 30px;
  border: 1px solid #dadce0;
  font-size: 0.8rem;
}

table.dataTable thead tr.search th select {
  height: 30px;
  border: 1px solid #dadce0;
}

table.dataTable thead tr.widths th {
  background-color: white;
  padding: 5px 10px;
  padding-right: 17px;
}

table tbody td {
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.8);
}

table tbody tr, table tbody tr {
  background-color: #fff;
  text-align: left;
}

table.dataTable tbody tr {
  border-top: 1px solid #dadce0;
  height: 55px !important;
}
table.dataTable tbody tr.hasChildRow td {
  border-top: 3px solid #1b72b9;
}
table.dataTable tbody tr.hasChildRow td:first-child {
  border-left: 3px solid #1b72b9;
}
table.dataTable tbody tr.hasChildRow td:last-child {
  border-right: 3px solid #1b72b9;
}

table.dataTable.display tbody tr:first-child.hasChildRow {
  border-top: 3px solid #1b72b9 !important;
}

table.childTable tbody tr, table.childTable thead tr {
  height: 0px !important;
}

table.dataTable tbody tr.childRow {
  background-color: #ccc !important;
}
table.dataTable tbody tr.childRow > td:first-child {
  padding: 10px !important;
  border: 3px solid #1b72b9;
  border-top: none;
}
table.dataTable tbody tr.childRow table.dataTable tbody tr {
  height: 0px !important;
}

table.dataTable tbody tr:not(.childRow):hover {
  background-color: whitesmoke !important;
}

table.dataTable tbody tr.isHover {
  background-color: whitesmoke !important;
}

table.dataTable.display tbody tr.odd td {
  box-shadow: none;
}

table.dataTable.display tbody tr.rowSelected,
table.dataTable.display tbody tr.odd.rowSelected,
table.dataTable.display tbody tr.even.rowSelected {
  background: #E8F0F8 !important;
}

table.dataTable.display tbody tr.selected td,
table.dataTable.display tbody tr.odd.selected td,
table.dataTable.display tbody tr.even.selected td {
  color: #000;
}

table.dataTable tbody tr.rowSelected > *,
table.dataTable.stripe > tbody > tr.odd.rowSelected > *, table.dataTable.display > tbody > tr.odd.rowSelected > *,
table.dataTable.display tbody tr.rowSelected, table.dataTable.display tbody tr.odd.rowSelected, table.dataTable.display tbody tr.even.rowSelected {
  box-shadow: none !important;
}

table.dataTable tbody tr td {
  vertical-align: middle;
  white-space: nowrap;
  padding: 8px 15px;
}

table.dataTable tbody tr td:focus {
  outline: none;
}

table.dataTable tbody tr td div.imageDiv {
  text-align: center;
  background: transparent;
}

table.dataTable tbody tr td div.imageDiv img {
  height: 40px;
}

table.dataTable tbody tr td.controlColumn {
  padding: 0 0 0 10px;
}

table.dataTable tbody tr td span.collectTime.early {
  color: green;
}

table.dataTable tbody tr td span.collectTime.delayed {
  color: red;
}

table.dataTable tbody tr td span.collectTime.ontime {
  color: #1b72b9;
}

table.dataTable tbody tr td .ontimeImage {
  height: 25px;
  margin-left: 10px;
}

table.dataTable .dropdown #dropdownMenuButton {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

table.dataTable tbody tr.child, table.dataTable tbody tr td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr.child > td:first-child {
  cursor: auto;
}

table.dataTable tbody tr.child td.child ul li:last-child span.dtr-title::before {
  /* content: "Actions";
  display: block; */
}

.noTableEntries {
  font-size: 20px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

table.dataTable tbody tr td .watchContainer .watchCircle {
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-left: 2px;
  position: absolute;
}

table.dataTable tbody tr td .watchContainer .watchCircle img {
  width: 30px;
  height: 30px;
}

table.dataTable tbody tr td .watchContainer .watchCircle.red {
  background: red;
}

table.dataTable tbody tr td .watchContainer .watchCircle.blue {
  background: #1b72b9;
}

table.dataTable tbody tr td .watchContainer .watchCircle.green {
  background: green;
}

table.dataTable tbody tr td .watchContainer {
  position: relative;
  padding: 0;
  padding-left: 10px;
}

table.dataTable tbody tr td .watchContainer .watch {
  width: 70px;
  height: 40px;
  border-radius: 20px;
  background: white;
  border: 2px solid grey;
  padding: 3px;
  margin: 5px;
  display: flex;
  justify-content: space-between;
  transition: all 0.2s;
  position: absolute;
  opacity: 0;
}

table.dataTable tbody tr td .watchContainer .watch .dropdown {
  position: absolute;
  top: 0;
}

table.dataTable tbody tr td .watchContainer .watch .dropdown .dropdown-menu {
  background: white;
  height: auto;
  height: initial;
}

table.dataTable tbody tr td .watchContainer .watch .dropdown .dropdown-menu .dropdownCircle {
  width: 30px;
  height: 30px;
  /* border-radius: 15px;
  border: 1px solid grey;
  background: grey; */
  margin: 0;
  padding: 0;
}

table.dataTable tbody tr td .watchContainer .watch .dropdown .dropdown-menu .dropdownCircle img {
  width: 30px;
  height: 30px;
}

table.dataTable tbody tr td .watchContainer .watch .dropdown .dropdown-menu .dropdownCircle.blue {
  background: #1b72b9;
}

table.dataTable tbody tr td .watchContainer .watch .dropdown .dropdown-menu .dropdownCircle.red {
  background: red;
}

table.dataTable tbody tr td .watchContainer .watch .dropdown .dropdown-menu .dropdownCircle.green {
  background: green;
}

table.dataTable tbody tr td .watchContainer .watch .dropdown .dropdown-menu .dropdown-item {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

table.dataTable tbody tr td .watchContainer .watch .dropdown .dropdown-menu .dropdown-item:hover {
  cursor: pointer;
}

table.dataTable tbody tr td .watchContainer .watch img.watchSetting {
  width: 20px;
  height: 20px;
  margin: auto;
  z-index: 9999;
}

table.dataTable tbody tr td .watchContainer .watch img.watchSetting:hover {
  cursor: pointer;
}

table.dataTable tbody tr td .watchContainer .watch .indicator {
  width: 30px;
  height: 30px;
  padding: 0;
  margin-left: 2px;
}

table.dataTable tbody tr td .watchContainer .watch .indicator img {
  width: 30px;
  height: 30px;
}

table.dataTable tbody tr td .watchContainer .watch .indicator.blue {
  background: #1b72b9;
}

table.dataTable tbody tr td .watchContainer .watch .indicator.green {
  background: green;
}

table.dataTable tbody tr td .watchContainer .watch .indicator.red {
  background: red;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  background-repeat: no-repeat;
  /* background-position: center left; */
  background-position: 7px 50%;
  padding-left: 13px;
  padding-right: 0px !important;
}

.table-widget table.dataTable thead .sorting_asc,
.table-widget table.dataTable thead .sorting_desc,
.table-widget table.dataTable thead .sorting_asc_disabled,
.table-widget table.dataTable thead .sorting_desc_disabled {
  background-position: 2px 50%;
  padding-left: 10px !important;
}

table.dataTable thead .sorting {
  background-image: url(/images/sort_both.png);
}

table.dataTable thead .sorting_asc {
  background-image: url(/images/sort_asc.png);
}

table.dataTable thead .sorting_desc {
  background-image: url(/images/sort_desc.png);
}

table.dataTable thead .sorting_asc_disabled {
  background-image: url(/images/sort_asc_disabled.png);
}

table.dataTable thead .sorting_desc_disabled {
  background-image: url(/images/sort_desc_disabled.png);
}

table.dataTable.display > tbody > tr.odd > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_1 {
  box-shadow: none;
}

table.dataTable.display tbody tr.odd > .sorting_1 {
  background-color: inherit;
}

table.dataTable.display tbody tr.even > .sorting_1 {
  background-color: inherit;
}

table.dataTable.display > tbody > tr.odd > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_2 {
  box-shadow: none;
}

table.dataTable.display tbody tr.odd > .sorting_2 {
  background-color: inherit;
}

table.dataTable.display tbody tr.even > .sorting_2 {
  background-color: inherit;
}

table.dataTable.display > tbody > tr.odd > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_3 {
  box-shadow: none;
}

table.dataTable.display tbody tr.odd > .sorting_3 {
  background-color: inherit;
}

table.dataTable.display tbody tr.even > .sorting_3 {
  background-color: inherit;
}

.dt-buttons {
  display: none;
}

table.dataTable.no-footer.DTFC_Cloned {
  border-bottom: none;
}

.DTFC_LeftHeadWrapper {
  background-image: linear-gradient(90deg, #00baf2 240px, rgba(0, 186, 242, 0.7) 400px, rgba(0, 186, 242, 0.7) 50%, rgba(0, 186, 242, 0.7) 80%), url("/images/tableheader_light.png");
  background-size: cover;
  border-right: 2px solid #0097c5;
}
.DTFC_LeftHeadWrapper table.dataTable.no-footer.DTFC_Cloned {
  background: transparent;
}

.DTFC_LeftBodyWrapper {
  border-right: 2px solid rgb(231, 231, 231);
}
.dataTableBreakWhitespace {
  white-space: normal;
}

.tableInfoIcon {
  /* todo centre icon */
  padding: 6px 8px;
  border: 1px solid black;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16), 0 2px 6px rgba(0, 0, 0, 0.23);
}

.tableInfoIcon.error {
  color: #f75048;
  border-color: #f75048;
}

table.sortableTable {
  border: 1px solid #dadce0;
  border-top: none;
}
table.sortableTable th, table.sortableTable td {
  padding: 8px 8px;
}
table.sortableTable thead {
  background-color: rgba(187, 187, 187, 0.59);
}
table.sortableTable thead th {
  font-size: 0.9rem;
  font-weight: 600;
}
table.sortableTable tbody {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
table.sortableTable tbody tr {
  height: 55px !important;
  border-top: 1px solid #dadce0;
}
table.sortableTable tbody tr td {
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.8);
}
table.sortableTable tbody tr.ui-sortable-helper {
  background-color: #E8F0F8;
}
table.sortableTable tbody tr.sortable-highlight {
  background-color: rgb(252, 234, 195) !important;
}
table.sortableTable .reorder {
  cursor: grab;
}
table.sortableTable .sizeToContent {
  width: 1%;
  white-space: nowrap;
  padding-left: 8px;
  padding-right: 8px;
}

.qualification-expired {
  color: #ff0000;
  font-weight: bold;
}

.qualification-warn {
  color: #ff8800;
  font-weight: bold;
}

.qualification-ok {
  color: #00ad00;
  font-weight: bold;
}

.defect-VDDFCT {
  color: #ff0000;
  font-weight: bold;
}

.defect-VDDFRW {
  color: #ff8800;
  font-weight: bold;
}

.defect-VDSERV {
  color: #00ad00;
  font-weight: bold;
}

.defect-VDAWWS {
  color: #ff8800;
  font-weight: bold;
}

.defect-VDINWS {
  color: #ff0000;
  font-weight: bold;
}

.mot-expired {
  color: #ff0000;
  font-weight: bold;
}

.mot-expiring {
  color: #ff8800;
  font-weight: bold;
}

.mot-ok {
  color: #00ad00;
  font-weight: bold;
}

.col-text-wrap {
  white-space: normal;
  word-break: break-word;
}

/*  jGrowl  */
.jErrorOrig, .jWarnOrig, .jInfoOrig {
  display: none;
}

div.jGrowl button {
  background-color: transparent;
  margin: 0;
  padding: 0;
}

div.jGrowl {
  padding: 10px;
  z-index: 9999;
  color: #ffffff;
  font-size: 16px;
}

body > div.jGrowl {
  position: fixed;
}

body > div.jGrowl.top-left {
  left: 0px;
  top: 105px;
}

body > div.jGrowl.top-right {
  right: 0px;
  top: 105px;
}

body > div.jGrowl.bottom-left {
  left: 0px;
  bottom: 0px;
}

body > div.jGrowl.bottom-right {
  right: 0px;
  bottom: 0px;
}

body > div.jGrowl.center {
  top: auto;
  bottom: 0px;
  left: 25%;
  width: 50%;
}

div.jGrowl-closer {
  margin: 5px;
  padding: 5px 10px;
  background-color: #eeeeee;
  border: 2px solid #000066;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: center;
}

div.jGrowl-notification {
  margin: 5px;
  width: 100%;
  padding: 0;
  opacity: 1;
}

/*  Error Growls  */
div.jGrowl div.jError {
  background-color: #b60404;
  border: 0;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  text-align: left;
}

div.jGrowl div.jError .jGrowl-close {
  color: #ffffff;
  float: right;
  font-weight: bold;
  cursor: pointer;
  padding: 2px 10px;
}

div.jGrowl div.jError div.jGrowl-header {
  color: #ffffff;
  font-weight: bold;
  background-color: #DB0000;
  padding: 2px 10px;
  font-size: 16px;
}

div.jGrowl div.jError div.jGrowl-message {
  color: #ffffff;
  margin: 5px 0px 5px 0px;
  font-weight: normal;
  padding: 5px 10px;
}

.jErrorLabel, .error {
  color: #cc0000;
}

/*  Warning Growls  */
div.jGrowl div.jWarn {
  background-color: #E97023;
  border: 0;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  text-align: left;
}

div.jGrowl div.jWarn .jGrowl-close {
  color: #ffffff;
  float: right;
  font-weight: bold;
  cursor: pointer;
  padding: 2px 10px;
}

div.jGrowl div.jWarn div.jGrowl-header {
  color: #ffffff;
  font-weight: bold;
  background-color: #eb5c00;
  padding: 2px 10px;
  font-size: 16px;
}

div.jGrowl div.jWarn div.jGrowl-message {
  color: #ffffff;
  margin: 5px 0px 5px 0px;
  font-weight: normal;
  padding: 5px 10px;
}

.jWarnLabel, .error {
  color: #cc0000;
}

/*  Info Growls  */
div.jGrowl div.jInfo {
  background-color: #1C8CD1;
  border: 0;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  text-align: left;
}

div.jGrowl div.jInfo .jGrowl-close {
  color: #ffffff;
  float: right;
  font-weight: bold;
  cursor: pointer;
  padding: 2px 10px;
}

div.jGrowl div.jInfo div.jGrowl-header {
  color: #ffffff;
  font-weight: bold;
  background-color: #3bacee;
  padding: 2px 10px;
  font-size: 16px;
}

div.jGrowl div.jInfo div.jGrowl-message {
  color: #ffffff;
  margin: 5px 0px 5px 0px;
  padding: 5px 10px;
}

.jInfoLabel {
  color: #008dcb;
}

.sHidden {
  display: none;
}

.clickable {
  cursor: pointer;
}

.fullWidth {
  width: 100%;
}

.height-screen {
  height: 100vh;
  overflow-y: hidden;
}

.formSpacer {
  height: 50px;
  margin-bottom: 1rem;
}

.standardMargin {
  margin-bottom: 1.2rem;
}

.mb-std {
  margin-bottom: 1.2rem;
}

.breakWord {
  word-break: break-all;
}

.bold {
  font-family: "nunitoregular";
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-100 {
  opacity: 1;
}

.text-success {
  color: #72BB53;
}

.text-amber {
  color: #ff6c10;
}

.text-fail {
  color: #f75048;
}

.bg-white {
  background-color: #ffffff;
}

.border-b {
  border-bottom: 1px solid #dadce0;
}

.border-t {
  border-top: 1px solid #dadce0;
}

.rounded {
  border: 1px solid #dadce0;
  border-radius: 6px;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.statusInfo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.statusInfo .statusLabel {
  color: white;
  padding: 5px 10px;
  border-radius: 8px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.26);
}
.statusInfo .statusDesc {
  margin-left: 5px;
  font-size: 1.1rem;
  display: block;
  flex-grow: 1;
  max-width: 100%;
}
.statusInfo.very-small {
  font-size: 0.6rem;
}
.statusInfo.small {
  font-size: 0.8rem;
}
.statusInfo.small .icomoon {
  margin-right: 5px;
}
.statusInfo.small .statusLabel {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.26);
}
.statusInfo.large {
  font-size: 24px;
}
.statusInfo.large .statusLabel {
  margin: 10px;
}
.statusInfo.large .icomoon {
  margin-right: 5px;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 05-Oct-2018, 17:08:47
    Author     : Martin
*/
.whiteButton {
  font-family: "nunitoregular", Arial, sans-serif;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.26);
  font-size: 18px;
  margin-bottom: 15px;
  cursor: pointer;
}

a.whiteButton {
  padding: 0 8px;
  text-decoration: none;
  color: inherit;
  font-size: 18px;
  line-height: 1.5;
}
a.whiteButton:hover {
  text-decoration: none;
  color: inherit;
}

.stdButton {
  border: none;
  background: #1b72b9;
  color: white;
  padding: 5px 10px;
  border-radius: 6px !important;
  border: 1px solid #1b72b9;
  transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
}
.stdButton:hover:not(.disabled) {
  background-color: #15AED1;
  border-color: #15AED1;
  color: white;
  transition: all 0.5s ease;
}

.stdButton.blue {
  border: 1px solid #1b72b9;
  background: #1b72b9;
}
.stdButton.blue:hover {
  background-color: #15AED1;
  border-color: #15AED1;
  transition: all 0.5s ease;
}

.stdButton.red {
  background: red;
  border: none;
}
.stdButton.red:hover {
  background-color: red;
}

.stdButton.green {
  background: #00ad00;
  border: none;
}
.stdButton.green:hover {
  background-color: #00ad00;
}

.stdButton.large {
  font-size: 30px;
  padding: 5px 20px;
}

.stdButtonIcon {
  display: flex;
  align-items: center;
  background: none;
  border: 0;
  color: #1b72b9;
  font-size: 13pt;
}

.stdButton.selected {
  background-color: #15AED1;
  border-color: #15AED1;
  color: white;
}

.actionButton {
  margin: 2px;
}

.btn {
  border-radius: 0;
}

.btn-danger {
  color: #fff;
  background-color: #f75048;
  border-color: #f75048;
}

.btn-danger:hover {
  background-color: #db342c;
  border-color: #db342c;
}

.btn-success {
  color: #fff;
  background-color: #72BB53;
  border-color: #72BB53;
}

.btn-success:hover {
  background-color: #579e39;
  border-color: #579e39;
}

.btn-success-disabled {
  color: #fff;
  background-color: #72BB53;
  border-color: #72BB53;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.blankButton {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
  color: inherit;
}

button.icon {
  background-color: transparent;
  border: 0;
  color: #1b72b9;
}

button.disabled {
  cursor: default;
  opacity: 0.5;
}

.select2 {
  width: 100% !important;
}
.select2.select2-container {
  min-height: 32px;
}
.select2.select2-container--open.select2-container--focus .select2-selection {
  border-color: #1b72b9;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.select2 .select2-selection {
  color: rgb(52, 52, 52);
  font-size: 0.9rem;
  background-color: transparent;
  font-family: "nunitoregular", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  width: 100%;
  border: 1px solid #dadce0;
  border-radius: 0;
  box-shadow: none;
  outline: 0;
  font-size: 0.75rem;
  color: #000000;
  transition: border-color 0.15s ease-in-out;
  margin-top: 5px;
  height: 32px;
}
.select2 .select2-selection .select2-selection__arrow {
  top: 15px !important;
}
.select2 .select2-selection .select2-search__field {
  margin-top: 0 !important;
}
.select2 .select2-selection .select2-selection__choice {
  margin: 0 5px;
  max-width: 95%;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.select2 .select2-selection .select2-selection__choice:first-of-type {
  margin-left: 0;
}
.select2 .select2-selection .select2-search__field::placeholder,
.select2 .select2-selection .select2-search__field::-ms-placeholder,
.select2 .select2-selection .select2-search__field::-moz-placeholder,
.select2 .select2-selection .select2-search__field::-webkit-input-placeholder {
  opacity: 0.8;
}
.select2 .select2-selection--multiple {
  min-height: 32px;
  overflow-y: hidden;
  display: flex;
}
.select2 .select2-selection--multiple .select2-selection__choice {
  background: #1b72b9;
  color: white;
  border: none;
}
.select2 .select2-selection--multiple .select2-selection__choice__remove {
  color: white;
}
.select2 .select2-selection__rendered {
  padding: 0;
  padding-top: 4px;
  display: flex !important;
  align-items: center !important;
  gap: 5px;
}
.select2 .select2-selection__rendered i {
  font-size: 13pt;
  color: #1b72b9;
}
.select2 .select2-search__field {
  height: 33px;
}
.select2 .select2-selection--single {
  height: 32px;
  padding: 0;
}
.select2 .select2-selection--single .select2-selection__rendered {
  padding: 2px 5px 0px 5px;
  height: 32px;
}
.select2 .select2-selection--single .select2-selection__arrow {
  top: 7px !important;
}

.select2-dropdown {
  border: 1px solid #1b72b9;
  border-top: none;
  border-radius: 0;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.select2-dropdown .select2-results__options li {
  padding: 0 3px;
  color: black;
  line-height: 22px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.select2-dropdown .select2-results__options li i {
  font-size: 13pt;
  color: #1b72b9;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 0.5rem;
}

.filterBox .content .select2 .select2-selection .select2-selection__choice {
  font-size: 12px;
}

.select2-container.select2-container--default.select2-container--open {
  z-index: 2000;
}

.file-icon-image {
  display: inline-block;
  width: 100px;
  height: 120px;
}

td .file-icon-image, th .file-icon-image {
  display: inline-block;
  width: 30px;
  height: 36px;
}

.enter-directory {
  cursor: pointer;
}

.view-file {
  cursor: pointer;
}

.filepondUploadFormContainer {
  display: flex;
  min-height: 170px;
  flex-wrap: wrap;
  justify-content: center;
  margin: -0.5rem;
}
.filepondUploadFormContainer.hidePreviewBanner {
  justify-content: start;
}
.filepondUploadFormContainer .filepond, .filepondUploadFormContainer .filepond--root {
  min-width: 150px;
  margin: 0.5rem;
  flex-grow: 1;
  font-size: 1.1rem;
  font-family: "nunitoregular", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  border-radius: 0.25rem;
  transition: width 0.2s ease-in-out;
  overflow: hidden;
  height: 170px;
}
@media screen and (max-width: 150px) {
  .filepondUploadFormContainer .filepond, .filepondUploadFormContainer .filepond--root {
    min-width: 100%;
    width: 100%;
  }
}
.filepondUploadFormContainer .filepond .filepond--drop-label, .filepondUploadFormContainer .filepond--root .filepond--drop-label {
  background: rgb(200, 200, 200);
  height: 100%;
  border-radius: 0.25rem;
}
.filepondUploadFormContainer .imgUploadContainer {
  margin: 0.5rem;
  position: relative;
  border-radius: 0.25rem;
}
.filepondUploadFormContainer .imgUploadContainer.hidePreviewBanner::after {
  display: none;
}
.filepondUploadFormContainer .imgUploadContainer::after {
  content: "Preview";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 5px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  color: white;
  line-height: 20px;
  border: 1px solid #a3a3a3;
  border-bottom: 0;
}
.filepondUploadFormContainer .imgUploadContainer img.imgUpload {
  height: 170px;
  -o-object-fit: cover;
     object-fit: cover;
}
.filepondUploadFormContainer .delete-icon {
  font-size: 20pt;
  cursor: pointer;
}

.filepondUploadFormContainer.filePondSmall {
  min-height: 120px;
}
.filepondUploadFormContainer.filePondSmall .filepond, .filepondUploadFormContainer.filePondSmall .filepond--root {
  height: 120px;
}
.filepondUploadFormContainer.filePondSmall .imgUploadContainer img.imgUpload {
  height: 120px;
}

#mapContent {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}
#mapContent .ol-popup {
  background: white;
  padding: 5px 15px;
  border-radius: 0 10px 10px 10px;
  box-shadow: 1px 1px 4px #cccccc;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #1b72b9;
  line-height: 1.1;
  max-width: 500px;
}

.modalMapSection {
  background: white;
  border: 2px solid rgb(230, 230, 230);
  position: absolute;
  padding: 0;
  margin: 0;
}
.modalMapSection .ol-popup {
  background: white;
  padding: 5px 15px;
  border-radius: 0 10px 10px 10px;
  box-shadow: 1px 1px 4px #cccccc;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #1b72b9;
  line-height: 1.1;
  max-width: 500px;
}

.sortable {
  display: flex;
  display: none;
  flex-direction: row;
  align-items: center;
}
.sortable .selected-block {
  margin-right: 20px;
  flex: 0 1 25%;
  align-self: start;
}
.sortable .selected-block li {
  background-color: #25aa25;
  color: #fff;
}
.sortable .selected-block li .merSortableHandle {
  color: #fff;
}
.sortable .spacer-block .icomoon {
  font-size: 35px;
  color: #cecece;
}
.sortable .available-block {
  margin-left: 20px;
  flex: 1 0 65%;
  align-self: start;
}
.sortable .available-block li {
  display: inline-block;
}
.sortable .block-title {
  font-size: 11pt;
  color: #1b72b9;
}
.sortable ul {
  width: 100%;
  min-height: 200px;
  list-style: none;
  border: 1px solid #dadce0;
  padding: 5px;
}
.sortable ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 5px;
  margin: 5px;
  border-radius: 5px;
  font-size: 10pt;
  border: 1px solid #dadce0;
}
.sortable ul li .merSortableHandle {
  color: #b2b2b2;
  margin-left: 10px;
}
.sortable ul li.ui-sortable-helper {
  background-color: #1b72b9;
  color: #fff;
}
.sortable ul li.sortable-highlight {
  background-color: rgb(252, 234, 195);
}
.sortable .selected-block .ui-sortable-disabled li, .sortable .available-block .ui-sortable-disabled li {
  background-color: #f0f0f0;
  cursor: inherit;
  color: rgba(0, 0, 0, 0.54);
}
.sortable .selected-block .ui-sortable-disabled li .merSortableHandle, .sortable .available-block .ui-sortable-disabled li .merSortableHandle {
  color: rgba(0, 0, 0, 0.54);
}

.ui-resizable-resizing {
  opacity: 0.7 !important;
  position: absolute;
  z-index: 99;
}

/*
Page Specific CSS
*/
.signUpInfoText {
  font-size: 24px;
}

.form-group label, .form-row label {
  display: block;
  width: 100%;
}
.form-group .errMessage, .form-row .errMessage {
  color: red;
  font-size: 12px;
  float: right;
}

.input-group-append .icomoon {
  background: none;
  color: #d2d2d2;
  font-size: 32px;
  border: 0;
  padding: 0;
  margin-left: 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.input-group-append .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.input-group-append .icon img {
  height: 28px;
  margin-left: 16px;
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
  display: none;
}

.loginBodyBackground .modal-backdrop {
  z-index: 950;
}

.inline-block {
  display: inline-block;
}

.mainContainer {
  overflow: hidden;
}

.pageContainer {
  position: relative;
}

.fullscreen-carousel {
  width: 100%;
  height: 100%;
  position: fixed;
}
.fullscreen-carousel .carousel-inner {
  width: 100%;
  height: 100%;
  position: fixed;
}
.fullscreen-carousel .carousel-inner .carousel-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: black;
  background-size: cover;
  z-index: 3;
  opacity: 0.5;
}
.fullscreen-carousel .carousel-inner .carousel-item {
  position: fixed;
  width: 100%;
  height: 100%;
}
.fullscreen-carousel .carousel-inner .carousel-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fullscreen-carousel .carousel-inner .carousel-item ~ .active img {
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.forgot-password {
  display: block;
  margin: 0 auto;
  color: #1b72b9;
  margin-top: 1rem;
}

.forgot-password:hover {
  color: #1b72b9;
}

.page-header {
  background: url("/images/topbanner.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 3px solid #35B4DE;
  position: relative;
  z-index: 10;
}
.page-header .page-logo-1 {
  width: 405px;
  display: inline-block;
  padding-left: 5px;
}
.page-header .page-logo-env {
  color: white;
  position: relative;
  top: -7px;
  left: -4px;
  font-size: 13px;
}
.page-header .page-logo-2 {
  display: block;
  width: 250px;
}

.bannerTitle {
  font-size: 20px;
  color: white;
  display: flex;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.bannerTitle .bannerEnv {
  font-size: 10px;
  color: white;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.login-block {
  padding: 0 10px;
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  opacity: 0.9;
}
.login-block .login-header {
  padding: 10px;
  border-bottom: 2px solid #cccccc;
}
.login-block .login-header .login-logo {
  display: block;
  margin: 0 auto;
  width: 305px;
}
.login-block .login-body {
  padding: 10px 0;
}

.page-title, .page-sub-title, .page-desc {
  width: 100%;
  color: #1b72b9;
  text-align: center;
  margin: 0;
}

.page-desc-2 {
  color: white;
  text-align: center;
  margin: 0;
}

.pipe {
  border-left: 2px solid white;
  padding-left: 10px;
}

.checkbox-container.LOGIN_KEEP_SIGNED_IN {
  margin-top: 0;
  align-items: center;
  flex-grow: 1;
}

.pageTitle {
  font-size: 22px;
  color: #1b72b9;
  font-weight: bold;
}

.sub-title {
  font-size: 20px;
  color: #1b72b9;
  font-weight: bold;
  text-align: center;
}

.account {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #1b72b9;
}

.account .logo {
  border: 2px solid #1b72b9;
  height: 42px;
  width: 42px;
  border-radius: 22px;
  padding-left: 1px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.account .logo img {
  height: 36px;
  width: 36px;
  border-radius: 18px;
}

.account .name {
  line-height: 18px;
}

.account .settings {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.account .settings:hover {
  color: #ff6c10;
  cursor: pointer;
}

.account .settings .icon {
  display: flex;
  align-items: center;
  margin-right: 3px;
}

.account .settings .icon img {
  height: 12px;
  width: 12px;
}

.tableOptions {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: flex-end;
  padding: 0px;
  font-size: 14px;
}
.tableOptions #showFilters, .tableOptions .showFiltersButton {
  margin-right: 10px;
  flex-grow: 1;
  text-align: center;
}
.tableOptions #selectColumnsDropdown, .tableOptions .selectColumnsDropdown, .tableOptions #ctSelectColumnsDropdown {
  flex-grow: 1;
}
.tableOptions #selectColumnsDropdown button.stdButton, .tableOptions .selectColumnsDropdown button.stdButton, .tableOptions #ctSelectColumnsDropdown button.stdButton {
  width: 100%;
}

.filterBox {
  width: 100%;
  background: white;
  margin-bottom: 20px;
}

.filterBox .title {
  padding: 5px 10px;
  /* font-size: 18px; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
}

.filterBox .title img {
  height: 20px;
}

.filterBox .body .subHeader {
  width: 100%;
  background: #dadce0;
  /* background: #d5f5ff; */
  border-radius: 5px;
  font-weight: bold;
  font-size: 9pt;
  display: flex;
  padding: 5px;
  margin: 5px 0;
  gap: 5px;
  /* border-bottom: 3px solid $yusenLightBlue; */
}
.filterBox .body .subHeader .actions {
  display: flex;
  align-items: center;
  gap: 3px;
}
.filterBox .body .subHeader .actions i {
  cursor: pointer;
  font-size: 10pt !important;
}

.filterBox .body .subHeader .left {
  display: flex;
  justify-content: flex-start;
}

.filterBox .body .subHeader .right {
  display: flex;
  align-items: center;
}
.filterBox .body .subHeader .right .icomoon {
  margin-left: 5px;
  cursor: pointer;
}

.filterBox .body .subHeader .appliedTick {
  display: flex;
  align-items: center;
  margin-left: 10px;
  display: none;
}

.filterBox .body .subHeader .appliedTick img {
  height: 15px;
}

.filterBox .body .content .contentPadding {
  padding: 5px 10px 10px 10px;
}

.filterBox .body .content .applyRow {
  display: flex;
  justify-content: flex-end;
}

.filterBox .body .content .applyRow button {
  background: #ff6c10;
  color: white;
  border: 2px solid #ff6c10;
}

.filterBox .body .content .applyRow button:hover {
  cursor: pointer;
}

.filterBox .body .content .applyRow .resetButton,
#filterModal .resetButton {
  background: white;
  border: 2px solid #ff6c10;
  color: #ff6c10;
  font-weight: bold;
}

.filterBox .body .content .applied {
  font-size: 10px;
  color: grey;
  margin-bottom: 10px;
}

.filterBox .body .content .applied .header {
  font-size: 12px;
  color: #1b72b9;
}

.filterBox .body .content .applied span {
  font-weight: bold;
}

.filterBox .body .content .checkboxLine {
  display: flex;
  padding-left: 7px;
}

.filterBox .subsetDropdownArrow {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 30px;
  padding: 5px;
  margin-right: -5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.filterBox .subsetDropdownArrow img {
  width: 16px;
  height: 10px;
}

.filterBox .subsetDropdownArrow:hover {
  cursor: pointer;
}

.filterBox .subHeader[data-active-restriction] {
  color: #ff6c10;
}

.switchContainer {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 10px;
  margin-top: 1px;
}

.switchContainer label {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: white;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid grey;
  margin: 0;
}

.switchContainer .checkmark {
  position: absolute;
  top: -1px;
  left: -1px;
  height: 20px;
  width: 20px;
  background-color: #ff6c10;
  display: none;
  color: white;
  border-radius: 3px;
  border: 1px solid grey;
}

.switchContainer .checkmark img {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.switchContainer .form-check {
  display: none;
}

.rightSection {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.rightSection .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  max-height: none !important;
  border-bottom: none;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  height: unset !important;
}

#mapSection {
  background: grey;
}

.dataLoadingCover {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
}
.dataLoadingCover img {
  max-height: 100%;
  padding: 5px;
}

#selectColumnsDropdown .dropdown-menu, .selectColumnsDropdown .dropdown-menu, #ctSelectColumnsDropdown .dropdown-menu {
  padding: 0;
  width: -moz-max-content;
  width: max-content;
  min-width: 250px;
  overflow-y: hidden;
}
#selectColumnsDropdown .dropdown-menu .dropdownInfo, .selectColumnsDropdown .dropdown-menu .dropdownInfo, #ctSelectColumnsDropdown .dropdown-menu .dropdownInfo {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
#selectColumnsDropdown .dropdown-menu .dropdownInfo .mainText, .selectColumnsDropdown .dropdown-menu .dropdownInfo .mainText, #ctSelectColumnsDropdown .dropdown-menu .dropdownInfo .mainText {
  max-width: 350px;
  padding: 3px 10px;
}
#selectColumnsDropdown .dropdown-menu .dropdownInfo .closeButton, .selectColumnsDropdown .dropdown-menu .dropdownInfo .closeButton, #ctSelectColumnsDropdown .dropdown-menu .dropdownInfo .closeButton {
  flex-shrink: 1;
  color: white;
  background: #ff6c10;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 12px;
  border-bottom-left-radius: 0.25rem;
}
#selectColumnsDropdown .dropdown-menu .closeButton:hover, .selectColumnsDropdown .dropdown-menu .closeButton:hover, #ctSelectColumnsDropdown .dropdown-menu .closeButton:hover {
  cursor: pointer;
}
#selectColumnsDropdown .dropdown-menu .fixedColumnsLine, .selectColumnsDropdown .dropdown-menu .fixedColumnsLine, #ctSelectColumnsDropdown .dropdown-menu .fixedColumnsLine {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
#selectColumnsDropdown .dropdown-menu .fixedColumnsLine .action span.editFixed, .selectColumnsDropdown .dropdown-menu .fixedColumnsLine .action span.editFixed, #ctSelectColumnsDropdown .dropdown-menu .fixedColumnsLine .action span.editFixed {
  padding: 0 0 0 10px;
  font-size: 12px;
}
#selectColumnsDropdown .dropdown-menu .fixedColumnsLine .action span.editFixed:hover, .selectColumnsDropdown .dropdown-menu .fixedColumnsLine .action span.editFixed:hover, #ctSelectColumnsDropdown .dropdown-menu .fixedColumnsLine .action span.editFixed:hover {
  cursor: pointer;
}
#selectColumnsDropdown .dropdown-menu .fixedColumnsLine input, .selectColumnsDropdown .dropdown-menu .fixedColumnsLine input, #ctSelectColumnsDropdown .dropdown-menu .fixedColumnsLine input {
  height: 22px;
  font-size: 16px;
  padding: 0px 2px;
  width: 50px;
}
#selectColumnsDropdown .dropdown-menu .fixedColumnsLine input::-moz-placeholder, .selectColumnsDropdown .dropdown-menu .fixedColumnsLine input::-moz-placeholder, #ctSelectColumnsDropdown .dropdown-menu .fixedColumnsLine input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.23);
}
#selectColumnsDropdown .dropdown-menu .fixedColumnsLine input::placeholder, .selectColumnsDropdown .dropdown-menu .fixedColumnsLine input::placeholder, #ctSelectColumnsDropdown .dropdown-menu .fixedColumnsLine input::placeholder {
  color: rgba(0, 0, 0, 0.23);
}
#selectColumnsDropdown .dropdown-menu .columnList, .selectColumnsDropdown .dropdown-menu .columnList, #ctSelectColumnsDropdown .dropdown-menu .columnList {
  width: 100%;
  overflow-y: auto;
  max-height: 300px;
  padding: 3px 0px;
}
#selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine, .selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine, #ctSelectColumnsDropdown .dropdown-menu .columnList .columnSelectLine {
  display: flex;
  padding: 3px 10px;
  align-items: center;
  justify-content: start;
}
#selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .switchContainer, .selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .switchContainer, #ctSelectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .switchContainer {
  margin-bottom: 2px;
}
#selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .switchContainer .checkbox-container, .selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .switchContainer .checkbox-container, #ctSelectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .switchContainer .checkbox-container {
  width: 20px;
  height: 20px;
  padding: 0;
  margin-top: 0px;
}
#selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .switchContainer .checkbox-container .checkbox-label, .selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .switchContainer .checkbox-container .checkbox-label, #ctSelectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .switchContainer .checkbox-container .checkbox-label {
  width: 20px;
  height: 20px;
}
#selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .switchContainer .checkbox-container .checkbox-label .checkbox-custom, .selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .switchContainer .checkbox-container .checkbox-label .checkbox-custom, #ctSelectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .switchContainer .checkbox-container .checkbox-label .checkbox-custom {
  width: 20px;
  height: 20px;
}
#selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .switchContainer .checkbox-container .checkbox-label input:checked ~ .checkbox-custom::before, .selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .switchContainer .checkbox-container .checkbox-label input:checked ~ .checkbox-custom::before, #ctSelectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .switchContainer .checkbox-container .checkbox-label input:checked ~ .checkbox-custom::before {
  width: 20px;
  height: 20px;
  transform: inherit;
  left: -1px;
  top: -2px;
}
#selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .switchContainer .checkbox-container .checkbox-label input:checked ~ .checkbox-custom::after, .selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .switchContainer .checkbox-container .checkbox-label input:checked ~ .checkbox-custom::after, #ctSelectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .switchContainer .checkbox-container .checkbox-label input:checked ~ .checkbox-custom::after {
  left: 6px;
  top: 1px;
}
#selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine [type=checkbox], .selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine [type=checkbox], #ctSelectColumnsDropdown .dropdown-menu .columnList .columnSelectLine [type=checkbox] {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  margin-top: 3px;
}
#selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine [type=checkbox]:hover, .selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine [type=checkbox]:hover, #ctSelectColumnsDropdown .dropdown-menu .columnList .columnSelectLine [type=checkbox]:hover {
  cursor: pointer;
}
#selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .columnName, .selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .columnName, #ctSelectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .columnName {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  cursor: pointer;
}
#selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .columnName span.editName, .selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .columnName span.editName, #ctSelectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .columnName span.editName {
  padding: 0 0 0 10px;
  font-size: 12px;
}
#selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .columnName span.editName:hover, .selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .columnName span.editName:hover, #ctSelectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .columnName span.editName:hover {
  cursor: pointer;
}
#selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .columnName input, .selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .columnName input, #ctSelectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .columnName input {
  height: 20px;
  font-size: 14px;
  padding: 0px 2px;
  min-width: 100px;
  flex-grow: 1;
}
#selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .columnName input::-moz-placeholder, .selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .columnName input::-moz-placeholder, #ctSelectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .columnName input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.23);
}
#selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .columnName input::placeholder, .selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .columnName input::placeholder, #ctSelectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .columnName input::placeholder {
  color: rgba(0, 0, 0, 0.23);
}
#selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .dragIcon, .selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .dragIcon, #ctSelectColumnsDropdown .dropdown-menu .columnList .columnSelectLine .dragIcon {
  margin-left: 4px;
  font-size: 14px;
  padding: 2px;
  cursor: grab;
}
#selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine:hover, .selectColumnsDropdown .dropdown-menu .columnList .columnSelectLine:hover, #ctSelectColumnsDropdown .dropdown-menu .columnList .columnSelectLine:hover {
  background: rgb(240, 240, 240);
}
#selectColumnsDropdown .dropdown-menu .columnList.error, .selectColumnsDropdown .dropdown-menu .columnList.error, #ctSelectColumnsDropdown .dropdown-menu .columnList.error {
  font-size: 12px;
}

.welcome-logo {
  max-width: 400px;
  display: block;
}

#welcomeCarousel {
  max-width: 1600px;
  margin: 0 auto;
}
#welcomeCarousel .carousel-indicators li {
  width: 12px;
  height: 12px;
  margin: 0 5px;
  background: #fff;
  border-radius: 50%;
  border: 0;
  opacity: 1;
}
#welcomeCarousel .carousel-indicators li.active {
  background: #ff6c10;
}
#welcomeCarousel .carousel-inner .carousel-item img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.welcome-header {
  color: #1b72b9;
  font-family: "nunitoregular", Arial, sans-serif;
  text-align: center;
}

.welcome-container {
  max-width: 1600px;
}

.welcome-body p {
  font-size: 16px;
  font-family: "nunitoregular", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  color: #444444;
}

.links-block {
  width: 100%;
  background: #f2f2f2;
}
.links-block .links-header {
  background: #1b72b9;
  font-family: "nunitoregular", Arial, sans-serif;
  font-size: 20px;
  display: block;
  text-align: center;
  color: white;
  padding: 14px;
  letter-spacing: 4px;
}
.links-block .links-body {
  padding: 0 20px;
}
.links-block .links-body .link-body-link {
  display: block;
  padding: 10px;
  border-top: 1px solid #cccccc;
  color: #1b72b9;
}
.links-block .links-body .link-body-link:first-child {
  border-top: 0;
}

.status-block {
  width: 100%;
  background: #f2f2f2;
}
.status-block .status-header {
  background: #ff6c10;
  font-family: "nunitoregular", Arial, sans-serif;
  font-size: 20px;
  display: block;
  text-align: center;
  color: white;
  padding: 14px;
  letter-spacing: 4px;
}

#status-loader {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.privacy-policy-container {
  color: black;
}
.privacy-policy-container h1, .privacy-policy-container h2 {
  color: #1b72b9;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.privacy-policy-container p.subheading {
  color: #1b72b9;
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}

.mainMenu {
  background: white;
  font-size: 12px;
  position: relative;
  border-right: 1px solid #dadce0;
  height: 100%;
}
.mainMenu .headerBanner {
  height: 87px;
  background-image: linear-gradient(90deg, rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 60%, rgb(255, 255, 255) 90%), url("/images/header-2.jpg");
  background-size: cover;
  background-position-y: 330px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}
.mainMenu .headerBanner .bannerLogo {
  display: flex;
  justify-content: center;
}
.mainMenu .headerBanner .bannerLogo .bannerEnv {
  font-size: 10px;
  color: #000;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.mainMenu .headerBanner .bannerTitle:hover {
  cursor: pointer;
}
.mainMenu .menuAccount {
  color: #000;
  font-size: 12px;
  min-width: 160px;
  position: relative;
  transition: color 0.1s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.mainMenu .menuAccount:hover {
  box-shadow: inset 0px -2px 0px 0px #1b72b9;
  color: #1b72b9;
}
.mainMenu .menuAccount:hover .menuDropdown {
  display: block;
  font-weight: normal;
}
.mainMenu .menuAccount .accountContainer {
  padding: 5px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: right;
  height: 100%;
}
.mainMenu .menuAccount .accountContainer .accountIcon {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  border: 3px solid #1b72b9;
  margin: 0;
  margin-right: 10px;
}
.mainMenu .menuAccount .accountContainer .accountChevron {
  width: 12px;
  height: 12px;
  margin: 0 8px;
  position: relative;
  top: -2px;
}
.mainMenu .menuAccount .accountContainer .name {
  font-family: "nunitoregular", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 14px;
  line-height: 1;
}
.mainMenu .menuAccount .accountContainer.activeHeader {
  box-shadow: inset 0px -2px 0px 0px #1b72b9;
}
.mainMenu .menuAccount .menuDropdown {
  position: absolute;
  display: none;
  background: white;
  width: 100%;
  padding: 0;
  font-size: 12px;
  font-family: "nunitoregular", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  border: 1px solid #e6e6e6;
  z-index: 10;
}
.mainMenu .menuAccount .menuDropdown .link {
  line-height: 13px;
  padding: 12px 10px;
  margin: 0 10px;
  display: block;
  color: #1b72b9;
  text-decoration: none;
  border-top: 1px solid #cccccc;
  color: #1b72b9;
}
.mainMenu .menuAccount .menuDropdown .link:first-child {
  border-top: 0;
}
.mainMenu .menuAccount .menuDropdown .link:last-child {
  padding-bottom: 13px;
}
.mainMenu .menuAccount .menuDropdown .link span.icomoon {
  display: inline-block;
  width: 10px;
  font-size: 10px;
  margin-right: 2px;
}
.mainMenu .menuAccount .menuDropdown .link:hover {
  font-weight: bold;
}
.mainMenu .menuAccount .menuDropdown .link.activeLink {
  font-weight: bold;
}

.menuUIBlock {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(192, 192, 192, 0.5);
  z-index: 999;
}

.menuFooterSpacer {
  height: 3rem;
  width: 100%;
  background-color: #f5f5f5;
}

.selectLists {
  display: flex;
  width: 100%;
  height: 200px;
  align-items: center;
}
.selectLists select.functionsList {
  background: white;
  height: 100%;
  width: calc(50% - 22px);
}
.selectLists .listControls {
  width: 44px;
  display: grid;
}
.selectLists .listControls button {
  margin: 2px 5px;
}

.mainContentContainer {
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-x: hidden;
}

.standardSidebar-container {
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
}
.standardSidebar-container .standardSidebar-sidebar {
  flex-shrink: 0;
  width: 260px;
  height: 100%;
  padding-left: 15px;
  padding-right: 0;
}
.standardSidebar-container .standardSidebar-content {
  flex-grow: 1;
  height: 100%;
  max-width: 100%;
}

.standardResizableSection-container {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.standardResizableSection-container .standardResizableSection-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #fff;
  border: 1px solid #dadce0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 10px;
  width: 100%;
}
.standardResizableSection-container .standardResizableSection-group .dropdown-menu {
  padding: 0;
}
.standardResizableSection-container .standardResizableSection-group button .icomoon {
  position: relative;
  top: 2px;
}
.standardResizableSection-container .standardResizableSection-group .group-actions {
  border-right: 1px solid #dadce0;
  padding-right: 10px;
}
.standardResizableSection-container .standardResizableSection-group .group-actions .group-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #dadce0;
  padding: 10px;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.standardResizableSection-container .standardResizableSection-group .group-actions .group-option:hover {
  background-color: #15AED1;
  border-color: #15AED1;
  color: white;
  transition: all 0.5s ease;
}
.standardResizableSection-container .standardResizableSection-group .group-buttons {
  flex: 1;
  padding-left: 10px;
}
.standardResizableSection-container .standardResizableSection-top {
  position: relative;
  overflow: hidden;
}
.standardResizableSection-container .standardResizableSection-bottom {
  position: absolute;
  bottom: 0;
  transition: height 0.2s ease-out;
  height: 0;
  width: 100% !important;
  overflow: hidden;
}

.pageTitle-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.pageTitle-container .pageTitle-actions {
  align-self: center;
}

.subsetBlock {
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 5px;
  margin: 10px 0;
  width: 100%;
}
.subsetBlock .title {
  color: #1b72b9;
  font-size: 12pt;
  padding: 10px;
  border-bottom: 1px solid #dadce0;
}
.subsetBlock .body {
  padding: 10px;
}
.subsetBlock .body form {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.subset-container {
  background-color: #fff;
  border-radius: 15px;
  margin: 10px 0;
  border: 1px solid #dadce0;
}
.subset-container .subset-header {
  font-size: 20px;
  color: #1b72b9;
  font-weight: bold;
  padding: 10px;
  display: flex;
  justify-content: space-between;
}
.subset-container .subset-header.border-bottom {
  border-bottom: 1px solid #dadce0;
}
.subset-container .subset-header .subset-actions i.rotate {
  transform: rotate(180deg);
}
.subset-container .subset-row {
  display: flex;
  padding: 5px 10px;
  gap: 15px;
}
.subset-container .subset-row.actions {
  justify-content: end;
  padding-bottom: 10px;
}
.subset-container .subset-row .subset-field {
  padding: 0;
}

.accordianOLD {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.accordianOLD .accordian-item {
  width: 100%;
  margin: 2px 0;
  font-size: 9pt;
  font-weight: bold;
}
.accordianOLD .accordian-item.error .accordian-content {
  color: red;
}
.accordianOLD .accordian-item.open .fa-chevron-down {
  transform: rotate(-180deg);
  transition: transform 150ms ease;
}
.accordianOLD .accordian-item.closed .fa-chevron-down {
  transform: rotate(0deg);
  transition: transform 150ms ease;
}
.accordianOLD .accordian-item .accordian-header {
  display: flex;
  background-color: #dadce0;
  padding: 5px;
  border-radius: 5px;
}
.accordianOLD .accordian-item .accordian-header .accordian-title {
  display: flex;
  flex-grow: 1;
  align-items: center;
  gap: 3px;
}
.accordianOLD .accordian-item .accordian-header .accordian-actions {
  display: flex;
  gap: 5px;
}
.accordianOLD .accordian-item .accordian-header .accordian-actions .link-entities {
  display: flex;
  gap: 3px;
}
.accordianOLD .accordian-item .accordian-header .accordian-actions i {
  cursor: pointer;
}
.accordianOLD .accordian-item .accordian-header .accordian-actions .remove {
  width: 20px;
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  text-align: center;
}
.accordianOLD .accordian-item .accordian-content {
  padding: 5px;
}

@keyframes spin {
  100% {
    transform: rotate(180deg);
  }
}
.accordian {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 8px;
}
.accordian.view-mode .accordian-item {
  background-color: #f0f0f0;
  box-shadow: none;
}
.accordian .accordian-item {
  width: 100%;
  font-size: 9pt;
  border-radius: 26px;
  font-weight: bold;
  background-color: #fff;
  border: 1px solid #dadce0;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.accordian .accordian-item.app-created {
  background-color: #dadce0;
  box-shadow: none;
  border: 1px solid #b7b7b7;
}
.accordian .accordian-item.app-created .accordian-header .accordian-links {
  border-right: 1px solid #b7b7b7;
}
.accordian .accordian-item.app-created .accordian-header .accordian-links span {
  padding: 0 7px;
}
.accordian .accordian-item.app-created .accordian-header .accordian-links span + span {
  border-left: 1px solid #b7b7b7;
}
.accordian .accordian-item.app-created .accordian-header .accordian-status .statusLabel {
  box-shadow: none;
  border: 1px solid #b7b7b7;
}
.accordian .accordian-item.error .accordian-content {
  color: red;
}
.accordian .accordian-item.open .fa-chevron-down {
  transform: rotate(-180deg);
  transition: transform 150ms ease;
}
.accordian .accordian-item.closed .fa-chevron-down {
  transform: rotate(0deg);
  transition: transform 150ms ease;
}
.accordian .accordian-item .accordian-header {
  display: flex;
  padding: 5px;
  border-radius: 5px;
  align-items: center;
}
.accordian .accordian-item .accordian-header .accordian-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #15AED1;
  font-size: 12pt;
  color: #fff;
}
.accordian .accordian-item .accordian-header .accordian-title {
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding: 0 10px;
  font-size: 11pt;
  font-weight: bold;
  color: #333;
  gap: 5px;
}
.accordian .accordian-item .accordian-header .accordian-title i {
  color: #1b72b9;
  font-size: 12pt;
}
.accordian .accordian-item .accordian-header .accordian-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #333;
  font-size: 9pt;
  font-weight: bold;
  border-right: 1px solid #dadce0;
}
.accordian .accordian-item .accordian-header .accordian-links span {
  padding: 0 7px;
}
.accordian .accordian-item .accordian-header .accordian-links span + span {
  border-left: 1px solid #dadce0;
}
.accordian .accordian-item .accordian-header .accordian-status {
  border-right: 1px solid #dadce0;
  padding: 0 7px;
}
.accordian .accordian-item .accordian-header .accordian-actions {
  display: flex;
  align-items: center;
  padding: 0 7px;
  border-left: 1px solid #dadce0;
  gap: 3px;
}
.accordian .accordian-item .accordian-header .accordian-actions .link-entities {
  display: flex;
  gap: 3px;
}
.accordian .accordian-item .accordian-header .accordian-actions i {
  font-size: 12pt;
  color: #1b72b9;
  cursor: pointer;
}
.accordian .accordian-item .accordian-header .accordian-actions .form-actions {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-right: 3px;
}
.accordian .accordian-item .accordian-header .accordian-actions .form-actions button {
  background: none;
  color: #1b72b9;
  padding: 0;
  border: 0;
  margin: 0;
}
.accordian .accordian-item .accordian-content {
  padding: 15px;
}

.card, .modal-content {
  border: none;
  background-color: #FFFFFF;
  border-radius: 10px;
}
.card .card-header, .card .modal-header, .modal-content .card-header, .modal-content .modal-header {
  font-size: 1rem;
  font-family: "nunitoregular", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  border: none;
  color: #ffffff;
  background: linear-gradient(45deg, #1B72B9, #15AED1, #15AED1);
  padding: 0.35rem 1.25rem;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.card .card-header.modal-header, .card .modal-header.modal-header, .modal-content .card-header.modal-header, .modal-content .modal-header.modal-header {
  line-height: 1;
}
.card .modal-body, .modal-content .modal-body {
  border: 1px solid #dadce0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.modal-content .card-container, .tabPage .card-container {
  border-radius: 10px;
}
.modal-content .card-container .card, .tabPage .card-container .card {
  outline: 1px solid #dadce0;
  outline-offset: -1px;
}
.modal-content .card-container .card .card-header, .tabPage .card-container .card .card-header {
  z-index: 1;
}

.modal .modal-dialog {
  max-width: 1800px;
}
.modal .modal-dialog.detail-modal {
  max-width: none;
  height: 100%;
  padding: 2.5rem 2.5rem;
  margin: 0;
}
.modal .modal-dialog .modal-content {
  border-radius: 10px;
  height: 100%;
  margin: 0;
}
.modal .modal-dialog .modal-content .modal-header {
  align-items: center;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.modal .modal-dialog .modal-content .modal-header .close {
  color: white;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  opacity: 0.7;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal .modal-dialog .modal-content .modal-header .close:hover {
  opacity: 1;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 1.25rem;
}
.modal .modal-dialog .modal-content .modal-body.noPadding {
  padding: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.modal .modal-dialog .tabContainerModal {
  overflow-y: auto;
}
.modal .modal-dialog .standardModalContainer {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
}
.modal .modal-dialog .standardModalContainer .tabContainer {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.modal .modal-dialog .standardModalContainer .tabContainer .tabPage {
  overflow-y: auto;
  height: 100%;
}
.modal .modal-dialog .standardModalContainer .tabContainer .tabPage .content .row {
  margin-right: 0;
  margin-left: 0;
}
.modal .modal-dialog .standardModalContainer .tabContainer .tabPage .tabContent {
  height: 100%;
}
.modal .modal-dialog .standardModalContainer .contentFlexFill {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.modal .modal-dialog .standardModalContainer .contentFlexFill .flexFillBody {
  flex-grow: 1;
}
.modal .modal-dialog .standardModalContainer .contentFlexFill .flexFillButtons {
  margin-bottom: 5px;
}
.modal .modal-dialog .standardModalContainer .row.formButtonRow .col {
  padding: 0 25px;
}
.modal .modal-dialog.modal-dialog-center {
  margin: auto;
  justify-content: center;
}
.modal .modal-dialog.modal-dialog-height-to-content {
  height: unset;
}

.modal.countryModal {
  z-index: 2000;
}
.modal.countryModal .modal-dialog {
  margin: auto;
}
.modal.countryModal .modal-dialog .countryTableContainer {
  margin: auto;
  max-height: 60vh;
  overflow-y: scroll;
  border: 2px solid black;
  border-left: 1px solid black;
  width: 70%;
}
.modal.countryModal .modal-dialog .countryTableContainer .countryTable {
  width: 100%;
  margin-top: -1px;
}
.modal.countryModal .modal-dialog .countryTableContainer .countryTable thead th {
  color: black;
  border: 1px solid black;
  font-weight: bold;
  padding: 3px 6px;
}
.modal.countryModal .modal-dialog .countryTableContainer .countryTable tbody td {
  color: black;
  border: 1px solid black;
  padding: 3px 6px;
}
.modal.countryModal .modal-dialog .countryTableContainer .countryTable tbody td:hover {
  cursor: pointer;
}
.modal.countryModal .modal-dialog .countryTableContainer .countryTable tbody tr.selected td.countryName {
  background: #ff6c10;
  opacity: 0.5;
  font-weight: bold;
}

.modal-schedule-collisions .schedule-collision-pill-content {
  display: flex;
  flex-direction: column;
  align-items: start !important;
}
.modal-schedule-collisions .schedule-collision-pill-content-row {
  display: flex;
  width: 100%;
  line-height: 1.1;
  font-weight: normal;
  text-align: left;
}
.modal-schedule-collisions .schedule-collision-pill-content-row .schedule-collision-pill-content-name {
  font-weight: bold;
}
.modal-schedule-collisions .schedule-collision-pill-content-row .schedule-collision-pill-content-job {
  display: inline-block;
  flex-grow: 1;
  width: 39%;
}
.modal-schedule-collisions .schedule-collision-pill-content-row .schedule-collision-pill-content-date {
  display: inline-block;
  width: 14rem;
}
.modal-schedule-collisions .modal-schedule-collisions-text {
  text-align: center;
}
.modal-schedule-collisions .modal-schedule-collisions-content {
  margin: 0 0 1.65rem;
}
.modal-schedule-collisions .modal-schedule-collisions-content .modal-schedule-collisions-header {
  margin: 1.65rem 0rem 1rem;
}

.functionGroupExpandIcon, .functionGroupCollapseIcon {
  color: #1b72b9;
}
.functionGroupExpandIcon:hover, .functionGroupCollapseIcon:hover {
  color: #15AED1;
  transition: all 0.5s ease;
}

.functionGroupRowHeader {
  background-color: #F0F0F0;
  border: 2px solid #e6e6e6;
  border-bottom: 2px solid #1b72b9;
  padding: 0.5rem 1rem;
}

.iconInput {
  width: 100%;
  margin-bottom: 8px;
  background: white;
  display: flex;
  background: none;
}
.iconInput .icon {
  width: 25px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.iconInput .icon img, .iconInput .icon .icomoon {
  height: 20px;
  width: 20px;
  position: relative;
  top: -2px;
}
.iconInput .icon i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #1b72b9;
  line-height: 1;
}
.iconInput .path-icon {
  padding-bottom: 0.45rem;
}
.iconInput input {
  margin-bottom: 0;
}
.iconInput input:focus {
  outline: none;
}
.iconInput textarea {
  padding: 5px;
  min-height: 50px;
}

.iconInput.selected {
  border-color: #1b72b9;
}

.iconInput.formError input, .iconInput.formError select, .iconInput.formError textarea, .iconInput.formError .document-path {
  border: 1px solid #cc0000;
}

.form__group {
  width: 100%;
  position: relative;
  padding: 8px 0 0;
}

.iconInput .clear-input-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  position: relative;
  top: -7px;
}
.iconInput .clear-input-btn .icomoon {
  font-size: 0.8rem;
  color: #9b9b9b;
}
.iconInput .clear-input-btn:hover .icomoon {
  color: #000000;
}

.form__field.disabled {
  background-color: #dadce0;
}

.form__field, .form__field.form-control {
  font-family: "nunitoregular", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  width: 100%;
  border: 1px solid #dadce0;
  border-radius: 0.25rem;
  box-shadow: none;
  outline: 0;
  font-size: 0.75rem;
  color: #000000;
  padding: 5px;
  transition: border-color 0.15s ease-in-out;
  margin-top: 5px;
  height: 32px;
}

.form__field::-moz-placeholder {
  color: transparent;
  font-size: 1rem;
  -moz-user-select: none;
       user-select: none;
}

.form__field::placeholder {
  color: transparent;
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.form__field:-moz-placeholder-shown:not(:focus) ~ .form__label {
  font-size: 1rem;
  opacity: 0.8;
}

.form__field:placeholder-shown:not(:focus) ~ .form__label {
  font-size: 1rem;
  opacity: 0.8;
}

.form__field:not(:-moz-placeholder-shown):not(:focus) ~ .form__label {
  opacity: 0.8;
}

.form__field:not(:placeholder-shown):not(:focus) ~ .form__label {
  opacity: 0.8;
}

.form__label {
  display: block;
  font-size: 0.75rem;
  color: #1b72b9;
  cursor: auto;
}
.form__label.fake__label {
  font-family: "nunitoregular", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
}

.form__field:focus {
  border-color: #1b72b9;
}

.form__field:focus ~ .form__label, .form__label.populated {
  display: block;
  font-size: 0.75rem;
  color: #1b72b9;
  cursor: auto;
}

.form__label.formError {
  color: #cc0000;
}

.form-group {
  padding: 0 10px;
}

.form-group.no-padding {
  padding: 0;
}

.fakeColour {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  height: 2rem;
  width: 2rem;
}

.clr-field {
  width: 100%;
}

.clr-field > button {
  display: inline-block;
  height: 2rem;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 1.3rem;
}

/* reset input */
.form__field:required, .form__field:invalid {
  box-shadow: none;
}

.buttonGroupContainer {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
}
.buttonGroupContainer .iconInput {
  margin-bottom: 0;
}
.buttonGroupContainer .buttonGroup {
  position: absolute;
  margin-left: 6px;
  right: 0;
  bottom: 0;
}
.buttonGroupContainer .buttonGroup label {
  display: block;
  position: relative;
  padding-right: 6px;
  padding-left: 18px;
  padding-bottom: 5px;
  cursor: pointer;
  font-size: 12px;
  font-family: "nunitoregular", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
}
.buttonGroupContainer .buttonGroup label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.buttonGroupContainer .buttonGroup label .buttonGroupIcon:hover {
  color: #000000;
}
.buttonGroupContainer .buttonGroup label .buttonGroupCheckmark {
  position: absolute;
  left: 0;
  height: 12px;
  width: 12px;
  background-color: rgb(221, 221, 221);
  border-radius: 50%;
  margin-bottom: 2px;
}
.buttonGroupContainer .buttonGroup label .buttonGroupCheckmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 3px;
  left: 3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
}
.buttonGroupContainer .buttonGroup label:hover input ~ .buttonGroupCheckmark {
  background-color: #c4c4c4;
}
.buttonGroupContainer .buttonGroup label input:checked ~ .buttonGroupCheckmark {
  background-color: #00baf2;
}
.buttonGroupContainer .buttonGroup label input:checked ~ .buttonGroupCheckmark:after {
  display: block;
}

.heading {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 20px 50px;
}
.heading .heading-bg {
  height: 1px;
  background-color: #1b72b9;
  margin: 10px 0;
  flex-grow: 1;
}
.heading .heading-text {
  padding: 0 10px;
  background-color: transparent;
  z-index: 10;
  font-size: 25px;
  color: #1b72b9;
}

.sub-heading {
  display: flex;
  align-items: center;
  width: 100%;
}
.sub-heading .sub-heading-text {
  padding: 5px 0;
  margin-bottom: 25px;
  flex-grow: 1;
  background-color: transparent;
  z-index: 10;
  font-size: 18px;
  font-weight: bold;
  color: #1b72b9;
  border-bottom: 1px solid #1b72b9;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(21, 174, 209, 0.25);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  border-color: rgba(27, 114, 185, 0.5);
  background-color: rgba(27, 114, 185, 0.5);
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #1b72b9;
  background-color: #1b72b9;
}

.select2 .select2-selection {
  border-radius: 0.25rem;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #1b72b9;
}

.upcase {
  text-transform: uppercase;
}

.clickable {
  cursor: pointer;
}

.input-append-icon {
  position: relative;
  top: -7px;
}

.inline-button {
  padding-top: 0.3rem;
}

.button-group {
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 0.5rem;
}

.checkbox-container {
  height: 32px;
  margin-top: 8px;
  display: flex;
  cursor: pointer;
}

.input-title {
  display: inline-block;
  position: relative;
  top: -25px;
  right: -30px;
  font-family: "nunitoregular", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1rem;
}

/* Styling Checkbox Starts */
.checkbox-label {
  display: block;
  position: relative;
  font-size: 1rem;
  flex-shrink: 1;
}

.checkbox-label input {
  position: fixed;
  left: -2000px;
  opacity: 0;
  width: 1px;
  height: 1px;
}

.checkbox-label .checkbox-custom {
  position: relative;
  height: 24px;
  width: 24px;
  background-color: transparent;
  border-radius: 5px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  border: 2px solid #dadce0;
}

.checkbox-label input:checked ~ .checkbox-custom {
  background-color: #ff6c10;
  border-radius: 5px;
  transform: rotate(0deg) scale(1);
  opacity: 1;
  border: 2px solid #ff6c10;
}

.checkbox-label .checkbox-custom::after {
  position: absolute;
  content: "";
  left: 12px;
  top: 12px;
  height: 0px;
  width: 0px;
  border-radius: 5px;
  border: solid #ff6c10;
  border-width: 0 3px 3px 0;
  transform: rotate(0deg) scale(0);
  opacity: 1;
  transition: all 0.3s ease-out;
}

.checkbox-label input:checked ~ .checkbox-custom::after {
  transform: rotate(45deg) scale(1);
  opacity: 1;
  left: 8px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  background-color: transparent;
  border-radius: 0;
}

/* For Ripple Effect */
.checkbox-label .checkbox-custom::before {
  position: absolute;
  content: "";
  left: 10px;
  top: 10px;
  width: 0px;
  height: 0px;
  border-radius: 5px;
  border: 2px solid #ff6c10;
  transform: scale(0);
}

.checkbox-label input:checked ~ .checkbox-custom::before {
  left: -3px;
  top: -3px;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  transform: scale(3);
  opacity: 0;
  z-index: 999;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

.checkbox-title {
  position: relative;
  flex: 1;
}

.checkbox__form__label {
  width: 100%;
  font-size: 1rem;
  color: #9b9b9b;
  opacity: 0.8;
  padding-left: 6px;
  transition: all 0.3s ease-out;
  margin-bottom: 5px;
  cursor: inherit;
}

.checkbox__form__label.populated {
  color: #1b72b9;
}

.status-body {
  padding: 0 20px;
}
.status-body .status-body-section {
  display: block;
  padding: 18px;
  border-top: 1px solid #cccccc;
  color: #1b72b9;
}
.status-body .status-body-section:first-child {
  border-top: 0;
}
.status-body .status-body-section .status-body-section-info {
  font-size: smaller;
  color: rgba(0, 0, 0, 0.54);
}
.status-body .status-body-section .status-body-section-btn {
  float: right;
}

.profile-circle {
  border: 2px solid #e3e3e3;
  box-shadow: 1px 1px 4px #cccccc;
  height: 63px;
  width: 63px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #1b72b9;
}

.profile-circle.small {
  height: 36px;
  width: 36px;
}

.tabContainer {
  width: 100%;
}
.tabContainer .tabBar {
  display: flex;
  flex-wrap: nowrap;
}
.tabContainer .tabBar .tabBarItem {
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: white;
  border: 0;
  margin: 0;
  padding: 15px 20px;
  text-align: left;
  color: #1b72b9;
  font-family: "nunitoregular", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  line-height: 1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-right: 0px;
  border: 1px solid #dadce0;
  border-bottom: none;
}
.tabContainer .tabBar .tabBarItem:focus {
  outline: none;
}
.tabContainer .tabBar .tabBarItem.active {
  font-family: "nunitoregular", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  background-color: #1b72b9;
  color: #fff;
}
.tabContainer .tabBar .tabBarItem.disabled {
  cursor: default;
  color: #d0d0d0;
}
.tabContainer .tabBar .tabBarItem:hover {
  background-color: #15AED1;
  border-color: #15AED1;
  color: white;
  transition: all 0.5s ease;
}
.tabContainer .tabPage {
  background-color: #fff;
  padding: 15px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border: 1px solid #dadce0;
}

.usefulLinkRow {
  background: #f0f0f0;
}
.usefulLinkRow#usefulLinkRowTemplate {
  display: none;
}
.usefulLinkRow .usefulLinkRow-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  border: 2px solid #e6e6e6;
}
.usefulLinkRow .usefulLinkRow-header .usefulLinkRow-content {
  flex-grow: 1;
}
.usefulLinkRow .usefulLinkRow-header .usefulLinkRow-actions {
  flex-shrink: 1;
  display: flex;
  justify-content: right;
  align-items: center;
}
.usefulLinkRow .usefulLinkRow-header .usefulLinkRow-actions .reorder {
  cursor: grab;
}
.usefulLinkRow .usefulLinkRow-header .usefulLinkRow-text {
  font-size: 1.25rem;
  font-family: "nunitoregular", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
}

.usefulLinksCardActions {
  display: flex;
  justify-content: right;
  padding: 0.5rem 0rem;
}

#fileViewerModal .detailModal {
  display: flex;
  flex-direction: column;
}
#fileViewerModal .detailModal .standardModalContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-grow: 1;
  position: relative;
}
#fileViewerModal .detailModal .standardModalContainer #fileViewerImageElement {
  display: none;
  position: absolute;
  max-height: 100%;
  max-width: 100%;
}

.sidenav {
  width: 250px;
  position: sticky;
  top: 0;
  overflow-x: hidden;
  transition: width 200ms linear;
  background-color: #ffffff;
  /*&.collapsed{
      width: 70px !important;         
  }

  .sidenav-toggle{
      border-bottom: 1px solid $borderColour;
      padding: 8px 20px 8px 20px;
      padding-top: 15px !important;
      font-size: 22px;
      width: 100%;
  }

  .sidenav-item{        
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: start;
      cursor: pointer;
      position: relative;


      &.active{
          .sidenav-item-top{
              background-color: $roadwayBlue;
          }
          .sidenav-item-icon, .sidenav-item-label{
              color: #ffffff;
          }
      }

      &.open{
          .sidenav-children{
              height: auto;
          }
      }

      .sidenav-item-top{
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: start; 
          width: 100%;
          padding: 8px 20px 8px 20px;
          border-bottom: 1px solid $borderColour;

          :hover{
              animation: swing .5s ease-in-out 1 alternate;
          }

          .sidenav-item-icon{
              display: inline-block;            
              font-size: 22px;
              width: 35px;
          }

          .sidenav-item-label{
              position: absolute;
              font-size: 14px;
              font-weight: bold;
              pointer-events: none;
              left: 70px;          
              white-space: nowrap;
          }
      }     

      .sidenav-children{
          display: flex;
          flex-direction: column;            
          width: 100%;
          background-color: #ffffff !important;
          -moz-transition: height .25s;
          -ms-transition: height .25s;
          -o-transition: height .25s;
          -webkit-transition: height .25s;
          transition: height .25s;
          height: 0;
          overflow: hidden;            

          .sidenav-child-item{
              display: block;
              width: 100%;
              padding: 10px 20px;
              border-bottom: 1px solid $borderColour;
              font-size: 10pt;
              white-space: nowrap;
          }

          :last-child {
              border: none;
          }

      }
  }

  @keyframes swing {
      0% {transform: rotate(0deg);}
      10% {transform: rotate(10deg);}
      40% {transform: rotate(-10deg);}
      60% {transform: rotate(5deg);}
      80% {transform: rotate(-5deg);}
  }*/
}
.sidenav a:hover {
  text-decoration: none !important;
}
.sidenav.collapsed {
  width: 65px !important;
}
.sidenav.collapsed .sidenav-item-header {
  margin-top: 0 !important;
}
.sidenav.collapsed .sidenav-item-link-label {
  opacity: 0 !important;
}
.sidenav.collapsed .sidenav-item-header-label label {
  opacity: 0 !important;
}
.sidenav.collapsed .sidenav-item-link:last-child {
  border-bottom: 1px solid #dadce0 !important;
}
.sidenav .sidenav-toggle {
  border-bottom: 1px solid #dadce0;
  padding: 8px 18.75px 8px 18.75px;
  padding-top: 15px !important;
  font-size: 22px;
  width: 100%;
}
.sidenav .sidenav-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.sidenav .sidenav-item .sidenav-item-header {
  width: 100%;
}
.sidenav .sidenav-item .sidenav-item-header .sidenav-item-header-label {
  padding: 3px 20px 2px 20px;
  background-color: #f5f5f5;
  white-space: nowrap;
  overflow: hidden;
}
.sidenav .sidenav-item .sidenav-item-header .sidenav-item-header-label label {
  transition: opacity 0.25s;
  opacity: 1;
  font-size: 14px;
}
.sidenav .sidenav-item .sidenav-item-header .sidenav-item-group {
  border-top: 1px solid #dadce0;
}
.sidenav .sidenav-item .sidenav-item-header .sidenav-item-group .sidenav-item-link {
  border: 0 !important;
}
.sidenav .sidenav-item .sidenav-item-header .sidenav-item-group:last-child {
  border-bottom: 1px solid #dadce0;
}
.sidenav .sidenav-item-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  padding: 15px 18.75px 15px 18.75px;
  font-size: 10pt;
  white-space: nowrap;
  width: 100%;
}
.sidenav .sidenav-item-link :hover {
  text-decoration: none !important;
}
.sidenav .sidenav-item-link:last-child {
  border-bottom: 1px solid #dadce0;
}
.sidenav .sidenav-item-link.activeLink {
  color: #ffffff;
  background-color: #1b72b9;
}
.sidenav .sidenav-item-link.activeLink .sidenav-item-link-label, .sidenav .sidenav-item-link.activeLink .sidenav-item-icon {
  color: #ffffff;
}
.sidenav .sidenav-item-link .sidenav-item-icon {
  font-size: 22px;
  color: #1b72b9;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sidenav .sidenav-item-link .sidenav-item-icon :hover {
  animation: swing 0.5s ease-in-out 1 alternate;
  color: #15AED1;
  transition: all 0.5s ease-in-out;
}
.sidenav .sidenav-item-link .sidenav-item-link-label {
  color: #000;
  margin-left: 18.75px;
  position: relative;
  top: 1px;
  opacity: 1;
  transition: opacity 0.25s;
}
@keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(10deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
}

.table-schedule-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
}
.table-schedule-container .data-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 150px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.table-schedule-container .data-loading span {
  font-size: 25px;
  font-weight: bold;
  top: -18px;
  position: relative;
  left: 7px;
}
.table-schedule-container .table-schedule-header {
  display: flex;
}
.table-schedule-container .table-schedule-header.sticky {
  position: sticky;
  top: 0;
  background-color: #f5f5f5;
  z-index: 5;
  border-bottom: 1px solid #ccc;
}
.table-schedule-container .table-schedule-header .schedule-header {
  width: 100%;
  display: inline-grid;
  margin: 10px 0;
  grid-template-columns: 30% auto 30%;
}
.table-schedule-container .table-schedule-header .schedule-header .schedule-header-filters {
  display: flex;
  align-items: end;
  gap: 5px;
  padding: 5px;
}
.table-schedule-container .table-schedule-header .schedule-header .schedule-header-filters .schedule-header-filter {
  background-color: #1b72b9;
  color: #fff;
  font-size: 8pt;
  border-radius: 5px;
  padding: 3px;
}
.table-schedule-container .table-schedule-header .schedule-header .schedule-header-filters .schedule-header-filter i {
  font-size: 8pt;
}
.table-schedule-container .table-schedule-header .schedule-header .schedule-header-title {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
}
.table-schedule-container .table-schedule-header .schedule-header .schedule-header-title .actions {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.table-schedule-container .table-schedule-header .schedule-header .schedule-header-title .actions i {
  color: #1b72b9;
}
.table-schedule-container .table-schedule-header .schedule-header .schedule-header-title .duration {
  font-size: 18px;
  color: #484848;
  padding: 0 20px;
  font-weight: bold;
}
.table-schedule-container .table-schedule-header .schedule-header .schedule-header-title .title {
  font-size: 22px;
  color: #1b72b9;
  font-weight: bold;
}
.table-schedule-container .table-schedule-header .schedule-header .schedule-header-actions {
  display: flex;
  padding: 10px;
  flex-shrink: 1;
  border-radius: 5px;
  gap: 0.5rem;
  justify-content: flex-end;
  align-items: center;
}
.table-schedule-container .table-schedule-header .schedule-header .schedule-header-actions button {
  margin: 0;
}
.table-schedule-container .table-schedule-header .schedule-header .schedule-header-actions i {
  color: #1b72b9;
  font-size: 18pt;
}
.table-schedule-container .table-schedule-header .schedule-header .schedule-header-actions #scheduleFilter {
  position: relative;
}
.table-schedule-container .table-schedule-header .schedule-header .schedule-header-actions #scheduleFilter .filter-count {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  background-color: #ff6c10;
  border-radius: 50%;
  font-size: 8pt;
  color: #fff;
  left: 17px;
  bottom: -2px;
}
.table-schedule-container .table-schedule-header .schedule-header i {
  font-size: 25pt;
}
.table-schedule-container .table-schedule {
  width: 100%;
  background-color: transparent;
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
  table-layout: fixed;
  position: relative;
}
.table-schedule-container .table-schedule.big-mode .schedule-block {
  padding: 0 !important;
}
.table-schedule-container .table-schedule.big-mode .schedule-block .schedule-block-content {
  display: flex;
  padding: 0 !important;
  font-size: 7pt;
  overflow-x: hidden;
  flex-direction: column;
}
.table-schedule-container .table-schedule.big-mode .schedule-block .schedule-block-content .text {
  padding: 2px;
}
.table-schedule-container .table-schedule.big-mode .schedule-block .schedule-block-content .edit {
  background-color: #F2F7A3;
  border: 1px solid #333;
  font-size: 6pt;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-schedule-container .table-schedule.big-mode .schedule-block .schedule-block-content .edit.night-shift {
  background-color: #a1b1d1;
}
.table-schedule-container .table-schedule.big-mode .schedule-block .task-status {
  width: 7px !important;
}
.table-schedule-container .table-schedule.big-mode .ui-resizable-handle {
  background-color: transparent !important;
}
.table-schedule-container .table-schedule.big-mode .ui-resizable-w {
  left: 0px !important;
}
.table-schedule-container .table-schedule.big-mode .ui-resizable-e {
  right: 0px !important;
}
.table-schedule-container .table-schedule.schedule-screen .schedule-blocks {
  padding: 0 !important;
}
.table-schedule-container .table-schedule .no-border {
  border: 0;
}
.table-schedule-container .table-schedule .ignoreSizing {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
.table-schedule-container .table-schedule tr {
  border-bottom: 1px solid #dadce0;
  height: 1px;
}
.table-schedule-container .table-schedule tr.focus {
  z-index: 9999;
  position: relative;
}
.table-schedule-container .table-schedule thead tr.sticky th {
  position: sticky;
  top: 90px;
  z-index: 5;
  background-color: #f5f5f5;
}
.table-schedule-container .table-schedule th {
  height: 100%;
  font-size: 9pt;
  font-weight: bold;
  text-align: center;
  background-color: transparent;
  border-top: none;
}
.table-schedule-container .table-schedule th.current-day {
  background-color: #49f954 !important;
  font-weight: bold;
  color: #000 !important;
}
.table-schedule-container .table-schedule td {
  height: 1px;
  vertical-align: top;
  position: relative;
  border: none;
  border-right: 1px solid #dadce0;
}
.table-schedule-container .table-schedule td.booked {
  border: none;
}
.table-schedule-container .table-schedule td .job-start, .table-schedule-container .table-schedule td .job-end {
  position: relative;
  background-color: #fff;
}
.table-schedule-container .table-schedule td .job-start::after,
.table-schedule-container .table-schedule td .job-end::after {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  bottom: 0;
  border-bottom-color: green;
}
.table-schedule-container .table-schedule td .job-start::after {
  left: 0;
  border-left-color: green;
}
.table-schedule-container .table-schedule td .job-end::after {
  right: 0;
  border-right-color: green;
}
@-moz-document url-prefix() {
  .table-schedule-container .table-schedule td {
    height: 100%;
  }
}
.table-schedule-container .table-schedule .day {
  padding: 2px;
  height: 100%;
  cursor: pointer;
  min-height: 55px;
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
}
.table-schedule-container .table-schedule .day.current-day {
  background-color: #e0ffe2;
}
.table-schedule-container .table-schedule .day.weekend {
  background-color: #fff4e0;
}
.table-schedule-container .table-schedule .day.selected {
  background: pink;
}
.table-schedule-container .table-schedule .day.booked {
  background-color: rgba(21, 175, 209, 0.4) !important;
  padding: 0 !important;
}
.table-schedule-container .table-schedule .day.booked .booked-icon {
  display: block;
}
.table-schedule-container .table-schedule .day.booked .schedule-blocks {
  padding: 0 !important;
}
.table-schedule-container .table-schedule .day.booked-job {
  background-color: rgba(21, 175, 209, 0.4) !important;
  padding: 0 !important;
}
.table-schedule-container .table-schedule .day.booked-job .booked-icon {
  display: block;
}
.table-schedule-container .table-schedule .day.booked-job .schedule-blocks {
  padding: 0 !important;
}
.table-schedule-container .table-schedule .day.day-not-required {
  background-color: #dadce0;
  padding: 0 !important;
}
.table-schedule-container .table-schedule .day.day-not-required .schedule-blocks {
  padding: 0 !important;
}
.table-schedule-container .table-schedule .day .booked-icon {
  font-size: 14pt;
  color: #1b72b9 !important;
  margin: auto;
  display: none;
}
.table-schedule-container .table-schedule .day .not-required-message {
  margin: auto;
  color: #6c6c6c;
  font-weight: bold;
}
[dir="ltr"] .table-schedule-container .table-schedule .day .not-required,[dir="ltr"]  .table-schedule-container .table-schedule .day .required {
  text-align: right;
}
[dir="rtl"] .table-schedule-container .table-schedule .day .not-required,[dir="rtl"]  .table-schedule-container .table-schedule .day .required {
  text-align: left;
}
.table-schedule-container .table-schedule .day .not-required span, .table-schedule-container .table-schedule .day .required span {
  color: #1b72b9;
  font-size: 11pt;
}
.table-schedule-container .table-schedule .day .required-actions {
  text-align: center;
}
.table-schedule-container .table-schedule .day .schedule-blocks {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
}
.table-schedule-container .table-schedule .no-data td {
  padding: 10px;
  text-align: center;
  font-size: 16pt;
  font-weight: bold;
}
.table-schedule-container .table-schedule .job {
  height: 100%;
  padding: 5px;
  color: #fff;
  font-size: 9pt;
  cursor: pointer;
  background-color: #15AED1;
}
.table-schedule-container .table-schedule .job .job-popup {
  display: none;
}
.table-schedule-container .table-schedule .job .job-popup .popup-content {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.table-schedule-container .table-schedule .job .job-client {
  font-weight: bold;
}
.table-schedule-container .table-schedule div.schedule-block-contianer {
  overflow: hidden;
  margin-bottom: 5px;
}
.table-schedule-container .table-schedule div.schedule-block-contianer.east {
  left: 3px !important;
}
.table-schedule-container .table-schedule div.schedule-block-contianer.west {
  right: 0px !important;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 5px;
  background-color: #15AED1;
  color: #fff;
  padding: 0 5px;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block.active {
  background: linear-gradient(45deg, #1B72B9, #15AED1, #15AED1) !important;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block.selected {
  background-color: pink;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block.focus {
  position: relative;
  z-index: 99999;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block .schedule-block-popup {
  display: none;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block .schedule-block-popup .popup-content {
  display: flex;
  flex-direction: column;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block .schedule-block-tasks {
  height: 100%;
  background-color: #F2F7A3;
  padding: 3px 8px;
  color: #000;
  text-align: center;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block .schedule-block-tasks.night-shift {
  background-color: #a1b1d1;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block .schedule-block-content {
  flex-grow: 1;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  padding: 3px 0;
  font-size: 8pt;
  padding-left: 10px;
  cursor: pointer;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block .schedule-block-content .text {
  border-top-right-radius: 5px;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block .schedule-block-content .text.no-tasks {
  border-right: 5px solid #ffbf00;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block .schedule-block-content .text.not-complete {
  border-right: 5px solid green;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block .schedule-block-content .text.complete {
  border-right: 5px solid #00FE05;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block .schedule-block-content .text .series {
  padding: 0 5px;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block .schedule-block-actions {
  margin: 0 8px;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block .move {
  cursor: grab;
  display: flex;
  align-items: center;
  z-index: 1;
  padding-right: 5px;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block .task-status {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 12px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block .task-status.new {
  background-color: #ccc;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block .task-status.started {
  background-color: orange;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block .task-status.overdue {
  background-color: red;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .schedule-block .task-status.complete {
  background-color: #00FE05;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .ui-resizable-handle {
  background-color: #fff;
  width: 4px;
  height: 40%;
  top: 7px;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .ui-resizable-w {
  left: 4px;
}
.table-schedule-container .table-schedule div.schedule-block-contianer .ui-resizable-e {
  right: 4px;
}
.table-schedule-container i {
  cursor: pointer;
}

.schedule-data-container {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  min-height: 150px;
}
.schedule-data-container .schedule-data {
  width: 100%;
}

.job-schedule-list .job-schedule-list-title {
  font-size: 10pt;
  margin-bottom: 10px;
  font-weight: bold;
}
.job-schedule-list .job-schedule {
  background-color: #15AED1;
  margin-bottom: 5px;
  padding: 5px;
  border-radius: 5px;
  font-size: 9pt;
  font-weight: bold;
  cursor: pointer;
  color: #fff;
}
.job-schedule-list .job-schedule.selected {
  background-color: #25aa25;
}

.block-container {
  min-height: 46px;
  border: 1px solid #dadce0;
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.block-container .block-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  font-size: 9pt;
  font-weight: bold;
  background-color: #dadce0;
  padding: 5px;
  margin: 3px 0;
  border-radius: 5px;
  cursor: pointer;
  gap: 3px;
}
.block-container .block-item .block-clear {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 20px;
  justify-content: center;
  border-left: 1px solid rgba(0, 0, 0, 0.3);
}
.block-container .block-item .block-clear .icomoon {
  font-size: 9pt !important;
}
.block-container .block-item .block-text {
  flex-grow: 1;
}
.block-container .block-item .block-actions {
  margin-right: 2px;
}
.block-container .block-item .block-actions .lead-actions {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.block-container .block-item .block-actions .lead-actions .lead-entity {
  margin-right: 5px;
  background: #1b72b9;
  border-radius: 5px;
  padding: 0px 5px;
  color: #fff;
}
.block-container .block-item .block-actions .lead-actions .lead {
  font-size: 9pt !important;
}
.block-container .block-item .block-actions .link-actions {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.block-container .block-item .block-actions .link-actions .link-entity {
  margin-right: 5px;
  background: #1b72b9;
  border-radius: 5px;
  padding: 0px 5px;
  color: #fff;
}
.block-container .block-item .block-actions .icomoon {
  font-size: 11pt !important;
}

.link-entity {
  margin-right: 5px;
  background: #1b72b9;
  border-radius: 5px;
  padding: 0px 5px;
  color: #fff;
}
.link-entity.assigned {
  background-color: #25aa25;
}

.pulse {
  animation: pulse 1s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
.datetime-container {
  display: table;
  border-collapse: collapse;
  width: 25%;
}
.datetime-container .datetime-header-row {
  display: table-row;
}
.datetime-container .datetime-header-row div {
  display: table-cell;
}
.datetime-container .datetime-header-row .datetime-header-action {
  text-align: right;
}
.datetime-container .datetime-header-row .datetime-header-action input, .datetime-container .datetime-header-row .datetime-header-action label {
  width: auto !important;
  display: inline-block;
  font-size: 10pt;
}
.datetime-container .datetime-duration-row {
  display: table-row;
  border: 1px solid #dadce0;
  height: 32px;
}
.datetime-container .datetime-duration-row div {
  display: table-cell;
  border-left: 1px solid #dadce0;
}
.datetime-container .datetime-duration-row div label {
  font-size: 10pt;
}
.datetime-container .datetime-duration-row div input {
  width: 100%;
  border: none;
  height: 100%;
  border-radius: 0;
  padding: 0 5px;
}
.datetime-container .datetime-duration-row div input[type=text]:focus {
  border: none;
  outline: none;
}
.datetime-container .datetime-duration-row .datetime-duration-label {
  background-color: #1b72b9;
  color: #fff;
  padding: 5px;
  text-align: center;
  font-size: 11pt;
  font-weight: bold;
}
.datetime-container .datetime-duration-row .datetime-duration-time {
  width: 30%;
}
.datetime-container .disabled {
  background-color: #f0f0f0;
}

.schedule-range-title {
  font-size: 10pt;
  font-weight: bold;
}

.schedule-range {
  background-color: #15AED1;
  padding: 5px;
  border-radius: 5px;
  font-size: 9pt;
  font-weight: bold;
  cursor: pointer;
  margin: 5px 0;
  color: #fff;
}

.image-block-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border: 1px solid #dadce0;
  padding: 10px;
  background-color: #f2f2f2;
  min-height: 75px;
  align-items: center;
  justify-content: center;
}
.image-block-container.view-mode {
  background-color: #fff;
  border: 0;
  padding: 0;
}
.image-block-container.view-mode .image-block-item {
  background-color: #f0f0f0;
  box-shadow: none;
}
.image-block-container.focus {
  box-shadow: 0 0 0 max(100vh, 100vw) rgba(0, 0, 0, 0.3);
  z-index: 9999;
  position: relative;
}
.image-block-container.focus .image-block-item {
  cursor: pointer;
}
.image-block-container .image-block-empty {
  font-size: 9pt;
  font-weight: bold;
}
.image-block-container .image-block-item {
  display: flex;
  width: 100%;
  align-items: center;
  border-radius: 26px;
  padding: 5px;
  border: 1px solid #dadce0;
  background-color: #fff;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.image-block-container .image-block-item.output-only {
  background-color: #dadce0;
  box-shadow: none;
  border: 1px solid #b7b7b7;
}
.image-block-container .image-block-item.output-only .left {
  width: 30px;
  height: 30px;
}
.image-block-container .image-block-item.output-only .left .icon {
  display: flex;
}
.image-block-container .image-block-item.output-only .links {
  padding: 0;
  display: flex;
  margin-right: 7px;
  border-right: 1px solid #b7b7b7;
}
.image-block-container .image-block-item.output-only .links span {
  padding: 0 7px;
}
.image-block-container .image-block-item.output-only .links span + span {
  border-left: 1px solid #b7b7b7;
}
.image-block-container .image-block-item.output-only .status .statusLabel {
  box-shadow: none;
  border: 1px solid #b7b7b7;
}
.image-block-container .image-block-item.output-only .actions {
  border-left: 1px solid #b7b7b7;
}
.image-block-container .image-block-item.output-only .actions button {
  background: none;
  color: #1b72b9;
  padding: 0;
  border: 0;
  margin: 0;
}
.image-block-container .image-block-item.selected {
  background-color: #e2e2e2;
}
.image-block-container .image-block-item .left {
  display: flex;
  align-items: center;
  background-color: #15AED1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  justify-content: center;
  border: 1px solid #dadce0;
}
.image-block-container .image-block-item .left .icon {
  color: #fff;
}
.image-block-container .image-block-item .left .initials {
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 10pt;
}
.image-block-container .image-block-item .left .image img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.image-block-container .image-block-item .content {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 10px;
  font-size: 11pt;
  font-weight: bold;
  color: #333;
  flex-grow: 1;
  gap: 5px;
}
.image-block-container .image-block-item .content i {
  color: #1b72b9;
  font-size: 12pt;
}
.image-block-container .image-block-item .links {
  padding: 0 7px;
  color: #333;
  font-size: 9pt;
  font-weight: bold;
}
.image-block-container .image-block-item .status {
  margin-right: 7px;
}
.image-block-container .image-block-item .actions {
  display: flex;
  align-items: center;
  height: 100%;
  color: #1b72b9;
  padding: 0 7px;
  border-left: 1px solid #dadce0;
  gap: 3px;
  font-size: 12pt;
}
.image-block-container .image-block-item .actions span i {
  cursor: pointer;
}
.image-block-container .image-block-item .actions .lead {
  font-size: 12pt;
}

.highlight-focus {
  position: relative;
  /* for IE */
  box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.3);
  /* for real browsers */
  box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.3);
  z-index: 100;
}

.ui-resizable-resizing {
  position: relative !important;
}

.resource-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.resource-container .resource-item {
  border-radius: 5px;
}
.resource-container .resource-item .resource-title {
  display: flex;
  font-size: 12pt;
  padding: 10px;
  border: 1px solid #dadce0;
  background-color: #fff;
  font-weight: 700;
  color: #333;
  align-items: center;
}
.resource-container .resource-item .resource-title .text {
  flex-grow: 1;
}
.resource-container .resource-item .resource-body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  font-weight: normal;
  align-items: center;
  padding: 10px;
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  background-color: #f2f2f2;
  gap: 15px;
}
.resource-container .resource-item .resource-body .resource-block {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 5px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  background-color: #fff;
  border-radius: 26px;
  gap: 5px;
  cursor: pointer;
}
.resource-container .resource-item .resource-body .resource-block.selected {
  background-color: #25aa25;
  color: #fff;
}
.resource-container .resource-item .resource-body .resource-block.selected .resource-content-title {
  color: #fff !important;
}
.resource-container .resource-item .resource-body .resource-block.selected .icon {
  background-color: #fff;
}
.resource-container .resource-item .resource-body .resource-block.selected .icon i {
  color: #15AED1;
}
.resource-container .resource-item .resource-body .resource-block .icon {
  display: flex;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-color: #15AED1;
}
.resource-container .resource-item .resource-body .resource-block .icon i {
  color: #fff;
}
.resource-container .resource-item .resource-body .resource-block .resource-content {
  display: flex;
  flex-direction: column;
  font-size: 9pt;
}
.resource-container .resource-item .resource-body .resource-block .resource-content .resource-content-block {
  display: flex;
  gap: 5px;
}
.resource-container .resource-item .resource-body .resource-block .resource-content .resource-content-block .resource-content-title {
  font-weight: bold;
  color: #333;
  min-width: 70px;
}
@media screen and (max-width: 1200px) {
  .resource-container .resource-item .resource-body {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .resource-container .resource-item .resource-body {
    grid-template-columns: repeat(1, 1fr);
  }
}

.resource-selected {
  font-size: 25pt;
  color: #25aa25;
}

.rwFormFieldLabel {
  background-color: #1b72b9;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 0.4rem;
  border: 1px solid #D3D3D3;
}

.rwFormFieldValue {
  border: 1px solid #D3D3D3;
  padding: 0.4rem;
  color: black;
  page-break-inside: avoid;
}
.rwFormFieldValue a {
  word-break: break-all;
}
.rwFormFieldValue a .rwLinkIcon span {
  color: red;
  text-decoration: none;
}
.rwFormFieldValue a:has(.rwLinkIcon) {
  text-decoration: none;
}
.rwFormFieldValue.bottom {
  height: 100%;
  display: flex;
  align-items: end;
}
.rwFormFieldValue.textLarge {
  font-size: 1.3rem;
}
.rwFormFieldValue.center {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rwFormFieldCenter {
  text-align: center;
}

.rwFormButton {
  background-color: #1b72b9;
  text-align: center;
  padding: 0.4rem 0.8rem;
  border: 1px solid #D3D3D3;
}
.rwFormButton a {
  color: white;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

.rwFormDisplayInRow {
  min-height: 100px;
  height: -moz-min-content;
  height: min-content;
}

.context-menu {
  position: fixed;
  width: 200px;
  background-color: #fff;
  border-radius: 5px;
  justify-content: center;
  z-index: 10000;
  display: none;
  border: solid 1px #dadce0;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.context-menu .context-menu-item {
  padding: 7px;
  cursor: pointer;
}
.context-menu .context-menu-item:hover {
  background-color: #dadce0;
}
.context-menu .context-menu-item.delete span, .context-menu .context-menu-item.delete i, .context-menu .context-menu-item.deleteSchedule span, .context-menu .context-menu-item.deleteSchedule i {
  color: red;
}
.context-menu .context-menu-item i {
  color: #1b72b9;
  font-size: 10pt;
}
.context-menu .context-menu-item span {
  font-size: 11pt;
}

.context-menu-actions {
  display: flex;
  align-items: center;
  padding: 10px;
  position: fixed;
  top: 20px;
  right: 30px;
}
.context-menu-actions.active {
  z-index: 10000;
  background-color: #fff;
  border-radius: 5px;
}
.context-menu-actions i {
  color: #1b72b9;
  font-size: 15pt;
}
.context-menu-actions .context-menu-actions-title {
  font-size: 11pt;
  margin-right: 7px;
}

.widget-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1200px) {
  .widget-container .widget-row {
    flex-direction: column;
  }
  .widget-container .widget-row .widget {
    width: 100%;
  }
}
.widget-container .widget-row {
  display: flex;
  gap: 20px;
}
.widget-container .widget-row .widget {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background-color: #fff;
  border-radius: 5px;
  align-items: center;
  flex: 1 1 0px;
  cursor: pointer;
  padding: 20px;
}
.widget-container .widget-row .widget.table-widget {
  max-width: calc(50% - 10px);
  align-items: flex-start;
  cursor: default;
}
.widget-container .widget-row .widget.table-widget .widget-title {
  color: #000;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
}
.widget-container .widget-row .widget.table-widget .widget-body {
  width: 100%;
}
.widget-container .widget-row .widget.table-widget .widget-body .standardResizableSection-group {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  border: 0;
  padding: 0;
  margin: 0;
}
.widget-container .widget-row .widget.table-widget .widget-body .dataTables_scrollHeadInner, .widget-container .widget-row .widget.table-widget .widget-body .dataTables_scrollBody {
  border: 0;
  border-bottom: 1px solid #dadce0;
}
.widget-container .widget-row .widget.table-widget .widget-body .dataTables_scrollHeadInner thead th {
  padding: 0;
}
.widget-container .widget-row .widget.table-widget .widget-body .dataTables_scrollHeadInner thead th div {
  padding: 3px 7px !important;
}
.widget-container .widget-row .widget.table-widget .widget-body .dataTables_scrollHeadInner thead tr.search th {
  padding: 5px;
}
.widget-container .widget-row .widget.table-widget .widget-body .table.dataTable.stripe tbody tr.odd, .widget-container .widget-row .widget.table-widget .widget-body table.dataTable.display tbody tr.odd {
  background-color: #fff;
}
.widget-container .widget-row .widget.table-widget .widget-body table.dataTable {
  border-collapse: collapse;
}
.widget-container .widget-row .widget.table-widget .widget-body table.dataTable thead {
  background: #fff;
}
.widget-container .widget-row .widget.table-widget .widget-body table.dataTable tbody td {
  padding: 4px 10px !important;
}
.widget-container .widget-row .widget.table-widget .widget-body table.dataTable tbody td button {
  background-color: transparent;
  border: none;
  padding: 0 !important;
}
.widget-container .widget-row .widget.table-widget .widget-body table.dataTable tbody td button i {
  color: #1b72b9;
  font-size: 15px;
}
.widget-container .widget-row .widget.table-widget .widget-body table.dataTable tbody td button.green .fa-solid {
  color: #00ad00;
}
.widget-container .widget-row .widget.table-widget .widget-body table.dataTable tbody td button.red .fa-solid {
  color: red;
}
.widget-container .widget-row .widget.table-widget .widget-body table.dataTable tbody tr {
  height: 40px !important;
}
.widget-container .widget-row .widget.table-widget .widget-body table.dataTable tbody tr.childRow td {
  padding: 10px !important;
}
.widget-container .widget-row .widget.table-widget .widget-body table.dataTable tbody tr.childRow td .dataTables_scrollHead {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.widget-container .widget-row .widget.table-widget .widget-body table.childTable thead tr {
  height: 0 !important;
}
.widget-container .widget-row .widget .widget-left {
  display: flex;
  align-items: center;
  flex-grow: 1;
  gap: 15px;
}
.widget-container .widget-row .widget .widget-top, .widget-container .widget-row .widget .widget-bottom {
  display: flex;
  width: 100%;
  align-items: center;
}
.widget-container .widget-row .widget .widget-bottom {
  background-color: rgba(21, 175, 209, 0.4);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px 10px;
}
.widget-container .widget-row .widget .highlight-number {
  font-weight: bold;
  color: red;
  font-size: 25px;
  height: 31px;
}
.widget-container .widget-row .widget .highlight-number.zero {
  color: green;
}
.widget-container .widget-row .widget .highlight-text {
  font-size: 15px;
}
.widget-container .widget-row .widget .widget-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(21, 175, 209, 0.4);
  background-color: rgba(72, 185, 210, 0.3411764706);
}
.widget-container .widget-row .widget .widget-icon.end {
  justify-self: flex-end;
  background-color: transparent;
  border: 0;
}
.widget-container .widget-row .widget .widget-icon.end i {
  font-size: 30px;
  color: #1b72b9;
}
.widget-container .widget-row .widget .widget-icon i {
  font-size: 20px;
  color: #1b72b9;
}
.widget-container .widget-row .widget .widget-link {
  flex-wrap: 1;
}
.widget-container .widget-row .widget .widget-link i {
  color: #1b72b9;
}

.vehicleInspectionContainer {
  width: 100%;
  background-color: #efefef;
  min-height: 100px;
  padding: 10px;
  border-radius: 5px;
}
.vehicleInspectionContainer .vehicleInspectionBlock {
  display: flex;
  background-color: #fff;
  width: 100%;
  min-height: 80px;
  align-items: center;
  padding: 20px;
  gap: 10px;
  margin-bottom: 10px;
}
.vehicleInspectionContainer .vehicleInspectionBlock .vehicleInspectionBlockIcon {
  background-color: #15AED1;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vehicleInspectionContainer .vehicleInspectionBlock .vehicleInspectionBlockIcon i {
  color: #fff !important;
}
.vehicleInspectionContainer .vehicleInspectionBlock .vehicleInspectionBlockText {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.vehicleInspectionContainer .vehicleInspectionBlock .vehicleInspectionBlockText .vehicleInspectionBlockTextTitle {
  font-size: 18px;
  font-weight: bold;
  padding-left: 10px;
  display: flex;
  justify-content: space-between;
}
.vehicleInspectionContainer .vehicleInspectionBlock .vehicleInspectionBlockText .vehicleInspectionBlockTextTitle .deleteVechicleInspection {
  cursor: pointer;
}
.vehicleInspectionContainer .vehicleInspectionBlock .vehicleInspectionBlockText .vehicleInspectionBlockTextTitle .actions {
  font-size: 16pt;
  color: #1b72b9;
}
.vehicleInspectionContainer .vehicleInspectionBlock .vehicleInspectionBlockText .vehicleInspectionBlockTextSubTitle {
  display: flex;
}