/************************************************************/
/*************** PROACTECH CUSTOM STYLES ********************/
/************************************************************/

/*
 * Add Custom Styles
 *
 * @author Bari
 * @date 31/03/2022
 * @version 15/06/2022
 */


:root {
    --login-panel-width: 25em;
}

/*----------------- LOGIN -----------------*/
#page-login-index {
    /*background-size: auto 100%;*/
    background-position-x: calc( -1 * var(--login-panel-width) ) ;
}

#page-login-index.dir-ltr {
    background-position-x: var(--login-panel-width);
    background-image: url("bg-login-ltr.png") !important;
}

#page-login-index .login-container {
    max-width: var(--login-panel-width);
}

#page-login-index .login-container .card-header img {
    width: 10em;
}


/*----------------- COURSE OVERVIEW DASHBORAD -----------------*/
.card.dashboard-card:hover {
    box-shadow: 0 0 5px 1px #0c0c0c;
    transition: 0.2s all;
}


/*----------------- H5P ACTIVITY -----------------*/

/* Force Video Player to Max 75% */
.h5p-iframe-wrapper {
    width:75% !important;
    margin-left: auto;
    margin-right: auto;
}


/*----------------- TILES FORMAT -----------------*/

/* Fix Arabic Progress Text Alignment */
.format-tiles .progress-indic svg text {
    direction: ltr;
}


/*----------------- POPUP ACTIVITY FORMAT -----------------*/

/* Increase Popup Size */
#page-course-view-popups .modal.show .modal-dialog {
    min-width: 85%;
}


/*----------------- COMPLETION PROGRESS -----------------*/

.block_completion_progress .progressEventInfo img {
    width: 32px;
    height: 32px;
}


/*----------------- ACTIVITY ICONS + TITLES -----------------*/

/* Set Activities Icons Bigger */
.activity img.activityicon {
    width: 32px;
    height: 32px;
    vertical-align: middle;
}

/* Set Activities Titles Bigger & Underline */
.section .activity .contentwithoutlink > a,
.section .activity .activityinstance > a {
    /*font-size: 1.125em;*/
    font-weight: 500;
    /*text-decoration: underline;*/
}

/* Set Activities Titles Hover Color */
.section .activity .contentwithoutlink > a:hover,
.section .activity .activityinstance > a:hover {
    color: #f36e2f;
}

/* Set Activities Completion Block Smaller */
.automatic-completion-conditions .badge {
    font-size: small;
    /*font-weight: lighter;*/
    margin-top: 0.5em;
}

.section .activity .contentafterlink p {
    font-size: small;
}


/*----------------- ACTIVITY NAVIGATION -----------------*/

/* Make Activity Navigation Links as Button */
.activity-navigation #prev-activity-link,
.activity-navigation #next-activity-link {
    white-space: pre-wrap;
    color: #fff;
    background-color: #5e72e4;
    border-color: #5e72e4;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
}

.activity-navigation #prev-activity-link:hover,
.activity-navigation #next-activity-link:hover {
    background-color: #172b4d;
}

/* Float Next & Back Buttons Next to List */
.activity-navigation .float-left {
    float: left !important;
}

.activity-navigation .float-right {
    float: right !important;
}


/*----------------- MENU -----------------*/

/* Hide Site Home Button */
#nav-drawer .navbar-nav a.nav-link[data-key="home"]
/*#nav-drawer .navbar-nav a.nav-link[data-key="course-sections"]*/
{
    display: none;
}

/* Auto Hide Menu */
body,
body.drawer-open-left,
body.drawer-open-right {
    margin-left: 0;
    margin-right: 0;
}

body.dir-ltr #nav-drawer {
    left: -305px;
}

body.dir-rtl #nav-drawer {
    right: -305px;
}

/* Show Menu */
body.dir-ltr.proactech-open-drawer {
    margin-left: 285px;
}

body.dir-ltr.proactech-open-drawer #nav-drawer {
    left: 0;
}

body.dir-rtl.proactech-open-drawer {
    margin-right: 285px;
}

body.dir-rtl.proactech-open-drawer #nav-drawer {
    right: 0;
}


/*----------------- MAIN CONTENT -----------------*/

/* Hide Section Collapse button */
#page .accordion .card .card-header
/*#page .course-content ul.topics li.section .summary*/
{
    /*display: none;*/
}

/* Set Full Width Main Content on Course Pages */
#page-course-view-topics #region-main.has-blocks {
    /*width: 100%;*/
}

/* Froce Show Main Content Page */
.card.hide-main-content {
    display: flex !important;
    overflow: hidden;
}

/* Tiles Content Page Bottom Help */
.format-tiles .course-content .completionhelp {
    display: none;
}


/*----------------- SIDEBAR -----------------*/

/* Hide Right Sidebar on Course Pages */
#page-course-view-topics [data-region="blocks-column"] {
    /*display: none;*/
}


/*----------------- HELP PAGES HIDE BREADCRUMB -----------------*/

body.course-12 .breadcrumb-item:nth-child(2),
body.course-12 .breadcrumb-item:nth-child(3),
body.course-12 .breadcrumb-item:nth-child(4),
body.course-14 .breadcrumb-item:nth-child(2),
body.course-14 .breadcrumb-item:nth-child(3),
body.course-14 .breadcrumb-item:nth-child(4) {
    display: none;
}


/*----------------- CALENDAR -----------------*/

.block .minicalendar td.calendar_event_course {
    border: 1px solid #0B0B0B;
}

/*----------------- FOOTER -----------------*/

/* Hide Footer Home, Login info Links */
.usertour,
.logininfo,
.homelink,
#course-footer,
.tool_usertours-resettourcontainer {
    display: none;
}

footer #copyright {
    /*text-align: center;*/
    /*background: #F2F5FA;*/
    /*padding: 1rem;*/
    /*font-weight: bold;*/
}

footer .left-box {
    display: flex;
    align-items: center;
}

footer .right-box .social-icons img.appbadge {
    height: 3em;
}

footer .right-box .social-icons img.appqrcode {
    width: 5em;
    height: 5em;
}