/* @font-face {
  font-family: 'Swissra-Medium'; src: url(../font/Swissra-Medium.woff);
} */
@font-face {
  font-family: "Sansr";
  src: url("../font/Product Sans Regular.ttf");
  unicode-range: U+30-39;
  unicode-range: U+0020-007F;
}
@font-face {
  font-family: "Cairo";
  src: url("../font/Cairo-Regular.ttf");
}
@font-face {
  font-family: "Cairo";
  src: url("../font/Cairo-Bold.ttf");
}
@font-face {
  font-family: "Tajawal";
  src: url("../font/Tajawal-Light.ttf");
}
@font-face {
  font-family: "Tajawal";
  src: url("../font/Tajawal-Medium.ttf");
  font-weight: bold;
}

* {
  color: #111;
  font-size: 16px;
}

html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
  margin: 0;
  min-height: 100%;

  /* background-color: #f6f1ea; */
  font-family: "Tajawal", 'tahoma';

}
a:hover {
  color:#1e552c
}
 .active a{
  font-weight: bold
}
.container-fluid {
  padding-right: 0;
    padding-left: 0;
}
.bg-dark {
  background-color: #34495e !important;
}
.btn-success {
  color: #fff;
  background-color: #1abc9c;
  border-color: #1abc9c;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
  color: #fff;
  background-color: #119b7f;
  border-color: #1abc9c; /*set the color you want here*/
}
.btn-primary {
  color: #fff;
  background-color: #3498db;
  border-color: #3498db;
}
.text-primary {
 
  color: #3498db;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #2382c2;
  border-color: #3498db; /*set the color you want here*/
}

.title {
    padding: 5px;
    font-size: 22px;
    font-weight: bold;
    color: #3498db;
}