html { overflow-y: scroll; }

body {margin:0px; padding: 0px; text-align:left; font-family:Arial;font-size: 12px;}
div#gdmaindiv {padding: 2px;}

@media print {
    body {background-color: transparent;}
    body {background-color: transparent;}
    body .hidprq, body .fixedHeader {display:none;visibility: collapse;}
    body col.hidprq {display:none;visibility: collapse;}
    body td.hidprq {display:none;visibility: collapse;}
    body .ln {background-color: #D0D0D0; color: black;}

    body .gdoddline,
    body tr.oddevenlines:nth-child(even)
    { background-color: #E0E0E0; color: black; }

    body .gdevenline,
    body tr.oddevenlines:nth-child(odd)
    { background-color: #FFFFFF; color: black; }

    body .headsort {color: black;}
}

@media screen {
    body .ln   {font-family: Arial; font-size: 8pt; color: #FFFFFF; text-align: center; text-decoration: none; font-weight: bold;}
    body .gdoddline  {font-family: Arial; font-size: 8pt; text-align: center; text-decoration: none;}
    body .gdevenline  {font-family: Arial; font-size: 8pt; text-align: center; text-decoration: none;}

    body .oddevenlines:nth-child(even)  {color: #000000; text-align: center; text-decoration: none;}
    body .oddevenlines:nth-child(odd)  {color: #000000; text-align: center; text-decoration: none;}
    body tr.oddevenlines.ln_dark {background: #BBBBFF;}
    body .oddevenlines.mouseovercolor:hover {background: #D0D0D0;}
    body .oddevenlines.mouseovercolorbg:hover {background: #D0D0D0;}

    body span.oddevenlines:nth-child(even), body span.oddevenlines:nth-child(odd) {border-top: dashed 1px gray;text-align: left;}
    body span.oddevenlines.mouseovercolorbg:hover {background-color: #D0D0D0;}

    .on_hover:hover {background-color: #D0D0D0;}

    .overlight, body .overlight, body .ln.overlight, body .gdoddline.overlight, body .gdevenline.overlight, body .ln_light.overlight, body tr.overlight td.ln, body tr.overlight td.ln_light,
    body tr.gdoddline.overlight td.weekend, body tr.gdevenline.overlight td.weekend
        {color: #0000FF; background: #BBEEBB; text-align: center; text-decoration: none;}

    .overlightfix, body .overlightfix, body .ln.overlightfix, body .gdoddline.overlightfix, body .gdevenline.overlightfix, body .ln_light.overlightfix, body tr.overlightfix td.ln, body tr.overlightfix td.ln_light,
    body tr.gdoddline.overlightfix td.weekend, body tr.gdevenline.overlightfix td.weekend
        {color: #0000FF; background: #BBEEBB; text-align: center; text-decoration: none;}

    .ln_sel, body .gdoddline.mouseovercolor:hover, body .gdevenline.mouseovercolor:hover, body .gdoddline.ln_sel, body .gdevenline.ln_sel, body .ln.ln_sel, body .ln_light.ln_sel, body tr.ln_sel td.ln, body tr.ln_sel td.ln_light,
    body tr.gdoddline.mouseovercolor:hover td.weekend, body tr.gdevenline.mouseovercolor:hover td.weekend, body tr.mouseovercolor:hover td.ln, body tr.mouseovercolor:hover td.lnnew
        {color: #DD0000; background: #D0D0D0;}

    .ln_sel, body .gdoddline.mouseovercolorbg:hover, body .gdevenline.mouseovercolorbg:hover, body tr.gdoddline.mouseovercolorbg:hover td.weekend, body tr.gdevenline.mouseovercolorbg:hover td.weekend, body tr.mouseovercolorbg:hover td.ln
        {background-color: #D0D0D0;}

    body .headsort {font-size: 8pt; cursor: pointer; COLOR: #FFFFFF; TEXT-DECORATION: none; font-weight: bold;}
    body .ln_light  {background-color: #89B8F3;}
    body tr.lngray td {color: #BB8844; font-style: italic; }
}

body .ln.lnl, body .gdoddline.lnl, body .gdevenline.lnl {text-align: left;}
body .ln.lnr, body .gdoddline.lnr, body .gdevenline.lnr {text-align: right;}

FORM {display:inline; margin:0px; padding: 0px;}
H1 {font-family:Arial;font-size:14px;}
td {font-family:Arial;font-size: 12px;}
.fieldastext {font-family:Arial;font-size:12px;cursor:pointer;border:0px;background-color:transparent;text-align:center;}
.flatinput {font-family:Arial;font-size: 12px;cursor:pointer;border: solid 1px transparent;background-color:transparent;text-align:right;}
.flatinputedit {font-family:Arial;font-size: 12px;cursor:pointer;border: solid 1px #BBBBBB;background-color:#FFFFCC;text-align:right;}
.flatinput:hover {border: solid 1px black;background-color:#D4FFD4;}

SUP.weekend {color:#00FFFF;}
.flattd:hover, body tr td.weekend.flattd:hover {background-color:#D9FFD9 !important;}
.flattdedit, body tr td.weekend.flattdedit {font-family:Arial;font-size: 12px;cursor:pointer;background-color:#FFFFCC !important;}
.flattdinput {font-family:Arial;font-size: 12px;cursor:pointer;border: solid 1px transparent;background-color:transparent;text-align:right;}

img {border:0px;}

div.dataTables_length label select,
div.dataTables_filter input,
.form, .gdinput {
    font-family: Arial;
    font-size: 12px;
    COLOR: #000000;
    padding: 2px 4px;
    border-radius: 0px;
    border-width: 1px;
}

select.form, select.gdinput {
    padding: 1px 2px;
}

input:disabled.form,
input:disabled.gdinput,
input.form:read-only,
input.gdinput:read-only,
input.gddate:read-only,
textarea.gdinput:read-only,
textarea.gdinput:disabled,
select.form:disabled,
select.gdinput:disabled {
    background-color: #FFFFFF33;
}

.gddate {
    font-family:Arial;
    font-size: 12px;
    BORDER: 1px solid;
    WIDTH: 70px;
    text-align: center;
    height: 13px;
    border-radius: 0px 0px 0px 0px;
    padding: 2px 4px;
}
.gddate.gdtime {WIDTH: 107px;}

div.gdtable.ui-widget-content,
div.gdtable div.ui-widget-content
{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}

div.ui-dialog.gdtable tr:last-of-type td.bottompartcolor
{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}

a, .ui-widget-content a {text-decoration: none;}
a:hover,  .ui-widget-content a:hover {text-decoration: underline;}

.userinfotext,
   .userinfotext a,
   .userinfotext a:hover {font-size: 12px; text-align:right; color:#FFFFFF; text-decoration: none;}
.topmenu {white-space: nowrap; text-align:left;}
.topmenu a:link, .topmenu a:visited, .topmenu a:active {padding-left: 15px; font-size: 12px; text-align:right; color:#FFFFFF; font-weight: bold; text-decoration: none;}
.topmenu a:hover {text-decoration: underline;}

a.hidelabels {color: white; cursor: pointer; display: inline;}
a.showlabels {color: white; cursor: pointer; display: none;}
a.shadowlink {text-shadow: gray 1px 1px 2px; text-decoration: none;}
a.shadowlink:hover {text-shadow: cyan 1px 1px 2px; color: black; text-decoration: none;}


tr.hidelabel a.hidelabels {display: none;}
tr.hidelabel a.showlabels {display: inline;}
td.gdtopmenuline {padding-left:12px;}

.loading {
    clear:both;
    background:url(../images/wait.gif) left top no-repeat;
    text-align:left;
    height: 47px;
    margin: 10px;
    padding:13px 0px 0px 75px;
    font-size:14px;
    display:none;
    font-family:Arial;
    font-weight: bold;
    border-radius: 0px;
    border-width: 1px;
    border-style: solid;
    box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.8);
}


table.containerclass {width:98%;margin-top: 5px;border-style: solid; border-width: 1px 0px 0px 1px; border-bottom-left-radius: 0px;}
div.uifloatpopup {display:none;}
div.uifloatpopup table.containerclass,
div#popupformiframe table.containerclass
{
    width:100%;
    margin: 0px;
}

table.containerclass td.leftpartcolor,
table.containerclass td.rightpartcolor,
table.containerclass td.leftpartcolor2,
table.containerclass td.leftpartcolor3,
table.containerclass td.bottompartcolor
  {border-style: solid; border-width: 0px 1px 1px 0px;}

.rightpartcolor {line-height: 18px;}
.leftpartcolor2 {white-space:nowrap; text-align: center;}
.leftpartcolor3 {white-space:nowrap; text-align: right;}
.bottompartcolor {text-align: center;}
.errors {FONT: 8pt Arial; text-align: center; FONT-WEIGHT: bold;}
.adm_menu_head {text-align: center; FONT-WEIGHT: bold;}

.but {FONT: 8pt Arial; COLOR: #000000; BACKGROUND-COLOR: #E0E0FF; BORDER: #555555 1px solid; cursor: pointer;}
.btgreen { color:green; }
.btred { color:red; }
button.but[disabled] { color: #BBBBBB; background-color: #EEEEEE; border-style: dotted;}
.das_vmenu {padding: 4px;border:1px solid #aaa;position:absolute;background:#fff; display:none;font-size: 12px;}

.headsort:hover {COLOR: #FFFFFF; TEXT-DECORATION: underline; font-weight: bold;}

div.searchresults {FONT: 12px Arial; padding: 2px 6px 2px 6px;border-bottom: 1px solid #FFFFFF;}
div.searchresults dt {FONT-WEIGHT: bold;margin:0;padding:0;cursor:pointer;}
div.searchresults dt i {FONT-WEIGHT: normal; float: right; padding-right:5px;}
div.searchresults dd {margin:0;padding:0;cursor:pointer;float:right;}
div.searchresults p, div.searchresults b {display:none;}

div.searchresults dd.suggest_selected {
    min-width: 19px;
    height: 16px;
    border: 0px;
    padding: 4px 20px 0px 0px;
    margin-top: -4px;
    vertical-align: middle;
    background: url(../images/checkbox.png) 0px -39px no-repeat;
    background-position-x: right;
}

#ddsearchdiv {position: absolute;display:none;width:400px; text-align: left; border: 1px solid;z-index:9990;}

input[type="checkbox"], input[type="radio"] { vertical-align:middle; }

table.fixedrowheight table td { height: 22px;}

#minicolors { display: none; COLOR: #999; cursor: move; line-height: 1em; FONT-FAMILY: Arial; font-size: 12px; POSITION: absolute; background: #000; padding-bottom: 8px; border: 1px solid #111; WIDTH: 148px; HEIGHT: 155px; Z-INDEX: 100; }
#minicolors div { margin: 0; padding: 0; }
#minicolors .north { background: #111; border-bottom: 1px solid #171717; }
#minicolors .north div { color: #999; float: right; padding: 5px 7px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#minicolors .north div:hover { COLOR: #DE83AD; }
#minicolors .south { margin: 32px 10px 0 10px; cursor: crosshair; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#minicolors .south div { background: url('../images/miniCurr.gif') no-repeat; position: absolute; height: 9px; width: 9px; z-index: 101; }
#minicolors .south img { height: 100%; WIDTH: 100%; position: relative; TOP: -8px; LEFT: -1px; }
#minicolors #mHEX { padding: 5px 0 4px 7px; cursor: text; float: left; }
#minicolors #mHEX:hover { color: #DE83AD }
#minicolors #mSize { float: right; top: -14px; left: 7px; position: relative; height: 14px; width: 14px; cursor: se-resize }

table.collapsed td.hideable {display: none;visibility: collapse;}
table.collapsed col.hideable {display: none;visibility: collapse;}

.disabled { opacity: 0.5; filter: alpha(opacity=50); }

.sml, .smalltxt {font-size:8px; font-weight: normal;}
.med, .mediumtxt {font-size:9px; font-weight: normal;}

.calmonthnames {font-size: 14px; text-decoration: italic; font-weight: bold;}
.caldaynames {text-align: center; text-decoration: none; font-weight: bold;}
.calcell {width:30px;height:30px;font-size: 16px; cursor:pointer;}
.calcurday {border: solid 1px black; font-size: 18px; font-weight: bold; text-decoration: underline;}

#calselectallwork,
.calallwork:not(.calselectallwork),
.calcell.calallwork:not(.calselectallwork),
td.calcell.calselectallwork:not(.calallwork) {background-color: #aafdaa;}

.calhead { font-size: 16px; font-weight: bold; }

.caluseday { border: solid black 2px;}
.calcanusedays { cursor: pointer;}

/* disable Chrome input's outline effect */
textarea.flattdinput:focus, input.flattdinput:focus , select.flattdinput:focus, #menusearch:focus {
    outline: 0;
}



.textinfoinfo, .textinfosuccess, .textinfowarning, .textinfoerror {
    border: 1px solid;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    -moz-border-radius:.5em;
    -webkit-border-radius:.5em;
    border-radius:.5em;
    width: auto;
    min-width: 250px;
    max-width: 600px;
    text-align:left;
}
.textinfodiv center {
    padding: 10px 0px;
}
div.uifloatpopup  div.textinfodiv center {
    padding: 0px;
}
.textinfoinfo {
    color: #004299;
    background-color: #bed7f7;
    background-image: url('../images/infoboxbox.png');
}
.textinfowarning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/warningbox.png');
}
.textinfosuccess {
    background-image:url('../images/successbox.png');
}
.textinfoerror {
    background-image: url('../images/errorbox.png');
}

.msgdivobj {
    max-width: 500px;
    position: absolute;
    padding: 5px;
    z-index: 1000;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    background-color: #FFFFFF;
    color: #000000;
}

.msgdivobj td {
    font-size: 12px;
    padding: 0px;
}

div.ui-dialog.gdtable {
    padding: 0px;
    border: 0px;
}

div.ui-dialog.gdtable div.ui-dialog-content {
    padding: 0px;
    border: 0px;
}

div.ui-datepicker-header,
div.gdtable div.ui-widget-header,
div.gdtable ul.ui-widget-header {
    border-radius: 0px;
}

div.gdtable div.ui-tabs,
div.gdtable ul.ui-tabs-nav {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border: 0px;
}

ul.ui-tabs-nav li.ui-corner-top {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

ul.ui-tabs-nav li.ui-corner-top a {
    padding: .3em .8em;
    outline-color: transparent;
}

.ui-dialog.ui-visoverflow { overflow: visible;}
.ui-dialog.ui-visoverflow .ui-dialog-content { overflow: visible;}

.ui-datepicker-trigger {
    cursor: pointer;
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    margin-bottom: 3px;
    padding: 2px;
    margin-left: -1px;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    BORDER: 0px;
}

table.ui-datepicker-calendar td a {
    font-weight: bold;
}
.ui-datepicker td.ui-datepicker-week-col {
    padding: 4px;
}

div, span, ul, li, a {
    outline-color: transparent;
    outline: none;
}

body .lst_left { text-align: left; }
body .lst_right { text-align: right; }


/* For VALIDATE plugin  */
textarea.errorformcolor, input.errorformcolor, select.errorformcolor {
    BACKGROUND-COLOR: #FFE0E0;
    BORDER: #AA7777 1px dotted;
}
label.errorformcolor {
    width: auto;
    display: block;
    COLOR: #CC7777;
    padding: 2px;
}
.das_showcolor {
    width: 100%;
    height: 100%;
}

body.dсbn0 A.hitClink,
body.dсbn0 TD.hitClink A {
   pointer-events: none;
   cursor: default;
}


body.dсbn1 A.hitClink:not(:hover),
body.dсbn1 TD.hitClink A:not(:hover) {
    border-bottom-width: 1px;
}

body.dabn0 .toAbn1 {
    display: none;
}

body.dabn1 .toAbn0 {
    display: none;
}

body.dсbn0 .toCbn1 {
    display: none;
}

body.dсbn1 .toCbn0 {
    display: none;
}

body.dsbn0 .toSbn1 {
    display: none;
}

body.dsbn1 .toSbn0 {
    display: none;
}

div.HoEd_BR:hover {
  background-image: url(../images/icon3.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}

div.HoInf_BR:hover {
  background-image: url(../images/info.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}

div.HoEd_TD {
  background-image: url(../images/edit.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
  position: absolute;
  width: 12px;
  height: 12px;
  right: 0px;
  top: 0px;
  opacity: 0.2;
  cursor: pointer;
}

TD:hover > div > div.HoEd_TD {
  opacity: 1;
}

@-webkit-keyframes errorblinker {
  from { color: white; }
  to { color: red; }
}

.error-blink {
  -webkit-animation-name: errorblinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s;
}

.notpaidclr {
    bottom:0px;
    right:0px;
    width: 100%;
    height:1px;
    line-height: 1px;
    border: 0px;
    background-color: #F00;
    display: block;
    position: absolute;
}

blink {
  -webkit-animation: blink 1s steps(5, start) infinite;
  -moz-animation:    blink 1s steps(5, start) infinite;
  -o-animation:      blink 1s steps(5, start) infinite;
  animation:         blink 1s steps(5, start) infinite;
}

@-webkit-keyframes blink {
  to { visibility: hidden; }
}
@-moz-keyframes blink {
  to { visibility: hidden; }
}
@-o-keyframes blink {
  to { visibility: hidden; }
}
@keyframes blink {
  to { visibility: hidden; }
}

tr.tr_plus_ok,
tr.plus_ok td.rightpartcolor:not(.tdaddon) { display: none; }

#flytextline {
    position: absolute;
    padding: 2px;
    z-index: 99999;
    display: block;
    border: 1px solid;
    font-size: 12px;
    border-radius:4px;
    text-align: center;
    width: auto;
    height: auto;
}

.forceHide {display: none;}

.leftpartcolor3 {
    width: 150px;
}
. rightpartcolor3 {
    width: 350px;
    line-height: 18px;
}



table#gdtableml {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-width: 1px;
    border-style: solid;
}
table#gdtableml div#faketoprow{
    border-top-left-radius: 8px;
    position: absolute;
}
table#gdtableml td.userinfotext {
    border-top-right-radius: 8px;
}
table#gdtableml div#faketoprow,
table#gdtableml tr#mainmenutr > td,
table#gdtableml tr#mainmenutr > td > table {
    height: 28px;
}

table#gdtableml div.gdmenu.isStuck,
table#gdtableml tr#mainmenutr > td > table {
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

table#gdtableml td.toplogo {
    height: 64px;
    border-top-left-radius: 8px;
    border-top-right-radius: 26px;
    border-bottom-right-radius: 26px;
    position: relative;
    border-right-style: solid;
    border-right-width: 1px;
}
table#gdtableml td.toplogo div {
    height: 100%;
    background-repeat: no-repeat;
}
table#gdtableml td.userinfotext {
    padding-right: 8px;
}

table#gdtableml tr#gdmenudd > td {
    border-width: 1px 0 0 0;
    border-style: solid;
}

tr#gdmenudd > td,
tr#gdmenudd > td > table,
tr#gdmenudd td.gdtopmenuline > div.gdmenu {
    height: 35px;
}
table#gdtableml tr#gdmenudd td.gdtopmenuline > div.gdmenu {
    font: normal 12px Arial;
    width: 100%;
}

table#gdtableml tr#gdmenudd td.gdtopmenuline > div.gdmenu ul li a.topmenuitem {
    background-position: 0px -1px;
}

.ui-timepicker-div {
    padding: 0 6px;
}

#menusearch {
    border-radius: 0px;
    padding: 1px 6px;
    color: black;
    width: 100px;
    font-size: 12px;
    margin-top: 2px;
    border: 1px dashed;
}

.contenttable {width:100%}

#tabBar TD.tabNone {
    border-width: 0;
    background-color: transparent;
    background-image: none;
}

#tabBar TD {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    padding: 6px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    font-weight: bold;
}

.tabSelected {background-color: #E0E0FF;border-width: 2px 2px 0 2px;}
#tabBar .tabUnselected.tabOver {background-color: #F3F3FF;}
.tabUnselected {background-color: #C0C0FF;border-width: 2px 2px 1px 2px;border-bottom-style: groove !important;cursor: pointer;}
.tabNone {border-width: 0 0 2px 0;border-style: inset !important;width:100%;}

.autofillarea {
    text-decoration: none;
    border-bottom: blue 1px dashed;
    cursor: pointer;
}