:root {
	--cnvs-themecolor: #074555;
	--cnvs-themecolor-rgb: 7, 69, 85;
	--cnvs-gradient-color: linear-gradient(to right, #074555, #F5914D);

	--primary-color: #074555;
	--seconary-color: #F5914D;
	--white-color: #FFF;
	--black-color: #000;
}
.primary-text{
	color: var(--primary-color);
}
.primary-btn {
	background-color: var(--primary-color);
	color: var(--white-color);
	border: 1px solid var(--primary-color);
}
.primary-btn:hover {
	background-color: var(--white-color);
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
}
.primary-btn-bordered {
	background-color: var(--white-color);
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
}
.primary-btn-bordered:hover {
	background-color: var(--primary-color);
	color: var(--white-color);
	border: 1px solid var(--primary-color);
}
.primary-btn-hovered{
	background-color: var(--primary-color);
	color: var(--white-color);
	border: 1px solid var(--primary-color);
}
.primary-btn-hovered:hover{
	background-color: var(--primary-color);
	color: var(--white-color);
	border: 1px solid var(--primary-color);
}
.secondary-btn {
	background-color: var(--seconary-color);
	color: var(--white-color);
	border: 1px solid var(--seconary-color);
}
.secondary-btn:hover {
	background-color: var(--white-color);
	color: var(--seconary-color);
	border: 1px solid var(--seconary-color);
}
.secondary-btn-bordered {
	background-color: var(--white-color);
	color: var(--seconary-color);
	border: 1px solid var(--seconary-color);
}
.secondary-btn-bordered:hover {
	background-color: var(--seconary-color);
	color: var(--white-color);
	border: 1px solid var(--seconary-color);
}
.bg-primary{
	background-color: var(--primary-color) !important;
	color:  var(--white-color) !important;
}
.primary-bg{
	background-color: var(--primary-color) !important;
	color:  var(--white-color) !important;
}
.secondary-bg{
	background-color: var(--seconary-color);
}
.link-primary{
	color: var(--primary-color) !important;
}
.articlePageContent .dropdown-menu{
	width: 500px !important;
}









.is-expanded-menu #header.sticky-header-shrink #header-wrap #logo img {
    height: 50px;
}
.entry::after {
    content: "";
    position: relative;
    height: 0px;
    margin-top: 0px;
    background-color: #fff;
}
.active{
	color: var(--cnvs-themecolor);
}
.min-vh-52 {
    min-height: 52vh !important;
}
.page-title-content h1, .page-title-content .h1 {
	font-size: 2.3rem;
}
 
/* ------ account*/
.border-bg-color{
	background-color: #f5f5f5;
	border: 1px solid #dadada;
	padding: 30px 20px;
}
.button-upload{
	padding: 8px 16px;
	color: #fff;
	background-color: #01324b;
	background-image: none;
	/* border: 4px solid rgba(0, 0, 0, 0); */
	box-shadow: 0 0 0 1px #01324b;
	font-weight: 700;
	transition: all .2s;
	border-radius: 32px;
	letter-spacing: .7px;
}
.menuscript-open-new-tab-link{
	color: #025e8d;
	text-decoration: underline;
	text-decoration-skip-ink: auto;
}
.menuscript-tabs{
	background-color: #074555;
}
.menuscript-tabs .nav-link:not(.active):not(:focus) {
    border-color: transparent;
    background-color: #074555;
    color: white;
}

.institution-list-wrapper {
	margin-top: 24px;
}
.institution-item {
	padding: 16px 0;
	border-bottom: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.institution-name {
	font-weight: bold;
	margin: 0;
}
.remove-link {
	color: #007bff;
	text-decoration: underline;
	cursor: pointer;
	border: none;
	background: none;
	padding: 0;
}

.funder-list-wrapper {
	margin-top: 24px;
}
.funder-item {
	padding: 16px 0;
	border-bottom: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.funder-name {
	font-weight: bold;
	margin: 0;
}
.remove-link {
	color: #007bff;
	text-decoration: underline;
	cursor: pointer;
	border: none;
	background: none;
	padding: 0;
}
.funder-checkbox label {
	display: flex;
	align-items: center;
}
.funder-checkbox label .check-icon {
	width: 24px;
	height: 24px;
	background-color: #004b6b;
	color: white;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	margin-right: 8px;
}
.funder-checkbox input[type="checkbox"] {
	display: none;
}
.title-color {
	color: var(--white-color);
}

/* /////////////////////////////////css article type ////////////////////// */
 .custom-header {
            background: #134e5c;
            color: #fff;
            padding-top: 60px;
            padding-bottom: 90px;
        }

        
        .title-color {
            color: #fff;
            font-size: 2rem;
            font-weight: bold;
            margin: 0;
        }

        .main-card-bg {
            background-color: white;
            border-radius: 16px;
            box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1);
            margin-top: -64px;
            margin-bottom: 48px;
            padding: 24px;
        }

        .submission-title {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 15px;
            color: #333;
        }

        .submission-description {
            font-size: 14px;
            line-height: 1.5;
            color: #333;
            margin-bottom: 20px;
        }

        .form-group {
            margin-bottom: 20px;
        }

        .form-label {
            display: block;
            font-size: 14px;
            margin-bottom: 8px;
            color: #333;
        }

        .form-input {
            width: 100%;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 8px;
            font-size: 14px;
            color: #333;
            background-color: white;
            max-width: 400px;
        }

        .btn {
            padding: 10px 20px;
            font-size: 14px;
            border-radius: 50px;
            cursor: pointer;
            border: none;
            font-weight: 500;
        }

        .btn-submit {
            background-color: #0a3c4d;
            color: white;
        }

        .btn-submit:hover {
            background-color: #072a36;
        }

        @media (max-width: 768px) {
            .main-card-bg {
                margin-top: 0;
                border-radius: 0;
            }

            .form-input {
                max-width: 100%;
            }
        }

		.common-btn-size {
            border-radius: 30px;
            font-weight: 500;
            padding: 6px 18px;
        }
		.max-width-50 {
            max-width: 50%;
        }
		.corresponding-author {
			font-weight: 700;
			padding: 0px 0px;
			background-color: inherit;
			font-size: large;
			color: #0e4656;
		}
		.corresponding-author:hover{
			color: #0e4656;
			background-color: inherit;
			border-color: inherit;
		}
		.corresponding-author-label
		{
			font-weight: 500 !important;
		}

		.journal-subtitle {
			font-size: 0.95rem;
			color: #212529 !important;
			font-weight: 600;
		}
		.font-small{
			font-size: small;
		}
		.btn-download {
			
			color: #359bff;
			border: 1px solid #0a3c4d;
			border-radius: 70px;
			padding: 6px 18px;
			
		  }
	  
		  .btn-download:hover {
			
			color: #359bff;
		  }	
		  .btn-website {
			background-color: #0a3c4d;
			color: white;
			border: 1px solid #0a3c4d;
			border-radius: 70px;
			padding: 6px 18px;
			
		  }
	  
		  .btn-website:hover {
			background-color: #072a36;
			border-radius: 70px;
		  }
		  .btn-website:hover{
			background-color: #072a36;
			color:white
		  }	
		  .btn-draft{
			background-color: #a80b6e;
			color: white;
			border: 1px solid #a80b6e;
			border-radius: 70px;
			padding: 6px 18px;
			
		  }
		  .btn-draft:hover{
			background-color: #a80b6e;
			color:white
		  }	
		  .btn-submitted{
			background-color: #25a10c;
			color: white;
			border: 1px solid #25a10c;
			border-radius: 70px;
			padding: 6px 18px;
			
		  }
		  .btn-submitted:hover{
			background-color: #25a10c;
			color:white
		  }	
		  .btn-submission-report{
			background-color: #25a10c;
			color: white;
			border: 1px solid #25a10c;
			border-radius: 70px;
			padding: 6px 18px;
			
		  }
		  .btn-submission-report:hover{
			background-color: #25a10c;
			color:white
		  }	
		  .btn-submitted-return {
			background-color: #a10c0c;
			color: white;
			border: 1px solid #a10c0c;
			border-radius: 70px;
			padding: 6px 18px;
			
		  }
		  .btn-submitted-return:hover{
			background-color: #a10c0c;
			color:white
		  }	

		  .btn-revision-required {
			background-color: #a10c0c;
			color: white;
			border: 1px solid #a10c0c;
			border-radius: 70px;
			padding: 6px 18px;
			
		  }
		  .btn-revision-required:hover{
			background-color: #a10c0c;
			color:white
		  }	
		  .btn-decision-rejected {
			background-color: #a10c0c;
			color: white;
			border: 1px solid #a10c0c;
			border-radius: 70px;
			padding: 6px 18px;
			
		  }
		  .btn-decision-rejected:hover{
			background-color: #a10c0c;
			color:white
		  }	
		  .btn-decision-accepted {
			background-color: #25a10c;
			color: white;
			border: 1px solid #25a10c;
			border-radius: 70px;
			padding: 6px 18px;
			
		  }
		  .btn-decision-accepted:hover{
			background-color: #25a10c;
			color: white;
		  }	
		  .btn-decision-received{
			background-color: #a10c0c;
			color: white;
			border: 1px solid #a10c0c;
			border-radius: 70px;
			padding: 6px 18px;
			

		  }
		  .btn-decision-received:hover{
			background-color: #a10c0c;
			color: white;
			
		  }
		  .reviewers-details{
			width: 230px;
            
		  }
		  .overall-title{
			text-align: left;
			margin-bottom: 0rem;
			
		  }

		.reviewer-status {
			border-bottom-style: groove;
			padding: 6px;
		}

		.journal-card-container {
			display: flex;
			justify-content: space-between;
			gap: 20px;
		}
		
		.journal-content-left {
			flex: 1;
			min-width: 0;
		}
		
		.journal-content-right {
			width: 250px;
			flex-shrink: 0;
		}
		
		
		/* Responsive adjustments */
		@media (max-width: 768px) {
			.journal-card-container {
				flex-direction: column;
			}
			
			.journal-content-right {
				width: 100%;
				margin-top: 20px;
			}
			
			.meta-label {
				min-width: 100px;
			}
		}