@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300&family=El+Messiri&display=swap');

* {
  font-family: 'El Messiri', sans-serif;
}

body {
  font-family: 'El Messiri', sans-serif;
}

h1, h2, h3, h4, h5, h6, p, span, li, a, strong,
.text-primary,
.navbar-menu .navbar-nav .nav-sm .nav-link,
.page-title-box h4,
.navbar-menu .navbar-nav .nav-sm .nav-link {
  font-family: 'El Messiri', sans-serif !important;
}

.form-control {
  text-align: right;
}

.pannelPermission {
  padding: 0px;
    flex: 31% !important;
    margin: 0 1%;
    min-height: 280px;
    margin-bottom: 20px;
}

.pannelPermission .card-body {
    text-align: right;
    padding: 10px 0px;
    min-height: 300px;
}

.pannelPermission .card-body ul {
  padding: 0px 10px;
}

.pannelPermission .card-body ul li {
    display: block;
    padding: 5px;
    border-bottom: 1px solid #cccccc82;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

.btn-primary {
    color: #fff !important;
    background-color: #7367f0 !important;
    border-color: #7367f0 !important;
}

@media screen and (max-width: 768px)
{
  .pannelPermission {
    flex: 100% !important;
  }
}