/*
===========================================================================
    LISTING
===========================================================================
*/
.euiDirectory .dirSearch{
background:#F7F8F7;
padding:20px;
border: 1px solid #D1D1D1;
}
.dirSearch .sys_search-label{
display:none;
}
#mainSearch{
max-width:380px;
}
.chosen-container{
width:100%!important;  
}
select + .chosen-container.chosen-container-single .chosen-single,
select + .chosen-container .chosen-search input[type=text]{
border-radius:0;
}
.euiDirectory .dirSearch .sys_selector-label{
width:auto;
display:inline-block;
}
.dirSearch #submit,
.searchIntro{
margin-top:10px;  
}
.euiDirectory .sys_atoz-control{
display:none;
}
.directoryListing .sys_flickrpager{
margin:20px 0;
text-align:center;
}
.directoryListing .sys_flickrpager .sys_paginginfo{
float:none;  
}
.directoryListing dt{
float:left;
width:30px;
}
.directoryListing dd{
padding-left:30px;
margin-bottom:10px;
}
h3.sys_subitem-heading.sys_whoswhodirectory-subheading,
.profileInfo h3{
border-bottom:1px solid rgb(227, 227, 227);
padding-bottom:10px;
}
.directoryItemInner{
border:1px solid rgb(227, 227, 227);
padding:20px;
min-height:420px;
  max-height: 420px;
  overflow: hidden;
margin-bottom:20px;
}

.directoryItemInnerIsotope {
     border: 1px solid rgb(227, 227, 227);
     padding: 20px; 
     min-height: 400px; 
    /* max-height: 400px; */
    /* overflow: hidden; */
     margin-bottom: 20px;
}

.directoryItemInner .directoryInner .sys_thumbnail{
/*
  width:85px;
height:85px;
overflow:hidden;
*/
}
/*
===========================================================================
	PAGER
===========================================================================
*/

.directoryListing .sys_flickrpager{
clear:both;
color:#0085c2;
overflow:auto;
padding-top:20px;
border-top:0 none;
}
.directoryListing .sys_paginginfo{
font-size:12px;
line-height:28px;
color:#4A4A4A;
margin-bottom:15px;
}
.directoryListing .sys_flickrpager .sys_navigation{
float:none;
display:inline-block;  
}
.directoryListing .sys_flickrpager .sys_navigationnext{
display:inline-block;
vertical-align:top;
position:relative;
height:28px;
line-height:28px;
}
.sys_flickrpager .sys_page{
background-color:#fff;
margin-right:5px;
overflow:hidden;
border:1px solid #ccc;
text-align:center;
line-height:28px;
display:inline-block;
width:28px !important;
height:28px !important;
}
.sys_flickrpager .sys_page a,
.sys_flickrpager .sys_page > span{
position:relative;
bottom:1px;
color:#0085C2;
width:28px;
}
.sys_flickrpager .sys_page a:hover{
color:#fff;
background:#4d4d4d;
width:28px;
}
.sys_flickrpager .sys_page.sys_selected > span,
span.sys_pagerInfo{
color:#4d4d4d;
}
.sys_flickrpager .sys_navigationnext,
.sys_flickrpager .sys_navigationprevious{
position:relative;
background-image:none !important;
}
.sys_flickrpager .sys_navigationnext span,
.sys_flickrpager .sys_navigationprevious span,
.sys_flickrpager .sys_navigationnext a,
.sys_flickrpager .sys_navigationprevious a{
font-size:0;
}
.sys_flickrpager .sys_navigationnext{
margin-left:20px;
margin-right:10px;
}
.sys_flickrpager .sys_navigationprevious{
margin-right:20px;
height:28px;
line-height:28px;
}
.sys_flickrpager .sys_navigationnext a:after,
.sys_flickrpager .sys_navigationnext > span:after,
.sys_flickrpager .sys_navigationprevious a:before,
.sys_flickrpager .sys_navigationprevious > span:before{
content:"";
width:0;
height:0;
border-style:solid;
display:inline-block;
}
.sys_flickrpager .sys_navigationprevious a:before,
.sys_flickrpager .sys_navigationprevious > span:before{
margin-right:10px;
border-width:5px 10px 5px 0px;
border-color:transparent #004a7c transparent transparent;  
}
.sys_flickrpager .sys_navigationnext a:after,
.sys_flickrpager .sys_navigationnext > span:after{
margin-left:10px;
border-width:5px 0 5px 10px;
border-color:transparent transparent transparent #004a7c;
}
.sys_flickrpager .sys_navigationnext a span, 
.sys_flickrpager .sys_navigationprevious a span, 
.sys_flickrpager .sys_navigationnext span span, 
.sys_flickrpager .sys_navigationprevious span span{
display:none;
}
.sys_flickrpager .sys_disabled{
opacity:0.5;
color:#999999;
}

/*
===========================================================================
	DETAIL
===========================================================================
*/
.directoryRecord{
margin-top:30px;
}
.profileHead .col-md-9 h1{
margin-top:0;
}
.userDep{
margin-bottom:10px;
}
.userDep .sys_directory_dept{
margin-bottom:0;
}
.role .userDep strong{
display:block;
}

/*
===========================================================================
	SOCIAL MEDIA
===========================================================================
*/
.profileInfo.socialIcons ul{
padding:0;
}
.profileInfo.socialIcons ul li{
display:inline;
}
.profileInfo.socialIcons ul li:before{
display:none;
}
.profileInfo.socialIcons ul li a{
display:inline-block;
font-size:18px;  
}

/*
===========================================================================
	EDIT PROFILE
===========================================================================
*/
.euiDirectory fieldset{
margin-bottom:2em;
background:#e3e3e3;
padding:5rem 2rem 2rem 2rem;
position:relative;
color:#555;
}
fieldset legend{
display:block;
color:#fff;
background:#2583c0;
position:absolute;
top:0;
left:0; 
padding:.7rem 1.2rem;
border:0 none;
font-size:1.8rem;
}
.euiDirectory fieldset label{
display:inline-block;
margin-top:10px;
}
.euiDirectory #ctl31_SexLabel,
.euiDirectory #ctl31_DateOfBirthLabel,
.euiDirectory #ctl31_RelationshipStatusLabel,
.euiDirectory #ctl80_languageLabel,
.euiDirectory #ctl80_changePasswordLabel{
display:block;
}
.sys_dateofbirth{
clear:both;
display:table;
width:100%; 
}
.sys_dateofbirth select#DateOfBirth-month{
margin:15px 0;
}
.euiDirectory .sys_general input[type="checkbox"]{
margin-left:10px;
}
.sys_form-set input.sys_delete-avatar-checkbox{
width:auto;
padding:.3rem;
margin-right:.4rem;
display:inline-block;
}
.sys_form-set .sys_delete-avatar-label{
padding:0;
}
/* ??? */
.sys_button-set input{
background:#428BCA;
color:#fff;
border:0 none;
padding:.6rem 1.4rem;
margin-right:1rem;
border:1px solid #357EBD;
}
.profileHead .sys_editProfile{
display:inline-block;
padding:.8rem 1.1rem;
text-align:center;
height:3.6rem;
background:#04579d;
line-height:2rem;
vertical-align:top;
}
.euiDirectory fieldset.sys_options{
background:none;
padding:0;
}
.sys_options legend{
display:none;
}
.euiDirectory #WhosWhoProfile_ChangePasswordFieldset_ChangePasswordControl_SubmitButton,
.euiDirectory #WhosWhoProfile_ChangePasswordFieldset_ChangePasswordControl_CancelButton,
.sys_button-set .sys_button,
#ctl80_changePassword{
display:inline-block;
margin-bottom:0;
font-weight:normal;
text-align:center;
vertical-align:middle;
cursor:pointer;
background-image:none;
border:1px solid transparent;
white-space:nowrap;
padding:6px 12px;
font-size:14px;
line-height:1.42857143;
color:#fff;
background-color:#d9534f;
border-color:#d43f3a;  
}
.euiDirectory #WhosWhoProfile_ChangePasswordFieldset_ChangePasswordControl_SubmitButton,
.sys_button-set .sys_saveprofile-button,
#ctl80_changePassword{
background:#2583c0;
border:1px solid #2583c0;
color:#FFF;
margin-right:15px;
}
#WhosWhoProfile_ChangePasswordFieldset .sys_buttonset{
margin-top:15px;
}
/* Hide unnecessary fields */
.sys_sex,
.sys_dateofbirth,
.sys_relationshipstatus,
.sys_website,
.sys_blogurl,
.sys_location,
.sys_company,
.sys_jobtitle,
.sys_jobrole,
.sys_mobile,
.sys_addressdetails,
.sys_accountdetails,
.sys_avatar,
.sys_biography,
.sys_general,
.sys_aim,
.sys_icq,
.sys_googletalk,
.sys_jabber,
.sys_windowslive,
.sys_facebook,
.sys_youtube,
.sys_pinterest,
.sys_googleplus,
.sys_reddit,
.sys_instagram,
.sys_tumblr,
.sys_academia,
.sys_researchgate,
.sys_personalwebsite2,
#ctl230{
display:none;
}


.euiDirectory .btn.selected {
    background: #2583C0;
    color: white;
}
.euiDirectory .btn {
    text-shadow: none;
    margin-bottom:10px;
}

/*Website and projects search*/
.website_search_type {
    width: 100%;
    /*background-color: #2583C0;*/
   /* color: white;*/
    font-weight: 300;
    padding: 6px 20px;
    margin-bottom: 0;
    text-align: right;
  border: 1px solid #ddd;
    border-bottom: 0;
}
.intranet .website_search_type{
  background-color:#f06600; 
  color:white;
}

.search_websites .directoryItemInnerIsotope {
    min-height: inherit;
}


/*
############################################################################
============================================================================
### CUSTOM MEDIA QUERIES ###################################################
============================================================================
############################################################################   
*/

/*
============================================================================
    Mobile First Method
============================================================================ 
*/ 

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px){
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px){

}

@media only screen and (min-width : 768px){
  
  	.dirSearch #submit{
  	margin:0; 
  	}
  	.euiDirectory .sys_atoz-control{
	display:block;
	border:0 none;
    height:auto;
	}
	.euiDirectory .sys_atoz-control ul{
    padding:0;
    }
  	.euiDirectory .sys_atoz-control li{
  	display:inline-block;
    float:none;
	margin:0;
	width:24px;
  	height:24px;
    }
  	.euiDirectory .sys_atoz-control li a{
    color:#2583c0;
    background:#F7F8F7;
    }
   	.euiDirectory .sys_atoz-control li a:hover,
  	.euiDirectory .sys_atoz-control li.sys_selected a{
    color:#FFF;
    background:#2583c0;
    }
  	.sys_atoz-control .view-all a{
  	width:80px;
	}
  	.euiDirectory .sys_atoz-control li.sys_noresults span{
    color:#777;  
    }
  	.euiDirectory .sys_atoz-control li a,
  	.euiDirectory .sys_atoz-control li.sys_noresults span{
    font-weight:normal;
    padding:0;
    line-height:24px;
    }
  	.euiDirectory .sys_atoz-control li.sys_noresults{
    background:#F7F8F7;
    }
  	.directoryListing .sys_flickrpager .sys_paginginfo{
    float:left;  
    }
 	.directoryListing .sys_flickrpager .sys_navigation{
	float:right;
	}
    .sys_flickrpager .sys_navigationnext span,
    .sys_flickrpager .sys_navigationprevious span,
    .sys_flickrpager .sys_navigationnext a,
    .sys_flickrpager .sys_navigationprevious a{
    font-size:14px;
    }
  	.sys_dateofbirth select{
	display:inline-block;
	float:left;
	width:30%; 
	}
	.sys_dateofbirth select#DateOfBirth-month{
	margin:0 15px;
	}  
  	.sys_avatar-image-holder{
  	width:50%;
  	float:right;
  	}
  	.sys_avatar-image-group .sys_spanlabel{
 	float:left;
  	width:50%;
  	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){
  	.euiDirectory .sys_atoz-control li{
	width:30px;
  	height:30px;
    }
  	.euiDirectory .sys_atoz-control li a,
  	.euiDirectory .sys_atoz-control li.sys_noresults span{
    line-height:30px;
    }
  
}