
a.not-allowed {
  cursor: not-allowed !important;
}
a.disabled,
.form-control:disabled,
button:disabled {
  cursor: not-allowed;
}
.input-group-text.input-group-text-secondary.pseudo-checkbox-wrapper {
  position: relative;
}
.input-group-text-secondary label.form-check-label.pseudo-checkbox {
  min-width: 7px;
  margin: 2px;
}
label.pseudo-checkbox-disabled{
    cursor:not-allowed !important;
}

.input-group-text-secondary label.form-check-label:before,
.input-group-text-secondary label.form-check-label:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 5px;
}

.input-group-text-secondary label.pseudo-checkbox:after {
  left: 8px;
  width: 12px;
  height: 12px;
  margin: -6px 0 0;
  opacity: 0;
  background: #001997;
  transform: translate3d(0,0,0) scale(.5);
  transition: opacity .25s ease-in-out,transform .25s ease-in-out;
}

.input-group-text-secondary label.form-check-label:before {
  left: 4px;
  width: 20px;
  height: 20px;
  margin: -10px 0 0;
  background: #eceef3;
  border-radius: 6px;
}

.input-group-text-secondary label.pseudo-checkbox.pseudo-checkbox-disabled {
  cursor: not-allowed !important;
}
  .input-group-text-secondary label.pseudo-checkbox.pseudo-checkbox-disabled:after {
    background: #666;
  }

  .input-group-text-secondary label.pseudo-checkbox:before,
  .input-group-text-secondary label.pseudo-checkbox:after {
    border-radius: 2px;
  }

.form-check label.pseudo-checkbox.pseudo-checkbox-checked:after {
  transform: translate3d(0,0,0);
  opacity: 1;
}

.form-check label.pseudo-checkbox:after {
  left: 8px;
  width: 13px;
  height: 13px;
  margin: -6px 0 0;
  opacity: 0;
  background: #001997;
  transform: translate3d(0,0,0) scale(.5);
  transition: opacity .25s ease-in-out,transform .25s ease-in-out;
}

.form-group.with-following-related-check{
    padding-bottom: 2px;
    margin-bottom: 3px;
}
.form-group.related-check-row {
  margin-bottom: 8px;
  margin-top: -3px;
}
.related-check-row .form-check {
    padding: 0px 25px !important;
}
.related-check-row .form-check-label {
  font-size: .75em;
  min-height: 19px;
  color: #000f5a;
}
.related-check-row .form-check label:before {
  width: 18px;
  height: 18px;
  border-color: #000f5a;
}
.related-check-row .form-check label:after,
.related-check-row .form-check label.pseudo-checkbox:after
{
  width: 12px;
  height: 12px;
  left: 6px;
  top: 10px;
}
.related-check-row .form-check-label {
    font-size: .75em;
    min-height: 19px;
    color: #000f5a;
}
.related-check-row .form-check input[type=radio] + label:after {
  top: 9px !important;
}
.related-check-row .form-check label:before {
  width: 18px;
  height: 18px;
  border-color: #000f5a;
}
.related-check-row .form-check label:after {
  width: 12px;
  height: 12px;
  left: 6px;
  top: 11px;
}

.clearfix::after {
  width: 100%;
  display: block;
  clear: both;
  content: "";
}
.card-title.clearfix{
    width:100%;
}

.form-condensed .form-control,
.form-condensed .input-group-prepend,
.form-condensed .input-group-append,
.form-condensed select.form-control:not([size]):not([multiple]) {
  height: 24px;
  font-size: 11px;
  border-color: #CCC;
}

  .form-condensed .input-group-prepend .input-group-text,
  .form-condensed .input-group-append .input-group-text {
    background-color: #e9ecef;
    border-color: #CCC;
    color: #666
  }



.form-condensed .form-control:focus,
.form-condensed select.form-control:not([size]):not([multiple]):focus {
  border-color: #96a0d3;
}
.form-condensed .form-control.is-invalid,
.form-condensed select.form-control.is-invalid:not([size]):not([multiple]) {
  border-color: #e3324c;
}
.form-condensed .form-control.is-invalid:focus,
.form-condensed select.form-control.is-invalid:not([size]):not([multiple]):focus {
  border-color: #e3324c;
}
.invalid-feedback {
  color: #e3324c !important;
}
.form-condensed .input-group .btn.btn-add-on {
  height: 24px;
  font-size: 11px;
  border-color: #CCC;
  border-radius: 0px 3px 3px 0px;
  padding: 0.3rem 0.9rem;
}
.form-condensed .col-form-label {
  font-size: 11px;
  color: #666;
  padding-bottom: 2px;
  padding-top: 2px;
  margin-bottom: 5px;
}
.info-label{
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #dc3545;
}
.upper-title {
  text-transform: uppercase;
}
.form-condensed {
    min-width: 320px;
}
.form-check {
  padding-top: 10px;
  padding-bottom: 10px;
}
.form-check label {
  color: #303030;
}
.form-group:invalid .form-check label,
.form-group.is-invalid .form-check label {
    color: red;
}
.form-group:invalid .invalid-feedback,
.form-group.is-invalid .invalid-feedback{
    display: block;
}
.form-check label:before {
  border-radius: 3px;
  border: solid 1px #303030;
}

.form-check label:after {
  border-radius: 3px;
  
}
.btn.disabled{
  cursor: not-allowed;
  opacity: 0.65;
}
.sidebar-nav.scrollbar > ul {
  scrollbar-gutter: stable;
  overflow-y: auto;
  height: 100%;
}
.sidebar-nav.scrollbar > ul::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.sidebar-nav.scrollbar > ul:hover::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background: transparent !important;
}
.sidebar-nav.scrollbar > ul::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}
:root {
  --sidebar-nav-standard-background-color: rgba(255, 255, 255, 1);
  --sidebar-nav-standard-active-background-color: rgba(230, 230, 230, 1);
  --sidebar-nav-standard-hover-background-color: rgba(230, 230, 230, 1);
  --sidebar-nav-standard-submenu-hover-background-color: rgba(0, 0, 0, .1);
  --sidebar-nav-standard-submenu-active-background-color: rgba(0, 0, 0, .1);
  --sidebar-nav-standard-submenu-background-color: rgba(0, 0, 0, .06);
  --sidebar-nav-standard-active-color: rgba(0, 0, 0, 1);
  --sidebar-nav-standard-color: rgba(0, 0, 0, 1);
}

body.sidebar-mini .app-navbar .sidebar-nav ul.metismenu li ul li a{
  padding-left: 1.5rem;
}
body.sidebar-mini .app-navbar.expand .sidebar-nav ul.metismenu li ul li a{
  padding-left: 3.78rem;
}
.light-sidebar .app-navbar .sidebar-nav.standard-nav ul.metismenu li a {
  color: var(--sidebar-nav-standard-color);
}
.light-sidebar .app-navbar .sidebar-nav.standard-nav ul.metismenu li li i,
.light-sidebar .app-navbar .sidebar-nav.standard-nav ul.metismenu li.active a i,
.light-sidebar .app-navbar .sidebar-nav.standard-nav ul.metismenu li.active a.active i,
.light-sidebar .app-navbar .sidebar-nav.standard-nav ul.metismenu li.active a:active i {
  color: var(--sidebar-nav-standard-color);
}
.light-sidebar .app-navbar .sidebar-nav.standard-nav ul.metismenu li.active ul li.active a {
  color: var(--sidebar-nav-standard-active-color) !important;
  font-weight: 500;
}
body.light-sidebar .sidebar-nav.standard-nav ul#sidebarNav.metismenu {
  background: var(--sidebar-nav-standard-background-color);
}
.light-sidebar .app-navbar .sidebar-nav.standard-nav ul.metismenu li.active ul li.active a:before {
  background: #FFF;
}
.light-sidebar .app-navbar .sidebar-nav.standard-nav ul.metismenu li.active ul:before {
  background: #FFF;
}
.light-sidebar.sidebar-mini .app-navbar .sidebar-nav.standard-nav ul.metismenu li.active ul li.active a:before {
  display: none;
}
.light-sidebar.sidebar-mini .app-navbar .sidebar-nav.standard-nav ul.metismenu li.active ul:before {
  display:none;
}
.light-sidebar .sidebar-nav ul#sidebarNav.metismenu a{
    cursor: pointer;
}
body.light-sidebar .app-navbar .sidebar-nav.standard-nav ul.metismenu > li:hover a {
  background: var(--sidebar-nav-standard-active-background-color);
  color: var(--sidebar-nav-standard-active-color) !important;
}
.light-sidebar .app-navbar .sidebar-nav.standard-nav ul.metismenu li.active > a {
  background: var(--sidebar-nav-standard-active-background-color);
  color: var(--sidebar-nav-standard-active-color);
}
.light-sidebar .app-navbar .sidebar-nav.standard-nav ul.metismenu li li,
.light-sidebar .app-navbar .sidebar-nav.standard-nav ul.metismenu li.active li a {
  background: var(--sidebar-nav-standard-submenu-background-color);
  color: var(--sidebar-nav-standard-active-color);
}
.light-sidebar .app-navbar .sidebar-nav.standard-nav ul.metismenu li {
  background: var(--sidebar-nav-standard-background-color);
  color: var(--sidebar-nav-standard-active-color);
}
.light-sidebar .app-navbar .sidebar-nav.standard-nav ul.metismenu li li:hover,
.light-sidebar .app-navbar .sidebar-nav.standard-nav ul.metismenu li li.active {
  background: var(--sidebar-nav-standard-submenu-hover-background-color);
  color: var(--sidebar-nav-standard-active-color) !important;
}
.app-navbar .sidebar-nav.standard-nav ul.metismenu li a i {
    color: var(--sidebar-nav-standard-color);
}

.light-sidebar .app-navbar .sidebar-nav.standard-nav ul.metismenu > li > a.has-arrow {
  cursor: pointer;
  font-size: .8571rem;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-weight: 600;
}
ngb-typeahead-window .dropdown-item{
    color: #000;
}
ngb-typeahead-window .dropdown-item.active {
  color: #FFF;
  background-color: #00F;
}
.form-control.loading-data{
    padding-top: 3.25px;
}
input[type=time] {
  max-width: 120px;
}
input[type=time]:not(:first-child){
  margin-left: 2px;
}
label.service-check{
    line-height: 15px;
}
.service-check input[type=checkbox]{
    vertical-align: middle;
}
.service-check span {
  vertical-align: middle;
}
.input-group .input-group-append button.btn-last {
  border-top-right-radius: .2rem !important;
  border-bottom-right-radius: .2rem !important;
}
