﻿body {
    /*padding-top: 50px;*/
    /*padding-bottom: 20px;*/
    background-color:#f3f3f3;
    font-family:Arial,SimHei;   
}
html,body{
    height:100%;    
}
.website-content{
    min-height:100%;  
    position:relative;    
}
.body-content{
    min-height:100%; 
    padding-bottom:80px;    
}
.body-content-admin{
    min-height:100%; 
    padding-bottom:50px;    
}
@media (max-width:991px){
    .body-content{
        padding-bottom:420px;
    }
}
.container {
    width: 1200px !important;
    padding-left:0px !important;
}
footer{
    position:absolute;
    bottom:0;   
    width:100%;    
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
    line-height:25px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
/*   max-width: 400px;*/
}

/*Header and Navbar Settings*/
.navbar-inverse{
    /*top:0;*/
    /*margin-top:0;*/
    width:100%;
}
.navbar-right li a{
    padding-left:12px;
}
/*.navbar-fixed-top,*/
.navbar-inverse,
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-toggle,
.navbar-inverse .navbar-toggle:hover, 
.navbar-inverse .navbar-toggle:focus{
    background-color:#a51c30;    
    border-color:#a51c30; 
    border-radius:0;  
}
.navbar-inverse .navbar-toggle,
.navbar-inverse .navbar-toggle:hover, 
.navbar-inverse .navbar-toggle:focus{
    border-color:white;
}

.navbar-fixed-top,
.navbar-brand,
.navbar-header{
    height:100px;
}
.navbar-header{
    background-image:url(../Images/logo.png);
    background-position:left center;
    background-repeat:no-repeat;
}
.navbar-inverse .navbar-brand {
    color: white;
    /*font-family:'Arial Unicode MS';*/
    font-weight: bold;
    font-size: 2.5em;
    padding-left: 100px;
    padding-top: 35px;
}

@media(min-width:768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0
        }
}
@media (max-width:542px){
    .navbar-inverse .navbar-brand {
       font-size:1.2em; 
       padding-left:90px;
       padding-top:30px;
       height:auto;
       max-width:300px;
    }   
}
@media (max-width:360px){
    .navbar-inverse .navbar-brand {
        font-size:1em; 
        max-width:255px;
    }
}

.navbar-inverse .navbar-nav > li > a{
    color:white;
}
.navbar-toggle{
    background-color: #333;
}
.navbar-nav{
    font-size:1.2em;
}
.li_120 {
    width: 120px;
}
@media (min-width: 768px){
    .navbar-nav{
    }
}
.search-form{
    border:1px solid #e2e2e2;
    background-color:#e2e2e2;
    margin-top:-20px; 
    padding-top:10px;
    padding-bottom:10px; 
}

.search-form .form-group{
    width:500px;    
    float:left;
    /*border:1px solid black;*/
}
.search-form .form-group input{ 
    width:68%;
    border-radius:0; 
}
.navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.search-form .form-group select {
    width:90px;
}
.search-form .btn.btn-default{
    border:none;
    background-color:transparent;
    padding-left:5px;
}
@media(max-width:450px){
    .search-form .form-group {
        max-width:100%;
    }
.search-form .form-group input{ 
    width:95%;
    border-radius:0; 
}
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: underline;
}

/*Navbar footer settings*/
.navbar-footer{
    background-color:#a51c30;
    color:white;
    font-family:Arial;
    height:80px;    
}
.navbar-footer h3{
    background-image:url('../Images/footer-browse.png');
    background-repeat:no-repeat;
    font-weight:bold;
    background-position:right 70%;
    width:150px;
    max-width:100%;
}
.navbar-footer .footer-middle h3{
    width:195px;
}
.navbar-footer .footer-right h3{
    width:170px;
}
.navbar-footer .footer-left div{
    height:48px;
    vertical-align:middle;
}
.navbar-footer .footer-left a{
    color:white;
    font-size:1.6em;
    font-weight:bold;    
    padding-left:60px;
    padding-top:12px;
    padding-bottom:12px;   
}
.navbar-footer .footer-left .leaf a{
    background:url(../Images/footer-departments.png) no-repeat;
    background-position:left center;
}
.navbar-footer .footer-left .second a{
    background:url(../Images/footer-researchers.png) no-repeat;
}
.navbar-footer .footer-left .third a{
     background:url(../Images/footer-subjects.png) no-repeat;
}
.navbar-footer .footer-left .last a{
     background:url(../Images/footer-projects.png) no-repeat;
}
/*Text Footer Settings*/
.text-footer{    
    background-color:#94192b;
    color:white;
    text-align:center;
    height:50px;
    padding-top:15px;
}
/*Researchers*/
h3.researchers-title,
h3.researcher-title,
h3.schools-title{
    height:42px;
    background:url(../Images/reseachers-title.png) no-repeat left center;
    padding-left:45px;
    padding-top:10px;
}
p.letter-pagers{
    padding-left:45px;
}
p.letter-pagers{
    font-size:1.1em;
}
.letter-pagers .letter{    
    margin-left:5px;
    margin-right:5px;
}
table.researchers{    
    border:none;
    margin-top:20px;
}
table.researchers tbody tr td{
    border:none;
}
table.researchers tbody tr{   
    display:block; 
    background-color:white;    
    border-bottom:4px solid  #e2e2e2;
    border-radius:8px;
    margin-bottom:15px;
    padding:10px 8px;
}
table.researchers tbody tr td.researcher-img{
    width:70px;
    vertical-align:middle;
    padding-left:0;
}
/*Schools*/
h3.schools-title{
    background:url(../Images/schools-title.png) no-repeat left center;
    padding-top:9px;
}
div.schools,
div.researcher-profile{
    margin-top:20px;     
}
div.school{
    background-color:white;
    background-repeat:no-repeat;
    border-bottom: 5px solid #e2e2e2;
    padding:10px;
    margin-bottom:20px; 
    margin-right:10px;
    border-radius: 10px;
    min-height:127px;
    min-width:360px;
}
div.school-pic{
    width:30%;
    float:left;
}
div.school-pic img{
    width:102px;
    height:auto;
}
div.school-name{
    width:70%;    
    float:left;
    font-weight:bold;
    font-size:1.2em;
      
}
/*Reseacher Profile*/
p.rscher-desc{
    margin-top:10px;
    margin-bottom:10px;
    font-size:1.1em;
    max-width:100%;
    word-wrap: break-word;
    word-break: keep-all;
}
p.rscher-desc-name{
    margin-top:30px;
    font-size:1.2em;
}
.rscher-header strong{
    color:#7f8b8b;
    font-size:1.2em;
    font-family:Arial;  
    margin-top:20px; 
    font-weight:bolder; 
}
.rscher-header{
    margin-top:30px;
    margin-bottom:15px;
}
.archive-year{
    color:#999999;
    margin-bottom:15px;
    background:url(../Images/archive-year.png) no-repeat 15px center;
    padding-left:45px;
}
.rscher-tag{
    float:left;
    background-color:#7f8b8b;
    margin:5px 8px 5px 0px;
    padding:5px 8px;    
    border-radius:5px;
    color:white;
}
    .rscher-tag a {
    
    color:white;
    }
.rsch-area{
    padding:15px 5px 5px;
    background-color:white;
    border-radius:10px;
    border-bottom:5px solid #e2e2e2;
    vertical-align:middle;     
    height:auto !important;   
    min-height:150px;
    height:150px;
}

.rsch-area-desc{    
    height:auto;
}
.rsch-area-desc p{
    margin-bottom:0;
}
.rscher-qrcode{
    text-align:right;   
}
.rscher-qrcode img{
    max-width:100%;
}
.profile-tabs{
    margin-top:20px;
}
.tab-content {
    background-color:white;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    max-width:100%;
}

#tabContent{
    background-color:white;
    min-height:550px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    max-width:100%;
}

ul.nav-tabs{
    border-bottom:none;
}
ul.nav-tabs li{
    padding:5px 8px 0px 0px;
    border:none; 
    letter-spacing:0.02em;  
    font-family:'Arial Unicode MS';
    font-size:1.1em;
}
    ul.nav-tabs li a,
    ul.nav-tabs li a:hover {
        border-color: white;
    }
ul.nav-tabs li.active{
    border:none;
    font-weight:bold;
}
    ul.nav-tabs li.active a,
    ul.nav-tabs li.active a:hover,
    ul.nav-tabs li.active a:focus,
    ul.nav-tabs li.active a:active {
        background-color: #E2544B;
        color: white;
    }
ul.items{
    list-style:none;
    padding-left:30px;
    padding-top:10px;
    padding-right:30px;
}
ul.items li.item{
    list-style:decimal;
    margin-left:0;
    border-bottom:1px solid #e2e2e2;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:5px;
}
@media(max-width:767px){
    .researcher-tags{    
        margin-bottom:15px;
    }
    .rsch-area {
        padding:5px 5px;
    }
    .rsch-area-desc{
        padding-top:0px;
    }
    ul.items {
        padding-right:10px;
    }
}
/*Teacher Articles C-papers*/
div.pagination-container{
    text-align:center;
    width:95%;
}
div.edit-link{
    text-align:center;
}
ul.pagination li a {
    background-color: aliceblue;
    color: darkgrey;
}
ul.pagination li.active a {
    background-color: #337ab7;
    border-color: #337ab7;
}
.btn-search,
.btn-md{
    background-color:rgb(229,101,92);
    border-color:rgb(229,101,92);
}
.btn-search:hover,
.btm-search:focus,
.btn-md:hover,
.btn-md:focus{
    background-color:#d8271c;
    border-color:#d8271c;
}

.researcher-pic {
    max-height:200px;
    width:auto;
    border-radius:10px;
}

.researchers-pic {
    max-height:150px;
    width:auto;
    border-radius:5px;
}

.p_Error {
color:darkred;
}

input[type="radio"], input[type="checkbox"] {
    line-height: normal;
    margin: 4px 2px 0 5px;
}

.form-group_edit .form-group {
    margin-bottom: 5px;
}

.Admin-search-form .form-group input {
width:350px;
}

.div-researchers ul{
    margin-top:10px;
    border:1px solid groove;
}

.div-researchers ul li{
    list-style:none;
    margin-top:10px;
    padding-left:5px;
    padding-right:0px;

}
    .div-researchers ul li.li_side {
    padding-top:5px;
    background-color:white;
    border-radius:10px;
    border-bottom: 5px solid #e2e2e2;
    padding-left:10px;
    padding-right:0px;
    margin-left:-10px;
    }

ul.article-list {
padding-left:0px;
}

ul.article-list li {
    list-style: none;
    float:left;
    width:96%;
    border-bottom:1px solid #e2e2e2;
    padding-bottom: 7px;
    padding-top: 7px;
}

.SCI-list, .SCI-Top {    
    padding-left:0px;
}
.SCI-list li {
    list-style: none;
    float:left;
    width:100%;
}
.SCI-Top li {
    list-style: none;
    float:none;
    width:100%;
}

ul.article-list li.li_index {
    width:4%;
    min-width:20px;
    border-bottom:0px;
}
.div-article {
    min-height:550px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
}

.div-article-list {
    min-height:550px;
    background-color:white;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    margin-top:-30px;
}
@media (max-width:991px){
    .div-article-list{
    margin-top:0px;
    }
}

.filter {
    padding-left:0px;
}
.filter li {
    list-style: none;
    border-bottom:1px solid #e2e2e2;
}
    .filter li ul li {
    border-bottom:0px;
    }
.content-title-subject {
    float:left;
}
.back-subject{
    line-height:40px;
    margin-top:5px;
}

.back-subject a{
    padding-bottom:0px;
    padding-left:20px;
}
hr {
margin-top:10px;
margin-bottom:10px;
border-color: #e2e2e2 currentcolor;
}

.search-result {
    margin-top:-20px;
}

.ul.researcher-list li {
margin-bottom:5px;
}

.col-md-2, .col-md-4, .col-md-8, .col-md-10, .col-md-12 {
    padding-right: 0px;
    padding-left: 0px;
}

.modal-body table {
  min-width:400px;
width:100%;
max-width:600px;
}
    .modal-body table th {
padding-left:5px;
    background-color:#eee;
    }
    .modal-body table td {
padding-left:5px;
    }

.form-group {
    margin-bottom: 10px;

}
.form-control {
padding:6px;
}

.img_icon {
width:15px;
}

.blankOne {
    border: 0px solid;
    font-family:"宋体";
    /*font-family: 'Microsoft YaHei';*/
    font-size: 20px;
}


.checkboxlist .typelist {
    width: 20%;
    float: left;
    display: inline;
    padding-right: 5px;
    line-height:30px;
}

.dropdown-menu {
min-width:180px;
padding:0px;
}
    .dropdown-menu ul {
    padding-left:0px !important;
    }
    .dropdown-menu ul li {
    list-style:none;
    padding-top:5px ;
    padding-left:20px ;
    height:30px;
    }    
    .dropdown-menu > ul > li > a {
    cursor: pointer;
    display: block;
    }
    .dropdown-menu > ul > li:hover {
  background-color: #f2f2f2;
    }

.ul-personal li {
    float:left;
    width:40%;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    background-color:transparent !important;
}


.ul_Batch {
    padding: 10px;
}

.ul_Batch li {
    float: left;
    width: 20%;
    list-style: none;
}


.table-List td {
    min-height: 20px !important;
}

td, th {
    padding: 5px !important;
}

.mr-2 {
    margin-right:5px;
}
.ml-2 {
    margin-left: 5px;
}
.mt-2 {
    margin-top: 5px;
}