/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */





.ebbp_csv_enrollment_resp_msg, .ebbp_bulk_deleted_users_resp_msg{
    display: none;
}


.ebbp_action_msg{
    color: red;
}

#eb-lading-parent{
    z-index: 5000;
}

.ebbp_csv_enroll_error_msg, .ebbp_bulk_deleted_users_parent{
    border: 1px solid #FFCC00;
    border-left: 5px solid #FFCC00;
    padding: 5px 5px 5px 10px;
    background: #fffefa;
    /*margin: 15px; */
}



/********  FOR TESTING **********/

#add-quantity-popup{
    overflow-y: scroll;
    /*overflow-y: hidden;*/
    min-width: 400px;
    /*padding: 20px 30px;*/
    padding: 10px 30px 20px 30px;
}

.ebbp_csv_enroll_error_msg span, .ebbp_bulk_deleted_users_parent span{
    color: #337ab7;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}


#ebbp_csv_processed_users_count, #ebbp_csv_total_users_count{
    font-weight: 600;
    font-size: 18px;
}


.ebbp_csv_users_progress{
    padding: 20px;
    width: 300px;
    background: #fcfcfc;
    height: 125px;
    text-align: center;
    display: inline-block;
    position: fixed;
    z-index: 999;
    /* height: 2em; */
    /* width: 2em; */
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: green;
    border-radius: 10px;
}

#ebbp_csv_users_progress_percent{
    padding-top: 10px;
    font-weight: 600;
    font-size: 25px;
    color: #337ab7;
}




@media only screen and (max-width: 600px) {

    #bp-new-product, #add-quantity{
        width: 500px;
    }

    #add-quantity-popup{
        overflow-x: scroll;
        min-width: unset;
    }

}


/******** END FOR TESTING **********/




/*--------------------------------
 * Course Progress CSS
 *
 *-------------------------------*/


.ebbp_custom_field_tbl{
    /*padding: 30px;*/
    /*padding: 10%;*/
    /*margin: 10%px auto;
    width: 80%;*/

    width: 80%;
    margin: auto;
    color: #1e1d1d;
    /*border-bottom: 1px solid #9c9c9c;*/
    border: 1px solid #efefef;
}


.ebbp_course_progress{
    cursor: pointer;
}


#ebbp_custom_field_dialog_wrap .ebbp_custom_field_tbl .ebbp_custom_field_tbl_thead tr th{
    /*color: #333333;
    font-size: 16px;
    font-weight: 600;
    background-color: #dadada;
    background: #dadada;
    padding: 15px 20px 15px 15px;*/

    color: #333333;
    font-size: 16px;
    font-weight: 600;
    background-color: #f6f6f6;
    /* background: #dadada; */
    padding: 15px 20px 15px 15px;
    text-align: center;
    border: none;

}

#ebbp_custom_field_dialog_wrap .ebbp_custom_field_tbl .ebbp_custom_field_tbl_thead tr th:first-of-type{
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

#ebbp_custom_field_dialog_wrap .ebbp_custom_field_tbl .ebbp_custom_field_tbl_thead tr th:last-of-type{
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}


.ebbp_custom_field_dialog {
    overflow: hidden;
    padding: 0px !important;
    position: fixed;
    z-index: 4001;
    -webkit-box-shadow: 0 0 20px 5px rgba(0,0,0,.8);
    box-shadow: 0 0 20px 5px rgba(0,0,0,.8);
    border: 2px solid #001963 !important;
}

/**
* Jquery Dialog box style override start
*/

.ebbp_custom_field_dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 2% 10% 2% 10%!important;
    background: none;
    overflow: auto;
}

.ebbp_custom_field_dialog .ui-dialog-titlebar {
    background: #04549e;
    z-index: 9999;
    color: black;
}

.ebbp_custom_field_dialog .ui-widget-header {
    border: 0;
    border-bottom: 1px solid #04549e;
}

.ebbp_custom_field_dialog .ui-dialog-buttonpane{
    border-radius:  0px 0px 0px 0px;
    margin-top: 0px;
}

.ebbp_custom_field_dialog .ui-dialog-buttonpane {
    border-top: 1px solid #ddd;
    margin-top: 0px;
}

.ebbp_custom_field_dialog >.ui-button {
    padding: 0.5em 1em;
}



.ebbp_custom_field_tbl_body tr td{
    padding: 15px 20px 15px 20px;
    font-size: 16px;
    text-align: center;
    border-right: none;
    /*border-bottom: 1px solid #dfdfdf;*/
}

.ebbp_custom_field_tbl_body tr:last-child td{
    border: none;
}


/****************  COURSE PROGRESS END  *****************/


#btn_add_new , #btn_enroll,#wdm_user_csv_upload{
    margin: 1% !important;
    width: 48%;
}

/* .wdm_button{
    list-style-type:none !important;
    border: 2px solid #000;
    border-radius: 2%;
    padding: 2%;
}*/



.eb_csv_enroll_tbl{
    height: 300px;
    /* border: 1px solid #dfdfdf; */
    /*padding: 0px 25px 20px 25px;*/
    border-radius: 5px;
    /* box-shadow: 0px 0px 4px 1px #dfdfdf; */
    margin: 15px;
    /*border: 1.5px solid #f3f3f3;*/
}

.ebbp_csv_form_tbl_content{
    height: 290px;
    overflow-y: scroll;
}

.eb_csv_tbl_header{
    display: flex;
    background: #f3f3f3;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
}


.eb_csv_tbl_column{
    width: 33%;
}


#enroll-user-form-csv .wdm_new_user {
    display: flex;
    border: none;
    margin-bottom: 10px;
    border: none;
    padding: 15px 10px 0px 10px;

    /* box-shadow: 0px 0px 10px #c9c9c9;
    background: #f0f0f0;
    padding-top: 2%;
    padding-bottom: 2%;
    margin-bottom: 10px;
    border: 1px solid #bababa;
    box-shadow: 0px 0px 10px #c9c9c9;*/
}

.wdm_new_user, .wdm_button {
    list-style-type: none !important;
    border: 1px solid #ddd;
    /*padding: 0% 0% 2% 2%;*/
}
.wdm_new_user label{
    padding-left: 10px;
    color: #333;
    width: 200px;
}
.wdm_new_user input[type="text"],.wdm_new_user input[type="email"]{
    height: 40px;
    font-size: 16px !important;
    width: 90%;
    padding: 10px;
    box-sizing: border-box;
    /*margin: 10px;*/
    border-style: solid;
    border-color: #e1e1e1;
}


#enroll-user-form-csv .wdm_remove_user {
    /*margin-top: -10px;*/
    /*padding: 5px;*/
    border: none;
    color: red;
    cursor: pointer;
}

.wdm_remove_user > label{
    padding-left: 10px;
}

.wdm_new_user li, #wdm_eb_upload_csv li{
    list-style-type:none !important;
}
.wdm_remove_user {
    float: right;
    padding-top: 10px;
}

.fa-times {
    color: #585858;
}
.fa-times:hover {
    color: black;
    cursor: pointer;
    border: 1px solid #337ab7;
}

#wdm_eb_message > p{
    margin: 0 0px 1em ;
    padding: 5px;
    font-size: .92em;
    color: #777;
    background-color: #f7f6f7;
    border-left: 3px solid #a46497;

}




#wdm_csv_link{
    color: #12539e;
    text-decoration: none !important;
}


#wdm-eb-enroll-msg{
    display: none;
}


/*form#wdm_eb_enroll_user li {
    list-style-type: none !important;
}*/
.wdm_error_message{
    border-left-color: red !important;
    border-left: 5px solid red;
    border-top: 1px solid red;
    border-right: 1px solid red;
    border-bottom: 1px solid red;
    background-color: #ffffff;
    padding: 5px 0px 5px 15px;
    margin: 15px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.wdm_enroll_warning_message{
    border-left: 5px solid #ff5722;
    border-top: 1px solid #ff5722;
    border-right: 1px solid #ff5722;
    border-bottom: 1px solid #ff5722;
    background-color: #ffffff;
    padding: 5px 0px 5px 15px;
    margin: 15px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.wdm_success_message{
    border-left: 5px solid #4caf50;
    border-top: 1px solid #00ff00;
    border-right: 1px solid #00ff00;
    border-bottom: 1px solid #00ff00;
    background-color: #ffffff;
    padding: 5px 0px 5px 15px;
    margin: 15px;
    margin-top: 5px;
    margin-bottom: 10px;

}
.wdm_user_list  ol {
    margin: 0px !important;
}
.wdm_user_list ol li {
    padding: 5px;
    margin-left: 35px;
    color: #000000;
}
.wdm_enroll_warning_message_lable{
    color: #000000;
    font-weight: bold;
}
#wdm_eb_enroll_user_page{
    border: 1px solid #DDDDDD;
    background-color: #ffffff;
    padding: 10px;
}
.fa-times-circle{
    color: #717171;
    cursor: pointer;
    margin-top: 0.1em;
}
.fa-times-circle:before {
    font-size: 20px;
}
.fa-times-circle:hover{
    color: red;
}
.wdm_success_msg_dismiss, .wdm_enroll_warning_msg_dismiss, .wdm_error_msg_dismiss,.wdm_select_course_msg_dismiss, .wdm_grp_update_msg_dismiss{
    padding-right: 5px;
    cursor: pointer;
    float: right;
}

.loader {
    display: block;
    z-index: 999;
    border: 5px solid rgba(33, 150, 243, 0.19);
    position: fixed;
    border-radius: 50%;
    border-top: 5px solid #2196f3;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin-left: 10px;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#wdm_eb_enroll_user_page hr{
    border-bottom: 1px solid #dddddd;
    margin: 25px 0px;
}


/**
 * enroll user css
 * @since 1.1.0
 */


#enroll-user-form-pop-up{
    display: none;
}
.addnewuser-left{
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 35%;
}

.addnewuser-right{
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 64%;
}
.wdm_select_course_msg{
    border-left: 5px solid #cc0000;
    border-top: 1px solid #ff3333;
    border-right: 1px solid #ff3333;
    border-bottom: 1px solid #ff3333;
    background-color: #ffb3b340;
    padding: 5px 0px 5px 15px;
    margin-top: 5px;
    margin-bottom: 10px;
    display: none;
}


.wdm_error_msg{
    border-left: 5px solid #cc0000;
    border-top: 1px solid #ff3333;
    border-right: 1px solid #ff3333;
    border-bottom: 1px solid #ff3333;
    background-color: #ffb3b340;
    padding: 5px 0px 5px 15px;
    margin-top: 5px;
    margin-bottom: 10px;
}


#enroll-new-user{
    /*margin-left: 1%;*/
    /*margin-bottom: 5px;*/
}

#add-quantity-msg > p{
    border-left: 5px solid red;
    border-top: 1px solid red;
    border-right: 1px solid red;
    border-bottom: 1px solid red;
    background-color: #ffffff;
    padding: 5px 0px 5px 15px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.pop-up-loader{
    position: absolute;
    z-index: 999;
    margin-left: 44%;
    bottom: 41%;
}

#popup-loding-icon{
    display: none;
}


.enroll-student-page-button{
    padding: 8px 25px;
}

.role-drop-down{
    width: 60%;
}

.edit-enrolled-user{
    padding: 6px 23px;
}

.eb-lading-parent-wrap{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.73);
    z-index: 999;
}

.eb-loader-progsessing-anim {
    border: 5px solid #ffffff;
    border-top: 5px solid #07a3c3;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    vertical-align: middle;
    display: inline-block;
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#add-quantity-inp{
    margin-top: 1em;
}


/*
 * Enroll students page css
 */

.ebbp_enroll_stu_action_wrap{
    float: left;
    padding: 10px;
}



/*
 * ---------------------------------------------------
 * Add new product in group pop-up table css
 * ---------------------------------------------------
 */

#bp-new-product-table_wrapper #bp-new-product-table_paginate #bp-new-product-table_next:hover,
#bp-new-product-table_wrapper #bp-new-product-table_paginate #bp-new-product-table_previous:hover,
#bp-new-product-table_wrapper #bp-new-product-table_paginate .paginate_button:hover {
    color: black !important;
    background: #5151511a;
    border: 1px solid transparent;
}


#bp-new-product-table thead th, #add-quantity-table thead th{
    /*padding-top: 15px;
    padding-bottom: 15px;*/
    padding: 15px 10px 15px 10px;
    text-align: center;
    /*padding-top: 15px;*/
    background-color: #9e9e9e57;
    padding-bottom: 15px;
    border: none;
    /*color: white;*/
    /*margin-bottom: 5px;*/
    /*border-bottom: 4px solid white;*/
}

#bp-new-product-table tbody td, #add-quantity-table thead td{
    padding-top: 5px;
    text-align: center;
    border-top: 0px solid white;
    padding-bottom: 0px;
    margin-bottom: 5px;
    /*background-color: #8080800f;*/
    border-bottom: 4px solid white;
}


#bp-new-product-table tbody tr > td{
    border-top: 4px solid white;
    border-bottom: 1px solid #80808021;
    border-left: 0px;
    border-right: 0px;
}


#bp-new-product-table thead tr th:first-child, #bp-new-product-table tfoot tr td:first-child,
#add-quantity-table thead tr th:first-child, #add-quantity-table tfoot tr td:first-child{
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}


#bp-new-product-table thead tr th:last-child, #bp-new-product-table tfoot tr td:last-child,
#add-quantity-table thead tr th:last-child, #add-quantity-table tfoot tr td:last-child{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#bp-new-product-table tfoot tr td, #add-quantity-table tfoot tr td{
    padding: 15px 18px 15px 18px;
    border-top: none;
    /*color: white;*/
    border: 0px;
    background-color: #9e9e9e57;
}


#bp-new-product-table_filter label input{
    border: 1px solid rgba(0, 0, 0, 0.28);
    padding: 3px;
    padding-left: 5px;
}

#bp-new-product-table_length label select{
    padding-top: 5px;
    padding-bottom: 5px;
}

#bp-new-product-table_length, #bp-new-product-table_filter{
    padding-bottom: 10px;
}


#bp-new-product-table_paginate span .paginate_button.current{
    padding: 4px 25px;
    border: 1px solid #979797a1;
}

#bp-new-product-table_paginate{
    padding-top: 10px;
}

#bp-new-product-table_info{
    padding-top: 14px;
}


#add-quantity-table tr, #bp-new-product-table tr{
    border-bottom: 1px solid #008080;
    border: 0;
}

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


#bp-new-product-table{
    /*max-width: 800px;*/
    table-layout: fixed;
    margin: auto;
    border: none;
}

#bp-new-product-table thead{
    background: #f9f9f9;
    display: table;
    width: 100%;
}

#bp-new-product-table tbody{
    height: 260px;
    overflow: auto;
    overflow-x: hidden;
    display: block;
    width: 100%;
}

#bp-new-product-table tfoot{
    background: #f9f9f9;
    display: table;
    width: 100%;
}

#bp-new-product-table thead tr, #bp-new-product-table tbody tr{
    display: table;
    width: 100%;
    table-layout: fixed;
}





/*******************************************/






/*#add-quantity-table tbody >tr:nth-child(even){
    background-color: #EFEFEF;
}*/

/*#add-quantity-table tbody >tr:nth-child(odd){
    background-color: #EFEFEF;
}*/


#bp-new-product{
    padding: 2%;
}

#add-quantity{
    padding: 0% 3% 3% 3%%;
}

#add-quantity-table tfoot tr td{
    /*width: 14%;*/
    width: -webkit-fill-available;
}

#add-quantity-table tbody tr{
    border-bottom: 1px solid #80808021;
}


#add-quantity-table tfoot tr{
    border-radius: 4px;
    /*background-color: #9e9e9e57;*/
    /*margin-top: 10px;*/
}

#add-quantity-table tbody > tr:hover{
    /*border-bottom: 1px solid #003f98;*/
    background: #c4dbf9 !important;
    /*box-shadow: 0 0 5px #99c2f9;*/
}

#add-quantity-table tbody tr td{
    background-color: inherit;
}


/*#add-quantity-table thead,
#add-quantity-table tfoot,
#bp-new-product-table thead,
#bp-new-product-table tfoot{
    background: #e2e2e2;
}*/

.wdmProductName {
    list-style-type: none;
    float: left;
    margin:0;
    padding: 0;
}

.wdmProductName li{
    padding-bottom: 0.5em;
}

.wdmProductName ul{
    list-style-type: none;
    margin:0;
    padding-left: 0;
}
.wdm_selected_products {
    background: #fff;
    padding: 2em;
    font-size:1em;
    border: 1px solid #555;
    width: 18px;
    height: 18px;
    margin: 0px 5px;
}

/**
* Scrollbar custom style start
*/
.wdm-dialog-scroll::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.wdm-dialog-scroll::-webkit-scrollbar
{
    width: 5px;
    background-color: #F5F5F5;
}

.wdm-dialog-scroll::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #003d4c;
}

.wdm-dialog-scroll::-webkit-scrollbar-thumb:active{
    background-color: #015042;
    border: 1px solid #024e48;
} 
/**
* Scrollbar custom style end
*/

.wdm-add-prod_qty{
    display: table;
    padding: 0.7em;
    float: right;
}
.wdm-item-price{
    display: inline-flex;
}


.add-quantity-total-price-wrap{
    text-align: center;
}



/*
 * -------------------------------------------------------
 * Add quantity pop-up table style start
 * -------------------------------------------------------
 */


/**
* Dialog table style start
*/
#add-quantity-table th:last-child {
    padding-right: 10px;
}

#add-quantity-table th:first-child,
#add-quantity-table td:first-child{
    padding-left: 10px;
}

#add-quantity-table tbody {
    max-height: 40%;
    overflow: auto;
}

#add-quantity-table tbody td {
    margin: auto;
}
/*#add-quantity-table tfoot td {
    margin: auto;
    width: 14%;
}*/

#add-quantity-table {
    /*border: 0;
    border-collapse: collapse;
    margin: 0px;*/
}

#add-quantity-table tr{
    /*display: flex;*/
}

#add-quantity-table thead th{
    /*flex: 1 auto;*/
    /*display: block;*/
    /*border: 0px;*/
    /*border-bottom: 1px solid #003f98;*/
}

#add-quantity-table tbody{
    /*display: block;*/
    width: 100%;
    overflow-y: auto;
    max-height: 250px;
}

#add-quantity-table td{
    border: 0px;
}

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


#add-quantity-table{
    /*max-width: 800px;*/
    table-layout: fixed;
    margin: auto;
    border: 0;
    border-collapse: collapse;
    margin: 0px;
}

#add-quantity-table thead{
    background: #f9f9f9;
    display: table;
    width: 100%;
}

#add-quantity-table tbody{
    height: 300px;
    overflow: auto;
    overflow-x: hidden;
    display: block;
    width: 100%;
}

#add-quantity-table tfoot{
    background: #f9f9f9;
    display: table;
    width: 100%;
}

#add-quantity-table thead tr, #add-quantity-table tbody tr{
    display: table;
    width: 100%;
    table-layout: fixed;
}



.eb_add_qty_tbl_sr_no{
    /*width: 10%;*/
/*  width: calc((100%/3) - 5px);
  font-size: 12px;
  text-align: center*/
}


.eb_add_qty_tbl_sr_no, .eb_add_qty_tbl_prod_name, .eb_add_qty_tbl_price, .eb_add_qty_tbl_x, .eb_add_qty_tbl_qty, .eb_add_qty_tbl_equal, .eb_add_qty_tbl_total_price{
    text-align: center;
}

/*******************************************************/



/*
* Add style for the new products table columns in the popup
*/
/*.wdm-more-prod-tbl tbody > tr > td:nth-child(1),
.wdm-more-prod-tbl tbody > tr > td:nth-child(4),
.wdm-more-prod-tbl tbody > tr > td:nth-child(6){
    width: 8%;
}

.wdm-more-prod-tbl tbody > tr > td:nth-child(2) {
    width: 28%;
}
.wdm-more-prod-tbl tbody > tr > td:nth-child(3),
.wdm-more-prod-tbl tbody > tr > td:nth-child(7){
    width: 15%;
}

.wdm-more-prod-tbl tbody > tr > td:nth-child(5) {
    width: 17%;
}*/

/*
* Add style for the quantity table columns in the popup 
*/
/*.wdm-more-qty-tbl tbody > tr > td:nth-child(4),
.wdm-more-qty-tbl tbody > tr > td:nth-child(1){
    width: 7%;
}

.wdm-more-qty-tbl tbody > tr > td:nth-child(6){
    width: 5%;
}

.wdm-more-qty-tbl tbody > tr > td:nth-child(2) {
    width: 28%;
}
.wdm-more-qty-tbl tbody > tr > td:nth-child(3),
.wdm-more-qty-tbl tbody > tr > td:nth-child(7){
    width: 11%;
}

.wdm-more-qty-tbl tbody > tr > td:nth-child(5) {
    width: 15%;
}*/
.wdm-tbl-sel-row{
    background: #c4dbf9 !important;
}
/**
* Dialog table style end
*/

/**
* Jquery Dialog box style override start
*/

.wdm-enroll-stud-page-dialog .ui-dialog-content {
    position: relative;
    /*overflow: hidden;*/
    
    border: 0;
    /*padding: 0px;*/
    background: none;
    overflow: auto;
    /* OVErflow related CSS  IE and Edge */
   /* -ms-overflow-style: none;  
    scrollbar-width: none;*/
}



.wdm-enroll-stud-page-dialog .ui-dialog-content::-webkit-scrollbar {
  display: none;
  width: 0px;
    background: transparent; /* make scrollbar transparent */
}





.wdm-enroll-stud-page-csv-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 1em;
    background: none;
    overflow: auto;
}

#wdm_new_prod_qty{
    width: 150px;
    padding: 5px;
}

.wdm-enroll-stud-page-dialog .ui-dialog-titlebar {
    /*background: #04549e;
    z-index: 9999;
    color: white;*/
    background: white;
    z-index: 9999;
}
.wdm-enroll-stud-page-dialog .ui-widget-header {
    border: 0;
    /*border-bottom: 1px solid #051df5;*/
    border-bottom: 1px solid #ededed;
    padding: 12px 12px 10px 12px;;
    /*text-align: center;*/
    font-size: 20px;
}


.wdm-enroll-stud-page-dialog .ui-widget-header span{
    padding-left: 25px;
}




.wdm-enroll-stud-page-dialog {
    /*overflow: hidden;*/
    border: 0;
    padding: 0px;
    overflow: hidden;;
    border-radius: 5px;
    position: fixed;
    z-index: 4001;
    -webkit-box-shadow: 0 0 20px 5px rgba(0,0,0,.8);
    box-shadow: 0 0 20px 5px rgba(0,0,0,.8);
}



.wdm-enroll-stud-page-dialog .ui-dialog-titlebar-close{
    position: absolute;
    right: 0px;
    top: 25%;
    width: 20px;
    margin: -10px 0 0 0;
    /* font-size: 23px; */
    padding: 1px;
    height: 20px;
    background: white;
    border: none;
}


.wdm-enroll-stud-page-dialog .ui-dialog-titlebar-close:hover{
    background: white;
    border: none;
}

#enroll-user-table thead tr th:first-child, #enroll-user-table tbody tr td:first-child {
    padding: 10px 18px;
}

/*.wdm-enroll-stud-page-dialog{
    border: 2px solid #001963 !important;
}*/

/*.wdm-enroll-stud-page-dialog .ui-dialog-buttonpane{
    border-radius:  0px 0px 0px 0px;
    margin-top: 0px;
}*/

.wdm-enroll-stud-page-dialog .ui-dialog-buttonpane {
    /*border-top: 1px solid #0045bb;*/
    margin-top: 0px;
}

.wdm-view-courses-button .ui-dialog-buttonpane {
    border-top: 1px solid #003f98;
    margin-top: 0px;
    text-align: center;
}
.wdm-view-courses-button .ui-dialog-buttonpane .ui-dialog-buttonset{
    float: none;
}

.wdm-enroll-stud-page-dialog >.ui-button {
    padding: 0.5em 1em;
}
/**
* Jquery Dialog box style override start
*/


/*****************   ENROLL STUDENTS TAB CSS    ******************/
.eb-enroll-student-tab-container .eb-enroll-student-tab-active{
    background-color: #12539e1c;
    border-bottom: 3px solid #12539e;
    /* color: #2196f3; */
    color: #12539e;
    font-weight: 700;
    /*box-shadow: inset 1px 1px 15px 4px #2196f31f;*/
}

.eb-enroll-student-tab{
    cursor: pointer;
    padding: 8px;
    width: 50%;
    text-align: center;
    border: 1px solid #8080803d;
}

.eb-enroll-student-tab:hover{
    background-color: #12539e24;
    /*box-shadow: inset 1px 1px 15px 4px #2196f31f;*/
}


.eb-enroll-student-tab-container{
    width: 100%;
    margin-top: 20px;
    display: flex;
}


.eb_hidden_tab_content{
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 650ms ease-in-out;
}


.eb_current_tab {
    height: auto;
    opacity: 1;
}


.eb-enroll-student-tab-content{
    padding: 2%;
    border: 1px solid #e1e1e1;
}

.eb-enroll-student-tab-container i{
    padding-right: 5px;
}


.eb_enroll_students_tab_cont_section{
    /*border: 1px solid #e1e1e1;*/
}

.eb_tab_subsection{
    padding: 1% 1% 3% 20px;
}


#eb_inpt_edit_cohort_name{
    display: block;
    width: 100%;
    /*padding: .429rem 1rem;*/
    font-size: 1rem;
    line-height: 1.57142857;
    color: #526069;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e4eaec;
    border-radius: .215rem;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border: 1px solid rgba(0, 0, 0, 0.32);
}

.eb_tab_subsection p button{
    margin-left: 20px;
    width: 25%;
}

.eb_tab_subsection p{
    display: flex;
}



/***************** END  ENROLL STUDENTS TAB CSS    ******************/





/************   ACCORDIAN CSS     ****************/

#wdm-asso-course-accordian .ui-state-active,
#wdm-asso-course-accordian .ui-widget-content .ui-state-active,
#wdm-asso-course-accordian .ui-widget-header .ui-state-active,
#wdm-asso-course-accordian a.ui-button:active,
#wdm-asso-course-accordian .ui-button:active,
#wdm-asso-course-accordian .ui-button.ui-state-active:hover,
#wdm-asso-course-accordian .ui-accordion-header,
#wdm-asso-course-accordian .ui-accordion-header:focus{
    border: none;
    color: #242424;
    padding: 15px;
    background: white;
}




#wdm-asso-course-accordian .ui-accordion .ui-accordion-content{
    background: rgba(128, 128, 128, 0.11);

}


#wdm-asso-course-accordian .ui-accordion-content{
    border: none;
    border-bottom: 1px solid #9e9e9e40;
}


#wdm_group_details .ui-accordion-content{
    border: 2px solid #24242436;
}


#wdm-asso-course-accordian .ui-accordion-header .ui-icon, .ui-widget-content .ui-icon{
    background-image: url(images/ui-icons_444444_256x240.png);
}


#wdm_group_details .ui-icon{
    background-image: url(images/ui-icons_444444_256x240.png);
}


.wdm_enroll_subheading{
    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 20px;
}


#wdm_enroll_div{
    /*display: flex;*/
    padding: 1% 0px 3% 20px;
}


#enroll-user-table_filter input{
    padding: inherit;
}


#wdm_avaliable_reg{
    padding: 1% 1% 1% 20px;
}


#enroll-new-user-btn-div{
    /*width: 30%;*/
    display: flex;
    margin-bottom: 1%;
}


#enroll-new-user{
    width: 49%;
    margin-right: 1%;
}

#enroll-multiple-users{
    width: 49%;
    margin-left: 1%;
}


#wdm_eb_upload_csv{
    padding-top: 1%;
    /*padding-left: 1%;*/
    /*transform: scaleY(0);*/
    /*width: 70%;*/
}


#eb_enroll_students > div:first-child, #eb_group_info > div:first-child{
    border-bottom: 1px solid #8080801c;
}

.eb_edit_cohort_name_section{
    display: flex;
    width: 100%;
}

.eb_edit_cohort_name_btn_sub_section{
    width: 25%;
    margin-left: 7%;
}

#eb_inpt_edit_cohort_name_btn{
    width: 100%;
}

.eb_edit_cohort_name_inp_sub_section{
    width: 50%;
}


.eb_edit_cohort_name_sub_section{
    display: inline-flex;
}

.eb_edit_cohort_name_sub_section:first-child{
    width: 15%;
    margin: auto;
}

/*.wdm_enrolled_users{
    padding-top: 2%;
}*/

.eb_hide{
    display: none;
}


#wdm_associated_courses_container{
}

#wdm_associated_courses_container h4{
    font-weight: 500;
}

#wdm_associated_courses h3{

}

.wdm-coho-asso-corses{
    /*max-height: 300px;*/
    /*border-top: 1px solid #80808040;
    border-bottom: 1px solid #80808040;*/
    margin: 10px 20px;

    /*overflow-y: scroll;*/
    overflow: auto;
}


.wdm_productwise_course{
    padding-top: 5px;
    padding-bottom: 10px;
}


.wdm_productwise_course ol{
    list-style-type: lower-alpha;
}

.wdm_enrol-studnets_products{
    font-weight: 600;
}

#wdm_group_details{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #8080801f;
}


#wdm_group_details > h3{
    padding: 20px;
    border: none;
    background-color: #2424241f;
    color: #3379b7;
}

#wdm_group_details > h3:hover{
    /*box-shadow: 2px 3px 10px #80808096;*/
    background-color: #24242436;
    /*background-color: #494949;*/
}


#wdm_group_details .ui-state-active{
    background-color: #24242436;
}




/*#wdm_associated_courses #wdm-asso-course-accordian .ui-accordion-content{
    height: auto !important;
}*/



/******************    ACCORDIAN CSSS END     ********************/




#enroll_user-pop-up{
    padding: 10px 40px 20px 40px;;
}


/*.wdm-coho-asso-corses{
}*/
.wdm-diff-prod-qty{
    margin-top: 10px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: rgba(251, 0, 0, 0.25);
    border: 1px solid red;
    color: #f32121;
}
.wdm-hide{
    display: none;
}
/*.wdm-coho-asso-corses{
    max-height: 300px;
    overflow-y: scroll;
}*/

.wdm-error-message-dialog > .ui-dialog-buttonpane,
.wdm-error-message-dialog > .ui-dialog-titlebar {
    background: #CA2121;
    z-index: 9999;
    color: white;
}

.wdm-error-message-dialog > .ui-widget-header {
    border: 0;
    border-bottom: 1px solid #225EB8;
    color: white;
}

.wdm-error-message-dialog > .ui-dialog .ui-dialog-buttonpane{
    border-radius:  0px;
}
.wdm-error-message-dialog > .ui-dialog-buttonpane {
    border-top: 1px solid red;
    margin-top: 0px;
    text-align: center;
}
.wdm-error-message-dialog {
    border: 1px solid red !important;
}
.ui-state-error{
    text-align: center;
    padding-left: 1em;
    width: 100%;
    display: table;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error{
    background: white;
}
.ui-state-error p{
    margin-top: 5%;
    display: table-cell;
    padding: 2em;
}
.fa-exclamation-triangle{
    content: "\f071";
    color: #cb2121;
    font-size: 1.5em;
    display: table-cell;
}
.wdm-dialog-ok-button{
    /*    color: #FFF !important;
        background-color: #054682 !important;
        border-color: #054078 !important;*/
}
.wdm-dialog-cancel-button{
    
    color: #242424 !important;
    border-radius: 5px;
    padding: 10px 18px;
    background-color: white !important;
    letter-spacing: 1px;

    /*color: #FFF !important;
    background-color: #CA2121 !important;
    border-color: #CA2121 !important;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);*/
}





.wdm-dialog-cancel-button:hover{
    color: #242424 !important;
    background-color: #e5e4e4  !important;
    /*border-color: #951818 !important;*/
    /*-webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);*/
    /*box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);*/
}
.wdm-dialog-enroll-button,
.wdm-dialog-checkout-button{
    
    border-radius: 5px;
    padding: 10px 18px;
    color: white !important;
    background-color: #4BB543!important;
    border-color: #4BB543 !important;
    letter-spacing: 1px;


    /*color: #FFF !important;
    background-color: #04549e !important;
    border-color: #4BB543 !important;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);*/
}
.wdm-dialog-enroll-button:hover,
.wdm-dialog-checkout-button:hover{
    background-color: #3a9733  !important;
    border-color: #3a9733 !important;
}


..wdm-dialog-enroll-button span{
    color: white;
}

.wdm-dialog-edit-usr-button{

}

.wdm-error-message-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{ 
    float: none !important;
}
.wdm-error-message-dialog .ui-dialog-buttonpane{ 
    padding: 0px;
}

.wdm-error-message-dialog .ui-dialog-buttonpane button{
    padding: .5em 1em;
}


.enroll_user-row .wdm-enrol-form-input:focus,
.enroll_user-row .wdm-enrol-form-input:active{
    border-color: #05ccc0;
}


@media only screen and (max-width: 700px) {

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

    .eb_edit_cohort_name_inp_sub_section{
        width: 100%;
    }

    .eb_edit_cohort_name_section{
        display: block;
    }

    .eb_edit_cohort_name_sub_section{
        display: block;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .eb_edit_cohort_name_sub_section:first-child{
        width: 100%;
        margin: auto;
    }

    #eb_inpt_edit_cohort_name, #eb_inpt_edit_cohort_name_btn{
        width: 100%;
    }

}



@media only screen and (max-width: 500px) {
    #wdm_eb_enroll_user .course-select{
        display: block;
    }


    .eb-enroll-student-tab-container{
        display: block;
    }

    .enroll-button-grid, .enroll-student-page-button{
        width: 100%;
    }

    .eb-enroll-student-tab-container .eb-enroll-student-tab-active{
        border-left: 4px solid #12539e;
        border-bottom: 1px solid #8080803d;
    }

    .eb-enroll-student-tab{
        width: 100%;
    }


}