@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Libre+Bodoni:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,500;1,700;1,800;1,900&display=swap'); 




.data-table .card-header{
    border-bottom: 1px solid #ebe9f1 !important;
}
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc_disabled:before,
table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:after{
    content: "" !important;
    right: 0.5em !important;
}
.iti.iti--allow-dropdown.iti--separate-dial-code{
	width: 100%;
}
html body {
  height: 100%;
  background-color: #FDF7F5!important;
  direction: ltr;
}


.form-control {
  padding: 12px 17px;
  border-radius: 10px;
  border: 1px solid rgba(253, 215, 201, 0.50)!important;
  background: rgba(243, 192, 173, 0.10)!important;
}
.iconColored{
  color:#705F57;
}
.pageloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('../images/loader.gif') 50% 50% no-repeat rgb(249, 249, 249);
  opacity: .8;
}
.inputfile{
  display: none;
}
.right-side{
    display: flex;
    align-items: center;

}
.subheadText_ {
  color: #705F57 !important;
  text-align: right;
  font-family: Playfair Display;
  font-size: 14px;
  font-weight: 400;
}
.file-button {
    border-radius: 5px;
    border: 1px solid;
    display: block;
    padding: 0.786rem 1.5rem;
    border-radius: 0.358rem;
    font-weight: 500;
    line-height: 1;
    cursor:pointer;
}
.primary_btn
{
  background: blue;
  padding: 0.786rem 1.5rem;
  border-radius: 0.358rem;
  font-weight: 500;
  display: block;
  color: #fff;
}
.alert{
  display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 8px 0px 8px;
}
.alert .close
{
  border: none;
  background: transparent;
  color: red;
  font-size: 28px;
}
.form-label{
  font-weight: 600 !important;
  font-size: 12px !important;
}
.file-button:hover{
  box-shadow: 0 8px 25px -8px #7367f0;
}
table.purchase-order-item-details tbody tr td{
  white-space: nowrap;
}
.text-right{
  text-align: right !important;
}
.main-div {
    display: flex;
    align-items: baseline;
}
.first-div
{
  margin-right: 10px;
}
.global_search:focus-within{
  box-shadow: unset !important;
}
/* table.dataTable td, table.dataTable th{
  word-break: break-all;
} */
.scanning-btn{
  cursor: pointer;
}
.scan-field{
  font-weight: 600;
  font-size: 18px;
  padding: 0.4rem 1rem;
  border-right: 0px;
}

/* Start  Common css */

.subText {
  color: #C7AFA5;
  font-weight: 400;
  font-size: 17px;
  font-family: 'Playfair Display';
  letter-spacing: 1px;
}
.mainHeading {
  font-size: 32px;
  font-weight: 600;
  color: #705F57;
  font-family: 'Playfair Display';
}


/* Button */
.primaryBtn {
  background: #705F57;
  border: none;
  cursor: pointer;
  color: #ffff;
  font-weight: 500;
  padding: 14px 10px;
  border-radius: 10px;
  box-shadow: 6px 6px 5px #FEFBFA;
  font-family: 'Playfair Display';
  font-size: 18px;
  box-shadow:0 7px 7px 7px #FDD7C980;
}


/* Button */
/* End  Common css */


/* Login Form */
/* .form-control:focus{
  outline: 0;
  box-shadow: none !important;
  border: none !important;
} */

.rightImg {
  width: 100%;
  height: 100vh;
} 

.leftfrom {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  max-width: 461px;
  position: relative;
}

.logoImg {
  width: 95px;
  height: 95px;
  position: absolute;
  left: 30px;
  top: 30px;
}
.loginMain_ {
  position: relative;
}
.leftfrom {
  display: flex;
  margin: 0 auto;
  width: 100%;
  max-width: 383px;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
}

.form-group {
  position: relative;
}
.messageImg {
  position: absolute;
  top: 15px;
  left: 13px;
}
.input_Box {
  padding: 14px 16px 12px 38px !important;
  border-radius: 10px;
  border: 1px solid rgba(253, 215, 201, 0.50)!important;
  background: rgba(243, 192, 173, 0.10)!important;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #F8F3F1 inset !important;
}
 .form-control:not(:last-child) {
 
  border-right: none !important;
}
.form-control:focus {
  color: #62708a !important;
  outline: 0;
  box-shadow: none !important;
  border-color: #dfe1e4;
}
.form-group .input-group-text {
  background: transparent;
  border: none!important;
}

.input_label {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: red;
}

.rightImgin {
  width: 100%;
  height: 100%;
}
.back_ {
  font-size: 12px;
  font-weight: 600;
  color: #F3C0AD;
}
.back_icons {
  color: #F3C0AD;
  width: 20px;
  height: 20px;
  border-radius: 15px;
  background: #F3C0AD33;
  padding: 3px;
  margin: 0;
  margin-right: 10PX;
  text-align: center;
}
.focusRemove:focus-within {
  border-left: 0 !important;
  background: transparent !important;
}

 /* .input_Box .form-control:focus {
  z-index: 0;
}  */


.input-group > .form-control:focus, .input-group > .form-select:focus {
  z-index: 0;
} 
.fontSmall {
  color: #695f57;
}
/* .hideShow {
  position: relative;
} */
.focusRemove {
  position: absolute;
  top: 15px;
  right: 0;
}
.focusRemove_ {
  right: 12px;
  position: absolute;
  top: 33px;
}
.eyesShow {
  top: 10px;
}
/* .hideShow {
  position: absolute;
  right: 26px;
  top: 39px;
} */
/*---Eye Icon*---*/

/* .show-icon {
  background-image: url(../../../public/img/Hide.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  z-index: 4;
  height: 20px;
  width: 20px;
  position: absolute;
  bottom: 13px;
  right: 19px;
  cursor: pointer;
}
.hide-icon.hide-icon {
  background-image: url(../../../public/img/eyeIcon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  z-index: 4;
  height: 20px;
  width: 20px;
  position: absolute;
  bottom: 13px;
  right: 19px;
  cursor: pointer;
} */

/*---Eye Icon*---*/
/* Login Form */


/**DashBoard**/

.header-navbar {
  background: #e7c0ae;
}
.content-header-left .breadcrumb-item a {
  color: #675f57;
}
.breadcrumb-item.active {
  color: #d76c2f;
}
.dataTable tr th {
  background-color: #dec0af!important;
  color: #695f57!important;
}
.header-navbar .navbar-container .dropdown-menu {
  background: #ffff;
  border-radius: 12px;
  box-shadow: 0 0 10px #d7d7d7;
  width: 195px!important;
}
.header-navbar .dropdown-item:hover, .dropdown-item:focus {
  color: #695f57;
  background-color: rgb(222 192 175 / 25%);
}

.footerHead {
  color: #bd7349!important;
}

/**DashBoard**/

/* User */
.page-item.active .page-link {
  z-index: 3;
  border-radius: 5rem;
  background-color: #dec0af;
  color: #fff !important;
  font-weight: 600;
}
.menu-collapsed .brand-logo img {
  width: 100%;
  max-width: 60px !important;
  z-index: 2;
  position: relative;
}
.main-menu .navbar-header {
  padding-left: 12px;
}
.menu-fixed.expanded .brand-logo img{
  width: 100%;
  max-width: 100px !important;
}
/* User */
.logo___{
  position: relative;
    z-index: 2;
}
.input_Boxed {
  padding: 13px 13px 11px 12px !important;
  /* border-radius: 10px;
  border: 1px solid rgba(253, 215, 201, 0.50)!important;
  background: rgba(243, 192, 173, 0.10)!important; */
}