/* ----------------------------------------------------------------------style.css file-------------------------------------------------------- */

  

body, select {
    background-color: #fffefe;
    overflow:hidden;
    letter-spacing: 0.4px !important;
    font-family: "Arial", sans-serif !important;
    color:#1b1b1b !important;

}


.nav-pills .nav-link.active {
    background-color: white;                                
    color: black;



    border-radius: 0%;
}

img {
    width: 60%;
    margin-top: 9%;
    margin-left: 8%;
}



label {
    font-size: 12px !important;
    
}


.sidenav {
    background-color: #41474e;
    position: fixed;

    width: 15%;


    z-index: 1;
    line-height: 100%;
}
.active-sidebar{
    background-color: white;
    color:black !important;
    border-radius: 0%;
   
}
.nav-link {

    color: white;
    font-size: 16px;
    padding-top: 2px;
    padding-bottom: 2px;
}

 .nav-link:hover {
    background-color: white;
    color: black;
    border-radius: 0%;

} 
.nav-link-user{
    color: white;
    font-size: 16px;
    padding: .5rem 1rem;
    margin-top: 20px;
    display: flex;
    align-items: center;
    
  }
.nav-link-user svg {
    margin-right: 5px; 
}
.icons-container{
    display: flex;
    justify-content: space-between;
    gap:10px;
}

input:disabled,
select:disabled{
    background-color: #e9ecef;
}
.fa-circle-user {
    font-size: 25px;



}

/* .topicons {
    margin-top: 1%;
    width: 97%;
    height: 30px;
} */

 .projectdetails {

    width: 97%;

}


.project {
    border: 1px solid white;
    padding: 2px;
    border-radius: 5px;
    height: 50px;
}

.item {
    margin-top: 14%;
    padding: 2px;

    border-radius: 5px;
    height: 50px
}


.Itemdetails {
    margin-top: 10px;
}

.fa-solid {
    color: black;

}

.fa-magnifying-glass {
    color: white;
}

#btn {
    background-color: #353a40;
    outline: none;
    border: none;
}
.input-box{
    text-align: center;
    border: 1px solid #858585 !important;
    color: #363636;
    border-radius: 2px;
    font-size: 14px !important;
    padding: 5px !important;
    
}

input{
    border:1px solid #dadada !important; 
   
    color: #3d3d3d;
    border-radius:4px;  
    padding-left:6px;
    padding-top:2px;
    padding-bottom:2px; 
    font-size:12px !important;

    
}
textarea{
    border:1px solid #dadada; 
    color: #3d3d3d;
    border-radius:4px;  
    font-size:12px; 
 
   

}
select {
    border:1px solid #dadada !important; 
    color: #3d3d3d;
   
    font-size:12px !important;
    border-radius: 4px;  
    padding-left:6px;
    padding-top:2px;
    padding-bottom:2px;
    appearance: none; /* Remove default appearance */
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Webkit browsers */
    background-image: url('data:image/svg+xml;utf8,<svg fill="none" height="11" viewBox="0 0 24 24" width="11" xmlns="http://www.w3.org/2000/svg"><path d="m4 8 8 8 8-8" stroke="%23606060" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>');







 /* Use CSS variable for dropdown icon color */
    background-repeat: no-repeat;
    
    padding-right: 20px; /* Adjust padding for the icon */
    background-position: calc(100% - 3px) center;
}


/* .valveselection .row{
    margin-bottom:4px !important;
}
.materialselection .row{
    margin-bottom:4px !important;
}    */
/* 
.btn{
    border: 1px solid #17a2b8;
    background-color: white;
    border-radius:6px;
    padding:5px 35px;

} */

/* ----------------------------------------------------project details page-------------------------------------------------------------- */
.projectdetails-form {
    padding: 15px;
    width: 100%;

}

.orderinformation-form {
    /* margin-left: 3%; */
    padding: 15px;
    width:100%

}

.projectdetail_heading {
    font-size: 15px;
}

.projectdetail_input {
    width: 100%;
    height: 70%;
    font-size: 12px;
}

.projectdetail_select {
    width: 100%;
    height: 70%;
    font-size: 12px;
    background-color: white;
    border: 1px solid #607274;
}

.projectdetail_btn {
    /* background-color: #dedbdb; */
    /* color: black; */
    font-size: 14px;
    border: none;
    padding: 5px 15px;
}

/* ---------------------------------------------------------------valve data page-------------------------------------------------------- */
.pressure {
    width: 105%;
}

.valvedata_heading {
    font-size: 15px;
}

.valvedata_input {
    width: 100%;
    height: 70%;
    font-size: 12px;
}

.valvedata_select {
    width: 100%;
    height: 70%;
    background-color: white;
    border: 1px solid #607274;
    font-size: 12px;
}

.valvedata_input1 {
    width: 100%;
    height: 70%;
    font-size: 12px;
}

.valvedata_select1 {
    width: 100%;
    height: 70%;
    background-color: white;
    border: 1px solid #607274;
    font-size: 12px;
}

.valvedata_inputbox {
    width: 100%;
    height: 70%;
}

.valvedata_selectbox {
    width: 100%;
    height: 70%;
    background-color: white;
    
    font-size: 12px;
}

 /* .valveselection {
    height: 49vh;
    
}

.materialselection {
    height: 49vh;
}  */

/* .warnings {
    height: 100%;
    
} */

.valvebutton {
    background-color: #dedbdb;
    font-size: 14px;
    color: black;
    border: none;
    width: 100%;
}
/* -------------------------------------valvesizing page------------------------------------------------------------------------ */


@media screen and (max-width: 1399px) and (max-height: 767px) {
    .valvesizingdivrow {
        /* height: 80vh; */
        margin-top:2rem;
        color:#1b1b1b;
    }

}

.cvsizing {
    height: calc(100vh - 125px);
    width: 300px;
    overflow-x: auto;
    overflow-y: auto; /* Enable vertical scrollbar */
  
    scrollbar-width: thin;
}
.cvsizing2{
    height: 98%;
    overflow: auto;
    scrollbar-width: thin;
}
.col-1-5 {
    flex: 0 0 calc(100% * 0.3 / 12);
    padding: 0px 15px;
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1)
}
.col-7-5 {
    flex: 0 0 calc(100% * 7.6 / 12);
    padding: 0px 15px;
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1)
}

.col-3-5 {
    flex: 0 0 calc(100% * 3.5 / 12);
    padding: 0px 8px;
}
.pipedate{
    padding: 0rem 1rem 1rem 1rem;
    /* height: 100vh; */
    /* overflow: auto; */
    
}   



.sizingtable {
    height: 25px;
    border-top: 1px solid #dadada;
    border-right: 1px solid #dadada;


    /* width: 100%; */
    /* border:1px solid #607274; */
}

.sizingtableleft {
    height: 25px;
    border-top: 1px solid #dadada;
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;
    background-color: #f0efef;
    /* border:1px solid #607274; */
}

.sizingtableleft_warning {
    height: 25px;
    border-top: 1px solid #dadada;
    border-right: white;
    border-left: 1px solid #dadada;
    background-color: #ffffff;
    /* border:1px solid #607274; */

}

.sizingtable_header {
    height: 25px;
    border-top: 1px solid #dadada;
    border-right: white;

}
.sizingtable_header_last{
    height: 25px;
    border-right: 1px solid #dadada ;
    border-top: 1px solid #dadada;
}

.sizingtablebottom {
    height: 21px;
    border-top: 1px solid #dadada;
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    /* border:1px solid #607274; */
}

.sizingp {
    margin-left: 9%;
    margin-top: 3px;
    /* color: #f90606; */
    color: #000000;
    /* font-weight: 700; */
    font-size: 12px;
}

/* .colborder_bottom {
    border-bottom: 1px solid #607274;
    justify-content: space-between;
} */
.sizingicons_container{
    display: flex;
    flex-direction: column;
   

}
.valve_parameters {
    width: 100%;
}
.valve_para {
    width: 70%;
}
.valve_unit {
    width: 30%;
}


.case_valve {
    width: 100%;
}
.case_step {
    width: 20%;
}

.sizingtable_inputs {
    width: 100%;
    border: 0px solid !important;
}
.size_persentage {
    background-color: white;
}

/* .clear {
    margin-left: 5%;
    margin-top: 13%;
    text-align: right;
    color: rgb(28, 28, 28);
    font-size: 9px;
} */



/* .closeicon {
    margin-left: 5%;
    margin-top: 10%;
    text-align: right;
    color: rgb(95, 95, 95);
    font-size: 14px;

} */


.calculatedcv_row {
    width: 100%;
    border: 0px solid !important;
    /* background-color: #ddebf7 */
}

.valvesizing_fluid_data {
    width: 100%;
}

.valve_box2 {
    font-size: 12px;
}



label {
    font-size: 12px;
}

input {
    height: 100%;
    font-size: 12px;
}



select {
    height: 100%;
    font-size: 12px;
    background-color: white;
    width: 100%;
}

.valve_btn {
    font-size: 14px;
    /* font-family: Verdana sans-serif; */
    margin-left: 48%;
    background-color: #dedbdb;
    color: black;
    border: none;

}

.valve_btn2 {
    font-size: 14px;
    /* font-family: Verdana sans-serif; */
    background-color: #04AA6D;
    margin: 0;
    background-color: #dedbdb;
    color: black;
    border: none;
}

.valvesizing_select {
    width: 100%;
    height: 70%;
    background-color: white;
    border: 1px solid #607274;
    font-size: 12px;
}

.valvesizing_radio {
    font-size: 12px;
}

.valvesizing_inputbox {
    width: 100%;
    height: 70%;
    font-size: 12px;
}

.valvesizing_heading {
    font-size: 15px;
}
.valve_scroll {
    display: block; 
    overflow-y:scroll;
    overflow-x:auto;
    height: 515px;
    border: 1px solid #607274; 
}
/* --------------------------Select Valve------------------------ */
.selectvalve_borderbottom {
    border-bottom: 1px solid #607274;
}

.selectvalve_borderleft {
    border-left: 1px solid #607274;

}

.outline {
    border-left: groove 1px black;
    border-right: groove 1px black;
}

.valve_btn {
    width: 100%;
}

.selectvalve_select {
    background-color: white;
    font-size: 12px;
    border: 1px solid #607274;
}

.select_radio {
    margin-left: 30%;

}

.valvebtn {
    background-color: #dedbdb;
    color: black;
    border: none;
}

.icon-btn {
  /* display: inline-flex; */
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border: none;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  font-size: 13px;
  color: #333;
  text-decoration: none;
  transition: background 0.15s, border-color 0.15s;
}
.icon-btn:hover { background: #bbbbbb; border-color: #999; }
.icon-btn.danger:hover { border-color: #a32d2d; background: #fcebeb; color: #a32d2d; }
.icon-btn.danger:hover svg { stroke: #a32d2d; }
.icon-btn.success:hover { border-color: #0f6e56; background: #e1f5ee; color: #0f6e56; }



.selectvalve_table {
    width: 100% !important;
    height: 400px;
    overflow-y: scroll;
    display: block;
    /* height: 80%; */
    font-size: 12px;
}

.selecthead th {
    position: sticky;
    top: 0;
    background-color: #ffffff;
    width: 1%;
}

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

/* .actuator
{
    margin-right: 30px;
} */
/* project details page css code */

.projectdetails-form {
    background-color: white;
    padding: 15px;
    width: 100%;

}

/* .orderinformation-form {
    margin-left: 3%;
    padding: 15px;

} */


a:link {
    text-decoration: none;
}

/* ---------------------------------------------Actuatorsizing page css----------------------------------------------------------------- */

/* .actuator
{
    width: 110%;
} */
.actuator_heading {
    font-size: 15px;
}

.actuator_input {
    width: 100%;
    height: 70%;
    font-size: 12px;
}

.actuator_select {
    width: 100%;
    height: 70%;
    font-size: 12px;
    background-color: white;
    border: 1px solid #607274;
}

.actuator_input1 {
    width: 130%;
    height: 70%;
    font-size: 12px;
}

.actuator_select1 {
    width: 102%;
    height: 70%;
    font-size: 12px;
    background-color: white;
    border: 1px solid #607274;
}

.actuator_button1 {
    background-color: #dedbdb;

    width: 100%;
    font-size: 14px;
    border: none;
    letter-spacing: 0.4px !important;
    font-family: "Arial", sans-serif !important;
    color:#1b1b1b !important;
}

.actuator_button2 {
    background-color: #dedbdb;
    width: 100%;
    font-size: 14px;
    border: none;
    letter-spacing: 0.4px !important;
    font-family: "Arial", sans-serif !important;
    color:#1b1b1b !important;
}

.actuator_button3 {
    background-color: #dedbdb;
    letter-spacing: 0.4px !important;
    font-family: "Arial", sans-serif !important;
    color:#1b1b1b !important;
    width: 100%;
    font-size: 14px;
    border: none;
}

/* -----------------------------------------------RotaryActuator page css---------------------------------------------------------- */

.Rotaryactuator_button1 {
    background-color: #dedbdb;
    color: black;
    width: 100%;
    font-size: 14px;
    border: none;
}

.Rotaryactuator_button2 {
    background-color: #dedbdb;
    color: black;
    width: 100%;
    font-size: 14px;
    border: none;
}

.Rotaryactuator_button3 {
    background-color: #dedbdb;
    color: black;
    width: 100%;
    font-size: 14px;
    border: none;
}

.Rotary_heading {
    font-size: 15px;
}

.input_btn1 {
    width: 150px;
    font-size: 14px;
    /* background-color: #dedbdb; */
    letter-spacing: 0.4px !important;
    font-family: "Arial", sans-serif !important;
    /* color:#1b1b1b !important; */
    border: none;
}

.input_btn2 {
    width: 150px;
    background-color: #dedbdb;
    letter-spacing: 0.4px !important;
    font-family: "Arial", sans-serif !important;
    color:#1b1b1b !important;
    font-size: 14px;
    border: none;
}


.Rotary_input {
    height: 100%;
    font-size: 12px;
    width: 100%;
    border: 0px solid;
}

.Rotary_select {
    height: 100%;
    font-size: 12px;
    width: 100%;
    background-color: white;
    border: 0px solid;
}

.savebtn {
    margin-left: 60%;
}

/* ----------------------------------slidingstem page css------------------------------------------------------------------------- */
.act-result-table {
    height:420px;
    overflow-y: scroll;
    scrollbar-width: thin;
}

.sliding_heading {
    font-size: 15px;
    margin-top: 3%;
}

.sliding_select {
    height: 100%;
    font-size: 12px;
    width: 100%;
    background-color: white;
    border: 0px solid !important;
}

.sliding_input {
    height: 100%;
    font-size: 12px;
    width: 100%;
    border: 0px solid !important;
}

.slidingtop_input {
    height: 90%;
    font-size: 12px;
}

/* ------------------------------------------------Stroke Time Calculation------------------------------------------------ */
.stroke_speed_piston_input {
    width: 100%;
    border: 0px solid;
}

.piston_unit_input {
    width: 100%;
    border: 0px solid;
}

.speedrow {
    margin-top: 3%;
}

/* ------------------------------------Stroke Time Calculation -spring Diaphragam------------------------------ */

.speedrow2 {
    margin-top: 1%;
}

.spring_input {
    width: 100%;
    border: 0px solid;
}

.spring_borderbottom {
    border-bottom: 1px solid #607274;
}

.spring_btn {
    background-color: #dedbdb;
    margin-top: 3%;
    /* margin-right:60%; */
    width: 150px;
    color: black;
    font-size: 14px;
}


.savebtnspr {
    margin-left: 86%;
    margin-top: 4%;
}

/* -----------------------------piston stroke time---------------------------- */



.piston_btn1 {
    background-color: #dedbdb;
    /* margin-top: 2%; */
    /* margin-right:60%; */
    width: 50%;
    color: black;
    font-size: 14px;

}

.piston_btn {
    background-color: #dedbdb;
    margin-top: 3%;
    /* margin-right:60%; */
    width: 150%;
    color: black;
    font-size: 14px;

}

.piston_calculate {
    margin-left: 80%;
    margin-top: 4%;
}

.cal_result_row {
    margin-left: -7%;
}

.piston_borderbottom {
    border-bottom: 1px solid #607274;
}

.piston_savebtn {
    margin-left: 60%;
    margin-top: 27%;
}




.piston_calbtn {
    margin-left: 55%;
    margin-top: 2%;
}

.close_icon {
    color: #000000;
    margin-left: 57%;
}


.inputsborder {
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.calculatedborder {

    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-top: 1px solid black;

}

/* ----------------------------------------------Accessories page css------------------------------------------------------------------ */

.Accessories_heading {
    font-size: 15px;
}

.arow_icon {
    color: black;
}

.accesories_input {
    width: 120%;
    height: 70%;
    font-size: 12px;
}

.accesories_select {
    width: 120%;
    height: 70%;
    background-color: white;
    border: 1px solid #607274;
    font-size: 12px;
}

.accesories_btn {
    background-color: #dedbdb;
    color: black;
    border: none;
}

/* -------------------------------------limit switch(accessories)------------------------------------------------------------- */


#limit-scroll {
    height: 350px;
    overflow: auto;
    margin-top: 10px;
}

.limitswitch_table {
    width: 100%;
    /* overflow-y: scroll; */
    /* display: block; */
    height: 70vh;
    font-size: 12px;
}

.limithead {
    position: sticky;
    top: 0;
    background-color: #ffffff;
}

.accesories_radio {
    margin-left: 30%;
}

.limitswitch_btn {
    background-color: #dedbdb;
    color: black;
    margin-left: 74%;
    margin-top: 3%;
    font-size: 14px;
    border: none;
}

/* ----------------------------------------------solenoid(accessories)------------------------------------------------------------ */
#solenoid-scroll {
    height: 350px;
    overflow: auto;
    margin-top: 10px;
}

.solenoid_table {
    width: 100%;
    /* overflow-y: scroll; */
    /* display: block; */
    height: 70vh;
    /* font-size: 12px; */
}

.solenoidhead {
    position: sticky;
    top: 0;
    background-color: #ffffff;

}

/* -----------------------------------------------afr(accessories)----------------------------------------------------------------- */

#afr-scroll {
    height: 350px;
    overflow: auto;
    margin-top: 10px;
}

.afr_table {
    width: 100%;
    /* overflow-y: scroll; */
    /* display: block; */
    height: 70vh;
    /* font-size: 12px; */
}

.afr_btn {
    background-color: #dedbdb;
    color: black;
    margin-left: 82%;
    margin-top: 3%;
    font-size: 14px;
    border: none;
}

.afrhead {
    position: sticky;
    top: 0;
    background-color: #ffffff;
}

.table_afrradio {
    width: 3%;
    font-size: 12px;
    text-align: left;
}

/* -----------------------------------------------positioner(accessories)---------------------------------------------------------- */
#positioner-scroll {
    height: 400px;
    overflow: auto;
    margin-top: 10px;
    scrollbar-width: thin;
}

.tablepositioner {
    width: 100%;
    /* overflow-y: scroll; */
    /* display: block; */
    height: 70vh;
    /* font-size: 12px; */

}

.positionerhead {
    position: sticky;
    top: 0;
    background-color: #ffffff;

}

/* ratio column  */
.table_ratio {
    width: 3%;
    font-size: 12px;
    text-align: left;
}

/* manufactures,series,moc,enclosure,spool,type techno,action,haz columns */
.table_manu {
    /* width: 2%; */
    font-size: 12px;
}

/* comm,cert/model */
.table_comm {
    /* width: 4%; */
    font-size: 12px;
}


.positioner_button {
    font-size: 12px;
}

.positioner_btn {
    background-color: #dedbdb;
    color: black;
    /* margin-top: 4%; */
    margin-left: 75%;
    /* margin-top: 2%; */
    font-size: 14px;
    border: none;
}

.back-btn {
    background-color: #dedbdb;
    color: black;
    /* margin-top: 2%; */
    /* margin-bottom: 2%; */
    font-size: 14px;
    border: none;
}

/* ----------------------------------------------order and item notes page css----------------------------------------------------- */




table {

    table-layout: fixed;
    font-size: 12px;


}



table,
th,
td {
    border: 1px solid #ddd;
    border-collapse: collapse;
    position: relative;
    overflow: auto;
}

/* table {

    width: 64%;
} */

#table-scroll {
    height: 250px;
    overflow: auto;
    margin-top: 10px;
}

table td {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

table th {

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

thead {
    background-color: white;
    position: sticky;
    top: 0px;
    z-index: 1;
    color: #272727;
}



th,
td {
    height: 5px;
    text-align: left;
    vertical-align: top;
    border-left: 1px solid #ccc;
}

.border_outline {
    border: groove 1px rgb(196, 196, 196);
}


.Itemnotes_heading {
    font-size: 15px;
}

.item_input {
    width: 100%;
    height: 70%;
    font-size: 12px;
}

.item_select {
    width: 100%;
    height: 70%;
    font-size: 12px;
    background-color: white;
    border: 1px solid #607274;
}

.item_btn {
    background-color: #dedede;
    color: black;
    font-size: 14px;
    border: none;

}

.item_btn1 {
    background-color: #dedbdb;
    color: black;
    font-size: 14px;
    border: none;
}

.item_cancle_icon {
    margin-left: 45%;
}

.tableitem {
    width: 98%;
    overflow-y: scroll;
    display: block;
    height: 58%;
}


.itemhead {
    position: sticky;
    top: 0;
    background-color: #ffffff;
}

.table_notes {
    width: 6%;
    font-size: 12px;
}

.table_content {
    /* width: 50%; */
    font-size: 12px;
}

.table_remove {
    width: 1%;
    font-size: 12px;
}

.body_content {
    font-size: 12px;
}

/* -------------------------------------------project notes page css--------------------------------------------------------------- */

.projectnotes_input {
    width: 100%;
    height: 75%;
}

.tableproject {
    width: 64%;
    /* overflow-y: scroll;
    display: block;
    height: 73%; */
}

/* ----------------------------------------------View Data CSS---------------------------------------------------------------------- */
.viewbtn {
    background-color: #f7f6f6;
    font-size: 12px;
    text-align: left;

    border:1px solid #77969b !important;
    padding:6px 10px;
    color: #444647;
    margin-bottom: 8px;
}

.viewdata_heading {
    font-size: 15px;
}
.btn-block{
    margin-top: 0.65rem !important;
}
/* --------------------------------------------reference table 2 page css------------------------------------------------------------ */
.heading {
    font-size: 15px;
}

.refernce_selectfile {
    width: 40%;
    height: 100%;
    margin-left: 10%;
    /* border: 1px solid #333; */
}

.refernce_btn {
    /* width: 60%; */
    margin-left: 3%;
    background-color: #dedede;
    color: black;
    border: none;
}

.refernce_btns {
    width: 20%;
    margin-left: 1%;
    background-color: #dedede;
    color: black;
    border: none;
}

.show-entry {
    width: 10%;
    background-color: white;
    border: 1px solid #607274;
    font-size: 12px;
}

.show {
    font-size: 14px;
}

.refernce_table2 {
    width: 100%;
    overflow-y: scroll;
    display: block;
    height: 400px;
    font-size: 12px;
}

/* -----------------------------------reference table 1 page css---------------------------------------------------------- */

.refernce_table {
    /* width: 38%;
    font-size: 12px;
    overflow-y: scroll;
    display: block;
    height: 400px; */
    margin-left: -4%;
}

.reference_thead {
    position: sticky;
    top: 0;
    background-color: #ffffff;
   
}


.update_ref{
    width: 1%;
}

.dash_thead {
    position: sticky;
    top: 0;
    background-color: #ffffff;
}


/* -----------------------------------preference page css------------------------------------------------------------------------- */

.preference_heading {
    font-size: 15px;
}

.preference_select {
    width: 100%;
    height: 70%;
    background-color: white;
    border: 1px solid #607274;
}

.preference_btn {
    background-color: #dedbdb;
    color: black;
    margin-top: 3%;
    border: none;
}


/* ----------------------------------------Accessories Positioner Table ----------------------*/

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

/* ----------------------------------------Accessories AFR Table ----------------------*/
.table_afrmanu {
    width: 3%;
    font-size: 12px;

}

.table_afrmodel {
    width: 15%;
    font-size: 12px;

}

.table_afrfilter {
    width: 12%;
    font-size: 12px;


}


/* --------------------Customer Master------------------------- */

.reference_input {
    width: 100%;
    height:32px;
    padding: 0.5rem 1rem;
   
    border-radius: 10px; /* Border radius */
    font-size: 1rem;
    transition: border-color 0.3s ease;
}



/* Placeholder style */
.reference_input::placeholder {
    color: #757575; /* Placeholder color */
}
#customer-scroll {
    /* height: 135px; */
    overflow: auto;
    scrollbar-width: thin;
    /* margin-top: 10px; */
}

.customer_table {
    width: 100%;
    /* overflow-y: scroll; */
    /* display: block; */
    height: 80vh;
    /* font-size: 12px; */

}
 .customerhead {
        position: sticky;
        top: 0;
        background-color: #ffffff;
        

    }

.cus_input {
    width: 100%;
    height: 70%;
    font-size: 12px;
}



.table_sno {
    width: 10%;
    font-size: 12px;
}

.table_company {
    /* width:3%; */
    font-size: 12px;
    text-align: center;
}

.table_desc {
    /* width: 1%; */
    font-size: 12px;
}

.table_edit {
    width: 5%;
    /* font-size: 12px; */
    text-align: center;
}

.body_content_customer {
    font-size: 12px;
}





.char-counter {
  display: none;
  font-size: 0.72rem;
  color: #8a8a8a;
  text-align: right;
  margin-top: 2px;
}

.char-counter.char-counter-visible {
  display: block;
}

.char-counter.char-counter-warning {
  color: #d97706;
}

.char-counter.char-counter-limit {
  color: #dc3545;
}





/* --------------------------------------------Admin register Page-------------------------------------------------------------------------- */

.admim_register_box {
    padding: 10px;
    width: 95%;
}



.admin_register_heading {
    font-size: 15px;
}

.admin_register_input {
    width: 100%;
    height: 70%;
    font-size: 12px;
}



.admin_register_btn {
    background-color: #dedbdb;
    color: black;
    font-size: 14px;
    border: none;
    margin-left: 79%;
}






/* ---------------------------Admin  User Rights--------------------------------- */


.admim_user_box {
    padding: 10px;
    width: 95%;
}

.adminUser_select {
    width: 100%;
    height: 70%;
    font-size: 12px;
    background-color: white;
    border: 1px solid #607274;
}



.admin_user_btn {
    background-color: #dedbdb;
    color: black;
    font-size: 14px;
    border: none;
    margin-left: 60%;
    width: 40%;
}

/* ------------------------------------------------Admin page---------------------------------------------------------------------------- */

.adminpage_heading {
    font-size: 15px;
}

.adminpage_btn {
    background-color: #dedbdb;
    color: black;
    font-size: 12px;
    border: none;
}


/* --------------------------------------project and item print--------------------------------------------------------- */
.report_heading {
    font-size: 17px;
}

.sub_heading {
    font-size: 15px;
}

.project_lable {
    margin-top: 10px;
    font-size: 12px;
}

.project_download_btn {
    margin-left: 31%;
    background-color: #dedbdb;
    color: black;
    font-size: 12px;
    border: none;
}

.project_print_table {
    overflow-y: scroll;
    scrollbar-width: thin;
    display: block;
    height: 242px;
    font-size: 12px;
    width: 92%;
}
.helpfile-table{
   
    margin-right:10px;
    overflow-y: scroll;
    scrollbar-width: thin;
}

.project_print_table_head th {
    position: sticky;
    top: 0;
    background-color: #ffffff;
    width: 1%;
}

.project_print_radio {
    text-align: center;
}

.item_print_table {
    width: 92%;
    font-size: 12px;
}

.item_select_table {
    height: 98%;
}



.flash-message-container {
    position: fixed;
    top: 10px; /* Adjust this value as needed to position it from the top of the page */
    right: 10px; /* Position it from the right edge of the page */
    z-index: 9999;
    width: auto; /* Auto width or specify a fixed width */
    max-width: 300px; /* Ensure it doesn't get too wide, adjust as needed */
    text-align: left; /* Align text to the left */
}


.flash-success {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    padding: 10px 20px; /* Added padding for better readability */
    border-radius: 5px;
    display: inline-block; /* Ensure it doesn't stretch the full width */
    margin: 0 auto; /* Center the message within the container */
    max-width: 100%; /* Ensure it doesn't exceed its parent's width */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: rgb(208, 241, 191); 
  
}

.flash-failure {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    padding: 10px 20px; /* Added padding for better readability */
    border-radius: 5px;
    display: inline-block; /* Ensure it doesn't stretch the full width */
    margin: 0 auto; /* Center the message within the container */
    max-width: 100%; /* Ensure it doesn't exceed its parent's width */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: rgb(245, 186, 186); /* Example background color for flash messages */
  
}
.page-scroll{
    overflow-y: auto;
}
.flash-message-success{
    color:green;
}
.flash-message-failure{
    color:rgb(145, 2, 2);
}




.flash-messages.show {
    opacity: 1;
}

.flash-messages li {
    list-style-type: none; /* Remove default list styling */
    margin-bottom: 5px; /* Space out each message */
}

    



.reference_table_div{
    height:100%;
    overflow-y: scroll;
    scrollbar-width: thin;
}
.swal-custom .swal2-title{
    font-size:16px;

}
.swal-custom .swal2-popup{
    width:350px;
}
.swal-custom .swal2-styled{
    padding:4px 20px;
    font-size:16px;
}
.help-label{
    font-size:12px;
    margin-left:5px;
}