body { padding: 0; margin: 0; font-family: 'Roboto'; font-size: 13px; padding-top: 40px; }

body h2 { color: grey; }

body h3, body .ui-dialog-title { color: grey; }

#main { width: 1000px; margin-left: auto; margin-right: auto; margin-bottom: 90px; padding-bottom: 50px; }

#overlay {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background: white url(../images/ajax-loader-30.gif) no-repeat center center ;z-index: 9999;}

footer { display: block; position: fixed; bottom: 0; width: 100%; background-color: white; z-index: 9999; }

footer a { display: block; text-decoration: none; }

#footerDock { z-index: 500; position: fixed; bottom: 34px; padding-top: 5px; padding-bottom: 5px; margin-left: 10px; display: inline-block; }
#footerDock a { text-decoration: none;border: 0;position: relative;}
#footerDock a img { border: 0 }
#footerDock .jqDockLabelText { position: relative; bottom: -15px; color: gray; text-decoration: none; }

footer #bottomFooter { margin: 0; padding: 0; width: 100%; height: 24px; text-align: center; line-height: 24px; }

footer #bottomFooter a { color: #484848 ; text-decoration: none; }
footer #bottomFooter a:hover { color: #808080 ;font-size: 14px;text-decoration: underline;}
footer #bottomFooter li { height: 24px; display: inline-block; text-align: center; padding: 2px; vertical-align: middle; }

.loading-panel { position: absolute; visibility: hidden; width: 350px; top: 48%; left: 38%; margin-left: auto; margin-right: auto; margin-top: -50px; z-index: 10000; }
.loading-panel fieldset { padding: 7% 40%; border-width: 2px; border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; background-color: #F7F7F7; }

.hidden { display: none; }
.clear { clear: both; }
.center { text-align: center; }

section#main #helpVideo { position: fixed; left: 0px; top: 250px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; width: 30px; height: 120px; color: white; background-image: url(../images/helpBtn.png); }

.loading_overlay { display: none;  width: 400px; border: 10px solid #666; border: 10px solid rgba(82, 82, 82, 0.698);  -moz-border-radius: 8px; -webkit-border-radius: 8px;z-index: 9999;text-align: center;background-color: white;padding:10px }
.loading_overlay-content { }

.redirectAfterSubmit { left:50%; top: 200px;text-align: center;line-height: 40px; }
.RequestsCountDot {position: absolute;left: 49px;bottom: 48px;color: white;font-weight: bold;}

.footer-title {color: gray;float: left;position: absolute;bottom: -12px;left: 5px;top: 12px;}
.policies { left: 2px;}
.approvals { left: 3px;}
.reports { left: 10px;}
.payments { left: 3px;}

/* DataTable */
.editIco { cursor: pointer; background-image: url("../images/DataTable/edit.gif"); height: 12px; width: 12px; float: left; }
.restartIco { cursor: pointer; background-image: url("../images/DataTable/restart.png"); height: 12px; width: 24px; float: left; }
.deleteIco { cursor: pointer; background-image: url("../images/DataTable/bin.png"); height: 12px; width: 12px; float: right; }
.disabledIco { background-image: url("../images/DataTable/cross.png"); height: 16px; width: 16px; }
.enabledIco { background-image: url("../images/DataTable/tick.png"); height: 16px; width: 16px; }

/*.findIco {cursor: pointer; background-image: url("../images/DataTable/find.png"); height: 16px; width: 16px; }*/
.findIco { cursor: pointer; background-image: url("../images/DataTable/magnifTt.png"); background-position: 0, 0; height: 16px; width: 16px; }
.findIco:hover { background-position: -16px, 0; }
.viewIco { cursor: pointer; background-image: url("../images/DataTable/magnif.png"); height: 16px; width: 16px; }

.addIco { cursor: pointer; background-image: url("../images/DataTable/addManually.png"); height: 16px; width: 16px; }

.addFromStatementIco { cursor: pointer; background-image: url("../images/DataTable/addFromCreditCard.png"); height: 16px; width: 16px; }

.submitIco { cursor: pointer; background-image: url("../images/DataTable/plus.png"); height: 16px; width: 16px; }

.loading-spinner-small { display: none; float: left; background-position: center; width: 16px; height: 16px; background-image: url(../images/ajax-loader-16.gif); margin: 3px; }
#myWorkflow .workflowCategory { color: gray; font-size: 0.9em; }
#myWorkflow .workflowRecord { padding-left: 15px; }

.inTableDetailsTable { border: 1px solid grey; }
.inTableDetailsTable th { background-color: #B1D02D; text-align: left; color: White; padding: 5px 10px; }
.inTableDetailsTable td { background-color: #E2E4FF; text-align: left; }

/* Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-error { float: left; background-color: transparent; background-image: url(../images/icons/error-val-triangle.png); background-repeat: no-repeat; background-position: 10px 0; padding: 9px 0 5px 0; margin: -2px 0 3px 35px; }

.field-validation-error > span { background-color: #ece161; font-size: 11px; border: 1px solid black; padding: 4px 10px; color: #000; border-radius: 4px; -moz-box-shadow: 0 0 6px #ddd; -webkit-box-shadow: 0 0 6px #ddd; }
.field-validation-valid { display: none; }

.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }

.validation-summary-errors { font-weight: bold; color: #ff0000; }

.validation-summary-valid { display: none; }

/* Tooltip
-----------------------------------------------------------*/

.tooltip { background-color: lightgray; border: 1px solid #fff; padding: 10px 15px; width: 200px; display: none; color: #000; text-align: left; font-size: 12px; z-index: 3000; /* outline radius for mozilla/firefox only */ -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; }

/* tabs */
.tabs { width: 100%; height: 100%; display: block; }

.tabContent { width: 97%; height: 100%; }

#progress-container { position: absolute; top: 0px; left: 40%; z-index: 2000; text-align: center; }
#progress-container .ui-progressbar-value { background: url(../images/progressbar.gif); }

/**
 * Messages
 */
.message { position: relative; }
.message > div { margin-bottom: 10px; padding: 0 10px; }
.message > div .ui-icon { float: left; margin-right: 0.7em; }
.message .message-close { cursor: pointer; display: none; position: absolute; top: 6px; right: 6px; zoom: 1; }
.message:hover .message-close { display: block; }

/* Modal Widths */
#importPublicLeavePartialDiv { width: 1000px; }

/* notifications from dock */
.notification { min-width: 500px; }
.notification .ui-widget-header { padding: 3px; }
.notification .ui-widget-header .ui-icon-closethick { float: right; }

.reportLink { display: block; text-decoration: none; background: transparent url(../images/icons/report.png) no-repeat left center; padding-left: 20px; }
.reportLink:hover { display: block; text-decoration: underline; padding-left: 22px; }
#report { text-align: center; }

.float-left { float: left; }
.float-right { float: right; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.allert { border: 2px solid #ffe17e; background-color: #fff4d1; padding: 10px 7px; margin-bottom: 5px; color: #6a6a6a; }

.center { text-align: center; }
.center div.checker { margin: 0; }

/* highlights */
.ui-state-highlight-green { background: #879e23; background: -webkit-gradient(linear, left top, left bottom, from(#aac72f), to(#879e23)); background: -moz-linear-gradient(top, #aac72f, #879e23); background: linear-gradient(top, #aac72f, #879e23); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aac72f', endColorstr='#879e23'); border: 1px solid #717f35; border-top-color: #aac72f; border-left-color: #aac72f; -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.3); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.3); text-shadow: 0 1px 0 grey; color: white; }

.form-upload { width: 66%; float: right; border-bottom: solid lightgrey 3px; }
.fileupload-content { padding-top: 31px; }
.fileupload-content .files { width: 100%; }
.fileupload-content .files .template-upload .progress .ui-progressbar-value { height: 8px; width: 62%; }

.ButtonGreyShaded
{
   background-color: #ffffff;
background-image: -webkit-linear-gradient(top, #ffffff,#F1F1F1);
background-image: -moz-linear-gradient(top, #ffffff,#F1F1F1);
background-image: -ms-linear-gradient(top, #ffffff,#F1F1F1);
background-image: -o-linear-gradient(top, #ffffff,#F1F1F1);
background-image: linear-gradient(top, #ffffff,#F1F1F1);
color: #444;
border: 1px solid gainsboro;
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: default;
font-size: 1em;
text-align: left;
margin-right: 16px;
height: 40px;
line-height: 27px;
outline: 0;
padding: 0 20px;
width:200px;
margin-bottom:20px;

}

.ButtonGreyShaded img 
{
    margin:5px 2px 0px 0px;
}

#loginPicture 
{
    display: inline-block;
}

.google-account 
{
    width : 64%;
    float : right;
    display : block;
    padding : 3px;
}
    

.google-account .google-account-content span
{
    display: inline-block;
}
    
.google-account-content .ui-icon 
{
    position: relative;
    top : 4px;
    left : 2px;
    cursor : pointer;
}
    
.google-account-content #facebookIcon 
{
    opacity : 0.4;   
}
#companyLogo{ border-left: none;padding-left: 0;padding-right: 0;}
#userDataNav,#manageNav, #usersNav, #leaveNav, #expensesNav,#timesheetNav, #rosterNav, #roomCheckNav, #checklistNav { float: right;}

.buttonGreen {
    display: inline-block !important;
    *display: inline !important;
    /* IE7 inline-block hack */
    *zoom: 1 !important;
    font-size: 13px !important;
    line-height: 18px !important;
    text-align: center !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    *margin-left: .3em !important;
    color: #ffffff !important;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.25) !important;
    background-color: #0d47a1 !important;
    background-repeat: repeat-x !important;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#1864F2), to(#0d47a1)) !important;
    background-image: -o-linear-gradient(top, #1864F2, #0d47a1) !important;
    background-image: linear-gradient(top, #1864F2, #0d47a1) !important;
    background-image: -moz-linear-gradient(top, #1864F2, #0d47a1) !important;
    background-image: -ms-linear-gradient(top, #1864F2, #0d47a1) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1864F2), to(#0d47a1)) !important;
    background-image: -webkit-linear-gradient(top, #1864F2, #0d47a1) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1864F2', endColorstr='#0d47a1', GradientType=0) !important;
    border: 1px solid #cccccc !important;
    border-color: #0d47a1 #0d47a1 #003580;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    padding: 4px 10px !important;
}
    .buttonGreen:hover {
        background-image: none !important;
        background-color: #1864F2 !important;
    }
#approvalsNotification .ui-widget-header + .ui-widget-content, #reportNotification .ui-widget-header + .ui-widget-content, 
#policyNotification .ui-widget-header + .ui-widget-content, #payNotification .ui-widget-header + .ui-widget-content
{
    margin-left: 0.1%;
    border: 0px !important;
    margin-bottom: 1px;
    width: 99.7%;
}
.ui-datepicker table .ui-state-active{ background: #B1D02D !important; border-color: rgba(0, 0, 0, 0.2);filter: none;}


._digit {font-weight: bold;}
._digit._digit0{font-weight: normal;}
._digit0 + ._digit:not(._digit0){font-weight: bold;}
._digit:not(._digit0) + ._digit0{font-weight: bold;}

#reportAccordion > div.container_6 {
    width: 94.1%;
    margin-right: 0;
}
.text-to-left {
    text-align: left;
}
#reportChart {
    text-align: center;
}

@media screen and (max-height: 900px) {
    #timesheet_reports {
        max-height: 240px;
        overflow-x: hidden;
    }
}