@import "util/_web-util.css";
@import "base/_typography.css";
@import "base/_colours.css";
@import "components/_web-components.css";
@import "layout/_web-layout.css";

/* @import 'http://github.com/google/material-design-icons/'; */

body{
  color: var(--rp-gray-color-1) ;
}

html {
  scroll-behavior: smooth;
}
.container{
  max-width: 1366px;
}
*:focus {
  outline: none !important;
  box-shadow: none !important;
}
textarea:focus, input:focus{
  outline: none !important;
  box-shadow: none !important;
} 

a{
  text-decoration: none !important;
  color: inherit ;
}
a:hover{
  color: inherit ;
}
.cursor-pointer{
  cursor: pointer;
}
.noPointer{
  cursor: default !important;
}

.viewall-btn {
  float: right;
  background: transparent;
  border-radius: 1px;
  border: none;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: var(--rp-gray-color-1);
}

.viewall-btn:hover{
  color: var(--white);
  background-color: var(--rp-primary-color-dark);
}



/********************************************************
                    Glogal Design  Start
*********************************************************/




  /* Color start*/
   
  .number-color-blue{
    color: var(--rp-blue-color-dark);
  }
  .txt-color-blue{
    color: var(--rp-blue-color-dark) !important;
  }
  .ft_color{
    color: var(--rp-primary-color-dark) !important;
  }
  .btn{
    font-weight: var(--rp-font-weight-500);
  }
  .btn_border_color-dark{
    color: var(--rp-primary-color-dark);
    border-color: var(--rp-primary-color-dark);
  }
  .btn_border_color-dark:hover{
    color: var(--white);
    border-color: var(--rp-primary-color-dark);
    background-color: var(--rp-primary-color-dark);
  }
  
  .btn-color-dark{
    background-color: var(--rp-primary-color-dark) !important;
    color: var(--white) !important;
  }
  .btn-color-light{
    background-color: var(--rp-primary-color-light) !important;
    color: var(font-color-normal-text);
  }
  .table-hd-color-light-og{
    background-color: var(--rp-primary-color-light) !important;
    color: var(--rp-blue-color-dark);
  }
  .list-group-item-transparent{
    background-color: transparent !important;
  }
  
  .dropdown-menu{
    color: var(--rp-gray-color-2);top:100%;
  }
  .dropdown-menu.show {
    /* background-color: #ff0000; */
  }
  .dropdown-item.active, .dropdown-item:active {
    color: var(--rp-gray-color-1) ;
    background-color: var(--rp-gray-color-5);
  }
  .dropdown-menu.show a.dropdown-item:hover{
    color: var(--rp-gray-color-1) ;
    /* background-color: #b91773;
    border-color: var(--rp-white-color-3); */
  }
  
  /* Color End*/
  .fb_reset{
    font-family: var(--rp-primary-sans-font) !important;
  }
  .toast-success {
    background-color: #34A853 !important;
  }
  
  #toast-container>.toast-success {
    background-image: url('data:image/png;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZCkiPgo8Y2lyY2xlIGN4PSIxOSIgY3k9IjE1IiByPSIxMy43NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyLjUiLz4KPHBhdGggZD0iTTE2LjYyMjUgMTkuODE3OEMxNi40MjQ3IDE5LjczNTMgMTYuMjQ1MSAxOS42MTQ2IDE2LjA5NDIgMTkuNDYyNEwxMi45Nzc0IDE2LjM0NTZDMTIuNjcxNyAxNi4wMzk5IDEyLjUgMTUuNjI1MyAxMi41IDE1LjE5M0MxMi41IDE0Ljc2MDcgMTIuNjcxNyAxNC4zNDYxIDEyLjk3NzQgMTQuMDQwNUMxMy4yODMxIDEzLjczNDggMTMuNjk3NyAxMy41NjMxIDE0LjEzIDEzLjU2MzFDMTQuNTYyMyAxMy41NjMxIDE0Ljk3NjkgMTMuNzM0OCAxNS4yODI2IDE0LjA0MDVMMTcuMjQ2OCAxNi4wMjA5TDIyLjcxNzQgMTAuNTM0MUMyMy4wMjMxIDEwLjIyODQgMjMuNDM3NyAxMC4wNTY2IDIzLjg3IDEwLjA1NjZDMjQuMzAyMyAxMC4wNTY2IDI0LjcxNjkgMTAuMjI4NCAyNS4wMjI2IDEwLjUzNDFDMjUuMzI4MyAxMC44Mzk3IDI1LjUgMTEuMjU0MyAyNS41IDExLjY4NjZDMjUuNSAxMi4xMTg5IDI1LjMyODMgMTIuNTMzNSAyNS4wMjI2IDEyLjgzOTJMMTguMzk5NCAxOS40NjI0QzE4LjI0ODUgMTkuNjE0NiAxOC4wNjg5IDE5LjczNTMgMTcuODcxMSAxOS44MTc4QzE3LjY3MzMgMTkuOTAwMiAxNy40NjExIDE5Ljk0MjYgMTcuMjQ2OCAxOS45NDI2QzE3LjAzMjUgMTkuOTQyNiAxNi44MjAzIDE5LjkwMDIgMTYuNjIyNSAxOS44MTc4WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz4KPGZlT2Zmc2V0IGR5PSI0Ii8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvdyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K') !important;
  }
  
  
  
  
  .contact__card--style{
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    width: 340px !important;
    max-width: 345px !important;
    height: 179.5px;
  }
  .contact__card--style .material-icons-outlined{
      font-size: var(--rp-font-size-14);
  }
  .contact__card--style .contact__card--style-name{
    font-size: var(--rp-font-size-14);
    color: var(--rp-gray-color-1);
  }
  .contact__card--style .contact__card--style-email{
    font-size: 12px;
    color: var(--rp-gray-color-2);
  }
  .contact__card--style .contact__card--style-title{
    font-size: 12px;
    color: var(--rp-gray-color-2);
  }
  .chip__card {
    display: inline-block;
    height: 30px;
    width: 30px;
    font-size: var(--rp-font-size-14);
    line-height: 30px;
    border-radius: 25px;
    background-color:#329DFF;
    text-align: center;
  }
  .chip {
    display: inline-block;
    height: 50px;
    width: 50px;
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 50px;
    border-radius: 25px;
    background-color:var(--rp-gray-color-5);
    text-align: center;
  }
  
  .contact__bodycard--style-title{
    font-family: var(--rp-primary-sans-font);
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    color: var(--rp-gray-color-1);
  }
  .contact__bodycard--style-bodytitle{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: var(--rp-gray-color-3);
  }
  .contact__bodycard--style-body{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: var(--rp-gray-color-2);
  }
  
  .table__pagination-input{
    width: 40px;
    height: 30px;
    text-align: center;
    border: 1px solid var(--rp-gray-color-5);
  }
  .select2-container--default .select2-results > .select2-results__options{
    color: var(--rp-gray-color-2) !important;
  }
  .select2-container--default .select2-results__option--highlighted[aria-selected]{
    color: var(--rp-gray-color-1) !important;
  }
  .select2-container--default .select2-search--dropdown .select2-search__field {
    border: none !important;
  }
  .with--gray-bg >.select2-container--default .select2-selection--single {
    background-color: var(--rp-gray-color-5) !important;
  }
  
  .search--modal-box{
    margin-left: 350px;
    padding-top: 10px;
    width: 250px;
  }
  .search--modal-box input{
    height: 30px;
    padding: 15px 15px;
    font-size: 12px;
  }
  .search--modal-box i{
    font-size: 16px;
  }
  
  
  /********************************************************
                      Glogal Design End
  *********************************************************/
  
  
  
  
  
  
  /********************************************************
                      Admin Page  Start
  *********************************************************/
  
  .btn:focus, .btn:active:focus, .btn.active:focus{
    outline:none;
    box-shadow:none;
  }
  
  .sticky-top{
   z-index: 99 !important;
  }
  
  
  
  
  
    .wrapper {
      /* display: flex;
      width: 100vw;
      align-items: stretch; */
    }
    .sidebar {
      /* min-width: 18vw;
      max-width: 20vw;*/
      /* position: fixed;
      z-index: 1; */
      min-height: 100vh; 
    }
    .content{
      /* position: absolute;
      padding-left: 350px!important; */
      /* min-width: 80vw;
      max-width: 82vw; */
    }
    .nav > li{
      color: var(--rp-gray-color-3);
      font-size: var(--rp-font-size-14);
    }
    .nav > li:hover{
      background: var(--rp-primary-color-light);
      border-right:5px solid var(--rp-primary-color-dark);
      color:var(--rp-gray-color-1) !important;
    }
    .nav > li.active{
      background: var(--rp-primary-color-light);
      border-right:5px solid var(--rp-primary-color-dark);
    }
    .nav > li.active a{
      color: var(--rp-primary-color-dark) !important;
    }
    
    .btn-custom{
      font-family: var(--rp-primary-sans-font);
      font-style: normal;
      font-weight: 600;
      font-size: var(--rp-font-size-16);
      padding: 8px;
      border-radius: 3px;  
      color: var(--white) ; 
      background-color: var(--rp-primary-color-dark);
      /* width: 115px; */
    }
    .btn-custom:hover{
      color: var(--white) ;
      background-color: var(--rp-primary-color-dark-hover) !important;
    }
	.btn-cart {
	    font-family: var(--rp-primary-sans-font);
	    font-style: normal;
	    font-weight: 600;
	    font-size: var(--rp-font-size-14);
	    padding: 8px;
	    border-radius: 3px;
	    color: var(--rp-primary-color-dark);
	    /* width: 115px; */
	}
    .btn-cart:hover{
      color: var(--white) ;
      background-color: var(--rp-primary-color-dark) !important;
    }
    
    
    /* .btn-custom:hover{
      color: var(--white) ;
      background-color: var(--rp-primary-color-dark) !important;
    } */
  
    .btn-color-dark:hover{
      color: var(--white);
      /* background-color: #e6e6e6 !important;
      border-color: #adadad !important; */
    }
    .btn-color-light:hover{
      /* color: var(--rp-white-color-3); */
      /* background-color: #e6e6e6 !important;
      border-color: #adadad !important; */
    }
  .btn-custom-cancel{
    font-family: var(--rp-primary-sans-font);
    font-style: normal;
    font-weight: 600;
    font-size: var(--rp-font-size-14);
    padding: 8px;
    color: var(--rp-gray-color-3);
    border-radius: 3px;   
    background-color: transparent !important;
  }
  /* .custom-control-input:checked~.custom-control-label::before {
    color: var(--rp-white-color-3);
    border-color: var(--rp-white-color-3);
    background-color: var(--rp-white-color-3);
  }
  .custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%F36C23'/%3e%3c/svg%3e);
  } */
  
  label{
    color: var(--rp-gray-color-1);
    font-weight: 500;
  }
  
    .logout{
      /* width: 20vw;
      min-width: 18vw;
      max-width:20vw;
      position: fixed;
      bottom: 0px;
      text-align: center;
      margin:0 auto;
      padding: 20px; */
      font-family: var(--rp-primary-sans-font);
      font-style: normal;
      font-weight: 500;
      font-size: var(--rp-font-size-14);
      cursor: pointer;
      color: var(--rp-gray-color-3);
    }
    .logout:hover{
      color:var(--rp-gray-color-1) !important;
    }
    
     
    .material-icons-outlined{
      vertical-align: -6px;
    }
  
    
    .notify a{
      font-size: 12px;
    }
    .notify i {
      vertical-align: -3px;
      font-size: 16px;
    }
    .custom-select-table:not([multiple]) {
      /* -webkit-appearance: none; */
      /* -moz-appearance: none; */
      background-color: transparent;
      border: 0px solid #f4f4f4;
    }
   
  
  /* ********** Custom Scroll start ************ */
  
  /* width */
  ::-webkit-scrollbar {
    /*width: 5px;
    height: 5px;*/
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 5px grey;  */
    border-radius: 10px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: var(--rp-gray-color-3); 
    border-radius: 10px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--rp-gray-color-3); 
  }
  
  /* ********** Custom Scroll End ************ */
  
  /* ********** Star rating start ************ */
  .rate {
    /* border: 1px solid #cccccc; */
    float: left;
    /* height: 46px; */
    /* padding: 0 10px; */
  }
  
  .rate:not(:checked) > input {
    position: absolute;
    top: -9999px;
  }
  
  .rate:not(:checked) > label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 12px;
    color: #ccc;
    margin-right: .5em;
  }
  
  .dhide {
  	display:none;
  }
  .rate:not(:checked) > label:before { content: '★ '; }
  
  .rate > input:checked ~ label { color: #FAC917; }
  
  .rate:not(:checked) > label:hover, .rate:not(:checked) > label:hover ~ label { color: #FAC917; }
  
  .rate > input:checked + label:hover, .rate > input:checked + label:hover ~ label, .rate > input:checked ~ label:hover, .rate > input:checked ~ label:hover ~ label, .rate > label:hover ~ input:checked ~ label { color: #FAC917; }
  
  /* ********** Star rating End ************ */
  
  
  /********************************************************
                      Admin Page  End
  *********************************************************/
  
  
  /* Extra small devices (phones, 600px and down) */
  @media only screen and (max-width: 600px) {
    /* .example {background: red;} */
  }
  
  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {
    /* .example {background: green;} */
	.mobile-menu {
	    max-height: 300px;
	    overflow: auto;
	}  
  }
  
  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {
    /* .example {background: blue;} */
  } 
  
  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {
    /* .example {background: orange;} */
  } 
  
  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {
    /* .example {background: pink;} */
  }
  
.pg-button-disable {
	color: var(--rp-gray-color-6);
	background: #F6F6F6;
	border:1px solid #F6F6F6;
	border-radius: 5px;
	padding-left: 15px;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
}
.pg-button {
	color:#f36c22;
	background: #FFEEE2;
	border:1px solid #FFEEE2;
	border-radius: 5px;
	padding-left: 15px;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
}
.abstract h2 {
	font-size: 1.2rem;
	color: var(--rp-gray-color-1);
}
.abstract h3 {
    font-size: 1.1rem;
    color: var(--rp-gray-color-1);
    font-weight: 600;
}
.abstract p {
    font-weight: 500;
    color: var(--rp-gray-color-2);
    margin-bottom: 2%;
    font-family: var(--rp-primary-serif-font);
}
.modal-header .close {
    padding: 1.4rem 1.4rem;
    border-radius: 0px 10px 0px 0px;
    opacity: 1;
    background: var(--rp-primary-color-dark);
}
.modal-content { border-radius: 10px 10px 10px 10px; }
.modal-header {
    border-bottom: none;
    background: #F6F6F6;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    padding: .75rem .75rem;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}
.modal-header h2 {
	padding-top: 10px;
    padding-left: 10px;
}
.list-group-item {
    border: none;
    color: var(--rp-gray-color-2);
    font-weight: 600;
}
.list-group-item .publistClass {
	font-weight: 500;
}
.list-group-item b { 
    border: none; 
	color: var(--rp-gray-color-1);
}
.list-group-item h4 { 
    border: none; 
	color: var(--rp-gray-color-1);
}
.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 1rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px);
	border-top:none;
}
.modal-footer>* {
    margin: .25rem;
}
.btn-warning {
    color: var(--rp-white-color-3);
    background-color: #ff6600;
    border-color: #ff6600;
    padding-left: 3%;
    padding-right: 3%;
    padding-top: .5%;
    padding-bottom: .5%;
}
.btn-warning:hover {
    color: var(--rp-white-color-3);
    background-color: #ff6600;
    border-color: #ff6600;
}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
    color: var(--rp-white-color-3);
    background-color: #ff6600;
    border-color: #ff6600;
}
.span-header {
    font-size: 16px;
    font-weight: 600;
    color: var(--rp-gray-color-1);
    display: block;
    padding-left: 2.5%;
    padding-top: 1%;
    padding-bottom: 1%;
}
.span {
    font-size: 16px;
    font-weight: bold;
    color: var(--rp-gray-color-1);
    display: block;
    padding-bottom: 5px;
}
.main-title {
	display: none;
}
.btn-class {
    display: block;
    width: 100%;
    margin: 5;
    background: var(--rp-primary-color-dark);
    color: var(--rp-white-color-3);
    border-radius: 3px;	
}
.span-class {
    display: block;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;	
}
.img-close {
	width: 25px;
}
.clearBtn {
float: right;
font-family: var(--rp-primary-sans-font);
font-style: normal;
font-weight: 500;
font-size: 16px;
color: var(--rp-gray-color-1);
}
.advance-search-container {
	width:70%;
    max-width: 1300px;
}
.dispText {
	font-family: var(--rp-secondary-sans-font);
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    color: var(--rp-gray-color-1);
}
.advance-search-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding-bottom: 20px;
}
.advance-search-row .advance-search-form-group .label {
    font-size: 16px;
    font-weight: 600;
}
.advance-search-label {
    color: var(--rp-gray-color-1);
    font-weight: 600;
    padding-bottom: 10px;
}
.advance-search-row .btn-custom {
	font-weight: 500;
	font-size: var(--rp-font-size-16);
}
.advance-search-form-control {
    font-size: 14px;
    font-weight: 500;
    padding: 21px;
    color: var(--rp-gray-color-1);
    font-family: var(--rp-primary-serif-font);
}
.font-icons
{
    font-size: 24px;
    color: var(--rp-gray-color-2) !important;
    margin-top: 10px;
    margin-left: -10px;
}

.icontxt {
	display: block;
    margin-top: 10px;
    margin-left: -10px;	
}
.advance-search-form-group {
    margin-bottom: 0.4rem;
}
.advance-search-form-check {
    position: relative;
    display: block;
    padding-left: 0px;
}
.advance-search-form-check .list-group {
	flex-direction: row !important;
	flex-wrap: wrap;
}
.advance-search-form-check .list-group li {
	background: transparent;
	width: 250px;
	font-size: 15px;
	font-weight: 500;
	color: var(--rp-gray-color-1);
}
.advance-search-form-check .list-group li:nth-child(4),
.advance-search-form-check .list-group li:last-child {
	/*display: none;*/
}

.advance-search-label-text {
	display: block;
    margin-top: -27%;
    margin-left: 25px;
}
/*
input[type="checkbox"]:checked + .advance-search-label-text:before{
	content: "\f14a";
	color: #FAC9AF;
}
*/
input[type="checkbox"]:checked{
	content: "\f14a";
	color: #FAC9AF;
	background:#F36C23;
}

.advance-search-form-check label {
	color: var(--rp-gray-color-1);
    font-weight: 600;
    padding-bottom: 0px;
    font-size: 14px;
}

.checkboxtype {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding-bottom: 0px;
}

.container-checkbox {
    display: inline;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.container-checkbox .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: var(--rp-white-color-3);
    border: 1.5px solid #ced4da;
    border-radius: 3px;
}

.container-checkbox:hover input ~ .checkmark {
    background-color: var(--rp-white-color-3);
}

.container-checkbox input:checked ~ .checkmark {
    background-color: #FAC9AF;
    border-radius:3px;
  border:none;
}

.container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container-checkbox input:checked ~ .checkmark:after {
    display: inline;
}

.container-checkbox .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #ff6600;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.advance-search-form-check {
    position: relative;
    display: block;
    padding-left: 0px;
    padding-top: 15px;
}
.advance-search-form-check label {
    color: var(--rp-gray-color-1);
    font-weight: 600;
    padding-bottom: 0px;
    padding-right: 30px;
    font-size: 14px;
}
.advance-search-container {
    width: 70%;
    padding-left: 5%;
    padding-right: 5%;
    max-width: 1300px;
}
.savesearch-btn {
    cursor: pointer;
    font-weight: 500;
	font-size: 16px;
	font-family: var(--rp-teritory-sans-font);
}
.viewsearch-btn {
    padding-right: 15px;
    cursor: pointer;
    font-weight: 500;
   	font-size: 16px;
	font-family: var(--rp-teritory-sans-font);
}

.span-advsearchlink {
	padding-right: 5px;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    font-family: var(--rp-teritory-sans-font);
}
.span-advsearchlink + a {
    font-family: var(--rp-teritory-sans-font);
	font-weight: 500;
    font-size: 100%;
}

.div-advsearchlink {
    margin-top: -1%;
    margin-bottom: 1%;
}

.control-container {
    margin-top: -1%;
}

.savesearch-btn:hover, .viewsearch-btn:hover {
	color:#ff6600;
	text-decoration:none;
}
.savesearch-title:hover {
	color:#ff6600;
	text-decoration:none;
}
.srchctrl {
	padding-bottom: 15px;
    
}
.srchctrl .btn-custom {
	font-size: 16px;
    padding: 0px 20px 0px 20px;
    height: 35px;
    font-weight: 500;
    font-family: var(--rp-teritory-sans-font);
}



.search-form-control {
    padding: 22px 16px;
}
#searchForm .input-group .search-form-control {
    padding-right: 45px;
    padding: 0px 40px 0px 20px;
    height:35px;
}

.search-icon-control {
	margin-top: 2px;
}

.share-icon {
	font-size: 20px;
}

.share-btn-text {
    padding-right: 5px;
    margin-top: -1.5px;
    font-family: var(--rp-secondary-sans-font);
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
}
#art-data .ul-li-controls-list li .librarydelete-icon svg {
    vertical-align: -4px;
}
#icon-delete .share-btn-text {
    padding-right: 5px;
    margin-top: 2.5px;
}

#art-data .ul-li-controls-list>li:hover>.librarydelete-icon {
	color: var(--rp-primary-color-dark-hover) !important;
}
.share-btn-text1 {
    padding-left: 5px;
}
.ul-li-controls-list {
	margin-top: 12px;
	margin-bottom:30px;
}

.oa-text {
	margin-top: 5px;
}

.list-result-padding {
	padding: .5rem 1.25rem !important;
}

.lens-icon {
	font-size: 10px !important;
    margin-top: -2px;
    margin-left: -7px;
}

.record-count {
    display: block;
    margin-top: 1%;
    margin-left: 1.7%;
    font-weight: 600;
    font-family: var(--rp-secondary-sans-font);
}
.key_word {
    position: absolute;
    top: 5px;
    right: 0px;
    left: 235px;
    font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
	color: var(--rp-gray-color-1);
}
.sort-text {
	font-weight: 600;	
}

.modal-header .btn-warning:hover {
    background: #ff6600;
}

.header-result-text {
	font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
}
.header-result-text * {
    font-size: 100%;
}
.result-container {
	margin-top: 20px;
}

.result-check-control {
	position: relative;
    display: grid;
    margin-left: -3%;
    padding-left: 0px;
}
.sidehead + .list-group li,
.result-check-control .list-group li {
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 22px;
	color: var(--rp-gray-color-2);
}
.result-check-control label {
    color: var(--rp-gray-color-2);
    font-weight: 600;
    padding-bottom: 0px;
    font-size: 14px;
}
#ctype .list-group li:hover,
.result-check-control .list-group li:hover {
	cursor: pointer;
	color: var(--rp-gray-color-1);
}
.publication-label {
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
	line-height: 22px;
	color: var(--rp-gray-color-1);
	margin-left:3px;
	margin-top:30px;
}
.lst-item {
	margin-left: 5%;
    margin-bottom: 2%;
    padding: 10px;
    border-bottom: 1px solid #F4F4F4;
    width: 90%;	
}

.search-title {
	display: block;
    font-family: var(--rp-primary-sans-font);
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 20px;
    /* line-height: 18px; */
    color: var(--rp-gray-color-1);
}
.search-title .grey-color {
	color: var(--rp-gray-color-1);
}
.inline-status {
	width: 100%;
}

.delete-icon {
	float: right;
    position: relative;
    right: 0;
    font-size: 18px;
    color: var(--rp-gray-color-2);
}

.status-display {
	
    display: inline-block;
    font-family: var(--rp-primary-sans-font);
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
    color: var(--rp-gray-color-2);
    margin-left: 20px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 10px 0;
    margin: 0px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: var(--rp-white-color-3);
    background-clip: padding-box;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: -1px 0px 20px 6px rgb(0 0 0 / 18%);
    box-shadow: -1px 0px 20px 6px rgb(0 0 0 / 18%);
}
.dropdown-menu > li > a {
    display: block;
    padding: 6px 20px;
    clear: both;
    line-height: 1.5;
    white-space: nowrap;
    font-weight: 500;
    color: var(--rp-gray-color-2) !important;
}
.icon2 {
	width:20px;
}

.f-icon2 {
    font-size: 20px;
}
a:hover {
	text-decoration:none;	
}
a.pg-button:hover {
    background: #ff6600;
    color: var(--rp-white-color-3);
}
.grey-color {
	color: var(--rp-gray-color-2);
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
@font-face {
      font-family: 'fontello';
      src: url('../../font/fontello.eot?85437558');
      src: url('../../font/fontello.eot?85437558#iefix') format('embedded-opentype'),
           url('../../font/fontello.woff?85437558') format('woff'),
           url('../../font/fontello.ttf?85437558') format('truetype'),
           url('../../font/fontello.svg?85437558#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    
    .demo-icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      font-size:18px;
      speak: never;     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: 0em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
      vertical-align: middle;
    }

   .demo-icon1    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      font-size:18px;
      speak: never;     
   	  text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 1em;
      margin-left: 0em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      vertical-align: middle;
      display: inline-block;
      margin-top: -3px;
    }/*
    li.flex-group-item.list-group-item-transparent.border-0.align-items-center.cursor-pointer:hover {
    	color:#ff6600;
    }
    a.dropdown-toggle.rp-gray-font-color-2:hover {
    	color: #ff6600 !important;
	}*/
.first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
    color: var(--rp-gray-color-1);
}	
.disabled {
    pointer-events:none;
    opacity:0.6;
    cursor: not-allowed;
}

.dropdown-menu > li > a:hover {
    color: var(--rp-gray-color-1) !important;
}
.dropdown-menu > li > span:hover {
    color: var(--rp-gray-color-1) !important;
    font-weight: 600;
}

.dropdown-menu > li > a {
    display: block;
    padding: 6px 20px;
    clear: both;
    line-height: 1.5;
    white-space: nowrap;
    font-weight: 500;
    color: var(--rp-gray-color-2);
}

.dropdown-menu > li > span {
    display: block;
    padding: 6px 20px;
    clear: both;
    line-height: 1.5;
    white-space: nowrap;
    font-weight: 500;
    color: var(--rp-gray-color-2);
}
.dropdown-menu-right {
    right: 0;
    left: auto !important;
}
.dropdown-menu-right-nav-item {
right:10%;
left: auto !important;
}
.btn-warning:hover {
    background: #ff6600 !important;
    opacity: 1 !important;
}
.btn-class:hover {
    background: var(--rp-primary-color-dark-hover);
}
.inline-items {
    font-family: var(--rp-teritory-sans-font);
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
}

.inline-items span:first-child {
    color: var(--rp-gray-color-1) !important;
}
.inline-items span {
    padding-right: 10px;
    color: var(--rp-gray-color-2);
}
.inline-items i {
    padding-right: 10px;
}

.home-search-icon {
    width: 15px;
    float: right;
    top: 27%;
    right: 2%;
    position: absolute;
    z-index: 9;
    cursor: pointer;
}
.home-input-ctrl {
	width: 100% !important;
    background: #fff;
    border-radius: 5px 5px 5px 5px;
    height: 50px;
    border: 1px solid #fff !important;
    box-shadow: none;
}
.home-input-ctrl:focus {
	color: var(--rp-gray-color-1);
}

@media only screen and (max-width: 600px) {
	#alert-msg.show {
		width:65% !important;
	}
}
@media only screen and (min-width: 600px) {
	#alert-msg.show {
		width:55% !important;
	}
}
@media only screen and (min-width: 768px) {
	#alert-msg.show {
		width:45% !important;
	}
}
@media only screen and (min-width: 992px) {
	#alert-msg.show {
		width:35% !important;
	}
}
@media only screen and (min-width: 1200px) {
	#alert-msg.show {
		width:25% !important;
	}
}
#alert-msg {
    visibility: hidden;
}
.msg-text {
    font-size:16px;
    font-weight:500;
}
.material-icons-outlined-toaster {
    font-family: 'Material Icons Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 35px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

#alert-msg.show {
    visibility: visible;
    position: absolute;
    bottom: 15px;
    right: 60px;
    width: 32%;
    height: 100px;
    color: var(--rp-white-color-3);
    background-color: #34A853;
    border-color: #c3e6cb;
    font-family: var(--rp-primary-sans-font);
    font-weight: 600;
    padding: .75rem 1.25rem;
    border-radius: 5px;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {right: 15px; opacity: 0;} 
    to {right: 60px; opacity: 1;}
}

@keyframes fadein {
    from {right: 15px; opacity: 0;}
    to {right: 60px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {right: 60px; opacity: 1;} 
    to {right: 15px; opacity: 0;}
}

@keyframes fadeout {
    from {right: 60px; opacity: 1;}
    to {right: 15px; opacity: 0;}
}
.journals-home-head1 {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 22px;
	text-align: center;
	margin-top: 21px;
}
.journals-home-head2 {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	margin-top: 10px;
}
.home-page-banner {
	height: 115px;
	margin-top: 60px;
    padding: 10px;
}
.home-page-banner-header {
	margin-left: auto;
	margin-right: auto;
}
.home-page-banner-header .row {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
.home-page-banner-header {
	padding:9px;
}
.home-page-banner-header .row {
	max-width: 1154px;
}
.banner-sub-header {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: var(--rp-font-size-16);
	line-height: 22px;
	text-align: center;
	color: var(--rp-white-color-3);
}
.banner-sub-header a {
	font-size: 100%;
}
.banner-image-box {
	width: 100%;
	height: 250px;
	background:url("../../images/journalImg/journal_banner_test.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100% 100%;
}
.banner-image{
	width: 100%;
	height: 100%;
}
.about-this-box {
	width: 100%;
	height: auto;
	margin-bottom: 50px;
	margin-top: -200px;
}
.journal-biblio-box {
	max-width: 700px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 30px 27px 30px;
	background: #FFFFFF;
	box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
}
.journal-metric-box {
	max-width: 480px;
	height: 100%;
	padding: 0px 30px 27px 30px;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF;
	box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
}
.p-issn,
.o-issn,
.journal-metric-box p,
.journal-biblio-box p {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: var(--rp-font-size-15);
	line-height: 30px;
	color: var(--rp-gray-color-2);
	margin: 15px 0px 0px 0px;
	display: block;
}
.p-issn b,
.o-issn b {
	font-weight: normal;
	color: var(--rp-gray-color-2);
}
.p-issn::after {
		content: "";
}
.about-box-head {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: var(--rp-font-size-18);
	line-height: 22px;
	color: var(--rp-primary-color-dark);
	padding-top: 20px;	
}
.tb-row {
	display: -ms-flexbox;
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}
.journal-metric-box table tr td {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: var(--rp-font-size-16);
	line-height: 25px;
	color: var(--rp-gray-color-2);
	padding-top: 20px;
	
}
.journal-metric-box table tr .col-2 {
	text-align: right;
	color: var(--rp-primary-color-dark);
	white-space: nowrap;
}

.about-this-box.journal-biblio-only .col-sm-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.about-this-box.journal-biblio-only .col-sm-7 .journal-biblio-box {
	max-width: 100%;
}
.about-this-box.journal-biblio-only .col-sm-5 {
	display: none;
}
.about-this-box.journal-biblio-only.biblio-only .col-sm-7 .journal-biblio-box .dis-none {
	display: none;
}
.about-this-box.journal-biblio-only.biblio-only {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}
.about-this-box.journal-biblio-only.biblio-only .journal-biblio-box {
    box-shadow: none;
    border-radius: 0px;
    padding:0;
}
.about-this-box.journal-biblio-only.biblio-only .journal-biblio-box .about-box-head {
	text-align: center;
	margin: 0;
	padding: 0;
}
.about-this-box.journal-biblio-only.biblio-only .journal-biblio-box .p-issn,
.about-this-box.journal-biblio-only.biblio-only .journal-biblio-box .o-issn {
	display: inline;
}
.about-this-box.journal-biblio-only.biblio-only .journal-biblio-box .p-issn b,
.about-this-box.journal-biblio-only.biblio-only .journal-biblio-box .o-issn b {
	font-weight: bold;
	color: var(--rp-gray-color-1);
}
.about-this-box.journal-biblio-only.biblio-only .journal-biblio-box .p-issn::after {
	content: ",";
}
.containerwidth {
	max-width: 1154px;
}
.browse-box {
	width: 100%;
	height: 173px;
	background-color: var(--rp-gray-color-5);
	padding: 30px 10px;
	margin-bottom: 30px;
}
.browse-box .row:first-child {
	max-width: 1154px;
	margin-left: auto;
	margin-right: auto;
}
.width-236 {
	max-width: 236px;
}
.browse-head {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: bold;
	font-size: var(--rp-font-size-20);
	line-height: 22px;
	color: var(--rp-gray-color-1);
	margin-bottom: 20px;
}
.no-break {
	white-space: nowrap;
}
.select-dropdown {
	padding: 12px 15px;
	background-color: var(--white);
	border: 1px solid #DCDCDC;
	box-sizing: border-box;
	box-shadow: 0px 0px 5px rgba(220, 220, 220, 0.5);
	border-radius: 3px;
	text-align: left;
	margin: 8px 0px 0px 0px;
	font-size: var(--rp-font-size-12);
	line-height: 16px;
	color: var(--rp-gray-color-1);
	
}
.select-dropdown.year {
	width: 100px;
}
/*
.select-dropdown .dropdown-list{
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: var(--rp-font-size-12);
	line-height: 16px;
	color: var(--rp-gray-color-1);
	width: 100%;
    display: inline-block
}*/
.select-dropdown .dropdown-list {
	padding:7.5px 10px 7.5px 20px;
	font-style: normal;
	font-size: var(--rp-font-size-14);
	line-height: 17px;
	color: var(--rp-gray-color-2);
}
.select-dropdown.month {
	width: 120px;
}
select.select-dropdown option:hover {
    background-color: #F0F0F0;
    font-weight: bold;
}
.year-dropdown {
	display: inline-block;
	flex-direction: row;
	width: auto;
	margin-right: 20px;
}
.year-dropdown .dropdown-toggle {
	padding: 12px 15px;
	background-color: var(--white);
	border: 1px solid #DCDCDC;
	box-sizing: border-box;
	box-shadow: 0px 0px 5px rgba(220, 220, 220, 0.5);
	border-radius: 3px;
	width: 100px;
	text-align: left;
}
.year-dropdown .dropdown-toggle::after {
	content: none;	
}
.year-dropdown .dropdown-toggle-text i,
.year-dropdown .dropdown-toggle-text {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: var(--rp-font-size-12);
	line-height: 16px;
	color: var(--rp-gray-color-1);
	width: 100%;
    display: inline-block
}

.year-dropdown .dropdwon-d-arrow {
	width: 18px;
	display: inline-block;
	margin-top: -0.25em;
	position: absolute;
    right: 12px;
    top: 18px;
}
.year-dropdown .dropdown-menu {
	background-color: var(--white);
	box-sizing: border-box;
	box-shadow: 0px 0px 5px rgba(220, 220, 220, 0.5);
	border-radius: 3px;
	min-width: 100px;
	text-align: left;
}
.year-dropdown .dropdown-menu .dropdown-item {
	padding:7.5px 10px 7.5px 20px;
	font-style: normal;
	font-size: var(--rp-font-size-14);
	line-height: 17px;
	color: var(--rp-gray-color-1);
}
.month-dropdown {
	display: inline-block;
	flex-direction: row;
	width: auto;
}
.month-dropdown .dropdown-toggle {
	width: 120px;
	padding: 12px 15px;
	background-color: var(--white);
	border: 1px solid #DCDCDC;
	box-sizing: border-box;
	box-shadow: 0px 0px 5px rgba(220, 220, 220, 0.5);
	border-radius: 3px;
	width: 120px;
    text-align: left;
}
.month-dropdown .dropdown-toggle::after {
	content: none;	
}
.month-dropdown .dropdown-toggle-text i,
.month-dropdown .dropdown-toggle-text {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: var(--rp-font-size-12);
	line-height: 16px;
	color: var(--rp-gray-color-1);
	width: 100%;
    display: inline-block
}
.month-dropdown .dropdwon-d-arrow {
	width: 18px;
	display: inline-block;
	margin-top: -0.25em;
	position: absolute;
    right: 12px;
    top: 18px;
}
.month-dropdown .dropdown-menu {
	background-color: var(--white);
	box-sizing: border-box;
	box-shadow: 0px 0px 5px rgba(220, 220, 220, 0.5);
	border-radius: 3px;
	min-width: 120px;
	text-align: left;
}
.month-dropdown .dropdown-menu .dropdown-item {
	padding:7.5px 10px 7.5px 20px;
	font-style: normal;
	font-size: var(--rp-font-size-14);
	line-height: 17px;
	color: var(--rp-gray-color-1);
}
.year-dropdown .dropdown-menu .dropdown-item:focus,
.year-dropdown .dropdown-menu .dropdown-item:hover,
.month-dropdown .dropdown-menu .dropdown-item:focus,
.month-dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #F0F0F0;
    font-weight: bold;
}
.year-show {
	background-color: var(--white);
	border: 1px solid #DCDCDC;
	box-sizing: border-box;
	box-shadow: 0px 0px 5px rgba(220, 220, 220, 0.5);
	border-radius: 3px;
	font-weight: 600;
	font-size: var(--rp-font-size-12);
	line-height: 16px;
	color: var(--rp-gray-color-1);
	width: 100px;
	height: 40px;
	padding: 8px 12px;
	display: inline-block;
    margin-right: 15px;
}
.month-show {
	background-color: var(--white);
	border: 1px solid #DCDCDC;
	box-sizing: border-box;
	box-shadow: 0px 0px 5px rgba(220, 220, 220, 0.5);
	border-radius: 3px;
	font-weight: 600;
	font-size: var(--rp-font-size-12);
	line-height: 16px;
	color: var(--rp-gray-color-1);
	width: 120px;
	height: 40px;
	padding: 8px 12px;
}
.articles-box {
	width: 100%;
	height: 100%;
	margin-bottom: 125px;
	margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}
.articles-dis-box {
	max-width: 1154px;
	margin-left: auto;
	margin-right: auto;
}
.dyear,
.dmonth,
.vol-issu-head {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: var(--rp-font-size-16);
	line-height: 22px;
	color: var(--rp-gray-color-1);
	margin: 0px 0px 8px 0px;
}
.article-head {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: var(--rp-font-size-18);
	line-height: 22px;
	color: var(--rp-gray-color-1);
	margin: 0px 0px 0px 0px;
}
.flex-item {
    flex-direction: row;
    column-gap: 25px;
    flex-wrap: wrap;
    display: flex;
    clear: both;
    padding: 0;
    margin: 0;
}
.flex-item li {
	list-style-type: none;
	margin-top: 15px;
	margin-bottom: 5px;
}
.flex-group-item {
    height: 100%;
    vertical-align: middle;
}
.dropdown-toggle-text i {
	font-style: normal;
}
.page-401 {
	padding: 150px 0px 0px 0px;
}
.page-file-not-found{
	padding: 100px 150px 0px 150px;
}
.image-401 {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding: 0px 50px 0px 0px;
}

.na-found {
	text-align: center;
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: bold;
	font-size: var(--rp-font-size-20);
	line-height: 26px;
	color: var(--rp-gray-color-1);
	margin: 15px 0px 0px 0px;
}
.file-not-found {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: bold;
	font-size: var(--rp-font-size-20);
	line-height: 26px;
	color: var(--rp-gray-color-1);
	margin: 15px 0px 0px 0px;
}
.filenot-content{
	margin-top: 15px;
	margin-bottom: 15px;
	border:solid 1px #757575;
	padding:10px;
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-size: 17px;
	line-height: 26px;
	color: #757575;
    display: flex;
    flex-direction: row;


}

.page-nf {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: var(--rp-font-size-16);
	line-height: 21px;
	color: var(--rp-gray-color-2); 
	text-align: center; 
	margin: 10px 0px 0px 0px;
}
.acc-login {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: var(--rp-font-size-16);
	line-height: 21px;
	color: var(--rp-gray-color-2);
	text-align: center; 
	margin: 10px 0px 0px 0px;
}

@media only screen and (max-width: 1200px) {
	.about-this-box {
		padding: 10px;
	}
	.about-this-box.journal-biblio-only .col-sm-7 {
		padding-right: 0px;	
	}
	.about-this-box.journal-biblio-only.biblio-only {
		padding: 0;
	}
	.home-page-banner-header .row,
	.journal-biblio-box,
	.journal-metric-box,
	.browse-box .row,
	.containerwidth,
	.articles-dis-box {
	    width: 100%;
	}
	.browse-box {
		padding: 30px 40px;
	}
	.rp-primary-color-dark.no-break {
		white-space: normal;
	}
	.articles-box {
   		padding: 0px 10px 0px 40px;
	}
	.banner-image-box {
		background-position: center;
	    background-size: cover;
	}
}
@media only screen and (max-width: 568px) {
	.about-this-box .tb-row.row .col-sm-7 {
		margin-bottom: 20px;
		padding-right: 0px;
	}
	.about-this-box.journal-biblio-only.biblio-only .tb-row.row .col-sm-7 {
	 	margin-bottom: 0px;
	}
	.about-this-box.journal-biblio-only {
    	 margin-bottom: 0px;
	}
	.p-issn,
	.o-issn {
		white-space: nowrap;
	}
	.flex-item {
	    column-gap: 20px;
	}
	.browse-box {
		padding: 30px 20px;
	}
	.articles-box {
   		padding: 0px 10px 0px 20px;
	}

}

@media only screen and (max-width: 360px) {
	.home-page-banner-header .col-4{
	    -ms-flex: 0 0 100%;
    	flex: 0 0 100%;
		max-width: 100%;
		padding-bottom: 8px;
	}

}
.rating {
    float:left;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:before {
    content: '★ ';
}

.rating > input:checked ~ label {
    color: #f70;
    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}

.validationerrorinfo {
	display: block;
    color: red;
    font-weight: 600;
    font-family: var(--rp-primary-sans-font);
    font-size: 14px;
    margin-top: 20px;
    margin-left:1px;
}

.toast-msg {
	/*visibility: hidden;*/
	display:none;
	position: fixed;
    bottom: 60px;
    right: 30px;
    z-index: 1500;
    width: 450px;
    height: 80px;
    background: #34A853;
	border-radius: 5px;
	padding: 10px 10px 10px 10px;
}
.fav-toast-head,
.bookmark-toast-head,
.citation-toast-head {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: var(--rp-font-weight-600);
	font-size: var(--rp-font-size-18);
	line-height: var(--rp-line-height-20);
	color: var(--rp-white-color-3);
	margin: -8px 0px 0px 0px;
	padding: 0px;
}
.bookmark-toast-head + p{
	margin: 0px;
	padding: 0px;
}
.fav-toast-text,
.bookmark-toast-text,
.citation-toast-text {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: var(--rp-font-weight-400);
	font-size: var(--rp-font-size-14);
	line-height: var(--rp-line-height-18);
	color: var(--rp-white-color-3);
	margin: 0px 0px 0px 40px;
	padding: 0px;
}
.toast-tick {
	width: 22px;
	float: left;
	margin: 12px 15px 0px 0px;
	display: block;
}
.toast-close {
	position: absolute;
	top: 13px;
	right: 16px;
	width: 10px;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
.toast-msg .toast-body {
	padding:0;
}
.toast.show {
  visibility: visible;
  -webkit-animation: fadein 1.5s, fadeout 1.5s 5s;
  animation: fadein 1.5s, fadeout 1.5s 5s;
}
.footer_logos .user-name {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	color: var(--rp-primary-color-dark);
	display: block;
	margin: 10px 0px 10px 0px;
}
.footer_logos .org_logo {
	    max-width: 150px;
}
.footer_logos .nova_logo {
	width: 100px;
	display: block;
	margin: 10px 0px 10px 0px;
	
}
  
#loginpage .saml-btn {
	display: block;
	width: 150px;
	height: 42px;
	background: #FFEEE2;
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 21px;
	color: var(--rp-primary-color-dark);
	border-radius: 5px;
	margin: 10px auto 10px auto;
	cursor: pointer;
 }
 #loginpage .saml-btn:focus,
 #loginpage .saml-btn.active,
  #loginpage .saml-btn:hover {
	  background: var(--rp-primary-color-dark-hover);
	  color: var(--rp-white-color-3);
	  cursor: pointer;
}
  
#device-pair-modal .saml-btn {
	display: block;
	width: 150px;
	height: 42px;
	background: #FFEEE2;
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 21px;
	color: var(--rp-primary-color-dark);
	border-radius: 5px;
	margin: 10px auto 10px auto;
	cursor: pointer;
 }
 #device-pair-modal .saml-btn:focus,
 #device-pair-modal .saml-btn.active,
 #device-pair-modal .saml-btn:hover {
	  background: var(--rp-primary-color-dark-hover);
	  color: var(--rp-white-color-3);
	  cursor: pointer;
}

#metadatacontent li,
#metadatacontent li p {
    font-family: var(--rp-primary-serif-font);
    font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 21px;
	color: var(--rp-white-color-2);
}

#metadatacontent li .span {
    font-family: var(--rp-secondary-sans-font);
	font-style: normal;
    font-size: 16px;
    font-weight: bold;
    color: var(--rp-gray-color-1);
    display: block;
    padding-bottom: 5px;
}
.grey-background {
	background: #F6F6F6;
	width: 100%;
	height: 660px;
	margin-top: 80px;
}

.bare-act-box {
	max-width: 1154px;
	margin-left: auto;
	margin-right: auto;
}
.act-box-head {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 800;
	font-size: 20px;
	line-height: 22px;
	padding-top: 30px;
	color: #444444;
}
.act-box-main {
    width: 100%;
    height: 488px;
    overflow-y: scroll;
    border-radius: 10px;
    background: #ffffff;
}
.act-box {
	padding:16px 6px 20px 20px;
	border-bottom: 1px solid #E1E1E1;
	margin:0px 0px 0px 0px;
	min-height: fit-content;
}
.act-box h6 a.header-result-text,
.act-box h6 {
	font-weight: 500;
	font-size: 16px;
	line-height: 31px;
}
.act-box .inline-items span,
.act-box .inline-items {
	font-weight: 500;
	font-size: 15px;
	line-height: 22px;
}
.act-box p {
	margin:5px 0px 0px 0px;
	padding:0px;
	}

.area {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #F76C00;
	}

.name {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #444444;
	}
.work,
.isbn {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #757575;
}
.relatedjourn-background {
	margin: 0px auto 0px auto;
	background: #FFFFFF;
	padding: 0;
}
.relatedjourn-layout {
	max-width: 1154px;
	padding: 50px 0px 60px 0px;
	margin: 0px auto 0px auto;
	background: transparent;
}
.relatedjourn-background .row .title-head {
	font-family: var(--rp-primary-font-family);
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 22px;
	color: #292929;
	margin: 0px 0px 40px 0px;
}
.relatedjourn-background .journ-flex-box {
	display: flex;
	flex-direction: row;
	column-gap: 35px;
}
.relatedjourn-background .flex-img .thump-image {
	max-width: 200px;
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3);
	margin: auto;
	transition: box-shadow 0.8s;
	position: relative;
}
.relatedjourn-background .flex-img .thump-image .imgTitle {
	position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    padding: 10px 10px 10px 20px;
}
.relatedjourn-background .flex-img .thump-image .imgTitle .pubname {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: #FF812E;
}
.relatedjourn-background .flex-img .thump-image .imgTitle .journaltitle3 {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 13px;
	line-height: 16px;
	color: #000000;
	margin-top: 0.12em;
}
.relatedjourn-background .flex-img .thump-image img {
	width: 100%;
}
.relatedjourn-background .flex-img .thump-image:hover {
    cursor: pointer;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.5);
}
.btn-more_articles {
	width: 260px;
	height: 45px;
	background: #F36C23;
	border-radius: 3px;
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	color: #FFFFFF;
	display: block;
	margin: 30px auto 30px auto;
}
.btn-more_articles:focus,
.btn-more_articles:hover {
	color: #FFFFFF;
	background: var(--rp-primary-color-dark-hover);
}
.footer-mpadding .list-group.footerList li {
	font-family: var(--rp-teritory-sans-font);
	font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    color: var(--rp-gray-color-2);
    background: transparent;
}
.footer-mpadding .list-group.footerList li a {
	font-family: var(--rp-teritory-sans-font) !important;
	font-size: 100% !important;
    font-weight: 500 !important;
    color: var(--rp-gray-color-2);
}
.result-container .ul-li-controls-list li .share-btn-text svg {
	vertical-align: -5px;
}
.sidehead {
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
	line-height: 22px;
	color: var(--rp-gray-color-1) ;
}
.playstoreIcon p {
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
}
.navbar-expand-lg .navbar-collapse li,
.navbar-expand-lg .navbar-collapse li a {
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: var(--rp-gray-color-3) !important;
}
#article-data #art-data .row.mt-3 .col-1{
	/*display: none;*/
}
#art-data .ul-li-controls-list li svg,
#art-data .ul-li-controls-list li a svg {
	fill: var(--rp-gray-color-2);
	vertical-align: -5px;
}

#art-data .header-result-text:hover {
	color: var(--rp-primary-color-dark-hover);
}
#art-data .ul-li-controls-list>li:hover,
#art-data .ul-li-controls-list>li:hover>a {
	color: var(--rp-primary-color-dark-hover) !important;
}
#art-data .ul-li-controls-list>li:hover svg,
#art-data .ul-li-controls-list>li:hover a svg {
	fill: var(--rp-primary-color-dark-hover) !important;
}
#art-data .ul-li-controls-list>li:hover>.dropdown-menu li:hover,
#art-data .ul-li-controls-list>li:hover>.dropdown-menu li:hover a {
	color: var(--rp-gray-color-2) !important;
}


.advance-search-row .select2-container--default .select2-selection--single,
#addArticlesDuplicate .select2-container--default .select2-selection--single {
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-size: 15px;
}
.advance-search-form-group .advance-search-form-control {
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-size: 15px;
}
#addArticlesDuplicate span[id^="row"] .row.advance-search-row .add-button {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	column-gap: 20px;
}
#addArticlesDuplicate span[id^="row"] .row.advance-search-row .add-button .add-btn {
	display: none;
}
#addArticlesDuplicate span[id^="row"]:last-child .row.advance-search-row .add-button .add-btn {
	display: block;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--rp-gray-bg-color-2);
}
#search::placeholder {
	color: var(--rp-gray-color-3);	
}
iframe + .select2-container--open .select2-results__option[aria-selected] {
    cursor: pointer;
    font-family: var(--rp-secondary-sans-font);
    font-size: 15px;
}
.icon_space {
	padding-left: 10px;
	padding-right: 10px;
}
#savehistory .modal-dialog.modal-dialog-top {
    max-width: 550px !important;
    width: 550px;
}
#savehistory .modal-dialog.modal-dialog-top .modal-body {
    padding: 10px 20px 20px 10px !important;
}
#savehistory .modal-dialog.modal-dialog-top .modal-header .close {
    margin-top: -12px;
    padding: 0.98rem 1.3rem 0.98rem 1.3rem;
}
#searchhistorycontent .inline-status a,
#searchhistorycontent .inline-status>svg:not(:root).svg-inline--fa {
    float: right;
}
#searchhistorycontent .inline-status svg:not(:root).svg-inline--fa:hover {
    color: var(--rp-primary-color-dark-hover) !important;
}
.rp-font-size-7.lens-icon {
    vertical-align: -3px;
    padding-right: 6px;
    font-size: 7px !important;
    line-height: 1;
    padding-left: 2px;
}
.inline-items span svg {
    color: var(--rp-gray-color-1) !important;
}
.playstoreIcon p.access_brought,
.access_brought {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	color: var(--rp-gray-color-1);
    margin: 20px 0px 0px 0px;
}
.footer_logos .access_brought .user-name {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	color: var(--rp-gray-color-1);
	display: inline;
}
.powered_by {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: var(--rp-gray-color-1);
}


.subnav {
	position: relative;
}
.subnav .subnav-list {
	display: none;
	position: absolute;
	top: 45px;
    list-style-type: none;
    right: 0px;
	margin: 0px;
	padding: 8px 17px 15px 15px;
    max-width: 300px;
    min-width: 100%;
	background: var(--rp-white-color-3);
	background-clip: padding-box;
    border: none;
    white-space: nowrap;
    border-radius: 4px;
    -webkit-box-shadow: 0px 6px 12px 6px rgb(0 0 0 / 18%);
    box-shadow: 0px 6px 12px 6px rgb(0 0 0 / 18%);
}
.subnav:hover .subnav-list {
	display: block;
}
.subnav .subnav-list li {
	margin: 5px 0px 8px 0px;
	padding: 0px;
}
.subnav .subnav-list li:last-child {
	margin: 10px 0px 0px 0px;
}
.subnav .svg-inline--fa.fa-w-14 {
    margin-left: 10px;
    vertical-align: -4px;
}
.subnav .subnav-list li a {
	font-weight: 600;
	color: var(--rp-gray-color-2);
	display: inline-block;
    width: 100%;
}
.subnav:hover .subnav-list li a:hover {
	font-weight: 600;
    color: var(--rp-gray-color-1) !important;
}

.brand-name {
    font-family: var(--rp-primary-sans-font);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: var(--rp-gray-color-1);
    display: inline-block;
    vertical-align: middle;
    width: 270px;
    overflow: hidden;
    text-overflow: ellipsis;
}
    /*--------------------------------- My Library -----------------------------*/
.library-heading {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 30px;
	line-height: 22px;
	display: block;
	text-align: center;
	color: var(--rp-primary-color-dark);
	margin: 80px 0px 40px 0px;
	padding: 0px;
}
.library-page .embty-library-page {
	margin: 30px auto 95px auto;
	padding: 0px;
}
.library-page .library.tab-content hr {
	margin-top: 30px;
    margin-bottom: 30px;
}
.library-page .embty-library-page .embty-library-content {
	max-width: 300px;
	margin: auto auto auto 320px;
}
.library-page .embty-library-page .embty-library-content .embty-library-img {
	width: 189px;
	margin-left: auto;
	margin-right: auto;
}
.library-page .embty-library-page .embty-library-content .embty-library-img img {
	width: 100%;
}
.library-page .embty-library-page .embty-library-content .embty-library-text1 {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	color: var(--rp-primary-color-dark);
}
.library-page .embty-library-page .embty-library-content .embty-library-text2 {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	color: var(--rp-gray-color-1);
}
.library-page .embty-library-page .embty-library-content .embty-library-text2 .heart-icon {
	width: 16px;
	display: inline-block;
	margin-top: -3px;
}

.library-buttons {
	margin: 0px 0px 35px 0px;
}
.library-buttons .tabs-button {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 21px;
	color: var(--rp-gray-color-2);
	border-bottom: 1px solid #E5E5E5;
}
.library-buttons .tabs-button .myown,
.library-buttons .tabs-button .wishlist,
.library-buttons .tabs-button .subscription {
	cursor: pointer;
	display: inline-block;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-weight: 500;
	border-bottom: 2px solid #FFFFFF !important;
	font-size: 16px;
	line-height: 21px;
}
.library-buttons .tabs-button .myown.active,
.library-buttons .tabs-button .wishlist.active,
.library-buttons .tabs-button .subscription.active {
	border: none !important;
	border-bottom: 2px solid #F36C23 !important;
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 21px;
	color: var(--rp-gray-color-1);
}
.library.tab-content .tab-pane.active {
	border: none !important;
}
#subscription-tab.tab-pane.active .subscription-tab,
#wishlist.tab-pane.active {
	margin-top: 50px;
}
.library-list-types {
	margin: 15px 0px 0px 0px;
}
.library-list-types .pub-type-head {
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: var(--rp-gray-color-1);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.library-page .container-checkbox {
    display: inline;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	color: var(--rp-gray-color-2);
}

.library-page .container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.library-page .container-checkbox .checkmark {
    position: absolute;
    top: 4.5px;
    left: 0;
    height: 12px;
    width: 12px;
    background-color: var(--rp-gray-color-4);
    border: 1.85px solid #C1C1C1;
    border-radius: 0px;
}

.library-page .container-checkbox:hover input ~ .checkmark {
    background-color: var(--rp-gray-color-4);
}

.library-page .container-checkbox input:checked ~ .checkmark {
    background-color: #FAC9AF;
    border-radius:3px;
	border:none;
}

.library-page .container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.library-page .container-checkbox input:checked ~ .checkmark:after {
    display: inline;
}

.library-page .container-checkbox .checkmark:after {
	left: 4px;
    top: 0.75px;
    width: 4px;
    height: 10px;
    border: solid #ff6600;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.library-page .wishlist-content {
	margin: 10px 0px 0px 0px;
}
.library-page .wishlist-content,
.library-page .subscription-content {
	display: none;
}
.library-page .wishlist-content.active,
.library-page .subscription-content.active {
	display: block;
}
.library-page .wishlist-content p {
	background: var(--rp-gray-color-5);
	border: 1.5px solid #F1F1F1;
	border-radius: 3px;
	width: 180px;
	height: 50px;
	text-align: left;
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 22px;
	color: var(--rp-gray-color-1);
	padding: 11px 15px;
	position: relative;
	cursor: pointer;
}
.library-page .wishlist-content p .ptype {
	background: var(--rp-gray-color-5);
	border: none;
	text-align: left;
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 22px;
	color: var(--rp-gray-color-1);
}
.library-page .wishlist-content .active-color .ptype {
	color: var(--rp-primary-color-dark) !important;
}
.library-page .wishlist-content p .material-icons-outlined {
	position: absolute;
	top: 10px;
	right: 5px;
}
.library-page .subscription-head2 {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
	color: var(--rp-gray-color-1);
	margin: 15px 0px 15px 0px;
}
.library-page .subscription-head1{
	cursor: pointer;
}
.active-color {
	color: var(--rp-primary-color-dark) !important;
}
.library-page .subscription-head1 {
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 22px;
	color: var(--rp-gray-color-1);
	margin: 0px 0px 10px 0px;
	cursor: pointer;
}
.library-page .subscription-head1.margin-top1 {
	margin: 20px 0px 10px 0px;
}
.library-page .subscription-subhead1,
.library-page .subscription-subhead2 {
	font-family: var(--rp-secondary-sans-font);
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 22px;
	color: var(--rp-gray-color-1);
	margin: 0px 0px 10px 0px;
	cursor: pointer;
	background: var(--rp-gray-color-5);
	border: 1.5px solid #F1F1F1;
	border-radius: 3px;
	width: 180px;
	height: 50px;
	padding: 11px 15px;
	position: relative;
}
.library-page .subscription-subhead1 .material-icons-outlined,
.library-page .subscription-subhead2 .material-icons-outlined {
	position: absolute;
	top: 10px;
	right: 5px;
}
.library-page .expired_btn {
	background: #F89933;
	border-radius: 2px;
	width: 70px;
	height: 20px;
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 600;
	font-size: 11px;
	line-height: 19px;
	color: var(--rp-white-color-3);
	border: none;
	display: inline-block;
	text-align: center;
	margin: 10px 0px 0px 0px;
}
.library-page .volume-issue-para {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.library-page .volume-text {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	color: var(--rp-gray-color-2);
	padding-right: 11px;
}
.library-page .volume-text b {
	color: var(--rp-gray-color-1);	
}
.library-page .issue-text {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: var(--rp-gray-color-2);
}
.library-page .issue-text b {
	color: var(--rp-gray-color-1);	
}
.library-page .myown-content-share thead tr th,
.library-page .myown-content-share tbody tr td {
	text-align: center;
}
.library-page .myown-content-share thead tr th:nth-child(2),
.library-page .myown-content-share tbody tr td:nth-child(2){
	text-align: left;
}
.library-page .myown-content-share thead tr th:first-child,
.library-page .myown-content-share tbody tr td:first-child {
	white-space: nowrap;
	width: 5vw;
}
.library-page .myown-content-share thead tr th:last-child,
.library-page .myown-content-share tbody tr td:last-child {
	white-space: nowrap;
	width: 5vw;
}
.library-page .myown-content-share thead tr th:nth-child(3),
.library-page .myown-content-share tbody tr td:nth-child(3){
	width: 15vw;
}
.library-page .myown-content-share thead tr th:nth-child(4),
.library-page .myown-content-share tbody tr td:nth-child(4){
	width: 8vw;
}
.library-page .myown-content-share thead tr th:nth-child(5),
.library-page .myown-content-share tbody tr td:nth-child(5){
	width: 9vw;
}

.footparaEmail
{
	font-family: var(--rp-primary-sans-font);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: var(--rp-primary-color-dark);
    margin: 10px 0px 0px 0px;
    text-decoration: none;
}
.footpara-follow {
	font-family: var(--rp-primary-sans-font);
	font-style: normal;
	font-size: 16px;
	margin: 12px 0px; 
	font-weight: 500;
	color: var(--rp-gray-color-2);
}
.abstractHead {
    font-family: var(--rp-teritory-serif-font);
    font-weight: 400;
    font-size: var(--rp-font-size-24);
    line-height: var(--rp-line-height-31);
    /* identical to box height */
    color: var(--rp-gray-color-0);
    margin-top: 10px;
}

.htmlBody .AHead label,
.htmlBody .BHead label,
.htmlBody .CHead label,
.htmlBody .DHead label {
	padding-right: 8px;
}
div#article-html .section .AHead:nth-child(1) {
    margin-top: 0px;
}
.BHead
{
    font-family: var(--rp-secondary-sans-font);
    font-weight: 400;
    font-size: 120%;
    line-height: var(--rp-line-height-31);
    color: var(--rp-gray-color-0);
    margin-top:15px;
}

.back .BHead
{
    font-family: var(--rp-secondary-sans-font);
    font-weight: 400;
    font-size: 120%;
    line-height: var(--rp-line-height-31);
    color: var(--rp-gray-color-0);
    margin-top:25px;
    margin-bottom: 13px;
}

.htmlBody .question + .para,
.htmlBody .AHead + .para,
.htmlBody .BHead + .para,
.htmlBody .BHead + p {
	margin-top: 0px;
}


.htmlBody .CHead {
    font-family: var(--rp-secondary-sans-font);
    font-weight: 500;
    font-size: 100%;
    line-height: var(--rp-line-height-30);
    color: var(--rp-gray-color-0);
    margin-top:25px;
    margin-bottom: 13px;
}

.back .CHead {
    font-family: var(--rp-secondary-sans-font);
    font-weight: 500;
    font-size: 100%;
    line-height: var(--rp-line-height-30);
    color: var(--rp-gray-color-0);
    margin-top:25px;
    margin-bottom: 13px;
}

.htmlBody .DHead {
    font-family: var(--rp-secondary-sans-font);
    font-weight: 500;
    font-size: var(--rp-font-size-18);
    line-height: var(--rp-line-height-25);
    /* identical to box height */
    margin-top:25px;
    margin-bottom: 13px;
    color: var(--rp-gray-color-0);
}
.htmlBody .EHead {
    font-family: var(--rp-secondary-sans-font);
    font-style: italic;
    font-weight: 600;
    font-size: var(--rp-font-size-16);
    line-height: var(--rp-line-height-25);
    color: var(--rp-gray-color-0);
    margin-top:25px;
    margin-bottom: 13px;
}
.htmlBody .footnote {
    font-family: var(--rp-primary-serif-font);
    font-weight: var(--rp-font-weight-500);
    font-size: var(--rp-font-size-15);
    line-height: 170%;
    /* or 24px */
    color: var(--rp-gray-color-1);
    margin-bottom: 15px;
    padding-left: 20px;
/*    text-indent: -20px;
    margin-left: -10px;*/
}
.htmlBody .footnote .table-wrap-foot {
	margin-left: 10px;
}

.htmlBody table + .table-wrap-foot {
	padding-left: 15px;
}
.htmlBody .table + .table-wrap-foot .footnote {
	font-weight: var(--rp-font-weight-500);
    font-size: var(--rp-font-size-14);
    line-height: 170%;
    color: var(--rp-gray-color-1);
    margin-bottom: 15px;
    padding-left: 20px;
/*    text-indent: -20px;
    margin-left: -10px;*/
}
.htmlBody .footnote .table-wrap-foot > h3 {
	font-size: 14px;
    font-weight: 700;
}
.htmlBody footer .list-group.footerList {
	width: 100%;
}
/*
.list-group {
    width: 60%;
}*/
.navbar-nav>li.search-list { 
	display: none;
}
.htmlBody .AHead + .list-group {
    width: 100%;
}
.hrline {
    border-bottom: 1px solid #E5E5E5;
    width:100%;
    margin:30px 0px 0px 0px;
}
.htmlBody .reference {
    font-family: var(--rp-primary-serif-font);
    font-weight: var(--rp-font-weight-500);
    font-size: var(--rp-font-size-15);
    line-height: 31px;
    /* or 24px */
    color: var(--rp-gray-color-1);
    margin-bottom: 15px;
    padding-left: 37px;
    text-indent: -27px;
    margin-left: -10px;
}
.htmlBody .address {
    font-family: var(--rp-primary-serif-font);
    font-weight: var(--rp-font-weight-500);
    font-size: var(--rp-font-size-14);
    line-height: 200%;
    /* or 28px */
    text-align: right;
    color: var(--rp-gray-color-1);
    text-align: right;
    margin: 30px 0px;
}
.htmlBody .code {
	background: #F6F6F6;
	border-radius: 5px; 
	font-family: var(--rp-primary-serif-font);
	font-weight: bold;
	font-size: var(--rp-font-size-16);
	line-height: 200%;
	/* or 32px */
	color: var(--rp-gray-color-1); 
	padding: 20px 40px;
	margin: 30px 0px;
}
code {
	padding: 2px 4px;
	font-size: 90%;
	color: #151414;
	background: #F6F6F6;
	border-radius: 4px;
}

.aJTitle {
	color: var(--rp-primary-color-dark);
	font-size: var(--rp-font-size-20);
	font-family: var(--rp-primary-font-family);
	font-style: normal;
	font-weight: var(--rp-font-weight-600);
	text-align:center;
}
#bookavail li {
	margin-left: 0px;
	padding-left: 0px;
}

.upload-warning-lable {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #ee0000;
    margin: 0px 0px  15px 0px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--rp-gray-color-1);
    line-height: 28px;
}
.select2-container {
	width:150px !important;
}

/*Ends::Subangi Required classes for Search Result*/

.error {
	background: #F93943 !important;
}
.searchbtn {
    top: 0px;
    right: 8px;
    position: absolute;
    cursor: pointer;
}