HTML, BODY
{
margin-top:0;
margin-bottom:0;
margin-left:0;
margin-right:0;
height: 99.5%;
width: 100%;
scrollbar-arrow-color: #006699;
scrollbar-base-color:#cccccc;
scrollbar-shadow-color:#f5f5f5;
scrollbar-face-color:#f5f5f5;
scrollbar-highlight-color:#f9f9f9;
scrollbar-dark-shadow-color:#cccccc;
scrollbar-3d-light-color: #A3D24D;
}
/* default form table setting */
TABLE
{
color: #424242;
font-family: "Calibri";
font-size: 11pt;
font-weight: lighter;
text-align: left;
}
form{width: 100%;}
li{list-style-type: circle;padding-left: 8px;}
/* default link style */
a:link { color: #3299BB; FONT-SIZE: 11pt; text-decoration: none}
a:active { color: #3299BB; FONT-SIZE: 11pt; text-decoration: none}
a:visited { color: #3299BB; FONT-SIZE: 11pt; text-decoration: none}
a:hover { color: #FF9900; font-size: 11pt; text-decoration: underline; }
/* tab link style */
a.link_tab:link { color: #505E67; FONT-SIZE: 9pt; text-decoration: none; font-weight: bold; height:17px; background-image:url(../imgs/tab_color1.gif); text-align: center; padding-left:10px; padding-right:10px; padding-top:2px; margin-left:2px; margin-right:2px}
a.link_tab:active { color: #505E67; FONT-SIZE: 9pt; text-decoration: none; font-weight: bold; height:17px; background-image:url(../imgs/tab_color1.gif); text-align: center; padding-left:10px; padding-right:10px; padding-top:2px; margin-left:2px; margin-right:2px}
a.link_tab:visited { color: #505E67; FONT-SIZE: 9pt; text-decoration: none; font-weight: bold; height:17px; background-image:url(../imgs/tab_color1.gif); text-align: center; padding-left:10px; padding-right:10px; padding-top:2px; margin-left:2px; margin-right:2px}
a.link_tab:hover { color: #FFFFFF; FONT-SIZE: 8pt; text-decoration: none; font-weight: bold; height:17px; background-image:url(../imgs/tab_color2.gif); text-align: center; padding-left:10px; padding-right:10px; padding-top:2px; margin-left:2px; margin-right:2px}
/* sub tab link style */
a.link_subtab:link { color: #FFFFFF; FONT-SIZE: 9pt; text-decoration: none; font-weight: bold}
a.link_subtab:active { color: #FFFFFF; FONT-SIZE: 9pt; text-decoration: none; font-weight: bold}
a.link_subtab:visited { color: #FFFFFF; FONT-SIZE: 9pt; text-decoration: none; font-weight: bold}
a.link_subtab:hover { color: #FFF000; FONT-SIZE: 9pt; text-decoration: none; font-weight: bold}
/* menu link style */
a.link_menu:link { color: #3F6F87; FONT-SIZE: 10pt; text-decoration: none; font-weight: normal}
a.link_menu:active { color: #3F6F87; FONT-SIZE: 10pt; text-decoration: none; font-weight: normal}
a.link_menu:visited { color: #3F6F87; FONT-SIZE: 10pt; text-decoration: none; font-weight: normal}
a.link_menu:hover { color: #3F6F87; FONT-SIZE: 10pt; text-decoration: none; font-weight: bold}
/* Root. function button, when mouse over image will change */
a.btnRoot:link { display:block; color: #ffffff; FONT-SIZE: 12pt; text-decoration: none; min-width: 80px; height:25px; padding-top: 3px; background-color: #08b2dd; text-align: center;}
a.btnRoot:active { display:block; color: #ffffff; FONT-SIZE: 12pt; text-decoration: none; min-width: 80px; height:25px; padding-top: 3px; background-color: #08b2dd; text-align: center}
a.btnRoot:visited { display:block; color: #ffffff; FONT-SIZE: 12pt; text-decoration: none; min-width: 80px; height:25px; padding-top: 3px; background-color: #08b2dd; text-align: center}
a.btnRoot:hover { display:block; color: #ffffff; FONT-SIZE: 12pt; text-decoration: none; min-width: 80px; height:25px; padding-top: 3px; background-color: #ff9900; text-align: center}
/* Root. function button, when mouse over image will change. Devinaa */
a.btnRootTop:link { display:block; color: #424242; FONT-SIZE: 10pt; text-decoration: none; width: 400px; height:25px; padding-top: 6px; background-color: #E9E9E9; text-align: center;}
a.btnRootTop:active { display:block; color: #E9E9E9; FONT-SIZE: 10pt; text-decoration: none; width: 400px; height:25px; padding-top: 6px; background-color: #424242; text-align: center}
a.btnRootTop:visited { display:block; color: #424242; FONT-SIZE: 10pt; text-decoration: none; width: 400px; height:25px; padding-top: 6px; background-color: #E9E9E9; text-align: center}
a.btnRootTop:hover { display:block; color: #E9E9E9; FONT-SIZE: 10pt; text-decoration: none; width: 400px; height:25px; padding-top: 6px; background-color: #424242; text-align: center}
/* Root. function button, when mouse over image will change. Devinaa */
a.btnRootLv:link { display:block; color: #424242; FONT-SIZE: 10pt; text-decoration: none; width: 400px; height:25px; padding-top: 5px; background-color: #E9E9E9; border: 1px solid #BCBCBC; text-align: center;}
a.btnRootLv:active { display:block; color: #424242; FONT-SIZE: 10pt; text-decoration: none; width: 400px; height:25px; padding-top: 5px; background-color: #E9E9E9; border: 1px solid #BCBCBC; text-align: center}
a.btnRootLv:visited { display:block; color: #424242; FONT-SIZE: 10pt; font-weight: bold; text-decoration: none; width: 400px; height:25px; padding-top: 5px; background-color: #E9E9E9; border: 1px solid #BCBCBC; text-align: center}
a.btnRootLv:hover { display:block; color: #424242; FONT-SIZE: 10pt; font-weight: bold; text-decoration: none; width: 400px; height:25px; padding-top: 5px; background-color: #E9E9E9; border: 1px solid #BCBCBC; text-align: center}
/* 2014/11/6. Devina (Menu button from smartinfo quick link */
/* Root. function button, when mouse over image will change. Devina */
a.btnRootMenu:link { display:block; color: #424242; FONT-SIZE: 12pt; text-decoration: bold; width: 80px; min-height: 25px; padding-top: 3px; background-color: #E9E9E9; text-align: center;}
a.btnRootMenu:active { display:block; color: #ffffff; FONT-SIZE: 12pt; text-decoration: none; width: 80px; min-height:25px; padding-top: 3px; background-color: #08b2dd; text-align: center}
a.btnRootMenu:visited { display:block; color: #424242; FONT-SIZE: 12pt; text-decoration: none; width: 80px; min-height:25px; padding-top: 3px; background-color: #E9E9E9; text-align: center}
a.btnRootMenu:hover { display:block; color: #ffffff; FONT-SIZE: 12pt; text-decoration: none; width: 80px; min-height: 25px; padding-top: 3px; background-color: #08b2dd; text-align: center}
/* Root. function button, when mouse over image will change. May */
a.btnRootLvDisable:link { display:block; color: #FCF8F8; FONT-SIZE: 10pt;font-weight: bold; text-decoration: none; width: 400px; height:25px; padding-top: 5px; background-color: #E9E9E9; border: 1px solid #BCBCBC; text-align: center;}
a.btnRootLvDisable:active { display:block; color: #FCF8F8; FONT-SIZE: 10pt; font-weight: bold;text-decoration: none; width: 400px; height:25px; padding-top: 5px; background-color: #E9E9E9; border: 1px solid #BCBCBC; text-align: center}
a.btnRootLvDisable:visited { display:block; color: #FCF8F8; FONT-SIZE: 10pt;font-weight: bold; text-decoration: none; width: 400px; height:25px; padding-top: 5px; background-color: #E9E9E9; border: 1px solid #BCBCBC; text-align: center}
a.btnRootLvDisable:hover { display:block; color: #FCF8F8; FONT-SIZE: 10pt;font-weight: bold; text-decoration: none; width: 400px; height:25px; padding-top: 5px; background-color: #E9E9E9; border: 1px solid #BCBCBC; text-align: center}
/* Root. back function button, when mouse over image will change 2012/09/25.Eric */
a.btnRootBk:link { display:block; color: #ffffff; FONT-SIZE: 12pt; text-decoration: none; width: 80px; height:25px; padding-top: 3px; background-color: #08b2dd; text-align: center;}
a.btnRootBk:active { display:block; color: #ffffff; FONT-SIZE: 12pt; text-decoration: none; width: 80px; height:25px; padding-top: 3px; background-color: #08b2dd; text-align: center}
a.btnRootBk:visited { display:block; color: #ffffff; FONT-SIZE: 12pt; text-decoration: none; width: 80px; height:25px; padding-top: 3px; background-color: #08b2dd; text-align: center}
a.btnRootBk:hover { display:block; color: #ffffff; FONT-SIZE: 12pt; text-decoration: none; width: 80px; height:25px; padding-top: 3px; background-color: #ff9900; text-align: center}
/* Root. function button, when mouse over image will change */
a.btnMgr:link { display:block; color: #ffffff; FONT-SIZE: 10pt; text-decoration: none; width: 230px; height:28px; padding-top: 3px; padding-left: 10px; background:url(imgs/btn03.gif) repeat-x}
a.btnMgr:active { display:block; color: #ffffff; FONT-SIZE: 10pt; text-decoration: none; width: 230px; height:28px; padding-top: 3px; padding-left: 10px; background:url(imgs/btn03.gif) repeat-x}
a.btnMgr:visited { display:block; color: #ffffff; FONT-SIZE: 10pt; text-decoration: none; width: 230px; height:28px; padding-top: 3px; padding-left: 10px; background:url(imgs/btn03.gif) repeat-x}
a.btnMgr:hover { display:block; color: #ffffff; FONT-SIZE: 10pt; text-decoration: none; width: 230px; height:28px; padding-top: 3px; padding-left: 10px; background:url(imgs/btn04.gif) repeat-x;}
/* action link at the table top right */
a.tblTopAction {color: #3299BB; FONT-SIZE: 12pt; text-decoration: none; font-weight: normal;}
a.tblTopAction:link {cursor: pointer; color: #3299BB; FONT-SIZE: 12pt; text-decoration: none; font-weight: normal; }
a.tblTopAction:active {cursor: pointer; color: #3299BB; FONT-SIZE: 12pt; text-decoration: none; font-weight: normal; }
a.tblTopAction:visited {cursor: pointer; color: #3299BB; FONT-SIZE: 12pt; text-decoration: none; font-weight: normal; }
a.tblTopAction:hover {cursor: pointer; color: #FF9900; FONT-SIZE: 12pt; text-decoration: underline; font-weight: normal; }
/* selection for gray text */
a.LinkGrayText:link { color: gray; FONT-SIZE: 11pt; text-decoration: none}
a.LinkGrayText:active { color: gray; FONT-SIZE: 11pt; text-decoration: none}
a.LinkGrayText:visited { color: gray; FONT-SIZE: 11pt; text-decoration: none}
a.LinkGrayText:hover { color: #FF9900; font-size: 11pt; text-decoration: underline; }
/* link use at benefit - others */
a.linkTitle:link { color: #3299BB; FONT-SIZE: 12pt; text-decoration: underline; font-weight: bold; }
a.linkTitle:active { color: #3299BB; FONT-SIZE: 12pt; text-decoration: underline; font-weight: bold; }
a.linkTitle:visited { color: #3299BB; FONT-SIZE: 12pt; text-decoration: underline; font-weight: bold; }
a.linkTitle:hover { color: #FF9900; FONT-SIZE: 12pt; text-decoration: none; font-weight: bold; }
/*link with near brown. 2013/03/15.Eric*/
a.linkGrown:link { color:#8b0000; FONT-SIZE: 11pt; text-decoration: none; font-weight: none; }
a.linkGrown:active { color: #8b0000; FONT-SIZE: 11pt; text-decoration: none; font-weight: none; }
a.linkGrown:visited { color: #8b0000; FONT-SIZE: 11pt; text-decoration: none; font-weight: none; }
a.linkGrown:hover { color: #FF9900; FONT-SIZE: 11pt; text-decoration: underline; font-weight: bold; }
/* smart info link style */
a.linkSmartInfo:link { color: #424242; FONT-SIZE: 11pt; text-decoration: none; cursor:pointer;}
a.linkSmartInfo:active { color: #424242; FONT-SIZE: 11pt; text-decoration: none; cursor:pointer;}
a.linkSmartInfo:visited { color: #424242; FONT-SIZE: 11pt; text-decoration: none; cursor:pointer;}
a.linkSmartInfo:hover { color: #424242; font-size: 11pt; text-decoration: none; font-weight: bold; cursor:pointer; }
/* smart info panel link style */
a.linkSmartPanel:link { color: #424242; FONT-SIZE: 11pt; text-decoration: none; cursor:pointer;}
a.linkSmartPanel:active { color: #424242; FONT-SIZE: 11pt; text-decoration: none; cursor:pointer;}
a.linkSmartPanel:visited { color: #424242; FONT-SIZE: 11pt; text-decoration: none; cursor:pointer;}
a.linkSmartPanel:hover { color: #424242; font-size: 11pt; text-decoration: none; font-weight: bold; cursor:pointer; }
a.linkSmartPanel Img { border:0;}
/* use for anchor that using onclick and not href */
.LinkOnClick {cursor: pointer;color: #3299BB; FONT-SIZE: 11pt; text-decoration: none}
/*2024/08/19.Eric*/
.LinkOnClick:hover {cursor: pointer; FONT-SIZE: 11pt; text-decoration: none}
/* Kamal 2011.08.05 */
.LinkOnClick_12 {cursor: pointer;color: #3299BB; FONT-SIZE: 12pt; text-decoration: none}
a.LinkOnClick_12:hover { color: #FF9900; FONT-SIZE: 12pt; text-decoration: none; cursor: pointer; }
/**********************************************
login style
***********************************************/
.Login_BG
{
background-image : linear-gradient(right bottom, rgb(63,111,135) 27%, rgb(87,152,184) 64%, rgb(102,177,214) 82%);
background-image: -o-linear-gradient(right bottom, rgb(63,111,135) 27%, rgb(87,152,184) 64%, rgb(102,177,214) 82%);
background-image: -moz-linear-gradient(right bottom, rgb(63,111,135) 27%, rgb(87,152,184) 64%, rgb(102,177,214) 82%);
background-image: -webkit-linear-gradient(right bottom, rgb(63,111,135) 27%, rgb(87,152,184) 64%, rgb(102,177,214) 82%);
background-image: -ms-linear-gradient(right bottom, rgb(63,111,135) 27%, rgb(87,152,184) 64%, rgb(102,177,214) 82%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b1d6', endColorstr='#3f6f87',GradientType=1 ); /* IE6-9 */
background-image: -webkit-gradient(
linear,
right bottom,
left top,
color-stop(0.27, rgb(63,111,135)),
color-stop(0.64, rgb(87,152,184)),
color-stop(0.82, rgb(102,177,214))
);
}
.Login_BG_outest{width: 100%;height: 100%;border: none;border-collapse: collapse;border-spacing: 0px; }
.Login_BG_outest td{height:100%; padding: 0px;}
.Login_BG_inner{width: 780px;border: none;border-collapse: collapse;border-spacing: 0px; }
.Login_BG_inner td{padding: 0px;}
.Login_BG_countrylist{ width:620px; border: none;border-collapse: separate; border-spacing: 1px; }
.Login_BG_countrylist td{padding: 4px;}
form#frmLogin{height: 100%;}
.Login_form{width: 320px;border: none;border-collapse: separate;border-spacing: 1px; }
.Login_form td{padding: 2px;}
/**********************************************
table style
***********************************************/
/*for setting the table/td to zero padding and spacing*/
.table_zeropad_space{border: none;border-collapse: collapse;border-spacing: 0px;width:100%; padding:0px;}
.table_zeropad_space td{padding: 0px;}
/*for setting the table/td to standard padding and spacing*/
.table_stdpad_space{border: none;border-collapse: separate;border-spacing: 1px;width:100%;}
.table_stdpad_space td{padding: 4px;}
/*for language table*/
.table_language{border: none;border-collapse: separate;border-spacing:0px; vertical-align:middle;}
.table_language td{padding-right: 7px;}
.table_language a {color:orange;}
/* to define function button setting. use for button */
.table_funcBtn{text-align:center;padding-left:5px;}
/* to define content table setting. use in body. */
.body_table_content{width: 800px;background:#ffffff;}
/* to define 100% width table setting. use in body. */
.table_fullWidth{width:100%;}
/* to define 100% width table setting. use in body. */
.table_fullWidthFix{width:1000px;}
/* to define padding setting */
.table_padding{padding:15px;}
/*2013/08/14.Eric*/
.table_msg
{
background:#fff;
width:60%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border:1px solid #999999;
padding-top:5px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
-webkit-box-shadow: 5px 5px 5px #888;
-moz-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
}
/*2013/08/14.Eric widget error msg*/
.widgetErrOutline
{
width: 95%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border:1px dotted #ff0000;
padding-top:5px;
padding-left:20px;
padding-right:20px;
padding-bottom:5px;
}
/**********************************************
All text style
***********************************************/
/*copyright use in login page */
.Login_Copyright{color: #424242;font-size: 8pt;}
/*copyright for all pages */
.copyright {COLOR: #424242;FONT-SIZE: 8pt;padding-left: 30px;}
.copyrightLeapsUp {FONT-SIZE: 10pt;}
/* SSL font */
.SSL_Text{COLOR: #ef4849;FONT-SIZE: 8pt;}
/* message & note highlight */
.msg_highlight{
COLOR: #FF3300;
FONT-SIZE: 9pt;
font-weight: bold;
letter-spacing: 0.1em;
}
/* message & note highlight with black color */
.msg_highlightBlack{
COLOR: #424242;
FONT-SIZE: 9pt;
font-weight: bold;
letter-spacing: 0.1em;
}
/* remark in red */
.txt_Red {COLOR: #ef4849;}
/* small text note below input box or form entry*/
.txt_NoteMsg {FONT-SIZE: 9pt; }
/*2011/08/19.Eric*/
/* text in gray color, size 8 with normal, use for NOTE message below the table*/
.txtNote_Gray8Normal {COLOR: gray;FONT-SIZE: 8pt;font-weight: normal;}
/* text in blue color, size 10 with bold. use in body item's title */
.txt_Blue10Bold {COLOR: #167A95; FONT-SIZE: 10pt; font-weight: bold;}
/* text in blue color, size 12 with bold. use in selected paging number title */
.txt_Blue12Bold {COLOR: #167A95;FONT-SIZE: 12pt;font-weight: bold;}
/* text in white color, size 10 with bold. use in body item's title */
.txt_White10Bold {COLOR: #FFF; FONT-SIZE: 10pt; font-weight: bold;}
/* text in white color, size 12 with bold. use in selected paging number title */
.txt_White12Bold {COLOR: #FFF;FONT-SIZE: 12pt;font-weight: bold;}
/* text in grey color, size 10 with bold */
.txt_Grey10Bold {COLOR: #666666;FONT-SIZE: 10pt;font-weight: bold;letter-spacing: 0.1em;}
/* text in grey color, padding left 1px. use in body item */
.txt_greyHighlight {COLOR: #848484;padding: 1px;FONT-SIZE: 11pt;}
/* text in gray color, size 10 with normal */
.txt_Gray10Notmal {COLOR: gray;FONT-SIZE: 10pt;font-weight: normal;}
/*2012/08/02.Eric blue/gray normal. use in subordinate list*/
.txt_BlueNormal {COLOR: #167A95;font-weight: normal;}
.txt_GrayNormal {COLOR: gray;font-weight: normal;}
.txt_WhiteNormal {COLOR: #FFF;font-weight: normal;}
/*use in document OU selection*/
.txt_Black8Bold{FONT-SIZE: 8pt;font-weight:bold;}
/*2011/06/15.Eric*/
.txt_10Normal {FONT-SIZE: 10pt;font-weight: normal;}
/* title in grey color, size 12 with Bold. use in mgr console */
.title_grey12Bold {COLOR: #666666;FONT-FAMILY: "Calibri";FONT-SIZE: 12pt;font-weight: bold;}
/* use in the error title */
.title_msg {COLOR: #ef4849;FONT-FAMILY: "Calibri";FONT-SIZE: 22pt;font-weight: bold;}
/* error debug reference text */
/* error debug reference text */
.txt_Error{color:#424242;font-size: 8pt;}
/* use in error page */
.txt_grey8Normal{color:#424242;font-size: 8pt;}
/* text in grey color, padding left 10px. use in body item */
.title_Small {COLOR: #848484;FONT-SIZE: 11pt;}
/* use in top menu hello text */
.txt_hello {font-weight: bold;FONT-SIZE: 10pt;}
/* text in grey color, padding left 12px. use in body welcome */
.txt_welcomeHighlight {COLOR: #FFFFFF;padding:15px;background: #7C7D7F;FONT-SIZE: 12pt;width:250px;text-align: left;}
/* text in blue color, size 10 with bold. use in document and form center */
.txt_Filename {COLOR: #167A95;FONT-SIZE: 10pt;font-weight: bold;}
/* remark in red */
.LicMessage{COLOR: red;padding-top:5px;padding-bottom:5px;font-size:10pt;font-style: italic;}
.txt_ResignStaff{color:Gray;font-size: 8pt;font-style:italic;}
.txt_HierNormalStaff
{
font-size: 8pt;
color: #4169E1;
}
.txt_HierNormalCrossStaff
{
font-size: 8pt;
color: #A52A2A;
}
/* 2010/12/15.Eric text use in Form Question formation */
.txt_FormQuestion
{
COLOR: #167A95;
FONT-SIZE: 10pt;
font-weight: normal;
}
/*GekLing.5Aug2011: Use in Incoming Transaction listing*/
.txt_blackBoldUnderline
{
color: #ef4849;
font-weight:bold;
text-decoration: underline;
}
/*GekLing.5Aug2011: Use in Incoming Transaction listing*/
.txt_TahomaRed
{
color: Red;
font-family: "Calibri";
text-decoration: underline;
}
/*GekLing.5Aug2011: Use in Incoming Transaction listing*/
.txt_TahomaOrange
{
color: #ef4849;
font-family: "Calibri";
font-size: 8pt;
}
/*2011/08/22.Eric*/
/*For display any text with bold, used in : Leave GL assignment*/
.txt_Black12Bold{FONT-SIZE: 12pt;font-weight:bold;}
/*GekLing.23Aug2011: Use in Replace Approver text (Dark Green)*/
.txt_DarkGreen{color: #006400;font-size: 12pt;}
/*GekLing.23Aug2011: Use in Replace Approver text (Dark Green)*/
.txt_Label{color: #000099;font-size: 11pt;font-weight:bold;}
/*2012/08/02.Eric - paging font*/
.pghighlight
{
padding: 1px 1px 1px 1px;
color: #ffffff;
font-size: larger;
font-weight: bolder;
background-color: #3fb8af;
min-width: 20px;
min-height: 20px;
text-align: center;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
display: inline-block;
}
.pgnormal
{
padding: 1px 1px 1px 1px;
color: #434343;
background-color: #d7ebf9;
min-width: 20px;
min-height: 20px;
text-align: center;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
display: inline-block;
}
/*2016/07/21.Eric - for display info about the transaction have attachment*/
.attachmentNotice
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #808080;
color: #FFFFFF;
font-size: 10pt;
padding: 1px 4px 1px 4px;
max-width: 100px;
min-width: 10px;
text-align: center;
vertical-align: middle;
float: right;
}
/*****************************************
Menu CSS
*****************************************/
a.TopMenuItem:link { color: #424242; FONT-FAMILY: "Calibri"; FONT-SIZE: 11pt; letter-spacing: -0.5px; text-decoration: none; font-weight: normal}
a.TopMenuItem:active { color: #424242; FONT-FAMILY: "Calibri"; FONT-SIZE: 11pt; letter-spacing: -0.5px; text-decoration: none; font-weight: normal}
a.TopMenuItem:visited { color: #424242; FONT-FAMILY: "Calibri"; FONT-SIZE: 11pt; letter-spacing: -0.5px; text-decoration: none; font-weight: normal}
a.TopMenuItem:hover { color: #FF9900; FONT-FAMILY: "Calibri"; FONT-SIZE: 11pt; letter-spacing: -0.5px; text-decoration: none; font-weight: normal}
a.SecondLvlMenuItem:link { color: #424242; FONT-FAMILY: "Calibri"; FONT-SIZE: 13pt; letter-spacing: -0.5px; text-decoration: none; font-weight: bold}
a.SecondLvlMenuItem:active { color: #424242; FONT-FAMILY: "Calibri"; FONT-SIZE: 13pt; letter-spacing: -0.5px; text-decoration: none; font-weight: bold}
a.SecondLvlMenuItem:visited { color: #424242; FONT-FAMILY: "Calibri"; FONT-SIZE: 13pt; letter-spacing: -0.5px; text-decoration: none; font-weight: bold}
a.SecondLvlMenuItem:hover { color: #FF9900; FONT-FAMILY: "Calibri"; FONT-SIZE: 13pt; letter-spacing: -0.5px; text-decoration: none; font-weight: bold}
a.SubLvlMenuItem:link { color: #424242; FONT-FAMILY: "Calibri"; FONT-SIZE: 11pt; letter-spacing: -0.5px; text-decoration: none; font-weight: normal}
a.SubLvlMenuItem:active { color: #424242; FONT-FAMILY: "Calibri"; FONT-SIZE: 11pt; letter-spacing: -0.5px; text-decoration: none; font-weight: normal}
a.SubLvlMenuItem:visited { color: #424242; FONT-FAMILY: "Calibri"; FONT-SIZE: 11pt; letter-spacing: -0.5px; text-decoration: none; font-weight: normal}
a.SubLvlMenuItem:hover { color: #FF9900; FONT-FAMILY: "Calibri"; FONT-SIZE: 11pt; letter-spacing: -0.5px; text-decoration: none; font-weight: normal}
/*2016/03/22.Eric*/
a.selectedMenuItem:link { color: #FF9900; FONT-SIZE: 11pt; }
a.selectedMenuItem:active { color: #FF9900; FONT-SIZE: 11pt; }
a.selectedMenuItem:visited { color: #FF9900; FONT-SIZE: 11pt; }
a.selectedMenuItem:hover { color: #FF9900; FONT-SIZE: 11pt; }
.DivScrollBar
{
margin-top:0;
margin-bottom:0;
margin-left:0;
margin-right:0;
scrollbar-arrow-color: #006699;
scrollbar-base-color:#cccccc;
scrollbar-shadow-color:#f5f5f5;
scrollbar-face-color:#f5f5f5;
scrollbar-highlight-color:#f9f9f9;
scrollbar-dark-shadow-color:#cccccc;
scrollbar-3d-light-color: #A3D24D;
}
.bullet_orange
{
COLOR: #FF9900;
FONT-SIZE: 11pt;
font-weight: bold;
text-align:left;
padding-right:2px;
padding-left:0px;
}
/*2014/10/16.Eric*/
.TopMenuItemImg
{
width:20px;
vertical-align:middle;
}
/*****************************************
Left Menu CSS 2016/03/21.Eric
*****************************************/
a.LeftMenuFirstLevel:link { color: #424242; FONT-FAMILY: "Calibri"; FONT-SIZE: 11pt; letter-spacing: -0.5px; text-decoration: none; font-weight: bold}
a.LeftMenuFirstLevel:active { color: #424242; FONT-FAMILY: "Calibri"; FONT-SIZE: 11pt; letter-spacing: -0.5px; text-decoration: none; font-weight: bold}
a.LeftMenuFirstLevel:visited { color: #424242; FONT-FAMILY: "Calibri"; FONT-SIZE: 11pt; letter-spacing: -0.5px; text-decoration: none; font-weight: bold}
a.LeftMenuFirstLevel:hover { color: #FF9900; FONT-FAMILY: "Calibri"; FONT-SIZE: 11pt; letter-spacing: -0.5px; text-decoration: none; font-weight: bold}
a.LeftMenuSecondLevel:link { color: #424242; FONT-FAMILY: "Calibri"; FONT-SIZE: 11pt; letter-spacing: -0.5px; text-decoration: none; font-weight: normal}
a.LeftMenuSecondLevel:active { color: #424242; FONT-FAMILY: "Calibri"; FONT-SIZE: 11pt; letter-spacing: -0.5px; text-decoration: none; font-weight: normal}
a.LeftMenuSecondLevel:visited { color: #424242; FONT-FAMILY: "Calibri"; FONT-SIZE: 11pt; letter-spacing: -0.5px; text-decoration: none; font-weight: normal}
a.LeftMenuSecondLevel:hover { color: #FF9900; FONT-FAMILY: "Calibri"; FONT-SIZE: 11pt; letter-spacing: -0.5px; text-decoration: none; font-weight: normal}
a.LeftMenuOtherLevel:link { color: #424242; FONT-FAMILY: "Calibri"; FONT-SIZE: 11pt; letter-spacing: -0.5px; text-decoration: none; font-weight: normal}
a.LeftMenuOtherLevel:active { color: #424242; FONT-FAMILY: "Calibri"; FONT-SIZE: 11pt; letter-spacing: -0.5px; text-decoration: none; font-weight: normal}
a.LeftMenuOtherLevel:visited { color: #424242; FONT-FAMILY: "Calibri"; FONT-SIZE: 11pt; letter-spacing: -0.5px; text-decoration: none; font-weight: normal}
a.LeftMenuOtherLevel:hover { color: #FF9900; FONT-FAMILY: "Calibri"; FONT-SIZE: 11pt; letter-spacing: -0.5px; text-decoration: none; font-weight: normal}
a.LeftMenuSelectedMenu { font-weight: bold; color: #FF9900; text-decoration: underline; }
/* End: Menu CSS */
/*****************************************
ICON
*****************************************/
/*icon at the table right for action, such as remove, approve*/
.tbl_IconImg
{
width: 30px;
height: 30px;
}
/*icon in the table row */
.tbl_IconImgSmall
{
width: 13px;
height: 13px;
}
/*icon on top of table, such check all, clear all*/
.tbl_TopIconImg
{
width: 15px;
height: 15px;
}
/*Icon at the side of the page title, eg: employee list icon*/
.page_IconImg
{
width: 25px;
height: 25px;
}
/*2015/04/16.Eric*/
/*icon at the top right of page, such as Printer Friendly etc*/
.top_PageIconImg
{
width: 30px;
height: 30px;
}
/*icon beside word in the form, such as select approver*/
.form_IconImg
{
width: 20px;
height: 20px;
vertical-align:middle;
}
/*2013/02/13.Eric Icon at the bottom of the form, eg. approve, reject*/
.action_IconImg
{
width: 30px;
height: 30px;
}
/*normal search icon*/
.Search_IconImg{width: 30px;height: 30px;vertical-align: middle;}
/*small search icon*/
.Search_IconImgSmall{width: 20px;height: 20px;vertical-align: middle;}
/*use in user group functional*/
.Menu_UGIconImg
{
width: 25px;
height: 25px;
}
/*use in user group functional*/
.Menu_UGIconImgSmall
{
width: 20px;
height: 20px;
}
/*use in Company Structure*/
.OU_TreeMenuIcon
{
width: 11px;
height: 11px;
}
/*****************************************
Button
*****************************************/
.btn_Common
{
font-size: 13px;
color: white;
background-color: #08b2dd;
cursor: pointer;
/*
border-right: #08b2dd thin solid;
border-top: #08b2dd thin solid;
border-left: #08b2dd thin solid;
border-bottom: #08b2dd thin solid;
*/
height: 25px;
min-width: 80px;
}
/*****************************************
Title (Devina)
*****************************************/
.btn_CommonTitle
{
font-size: 22px;
font-weight: bold;
color: #3299BB;
height: 25px;
min-width: 80px;
}
/*****************************************
Red Button
*****************************************/
.btn_CommonRed
{
font-size: 13px;
color: #990000;
cursor: pointer;
border-right: #990000 thin solid;
border-top: #990000 thin solid;
border-left: #990000 thin solid;
border-bottom: #990000 thin solid;
height: 25px;
min-width: 80px;
}
/*****************************************
Old styles from Frontier.css
*****************************************/
/*2012/11/29.Eric*/
.scheme
{
/*BORDER-RIGHT: #3300ff 1px solid;
BORDER-TOP: #3300ff 1px solid;
BORDER-LEFT: #3300ff 1px solid;
BORDER-BOTTOM: #3300ff 1px solid;
*/
COLOR: #ffffff;
FONT-SIZE: 11pt;
FONT-VARIANT: normal;
/*FONT-STYLE: normal;*/
/*FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;*/
FONT-FAMILY: Calibri;
BACKGROUND-COLOR: #08b2dd;
TEXT-DECORATION: none;
HEIGHT: 25px;
/*padding: 10 10 10 10;*/
cursor: pointer;
}
/*2014/10/03.May*/
.scheme_disable
{
/*BORDER-RIGHT: #3300ff 1px solid;
BORDER-TOP: #3300ff 1px solid;
BORDER-LEFT: #3300ff 1px solid;
BORDER-BOTTOM: #3300ff 1px solid;
*/
COLOR: #ffffff;
FONT-SIZE: 11pt;
FONT-VARIANT: normal;
/*FONT-STYLE: normal;*/
/*FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;*/
FONT-FAMILY: Calibri;
BACKGROUND-COLOR: #E9E9E9;
TEXT-DECORATION: none;
HEIGHT: 25px;
/*padding: 10 10 10 10;*/
cursor: pointer;
}
/*2012/11/29.Eric*/
.cancel
{
BORDER-RIGHT: #ef4849 1px solid;
BORDER-TOP: #ef4849 1px solid;
BORDER-LEFT: #ef4849 1px solid;
BORDER-BOTTOM: #ef4849 1px solid;
COLOR: #ffffff;
/*FONT-WEIGHT: bold;*/
FONT-SIZE: 11pt;
FONT-VARIANT: normal;
/*FONT-STYLE: normal;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;*/
FONT-FAMILY: "Calibri";
BACKGROUND-COLOR: #ef4849;
TEXT-DECORATION: none;
HEIGHT: 25px;
/*padding: 10 10 10 10;*/
cursor: pointer;
}
/*GekLing.12Aug2011*/
.color2
{
BORDER-RIGHT: #0066ff 1px solid;
BORDER-TOP: #0066ff 1px solid;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
BORDER-LEFT: #0066ff 1px solid;
COLOR: #ef4849;
BORDER-BOTTOM: #0066ff 1px solid;
FONT-STYLE: normal;
FONT-FAMILY: "Calibri";
BACKGROUND-COLOR: #fffff0;
FONT-VARIANT: normal;
TEXT-DECORATION: none
}
/*GekLing.12Aug2011*/
.cancel2
{
BORDER-RIGHT: #996600 1px solid;
BORDER-TOP: #996600 1px solid;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
BORDER-LEFT: #996600 1px solid;
COLOR: #990000;
BORDER-BOTTOM: #996600 1px solid;
FONT-STYLE: normal;
FONT-FAMILY: "Calibri";
BACKGROUND-COLOR: #fffff0;
FONT-VARIANT: normal;
TEXT-DECORATION: none
}
/*****************************************
Resource Calendar
*****************************************/
/* Header row */
.CalHeader
{
height: 20px;
width: 16%;
text-align: center;
vertical-align: middle;
background-color: #BDD5FF;
color: #00235E;
font-weight: bold;
font-size: 8pt;
}
/* Date in current month cell ;
Resource - used as un-occupied date cell
*/
.CalCell
{
height: 40px;
vertical-align: top;
text-align: left;
background-color: White;
border: 1px solid #BDD5FF;
padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1;
cursor: pointer;
COLOR: black;
font-size: 8pt;
}
/* Date in other month (previous / next month) cell */
.CalCellOtherMth
{
height: 40px;
vertical-align: top;
text-align: left;
background-color: White;
border: 1px solid #BDD5FF;
padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1;
cursor: pointer;
COLOR: #C0C0C0;
font-size: 8pt;
}
/* Selected date in current month cell */
.CalCellSelected
{
height: 40px;
text-align: left;
vertical-align: top;
background-color: #FFFFBF;
border: 1px solid #BDD5FF;
padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1;
cursor: pointer;
COLOR: black;
font-size: 8pt;
}
/* Legend cell for Date in current month cell ;
Resource - used as un-occupied date cell
*/
.CalCellLegend
{
height: 20px;
width: 20px;
vertical-align: middle;
text-align: left;
background-color: White;
border: 1px solid #BDD5FF;
COLOR: black;
font-size: 8pt;
}
/* Legend cell for selected date in current month */
.CalCellSelectedLegend
{
height: 20px;
width: 20px;
text-align: left;
vertical-align: middle;
background-color: #FFFFBF;
border: 1px solid #BDD5FF;
COLOR: black;
font-size: 8pt;
}
/* Calendar note */
.CalNoteSPAN
{
width: 240px;
text-align: left;
position: absolute;
visibility: hidden;
margin-left: 20px;
border: 1px solid #999999;
background-color: #FFFFE0;
}
/* Calendar note's Label text */
.CalNoteLabel
{
color: Black;
font-size: 8pt;
font-weight: bold;
text-align: left;
vertical-align: top;
}
/* Calendar note's normal text */
.CalNoteText
{
color: #000099;
font-size: 8pt;
text-align: left;
vertical-align: top;
}
/* Only for ePersonal use - text in orange red */
.ePerson_Original_text
{
FONT-SIZE: 12pt;
color: #ff4500;
}
.ePerson_OrangeRed
{
FONT-SIZE: 12pt;
color: #ff4500;
}
/* OU First Level text in Employee List */
option.OU1Color {background-color: #56B5D1; color: white}
/*2011/06/14.Eric*/
.ErrorResaon_text
{
font-size:16;
color: #424242;
}
/*Standard Shift Style*/
option.StandardShift {background-color: #ccfff2; }
/*Flexible Shift Style*/
option.FlexiShift {background-color: #ccf2ff; }
/*20210302.destin - ot requisition*/
option.OTShift {
background-color: #FFE4B5;
}
/*Devina*/
.schemered
{
COLOR: #ef4849;
FONT-SIZE: 10pt;
font-weight: bold;
FONT-FAMILY: Calibri;
TEXT-DECORATION: none;
cursor: pointer;
}
/*2011/06/30.Eric*/
/*****************************************
Leave Calendar
*****************************************/
.txt_CalendarTitle {
FONT-SIZE: 13pt;
/*
font-weight:bold;
*/
COLOR: #ffffff;
}
.LvCalHeader
{
color:#ffffff;
font-size: 11pt;
background-image:url(imgs/table_bg.gif);
background-image: linear-gradient(bottom, #1485BA 43%, #2EA0E0 72%, #4AC0FF 86%);
background-image: -o-linear-gradient(bottom, #1485BA 43%, #2EA0E0 72%, #4AC0FF 86%);
background-image: -moz-linear-gradient(bottom, #1485BA 43%, #2EA0E0 72%, #4AC0FF 86%);
background-image: -webkit-linear-gradient(bottom, #1485BA 43%, #2EA0E0 72%, #4AC0FF 86%);
background-image: -ms-linear-gradient(bottom, #1485BA 43%, #2EA0E0 72%, #4AC0FF 86%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.43, #1485BA),color-stop(0.72, #2EA0E0),color-stop(0.86, #4AC0FF));
height:40px;
font-weight: bold;
text-align: center;
}
.LvCalCell
{
height: 50px;
vertical-align: top;
text-align: left;
background-color: #E9E9E9;
border: 1px solid #BCBCBC;
padding-left: 4;
padding-right: 4;
padding-top: 1;
padding-bottom: 1;
cursor: pointer;
color: #424242;
font-size: 8pt;
}
.LvCaltext
{
FONT-WEIGHT: normal;
FONT-SIZE: 13px;
COLOR: #424242;
FONT-STYLE: normal;
/*FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;*/
FONT-VARIANT: normal;
TEXT-DECORATION: none
}
.LvCaltext2
{
FONT-SIZE: 12px;
COLOR: #BCBCBC;
FONT-STYLE: normal;
/*FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;*/
FONT-VARIANT: normal;
TEXT-DECORATION: none
}
.LvcalHoliday
{
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #ef4849;
FONT-STYLE: normal;
FONT-VARIANT: normal;
TEXT-DECORATION: none
}
/*GekLing.20110708*/
/*****************************************
Leave
*****************************************/
.LvInstructBox
{
FONT-SIZE: 14pt;
COLOR: black;
background-color: lightgrey;
border: 3px solid red;
text-align: center;
height: 50px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.pendinglv
{
border-right: medium none;
border-top: medium none;
font-weight: normal; /*FONT-SIZE: 10px;*/
border-left: medium none;
color: #000000;
border-bottom: medium none;
font-style: normal;
font-family: "Calibri";
background-color: #3fb8af;
font-variant: normal;
text-decoration: none;
}
.approvelv
{
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
FONT-WEIGHT: normal;
/*FONT-SIZE: 10px;*/
BORDER-LEFT: medium none;
COLOR: #000000;
BORDER-BOTTOM: medium none;
FONT-STYLE: normal;
FONT-FAMILY: "Calibri";
BACKGROUND-COLOR: #dad8a7;
FONT-VARIANT: normal;
TEXT-DECORATION: none
}
.pendinglv2
{
border-right: medium none;
border-top: medium none;
font-weight: normal; /*FONT-SIZE: 10px;*/
border-left: medium none;
color: #FFFFFF;
border-bottom: medium none;
font-style: normal;
font-family: "Calibri";
background-color: #9966FF;
font-variant: normal;
text-decoration: none;
}
.plannedLv
{
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
FONT-WEIGHT: normal;
/*FONT-SIZE: 10px;*/
BORDER-LEFT: medium none;
COLOR: #000099;
BORDER-BOTTOM: medium none;
FONT-STYLE: normal;
FONT-FAMILY: "Calibri";
BACKGROUND-COLOR: #BCBCBC;
FONT-VARIANT: normal;
TEXT-DECORATION: none
}
.calLeaveName
{
text-decoration: underline;
}
/*20121018.Syenny - Selected row will display in yellow color*/
tr.selected td
{
background-color: #FF9F40;
color:#FFFFFF;
font-weight : bold;
}
/* 2015/07/01.Eric
calendar small pop-up dialog*/
.cal_info_box
{
border-right: #3300ff 1px solid;
border-top: #3300ff 1px solid;
border-left: #3300ff 1px solid;
border-bottom: #3300ff 1px solid;
color: #ffffff;
font-size: 12px;
FONT-FAMILY: Calibri;
/*background-color: #99CCFF;*/
BACKGROUND-COLOR: #08b2dd;
width: 200px;
cursor: pointer;
border-color: #666666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 2px 15px 2px 15px;
}
/*2016/07/22.Eric*/
.newLeave
{
border-left: solid 3px #08b2dd;
}
/*2016/07/22.Eric*/
.amendLeave
{
border-left: solid 3px #FF9966;
}
/*2016/07/22.Eric*/
.cancelLeave
{
border-left: solid 3px #ef4849;
}
/*2016/07/25.Eric*/
.multipleLeave
{
background-color: #C0C0C0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 1px 5px 1px 5px;
font-size: 10pt;
text-align: center;
vertical-align: middle;
color: #FFFFFF;
}
/**********************************************
Wizard CSS
***********************************************/
.userGroupPortlet{
MARGIN: 0px 5px 0px 5px;padding: 1px; float: left; text-align: center;
}
.userGroupPortlet .userGroupPortlet-header {
cursor:move;
border-style:none;
background:#E0E0E0;
background: -moz-linear-gradient(top, #F0F0F0 0%, #E0E0E0 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#E0E0E0)); /* webkit */
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.userGroupPortlet .ui-icon {
FLOAT: right; opacity:0.5; filter:alpha(opacity=50);
}
.userGroupPortlet .ui-icon:hover {
FLOAT: right; opacity:1.0; filter:alpha(opacity=100);cursor:pointer;
}
.dptTaskPortlet
{
MARGIN: 5px 5px 5px 5px;
border-color:#E8E8E8;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.dptTaskPortlet .dptTaskPortlet-header {
MARGIN: 0.3em; PADDING-LEFT: 0.2em; cursor:move;
border-style:none;
background:#FFCC00;
background: -moz-linear-gradient(top, #FFCC99 0%, #FFCC00 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC99), color-stop(100%,#FFCC00)); /* webkit */
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.dptTaskPortlet-header .ui-icon {
FLOAT: right; opacity:0.5; filter:alpha(opacity=50);
}
.dptTaskPortlet-header .ui-icon:hover {
FLOAT: right; opacity:1.0; filter:alpha(opacity=100);cursor:pointer;
}
.dptTask
{
text-align:center;border-style:dashed;border-color:#B0B0B0;border-width:1px;min-height:20px
}
.userGroup
{
overflow: hidden;text-align:center;border-style:dashed;border-color:#B0B0B0;border-width:1px;min-height:20px
}
.taskDiv, .dptTaskDiv, .userGroupDiv
{
border-style:solid;border-width:1px;margin-bottom:5px;padding:3px;cursor:move;
}
.dptTaskMessage, .userGroupMessage
{
color:#D0D0D0;padding:3px; font-size:15px;
}
#taskContainer, #userGroupContainer, #dptTaskContainer
{
overflow: auto;border-style:solid;border-width:1px;border-color:#B0B0B0;height:480px;text-align:left;padding:5px 5px 5px 5px
}
.processContainer
{
overflow: auto;margin-left:10px;width:45%;border-style:solid;border-color:#B0B0B0;border-width:1px;height:550px;text-align:center;padding:5px 5px 5px 5px; float:left
}
#actionWrapper{position: fixed;bottom: 0;
width: 100%;
height: 80px;
margin: auto;
margin-top: 0px;
background-color: #E9E9E9;
font-size: 13px;
background: #08b2dd; /* Old browsers */
}
#flowlineWrapper{
width: 100%;top:0;/*width: 100%;top:0; position:fixed;*/
height: 50px;
margin: auto;
margin-top: 0px;
padding-top: 30px;
background-color: #E9E9E9;
font-size: 10px;
background: #E9E9E9; /* Old browsers */
}
#flowlineWrapper ul{
list-style: none;
padding: 0px;
margin: 0px;
width: 100%;
}
#flowlineWrapper li{
list-style-type:none ;padding-left: 0px;
float: left;
text-align:center;
color: #000;
}
#flowlineWrapper li > span
{
font-size: 9px;
}
#flowlineWrapper li.active{
}
#flowlineWrapper ul.taskFlowline > li:before {
content: "\2666";/*url("imgs/uncheck1.bmp");"|";*/
text-align: right;
font-size: 18px;
line-height: 2px;
display: block;
color: #ededed;
background-color: #fff;
/*border-top: 1px solid #ededed;*/
margin: 0 0 25px 0;
text-shadow:none;
text-align:center;
}
#flowlineWrapper ul.taskFlowline > li.completed:before {
color: #08b2dd;
text-shadow: 0px 0px 10px #56ff5f;
text-align:center;
}
#mask {
position: fixed;
background-color: #ffffff; /*#D8D8D8;*/
top:0;
left:0;
margin:0;
padding:0;
width:100%;
height:100%;
display:none;
text-align:center;
z-index: 999;
opacity: 0.7;
filter: alpha(opacity=70);
background: rgba( 255, 255, 255, 1) url(imgs/loading.gif) 50% 50% no-repeat;
background-position:top;
}
#errMessage {
position:absolute;
text-align:center;
background-color:#fff;
font-size:20px;
top:0;
left:0;
margin:0;
width:100%;
height:100%;
display:none;
}
#flowlineWrapper ul.taskImage > li:before {
content: url("../imgs/circle_white.png");
text-align: right;
font-size: 18px;
line-height: 2px;
display: block;
color: #ededed;
background-color:Transparent;
/*border-top: 1px solid #ededed;*/
margin: -17px 0 0px 0;
text-shadow:none;
text-align:center;
padding-right:15px;
}
#flowlineWrapper ul.taskImage > li.active:before {
content: url("../imgs/circle_orange.png");
color: #08b2dd;
/*background-color: #66FFFF;*/
text-shadow: 0px 0px 10px #56ff5f;
text-align:center;
padding-right:15px;
}
#flowlineWrapper ul.taskImage > li.completed:before {
content: url("../imgs/circle_lightblue.png");
color: #08b2dd;
/*background-color: #66FFFF;*/
text-shadow: 0px 0px 10px #56ff5f;
text-align:center;
padding-right:15px;
}
#flowlineWrapper ul.taskImage > li.noProcessRight:before {
content: url("../imgs/circle_grey.png");
color: #08b2dd;
/*background-color: #66FFFF;*/
text-shadow: 0px 0px 10px #56ff5f;
text-align:center;
padding-right:15px;
}
#flowlineWrapper ul.taskImage > li {
}
#flowlineWrapper ul.taskNumber {
margin-left:-3px;
}
#flowlineWrapper ul.taskNumber > li {
text-align: right;
font-size: 20px;
font-weight:600;
line-height: 2px;
display: block;
color: #000 ;
background-color:Transparent;
margin: 3px 0 0 0;
text-shadow:none;
cursor:pointer;
}
#flowlineWrapper ul.taskNumber > li.active {
color: #fff ;
}
#flowlineWrapper ul.taskNumber > li.completed {
color: #fff ;
}
#flowlineWrapper ul.taskNumber > li.noProcessRight {
color: #fff ;
}
.actionBtn.ui-state-hover
{
background-color:#fff;
color:#424242;
top:-12px;
}
.actionBtn
{
background-color:#fff;
color:#08b2dd;
top:-12px;
}
/* End of Wizard CSS*/
/**********************************************
SMART INFO TOOLTIP
***********************************************/
.ui-tooltip {
background: #666;
font-size:11px;
color: white;
border: none;
padding: 0;
opacity: 1;
}
.ui-tooltip-content {
position: relative;
padding: 1em;
}
.ui-tooltip-content::after {
content: '';
position: absolute;
border-style: solid;
display: block;
width: 0;
}
.tooltipRight .ui-tooltip-content::after {
top: 11px;
left: -6px;
border-color: transparent #666;
border-width: 6px 0 6px 6px;
transform:rotate(180deg);
-ms-transform:rotate(180deg); /* IE 9 */
-webkit-transform:rotate(180deg); /* Safari and Chrome */
}
.tooltipLeft .ui-tooltip-content::after {
top: 11px;
right: -6px;
border-color: transparent #666;
border-width: 6px 0 6px 6px;
}
.tooltipUp .ui-tooltip-content::after {
top: -9px;
left: 12px;
border-color: transparent #666;
border-width: 6px 0 6px 6px;
transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-webkit-transform:rotate(270deg); /* Safari and Chrome */
}
.tooltipDown .ui-tooltip-content::after
{
bottom: -9px;
left: 12px;
border-color: transparent #666;
border-width: 6px 0 6px 6px;
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-webkit-transform:rotate(90deg); /* Safari and Chrome */
}
/* END OF SMART INFO TOOLTIP */
/**********************************************
SMART INFO MENU BAR
***********************************************/
.ctrlbar {
width:100%;
height:48px;
min-width:800px;
}
.ctrlitems {
margin:auto;
padding:0px;
height:48px;
display:inline-block;
text-align:center;
}
.ctrlitem {
height:48px;
width:60px;
cursor:pointer;
float:left;
/*opacity:0.5;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
filter: alpha(opacity=50) !important; *//* For IE8 and earlier */
}
.ctrlitem div
{
font-size:10.5px;
font-family: "Calibri";
font-weight:bold;
color:#ffffff;
}
.ctrlitem:hover {
/*opacity:1 !important;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)" !important;
filter: alpha(opacity=80) !important; *//* For IE8 and earlier */
}
.ctrlitem-disabled
{
height:48px;
width:60px;
cursor:pointer;
float:left;
opacity:0.3;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)" !important;
filter: alpha(opacity=30) !important; /* For IE8 and earlier */
}
.ctrlitem-disabled div
{
font-size:12px;
font-weight:bold;
color:#fff;
}
.activectrlitem {
/*opacity:1 !important;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
filter: alpha(opacity=100) !important; *//* For IE8 and earlier */
}
.controlitems {
width:100%;
margin:auto;text-align:center;
}
.controlitem {
height:48px;
cursor:pointer;
}
.leftnav {
float:left;
padding-left:5px;
}
.rightnav {
float:right;
}
.topbarImg{
width:26px;
height:26px;
margin-top:4px;
margin-bottom:-3px;
}
.centerblock {
display:inline-block;
}
.ctrlbarBg
{
/*background:#00BBE2;*/
/*background:#3399FF;*/
background: #08b2dd;
/*background: -moz-linear-gradient(top, #99FFFF 0%, #3399FF 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#99FFFF), color-stop(100%,#3399FF)); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top, #99FFFF 00%,#3399FF 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top, #99FFFF 0%,#3399FF 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top, #99FFFF 0%,#3399FF 100%); /* IE10+ */
/*background: linear-gradient(top, #99FFFF 0%,#3399FF 100%); /* W3C */
}
/*2019/04/03.Eric*/
.ctrlLang {
width: 110px;
height: 48px;
float: right;
font-size: 11px;
margin-top: 10px;
margin-left: 20px;
}
/* END SMART INFO MENU BAR */
/**********************************************
Widget CSS
***********************************************/
.button {
BORDER-BOTTOM: gray 1px solid; BORDER-LEFT: gray 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: gray 1px solid; BORDER-RIGHT: gray 1px solid; PADDING-TOP: 5px
}
.column1 {
PADDING-LEFT: 10px;PADDING-BOTTOM: 10px; WIDTH: 31%; FLOAT: left
}
.column2 {
PADDING-LEFT: 10px;PADDING-BOTTOM: 10px; WIDTH: 31%; FLOAT: left
}
.column3 {
PADDING-LEFT: 10px;PADDING-BOTTOM: 10px; WIDTH: 31%; FLOAT: left
}
.portlet
{
MARGIN: 8px 1em 18px 0px;
border-color:#E8E8E8;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 5px 5px 5px #888;
-moz-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
z-index:10;
}
.portlet .portlet-header {
/*PADDING-BOTTOM: 4px;
PADDING-LEFT: 0.2em;*/
MARGIN: 0.3em;
cursor: move;
border-style: none;
background-color: #E9E9E9;
border-radius: 1px;
padding: 4px 4px 4px 4px;
}
.portlet-header .ui-icon {
FLOAT: right; opacity:0.5; filter:alpha(opacity=50); margin:2px 2px 0px 5px;
}
.portlet-header .ui-icon:hover {
FLOAT: right; opacity:1.0; filter:alpha(opacity=100);cursor:pointer;
}
.portlet .portlet-content
{
/*MAX-HEIGHT: 250px; */
background-color:#fff;
OVERFLOW: auto; scrollbar-base-color:#EFFBFB;
PADDING-BOTTOM: 0.4em; PADDING-LEFT: 0.4em; PADDING-RIGHT: 0.4em; PADDING-TOP: 0.4em;
}
.ui-sortable-placeholder {
BORDER-BOTTOM: black 1px dotted; BORDER-LEFT: black 1px dotted; HEIGHT: 50px !important; VISIBILITY: visible !important; BORDER-TOP: black 1px dotted; BORDER-RIGHT: black 1px dotted
}
.ui-sortable-placeholder * {
VISIBILITY: hidden
}
.widgetRow TD{
WIDTH:200px
}
.state-highlight
{
BORDER:dashed 1px Silver;HEIGHT:50px; WIDTH:95%;
}
.hidden {
DISPLAY: none;
}
#header {
PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; MARGIN-BOTTOM: 5px; PADDING-TOP: 3px
}
#header DIV {
FLOAT: left
}
#menu2 {
FLOAT: left
}
BR.clear {
CLEAR: both
}
#widgetHeader TD{
border:solid 1px #bcbcbc;
background:#e9e9e9;
/*background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F8F8F8),color-stop(1, #E8E8E8));*/
}
/*End of Widget CSS*/
/**********************************************
Widget Tabs CSS
***********************************************/
#tabs
{
background: #e9e9e9;
opacity: 0.93;
filter: alpha(opacity=93);
/*background: -moz-linear-gradient(top, #fff 0%, #C8C8C8 100%);*/ /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#C8C8C8));*/ /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top, #fff 00%,#C8C8C8 100%);*/ /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top, #fff 0%,#C8C8C8 100%);*/ /* Opera 11.10+ */
/*background: -ms-linear-gradient(top, #fff 0%,#C8C8C8 100%);*/ /* IE10+ */
/*background: linear-gradient(top, #fff 0%,#C8C8C8 100%);*/ /* W3C */
/*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #404040), color-stop(60%, #909090), color-stop(100%, #787878));
background-image: -webkit-linear-gradient(#404040, #909090 60%, #787878);
background-image: linear-gradient(#404040, #909090 60%, #787878);*/
border:none;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
border-left:0px;
border-right:0px;
position:fixed;
z-index:100;
}
#tabs .ui-widget-header {
background: transparent;
border: none;
border-bottom: 1px solid #c0c0c0;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
#tabs .ui-state-default {
background: transparent;
border: none;
}
#tabs .ui-state-active {
background: transparent url(imgs/uiTabsArrow.png) no-repeat bottom center;
border: none;
}
#tabs .ui-state-default a {
color: #636262;
font-size: 17px;
font-weight: normal;
}
#tabs .ui-state-active a {
color: #636262;
font-size: 17px;
font-weight: bold;
margin-top:-1px;
}
#tabs .ui-tabs-anchor a
{color: red;
border-style:none;
}
/*End of Widget Tabs CSS*/
/**********************************************
meter chart css
***********************************************/
.meterCanvas {
position:absolute;
margin-top: 0px;
margin-left: 5px;
}
progress.meterProgress + .meterArrow {
position: absolute;
font-size: 100px;
margin-top: -105.6px;
/* Dimensions */
width: 190.4px;
height: 100.8px;
text-align: center;
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transition: transform 500ms;
}
progress.meterProgress + .meterArrow.noTransition {
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
progress.meterProgress {
display: inline-block;
border-radius: 190.4px 190.4px 0 0;
/* Dimensions */
width: 190.4px;
height: 100.8px;
padding: 0;
}
/* Polyfill */
progress.meterProgress[role]:after {
background-image: none; /* removes default background from polyfill */
}
/* Default degree of arrow */
progress.meterProgress[value="0"] + .meterArrow {
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);-o-transform: rotate(270deg);-ms-transform: rotate(270deg);
}
/* Firefox and Polyfill */
progress.meterProgress {
background-color:#fff;
}
/* Chrome */
progress.meterProgress::-webkit-progress-bar {
background-color:#fff;
border-radius: 190.4px 190.4px 0 0;
}
/* Firefox */
progress.meterProgress::-moz-progress-bar {
background: transparent;
}
/* Chrome */
progress.meterProgress::-webkit-progress-value {
background: transparent;
}
/* Polyfill */
progress.meterProgress[aria-valuenow]:before {
background: transparent;
}
/* Arrow */
progress.meterProgress + .meterArrow img {
float: none;
border: none;
margin: 17px 0 0 0;
}
/* end of meter chart css*/
/**********************************************
Smart Info CSS
***********************************************/
.sfTable
{
width: 100%;
min-width:800px;
}
.sfGroup
{
color:#fff;
font-weight:bold;
padding: 5px 5px 5px 25px;
}
.sfCounter
{
border-radius: 15%/15%;
min-width: 10px;
width: 100%;
height: 5px;
font-size:10px;
color:#fff;
text-align:center;
display: inline;
padding:3px 5px 3px 5px;
background: #ef4849;
background: -moz-linear-gradient(top, #ef4849 0%, #ef4849 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef4849), color-stop(100%,#ef4849)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ef4849 00%,#ef4849 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ef4849 0%,#ef4849 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ef4849 0%,#ef4849 100%); /* IE10+ */
background: linear-gradient(top, #ef4849 0%,#ef4849 100%); /* W3C */
}
.divSmartInfo
{
margin-top:-1px;text-align:center;
}
.menuCounter
{
border-radius: 20%/20%;
width: 14px;
min-width: 14px;
height: 14px;
font-size: 11px;
font-family: "Calibri";
color:#ffffff;
text-align:center;
display:inline;
background: #ef4849;
border: 1px solid #ffffff;
float:right;
margin-top:-42px;
}
.linkEmp
{
cursor:pointer;
}
.sfPanel
{
cursor:pointer;
float:left;
width:47%;
padding: 6px;
background: #E9E9E9;
}
.sfPanel:hover
{
background: #F6F6F6;
}
.sfPanel img
{
vertical-align: middle
}
.sfCommonActionBar
{
background: #E9E9E9;
opacity: 0.93;
filter: alpha(opacity=93); /* For IE8 and earlier */
}
.sfCommonActionBar td
{
color: #fff; padding: 8px; vertical-align: top; border-bottom:solid 1px #424242;
}
.sfMsg
{
padding:10px;
margin:10px;
text-align:center;
display:none;
background:#fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border:1px solid #999999;
-webkit-box-shadow: 5px 5px 5px #888;
-moz-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
}
/* 2014/10/08. May - Start of NoSmartInfoAvailable*/
.NoSmartInfo
{
text-align:center;
color:#424242;
}
/*End of Smart Info CSS*/
/**********************************************
List Language
***********************************************/
.form_listLanguage {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background-image: url(imgs/icon_select2.png);
background-position: 95% 50%;
background-repeat: no-repeat;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 15%;
padding-right: 15%;
margin-top: 0px;
/*margin-left: 50px;*/
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
color: #888;
border: none;
outline: none;
display: inline-block;
cursor: pointer;
overflow: hidden;
}
.form_singleLanguage
{
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
/*-webkit-linear-gradient: (#FAFAFA, #F4F4F4 40%, #E5E5E5);*/
background-color:#FFFFFF;
padding-top: 3px;
padding-bottom: 3px;
padding-left:15%;
padding-right:15%;
margin-top: 0px;
margin-left: -25px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
COLOR: #000000;
border: none;
outline: none;
display: inline-block;
cursor: pointer;
overflow: hidden;
}
.clocks {
height: 150px;
margin: 5px auto;
position: relative;
width: 150px;
}
.emptyColumn
{
border:dashed 1px;
min-height:450px;
margin-left:5px;
margin-bottom:5px;
background-image:url(imgs/widgetZoneBg.jpg);
background-repeat:no-repeat;
background-position:center;
text-align:center;
}
fieldset { border:1px solid #ccc; background-color:#F0F0F0; border-radius: 3px;}
legend {background-color:#FFF;
padding: 0.2em 0.2em;
border:1px solid #ccc;
font-size:15px;
text-align:left;
font-weight:bold;
}
.fieldsetTbl
{
width:100%;
}
.fieldsetTbl tr
{
background:#F8F8F8;
background-image: -moz-linear-gradient(top, #fff, #F8F8F8);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #F8F8F8));
background-image: -webkit-linear-gradient(top, #fff, #F8F8F8);
background-image: -moz-linear-gradient(top, #fff, #F8F8F8);
background-image: -ms-linear-gradient(top, #fff, #F8F8F8);
background-image: -o-linear-gradient(top, #fff, #F8F8F8);
}
.fieldsetRowHighlight
{
background:#FFFFCC;
}
/**********************************************
My Calendar
***********************************************/
.LEAVE_CalInfo
{
color:white;
border: solid 1px black;
background-color: rgb(93,91,247);
background: linear-gradient(left , rgb(93,91,247) 39%, rgb(121,119,255) 65%);
background: -o-linear-gradient(left , rgb(93,91,247) 39%, rgb(121,119,255) 65%);
background: -moz-linear-gradient(left , rgb(93,91,247) 39%, rgb(121,119,255) 65%);
background: -webkit-linear-gradient(left , rgb(93,91,247) 39%, rgb(121,119,255) 65%);
background: -ms-linear-gradient(left , rgb(93,91,247) 39%, rgb(121,119,255) 65%);
background: -webkit-gradient(
linear,
left bottom,
right bottom,
color-stop(0.39, rgb(93,91,247)),
color-stop(0.65, rgb(121,119,255))
);
}
.LEAVE2_CalInfo
{
color:white;
border: solid 1px black;
background-color: rgb(56,95,154);
background: linear-gradient(left bottom, rgb(56,95,154) 4%, rgb(84,124,185) 52%, rgb(118,162,222) 76%);
background: -o-linear-gradient(left bottom, rgb(56,95,154) 4%, rgb(84,124,185) 52%, rgb(118,162,222) 76%);
background: -moz-linear-gradient(left bottom, rgb(56,95,154) 4%, rgb(84,124,185) 52%, rgb(118,162,222) 76%);
background: -webkit-linear-gradient(left bottom, rgb(56,95,154) 4%, rgb(84,124,185) 52%, rgb(118,162,222) 76%);
background: -ms-linear-gradient(left bottom, rgb(56,95,154) 4%, rgb(84,124,185) 52%, rgb(118,162,222) 76%);
background: -webkit-gradient(
linear,
left bottom,
right top,
color-stop(0.04, rgb(56,95,154)),
color-stop(0.52, rgb(84,124,185)),
color-stop(0.76, rgb(118,162,222))
);
}
.LEARNING_CalInfo
{
color: white;
border: solid 1px black;
background-color: rgb(118,108,64);
background: linear-gradient(left , rgb(118,108,64) 6%, rgb(154,141,90) 53%, rgb(185,170,117) 77%);
background: -o-linear-gradient(left , rgb(118,108,64) 6%, rgb(154,141,90) 53%, rgb(185,170,117) 77%);
background: -moz-linear-gradient(left , rgb(118,108,64) 6%, rgb(154,141,90) 53%, rgb(185,170,117) 77%);
background: -webkit-linear-gradient(left , rgb(118,108,64) 6%, rgb(154,141,90) 53%, rgb(185,170,117) 77%);
background: -ms-linear-gradient(left , rgb(118,108,64) 6%, rgb(154,141,90) 53%, rgb(185,170,117) 77%);
background: -webkit-gradient(
linear,
left bottom,
right bottom,
color-stop(0.06, rgb(118,108,64)),
color-stop(0.53, rgb(154,141,90)),
color-stop(0.77, rgb(185,170,117))
);
}
.PH_CalInfo
{
color:#ffffff;
border-bottom: solid 1px black;
border-left: solid 1px black;
background-color: rgb(228,48,1);
background: linear-gradient(left , rgb(228,48,1) 11%, rgb(255,77,27) 56%, rgb(255,108,54) 78%);
background: -o-linear-gradient(left , rgb(228,48,1) 11%, rgb(255,77,27) 56%, rgb(255,108,54) 78%);
background: -moz-linear-gradient(left , rgb(228,48,1) 11%, rgb(255,77,27) 56%, rgb(255,108,54) 78%);
background: -webkit-linear-gradient(left , rgb(228,48,1) 11%, rgb(255,77,27) 56%, rgb(255,108,54) 78%);
background: -ms-linear-gradient(left , rgb(228,48,1) 11%, rgb(255,77,27) 56%, rgb(255,108,54) 78%);
background: -webkit-gradient(
linear,
left bottom,
right bottom,
color-stop(0.11, rgb(228,48,1)),
color-stop(0.56, rgb(255,77,27)),
color-stop(0.78, rgb(255,108,54))
);
}
.EVENTS_CalInfo
{
color:white;
border: solid 1px black;
background-color: rgb(48,155,23);
background: linear-gradient(left , rgb(48,155,23) 34%, rgb(77,186,51) 67%, rgb(108,224,77) 84%);
background: -o-linear-gradient(left , rgb(48,155,23) 34%, rgb(77,186,51) 67%, rgb(108,224,77) 84%);
background: -moz-linear-gradient(left , rgb(48,155,23) 34%, rgb(77,186,51) 67%, rgb(108,224,77) 84%);
background: -webkit-linear-gradient(left , rgb(48,155,23) 34%, rgb(77,186,51) 67%, rgb(108,224,77) 84%);
background: -ms-linear-gradient(left , rgb(48,155,23) 34%, rgb(77,186,51) 67%, rgb(108,224,77) 84%);
background: -webkit-gradient(
linear,
left bottom,
right bottom,
color-stop(0.34, rgb(48,155,23)),
color-stop(0.67, rgb(77,186,51)),
color-stop(0.84, rgb(108,224,77))
);
}
.MyCalFilter
{
color:black;
background-color: lightgrey;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.MyCalWkDayHeader
{
text-align:center;
font-size: 12pt;
background-color: rgb(83,182,239);
background: linear-gradient(bottom, rgb(83,182,239) 48%, rgb(117,219,255) 74%);
background: -o-linear-gradient(bottom, rgb(83,182,239) 48%, rgb(117,219,255) 74%);
background: -moz-linear-gradient(bottom, rgb(83,182,239) 48%, rgb(117,219,255) 74%);
background: -webkit-linear-gradient(bottom, rgb(83,182,239) 48%, rgb(117,219,255) 74%);
background: -ms-linear-gradient(bottom, rgb(83,182,239) 48%, rgb(117,219,255) 74%);
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.48, rgb(83,182,239)),
color-stop(0.74, rgb(117,219,255))
);
}
.MiCalWkEndHeader
{
text-align:center;
font-size: 12pt;
background-color: rgb(67,131,217);
background: linear-gradient(bottom, rgb(67,131,217) 47%, rgb(94,158,255) 74%, rgb(123,190,255) 87%);
background: -o-linear-gradient(bottom, rgb(67,131,217) 47%, rgb(94,158,255) 74%, rgb(123,190,255) 87%);
background: -moz-linear-gradient(bottom, rgb(67,131,217) 47%, rgb(94,158,255) 74%, rgb(123,190,255) 87%);
background: -webkit-linear-gradient(bottom, rgb(67,131,217) 47%, rgb(94,158,255) 74%, rgb(123,190,255) 87%);
background: -ms-linear-gradient(bottom, rgb(67,131,217) 47%, rgb(94,158,255) 74%, rgb(123,190,255) 87%);
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.47, rgb(67,131,217)),
color-stop(0.74, rgb(94,158,255)),
color-stop(0.87, rgb(123,190,255))
);
}
.MyCalWkDay
{
background-color:#ffffff;
}
.MyCalWkEnd
{
background-color:#FCDFFF;
}
.MyCalToday
{
background-color: rgb(164,184,246);
background: linear-gradient(bottom, rgb(164,184,246) 31%, rgb(197,221,255) 66%);
background: -o-linear-gradient(bottom, rgb(164,184,246) 31%, rgb(197,221,255) 66%);
background: -moz-linear-gradient(bottom, rgb(164,184,246) 31%, rgb(197,221,255) 66%);
background: -webkit-linear-gradient(bottom, rgb(164,184,246) 31%, rgb(197,221,255) 66%);
background: -ms-linear-gradient(bottom, rgb(164,184,246) 31%, rgb(197,221,255) 66%);
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.31, rgb(164,184,246)),
color-stop(0.66, rgb(197,221,255))
);
}
.MyCalNotInMth
{
background-color:#E8E5E8;
}
/*end of MyCalendar*/
/**********************************************
start of Time Attendance
***********************************************/
.dayShift
{
BORDER:solid 1px;
COLOR: #000099;
FONT-STYLE: normal;
FONT-FAMILY: "Calibri";
FONT-VARIANT: normal;
TEXT-DECORATION: none;
HEIGHT:20px;
}
.dayTimeShift
{ COLOR: #000099;
TEXT-DECORATION: none;
HEIGHT:12px;
}
.shiftCell
{
BORDER:solid 1px #fff;
COLOR: #585858;
TEXT-DECORATION: none;
HEIGHT:20px;
}
.offShift
{
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
FONT-WEIGHT: normal;
/*FONT-SIZE: 10px;*/
BORDER-LEFT: medium none;
COLOR: #000099;
BORDER-BOTTOM: medium none;
FONT-STYLE: normal;
FONT-FAMILY: "Calibri";
BACKGROUND-COLOR: gold;
FONT-VARIANT: normal;
TEXT-DECORATION: none
}
/* end of Time Attendance */
.dialogFixed {
position: fixed !important;
}
.dialogFixed .ui-dialog-titlebar-close{
display:none;
}
/**********************************************
Start of Web Clocking
***********************************************/
.virtualDeviceTable
{
width:80%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #0099CC;
padding: 10px;
border-spacing: 1px
}
.virtualDeviceTable td
{
padding: 1px;
}
.virtualDeviceTop
{
height: 50px;
}
.virtualDeviceLine
{
background-color: #0099CC;
height: 0.5px;
}
.virtualDeviceSide
{
height:380px;
width:30px;
}
.virtualDeviceBottom
{
height: 50px;
}
.virtualDeviceTitle
{
font-size: 15pt;
color: #666666;
font-weight: bold;
text-align: center;
}
.virtualDeviceEntry
{
border: none;
border-collapse: separate;
border-spacing: 1px;
width:320px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #0099CC;
}
.virtualDeviceEntry td
{
padding: 4px;
}
.errorMsgClk
{
display: none;
color: #FF3300;
font-size: 17px;
font-weight: bold;
background-color: #FFFFCC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.clockMsgClk
{
text-align:center;
display: none;
font-size: 17px;
font-weight: bold;
background-color: #CC3300;
color: #66FFFF;
height: 50px;
line-height: 50px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.clockTimeTable
{
width: 320px;
}
.clockTimeText
{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
color: #00FF00;
font-size: 18pt;
font-weight: bold;
background-color: #000000;
}
.clockDateText
{
color: black;
font-weight: bold;
font-size: 12pt;
}
.clockPerson
{
font-size: 15pt;
font-weight: bold;
width: 80%;
background-color: #FFFFF;
color :black;
border-bottom: 2px solid #368DBE;
}
.virtualDeviceBottomBtn
{
width:320px;
}
.virtualDeviceBody
{
margin: 10px 10px 10px 10px;
/*
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #70B0D6),
color-stop(0.85, #92D4FF)
);
background-image: -o-linear-gradient(bottom, #70B0D6 0%, #92D4FF 85%);
background-image: -moz-linear-gradient(bottom, #70B0D6 0%, #92D4FF 85%);
background-image: -webkit-linear-gradient(bottom, #70B0D6 0%, #92D4FF 85%);
background-image: -ms-linear-gradient(bottom, #70B0D6 0%, #92D4FF 85%);
background-image: linear-gradient(to bottom, #70B0D6 0%, #92D4FF 85%);
*/
}
/*End of Web Clocking*/
.ui-dialog {
position: fixed;
}
/**********************************************
Start of MyLeaveEntitlement
***********************************************/
/* 2014/10/07. May - */
.LeaveProfile_outline
{
width:95%;
background-color:#d7ebf9;
padding-top:10px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
margin-top: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border:1px solid #666666;
}
.Leave_legend
{
width:500px;
height: 42px;
border: 1px thin gray;
background-color: lightgrey;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
/*End of MyLeaveEntitlement*/
/*2015/02/10.Eric*/
/*****************************************
Appraisal
*****************************************/
.CompetFloatInfo
{
position: absolute;
text-align: left;
visibility: hidden;
max-width: 80%;
padding: 1px 20px 1px 20px;
}
.CompetFloatInfo table
{
width: 100%;
background-color: #0099FF;
border: 10px solid #66CCFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.CompetFloatInfo table tr
{
height: 80px;
vertical-align: top;
}
.CompetFloatInfo table td
{
padding: 6px 6px 6px 6px;
font-size: 10pt;
color: #ffffff;
}
.CompetDetailInfo
{
border: 10px solid #99CCFF;
padding: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #0066CC;
color: #FFFFFF;
}
.appraisal_print_title_sub
{
color: #000000;
font-family: "Calibri";
font-size: 12pt;
font-weight: bold;
height: 30px;
font-weight: bold;
border-bottom: 1px gray;
border-bottom-style: groove;
}
/*2016/06/08.Eric - APPRAISAL Style*/
.self_Label
{
font-size: 10pt;
font-weight: bold;
color: #000000;
background-color: #CC99FF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 2px 20px 2px 20px;
}
.self_Label_on
{
background-color: #CC99FF;
}
.self_Label_off
{
background-color: #C0C0C0;
color: #ffffff;
}
.selfAppraiseMsgDone
{
font-size: 11pt;
font-weight: bold;
color: #33CC33;
}
.selfAppraiseMsgNotCommit
{
font-size: 11pt;
font-weight: bold;
color: #669900;
}
.selfAppraiseMsgPending
{
font-size: 11pt;
font-weight: bold;
color: #FF0000;
}
.selfAppraiseMsgNotYet
{
font-size: 11pt;
font-weight: bold;
font-style: italic;
color: #FF0000;
}
.selfAppraiseDivBox
{
width: 100%;
display: none;
}
.selfAppraiseRemarkBox
{
border: 1px solid #CC99FF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
}
.selfAppraiseRemarkBox td
{
padding: 5px 5px 5px 5px;
border: 1px dotted #CCCCCC;
}
.mgr_Label
{
font-size: 10pt;
font-weight: bold;
color: #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 2px 18px 2px 18px;
}
.mgr_Label_on
{
background-color: #9999FF;
}
.mgr_Label_off
{
background-color: #C0C0C0;
color: #ffffff;
}
.mgrAppraiseMsgDone
{
font-size: 11pt;
font-weight: bold;
color: #33CC33;
}
.mgrAppraiseMsgNotCommit
{
font-size: 11pt;
font-weight: bold;
color: #669900;
}
.mgrAppraiseMsgPending
{
font-size: 11pt;
font-weight: bold;
color: #FF0000;
}
.mgrAppraiseDivBox
{
width: 100%;
display: none;
}
.mgrAppraiseDetailBox
{
border: 1px solid #9999FF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
}
.mgrAppraiseDetailBox td
{
border: 1px dotted #CCCCCC;
padding: 5px 5px 5px 5px;
}
.peer_Label
{
font-size: 10pt;
font-weight: bold;
color: #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 2px 20px 2px 20px;
}
.peer_Label_on
{
background-color: #66CCFF;
}
.peer_Label_off
{
background-color: #C0C0C0;
color: #ffffff;
}
.peerAppraiseMsgDone
{
font-size: 11pt;
font-weight: bold;
color: #33CC33;
}
.peerAppraiseMsgNotCommit
{
font-size: 11pt;
font-weight: bold;
color: #669900;
}
.peerAppraiseMsgPending
{
font-size: 11pt;
font-weight: bold;
color: #FF0000;
}
.peerAppraiseMsgMgrCommited
{
font-size: 11pt;
font-weight: bold;
color: #FF0000;
}
.peerRespondent
{
font-size: 11pt;
font-weight: bold;
text-decoration: underline;
}
.peerAppraisalPeriod
{
font-size: 11pt;
font-weight: bold;
text-decoration: underline;
}
.peerRespondentBox
{
width: 98%;
padding: 2px;
border: 1px dotted #C0C0C0;
min-height: 50px;
}
/*End of Appraisal */
/*****************************************
embedding icon
*****************************************/
/*2016/12/14.Eric*/
.icon_Exclamation
{
background-image: url('imgs/Icon_Exclamation.gif');
}
.icon_LeapsUp
{
background-image: url('data:image/gif;base64,R0lGODlhTgAcAPcXAGM9behwJz4ugJNPVKtZR3tGYFc4c0ozetBnNG9BZ8RiOtxsLodLWrddQZlSUTgsg4JJXYtMWLFbRONuKjksg/R1ITMqhgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABcALAAAAABOABwAAAj/AC8IHEiwoMGDCBMqXMiwocOHECMatGBBokWBFRpWyEhwo8eNCSletMhxIciBH1MiFDkS4kmTJS+8RBlzIMuWDmcmnKkTY80LN3Ey7HmQ50+ZP4MKVUjUYM2jGCdWLEixqlSrBKtqnSrT5taCT3dKzboVK9CyZMuK5KgWbEeoPYPKvcn1LFezdh9kxFvXKMK4d5Xi9Rq4rt29St8qdgrY69WVhaWyTexz8dujdNUOthuZqgUAhA0jvZyyaWaGWs8Slgo6dF+3EE8rNJtZNEUHj1HCflg75NzVaSFzDRu77mCRfDsDnzvVb/G0bWnXRl51MvXhMZv69oxW4NfUmiueNOwe1fJSiZtHM30K9TxqyuqL/mzvfmF6pEeJ0q/vWzRplUXxhx58pAnI330GJqjgggyeFxAAOw==');
width: 78px;
height: 28px;
/*background-image: url('imgs/HrLeapsLogo.gif');*/
}
.icon_HREntree
{
background-image: url('data:image/gif;base64,R0lGODlhcQAkAMQAAP//////AP8A//8AAAD//wD/AAAA/wAAAEkydkoydUMvePvDmPvEmfvGnfx5HPd2H/R1IPN1IPN1IfN0IP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABQALAAAAABxACQAAAX/ICWOZGmeaKqubOu+cCzPdG3feK7vPL38vaBw9iuOjMOkklJEMp3L6K65OEKlWFuTtM16XV0V8EteUWHXspdaBYfV37N7DCc3GPR5fc/v+0kJCSiBI4GGgnsSEhNabS+EJ5AUh4Z1ihKNeSySJZKenDiKL6KZji2ghYiTqqs7l3GaK6gin4CsIpeYJK+vuLmkvLq+pCW9QbOttKqVu7/Nv7rQ0dDDxhTSx5TaqZTFwcLS07kj1Nff1ebCJ7Gb2t3Kh97A8/Ti8rjp9unkxCZpsrdSCVzFKpy+fcPu8cOWzxmKfyqQ1YK3sJyxi/2sNRy3USMOictYSYrQ79nCkyhTTyoUYyoGyIGFEIhwcDElxl4aOV5Tqc5KjZfKOiVQIOJBOYRIHXpkWM2jiJYwgCazNQKCQ3MmKyY0cbQpF6h/wh4RS7as2bNo06pdy7bt2RAAOw==');
width: 113px;
height: 36px;
/*background-image: url('imgs/HREntreeLogo.gif');*/
}
/*End of embedded icon */
/**********************************************
Body Page Top
***********************************************/
.failAttemptBox
{
border: 1px red dotted;
width: 90%;
float: left;
padding: 3px
}
.failAttemptMsg
{
float: left;
width: 90%;
font-size: 11pt;
}
.exclamationMark
{
color: white;
font-weight: bold;
font-size: 11pt;
width: 16px;
float: left;
background-color: Red;
text-align: center;
}
/*End of body page top */
/**********************************************
Resource Booking
***********************************************/
/*2017/06/27.Eric*/
.resourcebk_block
{
height: 200px;
border: 1px dotted #cccccc;
margin: 5px;
padding: 5px;
cursor: pointer;
vertical-align: top;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.resourcebk_title
{
font-size: 12.5pt;
font-weight:bold;
margin-bottom: 4px;
}
.resourcebk_sq
{
width: 50px;
height: 50px; /*background-color: #99CC00;*/
background-color: #CCCCCC;
float: left;
margin-right: 5px;
}
.resourcebk_location
{
margin: 5px;
border: 1px dotted gray;
padding: 2px;
}
.resourcebk_item
{
float: left;
margin: 5px;
border-right: 1px solid #99CC00; /*66ccff*/
border-bottom: 1px solid #99CC00;
padding: 2px;
height: 170px;
width: 250px;
/*
background-color: #66ccff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
*/
}
.resourcebk_item table
{
padding: 0px;
margin: 1px;
border-spacing: 0px;
table-layout:fixed;
width: 100%;
}
.resourcebk_item_label
{
font-weight: bold;
width: 30%;
}
.resourcebk_item_td
{
word-wrap: break-word;
}
/**********************************************
Payroll
***********************************************/
/*2017/0714.Eric*/
.IRASAPI_E
{
background-color: #FF6600;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
color: #000000;
width: 20px;
}
/*2017/0714.Eric*/
.IRASAPI_W
{
background-color: #333333;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
color: #FFFFFF;
width: 20px;
}
.BATCH_O
{
float:right;
color:white;
background-color:Olive;
border-radius:15px;
width:20px;
}
.BATCH_A
{
float:right;
color:white;
background-color:gray;
border-radius:15px;
width:20px;
}
/*2017/08/31.Eric*/
.Has_Payrecord
{
float: right;
color: #FFFFFF;
background-color: #CCCCCC;
border-radius: 5px;
width: 100px;
text-align: center;
font-size: 9pt;
padding: 2px;
}
.Pay_Released
{
background-color: #003366;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #FFFFFF;
text-align: center;
width: 20px;
}
/*2018/03/13.Eric*/
.Recurring_NORMAL
{
margin: 3px;
background-color: #6699FF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #FFFFFF;
text-align: center;
width: 80%;
}
.Recurring_ADVANCE
{
margin: 3px;
background-color: #00CCFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #FFFFFF;
text-align: center;
width: 80%;
}
.Recurring_ADDITIONAL
{
margin: 3px;
background-color: #0066FF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #FFFFFF;
text-align: center;
width: 80%;
}
/** 2018/05/15. Yong Jia **/
.mobile-out
{
padding: 40px 5px 30px 5px;
background: #222224;
width: 280px;
height: 500px;
border-radius: 20px;
box-shadow: 1px 5px 5px #000;
}
.mobile-in
{
background: #323232;
width: 100%;
height: 95%;
}
#token_example
{
font-family: Arial, Helvetica, sans-serif;
font-size: 15pt;
}
.loader
{
border: 6px solid #545759;
border-top: 6px solid #a7a8a9;
border-radius: 50%;
width: 3px;
height: 3px;
animation: spin 15s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.add
{
border-radius: 50px;
background: #dd3737;
width: 35px;
height: 35px;
margin-top: 280px;
margin-right: 15px;
float: right;
text-align: center;
padding: 2px 2px 2px 2px;
font-size: 20pt;
}
.addSection{
background:#fff;
color:#000;
margin-top:300px;
position:relative;
text-align:left;
}
.addSectionHide{
background:#fff;
color:#000;
display:none;
margin-top:280px;
position:relative;
text-align:left;
}
/****/
/*****************************************
Misc
*****************************************/
/**2019/01/07.Yong Jia*/
.expense-req {
float: right;
color: #FFFFFF;
background-color: #CCCCCC;
border-radius: 5px;
width: 70px;
text-align: center;
font-size: 9pt;
padding: 2px;
}
/**2019/06/12.kiki*/
.warnMsgRedBtn {
background-color: #ef4849;
color: #fff;
width: 20;
text-align: center;
}
/*2019/07/16.edwin*/
.warnMsgRedRoundBtn {
border: none;
background: #ef4849;
color: #fff;
text-align: center;
width: 20px;
height: 20px;
border-radius: 50%;
font-size: 10px;
}
/*2019/07/16.edwin*/
.translateLeft {
position: absolute;
transform: translate(-60%, -45%);
}
/*2019/05/29.Edwin*/
.btn_grey {
float: left;
color: #FFFFFF;
background-color: #b7b7b7;
border-radius: 5px;
min-width: 70px;
text-align: center;
font-size: 9pt;
padding: 2px;
cursor: pointer;
margin-left: 10px;
}
.btn_grey:hover {
background-color: #a3a3a3;
border-color: #a3a3a3;
}
/*20200317.kiki*/
.LikeIcon {
width: 20px;
height: 20px;
outline: none;
border: 0;
}
/*End of Misc */
/*****************************************
Summernote
*****************************************/
/*To disable image upload*/
.note-group-select-from-files {
display: none;
}
/*****************************************
eLetter
*****************************************/
.ELDataField {
width: 150px;
border: solid 1px;
display: inline-block;
cursor: pointer;
text-align: center;
color: #fff;
/*background-color: #99FF33;
background-color: #e1d9d9;*/
background-color: #a59b9b;
padding: 2px;
margin-top: 5px;
margin-right: 5px; /*2019/09/09.edwin*/
float: left; /*2019/09/09.edwin*/
}
.EL_Edited {
background-color: #f34f06 ;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #FFFFFF;
text-align: center;
width: 20px;
}
.EL_HasContent {
background-color: #cd13d5;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #FFFFFF;
text-align: center;
width: 20px;
}
.EL_Posted {
background-color: #e41440;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #FFFFFF;
text-align: center;
width: 20px;
}
/*****************************************
intelligence filter
note: this is the for intelligence display filter info during dev
*****************************************/
.filterlabel{COLOR: #006699;FONT-SIZE: 10pt; font-weight: bold; padding-left: 5px; padding-right: 5px; padding-bottom: 5px;}
.filtertext{COLOR: #000000;FONT-SIZE: 10pt; font-weight: normal; padding-left: 5px; padding-right: 30px; padding-bottom: 5px;}
/*****************************************
Widget
*****************************************/
/*2019/04/09.edwin*/
/*font-size:9px;color:#fff;border-radius: 10%;width: 13px;height: 13px;background:Blue;color: white; float:left; text-align:center;margin-top:5px*/
.cal-widget {
font-size: 9px;
border-radius: 10%;
width: 13px;
height: 13px;
color: white;
float: left;
text-align: center;
margin-top: 5px;
}
.cal-widget-legend {
font-size: 9px;
border-radius: 10%;
width: 13px;
height: 13px;
color: white;
text-align: center;
margin-top: 5px;
display: inline-block;
}
.cal-widget_LEAVE_FULLDAY {
background: #48D1CC;
}
.cal-widget_LEAVE_HALFDAY {
background: #EEE8AA;
}
.cal-widget_TIMEOFF {
background: grey;
}
.cal-widget_TRAVEL {
background: #DAA520;
}
/*2019/09/24.edwin*/
.cal-widget_TRAINING {
background: #8E44AD;
}
/*2025/05/06.Edwin*/
.cal-widget_FWA {
background: #fd7e14;
}
/*****************************************
HR Portal
*****************************************/
/*2019/07/19.Eric*/
/*portal item outer box*/
.portal_box {
float: left;
border: 1px dotted lightgray;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 98%;
padding: 5px;
margin-bottom: 3px;
}
/*portal item title*/
.portal_item_title {
font-size: 13pt;
font-weight: bold;
color: #424242;
}
/*portal item note*/
.portal_item_note {
color: #848484;
font-size: 11pt;
}
/*common_right block*/
.common_rightblock {
padding-left: 8px;
}
/*common left block*/
.resource_leftblock, .empdirectory_leftblock, .doccenter_leftblock, .formcenter_leftblock, .empfeedback_leftblock,
.newsroom_leftblock, .usefulllink_leftblock, .fehrtraining_leftblock {
width: 8px;
}
/*resource*/
.resource_leftblock {
background-color: blue;
}
/*emp directory*/
.empdirectory_leftblock {
background-color:aquamarine;
}
/*document center*/
.doccenter_leftblock {
background-color: lightgreen;
}
/*form center*/
.formcenter_leftblock {
background-color: navy;
}
/*emp feedback*/
.empfeedback_leftblock {
background-color: cyan;
}
/*news room*/
.newsroom_leftblock {
background-color:brown;
}
/*useful links*/
.usefulllink_leftblock {
background-color:darkolivegreen;
}
/*fehr training*/
.fehrtraining_leftblock {
background-color: #08b2dd;
}
/*****************************************
Survey
*****************************************/
/*2021/04/16.Eric*/
/*my dashboard*/
.statistics_list_container {
width: 79%;
float: right;
margin-left: 2px;
}
.statistics_listchart_container {
width: 20%;
float: left;
}
.statistics_listchart_container > div {
height: 300px;
border: solid 1px lightgray;
margin-bottom: 2px;
}
.analysis_type div {
border: 1pt dotted lightgray;
margin-right: 4px;
float: left;
padding: 4px 4px 4px 4px;
}
.analysis_type_button {
}
/*
statistics_main_container
-> statistics_qcharts_title
-> statistics_qcharts_content
-> statistics_charttype_item
-> chart view
*/
.statistics_main_container {
}
.statistics_qcharts_title {
border-top: 1pt solid grey;
border-left: 1pt solid grey;
width: 100%;
height: 28px;
padding: 5px;
display: none;
font-size: 15pt;
font-weight: bold;
color: black;
margin-bottom: 3px;
}
.statistics_qcharts_content {
/*margin-bottom : 15px;*/
display: flex;
flex-wrap: wrap;
}
.statistics_charttype_item {
display: flex;
margin-right: 5px;
margin-bottom: 5px;
}
/*end of my dashboard*/
/*2021/06/02.Eric*/
.survey_legend {
margin-right: 30px;
float : left;
}
/*2021/04/16.kiki*/
/*2021/06/02.Eric*/
.card-container {
display: flex;
flex-wrap: wrap;
}
.card-container > .card {
/*height: 170px;*/
height: 190px;
width: 250px;
border: 1px solid black;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
/*padding: 10px;*/
margin-right: 20px;
margin-bottom: 20px;
font-family: Calibri;
font-size: 11pt;
font-weight: lighter;
cursor: pointer;
display: flex;
flex-direction: column;
}
/*2021/06/02.Eric*/
.card-container > .card:hover {
/*border: 1px solid orange; */
/*box-shadow: 5px 5px 5px rgba(50, 158, 202, 0.2);
-webkit-box-shadow: 5px 5px 5px rgba(50, 158, 202, 0.2);
-moz-box-shadow: 5px 5px 5px rgba(50, 158, 202, 0.2);*/
/*box-shadow: 5px 5px 5px rgba(0, 153, 255, 0.4);
-webkit-box-shadow: 5px 5px 5px rgba(0, 153, 255, 0.4);
-moz-box-shadow: 5px 5px 5px rgba(0, 153, 255, 0.4);*/
box-shadow: 5px 5px 5px rgba(255, 102, 0, 0.4);
-webkit-box-shadow: 5px 5px 5px rgba(255, 102, 0, 0.4);
-moz-box-shadow: 5px 5px 5px rgba(255, 102, 0, 0.4);
}
/* 20210609.kk*/
.display-row {
display: flex;
flex-direction: row;
}
/*Card*/
.card-row {
display: flex;
flex-direction: row;
/*margin-top: auto;*/
padding: 5px;
width : 240px;
}
.card-row-content {
height: 70px; vertical-align:top;
}
/*2021/06/02.Eric*/
.card-top-row {
display: flex;
flex-direction: row;
/*margin-top: auto;*/
padding: 5px;
width: 240px;
/*
background-color: #69696b;
background-color : #a09d9d;
background-color : #086ca7;
background-color : #e6ffff;
background-color : #D7EBF9;
background-color: #7fd9ed;
*/
background-color: #99ddff;
}
/*2021/06/02.Eric*/
.card-top-row > .card-header {
display: flex;
flex-direction: row;
margin-bottom: 5px;
}
/*2021/06/02.Eric*/
.card-top-row > .card-header > .card-header-icon {
margin-right: 8px;
}
/*2021/06/02.Eric*/
.card-top-row > .card-header > .card-header-title {
font-size: 12pt;
/*color: white; */
margin-right: 5px;
width : 190px;
font-weight: bold;
}
/*2021/06/02.Eric*/
.card-top-row > .card-header > .card-header-del {
display: flex;
text-align : center;
}
.card-row > .card-footer-left {
display: flex;
flex-direction: column;
margin-right: auto;
}
.card-row > .card-footer-right {
display: flex;
margin-top: auto;
}
.card-row > .card-footer-right > .card-icon {
font-size: 20px;
margin-right: 10px;
}
.card-icon2 {
font-size: 22px;
padding-left: 10px;
}
/*2021/06/02.Eric*/
.newcard-container {
display: flex;
flex-wrap: wrap;
}
.newcard {
height: 160px;
width: 150px;
border: 1px solid black;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
padding: 20px;
margin-right: 30px;
margin-bottom: 30px;
font-family: Calibri;
font-size: 11pt;
font-weight: lighter;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
text-decoration: none;
color: black;
}
/*2021/06/02.Eric*/
.newcard:hover {
box-shadow: 5px 5px 5px rgba(50, 158, 202, 0.2);
-webkit-box-shadow: 5px 5px 5px rgba(50, 158, 202, 0.2);
-moz-box-shadow: 5px 5px 5px rgba(50, 158, 202, 0.2);
}
/*2021/06/02.Eric*/
.newcard-content {
display: flex;
justify-content: center;
align-items: center;
height: 200px;
border: 3px solid green;
}
/*2021/06/02.Eric*/
.newcard-title {
font-size: 16px;
color: black;
}
/*End of Card*/
/*2021/04/22.Eric*/
/*admin dashboard*/
.statistics_co_container {
display: flex;
margin-bottom: 5px;
width: 100%;
flex-wrap: wrap;
}
.statistics_co_container > div {
float: left;
border: solid 1px lightgray;
margin-bottom: 2px;
margin-right: 5px;
}
.statistics_co_charttype_item {
display: flex;
margin-right: 5px;
margin-bottom: 5px;
}
/*end of admin dashboard*/
/*2021/07/29.Eric*/
.survey_questionform_outline {
background: #FFFFFF;
padding: 5px;
border: 1.5px solid #66CCFF;
}
.survey_questionform_outline table {
border-collapse: separate;
border-spacing: 1px;
margin-left: auto;
margin-right: auto;
width: 70%;
}
.survey_questionform_outline table td {
padding: 2px;
vertical-align: middle;
}
/***
end of Survey
***********************************/
/*****************************************
Expense Multiple Receipts
*****************************************/
.receipt-container {
display: flex;
flex-direction: row-reverse;
position: relative;
}
.receiptList {
position: absolute;
display: flex;
flex-direction: column;
transform: translate(-2rem, 1rem);
z-index: 100;
box-shadow: 0 4px 8px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.05);
}
.receiptItem {
background-color: white;
white-space: nowrap;
padding: 0.5rem;
}
.receiptItem:hover {
background-color: #f0f2f5;
}
/***
end of Expense Multiple Receipts
***********************************/