﻿.month {
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  color: #212529 !important;
}
.irs--flat.irs-with-grid {
  margin-top: -10px;
}
.hid {
  display: none;
}
.flex {
  display: flex;
}
.DTFC_LeftBodyLiner {
  overflow: hidden !important;
}
.excel img {
  height: 36px;
  width: 36px;
}
.select2-container--default .select2-selection--single {
  border: 1px solid #dee2e6;
}
.table-bordered thead td,
.table-bordered thead th {
  border-bottom-width: 1px;
}
.table td,
.table th {
  padding: 8px 15px;
  vertical-align: middle !important;
}
.k-state-default h3 {
  font-size: 14px !important;
}
.k-state-default p {
  font-size: 12px !important;
}
.k-footer {
  font-size: 12px;
  padding-left: 15px;
}
.program_filter .input-group {
  margin-right: 10px;
}
.program_filter .input-group .form-control {
  height: 36px;
  width: calc(100% - 35px);
  font-size: 14px !important;
}
.program_filter .input-group .k-widget.form-control {
  width: calc(100% - 35px) !important;
}
.program_filter .input-group .input-group-text {
  height: 36px;
  font-size: 12px;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  bottom: 6px !important;
}
.input-group-text {
  background-color: #fff;
}
.program_filter label {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
.program_filter .form-group .form-control {
  font-size: 12px;
}
.program_filter .form-group {
  margin-bottom: 5px;
}
.modal-title {
  font-size: 16px;
  font-weight: 600;
}
.form-check-label {
  font-weight: 600;
  font-size: 14px;
}
.mr-5 {
  margin-right: 5px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.modal-footer .btn {
  font-size: 14px;
}

.w-100 {
  width: 100%;
}
.star {
  color: red;
  padding-left: 5px;
}
.align-center {
  align-items: center;
}
.program_filter {
  padding: 15px 0px 5px 0px;
}
.program_filter .input-group-prepend {
  width: 35px;
}
.dataTables_scrollBody {
  overflow: scroll !important;
}
.DTFC_ScrollWrapper {
  height: 100% !important;
}
.manager {
  display: flex;
}
.balancescorecard {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.table thead tr th {
  font-weight: 600;
  white-space: nowrap;
}
.table tbody tr td {
  font-weight: 600;
  white-space: nowrap;
}
.flname {
  color: #fff;
  background-color: #000;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}
.role {
  font-size: 11px;
  color: #02c0f9;
}
.bal_color {
  background-color: none;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin-right: 5px;
}
.ind_color {
  width: 20px;
  height: 20px;
  background-color: gray;
  border-radius: 20px;
  margin-right: 5px;
}
button.btn.btn-off {
  font-size: 12px;
  margin: 0;
  padding: 2px 15px;
  border-radius: 15px;
  background-color: #e9ecef;
  font-weight: 600;
}
.space-between {
  justify-content: space-between;
}
.trend img {
  width: 20px;
}
.invisible {
  visibility: hidden;
}
.trend {
  padding-left: 30px;
}
th.sorting_desc::after {
  color: #6c757d;
  content: "\f0dd" !important;
  font-family: FontAwesome;
  font-size: 12px;
}

th.sorting_desc::before {
  color: #22c6ab;
  content: "\f0de" !important;
  font-family: FontAwesome;
  font-size: 12px;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  content: "\f0dd" !important;
  font-family: FontAwesome;
  font-size: 12px;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  content: "\f0de" !important;
  font-family: FontAwesome;
  font-size: 12px;
  right: 12px !important;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  opacity: 0.9 !important;
}
th.sorting::after,
th.sorting::before {
  color: #6c757d;
}

table.dataTable thead > tr > th.sorting:hover {
  background-color: #ecf0f6!important;
}

table.dataTable thead > tr > th.sorting_asc {
  background-color: #e5eff8 !important;
}

table.dataTable thead > tr > th.sorting_desc {
  background-color: #e5eff8 !important;
}

th.sorting_asc::after {
  color: #22c6ab;
  content: "\f0de" !important;
  font-family: FontAwesome;
  font-size: 14px;
  font-weight: normal;
}

th.sorting_asc::before {
  color: #6c757d;
  content: "\f0dd" !important;
  font-family: FontAwesome;
  font-size: 14px;
  font-weight: normal;
}
#trend_modal .modal-dialog {
  max-width: 75% !important;
  width: 75% !important;
  display: flex;
}
g.highcharts-exporting-group {
  display: none;
}
text.highcharts-credits {
  display: none;
}
.highcharts-container {
  width: 100%;
}
.modal_close button {
  border-radius: 10px;
  opacity: 1;
  padding: 8px 12px !important;
  display: flex;
  font-size: 16px;
  background-color: rgba(149, 149, 149, 0.38);
  font-weight: normal;
  width: 100% !important;
  height: auto !important;
  margin: 0px !important;
  border: 1px solid #e7e7e7 !important;
  cursor: pointer;
  color: #fff;
}
.pd-0 {
  padding: 0;
}

span.fs-12 {
  font-size: 25px;
  line-height: 14px;
}
.pl-5 {
  padding-left: 5px !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__clear {
  line-height: 28px;
}
.Reaprofilename{
  font-size: 12px !important;
}
table.dataTable{
  margin-bottom: 0px !important;
}