.sidebar_icon{
    height: 1.5em;
    display: inline-block;
    width: 2.5em;
    vertical-align: middle;
}
.dashboard_icon{
    height: 3.5em;
    display: inline-block;
    width: 4em;
    vertical-align: middle;
    margin: 20px;
    color:#f2f2f2;
}

.DoctorIcon {
    background: url(../image/user-doctor-solid.svg) no-repeat;
  }

a:hover .DoctorIcon,a.active .DoctorIcon ,.dashboard_icon.DoctorIcon{
    background-image: url(../image/user-doctor-solid-hover.svg);
}
.CipIcon {
    background: url(../image/user-tie-solid.svg) no-repeat;
  }

a:hover .CipIcon,a.active .CipIcon ,.dashboard_icon.CipIcon{
    background-image: url(../image/user-tie-solid-hover.svg);
}
.PlanIcon {
    background: url(../image/chart-pie-solid.svg) no-repeat;
  }

a:hover .PlanIcon,a.active .PlanIcon  ,.dashboard_icon.PlanIcon{
    background-image: url(../image/chart-pie-solid-hover.svg);
}
.ReportIcon {
    background: url(../image/square-poll-horizontal-solid.svg) no-repeat;
  }

a:hover .ReportIcon ,a.active .ReportIcon ,.dashboard_icon.ReportIcon{
    background-image: url(../image/square-poll-horizontal-solid-hover.svg);
}
.WorkIcon {
    background: url(../image/work.svg) no-repeat;
  }

a:hover .WorkIcon ,a.active .WorkIcon ,.dashboard_icon.WorkIcon{
    background-image: url(../image/work-hover.svg);
}
.PermissionIcon{
    background: url(../image/permission.svg) no-repeat;
}
a:hover .PermissionIcon ,a.active .PermissionIcon ,.dashboard_icon.PermissionIcon{
    background-image: url(../image/permission-hover.svg);
}

.ChemistIcon{
    background: url(../image/chemist.svg) no-repeat;
}
a:hover .ChemistIcon ,a.active .ChemistIcon ,.dashboard_icon.ChemistIcon{
    background-image: url(../image/chemist-hover.svg);
}

.SubordinatesIcon {
    background: url(../image/users-solid.svg) no-repeat;
  }

a:hover .SubordinatesIcon,a.active .SubordinatesIcon  ,.dashboard_icon.SubordinatesIcon{
    background-image: url(../image/users-solid-hover.svg);
}
.LocationIcon {
    background: url(../image/location-dot-solid.svg) no-repeat;
  }

a:hover .LocationIcon,a.active .LocationIcon  ,.dashboard_icon.LocationIcon{
    background-image: url(../image/location-dot-solid-hover.svg);
}
.DashboardIcon {
    background: url(../image/gauge-solid.svg) no-repeat;
  }

a:hover .DashboardIcon,a.active .DashboardIcon  ,.dashboard_icon.DashboardIcon{
    background-image: url(../image/gauge-solid-hover.svg);
}
.RoleIcon {
    background: url(../image/role.svg) no-repeat;
  }

a:hover .RoleIcon,a.active .RoleIcon  ,.dashboard_icon.RoleIcon{
    background-image: url(../image/role-hover.svg);
}
.DesignationIcon {
    background: url(../image/designation.svg) no-repeat;
  }

a:hover .DesignationIcon,a.active .DesignationIcon  ,.dashboard_icon.DesignationIcon{
    background-image: url(../image/designation-hover.svg);
}
.HolidayIcon{
    background: url(../image/holiday.svg) no-repeat;
  }

a:hover .HolidayIcon,a.active .HolidayIcon  ,.dashboard_icon.HolidayIcon{
    background-image: url(../image/holiday-hover.svg);
}
#UserIcon {
    background: url(../image/circle-user-solid.svg) no-repeat;
  }

.dropdown:hover #UserIcon ,a.active #UserIcon {
    background-image: url(../image/circle-user-solid-hover.svg);
}

#ProfileIcon {
    background: url(../image/user-solid-hover.svg) no-repeat;
  }

a:hover #ProfileIcon {
    background-image: url(../image/user-solid.svg);
}

#ChangepasswordIcon {
    background: url(../image/lock-solid.svg) no-repeat;
  }

a:hover #ChangepasswordIcon {
    background-image: url(../image/lock-solid-hover.svg);
}

#LogoutIcon {
    background: url(../image/arrow-right-from-bracket-solid.svg) no-repeat;
  }

a:hover #LogoutIcon {
    background-image: url(../image/arrow-right-from-bracket-solid-hover.svg);
}

#ArrowIcon {
    background: url(../image/caret-right-solid.svg) no-repeat;
  }
#MenuIcon
{
    background: url(../image/bars-solid.svg) no-repeat;
    display: none;
}

.downArrow {
	background: url(../image/downArrow.svg) no-repeat;
	width: 1em;
	display: inline-block;
	height: 1em;
	margin-left: 1em;
	justify-self: end;
	align-self: center;
    grid-column: 2 / 3;
}

.locationLi.show > .grid >.downArrow ,.dobLi.show > .grid >.downArrow,.planLi.show > .grid >.downArrow,.annLi.show > .grid >.downArrow{
	background: url(../image/upArrow.svg) no-repeat;
}

.search{
    background: url(../image/search.svg) no-repeat;
	width: 1em;
	display: inline-block;
	height: 1em;
	margin-left: 0.4em;
}
.preCalenderIcon {
    background: center center / 1em 1em no-repeat url(../image/preCalender.svg);
  }
.nextCalenderIcon {
    background: center center / 1em 1em no-repeat url(../image/nextCalender.svg);
}