@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,400i,600,700,700i&display=swap');

body {
  font-family: 'Titillium Web', sans-serif;
  font-size:16px;
  padding-top:143px;
}

[x-cloak] {
  display: none;
}

.bg-blue {
  background: linear-gradient(226.67deg, #3D92CB 0%, #2C6698 100%);
  background-size:cover;
  min-height:100vh;
}

.bg-primary {
  background-color: #1c3b66!important;
}

.fs-body {
  font-size: 1rem;
}
.text-brand-primary {
  color: #1C3B66;
}

h1 {
  color:#1C3B66;
  font-weight:600;
  font-size:26px;
  line-height:24px;
}

h2 {
  color:#1C3B66;
  font-weight:600;
  font-size:22px;
  line-height:34px;
}

.md-login-panel {
  box-shadow: 0 6px 17px 0 rgba(0,0,0,0.34);
  background-color:#3D92CB;
  border-radius:10px;
  display:block;
  width:100%;
  min-height:120px;
  margin-top:30px;
  padding:14px;
}

.md-login-note {
  color:white;
  text-align:center;
  font-size:14px;
  line-height:21px;
  padding-top:16px;
  padding-left:20px;
  padding-right:20px;
}

.md-login-note a {
  color:white;
  font-weight:600;
  text-decoration:underline;
}

.md-login-note a:hover {
  color:#F7F7F7;
  font-weight:600;
  text-decoration:underline;
}

.md-login-panel-small {
  border-radius:10px;
  background-color:rgba(28,59,102,0.2);
  padding:24px 38px;
  color:white;
  font-size:16px;
  line-height:24px;
}

.md-login-panel-small h2 {
  color:white;
}

.md-login-panel-small label {
  font-size:14px;
  font-weight:500;
  margin-bottom:3px;
}

.md-login-panel-small .btn-link {
  color:white;
  text-decoration:underline;
}

.md-login-panel-small .btn-primary {

}

.pagination {
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.11);
}

.page-item {
  min-width:48px;
  height:48px;
}


.page-link {
  border:1px solid #E7E9EA;
  text-align:center;
  padding:13px 12px;
  color:#1C3B66;
}

.page-link:hover {
  background-color: #F9F9FA;
  border-color: #E7E9EA;
}


.page-link .fal {
  margin-right:0px;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #2B6597;
    border-color: #2B6597;
}

.modal-content {
  border:0px;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.13);
}

.modal-title {
  color: #000000;
  font-family: "Titillium Web";
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
}

.modal-body {
  padding-top:0px;
  padding-bottom:0px;
  padding-left:30px;
}

.modal-header {
  padding-bottom:0px;
  border-bottom:0px;
  padding-left:30px;
  padding-top: 24px;
}

.modal-footer {
  padding-left:30px;
  border-top:0px;
  padding-top:0px;
  padding-bottom:30px;
  justify-content: flex-start;
}

.modal-dialog .close {
  color:#1C3B66;
}

.modal-dialog .close:hover {
  color:#1C3B66;
  opacity:.75;
}

.form-group.row {
  border-radius:4px;
  background-color:#F7F7F7;
  padding:10px 30px;
}

.md-usp {
  font-size:14px;
  line-height:31px;
  font-weight:600;
}

.md-usp .fal {
  color:#FECA00;
  font-size:24px;
  vertical-align:middle;
  margin-right:10px;
}

.md-bgroup-left {
  margin-top:29px;
}

.md-bgroup-top {
  margin-top:20px;
}

.btn-primary,
.btn-primary:disabled {
    color: #fff;
    background-color: #1C3B66;
    border-color: #1C3B66;
}

.btn-primary:not(:disabled):hover {
  background-color:#3D92CB;
  border-color:#3D92CB;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  background-color:#3D92CB;
    border-color:#3D92CB;
}

.btn-primary.focus, .btn-primary:focus {
  background-color:#3D92CB;
    border-color:#3D92CB;
    box-shadow:0 0 0 0.2rem rgba(61,146,203,.5);
}


.btn-secondary {
    color: #fff;
    background-color: #3D92CB;
    border-color: #3D92CB;
}

.btn-secondary:hover {
  background-color:#1C3B66;
  border-color:#1C3B66;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
  background-color:#1C3B66;
    border-color:#1C3B66;
}

.btn-secondary.focus, .btn-secondary:focus {
  background-color:#1C3B66;
    border-color:#1C3B66;
    box-shadow:0 0 0 0.2rem rgba(61,146,203,.5);
}
.md-btn-rg {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    padding: 6px 39px;
}
.btn-danger {
  background-color:#B94949;
}
.btn-danger-alt:not(:first-of-type), .btn-success-alt {
  border-left: 1px solid #E5E5E5;
}
.btn-danger-alt:hover {
  border-color: #E5E5E5;
}
.btn-success-alt {
  background-color: #99A02C;
  color: #FFFFFF;
}
.btn-success-alt:hover {
  color: #ffffff;
  background-color: #bec916;
  border-color: #E5E5E5;
}
.btn-link {
  text-decoration:none;
  color:#3D92CB;
}

.btn-link:hover {
  text-decoration:none;
  color:#2B6597;
}

.btn-white {
  color: #3D92CB;
  background-color: #FFF;
  border-color: #FFF;
}

.btn-white:hover {
  color: #3D92CB;
  background-color:#FFF;
  border-color:#FFF;
}

.btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show>.btn-white.dropdown-toggle {
  background-color:#FEFEFE;
  border-color: #FEFEFE;
}

.btn-white.focus, .btn-white:focus {
  background-color:#FFF;
  border-color:#FFF;
  box-shadow:0 0 0 0.2rem rgba(61,146,203,.5);
}

.btn-gradient-white {
  color: #000;
  background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
  /*border-color: #FFF;*/
  border: unset;
}

.btn-gradient-white:hover {
  color: #030303;
}

.btn-gradient-white:focus {
  outline-style:none;
  box-shadow:none;
  border-color:transparent;
}
.btn-gradient-white:active {
  color: #000;
  background-color:#ededed;
}

.btn-gradient-white:not(:disabled):not(.disabled).active, .btn-gradient-white:not(:disabled):not(.disabled):active, .show>.btn-gradient-white.dropdown-toggle {
  background: #2C6698;
  color: #fff;
}

.btn-light-alt {
  color: #1C3B66;
  background-color: transparent;
  border-color: transparent;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14);
  position: relative;
}
.btn-light-alt.square {
  padding: 10px;
}
.btn-light-alt.square-sm {
  padding: 5px;
}

.btn-light-alt:hover {
  color: #3D92CB;
  background-color:transparent;
  border-color:transparent;
}

.btn-light-alt:not(:disabled):not(.disabled):active, .show>.btn-light-alt.dropdown-toggle {
  background-color:#FEFEFE;
  border-color: #FEFEFE;
}

.btn-light-alt:not(:disabled):not(.disabled).active {
  background-color: #2C6698;
  color: #FFF;
}

.btn-light-alt.focus, .btn-white:focus {
  background-color:transparent;
  border-color:transparent;
  box-shadow:0 0 0 0.2rem rgba(61,146,203,.5);
}
.btn-light-alt i {
  font-size: 22px;
  margin: 4px 6px!important;
  display: block;
  width: 20px;
}
.btn-light-alt i.fa-th {
  font-size: 34px;
  line-height: 34px;
  width: 34px;
  margin: 0 !important;
}
.btn-light-alt .icon-text {
  box-sizing: border-box;
  height: 28px;
  width: 28px;
  border: 2px solid #FFFFFF;
  background-color: #3D92CB;
  box-shadow: -1px 1px 2px 0 rgba(0,0,0,0.5);
  border-radius: 50%;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
  color: #FFFFFF;
  position: absolute;
  top: 3px;
  right: 3px;
}

a {
  color:#3D92CB;
}

a .fal, button .fal {
  margin-right:10px;
}

a:hover {
  text-decoration:none;
  color:#2B6597;
}

.cl-primary {
  color:#1C3B66;
}

.cl-success {
  color:#5FB90D;
}

.cl-warning {
  color:#E9AB34;
}

.cl-danger {
  color:#B94949;
}

.cl-table-primary {
  background-color:#1C3B66 !important;
  border-color: #1c3b66 !important;
}

.cl-table-success {
  background-color:#5FB90D !important;
  border-color: #5fb90d !important;
}

.cl-table-warning {
  background-color:#E9AB34 !important;
  border-color: #e9ab34 !important;
}

.cl-table-danger {
  background-color:#B94949 !important;
  border-color: #b94949 !important;
}

.md-heading {
  margin-top:36px;
  margin-bottom:20px;
}

.md-toast-position {
  position:fixed;
  z-index:1000;
  top:173px;
  right:15px;
  width:450px;
  height:0px;
  overflow:hidden;
  max-width:calc( 100% - 30px );
}

.toast {
  max-width:100%;
  background-color:#1C3B66;
  color:white;
  border:0px;
}

.close {
  text-shadow:none;
  color:white;
  opacity:1;
}

.close:hover {
  opacity:.75;
  color:white;
}

.toast-header {
  color:white;
  background-color:transparent;
  border-bottom:0px;
  padding:12px 20px 0px 20px;
  font-size:18px;
}

.toast-body {
  padding:0px 20px 20px 20px;
  font-size:16px;
  line-height:24px;
}

.alert {
  border:0px;
  font-size:18px;
  line-height:24px;
  padding:20px 30px;
  display: block;
  float: left;
}

.alert .fal, .alert .far {
  font-size: 26px;
  vertical-align: middle;
  float: left;
  display: inline-block;
  width: 40px;
}

.alert span {
  display: inline-block;
  float: left;
  width: calc( 100% - 50px );
}

.alert-primary {
  background-color:#D8E9F5;
  color:#1C3B66;
}

.alert-warning {
  background-color:#E9AB34;
  color:white;
}

.alert-danger {
  background-color:#B94949;
  color:white;
}

.alert-success {
  background-color:#70A02C;
  color:white;
}

.md-toast-success {
  background-color:#70A02C;
}

.md-toast-warning {
  background-color:#E9AB34;
}

.md-toast-danger {
  background-color:#B94949;
}

.md-topbar {
  height:60px;
  background-color:white;
}

.md-navbar {
  top:60px;
  height:83px;
  background-color:#3D92CB;
  box-shadow: 0 4px 15px 0 rgba(0,0,0,0.17);
  padding:0px;
}

.navbar-toggler {
  border: unset;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  text-align: left;
}

.md-topbar .md-navbar-brand {
  color:#1C3B66;
  font-weight:700;
  font-size:16px;
}

.md-topbar .md-navbar-brand img {
  margin-right:10px;
}

.md-mobile-sidebar {
  transition: right 0.15s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  position: fixed;
  right: -400px;
  top: 60px;
  bottom: 0;
  width: 400px;
  z-index: 1;
  overflow-y: auto;
  padding-top: 40px !important;
}

.md-mobile-sidebar.show {
  right: 0;
}

.md-mobile-sidebar .close {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    padding: 10px 15px;
}

.md-mobile-sidebar .navbar-nav .nav-link {
  padding: 8px 16px;
  color: white;
}

.md-login-brand {
  color:white;
  font-size:16px;
  font-weight:600;
}

.md-login-brand:hover {
    color:white;
}

.md-login-brand img {
  margin-right:12px;
  filter: brightness(0) invert(1);
}


.md-navbar .navbar-nav .nav-link {
  padding-left:16px;
  padding-right:16px;
  color:white;
  height:100%;
  line-height:67px;
}

.md-mobile-sidebar .navbar-nav .active .nav-link,
.md-mobile-sidebar .navbar-nav .nav-link:hover,
.md-navbar .navbar-nav .active .nav-link {
  background-color:rgba(28,59,102,0.5);
}

.md-navbar .nav-link .fal {
  font-size:32px;
  margin-right:8px;
  vertical-align:middle;
}

/*.form-inline .dropdown.show .dropdown-toggle {*/
  /*border-bottom:0;*/
  /*border-bottom-left-radius: 0;*/
  /*border-bottom-right-radius: 0;*/
/*}*/
/*.form-inline .dropdown-menu {*/
  /*margin-top: 0;*/
  /*border-top: 0;*/
  /*border-top-left-radius: 0;*/
  /*border-top-right-radius: 0;*/
  /*-webkit-box-shadow: unset;*/
  /*-moz-box-shadow: unset    ;*/
  /*box-shadow: unset    ;*/
  /*width: calc(100% - 10px);*/
/*}*/
.nav-link.dropdown-toggle::after {
  display:none;
}

.nav-item .dropdown-menu {
  margin-top:0px;
  background-color:#2C6698;
  box-shadow: 0 4px 15px 0 rgba(0,0,0,0.17);
  width:240px;
  border-radius: 0 0 4px 4px;
  border:0px;
}

.nav-item .dropdown-menu .dropdown-item {
  padding:12px 13px;
  color:white;
  font-weight:400;
}

.nav-item .dropdown-menu .dropdown-item:hover {
  background-color: #3D92CB;
}

.nav-item .dropdown-menu .dropdown-item.active {
  background-color: #3D92CB;
}

.md-avatar {
  border-radius:100%;
  width:37px;
  height:37px;
}

.dropdown-menu {
  background-color:white;
  border:1px solid #D6D6D6;
  border-radius:4px;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.13);
}

.dropdown-item {
  padding-left:18px;
  padding-right:18px;
  color:#3D92CB;
  font-weight:600;
}

.dropdown-item .fal {
  font-size:20px;
  width:25px;
  margin-right:14px;
  vertical-align: middle;
}

.dropdown-item:hover,
.bootstrap-select a.dropdown-item:hover:not(.active) {
  color:#2B6597;
  background-color:white;
}

.bootstrap-select a.dropdown-item.active:hover {
   background-color:#3490dc;
}

.btn-outline-secondary {
  border:1px solid #D0D0D0;
  color: #1B253A;
  padding:3px 7px;
  margin-left:10px;
  min-height:45px;
}

.btn-outline-secondary span {
  min-width: 100px;
  text-align: left;
  display: inline-block;
  margin-left:10px;
}

.btn-outline-secondary:hover {
  color:#1B253A;
  background-color: #ffffff;
  border-color: #1B253A;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
  background-color: white;
  border: 1px solid #D6D6D6;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.13);
  color:#1B253A;
}

.btn-outline-secondary.focus, .btn-outline-secondary:focus {
  box-shadow: 0px 0px 0px 0px;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.13);
}

.table {
  color:#333333;
  border-collapse: separate;
  border-spacing: 0 10px;
  line-height:36px;
}

.table th {
  font-size:14px;
  color:#1C3B66;
  padding-bottom:0px;
  line-height:32px;
}

.table tbody tr {
  background-color:#F7F7F7;
  border-radius:4px;
  border: 2px solid white;
}

.table tbody tr:hover {
  border: 2px solid #3D92CB;
  color: #333333;
  background-color: transparent;
}

.table tr th {
  border-top:2px solid white;
  border-bottom:2px solid white;
}

.table tr th:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left:2px solid white;
}

.table tr th:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right:2px solid white;
}

.table tr td {
  border-top:2px solid #F7F7F7;
  border-bottom:2px solid #F7F7F7;
  transition:border-color .2s ease-in-out;
}

.table tr td:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left:2px solid #F7F7F7;
}

.table tr td:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right:2px solid #F7F7F7;
}

.table tr:hover td {
  border-top:2px solid #3D92CB;
  border-bottom:2px solid #3D92CB;
  background-color:#F7F7F7;
}

.table tr:hover td:first-child {
  border-left:2px solid #3D92CB;
}

.table tr:hover td:last-child {
  border-right:2px solid #3D92CB;
}

.table-smaller {
  color: #1C3B66;
}
.table-smaller td, .table-smaller th {
  padding: 0 8px;
}
.sticky-top-row th {
    position: sticky !important;
    top: 140px;
    background-color: white;
    z-index: 1;
}
 .md-w-1 {
   width:40px;
 }

.md-dropdown-context .dropdown-menu {
  line-height:24px;
}


.md-dropdown-context .fa-ellipsis-h {
  font-size:44px;
  color:#949494;
  line-height:36px;
  vertical-align:middle;
  font-size: 44px;
  line-height: 36px;
}

.md-dropdown-context a:hover .fa-ellipsis-h {
  opacity:.75;
}

.custom-control {
  margin-top:3px;
  width:23px;
  height:30px;
  margin-left:6px;
  margin-right:6px;
}

.custom-control-input {
  width:23px;
  height:30px;
}

.custom-checkbox .custom-control-label::before {
  border:0px;
  color:#C6C6C6;
  width:23px;
  height:30px;
  font-size:26px;
  content:'\f0c8';
  font-family:'Font Awesome 5 Pro';
  font-weight:300;
  border-radius:2px;
  background-color:transparent;
  top:0;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  background-color:transparent;
  border:0px;
}

.custom-checkbox .custom-control-label::after {
  width:23px;
  height:30px;
  top:0px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  border:0px;
  color:#5FB90D;
  width:23px;
  height:30px;
  font-size:26px;
  content:'\f14a';
  font-family:'Font Awesome 5 Pro';
  font-weight:300;
  border-radius:2px;
  background-color:transparent;
  background-image:none;
}

.custom-checkbox .custom-control-input:focus~.custom-control-label::before {
  box-shadow:none;
}

.custom-checkbox .custom-control-input:not(:disabled):active~.custom-control-label::before {
    background-color: transparent;
    color:#C6C6C6;
}

.custom-radio .custom-control-label::before {
  border:0px;
  color:#C6C6C6;
  width:23px;
  height:30px;
  font-size:26px;
  content:'\f111';
  font-family:'Font Awesome 5 Pro';
  font-weight:300;
  border-radius:2px;
  background-color:transparent;
  top:0;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
  background-color:transparent;
  border:0px;
}

.custom-radio .custom-control-label::after {
  width:23px;
  height:30px;
  top:0px;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
  border:0px;
  color:#5FB90D;
  width:23px;
  height:30px;
  font-size:26px;
  content:'\f192';
  font-family:'Font Awesome 5 Pro';
  font-weight:400;
  border-radius:2px;
  background-color:transparent;
  background-image:none;
}

.custom-radio .custom-control-input:focus~.custom-control-label::before {
  box-shadow:none;
}

.custom-radio .custom-control-input:not(:disabled):active~.custom-control-label::before {
  background-color: transparent;
  color:#C6C6C6;
}

#filter {
    margin-bottom:0px;
    float:right;
    width:40px;
    opacity:0;
    border-radius: 4px;
    padding: 10px 16px;
    line-height:24px;
    font-size:16px;
    -webkit-transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out;
    margin-left:20px;
}

#filter.on {
    width:217px;
    opacity:1;
    color: #000000;
    border: 1px solid #D0D0D0;
}

#searchTrigger {
    top: 5px;
    position:absolute;
    right: 0;
    cursor:pointer;
    color: #3D92CB;
    padding:8px;
}

#search-confirm {
    top: 4px;
    position: absolute;
    right: 4px;
    cursor: pointer;
    color: white;
    padding: 8px;
    cursor: pointer;
    background: #3D92CB;
    border-radius: 5px;
    display: none;
    border-radius: 5px;
}
#search-confirm:hover {
    background: #1C3B66;
}

#filter.on ~ #search-confirm {
    display: inline-block;
}

#filter.on ~ #searchTrigger {
    right: 40px;
}

#searchTrigger:hover {

}

.form-control:focus {
  border-color:white!important;
  box-shadow:0 0 0 2px rgba(61,146,203,0.5);

}

.md-table-actions {
  line-height:34px;
}

.md-select-actions {
    display: inline-block;
    line-height:34px;
}

.md-select-actions span {
    font-size: 16px;
}

#select-count {
  font-weight:700;
  margin-right:20px;
}

form.hig-form .form-control {
  border: 2px solid #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 10px 14px;
}
form.hig-form .bs-searchbox .form-control {
  box-shadow: 0 0 0 2px rgba(61,146,203,0.5);
}
form.hig-form select.form-control {
  padding: .375rem .75rem;
}
form.hig-form .custom-control {
  width: unset;
}
form.hig-form .custom-control-label {
  line-height: 29px;
  padding-left: 8px;
}
form.hig-form label, form.hig-form legend {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  color: #1C3B66;
}
form.hig-form .btn {
  font-weight: 600;
}
form.hig-form button[type="submit"] {
  padding: 6px 68px;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
  background-image: unset;
  border-color: #B94949;
}
.form-control.is-valid, .was-validated .form-control:valid {
  background-image: unset;
  border-color: #fff;
}
.custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
  background-color: transparent
}
.reset-filter .title {
  font-weight: 600;
  font-size: 10px;
  text-decoration: underline;
  line-height: 24px;
  display: inline-block;
  color: #1C3B66;
  cursor: pointer;
}
.reset-filter .title:hover{
  color: #3D92CB;
}
.reset-filter .badge-reset {
  color: #000000;
  border-radius: 4px;
  background-color: #EBEBEB;
  font-size: 10px;
  line-height: 24px;
  padding: 0 10px;
  min-width: 90px;
  display: inline-block;
  max-width: 150px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 10px;
  cursor: pointer;
  color: #000;
}
.reset-filter .badge-reset:hover {
  background-color: #cccccc;
  color: #3D92CB;
}
.reset-filter .badge-reset:last-child {
  margin-right: 0;
}
.badge-reset i.fal {
  width: 10px;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 24px;
  margin-right: 8px;
}

.daterangepicker.show-calendar {
  transform: scale(0.8);
  transform-origin: center top;
}
.daterangepicker {
  font-family: 'Titillium Web', sans-serif;
}
.daterangepicker th.month {
  color: #1C3B66;
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  padding-left: 10px;
}
td.available {
  color: #3D92CB;
}
.daterangepicker .calendar-table .next, .daterangepicker .calendar-table .prev {
  background: #F7F8FC;
  border-radius: 20px;
  padding: 4px;
  min-width: 22px;
  width: 22px;
}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  /*border: solid #8C96AB;*/
  /*background: #F7F8FC;*/
  /*-webkit-border-radius: 12px;*/
  /*-moz-border-radius: 12px;*/
  /*border-radius: 12px;*/
  border: solid #8C96AB25;
  color: #fefefe;
  border-width: 0 3px 3px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}
.sidenav {
  top: 143px;
  width: 350px;
  left:-335px;
  position: fixed;
  z-index: 777;
  /* top: 0; */
  bottom: 0;
  background-color: #F7F7F7;
  /*overflow-x: hidden;*/
  transition: 0.5s;
  padding-top: 30px;
  box-shadow: 0 1px 7px 0 rgba(0,0,0,0.17);
  max-width: calc(100% - 30px);
  -webkit-transition: left .5s;
  -moz-transition: left .5s;
  -ms-transition: left .5s;
  -o-transition: left .5s;
  transition: left .5s;
}
.off-canvas {
  height: 100%; /* 100% Full-height */
  width: 350px;
  left: -335px;
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 140px;
  /*background-color: #111; !* Black*!*/
  padding-top: 33px; /* Place content 33px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  max-width: 80%;
}
.off-canvas.is-expanded {
  left: 0px;
}
.off-canvas.is-expanded [data-action="toggle-off-canvas"] i {
  transform: rotate(180deg);
}
.off-canvas.is-expanded + #main {
  margin-left: 350px;
}
/* .sidenav form a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav form a:hover {
  color: #f1f1f1;
} */

.sidenav .closebtn {
  cursor: pointer;
  color: #3D92CB;
  position: absolute;
  top: 70px;
  right: -26px;
  font-size: 18px;
  background: #F7f7f7;
  padding: 10px 16px 10px 1px;
  /* border-radius: 40px; */
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
  box-shadow: 5px 2px 7px -4px rgba(0,0,0,0.17);
}
.sidenav .closebtn i {
  -webkit-transition: transform .3s;
  -moz-transition: transform .3s;
  -ms-transition: transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
}

.sidenav .contents {
  overflow-x: hidden;
  min-height: 100%;
}
.sidenav form {
  min-width: 200px;
}
#map {
  position: absolute;
  left: 0;
  right: 0;
  top: 143px;
  bottom: 0;
}
#map.with-alarms {
  bottom: unset;
  height: 55vh;
  min-height: 400px;
}
#map ~ .container {
  margin-top: calc(max(55vh, 400px) + 20px);
}
#mapController .map-mode {
  position: fixed;
  bottom: 54px;
  right: 16px;
  font-size: 26px;
}
#mapController .zoom-options {
  position: fixed;
  right: 15px;
  bottom: 119px;
}
.zoom-options .btn {
  display: block;
  text-align: center;
}
.zoom-in {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid #fff;
  display: block;
  min-width: 53px;
  font-size: 22px;
  margin-right: 15px;
}
.zoom-in:hover {
  border-bottom: 1px solid #fff;
}
.zoom-out {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: block;
  min-width: 53px;
  font-size: 22px;
  margin-right: 15px;
}
.map-mode {
  min-width: 53px;
  font-size: 22px;
  margin-top: 10px;
  margin-right: 15px;
}
.labels {
  color: red;
  background-color: white;
  font-family: "Lucida Grande", "Arial", sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  width: 40px;
  border: 2px solid black;
  white-space: nowrap;
}
.map-infowindow {
  font-family: 'Titillium Web', sans-serif;
  padding: 19px 25px;
}
.map-infowindow h6 {
  color: #1C3B66;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  min-width: 240px;
}
.map-infowindow table {
  width: 100%;
  font-size: 14px;
}
.map-infowindow .metadata-table td:nth-child(1) {
  /*color: #3D92CB;*/
  font-weight: 800;
  width: 30%;
  vertical-align: top;
}
.map-infowindow .metadata-table td:nth-child(2) {
  width: 70%;
  vertical-align: top;
}
.map-infowindow .traffic-table td {
  padding: 3px 6px;
}
.map-infowindow .subtitle {
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
}
.bg-dark-blue {
  background: #1C3B66 !important;
}
.map-infowindow .btn {
  /*margin-top: 20px;*/
}
button.gm-ui-hover-effect {
  position: absolute!important;
  top: 30px!important;
  right: 25px!important;
}
.gm-ui-hover-effect img {
  content: url("../images/close.png");
  width: 14px!important;
  height: 14px!important;
}
.legenda {
  position: fixed;
  bottom: 0;
  right: 90px;
  min-width: 230px;
}
.legenda-top {
  background: #fff;
  padding: 8px 10px;
  width: 50%;
  text-align: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  cursor: pointer;
}
.legenda-top span {
  font-size: 16px;
  color: #1C3B66;
  font-weight: 800;
}
.legenda-content {
  height: 0;
  background: #FFF;
  border-top-right-radius: 8px;
}
.legenda-content .item {
  display: block;
  margin-bottom: 20px;
}
.legenda-content .item:last-child {
  margin-bottom: 0;
}
.legenda-content .item img {
  margin-right: 10px;
}
.legenda-content .item span {
  color: #3D92CB;
  font-size: 12px;
}
.legenda.active .legenda-content {
  /*min-height: 200px;*/
  height: auto;
  padding: 20px;
  -webkit-transition: height .3s;
  -moz-transition: height .3s;
  -ms-transition: height .3s;
  -o-transition: height .3s;
  transition: height .3s;
}
.btn-in-parent {
  position: absolute;
  right: 0;
  z-index: 999;
}
span.pin-icon {
  width: 10px;
  height: 16px;
  /* background-image: url(../images/pin-blue.png); */
  /* background-repeat: no-repeat; */
  /* -webkit-background-size: cover; */
  /* background-size: cover; */
  display: inherit;
}
.custom-clustericon {
  background: var(--cluster-color);
  color: #FFF;
  border-radius: 100%;
  font-weight: bold;
  font-size: 15px;
  display: flex;
  align-items: center;
}
.custom-clustericon::before, .custom-clustericon::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;

  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  background: var(--cluster-color);
  opacity: 0.2;
  border-radius: 100%;
  box-sizing: content-box;
}
.custom-clustericon::before {
  padding: 3px;
}
.custom-clustericon::after {
  padding: 5px;
}
.custom-clustericon-1 {
  --cluster-color: #3D92CB;
}
.custom-clustericon-2 {
  /*--cluster-color: #FF9B00;*/
  --cluster-color: #3D92CB;
}
.custom-clustericon-3 {
  /*--cluster-color: #FF6969;*/
  --cluster-color: #3D92CB;
}
table thead th.table-status, table tr td.table-status {
  padding: 0!important;
}
th.table-status {
  background-image: url(../images/pin-blue.png);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: contain;
  background-position: center 22px;
  width: 20px;
}
.table-responsive td {
  white-space: nowrap;
}

.table-responsive::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.table-responsive {
  scrollbar-width: thin;
  scrollbar-color: #3D92CB #F7F7F7;
}
.table-responsive::-webkit-scrollbar-track {
  background: #F7F7F7;
  border-radius: 19px;
}
.table-responsive::-webkit-scrollbar-thumb {
  background-color: #2B6597;
  border-radius: 19px;
  /* border: 1px solid black; */
}
#main {
  transition: margin-left .5s;
  padding: 20px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  padding: 4px;
  /*box-shadow: 5px 0 0 0 #ebf4f8;*/
  background-color: #1C3B66;
}
.daterangepicker td.start-date {
  border-radius: 19px;
}
.daterangepicker td.end-date {
  border-radius: 19px;
}
/* .in-range {
  border-top: 1px solid white !important;
  border-bottom: 1px solid white !important;
  background-color: #E8F4FF !important;
}
.start-date {
  border-radius: 19px !important;
  padding: 4px;
  box-shadow: 15px 0 0 0 #ebf4f8;
  background-color: #1C3B66!important;
}

.end-date {
  border-radius: 18px !important;
  padding: 4px;
  box-shadow: -15px 0 0 0 #ebf4f8;
  background-color: #1C3B66!important;
}

.daterangepicker.show-calendar .drp-buttons {
  display: none;
} */
.hig-px-105 {
  padding-left: 105px!important;
  padding-right: 105px!important;
}
.hig-btn-back {
  font-weight: 800;
  text-decoration: underline;
}
.card {
  border: unset;
  background-color: #F7F7F7;
}
.card-title {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}
.card-title.bg-primary h1 {
  color: #fff;
  font-size: 26px;
  letter-spacing: -0.17px;
  line-height: 39px;
  padding: 10px 15px;
  margin: 0;
}
.card-body {
  /*padding: 10px 30px;*/
}
.card-primary {
  border-left: 10px solid #19365E;
}
.hig-w-50 {
  width: 49%;
}
.filter-options {
  margin-bottom: 30px;
}
.filter-options a.reset-filter {
  font-size: 10px;
  font-weight: 600;
  color: #1c3b66;
  text-decoration: underline;
  margin-right: 10px;
}
.filter-options a.reset-filter:hover {
  color: #3D92CB;
}
.filter-options .badge {
  padding: 6px 13px;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  cursor: pointer;
  margin-right: 10px;
}
.filter-options .badge:hover {
  background-color: #cccccc;
  /*color: #EBEBEB;*/
  color: #3D92CB;
}
.filter-options .badge::before {
  content:'\f00d';
  font-family:'Font Awesome 5 Pro';
  font-weight:300;
  position: relative;
  right: 0px;
  top: 0px;
  color: #000;
  font-size: 12px;
  margin-right: 5px;
}
.filter-options .badge:hover::before {
  color: #3D92CB;
}
.filter-options .badge-secondary {
  background-color: #EBEBEB;
  color: #000;
}
.toggle {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 27px;
  border-radius: 100px;
  background-color: #ddd;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0,0,0,.05);
}

.check {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 6;
}

.check:checked ~ .track {
  box-shadow: inset 0 0 0 20px #3D92CB;
}

.check:checked ~ .switch {
  right: 2px;
  left: 16px;
  transition: .35s cubic-bezier(0.785, 0.135, 0.150, 0.860);
  transition-property: left, right;
  transition-delay: .05s, 0s;
}

.switch {
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 16px;
  background-color: #fff;
  border-radius: 36px;
  z-index: 1;
  transition: .35s cubic-bezier(0.785, 0.135, 0.150, 0.860);
  transition-property: left, right;
  transition-delay: 0s, .05s;
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.track {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: .35s cubic-bezier(0.785, 0.135, 0.150, 0.860);
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.05);
  border-radius: 40px;
}

.toggle.toggle-sm {
  width: 34px;
  height: 18px;
}

.toggle-sm .switch {
  right: 16px;
}

.table-compact {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 4px;
  text-align: right;
}
.table-compact td.minw-70, 
.table-compact th.minw-70{
  min-width: 70px;
}
.table-compact td.minw-200,
.table-compact th.minw-200{
  min-width: 200px;
  width: 200px !important;
}
.table-compact th {
  font-weight: 700;
  color: #1C3B66;
  text-align: right;
  font-size: 14px;
  white-space: nowrap;
}
.table-compact td, 
.table-compact th {
    width: 25%;
}
.table-compact.fit td, 
.table-compact.fit th {
    width: auto;
}
.table-compact tr th:first-of-type {
  text-align: left;
  font-size: 16px;
}
.table-compact tbody tr {
  background-color: #F7F7F7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table-compact tr td {
  padding: 4px 8px;
  color: #000;
  font-weight: 600;
}
.table-compact tbody tr td:first-of-type {
  color: #1C3B66;
  font-weight: 400;
  text-align: left;
}
.table-compact tr.total-row td,
.table-compact tr.total-row td:first-of-type {
  background: lightgray;
  font-weight: bold;
}
.table-compact caption {
  caption-side: top;
  font-weight: bold;
  padding: 0;
  color: #1C3B66;
}
.table-compact tbody tr td:first-child {
  position: sticky;
  left: 0;
  background: inherit;
}
.table-compact tbody + tbody:before {
  content: '';
  display: block;
  height: 1.5rem;
}
.table-compact.heading-wrap th {
    white-space: pre-wrap;
}
form.hig-form .label-dark {
  color: #000;
  font-size: 16px;
  font-weight: normal;
}
.hig-topbar-menu {
  width: 521px;
}
.hig-activities {
  max-height: 235px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #3D92CB #F7F7F7;
}
.hig-activities::-webkit-scrollbar {
  width: 6px;
}
.hig-activities::-webkit-scrollbar-track {
  background: #F7F7F7;
}
.hig-activities::-webkit-scrollbar-thumb {
  background-color: #2B6597;
  border-radius: 19px;
  /* border: 1px solid black; */
}
.hig-activity-item {
  display: block;
  color: #000;
  margin: 0 12px;
}
.hig-activity-item span {
  display: inline-block;
}
.hig-activity-item span.icon {
  font-size: 30px;
  line-height: 40px;
  vertical-align: top;
  margin-right: 10px;
  width: 50px;
  text-align: center;
}
.hig-activity-item span.details strong {
  font-size: 16px;
}
.hig-activity-item span.details p {
  font-size: 12px;
  color: #000;
}
.hig-activity-item span.time {
  float: right;
  font-size: 12px;
}
.error-text {
  color: #B94949;
}
.hig-user-options .md-avatar {
  margin-right: 10px;
}
.hig-user-options .badge {
  padding: 5px 8px;
  border-radius: 20px;
  margin-left: 10px;
  font-size: 16px;
}
.hig-user-options .badge-warning {
  background: #FE6500;
  color: #fff;
}
.hig-user-options {
  cursor: pointer;
  display: block;
}
.border-left-1 {
  border-left: 1px solid #D6D6D6;
}
.hig-licence-plate {
  height: 50px;
  border: 3px solid #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  max-width: 257px;
}
.hig-licence-plate .lp {
  display: inline-block;
  height: 44px;
}
.lp-left {
  width: 47px;
  background-color: #003499;
}
.lp-right {
  width: 204px;
  margin-left: -4px;
  background-color: #FBBC01;
}
.lp-right span {
  color: #000;
  font-size: 32px;
  line-height: 44px;
  letter-spacing: -0.21px;
  text-transform: uppercase;
  position: absolute;
  text-align: center;
  width: 200px;
  font-weight: 800;
}
.t-status-colors {
  background-color: #B94949;
}
.t-status-colors .check:checked ~ .track {
  box-shadow: inset 0 0 0 20px #5FB90D;
}
.hig-check-inline {
  min-height: 50px;
  position: relative;
  top: -10px;
}
.hig-check-inline label {
  vertical-align: super;
  color: #1C3B66;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  padding-left: 24px;
  padding-right: 15px;
}
.hig-check-inline .toggle {
  top: 3px;
}
.hig-title h1 {
  letter-spacing: -0.17px;
  font-weight: 700;
  line-height: 39px;
}
.fsz-26 {
  font-size: 26px;
}
.rounded-icon {
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.32);
  vertical-align: super;
  text-align: center;
  color: #fff;
  width: 56px;
  max-width: 58px;
  display: block;
  margin: 0 auto;
}
.rounded-icon i {
  font-size: 22px;
  line-height: 22px;
  padding: 17px;
}
.hig-camera-feed h3 {
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 22px;
  color: #1C3B66;
  font-weight: 800;
  padding: 0;
  line-height: 22px;
  word-break: keep-all;
  white-space: nowrap;
}
.hig-camera-feed p {
  color: #1c3b66;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
}
/*.hig-cameras img {*/
/*max-width: 48%;*/
/*height: auto;*/
/*display: inline-block;*/
/*}*/
.hig-camera img:nth-child(2) {
  margin-left: 2%;
}
.hig-camera-pagination .page-item {
  min-width: unset;
  height: 36px;
}
.hig-camera-pagination .page-item.disabled .page-link {
  /*color: #fff;*/
  /*background-color: #3D92CB;*/
  /*border-color: #3D92CB;*/
  opacity: .6;
}
.hig-camera-pagination .page-item:first-child .page-link, .hig-camera-pagination .page-item:last-child .page-link {
  color: #fff;
  background-color: #3D92CB;
  border-color: #3D92CB;
}
.hig-camera-pagination .page-item .page-link {
  border: 1px solid #1C3B66;
  text-align: center;
  padding: 7px 13px;
  border-radius: 25px!important;
  max-height: 36px;
  font-weight: 700;
  /* font-size: 16px; */
  margin: 0px 4px;
}
.hig-camera-pagination .page-item.active .page-link {
  color: #fff;
  background-color: #1C3B66;
  border-color: #1C3B66;
}
.hig-camera-pagination .pagination {
  max-width: max-content;
  margin: 0 auto;
  box-shadow: unset;
}
.hig-tooltip.hidden {
  opacity: 0;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -ms-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}
.hig-tooltip .tooltip-inner {
    max-width: 400px;
    background: #FFF;
    color: black;
    text-align: left;
    /* padding: 20px; */
    border: 2px solid inse;
    box-shadow: 0 2px 4px 4px rgb(0 0 0 / 14%);
}
.hig-pointer {
  cursor: pointer;
}
.datepicker-single- {
  border: 1px solid rgb(206, 212, 218) !important;
}
.hig-checkbox-custom {
    --color-alarm-default: #2C6698;
    --color-alarm-warning: #FECA00;
    --color-alarm-critical: #FE6500;
    --color-alarm-alarm: #B94949;
    --color-alarm-defect: #8E4C9F;
    --bg-alarm-warning: linear-gradient(180deg, #FFDD59 0%, #FFCB00 100%);
    --bg-alarm-critical: linear-gradient(180deg, #ee7829 0%, #FE6500 100%);
    --bg-alarm-alarm: linear-gradient(180deg, #B94949 0%, #A63434 100%);
    --bg-alarm-defect: linear-gradient(180deg, #8E4C9F 0%, #630B7A 100%);
    display: block;
    cursor: pointer;
}
.hig-checkbox-custom .input-group {
    background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
    border-radius: 3px;
}
.hig-checkbox-custom .input-group .input-group-prepend {
    width: 14px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.hig-checkbox-custom .input-group p {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: lighter;
    padding: 7px 14px;
    /*color: #000000;*/
}
.hig-checkbox-custom input[type="checkbox"] {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    display: none;
}
.hig-checkbox-custom:hover > div {}
.hig-checkbox-custom input:checked + .input-group {
    /*box-shadow: 0 0 0 0.15rem rgb(61 146 203 / 50%);
    transition: box-shadow .2s ease-in-out;*/
}
.hig-checkbox-custom.primary input:checked + .input-group {
    background: var(--color-alarm-default);
    color: white;
}
.hig-checkbox-custom.warning input:checked + .input-group {
    background: var(--bg-alarm-warning);
}
.hig-checkbox-custom.critical input:checked + .input-group {
    background: var(--bg-alarm-critical);
    color: white;
}
.hig-checkbox-custom.alarm input:checked + .input-group {
    background: var(--bg-alarm-alarm);
    color: white;
}
.hig-checkbox-custom.defective input:checked + .input-group {
    background: var(--bg-alarm-defect);
    color: white;
}
.hig-checkbox-custom input:checked + .input-group .input-group-prepend:not(.hig-prepend-icon) {
    visibility: hidden;
}
.hig-checkbox-custom .input-group .hig-prepend-icon {
    position: relative;
    width: 46px;
    text-align: center;
}
.hig-prepend-icon i {
    font-size: 24px;
    color: #1C3B66;
    display: block;
    width: 38px;
    line-height: 38px;
}
.hig-prepend-icon-count {
    position: absolute;
    font-size: 10px;
    line-height: 22px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    background-color: #B94949;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 28%);
    right: 0;
    width: 22px;
    height: 22px;
    border-radius: 13px;
}
.hig-checkbox-custom.primary input:checked + .input-group .hig-prepend-icon i {
  color: white;
}
hr {
    border-top: 1px solid #979797;
}
.hig-selected-filters {}
.hig-selected-filters .btn-link {
    color: #1c3b66;
    font-weight: 500;
    text-decoration: underline;
    font-size: 10px;
}
.hig-selected-filters .btn-link:hover {
    text-decoration: none;
}
.hig-selected-filters .btn-light {
    background-color: #EBEBEB;
}
.hig-selected-filters .btn-link:hover {
    text-decoration: none;
}
/* Sidenav overrides */
.hig-sidenav-scrollable {
    overflow-y: scroll;
    height: 100vh;
    margin-right: 15px;
    padding-bottom: 160px;
}
.hig-sidenav-scrollable::-webkit-scrollbar {
    width: 3px;
    height: 6px;
    border-radius: 3px;
}
.hig-sidenav-scrollable {
    scrollbar-width: thin;
    scrollbar-color: #3D92CB #F7F7F7;
}
.hig-sidenav-scrollable::-webkit-scrollbar-track {
    background: #F7F7F7;
    border-radius: 19px;
}
.hig-sidenav-scrollable::-webkit-scrollbar-thumb {
    background-color: #2B6597;
    border-radius: 19px;
}
/* Statusmonitor detail screen */
.md-page-detail-title h1 {
    font-size: 36px;
    line-height: 55px;
    font-weight: 500;
}
.md-page-detail-title a {
    color: #1C3B66;
}
.md-page-detail-title a:first-of-type {
    margin-right: 11px;
}
.md-page-detail-title a i {
    font-size: 26px;
    line-height: 26px;
}
.md-navbar-tabs {}
.md-navbar-tabs .nav-link {
    background-color: #2C6698;
    color: #ffffff;
    font-size: 16px;
    line-height: 34px;
    font-weight: 600;
    min-width: 165px;
    text-align: center;
}
.md-navbar-tabs .nav-link.active {
    background-color: #ffffff;
    color: #3D92CB;
}
.md-navbar-tabs .nav-link:not(.active):focus, .md-navbar-tabs .nav-link:not(.active):hover {
    border-color: #3D92CB;
    background-color: #3D92CB;
}
.md-navbar-tabs .nav-item {
    margin-right: 5px;
}
.md-navbar-tabs .nav-item:first-of-type .nav-link {
    margin-left: 15px;
}
.md-card {
    background-color: #F7F7F7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 11px;
    position: relative;
    padding: 21px 28px;
}
.md-card:last-of-type {
    margin-bottom: 0;
}
.md-card-pre {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #19365E;
}
.md-pre-secondary {
    background-color: #3D92CB;
}
#map.md-map-inline {
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.md-card h3 {
    font-weight: 700;
    font-size: 26px;
    height: 39px;
    letter-spacing: -0.17px;
    color: #1C3B66;
}
.md-card .col-6 {
/*    font-weight: 700;*/
}
.md-card .col-6:nth-child(2n) {
/*    font-weight: 400;*/
}
.collapsed > .fa-chevron-up {
    transform: rotate(-180deg);
}
.md-filter-card {}
.md-filter-card .btn i {
    margin: 0;
    font-size: 22px;
    line-height: 22px;
    vertical-align: middle;
}
.md-filter-card .btn-light {
    color: #1C3B66;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 9px 10.5px;
    margin-right: 10px;
    width: 45px;
}
.md-filter-card .btn-light:not(:disabled):not(.disabled).active, .md-filter-card .btn-light:not(:disabled):not(.disabled):active, .show>.md-filter-card .btn-light.dropdown-toggle {
    background-color: #1C3B66;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14);
    color: #ffffff;
}
.md-filter-card > select.form-control {
    display: inline-block;
    max-width: calc(100% - 198px);
    margin-right: 15px;
    height: 41px;
    /*border: unset;*/
}
.md-filter-card .bootstrap-select > .dropdown-toggle {
    box-shadow: none;
    border: 1px solid #ced4da;
    padding: 0.375rem 0.75rem;
}
.md-filter-expand {
    max-height: 0;
    overflow: hidden;
}
.md-filter-expand.show {
    margin-top: 16px;
    max-height: 500px;
    transition: all ease-in-out .3s;
}
.md-filter-expand label {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #1C3B66;
}
.img-rounded {
    border-radius: 100%;
}
.md-filter-expand img.img-rounded {
    vertical-align: top;
}
.md-filter-expand textarea.form-control {
    display: inline-block;
    max-width: calc(100% - 50px);
    float: right;
    border: unset;
    font-size: 16px;
    line-height: 24px;
}
.entry-type-item {
    cursor: pointer;
}
.entry-type-item:hover {
    background-color: #1c3b66;
    color: #ffffff;
}
.md-log-item {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 15px;
    margin-bottom: 10px;
    position: relative;
    margin-left: 17px;
}
.md-log-item:last-of-type {
    margin-bottom: 0;
}
.md-log-item::before {
    content: "\A";
    position: absolute;
    display: block;
    top: 50%;
    left: -17px;
    width: 17px;
    height: 1px;
    background-color: #3D92CB;
}
.md-log-item p {
    font-size: 14px;
    line-height: 20px;
    max-width: calc(100% - 50px);
    margin: 0;
    vertical-align: middle;
}
.md-log-item img.img-rounded {
    vertical-align: top;
}
.md-log-status i {
    font-size: 13px;
    line-height: 13px;
}
.md-log-status b {
    font-size: 14px;
    color: #000000;
    line-height: 30px;
}
.md-log-details .badge {
    font-size: 11px;
    line-height: 16px;
    -webkit-border-radius: 9.5px;
    -moz-border-radius: 9.5px;
    border-radius: 9.5px;
    font-weight: 300;
    padding: 3px 18px;
}
.md-log-details span {
    font-size: 12px;
    line-height: 19px;
    color: #1C3B66;
    margin-left: 6px;
}
.badge-secondary {
    color: #1C3B66;
    background-color: #EEF4F8;
}
.md-card-logs {
    padding: 21px 17px 0 10px;
}
.md-card-scrollable {
    max-height: 444px;
    overflow-y: auto;
    padding-right: 10px;
}
.md-card-scrollable::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.md-card-scrollable {
    scrollbar-width: thin;
    scrollbar-color: #3D92CB #F7F7F7;
}
.md-card-scrollable::-webkit-scrollbar-track {
    background: #e3e3e3;
    border-radius: 19px;
}
.md-card-scrollable::-webkit-scrollbar-thumb {
    background-color: #2B6597;
    border-radius: 19px;
}
.md-card-spinner {
    text-align: center;
    display: block;
    font-size: 32px;
    overflow: hidden;
    width: 32px;
    height: 32px;
    margin: 26px auto;
    color: #1C3B66;
}
/* Custom checkbox styling overrides */
.hig-checkbox-custom.default .input-group .input-group-prepend {
    background-color: transparent;
}
.hig-checkbox-custom.default .input-group {
    background: #2C6698;
}
.hig-checkbox-custom.default .input-group p {
    color: #ffffff;
}
.hig-checkbox-custom.primary .input-group .input-group-prepend:not(.hig-prepend-icon) {
    background-color: var(--color-alarm-default);
}
.hig-checkbox-custom.warning .input-group .input-group-prepend:not(.hig-prepend-icon) {
    background-color: var(--color-alarm-warning);
}
.hig-checkbox-custom.critical .input-group .input-group-prepend:not(.hig-prepend-icon) {
    background-color: var(--color-alarm-critical);
}
.hig-checkbox-custom.alarm .input-group .input-group-prepend:not(.hig-prepend-icon) {
    background-color: var(--color-alarm-alarm);
}
.hig-checkbox-custom.defective .input-group .input-group-prepend:not(.hig-prepend-icon) {
    background-color: var(--color-alarm-defect);
}

.hig-block-view {
  display: flex;
  flex-wrap: wrap;
}
.hig-block {
    /*display: block;*/
    display: flex;
    align-items: center;
    border-radius: 4px;
    background: linear-gradient(180deg, #93C3E3 0%, #3D92CB 100%);
    color: #ffffff;
    font-size: 12px;
    line-height: 24px;
    margin-right: 2px;
    margin-bottom: 2px;
    width: 220px;
}
.hig-block.inactive {
  background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
  color: #000000;
}
.hb-default {
/*  background: linear-gradient(180deg, #93C3E3 0%, #3D92CB 100%);*/
  background: #3D92CB;
}
.hb-warning {
  color: #000000;
  background: linear-gradient(180deg, #FFDD59 0%, #FFCB00 100%);
}
.hb-critical {
  background: linear-gradient(180deg, #ee7829 0%, #FE6500 100%);
}
.hb-alarm {
  background: linear-gradient(180deg, #B94949 0%, #A63434 100%);
}
.hb-defective {
  background: linear-gradient(180deg, #8E4C9F 0%, #630B7A 100%);
}
.hig-block-pre {
    display: inline-block;
    /*padding: 10px 9px;*/
    padding: 4px;
    text-align: center;
    min-width: 60px;
    border-right: 1px solid #fff;
}
.hig-block-label {
    display: inline-block;
    /*padding: 10px 13px;
    min-width: 122px;*/
    /*padding-left: 13px;*/
    padding-left: 7px;
    padding-right: 7px;
    line-height: 1.1;
    flex-grow: 1;
    position: relative;
    overflow-wrap: anywhere;
}
.hig-block-label.with-alarm {
    /*padding-right: 30px;*/
    padding-right: 24px;
}
.hig-block-label i {
  /*float: right;
  margin-top: 6px;*/
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
  position: absolute;
  /*right: 10px;*/
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}
.map-infowindow h5 {
  color: #B94949;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
}
.map-infowindow p {
  color: #000000;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
/*// Small devices (landscape phones, 576px and up)*/
@media screen and (max-width: 598px) {
  .hide-on-mobile {
    display: none!important;
  }
  .navbar-collapse::-webkit-scrollbar {
    display: none;
  }
  .navbar-collapse {
    margin-top: 83px !important;
    height: auto;
    max-height: 100vh;
    overflow-y: scroll;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling:touch;
  }
  .nav-item .dropdown-menu {
    width: 100%;
  }
  .page-item {
    min-width: 36px;
    height: 36px;
    font-size: 14px;
  }
  .card-details span {
    border-bottom: 1px solid #ededed;
    padding-bottom: 5px;
    padding-top: 5px;
  }
}
@media screen and (max-width: 576px) {
    .md-login-panel-small .form-control {
        font-size: 16px;
        padding: 8px 12px;
        height: auto;
        border: unset;
        border-radius: 2px;
    }
    .md-login-panel-small .btn {
        font-size: 16px;
    }
}

@media screen and (min-width: 595.9px) {
    .w-sm-auto {
        width: auto!important;
    }
}
@media screen and (max-width: 361px) {
  .md-topbar .md-navbar-brand {
    margin-right: 0;
  }
  .btn-outline-secondary span {
    max-width: 36px;
    overflow-x: hidden;
    min-width: 36px;
  }
}

/*// Medium devices (tablets, 976px and down)*/
@media (max-width: 976px) {
    .md-navbar-tabs .nav-link {
        background-color: #2C6698;
        color: #ffffff;
        font-size: 16px;
        line-height: 32px;
        font-weight: 600;
        min-width: unset;
        text-align: center;
        padding: 4px 24px;
    }
    .md-navbar-tabs .nav-item:first-of-type .nav-link {
        margin-left: 0;
    }
}

/*// Large devices (desktops, 992px and up)*/
@media screen and (min-width: 992px) {
  .hig-nav-right {
    position: absolute;
    right: 0;
  }
}
/*// Extra Small devices (landscape phones, 361px and up)*/
@media screen and (max-width: 522px) {
    .md-navbar-tabs .nav-link {
        background-color: #2C6698;
        color: #ffffff;
        font-size: 14px;
        line-height: 21px;
        font-weight: 600;
        min-width: unset;
        text-align: center;
        padding: 4px 13px;
    }
    .md-navbar-tabs .nav-item:first-of-type .nav-link {
        margin-left: 0;
    }
    .md-mobile-sidebar {
        right: -100%;
        width: 100%;
    }
}
@media screen and (max-width: 992px) {
  .navbar-collapse {
    background-color: #3D92CB;
    margin-top: 83px;
  }
  .md-navbar .navbar-nav .nav-link {
    line-height: 38px;
  }
  .md-navbar .nav-link .fal {
    font-size: 21px;
  }
  .hig-px-105 {
    padding-left: 15px!important;
    padding-right: 15px!important;
  }
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  }