body
{
    background-color: #e1e1e1;
    background-image: url(../img/layout/bkg2.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow-x: hidden;
}
body.print
{
    background-color: #fff;
    background-image: none;
}
body.print-landscape
{
    orientation: landscape;
    size: landscape;
    margin: 0.1cm;
}
h1,h2,h3,h4,h5,h6
{
	/* color: rgba( 0,181,224, 1 ); */
}
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i
{
	float: right;
	color: rgba( 49,53,116, .95 );
}
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( 49,53,116, .95 );
}
hr
{
	border-bottom: 1px dotted #bbb;
    max-width: inherit;
}

div.signin-box
{
	box-shadow: 0px 5px 20px #666;
	background-color: rgba( 255,255,255, .9 );
	border-radius: .4em;
    padding: 1em;
}
div.alert label
{
    color: #c60f13 !important;
}
div.torso
{
    text-align: center;
    padding: 2em 1em 3em 1em;
}
div.torso i
{
    font-size: 6em;
    line-height: 1em;
    background-color: #e9e9e9;
    border-radius: 30em;
    padding: .1em .4em .1em .4em;
    width: 50%;
}
ul.tabs
{
	background-color: transparent !important;
	border: none;
	border-left: 1px solid #e6e6e6;
	position: relative;
	top: 1px;
}
li.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;
}
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 );
}
div.tabs-content
{
	border-top: 1px solid #e6e6e6;
}
.margin0
{
    margin: 0;
}
.padding0
{
    padding: 0;
}
.logo-signin
{
    text-align: center;
}
.logo-signin img
{
    max-height: 200px;
    padding: 1em;
    margin: 0 auto 0 auto;
}
div.signin
{
    margin: 1em;
}
div.header
{
    padding: 0.8em 0.5em;
    background-color: rgba( 49,53,116, .95 );
    color: #fff;
    /* box-shadow: 0px 0px 20px #333; */

    border-bottom: 2px solid rgba( 80,177,80, 1 );
    position: fixed;
    width: 100%;
    z-index: 3;
}
div.header img.logo
{
    max-height: 50px;
	float: left;
    margin-right: 0.5em;
    max-height: 40px;
}
div.header a
{
    color: #fff;
}
div.header ul.menu a.special, div.header span.special
{
    background-color: rgba( 77, 184, 72, .95 );
}
div.header-sub a
{
    color: #fff;
    font-weight: bold;
}
div.header-sub li
{
    color: #fff;
}
div.header-sub .breadcrumbs
{
    margin: 0;
}
div.title-primary
{
    font-size: 1.1em;
    font-weight: bold;
    line-height: 0.9em;
    padding-top: 4px;
}
div.title-secondary
{
    font-size: 0.9em;
}
div.header-sub
{
    position: relative;
    z-index: 1;
    padding: .5em 1em;
    background-color: rgba( 49,53,116, .75 );
    color: #fff;
    font-size: 0.9em;
}
div.body
{
    background-color: rgba( 255,255,255, .9 );
    padding: 1.2em;
    padding-top: 85px;
    box-shadow: 0px 5px 20px #666;
    font-size: 0.9em;
    position: relative;
    z-index: 1;
}
div.footer
{
    /* box-shadow: 0px 0px 20px #666; */
    font-size: 0.9em;
    position: relative;
    z-index: 2;
}
.grid-container
{
    padding: 0;
}

div.primary_container
{
	/* box-shadow: 0px 0px 20px #333; */
	/* border-top: 1px solid #ccc; */
	border-top: 1px solid rgba( 0,0,0,.25 );
	border-bottom-left-radius: .6em;
	border-bottom-right-radius: .6em;
}
div.main-container
{
	/* background-color: rgba( 255,255,255, 1 ); */
	padding: 1em;
}
.pad1
{
    padding: 1em;
}
.card-em
{
    border: 1px dotted #bbb;
    border-top: 3px solid rgba( 49,53,116, .95 );
}
.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;
}
table.tblData td
{
    font-size: 0.9em;
    vertical-align: top;
}
.callout-side
{
    border-top: 1px solid rgba( 49,53,116, .95 );
}
nav
{
    /* float: right; */
}
ul.breadcrumbs
{
    margin: 0;
    margin-left: .2em;
    margin-bottom: .5em;
}

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;
}
.hidden
{
	display: none;
}
.notification-save
{
    position: absolute;
    top: 0;
    right: 1em;
    background-color: rgba( 77, 184, 72, .95 );
}
.rel
{
    position: relative;
}
#form_permissions i
{
    margin-left: .5em;
}
.r
{
    text-align: right;
}
div.follow-up div.pad1
{
    padding-bottom: 0;
}

table.tblData th.r, table.tblData td.r
{
    text-align: right;
}
.calendar-day
{
    padding: .3em .6em;
    font-weight: bold;
    border-bottom: 1px dotted #bbb;
    border-right: 1px dotted #bbb;
    background-color: rgba( 49,53,116, .75 );
    color: #fff;
    text-align: right;
}
.calendar-date
{
    border-bottom: 1px dotted #bbb;
    border-right: 1px dotted #bbb;
    position: relative;
    padding: .3em;
}
.calendar-date-label
{
    border-radius: 50%;
    padding: .2em .3em;
    background-color: transparent;
    top: 2px;
    right: 2px;
    position: absolute;
}
.calendar-date-today
{
    background-color: rgba( 49,53,116, .95 );
    color: #fff;
}
.calendar-date-offmonth
{
    color: #666;
}
.calendar-appt
{
    display: block;
    clear: both;
    font-size: 0.8em;
    background-color: #e9e9e9;
    padding: .2em .5em;
    margin-top: 1px;
    border-radius: 3px;
    text-align: left;
    /* text-shadow: 1px 1px 2px #000; */
    border: 1px solid rgba( 0,0,0, .15);
}
.calendar-weekend
{
    background-color: rgba( 49,53,116, .03 );
}
#dropdown-workers
{
    text-align: left;
    width: 200px;
    height: 300px;
    overflow-y: scroll;
}
#dropdown-workers a
{
    display: block;
    padding: .6em 1em;
    font-size: 0.8em;
    border-bottom: 1px dotted #ddd;
}
#dropdown-workers a:hover
{
    background-color: #e9e9e9;
}
select.color-selector, select.color-selector option
{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
input.color-picker-option
{
    visibility: hidden;
    height: 10px;
    margin: 0;
}
.fieldset
{
    padding-bottom: .3em;
    padding-top: .6em;
    background-color: rgba( 255,255,255, .75);
}
.fieldset legend
{
    font-weight: bold;
}
.fieldset label
{
    font-size: 0.9em;
}
.fieldset input, .fieldset select
{
    padding: .3rem;
    height: auto;
    font-size: 1em;
}
.fieldset select
{
    background-position: right .2rem center;
}
input.important
{
    border: 1px dotted rgba( 49,53,116, .95 );
    background-color: rgba( 49,53,116, .05 );
}
div.activity-log span
{
    margin-left: .5em;
    font-size: 0.8em;
    color: #666;
}