/*for boostrap 3 support*/
.panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px;  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);  box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.panel-default { border-color: #ddd;}
.panel-footer { padding: 10px 15px; background-color: #f5f5f5;  border-top: 1px solid #ddd; border-bottom-right-radius: 3px;  border-bottom-left-radius: 3px;}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}



.hh-directory.section{
	 padding:30px 0;
}
 .hh-directory .input{
	 width:100%;
	 height:40px;
	 padding:0 15px;
	 background-color:#fff;
	 border-radius:0px;
	 border:2px solid #e8eaed;
}
 .hh-directory .container > .row{
	 margin-bottom:25px;
}
 .hh-directory div[class^="col-"] > :last-child {
	 margin-bottom:0px;
}
 .hh-directory .dirItem[class^="col-"], .hh-directory .row.dirSearchControls > [class^="col-"] {
	 padding-bottom:15px;
}
 .hh-directory .dirItem {
	 display:none;
}
 .hh-directory .dirItem.filter-match {
	 display:block;
}
 .hh-directory .dirItem .panel .panel-title {
	 margin-top:0;
	 font-weight:bold;
}
 .hh-directory .dirItem .panel .panel-title > a {
	 color: #43739c;
}
 .hh-directory .dirItem .panel .panel-title > a:hover,.hh-directory .dirItem .panel .panel-title > a:focus {
	 color: #325675;
}
 .hh-directory .dirItem .panel{
	 border-radius:0px;
	 word-break:break-word;
}
 .hh-directory .dirItem .panel .panel-body .email{
	 word-break:break-all;
}
 .hh-directory .dirItem .panel-body .panel-text .text-muted {
	 color: #686868;
}
 .hh-directory .dirItem.bgImage .panel-body {
	 padding:0px;
}
/* MAY DELETE
.hh-directory .dirItem.bgImage .panel-body .panel-title {
	 margin:15px 0;
} 
*/
 .hh-directory .dirItem.blockImage .panel-tiles .panel-body .panel-title {
	 margin-top:15px;
}
 .hh-directory .dirItem.bgImage .panel-body .panel-text {
	 margin-bottom:15px;
}
 .hh-directory .dirItem.bgImage .panel-body .panel-image{
	 background-position:center center;
	 background-repeat:no-repeat;
	 background-size:cover;
}
 .hh-directory .dirItem .panel-body .panel-image .img-responsive{
	 display:inline-block;
}
 .hh-directory .dirItem.bgImage .panel-body .row {
	 margin-right:0px;
	 margin-left:0px;
	 height:100%;
}
 .hh-directory .form-control{
	 border-radius:0px;
}
 .hh-directory select, .hh-directory select.form-control{
	 border-radius:0px;
	 -moz-appearance:none;
	 -webkit-appearance:none;
	 appearance:none;
}
 .hh-directory .select-container{
	 display:inline-block;
	 position:relative;
	 width:100%;
}
 .hh-directory .select-container:after{
	 // content:"\f107";
	 font-family: "Font Awesome 5 Free";
	 position:absolute;
	 top:6px;
	 right:10px;
	 z-index:5;
	 font-weight:900;
}
 .hh-directory .pagination {
	 justify-content: center;
}
 .hh-directory .back-to-dir {
	 text-align:center;
}
 .hh-directory.autocomplete-suggestions {
	 text-align: left;
	 cursor: default;
	 border: 1px solid #ccc;
	 border-top: 0;
	 background: #fff;
	 box-shadow: -1px 1px 3px rgba(0,0,0,.1);
	/* core styles should not be changed */
	 position: absolute;
	 display: none;
	 z-index: 9999;
	 max-height: 254px;
	 overflow: hidden;
	 overflow-y: auto;
	 box-sizing: border-box;
}
 .hh-directory .autocomplete-suggestion {
	 position: relative;
	 padding: 0 .6em;
	 line-height: 23px;
	 white-space: nowrap;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 font-size: 1.02em;
	 color: #333;
}
 .hh-directory .autocomplete-suggestion b {
	 font-weight: normal;
	 color: #1f8dd6;
}
 .hh-directory .autocomplete-suggestion.selected {
	 background: #f0f0f0;
}
 .hh-directory h1.border-bottom {
	 line-height: 35px;
}
 .hh-directory.hh-profile .tags{
	 padding: .75rem 1.25rem;
	 background-color: #f5f5f5;
}
 .hh-directory #pagination {
	 text-align:center;
}
 .hh-directory .pagination {
	 margin-top:10px;
}
 .hh-directory .pagination>.disabled>a, .hh-directory .pagination>.disabled>a:focus, .hh-directory .pagination>.disabled>a:hover, .hh-directory .pagination>.disabled>span, .hh-directory .pagination>.disabled>span:focus, .hh-directory .pagination>.disabled>span:hover {
	 color: #686868;
}
 .hh-directory .pagination>.active>a, .hh-directory .pagination>.active>a:focus, .hh-directory .pagination>.active>a:hover, .hh-directory .pagination>.active>span, .hh-directory .pagination>.active>span:focus, .hh-directory .pagination>.active>span:hover {
	 background-color:#43739c;
	 border-color:#43739c;
	 font-weight: 600;
     color: #2A2623 !important;
}
 .hh-directory .pagination>li>a, .hh-directory .pagination>li>span {
	 color:#43739c;
	 font-weight:400;
}





































/* START REDESIGN */
.hh-directory input#searchDir {
    font-size: .85rem !important;
}

.hh-directory select, .hh-directory select.form-control {
    background:transparent;
    border: 1px solid #989797;
    border-radius: 4px;
    font-size:.85rem !important;
    height: calc(2.25rem + 2px);
}
.dirSearchControls .searchLoupeIcon {
    position: absolute;
    top: 0;right: .25rem;
    width: 20px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2A2623;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.61752 10.0317C7.73148 10.6424 6.6575 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.6575 10.6424 7.73148 10.0317 8.61752L13.7071 12.2929L12.2929 13.7071L8.61752 10.0317ZM5.5 9C7.433 9 9 7.433 9 5.5C9 3.567 7.433 2 5.5 2C3.567 2 2 3.567 2 5.5C2 7.433 3.567 9 5.5 9Z' fill='%232A2623'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;"
}
.dirSearchControls .selectIndicatorGroup {
	position: absolute;
	right: .25rem;
	top: 0;
	height: 100%;
	width: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	z-index: -1;
}
.dirSearchControls .selectIndicatorGroup .selectUp {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.87885 0.569614C4.07826 0.29044 4.49317 0.29044 4.69258 0.569614L8.0067 5.20938C8.24308 5.54031 8.00652 6 7.59983 6L0.971593 6C0.564907 6 0.328345 5.54031 0.564727 5.20938L3.87885 0.569614Z' fill='%232A2623'/%3e%3c/svg%3e ");
	width: 8px;
	height: 6px;
	display: block;
	background-repeat: no-repeat;
	margin-bottom:2px;
}
.dirSearchControls .selectIndicatorGroup .selectDown {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.69342 5.43039C4.49401 5.70956 4.0791 5.70956 3.87969 5.43039L0.565568 0.79062C0.329187 0.459686 0.565748 2.54789e-07 0.972434 2.90288e-07L7.60067 8.68864e-07C8.00736 9.04364e-07 8.24392 0.459686 8.00754 0.79062L4.69342 5.43039Z' fill='%232A2623'/%3e%3c/svg%3e ");
	width: 8px;
	height: 6px;
	display: block;
	background-repeat: no-repeat;
}
.hh-directory .form-control {
    border: 1px solid #989797;
    border-radius: 4px;
}



.hh-directory .dirItem .panel {
	border-radius:8px;
}
.hh-directory .dirItem.bgImage .panel-body {
	padding:.5rem;
}
.hh-directory .dirItem.bgImage .panel-body .panel-image {
	border-radius: 8px;
}
.hh-directory .dirItem .linkFooter {
	border: 0 !important;
    padding: 0.5rem .5rem 1rem !important;
    border-radius:8px;
}



.hh-directory .dirItem .panel .panel-title > a {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    color: #005596;
    text-decoration: underline;
}
.hh-directory .dirItem .panel .panel-title > a:hover, .hh-directory .dirItem .panel .panel-title > a:focus {
    color: #219CC6;
}
.hh-directory .dirItem .panel-body .panel-text .text-muted {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #2A2623 !important;
}
.hh-directory .dirItem .panel-body .panel-blurb {
    margin-top: 1em;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #2A2623;
}



.hh-directory .dirItem .linkFooter .footerLeft {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hh-directory .dirItem .linkFooter .deptName, .hh-directory .dirItem .linkFooter .topicName {
    background: #005596;
    border-radius: 65px;
    text-align: center;
    width: fit-content;
    padding: 0.15rem 1rem;
    font-weight: 600;
    margin-top: 1rem;
    letter-spacing: 0.1em;
}

.hh-directory #pagination {
    display:flex;
    justify-content:center;
}
.hh-directory #pagination .pagination {
    display:flex;
    align-items:center;
}
.hh-directory .pagination>li>a, .hh-directory .pagination>li>span {
    border: 1px solid #C9C9C9;
    border-radius: 4px;
    color: #2A2623;
    margin: 0 0.25rem;
}
.hh-directory .pagination>.active>a, .hh-directory .pagination>.active>a:focus, .hh-directory .pagination>.active>a:hover, .hh-directory .pagination>.active>span, .hh-directory .pagination>.active>span:focus, .hh-directory .pagination>.active>span:hover {
    color: #003478 !important;
    background: #f4f4f4;
    border: 1px solid #005596;
    border-radius: 4px;
}







.hh-directory .dirItems .panel-list .panel-body > .row {
	display:flex !important;
}
.hh-directory .dirItems .panel-list .panel-content {
	padding-left:1.5rem;
	position:relative;
}
.hh-directory .dirItem .panel-list .panel-body {
	padding-bottom:.5rem !important;
}
.hh-directory .dirItems .panel-list .panel-content .deptName, .hh-directory .dirItems .panel-list .panel-content .topicName {
	background: #005596;
    border-radius: 65px;
    text-align: center;
    width: fit-content;
    padding: 0.15rem 1rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    position: absolute;
    bottom: 0.5rem;
    right: 0.25rem;
    margin: 0;
}
.hh-directory .dirItem .panel-list .linkFooter {
	border: 0 !important;
    padding: 0 !important;
    margin-top:1rem;
    border-radius:8px;
}



.hh-directory .pagination li.previous a, .hh-directory .pagination li.previous span, .hh-directory .pagination li.next a, .hh-directory .pagination li.next span {
    border: 0;
    font-size: 1.5rem;
    padding: 0;
}




@media (min-width:768px) {
	.hh-directory .container > .row.profile-content div:first-of-type {
		padding-right:1rem;
	}
	.hh-directory .container > .row.profile-content div:last-of-type {
		padding-left:1rem;
	}
}


@media (min-width:1200px) {
    .hh-directory #pagination {
        justify-content:start;
    }
}
/* END REDESIGN */








































 @media only screen and (min-width:992px){
	 .hh-directory .dirItem[class^="col-"], .hh-directory .row.dirSearchControls > [class^="col-"] {
		 padding-right:0px;
	}
}
 @media only screen and (min-width:992px){
	 .hh-directory .dirItem.bgImage .left-image .panel-body .panel-image, .hh-directory .dirItem.bgImage .right-image .panel-body .panel-image{
		 min-height:220px;
		 max-height:350px;
	}
}
 @media only screen and (max-width:991px){
	 .hh-directory .dirItem.bgImage .panel-body .panel-image {
		 min-height: 175px;
	}
}
 @media only screen and (max-width:767px){
	 .hh-directory .dirItem.bgImage .panel-body .panel-image {
		 min-height: 225px;
	}
	 .hh-directory .dirItem .left-image .panel-body .panel-title {
		 margin-top:15px;
	}
	 .hh-directory .dirItem .right-image .panel-body .panel-text {
		 margin-bottom:15px;
	}
	 .hh-directory.hh-profile .col-md-8.sidebar-right {
		 bottom:30px;
	}
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /* START DIRECTORY */
  .hh-directory .dirItems .panel-list .dimension {
    background: #989797;
    border-radius: 65px;
    text-align: center;
    width: fit-content;
    padding: 0.15rem .5rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin: 0;
    position: relative !important;
    display: inline-block !important;
    margin-bottom: 0.25rem;
    margin-right: 0.5rem;
    margin-top: 0.25rem;
    height:22px;
}
  .hh-directory .dirItems .panel-list .dimension .dimensionText {
    display: flex;
    height: 100%;
    align-items: center;
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 11px;
    line-height: 130%;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
  .hh-directory .dirItem .panel-list .panel-body {
    padding: 10px !important;
  }
  .hh-directory .dirItem:not(.hasDirImage) .panel-list .panel-content {
    padding: 0px 6px;
  }
  .hh-directory .dirItem .panel-list .panel-dimensions {
    padding:0;
    padding-top:.75rem;
  }
  .hh-directory .dirItem:not(.hasDirImage) .panel-list .panel-dimensions {
    padding:0 6px;
    padding-top:.75rem;
  }
  .hh-directory .dirItem .panel-list .panel-footer a.detLink {
    margin-top: 1rem !important;
  }
  .searchControl .mobileHide {
	position: absolute;
	 position: absolute !important;
	 width: 1px !important;
	 height: 1px !important;
	 padding: 0 !important;
	 margin: -1px !important;
	 overflow: hidden !important;
	 clip: rect(0,0,0,0) !important;
	 white-space: nowrap !important;
	 border: 0 !important;
  }
  @media(max-width:575px) {
    .hh-directory .dirItems .panel-list .panel-content {
    	padding: 0em .5em;
    }
    



	#pla-course-list .dirSearchControls button.multiselect {
        z-index: 1;
    }
	.dirSearchControls .selectIndicatorGroup {
    	z-index: 0;
    }
    #pla-course-list #bsModals .modal .modal-content {
    	padding:0;
    }
    #pla-course-list #bsModals .modal .modal-header .modal-title {
    	margin-top:30px;
    }
    #pla-course-list #bsModals .modal .modal-header button.close {
    	position: absolute;
        right: 22px;
        top: 14px;
    }
    #pla-course-list .dirSearchControls #dirFilterControls .cavier-Filter {
        font-weight:600;
    }
    #pla-course-list .dirSearchControls #dirFilterControls .filterIndicator {
        position: absolute;
        top: -6px;
        right: -6px;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        background: #D64000;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 11px;
    }
    #pla-course-list .dirSearchControls .searchLoupeIcon {
        width: 40px;
    }

  }
  @media(min-width:576px) {
        #dirFilterControls {
            position: absolute;
    	    position: absolute !important;
    	    width: 1px !important;
    	    height: 1px !important;
    	    padding: 0 !important;
    	    margin: -1px !important;
    	    overflow: hidden !important;
    	    clip: rect(0,0,0,0) !important;
    	    white-space: nowrap !important;
    	    border: 0 !important;
        }
        #pla-course-list #bsModals .modal .modal-content .modal-header {
        	padding-top: 22px;
            padding-right: 22px;
        }
        #pla-course-list #bsModals .modal .modal-content .modal-body {
            padding-bottom: 2.5rem;
        }

        .dirSearchControls .selectIndicatorGroup {
        	background: #fff;
            height: calc(100% - 10px);
            top: 5px;
            padding-right: 0.5rem;
            padding-left: 0.5rem;
            width: 27px;
            right: 1px;
        }
  }
/* END DIRECTORY */


/* START TEST MULTISELECT */
 #pla-course-list .modal .dirSearchControls .select-container .btn-group, .student-resources-directory .dirSearchControls .select-container .btn-group {
     width:100%;
}
 #pla-course-list .modal .dirSearchControls .select-container button.multiselect, .student-resources-directory .dirSearchControls button.multiselect {
     width: 100%;
     padding: 0.375rem 0.75rem;
     background: transparent;
     border: 1px solid #989797;
     border-radius: 4px;
     font-size: .85rem !important;
     color: #495057;
     height: calc(2.25rem + 2px);
     text-align: left;
     font-weight: inherit;
     overflow:hidden;
}
 #pla-course-list .modal .dirSearchControls .select-container button.multiselect:hover, .student-resources-directory .dirSearchControls button.multiselect:hover {
     cursor: default;
}
 #pla-course-list .modal .dirSearchControls .btn-group ul.multiselect-container, .student-resources-directory .dirSearchControls .select-container .btn-group ul.multiselect-container {
     width:100%;
     padding: 0.25rem 0.5rem 0;
     transform: translate3d(0px, 38px, 0px) !important;
     z-index: 2;
     border:1px solid rgba(0, 0, 0, 0.5);
     margin:0px;
     border-radius:0px;
     box-shadow: rgb(0 0 0 / 30%) 2px 5px 10px;
     font-size: .85rem !important;
     max-height: 400px;
     overflow-y: scroll;
}
 #pla-course-list .modal .dirSearchControls ul.multiselect-container li a, .student-resources-directory .dirSearchControls ul.multiselect-container li a {
     color: #2A2623;
}
 #pla-course-list .modal .dirSearchControls .btn-group ul.multiselect-container li label.checkbox, .student-resources-directory .dirSearchControls ul.multiselect-container li label.checkbox {
     font-weight: inherit;
}
 #pla-course-list .modal .dirSearchControls .btn-group .dropdown-toggle::after, .student-resources-directory .dirSearchControls .select-container .btn-group .dropdown-toggle::after {
     content: none;
}
 #pla-course-list .modal .dirSearchControls .btn-group .multiselect span.multiselect-selected-text, .student-resources-directory .dirSearchControls .select-container .btn-group .multiselect span.multiselect-selected-text {
     text-transform:none;
}
/* END TEST MULTISELECT */


/* START JQUERY AUTOCOMPLETE SUGGESTIONS */
.hh-directory.autocomplete-suggestions {
    z-index: 29 !important;
}
/* END JQUERY AUTOCOMPLETE SUGGESTIONS */



#pla-course-list .row.dirSearchControls .searchDir #searchDir {
	 padding-right: 3.5em;
}
 #pla-course-list .row.dirSearchControls .searchDir .cavier-Cross {
	 right: calc(0.25rem + 23px);
	 position: absolute;
	 top: 0;
	 width: 20px;
	 height: 100%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 color: #2A2623;
}
 #pla-course-list .row.dirSearchControls .searchDir .cavier-Cross.hide {
	 display:none;
}
 #pla-course-list .row.dirSearchControls .searchDir .cavier-Cross:before {
	 z-index: 1;
}
 #pla-course-list .row.dirSearchControls .searchDir .cavier-Cross:hover .cross-bg, #pla-course-list .row.dirSearchControls .searchDir .cavier-Cross:focus .cross-bg {
	 background: #f4f4f4;
	 height: 20px;
	 width: 20px;
	 position: absolute;
	 border-radius: 20px;
	 z-index: 0;
}

@media (max-width:767px) {
    #searchControl2 {
		flex-direction: column-reverse;
	}
}