* {
	margin: 0px; 
	box-sizing: border-box;
}
/*//////////////////////////////////////////////////////////////////
[ FONT ]*/
@font-face {
    font-family:Arial Rounded MT Bold;
    src: url('fonts/Arial Rounded MT Bold.ttf'); 
  }
@font-face {
    font-family: Poppins-Regular;
    src: url('fonts/Poppins-Regular.ttf'); 
  }
  
  @font-face {
    font-family: Poppins-Medium;
    src: url('fonts/Poppins-Medium.ttf'); 
  }
  
  @font-face {
    font-family: Poppins-Bold;
    src: url('fonts/Poppins-Bold.ttf'); 
  }
  
  @font-face {
    font-family: 'Material-Design-Iconic-Font';
    src: url('fonts/Material-Design-Iconic-Font.woff?v=2.2.0') format('woff');
    font-weight: normal;
    font-style: normal;}
      
@font-face{font-family:'FontAwesome';
    src:url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype');
    font-weight:normal;
    font-style:normal}  

    @font-face{font-family:'fa-solid-900';
      src:url('fonts/fa-solid-900.ttf?v=772.00') format('truetype');
      font-weight:normal;
      font-style:normal}  
  /*//////////////////////////////////////////////////////////////////
  [ RESTYLE TAG ]*/

  a {
      font-family: Poppins-Regular;font-size: 14px;line-height: 1.7;color: #fbfafa;text-decoration:none;
      background-color:transparent;-webkit-text-decoration-skip:objects;transition: all 0.4s;-webkit-transition: all 0.4s;
    -o-transition: all 0.4s;-moz-transition: all 0.4s;}
  
  a:focus {
      outline: none !important;
  }
  
  a:hover {
      text-decoration: none;
    color: #a64bf4;
  }
  
  
  p {
      font-family: Poppins-Regular;
      font-size: 14px;
      line-height: 1.7;
      color: #666666;
      margin: 0px;
  }

  /*---------------------------------------------*/
  input {
      outline: none;
      border: none;
  }
  
  textarea {
    outline: none;
    border: none;
  }
  
  textarea:focus, input:focus {
    border-color: transparent !important;
  }
  
  input:focus::-webkit-input-placeholder { color:transparent; }
  input:focus:-moz-placeholder { color:transparent; }
  input:focus::-moz-placeholder { color:transparent; }
  input:focus:-ms-input-placeholder { color:transparent; }
  
  textarea:focus::-webkit-input-placeholder { color:transparent; }
  textarea:focus:-moz-placeholder { color:transparent; }
  textarea:focus::-moz-placeholder { color:transparent; }
  textarea:focus:-ms-input-placeholder { color:transparent; }
  
  input::-webkit-input-placeholder { color: #adadad;}
  input:-moz-placeholder { color: #adadad;}
  input::-moz-placeholder { color: #adadad;}
  input:-ms-input-placeholder { color: #adadad;}
  
  textarea::-webkit-input-placeholder { color: #adadad;}
  textarea:-moz-placeholder { color: #adadad;}
  textarea::-moz-placeholder { color: #adadad;}
  textarea:-ms-input-placeholder { color: #adadad;}
  
  /*---------------------------------------------*/
  button {
      outline: none !important;
      border: none;
      background: transparent;
  }
  
  button:hover {
      cursor: pointer;
  }
  
  iframe {
      border: none !important;
  }
  
  /*//////////////////////////////////////////////////////////////////
  [ Utility ]*/

  .txt2 {
    font-family: Poppins-Regular;
    font-size: 14px;
    line-height: 1.5;
    color: #333333;
    text-transform: uppercase;
  }
  
  /*//////////////////////////////////////////////////////////////////
  [ login ]*/
  .limiter {
    width: 100%;
    margin: 0 auto;
  }
  
  .container-login100 {
    width: 100%;  
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .container-login1002 {
    width: 100%;  
    min-height: 200vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 auto;
  }
  .container-login1001 {
    width: 100%;  
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #E8E8E8;
    padding: 4px;  
  }

  .wrap-login100 {
    width: 500px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding-left: 55px;
    padding-right: 54px;
    padding-top: 54px;
    padding-bottom: 54px;
  }

  
  /*------------------------------------------------------------------
  [ Form ]*/
  
  .login100-form {width: 100%;}
  
  .login100-form-title {display: block;font-family: Poppins-Bold;font-size: 39px;color: #333333;line-height: 1.2;text-align: center;padding-bottom: 49px;}
  .login100-form-title1 {display: block;font-family: Poppins-Bold;font-size: 26px;color: #333333;line-height: 1.2;text-align: center;padding-bottom: 49px;}
  
  .Forgot_password {text-align: right;padding-top: 8px;padding-bottom: 31px;}
  
  .sign {font-family: Poppins-Regular;font-size: 14px;line-height: 1.5;color: #666666;
         text-align: center;padding-top: 54px;padding-bottom: 20px;}
.flex-c-m {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;
            justify-content: center;-ms-align-items: center;align-items: center;}       
.login100-social-item {font-size: 25px;color: #fff;display: -webkit-box;display: -webkit-flex;display: -moz-box;
    display: -ms-flexbox;display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;
    border-radius: 50%;margin: 5px;}
.login100-social-item:hover {color: #fff;background-color: #333333;}     
.bg1 {background-color: #3b5998}
.bg2 {background-color: #1da1f2}
.bg3 {background-color: #ea4335}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.fa_inr{display: flex;justify-content: center; font:normal normal normal 14px/1 FontAwesome;font-size: medium;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left: 3px;margin-right: 3px;}
.fas{display: grid;justify-content: center; font:normal normal normal 14px/1 fa-solid-900;font-size:28px;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color: #ccc5c5;}
.wallet_font{display: grid; justify-content: center; font-size: 16px;}
.fa-facebook:before{content:"\f09a";}
.fa-twitter:before{content:"\f099";}
.fa-google:before{content:"\f1a0";}
.fa-wallet:before{content:"\f555";}
.inr:before{content:"\F156";}
.flex-col-c {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;
	-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;
	flex-direction: column;-ms-align-items: center;align-items: center;padding-top: 155px;}
.txt1 {font-family: Poppins-Regular;font-size: 14px;line-height: 1.5;color: #666666;padding-bottom: 17px;}    
.txt2 {font-family: Poppins-Regular;font-size: 16px;line-height: 1.5;color: #333333;text-transform: uppercase;}
    
  
  /*------------------------------------------------------------------
  [ Input ]*/
  
  .wrap-input100 {width: 100%;position: relative;border-bottom: 2px solid #d9d9d9;margin-bottom: 23px;}
  
  .label-input100 {font-family: Poppins-Regular;font-size: 14px;color: #333333;line-height: 1.5;padding-left: 7px;}
  
  .input100 {font-family: Poppins-Medium;font-size: 16px;color: #333333;line-height: 1.2;display: block;width: 100%;height: 55px;background: transparent;padding: 0 7px 0 43px;}
  
  /*---------------------------------------------*/
  .focus-input100 {position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;}
  
  .focus-input100::after {
    content: attr(data-symbol);
    font-family: Material-Design-Iconic-Font;
    color: #adadad;
    font-size: 22px;
  
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: calc(100% - 20px);
    bottom: 0;
    left: 0;
    padding-left: 13px;
    padding-top: 3px;
  }
  
  .focus-input100::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: #7f7f7f;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
  }
  
  
  .input100:focus + .focus-input100::before {
    width: 100%;
  }
  
  .has-val.input100 + .focus-input100::before {
    width: 100%;
  }
  
  .input100:focus + .focus-input100::after {
    color: #a64bf4;
  }
  
  .has-val.input100 + .focus-input100::after {
    color: #a64bf4;
  }
  
  
  /*------------------------------------------------------------------
  [ Button ]*/
  .container-login100-form-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .wrap-login100-form-btn {
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
    border-radius: 25px;
    overflow: hidden;
    margin: 0 auto;
  
    box-shadow: 0 5px 30px 0px rgba(3, 216, 222, 0.2);
    -moz-box-shadow: 0 5px 30px 0px rgba(3, 216, 222, 0.2);
    -webkit-box-shadow: 0 5px 30px 0px rgba(3, 216, 222, 0.2);
    -o-box-shadow: 0 5px 30px 0px rgba(3, 216, 222, 0.2);
    -ms-box-shadow: 0 5px 30px 0px rgba(3, 216, 222, 0.2);
  }
  
  .login100-form-bgbtn {
    position: absolute;
    z-index: -1;
    width: 300%;
    height: 100%;
    background: #a64bf4;
    background: -webkit-linear-gradient(right, #00dbde, #fc00ff, #00dbde, #fc00ff);
    background: -o-linear-gradient(right, #00dbde, #fc00ff, #00dbde, #fc00ff);
    background: -moz-linear-gradient(right, #00dbde, #fc00ff, #00dbde, #fc00ff);
    background: linear-gradient(right, #00dbde, #fc00ff, #00dbde, #fc00ff);
    top: 0;
    left: -100%;
  
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
  }
  
  .login100-form-btn {
    font-family: Poppins-Medium;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
  
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    height: 50px;
    cursor: pointer;
  }
  
  .wrap-login100-form-btn:hover .login100-form-bgbtn {
    left: 0;
  }
  
  
  /*------------------------------------------------------------------
  [ Alert validate ]*/
  
  .validate-input {position: relative;}
  
  .error_message{
    position: absolute;
    max-width: 70%;
    background-color: #fff;
    border: 1px solid #c80000;
    border-radius: 2px;
    padding: 4px 2px 4px 1px;
    bottom: calc((100% + 30px) / 2);
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    right: 2px;
    pointer-events: none;
  
    font-family: Poppins-Regular;
    color: #c80000;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
.password_error_message{
  position: absolute;
    max-width: 70%;
    background-color: #fff;
    border: 1px solid #c80000;
    border-radius: 2px;
    padding: 2px 2px 2px 2px;
    bottom: calc((100% - 98px) / 2);
    left: calc((100% - 260px) / 2);
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    pointer-events: none;
  
    font-family: Poppins-Regular;
    color: #c80000;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
.change_password_error_message{
   position: absolute;
  max-width: 70%;
  background-color: #fff;
  border: 1px solid #c80000;
  border-radius: 2px;
  padding: 2px 2px 2px 2px;
  bottom: calc((100% + 6px ) / 2);
  left: calc((100% + 114px) / 2);
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
  pointer-events: none;

  font-family: Poppins-Regular;
  color: #c80000;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.form_save_error{border: 2px solid black;border-radius: 10px;position: absolute;left: 450px; background-color: red;color: white;font-size: large;text-align: center;padding: 50px;margin-bottom: 5px;}
.header2{display: flex;width: 100%;position: relative;top: 0px; background-color: #000002;padding-left: 5px;padding-right: 5px;justify-content: center;}
.headerbox{width: auto;padding-left: 8px;padding-right: 8px; font-size: 18px;text-align: center;background-color: #0930af;margin-left: 2px;color: #fffdfd;}
.headerbox:hover{background-color: #a2caf8;cursor: pointer;}
.admin_container1{width: 78%;}
.admin_container2{width: 22%;justify-content: right;display: flex;}
.add_item_menu{width: 76%; position: absolute;top: 110px; background-color: #c5defa;border-radius: 5px;padding: 20px; visibility: hidden;}
.add_item_head{display: flex;width: 100%;position: relative; justify-content: center;}
.add_item_container{display: flex;width: 100%;position: relative; justify-content: center;}
.add_item_price_box{display: grid;text-align: center; width: 22%;position: relative;margin: 6px; padding: 5px; border: 1px solid #000102;border-radius: 5px;}
.add_item_visibility_container{display: grid;width: 40%;position: relative; justify-content: center; border: 1px solid #000102;border-radius: 5px;text-align: center;}
.add_item_visibility_box{display: inline-flex;text-align: center; width: 100%;position: relative;margin: 6px; padding: 5px; border: 1px solid #000102;border-radius: 5px;}
.add_item_visibility_box input{margin-left: 5px;}
.add_item_img{display: flex;width: 22%;position: relative;top: 5px;margin: 6px; padding: 5px; border: 1px solid #000102;border-radius: 5px;}
.item_name{display: flex; margin-top: 18px; width: 60%;position: relative; border-radius: 5px;border: 1px solid black;padding: 5px;font-family: Poppins-Medium;font-size: 16px;justify-content: center;}
.item_name input{margin-left: 5px;background-color: transparent; width: 82%;font-family: Poppins-Medium;font-size: 16px;line-height: 1.2;}
.item_name ::placeholder{color: #a7a6a6;}
.item_bar_container{display: flex;padding: 5px; align-self: flex-start; width: 40%; background-color: white;border: 2px solid black;border-radius: 10px;}
.item_main_container{width: 100%;display: grid;justify-items: center;}
.item_bar_container1{display: flex;padding: 3px; align-self: flex; width: 100%; background-color: white;border: 2px solid black;border-radius: 10px;margin-bottom: 5px;}
.item_main_image{height: 74px; cursor: pointer;display: block;border: 1px solid rgb(7, 7, 7);border-radius: 10px;}
.item_main_image:hover{border:2px solid rgb(252, 201, 32);opacity: 1;}
.item_container{width: 20%;background-color: white;position:relative;cursor: pointer; text-align: center;display: grid;margin-right: 12px;margin-bottom: 12px;}
.item_container_home{width: 24%;background-color: white;position:relative;cursor: pointer; text-align: center;display: grid;margin: 6px;}
.item_container_home img{width: 100%;}
.item_container img{width: 100%;}
.item_container1{width: 45%;text-align: center;display: grid;}
.item_p_c{display: flex;width: 100%;}
.item_p_c_2{display: flex;width: 100%;}
.item_p_c_1{display: flex;cursor: pointer;margin-bottom: 5px; width: 50%;font-weight: lighter; justify-content: left; align-items: center;padding-left: 10px;margin-left: 5px;}
.item_p_c_1 input{margin-left: -20px;margin-top: 8px;}
.item_visibility_container{display: grid;margin-left: 5px; background-color: #eef4f8;width: 45%;border-radius: 10px ;border: 1px solid black;justify-content: center;overflow: hidden;text-align: center;}
.save_quit_con{text-align: right;display: flex;justify-content: right;padding-right: 10px;}
.save_btn{background-color: #d2dbcc;width: 100px;cursor: pointer; font-weight: bold; text-align: center;color: #000;margin-right: 8px;box-shadow: 2px 2px rgb(190, 190, 190), -.1em 0 .2em rgb(240, 237, 236);}
.quit_btn{background-color: #d2dbcc;width: 100px;cursor: pointer; font-weight: bold; text-align: center;color: #000;justify-self: right;box-shadow: 2px 2px rgb(190, 190, 190), -.1em 0 .2em rgb(240, 237, 236);}
/* sales menu */
.sales_menu{width: 76%;height:600px; position: absolute;top: 110px; background-color: #c5defa;border-radius: 5px;padding: 20px; visibility:hidden;}
.sales_box{width: 25%;display: flexbox;padding: 5px;margin: 10px;}
.sales_box input{background-color: transparent;font-weight: bold;font-size: 14px;width: 88px;}
.mat_box_cont{display: flexbox;margin: 10px;padding: 5px;}
.party_box{width: 45%;padding: 5px; margin: 10px;font-size: 16px;}
.party_box input{margin-left: 5px;width: 80%;font-size: 14px;font-weight: bold;padding: 3px;text-transform: capitalize;}
.search_re{background-color: white;width: 350px;height: auto; position: absolute;z-index: 9999;top: 45px;left: 93px;border: 1px solid black;display: grid;visibility: hidden;}
.party_name_co{padding-left: 5px;overflow: hidden;cursor: pointer;}
.item_name_co{padding-left: 5px;overflow: hidden;cursor: pointer;}
.item_search{width: 100%;font-size: 16px;font-weight: bold;background-color: transparent;padding: 5px;color: #000;} 
.search_item_box{background-color: white;width: 393px;height: auto; position: absolute;z-index: 9999;top: 220px;left: 70px;border: 1px solid black;display: grid;visibility: hidden;}
.search_item_box2{background-color: white;width: 393px;height: auto; position: absolute;z-index: 9999;top: 220px; right: 70px;border: 1px solid black;display: grid;visibility: visible;}
.total_amount_cont{display: flex;justify-content: right;margin-right: 10px;font-size: 20px;font-weight: bolder;}
.invalid_data_con{width: 300px;height: 140px;position: relative;left: 400px;top: -360px; align-self: center; background-color: #fcdfdf;justify-content: center;border: 1px solid black;text-align: center;visibility: hidden;}
.invalid_data{display: flexbox; background-color: #fa6b32;text-align: left; color: white;padding-left: 10px;border-bottom: 1px solid black;}
.stop{width: 50px;background-color: #800707;color: white;margin-top: 22px;margin-left: 10px; height: 22px;}
.stop:after{width: 22px;height: 0px;position: absolute;top: 34px;left: 10px; content: ''; border-bottom: 14px solid #800707; border-left: 14px solid transparent;border-right: 14px solid transparent;} 
.stop:before{width: 22px;height: 0; position: absolute;top: 70px;left: 10px; content: '';border-top: 14px solid #800707;border-left: 14px solid transparent;border-right: 14px solid transparent;} 
.invalid_item_name{margin-top: -25px;margin-left: 60px;}
.x{font-family: Arial Black; position: absolute;right: 5px;top: 2px; background-color: #fa6b32;color: white;font-weight:bolder;cursor: pointer; font-size: 12px; border: 1px solid white;padding-left: 4px;padding-right: 4px; text-align: center;justify-self: center;}
.ok{font-weight: bold; background-color: #e6e4e4;border: 1px solid black;width: 60px;padding: 3px;position: relative;left: 230px;top: 30px;font-family: Arial, Helvetica, sans-serif;}
.ok div{border: 1px solid black;border-style:dotted;cursor: pointer;}
.qty {font-weight: bolder;font-size: 16px; width: 76px;}
.price{font-weight: bolder;font-size: 16px; width: 170px;text-align: right;}
.amount{font-weight: bolder;font-size: 16px; width: 170px;text-align: right;}
/* end sales menu */
/* purchage menu */
.purchase_menu{width: 76%;height:600px; position: absolute;top: 110px; background-color: #c5defa;border-radius: 5px;padding: 20px; visibility:hidden;}
.purchase_box{width: 25%;display: flexbox;padding: 5px;margin: 10px;}
.purchase_box input{background-color: transparent;font-weight: bold;font-size: 14px;width: 88px;}
.p_mat_box_cont{display: flexbox;margin: 10px;padding: 5px;}
.p_party_box{width: 45%;padding: 5px; margin: 10px;font-size: 16px;}
.p_party_box input{margin-left: 5px;width: 80%;font-size: 14px;font-weight: bold;padding: 3px;text-transform: capitalize;}
.p_search_re{background-color: white;width: 350px;height: auto; position: absolute;z-index: 9999;top: 45px;left: 93px;border: 1px solid black;display: grid;visibility: hidden;}
.p_party_name_co{padding-left: 5px;overflow: hidden;cursor: pointer;}
.p_item_name_co{padding-left: 5px;overflow: hidden;cursor: pointer;}
.p_item_search{width: 100%;font-size: 16px;font-weight: bold;background-color: transparent;padding: 5px;color: #000;} 
.p_search_item_box{background-color: white;width: 393px;height: auto; position: absolute;z-index: 9999;top: 220px;left: 70px;border: 1px solid black;display: grid;visibility: hidden;}
.search_item_box2{background-color: white;width: 393px;height: auto; position: absolute;z-index: 9999;top: 220px; right: 70px;border: 1px solid black;display: grid;visibility: visible;}
.p_total_amount_cont{display: flex;justify-content: right;margin-right: 10px;font-size: 20px;font-weight: bolder;}
.invalid_data_con{width: 300px;height: 140px;position: relative;left: 400px;top: -360px; align-self: center; background-color: #fcdfdf;justify-content: center;border: 1px solid black;text-align: center;visibility: hidden;}
.invalid_data{display: flexbox; background-color: #fa6b32;text-align: left; color: white;padding-left: 10px;border-bottom: 1px solid black;}
.stop{width: 50px;background-color: #800707;color: white;margin-top: 22px;margin-left: 10px; height: 22px;}
.stop:after{width: 22px;height: 0px;position: absolute;top: 34px;left: 10px; content: ''; border-bottom: 14px solid #800707; border-left: 14px solid transparent;border-right: 14px solid transparent;} 
.stop:before{width: 22px;height: 0; position: absolute;top: 70px;left: 10px; content: '';border-top: 14px solid #800707;border-left: 14px solid transparent;border-right: 14px solid transparent;} 
.invalid_item_name{margin-top: -25px;margin-left: 60px;}
.x{font-family: Arial Black; position: absolute;right: 5px;top: 2px; background-color: #fa6b32;color: white;font-weight:bolder;cursor: pointer; font-size: 12px; border: 1px solid white;padding-left: 4px;padding-right: 4px; text-align: center;justify-self: center;}
.ok{font-weight: bold; background-color: #e6e4e4;border: 1px solid black;width: 60px;padding: 3px;position: relative;left: 230px;top: 30px;font-family: Arial, Helvetica, sans-serif;}
.ok div{border: 1px solid black;border-style:dotted;cursor: pointer;}
.p_qty {font-weight: bolder;font-size: 16px; width: 76px;}
.p_price{font-weight: bolder;font-size: 16px; width: 170px;text-align: right;}
.p_amount{font-weight: bolder;font-size: 16px; width: 170px;text-align: right;}
/* end purchage menu */
/* payment menu */
.payment_menu{width: 76%;height:270px; position: absolute;top: 110px; background-color: #fdfac6;border-radius: 5px;padding: 20px; visibility:hidden;}
.payment_box{width: 25%;display: flexbox;padding: 5px;margin: 10px;text-align: center;}
.payment_box input{background-color: transparent;font-weight: bold;font-size: 14px;width: 88px;}
.pay_party_name_co{padding-left: 5px;overflow: hidden;cursor: pointer;}
.payment_p_search{width: 100%;font-size: 16px;font-weight: bold;background-color: transparent;padding: 5px;color: #000;} 
.pay_search_item_box{background-color: white;width: 393px;height: auto; position: absolute;z-index: 9999;top: 158px;left: 120px;border: 1px solid black;display: grid;visibility: hidden;}
.invalid_data_con{width: 300px;height: 140px;position: relative;left: 400px;top: -360px; align-self: center; background-color: #fcdfdf;justify-content: center;border: 1px solid black;text-align: center;visibility: hidden;}
.invalid_data{display: flexbox; background-color: #fa6b32;text-align: left; color: white;padding-left: 10px;border-bottom: 1px solid black;}
.stop{width: 50px;background-color: #800707;color: white;margin-top: 22px;margin-left: 10px; height: 22px;}
.stop:after{width: 22px;height: 0px;position: absolute;top: 34px;left: 10px; content: ''; border-bottom: 14px solid #800707; border-left: 14px solid transparent;border-right: 14px solid transparent;} 
.stop:before{width: 22px;height: 0; position: absolute;top: 70px;left: 10px; content: '';border-top: 14px solid #800707;border-left: 14px solid transparent;border-right: 14px solid transparent;} 
.invalid_item_name{margin-top: -25px;margin-left: 60px;}
.x{font-family: Arial Black; position: absolute;right: 5px;top: 2px; background-color: #fa6b32;color: white;font-weight:bolder;cursor: pointer; font-size: 12px; border: 1px solid white;padding-left: 4px;padding-right: 4px; text-align: center;justify-self: center;}
.ok{font-weight: bold; background-color: #e6e4e4;border: 1px solid black;width: 60px;padding: 3px;position: relative;left: 230px;top: 30px;font-family: Arial, Helvetica, sans-serif;}
.ok div{border: 1px solid black;border-style:dotted;cursor: pointer;}
.payment_dc{font-weight: bolder;font-size: 16px;width: 100%;cursor: pointer;text-align: center;text-transform: capitalize;}
.payment_p_name{font-weight: bolder;font-size: 16px;width: 100%;padding-left: 5px;overflow: hidden;cursor: pointer;}
.payment_dedit{font-weight: bolder;font-size: 16px;width: 100%;padding-left: 5px;overflow: hidden;cursor: pointer; }
.payment_credit{font-weight: bolder;font-size: 16px;text-align: right;width: 100%;padding-left: 5px;overflow: hidden;cursor: pointer;}
.payment_narration{font-weight: bolder;font-size: 16px;width: 100%;padding-left: 5px;overflow: hidden;cursor: pointer;}
/* end payment menu */
/* receipt menu */
.receipt_menu{width: 76%;height:270px; position: absolute;top: 110px; background-color: #fdfac6;border-radius: 5px;padding: 20px; visibility:hidden;}
.receipt_box{width: 25%;display: flexbox;padding: 5px;margin: 10px;text-align: center;}
.receipt_box input{background-color: transparent;font-weight: bold;font-size: 14px;width: 88px;}
.receipt_dc{font-weight: bolder;font-size: 16px;width: 100%;cursor: pointer;text-align: center;text-transform: capitalize;}
.receipt_p_name{font-weight: bolder;font-size: 16px;width: 100%;padding-left: 5px;overflow: hidden;cursor: pointer;}
.receipt_dedit{font-weight: bolder;font-size: 16px;width: 100%;padding-left: 5px;overflow: hidden;cursor: pointer; }
.receipt_credit{font-weight: bolder;font-size: 16px;text-align: right;width: 100%;padding-left: 5px;overflow: hidden;cursor: pointer;}
.receipt_narration{font-weight: bolder;font-size: 16px;width: 100%;padding-left: 5px;overflow: hidden;cursor: pointer;}
/* end receipt menu */
/* journal menu */
.journal_menu{width: 76%;height:270px; position: absolute;top: 110px; background-color: #d4fdda;border-radius: 5px;padding: 20px; visibility:hidden;}
.journal_box{width: 25%;display: flexbox;padding: 5px;margin: 10px;text-align: center;}
.journal_box input{background-color: transparent;font-weight: bold;font-size: 14px;width: 88px;}
.journal_dc{font-weight: bolder;font-size: 16px;width: 100%;cursor: pointer;text-align: center;text-transform: capitalize;}
.journal_p_name{font-weight: bolder;font-size: 16px;width: 100%;padding-left: 5px;overflow: hidden;cursor: pointer;}
.journal_dedit{font-weight: bolder;font-size: 16px;width: 100%;padding-left: 5px;overflow: hidden;cursor: pointer; }
.journal_credit{font-weight: bolder;font-size: 16px;text-align: right;width: 100%;padding-left: 5px;overflow: hidden;cursor: pointer;}
.journal_narration{font-weight: bolder;font-size: 16px;width: 100%;padding-left: 5px;overflow: hidden;cursor: pointer;}
/* end journal menu */
/* start ledger menu */
.ledger_menu{width: 86%;height:auto; position: absolute;top: 110px; background-color: #f8a334;border-radius: 5px;padding: 20px; visibility:hidden;}
.ledger_party_name{width: 300px;margin-left: 5px;font-size: medium;font-weight: bold;}
.ledger_date{width: 100px;font-size: medium;font-weight: bold;}
.closing_bal{margin-left: 50px;}
.ledger_name_box{background-color: white;width: 300px;height: auto; position: absolute;z-index: 9999;top: 50px;left: 130px;border: 1px solid black;display: grid;visibility: hidden;}
#total_balance{visibility: hidden;}
/* end ledger menu */
/* start attendance menu */
.attendance_menu{width: 76%;height:auto; position: absolute;top: 110px; background-color: #fadf67; border-radius: 5px;padding: 20px;visibility:hidden;}
.employee_name{width: 200px;margin-left: 5px;font-size: medium;font-weight: bold;}
.employee_date{width: 100px;margin-left: 5px;font-size: medium;font-weight: bold;}
.employee_date::placeholder{font-size: smaller;}
.employee_name_box{background-color: white;width: 231px;height: auto; position: absolute;z-index: 9999;top: 50px;left: 166px;border: 1px solid black;display: grid;visibility: hidden;}
#emp_total_amount{color: white;font-size: 18px;}
/* end attendance menu */

.navbar{width: 90%;position: relative;border-radius: 10px;}
.user_profile_photo{width: 60px; height:60px;border-radius:100%;display: block; align-content: center;border:2px solid white ;}
.user_arrow::after{content: attr(data-symbol);
    font-family: Material-Design-Iconic-Font;
    color: #f8f3f3;
    font-size: 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: calc(100%);
    bottom: 0;
    left: 77px;
  }
.navbar:hover{background-color: #33383b;}
.navbar a{color: #010300;width: 180px;text-align: center;text-transform: uppercase;transition: all 0.2s ease;}
.navbar .dd_menu ul li:hover,
.navbar .dd_menu ul li:active{background: #ebeaeb;}
.dd_menu{width: 240px;padding: 5px; position: absolute;top: 80px;left: -160px;visibility: hidden; background-color: white;border-radius: 8px;}
.dd_menu ul li{position: relative;left: -40px; width: 230px;border-bottom: 2px solid #dad5d5; list-style-type: none;}
.dd_menu_a{width: 240px;}
.dd_menu ul li a{ width:230px;margin-left: 40px; background: transparent;text-align: left;padding: 10px 2px;display: flex;}
.navbar .dd_menu::before{
  content: "";position: absolute;top: -30px;left: 80%;transform: translateX(-50%);z-index: 1;border: 15px solid;
  border-color: transparent transparent white transparent;
}
.focus-input100_1::after {
  content: attr(data-symbol);
  font-family: Material-Design-Iconic-Font;
  color: #adadad;
  font-size: 22px;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: calc(100% - 2px);
  bottom: 0;
  left: 0;
  padding-left: 13px;
  padding-top: 0px;
}
.focus-input100_2::after {
  content: attr(data-symbol);
  font-family: Material-Design-Iconic-Font;
  color: #adadad;
  font-size: 26px;
  float: left;
  margin-right: 20px;
}
.profile_photo_container{display: flex;align-items: center;justify-content: center;padding-bottom: 30px;}
.profile_photo{width: 200px; height: 200px; border-radius:100%;}
.container-login100-form-btn1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-left: 10px;
}
.error_message2{
  position: relative;
  max-width: 90%;
  background-color: #f9f9f9;
  border: 1px solid #c80000;
  border-radius: 2px;
  padding: 4px 3px 4px 3px;
  bottom: calc((100% + 30px) / 2);
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
  left: 2px;
  pointer-events: none;

  font-family: Poppins-Regular;
  color: #c80000;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.attendancetab{background-color: rgb(218, 87, 189);width:90%; border-radius:25px;text-align: center;justify-content: center;margin-left: 8px;margin-top: 45px;}

.attendeance{background-color: #fadf67;width: 150px;height: fit-content;border-radius: 5px;text-align: center; justify-content: center;
  align-items: center;}
.attendeance_btn{background-color: transparent;width:100%; border-radius:25px;text-align: center;justify-content: center;}
.attendeance_btn_green{background-color: #6ec004;width:100%; border-radius:25px;text-align: center;justify-content: center;}
.contenor_attendeance_btn{width: 100%;padding:5px 10px;display: grid;}

body{font-family:Poppins-Regular,sans-serif; padding-top:74px;}
#header{position:fixed;top:0px;left: 0px;width:100% ;z-index: 9999;}
.searchbar{ border: 02px solid #ffffff;padding: 3px;border-radius: 10px;}
.main input{border: none;outline: none; background:transparent; color: rgb(255, 255, 255);font-size: 20px;}
.new_product{position:relative;top:0px;left: 0px; list-style-type: none;padding: 0;border:12px solid #9b9a9a ;object-fit: cover;}
.new_icon{position:absolute;top:0px;left: 0px;}


.form{width:500px;height: 580px; background-color:rgb(50, 190, 245);position: relative;margin-top: 10px;margin-left: 30%; border-radius: 20px;}
.form input{ width: 300px;padding: 8px;position:relative;margin-top: 20px;margin-left:0px; }
.storebrow {background-color: #c5e07a;width: 320px;border-radius: 10px;margin-top: 15px;padding: 10px;}
.form textarea{width: 320px;font-size: 16px;}
.item_information_cont{width: 100%;display: flex;margin-top: 15px;}
.item_info{display: flex;justify-content: center;margin-top: 15px;margin-left: 20px;margin-right: 20px;margin-bottom: 10px; background-color: #6E9E37;}
.item_first_colume{width: 50%;margin-left: 20px;display: grid;}
.item_image_cont{width: 100%;display: flex;}
.video_cont{width: 100%;margin-top: 10px;}
.small_img_cont{display:grid;width: 20%;}
.small_img_cont img{width: 100%;margin-top: 5px;cursor: pointer;border: 1px solid rgb(7, 7, 7);border-radius: 10px;overflow: hidden;}
.small_img_cont img:hover{border:2px solid rgb(252, 201, 32);opacity: 1;}
.img_container{width: 80%;display: flex;margin-left: 10px;}
.img_container img{width: 100%;}
.item_second_colume{width: 50%;margin-left: 10px;margin-right: 20px;display: grid; justify-content: center;}
.table_tital{width: 100%;height: auto;}
.table_tital h3{display: flex;border: 2px solid black;border-bottom: none; background-color: #ABEB57;padding: 6px; justify-content: center;}
.item_second_colume img{width: 100%;border: 2px solid black;}
.baynow_cont{width: 100%;display: flex; justify-content: center;}
.baynow {display: flexbox;margin-top: 30px;padding-top: 5px;padding-left: 20px;padding-right: 20px; border-radius:20px;background-color: #f7cb0a;height: 40px;}
.baynow a{font-size: 18px;font-weight: bold;}





@media screen and (min-width:751px)  and (max-width:1022px) {
  
.nagi_logo{width:150px;position:relative;top: 0px; left: 10px;}
.first_colume{display:block; width: 100%;padding: 0px;}
.second_colume{display: grid;width: 50%;padding: 0px;}
.Product_information{margin-top: 5px;border-spacing:5px;}
.item_container_home{width: 32%;background-color: white;position:relative;cursor: pointer; text-align: center;display: flexbox;margin: 4px;}
.item_container_home img{width: 100%;}
.img_container{width: 80%;display: flex;margin-left: 10px;}
.product_info_video{width:100%;}
.form{display:flexbox;margin-left: auto;margin-right: auto;}
}

@media screen and (min-width:595px) and (max-width:750px) {
    #header table{margin-left:5px;}
    
    .contecttab{margin-right: 10px;}
    
    .hometab{margin-right: 60px;}
    .main input{border: none;outline: none; background:transparent;font-size:18px;width:200px;}
#about{position:relative;left: 0px;top:0px;}
.info{height: 450px;}
.info font{font-size:16px;position: absolute;left:20px;top: 140px;margin-right: 20px;}
.nagi_logo{width:200px;vertical-align: middle;margin-left: 120px;margin-top: 150px;}
.first_colume{display:block; width: 100%;padding: 0px;}
.second_colume{display: grid;width: 100%;padding: 0px;}
.Product_information{margin-top: 5px;border-spacing:5px;}
.Technical_Details td font{font-size: 12px;}
.item_container_home{width: 48%;background-color: white;position:relative;cursor: pointer; text-align: center;display: flexbox;margin: 5px;}
.item_container_home img{width: 100%;}
.img_container img{width:78%;position:absolute;margin-top:-82%;margin-left:21%;}
.product_info_video{width:100%;}
.form{display:flexbox;margin-left: auto;margin-right: auto;}
}

@media screen and (min-width:351px) and (max-width:594px){
   #header table{margin-left: 5px;}
   .logo{width: 30px;}
    .fontnagi{width: 100px;vertical-align: middle;}
   .user_profile_photo{width: 56px; height:56px;border-radius:100%;display: block; align-content: center;border:1px solid white ;}
    .attendancetab{position: relative; margin-right: 35px;}

    .hometab{position: relative;left: -5px;}
    .validate-input{right: 20px;}
    .fas{display: grid;justify-content: center; font:normal normal normal 14px/1 fa-solid-900;font-size:28px;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color: #ccc5c5;}
    .wallet_font{display: grid; justify-content: center; font-size: 16px;}
    .contecttab{margin-right: 15px;}
    .logintab{margin-right: 15px;}
    .Technical_Details{margin-top:  54px;}
    .navbar{width: 90%;position: relative;border-radius: 10px;margin-right: 10px;}
    .searchbar{width:97%; position: absolute;top: 60px;right:6px; border: 02px solid #ffffff;padding: 3px;border-radius: 10px;}
   .item_container_home{width: 48%;background-color: white;position:relative;cursor: pointer; text-align: center;display: flexbox;margin: 3px;}
.item_container_home img{width: 100%;} 
   .wrap-login100{margin-top: 40px;}
   .limiter{margin-top: -16px;}
   .limiter2{margin-top: 38px;} 
   .margi{margin-top: -320px;}
    .margi1{margin-top: -300px;}
    .item_information_cont{width: 100%;display: grid;margin-top: 0px;}
    .item_info{font-size: 16px;margin: 6px;}
    .item_container{width: 48.5%;margin: 3px; background-color: white;position:relative;cursor: pointer; text-align: center;display: flexbox;margin: 3px;}
    .item_container_home{width: 48%;background-color: white;position:relative;cursor: pointer; text-align: center;display: flexbox;margin: 3px;}
    .item_first_colume{width: 98%;margin-left: 2px;display: grid;margin-right: 5px;}
    .item_image_cont{width: 100%;display: flex;}
    .small_img_cont{margin-left: 5px;}
.video_cont{width: 100%;margin-top: 10px;}
.img_container{width: 80%;display: flexbox;margin: 5px;}
.item_second_colume{width: 97.5%;margin-top: 10px;margin-left: 2px;margin-right: 2px;margin-bottom: 100px;}
.table_tital{width: 100%;height: auto;}
.table_tital h3{display: flex;border: 2px solid black;border-bottom: none; background-color: #ABEB57;padding: 6px; justify-content: center;}
.baynow {display: flexbox;margin-top: 30px;padding-top: 5px;padding-left: 20px;padding-right: 20px; border-radius:20px;background-color: #f7cb0a;height: 40px;}
.baynow a{font-size: 18px;font-weight: bold;}
    .new_product{position:relative;top:38px;left: 0px; list-style-type: none;padding: 0;border:3px solid #9b9a9a ;object-fit: cover;}
    .main input{width: 100%; border: none;outline: none; background:transparent;font-size:16px;width:200px;}
    #about{position:relative;left: 0px;top:0px;}
    .info font{font-size:13px;}
    .nagi_logo{width:160px;vertical-align: middle;margin-left:-40px;margin-top: 10px;}
.form{display:flexbox;margin-left: auto;margin-right: auto;width: 350px;margin-top: 60px;}
/* admin_ceo sstart */
.header2{margin-top: 55px;}
.headerbox{width: auto;padding-left: 8px;padding-right: 8px; font-size: 12px;text-align: center;background-color: #0930af;margin-left: 2px;color: #fffdfd;}
.container-login1002{display: grid;}
.admin_container1{width: 98%;}
.admin_container2{width: 98%;margin-top: -290px;}
.item_bar_container1{display: flex;padding: 2px; align-self: flex; width: 100%; background-color: white;border: 1px solid black;border-radius: 5px;margin-bottom: 3px;}
.item_main_image{height: 54px; cursor: pointer;display: block;border: 1px solid rgb(7, 7, 7);border-radius: 5px;}
.item_p_c_2 {font-size: 10px;}
.item_p_c_1{display: flex;cursor: pointer;margin: 0px; width: 50%;font-weight: lighter;justify-content: left; align-items: center;padding-left: 2px;}
.item_container1 h3{font-size: small;}
.item_visibility_container{display: grid;font-size: 10px; margin: 0px; background-color: #eef4f8;width: 42%;border-radius: 5px ;border: 1px solid black;justify-content: center;overflow: hidden;text-align: center;padding: 0px;}
/* end admin_ceo */

@media screen and (max-width:350px){
    body{padding-top:0px;}     
    #header table{margin-left:5px;}
    .logo{width: 35px;}
    .fontnagi{font-size:40px;}
    .contecttab{position: absolute;right: 16px;top:40px;}
    .hometab{position: absolute;right:20px;top:10px;}
    .searchbar{width:97%; position: absolute;top: 72px;left: 0; border: 02px solid #ffffff;padding:0px;border-radius: 10px;}
    .main input{width: 100%; border: none;outline: none; background:transparent;font-size: 14px;width:200px;}
    .new_product{position:relative;top:128px;left: 0px; list-style-type: none;padding: 0;border:4px solid #9b9a9a ;object-fit: cover;}
    .mains{position:absolute;top: 72px;left:0px; width:94%;background: #000;padding: 10px;}
    .main input{width:98%;font-size: 14px;margin-right:0px;}
    #about{position:relative;left: 0px;top:0px;}
    .info{height: 450px;}
    .info font{font-size:16px;position: absolute;left:20px;top: 140px;margin-right: 15px;}
    .nagi_logo{width:150px;vertical-align: middle;margin-left:30px;margin-top: 320px;}
    .first_colume{display:block; width: 100%;padding: 0px;}
    .second_colume{display: grid;width: 100%;padding: 0px;}
    .Product_information{margin-top: 70px;border-spacing:0px;}
    .prodinfo{opacity: 0;}
.Technical_Details td font{font-size: 12px;padding: 0px;}
.limiter2{margin-top: 126px;}
.item_container_home{width: 98%;background-color: white;position:relative;cursor: pointer; text-align: center;display: flexbox;margin: 5px;}
.item_container_home img{width: 100%;}
.img_container img{width:76%;position:absolute;margin-top:-80%;margin-left:23.4%;}
.small_img{margin-left:3px ;}
.small_img img{margin: 2px;}
.product_info_video{width:100%;}
.form{display:flexbox;margin-left: auto;margin-right: auto;width: 330px;margin-top: 120px;}