body{
  background:#fff;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  
 }

 @font-face { 
  font-family: Poppins-Regular; 
  src: url('assets/font/Poppins-Regular.ttf');
  } 
 
.main-panel {
  position: relative;
  float: right;
  width: 100%;
}

.main-panel>.content {
  padding: 0 30px 10px;

  margin-top:40px;
}


.card {
  border-radius: 5px;
  /*box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.15);*/
  box-shadow: 0px 0px 10px #bebebe;
  background-color: #FFFFFF;
  color: #252422;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
  border: 0 none;
}

/*.card .card-body {
  padding: 3px 15px 3px 15px;
}*/


.card .card-header {
  padding: 15px 15px 0;
  border: 0;
}

.card .card-header:not([data-background-color]) {
  background-color: transparent;
}

.card .card-header .card-title {
  margin-top: 10px;
}
.card-title{
  font-weight: 600;
}

.card-stats .card-body {
  padding: 0px 5px 3px;
}

.card-stats .card-body .numbers {
  text-align: right;
  font-size: 2em;
}

.card-stats .card-body .numbers p {
  margin-bottom: 0;
  font-size: 22px;
text-align: center;
color: rgba(0, 0, 0, 0.8);
}

.card-stats .card-body .numbers .card-category {
  color: rgba(0, 0, 0, 0.8);
  font-size: 11px;
  line-height: 1.4em;
  word-break: break-word;
}

.card-stats .card-footer {
  padding: 0px 15px 15px;
}


.card-stats .icon-big {
  
  min-height: 64px;
}

.total_agent{

  background-image: url(assets/images/total_agent_bg.png);
  background-position: right;
  float: right;
  background-repeat: no-repeat;
  border-bottom: 4px solid #52EB99;
  margin-top: 16px;
  border-radius: 5px;
}

.call-in-queue{

  background-image: url(assets/images/call_in_queue_bg.png);
  background-position: right;
  float: right;
  background-repeat: no-repeat;
  border-bottom: 4px solid #FEBF30;
  margin-top: 16px;
border-radius: 5px;
}

.max-wait-time{

  
  background-image: url(assets/images/max_wait_time_bg.png);
  background-position: right;
  float: right;
  background-repeat: no-repeat;
  border-bottom: 4px solid #3ED2CD;
  margin-top: 16px;
  border-radius: 5px;
}

.agnt-asa{
  background-image: url(assets/images/asa_bg.png);
  background-position: right;
  float: right;
  background-repeat: no-repeat;
  border-bottom: 4px solid #5BC2FD;
  margin-top: 16px;
  border-radius: 5px;
}

.avg-wrapup{

  background-image: url(assets/images/avg-wrapup_bg.png);
  background-position: right;
  float: right;
  background-repeat: no-repeat;
  border-bottom: 4px solid #E187FD;
  margin-top: 16px;
  border-radius: 5px;
}

.agn-sla{
  background-image: url(assets/images/sla_bg.png);
  background-position: right;
  float: right;
  background-repeat: no-repeat;
  border-bottom: 4px solid #FD7676;
  margin-top: 16px;
  border-radius: 5px;
}

.total-data{
  background-image: url(assets/images/total_data_bg.png);
  background-position: right;
  float: right;
  background-repeat: no-repeat;
  border-bottom: 4px solid #407FCB;
  margin-top: 16px;
  border-radius: 5px;

}

.dialed-data{
  background-image: url(assets/images/dialed_data_bg.png);
  background-position: right;
  float: right;
  background-repeat: no-repeat;
  border-bottom: 4px solid #FE8916;
  margin-top: 16px;
  border-radius: 5px;
}

.agnt-disposed{
  background-image: url(assets/images/agent_display_bg.png);
  background-position: right;
  float: right;
  background-repeat: no-repeat;
  border-bottom: 4px solid #F95F88;
  margin-top: 16px;
  border-radius: 5px;
}

.sys-dispose{
  background-image: url(assets/images/system_disposed_bg.png);
  background-position: right;
  float: right;
  background-repeat: no-repeat;
  border-bottom: 4px solid #57D0D0;
  margin-top: 16px;
  border-radius: 5px;
}

.agn-ath{
  background-image: url(assets/images/ath_bg.png);
  background-position: right;
  float: right;
  background-repeat: no-repeat;
  border-bottom: 4px solid #56EC9C;
  margin-top: 16px;
  border-radius: 5px;
}

.agn-aqt{
  background-image: url(assets/images/aqt_bg.png);
  background-position: right;
  float: right;
  background-repeat: no-repeat;
  border-bottom: 4px solid #4EBEFC;
  margin-top: 16px;
  border-radius: 5px;
}
.card-category{
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
  font-size: 13px;
  border-radius: 5px;
}

.icon-img{
  margin-top: -4px;
}

.graph-img{
  max-height: 300px;
 
 width: 100%;
 border-radius: 5px;
}

div.graph-row{
  background: #fff;
  padding-top: 10px;
  /* border-left: 1px solid #ddd; */
  /* border-right: 1px solid #ddd; */
  /* border-bottom: 1px solid #ddd; */
}
div.collapse-row{
  background: #fff;
  padding: 10px 0 0 0;
  /* border-left: 1px solid #ddd; */
  /* border-right: 1px solid #ddd; */
}