body
{
    overflow-x: hidden;
    background-color: #ddd;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-image: url(../img/layout/bkg-2.jpg);
    min-height: 99vh;
}
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i
{
    float: right;
    padding-right: .5em;
	color: rgba( 0,141,213, 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( 0,141,213, 1 );
}
textarea, input.smaller-text
{
    font-size: 1em;
}

fieldset
{
    padding-top: .3em !important;
}
.fdatepicker, .fdatetimepicker
{
	background-image: url(../img/layout/calendar.png);
	background-position: 94% 50%;
	background-repeat: no-repeat;
	background-size: auto 68%;
}
div.pasqua-top-bar
{
    background-image: linear-gradient(to bottom right, rgba( 34,34,34, 1 ) , rgba( 34,34,34, .85 ));
    /* border-top-left-radius: 1em;
    border-top-right-radius: 1em; */
    padding: 0.5em;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    border-top: 1px dotted rgba( 57,76,95, 1 );
    border-bottom: 1px dotted rgba( 57,76,95, 1 );
    color: #fafafa;
}
div.pasqua-top-bar a.has-tip
{
    font-weight: normal !important;
}
div.pasqua-title
{
    line-height: 2.1em;
}
div.pasqua-title span
{
    font-weight: 900;
}
.success-hollow
{
    background-color: rgba( 155, 197, 61, .5 ) !important;
}
.margin0
{
    margin: 0;
}
.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.jpg);
    border-bottom: 3px solid #666;
}
div.body
{
    /* border: 1px solid rgba( 57,76,95, 1 ); */
    /* border-top: 3px solid rgba( 57,76,95, 1 ); */
    /* 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) ); */
    padding: 1em;
    position: relative;
    z-index: 2;
    margin-left: .3em;
    margin-right: .3em;
    margin-top: 3em;
}
div.landing-page
{
    background-color: #fff;
    border-radius: .5em;
    padding: 1em;

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

    font-size: 0.9em;
    margin-bottom: 1em;
}
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.view-side a.button
{
    margin-bottom: .3em;
}
div.view-main
{
    padding: 1em;
}
div.history a.button
{
    margin-bottom: .3em;
}
.history-close
{
    margin-left: 0.5em;
}
div.card
{
    overflow: visible;
}
div.card-primary
{
    border-color: rgba( 57,76,95, 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( 57,76,95, 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-title small
{
    font-weight: normal;
}

div.card-body
{
    font-size: 0.9em;
}
div.history
{
    /* margin-left: 0.3em;
    margin-right: 0.3em; */
}
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;
}
li.tabs-link
{
    float: left;
}
.tabs-link>a
{
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: .8rem;
    line-height: 1;
}
ul.tabs li.tabs-title a, ul.tabs li.tabs-link a
{
    padding: 1.25rem 1.25rem 1.05rem 1.25rem;
}
ul.tabs li.tabs-title.is-active a, ul.tabs li.tabs-link.is-active a
{
    background-color: #fff !important;
	border-bottom: 1px solid #fff !important;
    border-top: 1px solid rgba( 0,141,213, 1 );
}
li.is-active a.accordion-title
{
	background-color: #fff !important;
	border-bottom: 1px solid #fff !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( 0,141,213, 0.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
{
    background-color: rgba( 0,141,213, 1 );
    border-color: rgba( 0,141,213, 1 );
    color: #fff;
    font-weight: bold;;
}
ul.tabs li.tabgroup-active a
{
    background-color: rgba( 0,141,213, 1 );
    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
{
    font-size: 0.9em;
    margin-right: 0.3em;
}
ul.tabs li.tabgroup a:hover
{
    background-color: #4b6b71;
}
.success, .warning
{
    color: #fff !important;
}
div.signin-side
{
    position: relative;
    z-index: 3 !important;
    background-color: rgba( 255,255,255, 1 );
    border-top-left-radius: .4em;
	border-bottom-left-radius: .4em;
    padding: 1em;


    box-shadow: 0px 5px 20px #666;
    clip-path: inset( -40px 0px -40px -40px);
}
div.signin-box
{
    margin-top: .5em;
	box-shadow: 0px 5px 20px #666;
	background-color: rgba( 255,255,255, 1 );
	border-radius: .4em;
    /* padding: 1em; */
}
div.signin-register
{
    background-image: url(../img/layout/bkg.jpg);
    background-position: left center;
    padding: 1em;
    color: #fff;
    /* font-size: 0.9em; */
    /* font-weight: bold; */
    text-shadow: 1px 1px 2px #444;
    /* box-shadow: inset 0 0 10px rgba( 0,0,0, .5 ); */
}
.logo-signin
{
    text-align: center;
}
.logo-signin img
{
    max-height: 200px;
    padding: 1em;
    margin: 0 auto 0 auto;
}
div.register-form
{
    position: relative;
    z-index: 2 !important;
    background-color: rgba(238,238,238,.9);
    border-top-right-radius: .4em;
    border-bottom-right-radius: .4em;
    border-bottom-left-radius: .4em;

    box-shadow: 0px 5px 20px #666;
}
div.signin
{
    margin: 1em;
}
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: 1em;
    border: 1px solid rgba( 0,0,0,.25 );
    box-shadow: 0px 0px 12px rgba(0,0,0,.35);
    padding: 1em;
}
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: 1.84em;
    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.6em;
    font-weight: bold;
    text-align: center;
}
div.notifications i.icon
{
    color: #999;
    margin: 0 auto 0 auto;
    font-size: 2em;
    text-align: center;
}
div.callout-em
{
    border-top: 3px solid rgba( 0,141,212, 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;
    font-size: 0.9em;
}
table.tblData th
{
    text-align: left;
    font-size: 0.9em;
}
table.tblData td
{
    font-size: 0.9em;
    vertical-align: top;
}
div.pasqua-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;
}
.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( 57,76,95], .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( 57,76,95, 1 );
}
#chart_div .google-visualization-orgchart-lineright
{
    border-right: 1px solid rgba( 57,76,95, 1 );
}
#chart_div .google-visualization-orgchart-linebottom
{
    border-bottom: 1px solid rgba( 57,76,95, 1 );
}
div.notification-save
{
    float: right;
}
.fixed-width
{
    font-family: monospace;
    font-weight: 900;
    font-size: 1.1em;
}
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;
}
.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( 57,76,95, 1 );
}
.rel
{
    position: relative;
}
.grid-container
{
    padding-right: 0;
    padding-left: 0;
    max-width: auto;
    margin-left: auto;
    margin-right: auto;
}
.x-top-right
{
    position: absolute;
    top: 0.5em;
    right: 0.5em;
}
div.sticky a.button
{
    margin-bottom: 0.3em;
}
div.lands-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( 94,134,141, 1 );
    border-bottom: 2px dotted rgba( 94,134,141, 1 );
}
div.lands-title
{
    line-height: 2.1em;
    margin-top: .15em;
}
div.lands-title span
{
    font-weight: 900;
}
div.lands-menu
{
    padding-left: 0.8em;
}
div.lands-menu a.button
{
    margin: 0;
}