@charset "utf-8";
/* CSS Document */
:root {
  --primary-color: #465c62; /* #293B49; */ /* Default color stage- #465c62*/ 
  --login-color:  #465c62; /* #620da3; */ /* Default color stage- #465c62*/ 
  --primary-color-rgba: rgba(70,92,98,0); /* rgba(41, 59, 73,0); */ /* Default color stage- rgba(70,92,98,0)*/ 
  --secondary-color-rgba: rgba(70,92,98,0.9); /* rgba(41, 59, 73,0.9); */ /* Default color stage- rgba(70,92,98,0.9)*/ 
  --user-view-rgba: rgba(70, 92, 98, 0.9);  /*rgba(98, 13, 163, 0.8); */ /* Default color stage- rgba(70, 92, 98, 0.9)*/ 
  --secondary-color: #5d7982; /* #65839b; */ /* Default color stage-#5d7982 */  
  --button-color: #5d7982; /* #fe474c; */ /* Default color stage-#5d7982 */  
  --tbl-odd-color: #f3f6f7;  /* #f5f5f5; */ /* Default color stage-#f3f6f7 */  
  --bg-color: #eef2f5; /* #ebeff3;*/  /* Default color stage-#eef2f5 */  
  --user-profile-bg-color: 0px 5px 50px 0px #465c62, 0px 0px 0px 7px rgba(70, 92, 98, 0.5);  /*0px 5px 50px 0px #620da3, 0px 0px 0px 7px rgba(98, 13, 163, 0.5); */    /* Default color stage-0px 5px 50px 0px #465c62, 0px 0px 0px 7px rgba(70, 92, 98, 0.5) */  
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
body, ol, ul, li, div, p, span, form, h1, h2, h3, h4, h5, h6, table, thead, th, tbody, tr, td, img, input, textarea, dd, dt, dl{word-wrap:break-word;outline:none;padding:0;margin:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
textarea{overflow:auto;-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
h1, h2, h3, h4, h5, h6, p, ul, ol, dd, dt, dl{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;}
a img, img{border:none;outline:none;}
input[type=submit], input[type=reset], input[type=button], button{ -webkit-appearance:none; -moz-appearance:none;-ms-appearance:none; appearance:none; }
a{cursor:pointer;text-decoration:none;outline:0;}
.no-script-msg{font:12px Arial, verdana, Helvetica, sans-serif;background:#FFFFCC url(../images/icon-noScript.gif) no-repeat 5px 10px;width:auto;padding:10px 10px 10px 25px;margin:8px;border:1px solid #CD3D18;font-weight:bold;height:auto;font-size:11px;color:#000000;line-height:150%;clear:both;}
input{-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family: 'Montserrat', sans-serif; -webkit-appearance:none; }
body{font-family: Arial, sans-serif; min-width:300px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -ms-font-smoothing:antialiased; background-color: #fff;}
::selection {text-shadow: none;background: rgba(65,131,196,0.4);}
.clear{clear:both; height:0px; overflow:hidden; width:auto; display:block; float:none !important;}
ul, menu, dir {margin:0px;padding:0px;display: block;list-style-type: disc;-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0;-webkit-margin-end: 0;-webkit-padding-start: 0;}
*, *:after , *:before { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

/* common */
body{ font-family: 'Montserrat', sans-serif; }
li { list-style-type: none; }
img { width: 100%; height: auto; display: block; }
/* common */

/* Login page */
.bma_login { display: flex;flex-wrap: wrap; align-items: center; height: 100vh;}
.bma_login_section { max-width: 45%; width: 100%; }
.bma_image_section { max-width: 55%; width: 100%; }
.bma_logo_section { display: block; margin-bottom: 60px !important; }
.bma_radio_section:nth-child(3n+2) { margin: 0 30px; }
.bma_logo_section img{ width: auto; }
.bma_login_title { font-size: 24px; line-height: 29px; color: var(--primary-color);  }
.bma_login_title span { color: var(--primary-color); }

.bma_login_form , .bma_login_title, .bma_logo_section{ max-width: 450px; margin: auto; width: 100%; padding: 0 10px; }
.bma_otp_form , .bma_login_title, .bma_logo_section{ max-width: 450px; margin: auto; width: 100%; padding: 0 10px; }

.bma_radio_div { margin: 50px 0; }
.bma_login_btn { background: var(--primary-color); border: none; border-radius: 60px; width: 100%; color: #fff; font-size: 14px; line-height: 18px; font-weight: 700; text-align: center; text-transform: uppercase; padding: 13.5px 0; cursor: pointer;}
.bma_otp_login_btn { background: var(--primary-color); border: none; border-radius: 60px; width: 100%; color: #fff; font-size: 14px; line-height: 18px; font-weight: 700; text-align: center; padding: 13.5px 0; cursor: pointer;}
.bma_login_btn:hover {  }
/* Login page */


/* Student page */
/* 1. lest sidebar */
.bma_dashboard-section {display: flex; flex-wrap: wrap; /*height: 100vh;*/ /*overflow-y: scroll;*/ background: var(--bg-color);}

.close_sidebar {position: absolute; top: 20px; right: 10px; z-index: 100; visibility: hidden;}
.close_sidebar span:nth-child(1) {width: 20px; height: 3px; background: #000; display: block; transform: rotate(45deg); }
.close_sidebar span:nth-child(2) {width: 20px; height: 3px; background: #000; display: block; transform: rotate(-45deg); margin-top: -3px; }

.bma_left_sidebar { max-width: 150px; background: var(--bg-color); width: 100%; padding: 35px 20px 0 15px; text-align: center; -webkit-transition: left 0.5s ease-out; -moz-transition: left 0.5s ease-out; -o-transition: left 0.5s ease-out; transition: left 0.5s ease-out; box-shadow: 0 3px 6px #AB9E9E; position: relative; position: fixed; height: 100%; overflow-y: scroll;z-index: 999;}
.bma_left_sidebar:before {content: ""; position: absolute; width: 100%; height: 100%; background: var(--bg-color); left: 0; top: 0; z-index: -2; max-width: 240px; }
.bma_logo-section { max-width: 80px; margin-bottom: 60px;margin-left: auto; }
.bma_left_sidebar.Active_bma_left_sidebar { left: 0;max-width: 240px; }
.admin-image-section{transition: all 0.3s ease; }
.bma_left_sidebar.Active_bma_left_sidebar .admin-image-section { margin: auto;margin-top: 60px; margin-bottom: 30px; transform: rotate(180deg);transition: all 0.3s ease;}
.bma_left_sidebar.Active_bma_left_sidebar .bma_logo-section{ margin: auto;margin-bottom: 60px; }


.bma_nav-section {  }
.bma_nav-section ul li { text-align: center; padding: 10px 0; }
.bma_nav-section ul li:last-child { padding-bottom: 0; }
.bma_nav-section ul li a {display: flex; position: relative; align-items: center; }
.bma_nav-section ul li a div {width: 50px;
    margin: auto;display:flex;justify-content: center;align-items: center; vertical-align: middle; position: relative;height:50px;}
 .bma_nav-section ul li a span { word-break: keep-all;display:block;vertical-align: middle; width: calc(100% - 80px); color: var(--primary-color); font-weight: 600;text-align: left;}
.bma_nav-section ul li a img, .bma_nav-section ul li a svg { display: inline-block; vertical-align: middle;    width: 22px; height: auto; }

/*.bma_left_sidebar .bma_nav-section ul li a:hover::before {
    border-color: #111 transparent;
    border-color: rgba(0,0,0,.8) transparent;
    border-width: .4em .4em 0 .4em;
    bottom: 1em;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    z-index: 99;
    content: '';
}

.bma_left_sidebar .bma_nav-section ul li a:hover::after
{
     content: '';
     background: #111;
     background: rgb(13, 176, 243);
     border-radius: .5em;
     bottom: -4px;
     color: #fff;
     content: attr(title);
     display: block;
     left: 0;
     padding: .3em 1em;
     position: absolute;
     text-shadow: 0 1px 0 #000;
     white-space: nowrap;
     z-index: 98;
    white-space: unset;
    width: 80px;
}*/
.bma_left_sidebar .bma_nav-section ul li a span ,.bma_left_sidebar .bma_nav-section ul li a {
display: block;
text-align: center;
width: 100%;
}

/*.bma_nav-section ul li.bma_active  a:hover::after{
    bottom: -30px;
}*/
/*.bma_left_sidebar.Active_bma_left_sidebar .bma_nav-section ul li a:hover::after ,.bma_left_sidebar.Active_bma_left_sidebar .bma_nav-section ul li a:hover::before{
    content: '';
    display: none
}
*/
.bma_left_sidebar .bma_nav-section ul li a span {
    margin-top: 10px;
}

.bma_nav-section ul li.bma_active {  }
.bma_nav-section ul li.bma_active {  }
.bma_nav-section ul li.bma_active a div{
    margin: auto;
    vertical-align: middle;
    display: flex;
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);

} 
.bma_left_sidebar.Active_bma_left_sidebar .bma_nav-section ul li a span{
text-align:left
}

.bma_left_sidebar.Active_bma_left_sidebar .bma_nav-section ul li a div {
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    position: relative;
    width: 67px;
    margin: 5px 10px;
    height: 47px;
}

/*.bma_nav-section ul li.bma_active a div:after {content: '';
    background: var(--primary-color);
    width: 8px;
    height: 8px;
    box-shadow: 0 3px 6px #D8CECE;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: calc(50% - 4px);
    z-index: 9;
}*/
.bma_left_sidebar.Active_bma_left_sidebar .bma_nav-section ul li a {display: flex;}
.bma_nav-section ul li.bma_active a svg path { fill: var(--primary-color); }


.bma_left_sidebar.Active_bma_left_sidebar .bma_nav-section ul li a span{ -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); display: inline-block; }
.bma_left_sidebar.Active_bma_left_sidebar .close_sidebar{ visibility: visible; }

.bma_admin-image-section {/* position: absolute; bottom: 25px; left: 0; right: 0; */}
.bma_admin-image-section:before { content: ''; }
.bma_admin-image-section:after { content: ''; }
.admin-image-section {width: 59px; height: 59px; background: #fff; border-radius: 50%; display: block; box-shadow: 0 5px 6px #D6DAE1;margin:60px auto 30px; padding: 19px; border: 1px solid #DDD; }
.expand_left-sidebar img{ margin: auto; border-radius: 50%; object-fit: cover; padding: 5px;}

/* 2. center section */
.bma_center_section { padding: 60px 50px; width: calc(66.66% + 120px); padding-left: 170px;min-height: 100vh;transition: all 0.5s ease;}
.expand_block_wrapper {
    padding-left: 280px !important;
}
.expand_block_dashboard_wrapper {
    padding-left: 170px !important;
}
.bma_FullWidth_rightSide{
    transition: all 0.5s ease;
}
.bmi_header-divs { /*width: 33.33%; */}
.bma_header_tab_seach{display: flex;justify-content:space-between;}
.bma_center-title-section {
    display: flex;position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.bma_center-search-section {  }
.bma_center-search-section form {position: relative; width: 280px; margin: auto; }
.bma_center-search-section input[type=text] {color: var(--primary-color); font-size: 14px; font-weight: 300; border: none; padding: 17px 20px 17px 40px; border-radius: 50px; width: 100%; box-shadow: 0 3px 6px #EEEFF2; }
.bma_center-search-section input[type=submit] {position: absolute; top: 50%; right: 20px; background: url(../images/search_icon.svg) no-repeat center center; font-size: 0; border: none; width: 18px; height: 18px; margin-top: -9px; cursor: pointer; }

.bma_center-search-section ::-webkit-input-placeholder {color: #a8bfc5; }
.bma_center-search-section :-ms-input-placeholder {color: #a8bfc5; }
.bma_center-search-section ::placeholder {color: #a8bfc5; }

.bma_status_button-section { font-size: 0; }
.bma_status_button-section.invoice_tab{margin-left: 10px;}
.bma_status-button { font-size: 14px; line-height: 18px; color: #a8bfc5; border:1px solid #a8bfc5; padding: 15px 0px; width: 100px; display: inline-block; text-align: center;}
.bma_status-button.active_bma-status { background: var(--primary-color); border-color: var(--primary-color); color: #fff; }
.bma_status-button:nth-child(1) { border-top-left-radius: 50px; border-bottom-left-radius: 50px;}
.bma_status-button:nth-child(3) { border-top-right-radius: 50px; border-bottom-right-radius: 50px; }




.student_title { font-size: 22px; line-height: 27px; color: var(--primary-color); font-weight: 700; display: inline-block; vertical-align: middle; }
.cource_title {font-size: 14px; line-height: 18px; color: #fff; border-radius: 60px; background-color: transparent; display: inline-block; vertical-align: middle; padding: 3px 10px; cursor: inherit; margin: 5px 2px; }
.cource_title{width:50px;height: 50px;text-align: center;}

.bma_data_table img { width: 70px; height: 70px; border: 5px solid #fff; border-radius: 50%; box-shadow: 0 3px 6px #A3A9B7; margin: auto; }

.student_icon { font-size: 14px; font-weight: 400; line-height: 18px; color: #a8bfc5; position: relative; display: inline-block; vertical-align: middle;pointer-events: none;}
.student_icon:nth-child(2), .student_icon:nth-child(3) { padding: 0 10px; }
.student_icon:before { display: inline-block; vertical-align: middle; margin-right: 10px; }
.student_icon:after {content: '|'; padding-left: 10px; display: inline-block; vertical-align: middle; }
.student_icon:last-child:after { content: ''; }
.call_icon:before { content: ''; background: url('../images/call_icon.svg') no-repeat center center; background-size: cover; width: 14px; height: 14px;}
.mail_icon:before { content: ''; background: url('../images/mail_icon.svg') no-repeat center center; background-size: cover; width: 15px; height: 12px;}



.bma_data_table {border-spacing: 0px 10px !important;}
.bma_table-headwe-title { margin-bottom: 10px; }
.bma_data_table tr{ background: #fff; }
.bma_data_table td{ padding: 20px 0px; background: #fff;}
.bma_data_table td:first-child { padding: 20px 10px; }
.bma_data_table td:last-child { text-align: right; padding: 20px 25px;}

.manage_icon{ background: #F1F4F9; width: 45px; height: 45px; border-radius: 50%;display: inline-block; vertical-align: middle; padding: 13px;}
.manage_icon:before { content: ''; display: block; margin: auto; line-height: 45px;}
.manage_icon.edit_icon:before { background: url('../images/edit_icon.svg') no-repeat center center; background-size: cover; width: 16px; height: 16px; }
.manage_icon.delete_icon:before { background: url('../images/delete_icon.svg') no-repeat center center; background-size: cover; width: 13px; height: 17px; }
.manage_icon.schedule_icon:before { background: url('../images/schedule_icon.svg') no-repeat center center; background-size: cover; width: 17px; height: 18px; }
.manage_icon.delete_icon { margin: 0 10px; }
.teacher_icon:before { background: url('../images/ic_person.png') no-repeat center center; background-size: cover; width: 17px; height: 18px; }

/* 3. right sidebar */
.bma_right_sidebar_wrapper{width: calc(33.33% - 120px);}
.bma_right_sidebar { background: #F9FBFE; padding: 60px 50px;/* height: 100%;*/}
/* .bma_right_sidebar_wrapper :after{
	content: '';
	position: absolute;
	height: 100vh;
	width: 100vw;
	background-color: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
    } */


    .bma_input_section { margin: 23.5px 0px !important; }
    .bma_input { width: 100%; background: transparent; border:none; }
    select.bma_input { font-size: 18px; color: var(--primary-color); font-weight: 700; line-height: 22px; border-bottom: 1px solid var(--bg-color); padding: 10px 0;    outline-offset: 0px !important;outline: none;font-family: 'Montserrat', sans-serif; }
    .input_date_picker{display: flex;padding: 10px 0 0;width: 100%;}
    .date_image {width: 20.42px;margin: 0 auto;}
    .date_logo{width: 50px;height: 50px;background: var(--primary-color);text-align: -webkit-center;display: flex;border-radius: 4px 0 0 4px;}
    .temp_date{height: 50px;width: 350px;background: #ffffff;display: flex;border: 1px solid var(--bg-color);}
    .input_date_span{border: 1px solid grey; color: grey; width: 28px; height: 28px; padding: 3px; font-size: 13px; line-height: 1.5; margin: auto; text-align: -webkit-center; border-radius: 50%; padding-top: 3px;}
    .date_range_box{width: 46.5%;border: none;font-size: 14px;padding-left: 45px;cursor:pointer;}
    .date_range_box{ background: url('../images/ic_event_24px.svg') no-repeat center center;background-size: auto;background-position-x: 23.5px;  }

    .bma_input_section input[type=number]::-webkit-inner-spin-button, .bma_input_section input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
    .bma_submit_container{margin-top: 27px;}
    .bma_submit_input{width: 100%;height: 50px;border: none;background: var(--primary-color);border-radius: 4px;font-size: 19px;color: #ffffff;text-transform: uppercase;}
    .bma_input_textarea{height: 96px; -webkit-appearance: none; resize: none;width: 100%;border: none;padding-left: 20px;padding-top: 12px;border-radius: 4px;border: 1px solid var(--bg-color);font-size: 18px;font-family: Montserrat;}
    .bma_money_input::before{content: "$"}
    .input_money input[type=number]::-webkit-inner-spin-button, .input_money input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
    .btn_add_student{display: none}
    .close_button{display: none}
    .new_wrapper{width: calc(33.33% - 120px);}
    .new_wrapper .bma_right_sidebar_wrapper{width: 100%}
    /* .bma_form_for_adult{display: none;} */
    .bma_form_for_child{display: none}
    .bma_select_child_option{text-align:right}
    .bma_select_child_option span{font-size: 12px;color: #a8bfc5;font-weight: bold;cursor: pointer}
    .bma_add_new_icon::before{content: ''; background: url('../images/icon_add.svg') no-repeat;width: 15px;height: 15px;display: inline-block;vertical-align: middle;margin-right: 6px;}
    .child_number{font-size: 12px;color: #a8bfc5;}
    .bma_add_new_child_box{border: 1px solid var(--bg-color);padding: 0 20px 10px;margin-top: 10px;border-radius: 4px;}
    .bma_radio_section_modify .bma_radio_section{margin: 0 5px;}
    .date_range_box_child{width: 46.5%;border: none;font-size: 14px;padding-left: 30px;background: url('../images/ic_event_24px.svg') no-repeat center center;background-size: auto;background-position-x: 10px;cursor: pointer}
    .bma_form_for_adult_active{display: block};
    .bma_form_for_child_active{display: block};
    .bma_student_venue_check input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
    .bma_student_venue_check label {position: relative;cursor: pointer;}

    .bma_student_venue_check label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 0.9px solid var(--primary-color);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 8px;
    display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 8px;border-radius: 4px;}
    /* .bma_student_venue_check input:checked + label:after {content: '';display: block;position: absolute;top: 6px;left: 7px;width: 5px;height: 8px;border: solid var(--primary-color);border-width: 0 0.9px 0.9px 0;transform: rotate(45deg);} */
    .bma_add_new_child_box_container{margin: 15px 0}
    span.close_button_for_child{float: right;    font-size: -webkit-xxx-large;transform: rotate(45deg);float: right;margin-top: -16px;color: #a8bfc5;cursor: pointer}
    .bma_location_field_venue{display: none;margin-bottom: 38px;}
    .bma_location_field_venue_child{display: none;margin-bottom: 35px;}
    .error{color: red;font-weight: 600;}
    .err_end_date{float: right}
    /* .bma_add_new_child_box .bma_input_section{margin: 23.5px 0px 10px !important;} */

    /* bma_input_fields for students page */
    .bma_input_fields.bma_input_section .bma_custom_input { padding: 20px 0 15px 0; }
    .bma_input_fields.bma_input_section .bma_custom_input+span { font-size: 12px; line-height: 15px; top: 25px; }
    .bma_input_fields.bma_input_section .bma_custom_input:focus+span{top: 0px; }
    .bma_input_fields.bma_input_section .bma_custom_input:valid+span{top: 0px; }

    .bma_label_input select{ font-weight: normal;cursor: pointer}
    .bma_label_input > label { color: #a8bfc5; font-size: 12px; }


    /*---------------------------------------------*/
    /*---Pratik css----*/
    body .mfp-bg{opacity: 0.4;}
    table p{color: var(--primary-color);}
    table p span{color: #a8bfc5;}
    table .light_color, .light_color{    font-weight: 500; color: #8a9bab;}

    /* invoice page */
    .bma_invoice_full{padding:60px 50px 60px 170px;width: 100%; min-height: 100vh;}
    .invoice_head h5{font-size: 18px;color: #a8bfc5;}
    .invoice_head{padding: 17px;display: flex;justify-content: space-between;}
    .invoice_table_main{background: #fff;display: none;transition: 0.5s ease;}
    .invoice_table_main.active{display: block;}
.invoice_table tr > td{/*border-top: 12px solid #fff;*/}
.date_block{position: relative;}
.date_block img{position: absolute;left: 15px;top: 50%;transform: translateY(-50%);width: 14px;height: 15px;}
.invoice_date{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.date_block input{border:1px solid var(--bg-color);border-radius: 20px;padding: 9px 25px 9px 41px;color: #a8bfc5;max-width: 186px;}
.to_lebal{display: inline-block;margin: 0 6px;font-size: 12px;color: #a8bfc5;}
::placeholder {color: #a8bfc5; }
:-ms-input-placeholder {color: #a8bfc5; }
::-ms-input-placeholder {color: #a8bfc5; }
.invoice_table_div{overflow-x: auto;}
.invoice_table_div table{width: 100%;border-collapse: collapse;}
.invoice_table_div table tr th{background: #F9F9F9;font-size: 12px;    font-weight: 600; color: #8a9bab;text-align: left;text-transform: uppercase;}
.invoice_table_div table td, .invoice_table_div table th{padding: 10px;}
.invoice_table_div a img{width: 20px;display: inline-block;vertical-align: middle;}

/*invoice popup*/
#invoiceprint_popup, .white-popup-block {max-width: 1080px; margin: 0 auto; background: #fff !important; position: relative; min-height: 655px; }
/*#invoiceprint_popup, .white-popup-block {
    background: #f9f9f9 !important;
    padding-top: 40px;
}*/
/*.tabcontent{
    padding: 50px 0px 0 !important;
}*/
.head_invoice_popup{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;background: #ffffff;padding: 20px 40px 20px 20px;}
.statement_user_info_row{display: flex; align-items: center; flex-wrap: wrap;}
.head_invoice_popup .statement_user_info_row img{    width: 82px; height: 82px; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 3px 6px #D6DAE1; margin: auto; vertical-align: top; float: left; margin-right: 20px; }
.statement_print_btns a{width: 35px;height: 35px;display: inline-block;position: relative;background: #a8bfc5;border-radius: 50%;padding: 10px;}
.statement_print_btns a.download_btn:before{width: 12px;height: 15px;    background: url(../images/ic_download.svg) no-repeat center center;
    background-size: cover;    content: ''; display: block; margin: auto;}
    .statement_print_btns a.print_btn:before{width: 15px;height: 14px; background: url(../images/ic_print.svg) no-repeat center center;
        background-size: cover;    content: ''; display: block; margin: auto;}
        .statement_user_info h3, .tabcontent h3 {font-size: 24px; line-height: 29px; padding: 20px 40px 20px 20px; background: #fff; font-family: 'Montserrat', sans-serif;text-transform: uppercase;}
        .statement_user_info h3{padding: 0;}
        .statement_user_info p{}

        .popup_statement_content > h2{padding: 20px;font-size: 24px;font-weight: 400;line-height: 29px;}
        table.statement_table {width: 100%; border-collapse: collapse; font-family: 'Montserrat', sans-serif;}
        table.statement_table tr th{font-size: 12px;font-weight: 400;color: #a8bfc5;text-align: center;text-transform: uppercase;    font-weight: 600; color: #8a9bab;}
        table.statement_table td,table.statement_table th{padding: 7px; text-align: left;}
        .tablink {color: #777 !important;}
        table.statement_table td{font-size: 14px;line-height: 18px;border-bottom: 1px solid var(--bg-color);color: var(--primary-color);text-align: center;}
        table.statement_table th{font-size: 12px;line-height: 15px;}
        table.statement_table td:first-child,table.statement_table th:first-child{padding-left: 30px;}
        .statement_table h3{font-size: 18px;line-height: 22px;}
        .statement_table h2{font-size: 24px;line-height: 29px;font-weight: 700;}
        .statement_table h4{font-size: 18px;line-height: 22px;font-weight: 400;}
        .statement_table span{font-size: 12px;line-height: 15px;text-transform: uppercase;}
        .no_border{border:none !important;}
        .popup_statement_content{padding-bottom: 40px;}
        .tabcontent table {padding: 0 20px !important; }
        form#generate_invoice {background: #fff; padding-top: 30px;}

/*.inv_name_column img{width: 37px;height: 37px; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 3px 6px #D6DAE1; margin: auto;display: inline-block;vertical-align: middle;}
.inv_name_column h3, .inv_total_due h3{display: inline-block;vertical-align: middle;margin-left: 13px;font-size: 18px;line-height: 22px;}*/
.inv_name_column {vertical-align: top; position: relative; display: flex; align-items: center; } 
.inv_name_column img {width: 37px; height: 37px; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 3px 6px #D6DAE1; margin-right: 10px; position: absolute; top: 45%; left: 0; transform: translateY(-50%);}
.inv_name_column h3 {margin-top: 0px; vertical-align: top; text-indent: 50px; display: block; line-height: 27px; }
.invoice_table td:first-child, .invoice_table th:first-child{padding-left: 32px;}
.inv_email{color: #a8bfc5;font-size: 14px;line-height: 18px;}
.inv_grp_lesson, .inv_ind_lesson, .inv_total_lesson{color: var(--primary-color);font-size: 18px;line-height: 22px;}
.inv_grp_lesson span, .inv_ind_lesson span{color: #a8bfc5;}
.inv_total_due{}
.inv_total_due{display: flex;align-items: center;justify-content: space-between;margin-right: 20px;}
.inv_print{padding: 10px; width: 30px;height: 30px;border-radius: 50%;background: #a8bfc5;display: inline-block;position: relative;vertical-align: middle;}
.inv_print:before{content: ""; background: url(../images/inv_assignment.svg) no-repeat center center; background-size: cover; width: 10px;
height: 11px;display: block;padding-left: 0 !important; margin: auto;}
.inv_active_row{background: #F9F9F9;}

/*---------teacher payment -----------------*/
.play_btn{font-size: 12px;line-height: 15px;display: inline-block;padding: 8px 12px;border-radius: 30px;color: #fff;background: var(--primary-color);}

/* head_payment_received_popup */

.head_payment_received_popup{padding-top: 38px;background: #F9F9F9;}
.head_payment_received_popup > a{display: inline-block;padding: 15px 20px; text-align: center;color: #a8bfc5;text-transform: uppercase;font-size: 18px;line-height: 22px;}
.head_payment_received_popup a.active{background: #fff;color: var(--primary-color);}
form.payment_received_date {max-width: 410px; display: flex; align-items: center; padding: 25px 20px; }
.payment_received_data{display: none;background: #fff;padding-bottom: 60px;}
.payment_received_data.active{display: block;}
.payment_receive_teacher{display: flex;align-items: center;justify-content: flex-start;}
.payment_receive_teacher img{width: 24px;height: 24px;border-radius: 50%;object-fit: cover;margin-right: 10px;}

.payment_received_data table{width: 100%;border-collapse: collapse;}
.payment_received_data table tr th{background: #F9F9F9;font-size: 12px;font-weight: 400;color: #a8bfc5;text-align: left;text-transform: uppercase;}
.payment_received_data table td, .payment_received_data table th{padding: 10px;}
.payment_received_data table td{font-size: 14px;line-height: 18px;border-bottom: 1px solid var(--bg-color);}
.payment_received_data table th{font-size: 12px;line-height: 15px;}
.payment_received_data table td:first-child, .payment_received_data table th:first-child{padding-left: 30px;}
.payment_btm_send{padding: 25px;}
.inner_payment_btm{ display: flex; align-items: center; justify-content: flex-end;}
.inner_payment_btm a{text-transform: uppercase;font-size: 14px;font-weight: 700;padding: 11px 12px;}
.inner_payment_btm .date_block{margin: 0 15px;}
.inner_payment_btm span{font-size: 12px;text-transform: uppercase;}


.due_payment{display: flex;justify-content: space-between;align-items: center;margin-right: 20px;}
.due_payment h3{}
.due_payment a{ padding: 10px; width: 30px; height: 30px; border-radius: 50%; background: #a8bfc5; display: inline-block; position: relative; vertical-align: middle;}
.due_payment a:before{    content: ""; background: url(../images/ic_send.svg) no-repeat center center; background-size: cover; width: 10px; height: 11px; display: block;}

#invoice_payment_receive h3{font-size: 24px;line-height: 29px; font-weight: 700; color: var(--primary-color);}
#invoice_payment_receive h4{font-size: 18px;font-weight:400;line-height: 22px;color: var(--primary-color);}

/*--------------------------------------*/
/*  jlly css */


.terms_title_section { display: flex; flex-wrap: nowrap; align-items: center; margin-bottom: 50px;}
.bma_center-search-section{/*float: right;text-align: right;width: 90%;*/}
.form_input_search form{width: auto;margin-right: 20px;margin-left: 20px;}
.add_btn_img{border: none}
.terms_date{font-size: 14px;font-weight: 400;line-height: 18px;color: #a8bfc5;display: inline-block;vertical-align: middle;}
.terms_year td:first-child{padding: 20px 25px;}
.terms_year td:nth-child(2){text-align: right}
.terms_year td:last-child{width: 20%;}
.two_field_btn{position: relative;height: 100%;}
.submit_btn_terms{position: absolute;bottom: 0;width: 100%;margin-bottom: 20px;}




/*---------------------------stl css----------------------------*/

/*------------------dashboard css----------------*/
.dashboard_container{width: calc(100% - 120px); float: right;padding: 60px 55px;background-color: var(--bg-color);min-height: 100vh;}
.dashboard_heading{font-size: 36px;line-height: 44px;font-weight: 600;color: var(--primary-color);}
.student_heading{margin-top: 56px;display: flex;}
.student{     background-color: var(--primary-color); padding: 26px; border-radius: 5px; font-size: 18px; line-height: 22px; color: #FFFFFF; position: relative; width: 33.33%; margin-right: 22px;}
.student::after{    background: url(../images/ic_face_24px.png) no-repeat; content: ''; height: 31px; width: 31px; position: absolute; top: -3; left: 20px; top: 20px; background-position: left top;}
.student_text{padding-left: 35px;text-transform: capitalize;}
.student_fee{float: right; font-size:  24PX; font-weight:600;}
.teacher{  background-color: var(--primary-color); padding: 26px; border-radius: 5px; font-size: 18px; line-height: 22px; color: #FFFFFF; position: relative; width: 33.33%; margin-right: 22px;}
.teacher::after{background: url(../images/ic_group_24px.png) no-repeat; content: ''; height: 23px; width: 36px; position: absolute; top: -3; left: 20px; top: 20px; background-position: left top;}
.teacher_text{padding-left: 40px;text-transform: capitalize;}
.vanue{background-color: var(--primary-color); padding: 26px; border-radius: 5px; font-size: 18px; line-height: 22px; color: #FFFFFF; position: relative; width: 33.33%; }
.vanue::after{    background: url(../images/ic_place_24px.png) no-repeat; content: ''; height: 31px; width: 22px; position: absolute; top: -3; left: 20px; top: 20px; background-position: left top;}
.veanue_text{padding-left: 30px;text-transform: capitalize;}
.recent_activity{display: flex;margin-top: 45px;}
.recent{display: block;width: 60%;}
.recent_heading{color: #a8bfc5;font-size: 18px;line-height: 22px;font-weight: 600;}
.recent_blog{  align-items: center; display: flex;    justify-content: space-between; flex-wrap: wrap;margin-bottom:20px;}
.recent_main_blog{margin-top: 20px;padding: 40px 30px;background-color: #FFFFFF;width: 100%;}
.profile_img{    display: inline-block; height: 47px; width: 47px; border: 1px solid var(--bg-color); border-radius: 50%; position: relative; align-self: start; vertical-align: middle; margin-right: 20px;}
.profile_img>img{height: auto; width: auto; position: absolute; top: 33%; left: 33%;}
.profile_detial{margin-bottom: 20px;}
.recent_blog:last-child{margin-bottom: 0px;}
.progile_name{font-size: 18px;line-height: 22px;color: var(--primary-color);text-align: left;}
.profile_date_dash{position: relative;text-align: right;}
.profile_date_dash>a{background: url(../images/ic_close_24px.png) no-repeat; display: block; height: 10px; width: 10px; position: absolute; right: 10; right: 0px; top: 3px;}
.dash_profile{font-size: 14px;color: #a8bfc5;}
.dash_profile_time{font-size: 14px;color: #a8bfc5;}
.dash_profile_pipe{padding: 0px 10px;color: #a8bfc5;}
.btn_teacher{font-size: 14px; color: #ffffff; text-transform: capitalize; background-color: var(--primary-color); height: 23px; border-radius: 45px; padding: 3px 12px; margin-right: 30px; line-height: 18px; font-weight: 400; letter-spacing: 0.5px;}
.new_student{width: 40%;margin-left: 30px;}
.new_student_category{display: flex; align-items: center;margin-bottom: 10px;padding: 7px 11px 11.7px 11px;background-color:#ffffff; border-radius: 10px;}
.new_student_category:last-child{margin-bottom: 0px;}
.student_category_name{margin-left: 17px;}
.student_category_img{align-self: start; min-width: 57px; font-size: 0px;}
.student_category_img>img{     height: 63px; width: 63px; border-radius: 50%; border: 5px solid #ffffff; box-shadow: 0 5px 3px #BDC6D1;}
.student_name{color: var(--primary-color);font-size: 22px;font-weight: bold;line-height: 27px;}
.student_category{font-size: 14px; line-height: 18px; background-color: var(--primary-color); border-radius: 45px; padding: 0px 5px; color: #ffffff;}
.call::after{background: url(../images/ic_call_24px.png) no-repeat; content: ''; height: 15px; width: 15px;position: absolute;left: 0;top: 4px;}
.mobile_no{color: #a8bfc5;font-size: 14px;line-height: 18px;padding-left: 20px;}
.email::after{background: url(../images/ic_markunread_24px.png) no-repeat; content: ''; height: 15px; width: 15px;position: absolute;left: 0;top: 4px;}
.email_id{color: #a8bfc5;font-size: 14px;line-height: 18px;padding-left: 20px;}
.calender::after{background: url(../images/ic_event_24px.png) no-repeat; content: ''; height: 16px; width: 15px;position: absolute;left: 0;top: 0px;}
.calender_date{color: #a8bfc5;font-size: 14px;line-height: 18px;padding-left: 20px;}
.student_detail{margin-top: 5px;}
.recent_main_content_blog{margin-top: 20px;}
.student_detail > a {position: relative; display: inline-block; border-right: 2px solid #ddd; padding-right: 5px; margin-right: 5px; }
.student_detail > a:last-child {margin-right: 0; border-right: 0; padding-right: 0; }

/*--------------student csss----------*/
.chosen-container{ font-family: 'Montserrat', sans-serif!important;color: var(--primary-color)!important;}
.chosen-container-single .chosen-single {font-size:18px!important;position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 25px; border-radius: 0px!important; background-color: transparent!important; background:unset!important; box-shadow: unset!important; color: var(--primary-color)!important; text-decoration: none; white-space: nowrap; line-height: 24px; border: unset!important; border-bottom: 2px solid var(--bg-color)!important; margin-top: 10px; }
.chosen-container-active .chosen-single {border:none!important; -webkit-box-shadow: none!important; box-shadow:unset!important; border-bottom: 2px solid var(--bg-color)!important; }
.self_bma_input .chosen-container{font-size: 18px!important; color: var(--primary-color)!important; font-weight: 700!important; }
.self_bma_input .chosen-container-single .chosen-default {color: var(--primary-color)!important; }
/*----------------------venue css----------------*/

.bma_left-title-section{    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 50px;}
.bma_data_table_venue img{    width: 185px; height: 121px; margin: auto; border-radius: 15px;}
.bma_data_table_venue tr {background: #fff; }
.bma_data_table_venue td:first-child {padding: 10px 8px; }
.bma_data_table_venue td {padding: 26px 0px;}
.bma_data_table_venue td:last-child {text-align: right; padding: 20px 25px; }
.venue_icon{font-size: 14px; font-weight: 400; line-height: 18px; color: #a8bfc5; position: relative; display: inline-block; vertical-align: middle;}
.venue_icon:before {content: ''; background: url(../images/ic_place_24px.jpg) no-repeat center center; background-size: cover; width: 12px; height: 16px; display: inline-block; vertical-align: middle;}
.rurees_venue{color: var(--primary-color);font-weight:700;font-size: 30px;line-height: 37px;}
.per_hour{font-size: 14px;line-height: 18px;color: #a8bfc5;}
.venue_category{margin-top: 10px;}
.chek_radio{font-size: 12px;line-height: 15px;color: #a8bfc5;}
.bma_custom_input_bold{font-weight: 600;}
.upload-btn-wrapper {position: relative; overflow: hidden; display: inline-block; vertical-align: top;}

.btn {color: var(--bg-color); background-color: white; padding: 8px 20px; font-size: 20px; font-weight: bold; border: none; height: 136px; width: 136px; display: block; margin: auto;
}
.btn::after{ background: url(../images/ic_crop_original_24px.jpg); content: ''; width: 24px; height: 24px; position: absolute; display: block; top: 20%; right: 44%; }

.upload-btn-wrapper input[type=file] {font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0; }
.upload_img{    height: 136px; width: 207px; display: inline-block;}


[type="checkbox"]:not(:checked), [type="checkbox"]:checked {position: absolute; left: -9999px; }
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {position: relative; padding-left: 1.95em; cursor: pointer; }

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 1px solid var(--primary-color); background: #fff; border-radius: 4px; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); }
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {content: '\2713\0020'; position: absolute; top: 3px; left: .22em; font-size: 1em; line-height: 15px ; color: var(--primary-color); transition: all .2s; font-family: 'Montserrat', sans-serif; }
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {opacity: 0; transform: scale(0); }

[type="checkbox"]:checked + label:after {opacity: 1; transform: scale(1); }
.bma_custom_input_textarea::placeholder {color:var(--primary-color);}
.bma_custom_input_textarea{    border: 2px solid var(--bg-color); outline: none; background: transparent; color: var(--primary-color); font-size: 18px; line-height: 22px; width: 100%;padding: 20px;}
.address_venue{color: #a8bfc5;font-size: 12px;line-height: 15px;margin-bottom: 15px;display: block;}
.btn_submit{font-size: 16px;line-height: 19px;color: #ffffff;background-color: var(--primary-color);width: 100%;text-align: center;border:none;padding: 15px 0px;border-radius: 5px;}
.chosen-container{width: 100%!important;}
.chosen-container-multi .chosen-choices{border:none!important;padding: 5px!important;border-bottom: 2px solid var(--bg-color)!important;   background-color: transparent!important; background-image: unset!important;}
.chosen-container-active .chosen-choices{box-shadow: none!important;}
.chosen-container .chosen-container-multi .chosen-container-active{width: 100%!important;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {top: 7px!important; right: 5px!important; }
.chosen-container-multi .chosen-choices li.search-choice {padding: 7px 25px 7px 8px!important; border: none!important; border-radius: 45px!important; background-color: var(--primary-color)!important; background-size: 100% 19px; background-image:unset!important; border: none; color: #ffffff!important;  }
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {color: #a8bfc5!important; font-family: 'Montserrat',sans-serif!important; font-size: 12px!important; }
/*---------------------   schedule css--------------------------------*/
.bma_center_section_schedule{padding: 60px 50px;/* width: calc(100% + 120px);*/ padding-left: 170px;width: 100%;min-height: 100vh;}
/*.user_icon::before{    content: ''; background: url(../images/call_icon.svg) no-repeat center center; background-size: cover; width: 14px; height: 14px;}
.location_icon::before{ content: ''; background: url(../images/call_icon.svg) no-repeat center center; background-size: cover; width: 14px; height: 14px;}*/
.scdelu_btn{padding: 13px 40px;}
.pluse_icon{    text-align: center; font-size: 33px; line-height: 22px; color: #ffffff; background-color: var(--primary-color);margin:10px;margin-right: 0px;}
.temp_date_schedule {flex-wrap: wrap;background: #ffffff; display: flex; border-radius: 50px; border: 1px solid var(--bg-color); padding: 15px 0; }
.date_range_box_schedule {padding-left: 20px; background: url(../images/ic_event_24px.svg) no-repeat center center; background-size: auto; background-position-x: 0px; background-position-y: 5px; vertical-align: middle; font-size: 14px; color: var(--primary-color); white-space: nowrap; line-height: 27px; margin-right: 20px; margin-left: 20px; }
.bma_schedule_user{display:inline-flex;border-radius: 5px;padding:13px 9px;border:1px solid var(--bg-color);}
.bma_schedule_user>div>img{height: 34px;width: 34px;border-radius: 50%;border: 4px solid #fff;  box-shadow: 0 3px 6px #A3A9B7;margin:unset;}
.bma_schedule_user_detail{padding-left: 7px;margin: auto 0px;}
.bma_schedule_user_name{font-size: 14px;line-height: 18px;color:var(--primary-color);word-break:break-word;}
.bma_schedule_user_number{font-size: 12px;line-height: 15px;color: #a8bfc5;}
.bma_schedule_user_td{text-align: right;}
.tbl_schedule{overflow-x: auto;  /*  min-width: 920px;*/}
/*------------------------group css------------------------------------*/
.group_profile_detail{display: flex; flex-wrap: wrap; width: 100%; justify-content: start; align-items: center;margin-top: 23.5px;}
.group_profile{    width: 100%; height: 65px; max-width: 65px; align-self: start;} 
.group_profile>img{       width: 65px; height: 65px; border: 5px solid #fff; border-radius: 50%; box-shadow: 0 3px 6px #A3A9B7; }
.group_profile_icomn{padding-left: 20px;}
.data_append{margin-top: 20px;}
.group_profile_chosen .chosen-container-multi .chosen-choices li.search-choice {display: none;}
.close_groupmember{ background: url(../images/ic_close_24px.png) no-repeat center center; background-size: cover; width: 14px; height: 14px;    margin: auto 0px; margin-left: 10px;}
.schedule_color{background-color: #ffffff;margin-bottom: 5px;margin-right: 5px;width: 220px;}
.uname_size{width: 135px;}
/*--------------------------iinvoice csss----------------------------*/
.invoice_venue_tbl{display: flex;justify-content: space-between;}
.total_invoice_venue{color: #a8bfc5;font-size: 14px;line-height: 18px;margin-bottom: 10px;}
.total_invoice_venue_rupees{color: var(--primary-color);font-size: 18px;line-height: 22px;}
.total_invoice_due_rupees{color: var(--primary-color);font-weight: bold;font-size: 18px;}
.user_name_std{color: var(--primary-color); font-size: 12px;line-height: 15px;} 
.invoice_venue_tbl_1{display: inline-block;}
.invoice_venue_tbl_2{display: inline-block;}
.invoice_tbl_1 td{border:none;}
.invoice_tbl{align-items: center;}


/*-----------------------end -----------------------------*/

/*------------------------rajan css---------------------------------*/
/* Teacher page */

/* center section */

.bma_teacher_center_section { padding: 60px 50px; width: calc(66.66% + 120px); padding-left: 170px; }
.bmi_teacher_header-divs { width: 50%; }
.bma_teacher_center-title-section {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 50px;}

.bma_teacher_center-search-section{text-align: -webkit-right;}
.bma_teacher_center-search-section form {position: relative; width: 300px;}
.bma_teacher_center-search-section input[type=text] {color: var(--primary-color); font-size: 14px; font-weight: 300; border: none; padding: 17px 20px 17px 40px; border-radius: 50px; width: 300px; box-shadow: 0 3px 6px #EEEFF2; }
.bma_teacher_center-search-section input[type=submit] {position: absolute; top: 50%; right: 20px; background: url(../images/search_icon.svg) no-repeat center center; font-size: 0; border: none; width: 18px; height: 18px; margin-top: -9px; cursor: pointer; }

.bma_teacher_center-search-section ::-webkit-input-placeholder {color: #a8bfc5; }
.bma_teacher_center-search-section :-ms-input-placeholder {color: #a8bfc5; }
.bma_teacher_center-search-section ::placeholder {color: #a8bfc5; }


.teacher_title { font-size: 22px; line-height: 27px; color: var(--primary-color); font-weight: 700; display: inline-block; vertical-align: middle; }
.skill_title {font-size: 14px; line-height: 18px; color: #fff; border-radius: 60px; background-color: var(--primary-color); display: inline-block; vertical-align: middle; padding: 3px 10px; }
.bma_teacher_location{color: var(--primary-color);font-size: 14px;margin-left: 23px; }

.bma_data_table img, .destroy_data_tabel img { width: 70px; height: 70px; border: 5px solid #fff; border-radius: 50%; box-shadow: 0 3px 6px #A3A9B7; margin: auto; }
.bma_teacher_skill_section{margin-top: 9px;}
.teacher_icon { font-size: 14px; font-weight: 400; line-height: 18px; color: #a8bfc5; position: relative; display: inline-block; vertical-align: middle;}
.teacher_icon:nth-child(2), .teacher_icon:nth-child(3) { padding: 0 10px; }
.teacher_icon:before { display: inline-block; vertical-align: middle; margin-right: 10px; }
.teacher_icon:after {content: '|'; padding-left: 10px; display: inline-block; vertical-align: middle; }
.teacher_icon:last-child:after { content: ''; }
.call_icon:before { content: ''; background: url('../images/call_icon.svg') no-repeat center center; background-size: cover; width: 14px; height: 14px;}
.mail_icon:before { content: ''; background: url('../images/mail_icon.svg') no-repeat center center; background-size: cover; width: 15px; height: 12px;}
.user_icon:before { content: ''; background: url('../images/user_icon.svg') no-repeat center center; width: 13px; height: 13px;}
.location_icon:before { content: ''; background: url('../images/location_icon.svg') no-repeat center center; background-size: cover; width: 11px; height: 16px;}

.bma_table-headwe-title { margin-top: 10px; }
.bma_table-headwe-title span:first-child{
    color: #000 !important;
    font-weight: 500 !important;
    text-shadow: none !important;
}
.bma_table-headwe-title span {
    color: var(--primary-color) !important;
    font-weight: 500 !important;
    text-shadow: none !important;
    display: inline-block;
}
.bma_data_table tr{background: transparent !important;}
.destroy_data_tabel tr{background: #fff;}
.destroy_data_tabel{border-spacing: 0px 10px;}
.bma_data_table td, .destroy_data_tabel td{padding: 20px 0px; display: table-cell;}
.bma_data_table td:first-child, .destroy_data_tabel td:first-child{padding: 20px 10px; border-radius: 10px 0 0 10px;}
.bma_data_table td:last-child, .destroy_data_tabel td:last-child {text-align: right; padding: 20px 25px; border-radius: 0 10px 10px 0; width: 35%;}

.manage_icon {background: #F1F4F9; width: 40px; height: 40px; border-radius: 50%; display: inline-block; vertical-align: middle; padding: 10px; }
.manage_icon:before { content: ''; display: block; margin: auto; line-height: 45px;}
.manage_icon.edit_icon:before { background: url('../images/edit_icon.svg') no-repeat center center; background-size: cover; width: 16px; height: 16px; }
.manage_icon.delete_icon:before { background: url('../images/delete_icon.svg') no-repeat center center; background-size: cover; width: 13px; height: 17px; }
.manage_icon.schedule_icon:before { background: url('../images/schedule_icon.svg') no-repeat center center; background-size: cover; width: 17px; height: 18px; }
.manage_icon.delete_icon { margin: 0 2px;}

/* 3. right sidebar */

.bma_teacher_right_sidebar { background: #F9FBFE; padding: 60px 50px;width: calc(33.33% - 120px);min-height: 100vh;}
.bma_input_section { margin: 23.5px 0px !important; }
.bma_input { width: 100%; background: transparent; border:none; }
select.bma_input { font-size: 18px; color: var(--primary-color); font-weight: 700; line-height: 22px; border-bottom: 1px solid var(--bg-color); padding: 10px 0;    outline-offset: 0px !important;outline: none;font-family: 'Montserrat', sans-serif; }
.bma_student_title{margin-bottom: 40px;}
.bma_input_section input[type=number]::-webkit-inner-spin-button, .bma_input_section input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
.bma_submit_input{width: 100%;height: 50px;border: none;background: var(--primary-color);border-radius: 4px;font-size: 19px;color: #ffffff;text-transform: uppercase;}
.bma_teacher_submit_container{padding-top: 27px;}
.input_money_symbol::before{content: '$';font-size: 18px;font-weight: bold;}
.bma_money_input::after{content: "per Hour"}
.add_teacher_button{display: none}

.bma_teacher_close_button{display: none}
.new_teacher_wrapper{width: calc(33.33% - 120px);}
.new_teacher_wrapper .bma_teacher_right_sidebar{width: 100%}

/* bma_input_fields for students page */
.bma_input_fields.bma_input_section .bma_custom_input { padding: 20px 0 15px 0;cursor: pointer}
.bma_input_fields.bma_input_section .bma_custom_input+span { font-size: 12px; line-height: 15px; top: 25px; }
.bma_input_fields.bma_input_section .bma_custom_input:focus+span{top: 0px; }
.bma_input_fields.bma_input_section .bma_custom_input:valid+span{top: 0px; }

.bma_label_input select{ font-weight: normal; }
.bma_label_input > label { color: #a8bfc5; font-size: 12px; }

.bma_teacher_charge{display: flex;flex-wrap: wrap;justify-content: space-between;}
.teacher_input_money{width: 46%;border-bottom: 2px solid var(--bg-color);padding-bottom: 10px;margin-bottom: 25px;}
input.bma_teacher_money_input{border: none;width: 41px;background: transparent;font-size: 18px;font-weight: bold;}
.bma_teacher_charge_head{font-size: 12px;margin-bottom: 17px;color: #a8bfc5;}
.bma_teacher_charge_text{font-size: 12px;margin-bottom: 17px;color: #a8bfc5;}
.teacher_input_money input[type=number]::-webkit-inner-spin-button, .bma_input_section input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}

/* multipal select */
.chosen-container{width: 100%!important;}
.chosen-container-multi .chosen-choices{border:none!important;padding: 5px!important;border-bottom: 2px solid var(--bg-color)!important;   background-color: transparent!important; background-image: unset!important;}
.chosen-container-active .chosen-choices{box-shadow: none!important;}
.chosen-container .chosen-container-multi .chosen-container-active{width: 100%!important;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {top: 7px!important; right: 5px!important; }
.chosen-container-multi .chosen-choices li.search-choice {padding: 7px 25px 7px 8px!important; border: none!important; border-radius: 45px!important; background-color: var(--primary-color)!important; background-size: 100% 19px; background-image:unset!important; border: none; color: #ffffff!important;  }
.active-result .highlighted {background-color: var(--primary-color) !important;}

/*-----------------------end ----------------------------------*/

/*------------------hardik css----------------------------------*/
.bma-email-section{padding-left: 170px; padding-right: 48px; width: 100%; height: 100vh; overflow-y: hidden; }
.bma-email-section .bma-email-title{padding-top: 48px; padding-bottom: 43px; }
.bma-email-section .bma-email-title h2{font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 36px; color: var(--primary-color); line-height: 48px; }
.bma-email-section .bma-inbox-section{width: 100%; padding:30px; background: #fff; }
.bma-inbox-section .bma-email-list-sec{height: 75vh; overflow-y: auto; padding-bottom:60px; }
.bma-inbox-section .bma-inbox-header{margin-bottom: 30px; justify-content: flex-end; }
.bma-inbox-section .inbox-left, .bma-inbox-header{display: flex; align-items: center; justify-content: space-between; }
.bma-inbox-section .inbox-left h3{font-size: 24px; font-weight: 700; font-family: 'Montserrat', sans-serif; color:var(--primary-color); display: inline-block; }
.bma-inbox-section .inbox-left span{font-size:12px; font-weight: 400; font-family: 'Montserrat', sans-serif; color:var(--primary-color); margin-left: 19px; }
.bma-inbox-section .inbox-right{display: flex;}
.bma-inbox-section .inbox-right .bma-email-options form{border:1px solid var(--bg-color); border-radius: 50px; }
.bma-inbox-section .inbox-right select,
.bma-inbox-section .inbox-right select option{border:none; font-size:16px; font-weight: 400; font-family: 'Montserrat', sans-serif; color:#a8bfc5; line-height: 21px; padding: 14px; border-radius: 50px; outline: none; margin-right: 10px; }
.bma-inbox-header .bma-email-options input[type=submit]{width: 37px; height: 37px; background-image: url(../images/ic_delete.svg); background-repeat:no-repeat; background-position:center center; background-size: 14px 18px; background-color:var(--bg-color); right: 6px; top: 12px; position: relative; transform: translateY(-50%); margin-top: 0; border:none; font-size: 0; border-radius: 50%; }
.bma-inbox-header .inbox-right a.email-btn,
.new_email-container input.email-btn{color: #fff; display: inline-block; font-size: 18px; font-weight: 700; font-family: 'Montserrat', sans-serif; background: var(--primary-color); padding: 14px 34px; border-radius: 50px; margin-left: 10px; text-transform: uppercase; cursor: pointer; }
.bma-inbox-header .bma_center-search-section form{width: 322px; margin-left: 10px;}
.bma-inbox-header .bma_center-search-section input[type=text]{font-size: 16px; font-weight: 400; font-family: 'Montserrat', sans-serif; padding: 15px 24px; width: 100%; border:1px solid var(--bg-color); box-shadow: none; }
.bma-inbox-header .bma_center-search-section input[type=submit]{width: 12px; height: 12px; background: url(../images/ic_search.svg) no-repeat center center; right: 24px; transform: translateY(-50%); margin-top: 0; }
.bma-d-flex{display: flex; align-items: center; }
.bma-email-list-sec .bma-inbox-msg{position: relative; cursor: pointer; }
.bma-email-list-sec .bma-inbox-select{vertical-align: super; margin-right: 15px; max-width: 20px; }
.bma-email-list-sec .bma-inbox-select, .bma-email-list-sec .inbox-inner{display: inline-block;}
.bma-email-list-sec .inbox-inner{max-width: 98%;width: 100%;}
.bma-email-list-sec .bma-inbox-left{max-width: 110px; width: 100%; }
.bma-email-list-sec .bma-inbox-left .bma-inbox-select{margin-right: 15px;}
.bma-email-list-sec .bma-inbox-p_image img{width: 30px; height: 30px; }
.bma-email-list-sec .bma-inbox-actions a:first-child{ margin-left:32px; }
.bma-email-list-sec .bma-inbox-msg{border:1px solid var(--bg-color); background: #FCFDFE; border-radius: 4px; margin-bottom: 3px; padding: 9px 19px 9px 16px; }
.bma-inbox-msg .bma-inbox-select input[type="checkbox"]{width: 20px; height: 20px; border:none; outline: none; background-color: var(--bg-color); border-radius: 4px; cursor: pointer; position: relative; left: 0; }
.bma-inbox-msg .bma-inbox-select input[type="checkbox"]:checked::after{background-color: var(--primary-color); content: '\2713\0020'; position: absolute; color: #fff; padding: 1px 4px 1px 5px; left: 0; border-radius: 4px; font-size: 14px; }
.bma-email-list-sec .bma-inbox-p_image{width: 65px;}
.bma-email-list-sec .bma-inbox-p_image img{position: relative;z-index: 3;}
.bma-email-list-sec .bma-inbox-p_image img:nth-child(2){left: -17px;z-index: 2;}
.bma-email-list-sec .bma-inbox-p_image img:nth-child(3){left: -35px;z-index: 1;}
.bma-email-list-sec .bma-inbox-p_image img:nth-child(4){left: -55px;z-index: 0;}
.bma-email-list-sec .bma-email-photo p{font-size:14px; font-weight: 400; font-family: 'Montserrat', sans-serif; color:#a8bfc5; margin-left: 6px; }
.bma-email-list-sec .bma-inbox-title{ width: 100%;}
.bma-email-list-sec .bma-inbox-title h5{font-size:18px; font-weight: 600; font-family: 'Montserrat', sans-serif; color:var(--primary-color); margin-right: 64px; margin-left: 50px; }
.bma-email-list-sec .bma-inbox-title p{font-size:14px; font-weight: 400; font-family: 'Montserrat', sans-serif; color:#a8bfc5; }
.bma-email-list-sec .bma-email-date{ max-width: 210px;width: 100%;justify-content: flex-end;}
.bma-email-list-sec .bma-email-date p{font-size:14px; font-weight: 400; font-family: 'Montserrat', sans-serif; color:var(--primary-color); }
/* New Email */
.new_email_popup{max-width: 890px; margin: 0 auto; position: relative; width: 100%; padding: 25px 34px 142px 31px; background: #fff; }
.new_email_popup .mfp-close {width: 20px; height: 20px; opacity: 1; top: 28px; right: 30px; font-size: 20px; border-radius: 50%; line-height: 20px; }
.new_email_popup button.mfp-close, button.mfp-arrow{background: #a8bfc5}
.new-mail-body .mfp-close-btn-in .mfp-close{color:#fff;position: absolute;top: 25px;right: 35px;}
.new_email_popup .new_email-title h4 {font-size:18px; font-weight: 700; font-family: 'Montserrat', sans-serif; color:var(--primary-color); } .new_email-container form .new-email-users{ padding: 33px 0 35px; }

.new_email-container form label{margin-right: 37px; font-size:12px; font-weight: 400; color: #a8bfc5; font-family: 'Montserrat', sans-serif; }
.new_email-container form .bma_custom_radio:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 14px; height: 14px; border: 1px solid #a8bfc5; border-radius: 50%; background: #fff; box-sizing: border-box; }
.new_email-container .bma_custom_radio:checked + label:before{width: 14px; height: 14px; box-sizing: border-box; }
.new_email-container .bma_custom_radio:checked + label:after, .new_email-container .bma_custom_radio:not(:checked) + label:after{width: 8px; height: 8px; top: 3px; left: 3px; box-sizing: border-box; }
.new_email-container .bma_custom_radio:checked + label, .new_email-container .bma_custom_radio:not(:checked) + label{line-height: 15px; padding-left: 20px; }
.new_email-container form .new-email-users input[type="radio"]:checked + label{ color: var(--primary-color); }
.new_email-container form .new-email-users input[type="radio"]:not-checked + label{ color: var(--primary-color); }

.new_email-container form .new-email-users .form-group{display: flex;}
.new_email-container .user-recipient{display: flex; align-items: center; background: var(--bg-color); padding: 6px 9px 7px 8px; border-radius: 4px; margin-right: 6px; margin-top: 5px; }
.new_email-container .user-recipient .recipient-img{box-shadow: 0 5px 6px #D6DAE1; border:1px solid #fff; border-radius: 50%; margin-right: 8px; }
.new_email-container .user-recipient h5{font-size:12px; font-weight: 400; font-family: 'Montserrat', sans-serif; color: var(--primary-color); margin-right: 22px; }
.new_email-container form .input-group{ margin-bottom: 25px; }
.new_email-container form .new-email-message.input-group{ margin-bottom: 20px; }
.new_email-container form .input-group input, .new_email-container form .input-group textarea{border:1px solid var(--bg-color); border-radius: 4px; width: 100%; margin-top: 7px; padding: 15px; }
/*.new_email-container form .input-group input{ height: 50px; }*/
.new_email-container form .input-group textarea{resize: none; padding-bottom:15px; }
.new_email-container form input[type="submit"]{border:none; margin-left: 0; }
.new_email-container .new-email-footer{ justify-content: space-between; }
.new_email-container .new-email-footer .new-footer-left .user-name-box{display: inline-block; margin-right: 10px; margin-top: 6px; }
.new_email-container .new-email-footer .new-footer-left a{background: var(--bg-color); display: inline-block; font-size:14px; font-weight: 400; font-family: 'Montserrat', sans-serif; color: var(--primary-color); padding: 8px 34px 10px 16px; border-radius: 4px; }
.new_email-container .new-email-footer [type="checkbox"]:checked + label:before{border:1px solid var(--primary-color); background: var(--primary-color); }
.new_email-container .new-email-footer [type="checkbox"]:not(:checked) + label:before, 
.new_email-container .new-email-footer [type="checkbox"]:checked + label:before{width: 25px; height: 25px; top: -4px; box-shadow: none; }
.new_email-container .new-email-footer [type="checkbox"]:not(:checked) + label:before{border: 1px solid #a8bfc5; }
.new_email-container .new-email-footer [type="checkbox"]:not(:checked) + label:after, .new_email-container .new-email-footer [type="checkbox"]:checked + label:after{
    color: #fff; top: 3px; left: 6px; font-size: 18px; line-height: 15px; }
    .new_email-container .new-email-footer .new-footer-right label{font-size:14px; font-weight: 400; font-family: 'Montserrat', sans-serif; color: var(--primary-color); padding: 0; margin-right: 34px; padding-left: 34px; }
    /* mail info  */
    .bma-email-info{position:relative; background: #fff; max-width: 890px; width: 100%; margin: 0 auto;padding-bottom: 145px; }
    .mail-info-body .mfp-close {right: 6px; top: 41px;position: absolute;}
    .bma-email-info .email-info-container .email-info-header{justify-content: space-between; padding-top: 37px; padding-bottom: 25px; padding-left: 35px; border-bottom: 1px solid #EEF1F4; }
    .email-info-container .email-info-left h5{font-size:12px; font-weight: 400; font-family: 'Montserrat', sans-serif; color: #a8bfc5; text-transform: uppercase; margin-bottom: 7px; }
    .email-info-container .info-mail-users-list .info-mail-user{display: flex; align-items: center; }
    .email-info-container .info-mail-users-list .info-mailer-photo{border:2px solid #fff; box-shadow: 0 5px 6px #D6DAE1; border-radius: 50%; margin: 0 8px; }
    .email-info-container .info-mail-users-list .info-mailer-photo:first-child{ margin-left: 0; }
    .email-info-container .info-mail-users-list .info-mail-user img{ width: 24.50px; }
    .email-info-container .info-mail-users-list .info-mail-user p{font-size:12px; font-weight: 400; font-family: 'Montserrat', sans-serif; color: var(--primary-color); margin-right: 20px; }
    .email-info-container .email-info-right .delete-btn{background: #a8bfc5; width: 41px; height: 41px; border-radius: 50%; position: relative; right: 61px; }
    .bma-email-info .email-info-container .email-info-right a{display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) }
    .email-info-container .email-info-body{ padding: 0 40px 0 42px; }
    .email-info-body .email-info-body-header{ justify-content: space-between; }
    .email-info-body .email-info-body-header h3{font-size:24px; font-weight: 700; font-family: 'Montserrat', sans-serif; color: var(--primary-color); margin-top: 34px; margin-bottom: 38px; }
    .email-info-body .email-info-body-header p{font-size:14px; font-weight: 400; font-family: 'Montserrat', sans-serif; color: #a8bfc5; }
    .email-info-body .email-info-desc p{font-size:18px; font-weight: 400; font-family: 'Montserrat', sans-serif; line-height: 32px; color: #a8bfc5; margin-bottom: 20px; }



.ui-widget-header .ui-icon{
    background: url(../images/ui-icons_444444_256x240.png); 
}


    @media only screen and (max-width: 1622px){
       .bma_radio_section:nth-child(3n+2){margin: 0 10px;}
       .date_range_box{background-position-x: 10px;padding-left: 32px}
       .bma_add_new_child_box{padding:0 15px;}
       .bma_right_sidebar{padding: 60px 30px;}
       /*    rajan css    */
       .teacher_input_money{width: 100%;}
   }
   @media (max-width:1600px){
       /*  hardik css  */
       .bma-email-list-sec .bma-d-flex{align-items: flex-start;}
       .bma-inbox-title.bma-d-flex{flex-direction: column;align-items: flex-start;margin-left: 30px;}
       .bma-inbox-left.bma-d-flex, .bma-email-photo.bma-d-flex{align-items: center}
       .bma-email-list-sec .bma-inbox-title h5{margin-left: 0}
   }
   @media only screen and (max-width: 1510px){
       .bma_radio_section:nth-child(3n+2){margin: 0 6px;}
       .date_range_box{background-position-x: 10px;padding-left: 29px}
   .bmi_header-divs {/* width: 40%;*/ }
.bmi_header-divs:first-child { /*width: 20%; */}
.bma_right_sidebar{padding: 60px 15px;}
.bma_input_section{margin: 30.5px 0px !important;}
.bma_data_table td:last-child, .destroy_data_tabel td:last-child{padding: 20px 6px;}
.manage_icon.delete_icon{margin: 0 6px;}
.bma_radio_section_modify .bma_radio_section{margin: 0 2px;}
.bma_radio_section_modify .bma_radio_section .bma_custom_radio:not(:checked) + label{padding-left: 23px !important;}
.bma_add_new_child_box{padding:0 12px;}
.date_range_box_child{background-position-x: 5px;padding-left: 24px}
/*  hardik css  */
.new_email-container .bma_radio_section_modify .bma_radio_section .bma_custom_radio:not(:checked) + label {padding-left: 20px !important; }
}
@media only screen and (max-width: 1480px){
	/*    rajan css    */
	.bma_teacher_right_sidebar{padding: 60px 30px;}
}
@media only screen and (max-width: 1440px){
	/*.bma_data_table td:last-child, .destroy_data_tabel td:last-child{width:35%}*/
	.manage_icon.delete_icon{margin: 4px 0;}
	
}

@media only screen and (max-width: 1300px){
    .bma_right_sidebar_wrapper {width: calc(40% - 120px);}
    .bma_center_section {width: calc(60% + 120px);}
	/*.bma_right_sidebar {display:none}*/
	/*.bma_center_section{width: calc(100% + 120px);}*/
	.bma_data_table td:last-child, .destroy_data_tabel td:last-child{padding: 20px 13px;}
	.student_icon:nth-child(2), .student_icon:nth-child(3){padding: 0 8px;}
.bmi_header-divs{/*width:35%*/}
.btn_add_student{width:10%}
.bmi_header-divs:first-child{/*width:20%*/}
.close_button{display: none; font-size:-webkit-xxx-large;float: right;transform: rotate(45deg);cursor: pointer;}
.btn_add_student{display: block;text-align: -webkit-right;cursor: pointer;}
span.add_student_button:before{content: ''; background: url('../images/add_member.png') no-repeat center center; width: 49px; height: 49px;display: block}

.bma_sidebar_button{width: 40%;position: absolute;top: 0;right: 0;height: 100%;display: block;overflow: auto;}
.bma_right_bar_container{width: 100%;height: 100%;background: black;z-index: 15;top: 0;position: fixed;}
.display_close_button{display: block;z-index: 100;position: fixed;top: 0;right: 22px;}
.new_wrapper{width: 100%;height: 100%;background: #0000004d;position: fixed;}

/*    rajan css    */
.bma_teacher_right_sidebar {display:none}
.bma_teacher_center_section{width: calc(100% + 120px);}
.bma_teacher_close_button{display: none; font-size:-webkit-xxx-large;float: right;transform: rotate(45deg);cursor: pointer;}
.btn_add_teacher{display: block;text-align: center;cursor: pointer;}
.bmi_teacher_header-divs{width: unset}
.add_teacher_button{font-weight: 700;}
.bma_teacher_close_button{display: none; font-size:-webkit-xxx-large;float: right;transform: rotate(45deg);cursor: pointer;}
.display_bma_teacher_close_button{display: block;z-index: 100;position: fixed;top: 0;right: 22px;}
.bma_sidebar_button{width: 520px !important;position: absolute;top: 0;right: 0;height: 100%;display: block;overflow: auto;}
.new_teacher_wrapper{width: 100%;height: 100%;background: #0000004d;position: fixed;}
.add_teacher_button{display: block;}
span.add_teacher_button:before{content: ''; background: url('../images/add_member.png') no-repeat center center; width: 49px; height: 49px;display: block}
}
@media screen and (max-width:1240px) {

	/*------------------stl css----------------*/ 
	.recent_activity{flex-wrap: wrap;} 
	.recent{width: 100%}
	.new_student {width: 100%;margin-left: 0px;    margin-top: 45px; }
	.recent_main_content_blog {width: 100%; }
	.invoice_venue_tbl{flex-direction: column;}
	.invoice_venue_tbl_1{width: 100%;}
	.invoice_venue_tbl_2{width: 100%;}
}
@media  screen and (max-width: 1100px){
.bmi_header-divs{/*width:40%*/}
/*.bma_data_table td:last-child, .destroy_data_tabel td:last-child{width:13%}*/
.bma_center_section{padding: 60px 30px 60px 160px;}
}
@media (max-width:1065px){
	/*  hardik css  */
    .bma-inbox-section .inbox-right select, 
    .bma-inbox-section .inbox-right select option { font-size: 13px; padding: 10px; } 
    .bma-inbox-header .bma-email-options input[type="submit"] { width: 30px; height: 30px; background-size: 10px 14px; top: 10px; } 
    .bma-inbox-header .bma_center-search-section form { width: 220px; margin-left: 10px; }
    .bma-inbox-header .bma_center-search-section input[type="text"]{font-size: 13px;padding: 11px 20px;}
    .bma-inbox-header .inbox-right a.email-btn{font-size: 13px;padding: 12px 12px;}
}
@media screen and (max-width: 1024px){
	/*  jlly css */
    .terms_year td:last-child{width: 25%;}
    .recent_activity{flex-wrap: wrap;}
    /* stl css  */
    .recent{width: 100%}
    .new_student {width: 100%;margin-left: 0px;    margin-top: 45px; }
    .student_heading{    flex-wrap: wrap;}
    .student{    width: 100%; margin-right: 0px;margin-bottom: 10px; }
    .teacher{width: 100%; margin-right: 0px;margin-bottom: 10px;}
    .vanue{width: 100%;}
    .bmi_header-divs {  width: unset;  }
}
@media (max-width:991px){
	/*  hardik css  */
    .bma-inbox-section .bma-email-list-sec { padding-bottom: 80px; } 
    .bma-inbox-section .inbox-right{ flex-wrap: wrap; justify-content: space-between; width: 100%; } 
    .bma-inbox-section .bma_center-search-section{ width: 100%; order: 3; margin-top: 10px; }
    .bma-inbox-header .bma_center-search-section form{ width: 100%; max-width: 100%; margin-left: 0; }
    .bma-email-list-sec .bma-inbox-actions a:first-child { margin-left: 15px; }
    .bma-email-list-sec .inbox-inner{max-width: 91%;}
    .bma-inbox-msg .bma-d-flex.bma-flex-wrap{flex-wrap: wrap}
    .bma-email-list-sec .bma-d-flex{align-items: center}
    .bma-email-list-sec .bma-inbox-msg {align-items: baseline}
    .bma-email-list-sec .bma-email-date{order: 2;width: 50%;max-width: 50%;}
    .bma-email-list-sec .bma-email-date p { font-size: 12px;}
    .bma-email-list-sec .bma-inbox-left{width: 50%;max-width: 50%;}
    .bma-email-list-sec .bma-inbox-title{order:3;margin-left: 0 !important;margin-top: 20px;align-items: flex-start}
    .bma-email-list-sec .bma-inbox-title p { font-size: 13px;}
    .bma-email-list-sec .bma-inbox-title h5 { font-size: 17px;}

}
@media  screen and (max-width: 960px){
	.bma_student_center_title{width: 100%;font-size: x-large;text-align: center;margin-bottom: 15px;}
	.bma_center-search-section form{margin: unset;}
	.bma_info_list{width: 57%}
	.bma_status-button{width:90px}

	/* .bma_status_button-section{text-align: -webkit-center;
		margin-top: 10px;} */
}
@media screen and (max-width:950px) {
   /*------------------stl css ----------------*/ 
   .bma_schedule_user {display: flex; }
}
@media  screen and (max-width: 810px){
       .bma_center-search-section form{margin: 0 auto;float: unset;}
       .bma_center_section{padding: 15px 30px 60px 90px;}
       .bma_center-title h2{text-align: center}
       .bma_center-title-section{margin-bottom: 25px;}
       .bma_input_section{margin: 16px 0px !important;}
       .bma_info_list {width: 100%;}
       .bma_student_search{width: 250px !important;}
       .bma_student_search input[type=text]{width: 250px}

       /*    rajan css    */
       .teacher_icon:nth-child(2), .teacher_icon:nth-child(3){padding: 0 5px;}
       .teacher_icon:before{margin-right: 5px;}
       .teacher_icon:after{padding-left: 10px;}
       .bma_teacher_center-title-section{margin-bottom: 30px;}

        .bma_left_sidebar { max-width: 75px; padding: 35px 1px 0 3px;}
        .bma_left_sidebar .bma_nav-section li span{font-size: x-small;}
   }





   /* scrollbar css */
   .bma_left_sidebar::-webkit-scrollbar-track,
   body::-webkit-scrollbar-track,
   div::-webkit-scrollbar-track,
   select::-webkit-scrollbar-track,
   tr.child .child::-webkit-scrollbar-track,
   ul::-webkit-scrollbar-track {
       -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
       background-color: #e7eeef;
   }

   .bma_left_sidebar::-webkit-scrollbar,
   body::-webkit-scrollbar,
   div::-webkit-scrollbar,
   select::-webkit-scrollbar,
   tr.child .child::-webkit-scrollbar,
   ul::-webkit-scrollbar {
       width: 6px;
       background-color: #e7eeef;
   }

   .bma_left_sidebar::-webkit-scrollbar-thumb,
   body::-webkit-scrollbar-thumb,
   div::-webkit-scrollbar-thumb,
   select::-webkit-scrollbar-thumb,
   tr.child .child::-webkit-scrollbar-thumb,
   ul::-webkit-scrollbar-thumb {
       background-color: var(--primary-color);
       border-radius: 10px;
   }
   



   /* radio button css */
   .bma_custom_radio { -webkit-appearance: radio; }
   .bma_radio_section *, .bma_radio_section *:after, .bma_radio_section *:before { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
   .bma_custom_radio:checked, .bma_custom_radio:not(:checked) {position: absolute; left: -9999px; }
   .bma_custom_radio:checked + label, .bma_custom_radio:not(:checked) + label {position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #a8bfc5;font-weight: 500; color: #8a9bab; }
   .bma_custom_radio:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff; }
   .bma_custom_radio:checked + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid var(--primary-color); border-radius: 100%; background: #fff; }
   .bma_custom_radio:checked + label:after, .bma_custom_radio:not(:checked) + label:after {content: ''; width: 12px; height: 12px; background: var(--primary-color); position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
   .bma_custom_radio:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .bma_custom_radio:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

   /* input type radio */
   .bma_input_section { position: relative; margin: 50px 0 }
   .bma_custom_input{border: 0px; border-bottom: 2px solid var(--bg-color); outline: none; background: transparent; color: var(--primary-color); font-size: 18px; line-height: 22px; width: 100%; padding: 5px 0 10px 0; } 
   .bma_custom_input:focus{border-bottom: 2px solid var(--primary-color); }
   .bma_custom_input+span{color: white; position: absolute; top: -3px; color: #a8bfc5; pointer-events: none; transition: 0.253s linear; font-size: 18px; line-height: 22px; left: 0; }
   
   .bma_input_fields.bma_input_section .bma_custom_input { padding: 20px 0 15px 0; }
   .bma_custom_input:focus+span{ top: -16px; font-size: 12px; line-height: 15px; }
   .bma_custom_input:valid+span{ top: -16px; font-size: 12px; line-height: 15px; }
   .bma_custom_input.input_valid+span{ top: -16px; font-size: 12px; line-height: 15px; }
   .bma_custom_inpu:not +span{top: -16px; font-size: 12px; line-height: 15px; }
   /*.bma_custom_input:empty+span{top: -3px;font-size: 18px; line-height: 22px; }*/

/*
-webkit-transition: max-width 0.5s ease-out;
-moz-transition: max-width 0.5s ease-out;
-o-transition: max-width 0.5s ease-out;
transition: max-width 0.5s ease-out;

-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
*/


@media only screen and (max-width: 768px){
	.bma_login_section { max-width: 100%; order: 2; -webkit-order: 2; }
	.bma_image_section { max-width: 100%; order: 1; -webkit-order: 1; margin-bottom: 30px;}
	/*  jlly css */
	.terms_year td:last-child{width: 30%;}
    .terms_title_section{flex-wrap: wrap;justify-content: center}
    .bma_center-search-section{float: none;width: auto}
    /*  rajan css  */
    .bma_teacher_center_section{padding: 60px 15px;padding-left: 135px;}
}
@media screen and (max-width: 630px){
	/*  jlly css */
    .add_btn_img{margin-top: 20px;}
    .form_input_search form{margin-top: 20px;}
}
@media only screen and (max-width: 320px){
	.bma_radio_section:nth-child(3n+2) { margin: 0 10px; }
}

.payment_wrapper {margin-top: 10px; } 
.payment_wrapper td >p {font-size: 14px; } 
.payment_wrapper .inv_total_lesson {color: var(--primary-color); font-size: 18px; line-height: 22px; } 
.payment_wrapper .user_student{width: 24px; height: 24px; border-radius: 50%; box-shadow: 0 3px 6px #D6DAE1; margin: auto; vertical-align: top; float: left; margin-right: 5px; } 
.payment_wrapper .user_student img{width: 24px; height: 24px; object-fit: cover; } 
.payment_wrapper table.invoice_table tr {border-bottom: 1px solid #ddd; } 
.payment_wrapper table.invoice_table tr td {padding: 16px 0; text-align: left; } 
.payment_wrapper table.invoice_table tr th {padding: 16px 0; text-align: left; } 
.payment_wrapper table.invoice_table tr th:first-child {padding-left: 30px; } 
.payment_wrapper table.invoice_table tr td:first-child{padding-left: 32px; } 
.invoice_tabel_wrapper {background: #fff; transition: 0.5s ease; border-radius: 6px !important; overflow: hidden; } 
div#payment_popup {max-width: 480px; margin: 0 auto; background: #fff; position: fixed; top: 40px; transform: translate(-50%,0); left: 50%; width: 100%; } 
#payment_popup h3 {color: var(--primary-color); font-weight: 700; } 
.payment_block h5 {color: var(--primary-color); font-size: 24px; font-weight: 700; } 
.payment_block h4 {color: #a8bfc5; font-weight: 400; font-size: 18px; margin-bottom: 6px; } 
.payment_block {display: flex; align-items: center; vertical-align: middle; margin: 30px auto 10px; } 
.payment_block > div {background: #F9F9F9; padding: 11px 10px; width: 100%; max-width: 235px; box-sizing: border-box; display: block; margin-right: 10px; } 
.payment_block > div:last-child {margin-right: 0px; } 
#payment_popup input[type="number"] {width: 100%; font-size: 14px; background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 5px; -webkit-appearance: none; outline: none; } 
#payment_popup  input[type=number]::-webkit-inner-spin-button, #payment_popup  input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; } 
#payment_popup input[type="submit"] {font-size: 16px; -webkit-appearance: none; text-transform: uppercase; font-weight: 500; background: var(--primary-color); color: #fff; width: 100%; border: navajowhite; padding: 16px 20px; margin-top: 10px; outline: none; cursor: pointer; } 
#payment_popup .popup_statement_content {padding: 0 30px 20px; }

.rma-popup{width:90%;max-width:540px;padding:15px ;border:1px solid #f2f2f2;margin:auto;background:#fff;position:relative;zoom:1;}
.dealer-creator-link.rma-popup{max-width: 720px;padding-bottom:18px;}
.dealer-detail-table.rma-popup{max-width: 620px;}
.dealer-detail-table.rma-popup .rma-popup-heading{margin-bottom: 0;}
.rma-popup-heading{float:none;margin-bottom:28px;}
.add-dealer-submit-block{text-align: right;}




.bma_data_table_thead tr{display: none}
.dataTables_wrapper .dataTables_filter, .dataTables_length, .dataTables_info{display:block;}
.dataTables_wrapper.no-footer {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 8px #e2e2e2;
}
.bma_center-search-section{text-align: right;position: relative}
.bma_center-search-section input[type=search]{width: 300px;height: 50px;outline: none;border: none;border-radius: 50px;padding: 0 24px;color: #a8bfc5;position: relative;}
table.dataTable.no-footer {
    border-spacing: 0px 10px;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
    overflow: hidden;
}
.dataTables_wrapper .dataTables_filter {
    width: 100%;
    max-width: 320px;
    margin-bottom: 15px;
}
.dataTables_filter input[type="search"] {
    border: 1px solid #b5b5b5;
    padding: 8px 20px;
    width: 100%;
    margin: 0;
    font-size: 16px;
    border-radius: 50px;
}
.dataTables_length label {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 0px;
    display: block;
}
.dataTables_length select {
    font-size: 18px;
    margin: 0 6px;
    position: relative;
    top: 2px;
    padding: 4px;
    border-radius: 4px;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px 10px 12px;
    border-bottom: 1px solid var(--primary-color);
    text-align: left;
    background: var(--primary-color);
    font-size: 14px;
    font-weight: 600;
    color: #e7eeef;
}
table.dataTable tbody tr:nth-child(odd) {
    background: var(--tbl-odd-color);
}
table.dataTable tbody td a {
    color: #000;
}
table.dataTable tbody td {
    text-transform: capitalize;
    font-size: 16px;
    color: #000;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 15px 10px;
}
.dataTables_wrapper .dataTables_paginate {
    padding-top: 1.25em;
}
tr.dt-rowReorder-moving{outline:1px solid var(--primary-color) !important;outline-offset:-1px !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{background: #afd1de4f !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: var(--primary-color);border: 1px solid transparent;}
.bmi_header-divs.bma_center-title h2, .bma_left-title-section > div h2 {font-size: 36px; line-height: 44px; font-weight: 600; color: var(--primary-color); }
.bma_nav-section ul li a div path {fill: #a8bfc5; }


/*lesson details page*/
.student_report_block {background: var(--bg-color); max-width: 837px; margin: auto; padding: 25px 29px; width: 100%;position: relative;} 
.student_report_block h2 {font-size: 18px; color: var(--primary-color); } 
.user_profile_block {width: 69px; height: 69px; overflow: hidden; border-radius: 100%; margin-right: 11px; } 
.student_information {display: flex; align-items: center; flex-wrap: wrap; } 
/*.student_information > div a {display: block; padding-left: 0 !important; padding-right: 0 !important; font-size: 12px; pointer-events: inherit; }*/ 
.student_information > div a {pointer-events: inherit; } 
.student_information > div a:after{position: relative; top: -3px; } 
.student_report_block_wrapper ul {display: flex; align-items: center; flex-wrap: wrap; } 
.student_report_block_wrapper ul li {background: #fff; width: 100%; display: block; border-radius: 6px; margin-right:0px;overflow:hidden;} 
.top_block_Wrapper {display: flex; align-items: center; justify-content: space-between; background: #f9fbfe; padding: 21.5px 31px; } 
.student_report_block_wrapper ul li:last-child {margin-right: 0px !important;} 
.student_information > div h3 {color: var(--primary-color); font-size: 14px; font-weight: 600; } 
.student_information > div .student_icon:before {margin-right: 6px; } 
.switch {margin: 4rem auto; } 

/* main styles */
.switch {width: 24rem; position: relative; } 
.switch input {position: absolute; top: 0; z-index: 2; opacity: 0; cursor: pointer; } 
.switch input:checked {z-index: 1; } 
.switch input:checked + label {opacity: 1; cursor: default; } 
.switch input:not(:checked) + label:hover {opacity: 1; } 
.switch label {color: #fff; opacity: 1; transition: opacity 0.25s ease; cursor: pointer; } 
.switch .toggle-outside {height: 100%; border-radius: 2rem; padding: 0.25rem; overflow: hidden; transition: 0.25s ease all; } 
.switch .toggle-inside {border-radius: 5rem; background: #51C587; position: absolute; transition: 0.25s ease all; top: 3px; } 
.switch--horizontal {width: 183px; margin: 16px 0 !important; font-size: 0; display: flex; justify-content: space-between; background: #F9FBFE; padding: 9px 0px; } 
.switch--horizontal input {height: 26px; width: 62px; left: 4.5rem; margin: 0; top: 9px; } 
.switch--horizontal label {font-size: 14px; line-height: 26px; display: inline-block; width: 6rem; height: 100%; margin: 0; text-align: center; font-weight: 500; font-family: 'Montserrat', sans-serif; } 
.switch--horizontal label:last-of-type {margin-left: 6rem; } 
.switch--horizontal .toggle-outside {background: #ffffff; position: absolute; width: 62px; left: 4.5rem; border: 2px solid #51C587; height: 26px; } 
.switch--horizontal .toggle-inside {height: 16px; width: 16px; } 
.switch--horizontal input:checked ~ .toggle-outside .toggle-inside {left: 0.25rem; } 
.switch--horizontal input ~ input:checked ~ .toggle-outside .toggle-inside {left: 2.25rem; background: #DE0F0F; } 
.switch--horizontal input ~ input:checked ~ .toggle-outside {border-color: #DE0F0F;}

/* mixin */
.custom_radio [type="radio"]:checked,
.custom_radio [type="radio"]:not(:checked) {position: absolute; left: -9999px; } 
.custom_radio [type="radio"]:checked + label,
.custom_radio [type="radio"]:checked + label, .custom_radio [type="radio"]:not(:checked) + label {position: relative; padding-left: 24px; cursor: pointer; line-height: 18px; display: inline-block; font-size: 14px; color: var(--primary-color); font-family: 'Montserrat', sans-serif; text-transform: capitalize; font-weight: 500; }
.custom_radio [type="radio"]:checked + label:before,
.custom_radio [type="radio"]:checked + label:before, .custom_radio [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 2px solid var(--primary-color); border-radius: 100%; background: #fff; }
.custom_radio [type="radio"]:checked + label:after, .custom_radio [type="radio"]:not(:checked) + label:after {content: ''; width: 8px; height: 8px; background: #49c3f6; position: absolute; top: 5px; left: 5px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.custom_radio [type="radio"]:not(:checked) + label:before{border-color: #a8bfc5; } 
.custom_radio [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 
.custom_radio [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.custom_radio li {width: auto !important; margin-right: 20px !important; }

/*design of form popup*/
.white_block_section {padding: 26px 29px;}
.white_block_section h6 {color: #a8bfc5; font-size: 14px; font-weight: 400; margin-bottom: 6px; }
.behaviour_block {max-width: 254px;}
.lession_duration {max-width: 397px; width: 100%; }
.student_part_blockSection {display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 28px; }
.white_block_section select, .white_block_section input, .white_block_section textarea {width: 100%; border: 0; background: #fff; font-size: 16px; color: var(--primary-color); font-family: 'Montserrat', sans-serif; font-weight: 500; border-bottom: 1px solid var(--bg-color); padding: 0px 0 4px; }
.report_input_block div {margin-bottom: 16px; }
.report_input_block div:last-child {margin-bottom: 0px; }
.white_block_section input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 16px; color: var(--primary-color); font-family: 'Montserrat', sans-serif; font-weight: 500; }
.white_block_section input::-moz-placeholder { /* Firefox 19+ */ font-size: 16px; color: var(--primary-color); font-family: 'Montserrat', sans-serif; font-weight: 500; }
.white_block_section input:-ms-input-placeholder { /* IE 10+ */ font-size: 16px; color: var(--primary-color); font-family: 'Montserrat', sans-serif; font-weight: 500; }
.white_block_section input:-moz-placeholder { /* Firefox 18- */ font-size: 16px; color: var(--primary-color); font-family: 'Montserrat', sans-serif; font-weight: 500; }
.white_block_section textarea {width: 100%; height: 50px; border: 1px solid var(--bg-color); max-width: 100%; min-width: 100%; max-height: 100px; min-height: 50px; border-radius: 5px; padding: 5px; }
.white_block_section input[type="submit"], .white_block_section input[type="button"] {background: var(--primary-color); border: 0; color: #fff; padding: 10px; max-width: 95px; line-height: 20px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; border-radius: 50px; }
.title_block_wrapper {margin-bottom: 33px; display: flex; align-items: center; justify-content: space-between; padding-right: 70px; }
 .user_tab_wrapper li a {width: 100%; height: 35px; background: transparent; max-width: 35px; display: block; border-radius: 100%; color: #a8bfc5; text-align: center; padding: 8px 0; }
.user_tab_wrapper a.active{background: var(--primary-color); color: #fff; }
.user_tab_wrapper ul li {background: transparent; width: 35px; display: inline-block; margin-right: 10px; }
.student_report_block button.mfp-close {background: #a8bfc5; width: 30px; height: 30px; line-height: 31px; border-radius: 100%; color: #fff !important; font-size: 28px; right: 30px; top: 26px; }
#tab2,#tab3,#tab4{display:none;}
.bottom_content_block{padding: 10px 20px;background: #fff;}
.status_row_beheviour{display: flex;justify-content: space-between;margin-bottom: 17px;}
.status_row_beheviour p{padding: 16px 19px;border: 1px solid var(--bg-color);border-radius: 5px;display: flex;justify-content: space-between;width: 49%;}
.status_row_beheviour p label{color: #a8bfc5;font-size: 14px;line-height: 18px;}
.status_row_beheviour p span{color: var(--primary-color);font-size: 14px;line-height: 18px;}
.success_btn{padding: 3px 15px;color: #fff; border-radius: 20px;background: #51C587;display: inline-block;font-size: 14px;}
.report_desc label{color: var(--primary-color);font-size: 14px;line-height: 14px;color: #a8bfc5;display: block;margin-bottom: 7px;}
.report_desc p{margin-bottom: 20px;font-size: 14px;line-height: 24px;}

@media screen and (max-width:820px){
    .student_report_block {max-width: 537px; padding: 20px 20px; }
    .student_information > div a {display: block; padding-left: 0 !important; padding-right: 0 !important; font-size: 12px; pointer-events: inherit;margin-bottom: 5px; }
    .student_information > div a:after{content: none;} 
    .user_profile_block{margin-bottom:6px;}
    .behaviour_block {margin-bottom: 20px; } 
}



#Invoice .play_btn{font-size: 14px; padding: 11px 23px; text-transform: uppercase;}
#Invoice .due_date{width: 15%; background: #fff;}
.resend_invoice.edit_icon:before{background: url(../images/resend.png);background-size: cover; width: 16px; height: 16px;}
.set_two_button{display: flex; font-size: 0; justify-content: space-between;}
.set_two_button>input{font-size: 13px; color: #ffffff; width: 48%; display: block; text-transform: uppercase;cursor: pointer;}
.invoice_popup_header{padding-top: 40px; background: #f9f9f9 !important;}
.statement_table{/*background: #f9f9f9; */padding: 0 20px;}
.statement_table>thead{background: #f9f9f9;}
.tabel_min_height{min-height: 240px;}

table.statement_table td{font-family: 'Montserrat', sans-serif;}
.invoice_history_body .date_range_box{width: 100%;}
#term_year_table td:first-child, #term_table td:first-child{cursor: pointer;}

.bma_center_short_section{width: 250px;}
.bma_center_short_section select{display: block; font-size: 16px; font-family: sans-serif; color: var(--primary-color); padding: 0 10px; width: 100%; max-width: 100%; box-sizing: border-box; margin: 0; box-shadow: 0 1px 0 1px rgba(0,0,0,.04); border-radius: .5em; -moz-appearance: none; appearance: none; -webkit-appearance: none; background-repeat: no-repeat; background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%); background-position: right 15px top 50%, right 10px top 50%; background-size: 5px 5px, 5px 5px; background-color: #fff; border: 0; height: 52px;box-shadow: 0 3px 6px #EEEFF2;}



.dropbtn {color: var(--primary-color); font-size: 14px; font-weight: 300; border: none; padding: 17px 20px 17px 20px; border-radius: 50px; width: 100%; box-shadow: 0 3px 6px #EEEFF2; text-align: left; background: #fff; cursor: pointer; font-family: 'Montserrat', sans-serif; }
.dropdown {position: relative; width: 200px; }
.dropdown-content {display: none; position: absolute; background-color: #fff; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; width: 100%; }
.dropdown-content a {color: var(--primary-color); font-family: 'Montserrat', sans-serif; font-size: 14px; margin: 12px 16px; text-decoration: none; display: block; text-align: left; }
.dropdown:hover .dropdown-content {display: block; }
.caret {width: 0; height: 0; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; }
.bma_status-button_big .bma_status-button{width: 130px;}
.bma_status-button_big .bma-email-list-sec tr{border-bottom: 2px solid #f3f6f7;}
.remove{margin-left: 22px;color: coral;}

.user-mag-rwl-container{
    margin: auto;
    max-width: 1013px;
    width: 100%;
}

@media only screen and (max-width: 768px){
    .bma_login_form , .bma_login_title, .bma_logo_section{ max-width: 450px; margin: auto; width: 90%; padding: 0 10px; }
    .login-banner { height: 100% !important; border-radius: 30px 0%; padding: 10px 10px 0px 10px;}
}
@media only screen and (max-width: 768px){
    .bma_otp_form , .bma_login_title, .bma_logo_section{ max-width: 450px; margin: auto; width: 90%; padding: 0 10px; }
    .login-banner { height: 100% !important; border-radius: 30px 0%; padding: 10px 10px 0px 10px;}
}
.bma_status_button-section a.cource_title, .dataTables_filter a.cource_title{background-color: var(--button-color) !important;}
table.dataTable thead .sorting{background-blend-mode: multiply;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing{color: #e7eeef;}
.dataTables_wrapper .dataTables_processing{background: linear-gradient(to right, var(--primary-color-rgba) 2%, var(--secondary-color-rgba) 25%, var(--secondary-color-rgba) 75%, var(--primary-color-rgba) 98%); padding-top: 10px;}
.bma_center_section .bulk_action_wpr button{background: var(--primary-color);}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_info{color: var(--primary-color);}
.dataTables_wrapper .dataTables_paginate{color: var(--primary-color);}

/* Hover Effect - Gradient Animation */
.paginate_button:hover, button[type="submit"]:hover, input[type="button"]:hover, input[type="submit"]:hover, .bma_status_button-section a.cource_title:hover, .dataTables_filter a.cource_title:hover, .bma_nav-section a:hover div {
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color), var(--primary-color));
    background-size: 200%;
    animation: gradient-move 1.5s infinite;
    color: #ffffff; /* Ensures text remains readable */
}

/* Click Effect - Inner Ripple */
.paginate_button:active::hover, button[type="submit"]:active::after, input[type="button"]:active::after, input[type="submit"]:active::after, .bma_status_button-section a.cource_title:active::after, .dataTables_filter a.cource_title:active::after, .bma_nav-section a:active::after div {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: ripple-effect 0.6s ease-out;
}

.bma_nav-section a:hover div {
    border-radius: 50%;
    border: 1px solid #DDE0E5;
}
.bma_nav-section ul li a:hover div path{
    fill: #ffffff;
}
/* Keyframes for Gradient Hover */
@keyframes gradient-move {
    0% {
        background-position: 0%;
    }
    50% {
        background-position: 100%;
    }
    100% {
        background-position: 0%;
    }
}

/* Keyframes for Ripple Effect */
@keyframes ripple-effect {
    0% {
        width: 0;
        height: 0;
        opacity: 0.7;
    }
    100% {
        width: 150px;
        height: 150px;
        opacity: 0;
    }
}



 /* Styling for the Responsive Details Section */
table.dataTable>tbody>tr.child span.dtr-title{min-width: 160px;}
.dtr-details {border: 1px solid #ddd; border-radius: 8px;}
.dtr-details li{margin: 10px 15px;}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{z-index: 9999;}

li[data-dtr-index] {
    display: flex; /* Flex for alignment */
    justify-content: space-between; /* Space between title and data */
    align-items: center; /* Vertically align content */
    gap: 10px; /* Spacing between spans */
    white-space: nowrap; /* Prevent text from wrapping */
}

li[data-dtr-index] .dtr-data {
    flex-grow: 1; /* Allow data to take up remaining space */
    text-align: left;
}
tr.child .child{overflow-x: auto;}
.mfp-bg{z-index: 99999 !important;}
.mfp-wrap{z-index: 999999 !important;}
.swal-overlay--show-modal{z-index: 9999999 !important;}
.select2-container, .ui-datepicker{z-index: 9999999 !important;}
.bma_right_sidebar_wrapper, .rma-popup{border-radius: 5px; box-shadow: 0px 0px 8px #e2e2e2;}