/* manrope-regular - latin */
/* @font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/manrope-v12-latin-regular.eot');
    src: local(''),
        url('../fonts/manrope-v12-latin-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/manrope-v12-latin-regular.woff2') format('woff2'),
        url('../fonts/manrope-v12-latin-regular.woff') format('woff'),
        url('../fonts/manrope-v12-latin-regular.ttf') format('truetype'),
        url('../fonts/manrope-v12-latin-regular.svg#Manrope') format('svg');
} */

/* ScrollBar CSS (START) */

/* width */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

/* Track */


::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #b6b4b4;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #3182bc;
}

/* ScrollBar CSS (END) */

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Regular.ttf');
}

* {
    font-family: 'Roboto';
}

body {
    background-color: #edf0f1;
    overflow-y: scroll;
}

.logoCss {
    width: 170px;
}

.swal-wide {
    width: 850px !important;
    /* max-height: 100vh - 100px;
    overflow: scroll; */
}

.swal-wide .swal2-content {
    text-align: justify !important;
    text-justify: inter-word !important;
}


/*Top Row Start*/
/*Left Side Start*/
.navbar-brand {
    height: 58px;
    font-style: normal;
    font-weight: 800;
    font-size: 30px;
    line-height: 142%;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.0168em;
    font-feature-settings: 'tnum' on, 'lnum' on;
    color: #0067B1;
}

.navbar-brand:hover {
    color: #0067B1;

}

/*Left Side End*/

/*Right Side Start*/

/* .topRightMenu .languageLink {

    text-decoration: none;

    font-size: 14px;
    font-weight: 600;
    color: #979797;
    margin-right: 10px;
    cursor: pointer;

} */

/* .topRightMenu .active {
    color: #0092fb;
    font-weight: bold;
    text-decoration: underline;
} */

/* .topRightMenu .languageLink:hover {
    text-decoration: underline;
    color: #0092fb;
} */


.topRightMenu {
    width: 190px;
}

.topRightMenuContent {
    width: 100%;
}

.languageDropdown {
    cursor: pointer;

}

.languageDropdown a {
    font-size: 14px;
    line-height: 20px;
}

.languageDropdown ul li a:hover {
    background-color: #F1F9FF;

}

.languageDropdown ul li a.active {
    color: #329BFF;
    background-color: #F1F9FF;

}


/* .settingsIcon {
    font-size: 25px;
    color: gray;
} */
.settings {
    max-width: 24px;
    max-height: 24px;
    position: relative;
    display: inline-block;
}

.settings .hoverImage {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;

}

/* .settings .defaultImage {
    display: inline;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
} */
.settings:hover .hoverImage {
    display: inline;
}

.settings:hover .defaultImage {
    visibility: hidden;
}

.topRightMenu .accountLink {
    text-decoration: none;
    color: #979797;
    font-size: 14px;
    font-weight: 600;
    border: 0px;
    background: "none",
        /* border-left: 3px solid #0092fb; */
}

.topRightMenu .accountLink:hover {
    text-decoration: underline;
    color: #0092fb;
}

.dropdownButton {
    border: 0px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.0168em;
    font-feature-settings: 'tnum' on, 'lnum' on;

}

.dropdownButton {
    color: #495055;
}

.dropdownButton span {
    color: #0092FB;
    text-decoration: underline;
}

.dropdownButton span:focus,
.dropdownButton span:hover,
.dropdownButton span:active {
    color: #0092FB;
}

/* .profileDropdown .dropdown-menu .dropdown-item{

} */
.profileDropdown .dropdown-menu .dropdown-item:hover {
    background-color: #F1F9FF;
    font-weight: 900;
}

.profileDropdownFirstItem:hover {
    background-color: transparent !important;
    font-weight: 900;
}

.profileDropdown .dropdown-menu .dropdown-item {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

.profileName {
    margin-left: 14px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

.profilePosition {
    margin-left: 14px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #6E7880;
}

/*Top Row End*/

/*Header Row Start*/
.headerRow {
    height: 80px;
    background-color: #0067b1;
    border-top: 6px solid transparent;
    border-image: url('../images/topHeaderBorder.png');
    border-image-slice: 7;
    width: 100%;


}

.myLine {
    display: none;
}

/* .nav{
    color: red !important;
} */

.nav .nav-item {
    min-width: 85px;
    margin-right: 20px;
}

.nav .nav-item:last-child {
    margin-right: 0px;
}


.nav .nav-item .nav-link {
    color: #ffffff;
    font-weight: 400;
    font-size: 14px;
    line-height: 142%;
    letter-spacing: 0.0168em;
    font-feature-settings: 'tnum' on, 'lnum' on;
}


/* .nav .nav-item .nav-link.active {
    text-decoration: underline;
    font-size: 15px;
} 
.nav .nav-item .nav-link:hover {
    text-decoration: underline;
    font-size: 15px;
}
*/
.nav .nav-item .nav-link.active .myLine {
    display: block;
    background-color: #EDF0F1;
    border: 4px solid #EDF0F1;
    border-radius: 8px 8px 0px 0px;
}

/* .nav .nav-item .nav-link:hover .myLine {
    display: block;
    background-color: #EDF0F1;
    border: 4px solid #EDF0F1;
    border-radius: 8px 8px 0px 0px;
} */


.menuImageIcon {
    max-width: 31px;
    max-height: 24px;
    position: relative;
    display: inline-block;
    /* margin: 0 auto; */
}

.nav .nav-item .nav-link .hoverImage {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;

}

.nav .nav-item .nav-link:hover .hoverImage {
    display: inline;
}

.nav .nav-item .nav-link:hover .defaultImage {
    visibility: hidden;
}

/* .menuImage {
    margin: 0 auto;
} */
/* .menuIcon {
    width: 100%;
    font-size: 30px;
} */

/* .myText {
    width: 100%;
    margin: 0 auto;
    text-align: center;
} */

/* */

/*Header Row End*/

/*Main Content RighSide*/
.crudTitle {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 142%;
    letter-spacing: 0.005em;
    font-feature-settings: 'tnum' on, 'lnum' on;
    color: #0067B1;
}


/*Footer Row Start*/
.footerRow {
    background-color: #0067b1;
    border-top: 6px solid transparent;
    border-image: url('../images/topHeaderBorder.png');
    border-image-slice: 7;
    width: 100%;
    height: 54px;
    /* position: fixed;
    left: 0;
    right: 0;
    bottom: 0; */
}


.footerMobileRow {
    background-color: #0067b1;
    border-top: 6px solid transparent;
    border-image: url('../images/topHeaderBorder.png');
    border-image-slice: 7;
    width: 100%;

    /* position: fixed;
    left: 0;
    right: 0;
    bottom: 0; */
}

.footerRow .copyRight,
.footerMobileRow .copyRight {
    color: #ffffff;
    align-items: center;
    text-align: center;
    letter-spacing: 0.0168em;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    padding-top: 16.5px;
}

.footerRightMenu {
    margin-top: 15px;
    margin-right: 39px;
}

.footerRightMenu .footerLink {
    text-decoration: none;
    color: #ffffff;
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    margin-left: 15px;

}

.footerLinkTitle {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 142%;
    letter-spacing: 0.005em;
    font-feature-settings: 'tnum' on, 'lnum' on;
    color: #0067B1;
}

.footerLinkText {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 142%;
    letter-spacing: 0.005em;
    font-feature-settings: 'tnum' on, 'lnum' on;
    color: #000000;
}

.aboutClass {
    text-align: justify;
    text-justify: inter-word;
}

.emptyRow {
    height: 40px;
}

.aboutImage {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.aboutImage img {
    flex-shrink: 0;
    /* min-width: 100%;
    min-height: 100% */
}



/*Main Row Start*/
.mainRowBG {

    /* background-color: #f4f4f4; */
    background-color: #edf0f1;

}

.leftSideBar {
    /* border-top: 2px solid #0067b1; */
    margin-bottom: 75px;
}

.mainContent {
    margin-left: 15px;
    /* margin-bottom: 20px; */
    padding-bottom: 80px;
}

.sideBarTitle {
    width: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 142%;
    letter-spacing: 0.005em;
    text-transform: uppercase;
    font-feature-settings: 'tnum' on, 'lnum' on;
    color: #0067B1;
}

/*MainRow End*/




/**/

.sideBarTitle {
    color: #0067b1;
}


ul.sideBarMenu {
    width: 100%;
    margin: 0;
    padding: 0;
}

li.sideBarItem {
    list-style: none;

    height: 100%;
    width: 100%;
}

.sideBardivider {
    display: block;
    height: 100%;
    width: 100%;

    /* background-color: #0067B1; */
    /* color: #000000; */
    border-bottom: 2px solid #dbdedf;
    /* border-left: 2px solid #8fc9ff; */

    padding: 3px 0px 3px 5px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    text-decoration: none;

}

.sideBardividerTitle {
    text-decoration: none;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

.sideBardividerTitle:hover {
    color: #2595FF;
}

a.sideBarLink {
    display: block;
    height: 100%;
    width: 100%;
    font-size: 0.875rem;
    background-color: #ffffff;
    border-bottom: 2px solid #dbdedf;
    border-left: 2px solid #8fc9ff;

    padding: 15px 0px 15px 5px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    text-decoration: none;
    color: #000000;
}


a.sideBarLink:hover {
    background-color: #c9efff;
    border-left: 2px solid #5badfa;
    font-weight: bold;
}

a.sideBarLink.active {
    background-color: #c9ebff;
    border-left: 2px solid #8fc9ff;
    font-weight: bold;
}

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

/*Table Header*/


.MuiDataGrid-columnHeaderTitle {
    font-weight: bold !important;
}



/*Footer Row End*/
.signOutModal {
    z-index: 105;
    position: fixed;
    inset: 0px 0px auto auto;
    margin: 0px;
    transform: translate3d(-30px, 65px, 0px);
}

@media (min-width: 992px) {
    .header-fixed.toolbar-fixed .wrapper {
        padding-top: 80px;
    }
}

.MuiToolbar-root p {
    margin-bottom: 0px;
}

@media only screen and (max-width: 1235px) {
    .tableHolder {
        width: 100% !important;
    }
}

@media only screen and (min-width: 768px) {

    html,
    body {
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .footerRow {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
    }


}

/* @media only screen and (max-width: 785px) {
    .headerRow{
        height: 160px;
    }
}
@media only screen and (max-width: 413px) {
    .headerRow{
        height: 240px;
    }
    .footerRow{
        height: 110px;
    }
} */


/*Login CSS*/
.loginContent {
    width: 328px;

    /* Basic / White */
    background: #FFFFFF;
    /* Stroke / Block */

    border-radius: 2px;

}

.loginTitle {
    height: 44px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    color: #495055;
    /* margin: 24px; */

}

.loginContent span.input-group-text {
    border-right: 0px;
    border-color: #DBDEDF;
}

.loginContent input.form-control {
    border-left: 0px;
    border-color: #DBDEDF;
}

.loginContent input[name="password"].form-control {
    border-right: 0px;
    border-color: #DBDEDF;
}

input[name="username"]:focus,
input[name="password"]:focus,
.loginContent .form-check-input:checked {
    border-color: #DBDEDF;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset, 0 0 0px rgba(126, 239, 104, 0.6);
    outline: 0 none;
}

.showHidePassowrd {
    border: 1px solid #DBDEDF;
    padding-right: 5px;
    cursor: pointer;
}

.loginContent input:-webkit-autofill,
.loginContent input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}

.loginContent input[data-autocompleted] {
    background-color: transparent !important;
}

.rememberCheckbox {

    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #000000;

}

.loginContent .form-check-input:checked {
    background-color: #2595FF;
    border-color: #2595FF;
}

.forgotPassword {
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #2595FF;

}

.forgotPassword:hover {
    color: #2595FF;
    text-decoration: underline;
}


.registerLabel {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #495055;
}

.registerLink {
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #2595FF;
}

.loginContent button[type="submit"] {
    background-color: #2595FF;
    border-color: #2595FF;
}

/*Search*/
.search .searchInput {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #6B6B6B;
}

.searchInput::placeholder {
    color: #6B6B6B;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0.0168em;
}

.search input.searchInput:focus {
    border-color: #DBDEDF;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset, 0 0 0px rgba(126, 239, 104, 0.6);
    outline: 0 none;
}

.search span.input-group-text {
    border-right: 0px;
    border-color: #DBDEDF;
    color: #676767;
}

.search input.form-control {
    border-left: 0px;
    border-color: #DBDEDF;
}

/*  home boxes */
.newBoxes {
    /* border: 4px solid #ffffff; */
    /* border-top: 4px solid #1EC9FF; */
    /* border: 1px solid red; */
    float: left;
    margin-top: 20px;
    margin-left: 20px;

}

.newBox {
    text-decoration: none;
    color: #000000;
    min-width: 161px;
    height: 139px;
    background-color: #ffffff;
    border-radius: 4px;
    padding-top: 5px;
    text-align: center;

}

.box {
    text-decoration: none;
    color: #000000;
    width: 161px;
    height: 139px;
    background-color: #ffffff;
    border-radius: 4px;
    padding-top: 5px;
    /* margin-top: 5px; */
}

.newBox:hover {
    color: #000000;
    cursor: pointer;
}

.newBox .boxIcon {
    width: 100%;
}

.newBox .boxImage {
    max-width: 34px;
}

.newBox .boxTitle {
    width: 100%;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
}

.newBox .boxMessage {
    width: 100%;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 155%;
    color: #71787D;
}

.boxes .box1 {
    border: 4px solid #ffffff;
    border-top: 4px solid #1EC9FF;

}

.newBoxes .box1 {
    border: 4px solid #ffffff;
    border-top: 4px solid #1EC9FF;

}

/* .boxes .box1:hover {
	border-right: 4px solid #1EC9FF;
    border-left: 4px solid #1EC9FF;
    transition: border-right 0.2s;
    transition: border-left 0.2s;
    border-bottom: 4px solid #1EC9FF;
    transition: border-bottom 0.2s;
    
} */
.boxes .box1:hover.box1 {
    border-bottom: 4px solid #1EC9FF;
}

.newBoxes .box1:hover.box1 {
    border-bottom: 4px solid #1EC9FF;
}


.newBoxes .box2 {
    border: 4px solid #ffffff;
    border-top: 4px solid #5197FF;
}

.newBoxes .box2:hover.box2 {
    border-bottom: 4px solid #5197FF;
}

.newBoxes .box3 {
    border: 4px solid #ffffff;
    border-top: 4px solid #06A5FF;
}

.newBoxes .box3:hover.box3 {
    border-bottom: 4px solid #06A5FF;
}

.newBoxes .box4 {
    border: 4px solid #ffffff;
    border-top: 4px solid #3492C8;
}

.newBoxes .box4:hover.box4 {
    border-bottom: 4px solid #3492C8;
}

.newBoxes .box5 {
    border: 4px solid #ffffff;
    border-top: 4px solid #0021FE;
}

.newBoxes .box5:hover.box5 {
    border-bottom: 4px solid #0021FE;
}

/*stats*/
.stats {
    margin-top: 30px;
    margin-bottom: 90px;
}

.statsBoxes {}

.statsTitleBorder {
    border-bottom: 1px solid #4D4D4D;
}

.statsTitle {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;

    color: #676767;
    padding-bottom: 10px;
}



.stats .statsBox .boxIcon {
    width: 100%;
}

.stats .statsBox .boxImage {
    max-width: 34px;
}

.stats .statsBox .boxTitle {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #464646;
}

.stats .statsBox .statsBoxNumber {
    width: 100%;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 155%;
    color: #676767;
}

.institutionProfileMenu {
    list-style-type: none;
    overflow-x: auto;
    white-space: nowrap;
}

.institutionProfileMenu li {
    width: auto;
    display: inline-block;
    font-size: 15px;
}

.institutionProfileMenu a {
    text-decoration: none;
    font-weight: normal;
    color: #000000;
}

.institutionProfileMenu .active a {
    color: #2595FF !important;
}

.institutionProfileMenu .active {
    border-bottom: 3px solid #2595FF;
    font-weight: bold;
}

.profileContentHolder .mainContent {
    margin-left: 0px;
    height: auto;
}

/*Input css*/

.form-control.requiredInput,
.form-control.requiredInput:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%);

}

.form-group .drwopdown.requiredInput,
.form-group .drwopdown.requiredInput:focus,
.form-group .drwopdown.requiredInput:focus-visible {



    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%);


}

.tabBox,
.tabBox:focus {
    /* .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { */
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%);
    /* } */
}


.form-group label strong {
    font-weight: 100;
}


.myTabBox a {
    color: red;
}

.css-1h9z7r5-MuiButtonBase-root-MuiTab-root {
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #C3C7C8 !important;
    margin-right: 30px !important;
    text-transform: none !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.css-1h9z7r5-MuiButtonBase-root-MuiTab-root.Mui-selected {
    color: #0067B1 !important;
    /* color: #2595FF !important; */

}

.css-1aquho2-MuiTabs-indicator {
    /* background-color: #0067B1; */
    /* background-color: #2595FF !important; */
    background-color: transparent !important;
}

.requiredDate .css-1a1fmpi-MuiInputBase-root-MuiInput-root {
    /* border: 1px solid #e35160 !important;*/
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%);
}

.css-ptiqhd-MuiSvgIcon-root {
    color: #0067b1;
}

/* .requiredDate .css-1a1fmpi-MuiInputBase-root-MuiInput-root {
    border-bottom-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%);
} */

/*
.requiredDate .css-1a1fmpi-MuiInputBase-root-MuiInput-root.Mui-error:after {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%);
}
*/

.questionTooltip {
    cursor: pointer;
}


.sideBarItemSettings {
    text-decoration: none;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 24px;

    display: flex;
    align-items: center;
    background-color: #EDF0F1;

    height: 45px;
    color: #494949;

    border-bottom: 1px solid #E3E3E3;
    padding-left: 15px;
}

.sideBarItemSettings:hover {
    color: #0092FB;
    font-weight: 600;
}

.sideBarItemSettings.active {
    /* color: #0092FB; */
    font-weight: 600;
}

hr.blueHR {
    border: 2px solid #0067B1;
    opacity: 100%;
    margin: 0;
    margin-bottom: 5px;
}


.budgetDescription {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 142%;
    letter-spacing: 0.005em;
    font-feature-settings: 'tnum' on, 'lnum' on;
    color: #0067B1;
}

.budgetError {
    color: #dc3545;
    font-weight: 600;
}

.budgetEqual {
    color: #0c7d33;
    font-weight: 400;
}


.publicationBox {
    width: 100%;
    height: 84px;
    background-color: white;
    border-radius: 4px;
    border-left: 5px solid #53B7E8;
}

.publicationBox strong {
    white-space: nowrap;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* .publicationBox a {
    width: 100%;
} */

.publicationBoxWidth {
    width: 90%;
}

.publicationBoxWidth2 {
    width: 100%;
}

.projectBox {
    width: 100%;
    height: 84px;
    background-color: white;
    border-radius: 4px;
    border-left: 5px solid #3492C8;
}

.institutionBox {
    width: 100%;
    height: 84px;
    background-color: white;
    border-radius: 4px;
    border-left: 5px solid #1EC9FF;
}

.researcherBox {
    width: 100%;
    height: 84px;
    background-color: white;
    border-radius: 4px;
    border-left: 5px solid #5197FF;
}

.nationalJournalBookBox {
    width: 100%;
    height: 84px;
    background-color: white;
    border-radius: 4px;
    border-left: 5px solid #0021FE;
}

.researcherPublication {
    height: 600px;
    overflow-y: auto;
}

.profileImg {
    object-fit: cover;
    border-radius: 100%;
}

.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    cursor: pointer;
}

.pagination a.active {
    background-color: #0067B1;
    color: white;
    border-radius: 5px;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 5px;
}

.reportBox {
    height: 130px;
    border-radius: 5px;
}

.reportBoxNr {
    font-size: 20px;
    font-weight: bolder;
}

.reportBoxText {
    font-size: 15px;
}



/*Register CSS*/

.registerContent {
    width: 828px;
    /* Basic / White */
    background: #FFFFFF;
    /* Stroke / Block */
    border-radius: 2px;

}

.text-system {
    color: #0067b1;
}

.css-lr9fot-singleValue {
    color: #000 !important;
}

/*NationalJournalBookViewList Start*/
.nationalJournalBookViewList {
    height: 100%;
    margin-top: 25px;
    margin-bottom: 25px;

    /* border: 1px red solid; */
}

.nationalJournalBookViewBox {
    /* border: 1px red solid; */
    padding: 10px 25px;
}

.nationalJournalBookViewLink {
    text-decoration: none;
    color: #0067B1;
    font-size: 14px;
    /* text-align: justify;
    text-justify: inter-word; */
}

.nationalJournalBookViewImage {
    width: 100%;
    height: 100px;
}

.myCardBody {
    min-height: 80px;
}


.nationalJournalBookViewBook .title {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 142%;
    letter-spacing: 0.005em;
    color: #0067B1;
}

/* .nationalJournalBookViewBook {} */

.nationalJournalBookViewBook .description {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: justify;
    text-justify: inter-word;
}

.nationalJournalBookViewBook .belowDescription {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: justify;
    text-justify: inter-word;
}

.nationalJournalBookViewBook .aboveDescription {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: justify;
    text-justify: inter-word;
}

.nationalJournalBookViewBook .archive {
    font-weight: bold;
}

.listBorderStyle {
    border-top: 2px solid #0067B1;
}

.nationalJournalBookViewBook .myPrimaryText {
    color: #0067B1;
}

.nationalJournalBookViewBook .myUrl {
    color: #0067B1;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

.titleUrl {
    color: #0067B1;
    text-decoration: none;
    font-weight: 400;
    line-height: 1.5;

}

.titleUrl:hover {
    text-decoration: underline;
    color: #0067B1;
    font-weight: 400;
    line-height: 1.5;
}

.publicationTitleLink {
    color: #0067B1;
    text-decoration: none;
    font-size: 14px;
}

.volumeNumber {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 142%;
    letter-spacing: 0.005em;
    /* color: #0067B1; */
    color: #000;
    padding-top: 3px;
}

.titleRow {
    border: 0px solid red;
}

.tableOfContent {
    font-weight: bold;
    font-size: 14px;
}

.publicationItem {
    font-size: 14px;
    border-bottom: 1px solid #0067B1;
}

.publicationItem .publicationBody {
    border: 0px solid red;
}

.publicationItem .pages {
    width: 100%;
}

.publicationItem .authors {
    border: 0px solid red;
}

.publicationItem .keywords {
    border: 0px solid red;
}

.publicationItem .publicationDocument {
    color: #0067B1;
    text-decoration: none;
    font-size: 14px;
}

.belowImageTxt {
    font-size: 14px;
}

/*NationalJournalBookViewList End*/

.publicationTypeLabel {
    background-color: #b9ddf7;
    color: #0067B1;
    font-size: 14px;
    padding: 5px;
}

.detailInfo {
    color: #555555;
    font-size: 14px;
}

.doiInfo {
    text-decoration: underline;
}

.publicationAuthors {
    font-size: 14px;
}

.publicationAbstract {
    font-size: 14px;
}

.publicationResearcher {
    font-size: 13px;
    display: flex;
    align-items: center;
    font-weight: 400;
}

.publicationResearcher img {
    width: 16px;
    object-fit: cover;
    border-radius: 100%;
}

.paperPublicationDateTitle,
.paperVisitsTitle,
.paperPaperKRISIDTitle,
.paperKRISURITitle,
.paperDescriptionTitle,
.paperKeywordTitle,
.paperAbstractTitle {
    font-weight: bold;
}

.paperTitle {
    font-weight: bold;
    font-size: 16px;
}

.publicationReports table {
    height: 100%;
}