.window .title.preferences {
  background-image: url(../images/icons/preferences_icon.png);
}
.preferences {
  border: 1px #5d6d7f;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: relative;
}
.preferences .preferencesOverlay {
  position: absolute;
  top: 0;
  bottom: 20px;
  left: 0;
  right: 0;
  background-color: #97aec5;
  -moz-opacity: 0.6;
  opacity: 0.6;
  z-index: 10;
}
.preferences .preferenceTitle {
  font: 11px Arial;
  color: #fff;
}
.preferences .textboxFonts {
  font: 11px Arial;
  color: #7a8085;
}
.preferences .voiceDeviceTitlesFonts {
  font: 11px Arial;
  color: #313131;
}
.preferences .customSelectButton {
  background-image: url(../images/icons/drop_down_arrow.png);
  background-position: right 15px center;
  background-repeat: no-repeat;
}
.preferences .customSelectButton:hover,
.preferences .customSelectButton:active {
  background-image: url(../images/icons/drop_down_arrow_hover.png);
}
.preferences .smallMuteIcon {
  width: 19px;
  height: 15px;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
}
.preferences .volumeSlider .slider-panel {
  display: inline-block;
}
.preferences .volumeSlider .ui-slider {
  background: #64768A;
  border-color: #ffffff;
  width: 173px;
  height: 8px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
}
.preferences .volumeSlider .ui-slider-handle {
  border: none;
  background-image: none;
  background-color: #313131;
  height: 18px;
  width: 9px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.preferences .volumeSlider .micIcon {
  display: inline-block;
  z-index: 40;
  background-image: url(../images/Icons/microphone.png);
}
.preferences .volumeSlider .speakerIcon {
  display: inline-block;
  z-index: 40;
  background-image: url(../images/volume/vmax.png);
}
.preferences .volumeSlider .speakerIcon.q1 {
  background-image: url(../images/volume/vlow.png);
}
.preferences .volumeSlider .speakerIcon.q2 {
  background-image: url(../images/volume/vmid.png);
}
.preferences .volumeSlider .ringingIcon {
  display: inline-block;
  z-index: 40;
  background-image: url(../images/Icons/bell.png);
}
.preferences .volumeSlider.muted .ui-slider-handle {
  background-color: #eaeaea;
}
.preferences .volumeSlider.muted .ui-slider {
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.preferences .volumeSlider.muted .micIcon {
  background-image: url(../images/Icons/microphone_mute.png);
}
.preferences .volumeSlider.muted .speakerIcon {
  background-image: url(../images/volume/vmute.png);
}
.preferences .volumeSlider:hover {
  /*.micIcon {
                background-image: url(../images/Icons/microphone_hover.png);
            }*/
}
.preferences .volumeSlider:hover .slider-panel {
  visibility: visible;
  -moz-opacity: 1;
  opacity: 1;
}
.preferences .topContainer {
  position: relative;
  height: 338px;
  width: 100%;
}
.preferences .topContainer .leftSection {
  float: left;
  height: 338px;
  margin-left: 14px;
  margin-right: 14px;
  margin-top: 11px;
}
.preferences .topContainer .leftSection .countryCodeAreadCode .countryCodeDiv {
  display: inline-block;
}
.preferences .topContainer .leftSection .countryCodeAreadCode .countryCodeDiv .countryCode {
  font: 11px Arial;
  color: #7a8085;
  width: 100px;
  height: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0px;
  padding-left: 6px;
  margin-top: 3px;
  margin-bottom: 8px;
}
.preferences .topContainer .leftSection .countryCodeAreadCode .countryCodeDiv .prefTitle {
  font: 11px Arial;
  color: #fff;
}
.preferences .topContainer .leftSection .countryCodeAreadCode .areaCodeDiv {
  margin-left: 16px;
  /*width: 80px;*/
  display: inline-block;
}
.preferences .topContainer .leftSection .countryCodeAreadCode .areaCodeDiv .areaCode {
  font: 11px Arial;
  color: #7a8085;
  width: 104px;
  height: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0px;
  padding-left: 6px;
  margin-top: 3px;
  margin-bottom: 8px;
}
.preferences .topContainer .leftSection .countryCodeAreadCode .areaCodeDiv .prefTitle {
  font: 11px Arial;
  color: #fff;
}
.preferences .topContainer .leftSection .leftHalfHorizontalDivider {
  height: 1px;
  width: 232px;
  background-color: #495968;
}
.preferences .topContainer .leftSection .communicationType {
  margin-top: 10px;
  position: relative;
}
.preferences .topContainer .leftSection .communicationType .communicationTypeOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #97aec5;
  -moz-opacity: 0.6;
  opacity: 0.6;
  z-index: 10;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceTypeItem {
  font: 11px Arial;
  color: #fff;
}
.preferences .topContainer .leftSection .communicationType .prefTitle {
  font: 11px Arial;
  color: #fff;
}
.preferences .topContainer .leftSection .communicationType .NotSet {
  color: #C92E2E;
  font-weight: bold;
  padding: 0px 0px 10px 7px;
}
.preferences .topContainer .leftSection .communicationType .VoiceDevice {
  height: 70px;
}
.preferences .topContainer .leftSection .communicationType .SIP {
  height: 218px;
}
.preferences .topContainer .leftSection .communicationType .CommunicatorClient {
  height: 70px;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType {
  /*-moz-border-radius: 2px;
                    -webkit-border-radius: 2px;
                    border-radius: 2px;*/
  background-color: #9cadc0;
  /*border-color: #9cadc0;*/
  width: 232px;
  margin-top: 18px;
  padding-top: 10px;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .voiceDeviceTitles {
  padding-bottom: 10px;
  font: 11px Arial;
  color: #313131;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .inputDeviceDiv {
  margin-left: 11px;
  margin-right: 23px;
  margin-top: 5px;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .inputDeviceDiv .inputDevice {
  font: 11px Arial;
  color: #7a8085;
  width: 100%;
  height: 22px;
  padding: 0px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 6px;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .inputDeviceDiv .volumePreferences {
  padding-bottom: 8px;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .inputDeviceDiv .volumePreferences .slider-panel {
  display: inline-block;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .inputDeviceDiv .volumePreferences .ui-slider {
  background: #64768A;
  border-color: #ffffff;
  width: 173px;
  height: 8px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .inputDeviceDiv .volumePreferences .ui-slider-handle {
  border: none;
  background-image: none;
  background-color: #313131;
  height: 18px;
  width: 9px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .inputDeviceDiv .volumePreferences .micIcon {
  display: inline-block;
  z-index: 40;
  background-image: url(../images/Icons/microphone.png);
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .inputDeviceDiv .volumePreferences .speakerIcon {
  display: inline-block;
  z-index: 40;
  background-image: url(../images/volume/vmax.png);
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .inputDeviceDiv .volumePreferences .speakerIcon.q1 {
  background-image: url(../images/volume/vlow.png);
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .inputDeviceDiv .volumePreferences .speakerIcon.q2 {
  background-image: url(../images/volume/vmid.png);
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .inputDeviceDiv .volumePreferences .ringingIcon {
  display: inline-block;
  z-index: 40;
  background-image: url(../images/Icons/bell.png);
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .inputDeviceDiv .volumePreferences.muted .ui-slider-handle {
  background-color: #eaeaea;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .inputDeviceDiv .volumePreferences.muted .ui-slider {
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .inputDeviceDiv .volumePreferences.muted .micIcon {
  background-image: url(../images/Icons/microphone_mute.png);
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .inputDeviceDiv .volumePreferences.muted .speakerIcon {
  background-image: url(../images/volume/vmute.png);
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .inputDeviceDiv .volumePreferences:hover {
  /*.micIcon {
                background-image: url(../images/Icons/microphone_hover.png);
            }*/
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .inputDeviceDiv .volumePreferences:hover .slider-panel {
  visibility: visible;
  -moz-opacity: 1;
  opacity: 1;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .inputDeviceDiv .progress {
  height: 15px;
  margin-bottom: 15px;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv {
  margin-left: 11px;
  margin-right: 23px;
  margin-top: 23px;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .outputDevice {
  font: 11px Arial;
  color: #7a8085;
  width: 100%;
  height: 22px;
  padding: 0px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 6px;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .volumePreferences .slider-panel {
  display: inline-block;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .volumePreferences .ui-slider {
  background: #64768A;
  border-color: #ffffff;
  width: 173px;
  height: 8px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .volumePreferences .ui-slider-handle {
  border: none;
  background-image: none;
  background-color: #313131;
  height: 18px;
  width: 9px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .volumePreferences .micIcon {
  display: inline-block;
  z-index: 40;
  background-image: url(../images/Icons/microphone.png);
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .volumePreferences .speakerIcon {
  display: inline-block;
  z-index: 40;
  background-image: url(../images/volume/vmax.png);
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .volumePreferences .speakerIcon.q1 {
  background-image: url(../images/volume/vlow.png);
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .volumePreferences .speakerIcon.q2 {
  background-image: url(../images/volume/vmid.png);
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .volumePreferences .ringingIcon {
  display: inline-block;
  z-index: 40;
  background-image: url(../images/Icons/bell.png);
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .volumePreferences.muted .ui-slider-handle {
  background-color: #eaeaea;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .volumePreferences.muted .ui-slider {
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .volumePreferences.muted .micIcon {
  background-image: url(../images/Icons/microphone_mute.png);
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .volumePreferences.muted .speakerIcon {
  background-image: url(../images/volume/vmute.png);
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .volumePreferences:hover {
  /*.micIcon {
                background-image: url(../images/Icons/microphone_hover.png);
            }*/
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .volumePreferences:hover .slider-panel {
  visibility: visible;
  -moz-opacity: 1;
  opacity: 1;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .volumePreferences .ui-slider {
  padding-right: 5px;
  width: 140px;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .audioContainer {
  width: 22px;
  height: 22px;
  display: inline-block;
  float: right;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .audioContainer:hover {
  cursor: pointer;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .audioContainer:disabled {
  cursor: default;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .audioContainer .ringtoneCircle {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  background-color: lightgrey;
  position: relative;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .audioContainer .ringtoneCircle .playRingtone {
  position: absolute;
  top: 4px;
  left: 7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 11px;
  border-color: transparent transparent transparent #11bd25;
  background-color: transparent;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceType .outputDeviceDiv .audioContainer .ringtoneCircle .stopRingtone {
  position: absolute;
  top: 6px;
  left: 6px;
  border-radius: 5%;
  width: 10px;
  height: 10px;
  background-color: black;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceAddressDiv {
  margin-left: 14px;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceAddressDiv .voiceDeviceAddress {
  font: 11px Arial;
  color: #7a8085;
  -moz-border-radius: 2px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 198px;
  height: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 2px;
  margin-bottom: 2px;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceAddressDiv .voiceDeviceAddressTitle {
  font: 11px Arial;
  color: #313131;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceAddressDiv .voiceDeviceAddressTitle:disabled {
  cursor: pointer;
  -moz-opacity: 0.6;
  opacity: 0.6;
  color: gray;
  background-color: #e4e4e4;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceAddressDiv .kco {
  color: #313131;
  font: 10px Arial;
  display: inline-block;
}
.preferences .topContainer .leftSection .communicationType .voiceDeviceAddressDiv .kco:disabled {
  cursor: pointer;
  -moz-opacity: 0.6;
  opacity: 0.6;
  color: gray;
  background-color: #e4e4e4;
}
.preferences .topContainer .leftSection .communicationType .communicatorClientAddressDiv {
  margin-left: 14px;
}
.preferences .topContainer .leftSection .communicationType .communicatorClientAddressDiv .communicatorClientAddress {
  font: 11px Arial;
  color: #7a8085;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 198px;
  height: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 2px;
  margin-bottom: 2px;
}
.preferences .topContainer .leftSection .communicationType .communicatorClientAddressDiv .communicatorClientAddressTitle {
  font: 11px Arial;
  color: #313131;
}
.preferences .topContainer .leftSection .communicationType .communicatorClientAddressDiv .communicatorClientAddressTitle:disabled {
  cursor: pointer;
  -moz-opacity: 0.6;
  opacity: 0.6;
  color: gray;
  background-color: #e4e4e4;
}
.preferences .topContainer .leftSection .communicationType .communicatorClientAddressDiv .kco {
  color: #313131;
  font: 10px Arial;
  display: inline-block;
}
.preferences .topContainer .leftSection .communicationType .communicatorClientAddressDiv .kco:disabled {
  cursor: pointer;
  -moz-opacity: 0.6;
  opacity: 0.6;
  color: gray;
  background-color: #e4e4e4;
}
.preferences .topContainer .verticalCenteredDividerLeft {
  width: 1px;
  height: 326px;
  background-color: #8294a8;
  float: left;
  margin-top: 11px;
}
.preferences .topContainer .verticalCenteredDividerRight {
  width: 1px;
  height: 326px;
  background-color: #4e5e6e;
  float: left;
  margin-top: 11px;
}
.preferences .topContainer .rightSection {
  height: 338px;
  width: 198px;
  float: left;
  margin-left: 18px;
  margin-top: 11px;
}
.preferences .topContainer .rightSection .answerOptions .prefTitle {
  font: 11px Arial;
  color: #fff;
}
.preferences .topContainer .rightSection .answerOptions .answerOption {
  font: 11px Arial;
  color: #fff;
  display: inline-block;
  padding-left: 1px;
}
.preferences .topContainer .rightSection .rightHalfHorizontalDivider {
  height: 1px;
  background-color: #495968;
  margin-top: 10px;
}
.preferences .topContainer .rightSection .externalEmailAddressDiv {
  margin-top: 10px;
}
.preferences .topContainer .rightSection .externalEmailAddressDiv .externalEmailAddress {
  font: 11px Arial;
  color: #7a8085;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 198px;
  height: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 2px;
}
.preferences .topContainer .rightSection .externalEmailAddressDiv .prefTitle {
  font: 11px Arial;
  color: #fff;
}
.preferences .topContainer .rightSection .mailBoxPinDiv {
  padding-top: 5px;
}
.preferences .topContainer .rightSection .mailBoxPinDiv .mailBoxPin {
  font: 11px Arial;
  color: #7a8085;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 198px;
  height: 20px;
  margin-top: 2px;
}
.preferences .topContainer .rightSection .mailBoxPinDiv .prefTitle {
  font: 11px Arial;
  color: #fff;
}
.preferences .topContainer .rightSection .chatGreetingDiv {
  width: 198px;
}
.preferences .topContainer .rightSection .chatGreetingDiv .prefTitle {
  font: 11px Arial;
  color: #fff;
  display: inline-block;
  margin-top: 7px;
  padding-bottom: 3px;
}
.preferences .topContainer .rightSection .chatGreetingDiv .useGreetingDiv {
  display: inline-block;
  float: right;
  color: white;
}
.preferences .topContainer .rightSection .chatGreetingDiv .useGreetingDiv .useGreeting {
  display: inline-block;
  font: 11px Arial;
  color: #fff;
}
.preferences .topContainer .rightSection .chatGreetingDiv .chatGreeting {
  font: 11px Arial;
  color: #7a8085;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  resize: none;
  width: 198px;
  height: 135px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.preferences .horizontalDivider {
  height: 1px;
  width: 100%;
  background-color: #495968;
  margin-top: 12px;
}
.preferences .bottomContainer {
  margin-right: 10px;
}
.preferences .bottomContainer .buttons {
  float: right;
  margin: 8px 8px 7px 0px;
}
.preferences .bottomContainer .buttons .saveButton {
  cursor: pointer;
  width: 74px;
  height: 22px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: bold 11px Arial;
  color: #313131;
  background-color: #7dbe47;
  margin-right: 10px;
  display: inline-block;
  padding: 4px;
  text-align: center;
  /* Currently not in use. SaveButton is a div */
  /*&:hover:enabled {
                    cursor: pointer;
                    background-color: @okButton-hover-color;
                }

                &:hover:disabled {
                    cursor: pointer;
                    background-color: rgb(228, 228, 228);
                }*/
}
.preferences .bottomContainer .buttons .saveButton.saveButtonClicked {
  cursor: pointer;
  color: gray;
  background-color: #649938;
}
.preferences .bottomContainer .buttons .saveButton.saveButtonDisabled {
  opacity: 0.5;
  cursor: default;
  color: gray;
  background-color: #7dbe47;
}
.preferences .bottomContainer .buttons .cancelButton {
  cursor: pointer;
  margin-right: 5px;
  width: 74px;
  height: 22px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #cad7e6;
  font: bold 11px Arial;
  color: #313131;
  display: inline-block;
  padding: 4px;
  text-align: center;
}
.preferences .bottomContainer .buttons .cancelButton:hover:enabled {
  background-color: #E4E4E4;
}
.preferences .bottomContainer .buttons .cancelButton:hover:disabled {
  background-color: #808080;
}
.preferences .bottomContainer .buttons .cancelButton:active:enabled,
.preferences .bottomContainer .buttons .cancelButton.clicked {
  background-color: #8497ad;
}
.preferences .hideKeepConnectionOpen {
  display: none;
}
.preferences .disabled {
  cursor: pointer;
  -moz-opacity: 0.6;
  opacity: 0.6;
  color: gray;
  background-color: #e4e4e4;
}