/* This file can be used to apply custom CSS after default JICS CSS is loaded. */
/* However, the JICS theme system is now the preferred method of updating CSS. */

/***********************************************************  Masthead (hooks up to custom HTML from siteheader.htm) ******************************************************/


.user-image {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

#siteNavBar_loginToggle { background-color:white; height:45px; }
.top-nav-bar { margin-top:48px !important }
.targeted-message { background-color: rgba(254, 190,16, 0.1); top: 41px; color:black!important; margin-left: 0px !important; margin-right: 0px; width: 100% !important; }
.targeted-message { border-right:none!important; border-left:none!important; border-radius: 0px !important; clear:both; }

.dom-navbar li a  {  text-decoration:none; z-index:9999; }
.dom-navbar { background-color: #1d3b6e;   margin-bottom: 0px !important}
.dom-white-link { color:white ! important; }

#masthead { border-top: 5px solid #febe10 !important; }
.navbar-inverse { height: 0px; margin: -10px }
.dropdown { z-index:9999!important }

.sidebar-link-title, .sidebar-link-title a { color: #1d3b6e !important }

@media screen and (max-width: 1025px) {
	.logged-in, .top-nav-bar { top: -48px !important; }
	.popover-content, .popover-content a, #site-manager { color:white!important; }
        #logout.btn-primary { color:#white!important; }
	#
}

li.slide-menu-toggle-btns-wrapper { background-color: #1d3b6e; }

.user-login { left:inherit!important;top:-62px!important }
#masthead h1 { top:inherit!important; margin-top:-10px; }
.top-nav-bar { margin-top:0px !important; top:118px!important } 

#portlet-grid { margin-top:-40px!important }
.page-title { margin-bottom:-24px!important }
.main-crumbs { clear:both; top:50px!important;  }
.logged-in .main-crumbs { top:42px!important; margin-bottom:42px!important }

.btn-primary-no-bg, .btn-primary { color:white!important; background-color: #1d3b6e!important }
.top-nav-bar .nav-container #main-nav > li.selected > a { background-color: #1d3b6e!important; color:white!important }

.more-links-div { background-color: #1d3b6e!important; color:white!important }
.more-links-div li a { color:white!important }

#masthead h1 a { background-size: inherit!important; width:520px; margin-top:-12px; height:72px!important } 

@media only screen and (max-width: 1024px) {
	.dom-navbar { display:none; }
	.top-nav-bar { margin-top: -1px }
	#masthead { top:0px; }
	#masthead h1 a { background-size: 80%!important; width:100%; margin-top:-12px; height:92px!important }
	#user-login-section {
		padding-top:68px;
	} 
}

@media only screen and (max-width : 1024px)  {
 /* STYLES GO HERE */
	.top-nav-bar { margin-top:0px !important; top:1px!important }
	#masthead h1 a { background-size: inherit!important; width:520px; margin-top:40px; height:72px!important }  
}

.navbar-inverse { margin: -10px 0px 0px 0px !important; }
footer .row { margin-right:0px!important; margin-left:0px!important; }

.footer-links, .profileStats:last-of-type { display:none }


.showAdvisee {
    margin-bottom:8px;
}

.showAdvisee a {
    margin-top: 8px;
}

.loaderContainer {
    height:50px;
    overflow:hidden;
}

.advisorLoader {
    margin-top:-180px;
    margin-left:-180px;
}

.adviseePhoto {
    width:80px;
    float:left;
    margin:2px 8px 8px 8px;
    border-radius:8px;
}

.adviseeNote {
    border: 1px solid #337ab7;
    margin: 2px;
    padding: 3px;

    border-radius: 8px;
}

.adviseeOverflowShow {
    overflow:visible;
    height:100%;
}

.adviseeOverflowHide {
    overflow: hidden;
    height: 26px;
}

.adviseeSmall {
    font-size: .8em;
}

#addNote {
    margin-left:6px;
    margin-top:7px;
}

.dominicanSearch {
    width: 90% !important;
    height: 800px !important;
    border:none;
    overflow:hidden;
}


/* Search Styling */
.domSearchDesc {
    margin-left: 100px;
}

@media screen and (max-width: 600px) {
    .domSearchProfile {
        width: 98%;
    }
}

.tt-dropdown-menu {
    width: 100% !important;
}

.tt-suggestion {
    border-bottom: 1px solid #fdcc45;
    margin-top: 5px;
}

    .tt-suggestion > a {
        color: #1d3b6e !important;
        font-weight: bold;
    }

.tt-suggestion-email, .tt-suggestion-location, .tt-suggestion-phone {
    border: 1px solid #1d3b6e;
    border-radius: 6px;
    padding: 5px;
    margin: 5px 0 5px 0;
}

.searchButtons {
    width: 10%;
    float: right;
}

#type-ahead {
    float: left;
}

.twitter-typeahead {
    width: 88% !important;
}

.tt-suggestion.tt-is-under-cursor {
    color: inherit !important;
    background-image: none !important;
    background-color: transparent !important;
} 

#doSearch {
    width:40px;
    float:left;
}

.searchIntro {
    font-size:14px;
    margin-top:20px;
    line-height:2;
    width:88%;
    margin-bottom:10px;
}

.searchIntro a {
    margin-top:16px;
    text-decoration: none;
}

        .academicDepts {
            width:48%;
            float:left;
        }

        .adminDepts {
            width: 48%;
            float: right;
        }

        .duSearchHead {
            border: 1px solid transparent;
            border-radius: 6px;
            padding: 6px;
            margin:4px;
	    background-color:#0095d5;
	    color:white;
	    font-weight:bold;
        }

.btn-block {
            border: 1px solid #1d3b6e!important;
            border-radius: 6px;
            padding: 4px;
            margin:4px;
}
.deptLinks a, .tt-suggestion-URL a, .tt-suggestion-URL a:hover, .urlList a {
    text-decoration: none;
    color:#1d3b6e!important;
}

.tt-suggestion-name {
	font-size:12pt;
	font-Weight:bold;
}
.positionTitle {
	margin-bottom:8px;
}
.tt-suggestion-title {
	font-weight:bold;
	font-size:14px;
}
.tt-suggestion, .tt-is-under-cursor {
	cursor:inherit!important;
}
.tt-suggestion-URL {
    border: 1px solid #1d3b6e;
    border-radius: 6px;
    padding: 5px;
    margin: 5px 0 5px 0;
    width:100%;
    text-decoration: none;
}

.processBlock {
    border: 1px solid black;
    padding: 6px;
    margin-left: 4px;
    border-radius: 8px;
}

.custom-control {
    padding:10px 10px 10px 14px;
}

.custom-control-input {
    transform: scale(3);

}

.checkbox-xl .custom-control-label::before,
.checkbox-xl .custom-control-label::after {
    top: 1.2rem;
    width: 1.85rem;
    height: 1.85rem;
    margin-left: 0px !important;
}

.checkbox-xl .custom-control-label {
    padding-top: 0px;
    padding-left: 55px;
    transform:scale(2);
}
.btn-primary-jquery-ui-override {
    color: white!important;
}
#user-login-section {
    margin-top:142px;
}