@charset "UTF-8";
/*
 * Forms
 */
/* components: forms */
input.form-text:hover,
input.form-tel:hover,
input.form-email:hover,
input.form-url:hover,
input.form-search:hover,
input.form-file:hover,
input.form-number:hover,
input.form-color:hover,
textarea:hover,
select:hover,
input.form-text:focus,
input.form-tel:focus,
input.form-email:focus,
input.form-url:focus,
input.form-search:focus,
input.form-file:focus,
input.form-number:focus,
input.form-color:focus,
textarea:focus,
select:focus {
  border-color: #981e32;
}

label.error {
  color: #E8002A !important;
  display: block;
  margin-top: 5px;
  font-size: 10pt !important;
  text-transform: inherit;
}
label.error.fail-alert {
  line-height: 1;
  padding: 2px 0px;
}

input.valid.success-alert, select.valid.success-alert {
  border: 1px solid #36B300 !important;
}

input.error, textarea.error, select.error {
  border: 1px solid #E8002A !important;
  font-weight: 300;
}

.form-item--error-message {
  color: #E8002A;
  font-size: 0.875rem;
}

.form-textarea-wrapper #edit-message-error{
  margin-top: 10px;
}

#existing-customer-error {
  color: #E8002A;
  font-size: 12px;
  margin-left: 10px;
  font-weight: bold;
}

[id*=edit-is-existing-customer--] {
  margin-bottom: 0;
}

.form-textarea.company-form {
  margin-bottom: 10px;
}

.form-item--error-message::before {
  display: none !important;
}

.user-login-form .form-item input.error {
  border-left: 5px solid #E8002A !important;
}

.form-item input.error {
  margin-bottom: 5px !important;
}

div.form-item--error span.error-block {
  position: absolute;
  background-color: #E8002A;
  padding-right: 9px;
  padding-bottom: 41px;
}

span.field-prefix + input.error {
  padding-left: 12px !important;
  margin: 0;
}

#user-register-form input#new_register_submit,
.user-register-form.user-form input#new_register_submit {
  float: left;
}

form .g-recaptcha {
  display: block;
  margin: 40px auto;
}

form#contact-message-feedback-form p {
  display: none;
}

.button.efx-submit, .environment-button.efx-submit{
  background-color: #007298;
  border-radius: 0.25rem;
  color: #FFFFFF !important;
  font-size: 16px !important;
  border: 2px solid #007298;
  text-transform: capitalize;
  font-weight: 600;

}

#submit-selected-products:hover{
  background-color: #005A7A;
}


.button.disabled, .button.disabled:hover {
  background-color: #CFCFCF !important;
  border: #CFCFCF !important;
  border-radius: 0.25rem
}

.button.white-disabled, .button.white-disabled:hover {
  background-color: #FFFFFF !important;
  border-color: #CFCFCF !important;
  color: #CFCFCF !important;
}

.button.efx-submit.secondary {
  background-color: #FFFFFF;
  color: #007298 !important;
  border: 3px solid #007298 !important;
}

.button.efx-submit:hover {
  background-color: #005A7A;
}

.button.efx-submit.secondary:hover {
  background-color: #f8f8f845;
}


/* Sign in */
form#user-login-form {
  background: #FFFFFF;
  padding: 40px 40px 80px 40px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
form#user-login-form a {
  text-decoration: underline;
}

form#user-login-form .form-item input {
  margin-top: 15px;
  margin-bottom: 30px;
  outline: unset;
}

form#user-registration-type-insightgateway-partner-form .form-item input:not(.form-checkbox) {
  margin-top: 15px;
}
form#user-registration-type-insightgateway-partner-form .form-item.js-form-item-mail {
  margin-top: 30px;
}

select[data-drupal-selector=edit-roles-target-id], select[data-drupal-selector=edit-status-1], select[data-drupal-selector=edit-items-per-page] {
  margin-top: 0;
}

#showHidepass1, #showHidepass2 {
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0px;
  width: 70px;
  height: 41px;
  border: 1pt solid #363636;
  border-radius: 4px;
  background: #FFFFFF;
  top: 38px;
}

#showHidepass1:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f06e";
  font-size: 32px;
  font-size: 26px;
  position: absolute;
  right: 18px;
  bottom: -1px;
}

#showHidepass2:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f070";
  font-size: 32px;
  /*opacity: .8;*/
  font-size: 26px;
  position: absolute;
  right: 18px;
  bottom: -1px;
}
#showHidepass2:hover {
  cursor: pointer;
}

.messages--status {
  height: auto !important;
}

.region-banner .messages.messages--status {
  margin: 40px;
}

/* Contact Us */
#block-corporateplus-content .contact-form{
 padding: 30px 40px 20px;
}

#block-contactustopmessage a{
  color: #007298;
  z-index: 1;
  position: absolute;
}

#block-contactustopmessage a:hover, #block-contactustopmessage a:focus{
  text-decoration: underline;
  color: #004d66;

}


#block-contactustopmessage .field--type-text-with-summary.field__item{
padding: 20px 20px 10px;
}

.field--type-text-with-summary a{
  color:#007298;
}

.field--type-text-with-summary a:hover{
  color: #004d66;
  text-decoration: underline;
}



.contact-form select:focus, .contact-form select:active, .contact-form textarea:focus , .contact-form input.form-text:focus, .contact-form input.form-email:focus {
  outline: 2pt solid #06f;
  outline-offset: 3px;
}

.contact-form input.form-text:active, .contact-form input.form-email:active{
 outline: 0;
}

.contact-form > .contact-form {
  padding: 0;
}

.contact-form input, .contact-form select{
  margin: 0;
}

.contact-form label.js-form-required.form-required, .form-item-phone label{
  font-weight: 600;
   font-size: 0.875rem;
 }
 
 .contact-form label{
  font-weight: 600;
  font-size: 0.875rem;
 }
 
 .contact-form label.js-form-required.form-required::after{
   content:" *";
   color: #e8002a;
   font-weight: bold;
   display: inline-block;
   vertical-align: baseline;
 }


 .contact-form input.form-text,  .contact-form input.form-email, .contact-form select{
  margin-top: 0px;
 }


 .contact-form .button.efx-submit{
  border-color: #007298 !important;
 }

form label > span {
  text-transform: initial;
}

.required-form::before {
  content: "";
  vertical-align: super;
  display: inline-block;
  background-image: url(../../../../misc/icons/ee0000/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
}

.asterisk {
  color: #E8002A;
  margin: 0 0.3em;
}

.description {
  visibility: hidden;
  height: 0;
}

.user-logged-in .user-pass p {
  position: relative;
  top: 0px;
  left: 0px;
  font-size: 20px;
  color: #363636;
}
.user-logged-in form#user-pass {
  margin-top: 0px;
}

.password-suggestions.description {
  position: absolute;
  left: 34%;
  visibility: visible;
  top: 100px;
  font-size: 16px;
  border: none;
}

.user-form {
  padding: 40px 40px 80px 40px;
  background: #FFFFFF;
}

.user-pass .form-item {
  margin-top: 60px;
}

p.user-pass {
  font-size: 20px;
  color: #363636;
}

.login-required-res {
  position: absolute;
  top: 48px;
  left: 40px;
}

.login-required-res span {
  color: #E8002A;
}

.user-form .password-confirm, .user-form .password-field, .user-form .password-strength, .user-form .password-confirm-match {
  width: 50%;
}

.succcess-reset {
  background: #FFFFFF;
  padding: 40px;
  min-height: 300px;
}

.user-profile .field__label, .view-company-form .field__label {
  font-weight: normal;
  font-size: 14px;
}

.user-profile .field__item, .view-company-form .field__item {
  margin-bottom: 25px;
}

.efx-user-profile-page #business-form {
  padding: 0px !important;
  margin: 0 auto !important;
  overflow-x: auto;
  max-width: 90%;
}
.efx-user-profile-page .manage-developer-apps table tr > th:first-child, .efx-user-profile-page .manage-developer-apps table tbody tr > td:first-child {
  padding-left: 0;
  text-align: left !important;
}

input[type=radio]:before, input[type=checkbox]:before {
  border: 1px solid #333;
  content: " ";
  display: inline-block;
  font: 10px/1em sans-serif;
  height: 12px;
  padding: 0;
  vertical-align: top;
  width: 12px;
  visibility: visible;
  background: #FFFFFF;
}
input[type=radio]:checked:before, input[type=checkbox]:checked:before {
  background: #FFFFFF;
  color: #333;
  content: "✓";
  text-align: center;
  font-weight: 600;
}

form.user-form .efx-user-profile-page {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  margin-top: -30px;
}

.editsubscriptionpages {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
}
.editsubscriptionpages .col-md-8 {
  padding-left: 0;
  margin-left: 0;
  left: 27%;
  width: 70%;
}
.editsubscriptionpages .fix-sidebar-first {
  position: absolute;
  top: 0;
  left: 30px;
}
.editsubscriptionpages .sidebar__section {
  padding: 0;
}

.efx-user-profile-page .password-suggestions.description {
  position: absolute;
  visibility: visible;
  font-size: 16px;
  border: none;
  display: inline-block;
  width: 100%;
  bottom: 38%;
  left: 48%;
  top: unset;
}

.user-form .efx-user-profile-page input {
  margin: 0;
  padding: 0;
  width: 90%;
  max-width: 100%;
}
.user-form .efx-user-profile-page div#edit-actions {
  max-width: 40%;
}
.user-form .efx-user-profile-page input[type=submit] {
  width: 150px;
  float: left;
}
.user-form .efx-user-profile-page label {
  font-weight: normal;
  color: #212121;
}
.user-form .efx-user-profile-page a.button {
  width: 150px;
  margin-top: 0px;
  margin-left: 23px;
}
.user-form .efx-user-profile-page .form-item-pass-pass1 .password-strength, .user-form .efx-user-profile-page .form-item-pass-pass1 input[type=password] {
  width: 50%;
}
.user-form .efx-user-profile-page .form-item-pass-pass2 input[type=password] {
  width: 50%;
}
.user-form .efx-user-profile-page input[disabled=disabled] {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0 !important;
  margin: 0;
  border: 0;
}

.indicator-field {
  margin-top: 34px;
  margin-bottom: 29px;
  padding-left: 0;
  margin-left: 0;
}
.indicator-field span {
  color: #E8002A;
}

.api-product-list-row.clearfix span:last-child {
  margin-left: 12px;
}
.api-product-list-row.clearfix span:last-child.label-status {
  margin-left: 0;
}
.api-product-list-row.clearfix span:first-child {
  float: left !important;
}

.api-product-name {
  width: 70%;
  word-break: break-all;
}

.wrapper--primary .item-property {
  word-break: break-all;
}

.row--info span.wrapper--status {
  width: auto;
  padding: 10px 44px !important;
  font-size: 14px;
  font-weight: normal;
}

.app-type-submit-btn {
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 16px;
}

.app-type-submit-btn a {
  float: left;
}

span.efx-user-profile-page-tagline {
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
  color: #212121;
  margin-top: 20px;
  display: block;
}

th[specifier=displayName] {
  border-bottom: 1pt solid;
}
th[specifier=status] {
  border-bottom: 1pt solid;
  padding-left: 62px;
}
th[specifier=displayName] a, th[specifier=status] a {
  font-weight: normal;
  color: #212121;
  font-size: 16px;
}

.row--info a {
  text-decoration: underline;
  font-size: 16px;
}

.efx-user-profile-page .invite-developer-form h2 + span {
  margin-top: 34px;
  display: block;
  float: left;
  margin-bottom: 20px;
}

.user-form input#termsofuse-checkbox {
  border: none;
  padding: unset;
  float: left;
  width: 10px;
}

.efx-user-profile-page .invite-developer-form .col-md-12, .efx-user-profile-page .invite-developer-form .col-lg-12 {
  padding-left: 0;
  max-height: 140px;
}
.efx-user-profile-page .invite-developer-form .col-md-6, .efx-user-profile-page .invite-developer-form .col-lg-6 {
  padding-left: 0;
}
.efx-user-profile-page .invite-developer-form .invite-developer-actions a, .efx-user-profile-page .invite-developer-form .invite-developer-actions input {
  padding: 15px 50px !important;
  font-weight: normal !important;
}

.manage-developer-apps table thead th {
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px solid #FFFFFF;
  color: #1C1C1C;
  background-color: #DADADA;
  text-transform: capitalize;
}
.manage-developer-apps #business-form #removeDev_submit.disabled {
  pointer-events: none;
  background: #FFFFFF !important;
  border: 3px solid #CFCFCF !important;
  color: #CFCFCF !important;
  font-weight: normal !important;
  padding: 16px 50px !important;
}
.manage-developer-apps #business-form a.button, .manage-developer-apps #business-form #removeDev_submit {
  font-weight: normal !important;
  padding: 16px 50px !important;
}

.field--name-createdat, .field--name-lastmodifiedat {
  display: block !important;
  float: left !important;
  width: 100% !important;
}

/* Client ID Mapping CSS */
form#create-client-id-mapping-form .form-select {
  font-size: 16px !important;
  padding: 7.5px 5px !important;
  color: #363636;
  border-color: #363636;
  max-width: 50%;
}

/* Client ID Mapping CSS End*/
/* Update Company Profile page */
.update-company-profile {
  background: #FFFFFF;
  padding: 40px;
}

form[data-drupal-selector=business-form-update] label {
  float: left;
  width: 100%;
}
form[data-drupal-selector=business-form-update] select, form[data-drupal-selector=business-form-update] input {
  max-width: 60%;
  padding: 6px 4px;
}
form[data-drupal-selector=business-form-update] .subheading {
  display: block;
  float: left;
  width: 100%;
  position: relative;
  padding-left: 14px;
  font-size: 16px;
  font-weight: 600;
}
form[data-drupal-selector=business-form-update] label[for=edit-domains] {
  font-weight: normal;
}
form[data-drupal-selector=business-form-update] input[disabled=disabled] {
  background: #F3F3F3;
  pointer-events: none;
}

/* Update Company Profile page ends*/
input, select {
  font-weight: 400;
  font-size: 1rem !important;
  border: 1pt solid #363636;
  border-radius: 2px;
  padding: 7.5px 5px !important;
  max-width: 400px;
  width: 100%;
}

input.form-text, input.form-tel, input.form-email, input.form-url, input.form-search, input.form-file, input.form-number, input.form-color {
  font-weight: 400;
  font-size: 1rem !important;
  border: 1pt solid #9c9c9c;
  border-radius: 0.25rem;
  padding: 7.5px 5px !important;
  max-width: 400px;
  width: 100%;
  color: #333e48;

}

textarea {
  font-weight: 400;
  font-size: 1rem !important;
  border: 1pt solid #9c9c9c;
  border-radius: 0.25rem;
  padding: 7.5px 5px !important;
  max-width: 400px;
  width: 100%;
  color: #333e48;

}

select {
  font-weight: 400;
  font-size: 1rem !important;
  border: 1pt solid #9c9c9c;
  border-radius: 0.25rem;
  padding: 7.5px 5px !important;
  max-width: 400px;
  width: 100%;
  min-width: 60px;
  color: #333e48;
}

input, select {
  margin: 10px 0;
}

input[type=checkbox] {
  margin: 0px 1em 3px 0 !important;
  width: auto !important;
  width: unset;
}

textarea {
  width: 80%;
}

.js-form-item.form-item.js-form-type-password.form-type-password.js-form-item-pass.form-item-pass {
  position: relative;
  max-width: 400px;
}

input:active, select:active {
  border: 2px solid #363636;
}

.form-required:after {
  color: #8C2A35;
  display: none;
}

::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #CFCFCF;
  opacity: 1;
  /* Firefox */
}

::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #CFCFCF;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #CFCFCF;
  opacity: 1;
  /* Firefox */
}

::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #CFCFCF;
  opacity: 1;
  /* Firefox */
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #CFCFCF;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #CFCFCF;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #CFCFCF;
}

/* Tier Promotion CSS Start */
/*approved status*/
.tier-status-bar.sandbox--approved li:first-child:before, .tier-status-bar.test--approved li:nth-child(2):before, .tier-status-bar.live--approved li:last-child:before, .tier-status-bar.devsandbox--approved li:first-child:before, .tier-status-bar.qa--approved li:nth-child(2):before, .tier-status-bar.load--approved li:last-child:before {
  background: #36B300;
}
.tier-status-bar.sandbox--approved li:first-child:after, .tier-status-bar.test--approved li:nth-child(2):after, .tier-status-bar.live--approved li:last-child:after, .tier-status-bar.devsandbox--approved li:first-child:after, .tier-status-bar.qa--approved li:nth-child(2):after, .tier-status-bar.load--approved li:last-child:after {
  border-color: #36B300;
}

/*approved status ends*/
/*pending status*/
.tier-status-bar.test--pending li:nth-child(2):before, .tier-status-bar.live--pending li:last-child:before, .tier-status-bar.qa--pending li:nth-child(2):before, .tier-status-bar.load--pending li:last-child:before {
  background: #F1C319;
}
.tier-status-bar.test--pending li:nth-child(2):after, .tier-status-bar.live--pending li:last-child:after, .tier-status-bar.qa--pending li:nth-child(2):after, .tier-status-bar.load--pending li:last-child:after {
  border-color: #F1C319;
}

/*pending status ends*/
/*Revoked status*/
.tier-status-bar.test--revoked li:nth-child(2):before, .tier-status-bar.live--revoked li:last-child:before, .tier-status-bar.qa--revoked li:nth-child(2):before, .tier-status-bar.load--revoked li:last-child:before {
  background: #8C2A35;
}
.tier-status-bar.test--revoked li:nth-child(2):after, .tier-status-bar.live--revoked li:last-child:after, .tier-status-bar.qa--revoked li:nth-child(2):after, .tier-status-bar.load--revoked li:last-child:after {
  border-color: #8C2A35;
}

/*Revoked status ends*/
/* Tier Promotion Css Ends */
/* Partner User Management Start*/
td > .partner-user-management-buttons {
  color: #FFFFFF !important;
  border-radius: 12px !important;
  width: 10px;
  height: 36px;
  font-size: 14px !important;
  padding: 0 !important;
  border: none;
}
td > .partner-user-management-approve-enabled {
  background-color: #3fae29 !important;
  border: none;
}
td > .partner-user-management-approve-enabled:hover {
  background-color: #46c32e !important;
  border-color: #46c32e !important;
}
td > .partner-user-management-reject-enabled {
  background-color: #981e32 !important;
  border: #981e32 !important;
}
td > .partner-user-management-approve-disabled, td > .partner-user-management-reject-disabled {
  background-color: #CFCFCF !important;
  border: #CFCFCF !important;
  pointer-events: none;
}

/* Partner User Management Ends*/
/* Manage Company Profile Css Start*/
td > .manage-company-update {
  color: #FFFFFF !important;
  border-radius: 12px !important;
  min-width: 100px !important;
  height: 36px;
  font-size: 14px !important;
  padding: 0 !important;
  border: none;
}
td > .manage-company-update:hover {
  background-color: #46c32e !important;
  border-color: #46c32e !important;
}

/* Manage Company Profile Css End*/
/* Close button */
input.button.remove-field-button {
  min-width: 0 !important;
  border-radius: 50% !important;
  width: 23px !important;
  height: 23px !important;
  padding: 0px !important;
}

.input-proxy-field {
  min-width: 200px;
}

/*!* close button *!*/
/* Css for Add API Products checkbox IE11 */
label.option {
  position: relative;
}

ul.item-list__comma-list li a {
  text-decoration: none;
  font-weight: bold;
}

/*Remove Select arrow on IE*/
select::-ms-expand {
  display: none;
}

/*******Dropdown language list*********/
.dropbtn {
  font-size: 14px;
  border: none;
  font-weight: 700;
  letter-spacing: 0px;
  color: #333E48;
  background: #FFFFFF;
  padding-top: 2px;
}

.user-logged-in .dropdown-languages {
  position: absolute;
  top: -44px;
  left: 0px;
}

.dropdown-languages {
  position: absolute;
  top: -44px;
  left: -35px;
}

.dropdown-content-lang {
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  min-width: 130px;
  -webkit-box-shadow: 0px 8px 16px 0px #000000;
          box-shadow: 0px 8px 16px 0px #000000;
  z-index: 1;
  line-height: 10px;
  font-size: 14px;
}
.dropdown-content-lang a {
  color: #000000;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  background: #FFFFFF;
}

.dropdown-languages:hover .dropdown-content-lang {
  display: block;
}

#description span i {
  margin-left: 2px;
}

#efx-reporting-attribute .form-item {
  width: 15%;
  float: left;
  margin: 0 5px;
}
#efx-reporting-attribute .form-type-textfield {
  margin-top: 10px;
}
#efx-reporting-attribute #edit-submit, #efx-reporting-attribute .button {
  margin-left: 10px;
  float: left;
}

/****Mobile version*****/
@media (max-width: 767px) {
  .user-form {
    padding: 40px 15px 80px 15px;
  }

  .user-register-form, #business-form, .contact-form {
    position: relative;
    padding: 10px 10px 40px;
    margin: 0;
    background: #FFFFFF;
  }

  .user-form .efx-user-profile-page input, .user-form .efx-user-profile-page .form-item-pass-pass1 input[type=password], .user-form .efx-user-profile-page input#edit-current-pass, .user-form .efx-user-profile-page .form-item-pass-pass1 .password-strength {
    width: 100% !important;
  }
  .user-form .efx-user-profile-page #edit-account #edit-pass label[for=edit-pass-pass2] {
    width: 60%;
  }
}
@media (min-width: 768px) {
#business-form,
.contact-form {
    position: relative;
    padding: 40px 40px 100px;
    margin: 0;
    background: #FFFFFF;
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
  }
}
@media (max-width: 1217px) {
  .user-form .efx-user-profile-page input#edit-submit {
    min-width: 150px;
    margin-top: -15px;
    margin-right: 10px;
    width: 50%;
  }
  .user-form .efx-user-profile-page #edit-actions * {
    min-width: 150px;
    margin-top: -15px;
  }
  .user-form .efx-user-profile-page div#edit-actions {
    max-width: 45% !important;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .user-form .efx-user-profile-page #edit-account #edit-pass {
    min-height: 200px !important;
  }
  .user-form .efx-user-profile-page #edit-account #edit-pass label[for=edit-pass-pass2] {
    max-width: 60%;
  }
}

.selectable-row input[type=checkbox]:before, .selectable-row input[type=checkbox] {
  margin: 0px 1px 0px 30px !important;
  float: right;
}
.efx-user-profile-page .manage-developer-apps table tr > th:first-child {
  width: 60px;
}