/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/*a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}*/

/* Provide sufficient contrast against white background */
/*a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}*/

/* Sticky footer styles
-------------------------------------------------- */
/*html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}*/

/* Sticky footer styles
-------------------------------------------------- */
/*html {
  position: relative;
  min-height: 100%;
}

body {*/
/* Margin bottom by footer height */
/*margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;*/ /* Vertically center the text there */
/*}*/

/*-------------------------------------------------------------------------------*/

@font-face {
    font-family: 'ubuntu';
    src: url('fonts/Ubuntu-Regular.ttf')
}

@font-face {
    font-family: 'ubuntu_medium';
    src: url('fonts/Ubuntu-Medium.ttf');
}

.hidden {
    display: none !important;
}

/*#region Common*/
.margin_0 {
    margin: 0 !important;
}

.mt_0px {
    margin-top: 0px !important;
}

.float_right {
    float: right !important;
}

.text_deco_line_through {
    text-decoration: line-through;
}

/*#region Width*/
.w_75px {
    width: 75px !important;
}

.w_100px {
    width: 100px;
}

.w_full {
    width: 100%;
}
/*#endregion*/
/*#endregion*/

.txt_ps_search_term {
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    line-height: 16px;
    font-size: 15px;
    color: #001f2599;
    width: 100%;
    outline: none;
    padding: 16px 16px 16px 40px;
    border-radius: 4px;
}

.btn_book_now {
    border: 1px solid #f5f5f5;
    color: #001F25;
    background: #f5f5f5;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    font-family: 'ubuntu_medium';
    display: inline-block;
    padding: 12px 16px;
    line-height: 16px;
    cursor: pointer;
    -webkit-font-smoothing: antialiased !important;
    width: 120px;
}

/*#region Action dropdown*/
.action_dropdown_wrapper {
    display: inline-block;
}

.book_now_action_dropdown_wrapper {
    display: inline-block;
    float: right;
    margin: 10px;
}

    .book_now_action_dropdown_wrapper .dropdown-menu {
        min-width: 250px;
        padding: 4px 4px;
    }

.dropdown_action_list_wrapper {
    font-size: 0;
}

.btn_action_list {
    color: #d9dedf;
    font-size: 20px;
    margin-left: 24px;
    margin-top: 11px;
    cursor: pointer;
    width: 20px;
}

.action_list_wrapper {
    font-size: 0;
    padding: 16px 16px;
    border-bottom: 1px solid #E8E8E8;
    cursor: pointer;
}

    .action_list_wrapper:last-child {
        border-bottom: 0;
    }

.ic_action_list {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

.action_list_title {
    font-size: 15px;
    line-height: 20px;
    font-family: 'ubuntu_medium';
    color: #001F25;
    display: inline-block;
    -webkit-font-smoothing: antialiased !important;
}
/*#endregion*/

/*#region Select2 */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 16px 0 16px;
    line-height: 48px;
}
/*#endregion*/

/*#region Toastr*/
.toast {
    max-width: 100%;
    width: 100% !important;
    opacity: 1 !important;
}

.toast-top-center {
    max-width: calc(100% - 600px);
    right: 300px;
}

.toast-message {
    color: #FFFFFF !important;
}
/*#endregion*/

/*#region Search bar*/
.search_box_wrapper {
    float: left;
    width: calc(100% - 100px);
}

.dashboard_find_course_filter_body {
    display: inline-block;
    width: calc(30% - 8px);
    margin-right: 8px;
}

    .dashboard_find_course_filter_body.active .dashboard_find_course_filter_body {
        width: 100%;
    }

.find_course_filter_country_wrapper {
    position: relative;
    display: inline-block;
    margin-right: 8px;
    font-size: 15px;
    color: #001F25;
    width: calc(30% - 8px);
}

    .find_course_filter_country_wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 0 16px 0 36px;
        line-height: 48px;
    }

.find_course_filter_training_centre_wrapper {
    position: relative;
    display: inline-block;
    margin-right: 8px;
    font-size: 15px;
    color: #001F25;
    width: calc(40% - 8px);
}

    .find_course_filter_training_centre_wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 0 16px 0 36px;
        line-height: 48px;
    }

.find_course_filter_language_wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 16px 0 36px;
    line-height: 48px;
}

.shortcut_wrapper {
    display: inline-block;
    width: 100%
}
/*#endregion*/

/*#region Layout*/
/*.box_white_bar {
    top: 0;
    width: 26px;
    height: 100%;
    position: fixed;
    background: #fff;
    box-shadow: 0px 6px 24px #0000000b;
    transition: all .5s;
}*/


/*Cannot move left box and right box css to here due to UI issue*/
/*#region Left box*/
/*.left_box {
    position: fixed;
    left: 0;
    top: 0;
    width: 300px;
    height: 100vh;
    background: #fff;
    box-shadow: 0px 6px 24px #0000000B;
    padding: 32px 40px 0px;
    overflow-y: auto;
    transition: all .5s;
    z-index: 2;
}

    .left_box.active {
        left: 0px;
    }

.left_navigation_content {
    right: 0px;
    width: max-content;
}*/
/*#endregion*/

/*#region Right box*/
/*.right_box {
    position: fixed;
    right: 0px;
    top: 0;
    width: 300px;
    height: 100vh;
    background: #fff;
    padding: 32px 32px 0px;
    overflow-y: auto;
    transition: all .5s;
    z-index: 2;
    box-shadow: none;
}

    .right_box.active {
        right: -300px;
        box-shadow: 0px 6px 24px #0000000B;
    }*/
/*#endregion*/

/*#region Middle box*/
/*.middle_box {
    margin: 0 0 0 300px;
    width: calc(100% - 600px);
    display: block;
    padding: 40px 34px 100px 34px;
    transition: all .5s;
}

    .middle_box.has_right_box {
        width: calc(100% - 300px);
        padding: 40px 60px 100px 34px;
    }*/
/*#endregion*/

/*#region Country dropdown*/
/*.dropdown_wrapper {
    position: relative;
}

.dropdown_country_wrapper {
    cursor: pointer;
    background: #eeeeee;
    border-radius: 5px;
    display: inline-block;
    padding: 8px 16px;
    float: right;
    line-height: 16px;
}

    .dropdown_country_wrapper::after {
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 3px solid #001F25;
        margin: 7px 0 0 24px;
        vertical-align: top;
    }

.dropdown_country {
    color: #001F25;
    font-size: 14px;
    font-family: 'ubuntu_medium';
    display: inline-block;
    -webkit-font-smoothing: antialiased !important;
}

.dropdown_country_title_wrapper {
    margin-bottom: 12px;
}

.ic_dropdown_country {
    display: inline-block;
    margin-right: 8px;
    width: 16px;
    height: 16px;
}

.dropdown-menu {
    background: #FFFFFF;
    box-shadow: 0px 6px 24px #00000029;
    border-radius: 8px;
    border: 0 !important;
    margin: 0 !important;
    padding: 24px 24px;
}

.dropdown_country_menu_title {
    font-size: 15px;
    color: #001F25;
    font-family: 'ubuntu_medium';
    display: inline-block;
    line-height: 16px;
    -webkit-font-smoothing: antialiased !important;
}

.dropdown_country_divider {
    border: 1px solid #707070;
    opacity: 0.1;
    width: 100%;
    margin-bottom: 18px;
}

.dropdown_country_scroll_wrapper {
    overflow-y: auto;
    max-height: 150px;
}

.dropdown_country_scroll_body {
    min-height: auto !important;
    font-size: 0;
    margin-bottom: 12px;
    padding-left: 32px;
}

.dropdown_country_checkbox {
    width: 20px;
    height: 20px;
}*/
/*#endregion*/

/*#endregion*/

/*#region Pagination*/
.page-item.active .page-link {
    z-index: 0;
    color: #001f25 !important;
    border-color: #ECF0F5;
    background-color: transparent;
}
/*#endregion*/

/*#region Course Details*/
.collapse_dashboard_table_menu {
    background: #fafafa;
    margin: 12px 0px -12px;
    padding: 0 32px;
}

.find_available_dates_title {
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    vertical-align: top;
    font-family: 'ubuntu_medium';
    color: #001F25;
    -webkit-font-smoothing: antialiased !important;
    width: 75%;
}

/*#endregion*/

/*#region Digital Library*/

.digital_library_course_pagination_wrapper {
    width: 100%;
}

.about_the_course_title_btn_wrapper {
    display: inline-block;
    width: 100%;
}
/*#endregion*/

/*#region Account Settings*/
.tnc_item_text_section {
    width: 70%;
    display: inline-block;
}

.tnc_item_button_section {
    width: 130px;
    float: right;
    display: inline-block;
    margin: 4px 0px;
}

/*#endregion*/

/*#region Buttons*/


/*#endregion*/

/*#region Images*/


/*#endregion*/

/*#region Dropdown*/


/*#endregion*/

/*#region Checkbox*/


/*#endregion*/

/*#region from Main*/

/*.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}*/

.modal_table_wrapper .dataTables_filter label {
    display: block;
}

    .modal_table_wrapper .dataTables_filter label input[type="search"] {
        background: #FFFFFF;
        border: 1px solid #E8E8E8;
        line-height: 16px;
        font-size: 15px;
        color: #001f2599;
        outline: none;
        padding: 16px 16px;
        border-radius: 5px;
        display: block;
        margin: 24px 0 0;
        width: 100%;
    }

.modal_table_wrapper .modal-dialog {
    width: 80%;
}

.modal_table_wrapper .modal-footer {
    justify-content: normal;
    display: block;
    padding: 12px 36px;
}

.modal_table_wrapper th {
    font-size: 15px;
    font-family: 'ubuntu_medium';
    line-height: 20px;
    padding: 12px 8px;
    color: #001f2599;
    border-bottom: 1px solid #E8E8E8;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased !important;
}

.modal_table_wrapper td {
    font-size: 15px;
    font-family: 'ubuntu_medium';
    line-height: 20px;
    padding: 12px 8px;
    color: #001f25;
    border-bottom: 1px solid #E8E8E8;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased !important;
}

    .modal_table_wrapper td input[type='checkbox'] {
        width: 14px;
        height: 20px;
    }

.btn_course_detail_download_pdf {
    display: inline-block;
    font-size: 16px;
    background: #F5F5F5;
    border: 1px solid #F5F5F5;
    font-family: 'ubuntu_medium';
    -webkit-font-smoothing: antialiased !important;
}

.dataTables_paginate span .ellipsis {
    margin-right: 8px;
    display: inline-block;
    vertical-align: top;
    line-height: 42px;
}

tr.selected, .onlineCourse.selected {
    background-color: #f5f5f5;
}

.dataTables_filter {
    display: none;
}

.text-left {
    text-align: left;
}

.course_detail_page_card_title_wrapper {
    font-size: 0;
}

    .course_detail_page_card_title_wrapper .card_title_body {
        width: calc(100% - 350px);
    }

@media (max-width: 1400px) {

    .left_box {
        left: -300px;
        box-shadow: none;
    }

        .left_box.active {
            box-shadow: 0px 6px 24px #0000000B;
        }

    .middle_box {
        width: 100%;
        margin-left: 0px;
    }

        .middle_box.has_right_box {
            width: 100%;
            padding: 40px 34px 100px 34px;
        }

    .fixed_top_info {
        width: 100%;
        left: 0;
    }

        .fixed_top_info.has_right_box {
            width: 100%;
        }

    .box_white_bar_right {
        right: 0;
    }

        .box_white_bar_right.active {
            right: 274px;
        }

    .right_box {
        right: -300px;
    }

        .right_box.active {
            right: 0px;
        }

    .box_arrow_wrapper_right {
        right: 13px;
    }

        .box_arrow_wrapper_right.active {
            right: 287px;
        }

    .register_box {
        width: 100%;
        margin-left: 0px;
    }
}

@media (max-width: 1199px) {

    .modal_table_wrapper .modal-dialog {
        width: calc(100% - 16px);
    }
}

@media (max-width: 991px) {

    .find_course_notification_body {
        padding: 16px;
    }

    .collapse_dashboard_table_menu {
        background: #fafafa;
        margin: 12px -16px -12px;
        padding: 0 16px;
    }

    .signin_page_container {
        top: auto;
        transform: none;
        position: relative;
    }

        .signin_page_container .col-md-6 {
            max-width: 100%;
            flex: 0 0 100%;
        }

    .signin_page_body {
        margin: auto;
        padding: 30px 30px;
    }

    .modal_table_wrapper .modal-body {
        padding: 16px 16px;
    }

    .modal_table_wrapper .modal-footer {
        padding: 12px 12px;
    }
}

@media (max-width: 767px) {

    .signin_page_body {
        padding: 20px 20px;
    }

    .signin_page_title {
        font-size: 28px;
        line-height: 30px;
    }

    .signin_page_content {
        line-height: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 575px) {

    .btn_advanced_search {
        float: none;
        margin-top: 8px;
    }

    .course_table_body .table_fixed_col.col-sm-11 {
        max-width: 91.66667%;
        flex: 0 0 91.66667%;
    }

    .course_table_body .table_fixed_col.col-sm-10 {
        max-width: 83.33333%;
        flex: 0 0 83.33333%;
    }

    .course_table_body .table_fixed_col.col-sm-9 {
        max-width: 75%;
        flex: 0 0 75%;
    }

    .course_table_body .table_fixed_col.col-sm-8 {
        max-width: 66.66667%;
        flex: 0 0 66.66667%;
    }

    .course_table_body .table_fixed_col.col-sm-7 {
        max-width: 58.33333%;
        flex: 0 0 58.33333%;
    }

    .course_table_body .table_fixed_col.col-sm-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .course_table_body .table_fixed_col.col-sm-5 {
        max-width: 41.66667%;
        flex: 0 0 41.66667%;
    }

    .course_table_body .table_fixed_col.col-sm-4 {
        max-width: 33.33333%;
        flex: 0 0 33.33333%;
    }

    .course_table_body .table_fixed_col.col-sm-3 {
        max-width: 25%;
        flex: 0 0 25%;
    }

    .course_table_body .table_fixed_col.col-sm-2 {
        max-width: 16.66667%;
        flex: 0 0 16.66667%;
    }

    .course_table_body .table_fixed_col.col-sm-1 {
        max-width: 8.33333%;
        flex: 0 0 8.33333%;
    }

    .page_limit_dropdown_wrapper {
        position: relative;
        margin-top: 8px;
        text-align: right;
    }
}

.h:hover {
    background-color: #ddd;
}

table.dataTable thead th {
    background: transparent !important;
    white-space: nowrap;
}

table.dataTable thead span.sort-icon {
    display: inline-block;
    margin-left: 5px;
    width: 16px;
    height: 16px;
    color: black;
}

table.dataTable thead .sorting span {
    background: url('../../../images/dataTable/sort_both.png') no-repeat center right;
}

table.dataTable thead .sorting_asc span {
    background: url('../../../images/dataTable/sort_asc.png') no-repeat center right !important;
}

table.dataTable thead .sorting_desc span {
    background: url('../../../images/dataTable/sort_desc.png') no-repeat center right !important;
}

table.dataTable thead .sorting_asc_disabled span {
    background: url('../../../images/dataTable/sort_asc_disabled.png') no-repeat center right;
}

table.dataTable thead .sorting_desc_disabled span {
    background: url('../../../images/dataTable/sort_desc_disabled.png') no-repeat center right;
}

table.dataTable thead .sorting::before,
table.dataTable thead .sorting_asc::before,
table.dataTable thead .sorting_desc::before,
table.dataTable thead .sorting_asc_disabled::before,
table.dataTable thead .sorting_desc_disabled::before {
    content: "";
}

table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc_disabled::after {
    content: "";
}

.img_right_pane_logo {
    max-height: 200px;
    max-width: 200px;
}

/**/
/*#endregion*/

/*#region from Main2*/
.box_white_bar {
    top: 0;
    width: 26px;
    height: 100%;
    position: fixed;
    background: #fff;
    box-shadow: 0px 6px 24px #0000000b;
    transition: all .5s;
    z-index: 2;
}

.box_white_bar_left {
    left: 0;
}

    /*.box_white_bar_right {
    right: 274px;
}*/

    .box_white_bar_left.active {
        left: 274px;
    }

.box_white_bar_right.active {
    right: 0;
}

.find_course_notification_body {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 48px 48px;
}

.btn_advanced_search {
    position: relative;
    font-size: 15px;
    font-family: 'ubuntu_medium';
    line-height: 16px;
    color: #001F25;
    padding: 16px 24px;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    display: inline-block;
    float: right;
    cursor: pointer;
    -webkit-font-smoothing: antialiased !important;
}

.box_white_bar_right {
    right: 0;
}

.find_course_notification_title {
    font-size: 24px;
    font-family: 'ubuntu_medium';
    line-height: 26px;
    color: #001F25;
    display: inline-block;
    -webkit-font-smoothing: antialiased !important;
}

.ic_advanced_search {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

/*#endregion*/

/*#region Basket*/

.basket_student_wrapper.div_basket_course {
    margin-bottom: 5px;
    border-bottom: 1px solid #ddd;
}

.btn_wrapper_basket {
    height: 50px;
}

.basket_course_wrapper {
    width: 100%;
    margin-top: 26px;
}

/*#endregion*/

.right_navigation_basket_input_textbox {
    display: inline-flex;
    width: 100%;
}

.txt_promocode {
    width: 65%;
    font-size: 12px;
}

.btn_use_promocode {
    margin-left: 4px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #FBAE3D;
    border-color: #FBAE3D;
}

/*#region ID-149*/
.course_option_title_th {
    font-size: 15px;
    font-family: 'ubuntu_medium';
    color: #001f25a8;
    line-height: 20px;
    padding: 11px 0;
    -webkit-font-smoothing: antialiased !important;
}

th,
td {
    padding: 10px;
}

    th,
    td.course_instances_dropdown {
        padding-top: 0px;
    }

table {
    width: 100%;
    border-collapse: collapse;
}
/*#endregion */

/*#region ID151 basket */
.basket_student_details {
    padding: 12px;
}

.basket_title {
    line-height: 20px;
    font-size: 15px;
    font-family: 'ubuntu_medium';
    color: #001f2599;
    -webkit-font-smoothing: antialiased !important;
    padding: 16px 0;
    margin-top: 26px;
}

.basket_student_details_wrapper {
    background: #F8F8F8;
    border-radius: 5px;
    padding: 0 24px;
    margin-bottom: 24px;
    margin-top: 15px;
    width: 100%;
}

.student_details_title {
    line-height: 20px;
    font-size: 15px;
    font-family: 'ubuntu_medium';
    color: #001f2599;
    -webkit-font-smoothing: antialiased !important;
    padding: 16px;
}

.basket_student_content_main {
    font-size: 15px;
    color: #001F25;
    font-family: 'ubuntu_medium';
    margin-bottom: 5px;
    -webkit-font-smoothing: antialiased !important;
    margin-left: 10px;
}

/*#endregion */

.border_bottom {
    border-bottom: 1px solid #ddd;
}

.booking_list_pagination_width {
    width: calc(100% - 150px);
}

div.pagination {
    width: calc(100% - 150px);
}

.course_table_wrapper {
    min-width: 860px;
}

.btn_view_course_detail {
    border: 1px solid #f5f5f5;
    color: #001F25;
    background: #f5f5f5;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    font-family: 'ubuntu_medium';
    display: inline-block;
    padding: 12px 16px;
    line-height: 16px;
    cursor: pointer;
    -webkit-font-smoothing: antialiased !important;
    width: 120px;
}

.available_date_title {
    color: #FBAE3D;
}



@media (min-width: 1995px) {
    .btn_view_course_detail {
        margin-top: unset !important;
    }
}

@media (max-width: 1199px) {

    /*#region Layout*/
    .left_box {
        height: 100%;
    }

        .left_box.active {
            height: 100%;
        }
    /*#endregion*/

    /*#region Basket*/

    /*.basket_course_wrapper {
        width: 900px;
    }*/
    /*#endregion*/
}

@media (max-width: 991px) {

    /*#region Layout*/
    .left_box {
        height: 100%;
    }

        .left_box.active {
            height: 100%;
        }
    /*#endregion*/

    .dashboard_find_course_filter_body {
        width: 100%;
        margin-bottom: 8px;
    }

    .find_course_filter_country_wrapper {
        width: calc(40% - 8px);
        margin-right: 8px;
    }
    /*#region Basket*/

    /*.basket_wrapper {
        min-width: 900px;
    }*/

    /*#endregion*/
}

@media (max-width: 1600px) {

    /*.digital_library_course_pagination_wrapper {
        width: 1114px;
    }*/

    /*employee list region*/
    .employee_list_pagination_wrapper {
        width: 1000px;
        margin-left: 7px;
    }

    .right_box {
        padding: 27px;
    }

    /*#region Booking*/

    .booking_list_pagination_wrapper {
        width: 1000px;
        margin-left: 7px;
    }

    /*#endregion*/
}

@media (max-width: 1200px) {

    .search_box_wrapper {
        width: calc(100% - 108px);
    }
    /*employee list*/
    .employee_list_pagination_wrapper {
        width: 900px;
    }

    .right_box {
        padding: 27px;
    }

    .booking_list_pagination_wrapper {
        width: 1020px;
    }

    /*#region ID151 basket */

    .basket_overflow_wrapper {
        overflow-x: auto;
        width: 100%;
        margin-top: 26px;
    }
    /*#endregion*/
}

@media (max-width: 991px) {

    /*#region Layout*/
    .left_box {
        height: 100%;
    }

        .left_box.active {
            height: 100%;
        }
    /*#endregion*/

    .dashboard_find_course_filter_body {
        width: 100%;
        margin-bottom: 8px;
    }

    .find_course_filter_country_wrapper {
        width: calc(40% - 8px);
        margin-right: 8px;
    }

    .find_course_filter_training_centre_wrapper {
        width: 60%;
        margin-right: 0px;
    }

    .search_box_wrapper {
        width: calc(100% - 108px);
    }

    /*employee list*/
    .employee_list_pagination_wrapper {
        width: 1000px;
    }

    .right_box {
        padding: 27px;
    }

    .booking_list_pagination_wrapper {
        width: 1030px;
    }

    .employee_find_course_filter_body_booking {
        width: 50%;
        margin: 0 0px 8px;
        padding: 0 4px 0;
    }
}

/*@media only screen and (max-width: 600px){
    .bg-image {
        background-color: #fff;
        background-image: none;
    }
}*/

@media (max-width: 767px) {
}

@media (max-width: 575px) {

    /*#region Search bar*/
    .find_course_filter_country_wrapper {
        width: 100%;
        margin-bottom: 8px;
    }

    .find_course_filter_training_centre_wrapper {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 8px;
    }

    .btn_ps_search_course {
        width: 100% !important;
    }
    /*#endregion*/

    /*#region Course Details module*/
    .course_detail_page_card_title_wrapper .card_title_body {
        width: auto;
    }
    /*#endregion*/

    /*#region Course module*/


    .search_box_wrapper {
        width: 100%;
    }

    /*#endregion*/
}

@media (max-width: 480px) {

    /*#region Layout*/
    /*#region left pane*/
    .left_box {
        transition: all .5s;
        padding: 39px 26px 0px;
    }

        .left_box.active {
            width: 77%;
            transition: all .6s;
        }

    .box_arrow_wrapper_left {
        transition: all 0.5s;
    }

        .box_arrow_wrapper_left.active {
            left: 73%;
            transition: all 0.6s;
        }

    .box_white_bar_left.active {
        left: 70%;
        transition: all 0.7s
    }

    /*#endregion*/

    .box_white_bar {
        width: 7%;
    }

    /*#region right pane*/
    .right_box {
        width: 77%;
    }

    .box_arrow_wrapper_right.active {
        right: 74%;
    }

    /*.box_white_bar_right.active {
        right: 70%;
    }*/
    /*#endregion*/
    /*#endregion*/

    /*#region Account Settings*/
    .tnc_item_text_section {
        width: 100%;
    }

    .tnc_item_button_section {
        width: 100%;
    }

    .tnc_item .tnc_item_read_more {
        width: 100%;
    }

    /*#endregion*/

    .card_title {
        white-space: nowrap;
    }

    .col-lg-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    /*#region Basket*/

    .btn_empty_basket {
        width: 100%;
    }

    .btn_go_to_booking {
        width: 100%;
        margin-right: 0 !important;
    }

    /*#endregion*/

    .btn_fixed.btn_add_more_course {
        width: 100% !important;
        margin-right: unset !important;
    }
    /*#region employee*/
    .div_employee_search_field_ddl {
        width: 100%;
    }

    .div_employee_search_field_text {
        width: 100%;
    }

    .select2.select2-container {
        margin-top: 8px;
    }

    .collapse_advanced_search_menu {
        margin-left: 0px;
        margin-right: 0px;
    }

    .btn_advanced_search {
        margin-bottom: 2px;
    }

    .employee_find_course_filter_body_2 {
        margin-top: 8px;
    }
    /*#endregion */

    /*#region booking*/
    .booking_list_pagination_wrapper {
        width: 100%;
    }

    pull-right {
        float: none;
    }

    .employee_find_course_filter_body_booking {
        width: 100%;
        margin: 0 0px 8px;
        padding: 0 4px 0;
    }

    .advanced_search_box_width {
        width: 50%;
        margin: 0 0px 8px;
        padding: 0 4px 0;
    }

    .btn_employee_search_course {
        width: 100%;
    }

    td.name_width_min_240.course_name_content_width {
        min-width: unset !important;
    }
    /*#endregion */

    /*#region ID 145:Digital library*/

    th.btn_booknow {
        display: table-cell;
    }

    td::before {
        /*content: attr(data-cell) ": ";*/
        font-weight: 700;
        text-transform: capitalize;
        display: block;
        margin-bottom: 5px; /* Adjust as needed for spacing between cells */
    }

    td:nth-of-type(6)::before {
        display: none;
    }

    .table_wrapper td {
        border-bottom: none;
    }

    .course_table_wrapper {
        min-width: 0px;
    }

    .digital_library_course_pagination_wrapper {
        width: 100%;
    }

    .digital_library_course_pagination .pagination {
        display: inline-block;
        padding-left: 18px;
    }

    div.pagination {
        padding: 17px 0;
        width: 100%;
    }

    .page_limit_dropdown_wrapper {
        text-align: center;
        float: none;
        display: block;
    }

    /*#endregion */

    /*#region ID-149*/
    /*.course_table_wrapper.dashboard_course_table_wrapper {
        min-width: unset;
    }*/

    th.has_button {
        display: table-cell;
    }

    .btn_book_selected_courses {
        width: 100% !important;
    }

    .collapse_dashboard_table_menu td {
        border-bottom: 0px;
    }

        .collapse_dashboard_table_menu td:first-child {
            padding-left: 0px;
        }

    .course_table_checkbox_wrapper {
        display: table-row;
    }
    /*#endregion */

    .shortcut_wrapper {
        margin-top: 20px;
    }

    .card {
        margin-top: 15px;
    }

    .employee_list_pagination_wrapper {
        width: 100%;
        margin-left: unset;
    }

    .basket_wrapper {
        max-width: 375px;
    }

    .card-body {
        background: #F8F8F8;
        border-radius: 8px;
        padding: 16px 22px;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .right_navigation_basket_btn_wrapper {
        width: 100%;
        position: relative;
        transform: translateX(-50%);
        left: 50%;
        bottom: auto;
    }

    /*#region ID151 basket */

    td::before {
        /*content: attr(data-cell) ": ";*/
        font-weight: 700;
        text-transform: capitalize;
        display: block;
        margin-bottom: 5px; /* Adjust as needed for spacing between cells */
    }

    td:nth-of-type(6)::before {
        display: none;
    }

    .basket_student_details_wrapper {
        display: none;
    }

    .basket_course_title {
        margin: 0;
        line-height: 20px;
        padding: 10px 0;
    }

    /*#endregion */

    .border_bottom {
        border-bottom: 1px solid #ddd;
    }

    .collapse_dashboard_table_menu {
        margin: 10px 0px;
    }

    .course_instances_col {
        margin: 0px 10%;
    }

        .course_instances_col .btn_book_now,
        .course_instances_col .btn_view_course_detail{
            width: 100%;
        }

    .course_instances_col_data {
        width: 48%;
        display: inline-block;
    }

    .employee_record_col {
        margin: 0px 10%;
    }

    .table_wrapper tr:first-child {
        border-top: 1px solid #ddd;
    }

    .booking_list_pagination_wrapper {
        margin-left: 0px;
    }

    .model-dialog-functional {
        width: 100%;
        margin: 0px;
    }

    .find_course_notification_body {
        padding: 28px;
    }

    .margin_top_5 {
        margin-top: 5px;
    }

    .course_option_title {
        padding: 0px;
    }

    .course_col {
        margin: 0px 10%;
    }

        .course_col .btn_book_now,
        .course_col .btn_view_course_detail {
            width: 100%;
        }

    .course_table_body .course_col {
        margin: 0px;
    }

    /*ID-145 Datepicker*/
    tr.hide_header th {
        display: none;
    }

    tr.display_block td {
        display: block;
    }

    /*#region ID305*/

    .right_notification_wrapper_login {
        margin-right: 0px;
    }

    .right_notification_wrapper_basket {
        margin-right: 20px;
    }

    .table_content_black {
        word-wrap: break-word;
    }

    .library_table_row .course_instances_col {
        margin: 0px;
    }
    /*#endregion*/
}