@import url('https://fonts.googleapis.com/css2?family=Signika:wght@300..700&display=swap');


:root{
    --fontFamily:'Signika';
    --themeColor:#df4913;
    --themeColorRGB: 27, 79, 114;
    --themeColorHighlightBGcolor : #E5F2FF;
}

span, div, p , h1,h2,h3,h4,b{
    font-family: var(--fontFamily);
}

body{
    font-family: var(--fontFamily);
    overflow-y:scroll;
    background-color: #eeeeee;
    font-weight: 100;
}

.tbl_ad_approve td{

    padding:5px;
    border-right:1px solid #cccccc;
    border-top: 1px solid #cccccc;      
    font-weight: 100;

}

.tbl_ad_approve th{

    padding:5px;
    border-right:1px solid #cccccc;
    border-top: 1px solid #cccccc;          

}

.no-wrap-row {
    display: flex;
    flex-wrap: nowrap;  /* Prevents columns from breaking into a new line */
}

.custom-col {
    flex: 1; /* Ensures both A and B take equal width */
    text-align: center;
    border: 0px solid black;
}

.custom-col2 {
    flex: 1; /* Ensures both A and B take equal width */
    text-align: left;
    border: 0px solid black;
}

.custom-col3 {
    flex: 1; /* Ensures both A and B take equal width */
    text-align: right;
    border: 0px solid black;
}

@media (max-width: 850px) {
    .custom-col {
        width: 50vw; /* Each column takes 50% of the viewport width */
    }
}

.image-wrapper {
    display: flex;
    flex-wrap: wrap; /* Ensures images wrap to the next line */
    gap: 30px; /* Adds spacing between images */
}
.image-wrapper img {
    width: 80px;
    
    
}

.ad_imgs_placeholder{
    border:1px solid #ccc;
}

.image-container {
    height: 100px;
    overflow: hidden;
}

.right-align {
    text-align: right; /* Aligns inline and inline-block elements */
}
.right-align > * {
    margin-left: auto; /* Aligns block-level elements (like div, img, etc.) */
    display: block; /* Ensures block-level alignment works */
}

.dash_link_btn{
    transition: transform .2s;
}

.dash_link_btn:hover{
    color: var(--themeColor);
    transform: scale(1.1);
}

.dash_link_btn hover{
    border: 1px solid red;

}

.dash_link_btn span{
    font-size: 16px;
    font-weight: bold;
    color: var(--themeColor);
}

.dash_link_btn a{
    font-size: 18px;
    font-weight: bold;
    color: var(--themeColor);
}

.dash_link_btn{

    border: 0px solid red;
    float: left;
    margin-right: 10px;

}

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

/* Info Theme */
.tooltip-info .tooltip-inner {
    background-color: #17a2b8; /* Info color */
    color: #fff;
    }
    .tooltip-info .tooltip-arrow::before {
    border-top-color: #17a2b8;
    }

    /* Warning Theme */
    .tooltip-warning .tooltip-inner {
    background-color: #ffc107; /* Warning color */
    color: #333;
    }
    .tooltip-warning .tooltip-arrow::before {
    border-top-color: #ffc107;
    }

    /* Success Theme */
    .tooltip-success .tooltip-inner {
    background-color: #28a745; /* Success color */
    color: #fff;
    }
    .tooltip-success .tooltip-arrow::before {
    border-top-color: #28a745;
    }

.modify_applicant_data{
    cursor: pointer;
    color: #ccc;
}

#parent {
    width: 10rem;
    height: 10rem;
    background-color: #ababab;
}

#applicant_data_holder .remove_applicant{
    visibility: hidden;
}

#applicant_data_holder:hover {
    background-color: #eaeaea;
}

#applicant_data_holder:hover .remove_applicant{
    visibility: visible;
}






.tbl_list_view td{

    padding: 10px;
    border: 0px solid #ccc;

}


.btn_add_new_Xsmall{
    
    color: #000000;
    font-size: 12px;
    padding: 2px 5px 2px 5px;    
    width: fit-content;
    width: -moz-fit-content;
    border-radius: 4px;
    border: 1px solid var(--themeColor);
        
}

.btn_add_new_Xsmall:hover{
    background-color: var(--themeColor);
    color: #ffffff;
    cursor: pointer;
}


.debit_note_list_holder{
    border:2px solid #cccccc;
    margin-bottom: 15px;
    padding: 20px;
    border-radius: 4px;
}

.debit_note_list_holder:hover{
    border:2px solid var(--themeColor);
    cursor: pointer;
}



.tbl_debit_note_list td{    
    font-size: 13px;
}

.tbl_purchase_return_item td{
    padding: 5px;
}

.tbl_sup_payments td{
    border:1px solid #cccccc;
    padding: 10px;
    font-size:13px; 
}

.payment_type_remove{
    text-decoration: none;
    color: red;
    padding: 0px 10px 0px 10px;
    
}

.payment_type_remove:hover{
    text-decoration: none;
    background-color: red;
    color: #ffffff;
    padding: 0px 10px 0px 10px;
    cursor: pointer;
    border-radius: 4px;
}

.btl_payment_type_list td{
    padding: 10px;
    border:1px solid #ccc;
    font-size:13px; 
}

.tbl_item_price_change_log td{
    border:1px solid #cccccc;
    padding: 10px;
}

.price_change_batch_items_list td{
    border:1px solid #cccccc;
}


.tbl_supplier_brands td{
    padding: 5px;
    border:1px solid #eaeaea;
}

.tbl_supplier_brands tr:hover{
    background-color: #eaeaea; 
}

.notify_row_dark_smal{
    font-size: 11px;
    color: #666666;
}


.notify_row{    
    border-bottom: 1px solid #cccccc;
    padding: 15px;
}

.notify_row:hover{    
    background-color: #eaeaea;
    cursor: pointer;    
}


.tbl_reorder_request td{

    padding:10px;
    border:1px solid #cccccc; 
}

.header_bc_name{
    height: auto; 
    float: right;
    border:0px solid red;
    padding: 18px;
    font-weight: bold;
}


.main_menu_btn:hover{
    color: var(--themeColor);
    cursor: pointer;
}

.main_menu_btn{

    text-align: center;    
    border: 0px  solid var(--themeColor);
    width: fit-content;
    width: -moz-fit-content;
    height: 60px;
    padding: 10px;    
}


.main_menu_btn_logo{

    text-align: center;    
    border: 0px  solid var(--themeColor);
    width: 60px;
    height: 60px;
    padding: 10px;    
}

.notifi_count_text{
    background-color: red;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 4px;
    margin-right: 5px;
    color: #ffffff;
    
}

.tbl_backdate td{
    padding: 10px;
    border-bottom: 1px solid #cccccc; 
}

.tbl_backdate tr:hover{
    background-color: #f1f1f1;
}

.tbl_po_status th{

    padding:5px;
    border-right:1px solid #cccccc;
    border-top: 1px solid #cccccc;  
    text-align: center;

}

.tbl_po_status tr:hover{

    background-color: #f1f1f1;

}

.tbl_po_status td{

    padding:5px;
    border-right:1px solid #cccccc;
    border-top: 1px solid #cccccc;  
    text-align: center;

}

.tbl_op_cash td{

    padding: 10px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;

}


.form_lable{
    font-weight: bold;
}

.title_lable_with_bg{
    background-color: var(--themeColor);
    width: fit-content;
    width: -moz-fit-content;
    color: #ffffff;
    padding: 3px 10px 3px 10px;
    margin-bottom: 15px;
    border-radius: 4px;
}

.title_lable_with_bg_danger{
    border:1px solid red;
    width: fit-content;
    width: -moz-fit-content;
    color: #666666;
    padding: 3px 10px 3px 10px;    
    border-radius: 4px;
}

.title_lable_with_bg_danger:hover{
    background-color: red;    
    color: #ffffff;    
}

.title_lable_with_bg_success{
    border:1px solid green;
    width: fit-content;
    width: -moz-fit-content;
    color: #666666;
    padding: 3px 10px 3px 10px;    
    border-radius: 4px;
}

.title_lable_with_bg_success:hover{
    
    background-color: green;    
    color: #ffffff;    
}

.div_dd_holder{

    border:1px solid #cccccc;
    border-radius: 4px;
    padding: 6px;
    width: 100%;

}

.ro_modal_body th{
    text-align: center;
}


.div_dd_holder label{
    color: #999999;
    font-size: 14px;
    padding-left: 5px;
}

.div_dd_holder select{
    
    width: 100%;
    border:none;
    
}

.pay_opt_uparraow{

    color: green;
    border: 0px solid red;
    width: fit-content;
    width: -moz-fit-content;
    margin-bottom: -7px;

}

.payment_option_popup_icon{

    position: relative;
    border:0px solid red;
    width: 40px;
    height: 32px;
    text-align: center;
    float: right;
    margin-bottom: -45px;
    z-index: 1;
    padding-right: 4px;
    padding-top: 4px;
    color: #666666;

}




.tbl_phy_sales_payment_option td{

    padding-right: 20px;
    padding-left: 20px;

}

.user_checkbox_holder{

    background-color: #ffffff;
    border-radius: 4px;
    border:1px solid #cccccc; 
    margin-bottom: 20px; 
    padding: 15px;

}

.status_overlay {
    display: none;
    background: #cccccc;    
    position: fixed;  
    top: 0;              
    right: 0;            
    bottom: 0;
    left: 0;
    opacity: 0.0;
    z-index: 99999;
}

.status_msg{
    font-family: var(--fontFamily);
    font-weight: bold;
    display: none;
}

.status_msg_holder{    
    display: none;
    position: fixed;
    text-align: center;
    width: fit-content;    
    block-size: fit-content;
    width: -moz-fit-content;
    height: 100px;   
    top:0;
    bottom: 0;
    left: 0;
    right: 0;    
    margin: auto;
    z-index: 100000;
    background-color: #ffffff;
    border:1px solid var(--themeColor);
    padding: 15px;
    border-radius: 4px;
}

.user_account_row:hover{
    border:1px solid var(--themeColor);    
}

.user_account_row{
    border:1px solid #eaeaea;
    padding:10px;
    width: 100%;
    border-radius: 4px; 
    margin-bottom: 10px;
    height: 70px;
}

.tbl_user_list td{
    padding:5px;
    border-top: 1px solid #eaeaea;
    border-right: 1pz solid #eaeaea; 
}

.tbl_user_list tr:hover{
    background-color: var(--themeColor) ;
    color: #ffffff;
}

.user_account_left_panel{
    border:1px solid red;
    width: 50%;
}

.dd_clsss_no_border{
    border: none;
    width: 100%;
}

.report_dd_holder{
    border: 1px solid #cccccc;
    border-radius: 4px;
}

.report_dd_title{
    text-align: left; 
    font-size: 14px;
    color: #000000; 
    font-weight: bold;
    border: 0px solid red; 
    padding: 5px 0px 0px 10px;
}


.tbl_module_grid td{

    padding: 10px;
    border-right:1px solid #cccccc;
    border-bottom: 1px solid #cccccc;

}

.tbl_module_grid tr:hover{

    background-color: #eaeaea;   

}

.reorder_item_list{    
    border: 1px solid #eaeaea;    
    padding: 20px;
    border-radius: 4px;    
    float: right;    
    overflow:auto;
    max-height:500px;
}

.sumry_amounts_dashboard{    
    border: 1px solid #eaeaea;    
    padding: 20px;
    border-radius: 4px;
    float: left;
}

.dashboard_header{
    padding-bottom: 20px;
    border-bottom: 0px solid red;
    margin-bottom: 20px;
    height: 100px;
}

.rpt_critaria_input_holder{
    border:0px solid #cccccc;
    padding-bottom: 10px;    
}

.data_sumry_title{
    padding-left: 10px;
}

.data_sumry_title span{
    
    font-family: var(--fontFamily);
    font-weight: bold;
    font-size: 28px;
    color: var(--themeColor);
    
}

.data_sumry_title div{
    font-family: var(--fontFamily);
}

.amount_sumry_section:hover{
    border:1px solid var(--themeColor);
}

.amount_sumry_section{
    border-radius: 4px;
    text-align: center;
    border:1px solid #eaeaea;
    padding: 10px 30PX 10PX 30PX;
    width: fit-content; 
    margin: 10px;
    float: left;
}

.amount_sumry_section div{
    font-family: var(--fontFamily);
    font-size: 24px;
    font-weight: 800;
    margin-bottom: -5px;
}

.amount_sumry_section span{
    font-family: var(--fontFamily);
}


.tbl_report_header td{
    padding: 5px;
}

.report_unit:hover{    
    border:1px solid var(--themeColor);
    cursor: pointer;
}

.report_unit{    
    border:1px solid #cccccc;
    padding: 10px;
    margin:5px;    
    border-radius: 4px;
    width: 300px;
}

.tbl_88 td{
    padding: 3px;
    border:1px solid #cccccc; 
    border-left: none;
    border-top: none;
    font-family: var(--fontFamily);
    font-size:12px;
}

.tbl_88 tr:hover{
    background-color: var(--themeColor);
    color: #ffffff;
}

.page_title_holder span{
    font-family: var(--fontFamily);
    font-size: 22px; 
    font-weight: 600;    
    color: #333333;
    z-index: 20;
    text-transform: uppercase;
    
}

.page_title_holder{
    z-index: 101;
    
    margin: auto;
    width: fit-content;     
    width: -moz-fit-content;    
    text-align: center;    
    border:0px solid var(--themeColor);    

    padding:16px;
    text-align: center;    
    
    
    margin-left: 100px;
    position: fixed;
    

    
}

.tbl_vouchers td{

    padding: 5px;
}

.tbl_bin_card td{
    border: 1px solid #eaeaea;
    border-top: none;
    border-left: none;
    padding: 3px 10px 3px 10px;
    font-family: var(--fontFamily);
}

.totp{
    font-size: 44px;
}

.tbl_phy_sales_price_sum td{
    padding: 10px;
    border: px solid red;
}

.tbl_8 td{

    padding: 10px;

}

.tbl_phy_sales tfoot{
    border:none;
}


.tblreport td{
    padding: 2px;
}


.btn_holder{
    margin-top: 30px;
}

.tbl_phy_sales td{    
    border:0px solid red;
    padding-right: 5px;
    padding-bottom: 10px;
}

.tbl_phy_PO td{
    padding:  0px 5px 5px 5px;
    border:0px solid red;
}

.slprice option{
    text-align: right;
}

.tbl_grn_item_list td{
    padding: 5px;
}

.tblgrn td{
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.tbl_daily_doc_fee td{

    text-align: right;    

}

.lab_test_receipt{
    border:0px solid red;
    height: 245px;
    overflow-x: hidden;
}

.tbl_daily_cash td{

    border-bottom: 1px solid #cccccc;

}

.tbl_gl_receipt td{
    padding: 10px;
}

.r-det-row{
    display: none;
}

.tbl_r_view{
    border: 0px solid #cccccc;
    background-color: #f9f9f9;
    margin: 10px;
}

.tbl_r_view td{
    border-bottom: 1px solid #f9f9f9;    
    border-right: 1px solid #f6f6f6;    
    font-size: 12px;
    color: #666666;
}

.prev_r_no{
    padding: 10px;
    font-size: 22px;
}

.test_group_link_title:hover{
    background-color: Green;
    color: #ffffff;
    cursor: pointer;    
}

.test_group_link_title{
    background-color: #ffffff;
    padding: 10px;
    padding-top: 11px;
}

.group_container{
    border-bottom: 1px solid #cccccc;
    overflow: hidden;
    height: 42px;
}

.reset_lab_test:hover{
    color: red;
    cursor: pointer;
}

.reset_lab_test{
    color: #999999;
    text-transform: uppercase;    
}


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

.tbl_test_grid td{
    padding: 5px;    
    border-bottom: 0px solid #cccccc;
}

.tbl_ts td{
    padding-right: 10px;
    padding-bottom: 10px;
}

.tbl_test_services tr:hover{
    background-color: #eaeaea;
}

.test_service_slid{
    /*overflow: hidden;
    height: 70px;*/
    border: 1px solid #000000;
    padding: 10px;
}

.receipt_title_btn_c{    
    background-color: #f1f1f1;
    padding: 10px;
    padding-left: 5px;    
}

.receipt_title_btn_c:hover{    
    background-color: green;
    color: #ffffff;
    cursor: pointer;
}







.assign_officer_slid{
    overflow: hidden;
    height: 70px;
    border: 1px solid green;
    padding: 10px;
}

.receipt_title_btn_b{    
    background-color: #f1f1f1;
    padding: 10px;
    padding-left: 5px;
}

.receipt_title_btn_b:hover{    
    background-color: green;
    color: #ffffff;
    cursor: pointer;
}










.patient_information_slid{    
    border: 0px solid #cccccc;
    padding: 10px;
    padding-top: 0px;
}

.receipt_title_btn_a{    
    background-color: #f1f1f1;
    padding: 10px;
    padding-left: 5px;
}

.receipt_title_btn_a:hover{    
    background-color: green;
    color: #ffffff;
    cursor: pointer;
}



.select_normal{
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #cccccc;
    width: 100%;
}

.tbl_item_list{
    width: 100%;
}

.tbl_item_list th{
    padding: 6px;
    border-bottom:1px dotted #cccccc;
    color: #000000;
}

.tbl_item_list td{
    padding: 6px;
    border-bottom:1px dotted #cccccc;
}

.tbl_item_list tr:hover{
    background-color: #eaeaea;    
}

.btn_edit{
 /*   color: #ffffff;
    background-color: Green;
    padding: 3px;    
    font-size: 12px;*/
}

.btn_edit:hover{
    cursor: pointer;
    color: #ffffff;
    background-color: #000000;
    text-decoration: none;    
}

.btn_remove{    
    padding: 3px;
    font-size: 12px;
    color: red;
}

.btn_remove:hover{
    cursor: pointer;
    color: #ffffff;
    background-color: red;
    text-decoration: none;
}

.btn_regular{    
    background-color: #eaeaea;
    border:1px solid #ccc;
    color: #000000;
    font-family: var(--fontFamily);
    font-size: 14px;    
    padding: 5px;
    width: 80px;border-radius: 4px;
}

.btn_regular:hover{    
    background-color: #007e40;    
    color: #ffffff;    
    cursor: pointer;
}

.btn_regular:focus{        
    border:1px solid Green;   
}

.btn_regular_cancel{    
    background-color: #eaeaea;
    border:1px solid #ccc;
    color: #000000;
    font-family: var(--fontFamily);
    font-size: 14px;    
    padding: 5px;
    width: 80px;border-radius: 4px;
}

.btn_regular_cancel:hover{    
    background-color: red;    
    color: #ffffff;    
    cursor: pointer;
}


.btn_regular_disable{    
    background-color: #eaeaea;
    border:1px solid #ccc;
    color: #ccc;
    font-family: var(--fontFamily);
    font-size: 14px;    
    padding: 5px;
    width: 80px;border-radius: 4px;
}

.page_contain{
    padding: 0px 20px 0px 20px;
}

.line_space{
    height: 14px;
}

.page_title{
    font-family: var(--fontFamily);
    font-size: 22px;
    font-weight: bold;
}

.page_title_sub{
    font-family: var(--fontFamily);
    font-size: 20px;
}

.form{

    margin: auto;    
    width: 100%;
    padding-top: 80px;
}

.tbl_normal{
    width: 100%;
}

.tbl_normal th{
    padding: 6px;
    border-bottom:1px dotted #cccccc;
    color: #000000;
    background-color: #eaeaea;
}

.tbl_normal td{
    padding: 6px;
    border-bottom:1px dotted #cccccc;
}

.tbl_normal tr:hover{
    background-color: #eaeaea;    
}

.form_text{
    width: 100%;
}

.ref_range_holder_div{
    display: none;
}

.bg_layer_msg{
    width: 100%;
    height: 100%;
    background-color: #cccccc;
    position: absolute;
    z-index: 100;
    opacity: 0.7;
    display: none;
}

.msg_holder{
    background-color: #ffffff;
    position: absolute;
    z-index: 101;
    padding: 0px;

    width: 600px;
    left: 50%;
    margin-left: -300px;

    height: 100px;
    top: 50%;
    margin-top: -50px;

    display: none;
}

.msg_content{
    padding: 20px;
}

.middleBox{
    padding: 50px;
    padding-top: 100px;    
    width: 500px;
    height: 500px;
    margin: auto;
    
    position: absolute;
    top: 50%;
    margin-top: -250px;
    left: 50%;
    margin-left: -250px;

    border: 1px solid #cccccc;
    background-color: #ffffff;

    border-radius: 5px;

}

.middleBox input[type='text'],input[type='password']{
    border: 1px solid red;
    padding: 5px;
    border: 1px solid #cccccc;
    width: 100%;
}

.left_section_login{
    background-color: var(--themeColor);
    position: absolute;
    width: 50%;
    height: 100%;
}

.left_section_login span{
    font-family: var(--fontFamily);
    font-size: 38px;
    font-weight: 600;
    color: #ffffff;
}

.left_section_login,company_name_holer{
    padding: 30px;
}


.right_section_login{
    
    position: absolute;
    right: 0px;
    padding: 30px 30px 0px 0px;
    
}

.company_logo_holer{

}

  .modal .modal-dialog-aside{  width: 350px;  max-width:80%; height: 100%; margin:0;  transform: translate(0); transition: transform .2s;}
  .modal .modal-dialog-aside .modal-content{  height: inherit; border:0; border-radius: 0;}
  .modal .modal-dialog-aside .modal-content .modal-body{ overflow-y: auto }
  .modal.fixed-left .modal-dialog-aside{ margin-left:auto;  transform: translateX(100%); }
  .modal.fixed-right .modal-dialog-aside{ margin-right:auto; transform: translateX(-100%); }
  .modal.show .modal-dialog-aside{ transform: translateX(0);  }
  
  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    font-family: var(--fontFamily);
    background-color:var(--themeColor);
    color: #ffffff;
  }

  .navbar .dropdown-menu {
    -webkit-box-shadow: 5px 6px 8px -6px var(--themeColor);
    -moz-box-shadow: 5px 6px 8px -6px var(--themeColor);
    box-shadow: 5px 6px 8px -6px var(--themeColor);    
  }

  .navbar-light .navbar-nav .nav-link {        
      font-family: var(--fontFamily);
      color: #ffffff;
  }