.alert { padding: 20px; background-color: #f44336; color: white; opacity: 1; transition: opacity 0.6s; margin:auto; } .closebtn { margin-left: 15px; color: white; font-weight: bold; float: right; font-size: 22px; line-height: 20px; cursor: pointer; transition: 0.3s; } .closebtn:hover { color: black; } .accopsWelcomeView { height: 100%; //position:absolute; margin-right: 30px; top:0; bottom: 0; left: 0; right: 0; margin: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; //background-color: #F5F7FA; } .accopsWelcomeText { color: #222; font-size: 14px; font-family: Sans-serif; margin-top: 20px; color: #666; animation: fadeIn 1s ease-in-out; animation-fill-mode: forwards; opacity: 0; animation-delay: 1.0s; height: 50px; } .accopsLoaderWrap { height: 128px; width: 128px; position: relative; margin-top: 40px; } .accopsLoader { height: 128px; width: 128px; margin: 0 auto; position: relative; border: 2px solid transparent; border-top: 2px solid #017D73; border-radius: 100%; display: block; opacity: 0; animation: rotation .75s .5s infinite linear, fadeIn 1s .5s ease-in-out forwards; } .accopsWelcomeLogoCircle { position: absolute; left: 4px; top: 4px; width: 120px; height: 120px; padding: 20px; //background-color: #FFF; border-radius: 50%; animation: bounceIn .1s ease-in-out; -moz-animation: bounceIn .1s ease-in-out; } .accopsWelcomeCircle{ position: absolute; left: 4px; top: 4px; width: 120px; height: 120px; padding: 20px; background-color: #FFF; border-radius: 50%; } .accopsWelcomeLogo { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTIwcHgiIGhlaWdodD0iMTIwcHgiIHZpZXdCb3g9IjAgMCAxMjAgMTIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0OC4yICg0NzMyNykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+YWNjb3BzX2NvbG9yX2ljb25AMXg8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iNyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ0MC4wMDAwMDAsIC0xMTQuMDAwMDAwKSI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NDAuMDAwMDAwLCAxMTQuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC01IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNC41MDAwMDAsIDUuMzUzNjU2KSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuODcxMzQ1LCAwLjAwMDAwMCkiIGZpbGw9IiNGMDVBMzAiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjgxNDU0NywgMC4wMjQyNjQpIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkNvbWJpbmVkLVNoYXBlIiBwb2ludHM9IjU1Ljc3ODA3NjYgMTA4LjYwMTY5MSA3OC4wMjg2NDM4IDkwLjA1MjczNjggMzIuNDI5ODY4MyAwLjUzMjU1MDU2OCAwLjkwOTE3NjE0OCAwLjUzMjU1MDU2OCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNDMuMTYzNzQzKSIgZmlsbD0iI0ZGQUYyQSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNzk3MzkzLCAwLjAxMDY0MikiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iQ29tYmluZWQtU2hhcGUiIHBvaW50cz0iMjYuNDg2MzMzNyA1MS42MTUzNSAzNy4wNjU0MjgxIDQyLjc5NjE5NzggMTUuMzg1MzYyNyAwLjIzMzU3NDgxIDAuMzk4NzYxNDY4IDAuMjMzNTc0ODEiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg=="); background-repeat: no-repeat; background-size: contain; width: 60px; height: 60px; margin: 10px 0px 10px 10px; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.1); } 80% { opacity: .5; transform: scale(1.2); } 100% { opacity: 1; transform: scale(1); } } #failedFido{ margin-top:5px; margin-bottom: 12px; color:red; } #validateFidos{ margin-top:5px; margin-bottom: 12px; color:green; } #realmList{ display:none; } #selectClientType{ display:none; } #OTPText{ display:none; } #TokenType{ display:none; } .clientdownload_hide { display:none; } .clientdownload_show { display:block; } .copyright_hide { display:none; } .copyright_show { display:block; } .chngpasswd_hide { display:none; } .chngpasswd_show { display:block; } .center { margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display:none; } .launch_client { background-color: #000000; border: 0 solid #000000; border-radius: 0 0 0 0; color: white; min-width: 314px; padding: 7px 5px; text-align: center; vertical-align: middle; width: auto; font-family: "Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; letter-spaching: 0.03em; font-size: 14px; background-image: none; border: 1px solid transparent; } @media screen and (max-width: 1280px) { #main { width: 95% !important ;} } @media screen and (max-width: 1920px) { .popup-body{width: 80%!important; padding-left: 10%!important;padding-right: 10%!important;} #resendOTP {margin-left:50% !important;} #qrmanualcode {margin-left: 0%!important; height:18px !important;width:95% !important;} } @media screen and (max-width: 1124px) { /* LoginPage */ #top { min-height: 70px !important;} #lgnmainbox { width: 90% !important; } #uname{width: 300px !important; height: 30px !important; } #sendloginhello{margin-top: 20px !important;} #btn_otp{margin-top: 20px !important; margin-left: -5px !important;} #SendNextAuthResponse{margin-top: 20px !important; margin-left: -5px !important;} #loginbox .formlabel, #secondAuth .formlabel {padding-top: 10px !important; } #loginbox input, #secondAuth input { width: 245px !important; height: 25px !important; } #loginbox select, #secondAuth select, #dialogformRealm select { width: 260px !important; height: 35px !important; } .portalbutton { min-width: 260px !important; padding: 7px 5px !important;cursor: pointer; } .footer-img {display:none} .downloadlinks {display: block;!important; } .wizard{width:350px !important;margin: 0 0 0 -170px !important;} .qrcode{margin-left: 85px !important;} .selectTag{width:310px !important;} /*.popup-body{padding-left: 18px !important}*/ .popup-next-btn{width:100% !important; } .smallTextBox{width:285px !important} #backToQRButton {margin-right:18px !important;} #qrmanualcode {width:98% !important;} #portallogo { background-size: contain; min-height: 50px!important; } #lgnmainbox { width:80%; } #cancelButton {margin-right: 7% !important;} .popup-body{width: 90%!important; padding-left: 5%!important;padding-right: 5%!important;} #resendOTP {margin-left:50% !important;} #qrmanualcode {margin-left: 0%!important; height:18px !important;width:95% !important;} } @media screen and (max-width:600px) { /* LoginPage */ .lgnsignintext {margin-left: 8px!important;width: 245px!important;} .loginhead {margin-left: 8px!important;} #container {position:absolute !important; margin: 0 0 0 -155px !important; left:50% !important} #sidebar { display: none !important;} .lgnmain_left { display: none !important;} #main_left{ display: none !important;} .lgnseparator { display: none !important;} #loginbox {padding-top:0px !important;} #lgnmainbox {min-height: 100% !important;box-shadow:none !important;background-color:transparent !important; margin-left: 9%!important; } #footer {display: none !important;} #loginbox input, #secondAuth input {width:94% !important;} .portalRealmbutton { min-width: 43% !important;padding: 10px 5px !important;} .portalbutton { min-width: 287px !important; padding: 10px 5px !important; cursor: pointer;} .portalotpbutton { min-width: 190% !important;padding: 10px 5px !important;margin-left: 162%!important;} .realmtable {margin-left: 0%!important;} .portalbuttonSubmit {min-width: 118px!important;cursor: pointer;} .portalbuttonSubmit-inactive {min-width: 118px!important;cursor: pointer;} .centered {width:71% !important;top: 20%!important; left: 33%!important;} #PopupDiv{width:300px !important; margin-left:15px !important; margin-top:10px !important; left:0% !important;} #PopupDiv1{width:300px !important; margin-top:10px !important; left:50% !important; margin-left: -150px !important;} #PopupDiv2{width:300px !important; margin-left:-150px !important; margin-top:10px !important; left:50% !important; margin-bottom: 15px !important; top:10% !important} #PassDiv2{width:300px !important; margin-top:10px !important; left:50% !important; margin-left: -150px !important;} #textfield2 { width:59% !important; } #loginbox select, #secondAuth select, #dialogformRealm select {width:290px !important;} #top {min-height:24px !important;} #PUsername{width:242px !important;} .newchanges {width: 250px !important;} .popupSepDiv{display:none !important;} .textbox{width:253px !important;} .pupupPart { width: 80% !important;} .captcha {width: 220px !important;} .submitcontainer {width:92% !important} body { background:none !important;} .half-btn {width: 127px !important;padding: 3px 5px !important;} .half-btn-inactive {width: 127px !important;padding: 3px 5px !important;} #Edit_Button {padding-left: 0 !important;} .wizard{top: 5%!important; width:300px !important; margin: 0 0 0 -155px !important;} .selectTag{width:245px !important;} .smallTextBox{width:224px !important;} #copyEnhancedURL {padding-left: 0px!important;text-align: center!important;} #copyLegacyURL {padding-left: 0px!important;text-align: center!important;} .popup-next-btn{text-align:left !important; padding-left: 3%!important;} #backToQRButton {margin-right:18px !important;} #resendOTP {margin-left:44% !important;} #qrmanualcode {margin-left: 3%!important; height:36px !important;width:90% !important;} /* ApptabPage */ #company_name{ display: none;} #main_top_menu {padding-left:0px !important;margin-top: -47px!important;width: 90%!important;margin-bottom: 10px!important;} #tabtitlesub {padding-left:0px !important;} #mobile_main_left {display: none;} #main { box-shadow:none !important; background-color:transparent !important;width: 100% !important ;margin-left:3px !important;margin-top: 0px !important; padding:0px !important;} #main_right {width:auto !important; padding: 0px 4px 0px 0px!important; margin-left:0px !important;} #portallogo { margin-left: 20%!important;width: 60%!important; background-position: center!important;background-size: contain; min-height: 50px!important; } #mobile_remotetab_header{display: block !important;} #remotetab_header{ display: none !important;} #top_upper_right{display:none !important;} #mdiv{display:none !important;} #mobile_left {display:none !important;} #headermsg {display: none;} #applist ul, ul.tse_app,ul.tse_app li {margin: 0px 0px 0px 0px !important;padding:0px 0px 0px 0px !important; } #innerlogobox { margin:10px 1px 5px 5px !important; } #tsemsg { display: none !important;} #remote_tab_error{margin-left:3%!important;} .lgnmain_right{margin-left:-20px; padding-left:0px !important;} .logintable {padding-left: 1%!important;} #sizechange{width:400px; height:400px;} #headerbar{ margin-left:-170px; padding:0px;} #lgout{margin-top: -50px; margin-left:-40px;} .portalbutton_pchange { padding: 4px 5px !important; width:250px !important} ul.tse_app li a { margin-left:0px !important; margin-right:0px !important; background-image: none !important;} ul.tse_app li {padding:0px !important;} .footer-img {display:none} .SQselect{width: 268px !important;} .qrcode{margin-left: 48px !important;} #cancelButton {margin-right: 3.5% !important;} #selectOTPMethod {height: 35px !important;} #logoutmsg {padding-left: 0% !important;} #changeresponse { padding-right: 10px; width: 80%; } #extracted_19 { position: initial; } } #prevButton { margin-right: 20px ; } #cancelButton { margin-right: 30px ; } #switchDMS label{ text-align: left; } .or_use_idp { padding-top: 2px; padding-bottom: 5px; text-align: center; font-size: 16px; font-family: "Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; } .login-error { margin-top: 20px; } #ProfileUSR { margin-top: 10px; } /* #uname { */ /* margin-top: 10px; */ /* margin-bottom: 10px; */ /* } */ /* #password{ */ /* margin-top: 10px; */ /* margin-bottom: 10px; */ /* } */ #qrmanualcode { font-size:13px; resize: none; width: 90%; border: 1px solid rgb(212, 212, 212); height: 18px; padding: 5px; } #resendOTP { margin-top: 5px; margin-bottom: 12px; } #switchQRLink { margin-top:5px; margin-bottom: 10px; padding:10px; color:#23b7e5; } .qrcode { margin-left: 90px; margin-top: 15px; margin-bottom: 15px; } .qrcanvas { margin-top: 15px; margin-bottom: 15px; } .reactivatemobilelink { /*margin-left: 167px;*/ margin: 15px 0px 15px 0px; display:none; } .regmobilelink { display:none; } .wizard { position: absolute; height:auto; width:400px; left:50%; top: 10%; margin: 0 0 0 -200px; z-index: 1000; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); border-radius: 10px; background-color: white; } .selectTag { padding:3px; width: 320px; margin: 10px; margin-left: 0; } .smallTextBox { border: 1px solid transparent ; border-bottom: 1px solid #bbbbbb ; width: 300px; height: 30px; margin: 10px; margin-left: 0; padding-left: 10px; padding-right: 10px; outline: none; } .smallTextBox:focus { border-bottom: 1px solid #23b7e5 ; } #background_pane { top: 0; left: 0; position: absolute; width: 100%; height: 100%; z-index:500; background-color: rgba(0, 0, 0, 0.1); padding-bottom: 100px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #MYPROFILE { width:300px; padding-left:1%; } .profiletd { display: inline-block; margin: 20px 0% 0% 2%; clear: both; float: left; } .half-btn { background-color: #000000; border: 1px solid transparent; border-radius: 4px; color: white; padding: 6px 5px; text-align: center; vertical-align: middle; width: 150px; font-family: "Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; font-size: 14px; background-image: none; padding: 8px 5px; margin-right: 6px; } .half-btn:hover { background-color: #189ec8; border: 1px solid #189ec8; border-radius: 4px; } .half-btn-inactive { color: #58666e !important; background-color: white; border: 1px solid #c7d3d6; border-radius: 4px; color: white; padding: 6px 5px; text-align: center; vertical-align: middle; width: 150px; font-family: "Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; font-size: 14px; background-image: none; padding: 8px 5px; margin-right: 6px; } .half-btn-inactive:hover { background-color: #edf1f2; border: 1px solid #dee5e7; } /* #Edit_Button { width: 350px; margin-top: 10px; } */ #Forgotpwrd{margin-top: 15px;} #uname{width: 300px } .popup-div-1 { display: block; top: 25%; left: 50%; width: 360px; height: auto; margin: 0 0 0 -180px; position: absolute; z-index: 10001; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); border-radius: 10px; background-color: white; } .popup-div-2 { top: 20%; left: 50%; width: 360px; margin: 0 0 0 -180px; position: absolute; z-index: 10001; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); border-radius: 10px; background-color: white; } select::selection { background-color: #8e44ad; color: white; } #selectOTPMsg{ padding-bottom: 8px; } .newchanges{ border-radius: 2px; font-size:14px; font-family:"Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; padding:3px; border: 1px solid #BDC7D8; width: 310px; height: 34px; } .otpbutton { margin-left: 5px; margin-bottom: -5px; min-width: 90px; float: right; border: #FFFFFF; background: #4087D9; border-radius: 5px; padding: 2px; font-size: 14px; font-weight: bold; color: #fff; } .tokenselect { font-size: 14px; font-family: "Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; width: 258px; padding: 2px; border: 1px solid #BDC7D8; } .portalbuttonSubmit { background-color: #000000; border: 1px solid transparent; color: white; min-width: 145px; padding: 6px 5px; text-align: center; vertical-align: middle; width: auto; font-family: "Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; font-size: 14px; background-image: none; cursor: pointer; } .portalbuttonSubmit-inactive { color: #58666e !important; background-color: white; border: 1px solid #c7d3d6; color: white; min-width: 145px; padding: 6px 5px; text-align: center; vertical-align: middle; width: auto; font-family: "Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; font-size: 14px; background-image: none; cursor: pointer; } .portalbuttonSubmit-inactive:hover { background-color: #edf1f2; border: 1px solid #dee5e7; } .portalbuttonSubmit:hover { background-color: #000000; } .portalbuttonOk { display:none; background-color: #4087D9; border: 0 solid #FFFFFF; border-radius: 0 0 0 0; color: white; min-width: 144px; padding: 4px 5px; text-align: center; vertical-align: middle; width: auto; font-family: "Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; letter-spaching: 0.03em; font-size: 14px; background-image: none; border: 1px solid transparent; } .orgselect{ width:270px; } /** app page only ***/ #apppgcontainer { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto ; /* the bottom margin is the negative value of the footer's height */ min-height: 430px; height: 60%; width:100%; } #mainbox { width: 100%; float: left; display: block; height: auto; } #main { float: left; display: inline-block; background-color: #ffffff; opacity: 0.8; filter:alpha(opacity=80); padding: 5px 10px 0px; box-shadow: 0 2px 3px 1px rgba(120, 120, 120, 0.35); width: 80%; } #div_download { width: 205px; display: inline; /*required by IE6*/ margin-top: 10px; background-color: rgb(243,247,248); } #logoutmsg { float: center; padding-top: 50px; padding-left: 50px; height: 100%; } .logoutheading { font-size: 30px; } #logoutbox { float: right; height: 100%; padding-top: 5px; padding-right: 10px; } #company_name { float:right; height: 100%; padding-top: 10px; padding-right: 10px; } .profile { float:left; width: 20%; } .portallinks { margin-bottom: 0; font: inherit; text-align: center center; color:#f05b32; text-decoration: none; cursor: pointer; } .portallinks a { padding-left: 40px; color:inherit; text-decoration: none; } .portallinks a:hover{ text-decoration: underline; } .downloadlinks{ font-weight: 700; font-family: Lato,"Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; font-size: 12px; margin-left: 0px; margin-top: 10px; margin-bottom: 0; /* font: bold 10px Verdana; */ list-style-type: none; padding-left: 30px; text-align: left; } .downloadlinks li a :hover { text-decoration: underline; } .downloadlinks li { height:32px; padding-left:4px; padding-top:10px; background-repeat:no-repeat; } .downloadlinks li a { text-decoration: none; color: #333333; padding-left: 40px; } .webicon { background-image:url('/fes-bin/public/portal/all/images/app_3.gif'); } .adminicon { background-image:url('/fes-bin/public/portal/all/images/app_admin.gif'); } .win_client { background-image:url('/fes-bin/public/portal/all/images/wincl.png'); color: #23b7e5; text-decoration: none; } .hyworks_client { background-image:url('/fes-bin/public/portal/all/images/hyworkscl.png'); color: #23b7e5; text-decoration: none; } .tse_client { background-image:url('/fes-bin/public/portal/all/images/tsecl.gif'); } .net_diag { background-image:url('/fes-bin/public/portal/all/images/diag.png'); color: #23b7e5; text-decoration: none; } .rpm_client { background-image:url('/fes-bin/public/portal/all/images/lnrcl.gif'); } .deb_client { background-image:url('/fes-bin/public/portal/all/images/lndcl.gif'); } .mac_client { background-image:url('/fes-bin/public/portal/all/images/maccl.gif'); } .linux_client { background-image:url('/fes-bin/public/portal/all/images/linux_img.png'); } .ubuntu_client { background-image:url('/fes-bin/public/portal/all/images/ubuntu_hex.png'); } /*******/ /*body{ background-image: url('/fes-bin/public/portal/all/images/bg5.png'); background-position: 100%; background-size: 100%; background-repeat: no-repeat; } */ body { margin: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 100px; background: none; color: #000000; font-family: Lato,"Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; font-size: 14px; height: 100%; background-size: cover; } /* body{ */ /* background: url('/fes-bin/public/portal/all/images/bg5.png') no-repeat center center fixed; */ /* background-repeat: no-repeat; */ /* background-size: cover; */ /* } */ /* body */ /* { */ /* margin: 0px; */ /* padding: 0px; */ /* font-family: Lato,"Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; */ /* font-size: 14px; */ /* height: 100%; */ /* color:#111111; */ /* } */ #container { min-height:100%; height:auto !important; height:100%; position:relative; } #top { min-height: 50px; } #top_upper_left { } #top_upper_right { background-position: center; width: 100%; float: left; height:100%; margin-top:-57px; } #top_upper_image { } #innerlogobox { margin: 4px 0px 0px 6px; height:100%; } #lgncontainer { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto ; /* the bottom margin is the negative value of the footer's height */ width:100%; } #download_container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto ; /* the bottom margin is the negative value of the footer's height */ width:100%; } #download_main { width: 920px; padding-top: 30x; margin: 0 auto; } #download_box { min-height: 520px; height: 100%; width: 78%; margin: auto; box-shadow: 0px 2px 3px 1px rgba(120, 120, 120, 0.35); background-color: #ffffff; opacity: 0.8; } #down_left { padding-top: 30px; padding-right: 50px; float: left; } #down_right { padding-top: 30px; float: left; } #down_heading { width: 920px; height: 150px; padding-top: 30x; margin: 0 auto; } #browser_msg { background-color: rgb(240, 246, 252); border: 1px solid #bed8f2; border-radius: 8px; } .bluebox { background-color: #ddd; padding: 5px; background-color: #edf4fc; border: 1px solid #bed8f2; min-height: 100px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .instructions-head-description { color: #666; padding: 0 0 13px; } .instructions-main-panel { background-color: rgb(240, 246, 252); border: 1px solid #bed8f2; float: left; padding: 20px 35px 10px 30px; width: 370px; height: 234px; border-radius: 8px; } .instructions-main-title { font-size: 16px; font-weight: bold; } .instructions-main-description { margin-top: 30px; color: #666; } .launcher-banner .launcher-animated-instructions { position: fixed; z-index: 127; bottom: 95px; width: 300px; display: none; border-radius: 2px; } .launcher-instructions-banner { border: 1px solid #4386f4; border-radius: 2px; } .launcher-banner .launcher-banner-content-chrome { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #333; font-size: 14px; height: 75px; width: 100%; display: table; } .launcher-banner .launcher-banner-content-chrome p { font-size: 18px; padding: 0 0 0 86px; color: black; width: 210px; display: table-cell; vertical-align: middle; } .launcher-banner .launcher-instructions-banner .launcher-banner-content-chrome { background: #f0f6fc url('../../all/images/newDownArrow.png') no-repeat 10px 2px; } .launcher-banner * { box-sizing: initial; } .launcher-banner .launcher-instructions-banner .launcher-banner-content-firefox { background: url('../../all/images/newSaveImage.png') no-repeat 16px 20px,url('../../all/images/DownArrow.png') no-repeat 20px 103px #f0f6fc; } .launcher-banner .launcher-banner-content-firefox { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #333; font-size: 14px; height: 180px; position: absolute; width: 447px; display: table; } .launcher-banner .launcher-banner-content-firefox p { font-size: 20px; color: #000; width: 300px; display: table-cell; vertical-align: middle; padding: 0 0 0 90px; } .launcher-banner .launcher-banner-content-firefox .step2 { display: table-cell; vertical-align: middle; padding: 0 0 0 90px; width: 400px; } #keyboard { margin: 0; padding: 0; list-style: none; } #keyboard li { float: left; margin: 0 5px 5px 0; font-size: 12px; cursor: default; width: 24px; height: 24px; line-height: 24px; text-align: center; background: #f1f1f1; border: 1px solid #d8d8d8; border-bottom: 3px solid #d8d8d8; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } .capslock, .tab, .left-shift { clear: left; } #keyboard .tab, #keyboard .Back { width: 70px; } #keyboard .Clear { width: 87px; } #keyboard .Capslock { width: 142px; } #keyboard .Hovering { margin-left: 15px; width: 142px; } #keyboard .Hovering { width: 142px; } #keyboard .Shuffle { margin-left: 10px; width: 140px; } #keyboard .return { width: 77px; } #keyboard .left-shift { width: 95px; } #keyboard .right-shift { width: 109px; } .lastitem { margin-right: 0; } .uppercase { text-transform: uppercase; } #keyboard .space { width: 396px; } #keyboard li:hover { position: relative; top: 1px; left: 1px; border-color: #e5e5e5; cursor: pointer; } .onscreen-keypad { width: 510px; z-index: 5001; overflow: hidden; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); background-color: white; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; padding: 10px 7px 7px 7px; user-select: none; } .group { zoom: 1; } .onscreen-keypad div.keypad-hdr div { float: left; } .onscreen-keypad div.hdr-txt { margin-left: 150px; font-size: 12px; font-weight: bold; padding-top: 5px; padding-bottom: 10px; } .onscreen-keypad div.drag { border: 1px solid #ccc; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; padding: 5px; cursor: move; } .onscreen-keypad span.drag-icon { background: url(../../all/images/drag.png); width: 16px; height: 16px; } .onscreen-keypad span.drag-txt { padding: 3px 0 0 3px; } .onscreen-keypad div.keypad-inp-wrpr { margin: 18px 0 10px 38px; height: 50px; } .onscreen-keypad div.keypad-inp-wrpr div { float: left; margin-right: 10px; } .done { background-color: #4087D9; border: 0 solid #FFFFFF; border-radius: 0 0 0 0; color: white; min-width: 100px; padding: 3px 1px; text-align: center; vertical-align: middle; width: auto; font-family: "Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; letter-spaching: 0.03em; font-size: 15px; background-image: none; border: 1px solid transparent; border-radius: 4px; } .onscreen-keypad .key { height: 190px; width: 500px; background-color: #fff; padding: 9px 0px 12px 10px; } #lgnmainbox { min-height: 450px; height: 100%; width:65%; margin: auto; box-shadow: 0px 2px 3px 1px rgba(120, 120, 120, 0.35); background-color: #f9f9f9; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ } .lgnmain_left { height: 100%; width:42%; float:left; } .lgnmain_center { height: 100%; width:4%; float:left; } .lgnmain_right { height: 100%; width:45%; float:left; padding-left:5px; } .lgnadminmsg{ display: block; padding-left:30px; } .lgnadminmsgheading{ letter-spacing: 0.03em; font-family: "Segoe UI Light",Tahoma,Verdana,Arial,Sans-Serif; font-size: 28px; } .lgnseparator { border-right: 1px solid #DDD; height: 350px; width:1px; margin-top: 60px; margin-left: 40%; } #lgnmain_right_content { overflow:auto; } .lgnsignintext { font-size: 28px; letter-spacing: 0.03em; /*margin-left: 8px;*/ } .otpselect { font-size: 14px; font-family: "Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; padding: 3px; border: 1px solid #808080; width: 126%; height: 28px; } .otptocken { float:left; margin-right:10px; } #loginbox a, , #secondAuth a { color: #0060A6; } #loginbox input , #secondAuth input { outline: none; width: 300px; height:20px; } #loginbox select, #secondAuth select, #dialogformRealm select { font-size:14px; font-family:"Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; padding:3px; border:1px solid #23b7e5; width: 307px; height: 38px; } #loginbox select, #secondAuth select, #dialogformRealm select { font-size:14px; font-family:"Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; padding:3px; border:1px solid rgb(212, 212, 212); width: 313px; height: 35px; outline: none; } select:focus { border:1px solid #f05b32 !important; } .SQselect{ width: 314px; padding: 3px; height: 35px; } #dialogformRealm { padding:5px;border-radius: 0px; -webkit-border-radius:0px; } #loginbox .formrow , #secondAuth .formrow { padding: 2px; display: block; } #loginbox .formlabel, #secondAuth .formlabel { float: left; display:inline; padding-top: 5px; } #loginbox .formcontrol, #secondAuth .formcontrol { margin-left:160px; width: 370px; display:inline; float:left; } #loginbox td, #secondAuth td { padding-top: 1px; padding-bottom: 1px; } .refresh { width: 30px; height: 33px; float: left; background-image: url('/fes-bin/public/portal/act/images/refresh.jpg'); margin-top: 10px; } .captcontainer { height: 100px; padding-top: 6px; padding-left: 30px; padding-bottom: 12px; width:95%; -webkit-border-radius:8px; } .submitcontainer { background-color:white; height: 75px; padding-top: 6px; padding-left: 30px; padding-bottom: 12px; width:95%; -webkit-border-radius:8px; } .btn-table { padding-top: 1%; padding-bottom: 1%; -webkit-border-radius:8px; } .captcha { float:left; //background-image: url('/fes-bin/public/portal/act/images/captchabg.png'); //font-size: xx-large; //font-family: "Sofia", cursive; //font-style: oblique; height: 50px; width: 260px; } .popup-inner-box { padding:5px; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius:8px; } .popup-body { width:90%; padding:5px; padding-left: 5%; padding-right: 5%; /*background-color:white;*/ -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius:8px; display: inline-table; padding-top: 10px; text-align: center; } #p2-done { text-align: initial; } .popup-body-old { width:90%; padding:5px; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius:8px; display: inline-table; padding-top: 10px; } .popup-next-btn { margin-top: 15px; margin-bottom: 15px; text-align: left; } .pupupPart { width:98%; padding-top: 2%; padding-left: 1%; padding-bottom: 2%; height: 100%; float: left; } .popupSepDiv { height: 100%; padding-left: 1%; padding-right: 1%; float: left; } .popupSeprator { border-right: 1px solid #DDD; height: 225px; width: 1px; margin-top: 30px; margin-left: 10px; } .popuprow { display: none; padding-left: 3%; padding-top: 3%; padding-bottom: 1%; float:left; } .popuprow1 { display: none; padding-left: 3%; padding-top: 0%; padding-bottom: 1%; } .portalbutton { cursor: pointer; background-color: #000000; border: 0 solid #000000; border-radius: 0 0 0 0; color: white; min-width: 314px; padding: 7px 5px; text-align: center; vertical-align: middle; width: auto; font-family:"Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; letter-spaching: 0.03em; font-size: 14px; background-image: none; border: 1px solid transparent; } .captchareloadbutton { cursor: pointer; float: left; background-color: #000000; border: 0 solid #000000; border-radius: 0 0 0 0; color: white; height: 55px; padding: 7px 5px; text-align: center; vertical-align: middle; width: auto; font-family:"Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; letter-spaching: 0.03em; font-size: 30px; background-image: none; margin-left: 5px; } .newcaptchaimg { float: left; } .portalotpbutton { background-color: #000000; border: 0 solid #000000; border-radius: 0 0 0 0; color: white; min-width: 75px; padding: 3px 5px; text-align: center; vertical-align: middle; width: auto; font-family:"Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; letter-spaching: 0.03em; font-size: 14px; margin-left: 12px; background-image: none; border: 1px solid transparent; border-radius: 4px; } .portalRealmbutton { background-color: #000000; border: 0 solid #000000; border-radius: 0 0 0 0; color: white; min-width: 75px; padding: 3px 5px; text-align: center; vertical-align: middle; width: auto; font-family:"Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; letter-spaching: 0.03em; font-size: 14px; background-image: none; border: 1px solid transparent; border-radius: 4px; } .realmtable { margin-left: 20%; } .portalbutton_pchange { background-color: #000000; border: 0 solid #000000; border-radius: 0 0 0 0; color: white; padding: 10px 5px; text-align: center; vertical-align: middle; width: 315px; font-family:"Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; letter-spaching: 0.03em; font-size: 14px; background-image: none; } .profilelink { color:#23b7e5; text-decoration: underline; cursor: pointer; font-weight: bold; } .ProfileError { //padding: 3px 5px; padding-left: 20px; text-decoration: none; color: rgb(255, 0, 0); font-family:"Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; letter-spaching: 0.03em; font-size: 14px; display: none; background-color:white; padding-bottom:10px; } .portalbutton:hover{ background-color:#000000; } .portalbutton:active{ background-color:#000000; } .textbox{ font-family:"Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; font-size: 14px; padding: 3px; padding-left: 5px; border: 1px solid transparent !important; border-bottom: 1px solid #bbbbbb !important; width: 300px; height: 20px; margin-top: 15px; margin-bottom: 10px; outline:none; } .textbox:focus { border-bottom: 1px solid #f05b32 !important; } .captchainput{ margin-top: 10px; padding-top: 0px; } .captchainput:focus { border-bottom: 1px solid #f05b32 !important; } .captchadiv{ padding-top: 20px; } .SQuestion { padding-top: 2%; padding-bottom: 5px; } .enrolllink{ color:#0060A6; text-decoration: none; } .enrolllink a{ color:#0060A6; text-decoration: none; } .enrolllink hover{ text-decoration: underline; } .loginlink{ color:#f05b32 ; text-decoration: none; } .loginlink a{ color:#0060A6; text-decoration: none; } .loginlink:hover{ text-decoration: underline; } /* FOOTER */ #footer { width:100%; background-color:#f9f9f9; bottom:0px; background-position: center center; color:black; float: right; font-size: 12px; position: fixed;right: 0; } #footer_top { text-align:center; font-size:smaller; float:none; padding-top: 10px; padding-right:10px; height: 60px; } #footerimg { overflow: hidden; min-height: 35px; min-width: 200px; background-image: url('/fes-bin/public/portal/act/images/brand.png'); background-repeat: no-repeat; background-position: center center; background-size:contain; width:100%; } #footer_logo { background-image: url('/fes-bin/public/portal/act/images/brand.gif'); background-repeat: no-repeat; width: 200px; height: 50px; float: right; background-position: right center; } #footer_bottom { float:right; } /****/ #statusdiv_container { margin:20px; width:250px; clear:both; margin-top:50px; display:none; } .welcome-header { font-weight: inherit; border-bottom: solid 1px #000000; color: #000000; font-size: 20px; font-weight: bold; font-family: inherit; padding: 5px 10px 5px; font-weight: inherit; text-align: center; } #ssp_auth_title { padding: 8px 20px 5px; } .welcome { font-size: 18px; margin-left: 20px; } #applist ul , ul.tse_app { float: left; width: 100%; /* width is changed */ margin: 0; padding: 0; list-style: none; position: relative; } #applist2 li { float: left; width: 12em; margin: 6px; padding:6px 2px 2px; /* left padding moves the text away from the bullet */ text-align: center; height: 6em; vertical-align: middle; } #applist2 li :hover{ background-color: #E0EAEF ; } #applist2 li a { /* Border Radius -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; /* Border Shadow -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.6); -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.6); box-shadow: 1px 2px 2px rgba(0,0,0,0.6); /* Animation (Webkit, Gecko & Mozilla) -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out; */ -moz-border-radius:4px; border-radius: 4px; -moz-box-shadow:0 2px 7px rgba(0, 0, 0, 0.5); border:1px solid #999595; margin-bottom:6px; margin-left: 4px; margin-right:2px; color: #324173 ; /*background: rgba(0,0,0,0.2); background-color: #145A96 ;*/ display: inline-block; padding: 5px 15px; outline: none; text-decoration: none; width: 10em; overflow: hidden; height:6em; } #applist2 li:active { position:relative; top:2px; left: 2px; } ul.tse_app li { float: left; margin: 0px; padding:0px ; /* left padding moves the text away from the bullet */ text-align: center; vertical-align: middle; } ul.tse_app li a.tse_app_names { width: 128px; word-break: break-word; height: 102px; } ul.tse_app li a { margin-bottom:6px; min-width: 95px; width: 100%; margin-left: 18px; margin-right:0px; height: 80px; color: #000000; display: inline-block; background-position-x: 0px; outline: none; text-decoration: none; overflow: hidden; vertical-align: middle; background-repeat: no-repeat; padding-top: 13px; font-size: 14px; background-image: none; } ul.tse_app li a:hover { /* background-color: #E0EAEF;*/ /*background-image: url("../../all/images/Block.gif");*/ box-shadow: 0 2px 3px 1px rgba(120, 120, 120, 0.35); } ul.tse_app li a img { padding-bottom: 5px; } #tse_app a:active { position:relative; top:2px; left: 2px; box_shadow: 0 2px 3px 1px rgba(120, 120, 120, 0.35); /*background-image: url("../../all/images/Hover_block.gif");*/ } a img { border-width: 0px; } ul.virtual_app_list { float: left; width: 100%; margin: 2; padding: 0; list-style: none; position: relative; } ul.virtual_app_list li { float: left; margin: 3px; padding: 5px 0px 5px; text-align: left; vertical-align: middle; width: 260px; } ul.virtual_app_list li a { margin-bottom: 6px; margin-left: 10px; margin-right: 2px; color: #000000; display: inline-block; outline: none; text-decoration: none; overflow: hidden; vertical-align: middle; padding-top: 5px; font-size: 14px; } a.headerline_right { width:80%; overflow: hidden; } a.APP-ELEMENT { text-align: center; } .header { width: 140px; text-align: center !important; } //////////////////////////////////////// .currentStatusDiv { overflow: auto; display:none; background-color: #F4F4F4; padding: 10px; border: 1px solid #C0C0C0; color: #333333; } /* management console */ #mainbg { margin: 0px; width: 100%; } #main_top_menu { width:100%; height: 40px; } #main_left { width: 224px; float: left; height: 54px; margin: 0px; padding: 10px 0px 10px 20px; display: inline; /*required by IE6*/ } /////////////////////// #main_left_bottom { background-image: url( '../images/main_top_left.jpg' ); background-repeat: no-repeat; width: 224px; display: block; height: 54px; margin: 0px; padding: 0px; } #main_menu_container { background-image: url( '../images/main_menu_bg.jpg' ); background-repeat: repeat-y; width: 200px; display: block; /* padding-top: 20px;*/ margin: 0px; padding-left: 27px; } #main_right { padding: 10px 5px 10px 0px ; width: auto; margin-left: 255px; } //////////////////////////////////// #top_bottom { background-image: url( '../images/top_bg.jpg' ); background-repeat: repeat-x; height: 80px; display: block; min-width:974px; } #top_bottom_left { float: left; height: 80px; background-color: #FFFFFF; width: 495px; background-image: url( '../images/top_bottom_left.jpg' ); background-repeat: no-repeat; } #top_bottom_left_userportal { float: left; height: 80px; background-color: #FFFFFF; width: 495px; background-image: url( '../images/top_bottom_left_userportal.jpg' ); background-repeat: no-repeat; } #top_bottom_right { float: right; height: 80px; width: 473px; } #PassDiv{ display:none; position:absolute; top:0; left:0; z-index:5000; background-color:#ffffff; width: 100%; height: 100%; display: block; opacity: 0.35; filter: alpha(opacity=5); } #PassDiv2{ display:none; } #WindowDiv{ display:none; position:absolute; top:0; left:0; z-index:5000; background-color: rgba(0, 0, 0, 0.1); width: 100%; height: 100%; display: block; opacity: 1.0; filter: alpha(opacity=5); } #PopupDiv, #PopupDiv1, #PopupDiv2{ display:none; } div.centered{ display:block; /*set the div in the center of the screen*/ position:absolute; top:15%; left:35%; width:361px; z-index:5001; overflow: hidden; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); background-color:white; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius:10px; /*filter: alpha(opacity=100);*/ } div.centePopUp{ display:block; /*set the div in the center of the screen*/ position:absolute; top:10%; z-index:5001; background-color:white; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius:8px; box-shadow: 0px 2px 3px 1px rgba(120, 120, 120, 1.35); } div.centredDiv { display: block; position: absolute; top: 15%; left: 45%; width: 250px; z-index: 5001; -webkit-border-radius: 8px; } label { display: block; padding-left: 15px; text-indent: -15px; } checkbox1 { width: 13px; height: 13px; padding: 0; margin:0; vertical-align: bottom; position: relative; top: -1px; overflow: hidden; } #welcometext { padding: 30px 100px 30px 0px; } #welcometext #heading { color: #2C8EC0; font-weight: bold; font-size: 14px; } #logincontainer { background-image: url('../images/login_strip_bg.gif'); background-repeat: repeat-x; height: 176px; padding-left: 100px; } #logincontainer #logobox { float:left; padding: 20px 10px 20px 10px; background-image: url('../images/login_strip_logo_bg.gif'); background-repeat: repeat-x; height: 136px; width: 148px; } #companyname { text-align:center; width: 160px; font-size:14px; color: #145A96; } #mask, #eps_mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; } #boxes .window, #box2 .window, #box3 .window { position:absolute; left:0; top:0; width:440px; /*height:200px;*/ display:none; z-index:9999; padding:20px; } #boxes #dialog , #epsremedydialog, #box2 #epsremedydialog, #box3 #deviceregdialog { width:375px; /*height:203px;*/ } #eps_links { text-align: center; } #boxes #dialog #dialogborder, #box2 #epsremedydialog #epsremedyborder, #box3 #deviceregdialog #deviceregborder { padding:5px; background-color:#E3F1FA; /*border-style:solid; border-color:#A4C855; border-width:7px;*/ -moz-border-radius: 8px; border-radius: 8px; overflow: hidden; } #boxes #dialog #dialogform #dialogformRealm { padding:10px; background-color:#FFFFFF; /*border-style:solid; border-color:#A4C855; border-width:7px;*/ -moz-border-radius: 8px; border-radius: 8px; overflow: hidden; } #boxes #dialog1 { width:375px; height:203px; } #dialog1 .d-header { background:url(images/login-header.png) no-repeat 0 0 transparent; width:375px; height:150px; } #dialog1 .d-header input { position:relative; top:60px; left:100px; border:3px solid #cccccc; height:32px; width:300px; font-size:15px; padding:5px; margin-top:4px; } #dialog1 .d-blank { float:left; background:url(images/login-blank.png) no-repeat 0 0 transparent; width:267px; height:53px; } #dialog .d-login { float:left; width:208px; height:53px; } #boxes #dialog2 { background:url(images/notice.png) no-repeat 0 0 transparent; width:326px; height:229px; padding:50px 0 20px 25px; } /* Main Menu */ .markermenu { width: 186px; /*width of menu*/ } .markermenu ul { list-style-type: none; margin: 0px 0; padding: 0; } .markermenu ul li a { background-position: center; background-image: url('../images/menu_item_bg.jpg'); display: block; width: auto; padding: 3px 0; padding-left: 20px; text-decoration: none; height: 20px; background-repeat: no-repeat; color: #4F87BD; font-size: 13px; font-weight: bold; } * html .markermenu ul li a { /*IE only. Actual menu width minus left padding of LINK (20px) */ width: 150px; } .markermenu ul li a:visited, .markermenu ul li a:active { color: #4F87BD; } .markermenu ul li a:hover { color: #4F87BD; background-image: url('../images/menu_item_bg_highlight.jpg'); } /* Holly Hack for IE \*/ * html .markermenu ul li { height: 1%; } * html .markermenu ul li a { height: 1%; } /* End */ /* End of Main Menu */ #tabtitle { padding-left: 255px; font-size: 16px; color: #288CBF; font-weight: bold; float:left } #tabtitlesub { text-align: right; padding-left: 256px; } #logoutlink { background-position: 0px 3px; background-repeat: no-repeat; color: #ffffff; font-size: 14px; /* padding-left: 16px; padding-top: 2px; padding-bottom: 2px; */ } #menucontainer { background-repeat: repeat-x; height: 28px; } #menuleft { background-image: url('../images/menu_left.gif'); background-repeat: no-repeat; height: 28px; width: 4px; border: none; text-decoration: none; } #menuright { background-image: url('../images/menu_right.gif'); background-repeat: no-repeat; height: 28px; width: 4px; } #ddltab3 { float: left; margin-left: 4px; } #content { display: block; } #content #contenttop { background-image: url('../images/content_left.jpg'); background-repeat: no-repeat; width: 148px; height: 57px; } #content #contentright { width: 100%; padding-bottom: 10px; } #rightpanel { margin-right: 10px; margin-right: 10px; width: 100%; } #logocontainer { padding-top: 10px; width: 248px; height: 60px; float: left; } #menuleft { background-image: url('../images/menu_left.gif'); background-repeat: no-repeat; height: 28px; display: inline; padding-left: 4px; } .solidblockmenu { margin: 0; padding: 0; font-size: 14px; height: 28px; } .solidblockmenu li { display: inline; } .solidblockmenu li a { background-color: rgb(236,236,251); float: left; color: #333333; padding: 10px 8px; text-decoration: none; height: 15px; } .solidblockmenu li a:visited { } .solidblockmenu li a:hover, .solidblockmenu li a.current { color: white; background-position: center center; background-color: #000000; background-repeat: repeat-x; outline: none; } #top_buttonMenu { width: 250px; height:70px; float:left; background-image:inherit; padding-top:10px; } #top_buttonMenu_leftCorner { background-image: url('../images/TopMenu_left.png'); width:12px; height:55px; background-repeat: no-repeat;float:left; } #top_buttonMenu_Middle { background-image: url('../images/TopMenu_Middle.png'); background-repeat: repeat-x; width:175px; _width:190px; padding-left:4px; height:55px;float:left; } #top_buttonMenu_RightCorner { background-image: url('../images/TopMenu_Right.png'); background-repeat: no-repeat;float:left; width:17px; height:55px; } .top_buttonMenu_Sep { background-image: url('../images/TopMenu_Sep.png'); background-repeat: repeat-x; width:4px; height:55px;float:left; margin:0 8px; } .buttonIcon { float:left; min-width:40px; width:45px; /*applies only to ie 6 and 7*/ } .buttonIcon img,.buttonIcon a { margin:auto; border-style: none; border-width: 0px; display:block; text-decoration:none; outline:medium none; position:relative; } .buttonIcon a {margin-top:10px; text-align:center; color:#000000; } .lgnbox_shadow { margin-bottom: 10px; padding: 10px; } #certlogindiv { float:left;margin-right:10px; padding-top: 5px; } #proxyDiv { float:left;margin-right:10px; padding-top: 5px; } .box_shadow { background-color: #f9f9f9; margin-bottom: 10px; padding: 10px; font-size: 14px; } .net_shadow { background-color: #f9f9f9; margin-bottom: -15px; padding: 10px; font-size: 14px; } #leftbox1 { background-color: rgb(243,247,248); margin-bottom: 10px; padding: 10px; font-size: 14px; } #leftbox2 { background-color: rgb(243,247,248); margin-bottom: 10px; padding: 10px; font-size: 14px; } .box { margin-bottom: 10px; } .boxtop { padding: 5px 2px 2px 10px; background-color: #E3F1FA; height: 22px; font-weight: bold; } .boxcontent { padding: 10px; background-color: #E3F1FA; } .boxheading { color: #000000; font-size: 14px; font-weight: bold; margin-bottom:5px; } .appbox { } .appboxtop { padding: 5px 2px 2px 10px; background-color: #beCBD7; height: 22px; font-weight: bold; } .appboxcontent { padding: 0px 0px 10px 0px; } .btn_signin { background-image: url( '../images/btn_signin.jpg' ); background-repeat: no-repeat; width: 73px; height: 34px; border: 0px; } .btn_otp { background-image: url( '../images/btn_otp.jpg' ); background-repeat: no-repeat; width: 72px; height: 25px; border: 0px; margin-top:2px; } .btn_change { background-image: url( '../images/btnchange.jpg' ); background-repeat: no-repeat; width: 73px; height: 34px; border: 0px; } .tablemain{ margin:0px; padding:0px; } .pageheader{ height:85px; width:100%; margin:0px; overflow:hidden; } .logo{ background-image:url(../images/logo.jpg); background-repeat:no-repeat; width:250px; height:inherit; margin-left:50px; margin-top:5px; overflow:visible; vertical-align:middle; float:left; } .pageheaderright{ width:250px; height:inherit; float:right; padding-right:20px; } .username{ float:right; } .tdmain{ width:100%; border:#4f5d8e; } .login_tablemiddle{ width:100%; border-top:#44517d solid 1px; background-color: #FFFFFF; background-repeat:repeat-x; } .applet_tablemiddle { } .applet_tablemiddle table { margin:auto; font-family: inherit; font-size: 14px; vertical-align:top; width:350px; } .applet_tablemiddle h1{ font-family:inherit; font-size:14px; color:inherit; padding:0px; } .applet_tablemiddle td{ font-family:inherit; font-size:14px; color:inherit; margin:0px; padding:5px; } .tablemiddle{ width:100%; border-top:#44517d solid 1px; background-color: #FFFFFF; background-repeat:repeat-x; } .left{ padding-top:0 px; padding-left:40px; padding-bottom:16px; text-align:left; float:left; width:75%; height:100%; } .right{ padding-top:20px; padding-right:16px; padding-bottom:16px; padding-left:16px; text-align:right; float:right; width:90%; height:100%; } .loginright{ padding-top:16px; padding-right:16px; padding-bottom:16px; padding-left:16px; text-align:right; float:right; width:26%; } .loginouter{ background-color:#FFFFFF; border:#d3d6dc solid 1px; padding:10px; margin:5px; } .logintable{ border:#44517d; vertical-align:top; } .loginhead{ FONT-FAMILY:'Lucida grande',Tahoma,verdana,arial,sans-serif; font-size:15px; font-weight:bold; height:100%; vertical-align:middle; padding-top:4px; text-align:left; } .greenbox{ border:#9fa6c6 solid 1px; background-color:#ebeef9; padding:4px; color:#000000; text-align:left; } #currentStatusDiv { width:100%; } #showstatus { margin-left:10px; font-size: 14px; } #mdiv { padding:6px; } .text{ padding-bottom:10px; width:100%; display:inline; } .h1{ font-weight:bold; color:#000000; font-size:14px; } .gap{ height:16px; } .gap1{ height:1px; background-color:#FFFFFF; } .box2{ border:#9fa6c6 solid 1px; background-color:#ebeef9; padding:4px; color:#000000; text-align:left; } .h2{ font-weight:bold; color:#000000; font-size:14px; } .h3{ font-weight:bold; color:#ffffff; font-size:14px; } .icon{ float:left; width:18px; } .iconlink{ text-align:left; color:#FFFFFF; text-decoration:underline; } .iconlink a{ padding-left:2px; color:#feeb6d; text-decoration:underline; font-weight:bold; } .iconlink a:hover{ color:#FFFFFF; text-decoration:none; } .box3{ border:#354063 solid 1px; background-color:#3c4a77; padding:4px; color:#ffffff; text-align:left; } .appbox{ background-color:#F4f6f8; padding:2px 8px; height:55px; } .fieldseprator { background-color: #BEC4C7; height: 1px; color: #333333; font-weight: bold; margin: 2% 12% 1% 2%; } .SSPheadings { color:#45494C; font-weight:bold; font-size:15px; margin: 3% 0% 2% 2%; } .fieldheadings { color:#45494C; font-weight:bold; font-size:14px; margin: 2% 0% 1% 2%; } .fieldsubheading { margin: 0% 0% 1% 2%; } .appheader { background-color: #e7e7fa; padding: 10px; height: 15px; color: #333333; font-weight: bold; margin: 3px 0px 3px 0px; } .appicon { padding: 8px 10px 0px 5px; float:left; } .apptext { color: #6f6f6f; text-align:left; padding-left:10px; vertical-align:middle; padding-top:15px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } .apptext_desc{ color: #6f6f6f; text-align:left; padding-left:10px; vertical-align:middle; padding-top:5px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } .footertd{ height:20px; color:#FFFFFF; font-size:11px; text-align:right; padding-right:2px; } .links{ color:#003366; font-weight:bold; font-size:14px; } .links a{ color:#003366; font-weight:bold; font-size:14px; text-decoration:underline; } .links:hover{ color:#000000; font-weight:bold; font-size:14px; text-decoration:none; } /*ovalbtncss*/ button.ovalbutton{ display: block; float: left; background-color:#377ED0; border: 0 solid #FFFFFF; FONT-SIZE: 12px; COLOR : #ffffff; FONT-FAMILY: 'Lucida Grande',Tahoma,Verdana,Arial,sans-serif; font-weight:bold; margin:0px; padding: 3px 5px; margin-top: 2px; } a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{ color: #ffffff; /*button text color*/ } a.ovalbutton span{ /*background: transparent url('../images/oval-gray-right.gif') no-repeat top right;*/ display: block; padding: 6px 11px 4px 0; height:29px; } a.ovalbutton:hover{ height:29px; } a.ovalbutton:hover span{ color: #ffffff; height:29px; } .buttonwrapper{ overflow: hidden; text-align:center; } .login{ overflow: hidden; width:105px; text-align:left; } /* APP TAB */ .changepassword { font-family: 'Lucida grande' ,Tahoma,verdana,arial,sans-serif; font-size: 14px; font-weight: bold; height: 100%; vertical-align: middle; padding-top: 2px; } a.button { text-decoration:none; font-variant: small-caps; border-style: outset; border-width: 2; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color: #C0C0C0 } P.nm-message { } P.nm-standout { color: red; } P.nm-error { color: red; } P.nm-links { } A.nm-link { } .tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; } .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; } .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; } .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; } .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; } .appbox a { color: #324173; text-decoration: none; } .appbox A:visited { COLOR: #0066DD; TEXT-DECORATION: none} .appbox A:active { COLOR: #0066DD; TEXT-DECORATION: underline } .appbox A:hover { COLOR: #0066DD; TEXT-DECORATION: underline } /*--------- MANAGEMENT CONSOLE HEADER ---------------*/ #mgmtheader { background-image: url('../images/header_bg.jpg'); background-repeat: repeat-x; height: 81px; width: 100%; } #mgmtlogo { background-image: url('../images/productlogo.gif'); background-repeat: repeat-x; height: 81px; width: 415px; float:left; } #mgmtheader_links { padding-top:10px; height: 81px; float:right; } #mgmtheader_links img { border:0px; } .headerlink { text-align: center; margin-right: 5px; margin-left: 5px; float:right; } .headerlink a { color: #FFFFFF; font-size: 13px; text-decoration:none; outline:none; } #mgmtfooter { width: 100%; background-color: #EDF0F2; height: 20px; clear:both; text-align: right; } #mgmtfooter #copyright { color: #06334D; font-size: 13px; padding-right: 20px; } /* #footerimg */ /* { */ /* overflow: hidden; */ /* min-height: 50px; */ /* min-width: 200px; */ /* _height : auto !important; */ /* _height: 60px; */ /* background-image: url('/fes-bin/public/portal/act/images/brand.png'); */ /* background-repeat: no-repeat; */ /* background-position: center center; */ /* } */ /*-----------------END OF MANAGEMENT CONSOLE HEADER ----------------*/ /*--------------------STICKY NOTE IMPL - LOGIN PAGE-----------------*/ div.guestwarn { background:#F5F500; color:#000000; max-width:280px; min-height:18px; padding:0 5px 3px; position:fixed; right: 2%; top: 28%; padding: 10px 15px; position: fixed; z-index: 10; font-size:14px; -moz-border-radius: 8px; -webkit-border-radius: 8px; filter:alpha(opacity=88); -moz-opacity:.88; opacity:.88; -moz-box-shadow:5px 5px 5px #191919; -webkit-box-shadow:5px 5px 5px #191919; box-shadow:5px 5px 5px #191919; } /*--------------------STICKY NOTE IMPL - LOGIN PAGE-----------------*/ select { background-image: linear-gradient(to bottom, #fff, rgb(250, 250, 250)); border: 1px solid rgb(212, 212, 212); font-style: normal; font-weight: 400; font-size:14px; font-family:"Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; -ms-border-radius: 2px; border-radius: 2px; color: #4d4d4d; height: 40px; outline:none; } a { cursor: pointer; } .progressBar-loading { display:none; margin-left:700px; margin-top:150px } .spinner-scan { margin:-22px 0px 0px 31px; } .spinner { height: 15px; width: 15px; /* margin: 94px auto 0 auto; */ position: relative; -webkit-animation: rotation .6s infinite linear; -moz-animation: rotation .6s infinite linear; -o-animation: rotation .6s infinite linear; animation: rotation .6s infinite linear; border-left: 4px solid rgba(0, 174, 239, .15); border-right: 4px solid rgba(0, 174, 239, .15); border-bottom: 4px solid rgba(0, 174, 239, .15); border-top: 10px solid #f05b32 ; border-radius: 100%; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } @-moz-keyframes rotation { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(359deg); } } @-o-keyframes rotation { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(359deg); } } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } /*--------------------DYNAMIC PLACEHOLDERS-----------------*/ input.placeholder { background: rgba(0, 0, 0, 0); overflow-x: hidden; } input.placeholder + label { display: block; position: relative; white-space: nowrap; height: 0px; } input.placeholder:focus + label > span, input.placeholder:valid + label > span { top: -55px; left:20px; font-size: 11px; color:#f05b32; font-weight: 500; } input.placeholder + label > span { color: #959595; position: absolute; top: -37px; left: 20px; z-index: -1; -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease; transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease; } input.placeholder-nolabel:focus + label > span, input.placeholder-nolabel:valid + label > span { display: none } /*--------------------------------------------------------*/ .circle{ border-radius: 50%; width: 35px; height: 34px; padding: 8px; background: #fff; border: 3px solid green; color: #000; text-align: center; font: 32px Arial, sans-serif; margin: auto; } .or_use_passwordless { padding-top: 10px; padding-bottom: 5px; text-align: center; font-size: 16px; font-family: "Segoe UI",Tahoma,Verdana,Arial,Sans-Serif; } #mfaTypes input{ width:15px; height:15px; } @media screen and (max-width: 1124px) { #mfaTypes input {width:15px !important;height:15px !important}; } .regfido { margin-bottom: 10px; display:none; } .otpTypes{ padding-bottom: 5px; } .otpTypes:hover{ font-weight: 500; } .spinner { height: 25px; width: 25px; border-top: 4px solid #f05b32; margin: 10px auto 0 auto; } #copyLegacyURL { margin-top:-30px; margin-bottom: 0px; color:#23b7e5; font-size: small; } #copyEnhancedURL { margin-top:-30px; color:#f05b32; font-size: small; } #copyLegacyPCURL { margin-bottom: 0px; color:#23b7e5; font-size: small; } #OTPVAL, #EMAILOTP, #BOTHOTP, #PHONEOTP { -moz-appearance: textfield; } #duser, #dpasswd{ border-bottom: .1em solid black; border-radius: .2em .2em 0 0; padding: .4em; color: black; } .copyEnhancedURLUID { margin-top:0px !important; } #timer { margin-bottom: 10px; color: chocolate; font-size: x-large; }