#idSearchPanel {
    position:absolute;
    width:300px;
    bottom: 45px;
    border-radius: 8px 8px 0 0;
    border-bottom:0;
    right: 0;
    height:0;
    box-shadow: -1px -1px 18px rgba(0, 0, 0, .175);
    -moz-transition: height 0.5s;
    -ms-transition: height  0.5s;
    -webkit-transition: height  0.5s;
    transition: height 0.5s
}
#idSearchPanel.open {bottom: 48px;
    -moz-transition: height 0.5s;
    -ms-transition: height  0.5s;
    -webkit-transition: height  0.5s;
    transition: height 0.5s}
.sfFooterFunActive i {color: #ffffff !important}
#idSearchPanelFooter i{color: #05A4D8}

#idSearchPanelHeader,
#idCommHRPanelHeader,
#idCompInfoPanelHeader{
    color: #f8f8f8;
    background: -webkit-linear-gradient(left, #05A4D8 0%, #00ace6 50%,#05A4D8 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right,#05A4D8 0%, #00ace6 50%,#05A4D8 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,#05A4D8 0%, #00ace6 50%,#05A4D8 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #05A4D8 0%, #00ace6 50%,#05A4D8 100%); /* Standard syntax */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#05A4D8', endColorstr='#05A4D8');/*For IE7-8-9*/
    position:relative;
    font-weight:bold;
    font-size:14px;
    width: 100%;
    border-radius: 5px 5px 0 0;
    padding: 6px
}
#idCompInfoPanelHeader i,
#idCommHRPanelHeader i,
#idSearchPanelHeader i {
    float:right;
    cursor:pointer;
    font-size:16px;
    padding-right: 8px;
    color: #025874;
    margin-right: 3px
}
#idSearchPanelHeader i:hover {color: #fff;}
#idSearchPanelHeader i.sfUnTack {color: #fff;margin-right: 3px}

#idSearchPanelContent {position:absolute;bottom:0px; top:28px; left:0; right:0; width:300px; overflow:hidden; }
#idSearchPanelContent > ul > li > a {
    outline: none;
    padding: 0.5em 0.6em;
}
#idSearchPanelContent.ui-corner-all,#idSearchPanelContent > ul.ui-corner-all {border-radius: 0px}
#idSearchPanelContent.ui-widget-content{border:none}
#idSearchPanelContent.ui-tabs {padding: 0; width: 100%}
#idSearchPanelContent .ui-widget-header {border: none;border-bottom: 1px solid #EAEAEA}
#idSearchPanelContent.ui-tabs .ui-tabs-nav{padding: 0}
#idSearchPanelContent.ui-tabs .ui-tabs-nav li{margin: 0;border-radius: 0px}
#idSearchPanelContent.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom: 0px; padding-bottom: 0px}
#idSearchPanelContent.ui-tabs .ui-tabs-panel{padding: 0px; width: 100%;}
#idSearchPanelContent .ui-state-active i{ background: none;color:#05A4D8 }
#idSearchPanelContent li.ui-state-default { border:none;border-right: 1px solid #cccccc}
#idSearchPanelContent .ui-state-active { background: none;color:#05A4D8;}
#idSearchPanelContent > div { overflow-y:auto;position: absolute; bottom: 0px;top:33px}
#idSearchPanelContent table {position:relative; margin:5px; border-collapse:separate; border-spacing: 5px}
#idSearchPanelContent table tr {height:45px; width:286px; margin-bottom:2px}
#idSearchPanelContent table td {cursor:pointer}
#idSearchPanelContent table tr > td:nth-child(1){width: 55px;  min-width: 55px;  height: 45px;  position: relative;  text-align: center;  }
#idSearchPanelContent table tr > td img {width:45px; height:45px;  border: 2px solid transparent;  position: absolute;  top:0; left:0;  background: #fff; border-radius:50%  }
#idSearchPanelContent table tr > td:nth-child(2) {width:231px; height:45px; border-bottom: 1px solid #ccc;text-align: left}
#idSearchPanelContent table tr:hover > td:nth-child(2) {border-bottom-color: #05A4D8;}
#idSearchPanelContent table tr:hover > td img {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    border: 2px solid #05A4D8;
}
#idSPCTab3 div,#idSPCTab3 div.ui-state-focus{border:none;border-radius: 0;background-color: #fafafa;outline: none;}
#idSPCTab3 div.ui-state-active,
#idSPCTab3 div.ui-state-hover{background:#cde6f6;border:none;border-radius: 0;outline: none;}
#idSPCTab3 .ui-state-active .ui-icon,
#idSPCTab3 .ui-state-focus .ui-icon,
#idSPCTab3 .ui-state-hover .ui-icon{background-image: url("../vendor/jquery-ui-1.13.2/images/ui-icons_369_256x240.png");}
#idSPCTab3 .ui-accordion-content{padding: 0;border: none;}
#idSearchPanelFooter {
    display: inline-flex;
    position: relative;
    z-index: 10001;
    background-color: #ffffff;
    height: 50px;
    width:100%;
    padding:7px 6px;
    border-bottom: none;
    box-shadow: -1px -1px 18px rgba(0, 0, 0, .175);
    justify-content: flex-end;
}
#idSearchPanelFooter span { border: 1px solid #cccccc; border-radius: 4px; display: inline-block; height: 34px; line-height: 34px; text-align: center }
#idSearchPanelFooter span:nth-child(1){width: 36px}
#idSearchPanelFooter span:nth-child(2){width: 207px; border-right:none; border-radius: 4px 0 0 4px;margin-left: 5px}
#idSearchPanelFooter span:nth-child(2) input{border: none;width: 200px;font-weight: bold}
#idSearchPanelFooter span:nth-child(2) input:focus {outline: none;}
#idSearchPanelFooter span:nth-child(3){width: 36px; border-left: none; border-radius: 0 4px 4px 0}

/******************** Comment box && Company info box ***************/
#idCommHRBox ,#idCompInfoBox {
    bottom: 50px;
    width:300px;
    min-height: 0;
    height: 0;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    z-index: 2;
    background: #ffffff;
}
#idCommHRPanelContent,
#idCompInfoPanelContent {
    width:298px;
    max-width:298px;
    height:170px;
    max-height:170px;
    border-radius:0;
    overflow-y:auto;
    overflow-x:hidden;
    margin: 1px;
}
#idCompInfoPanelContent {padding: 4px}
#fEmpToMailList_chosen {margin-left: 1px}