/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.c-dashboardInfo {
  margin-bottom: 15px;
  cursor: pointer;
}
.c-dashboardInfo .wrap {
  background: #ffffff;
  box-shadow: 2px 10px 20px rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  text-align: center;
  position: relative;
  overflow: hidden;
  padding: 40px 25px 20px;
  height: 100%;
}
.c-dashboardInfo__title,
.c-dashboardInfo__subInfo {
  color: #6c6c6c;
  font-size: 1.18em;
}
.c-dashboardInfo span {
  display: block;
}
.c-dashboardInfo__count {
  font-weight: 600;
  font-size: 2.5em;
  line-height: 64px;
  color: #323c43;
}
.c-dashboardInfo .wrap:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: "";
}

.c-dashboardInfo:nth-child(1) .wrap:after {
  background: linear-gradient(82.59deg, #EDBB99 0%, #00a173 100%);
}
.c-dashboardInfo:nth-child(2) .wrap:after {
  background: linear-gradient(81.67deg, #0084f4 0%, #ff647c 100%);
}
.c-dashboardInfo:nth-child(3) .wrap:after {
  background: linear-gradient(69.83deg, #0084f4 0%, #00c48c 100%);
}
.c-dashboardInfo:nth-child(4) .wrap:after {
  background: linear-gradient(81.67deg, #00c48c 0%, #1f5dc5 100%);
}
.c-dashboardInfo:nth-child(5) .wrap:after {
  background: linear-gradient(81.67deg, #F5B041 0%, #1f5dc5 100%);
}
.c-dashboardInfo:nth-child(6) .wrap:after {
  background: linear-gradient(81.67deg, #00c48c 0%, #1f5dc5 100%);
}
.c-dashboardInfo:nth-child(7) .wrap:after {
  background: linear-gradient(81.67deg, #0E6251 0%, #1f5dc5 100%);
}
.c-dashboardInfo:nth-child(8) .wrap:after {
  background: linear-gradient(81.67deg, #0084f4 0%, #F5B041 100%);
}
.c-dashboardInfo:nth-child(9) .wrap:after {
  background: linear-gradient(81.67deg, #0084f4 0%, #0084f4 100%);
}
.c-dashboardInfo:nth-child(10) .wrap:after {
  background: linear-gradient(81.67deg, #0E6251 0%, #00c48c 100%);
}
.c-dashboardInfo__title svg {
  color: #d7d7d7;
  margin-left: 5px;
}
.MuiSvgIcon-root-19 {
  fill: currentColor;
  width: 1em;
  height: 1em;
  display: inline-block;
  font-size: 24px;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  user-select: none;
  flex-shrink: 0;
}
.project_div_edit, .project_div, .assesment_div_edit, .assesment_div, .travel_div_edit, .travel_div {display: none;}
.btn-group [class*=btn-]:not([class*=btn-outline-]):not([class*=btn-flat-]):not([class*=btn-gradient-]):not([class*=btn-relief-]) {border-left: none;}
.it {
  /*height: 100px;*/
 width: 25%;
    margin-top: 14px;
    display: inline-block;
}
.btn-rmv
 {
  display: none;
}
.rmv {
position: absolute;
    color: #fff;
    border-radius: 30px;
    border: 1px solid #fff;
    display: inline-block;
    background: rgba(255, 0, 0, 1);
    margin: 12px 4px;
 /* margin: 13px -12px;*/
}
.rmv:hover {
  background: rgba(255, 0, 0, 0.5);
}