* {
  font-family: 'OpenSans' !important;
}

@font-face {
  font-family: 'OpenSans';
  src: url('../fonts/digital-7.ttf');
  src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.woff2') format('woff2'), url('../fonts/OpenSans.ttf') format('truetype'), url('../fonts/OpenSans.svg#Tajawal-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v47/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


input.mat-input-element {
  margin-right: -10px !important;
}

.fa {
  /*font-family: FontAwesome !important;*/
}
.dropdownitemPOstion{
  margin-left: -95px !important;
}
.text-dashboard{
  text-align: right;
}
.pad-r-10 {
  padding-right: 10px !important;
}
.dir {
  direction: ltr !important;
}
.custom-mat-card-customers .mat-column-accName .mat-column-name .accountName {
  padding-right: 40px !important
}

.header-bages {
  margin-left : 15px !important;
}
.mat-checkbox-inner-container
{
  margin-right:0 !important;
}

.mat-checkbox-layout .mat-checkbox-label {
  text-align: left;
}

.gnrl-btn {
  float: right;
}
.header-operatiobs-timer {
  /*font-family: digital;*/
  color: white !important;
  margin-right : 20px;
}
.table-th {
  padding-left: 6% !important;
}
.opp-float-text {
  text-align: left !important;
}
.float-text-opp {
  text-align: right !important;
}

.total-form {
  color: var(--text-color);
  font-weight: bold;
  font-size: 11px !important;
  font-weight: bold !important;
  text-align: right !important;
  margin-bottom: auto;
  /*font-family: Roboto,"Helvetica Neue",sans-serif;*/
}
.company-login {
  font-size: 14px;
  float: right;
  color: #008CBA !important;
  float: right !important;
}
/*Home Component*/
.ThemesIcon {
  position: absolute;
  margin-left: -25px;
}

.sidenav_mat_icon {
  margin-right: 5px;
}
/*End Home Component*/

/*paths customers*/
.customer-paths-ref {
  float: left ;
}
/*End paths customers*/
/*Share of Shelf*/
.rowshere {
  text-align: center !important;
}
.cust-stat-header {
  padding-left: 7% !important;
}
cust-stat-header-type {
  padding-left: 13% !important;
}
.colStyle-share {
  text-align: center !important;
}
/*End Share Of Shelf*/
/*customer statment*/
.customer-statment .cust-stat-radio-button {
  margin-left: 4px;
}
.customer-statment .Lst-Blance {
  padding-left: 2% !important;
}
.customer-statment .cust-stat-header-type {
  padding-left: 8% !important;
}
.customer-statment .mat-header-cell {
  padding-left: 2% !important;
}

@media (min-width:600px) {
  .customer-statment .mat-header-cell {
    padding-left: 5% !important;
  }
  .customer-statment .cust-stat-header-type {
    padding-left: 12% !important;
  }
    .customer-statment .Lst-Blance {
      padding-left: 7%;
    }
}

.small-unit {
  margin-right: -43px !important;
  margin-left:6px !important;
}

/*customer statment*/

/* General Style */
.custom-btn-grp {
  bottom: 25px;
  right: 10px;
  position: absolute;
}
/*End General Style */
/*Paths*/
.search-paths {
  padding-left: 180px !important;
}

@media (max-width:600px) {
  .div-btn-paths {
    margin-left: -9% !important;
    margin-right: 14% !important;
  }

  .search-paths {
    padding-left: 50px !important;
  }
  .btn-paths {
    width: 135% !important;
  }
}
.custom-mat-card-invoice .invoice_total_section mat-label.invoice-total {
  text-align: right !important;
}

.div-btn-paths {
  margin-left: 8%;
  margin-right: -29%;
}
/*end paths*/
.margin-10 {
  margin-left: 10px;
  text-align: left !important;
}

/* Invoice */
.invoice_fSection_item {
  float: left;
  display: inline-block;
  width: 70px;
  text-align: right;
}

.custom-mat-card-invoice .mat-header-cell {
  padding-left: 10px;
}
/*End Invoice */
.opp-float {
  float: right !important;
}

/* Operation Style*/
.operation-button {
  font-size: 10px !important;
}
  /* End Operation Style*/

/* Options Style*/

.options-float {
  float: left !important;
}

/* End Options Style*/
.options-item {
  margin-left: 10px !important;
}
.login-checkbox {
  margin-right: -30px !important;
}

.button-float {
  float: left !important;
}
.title{
  text-align:float;
  margin-left: 10px;
}
.img-logo-company {
  vertical-align: middle;
  margin-right: auto;
  vertical-align: middle;
  margin-left: 4px;
  margin-right: auto;
  width: 100%;
  height: 30%
}

.mov-mergin-cell {
  margin-right: 50px !important;
}
.operation-side-left {
  margin-left: 35% !important;
}


.opertiont-titel {
  float: left !important;
}
.operation-button .material-icons {
  float: left !important;
}
.option-direction-padd {
  float: left
}
.option-direction-input{
  float:left
}

.invoice_newitem {
  margin-left: 15px !important
}
.sales-mat-cell .mat-form-field {
  padding-left: 10px !important;
}

mat-header-cell:first-of-type {
  padding-left: 10px !important;
}


@media (max-width: 479px) {
  .img-logo-company {
    height: 30%;
    padding-top: 0px !important;
  }

}
.input-invoice .mat-form-field {
   margin-left: 20px !important;
}
.cust-statment {
  margin-right: 5px !important
}

.main-header .navbar-custom-menu, .main-header .navbar-right {
  float: left;
}
.navbar-custom-menu > .navbar-nav {
  float: left;
}
.navbar-custom-menu .navbar-nav > li {
  float: right;
}
.timer {
  position: absolute;
  right: 5px !important;
  margin-right: 20px
}
.rotate{
  float: left;
}

.mat-icon {
  /* background-repeat: no-repeat !important;
  display: inline-block !important;
  fill: currentColor !important;
  height: 20px !important;
  width: 20px !important;
  margin-right: 5px !important; */
}

.input-invoice .mat-form-field {
  margin-left: 20px !important;
}

.cust-statment {
  margin-right: 5px !important
}

.main-header .navbar-custom-menu, .main-header .navbar-right {
  float: left;
}

.navbar-custom-menu > .navbar-nav {
  float: left;
}

.navbar-custom-menu .navbar-nav > li {
  float: right;
}

.timer {
  position: absolute;
  right: 5px !important;
  margin-right: 20px
}
.dot {
  height: 15px;
  width: 15px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  font-size: 15px;
  margin-right: 5px;
  margin-left: 24px;
}
.home-flag{
  margin-right:5px !important
}
.operation-icon{
  margin-left:-5px !important
}
@media (max-width: 908px) {
  .operation-side-left {
    margin-left: 0% !important;
  }
}
@media only screen and (width: 540px) {

  .operation-side-left {
    margin-left: 0% !important;
  }
}
@media only screen and (max-width: 766px) {

  .operation-side-left {
    margin-left: 0% !important;
  }
}
.def-float {
  text-align: right !important;
}
.default-float {
  float : left !important;
}
.voucher-buttons button {
  margin-left: 0px !important
}
.btn-logo {
  margin-left: 0px !important;
  float: left !important;
}


@media (max-width: 766px) {
  .input-invoice .mat-form-field {
    margin-left:0px !important;
  }
}
.invoice_newitem {
  margin-left: 15px !important
}


.margin-25 {
  margin-left: 25px !important;
}






.match-parent{
  width: 100%; 
  height : 100%; 
  min-height: 80vh;
  padding: 10px;
}

.mat-select-panel:not([class*=mat-elevation-z]){
  box-shadow: none !important;
  border: 1px solid var(--primary-color);
  position:absolute;
  top: 25px;
  min-width: calc(100% + 15px) !important;
  left: -8px !important;
  right: 0 !important;

}