.SearchBoxInput{ padding:0;}
.SearchBoxInput .form-group { display:block; position:relative;width: 50%;}
.SearchBoxInput.navbar-form  label{     border-bottom-right-radius: 0;
    position: absolute;
    border-radius: 4px 0px 0px 4px;
    background: #764FB7;
    border-color: #764FB7;
    color: #fff;
    height: 42px;
    line-height: 42px;
    padding: 0 12px;
    font-weight: 700;}
.SearchBoxInput.navbar-form .form-control{ border-radius:4px; height:42px; width:100%; padding:0 0 0 85px; animation:inherit;}
.Advanced_Search_container.stylenone{ display:block; background:none; border:none;}
.Advanced_Search_container.stylenone label{ color:#666;}
.Advanced_Search_container .UISelectBox{float: left;    width: 52% !important;}
.Advanced_Search_container textarea{ width:52% !important; resize:none;}
.panel-body{ padding:0;}
/* Search results */
.searchresulttext{color: #353535;padding: 4px 16px 0px;  font-size: 11px; margin:0 -15px; position:relative;font-weight: 700;}
.ResultItems{ margin:10px 0 0px;}
.ResultItems li{ display:inline-block; margin:0px 10px 10px 0px;}
.ResultItems label{color:#666;  display: inline-block;  }
.ResultItems span{ border:1px solid #d4d4d4; background:#e7e4e4; color:#828080; border-radius:6px; padding:6px; margin:0 0 0 5px; font-weight:700;  display: inline-block;   }
.ResultItems span a{ color:#353535; margin:0 0 0 3px;}
.Performance_Link {
    color: #1d8ffe;
    font-size: 16px;
    height: 40px;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 40px;
}
.Profile_Link, .Performance_Link {
    color: #1d8ffe;
    font-size: 16px;
    position: absolute;
    right: 14px;
    top: 15px;
}
.Employee_Info {
    font-size: 14px;
    line-height: 24px;
}
.Employee_Info span img {
    border-radius: 50%;
    height: 100%;
    width: 100%;
}
.Employee_Avatar span {
    border-radius: 50%;
    display: inline-block;
    height: 60px;
    margin: 7px;
    width: 60px;
}
/*.Employee_detail div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}*/
.Employee_detail div.EmpName{margin-top: 4px;}
.Employee_detail div{margin-top: -6px;display: block;
    font-size: 0.857rem;}
.EmpName a {
     text-transform: capitalize;
    font-size: 1.285rem;
    font-family: 'Roboto Slab' !important;
    font-weight: 500;display: inline-block;line-height: 18px;
}
.BasicDetails li {
    line-height: normal;
    padding: 10px 0 0;
}
.BasicDetails span, .BasicDetails label {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.BasicDetails label {
    color: #808080;
    text-align: right;
    width: 40%;
}
.BasicDetails span {
    color: #373737;
   width: 60%;
}
.mask{ background-color: rgba(0, 0, 0, 0.5);  bottom: 0;  left: 0;  position: fixed;  right: 0;  top: 0;  z-index: 1040;}
.mask .spinner{ animation: 0.6s linear 0s normal none infinite running rotation;}
.ResultContainer{ padding:15px 5px;}
.ResultContainer .panel-heading{ background:#353535;}
.ResultContainer .panel-heading a{ color:#fff;}
.ResultContainer .changehistory td, .ResultContaine .changehistory th{ width:inherit;}
#ModifyModal .modal-dialog{ max-width: inherit; width:80%;}
#ModifyModal .modal-body,#ModifyModal .modal-footer{ background:#fff;}
#ModifyModal .panel-heading{ background:#eef1f6 ;}
#ModifyModal .modal-content{ box-shadow:none;}
#ModifyModal .btn-group.bootstrap-select,#ModifyModal .jstree-icon.jstree-ocl,#ModifyModal .jstree-default .jstree-anchor{float:left;}
#ModifyModal .jstree-default .jstree-node{ clear:both;}
.panel-title{ text-transform:uppercase;}
.SearchContainer .AutoSearch_Container{ z-index:999; left:74px; top:33px; right:0;}
.ContainerResults{display:none;}
.ContainerResults .searchresulttext{margin: 0 0px 15px;display: block;clear: both;}
.navbar-default .navbar-nav > li > a.FindPeople{ font-size:16px; color:#666; padding:17px 3px;}

/* #performance-tab-2 .SearchBoxInput.navbar-form .form-control{width:97.5%;} */
#performance-tab-2 .SearchBoxInput.form-group{ position:relative;}
#performance-tab-2 .FilterSettings{ position:absolute;right: 0px;top: 7px;}
/* .modal-body .panel-default > .panel-heading{ background:#242a30; color:#fff;} */
/*.modal-body ul li{ width:32%; display:inline-block; margin:0 0 5px;}
.modal-body ul li input{ float:left;}
.modal-body ul li label{float:left; margin:1px 0 0 5px;color:#666;}*/
.FilterBy{    font-size: 22px;
    margin: 20px -15px;
    border-top: 1px solid #d4d4d4;
    padding: 18px 15px 0;}
.gender_width .bootstrap-select-searchbox .input-block-level{width: 100% !important;}
.searchresulttext.row{ height:48px; padding:10px 15px 4px;}
  .Download{ color: #5c5c5c;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
   font-size:15px; padding:8px 10px 4px;
    background: #fff; position:absolute; right:15px; top:0;
	}
.Download i{float:left; margin:-2px 6px 0 0px;}
.Download:hover{border-color:#1c8efe; color:#1c8efe;}
.NewForm .FormIndividual .btn-group.bootstrap-select{width: 100% !important;}
.DatePickerBox {
    width: 140px !important;
    height: 42px;
    border-radius: 4px;
    outline: none;
    padding: 8px 10px 8px 35px !important;
}
.NewForm .FormIndividual .LocationTreeDIV .LocationTree {
    background: #fff url(../images/TreeIcon.png) no-repeat 9px 8px;
}
.NewForm .FormIndividual .LocationTreeDIV input {
    height: 36px !important;
    width: 100% !important;
}
.NewForm .FormIndividual .LocationTreeDIV input.LocationTree:focus, .NewForm .FormIndividual .LocationTreeDIV input.LocationTree:hover {
    border: 1px solid #353535;
}
.tab-overflow .nav.nav-tabs.plain-tab li:first-child{padding-left: 0px;}
 .panel-title .accordion-toggle,.panel-title a.accordion-toggle-styled{font-weight: 500;
    font-size: 15px;
    font-family: 'Roboto Slab';
    color: #353535;
    text-transform: capitalize;
    line-height: 18px;}
#modal-dialog.modal .panel  .panel-body ul li{width: 50%;float: left;}
#modal-dialog.modal .panel  .panel-body ul li label{margin: 5px 0px 10px 30px;}
.modal .modal-header .modal-title{font-size: 18px;}
.panel-title .collapseoption {
    position: absolute;
    right: 15px;
    top: 10px;
}
.collapseoption .icon-DownArrow {
    display: inline-block;
    font-size: 9px;
    transform: rotate(180deg);
    margin-top: -3px;
}
/*.panel.ToggleDiv .panel-title .collapseoption i {
    transform: inherit;
}*/
.panel-heading .panel-title{position: relative;}
.EmpName a i.icon-ProfileRedirect{margin-left: 0.285rem;font-size: 1rem;display: none;}
.Employee_Info .EmpName:hover a i.icon-ProfileRedirect{display: inline-block;}
.Employee_Info .LeftCard,.Employee_Info .Employee_detail{display: inline-block;}
.Container .NewForm .FormIndividual span,.Container .NewForm .FormIndividual label{width: 100%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.MoreDropdown{position: absolute;right: 0px;top: 0px;}
.MoreDropdown .btn.dropdown-toggle{background: transparent;border: 0px;}
.MoreDropdown .btn.dropdown-toggle:focus{box-shadow: none;border: 0px;}
.SearchName{margin: 2px 0 0 10px;}
.Container .Boxshadow {padding: 16px 16px 0;}
.Container .Boxshadow .OuterBorderImg,.Container .Boxshadow .OuterBorderEmpty{width: 42px;height: 42px;}
.ContainerResults .Container:nth-child(even){padding: 0px 16px 16px;}
.ContainerResults .Container:nth-child(odd){padding: 0px 0px 16px 0px;}
.Container .Boxshadow .OuterBorderEmpty{line-height: 36px;}
.ClearSection .ClearSection,.searchresulttext{display: inline-block;}
.SearchContainer .AutoSearch_Container{width: 50%;}
/*.AdvancedSection .SearchBoxInput{width: 94%;}*/
@media (min-width: 768px) and (max-width: 1023px){
.Container{width: 50%;}
.SearchResults .Container{width: 100%;padding: 0px;margin-bottom: 16px;}
.SearchResults .col-sm-12{width: 100%;}
.ContainerResults .Container:nth-child(odd){padding: 0px 16px 16px 0px;}
.Employee_Info .Employee_detail{width: 70%;}
}
/*.Boxshadow{height: auto;}*/