* { margin: 0; padding: 0; } 
body, select, table, input, textarea { font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif; font-size: 9pt; color: black; }
body, div.page4Talign { } /* background-color: #efefef; */

* { margin: 0; padding: 0; } 
/* body { margin: 8px; } */

/* dynamic grid display overrides for grids used in forms */
div.gNavSearchArea { width: 599px; }
/*div.gNavSearchArea {width:auto;}*/
div.gcriteria { margin-bottom: 5px; }
p.gnewrecord { margin: 0px; margin-left: 57px; text-align: left; }

/* Add bookmark link on start page */
#addBookmarkContainer { font-size: 0.8em; }
#addBookmarkContainer a { color: #333333; text-decoration: none; }
#addBookmarkContainer a:hover { color: #333333; text-decoration: underline; }

/* deprecated items */
/* this will be removed when I have updated all controls */
.ddFormHide4T { display: none; visibility: hidden; width: 0px; height: 0px; float: left; position: relative; left: 0px; top: 0px; }
/* end - deprecated items */
.net4tDFCommand { display: inline; } /* inline-flex */
.net4tDFCommand .dfbutton { float: none!important; display: inline-block; }

/* this is for the actual hidden controls panel - remove also when all controls handle hidden properly */
.ddHidden4T { visibility: hidden; height: 0; width: 0; }

.ddform .dfpage { width: 100%; border: 1px solid gray; height: auto; padding: 7px; background-color: white; text-align: left; margin: auto; }
.ddform .headerPanel { margin: 0px; padding: 5px; } /* { background-color: #428BCA; } { width: 95%; background-color: #8ad2ed; margin: 0px; padding: 5px; border: 1px solid darkgray; background-image: url('../ig_res/LucidDream/images/igdm_RootHover.png'); background-position: top; background-repeat: repeat-x; } */
.ddform .headerPanel_Plain { width: 100%; clear: right; }
.ddform .verifyPanel { padding-bottom: 0.5em; padding-top: 0.5em; padding-left: 0.5em; border: 2px solid red; }
.ddform .framePanel { margin: 0px; padding: 0px; position: relative; }

.ddform .ddhelp { position: absolute; left: 135px; top: 0px; z-index: 100; } 

.ddform .dfCaptionFrame { float: left; padding-top: 0.2em; } /* position: relative; margin: 0px; padding: 0px; */ /* width: 160px; */
/* .ddform td.ddf_fullrow .dfCaptionFrame { width: auto!important; } */
.ddform .dfDetailFrame { overflow: hidden; padding-right: 8px; text-align: left; } /* clear: right; width: auto; position: relative; margin: 0px; padding: 0px;  */

/* top-level classes that will affect all lower control classes that inherit them */
.ddform .captionLabel { text-align: left; vertical-align: top; padding-top: 4px; margin-right: 3px; }
.ddform .dbutton { width: 110px; margin-right: 0.2em; }
.ddform .framePanel { vertical-align: top; }

.ddform .bulletLabel { width: 0px; }
.ddform .noteLabel { width: 95%; }
.ddform .headerPanel .titleLabel { border-bottom: 1px solid gray; width: 100%; } /*margin-left: 1%; width: 95%; */

.ddform .doclinkLabel { text-align: left; width: 20px; vertical-align: top; }

/* form frame and table elements */
.ddform td.ddf { text-align: left; padding: 2px 0px 2px 0px; vertical-align: top; } /* padding: 2px; */
.ddform tr.ddf_col2 td.ddf_col1, .ddform tr.ddf_col2 td.ddf_col2 { width: 50%; } /* Default 2 col layout */
.ddform tr.ddf_col3 td.ddf_col1, .ddform tr.ddf_col3 td.ddf_col2, .ddform tr.ddf_col3 td.ddf_col3 { width: 33%; } /* Default 3 col layout */
.ddform tr.ddf_col4 td.ddf_col1, .ddform tr.ddf_col4 td.ddf_col2, .ddform tr.ddf_col4 td.ddf_col3, .ddform tr.ddf_col4 td.ddf_col4 { width: 25%; }/* Default 4 col layout */
.ddform td.ddf_fullrow { width: 100%; }

/* common bullet and label caption classes */
.ddform .dfbullet_col1 { }
.ddform .dfbullet_col2 { }
.ddform .dfbullet_col3 { }
.ddform .dfbullet_col4 { }

.ddform .dfcaption { }
.ddform .dfcaption_col1 { width: 150px; }
.ddform .dfcaption_col2 { width: 150px; }
.ddform .dfcaption_col3 { width: 150px; }
.ddform .dfcaption_col4 { width: 150px; }
/* .ddform .dfcaption_fullrow { width: 505px; } */
.ddform td[colspan="2"].ddf_fullrow .dfcolspan2 .dfCaptionFrame { 
    width: -moz-calc(50% + 157px);     /* Firefox */
    width: -webkit-calc(50% + 157px);  /* WebKit */
    width: -o-calc(50% + 157px);       /* Opera */
    width: calc(50% + 157px);          /* Standard */
}
.ddform .dflinkbutton .dfCaptionFrame {
    width: initial!important;           /* Temporary override for hyperlink formatting */
}

/* readonly styles.  */
.ddform .readonlyLabel { width: 182px; overflow: hidden; min-height: 1.1em; padding: 2px; background-color: #efefef; border: #666666 1px solid; color: Black; } 
.ddform .readonlyLabel_fullrow { width: 100%; } /* min-height: 1.1em; */



/* title label control (note: this is NOT the caption labels for each control and not to be confused with the label.title css class for the entire app) */
.dftitle .sectionLabel { text-align: left; }
.dftitle .col1 { width: 300px; }
.dftitle .col2 { width: 300px; }
.dftitle .col3 { width: 300px; }
.dftitle .col4 { width: 300px; }
.dftitle .fullrow { width: 100%; }
/* ccp label allows heading to be created which look like the CCP control's headings, useful for standard look-feel on a form with CCP control */
.dftitle .ccpLabel { background-color: #d0d0d0; border: 1px solid gray; font-size: 1em; letter-spacing: 0; margin: 5px 0px; padding: 5px 0px 5px 5px; width: 100%; }

/* in page button control */
div.dfbuttonwithsubcaption {text-align:center; background-color:Transparent;}
.dfbutton .subcaptionlabel {text-align:center; margin-top:0.5em; margin-bottom:0.3em; margin-left:0em; margin-right:0em; display:block;}

.dfcmdbutton .dbutton { width: 90px; margin-right: 0em; }
/* .dfcmdbutton .captionLabel { text-align: right; margin-top:0.6em; padding-right:0.5em; } */
/* .dfcmdbutton .dfcaption_fullrow { width: 596px; } */

.dflinkbutton .link {border:1px solid #666666; background-color: #dddddd; text-align:left; padding-top:4px; padding-left:2px; padding-bottom:4px;}
.dflinkbutton .col1 {width: 182px;}
.dflinkbutton .col2 {width: 182px;}
.dflinkbutton .fullrow {width: 100%; display: inline-block;}

/* lookup control */
.dflookup .dlkpbuttongrp { float: right; }
.dflookup .dlkpbutton { float: right; width: 30px; height: 24px; margin-right: 0em; margin-left: 2px; }
.dflookup .dlkpbuttonctrl { overflow: hidden; padding-right: 8px; }
.dflookup input.text { vertical-align: top; text-align: left; padding: 2px; } /* width: 68%; */
.dflookup textarea { line-height: 1.16em; }
.dflookup .col1 { width: 100%; } /* width: 138px; */
.dflookup .col2 { width: 100%; } /* width: 138px; */
.dflookup .col3 { width: 100%; } /* width: 138px; */
.dflookup .col4 { width: 100%; } /* width: 138px; */
.dflookup .fullrow { width: 100%; } /* width: 488px; */

.dflookup .noclr { width: 160px; }
.dflookup .noclrFull { width: 514px; }

/* single and multi line text control */
.dftext { }
.dftext .col1 { width: 100%; }
.dftext .col2 { width: 100%; }
.dftext .fullrow { width: 100%; } /* width: 77%; */
.dftext .dbutton { width: 120px; float: right; } /* margin-right: 10px; */ 

/* multi line text control only */
.dftext textarea { }

/* editable canvas control */
.dfcanvas { }
.dfcanvas .col1 { width: 100%; }
.dfcanvas .col2 { width: 100%; }
.dfcanvas .col3 { width: 100%; }
.dfcanvas .col4 { width: 100%; }
.dfcanvas .fullrow { width: 100%; }
.dfcanvas img { border: 1px solid black !important; width: 97%; }
.dfcanvas canvas {  border: 1px solid black; }

/* html editing and preview control */
.dfhtml { }
/*
.dfhtml .col1 { width: 182px; }
.dfhtml .col2 { width: 182px; }
*/
.dfhtml .fullrow { width: 100%; }
.dfhtml .fullrow.noCaption { width: 100%; }
.dfhtml .dbutton { width: 120px; float: right; } /* margin-right: 10px; */ 
.dfhtml table.html td.dx > table { width: 100% ! important; }

/* html rendering control */
.dfliteral { display: inline-block; }
.dfliteral .col1 { display: inline-block; width: 182px; }
.dfliteral .col2 { display: inline-block; width: 182px; }
.dfliteral .col3 { display: inline-block; width: 182px; }
.dfliteral .col4 { display: inline-block; width: 182px; }
.dfliteral .fullrow { display: inline-block; width: 77%; }

/* calendar / scheduler editing control */
.dfscheduler { }
.dfscheduler .col1 { width: 182px; }
.dfscheduler .col2 { width: 182px; }
.dfscheduler .col3 { width: 182px; }
.dfscheduler .col4 { width: 182px; }
.dfscheduler .fullrow { width: 77%; }
.dfscheduler .fullrow.noCaption { width: 100%; }
/*
.dfscheduler .dbutton { width: 120px; float: right; } 
.dfscheduler table.html td.dx > table { width: 100% ! important; }
*/

/* date control */
/* .dfDate table.text { width: 189px; } */
.dfDate .text { text-align: right; }
.dfDate .col1 { width: 100%; }
.dfDate .col2 { width: 100%; }
.dfDate .col3 { width: 100%; }
.dfDate .col4 { width: 100%; }
.dfDate .fullrow { width: 100%; }
.dfDate .calimg { margin-left: 0px; margin-right: 0px; margin-top: 4px; }

/* used when date and time are displayed, still inherits from .dftext.date */
.dfDateTime .col1 { width: 100%; }
.dfDateTime .col2 { width: 100%; }
.dfDateTime .col3 { width: 100%; }
.dfDateTime .col4 { width: 100%; }
.dfDateTime .fullrow { width: 100%; }
.dfDateTime .calimg { margin-right: 10px; }

.dfDate .time { width: 21px; }
.dfDate .timecolon { text-align: center; position:relative; width: 8px; top:0.4em;}


/* numeric text control */
.dfNumber { }
.dfNumber .col1 { width: 100%; }
.dfNumber .col2 { width: 100%; }
.dfNumber .col3 { width: 100%; }
.dfNumber .col4 { width: 100%; }
.dfNumber .fullrow { width: 100%; }

.dfNumber .text.numberText input[type="text"] { text-align:right } /* Numbers align right in text boxes */
.dfNumber .text.numberText td.dxic { padding-right: 7px !important; }

/* check box control */
.dfCheck { }
.dfCheck .check { text-align: left; margin-left: 4px; }
.dfCheck input { margin-left: -4px; }
.dfCheck .col1 { width: 100%; }
.dfCheck .col2 { width: 100%; }
.dfCheck .col3 { width: 100%; }
.dfCheck .col4 { width: 100%; }
.dfCheck .fullrow { width: 100%; }
.dfCheck .dfcaption_fullrow { width: 504px; }

/* file upload control (must be full row width) */
.dffile .fullrow { width: 474px; vertical-align: bottom; }
.dffile .nosave { width: 536px; }

.dffile .dbutton { width: 60px; height: 17px; margin-right: -1px; margin-top: 1px; padding: 0px; vertical-align: top; }
.dffile .dfcaption_col1 { margin-right: 2px; }

/* option group control */
.dfoptiongroup { vertical-align: top; }

.dfoptiongroup .col1 { width: 100%; }   /* width: 320px; */
.dfoptiongroup .col2 { width: 100%; }   /* width: 320px; */
.dfoptiongroup .col3 { width: 100%; }   /* width: 320px; */
.dfoptiongroup .col4 { width: 100%; }   /* width: 320px; */
.dfoptiongroup .fullrow { width: 100%; } /* width: 536px; */
.dfoptiongroup .dfcaption_col1 { margin-right: 1px; }
.dfoptiongroup td { padding-bottom: 4px; }

/* Attempt to wrap items appropriately (mainly for CCP Standard Mode) */
/* Note we have to hard code the item limit */

/* two items */
.dfoptiongroup label:nth-child(2):nth-last-child(3) { display: inline-block; width: 45%; }

.dfoptiongroup label:nth-child(4):nth-last-child(1):after { content: ' '; display: block; line-height: 1px; }

/* three items */
.dfoptiongroup label:nth-child(2):nth-last-child(5),
.dfoptiongroup label:nth-child(6):nth-last-child(1) { display: inline-block; width: 45%; }

.dfoptiongroup label:nth-child(4):nth-last-child(3):after { content: ' '; display: block; line-height: 1px; }

/* four items */
.dfoptiongroup label:nth-child(2):nth-last-child(7),
.dfoptiongroup label:nth-child(6):nth-last-child(3) { display: inline-block; width: 45%; }

.dfoptiongroup label:nth-child(4):nth-last-child(5):after, 
.dfoptiongroup label:nth-child(8):nth-last-child(1):after { content: ' '; display: block; line-height: 1px; }

/* five items */
.dfoptiongroup label:nth-child(2):nth-last-child(9),
.dfoptiongroup label:nth-child(6):nth-last-child(5),
.dfoptiongroup label:nth-child(10):nth-last-child(1) { display: inline-block; width: 45%; }

.dfoptiongroup label:nth-child(4):nth-last-child(7):after, 
.dfoptiongroup label:nth-child(8):nth-last-child(3):after { content: ' '; display: block; line-height: 1px; }

/* six items */
.dfoptiongroup label:nth-child(2):nth-last-child(11),
.dfoptiongroup label:nth-child(6):nth-last-child(7), 
.dfoptiongroup label:nth-child(10):nth-last-child(3) { display: inline-block; width: 45%; }

.dfoptiongroup label:nth-child(4):nth-last-child(9):after,
.dfoptiongroup label:nth-child(8):nth-last-child(5):after,
.dfoptiongroup label:nth-child(12):nth-last-child(1):after { content: ' '; display: block; line-height: 1px; }

/* seven items */
.dfoptiongroup label:nth-child(2):nth-last-child(13),
.dfoptiongroup label:nth-child(6):nth-last-child(9),
.dfoptiongroup label:nth-child(10):nth-last-child(5),
.dfoptiongroup label:nth-child(14):nth-last-child(1) { display: inline-block; width: 45%; }

.dfoptiongroup label:nth-child(4):nth-last-child(11):after,
.dfoptiongroup label:nth-child(8):nth-last-child(7):after, 
.dfoptiongroup label:nth-child(12):nth-last-child(3):after { content: ' '; display: block; line-height: 1px; }

/* eight items */
.dfoptiongroup label:nth-child(2):nth-last-child(15),
.dfoptiongroup label:nth-child(6):nth-last-child(11),
.dfoptiongroup label:nth-child(10):nth-last-child(7), 
.dfoptiongroup label:nth-child(14):nth-last-child(3) { display: inline-block; width: 45%; }

.dfoptiongroup label:nth-child(4):nth-last-child(13):after,
.dfoptiongroup label:nth-child(8):nth-last-child(9):after,
.dfoptiongroup label:nth-child(12):nth-last-child(5):after,
.dfoptiongroup label:nth-child(16):nth-last-child(1):after { content: ' '; display: block; line-height: 1px; }

/* nine items */
.dfoptiongroup label:nth-child(2):nth-last-child(17),
.dfoptiongroup label:nth-child(6):nth-last-child(13),
.dfoptiongroup label:nth-child(10):nth-last-child(9),
.dfoptiongroup label:nth-child(14):nth-last-child(5),
.dfoptiongroup label:nth-child(18):nth-last-child(1) { display: inline-block; width: 45%; }

.dfoptiongroup label:nth-child(4):nth-last-child(15):after,
.dfoptiongroup label:nth-child(8):nth-last-child(11):after,
.dfoptiongroup label:nth-child(12):nth-last-child(7):after, 
.dfoptiongroup label:nth-child(16):nth-last-child(3):after { content: ' '; display: block; line-height: 1px; }

/* ten items */
.dfoptiongroup label:nth-child(2):nth-last-child(19),
.dfoptiongroup label:nth-child(6):nth-last-child(15),
.dfoptiongroup label:nth-child(10):nth-last-child(11),
.dfoptiongroup label:nth-child(14):nth-last-child(7), 
.dfoptiongroup label:nth-child(18):nth-last-child(3) { display: inline-block; width: 45%; }

.dfoptiongroup label:nth-child(4):nth-last-child(17):after,
.dfoptiongroup label:nth-child(8):nth-last-child(13):after,
.dfoptiongroup label:nth-child(12):nth-last-child(9):after,
.dfoptiongroup label:nth-child(16):nth-last-child(5):after,
.dfoptiongroup label:nth-child(20):nth-last-child(1):after { content: ' '; display: block; line-height: 1px; }


/* check group control */
.dfcheckgroup .col1 { width: 100%; }
.dfcheckgroup .col2 { width: 100%; }
.dfcheckgroup .col3 { width: 100%; }
.dfcheckgroup .col4 { width: 100%; }
.dfcheckgroup .fullrow { width: 100%; } /* width: 536px; */
.dfcheckgroup .ccp { width: 188px; }
.dfcheckgroup td { padding-bottom: 4px; }

.dfcheckgroup table { vertical-align: top; }
.dfcheckgroup td { vertical-align: top; }
.dfcheckgroup .dfcaption_col1 { margin-right:4px; }
/*.dfcheckgroup label { padding-left: 5px; }*/ /*TODO: Remove if unneeded*/

/* Attempt to wrap items appropriately (mainly for CCP Standard Mode) */
/* Note we have to hard code the item limit */

/* one item */
.dfcheckgroup td:first-child:nth-last-child(1) { width: 100%; }

/* two items */
.dfcheckgroup td:first-child:nth-last-child(2),
.dfcheckgroup td:first-child:nth-last-child(2) ~ td { width: 50%; }

/* three items */
.dfcheckgroup td:first-child:nth-last-child(3),
.dfcheckgroup td:first-child:nth-last-child(3) ~ td { width: 33.3333%; }

/* four items */
.dfcheckgroup td:first-child:nth-last-child(4),
.dfcheckgroup td:first-child:nth-last-child(4) ~ td { width: 25%; }

/* five or more items */
.dfcheckgroup td:first-child:nth-last-child(5), .dfcheckgroup td:first-child:nth-last-child(5) ~ td { display: table; }
.dfcheckgroup td:first-child:nth-last-child(6), .dfcheckgroup td:first-child:nth-last-child(6) ~ td { display: table; }
.dfcheckgroup td:first-child:nth-last-child(7), .dfcheckgroup td:first-child:nth-last-child(7) ~ td { display: table; }
.dfcheckgroup td:first-child:nth-last-child(8), .dfcheckgroup td:first-child:nth-last-child(8) ~ td { display: table; }
.dfcheckgroup td:first-child:nth-last-child(9), .dfcheckgroup td:first-child:nth-last-child(9) ~ td { display: table; }
.dfcheckgroup td:first-child:nth-last-child(10), .dfcheckgroup td:first-child:nth-last-child(10) ~ td { display: table; }
.dfcheckgroup td:first-child:nth-last-child(11), .dfcheckgroup td:first-child:nth-last-child(11) ~ td { display: table; }
.dfcheckgroup td:first-child:nth-last-child(12), .dfcheckgroup td:first-child:nth-last-child(12) ~ td { display: table; }
.dfcheckgroup td:first-child:nth-last-child(13), .dfcheckgroup td:first-child:nth-last-child(13) ~ td { display: table; }
.dfcheckgroup td:first-child:nth-last-child(14), .dfcheckgroup td:first-child:nth-last-child(14) ~ td { display: table; }
.dfcheckgroup td:first-child:nth-last-child(15), .dfcheckgroup td:first-child:nth-last-child(15) ~ td { display: table; }

/* drop down control */
.dfdropdown .col1 { width: 100%; }
.dfdropdown .col2 { width: 100%; }
.dfdropdown .col3 { width: 100%; }
.dfdropdown .col4 { width: 100%; }
.dfdropdown .fullrow { width: 100%; } /* 78%; } */

/* write once control */
.dfwriteonce .dbutton { width: 30px; }
.dfwriteonce .col1 { width: 148px; }
.dfwriteonce .col2 { width: 148px; }
.dfwriteonce .col3 { width: 148px; }
.dfwriteonce .col4 { width: 148px; }
.dfwriteonce .fullrow { width: 515px; }

/* status control (control must be full row width) */

div.dfstatus { } /* vertical-align: baseline; */
div.dfstatusctrl { overflow: hidden; padding-right: 8px; }
.dfstatusctrl .label { width: 100%; }
.dfstatus .label { } /* text-align: left; width: 100%; */
.dfstatus .label_fullrow { } /* width: 100%; margin-right: auto; */
.dfstatus .dropdown { width: 100%; } /* margin-left: 10px; width: 50%; margin-top: 1px; float: right; */

/* bomitem control (control must be full row width) */
.dfbomitem .frame { text-align: left; }
.dfbomitem .captionLabel { }
.dfbomitem .captionLabelRow { }
.dfbomitem .captionLabelConfig { }
.dfbomitem td { vertical-align: middle; }
.dfbomitem td.bomlink { width: 20%; text-align: center; }
.dfbomitem td.bomlinkdisabled { }

a.dfbomitem { vertical-align: middle; }

/* pegging summary control (control must be full row width) */
.dfpegging .frame { padding-left: 5pt; text-align: left; }
.dfpegging .captionLabel { width: auto; }
.dfpegging .captionLabelRow { }
.dfpegging .captionLabelConfig { }

.dfpegging td { vertical-align: middle; }
.dfpegging td.peglink { width: 15%; text-align: center; }
.dfpegging td.peglinkdisabled { }

a.dfpegging { vertical-align: middle; }

.dfimage { }
.dfimage_col1_nolabel { text-align: left; }
.dfimage_fullrow_nolabel { text-align: center; }

.dfiframe { }
.dfiframe_col1_nolabel { text-align: left; }
.dfiframe iframe { border: solid 1px black; }
.dfiframe input.button { border: solid 1px black; border-bottom: none; float: right; cursor: pointer; height: auto; padding: 2px 10px 2px 10px; } /* background-color: #efefef; */

.dfchart {}
.dfchart .fullrow { width: 100%; }
.dfchart table { width: 100%; }
.dfchart img { width: 100%; height: auto; }

/* tree view control (must be full row) */
.dftreeview .tvmain { text-align: left; vertical-align: top; margin-bottom: 1.5em; padding-bottom: 1em; }
.dftreeview .fullrow { width: 100%!important; }
.dftreeview .tvbranch { }
.dftreeview .tvbranchcheck { }
.dftreeview .tvleaf { }
.dftreeview .tvleafcheck { }

.dftreeview .dfcaption_col1 { margin-right: 3px; }
.dftreeview dfbullet_col1 { }

/* journal control */
.dfjournal div.JournalFrame { float: right; width: 536px; text-align: left; }
.dfJournal #jnlProgress { position: absolute; float: left; left: 200px; top: 20px; width: 250px; height: 40px; text-align: center; padding-top: 20px; z-index: 9999; }
.dfJournal #jnlInnerNewEntry { padding: 1em; width: 100%; }

.dfjournal .dfcaption { float: left; margin-left: 12px; }
.dfjournal div.jnlHeader { width: 100%; padding: 0.3em; }

.dfjournal span.jnlcaption { padding-right: 0.5em; padding-left: 0.5em; }

.dfjournal .jnlEntry { clear: left; float: left; width: 95%; }
.dfjournal .jnlEntryEdit { }
.dfjournal .jnlEntryNew { }

.dfjournal hr.jnlDivider { margin-top: -0.5em; margin-bottom: 0em; padding: 0px; }
.dfjournal div.jnlNew { width: 99%; text-align: left; }
.dfjournal div.jnlList { overflow: auto; width: 100%; height: 400px; padding-left: 0.5em; padding-top: 0.2em; text-align: left; }
.dfjournal div.jnlDetail { width: 97%; margin-bottom: 0.3em; vertical-align: top; }
.dfJournal .jnlToolbar { float: right; vertical-align: top; width: 5%; overflow-x: clip; text-align: center; }
/*
.dfjournal span.jnlEntry {height:3em;}
.dfjournal pre {margin-top:0em; margin-bottom:0px; white-space:pre-wrap;}
*/

div.dfGrid { text-align: left; }
/* .dfGrid .ddGridCaption { float: left; width: 165px; margin: 0px; padding: 0px; position: relative; text-align: right; margin-top: 2px; } */
/* .dfGrid .ddGridDetails { float: right; clear: right; width: 536px; margin: 0px; padding: 0px; position: relative; text-align: left; overflow-x: hidden; } */
.ddform .ddGridCaption { float: left; width: 150px; margin: 0px; padding: 0px; padding-top: 0.2em; position: relative; }
.ddform .ddGridDetails { float: right; clear: right; width: 100%; margin: 0px; padding: 0px; position: relative; text-align: left; }
.dfGrid .ddGridCaption .dfCaption { margin-right: 4px; }
.dfGrid .ddGridDetails div.gcommand { } /* width: 536px; } */
.dfgrid td table { margin-top: 0px; } /* { margin-top: 2px; } */
.dfgrid .pnlToolbar .dfCaptionFrame { display: none; }
.msDDGrid .ddGridDetails table  { width: 100%; } 

.dfAjaxDate { position: absolute; z-index: 22; }

.ajaxmodalPopup { padding: 3px; width: 70%; }
.ajaxmodalDragBar { width: 100%; text-align: center; cursor: move; }

/* File Upload Control (DD4TFileUpload.ascx) */
.uploadContainer {
    float: left;
    width: 100%;
    min-width: 320px;
    min-height: 200px;
    padding-top: 10px;
}

.uploadContainer .uploadControl {float: left; width: 100%; height: 200px;}
/* Increase the height of the upload control and browse button */
.uploadContainer .dxucControl_Moderno {height: 100%;}
.uploadContainer .dxucControl_Moderno .dxucInputs_Moderno {height: 100%;} /* upload control */

.uploadDescriptionContainer {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%; /* description textbox width */
}

.uploadDescriptionContainer .dxeTextBoxDefaultWidthSys {
    width: 100%; 
}

/* DropZone styles */
.uploadContainer .dxucInlineDropZoneSys {
    text-align: center;
    vertical-align: middle;
    position: fixed;
    box-sizing: border-box;
    background-color: rgba(7, 86, 5, 0.39);
    border: 2px solid rgba(5, 101, 15, 0.76);
    border-radius: 5px;
    z-index: 19999;
}

.uploadContainer .dxucInlineDropZoneSys span {
        color: #1e5404;
        padding: 10px;
        font-weight: bold !important;
        font-size: 16px;
    }

/* Attributes, Description Label */
.uploadContainer .dfCaptionFrame .label, .uploadDescriptionContainer .dfCaptionFrame .label {
    font-size: small;
    padding-right: 10px;
}

.uploadContainer .dxucEditArea_Moderno, .uploadContainer input[type="text"].dxucEditArea_Moderno {
    color: #818181; /* color of NullText */
}