/* custom theme css */

/* fonts begin*/
 @font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto-Medium.ttf") format("truetype"),
    url("../fonts/Roboto-Medium.ttf") format("truetype");
    font-weight: 500;
  }

  @font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto-Bold.ttf") format("truetype"),
    url("../fonts/Roboto-Bold.ttf") format("truetype");
    font-weight: 700;
  }

  @font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto-Regular.ttf") format("truetype"),
    url("../fonts/Roboto-Regular.ttf") format("truetype");
    font-weight: 400;
  }

   @font-face {
    font-family: Barlow;
    src: url("../fonts/Barlow-Regular.ttf") format("truetype"),
    url("../fonts/Barlow-Regular.ttf") format("truetype");
    font-weight: 400;
  }
/* fonts end*/

/* Theme variables */
:root {
  --primaryColor: #990099;
  --secondaryColor: #e8e8f4;
  --accentColor: #990099;
  --onPrimary: #ffffff;
  --onSecondary: #4b4848;
  --onAccent: #ffffff;
  --footerBackground: #e3e2e2;
  --footerTextColor: #4b4848;
  --footerType: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MDAgNDAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDAgNDAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6J2N1cnJlbnRDb2xvcid9Cgkuc3Qxe2ZpbGw6J2N1cnJlbnRDb2xvcid9Cjwvc3R5bGU+CjxnPgoJPGc+CgkJPHBhdGggY2xhc3M9J3N0MCcgZD0iTTguMywxNzEuNWMtMi45LTAuOC01LjMtMi43LTYuOC01LjNjLTEuNS0yLjYtMS45LTUuNy0xLjEtOC41YzAuOC0yLjksMi43LTUuMyw1LjMtNi44CgkJCWMyLjYtMS41LDUuNy0xLjksOC41LTEuMWwxMDIuMSwyNy40djBjNi40LDEuOCwxMy4yLDEuOCwxOS42LDAuMmwwLjYtMC4xYzYuMi0xLjgsMTEuOC01LjIsMTYuMi05LjhsMCwwTDMxNi44LDMuMwoJCQljMi4xLTIuMSw1LTMuMyw4LTMuM2MzLDAsNS45LDEuMiw4LDMuM2MyLjEsMi4xLDMuMyw1LDMuMyw4YzAsMy0xLjIsNS45LTMuMyw4TDE2OC43LDE4My4zbDAsMGMtNy4zLDcuMy0xNi4zLDEyLjctMjYuMiwxNS41CgkJCWMtMC4zLDAuMS0wLjUsMC4yLTAuOCwwLjJjLTEwLjIsMi43LTIxLDIuNi0zMS4yLTAuMnYwTDguMywxNzEuNXogTTQ2LjMsMTMzLjZsNTIuMywxNGMxMC4yLDIuOCwyMSwyLjksMzEuMiwwLjIKCQkJYzEwLjItMi43LDE5LjYtOC4yLDI3LTE1LjdsNjctNjdjMi4xLTIuMSwzLjMtNSwzLjMtOGMwLTMtMS4yLTUuOS0zLjMtOGMtMi4xLTIuMS01LTMuMy04LTMuM2MtMywwLTUuOSwxLjItOCwzLjNsLTY3LDY3CgkJCWMtNSw1LTEwLjcsOC4zLTE2LjksMTBjLTYuMSwxLjYtMTIuOCwxLjYtMTkuNi0wLjJsLTUyLjItMTRjLTEuNC0wLjQtMi45LTAuNS00LjQtMC40Yy0xLjUsMC4yLTIuOSwwLjctNC4yLDEuNAoJCQljLTEuMywwLjctMi40LDEuNy0zLjQsMi45Yy0wLjksMS4yLTEuNiwyLjUtMiw0Yy0wLjQsMS40LTAuNSwzLTAuMyw0LjRjMC4yLDEuNSwwLjcsMi45LDEuNSw0LjJjMC44LDEuMywxLjgsMi40LDMsMy4zCgkJCUM0My41LDEzMi42LDQ0LjgsMTMzLjIsNDYuMywxMzMuNnogTTI1MC4yLDM4NS44bC0yNy40LTEwMi4xYy0xLjgtNi40LTEuOC0xMy4yLTAuMi0xOS42bDAuMS0wLjZjMS44LTYuMiw1LjItMTEuOCw5LjgtMTYuMwoJCQlMMzk2LjcsODMuMmMyLjEtMi4xLDMuMy01LDMuMy04YzAtMy0xLjItNS44LTMuMy04Yy0yLjEtMi4xLTUtMy4zLTgtMy4zYy0zLDAtNS45LDEuMi04LDMuM2wtMTY0LDE2NC4xCgkJCWMtNy40LDcuMi0xMi43LDE2LjMtMTUuNiwyNi4yYy0wLjEsMC4zLTAuMiwwLjUtMC4yLDAuOGMtMi43LDEwLjItMi42LDIxLDAuMiwzMS4yaDBsMjcuNCwxMDIuMmMwLjgsMi45LDIuNyw1LjMsNS4zLDYuOAoJCQljMi42LDEuNSw1LjcsMS45LDguNSwxLjFjMi45LTAuOCw1LjMtMi43LDYuOC01LjNDMjUwLjYsMzkxLjgsMjUxLDM4OC43LDI1MC4yLDM4NS44TDI1MC4yLDM4NS44eiBNMjg4LjIsMzQ3LjlsLTE0LTUyLjIKCQkJYy0xLjgtNi40LTEuOC0xMy4yLTAuMi0xOS42bDAuMS0wLjZjMS44LTYuMiw1LjItMTEuOCw5LjgtMTYuMmw2Ny02N2MyLjEtMi4xLDMuMy01LDMuMy04YzAtMy0xLjItNS45LTMuMy04CgkJCWMtMi4xLTIuMS01LTMuMy04LTMuM2MtMywwLTUuOSwxLjItOCwzLjNsLTY3LDY3Yy03LjMsNy4zLTEyLjcsMTYuMy0xNS41LDI2LjJjLTAuMSwwLjMtMC4yLDAuNS0wLjIsMC44CgkJCWMtMi43LDEwLjItMi42LDIxLDAuMiwzMS4yaDBsMTQsNTIuM2MwLjQsMS40LDEsMi44LDEuOSwzLjljMC45LDEuMiwyLDIuMiwzLjMsMi45YzEuMywwLjcsMi43LDEuMiw0LjIsMS40CgkJCWMxLjUsMC4yLDMsMC4xLDQuNC0wLjNjMS40LTAuNCwyLjgtMSwzLjktMS45YzEuMi0wLjksMi4yLTIsMi45LTMuM2MwLjctMS4zLDEuMi0yLjcsMS40LTQuMgoJCQlDMjg4LjYsMzUwLjgsMjg4LjUsMzQ5LjMsMjg4LjIsMzQ3LjlMMjg4LjIsMzQ3Ljl6IE0zNzUuMiw4LjhMMzMuOCwzNTAuMmMtMi4xLDIuMS0zLjMsNS0zLjMsOGMwLDMsMS4yLDUuOSwzLjMsOAoJCQljMi4xLDIuMSw1LDMuMyw4LDMuM2MzLDAsNS45LTEuMiw4LTMuM0wzOTEuMiwyNC44YzIuMS0yLjEsMy4yLTUsMy4yLThjMC0zLTEuMi01LjgtMy4zLTcuOWMtMi4xLTIuMS00LjktMy4zLTcuOS0zLjMKCQkJQzM4MC4yLDUuNiwzNzcuMyw2LjgsMzc1LjIsOC44eiBNMTAzLjMsMjE2LjdsLTcxLjQsNzEuNGMtMi4xLDIuMS0zLjMsNS0zLjMsOGMwLDMsMS4yLDUuOSwzLjMsOGMyLjEsMi4xLDUsMy4zLDgsMy4zCgkJCWMzLDAsNS45LTEuMiw4LTMuM2w3MS40LTcxLjRjMS4xLTEuMSwxLjktMi4zLDIuNS0zLjdjMC42LTEuNCwwLjktMi44LDAuOS00LjNjMC0xLjUtMC4zLTMtMC45LTQuM2MtMC42LTEuNC0xLjQtMi42LTIuNS0zLjcKCQkJYy0xLjEtMS4xLTIuMy0xLjktMy43LTIuNWMtMS40LTAuNi0yLjgtMC45LTQuMy0wLjljLTEuNSwwLTMsMC4zLTQuMywwLjlDMTA1LjYsMjE0LjgsMTA0LjQsMjE1LjYsMTAzLjMsMjE2LjdMMTAzLjMsMjE2Ljd6CgkJCSBNMTY3LjMsMjgwLjdsLTcxLjQsNzEuNWMtMi4xLDIuMS0zLjMsNS0zLjMsOGMwLDMsMS4yLDUuOSwzLjMsOGMyLjEsMi4xLDUsMy4zLDgsMy4zYzMsMCw1LjktMS4yLDgtMy4zbDcxLjQtNzEuNQoJCQljMi4xLTIuMSwzLjItNSwzLjItOGMwLTMtMS4yLTUuOC0zLjMtNy45cy00LjktMy4zLTcuOS0zLjNDMTcyLjMsMjc3LjUsMTY5LjQsMjc4LjYsMTY3LjMsMjgwLjd6Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0nc3QxJyBkPSJNMjg0LjUsMzgyLjV2My4xaC01LjN2MTQuM2gtMy43di0xNC4zaC01LjN2LTMuMUgyODQuNXogTTI5Ni42LDM5MmMwLjEsMC4zLDAuMiwwLjUsMC4zLDAuOAoJCQljMC4xLDAuMiwwLjIsMC41LDAuMywwLjhjMC4xLTAuMywwLjItMC41LDAuMy0wLjhjMC4xLTAuMiwwLjItMC41LDAuNC0wLjhsNS04LjljMC4yLTAuMywwLjMtMC40LDAuNS0wLjUKCQkJYzAuMi0wLjEsMC40LTAuMSwwLjctMC4xaDMuMXYxNy40aC0zLjJ2LTEwLjdsMC4zLTIuMmwtNS40LDkuOWMtMC4zLDAuNS0wLjcsMC44LTEuMywwLjhIMjk3Yy0wLjYsMC0xLTAuMy0xLjMtMC44bC01LjQtOS44CgkJCWwwLjIsMi4xdjEwLjdoLTMuMnYtMTcuNGgzLjFjMC4zLDAsMC42LDAsMC43LDAuMWMwLjEsMC4xLDAuMywwLjIsMC41LDAuNUwyOTYuNiwzOTJ6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==');
  --logoImage: url("../img/RocketNewInlineLogo.svg");
  --loginBgImage: url("../img/Rocket_default_login_bg.jpg");
  --headerBackground: url("../img/RocketBlackHeader.png");
  --headerBackgroundWrapper: #000000;
  --onHeader: #fff;
  --headerHeight: 55px;
}
/* Theme variables */

.login-pf-page {
    padding-top: 0;
    height: 100%;
}

.login-pf body {
    background: rgb(239, 239, 239);
}

.login-pf-page-header {
    background: var(--headerBackground);
    background-size: cover;
    height: var(--headerHeight);
    margin-bottom: 0px !important;
}

.login-pf-page-header-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0;
}

#kc-header-company-logo {
    margin-right:16px;
    margin-left:16px;
    width: 160px;
    height: 50px;
    background: var(--logoImage);
    background-position: center;
    background-repeat:no-repeat;
    background-size:contain;}

#kc-header-company-text {    
    border-left:0.5px solid var(--onHeader);
    padding-left: 16px;
    color: var(--onHeader);
    font-size: 22px;
}

.kc-section-container {
    height: calc(100% - 95px);
    display: flex;
    background: var(--loginBgImage);
    background-position: center;
    background-repeat:no-repeat;
    background-size:cover;
}

.right-section {
    height: 100%;
    flex: 1 1 27%;
    padding: 32px;
}

.right-section a{
    color: var(--primaryColor);
}

.left-section {
    height: 100%;
    flex: 1 1 73%;
    overflow: auto;
}

.login-pf-header, .kc-content-header {
    font-size: 24px;
    font-family: Roboto;
    font-weight: normal;
}

.login-pf-page-footer {
    background: var(--footerBackground);
    color: var(--footerTextColor);
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 10px;
}

.login-pf-page .login-pf-page-footer {
    justify-content: space-between;
}

.pf-c-dropdown {
    margin-left: auto;
    width: auto;
    min-width: 136px;
    height: 36px;
    background-color: rgba(153,153,204,0.5);
    color: var(--onHeader);
    margin-right: 10px;
}

#kc-current-locale-link {
    color: var(--onHeader) !important;
}

#kc-locale ul {
    top: 32px
}

#kc-locale-dropdown {
    width: 100%;
    text-align: center;
    padding: 5px;
}

.pf-c-dropdown__menu {
    margin-right: 15px;
    top:34px;
}

.login-pf-page-footer a {
   color: var(--footerTextColor);
}
.login-pf-page-footer a:hover {
    color: var(--accentColor);
}

.login-pf-page-footer-copyright-wrapper{
    display: flex;
    align-items: center;
}

.login-pf-page-footer-copyright-wrapper #copyRight{
    padding-right: 30px;
    background: var(--footerType) right center no-repeat;


}

.input-icon-right {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 18px; 
    color:rgba(0, 0, 0, 0.54);
}

.kc-welcome-title{
    font-family: Barlow;
    font-weight: 300;
    font-size: 4.5rem;
    margin-left: 9%;
    padding-top: 25.5%;
}
.card-pf {
    border-top: 0;
    height: 100%;
    padding: 20px 30px 30px !important;
    border-radius: 8px;
    overflow-y:auto;
}

#kc-otp-login-form, #kc-select-credential-form, .login-wrapper{
    padding-top: 50%;
}

#kc-otp-login-form div.form-group:first-of-type{
   margin-bottom: 0;
}

#kc-passwd-update-form .pf-c-button.pf-m-primary, #kc-passwd-update-form .pf-c-button.pf-m-primary:focus {
    background-color: var(--accentColor);
    color: var(--onAccent);
    border: 0;
    outline: 0;
}

#kc-passwd-update-form .pf-c-button.pf-m-primary:focus-within{
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px;
}

#kc-passwd-update-form .pf-c-button.pf-m-block {
    width: auto;
    min-width: 112px;
    border-radius: 15px;
    font-weight: 700;
}

#kc-passwd-update-form #kc-form-buttons{
    display: flex;
    justify-content: center;
}
#kc-form-buttons{
    display: flex;
    justify-content: center;
}

.pf-c-button.pf-m-primary{
    width: 112px;
    border-radius: 18px;
    background: var(--primaryColor);
    color: var(--onPrimary);
}

#kc-passwd-update-form .form-group {
    position: relative;
    padding: 0 20px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
}

#kc-passwd-update-form {
    margin-top: 15px;
}

#kc-passwd-update-form .form-group-fields-wrapper >input{border: 0}

#kc-passwd-update-form .form-group-fields-wrapper .pf-c-form__label {
    position: absolute;
    top: 15px;
    left: 30px;
    width: auto;
    padding: 0;
    font-size: 14px;
}

#kc-passwd-update-form .form-group-fields-wrapper input {
    border: 2px solid rgba(0, 0, 0, 0.23);
    border-radius: 4px;
    padding: 10px 0 10px 5px;
    height: 50px;
    font-size: 14px;
    background: transparent;
    z-index: 1;
    position: relative;
}

#kc-passwd-update-form .form-group-fields-wrapper input:focus{
    border-color: var(--primaryColor);
    outline: none;
}

#kc-passwd-update-form .form-group-fields-wrapper input:focus + label, #kc-passwd-update-form .form-group-fields-wrapper input:active + label{
    top: -9px;
    padding: 0 7px;
    background: #fff;
    color: var(--primaryColor);
    z-index: 2;
}

#kc-passwd-update-form .form-group-fields-wrapper input:not(:placeholder-shown) + label{
    top: -9px;
    padding: 0 7px;
    background: #fff;
    z-index: 2;
}

#kc-passwd-update-form  #kc-form-options{padding: 0;}
#kc-passwd-update-form  #kc-form-options input[type='checkbox'] {
    accent-color: var(--primaryColor);
    height: 15px;
    width: 15px;
}
.login-pf-settings a, #kc-info-message a, .auth-header-title{
	color:var(--primaryColor);
}

#kc-login{
background-color:var(--primaryColor);
}


#kc-form-options .checkbox{font-size: 14px;}

.pf-c-form__helper-text.pf-m-error{color: rgb(235, 71, 77)}

.pf-c-alert.pf-m-danger{
    border-radius: 4px;
    border: 0;
    font-weight: 400;
}

.pf-c-alert.pf-m-danger .pf-c-alert__title {
    color: rgb(235, 71, 77);
    font-weight: 400;
}

.custom-outlined-input {
  position: relative;
  width: 100%;
  font-family: 'Roboto', sans-serif;
}

.custom-outlined-input input {
  width: 100%;
  padding: 12px 12px 8px 12px;
  font-size: 16px;
  border: 1.5px solid #999;
  border-radius: 4px;
  outline: none;
  background: transparent;
  box-sizing: border-box;
  transition: all 0.3s ease-in-out;
}

.custom-outlined-input input:focus {
  border-color: var(--accentColor);
}

.custom-outlined-input label {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  font-size: 16px;
  pointer-events: none;
  background: transparent;
  padding: 0 4px;
  transition: 0.3s ease all;
  user-select: none;
  font-weight: 400;
}

.custom-outlined-input input:focus + label,
.custom-outlined-input input:not(:placeholder-shown) + label {
  top: 2px;
  font-size: 12px;
  color: var(--accentColor);
  background-color:white;
  padding-right:8px;
}

.custom-outlined-input input::placeholder {
  color: transparent;
}

.custom-outlined-input input:hover {
  border-color: #555;
}

.login-form {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.custom-contained-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  padding: 10px 20px;
  min-width: 112px;
  height: 32px;
  font-size: 14px;
  border-radius: 18px;
  font-weight: 500;
  text-align: center;
  color: white;
  background-color: var(--accentColor);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  width: 25%;
  box-sizing: border-box;
}

.custom-outlined-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  padding: 10px 20px;
  min-width: 112px;
  height: auto;
  font-size: 14px;
  border-radius: 18px;
  font-weight: 500;
  text-align: center;
  border-color: var(--accentColor);
  color: var(--accentColor);
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  width: 25%;
  box-sizing: border-box;
}

.custom-contained-button:disabled {
  background-color: #b0bec5;
  cursor: not-allowed;
  box-shadow: none;
}

.kc-registration{
     margin-top: 14px;
}

.kc-forgot-pw{
    text-align: center;
    margin-top: 10px;
}

.kc-links{
    color: var(--primaryColor);
}
.kc-links:hover{
    color: var(--primaryColor)!important;
}

.kc-privacy-policy{
    margin-top: 30px;
}
.kc-links-wrapper{
    font-size: 14px;
    text-align: center;
}

.custom-sub-header-class{
    font-size: 16px;
    font-weight: 500;
    font-family: "Barlow", sans-serif;
    margin-bottom: 16px;
}
.kc-form-buttons-wrapper{
    display: flex;
    justify-content: center;
    gap: 5px
}
.kc-form-buttons-wrapper button{
    font-size: 11px
}

form input:hover{
    border-color: var(--primaryColor);
}

input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    border: 2px solid var(--primaryColor);
    border-radius: 4px;
    background-color: white;
    cursor: pointer;
    position: relative;
}


input[type="checkbox"]:checked {
    background-color: var(--primaryColor);
}

input[type="checkbox"]:checked::after {
    content: "✔";
    color: white;
    font-size: 9px;
    position: absolute;
    top: 0;
    left: 3px;
}

input[type=checkbox]:focus {
    outline: none;
}

.select-auth-box-parent {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}

 .select-auth-box-parent .authentication-method {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--primaryColor);
     flex-basis: 90%;
     text-align: left;
 }

 .select-auth-box-parent .select-auth-box-icon{
    margin-left: 0;
 }

 .select-auth-box-parent .pf-m-fill, .select-auth-box-headline {
    text-align: left;
    color: var(--primaryColor);
 }
 .select-auth-box-parent .pf-l-stack{
    height: auto;
 }
 .fa-list {
    font-size: 1.25em;
 }

@media (min-width: 768px){
    .login-pf-page .login-pf-page-footer {
        padding-bottom: 0;
    }
}

/* End Recovery codes */