.signup-container {
  max-width: 440px;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  z-index: 1;
  border-radius: 10px;
  padding: 30px 35px 22px;
  box-shadow: 0 0 20px rgba(144,144,144,0.34)
}

.signup-box {
  position: relative;
  box-sizing: border-box;
  background: #fff;
  width: 100%
}

.signup-box .mandate {
  display: none;
}

.signupbtn-acc {
    text-align: center;
    padding-top: 25px;
}
.signupbtn-acc .logo{width: 90px;height: 40px;}
.signup-box .sign-in {
  text-align: center;
  padding: 15px 0 0px;
  font-size: 14px;
}

.signup-box * {
  box-sizing: border-box;
  font-family: 'ZohoPuvi'
}

.signup-box #signup-newsletter.checked::before {
  background: #333;
  content: "";
  height: 1px;
  left: 4px;
  position: absolute;
  top: 3px;
  transform: rotate(-45deg);
  width: 15px
}

.signup-box #signup-newsletter.checked::after {
  background: #333;
  content: "";
  height: 1px;
  left: 2px;
  position: absolute;
  top: 6px;
  transform: rotate(45deg);
  width: 5px
}

.signup-box #signup-termservice.checked::before {
  background: #333;
  content: "";
  height: 1px;
  left: 3px;
  position: absolute;
  top: 4px;
  transform: rotate(-45deg);
  width: 15px
}

.signup-box #signup-termservice.checked::after {
  background: #333;
  content: "";
  height: 1px;
  left: 1px;
  position: absolute;
  top: 7px;
  transform: rotate(45deg);
  width: 5px
}

.signup-box i.ic {
  background: url(../images/id360-demo-icons-sprite.png) no-repeat;
  background-size: 111px;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 11px;
  top: 13px;
  z-index: 2
}

.signup-box .ic.icn-name {
  background-position: -7px -6px
}

.signup-box .ic.icn-mail {
  background-position: -45px -6px
}

.signup-box .ic.icn-comp {
  background-position: -45px -40px
}

.signup-box .ic.icn-count {
  background-position: -7px -39px
}

.signup-box .ic.icn-pass {
  background-position: -80px -6px
}

.signup-box h4 {
  font-size: 20px;
  line-height: 30px;
  color: #333;
  font-weight: 500;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px
}

.signup-box .zhide-common {
  display: none
}

.signup-box h3 {
  font-size: 22px
}

.signup-box input[type=email],.signup-box input[type=number],.signup-box input[type=password],.signup-box input[type=search],.signup-box input[type=tel],.signup-box input[type=text],.signup-box input[type=url],.signup-box textarea, .signup-box .za-country-container .globalcountrycode-signup {
  color: #333;
  padding: 14px 12px;
  border: 1px solid #D9D9D9;
  display: block;
  width: 100%;
  font-size: 14px;
  background: #F8F8F8;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  z-index: 1;
  transition: .5s;
  border-radius: 6px;
  height: 48px;
  font-family: var(--primaryfont-regular);
  line-height: 18px;
  padding-left: 40px
}

.signup-box input[type=email]:focus,.signup-box input[type=number]:focus,.signup-box input[type=password]:focus,.signup-box input[type=search]:focus,.signup-box input[type=tel]:focus,.signup-box input[type=text]:focus,.signup-box input[type=url]:focus,.signup-box textarea:focus {
  outline: 1px solid #ccc
}

.signup-box input[type=email]::placeholder,.signup-box input[type=number]::placeholder,.signup-box input[type=password]::placeholder,.signup-box input[type=search]::placeholder,.signup-box input[type=tel]::placeholder,.signup-box input[type=text]::placeholder,.signup-box input[type=url]::placeholder,.signup-box textarea::placeholder {
  font-weight: 300
}
.signup-box .za-country-container .globalcountrycode-signup,.signup-box .za-country-container .za-globalstate-signup{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background-image: linear-gradient(45deg, transparent 50%, #5a5a5a 50%), linear-gradient(135deg, #5a5a5a 50%, transparent 50%), linear-gradient(to right, #fff0, #fff0);
  background-position: calc(100% - 20px) calc(1em + 5px), calc(100% - 15px) calc(1em + 5px), calc(100% - 2.5em) .5em;
  background-size: 6px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}
.signup-box .za-country-container {
  position: relative;
  background: #fff
}

.signup-box .za-country-container.za-country-container-arrow, .password-strength {
  display: none
}

.signup-box .za-country-container.za-country-container-arrow.zshow {
  display: block;
  margin-top: 30px
}

.signup-box .za-country-container.za-country-container-arrow.zshow + .dc-info {
  margin-top: 5px
}
.signup-box .za-password-container input {
  padding-right: 35px
}

.signup-box .za-country-container .placeholder {
  font-size: 11px;
  top: -20px;
  left: 0;
  position: absolute
}

.signup-box .za-state-container .za-globalstate-signup {
  color: #333;
  padding: 14px 12px;
  border: 1px solid #d5d5d5;
  display: block;
  width: 100%;
  font-size: 16px;
  background: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  z-index: 1;
  transition: .5s ease;
  height: 48px;
  font-family: var(--primaryfont-regular);
  line-height: 1;
  border-radius: 6px
}

.signup-box .sgnbtn input[type='submit'] {
  font-size: 15px;
  height: 50px;
  padding: 0 60px;
  background: #f0483e;
  text-align: center;
  text-transform: uppercase;
  border: 0;
  color: #fff;
  width: 100%;
  cursor: pointer;
  font-weight: 500;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 6px
}

.signup-box .sgnbtn input[type='button'] {
  font-size: 15px;
  height: 50px;
  padding: 0 60px;
  background: #f0483e;
  text-align: center;
  text-transform: uppercase;
  border: 0;
  color: #fff;
  width: 100%;
  cursor: pointer;
  font-weight: 600;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none
}

.signup-box p.zcountry-info {
  color: #333;
  font-size: 11px;
  margin: 10px 0 0;
  text-align: left;
  line-height: 1.6;
  font-weight: 300
}

.signup-box p.dc-info {
  font-size: 11px;
  margin: 6px 0 5px;
  text-align: left;
  line-height: 1.6;
  font-weight: 300
}

.signup-box p.dc-info .dcset {
  text-transform: uppercase;
  font-size: 11px;
  margin-right: 3px
}

.signup-box .za-newsletter-container {
  margin: 10px 0 0;
  position: relative;
  font-size: 11px
}

.signup-box .za-newsletter-container span {
  font-size: 11px
}

.signup-box .za-newsletter-container label {
  position: relative;
  padding-left: 22px;
  /* font-weight: 500; */
}

.signup-box .za-newsletter-container #signup-newsletter {
  position: absolute;
  top: 2px;
  left: 0
}

.signup-box .za-newsletter-container label span {
  font-size: 11px
}

.signup-box .za-tos-container {
  margin: 8px 0 15px;
  position: relative
}

.signup-box .za-tos-container label {
  position: relative;
  padding-left: 22px;
  font-weight: 300;
}

.signup-box .za-tos-container #signup-termservice {
  position: absolute;
  top: 0px;
  left: 0
}

.signup-box h5 {
  color: #333
}

.signup-box .dc-info {
  color: #333
}

.signup-box .sign_agree,.signup-box label {
  color: #333;
  font-size: 11px;
  display: inline-block;
  line-height: 17px;
  cursor: pointer;
  margin-top: 5px;
  width: 100%;
  text-align: left;
  font-family: var(--zf-primary-semibold),sans-serif
}

.signup-box .sign_agree a {
  color: #333;
  text-decoration: underline
}

.signup-box span#zip-countryname-change {
  color: #333;
  cursor: pointer;
  text-decoration: underline;
  margin-left: 3px
}

.signup-box p.zcountry-info #zip-countryname {
  font-weight: 500;
  text-transform: uppercase
}

.signup-box .socl-signup {
  margin-top: 30px;
  text-align: center;
  color: #aaa;
  font-size: 14px;
  line-height: 24px;
  padding: 0;
  margin-top: 10px
}

.signup-box .socl-signup p {
  color: #333;
  font-size: 14px;
  margin-bottom: 5px;
}

.signup-box .socl-signup a,.signup-box .socl-signup span {
  background: url(../images/id360-demo-icons-sprite.png) no-repeat;
  background-size: 111px;
  z-index: 2;
  display: inline-block;
  height: 30px;
  text-indent: -9999px;
  margin-left: 1px;
  cursor: pointer;
}

.signup-box .socl-signup span.vi-google {
  background-position: -4px -68px;
  width: 29px;
  margin-left: 10px;
  position: relative;
}
.signup-box .socl-signup span.vi-google:before{content:'';position: absolute;border-left: 1px solid #b4b4b4;width: 1px;height: 20px;left: -6px;top: 2px;}

.signup-box .socl-signup span.vi-office365 {
  width: 26px;
  background-position: -39px -69px;
}

.signup-box .sgfrm {
  margin: 15px 0 0;
  position: relative
}

.signup-box #signup-newsletter {
  border: 1px solid #a9a9a9;
  display: inline-block;
  height: 14px;
  margin-right: 4px;
  width: 14px;
  position: relative;
  vertical-align: middle;
  border-radius: 3px;
}

.signup-box #signup-termservice {
  border: 1px solid #a9a9a9;
  display: inline-block;
  height: 14px;
  margin-right: 20px;
  width: 14px;
  position: relative;
  vertical-align: middle;
  border-radius: 3px;
}

.signup-box #newsletter {
  height: 1px;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 1px
}

.signup-box #tos {
  height: 1px;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 1px
}

.signup-box .error,.signup-box .za-email-suggestion .za-domain-error {
  color: red;
  font-size: 11px;
  line-height: 1.5;
  margin-top: 5px;font-weight: 300;
}

.signup-box .field-error .field-msg * {
  font-size: 11px
}

.signup-box .field-error .field-msg {
  display: block;
  text-align: left
}

.signup-box .za-tos-container .field-msg {
  margin: 12px 0 0 -15px
}

.signup-box .za-state-container,.signup-box .za-state-container.zshow-common {
  display: none
}

.signup-popup {
  opacity: 0;
  top: -50%;
  visibility: hidden;
  transition: top .5s ease-in-out;
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.6)
}

.signup-popup,.signup-popup * {
  box-sizing: border-box
}

.signup-popup .signup-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-color: #3339;
  text-align: CENTER;
  line-height: 19px;
  font-size: 20px;
  z-index: 2;
  color: #fff;
  cursor: pointer
}

.signup-popup .signup-container {
  width: 950px;
  min-height: 590px;
  background-color: #fff;
  margin: 100px auto 0;
  position: relative
}

.signup-popup .signup-container .signup-popup-lhs {
  width: 535px;
  position: absolute;
  left: 0;
  padding: 35px 75px 75px;
  min-height: 590px
}

.signup-popup .signup-container .signup-popup-lhs h1 {
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  width: 82%;
  margin: 0 9%;
  text-align: center;
  margin-bottom: 30px
}

.signup-popup .sign-in {
  text-align: center;
  padding: 20px 0;
  font-size: 13px
}

.signup-popup.open {
  visibility: visible;
  opacity: 1;
  top: 0
}

.signup-popup .signup-container .signup-popup-rhs {
  width: 415px;
  position: absolute;
  right: 0;
  top: 0;
  min-height: 590px;
  box-shadow: -10px 0 17px #c6d4d870;
  padding: 40px 60px;
  background: #002c37 url(../images/signup-bg.png) 0 229px / 416px 516px no-repeat
}

.signup-popup .signup-container .signup-popup-rhs .slogan {
  font-size: 16px;
  color: #fff;
  line-height: 32px;
  text-align: center
}

.signup-popup .signup-container .signup-popup-rhs .slogan span {
  color: #52ebc0
}

.signupbtn-acc h2,.signupbtn-acc h2 span {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 7px
}

.signupbtn-acc p {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    margin: 0;
}

.signupbtn-access {
  position: relative;
  z-index: 99;
  font-size: 16px;
  height: 55px;
  padding: 0 60px;
  background: #f0483e;
  text-align: center;
  text-transform: uppercase;
  border: 0;
  color: #fff;
  width: 100%;
  cursor: pointer;
  font-weight: 400;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 5px;
  margin: 20px 0 40px;
  display: block;
  line-height: 50px;
  text-transform: inherit;
  cursor: pointer
}

.signupotpcontainer .verifytitle {
  margin-bottom: 10px;
  text-align: left;
  font-weight: 500;
  font-size: 16px
}

.signupotpcontainer .za-otp-container {
  text-align: left;
  font-size: 16px;
  font-weight: 500
}

.signupotpcontainer .verifyheader {
  text-align: left;
  font-size: 15px
}

.signupotpcontainer .change {
  cursor: pointer;
  margin-left: 5px;
  font-size: .9em;
  border-bottom: 1px solid;
  display: inline-block;
  line-height: 1
}

.signupotpcontainer .otpmobile {
  margin-bottom: 15px;
  text-align: left;
  font-size: 16px;
  font-weight: 500
}

.signupotpcontainer .resendotp {
  cursor: pointer;
  text-decoration: underline;
  font-size: .9em;
  margin-top: 8px;
  display: inline-block;
  text-align: left
}

.signupotpcontainer .za-submitbtn-otp .signupbtn {
  background: #f0483e;
  border-color: #f0483e;
  font-size: 15px;
  color: #fff;
  cursor: pointer;
  padding: 14px 12px;
  display: block;
  width: 100%;
  margin: 15px 0 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  z-index: 1;
  transition: .5s ease;
  border-radius: 0;
  border: 0
}

.za-password-container {
  position: relative
}

.za-password-container span.zpassword-show {
  position: absolute;
  right: 4px;
  top: 0;
  z-index: 10;
  cursor: pointer;
  width: 30px;
  height: 45px;
  font-size: 0;
  text-indent: -9999px
}

.za-password-container span.zpassword-show.active:before {
  background-position: -5px -4px
}

.za-password-container span.zpassword-show:before {
  content: '';
  width: 20px;
  background: url(../images/id360-signup-sprite.png) no-repeat;
  background-size: 60px 21px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-position: -32px -4px;
  opacity: .7;
  height: 14px;
  margin-top: 17px
}

.signupbtn-access:hover {
  background-color: #d83025
}

.za-country-container,.za-state-container,.za-state-container.zshow-common {
  display: none;
}

@media only screen and (max-width: 425px) {
  body .op-wrapper .op-tab .tab-contents .signup-wrap.zlog-signup .signup-container {
      width:100%
  }
}

.t-box-body .za-password-container span.zpassword-show {
  position: absolute;
  right: 4px;
  top: 0;
  z-index: 10;
  cursor: pointer;
  width: 30px;
  height: 41px;
  font-size: 0;
  text-indent: -9999px
}

.t-box-body .signup-container .signup-box .sgnbtn input[type='submit'] {
  font-weight: 300;
  text-transform: uppercase
}

body .heading-menu p {
  margin: 2px 0;
  font-size: 23px;
  font-weight: 200
}

.t-box-body .za-password-container span.zpassword-show:before {
  content: '';
  width: 20px;
  background: url(/cloud-siem/images/log360cloud-signup-sprite.png) no-repeat;
  background-size: 60px 21px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-position: -32px -4px;
  opacity: .7;
  height: 14px;
  margin-top: 14px
}

.t-box-body .signup-box #signup-newsletter {
  border: 1px solid #ccc;
  display: inline-block;
  height: 15px;
  margin-right: 4px;
  width: 15px;
  vertical-align: sub
}

.t-box-body .signup-box #signup-newsletter.checked::before {
  background: #333;
  content: "";
  height: 2px;
  left: 4px;
  position: absolute;
  top: 5px;
  transform: rotate(-45deg);
  width: 9px
}

.t-box-body .signup-box #signup-newsletter.checked::after {
  background: #333;
  content: "";
  height: 2px;
  left: 2px;
  position: absolute;
  top: 7px;
  transform: rotate(45deg);
  width: 5px
}

.t-box-body .signup-box .za-newsletter-container label {
  position: relative;
  padding-left: 25px;
  font-weight: 400;
  line-height: 18px
}