body
{
    overflow-x: hidden;
    min-height: 90vh;
    background-color: #ddd;
    background-image: url(../img/layout/bkg-public.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
body.public div.header
{
    background-image: none;
    background-color: transparent;
}
body.print
{
    background-image: none;
    background-color: #fff;
}
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i
{
    float: right;
    padding-right: .5em;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span
{
	margin-left: .5em;
	font-size: 0.75em;
	font-weight: 900;
	text-transform: uppercase;
	color: #0b72ba;
}
p,li
{
    font-size: 0.95em;
}
hr
{
    max-width: 100%;
}
.fdatepicker, .fdatetimepicker
{
	background-image: url(../img/layout/calendar.png);
	background-position: 94% 50%;
	background-repeat: no-repeat;
	background-size: auto 68%;
}
.menu-sm
{
    margin: 1em 1em;
}
div.container
{
    /* box-shadow: 0px -4px 6px rgba( 0,0,0, .35 ); */
    position: relative;
    z-index: 2;
    margin: 0;
    /* border: 1px solid rgba( 0,0,0, .1 ); */
    border-top: 3px solid rgba( 0,133,196, 1);
    border-right: none;

    background-image: linear-gradient(rgba(255,255,255,1), rgba(204,204,204,.15));
    /* background-image: url(../img/layout/bkg-gradient.png); */
    background-repeat: repeat-x;
}
div.navigation-tabs a.selected
{
    border-bottom-color: #fff;
    background-color: #fcfcfc;
    color: #222;
    border-bottom-color: rgba( 0,0,0, 0);
    background-image: none !important;
}
div.user-info
{
    position: absolute;
    right: 1.3em;
    top: 1em;
    box-shadow: 0px 0px 8px rgba( 0,0,0, .25 );
    background-color: rgba( 255,255,255, .5) !important;
    border-radius: 3px;
    /* border: 1px solid rgba( 0,0,0, .5 ); */
}
div.user-info a:hover, div.user-info a:active
{
    color: #fff;
}
div.user-info .label
{
    margin-left: .5em;
    margin-right: .5em;
}
div.navigation-tabs
{
    position: absolute;
    right: 2em;
    bottom: -3px;
    z-index: 6;
    text-align: right;
}
div.navigation-tabs a
{
    position: relative;
    margin: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    z-index: 4;
    font-weight: 500;

    margin-left: .3em;
    border-bottom: none;
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;

    border: 3px solid rgba( 0,133,196, 1);
    border-bottom-color: rgba( 0,0,0, .1);
    background-image: linear-gradient(transparent, rgba( 0,0,0, .3));

    padding: .8em;
    font-size: 0.85em;
}
div.navigation-tabs a.selected
{
    top: 0px;
    z-index: 6;
    border: 3px solid rgba( 0,133,196, 1);
    border-bottom-color: transparent;
    background-image: linear-gradient(rgba( 0,0,0, .05), transparent);
    /* font-weight: bold; */
}
div.navigation-tabs a i
{
    margin-right: .3em;
}

div.instructions
{
    padding: 1em;
}
div.instructions a.button
{
    margin-bottom: 0.3em;
}
div.instructions a.button.has-tip
{
    font-weight: normal;
    cursor: pointer;
}
div.zselect
{
    color: #222;
    border-top: 1px solid #ccc;
}
div.zselect ul
{
    max-height: 300px;
}
div.history
{
    margin: 1em 1em 0 1em;
}
div.history a
{
    margin: 0 0 1px 0;
    border: 1px solid rgba( 255,255,255, .15);
}
div.history a span
{
    margin-left: 1em;
}
div.page
{
    position: relative;
    padding: 1em;
    background-color: rgba( 255,255,255, 1);
    /* border-top: 3px dotted #0b72ba;
    border-top: 3px dotted #222;
    margin-top: 1em; */
}
div.page-full
{
    position: relative;
    padding: 1em;
    background-color: rgba( 255,255,255, 1);
    box-shadow: 0px 8px 8px rgba( 0,0,0, .3);
    border-top: 1px solid #ccc;
    /* border-top: 3px dotted #0b72ba;
    border-top: 3px dotted #222;
    margin-top: 1em; */
}

div.header
{
    /* background-color: #fff;
    background-image: url(../img/layout/bkg-3.jpg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: auto 100%; */
    position: relative;
    z-index: 4;
}
img.logo
{
    padding: 1em;
    max-height: 100px;
}
div.dashboard
{
    padding: 1em;
}

.relative
{
    position: relative;
}

ul.tabs
{
	background-color: transparent !important;
	border: none;
	border-left: 1px solid #e6e6e6;
	position: relative;
	top: 1px;
}
li.tabs-title.is-active a
{
	background-color: #fff !important;
	border-bottom: 1px solid #fff !important;
}
li.tabs-title a
{
	background-color: #fafafa;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
    border-bottom: 1px dotted #e6e6e6;
}
li.tabs-title a:hover
{
	background-color: rgba( 49,53,116, .05 );
	border-top: 1px solid rgba( 228, 228, 228, 1 );
	border-right: 1px solid rgba( 228, 228, 228, 1 );
	border-bottom: 1px solid rgba( 228, 228, 228, 1 );
}
li.tabs-title small
{
    font-weight: bold;
    margin-left: 0.5em;
}
div.tabs-content
{
	border-top: 1px solid #e6e6e6;
    font-size: 0.9em;
}
/* #menu-sm a
{
    display: block;
    padding: 1em;
    margin: 0;
    border-top: 1px dotted rgba( 0,0,0, .15 );
    text-align: left
}
#menu-sm a:hover
{
    background-color: rgba( 0,0,0, .05 );
} */
input.fixed-font
{
    text-align: center;
    font-family: monospace;
    letter-spacing: 3px;
    font-size: 1.5em;
}

table.tblData
{
    font-size: 0.9em;
}
table.tblData th, table.tblData td
{
    font-size: 0.9em;
    vertical-align: top;
    text-align: left;
    white-space: nowrap;
}
table.tblData th small
{
    display: block;
    font-weight: normal;
}
table.tblData input[type=text], table.tblData input[type=number]
{
    width: 55px !important;
    margin: 0;
    font-size: 1em;
    height: auto;
}
table.tblData th.th-training
{
    max-width: 150px;
    width: 150px;
    white-space: normal;
}
table.tblData tr.totals th, table.tblData tr.totals td
{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
/* table.tblDataWrap
{
    table-layout: fixed;
} */
table.tblDataWrap td
{
    white-space: normal;
}
table.tblTimesheetData th
{
    white-space: normal;
    max-width: 50px;
}
table.tblPartInventory select
{
    height: 32px;
    min-width: 70px;
    margin: 0;
}
table.tblGant td.start
{
	background-color: green;
	background-color: #59ba0b;
	color: #ffffff;
}
table.tblGant td.inprogress
{
	background-color: #6ccc28;
	color: #ffffff;
}
table.tblGant td.inprogress_future
{
	background-color: #d9ffb6;
	color: #666666;
}
table.tblGant td.today
{
	background-color: blue;
	background-color: #0b72ba;
	color: #ffffff;
}
table.tblGant td.estimatedend
{
	background-color: orange;
	color: #ffffff;
}
table.tblGant td.estimatedend-past
{
	background-color: orange;
	background-color: #ba0b0b;
	color: #ffffff;
}
table.tblGant td.end
{
	background-color: red;
	background-color: #ba0b0b;
	color: #ffffff;
}
table.tblGant td.end-past
{
	background-color: purple;
	background-color: #720bba;
	color: #ffffff;
}
a.tblSort
{
    float: right;
}
.margin0
{
    margin: 0;
}
.margin-sm
{
        margin-bottom: .3em
}
div.dark-blue
{
    /* background-color: rgba( 36, 63, 87, .75) !important; */
    background-color: #444 !important;
    color: #fff;
}
div.dark-blue label
{
    color: #fff;
}
div.ra
{
	padding: 0.4em 0.5em 0.4em 0.5em;
	font-size: 0.8em;
	line-height: 1.1em;
}
div.ra i
{
	float: right;
}
div.ra-type
{
	background-color: rgba( 30, 161, 238, 1 );
	background-color: #999;
	color: #fff;
	font-weight: bold;
	border-bottom-right-radius: .6em;
}
div.ra-type_profile
{
    background-color: rgba( 49,53,116, .95 );
}
div.ra-type_signin_attempt
{
    background-color: #c60f13;
}
div.ra-type_signin_worker, div.ra-type_signin_admin
{
    background-color: rgba( 77, 184, 72, .95 );
}
div.ra-type_user_worker, div.ra-type_user_admin
{
    background-color: #ffae00;
}
div.ra-type_user, .history_user i:first-child
{
	background-color: #222;
}
div.ra-name
{
	font-weight: bold;
}
div.ra-details
{
    padding: .5em;
    font-size: 0.9em;
}
div.ra-ago
{
	background-color: rgba( 128,128,128, .1 );
	text-align: right;
}
div.ra-column
{
	padding-right: 0;
}
div.show-info
{
	font-size: 80%;
	padding: 0 1em 0 1em;
}
div.activity-log
{
    font-size: 0.9em;
}
.r
{
    text-align: right;
}
.l
{
    text-align: left;
}
.card-em
{
    border-top: 3px solid #0b72ba;
}
.card-em2
{
    border-left: 3px solid #0b72ba;
}
.notifications
{

}
.notifications a
{
    display: block;
}
.notifications span
{
    font-size: 0.9em;
}
div.scoring i
{
    font-size: 1.6em;
    margin-right: 1em;
}
div.scoring i.unselected
{
    color: rgba( 255,255,255,.5);
}
.is-invalid-label *
{
    border-color: #9B1D20;
}
.notification-save
{
    position: absolute;
    right: 1em;
    /* top: 1.2em; */
}
div.callout
{
    position: relative;
}
div.callout span.label
{
    line-height: 1.5;
    white-space: inherit;
}
span.label-margin
{
    margin-bottom: .3em;
}
div.callout-box
{
    padding-bottom: 0px;
}
.top-corner
{
    position: absolute;
    top: .2em;
    right: 0.5em;
}
span.hollow
{
    border: 1px solid rgba( 255, 174, 3, 1 );
    border-left-width: 4px;
    background-color: rgba( 255, 174, 3, .15 ) !important;
        line-height: 1.5;
        white-space: inherit;
}
.logo-signin
{
    text-align: center;
}
.logo-signin img
{
    max-height: 200px;
    padding: 1em;
    margin: 0 auto 0 auto;
}
div.signin
{
    margin: 1em;
    width: 75%;
    margin: 3em auto 5em auto;
}
div.signin-box
{
	box-shadow: 0px 5px 20px #666;
	background-color: rgba( 255,255,255, .9 );
	border-radius: .4em;
    padding: 1em;
}

div.signin-box img
{
    max-height: 75px;
    margin: .8em .4em;
}
.hollowfill
{
    background-color: #fff !important;
}
table.tblData a.margin0
{
    margin-bottom: 1px;
}
table tr.border-top th, table tr.border-top td
{
    border-top: 1px solid #ccc;
}
table th.border-left, table td.border-left
{
    border-left: 1px solid #ccc;
    border-left: 1px solid #ddd;
}
/* table th.border-left:first, table td.border-left:first
{
    border-left: 0px;
} */
div.table-border
{
    /* border-left: 1px solid #ccc; */
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.signature_pad
{
    border: 1px solid #ccc;
    background-color: #fff;
    width: 100%;
    height: 120px;
}
fieldset
{
    background-color: rgba( 255,255,255,.85);
    position: relative;
}
div.dashboard-4k div.label
{
	margin-bottom: 1px;
	border-radius: 3px;
	font-weight: bold;
    color: #222;
    border: 1px solid rgba( 0,0,0,.25 );
}
div.dashboard-4k div.label a
{
    color: #222;
}
div.dashboard-4k div.label small
{
	font-weight: normal;
	display:block;
}
#menu-sm a.accordion-title
{
    background-color: #ddd !important;
    color: #555;
    /* font-weight: bold !important; */
    font-size: 1em;
    padding: 1em;
}
#menu-sm li.accordion-item.is-active a.accordion-title
{
    background-color: rgba( 11, 114, 186, 1) !important;
    color: #fff;
}
#menu-sm div.accordion-content
{
    padding: .6em 0em 0em 0em !important;
}
#menu-sm div.accordion-content hr
{
    margin: .1em 0em .5em 0em;
    border-color: #eee !important;
}
#menu-sm a.nav-sub
{
    display: block;
    font-size: 1em;
    font-weight: 900;
}
#menu-sm a.nav-sub span
{
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 900;
    padding-left: 0.5em;
}
#menu-sm a.nav-sub small
{
    display: block;
    color: #222;
    font-weight: normal;
}
a.nav-sub
{
    font-size: 0.9em !important;
    padding: 0em 1.3em .6em 1.3em !important;
}
a.nav-sub small
{
    display: block;
}
.r
{
    text-align: right !important;
}
.c
{
    text-align: center !important;
}

div.pst-special-note
{
	display: none;
}
#new-vendor
{
    display: none;
}
div.print-page
{
    /* width: 8.5in; */
}
div.selected
{
	background-color: #ec4e20 !important;
    color: #fff !important;
}
div.selected a
{
    color: #fff !important;
}
div.updated
{
	color: blue;
}
.has-tip
{
    border-bottom: none;
}
textarea
{
    font-size: 1em;
}
.zselect ul
{
	min-width: 238px;
}
.pad0
{
    padding: 0;
}
.pad1
{
    padding: 1em;
}
.dem
{
    max-width: 350px;
}
td.nowrap
{
    white-space: nowrap !important;
}
#color-menu
{
	width: 100%;
	height: 120px;
	overflow: auto;
    margin: 0;
}
#color-menu li
{
	vertical-align: middle;
    margin: 0;
    padding: 0.2em 0.5em 0.2em 0.5em;
}
#color-menu li:hover
{
	background-color: #eeeeee;
	cursor: pointer;
}
#color-menu li i
{
	font-size: 1.2em;
	vertical-align: middle;
}
#color-menu li.color-selected
{
	background-color: #dddddd;
}
textarea, input.smaller-text
{
    font-size: 1em;
}
.print-show
{
    display: none;
}
table.tblTimesheet
{
	border-spacing: 1px;
}
table.tblTimesheet th
{
	padding: 5px 8px 2px 8px;
}
table.tblTimesheet th.blank
{
	background: transparent;
}
table.tblTimesheet th.primary
{
	background-color: #1f2428;
	background-repeat: repeat-x;
	color: #eeeeee;
}
div.primary select, div.primary option
{
	width: 160px !important;
    padding: 2px 6px 2px 6px;
    margin: 0;
    height: 24px;
    font-size: 1em;
}
div.primary label
{
    color: #fff;
    font-size: 1em;
    line-height: 1em;
    margin: 0;
}
div.primary input[type="checkbox"]
{
    margin: 0;
}
.timesheets_container
{
	width: 100%;
	overflow: auto;
}
table.tblTimesheet th.secondary
{
	background-color: #c2c7ce;
	color: #1f2428;
}
table.tblTimesheet th.tertiary
{
	background-color: #ededed;
}
table.tblTimesheet th.weekend
{
	background-color: #dddddd;
}
table.tblTimesheet td
{
	padding: 2px;
}
table.tblTimesheet tr.alt td
{
	background-color: #ededed;
}
table.tblTimesheet tr.alt td.weekend
{
	background-color: #ff0000;
}
table.tblTimesheet input[type="text"]
{
	width: 30px;
}
table.tblTimesheet .left
{
	text-align: left;
}
table.tblTimesheet .right
{
	text-align: right;
}
table.tblTimesheetContainer
{
	width: 100%;
}
table.tblTimesheetContainer td
{
	vertical-align: top;
    padding: 0;
}
table.tblTimesheetContainer td.timespan
{
	width: 100px !important;
	padding-top: 68px;
}
table.tblTimesheetContainer div.primary
{
	background-color: #1f2428;
	background-repeat: repeat-x;
	color: #eeeeee;
	font-weight: bold;
    font-size: 0.7em;
	padding: 5px 8px 2px 8px;
	margin: 0px 1px 1px 0px;
	height: 34px;
	line-height: 26px;
}
table.tblTimesheetContainer div.primary-alt
{
	background-color: #3f4549;
	background-image: none;
    font-size: 0.7em;
}
table.tblTimesheetContainer div.primary span
{
	float: right;
}
table.tblTimesheetContainer div.primary-sm
{
	font-size: 0.8em;
}
table.tblTimesheetContainer div.secondary
{
	background-color: #c2c7ce;
	color: #1f2428;
	padding: 5px 8px 2px 8px;
	margin: 0px 1px 1px 0px;
	height: 34px;
	line-height: 26px;
	text-align: center;
	font-size: 0.7em;
	font-weight: bold;
}
table.tblTimesheetContainer div.tertiary
{
	background-color: #ededed;
	margin: 0px 1px 1px 0px;
	padding: 1px 0px 0px 0px;
	font-size: 1em;
	height: 34px;
    font-size: 0.7em;
}
table.tblTimesheetContainer div.tertiary input[type="text"]
{
	padding: 1px;
	text-align: center;
    height: 32px;
    font-size: 1.2em;
}
table.tblTimesheetContainer div.date
{
	padding: 9px 8px 2px 8px;
	font-size: 0.7em;
}
table.tblTimesheetContainer div.weekend
{
	background-color: #dddddd;
}
table.tblTimesheetContainer div.timesheet_project
{
	float: left;
}
table.tblTimesheetContainer .project_remove
{
    margin-top: 3px;
	padding: 0px 3px 0px 4px;
}
table.table-sortable th
{
    cursor: pointer;
}
.editted
{
	border-color: rgb(11,114,186) !important;
	background-color: #d6eaff !important;
}
.edittederror
{
	border-color: rgb(186,11,11) !important;
	background-color: #ffd6d6 !important;
}
.hidden-sort
{
    width: 1px;
    height: 1px;
    overflow: hidden;
    float: left;
}
.page-break
{
	page-break-after:always;
}

div.math
{
	background-color: #ededed;
	padding: .6em;
	font-size: 0.8em;
}
div.qr-card
{
    /* background-color: #0672ba; */
}
div.qr-card h4
{
    font-weight: 900;
    /* color:#fff; */
}
div.qr-card img
{
    width: auto;
    height: auto;
}
.x-remove
{
    position: absolute;
    top: 0;
    right: 1em;
}
.invalid-workarea
{
    background-color: #ec4e20 !important;
}
table.table-filter th
{
    position: relative;
}
table.table-filter th i
{
    position: absolute;
    top: 0em;
    right: 0.1em;
    font-size: 0.8em;
    color: rgba( 94,134,141, 1 );
}
table tr.tablesorter-filter-row td
{
    padding: .2em;
    border: 1px solid #cacaca;
}
table tr.tablesorter-filter-row td input
{
    height: 25px;
    font-size: 0.9em;
    width: 100%;
    border: 0;
    margin: 0;

    background-image: url(../img/layout/filter.png);
	background-position: top 5px right 5px;
	background-repeat: no-repeat;
	background-size: auto 25%;
}
table tr.tablesorter-filter-row td input:focus
{
    background-image: none;
}
.input-group-label, .input-group-field
{
    /* font-family: monospace; */
    /* font-size: 1.1em; */
}
label.is-invalid-label .input-group-label
{
    background-color: #9B1D20;
    color: #fff;
}
.margin-min
{
    margin-bottom: .3em;
}

ul.tabs li.tabs-link
{
    float: left;
}
ul.tabs .tabs-link>a
{
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: .8rem;
    line-height: 1;
}
ul.accordion .tabs-link>a
{
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: .8rem;
    line-height: 1;
    border-left: 1px solid #ddd;
}
ul.tabs li.tabgroup a, ul.accordion li.tabgroup a
{
    background-color: rgba( 217,217,217, .75);
    border-color: #0b72ba;
    color: #777;
    font-weight: bold;
    /* text-shadow: 0px 0px 2px rgba( 0,0,0, 0.75 ); */
}
ul.tabs li.tabgroup-active a, ul.accordion li.tabgroup-active a
{
    background-color: #0b72ba;
    /* text-transform: uppercase; */
    color: #fff;
    /* font-weight: 900; */
    /* text-shadow: 0px 0px 2px rgba( 255,255,255, .5 ); */
    /* letter-spacing: .12em; */
}
ul.tabs li.tabgroup a i, ul.accordion li.tabgroup a i
{
    font-size: 0.9em;
    margin-right: 0.3em;
}
ul.tabs li.tabgroup a:hover, ul.accordion li.tabgroup a:hover
{
    background-color: rgba( 11, 114, 186, .9 );
    color: #fff;
}
.border-never *
{
    border: none !important;
}
table.padding-min th, table.padding-min td
{
    padding: 0 0.1em 0.2em 0.1em;
}
table.tblDataLrg th, table.tblDataLrg th
{
    font-size: 1em;
}

.pure-material-progress-linear {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    height: 0.25em;
    color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    background-color: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.12);
    font-size: 16px;
    width: 100%;
}

.pure-material-progress-linear::-webkit-progress-bar {
    background-color: transparent;
}

/* Determinate */
.pure-material-progress-linear::-webkit-progress-value {
    background-color: currentColor;
    transition: all 0.2s;
}

.pure-material-progress-linear::-moz-progress-bar {
    background-color: currentColor;
    transition: all 0.2s;
}

.pure-material-progress-linear::-ms-fill {
    border: none;
    background-color: currentColor;
    transition: all 0.2s;
}

/* Indeterminate */
.pure-material-progress-linear:indeterminate {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, transparent 50%, currentColor 50%, currentColor 60%, transparent 60%, transparent 71.5%, currentColor 71.5%, currentColor 84%, transparent 84%);
    animation: pure-material-progress-linear 2s infinite linear;
}

.pure-material-progress-linear:indeterminate::-moz-progress-bar {
    background-color: transparent;
}

.pure-material-progress-linear:indeterminate::-ms-fill {
    animation-name: none;
}

@keyframes pure-material-progress-linear {
    0% {
        background-size: 200% 100%;
        background-position: left -31.25% top 0%;
    }
    50% {
        background-size: 800% 100%;
        background-position: left -49% top 0%;
    }
    100% {
        background-size: 400% 100%;
        background-position: left -102% top 0%;
    }
}

@media print {
  .print-hidden
  {
	  display: none;
  }
  .print-show
  {
      display: block;
  }
  table.tblTimesheetContainer div.timesheet_project
  {
      border-left: 1px solid #ddd;
  }
  a[href]:after {
    content: none !important;
  }
}