@font-face {
  font-family:MoaadFont;
  src:url(bienFont/bein_AF.ttf);
  src:url(bienFont/bein-Normal.ttf) format('embedded-opentype'),
  url(bienFont/bein-ar-normal.ttf) format('truetype');
  font-weight:400;
  font-style:normal

} 

body {
  font-family:MoaadFont,serif!important;
  font-weight: 400 !important;
  text-align: right !important;
}

.text-primary {
  color:#2386c8 !important;
}  

.btn-group .btn {
  font-weight: 500 !important;
}

.form-label {
  font-size:15px;
  font-weight: 400;
}

.dataTables_wrapper .dataTables_paginate {
  padding-top: 8px !important;
}

.dataTables_wrapper .dataTables_info {
  padding-top: 0px !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 {
  color: white !important;
}

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 {
  color: white !important;
}

.font-weight-bold {
  font-weight: 700!important;
}

.font-weight-normal {
  font-weight: 400!important;
}

.font-weight-medium {
  font-weight: 500!important;
}

.alert-primary {
  color: #fff;
  background-color: #2386c8 !important;
  border-color: #2386c8 !important;
}

.table td, .table th {
  font-size: 14.3px !important;
}

.badge-white {
  color: #000000;
  background-color: hsl(0, 0%, 100%);
}

@media (min-width: 768px) {
  .main-content .container-fluid {
    padding-left: 0px!important;
    padding-right: 0px!important;
  }
}


.table-border-buttom {
  border-bottom: 1px solid #e9ecef;
}

.action-button-sm {
  padding: 10px !important;
  font-size: 14.4px !important;
  font-weight: 500 !important;
  position: relative;
  text-transform: none;
  transition: all .15s ease;
  letter-spacing: .025em;
  border-radius: 5px;
  will-change: transform;
}

.line-28 {
  line-height: 28px !important;
}

.line-33 {
  line-height: 33px !important;
}

.btn {
  font-size: 15px !important;
 }

.table .thead-light th {
  background-color: #315973 !important;
  color: #ffffff !important;
  font-size: 11.9px !important;
  font-weight: 500 !important;
}

.discount {
  font-size: 15px;
  position: absolute;
  right: 5px;
  top: 6px;
  padding: 5px;
  width: 50px;
  height: 30px;
  background-color: red;
  color: #ffffff;
  font-weight: bold;
  text-align: center !important;
}

.list-group-item.active {
  background-color: #fa6340;
  border-color: #fa6340;
} 

.list-group-item.active {
  background-color: #2386c8 !important;
  border-color: #2386c8 !important;
}

.navbaron{
  background-color: #ffffffe3 !important;
  text-align: right;
  font-size:13px;
  color:white;
}

.bg-p {
    background-color: black;
    color:white;
 }


 .header-link {
    display: inline;
    padding-left: 10px;
    padding-right: 10px;
 }

 .nav-link {
   padding-right: 0px !important;
}

 .header-link a {
    color: #ffffff;
 }
  .header-link a:hover {
    color: #ffffff;
  }

  .text-s {
    color: #cbbde2;
  }

  .nav-link:hover {
    color: #ffffff;
  }

  .dropdown-menu-header {
    min-width: 300px;
    border-radius: .4375rem;
  }

  .btn-primary {
    background-color: #2386c8;
    border-color: #2386c8;
  }

  .btn-primary, .btn-primary:hover {
    background-color: #2386c8;
    border-color: #2386c8;
  }

  .primary-nav {
    border-top: 1px solid #0000001c;
    background-color: #2386c8;
  }

  .nav-fix {
    background-color: #2386c8;
  }

  .nav-fix .btn-white {
    box-shadow: 0 1px 1px rgba(50,50,93,.11), 0 0px 1px rgba(0,0,0,.08) !important;
  }

  .middle-header .btn-white {
    box-shadow: 0 1px 1px rgba(50,50,93,.11), 0 0px 1px rgba(0,0,0,.08) !important;
  }

  .logo-nav-fix {
    width: 10%;
    padding-top: 6px;
    padding-left:10px;
  }
 


.font-weight-bold {
  font-weight: 700!important;
}

.font-weight-normal {
  font-weight: 400!important;
}

.font-weight-medium {
  font-weight: 500!important;
}


 

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

    .col-xs-6-50 {
      width: 50%;
    }

    .col-xs-6-100 {
      width: 100%;
    }

    .col-xm-12 {
      width: 100% !important;
      padding-right: 0px;
      padding-left: 0px;
    }

    .logo-nav-fix {

      width: 10%;
      padding-top: 7px;
      padding-left:10px;

    }

 
  }

.rox {
  display: flex;
  flex-wrap: wrap;
}

.countdown {
  text-transform: uppercase;
}

.countdown > div { display: inline-block; }

.countdown > div > span {
  display: block;
  text-align: center;
}

.countdown-container { margin: 0 3px; }

.countdown-container .countdown-heading {
  font-size: 18px;
  margin: 1px;
  color: #666
}

.countdown-container .countdown-value {
  font-size: 35px;
  background: #222222;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
  border-radius: 5px;
  text-align: center;
}


.star {
  color:#efe914;
}

.bg-green {
  background-color:#2dce89 !important;
}

.f-13 {
  font-size:13px !important;
}

.f-14 {
  font-size:14px !important;
}

.f-15 {
  font-size:15px !important;
}

.f-16 {
  font-size:16px !important;
}

.f-17 {
  font-size:17px !important;
}

.f-18 {
  font-size:18px !important;
}

.f-19 {
  font-size:19px !important;
}

.f-20 {
  font-size:20px !important;
}

.f-21 {
  font-size:21px !important;
}


   .f1 {
    padding: 25px; background: #fff;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.f1 h3 { margin-top: 0; margin-bottom: 5px; text-transform: uppercase; }

.f1-steps { overflow: hidden; position: relative; margin-top: 20px; }

.f1-progress { position: absolute; top: 24px; left: 0; width: 100%; height: 1px; background: #ddd; }
.f1-progress-line { position: absolute; top: 0; left: 0; height: 1px; background: #2386c8; }

.f1-step { position: relative; float: left; width: 33.333333%; padding: 0 5px; }

.f1-step.active .f1-step-icon {
  background: #2386c8;
}
.f1-step-icon {
    display: inline-block; width: 40px; height: 40px; margin-top: 4px; background: #ddd;
    font-size: 16px; color: #fff; line-height: 40px;
    -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}
.f1-step.activated .f1-step-icon {
    background: #fff; border: 1px solid #f35b3f; color: #2386c8; line-height: 38px;
}
 

.f1-step p { color: #ccc; }
.f1-step.activated p { color: #2386c8; }
.f1-step.active p { color: #2386c8; font-weight: 500; }

.f1 fieldset { display: none; text-align: left; }

.f1-buttons { text-align: right; }

.f1 .input-error { border-color: #2386c8; }

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

  .cart-line-text {
    font-size:14px !important;
  }

}


.custom-file-input {
  position: initial !important;
}

.custom-file-label {
  border: 0px !important;
}

.accordion .card-header:after {
  font-family: "Font Awesome 5 Free" !important;
  content: '\f107' !important;
  font-weight: 900 !important;
  font-size:19px;
}

.footer-list {
  display: block;
  margin-bottom: 5px;
   color:#ffffffdb;
}
.footer-link {
  color:#ffffffdb;
}  

.btn-black {
    color: #fff;
    border-color: #000000;
    background-color: #000000;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}
 
a .footer-link:hover {
  color:#ffffffdb;
}