/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;400;500;700&display=swap");
 */

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Light.ttf') format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
}


@font-face {
    font-family: 'Noto Sans KR';
    src: url('../fonts/Noto_Sans_KR/NotoSansKR-VariableFont_wght.ttf') format('truetype');
}

/* @font-face {
    font-family: 'NanumBarunGothic';
    src: url('../fonts/Nanum_BARUNGOTHIC/NanumBarunGothicUltraLight.ttf') format('truetype');
    font-weight: 100;
}
@font-face {
    font-family: 'NanumBarunGothic';
    src: url('../fonts/Nanum_BARUNGOTHIC/NanumBarunGothicLight.ttf') format('truetype');
    font-weight: 300;
}
@font-face {
    font-family: 'NanumBarunGothic';
    src: url('../fonts/Nanum_BARUNGOTHIC/NanumBarunGothicBold.ttf') format('truetype');
    font-weight: 700;
} 
  */
@font-face {
    font-family: 'NanumBarunGothic';
    src: url('../fonts/Nanum_BARUNGOTHIC/NanumBarunGothic.ttf') format('truetype');
    font-weight: 400;
}
 

 
[contenteditable] {
    outline: 0px solid transparent;
  }
  .ai-summay-text-decoration{
    text-decoration: line-through;
  }
  /* alert top to bottom */
  .alert-success{
    top: -82px;
  }
  .modal-backdrop{
    z-index: 1005 !important;
  }
  /* alert top to bottom */
/* scroll bar */
    /* width */
    ::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px white;
        border-radius: 10px;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #c1c1c152;
        border-radius: 10px;
    }
/* scroll bar */
.custom_dropdown_menu{
    position: absolute;
    inset: 0px auto auto 45px !important;
    top: 0;
    transform: translate(0px, 29px);
}
.custom_mic_close{
    border: none;
    border-radius: 15%;
    background-color:white;
}
.bootstrap-tagsinput {
    line-height: 2;
    border-radius: 4px !important;
    width: 100%!important;
}

html{max-height: 100%;}
@media (min-width: 768px){
    body[data-sidebar-size=sm] {
        min-height: auto;
    }
  
}
body{
    height: 100vh;
    /*max-height: 100%;
    overflow: hidden;*/

    /*font-family: 'Roboto', sans-serif;
    font-family: 'Noto Sans KR', sans-serif;*/
    font-family:"Open Sans","arial","Apple SD Gothic Neo","Noto Sans CJK KR","본고딕","KoPubDotum","나눔바른고딕", "NanumBarunGothic","나눔고딕","NanumGothic","맑은고딕","Malgun Gothic",sans-serif, 'Noto Sans KR', Helvetica, Arial;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
    background: white; 
    /* min-height: auto !important; */
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-family:"Open Sans","arial","Apple SD Gothic Neo","Noto Sans CJK KR","본고딕","KoPubDotum","나눔바른고딕", "NanumBarunGothic", "나눔고딕","NanumGothic","맑은고딕","Malgun Gothic",sans-serif;
    color:#000 !important;
}

#layout-wrapper{
    max-height: 100%;
    overflow-y: auto;
}

.nav-tabs-custom .nav-item .nav-link{
    font-family: 'Noto Sans KR', sans-serif;
}

.custom_col_4_heading{
    color: black;
}
.ai_template_code{
    width: 25%;
}
.al_template_tbody{
    border-top: 1px solid #80808045;
    border-bottom: 1px solid #80808045;
}

.table_content{
    padding-left: 6.5%;
    padding-right: 3%;
}
.ne_metting_custom_height{
    margin-top: 27%;
    margin-bottom: 16% ;
}
.dot_3{
    right: -52px;
}
.custom_drop_down{
    transform: translate(-14px, 72px) !important;
    padding-bottom: 0;
   
}
.custom_drop_down_item{
    padding: 0rem 5.5rem 0rem 1rem !important;
    height: 60px;
}
.custom_span{
    line-height: 43px;
}
.custom_divider{
    margin: 0;
    margin-left: 0.5rem;
    /* margin-right: 1rem; */
    width: 94% !important;
}
.research_lab_tr{
    border-bottom: 1px solid #8080801f;
}
.table_content{
    border-bottom: 1px solid #80808040;
}
#border_tr{
    border: 1px solid white;
    height: 3rem;
}
.custom_btn_center{
    align-items: center;
    justify-content: center;
}
.custom_radio_btn{
    padding: 25px;
}
.custom_col-12_modle{
    max-width: 100% !important;
}
#tagListInMeeting li span{
    letter-spacing: 0.8px;
}
#tagListInMeeting1 li span{
    letter-spacing: 0.8px;
}
.custom_header_model{
    height: auto;
}
.custom_form_min_height{
    min-height: auto;
}
.custom_form_min_height .needsclick span{
    font-size: 18px;
}
.custom_live_recording{
    font-size: 18px;
    color: black;
}
.custom_f_modle{
    font-size: 20px;
    font-weight: 400;
    color: black;
}
.custom_ai_content{
    /* border: 1px solid #c1c1c152; */
    padding: 30px;
}
.custom_ai_header{
    /* padding: 6px; */
    /* border-top: 1px solid #c1c1c152;
    border-left: 1px solid #c1c1c152;
    border-right: 1px solid #c1c1c152; */
    border-bottom: 1px solid #c1c1c152;
}
.custom_summary_ul{
    align-items: center;
}
.custom_ai_header .row ul{
    margin: 0;
    height: 100%;
}
#aiSummary{
    color: black;
    border-bottom: 2px solid red;
    padding: 11px;
    padding-left: 0;
    padding-right: 0;
}
#original{
    color: black;
    padding: 11px;
}
.agenda_circle_btn{
    width:20px !important; 
    height: 20px; 
    border-radius: 20px; 
    line-height: 10px; 
    margin-bottom: 5px; 
    margin-top:10px; 
    float:left;
}

.chat_textarea_container{
    width:97%; 
    position:absolute; 
    bottom:20px;
}

@media(min-width: 1200px){
    .myclass {
        top: 6rem !important;
    }
    .organization_li_pd_2{
        padding-right: 1rem;
    }
    .organization_li_pd{
        padding-right: 1rem;
        min-width: 16%;
    }
    .report_container{
        max-width: 100%;
    }
    .report_col_width ul {
        justify-content: start !important;
        /* padding-left: 11% !important; */
        font-size: 80%;
    }
    .print_report_size {
        width: 56% !important;
    }
    .new_metting_icon{
        width: 48%;
    }
    .report_col_width h6 {
        /* padding-left: 11%; */
        text-align: start;
    }
    .agenda_circle_btn{
        width:20px !important; 
        height: 20px; 
        border-radius: 20px; 
        line-height: 10px; 
        margin-bottom: 5px; 
        margin-top:10px; 
        float:left;
    }

    
    
    
}
@media(min-width: 1440px){
    .myclass{
        top: 6rem !important;
    }
 

}
@media(min-width: 2000px){
    .myclass{
        top: 6.1rem !important;
    }
}

@media(max-width: 1200px){     
    .report_col_width h6 {
        padding-left: 11% !important;
        text-align: start;
    }
    .width_tevele {
        width: 100%;
    }
    /*.nav-linkss {
        padding: 0.3rem 1.4rem !important;
        font-size: 14px !important;
    }*/
    #laptop_w {
        padding: 18px 0px 0px 0px !important;
        font-size: 15px !important;
    } 
    
    .report_card_list li p{
        font-size: 13px !important;
    }
    .report_col_width h6{
        font-size: 13px;
    }
    /* .report_form_card {
        padding: 2rem 1rem 2rem 1rem;
    } */
    .agenda_circle_btn{
        width:15px !important; 
        height: 15px; 
        border-radius: 15px; 
        line-height: 8px; 
        margin-bottom: 5px; 
        margin-top:10px; 
        float:left;
    }
    
    #recording_barArea{
        padding-left:0 !important;
    }
}

@media(max-width: 1650px){
    .nav-linkss, .nav_links_1 {
        /*padding: 0.3rem 1.4rem !important;*/
        font-size: 13px;
    }
    .btn_sidebar_modal {
        padding: 18px 0px 0px 0px !important;
        font-size: 13px !important;
    }
    .chat_w{
        width:80% !important;
    }
    .realtime_chat_div{
        width:74% !important; 
    }
}
#OpenImgUpload{
    border-radius: 50%;
    width: auto !important;
    max-width: 100%;
}
.organization_prof_img{
    height: 100px;
    width: 100px;
    /* display: initial; */
    align-items: self-start;
    display: flex;
    align-items: center;
    position: relative;
}
@media(max-width: 991px){
    .organization_li_pd{
        padding-right: 4.5rem;
    }
    .organization_li_pd_2{
        padding-right: 2rem;
    }
}
.organization_prof_img {
    padding: 0 !important;
}

@media(max-width: 374px){
    .deepchat_main_box{
        height: 175px !important;
    }
}

@media(max-width: 767px){
    .organization_li_pd_2, .organization_li_pd{
        padding-right: 0;
    }
    .organization_prof_img{
        height: 8rem;
        width: 8rem;
    }
    .organization_card_pd ul{
        display: revert !important;
    }
    .organization_li_pd_2{
        width: 100% !important;
    }
    .nav-tabs-custom li a{
        font-size: 12px;
    }
    .mob_g_f_a li{
        margin-left: 1.5rem;
    }
    .mobile_profile_btn{
        text-align: center;
        margin-top: 1rem;
    }
    .report_btn_m{
        padding: 4px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: auto !important;
    }
    .card_mobile_sc{
        padding: 18px;
    }
    .card_mobile_sc .container{
        padding: 0;
    }
    .custom_table_padding {
        /*line-height: 3;*/
        padding: 0 !important;
        text-align: start;
    }
 
   .custom_responsive {
       /* display: contents;*/
    }
   .custom_responsive .form-control {
      /* width: 100% !important;*/
    }
    .custom_responsive span{
        width:70px !important;
    }
    .custom_checkbox{
        display: block;
    }
    table{
       width: 100%;
    }
    .cust-lang-div-text-footer{
        top: 0px !important;
    }    
    .custom_border_col ul li .form-select {
        padding: 1px 20px 1px 6px !important;
        background-position: right 0.2rem center !important;
    }
    .custom_border_col{
        flex: 100% !important;
    }
    .agenda_circle_btn{
        width:20px !important; 
        height: 20px; 
        border-radius: 20px; 
        line-height: 10px; 
        margin-bottom: 5px; 
        margin-top:10px; 
        float:left;
    }
    .text-md-start {
        text-align: left !important; }
    .text-md-end {
    text-align: right !important; }
    .text-md-center {
    text-align: center !important; }

    .chat_textarea_container{
        width:87%; 
        position:fixed; 
        bottom:20px;
    }
    .realtime_chat_div {
        width: 100% !important;
    }
   
    .chat_w{
        width:100% !important;
    }
    #chat_menu_div{
        height: 210px;
        overflow: hidden;
    }
    #all_chat_list_container{
        height: 90px !important;
    }
    #share_chat_list_container, #my_chat_list_container{
        height: 60px !important;
    }
    
}
.ai_cross_close{
    font-size: 31px;
    margin-left: 12px;
}

.custom_microphone:hover{
    color: #009688;
    cursor: pointer;
}
.custom_record_border:hover {
    padding: 4px 2px 5px 5px;
    border-radius: 21px;
    height: 30px;
    width: 30px;
    margin-right: 5px;
    cursor: pointer;
}
.custom_animat_border div ul .mice_li i{
/* transition: 0.1s; */
}
.custom_animat_border div ul .mice_li{
    width: 50px;
}
.custom_animat_border div ul{
    align-items: center;
}

    .custom_sound_lable{
        font-weight: 400;
        margin-bottom: 0.5rem;
        color: black;
    }
    .custom_sound_test_span{
        font-size: 20px;
        color: black;
        font-weight: 400;
    }
    .custom_color_dark{
        color: black;
        font-size: 15px;
    }
    .custom_volume{
    font-size: 27px;
    margin: 0;
    padding: 0;
    }
.custom_volume {
box-sizing: border-box;
align-items: center;
}
.slidecontainer {
width: 100%;
}

.custom_rang_slider {
-webkit-appearance: none;
width: 100%;
height: 10px;
background: #00ffff;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}

.custom_rang_slider:hover {
opacity: 1;
}

.custom_rang_slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 7px;
height: 25px;
background: #4472c4;
cursor: pointer;
}

.custom_rang_slider::-moz-range-thumb {
width: 25px;
height: 25px;
background: #04AA6D;
cursor: pointer;
}

    
.range_slider_2 {
-webkit-appearance: none;
width: 100%;
height: 10px;
background: #00ffff;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}

.range_slider_2:hover {
opacity: 1;
}

.range_slider_2::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 10px;
height: 25px;
background: #4472c4;
cursor: pointer;
display: none;
}

.range_slider_2::-moz-range-thumb {
width: 25px;
height: 25px;
background: #04AA6D;
cursor: pointer;
}
                                                  
.custom_original_content{
    /* border: 1px solid #c1c1c152; */
    padding: 30px;
}
.custom_original_content_border{
    padding: 12px !important;
    border: 2px solid #e2e5e8;
    border-radius: 12px;
}

.custom_modle_width{
    max-width: 800px;
}
/* .report_form_card{
    padding: 2rem 0rem 2rem 2rem;
} */
.report_col_width ul{
    margin-bottom: 0;
}
@media(min-width: 1200px){
    .organization_card_pd{
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
  
    .report_form_card{
        padding-left: 3rem;
        padding-right: 3rem;
    }
    /* .report_col_width{
        width: auto;
    } */
    
}
@media(max-width: 400px){
    .report_col_width{
        max-width: 100%;
        flex: 0 0 100% !important;
    }
}
@media(max-width: 768px){
    /* .report_col_width{
        max-width: 100%;
        flex: 0 0 100% !important;
        padding-left: 2.5rem;
        padding-right: 3.5rem; 
    }*/
    .report_col_width ul {
        justify-content: start !important;
    }
    .report_col_width h6 {
        padding-left: 0 !important;
    }
    .p_edit_btn{
        position:absolute; 
        bottom:0%; 
        right:40%; 
        margin-right: -60px; 
        /*width: 30%;*/ 
        cursor: pointer;
    }
    .profile_img {
        width: 100px !important;
        height: 100px !important;
    }
}
@media(max-width: 1025px){
    .report_card_list li p{
        font-size: 10px !important;
    }
    .report_col_width h6{
        font-size: 11px;
    }
    /* .report_form_card {
        padding: 2rem 2rem 2rem 2rem;
    } */
}
@media(max-width: 991px){

    /* .report_form_card {
        padding: 2rem 1rem 2rem 1rem;
    } */
    /* .report_col_width{
        width: 25% !important;
    } */
    .report_card_list li p{

        font-size: 10px !important;
    }
    .report_col_width h6{
        font-size: 11px;
    }
    .custom_reservation, .custom_start_btn_fileupload, .custom_start_btn {
        padding: 9px 30px 9px 30px !important;
    }
    .img_tabl{
        width: 72px;
    }
    .upload_file{
        margin-bottom: 0px;
    }
    .microscope {
        padding:0 !important;
    }
    .li_para {
        margin-top: 1rem !important;
    }
    .banner_para2 {
        margin-top: 1rem !important;
    }
    .banner_para h3 {
        font-size: 1.5rem !important;
    }
    .singup_card {
        width: 67% !important;
    }
    .administration_btn_mang {
        padding: 0.4rem 1rem 0.4rem 1rem !important;
    }
    .organization_img {
        width: 100% !important;
    }
    .u_t_m{
        justify-content: start !important;
    }
    .u_t_m button{
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important;
    }
    .i_search input{
        width: 327px !important;
    }
    .d_a_btn{
        margin-left: 16px !important;
    }
    .i_search{
        margin-right: 0px !important;
    }
    .btn-save-cancel {
        width: 73px !important;
    }
    .Total_r0w li {
        padding-left: 1rem !important;
    }
    .permission_btn {
        margin-top: 0.4rem;
    }
    #progress_ai{
        margin-top: 1rem !important;
    }
    .progress{
        margin-top: 11% !important;
    }
    .timing_icon_ai {
        margin-left: 0% !important;
        justify-content: center;
    } 
    .tab_reco{
        margin-top: 0px !important;
    }

   
}
.custom-checked-box{
    width: 26px;
    height: 22px;
}

.custom_page_count2 {
    padding: calc(77px + 20px) calc(20px / 2) 60px calc(20px / 2);
}
/*start custom add tage */
#newTag {
    font-size: 1rem;
    color: #455A64;
    display: block;
    width: 9%;
    height: 2rem;
    transition: 0.5s all;
}
#newTag:focus, #newTag:active { 
  outline: none; 
}
ul#tagList {
  display: block;
  padding: 0;
  margin: 0;
}
ul#tagList::after {
    content: "";
    clear: both;
    display: table;
}
ul#tagList li {
    position: relative;
    list-style: none;
    float: left;
    font-size: 0.835rem;
    text-transform: capitalize;
    background-color: #d3d3d352;
    line-height: 1rem;
    padding: 5px 8px 5px 8px;
    border-radius: 8px;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    word-break: break-all;
}

/*end  custom add tage */
.custon-multi-tages .bootstrap-tagsinput{
    box-shadow: none;
    border: none;
}
.custom_border_col input[type=text] {
    width: 26%;
}

.custon-multi-tages .bootstrap-tagsinput .tag {
    color: #475057 !important;
    background-color: #f2f2f2 !important;
    font-size: 0.835rem;
    text-transform: capitalize;
    background-color: #d3d3d352;
    line-height: 1rem;
    padding: 5px 8px 5px 8px;
    border-radius: 8px;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    word-break: break-all;
}
/*1 start custom add tage */
#newTag1 {
    font-size: 1rem;
    color: #455A64;
    display: block;
    width: 9%;
    height: 2rem;
    transition: 0.5s all;
}
#newTag1:focus, #newTag1:active { 
  outline: none; 
}
ul#tagList1 {
  display: block;
  padding: 0;
  margin: 0;
}
ul#tagList1::after {
    content: "";
    clear: both;
    display: table;
}
ul#tagList1 li {
    position: relative;
    list-style: none;
    float: left;
    font-size: 0.835rem;
    text-transform: capitalize;
    background-color: #d3d3d352;
    line-height: 1rem;
    padding: 5px 8px 5px 8px;
    border-radius: 8px;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    word-break: break-all;
}

/*1 end  custom add tage */

/*2 start custom add tage */
#newTag2, #newTagInMeeting {
    /* font-size: 1rem; */
    color: #455A64;
    display: block;
    width: 9%;
    height: 2rem;
    transition: 0.5s all;
    padding: 18px !important;
}
#newTag2:focus, #newTag2:active, #newTagInMeeting:focus, #newTagInMeeting:active { 
  outline: none; 
}
ul#tagList2 , ul#tagListInMeeting, ul#tagListInMeeting1{
  display: block;
  padding: 0;
  margin: 0;
}
ul#tagList2::after, ul#tagListInMeeting::after ,ul#tagListInMeeting1::after {
    content: "";
    clear: both;
    display: table;
}
ul#tagList2 li, ul#tagListInMeeting li, ul#tagListInMeeting1 li {
    list-style: none;
    float: left;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 30px;
    background-color: #038edc;
    border-color: #038edc;
    margin-bottom: 0;
    margin-right: 0;
    font-weight: 400;
    color: white;
    margin: 0px 6px 7px 0px;
}
ul#tagList2 li > span.rmTag, ul#tagListInMeeting li > span.rmTag, ul#tagListInMeeting1 li > span.rmTag {
    color: #ffffff73;
    font-size: 15px;
    cursor: pointer;
}
ul#tagList2 li > span.rmTag:hover , ul#tagListInMeeting li > span.rmTag:hover,ul#tagListInMeeting1 li > span.rmTag:hover {  
 color: #f1f1f1;
}
ul#tagListEmt2 , ul#profiletaglist , ul#tagListInMeeting, l#tagListInMeeting1{
  display: block;
  padding: 0;
  margin: 0;
}
ul#tagListEmt2::after, ul#profiletaglist::after, ul#tagListInMeeting::after, ul#tagListInMeeting1::after {
    content: "";
    clear: both;
    display: table;
}
ul#tagHeader , ul#taglistheader, l#taglistheader1{
  display: block;
  padding: 0;
  margin: 0;
}
ul#tagHeader::after, ul#taglistheader::after, ul#taglistheader1::after {
    content: "";
    clear: both;
    display: table;
}
.custom_col_1{
    width: auto;
    padding-right: 0;
    padding-left: 1.2%;
}


.metismenu .mm-collapse.mm-show {
    display: block;
    overflow-y: scroll;
    height: 31vh !important;
}
ul#tagListEmt2 li, ul#profiletaglist li, ul#tagListInMeeting li, ul#tagListInMeeting1 li {
    cursor: pointer;
    list-style: none;
    float: left;
    padding: 2.5px 10px;
    font-size: 12px;
    border-radius: 30px;
    background-color: #f5f5f5;
    border-color: #038edc;
    margin-bottom: 0;
    margin-right: 0;
    font-weight: 400;
    color: black;
    margin: 0px 6px 7px 0px;
    justify-content: center;
    display: flex;
    align-items: center;
    line-height: 22.5px;
}
ul#tagListInMeeting .no_color{
    background-color: transparent !important;
    margin: 6px 0px 0px;
    padding: 0px 10px;
}

ul#tagListEmt2 li > span.rmTag, ul#profiletaglist li > span.rmTag, ul#tagListInMeeting li > span.rmTag , ul#tagListInMeeting1 li > span.rmTag {
    color: #dcd9d973;
    font-size: 15px;
    cursor: pointer;
    opacity: 1;
    display: flex;
}
ul#tagListEmt2 li :hover > span.rmTag, ul#profiletaglist li :hover > span.rmTag, ul#tagListInMeeting li:hover > span.rmTag, ul#tagListInMeeting li:hover > span.rmTag:hover, ul#tagListInMeeting1 li:hover > span.rmTag:hover {
    color:#777;
    opacity: 1 !important;
    display: flex;
}
ul#tagHeader li, ul#taglistheader li, ul#taglistheader1 li, ul.filelistheader_file li {
    list-style: none;
    float: left;
    padding: 2.5px 10px;
    font-size: 12px;
    border-radius: 30px;
    background-color: #f5f5f5;
    border-color: #038edc;
    margin-bottom: 0;
    margin-right: 0;
    font-weight: 400;
    color: black;
    margin: 0px 6px 7px 0px;
    justify-content: center;
    display: flex;
    align-items: center;
}
ul#card_word {
    display: block;
    padding: 0;
    margin: 0;
    overflow:hidden;
}
ul#card_word li {
    list-style: none;
    float: left;
    font-size: 14px;
    margin-bottom: 0;
    margin-right: 0;
    font-weight: 400;
    color: #969696;
    margin: 0px 6px 7px 0px;
    justify-content: center;
    display: flex;
    align-items: center;
}
ul#tagHeader li > span.rmTag, ul#taglistheader li > span.rmTag , ul#taglistheader1 li > span.rmTag {
    color: #ffffff73;
    font-size: 15px;
    cursor: pointer;
    opacity: 0;
}
ul#tagHeader li :hover > span.rmTag, ul#taglistheader li:hover > span.rmTag:hover, ul#taglistheader1 li:hover > span.rmTag:hover {
 opacity: 1 !important;
}

.custom_plus_btn_tag{
    width: 45px;
    padding: 0.1rem 0.1rem;
}
/*result_read_meeting Keyword delete span color change*/
ul#tagListEmt2 li > span.rmTag:hover , ul#profiletaglist li > span.rmTag:hover , ul#tagListInMeeting li > span.rmTag:hover, ul#tagListInMeeting li > span.rmTag:hover {  
  color: #ffffff;
}
ul#tagHeader li > span.rmTag:hover , ul#taglistheader li > span.rmTag:hover, ul#taglistheader li > span.rmTag:hover {  
  color: black;
}
/*2 end  custom add tage */

/*3 start custom add tage */
#newTag3 {
    font-size: 1rem;
    color: #455A64;
    display: block;
    width: 9%;
    height: 2rem;
    transition: 0.5s all;
}
#newTag3:focus, #newTag3:active { 
  outline: none; 
}
ul#tagList3 {
  display: block;
  padding: 0;
  margin: 0;
}
ul#tagList3::after {
    content: "";
    clear: both;
    display: table;
}
ul#tagList3 li {
    position: relative;
    list-style: none;
    float: left;
    font-size: 0.835rem;
    text-transform: capitalize;
    background-color: #d3d3d352;
    line-height: 1rem;
    padding: 5px 17px 5px 17px;
    border-radius: 8px;
    margin-right: 13px;
    /* margin-left: 13px !important; */
    margin-bottom: 0.5rem;
    word-break: break-all;
}
ul#tagList3 li > span.rmTag {
    position: absolute;
    margin: 0.25rem;
    top: -2px;
    right: -22px;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 1rem;
    color: black;
    font-size: 1.25rem;
    line-height: 1.5rem;
    text-align: center;
    /* background-color: #C8E6C9; */
    cursor: pointer;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}
ul#tagList3 li > span.rmTag:hover {  
  background-color: #f1f1f1;
}
/*3 end  custom add tage */

/*4 start custom add tage */
#newTag4 {
    font-size: 1rem;
    color: #455A64;
    display: block;
    width: 9%;
    height: 2rem;
    transition: 0.5s all;
}
#newTag4:focus, #newTag4:active { 
  outline: none; 
}
ul#tagList4 {
  display: block;
  padding: 0;
  margin: 0;
}
ul#tagList4::after {
    content: "";
    clear: both;
    display: table;
}
ul#tagList4 li {
    position: relative;
    list-style: none;
    float: left;
    font-size: 0.835rem;
    text-transform: capitalize;
    background-color: #f2f2f2b5;
    line-height: 1rem;
    padding: 5px 21px 5px 21px;
    border-radius: 3px;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    word-break: break-all;
    margin-top: 8px;
    margin-bottom: 0;
}
ul#tagList4 li > span.rmTag {
    position: absolute;
    margin: 0.25rem;
    top: -2px;
    right: -20px;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 1rem;
    color: black;
    font-size: 1.25rem;
    line-height: 1.5rem;
    text-align: center;
    /* background-color: #C8E6C9; */
    cursor: pointer;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}
ul#tagList4 li > span.rmTag:hover {  
  background-color: #f1f1f1;
}
/*4 end  custom add tage */

/*5 start custom add tage */
#newTag5 {
    font-size: 1rem;
    color: #455A64;
    display: block;
    width: 9%;
    height: 2rem;
    transition: 0.5s all;
}
#newTag5:focus, #newTag5:active { 
  outline: none; 
}
ul#tagList5 {
  display: grid;
  padding: 0;
  margin: 0;
}
ul#tagList5::after {
    content: "";
    clear: both;
    display: table;
}
ul#tagList5 li {
    position: relative;
    list-style: none;
    float: left;
    font-size: 0.835rem;
    text-transform: capitalize;
    background-color: #ffffff;
    line-height: 1rem;
    padding: 9px 21px 9px 21px;
    border-radius: 0;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    word-break: break-all;
    border: 1px solid #80808066;
    margin-bottom: 5px;
    margin-right: 23px;
}
ul#tagList5 li > span.rmTag {
    position: absolute;
    margin: 0.25rem;
    top: 0px;
    right: -31px;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 1rem;
    color: black;
    font-size: 1.25rem;
    line-height: 1.5rem;
    text-align: center;
    /* background-color: #C8E6C9; */
    cursor: pointer;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}

/*5 end  custom add tage */
/* islootech-28 */
.custom_start_btn{
    background: #f34e4e;
    padding: 9px 45px 9px 45px;
    color: white;
    font-size: 15px;
    border-radius: 7px;
    font-weight: 600;
}
.custom_start_btn:hover{
    background: none;
    border: 1px solid #f34e4e;
}
.custom_file_upload{
    border: 1.5px solid #f34e4e;
    padding: 9px 17px 9px 17px;
    color: #f34e4e;
    font-size: 15px;
    border-radius: 7px;
    font-weight: 600;
}
.custom_file_upload:hover{
    background-color: #f34e4e;
    color: white;
}
.custom_drag_adn_drop{
    border: 2px solid #80808045;
    padding: 12px;
    border-radius: 11px;
    padding-left: 2rem;
}

.custom_drag_adn_drop span{
    font-weight: 500;
    color: #888;
}

.custom_schedule_btn{
    border: 1.9px solid #888;
    padding: 9px 17px 9px 17px;
    font-size: 15px;
    border-radius: 7px;
    font-weight: 600;
    color: #888;
}
.custom_schedule_btn:hover{
    background-color: #888;
    color: white;
}
.custom_new_metting_tit{
    font-size: 15px !important;
}
.custom_new_meeting_ti{
    padding-top: 3px;
}
@media (min-width: 768px){
    .custom_col-1 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 10%;
    }

    .custom_col-11 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 85%;
    }

    .dic-menu {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }
    .dic-content{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
        
    }
    .dic-right-uploader{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .p_edit_btn{
        position:absolute; 
        top:80px; 
        right:50%; 
        margin-right: -60px; 
        /*width: 30%;*/ 
        cursor: pointer;
    }
}

.dic_allcheck_btn{    border-radius: 4px;
    margin-left: -6px;
    padding: 6px 9px 3px;
    background-color: #f1f3f9;}

.folder_drag.dragging{
    opacity: 0.5;
}

.plus_btn_rep:hover{
    background-color: #eee ;
    
    border-radius: 0.3rem;
}

.custom_img_icn{
        /* background: url("../images/dummy.jpg"); */
        /* background-repeat: no-repeat; */
        /* background-size: contain; */
}

.custom_new_minutes{
    /* border-bottom: 2px solid #eff0f2; */
    /* border: 1px solid #80808075; */
    padding: 6px;
}
.custom_space_line{
    padding: 0px 2px 0 2px;
}
.custom_speaker_tag{
    list-style: none;
    float: left;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 30px;
    background-color: #038edc;
    border-color: #038edc;
    margin-bottom: 0;
    margin-right: 0;
    font-weight: 400;
    color: white;
    margin: 0px 6px 7px 0px;
}
.custom_search_icon_s{
    font-size: 18px;
    color: gray;
}
.ai_play_btn{
    font-size: 35px !important;
}
.c_min_width{
    min-width: 60px !important;
    width: auto !important;
}
/*.custom_cross{
    opacity: 1 !important;
    background: none !important;
    color: white !important;
}*/
.custom_selcect_text{
    background-color: #f2f2f2;
}
.summary_replace_btn{
    font-size: 13px;
}
/* table{
    border-collapse: unset !important;

} */
.custom_ai_search{
    height: 32px !important;
    width: 100%;
    /* padding-left: 49%; */
    align-items: center;
    /* padding-right: 21%; */
    justify-content: center;
}

@media (min-width: 481px) and (max-width:767px){
    .resizable-x {
      /*  margin-left:3rem;*/
    }
}    
/* dragable column */
#app {
    width: 100%;
    height: 100%;
    /*font-family: 'Noto Sans KR', sans-serif;*/
    font-family:"Open Sans","arial","Apple SD Gothic Neo","Noto Sans CJK KR","본고딕","KoPubDotum","나눔바른고딕","나눔고딕","NanumGothic","맑은고딕","Malgun Gothic",sans-serif;
  }
  
  .resizable-x,
  .resizable-y {
    /* display: flex; */
    overflow: hidden;
    
  }
  
  /*.resizable-x {
    height: 100%;
  }*/
  
  .resizable-y {
    flex-direction: column;
  }
  
  .resizer-x,
  .resizer-y {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      /* background: #c5c5c5; */
      padding: 0px;
      width: 1px;
  }
  
  .resizer-x {
    z-index: 15;
    cursor: col-resize;
    width: 5px;
  }
  .resizer-x::before,
  .resizer-x::after {
    content: "";
  /*   width: 2px; */
    height: 16px;
    margin: 2px;
    background: lightgray;
  }
  
  .resizer-y {
    z-index: 1;
    cursor: row-resize;
    flex-direction: column;
  }
  .resizer-y::before,
  .resizer-y::after {
    content: "";
    width: 16px;
  /*   height: 2px; */
    margin: 2px;
    background: lightgray;
  }
  
  .div0 {
    overflow: hidden;
  }
  
  .div0 {
    background: none;
  }
  
  /* .div1 {
    background: pink;
  } */
  
  /* .div2 {
    background: gold;
  } */
  
  /* .div0 p,
  .div1 p,
  .div2 p {
    font-size: 2rem;
    margin-left: 1em;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  } */
/* dragable column */
.custom_cross{
    font-size: 20px;
    box-sizing: border-box;
    border-radius: 27px;
    padding: 0 0px 0px 2px;
    align-items: center;
    justify-content: center;
    text-align: center;
    /*opacity: 1 !important;*/
    background: none !important;
    color: #e6e6e6 !important;
}

.custom_cross:hover{
    color: #555 !important;
    opacity: 1 !important;
}

.custom_ai_search_2{
    height: 32px !important;
    padding-left: 10px;
    bottom: -72px;
    z-index: 1212;
    position: absolute;
    width: 100% !important;
    left: -105px;
}
.custom_ai_search_height{
    height: 32px !important;
    width: 100%;
    margin-right: 5px;
}
.ai_custom_ul{
    align-items: center;
}
.custom_speaker_border{
    border: 2px solid #038ad6;
}
.custom_note{
    color: #038edc;
    border-bottom: 2px solid #038edc;
    padding-bottom: 4px;

}
.custom_admin_dot{
    height: 6px;
    width: 6px;
    margin-right: 3px;
    background-color: #00800066;
    border-radius: 50%;
    display: inline-block;
}
.custom_start_btn_fileupload{
    background-color: #038edc;
    padding: 9px 45px 9px 45px;
    color: white;
    font-size: 15px;
    border-radius: 7px;
    font-weight: 600;
}
.custom_start_btn_fileupload:hover{
    background: none;
    border: 1px solid #038edc;
}
.custom_reservation{
    background-color: #7030a0;
    padding: 9px 45px 9px 45px;
    color: white;
    font-size: 15px;
    border-radius: 7px;
    font-weight: 600;
}
.custom_reservation:hover{
    background: none;
    border: 1px solid #7030a0;
}
.custom_animat_border{
    border-top: 1px solid #8080808c;
}
.cust_card_border_none{
    border: none;
    box-shadow: none;
}
.custom_card{
    height: auto;
    padding-left: 12%;
    padding-right: 12%;
}
.custom_card .card-title{
    margin-bottom: 21px;
    color: black;
}
.custom_main_card{
    border-radius: 14px;
    height: 100%;
}
.save_btn {
    margin-top: 24.8vh;
    
}
.custom_reservation_min {
    margin-top: 26.8vh;
    
}
.custom_file_upload_bt{
    margin-top: 21vh;
}
.custom_border_col{
    border: 1px solid #c1c1c18f;
    padding: 10px;
    padding-bottom: 0;
}
.custom_border_col{
    border-right: 1px solid #c1c1c18f;
    padding-top: 32px;
    /* padding-bottom: 27px; */
    
}
.custom_border_col ul li{
    padding-right: 7px;
}
.custom_border_col ul li select{
    /*color: gray;*/
}
.custom_table_padding{
    /* padding: 46px; */
}
.custom_save_btn{
    border: 1.9px solid #888;
    padding: 5px 28px 5px 28px;
    font-size: 15px;
    border-radius: 7px;
    font-weight: 600;
    color: black;
}
.custom_record_border{
    border: 3px solid red;
    padding: 3px 3px 4px 4px;
    border-radius: 16px;
    display: inline-block;
    height: 28px;
    width: 28px;
    margin-right: 2px;
}
.custom_record_btn{
    background: red;
    height: 14px;
    width: 14px;
    margin-right: 3px;
    border-radius: 46%;
    display: inline-block;
}
.custom_microphone{
    font-size: 27px;
    color: gray;
}

.custom_table{
    overflow-y: hidden;
}


.custom_border_row{
    border: 2px solid #e9ebef;
    border-right: none;
    padding-right: 0;
}
.custom_remove_border_col{
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: none;
}
.custom_page_count{
    padding: calc(39px + 9px) calc(20px / 2) 60px calc(20px / 2);
    padding-right: 0 !important;
}
.resizer-x:hover{
    /* width: 23px; */
    background: white;
    border-right: 5px solid #038edc;
    height: 100%;
    cursor: e-resize;
    -webkit-transition: border-color .1s ease-in;
    transition: border-color .1s ease-in;

}
.summary_plus_2{
    width: 28px !important;
    padding: 0rem 0rem !important;
}
.custom_border_none{
    border-bottom: none;
    /* border-right: 2px solid #e9ebef; */
}
.row_border_none{
    border: none;
}
/* islootech-28 */
/* islootech */
/* csss */
.bootstrap-tagsinput input[type=text]{
    border: none !important;
}
.chosen-container-multi{
    width: 100% !important;
    border: 1px solid #c5c5c5;
}
.head_office_online{
    display: none;
}
.add_btn_agenda{
    display: none;
}
.head-office-confrence-room{
    display: none;
}
.seminar-room-meeting{
    display: none;
}
.list-item {
    cursor: move;
    cursor:-webkit-grabbing;
}
.custom-select-all a .fa-bars{
    padding-top: 4px;
}

.swal2-cancel{
    margin-right: 5px;
}
.custom_plus_icon2{
    margin-top: 6%;
    float: right;
    position: absolute;
    right: 14%;
    color: #6a6b6d;
}
.custom_right_arrow{
    font-size: 15px;
    padding-left: 5px;
    color: #6a6b6d;
}
.custom_down_arrow{
    font-size: 15px;
    padding-left: 5px;
    color: #6a6b6d;
}
.custm-table-border{
    border-top: 1px solid #80808059;
}
.custom_arrow_folder{
    padding-left: 15% !important;
}
.static_sumary {
    opacity: 0.4;
}
.custom_add_button{
    position: absolute;
    bottom: 60% !important;
    left: 78%;
    z-index: 1;
}
.custom_arrow_folder :after{
    content: "\F0140";
    font-family: 'Material Design Icons';
    display: block;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    font-size: 1rem;
    position: absolute;
    right: 0px;
    left: 18px;
    top: 8px;
}
.edit_textbox{
    max-width: 100%;
    border: none;
    width: 90% !important;
    white-space: pre-wrap;
    word-break: break-word;
    caret-color: rgb(55, 53, 47);
    display: flex;
    align-items: center;
    flex-grow: 1;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 10px;
    margin: 0px 100px 0px 13px;
    border-radius: 3px;
    box-shadow: rgb(15 15 15 / 10%) 0px 0px 0px 1px inset;
    background: rgba(242, 241, 238, 0.6);
    cursor: text;
    position: relative;
}

.edit_textbox1{
    max-width: 100%;
    border: none;
    width: 90%;
    white-space: pre-wrap;
    word-break: break-word;
    caret-color: rgb(55, 53, 47);
    display: flex;
    align-items: center;
    flex-grow: 1;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 10px;
    margin: 0px 100px 0px 13px;
    border-radius: 3px;
    box-shadow: rgb(15 15 15 / 10%) 0px 0px 0px 1px inset;
    background: rgba(242, 241, 238, 0.6);
    cursor: text;
    position: relative;
}
.summary_view{
    padding-left: 4.5% !important;
}
.custom-border-nonee{
    border-bottom: none;
}
.custom_bg_gray{
    background: #f8f9fa !important;
}

/* csss */
.custom-select-arrow{
    font-size: large;
}
.default_folder_img, .shared_with_me_img{
    width: 45%;
}
.custom_padding_left{
    padding-left: 2.1% !important;
}

.custom_padding_left_2{
padding-left: 2% !important;

}
.user .user-sub-title{
    font-weight: 200 !important;
}
.custom_color{
    color: black;
}

.custom_new_meeting{
    background: #038edc !important;
    border: 1.5px solid #038edc !important;
    color: #fff !important;
    padding: 6px 3px 5px 3px !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    width: 200px;
    display: inline-block !important;
    margin-left: 30px !important;
    
}
.custom_new_meeting .fa-plus{
    display: contents !important;
    font-size: 11px !important;
}
.custom_icon_size{
    font-size: 18px;
    color: gray;
}
.custom_refrash_margin{
    margin-left: 1.5rem;
}
.custom_number{
    top: -3px !important;
}
.removecustomnumber{
    display:inline-flex;
}
body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li> div a #my_folder {
    display: none;
    padding-left: 25px;
}
body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li> .d-flex .custom-arrow-hide {
    opacity: 0;
    padding-left: 25px;
}
.custom-arrow-hide{
    width: 100%;
}
body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li> .d-flex .custom_plus_icon2{
right: 40%;
}

body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li> ul>li> .custom-ellisp{
    position: absolute;
    left: 66%;
    width: auto;
    z-index: 121212;
}
.custom-select-all{
    display: flex;
    width: 43%;
    float: right;
}
.custom_lang_drop{
    display: flex;
    float: right;
    width: 34%;
}
.custom_lang_drop span{
    padding-top: 7px;
    padding-right: 8%;
}
.custom_lang_drop .form-select{
    padding: 0.47rem 0.17rem 0.17rem 0.75rem !important;
}
.custom-select-all .form-select{
    padding: 0.25rem 1.75rem 0.2rem 0.75rem;
}
.custom-select-all a{
    padding-top: 4px !important;
}
.custom_reasearch_m_tab{
    background: #f2f2f2;
    padding: 4px 13px 4px 13px;
    border-radius: 5px;
}
.custo_reacearch_ul{
    align-items: center;
    text-align: center;
    justify-content: end;
}
.custom_ai_save a{
    float: right;
}
.custo_reacearch_ul li .custom_orignal_tb{
    padding-bottom: 0 !important;
}
.custom_reasearch_underline{
    text-decoration: underline !important;
}
.custom_add_tag_h{
    height: 29px !important;
}
.custom_reasearch_drop_down{
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    border: none !important;
}
.custom_share_icon{
    width: 17px;
}
.cust-lang-div-text-footer{
    /* top: -30px; */
    bottom: 5px;
}
.custom_select_all_check{
    margin-top: 0.3em ;
}
.custom_research_img{
    object-fit: cover;
    margin-top: 7px;
    cursor: pointer;
    
}
.custom_col_1 img:hover{
    border: 2px solid #038edc;
}
.custom_icon_bg{
    background-color: #f2f2f2;
}
.custom_sound{
    padding-bottom: 5rem !important;
}
.custom_reaseach_file{
    font-size: 29px;
}

.custom_fa_sun{
    font-size: 100;
    color: #e7d62d;
    padding-top: 3px;
}
.custom_sum_ul{
    background: #f2f2f2;
    border-radius: 4px;
    color: #7f45a5;
    font-size: 11px;
    align-items: center;
}
.custom_ai_top_content{
    color: #7f45a5;
}
.custom_reasearch_ad_title{
    font-size: 16px;
    color: black;
    font-weight: 300;
    padding-bottom: 8px;
}
.page-content { 
    /* padding-bottom: 28vh; */
    height: auto;
}
/* islootech */
.custom_alarm_drop{
    width: auto;
    border: none;
}
.custom_alarm_drop_min{
    border: 1px solid #cccccc;
}
.custom_file_upload_div {
    position: relative;
    overflow: hidden;
    border: 1px solid #e2e5e8;
    font-size: 15px;
    color: gray !important;
    border-radius: 0;
    padding-left: 5%;
    }
    .custom_upload {
        opacity: 0;
        right: 0;
        top: 0;
        font-size: 1px;
    }
.custom_overflow_h{
    overflow-y: hidden;
}
.custom_research_lab_select{
    font-size: 12px !important;
    padding: 0px 18px 0px 1px !important;
    background-position: right 0.1rem center !important;
    background-size: 11px 10px !important;
    border: 0;
}
.offcanvas_width_sidebar {
    width: 43%;
}
.custom_tomson{
    height: auto;
}
.custom_play_footer{
    font-size: 25px;
}
.custom_finish_footer{
    font-size: 19px;
}
.custom_research_d_arrow{
    font-size: 14px !important;
}
.custom_icn_tabs{
    align-items: center;
    justify-content: center;
}
@media(max-width: 1024px){
    #alert {
        padding-top: 0;
        padding-bottom: 0;
    }
    .myclass {
        top: 4.5rem !important;
    }
    .recording_in_meeting_card {
        max-width: 40% !important;
    }
    .recording_in_a_meeting_card {
        max-width: 45% !important;
    }
    #resp_2_card{
    width: 52%;
    }
}
.custom_right_side_padding{
    padding-right: 0 !important;
}
@media(max-width: 767px){
    .start_icontime{
        margin-right: 0.3rem;
    } 
    .mobile_scr_bt{
        padding: 0;
    }
    .recording_btn{
        margin: 0 !important;
    }
    .mictest_icon{
        line-height: 0 !important;
    }
    .progress{
        height: 0.3rem;
    }
    .rec_col_3 a span{
        font-size: 11px;
    }
    #start{
        padding: 3px !important ;
        font-size: 11px;
    }
    .recording_btn {
        padding: 0;
        margin: 0;
        width: auto;
    }
    .font_on_mobile{
        font-size: 11px;
    }
    .custom-select-all {
        width: auto;
    }
    .scheduaild_shasre_card{
        width: 100% !important;
    }
    .custom_right_side_padding{
        /*padding-right: 0.5rem !important;*/
    }
    .mob_v_code{
        justify-content: center;
    }
    .code_verfication_li {
        padding-left: 1.3rem !important;
    }
    .lang_drop_signup {
        right: 1.9rem !important;
    }
    .mob_english{
        margin-top: 2rem;
    }
    .mob_c_card{
        margin-bottom: 2rem;
    }
    .offcanvas_width_sidebar {
        width: 900% !important;
    }
    .singup_card {
        width: 96% !important;
        padding: 1.5rem !important;
        /* padding: 24px 32px !important; */
    }
    .Total_r0w{
        display: block !important;
    }
    .manger_mob{
        margin-bottom: 1rem;
        padding-left: 10px !important;
    }
    .add_mob_btn_admin{
        margin-top: 1rem;
    }
    .u_t_m button {
        width: 119px;
    }
    .d_u_btn button, .d_a_btn button{
        margin-top: 0.8rem;
    }
    .u_t_m {
        display: revert!important;
    }
    .d_a_btn, .d_u_btn {
        margin-left: 0px !important;
    }
    .mob_bottom{
        margin-bottom: 0.8rem;
    }
    .organization_img {
        width: auto !important;
    }
    .mob_org_col{
        margin-top: 1rem !important;
        text-align: center;
    }
    .g_m_c_m{
        margin-top: 0.8rem;
        text-align: start !important;
    }
    .g_aprov_m{
        text-align: center !important;
    }
    .space_m{
       margin-top: 0.3rem;
    }
    .g_m_total{
        margin: 0.5rem 0rem;
    }
    .p_m_url{
        padding: 0.4rem !important;
    }
    .custo_reacearch_ul{
        padding-left: 0.5rem !important;
    }
    .row_align_center{
        align-items: center;
    }
    .recording_in_meeting_card {
        max-width: 77% !important;
        left: 33px;
    }
    .recording_in_a_meeting_card {
        max-width: 77% !important;
        left: 33px;
    }
    /* .recording_edit_meeting_card {
        max-width: 77% !important;
        left: 33px;
    } */

    /* .nav-tabs-custom, .nav-tabs-custom li{
        float: unset !important;
    } */
    /* .nav-tabs-custom li button{
        min-width: 0 !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    } */
    .custom_icn_tabs li a{
        padding-left: 0 !important;
    }
    .custom_icn_tabs{
        justify-content: end !important;
    }
   
    .recording_btn {
        padding: 0px 0px 0px 0px !important;
    }
    .btn_non{
        display: none;
    }
    .custom_remove_border_col, .custom_border_none{
        /*overflow-y: hidden !important;
        height: auto !important;*/
        border: none;
    }
    .custom_tomson {
        height: 17%;
    }
    .progress {
        margin-top: 3% !important;
    }
    .custom_lang_drop {
        display: flex;
        float: right;
        width: 100%;
    }
    .custom_col-11 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 86%;
    }
}
@media(max-width: 1400px){
    /*#resizable-y{flex : 1 1 60% !important;}
    #resizable-x{flex: 1 1 30% !important;}*/
}
.custom_no_dot{
    background: none;
}
.custom_colck{
    font-size: 18px;
}


.custom_border_col ul li .form-select{
    /*font-size: 15px;*/
    padding: 1px 25px 1px 5px;
    background-position: right 0.5rem center;
    background-size: 11px 10px;
}
.custom-table-form-lable{
    padding-top: 0.2rem;
}
.custom-input-border{
    border: 1px solid #c5c5c5;
}
.custom_border_col input[type=text]{
    border: 0;
    border: 1px solid #ccc;
    height: 40px;
    padding-left: 10px;
    outline: 0;
    /*width: auto !important;*/
    width: 85% !important;
  }
.move_folder span , .move_folder a{
    color: #000;
    font-weight: 500;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #e2e5e8;
}
.delete_icon_img{
    margin-left: 23px;
    width: 18px;
}
.move_icon{
    width: 18px;
}
.bg_sky{
    background-color: #C2DBFF !important;
}
.table-hover>tbody>.bg_sky:hover{
    background-color: #C2DBFF !important;
}
.check_bg{
    background-color: #898989 !important;
    border-color: #898989 !important;
    width: 19px;
    height: 19px;
}
.form-check-input:checked {
    /* background-color: #898989; */
    /* border-color: #898989; */
}
 /* 20 end  */
.page-content {
    /*background: #f7f8fa!important;*/
    background: #fff !important;
    padding-bottom: 0;
    padding: calc(80px + 20px) calc(40px / 2) 60px calc(40px / 2); 
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: transparent !important;
}
.page-title-box h4 {
    font-size: 20px !important;
}
.text-dark2 {
    color: #3c3c3c !important;
}

.btn-c1 {
    background: white;
    border: 1.5px solid #f34e4e;
    color: #f34e4e !important;
    padding: 1px 5px;
    font-weight: 500 !important;
    border-radius: 0px;
}

    .btn-c1:hover {
        background: #f34e4e;
        color: white !important;
    }

.btn-c2 {
    background: #f34e4e;
    border: 1.5px solid #f34e4e;
    color: #fff !important;
    padding: 2px 5px;
    font-weight: 500 !important;
    border-radius: 0px;
}

    .btn-c2:hover {
        background: white;
        border: 1.5px solid #f34e4e;
        color: #f34e4e !important;
    }

.btn-c3 {
    background: white;
    border: 1.5px solid #55c9ed;
    color: #55c9ed !important;
    padding: 2px 5px;
    font-weight: 500 !important;
    border-radius: 0px;
}

    .btn-c3:hover {
        background: #55c9ed;
        color: #fff !important;
    }


.btn-c4 {
    background: white;
    border: 1.5px solid #b724b7;
    color: #b724b7 !important;
    padding: 2px 5px;
    font-weight: 500 !important;
    border-radius: 0px;
}

    .btn-c4:hover {
        background: #b724b7;
        color: #fff !important;
    }

.btn-c5 {
    background: white;
    border: 1.5px solid #51d28c;
    color: #51d28c !important;
    padding: 2px 5px;
    font-weight: 500 !important;
    border-radius: 0px;
}

    .btn-c5:hover {
        background: #51d28c;
        color: #fff !important;
    }


.btn-c6 {
    background: #4259ed !important;
    border: 1.5px solid #4259ed !important;
    color: #fff !important;
    padding: 9px 5px 7px 5px !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    width: 200px;
    display: inline-block !important;
    margin-left: 23px !important;
}


    .btn-c6 i {
        color: white !important;
    }

.btn-c7 {
        background: #242d5a;
        border: 1.5px solid #242d5a !important;
        color: #fff !important;
        padding: 9px 5px 7px 5px !important;
        font-weight: 500 !important;
        border-radius: 4px !important;
        width: 200px;
        display: inline-block !important;
        margin-left: 23px !important;
    }
    .btn-c7 i {
        color: #fff !important;
    }
    
   

#sidebar-menu ul li .btn-c6:hover .nav-icon.nav-icon-btn {
    color: white !important;
}

#sidebar-menu ul li.mm-active > a .nav-icon.nav-icon-btn {
    color: white !important;
}

#sidebar-menu ul li a.btn-c6:hover {
    color: white !important;
}




body[data-sidebar-size=sm] .vertical-menu .simplebar-offset .btn-c6,body[data-sidebar-size=sm] .vertical-menu .simplebar-offset .btn-c7 {
    /*width: 50px !important;
    background: none !important;
    color:#111 !important;
    margin-left:0px !important;
    padding:0px !important;
    border:none !important;*/
    display: none !important;
}

body[data-sidebar-size=sm] .vertical-menu .simplebar-offset #sidebar-menu ul li.mm-active > a .nav-icon.nav-icon-btn {
    color: #202124 !important;
}

.sidebar-enable .header-profile-user-1 {
    position: relative !important;
    left: -13px !important;
}


.btn-width {
    width: 100px;
    margin: auto;
    display: block;
    height: 24px;
    font-size: 12px;
    padding: 2px 0 0 0;
}

.user .user-name {
    font-size: 14px !important;
}

.arrow-icon {
    position: relative;
    top: -2px;
    left: -2px;
}

.ts-purple {
    color: #b724b7;
}

.table-custom {
    color: #000;
}

.ts-gray {
    color: #888;
}

.bg-light-cs1 {
    background: #f6f7f9c4;
}

.cs-0 {
    border: none !important;
    padding: 0px !important;
    box-shadow: none !important;
}

.table > :not(caption) > * > * {
    padding: 0.75rem 0.75rem;
}

.table-custom .pr-0 {
    padding-right: 0px !important;
}

.table-custom .form-check {
    /*margin-right:-10px !important;*/
}

.table-hover > tbody > tr:hover {
    --bs-table-accent-bg:none !important;
}

.table-custom tr:hover {
    background: none !important;
    box-shadow: 0px 7px 11px -4px #ebebeb !important;
    cursor: pointer;
    /*border:1px solid gray;*/
}

.table-custom tr.bg-light-cs1:hover {
    background: #f6f7f9c4 !important;
}

.l-icon {
    position: relative;
    top: 2px;
}



#sidebar-menu ul li a {
    padding: 0.6rem 1rem !important;
    color: #eff0f2;
    font-family: 'Noto Sans KR', sans-serif;
    width: 210px;
    margin-left: 23px;
}
body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li>a{
    margin-left:10px;
    width:auto;
}

body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>#manager_menu {
    padding-left: 0.75rem !important;
}
body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li>p span, body[data-sidebar-size=sm] #side_chat_manual {
    display: none;
}

body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>ul {
    display: block;
    left: 70px;
    position: absolute;
    top: 0% !important;
    width: 190px;
    height: auto!important;
    -webkit-box-shadow: 3px 5px 10px 0 rgb(54 61 71 / 10%);
    box-shadow: 3px 5px 10px 0rgba(54,61,71,.1);
}
body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a span {
    display: none !important;
}


body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a{
    /*width: 210px !important;*/
    width: auto !important;
}

#sidebar-menu ul li a .nav-icon {
    color: #eff0f2;
}

#sidebar-menu ul li a:hover {
    color: #eff0f2 !important;
        /*color:#043a5a !important;*/
}

#sidebar-menu ul li a:hover .nav-icon {
    color: #eff0f2 !important;
}

#sidebar-menu ul li .btn-c7:hover, #sidebar-menu ul li .btn-c7:hover .nav-icon {
    background: #242d5a !important;
    color:#fff !important;
}


.search-cs-input {
    border-radius: 6px !important;
    border: 1px solid #bababa;
    /* padding: 5px; */
    width: 350px;
    padding: 5px 2rem 5px 1rem;
    
}
.cusstom_card_line{
    border-bottom: 2px solid #eff0f2 !important;
    align-items: center;
    justify-content: center;
    padding-bottom: 1rem !important;
}
.text-dark1 {
    color: #111;
    font-size: 20px;
}

.search-cs-icon {
    font-size: 19px;
    margin-left: -54px;
    display: flex;
    align-items: center;
}
.search-cs-icon1 {
    font-size: 23px;
    margin-left: 0px;
}

.all-div {
    border: 1px solid #b4b2b2;
    padding: 3px 3px;
}

.double-bar {
    position: relative;
    top: -1px;
}

#sidebar-menu .has-arrow:after {
    top: 9px;
}

#sidebar-menu ul li ul.sub-menu li a:before{
    display:none;
}

#sidebar-menu ul li ul.sub-menu li a
{
    padding-left: 21% !important;
    padding: 0.5rem 2.5rem 0.5rem 2rem;
    padding-right: 0;
}

@media(min-width:768px) {

    body[data-sidebar-size=sm] .vertical-menu .simplebar-offset .bb-1 {
        bottom: 0px !important;
    }

    body[data-sidebar-size=sm] .vertical-menu .simplebar-offset .bb-2 {
        bottom: 3px !important;
    }

    .bb-1 {
        position: absolute;
        bottom: 100px;
    }

    .bb-2 {
        position: absolute;
        bottom: 60px;
    }

    .bb-3{
        position: absolute;
        bottom: 20px;
    }

    .hide-large {
        display: none !important;
    }

    .all-div {
        border: 1px solid #b4b2b2;
        padding: 3px 30px;
    }

    .add_25 {
        margin-right: 25px !important;
    }

    /* .lang-text-div {
        position: relative;
        top: -22px;
    } */
}


@media(max-width:767px) {
    .myclass {
        top: 4.2rem !important;
    }
    .hide-small {
        display: none !important;
    }
    #delete_min_pop1 {
        width: 80% !important;
        padding: 8px 36px !important;
    }
    .progress_bar {
        margin-bottom: 3rem !important;
    }
    .recording_row{
        margin-left: 0px !important;
    }
    .finish_icon {
        font-size: 16px !important;
    }

}

@media(max-width:991px) {
    .delete_min_pop1 {
        width: 80% !important;
        padding: 10px 71px !important;
        font-size: 11px;
    }
    .progress_bar {
        margin-bottom: 4rem !important;
    }
}
/* attendees */
    .attendees_card{
        /* border: 1px solid #eee; */
        border-radius: 0px;
        height: auto;
    }
    .frequently{
        color: #7f7f82 !important;
    }
    .circle_attend{
        border-radius: 50%;
        width: 30px;
        height: 30px;
        background-color: #bfbfbf;
    }
    .custom_manger_name{
        margin-top: 0 !important;
        margin-bottom: 3px !important;
    
    }
    .attendees_person p{
        color: #000;
        margin: 4px 0 0 13px;
        font-weight: 500;
    }
    .hash_group p{
        color: #000;
        margin: 6px 0 0 0;
        font-weight: 500;
    }
    .btn_attendees{
        border-radius: 7px;
        padding: 7px 14px;
    }
    .attendees_person{
        padding-left: 8px;
        align-items: center;
        line-height: 1;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        border-radius: 25px  0 0 25px ;
    }
    .bootstrap-tagsinput{
        padding-top: 7px;
        padding-bottom: 0px !important;
    }
    .bootstrap-tagsinput .tag{
        list-style: none;
    float: left;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 30px;
    background-color: #f5f5f5;
    border-color: #038edc;
    margin-bottom: 0;
    margin-right: 0;
    font-weight: 400;
    color: black;
    margin: 0px 6px 0px 0px;
    }
    #backg_portion{
        background: #f2f2f2;
        margin-top: 12px;
    }
    .bootstrap-tagsinput{
        line-height: 2;
        border-radius: 0px;   
    }
    .col_w2{
        padding-left: 1.5rem!important;
    }
    .col_w{
        padding-right: 1.5rem!important;
    }
    .head_office{
        border-radius: 6px;
        background: #f1f1f1;
        padding: 3px 25px;
        margin: 9px 0 5px 0 !important;
        display: inline-flex;
        font-weight: 500;
    }
    .first_agenda_para{
        margin: 0 0 4px 0;
        font-weight: 500;
        color: #000;
    }
    .input_width{
        width: 90%;
    }
    .delete_min_pop{
        width: 65%;
        border: 1px solid #7f7f7f;
        border-radius: 0px;
        padding: 12px 24px;
        margin-top: 8%;
    }
    .delete_min_pop1{
        width: 65%;
        border: 1px solid #7f7f7f;
        border-radius: 0px;
        padding: 12px 69px;
        margin-top: 8%;
    }
    .delete_min_pop h3{
        color: #000;
    }
    .delete_min_pop1 p{
        font-weight: 500;
    }
    .progress_bar{
        margin-bottom: 5rem;
    }

    .in_a_meeting_header{
        background: #8080802e !important;
        padding: 10px;
         border-radius: 4px;
         padding-bottom: 2px;
    }
    .custo_reacearch_ul li i{
        color: gray !important;
    }
    .custo_reacearch_ul li svg{
        color: gray !important;
    }
    .custo_reacearch_ul li select{
        color: black !important;
    }

   
    .in_a_meeting_header2{
        background: #8080802e !important;
        padding: 8px !important;
        border-radius: 4px;
        padding-bottom: 7px !important;
    }
    .custom_ai_del, .custom_ai_pencel2{
        font-size: 20px;
    }
    .custom_ai_del:hover{
       color: red !important;    
    }
    .custom_ai_pencel2:hover{
        color: black !important;
    }

    .in_a_summary_header2{
        background: #8080802e !important;
    }

    .cursor_pointer{
        cursor: pointer !important;
        list-style: none;
    float: left;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 30px;
    background-color: #038edc;
    border-color: #038edc;
    margin-bottom: 0;
    margin-right: 0;
    font-weight: 400;
    color: white;
    margin: 0px 6px 7px 0px;
    }

    .summary_loader{
        display: flex;
    }

    .display_flex{
        display: flex;
    }

    .marker {
        font-weight: bold;    
        color: red !important;
      }
      .range_slider_border{
        border: 1px solid gray;
        margin-left: 13px;
        padding: 5px;
      }
    .markerhighlight {
        background-color: yellow;
        font-weight: bold;
      }

    .weight_bold{
        font-weight: bold;
        color: #000 !important;
    }

    .ai_cross_close{
        font-size: 18px;
        margin-left: 12px;
    }

    .search_clear_icon_div{
        align-items: center;
    display: flex !important;
    justify-content: center;
    }

    .cursor_pointer2{
        cursor: pointer;
    }

    .f_root{
        display: flow-root;
    }
    .custom_ai_plus{
        border: 1px solid grey;
        width: auto;
        padding: 2px;
        border-radius: 0;
    }
    .custom_opcity{
        opacity: 0;
        color: #7a7878 !important;
    }
    .col-6.text-end:hover .custom_opcity{
        opacity: 1;
    }

    .accordiant_para1:hover .custom_opcity{
        opacity: 1;
    }

    .summary_speaker_li{
        background-color: whitesmoke;
        color: #000;
    }

    .summary_speaker_li_selected{
        color: #4259ed;
        background-color: #d2e2f9 !important;
    }

    /* #script_only_btn.active span, #sentence_btn.active span{ */
    #script_only_btn.active span{
        color: #4259ed;
        background-color: #d2e2f9 !important;
    }

/* Loader */
@property --loader_l0{
    syntax: "<percentage>";
    initial-value: 0%;
    inherits: false;
  }
  @property --loader_l1{
    syntax: "<percentage>";
    initial-value: 0%;
    inherits: false;
  }
  
  .loader{
    /*Since it's gonna be circle, width and height are the same.*/
    --width:40px;
    /* position:absolute; */
    left:calc(50% - calc(var(--width) / 2));
    top:calc(50% - calc(var(--width) / 2));
    perspective:1000px;
    margin-top: -28px;
    margin-left: 130px;
  }
  .loader-done{
    position:absolute;
    display:none;
    border-top:3px solid #7051c3;
    border-left:3px solid #7051c3;
    border-top-left-radius:3px;
    width:calc(var(--width) / 6);
    height:calc(var(--width) / 3);
    top:calc(var(--width) / 2 - 9px);
    left:calc(var(--width) / 2 - 4px);
    transform:rotateZ(220deg);
    animation:loaderFadeIn .6s;
  }
  .circle{
    position:absolute;
    top:0;
    left:0;
    width:var(--width);
    height:var(--width);
    transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
  .circle::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    padding: 3px;
    border-radius: 100%;
    background: linear-gradient(
      45deg,
      #a947f4 0%,
      #f24479 var(--loader_l0),
      #a947f4 var(--loader_l1), 
      #f24479 100%
    );
    -webkit-mask: 
       linear-gradient(#fff 0 0) content-box, 
       linear-gradient(#fff 0 0);
            mask: 
       linear-gradient(#fff 0 0) content-box, 
       linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
  
  }
  .circle.c1{
    animation:rx 2s infinite, gradientMove 1s infinite;
  }
  .circle.c2{
    animation:ry 1s infinite, gradientMove .5s infinite;
  }
  .circle.c3{
    animation:rz 1.5s infinite, gradientMove .75s infinite;
  }
  
  .loader.done .circle.c1,
  .loader.done .circle.c2,
  .loader.done .circle.c3{
    animation:rfinal .5s;
  }
  
  .loader.done .loader-done{
    display:block;
  }
  
  @keyframes rx{
    from{
      
    }
    50%{
      opacity:.6;
    }
    100%{
      transform: rotateZ(360deg) rotateX(180deg);
    }
  }
  
  @keyframes ry{
    from{
      
    }
    60%{
      filter:blur(1px);
      opacity:.4;
    }
    100%{
      transform:rotateZ(180deg) rotateY(180deg);
    }
  }
  
  @keyframes rz{
    from{
      
    }
    40%{
      filter:blur(1px);
      opacity:.8;
    }
    100%{
       transform:rotateZ(180deg) rotateY(-180deg);
    }
  }
  
  @keyframes loaderFadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
  }
  
  @keyframes gradientMove{
    0%{
      --button_b:0%;
      --button_b_out:0%;
    }
    33%{
      --button_b:100%;
      --button_b_out:0%;
    }
    99%{
      --button_b:100%;
      --button_b_out:100%;
    }
    100%{
      --button_b:0%;
      --button_b_out:0%;
    }
  }
    .custom_form_content{
        border: 1px solid #80808080;
        padding: 13px; 
    }
    .parfal{
        color: #b715f4;
        background: #e2e5e8;
        border: 2px solid #b715f4;
        border-radius: 0px;  
    }
    .parfal:hover{
        border: 2px solid #b715f4; 
        color: #b715f4;
    }
    .search_icon_report{
        font-size: 23px;
        color: #b7b7b7;
        margin-left: 1rem;
    }
    .serch_repl{
        margin-left: 30%;
    }
    .Report_{
        align-items: center;
        padding: 7px;
        border-top: 1px solid #bfbfbf;
        border-right: 1px solid #bfbfbf;
        border-bottom: 1px solid #bfbfbf;
        align-items: center;
        padding: 6.5px;
    }
    .form_input_w{
        width: 370px;
        border-radius: 0px!important;
        border: 2px solid #bfbfbf;
    }
    .report_input li{
        margin-left: 12px;
    }
    .first_btn_report{
        background: none;
        border: 1px solid #bfbfbf !important;
        color: #595959;
        width: 80px;      
        line-height: 1.6;
    }
    .btn_add_minus{
        border: 1px solid #bfbfbf !important;
        background: none;        
        line-height: 1.6;
    }
    .second_report_input button{
        line-height: 0.7 !important;
        padding: 1px 5px;
    }
    .second_report_input{
        margin-left: 18%;
    }
    .recording_btn{
        padding: 0px 14px 0px 0px;
        margin-right: 0.59rem;
        width: auto;
    }

    .recording_in_meeting_card{
        padding: 8px;
        border-radius: 7px;
        width: 100%;
        max-width: 44%;
        position: fixed;
        bottom: 69px;
        z-index: 9999;
        -webkit-box-shadow: 0 7px 36px rgb(0 0 0 / 8%);
    }
    .recording_in_a_meeting_card {
        padding: 8px;
        border-radius: 7px;
        width: 100%;
        max-width: 50%;
        position: fixed;
        bottom: 69px;
        z-index: 9999;
        -webkit-box-shadow: 0 7px 36px rgb(0 0 0 / 8%);
    }
    .recording_edit_meeting_card{
        padding: 11px 0px 10px 0px;
        border-radius: 7px;
        width: 100%;
        /* max-width: 50.3%;
        position: fixed;
        bottom: 4rem;
        z-index: 9999; */
        -webkit-box-shadow: 0 7px 36px rgb(0 0 0 / 8%);
    }

    
    .start_stop_icon{
        vertical-align: middle;
        font-size: 30px; 
    }
    .start__icon{
        vertical-align: middle;
        font-size: 24px;  
    }
    .mictest_icon{
        vertical-align: middle;
        font-size: 16px;
        margin-left: 5px;
        line-height: 2;
    }
    .timing_icon{
        display: flex;
        list-style: none;
        justify-content: center;
        padding: 0;
    }
    .timing_icon p{
        padding: 0;
        margin: 0;
    }
    .finish_icon{
        font-size: 18px;
        margin-left: 5px;
        line-height: 1.8;
        vertical-align: middle;
    }
    .recording_row{
        margin-left: 0px;
        align-items: center;
    }
    .timing_icon_ai{
        display: flex;
        list-style: none;
        margin-left: 9%; 
    }



    .custom_sticky_2{
        position: sticky;
        bottom: 0;
        padding: 8px;
        width: 100%;
    }

    .card_custm_sticky{
        position: sticky;
        bottom: 0;
        background-color: white;
        padding: 8px;
        width: 95%;
        padding: 8px;
        border-radius: 7px;
        box-shadow: 0 7px 36px rgb(0 0 0 / 8%);
        /* -webkit-box-shadow: 0 7px 36px rgb(0 0 0 / 8%); */
    }
    @media(max-width: 767px){
        .btn_non{
            display: none;
        }
    }
    .custom_card_pad{
        padding-top: 1.2rem ;
        padding-bottom: 1.2rem ;
    }
    .form-select{
       /* border: 1px solid #c5c5c5;*/
    }
    .custom_research_lab_select{
        border: none;
    }

    .border_n{
        border: none;
    }
    .border_l_r{
        border: none;
    }
    .pcr-selection div, .pcr-swatches, .pcr-interaction {
        display: none;
    }

/* modal 74 */

.form_print{
    border: 1px solid #8faadc;;
    padding: 0.3rem 0.9rem;
}
.modal_form2_line{
    color: #8faadc;
    margin: 4px 0px 7px 0px !important;
    opacity: 1;
}
.custom_drop_report li select{
    font-size: 12px !important;
}
.modal_report_img{
    width: 200px;}
.ai_b_text{
    color: #80808096;
}

.custom_trash_dec{
    font-size: 12px;
}
.custom_semenir_text_color{
    color: #038edc;
}
.custom_minut_col{
    display: grid;
    align-items: center;
}
.custom_b_border{
    border-bottom: 1px solid #80808030;
    padding-bottom: 0.5rem;
}
.custom_alert_cross{
    top: 24% !important;
    padding: 1.05rem 1.5rem !important;
    width: auto !important;
}

/* side bar setting */

.side_bar_tabs{
    font-size: 13px;
    font-weight: normal !important;
    padding: 0.5rem 0.5rem !important;

}
.border_right{
    border-right: 1px solid #80808094 !important;
    height: 100vh;
}
.close_btn_side{
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}
.first_para_offconas{
    font-size: 14px;
}
.bottom_para_offconvas{
    font-size: 14px;
    color: #000 !important;
}
.bottom_para_offconvas .active{
    font-weight: 700 !important;
}
.rep_offcon_check{
    font-size: 21px;
    margin-left: -1.5rem !important;
}
.placehold_word .bootstrap-tagsinput{
    padding-top: 4px !important;
}
/* profile */

.profile_img{
    /*width: 38%;*/
    width:120px;
    height:120px;
}
.label_align{
    display: flex;
    align-items: center;
}
.profile_btn_edit{
    width: 80px;
}
.btn-save-cancel{
    width: 75px;
}
.profile_icon_drawal{
    font-size: 23px;
}
.profile_icon_form{
    font-size: 18px;
}
.custom_card_w{
    width: 50%;
}
.invite_modal_body{
    padding: 3rem !important;
}
.invite_modal_para{
    font-size: 18px;
    color: #000;
}
.incorrect_modal_para{
    color: red;
    text-align: center;
    margin-top: 1rem;
}
.setting_icon_color{
    color: #555b6d !important;
}
.setting_icon_color:hover{
    color: #555b6d !important;
}
/* Setting Tab
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #038edc;
    background: none !important;
    border-bottom: 2px solid #038edc;
    border-radius: 0px !important;
} */
.nav-tabs-custom .nav-item .sub_nav.active {
    color: #038edc;
}
.setting_voice_icon{
    font-size: 18px;
}
.border_right_setting{
    border-right: 1px solid #80808094;
    padding-top: 19px;
}
.Ai_icon{
    width: 20px;
    margin-bottom: 2px;
}

@media(max-width: 767px){
    .custom_card_w{
        width: 100%;
    }
}
.textbox_border{
    border: none; 
    background-color: white !important;
}


.custom_search_result{
    background-color: #9e9e9e2e;
    color: #000 !important;
    font-weight: 500;
}

.profile_img:hover{
    border: 2px solid #038edc;
    cursor: pointer;
}
.info_icon_with{
    margin-top: 3px;
}
.border_remove{
   border: none;
}
.select2-container--default{
    width: 100% !important;
}


/* Permission */
.permission_btn{
    padding: 0.2rem 0.5rem !important;
    border-radius: 0px !important;
}
.trash_icon_per{
    font-size: 20px;
    color: #b1b1b1;
}
.per_pen_icon{
    color: #b1b1b1;
}
.para_user_modal{
    font-size: 17px;
}
.accordiant_para a{
    color: #000;
}
.accordiant_para .el .active{
    color: #038edc !important;
}


.accordion_border{
    border: none !important;
}
.btn_group_modal{
    min-width: 100px;
    padding: 5px;
}
.btn_group_modal2{
    width: 176px;
    padding: 6px 14px 6px 6px;
}
.btn_group_modal:not(.collapsed) {
    color: #000 !important;
    background-color: #fff !important;
    -webkit-box-shadow: 0px !important;
    box-shadow: unset !important;
}
.btn_group_modal2:not(.collapsed) {
    color: #000 !important;
    background-color: #fff !important;
    -webkit-box-shadow: 0px !important;
    box-shadow: 0px !important;
}
.accordiant_para p:hover{
    background-color: #f2f2f2;
}
.accordiant_para p{
    padding: 0rem 1.25rem;
    line-height: 2;
}

/* adminstration */
.administration_btn_mang{
    padding: 0.4rem 2.8rem 0.4rem 2.8rem;
}
.owner_table{
    padding: 0.2rem 0.6rem;
    background: #c5e0b4;
    border-radius: 4px;
    font-size: 10px;
}
.select2-search__field{
    width: 100% !important;
}
.search-modal{
    top: -27px !important;
}
.color_writing{
    color: #000;
}

/* Group Management */

.Total_r0w li{
    padding-left: 2rem;
}
.group_manag_btn{
    padding: 0.2rem 0.5rem !important;
}
.black_colo_group{
    color: #000;
}
.approval_color{
    color: #7f7f7f;
    font-weight: normal;
}
.user_icon_grp_mang{
    font-size: 21px;
    line-height: 0;
    color: #495057;
}
.border_section{
    border-top: 2px solid #f5f6f8;
    border-bottom: 3px solid #f5f6f8;
    border-left: 2px solid #f5f6f8;
    border-right: 2px solid #f5f6f8;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.btn_group_all {
    width: 48px;
    padding: 5px;
}
.btn_group_all:not(.collapsed) {
    color: #000 !important;
    background-color: #fff !important;
    -webkit-box-shadow: 0px !important;
    box-shadow: unset !important;
}
.group_accordion_plus{
    padding: 0 0.4rem !important;
}
.accordion_border .accordion-body{
    padding: 1rem 0.25rem !important;
}

.d_f_w_60{
    width: 50%;
}

.nav-tabs-custom .nav-item .dash_c_nav-link::after {
    background: none !important;
    
}
/* .text-dark2{
    color: #111 !important;
} */

#chart-year {
    -webkit-transform: translateX(0%) !important;
    transform: translateX(0%) !important;
    max-width: 100% !important;
    padding: 14px !important;
    padding-top: 1.5rem !important;
    width: 100% !important;
    padding-left: 0 !important;
}
.dashboard-c_border-d{
    border-bottom: 2px dotted !important;
    border-color: #8080803b !important;
}   

/*body[data-sidebar-size=sm] .vertical-menu  #sidebar-menu ul li.mm-active>a{
    display: none !important;
}  */   

#sidebar-menu ul li.mm-active>a{
    background-color: #2F5597 !important;
    color: #eff0f2 !important;
}
#sidebar-menu ul li.mm-active>a .nav-icon {
    color: #eff0f2 !important;
}

body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li {
    position: revert !important;
}
.custom_top_x{
    position: absolute;
    right: 5%;
}
.search-cs-icon1{
    position: absolute;
    left: 5%;
    z-index: 12;
}
.select2-search__field{
    padding-left: 2rem !important;
}
.c_alert_croxx{
    padding-left: 2.4rem !important;
}

.c_alert_croxx:hover .c_cluse_b{
    opacity: 1;
}
.c_alert_croxx:hover{
    background-color: #e3e4e8;
    border-color: #d5d7dd;
}

.c_alert_croxx .c_cluse_b{
    opacity: 0;
}
input[type=checkbox]:checked + label.strikethrough{
    text-decoration: line-through;
  }
  .c_tbody_middle tr th{
    vertical-align: middle;
  }
  .c_tbody_middle tr td{
    vertical-align: middle !important;
  }
  .c_tbody_middle tr td h6{
    margin-bottom: 0 !important;
  }
  .custom_tb_td tr td{
    padding-left: 0;
    padding-right: 0;
  }
 @media(max-width: 767px){
    .c_mobile_r{
        float: revert !important;
    }
    .custom_card{
        height: auto;
    }
 }
 @media(max-width: 991px){
    
    .custom_card{
        height: auto !important;
    }
 }
  .c_user_heading{
    font-weight: bold;
  }

  .ai_c_search{
    display: none !important;
  }
  .all_c_search{
    display: block !important;
  }

.c_3_dot{
    opacity: 0;
}


.c_3_dot_text:hover .c_3_dot{
    opacity: 1 !important;
}
.custom_progressbar{
    height: 1.4rem;
}
.custom_top_del{
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(107px, 53px) !important;
}
.arrow_hover:hover{
    background-color: rgb(98 92 92 / 23%);
    border-radius: 5px;
}
.search_hover:hover{
    background-color: rgb(98 92 92 / 23%);
    border-radius: 5px;
}
.arrow_hover{
    margin-left: -5px !important;
    width: auto !important;
}

.custom_share_drop{

}
.custom_lock_icon{
    background-color: #bfbfbf;
    
    width: auto !important;
    height: auto;
    /* padding: 4px !important; */
    padding-left: 4px;
    padding-right: 5px;
        
}
.custom_dropdown_menu {
    width: 414px !important;
    height: 571px !important;
}
  /* Landing Page */

  .land_page{
    background: #0d0c2b;
  }
  .landin_signup_btn{
    font-size: 1rem;
    padding: 0.4rem 1.4rem;
    border-radius: 10px;
  }
  .login_land_btn{
    font-size: 1rem;
  }
  .land_P_prof{
    border: 1px solid gray;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f2f2f2;
  } 
  .banner_para h3{
    color: #fff;
  }
  .banner_para p{
    margin-top: 3rem;
  }
  .banner_para {
    margin-top: 4rem;
    margin-bottom: 2rem;
  }
  .footer_landing{
    bottom: 0;
    padding: 20px calc(20px / 2);
    position: absolute;
    right: 0;
    color: #74788d;
    left: 0px;
    height: 60px;
    width: 100%;
    -webkit-box-shadow: 0 0 4px rgb(15 34 58 / 12%);
    box-shadow: 0 0 4px rgb(15 34 58 / 12%);
  }

  .icon_circle_signup{
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid;
    text-align: center;
    align-items: center;
    padding-top: 4px;
  }
  .input_p_left{
    padding-left: 28px;
    border-radius: 0.25rem !important;
  }
  .google_icon{
    font-size: 23px;
  }
  .icon_para{
    font-size: 10px;
    text-align: center;
  }
  .singup_card{
    padding: 3rem;
    text-align: center;
    align-items: center;
    width: 44%;
    /*border: none;*/
    position: relative;
  }
  .lang_drop_signup{
    position: absolute;
    right: 3.9rem;
    top: 25px;
  }
  .mob_g_f_a li {
    margin-left: 3rem;
 }
  .envelop_bg{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f5f6f8;
  }
  .envelope_icon{
    font-size: 40px;
    color: #1a96df;
  }
  .code_verfication input{
    border: 2px solid #959595;
    border-radius: 5px;
  }
  .code_verfication li{
    padding-left: 2rem;
  }
  .check_form{
    font-size: 11px;
  }
  .display_min{
    font-size: 11px;
    text-align: start;
  }
  .radius_input{
    border-radius: 0.25rem !important;
  }
  .custom_tb_td tr td{
    padding-left: 0;
    padding-right: 0;
  }

 @media(max-width: 767px){
    .c_mobile_r{
        float: revert !important;
    }
    .custom_card{
        height: auto;
    }
 }
 @media(max-width: 1200px){
/* .offcanvas_width_sidebar{
    width: 48% !important;
} */
.btn_sidebar_modal {
    font-size: 12px !important;
}
.nav-linkss, .nav_links_1  {
    font-size: 12px;
}
.custo_reacearch_ul .d-block {
    width:17% !important;
}

 }
 @media(max-width: 991px){
    .custom_card{
        height: auto !important; 
    }
    .nav-linkss, .nav_links_1  {
        font-size: 11px;
    }
   
    #page-topbar {
        left: 0 !important;
    }
 }
  .c_user_heading{
    font-weight: bold;
  }
  .ai_c_search{
    display: none !important;
  }
  .all_c_search{
    display: block !important;
  }

.c_3_dot{
    opacity: 0;
}

.c_3_dot_text:hover .c_3_dot{
    opacity: 1 !important;
}
.custom_progressbar{
    height: 1.4rem;
}
.custom_top_del{
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(107px, 53px) !important;
}
.arrow_hover:hover{
    background-color: rgb(98 92 92 / 23%);
    border-radius: 5px;
}
.search_hover:hover{
    background-color: rgb(98 92 92 / 23%);
    border-radius: 5px;
}
.custom_share_drop{

}
.custom_lock_icon{
    background-color: #bfbfbf;
    width: auto !important;
    height: auto;
    /* padding: 4px !important; */
    padding-left: 4px;
    padding-right: 5px;    
}
.custom_dropdown_menu {
    width: 523px !important;
    height: auto !important;
    position: absolute !important;
    inset: 0px auto auto 0px !important;
    margin: 0px !important;
    /* transform: translate(-38em, 29px) !important; */
    padding-bottom: 1rem !important;
}
.Agenda_ai li span:hover{
    background: #f5f5f5;
    border-radius: 15px;
    color: #000;
    padding: 7px;
}
.Agenda_ai li{
    margin-top: 1rem !important;
}
.select_div_text{
    border: 1px solid;
    width: 300px;
    border-radius: 5px;
    padding: 0.3rem 0;
}
.select_div_text ul li{
    padding-left: 1rem;
    font-size: 18px;
}
.select_div_text ul{
    align-items: center;
    text-align: center;
    margin-bottom: 0;
}
.input_new_r_form{
    padding: 2.47rem 0.75rem !important;
}

.border_none_input{
    border: none !important;
}
.calendar_icon_form{
    /* position: absolute; */
    left: 14rem;
    top: 10.3rem;
    font-size: 20px;
    padding-right: 1rem;
}
.border__met_repo li:not(.cdx-list__item){
    border-right: 1px solid #eff0f2!important;
    padding-right: 0 !important;
}
/* .dragText{
    position: relative;
} */

.screen_short_imgs{
    cursor: pointer;
    border: 1px solid #dedede;
}
.screen_short_imgs:hover{
 border-color: #5bcdf7 !important;
}
.agenda_select h6{
    background: #f2f2f2;
    padding: 8px 13px; 
}
.agenda_select p{
    margin: 2rem 0 0 14px;
}
.calendar2 {
    border: 1px silver solid;
    border-radius: 4px; 
}

.custom_border_col2 {
    border-right: 1px dotted #c1c1c152 !important;
}
.find{
    /*display: flex;*/
    border: 1px solid #ccc;
    padding: 1rem;
    background-color: #fff;
    border-radius: 7px;
    width: 500px;
    box-shadow: 0 5px 6px rgba(52,58,64,.1);
}
.find input{
    width: 100% !important;
    /*border: none !important;*/
}

.close_icon_replace{
    font-size: 20px;
}
.custom_border_col11{
    border: 1px solid #8faadc !important;
    padding: 10px !important;
    width: auto !important;
    -webkit-print-color-adjust:exact;
}
.bg_col{
    /*background-color: #dbe5f1;*/
    background-color: #CCFFFF !important;
    -webkit-print-color-adjust:exact;
}
.bg_col1{
    background-color: #dbe5f1 !important;
    -webkit-print-color-adjust:exact;
}
.bg_col2{
    /* background-color: #e2e5e8 !important; */
    background-color: #deeaff !important; 
    -webkit-print-color-adjust:exact;
    /*background-color: #E0E5FA;*/
    /* font-family: 'Pretendard-Medium' !important; */
}
.bg_col3{
    background-color: #E0E5FA !important;
    -webkit-print-color-adjust:exact;
    font-family: 'Pretendard-Bold';
}
.para_print_{
    font-size: 17px;
}
.para_print_6{
    font-size: 16px;
}
.footer{
    padding-top: 19px;
    left: 0 !important;
}
.summary_note_single_box_data:hover{
    background: #f5f5f5;
    border-radius: 15px;
    color: #000;
    padding: 7px;
}
.summary_remove_agenda span:hover{
    background: #f5f5f5;
    border-radius: 15px;
    color: #000;
    padding: 7px;
}
.summary_replace_btn{
    width: auto !important;
}
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
  }
  
  [data-tooltip]:before,
  [data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
  }
  
  [data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 55%;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 5px;
    margin-left: -35px;
    padding: 7px;
    width: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
  }
  
 /* [data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
  }*/
  
  [data-tooltip]:hover:before,
  [data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  .share_drop{
    position: absolute;
    width: auto;
    right: 11px;
    top: 1.5%;
    margin-right: 0;
    border: none;
  }
  .attendees_person:hover{
    background-color: #D8E2F3;
  }
  .collaborator_det{
    font-weight: 100;
    font-size: 11px;
  }
  .share-custom-tags{
    position: relative;
  }
  .share-custom-tags .bootstrap-tagsinput{
    padding-right: 7rem;
  }
  .c_email{
  margin: 4px 0 0 13px;
  font-size: 11px;
  }

 .c_repoart_heading{
    font-size: 16px !important;
 }
 .tag_hover:hover{
    color: black;
    background-color: gray;
 }
 .bg-remove-span:hover{
  background: none !important;
  padding: 0 !important;
 }
 /* li:hover {
    background-color: gray !important;
    color: white !important;
}*/
#tagListInMeeting1 li span{
    padding-left: 4px;
}
#tagListInMeeting1 li:hover{
    background-color: gray !important;
    color: white !important;
}
.rmTag{
    opacity: 0;
}
#tagListInMeeting1 li:hover .rmTag{
    background-color: gray !important;
    color: white !important;
    opacity: 1;
}
.numbring-1{
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 1rem;
    color: black;
}
.r_dot{
    list-style-type:circle;
    margin-left: 0.5rem;
}
.dot_color li::marker{
    color:#0e007f;
}
.report_main_sum li::marker{color:#000 !important; font-size: 14px !important; font-weight: 400 !important;}
.r_dot_size li::marker{font-weight: 700;}
.r_dot_size25 li::marker{font-size: 25px; font-weight: 700;}

.r_dot li{
    font-size: 15px ;
    color: black;
}
.ul-square{
    list-style-type:square;
    font-size: 17px;
}
.custom_border_col111 {
    border: 1px solid #000 !important;
    padding: 10px !important;
    width: auto !important;
}

.print_report_size{
    width: 50%;
}
/* .report_col_width{
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 19.9999999999999% !important;
    text-align: center;
} */
.report_col_width ul{
    justify-content: center;
}
.report_f_circle{
    border: 1px solid;
    width: 24px;
    height: 24px;
    background: #f2f2f2;
    border-radius: 50%;
}
/* .margin_top1{
    margin-top: 2rem;
} */
.repot_font{
    font-size: 17px;
    color: #000;
}
.report_card_{
    border: none !important;
    border-radius: unset !important;
}
@media(max-width: 767px){
    .print_report_size{
      width: 100%;
    }
}
@media(max-width: 1300px){
    .print_report_size{
      width: 100%;
    }
}
@media(max-width: 1400px){
    /* .offcanvas_width_sidebar {
        width: 53%;
    } */
    .custo_reacearch_ul .d-block {
        width:17% !important;
    }
    
}
.summary_loader{
    display: none;
}

.tagListInMeeting1{
    font-size: 14px;
}
.height_auto{
    height: auto !important;
}
.a4_form{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    /* padding-bottom: 3rem; */
}

.blue_bg{
    background: #0070c0 !important;
    color: whitesmoke !important;
}
.label_align span{
    padding-left: 0.5rem !important;
}
.edit_logo{
    width: 100%;
    align-items: end;
    justify-content: end;
}
.edit_logo i{
    display: none;
    opacity: 0;
}

.edit_logo img :hover i{
display: block !important;
opacity: 1;
}
.custom_drop_toggle{
    font-size: 22px;
}
.c_toggle_btn:focus{
    -webkit-box-shadow: white !important;
    box-shadow: none !important;
}
.lab_of_tech{
    width: 69%;
}
.table_delete1{
    opacity: 0;
}
.tb_d_main1:hover .table_delete1{
    opacity: 1;
}
.table_delete2{
    opacity: 0;
}
.tb_d_main2:hover .table_delete2{
    opacity: 1;
}
.table_delete3{
    opacity: 0;
}
.tb_d_main3:hover .table_delete3{
    opacity: 1;
}
.table_delete4{
    opacity: 0;
}
.tb_d_main4:hover .table_delete4{
    opacity: 1;
}
.table_delete5{
    opacity: 0;
}
.tb_d_main5:hover .table_delete5{
    opacity: 1;
}
.term_circle{
    list-style-type: circle;
}
.term_circleli{
    list-style: none;
    /*margin-left: 40px;*/
    padding-left: 1rem;
}
.term_circleli p{
font-size: 12px;
}
.term_circlel_col{
    color: #75d1f6;
    font-weight: 500;
}
.right_line{
    border-right: 2px solid #d9d9d9;
}
.nav-pills .nav-link88.active {
    color: #000;
    background: #dae3f3 !important;
    border-bottom: 0px solid !important;
    border-radius: 4px !important;
    padding: 6px 0;
}
.custom_nick_name{
    color: #46b2e9;
    padding-left: 0.5rem;
    font-weight: 600 !important;
    padding: 2% 0;
}
.custom_drop_toggle{
    color: gray;
}
.dropdown .show .custom_drop_toggle{
    color: black;
}
.tag_hover_22 span:hover{
    background-color: gray !important;
    color: white !important;

}
.c_tab_acons{
    opacity: 0;
}
.c_table_ic_btn:focus{
box-shadow: none;
}
.c_table_ic_btn{
padding: 0;
}

.hovertb_icon :hover .c_tab_acons{
   opacity: 1;
}

.orga_admin_edit_img{
    position: absolute;
    /* right: 25%; */
    bottom: 5px;
    font-size: 28px;
    right: -10px;
}
.org_main_div{
    position: relative;
}
.register_column_8{
    justify-content: end;
}
.d_add_btn_col_3{
    justify-content: end;
}

@media(max-width: 767px){
    .register_column_8{
        justify-content: center;
    }   
    .d_add_btn_col_3{
        justify-content: center;
    }
    .i_search input{
        width: 100% !important;
        height: 35px;
    }
    .search-cs-icon {
        font-size: 19px;
        margin-left: -30px;
        height: 35px;
    }
    .d-col3_btn{
        margin-right: 1rem;
    }
    .preview_form_1{
        width: 100% !important;
    }
    .custom_dropdown_menu{
        width: 100% !important;
    }
    /* .report_col_width{
        width: 100%;
    } */
    .screen_short_imgs {
        width: 100%;
    }
}
.custom_drop_toggle:hover{
    color: black;
}
.c_up_arrow_2{
    font-size: 21px;
}

.preview_form_1{
    width: 50%;
}
.custom_drop_toggle :focus{
    color: black !important;
}
.btn_sidebar_modal{
    padding: 18px 5px 0px 5px;
    font-size: 15px;
}
.border_r{
    border-right: 2px solid #e6e6e6;
}
.rplace_input{
    border-left: none !important;
    border-right: none !important;
    border-radius: unset;
    text-align: center;
    background: #ededed;
    border-color: #b4b4b4;
}
.replace_arrow{
    font-size: 40px;
    display: flex;
    justify-content: center;
}
.targ_rep_label{
    border-top: 2px solid #b4b4b4;
    color: #000;
    padding: 0.47rem 0.75rem;
    font-weight: 500;
}
.label_rep{
    font-weight: 500;
    color: #000;
}
.empty_field{
    padding: 1rem 0;
}
.rep_plus_accor{
    padding: 0 0.16rem !important;
}
.nav-pills .nav-linkss.active, .nav-pills .show>.nav-linkss {
    background: #dae3f3 !important;
    border-bottom: none !important;
    border-radius: 0.3rem;
}

.nav-pills .nav-linkss:hover{
    background: #e4ebfb !important;
    border-radius: 0.3rem;
}

.nav-pills .folder_selected.active, .nav-pills .show>.folder_selected {
    /*background: #eee !important;
    border-radius: 5px;
    color:#038ad6;
    font-weight: 700;*/
}
.folder_selected:hover{
    background: #eee !important;
    border-radius: 5px;
}

.nav-linkss{
    padding: 0.3rem 1.5rem;
}
.btn_sidebar_modal:not(.collapsed) {
    color: #9da1ac;
    background-color: unset!important;
    box-shadow: unset !important;
}
.icon_share{
    font-size: 15px;
}


.dasboard_flex-width h2{
    font-size: 1.4rem !important;
}

.alert-dismissible {
    padding-right: 0;
}
.recording_btn {
display: flex;
align-items: center;
}

.microscope{
    padding: 0.5rem 0;
}

.new_meet_btn{
 padding-top: 3rem ;
}
.new_meet_btn1 {
    padding-top: 3.7rem;
}
.metting_content_1{
    width: 100%;
    height: 150px;
}
.lang_drop_signup .form-select {
    padding: 0.5rem 2.5rem 0.5rem 1rem;
}
.mobile_scr_bt{
    text-align: end !important;
    justify-content: end;
    display: flex;
}


.calender_popup_ul li{
    align-items: center;
    display: flex !important;
}

.calender_pen{
    font-size: 23px;
    position: absolute;
    right: 11%;
}
.calender_del{
    font-size: 23px;
    position: absolute;
    right: 18%;
}
#myBrowser:focus-visible {
    border: none;
    border-radius: 3px;
    outline: none;
}
.ReportTextarea:focus, input:focus{
        outline: 0;
    }
 

.ellipsis_h{
    opacity: 0;
}
.accordiant_para1 a {
    color: #000;
}

.accordiant_para1 .active{
    background-color: #f2f2f2;
    color:#038edc;
}

.accordiant_para1 .active a{
    color:#038edc;
}
.all_user_row:hover .ellipsis_h{
    opacity: 1;
}
.all_user_row:hover{
    background-color: #f2f2f2;
}
.all_user_row{
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    line-height: 2;
    padding-left: 0.6rem;
}
.accordiant_para1{
    padding: 0.3rem 0;
}
.d_folder .foldername{
    padding-left: 1rem;
    padding-right: 0.5rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}
.d_folder .fa-ellipsis-v{
   margin-bottom: 0 !important;
    padding-right: 1rem;
}
.d_folder{
    display: flex;
    align-items: center;
}
.d_folder .foldername:hover{
    background-color: #f2f2f2;
}
/*
.d_folder .foldername .dropdown-toggle{
   opacity: 0;
}
.d_folder:hover .dropdown-toggle{
    opacity: 1;
}*/
.c_button_arrow:after{
    transform: rotate(-90deg);
    position: absolute;
    left: 0;
}
.d_folder .custom-ellisp {
    padding-top: 0.3rem;
}

.c_button_arrow:not(.collapsed):after {
    transform: rotate(0deg);
    position: absolute;
    left: 0;
}
.c_button_arrow{
    padding-left: 1.3rem;
}
.scheduaild_shasre_card{
    width: 40%;
}
/* .myclass{
    top: 10% !important;
} */
#alert{
    display: none;
    position: sticky;
    z-index: 1212;
}

#id_ai_setting_keyword_container li span{
    background-color: #f5f5f5;
    color: #000;
}

#id_ai_setting_keyword_container li span:hover {
    background-color: #4259ed !important;
    color: white !important;
    
}

.bg_gray {
    background-color: #d0d2d5;
}
/* .custom_responsive span:not(.custom_cross){display: inline-block; min-width: 60px; width:100px;} */ 

@font-face {
    font-family: 'S-CoreDream-7ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* @font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
} */
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('../fonts/Pretendard/Pretendard-Medium.woff') format('woff');
    font-weight: 400;
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('../fonts/Pretendard/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
}


/* @font-face {
    font-family: 'ChosunBg';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunBg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} */
@font-face {
    font-family: 'ChosunBg';
    src: url('../fonts/ChosunBg.TTF') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'LeferiPoint-BlackA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiPoint-BlackA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ChosunSm';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.1/ChosunSm.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ChosunKm';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunKm.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


#report_form_2_table th, .font_title{font-family: 'Pretendard-Bold';}

.report_main_sum{list-style-type: "-";}
.r_dot_size{list-style-type: "○";}
.r_dot_size25{list-style-type: "○";}

.report_underline_gra{background-image: -moz-linear-gradient(90deg, rgb(14, 0, 127), rgb(199, 255, 209));

    background-image: -webkit-linear-gradient(90deg, rgb(14, 0, 127), rgb(199, 255, 209));
    
    background-image: linear-gradient(90deg, rgb(14, 0, 127), rgb(199, 255, 209));
}

.menu_title_btn{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    color: #495057;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,border-radius .15s ease,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,border-radius .15s ease,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease,-webkit-box-shadow .15s ease-in-out;
}

#sidebar-menu ul .a-hover a:hover, #sidebar-menu ul li a:hover{
    background-color: #2f55976e !important;
    font-weight: 500;
    box-shadow: none !important;
}


.dic_btn_{
    cursor: pointer !important;
    list-style: none;
    /*float: left;*/
    padding: 4px 10px;
    border-radius: 4px;
    background-color: #f1f3f9;
    margin-bottom: 0;
    margin-right: 0;
    font-weight: 700;
    border: 1px solid transparent;
    margin: 0px 6px 7px 10px;
}


.dropdown-menu li:hover{
    background-color: #eff0f2;
    border-radius: 0.2rem;
}

.btn_circle:hover{
    background-color: #fff !important;
    opacity: 1 !important;
}

.report8_li{list-style-type:none;}

/*.report8_icon{list-style-image: url('assets/images/icon/report8-online.png');}*/

#toast_alert {
    position: fixed;
    bottom: 30px;
    left: 50%;
    padding: 25px 40px;
    transform: translate(-50%, 10px);
    border-radius: 10px;
    overflow: hidden;
    font-size: .8rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility .5s, transform .5s;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    z-index: 10000;
}

#toast_alert.reveal {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0)
}

#id_script_list_original_container span{
    color:#615B5E;
}

input[switch=p_default]:checked+label{
    background-color: #564AB1;
}

#id_form_editable_container{
    width:21cm !important;
}

.mic_btn::before{
    border:10px solid #f34e4e63 !important;
    border-radius: 40px;
}

#sidebar-menu .metismenu .menu-item{
    letter-spacing: 0.3px;
}

.table>:not(:last-child)>:last-child>*{
    border-bottom-color: #CCCDCE;

}

body:not([data-sidebar-size=sm]) .navbar-header #left_side_menu,body:not([data-sidebar-size=sm]) #manager_menu{
    display: block !important;
}
body[data-sidebar-size=sm] .hide_user_name{
    display: none !important;
}

.tooltip-link{
    position: relative;
    background-color: #aad;
    border-radius: 10px;
    border: 3px solid #eee;
    padding: 10px 15px 10px;
 
    box-sizing: border-box;
}
.tooltip-link::before {
    content: attr(data-tooltip); /*툴팁 표시 내용은 버튼의 "data-tooltip" 속성값으로 */
    position: absolute;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    padding: 8px 7px;
    border-radius: 5px;
    max-width: 300px;
    width: 270%; /* 버튼 너비 250% 크기만큼 툴팁 크기 설정 */
    left: 25%; /* 버튼 왼쪽에서 부터 버튼 너비 25% 이동한 위치에 툴팁 왼쪽이 오게 */
    bottom: 105%; /* 버튼 밑에서 부터 버튼 높이 120% 높이에 툴팁 밑부분이 오게 */
    opacity: 0; /* 기본 상태는 안보이게 */
    transition: all 0.2s linear; /* 나타났다 사라지는 애니메이션 */
}
.tooltip-link:hover::before {
    opacity: 1;
}


.i_m::before{
    content: "-";
  }

.i_s::before{
    content: "■";
  }

.form4_div{width:230px; margin:0 0 0 auto;}

.thumbnail_p{
    width:24px; 
    height:24px; 
    overflow:hidden; 
    border-radius: 50%; 
    margin-bottom: 0;
    position:relative;
}

.thumbnail_img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:24px;
    height: 24px;
    object-fit: cover;
}

.header-profile-user{
    object-fit: cover;
}


.user_con{
    width: auto;
    min-width: 70px;
    height: 30px;
    cursor: pointer;
    list-style: none;
    float: left;
    padding: 2.5px 5px;
    font-size: 12px;
    border-radius: 30px;
    margin-bottom: 0;
    margin-right: 0;
    font-weight: 400;
    margin: 0px 6px 7px 0px;
    justify-content: center;
    display: flex;
    align-items: center;
}

.user_con_img{
    height: 26px;
    width: 26px;
    padding: 3px;
    object-fit: cover;
}

.user_con .rmTag{
    color: #dcd9d973;
    font-size: 15px;
    cursor: pointer;
    opacity: 1;
    padding-right: 0.25rem;
}
.user_con:hover .rmTag{
    color: gray !important;
}

.group_con{
    float: left;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 5px;
    background-color: #EAF1FB;
    font-weight: 400;
    color: #000;
    margin-right: 6px;
}

.template_box{
    height: 100%; 
    background: #fbfdff; 
    box-shadow: 0 0 15px #d7deea94; 
    border-radius: 0.5rem; 
    border: 2px solid #f3f1f17a;
    transition: 0.15s ease;
}


.template_box.selected, .template_box:hover{
    border-color:#d3e3fd;
    box-shadow: 0 2px 10px #d5ddeb !important;
}

#chat_qna_container{
    margin-bottom:10rem;
}

.chat_w{
    width:60%;
    margin:0 auto;
}

.realtime_chat_div{
    width:76%; 
    border:1px solid #4473c480; 
    border-radius: 10px; 
    background-color: #fff; 
    margin:0 auto;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
}
.chat_textarea{
    width:100%; 
    word-break: break-word; 
    color: #444; 
    resize: none; 
    outline: 0px; 
    height: 35px; 
    background-color: transparent; 
    border:none; 
    transition:all 0.1s linear;
}

.chat_a{
    border: 1px solid #f5f6f8;
    border-radius: 10px;
    background-color: #F4F7F9;
    padding:0.7rem;
    width: 90%;
    min-height:45px;
    margin: 0 auto 0.2rem 0;
    text-align: start !important;

}

.dipchat_more_list:hover{
    background-color: #f2f2f2;
}
.dipchat_more_list:hover .chat_look_around{
    opacity: 1 !important;
}  

.chat_q{
    border-radius: 10px;
    background-color: #4472C4;
    padding:0.5rem  1rem;
    color:#F4F7F9;
    /*width: 50%;*/
    display:inline-block;
    margin: 0.8rem 0 1rem auto;
    text-align: start;
}


.chat_q_btn{
    padding:0.25rem 0.5rem;
    cursor: pointer;
    border-radius: 5px;
    width: auto;
    display: inline-block;
    text-align: start;
    margin-bottom:0.5rem !important;

}
.chat_q_btn:hover{
    background-color: #F4F7F9;
}

.new_chat_btn:hover{
    border-color:#a5c1d24a !important;
    transition: all .3s;
}

.chat_div{
    padding: .5rem .75rem;
    cursor: pointer;
    border-radius: 5px;
}
.chat_div:hover{
    background-color: #a5c1d24a;
    transition: all .3s;
    
}

.deepchat_main_box{
    background-color: #eaf1f9;
    border-radius: 5px;
    height: 250px;
    box-shadow: 0 2px 5px #d2dbe3;
    padding:1rem;
}

.chat_ex{
    border: 1px solid #f5f6f8;
    border-radius: 10px;
    background-color: #ffffff;
    padding: 0.7rem;
    display: inline-block;
    box-shadow: 0 2px 5px #d2dbe3;
}

.realtime_temp_menu{
    margin:0 auto; 
    background-color: #242d5a; 
    border-right: 1px solid #c1c1c18f;
    color:#fff;
}

.edit_div, .edit_div_2{
    opacity: 0;
}

.temp_li:hover .edit_div{
    opacity: 1;
}

.temp_li_li:hover .edit_div_2{
    opacity: 1;
}

.temp_edit_btn{
    padding: 0 0.2rem !important;
    margin-left:0.1rem;
}


.animated-btn::before, .animated-btn::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    /*background: rgba(255, 63, 63, 0.8);
    animation: ripple-1 2s infinite ease-in-out;*/
    transform: scale(1.2);
    
}

.animated-btn i{
    font-size: 41px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -20px;
    z-index: 2;
    
}

/* speed select 만들기 css */
.speed_selectBox * { box-sizing: border-box; }
.speed_selectBox {
  position: relative;
  /*width: 70px;*/
  height: 30px;
  margin-left: 10px;
  border-radius: 4px;
  background: url('https://freepikpsd.com/media/2019/10/down-arrow-icon-png-7-Transparent-Images.png') calc(100% - 7px) center no-repeat;
  background-size: 20px;
  cursor: pointer;
}


.speed_selectBox:after {
  content: '';
  display: block; 
  width: 2px;
  height: 100%; 
  position: absolute; 
  top: 0; 
  right: 35px;

}

.speed_selectBox .speed_label {
  display: flex;
  align-items: center;
  width: inherit;
  height: inherit;
  border: 0 none;
  outline: 0 none;
  padding-left: 15px;
  background: transparent;
  cursor: pointer;
}

.speed_selectBox .optionList {
  position: absolute; 
  bottom: 28px;
  left: 0;
  width: 70px;
  background: #fff;
  list-style-type: none;
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
  max-height: 0;
  transition: .3s ease-in;
  box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.speed_selectBox.active .optionList {
  max-height: 500px;

}

.speed_selectBox .optionItem {
  padding: 5px 15px 5px;
  transition: .1s;
}

.speed_selectBox .optionItem:hover {
  background: #EAF1FB;
}

.speed_selectBox .optionItem:last-child {
  border-bottom: 0 none;
}

.speed_selectBox .optionList::-webkit-scrollbar {width: 6px;}
.speed_selectBox .optionList::-webkit-scrollbar-track {background: transparent; }
.speed_selectBox .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.speed_selectBox .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}




.hover-transition {
    transition: all 0.3s
}

.hover-transition:hover {
    transform: translateY(-3px)
}


.nav-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    transition: all .3s;
    top: -1px;
}




  .btn-close{
    background-size: 0.65rem !important;
  }

  .corp_img{
    object-fit: cover; 
    width:38px; 
    height: 38px;
  }

  .manual:hover{
    color: #4259ed !important;
}

.table th{
    text-align: center;
}


#sidebar-menu ul li .btn-c6:hover {
    background-color: #1632e6 !important;
    border: 1.5px solid #1632e6 !important;
}

@media all and (min-width:320px) and (max-width:767px){
    
    *{
        font-size: 13px;
    }
    #group_mem_delete_btn_mobile{
        display: block !important;
    }
    .deepchat_main_box{
        height: 130px !important;
    }
    
}

@media all and (min-width:767px){
    #setting_menu{min-height: 700px;}
    #profile_menu{min-height: 450px;}
        
}


#keyword_cloud_chart-license-text{
    display: none !important;
}

#keyword_cloud_chart-progress{
    display: none !important ;
}


.text-primary2{
    color: #4472C4;
}

.text-primary3{
    color: #2650E9;
}

.ql-editor {
    line-height: 2 !important;
}

/* .ql-editor ol li:before {
    content: none !important;
} */


.apexcharts-legend-series, .apexcharts-legend-marker {
cursor: default !important;
}