/* ========== Colors ========== */
/*
Blue            : #084ca0; Brand Color, Heading Text, Table Header
Darker Blue     : #031c3b; Borders
Grey            : #333333; Body Text Color
Red             : #e31e35; Mouse-over Menu items, Cancel Buttons & Warning
Darker Red      : #c91a2f; Mouse-over Cancel Buttons
Green           : #84c52d; Buttons
Darker Green    : #619121; Mouse-over Buttons
*/

/* ========== This CSS File ========== */
/*
1.0 Custom Font
2.0 Global
3.0 Buttons
4.0 Tab Navigation
5.0 Dashboard
6.0 Telerik
    6.1 RadMenu
    6.2 RadGrid (incl. RadToolBar)
    6.3 RadWindow
    6.4 RadTextBox
    6.5 Upload Controller
    6.6 RadComboBox
7.0 Footer
*/

/* ========== Custom Font (Open Sans) ========== */
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont-webfont.eot');
    src: url('../fonts/opensans-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont-webfont.svg#open_sansbold') format('svg'); 
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont-webfont.eot');
    src: url('../fonts/opensans-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),
     
         url('../fonts/opensans-regular-webfont-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
   src: url('../fonts/opensans-semibold-webfont-webfont.eot');
     src: url('../fonts/opensans-semibold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont-webfont.svg#open_sanssemibold') format('svg'); 
    font-weight: normal;
    font-style: normal;
}

/* ======== Global ======== */
html 
{
    position: relative;
    height: 100%;
}

body {
  font-family: 'open_sansregular', Arial, Sans-Serif;
  font-size: 14px;
  line-height: 1.42857;
  color: rgba(8,76,160,1);
  height: 100%;
}

.adminWrap 
{
    position: relative;
    overflow: auto;
    min-height: 100vh;
}

legend 
{
    font-family: 'open_sanssemibold', Arial, Sans-Serif;
    font-size: 14px;
    padding: 0 15px 2px 15px;
    margin-bottom: 10px;
}

label 
{
    font-weight: normal;
}

.form-horizontal .form-group 
{
    margin: 0;
}

.form-horizontal .form-group 
{
    margin-bottom: 5px;
}

.mandatory 
{
    color: Red;
}

.mandatoryDesc 
{
    color: #808080;
    text-align: right;
    margin-top: 8px;
}

.warningAdmin 
{
    font-size:12px;
}

.checkBoxGroup input[type="checkbox"] 
{
    padding-top: 2px;
    margin: 0 6px 0 5px;
}

#adminHeader h1 {
    font-size: 22px;
    font-family: 'open_sanssemibold', Arial , Sans-Serif;
    margin: 5px 0;   
}

#adminHeader .notify, #adminHeader .error {
    color: #fff !important;      
    padding:5px 10px;
    margin: 5px 0;
    display:block;
}

#adminHeader .notify:empty, #adminHeader .error:empty  {
    display:none;
}

#adminHeader .notify 
{
    background: #084ca0;
}

#adminHeader .error 
{
    background: #e31e35;    
}

#adminContent 
{
    /*margin-bottom: 30px;*/
    margin-bottom: 20px;
    height: 83vh;
}

#approverContent 
{
    /*margin-bottom: 30px;*/
    margin-bottom: 20px;
    height: 80vh;
}

/*======== Buttons ======== */
.btn {
    font-family: 'open_sansbold' , Arial , Sans-Serif;
 /*   font-size: 14px;   */
    color: #fff;
    border: 2px solid #c91a2f;
    border-radius: 5px;
    background-color: #e31e35;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5);
}

.btn:hover 
{
    background-color: #c91a2f;
    border: 1px solid #c91a2f;
    color: #fff;
}

.cancelBtn {       
    background-color: #084ca0;
    border: 2px solid #031c3b;
}

.cancelBtn:hover 
{
    background-color: #031c3b;
    border: 2px solid #031c3b;
}

/* ======== Top Navigation ========*/
#HeadBar {
    width:100%;
    overflow: visible;
    background: rgba(255,255,255,0.15);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(219,229,241,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(219,229,241,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(219,229,241,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(219,229,241,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(219,229,241,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(219,229,241,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#084da1', GradientType=0 );
    margin-bottom: 10px;
}
.shadow {
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
}
#globalTools{margin-top:0;}

/*=== Button ===*/
.btn-admin{
     padding: 5px 10px !important;
     font-size: 14px !important;
     margin:3px !important;
    }
    
/* ======== Dashboard ======== */
.dashboard 
{
    height: 100%;
}

.dashTableRowWrap 
{
    border: 1px solid blue;
    background: blue;
}

.dashTableRowWrap, .dashTableRow 
{
    height: 100%;
}

.dashTableRow .row 
{
    height: 33%;
}

.dashTableRow .row .col-xs-6
{
    height: 100%;
    padding-right: 5px;
    padding-left: 5px;
}

.dashTableRow .row .col-xs-6 .rejected {
    height: 100%;
}

.dashTableRowClientAdmin {
    height: 100%;
}

.dashTableRowClientAdmin .row 
{
    height: 33%;
}

.dashTableRowClientAdmin .row .col-xs-12
{
    height: 100%;
    padding-right: 5px;
    padding-left: 5px;
}




.dashTableRowClientApprover
{
    height: 100%;
}

.dashTableRowClientApprover .row 
{
    height: 50%;
}

.dashTableRowClientApprover .row .col-xs-6
{
    height: 100%;
    padding-right: 5px;
    padding-left: 5px;
}

.dashboardFig 
{
    background: #636363;
    border-radius: 10px;
    padding: 2px 7px;
    color: #fff;
    font-size: 12px;
}

.dashboardFigMissing 
{
    background: #e31e35;
}

.dashboardFigUnexport 
{
    background: #D20F8C;
}

.dashboardFigUnAppSuper 
{
    background: #00A651;
}

.dashboardFigUnAppClient 
{
    background: #F26722;
}

.dashboardFigLessHrs 
{
    background: #0083CA;
}

.dashboardRejectPenal,
.dashboardRejectMaterial
{
    background: #F08080;
}

.dashboardFigRunning 
{
    background: #00AAAD;
}

.dashboardFigDefault 
{
    background: #636363;
}

.dashboard h4 
{
    font-family: 'open_sanssemibold', Arial , Sans-Serif;
    font-size: 14px;
    color: #333;
    margin-top: 5px;
    margin-bottom: 5px;
}

.dashboard div.RadGrid_Default .rgMasterTable 
{
    font-size: 12px;
}

.dashboard .rgMasterTable .rgNoRecords div 
{
    padding: 5px;
}

.dashboard div.RadComboBox_Default .rcbInput 
{
    font-size: 12px;
}

.container-fluid, .homeDashboard > form, .RadAjaxPanel, .dashboard 
{
    height: 100%;
}

.homeDashboard .RadAjaxPanel 
{
    padding-top: 52px;
    padding-bottom: 14px;
}

/* ======== TabNavi ======== */

#naviTab a {
    background: rgba(38,98,172,1);
    background: -moz-linear-gradient(top, rgba(38,98,172,1) 0%, rgba(38,98,172,1) 90%, rgba(23,68,136,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,98,172,1)), color-stop(90%, rgba(38,98,172,1)), color-stop(100%, rgba(23,68,136,1)));
    background: -webkit-linear-gradient(top, rgba(38,98,172,1) 0%, rgba(38,98,172,1) 90%, rgba(23,68,136,1) 100%);
    background: -o-linear-gradient(top, rgba(38,98,172,1) 0%, rgba(38,98,172,1) 90%, rgba(23,68,136,1) 100%);
    background: -ms-linear-gradient(top, rgba(38,98,172,1) 0%, rgba(38,98,172,1) 90%, rgba(23,68,136,1) 100%);
    background: linear-gradient(to bottom, rgba(38,98,172,1) 0%, rgba(38,98,172,1) 90%, rgba(23,68,136,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2662ac', endColorstr='#174488', GradientType=0 );
    border: 1px solid rgba(255,255,255,0.35);
    padding: 0.5em 0;
    font-family: 'open_sanssemibold', Arial, Sans-Serif;
    color: #FFFFFF;
    border-radius:0;
}

#naviTab a:hover {
    color: rgba(255,255,255,0.65);
}

#naviTab a[disabled="disabled"] 
{
    background: #b7b7b7;
    color: #dbdbdb;
    border: 1px solid rgba(0,0,0,0.15);
}
    
#naviTab a.active {
    background: rgba(181,214,255,1);
    background: -moz-linear-gradient(top, rgba(181,214,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(181,214,255,1)), color-stop(10%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(181,214,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(181,214,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(181,214,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(181,214,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5d6ff', endColorstr='#ffffff', GradientType=0 );
    color: #084ca0;
    border-color: #FFFFFF;
}

.entryHeader h3 {
    font-size: 22px;
    font-family: 'open_sanssemibold', Arial, Sans-Serif;
    margin: 5px 0;
}

.entryHeader .mandatoryDesc 
{
    font-size: 14px;
}

.entryTabbed 
{
    border: 1px solid #084ca0;
    border-top: none;
    padding: 15px;
    padding-bottom: 60px;
}

.entryListingTabbed
{
    border: 1px solid #084ca0;
    border-top: none;
    padding: 15px;
    padding-bottom: 60px;
    height: 76vh;
}


#naviTab.adminTab{border-width: 1px 1px 0; border-style:solid;}    
.approvalEntryFooter{margin:40px 0 0 0; padding:15px; background:#eaeaea; position:absolute; bottom:0;  width:100%; overflow:hidden; text-align: right;}

/* ======== 6.0 Telerik ======== */

/* ==== 6.1 RadMenu ==== */
.RadMenu_Default a.rmLink
 {
  font: 14px/1.42857 'open_sansregular', Arial, Sans-Serif !important;
}


.menu-container{
    float:left;
}


.RadMenu_Default ul.rmRootGroup, 
.RadMenu_Default .rmRootGroup .rmLink, 
.RadMenu > .rmHorizontal > li a.rmLink:hover span
{
    background: none;
    border: none;
}

.RadMenu > .rmHorizontal > li > a > span.rmText, 
.RadMenu > .rmHorizontal > li > a:hover > span.rmText
{
    padding: 16px 12px 15px 0;
    border-right: 1px solid #777;
}

.RadMenu > .rmHorizontal > li a.rmLink:hover
{
    background: #E31E35;
    color: White;
}

/*Second Level*/
.RadMenu_Default ul.rmGroup, 
.RadMenu_Default ul.rmGroup .rmGroup
{
    background: white;
    border: 1px solid black;
}


.RadMenu .rmGroup span.rmText
{
    padding-left: 0;
}

.RadMenu .rmVertical span.rmText
{
    padding: 0 24px 0 12px;
}




/*Tools*/
.navbar-nav > li.tools > a, .navbar-nav > li.tools > a > span
{
    font-size: 12px;
    color: #084CA0;
    padding: 15px 7px;
}

.navbar-nav > li.tools > a:hover, .navbar-nav > li.tools > a:hover > span 
{
    text-decoration: underline;
    color: #084CA0;
}

/* ==== 6.2 RadGrid (incl. RadToolBar) ==== */
.RadGrid 
{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}

div.RadGrid_Default .rgMasterTable 
{
    font-family: 'open_sansregular', Arial, Sans-Serif;
    font-size: 14px;
}

div.RadGrid_Default .radGridSmall 
{
    font-size: 12px; /* For table with big data */
}

/*Header*/
div.RadGrid_Default .rgHeader, div.RadGrid_Default th.rgSorted 
{
    background: #084CA0;
}

div.RadGrid_Default .rgHeader a, div.RadGrid_Default .rgHeader 
{
    color: #fff;
}

/*Table Body*/
.rgMasterTable td 
{
    background: #f1f1f1;
}

div.RadGrid_Default .rgFilterRow td
{
    background: #DAE3EA;
}

.rgAltRow, .rgAltRow td 
{
    background: #e5e5e5;
    border: none;
}

div.RadGrid_Default .rgRow > td 
{
    border: none;
}

.RadGrid_Default .rgSelectedRow td, .RadGrid_Default .rgSelectedRow td.rgSorted, div.RadGrid_Default .rgMasterTable .rgSelectedRow td.rgExpandCol  
{
    background: #666;
    color: #fff;
}

.RadGrid_Default .rgRow a, .RadGrid_Default .rgAltRow a
{
    text-decoration: underline;
}

/* Table styling when expanded */
.expandedRadGridRow div.RadGrid_Default 
{
    margin-top: 5px;
}

.expandedRadGridRow div.RadGrid_Default .rgMasterTable 
{
    font-size: 12px;
}

.expandedRadGridRow div.RadGrid_Default .rgHeader 
{
    background: #999999;
}

.expandedRadGridRow
{
    background: #808080;
}

.expandedRadGridRow > div 
{
    padding: 0 3px;
}

.expandedRadGridRow .RadGrid 
{
    border-radius: 4px;
}

.expandedRadGridRow div.RadGrid_Default .rgCommandRow .rgCommandCell 
{
    background: #4681ca;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    background: #a6a6a6;
}

.expandedRadGridRow h4 
{
    font-family: 'open_sanssemibold', Arial, Sans-Serif;
    font-size:12px;
    text-align: center;
    color: #fff;
    margin: 4px 0;
}

.approvalSummary 
{
    border-radius: 0px;
}

/* ==== RadToolBar ==== */
div.RadToolBar_Default 
{
    font-family: 'open_sanssemibold', Arial, Sans-Serif;
    font-size: 14px;
}

.expandedRadGridRow div.RadToolBar_Default 
{
    font-size: 10px;
    float: left;
    background: none;
}

div.RadToolBar_Default span.rtbText 
{
    color: #fff;
    padding: 0 5px;
}

.expandedRadGridRow div.RadToolBar_Default 
{
    line-height: 15px;
}

.expandedRadGridRow div.RadToolBar_Default span.rtbText 
{
    padding: 0 2px;
}

div.RadGrid_Default .rgCommandRow, div.RadToolBar_Default_Horizontal .rtbOuter, div.RadToolBar_Default li.rtbItemHovered .rtbWrap, div.RadToolBar_Default li.rtbItemHovered .rtbIn, div.RadToolBar_Default li.rtbItemHovered .rtbMid, div.RadToolBar_Default li.rtbItemHovered .rtbOut  
{
    background: none;
    border: none;
}

div.RadToolBar_Default li.rtbItem .rtbWrap 
{
    background: #e31e35;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.5);
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.5);
}

div.RadToolBar_Default li.rtbItemHovered .rtbWrap 
{
    background: #c91a2f;
}

.expandedRadGridRow div.RadToolBar_Default li.rtbItem .rtbWrap 
{
    border-radius: 2px;
}

.expandedRadGridRow .RadToolBar .rtbMid, .expandedRadGridRow .RadToolBar .rtbIn 
{
    padding: 0px;
}

/* ==== 6.3 RadWindow ==== */
.TelerikModalOverlay 
{
    width: 100% !important;
    height: 100% !important;
}

/*
.RadWindow 
{
    border:2px solid #031c3b;
    border-radius: 10px;
    overflow: hidden;
}


div.RadWindow_Default tr.rwTitleRow td, div.RadWindow_Default .rwTopResize 
{
    background: #084CA0;
}

div.RadWindow_Default .rwBodyLeft, div.RadWindow_Default .rwBodyRight, div.RadWindow_Default .rwFooterCenter, div.RadWindow_Default .rwFooterLeft, div.RadWindow_Default .rwFooterRight
{
    background: #fff;
}

div.RadWindow .rwCorner 
{
    width: 0px;
}

.radWindowFooter 
{
    margin: 40px 0 0 0;
    padding: 5px 20px 0 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: right;
    height: 50px;
    background: none;
    border-top: 1px solid #e5e5e5;
}
*/
.navbar-default 
{
    background-color: rgba(0,0,0,.25);
    padding-right: 10px;
}

.entryContent 
{
    padding-bottom: 60px;
}

.entryTabbedFooter 
{
    text-align: right;
}

.entryTabbedFooter .notify, .entryTabbedFooter .error
{
    color: #fff !important;
    text-align: center;
    float: left;
    padding: 3px;
    margin-top: 15px;
    margin-left: 15px;
}

.entryTabbedFooter .notify 
{
    background: #084ca0;
}

.entryTabbedFooter .error 
{
    background: #e31e35;    
}

.approverFooter 
{
    text-align: right;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}


/* ==== 6.4 RadTextBox ==== */
html body span.RadInput_Default input.riTextBox, .rgFilterRow input.rgFilterBox, html body span.RadInput_Default textarea.riTextBox
{
    font: 14px 'open_sansregular', Arial, Sans-Serif;
    border: 1px solid #084ca0;
    border-radius: 5px;
    min-height: 26px;
}

.rgFilterRow input.rgFilterBox 
{
    min-height: 16px;
}

html body span.RadInput_Default input[readonly="readonly"] 
{
    border: 1px solid #b7b7b7;
    color: #b7b7b7;
}
 
/* ==== 6.5 Upload Controller ==== */

.uploadController 
{
    margin:0 0 5px 0;
    padding:8px 5px;
    display:block;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    background-color: #e5e5e5;
}

.uploadController .RadUpload 
{
    width: auto;
}

.uploadController .RadUpload, .uploadController p, .radUploadBtnGroup 
{
    float: left;
}

.uploadController p 
{
    margin-top: 8px;
    margin-right: 3px;
}

.uploadController .RadUpload .ruFakeInput 
{
    height: 23px;
    background: white;
    margin-top: 3px;
    margin-right:5px;
    border:1px solid rgb(7,74,155);
    border-radius: 5px;
}
    
.uploadController .RadUpload span.ruFileWrap 
{
    height: auto;
    display: block;
    /*margin-right: 3px;*/
}

.uploadController .RadUpload span.ruFileWrap span
{
 margin:10px;
 font-size:14px;
}

.uploadController .RadUpload_Default .ruButton 
{
	font-family: "open_sansbold",Arial,sans-serif;
	display: inline-block;
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-moz-user-select: none;
	background-image: none;
	color: #FFF;
	border: 2px solid #357EBD;
	border-radius: 5px;
	background-color: #428BCA;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	padding: 5px 10px;
	width: auto;
	height: auto;
}

.RadAsyncUpload span.ruFileWrap{float:left; margin-top:-5px;}

.ruInputs input{margin:0 3px;}

/* ==== 6.6 RadComboBox ==== */
.RadComboBox 
{
    width: 100% !important;
}

.rgPagerCell .RadComboBox 
{
    width: 60px !important;
}

div.RadComboBox_Default
{
    font-family: 'open_sansregular', Arial, Sans-Serif;
    border: 1px solid #084ca0;
    border-radius: 5px;
    max-height: 28px;
    overflow: hidden;
}

div.RadComboBox_Default .rcbInputCell 
{
    background: none;
}

div.RadComboBox_Default .rcbArrowCell,
div.RadComboBox .rcbHovered .rcbArrowCell,
div.RadComboBox .rcbFocused .rcbArrowCell,
div.RadComboBox .rcbReadOnly .rcbArrowCellRight,
div.RadComboBox .rcbHovered .rcbReadOnly .rcbArrowCellRight 
{
    background: url("../img/btn_dropdown.jpg") center center no-repeat #084a9c;
}

div.RadComboBox .rcbFocused .rcbReadOnly .rcbArrowCellRight 
{
    background-position: center center;
}

div.RadComboBox .rcbArrowCell a  
{
    width: 30px;
}

div.RadComboBox_Default .rcbInput 
{
    font-size: 14px;
}

div.RadComboBox .rcbInput 
{
    padding: 5px 0;
}

/* ========  Footer ======== */

.footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 20px;
    background-color: rgba(8,76,160,1);
	color: rgba(255,255,255,0.75);
	font-size:12px;
	text-align:center;
}

.footerHome 
{
    background-color: rgba(8,76,160,1);
	color: rgba(255,255,255,0.75);
	font-size: 12px;
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}

.clientApproval .rgMasterTable .WorkOrderDesc
{
    font-size: 12px !important;
}

.clientApproval .rgGroupItem  {
    font-family: 'open_sanssemibold' , Arial , Sans-Serif !important;
    background:#074a9c !important;
    color: #FFFFFF !important;
    font-size:18px;
    text-transform: uppercase !important;   
}

.clientApproval .rgDetailTable th 
{
    font-family: 'open_sanssemibold' , Arial , Sans-Serif !important;
    background:#b9c5d4 !important;     
    font-size:1.25em;   
    text-transform: uppercase !important;
    color: #000000 !important;     
}

#ApprovalDates{
    display:inline-block;    
}

/*.timelineDragContainer::after, .scrollPositionFixer::after, .dragger::after{

    content: 'testing12';
    display: block;
    clear: both;
}*/

/*Appears on the audit history pages - time entry report etc*/
.audit-container {
    
}

.audit-title {
    padding-top: 6px;
    padding-bottom: 3px;
    font-weight: bold;
    color: #000000 !important;
}
.audit-header {
    font-family: 'open_sanssemibold', Arial, Sans-Serif !important;
    background: #074a9c !important;
    color: #FFFFFF !important;
    font-size: 14px;
    padding:2px;
    border-radius:8px;
}

.auditentryl:not(:empty) {
    background: #f1f1f1 !important;
    border-radius: 8px 0 0 8px;
}
.auditentryr:not(:empty) {
    background: #f1f1f1 !important;
    border-radius: 0 8px 8px 0;
}
.auditentryl, .auditentryr {
    padding: 4px 8px 4px 8px;
    font-weight: bold;
    color: #000000 !important;
}