@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
body{
  font-family: 'Tajawal', sans-serif !important;
}
a,p,span,h1,h2,h3,h4,h5,h6{
  font-family: 'Tajawal', sans-serif !important;
}
/* Buttons */
.btn {
  border-radius: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 6px 15px !important;
  border: none !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  /* overflow: hidden !important; */
}
/* 
.btn:before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
  transition: left 0.5s !important;
} */

.btn:hover:before {
  left: 100% !important;
}

.btn-primary {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  color: white !important;
}

.btn-success {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important;
  color: white !important;
}

.btn-warning {
  background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
  color: white !important;
}

.btn-danger {
  background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%) !important;
  color: white !important;
}

.info-box {
  border-radius: 10px !important;
  padding: 10px !important;
}

.small-box {
  border-radius: 10px !important;
  padding: 10px !important;
}
.content-header {
  background-color: #b3b3b3 !important;
  background-image: linear-gradient(to right, #f8f9fe, #f8f9fe) !important;
}

.skin-blue .content-wrapper .content-header-custom a, .skin-blue .content-wrapper .content-header-custom h1, .skin-blue .content-wrapper .content-header-custom small, .skin-blue-light .content-wrapper .content-header-custom a, .skin-blue-light .content-wrapper .content-header-custom h1, .skin-blue-light .content-wrapper .content-header-custom small {
  color: #000000 !important;
}

header .navbar {
  background-color: #2b80ec !important;
  background-image: linear-gradient(to right,#1572e8, #1572e8) !important;
}

.btn-group {
  border-radius: 10px !important;
}

.btn-group .btn {
  margin-left: 2px !important;
}
.dt-buttons .btn {
  margin: 2px !important;
}
body {
  font-family: 'Tajawal', sans-serif !important;
}
/* .skin-blue-light .sidebar a
 {
  font-weight: 800 !important;
  font-family: 'Tajawal', sans-serif !important;
} */
.side-bar a.active {
  font-weight: 600 !important;
  font-family: 'Tajawal', sans-serif !important;
}

input{
  padding-left: 5px !important;
  padding-right: 5px !important;
}
/* .navbar-default .navbar-nav>li>a{
  font-weight: 900 !important;
} */
.navbar-default .navbar-nav>li>a:hover{
  font-weight: 900 !important;
}
.navbar-default .navbar-nav>li>a:focus{
  font-weight: 900 !important;
}

.chiled.tw-relative.tw-mt-2.tw-mb-4.tw-pl-11{
  padding: 0px 12px;
  font-weight: 600;
}