.text-muted-icon-hover{
  color: #6c757d !important;
}

.text-muted-icon-hover:hover{
  color: #494f54 !important;
}

.pointer{cursor: pointer !important}

.cursor-default{cursor: default !important}

.overflow-scroll{
  overflow-y: scroll;  
}

#nprogress{
  z-index: 2500;  
}

.border-bottom-dotted{
  border-bottom: 1px dotted #cbc5c2 !important;
}

.box{
  position: relative;
  border-radius: 3px;
  background:#ffffff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;

}

.box-body{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}

.table td, .table th {
  padding: .45rem !important;
  font-size: 80%;
  /*  font-weight: 400;*/
}

.table-data th{
  width: 32% !important;
  font-weight: bold;
}

.td-w-7{width: 7% !important;}
.td-w-17{width: 17% !important;}
.td-w-35{width: 35% !important;}

.small-50{
  font-size: 50%;
  font-weight: 400;
}
.small-55{
  font-size: 55%;
  font-weight: 400;
}
.small-60{
  font-size: 60%;
  font-weight: 400;
}
.small-65{
  font-size: 65%;
  font-weight: 400;
}
.small-70{
  font-size: 70%;
  font-weight: 400;
}
.small-75{
  font-size: 75%;
  font-weight: 400;
}
.small-80{
  font-size: 80%;
  font-weight: 400;
}
.small-85{
  font-size: 85%;
  font-weight: 400;
}
.small-90{
  font-size: 90%;
  font-weight: 400;
}
.small-95{
  font-size: 95%;
  font-weight: 400;
}

.fs-05-rem{font-size: 0.5rem !important;}
.fs-06-rem{font-size: 0.6rem !important;}
.fs-07-rem{font-size: 0.7rem !important;}
.fs-08-rem{font-size: 0.8rem !important;}
.fs-09-rem{font-size: 0.9rem !important;}
.fs-1-rem{font-size: 1rem !important;}

.btn-margin-small{
  margin: .075rem !important;
}

.float{
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#0C9;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  box-shadow: 2px 2px 3px #999;
}

.my-float{
  margin-top:22px;
}

.width-05{width: 5% !important;}
.width-10{width: 10% !important;}
.width-15{width: 15% !important;}
.width-20{width: 20% !important;}
.width-25{width: 25% !important;}
.width-30{width: 30% !important;}
.width-35{width: 35% !important;}
.width-40{width: 40% !important;}
.width-45{width: 45% !important;}
.width-50{width: 50% !important;}
.width-55{width: 55% !important;}
.width-60{width: 60% !important;}
.width-65{width: 65% !important;}
.width-70{width: 70% !important;}
.width-75{width: 75% !important;}
.width-80{width: 80% !important;}
.width-85{width: 85% !important;}
.width-90{width: 90% !important;}
.width-95{width: 95% !important;}

.col-1-hover:hover{background-color: #d2e1ed !important;}

.col-2-hover:hover{background-color: #d2e1ed !important;}

.row-hover:hover{background-color: #d2e1ed !important;}

.p-05{ padding: 0.5em !important; }

.circle-small{
  width: 1.35rem !important;
  height: 1.35rem !important;
  line-height: 1.3rem !important;
  margin-right: 0.3rem !important;
}

.m-tb-04{
  margin-bottom: 0.4em !important;
  margin-top: 0.4em !important;
}

.bb-table-2{border-bottom: 2px #cfd5db solid !important;}

ul.timeline {
  list-style-type: none;
  position: relative;
}
ul.timeline:before {
  content: ' ';
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 29px;
  width: 2px;
  height: 100%;
  z-index: 400;
}
ul.timeline > li {
  margin: 20px 0;
  padding-left: 60px;
}
ul.timeline > li:before {
  content: ' ';
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #22c0e8;
  left: 20px;
  width: 20px;
  height: 20px;
  z-index: 400;
}

.f-italic{
  font-style: italic !important;
}

.dashboard-data{
  font-size: 1.7rem;
  font-weight: bold;
  display: block;
}

.mt-1-5{
  margin-top: 2.5rem
}