.hidden {
    display: none;
}

.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;
}