/* footer */



.ft-foot {

	text-decoration-color: #000000;

}



.title-ct {

	text-align: center;

}

.btn-pad{

	padding-top: 15px;

}

/* end of footer */



/* Profile */

.img-fluid {

    max-width: 100%;

    height: auto;

}

.rounded-circle {

    border-radius: 50% !important;

   border-color: rgba(234, 49, 111, 0.8);

   border: 5px solid;

    

}

.p-btn {

    padding-bottom: 10px;

}

/* end of Profile */



/* Products */

.container-products {

padding-top: 5rem;

padding-bottom: 5rem;

}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {

    display: block;

    max-width: 100%;

    height: auto;

}













.container-ck {

	max-width: 600px;

	margin: 20px auto;

	padding: 20px;

	border: 1px solid #ddd;

	border-radius: 5px;

	background-color: #f5f5f5;

  }

  

  h1 {

	text-align: center;

  }

  

  label {

	display: block;

	margin-bottom: 10px;

	font-weight: bold;

  }

  

  input[type="text"],

  input[type="email"],

  input[type="number"],

  select {

	width: 90%;

	padding: 10px;

	border: 1px solid #ccc !important;

	border-radius: 3px;

  text-align: center;

  margin: 0 auto;

  }

  

  .form-group {

	margin-bottom: 20px;

  }

  

  .form-group:last-child {

	margin-bottom: 0;

  }

  

  .form-group label,

  .form-group input,

  .form-group select {

	display: block;

  }

  

  .form-group input[type="submit"] {

	width: auto;

	margin-top: 10px;

	cursor: pointer;

  }



.ck-header {

	border-top: 1px solid rgba(0, 0, 0, 0.15);

	width: 80%;

}



.container-or {

	max-width: 600px;

	margin: 20px auto;

	padding: 20px;

	border: 1px solid #ddd;

	border-radius: 5px;

	background-color: #f5f5f5;

  }

  

  h1 {

	text-align: center;

  }

  

  .order-summary {

	margin-top: 20px;

	padding: 10px;

	border: 1px solid #ccc;

	border-radius: 5px;

	background-color: #fff;

  }

  

  .order-summary h2 {

	margin-bottom: 10px;

  }

  

  .order-item {

	margin-bottom: 10px;

  }

  

  .order-item p {

	margin: 0;

  }

  

  .order-total {

	text-align: right;

	font-weight: bold;

  }

  .com-name{

	padding-top: 3rem;

	margin-bottom: 10px;

}



  /* end of checkout*/



  

  h1 {

	text-align: center;

  }

  

  .review-section {

	margin-top: 20px;

	padding: 10px;

	border: 1px solid #ccc;

	border-radius: 5px;

	background-color: #fff;

  }

  

  .review-section h2 {

	margin-bottom: 10px;

  }

  

  .shipping-address {

	margin-bottom: 20px;

  }

  

  .form-group {

	margin-bottom: 10px;

  }

  

  .form-group label {

	display: block;

	font-weight: bold;

  }

  

  .form-group p {

	margin: 0;

  }

  

  .order-details {

	margin-bottom: 20px;

  }

  

  .order-item {

	margin-bottom: 10px;

  }

  

  .order-item p {

	margin: 0;

  }

  

  .coupon-input {

	margin-bottom: 20px;

  }

  

  .coupon-input label {

	display: inline-block;

	margin-right: 10px;

  }

  

  .coupon-input input {

	width: 200px;

	padding: 5px;

	border: 1px solid #ccc;

	border-radius: 3px;

  }

  

  .order-total {

	text-align: right;

	font-weight: bold;

  }

  /* start Review order */

 

  .image-containerRO {

	width: 300px; /* Adjust the width as needed */

	height: auto; /* The height will adjust automatically based on the image proportions */

  }

  

  .image-containerRO img {

	width: 100%;

	height: auto;

  }



/* end of review order */



/* start of settings*/

.change-password-form {

	max-width: 1000px;

	margin: 0 auto;

	padding: 20px;

	background-color: #f1f1f1;

  }

  

  .change-password-form h2 {

	text-align: left;

	margin-bottom: 20px;

  }

  

  .form-group {
	margin-bottom: 15px;

  }

  

  .form-group label {

	display: block;

	font-weight: bold;

	margin-bottom: 5px;

  }

  

  .form-group input {

	width: 100%;

	padding: 8px;

	border: 1px solid #ccc;

	border-radius: 4px;

  text-align: left !important;

  }

  button[type="submit"] {

	width: 100%;

	padding: 6px;

	border: none;

	border-radius: 999px;

	background-color: rgba(234, 49, 111, 0.8);

	color: #fff;

	font-size: 16px;

	cursor: pointer;

  }

  

button[type="submit"]:hover {

	background-color: rgba(234, 49, 111, 0.8);

  }



  

/* end of settings*/



/* start or nav-admin*/

.logo {

    margin-top: 7px;

    margin-bottom: 5px;

    float: left;

    width: 100px;

    height: 65px;

}

.column {

	float: left;

	padding: 0 10px;

  }

  

  /* Remove extra left and right margins, due to padding */

  .row {margin: 0 -5px;}

  

  /* Clear floats after the columns */

  .row:after {

	content: "";

	display: table;

	clear: both;

  }

  

  /* Responsive columns */

  @media screen and (max-width: 600px) {

	.column {

	  width: 100%;

	  display: block;

	  margin-bottom: 20px;

	}

  }

  

  /* Style the counter cards */

  .card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    padding: 0;
    text-align: center;
    background-color: #ffffff;
  }


  .login-page .card {
    width: 50%;
    float: right;
  }



  .login-card{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    padding: 0;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    float: right;
    margin-right: 40px;
    width: 70%;
    border-radius: 20px;
  }



  .cardC {

	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);

	padding: 16px;

	text-align: center;

  }

/* end of nav-admin*/



.regbtn {

	padding-bottom: 2rem;

}

.regbtnf {

	padding-bottom: 2rem;

	padding-top: 2rem;

	text-align: left;

}

.cardProducts {

	padding-top: 3rem;

	padding-left: 2rem;

	padding-right: 2rem;

	padding-bottom: 2rem;

	text-align: left;

	background-color: #ffffff;

}

.prodt {

	padding-right: 2rem;

}

.prodC {

	padding-bottom: 1rem;

}





 #uploadForm {

  margin: 20px;

}



#profilePic {

  display: block;

  margin-bottom: 10px;

}



.cart-container {

  width: 400px;

  margin: 0 auto;

  padding: 20px;

  background-color: #f7f7f7;

  border: 1px solid #ccc;

}



.cart-container h2 {

  text-align: center;

  margin-bottom: 20px;

}



.cart-items {

  border-bottom: 1px solid #ccc;

  padding-bottom: 20px;

  margin-bottom: 20px;

}



.cart-item {

  display: flex;

  align-items: center;

  margin-bottom: 10px;

}



.cart-item img {

  width: 80px;

  height: 80px;

  object-fit: cover;

  margin-right: 10px;

}



.item-details h3 {

  margin: 0;

}



.item-actions {

  margin-left: auto;

}



.remove-btn {

  background-color: #dc3545;

  color: #fff;

  border: none;

  padding: 5px 10px;

  cursor: pointer;

}



.cart-summary {

  text-align: center;

}



.cart-summary h4 {

  margin-bottom: 10px;

}



.checkout-btn {

  background-color: #007bff;

  color: #fff;

  border: none;

  padding: 10px 20px;

  cursor: pointer;

}







.width97{

	margin: 0 auto 10px auto ;

    width: 97%;

}



.m-g-btm{

	margin-bottom: 10px;

}





.h6, h6{

  text-transform: capitalize;

}



.input-group input{

  text-align: left !important;

}



.checkoutform input[type="text"], .checkoutform input[type="email"], 

.checkoutform input[type="number"]{

  width:100% !important;

  text-align: left !important;

  border-radius: 999px !important;

  font-size: .8rem;

  padding: 1.5rem 1rem;

 }



.checkoutform .col-md-6{

    margin-bottom: 20px; 

  }



  .checkoutform select{

    line-height: 22px;

  }



.textalignRight{

  text-align: right;

  float: right;

} 



#dateRangeForm{
  width:30%;
  float: right;
  margin-bottom: 30px;

}



.labeldates{
  float: left;
  margin: 10px;
  width:26%;

}



.submitdatesa{
  margin-top: 10%;
}


#searchDownload{
  width: 100%;
  float: right;
  margin-bottom: 20px;
}


.formSearch{
  width: 70%;
  float: left;
}

.genreport{
    float: right;
    padding-top: 10px;
    padding-right: 30px;
}

.datrtdateInput{
  float: none;
  margin: 0;
  padding: 10px;
  text-align: center;
}

.datrtdateInput input{
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 20px;
}

.filterdata{
    width: 45% !important;
    margin-top: 0;
    padding: 8px !important;
    margin-left: 10px;
}

.formprint{
  overflow: hidden;
  margin-bottom: 50px;
  border: 3px dotted #ccc;
  box-shadow: 2px 1px 5px -2px rgba(0, 0, 0, 0.72);
  -webkit-box-shadow: 2px 1px 5px -2px rgba(0, 0, 0, 0.72);
  -moz-box-shadow: 2px 1px 5px -2px rgba(0, 0, 0, 0.72);
  width: 28%;
  float: left;
  padding: 10px;
  margin-right: 30px;
}

.positionInside{
  list-style-position: outside;
  margin-left: 0;
  padding-left: 20px;
}

.downloadPdfMember{
    position: absolute;
    margin-top: -99px;
    margin-left: 124px;
}

.submitbtn{
  margin-top:20px;
  width: 20% !important;
}


.pad-bottom{
  margin-bottom: 20px;
}

.white-bg-0{
  filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 0.8));
}


.img-centered{
  margin: 15px 85px 85px 85px;
  FONT-WEIGHT: 500;
  vertical-align: middle;
}

.mob-image-logo-v{
  display: none;
}


.reg-page .login-card{
  margin-right: 0 !important;
  width: 100%;
}

.reg-page .img-centered {
  margin: 15em 10px 80px 10px;
}

.small.text-muted{
  font-weight: 400;
}

.logo-moonee{
  filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 0.8));
  width: 75%;
}

.mainheadTree, .userTree{
  width: 20%;
}


.mainheadTree{
  margin-bottom: 20px !important;
  margin-right: 24px;
}

.easy-tree > ul{
  margin-left: 0;
  width: 100%;
}

.mainheadTree::after{
    border-left: 1px solid #ccc;
    bottom: 50px;
    height: 100%;
    top: 0;
    width: 1px;
}


#content .input-group{
  width: 50%;
}


.pagination {
  margin-top: 20px;
}

.backEdit{
  position: absolute;
  top: 3.2em;
  font-size: 26px;
}

.positionInside{
  color: #858796;
}

.noteAdmin{
  padding-bottom: 30px;
  line-height: 25px;
}

.bg-body-tertiary{
  background-color: none !important;
}

.productList{
    width: 33%;
    float: left;
    background: #fff;
    border-radius: 20px !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    padding: 20px;
    margin-bottom: 50px;
}

.card-body-product{
  overflow: hidden;
}

.sidebar .sidebar-brand{
  padding: 0 !important;
  height: 3.375rem !important;
}

@media (max-width:1080px){

  .container, 
  .container-md, 
  .container-sm{
    max-width: 90%;
  }

}


@media (max-width:890px){
  .container, 
  .container-md, 
  .container-sm{
    max-width: 98%;
  }

}


@media (max-width:790px){
  .container, 
  .container-md, 
  .container-sm{
    max-width: 90%;
  }

  .col-sm-6{
    flex: 0 0 95%;
    max-width: 95%;
  }

  .mob-image-logo{
    display: none;
  }

  .login-card{
    width: 70%;
    margin: 0 auto;
    float: none !important;
  }

  .mob-image-logo-v{
      display: block;
      width: 35%;
      margin: 0 auto;
      padding-top: 10px;
  }

  .reg-page .img-centered{
    margin: 5em auto 30px auto;
  }

}


@media (max-width:490px){
  .p-5{
    padding: 2rem !important;
  }
}


@media (max-width:390px){
  .mob-image-logo-v{
    width: 90%;
  }
  .login-card{
    margin-bottom: 0 !important;
    margin-top: 20px !important;
    width: 100%;
  }
}


.formprint button[type="submit"] {
  
}

.datrtdateInput label{
  float: left;
  padding-top: 10px;
}