@import url(//fonts.googleapis.com/earlyaccess/notokufiarabic.css);
body {
    font-family: 'Noto Kufi Arabic', sans-serif;
}
.pkp_structure_main .img_borderRedius {
  border-radius: 50%;
  transition: all .4s;
}

.pkp_structure_main .img_borderRedius:hover {
  border-radius: 0;
}
.pkp_structure_main .text_custom h5, .pkp_structure_main .text_custom h6
{
  margin: 0!important;
  
}
.pkp_structure_main .text_custom h6
{
  font-size: 12px;
}
.no-gutters img 
{
  border-radius: 50%!important;
}
.pkp_block .content ul li {
    font-weight: initial!important;
}
.text-right
{
  text-align: right!important;
}
.text-left
{
  text-align: left!important;
}
.text-center
{
  text-align: center!important;
}
.pkp_search_desktop 
{
  height: auto!important;
}
#navigationPrimary a {
    font-family: "Noto Sans","Noto Kufi Arabic",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif!important;
}
.pkp_site_name .is_text {
    font-size: 21px!important;
    font-family: 'Shrikhand', cursive!important;
    font-weight: 100!important;
}
.pkp_navigation_user>li>a, .pkp_navigation_user>li.in_focus>a, .pkp_navigation_user>li>a:hover, .pkp_navigation_user>li>a:focus
{
	font-family: 'Merriweather', serif!important;
	font-weight: 300;
}
.pkp_page_index .current_issue h2, 
.pkp_page_index .current_issue .current_issue_title, 
.pkp_block .title, .pkp_page_index .current_issue .read_more, 
.pkp_structure_main .page h1,
.obj_article_details .authors, 
.obj_article_details .main_entry .item.doi .label, 
.obj_article_details .main_entry .item.keywords .label,
.cmp_breadcrumbs,
#articlesBySimilarityList,
.obj_issue_summary .title,
.obj_article_summary .authors,
.published
{
	font-family: 'Merriweather', 'Noto Kufi Arabic', serif!important;
}
.obj_article_details .authors .affiliation {
    font-size: 12px!important;
}
.pkp_navigation_user_wrapper 
{
  width: 30%!important;
}
.slider {
    width: 50%;
    margin: 100px auto;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}
.pkp_nav_list ul 
{
  width: 18em!important;
}
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 10%;
  width: 100%;
  padding: 5px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f4f4f4;
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  z-index: 999999;
}
.cookie-banner p
{
  text-align: center;
}
.close {
  height: 20px;
  background-color: #777;
  border: none;
  color: white;
  border-radius: 2px;
  cursor: pointer;
}
.pkp_structure_footer_wrapper
{
	border-bottom: none!important;
}
.pkp_brand_footer a {
    float: none!important; 
    max-width: none!important;
}
.pkp_site_name_wrapper {
    background: #25bc9e!important;
}
.cmp_manuscript_button, .block_make_submission a, .obj_galley_link {
    background: #25bc9e!important;
}
.pkp_page_index .current_issue h2 {
    border-bottom: 3px solid #25bc9e!important;
}
.pkp_head_wrapper .pkp_search.is_open .search_controls .search_prompt
{
  background: #25bc9e!important;
}
.copy-right
{
	background-color: #25bc9e;
    color: #fff;
    padding: 11px;
    font-size: 12px;
    font-weight: 100;
}
.pkp_structure_page {
    margin-bottom: 0!important;
}
.page_about p
{
	text-align: justify!important;
}

.pkp_block .block_Keywordcloud{
    height: max-content;
    width: max-content;
}		
.main_entry .abstract
{
  text-align: justify!important;
}
.entry_details .copyright
{
  background: rgba(0,0,0,0.05)!important;
    box-shadow: 0 0 1px rgba(0,0,0,0.4)!important;

}
.entry_details .copyright p, .copyright a 
{
  padding: 2px 1px 4px 10px!important;
  margin: 0!important;
  text-align: left!important;
}
.main_entry .references
{
  text-align: justify;
}
.ui-tabs .ui-tabs-panel
{
  padding: 0!important;
}
.pkp_structure_main p {
    margin: 0px 0px!important;
    text-align: justify!important;
}
.pkp_structure_main h1, .pkp_structure_main h2, .pkp_structure_main h3, .pkp_structure_main h4 {
    margin: 0px 0 20px!important;
}
.page_title
{
  padding-top: 23px;
  font-size: 1.25em;
}
.obj_article_details .doi {
    background-size: 17px!important;
    background: url(../../images/DOI_logo.svg) no-repeat top left;
    padding: 0 0 5px 30px;
    font-size: .85em;
    color: #5379a9;
}
.obj_article_details .item.doi .label {
    display: none;
}
.obj_article_details .item.doi {
    margin-top: 10px;
}
.obj_article_details .main_entry {
    width: 100%!important;
}
.pkp_block {
    padding: 11px!important;
}
.pkp_block .content
{
  border: 1px solid #ddd;

  border-radius: 3px;
  text-align: center;
}
.pkp_block .title {
    margin-bottom: 0px!important;
    margin-top: 0!important;
    display: block;
    border-bottom: none!important;
    text-transform: uppercase;
    background-color: #25bc9e;
    padding: 5px;
    text-align: center;
    color: #fff;
}
.ui-widget-content a {
    color: #333333!important;
    font-size: 19px!important;
    margin-bottom: 14px!important;
}
.obj_article_details div.main_entry>ul.authors, .obj_article_details div.main_entry ul.authors {
    padding-top: 0;
    margin-top: -10px;
    padding: 20px 30px 10px 30px;
    background: #fdfdfd;
    box-shadow: 9px 10px 5px -10px rgb(224 224 224 / 75%);
    border: 1px solid #f3f3f3;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #eaeaea;
    background: linear-gradient(135deg, rgb(255 255 255) 0%, rgb(249 249 249) 47%, rgb(255 255 255) 100%);
    width: 100%;
}
.obj_article_details .authors .name {
    font-size: 1.1em;
}
.obj_article_details .row {
    border-top: none;
    border-bottom: 1px solid #f9f9f9;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 20px;
}
.obj_article_details .published {
    padding: 10px 30px 0px!important;
    font-size: 12px;
}
.cmp_article_list>li {
    border-bottom: 1px solid whitesmoke!important;
    padding-bottom: 20px!important;
}
.obj_article_summary>.title {
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 700!important;
    margin: 0!important;
    font-family: 'Merriweather', 'Noto Kufi Arabic', serif!important;
}
.obj_article_summary .meta {
    position: relative!important;
    padding-top: 5px!important;
    font-size: 13px!important;
    line-height: 20px!important;
}
.obj_article_summary .pages:before {
    content: "\f0f6";
    width: 20px!important;
    font-family: "FontAwesome";
    margin-right: 5px!important;
    font-size: 13px!important;
}
.pull-left {
    float: left!important;
}
.doi_link {
    background-size: 14px !important;
    height: 20px !important;
    background: url("https://www.jport.co/plugins/themes/defaultManuscript/images/DOI_logo.svg") no-repeat center left;
    padding: 5px 0 5px 23px;
    font-size: 12px;
    color: #5379a9;
    text-decoration: none;
    font-weight: 100;
    font-family: Arial;
}
.doi_container {
    margin-top: 16px;
    float: right!important;
}
#annuncments .annuncList {
    background-color: #fff!important;
    margin-left: 0px!important;
    margin-right: 0px!important;
    padding: 35px 20px 15px!important;
}
#annuncments .annuncList [class^="col"] {
    margin-bottom: 20px!important;
}
#annuncments .annuncList .annuncmentsTitle {
    border: none !important;
}
@media screen and (min-width: 993px) {
	#annuncments .annuncList [class^="col"] {
	    border-right: 1px solid silver!important;
	}
}
#annuncments {
    padding-bottom: 20px!important;
}
.most_read
{
  font-size: 12px!important;
  text-align: left!important;
  padding: 10px!important;
  font-weight: 100!important;
}
.row.article_statistic {
    margin-top: 55px;
    font-size: 0.8em;
    font-weight: 100!important;
}
.row.article_statistic .abstract_count {
    margin-left: 0;
    margin-right: 0;
}
.article_stat {
    background-size: 18px !important;
    height: 20px !important;
    background: url('../../images/bar_artikel.jpg') no-repeat center left;
    padding: 11px 0px 5px 23px;
    font-family: Arial;
}
.row.article_statistic .pdf_count {
    font-family: Arial;
}
.galley_stat {
    background-size: 18px !important;
    background: url('../../images/bar_galley.jpg') no-repeat center left;
    padding: 3px 0px 0px 23px;
}
.pkp_page_index .current_issue a.read_more {
    border-radius: 8px!important;
    padding: 4px 28px 4px 8px!important;
    float: right!important;
    clear: both!important;
    font-weight: normal!important;
    font-size: 10px!important;
    background-color: #25bc9e;
    margin-top: 16px!important;
    color: #fff!important;
    opacity: .8!important;
    transition: all .3s ease-in-out;
}
.pkp_page_index .current_issue a.read_more:hover
{
  opacity: 1!important;
}
.cmp_manuscript_button, .block_make_submission a, .obj_galley_link
{
  opacity: .8!important;
  transition: all .3s ease-in-out;
}
.cmp_manuscript_button, .block_make_submission a, .obj_galley_link:hover
{
  opacity: 1!important;
}
.articlesbysimilaritylist
{
  padding-top: 0;
  margin-top: -10px;
  padding: 20px 30px 10px 30px;
  background: #fdfdfd;
  box-shadow: 9px 10px 5px -10px rgb(224 224 224 / 75%);
  border: 1px solid #f3f3f3;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #eaeaea;
  background: linear-gradient(135deg, rgb(255 255 255) 0%, rgb(249 249 249) 47%, rgb(255 255 255) 100%);
  width: 100%;
}
.cmp_form .username input, 
.cmp_form .password input,
.cmp_form .given_name input,
.cmp_form .family_name input,
.cmp_form .affiliation input,
.cmp_form .country select,
.cmp_form .email input
{
  max-width: 100%!important;
  height: 35px!important;
  border: 1px solid #25bc9e!important;
}
.page_login .login 
{
    margin-bottom: 0!important;
    max-width: 100%!important;
    padding-top: 0!important;
    margin-top: -10px!important;
    padding: 20px 30px 10px 30px!important;
    background: #fdfdfd!important;
    box-shadow: 9px 10px 5px -10px rgb(224 224 224 / 75%)!important;
    border: 1px solid #f3f3f3!important;
    border-right: 1px solid #efefef!important;
    border-bottom: 1px solid #eaeaea!important;
    background: linear-gradient(135deg, rgb(255 255 255) 0%, rgb(249 249 249) 47%, rgb(255 255 255) 100%)!important;
}
.page_register .register
{
    margin-bottom: 0!important;
    max-width: 100%!important;
    padding-top: 0!important;
    margin-top: -10px!important;
    padding: 20px 30px 10px 30px!important;
    background: #fdfdfd!important;
    box-shadow: 9px 10px 5px -10px rgb(224 224 224 / 75%)!important;
    border: 1px solid #f3f3f3!important;
    border-right: 1px solid #efefef!important;
    border-bottom: 1px solid #eaeaea!important;
    background: linear-gradient(135deg, rgb(255 255 255) 0%, rgb(249 249 249) 47%, rgb(255 255 255) 100%)!important;
}
.page_login .login hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
/* Button */

.buttonHover {
  display: inline-block;
  padding: 9px 10px;
  border-radius: 10rem;
  color: #fff;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: .15rem;
  transition: all .3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  border: 1px solid transparent!important;
}
.buttonHover:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #25bc9e;
  border-radius: 10rem;
  z-index: -2;
}
.buttonHover:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #af2632;
  transition: all .3s;
  border-radius: 10rem;
  z-index: -1;
}
.buttonHover:hover {
  color: #fff;
}
.buttonHover:hover:before {
  width: 100%;
}

/* Nav Tabs */
.tab-wrap {
  -webkit-transition: 0.3s box-shadow ease;
  transition: 0.3s box-shadow ease;
  border-radius: 6px;
  max-width: 99%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  list-style: none;
  background-color: #fff;
  margin: 40px auto;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.tab-wrap:hover {
  box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
}

.tab {
  display: none;
}
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
      transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
      transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
      transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
      transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
      transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(6) ~ .tab__content:nth-of-type(6) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
      transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(7) ~ .tab__content:nth-of-type(7) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
      transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:first-of-type:not(:last-of-type) + label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tab:not(:first-of-type):not(:last-of-type) + label {
  border-radius: 0;
}
.tab:last-of-type:not(:first-of-type) + label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tab:checked + label {
  background-color: #fff;
  box-shadow: 0 -1px 0 #fff inset;
  cursor: default;
  color: #25bc9e;
}
.tab:checked + label:hover {
  box-shadow: 0 -1px 0 #fff inset;
  background-color: #fff;

}
.tab + label {
  width:100%;   
  box-shadow: 0 -1px 0 #eee inset;
  border-radius: 6px 6px 0 0;
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #fff;
  -webkit-box-flex: 3;
  -webkit-flex-grow: 3;
    -ms-flex-positive: 3;
      flex-grow: 3;
  text-align: center;
  background-color: #25bc9e;
  -webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
      user-select: none;
  text-align: center;
  -webkit-transition: 0.3s background-color ease, 0.3s box-shadow ease;
  transition: 0.3s background-color ease, 0.3s box-shadow ease;
  height: 50px;
  box-sizing: border-box;
  padding: 15px;
}
@media (min-width:768px) {
    
  .tab + label {
    width:auto;
  }
}

.tab + label:hover {
  background-color: #f9f9f9;
  box-shadow: 0 1px 0 #f4f4f4 inset;
  color: #25bc9e;
}
.tab__content {
  padding: 10px 25px;
  background-color: transparent;
  position: absolute;
  width: 100%;
  z-index: -1;
  opacity: 0;
  left: 0;
  -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
  border-radius: 6px;
  
}