﻿.FormView {
	border-style: solid; 
	border-width: 0.01em 0.01em 0 0.01em;
	padding: 0 .5em .5em .5em;
}
[data-dsl-hovermsg] {
  position: relative;
  border-bottom: 1px dashed #000;
  /*cursor: help*/
}
[data-dsl-hovermsg].mrs-rejected-lineitem::after, [data-dsl-hovermsg].rejected-lineitem::after{
    background-color:lightpink;
}
[data-dsl-hovermsg]::after {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  content: attr(data-dsl-hovermsg);
  right: calc(100%);
  top: 2px;
  border-radius: 3px;
  box-shadow: 0 0 5px 2px rgba(100, 100, 100, 0.6);
  background-color: white;
  z-index: 9999;
  padding: 8px;
  /* width: 300px; */
  transform: translateY(-20px);
  transition: all 150ms cubic-bezier(.25, .8, .25, 1);
}
[data-dsl-hovermsg]:hover {
    transition-duration: 300ms;
    z-index: 99999;
}
.DSLGridRow:last-child {
    margin-bottom: 3em;
}
#ExpenseEntryGrid [data-dsl-hovermsg]::after {
  left: 0;
  top: 100%;
}

[data-dsl-hovermsg]:hover::after {
  opacity: 1;
  transform: translateY(0);
  transition-duration: 300ms;
}

.DSLGridParent
{
	border-style: solid; 
	border-width: 0em;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 9px -2px;
    overflow:hidden
}

.DSLGridContainer
{
	border-bottom-width: 0.01em; 
    border-bottom-style: solid; 
    white-space: nowrap;
    min-height: 6em;
}

/* Set the grid's max height responsively, remembering that some screens need to fit two grids on-screen at once */
@media screen and (min-height: 0em)
{
    .DSLMultiGrid .DSLGridThawedBodyContainer
    {
        max-height: 9em; /* This is big enough to display about 1.5 rows at 100% zoom */
    }
}
@media screen and (min-height: 30em)
{
    .DSLMultiGrid .DSLGridThawedBodyContainer
    {
        max-height: 14em;
    }
}
@media screen and (min-height: 40em)
{
    .DSLMultiGrid .DSLGridThawedBodyContainer
    {
        max-height: 19em;
    }
}
@media screen and (min-height: 50em)
{
    .DSLMultiGrid .DSLGridThawedBodyContainer
    {
        max-height: 24em;
    }
}
@media screen and (min-height: 60em)
{
    .DSLMultiGrid .DSLGridThawedBodyContainer
    {
        max-height: 29em;
    }
}
@media screen and (min-height: 70em)
{
    .DSLMultiGrid .DSLGridThawedBodyContainer
    {
        max-height: 34em;
    }
}
@media screen and (min-height: 80em)
{
    .DSLMultiGrid .DSLGridThawedBodyContainer
    {
        max-height: 39em;
    }
}
@media screen and (min-height: 90em)
{
    .DSLMultiGrid .DSLGridThawedBodyContainer
    {
        max-height: 44em;
    }
}
@media screen and (min-height: 100em)
{
    .DSLMultiGrid .DSLGridThawedBodyContainer
    {
        max-height: 49em;
    }
}
@media screen and (min-height: 110em)
{
    .DSLMultiGrid .DSLGridThawedBodyContainer
    {
        max-height: 54em;
    }
}
@media screen and (min-height: 120em)
{
    .DSLMultiGrid .DSLGridThawedBodyContainer
    {
        max-height: 59em;
    }
}
.DSLGridBodyTable
{
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 0em;
}

/* DSL controls sometimes use table elements to display multiple interactive elements */
.DSLGridBodyTable table
{
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 0em;
}

.DSLGridBodyTable td
{
    padding: 0px;
    margin: 0px;
}

.DSLGridBodyTable div 
{
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 0em;
}

/* Header buttons */
.DSLGridColumn .ui-btn
{
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 0em;
    line-height: 1em;

    min-height: 2em; /* Ensure that every column header is large enough for a fingertip. */
}
.DSLGridColumn .ui-btn-corner-all
{
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}
.DSLGridColumn .ui-btn-inline
{
    display:block;
    vertical-align:inherit;
}
.DSLGridCell .ui-corner-all
{
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}
.DSLGridBodyTable .DSLFormElement
{
    padding-top:1px !important;
    padding-bottom:1px !important;
}
.DSLGridCell textarea
{
    padding-right:0px !important;
    padding-left:0.5px !important;
    margin-top:0px !important;
    margin-bottom:0px !important;
}

/* Hide the header buttons in the grid, and only show the ones in the header div */
/*.DSLGridBodyTable thead
{
    display: none;
}*/

.DSLGridHeaderTable
{
    overflow: hidden;
    /*border-collapse: collapse;*/
    border-spacing: 0em;
}

.DSLGridHeaderTable th a
{
	border-width: 0em 0em 0 0em;
	border-style: solid;   

}

.DSLGridBodyTable
{	
    margin-left: -0.00em; /* hide extra border on left */
    margin-top: -0.00em; /* hide extra border caused by first row */	   
    /*margin-bottom: -0.00em;*/  /* hide extra border caused by bottom row - NOTE: causes vertical scroll to always show */   
    border-spacing: 0em;
}

.DSLGridThawedContainer 
{
    overflow:hidden
}

.DSLGridThawedBodyContainer
{
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}
    
/* Don't allow the header to expand so wide that the page gains a horizontal scrollbar */
.DSLGridThawedHeaderContainer
{    
    position: relative;
	border-bottom-width: 0.00em;  
    border-bottom-style: solid; 
    margin-top: -0.00em; /* hide extra border of header items */
}

/* Keep the body divs from displaying in front of the header divs */
/* These numbers are arbitrary */
.DSLGridThawedHeaderContainer
{
    z-index: 6;
}
.DSLGridThawedBodyContainer
{
    z-index: 1;
}

/* Remove lookup buttons */
.DSLGridCell .DSL-Lookup-Off
{
    display:none;
}

/* Center checkboxes in cells */
 .DSLGridCell .ui-checkbox 
{
    width: 1em; 
	margin-right: auto; 
	margin-left: auto; 
    max-width: 6em !important;
}

 .DSLGridCell .ui-checkbox input
 {
     left:10px;
 }
/*.DSLGridBody
{
    
}*/

.DSLGridColumn
{
    padding: 0px;
    margin: 0px;
    line-height:0em;
    white-space: normal;
}

.ui-icon-sort-ascending {
    background: no-repeat;
    background-image: url("arrow_up.gif");
    background-size: 7px 4px;
    min-width: 7px;
    min-height: 4px;
}

.ui-icon-sort-descending {
    background: no-repeat;
    background-image: url("arrow_down.gif");
    background-size: 7px 4px;
    min-width: 7px;
    min-height: 4px;
}

.DSLGridRow
{
    padding: 0px;
    margin: 0px;
    min-height: 2em; /* Ensure that every cell is large enough for a fingertip. */
}

.DSLGridNewRow
{
    display: none;
}

.DSLGridCell
{
    padding: 0px;
    margin: 0px;
    border-width: 0.01em;
    border-style: hidden;
    min-width: 6em; /* same as the min-width on DSLGridColumn*/
    max-width: 19em;
}
.DSLGridPaging
{
    float: left;
    margin-bottom:0px;

}
.DSLGridPaging .ui-controlgroup
{
    margin-top:0px;
    margin-bottom:2px;

}
.DSLGridAction 
{
    float: right;
    margin-bottom:0px;
}

.DSLGridAction .ui-controlgroup
{
    margin-top:0px;
    /*margin-bottom: 0px;*/
}
.DSLGridUnderContainer
{
    margin-bottom:0px !important;
    /*    
    border-collapse: collapse;
    border-spacing: 0em;
    border-top-width: thin; 
    border-top-style: solid;
    border-bottom-width: thin; 
    border-bottom-style: solid;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important; 
    */
}

    .DSLGridUnderContainer .ui-controlgroup-controls
    {
        width: 100%
    }


.DSLGridPagingFirstButton, .DSLGridPagingPreviousTwoButton, .DSLGridPagingPreviousOneButton,
.DSLGridPagingPageNumberButton, .DSLGridPagingNextOneButton, .DSLGridPagingNextTwoButton,
.DSLGridPagingLastButton, .DSLGridActionAddRowButton, .DSLGridActionRemoveRowButton, .DSLGridActionNotesAttachButton,
.DSLGridActionCustomButton, DSLGridFormViewButton
{
    /* Ensure that buttons are large enough for fingertips */
    min-height: 2em;
    min-width: 2em;
    margin-bottom:0px;
    margin-top:0px;
    cursor:pointer;
}

/* Persuade iOS Safari to use hardware acceleration.  iOS 6 apparently prefers to render the whole page on CPU, which
   causes a serious performance hit.  This workaround comes from the web, and there appears to be no obvious reason
   why these particular styles are the ones that work; perhaps it's just an implementation detail of iOS Safari.  As
   far as I can tell, the values specified for these styles are intended to have no user-facing effect. */
.DSLGridCell, .DSLGridRow
{
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}

.FormViewButtonGrid 
{
    float:right;
}

#TimecardGrid .FormView .ui-block-b .ui-input-text,
#TimecardGrid .FormView .ui-block-c .ui-input-text {
    min-width:13em
}

.OT-listing tbody tr td .ui-btn .ui-btn-inner, 
#TimecardGrid .FormView .FV_InfoButton .ui-btn-inner {
    font-size:x-small;
    padding-top: 1px;
    padding-bottom: 1px;
}

.OT-listing tbody tr td .ui-btn .ui-btn-inner .ui-btn-text,
#TimecardGrid .FormView .FV_InfoButton .ui-btn-inner .ui-btn-text {
    font-size: x-small;
}

.DescriptionEntry {
    overflow: hidden;
    min-width: 18em !important;
    white-space: pre-wrap;
    font-size: small;
    margin-top: 1px;
    margin-bottom: 1px;
    word-wrap: normal;
}

.TotalOTLabels { padding-left: 6px !important;padding-right: 3px !important }
.TotalOTEntries { padding-right: 6px !important }

.OT1Entry, .OT2Entry {
    width:100%
}