.ItemCourseInfo {
  box-shadow: 0 0 1.5rem 0 rgba(187, 153, 205, 10%);
}

.ItemCourseInfo img {
  margin-top: -3rem;
}

.ItemCourseInfo svg {
  max-width: 1.4rem;
  height: auto;
}

.ItemCourseInfo a,
.ItemCourseInfo :link,
.CategoryTutorialSidebar a,
.CategoryTutorialSidebar a:link {
  color: var(--Black) !important;
}
.ItemCourseInfo a{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ItemCourseInfo a.ImgCourseInfo{
  overflow:unset;
}
.ImgCourseInfo img{
  border-radius: calc(var(--b-radius)*2);
}
.BoxCourseInfo{
  margin-bottom: 5rem;
}
.coursenotavailible {
  right:-1.5rem;
}
.ItemPriceCourses {
  padding: 0;
  background: #f4f4f4;
  text-align: center;
  border-radius: 2rem 2rem;
  box-shadow: 0 10px 4px -9px #00000025;
}

.BgPurpleGradient {
  background: hsla(279, 34%, 70%, 1);

  background: radial-gradient(circle, hsla(279, 34%, 70%, 1) 0%, hsla(281, 39%, 34%, 1) 90%);

  background: -moz-radial-gradient(circle, hsla(279, 34%, 70%, 1) 0%, hsla(281, 39%, 34%, 1) 90%);

  background: -webkit-radial-gradient(circle, hsla(279, 34%, 70%, 1) 0%, hsla(281, 39%, 34%, 1) 90%);

  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#BB99CD", endColorstr="#643579", GradientType=1);
}

.BgBlueGradient {
  background: hsla(235, 31%, 51%, 1);

  background: radial-gradient(circle, hsla(235, 31%, 51%, 1) 0%, hsla(236, 34%, 25%, 1) 100%);

  background: -moz-radial-gradient(circle, hsla(235, 31%, 51%, 1) 0%, hsla(236, 34%, 25%, 1) 100%);

  background: -webkit-radial-gradient(circle, hsla(235, 31%, 51%, 1) 0%, hsla(236, 34%, 25%, 1) 100%);

  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#5A61A9", endColorstr="#2A2D55", GradientType=1);
}

.ItemCategoryCourse::before {
  content: " ";
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--DPurple);
  border-radius: 100%;
  display: flex;
  margin-left: 0.5rem;
}

.ItemCoursePrice {
  border-top: 0.1rem solid var(--Gray);
}

.ItemDownloadCallender svg {
  max-width: 0.8rem !important;
  max-height: 1rem !important;
}

.ProductsList svg {
  /* max-width:1rem !important; */
  /* max-height: 1rem !important; */
}

.ItemNameCourse::after {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border: 0.1rem solid var(--Black);
  content: "";
  transform: rotate(45deg);
  margin: 1rem;
  border-right-color: transparent;
  border-top-color: transparent;
}

.FiltersList .FilterItem {
  border-left: 1px solid #CBCBCB;
  padding: 5px 20px;
  cursor: pointer;
  position: relative;
  flex: 1 0 auto;
}

.FiltersList .FilterItem .FilterLabel {
  text-align: center;
}

.FiltersList .FilterItem:last-of-type {
  border-left: none
}

.FiltersList .FilterItem .FilterItemList {
  max-height: 0px;
  position: absolute;
  top: 3.6em;
  width: 100%;
  right: 0;
  background: #fff;
  z-index: 2;
  box-shadow: 0 2px 5px #eaeaea;
  overflow: hidden;
  transition: all ease-in-out 0.3s;
  min-height: 0;
}

.FiltersList .FilterItem .FilterItemList .inner {
  padding: 10px
}

.FiltersList .FilterItem .FilterItemList.active .inner {
  border-top: 3px solid #333333;
}

.FiltersList .FilterItem .FilterItemList.active {
  max-height: 500px;
  min-height: 20px;
  overflow-y: auto;
}

.FiltersList .FilterItem .FilterItemList li,
.FiltersList .FilterItem .FilterItemList ul {
  list-style: none;
  margin: 0px !important;
}

.FiltersList .FilterItem .FilterItemList button {
  background: var(--accent-color);
  width: 100%;
  box-shadow: unset;
  outline: 0;
  border: 0;
  min-height: 30px;
  color: #fff;
  margin: 5px 0;
  cursor: pointer;
}

.departments-item {
  transition: 300ms ease-in-out all !important;
}

.departments-item:hover {
  box-shadow: 0 0 .7rem var(--Gray);
  scale: 103%;
}

.depexpertUrl {
  width: 100px;
  height: 100px;
  object-fit: none;
  object-position: center center;
}
.page-title {
	position: relative;
	z-index: 1;
	overflow:hidden;
}

.page-title>.container {
	overflow: hidden;
	white-space: nowrap;
	display: flex;
	align-items: flex-end;
	padding-bottom: 2rem;
	text-align: right;
	padding-right:4rem;
}
.page-title>.container:before{
    content: "";
    position: absolute;
    background-color: #61006880;
    width: 5rem;
    height: 5rem;
    bottom: 0;
    right: 22%;
    box-shadow: 0rem 2rem 5rem 9rem #61006880;
    border-radius: 50%;
}
.page-title.light .main-title {
	color: #ffffff;
}
.page-title.large .main-title {
	font-size: 2rem;
}
.page-title .title-area {
	position: relative;
}

table.downloadpdftable {
  border-collapse: collapse;
  background-color: white;
  overflow: hidden;
  border-radius: 10px;
}

table.downloadpdftable th,table.downloadpdftable td {
  font-size: 12px;
  padding: 10px;
}

table.downloadpdftable th {
  color: white;
}
.downloadpdftable tr:nth-child(even){
  background-color: var(--Gray);
}
#searchproducts {
  width: calc(100% - 2rem);
    outline: none;
}
span#btnsearchproducts {
  top: 0.7rem;
}
.box-organizational-course input,.box-organizational-course select{
  max-width: 100% !important;
  width: 100% !important;
  border: 0.1rem solid var(--Gray) !important;
  border-radius: 0.5rem !important;
}
.button-form-company{
  background-color: var(--button-color);
}
.ItemAllCategories ul.pagination{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  list-style: none;
  margin-top: 2rem;
}
.ItemAllCategories ul.pagination li a,.ItemAllCategories ul.pagination .page-item.active .page-link{
 
 display: block;
padding: 0.5rem 1rem;
border-radius: var(--b-radius);
}
.ItemAllCategories ul.pagination .page-item.active .page-link{
  background-color: var(--accent-color2);
  color:var(--White);
}
.ItemAllCategories ul.pagination li a:hover{
  background-color: var(--accent-color2);
  color:var(--White);
}
.sucess-message , .error-message{
  display: none;
}
.sucess-message.active , .error-message.active{
  display: block;
}
.box-organizational-course input[required]{
  border-right:0.2rem solid var(--Red) !important;
}
.box-name-department{
  background-color: #fafafa;
}
.departmentdescription {
  height: 22rem;
  overflow-y: scroll;
}
.departmentdescription::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgb(101 55 122);
border-radius: 10px;
background-color: #F5F5F5;
}

.departmentdescription::-webkit-scrollbar
{
width: 12px;
background-color: #F5F5F5;
}

.departmentdescription::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #65367a;
}
.departmentdescription a,.departmentdescription a:link,.departmentdescription a:visited{
  color: #9d52e3 !important;
}