body {
    overflow:auto;
}

* {
  transition: all 0.1s ease-in-out;
}

.transparent-style{

    background-color: rgba(255,255,255,0.30);
    opacity: 0.7 !important;

}

.modal {
  background-color: #00000073 !important;
}
.cursor-pointer {
    cursor: pointer;
}


/** ========================================= Website ========================================*/

/**
* Main Style for block elements of the website contents 
*/

.displayTotalvisitorCountDiv {
  font-weight: bold;
}

.custom-main-title {
  font-size: 3vw !important;
}
.block-main-div {
  border-top:2px solid rgb(110, 167, 114);
  background-color: white !important;
  padding:10px !important;
  font-size:16px !important;
}
.block-main-div-heading {
  font-size:22px !important;
  font-weight:bold !important;
}
.list-style-type-none {
  list-style-type:none !important;
}

/**Side nav styling */
.side-nav-border {
  border-top: 2px solid rgb(110, 167, 114) !important;
}


/** Footer Edit */
.list-group-item-footer {
  background-color:#424242 !important;
  color:lightgrey !important;
  padding:5px !important;
  font-size:14px !important;
}

footer {
  font-size:10px solid white !important;
  color:lightgray !important;
}

.custom-main-j-logo {
  width: 63px !important;
}

@media (max-width:600px) {
  .custom-main-title {
    font-size: 4.5vw !important;
  }
  .custom-main-j-logo {
    width: 43px !important;
  }
}



/* Article Submission Navigation Start */
.bg-orange {
  background-color: rgb(255, 136, 0);
}
.nav-icon-submission {
    width: 77px;
    height: 77px;
    background-color: aqua;
    transition: all  0.4s;
}
.nav-icon-editor {
  width: 87px;
  height: 87px;
  background-color: aqua;
  transition: all  0.4s;
}
.nav-icon-divider {
    width:8%;
    height:4px;
    background-color: rgb(57, 79, 79);
}
.nav-icon-submission:hover {
    border-radius:5px !important;
    background-color:#17a2b8 !important;
}
@media(max-width:600px) {
    .nav-icon-submission {
        width:55px;
        height:5px;
        text-align:left;
    }
    
    .nav-icon-submission small {
        padding: 5px !important;
        text-align:left;
    }
    .nav-icon-divider {
        width:3%;
    }  
    .overflow-sm-auto {
      overflow: auto !important;
    }
}
@media(max-width:992px) {
    .nav-icon-submission {
        width:60px;
        height:60px;

    }
    .nav-icon-submission p {
        padding: 5px !important;
        text-align:left;
    }
    .nav-icon-divider {
        width:3%;
    }
    .overflow-snm-auto {
      overflow: auto !important;
    }
}

/* Article Submission Navigation End */


/* Reviewer Remarks Listing */
.dataLableActive {
  border-bottom: 0px solid lightgray !important;
  font-weight:bold;
  background-color: #e85251;
  color: white;
  border:0px solid red !important;
  font-size: 18px;
  transform: scale(1.2, 1.2);
}
.dataLableReviewer {
  border:0.5px solid lightgray;
  cursor: pointer;
}
.dataElement {

}


/** counter style start **/

.counter {
    height:35px !important;
    width:35px !important;
    padding:6px !important;
    color:white !important;
    font-weight:bold !important;
}

/** counter style End**/



/** keywords  Start*/
.keywords {
  font-weight:bold;
  border-radius:10px;
  background-color:#d9dede;
}
.keywords-btn {
  border:none;
  border-radius:10px;
  background-color:#c6caca;
  color: rgb(61, 58, 58);
  transition: all .4s ease-in-out;
}
.keywords-btn:hover {
  border:none;
  border-radius:10px;
  color: red;
  background-color:#b6baba;
}
/** keywords  End*/






























/* Loader Animation Start*/

#pre-loader {
    z-index:100000;
    top:0;
    left:0;
    right:0; 
    bottom:0;
    background-color:#ffffff;
    transition: all .01s ease-in-out;
}
/* #e85251  // 232, 86, 83 */
.loader,
.loader:after {
  border-radius: 50%;
  width: 15em;
  height: 15em;
}
.pre-loader-logo {
   background: url('https://rjms.journalgrid.com/images/fav-icon.svg') no-repeat fixed center !important;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(232, 83, 81, 0.2);
  border-right: 1.1em solid rgba(232, 83, 81, 0.2);
  border-bottom: 1.1em solid rgba(232, 83, 81, 0.2);
  border-left: 1.1em solid #e85251;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  /* background: url('https://rjms.journalgrid.com/images/fav-icon.svg') no-repeat fixed center; */
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* Loader Animation  End*/

.card, .card-header {
  border:none !important;
}

.form-heading {
  font-size: 30px;
  color:white !important;
  background-color: #fd5052 !important;
}

/** Styles for links author and editor*/

.journal-heading-with-links-author {
  color:white !important;
  background-color: #fd5052 !important;
}

.journal-heading-with-links-author a {
  font-weight: normal !important;

}

.link-author-style a {
  color:white !important;
  text-decoration: none !important;
}

.link-author-style a:hover {
  color:#fd5052 !important;
}


.link-author-style {
  font-size: 18px !important;
  background-color: #fd5052 !important;
  color:white !important;
  border-radius: 5px !important;
  transition: background-color 0.4s ease-in-out;
}

.link-author-style:hover {
  background-color: white !important;
  color: #fd5052 !important;
}

.link-author-style:active {
  background-color: white !important;
  color: #fd5052 !important;
}
.link-author-style:focus {
  background-color: white !important;
  color: #fd5052 !important;
}


.link-author-style-a-style {
  background-color: rgb(95, 95, 95) !important;
}
.link-author-style-a-style:hover {
  background-color: rgb(95, 95, 95) !important;
}
/** Styles for links author and editor */


.journal-title-heading {
  background-color: white !important;
}

.btn {
  border:none !important;
}

.btn-primary {
  background-color: #6457f9 !important;
}
.bg-primary {
  background-color: #6457f9 !important;
}
textarea {
  height: 200px !important;
}



 
.norm-form > .form-group {
  padding: 10px !important;
  border-left: 2px solid #fd5052 !important;
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.norm-form > .form-group label {
  font-size: 20px !important;
  padding: 4px 10px 4px 10px !important;
  margin-top: 10px !important;
}

.norm-form > .form-group input, .norm-form > .form-control select, .norm-form > .form-control textarea {
  border: .2px solid #e4e4e4 !important;
  border-radius: 3px !important;
  transition: border-bottom .4s ease-in-out;
}

.norm-form > .form-group input:focus, select:focus, textarea:focus {
  border-radius: 0 !important;
}

.journal_logo_jms {
  width:120px !important;
}

.fade-in-anm {
  transition: all .4s ease-in-out;
}

.btn-info {
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034) !important;
}

.alert-danger {
  color: #ffffff !important;
  background-color: #fd5052 !important;
  border: none !important;
  border-radius: 0px !important;
}

.alert-success {
  color: #ffffff !important;
  background-color: #29a25d !important;
  border: none !important;
  border-radius: 0px !important;
}

/** Form Animation  Start**/
.form-div-animation {

}


/** Form Animation End**/



/** Universal Form Elements*/

input, select, textarea {
  border: 0 !important;
  box-shadow: none !important;
  border-bottom: 2px solid darkgrey !important;
  outline: 0 none !important;  
  border-radius: 0 !important;
}

input:focus, select:focus, textarea:focus {
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 none !important;
  border-bottom: 2px solid #fd5052 !important;
}
.required-indicator {
  color: red !important;
  font-size: 14px !important;

}
.optional-indicator {
  font-size: 12px !important;

}

/** Universal Form Elements*/




/** Login page styles Start */

.login-form > .form-group label {
  font-size: 20px !important;
  padding: 4px 10px 4px 10px !important;

}

.login-form > input[type=email], input[type=text], input[type=password], input[type=number], select, textarea {
  border: none !important;
  outline: none !important;
  border-radius:0px !important;
  border-bottom: 2px solid #c2c1c1 !important;
  transition: all 0.7s ease-in-out;
}

.login-form > input:focus, input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus, select:focus, textarea:focus {
  outline: none !important;
  border: none !important;
  outline: none !important;
  border-bottom: 2px solid #fd5052 !important;
  box-shadow: none !important;
}

/** Login page styles end





/**** Dashboard */

.dashboard-icon {


}

.dashboard-link {
  color: white !important ;
}

.dashboard-link > a {
  text-decoration: none !important;
  color: white !important ;
}

.dashboard-link:hover, .dashboard-link a:hover {
  background-color: white !important;
  color: #6457f9 !important ;
}

.dashboard-icon-anm {
  animation: leftRight 5s infinite !important;
}

@keyframes leftRight {
  0% {right: 0px}
  25% {right: 30px}
  50% {right: 60px}
  75% {right: 30px}
  100% {right: 0px}
}
/** Dashboard */


/** Article view page styling*/

.articleViewImg :hover {
  box-shadow: 0 1rem 3rem rgb(0 0 0  / 18%) !important;
}

#abstractDiv {
    
}
#abstractText {

}

#mainArticleDiv {

}
#mainArticleText {

}

.custom-dropdown-menu {
    position: static;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 0.9rem;
    text-align: left;
    list-style: none;
    border-radius: 0.25rem;
}

#editorExtraNavLinks {
  display: block;
}

.custom-list-title-font {
  font-size:0.9rem !important;
}

@media(max-width:700px) {
  #abstractText {
    font-size: 13px !important;
  }
  .overflow-md-auto {
    overflow: auto !important;
  }
  .custom-list-title-font {
    font-size:0.6rem !important;
  }
  #editorExtraNavLinks {
    display: none;
    position: absolute;
  }
}

/** Article view page end  */

/** Tooltip width */
.tooltip-inner {
  margin: auto !important;
  max-width: 300px !important;
}


.ghj-header .list-group-item {
  border: none !important;
}

.list-style-type-none {
  list-style-type:none !important;
}




/** Ganaral Styles */
.w-10 {
  min-width: 10% !important;
}
.w-15 {
  min-width: 15% !important;
}
.w-18 {
  min-width: 18% !important;
}
.w-19 {
  min-width: 19% !important;
}
.w-20 {
  min-width: 20% !important;
}
.w-35 {
  min-width: 35% !important;
}