html, body, form
{
height: 100%;
font-family: 'HelveticaNeueLTW20', "Roboto", sans-serif !important;
}
.ui-widget,
.fc, .fc *:not(.fa):not(.ui-icon),
input, textarea, select
{
font-family: 'HelveticaNeueLTW20', "Roboto", sans-serif !important;
}
#form1
{
height: 100%;
}
input[type=image]
{
border: 1px solid transparent !important;
margin-top: 2px;
}
input[type=image]:hover
{
background-color: #eff5f1;
border: 1px solid transparent !important;
}
a
{
cursor: pointer;
}
img
{
border: 0px;
}
/*input.autocomplete-picker, .autocomplete-picker {width:100%;
background:whiteSmoke url(../images/search.png) no-repeat 4px 4px;
padding:4px 4px 4px 22px;
width:98%;
border:solid 1px gainsboro;
height:22px;
}*/
input.autocomplete-picker, .autocomplete-picker
{
background-image: url(../images/search.png);
background-repeat: no-repeat;
background-position: right;
width: 100%;
padding:3px;
padding-right: 22px !important;
border-radius: 5px;
border: 1px solid #a9a9a9;
}
.ui-autocomplete
{
max-height: 200px;
overflow-y: auto; /* prevent horizontal scrollbar */
overflow-x: hidden; /* add padding to account for vertical scrollbar */
padding-right: 20px;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
html .ui-autocomplete
{
height: 200px;
}
.GeneralTD
{
/* background-image: url('images/BtnBG1.gif');*/
height: 25px;
border: 0px;
}
/*.GeneralTD Table
{
border-spacing: 2px;
}*/
#fullheight, #Form1
{
height: 100%;
}
.direction
{
direction: ltr;
text-align: right;
}
.ltr
{
direction: rtl;
}
.rtl
{
direction: ltr;
}
.hlp
{
font-size: 13px;
text-align: left;
}
.subtitles1
{
color: #1e3c7b;
font-weight: bold;
font-size: 12px;
}
.margin0
{
margin: 0px;
padding: 0px;
}
.tborder
{
border: 1px;
margin: 0;
padding: 2px;
border-style: solid;
border-color: #a0a1a5;
border-collapse: collapse;
}
.tborder td
{
border: 1px;
margin: 0;
padding: 2px;
border-style: solid;
border-color: #a0a1a5;
border-collapse: collapse;
}
.PoNotebox
{
height: 80px;
width: 100%;
padding: 3px;
vertical-align: middle;
color: black;
font-weight: bold;
font-size: 10px;
line-height: 130%;
background-color: #F2FAFF;
border: 1px solid #3399CC;
width: auto;
text-align: center;
}
.w100
{
width: 100%;
}
.right
{
text-align: left !important;
}
input[type="text"].right
{
text-align: right !important;
}
.msg
{
display: none;
}
.topCOBR
{
font-size: 11px;
color: #011170;
font-weight: bold;
line-height: 10px;
background-color: #C6D6ED;
}
/*.NOBORDER {border:0px; padding:1px;}*/
.pickerTxtBox
{
width: 100%;
border: #dcdcdc 1px solid;
}
.pickertxt
{
background-color: white;
border: 1px solid #808EBD;
}
.pickertxt:focus
{
background-color: white;
border: 1px solid #2E54D1 !important;
}
.framed
{
font-family: Courier New;
font-size: 12px;
}
.homepagetext
{
font-size: 14px;
}
.formtitlehd
{
padding: 3px;
vertical-align: middle;
color: #000;
font-weight: bold;
font-size:14px;
line-height: 130%;
background-color: #e8e9ea;
}
.formtitlehdN
{
padding: 3px;
vertical-align: middle;
color: #000;
font-weight: bold;
font-style: italic;
font-size: 10px;
line-height: 130%;
background-color: #f2f2f2;
}
.btnbar
{
border: #436ebe 1px solid;
border-collapse: collapse;
background-color: #e8e9ea;
}
.red
{
color: #CC0000;
}
.white
{
color: #ffffff;
}
.W100
{
width: 100%;
}
.btn a
{
border: 0px;
text-decoration: none;
}
.btn a:visited
{
color: #000066;
}
/*.btn a:hover {border:1px solid #847311;color: #d3ba30; background-color:#d3ba30;}*/
.btn a:hover
{
border: 1px solid #663300;
color: #FFCC00;
background-color: #FFe7b6;
}
.pagingbg
{
padding: 0px;
vertical-align: middle;
color: #636363;
font-weight: bold;
font-size: 10px;
/*line-height: 130%;*/
background-color: #FAFAFA;
/*border: 1px solid #a0a1a5;*/
border-top: 1px solid #a0a1a5;
border-bottom: 1px solid #a0a1a5;
border-left: 1px solid #a0a1a5;
border-right: 1px solid #a0a1a5;
}
}
.pagingbg td
{
padding: 0px 4px;
}
.pagingbg td > input, div
{
vertical-align: middle;
}
.pagingbg td > div > input
{
vertical-align: middle;
margin-right: 3px;
}
/*.P {PADDING-LEFT:4px;PADDING-RIGHT:4px; BORDER:1px solid transparent;}*/
/*.T {PADDING-LEFT:4px;PADDING-RIGHT:4px;BACKGROUND-COLOR:#eff5f1;BORDER:1px solid #6ba67a !important;}*/
/*.T {PADDING-LEFT:3px;PADDING-RIGHT:3px;BACKGROUND-IMAGE:url(images/BtnBG1.gif);BORDER:1px solid #6ba67a;}*/
.btnAdd a:hover
{
background-image: url(images/btn_Add1.gif);
}
.msgbox
{
padding: 3px;
vertical-align: middle;
color: #3a5f43;
font-weight: bold;
font-size: 10px;
line-height: 130%;
background-color: #FFCC99;
border: 1px solid #3399CC;
width: auto;
text-align: center;
}
.alphalink
{
font-size: 12px;
border: #4791C5 1px solid;
border-collapse: collapse;
}
.alphalink a
{
color: #000066;
text-decoration: underline;
}
.alphalink a:visited
{
color: #000066;
}
.alphalink a:hover
{
color: #FF3300;
}
.tabtext
{
font-size: 12px;
color: #ffffff;
font-weight: bold;
white-space: nowrap;
text-align: center;
}
.tabtext a
{
color: #ffffff;
}
.tabtext a:link
{
color: #ffffff;
}
.tabtext a:visited
{
color: #ffffff;
}
.tabtext a:hover
{
color: #33FFFF;
text-decoration: underline;
}
.subtitle
{
color: #000099;
font-weight: bold;
font-size: 11px;
}
.formpageheader
{
padding-right: 5px;
padding-left: 5px;
font-weight: normal;
font-size: 20px;
padding-bottom: 5px;
color: #e8e9ea;
line-height: 120%;
padding-top: 5px; /* border-bottom: #8C8C8C 5px solid; */
background-color: #4791C5;
display: block;
}
.formpageheader1
{
padding: 5px;
font-weight: normal;
color: #eff5f1;
font-size: 15px;
background-color: #2f5d3b;
border-bottom: #6ba67a 5px solid;
display: inherit;
}
/******************Added By Hussein *****************/
table.FormTbl
{
border: #AAAAAA 1px solid;
border-collapse: collapse;
width: 100%;
}
.LoginTtl
{
font-size: 13px;
border-bottom: 1px dotted #2c2c2c;
font-weight: bold;
color: #2c2c2c;
padding-bottom: 4px;
/*padding-right: 30px;*/
text-shadow: 1px 1px white;
}
.LoginTbl td
{
padding: 1em 5px 0px 5px !important;
text-align:center;
}
.sbmtalign
{
text-align: right;
}
.FormTbl table td
{
border: 0px;
padding-left: 8px;
}
/*td.TD
{
border:#999 1px solid;
border-collapse:collapse;
padding-left:10px;
}*/
/*.txtinputs {margin-left:-7px; }*/
/*td.TD
{
border:#999 1px solid;
border-collapse:collapse;
padding-right:7px;
padding-left:3px;
}
.txtinputs { }
*/
/*****************************************************/
.formtitle01
{
padding: 3px;
color: #3a5f43;
font-weight: normal;
font-size: 10px;
}
.formtitle02
{
padding: 3px;
vertical-align: middle; /*text-align:center;*/
color: #3a5f43;
font-weight: bold;
font-size: 10px;
line-height: 130%;
}
.formtitle03
{
padding: 3px;
font-weight: normal;
font-size: 10px;
vertical-align: middle;
text-align: center;
}
.formtitle04
{
padding: 3px;
vertical-align: middle;
font-weight: bold;
font-size: 12px;
line-height: 130%;
background-color: #e8e9ea;
}
.formtitle05
{
padding: 3px;
vertical-align: middle;
color: #000;
font-weight: bold;
font-size: 10px;
line-height: 130%;
background-color: #e8e9ea;
}
.formtitle09
{
padding: 3px;
vertical-align: middle;
text-align: left;
color: #000;
font-weight: bold;
font-size: 10px;
line-height: 130%;
background-color: #e8e9ea;
}
.gridtitle
{
padding: 3px;
vertical-align: middle;
color: #000;
font-weight: bold;
font-size: 10px;
line-height: 130%;
background-color: #e8e9ea;
}
.GridHeader
{
padding: 3px;
vertical-align: middle;
color: #000;
font-weight: bold;
font-size: 10px;
line-height: 130%;
background-color: #e8e9ea;
}
.GridHeaderNo
{
padding: 3px;
vertical-align: middle;
color: #000;
font-weight: bold;
font-size: 10px;
line-height: 130%;
background-color: #e8e9ea;
}
.GridsubHeader
{
padding: 3px;
vertical-align: middle;
color: Gray;
font-weight: bold;
font-size: 10px;
line-height: 130%;
background-color: White;
}
.Gridsubfooter
{
padding: 3px;
vertical-align: middle;
color: #000;
font-weight: bold;
font-size: 10px;
line-height: 130%;
background-color: #f2f2f2;
}
.GridcatHeader
{
padding: 3px;
vertical-align: middle;
color: #000;
font-weight: bold;
font-size: 10px;
line-height: 130%;
background-color: White;
}
.GridTopHeader
{
padding: 3px;
vertical-align: middle;
color: #000;
font-weight: bold;
font-size: 14px;
line-height: 130%;
background-color: #b7b4b4;
}
.GridATHeader
{
padding: 3px;
vertical-align: middle;
color: #000;
font-weight: bold;
font-size: 13px;
line-height: 130%;
background-color: #dadada;
}
.GridACHeader {
padding: 3px;
vertical-align: middle;
color: #827e7e;
font-weight: bold;
font-size: 12px;
line-height: 130%;
background-color: #c8cbce;
}
.GridASCHeader {
padding: 3px;
vertical-align: middle;
color: #827e7e;
font-weight: bold;
font-size: 11px;
line-height: 130%;
background-color: #c1c4c7;
}
.formdivheader
{
padding: 3px;
color: #1e3c7b;
font-weight: bold;
font-size: 20px;
}
.subheader
{
padding: 3px;
color: #000000;
font-weight: bold;
font-size: 20px;
}
.formstyle
{
border-color: #a0a1a5;
border-collapse: collapse;
font-weight: bold;
font-size: 11px;
color: #1e3c7b;
line-height: 13px;
}
.subtitles
{
padding: 3px;
color: #1e3c7b;
font-weight: bold;
font-size: 11px;
}
.reptitles
{
padding: 3px;
color: #1e3c7b;
font-weight: bold;
font-size: 11px;
}
.repcap
{
padding: 3px;
color: #1e3c7b;
font-weight: bold;
font-size: 10px;
}
.formstyle1
{
background-color: #f2f2f2;
}
.forminputarea
{
border: #a0a1a5 1px solid;
height: 22px;
font-size: x-small;
padding: 0px;
margin: 2px 2px 2px;
overflow: hidden;
color: windowtext;
background-color: window;
}
.divbox
{
border: #dcdcdc 1px solid;
font-size: x-small;
padding: 0px;
margin: 2px 2px 2px;
overflow: hidden;
width: 100%;
color: windowtext;
white-space: nowrap;
background-color: window;
}
.forminputs
{
border: #dcdcdc 1px solid;
width: 100%;
}
.forminputs1
{
border: #dcdcdc 1px solid;
width: 100%;
}
.formtable01
{
border: #a0a1a5 1px solid;
border-collapse: collapse;
width: 100%;
}
.formtable01 td
{
border: #a0a1a5 1px solid;
border-top: none;
border-collapse: collapse;
padding: 4px 8px 4px 4px;
}
.formtable01 th
{
border: #a0a1a5 1px solid;
border-top: none;
border-collapse: collapse;
padding: 4px 8px 4px 4px;
}
/*border-top: none; */
.formtable02
{
border: #a0a1a5 1px solid;
border-collapse: collapse;
}
.formtable03
{
border: #a0a1a5 1px solid;
border-collapse: collapse;
width: 100%;
}
.formtable03 td
{
border: #a0a1a5 1px solid;
border-collapse: collapse;
border-top: none;
padding: 4px 8px 4px 4px;
}
.formtable02 td
{
border: #a0a1a5 1px solid;
border-collapse: collapse;
padding: 4px 8px 4px 4px;
}
.formtable02 td td
{
border: none;
}
.formtable01 table td
{
border: 0px;
}
.formtable03 table td
{
border: 0px;
}
.formtable04
{
border: #a0a1a5 1px solid;
border-collapse: collapse;
width: 100%;
}
.formtable04 td
{
border: #a0a1a5 1px solid;
}
.formtable04 td td
{
border: #a0a1a5 1px solid;
}
.formtable05
{
border: #a0a1a5 1px solid;
border-collapse: collapse;
width: 100%;
}
.formtable05 td
{
border: #a0a1a5 1px solid;
border-collapse: collapse;
border-top: none;
padding: 4px 8px 4px 4px;
}
.formtable05 table td
{
border: 0px;
}
.formtable06_4px
{
border: #a0a1a5 1px solid;
border-collapse: collapse;
width: 100%;
}
.formtable06_4px td
{
border: #a0a1a5 1px solid;
border-collapse: collapse;
padding: 4px 8px 4px 4px;
}
/*border-top: none; */
.formtable06_4px table
{
margin-left: -8px;
}
.formtable06_4px table td
{
border: 0px;
}
BODY1
{
font-size: 11PX;
scrollbar-arrow-color: Gray;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-highlight-color: #D3D3D3;
scrollbar-face-color: #E6E6E6;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: White;
scrollbar-darkshadow-color: White;
}
BODY
{
font-size: 11PX;
}
.sidebg
{
/*filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#dddddd', gradientType='0') background: -moz-linear-gradient(center top , #ffffff, #dddddd) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd)); background: -moz-linear-gradient(top, #ffffff, #fa9907); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#dddddd); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#dddddd)"; background: -ms-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* IE10+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );*/
background-color: #f1f1f1;
}
.sidebarText
{
font-size: 8px;
}
A
{
text-decoration: none;
}
A:LINK
{
color: #000066;
}
A:VISITED
{
color: #000066;
}
AAA:HOVER
{
color: #006691;
background: #DDEEFF;
}
A:hover
{
text-decoration: none;
color: #FF3300;
}
.oldform
{
border-color: #999999;
border-style: solid;
border-width: 1px;
background-color: #FFFFFF;
}
.CL0
{
text-decoration: none;
color: White;
}
.topFold
{
position: relative;
}
.toolbartext
{
font-size: 7.5px;
line-height: 16px;
color: #3333CC;
text-decoration: none;
font-weight: bold;
}
.toolbartext:hover
{
text-decoration: underline;
}
.oldalltext
{
font-size: 8.6px;
color: #333333;
line-height: 160%;
}
.formcaption
{
font-size: 14px;
font-weight: bold;
}
.alltext
{
font-size: 12px;
padding-bottom: 5px; /*font-weight:bold;*/
}
.alltextb
{
font-size: 12px;
font-weight: bold;
}
.alltextborder
{
font-size: 12px;
border: 1px solid #cccccc;
border-collapse: collapse;
}
.alltext a
{
color: #000066;
}
.alltext a:visited
{
color: #000066;
}
.alltext a:hover
{
color: #FF3300;
}
.alltexteng
{
font-size: 12px;
text-align: right;
}
.alltextarb
{
font-size: 14px;
text-align: right;
}
.payrolltext
{
color: #000000;
font-size: 10px;
}
.payrollHeadertext
{
padding: 3px;
vertical-align: middle;
color: black;
font-weight: bold;
font-size: 9px;
line-height: 130%;
background-color: #cccccc;
}
.btnPop
{
vertical-align: middle;
line-height: 10px;
font-size: 10px;
}
.payrollsubHeadertext
{
padding: 3px;
vertical-align: middle;
color: #575757;
font-weight: bold;
font-size: 9px;
line-height: 130%;
background-color: #ffffff;
}
.Earnings
{
padding: 3px;
vertical-align: middle;
color: #0D1DAC;
font-size: 9px;
line-height: 130%;
}
.EarningsTot
{
padding: 3px;
vertical-align: middle;
color: #0D1DAC;
font-size: 9px;
line-height: 130%;
font-weight: bold;
}
.Deductions
{
padding: 3px;
vertical-align: middle;
color: #8A0000;
font-size: 9px;
line-height: 130%;
}
.DeductionsTot
{
padding: 3px;
vertical-align: middle;
color: #8A0000;
font-size: 9px;
line-height: 130%;
font-weight: bold;
}
.Net
{
padding: 3px;
vertical-align: middle;
color: black;
font-weight: bold;
font-size: 9px;
line-height: 130%;
background-color: #e8e9ea;
}
.alltextb a
{
color: #0066CC;
}
.alltextb a:visited
{
color: #0066CC;
}
.alltextb a:hover
{
color: #FF3300;
}
.modules
{
border-collapse: collapse;
border-color: #dcdcdc;
font-weight: bold;
font-size: 10px;
background-color: #cad8ee;
text-align: inherit;
}
.modules a
{
color: #000066;
}
.modules a:visited
{
color: #000066;
}
.modules a:hover
{
color: #FF3300;
}
.nav
{
font-size: 11px;
font-weight: normal;
color: #333333;
}
.nav b
{
font-weight: bold;
color: #333333;
}
.nav a
{
color: #333333;
}
.nav a:visited
{
color: #999999;
}
.nav a:hover
{
color: #cc0000;
}
.intro
{
font-size: 12px;
line-height: 20px;
color: #333333;
}
.header
{
font-size: 10px;
color: #FD682E;
font-weight: bold;
line-height: 18px;
}
.titleheader
{
font-size: 14px;
color: #cc0000;
font-weight: bold;
line-height: 18px;
}
.titlesubheader
{
font-size: 14px;
color: #000066;
font-weight: bold;
line-height: 14px;
}
.titlesubheaderA
{
font-size: 18px;
color: #000066;
font-weight: bold;
line-height: 14px;
}
.topheader
{
font-size: 14px;
color: #000066;
font-weight: bold;
line-height: 18px;
}
.formtable
{
font-size: 10px;
color: #000000;
line-height: 100%;
background-color: #F5F5F5;
border: 1px solid #f2f2f2;
border-collapse: collapse;
}
/* .frm01 { height:17px; font-size: 13px; background-color: #ffffff; border: #808080; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px} */
.frm01
{
background-color: white;
border: 1px solid #D9A300;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.75);
display: inline;
font-size: 12px;
/*margin: 0 0 1em 0;*/
padding: 0.5em;
height: 2.3125em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-ms-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
width: 160px;
}
.frm01b
{
background-color: white;
border: 1px solid #D9A300;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.75);
display: inline;
font-size: 12px;
padding: 0.5em;
height: 2.3125em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-ms-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}
.frm02
{
font-size: 10px;
background-color: #ffffff;
}
.frm03
{
background-color: white;
border: 1px solid #D9A300;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.75);
display: inline;
font-size: 12px;
margin: 0 0 1em 0;
padding: 0.5em;
height: 2.3125em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-ms-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
width: 65px;
}
.frmbn
{
font-size: 10px;
color: #6d6d6d;
background-color: #f2f2f2;
padding: 0pc 5px 0px 0px;
}
.frmdd
{
background-color: #ffffff;
border: 1px solid #D9A300;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.75);
/*display: block; margin: 0 0 1em 0;height: 100%;*/
font-size: 12px;
padding-left: 5px;
height: 2.3125em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
transition: all 0.15s linear;
margin-top: 2px;
}
.frmdd option
{
background-color: #ffffff;
border: 1px solid #D9A300;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.75);
/*display: block;padding-left: 0.5em; margin: 0 0 1em 0;height: 100%;*/
font-size: 12px;
height: 2.3125em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
transition: all 0.15s linear;
margin-top: 2px;
}
.textbold
{
color: #676767;
font-size: 9px;
font-weight: bold;
text-decoration: none;
}
.textbold:LINK
{
color: #333333;
casdolor: #676767;
font-size: 9px;
font-weight: bold;
text-decoration: none;
}
.textbold:VISITED
{
color: #676767;
font-size: 9px;
font-weight: bold;
text-decoration: none;
}
.errortxt
{
color: #676767;
font-size: 9px;
font-weight: bold;
text-decoration: none;
}
.errortxt:LINK
{
color: #333333;
casdolor: #676767;
font-size: 9px;
font-weight: bold;
text-decoration: none;
}
.errortxt:VISITED
{
color: #676767;
font-size: 9px;
font-weight: bold;
text-decoration: none;
}
.newsText
{
font-size: 10px;
line-height: 13px;
font-weight: normal;
color: #333333;
}
.newsText a
{
text-decoration: none;
color: #333333;
}
.newsText a:hover
{
color: #999999;
}
.hdtxt
{
font-size: 17px;
fontsize: 18px;
color: #336699;
}
.hdtxt a
{
text-decoration: none;
text-decoration: none;
color: #CC0000;
}
.hdtxt a:hover
{
color: #999999;
}
.subhead
{
font-size: 17px;
color: #ffffff;
}
.headertext
{
font-size: 10px;
color: #31659C;
line-height: 180%;
}
.whereami
{
color: #999999;
font-size: 10px;
font-weight: normal;
}
.slnk
{
font-size: 11px;
color: #333333;
text-decoration: none;
}
.slnk:LINK
{
font-size: 11px;
color: #333333;
text-decoration: none;
}
.slnk:VISITED
{
font-size: 11px;
color: #333333;
text-decoration: none;
}
.slnk:HOVER
{
font-size: 11px;
color: gray;
text-decoration: none;
}
#.slnk b
{
font-weight: bold;
font-size: 10px;
color: #333333;
}
.listnolink
{
font-size: 8px;
color: #ffffff;
list-style-type: square;
}
.captiontext
{
font-size: 12px;
line-height: 180%;
color: #000000;
}
.bigtext
{
font-size: 12px;
line-height: 150%;
padding: 1px;
color: #000000;
}
.sidemenu
{
color: #676767;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}
.sidemenu:LINK
{
color: #333333;
text-decoration: none;
}
.sidemenu:VISITED
{
color: #676767;
text-decoration: none;
}
.sidemenu:HOVER
{
color: #ff0000;
text-decoration: underline;
}
.PopupScreen
{
padding-right: 3px;
vertical-align: middle;
color: #000;
font-weight: bold;
font-size: 11px;
line-height: 130%;
background-color: #e8e9ea;
border: 1px solid #3399CC;
}
.frm05
{
font-size: 12px;
background-color: #ffffff;
border: #7F9DB9;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.PopupScreen2
{
/*padding: 0pt 8px 5px;*/
padding: 2px 3px;
vertical-align: middle;
color: #000;
font-weight: bold;
font-size: 11px;
line-height: 130%;
background-color: #e8e9ea;
border: 1px solid #3399CC;
}
.PopupScreen2 table td a
{
padding: 3px;
}
.PopupScreen table td a
{
padding: 3px;
}
.TextBoxAdjust
{
padding: 0pt 8px 0 5px;
vertical-align: middle;
color: #000;
font-weight: bold;
font-size: 11px;
line-height: 130%; /*background-color: #e8e9ea;*/
border: 1px solid #3399CC;
}
.TextBoxAdjust table td a
{
padding: 3px;
}
/*DatePicker css below*/
#calendar
{
width: 241px;
height: 165px;
text-align: center;
margin: 5px auto;
border: 1px solid #f2f2f2;
background-color: #f3f8ff;
position: absolute;
z-index: 100;
}
.ul
{
list-style-type: none;
margin: 0;
padding: 0;
}
.months, .emptM, .headDay, .dayNormal, .dayBlank, .dayDisabled, .dayWeekend, .dayCurrent, .yearBrowse, .monthDisabled, .currMonth, #closeBtn
{
margin: 1px 0 0 1px;
padding: 0;
width: 39px;
height: 14px;
line-height: 14px;
float: left;
text-align: center;
background-color: #feefe4;
color: #000;
display: inline;
}
.emptM, .dayDisabled, .monthDisabled
{
color: #d7d6d5;
background-color: #f2f2f2;
}
.headDay
{
color: #fff;
background-color: #48688f;
width: 33px;
}
.dayNormal, .dayBlank, .dayWeekend, .dayCurrent
{
color: #fff;
background-color: #70b0ff;
width: 33px;
}
.dayBlank
{
background-color: #f3f8ff;
}
.dayWeekend
{
background-color: #ff6161;
}
.dayCurrent, .currMonth
{
background-color: #71d45b;
}
.dayDisabled
{
width: 33px;
}
#days
{
margin-left: 1px;
width: 238px;
}
#elements
{
height: 150px;
}
.months a, #days a, .currMonth a
{
color: #000;
text-decoration: none;
display: block;
}
.currMonth a
{
color: #FFF;
}
#days a
{
color: #fff;
}
.yearBrowse, #closeBtn
{
width: 240px;
background-color: #FFF;
line-height: 14px;
}
.yearBrowse a, #closeBtn a
{
text-decoration: none;
color: #f30;
font-weight: bold;
}
.yearBrowse b
{
margin: 0 5px;
}
.bg1
{
background-color: #ffffff;
border: 0px;
}
.bg2
{
background-color: #f2f2f2;
border: 1px solid #ff0000;
}
.tabbgcolor
{
background-color: #4791c5;
}
.tabbgcolor1
{
background-color: #dcebfa;
}
.Generalbgcolor
{
background-color: #dcebfa;
}
.GeneralDivStyle
{
border-right: #000 1px solid;
padding-right: 5px;
border-top: #000 1px solid;
padding-left: 5px;
padding-bottom: 5px;
border-left: #000 1px solid;
padding-top: 5px;
border-bottom: #000 1px solid;
background-color: #dcebfa;
}
.GeneralDivStyle
{
border-right: #808080 1px solid;
padding-right: 5px;
border-top: #808080 1px solid;
padding-left: 5px;
padding-bottom: 5px;
border-left: #808080 1px solid;
padding-top: 5px;
border-bottom: #808080 1px solid;
background-color: #dcebfa;
}
.TabColor
{
display:none;
}
#Tablehd .TabColor
{
background-color: #ffffff;
}
.pickerBgColor
{
background-color: #fafafa; /*background-color:#DCEBFA;*/ /*overflow:hidden;*/
}
.pickerBgColor form
{
/*background-color:#dcebfa; overflow:hidden;*/
}
.pickerPadding
{
padding-right: 35px !important;
}
.pickerBgColorImage
{
background-color: #C6D6EF;
}
.CounterBgColor
{
background-color: #C5D7EF;
}
.MenuColor
{
background-color: #e8e9ea;
}
.seperator
{
/*background-color:#6ba67a;*/
}
/*calendar*/
.maincalender
{
color: #000; /*background-color:#B6D8FA;*/
border-color: #B6D8FA !important;
}
.SelectedDay
{
background-color: #cccccc;
color: White;
}
.DayHeader
{
color: Black;
border-color: #cacaca !important;
background-color: #996600;
}
.TodayDay
{
background-color: #996600;
}
.OtherMonthDay
{
background-color: #cccccc; /*color:White;*/
}
.Title
{
background-color: #cccccc;
}
.hlp
{
background-color: #C6D6ED;
font-size: 10px;
text-align: right;
font-weight: bold;
}
.buttonText
{
font-weight: normal;
font-size: 12px;
color: #333333;
line-height: 13px;
}
.LinkColor
{
color: #000;
}
.tablecolor
{
border-color: #a0a1a5;
border-collapse: collapse;
}
.FooterColor
{
background-color: #7A5C1D;
color: #fff;
font-size: 12px;
}
.FooterColor2
{
background-color: #cfa920; /*rgb(177,177,177);*/
color: #fff;
font-size: 12px;
}
.FooterColor2 a
{
color: #FFF;
}
.FooterColor2 a:hover
{
color: #000;
}
.objectstable
{
border: #a0a1a5 1px solid;
border-collapse: collapse;
width: 100%;
padding: 4px;
font-weight: normal;
font-size: 12px;
}
.objectstable td
{
border: #a0a1a5 1px solid;
border-collapse: collapse;
}
.bigmodules
{
border-collapse: collapse;
border-color: #a0a1a5;
font-weight: bold;
font-size: 11px;
background-color: #cad8ee;
}
.bigmodules td
{
border: solid 1px #a0a1a5;
border-collapse: collapse;
}
.bigmodules a
{
color: #000066;
}
.bigmodules a:visited
{
color: #000066;
}
.bigmodules a:hover
{
color: #FF3300;
}
.alltexthome
{
font-size: 12px;
text-align: justify;
line-height: 150%;
}
.Deph
{
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
.Dept
{
font-size: 11px;
text-decoration: none;
}
.Dep
{
font-size: 11px;
display: none;
text-decoration: none;
}
.Deph cshow
{
font-size: 11px;
font-weight: bold;
text-decoration: block;
}
.Deph chide
{
font-size: 11px;
font-weight: bold;
text-decoration: block;
}
.Dephcshow1
{
font-size: 11px;
text-decoration: block;
color: #1e3c7b;
}
.menu
{
font-size: 11px;
display: none;
text-decoration: none;
}
.menuh
{
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
.menu a:hover
{
background-color: #EDECCB;
color: #000099;
}
.menu a
{
background-color: transparent;
color: #000;
font-size: 11px;
text-decoration: none;
}
.menut
{
font-size: 11px;
text-decoration: none;
}
.menut a:hover
{
background-color: #EDECCB;
color: #000099;
}
.menut a
{
background-color: transparent;
color: #000;
font-size: 11px;
text-decoration: none;
}
/*.P {PADDING-LEFT:4px;PADDING-RIGHT:4px;}*/
.titleSpace
{
width: 100%;
height: 45px;
font-weight: bold;
font-size: 18px;
line-height: 100%;
color: #1e3c7b;
text-decoration: none;
padding: 0px;
vertical-align: middle;
color: #636363;
font-weight: bold;
line-height: 130%;
background-color: #FAFAFA;
border: 1px solid #a0a1a5;
text-align: center;
}
.estyle007
{
font-weight: bold;
font-size: 23px;
color: #1e3c7b;
text-decoration: none;
padding: 3px;
}
/*for optimum to be tested*/
/*.estyle002a {
FONT-WEIGHT: normal; FONT-SIZE: 9px; LINE-HEIGHT:120%; COLOR: #1e3c7b; TEXT-DECORATION: none
}
.estyle002ab {
FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #1e3c7b;TEXT-DECORATION: none
}
.rSubHead {
FONT-WEIGHT: bold; FONT-SIZE: 10px;
COLOR: #1e3c7b;
padding:3px;
TEXT-DECORATION: none;
background-color:#eff5f1;
}
.rSubTitleHead
{
FONT-WEIGHT: bold;
FONT-SIZE: 17px; COLOR: #1e3c7b;
TEXT-DECORATION: none;
padding:3px;
}
*/
.estyle002a
{
font-weight: normal;
font-size: 12px;
line-height: 120%;
color: #626162;
text-decoration: none;
}
.estyle002ab
{
font-weight: bold;
font-size: 9px;
color: #626162;
text-decoration: none;
}
.rSubHead
{
font-weight: bold;
font-size: 17px !important;
/*color: #355f9e;*/
text-decoration: none; /* border-bottom: 2px solid #779fdb;*/
padding-left: 10px;
}
.rSubTitleHead
{
font-weight: bold;
font-size: 17px;
color: #626162;
text-decoration: none;
padding: 3px;
}
.estyle004
{
font-weight: bold;
font-size: 10px;
color: #1e3c7b;
text-decoration: none;
}
.estyle001
{
font-weight: bold;
font-size: 9px;
color: #1e3c7b;
text-decoration: none;
}
.estyle001b
{
font-weight: bold;
font-size: 9px;
color: #1e3c7b;
text-decoration: none;
}
.estyle002
{
font-weight: bold;
font-size: 9px;
color: #1e3c7b;
text-decoration: none;
}
.estyle002i
{
font-weight: bold;
font-size: 9px;
color: #1e3c7b;
font-style: italic;
text-decoration: none;
}
.estyle003
{
font-weight: normal;
font-size: 8px;
color: #1e3c7b;
text-decoration: none;
}
.estyle001:hover
{
color: #c6cbd8;
}
.estyle001b:hover
{
color: #ff0000;
}
.estyle002:hover
{
color: #ff0000;
}
.estyle002a:hover
{
color: #ff0000;
}
.estyle003:hover
{
color: #ff0000;
}
.estyle004:hover
{
color: #ff0000;
}
.estyle006
{
font-weight: bold;
font-size: 7px;
color: #1e3c7b;
text-decoration: none;
}
.estyle002b
{
font-weight: normal;
font-size: 9px;
color: #1e3c7b;
text-decoration: none;
}
.Required
{
font-weight: normal;
font-size: 9px;
color: #1e3c7b;
text-decoration: underline;
}
.Required:hover
{
font-weight: normal;
font-size: 9px;
color: red;
text-decoration: underline;
}
.NotRequired
{
font-weight: normal;
font-size: 9px;
color: #1e3c7b;
text-decoration: none;
}
.estyle008
{
font-weight: bold;
font-size: 8px;
color: #1e3c7b;
text-decoration: none;
}
.ErrorMsg
{
font-weight: bold;
font-size: 8px;
color: yellow;
text-align: center;
}
.AppCenterWindow
{
border-right: lightgrey 1px solid;
border-left: lightgrey 1px solid;
}
.ActionLink
{
color: blue;
}
.ActionLink:visited
{
color: blue;
}
.DateColumn
{
direction: ltr;
}
.Mandatory
{
font-weight: bold;
font-size: 8px;
color: #FF0000;
text-decoration: none;
}
.Nothing
{
}
.Sucess
{
font-weight: bold;
font-size: 8px;
color: #626162;
text-align: center;
}
A:hover
{
text-decoration: none;
color: #ff0000;
}
A.dev
{
font-weight: regular;
font-size: 11px;
color: #1e3c7b;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
}
A.dev:link
{
font-weight: regular;
font-size: 11px;
color: #1e3c7b;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
}
A.dev:hover
{
font-weight: regular;
font-size: 11px;
color: #0000cc;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
}
.footer
{
clear: both;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 10px;
padding-top: 10px;
font-size: 10px;
color: #1e3c7b;
}
.inputcaption
{
font-size: 11px;
width: auto;
color: #1e3c7b;
text-align: right;
}
.inputcaption1
{
width: auto;
color: #1e3c7b;
font-size: 10px;
padding-top: 10px;
padding-left: 90px;
font-weight: bold;
}
.inputcaption2
{
width: auto;
font-size: 11px;
line-height: inherit;
text-align: right;/*left*/
}
img.SepblueLine
{
margin: 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
}
div.SepblueLine
{
clear: both;
background-color: #e8e9ea;
margin-top: 15px;
margin-bottom: 15px;
}
div.SepblueLine1
{
clear: both;
background-color: #e8e9ea;
margin-top: 15px;
margin-bottom: 15px;
}
.inputtitle
{
font-weight: bold;
font-size: 12px;
width: auto;
color: #1e3c7b;
}
.inputfooter
{
font-weight: bold;
font-size: 12px;
width: auto;
color: #626162;
}
.inputAppName
{
/*padding-left: 400px;*/
font-weight: bold;
font-size: 12px;
width: auto;
color: #1e3c7b;
white-space: nowrap;
}
.AppCaption
{
white-space: nowrap;
width: auto;
font-size: 15px;
color: #1e3c7b;
font-weight: bold;
}
.AppButton
{
margin-right: 8px;
font-size: 11px;
line-height: inherit;
}
.Hint
{
color: #1e3c7b;
width: 217px;
margin-left: 0;
font-size: 9px;
}
.GridHeader1
{
background-color: #e8e9ea;
}
.GridHeaderStyle
{
background-color: #4791C5;
}
.GridPagerStyle
{
background-color: #4791C5;
}
.payrollsubHeadertext
{
padding: 3px;
vertical-align: middle;
color: #000;
font-weight: bold;
font-size: 9px;
line-height: 130%;
background-color: #e8e9ea;
}
.EarningsTot
{
padding: 3px;
vertical-align: middle;
color: #0D1DAC;
font-size: 9px;
line-height: 130%;
font-weight: bold;
}
.DeductionsTot
{
padding: 3px;
vertical-align: middle;
color: #8A0000;
font-size: 9px;
line-height: 130%;
font-weight: bold;
}
.payrollCurHeadertext
{
padding: 3px;
vertical-align: middle;
color: #336699;
font-weight: bold;
font-size: 11px;
line-height: 130%;
background-color: #ffffff;
font-style: italic;
}
.Net
{
padding: 3px;
vertical-align: middle;
color: #000;
font-weight: bold;
font-size: 9px;
line-height: 130%;
background-color: #e8e9ea;
}
.Earnings
{
padding: 3px;
vertical-align: middle;
color: #0D1DAC;
font-size: 9px;
line-height: 130%;
}
.Deductions
{
padding: 3px;
vertical-align: middle;
color: #8A0000;
font-size: 9px;
line-height: 130%;
}
.Normal
{
padding: 3px;
vertical-align: middle;
color: Black;
font-size: 9px;
line-height: 130%;
}
.payrolltextred
{
background-color: #F9A6A6;
font-size: 10px;
}
.AlertMessage
{
padding: 0px;
vertical-align: middle;
color: red;
font-weight: bold;
font-size: 9px;
line-height: 100%;
background-color: #e8e9ea;
}
.gridtitle
{
padding: 3px;
vertical-align: middle;
color: black;
font-weight: bold;
font-size: 10px;
line-height: 130%;
background-color: #FAFAFA;
}
.formtitlehdA
{
padding: 3px;
vertical-align: middle;
color: black;
font-weight: bold;
font-size: 10px;
line-height: 130%;
background-color: #e8e9ea;
}
/* calendar start*/
table.calendar
{
font-size: 0.8em;
border-collapse: collapse;
background-color: white;
border: 1px solid #595A5C;
background-color: #CFD0D2;
width: 200px;
text-align: center; /*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
-moz-user-select: none; /*-khtml-user-select: none;*/
}
table.calendar input, table.calendar select
{
font-size: 10px;
}
table.calendar td
{
border: 0;
font-size: 10px;
text-align: center;
}
div.mainheading
{
margin: 2px;
}
table.caldayheading
{
border-collapse: collapse;
cursor: pointer;
empty-cells: show;
margin: 0 6px 0 6px;
}
table.caldayheading td
{
background-color: #595A5C;
border: 1px solid #595A5C;
text-align: left;
color: #C1C1C1;
font-weight: bold;
width: 22px; /*should match calendar cell's width*/
}
table.caldayheading td.wkhead
{
border-right: double #726C25 3px;
border-right-color: #595A5C;
}
table.calcells
{
border-collapse: collapse;
cursor: pointer;
margin: 0 6px 0 6px;
}
table.calcells td
{
border: 1px solid #595A5C;
vertical-align: top;
text-align: left;
font-weight: bold;
width: 22px;
height: 20px; /*IE doesn't like ems*/
}
table.calcells td div
{
padding: 1px;
margin: 0;
}
table.calcells td.wkhead
{
background-color: white;
text-align: center;
border-right: double #595A5C 3px;
color: #996600;
}
table.calcells td.wkday
{
background-color: #DDDDDD;
}
table.calcells td.wkend
{
background-color: #DDDDDD;
}
table.calcells td.curdate
{
}
table.calcells td.cell_selected
{
background-color: #99CCFF;
color: black;
}
table.calcells td.notmnth
{
background-color: #FFFFFF;
color: #CCCCCC;
}
table.calcells td.notallowed
{
background-color: white;
color: #EEEEEE;
font-style: italic;
}
table.calcells td.hover
{
background-color: #999999;
}
.HSeparate
{
/*margin-top: 5px;*/
}
.PickerBtns
{
margin-top: 5px;
margin-left: 25px;
float: right;
}
.pagingbg a img
{
border: 1px solid transparent; /*margin-top: 5px;*/
}
.pagingbg a img:hover
{
/*margin-top: 5px;*/
background-color: #eff5f1;
border: 1px solid #ACACAC !important;
}
/*.smallTable
{
margin-top: -4px;
margin-bottom: -4px;
}*/
.smallTable td
{
padding: 0px !important;
}
.smallTable td:first-child
{
padding-left: 8px !important;
}
.smallTable td > div
{
display: inline;
}
.noBorder
{
border: none !important;
}
.noBorder-right
{
border-right: none !important;
}
.noBorder-left
{
border-left: none !important;
}
.noBorder-top
{
border-top: none;
}
.noBorder-bottom
{
border-bottom: none !important;
}
.nowrap
{
white-space: nowrap;
}
.chkBoxTbl
{
color: Black;
}
.noDisplay
{
display: none;
}
/*.formtable01 a:link
{
color: transparent;
}
.formtable01 a:visited
{
color: transparent;
}
.formtable01 a:active
{
color: transparent;
}
.formtable02 a:link
{
color: transparent;
}
.formtable02 a:visited
{
color: transparent;
}
.formtable02 a:active
{
color: transparent;
}*/
.smallTable
{
display: inline-table;
}
.smallTable a:link
{
color: transparent;
}
.smallTable a:visited
{
color: transparent;
}
.smallTable a:active
{
color: transparent;
}
.smallTable2 td
{
padding: 0px !important;
}
.smallTable2 td:nth-child(2)
{
padding-right: 8px !important;
}
.smallTable2 a:link
{
color: transparent;
}
.smallTable2 a:visited
{
color: transparent;
}
.smallTable2 a:active
{
color: transparent;
}
.PopupScreen
{
border-collapse: collapse;
}
#tblLinks
{
width: 100%;
border: 0px;
border-collapse: collapse;
}
#tblLinks .PopupScreen
{
border: 0px;
border-collapse: collapse;
}
#tblLinks a
{
font: bold 11px Arial;
text-decoration: none;
background-color: #8bb1d8;
color: #333333;
text-align: center;
display: block;
padding: 1px 3px 1px 3px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #CCCCCC;
}
.formtable01Inq
{
border: #a0a1a5 1px solid;
border-collapse: collapse;
width: 100%;
}
.formtable01Inq td
{
border: #a0a1a5 1px solid;
border-collapse: collapse;
padding: 1px 8px 1px 4px;
border-top: none;
}
.formtable01Inq table td
{
border: 0px;
}
/*added for report tables*/
.formtable007
{
border: #a0a1a5 1px solid !important;
border-collapse: collapse !important;
width: 100% !important;
}
.formtable007 td
{
border: #a0a1a5 1px solid !important;
border-collapse: collapse !important;
padding: 4px 8px 4px 4px !important;
}
.formtablenoborder td
{
border: 0px;
}
/*for table picker*/
.formPicker td
{
border: #a0a1a5 1px solid;
border-collapse: collapse;
padding: 4px 8px 4px 4px;
}
.formPicker
{
border: #a0a1a5 1px solid;
border-collapse: collapse;
}
.formPicker table td
{
border: 0px;
}
.HtmlTextEditor
{
padding: 2px 0px 10px 4px !important;
}
.ajax__colorPicker table td
{
padding: 0px !important;
}
.forget
{
text-align: right;
}
.signout
{
background-image: url('../images/logout.png');
background-repeat: no-repeat;
background-position: left;
padding: 2px 0px 2px 20px;
}
.logos
{
background-image: url(../images/logos_in_menu.png);
background-color: #EAF1F5;
background-position: center;
height: 290px;
background-repeat: no-repeat;
padding: 0px 0px 5px 10px;
}
/*
* Droid Arabic Naskh (Arabic) http://www.google.com/webfonts/earlyaccess
*/
@font-face
{
font-family: 'Droid Arabic Naskh';
font-style: normal;
font-weight: 400;
src: url(DroidNaskh-Regular.eot);
src: url(DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'), url(DroidNaskh-Regular.woff2) format('x-woff2'), url(DroidNaskh-Regular.woff) format('woff'), url(DroidNaskh-Regular.ttf) format('truetype');
}
@font-face
{
font-family: 'Droid Arabic Naskh';
font-style: normal;
font-weight: 700;
src: url(DroidNaskh-Bold.eot);
src: url(DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'), url(DroidNaskh-Bold.woff2) format('x-woff2'), url(DroidNaskh-Bold.woff) format('woff'), url(DroidNaskh-Bold.ttf) format('truetype');
}
.toprow
{
vertical-align: top;
height: 100%;
}
.center
{
text-align: center;
}
.footerbottom
{
position: absolute; /* bottom: 0px;*/
width: 100%;
}
.content
{
min-height: 100%;
position: relative;
}
.notificationicon
{
float: left;
display: inline;
}
.settingsicon
{
float: left;
display: inline;
}
.modulesicon
{
float: left;
display: inline;
}
.fulscrnicon
{
float: left;
display: inline;
left: -160px;
}
.rights
{
float: left;
display: inline;
}
.toolbar
{
width: 100%;
}
.branch
{
width: 160px;
}
.btnlogin
{
background: rgb(227, 227, 227);
border: 1px solid #bbb;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
box-shadow: inset 0 0 1px 1px #f6f6f6;
color: #333;
font: bold 12px/1 ;
padding: 8px 0 9px;
text-align: center;
text-shadow: 0 1px 0 #fff;
width: 95px;
}
.btnlogin:hover
{
background: #d9d9d9;
-webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
box-shadow: inset 0 0 1px 1px #eaeaea;
color: #222;
cursor: pointer;
}
.welcoming
{
color: #1a89c4;
font-size: 14px;
padding-right: 20px;
margin-left: 15px;
background-image: url('../images/bubble.png');
background-position: left;
background-repeat: no-repeat;
padding-left: 27px;
border-bottom: 1px dotted #676768;
width: 200px;
height: 24px;
white-space: nowrap;
}
.borderBottomdotted
{
border-bottom: 1px black dotted;
}
.homemodules
{
background-position: -88px 0;
height: 32px;
width: 32px;
}
#ddlBranch
{
margin: 0 auto;
}
#lblSelectBranch
{
margin-left: 10px;
}
/*-------- NEW UPDATES 14/8/2013 fro charity fund-------------*/
.tblmargin
{
margin-top: 10px;
}
.addbtn
{
float: right;
}
.boxoftbl
{
border: #f3f3f3 10px solid;
border-collapse: collapse;
font-size: 12px;
margin-top: 10px;
}
.datagrid
{
margin: 10px auto;
font: normal 12px/150% Arial, Helvetica, sans-serif;
background: #fff;
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 99%;
}
.datagrid table
{
border-collapse: collapse;
text-align: left;
width: 100%;
margin: 0 auto;
}
.datagrid table tr:nth-child(even)
{
background-color: #fefefe;
background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
}
.datagrid table tr:nth-child(odd)
{
background-color: #f1f1f1;
background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
}
.datagrid table tr:nth-child(even):hover
{
cursor: pointer;
background: #ffffee;
}
.datagrid table tr:nth-child(odd):hover
{
cursor: pointer;
background: #ffffee;
}
.datagrid table td
{
padding: 5px 3px 5px 3px;
border: 1px solid #e0e0e0;
}
.datagrid table tr:first-child
{
background: #4f8bbc; /* Old browsers */
background: -moz-linear-gradient(top, #3775ab 0%, #4f8bbc 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3775ab), color-stop(99%,#4f8bbc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3775ab 0%,#4f8bbc 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3775ab 0%,#4f8bbc 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3775ab 0%,#4f8bbc 99%); /* IE10+ */
background: linear-gradient(to bottom, #3775ab 0%,#4f8bbc 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3775ab', endColorstr='#4f8bbc',GradientType=0 ); /* IE6-9 */
font-weight: bold;
color: #fff;
}
.datagrid table tr:first-child:hover
{
background: #3775ab; /* Old browsers */
background: -moz-linear-gradient(top, #3775ab 0%, #4f8bbc 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3775ab), color-stop(99%,#4f8bbc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3775ab 0%,#4f8bbc 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3775ab 0%,#4f8bbc 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3775ab 0%,#4f8bbc 99%); /* IE10+ */
background: linear-gradient(to bottom, #3775ab 0%,#4f8bbc 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3775ab', endColorstr='#4f8bbc',GradientType=0 ); /* IE6-9 */
}
.datagrid table tr:first-child td
{
padding: 10px 3px 10px 3px;
border: 0px;
}
.datagrid2
{
margin: 10px auto;
font: normal 12px/150% Arial, Helvetica, sans-serif;
background: #fff;
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 99%;
}
.datagrid2 table
{
border-collapse: collapse;
text-align: left;
width: 100%;
margin: 0 auto;
}
.datagrid2 table tr:nth-child(even)
{
background-color: #fefefe;
background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
}
.datagrid2 table tr:nth-child(odd)
{
background-color: #f1f1f1;
background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
}
.datagrid2 table tr:nth-child(even):hover
{
cursor: pointer;
background: #ffffee;
}
.datagrid2 table tr:nth-child(odd):hover
{
cursor: pointer;
background: #ffffee;
}
.datagrid2 table td
{
padding: 5px 3px 5px 3px;
border: 1px solid #e0e0e0;
}
.datagrid2 table tr:first-child
{
background: #4f8bbc; /* Old browsers */
background: -moz-linear-gradient(top, #13446B 0%, #4f8bbc 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#13446B), color-stop(99%,#4f8bbc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #13446B 0%,#4f8bbc 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #13446B 0%,#4f8bbc 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #13446B 0%,#4f8bbc 99%); /* IE10+ */
background: linear-gradient(to bottom, #13446B 0%,#4f8bbc 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13446B', endColorstr='#4f8bbc',GradientType=0 ); /* IE6-9 */
font-weight: bold;
color: #fff;
}
.datagrid2 table tr:first-child:hover
{
background: #3775ab; /* Old browsers */
background: -moz-linear-gradient(top, #13446B 0%, #4f8bbc 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#13446B), color-stop(99%,#4f8bbc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #13446B 0%,#4f8bbc 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #13446B 0%,#4f8bbc 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #13446B 0%,#4f8bbc 99%); /* IE10+ */
background: linear-gradient(to bottom, #13446B 0%,#4f8bbc 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13446B', endColorstr='#4f8bbc',GradientType=0 ); /* IE6-9 */
}
.datagrid2 table tr:first-child td
{
/*padding: 10px 3px 10px 3px;*/
border: 0px;
}
.datagrid3
{
margin: 10px auto;
font: normal 12px/150% Arial, Helvetica, sans-serif;
background: #fff;
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 99%;
}
.datagrid3 table
{
border-collapse: collapse;
text-align: left;
width: 100%;
margin: 0 auto;
}
.datagrid3 table tr:nth-child(even)
{
background-color: #fefefe;
background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
}
.datagrid3 table tr:nth-child(odd)
{
background-color: #f1f1f1;
background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
}
.datagrid3 table tr:nth-child(even):hover
{
cursor: pointer;
background: #ffffee;
}
.datagrid3 table tr:nth-child(odd):hover
{
cursor: pointer;
background: #ffffee;
}
.datagrid3 table td
{
padding: 5px 3px 5px 3px;
border: 1px solid #e0e0e0;
}
.datagrid3 table tr:first-child
{
background: #4f8bbc; /* Old browsers */
background: -moz-linear-gradient(top, #64B9FF 0%, #4f8bbc 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64B9FF), color-stop(99%,#4f8bbc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #64B9FF 0%,#4f8bbc 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #64B9FF 0%,#4f8bbc 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #64B9FF 0%,#4f8bbc 99%); /* IE10+ */
background: linear-gradient(to bottom, #64B9FF 0%,#4f8bbc 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64B9FF', endColorstr='#4f8bbc',GradientType=0 ); /* IE6-9 */
font-weight: bold;
color: #fff;
}
.datagrid3 table tr:first-child:hover
{
background: #3775ab; /* Old browsers */
background: -moz-linear-gradient(top, #64B9FF 0%, #4f8bbc 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64B9FF), color-stop(99%,#4f8bbc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #64B9FF 0%,#4f8bbc 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #64B9FF 0%,#4f8bbc 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #64B9FF 0%,#4f8bbc 99%); /* IE10+ */
background: linear-gradient(to bottom, #64B9FF 0%,#4f8bbc 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64B9FF', endColorstr='#4f8bbc',GradientType=0 ); /* IE6-9 */
}
.datagrid3 table tr:first-child td
{
/*padding: 10px 3px 10px 3px;*/
border: 0px;
}
.datagridlightbg
{
margin: 10px auto;
font: normal 12px/150% Arial, Helvetica, sans-serif;
background: #fff;
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 99%;
}
.SubHDR
{
font-weight: bold;
font-size: 17px !important;
color: #355f9e;
text-decoration: none;
border-bottom: 2px solid #779fdb;
padding-left: 10px;
}
.SubTTLHDR
{
font-weight: bold;
font-size: 17px;
color: #626162;
text-decoration: none;
padding: 3px;
}
.formtable10
{
border: #f3f3f3 10px solid;
border-collapse: collapse;
font-size: 12px;
margin-top: 10px;
}
.formtable10 td
{
border-collapse: collapse;
padding: 5px;
font-size: 12px;
}
.txtpickerdiv
{
float: left;
}
.calandarposition /* whole Calendar Header Div Style without textboxes*/
{
position: absolute;
right: 15px;
}
.overflowScroll
{
/* overflow:scroll; height:375px;*/
}
.datebtn
{
background-image: url('../images/btnCalendar.gif');
background-color: transparent;
background-repeat: no-repeat;
background-position: left;
padding: 2px 0px 2px 17px;
border: 0;
height: 18px;
width: 20px;
}
.CallendarIcon
{
padding: 0px 5px 0px 5px;
margin-top: 0px;
display: inline;
position: relative;
left: 5px;
top: 4px;
}
.calendartext
{
background: white url('../images/btnCalendar.gif') no-repeat 290px 2px;
background-position: right;
padding: 2px 19px 2px 0px;
border: solid 1px gainsboro; /*height:22px;*/
}
.Sender
{
color: rgb(150, 61, 61);
}
.Receiver
{
color: rgb(86, 112, 78);
}
.popconatainer
{
padding: 0px;
width: 100%;
}
.highlight
{
background-color: #E0FF84;
}
.paragraph
{
font-size: 12px;
padding: 0 4em;
line-height: 1.5em;
margin: 0;
text-align: justify;
}
/*
.Btn
{
border-top: 1px solid #319cde;
background: #1d4763;
background: -webkit-gradient(linear, left top, left bottom, from(#4192c9), to(#1d4763));
background: -webkit-linear-gradient(top, #4192c9, #1d4763);
background: -moz-linear-gradient(top, #4192c9, #1d4763);
background: -ms-linear-gradient(top, #4192c9, #1d4763);
background: -o-linear-gradient(top, #4192c9, #1d4763);
padding: 5px 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: #ffffff;
font-size: 14px;
font-family: Georgia, serif;
text-decoration: none;
vertical-align: middle;
}
.Btn:hover
{
border-top-color: #3d7da8;
background: #3d7da8;
color: #e3e0e3;
}
.Btn:active
{
border-top-color: #1b435e;
background: #1b435e;
}*/
.ddlclass
{
padding: 3px;
vertical-align: middle;
color: #213897;
font-weight: bold;
font-size: 10px;
line-height: 130%;
background-color: #e8e9ea;
border: #B9B9CF 1px solid;
}
.dateTD
{
width: 100px !important;
}
.alltextborder td
{
border: 1px solid #cccccc !important;
}
.margin-7-top
{
margin-top: -7px;
}
.fleft
{
float: left;
}
.fright
{
float: right;
}
.tleft
{
text-align: left;
}
.tright
{
text-align: right;
}
.SectionHead1
{
display: block;
background: #D6E0F0;
padding: 0 0 0 5px;
font-size: 15px;
font-weight: bold;
}
.SectionHead
{
display: block;
padding: 0 0 0 5px;
font-size: 15px;
font-weight: bold;
}
.buttonx
{
color: #FFF;
display: inline-block;
border-radius: 7px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
line-height: 2.5em;
padding: 0 3em;
text-decoration: none;
background: #235786;
background: linear-gradient(#516994,#235786);
text-shadow: 1px 1px 1px #3B68AC;
}
.green.buttonx
{
background: linear-gradient(#6BDB55,#57B245);
text-shadow: 1px 1px 1px #57B245;
}
.red.buttonx
{
background: linear-gradient(#D60A0A,#B20808);
text-shadow: 1px 1px 1px #B20808;
}
.blue.buttonx
{
background: #235786;
background: linear-gradient(#516994,#235786);
text-shadow: 1px 1px 1px #3B68AC;
}
.small.buttonx
{
line-height: 1.75em;
padding: 0 1.5em;
}
.large.buttonx
{
line-height: 3em;
padding: 0 3.5em;
}
.tblTrColours tr:nth-of-type(2n+1)
{
background-color: #fff;
}
.tblTrColours tr:nth-of-type(2n)
{
background-color: #D6D5D5;
}
.tblTrColours tr:nth-of-type(1)
{
background-color: #f0f0f0;
}
.alltextCaptions
{
/* text-align: right;*/
white-space: nowrap;
font-size: 12px;
font-weight: bold; /*padding-right: 5px;*/
}
.textinput
{
width: 100%;
padding: 5px;
border-radius: 5px;
border: 1px solid #867F7F;
font-size: 12px;
}
.ddlinput
{
width: 100%;
border-radius: 5px;
padding: 4px;
border: 1px solid #867F7F;
font-size: 12px;
}
.divinline
{
padding: 0 20px 0 5px;
border: 10px solid #E7E7E7;
}
.spacingTbl
{
border-collapse: separate;
border-spacing: 3px;
}
.manpowerChkListDiv
{
height: 75px;
overflow-y: scroll;
}
.chkListItems
{
font-size: 12px;
}
.chkListItems td
{
white-space: nowrap;
font-size: 12px;
}
.MultiProjects
{
border-radius: 50%;
radius: 50%;
width: 20px;
height: 20px;
background: #fff url("../images/multiprojects.png");
border: 1px solid #4eae49;
display: block;
position: absolute;
top: 7px;
right: 10px;
}
/*last part for hrms */
form, lable, span, input[type=text], input[type=select], select
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form > div
{
clear: both;
overflow: hidden;
padding: 1px;
margin: 0 0 10px 0;
}
.form > div > fieldset > div > div
{
margin: 0 0 5px 0;
}
.form > div > label, .form > div > span, legend
{
width: 25%;
float: right;
padding-right: 10px;
}
.form > div > div, .form > div > fieldset > div
{
width: 70%;
float: left;
}
.form > div > fieldset label, .form > div > fieldset span
{
font-size: 90%;
}
fieldset
{
border: 0;
padding: 0;
}
.form div span
{
padding: 5px;
}
.form input[type=text], .form input[type=email], .form input[type=url], .form input[type=password], .form input[type=select], .form textarea
{
width: 100%; /*border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #eee; border-bottom: 1px solid #eee;*/
}
.form input[type=text], .form input[type=email], .form input[type=url], .form input[type=select], .form input[type=password], .form select
{
width: 50%;
}
.form input[type=text]:focus, .form input[type=email]:focus, .form input[type=url]:focus, .form input[type=select]:focus, .form input[type=password]:focus, .form textarea:focus
{
outline: 0;
border-color: #4697e4;
}
@media (max-width: 600px)
{
.form > div
{
margin: 0 0 15px 0;
}
.form > div > label, .form > div > span, legend
{
width: 100%;
float: none;
margin: 0 0 5px 0;
}
.form > div > div, .form > div > fieldset > div
{
width: 100%;
float: none;
}
.form input[type=text], .form input[type=email], .form input[type=url], .form input[type=select], .form input[type=password], .form textarea, .form select
{
width: 100%;
}
}
@media (min-width: 1200px)
{
.form > div > label, .form > div > span, legend
{
text-align: left;
}
}
@media (min-width: 1200px)
{
.form > div > label, .form > div > span, legend
{
text-align: left;
}
}
.divborder1px
{
background-color: #e8e9ea;
border: #a0a1a5 1px solid;
}
/*********Structure**********
This is column 1
This is column 2
This is column 3
Noted By HKadhum*/
/*********Discription**********/
.line-separator
{
height: 1px;
margin: 25px 25%;
border-bottom: 1px solid #cecece;
width: 50%;
}
.margin0px
{
margin: 0px !important;
}
.textinput2
{
width: 100%;
font-size: 12px;
padding: 3px;
border-radius: 5px;
border: 1px solid #867F7F;
}
.ddlinput2
{
width: 100%;
border-radius: 5px;
padding: 2px;
border: 1px solid #a9a9a9;
font-size: 12px;
}
.formtitlepicker
{
padding: 3px;
vertical-align: middle;
text-align: left;
color: #000;
font-weight: bold;
font-size: 10px;
background-color: #e8e9ea;
}
.valign-top
{
vertical-align: top;
}
.left
{
text-align: right !important;
}
input[type="text"].left
{
text-align: left !important;
}
.lblCaption
{
margin-top: 4px;
}
.divinline2
{
border: 5px solid #426192;
border-radius: 10px;
width: 70%;
margin-left: 15% !important;
margin-right: 15% !important;
margin-top: 5px !important;
padding: 20px 0px 15px 8px !important;
}
.divinline2 > div
{
width: 70%;
margin-left: 20% !important;
margin-right: 20% !important;
}
.divinline3
{
border: 5px solid #426192;
border-radius: 10px;
width: 70%;
margin-left: 15% !important;
margin-right: 15% !important;
margin-top: 5px !important;
padding: 20px 0px 15px 8px !important;
}
.divinline3 > div
{
width: 80%;
margin-right: 10% !important;/*left*/
margin-left: 20% !important;/*right*/
}
/*.PageTitle
{
padding: 15px 0px;
width: 100%;
font-size: 18px;
color: #636363;
font-weight: bold;
text-align: center;
}*/
.PageTitle {
padding: 0 0 15px 0!important;
width: 100%;
font-size: 18px;
font-weight: bold;
text-align: right!important;
font-size: 20px!important;
line-height: 24px;
color: #2e2e2e;
font-weight: 600;
border-bottom: 1px #ebebeb solid;
margin-bottom: 15px;
}
.PnlBtns
{
height: 32px;
width: 70%;
margin: 8px 15% -8px 15%;
}
.PnlPicker
{
height: 30px;
width: 70%;
margin-left: 15%;
margin-right: 15%;
}
.PnlPicker > div > div:nth-child(2)
{
white-space: nowrap;
}
.PnlPicker > div > div:nth-child(2) > div
{
display: inline;
}
.PnlPicker > div > div.span_1_of_6
{
padding-top: 3px;
}
.lblErrMsg
{
color: #C00000;
text-align: right;
display: block;
width: 70%;
margin-left: 15%;
margin-right: 15%;
}
.lblErrMsg2
{
color: #C00000;
text-align: center;
display: block;
font-size: 15px;
font-weight: bold;
}
.form > div > div > input[type=text], .form > div > div > select, .form > div > div > input[type=file]
{
width: 85%;
}
.form > div > div > textarea
{
width: 93%;
}
.form > div > div > div
{
display: inline;
}
.form > div > .checkDiv
{
margin-top: 6px;
}
.PnlPicker > div
{
display: inline;
}
.PnlNotifyMsg
{
width: 70%;
margin: 20px 15% -8px 15%;
}
.form > div > .divLbl
{
padding-top: 5px;
}
.PnlStatTbl
{
height: 100%;
width: 71.5%;
margin-right: 15%;/*left*/
margin-top: 10px;
}
.PnlStatTbl > div.TblTitle
{
font-size: 14px;
color: #426192;
font-weight: bold;
text-align: center;
}
.MarginTop1px
{
margin-top: 1px;
}
.formtablewhdng
{
border: none;
border-collapse: collapse;
width: 100%;
}
.formtablewhdng td
{
border: #a0a1a5 1pt solid;
border-collapse: collapse;
padding: 3 3;
}
.formtablewhdng .Heading
{
font-size: 16px;
border: none;
padding-top: 5px;
}
.padding0px
{
padding: 0px;
}
.divinline5
{
padding: 5px;
border: 2px solid #426192;
margin-top: 10px;
border-radius: 10px;
}
/*keyboard*/
.container
{
margin: 100px auto;
width: 688px;
}
#write
{
margin: 0 0 5px;
padding: 5px;
width: 671px;
height: 200px;
font: 1em/1.5 Verdana, Sans-Serif;
background: #fff;
border: 1px solid #f9f9f9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.keyboard
{
margin: 0 0% 0 0%;
padding: 0;
list-style: none;
}
.keyboard li
{
float: left;
margin: 0 4px 0px 0;
width: 60px;
height: 25px;
line-height: 25px;
text-align: center;
background: #bcd;
border: 1px solid #f9f9f9;
bodrer-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 12px;
font-weight: bold;
}
.capslock, .tab, .left-shift
{
clear: left;
}
.lastitem
{
margin-right: 0;
clear: left;
}
.uppercase
{
text-transform: uppercase;
}
.keyboard .space
{
clear: left;
width: 681px;
}
.keyboard li:hover
{
position: relative;
top: 1px;
left: 1px;
border-color: #e5e5e5;
cursor: pointer;
}
.progresscontainer
{
background:rgba(0, 0, 0, 0.61);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index:120;
}
.progressdiv
{
background: #CACACA;
position: fixed;
top: 50%;
left: 45%;
border: 5px white solid;
padding: 15px;
border-radius: 10px;
font-size: 15px;
color: Red;
font-weight: bold;
}
@media all and (max-width: 800px)
{
.divinline2
{
border: 5px solid #426192;
border-radius: 10px;
width: 95%;
margin-left: 0;
margin-right: 0;
margin-top: 5px;
padding: 20px 0px 15px 8px;
}
.divinline2 > div
{
width: 95%;
margin: 0;
}
.PnlPicker
{
height: 30px;
width: 90%;
margin-left: 0;
margin-right: 0;
}
.PnlBtns
{
height: 25px;
width: 70%;
margin: 0px 0% 0px 0%;
}
.PnlNotifyMsg
{
width: 70%;
margin: 20px 0% -8px 0%;
}
.inputAppName
{
white-space: normal;
}
.PnlStatTbl
{
height: 100%;
width: 100%;
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
}
.rotate {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin:-60px 0 0 -60px;
-webkit-animation:spin 2s linear infinite;
-moz-animation:spin 2s linear infinite;
animation:spin 2s linear infinite;
z-index:150;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.CircleButton
{
/*padding: 0px;
width: 20px;
height: 20px;*/
border-radius: 50%;
background-color: transparent;
border: 2px solid;
border-top-color: lightgray;
border-left-color: lightgray;
border-bottom-color: gray;
border-right-color: gray;
line-height: 10px !important;
}
.CircleButton:hover
{
padding: 0px;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: rgba(30, 91, 223, 0.3) ;
border: 2px solid;
border-top-color: lightgray;
border-left-color: lightgray;
border-bottom-color: gray;
border-right-color: gray;
}
.FilterSubTitle
{
padding: 0px;
height: 20px;
border-bottom-color: rgb(66, 97, 146);
/*border-bottom-width: 2px;
border-bottom-style: solid;*/
display: inline-block;
margin-bottom: 4px;
margin-top: 8px;
}
.GreenStatus
{
background: #00A300;
text-align: center;
width: 100%;
border-radius: 5px;
color: white;
font-size: 12px;
font-weight: bold;
white-space: nowrap;
padding: 0px 2px;
}
.RedStatus
{
background: #B30000;
text-align: center;
width: 100%;
border-radius: 5px;
color: white;
font-size: 12px;
font-weight: bold;
white-space: nowrap;
padding: 0px 2px;
}
.aptbl {border: 1px solid; border-collapse: collapse; width:100%; }
.aptbl td {border: 1px solid; border-collapse: collapse;padding:5px;}
.apcap {
font-weight: bold;
width: 20%;
background-color: #cccccc;
white-space: nowrap;
}
.aptop {font-weight: bold; width:20%;background-color:#cccccc;text-align:center;}
/* made by mohamed ahmed*/
.RList ul>li
{
display:inline-block;
padding: 5px 0;
white-space:nowrap;
}
.RList>ul
{
margin-left: 5px;
padding: 5px 0;
}
/*.InputW ul>li>input
{
width: 94%;
padding: 3px;
border-radius: 5px;
border: 1px solid #867F7F;
}
*/
.alltextb label
{
font-size: 13px;
font-weight: bold;
}
/* .textinput2
{
width: 100%;
padding: 3px;
border-radius: 5px;
border: 1px solid #867F7F;
width: 100% !important;
padding: 2px 4px 2px 22px;
border: solid 1px gainsboro;
}*/
.divinline4
{
width: 80%;
margin-left: 10%;
margin-right: 10%;
margin-top: 5px;
/* padding: 20px 0px 15px 8px;*/
}
.GridcatHeader1
{
padding: 3px;
vertical-align: middle;
color: #000;
font-weight: bold;
font-size: 10px;
line-height: 130%;
background-color: White;
}
.GridATHeader1
{
padding: 3px;
vertical-align: middle;
color: #000;
font-weight: bold;
font-size: 12px !important;
line-height: 130%;
background-color: #dadada;
}
.GridATHeaderDark
{
padding: 3px;
vertical-align: middle;
color: #000;
font-weight: bold;
font-size: 12px !important;
line-height: 130%;
background-color: #BBB;
}
.GridACHeader1
{
padding: 3px;
vertical-align: middle;
color: #6c0000;
font-weight: bold;
font-size: 11px !important;
line-height: 130%;
background-color: #c8cbce;
}
.GridASCHeader1
{
padding: 3px;
vertical-align: middle;
color: #6c0000;
font-weight: bold;
font-size: 11px !important;
line-height: 130%;
background-color: #babcbf;
}
.aright
{
text-align: right;
}
.aleft
{
text-align: left;
}
.PnlPickerFull
{
height: 30px;
width: 94%;
margin-left: 3%;
margin-right: 3%;
}
.PnlPickerFull > div > div:nth-child(2)
{
white-space: nowrap;
}
.PnlPickerFull > div > div:nth-child(2) > div
{
display: inline;
}
.PnlPickerFull > div > div.span_1_of_8
{
padding-top: 3px;
}
.PnlPickerFull > div
{
display: inline;
}
.PnlBtnsFull
{
height: 32px;
width: 94%;
margin: 8px 1% -8px 3%;
display: inline-block;
}
.PnlBtnsFullD
{
height: 32px;
width: 94%;
margin: 8px 1% -8px 3%;
display: inline-block;
/*float: left;*/
}
.divinlineFull
{
border: 5px solid #426192;
border-radius: 10px;
width: 94%;
margin-left: 2% !important;
margin-right: 3% !important;
margin-top: 5px;
padding: 8px !important;
}
.divinlineFull > div
{
/*width: 100%;
margin-left: 0% !important;
margin-right: 0% !important;*/
display: inline-block;
}
.margintop10px
{
margin-top: 10px;
}
.marginleft-10px
{
/*margin-left: -5px;*/
}
.divblockdiplay, .divblockdiplay > div
{
/*width: 100%;
margin-left: 0% !important;
margin-right: 0% !important;*/
display: inline-block;
}
.textinput2picker
{
width: 95% !important;
padding: 3px;
border-radius: 5px;
border: 1px solid #867F7F;
}
.textinput2pickerDynamic
{
width: 95% !important;
padding: 3px;
border-radius: 5px;
border: 1px solid #867F7F;
margin-right: 3px;
}
.textinput2pickerDynamicL
{
width: 97.5% !important;
padding: 3px;
border-radius: 5px;
border: 1px solid #867F7F;
margin-right: 3px;
}
.textinput2pickerDynamicD
{
width: 84% !important;
padding: 3px;
border-radius: 5px;
border: 1px solid #867F7F;
margin-right: 3px;
}
.formtable08
{
border: #426192 1px solid;
border-collapse: collapse;
width: 100%;
}
.formtable08 td
{
border: #426192 1px solid;
border-top: none;
border-collapse: collapse;
padding: 4px 8px 4px 4px;
}
.titleheader1
{
color: #cc0000;
font-weight: bold; /*line-height: 18px;*/
font-size: 14px;
}
@media only screen and (max-width: 700px)
{
.textinput2picker
{
width: 97% !important;
padding: 3px;
border-radius: 5px;
border: 1px solid #867F7F;
}
.textinput2pickerDynamic
{
width: 97% !important;
padding: 3px;
border-radius: 5px;
border: 1px solid #867F7F;
margin-right: 3px;
}
.textinput2pickerDynamicL
{
width: 97% !important;
padding: 3px;
border-radius: 5px;
border: 1px solid #867F7F;
margin-right: 3px;
}
.textinput2pickerDynamicD
{
width: 97% !important;
padding: 3px;
border-radius: 5px;
border: 1px solid #867F7F;
margin-right: 3px;
}
}
.divinlineSub
{
border: 2px solid #426192;
border-radius: 10px;
width: 94%;
margin-left: 3% !important;
margin-right: 3% !important;
margin-top: 5px;
padding: 8px !important;
}
.divinlineSub > div
{
/*width: 100%;
margin-left: 0% !important;
margin-right: 0% !important;*/
display: inline-block;
}
.errMsgRed
{
color: #c00000;
}
.hrLine
{
border-style: ridge;
width: 98%;
}
.hrLinedark
{
color:gray;
width: 80%;
}
.inputPanel
{
display: block;
border: 2px solid #426192;
border-radius: 5px;
margin: 5px !important;
padding: 4px 15px 8px 5px !important;
}
.MsgRed
{
color: #BB2E4A;
font-size: 12px;
float:right;
padding:0 20px;
}
.MsgYelow
{
color: #CFA00C;
font-size: 12px;
float:right;
padding:0 20px;
}
.MsgGreen
{
color: #628848;
font-size: 12px;
float:right;
padding:0 20px;
}
.padding_left_10px
{
padding:0 20px 0 0;
}
.Btn
{
margin:3px 2px 0;
display: inline-block;
padding: 3px 8px 3px;
color: #fff;
text-decoration: none;
border-radius: 6px;
box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
/*background: #6A8EC5;*/
background: #4E71A7;
font-size: 11px !important;
}
.Btn:hover {
background: #36617d;
color: #9e9e9e;
}
.Btn:active {
background: #7192a8;
}
.clrsquare
{
position: relative;
width: 15%;
padding-bottom: 15%;
overflow: hidden;
margin-right: 3px;
display: inline-block;
margin-bottom: 3px;
}
.clrcircle
{
width: 15%;
height: 0;
padding-bottom: 15%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-right: 3px;
display: inline-block;
margin-bottom: 3px;
}
.clrtriangle
{
margin-right: 3px;
overflow: hidden;
display: inline-block;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
margin-bottom: 3px;
}
/* style for icons toolbar for CVRM*/
.toolbar-icons:after{
content:'';
display:block;
position:absolute;
top:-20px;
right:20px;
width:0;
height:0;
border-color: transparent transparent black transparent;
border-style: solid;
border-width: 10px;
}
.toolbar-icons{ display: none;
background: #ffffff; /*url(../images/backgrounds/navItemBg.png) repeat;
background-position: 0 -43px; */
position:fixed;
right: 50px;
width: auto;
z-index: 10;
padding: 0px 5px 0 5px;
border-radius: 5px;
border: 1px solid #000000;
}
.actionstoolbar-icons span{
border-bottom: 20px solid #333;
border-left: 10px solid #333;
border-right: 10px solid #333;
}
.toolbar-icons img{ margin: 1px;padding:5px; }
.toolbar-icons img:hover
{
/*background: url(../images/backgrounds/navItemBg.png); */
border-radius: 5px;
border: 1px solid #000000;
}
/* style for icons toolbar for CVRM*/
/*REsponsive*/
td.nowrap > a
{
width: 20px;
display: inline-block;
}
.lblStyle
{
vertical-align: middle;
color: black;
font-weight: bold;
font-size: 13px;
line-height: 130%;
float:left; /* ARABIC */
margin-left:7px; /* ARABIC */
}
#txtDateStart, #txtDateEnd
{
margin-left: 3px !important;
}
@media (max-width: 991px)
{
.lblStyle
{
float:none !important;
}
.logos
{
display: none;
}
}
.flexnav li a
{
position: relative;
display: block;
z-index: 2;
margin-right: 10px;
padding: 10px 10px;
overflow: hidden;
font-size: 13px;
color: #FFF;
text-decoration: none;
}
.MiniBtn
{
float:left; /* ARABIC */
}
.WellStyle
{
background-color: #e8e9ea;
border: 1px solid #3F7EAF;
}
#lblSystemDate
{
float: left;
}
.btnSHFilter-pos {float: left; }
/*REsponsive*/
.divinline32 {
/* border: 5px solid #426192; */
border: 2px solid #C6D5E4;
border-radius: 10px;
margin-top: 5px !important;
padding: 5px 30px 15px 30px !important;
position: relative;
}
.textinput3
{
width: 99%;
padding: 3px;
border-radius: 5px;
border: 1px solid #867F7F;
}
.nav-tabs > li {
float: right !important;
}
.emp-img {
width: 65px;
height: 65px;
float: left;
background-position: center;
background-size: cover;
margin-left: 15px;
border-radius: 4px;
}
.emp-imgTA {
width: 65px;
height: 65px;
background-position: center;
background-size: cover;
margin-left: 15px;
border-radius: 50%;
}
.emp-imgUser {
width: 50px;
height: 50px;
background-position: center;
background-size: cover;
margin-left: 10px;
border-radius: 50%;
}
select.ddlinput2 {
font-size: inherit !important;
padding: 1px !important;
}
.whiteLabelHd {font-size: 12px;}
.emp-imgAC {
width: 50px;
height: 50px;
background-position: center;
background-size: cover;
margin-right: 15px;
border-radius: 50%;
}
.chkBoxTbl {
float: left;
}