/*font-family: 'Open Sans', sans-serif;
  font-family: 'bergen_sanssemi_bold';*/

/*Common CSS*/

@font-face {
    font-family: 'helveticaneuethin';
    src: url('../../../../public/fonts/helveticaneue_thin-webfont.woff2') format('woff2'),
         url('../../../../public/fonts/helveticaneue_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaneuelight';
    src: url('../../../../public/fonts/helveticaneuelt-webfont.woff2') format('woff2'),
         url('../../../../public/fonts/helveticaneuelt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{margin:0;padding:0;font-family:'Open Sans',sans-serif;color:#3c3c3c;background-image:linear-gradient(#efefef,#fff);min-width:inherit}
@font-face{font-family:bergen_sanssemi_bold;src:url(../../../../public/font-awesome/fonts/bergensans-semibold-webfont.woff2) format('woff2'),url(../../../../public/font-awesome/fonts/bergensans-semibold-webfont.woff) format('woff');font-weight:400;font-style:normal}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-family:bergen_sanssemi_bold}
h1{font-size:3.75rem}
h2,.h2{font-size:48px}
h3,.h3{font-size:42px}
h4,.h4{font-size:36px}
h5,.h5{font-size:32px}
h6,.h6{font-size:24px}
a:focus{color:#F58025!important}
button:focus{opacity:.8}
.detail_section h4,.detail_section .h6{font-family:bergen_sanssemi_bold}
a{text-decoration:none;transition:all .5s ease;color:#fff}
.social_link li a:focus{background:#ccc;font-weight:400}
.social_link li a:focus i{color:#fff}
a:focus,a:hover{text-decoration:none}
nav ul li a:focus{color:#fff!important}
#browse-sort-buttons em {
    font-size: 16px;
    margin-top: 1px;
    margin-right: 0;
}
.search span{font-size:20px}
.search a:focus{color:#fff!important}
.search a.active:focus{color:#cd4b13 !important}
.orange-button{position:relative;cursor:pointer}
.modal{z-index:999999}
.orange-button::before{background-image:linear-gradient(to right,#ffa44a,#f76b1c 52.4%,#e75315);background-repeat:repeat;background-size:200% 200%;content:'';height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}
.orange-button:hover::before{-webkit-animation:gradientBgMotion 3s ease infinite;-moz-animation:gradientBgMotion 3s ease infinite;-ms-animation:gradientBgMotion 3s ease infinite;animation:gradientBgMotion 3s ease infinite}
.orange-button:hover::after{opacity:1}
nav ul li.orange-button a:hover:before{width:0}
.orange-button:hover a{color:#cd4b13;z-index:2}
.orange-button::after{content:'';background-color:#fff;bottom:2px;left:2px;opacity:0;right:2px;position:absolute;top:2px;transition-duration:300ms;transition-property:opacity;transition-timing-function:cubic-bezier(0.55,.085,.68,.53);z-index:1}
.orange-btn-bordered{font-size:.75rem;font-weight:700;color:#cd4b13;letter-spacing:.86px;line-height:1.25;padding:15px 30px;text-decoration:none;text-transform:uppercase;position:relative;transition-duration:300ms;transition-property:background,color;transition-timing-function:cubic-bezier(0.55,.085,.68,.53);border:0}
.orange-btn-bordered:hover{color:#fff;text-decoration:none}
.orange-btn-bordered:hover::before{-webkit-animation:gradientBgMotion 3000ms linear infinite;-moz-animation:gradientBgMotion 3000ms linear infinite;-ms-animation:gradientBgMotion 3000ms linear infinite;animation:gradientBgMotion 3000ms linear infinite}
.orange-btn-bordered:hover::after{opacity:0}
.orange-btn-bordered::before{background-image:linear-gradient(to right,#ffa44a,#f76b1c 52.4%,#e75315);background-repeat:repeat;background-size:200% 200%;content:'';height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}
.orange-btn-bordered::after{content:'';background-color:#fff;bottom:2px;left:2px;opacity:1;right:2px;position:absolute;top:2px;transition-duration:300ms;transition-property:opacity;transition-timing-function:cubic-bezier(0.55,.085,.68,.53);z-index:1}
.orange-btn-bordered span{position:relative;z-index:2}
.blue-button{padding:11px 19px;background:#F58025;color:#fff;border:0;border-radius:5px;font-size:16px;font-weight:300}
.blue-button em{padding-right:2px}
.blue-button:hover{cursor:pointer}
p{font-size:14px}
ul{list-style:none;padding:0;margin:0}
ul li{display:inline-block}
.image-bg{background-position:50% 50%;background-size:cover;background-repeat:no-repeat}
.wrapper{width:100%;display:block}
header {
    background-color: transparent;
    padding: 0 15px;
    position: fixed;
    align-items: center;
    width: 100%;
    float: left;
    z-index: 99999;
}

.logo{max-width:92px;float:left}
.logo img{width:100%}
nav {
    float: right;
    display: flex;
    align-items: center;
    margin: 10px 0;
    min-height: 45px;
}
nav ul{margin-right:15px}
nav ul li{padding:0 15px}
nav ul li a{text-transform:uppercase;font-weight:700;letter-spacing:1px;position:relative;padding:8px 0;font-size:.875rem;display:inline-block}
nav ul li a:before{background-color:#fff;content:"";bottom:0;height:1px;left:0;position:absolute;transition-duration:.3s;transition-property:width,background-color;transition-timing-function:cubic-bezier(.55,.085,.68,.53);width:0}
nav ul li a:hover:before{width:100%}
nav ul li a:hover{color:#fff}
.top-links {
    float: left;
    width: 100%;
    text-align: right;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
header.header-shadow .top-links {
    margin-top: -40px;
}
.top-links ul {
    float: right; 
}

.top-links ul li {
    margin-left: 20px;
    vertical-align: middle;
}

.top-links ul li a {
    font-size: 12px;
    text-transform: capitalize;
    color: #fff;
    padding: 10px 0;
    position: relative;
    display: inline-block;
}
.top-links ul li a:focus{color: #fff;}

.top-links ul li a::after {background-color: #fff;content: '';bottom: 0;height: 1px;left: 0;position: absolute;transition-duration: 300ms;transition-property: width, background-color;transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);width: 0;}

.top-links ul li a:hover::after {
    width: 100%;

}
.top-links ul li a:hover,.top-links ul li a:focus{color: #fff;}

.search{display:flex;margin:0}
.banner{height:auto;top:0;left:0;width:100%;position:relative;padding: 120px 0 55px 0;}
.banner:after{content:'';background:rgba(0,0,0,.5);position:absolute;top:0;left:0;width:100%;height:100%}
.banner h1 {
    position: relative;
    color: #fff;
    z-index: 1;
    font-family: bergen_sanssemi_bold;
    width: 100%;
    text-align: center;
} 
.body-part{background:#fff}
.title-area{font-family:'Open Sans',sans-serif;font-weight:600;color:#f58025;text-transform:uppercase;padding:40px 0 25px}
.search-area{width:100%;display:inline-block;padding:10px;background:#ededed;border-radius:10px;-moz-box-shadow:inset 0 0 4px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1);box-shadow:inset 0 0 4px rgba(0,0,0,.1)}
.inline-form{float:left}
.inline-form input[type=text] {
    width: 355px;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #ccc;
    padding: 11.5px;
    float: left;
    margin-right: 3px;
    height: auto;
    margin-bottom: 0;
    box-shadow: none;
    font-size: 16px;
    color: #67768b;
}
.select2-search{    padding-top: 7px;
    border-top: 1px solid rgba(82,168,236,0.8);}
    .select2-search input{background-image: none;}    
.accordion-content input[type=text]{width:100%;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #D2D2D2;padding:8.5px;float:left;margin-right:0;height:auto;margin-bottom:0;font-size:14px;line-height:18px;margin-top:10px;-o-box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.sort-buttons{float:right;display:flex}
#browse-sort-buttons .btn:first-child,#browse-sort-buttons .btn:last-child{padding-right:30px;position:relative;background-position:center;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;;border-radius: 0;}
#browse-sort-buttons .btn:first-child em,#browse-sort-buttons .btn:last-child em{display:inline-block;margin-left:5px;position:absolute;top:12px;right:10px}
.pull-right.sort-buttons .btn.btn-success:focus{color:#fff!important}
.sort-buttons .button:focus{color:#3c3c3c!important}
.pagination ul>li>a,.pagination ul>li>span{color:#999}
.sort-buttons .button{float:right;background-color:transparent;padding:11px 15px;color:#3c3c3c;font-size:15px;border:1px solid #ccc}
#sort-buttons i{display:block;top:2px}
button.button span{padding-right:15px}
.search-area .blue-button{padding:12.5px 19px}
.search-area .blue-button:hover{background-color:#F58025}
button.button i{position:relative;padding-right:7px;top:-2px}
.detail_section section.body-part.course-part{width:100%}
.active.button{background:#3c3c3c;color:#fff}
.sort-buttons .button:hover{cursor:pointer}
.sort-buttons .button:first-child{border:1px solid #c4c4c4}
.search-content{width:100%;display:inline-block;margin-top:15px}
.sidebar{width:20%;float:left}
.accordion{border:1px solid #D2D2D2;border-radius:5px;margin-bottom:20px}
.accordion-header{display:flex;padding:12px 10px 12px 15px;border-bottom:solid 1px #D2D2D2;font-size:15px;font-weight:700}
.accordion-header:hover{cursor:pointer}
.accordion-content,.accordion-content input[type=checkbox]{padding:12px 8px}
.accordion-header.active{border-bottom:0}
.accordion-content a{color:#0064b1;font-size:14px;line-height:25px;text-decoration:underline}
.search-result{float:left;width:78%;margin-left:2%}
.alpha-numeric{padding:40px 0;font-size:18px;display:inline-block}
.alpha-numeric a.empty-index{color:gray;text-decoration:none;cursor:not-allowed}
.alpha-numeric .selected-index,.alpha-numeric a.active{font-weight:700;text-decoration:none;color:#F58025}
.alpha-numeric a{color:#3c3c3c;float:left;margin-right:10px;text-decoration:underline}
.alpha-numeric a:hover{color:#F58025}
.search-count{border:1px solid #e5e5e5;width:100%;display:inline-block;border-radius:5px}
.search-count p{font-size:16px;padding:13px;margin:0}
.search-data{margin-top:20px;float:left;width:100%}
.profile-pic{float:left;box-shadow:0 0 5px 0 rgba(0,0,0,.5);width:80px;min-height:80px}
.profile-pic img{float:left}
.profile-name span.name{display:block;font-size:18px;color:#0064b1;font-weight:700;font-family:bergen_sanssemi_bold;margin-bottom:5px}
span.email{font-size:15px}
.profile-desc{line-height:23px}
.profile-area{display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #d2d2d2}
.profile-area .profile{width:50px}
.profile-area:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.icon{display:none}
.accordion-header:after{content:"\f107";font-family:fontawesome;text-align:right;display:inline-block;width:20px;margin:auto 0 0 auto;font-size:25px;color:#3b3b3b;font-weight:400}
.accordion-header.active:after{content:"\f106"}
.tab{overflow:hidden}
.tab button{background-color:inherit;float:left;border:none;outline:0;cursor:pointer;padding:14px 16px;transition:.3s;font-size:17px}
.tab button:hover{background-color:#ddd}
.accordion-toggle em{display:none}
.tab_content{border-top:none;border-radius:7px;background-color:#fff;margin:15px 0 0;max-width:900px}
.detail_section{max-width:1440px;display:flex;margin:30px auto;background:#fff;padding:15px;width: 100%;}
.detail_section a,.detail_section div,.detail_section p,.detail_section span{-ms-word-break:break-all}
.detail_section h1,.detail_section h2,.detail_section h3,.detail_section h4{font-family:'Open Sans',sans-serif}
.detail_section .body-part h2{font-family:bergen_sanssemi_bold}
.left_section{width:25%;padding-right:15px;box-sizing:border-box}
.right_section{max-width:100%;width:75%;box-sizing:border-box}
.cover_links li{margin:15px 0;display:block} 
.cover_links a{color:#0064b1;font-size:14px;word-break:break-all} 
.social_link{display:flex;justify-content:space-between}
.social_link li{border:1px solid #ccc;height:35px;width:35px;border-radius:2px}
.social_link a{display:flex;justify-content:center;align-items:center;height:100%}
.social_link i{color:#bdbdbd;font-size:18px}
.add_icon{background:#00447c}
.add_icon i{color:#fff}
.cover_links em{position:relative;top:3px;font-size:14px;margin-right:10px;color:rgba(0,0,0,.768)}
.student_detail li{display:block}
.student_detail h3{font-size:18px;font-weight:700;display:flex;justify-content:space-between}
.student_detail p,.student_detail span{font-size:16px}
.student_detail li,.student_detail ul.professional-preparation li{margin:0!important;padding:10px 0}
.presentation li span.year{float:right}
.cover_info .title-area{padding:13px 0}
.cover_info .title-area h5{line-height:43px}
.tab_container .title-area{padding:0 0 15px}
.update{font-size:14px;line-height:31px}
.post_name{font-size:16px;font-family:'Open Sans',sans-serif}
li.tablinks{width:185px;height:55px;font-size:14px;color:#0064b1;border-right:2px solid #fff;float:left;text-align:center;line-height:55px;border-bottom:solid 1px #ccc;text-transform:uppercase}
.tabs .tablinks.active{border-bottom:solid 1px #ff7318;color:#3c3c3c}
li.tablinks{background:0 0}
.cover_links{border-width:1px 0;border-color:rgba(204,204,204,.6784313725490196);border-style:solid;padding:15px 0;margin-top:10px}
.tabs_section ul.dropdown-menu a{text-align:left;text-decoration:underline;font-size:12px}
.post_name{padding-bottom:4px; padding-top: 4px;}
/* header:before{transform:scaleY(0);content:""} */
header.header-shadow{position:fixed}
header.header-shadow:before{height:100%;}
.cover_head{display:flex;justify-content:space-between;align-items:center;width:100%}
header:before{content:"";position: absolute;;width:100%;background-image:linear-gradient(135deg,#0064b1,#0b3250);height:0;z-index:-1;top:0;left:0;transition:all .5s ease;bottom: 0;}
input.search_show {
    /* display: none; */
    padding: 0;
    border: none;
    box-shadow: none;
    outline: 0;
    height: auto;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
    color: #67768b;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0;
    height: 0;
    width: 0;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
}
form.search.active i {
    color: #f58025;
}
form.search.active input#top_search_field {
    width: 230px;
    height: 45px;
    padding: 13px 10px;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    
}
form.search{
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
}

input.search_show.active{display:block}
form.search.active {
    background-color: #fff;
    padding-right: 15px;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    
}
form.search.active a span.fa.fa-search::before,form.search.active a{color:#ff7318}
a.search_input{display:flex;align-items:center}
a.search_input:hover{color:#fff}
.search_input .active{background:#fff} 
.mobile_view{display:none}
.social_link a:hover{background:#00447c;border-color:#00447c}
.social_link a:hover i{color:#fff}
.add_icon:hover i{color:#00447c}
.add_icon:hover{background:#fff}
.tab_last{border-right:1px solid #333}
ul.tabs li:hover{color:#ff7318;cursor:pointer}
.tab_container{border-top:none;clear:both;float:left;width:100%;background:#fff}
.tab_content{padding:20px 0 0;display:none}
.m-logo,.tab_drawer_heading{display:none}
.browsecourselink,.browsecourselink a{color:#0064b1}
.navigation_ul li img{max-width:70px;margin-bottom:10px}
a.syllabus{color:#0064b1} 
.profile-wrap{width:calc(100% - 30px)}
.profile .pull-right.matches{float:none;display:inline-block;text-align:right;width:100%}
.profile .pull-right.matches em.icon-search{display:inline-block;margin-top:35px;line-height:28px}
.profile-data{margin-left:110px}
.detail_section .profile em.icon-search,.detail_section div em.ico-user{width:30px;height:30px;border:1px solid #ccc;-o-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;line-height:25px;cursor:pointer}
.detail_section div em.ico-user:hover{color:#ff7318;border-color:#ff7318;}
.accordion-content li{width:100%}
.accordion-content li .select2-container span11{margin:0;width:100%!important}
.accordion-content li .select2-container{width:100%;margin:5px 0}
.select2-container .select2-choice, .select2-container-multi .select2-choices {
    height: auto;
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    border-color: #D2D2D2;
    padding: 10px 25px 10px 10px;
    line-height: 18px;
}
.select2-container .select2-choice div {
    padding: 0;
    background-image: none;
    border-color: #D2D2D2;
    background-color: #ffff;
    width: 25px;
    background-color: #D2D2D2;
}
.select2-container .select2-choice div b {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: auto;
    height: auto;
    background-image: none;
    border-color: #0B3250;
    position: absolute;
    top: 14px;
    left: 8px;
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
}
.select2-results .select2-no-results,.select2-results .select2-searching,.select2-results .select2-selection-limit{color:#3C3C3C}
.accordion-content ul.dynatree-container{white-space:normal}
.browse-sponsored-project-result-container{margin-top:20px}
#result-container .result-list .result-card .description.project-abstract a{color:#3C3C3C;cursor:pointer}
#result-container .result-list .result-card .description.project-abstract a:hover{color:#F58025}
#result-container .result-list .result-card td.user-info span.username{margin-top:10px;display:block}
#result-container .result-list .result-card .project-title{margin-bottom:10px}
#result-container .result-list .result-card .info-details{display:block}
#result-container .result-list .result-card .info-details .span2.project-investigator.primary-investigator{width:150px}
#result-container .result-list .result-card .info-details .information{float:right;width:calc(100% - 150px)}
.description.project-abstract{margin-bottom:5px;margin-left:0;outline:0}
#result-container .result-list .result-card .project-date{float:right}
#result-container .result-list .result-card .project-title{float:left;width:calc(100% - 150px)}
#Category_AboutMe_Section_ProfessionalPreparation .student_detail li.year{padding:0}
#Research .title-area .disclaimer{text-transform:none;margin-top:10px;color:#3c3c3c;font-size:16px;font-weight:400}
#Category_Research_Section_Support .title-area .disclaimer{margin-top:15px;margin-bottom:0}
#Category_Service_Section_ServiceCommunity .student_detail .description,#Category_Service_Section_ServiceProfession .student_detail .description,#Category_Service_Section_ServiceUniversity .student_detail li .description{padding-left:0;padding-top:5px}
#Category_AboutMe_Section_NewsArticle .student_detail li.year li,#Category_Service_Section_ServiceCommunity .student_detail li.type li,#Category_Service_Section_ServiceProfession .student_detail ul li.type li,#Category_Service_Section_ServiceUniversity .student_detail ul li.type li,.section.administrative-appointment ul.years li.year+li.year,.section.appointment ul.years li.year+li.year,.section.award ul.years li.year+li.year,.section.exhibition ul.years li.year+li.year,.section.live-performance ul.years li.year+li.year,.section.patent ul.years li.year+li.year,.section.presentation ul.years li.year+li.year,.section.professional-preparation ul.years li.year+li.year,.section.project ul.years li.year+li.year,.section.recording ul.years li.year+li.year,.section.support ul.years li.year+li.year{border-color:#F3F6F6}
#Category_AboutMe_Section_NewsArticle .student_detail li.year li span.date{float:right}
#Category_AboutMe_Section_NewsArticle .student_detail li.year li a.name{color:#0064b1;margin:0 0 5px;display:block}
#Category_AboutMe_Section_NewsArticle .student_detail li.year li a.name:hover{color:#f58024}
.right_section .tabbable #sections #Category_Service_Section_ServiceUniversity .student_detail ul li ul li:last-child,.right_section .tabbable #sections #Category_Service_Section_ServiceUniversity .student_detail ul li:last-child{padding-bottom:0}
.info-details .span2.project-investigator.primary-investigator span.user-dp{float:left;width:70px;padding:4px;d line-height:20px;border:1px solid #ddd;box-shadow:0 1px 3px #1e1e1e;-webkit-box-shadow:0 1px 3px #1e1e1e;-moz-box-shadow:0 1px 3px #1e1e1e;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;margin-bottom:10px;display:flex;justify-content:center;align-items:center}
.info-details .span2.project-investigator.primary-investigator span.user-dp img.thumbnail{height:auto;max-width:100%}
.info-details .span2.project-investigator.primary-investigator span{float:left;width:100%;color:#333}
.info-details{float:left;width:100%}
.info-details .span2.project-investigator.primary-investigator span a{color:#3C3C3C}
.info-details .span2.project-investigator.primary-investigator span a:hover{color:#F58025}
.search-area form{margin-bottom:0}
.user-badge .user-info a.names{display:inline-block}
.user-badge .user-info .title{display:block;margin:5px 0}
section.detail_section.pt-0{padding-top:0}
.student_detail p{font-size:16px;font-weight:400;line-height:24px;font-family:'Open Sans',sans-serif}
#Category_AboutMe_Section_Education .student_detail li{padding:0}
#Category_AboutMe_Section_Education .student_detail li ul li{padding:10px 0}
#Category_AboutMe_Section_Award .student_detail li:last-child ul li:last-child,#Category_AboutMe_Section_Education .student_detail li:last-child ul li:last-child,#Category_AboutMe_Section_NewsArticle .student_detail li:last-child ul li:last-child{padding-bottom:0}
#Category_AboutMe_Section_Award .student_detail li:first-child ul li:first-child,#Category_AboutMe_Section_Education .student_detail li:first-child ul li:last-child,#Category_AboutMe_Section_NewsArticle .student_detail li:first-child,#Category_AboutMe_Section_NewsArticle .student_detail li:first-child ul li:first-child{padding-top:0}
#Category_AboutMe_Section_NewsArticle .student_detail li.year li:last-child{padding-bottom:0}
.right_section .tabbable #sections #Category_AboutMe_Section_Education .student_detail ul.years li.year ul li{border-top:1px solid transparent;padding-top:10px}
.right_section .tabbable #sections #Category_AboutMe_Section_Education .student_detail ul.years li.year ul li + li {
    border-top: 1px solid #F3F6F6;
}
/*.right_section .tabbable #sections #Category_AboutMe_Section_Education .student_detail ul.years li.year:first-child ul li{border-top:0}*/
.detail_section .left_section .links_social ul.cover_links li{margin:0 0 5px;position:relative;padding-left:30px}
.detail_section .left_section .links_social ul.cover_links li em{position:absolute;left:0;top:3px;font-size:15px;min-width:30px} 
.section.course .syllabus{margin-left:0}
#Category_Research_Section_Publication .student_detail ul.publications.records a{color:#0064b1}
#Category_Research_Section_Publication .student_detail ul.publications.records a:hover{color:#f58024}
#Category_Research_Section_Presentation div#Research{padding-top:0}
#Category_Research_Section_Presentation div#Research .student_detail>ul>li{padding:0;font-size:16px}
/*#Category_Teaching_Section_Course .student_detail>ul>li.year span.semester li.clearfix:first-child{border-top:0}*/
#Category_Research_Section_Presentation div#Research .student_detail>ul>li ul.presentation.records li{padding:10px 0;border-bottom:1px solid #f3f6f6}
.left_section .cover_info .person_img.thumbnail.thumbnail-img{min-height:150px;width:150px;display:flex;justify-content:center;align-items:center}
.left_section .cover_info .person_img.thumbnail.thumbnail-img img{height:auto;width:auto;max-height:69%}
#Category_Research_Section_Support .student_detail ul li.year span.column-content span.date{float:right}
#Category_Research_Section_Support .student_detail ul>li{border-color:#F3F6F6}
#Category_Connections_Section_StudentSupervised div#Connections .student_detail>ul>li.type ul.view-mode.records li:last-child{border-bottom:0}
#Category_Connections_Section_StudentSupervised div#Connections .student_detail>ul>li.type ul.view-mode.records li{padding:4px 0;border-bottom:1px solid #F3F6F6}
#Category_Teaching_Section_Course .student_detail>ul>li.year{padding:0;border-top:none}
#Category_Teaching_Section_Course .student_detail>ul>li.year span.semester li.clearfix{border-top:1px solid #F3F6F6}
#Category_Teaching_Section_Course .student_detail>ul>li.year span.semester li.clearfix code.course-number{margin-bottom:3px;display:inline-block}
.right_section .tabs_section li.dropdown b.caret{margin:0 0 0 5px;display:inline-block}
#Category_AboutMe_Section_Appointment .student_detail li.year,#Category_AboutMe_Section_Award .student_detail ul.years li.year{padding:0}
.alpha-numeric ul.index-filter .empty-index{color:#666}
.alpha-numeric ul.index-filter .selected-index{font-weight:700;text-decoration:none;color:#F58025}
.right_section .tabbable #sections #Category_Research_Section_Support .student_detail ul li ul li:first-child{padding-top:0}
.right_section .tabbable #sections #Category_Research_Section_Support .student_detail ul li ul li:last-child{padding-bottom:0}
.badge-success,.label-success{background-color:#5AA700;font-size:14px!important}
.right_section code{color:#E0182D;background-color:#EDEDED;font-size:14px!important;margin:0;border:none}
.right_section .tabbable #sections #Category_Teaching_Section_Course .student_detail ul li ul li{padding-right:310px!important}
#Category_AboutMe_Section_Affiliation .student_detail ul>li:first-child{padding-top:0!important}
#Category_Service_Section_ServiceProfession .student_detail li.type:first-child{padding-top:0}
#Category_Service_Section_ServiceProfession .student_detail li.type:last-child{padding-bottom:0}
.right_section .tabbable #sections #Category_CreativeActivities_Section_CreativeOther .student_detail>ul>li.year>ul>li{padding-right:0!important}
.right_section .tabbable #sections #Category_CreativeActivities_Section_CreativeOther .student_detail>ul>li.year>ul>li.other-category span{color:#3C3C3C}
.right_section ul#category-tabbar{border:none;-o-box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:0;margin:0;width:100%;min-height:55px;flex-direction:row;align-items:center;border-bottom:solid 1px #ccc;display:-ms-flexbox;display:-webkit-flex;display:flex}
.right_section ul#category-tabbar::after,.right_section ul#category-tabbar::before{display:none}
.right_section ul#category-tabbar li a.dropdown-toggle{width:auto;height:55px;font-size:14px;color:#0064b1;background:0 0;float:left;text-align:center;line-height:39px;border:none;border-bottom:solid 1px #ccc;text-transform:uppercase;border-radius:0;margin:0;font-weight:400;padding:8px 14px}
.right_section ul#category-tabbar li.active a.dropdown-toggle{border-bottom:solid 1px #ff7318;color:#3c3c3c;background-color:transparent!important}
.right_section ul#category-tabbar li a.dropdown-toggle:focus{outline:0;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none}
.right_section ul#category-tabbar li a.dropdown-toggle .caret{margin-left:10px}
.right_section ul#category-tabbar li a.dropdown-toggle:hover{color:#f58025;background-color:transparent!important}
.right_section ul#category-tabbar li a.dropdown-toggle:hover strong.caret,.right_section ul#category-tabbar li.active a.dropdown-toggle strong.caret{border-top-color:#f58025}
.right_section ul#category-tabbar li .dropdown-menu{-o-box-shadow:0 .5rem .5rem rgba(0,0,0,.175);-webkit-box-shadow:0 .5rem .5rem rgba(0,0,0,.175);-moz-box-shadow:0 .5rem .5rem rgba(0,0,0,.175);box-shadow:0 .5rem .5rem rgba(0,0,0,.175);z-index:1000;float:left;font-size:.875rem;color:#4c4c4c;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:0 solid rgba(255,255,255,.29);-o-border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:53px;max-width:200px;border-bottom:3px solid #f58025;min-width: 185px;}
.right_section ul#category-tabbar li .dropdown-menu a{padding:4px 20px;color:#212529;text-align:inherit;white-space:normal;background-color:transparent;border:0;font-size:14px}
.right_section ul#category-tabbar li .dropdown-menu li {
    display: block;
}

.right_section ul#category-tabbar li .dropdown-menu li a:hover {
    background-color: #F5F9FF!important;
    color: #16181b!important;
    background-image: none;
}
.right_section ul#category-tabbar li .dropdown-menu a:hover{background-color:#F5F9FF!important;color:#16181b!important}
.right_section .tabs_section .tab_container a{color:#0064b1}
.right_section .tabs_section .tab_container a:hover{color:#f58025}
.right_section .category-sections{display:none}
.right_section .category-sections.active{display:block}
.right_section .category-sections{font-size:16px;font-weight:400;line-height:24px;font-family:'Open Sans',sans-serif}
.right_section .tabbable #sections .student_detail ul li ul li,.right_section .tabbable #sections .student_detail ul span.type ul li{position:relative;padding-right:200px!important}
.right_section .tabbable #Category_Service_Section_ServiceCommunity .student_detail ul li ul li,.right_section .tabbable #Category_Service_Section_ServiceProfession .student_detail ul li ul li,.right_section .tabbable #sections #Category_Service_Section_ServiceUniversity .student_detail ul li ul li{padding-right:200px!important}
.right_section .tabbable #sections #Category_AboutMe_Section_Appointment .student_detail ul.years li.year ul li{padding-right:170px}
.right_section .tabbable #sections .student_detail ul li ul li .date,.right_section .tabbable #sections .student_detail ul span.type ul li .date{position:absolute;right:0;top:10px}
.right_section .tabbable #sections #Category_Research_Section_Publication .student_detail ul span.type ul li{padding-right:160px!important}
.right_section .tabbable #sections{padding-right:30px}
#Category_AboutMe_Section_Education .student_detail li.year:first-child li{border-top:none}
#Category_AboutMe_Section_Education .student_detail li.year li{border-top:1px solid #ddd}
.section.news-article .description{margin-left:0;word-break: break-word;}
.PlumX-Popup .ppp-container.ppp-badge>a{font-family:inherit!important;margin-top:8px!important;display:inline-block!important}
.right_section .tabbable #sections #Category_Research_Section_Publication .student_detail ul span.year:last-child span.type ul li:last-child{padding-bottom:0}
#Category_Connections_Section_StudentSupervised .student_detail ul.unstyled.types li.type,#Category_Connections_Section_StudentSupervised .student_detail ul.unstyled.types li.type ul.view-mode.records li:first-child{padding-top:0!important}
#Category_Service_Section_ServiceUniversity .student_detail ul li.type:first-child{padding-top:0}
#Category_Connections_Section_StudentSupervised .student_detail ul.unstyled.types li.type ul.view-mode.records li {
    border-bottom: 1px solid #F3F6F6;
    min-height: 40px;
}
#Category_Connections_Section_StudentSupervised .student_detail ul.unstyled.types li.type ul.view-mode.records li:last-child{border-bottom: none;}
.section.administrative-appointment ul.years li.year ul.records li+li,.section.appointment ul.years li.year ul.records li+li,.section.award ul.years li.year ul.records li+li,.section.exhibition ul.years li.year ul.records li+li,.section.live-performance ul.years li.year ul.records li+li,.section.news-article ul.years li.year+li.year,.section.patent ul.years li.year ul.records li+li,.section.presentation ul.years li.year ul.records li+li,.section.professional-preparation ul.years li.year ul.records li+li,.section.project ul.years li.year ul.records li+li,.section.recording ul.years li.year ul.records li+li,.section.support ul.years li.year ul.records li+li{border-color:#F3F6F6}
.load-more{text-align:center}
#Category_AboutMe_Section_Award .student_detail li:first-child ul li:first-child span.date,.right_section .tabbable #sections #Category_AboutMe_Section_Affiliation .student_detail ul li ul li .date{top:3px}
.section.course .syllabus:hover{color:#F58025}
#Category_AboutMe_Section_Affiliation .student_detail ul>li ul li:first-child .date{top:1px!important}
.right_section .tabbable #sections #Category_Research_Section_Support .student_detail ul li ul li{padding-right:200px!important}
#Category_Research_Section_ResearchInterests .section-header,#Category_Teaching_Section_TeachingInterests .section-header{margin-top:30px}
#Category_Research_Section_ResearchInterests .section-header h3.section-title,#Category_Teaching_Section_TeachingInterests .section-header h3.section-title{margin-bottom:20px;font-size:42px;font-weight:400;line-height:52px;letter-spacing:1px;font-family:bergen_sanssemi_bold}
.profile-data .profile-desc,.profile-data span.email{font-size:14px}
.profile-data a.email,.profile-data span.email{color:#0064b1}
.profile-data a.email{font-size:14px}
.accordion-content a:hover,.profile-data span.email:hover{color:#f58025}
.right_section .tabbable #sections #Category_CreativeActivities_Section_CreativeOther .student_detail>ul>li.year>ul>li:first-child{padding-top:0}
#Category_Connections_Section_StudentSupervised div#Connections .student_detail>ul>li.type ul.view-mode.records li:first-child span.date.to{top:0}
.right_section .tabbable #sections a { color: #1a65b1; word-break: break-word; }
.profile-data a.email:hover,.right_section .tabbable #sections a:hover{color:#f58025}
.section.affiliation ul li .award-categories span.other-category,.section.affiliation ul.types li.type span.type,.section.other ul li .other-category{color:#3c3c3c}
.section.presentation .name,.section.project .description,.section.research .description{color:#333}
.section.project .name,.section.research .name{font-weight:700;margin-bottom:5px;display:block}
.right_section .tabbable #sections .section.research-other .student_detail ul li{padding-right:0!important}
.right_section .tabbable #sections .section.research-other .student_detail ul li li.other-category li {
    padding-right: 200px !important;
}
.section.research-other .student_detail ul.other.records span.title{font-weight:700;margin-bottom:5px;display:block}
#Category_CreativeActivities_Section_CreativeOther .student_detail ul li span.title,#Category_CreativeActivities_Section_Exhibition .student_detail ul li span.name,#Category_CreativeActivities_Section_Recording .student_detail ul li span.name{color:#3c3c3c;font-weight:700;display:block;margin-bottom:5px}
#Category_Connections_Section_StudentSupervised table.user-badge.user-badge-small td.user-info,.user-badge .user-info{padding-top:15px}
#Category_Connections_Section_StudentSupervised table.user-badge.user-badge-small .title,.user-badge .user-info .title{font-size:16px;line-height:20px!important}
.right_section .tabbable #sections #Category_Teaching_Section_TeachingOther .student_detail li.other-category{padding-right:0!important}
#Category_Administration #Category_Administration_Section_AdministrativeAppointment span.year,#Category_Administration_Section_AdministrationOther .student_detail .other-categories .other-category,#Category_Teaching_Section_TeachingOther li.other-category span.other-category,#Category_Teaching_Section_TeachingOther li.other-category span.title,.section.service-profession ul.initiative-types li.type span.initiative-type{color:#3c3c3c}
.section.research .description{color:#3c3c3c;margin-top:5px}
.section.award .achievements,.section.award .detail-url,[class*=span]{margin-left:0}
#Category_Research_Section_Project .student_detail li.year span.year,#Category_Research_Section_ResearchOther .student_detail li.year .other-categories .other-category,.publications-categories{color:#f58024}
.section.presentation .name{font-weight:700;display:block;margin-bottom:5px}
.section.administration-other ul.years li.year span.year,.section.administrative-appointment ul.years li.year span.year,.section.appointment ul.years li.year span.year,.section.award ul.years li.year span.year,.section.creative-other ul.years li.year span.year,.section.exhibition ul.years li.year span.year,.section.live-performance ul.years li.year span.year,.section.other ul.years li.year span.year,.section.patent ul.years li.year span.year,.section.presentation ul.years li.year span.year,.section.professional-preparation ul.years li.year span.year,.section.project ul.years li.year span.year,.section.recording ul.years li.year span.year,.section.research-other ul.years li.year span.year,.section.service-other ul.years li.year span.year,.section.support ul.years li.year span.year,.section.teaching-other ul.years li.year span.year{color:#333}
#Category_CreativeActivities_Section_LivePerformance .student_detail li.year span.description.muted{font-weight:700;display:block;margin-bottom:5px;color:#333}
.award-categories,.section.service-university ul.initiative-types li.type span.initiative-type{color:#333}
.detail_section div i.ico-user:hover{border:1px solid #F58025;color:#F58025}
.right_section .tabbable #sections #Category_Research_Section_Support .student_detail ul li ul li:first-child span.date{top:0}
.user-badge .user-info .username.browsecourselink:hover{color:#f58025}
.section.service-community ul.initiative-types li.type span.initiative-type{color:#3c3c3c}
#Category_Service_Section_ServiceCommunity .student_detail ul.initiative-types .column-content span.name,#Category_Service_Section_ServiceOther .student_detail .column-content span.title,#Category_Service_Section_ServiceProfession .student_detail ul.initiative-types .column-content span.name,#Category_Service_Section_ServiceUniversity .student_detail ul.initiative-types .column-content span.name{font-weight:700}
#Category_Service_Section_ServiceOther .student_detail ul.unstyled.other.records li.clearfix span.title {font-weight: normal;}
.right_section .tabbable #sections #Category_Administration_Section_AdministrationOther .student_detail li.other-category{padding-right:0!important}
.section.course .description{margin-left:0}
.landing-page .quick-link-container>span,.landing-page .quick-link-container>span>a{color:#4a90e2;font-size:14px;letter-spacing:1px;text-transform:uppercase;cursor:pointer}
.landing-page .quick-link-container>span:hover,.landing-page .quick-link-container>span:hover>a{color:#F58025}
.detail_section .landing-page .title-area{padding-top:20px}
.detail_section .landing-page #profiles-home{font-size:16px;font-weight:400;line-height:24px;font-family:'Open Sans',sans-serif}
.browse-sponsored-project-result-container #result-list-container .search-count,.search-content.cousrse-listing .search-count{margin-bottom:0;border:none}
#result-container .result-filters{border-top:none;margin-bottom:15px;border-bottom:1px solid #D2D2D2;padding-bottom:20px;float:left;width:100%;padding-top:0}
#result-container .result-filters .label{font-size:12px;background-color:#EDEDED;color:#3C3C3C;-o-text-shadow:none;-webkit-text-shadow:none;-moz-text-shadow:none;text-shadow:none;text-align:center}
#result-container .result-filters .label a{color:#3C3C3C;text-decoration:none}
.student_detail .publications.records a{word-break:break-all}
.cousrse-listing .result-list.search-data{margin-top:0}
#result-container.cousrse-listing .result-list.search-data .result-card{padding:15px 0;border-radius:0;background-color:transparent!important;border-color:#d2d2d2}
#result-container.cousrse-listing .result-list.search-data .result-card .course-info{font-size:16px;font-weight:400;line-height:24px}
#result-container.cousrse-listing .result-list.search-data .result-card .course-info h4.title{font-size:24px;font-weight:700;line-height:30px;letter-spacing:.5px;padding-bottom:10px!important;display:block}
#result-container.cousrse-listing .result-list.search-data .result-card .course-info .semester-year{font-size:16px;font-weight:400;line-height:24px;font-style:normal;color:#3C3C3C}
#result-container.cousrse-listing .result-list.search-data .result-card .course-info h4.title .course-title{margin-left:15px}
#result-container.cousrse-listing .result-list.search-data .result-card .course-info .description{font-size:16px;font-weight:400;line-height:24px;color:#3C3C3C}
#result-container.cousrse-listing .result-list.search-data .result-card .span3.instructor{float:right;text-align:right}
#result-container.cousrse-listing .result-list.search-data .result-card .span3.instructor table.user-badge td.image{width:100%;text-align:right;font-size:0}
#result-container.cousrse-listing .result-list.search-data .result-card .span3.instructor table.user-badge td.image img.thumbnail{display:inline-block}
#result-container.cousrse-listing .result-list.search-data .result-card .span3.instructor table.user-badge{width:100%}
#result-container.cousrse-listing .result-list.search-data .result-card .span3.instructor table.user-badge td.image span.thumbnail{display:inline-flex;width:40px;height:40px;max-width:inherit;justify-content:center;align-items:center;overflow:hidden}
#result-container.cousrse-listing .result-list.search-data .result-card .span3.instructor table.user-badge td.image span.thumbnail img{width:auto}
#result-container.cousrse-listing .result-list.search-data .result-card .span3.instructor table.user-badge td.user-info{padding-top:0}
#result-container.cousrse-listing .result-list.search-data .result-card .span3.instructor table.user-badge td.user-info .title{margin:0}
#result-container .result-list .result-card a:hover,.profile-name span.name:hover{color:#F58025}
.browse-awards-result-container div#results-info span.info{font-size:20px;display:block;font-style:normal;font-weight:700;margin-bottom:5px;margin-top:0}
#result-container.browse-awards-result-container #search-message{font-size:16px;padding:13px;margin:15px 0;display:block;font-style:normal;border:1px solid #d2d2d2;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#3c3c3c}
.browse-awards-result-container .result-list,.browse-sponsored-project-result-container .result-list{float:left;width:100%}
#result-container.browse-awards-result-container .result-list .result-card,#result-container.browse-sponsored-project-result-container .result-list .result-card{padding:15px 0;border-color:#d2d2d2;background-color:transparent}
#result-container.browse-sponsored-project-result-container .result-list .result-card:last-child{border: none;}
#result-container.browse-awards-result-container .result-list .result-card table .thumbnail,#result-container.browse-sponsored-project-result-container .result-list .result-card table .thumbnail{width:100px;height:100px;max-width:inherit;display:-webkit-flex;display:flex;justify-content:center;align-items:center;padding:0;margin:0;overflow:hidden}
#result-container.browse-awards-result-container .result-list .result-card table .thumbnail img{max-width:100%;height:auto}
#result-container.browse-awards-result-container .result-list .result-card table td.image{width:100px}
#result-container.browse-awards-result-container .result-list .result-card table td.user-info{padding-top:0}
#result-container.browse-awards-result-container .result-list .result-card table td.user-info a.names{display:block;font-size:18px;color:#0064b1;font-weight:700;font-family:bergen_sanssemi_bold;margin:10px 0}
#result-container.browse-awards-result-container .result-list .result-card table td.user-info a.names span.username{margin-top:0}
#result-container.browse-awards-result-container .result-list .result-card table td.user-info .title{float:left;width:100%;margin:0}
#result-container.browse-awards-result-container .result-list .result-card .award-info{float:left;width:100%}
#result-container.browse-awards-result-container .result-list .result-card .award-info .aditional-info{margin-left:200px;font-size:16px;font-weight:400;line-height:24px}
#result-container.browse-awards-result-container .result-list .result-card .award-info .span3.awardee{width:190px}
#result-container.browse-awards-result-container .result-list .result-card .award-info .aditional-info span.award-name{    display: block;
    margin-bottom: 5px;
    font-family: bergen_sanssemi_bold;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: .5px;}
#result-container.browse-awards-result-container .result-list .result-card .award-info .aditional-info span.sponsor{margin-bottom:5px;display:block}
#result-container.browse-awards-result-container .result-list .result-card .award-info .aditional-info>a{color:#0064b1}
#result-container.browse-awards-result-container .result-list .result-card .award-info .aditional-info>a:hover{color:#f58025}
.accordion-content .award-details{margin-left:0}
.accordion-content ul.unstyled{margin:2px 0}
.browse-awards-result-container .filters-container .award-details{margin-left:0;margin-bottom:5px}
.browse-awards-result-container .filters-container .select-filter{margin-left:0!important;font-size:14px}
.browse-awards-result-container .filters-container .numeric-range-end,.browse-awards-result-container .filters-container .numeric-range-start{width:100%}
.browse-awards-result-container .filters-container .select-filter input#exact-match{margin-top:-2px;display:inline-block;vertical-align:middle}
div#result-container{margin-top:15px}
#result-container.browse-sponsored-project-result-container .result-list .result-card .project-date{font-size:14px;font-weight:600;margin-bottom:5px;width:100%;text-align:left}
#result-container.browse-sponsored-project-result-container .result-list .result-card .project-title{width:100%;font-size:18px;line-height:28px;margin-bottom:25px;}
#result-container.browse-sponsored-project-result-container .result-list .result-card .info-details{float:left;width:100%}
#result-container.browse-sponsored-project-result-container .result-list .result-card .info-details .project-investigator.primary-investigator{width:200px}
#result-container.browse-sponsored-project-result-container .result-list .result-card .info-details .project-investigator.primary-investigator span.user-dp{width:100px;height:100px;display:flex;justify-content:center;align-items:center}
#result-container.browse-sponsored-project-result-container .result-list .result-card .info-details .project-investigator.primary-investigator>span a{font-size:14px;color:#0064b1}
#result-container.browse-sponsored-project-result-container .result-list .result-card .info-details .information a:hover,#result-container.browse-sponsored-project-result-container .result-list .result-card .info-details .project-investigator.primary-investigator>span a:hover{color:#F58025}
#result-container.browse-sponsored-project-result-container .result-list .result-card .info-details .information{width:calc(100% - 200px);font-size:16px;font-weight:400;line-height:24px}
#result-container.browse-sponsored-project-result-container .result-list .result-card .info-details .information a{color:#0064b1}
#result-container.cousrse-listing .result-list.search-data .result-card .span3.instructor table.user-badge td.image span.thumbnail img{max-height:100%}
#result-container.browse-sponsored-project-result-container .result-list .result-card .info-details .information .description.project-abstract{margin-bottom:10px}
#result-container.browse-sponsored-project-result-container .result-list .result-card .info-details .information .project-details{float:left;width:100%}
#result-container.browse-sponsored-project-result-container .result-list .result-card .info-details .information .project-details .span2.investigator,#result-container.browse-sponsored-project-result-container .result-list .result-card .info-details .information .project-details table,#result-container.browse-sponsored-project-result-container .result-list .result-card .info-details .information .project-details table td.image{width:100%}
#result-container.browse-sponsored-project-result-container .result-list .result-card .info-details .information .project-details td.image{width:40px!important}
#result-container.browse-sponsored-project-result-container .result-list .result-card .info-details .information .project-details .span2.investigator{width:auto;display:inline-block;vertical-align:middle}
#result-container.browse-sponsored-project-result-container .result-list .result-card .info-details .information .project-details table td.image img.investigator-image.thumbnail{width:40px;height:auto;object-fit:cover}
.accordion-content li.select-filter{margin-left:0!important;font-size:14px}
.accordion-content li.select-filter input#project-exact-match{margin-top:-2px}
#result-container #search-message{padding:0}
.detail_section .body-part{width:100%}
#result-container div#search-message,.no-data-found{float:left;width:100%;border:1px solid #d2d2d2;padding:15px;border-radius:6px;font-size:16px;line-height:20px;margin-bottom:15px}
div#unit-tree span.customdynatree a{color:#0064b1;line-height:initial}
div#unit-tree span.customdynatree a:hover,span.dynatree-focused a:link,ul.dynatree-container a:focus{color:#F58025;background-color:transparent}
.accordion-content span.dynatree-active a{background-color:#0064b1!important;color:#fff!important}
.modal-header a.close{font-size:30px;color:#333;opacity:1;text-decoration:none;font-weight:700}
.filters-container.sidebar .accordion-content li{margin-left:0!important;font-size:14px}
.filters-container.sidebar .accordion-content li input[type=checkbox]{padding:0;margin:-2px 0 0}
.filter-labs{padding:10px;border:1px solid #D2D2D2;width:100%;display:inline-block}
.filter-labs span.label{font-size:12px;background-color:#EDEDED;color:#3C3C3C;-o-text-shadow:none;-webkit-text-shadow:none;-moz-text-shadow:none;text-shadow:none;text-align:center;word-break:break-all}
.filter-labs span.label a{color:#3c3c3c;margin-left:5px;display:inline-block}
.filter-labs span.label a:hover{color:#F58025}
.profile-wrap .profile-pic{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:0}
.page-not-found h1{font-size:65px;font-weight:700;line-height:81px;letter-spacing:2px;font-family:bergen_sanssemi_bold;margin-bottom:15px}
.page-not-found h2{font-size:48px;font-weight:700;line-height:60px;letter-spacing:1px;font-family:bergen_sanssemi_bold;margin-bottom:15px}
.page-not-found h3{font-size:42px;font-weight:700;line-height:52px;letter-spacing:1px;font-family:bergen_sanssemi_bold;margin-bottom:15px}
pre{width:100%;padding:15px;border-color:#d2d2d2;background-color:#fff;color:#3C3C3C}
.page-not-found.error-404{text-align:center;float:left;width:100%}
.select2-container .select2-choice,.select2-container-multi .select2-choices{font-size:14px}
.select2-drop.select2-drop-above{padding:0;-moz-box-shadow:none;-wbkit-box-shadow:none;-o-box-shadow:none;box-shadow:none}
.select2-results{padding:0}
.select2-results .select2-highlighted,.select2-results li.select2-results-dept-0.select2-result.select2-result-selectable:hover{background-color:#0064b1}
.select2-results li {
    padding: 10px 9px;
    font-size: 14px;
    letter-spacing: normal;
}
.select2-results{margin:0}
.modal-header h3 .unit-select .help-block{color:#3c3c3c}
.course-list-content .table-hover tbody tr:hover td,.course-list-content .table-hover tbody tr:hover th,.instructor-list-content td:hover,.modal-footer,.recipient-list-content td:hover{background-color:#EDEDED;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none}
.recipient-list-content>table.table tr>td.recipient{width:50%}
.modal{border:none;outline:0}
.modal-btn-wrap{display:inline-block;position:relative;padding:0;text-transform:uppercase;cursor:pointer}
.modal-btn-wrap::before{background-image:linear-gradient(to right,#ffa44a,#f76b1c 52.4%,#e75315);background-repeat:repeat;background-size:200% 200%;content:'';height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}
.modal-btn-wrap::after{content:'';background-color:#fff;bottom:2px;left:2px;opacity:0;right:2px;position:absolute;top:2px;transition-duration:300ms;transition-property:opacity;transition-timing-function:cubic-bezier(0.55,.085,.68,.53);z-index:1}
.modal-btn-wrap .btn{position:relative;z-index:2;font-size:14px;padding:8px 20px;margin:0;line-height:inherit;box-shadow:none;border:none;text-decoration:none;background-color:transparent;color:#fff;background-image:none;font-weight:700}
.modal-btn-wrap:hover{text-decoration:none}
.modal-btn-wrap:hover::before{-webkit-animation:gradientBgMotion 3s ease infinite;-moz-animation:gradientBgMotion 3s ease infinite;-ms-animation:gradientBgMotion 3s ease infinite;animation:gradientBgMotion 3s ease infinite}
.modal-btn-wrap:hover::after{opacity:1}
.modal-btn-wrap:hover,.modal-btn-wrap:hover .btn{color:#cd4b13}
.modal-header h3{color:#3c3c3c}
.right_section .tabbable #sections #Category_Teaching_Section_Course .student_detail ul li ul li .other-details a{margin:0 5px}
.right_section .tabbable #sections #Category_Teaching_Section_Course .student_detail ul li ul li .other-details a.syllabus{margin-left:0}
.contact-info h5{display:none}
.contact-info address{font-size:14px;margin-bottom:15px}
.contact-info address>p{position:relative;padding-left:30px;font-weight:700;text-transform:capitalize}
.contact-info address>p i{position:absolute;left:0;top:3px}
.contact-info p.text-error{font-size:14px;line-height:28px;color:#F58025}
.contact-info address>p a{font-weight:400;font-size:14px}
.popover-title{color:#3c3c3c;font-size:18px;line-height:24px;font-family:bergen_sanssemi_bold!important;background-color:#d2d2d2;border-color:#d2d2d2}
.popover.left{margin-right:10px;margin-top:7px;margin-left:5px;font-style:normal}
.popover-content li{float:left;width:100%;margin:5px 0}
.popover-content li a{color:#0064b1;font-size:14px}
.popover-content li a:hover{color:#f58025}
.popover-content{float:left;width:100%}
.popover{padding:0;width:100%;max-width:270px}
.landing-page input.search-box {
    width: 100%;
    box-sizing: border-box;
    padding: 15px 45px 15px 15px;
    height: auto;
    border-radius: 0;
    border: 3px solid #0064B1 !important;
    -webkit-appearance: none;
}
.landing-page .icon-search {
    color: #0064B1;
}
.detail_section .body-part .title-area.pt-0 {
    padding-top: 15px;
} 
.mobile-dropdwon {
    float: left;
    width: 100%;
    margin-bottom: 40px;
    background-color: #0064B1;
    padding: 15px 40px 15px 15px;
    border-radius: 4px;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: bold;
    position: relative;
    color: #fff;
    transition: 0.4s;
}
.mobile-dropdwon::after {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    content: "";
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 18.5px;
    transition: 0.4s;
}
.mobile-dropdwon.expand::after{transform: rotate(224deg);top: 21.5px;}
.modal-btn-wrap .btn i.icon.icon-remove {
    display: none;
}
.right_section .tabbable #sections #Category_Teaching_Section_Course .student_detail ul li ul li .modal.doc-info li {
    padding-right: 0 !important;
} 
.landing-page .quick-link-container {
    margin-bottom: 10px;
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.landing-page .quick-link-container span {
    width: 50%;
    display: inline-block;
}

/**** Footer ****/

.footer {
    background-color: #0b3250;
    color: #fff;
    position: relative;
    float: left;
    width: 100%;
}
footer .container-fluid {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
}
.footer .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
}
.footer-left-column {
    display: flex;
    width: 25%;
    border-right: 1px solid rgba(255, 255, 255, 0.29);
    flex-direction: column;
    padding: 60px 15px 35px 0;
}
.footer-left-column-logo {
    max-width: 285px;
    margin: 0px auto;
}

.footer-left-column-logo img {
    width: 100%;
    margin: 0px auto 10px;
    justify-content: center;
}
.footer-left-column-logo img.mobile-landscape {
    display: none;
}
.footer-left-column-links {
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}

.footer-left-column-links > li {
    margin-top: 30px;
    text-align: center;
}
.footer-left-column-links a {
    color: #fff;
    display: inline-block;
    font-family: 'bergen_sanssemi_bold';
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
}
.footer-left-column-links a::after{
    background-color: #fff;
    content: '';
    bottom: 0;
    height: 1px;
    left: 0;
    position: absolute;
    transition-duration: 300ms;
    transition-property: width, background-color;
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    width: 0;
}
.footer-left-column-links a:hover {
    color: #fff;
    text-decoration: none;
}
.footer-left-column-links a:hover::after {
    width: 100%;
}
.footer-right-column {
    width: 75%;
    padding-left: 100px;
    padding-top: 70px;
    /*padding-bottom: 50px;*/
    padding-bottom: 30px;
}

.footer-right-column .row {
    flex-direction: row;
    margin: 0;
    padding-bottom: 50px;
}

.footer-right-column-utility {
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: auto;
    padding: 0;
    margin: 0 -15px;
}


.footer-right-column .row::before,.footer-right-column .row::after {
    display: none;
}

.footer-right-column-utility a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    padding-bottom: 12px; 
    position: relative;
}

.footer-right-column .row .col-6.col-md-4 {
    padding: 0 15px;
    width: 33.33%;
}

.footer-right-column-phone-address {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 24px;
}
.footer-right-column-info {
    display: flex;
    flex-direction: column;
}

.footer-right-column-sitemap {
    float: left;
    width: 100%;
    margin: 20px 0px 25px;
}
.footer-right-column-sitemap a {
    color: #9b9b9b;
    padding-bottom: 3px;
    position: relative;
    text-decoration: none;
    transition-duration: 300ms;
    transition-property: color;
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    font-size: 15px;
    line-height: 30px;
}
.footer-right-column-sitemap a::before,.footer-right-column-utility a::before {
    background-color: #fff;
    content: '';
    bottom: 0;
    height: 1px;
    left: 0;
    position: absolute;
    transition-duration: 300ms;
    transition-property: width;
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    width: 0;
}
.footer-right-column-sitemap a::after {
    content: ' | ';
    color: #9b9b9b;
}
.footer-right-column-sitemap a:last-child::after{display: none;}
.footer-right-column-sitemap a:hover,.footer-right-column-utility a:hover {
    color: #fff;
    text-decoration: none;
}
.footer-right-column-sitemap a:hover::before,.footer-right-column-utility a:hover::before {
    width: calc(100% - 0.75em);
}
.footer-right-column-bottom-social {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    height: 30px;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    margin-left: 40px;
}
.footer-right-column-bottom-copyright {
    /*color: #9b9b9b;*/
    color: #fff;
    line-height: 30px;
    float: left;
    font-size: 14px; 
    line-height: 18px;
}
.footer-right-column-bottom-social a {
    display: inline-block;
    margin: 0 10px;
    text-decoration: none;
    transition-duration: 300ms;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.footer-right-column-bottom-social a img {
    width: auto;
    height: 26px;
}
.footer-right-column-bottom-social a:hover {
    opacity: 0.7;
}
.footer-right-column-bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/*** BreadCumb ***/
div#page_heading {
    FLOAT: LEFT;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background-color: #0064B1;
    color: #fff;
    margin-bottom:50px;
    font-size:14px;
}
div#page_heading:focus{color: #fff}

#breadcrumb li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
}

#breadcrumb li span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

#breadcrumb li a,#breadcrumb li a:focus,#breadcrumb li a:hover {
    color: #fff !important;
}

#breadcrumb li a:hover {
    text-decoration: underline;
}



span.log-in a,span.log-in a:focus {
    color: #fff !important;
}

span.log-in a:hover {
    color: #fff;
    text-decoration: underline;
}

span.log-in em.icon-signin {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
#sort-buttons button.btn.button {
    background-image: none !important;
}
.contact-links #social-networks a {
    color: #0064b1;
    display: inline-block;
    vertical-align: middle;
    margin: 0 9px 0 0;
}

.contact-links #social-networks a i {
    font-size: 20px;
    line-height: 20px;
}

.contact-links #social-networks a:last-child {
    margin-right: 0;
}

.contact-links #social-networks {
    width: auto;
}
#Category_Research_Section_Research .student_detail > ul > li {
    border-top: 1px solid #f7f7f7;
}
#Category_Research_Section_Research .student_detail > ul > li:first-child{border-top: none;}
.mobile-opt{display: none;}
.back-to-top{z-index: 999;}
.right_section .tabbable #sections #Category_Research_Section_Publication .student_detail ul span.type ul li .ppp-pop.ppp-pop-right li.plx-citation {
    padding-right: 0 !important;
}
.right_section .tabbable #sections #Category_Research_Section_Publication .student_detail ul span.type ul li .ppp-pop.ppp-pop-right li {
    padding-right: 0 !important;
    font-size: 12px; 
    
}

.right_section .tabbable #sections #Category_Research_Section_Publication .student_detail ul span.type ul li .ppp-pop.ppp-pop-right li.plx-citation span.ppp-label {
    font-size: 14px;
}

.right_section .tabbable #sections #Category_Research_Section_Publication .student_detail ul span.type ul li .ppp-pop.ppp-pop-right li span.ppp-label {
    font-size: 14px;
}

.right_section .tabbable #sections #Category_Research_Section_Publication .student_detail ul span.type ul li .ppp-pop.ppp-pop-right li span.ppp-count {
    font-size: 12px;
}
.right_section .tabbable #sections #Category_Research_Section_Publication .student_detail ul span.type ul li .ppp-pop.ppp-pop-right li a {
    text-transform: capitalize;
}

.PlumX-Popup .ppp-container.ppp-badge.ppp-small .ppp-pop-right a {
    text-transform: capitalize;
}
.right_section .tabbable #sections #Category_Teaching_Section_Course .student_detail ul li ul li .popover li{padding-right:0 !important}
.other-details .popover h3,.course-links .popover h3 {
    text-transform: uppercase;
    background-color: #F3F6F6;
    color: #0064B1;
}
.recipient-list-content>table.table tr:first-child >td.recipient {
    border: none;
}
#result-container .load-more {
    float: left;
    width: 100%;
}
/*** New Accordian panel ***/


#result-container .filters-container .accordion-group .accordion-heading .accordion-toggle {
    display: flex;
  padding: 12px 8px;
  border-bottom: solid 1px #D2D2D2;
  font-size: 15px;
  font-weight: 700;
  position: relative;
}
.accordion-heading{
position: relative;
}
#result-container .filters-container .accordion-group .accordion-heading .accordion-toggle:after {
  content: "\f107";
  font-family: fontawesome;
  text-align: right;
  display: inline-block;
  width: 20px;
  margin: auto 0 0 auto;
  font-size: 25px;
  color: #3b3b3b;
  font-weight: 400;
  position: absolute;
  top: 12px;
  right: 7px;
}
#result-container .filters-container .accordion-group .accordion-heading .accordion-toggle.collapsed:after{content:"\f106"}
#result-container .filters-container .accordion-group .accordion-content{padding: 0;}
#result-container .filters-container .accordion-group .accordion-content ul{padding: 12px 8px}
#result-container .filters-container .accordion-group .accordion-heading .accordion-toggle em{display: none;}
#result-container .filters-container .accordion-group {
  margin-bottom: 20px;
}

.h5.official-name { font-size: 14px; text-transform: uppercase; color: #777; line-height: 1.6;}
.cover_links li.detailpage-link { font-size: 14px; }
ul.cover_links.detailpage-links li a:hover { color: #f58025; }
.instructor-list-content tr:first-child td {
    border-top: 0;
}
.search-area .modal-btn-wrap {
    padding: 0;
}

.search-area .modal-btn-wrap:hover button#search {
    color: #cd4b13;
}
.search-area .modal-btn-wrap button#search {
    padding: 10px 15px;
    color: #fff;
    position: relative;
    z-index: 1;
    background-color: transparent;
    border: none;
    outline: none;
    min-width: 100px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    font-size: 14px;
    display: inline-block;
    height: 45px;
    text-align: center;
    z-index: 2;
}

.search-area .modal-btn-wrap button#search em.fa {
    margin-right: 1px;
} 
#Category_Teaching_Section_Course .Teaching .student_detail > ul.unstyled.years > li.year:first-child > ul.unstyled.semesters li.clearfix:first-child {
    border-top: 0;
}

.landing-page {
    margin: 0 auto;
    width: 100%;
    max-width: 1170px;
}

.landing-content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.landing-content .left-img {
    width: 39%;
}

.landing-content .right-searhbar {
    width: 51%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
}



.landing-content .right-searhbar h2 {
    margin-bottom: 30px;
    color: #0064B1;
}

.landing-content .right-searhbar p {
    margin-bottom: 35px;
    line-height: 26px;
    font-size: 16px;
}



.landing-page .quick-link-container span {
    width: 50%;
    display: inline-block;
}

.landing-page .quick-link-container span a {
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.landing-page .quick-link-container span a::after {
    content: "";
    border: solid #0064B1;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    vertical-align: middle;
    margin-left: 15px;
    margin-top: -2px;
}
.landing-page .quick-link-container span:hover a::after{border-color: #F58025;}
#landing-page .detail_section {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

#landing-page div#page_heading {
    margin-bottom: 0;
}

#landing-page .detail_section .landing-area {
    float: left;
    width: 100%;
    padding: 160px 0;
}
#result-container.browse-awards-result-container .result-list .result-card table td.user-info .title {
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 12px;
}
#result-container.browse-awards-result-container .result-list .result-card table td.user-info .title small.email.browsecourselink {
    font-size: 13px;
}

#result-container.browse-awards-result-container .result-list .result-card table td.user-info .title strong {
    font-weight: normal;
}
.page-not-found p {
    word-break: break-word;
}

/* 
#toast-container>div {
    background-position: 15px center;
    background-repeat: no-repeat;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
   -moz-box-shadow: none;
    box-shadow: none; 
    margin: 0 0 6px;
    position: relative;
    padding: .75rem 1.25rem;
    border: 1px solid transparent;
    border-left-width:5px;
    border-radius: 0;
    width: auto;
    padding-left: 55px !important;
    border-left: 10px !important;
    font-size: .875rem;
    font-weight: 400;
    border-left-width: 5px!important;
    line-height: 1.28571;
    margin-bottom: 0!important;
    padding-left: 58px!important;
}

#toast-container>div.toast-error {
    color: #dc3545 !important;
    background-color: #fbe7e9 !important;
    border-color: #dc3545 !important;
    border-color: #dc3545 !important;
    opacity: 1 !important;
    border-left:5px solid #dc3545 !important;
} */




/*Responsive CSS*/

@media screen and (min-width:0\0) {
    .cover_links a {
        display: block;
    }

    .cover_links em {
        float: left;
        width: 20px;
        height: 20px;
    }
}




@media only screen and (min-width: 1100px) and (max-width: 1335px) {
    li.tablinks {
        width: 165px;
    }
    .footer-right-column{padding: 75px 30px 30px 30px;}
    .footer-right-column-utility{width: 60%;}
    .footer-right-column-phone-address{width: 40%;}
}

@media only screen and (max-width: 1368px) {
    .detail_section {
        width: 100%;
    }

    .right_section {
        max-width: 100%;
    }

    .tabcontent {
        max-width: 850px
    }
    
    footer .container-fluid{padding: 0 30px;}
    .footer-left-column{width: 25%;}
    .footer-right-column{width: 75%;}
    .modal-body{max-height: 450px;}

} 
@media only screen and (max-width:1280px){

    #result-container.cousrse-listing .result-list.search-data .result-card .course-info{width: 70%;}
    #result-container.cousrse-listing .result-list.search-data .result-card .span3.instructor{width: 30%;}
    .right_section ul#category-tabbar li a.dropdown-toggle{font-size: 14px;padding: 8px;}
    .footer-right-column{padding-left: 30px;padding-right: 0;}
    .landing-page .photo-grid-container {
        margin-top: 164px;
        max-width: 100%;
        width: 100%;
        overflow: hidden;
    }
    nav ul li {
        padding: 0 5px;
    }

    nav ul li a {
        font-size: 12px;
    }
    form.search.active input#top_search_field{width: 170px;}
} 
@media only screen and (max-width: 1199px) {
    li.tablinks {
        margin-bottom: 2px;
    }

    /* li.tablinks {
        width: auto;
    } */

    .body-part {
        width: 100%;
        padding: 0;
        box-sizing: border-box;
    }

   

    .banner h1 {
        font-size: 30px;
    }
    .landing-page{padding: 0 30px;}
    .landing-content .right-searhbar{width: 55%;}
    #landing-page .detail_section .landing-area{padding: 100px 0;}
    .landing-content{overflow: hidden;}

}
@media only screen and (max-width:1160px) and  (min-width: 1025px)  {
    .right_section ul#category-tabbar li a.dropdown-toggle{font-size: 12px;padding: 8px;}

    .contact-links #social-networks {
        width: auto;
        padding-top: 4px;
    }


}
@media only screen and (min-width:1025px){
.mobile-dropdwon{display: none;}
.right_section ul#category-tabbar{display: flex !important;}

}
@media only screen and (max-width: 1024px) {
    .search-result {
        width: 73%;
    }

    .sidebar {
        width: 25%;
    }

    .tab {
        display: flex;
        align-items: center;
        justify-content: center;
    }
     nav ul li a {
        font-size: 11px;
    }
    .inline-form input[type=text]{
        width: 250px ;  
        }
 

    .title-area {
        padding: 10px 0 15px;
    }

    .tab {
        display: block;
    }

    .alpha-numeric{padding: 20px 0;}
    .alpha-numeric a{line-height: 25px;}
    .back-to-top{right: 15px;}
    .modal-body {
        overflow-y: auto;
        max-height: 420px;
        padding: 15px;
    }
    .page-not-found h1{  
        font-size: 52px;
        line-height: 60px;}
   .page-not-found h2{font-size: 38px;line-height: 40px;}   
   .page-not-found h3{   
     font-size: 34px;
    line-height: 40px;
    }     

    .tabs,.right_section ul#category-tabbar {
        display: none;
    }

    .tab_drawer_heading {
        background-color: transparent;
        color: #0064b1;
        border: 1px solid #ccc;
        margin: 0;
        padding: 10px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .d_active {
        background-color: #0064b1;
        color: #fff;
    }

    .d_active.tab_drawer_heading {
        border-color: #0064b1;
        display: none;
    }

    .tab_content {
        margin: 0px;
        border: 1px solid #ccc;
        border-radius: 0;
        box-shadow: none;
        padding: 15px;
    }
    .detail_section{    flex-direction: column;
        margin-top: 0;
        padding-top: 40px;}
    .left_section,.right_section{width: 100%;padding-right: 0;}

    .cover_info{width: 100%;margin-top: 30px;}
    .left_section .cover_info .person_img.thumbnail.thumbnail-img{float: left;}
    .cover_info .title-area {
        padding: 13px 0;
        margin-left: 180px;
        padding-top: 0;
    }
    .left_section .update ,.left_section .links_social{margin-left: 180px;}
    .detail_section .left_section .links_social ul.cover_links li {
        margin: 0 30px 0 0;
        position: relative;
        padding-left: 30px;
        display: inline-block;
    }
    /* .right_section #sections .title-area{padding: 40px 0 25px;} */
    .right_section ul#category-tabbar {
        flex-direction: column;
        border: none;
        width: 100%;
        float: left;
        box-shadow: 0px 6px 6px 5px rgba(0,0,0,0.2);
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        border-radius: 4px;
        z-index: 1;
        min-height: inherit;
    }
    .right_section ul#category-tabbar li{float: left;width: 100%;}
    .right_section ul#category-tabbar li a.dropdown-toggle{    font-size: 14px;
        padding: 9px 15px;float: left;width: 100%;text-align: left;}
        .right_section ul#category-tabbar li a.dropdown-toggle b{display: none;}
        .tabbable{position: relative;}
        .right_section ul#category-tabbar li.active a.dropdown-toggle b.caret{display: none;}
        .right_section .tabbable #sections{float: left;width: 100%;}

        .footer-right-column .row{padding-bottom: 0;}
        .footer-right-column-utility{margin-bottom: 30px;width: 50%;}
        .footer-right-column-phone-address{text-align: center;width: 50%;}
        .footer-right-column-bottom {flex-direction: row;}
        .footer-right-column-bottom-social,.footer-right-column-bottom-copyright{width: 50%;}
        .footer-right-column-bottom-social{margin: 0;}
        .footer-right-column-bottom-social a img{height: 20px;}
        .footer-right-column-phone-address{text-align: left;}
        .footer-right-column .row .col-6.col-md-4{width: 50%;}
        .footer-right-column-sitemap a,.footer-right-column-utility a{font-size: 14px;}
        .footer-right-column-bottom-copyright{font-size: 12px;}

        form.search{position: relative;}
        input.search_show{width: 0;
            height: 36px;
            padding: 10px;
            position: absolute;
            right: 35px;
            padding: 0;
            /* padding: 10px; */
        }
        a.search_input{    width: 20px;
            height: 36px;}
            form.search.active input#top_search_field {
            width: 170px;
            padding: 8px 10px;
            height: 36px;
            }    
            div#page_heading{margin: 0;}   
            .right_section ul#category-tabbar li a.dropdown-toggle .caret{display: none;}  
            .h5.official-name,div.post_name{ margin-left: 180px; }
            
        .contact-links #social-networks {
            width: auto;
            padding-top: 4px;
            /*padding-left: 186px;*/
        }
        .row-fluid.contact-links {
    padding-left: 180px !important;
}
}


@media only screen and (max-width: 900px) {
    ul.navigation_ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .inline-form {
        display: flex;
    }

    nav ul li {
        padding: 0 5px;
    }

    .tab {
        flex-wrap: wrap;
    }

    /* .student_detail p {
        max-width: 80%
    } */

    .tab button {
        padding: 23px;
        margin-bottom: 4px;
    }


    .inline-form input {
        max-width: 300px;
        width: 200px;
    }
    .modal{max-width: 95%;}
    #result-container.cousrse-listing .result-list.search-data .result-card .course-info,#result-container.cousrse-listing .result-list.search-data .result-card .span3.instructor{width: 100%;}
    #result-container.cousrse-listing .result-list.search-data .result-card .span3.instructor{float: left;text-align: left;}
    #result-container.cousrse-listing .result-list.search-data .result-card .span3.instructor table.user-badge td.image{text-align: left;}
    #result-container.cousrse-listing .result-list.search-data .result-card .course-info{margin-bottom: 10px;}
    .right_section .tabbable #sections{padding-right: 0;}

}

@media only screen and (max-width: 767px) {
    .orange-button::after{display: none;}
     form.search{position: relative;background-color: #fff;}
    ul#breadcrumb {
        max-width: 75%;
        float: left;
    }
    .m-logo {
        display: block;
        max-width: 103px;
        margin-top: 18px;
        margin-bottom: 9px;
        margin-left: -2px;
    }
    ul.navigation_ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        margin: 0;
    }
    #myTopnav ul li.mobile_view {
        margin-bottom: 15px;
    }
    header{
        padding: 10px 15px;
        -o-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transition: all .5s ease;
    }
    header a.icon {
        font-size: 24px;
        position: relative;
        top: -3px;
    }
    header a.icon:focus{color: #fff !important;}
   .menu-expand header a.icon{color: #ff7318;}

    .m-logo img {
        width: 100%;
    }

    .student_detail span {
        text-align: left;
        margin-top: 5px;
    }

    .social_link {
        display: block;
    }

 

    a.search_input {
        color: #0064b1;
        padding: 10px;
        background: #fff;
    }

    input.search_show {
        width: 100%;
        display: block !important;
        position: static;
        padding: 10px;
    }

    nav ul li.mobile_view a:before {
        display: none;
    }

    header.header-shadow:hover .cover_head:before {
        height: 70px;
    }

    .search_input.active i:before {
        font-size: 16px;
    }

    .mobile_view {
        display: block;
    }

    .desktop_view {
        display: none;
    }


    header.header-shadow .cover_head:before {
        height: 70px;
    }

    .student_detail h3,
    .detail_section {
        flex-wrap: wrap;
    }

    nav#myTopnav .icon i {
        font-size: 22px;
    }


    nav ul li a {
        font-size: 12px;
    }

    .banner {
        z-index: 0;
        text-align: center;
    }
    
    form.search img {
        width: 16px;
        padding-top: 5px;
    }


    #myTopnav {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 56px;
        background-image: linear-gradient(135deg, #0064b1, #0b3250);
        text-align: left;
        margin: 0;
        z-index: -1;
        padding: 15px 0;
        flex-direction: column;
        height: calc(100% - 56px);
        overflow-y: auto;
        overflow-x: hidden;
    }
      
    
        header.header-shadow  #myTopnav ul{    top: 56px;
    }
    #myTopnav ul li,
    .icon {
        display: block;
    }

    #myTopnav {
        display: none;
    }
   
    #myTopnav ul li.orange-button::before,#myTopnav ul li.orange-button::after{display: none;}

    h1,
    h2,
    .banner h1 {
        font-size: 20px;
    }

    label {
        font-size: 15px;
    }

    .profile-name span.name,
    .alpha-numeric {
        font-size: 16px;
    }

    p {
        font-size: 12px;
    }

    .sort-buttons .button:first-child {
        border-right: 0;
    }

    .sort-buttons .button,
    .profile-pic,
    .profile-pic img {
        float: none
    }

    .sidebar,
    .left_section,
    .right_section {
        width: 100%;
    }

    .sort-buttons {
        float: none;
        display: flex;
        margin: 10px 0 0;
        justify-content: center;
    }

    .search-result {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .inline-form {
        float: none;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        justify-content: center;
    }

    .profile a {
        display: inline-block
    }

    .profile-pic {
        display: inline-block;
    }

    .alpha-numeric {
        padding: 20px 0;
    }

    nav ul li {
        padding: 0px 15px;
    }

    .banner h1 {
        font-size: 26px;
    }
    
    .profile-area {
    margin: 15px 0;
    padding-bottom: 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.profile-wrap .profile-pic{float: left;}
.sort-buttons .span3{width: 100%;margin-left: 0;}

div#result-list-container,.span3.filters-container{width:100%;margin: 0 0 15px 0;}

#myTopnav a.icon {
    color: #fff !important;
}
.menu-expand header{background-image: linear-gradient(135deg,#0064b1,#0b3250);}
.search-area form {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
.sort-buttons{margin: 0 !important;}
.search-area form .inline-form {
    margin: 0;
    width: 100%;
    margin-bottom: 10px;
}
.search-area form .inline-form input[type=text] {
    width: calc(100% - 120px);
    max-width: 100%; 
}
.modal-header h3{line-height: 25px;}
.modal-header h3 .unit-select .help-block{line-height: 16px;margin-top: 10px;}
#result-container.browse-awards-result-container .result-list .result-card .award-info{display: flex;flex-direction: column;}
#result-container.browse-awards-result-container .result-list .result-card .award-info .span3.awardee{order: 2;margin-top: 25px;width: 100%;}
#result-container.browse-awards-result-container .result-list .result-card .award-info .aditional-info{margin-left: 0;width: 100%;}
.modal-body{    max-height: 300px;}
.detail_section .left_section .links_social ul.cover_links li {
    margin: 0 0 5px 0;
    display: block;
    width: 100%;
}
.right_section .tabbable #sections #Category_Research_Section_Publication .student_detail ul span.type ul li,.right_section .tabbable #sections #Category_Teaching_Section_Course .student_detail ul li ul li,.right_section .tabbable #Category_Service_Section_ServiceCommunity .student_detail ul li ul li, .right_section .tabbable #Category_Service_Section_ServiceProfession .student_detail ul li ul li, .right_section .tabbable #sections #Category_Service_Section_ServiceUniversity .student_detail ul li ul li,.right_section .tabbable #sections #Category_AboutMe_Section_Appointment .student_detail ul.years li.year ul li,.right_section .tabbable #sections .student_detail ul li ul li, .right_section .tabbable #sections .student_detail ul span.type ul li{padding-right: 0 !important;}
.right_section .title-area h6 {
    line-height: 30px;
}
.right_section .tabbable #sections .student_detail ul li ul li .date, .right_section .tabbable #sections .student_detail ul span.type ul li .date {
    position: static;
    right: 0;
    top: 10px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
footer .container-fluid{padding: 0;}
.footer .row{flex-direction: column;}
.footer-left-column{width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.29);border-right: 0;}
.footer-right-column{padding: 40px 0 0 0 ;width: 100%;}
.footer-right-column .row {
    padding-bottom: 0;
    flex-direction: column;
    justify-content: center;
    width: 59%;
    margin: 0 auto;
    align-items: center;
}
.footer-right-column-utility {
    margin-bottom: 30px;
    width: 100%;
}
.footer-right-column .row .col-6.col-md-4 {
    width: 50%;
    text-align: center !important;
}
.footer-right-column .row .col-6.col-md-4:nth-child(2n) {
    text-align: right;
}
.footer-right-column-phone-address,.footer-right-column-bottom-copyright {
    text-align: center;
}
.footer-right-column-bottom-copyright{width: 100%;}
.footer-right-column-info{padding: 0 30px;}
.footer-right-column-sitemap {
    width: 100%;
    margin: 20px 0px 25px;
    order: 1;
    margin-bottom: 0;
}
.footer-right-column-bottom {
    flex-direction: column;
    margin: 10px 0;
}
header.header-shadow .top-links{margin-top: 0;}
.top-links {
    float: left;
    width: 100%;
    text-align: left;}

    .top-links ul {
        float: right;
        width: 100%;
        margin: 0;
    }
    #myTopnav ul li {
        margin: 0;
    }
    body.menu-expand{overflow: hidden;}
    .mobile-opt{display: block;}
    .orange-button {
        padding: 5px 15px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
        font-size: 14px;
    }
    .mobile-opt > div, .mobile-opt > a {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }
    .orange-button a {
        position: relative;
    } 
    .detail_section{padding-top: 0;}
    .landing-content .left-img{display: none;}
    .landing-content .right-searhbar{width: 100%;}
    #landing-page .detail_section .landing-area{padding: 50px 0;}
    .landing-content .right-searhbar h2 {
        font-size: 36px;
    }
    .landing-page{padding: 0 15px;}
    
    .contact-links #social-networks {
        width: auto;
        padding-top: 4px;
    }

}
@media only screen and (max-width: 767px) and (orientation: landscape)  {
    .modal-body {
        max-height: 135px;
    }
}
@media only screen and (max-width: 576px) {

    .landing-page input.search-box{
        line-height: 22px;
        font-size: 12px;
        padding: 7px 45px 7px 10px;
        border-width: 3px !important;
    }
  
    .banner h1{top: 65%;}
    .profile-wrap .profile-pic {
        float: left;
        margin-right: 20px;
        margin-bottom: 20px; 
    }
    .instructor-list-content table.table {
        float: left;
        width: 100%;
    }
    
    .instructor-list-content table.table tr {
        float: left;
        width: 100%;
    }
    
    .instructor-list-content table.table tr > td {
        float: left;
        width: 100%;
    }
    #instructor-list-body {
        margin-bottom: 15px;
    }
    .instructor-list-content table.table tr:first-child td{border-top: 0;}
    #result-container.browse-sponsored-project-result-container .result-list .result-card .info-details {
        float: left;
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    #result-container.browse-sponsored-project-result-container .result-list .result-card .info-details .project-investigator.primary-investigator {
        order: 2;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    #result-container.browse-sponsored-project-result-container .result-list .result-card .info-details .information {
        width: 100%;
    }
    .profile-wrap .profile-data {
        margin-left: 0;
        width: 100%;
        float: left;
        font-style: normal;
    }
    .page-not-found h1{  
        font-size: 38px;
        line-height: 40px;}
   .page-not-found h2{font-size: 34x;line-height: 36px;}   
   .page-not-found h3{   
     font-size: 32px;
    line-height: 34px;
    }   

    .left_section .update, .left_section .links_social {
        margin-left: 0;
        float: left;
        width: 100%;
    }
    .cover_info .title-area {
        padding: 13px 0;
        margin-left: 0;
        padding-top: 15px;
        width: 100%;
        float: left;
    }
    .h5.official-name,div.post_name {

        float: left;
        width: 100%;
        margin-left: 0;
}
    .modal.contact-info{max-width: 95%; 
        margin-left: auto !important;
        margin-right: auto !important;
        right: 0;}
        .footer-left-column{padding: 35px 0 15px 0;}        
        .footer-right-column{    padding: 40px 0 25px 0;
            width: 100%;}
            .footer-right-column-phone-address{width: 100%;}    
            .footer-right-column-info{padding: 0 15px;}
            .footer-right-column-bottom-social a img{max-width: initial;}
            ul#breadcrumb {
                max-width: 50%;
                float: left;
            }
            .landing-page .photo-grid{padding-left: 15px;padding-right: 15px;}
            #landing-page .detail_section .landing-area{padding: 35px 0;}
            .landing-content .right-searhbar h2 {
                font-size: 32px;
                margin-bottom: 20px;
            }
            .landing-page .quick-link-container span a::after{margin-left: 5px;}
            .landing-page .quick-link-container span a{font-size: 12px;}
            .landing-page .icon-search{font-size: 14px;}
            .landing-page button.search-button{left: -35px;}
            .landing-page input.search-box{padding-right: 35px;}
            
            
            .contact-links #social-networks {
                width: auto;
                padding-top: 4px;
            }
            .row-fluid.contact-links {
    padding-left: 0 !important;
}
}

@media only screen and (max-width: 567px) {
    .tab button,#result-container .result-list .result-card .info-details .span2.project-investigator.primary-investigator,#result-container .result-list .result-card .info-details .information {
        width: 100%;
    }

/*    .profile-area {
        margin: 31px 0;
        display: block
    }*/

    .profile-data {
        margin: 10px 0
    }
    .popover {
        width: 100%;
        max-width: 220px;
    }
    .footer-right-column .row{width: 100%;}
   
    .contact-links #social-networks {
        width: auto;
        padding-top: 4px;
    }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .person_img {
        float: left;
        margin-right: 15px;
    }
    
    .contact-links #social-networks {
        width: auto;
        padding-top: 4px;
    }
 
    /* .links_social {
        float: left;
        width: 100%;
    } */
}

@media only screen and (max-width: 360px) {
    .inline-form input,.inline-form input[type="text"] {
        width: 140px;
    }
    
    .contact-links #social-networks {
        width: auto;
        padding-top: 4px;
    }
    
    .contact-links #social-networks {
        width: auto;
        padding-top: 4px;
    }
}

.select2-container .select2-choice abbr {
right: 35px;
top: 13px;
width: 14px;
height: 14px;
display: none !important;
}

#Category_Research_Section_Publication .student_detail > ul.unstyled.years > span.year > ul.unstyled.types{
    margin-bottom: 30px;
}

#Category_Research_Section_Research .student_detail ul.research.records li .other-details > a {
margin-right: 15px;
display: inline-block;
}

.inline-form input[type=text]::placeholder {
font-size: 14px;
}
.inline-form input[type=text]::-webkit-input-placeholder {
font-size: 14px;
}
.inline-form input[type=text]::-moz-placeholder {
font-size: 14px;
}

#toast-container>.toast-error {
font-size: 14px;
line-height: 24px;
border-color: #bd362f;
}
.popover-content li {
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #3c3c3c;
}

.popover-content li span.text-warning {
color: #3c3c3c;
}
input#top_search_submit {
    width: 21px;
    height: 21px;
    margin-top: 11px;
}

#result-list-container .result-list .profile-area .profile-wrap .snippet .highlight {
    font-weight: bold;
    text-decoration: underline;
    font-style: oblique;
    color: #f58025;
}
@media screen and (min-width:768px) and (max-width:1024px){
    input#top_search_submit{padding: 7.5px 0;margin-top: 0;height: auto;width: auto;}
    
    .contact-links #social-networks {
        width: auto;
        
    }
}

#mobile_top_search_submit{padding: 7.5px 0;margin-top: 0;height: auto;width: auto;}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border-bottom: 1px solid #ccc;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  margin-bottom: 10px !important;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

.helpTextSpan {
    font-size: 11px !important;
    text-transform: uppercase;
    font-weight: 600 !important;;
}