/**
 *+------------------------------------------------------------------------+
 *| Licensed Materials - Property of IBM
 *| IBM Cognos Products: Mobile
 *| (C) Copyright IBM Corp. 2019
 *|
 *| US Government Users Restricted Rights - Use, duplication or disclosure
 *| restricted by GSA ADP Schedule Contract with IBM Corp.
 *+------------------------------------------------------------------------+
 */
.caMobilePane {
  margin: 24px;
}

.caMobilePane .hidden {
  display: hidden;
}

.caMobilePane .appInformation {
  display: flex;
}

.caMobilePane .appInformation .mobileAppInfo {
  align-items: center;
  width: 285px;
}

.caMobilePane .appInformation .mobileAppInfo .cognosTitle {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
}

.caMobilePane .appInformation .mobileAppInfo .learnMoreLinks {
  margin-bottom: 32px;
  display: block;
}

.caMobilePane .appInformation .mobileAppInfo .learnMoreLinks a {
  display: inline-flex;
}

.caMobilePane .appInformation .mobileAppInfo .learnMoreLinks .linkSpacer {
  margin: 0px 5px;
  display: inline-flex;
}

.caMobilePane .appInformation .mobileAppIcon {
  display: flex;
  width: 48px;
  height: 48px;
  border-radius: 5px;
  border: 1px solid #DDD;
  margin-right: 16px;
}

.caMobilePane .mobileAppTitle, .caMobilePane .emailLabel, .caMobilePane .mobileAppUseTitle {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 24px;
}

.caMobilePane .mobileQRCode {
  display: block;
}

.caMobilePane .mobileQRCode #mobileGenQR {
  position: relative;
  left: 100px;
  top: 100px;
  margin: 0px;
  color: #A91560;
  border: 2px solid #A91560;
  width: 142px;
  height: 93px;
  padding: 0 35px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.caMobilePane .mobileQRCode .mobileQRTwoFactor {
  text-align: center;
}

.caMobilePane .mobileQRCode .mobileQRTwoFactor .mobileQRTwoFactorPin {
  font-size: 18px;
  font-weight: 600;
}

.caMobilePane .mobileQRCode #mobileQRCodeCanvas {
  display: block;
  height: 200px;
  width: 200px;
  margin: 0px auto;
}

.caMobilePane .separator {
  margin: 0px 0px 10px 0px;
  width: 100%;
  display: block;
  border-bottom: 1px solid #eaeaea;
}

.caMobilePane .inputContainer.serverUrlInput {
  overflow: hidden;
  width: 100%;
  height: initial;
  padding: 10px 0px;
}

.caMobilePane .inputContainer.serverUrlInput input {
  width: 100%;
}

.caMobilePane #sendEmailForm button.sendEmailButton.secondary.propertyButton.button {
  border-color: #A91560;
  color: #A91560;
  float: right;
}

.caMobilePane .mobileTwoFactor {
  text-align: center;
}

.caMobilePane .mobileTwoFactor .mobileTwoFactorPin {
  font-size: 18px;
  font-weight: 600;
}