/** LOGIN PAGE ONE START OLD DESIGN **/
.page-101{overflow-y:hidden;}
.login-page .t-Body{background:#fff;}
.login-page .t-Body #t_Body_content_offset{height:auto !important;}

.login-page .t-Body-main{position:relative;}
.login-page .loginMainCard{border:none;box-shadow:none;margin:0;padding:0;background:rgba(0,0,0,0.0) !important;}
.login-page .loginMainCard .lgSectionCard{display: flex;align-items: center;justify-content: center;height: 100%;float: none;width: 100%;}
.login-page .loginMainCard .t-Region-body{overflow:hidden;}
.login-page .t-Body #left-col .t-Region-body{margin:0;}
.login-page .t-Body #left-col img{width:500px;margin:90px 0 0 -22px;}

.login-page .t-Body .t-Body-contentInner{padding:0;position:relative;}
.login-page .t-Body #left-col{margin:0;padding:0;display:none;}
.login-page .t-Body #left-col::before{content:"";display:block;top:0;bottom:0;left:0;right:0;height:100%;width:100%;position:absolute;background:rgba(2,11,19,0.0);}
.login-page #right-col{padding:15px 35px;background:#fff !important;border:none;box-shadow:0 4px 12px rgb(0 0 0 / 15%);border-radius:25px;margin:auto;width:430px;height:fit-content;top:0;right:0;bottom:0;left:0;position:fixed;z-index: 9;}
.login-page #right-col #logo{padding:0;margin:15px auto 15px;text-align:center;width:100%;}
.login-page #right-col #logo img{max-width:100%;width:250px;}

.login-page #right-col .t-Region-bodyWrap .t-Login-region{border:none;box-shadow:none;background:rgba(0,0,0,0.0);border-radius:0;margin:0;padding:0;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-header{margin:0;padding:0;text-align:center;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-header .t-Login-logo{display:none;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-header h1{font-size:18px;line-height:26px;color:#383838;margin:0;padding:0;text-align:center;font-weight:700;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-body{margin:33px 0 0 0;padding:0;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-body .t-Form-fieldContainer{margin:0 0 23px 0;padding:0;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-body .t-Form-fieldContainer .t-Form-labelContainer{display:none;height:auto !important;width:auto !important;position:inherit;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-body .t-Form-fieldContainer .t-Form-labelContainer label{font-size:17px;font-weight:600;color:#828282;text-transform:capitalize;margin-bottom:0px;height:auto;width:auto;position:inherit;padding:0;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-body .t-Form-fieldContainer .t-Form-inputContainer{margin:0;padding:0;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-body .t-Form-fieldContainer .t-Form-inputContainer .t-Form-itemWrapper{margin:0;padding:0;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-body .t-Form-fieldContainer .t-Form-inputContainer .t-Form-itemWrapper input{background: #fff;color:rgba(0,0,0,0.9) !important;font-size: 18px;border-radius: 4px;border:1px solid rgba(0,0,0,0.6);padding:0 15px;text-indent:22px;height:50px;line-height:50px;filter:none;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-body .passWord .t-Form-inputContainer .t-Form-itemWrapper input{padding-right:31px;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-body .t-Form-fieldContainer .t-Form-inputContainer .t-Form-itemWrapper .apex-item-icon{display:block;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-body .t-Form-fieldContainer .t-Form-inputContainer .t-Form-itemWrapper .apex-item-icon::before{content:"";}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-body .userName .fa-user{background:#fff url('./loginUsername.png') no-repeat 8px 17px;background-size: auto 33%;padding: 0 15px;height:48px;left:2px;top:1px;position:absolute;margin:0;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-body .passWord .fa-key{background:#fff url('./loginPassword.png') no-repeat 8px 11px;background-size: auto 48%;padding: 0 15px;height:48px;margin:0;left:2px;top:1px;position:absolute;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-buttons{margin:0;padding:0;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-buttons .t-Button{background:#21409a;height:50px;line-height:50px;padding:0;margin:30px auto 32px;text-align:center;text-transform:uppercase;font-size:20px;font-weight:500;border-radius:28px;width:100%;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-buttons .t-Button:focus,.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-buttons .t-Button:hover{background:#0000EE;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-body .copyRight{text-align:center;color:#828282;font-weight:600;font-size:17px;}

.login-page #right-col .t-Region-bodyWrap .t-Login-region .goBack{background:rgba(0,0,0,0.0);border:none;box-shadow:none;color:#1a0dab !important;font-size:18px;font-weight:600;text-align:center;padding:0;height:auto;line-height:22px;;width:auto;text-decoration:underline;margin:0 0 10px 0;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .goBack:focus,.login-page #right-col .t-Region-bodyWrap .t-Login-region .goBack:hover{background:rgba(0,0,0,0.0);border:none;box-shadow:none;color:#609 !important;}
.commonPage .btnLeft{float: left;}
.commonPage .btnRight{float: right;}

/** FOOTER START **/
.custom-theme .t-Footer{margin:0;padding:0px 15px;border:none;background:#fff;text-align:center;border:none;color:#868e96;font-size:13px;}
.custom-theme .t-Footer ul{margin:0 auto;padding:0;display:table;}
.custom-theme .t-Footer ul li{margin:0;padding:0 6px;list-style:none;float:left;font-size:13px;border-right:1px solid rgba(0,0,0,0.10);}
.custom-theme .t-Footer ul li:last-child{border-right:0;}
.custom-theme .t-Footer ul li a{padding:0;color:#005fe0;text-transform:capitalize;text-decoration:none;}
.custom-theme .t-Footer ul li a:hover{text-decoration:underline;}
.custom-theme .t-Footer .t-Footer-top{display:none;}

.commonFooter .t-Footer{margin:0;padding:0px 15px;border:none;background:#fff;text-align:center;border:none;color:#868e96;font-size:13px;}
.commonFooter .t-Footer ul{margin:0 auto;padding:0;display:table;}
.commonFooter .t-Footer ul li{margin:0;padding:0 6px;list-style:none;float:left;font-size:13px;border-right:1px solid rgba(0,0,0,0.10);}
.commonFooter .t-Footer ul li:last-child{border-right:0;}
.commonFooter .t-Footer ul li a{padding:0;color:#005fe0;text-transform:capitalize;text-decoration:none;}
.commonFooter .t-Footer ul li a:hover{text-decoration:underline;}
.commonFooter .t-Footer .t-Footer-top{display:none;}
/** FOOTER END **/

.login-page .t-Body .t-Body-wrap{margin-top:-297px;}
.login-page .t-Body .t-Login-container .t-Login-region{padding:0 55px; margin:0; background:rgba(213, 213, 213,0.0); box-shadow:none; border:none; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px;}
.login-page .t-Body .t-Login-container .t-Login-region .t-Login-header{padding:0; margin-top:10px; display:inline-block; width:100%; text-align:center; margin-bottom:27px;}
.login-page .t-Body .t-Login-container .t-Login-region .t-Login-header .t-Login-logo{display:none;}
.login-page .t-Body .t-Login-container .t-Login-region .t-Login-header h1{color:#fff; font-size:26px; font-family:'Source Sans Pro', sans-serif; font-weight:600; margin:0;display:none;}

.login-page .t-Body .t-Login-container .t-Login-region .t-Form-inputContainer{padding:0; margin:0; border:none; box-shadow:none;}
.login-page .t-Body .t-Login-container .t-Login-region #P101_USERNAME {background: #fff !important;border-top: none !important;color: #101010 !important;border-bottom: 1px solid #d4dbe3 !important;border-left: 1px solid #d4dbe3 !important;border-right: 1px solid #d4dbe3 !important;border-top: 1px solid #d4dbe3 !important;padding-top: 0px;padding-bottom: 0px;height: 45px;border-top-right-radius: 12px;border-top-left-radius: 12px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
.login-page .t-Body .t-Login-container .t-Login-region #P101_PASSWORD {background: #fff !important;border-top: none !important;color: #101010 !important;border-bottom: 1px solid #d4dbe3 !important;border-left: 1px solid #d4dbe3 !important;border-right: 1px solid #d4dbe3 !important;border-top: none !important;padding-top: 0px;padding-bottom: 0px;height: 45px;border-top-right-radius: 0px;border-top-left-radius: 0px;border-bottom-right-radius: 12px;border-bottom-left-radius: 12px;}

.login-page .t-Body .t-Login-container .t-Login-region .t-Login-buttons{margin-top:28px;}
.login-page .t-Body .t-Login-container .t-Login-region .t-Login-buttons .t-Button {background: #d69301;width: 80%;margin: 28px auto 0px;border: none !important;font-size: 16px !important;font-weight: 600;text-transform: capitalize;border-radius: 4px;width: 100%;transition: all 0.4s ease-in-out;box-shadow: none !important;}
.login-page .t-Body .t-Login-container .error-msg{font-size:14px; font-weight:600; text-transform:capitalize; color:#fff; margin:25px 0; text-align:center;}
.login-page #right-col .t-Region-bodyWrap #error-msg{text-align:center;font-weight:500;margin:0;color:#fd0118;}
/** LOGIN PAGE ONE END OLD DESIGN **/

/** SHOW PASSWORD START **/
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-body .t-Form-fieldContainer .t-Form-inputContainer .t-Form-itemWrapper{position:relative;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-body .t-Form-fieldContainer .t-Form-inputContainer .t-Form-itemWrapper .t-Form-itemText{position:relative;display:contents;width:100%;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-body .t-Form-fieldContainer .t-Form-inputContainer .t-Form-itemWrapper #sh{top:17px;position: absolute;margin: 0;padding: 0;border: none;height: 17px;width:17px;right:18px;cursor:pointer;z-index:9;color:rgba(0,0,0,0.9);font-size:18px;}
.login-page #right-col .t-Region-bodyWrap .t-Login-region .t-Login-body .t-Form-fieldContainer .t-Form-inputContainer .t-Form-itemWrapper #shc{margin: 0;padding: 0;border: none;width: 17px;height: 17px;right:18px;position: absolute;top:17px;cursor:pointer;z-index:9;color:rgba(0,0,0,0.9);font-size:18px;}
/** SHOW PASSWORD END **/

/** FORGOT PASSWORD START **/
.forgotPassword .t-Body-contentInner{margin:0;padding:0;}
.forgotPassword .columnCard{margin:0 !important;padding:0;border:none;box-shadow:none;background:rgba(0,0,0,0.0) !important;}
.forgotPassword .columnCard .columnCardView{float:none;margin:0;padding:60px 0;height:100%;width:100%;transform: translate(0, 50px);}
.forgotPassword .columnCard .columnCardView.cardOne{margin:0;}
.forgotPassword .columnCard .columnCardView.cardOne.HideCardOne{display: none;}
.forgotPassword .columnCard .columnCardView.cardTwo{display:none;margin:0;}
.forgotPassword .columnCard .columnCardView.cardTwo.ShowCardTwo{display:flex;}
.forgotPassword .columnCard .columnCardView.cardThree{display:none;margin:0;}
.forgotPassword .columnCard .columnCardView.cardThree.ShowCardThree{display:flex;}

/** COMMON CARD **/
.forgotPassword .columnCard .columnCardView .cardView{margin:0 auto !important;padding:25px 32px;background:#fff;box-shadow:0 4px 12px rgb(0 0 0 / 15%);border:none;border-radius:25px;width:460px;}
.forgotPassword .columnCard .columnCardView .cardView .logoSection{margin:0 0 25px 0;padding:0;text-align: center;height: 62px;overflow:hidden;}
.forgotPassword .columnCard .columnCardView .cardView .logoSection img{width:300px;max-width: 100%;}
.forgotPassword .columnCard .columnCardView .cardView .headingCard{margin:0 0 30px 0;padding:0;text-align: center;}
.forgotPassword .columnCard .columnCardView .cardView .headingCard h2{margin:0 0 5px 0;padding:0;color:rgba(0,0,0,0.9) !important;font-weight:600;font-size:20px;line-height:26px;}
.forgotPassword .columnCard .columnCardView .cardView .headingCard p{margin:0;padding:0;font-size:18px;font-weight:500;color:rgba(0,0,0,0.9);line-height: 26px;}

.forgotPassword .columnCard .columnCardView .cardView .noPadding{padding:0;width:100%;}
.forgotPassword .columnCard .columnCardView .cardView .noPadding .t-Form-fieldContainer{width:100%;margin:0 0 15px 0 !important;}
.forgotPassword .columnCard .columnCardView .cardView .noPadding .t-Form-fieldContainer label{margin:0;color:rgba(0,0,0,0.9);font-weight:500;font-size:15px;}
.forgotPassword .columnCard .columnCardView .cardView .noPadding .t-Form-fieldContainer .col{text-align: left;}
.forgotPassword .columnCard .columnCardView .cardView .noPadding .t-Form-fieldContainer .col label.u-radio{border:none;}
.forgotPassword .columnCard .columnCardView .cardView .noPadding .t-Form-fieldContainer .col label.u-radio::before{border-radius:50%;}
.forgotPassword .columnCard .columnCardView .cardView .noPadding .t-Form-fieldContainer .col label.u-radio::after{width:12px;height:12px;}
.forgotPassword .columnCard .columnCardView .cardView .noPadding .t-Form-fieldContainer input{background:#fff;color:rgba(0,0,0,0.9)!important;font-size:18px !important;border-radius:4px;border:1px solid rgba(0,0,0,0.6);padding:0 33px 0 15px;height:50px;line-height:50px;filter:none;width:100%;}
.forgotPassword .columnCard .columnCardView .cardView .noPadding .t-Form-fieldContainer input:focus,.forgotPassword .columnCard .columnCardView .cardView .noPadding .t-Form-fieldContainer input:hover{filter:none;background:#fff !important;box-shadow:100vw 0px 0 #fff inset !important;border:1px solid rgba(0,0,0,0.6) !important;outline:none !important;}
.forgotPassword .columnCard .columnCardView .cardView .noPadding .t-Form-fieldContainer .fa-user::before{content:'';}
.forgotPassword .columnCard .columnCardView .cardView .noPadding .t-Form-fieldContainer .fa-user{margin: 0;padding:0 15px;top: 1px;left: 1px;position: absolute;bottom: 0;height: 48px;background:#fff url('./loginUsername.png') no-repeat 8px 17px;border-radius: 4px 0px 0px 4px;background-size:auto 33%;}
.forgotPassword .columnCard .columnCardView .cardView button{border:none;background:rgba(0,0,0,0.0);padding:0;margin:0;height:50px;text-align: center;width:100%;font-weight: 500;font-size: 20px;border-radius:25px;text-transform: uppercase;}
.forgotPassword .columnCard .columnCardView .cardView button.saveBtn{background:#21409a;color:#fff;margin:12px 0 15px 0;}
.forgotPassword .columnCard .columnCardView .cardView button.saveBtn:focus,.forgotPassword .columnCard .columnCardView .cardView button.saveBtn:hover{background:#0000EE;color:#fff;}
.forgotPassword .columnCard .columnCardView .cardView button.linkBtn{font-weight: 600;color:#1a0dab;text-decoration: underline;text-transform: capitalize;margin:16px 0 0 0;display:table;width:auto;height:auto;font-size:18px;}
.forgotPassword .columnCard .columnCardView .cardView button.linkBtn:focus,.forgotPassword .columnCard .columnCardView .cardView button.linkBtn:hover{color:#609;}
.forgotPassword #APEX_SUCCESS_MESSAGE #t_Alert_Success{background:#19aa43;left:0;right:0;margin: 0 auto;max-width:460px;min-width: 460px;position:absolute;}
.forgotPassword #APEX_SUCCESS_MESSAGE .hideNotification{display: none;}
.forgotPassword #APEX_SUCCESS_MESSAGE #t_Alert_Success .t-Alert-icon{padding:0 0 0 12px;}
.forgotPassword #APEX_SUCCESS_MESSAGE #t_Alert_Success .t-Alert-header{padding:8px 15px 8px 15px;}
.forgotPassword #APEX_SUCCESS_MESSAGE #t_Alert_Success .t-Alert-header .t-Alert-title{font-size: 17px;color:#fff !important;margin:0;line-height: 24px;}
.forgotPassword #APEX_SUCCESS_MESSAGE #t_Alert_Success .t-Alert-buttons{padding:0 0 0 12px;}
.forgotPassword .columnCard .columnCardView .cardView .t-Form-error{font-size:15px;text-align: left;text-indent: 0;margin:8px 0 0 0;}

/** CARD ONE **/
.forgotPassword .columnCard .columnCardView .cardView .radioBtnCard .t-Form-fieldContainer .col-3{width:27%;}
.forgotPassword .columnCard .columnCardView .cardView .radioBtnCard .t-Form-fieldContainer .col-9{width:73%;margin:2px 0 0 0;}

/** CARD TWO **/
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView{margin:0;float:none;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne{margin:0 !important;border:none;box-shadow:none;background:rgba(0,0,0,0.0) !important;border-radius: 0;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard{margin:0;padding:0;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .disabledCardArea .itemCard{cursor: not-allowed;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .disabledCardArea .itemCard .column{pointer-events: none;opacity: 0.4;}

/** CARD THREE **/
/** SHOW PASSWORD CSS START **/
.forgotPassword .columnCard .columnCardView .cardView .noPadding .t-Form-fieldContainer .t-Form-itemWrapper{position:relative;}
.forgotPassword .columnCard .columnCardView .cardView .noPadding .t-Form-fieldContainer .t-Form-itemWrapper #sh{top:17px;position:absolute;margin:0;padding:0;border:none;vertical-align:middle;display:block;height:17px;width:17px;right:12px;cursor:pointer;z-index:9;color:rgba(0,0,0,0.9);font-size:18px;}
.forgotPassword .columnCard .columnCardView .cardView .noPadding .t-Form-fieldContainer .t-Form-itemWrapper #shc{margin:0;padding:0;border:none;top:17px;vertical-align: middle;display:block;width:17px;height:17px;right:12px;position:absolute;cursor:pointer;z-index:9;color:rgba(0,0,0,0.9);font-size:18px;}
.forgotPassword .columnCard .columnCardView .cardView .noPadding .t-Form-fieldContainer .lockIcon{background:#fff url('./loginPassword.png') no-repeat 8px 11px;background-size:auto 48%;top:1px;left:2px;position:absolute;padding:0 15px;margin:0;height:48px;}
.forgotPassword .columnCard .columnCardView .cardView .noPadding .t-Form-fieldContainer .lockIcon::before{content:'';}

/** CONFIROM PASSWORD **/
.forgotPassword .columnCard .columnCardView .cardView .noPadding .t-Form-fieldContainer .t-Form-itemWrapper #shCon{top:17px;position:absolute;margin:0;padding:0;border:none;vertical-align:middle;display:block;height:17px;width:17px;right:12px;cursor:pointer;z-index:9;color:rgba(0,0,0,0.9);font-size:18px;}
.forgotPassword .columnCard .columnCardView .cardView .noPadding .t-Form-fieldContainer .t-Form-itemWrapper #shcCon{margin:0;padding:0;border:none;top:17px;vertical-align: middle;display:block;width:17px;height:17px;right:12px;position:absolute;cursor:pointer;z-index:9;color:rgba(0,0,0,0.9);font-size:18px;}
/** SHOW PASSWORD CSS END **/

.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard h3{margin:0 0px 15px;padding:0;font-size:18px;font-weight:600;line-height:26px;color:rgba(0,0,0,0.9);display:none;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard .cardsupport{display: block;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard .column{margin:0 0 15px 0;padding:11px 5px;position:relative;transition:all 0.4s ease-in-out;border-radius:4px;border:2px solid #c5c9cc;background:#fff;cursor: pointer;clear:both;overflow:hidden;display:none;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard .NoMobile{display: none;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard .NoEmail{display:none;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard .showSupport{display:block !important;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard #supportCard{cursor:text;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard #supportCard:hover{border-color:#c5c9cc;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard #supportCard .support img{max-width: 100%;width:280px;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard #supportCard .icon{margin:3px 0 0 0;width:28px;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard .AllCard{display:block !important;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard .column .icon{margin:0 12px 0 0;padding:0;width:38px;float: left;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard .column .icon img{max-width: 100%;width:35px;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard .column .common{color:#888b8d;margin:0;padding:6px 0 0 0;font-size:16px;font-weight:500;float:left;width:82%;white-space:normal;word-break: break-all;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard #supportCard .common{padding-top:4px;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard #phoneCard{padding:10px 5px 6px;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard .column:hover{border:2px solid #009cde;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard .column .common strong{color:rgba(0,0,0,0.9);}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard .column .common span{margin:0 0 0 5px;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard .column .selected{margin:0;padding:0;width:18px;height:18px;border-radius: 50%;background:#fff;top:5px;right:5px;position:absolute;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard .column .selected .loadingIcon{animation:rotating 2s linear infinite;height:18px;display:none;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard .column .selected img{width:18px;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard #supportCard .icon img{width:25px;margin:0px 0 0 3px;vertical-align: middle;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard .column .selected .selectedIcon{display: none;}

.forgotPassword .columnCard .columnCardView.cardTwo .subCardView{float:none;margin:0;}
.forgotPassword .columnCard .columnCardView.cardTwo .subCardView .cardTwoItemTwo{margin:0 !important;border-radius:0;border:none;background:rgba(0,0,0,0.0);box-shadow:none;}
.forgotPassword .columnCard .columnCardView.cardTwo .subCardView .btnArea{display: none;}
.forgotPassword .columnCard .columnCardView.cardTwo .subCardView .cardTwoItemTwo .noPadding .t-Form-fieldContainer .t-Form-inputContainer{float:none;}
.forgotPassword .columnCard .columnCardView.cardTwo .subCardView .cardTwoItemTwo .noPadding .t-Form-fieldContainer .t-Form-inputContainer .t-Form-itemWrapper{display:block;}
.forgotPassword .columnCard .columnCardView.cardTwo .subCardView .cardTwoItemTwo .noPadding .t-Form-fieldContainer .t-Form-inputContainer .t-Form-itemWrapper h4{margin:0 0px 15px;padding:0;font-size:18px;font-weight:600;line-height:26px;color:rgba(0,0,0,0.9);}
.forgotPassword .columnCard .columnCardView.cardTwo .timerSection{float:none;border-radius: 0;margin:0 !important;border:none;box-shadow: none;background: rgba(0,0,0,0.0);}
.forgotPassword .columnCard .columnCardView.cardTwo .timerSection .timerSectionCard{margin:0 !important;border:none;box-shadow: none;border-radius: 0;background: rgba(0,0,0,0.0);}

.forgotPassword .columnCard .columnCardView.cardTwo .timerSection .timerSectionCard .section{margin:0;}
.forgotPassword .columnCard .columnCardView.cardTwo .timerSection .timerSectionCard .section button{margin:0;padding:0;height:auto;line-height:inherit;text-align: center;}
.forgotPassword .columnCard .columnCardView.cardTwo .timerSection .timerSectionCard .section .timerBtn{margin: 0;position:relative;width:auto;cursor: text;pointer-events:none;}
.forgotPassword .columnCard .columnCardView.cardTwo .timerSection .timerSectionCard .section .timerBtn::before{content:'Sec';top:0;left:34px;position:absolute;opacity: 1;text-transform: capitalize;}

.forgotPassword .columnCard .columnCardView.cardTwo .cardView button.common{text-align: left;height:auto;margin:0;font-size: 17px;}
.forgotPassword .columnCard .columnCardView.cardTwo .cardView{position:relative;}
.forgotPassword .columnCard .columnCardView.cardTwo .cardView button.saveBtn{margin-bottom:20px;margin-top:30px;}
.forgotPassword .columnCard .columnCardView.cardTwo .timerSection .timerSectionCard .section.resendSection{width:30%;}
.forgotPassword .columnCard .columnCardView.cardTwo .timerSection .timerSectionCard .section.resendSection button{text-align: left;}
.forgotPassword .columnCard .columnCardView.cardTwo .timerSection .timerSectionCard .timer button{text-align: right;padding-right:37px;}
.forgotPassword .columnCard .columnCardView.cardTwo .timerSection .timerSectionCard .section.resendSection #resendCode{margin-left:0;}
.forgotPassword .columnCard .columnCardView.cardTwo .cardView button.cl{margin:0;text-align: left;width:auto;}

.commonPage .supCallSection{float: none;margin: 0;padding: 0;background: rgba(0, 0, 0, 0.2);top: 0;left: 0;position: fixed;z-index: 999;height: 100%;width: 100%;justify-content: center;align-items: center;display: none;}
.commonPage .supCallSectionShow{display: flex;}
.commonPage .supCallSection .supCallCard {margin: 0 !important;padding:0;position: relative;background: #fff !important;border-radius: 5px;box-shadow: 0px 0px 12px rgb(0 0 0 / 12%);text-align: center;min-width: 320px;max-width: 320px;}
.commonPage .supCallSection .supCallCard .t-Region-body{overflow: hidden;padding-top: 22px !important;user-select: none;}
.commonPage .supCallSection .supCallCard .t-Region-body img{max-width: 100%;width:280px;margin:3px 0 11px 0;}
.commonPage .supCallSection .supCallCard .t-Region-buttons{display: none;}
.commonPage .supCallSection .supCallCard .btnCloseCPM {margin: 0;padding: 0;border: none;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;color: #222;background: rgba(0, 0, 0, 0.0);transition: 0.4s;font-size: 14px;border-radius: 50%;top: 0;right: -2px;position: absolute;font-weight: 500;cursor: pointer;opacity: 0.5;}
.commonPage .supCallSection .supCallCard .btnCloseCPM:hover{opacity: 1;}
.commonPage .supCallSection .supCallCard p {margin: 0;padding: 0;font-size: 18px;font-weight:500;line-height: 26px;color: rgba(0,0,0,0.9);}


.forgotPassword .cardView .t-Region-bodyWrap .t-Region-body .t-Region .t-Form-inputContainer .t-Form-itemWrapper .t-Form-itemText #sh{top:0;right:0;position:absolute;z-index:1;width:17px;height:18px;color:#282828;}
.forgotPassword .cardView .t-Region-bodyWrap .t-Region-body .t-Region .t-Form-inputContainer .t-Form-itemWrapper .t-Form-itemText #shc{top:0;right:0;position:absolute;z-index:1;width:17px;height:18px;color:#282828;}

.forgotPassword .cardView .t-Region-bodyWrap .t-Region-body .t-Region .t-Form-inputContainer .t-Form-itemWrapper .t-Form-itemText #csh{top:0;right:0;position:absolute;z-index:1;width:17px;height:18px;color:#282828;}
.forgotPassword .cardView .t-Region-bodyWrap .t-Region-body .t-Region .t-Form-inputContainer .t-Form-itemWrapper .t-Form-itemText #cshc{top:0;right:0;position:absolute;z-index:1;width:17px;height:18px;color:#282828;}
/** FORGOT PASSWORD END **/


/** NEW CHANGE PAGES SCREEN START **/
.changePasswordPage .t-Body .t-Body-wrap{margin:0;}
.login-page .t-Body .changePasswordCard{margin:0;padding:0;}
.login-page .t-Body .changePasswordCard .innerCard{padding: 15px 35px;background: #fff !important;border: none;box-shadow: 0 4px 12px rgb(0 0 0 / 15%);border-radius: 25px;margin: auto !important;width: 430px;height: fit-content;top: 0;right: 0;bottom: 0;left: 0;position: fixed;z-index: 9;}
.login-page .t-Body .changePasswordCard .inforgraphy .t-Region-body{text-align:center;margin:15px auto 0;padding:0;}
.login-page .t-Body .changePasswordCard .inforgraphy img{max-width:100%;width:268px;}
.login-page .t-Body .changePasswordCard .inputTextField{margin:22px 0 0 0 !important;padding:0;border:none;box-shadow:none;}
.login-page .t-Body .changePasswordCard .inputTextField .password input{background: #fff;color: rgba(0,0,0,0.9) !important;font-size: 18px !important;border-radius: 4px;border: 1px solid rgba(0,0,0,0.6);padding: 0 15px;text-indent: 22px;height: 50px;line-height: 50px;filter: none;margin-bottom:18px;}
.login-page .t-Body .changePasswordCard .inputTextField .password .fa-key{background:url('./loginPassword.png') no-repeat 13px 14px;background-size:auto 48%;padding:0 15px;height:42px;}
.login-page .t-Body .changePasswordCard .inputTextField .password .fa-key::before{content:'';}
.login-page .t-Body .changePasswordCard .inputTextField .password input:focus,.login-page .t-Body .changePasswordCard .inputTextField .password input:hover{background:#fff !important;border:1px solid rgba(0,0,0,0.6) !important;box-shadow:none !important;outline:none !important;}
.login-page .t-Body .changePasswordCard .inputTextField .submitBtn{background: #21409a;height: 50px;line-height: 50px;margin:20px auto 5px;padding: 0 32px;text-align: center;text-transform: uppercase;font-weight: 500;border-radius: 28px;display: table;color: #fff;transition: all 0.2s ease-in-out;width: 100%;font-size: 20px;}
.login-page .t-Body .changePasswordCard .inputTextField .submitBtn:focus,.login-page .t-Body .changePasswordCard .inputTextField .submitBtn:hover{background:#0000EE;color:#fff;}
.login-page .t-Body .changePasswordCard .inputTextField .password input:-webkit-autofill{background-color:#f5f5f5 !important; box-shadow:100vw 0px 0 #f5f5f5 inset !important;}
.login-page .t-Body .changePasswordCard .inputTextField .password input:-o-autofill{background-color:#f5f5f5 !important; box-shadow:100vw 0px 0 #f5f5f5 inset !important;}
.login-page .t-Body .changePasswordCard .inputTextField .password input:-moz-autofill{background-color:#f5f5f5 !important; box-shadow:100vw 0px 0 #f5f5f5 inset !important;}
.login-page .t-Body .changePasswordCard .inputTextField .t-Form-itemWrapper .t-Form-itemText{margin:0;padding:0;top:13px;right:15px;position:absolute;z-index:9;cursor:pointer;width:17px;height:17px;color:#7b7c7d;}
.login-page .t-Body .changePasswordCard .inputTextField .t-Form-itemWrapper .t-Form-itemText #npx{margin:-48px 0 0 0;}
.login-page .t-Body .changePasswordCard .inputTextField .t-Form-itemWrapper .t-Form-itemText #cnpx{margin:-48px 0 0 0;}

.login-page .t-Body .changePasswordCard .inputTextField .goBack{background:rgba(0,0,0,0.0);border:none;color:#1a0dab !important;font-size:17px;font-weight:600;text-align:center;padding:0;margin:6px auto 0;display:table;height:37px;line-height:40px;text-decoration:underline;}
.login-page .t-Body .changePasswordCard .inputTextField .goBack:focus,.login-page .t-Body .changePasswordCard .inputTextField .goBack:hover{outline:none;background:rgba(0,0,0,0.0);border:none !important;color:#609 !important;text-decoration:underline;}

.login-page .t-Body .changePasswordCard .inputTextField .t-Form-inputContainer .a-Form-error{margin:-21px 0 23px 0;padding:0 8px;text-align:left;text-indent:0;}
.login-page .t-Body .changePasswordCard .inputTextField .t-Form-inputContainer .a-Form-error .t-Form-error{font-size:14px;margin:5px 0 0 0;}

.login-page #t_Alert_Success{right:0;left:0;background:#19aa43;max-width:429px;min-width:429px;margin:auto;}
.login-page #t_Alert_Success .t-Alert-icon{padding:0 0 0 12px;}
.login-page #t_Alert_Success .t-Alert-header{padding:8px 8px 8px 15px;}
.login-page #t_Alert_Success .t-Alert-header .t-Alert-title{font-size:17px;color:#fff !important;margin:0;line-height: 24px;}
.login-page #t_Alert_Success .t-Alert-buttons{padding:0 0 0 12px;}
.login-page #t_Alert_Success .t-Alert-buttons .t-Button{padding:0;top:13px;}
/** NEW CHANGE PAGES SCREEN END **/

/** OTP PAGE START **/
.OTPScreen #APEX_SUCCESS_MESSAGE{margin:0;padding:0;}
.OTPScreen #APEX_SUCCESS_MESSAGE .t-Alert{position:relative;top:inherit;right:inherit;background:#19aa43;margin:0 auto;max-width: 460px;min-width: 460px;}
.OTPScreen #APEX_SUCCESS_MESSAGE .t-Alert .t-Alert-content{max-width:371px;}
.OTPScreen .changePasswordCard{margin:0 !important;padding:0;border:none;box-shadow:none;border-radius:25px;}
.OTPScreen .changePasswordCard .innerCard{margin:25px auto !important;padding:25px 32px;border:none;box-shadow:0 4px 12px rgb(0 0 0 / 15%);border-radius:25px;width:460px;}
.OTPScreen .changePasswordCard .innerCard .inforgraphy{margin:0 0 8px 0;padding:0;float:none;text-align:center;}
.OTPScreen .changePasswordCard .innerCard .inforgraphy .t-Region-body img{max-width:100%;width:300px;}
.OTPScreen .changePasswordCard .innerCard .inputTextField{border:none;border-radius:0;box-shadow:none;margin:0 !important;padding:0;}
.OTPScreen .changePasswordCard .innerCard .btnArea{display:none;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard{margin:0;padding:0;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .authCard{margin:0 0 18px 0;padding:0;text-align:center;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .authCard h4{margin:0 0 8px 0;padding:0;color:#222731;font-size:18px;font-weight:600;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .authCard p{margin:0;padding:0;font-size:15px;line-height:23px;color:#323435;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard h3{margin:0 0px 15px;padding:0;font-size:16px;line-height:26px;color:#222731;font-weight:600;display:none;}

.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .headtwo{display:block;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .cardsupport{display:block;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .column{margin:0 0 15px 0;padding:11px 5px;position:relative;transition:all 0.4s ease-in-out;border-radius:3px;border:2px solid #c5c9cc;background:#fff;clear:both;overflow:hidden;cursor:pointer;display:none;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .AllCard{display:block !important;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard #phoneCard{padding:10px 5px 6px;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard #supportCard .icon{width:28px;margin:3px 0 0 0;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard #supportCard .icon img{width:25px;margin:0px 0 0 3px;vertical-align: middle;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard #supportCard{cursor:not-allowed;pointer-events:none;display:none;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard #supportCard .support{margin:0;padding-top:6px;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard #supportCard .support img{max-width: 100%;width:280px;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .NoMobile{display:none;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .NoEmail{display:none;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .showSupport{display:block !important;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .column .icon{margin:0 12px 0 0;padding:0;width:38px;float:left;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .column .icon img{max-width:100%;width:35px;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .column .common{color:#888b8d;margin:0;padding:6px 0 0 0;font-size:16px;font-weight:500;float:left;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard #emailCard .email{width:85%;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard #emailCard .email #emailId{word-break: break-all;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .column .common strong{color:#232732;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .column .common span{margin:0 0 0 5px;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .column:hover{border:2px solid #009cde;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .column .selected{margin:0;padding:0;width:18px;height:18px;border-radius:50%;background:#fff;top:5px;right:5px;position:absolute;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .column .selected .loadingIcon{display:none;animation: rotating 2s linear infinite;height:18px;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .column .selected .selectedIcon{display:none;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .column .selected img{width:18px;}
@-webkit-keyframes rotating{from {transform: rotate(0deg);}to {transform: rotate(360deg);}}
.OTPScreen .changePasswordCard .innerCard .inputTextField .otpTextField .t-Form-itemWrapper .t-Form-itemText--pre{margin:0;padding:0;display:block;width:100%;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .otpTextField .t-Form-itemWrapper .t-Form-itemText--pre h4{margin:5px 0 12px 0;padding:0;color:#222731;font-size:16px;font-weight:600;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .otpTextField .t-Form-itemWrapper input{background:#fff;color:rgba(0,0,0,0.9)!important;font-size:18px;border-radius:4px;border:1px solid rgba(0,0,0,0.6);padding:0 15px;height:50px;line-height:50px;filter:none;margin:0 0 25px 0;min-width:100%;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .otpTextField .t-Form-itemWrapper input:focus,.OTPScreen .changePasswordCard .innerCard .inputTextField .otpTextField .t-Form-itemWrapper input:hover{background:#fff !important;border:1px solid rgba(0,0,0,0.6) !important;box-shadow:100vw 0px 0 #fff inset !important;outline:none !important;}

.OTPScreen .changePasswordCard .innerCard .verifyBtn{background:#21409a;text-align:center;text-transform:uppercase;font-size:20px;font-weight:500;border-radius:25px;transition:all 0.2s ease-in-out;padding:0 40px;margin:0 0 20px 0;color:#fff;width:100%;height:50px;}
.OTPScreen .changePasswordCard .innerCard .verifyBtn:focus,.OTPScreen .changePasswordCard .innerCard .verifyBtn:hover{background:#0000EE;color:#fff;}
.OTPScreen .changePasswordCard .innerCard .linkBtn{border:none;color:#1a0dab;font-size: 17px;font-weight: 600;text-decoration: underline;width:auto;height:auto;padding:0;margin:0 auto;background:rgba(0,0,0,0.0);display: table;}
.OTPScreen .changePasswordCard .innerCard .linkBtn:focus,.OTPScreen .changePasswordCard .innerCard .linkBtn:hover{color:#609;}

.OTPScreen .changePasswordCard .innerCard .inputTextField .t-Region-body{position:relative;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .t-Region-bodyWrap #INPUTSECOND_CONTAINER .t-Form-itemWrapper{position:relative;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .t-Region-bodyWrap #INPUTSECOND_CONTAINER .t-Form-itemWrapper::before{margin:0;padding:0;content:'';top:0;left:0;position:absolute;z-index:9;width:100%;height:100%;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .t-Region-bodyWrap .secondCm{padding:0;margin:0;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .t-Region-bodyWrap .secondCm .t-Button{margin:0;padding:0;border:none;box-shadow:none;background:#fff;color:#383838!important;font-size:16px;position:relative;pointer-events:none;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .t-Region-bodyWrap .secondCm .t-Button::before{margin:0;padding:0;content:'Sec';top:0;left:30px;position:absolute;opacity:1;color:#383838;font-size:16px;text-align:left;}
.OTPScreen .changePasswordCard .innerCard .resendSection{width:30%;}
.OTPScreen .changePasswordCard .innerCard #resendCode{margin:0 0 33px 0;padding:0;border:none;box-shadow:none !important;background:rgba(0,0,0,0.0);font-size:17px;font-weight:600;color:#1a0dab;text-decoration:underline;}
.OTPScreen .changePasswordCard .innerCard #resendCode:focus,.OTPScreen .changePasswordCard .innerCard #resendCode:hover{background:rgba(0,0,0,0.0);border:none;box-shadow:none;color:#609;text-decoration:underline;}
.OTPScreen .changePasswordCard .innerCard .section .timerBtn{margin: 0;position: relative;width: auto;cursor: text;pointer-events: none;border: none;height: auto;padding: 0;background: rgba(0,0,0,0.0);color: #383838;font-size: 20px;}
.OTPScreen .changePasswordCard .innerCard .section .timerBtn::before{content:'Sec';top:0;left:34px;position:absolute;opacity: 1;text-transform: capitalize;}

.OTPScreen .changePasswordCard .innerCard .disabledCardArea .itemCard{cursor:not-allowed;}
.OTPScreen .changePasswordCard .innerCard .disabledCardArea .itemCard .column{pointer-events:none;opacity:0.4;}

.OTPScreen .changePasswordCard .innerCard .inputTextField .otpTextField .a-Form-error{text-indent:0;margin:0;padding:0;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .otpTextField .a-Form-error .t-Form-error{margin:0 0 20px 0;padding:0;font-size:15px;}

.OTPScreen .apex-page-success #t_Alert_Success{background:#19aa43;}
.OTPScreen .apex-page-success .t-Alert-icon{padding:0 0 0 12px;}
.OTPScreen .apex-page-success .t-Alert-header{padding:8px 8px 8px 15px;}
.OTPScreen .apex-page-success .t-Alert-header .t-Alert-title{font-size:17px;color:#fff !important;margin:0;line-height:24px;}
.OTPScreen .apex-page-success .t-Alert-buttons{padding:0 0 0 12px;}

.OTPScreen .t-Login-container{-webkit-animation-fill-mode:inherit;animation-fill-mode: inherit;}
.OTPScreen .sessionExpiredCard{margin:0 !important;padding:0;background:rgba(0,0,0,0.5) !important;height:100%;width:100%;top:0;right:0;bottom:0;left:0;position:fixed;float:none;clear:both;display:none;align-items: center;justify-content: center;z-index:9;}
.OTPScreen .sessionExpiredCard .t-Region-bodyWrap{margin:0;padding:0;}
.OTPScreen .sessionExpiredCard .t-Region-bodyWrap .sessionExpiredSection{margin:25px;padding:25px 15px;background:#fff;border-radius:5px;box-shadow:0px 0px 12px rgb(0 0 0 / 30%);}
.OTPScreen .sessionExpiredCard .t-Region-bodyWrap .sessionExpiredSection button{display:none;}
.OTPScreen .sessionExpiredCard .t-Region-bodyWrap .sessionExpiredSection h3{margin:0;padding:0;color:#222731;font-size:18px;font-weight:600;}
.OTPScreen .sessionExpiredCardShow{display:flex;}
/** OTP PAGE END **/

/** AUTOFILL BACKGROUND START **/
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color:#fff !important; box-shadow:100vw 0px 0 #fff inset !important;}
input:-o-autofill, textarea:-o-autofill, select:-o-autofill{background-color:#fff !important; box-shadow:100vw 0px 0 #fff inset !important;}
input:-moz-autofill, textarea:-moz-autofill, select:-moz-autofill{background-color:#fff !important; box-shadow:100vw 0px 0 #fff inset !important;}
/** AUTOFILL BACKGROUND END **/

::placeholder{color:rgba(0,0,0,0.7) !important;opacity: 1 !important;}
:-ms-input-placeholder{color:rgba(0,0,0,0.7) !important;opacity: 1 !important;}
::-ms-input-placeholder{color:rgba(0,0,0,0.7) !important;opacity: 1 !important;}

/** MEDIA QUERY START **/
@media (min-width: 1200px) and (max-width: 1450px){
html{overflow-y:inherit !important;}
}

@media (min-width: 992px) and (max-width: 1199px){
html{overflow-y:inherit !important;}
.forgotPassword #APEX_SUCCESS_MESSAGE #t_Alert_Success{position:relative;left: inherit;top:inherit;}
}

@media (min-width: 768px) and (max-width: 991px) {
html{overflow-y:inherit !important;}
.login-page .loginMainCard{width:100%;}
.login-page .loginMainCard .col-4{width:100%;float:none;}
.login-page .t-Body #left-col{display:none;}
.login-page #right-col{margin:auto;}
.forgotPassword #APEX_SUCCESS_MESSAGE #t_Alert_Success{position:relative;left: inherit;top:inherit;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .t-Region-bodyWrap .secondCm .col{flex-direction: row-reverse;}
}

@media (min-width: 480px) and (max-width: 767px) {
html{overflow-y:inherit !important;}

.login-page .loginMainCard{width:100%;}
.login-page .loginMainCard .col-4{width:100%;float:none;}
.login-page .t-Body #left-col{display:none;}
.login-page #right-col{margin:auto;width:90%;padding:15px 25px;}

.login-page .t-Body .changePasswordCard{width:90%;margin:35px auto 0 !important;}
.login-page .t-Body .changePasswordCard .t-Region-bodyWrap{width:100%;}
.login-page .t-Body .changePasswordCard .innerCard{width:90%;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .t-Region-bodyWrap .secondCm{bottom:-1px;right:-1px;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .t-Region-bodyWrap .secondCm .col{flex-direction: row-reverse;}
.forgotPassword #APEX_SUCCESS_MESSAGE #t_Alert_Success{max-width: 90%;min-width:90%;position:relative;}
.forgotPassword .columnCard .columnCardView.cardTwo.ShowCardTwo{padding:0 0 60px;}
.forgotPassword .columnCard .columnCardView .cardView{width:90%;padding:25px;}
.forgotPassword .columnCard .columnCardView.cardTwo .timerSection .timerSectionCard .section.resendSection{float:left;clear: inherit;}
.forgotPassword .columnCard .columnCardView.cardTwo .timerSection .timerSectionCard .section{width:50%;float:left;clear: inherit;}
.forgotPassword .columnCard .columnCardView.cardTwo .cardView .clsbs{width:50%;float:left;clear:inherit;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard .column .common{width:75%;}
.OTPScreen #APEX_SUCCESS_MESSAGE .t-Alert{max-width: 90%;min-width: 90%;}
.OTPScreen .changePasswordCard .innerCard{width:90%;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard #emailCard .email{width:80%;}
.OTPScreen .changePasswordCard .innerCard .resendSection{width:50%;float:left;clear: inherit;}
.OTPScreen .changePasswordCard .innerCard .section{width:30%;float:left;clear: inherit;}
.forgotPassword #APEX_SUCCESS_MESSAGE #t_Alert_Success{position:relative;left: inherit;top:inherit;}
.commonPage .supCallSection .supCallCard{max-width: 90%;min-width:90%;}
.forgotPassword .columnCard .columnCardView .cardView button.linkBtn{margin:16px auto 0;float:none;}
}

@media (min-width: 300px) and (max-width: 479px) {
html{overflow-y:inherit !important;}
.login-page .loginMainCard{width:100%;}
.login-page .loginMainCard .col-4{width:100%;float:none;}
.login-page .t-Body #left-col{display:none;}
.login-page #right-col{margin:auto;width:90%;padding:15px 25px;}

.login-page .t-Body .changePasswordCard{width:90%;margin:35px auto 0 !important;}
.login-page .t-Body .changePasswordCard .t-Region-bodyWrap{width:100%;}
.login-page .t-Body .changePasswordCard .innerCard{width:90%;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .t-Region-bodyWrap .secondCm{bottom:-1px;right:-1px;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .t-Region-bodyWrap .secondCm .col{flex-direction: row-reverse;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard .column .common{width:70% !important;}
.forgotPassword #APEX_SUCCESS_MESSAGE #t_Alert_Success{max-width: 90%;min-width:90%;position:relative;}
.forgotPassword .columnCard .columnCardView.cardTwo.ShowCardTwo{padding:0 0 60px;}
.forgotPassword .columnCard .columnCardView .cardView{width:90%;padding:25px;}
.forgotPassword .columnCard .columnCardView.cardTwo .timerSection .timerSectionCard .section.resendSection{float:left;clear: inherit;width:50%;}
.forgotPassword .columnCard .columnCardView.cardTwo .timerSection .timerSectionCard .section{width:50%;float:left;clear: inherit;}
.forgotPassword .columnCard .columnCardView.cardTwo .cardView .clsbs{width:50%;float:left;clear:inherit;}
.forgotPassword .columnCard .columnCardView.cardTwo .mainCardView .cardTwoItemOne .itemCard .column .common{width:75%;}
.OTPScreen #APEX_SUCCESS_MESSAGE .t-Alert{max-width: 90%;min-width: 90%;}
.OTPScreen .changePasswordCard .innerCard{width:90%;padding:15px;}
.OTPScreen .changePasswordCard .innerCard .inputTextField .itemCard #emailCard .email{width:80%;}
.OTPScreen .changePasswordCard .innerCard .resendSection{width:50%;float:left;clear: inherit;}
.OTPScreen .changePasswordCard .innerCard .section{width:50%;float:left;clear: inherit;}
.forgotPassword #APEX_SUCCESS_MESSAGE #t_Alert_Success{position:relative;left: inherit;top:inherit;}
.commonPage .supCallSection .supCallCard{max-width: 90%;min-width:90%;}
.forgotPassword .columnCard .columnCardView .cardView button.linkBtn{margin:16px auto 0;float:none;}
}
/** MEDIA QUERY END **/