@import url('https://fonts.googleapis.com/css?family=Montserrat');
body{
	margin:0px;
	font-family:"Gill Sans", sans-serif;
	background:url(../../../images/bg-biomed.jpg);
	background-color:#F6F6F6;
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
}
::-webkit-scrollbar{
	width:5px;
	height:5px;
}
::-webkit-scrollbar-thumb{
	background:#3D84FA;
	border-radius:5px;
}
::-webkit-scrollbar-thumb:hover{
	background:#37F2FB;
}
.regi{
	margin:20px 10px;
	float:right;
    color:#3D84FA;
	background:linear-gradient(to bottom right, #37F2FB, #3D84FA);
	padding:10px 15px;
	border-radius:30px;
	border:none;
	cursor:pointer;
}
.regi:hover{
	color:#37F2FB;
	text-decoration:none;
}
.bg-modal{
    display:none;
    width:100%;
    height:100%;
    background:url(../../../images/bg-biomed.jpg);
	background-color:#F6F6F6;
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
    opacity:0.9;
    position:fixed;
    top:0;
    left:0;
    z-index:3;
}
.login-popup{
    display:none;
    position:fixed;
	top:80px;
    left:38%;
}
.signup-popup{
    display:none;
    position:absolute;
	top:80px;
    left:38%;
}
.login-container .card{
    box-shadow:0px 0px 5px gray;
    color:#3D84FA;
    width:321px;
	height:auto;
}
.signup-container .card{
    width:321px;
	color:#3D84FA;
    box-shadow:0px 0px 5px gray;
	height:auto;
}
.closebtn{
	float:right;
	width:30px;
	height:30px;
	border:none;
	font-size:20px;
	padding-bottom:10px;
	cursor:pointer;
	background:none;
	color:#3D84FA;
}
.closebtn:hover{
	color:#37F2FB;
    background:#3D84FA;
}
.icons{
    color:#3D84FA;
}
.btn-sub{
    padding:10px 15px;
    margin:10px 0px;
    border:none;
    cursor:pointer;
    background:#37F2FB;
    color:#3D84FA;
    border-radius:5px;
    float:right;
}
.btn-sub:hover{
    color:#37F2FB;
    background:#3D84FA;
}
.signup{
    padding:10px;
    font-size:19px;
    cursor:pointer;
}
.signup:hover{
    color:#37F2FB;
    text-decoration:underline;
}
.form-control{
    padding-top:0rem;
    padding-bottom:0rem;
}
.loginimg{
	width:65px;
	height:65px;
	display:block;
	margin:5px auto;
	background:url(../../../images/loginicon.png) center center no-repeat;
	background-size:40px 40px;
	border:8px solid gray;
	border-radius:50%;
}
.signupimg{
	width:65px;
	height:65px;
	display:block;
	margin:5px auto;
	background:url(../../../images/sign-up.png) center center no-repeat;
	background-size:68px 67px;
	border:8px solid gray;
	border-radius:50%;
}
.logo{
	height:120px;
	padding:20px 0px 0px 15px;
	background-color:white;
}
.logoimg{
	float:left;
	max-width:100%;
}
.navbar{
	border-radius:0px 0px 10px 10px;
    z-index:2;
}
.navbar-nav{
	padding-left:50px;
}
.navbar-nav li{
	width:150px;
	display:block;
}

.navbar-nav li a{
	text-align:center;
	color:#3D84FA !important;
	transition:1000ms;
}
.navbar-nav li a:hover{
	color:#37F2FB !important;
	transform:translateY(-10px) !important;
	-webkit-transform:translateY(-10px) !important;
	-moz-transform: translateY(-10px) !important;
}
.nav-link.active{
	color:#37F2FB !important;
}
@media (max-width:1248px){
	.navbar-nav{
		padding-left:60px;
	}
	.navbar-nav li{
		width:150px;
	}
	.login-popup{
		left:36%;
	}
	.signup-popup{
		top:20px;
		left:36%;
	}
}
@media (max-width:1199.5px){
	.navbar-nav{
		padding-left:40px;
	}
	.navbar-nav li{
		width:140px;
	}
	.sublink{
		font-size:14.9px;
	}
}
@media (max-width:1000px){
	.navbar-nav{
		padding-left:60px;
	}
	.navbar-nav li{
		width:130px;
	}
	.login-popup{
		left:34%;
	}
	.signup-popup{
		left:34%;
	}
}
@media (max-width:991.5px){
	.navbar-nav{
		padding-left:0px;
		padding-right:-10px;
	}
	.navbar-nav ul{
		margin:0px;
	}
	.navbar-nav li{
		width:117px;
		font-size:15px;
	}
	.contbox{
		width:90%;
	}
	.jourimg{
		position:relative;
		right:60px;
	}
	.sublink{
		font-size:9.2px;
		border:1.5px solid #3D84FA !important;
	}
	.regi{
		margin-top:5px;
	}
	.logo{
		height:90px;
	}
	.logoimg{
		max-width:76%;
	}
}
@media (max-width:960px){
	.navbar-nav{
		padding-left:0px;
	}
	.navbar-nav li{
		width:117px;
	}
	.contbox{
		width:100%;
	}
	.jourimg{
		width:100%;
		position:relative;
		left:1px;
		margin-top:10px;
		height:auto;
	}
}
@media (max-width:890px){
	.login-popup{
		left:32%;
	}
	.signup-popup{
		left:32%;
	}
}
@media (max-width:767.5px){
	.sublink{
		font-size:15px !important;
		border:5px solid #3D84FA !important;
	}
	.regi{
		font-size:15px;
	}
	.logoimg{
		max-width:67%;
	}
	.login-popup{
		left:30%;
	}
	.signup-popup{
		left:30%;
	}
}
@media (max-width:759.5px){
	.login-popup{
		left:28%;
	}
	.signup-popup{
		left:28%;
	}
}
@media (max-width:678.5px){
	.login-popup{
		left:26%;
	}
	.signup-popup{
		left:26%;
	}
}
@media (max-width:610.5px){
	.login-popup{
		left:24%;
	}
	.signup-popup{
		left:24%;
	}
}
@media (max-width:590.5px){
	.login-popup{
		left:22%;
	}
	.signup-popup{
		left:22%;
	}
}
@media (max-width:510.5px){
	.login-popup{
		left:18%;
	}
	.signup-popup{
		left:18%;
	}
}
@media (max-width:504.5px){
	.logoimg{
		max-width:64%;
	}
}
@media (max-width:492.5px){
	.logoimg{
		max-width:63%;
	}
}
@media (max-width:480.5px){
	.logoimg{
		max-width:62%;
	}
}
@media (max-width:468.5px){
	.logoimg{
		max-width:61%;
	}
}
@media (max-width:475.5px){
	.login-popup{
		left:16%;
	}
	.signup-popup{
		left:16%;
	}
}
@media (max-width:440.5px){
	.regi{
		font-size:13px;
	}
	.login-popup{
		left:14%;
	}
	.signup-popup{
		left:14%;
	}
}
@media (max-width:420.5px){
	.login-popup{
		left:12%;
	}
	.signup-popup{
		left:12%;
	}
}
@media (max-width:404.5px){
	.regi{
		font-size:11px;
	}
}
@media (max-width:400px){
	.login-popup{
		left:10%;
	}
	.signup-popup{
		left:10%;
	}
}
@media (max-width:386.5px){
	.txtfild{
		font-size:10px;
	}
	.radi{
		display:grid !important;
		place-items:center;
	}
	.signup{
		font-size:16px;
	}
	.logfoot{
		font-size:10px;
	}
	.login-container .card{
		width:280px;
	}
	.signup-container .card{
		width:280px;
	}
	.login-popup{
		left:14%;
	}
	.signup-popup{
		left:14%;
	}
}
@media (max-width:367.5px){
	.regi{
		font-size:10px;
	}
	.login-popup{
		left:11%;
	}
	.signup-popup{
		top:-10px;
		left:11%;
	}
}
.dropdown-menu{
	width:200px;
}
.content{
	border:2px solid #3D84FA;
	padding:8px;
	border-radius:10px;
	text-align:center;
	margin:10px 0px;
}
.content a{
	text-decoration:none;
	color:#3D84FA;
}
.content a:hover{
	text-decoration:none;
	color:#37F2FB;
}
.cont{
	padding:10px 20px;
	min-height:390px;
}
.contbox{
	box-shadow:0px 0px 4px gray;
	padding:10px;
	border-radius:0px 5px 5px;
}
.contbox a{
	text-decoration:none;
	color:#3D84FA;
}
.contbox a:hover{
	color:#37F2FB;
}
.contbox ul{
	list-style:none;
}
.contbox ul li{
	position:relative;
	padding-bottom:10px;
}
.contbox ul li:before{
	content:'';
	position:absolute;
	border-right:2px solid #37F2FB;
	border-bottom:2px solid #37F2FB;
	width:5px;
	height:5px;
	top:calc(50%-4px);
	left:-15px;
	transform:translateY(180%)rotate(-45deg);
}
#myBtn{
	display:none;
	position:fixed;
	bottom:20px;
	right:30px;
	z-index:99;
	font-size:18px;
	border:none;
	outline:none;
	background-color:#3D84FA;
	color:#37F2FB;
	cursor:pointer;
	padding:5px 10px;
	border-radius:4px;
}
#myBtn:hover{
	background-color:#37F2FB;
	color:#3D84FA;
}
.path{
	margin:5px;
	height:auto;
	border-radius:5px;
	background-color:#3D84FA;
	padding:7px 5px 5px 17px;
	color:#37F2FB;
}
.path a{
	text-decoration:none;
	color:#37F2FB;
}
.vol-iss{
	margin:5px;
	height:auto;
	border-radius:5px;
	background-color:#37F2FB;
	padding:5px;
	color:#3D84FA;
	text-align:center;
}
.vol-iss a{
	text-decoration:none;
	color:#3D84FA;
}
.art-cont{
	padding:5px 5px 0px 20px;
	text-align:justify;
	font-family:Times New Roman !important;
	font-size:16px;
	margin-bottom:25px;
}
.art-cont a{
	text-decoration:none !important;
}
.art-cont .art-butt a{
	border:1px solid #37F2FB;
	border-radius:50px;
	width:100px;
	float:left;
	text-align:center;
	font-weight:bold;
	margin:5px auto;
	background-color:#3D84FA;
	color:#37F2FB;
	font-size:16px;
}
.art-cont .art-butt a:hover{
	color:#3D84FA;
	background-color:#37F2FB;
}
.year{
	font-weight:bold;
	font-size:20px;
	text-align:justify;
	padding:5px;
}
.year:hover{
	text-decoration:underline;
}
.side-nav{
	float:left;
}
.side-nav ul{
	list-style-type:none;
}
.side-nav ul li{
	height:40px;
	width:auto;
	background-color:#37F2FB;
	border-top:1px solid #3D84FA;
}
.side-nav ul li.active{
	color:#37F2FB;
	background-color:#3D84FA;
	border-top:1px solid white;
}
.side-nav ul li:hover{
	background-color:#3D84FA;
	border-top:1px solid white;
}
.side-nav ul li a{
	text-decoration:none;
	display:block;
	padding:7px 5px 8px 9px;
	color:#3D84FA;
}
.side-nav ul li a.active{
	color:#37F2FB;
}
.side-nav ul li a:hover{
	color:#37F2FB;
}
.jorcont{
	padding:10px;
	font-size:15px;
	min-height:250px;
	color:#37F2FB;
}
.jorcont p a{
	color:#37F2FB;
	text-decoration:underline;
}
.jorcont p a:hover{
	color:#3D84FA;
	text-decoration:none;
}
.jorcont hr{
	background-color:#37F2FB;
	margin:0px 100px;
}
.jourimg{
	border-radius:10px;
}
.submission{
	margin:50px auto 30px 5px;
	transition:1000ms;
}
.submission:hover{
	transform:translateY(-10px);
	-webkit-transform:translateY(-10px);
	-moz-transform: translateY(-10px);
}
.sublink{
	padding:25px 10px;
	border:5px solid #3D84FA;
	border-radius:40px;
	background:linear-gradient(to bottom right, #37F2FB, #3D84FA);
	color:#3D84FA;
	text-transform:capitalize;
	font-weight:bold;
	text-decoration-style:wavy;
}
.sublink:hover{
	color:white;
	text-decoration-style:wavy;
	text-decoration-line:overline;
}
.ebimg{
	border:2px solid #37F2FB;
	border-radius:5px;
	margin-bottom:10px;
}
.footer-out{
	background-color:#D1D1D1;
	height:auto;
	margin:auto;
}
.footer-in{
	background-color:#2E2B2A;
	height:auto;
	margin:auto;
	padding:20px;
	padding-right:20px;
	border-radius:0px 0px 10px 10px;
}
.footlogo{
	padding:10px 30px 20px 30px;
}
.crig{
	padding:13px 5px;
}
.crig a{
	color:#333333;
	text-decoration:none;
}
.crig a:hover{
	color:#3D84FA;
}
.ulinks{
	padding:15px 0px 0px 50px;
	color:#37F2FB;
}
.ulinks ul{
	padding:0px;
	list-style:none;
}
.ulinks ul li{
	display:block;
	padding:5px 0px;
	text-align:justify;
}
.ulinks ul li a{
	color:#3D84FA;
	text-decoration:none;
}
.ulinks ul li a:hover{
	color:#37F2FB;
}
.licen{
	padding:15px 0px 0px 20px;
	color:#37F2FB;
	text-align:justify;
}
.foothead{
	padding:15px;
	font-weight:bold
}
/* Absolute Center Spinner */
.loading{
	position:fixed;
	z-index:999;
	height:2em;
	width:2em;
	overflow:visible;
	margin:auto;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
/* Transparent Overlay */
.loading:before{
	content:'';
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.3);
}
/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required){
	/* hide "loading..." text */
	font:0/0 a;
	color:transparent;
	text-shadow:none;
	background-color:transparent;
	border:0;
}
.loading:not(:required):after{
	content:'';
	display:block;
	font-size:10px;
	width:1em;
	height:1em;
	margin:0 auto;
	-webkit-animation:spinner 1500ms infinite linear;
	-moz-animation:spinner 1500ms infinite linear;
	-ms-animation:spinner 1500ms infinite linear;
	-o-animation:spinner 1500ms infinite linear;
	animation:spinner 1500ms infinite linear;
	border-radius:0.5em;
	-webkit-box-shadow:rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	box-shadow:rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}
/* Animation */
@-webkit-keyframes spinner{
	0%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@-moz-keyframes spinner{
	0%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@-o-keyframes spinner{
	0%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@keyframes spinner{
	0%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}