/* Montserrat Font Styles */
.montserrat-body {
  font-family: 'Montserrat', sans-serif;
  font-optical-sizing: auto;
  font-weight: 400; /* Normal weight */
  font-style: normal;
}

.montserrat-title {
  font-family: 'Montserrat', sans-serif;
  font-optical-sizing: auto;
  font-weight: 700; /* Bold weight */
  font-style: normal;
}

.montserrat-caption {
  font-family: 'Montserrat', sans-serif;
  font-optical-sizing: auto;
  font-weight: 300; /* Light weight */
  font-style: italic;
}



html{
  font-family:  'Montserrat', sans-serif;
font-weight: 500;


}

body{
  /*font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;*/
      font-family:  'Montserrat', sans-serif;

   font-weight: 500;

}  



@media print {

  @page {
      /* margin: 0 auto; */
      padding: 0px;
      /* position: absolute;
      top: 10cm;*/
      size: 21x14.8;
      margin-top: 2.5cm;
      margin-bottom: 0.72cm;

  }
  
  
    html{
     font-family:  'Montserrat', sans-serif;
     color:black;
   font-weight: 500;


}

body{
     font-family:  'Montserrat', sans-serif;
     color:black;
   font-weight: 500;

}  
  .left-side{
      padding-left: 20px;

  }
  .fprint{
      display:none;
  }
  
   .ffprint{
      display:block;
  }
 
  .card{
      border-style:none;
  }
  .card-body{
      display:inline-flex;
      margin-bottom: -25px;
  }
  

  .card-title , .card-text {
        font-family:  'Montserrat', sans-serif;

      display:inline-flex;
        font-size: 16pt ; 
      font-weight: 500;
      width: max-content;
  }
  
   .card-text {
    padding-left: 20px;
  }
 .forin{
     display:flex;
     margin-top:-2.7%;
 }
 table{
    font-family:  'Montserrat', sans-serif;
     width:70%;
     margin: 1rem 0 !important;
       color:black !important;


 }
 .forcinv{
     width:24%;
     margin-top:-8%;
 }
 .total h5{
            padding-bottom:5px;
     border-bottom:3px solid black;
 }
  .total p{
             padding-bottom:5px;
     border-bottom:1px solid black;
  color:black !important;

 }
 
 
  


  h3,
  h4,
  h5,
  h6 {
  font-family:  'Montserrat', sans-serif;
  color:black !important;
      font-size: 15pt;
  }
  
 
  th,td,
  p,
  label,
  span {
   font-family:  'Montserrat', sans-serif;
  color:black !important;
  font-size: 11pt;
  }
  p{
        font-family:  'Montserrat', sans-serif;
          line-height: 20px;
    color:black !important;

  }
  
  

  
  tr.table-inv {
  font-size: 8pt ;
  font-family:  'Montserrat', sans-serif;
  color:black !important;
       border-bottom: 3px solid black !important;
      border-top: 2px solid black !important;
  }
  .table  td{
      font-family:  'Montserrat', sans-serif;
     font-size: 13pt;
     border-top:0px solid black;
      padding-bottom: -2px !important;
     /*margin: 0px;*/
  } 
   tr.table-inv th >p {
       margin-bottom: 0px !important;
   }
  .card-text{
padding-left: 20px;

}
/*.detailtext{*/
/*    display:none !important;*/
/*}*/
#barCodeIdnav{
    float:left !important;
    border-top:1px solid black;
}

  .datetime{
      display :inline-flex !important;
  }
  .datetime p{
      font-size: 12pt !important;
  }
  .detailinv{
       display:none !important;
  }
  
  input.form-control.col-lg-12.red-border {
  border-style: none;
 
}




.seting1{
  font-size: 16pt !important;
}
.seting11{
  font-size: 16pt !important;
  margin-top: -5px !important;
}



.action {
  display: none !important;
}


/*.itemNoAR{*/
/*    margin-bottom: -1px*/
/*}*/


/*.thpIname{*/
/*    width: 100px !important;*/
/*}*/
/*.thpST{*/
/*    width: 70px !important;*/
/*}*/
/*.thpS{*/
/*    width: 83px !important;*/
/*}*/

/*.thp{*/
/*    width: max-content;*/
/*}*/


/*i.fas.fa-times {*/
/*    display: none;*/
/*}*/


}   


/*invoice page setting end*/

/*zaka Design*/


/*zaka Design end*/

 .ffprint{
      display: none;
  }
  .datetime{
      display :none;
  }


/*dashboard style*/
.dash{
padding-top: 1.5rem;
}

/*End dashboard style*/


/*button design*/



.pro-btn
{
width: 174px  !important;
height: 230px  !important;
margin-bottom: 5px !important;


}

.add-cusB {
width: 154px ;
height: 200px ;
margin-bottom: 5px;


}
.add-act{
width: 132px ;
height: 180px ;
margin-bottom: 5px;


}
.pro-name{
font-size: 15px;
font-weight: 800;  
}

.btn-squared-default:hover
{
  border: 3px solid white;
  font-weight: 800;
}

.btn-squared-default-plain
{
width: 100px !important;
height: 100px !important;
font-size: 10px;
}

.btn-squared-default-plain:hover
{
  border: 0px solid white;
}


/* End button design*/


/*createorder*/

.left-side{
background: #e0e0e036;
}

.right-side{
background: #e0e0e036;

}


/*searches */


.input-group.md-form.form-sm.form-2 input {
border: 1px solid #bdbdbd;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}


.input-group.md-form.form-sm.form-2 input.amber-border {
border: 1px solid #ffca28;
}


.searches{
display: flex;
}

/*checkbox style in create order page with model*/

.form-group input[type="checkbox"] {
display: none;
}

.form-group input[type="checkbox"] + .btn-group > label span {
width: 20px;
}

.form-group input[type="checkbox"] + .btn-group > label span:first-child {
display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
display: inline-block;   
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
display: none;   
}

/*left side table style*/


/*add product .php*/
form.form-horizontal.container{
padding-top: 3.5rem;
padding-bottom: 3.5rem;

}

.add-pro{
column-count: 3;
}

.add-exp{
  column-count: 2;
  }

tr.table-inv {
font-size: 11px ;
color:black !important;
}

.msg {
margin: 30px auto; 
padding: 10px; 
border-radius: 5px; 
color: #3c763d; 
background: #dff0d8; 
border: 1px solid #3c763d;
width: 50%;
text-align: center;
}

/* productList.php */

.tdSubTitle{
display: flex !important;
}



/*login.php design */
.main {
margin: 0;
padding: 0;
background: url(https://alyaum.techlaundries.com/img/bubv.gif);
background-size:cover;
height:100vh;

}
.login{
padding-top: 40px;
}
#login .container #login-row #login-column #login-box {
margin-top: 120px;
max-width: 600px;
/* height: 320px; */
border: 1px solid #9C9C9C;
/*background-color: #EAEAEA;*/
}
#login .container #login-row #login-column #login-box #login-form {
padding: 20px;
}
#login .container #login-row #login-column #login-box #login-form #register-link {
margin-top: -85px;
}
.cimg{
width: 90px;
}
 .cimg1{
width: 60px;
}



#customerNameID , #custDetailID ,#custNoID{
padding-left: 10px;

}
.tech-text{
    font-family: emoji;
    font-weight: 900;
    font-size: 45px;
}
/*for checkbox in creat order*/

.form-check {
padding-bottom: 7px;
  padding-top: 7px;
  background: #4e73dfe0;
  width: fit-content;
  padding-right: 9px;
  border-radius: 3px;
  color: white;
  margin:5px 0;
}

.form-check-input{
       margin-left: -1rem !important;

} 
 
 
 
  /* Switch style */

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


/* Adjusting font size for sidebar navigation items */
.sidebar .nav-link {
  font-size: 120%; /* Adjust this value as needed */
}

/* You might also want to adjust the font size for sidebar titles or headers if they exist */
.sidebar .nav-title {
  font-size: 140%px; /* Adjust this value as needed */
}








/* Sidebar customizations */
.sidebar {
  width: 22rem !important; 
  background-image: linear-gradient(to right, #0003a8, #00bcd4) !important; /* Custom gradient */
}

.sidebar .nav-link:hover {
  background-color: #f8f9fc !important; /* Hover background color */
  color: #183553 !important; /* Hover text color */
  font-weight: bold;
}
.bg-gradient-primary {
  background-color: #183553 !important;
  background-image: linear-gradient(180deg, #140744 10%, #2b1857 100%) !important;
  background-size: cover !important;
  /* background-color: #cccaca !important; */

}
.wrapper {
  background-color: #ffe6df;

}

/* Specific h4 heading styles */
.heading-container {
  padding: 20px 40px; /* Increased padding for more space around the text */
  margin: 20px auto; /* Increased margin for more space around the container */
  display: block; /* Ensures the container stretches across */
  border-radius: 30px; /* Slightly more rounded edges for a softer capsule effect */
  text-align: center; /* Centers text */
  max-width: 95%; /* Slightly wider maximum width to make the container larger */
}




/* Applying Montserrat font and specific styles */
h1 {
  font-family: 'Montserrat', sans-serif;
  color: #bdbdbd;
  font-weight: 600;
  font-size: 24px;
  background-image: linear-gradient(to right, #0000ff, #3333ff, #6666ff, #9999ff);

  color: #fff;
  padding: 10px;
  line-height: 1.7em;
  box-shadow: 0 2px 10px 0 #cac9c9;
  text-align: left;
  user-select: none;
  cursor: pointer;
  border-left: 20px solid rgb(3, 7, 252);
  border-radius: 1rem;

}

h4 {
  font-family: 'Montserrat', sans-serif;
  color: #bdbdbd;
  font-weight: 600;
  font-size: 18px;
  background-image: linear-gradient(to right,  #3333ff, #6666ff, #9999ff);

  color: #fff;
  padding: 10px;
  line-height: 1.7em;
  box-shadow: 0 2px 10px 0 #cac9c9;
  text-align: left;
  user-select: none;
  cursor: pointer;
  border-left: 20px solid rgb(3, 7, 252);
  border-radius: 1rem;
  }

/* Container that holds the buttons to ensure horizontal layout */
/* Ensuring the container flexes correctly */
/* Container that holds the buttons to ensure horizontal layout */
.button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

/* Basic button styling with vertical layout */
.btn-primary {
  padding: 0 20px;
  height: 48px;
  background-color: #6666ff;
  color: white;
  border: 1px solid #111;
  border-radius: 8px;
  display: inline-flex;
  flex-direction: column; /* Stacks items vertically */
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3); /* Initial shadow for depth */
  border-radius: 2rem;
}

/* Pseudo-element for additional shadow and 3D effect */
.btn-primary::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 10px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0 0 8px 8px;
  transition: top 0.3s ease;
  z-index: -1;
}

.btn-primary:hover::after {
  top: 90%;
}

.btn-primary:active {
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.btn-primary:hover {
  color: #fff;
  transform: translateY(-2px);
}




@media (min-width: 768px) {
  .btn-primary {
    padding: 0 40px; /* Larger padding for wider screens */
  }
}


@media (min-width: 768px) {
  .btn-primary {
    padding: 0 40px;
  }
}




/* Sidebar Brand Text Styling */
.sidebar-brand-text.mx-3 {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 5px;
  transition: all 0.4s ease;
}

.sidebar-brand-text.mx-3 span {
  display: block;
  font-size: 0.5em;
  line-height: 1.3;
}

.sidebar-brand-text.mx-3 em {
  font-style: normal;
  font-weight: 600;
}

/* Decorative Elements */
.sidebar-brand-text.mx-3:before {
  width: 20px;
  height: 3px;
  display: block;
  content: "";
  position: absolute;
  bottom: 3px;
  left: 50%;
  margin-left: -10px;
  background-color: #fff;
}

.sidebar-brand-text.mx-3:after {
  width: 100px;
  height: 1px;
  display: block;
  content: "";
  position: relative;
  margin-top: 10px;
  left: 50%;
  margin-left: -50px;
  background-color: #fff;
}


.sidebar .nav-item .nav-link {
  width: 100% !important;
}

.btn-info {
  background-color: #ff1d7f;
  border-color: #ff1d7f;
}

.btn-success {
  background-color: #7e13d3;
  border-color: #7e13d3;
}

.text-gray-800{
    color: #efedfa !important;
}