*{font-family: Barlow;}.x-logo-icon {display: flex;align-items: center;width: 90%;border-radius: 10px;height: 26.5rem;}.app-logo-frame {display: flex;align-items: center;justify-content: center;width: 32.25em;border-radius: 10px;}.komrisk {font-weight: 400;font-size: 1.6rem;}.product-title {font-size: 0.8em;}.upper-products-tiles {height: 1em;display: flex;}.login-heading {font-weight: 400;display: flex;margin-left: 5%;color: #786acd;font-size: 1.8rem;justify-content: flex-start;align-items: center;height: 2em;}.header {display: flex;justify-content: space-between;background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, #f2f2f2 100%);width: 100%;}.container {display: flex;}.colm1, .colm2 {flex: 1;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;justify-content: space-evenly;position: relative;}.colm1 {background: rgba(248, 248, 248, 0.76);}.colm2 {background-color: #ffffffc2;overflow: hidden;}.login-frame {background-color: rgba(248, 248, 248, 0.76);box-shadow: 0 4px 56px rgba(0, 0, 0, 0.16);backdrop-filter: blur(4px);display: flex;flex-direction: column;border-radius: 10px;height: 26em;z-index: 1;}.contact-us-form {background-color: rgba(248, 248, 248, 0.76);box-shadow: 0 4px 56px rgba(0, 0, 0, 0.16);backdrop-filter: blur(4px);display: flex;flex-direction: column;border-radius: 10px;position: relative;z-index: 1;display: none;}.change-password-form {background-color: rgba(248, 248, 248, 0.76);box-shadow: 0 4px 56px rgba(0, 0, 0, 0.16);backdrop-filter: blur(4px);display: flex;flex-direction: column;border-radius: 10px;position: relative;z-index: 1;display: none;}.back-btn-div {display: flex;justify-content: space-evenly;}.back-btn-inner-div {width: 80%;margin-top: 1.5em;}.backbtn {background-color: #FFF;color: #786ACD;border-radius: 5px;cursor: pointer;border: 1px solid #786ACD;height: 1.5em;width: 4.5em;display: flex;flex-flow: row;align-items: center;margin-left: 2.2em;}.backbtn span {display: flex !important;align-items: center;padding: 0em !important;}.message {height: 2.5em;border-radius: 0.3em;border: 1px solid #cdcdcd;padding-left: 4%;margin-bottom: 1rem;}.parent-login-frame {box-shadow: 0 4px 56px rgba(0, 0, 0, 0.16);backdrop-filter: blur(4px);width: 28%;border-radius: 10px;z-index: 1;height: 26em;position: fixed;top: 0;left: 75%;transform: translateX(-50%);margin-top: 4em;}.login-product-name {background-color: #786acd;color: #f7f7f8;;display: flex;flex-direction: column;height: 3.2rem;align-items: center;border-radius: 10px 10px 0px 0px;}.inner-login-product-name-div {display: flex;flex-direction: column;width: 90%;}.login-body {display: flex;flex-direction: column;}.login-form {display: flex;flex-direction: column;width: 80%;margin-top: 0.2em;}.callBack{margin-right: 1em;}.contact-us {background-color: #786acd;color: #f7f7f8;display: flex;justify-content: space-around;align-items: center;height: 3rem;border-radius: 10px;cursor: pointer;margin-top: 1em;}.contact-us-content {display: flex;align-items: center;width: 60%;justify-content: space-evenly;cursor: pointer;}.parrent-login-form {display: flex;justify-content: space-evenly;}.changePass {height: 3em;border-radius: 0.3em;border: 1px solid #cdcdcd;padding-left: 4%;margin-bottom: 1rem;}.username, .password {height: 2.5em;border-radius: 0.3em;border: 1px solid #cdcdcd;padding-left: 4%;}.title {display: flex;justify-content: space-between;}.username, .password, .check-box {margin-bottom: 1rem;}.input-checkbox {border-radius: 0.3em;border: 1px solid #d9d9d9;height: 1.8em;width: 1.8em;margin-right: 0.5em;margin-left: 0em;}.check-box {display: flex;align-items: center;}.login-otp-div {display: flex;justify-content: space-between;height: 3em;}.otpBtn {background-color: #786acd;height: 90%;width: 40%;color: #fff;border-style: none;}.change-pass {background-color: #786acd;height: 60%;width: 40%;border-radius: 0.3em;color: #fff;border-style: none;}.forgotPass-div {display: flex;align-items: center;}.products-title {height: 3rem;display: flex;justify-content: flex-start;align-items: center;}.product-div {z-index: 1;margin-top: 12.3em;}.products-tiles {display: flex;justify-content: space-evenly;align-items: center;margin-bottom: 2em;}.outline-visible{outline: 5px solid #FFFFFF;}.parent-tiles {background-color: #fff;height: 5.5rem;width: 5.5rem;display: flex;justify-content: space-around;align-items: center;border-radius: 5px;margin-bottom: 2em;}.product-view-tiles {background-color: #c0b8f1;height: 4.5rem;width: 4.5rem;border-radius: 5px;cursor: pointer;}.komrisk-product-name, .komplied-product-name, .komsight-product-name, .komtrakt-product-name, .komlit-product-name, .komtrol-product-name {display: flex;align-items: end;justify-content: center;height: 80%;cursor: pointer;}.komrisk-tiles {height: 3.5rem;width: 3.5rem;background-color: #C0B8F1;border-radius: 5px;margin-right: 2em;margin-left: 4em;border: 4px solid #786ACD;}.loginFooter {padding-top: 0.3em;color: white;background-color: black;height: 1.3em;text-align: end;padding-right: 1em;font-size: 0.9em;display: flex;justify-content: space-between;}.komtrakt-tiles {height: 3.5rem;width: 3.5rem;background-color:  rgb(209, 102, 184);border-radius: 5px;margin-right: 2em;border: 4px solid #94287B;}.komlit-tiles {height: 3.5rem;width: 3.5rem;background-color: rgb(243, 141, 8);border-radius: 5px;margin-right: 2em;border: 4px solid #DF7527;}.komtrol-tiles {height: 3.5rem;width: 3.5rem;background-color: rgb(97, 203, 217);border-radius: 5px;margin-right: 2em;border: 4px solid #4595A3;}.top-circle {background-color: rgba(120, 106, 205, 0.22);height: 25em;width: 25em;position: absolute;border-radius: 50%;top: -12em;right: -6em;}.bottom-circle {background-color: rgba(120, 106, 205, 0.22);height: 40em;width: 40em;position: absolute;border-radius: 50%;top: 19em;right: 22em;}.apps-display {width: 95%;display: flex;justify-content: flex-start;}.apps-content {display: flex;justify-content: space-around;align-items: center;width: 75%;}.small-lex-logo {position: absolute;display: flex;justify-content: center;left: -60px;top: 9em;transition: transform 0.5s ease, fill 0.5s ease;}.small-lex-logo2 {position: absolute;display: flex;justify-content: flex-start;left: -60px;top: 30em;transition: transform 0.5s ease, fill 0.5s ease;}.lex-logo3-div {width: 100%;display: flex;justify-content: flex-end;align-items: flex-end;}.small-lex-logo3 {position: absolute;display: flex;justify-content: flex-start;top: 35.9em;margin-top: 3.5em;transition: transform 0.5s ease, fill 0.5s ease;}.lex-small-logo4 {position: absolute;display: flex;justify-content: center;left: 30.4em;top: 22em;}.lex-logo4-div {display: flex;justify-content: flex-end;height: 0px;}.small-lex-logo4 {margin-right: -4.3em;margin-top: -18em;transition: transform 0.5s ease, fill 0.5s ease;}.lex-logo5-div {display: flex;justify-content: flex-end;height: 0px;}.small-lex-logo5 {margin-right: -4.3em;margin-top: -29.5em;transition: transform 0.5s ease, fill 0.5s ease;}.lex-small-logo5 {position: absolute;display: flex;justify-content: center;left: 30.4em;top: 12em;}.check-box, .contact-us-content label {}#terms_and_conditions_link {color: #0091D0;}#forgotPass {color: #0091D0;}.products-tiles label {font-size: 0.8em;}#contactBtn {cursor: pointer;}#jGrowl{z-index: 1 !important;}#loginSso{display: none;align-items:center;margin-right: 10%;}#sso-link{text-decoration:none;}