/*default centering elements*/
html, body {height: 100%;width:100%;margin:0;}
body{
    display: -webkit-box; display: -moz-box; display: box;
    -webkit-box-align: center;-moz-box-align: center;flex-align: center;
    -webkit-box-pack: center;-moz-box-pack: center;flex-pack: center;
    width:100%;
}

#loading
{
    color: #3892d3;
}
.icon-kronos {
	background-image:url(../images/logo.png) ! important;
    background-size:16px;
    background-repeat: no-repeat;
}
.icon-add {
	background-image:url(../images/icons/add.png) ! important; }
.icon-save {
	background-image:url(../images/icons/disk.png) ! important; }
.icon-delete {
    background-image:url(../images/icons/delete.png) ! important; }
.icon-edit {
    background-image:url(../images/icons/application_form_edit.png) ! important; }
.icon-reset {
	background-image:url(../images/icons/arrow_undo.png) ! important; }
.icon-cancel {
    background-image:url(../images/icons/cancel.png) ! important; }
.icon-upload {
	background-image:url(../images/icons/image_add.png) ! important; }
.icon-edit-user {
	background-image:url(../images/icons/user_edit.png) ! important; }
.icon-zoomIn {
    background: url(../images/icons/magnifier_zoom_in.png) no-repeat left center ! important; }
.icon-zoomOut {
    background: url(../images/icons/magnifier_zoom_out.png) no-repeat left center ! important; }
.icon-horizontal {
    background: url(../images/horizontal.png) no-repeat left center ! important; }
.icon-vertical {
    background: url(../images/vertical.png) no-repeat left center ! important; }
.icon-clock {
    padding-left:20px;
    background: url(../images/clock.png) no-repeat left center !important;
    display:block;
}
.icon-print {
    background-image:url(../images/icons/printer.png) ! important; }
.icon-expand {
    background-image:url(../images/icons/expand.gif) ! important; }
.icon-prev,
.icon-previous {
    background: url(../images/icons/arrow_left.png) no-repeat left center !important; }

.icon-next {
    background: url(../images/icons/arrow_right.png) no-repeat left center !important; }

.icon-refresh {
    background: url(../images/icons/arrow_refresh_small.png) no-repeat left center !important; }

.icon-find {
    background: url(../images/icons/find.png) no-repeat left center !important; }

.icon-excel {
    background-image:url(../images/icons/FatCow_Icons16x16/export_excel.png) ! important; }
.icon-export {
    background-image:url(../images/icons/FatCow_Icons16x16/table_export.png) ! important; }
.icon-copy {
    background: url(../images/icons/page_copy.png) no-repeat left center ! important; }
.icon-report {
    background-image:url(../images/icons/FatCow_Icons16x16/report_go.png) ! important; }
.icon-lock {
    background: url(../images/icons/FatCow_Icons16x16/lock.png) no-repeat left center ! important; }
.icon-key_go {
    background: url(../images/icons/FatCow_Icons16x16/key_go.png) no-repeat left center ! important; }
.icon-separate {
    background: url(../images/icons/application_tile_horizontal.png) no-repeat left center !important; }
.invalid-row-2col > td:nth-child(2) {
    background-image:url(../images/icons/error.png);
    background-repeat: no-repeat;
    padding-left: 16px;
}



.info-row-2col > td:nth-child(2) {
    background-image:url(../images/icons/information.png);
    background-repeat: no-repeat;
    padding-left: 16px;
    background-position-y: 3px;
}
.warning-row-2col > td:nth-child(2) {
    background-image:url(../images/icons/error.png);
    background-repeat: no-repeat;
    padding-left: 16px;
    background-position-y: 3px;
}
.error-row-2col > td:nth-child(2) {
    background-image:url(../images/icons/exclamation.png);
    background-repeat: no-repeat;
    padding-left: 16px;
    background-position-y: 3px;
}

.invalid-row > td:first-child {
    background-image:url(../images/icons/error.png);
    background-repeat: no-repeat;
    padding-left: 16px;

}

.ux-notification-window .x-window-body {
    text-align: center;
    padding: 15px 5px 15px 5px;
    width: 200px;
}
.ux-notification-icon-info {
    background-image: url('../images/icons/information.png');
}
.ux-notification-icon-warn,
.ux-notification-icon-warning {
    background-image: url('../images/icons/error.png');
}
.ux-notification-icon-error {
    background-image: url('../images/icons/exclamation.png');
}


/* CSS BY THEME - body is added x-theme-XXXXX class */

/* NEPTUNE THEME */
.x-theme-neptune .basicForm {
    background-color:#fff;
}
.x-theme-neptune .x-toolbar-footer {
    background-color:#fff;
}

.x-theme-neptune .x-toolbar-kronos {
	/*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8fc33a), color-stop(100%, #739b2e));
    background-image: -webkit-linear-gradient(top, #8fc33a, #739b2e);
    background-image: -moz-linear-gradient(top, #8fc33a, #739b2e);
    background-image: -o-linear-gradient(top, #8fc33a, #739b2e);
    background-image: -ms-linear-gradient(top, #8fc33a, #739b2e);
    background-image: linear-gradient(top, #8fc33a, #739b2e);*/
    border-bottom: 1px solid #567422;
    color: white;
}

.x-theme-neptune .x-toolbar-kronos a,
.x-theme-neptune .x-toolbar-kronos a:link,
.x-theme-neptune .x-toolbar-kronos a:hover,
.x-theme-neptune .x-toolbar-kronos a:visited,
.x-theme-neptune .x-toolbar-kronos a:active {
    color: #fff;
    text-decoration:none;
}

.x-theme-neptune .x-toolbar-kronos .x-logo {
    padding: 10px 10px 10px 60px;
    background-image: url(../images/logo_rta.png);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 10px 0px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 1px 0 #4e691f;
}

.x-theme-neptune .x-panel-kronos {
    /*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8fc33a), color-stop(100%, #739b2e));
    background-image: -webkit-linear-gradient(top, #8fc33a, #739b2e);
    background-image: -moz-linear-gradient(top, #8fc33a, #739b2e);
    background-image: -o-linear-gradient(top, #8fc33a, #739b2e);
    background-image: -ms-linear-gradient(top, #8fc33a, #739b2e);
    background-image: linear-gradient(top, #8fc33a, #739b2e);*/
    border-bottom: 1px solid #567422;
}

/* login window remove border on neptune */
.x-theme-neptune .x-panel-default-framed {
    border:none;
}

/*patch for input width on timefield in neptune*/
.x-theme-neptune .ux-timefield > table table.x-field {
    width: 50px !important;
}

/* CLASSIC THEME */
.x-theme-classic .basicForm {
    background-color:#dfe8f5;
}
.x-theme-classic .x-toolbar-kronos {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#074E7C), to(#095F93));
    background-image: -webkit-linear-gradient(top, #074E7C, #095F93);
    background-image: -moz-linear-gradient(top, #074E7C, #095F93);
    background-image: -o-linear-gradient(top, #074E7C, #095F93);
    background-image: -ms-linear-gradient(top, #074E7C, #095F93);
    background-image: linear-gradient(top, #074E7C, #095F93);
	border: 1px solid #567422;
	color: #fff;
}

.x-theme-classic .x-toolbar-kronos a,
.x-theme-classic .x-toolbar-kronos a:link,
.x-theme-classic .x-toolbar-kronos a:hover,
.x-theme-classic .x-toolbar-kronos a:visited,
.x-theme-classic .x-toolbar-kronos a:active {
    color: #fff;
}

.x-theme-classic .x-toolbar-kronos .x-logo {
	padding: 10px 10px 10px 60px;
	background-image: url(../images/logo.png);
	background-size:60px;
    background-repeat: no-repeat;
    background-position: 0px -10px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0 1px 0 #4e691f;
}

.x-theme-classic .x-panel-kronos {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#074E7C), to(#095F93));
    background-image: -webkit-linear-gradient(top, #074E7C, #095F93);
    background-image: -moz-linear-gradient(top, #074E7C, #095F93);
    background-image: -o-linear-gradient(top, #074E7C, #095F93);
    background-image: -ms-linear-gradient(top, #074E7C, #095F93);
    background-image: linear-gradient(top, #074E7C, #095F93);
	color: #fff;
}

.x-helptext {
     font-size: 9px;
     color: #888;
     background: #dfe8f5 repeat;
     width: 100%;

 }

.x-layout-helptext {
    margin: 5px;
    border: 0.5px solid #888;
}

/* BRYNTUM SCHEDULER STYLES */

.x-theme-neptune .staffscheduler .x-grid-inner-locked .x-grid-row-selected .x-grid-cell {
    background-color: #157fcc !important;
    color: #fff;
}

.x-theme-classic .staffscheduler .x-grid-inner-locked .x-grid-row-selected .x-grid-cell {
    background-color: navy !important;
    color: #fff;
}


/*replaced with .employee-avatar
.staffscheduler .x-grid-inner-locked .x-grid-cell-first div
{
    background: url(../images/user.png) no-repeat 3px 2px;
    padding-left:27px;
}*/

.sch-resourcezone,
.availability-scheduler .sch-event
{
    /*background: darkseagreen url(../images/pattern.png) repeat 0 0;*/
   /* background: #d8d8d8; *//*gris*/
    background-color: #d3e1f1; /*Celeste*/
    border: 1px solid white;
}

.availability-scheduler .sch-event
{
    color:#fff;
    cursor: pointer;
    font-size:1.2em;
    text-align : center;
    -moz-box-shadow:1px 1px 1px rgba(100, 100, 100, 0.2);
    -webkit-box-shadow:1px 1px 1px rgba(100, 100, 100, 0.2);
    line-height:19px;
    border-radius:0;
}

.sch-resourcezone.WorkingFlexiSlot,
.availability-scheduler .sch-event.WorkingFlexiSlot {
    background: #d3e1f1; /*celeste*/
}

.sch-resourcezone.WorkingFixedSlot,
.availability-scheduler .sch-event.WorkingFixedSlot {
    background: #d8d8d8; /*grid*/
}
/*Show extraTime with another background (only foreignObject fixed slots as can not be splitted on flexi)*/
.availability-scheduler .sch-event.WorkingFixedSlot .workingTime {
    height: 100%;
}
.availability-scheduler .sch-event.WorkingFixedSlot .preExtraTime,
.availability-scheduler .sch-event.WorkingFixedSlot .postExtraTime {
    height: 100%;
    background: #da7a6b;
}
.availability-scheduler .sch-event.WorkingFlexiSlot .workingTime {
    height: 100%;
    background: #ccc;
}
.availability-scheduler .sch-event.WorkingFlexiSlot .preExtraTime,
.availability-scheduler .sch-event.WorkingFlexiSlot .postExtraTime {
    height: 100%;
    background: #da7a6b;
}
.sch-resourcezone.WorkingFixedSlot.APPROVED,
.sch-resourcezone.WorkingFlexiSlot.APPROVED,
.availability-scheduler .sch-event.WorkingFixedSlot.APPROVED,
.availability-scheduler .sch-event.WorkingFlexiSlot.APPROVED {
    border-width: 2px;
    border-color: #00d419;/*VERDE*/
}


.sch-resourcezone.WorkingFixedSlot.PENDING,
.sch-resourcezone.WorkingFlexiSlot.PENDING,
.availability-scheduler .sch-event.WorkingFixedSlot.PENDING,
.availability-scheduler .sch-event.WorkingFlexiSlot.PENDING {
    border-width: 2px;
    border-color: #FFFF00;/*AMARILLO*/
}


.sch-resourcezone.WorkingFixedSlot.TO_APPROVE,
.sch-resourcezone.WorkingFlexiSlot.TO_APPROVE,
.availability-scheduler .sch-event.WorkingFixedSlot.TO_APPROVE,
.availability-scheduler .sch-event.WorkingFlexiSlot.TO_APPROVE {
    border-width: 2px;
    border-color: #da8b16;/*NARANJA*/
}


.sch-resourcezone.WorkingFixedSlot.REVIEWED,
.sch-resourcezone.WorkingFlexiSlot.REVIEWED,
.availability-scheduler .sch-event.WorkingFixedSlot.REVIEWED,
.availability-scheduler .sch-event.WorkingFlexiSlot.REVIEWED {
    border-width: 2px;
    border-color: #3b94d4;/*AZUL*/
}

.sch-resourcezone.WorkingFixedSlot.CREATED,
.sch-resourcezone.WorkingFlexiSlot.CREATED,
.availability-scheduler .sch-event.WorkingFixedSlot.CREATED,
.availability-scheduler .sch-event.WorkingFlexiSlot.CREATED {
    border-width: 2px;
    border-color: #00600c;/*VERDE OSCURO*/
}

.sch-resourcezone.WorkingFixedSlot.CLOSED,
.sch-resourcezone.WorkingFlexiSlot.CLOSED,
.availability-scheduler .sch-event.WorkingFixedSlot.CLOSED,
.availability-scheduler .sch-event.WorkingFlexiSlot.CLOSED {
    border-width: 2px;
    border-color: #630154;/*VIOLETA*/
}
.sch-resourcezone.WorkingFixedSlot.REJECTED,
.sch-resourcezone.WorkingFlexiSlot.REJECTED,
.availability-scheduler .sch-event.WorkingFixedSlot.REJECTED,
.availability-scheduler .sch-event.WorkingFlexiSlot.REJECTED {
    border-width: 2px;
    border-color: #B40404;/*ROJO*/
}

.ext-cal-evt.CLOSED { background-color: #630154;/*VIOLETA*/}
.ext-cal-evt.CREATED { background-color: #00600c;/*VERDE OSCURO*/ }
.ext-cal-evt.REVIEWED { background-color: #3b94d4;/*AZUL*/ }
.ext-cal-evt.TO_APPROVE { background-color: #da8b16;/*NARANJA*/ }
.ext-cal-evt.PENDING { background-color: #FFFF00;/*AMARILLO*/ }
.ext-cal-evt.APPROVED { background-color: #00d419;/*VERDE*/ }
.ext-cal-evt.REJECTED { background-color: #B40404;/*ROJO*/ }

/*.availability-scheduler .sch-event.WorkingFlexiSlot .emptyTime {
    height: 100%;
    background: transparent;
}*/
.availability-scheduler .sch-event.x-resizable-over .preExtraTime,
.availability-scheduler .sch-event.x-resizable-over .postExtraTime {
    position: absolute;
    height: 100%;
    background: transparent;
}

.sch-dd-wrap
{
    height : 45px;
}

.staffscheduler .sch-event
{
    -webkit-box-shadow: 1px 1px 1px rgba(150, 150, 150, 0.3);
    -moz-box-shadow: 1px 1px 1px rgba(150, 150, 150, 0.3);
    -ms-box-shadow: 1px 1px 1px rgba(150, 150, 150, 0.3);
    box-shadow: 1px 1px 1px rgba(150, 150, 150, 0.3);
    border-radius: 3px;
    background: #eee;
    border: 1px solid grey;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    z-index: 3;
    text-align: left;
}

.staffscheduler .sch-event-inner
{
    border-left: 8px solid;
    margin-left: 0;
    margin-top: 0;
    padding: 2px 2px 5px 5px;
    color: #666;
    /*background: #fff !important;*/
}

/* default event, used while dragging*/
.sch-event
{
    background-color: #d8d8d8;
    color:#fff;
    cursor: pointer;
    text-align : center;
    -moz-box-shadow:1px 1px 1px rgba(100, 100, 100, 0.2);
    -webkit-box-shadow:1px 1px 1px rgba(100, 100, 100, 0.2);
    border-radius:0;
}
/*div of event used while dragging*/
div.sch-event-selected,
div.sch-event-hover.sch-event-selected {
    border-color:black;
    -webkit-box-shadow:1px 1px 1px rgba(100,100,100,0.5);
    -moz-box-shadow:1px 1px 1px rgba(100,100,100,0.5);
    box-shadow:1px 1px 1px rgba(100,100,100,0.5)
}

.availability-scheduler .sch-resizable-handle {
    visibility : visible;
}


@-webkit-keyframes glow {
    0% {
        -webkit-box-shadow: 0 0 8px rgba(255, 0, 0, 1);
    }
    100% {
        -webkit-box-shadow: 0;
        border-color: darkred;
    }
}

.Important {
    -webkit-animation-name: glow;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    -moz-box-shadow: 0 0 4px rgba(255, 0, 0, 1);
}


div.invalid
{
    /*border: 1px solid red !important;*/
}

div.invalid .sch-event-inner
{
    background: transparent url(../images/error.png) no-repeat left top;
    background-position: 2px 0px;
    padding-left:22px;
    /*border-left-color: red;
    color: darkred*/
}

.timecard .sch-event-inner { border-left-color: #EEE600; }
.medical_examination .sch-event-inner { border-left-color: #7B5C9A; }
.regular_licencse .sch-event-inner { border-left-color: #28A328; }
.licensing_study .sch-event-inner { border-left-color: #50C878; }
.memberships .sch-event-inner { border-left-color: #B4DD77; }
.pending_resolution .sch-event-inner { border-left-color: #E34234; }
.retirement_process .sch-event-inner { border-left-color: #2C4D74; }
.sanctions .sch-event-inner { border-left-color: #FF8C00; }
.special_license .sch-event-inner { border-left-color: #0ABAB5; }
.extraordinary_license .sch-event-inner { border-left-color: #319177; }
.absences .sch-event-inner { border-left-color: #FF4040; }
.mesures_force .sch-event-inner { border-left-color: #767601; }
.medical_interim .sch-event-inner { border-left-color: #9F77DD; }
.physician_order .sch-event-inner { border-left-color: #8F03EC; }
.generic_type .sch-event-inner { border-left-color: #03ECEC; }
.commission .sch-event-inner { border-left-color: #B92638; }
.gdo .sch-event-inner { border-left-color: #6B4423; }
.cdo .sch-event-inner { border-left-color: #AC690F; }
.hourly_franchise .sch-event-inner { border-left-color: #DB7093; }
.daily_franchise .sch-event-inner { border-left-color: #BB3385; }
.justify .sch-event-inner { border-left-color: #FEC300; }
.passive_guard .sch-event-inner { border-left-color: #000; }

.sch-event.REJECTED { border-color: #f00}
/*fix EventTools hover bug*/
/*
.x-tip {
    text-wrap: none;
    white-space:nowrap;
}
/**/

/*
App.component.SchPrintablePlugin
Styles for printeveing: no need of media@print
*/
.sch-print-fake-background {
    background: #fff;
}
.sch-print-fake-background .sch-event-inner {
    color: black;
    font-size: 12px;
    margin-top:-2px
}
.x-theme-neptune.sch-print-body.x-border-layout-ct {
    background-color: #fff !important;
}
/*
    -----------------------------------
    Styling of the event tooltip
    -----------------------------------
*/

.eventTip
{
    padding:5px;
}

.eventTip dd
{
    margin-bottom:17px;
    /*padding-left:28px;*/
}

.eventTip dd:last-child
{
    margin-bottom:0px !important;
}

.eventTip dt
{
    padding-left:26px;
    font-weight:bold;
    padding-bottom:7px;
    min-height: 20px;
}


.employee-avatar {
    height: 32px;
    width: 32px;
    vertical-align:middle;
    margin-left: -8px;
    margin-right: 5px;
    border-radius: 4px;
}

.user-avatar {
    height: 32px;
    vertical-align:middle;
    border-radius: 50%;
}

/*itemselector.css*/
/* Styles used by Ext.ux.form.ItemSelector */

.x-form-multiselect-body .x-boundlist .x-mask {
    background: none;
}

.x-form-itemselector-body .x-form-item {
    margin: 0;
}

.x-form-itemselector-top {
    background-image: url(../images/top2.gif);
}
.x-form-itemselector-up {
    background-image: url(../images/up2.gif);
}
.x-form-itemselector-add {
    background-image: url(../images/right2.gif);
}
.x-form-itemselector-remove {
    background-image: url(../images/left2.gif);
}
.x-form-itemselector-down {
    background-image: url(../images/down2.gif);
}
.x-form-itemselector-bottom {
    background-image: url(../images/bottom2.gif);
}
.x-green-bg{
    background: lime!important;
    /*background-image: -webkit-linear-gradient(top, #00FF00,#00FF00 50%,#00FF00 51%,#00FF00);*/
}
.radiobtn-inactive{
    background: #bababa;
    text-shadow:0 1px 0 #000000!important;
}
.bigClock{
    font-weight:bold;
    font-size:30px;
}


/***********************/
/***leaflet-containet***/
.leaflet-container.mode-create {
    cursor: crosshair;
}
.leaflet-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    overflow: visible;
    height: 100%;
}

.leaflet-container section.overlay {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    box-shadow: inset -100px 0 100px -100px rgba(0, 0, 0, .25);
    width: 100%;
    height: 100%;
    z-index: 2001;
}

.leaflet-container.mode-create {
    cursor: crosshair !important;
}

.leaflet-container g path {
    transition: all 0.25s;
    stroke-width: 4px;
    stroke-opacity: 1;
    stroke: #D7217E;
    position: absolute;
    z-index: 1001;
    fill: #D7217E;
    fill-opacity: .75;
    -webkit-filter: none;
}

.leaflet-container.mode-delete path {
    cursor: no-drop !important;
}

.leaflet-container.mode-delete path:hover {
    fill: #4d4d4d !important;
}

.leaflet-container div.polygon-elbow {
    -webkit-transition: opacity .25s;
    box-shadow: 0 0 0 2px white, 0 0 10px rgba(0, 0, 0, .35);
    border: 5px solid #D7217E;
    border-radius: 10px;
    transition: opacity 0.25s;
    cursor: move;
    opacity: 0;
    pointer-events: none;
    box-sizing: border-box;
    width: 0 !important;
    height: 0 !important;
}

.leaflet-container div.polygon-elbow.non-polygon {
    opacity: 0 !important;
    pointer-events: none !important;
    border: 5px solid darkgray;
}

.leaflet-container.mode-edit div.polygon-elbow {
    opacity: 1;
    pointer-events: all;
}

.leaflet-container svg.tracer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2001;
    pointer-events: none;
}
.leaflet-bar-ico-edit {
    background-image: url(../images/icons/FatCow_Icons32x32/pencil.png);
    background-size: 80%;
}
.leaflet-bar-ico-add{
    background-image: url(../images/icons/FatCow_Icons32x32/pencil_add.png);
    background-size: 80%;
}
.leaflet-bar-ico-delete {
    background-image: url(../images/icons/FatCow_Icons32x32/pencil_delete.png);
    background-size: 80%;
}
.leaflet-marker-ico {
    width: 15px;
    height: 23px;
}


.x-form-trigger.icon-add {
    background-repeat: no-repeat;
    background-position: 50% 50%;
}


.x-form-trigger.icon-delete {
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
/*
.mandatory-row .x-grid-cell {
    background-color: #ffe2e2;
    color: #900;
}

.not-mandatory-row .x-grid-cell {
    background-color: #e2ffe2;
    color: #090;
}*/

.x-grid-row-summary{
    background-color: #f0ffd7;
}

.x-grid-row-summary .x-grid-cell, .x-grid-row-summary .x-grid-rowwrap, .x-grid-row-summary .x-grid-cell-rowbody {
    font-weight: bolder;
}