@font-face {
    font-family: 'Tajawal';
    src: url('../fonts/Tajawal-Regular.ttf')  format("truetype"),
         local('Tajawal');
  }

html, body{
    direction: rtl;
    text-align: right;
}

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

.dropdown-menu .dropdown-item{
    text-align: right;
}

.bg-secondary{
    background-color: #666 !important;
}

.bg-light{
    background-color: #EEE !important;
}

/* Start Sidebar */
.latest-post, .latest-comment{
    padding: 0 15px;

}
.latest-post .latest-post-item, .latest-comment .latest-comment-item{
    padding: 6px;
}

.latest-post li:first-child, .latest-comment li:first-child{
    border-top: 0;
}

.latest-post li:last-child, .latest-comment li:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}

/* End Sidebar */

/* Start Comment */
.comment{
    background-color: #f8f8f8;
    border: 1px dashed #CCC;
}
/* End Comment */

.btn-editing{
    float: left;
}

.back-btn{
    float: left;
}


.panel {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 10px;
  padding: 10px;
}

.panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.panel-header h2 {
  margin: 0;
}

.panel-content {
  display: none;
}

.panel-toggle {
  background: none;
  border: none;
  font-size: 1.5em;
}
.panel.expanded .panel-content {
  display: block;
}
.panel.expanded .panel-toggle {
  transform: rotate(90deg);
}