/*.title_sm_bg_invoice
{
	background: #F5F5F5;
	font-weight: bold;
}*/
.navbar-brand
{
  font-size: 50px;
  text-transform: uppercase;
}

.big-pan
{
  background: #F7F7F7;
  height: 100%;
  padding: 20px 30px 50px;
}

.list-group .active
{
  /*background: #1D5C76;*/
  background-color: #1980BB;
}

.left_menu
{
  position: sticky;
  top: 0;
}

.Dashboard-pan
{
}

.Dashboard-pan .title
{
  font-size: 33px;
  vertical-align: middle;
  color: #0A4566;
  font-weight: 600;
}

.Dashboard-pan .title i
{
  color: #1980BB;
  font-size: 45px;
  vertical-align: -4px;
  margin-right: 5px;
}

.Total-pan
{
  padding: 20px;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}

.Total-pan .sum
{
  padding: 5px;
  color: #1980BB;
}

.Total-pan .title
{
  border-bottom: 1px solid #CCC;
  padding: 5px;
}

.Total-boxes
{
}

.Total-boxes .card
{
  padding: 0;
  overflow: hidden;
}

.Total-boxes .card .title
{
  padding: 15px;
  background: #005D77;
  color: #FFF;
  text-align: center;
  font-size: 20px;
}

.Total-boxes .card .d-flex
{
  padding: 15px;
}

.Total-boxes .card .d-flex .sum
{
  font-size: 25px;
}

.Total-boxes .card .d-flex .sum span
{
  font-size: 15px;
}

.Total-boxes .card .d-flex .all
{
  color: #C55201;
}

.Total-boxes .card .title i
{
  margin-right: 3px;
}

.big_title
{
  font-size: 35px;
  vertical-align: middle;
  color: #0A4566;
  font-weight: 600;
}

.Analytics-pan.card
{
}

.Analytics-pan .card-header
{
  background: #FFF;
  padding: 30px;
}

.Analytics-pan .card-header i
{
  font-size: 35px;
  color: #005D77;
}

.Analytics-pan .card-header .btn
{
  text-transform: uppercase;
  width: 240px;
}

.Analytics-pan .btn
{
  padding-right: 20px;
  padding-left: 20px;
}

.Analytics-pan .title
{
  font-size: 23px;
}

.Analytics-pan .card-body
{
  padding: 10px 30px 30px;
}

.Analytics-pan .line
{
  margin: 60px 0;
  height: 1px;
  width: 100%;
  border-bottom: 1px dotted #CCC;
}

.graph
{
  text-align: center;
  margin-top: 20px;
}

.graph img
{
  height: 100% !important;
  width: auto;
  max-width: 100%;
}

.manufs
{
}

.manufs .item
{
  padding: 7px 7px;
  width: 32%;
  font-size: 11px;
  text-align: left;
  margin: 0.5%;
  border: 1px solid #4F86BC;
  border-left-width: 7px;
}

.manufs .item:nth-child(2)
{
  border-color: #B3C7E7;
}

.manufs .item:nth-child(3)
{
  border-color: #F68629;
}

.manufs .item:nth-child(4)
{
  border-color: #F8BE7E;
}

.manufs .item:nth-child(5)
{
  border-color: #3FA134;
}

.manufs .item:nth-child(6)
{
  border-color: #9FDE8E;
}

.manufs .item:nth-child(7)
{
  border-color: #CE3632;
}

.manufs .item:nth-child(8)
{
  border-color: #F89C99;
}

.manufs .item:nth-child(9)
{
  border-color: #946ABD;
}

@media (max-width: 575px)
{
}

@media (min-width: 576px) and (max-width: 767px)
{
}

@media (min-width: 768px) and (max-width: 991px)
{
}

@media (min-width: 992px) and (max-width: 1199px)
{
}

@media (min-width: 1200px) and (max-width: 1399px)
{
}

@media (min-width: 1400px) and (max-width: 1599px)
{
  .container-fluid
  {
    padding-right: 3%;
    padding-left: 3%;
  }
}

@media (min-width: 1600px)
{
  .container-fluid
  {
    padding-right: 3%;
    padding-left: 3%;
  }
}
