body
{
    overflow-x: hidden;
    background-color: #ddd;
    background-image: url(../img/layout/bkg-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    min-height: 99vh;
}
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i
{
    float: right;
    padding-right: .5em;
	color: rgba( 30, 161, 238, 1 );
}
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: rgba( 30, 161, 238, 1 );
}
textarea, input.smaller-text
{
    font-size: 1em;
}
select.smaller, select.smaller option
{
    font-size: 0.9;
}
.rel
{
    position: relative;
}
fieldset
{
    padding-top: .3em !important;
}
fieldset legend
{
    font-weight: bold;
}
.fdatepicker, .fdatetimepicker
{
	background-image: url(../img/layout/calendar.png);
	background-position: 94% 50%;
	background-repeat: no-repeat;
	background-size: auto 68%;
}
div.element-top-bar
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    background-image: linear-gradient(to bottom right, rgba( 0,0,0, .95) , rgba( 0,0,0, .75));
    padding: 0.5em;
    color: #fff;

    border-top: 2px dotted rgba( 30,161,238, 1 );
    border-bottom: 2px dotted rgba( 30,161,238, 1 );
}
div.element-title
{
    line-height: 2.1em;
    /* margin-top: .2em; */
    font-weight: bold;
}
div.element-title span
{
    font-weight: 900;
}
.success-hollow
{
    background-color: rgba( 155, 197, 61, .5 ) !important;
}
.margin0
{
    margin: 0;
}
.margin-min
{
    margin-bottom: .4em;
}
.pad0
{
    padding: 0;
}
.pad1
{
    padding: 1em;
}
.pad2
{
    padding: 1em 1.2em 1em 1.2em;
}
.pad5
{
    padding: 0.5em;
}
div.bkg
{
    position: absolute;
    z-index: 1;
    top: 53px;
    left: 0px;
    width: 100%;
    height: 80px;
    background-image: url(../img/layout/bkg-4.jpg);
    border-bottom: 3px solid #666;
}
div.body
{
    /* border: 1px solid rgba( 30,161,238, 1 ); */
    /* border-top: 3px solid rgba( 30,161,238, 1 ); */
    position: relative;
    z-index: 2;
    margin-left: .3em;
    margin-right: .3em;
    margin-top: 3em;
    /* margin-top: 120px;
    margin-bottom: 30px;

    min-height: 90vh;
    background-image: linear-gradient(to bottom right, rgba( 51,51,51,1), rgba( 0,0,0,.95) ); */
}
div.view-side
{
    background-color: #222;
    color: #fff;
    border-bottom-right-radius: 1em;
    padding: 1em;

    border: 1px solid rgba( 0,0,0, .2 );
    border-top: 0;
    border-left: 0;

    font-size: 0.9em;
    margin-bottom: 1em;
}
div.view-side-alt
{
    border-top-right-radius: 1em;
    background-color: #444;
}
div.menu-side
{
    padding-bottom: 1em;
}
a.hollow-alt
{
    background-color: #fff !important;
}
a.hollow-alt.secondary
{
    color: #666 !important;
    border-color: #666 !important;
}
div.view-side a.button, div.menu-side a.button
{
    margin-bottom: .3em;
}
div.view-main
{
    padding: 1em;
}
div.history
{
    text-align: right;
}
div.history a.button
{
    margin-bottom: .3em;
    /* border-left-width: 3px !important; */
    font-weight: bold;
}
.history-close
{
    margin-left: 0.5em;
}
div.card
{
    overflow: visible;
}
div.card-primary
{
    border-color: rgba( 30, 161, 238, 1 );
    border-color: rgba( 0,0,0, .75);
    border-style: solid;
    border-width: 2px;

    margin-top: 2em;
}
div.card-img
{
    height: 60px;
    width: 60px;
    border: 2px solid rgba( 255,255,255, 1 );
    border-radius: 2em;
    background-color: #fff;
    color: #222;
    position: absolute;
    top: -.5em;
    left: .4em;
    background-size: cover;
    background-position: center center;
    box-shadow: 0px 0px 6px rgba( 0,0,0, .75 );
}
div.card-title
{
    position: relative;
    background-color: rgba( 30, 161, 238, 1 );
    background-color: rgba( 0,0,0, .75 );
    padding: .4em .8em .4em .8em;
    color: #fff;
    font-weight: bold;
    text-align: right;
    line-height: 1em;
}
div.card-name
{
    font-size: 1.2em;
    padding-top: 0.4em;
}
div.card-title small
{
    font-weight: normal;
}

div.card-body
{
    font-size: 0.9em;
}
div.callout-shadow
{
    box-shadow: 0px 0px 12px rgba(0,0,0,.35);
}
ul.tabs
{
	background-color: transparent !important;
	border: none;
	border-left: 1px solid #e6e6e6;
	position: relative;
	top: 1px;
}
ul.accordion li.is-active
{
    background-color: #fff;
}
li.accordion-item a.accordion-title
{
    background-color: #f9fafa;
    font-weight: bold;
    font-size: 0.9em !important;
}
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 li.tabs-link
{
    
} */
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.tabs-title a, ul.tabs li.tabs-link a, ul.accordion li.tabs-title a, ul.accordion li.tabs-link a
{
    padding: 1.25rem 1.25rem 1.05rem 1.25rem;
    margin-top: 1px;
}
ul.tabs li.tabs-title.is-active a, ul.tabs li.tabs-link.is-active a, ul.accordion li.tabs-title.is-active a, ul.accordion li.tabs-link.is-active a
{
    background-color: #fff !important;
	border-bottom: 1px solid #fff !important;
    border-top: 1px solid #1ea1ee;
}
li.is-active a.accordion-title
{
	background-color: #fff !important;
	border-bottom: 1px solid #fff !important;
    font-weight: bold !important;
    font-size: 0.9em !important;
}
li.tabs-title a, li.tabs-link a
{
	background-color: #fafafa;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
li.tabs-title a:hover, li.tabs-link 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 );
}
div.tabs-content
{
	border-top: 1px solid #e6e6e6;
    font-size: 0.9em;
}
ul.tabs li.tabgroup a, ul.accordion li.tabgroup a
{
    background-color: #1ea1ee;
    border-color: #4b6b71;
    color: #fff;
    font-weight: bold;;
}
ul.tabs li.tabgroup-active a, ul.accordion li.tabgroup-active a
{
    background-color: #4b6b71;
    text-transform: uppercase;
    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: #4b6b71;
}

div.signin-box
{
	box-shadow: 0px 5px 20px #666;
	background-color: rgba( 255,255,255, .9 );
	border-radius: .4em;
    padding: 1em;
}
.logo-signin
{
    text-align: center;
}
.logo-signin img
{
    max-height: 200px;
    padding: 1em;
    margin: 0 auto 0 auto;
}
div.signin
{
    margin: 1em;
}
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( 53,124,44, .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.container-body
{
    background-image: linear-gradient( to bottom right, rgba( 255,255,255, .95), rgba( 255,255,255, .75));
    border-radius: .3em;
    border: 1px solid rgba( 0,0,0,.25 );
    box-shadow: 0px 0px 12px rgba(0,0,0,.35);
    padding: 1em;
    position: relative;
}
div.container-side
{
    background-image: linear-gradient( to bottom right, rgba( 0,0,0, .75), rgba( 0,0,0, .5));
    color: #fff;
}
div.container-side label
{
    color: #fff;
}
div.container-side a.button
{
    margin-bottom: .3em;
}
div.container-quicklinks
{
    margin-top: 4.5em;
    position: relative;
    padding-bottom: 0;
    text-align: center;
    font-weight: bold;
    background-image: linear-gradient( to bottom right, rgba( 0,0,0, .75), rgba( 0,0,0, .5));
}
div.container-quicklinks h3
{
    color: #fff;
}
div.container-quicklinks p
{
    color: #fff;
    font-weight: normal;
}
div.container-quicklinks i
{
    display: block;
    text-align: center;
    font-size: 3em;
    color: #333;
}
div.container-quicklinks small
{
    font-weight: normal;
    display: block;
}
div.circle-imgs
{
    display: block;
    clear: both;
}
div.circle-imgs label
{
    font-weight: bold;
}
div.circle-img
{
    height: 42px;
    width: 42px;
    border: 2px solid rgba( 0,0,0, .5 );
    border-radius: 2em;
    background-color: #fff;
    color: #222;
    background-size: cover;
    background-position: center center;
    /* margin-right: .3em; */
    float: left;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    overflow: hidden;
    padding-top: .3em;
    padding-left: 1px;
    margin-bottom: 0.3em;
}
div.circle-img-alt
{
    font-size: 0.9em;
    line-height: 1em;
}
div.absences div.circle-img
{
    margin-right: 0.3em;
}
div.circle-img-alt
{
    border: 1px solid rgba( 0,0,0, .25 );
    margin-bottom: 0;
    width: 38px;
    height: 38px;
}
div.pending
{
    border: 2px dashed rgba( 0,0,0, .5 );
}
div.widget-vacation
{
    text-align: center;
    margin-bottom: 1em;
}
div.widget-vacation div.number
{
    width: 100%;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}
div.notifications:first-child
{
    padding-top: 0 !important;
}
div.notifications:last-child
{
    border-bottom: none;
}
div.notifications
{
    border-bottom: 1px dotted #ddd;
    padding-top: 1em;
}
div.notifications:nth-child(2n)
{
    background-color: #fafafa;
}
div.notifications i.icon
{
    color: #999;
    margin: 0 auto 0 auto;
    font-size: 2em;
    text-align: center;
    position: relative;
    top: -.3em;
}
div.callout-em, div.timesheet_employee_container
{
    border-top: 3px solid rgba( 30,161,238, 1 );
}
div.callout-task
{
    border-left: 3px solid rgba( 30,161,238, 1 );
}
div.callout0
{
    padding-bottom: 0;
}
.fdatepicker, .fdatetimepicker
{
	background-image: url(../img/layout/calendar.png);
	background-position: 94% 50%;
	background-repeat: no-repeat;
	background-size: auto 68%;
}
table.tblData
{
    margin: 0;
}
table.tblData th
{
    text-align: left;
    font-size: 0.9em
}
table.tblData td
{
    font-size: 0.9em;
    vertical-align: top;
}
table.tblData td.monospace
{
    /* font-family: monospace; */
    font-weight: bold;
    /* font-size: 1.1em; */
}
table.tblData td input
{
    margin-bottom: 0;
}
table.tblData tr.grandtotal
{
    font-size: 1.2em;
    color: #fff;
    background-color: #666;
}
table.tblData tr.larger th
{
    font-size: 1em;
}
table.smaller th, table.smaller td
{
    font-size: 0.7em;
}
table.tblData th.border-left, table.tblData td.border-left
{
    border-left: 1px solid #ddd;
}
table.tblData tr.border-bottom th, table.tblData tr.border-bottom td
{
    border-bottom: 1px solid rgba( 30,161,238, 1 );
}
table.tblData tr.border-top th, table.tblData tr.border-top td
{
    border-top: 1px solid rgba( 30,161,238, 1 );
    border-top: 1px solid #ccc;
}
table.tblData th.highlight, table.tblData td.highlight
{
    background-color: #f6f6f6;
    border-left: 1px solid #ccc;
}
table.tblDataSmaller th, table.tblDataSmaller td
{
    font-size: 0.8em;
}
table.tblTHValignC th
{
    vertical-align: bottom;
}
table.tblValignC td
{
    vertical-align: middle;
}
table.tblData tr.heading th, table.tblData tr.heading td
{
    background-color: #eee;
}
div.element-menu
{
    padding-left: 0.8em;
}
div.element-menu a.button
{
    margin: 0;
}
#form_permissions table.tblData td
{
    font-size: 0.8em;
}
#form_permissions table.tblData .button
{
    margin: 0;
}
#menu-small a
{
    display: block;
    margin-bottom: .5em;
    float: none;
    text-align: left;
}
.fdatepicker, .fdatetimepicker
{
	background-image: url(../img/layout/calendar.png);
	background-position: 94% 50%;
	background-repeat: no-repeat;
	background-size: auto 68%;
}
.is-admin
{
    margin-left: 1em;
    color: rgba( 0,0,0, .75 );
}
span.label i
{
    margin-left: 0.5em;
    color: rgba( 255,255,255,.75);
}
span.label i:hover
{
    color: rgba( 255,255,255,1);
}
div.switch.alert input:checked ~ .switch-paddle
{
    background-color: #c3423f;
}
input.smaller
{
    font-size: 1em;
}
input.modified, select.modified
{
    border-color: orange;
}
select.table
{
    height: 25px;
}
.c
{
    text-align: center !important;
}
.r
{
    text-align: right !important;
}
#chart_div table
{
    border-collapse: initial;
}

#chart_div table *
{
    background-color: transparent;
}
#chart_div table td.orgchart-node
{
    font-size: 0.9em;
    border: 1px solid #222;
    border-radius: .3em !important;
    background-color: #fafafa;
    /* box-shadow: inset 0px 0px 6px rgba( 30,161,238, .75 ); */
    color: #222;
}
#chart_div table td.orgchart-node-selected
{
    border: 1px solid #222;
}
#chart_div table td.orgchart-node div
{
    font-size: 0.8em;
}
#chart_div .google-visualization-orgchart-lineleft
{
    border-left: 1px solid rgba( 30,161,238, 1 );
}
#chart_div .google-visualization-orgchart-lineright
{
    border-right: 1px solid rgba( 30,161,238, 1 );
}
#chart_div .google-visualization-orgchart-linebottom
{
    border-bottom: 1px solid rgba( 30,161,238, 1 );
}
div.notification-save
{
    position: absolute;
    top: 1em;
    right: 1em;
}
.fixed-width
{
    font-family: monospace;
    font-weight: 900;
    font-size: 1.1em;
}
.fixed-width-inherit
{
    font-family: monospace;
    font-weight: 900;
}
input.token
{
    font-family: monospace;
    font-size: 0.9em;
}
label.is-invalid-label
{
    font-weight: 500;
}
label.is-invalid-label input, label.is-invalid-label select, label.is-invalid-label textarea
{
    border: 1px dotted #c3423f !important;
}
.no-wrap
{
    white-space: nowrap;
}
.hidden
{
    display: none;
}
.nothidden
{
    display: block;
}
.show
{
    display: block !important;
}
.signature_pad
{
    border: 1px solid #ccc;
    background-color: #fff;
    width: 100%;
    height: 120px;
}
.verification_code
{
    font-family: monospace;
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    color: rgba( 30, 161, 238, 1 );
}
.calendar
{
    border-left: 1px solid rgba( 0,0,0, .2 );
    border-top: 1px solid rgba( 0,0,0, .2 );
}
.calendar-day
{
    min-height: 120px;
    border-right: 1px solid rgba( 0,0,0, .2 );
    border-bottom: 1px solid rgba( 0,0,0, .2 );
    padding: 0.2em;
    font-size: 0.8em;
    background-color: rgba( 255,255,255, .5);
    position: relative;
}
.calendar-day-label
{
    border-right: 1px solid rgba( 0,0,0, .2 );
    border-bottom: 1px solid rgba( 0,0,0, .2 );
}
.calendar-label
{
    font-weight: bold;
    text-align: center;
    padding: 0.5em;
    font-size: 0.9em;
}
.calendar-weekend
{
    background-color: rgba( 30,161,238, 0.07 );
}
.calendar-off-month
{
    background-color: rgba( 0,0,0, .07);
    color: #999;
}
.calendar-date
{
    position: absolute;
    top: .2em;
    right: .2em;
    font-weight: 500;
    font-size: 0.9em;
    z-index: 9;
    background-color: rgba( 30,161,238, .85 );
    padding: .1em .3em .1em .3em;
    border-radius: 1em;
    min-width: 1.8em;
    text-align: center;
    border: 1px solid #1ea1ee;
    color: #fff;
    font-weight: bold;
}
.calendar-date:hover
{
    background-color: rgba( 30, 161, 238, 1 );
    color: #fff;
}
.activity-log span
{
    float: right;
    color: #999;
    font-size: 0.9em;
}
.jstree-anchor
{
    /* margin-top: .3em !important; */
    margin-bottom: .3em !important;
}
.jstree-anchor span
{
    font-size: 1.3em;
    font-weight: bold;
    font-family: monospace;
    padding-right: 1em;
}
.jstree-contextmenu
{
    z-index: 9;
}
.jstree-hovered
{
    /* border: 1px solid transparent !important; */
    background-color: rgba( 30,161,238, .2 ) !important;
}
.jstree-clicked
{
    /* border: 1px solid rgba( 30,161,238, .5 ) !important; */
    background-color: rgba( 30,161,238, .3 ) !important;
}
.vakata-context, .vakata-context ul
{
    box-shadow: 2px 2px 6px #aaa !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    font-size: 0.8em !important;
    padding: 0 !important;
}
.vakata-context li a
{
    border: 1px solid #fff !important;
}
li.vakata-context-hover a
{
    border: 1px solid rgba( 30,161,238, .5 ) !important;
    background-color: rgba( 30,161,238, .07 ) !important;
}
li.vakata-context-hover a i
{
    /* background-color: #507278 !important; */
    text-shadow: none;
    /* color: #fff; */
}
li.vakata-context-separator
{
    border-bottom: 1px solid #eeeeee;
}
div.grid-margin-sm div.cell
{
    margin-right: 0.3em;
}
div.grid-margin-sm div.cell:last-child
{
    margin-right: 0;
}
div.scrolly
{
    overflow-x: scroll;
}
div.zselect ul
{
    max-height: 220px;
}
div.wbs-touch
{
    max-height: 85vh;
    overflow-y: scroll;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom: 1px solid rgba(10,10,10,0.25);
}
.float-right-margin
{
    margin-left: 0.5em;
    margin-bottom: 0.5em;
}
div.dropdown-pane
{
    box-shadow: 2px 2px 6px #aaa !important;
}
table.tblTimesheetData th
{
    white-space: normal;
    max-width: 50px;
}
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.task-selector
{
    background-color: #295057 !important;
}
div.task-modified
{
    background-color: #ee9536 !important;
}
div.primary-large
{
    height: 80px !important;
    position: relative;
}
div.primary-large > input
{
    width: 160px !important;
    opacity: 0;
    cursor: pointer;
}
div.primary > select, div.primary > option, div.primary > input
{
	/* 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: #1ea1ee;
	background-repeat: repeat-x;
	color: #eeeeee;
	font-weight: bold;

    font-size: 0.8em !important;
	padding: 5px 8px 2px 8px;
	margin: 0px 1px 1px 0px;
	height: 34px;
	line-height: 26px;
}
table.tblTimesheetContainer div.primary-alt
{
	background-color: #7aa2a9;
	background-image: none;
    font-size: 1em;
}
table.tblTimesheetContainer div.primary-sm
{
	font-size: 1em;
}
table.tblTimesheetContainer div.secondary
{
	background-color: #ccc;
	color: #222;
	padding: 5px 8px 2px 8px;
	margin: 0px 1px 1px 0px;
	height: 34px;
	line-height: 26px;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
}
table.tblTimesheetContainer div.tertiary
{
	background-color: #ededed;
	margin: 0px 1px 1px 0px;
	padding: 1px 0px 0px 0px;
    font-size: 0.8em !important;
	height: 34px;
    font-size: 1em;
}
table.tblTimesheetContainer div.tertiary input[type="text"],table.tblTimesheetContainer div.tertiary input[type="number"]
{
	padding: 1px;
	text-align: center;
    height: 32px;
    font-size: 1em;
}
table.tblTimesheetContainer div.date
{
	padding: 9px 8px 2px 8px;
	font-size: 0.9em;
}
table.tblTimesheetContainer div.weekend
{
	background-color: #dddddd;
}
table.tblTimesheetContainer div.timecard_date_values
{
    background-color: #ededed;
	background-color: #fff;
}
table.tblTimesheetContainer div.timesheet_project
{
	float: left;
}
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;
}
datalist option
{
    min-width: 400px;
}
div.datalist-info
{
    /* position: absolute;
    top: 0.7em;
    left: 0.7em; */
    margin-top: 0.5em;
    width: 180px;
    height: 60px;
    line-height: 1.2em;
    overflow-y: scroll;
    font-weight: 900 !important;
    cursor: pointer;
}
div.datalist-info div
{
    max-height: 30px;
    overflow: hidden;
}
div.datalist-info cite
{
    color: #fff;
    font-family: monospace;
    white-space: nowrap;
    /* font-size: 1em; */
    text-transform: uppercase;
}
div.task-button
{
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    width: 160px;
    background-color: #4f7278;
    border-radius: 2px;
    padding: 0.3em .5em 0px .5em;
    text-align: left;
}
.task-datalist
{
    height: 65px !important;
}
div.tasks div:hover
{
    background-color: #f4ffff !important;
}
div.add-a-task
{
    position: absolute;
    top: 05em;
    left: 0.5em;
    cursor: pointer !important;
}
table.tblData tr.new-record td
{
    background-color: rgba( 152, 167, 85, .25 );
}
div.print-page
{
    width: 8.5in;
    background-color: #fff;
}
div.print-container
{
    padding: 1.5em;
    background-color: #fff;
    width: 9in;
}
div.print-heading
{
    background-color: #000;
    background-image: url(../img/layout/black.png);
    background-repeat: repeat;
    color: #fff;
    text-align:  center;
    font-weight: bold;
    position: relative;
}
div.print-heading > * {
  position: relative;
  z-index: 9 !important;
  color: #fff;
}
div.print-heading::before {
  position: absolute;
  z-index: 1 !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' style='background:%23000000;' />");
}
select.test optgroup
{
    font-family: 'Courier New', Courier, monospace;
}
#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;
}
.print-show
{
    display: none;
}
.zselect ul
{
    min-width: 200px !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( 30, 161, 238, 1 );
} */
table tr.tablesorter-filter-row td
{
    padding: 0;
    border-top: 1px dotted rgba( 30,161,238, 1 );
    padding-bottom: .3em;
}
table tr.tablesorter-filter-row td input
{
    height: 25px;
    font-size: 0.9em;
    width: 95%;
    border: none;

    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;
}
div.entity-information
{
    border-left: 3px solid rgba( 30, 161, 238, 1 );
    font-size: 0.9em;
}
.sup
{
    position: relative;
    top: -1em;
}
.map-canvas
{
	width: 100%;
	height: 300px;
}
#community-map {
    height: 600px;
}
div.account-token {
    font-family: "Courier New";
    font-size: 0.9em;
    font-weight: bold;
    color: rgba( 30, 161, 238, 1 );
    padding: 0.6em;
    text-align: center;
}
.l
{
    text-align: left;
}
.r
{
    text-align: right;
}
.c
{
    text-align: center;
}
.border-left
{
    border-left: 1px solid #ddd;
}
.transparent
{
    color: transparent;
}
.worked_on
{
    color: gold;
}
.final
{
    color: blue;
}
.inaccessible
{
    color: red;
}
.anchor
{
    color: #4d9fe8;
    cursor: pointer;
    font-weight: bold;
}
.anchor:hover
{
    border-bottom: 1px solid #4d9fe8;
}
.hca-dropdown
{
    max-height: 300px; 
    width: 400px; 
    overflow-y: scroll;
}
@media print {
  a[href]:after {
    content: none !important;
  }
  .print-hide
  {
      display: none !important;
  }
  .print-show
  {
      display: flex !important;
  }
  .print-container
  {
    padding: 0;
    width: 8.5in;
  }
  div.print-heading > *
  {
    color: #fff !important;
  }
  nav
    {
        display: none;
    }

    h2
    {
        font-size: 1.8rem;
    }
    h3
    {
        font-size: 1.6rem;
    }
    h4
    {
        font-size: 1.4rem;
    }
}

/* Table Print / CSV Export */

.table-scroll {
    position: relative;
}

.fab-container {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 99;
    padding-bottom: 15px;
}

.fab-icon {
    width: 45px;
    height: 45px;
    background-color: #1ea1ee;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25);
    color: white;
    font-size: 20px;
}

.fab-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 55px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25);
    padding: 8px;
    white-space: nowrap;
}

.fab-container:hover .fab-menu {
    display: block;
}

.fab-menu .button {
    display: block;
    width: 100%;
    margin: 5px 0;
    text-align: left;
    padding: 8px 12px;
}

#print-column-selection {
    display: flex;
    flex-wrap: wrap;
}

#print-column-selection label {
    display: block;
    width: 50%;
    margin-bottom: 0.5rem;
}