.sch-schedulerpanel{}
.x-body-masked .x-mask{
    /*z-index: 20000 !important;*/
}
.x-body-masked .x-window.x-message-box{
    z-index: 31000 !important;
}
.showNotAllowedToEditDialog-mask{
    z-index: 20500;
}
.x-grid-group-hd div.x-grid-group-title {
    background-image: none;
    padding: 4px 4px 4px 4px;
}

.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
    background-image: none;
    padding: 4px 4px 4px 4px;
}

.icon-prev {
    background: url(/content/intelliplan/resources/images/silkicons/arrow_left.png) no-repeat center center !important;
}
.icon-next {
    background: url(/content/intelliplan/resources/images/silkicons/arrow_right.png) no-repeat center center !important;
}
.icon-help {
    background: url(/content/intelliplan/resources/images/silkicons/help.png) no-repeat center center !important;
}
.icon-expand{
    background: url(/content/intelliplan/resources/images/silkicons/bullet_toggle_plus.png) no-repeat center center !important;
}
.sch-zone{
    background: none;
}
.bookableEvent {
    background-color: #7beb92 !important;
    box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.5);
}
.bookableEventWithInterest {
    background-color: #278200 !important;
    box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.5);
}
.periodInfo{
    margin-top: -3px !important;
}
.periodInfo .x-form-display-field{

}
.expandCheckbox{
    background: url(/content/intelliplan/resources/images/silkicons/plus.png) no-repeat center right !important;
}
.expandCheckboxIcon{
    color: #EBEBEB;
    display: inline-block;
    font-size: 1px;
    height: 20px;
    left: 13px;
    position: absolute;
    top: 0;
    width: 25px;
}
.vacancy-cell-value{
    vertical-align:middle;
    margin-left: 21px;
}
.group-header-expand {
    color: #000000;
    cursor:pointer;
}
.sch-event{
    background: none #d6defe;
/*    background: none #958E8E;*/
    box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.5);
}
.consultant-scheduler-schedule .sch-event{
    /*background: none #d6defe;^*/
    background: none #958E8E;
    box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.5);
    background-position: center;
}
.consultant-scheduler-schedule .grid-cell-link > span{
}

.notBookableEvent,
.semiBookableEvent,
.gDayEvent,
.workEvent,
.preparedWorkEvent,
.absenceEvent,
.cancelledWorkEvent,
.undecided,
.hasShownInterest,
.hasDeclinedInterest {
    -moz-box-shadow: 1px 1px 5px rgba(100, 100, 100, 0.5);
    -webkit-box-shadow: 1px 1px 5px rgba(100, 100, 100, 0.5);
    box-shadow: 1px 1px 5px rgba(100, 100, 100, 0.5);
}

.notBookableEvent {
    background-color: #fc4d4d !important;
}

.semiBookableEvent {
    background-color: #ffff72 !important;
}

.gDayEvent {
    background-color: #f67914 !important;
}

    .gDayEvent.halfGDayEvent .sch-event-inner,
    .gDayEvent.halfGDayEvent .event-inner {
        background-color: #f0f0f0;
        border-left: 1px solid #bf5e10;
        margin: 0;
        width: 50%;
        position: absolute;
        right: 0;
    }

.gDayEvent.noGDayEvent {
    background-color: #f0f0f0 !important;
    background-image: url("../Images/stripe_pattern_orange.png") !important;
    background-position: top left;
    background-repeat: repeat;
}

.workEvent {
    background-color: #BDE0EB !important;
    z-index: 10;/*Pushes work events above cancelled events*/
}

.preparedWorkEvent {
    background-color: #778aff !important;
}

.absenceEvent {
    background-color: #FFFF7F !important;
    z-index: 5;
}

.cancelledWorkEvent {
    background-color: #929290;
}
.undecided{
    background-color: #DADADA;
}
.hasShownInterest{
    background-color: #B1E8BD;
}
.hasDeclinedInterest{
    background-color: #ED8E8E;
}
.line-through{
    text-decoration: line-through;
}
.x-grid-header-row + .x-grid-row .avaliableEvent.avaliableEventNotEmployeed,
.x-grid-header-row + .x-grid-row .notAvaliableEvent.avaliableEventNotEmployeed{/*When the employee is available to work but is not employed*/
    background:  transparent;
    border:  none;
}
/*Zones*/
.avaliableEvent{
    background-color: #FFF;
}
.canNotWorkEvent {
    background-color: #f0f0f0;
}

.canWorkEvent {
    background-color: #ffffff;
}
.isNotEmployedEvent{
    /*background: url("../Images/background_light_pink_bg.png");*/
    background: none repeat scroll 0 0 #FCB2B2;
    opacity: 0.6;
    filter: alpha(opacity=40);
}
.canNotWorkEvent.isNotEmployedEvent{
    /*background: url("../Images/background_dark_pink_bg.png");
    background-color: #f0f0f0;*/
    background: none repeat scroll 0 0 #C18282;
    opacity: 0.6;
    filter: alpha(opacity=40);
}
.consultant-scheduler-schedule .sch-event.avaliableEventNotEmployeed{
    box-shadow: none;
}
/*End zones*/
.selectedEvent {
    background-image: url("../images/cross.png") !important;
    background-repeat: no-repeat;
    background-position: center center;
}

.sch-event-selected {
    border-color: red !important;
    border-width: 2px;
    box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.5);
}

.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
    border-color: #cccccc;
}
.x-grid3-scheduler-row {
    background-color: #E3F4FF !important;
    background-image: none !important;
}

.x-grid3-scheduler-row-alt {
    background-color: #E3F4FF !important;
    background-image: none !important;
}

.icon-run {
    background-image: url("../images/run.png") !important;
    background-repeat: no-repeat;
}

.toolTipTime {
    font-weight: bold;
    font-size: 12px;
    font-family: arial, tahoma, helvetica, sans-serif;
    padding: 2px 2px 2px 2px;
}

.toolTipText {
    font-size: 11px;
    font-family: arial, tahoma, helvetica, sans-serif;
    padding: 2px 2px 2px 2px;
}
/*Hover tooltip*/
.shiftHoverTooltip{
    
	/*background-color: RosyBrown;*/
}
.shiftHoverTooltip tr{

}
.shiftHoverTooltip td{

}
.shiftHoverTooltip td.title{
    font-weight: bold;
}
.shiftHoverTooltip .absenceReason td.title{
    color: #A24545;
}
.shiftHoverTooltip td.data{
    padding-left: 5px;
	margin-right: 10px;
	padding-right: 10px;
}
/*END Hover tooltip*/
.myZoneStyle
{
    background: whitesmoke url(images/pattern.png) repeat !important;
}

.x-grid-group-title {
    font: 11px tahoma,arial,verdana,sans-serif;
    padding: 0px !important;
	height: 30px;
}

.x-grid-group-hd .x-grid-cell-inner,
.sch-horizontal .sch-timelineview  .x-grid-group-hd .x-grid-cell-inner{
    padding: 5px 6px !important;
    height: 28px !important;
}


.sch-zone-custom {
    /*background: url("../images/zonebg.png") repeat scroll 0 0 transparent; !important;*/
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}

.x-grid-table {
    border-collapse: collapse;
}

/*Group headers*/
.customer-scheduler-tabpanel .sch-schedulerpanel .x-grid-group-hd,
.customer-scheduler-tabpanel .sch-schedulerpanel .x-grid-group-hd .x-grid-cell-inner{
    background:  #D8D7D7;
    border-color: #D8D7D7;
    position: relative;
    zoom: 1;
}
a.custOrderIPLink{

}
/* Column renderer adjustments*/
.consultant-scheduler-schedule div.icon-employee.expandable{
    margin-left: 0;
}
.consultant-scheduler-schedule div.icon-absence,
.consultant-scheduler-schedule div.icon-custorder{
}

/*Height problems*/
.customer-scheduler-tabpanel{
    
}
.customer-scheduler-tabpanel > div > .x-tabpanel-child .x-panel-body-default{
    /*overflow:  scroll !important;*/
}
.customerorder-scheduler.sch-horizontal{
    /*overflow: visible;
    overflow: scroll;*/
}

/*IE bug when clicking on resource*/
body .sch-schedulerpanel .x-panel-body.x-panel-body-default{
   /* overflow: visible !important;*/
}
body.x-ie .sch-schedulerpanel .x-panel-body.x-panel-body-default{
  /*overflow-y: scroll !important;*/
}


/*InfoFloat*/
.infoFloat{
    background-color: #FFF;
}
.infoFloat .x-window-header-default-top{
    background: none;
}
.infoFloat .x-window-body.x-window-body-default{
    overflow: visible;
    background-color: #FFF;
}
.infoFloat .x-window-header-ml,
.infoFloat .x-window-header-mr,
.infoFloat .x-window-header-mc,
.infoFloat .x-nbr .x-window-header-default-top-ml,
.infoFloat .x-nbr .x-window-header-default-top-mr{/*For IE 8 & 9*/
    background: none;
}
.infoFloat .infoColumns{
    top: -25px;
}

.infoFloat th
{
    white-space: nowrap;
}
.infoFloat td
{
    text-align: right;
}

.infoFloat td span
{
    padding: 0 10px;
}

.infoFloat .month
{
    padding-right: 10px;
}

.infoFloat td, .infoFloat .month
{
    font-weight: bold;
}

body.x-ie8 .infoFloat .x-window-default-mc{
    background-color: #FFF;
}
body.x-ie8 .infoFloat .x-window-header-mc{
    background: none transparent;
}
body.x-ie8 .infoFloat .x-frame-mc.x-window-mc{
    padding-top: 5px;
}
/*END InfoFloat*/

/*Header and columns*/
.sch-schedulerpanel .x-grid-header-ct{
    height: 47px !important;
    visibility: inherit;
    z-index: 500;
}
.sch-schedulerpanel .x-grid-header-ct > div{}
.sch-schedulerpanel .x-grid-header-ct .sch-simple-timeaxis{}
.sch-schedulerpanel .x-grid-header-ct .sch-simple-timeaxis .sch-header-row{}
.sch-header-row td{
}
.sch-column-header{
}
.sch-simple-timeaxis .sch-simple-timeheader{
    padding: 0;
}
.sch-schedulerpanel .x-column-header-inner{
    padding: 0;
}
.dayClass{

}
.x-ie8 .dayClass.sunday{

}
.x-ie8 .dayClass.monday{
    border-left: none;
}
.x-ie8 .sch-schedulerpanel .sch-dayheadercell-0{
    padding-right: 10px;
}
.sch-schedulerpanel .sch-dayheadercell-1,
.sch-schedulerpanel .sch-dayheadercell-2,
.sch-schedulerpanel .sch-dayheadercell-3,
.sch-schedulerpanel .sch-dayheadercell-4,
.sch-schedulerpanel .sch-dayheadercell-5,
.sch-schedulerpanel .sch-dayheadercell-6{/*To bring it in line with upper day initials*/
    padding-right: 0px;
}
.dayClass.saturday, .sch-schedulerpanel .sch-dayheadercell-6{
}
.dayClass.sunday, .sch-schedulerpanel .sch-dayheadercell-0{
    border-right: 0;
    color: #EA2D2D;
}
.dayClass.monday, .sch-schedulerpanel .sch-dayheadercell-1{
}
.sch-dayheadercell-1{
    border-left: 2px solid #000;
}
.dayClass.monday{
}
.x-group-sub-header{
    border-top: medium none;
}
.sch-timeline.workWeekDivider{
    border-width: 0 0 0 2px;
    z-index: 2000;
}
.x-closable .sch-timeline.workWeekDivider{/*For when Book Employee is opened from the Unmanned grid*/
    margin-left: -1px;
}
.sch-schedulerpanel .x-grid-view.x-fit-item{
/*Margin at the top otherwise first few rows end up behind the header.
The margin should be 1px less than the height in .sch-schedulerpanel .x-grid-header-ct
*/
    top: 46px !important;
}
/*END Header and columns*/


/*Availability dialog*/
.staffing-availability .sch-schedulerpanel .x-grid-view.x-fit-item{
    top: 3px !important;
}
/*END Availability dialog*/

/* Help dialog */
.colorSection {
    float: left;
}

.colorSection h3 {
   margin-bottom: 5px;
    color: #1542b3;
}

.colorSection .sectionItems li {
    width: 100%;
    float: left;
}

.colorSection .sectionItems li div {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 10px;
    border: 1px solid #555;
    box-shadow: none !important;
}

.colorSection .sectionItems li .availableEvent {
    background-color: #fff;
}

.colorSection .sectionItems li .gDayEvent.halfGDayEvent {
    position: relative;
}

.colorSection .sectionItems li .gDayEvent.halfGDayEvent .event-inner {
    height: 14px;
}

.colorSection .sectionItems li p {
    float: left;
    padding-bottom: 9px;
}