/**
 * Copyright © 2025 Broadcom. All rights reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. All trademarks, trade names, service marks, and logos referenced herein belong to their respective companies.
 * This software and all information contained therein is confidential and proprietary and shall not be duplicated, used, disclosed or disseminated in any way except as authorized by the applicable license agreement, without the express written permission of Broadcom. All authorized reproductions must be marked with this language.
 * EXCEPT AS SET FORTH IN THE APPLICABLE LICENSE AGREEMENT, TO THE EXTENT PERMITTED BY APPLICABLE LAW OR AS AGREED BY BROADCOM IN ITS APPLICABLE LICENSE AGREEMENT, BROADCOM PROVIDES THIS DOCUMENTATION “AS IS” WITHOUT WARRANTY OF ANY KIND, INCLUDING WITHOUT LIMITATION, ANY IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, OR NONINFRINGEMENT. IN NO EVENT WILL BROADCOM BE LIABLE TO THE END USER OR ANY THIRD PARTY FOR ANY LOSS OR DAMAGE, DIRECT OR INDIRECT, FROM THE USE OF THIS DOCUMENTATION, INCLUDING WITHOUT LIMITATION, LOST PROFITS, LOST INVESTMENT, BUSINESS INTERRUPTION, GOODWILL, OR LOST DATA, EVEN IF BROADCOM IS EXPRESSLY ADVISED IN ADVANCE OF THE POSSIBILITY OF SUCH LOSS OR DAMAGE.
 */
*{
    margin: 0;
    padding: 0;
}

.imagecont{
    height: 750px;
    width: 73.9%;
    max-width: 100%;
    overflow: hidden;
    background-position: center;
    top: 0;
	float:right;
}

.box {
    width: 1500px;
    height: 1000px;
	#background-image: url("sand.png");
	z-index:999;
}

.short-des > a {
     position: absolute;
     z-index: 9999;
 }


.box #short-des{
	align-items: normal;
    display: flex;
    background: #ffffff;
    height: 320px;
    width: 500px;
    position: absolute;
    left: 25%;
    top: 27%;
	border-radius: 5px;
	vertical-align: top;
}
.box #short-des1{
    background: #ffffff;
    height: 100px;
    width: 500px;
    position: absolute;
	padding: 0 0 5px 0;
    left: 20%;
    top: 26%;
}
.box #short-des2{
    background: #ffffff;
    height: 100px;
    width: 500px;
    position: absolute;
	padding: 0 0 5px 0;
    left: 20%;
    top: 37%;
}
h2 {
  font-weight: normal;
}

.line-separator {
  height: 1px;
  border-bottom: 1px solid #dbdcde;
}
div {
        
      }
/*.container {
  margin: 5rem auto 0 auto;
  width: 18rem;
  padding: 0 20px 20px 20px;
  border: 1px solid #dbdcde;
  font-family: myFont;
  font-size: 0.875rem;
  color: #555;
}*/
.container {
  width: 100%;
  height: 100%;
  display: table;
  clear: both;
  float: left;
}
.container1 {
  min-width: 400px;
  min-height: 725px;
  float: left;
}
.container2 {
  min-width: 1120px;
  min-height: 725px;
  margin: 0 0 0 400px; 
  float: right;
}
.calogo {
	margin: 0 0 40px 15px;
	width: 180px;
	height: 62px;
}
.prodheader {
  margin: 15px 0 0 0;
}
.form-container{
  margin-left: -5px;
}
.uimheader {
  
  font-family: "Open sans", sans-serif;
  font-weight: 700;
  width: 300px;
  height: 32px;
  text-align: left;
  font-size: 16px;
  margin: 0 18px 5px 40px;
  line-height: 26px;
  color: #333840;
  line-height: 30px;
  line-spacing: -0.1px;
}

.dataheader {
  font-family: "Open sans", sans-serif;
  text-align: left;
  font-size: 16px;
 
  }

.logosize {
	width: 47.25px;
	height: 39px;
}
.loginbox {
  margin: 50px 0 0 40px;
}
.uname {
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	color: #58606E;
	font-weight: 600;
	line-height: 20px;
	padding: 0 0 5px 0;
	margin: 0 0 0 0;
}
.pass {
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	color: #58606E;
	font-weight: 600;
	margin: 0 0 0 0;
	line-height: 20px;
}
.inputbox {
	width: 360px;
}
input[type=text], input[type=password] {
  height: 35px;
  width: 290px;
  outline: none;
  border: 1.5px solid #AFBACC;
  border-radius: 3px;
  box-shadow: none;
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
  color: #555;
  margin: 0 0 0 0;
  padding-right: 30px;
  padding-left: 8px;
}

input::-ms-clear {
  display: none;
}

input::-ms-reveal {
  display: none;
}

input[type=text]:focus, input[type=password]:focus {
  outline: #3272d9 solid 1.5px;
  outline-offset: 1.5px;
  border: 1.5px solid #AFBACC !important;
}

input[type=text]:hover, input[type=password]:hover {
  border: 1.5px solid #3272d9;
}

input[type="submit"] {
  cursor: pointer;
  width: 332px;
  height: 40px;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  background-color: #3272d9;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  text-transform: uppercase;
}

input[type="submit"]:active {
  background-color: #316487;
}

input[type="submit"]:hover {
  background-color: #1D5BBF;
  #text-decoration: underline;
}

input[type="submit"]:focus {
  #text-decoration: underline;
  outline: #3272D9 solid 1.5px;
  outline-offset: 1.5px;
}

.input__error{
  font-family: "Open Sans",sans-serif,system-ui;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 24px;
    color: #de1b1b;
    float: right;
    margin-right: 35px;
}
p.first {
  padding-top: 1rem;
}

.submitwrapper {
  float: left;
  padding-top: 24px;
 
}

.pwdChangeSubmitWrapper {
  float: left;
  padding-top: 20px;
 
}

.errorwrapper {
  margin: 10px 2px 10px -0.5rem;
  display: block;
  color: red;
  text-align: left;
  background: url('images/alertRed.png') no-repeat left top;
  background-size: 2.667rem;
  padding-left: 2.667rem;
}

.errorheader {
  color: red;
  display: block;
  margin-bottom: 2px;
  margin-top: 1rem;
}

.clearit {
  clear: both;
}

.noshow {
  display: none;
}

.oldie .noshow{
  display: block;
  text-align: center;
}

.p-l-10 {
	padding-left: 10px;
}

.p-l-40 {
	
	font-family: "Open Sans", sans-serif;	
	font-size: 14px;
	color: #3272d9;
}

.p-t-10 {
	padding-top: 10px;
}

.p-t-15 {
	padding-top: 15px;
}

.p-r-5 {
	padding-right: 5px;
}

.flex {
	display: flex;
}

.singleButton {
	background:white;
	font-size:14px;
	height: 40px;
	width: 330px;
	border: 1.5px solid rgba(50, 114, 217, 0.5);
	border-radius: 3px;
	color:#3272d9;
	align-items: center;
  margin: 20px 0;
}

.singleButton:hover {
	background-color: rgba(50, 114, 217, 0.04);
  border: 1.5px solid rgb(50, 114, 217);
}
.singleButton:focus {
	outline: rgb(29, 91, 191) solid 1.5px;
  outline-offset: 1.5px;
  border: 1.5px solid #AFBACC !important;
  background-color: none !important;
}

.singleButtonImg {
	display: flex;
	align-items: center;
	padding-right:10px;
	padding-left:10px
}

.singleButtonSize {
	width:30px;
	height:30px;
	border-radius: 50%;
}

.boxContent {
	align-items: center;
	padding-right:10px;
	padding-left:10px;
}

.boxContentImg {
	width:30px;
	height:30px;
	border-radius: 50%;
}

.boxInsideContent {
  margin-top:8px;
  margin-bottom:8px;
	color:#333840;
	font-size:13px;
	font-family: "Open Sans", sans-serif;
}

.w-h-100 {
	width:100%;
	max-height:100%;
	overflow-y: auto;
	vertical-align: top;
}

.errorLabel {
	font-size:14px;
	font-family: "Open Sans", sans-serif;
	color:#de1b1b;
	font-weight:600;
	padding: 8px 0px 0px 0px;
}

.pwdChangeErrorLabel {
	font-size:14px;
	font-family: "Open Sans", sans-serif;
	color:#de1b1b;
	font-weight:600;
	padding: 2px 0px 0px 0px;
}

.pwdChangeErrorLabel2 {
	font-size:14px;
	font-family: "Open Sans", sans-serif;
	color:#de1b1b;
	font-weight:600;
	padding: 25px 0px 0px 0px;
}

.footer { 
  text-align: center;
  font-size: 12px;
  color: @gray-1;
  position: fixed;
  bottom: 0px;
  width: 50%;
  background: @gray-0;
  margin-left:450px;
}
.textlink {
	text-decoration:none; 
	font-size:13px; 
	font-family: "Open Sans", sans-serif;
	color:#3272d9;
	text-align: right; 
	float: right;
}

.textarealink {
	text-decoration:none; 
	color:#3272d9;
}

.textarealink:hover{
  text-decoration: underline;
}

.textarealink:focus-visible{
  outline: 1.5px solid #3272d9;
  outline-offset: 1.5px;
  text-decoration: white !important;
}

#passwordChangeSuccessDiv{
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #FFFFFF;
  color: #000000;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  position: fixed;
  z-index: 1;
  left: 50%;
  top: 30px;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
}

#passwordChangeSuccessDiv.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
  animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

#passwordChangeFailureDiv{
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #FFFFFF;
  color: #000000;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  position: fixed;
  z-index: 1;
  left: 50%;
  top: 30px;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
}

#passwordChangeFailureDiv.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
  animation: fadein 0.5s, fadeout 0.5s 4.5s;
}



@-webkit-keyframes fadein {
  from {top: 0; opacity: 0;} 
  to {top: 30px; opacity: 1;}
}

@keyframes fadein {
  from {top: 0; opacity: 0;}
  to {top: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {top: 30px; opacity: 1;} 
  to {top: 0; opacity: 0;}
}

@keyframes fadeout {
  from {top: 30px; opacity: 1;}
  to {top: 0; opacity: 0;}
}

.changePwdLabel {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  width: 300px;
  height: 15px;
  text-align: left;
  font-size: 15px;
  line-height: 26px;
  color: #333840;
  line-height: 30px;
  line-spacing: -0.1px;
}
@font-face {
  font-family: 'Open+Sans';
  src: local('OpenSans'), url(./fonts/OpenSans-Regular.ttf) format('truetype');
  src: local('OpenSans'), url(./fonts/OpenSans-Bold.ttf) format('truetype');
  src: local('OpenSans'), url(./fonts/OpenSans-BoldItalic.ttf) format('truetype');
  src: local('OpenSans'), url(./fonts/OpenSans-ExtraBold.ttf) format('truetype');
  src: local('OpenSans'), url(./fonts/OpenSans-ExtraBoldItalic.ttf) format('truetype');
  src: local('OpenSans'), url(./fonts/OpenSans-Italic.ttf) format('truetype');
  src: local('OpenSans'), url(./fonts/OpenSans-Light.ttf) format('truetype');
  src: local('OpenSans'), url(./fonts/OpenSans-LightItalic.ttf) format('truetype');
  src: local('OpenSans'), url(./fonts/OpenSans-SemiBold.ttf) format('truetype');
  src: local('OpenSans'), url(./fonts/OpenSans-SemiBoldItalic.ttf) format('truetype');	
  src: local('OpenSans'), url(./fonts/OpenSans-Medium.ttf) format('truetype');
  src: local('OpenSans'), url(./fonts/OpenSans-MediumItalic.ttf) format('truetype');	
}