html,body{
    width: 100%;
    height: 100%;
    scroll-behavior: smooth;
    color: #333;
    background-color: #ffffff;
    font-family: 'Poppins', sans-serif;
}
.main-body{
	overflow-x: hidden;
}
.main-body .header_wrapper{
	    background-color: rgba(242, 242, 242, 0.3);
	    position: relative;
	    z-index:40;
	    padding-bottom: 1.5rem;
}

#main_header {
	z-index: 45;
	background-color: white;

}
#navbar_main  .nav-item .nav-link{
	color: #000;
	font-size: 14px;
    margin-right: 20px;
    padding: 0px;
    font-weight: bold;
}
#navbar_main  .nav-item .nav-link span{
	border-right: 1px solid grey;
	padding-right: 20px;
}
#navbar_main  .nav-item .nav-link .fa-search{
	transform: rotate(90deg);
	font-size: 18px;
}

.search_bar{
	margin-top: 1.5rem;
}


.search_bar .form-control{
	border-color: #069;
	outline: unset;
    height: calc(2em + .75rem + 2px);
}
.search_bar .form-control:focus, .search_bar .form-control:hover{
	box-shadow: unset;
}
.search_bar .input-group-append{
	border:1px solid #069;
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
}

.search_bar .input-group-append .input-group-text{
	background-color: #ffffff;
	border:unset;

}
.main_content{
	margin-top: 13rem;
	position: relative;
	z-index: 8;
}
.bg_color_1 {
    background-color: #f2f2f2;
}

.article_quick_links ul li:not(:last-child) {
    border-bottom: 1px solid #eee;
}
.article_quick_links ul li a {
    color: #000;
    font-weight: 400;
    font-size: 12px;
}
.article_quick_links{
    background: #fff;
    border-color: #fff;
    min-height: 34px;
    padding: 10px;
    margin-bottom: 20px;
}

.article_quick_links .list-group-item {
    padding: 10px 0rem;
    background-color: #fff;
    border: unset;
    font-size: 12px;

}
.article_quick_links .list-group-item a{
	    display: flex;
    align-items: center;
    justify-content: space-between;
}
.article_quick_links .list-group-item a .badge{
	    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}
.browse_title{
	font-size: 18px;
	padding-top: 10px;
}

.journals_filter {
    margin-bottom: 20px;
}
.journals_filter{
	font-size: 24px;	
}
.journals_px{
	padding-left: 7px;
	padding-right: 7px;
}
.journel_card .card-img-top{
	height: 250px;
	object-fit: cover;
}

.journel_card .card-body {
    padding: .5rem 0.25rem;
}

.journel_card .card-body h4.card-title{
	font-size: 16px;
	margin-bottom: 5px;
	color: #069;
}
.journel_card .card-body .card-text{
	color: red;
	margin-bottom: 5px;
}
.list_wrapper{
	    color: #069;
	    border-bottom: 1px solid lightgrey;
	    padding-bottom: 1rem;
	    margin-bottom: 1rem;
}
.list_wrapper .list_title h4{
	font-size: 20px;
	font-weight: bold;
}
.list_wrapper .list_title h4:hover{
	cursor: pointer;
	color: black;
}
.list_wrapper .listed_tags .list-group-item{
	padding: .15rem 0.1rem ;
	border:unset;
	font-size: 15px;
}
.list_wrapper .other_info .list-group-item{
	color: black;
	padding: 0px .5rem;
	font-size: 15px;
	border:unset;
	border-right: 1px solid black;
}

.pdf_section{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.pdf_wrap{
	margin-left: 1rem;
	
}
.abstract_wrap:hover{
	cursor: pointer;
	color: #000000;
}
.abstract_wrap:hover span{
	text-decoration: underline;
}
.pdf_wrap a{
	color: black;
	text-decoration: none;
	font-size: 12px;
}
.modal .close{
	position: absolute;
    right: -10%;
}
    button:focus {
    outline: unset;}

    /*Responsive*/



    /*// Large devices (desktops, less than 1200px)*/
    @media (max-width: 1199.98px) { 
    }

    /*// Medium devices (tablets, less than 992px)*/
    @media (max-width: 991.98px) { 

    }


    /*// Extra small devices (portrait phones, less than 576px)*/
    @media (max-width: 575.98px) {
.journel_card {
	margin-bottom: 1.5rem;
}
.main_content {
    margin-top: 16rem;}

.text_custom_center{
	text-align: center;
}
#navbar_main .nav-item .nav-link span {
    border-right: unset;
    padding-right: unset;}
#navbar_main .nav-item .nav-link {
    font-size: 12px;
    margin-right: 0px;
    padding: 4px;
}
.navbar-toggler {
    padding: .25rem .25rem;}

.navbar-brand img{
	width: 200px;
}
.modal .close{
    right: 1%;
    z-index: 1000;
    top: 1%;
}

}

@media (max-width: 750.98px) {
	.page-link {
		padding: 0.1rem .5rem;
		font-size: 12px;
	}
}
.page-link.active {
	background: #000;
	color: #fff;
}