.popup_box_width_640px{
    width: 640px;
}

.content_box_top_2_5_item{
    height: calc(100% - 190px - 44px)
}
.content_box_top_2_item{
    height: calc(100% - 190px)
}
.content_box_top_1_item{
    height: calc(100% - 90px)
}
.content_box_top_1_5_item{
    height: calc(100% - 90px - 48px)
}
.content_box_top_2_5_item_no_epa{
    height: calc(100% - 190px - 44px + 45px)
}
.content_box_top_2_item_no_epa{
    height: calc(100% - 190px + 45px)
}
.content_box_top_1_item_no_epa{
    height: calc(100% - 90px + 45px) 
}
.content_box_top_1_5_item_no_epa{
    height: calc(100% - 90px - 48px + 45px)
}
.table_check_radio .next_icon_set_width{
    width: 44px;
}
.td_last_item{
    text-align: right;
}
.td_last_item .checkbox_inline{
    display: inline-block;
    position: relative;
    padding-left: 42px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.td_last_item .checkbox_square_black{
    top: -2px;
}
.td_last_item .radio_btn{
    margin-right: 0px;
}
.btn_width_128px{
    width: 128px;
}
.inside_main_section{
    border-top: 1px solid #CBCBCB;
}
.inside_main_section_no_top_line{
    border-top: none;
}
.inside_main_section .titlebar{
    padding-top: 18px;
    font-size: 18px;
    margin-left: 14px;
    font-weight: bold;
    float: left;
    
}
.inside_main_section .btn_action_section .line_divide_vertical{
    width: 1px;
    background-color: #D9D9D9;
    border-radius: 0.5px;
    float: left;
    margin-left: 12px;
    margin-top: 8px;
}

.inside_main_section_w_title_bar{
    position: relative;
    top: 46px;
}
.top_box_inside{
    height: 58px;
}
.inside_list_table{
    width: 100%; 
    height: 272px
}
.inside_list_name{
    width: 100%; 
    height: 158px;
}
.inside_list_name_1_item{
    height: calc(100% - 44px - 8px);
}
.inside_list_name_max_height{
    width: 100%; 
    height: 250px;
}
.table_list .c1_5_1{
    padding-left: 36px;
    width: 270px;
}
.table_list .c1_5_2{
    padding-left: 60px;
    width: 270px;
}
.table_list .c1_270px{
    padding-left: 12px;
    width: 270px;
}
.table_list .c1_230px{
    padding-left: 12px;
    width: 230px;
}
.table_list .c2_120px{
    width: 120px;
}
.table_header .c_pad_12px{
    padding-left: 12px;
}
.td_last_item_center{
    text-align: unset;
}
.td_last_item_center .checkbox_inline{
    margin-top: 5px;
    margin-bottom: 5px;
}
.score_drag_container{
	display: inline-block;
    box-sizing: border-box;
	padding-left: 8px;
}
/* Passing score */

.middle {
	position: relative;
    width: 276px;
    max-width: 500px;
    display: inline-block;
    box-sizing: border-box;
}

.slider {
	position: relative;
	z-index: 1;
	height: 10px;
	margin: 10px 0px;
}
.slider > .track {
	margin-left: -8px;
    width: 290px;
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 22px;
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
}
.slider > .range {
	position: absolute;
	z-index: 2;
	left: 25%;
	right: 25%;
	top: 0;
	bottom: 0;
	border-radius: 5px;
	background-color: #C4EDFF;
}
.slider > .thumb {
    
	position: absolute;
	z-index: 3;
	width: 20px;
	height: 20px;
	background-color: #62BAE0;
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(0, 202, 238, .1);
    transition: box-shadow .3s ease-in-out;
    top: 4px;
}
.slider > .thumb.left {
	left: 25%;
	transform: translate(-15px, -10px);
}
.slider > .thumb.right {
	right: 25%;
	transform: translate(15px, -10px);
}
.slider > .thumb.hover {
    box-shadow: 0 0 0 10px rgba(0, 202, 238, .1);
}
.slider > .thumb.active {
	box-shadow: 0 0 0 20px rgba(0, 202, 238, .2);
}

input[type=range] {
	position: absolute;
	pointer-events: none;
	-webkit-appearance: none;
	z-index: 2;
	height: 10px;
	width: 100%;
	opacity: 0;
}
input[type=range]::-webkit-slider-thumb {
	pointer-events: all;
	width: 30px;
	height: 30px;
	border-radius: 0;
	border: 0 none;
	background-color: red;
	-webkit-appearance: none;
}

.youtube-link {
	position: fixed;
	left: 20px;
	bottom: 20px;
	color: #000;
	text-decoration: none;
	font-size: 12px;
}

/* Passing score */



.number_show_score{
	width: 292px;
	margin-left: -14px;
}
.number_show_score .txt_number_score{
	display: inline-block;
	box-sizing: border-box;
	width: 0px;
    font-size: 14px;
    text-align: center;
	margin-right: calc(110% / 6);
}
.number_show_score .txt_number_score_4 {
    display: inline-block;
    box-sizing: border-box;
    width: 0px;
    font-size: 14px;
    text-align: center;
    margin-right: calc(93% / 4);
}
.number_show_score .txt_number_score_3 {
    display: inline-block;
    box-sizing: border-box;
    width: 0px;
    font-size: 14px;
    text-align: center;
    margin-right: calc(127% / 4);
}
.number_show_score .txt_number_score_2 {
    display: inline-block;
    box-sizing: border-box;
    width: 0px;
    font-size: 14px;
    text-align: center;
    margin-right: calc(145% / 3);
}
.number_show_score .txt_number_score_1 {
    display: inline-block;
    box-sizing: border-box;
    width: 0px;
    font-size: 14px;
    text-align: center;
    margin-right: calc(196% / 2);
}
.txt_number_score:first-child{
	margin-left: 0px;
}
.txt_number_score:last-child{
	margin-right: 0px;
}
.txt_number_score_4:first-child{
	margin-left: 0px;
}
.txt_number_score_4:last-child{
	margin-right: 0px;
}
.txt_number_score_3:first-child{
	margin-left: 0px;
}
.txt_number_score_3:last-child{
	margin-right: 0px;
}
.txt_number_score_2:first-child{
	margin-left: 0px;
}
.txt_number_score_2:last-child{
	margin-right: 0px;
}
.txt_number_score_1:first-child{
	margin-left: 0px;
}
.txt_number_score_1:last-child{
	margin-right: 0px;
}
.score_2_input_container{
	width: 50%;
	position: absolute;
    bottom: 8px;
	line-height: 0px;
	margin-left: 40px;
	display: inline-block;
	box-sizing: border-box;
}
.score_2_input_container_fix{
	width: 50%;
	position: unset;
    bottom: 8px;
	line-height: 0px;
	margin-left: 0px;
	display: inline-block;
	box-sizing: border-box;
}
.display_normal_section .table_input_group .c2 .score_2_input_container .score_input_first .number_input_score{
	width: 72px;
}
.score_2_input_container .score_input_first{
	
	display: inline-block;
	box-sizing: border-box;
	
}
.tr_no_space .container{
	margin-top: 10px;
    margin-bottom: 0px;
}
.tr_no_space_top .container{
	margin-top: 0px;
	margin-bottom: 10px;
}
.c2 .select_option_section_table{
	width: 276px;
}

.c2 .select_option_section_table_2{
    width: 280px;
}
.inside_main_section .table_check_radio .c1 .txt_input{
	width: 280px;
    height: 36px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    padding-left: 8px;
    font-size: 16px;
    transition: 0.2s;
}
.checkbox_right_side .checkbox_square_black {
    width: 18px;
    height: 18px;
    border: 2px solid #404040;
    border-radius: 6px;
    position: absolute;
    top: calc(50% - (24px/2));
    left: -30px;
}
.main_display_section .inside_main_section .btn_action_search{
	float: unset;
	text-align: right;
	padding-top: 12px;
}
.btn_action_search .select_search{
	display: flex;
	right: 0px;
	left: unset;
}
.th_last_required{
	text-align: right;
	padding-right: 12px;
}
.inside_main_section .btn_action_inside_popup {
    height: 100%;
    width: fit-content;
    float: right;
    padding-right: 12px;
}

/* pop up */
.table_input_group .container_set_margin_right_0px{
	margin-right: 0px;
}
/* profile student mangement list */
.main_display_section .display_section .box_list_no_top_box{
	top: 30px;
}
.box_list  .box_list_profile_with_desc{
	height: 108px;
	padding-bottom: 0px;
	border-bottom: none;
}
.desc_profile_box{
	border-bottom: 1px solid #D9D9D9;
	padding-bottom: 14px;
}
.txt_profile_desc{
	text-align: center;
	font-size: 16px;
}
.txt_header_bold{
	font-weight: bold;
	font-size: 24px;
}
.topic_box{
	border-bottom: 1px solid #D9D9D9;
}
.header_topic{
	padding-top: 16px;
	padding-bottom: 6px;
	font-size: 18px;
	font-weight: bold;
}
.display_profile_section {
    width: 100%;
    height: calc(100% - 50px);
}
.popup_edit_select_box .popup_edit_select{
	display: inline-block;
	box-sizing: border-box;
	left: 150px;
	position: relative;
}
.popup_edit_select_box .box_w85{
	width: 85px;
}
.popup_edit_select_box .box_w120{
	width: 120px;
}
.popup_edit_select_box .box_w304{
	width: 304px;
}
.popup_edit_select #select_module{
	height: 30px;
}
.popup_box .title_bar_profile{
	margin-bottom: 10px;
}
.box_list .box_profile{
	height: auto;
	margin-top: 10px;
}

.picture_profile_container{
	margin-top: 12px;
	display: flex;
	justify-content: center;
}
.profile_pic4 {
    position: relative;
    width: 96px;
    height: 96px;
    border-radius: 58px;
    border: 1px solid #BFBFBF;
    box-sizing: border-box;
    margin-top: 2px;
    background: url(../img/sidebar/avatar_default.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    
}
.tag_chage_picture{
    background-color: #707070ab;
    bottom: 0px;
    position: absolute;
    border-bottom-left-radius: 150px;
    border-bottom-right-radius: 150px;
    color: #FFFFFF;
    width: 100%;
    height: 50%;
    text-align: center;
    clip-path: inset(18px 0px 0px 0px);
    transition: 0.3s;
}
.tag_chage_picture .txt_picture{
    line-height: 62px;
    font-size: 16px;
    cursor: pointer;

}
.tag_chage_picture:hover{
    background-color: #707070e5;
}

/* search bar */
.search_bar_section {
    height: 54px;
    margin-bottom: 8px;
}
.search_bar_section .search_box_group {
    width: calc(100% - 42px);
    height: 100%;
    position: absolute;
    left: 42px;
}
.search_bar_section .search_box_group_filter_icon{
    width: calc(100% - 21px);
    left: 36px;
}
.search_bar_section .search_box_group_max_width{
    width: calc(100% - 0px);
    left: 0px;
}
.search_bar_section .search_box_group .search_box, .logbookSelectBar .search_box_group .search_box {
    width: 100%;
    height: 42px;
    /* background-color: #EEEEF0; */
    border-radius: 10px;
    box-sizing: border-box;
    border: none;
    border: 2px solid #EEEEF0;
    padding-left: 28px;
    position: absolute;
    top: 6px;
    left: 0px;
    font-size: 18px;
    -webkit-appearance: none;
    transition: 0.15s;
}
.search_bar_section .search_box_group .search_box::placeholder, .logbookSelectBar .search_box_group .search_box::placeholder {
    color: #838388
}

.search_bar_section .search_box_group .search_icon, .logbookSelectBar .search_box_group .search_icon {
    width: 16px;
    position: absolute;
    left: 8px;
    top: 19px;
}

.search_bar_section .search_box_group .search_box:focus, .logbookSelectBar .search_box_group .search_box:focus {
    background-color: #FFFFFF;
    border: 2px solid #62BAE0;
    box-shadow: 0px 0px 6px rgba(98, 186, 224, 0.5);
    transition: 0.25s;
}

.search_bar_section .filter_icon {
    width: 36px;
    left: 0px;
    top: 9px;
    position: absolute;
    cursor: pointer;
}

.search_bar_section .filter_icon_notification {
    width: 10px;
    height: 10px;
    background-color: #DE6D68;
    border-radius: 5px;
    position: absolute;
    left: 42px;
    top: 9px;
}

.search_bar_section .sorting_icon {
    width: 36px;
    right: 0px;
    top: 9px;
    position: absolute;
}
.popup_box_rotation .table_list td.c1{
	padding-left: 0px;
}
.z_index_popup_1{
    z-index: 100;
}
.main_display_section .display_section .title_bar_marginleft .title_txt{
    margin-left: 14px;
}
.title_txt_desc{
    padding-left: 6px;
    display: inline-block;
    box-sizing: border-box;
}
/* course list add */
.txt_red{
    color: #DE6D68;
}

.input_textarea_box{
    width: 100%;
    height: 96px;
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    font-size: 16px;
    line-height: 22px;
    font-family: -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
    -webkit-appearance: none;
    border-radius: 8px;
    padding-left: 8px;
    resize: none;
}
.input_textarea_box_280px{
    width: 280px;
}
textarea::placeholder{
    color: #D9D9D9;
}
.input_textarea_box:focus {
    border: 2px solid #62BAE0;
    box-shadow: 0px 0px 6px #62BAE0;
    transition: 0.00000000000000001s;
}
.input_textarea_box:hover {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
}
.select_option_section_fix_width_280px{
    width: 280px;
}
.select_option_section_fix_width_280px select{
    color: #808080;
}
.inside_list_table_popup{
    height: 318px;
}
.inside_list_table_popup_footer_btn{
    height: 378px;
    padding-bottom: 18px;
}

.btn_manage_role_box{
    text-align: center;
}
.btn_manage_role_box .btn{
    width: 270px;
    margin-bottom: 8px;
}
.btn_manage_role_box .btn:last-child{
    margin-bottom: 18px;
}
.box_table_list_text{
    /* position: absolute;
    left: 12px;
    line-height: 14px; */
    padding-left: 12px;
}
.box_td_checkbox_all{
    /* line-height: 6px; */
    line-height: 0px;
}
.check_all_center{
    line-height: 6px;
}
.checkbox_square_black_checkall{
    top: calc(50% - (16px/2));
    background-color: #FFFFFF;
}
.checkbox_square_black_checkall_old{
    top: calc(50% - (8px/2));
}

.bg_color{
    background-image: url('../img/element/bg_rexx_signin.svg');
    width: 100%;
    height: 100%;
    background-size: cover;
    position: fixed;
}
.signin_container{
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.set_size_signin_box{
    
    border: 1px solid #D9D9D9;
    width: 640px;
    height: 520px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 12px;
    
}
.signin_box{
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    padding-top: 3px;
}
.btn_signin_position .logo_signin_img{
    
    width: 100%;
    height: 100%;
    max-width: 640px;
    max-height: 544px;
}
.btn_signin_position{
    height: 100%;
    position: absolute;
}
.back_container{
    position: absolute;
    left: 364px;
    top: 26px;
    cursor: pointer;
}
.container_button{
    position: absolute;
    top: 220px;
    left: 364px;
}
.container_input{
    position: absolute;
    top: 168px;
    left: 364px;
}
.signin_box .input_signin{
    width: 280px;
    height: 36px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    padding-left: 8px;
    font-size: 16px;
    transition: 0.2s;
    transition: 0.2s;
}
input.input_signin:hover {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
}
input.input_signin:focus {
    border: 2px solid #62BAE0;
    box-shadow: 0px 0px 6px #62BAE0;
    transition: 0.1s;
}
.btn_signin{
    background-color: #404040;
    height: 36px;
    line-height: 36px;
    width: fit-content;
    border-radius: 8px;
    padding: 0px 16px;
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box;
    color: #FFFFFF;
    display: inline-block;
    text-align: center;
    margin-bottom: 8px;
    cursor: pointer;
}
.btn_bg_white{
    width: 240px;
    background-color: #FFFFFF;
    border: 2px solid #62BAE0;
    color: #62BAE0;
    line-height: 34px;
}
.btn_bg_cyan{
    width: 240px;
    background-color: #62BAE0;
    color: #FFFFFF;
    /* border: 2px solid #FFFFFF; */
}
.container_input .input_space{
    width: 240px;
    margin-bottom: 24px;
}
.container_input .input_space::placeholder{
    color: #D9D9D9;
}
.container_input .input_space:first-child{
    margin-bottom: 8px;
}
.title_bar_signup .txt{
    padding-left: 20px;
}
.back_btn_signup{
    position: absolute;
    top: 20px;
    left: 0px;
}
.txt_desc_black{
    color: #404040;
}
.cursor_pointer{
    cursor: pointer;
}
.back_icon_text_container{
    width: fit-content;
}
/* passcode */

.list_input_set_passcode {
    text-align: center;
    padding-right: 16px;
    padding-left: 16px;
    margin-top: 14px;
}
.input_set_passcode{
    width: 48px;
    margin-right: 12px;
    display: inline-block;
    box-sizing: border-box;
}
.list_input_set_passcode .input_set_passcode:last-child{
    margin-right: 0px;
}
.input_set_passcode .txt_input_border{
    background-color: #FFFFFF;
    padding: 2px;
    text-align: center;
}
.txt_input_border {
    height: 48px;
    border: 1px solid #BFBFBF;
    border-radius: 8px;
    box-sizing: border-box;
    background: none;
    width: 100%;
    padding-left: 16px;
    font-size: 16px;
}
.txt_input_border:focus {
    border: 1px solid#62BAE0;
    box-shadow: #62BAE0;
}
.text_des_marginTop14{
    margin-top: 14px;
}.txt_color_blue{
    color: #62BAE0;
    cursor: pointer;
}
.txt_underline{
    text-decoration: underline;
}
.footer_copyright{
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 18px;
    text-align: center;
    padding-bottom: calc(env(safe-area-inset-bottom));
}
.text_copyright{
    font-size: 10px;
    color: #00000030;
    
}
.text_review_data{
    font-size: 16px;
    font-weight: bold;
}
tr.tr_review_data{
    height: 34px;
}
tr.space_tr{
    height: 16px;
}

/*  */
.sort_by_container{
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 340px;
}
.text_select{
    display: inline-block;
    box-sizing: border-box;
}
.sort_by_container .select_sort_by{
    width: 108px;
    display: inline-block;
    box-sizing: border-box;
}
.sort_by_container  #sort_by{
    width: 108px;
}
.popup_table_select_year .table_list .y_select_popup{
    width: 82px;
}


/* affiliate_institutes */

.section_affiliate .box_display_section{
    height: 60px;
    top: 60px;
}
.section_affiliate .display_section_search_space{
    top: 120px;
    height: unset;
}
.section_affiliate .box_display_section .display_section_search{
    padding: 12px 0;
}
.text_desc_popup{
    color: #808080;
}
/* student management select */
.main_display_section .display_section_no_bg_no_border{
    border: none;
    background-color: #F5F5F5;
}
.student_box_select_container{
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    background-color: #FFFFFF;
    height: 128px;
    width: 128px;
    margin-right: 12px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}
.student_box_select_container:last-child{
    margin-right: 0px;
}
.student_box_select_container img{
    margin-top: 12px;
}
.box_display_section_3item_top .display_section_search{
    
    display: inline-block;
    box-sizing: border-box;
    width: 320px;
}
.box_display_section_3item_top .select_box_year_container{
    display: inline-block;
    box-sizing: border-box;
    height: 36px;
    width: fit-content;
    margin-right: 13px;
}
.box_display_section_3item_top .select_year{
    height: 36px;
    width: 93px;
    box-sizing: border-box;
    padding-left: 9px;
    padding-right: 27px;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    font-size: 16px;
    cursor: pointer;
    transition: 0.2s;
    
}
.select_year_student_icon{
    position: absolute;
    width: 8px;
    right: 9px;
    top: 16px;
}
.display_list_group_student{
    padding: 8px;
    padding-top: 0px;
    width: calc(100% - 16px);
    height: calc(100% - 38px - 14px);
}
.main_display_section .display_with_item_top{
    width: 100%;
    height: calc(100% - 46px);
    left: 0px;
    bottom: 0px;
}
.display_no_tableHeader{
    height: calc(100%);
}
.display_list_section_with_footer{
    top: 43px;
    height: calc(100% - 38px - 8px - 50px);
    
}
.display_with_item_top .box_table_student_manage{
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
}
.text_student_group{
    font-size: 16px;
    padding-top: 18px;
    float: left;
    line-height: 28px;
}
.table_popup_student_management .checkbox_popup_black{
    top: calc(50% - (6px/2));
}
.checkbox_popup_black_program{
    top: calc(50% - (22px/2)) !important;
}
.top_box_desc_inside{
    height: 52px;
    display: flex;
    align-items: center;
}
.icon_preview{
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding-right: 12px;
}

.icon_preview img {
    height: 32px;
}

.position_icon_center{
    display: flex;
    align-items: center;
    /* flex-direction: column; */
}
.bg_white_font_black{
    background-color: #FFFFFF;
    color: #404040;
    
}
.border_black{
    border: 1px solid #404040;
}
.border_red{
    border: 1px solid#DE6D68;
}

.table_timeTable .c4{
    width: 270px;
}

.table_timeTable .c4_width_140{
    width: 140px;
}
.table_timeTable .c4_width_110{
    width: 110px;
}
.table_header_Timetable .c1_width_260px_w_btn_score ,.table_timeTable .c1_width_260px_w_btn_score{
    padding-left: 30px;
    width: 160px;
}
.table_timeTable .c3_65px{
    width: 65px;
    text-align: center;
}
.table_header_Timetable .c1_width_260px,.table_timeTable .c1_width_260px{
    padding-left: 12px;
    width: 260px;
}
.table_timeTable .c1_width_260px{
    padding-left: 12px;
    width: 260px;
}
.table_header_Timetable .c1_width_240px,.table_timeTable .c1_width_240px{
    width: 240px;
}
.table_header_Timetable .c1_width_180px,.table_timeTable .c1_width_180px{
    width: 180px;
    text-transform: capitalize;
}
.table_header_Timetable .c1_width_130px,.table_timeTable .c1_width_130px{
    width: 130px
}
.table_header_Timetable .c1_width_100px,.table_timeTable .c1_width_100px{
    width: 100px
}

/* main_display config */
.main_display_section .main_display_section_3item_top{
    width: calc(100% - 12px - 12px);
    height: calc(100% - 58px - 12px - 12px - 46px);
    position: absolute;
    background-color: #FFFFFF;
    border-radius: 12px;
    left: 12px;
    bottom: 12px;
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    padding: 8px
}

.main_display_section .display_section_2item_txt_search{
    height: calc(100% - 58px - 12px - 12px - 46px - 18px - 12px);
}
.search_item_bar{
    padding: 0 12px;
    padding-top: 12px;
    height: 48px;
    width: calc(100vw - 220px - 24px);
    position: fixed;
    top: 58px;
    right: 0px;
    display: flex;
    align-items: center;
}
.display_section_space_left_text .title_bar{
    padding-left: 10px;
    width: calc(100% - 10px);
}
.text_bottom{
    position: absolute;
    bottom: 8px;
}
.c1_divide2{
    padding-left: 12px;
    width: 72px;
}
td.c1_divide2 {
    padding-left: 0px;
}
.popup_select_date_container{
    width: 56px;
    height: 36px;
    display: inline-block;
    box-sizing: border-box;
}
.select_date_month_year .popup_select_date_container{
    width: 56px;
    height: 36px;
    display: inline-block;
    box-sizing: border-box;
}
.popup_select_date_container .select_option_icon{
    position: absolute;
    width: 8px;
    left: 38px;
    top: 15px;
}
.popup_select_month_container{
    display: inline-block;
    box-sizing: border-box;
    width: 138px;
    height: 36px;
}

.select_date_month_year .popup_select_month_container{
    display: inline-block;
    box-sizing: border-box;
    width: 138px;
    height: 36px;
}

.popup_select_month_container .select_option_icon{
    position: absolute;
    width: 8px;
    left: 180px;
    top: 15px;
}
.popup_select_year_container{
    display: inline-block;
    box-sizing: border-box;
    width: 73px;
    height: 36px;
}

.popup_select_year_container2{
    display: inline-block;
    box-sizing: border-box;
    width: 79px;
    height: 36px;
}

.select_date_month_year .popup_select_year_container{
    display: inline-block;
    box-sizing: border-box;
    width: 73px;
    height: 36px;
}
.popup_select_year_container .select_option_icon{
    position: absolute;
    width: 8px;
    right: 10px;
    top: 15px;
}
.table_btn_inside{
    height: 100%;
    width: 100%;
    border-collapse: collapse;
}
.table_btn_inside th{
    text-align: center;
    border-bottom: 1px solid #CBCBCB;
    border-right: 1px solid #CBCBCB;
}
.table_btn_inside th:last-child{
    border-right: none;
}

.btn_th{
    width: 192px;
    padding: 12px;
    padding-left: 0px;
    height: 36px;
}
.btn_th .btn{
    width: 180px;
    text-align: center;
}
.th_another{
    width: 110px;
    padding: 0 15px;
}

.td_first{
    width: 92px;
    height: 68px;
}
.desc_btn_container{
    height: 40px;
    line-height: 20px;
    width: 190px;
}
.desc_btn_container .desc_limit{
    width: calc(100% - 40px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table_btn_inside td{
    border-bottom: 1px solid #CBCBCB;
    border-right: 1px solid #CBCBCB;
}
td.td_another{
    max-width: 110px;
    cursor: pointer;
}
.desc_btn_container img{
    position: absolute;
    top: 10px;
    right: 12px;
    cursor: pointer;
}
.text_no_timetable{
    padding-top: 18px;
    width: 192px;
    vertical-align: baseline;
    line-height: 14px;
}
#timetable_title{

    text-transform : capitalize
}
.timetable_display_section .title_bar .question_icon_table{
    float: right;
    margin-top: 10px;
    margin-right: 9px;
}
.select_box_table{
    height: calc(100% - 8px);
    width: calc(100% - 10px);
    margin: 4px;
    margin-top: 3px;
    border: 1px solid #62BAE0;
    background-color: #62BAE0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    transition: 0.2s;
}
.select_box_table:hover {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
}

.select_box_table:active {
    box-shadow: none;
    transform: scale(0.95);
}

.select_box_table_2td{
    width: calc(200% - 8px);
}

.select_box_table_3td{
    width: calc(300% - 6px);
}

.select_box_table_4td{
    width: calc(400% - 0px);
}

.select_box_table_5td{
    width: calc(500% + 2px);
}

.select_box_table_6td{
    width: calc(600% + 6px);
}
.select_box_table_7td{
    width: calc(700% + 8px);
}
.select_box_table_8td{
    width: calc(800% + 10px);
}
.select_box_table_9td{
    width: calc(900% + 12px );
}
.select_box_table_10td{
    width: calc(1000% - 8px);
}
.pre_select{
    background-color: #808080;
    border: 1px solid #808080;
}
.text_inside_table{
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    padding: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.txt_margin_top{
    margin-top: 8px;
}
.tr_with_textarea{
    line-height: 0px;
}
.bg_color_gray{
    background-color: #CBCBCB;
}
.popup_select_option_section{
    display: inline-block;
    box-sizing: border-box;
}
.box_select_size_80px{
    width: 80px;
}
.box_select_size_104px{
    width: 104px;
}
/* Filter */
.filter_Popup{
    width: 375px;
    left: calc(50vw - (375px / 2));
    z-index: 102;
}
.filter_Popup .title_bar{
    margin-bottom: 16px;
}
.table_popup_filter .filter_header{
    padding-left: 6px;
}
.table_popup_filter .checkbox_square_black{
    left: 6px;
}
.table_popup_filter .td_last_item .checkbox_inline{
    padding-left: 36px;
}
.popup_box .table_popup_filter{
    margin-top: 0px;
}
.title_txt_filter{
    margin-left: 6px;
}
.line_divide_inside_table{
    margin-top: 12px;
    margin-bottom: 16px;
    background-color: #CBCBCB;
    height: 1px;
    width: 100%;
}
.t1 .checkbox_square_black{
    top: 9px;
    left: 0px;
}
.t1 .txt_inside_tab_select{
    padding-left: 30px;
}
.table_popup_filter .select_option_section{
    margin-top: 8px;
}
.sorting_icon_with_checkbox{
    /* position: absolute;
    top: -4px; */
}
.popup_bg_filter{
    width: 100vw;
    height: 100%;
    position: fixed;
    z-index: 102;
}
.popup_add_fix_height{
    height: calc(100vh - 24px - 24px);
    padding: 0px;
    
}
.popup_section_scrollbar_outside{
    padding: 0px 12px;
    overflow-y: overlay;
}
.box_checkbox_position_left_popup{
    left: 140px;
    top: -12px;
    width: 305px;
    display: inline-block;
    box-sizing: border-box;
}
.text_with_checkbox_outof_table{
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    left: 40px;
    top: -10px;
}
.txt_s16_bold_blue{
    font-size: 16px;
    font-weight: bold;
    color: #62BAE0;
}
.display_no_tableHeader .t2{
    right: 12px;
}
.box_menu_storage_container{
    width: 100%;
    height: auto;
    
}
.box_menu_storage_container .menu_storage{
    width: calc(50% - 4px);
    max-width: 380px;
    height: 84px;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #E6E6E6;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 5%);
    border-radius: 8px;
    margin-right: 3px;
    margin-bottom: 12px;
    margin-top: 8px;
    padding: 15px;
}
.box_menu_storage_container .menu_storage:last-child{
    margin-right: 0px;
}
.menu_storage .left_side{
    display: inline-block;
    box-sizing: border-box;
}
.menu_storage .left_side img{
    width: 54px;
    height: 54px;
}
.menu_storage .right_side{
    display: inline-block;
    box-sizing: border-box;
    width: calc(100% - 54px);
    float: right;
    padding-top: 8px;
    padding-left: 12px;
}
.box_procress_container{
    width: 100%;
    height: 6px;
}
.box_procress_container .process_back{
    background-color: #E6E6E6;
    border-radius: 6px;
    height: 100%;
    width: 282px;
    margin-bottom: 2px;
}
.box_procress_container .process_doing{
    border-radius: 6px;
    width: 0%;
    height: 6px;
    background-color: #62BAE0;
    
}
.tab_expand_list_no_space_top{
    margin-top: 0px;
}
.table_staff_management_list{
    table-layout:fixed;
}
.table_staff_management_list .c1_width157{
    width: 200px;
    /* padding-left: 12px; */
}
.table_staff_management_list .c1_width220{
    width: 220px;
}
.table_staff_management_list .c_width_54{
    width: 54px;
    text-align: center;
}
/* .table_staff_magement_list .th_minwidth_120px{
    min-width: 120px;
}an */
#table_staff_manage .td_nospace_right{

    padding-right: 0px;
}
#table_staff_manage .td_nospace_left{
    padding-left: 0px;
}
/* #table_staff_manage .td_set_minwidth_120px{
    width: 120px;
}
#table_staff_manage .td_set_minwidth_220px{
    width: 220px;
} */

.border_top_none{
    border-top: none;
}
.display_section .select_input_fix_width_100px{
    width: 100px;
}
.select_input_fix_width_140px{
    width: 140px;
}
.box_display_section_3item_top .select_input_fix_width_140px{
    width: 140px;
}
.select_input_fix_width_280px{
    width: 280px;
}
.popup_box .popup_obj_margin_bottom_8px{
    margin-bottom: 8px;
}
.txt_line_height{
    line-height: 38px;
}
.cursor_default{
    cursor: default;
}
.obj_margin_top_8px{
    margin-top: 8px;
}
.show_scrollbar{
    overflow-x:scroll;
}
.popup_box_no_footer{
    padding-bottom: 24px;
}
.btn_popup_center{
    text-align: center;
    height: 38px;
    padding: 4px;
}
.inside_main_section .table_check_radio .c1 .txt_input_width_260px{
    width: 260px;
}
.remove_page_icon{
    width: 18px;
    height: 18px;
    float: right;
    margin-right: 12px;
    cursor: pointer;
}
.checkbox_popup_remove{
    float: right;
    margin-right: 52px;
}
#student_progress_table .c1_set_width_260px{
    width: 260px;
}
.table_list td.c1_set_width_260px{
    width: 260px;
}
.td_right_side{
    float: right;
}
.remain_txt{
    display: inline-block;
    box-sizing: border-box;
    height: 29px;
    /* width: 44px; */
    padding: 6px 8px;
    border-radius: 8px;
    
    font-weight: bold;
    color: #FFFFFF;
}
.remain_bg_color_blue{
    background-color: #62BAE0;
}
.remain_bg_color_yellow{
    background-color: #F5A949;
}
.remain_bg_color_red{
    background-color: #DE6D68;
}
.select_option_section select{
    background-image: url("../img/main/select_option_icon.svg");
    background-repeat: no-repeat;
    background-position: right 14px;
    background-position-x: calc(100% - 9px);
}
.select_year,.select_option{
    background-image: url("../img/main/select_option_icon.svg");
    background-repeat: no-repeat;
    background-position: right 14px;
    background-position-x: calc(100% - 9px);
}
#view_mode{
    height: 100%;
}
.alertx{
    z-index: 102; 
    /* ทำเพื่อ popup หน้า profile */
}
.confirmx{
    z-index: 102; 
    /* ทำเพื่อ popup หน้า profile */
}

#student_progress_table .c5{
    width: 7px;
}
.table_list .c5{
    width: 18px;
    padding-left: 12px;
}
.change_position_icon{
    width: 6px;
    height: 14px;
}
.position_btn{
    position: absolute;
}
.box_inside{
    height: 36px;
}
.mrg_box_inside{
    margin-top: 18px;
    margin-bottom: 18px;
}
.position_btn_right .btn_action_section .btn_h36px{
    margin-top: unset;
}
.main_display_section .position_btn_right .btn_action_section{
    padding-right: unset;
}
.display_normal_section .table_input_group .padding_table_input{
    padding-left: 12px;
}


.container .checkbox_square_black{
    top: 0px;
    left: 0px;
}
.table_list td .checkbox_main_topic {
    float: right;
}
.table_list td .checkbox_required {
    float: right;
    display: unset;
}
.table_input_group td .checkbox_passing_point{
    float: right;
    display: unset;
    margin-right: 8px;
}
.display_section .display_normal_section .table_evalution_method td{
    padding-left: 12px;
    padding-bottom: 12px;
}
.display_section .display_normal_section .table_evalution_method .line_inside{
    border-bottom: 1px solid #CBCBCB;
}
.display_section .display_normal_section .table_evalution_method .inside_top{
    padding-top: 12px;
}


.display_section .display_normal_section .table_disease_condition .line_inside{
    border-bottom: 1px solid #CBCBCB;
}
.display_section .display_normal_section .table_disease_condition .inside_top{
    padding-top: 12px;
}
.display_section .display_normal_section .table_disease_condition .inside_bottom{
    padding-bottom: 12px;
}
.display_section .display_normal_section .table_disease_condition td{
    padding-left: 12px;
}


.display_section .display_normal_section .table_module_gender .line_inside{
    border-bottom: 1px solid #CBCBCB;
}
.display_section .display_normal_section .table_module_gender .inside_top{
    padding-top: 12px;
}
.display_section .display_normal_section .table_module_gender .inside_bottom{
    padding-bottom: 12px;
}
.display_section .display_normal_section .table_module_gender td{
    padding-left: 12px;
}


.display_section .display_normal_section .table_module_age td{
    padding-left: 12px;
}
.display_section .display_normal_section .table_module_age{
    border-bottom: 1px solid #CBCBCB;
}
.display_section .display_normal_section .table_module_age .inside_bottom{
    padding-bottom: 12px;
}
.display_section .display_normal_section .table_module_age .inside_period{
    padding-top: 24px;
    padding-bottom: 24px;
}

.display_section .display_normal_section .table_module_ward td{
    padding-left: 12px;
}
.display_section .display_normal_section .table_module_ward .inside_top{
    padding-top: 12px;
}
.display_section .display_normal_section .table_module_ward .inside_bottom{
    padding-bottom: 12px;
}

.display_normal_section .table_module_ward .inside_input{
    margin-left: 12px;
}

.display_section .display_normal_section .table_input_hashtag td{
    border-bottom: 1px solid #CBCBCB;
}

.main_display_section .box_display_section .table_input_hashtag{
    border-bottom: 1px solid #CBCBCB;
}

/* #table_ranking_level td{
    border-bottom: 1px solid #CBCBCB;
} */

.box_period{
    width: 500px;
    height: 36px;
}
.select_calendar{
    display: inline-block;
    box-sizing: border-box; 
}
.select_inline{
    display: inline;
}
.box_w72{
    width: 72px;
}
.box_w87{
    width: 87px;
}
.select_inline_block{
    display: inline-block;
}

.select_w165{
    width: 165px;
}


.between_box{
    margin-left: 10px;
    margin-right: 10px;
}
.select_w130{
    width: 130px;
}

.line_inside_2{
    border-top: 1px solid #CBCBCB;
}
.box_search_container{
    display: block;
    margin-top: 12px;
    margin-bottom: 12px;
    box-sizing: border-box;
    height: 36px;
}
.box_search_container .btn_action_section .btn_h36px{
    margin-top: unset;
}
.main_display_section .box_search_container .btn_action_section{
    padding-right: unset;
}
.input_textarea_box_387px{
    width: 387px;
    padding: 8px;
}
.input_textarea_box_h75px{
    height: 75px;
}
.input_textarea_box_h225px{
    height: 225px;
}
.select_right{
    margin-right: 6px;
}
.box_w70{
    width: 70px;
}
.box_w90{
    width: 90px;
}
.inside_bottom{
    padding-bottom: 12px;
}
.txt_s24{
    font-size: 24px;
}
.box_menu_announcement_container {
    width: 100%;
    height: 100%;
}
.box_menu_announcement_container .menu_announcement {
    width: 100%;
    height: 98px;
    display: inline-block;
    box-sizing: border-box;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 5%);
    border-radius: 8px;
    margin-right: 3px;
    margin-top: 8px;
    padding: 15px;
    background-color: #FFFFFF;
}
.box_menu_announcement_container .menu_announcement_h212{
    height: 212px;
}
.box_menu_announcement_container .menu_announcement_h460{
    height: calc(100% - 230px);
}
.menu_announcement .left_side {
    display: inline-block;
    box-sizing: border-box;
}
.menu_announcement .right_side {
    display: inline-block;
    box-sizing: border-box;
    padding-top: 8px;
    padding-left: 12px;
}
.menu_inside_head{
    margin-bottom: 6px;
}
.menu_inside_content{
    width: 460px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.menu_inside_content_2{
    width: 90%;
    margin-bottom: 12px;
}
.menu_inside_readmore{
    color: #62BAE0;
}
.btn_right_side{
    width: 82px;
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 12px;
    top: -5px;
}
.main_display_section .btn_right_side .btn_action_section{
    float: unset;
}
.btn_right_side .btn_action_section .btn_h36px{
    margin-top: unset;
    margin-bottom: 6px;
}
.box_w82{
    width: 82px;
}
.txt_right_side{
    width: fit-content;
    display: block;
    box-sizing: border-box;
    text-align: right;
    position: relative;
    bottom: 0px;
    float: right;
}
.menu_announcement_h212 .right_side{
    padding: unset;
}
.profile_table{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 2px solid #CBCBCB;
}
.box_profile_table{
    width: 78px;
    height: 62px;
    padding: 5px 12px 5px 12px;
    box-sizing: border-box;
    display: inline-block;
}
.box_profile_txt{
    width: 500px;
    height: 62px;
    padding: 22px 12px 22px 12px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: text-bottom;
}
.table_list .c7{
    width: fit-content;
}
.table_list .c7_1{
    width: 260px;
}
.box_right_side{
    padding: 17px 0px 17px 0px;
}
.box_date_time{
    width: 230px;
    height: 21px;
    box-sizing: border-box;
    position: relative;
    left: 42px;
    /* margin-bottom: 14px; */
}
.popup_sendto .search_bar_section{
    margin-bottom: unset;
}
.popup_sendto .search_bar_section .search_box_group{
    width: calc(100% - 42px - 42px);
}
.box_btn_right{
    display: inline-block;
    height: 100%;
    float: right;
    width: fit-content;
    margin-bottom: 12px;
}
.box_btn_right .btn_action_section .line_divide_vertical {
    height: 36px;
    width: 1px;
    background-color: #D9D9D9;
    border-radius: 0.5px;
    float: left;
    margin-left: 12px;
    margin-top: 12px;
}
.box_btn_right .btn_action_section {
    height: 100%;
    width: fit-content;
    float: right;
}
.box_profile_inside .box_profile_txt_popup{
    padding-left: 0px;
    width: 200px;
}
.box_top_popup{
    width: fit-content;
    height: 27px;
    box-sizing: border-box;
    position: relative;
}
.box_in_top_popup{
    width: 62px;
    display: inline-block;
    padding-bottom: 4px;
    margin-right: 18px;
}
.box_in_top_popup_2{
    border-bottom: 3px solid #62BAE0;
    color: #62BAE0;
}
.list_inside{
    height: 100%;
}
.display_normal_section .table_input_group .c2_1{
    width: 180px;
}
.display_normal_section .table_input_group .c2_2{
    width: 380px;
}
.table_form_management{
    table-layout: fixed;
}
.table_form_management #student_progress_table .c1{
    max-width: 420px;
    width: unset;
}
.table_form_management .c2 .container{
    width: calc(100% - 42px);
}
.select_w280{
    width: 280px;
}
.tab_expand_list{
    z-index: 0;
}
.tab_expand_list .t1{
    z-index: 2;
}
.box_hashtag{
    width: 100%;
    height: 96px;
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    padding: 8px 8px 8px 8px;
}
.box_hashtag_name{
    width: 120px;
    height: 36px;
    border: none;
    border-radius: 18px;
    display: inline-block;
    box-sizing: border-box;
}
.box_hashtag_name_clr{
    background-color: #62BAE0;
    opacity: 0.1;
    width: 120px;
    height: 36px;
    border: none;
    border-radius: 18px;
    position: absolute;
    box-sizing: border-box;
}

.box_hashtag_name_2{
    width: 120px;
    height: 36px;
    border: none;
    border-radius: 18px;
    display: inline;
    box-sizing: border-box;
    padding: 8px 8px 8px 12px;
}
.txt_hashtag{
    width: 80px;
    color: #808080;
    display: inline-block;
    margin: 8px 0px 8px 12px;
}
.txt_hashtag_2{
    width: 80px;
    color: #000000;
    border-right: 1px solid #000000;
    display: inline-block;
}
.box_hashtag_del{
    width: 20px;
    height: 20px;
    float: right;
    display: inline-block;
    margin: 8px 8px 8px 0px;
}
.table_checkbox_inline td.c1{
    width: unset;
}
.table_checkbox_inline .td_last_item{
    width: 220px;
}
.txt_require{
    position: absolute;
    right: 38px;
    top: 0px;
}
.txt_require_right{
    right:0px
}
.box_radio_position_left_popup{
    left: 150px;
    top: 0px;
    width: 305px;
    display: inline-block;
    box-sizing: border-box;
    
}
.box_radio_position_left_popup .container{
    margin-top: 0px;
    margin-bottom: 0px;
}
.btn_h29px{
    height: 29px;
    line-height: 29px;
    padding-left: 8px;
    padding-right: 8px;
}

.search_bar_section .search_box_group_select_sort{
    left: 0px;
}

.main_display_section .display_section .title_bar .title_txt {
    width: calc(100% - 72px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main_display_section .display_section .title_bar .title_txt_right_42px {
    width: calc(100% - 238px);
}
.main_display_section .display_section .title_bar .title_btn_right {
    width: calc(100% - 335px);
}
.main_display_section .title_bar .main_header_txt_backicon{
    width: calc(100% - 32px);
}
.main_display_section .title_bar .main_header_txt_backicon_1btn{
    width: calc(100% - 32px - 214px);
}
.main_display_section .title_bar .main_header_txt_backicon_morethan_1btn{
    width: calc(40%);
}
.main_display_section .title_bar .main_header_txt_backicon .title_txt{
    width: calc(100% - 36px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.txt_padding_left{
    padding-left: 12px;
}
.container_table_box_flow{
    max-height: 240px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
.main_display_section .display_section .title_bar .title_txt_wfit{
    width: fit-content;
}
.title_txt_desc_position{
padding-top: 1px;
}
.disabled_item{
    opacity: 0.7;
}

.txt_date_detail{
    width: 110px;
}
.txt_des_checkbox_inline{
    width: calc(100% - 112px);
    display: inline-block;
}
.switch_container{
    width: 294px;
    border: 1px solid #D9D9D9;
    border-radius: 24px;
    background-color: #E6E6E6;
    margin: 4px;
    float: left;
    
}
.switch_container_3item{
    width: 441px;
}
.switch_padding{
    padding: 4px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.switch_padding_3item{
    grid-template-columns: 1fr 1fr 1fr;
}
.btn_switch{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 24px;
    cursor: pointer;
}
.btn_switch::after{
    border: 1px solid #00000015;
    background-color: #62BAE0;
    color: #FFFFFF;
    box-shadow: 0px 3px 6px #00000013;
}
.btn_switch_active{
    border: 1px solid #00000015;
    background-color: #62BAE0;
    color: #FFFFFF;
    box-shadow: 0px 3px 6px #00000013;
}
.form_right_side{
    float: right;
}
.container_none_margin{
    margin-top: 0px;
    margin-bottom: 0px;

}
.txt_desc_role{
    float: left; 
    font-size: 18px; 
    font-weight: bold; 
    padding-right: 12px; 
}
.txt_desc_role_font_normal{
    float: left; 
    font-size: 18px; 
    
    padding-right: 12px; 
}
.txt_fileter_status_container{
    display: inline-block;
    box-sizing: border-box;
    float: right;
    line-height: 34px;
}
.main_display_section .display_section_semi_profile{
    height: 78px;
    position: absolute;
    top: 70px;
}
.profile_titile_container{
    display: grid;
    grid-template-columns: 66px 1fr 150px;
    height: 100%;
}
.picture_border{
    width: 54px;
}
.img_profile_title{
    
    height: 54px;
    border-radius: 100%
}
.des_border{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.des_title_name{
    font-size: 16px;
    font-weight: bold;
}
.des_title_name_semi{
    font-size: 12px;
}
.table_item_drag_able{
    margin-top: 8px;
}
.table_item_drag_able:first-child{
    margin-top: 0px;
}
.visibility_hide{
    visibility: hidden;
}
.table_btn_inside th{
    cursor: default;
}

.table_btn_inside th:hover {
    text-decoration: none;
}

.txt_fileter_status_3{
    display: grid;
    grid-template-columns: 56px 28px;
    line-height: unset;
}

.txt_fileter_status_head{
    display: flex;
    justify-content: center;
    align-items: center;
}

.position_status_3{
    position: absolute;
    right: 0px;
    top: -11px;
}

.txt_fileter_status_content{
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
}

.question_desc{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fixed_table{
    table-layout: fixed;
}
.fixed_table .t_long{
    width: calc(100% - 50px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fixed_table .t_10px{
    width: 15px;
}

.box_font{
    font-size: 14px;
}

.text_status{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.head_tt_name{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 24px)
}

.c2 .box_table_select_student .text_limit{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* width: 200px; */
    display: block;
}
.section_th_first_long .table_list .c1{
    max-width: 420px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.table_list_td_none_height td{
    height: unset;
    padding-top: 12px;
    padding-bottom: 12px;
    word-wrap:break-word;
    white-space: normal;
}

.module_icon_box {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    box-sizing: border-box;
    border: 2px solid #FFFFFF;
    padding: 8px;
    cursor: pointer;
}

.module_icon_box:hover {
    border: 2px solid #78B8DC;
}

.module_icon_box_selected {
    border: 2px solid #78B8DC;
}

.module_icon_box img {
    height: 32px;
}

.text_long_1_line{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.icon_form{
    width: 100px;
    height: 85px;
}

.main_display_section .title_bar .title_text_width_limit{
    width: calc(100% - 480px - 18px);
}

.main_display_section .title_bar .title_text_1_line_limit{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 14px - 28px);
}

.display_list_section_in_popup{
    margin-top: 8px;
}

.popup_bar_group{
    width: 100%;
    text-align: center;
    margin: 18px 0px 18px 0px;
}

.popup_bar_between_btn{
    margin-right: 12px;
}

.popup_slide .popup_slide_h410{
    height: 384px;
}

.box_checkbox_inline{
    display:inline-block;
    margin-top: 0px;
}

.c2_compact{
    padding:0px !important;
}

.table_row_compact {
    height: 32px;
}

.title_bar_cancel{
    position: absolute;
    left: 0px;
}

.title_bar_center{
    text-align: center;
}

.box_select_time{
    display: inline-block;
    margin-right: 24px;
}

.display_normal_section .table_form_management{
    margin-top: unset;
}

.table_form_management .checkbox_square_black_checkall{
    top: calc(50% - (9px/2));
    /* left: 0px; */
}
.table_text_long{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 24px;
}

.table_in_group_with_manage_btn{
    margin-bottom: 16px;
}

.text_with_btn{
    font-size: 16px;
    float: left;
    line-height: 36px;
}

.btn_action_section_in_table {
    height: 100%;
    width: fit-content;
    float: right;
    padding-right: 12px;
}

.top_box_inside_2{
    height: 48px;
    padding-top: 12px;
    box-sizing: border-box;
}

.box_list_image_1{
    display: inline-block;
    width: 100%;
}

.list_image_text_1{
    width: 318px;
    display: inline-block;
    padding-left: 12px;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 6px;
    box-sizing: border-box;
}

.list_image_text_2{
    display: inline-block;
    line-height: 22px;
    overflow: hidden;
}

.list_image_icon{
    display: inline-block;
    float: right;
    padding-right: 16px;
}

.list_image{
    width: 300px;
    height: 200px;
}

.box_list_image{
    width: 456px;
    height: 250px;
    border-bottom: 1px solid #CBCBCB;
    margin-bottom: 8px;
}

.box_list_image_2{
    padding: 12px 78px 12px 78px;
}

.table_btn_inside .tr_body_date td{
    border-right: none;
    height: 24px;
    text-align: right;
    padding-right: 6px;
    font-size: 14px;
}

.table_btn_inside_calendar{
    border-collapse: unset;
}

.table_btn_inside_calendar .td_another_no_right{
    border-right: unset;
}

.table_btn_inside_calendar .td_another_no_bottom{
    border-bottom: unset;
}

.table_btn_inside_calendar .td_another{
    width: calc(100%/7);
    height: calc(100%/7);
}

.table_btn_inside_calendar .td_another_fix_h{
    width: calc(100%/7);
    height: 71px;
}

.title_calendar{
    display: inline-block;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #CBCBCB;
    position: absolute;
    top: 50px;
    padding-top: 11px;
    padding-bottom: 11px;
    box-sizing: border-box;
}

.icon_calendar_left{
    float: left;
    display: inline-block;
    width: 38px;
    height: 38px;
}

.icon_calendar_right{
    float: right;
    display: inline-block;
    width: 38px;
    height: 38px;
}

.txt_calendar_mid{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    width: calc(100% - 38px - 38px);
    line-height: 39px;
    
}

.select_box_table_in_calendar{
    height: calc(100% - 32px);
    position: absolute;
    bottom: 0px;
}

.box_calendar_date{
    padding-right: 6px;
    float: right;
    font-size: 18px;
}

.display_normal_section_w_footer_w_calendar{
    height: calc(100% - 50px - 8px - 48px - 8px - 58px);
}

.display_normal_section_w_footer_w_calendar2{
    height: calc(100% - 50px - 8px - 48px - 8px);
}

.select_option_section .select_module_fix_size_56px{
    width: 56px;
}

.listProcedureBox{
    width: 100%;
    box-sizing: border-box;
    padding: 13px 0px 16px 12px;
    border-bottom: 1px solid #C6C6C8;
}

.listProcedureBox .t1{
    color: #404040;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 2px;
}

.listProcedureBox .t2 {
    color: #404040;
    font-size: 14px;
    margin-bottom: 2px;
}

.listProcedureBox .badge_t1{
    padding: 2px 6px;
    background-color: #F5A949;
    width: fit-content;
    border-radius: 4px;
    font-size: 10px;
    color: #FFFFFF;
    display: inline-block;
    vertical-align: middle;
}

.listProcedureBox .tb1{
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    margin-left: 4px;
}

.color_Green {
    color: #399899 !important;
}

.color_Yellow {
    color: #F5A949 !important;
}

.listProcedureBox .t3{
    color: #B3B3B3;
    font-size: 14px;
    margin-top: 2px;
}

.display_student_progress .divide_section_txt_box{
    width: 100%;
    height: 46px;
    box-sizing: border-box;
    border-bottom: 1px solid #C6C6C8;
    padding-top: 18px;
    font-weight: bold;
    font-size: 18px;
    padding-left: 16px;
    letter-spacing: -0.5px;
}

.display_student_progress .list_sub_data_group {
    width: 100%;
    padding-left: 16px;
    box-sizing: border-box;
    border-bottom: 1px solid #C6C6C8;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 16px;
}

.display_student_progress .list_sub_data_group .t1{
    font-size: 14px;
    color: #8A8A8E;
}

.display_student_progress .list_sub_data_group .t2 {
    font-size: 16px;
    color: #000000;
    margin-top: 3px;
    line-height: 22px;
}

.box_student_progress{
    width: calc(100% - 375px);
    float: left;
}

.display_student_progress .box_data_info {
    width: 100%;
    background-color: #FFFFFF;
}

.display_student_progress .list_sub_data_group .file_icon {
    width: 58px;
    display: inline-block;
}

.display_student_progress .list_sub_data_group .file_icon img {
    width: 58px;
    height: 58px;
}

.display_student_progress .list_sub_data_group .file_detail {
    float: right;
    width: calc(100% - 58px - 12px);
}

.display_student_progress .file_detail .ft1 {
    font-size: 16px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.display_student_progress .file_detail .ft2 {
    font-size: 14px;
    color: #8A8A8E;
    margin-top: 4px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.display_student_progress .file_detail .ft3 {
    font-size: 14px;
    color: #8A8A8E;
    margin-top: 2px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.display_student_progress .list_sub_data_group .more_page {
    right: 0px;
    height: 12px;
    position: absolute;
    top: calc(50% - (12px / 2));
}

.display_student_progress .box_data_info_dark {
    width: 100%;
    background-color: #404040;
    border-bottom: 1px solid #C6C6C8;
    box-sizing: border-box;
    padding: 10px 16px;
}

.display_student_progress .box_data_info_dark .profile_photo {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background-image: url(../img/sidebar/avatar_default.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    box-sizing: border-box;
    border: 1px solid #FFFFFF;
    display: inline-block;
}

.display_student_progress .box_data_info_dark .detail_teacher {
    width: calc(100% - 58px - 12px);
    float: right;
    box-sizing: border-box;
    padding-top: 11px;
}

.display_student_progress .box_data_info_dark .detail_teacher .ttt1 {
    color: #404040;
    font-weight: bold;
    font-size: 18px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.display_student_progress .box_data_info_dark .detail_teacher .ttt2 {
    color: #B3B3B3;
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.display_student_progress .box_data_info_dark .white_box {
    width: 100%;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-sizing: border-box;
    /* padding: 10px 16px; */
    margin-top: 10px;
}

.display_student_progress .box_data_info_dark .white_box .wt1 {
    font-size: 14px;
    color: #8A8A8E;
}

.display_student_progress .box_data_info_dark .white_box .wt2 {
    font-size: 16px;
    color: #000000;
    margin-top: 10px;
    line-height: 22px;
}

.box_student_progress2{
    width: 375px;
    float: right;
}

.display_student_progress .box_detail_teacher{
    border-bottom: 1px solid #C6C6C8;
    padding: 8px 12px 0px 12px;
}

.display_student_progress .box_detail_teacher2{
    padding: 14px 16px 16px 16px;
}

.display_student_progress{
    height: 100%;
}

.btn_tag{
    background-color: #D9D9D9;
    height: 36px;
    line-height: 36px;
    width: fit-content;
    border-radius: 18px;
    padding: 0px 24px;
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box;
    color: #404040;
    display: inline-block;
    border: 1px solid rgba(64, 64, 64, 0.3);
    margin-bottom: 6px;
}

.close_tag_btn{
    width: 18px;
    position: relative;
    top: 2px;
    left: 4px;
}

.box_menu_manage_container{
    padding-top: 12px;
}

.tab_expand_list_menu_manage{
    background-color: #D9D9D9;
}

.display_normal_section_w_title_txt_top{
    height: calc(100% - 144px);
}

.display_normal_section_w_title{
    height: calc(100% - 52px);
}

.main_display_section .btn_action_section_title_top_right{
    padding-right: unset;
}
.btn_action_section .btn_title_top_right {
    margin-top: 4px;
}

.main_display_section .display_section .title_bar_none_border{
    border-bottom:none;
}

.display_section_score_field .title_txt{
    padding-left: 10px;
}

.display_section_score_field .content_box_flow{
    padding-top: unset;
}

.display_section_score_field .tab_expand_list .t1{
    left: unset;
    padding-left: 30px;
}

.btn_score{
    width: 6px;
    height: 18px;
    position: absolute;
    left: 12px;
}
.btn_score_tap{
    width: 6px;
    height: 18px;
    position: absolute;
    left: 12px;
    top: calc(50% - (18px/2));
}

.display_normal_section_none_top .content_box_flow{
    padding-top: unset;
}

.main_display_section .display_normal_section_more_title .title_bar{
    position: relative;
    top: unset;
}

.main_display_section .display_section_schedule_type{
    width: 100%;
    position: relative;
    bottom: unset;
    height: unset;
}

.display_normal_section .table_input_group .c2 .txt_input_276px{
    width: 276px;
}

.txt_input_w_btn{
    display: inline-block;
}

.select_txt_1_line{
    display: inline-block;
}

.display_normal_section .table_input_group .c1_txt_w_radio{
    vertical-align: top;
    padding-top: 12px;
}

.c2_txt_w_radio label{
    width: 100%;
}

.bin_btn{
    width: 16px;
    height: 18px;
    position: absolute;
    right: 48px;
    top: calc(50% - (18px/2));
}
.bin_btn_f{
    width: 16px;
    height: 18px;
    position: unset;
    right: 48px;
    top: calc(50% - (18px/2));
}

.search_item_bar_data_top_box{
    height: unset;
}

.data_top_box {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    margin-right: 13px;
    margin-bottom: 8px;
}

.data_top_box_left{
    font-size: 16px;
    float: left;
}

.data_top_box_right{
    font-size: 16px;
    float: right;
}

.data_top_box_right .box_input_w320_h36{
    position: relative;
}

.data_top_box_left_w_search{
    line-height: 36px;
}

.table_view_score{
    width: 100%;
}

.table_view_score .w_score_1{
    width: 90px;
}

.table_view_score .w_score_2{
    width: 130px;
}

.table_view_score td{
    height: 44px;
}

.table_view_score th{
    height: 28px;
}

.table_view_score td , .table_view_score th{
    border-right:2px solid #383838;
    padding: 6px;
    font-weight: bold;
}

.line_thick_bottom{
    border-bottom:2px solid #383838;
}

.line_thin_bottom{
    border-bottom:1px solid #707070;
}

.table_view_score .line_right_none{
    border-right: none;
}

.txt_mid{
    text-align: center;
}

.txt_long_table_score{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.input_table_score{
    border: none;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    font-family: -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
}

.select_table_score select {
    width: 90px;
    height: 100%;
    box-sizing: border-box;
    padding-left: 9px;
    padding-right: 27px;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    font-size: 16px;
    border: none;
    text-align: center;
}

.select_table_score .select_option_icon {
    position: absolute;
    width: 8px;
    right: 9px;
    top: 8px;
}

.table_view_score .score_note {
    width: 170px;
}

.fix_table_score_1{
    position: sticky;
    left: 0px;
    z-index: 100;
    background-color: white;
}

.fix_table_score_2{
    position: sticky;
    left: 144px;
    z-index: 100;
    background-color: white;
}

.main_display_section .btn_action_section .status_box_section_w_btn{
    box-sizing: border-box;
    height: 36px;
    position: relative;
    top: calc(50% - (18px/2));
}

.box_select_days{
    width: 456px;
    display: inline-block;
    box-sizing: border-box;
    height: 44px;
}

.days_circle{
    width: 42px;
    height: 42px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.10);
}

.days_circle_active{
    width: 42px;
    height: 42px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background-color: #62BAE0;
}

.days_circle_mid{
    position: relative;
    left: calc(50% - (42px/2));
}

.box_days{
    width: calc((456px/7) - 4px);
    height: 44px;
    display: inline-block;
}

.days_detail{
    font-size: 18px;
    font-weight: bold;
    color: #808080;
    position: relative;
    top: calc(50% - 18px/2);
    line-height: 18px;
    text-align: center;
}

.days_detail_active{
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    position: relative;
    top: calc(50% - 18px/2);
    text-align: center;
    line-height: 18px;
}

.title_txt_popup{
    width: calc(100% - 72px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: bold;
    margin-left: 0px;
    float: left;
}

.popup_titile_input .title_bar_popup{
    height: 46px;
    line-height: 46px;
}

.popup_titile_input .title_bar{
    margin-bottom: unset;
}

.popup_box .table_input_group .c1_txt_space{
    padding-bottom: 11px;
}

.popup_box .table_input_group .c2_txt_right{
    float: right;
}

.popup_titile_input .table_input_group{
    margin-top: 14px;
}

.more_space_bottom{
    margin-bottom: 18px;
}

.popup_box .table_input_group .c2 .btn_inline_input_popup{
    width: calc(100% - 104px - 10px);
}

.btn_action_section_popup{
    display: inline-block;
    float: right;
}

.title_txt_popup_list{
    padding-left: 12px;
}

.table_list td .icon_delete_circle{
    height: 16px;
    float: right;
    margin-right: 14px;
}

.tab_select_month_year{
    width: calc(100% - 245px);
    display: inline-block;
}

.tab_select_month_year .select_option_month_year{
    width: 125px;
    display: inline-block;
}

.select_option_month_year_left{
    margin-right: 4px;
    margin-left: 8px;
}

.select_option_month_year_right{
    margin-right: 8px;
}

.tab_select_month_year .select_option_section select{
    background-color: #FFFFFF;
}

.main_display_section .title_bar .tab_select_month_year .slide_icon{
    display: inline-block;
    float: none;
    margin-top: unset;
    vertical-align: middle;
}

.txt_calendar_footer{
    width: fit-content;
    display: inline-block;
    padding-top: 18px;
    padding-bottom: 18px;
    box-sizing: border-box;
}

.tab_select_month_day{
    display: inline-block;
    width: 214px;
    height: 44px;
    position: absolute;
    right: 43px;
    border-radius: 18px;
    background-color: #E6E6E6;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 4px;
}

.tab_select_month{
    display: inline-block;
    width: 102px;
    height: 36px;
    border-radius: 18px;
    background-color: #E6E6E6;
    box-sizing: border-box;
    float: left;
    position: relative;
    top: calc(50% - (36px/2));
}

.tab_select_month_active{
    display: inline-block;
    width: 102px;
    height: 36px;
    border-radius: 18px;
    background-color: #62BAE0;
    border: 1px solid rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    float: left;
    position: relative;
    top: calc(50% - (36px/2));
}

.tab_select_day{
    display: inline-block;
    width: 102px;
    height: 36px;
    border-radius: 18px;
    background-color: #E6E6E6;
    box-sizing: border-box;
    float: right;
    position: relative;
    top: calc(50% - (36px/2));
}

.tab_select_day_active{
    display: inline-block;
    width: 102px;
    height: 36px;
    border-radius: 18px;
    background-color: #62BAE0;
    box-sizing: border-box;
    float: right;
    position: relative;
    top: calc(50% - (36px/2));
}

.tab_select_month_day_txt{
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: calc(50% - 16px/2);
}

.tab_select_month_day_txt_active{
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: calc(50% - 16px/2);
    color: #FFFFFF;
}

.main_display_section .display_section .title_bar_select_dmy{
    height: 52px;
}

.timetable_display_section .title_bar .question_icon_table_mid{
    float: right;
    margin-top: 14px;
    margin-right: 9px;
}

.select_box_table_in_calendar_2 {
    height: 22px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: unset;
}

.select_box_table_in_calendar_full {
    height: 49px;
    position: absolute;
    bottom: 2px;
    margin-bottom: unset;
}

.pre_select_2{
   background-color: #BFBFBF;
   border: 1px solid rgba(0, 0, 0, 0.1);
}

.box_calendar_date_2{
    padding-right: 6px;
    float: right;
    font-size: 16px;
}

.txt_calendar_title_bar {
    width: fit-content;
    display: inline-block;
    position: absolute;
    right: 44px;
    box-sizing: border-box;
    line-height: 44px;
}

.footer_bar .btn_white_border_black{
    background-color: #FFFFFF;
    border: 1px solid #404040;
}

.schedule_time_box{
    width: calc(100% - 256px);
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}

.all_schedule_day_box{
    width: 256px;
    height: 100%;
    display: inline-block;
    float: right;
    box-sizing: border-box;
    padding-left: 8px;
}

.schedule_select_box{
    width: 100%;
    height: 168px;
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 16px;
    position: relative;
}

.list_schedule_box{
    width: 100%;
    height: 292px;
    box-sizing: border-box;
    display: inline-block;
}

.schedule_time_hr_box{
    width: 100%;
    height: 12px;
    box-sizing: border-box;
    margin-bottom: 24px;
    display: inline-block;
    line-height: 12px;
}
.time_hr_list{
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 38px;
}
.line_hr_list{
    width: calc(100% - 38px - 10px);
    border-top: 1px solid #D9D9D9;
    display: inline-block;
    float: right;
    position: relative;
    top: 6px;
    z-index: 100;
}

.schedule_time_box .content_box_flow{
    padding-bottom: unset;
}

.all_schedule_day_box .content_box_flow{
    padding-bottom: unset;
    padding-top: unset;
}

.schedule_time_box .schedule_time_hr_none_mrg{
    margin-bottom: 12px;
}

.schedule_select_day_box{
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 3px;
}

.schedule_select_day{
    width: calc((100%/7) - 4px);
    height: 20px;
    display: inline-block;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    text-align: center;
    padding: 2px;
}

.schedule_select_day_none{
    color: #808080;
}

.schedule_select_day_active{
    width: calc((100%/7) - 4px);
    height: 20px;
    display: inline-block;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
    background-color: #62BAE0;
    color: #FFFFFF;
    padding: 2px;
}

.list_schedule{
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding-bottom: 15px;
    padding-top: 12px;
    border-bottom: 1px solid #B7B7B7;
}

.list_schedule_txt_1{
    font-size: 18px;
    font-weight: bold;
    width: 100%;
}

.list_schedule_txt_2{
    font-size: 16px;
    font-weight: bold;
    width: 100%;
}

.list_schedule_box .list_schedule_none_line{
    border-bottom: none;
}

.list_schedule_time_full{
    width: calc(100% - 38px - 10px);
    height: calc((40px + (40px * 0) - 0px)/1);
    background-color: #808080;
    border-radius: 8px;
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    left: 48px;
    top: calc(14px + ( ((40px * 0) - 0px) + ((40px/12) * 0)));
    z-index: 101;
    cursor: pointer;
    transition: 0.2s;
}

.list_schedule_time_mini{
    width: calc((100% - (12px * 3))/3);
    height: calc((40px + (40px * 0) - 0px)/1);
    background-color: #808080;
    border-radius: 8px;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    z-index: 101;
    cursor: pointer;
    transition: 0.2s;
    margin-right: 12px;
    vertical-align: top;
}

.list_schedule_time_mini:last-child{
    margin-right: 0px;
}

.list_schedule_time_box{
    width: calc(100% - 38px - 10px);
    height: 40px;
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    left: 48px;
    top: calc(14px + ( ((40px * 3) - 3px) + ((40px/12) * 0)));
    z-index: 101;
}

.list_schedule_time_more_task{
    margin-right: 12px;
}

.view_password_icon{
    width: 28px;
    position: absolute;
    right: 40px;
    top: 47px;
}

.main_display_section .btn_action_section .status_box_section_with_line_btn{
    height: 36px;
    position: relative;
    top: 20px;
}

.t_long_fix_width{
    width: calc(100% - 80px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* .table_form_management  .box_table_select_student{
    padding-left: 32px;
} */
@media (max-width: 1000px){
    .bg_warning{
        display: block;
    }
	/* .score_2_input_container{
		position: unset;
		margin-left: 0px;
	} */

}