.window .title.callTransfer {
  padding-left: 20px;
  background-image: url(../images/icons/ico_transfer.png);
  background-position: left center;
  background-repeat: no-repeat;
  font-size: 12px;
  padding-bottom: 2px;
  width: 215px;
}
.window .caller {
  overflow: hidden;
}
.window .dialpad {
  margin: auto;
}
.window .dialButton {
  cursor: pointer;
  width: 46px;
  height: 44px;
  border-radius: 3px;
  background-color: #a3b8cf;
  text-align: center;
  float: left;
  margin: 5px;
  align-self: center;
}
.window .dialButton:hover {
  background-color: #e5eff9;
}
.window .dialButton:active,
.window .dialButton.active {
  background-color: #8497ad;
}
.window .dialButton .number {
  font-weight: bold;
  color: #313131;
  font-size: 18px;
}
.window .dialButton .number.star {
  font-size: 36px;
  margin-top: 2px;
}
.window .dialButton .number.zero {
  margin-top: 7px;
}
.window .dialButton .number.pound {
  font-size: 20px;
  margin-top: 6px;
}
.window .dialButton .text {
  color: #313131;
  font-size: 8px;
  padding: 0;
}
.outgoingCall {
  overflow: hidden;
}
.outgoingCall .sep {
  margin: 13px 0px 9px 0px;
}
.outgoingCall .tabButton {
  width: 43px;
  height: 29px;
  background-color: #343d45;
  font-size: 11px;
  color: white;
  cursor: pointer;
  text-align: center;
  line-height: 25px;
  border-right: 1px solid #495968;
}
.outgoingCall .tabButton.disabled {
  color: #788a9f;
}
.outgoingCall .tabButton:last-child {
  border-right: none;
}
.outgoingCall .tabButton.on {
  background-color: #64768A;
}
.outgoingCall .tabButton .icon {
  margin: 0 auto;
  width: 22px;
  height: 22px;
  background-position: center center;
  background-repeat: no-repeat;
}
.outgoingCall .tabButton .icon.recent {
  background-image: url(../images/Icons/ico_recent.png);
}
.outgoingCall .tabButton .icon.recent.disabled {
  background-image: url(../images/Icons/ico_recent_d.png);
}
.outgoingCall .tabButton .icon.users {
  background-image: url(../images/Icons/ico_users.png);
}
.outgoingCall .tabButton .icon.users.disabled {
  background-image: url(../images/Icons/ico_users_d.png);
}
.outgoingCall .tabButton .icon.system {
  background-image: url(../images/Icons/ico_system.png);
}
.outgoingCall .tabButton .icon.system.disabled {
  background-image: url(../images/Icons/ico_system_d.png);
}
.outgoingCall .tabButton .icon.speedDial {
  background-image: url(../images/Icons/ico_speed_dial.png);
}
.outgoingCall .tabButton .icon.speedDial.disabled {
  background-image: url(../images/Icons/ico_speed_dial_d.png);
}
.outgoingCall .tabButton .icon.dialpad {
  background-image: url(../images/Icons/ico_dialpad.png);
}
.outgoingCall .tabButton .icon.dialpad.disabled {
  background-image: url(../images/Icons/ico_dialpad_d.png);
}
.outgoingCall .tabButton .icon.communicatorContacts {
  background-image: url(../images/Icons/ico_communicatorContacts.png);
}
.outgoingCall .tabButton .icon.communicatorContacts.disabled {
  background-image: url(../images/Icons/ico_communicatorContacts_d.png);
}
.outgoingCall .callNumberPanel {
  height: 25px;
  padding: 10px 10px 5px 10px;
}
.outgoingCall .callNumberPanel.disabled {
  background-color: #495968;
}
.outgoingCall .callNumberPanel .searchBoxContainer {
  background-color: white;
  background-image: url(../images/Icons/ico_magnifying_glass.png);
  background-position: left 10px center;
  background-repeat: no-repeat;
  border-radius: 3px;
  width: 190px;
  margin: auto;
  padding-left: 30px;
  margin-top: 2px;
}
.outgoingCall .callNumberPanel .searchBoxContainer.disabled {
  background-color: #67788b;
}
.outgoingCall .callNumberPanel .searchBoxContainer .searchBox {
  margin: 0;
  border: none;
  background-color: transparent;
  color: #313131;
  outline-width: 0px;
  box-shadow: none;
  width: 186px;
  font-size: 12px;
}
.outgoingCall .callNumberPanel .searchBoxContainer .searchBox::-webkit-input-placeholder {
  color: #6b6d70;
}
.outgoingCall .callNumberPanel .searchBoxContainer .searchBox:-moz-placeholder {
  /* Firefox 18- */
  color: #6b6d70;
}
.outgoingCall .callNumberPanel .searchBoxContainer .searchBox::-moz-placeholder {
  /* Firefox 19+ */
  color: #6b6d70;
}
.outgoingCall .callNumberPanel .searchBoxContainer .searchBox:-ms-input-placeholder {
  color: #6b6d70;
}
.outgoingCall .callNumberPanel .btnDial {
  width: 23px;
  height: 23px;
  cursor: pointer;
  background-image: url(../images/Icons/btn_dial.png);
}
.outgoingCall .callNumberPanel .btnDial:hover {
  background-image: url(../images/Icons/btn_dial_h.png);
}
.outgoingCall .callNumberPanel .btnDial:active {
  background-image: url(../images/Icons/btn_dial_a.png);
}
.outgoingCall .callNumberPanel .btnDial.disabled {
  background-image: url(../images/Icons/btn_dial_d.png);
  cursor: default;
  /*Verify that the icon won't changed during hover state*/
}
.outgoingCall .callNumberPanel .btnDial.disabled:hover,
.outgoingCall .callNumberPanel .btnDial.disabled:active {
  background-image: url(../images/Icons/btn_dial_d.png);
}
.outgoingCall .callNumberPanel .callerID {
  color: #ffffff;
}
.outgoingCall .callNumberPanel .callerID .callersText {
  float: left;
  font-size: 12px;
}
.outgoingCall .callNumberPanel .callerID .allcallersButton {
  cursor: pointer;
  display: inline-block;
  height: 16px;
  width: 250px;
  margin-top: 1px;
  padding-left: 2px;
  background-image: url(../images/icons/drop_down_arrow.png);
  background-position: right 0px top 5px;
  background-repeat: no-repeat;
  position: relative;
}
.outgoingCall .callNumberPanel .callerID .allcallersButton .callerTitle {
  width: 240px;
  height: 16px;
  overflow: hidden;
}
.outgoingCall .callNumberPanel .callerID .allcallersButton .callerTitle .selectedCallerNumber {
  padding-left: 6px;
}
.outgoingCall .callNumberPanel .callerID .allcallersButton .callersList {
  list-style-type: none;
  background-color: #64768A;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin: 21px 0px 0px -65px;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  width: 264px;
  z-index: 50;
  top: -2px;
  left: 62px;
  border: 1px solid #8194a8;
  max-height: 128px;
}
.outgoingCall .callNumberPanel .callerID .allcallersButton .callersList ul {
  /*margin-left: 62px;*/
}
.outgoingCall .callNumberPanel .callerID .allcallersButton .callersList ul .selectedItem {
  cursor: pointer;
  background-color: #94b9d1;
}
.outgoingCall .callNumberPanel .callerID .allcallersButton .callersList ul {
  cursor: pointer;
  margin-top: 3px;
}
.outgoingCall .callNumberPanel .callerID .allcallersButton .callersList li#callers {
  font-size: 12px;
  font-weight: normal;
  list-style-type: none;
  border-bottom: 1px solid #8194a8;
  border-left: 1px solid #8194a8;
  border-right: 1px solid #8194a8;
  border-radius: 1px;
  color: #ffffff;
  font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
  padding: 2px 0px 2px 4px;
  vertical-align: middle;
  height: 20px;
  margin-left: -41px;
  width: 264px;
  overflow: hidden;
}
.outgoingCall .callNumberPanel .callerID .allcallersButton .callersList li#callers:hover {
  cursor: pointer;
  background-color: rgba(148, 185, 209, 0.54);
}
.outgoingCall .callNumberPanel .btnTransfer {
  width: 23px;
  height: 23px;
  cursor: pointer;
  background-image: url(../images/Icons/transfer.png);
}
.outgoingCall .callNumberPanel .btnTransfer:hover {
  background-image: url(../images/Icons/transfer_hover.png);
}
.outgoingCall .callNumberPanel .btnTransfer:active {
  background-image: url(../images/Icons/transfer_clicked.png);
}
.outgoingCall .callNumberPanel .btnTransfer.disabled {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  cursor: default;
  /*Verify that the icon won't changed during hover state*/
}
.outgoingCall .callNumberPanel .btnTransfer.disabled:hover,
.outgoingCall .callNumberPanel .btnTransfer.disabled:active {
  background-image: url(../images/Icons/transfer.png);
}
.outgoingCall hr.sep {
  background-color: #495968;
  margin-bottom: 10px;
}
.outgoingCall div.sep {
  background-color: #495968;
  height: 1px;
}
.outgoingCall .dialpad {
  width: 170px;
  height: 270px;
  margin-top: 50px;
}
.outgoingCall .dialpad .dialButton .dialContentPanel {
  margin-top: 0;
}
.transferSystem {
  font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}
.transferSystem .EntryPointsList {
  background-color: #fff;
  border-radius: 3px;
  margin: 4px;
  margin-top: 8px;
  height: 305px;
  overflow: auto;
}
.transferSystem ul#EntryPoints {
  margin-top: 10px;
  margin: 0px;
  padding: 0;
  cursor: pointer;
}
.transferSystem ul#EntryPoints li {
  list-style: none;
  border-bottom: 1px solid #ced8e2;
  font-weight: bold;
  color: rgba(49, 49, 49, 0.81);
  padding: 5px 0px 6px 8px;
  vertical-align: middle;
  height: 27px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.transferSystem ul#EntryPoints li:hover {
  cursor: pointer;
  background-color: #d1dbe5;
  color: #000;
  display: block;
  background-position: right 5px top 10px;
}
.transferSystem ul#EntryPoints li:hover .attendable {
  background-image: url(../images/Icons/ico_small_dial.png);
  background-repeat: no-repeat;
}
.transferSystem ul#EntryPoints li:hover .notAttendable {
  background-image: url(../images/Icons/ico_small_transfer.png);
  background-repeat: no-repeat;
}
.transferSystem ul#EntryPoints li .entrypointsinfo {
  display: inline-block;
  width: 125px;
  height: 27px;
  float: left;
}
.transferSystem ul#EntryPoints li .entrypointsinfo .name {
  color: rgba(49, 49, 49, 0.81);
  height: 14px;
  overflow: hidden;
  width: 125px;
  font-size: 11px;
}
.transferSystem ul#EntryPoints li .entrypointsinfo .attend {
  color: #00A000;
}
.transferSystem ul#EntryPoints li .entrypointsinfo .description {
  padding-top: 1px;
  font-size: 10px;
  color: rgba(49, 49, 49, 0.46);
  height: 13px;
  overflow: hidden;
  width: 125px;
}
.transferSystem .enterParam {
  display: none;
  float: left;
  font-size: 8px;
  resize: none;
  border-radius: 3px;
  margin-left: 12px;
  height: 20px;
  width: 70px;
}
.transferSystem .enterParam.showParam,
.transferSystem .enterParam:hover,
.transferSystem .enterParam:active {
  display: inline-block;
  padding-top: 0px 0px 0px 1px;
  vertical-align: middle;
  overflow: hidden;
  margin-top: 4px;
  float: left;
}
.transferSystem .phoneIcon {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 4px 3px 0px 0px;
  background-color: transparent;
  float: right;
}
.transferSystem .selectedPoint {
  cursor: pointer;
  background-color: #DEE9F5;
  background-position: right 5px top 10px;
  background-repeat: no-repeat;
}
.transferSystem .selectedPoint .attendable {
  background-image: url(../images/Icons/ico_small_dial.png);
  background-repeat: no-repeat;
}
.transferSystem .selectedPoint .notAttendable {
  background-image: url(../images/Icons/ico_small_transfer.png);
  background-repeat: no-repeat;
}
.transferSpeedDial {
  font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}
.transferSpeedDial .speedDialList {
  background-color: #fff;
  border-radius: 3px;
  margin: 8px 3px 3px 3px;
  height: 305px;
  overflow: auto;
}
.transferSpeedDial .speedDialList .speedDialIcon {
  width: 15px;
  height: 15px;
  float: left;
  margin: 6px 5px 0px 5px;
  background-image: url(../images/Icons/ico_recentlist_speed.png);
}
.transferSpeedDial .speedDialList .speedDialFolderIcon {
  width: 16px;
  height: 14px;
  margin-top: 3px;
  float: left;
  margin: 6px 5px 0px 5px;
  background-image: url(../images/Icons/ico_recentlist_speedFolder.png);
}
.transferSpeedDial .speedDialList .SPHeader .SPBack {
  height: 19px;
  width: 20px;
  background: url("../images/CannedPhrases/Back.png") no-repeat;
  float: left;
  cursor: pointer;
  margin: 3px 0px 0px 2px;
}
.transferSpeedDial .speedDialList .SPHeader .SPBack.SPBackHide {
  background: none;
}
.transferSpeedDial .speedDialList .SPHeader .SPTitle {
  text-transform: uppercase;
  font: 11px Arial;
  color: #434b53;
  background-color: #d2e7f8;
  height: 22px;
  font-weight: bold;
  padding: 3px 0px 0px 3px;
}
.transferSpeedDial .speedDialList .SpeedDials {
  cursor: pointer;
  padding: 0;
  margin-bottom: 0px;
}
.transferSpeedDial .speedDialList .SpeedDialRow {
  margin-left: 0px;
  list-style: none;
  border-bottom: 1px solid #ced8e2;
  font-weight: bold;
  color: rgba(49, 49, 49, 0.81);
  padding: 5px 0px 4px 8px;
  vertical-align: middle;
  height: 25px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.transferSpeedDial .speedDialList .SpeedDialRow:hover {
  cursor: pointer;
  background-color: #d1dbe5;
  color: #000;
  background-position: right 10px center;
  background-repeat: no-repeat;
  border-radius: 3px;
}
.transferSpeedDial .speedDialList .SpeedDialFolder:hover {
  background-image: url(../images/CannedPhrases/click_to_open.png);
}
.transferSpeedDial .speedDialList .SpeedDial .caption {
  color: rgba(49, 49, 49, 0.81);
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  background-color: transparent;
  margin-top: 4px;
  width: 100px;
  height: 18px;
}
.transferSpeedDial .speedDialList .SpeedDial .value {
  color: rgba(79, 82, 85, 0.82);
  display: inline-block;
  padding-top: 0px;
  font-size: 11px;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 4px;
  height: 18px;
  max-width: 85px;
  font-weight: 600;
}
.transferSpeedDial .speedDialList .SpeedDial .speedDialInfo {
  width: 215px;
  margin-left: 4px;
  float: left;
}
.transferSpeedDial .speedDialList .SpeedDial .phoneIcon {
  cursor: pointer;
  background-image: url(../images/Icons/ico_small_dial.png);
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 2px -20px 0px 0px;
  background-color: transparent;
  float: right;
  background-repeat: no-repeat;
}
.transferUser {
  font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}
.transferUser .transferUser-long-word-ellipsis {
  overflow-x: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow-y: hidden;
}
.transferUser .upButtons {
  height: 20px;
  width: 270px;
  font-size: 10px;
  color: #c5d2e1;
  margin-left: 2px;
  position: relative;
}
.transferUser .upButtons .selectedUserList {
  cursor: pointer;
  color: #313131;
  background-color: #b2c1d1;
}
.transferUser .upButtons .allStatesButton {
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 70px;
  margin-right: 15px;
  float: left;
  background-image: url(../images/icons/drop_down_arrow.png);
  background-position: right 0px top 3px;
  background-repeat: no-repeat;
  position: relative;
}
.transferUser .upButtons .allStatesButton:hover {
  color: #ffffff;
  background-image: url(../images/icons/drop_down_arrow_hover.png);
}
.transferUser .upButtons .allStatesButton:active {
  background-image: url(../images/icons/drop_down_arrow_hover.png);
}
.transferUser .upButtons .allStatesButton .stateList {
  list-style: none;
  background-color: #64768A;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin: 3px 0px 0px 0px;
  max-height: 145px;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  width: 75px;
  z-index: 50;
}
.transferUser .upButtons .allStatesButton .stateList ul {
  margin-left: 0px;
}
.transferUser .upButtons .allStatesButton .stateList ul .selectedItem {
  cursor: pointer;
  background-color: #94b9d1;
}
.transferUser .upButtons .allStatesButton .stateList ul#states {
  cursor: pointer;
  margin-top: 3px;
}
.transferUser .upButtons .allStatesButton .stateList ul#states li {
  font-size: 10px;
  font-weight: normal;
  list-style: none;
  border-bottom: 1px solid #8194a8;
  color: #ffffff;
  padding: 2px 15px 2px 4px;
  vertical-align: middle;
  height: 16px;
  margin-left: -40px;
  width: 75px;
  overflow-x: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow-y: hidden;
}
.transferUser .upButtons .allStatesButton .stateList ul#states li:hover {
  cursor: pointer;
  background-color: rgba(148, 185, 209, 0.54);
}
.transferUser .upButtons .allGroupsButton {
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 87px;
  margin: 0px 15px 0px 0px;
  float: left;
  padding-left: 2px;
  background-image: url(../images/icons/drop_down_arrow.png);
  background-position: right 0px top 3px;
  background-repeat: no-repeat;
  overflow-x: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.transferUser .upButtons .allGroupsButton:hover {
  color: #ffffff;
  background-image: url(../images/icons/drop_down_arrow_hover.png);
}
.transferUser .upButtons .allGroupsButton:active {
  background-image: url(../images/icons/drop_down_arrow_hover.png);
}
.transferUser .upButtons .allGroupsButton .groupList {
  list-style: none;
  background-color: #64768A;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin: 3px 0px 0px 0px;
  max-height: 145px;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  width: 89px;
  z-index: 50;
}
.transferUser .upButtons .allGroupsButton .groupList ul {
  margin-left: 0px;
}
.transferUser .upButtons .allGroupsButton .groupList ul .selectedItem {
  cursor: pointer;
  background-color: #94b9d1;
}
.transferUser .upButtons .allGroupsButton .groupList ul#groups {
  cursor: pointer;
  margin-top: 3px;
}
.transferUser .upButtons .allGroupsButton .groupList ul#groups li {
  font-size: 10px;
  font-weight: normal;
  list-style: none;
  border-bottom: 1px solid #8194a8;
  color: #ffffff;
  font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
  padding: 2px 15px 2px 4px;
  vertical-align: middle;
  height: 16px;
  margin-left: -40px;
  width: 89px;
  overflow-x: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow-y: hidden;
}
.transferUser .upButtons .allGroupsButton .groupList ul#groups li:hover {
  cursor: pointer;
  background-color: rgba(148, 185, 209, 0.54);
}
.transferUser .upButtons .allTeamsButton {
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 75px;
  float: left;
  padding-left: 2px;
  background-image: url(../images/icons/drop_down_arrow.png);
  background-position: right 0px top 3px;
  background-repeat: no-repeat;
  overflow-x: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.transferUser .upButtons .allTeamsButton:hover {
  color: #ffffff;
  background-image: url(../images/icons/drop_down_arrow_hover.png);
}
.transferUser .upButtons .allTeamsButton:active {
  background-image: url(../images/icons/drop_down_arrow_hover.png);
}
.transferUser .upButtons .allTeamsButton .teamList {
  list-style: none;
  background-color: #64768A;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin: 3px 0px 0px 0px;
  max-height: 145px;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  width: 81px;
  z-index: 50;
}
.transferUser .upButtons .allTeamsButton .teamList ul {
  margin-left: 0px;
}
.transferUser .upButtons .allTeamsButton .teamList ul .selectedItem {
  cursor: pointer;
  background-color: #94b9d1;
}
.transferUser .upButtons .allTeamsButton .teamList ul#teams {
  cursor: pointer;
  margin-top: 3px;
}
.transferUser .upButtons .allTeamsButton .teamList ul#teams li {
  font-size: 10px;
  font-weight: normal;
  list-style: none;
  border-bottom: 1px solid #8194a8;
  color: #ffffff;
  font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
  padding: 2px 15px 2px 4px;
  vertical-align: middle;
  height: 16px;
  margin-left: -40px;
  width: 81px;
  overflow-x: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow-y: hidden;
}
.transferUser .upButtons .allTeamsButton .teamList ul#teams li:hover {
  cursor: pointer;
  background-color: rgba(148, 185, 209, 0.54);
}
.transferUser .userList {
  background-color: #fff;
  border-radius: 3px;
  margin: 4px;
  margin-top: 5px;
  height: 279px;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
.transferUser .userList .previous {
  cursor: pointer;
  font-weight: bold;
  text-align: center;
  font-size: 11px;
  color: #555555;
  margin-bottom: 3px;
  line-height: 14px;
  background-color: #e6e9ee;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.transferUser .userList .previous:hover {
  color: #000000;
}
.transferUser .userList .previous:hover > .prevIcon {
  background-image: url(../images/icons/previous_hover.png);
}
.transferUser .userList .previous .prevIcon {
  background-image: url(../images/icons/previous.png);
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-color: #e6e9ee;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.transferUser .userList .previous .prevIcon:hover {
  background-image: url(../images/icons/previous_hover.png);
}
.transferUser .userList .next {
  cursor: pointer;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2px;
  font-size: 11px;
  color: #555555;
  margin-top: 3px;
  line-height: 14px;
  background-color: #e6e9ee;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: inline-block;
}
.transferUser .userList .next:hover {
  color: #000000;
}
.transferUser .userList .next:hover > .nextIcon {
  background-image: url(../images/icons/next_hover.png);
}
.transferUser .userList .next .nextIcon {
  background-image: url(../images/icons/next.png);
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-color: #e6e9ee;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.transferUser .userList .next .nextIcon:hover {
  background-image: url(../images/icons/next_hover.png);
}
.transferUser .userList ul {
  margin: 0px;
  overflow: auto;
}
.transferUser .userList ul#users {
  margin-top: 0px;
  padding: 0;
  cursor: pointer;
}
.transferUser .userList ul#users li {
  margin-left: 0px;
  list-style: none;
  border-bottom: 1px solid #ced8e2;
  font-weight: bold;
  color: rgba(49, 49, 49, 0.81);
  padding: 5px 0px 4px 3px;
  vertical-align: middle;
  height: 27px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  overflow: hidden;
}
.transferUser .userList ul#users li:hover {
  cursor: pointer;
  background-color: #d1dbe5;
  color: #000;
  background-image: url(../images/Icons/ico_small_dial.png);
  background-position: right 5px top 7px;
  background-repeat: no-repeat;
}
.transferUser .userList ul#users li.notAttendable:hover {
  background-image: url(../images/Icons/ico_small_transfer.png);
}
.transferUser .userList .selectedUser {
  cursor: pointer;
  background-color: #DEE9F5;
  background-image: url(../images/Icons/ico_small_dial.png);
  background-position: right 5px top 7px;
  background-repeat: no-repeat;
}
.transferUser .userList .selectedUser.notAttendable {
  background-image: url(../images/Icons/ico_small_transfer.png);
}
.transferUser .userList .userIcon {
  float: left;
  margin-right: 2px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../images/Icons/ico_recentlist-user.png);
}
.transferUser .userList .userIcon.Released,
.transferUser .userList .userIcon.ReleasedInCall {
  width: 20px;
  height: 20px;
  background-image: url(../images/Icons/agent_not_available.png);
}
.transferUser .userList .userIcon.Available,
.transferUser .userList .userIcon.AvailableInCall {
  width: 20px;
  height: 20px;
  background-image: url(../images/Icons/agent_available.png);
}
.transferUser .userList .basicUserInfo {
  display: inline-block;
  float: left;
  font-size: 11px;
  font-weight: bold;
  height: 27px;
  overflow: hidden;
  vertical-align: middle;
  width: 100px;
  background-color: transparent;
}
.transferUser .userList .basicUserInfo .userName {
  width: 100px;
  height: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.transferUser .userList .basicUserInfo .userGroup {
  width: 100px;
  padding: 3px 0px 3px 0px;
  padding-top: 0px;
  font-size: 10px;
  color: rgba(49, 49, 49, 0.46);
  height: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.transferUser .userList .userState {
  display: inline-block;
  padding-left: 9px;
  height: 27px;
  font-size: 10px;
  vertical-align: middle;
  overflow: hidden;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  float: left;
  width: 100px;
}
.transferUser .userList .userState .Released {
  color: Black;
}
.transferUser .userList .userState .AttendableEntryPoint,
.transferUser .userList .userState .Available {
  color: #00a000;
}
.transferUser .userList .userState .WrapUp {
  color: Brown;
}
.transferUser .userList .userState .OnHold {
  color: #ed6308;
}
.transferUser .userList .userState .Ringing,
.transferUser .userList .userState .InCall,
.transferUser .userList .userState .Preview,
.transferUser .userList .userState .Multiple,
.transferUser .userList .userState .AvailableInCall,
.transferUser .userList .userState .ReleasedInCall {
  color: #d00000;
}
.transferUser .userList .phoneIcon {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 2px;
  background-color: transparent;
  float: right;
}
.transferRecent {
  font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}
.transferRecent .upButtons {
  height: 21px;
  width: 290px;
  font-size: 11px;
  color: #c5d2e1;
  margin-left: 10px;
  cursor: pointer;
}
.transferRecent .upButtons .selectedRecentList {
  color: #313131;
  background-color: #b2c1d1;
}
.transferRecent .upButtons .outgoingButton {
  display: inline-block;
  border-color: #b2c1d1;
  border-width: 2px;
  height: 18px;
  width: 72px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-style: solid;
  margin-right: 0px;
  float: left;
  padding-left: 5px;
}
.transferRecent .upButtons .outgoingButton:hover {
  background-color: #7b8c9f;
}
.transferRecent .upButtons .outgoingButton:active {
  color: #313131;
  background-color: #b2c1d1;
}
.transferRecent .upButtons .incomingButton {
  display: inline-block;
  border-color: #b2c1d1;
  border-width: 2px;
  height: 18px;
  width: 72px;
  border-style: solid;
  margin-left: 0px;
  float: left;
  padding-left: 5px;
  border-left: transparent;
  border-right: transparent;
}
.transferRecent .upButtons .incomingButton:hover {
  background-color: #7b8c9f;
}
.transferRecent .upButtons .incomingButton:active {
  color: #313131;
  background-color: #b2c1d1;
}
.transferRecent .upButtons .allButton {
  display: inline-block;
  border-color: #b2c1d1;
  border-width: 2px;
  height: 18px;
  width: 74px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-style: solid;
  float: left;
  padding-left: 5px;
}
.transferRecent .upButtons .allButton:hover {
  background-color: #7b8c9f;
}
.transferRecent .upButtons .allButton:active {
  color: #313131;
  background-color: #b2c1d1;
}
.transferRecent .recentList {
  background-color: #fff;
  margin: 4px;
  margin-top: 6px;
  height: 256px;
  overflow: auto;
}
.transferRecent .recentList ul {
  margin-left: 0px;
}
.transferRecent .recentList ul#recentCalls {
  margin-top: 0px;
  padding: 0;
  cursor: pointer;
}
.transferRecent .recentList ul#recentCalls li {
  margin-left: 0px;
  list-style: none;
  border-bottom: 1px solid #ced8e2;
  font-weight: bold;
  color: rgba(49, 49, 49, 0.81);
  padding: 5px 0px 4px 3px;
  vertical-align: middle;
  height: 25px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.transferRecent .recentList ul#recentCalls li:hover {
  cursor: pointer;
  background-color: #d5dfe8;
  background-position: right 5px center;
}
.transferRecent .recentList ul#recentCalls li:hover .attendable {
  background-image: url(../images/Icons/ico_small_dial.png);
  background-repeat: no-repeat;
}
.transferRecent .recentList ul#recentCalls li:hover .notAttendable {
  background-image: url(../images/Icons/ico_small_transfer.png);
  background-repeat: no-repeat;
}
.transferRecent .recentList .typeIcon {
  float: left;
  margin: 3px;
  display: inline-block;
}
.transferRecent .recentList .typeIcon .speedDial {
  width: 15px;
  height: 15px;
  background-image: url(../images/Icons/ico_recentlist_speed.png);
}
.transferRecent .recentList .typeIcon .system {
  width: 15px;
  height: 15px;
  background-image: url(../images/Icons/ico_recentlist_system.png);
}
.transferRecent .recentList .typeIcon .users {
  width: 15px;
  height: 15px;
  background-image: url(../images/Icons/ico_recentlist-user.png);
}
.transferRecent .recentList .typeIcon .users.Released,
.transferRecent .recentList .typeIcon .users.ReleasedInCall {
  width: 15px;
  height: 15px;
  background-image: url(../images/Icons/agent_not_available_recent.png);
}
.transferRecent .recentList .typeIcon .users.Available,
.transferRecent .recentList .typeIcon .users.AvailableInCall {
  width: 15px;
  height: 15px;
  background-image: url(../images/Icons/agent_available_recent.png);
}
.transferRecent .recentList .typeIcon .dialpad {
  width: 15px;
  height: 15px;
  margin-top: 3px;
  background-image: url(../images/Icons/ico_recentlist_outbound.png);
}
.transferRecent .recentList .typeIcon .communicatorContacts {
  width: 15px;
  height: 15px;
  background-image: url(../images/Icons/ico_recentlist_contact.png);
}
.transferRecent .recentList .typeIcon .communicatorContacts.ContactAvailable {
  width: 15px;
  height: 15px;
  background-image: url(../images/Icons/contact_available_recent.png);
}
.transferRecent .recentList .typeIcon .communicatorContacts.ContactUnavailable {
  width: 15px;
  height: 15px;
  background-image: url(../images/Icons/contact_unavailable_recent.png);
}
.transferRecent .recentList .typeIcon .callback {
  width: 15px;
  height: 15px;
  background-image: url(../images/Icons/ico_recentlist-user.png);
}
.transferRecent .recentList .typeIcon .voicemail {
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-image: url("../images/gadgets/voicemail.png");
}
.transferRecent .recentList .typeIcon .incoming {
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-image: url(../images/Icons/ico_recentlist_inbound.png);
}
.transferRecent .recentList .basicCallInfo {
  display: inline-block;
  float: left;
  font-weight: bold;
  height: 25px;
  overflow: hidden;
  vertical-align: middle;
  width: 105px;
  background-color: transparent;
  padding-left: 3px;
}
.transferRecent .recentList .basicCallInfo .recentName {
  font-size: 11px;
  width: 105px;
  height: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.transferRecent .recentList .basicCallInfo .recentTime {
  width: 105px;
  padding-top: 0px;
  font-size: 9px;
  color: rgba(49, 49, 49, 0.46);
  height: 12px;
  overflow: hidden;
  position: relative;
}
.transferRecent .recentList .secondInfoCol .recentTarget {
  display: inline-block;
  height: 25px;
  font-size: 11px;
  vertical-align: middle;
  overflow: hidden;
  margin-left: 4px;
  float: left;
  padding-top: 2px;
  width: 89px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.transferRecent .recentList .secondInfoCol .recentTarget.recentUser {
  font-size: 9px;
}
.transferRecent .recentList .secondInfoCol .recentTarget.recentContact {
  font-size: 9px;
}
.transferRecent .recentList .secondInfoCol .Released {
  color: Black;
}
.transferRecent .recentList .secondInfoCol .AttendableEntryPoint,
.transferRecent .recentList .secondInfoCol .Available {
  color: #00a000;
}
.transferRecent .recentList .secondInfoCol .WrapUp {
  color: Brown;
}
.transferRecent .recentList .secondInfoCol .OnHold {
  color: #ed6308;
}
.transferRecent .recentList .secondInfoCol .Ringing,
.transferRecent .recentList .secondInfoCol .InCall,
.transferRecent .recentList .secondInfoCol .Preview,
.transferRecent .recentList .secondInfoCol .Multiple,
.transferRecent .recentList .secondInfoCol .AvailableInCall,
.transferRecent .recentList .secondInfoCol .ReleasedInCall {
  color: #d00000;
}
.transferRecent .recentList .secondInfoCol .enterParam {
  display: none;
  float: left;
  font-size: 8px;
  width: 70px;
  resize: none;
  margin-left: 150px;
  padding-left: 2px;
  border-radius: 3px;
}
.transferRecent .recentList .secondInfoCol .enterParam.showParam,
.transferRecent .recentList .secondInfoCol .enterParam:hover,
.transferRecent .recentList .secondInfoCol .enterParam:active {
  display: inline-block;
  padding: 0px 0px 0px 1px;
  height: 20px;
  vertical-align: middle;
  overflow: hidden;
  margin: 4px 0px 0px 4px;
  float: left;
}
.transferRecent .recentList .phoneIcon {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 4px 2px 0px 0px;
  background-color: transparent;
  float: right;
}
.transferRecent .selectedRecent {
  cursor: pointer;
  background-color: #DEE9F5;
  background-position: right 10px center;
  background-repeat: no-repeat;
}
.transferRecent .selectedRecent .attendable {
  background-image: url(../images/Icons/ico_small_dial.png);
  background-repeat: no-repeat;
}
.transferRecent .selectedRecent .notAttendable {
  background-image: url(../images/Icons/ico_small_transfer.png);
  background-repeat: no-repeat;
}
.transferConference {
  height: 308px;
}
.transferConference .callerInfoPanel {
  text-align: center;
  color: white;
  padding-top: 10px;
}
.transferConference .callerInfoPanel .caller {
  font-size: 19px;
  font-weight: bold;
}
.transferConference .callerInfoPanel .status {
  font-size: 16px;
}
.transferConference .callerInfoPanel .status.error {
  color: #fe5e5e;
  font-weight: bold;
}
.transferConference .callerInfoPanel .status.warning {
  color: #ff8230;
  font-weight: bold;
}
.transferConference .buttonsPanel {
  width: 200px;
  height: 150px;
  margin: auto;
  padding: 10px 0px 0px 25px;
}
.transferConference .dialButton {
  margin: 0 12px 12px 0;
  width: 70px;
  height: 54px;
}
.transferConference .dialButton.disabled {
  cursor: default;
  background-color: rgba(128, 128, 128, 0.71);
}
.transferConference .dialButton:nth-child(2n) {
  margin: 0 0 12px 0;
}
.transferConference .dialButton .text {
  font-size: 11.5px;
}
.transferConference .dialButton .icon {
  width: 38px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: 38px 32px;
  margin: 10px auto 2px auto;
}
.transferConference .dialButton .icon.transfer {
  background-image: url(../images/Icons/btn_ico_transfer.png);
}
.transferConference .dialButton .icon.conference {
  background-image: url(../images/icons/btn_ico_conference.png);
}
.transferConference .dialButton .icon.toggle {
  background-image: url(../images/icons/btn_ico_swap.png);
}
.transferConference .dialButton .icon.dialer {
  background-image: url(../images/icons/btn_ico_dialpad.png);
}
.transferConference .buttonHolder {
  width: 100%;
  margin-bottom: 20px;
}
.transferConference .buttonHolder button.commandButton {
  margin: auto;
  width: 120px;
  height: 25px;
  border-radius: 3px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  border: none;
  outline: none;
  color: #313131;
}
.transferConference .buttonHolder button.commandButton.cancel {
  background-color: #fe5e5e;
}
.transferConference .buttonHolder button.commandButton.cancel:hover {
  background-color: #fa9c9c;
}
.transferConference .buttonHolder button.commandButton.cancel:active {
  background-color: #c54848;
}
.transferConference .buttonHolder button.commandButton.cancel.disabled {
  cursor: default;
  background-color: rgba(128, 128, 128, 0.71);
}
.transferConference .buttonHolder button.commandButton.ok {
  background-color: #7dbe47;
}
.transferConference .buttonHolder button.commandButton.ok:hover {
  background-color: #a8df7c;
}
.transferConference .buttonHolder button.commandButton.ok:active {
  background-color: #649938;
}
.transferConference .buttonHolder button.commandButton.ok.disabled {
  cursor: default;
  background-color: #cad7e6;
}
.transferContact {
  font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}
.transferContact .upButtons {
  height: 20px;
  width: 270px;
  font-size: 10px;
  color: #c5d2e1;
  margin-left: 2px;
  position: relative;
}
.transferContact .upButtons .selectedUserList {
  cursor: pointer;
  color: #313131;
  background-color: #b2c1d1;
}
.transferContact .upButtons .allPresencesButton {
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 120px;
  margin-right: 15px;
  float: left;
  background-image: url(../images/icons/drop_down_arrow.png);
  background-position: right 5px top 5px;
  background-repeat: no-repeat;
  position: relative;
}
.transferContact .upButtons .allPresencesButton .presenceList {
  list-style: none;
  background-color: #64768A;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin: 3px 0px 0px 0px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: auto;
  position: absolute;
  width: 120px;
  max-width: 300px;
  z-index: 50;
}
.transferContact .upButtons .allPresencesButton .presenceList ul {
  margin-left: 0px;
}
.transferContact .upButtons .allPresencesButton .presenceList ul .selectedItem {
  cursor: pointer;
  background-color: #94b9d1;
}
.transferContact .upButtons .allPresencesButton .presenceList ul#presences {
  cursor: pointer;
  margin-top: 3px;
}
.transferContact .upButtons .allPresencesButton .presenceList ul#presences li {
  font-size: 10px;
  font-weight: normal;
  list-style: none;
  border-bottom: 1px solid #8194a8;
  color: #ffffff;
  padding: 2px 0px 2px 4px;
  vertical-align: middle;
  height: 16px;
  margin-left: -40px;
  width: 118px;
  max-width: 298px;
}
.transferContact .upButtons .allPresencesButton .presenceList ul#presences li:hover {
  cursor: pointer;
  background-color: rgba(148, 185, 209, 0.54);
}
.transferContact .upButtons .allPresencesButton:hover {
  color: #ffffff;
  background-image: url(../images/icons/drop_down_arrow_hover.png);
}
.transferContact .upButtons .allPresencesButton:active {
  background-image: url(../images/icons/drop_down_arrow_hover.png);
}
.transferContact .upButtons .allGroupsButton {
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 110px;
  margin: 0px 15px 0px 0px;
  float: left;
  padding-left: 2px;
  background-image: url(../images/icons/drop_down_arrow.png);
  background-position: right 5px top 5px;
  background-repeat: no-repeat;
  position: relative;
}
.transferContact .upButtons .allGroupsButton .groupList {
  list-style: none;
  background-color: #64768A;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin: 3px 0px 0px 0px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: auto;
  position: absolute;
  width: 119px;
  max-width: 300px;
  z-index: 50;
}
.transferContact .upButtons .allGroupsButton .groupList ul {
  margin-left: 0px;
}
.transferContact .upButtons .allGroupsButton .groupList ul .selectedItem {
  cursor: pointer;
  background-color: #94b9d1;
}
.transferContact .upButtons .allGroupsButton .groupList ul#groups {
  cursor: pointer;
  margin-top: 3px;
}
.transferContact .upButtons .allGroupsButton .groupList ul#groups li {
  font-size: 10px;
  font-weight: normal;
  list-style: none;
  border-bottom: 1px solid #8194a8;
  color: #ffffff;
  font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
  padding: 2px 0px 2px 4px;
  vertical-align: middle;
  height: 16px;
  margin-left: -40px;
  width: 120px;
  max-width: 298px;
}
.transferContact .upButtons .allGroupsButton .groupList ul#groups li:hover {
  cursor: pointer;
  background-color: rgba(148, 185, 209, 0.54);
}
.transferContact .upButtons .allGroupsButton:hover {
  color: #ffffff;
  background-image: url(../images/icons/drop_down_arrow_hover.png);
}
.transferContact .upButtons .allGroupsButton:active {
  background-image: url(../images/icons/drop_down_arrow_hover.png);
}
.transferContact .contactList {
  background-color: #fff;
  border-radius: 3px;
  margin: 4px;
  margin-top: 5px;
  height: 279px;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
.transferContact .contactList .previous {
  cursor: pointer;
  font-weight: bold;
  text-align: center;
  font-size: 11px;
  color: #555555;
  margin-bottom: 3px;
  line-height: 14px;
  background-color: #e6e9ee;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.transferContact .contactList .previous:hover {
  color: #000000;
}
.transferContact .contactList .previous:hover > .prevIcon {
  background-image: url(../images/icons/previous_hover.png);
}
.transferContact .contactList .previous .prevIcon {
  background-image: url(../images/icons/previous.png);
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-color: #e6e9ee;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.transferContact .contactList .previous .prevIcon:hover {
  background-image: url(../images/icons/previous_hover.png);
}
.transferContact .contactList .next {
  cursor: pointer;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2px;
  font-size: 11px;
  color: #555555;
  margin-top: 3px;
  line-height: 14px;
  background-color: #e6e9ee;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: inline-block;
}
.transferContact .contactList .next:hover {
  color: #000000;
}
.transferContact .contactList .next:hover > .nextIcon {
  background-image: url(../images/icons/next_hover.png);
}
.transferContact .contactList .next .nextIcon {
  background-image: url(../images/icons/next.png);
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-color: #e6e9ee;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.transferContact .contactList .next .nextIcon:hover {
  background-image: url(../images/icons/next_hover.png);
}
.transferContact .contactList ul {
  margin: 0px;
  overflow: auto;
}
.transferContact .contactList ul#contacts {
  margin-top: 0px;
  padding: 0;
  cursor: pointer;
}
.transferContact .contactList ul#contacts li {
  margin-left: 0px;
  list-style: none;
  border-bottom: 1px solid #ced8e2;
  font-weight: bold;
  color: rgba(49, 49, 49, 0.81);
  padding: 5px 0px 4px 3px;
  vertical-align: middle;
  height: 27px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  overflow: hidden;
}
.transferContact .contactList ul#contacts li:hover {
  cursor: pointer;
  background-color: #d1dbe5;
  color: #000;
  background-image: url(../images/Icons/ico_small_dial.png);
  background-position: right 5px top 7px;
  background-repeat: no-repeat;
}
.transferContact .contactList ul#contacts li.notAttendable:hover {
  background-image: url(../images/Icons/ico_small_transfer.png);
}
.transferContact .contactList .selectedContact {
  cursor: pointer;
  background-color: #DEE9F5;
  background-image: url(../images/Icons/ico_small_dial.png);
  background-position: right 5px top 7px;
  background-repeat: no-repeat;
}
.transferContact .contactList .selectedContact.notAttendable {
  background-image: url(../images/Icons/ico_small_transfer.png);
}
.transferContact .contactList .contactIcon {
  float: left;
  margin-right: 2px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../images/Icons/ico_recentlist_contact.png);
}
.transferContact .contactList .contactIcon.ContactAvailable {
  width: 20px;
  height: 20px;
  background-image: url(../images/Icons/contact_available.png);
}
.transferContact .contactList .contactIcon.ContactUnavailable {
  width: 20px;
  height: 20px;
  background-image: url(../images/Icons/contact_unavailable.png);
}
.transferContact .contactList .basicContactInfo {
  display: inline-block;
  float: left;
  font-size: 11px;
  font-weight: bold;
  height: 27px;
  overflow: hidden;
  vertical-align: middle;
  width: 100px;
  background-color: transparent;
}
.transferContact .contactList .basicContactInfo .contactName {
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.transferContact .contactList .basicContactInfo .contactGroup {
  width: 100px;
  padding: 3px 0px 3px 0px;
  padding-top: 0px;
  font-size: 10px;
  color: rgba(49, 49, 49, 0.46);
  height: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.transferContact .contactList .contactPresence {
  display: inline-block;
  padding-left: 9px;
  height: 27px;
  font-size: 10px;
  vertical-align: middle;
  overflow: hidden;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  float: left;
  width: 98px;
}
.transferContact .contactList .phoneIcon {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 2px;
  background-color: transparent;
  float: right;
}