/* 
    This file having the global CSS of the website and will invoke through all pages.
*/

:root {
    --primary_color: #892062;
    font-size: 80%;
}

/*
    body tag
*/

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar,
.modal-body::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body,
.modal-body {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

/*
    Main semantic tag default property
*/
main {
    height: 88.6dvh;
    width: 95dvw;
    margin: 6.5rem auto 0;
}

/*
    disabling bootstrap class row margin
*/
.row {
    margin: 0 !important;
}

/*
    bootstrap pagination customization
*/
.pagination {
    --bs-pagination-color: var(--primary_color);
    --bs-pagination-bg: white;
    --bs-pagination-border-color: #89206256;
    --bs-pagination-hover-color: rgb(90, 83, 83);
    --bs-pagination-hover-bg: #89206233;
    --bs-pagination-hover-border-color: #89206256;
    --bs-pagination-focus-color: black;
    --bs-pagination-focus-bg: #89206256;
    --bs-pagination-focus-box-shadow: none;
    --bs-pagination-active-bg: var(--primary_color);
    --bs-pagination-active-border-color: var(--primary_color);
    --bs-pagination-disabled-color: #89206256;
    --bs-pagination-disabled-bg: #8920622c;
    --bs-pagination-disabled-border-color: #89206256;
    flex-wrap: wrap;
    margin-top: 3rem;
}

/*
    Font awesome icon custom color according to the theme
*/
.edu_pro_eng_fa_cus_clr {
    color: var(--primary_color);
}

/*
    Custom button css for all the web pages.
    If require any extra property add those on the specific css file of that page
*/
.edu_pro_eng_cus_btn {
    border: 0.1rem solid var(--primary_color);
    border-radius: 5rem;
    padding: 0.2rem 0.7rem;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: bold;
    min-width: 10rem;
    text-align: center;
}

a.edu_pro_eng_cus_btn {
    text-decoration: none;
    color: var(--primary_color);
}

.edu_pro_eng_cus_btn_fill,
input[type="submit"].edu_pro_eng_cus_btn {
    width: 12rem;
    background: transparent;
    border-radius: 0.1rem;
    border: 0.1rem solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.5) !important;
    background: var(--primary_color);
    color: white;
    font-weight: bolder;
    margin: 1rem;
    border-radius: 0.4rem;
}

.edu_pro_eng_cus_btn_fill {
    padding: 0.4rem 0.7rem;
}

.edu_pro_eng_cus_add_new_btn {
    width: 12rem;
    background: transparent;
    border-radius: 0.1rem;
    border: 0.1rem solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.5) !important;
    background: var(--primary_color);
    color: white;
    font-weight: bolder;
    margin: 1rem;
    border-radius: 0.4rem;
    padding: 0.4rem 0.7rem;
    text-decoration: none;
    text-align: center;
}

input[type="submit"].edu_pro_eng_cus_btn:hover {
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.5) !important;
    transition: all 0.4s;
}

/*
    swal alert box all css
*/

.swal-overlay {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.swal-overlay--show-modal .swal-modal {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0.1rem;
    box-shadow: 0 0.4rem 3rem rgba(0, 0, 0, 0.1) !important;
    border: 0.1rem solid rgba(255, 255, 255, 0.3);
}

.swal-title {
    color: var(--primary_color);
    font-weight: 500;
}

.swal-text {
    font-weight: bold;
    font-size: 1.2rem;
    color: #f8f8ff;
}

.swal-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap;
}

.swal-button {
    width: 13.5rem;
    font-size: 1rem;
    background: var(--primary_color);
    border: none;
    outline: none;
    box-shadow: none;
    color: white;
}

.swal-button:focus,
.swal-button:active {
    background: var(--primary_color);
    border: none;
    outline: none;
    box-shadow: none;
    color: white;
}

.swal-button--cancel:hover,
.swal-button--confirm:hover,
.swal-button--danger:hover,
.swal-button--manual:hover,
.swal-button--pdf:hover,
.swal-button--back:hover,
.swal-button--chatgpt:hover,
.swal-button--short:hover,
.swal-button--standard:hover,
.swal-button--learning_mode_wise:hover,
.swal-button--yes:hover,
.swal-button--no:hover {
    background: #892062ec !important;
    color: black !important;
}

/*
    tooltip customization
*/

.tooltip-inner {
    background-color: var(--primary_color);
    color: #fff;
    opacity: 1 !important;
    box-shadow: 0px 0px 4px black;
}

/*
    making sure table is always in full width
*/

table {
    width: 100%;
}

table tr td.font_center_bold {
    text-align: center !important;
    font-weight: bold !important;
}

/* ===================================== header.php ===================================== */

.edu_pro_eng_header {
    background: white !important;
    border-radius: 0.1rem;
    box-shadow: 0 0.2rem 1rem rgb(137, 32, 98, 0.6) !important;
    border: 0.1rem solid rgba(255, 255, 255, 0.3);
}

.edu_pro_eng_header .dropdown-toggle {
    border-radius: 0;
    border: none;
}

.edu_pro_eng_header .dropdown-menu {
    border-radius: 0.4rem;
    box-shadow: 0 0 1rem rgb(137, 32, 98, 0.6);
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.edu_pro_eng_header .navbar-toggler {
    border: 0.1rem solid var(--primary_color) !important;
}

.edu_pro_eng_header .navbar-toggler:focus {
    box-shadow: none !important;
}

.edu_pro_eng_header .dropdown-divider {
    border-top: 0.1rem solid var(--primary_color) !important;
    margin: 0;
    padding: 0;
}

.edu_pro_eng_header .edu_pro_eng_header_com_logo {
    width: 15rem;
}

.edu_pro_eng_header i.bi-grid-3x3-gap-fill {
    font-size: 2.2rem;
    display: flex;
    color: white;
    background: #892062;
    padding: 0.3rem;
    border: none;
    border-radius: 0.4rem;
    z-index: 1;
    cursor: pointer;
}

.edu_pro_eng_header ul.dropdown-menu a.dropdown-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.1rem 0.3rem;
    margin: 0;
    font-size: 1.1rem;
    color: black;
}

.edu_pro_eng_header ul.dropdown-menu a.dropdown-item:hover {
    background: #f5e3ee;
    font-weight: 500;
}

.edu_pro_eng_sidebar_header_com_logo {
    width: 15rem;
}

/* ===================================== sidebar.php ===================================== */

.sidebar_popup_box {
    position: relative;
    /* background-color: #892062; */
    z-index: 1050;
    width: 100%;
    font-size: 1rem;
}

.unordered_list li > a > span {
    float: right;
    margin-right: 5px;
}

.unordered_list .unordered_list {
    display: none;
    border: none;
}

.unordered_list li a:hover {
    background: #f3e0eb;
    font-weight: 600;
}

/* .unordered_list li.active>a,
.unordered_list li.active:hover>a {
    background: #892062;
    font-weight: 600;
    color: #fff;
} */

.offcanvas-body .sidebar_popup_box .header {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 1.5rem;
    text-align: center;
    text-decoration: underline;
    color: var(--primary_color);
}

.unordered_list li {
    border-top: 1px solid lightgray;
    /* box-shadow: 0 0 0.4rem rgb(137, 32, 98, 0.9); */
}

.unordered_list li a {
    padding: 0.3rem 0rem;
}

.unordered_list li:first-child {
    border-top: none;
}

.unordered_list li a {
    display: block;
    padding: 0.1rem 0.3rem;
    font-size: 1.3rem;
    text-decoration: none;
    color: #333;
    transition: background-color 0.2s ease;
}

.unordered_list {
    list-style-type: none;
    margin: 0px 5px;
    background-color: white;
    border-radius: 0.4rem !important;
    min-height: auto;
}

.unordered_list {
    position: relative;
    padding-left: 0;
    width: 96%;
}

.unordered_list li:first-child.active > a,
.unordered_list li:first-child.active:hover > a {
    border-top-left-radius: 0.4rem !important;
    border-top-right-radius: 0.4rem !important;
}

.unordered_list li:last-child.active > a,
.unordered_list li:last-child.active:hover > a {
    border-bottom-left-radius: 0.4rem !important;
}

.unordered_list li:first-child:hover > a {
    border-top-right-radius: 0.4rem !important;
    border-top-left-radius: 0.4rem !important;
}

.unordered_list li:last-child:hover > a {
    border-bottom-right-radius: 0.4rem !important;
    border-bottom-left-radius: 0.4rem !important;
}

/* Add animation keyframes */
@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

.unordered_list .unordered_list {
    position: absolute;
    left: -2% !important;
    top: 0;
    left: 0;
    display: none;
    background: white;
    border-radius: 5px;
    width: 101%;
    z-index: 100;
    min-height: 80vh;
    animation: slideInFromLeft 0.5s ease;
}

.go-back i {
    margin: 0px 7px 0px 5px;
    color: white !important;
}

.go-back a {
    color: white !important;
    background-color: #892062;
    font-weight: bold;
    border-top-left-radius: 0.4rem !important;
    border-top-right-radius: 0.4rem !important;
}

.unordered_list .go-back:hover > a {
    background-color: #a32a77;
}

.edu_pro_eng_left_side_panel .offcanvas-header {
    overflow: hidden;
}

/* 
    Hide scrollbar for Chrome, Safari and Opera
*/
.edu_pro_eng_left_side_panel .offcanvas-body::-webkit-scrollbar {
    display: none;
}

/*
    Hide scrollbar for IE, Edge and Firefox
*/
.edu_pro_eng_left_side_panel .offcanvas-body {
    overflow-x: hidden;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.edu_pro_eng_left_side_panel .offcanvas-header {
    background: transparent !important;
    border-radius: 0.1rem;
    box-shadow: 0 0.2rem 1rem rgb(137, 32, 98, 0.6) !important;
    border: 0.1rem solid rgba(255, 255, 255, 0.3);
    justify-content: space-between;
    padding: 0.8rem;
}

.edu_pro_eng_left_side_panel .offcanvas-header .close_btn {
    background: var(--primary_color);
    color: white;
    padding: 0.4rem 0.7rem;
    border-radius: 1rem 0 0 1rem;
    font-weight: bold;
    font-size: 1.2rem;
    margin: -5.2rem;
    text-transform: uppercase;
    cursor: pointer;
}

/* ===================================== master data form & module form & product form & proposal form & admin form ===================================== */

/* Selectize input dropdown for modification of module + product */
.selectize-input {
    border-radius: 10px !important;
    padding: 6px 6px !important;
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.3) !important;
}

.edu_pro_eng_global_master_form,
.edu_pro_eng_module_form .edu_pro_eng_course_form,
.edu_pro_eng_proposal_form,
.edu_pro_eng_global_admin_form {
    margin: 4rem 0;
    padding: 0.1rem 0;
}

/*
    heading
*/
.edu_pro_eng_global_master_form h2,
.edu_pro_eng_module_form h2,
.edu_pro_eng_course_form h2,
.edu_pro_eng_proposal_form h2,
.edu_pro_eng_global_admin_form h2 {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    color: var(--primary_color);
    background: transparent !important;
    box-shadow: 0 0 0.3rem rgb(137, 32, 98, 0.6) !important;
    border: 0.1rem solid rgba(255, 255, 255, 0.3);
    margin-bottom: 4rem;
    padding: 0.7rem 0;
    border-radius: 0.5rem;
}

/*
    container
*/
.edu_pro_eng_global_master_form .form_container,
.edu_pro_eng_module_form .form_container,
.edu_pro_eng_course_form .form_container,
.edu_pro_eng_proposal_form .form_container,
.edu_pro_eng_global_admin_form .form_container {
    padding: 0.2rem 0.7rem;
    margin: 3rem 0rem;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0.9rem rgba(0, 0, 0, 0.1) !important;
    border: 0.1rem solid rgba(255, 255, 255, 0.3);
    border-radius: 0.7rem;
}

.edu_pro_eng_global_master_form .form_container.single_filed_form_width {
    width: 50%;
    margin: auto;

    @media (max-width: 992px) {
        width: 75%;
    }

    @media (max-width: 600px) {
        width: 85%;
    }

    @media (max-width: 400px) {
        width: 97%;
    }
}

/*
    label
*/
.edu_pro_eng_global_master_form form label,
.edu_pro_eng_module_form form label,
.edu_pro_eng_module_form .data_response_re_generate_container label,
.edu_pro_eng_module_form .data_response_container label,
.edu_pro_eng_course_form form label,
.edu_pro_eng_course_form .data_response_re_generate_container label,
.edu_pro_eng_proposal_form form label,
.edu_pro_eng_global_admin_form label {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0.7rem;
    display: block;
    text-indent: 0.5rem;
}

/*
    input & select
*/
.edu_pro_eng_global_master_form
    form
    input:not([type="radio"], [type="checkbox"]),
.edu_pro_eng_global_master_form form select,
.edu_pro_eng_global_master_form form option,
.edu_pro_eng_module_form
    form
    input:not(
        [type="radio"],
        [type="checkbox"],
        [type="select-multiple"],
        [type="select-one"]
    ),
.edu_pro_eng_module_form form select,
.edu_pro_eng_module_form .data_response_re_generate_container select,
.edu_pro_eng_module_form form option,
.edu_pro_eng_module_form .data_response_re_generate_container option,
.edu_pro_eng_course_form
    form
    input:not(
        [type="radio"],
        [type="checkbox"],
        [type="select-multiple"],
        [type="select-one"]
    ),
.edu_pro_eng_course_form form select,
.edu_pro_eng_course_form form option,
.edu_pro_eng_proposal_form
    form
    input:not(
        [type="radio"],
        [type="checkbox"],
        [type="select-multiple"],
        [type="select-one"]
    ),
.edu_pro_eng_proposal_form form select,
.edu_pro_eng_proposal_form form option,
.edu_pro_eng_global_admin_form
    form
    input:not([type="radio"], [type="checkbox"]),
.edu_pro_eng_global_admin_form form select,
.edu_pro_eng_global_admin_form form option {
    width: 100%;
    height: 2.4rem;
    border: none;
    outline: none;
    resize: none;
    overflow-y: hidden;
    border-radius: 0.5rem;
    border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.3) !important;
}

.edu_pro_eng_global_master_form form input.active,
.edu_pro_eng_module_form form input.active,
.edu_pro_eng_course_form form input.active,
.edu_pro_eng_proposal_form form input.active,
.edu_pro_eng_global_admin_form form input.active,
.edu_pro_eng_global_master_form form select.active,
.edu_pro_eng_module_form form select.active,
.edu_pro_eng_course_form form select.active,
.edu_pro_eng_proposal_form form select.active,
.edu_pro_eng_global_admin_form form select.active,
.edu_pro_eng_global_master_form form textarea.active,
.edu_pro_eng_module_form form textarea.active,
.edu_pro_eng_course_form form textarea.active,
.edu_pro_eng_proposal_form form textarea.active,
.edu_pro_eng_global_admin_form form textarea.active,
.selectize-input.items.not-full.active,
.selectize-input.items.not-full.has-options.active,
.selectize-input.items.required.invalid.not-full.has-options.active

/* multiple select error */ {
    border-bottom: none !important;
    border: 0.1rem solid red !important;
    box-shadow: 0 0 0.3rem rgba(255, 0, 0, 0.3) !important;
}

/*
    hiding the input field type number scrollbar for chrome, safari, opera, edge
*/

.edu_pro_eng_global_master_form form input[type="number"]::-webkit-outer-spin-button,
.edu_pro_eng_module_form form input[type="number"]::-webkit-outer-spin-button,
.edu_pro_eng_course_form form input[type="number"]::-webkit-outer-spin-button,
.edu_pro_eng_proposal_form form input[type="number"]::-webkit-outer-spin-button,
/* outer inner*/
.edu_pro_eng_global_master_form form input[type="number"]::-webkit-inner-spin-button,
.edu_pro_eng_module_form form input[type="number"]::-webkit-inner-spin-button,
.edu_pro_eng_course_form form input[type="number"]::-webkit-inner-spin-button,
.edu_pro_eng_proposal_form form input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*
    hiding input field type number scrollbar for mozila
*/
.edu_pro_eng_global_master_form form input[type="number"],
.edu_pro_eng_module_form form input[type="number"],
.edu_pro_eng_course_form form input[type="number"],
.edu_pro_eng_proposal_form form input[type="number"] {
    -moz-appearance: textfield;
    /* for firefox */
    appearance: textfield;
    /* for other browser */
}

.edu_pro_eng_global_master_form form select option[disabled],
.edu_pro_eng_module_form form select option[disabled],
.edu_pro_eng_module_form
    .data_response_re_generate_container
    select
    option[disabled],
.edu_pro_eng_course_form form select option[disabled],
.edu_pro_eng_course_form
    .data_response_re_generate_container
    select
    option[disabled],
.edu_pro_eng_proposal_form form select option[disabled],
.edu_pro_eng_global_admin_form form select option[disabled] {
    text-align: center;
}

.edu_pro_eng_global_master_form form input:focus,
.edu_pro_eng_module_form form input:focus,
.edu_pro_eng_course_form form input:focus,
.edu_pro_eng_proposal_form form input:focus,
.edu_pro_eng_global_admin_form form input:focus {
    border-color: var(--primary_color);
}

/*
    buttons
*/
.edu_pro_eng_global_master_form form input[type="submit"],
.edu_pro_eng_global_master_form form input[type="button"],
.edu_pro_eng_module_form form input[type="submit"],
.edu_pro_eng_module_form form input[type="button"],
.edu_pro_eng_module_form .data_response_container input[type="button"],
.edu_pro_eng_module_form
    .data_response_re_generate_container
    input[type="button"],
.edu_pro_eng_course_form form input[type="submit"],
.edu_pro_eng_course_form form input[type="button"],
.edu_pro_eng_course_form .data_response_container input[type="button"],
.edu_pro_eng_course_form
    .data_response_re_generate_container
    input[type="button"],
.edu_pro_eng_proposal_form form input[type="submit"],
.edu_pro_eng_proposal_form form input[type="button"],
.edu_pro_eng_global_admin_form form input[type="submit"],
.edu_pro_eng_global_admin_form form input[type="button"] {
    width: 12rem;
    background: transparent;
    border-radius: 0.1rem;
    border: 0.1rem solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.5) !important;
    background: var(--primary_color);
    color: white;
    font-weight: bolder;
    margin: 1rem;
    border-radius: 0.4rem;
}

.edu_pro_eng_global_master_form form input[type="submit"]:disabled,
.edu_pro_eng_global_master_form form input[type="button"]:disabled,
.edu_pro_eng_module_form form input[type="submit"]:disabled,
.edu_pro_eng_module_form form input[type="button"]:disabled,
.edu_pro_eng_module_form .data_response_container input[type="button"]:disabled,
.edu_pro_eng_module_form
    .data_response_re_generate_container
    input[type="button"]:disabled,
.edu_pro_eng_course_form form input[type="submit"]:disabled,
.edu_pro_eng_course_form form input[type="button"]:disabled,
.edu_pro_eng_course_form .data_response_container input[type="button"]:disabled,
.edu_pro_eng_course_form
    .data_response_re_generate_container
    input[type="button"]:disabled
    .edu_pro_eng_global_admin_form
    form
    input[type="submit"]:disabled,
.edu_pro_eng_proposal_form form input[type="submit"]:disabled,
.edu_pro_eng_proposal_form form input[type="button"]:disabled,
.edu_pro_eng_global_admin_form form input[type="button"]:disabled {
    color: var(--primary_color);
    background: white;
}

.edu_pro_eng_global_master_form form input[type="submit"]:hover,
.edu_pro_eng_global_master_form form input[type="button"]:hover,
.edu_pro_eng_module_form form input[type="submit"]:hover,
.edu_pro_eng_module_form form input[type="button"]:hover,
.edu_pro_eng_module_form .data_response_container input[type="button"]:hover,
.edu_pro_eng_course_form form input[type="submit"]:hover,
.edu_pro_eng_course_form form input[type="button"]:hover,
.edu_pro_eng_course_form
    .data_response_container
    input[type="button"]:hover
    .edu_pro_eng_global_admin_form
    form
    input[type="submit"]:hover,
.edu_pro_eng_proposal_form form input[type="submit"]:hover,
.edu_pro_eng_proposal_form form input[type="button"]:hover,
.edu_pro_eng_global_admin_form form input[type="button"]:hover {
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.5) !important;
    transition: all 0.4s;
}

/*
    icons
*/
.edu_pro_eng_global_master_form form .fa-file-pen,
.edu_pro_eng_module_form form .fa-file-pen,
.edu_pro_eng_global_admin_form form .fa-file-pen {
    color: var(--primary_color);
    font-size: 1.6rem;
    margin: -0.6rem 1rem;
    cursor: pointer;
}

.edu_pro_eng_global_master_form form .fa-file-excel,
.edu_pro_eng_module_form form .fa-file-excel,
.edu_pro_eng_global_admin_form form .fa-file-excel {
    color: var(--primary_color);
    font-size: 1.6rem;
    margin: -1rem 0.5rem;
    cursor: pointer;
}

.edu_pro_eng_module_form form .fa-file-excel.module_modify_learning_unit,
.edu_pro_eng_module_form form .fa-file-excel.module_modify_milestone,
.edu_pro_eng_module_form
    form
    .fa-file-excel.module_modify_non_project_milestone {
    font-size: 1rem;
}

/*
    input group with right side icon
*/
.edu_pro_eng_proposal_form form .input_group {
    display: flex;
}

.edu_pro_eng_proposal_form form .input_group input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.edu_pro_eng_proposal_form form .input_group i {
    text-decoration: none;
    color: white;
    width: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    text-align: center;
    background: var(--primary_color);
    border: none;
    border-radius: 0 0.4rem 0.4rem 0;
    box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.3) !important;
    cursor: pointer;
}

/*
    dynamically increasing textarea height
*/
.edu_pro_eng_global_master_form .textarea_wrapper,
.edu_pro_eng_module_form .textarea_wrapper,
.edu_pro_eng_course_form .textarea_wrapper {
    display: grid;
}

.edu_pro_eng_global_master_form .textarea_wrapper::after,
.edu_pro_eng_module_form .textarea_wrapper::after,
.edu_pro_eng_course_form .textarea_wrapper::after {
    content: attr(data-replicated-value) " ";
    white-space: pre-wrap;
    visibility: hidden;
}

.edu_pro_eng_global_master_form .textarea_wrapper > textarea,
.edu_pro_eng_module_form .textarea_wrapper > textarea,
.edu_pro_eng_course_form .textarea_wrapper > textarea {
    overflow: hidden;
    width: 100%;
    border: none;
    outline: none;
    resize: none;
    border-radius: 0.5rem;
    border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.3) !important;
}

.edu_pro_eng_global_master_form .textarea_wrapper > textarea.active,
.edu_pro_eng_module_form .textarea_wrapper > textarea.active,
.edu_pro_eng_course_form .textarea_wrapper > textarea.active {
    border-bottom: none;
    border: 0.1rem solid red;
    box-shadow: 0 0 0.3rem rgba(255, 0, 0, 0.3) !important;
}

.edu_pro_eng_global_master_form .textarea_wrapper > textarea:focus,
.edu_pro_eng_module_form .textarea_wrapper > textarea:focus,
.edu_pro_eng_course_form .textarea_wrapper > textarea:focus {
    border-color: var(--primary_color);
}

.edu_pro_eng_global_master_form .textarea_wrapper > textarea,
.edu_pro_eng_global_master_form .textarea_wrapper::after,
.edu_pro_eng_module_form .textarea_wrapper > textarea,
.edu_pro_eng_module_form .textarea_wrapper::after,
.edu_pro_eng_course_form .textarea_wrapper > textarea,
.edu_pro_eng_course_form .textarea_wrapper::after {
    padding: 0.5rem;
    font: inherit;
    grid-area: 1 / 1 / 2 / 2;
}

/*
    divider
*/
.edu_pro_eng_global_master_form form .form_divider,
.edu_pro_eng_module_form form .form_divider,
.edu_pro_eng_module_form .data_response_container .form_divider,
.edu_pro_eng_course_form form .form_divider,
.edu_pro_eng_course_form .data_response_container .form_divider,
.edu_pro_eng_global_data_display .form_divider,
.edu_pro_eng_proposal_form .form_divider,
.edu_pro_eng_global_admin_form form .form_divider {
    overflow: hidden;
    text-align: center;
    color: var(--primary_color);
    font-size: 1.4rem;
    font-weight: bold;
    margin: 2rem auto;
    display: block;
}

.edu_pro_eng_global_master_form form .form_divider.half_width,
.edu_pro_eng_module_form form .form_divider.half_width,
.edu_pro_eng_module_form .data_response_container .form_divider.half_width,
.edu_pro_eng_course_form form .form_divider.half_width,
.edu_pro_eng_course_form .data_response_container .form_divider.half_width,
.edu_pro_eng_global_data_display form .form_divider.half_width,
.edu_pro_eng_global_admin_form form .form_divider.half_width {
    width: 50%;
}

.edu_pro_eng_global_master_form form .form_divider:before,
.edu_pro_eng_global_master_form form .form_divider:after,
.edu_pro_eng_module_form form .form_divider:before,
.edu_pro_eng_module_form form .form_divider:after,
.edu_pro_eng_module_form .data_response_container .form_divider:before,
.edu_pro_eng_module_form .data_response_container .form_divider:after,
.edu_pro_eng_course_form form .form_divider:before,
.edu_pro_eng_course_form form .form_divider:after,
.edu_pro_eng_course_form .data_response_container .form_divider:before,
.edu_pro_eng_course_form .data_response_container .form_divider:after,
.edu_pro_eng_global_data_display .form_divider:before,
.edu_pro_eng_global_data_display .form_divider:after,
.edu_pro_eng_proposal_form form .form_divider:before,
.edu_pro_eng_proposal_form form .form_divider:after,
.edu_pro_eng_global_admin_form form .form_divider:before,
.edu_pro_eng_global_admin_form form .form_divider:after {
    background-color: var(--primary_color);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.edu_pro_eng_global_master_form form .form_divider:before,
.edu_pro_eng_module_form form .form_divider:before,
.edu_pro_eng_module_form .data_response_container .form_divider:before,
.edu_pro_eng_course_form form .form_divider:before,
.edu_pro_eng_course_form .data_response_container .form_divider:before,
.edu_pro_eng_global_data_display .form_divider:before,
.edu_pro_eng_proposal_form form .form_divider:before,
.edu_pro_eng_global_admin_form form .form_divider:before {
    right: 0.5em;
    margin-left: -50%;
}

.edu_pro_eng_global_master_form form .form_divider:after,
.edu_pro_eng_module_form form .form_divider:after,
.edu_pro_eng_module_form .data_response_container .form_divider:after,
.edu_pro_eng_course_form form .form_divider:after,
.edu_pro_eng_course_form .data_response_container .form_divider:after,
.edu_pro_eng_global_data_display .form_divider:after,
.edu_pro_eng_proposal_form form .form_divider:after,
.edu_pro_eng_global_admin_form form .form_divider:after {
    left: 0.5em;
    margin-right: -50%;
}

/* 
    custom checkbox
*/
.edu_pro_eng_course_form
    .form_container
    .dropdown_wrapper
    .dropdown_list_container
    .content_wrapper
    ul
    li
    .label_container,
.edu_pro_eng_global_master_form .checkbox_wrapper .label_container,
.edu_pro_eng_proposal_form #proposal .label_container,
.edu_pro_eng_global_admin_form #admin_role_assign_wrapper .label_container {
    position: relative;
    padding-left: 1.8rem;
    margin-bottom: 0.9rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.edu_pro_eng_course_form
    .form_container
    .dropdown_wrapper
    .dropdown_list_container
    .content_wrapper
    ul
    li
    .label_container
    input,
.edu_pro_eng_global_master_form .checkbox_wrapper .label_container input,
.edu_pro_eng_proposal_form #proposal .label_container input,
.edu_pro_eng_global_admin_form
    #admin_role_assign_wrapper
    .label_container
    input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.edu_pro_eng_course_form
    .form_container
    .dropdown_wrapper
    .dropdown_list_container
    .content_wrapper
    ul
    li
    .checkmark,
.edu_pro_eng_global_master_form .checkbox_wrapper .checkmark,
.edu_pro_eng_proposal_form #proposal .checkmark,
.edu_pro_eng_global_admin_form #admin_role_assign_wrapper .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.4rem;
    width: 1.4rem;
    background-color: #eee;
}

.edu_pro_eng_course_form
    .form_container
    .dropdown_wrapper
    .dropdown_list_container
    .content_wrapper
    ul
    li
    .label_container:hover
    input
    ~ .checkmark,
.edu_pro_eng_global_master_form
    .checkbox_wrapper
    .label_container:hover
    input
    ~ .checkmark,
.edu_pro_eng_proposal_form #proposal .label_container:hover input ~ .checkmark,
.edu_pro_eng_global_admin_form
    #admin_role_assign_wrapper
    .label_container:hover
    input
    ~ .checkmark {
    background-color: #ccc;
}

.edu_pro_eng_course_form
    .form_container
    .dropdown_wrapper
    .dropdown_list_container
    .content_wrapper
    ul
    li
    .label_container
    input:checked
    ~ .checkmark,
.edu_pro_eng_global_master_form
    .checkbox_wrapper
    .label_container
    input:checked
    ~ .checkmark,
.edu_pro_eng_proposal_form
    #proposal
    .label_container
    input:checked
    ~ .checkmark,
.edu_pro_eng_global_admin_form
    #admin_role_assign_wrapper
    .label_container
    input:checked
    ~ .checkmark {
    background-color: var(--primary_color);
}

.edu_pro_eng_course_form
    .form_container
    .dropdown_wrapper
    .dropdown_list_container
    .content_wrapper
    ul
    li
    .checkmark:after,
.edu_pro_eng_global_master_form .checkbox_wrapper .checkmark:after,
.edu_pro_eng_proposal_form #proposal .checkmark:after,
.edu_pro_eng_global_admin_form #admin_role_assign_wrapper .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.edu_pro_eng_course_form
    .form_container
    .dropdown_wrapper
    .dropdown_list_container
    .content_wrapper
    ul
    li
    .label_container
    input:checked
    ~ .checkmark:after,
.edu_pro_eng_global_master_form
    .checkbox_wrapper
    .label_container
    input:checked
    ~ .checkmark:after,
.edu_pro_eng_proposal_form
    #proposal
    .label_container
    input:checked
    ~ .checkmark:after,
.edu_pro_eng_global_admin_form
    #admin_role_assign_wrapper
    .label_container
    input:checked
    ~ .checkmark:after {
    display: block;
}

.edu_pro_eng_course_form
    .form_container
    .dropdown_wrapper:not(.radio_field)
    .dropdown_list_container
    .content_wrapper
    ul
    li
    .label_container
    .checkmark:after,
.edu_pro_eng_global_master_form
    .checkbox_wrapper
    .label_container
    .checkmark:after,
.edu_pro_eng_proposal_form #proposal .label_container .checkmark:after,
.edu_pro_eng_global_admin_form
    #admin_role_assign_wrapper
    .label_container
    .checkmark:after {
    left: 0.55rem;
    top: 0.25rem;
    width: 0.4rem;
    height: 0.7rem;
    border: solid white;
    border-width: 0 0.2rem 0.2rem 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.edu_pro_eng_global_master_form .checkbox_wrapper,
.edu_pro_eng_global_master_form .radio_wrapper {
    display: flex;
}

.edu_pro_eng_global_master_form .checkbox_wrapper label:not(:last-child),
.edu_pro_eng_global_master_form .radio_wrapper label:not(:last-child) {
    margin-right: 1rem;
}

/*
    custom radio buttons
*/
.edu_pro_eng_global_master_form .form_container .edu_pro_eng_cus_radio_button,
.edu_pro_eng_module_form .data_response_container .edu_pro_eng_cus_radio_button,
.edu_pro_eng_course_form .data_response_container .edu_pro_eng_cus_radio_button,
.edu_pro_eng_course_form
    .form_container
    .dropdown_wrapper.radio_field
    .label_container {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1.2rem;
    cursor: pointer;
    font-size: 1.2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.edu_pro_eng_course_form
    .form_container
    .dropdown_wrapper.radio_field
    .label_container {
    font-size: 1rem;
    padding-left: 1.8rem;
    margin-bottom: 0.9rem;
}

.edu_pro_eng_global_master_form
    .form_container
    .edu_pro_eng_cus_radio_button
    input,
.edu_pro_eng_module_form
    .data_response_container
    .edu_pro_eng_cus_radio_button
    input,
.edu_pro_eng_course_form
    .data_response_container
    .edu_pro_eng_cus_radio_button
    input,
.edu_pro_eng_course_form
    .form_container
    .dropdown_wrapper.radio_field
    .label_container
    input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.edu_pro_eng_global_master_form
    .form_container
    .edu_pro_eng_cus_radio_button_checkmark,
.edu_pro_eng_module_form
    .data_response_container
    .edu_pro_eng_cus_radio_button_checkmark,
.edu_pro_eng_course_form
    .data_response_container
    .edu_pro_eng_cus_radio_button_checkmark,
.edu_pro_eng_course_form
    .form_container
    .dropdown_wrapper.radio_field
    .checkmark {
    position: absolute;
    left: 0;
    height: 1.5rem;
    width: 1.5rem;
    background-color: #eee;
    border-radius: 50%;
}

.edu_pro_eng_global_master_form
    .form_container
    .edu_pro_eng_cus_radio_button:hover
    input
    ~ .edu_pro_eng_cus_radio_button_checkmark,
.edu_pro_eng_module_form
    .data_response_container
    .edu_pro_eng_cus_radio_button:hover
    input
    ~ .edu_pro_eng_cus_radio_button_checkmark,
.edu_pro_eng_course_form
    .data_response_container
    .edu_pro_eng_cus_radio_button:hover
    input
    ~ .edu_pro_eng_cus_radio_button_checkmark,
.edu_pro_eng_course_form
    .form_container
    .dropdown_wrapper.radio_field
    .label_container:hover
    input
    ~ .checkmark {
    background-color: #ccc;
}

.edu_pro_eng_global_master_form
    .form_container
    .edu_pro_eng_cus_radio_button
    input:checked
    ~ .edu_pro_eng_cus_radio_button_checkmark,
.edu_pro_eng_module_form
    .data_response_container
    .edu_pro_eng_cus_radio_button
    input:checked
    ~ .edu_pro_eng_cus_radio_button_checkmark,
.edu_pro_eng_course_form
    .data_response_container
    .edu_pro_eng_cus_radio_button
    input:checked
    ~ .edu_pro_eng_cus_radio_button_checkmark,
.edu_pro_eng_course_form
    .form_container
    .dropdown_wrapper.radio_field
    .label_container
    input:checked
    ~ .checkmark {
    background-color: var(--primary_color);
}

.edu_pro_eng_global_master_form
    .form_container
    .edu_pro_eng_cus_radio_button_checkmark:after,
.edu_pro_eng_module_form
    .data_response_container
    .edu_pro_eng_cus_radio_button_checkmark:after,
.edu_pro_eng_course_form
    .data_response_container
    .edu_pro_eng_cus_radio_button_checkmark:after,
.edu_pro_eng_course_form
    .form_container
    .dropdown_wrapper.radio_field
    .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.edu_pro_eng_global_master_form
    .form_container
    .edu_pro_eng_cus_radio_button
    input:checked
    ~ .edu_pro_eng_cus_radio_button_checkmark:after,
.edu_pro_eng_module_form
    .data_response_container
    .edu_pro_eng_cus_radio_button
    input:checked
    ~ .edu_pro_eng_cus_radio_button_checkmark:after,
.edu_pro_eng_course_form
    .data_response_container
    .edu_pro_eng_cus_radio_button
    input:checked
    ~ .edu_pro_eng_cus_radio_button_checkmark:after,
.edu_pro_eng_course_form
    .form_container
    .dropdown_wrapper.radio_field
    .label_container
    input:checked
    ~ .checkmark:after {
    display: block;
}

.edu_pro_eng_global_master_form
    .form_container
    .edu_pro_eng_cus_radio_button
    .edu_pro_eng_cus_radio_button_checkmark:after,
.edu_pro_eng_module_form
    .data_response_container
    .edu_pro_eng_cus_radio_button
    .edu_pro_eng_cus_radio_button_checkmark:after,
.edu_pro_eng_course_form
    .data_response_container
    .edu_pro_eng_cus_radio_button
    .edu_pro_eng_cus_radio_button_checkmark:after,
.edu_pro_eng_course_form
    .form_container
    .dropdown_wrapper.radio_field
    .checkmark:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: white;
}

/* 
    custom multiple/single selection dropdown with search style
*/
@-webkit-keyframes bs-notify-fadeOut {
    0% {
        opacity: 0.9;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes bs-notify-fadeOut {
    0% {
        opacity: 0.9;
    }

    100% {
        opacity: 0;
    }
}

@keyframes bs-notify-fadeOut {
    0% {
        opacity: 0.9;
    }

    100% {
        opacity: 0;
    }
}

.bootstrap-select > select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
    display: none !important;
}

.bootstrap-select {
    width: 100%;
    vertical-align: middle;
}

.bootstrap-select div.dropdown-menu {
    box-shadow: 0 0rem 0.3rem rgb(141, 139, 139) !important;
    border: none !important;
}

.bootstrap-select div.dropdown-menu ul.dropdown-menu {
    border: none !important;
}

.bootstrap-select > .dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: transparent;
    border-radius: 0.6rem;
    box-shadow: 0 0rem 0.3rem rgb(141, 139, 139) !important;
}

.bootstrap-select > .dropdown-toggle:after {
    margin-top: -1px;
}

.bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important;
}

.bootstrap-select > select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2 !important;
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid + .dropdown-toggle {
    border-bottom: none;
    border: 0.1rem solid red;
    box-shadow: 0 0 0.3rem rgba(255, 0, 0, 0.3) !important;
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid + .dropdown-toggle {
    border-color: #28a745;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
        .input-group-btn
    ) {
    width: 100%;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
    height: auto;
}

:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto;
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*="col-"]) {
    width: auto;
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*="col-"].dropdown-menu-right,
.row .bootstrap-select[class*="col-"].dropdown-menu-right {
    float: right;
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
    margin-bottom: 0;
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0;
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit;
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit;
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: 0.25rem 0.5rem;
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: 0.5rem 1rem;
}

.form-inline .bootstrap-select .form-control {
    width: 100%;
}

.bootstrap-select.disabled,
.bootstrap-select > .disabled {
    cursor: not-allowed;
}

.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
    outline: 0 !important;
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important;
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060;
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit;
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none;
}

.input-group
    .bs3-has-addon.bootstrap-select
    .dropdown-toggle
    .filter-option
    .filter-option-inner {
    padding-right: inherit;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
    text-align: center;
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden;
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.bootstrap-select .dropdown-toggle .bs-select-clear-selected {
    position: relative;
    display: block;
    margin-right: 5px;
    text-align: center;
}

.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected {
    padding-right: inherit;
}

.bootstrap-select .dropdown-toggle .bs-select-clear-selected span {
    position: relative;
    top: -webkit-calc(((-1em / 1.5) + 1ex)/ 2);
    top: calc(((-1em / 1.5) + 1ex) / 2);
    pointer-events: none;
}

.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected span {
    top: auto;
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit;
}

.bootstrap-select[class*="col-"] .dropdown-toggle {
    width: 100%;
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bootstrap-select .dropdown-menu > .inner:focus {
    outline: 0 !important;
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select .dropdown-menu li {
    position: relative;
}

.bootstrap-select .dropdown-menu li.active small {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed;
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em;
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none;
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block;
}

.bootstrap-select .dropdown-menu li small {
    padding-left: 0.5em;
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
    -webkit-animation: 0.3s linear 750ms forwards bs-notify-fadeOut;
    -o-animation: 0.3s linear 750ms forwards bs-notify-fadeOut;
    animation: 0.3s linear 750ms forwards bs-notify-fadeOut;
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline;
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: "\00a0";
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select .bs-ok-default:after {
    content: "";
    display: block;
    width: 0.5em;
    height: 1em;
    border-style: solid;
    border-width: 0 0.26em 0.26em 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
    z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup
    .dropdown-toggle
    .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right
    .dropdown-toggle
    .filter-option:before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right
    .dropdown-toggle
    .filter-option:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show
    > .dropdown-toggle
    .filter-option:before {
    display: block;
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px;
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bs-actionsbox .btn-group {
    display: block;
}

.bs-actionsbox .btn-group button {
    width: 50%;
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bs-donebutton .btn-group {
    display: block;
}

.bs-donebutton .btn-group button {
    width: 100%;
}

.bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px;
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none;
}

.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
    color: var(--primary_color);
    background-color: transparent;
    background: transparent;
    border-color: none;
    border: none;
    outline: none;
}

.inner.show {
    overflow: hidden;
    overflow-y: scroll;
}

/* ===================================== master & module & course & proposal & admin data display ===================================== */

.edu_pro_eng_global_data_display {
    margin: 4rem 0;
}

/* heading */
.edu_pro_eng_global_data_display h2 {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    color: var(--primary_color);
    background: transparent !important;
    box-shadow: 0 0 0.3rem rgb(137, 32, 98, 0.6) !important;
    border: 0.1rem solid rgba(255, 255, 255, 0.3);
    padding: 0.7rem 0;
    margin-bottom: 2rem;
    border-radius: 0.5rem;
}

/* search bar */
.edu_pro_eng_global_data_display .search_container .search_wrapper {
    overflow: hidden;
    position: relative;
    height: 2.5rem;
    border-radius: 5rem;
    width: 2.5rem;
    transition: width 5s;
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    /* remove if the below when animation is active */
    width: 100%;
}

/* remove if want to enable animation on search bar */
/* .edu_pro_eng_global_data_display .search_container .search_wrapper:hover {
    transition: width 0.7s;
    width: 100%;
} */

.edu_pro_eng_global_data_display .search_container .search_icon,
.edu_pro_eng_global_data_display .search_container .search_field {
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent;
    position: absolute;
    height: 2.5rem;
}

.edu_pro_eng_global_data_display .search_container .search_icon {
    border-radius: 50%;
    width: 10%;
    width: 2.5rem;
    top: 0;
    left: 0;
    color: var(--primary_color);
}

.edu_pro_eng_global_data_display .search_container .search_field {
    display: none;
    left: 2.5rem;
    width: 90%;
    /* remove if the below when animation is active */
    display: block;
    padding: 0 0.2rem;
}

/* remove if want to enable animation on search bar */
/* .edu_pro_eng_global_data_display
    .search_container
    .search_wrapper:hover
    .search_field {
    display: block;
    padding: 0 0.2rem;
} */

/* filtering */
.edu_pro_eng_global_data_display .filter_container {
    display: flex;
    flex-flow: wrap row;
    align-items: center;
    justify-content: space-between;
    margin: 1.5rem auto;

    @media screen and (max-width: 505px) {
        justify-content: center;
    }
}

.edu_pro_eng_global_data_display .filter_container .filter {
    margin: 0.8rem 0;
}

.edu_pro_eng_global_data_display .filter_container .filter select {
    width: 100%;
    height: 2.4rem;
    border: none;
    border: 0.1rem solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.3) !important;
    min-width: 15rem;
    max-width: 15rem;
    border-radius: 0.5rem;
}

.edu_pro_eng_global_data_display
    .filter_container
    .filter
    select
    option[disabled] {
    text-align: center;
}

.edu_pro_eng_global_data_display .data_holder {
    margin-bottom: 2rem;
}

/* display as card */
.edu_pro_eng_global_data_display .data_card {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0.5rem;
    box-shadow: 0 0rem 0.3rem rgba(0, 0, 0, 0.3) !important;
    border: 0.1rem solid rgba(255, 255, 255, 0.3);
    padding: 0.6rem;
    margin: 1rem auto;
}

.edu_pro_eng_global_data_display .data_card .data {
    display: flex;
    padding: 0.4rem;
}

.edu_pro_eng_global_data_display .data_card img {
    width: 100%;
    max-width: 100%;
}

.edu_pro_eng_global_data_display .data_card .data:not(:last-child) {
    border-bottom: 0.1rem solid var(--primary_color);
    margin-bottom: 1rem;
}

.edu_pro_eng_global_data_display .data_card .data div {
    margin: 0;
}

.edu_pro_eng_global_data_display .data_card .data > div:nth-child(1) {
    flex: 1;
    font-weight: 500;
    margin-right: 0.5rem;
}

.edu_pro_eng_global_data_display .data_card .data > div:nth-child(1)::after {
    content: ":";
}

.edu_pro_eng_global_data_display .data_card .data > div:nth-child(2) {
    flex: 6;
}

.edu_pro_eng_global_data_display .data_card .data ul.span_bold > li > span {
    font-weight: bold;
}

.edu_pro_eng_global_data_display .data_card .data ul.active_link > li a,
.edu_pro_eng_global_data_display .data_card .data a.active_link {
    text-decoration-color: #892062;
    text-decoration-thickness: 0.1rem;
    text-underline-offset: 0.4rem;
    color: black;
}

.edu_pro_eng_global_data_display .data_action {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.123);
}

/* 
    validate the below css
*/

/* master section buttons */
/* .edu_pro_eng_global_data_display .data_action .master_data_action_btn_view,
.edu_pro_eng_global_data_display .data_action .master_data_action_btn_update,
.edu_pro_eng_global_data_display .data_action .master_data_action_btn_request,
.edu_pro_eng_global_data_display .data_action .master_data_action_btn_modify,
.edu_pro_eng_global_data_display .data_action .master_data_action_btn_approve,
.edu_pro_eng_global_data_display .data_action .master_data_action_btn_reject,
.edu_pro_eng_global_data_display .data_action .master_data_action_btn_state_active,
.edu_pro_eng_global_data_display .data_action .master_data_action_btn_state_inactive,
.edu_pro_eng_global_data_display .data_action .master_data_action_btn_log,
.edu_pro_eng_global_data_display .data_action .master_data_action_btn_delete,
.edu_pro_eng_global_data_display .data_action .master_data_action_btn_comment, */
/* module section buttons */
/* .edu_pro_eng_global_data_display .data_action .module_section_action_btn_view,
.edu_pro_eng_global_data_display .data_action .module_section_action_btn_update,
.edu_pro_eng_global_data_display .data_action .module_section_action_btn_add,
.edu_pro_eng_global_data_display .data_action .module_section_action_btn_request,
.edu_pro_eng_global_data_display .data_action .module_section_action_btn_modify,
.edu_pro_eng_global_data_display .data_action .module_section_action_btn_approve,
.edu_pro_eng_global_data_display .data_action .module_section_action_btn_reject,
.edu_pro_eng_global_data_display .data_action .module_section_action_btn_state_active,
.edu_pro_eng_global_data_display .data_action .module_section_action_btn_state_inactive,
.edu_pro_eng_global_data_display .data_action .module_section_action_btn_log,
.edu_pro_eng_global_data_display .data_action .module_section_action_btn_delete,
.edu_pro_eng_global_data_display .data_action .module_section_action_btn_comment, */
/* course section buttons */
/* .edu_pro_eng_global_data_display .data_action .course_section_action_btn_view,
.edu_pro_eng_global_data_display .data_action .course_section_action_btn_update,
.edu_pro_eng_global_data_display .data_action .course_section_action_btn_request,
.edu_pro_eng_global_data_display .data_action .course_section_action_btn_modify,
.edu_pro_eng_global_data_display .data_action .course_section_action_btn_approve,
.edu_pro_eng_global_data_display .data_action .course_section_action_btn_reject,
.edu_pro_eng_global_data_display .data_action .course_section_action_btn_state_active,
.edu_pro_eng_global_data_display .data_action .course_section_action_btn_state_inactive,
.edu_pro_eng_global_data_display .data_action .course_section_action_btn_log,
.edu_pro_eng_global_data_display .data_action .course_section_action_btn_delete,
.edu_pro_eng_global_data_display .data_action .course_section_action_btn_comment,
.edu_pro_eng_global_data_display .data_action .course_section_action_btn_public_view,
.edu_pro_eng_global_data_display .data_action .course_section_action_btn_link_active,
.edu_pro_eng_global_data_display .data_action .course_section_action_btn_link_inactive, */
/* admin section buttons */
/* .edu_pro_eng_global_data_display .data_action .admin_section_action_btn_update,
.edu_pro_eng_global_data_display .data_action .admin_section_action_btn_delete, */
/* course proposal section buttons */
/* .edu_pro_eng_global_data_display .data_action .proposal_section_action_btn_view,
.edu_pro_eng_global_data_display .data_action .proposal_section_action_btn_update,
.edu_pro_eng_global_data_display .data_action .proposal_section_action_btn_request,
.edu_pro_eng_global_data_display .data_action .proposal_section_action_btn_modify,
.edu_pro_eng_global_data_display .data_action .proposal_section_action_btn_approve,
.edu_pro_eng_global_data_display .data_action .proposal_section_action_btn_reject,
.edu_pro_eng_global_data_display .data_action .proposal_section_action_btn_state_active,
.edu_pro_eng_global_data_display .data_action .proposal_section_action_btn_state_inactive,
.edu_pro_eng_global_data_display .data_action .proposal_section_action_btn_log,
.edu_pro_eng_global_data_display .data_action .proposal_section_action_btn_delete,
.edu_pro_eng_global_data_display .data_action .proposal_section_action_btn_comment,
.edu_pro_eng_global_data_display .data_action .proposal_section_action_btn_download {
    text-decoration: none;
    color: white;
    width: 3rem;
    display: inline-block;
    font-size: 1.2rem;
    text-align: center;
    padding: 0.2rem 0.1rem;
    background: var(--primary_color);
    border: 0.1rem solid white;
    border-radius: 0.4rem;
    cursor: pointer;
    background: darkblue !important;
} */

/* display as table */
.edu_pro_eng_global_responsive_table_container {
    width: 100%;
    border-collapse: collapse;
    padding-bottom: 2rem;
}

.edu_pro_eng_global_responsive_table_container tbody tr td ul.remove_type {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.edu_pro_eng_global_responsive_table_container
    tbody
    tr
    td
    ul.span_bold
    > li
    > span {
    font-weight: bold;
}

.edu_pro_eng_global_responsive_table_container
    tbody
    tr
    td
    ul.active_link
    > li
    a {
    text-decoration-color: #892062;
    text-decoration-thickness: 0.1rem;
    text-underline-offset: 0.4rem;
    color: white;
}

.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table thead,
.form_container form table thead {
    background: var(--primary_color);
    color: white;
    text-align: center;
}

.edu_pro_eng_global_responsive_table_container
    .edu_pro_eng_global_table
    thead
    tr
    th,
.form_container form thead tr th {
    font-weight: bold;
    color: white;
    padding: 0.6rem;
    border: 0.1rem solid #dee2e685;
}

.edu_pro_eng_global_responsive_table_container
    .edu_pro_eng_global_table
    tbody
    tr
    td,
.form_container form tbody tr td,
form tfoot tr td {
    color: white;
    padding: 0.6rem;
    text-align: left;
    border: 0.1rem solid #dee2e685;
}

.edu_pro_eng_global_responsive_table_container
    .edu_pro_eng_global_table
    tbody
    tr
    td[data-label="Actions"] {
    text-align: end;
    width: 7.6rem;
}

.edu_pro_eng_global_responsive_table_container
    .edu_pro_eng_global_table
    tbody
    tr:nth-child(2n-1),
.form_container form tbody tr:nth-child(2n-1),
form tfoot tr:nth-child(2n-1) {
    background: #5e0a3f8c;
}

.edu_pro_eng_global_responsive_table_container
    .edu_pro_eng_global_table
    tbody
    tr:nth-child(2n),
.form_container form tbody tr:nth-child(2n),
form tfoot tr:nth-child(2n) {
    background: #691149a1;
}

.edu_pro_eng_global_responsive_table_container
    .edu_pro_eng_global_table
    .text_status {
    font-size: 1.2rem;
    font-weight: bold;
    color: black;
    text-align: center;
    display: block;
}

/* master section buttons */
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .master_data_action_btn_view,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .master_data_action_btn_update,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .master_data_action_btn_request,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .master_data_action_btn_modify,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .master_data_action_btn_approve,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .master_data_action_btn_reject,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .master_data_action_btn_state_active,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .master_data_action_btn_state_inactive,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .master_data_action_btn_log,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .master_data_action_btn_delete,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .master_data_action_btn_comment,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .master_data_action_btn_state_sync,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .master_data_action_btn_state_unsync,
/* module section buttons */
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .module_section_action_btn_view,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .module_section_session_action_btn_delete,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .course_duration_module_wise_action_btn_delete,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .module_section_action_btn_update,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .module_section_action_btn_add,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .course_section_action_btn_add,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .module_section_action_btn_request,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .module_section_action_btn_copy,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .module_section_action_btn_modify,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .module_section_action_btn_approve,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .module_section_action_btn_reject,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .module_section_action_btn_state_active,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .module_section_action_btn_state_inactive,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .module_section_action_btn_log,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .module_section_action_btn_restore,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .module_section_action_btn_archive,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .module_section_action_btn_delete,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .module_section_action_btn_comment,
/* course section buttons */
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .course_section_action_btn_view,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .course_duration_module_wise_action_btn_delete,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .course_section_action_btn_update,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .course_section_action_btn_request,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .course_section_action_btn_modify,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .course_section_action_btn_approve,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .course_section_action_btn_reject,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .course_section_action_btn_state_active,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .course_section_action_btn_state_inactive,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .course_section_action_btn_log,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .course_section_action_btn_delete,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .course_section_action_btn_restore,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .course_section_action_btn_archive,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .course_section_action_btn_comment,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .course_section_action_btn_public_view,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .course_section_action_btn_link_active,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .course_section_action_btn_link_inactive,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .course_section_action_btn_copy,
/* admin section buttons */
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .admin_section_action_btn_update,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .admin_section_action_btn_request,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .admin_section_action_btn_modify,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .admin_section_action_btn_approve,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .admin_section_action_btn_reject,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .admin_section_action_btn_state_active,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .admin_section_action_btn_state_inactive,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .admin_section_action_btn_log,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .admin_section_action_btn_delete,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .admin_section_action_btn_comment,
/* course proposal buttons */
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .proposal_section_action_btn_view,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .proposal_section_action_btn_update,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .proposal_section_action_btn_request,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .proposal_section_action_btn_modify,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .proposal_section_action_btn_approve,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .proposal_section_action_btn_reject,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .proposal_section_action_btn_state_active,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .proposal_section_action_btn_state_inactive,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .proposal_section_action_btn_log,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .proposal_section_action_btn_delete,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .proposal_section_action_btn_comment,
.edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table .proposal_section_action_btn_download {
    text-decoration: none;
    color: white;
    width: 3rem;
    display: inline-block;
    font-size: 1.2rem;
    text-align: center;
    padding: 0.2rem 0.1rem;
    background: var(--primary_color);
    border: 0.1rem solid white;
    border-radius: 0.4rem;
    cursor: pointer;
}

/* =============================== Module section modal starts ============================================= */
/*
  This file holds the custom css for the dashboard.php file.
*/

/* notification modal */
.edu_pro_eng_global_data_display .edu_pro_eng_custom_modal {
    display: none;
}

.edu_pro_eng_global_data_display .edu_pro_eng_custom_modal.active {
    position: fixed !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100dvw;
    max-width: 100%;
    height: 100dvh;
    max-height: 100%;
    z-index: 9999999;
    background: rgba(0, 0, 0, 0.432);
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
    animation: show_modal_popup 1s ease;
}

@keyframes show_modal_popup {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0.2;
    }

    40% {
        opacity: 0.4;
    }

    60% {
        opacity: 0.6;
    }

    80% {
        opacity: 0.8;
    }

    100% {
        opacity: 1;
    }
}

.edu_pro_eng_global_data_display .edu_pro_eng_custom_modal .inside_parent {
    position: relative;
    width: 60%;
    height: 60%;
    background: rgb(255, 255, 255);
    overflow: hidden;

    @media (max-width: 768px) {
        width: 80%;
        height: 80%;
    }

    @media (max-width: 600px) {
        width: 97%;
        height: 97%;
    }
}

.edu_pro_eng_global_data_display
    .edu_pro_eng_custom_modal
    .inside_parent
    .fa-xmark {
    position: absolute;
    right: 1rem;
    top: 1rem;
    font-size: 1.4rem;
    cursor: pointer;
    color: var(--primary_color);
    opacity: 0.6;
}

.edu_pro_eng_global_data_display
    .edu_pro_eng_custom_modal
    .inside_parent
    .fa-xmark:hover {
    opacity: 1;
}

.edu_pro_eng_global_data_display .edu_pro_eng_custom_modal .inside_parent > p {
    padding: 0.5rem 0 0 1rem;
    font-size: 1.4rem;
    color: var(--primary_color);
    width: 100%;
    margin: 0 !important;
    font-weight: 500;
}

.edu_pro_eng_global_data_display
    .edu_pro_eng_custom_modal
    .inside_parent
    > span {
    background: var(--primary_color);
    opacity: 0.2;
    display: block !important;
    width: 99%;
    margin: 0.6rem auto;
    height: 0.1rem;
}

.edu_pro_eng_global_data_display
    .edu_pro_eng_custom_modal
    .inside_parent
    > div#child_container {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    margin: 0 !important;
}

/* 
    Hide scrollbar for Chrome, Safari and Opera
*/
.edu_pro_eng_global_data_display
    .edu_pro_eng_custom_modal
    .inside_parent
    > div#child_container::-webkit-scrollbar {
    display: none;
}

/*
    Hide scrollbar for IE, Edge and Firefox
*/
.edu_pro_eng_global_data_display
    .edu_pro_eng_custom_modal
    .inside_parent
    > div#child_container {
    overflow-x: hidden;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.edu_pro_eng_global_data_display
    .edu_pro_eng_custom_modal
    .inside_parent
    > div#child_container
    > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.3rem 1rem;
}

.edu_pro_eng_global_data_display
    .edu_pro_eng_custom_modal
    .inside_parent
    > div#child_container
    > div
    p
    a {
    font-weight: bold;
    color: rgba(0, 0, 0, 0.89);
    text-decoration: none;
}

.edu_pro_eng_global_data_display
    .edu_pro_eng_custom_modal
    .inside_parent
    > div#child_container
    > div
    p
    a:hover {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
    text-decoration-color: var(--primary_color);
    text-decoration-thickness: 0.1rem;
    transition: all 0.7s;
}

.edu_pro_eng_global_data_display
    .edu_pro_eng_custom_modal
    .inside_parent
    > div#child_container
    > div
    p:last-child {
    color: var(--primary_color);
    font-weight: bold;
    font-size: 1.2rem;
}

/* =============================== Module section modal ends ============================================= */

@media screen and (max-width: 768px) {
    .edu_pro_eng_global_responsive_table_container
        .edu_pro_eng_global_table
        tbody
        tr:nth-child(2n-1),
    .form_container form tbody tr:nth-child(2n-1),
    form tfoot tr:nth-child(2n-1) {
        background-color: initial;
    }

    .edu_pro_eng_global_responsive_table_container
        .edu_pro_eng_global_table
        tbody
        tr:nth-child(2n),
    .form_container form tbody tr:nth-child(2n),
    form tfoot tr:nth-child(2n) {
        background-color: initial;
    }

    .edu_pro_eng_global_responsive_table_container
        .edu_pro_eng_global_table
        thead {
        display: none;
    }

    .edu_pro_eng_global_responsive_table_container .edu_pro_eng_global_table {
        border-collapse: separate;
        border-spacing: 0 1rem;
    }

    .edu_pro_eng_global_responsive_table_container
        .edu_pro_eng_global_table
        tbody
        td:first-child,
    .form_container form tbody td:nth-child(2n-1),
    form tfoot tr:nth-child(2n-1) {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .edu_pro_eng_global_responsive_table_container
        .edu_pro_eng_global_table
        tbody
        td:last-child,
    .form_container form tbody td:nth-child(2n-1),
    form tfoot tr:nth-child(2n-1) {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .edu_pro_eng_global_responsive_table_container
        .edu_pro_eng_global_table
        tbody
        tr:nth-child(2n-1)
        td,
    .form_container form tbody td:nth-child(2n-1),
    form tfoot tr:nth-child(2n-1) {
        background: #5e0a3f8c;
    }

    .edu_pro_eng_global_responsive_table_container
        .edu_pro_eng_global_table
        tbody
        tr:nth-child(2n)
        td,
    .form_container form tbody tr:nth-child(2n),
    form tfoot tr:nth-child(2n) {
        background: #691149a1;
    }

    .edu_pro_eng_global_responsive_table_container
        .edu_pro_eng_global_table
        tbody
        tr
        td {
        padding-left: 10px;
        display: grid;
        grid-template-columns: 40% 60%;
        width: 100%;
        border-radius: 0;
    }

    .edu_pro_eng_global_responsive_table_container
        .edu_pro_eng_global_table
        tbody
        tr
        td[data-label="Actions"] {
        text-align: end;
        width: 100%;
        display: flex;
    }

    .edu_pro_eng_global_responsive_table_container
        .edu_pro_eng_global_table
        td::before {
        content: attr(data-label);
        font-weight: bold;
        text-align: left;
        color: black;
        width: 98%;
    }
}

/* =============================== proposal section css starts ============================================= */

.edu_pro_eng_proposal_form .pax_wrapper {
    background-color: #eff1f3;
    border-radius: 12px;
    padding-top: 5px;
    padding-bottom: 30px;
}

/* ===================================== course & proposal image handling ===================================== */
.img_handle_form_section .input_group_img_upload {
    display: flex;
}

.img_handle_form_section .input_group_img_upload input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.img_handle_form_section .input_group_img_upload .fa-cloud-arrow-up {
    text-decoration: none;
    color: white;
    width: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    text-align: center;
    background: var(--primary_color);
    border: none;
    border-radius: 0 0.4rem 0.4rem 0;
    box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.3) !important;
    cursor: pointer;
}

.img_handle_form_section small.img_info_hints {
    animation: blinker 2s linear infinite;
    color: red;
}

@keyframes blinker {
    50% {
        opacity: 0.4;
    }
}

.img_handle_display_section img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.img_handle_display_section .img_wrapper {
    width: 100%;
    height: 15rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* =======log info=== */
.contents {
    display: flex;
}

.log_info-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.log_info-container .log_info {
    flex: 1;
}

.log_info {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    padding: 5px;
    box-shadow: 0 0 5px #892062;
    display: inline-block;
    margin-right: 10px;
    width: 50%;

    @media (max-width: 1250px) {
        width: 50%;
        margin-right: 5px;
        padding: 5px;
    }
}

.arrow-container {
    display: flex;
    align-items: center;
}

.arrow-icon {
    position: absolute;
    left: -18px;
}

.arrow-icon img {
    width: 50%;
    height: 20%;
}

.arrow-icons {
    position: absolute;
    left: 0px;
    color: white;
}

.data {
    border-bottom: 1px solid gray;
    padding: 0;
    margin: 0;
}

.data:last-child {
    border-bottom: none;
}

.value {
    display: flex;
    padding: 5px;
    margin: 0px 0px 0px 10px;
    font-size: 1.1rem;
    width: 100%;
}

.key {
    font-weight: 700;
    width: 30%;
    padding: 0px 2px 0px 0px;
}

.value-text {
    width: 70%;
}

.mismatch {
    background-color: #f3e0eb;
}

.mismatch:first-child {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.mismatch:last-child {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

@media (max-width: 1290px) {
    .key {
        width: 45%;
    }

    .value-text {
        width: 55%;
    }
}

@media (max-width: 999px) {
    .value {
        font-size: 0.9rem;
    }

    .key {
        width: 40%;
    }

    .value-text {
        width: 60%;
    }
}

/* ===================================== footer.php ===================================== */