body:dir(rtl) {
    text-align: right;
}

#page{
    width: 100% !important;
}

header .bottom__header .outer .controls .totaraNav_prim--side .popover-region:hover {
    background-color: #ff8200 !important;
    border: 0;
    color: #fff;
}





/* Catalog page css start */
#page-totara-catalog-index .tw-catalogItemNarrow__hero {
    left: unset;
    right: 4px !important;
}
#page-totara-catalog-index .tw-catalogItemNarrow__hero_text {
	border-radius: 10px;
}
#page-totara-catalog-index .courses-details-sml{
	width: 100%;
	display: flex;
	gap: 15px;
	color: #A3A3A3;
	font-size: 12px;
	font-weight: 500;
	align-items:center;
	margin-bottom: 15px;
        justify-content: center;
}
#page-totara-catalog-index .courses-button {
    border-radius: 4px;
    background: #C4992D;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    margin-top: 15px;
}
#page-totara-catalog-index .tw-catalogItemWide__hero {
    left: unset;
    max-width: 100%;
    position: absolute;
    top: var(--gap-2);
    right: 6px;
}
#page-totara-catalog-index .tw-catalogItemNarrow__textarea_group { padding-top: 0; }
#page-totara-catalog-index .tw-catalogItemNarrow__textarea_group_item {
 
    line-height: 0 !important;
	height: auto;
	margin: auto;
	color:#A3A3A3 !important;
	font-weight: 500;
	font-size:12px;
}
#page-totara-catalog-index .tw-catalogItemNarrow__title{
	height:3em !important;
}
/* Catalog page css end */

/* Header Search css start */
.buscar-caja:hover > .example .buscar-txt 
{
  width: 240px; 
  padding: 0 6px; 
} 
.buscar-caja:hover > .buscar-btn {
  background: white; 
  color: black; 
} 

.buscar-btn { 
  
  float: right; 
  width: 40px; 
  height: 40px; 
  border-radius: 50%; 
  
  display: flex; 
  justify-content: center; 
  align-items: center; 
  transition: 0.4s; 
  color: white; 
  cursor: pointer; 
} 
.buscar-btn > i 
{ 
	font-size: 18px; 
} 
.buscar-txt { 
  border: none; 
  background: #F6F6F8; 
  outline: none; 
  float: left; 
  padding: 0; 
  color: #333; 
  font-size: 16px; 
  transition: 0.4s; 
  line-height: 40px; 
  width: 240px;
 font-weight: 500;
 border-radius: 10px; 
}

/* Header search css End */

/* Footer search css End */
/* footer#page-footer {
    background: #ffffff;
    padding: 1.5em;
    color: #000;
}

#page-footer .socials ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#page-footer .socials ul > li {
    margin-right: 25px;
}
#page-footer a{
  color:#000;
}
.cus-page-link {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
} */


.footer {
    float: right;
    width: 100%;
    padding: 4em 0;
    background: #161616;
}

.logo-footer {
    float: right;
    width: 100%;
    text-align: right;
}


.path-totara-dashboard footer .logo-footer {
    text-align: right !important;
}


.footer-links {
    float: left;
    width: 100%;
    margin-top: 1em;
    color: #919191;
    font-size: 20px;
}

.footer-links h6 {
    font-size: 20px;
}

.org {
    color: var(--color-orange);
}

.link-web-ft a {
    color: #919191 !important;
    float: left !important;
    margin-right: 25px !important;
    padding: 0;
    margin-left: 0 !important;
}

.link-web-ft a:hover {
    text-decoration: none;
    color: var(--color-orange);
}

.link-social a {
  color: #919191 !important;
    float: right !important;
    margin-left: 25px !important;
    margin-right: 0 !important;
}

.link-social a:hover {
    text-decoration: none;
    color: var(--color-orange);
}

.ilearn_link {
    font-size: 14px;
}


/* Footer search css End */
.progressbar__text {
	display: inline-block;
	color:#fff !important
}

/* CALENDAR CSS - RHEA */
#page-site-index abbr[data-original-title], abbr[title] {
    text-decoration: none !important;
}
.block .minicalendar th, .block .minicalendar td{
    padding: 8px !important;
}

.block.block_calendar_month th, .block.block_calendar_month td{
    border:unset !important;
}

abbr[title]{
    border-bottom:unset !important;
}

.block.block_calendar_month td.today {
    background-color: #2187c4 !important;
}

.block .calendar-controls .current {
    font-weight:700;
}

.block.block_calendar_month caption {
    caption-side: top;
}

.block.block_calendar_month .content {
    padding: var(--gap-4) !important;
}
/* END CALENDAR CSS - RHEA */

/*Program slider new css start*/

.course_outline__wrapper .slider2 .inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 40px;
}
/*
.services__wrapper .outer__categories .elem {
	width: 250px;
}
*/

.course_outline__wrapper .outer__categories .elem p {
	margin: 0;
}

.course_outline__wrapper .outer__categories>h2 {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 55px;
	font-size: calc(1em + 2.5vw);
    color: var(--color-black);
    font-weight: bold;
	line-height: 70px;
	
}

.course_outline__wrapper {
	padding-top: 35px;
	padding-bottom: 35px;
	background-color: #fff;
	float: left;
width: 100%;
}

.course_outline__wrapper .outer__categories .slider1 .slick-prev {
	width: 31px;
	height: 66px;
	background: url(./img/rightarr.svg);
	background-repeat: no-repeat;
	background-size: contain;
	right: -150px;
	background-position: center;
}

.course_outline__wrapper .outer__categories .slider1 .slick-next {
	width: 31px;
	height: 66px;
	background: url(./img/leftarr.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	left: -150px;
}

.course_outline__wrapper .outer__categories .slider1 {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

.backgroun_line {
	position: absolute;
	z-index: 0;
	width: 100%;
	right: 0;
	left: 0;
	padding:15px;
}

.backgroun_line img {
	width: 100%;
}

.bg-gray_card {
	background: #F7F7F7;
	box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.15);
	padding: 25px;
	border-radius: 15px;
	z-index: 1;
	height: 100%;
	width: 100%;
	min-height: 270px;
}

.titile_course_outline {
	float: left;
	width: 100%;
}

.titile_course_outline h3 {
	font-size: 22px;
	color: #000;
	margin: 10px 0px;
	padding: 0;
}

.course_outline_inner ul {
	padding-right: 15px;
	padding-right: 15px;
	line-height: 2.5;
}

.course_outline_inner li {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
}

.course_outline__wrapper .slick-dots li button:before {
	background: #ff8200;
	border-radius: 100px;
	width: 15px;
	height: 15px;
	font-size: 0;
}

.line_text {
	width: 89px;
	height: 3px;
	background: #FF8200;
	margin-bottom: 15px;
}

.course_outline_inner {
	float: left;
	width: 100%;
}

.button-course-outline {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	display: flex;
	justify-content: center;
}

.button-course-outline a {
	display: flex;
	width: 200px;
	height: 55px;
	padding: var(--10, 10px) 9px !important;
	justify-content: center;
	align-items: center;
	gap: 5px;
	flex-shrink: 0;
	border-radius: 4px !important;
	background: var(--org, #FF8200) !important;
	color: #fff;
	text-decoration: none;
}
.button-course-outline a:hover{
	background: #292B2C;
}
/*Program slider new css end*/

.freevisitorcounters a {
	background: transparent;
	color: #FF8200;
}


@media only screen and (max-width: 750px) {

footer .logo-footer {
        text-align: center;
    }

footer .text-right {
        text-align: center !important;
    }

footer .link-web-ft {
        display: flex;
        justify-content: center;
        margin-top: 30px;
        gap: 30px;
    }

footer .link-social {
        display: flex;
        justify-content: center;
    }

    footer .container-fluid {
        max-width: 100%;
    }

}