/* You can add global styles to this file, and also import other style files */

/* @import "~bootstrap/dist/css/bootstrap.css"; */

.listViewclass {
  list-style-type: none;
  margin-inline-start: 30px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding-inline-start: 0px;
  height: 100%;
}

.listViewItemclass {
  line-height: 40px;
  padding-left: 8px;
}


.listViewclass li:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.04);
}


.k-state-selected {
  background-color: #76b852 !important;
}

.k-grid tr.k-state-selected>td {
  color: white !important;
}

.k-state-active {
  background-color: #1274ba !important;
  border-color: #286090 !important
}

.k-event,
.k-event {
  background-color: #1274ba !important;
  color: #fff;
}

.k-grid tr.k-state-selected>td {
  background-color: #76b852 !important;
  color: white !important;
}

.k-grid-header {
  background-color: #1274ba !important;
  color: #fff !important;
  border-color: white !important;
}

.k-grid-header-wrap,
.k-grid td {
  border-color: white !important;
}

.k-list .k-item:hover,
.k-list .k-item.k-state-hover,
.k-list-optionlabel:hover,
.k-list-optionlabel.k-state-hover,
.k-list-container .k-button:hover,
.k-list-container .k-button.k-state-hover,
.k-column-list-item:hover,
.k-columnmenu-item:hover,
.k-column-menu .k-menu:not(.k-context-menu) .k-item:hover,
.k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-hover,
.k-spreadsheet-filter-menu>.k-menu .k-item.k-state-hover,
.k-spreadsheet-filter-menu>.k-menu:not(.k-context-menu) .k-item.k-state-hover,
.k-spreadsheet-popup .k-button:hover,
.k-spreadsheet-popup .k-button.k-state-hover,
.k-menu-group .k-item:hover,
.k-menu-group .k-item.k-state-hover,
.k-menu.k-context-menu .k-item:hover,
.k-menu.k-context-menu .k-item.k-state-hover {
  color: white;
  background-color: #0c5080;
}


.k-checkbox:checked+.k-checkbox-label::before {
  border-color: #1274ba !important;
  background-color: #1274ba !important;
}

.k-checkbox:checked:focus+.k-checkbox-label::before {
  box-shadow: none !important;
}


.form-group {
  margin-bottom: 15px;
}

.k-button.k-primary {
  border-color: #1274ba !important;
  background-color: #1274ba !important
}

.k-button.k-primary:focus {
  box-shadow: none !important;
}

.k-grid td {
  border: 1px solid #ccc
}

.active {
  background: #2ca01c !important;
  color: white !important;
}

.IconColorClass {
  color: #787373;
}

.k-dialog-titlebar {
  background-color: #1274ba !important
}


.anchortagHover:hover {
  text-decoration: underline !important;
}