.main-container {
  padding: 0px;
  text-transform: uppercase;
  font-weight: 600;
  width: 100% !important;
  padding-bottom: 30px;
}

.wrapper-header {
  width: 100%;
  background: #6E2F9E;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  padding-top: 3px;
}

.wrapper-header .header-left-side {
  background: #5C44EC;
  width: 30%;
  color: white;
  padding-top: 2px;
  height: auto;
  padding-bottom: 0px;
}

.wrapper-header .header-left-side .header-left-side__table-container {
  width: 100%;
  margin-bottom: 0px;
}

.wrapper-header .header-left-side .header-left-side__table-container > table {
  width: 100%;
}

tr .bordered_black_col {
  background: black !important;
  border: 2px solid #678E6A !important;
  font-size: 13px;
  width: 30% !important;
  padding-left: 10px;
}

tr .unbordered_gray_col {
  border: 0px;
  background: #8EA9DB;
  width: 30% !important;
  text-align: center;
  font-size: 13px;
  color: black;
  font-weight: 800 !important;
}

tr .transparent_col {
  background: transparent;
  width: 40% !important;
  text-align: center;
  font-size: 14px;
}

tr .count {
  color: black;
  font-weight: 800;
}

.table-bottom {
  background: #0070C0;
  height: 40px;
  font-size: 18px;
  padding-left: 8px;
}

.wrapper-header .header-middle {
  width: 65%;
  background: #6E2F9E;
}

.wrapper-header .header-middle .header-middle__top {
  width: 100%;
  height: 25%;
  background: white;
  color: #6E2F9E;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrapper-header .header-middle .header-middle__top > p {
  margin: 0;
  font-size: 23px;
  font-weight: 800;
}

.wrapper-header .header-middle .header-middle__middle {
  width: 100%;
  background: #00B0F0;
  height: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 0;
  color: white;
  margin-bottom: 25px;
}

.wrapper-header .header-middle .header-middle__middle .header-middle__middle--first {
  background: red;
  border: 2px solid black;
  width: 220px;
  height: 100%;
  line-height: 45px;
  font-size: 25px;
  text-align: center;
  font-weight: 800;
}

.wrapper-header .header-middle .header-middle__middle .header-middle__middle--second {
  margin: 0;
  font-size: 20px;
  text-transform: capitalize;
  line-height: 41px;
  text-align: center;
  width: 100%;
}

.header-middle__bottom {
  width: 100%;
  background: #757171;
  height: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.header-middle__bottom .header-middle__bottom--first {
  background: #806000;
  color: white;
  width: 178px;
  height: 100%;
  line-height: 35px;
  font-size: 28px;
  font-weight: 800;
  text-align: center;
}

.header-right-side {
  background: #5C44EC;
  height: 100%;
  width: 10%;
  color: white;
}

.header-right-side .header-right__top {
  width: 100%;
  height: 47px;
}

.header-right-side .header-right__top > p {
  text-align: center;
  width: 100%;
  line-height: 45px;
  font-size: 20px;
  font-weight: 800;
  margin: 0;
}

.header-right-side .header-right__middle {
  height: 35px;
  background: #002060;
}

.header-right-side .header-right__middle > p {
  text-align: center;
  width: 100%;
  font-size: 14px;
  line-height: 38px;
}

.header-right-side .header-right__bottom {
  background: #203764;
  padding: 15px 10px;
}

.header-right-side .header-right__bottom > p {
  width: 100%;
  text-align: center;
  color: white;
  margin: 0;
}

.header-right-side .header-right__bottom .yellow-text {
  color: yellow;
}

.main-container .wrapper-middle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #C00000;
}

.main-container .wrapper-middle .middle-table-left-container {
  width: 30%;
  background: #7030A0;
  padding-bottom: 15px;
}

.main-container .wrapper-middle .middle-table-left-container > table {
  width: 100%;
  background: #AEAAAA;
  margin-bottom: 10px;
}

.main-container .wrapper-middle .middle-table-left-container > table .line-table {
  font-size: 13px;
  font-weight: 800;
}

.main-container .wrapper-middle .middle-table-left-container > table .line-table > td {
  padding-left: 8px;
}

.main-container .wrapper-middle .middle-table-right-container {
  width: 75%;
}

.main-container .wrapper-middle .middle-table-right-container > table {
  width: 100%;
}

.main-container .wrapper-middle .middle-table-right-container > table .line-table {
  background: white;
  text-align: center;
  font-size: 12px;
}

.main-container .wrapper-middle .middle-table-right-container > table .line-table .header-title {
  text-align: center;
  font-size: 12px;
  font-weight: 800;
}

.main-container .wrapper-middle .middle-table-right-container > table .line-table .header-title > p {
  width: 100%;
  margin: 0;
  font-weight: 900;
}

.main-container .wrapper-middle .middle-table-right-container > table .black-background {
  background: #222B35;
  color: white;
}

.main-container .wrapper-middle .middle-table-right-container > table .green-background > td {
  background: #527F34;
  font-size: 12px;
  color: white;
  text-align: center;
}

.main-container .wrapper-middle .middle-table-right-container > table .orange-line {
  height: 20px;
  background: #ED7D31;
}

.main-container .wrapper-middle .middle-table-right-container > table .blue-background {
  color: white;
  background: #305496;
}

.main-container .wrapper-middle .middle-table-right-container > table .blue-background > td {
  border-right: 2px solid white;
  border-left: 2px solid white;
}

.main-container .wrapper-middle .middle-table-right-container > table .blue-lite-background {
  background: #00B0F0;
  color: white;
}

.main-container .wrapper-middle .middle-table-right-container > table .red_line {
  background: #C00000;
  text-align: center;
  color: white;
}

.bordered-white {
  border: 2px solid white !important;
}

.green-background {
  background: #00B050;
  text-align: center;
  font-weight: 800;
  font-size: 14px;
}

.wrapper-bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #C00000;
  margin-bottom: 5px;
}

.wrapper-bottom .bottom-left-table-container {
  width: 30%;
  margin-top: -3px;
  background: #7030A0;
  z-index:1;
  /* border: 2px solid green; */
  /* padding: 5px; */
}

.wrapper-bottom .bottom-left-table-container > table {
  width: 100%;
  /* font-size: 14px !important; */
}

.wrapper-bottom .title-table {
  color: white;
  text-align: center;
  background: #808080;
  padding: 6px;
  font-size: 15px;
  height: 30px;
}

.wrapper-bottom .bordered-black {
  border: 2px solid black;
  background: #0070C0;
  color: white;
  font-size: 13px;
  width: 60%;
}

.wrapper-bottom .unbordered {
  text-align: center;
  width: 40%;
  color: white;
  font-size: 14px;
}

.wrapper-bottom .bottom-right-table-container {
  width: 70%;
  z-index:999;
}

.wrapper-bottom .bottom-right-table-container > table {
  width: 100%;
  font-size: 13px;
}

.wrapper-bottom .bottom-right-table-container .black-background {
  background: #161616;
  color: white;
  text-transform: uppercase;
  font-size: 13px;
  text-align: center;
}

.wrapper-bottom .bottom-right-table-container .bordered-bottom {
  border-bottom: 2px solid white;
}

.wrapper-bottom .bottom-right-table-container .bordered-lr {
  border-left: 2px solid white;
  border-right: 2px solid white;
}

.wrapper-bottom .bottom-right-table-container .gray-background {
  text-align: center;
  background: #808080;
  color: white;
  font-size: 13px;
}

.wrapper-bottom .bottom-right-table-container .maround-background {
  background: #333F4F;
  color: white;
  font-size: 13px;
  text-align: center;
}

.wrapper-bottom .bottom-right-table-container .right-gray-background {
  background: #A6A6A6;
}

.wrapper-bottom .bottom-right-table-container .violet-text {
  color: #7030A0;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
}

.wrapper-bottom .bottom-right-table-container .blue-text {
  color: #0066CC;
  text-align: left;
  font-size: 15px;
  font-weight: 600;
}

.wrapper-bottom .bottom-right-table-container .second-table .black-background {
  background: #548235;
}

.wrapper-sub-bottom {
  width: 30%;
  display: flex;
  justify-content: flex-start;
  
}

.wrapper-sub-bottom > table {
  width: 100%;
}

.wrapper-sub-bottom .table-header {
  font-size: 13px;
}

.wrapper-sub-bottom .table-header > td {
  color: white;
  text-align: center;
  background: #44546A;
}

.wrapper-sub-bottom .line-table {
  font-size: 13px;
  text-align: center;
  background: #000000;
  color: white;
}

.wrapper-sub-bottom .line-table > td {
  padding: 1px;
}

.wrapper-sub-bottom .blue-background {
  background: #203764;
  color: #FEBE01;
}

/*# sourceMappingURL=dasboard.css.map */