﻿.white-row {
    background-color: #ffffff;
    color: #000000;
}

.green-row {
    background-color: #00ff00;
    color: #000000;
}

.red-row 
{
    background-color: #FF4040;
    color: #000000;
}

.yellow-row {
    background-color: #ffff00;
    color: #000000;
}

.magenta-row {
    background-color: #ff00ff;
    color: #000000;
}

.x-form-item-required
{
    /*font-weight:bold;
    color:#990000;*/
    font-weight:normal;
    color:#000;
	background-repeat: no-repeat;
    /*background-image: url(data:image/gif;base64,R0lGODlhCQAKALMOAPLX1OF6eOWKiNg+PfHW09IfHu/IxPXm4dAPD+7HxPDV0tUuLeSJh80AAP///wAAACH5BAEAAA4ALAAAAAAJAAoAAAQm0EkHpnXjStOMZg0zCU1phk5SmEUygaU4LUiALBOxKI6yS4dLMAIAOw==);*/
    background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5Ojf/2wBDAQoKCg0MDRoPDxo3JR8lNzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzf/wAARCAALAAsDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABgAC/8QAIRAAAgECBgMAAAAAAAAAAAAAAQIDAAQFBhESEyIyUWH/xAAVAQEBAAAAAAAAAAAAAAAAAAACA//EABoRAQEAAgMAAAAAAAAAAAAAAAECAAMRMVH/2gAMAwEAAhEDEQA/AHecc34jgeMQ2VpaRNFJGpaWUKeIF0XkOkg6divfjG4eRFM4XaSJHeNomZQTG5G5T6OhI1HwkVuqiSiq5fZtiomZjhO33P/Z);
    background-position: center right;
    margin-right: 3px;
}        
/*.x-form-item-required:after {
    content: " *";
    color: #990000;;
}*/
.black-white-bold 
{
    background-color: #ffffff;
    color: #000000;
    font-weight:bold;
}
div.row-expand-holder
{
    width:100%;height:40px;overflow-x:scroll;
}
table.row-expand-table
{
    width:100%;font-family:Verdana;Font-Size:8pt;border-top:none;border-bottom:none;border-left:none;border-right:none;
}
table.row-expand-table tr.header
{
    background-color:#e4d9d6;border:none;height:15px;
}
table.row-expand-table tr.header td
{
    border-right:none;border-left:none;border-bottom:1px solid silver;border-top:none;
}
table.row-expand-table tr.data-row{
    background-color:#FFF;padding-top: 1px;margin-bottom: 1px;height: 24px;border-top:none;border-bottom:none;border-left:none;border-right:none;
}
table.row-expand-table tr.data-row td{
    padding-top: 1px;margin-bottom: 1px;height: 24px;border-right:none;border-left:none;border-top:none;border-bottom:1px solid silver;
}
.arActivity-row-expander-data
{
    width:100%;
    max-height:60px;
    overflow-y: scroll;
    overflow-x:hidden;
    border:1px solid silver;
}



.sch-event-inner {
    overflow-x: hidden;
    font-weight: normal;
}
.aging61To90
{
    background-color:#ffff00;
    background-image:none;
}
.aging91To120
{
    background-color:#ff0000;
    background-image:none;
    color:#ffffff;
}
.aging120Plus
{
    background-color:#ff0000;
    background-image:none;
    color:#ffffff;
}

.loading-mask 
{ 
    position: absolute; 
    left:     0; 
    top:      0; 
    width:    100%; 
    height:   100%; 
    z-index:  20000; 
    background-color: white; 
} 

 
.loading 
{ 
    position: absolute; 
    left:     50%; 
    top:      50%; 
    padding:  2px; 
    z-index:  20001; 
    height:   auto; 
    margin:   -35px 0 0 -30px; 
} 
 
.loading .loading-indicator 
{ 
    background: url(../ExtJS-3.4.0/resources/images/yourtheme/shared/blue-loading.gif) no-repeat; 
    color:      #555; 
    font:       bold 13px tahoma,arial,helvetica; 
    padding:    8px 42px; 
    margin:     0; 
    text-align: center; 
    height:     auto; 
}
.grid-tooltip {
    border: none;
}
.grid-tooltip td {
    vert-align: top;
    text-align: :left;
    text-wrap: none;    
}
.x-toolbar-ct .x-form-display-field {
    font: bold 11px tahoma, arial, verdana, sans-serif;
    color: #333;
}
.x-panel-body .x-form .x-box-layout-ct .x-box-inner,
        .x-form .x-box-inner
        {
            overflow:auto;
            width:100%;
            display:block;            
        }
        .x-grid3-hd-inner { 
     overflow: hidden; 
     padding: 3px 3px 3px 5px; 
     white-space: normal; 
    } 
        
 .x-column-header-inner .x-column-header-text { 
    white-space: normal; 
} 
 
.x-column-header-inner { 
    line-height: normal; 
    padding-top: 3px !important; 
    padding-bottom: 3px !important; 
    text-align: center; 
    top: 20%; 
} 

.x-grid3-simple-totals .x-grid3-row-last {
    margin-bottom: 21px;
}
      
.x-grid3-simple-totals .x-grid-total-row {
    position: absolute;
    left: 0;
    bottom: 15px;
    /*background: #F9F9F9 url(../../resources/images/default/grid/grid3-hrow.gif); */
    background: #F9F9F9 url(../images/grid3-summary-hrow.gif); 
}

.x-grid3-simple-totals .x-grid-total-row td {
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #D0D0D0;
    padding-left: 0px;
    padding-right: 0px;
}

a.row-expander-link {
    cursor: pointer;
    color: blue;
}

div.wtcd-row-tpl-expand-holder
{
    width:520px;margin: 0 auto;border: 1px solid silver;
}
table.wtcd-row-tpl-expand-table
{
    font-family:Verdana;Font-Size:8pt;margin: 0 auto;border: 1px solid silver;table-layout: fixed;
}
table.wtcd-row-tpl-expand-table tr.header
{
    background-color: rgb(241, 241, 241);border:none;height: 20px;padding: 3px 0px 3px 0px;
}
table.wtcd-row-tpl-expand-table tr.header td
{
    border-right:none;border-left:none;border-bottom:1px solid silver;border-top:none;text-align: center;vertical-align: middle;
     padding: 1px 10px 1px 10px;height: 24px;
}
table.wtcd-row-tpl-expand-table tr.header .ClockIn-h {
    width: 130px;
}
table.wtcd-row-tpl-expand-table tr.header .ClockOut-h {
    width: 130px;
}
table.wtcd-row-tpl-expand-table tr.header .HoursWorked-h {
    width: 60px;
}
table.wtcd-row-tpl-expand-table tr.header .action-h {
    width: 60px;
}
table.wtcd-row-tpl-expand-table tr.data-row{
    background-color:#FFF;padding-top: 1px;margin-bottom: 1px;height: 24px;border-top:none;border-bottom:none;border-left:none;border-right:none;
}
table.wtcd-row-tpl-expand-table tr.data-row:hover {
    background-color: rgb(241, 241, 241);
}
table.wtcd-row-tpl-expand-table tr.data-row td{
    padding: 1px 10px 1px 10px;height: 24px;border-right:none;border-left:none;border-top:none;border-bottom:1px solid silver;text-align: center;vertical-align: middle;
}

/*!
 * Ext JS Library 3.4.0
 * Copyright(c) 2006-2011 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */
.ux-mselect{
    overflow:auto;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto;	
}
.ux-mselect-item{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    cursor:pointer;
}
.ux-mselect-selected{
	border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
    cursor:pointer;
}

.x-view-drag-insert-above { 
    border-top:1px dotted #3366cc; 
} 
.x-view-drag-insert-below { 
    border-bottom:1px dotted #3366cc; 
} 

.ext-ie .ux-form-multiselect .x-fieldset legend {
    margin-bottom: 0;
}
.new-wo-flag {
    background-color: #81F781;
}