.logof{background-image:url('images/logof.png');background-repeat:no-repeat;background-position:center;height:115px;position:absolute;top:0px;width:100%;left:0px;z-index:0} .logot{background-image:url('images/logot.png');background-repeat:no-repeat; } .wpthemeMainContent div.logot { float:left !important;width:50px; background-image:url('images/X8Symbol.png'); margin-top:10px;height:30px; } .wpthemeMainContent .statusbar { bottom:40px !important; margin-left:80px;margin-right:80px; } .swfCoreFooter { bottom:0px !important; z-index:199; } .swfCoreFooter span { text-transform:capitalize; } .swfCoreNavName { text-transform:capitalize; } .bgpg{background-image:url('images/bgpg.png');background-repeat:repeat;background-position:top left;} .bgmun{background-image:url('images/bgmnu.png');background-repeat:repeat;background-position:top left;} .X8inner *.statusbar { margin-left:0px;margin-right:0px; } *.statusbar{ position: fixed;bottom: 0px;left: 0px;height:32px;margin-left:30px;margin-right:30px;background-color:white;z-index:777;} .x8symbol { background-repeat:no-repeat;float:left;width:250px;height:40px;background-position:bottom left;} .previous,.ZG_btnPagerPrev {background-image:url('images/previous.png');background-repeat:no-repeat;background-position:center ;} .next,.ZG_btnPagerNext {background-image:url('images/next.png');background-repeat:no-repeat;background-position:center ;} fieldset { border-color:#dadad9; } legend { color:#008789; } .x8searchbtn {background-image:url('images/search-icon.png'); width:15px;height:20px;background-repeat:no-repeat;display:inline-block;cursor:pointer;} .x8si { background:url('images/btndown.png') no-repeat center;width:20px;height:20px;} .x8addbtn { background-image:url('images/btna.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8addbtn:hover { background-image:url('images/Add-Hover.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8attachbtn { background-image:url('images/attachfile.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8attachbtn:hover { background-image:url('images/attachfileover.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8backbtn { background:url('images/btnback.png') no-repeat left; width:45px;height:22px;line-height:22px; font-size:12px;display:inline-block;cursor:pointer;float:left;padding-left:20px;} .x8backbtn:hover { background:url('images/Back-Hover.png') no-repeat left;color:#00c1b5; width:45px;height:22px;line-height:22px; font-size:12px;display:inline-block;cursor:pointer;float:left;padding-left:20px;} .x8reloadbtn { background-image:url('images/reload.png'); width:22px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8reloadbtn:hover { background-image:url('images/reload-hover.png'); } .x8infobtn { background-image:url('images/info2.png'); width:22px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8infobtn:hover { background-image:url('images/info2-hover.png'); } .x8Sbtn { background-position:center right; background-image:url('images/btnSearch.png'); width:19px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8Sbtn:hover { background-image:url('images/btnSearchO.png'); } .x8Hbtn { background-position:center right;background-image:url('images/btnHistory.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8Hbtn:hover { background-image:url('images/btnHistoryO.png'); } .x8Mail { text-transform:uppercase;color:#008789;background-position:center left;padding-left:21px;background-image:url('images/mail.png');height:15px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8Mail.Disabled { color:#c0c0c0;background-image:url('images/mail-inactive.png'); } .x8Print { text-transform:uppercase;color:#008789;background-position:center left;padding-left:21px;background-image:url('images/printer.png');height:15px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8Print.Disabled { color:#c0c0c0;background-image:url('images/printer-inactive.png'); } .x8Massbtn { background-position:center right; background-image:url('images/mass.png'); width:23px;height:20px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8Massbtn:hover { background-position:center right; background-image:url('images/mass_hover.png'); width:23px;height:20px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8Exportbtn { background-position:center right; background-image:url('images/Export_excel.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8Exportbtn:hover { background-position:center right; background-image:url('images/Export-Hover.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8Errortbtn { background-position:center right; background-image:url('images/ErrorIcon.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8Errortbtn:hover { background-position:center right; background-image:url('images/Error-Hover.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8FullScreen { background-image:url('images/fullscreen.png'); width:28px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8PrintIcon { background-image:url('images/icon-printer.png'); width:28px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8PrintIcon:hover { background-image:url('images/icon-printer-hover.png'); width:28px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8ImportFormbtn { background-position:center right; background-image:url('images/import-icon.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8ExportFormbtn { background-position:center right; background-image:url('images/export-icon.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .rating { float:left;padding-left:0px; position:relative; margin: 0px; } .rating li { float:left; width:20px; list-style:none; } .rating.e li { cursor:pointer; } .rating>.unrated { display:none;background:url('images/reject-15.png') center no-repeat; } .rating:hover>.unrated{ display:block;left:-14px;width:20px; } .x8SaveBtn { background-image:url('../../JSScript/JS_DashBoard/css/images/save-widget-idle.png'); width:22px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8SaveBtn:hover { background-image:url('../../JSScript/JS_DashBoard/css/images/save-widget-over.png'); } .x8refresh { background-image:url('images/btnRefresh.png'); width:22px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8refresh:hover { background-image:url('images/btnRefresh-hover.png'); } .x8FilterBtn { background-position:center right; background-image:url('images/Filter.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8FilterBtn:hover { background-position:center right; background-image:url('images/Filter-Hover.png'); width:20px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8DelBtn { background-image:url('images/delete-15-green.png'); width:15px;height:15px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8DelBtn.Disabled { background-image:url('images/delete-grey.png'); cursor:default; } .x8DeleteBtn { background-position:center right;background-image:url('images/delete-22.png'); width:20px;height:21px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8DeleteBtn:hover { background-image:url('images/delete-22-selected.png');} .x8viewbtn { background-image:url('images/view-icon.png'); width:22px;height:21px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8viewbtn:hover { background-image:url('images/view-icon-hover.png'); } .x8downloadbtn { background-image:url('images/download-icon.png'); width:22px;height:19px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8downloadbtn:hover { background-image:url('images/download-icon-hover.png'); } .x8tagbtn { background-image:url('images/tag-icon.png'); width:22px;height:19px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8tagbtn:hover { background-image:url('images/tag-icon-hover.png'); } .x8auditbtn { background-image:url('images/audit-icon.png'); width:22px;height:21px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8auditbtn:hover { background-image:url('images/audit-icon-hover.png'); } .x8Verifybtn { background-image:url('images/btnVerify.png'); width:22px;height:21px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8Verifybtn:hover { background-image:url('images/btnVerify-hover.png'); } .pnlNotify { margin-right:0px; background-image:url('images/notifier.png');padding-left:5px; width:23px;background-repeat:no-repeat;display:inline-block;color:White;text-align:center;background-position:center right;} .boxyCloser { background-image:url('images/btnCloser.png'); width:14px;height:14px;background-position:center;} .boxyAlt .boxyCloser,.pnlCloser { background-image:url('images/btnCloserWhite.png'); width:14px;height:14px;background-position:center;} .X8MSG .close { position:absolute;right:5px;top:5px; } .x8Comment{background-image:url('images/comment.png');background-repeat:no-repeat;background-position:center;} .x8CommentAct{background-image:url('images/comment-active.png');background-repeat:no-repeat;background-position:center;} .x8CommentDis{background-image:url('images/comment-inactive.png');background-repeat:no-repeat;background-position:center;} input[type=checkbox].x8Star{ display:none; } .x8Star.Ctrl { width:20px;height:20px;cursor:pointer; } .x8Star{background-image:url('images/star-active.png');background-repeat:no-repeat;background-position:center;} .x8StarDis,.x8Star.Uncheck{background-image:url('images/star-inactive.png');background-repeat:no-repeat;background-position:center;} .x8MoreRed{background-image:url('images/more-red.png');background-repeat:no-repeat;background-position:center;} .x8MoreGreen{background-image:url('images/more-green.png');background-repeat:no-repeat;background-position:center;} .x8Promote{background-image:url('images/promote.png');background-repeat:no-repeat;background-position:center;} .x8PromoteDis{background-image:url('images/promote-inactive.png');background-repeat:no-repeat;background-position:center;} .AttachImg { background-image:url('images/btnaddc.png'); width:15px;height:15px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left; } .x8deletebtn { background-image:url('images/btndelete.png'); width:15px;height:15px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left; } .x8Highlight { background-color:#bae9de; } .x8Rated{background-image:url('images/rated.png');background-repeat:no-repeat;background-position:center;} .x8NoRated{background-image:url('images/no-rated.png');background-repeat:no-repeat;background-position:center;} .x8ArrowDown{background-image:url('images/icon-more.png');background-size:10px;background-repeat:no-repeat;background-position:center;cursor:pointer;} .x8ArrowDown.Collapse{background-image:url('images/arrow-down.png');background-size:10px;background-repeat:no-repeat;background-position:center;cursor:pointer;} .x8InfoSolid{background-image:url('images/info3.png');background-size:15px;background-repeat:no-repeat;background-position:center;cursor:pointer;} .x8Infomation{background-image:url('images/info4.png');background-repeat:no-repeat;background-position:center;cursor:pointer;} /* --------------------------- Mass Mode--------------------------------------- */ .X8DDL { position:relative } .X8DDL .field { background-color:#009ea0; border:none; cursor:pointer; font-family:'lucida sans unicode',sans-serif; font-X8DDL:1em; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .X8DDL>ul.list { display:none; position:absolute; left:65px; top:-15px; z-index:999; width:200px; margin:0; /* padding:5px; */ padding:0px; list-style:none; background:#e5f8f5; text-align:left; } .X8DDL>ul.list li { padding:3px; overflow: hidden; text-overflow: ellipsis; /* border-bottom: solid 1px #ccc; */ } .X8DDL>ul.list li a{ color:#008789; } .X8DDL>ul.list li:hover a{ color:#fff; } .X8DDL>ul.list li:hover { color:#008789; background:#009ea0; } .X8DDL>ul.list li:last-child { border:none } .imgow {text-align: center; position: relative; float: Left; margin-bottom: 2px;border: dotted 1px #ddd; z-index: 1;} .imgw {vertical-align:top; position: relative;min-width: 80px;max-width:200px;max-height:200px;min-height: 120px;overflow: hidden;} .imgw .fui{ position: absolute; width: 100%; top: 0px; height: 180px; margin-left: -160px; float: left; z-index: 995; -moz-opacity: 0; filter: alpha(opacity: 0); opacity: 0; font-size: 35px; right: 0px; } .imgw .hover{ line-height: 35px; text-align: center; position: absolute; bottom: -35px; height: 35px; left: 0px; right: 0px; background-color: #efefef; transition: bottom 0.25s; -webkit-transition: bottom 0.25s; } .imgw:hover .hover{ bottom: 0px;} .imgw .deleter { display:none;background-image:url('images/reject-15.png');text-align: center; position: absolute; height: 15px; width: 7px; cursor: pointer; top: 0px; right: 0px; padding-left: 4px; padding-right: 4px; background-repeat: no-repeat; z-index: 999; } .imgw.exists:hover .deleter { display:block; } .imgw.hasimg .ni,.imgw.deleteimg .di { display:block; } .imgw .ni,.imgw .di { display:none;position: absolute; width: 100%;height:100%;top:0px;left:0px;background-color:white;z-index:999;text-align:center;vertical-align:middle; } .imgAward { background-position:center right; background-image:url('images/btnReward.png'); width:16px;height:23px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left; position: absolute;margin-left: 10px;} .X8FLabel { width:100%; background-color: white; position: absolute;pointer-events: none;left: 0px;top: 4px;transition: 0.1s ease all; height: 12px; padding: 0px; border-radius: 5px; color:#999;} .focus .X8FLabel, .hasValue .X8FLabel,.ddl.hasValue .X8FLabel { top: 17px; padding-left:1px;padding-right:6px; width:auto; left: -1px;text-align:left; font-size: 8px ; opacity: 1; -webkit-transform:scale(0.9); } .ddl .X8FLabel { width:70%; } .empTest.hasValue .X8FLabel { top:3px; } .x8EmpDetailLabel span { color: #007272; } .x8EmpDetailLabel .x8Name span { font-size: 16px; padding-top: 0px; } div.circleimg.imgsize-s { height: 70px; width: 70px; } div.circleimg.imgsize-m { height: 80px; width: 80px; } div.circleimg.imgsize-l { height: 100px; width: 100px; } div.circleimg img { width: 100%; } div.circleimg.selectCircle { border: 5px solid #00c1b5; } .x8Profile .InfoMsg { width: 50%; margin-top: 10px; margin-bottom: 10px; padding-bottom: 5px; } .imgRMBalance { background-position:center right; background-image:url('images/reimburse-balance.png'); width:23px;height:20px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .imgRMBalance:hover { background-position:center right; background-image:url('images/reimburse-balance-hover.png'); width:23px;height:20px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .checkRevise { background-image:url('images/checkRevise.png'); width:16px;height:16px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .noCheckRevise { background-image:url('images/noCheckRevise.png'); width:16px;height:16px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .minRevise { background-image:url('images/miniRevise.png'); width:10px;height:10px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8personal { background-image:url('images/iconPersonal.png'); width:22px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8personal:hover { background-image:url('images/iconPersonal-Hover.png'); width:22px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8personal.selected { background-image:url('images/iconPersonal-Hover.png'); width:22px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8benefits { background-image:url('images/iconBenefits.png'); width:26px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8benefits:hover { background-image:url('images/iconBenefits-Hover.png'); width:26px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8benefits.selected { background-image:url('images/iconBenefits-Hover.png'); width:26px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8professional { background-image:url('images/iconProfessional.png'); width:22px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8professional:hover { background-image:url('images/iconProfessional-Hover.png'); width:22px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8professional.selected { background-image:url('images/iconProfessional-Hover.png'); width:22px;height:22px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .x8Back { background-image:url('images/back_L.png'); width:50px;height:50px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;opacity:0.8; filter: alpha(opacity=80);} .x8Back:hover { opacity:1; filter: alpha(opacity=100);} .x8Next { background-image:url('images/next_L.png'); width:50px;height:50px;background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;opacity:0.8; filter: alpha(opacity=80);} .x8Next:hover { opacity:1; filter: alpha(opacity=100); } .btnClockIN { background-image: url("images/bg-clock-in.png"); } .btnClockOUT { background-image: url("images/bg-clock-out.png"); } .scorebox { background-image: url("images/scorebox.png");background-repeat:no-repeat;display:inline-block;width:151px;height:220px; } .PMSScore .totalScore { height: 64px; line-height: 64px; width: 150px; text-align: center; vertical-align: middle; font-size: 22px; margin: auto; color: #e8fcf6; } .PMSScore .totalScoreDesc { height: 44px; line-height: 44px; width: 150px; text-align: center; vertical-align: bottom; margin-top: 100px; } .PMSScore .totalScoreDesc div { width: 100px; margin: auto; text-align: center; vertical-align: bottom; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .PMSScore .totalScoreDesc span { font-size: 16px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .PMSScore .otherScore { width: 146px; margin-left: 1px; text-align: center; vertical-align: bottom; border-left: 2px solid #008989; border-right: 2px solid #008989; border-bottom: 2px solid #008989; border-radius: 4px; } .PMSScore .otherScore .score { width: 50%; float: left; height: 35px; padding-bottom: 5px; } .nobg.xmodule { max-height:28px; } .btnTXStatusOpen { background-image:url("images/Arrow-down-white15.png"); width: 20px; height: 10px; background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} .btnTXStatusClose { background-image:url("images/Arrow-up-white15.png");width: 20px; height: 10px; background-repeat:no-repeat;display:inline-block;cursor:pointer;float:left;} @-webkit-keyframes showStep { 0% { opacity: 0.1; } 100% { opacity: 1; } } @-moz-keyframes showStep { 0% { opacity: 0.1; } 100% { opacity: 1; } } @-o-keyframes showStep { 0% { opacity: 0.1; } 100% { opacity: 1; } } @keyframes showStep { 0% { opacity: 0.1; } 100% { opacity: 1; } } .ZG_CheckApr,.animate { -webkit-animation: showStep 0.5s; /* Safari 4+ */ -moz-animation: showStep 0.5s; /* Fx 5+ */ -o-animation: showStep 0.5s; /* Opera 12+ */ animation: showStep 0.5s; /* IE 10+, Fx 29+ */ } .T2018 .gridWarper { background-color: #E5F8F5; margin-top: 10px; margin-bottom: 10px; overflow: hidden; clear:both; } .T2018 .boxy-wrapper .gridWarper { background-color: transparent;} .T2018 .grid .content { margin-top: 10px; overflow: hidden; } .T2018 .grid .content .row { } .T2018 .grid .spliter { background-color:white; } .T2018 .grid .row .cell { float: left; white-space: normal; margin-left: 10px; vertical-align: top; } .T2018 .grid .content .c_left { text-align: left; } .T2018 .grid .content .c_right,.T2018 .grid .content .ZG_ZHead.c_right { text-align: right; } .T2018 .grid .content.header { height: auto; color: #008789; } .T2018 .grid .content .ZG_TDel { background: url(images/delete_s.png) no-repeat center; } @media (min-width: 992px) { .T2018 .grid .row { height: 27px; } .T2018 .grid .row { height: 27px; } .T2018 .grid .header .row,.T2018 .grid .footer .row { height: auto; } } @media (max-width: 992px) { .T2018 .grid .content .row { margin-bottom:10px; margin-top:10px; } .scrollNext {display:none !important;} #X8Top .btnList { height:45px;margin-top:1px; } #x8b {overflow:auto !important;} #x8b>.contentSeperator>div { float:left; } .ESSGrid { min-width:900px; } } .T2018 .grid .content.header * { text-align: left; } .T2018 .grid .content.header,.T2018 .grid .body > div { border-bottom: 1px solid #009ea0; } .T2018 .gridSelector { text-align: center; } .T2018 .gridSelector span { cursor: pointer; width: 8px; height: 8px; border-radius: 5px; border: solid 1px #008789; margin: 3px; display: inline-block; } .T2018 .gridSelector span.selected { background-color: #008789; } .T2018 .gridAdder { background-color: #E5F8F5; margin-bottom: 10px; height: 25px; text-align: center; padding-top:5px;clear:both; } .T2018 .koAddpnl { text-align: center; margin-top: 20px; } .T2018 .koBtnAdd { background: url("images/btna.png") no-repeat; width: 20px; height: 20px; cursor: pointer; } .T2018 .koAddpnl div.koBtnAdd { margin-left: auto; margin-right: auto; float: none; } .T2018 .koItem { border-bottom: 1px solid #E3E3E3; padding-bottom: 30px; margin-top: 10px; margin-bottom: 10px; overflow: hidden; } .T2018 .grid .fadePanel { border:solid 1px transparent; } .T2018 .grid .fadePanel:hover { border:solid 1px #f0f0f0;} .T2018 .grid .x8addbtn { position:relative;display:block;background-position:center; } .dotReqDone { border-radius: 50%; width: 4px; height: 4px; background: #008789; margin: auto; border: 2px solid #008789; } .dotReqActive { border-radius: 50%; width: 4px; height: 4px; border: 2px solid #008789; margin: auto; } .dotCnlDone { border-radius: 50%; width: 4px; height: 4px; background: #f04b57; margin: auto; border: 2px solid #f04b57; } .dotCnlActive { border-radius: 50%; width: 4px; height: 4px; border: 2px solid #f04b57; margin: auto; } .dotWaiting { border-radius: 50%; width: 4px; height: 4px; border: 2px solid #9d9c9c; margin: auto; } .lineReqDone { border-left: 1px solid #008789; border-right: 1px solid #008789; height: 60px; margin: auto; width: 0px; background-color: #008789; } .lineCnlDone { border-left: 1px solid #f04b57; border-right: 1px solid #f04b57; height: 60px; margin: auto; width: 0px; background-color: #f04b57; } .lineWaiting { border-left: 2px dashed #9d9c9c; height: 60px; margin: auto; width: 0px; } body { overflow: auto !important; } .TXPopup { overflow-x: hidden; width: 100%; height: 350px; position: absolute; top: 20px; z-index: 680; margin: 5px; color: #022; background-color: #F5F5F5; opacity: 90%; } .TXS { text-align: right; border-radius: 8px; vertical-align: middle; line-height: 19px; height: 19px; width: 250px; z-index:651; } .TXS_REQA { background-color: #00c18b; color: #FFFFFF; } .TXS_REQR { background-color: #ff5959; color: #FFFFFF; } .TXS_REQP { background-color: #FFCC48; color: #FFFFFF; } .TXS_REQD { background-color: #575756; color: #FFFFFF; } .TXS_RQCA { background-color: #575756; color: #FFFFFF; } .TXS_RQCR { background-color: #00c18b; color: #FFFFFF; } .TXS_RQCP { background-color: #dadad9; color: #9c9b9b; } .TXS_RQCD { background-color: #00c18b; color: #FFFFFF; } .TXS > * { margin-top:2px; } .TXS_Icon { float: left; padding-top: 0px; } .TXS_Label { white-space: nowrap; margin-left: 10px; float: left; text-transform: uppercase; padding-top: 0px; text-overflow: ellipsis; overflow: hidden; width: 155px; text-align: -webkit-auto; } .btnImgUpload { background-image:url("images/btnUploadImage.png"); width: 25px; height: 25px; background-repeat:no-repeat; display:inline-block; cursor: pointer; background-position: center; border-radius: 50%; border: 1px solid #009ea0; background-color: #e8fcf6; position: absolute; bottom: 0px; right: 38px; z-index: 999; } .btnImgDelete { background-image:url("images/reject-15.png"); height: 15px; width: 7px; background-repeat:no-repeat; display:inline-block; cursor: pointer; background-position: center; } @supports (-webkit-overflow-scrolling: touch) { /* CSS specific to iOS devices */ #iw.row, .BoxyEmp{ height: 78vh !important; } #iw.row iframe, .BoxyEmp iframe{ height: 73vh !important;} #iw.row, .BoxyEmp{ overflow-y: scroll !important; -webkit-overflow-scrolling: touch !important; } } @media (max-width: 822px) { #iw.row, .BoxyEmp{ height: 100vh !important; top: 0px !important; width:100vw; position: absolute; } #iw.row iframe, .BoxyEmp iframe{ width:100vw !important; height: 96vh !important;} .boxy-wrapper { left: 0px !important; top: 0px !important; width: 100vw !important;} @supports (-webkit-overflow-scrolling: touch) { #iw.row, .BoxyEmp{ height: 85vh !important; } #iw.row iframe, .BoxyEmp iframe{ width:100vw !important; height: 80vh!important;} .fader{ opacity: 1 !important; width: 100vw !important; left: 0px !important; } } }