/*!
 * 
 */
/*!
 * Ext JS Library 3.3.1
 * Copyright(c) 2006-2010 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */
.x-form-spinner-proxy{
	/*background-color:#ff00cc;*/
}
.x-form-field-wrap .x-form-spinner-trigger {
    background:transparent url('../images/spinner.gif') no-repeat 0 0;
}

.x-form-field-wrap .x-form-spinner-overup{
    background-position:-17px 0;
}
.x-form-field-wrap .x-form-spinner-clickup{
    background-position:-34px 0;
}
.x-form-field-wrap .x-form-spinner-overdown{
    background-position:-51px 0;
}
.x-form-field-wrap .x-form-spinner-clickdown{
    background-position:-68px 0;
}


.x-trigger-wrap-focus .x-form-spinner-trigger{
    background-position:-85px 0;
}
.x-trigger-wrap-focus .x-form-spinner-overup{
    background-position:-102px 0;
}
.x-trigger-wrap-focus .x-form-spinner-clickup{
    background-position:-119px 0;
}
.x-trigger-wrap-focus .x-form-spinner-overdown{
    background-position:-136px 0;
}
.x-trigger-wrap-focus .x-form-spinner-clickdown{
    background-position:-153px 0;
}
.x-trigger-wrap-focus .x-form-trigger{
    border-bottom: 1px solid #7eadd9;
}

.x-form-field-wrap .x-form-spinner-splitter {
	line-height:1px;
	font-size:1px;
    background:transparent url('../images/spinner-split.gif') no-repeat 0 0;
	position:absolute;
	cursor: n-resize;
}
.x-trigger-wrap-focus .x-form-spinner-splitter{
    background-position:-14px 0;
}
/*!
 * Ext JS Library 3.3.1
 * Copyright(c) 2006-2010 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */
/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}.x-grid3-focus{
	left:0px !important
}
.EditorPasteCopyGridPanel .x-grid3-cell-inner, 
.EditorPasteCopyGridPanel .x-grid3-row-table,
.EditorPasteCopyGridPanel .x-grid3-row-table tr,
.EditorPasteCopyGridPanel .x-grid3-row-table td,
.EditorPasteCopyGridPanel .x-grid3-row {
	user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	cursor: default;
}/*!
 * Ext JS Library 3.3.1
 * Copyright(c) 2006-2010 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */
.ux-mselect{
    overflow:auto;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto;	
}
.ux-mselect-item{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    cursor:pointer;
}
.ux-mselect-selected{
	border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
    cursor:pointer;
}

.x-view-drag-insert-above { 
    border-top:1px dotted #3366cc; 
} 
.x-view-drag-insert-below { 
    border-bottom:1px dotted #3366cc; 
} 
/*!
 * Ext JS Library 3.3.1
 * Copyright(c) 2006-2010 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */
.x-grid3-locked, .x-grid3-unlocked {
	overflow: hidden;
	position: absolute;
}

.x-grid3-locked {
	border-right: 1px solid #99BBE8;
}

.x-grid3-locked .x-grid3-scroller {
	overflow: hidden;
}

.x-grid3-locked .x-grid3-row {
	border-right: 0;
}

.x-grid3-scroll-spacer {
	height: 19px;
}

.x-grid3-unlocked .x-grid3-header-offset {
	padding-left: 0;
}

.x-grid3-unlocked .x-grid3-row {
	border-left: 0;
}
/*!
 * Ext JS Library 3.3.1
 * Copyright(c) 2006-2010 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */
/* StatusBar - structure */
.x-statusbar .x-status-text {
    cursor: default;
/*
    height: 21px;
    line-height: 21px;
    padding: 0 4px;
*/
}
.x-statusbar .x-status-busy {
    padding-left: 25px !important;
    background: transparent no-repeat 3px 2px;
}

.x-toolbar div.xtb-text

.x-statusbar .x-status-text-panel {
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: 1px solid;
    padding: 2px 8px 2px 5px;
}

/* StatusBar word processor example styles */

#word-status .x-status-text-panel .spacer {
    width: 60px;
    font-size:0;
    line-height:0;
}
#word-status .x-status-busy {
    padding-left: 25px !important;
    background: transparent no-repeat 3px 2px;
}
#word-status .x-status-saved {
    padding-left: 25px !important;
    background: transparent no-repeat 3px 2px;
}

/* StatusBar form validation example styles */

.x-statusbar .x-status-error {
    cursor: pointer;
    padding-left: 25px !important;
    background: transparent no-repeat 3px 2px;
}
.x-statusbar .x-status-valid {
    padding-left: 25px !important;
    background: transparent no-repeat 3px 2px;
}
.x-status-error-list {
    font: 11px tahoma,arial,verdana,sans-serif;
    position: absolute;
    z-index: 9999;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: 1px solid;
    padding: 5px 10px;
}
.x-status-error-list li {
    cursor: pointer;
    list-style: disc;
    margin-left: 10px;
}
.x-status-error-list li a {
    text-decoration: none;
}
.x-status-error-list li a:hover {
    text-decoration: underline;
}


/* *********************************************************** */
/* *********************************************************** */
/* *********************************************************** */


/* StatusBar - visual */

.x-statusbar .x-status-busy {
    background-image: url(../images/loading.gif);
}
.x-statusbar .x-status-text-panel {
    border-color: #99bbe8 #fff #fff #99bbe8;
}

/* StatusBar word processor example styles */

#word-status .x-status-text {
    color: #777;
}
#word-status .x-status-busy {
    background-image: url(../images/saving.gif);
}
#word-status .x-status-saved {
    background-image: url(../images/saved.png);
}

/* StatusBar form validation example styles */

.x-statusbar .x-status-error {
    color: #C33;
    background-image: url(../images/exclamation.gif);
}
.x-statusbar .x-status-valid {
    background-image: url(../images/accept.png);
}
.x-status-error-list {
    border-color: #C33;
}
.x-status-error-list li a {
    color: #15428B;
}/** vim: ts=4:sw=4:nu:fdc=4:nospell
 *
 * Ext.ux.form.LovCombo CSS File
 *
 * @author    Ing.Jozef Sakáloš
 * @copyright (c) 2008, by Ing. Jozef Sakáloš
 * @date      5. April 2008
 * @version   $Id: Ext.ux.form.LovCombo.css 189 2008-04-16 21:01:06Z jozo $
 *
 * @license Ext.ux.form.LovCombo.css is licensed under the terms of the Open Source
 * LGPL 3.0 license. Commercial use is permitted to the extent that the 
 * code/component(s) do NOT become part of another Open Source or Commercially
 * licensed development library or toolkit without explicit permission.
 * 
 * License details: http://www.gnu.org/licenses/lgpl.html
 */

.ux-lovcombo-icon {
	width:16px;
	height:15px;
	float:left;
	background-position: -1px -1px ! important;
	background-repeat:no-repeat ! important;
}

.ux-lovcombo-icon-checked {
 background: transparent url(../../resources/images/default/menu/checked.gif);
}
.ux-lovcombo-icon-unchecked {
 background: transparent url(../../resources/images/default/menu/unchecked.gif);
}
 
/* eof */
/** vim: ts=4:sw=4:nu:fdc=4:nospell
 *
 * Ext.ux.form.LovCombo Example Application CSS File
 *
 * @author    Ing.Jozef Sakáloš
 * @copyright (c) 2008, by Ing. Jozef Sakáloš
 * @date      16. April 2008
 * @version   $Id: lovcombo.css 194 2008-04-17 00:16:12Z jozo $
 *
 * @license Ext.ux.form.LovCombo.css is licensed under the terms of the Open Source
 * LGPL 3.0 license. Commercial use is permitted to the extent that the 
 * code/component(s) do NOT become part of another Open Source or Commercially
 * licensed development library or toolkit without explicit permission.
 * 
 * License details: http://www.gnu.org/licenses/lgpl.html
 */
 
#west-content a {
	text-decoration:none;
}
#west-content a:hover {
	text-decoration:underline;
}
#west {
	width:280px;
}
#center {
	width:640px;
}
#adsense-top {
	margin: 10px 0 10px 0;
}
#west-content {
	font-family:arial, sans-serif;
}
#center-content {
	font-family:arial, sans-serif;
	margin:0 0 0 10px;
	color:#777777;
}
#center-content h2 {
	font-size:16px;
	text-align:center;
}
#description {
	color:#777777;
	text-align:justify;
}
#description em {
	font-style:italic;
	font-weight:bold;
}
#description p {
	margin: 2px 0 8px 0;
}
.adsense {
	opacity:.55;
	filter:alpha(opacity=55);
	-moz-opacity:.55;
}
#change-log {
	padding:20px 0 0 20px;
}
#change-log ul {
	margin: 8px 0 0 1em;
	list-style:disc outside;
	text-align:justify;
}
#cts {
	margin: 20px;
	zoom:1;
}

/* eof */
.align-right{ float: right;}
.approvalComment {
    font-weight: bold;
    color: #00b4d5
}
.reasonCode {
    font-weight: bold;
    color: #33701e
}
.gf_ta_evaluation_approval_menu{
    width: 16px;
    height: 16px;
    /*background-image: url(../img/time.png) !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1400px !important;
}
.centered-form .x-form-item {
    padding: 1px 0px 1px 39px  !important
 }
 .centered-form .x-panel-body {
    background: white !important;
 }
 #biddingAdiministrationTabPanelId .x-panel-bbar  {
    display: none !important;
}
#pickingPeriodTabPanelId .x-panel-bbar  {
    display: none !important;
}
#editPickingDemandGridId .x-panel-bbar  {
    display: none !important;
}
#pickingPeriodPublicationProfileDetailGridId .x-panel-bbar  {
    display: none !important;
}
#pickingPeriodShiftDetailsGridId .x-panel-bbar  {
    display: none !important;
}
/* #multiShiftPlannerGridId .x-panel-bbar  {
    display: none !important;
} */
.msg-checkbox-padding {
margin-left: 6px;
}
.msg-checkbox-padding label{
padding-top: 6px !important; 
}
.push-checkbox-padding label{
padding-top: 6px !important; 
}
.hide{
    display: none;
}
 .initially-hidden-grid {
    opacity: 0;
 }
 .retainedFormTitle{
    display: inline-block;
 }
 .formRefreshText{
    display: inline-block;
    vertical-align: middle;
    padding-left: 3px;
    font-size: 12px;
 }
 .formRefreshIcon{
    display: inline-block;
    vertical-align: middle;
}
.refcustomButton{
    display: inline-block;
    margin-left: 7px;
}
.refcustomButton button{
    padding: 2px 4px;
    border: none;
    background: unset;
 }

 .refcustomButton button:hover {
    border: 1px solid darkgray;
    border-radius: 4px;
    background: unset;
    padding: 1px 4px;
    background: #ffffff9e;
    cursor: pointer;
 }

 .refcustomButton button[disabled] {
    color: grey;
    opacity: .6;
    pointer-events: none;
 }
 
 #calculatedMinValuesForm label::after {
    content: none; /* This will remove the colon after the label */
}
#retainedMinValuesForm label::after {
    content: none; /* This will remove the colon after the label */
}
.ext-cal-dayview .ext-cal-bg-row-div {
    border-bottom: 1px dotted #ddd;
    border-top: 1px solid #ddd;
    font-size: 1px;
    height: 10px;
    margin-bottom: 0px;
}

.attendanceGrid .x-grid3-scroller{
    overflow: auto !important;
}
.activitiesGrid .x-grid3-scroller{
    overflow: auto !important;
}
.ext-cal-dayview .ext-cal-bg-row {
    height: 10px;
}

.ext-cal-ct-dayview td,
.ext-cal-mdv td {
    font-size: 8px;
}

.searchProposalsFormCls {
    overflow: auto;
}

.searchProposals .x-box-item {
    width: 95px !important;
    white-space: normal !important;
    word-wrap: break-word !important;
}

.searchProposals .x-form-cb-label {
    white-space: normal !important;
    font: normal 12px/13px arial, tahoma, helvetica, sans-serif;
}

td.ext-cal-dtitle {
    font-family: helvetica, arial, sans-serif;
    border-top: 1px solid #C3D9FF;
    color: #A7C6DF;
    /*line-height:14px;*/
    /*overflow:hidden;*/
    text-align: right;
    font-size: 13px;
    padding-top: 1px;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
}

td.ext-cal-dtitle-first {
    border-top: 1px solid #BBCCFF;
}

td.ext-cal-dtitle div {
    padding: 1px 1px 1px 1px;
}


/* Today's title cell */

td.ext-cal-dtitle-today div {
    color: #BFA52F;
    white-space: nowrap;
}


/* Today time span */

.ext-cal-dtitle-time {
    font-size: 11px;
}


/* Selected month title cells */

.ext-cal-dtitle-sel div {
    color: #bbb;
}


/* Selected month background cells */

.ext-cal-day-sel {
    background: #FBFFBB;
}


/* counter dates month title cells */

.ext-cal-dtitle-counter div {
    color: #bbb;
    cursor: pointer;
}


/* counter dates month background cells */

.ext-cal-day-counter {
    background: #CEFFCC;
    cursor: pointer;
}


/* unselectable dates month title cells */

.ext-cal-dtitle-unselectable div {
    cursor: default;
}


/* unselectable dates month background cells */

.ext-cal-day-unselectable {
    cursor: default;
}


/* counter dates month title cells */

.ext-cal-dtitle-invalid div {
    color: #bbb;
    cursor: pointer;
}


/* counter dates month background cells */

.ext-cal-day-invalid {
    background: #FF9C6F;
    cursor: pointer;
}


/* notexchangeable dates month title cells */

.ext-cal-dtitle-notexchangeable div {
    color: #bbb;
    cursor: default;
}


/* notexchangeable dates month background cells */

.ext-cal-day-notexchangeable {
    background: #DEE5EC;
    cursor: default;
}


/* odd/even pay period month title cells */

td.ext-cal-dtitle-oddpayperiod {
    background: dimgray;
}

td.ext-cal-dtitle-evenpayperiod {
    background: lightslategray;
}

.ext-cal-day-today {
    background: #EED8D3;
    cursor: default;
}


/* disable click event of row */

.disabledRowclick {
    pointer-events: none !important;
}

.disabledRow {
    background-image: none;
    background-color: lightgray;
}

.disabledRowDemandGrid {
    background-image: none;
    background-color: #ede6e6;
}

.disabledRow .x-grid3-cell-inner {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 3px 3px 3px 5px;
    white-space: nowrap;
    font-style: italic !important;
    color: gray ! important;
}

.disabledRowTnA  {
	background-image: none;
    background-color: lightgray;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: gray ! important;
}
.invalidRow .x-grid3-cell-inner {
    color: gray !important;
}

.timeAttendanceApprovalRow .x-grid3-cell-inner {
    height: 83px;
    overflow-x: hidden;
    overflow-y: auto;
}

.invalidRow .taApprovalsDetailsTable {
    color: gray !important;
    height: 83px;
}

.absenceRequestYearOverviewRow .x-grid3-cell-inner {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 1px 1px 1px 1px;
    white-space: nowrap;
}

.addedRow {
    background-image: none;
    background-color: #E0FFE6;
}

.addedRow .x-grid3-cell-inner {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 3px 3px 3px 5px;
    white-space: nowrap;
    font-style: italic !important;
    color: #309b1f ! important;
}

.notExchangeableRow {
    background-image: none;
    background-color: #FF9C6F;
}

.notExchangeableRow .x-grid3-cell-inner {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 3px 3px 3px 5px;
    white-space: nowrap;
    font-style: italic !important;
    color: gray ! important;
}

.ux-editable-grid {
    padding: 0;
}

.main-toolbar-btn {
    background-position: center center !important;
    padding-left: 0 ! important;
    padding-top: 45 ! important;
    font-weight: bold;
    text-align: center;
    width: 67 ! important;
    height: 57! important;
}

.x-grid3-check-col-disabled {
    /*background-image: url(../img/checkboxDisabled.png) !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -100px -2700px !important;
    width: 16px;
    height: 16px;
}


/*.error {
	color: red;
	font-size: 12px;
	background-image: url(../img/error.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    font-style: normal;
}*/

.error {
    color: red;
    font-size: 12px;
    background-position: -100px -350px ! important;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    font-style: normal;
}

.error_absence {
    color: red;
    font-size: 12px;
    background-position: -100px -350px ! important;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    font-style: normal;
    padding-bottom: 14px;
}

/*.dashboard {*/


/*background-image:url( ../img/dashboard_32.png ) ! important;*/


/*}*/

.dashboard {
    background-position: -82px -136px !important;
    /*+19 +14*/
    width: 32px;
    height: 32px;
    background-image: url(../img/img_sprite.gif);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}


/*.calendar{*/


/*background-image:url( ../img/calendar_32.png ) ! important;*/


/*}*/

.calendar {
    background-position: -82px -186px !important;
    /*+19 +14*/
    width: 32px;
    height: 32px;
    background-image: url(../img/img_sprite.gif);
}

.shiftPreference {
    width: 32px;
    height: 32px;
    /*background-image: url(../img/shift_preference_32.png);*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: 19px 14px !important;
    /*+19 +14*/
}

.shiftPreference-small {
    background-image: url(../img/shift_preference.png) !important;
    background-repeat: no-repeat;
    background-position: 0px 0px !important;
}

.menuTextCls {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden !important;
}


/*.messages {    */


/*background-image:url( ../img/mail_32.png ) ! important;*/


/*}*/

.messages {
    background-position: -82px -236px !important;
    /*+19 +14*/
    width: 32px;
    height: 32px;
    background-image: url(../img/img_sprite.gif);
}

.messages-small {
    background-image: url(../img/mail_16.png) !important;
    background-repeat: no-repeat;
    background-position: 0px 0px !important;
}

.blackboard {
    /*background-image:url( ../img/blackboard_32.png ) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -100px !important;
    width: 32px;
    height: 32px;
}


/*.planning{*/


/*background-image:url( ../img/calculator.png ) ! important;*/


/*}*/

.planning {
    background-position: -81px 14px !important;
    /*+19 +14*/
    width: 32px;
    height: 32px;
    background-image: url(../img/img_sprite.gif);
}

.vacation {
    width: 32px;
    height: 32px;
    /*background-image: url(../img/umbrella.png);*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -31px -136px !important;
    /*+19 +14*/
}

.vacation-small {
    background-image: url(../img/umbrella-icon.png) !important;
    background-repeat: no-repeat;
    background-position: 0px 0px !important;
}


/* WR-7642 */

.x-combo-list-item {
    padding-right: 5px !important;
    white-space: normal;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.x-combo-list-item .ux-lovcombo-item-text {
    margin-right: 0px;
    overflow-wrap: break-word;
    white-space: normal;
    word-wrap: break-word;
}


/* End WR-7642 */

.moreMenuBtn {
    width: 32px;
    height: 32px;
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -70px -1077px !important;
}

.menu_time_and_attendance-icon {
    background-image: url(../img/time_32.png);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.menu_time_and_attendance-icon-small {
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -99px -948px !important;
}

.planning-icon {
    background-image: url(../img/calculator.png);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.planning-icon-small {
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -101px -499px !important;
    /*+19 +14*/
}

.control_report_ta-icon {
    background-image: url(../img/control_report.png);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.control_report_ta-icon-small {
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -99px -1249px !important;
}

.report-icon {
    background-image: url(../img/report_new.png) !important;
    background-repeat: no-repeat;
}

.report-icon-small {
    background-image: url(../img/report_new16.png) !important;
    background-repeat: no-repeat;
    background-position: 0px 0px !important;
}

.report-align-center {
    left: calc(50% - 225px) !important;
}

.wr_5-icon {
    background-image: url(../img/external_application.png);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.wr_5-icon-small {
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -101px -798px !important;
}

.absenceRequest {
    width: 32px;
    height: 32px;
    /*background-image: url(../img/absence_icon_32.png);*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -31px -186px !important;
    /*+19 +14*/
}

.absenceRequest-small {
    background-image: url(../img/absence_icon_16.png) !important;
    background-repeat: no-repeat;
    background-position: 0px 0px !important;
}

.taControlReport {
    width: 32px;
    height: 32px;
    /*background-image: url(../img/control_report.png);*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -31px -236px !important;
    /*+19 +14*/
}

.externalApplication {
    width: 32px;
    height: 32px;
    /*background-image: url(../img/external_application.png);*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -31px -3486px !important;
    /*+19 +14*/
}


/*.groupFunctions{*/


/*background-image:url( ../img/user-group.png ) ! important;*/


/*}*/

.groupFunctions {
    background-position: -81px -36px ! important;
    /*+19 +14*/
    width: 32px;
    height: 32px;
    background-image: url(../img/img_sprite.gif);
}

.groupFunctions-small {
    background-image: url(../img/user-group-small.png) !important;
    background-repeat: no-repeat;
    background-position: 0px 0px !important;
}

/*.administration{*/


/*background-image:url( ../img/permission_prof.gif ) ! important;*/


/*}*/

.administration {
    background-position: -82px -86px !important;
    /*+19 +14*/
    width: 32px;
    height: 32px;
    background-image: url(../img/img_sprite.gif);
}

.administration-small {
    background-image: url(../img/permission_prof16.gif) !important;
    background-repeat: no-repeat;
    background-position: 0px 0px !important;
}

.add-toolbar-btn {
    background-position: left left !important;
    padding-left: 25 ! important;
    padding-top: 0 ! important;
    font-weight: bold;
    text-align: right;
    width: 50 ! important;
    height: 20! important;
}

.row-add {
    width: 16px;
    height: 16px;
    /*background-image:url( ../img/add.png ) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -350px !important;
}

.select-linked-user-btn {
    /*background: url(../img/user_go.png) no-repeat center center !important;*/
    background: no-repeat center center !important;
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -400px !important;
    width: 16px;
    height: 16px;
}

.view-log {
    width: 16px;
    height: 16px;
    background-image: url(../img/list-view.png ) !important;
}

.list-view {
    width: 16px;
    height: 16px;
    /*background-image:url( ../img/list-view.png ) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -450px !important;
}

.message-notification {
    /*background: url(../img/mail_yellow.png) no-repeat center top !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2100px !important;
    width: 16px;
    height: 16px;
}

.permanent-delete {
    width: 16px;
    height: 16px;
    /*background-image:url( ../img/delete.png ) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -550px !important;
}

.restore {
    width: 16px;
    height: 16px;
    /*background-image:url( ../img/arrow_left.png ) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -49px -601px !important;
}

.recall {
    width: 16px;
    height: 16px;
    /*background-image:url( ../img/arrow_right.png ) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -650px !important;
}

.sent-menu-msg {
    width: 16px;
    height: 16px;
    /*background-image:url( ../img/send_message.png ) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -700px !important;
}

.row-cancel {
    background-position: 0 -1122px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

.row-delete {
    width: 16px;
    height: 16px;
    /*background-image:url( ../img/delete.png ) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -550px !important;
}

.row-x-red-delete {
    width: 16px;
    /*background:url( ../img/delete_red_x.png ) no-repeat left top! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -800px !important;
    margin-left: 5px;
}

.row-empty-delete {
    width: 16px;
    /*background:url( ../img/transparent.gif) no-repeat center top! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -850px !important;
}

.row-x-gray-delete {
    width: 16px;
    /*background:url( ../img/DeleteRed_grey.png) no-repeat left top! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -900px !important;
    padding-left: 5px;
}

.row-insert-before {
    width: 16px;
    height: 16px;
    /*background-image:url( ../img/row_add_before.png) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -950px !important;
}

.row-insert-after {
    width: 16px;
    height: 16px;
    /*background-image:url( ../img/row_add_after.png ) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1000px !important;
}


/* ===== x-cal-33 ===== */

.x-cal-33,
.x-cal-33-x .ext-cal-evb,
.ext-ie .x-cal-33-ad,
.ext-opera .x-cal-33-ad {
    color: coral;
}

.ext-cal-day-col .x-cal-33,
.ext-dd-drag-proxy .x-cal-33,
.x-cal-33-ad,
.x-cal-33-ad .ext-cal-evm,
.x-cal-33 .ext-cal-picker-icon,
.x-cal-33-x dl,
.x-calendar-list-menu li em .x-cal-33 {
    background: coral;
}

.x-calendar-list .x-panel-body {
    padding: 4px 2px 2px;
    background: #fff !important;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    border-bottom: none;
}

.ext-cal-evm {
    /* middle */
    border-left: 1px solid;
    border-right: 1px solid;
    border-top: 0;
    border-bottom: 0;
    margin: 0 -1px;
    zoom: 1;
    padding-left: 3px;
    text-overflow: ellipsis;
    /*  */
}

.ext-cal-evi {
    /* inner */
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*  */
}

a.x-menu-item-cstm {
    padding: 3px 5px 3px 5px;
}

.x-menu-cstm {
    background-image: none;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-tl {
    background-position: 0 0;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-tr {
    background-position: -3px 0;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-tc {
    background-position: 0 -6px;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-ml {
    background-position: 0px -24px;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-mr {
    background-position: -3px -24px;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-mc {
    background-position: 0 -1096px;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-bl {
    background-position: 0 -3px;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-br {
    background-position: -3px -3px;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-bc {
    background-position: 0 -15px;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-over .x-btn-tl {
    background-position: -6px 0;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-over .x-btn-tr {
    background-position: -9px 0;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-over .x-btn-tc {
    background-position: 0 -9px;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-over .x-btn-ml {
    background-position: -6px -24px;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-over .x-btn-mr {
    background-position: -9px -24px;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-over .x-btn-mc {
    background-position: 0 -2168px;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-over .x-btn-bl {
    background-position: -6px -3px;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-over .x-btn-br {
    background-position: -9px -3px;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-over .x-btn-bc {
    background-position: 0 -18px;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-click .x-btn-tl,
.x-toolbar .x-toolbar-standardbutton .x-btn-menu-active .x-btn-tl,
.x-toolbar .x-toolbar-standardbutton .x-btn-pressed .x-btn-tl {
    background-position: -12px 0;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-click .x-btn-tr,
.x-toolbar .x-toolbar-standardbutton .x-btn-menu-active .x-btn-tr,
.x-toolbar .x-toolbar-standardbutton .x-btn-pressed .x-btn-tr {
    background-position: -15px 0;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-click .x-btn-tc,
.x-toolbar .x-toolbar-standardbutton .x-btn-menu-active .x-btn-tc,
.x-toolbar .x-toolbar-standardbutton .x-btn-pressed .x-btn-tc {
    background-position: 0 -12px;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-click .x-btn-ml,
.x-toolbar .x-toolbar-standardbutton .x-btn-menu-active .x-btn-ml,
.x-toolbar .x-toolbar-standardbutton .x-btn-pressed .x-btn-ml {
    background-position: -12px -24px;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-click .x-btn-mr,
.x-toolbar .x-toolbar-standardbutton .x-btn-menu-active .x-btn-mr,
.x-toolbar .x-toolbar-standardbutton .x-btn-pressed .x-btn-mr {
    background-position: -15px -24px;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-click .x-btn-mc,
.x-toolbar .x-toolbar-standardbutton .x-btn-menu-active .x-btn-mc,
.x-toolbar .x-toolbar-standardbutton .x-btn-pressed .x-btn-mc {
    background-position: 0 -3240px;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-click .x-btn-bl,
.x-toolbar .x-toolbar-standardbutton .x-btn-menu-active .x-btn-bl,
.x-toolbar .x-toolbar-standardbutton .x-btn-pressed .x-btn-bl {
    background-position: -12px -3px;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-click .x-btn-br,
.x-toolbar .x-toolbar-standardbutton .x-btn-menu-active .x-btn-br,
.x-toolbar .x-toolbar-standardbutton .x-btn-pressed .x-btn-br {
    background-position: -15px -3px;
}

.x-toolbar .x-toolbar-standardbutton .x-btn-click .x-btn-bc,
.x-toolbar .x-toolbar-standardbutton .x-btn-menu-active .x-btn-bc,
.x-toolbar .x-toolbar-standardbutton .x-btn-pressed .x-btn-bc {
    background-position: 0 -21px;
}


/*---------------------------------------------------------------------*/

.x-grid3-row-selected {
    background-image: none;
    border-color: #a3bae9;
}

.x-grid3-row-selected-schedule {
    background-color: #FBFFBB !important;
}

.x-grid3-row-over-schedule {
    border-color: #ddd;
}

.x-grid3-scroller-1 {
    overflow: auto;
    zoom: 1;
    position: relative;
    z-index: 101;
}

.x-grid3-hd-offer {
    color: #35c227;
}

.x-grid3-hd-demand {
    color: #fc2622;
}

.sch-schedulerpanel .x-grid3-scroller-1 {
    z-index: 101;
}


/* Textcolors */

h3 {
    font-size: 14px;
    color: #637484
}

.x-panel-header-text {
    color: #666;
}


/* Background and Borders */

.x-progress-wrap {
    border-color: #6593cf;
}

.x-progress-inner {
    background-color: #e0e8f3;
    background-image: url(../images/default/qtip/bg.gif);
}

.x-progress-bar {
    background-color: #9cbfee;
    background-image: url(../images/default/progress/progress-bg.gif);
    border-top-color: #d1e4fd;
    border-bottom-color: #7fa9e4;
    border-right-color: #7fa9e4;
}

.x-progress-text {
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}

.x-progress-text-back {
    color: #396095;
}

#naviHeader {
    border-bottom: 5px #637484 solid;
}

.dashboard-panel .x-box-inner {
    background: url(../img/BG_pattern.png ) #aaaaaa !important;
}

.dashboard-panel .x-box-item {
    /*background:#ebebeb url( ../img/ui-bg_glass_navi.png ) repeat-x;*/
    background: url(../img/BG_pattern.png ) #aaaaaa !important;
}

.x-form-item-label {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: gray;
}

.x-form-item-italic {
    font-family: Arial, sans-serif;
    font-style: italic;
    font-size: 11px;
    /*font-weight: bold;*/
    color: gray;
}

.x-date-inner .x-date-read-only a em {
    font-style: italic;
    font-weight: bold;
    color: grey;
}

.x-form-item-value {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: black;
}

.time-off-x-form-item-value {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: black;
}

.commentField {
    overflow: hidden;
}

.x-form-label {
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #575757;
    padding: 5px 5px 5px 5px;
}

.message-item {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: black;
}

.message-item-label {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: gray;
    white-space: nowrap;
}

.message-item-value {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: black;
    white-space: nowrap;
}

.leftContainer {
    float: left;
    width: 10%;
    height: auto;
    padding: 5px 0 0 0;
}

.rightContainer {
    float: right;
    width: 90%;
    height: auto;
}

.containerWrapper {
    height: auto;
    clear: both;
    padding: 10px 5px;
    overflow: auto;
}

.containerWrapper:nth-child(odd) {
    background-color: #ddd;
}


/*!
 * Ext JS Library 3.3.1
 * Copyright(c) 2006-2010 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */

.x-grouptabs-panel {
    background-color: #FFFFFF;
    border: none;
}

.x-tab-panel-left .x-grouptabs-panel-header,
.x-tab-panel-right .x-grouptabs-panel-header {
    float: left;
    border: 0;
    background: transparent;
}

.x-tab-panel-right .x-grouptabs-panel-header {
    float: right;
}

.x-tab-panel-left .x-grouptabs-bwrap {
    float: right;
    position: relative;
}

.x-tab-panel-right .x-grouptabs-bwrap {
    float: left;
    position: relative;
}

.x-tab-panel-left ul.x-grouptabs-strip,
.x-tab-panel-right ul.x-grouptabs-strip {
    width: auto;
    display: block;
}

.x-tab-panel-left ul.x-grouptabs-strip li,
.x-tab-panel-right ul.x-grouptabs-strip li {
    padding: 6px 0 2px 6px;
    float: none;
    margin: 0;
    position: relative;
    clear: both;
}

.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text,
.x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text {
    font-size: 13px;
    line-height: 14px;
    cursor: pointer;
}

.x-tree-node-expanded .x-tree-node-icon {
    background-image: none;
}

.x-tree-node-leaf .x-tree-node-icon {
    background-image: none;
}

.x-tree-node-collapsed .x-tree-node-icon {
    background-image: none;
}

.layer-class-ie {
    position: absolute;
    right: 0;
    top: 0;
}

.layer-box {
    width: 10px;
    background-color: #d5b816;
    display: inline;
    height: 8px;
    font-size: 8px;
    float: right;
}

.layer-box-target {
    width: 10px;
    background-color: #a01a1a;
    display: inline;
    height: 8px;
    font-size: 8px;
    float: right;
}

.layer-box-preference {
    width: 10px;
    background-color: #83ad47;
    /*x-cal-26*/
    display: inline;
    height: 8px;
    font-size: 8px;
    float: right;
}

.layer-box-time_and_attendance {
    width: 10px;
    background-color: #1a699c;
    /*x-cal-22*/
    display: inline;
    height: 8px;
    font-size: 8px;
    float: right;
}

.layer-box-latest {
    width: 10px;
    background-color: #7E3838;
    display: inline;
    height: 8px;
    font-size: 8px;
    float: right;
}

.ext-evt-bd .layer-box,
.ext-evt-bd .layer-box-latest,
.ext-evt-bd .layer-box-target,
.ext-evt-bd .layer-box-preference,
.ext-evt-bd .layer-box-time_and_attendance {
    margin: 2px 2px 2px 2px;
    width: 12px;
}

.layer-shift {
    color: white;
}


/*css for menu administration entries - the name must be function name + _msg (See class Function)*/


/*.authorization_menu {background:url(../img/lock_go.png) 0 no-repeat !important;}*/

.authorization_menu {
    background-position: 0 -2397px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.permission_profiles_administration_menu {background:url(../img/bullet_wrench.png) 0 no-repeat !important;}*/

.permission_profiles_administration_menu {
    background-position: 0 -858px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.group_licenses_administration_menu {
    background-position: 0 -858px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.group_permission_profile_administration_menu {
    background-position: 0 -858px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.license_info_menu {
    background-position: 0 -3143px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.authentication_rules_administration_menu {
    background-position: 0 -858px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.authentication_questions_administration_menu {
    background-position: 0 -858px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.function_groups_administration_menu {background:url(../img/script.png) 0 no-repeat !important;}*/

.function_groups_administration_menu {
    background-position: 0 -3143px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.user_administration_menu {background:url(../img/user.png) 0 no-repeat !important;}*/

.user_administration_menu {
    background-position: 0 -3473px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.master_data_menu {background:url(../img/database_table.png) 0 no-repeat !important;}*/

.master_data_menu {
    background-position: 0 -1650px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.attribute_groups_administration_menu {background:url(../img/table.png) 0 no-repeat !important;}*/

.attribute_groups_administration_menu {
    background-position: 0 -3209px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.attribute_group_assignment_administration_menu {background:url(../img/table_relationship.png) 0 no-repeat !important;}*/

.attribute_group_assignment_administration_menu {
    background-position: 0 -3275px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.display_attribute_group_assignment_administration_menu {
    background-position: 0 -3275px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.data_synchronization_administration_menu {
    background-position: 0 -3275px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.job_scheduler_administration_menu {
    background-position: 0 -1518px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.shift_groups_administration_menu {background:url(../img/table.png) 0 no-repeat !important;}*/

.shift_groups_administration_menu {
    background-position: 0 -3209px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.shift_group_assignment_administration_menu {background:url(../img/table_relationship.png) 0 no-repeat !important;}*/

.shift_group_assignment_administration_menu {
    background-position: 0 -3275px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.account_groups_administration_menu {background:url(../img/table.png) 0 no-repeat !important;}*/

.account_groups_administration_menu {
    background-position: 0 -3209px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.account_group_assignment_administration_menu {background:url(../img/table_relationship.png) 0 no-repeat !important;}*/

.account_group_assignment_administration_menu {
    background-position: 0 -3275px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.absence_day_requests_attribute_group_menu {
    background-position: 0 -726px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.x-form-item-label_time_off {
    width: 25%;
    padding: 5px 5px 5px 5px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: gray;
}

.x-form-item-label_time_off_status {
    width: 25%;
    padding: 5px 5px 5px 5px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: gray;
}

.cost_centers_administration_menu {
    background-position: 0 -3209px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.badges_administration_menu {
    background-position: 0 -3209px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.rules_administration_menu {background:url(../img/pencil.png) 0 no-repeat !important;}*/

.rules_administration_menu {
    background-position: 0 -2945px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.parameters_administration_menu {background:url(../img/bullet_key.png) 0 no-repeat !important;}*/

.parameters_administration_menu {
    background-position: 0 -726px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.activity_demand_administration_menu {background:url(../img/chart_curve.png) 0 no-repeat !important;}*/

.activity_demand_administration_menu {
    background-position: 0 -1254px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.employee_filter_admin_menu {background:url(../img/user.png) 0 no-repeat !important;}*/

.employee_filter_admin_menu {
    background-position: 0 -3473px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.selection_filter_group_admin_menu {
    background-position: 0 -3473px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.inter_exchangeablegroup_administration_menu {background:url(../img/user.png) 0 no-repeat !important;}*/

.inter_exchangeablegroup_administration_menu {
    background-position: 0 -3473px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.tme_attendance_approval_balances_computation_menu {
    background-position: 0 -1518px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.employee_group_administration_menu {
    background-position: 0 -3473px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.skill_matrix_administration_menu {
    /*background:url(../img/table.png) 0 no-repeat !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1050px !important;
    width: 16px;
    height: 16px;
}

.skill_matrix_assignment_administration_menu {
    /*background:url(../img/table_relationship.png) 0 no-repeat !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1100px !important;
    width: 16px;
    height: 16px;
}


/*.system_menu {background:url(../img/computer.png) 0 no-repeat !important;}*/

.system_menu {
    background-position: 0 -1584px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.system_configuration_administration_menu {background:url(../img/cog.png) 0 no-repeat !important;}*/

.system_configuration_administration_menu {
    background-position: 0 -1518px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.data_import_menu {background:url(../img/disk_multiple.png) 0 no-repeat !important;}*/

.data_import_menu {
    background-position: 0 -1980px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.reports_menu {
    /*background:url(../img/chart_bar.png) 0 no-repeat !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background: 0 no-repeat !important;
    background-position: -50px -1150px !important;
    width: 16px;
    height: 16px;
}

.report_bar_menu {
    /*background:url(../img/chart_bar.png) 0 no-repeat !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background: 0 no-repeat !important;
    background-position: -50px -1150px !important;
    width: 16px;
    height: 16px;
}

.report_pie_menu {
    /*background:url(../img/chart_pie.png) 0 no-repeat !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background: 0 no-repeat !important;
    background-position: -50px -1200px !important;
    width: 16px;
    height: 16px;
}

.report_line_menu {
    /*background: url(../img/chart_line.png);*/
    background-image: url(../img/img_sprite.gif) !important;
    background: 0 no-repeat !important;
    background-position: -50px -1250px !important;
    width: 16px;
    height: 16px;
}


/*.report_curve_menu {background:url(../img/chart_curve.png) 0 no-repeat !important;}*/

.report_curve_menu {
    background-position: 0 -1254px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}


/*.roster_history_report_menu {background:url(../img/calendar_view_month.png) 0 no-repeat !important;}*/

.roster_history_report_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) !important;
}

.gf_authentication_history_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) !important;
}


/*.roster_history_report_menu {background:url(../img/calendar_view_month.png) 0 no-repeat !important;}*/

.gf_view_roster_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) !important;
}

.gf_vacation_preference_entry_menu {
    width: 16px;
    height: 16px;
    /*background-image: url( ../img/umbrella-icon.png) !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1300px !important;
}

.gf_answer_absence_request_menu {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/absence_icon_16.png) !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1350px !important;
}

.gf_time_and_attendance_based_on_intervals_menu {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/time.png) !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1400px !important;
}

.allow_to_approve_ta_level_1_menu {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/clock_approval.png) !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1450px !important;
}

.allow_to_approve_ta_level_2_menu {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/clock_approval.png) !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1450px !important;
}

.gf_allow_to_view_ta_history_for_all_menu {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/clock_approval.png) !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1450px !important;
}

.gf_shift_preference_menu {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/shift_preference.png) !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1500px !important;
}


/*.gf_exchange_request_menu {background:url(../img/arrow_refresh.png) 0 no-repeat !important;}*/

.gf_exchange_request_menu {
    background-position: -100px -300px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.gf_allow_wage_account_group_overview_report_menu {background:url(../img/calendar_view_month.png) 0 no-repeat !important;}*/

.gf_allow_wage_account_group_overview_report_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) !important;
}


/*.group_roster_menu {background:url(../img/calendar_view_month.png) 0 no-repeat !important;}*/

.group_roster_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) !important;
}


/*.daily_roster_menu {background:url(../img/calendar_view_month.png) 0 no-repeat !important;}*/

.daily_roster_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) !important;
}


/*.year_overview_menu {background:url(../img/calendar_view_month.png) 0 no-repeat !important;}*/

.gf_year_overview_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) !important;
}


/*MESSAGES_NOTIFICATIONS_ADMIN*/


/*.messages_notifications_admin_menu {background:url(../img/email_open.png) 0 no-repeat !important;}*/

.messages_notifications_admin_menu {
    background-position: 0 -2046px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.view_messages_notifications_admin_menu {background:url(../img/email_open.png) 0 no-repeat !important;}*/

.view_messages_notifications_admin_menu {
    background-position: 0 -2046px ! important;
    width: 16px;
    height: 16px ! important;
    background-image: url(../img/img_sprite.gif) ! important;
}

.feedback_messages_notifications_admin_menu {
    background-position: 0 -2046px ! important;
    width: 16px;
    height: 16px ! important;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.gf_messages_notifications_admin_menu {background:url(../img/email_open.png) 0 no-repeat !important;}*/

.gf_messages_notifications_admin_menu {
    background-position: 0 -2046px ! important;
    width: 16px;
    height: 16px ! important;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.gf_view_schedule_change_confirmations_menu {background:url(../img/calendar_view_month.png) 0 no-repeat !important;}*/

.gf_view_schedule_change_confirmations_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) !important;
}

.allowed_to_access_availability_publication_report_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) !important;
}

.gf_change_password_menu {
    width: 16px;
    height: 16px;
    /*background-image: url( ../img/user.png) !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1550px !important;
}

.gf_shift_picking_menu {
    background-position: -50px -500px ! important;
    background-image: url(../img/img_sprite.gif) !important;
}

.gf_picking_demand_admin_menu {
    background-position: -50px -500px ! important;
    background-image: url(../img/img_sprite.gif) !important;
}

.gf_multishift_planner_admin_menu {
    background-position: -50px -500px ! important;
    background-image: url(../img/img_sprite.gif) !important;
}

.gf_ta_group_planner_admin_menu {
    background-position: -50px -500px ! important;
    background-image: url(../img/img_sprite.gif) !important;
}

.gf_picking_period_admin_menu {
    background-position: -50px -500px ! important;
    background-image: url(../img/img_sprite.gif) !important;
}

.gf_publication_profile_menu {
    background-position: -50px -500px ! important;
    background-image: url(../img/img_sprite.gif) !important;
}

.allow_to_enter_ota_for_other_employees_menu {
    width: 16px !important;
    height: 16px !important;
    background-image: url(../img/OTA_side_menu_icon.png) !important;
}

.shift_preference_admin_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif ) !important;
}

.shift_preference_parameters_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif ) !important;
}

.bidding_profiles_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif ) !important;
}

.shift_profiles_01_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif ) !important;
}

.shift_profiles_02_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif ) !important;
}

.shift_profiles_03_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif ) !important;
}

.period_admin_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif ) !important;
}

.period_full_administration_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif ) !important;
}

.period_partial_administration_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif ) !important;
}

.resource_language_administration_menu {
    background-position: 0 -2945px! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif ) !important;
}

.soap_server_test_menu {
    background-position: 0 -1518px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif ) !important;
}


/*.terminals_administration_menu {background:url(../img/table.png) 0 no-repeat !important;}*/

.terminals_administration_menu {
    background-position: 0 -3209px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.terminal_access_groups_administration_menu {background:url(../img/table.png) 0 no-repeat !important;}*/

.terminal_access_groups_administration_menu {
    background-position: 0 -3209px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.access_control_menu {
    background-position: 0 -2397px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.booking_type_administration_menu {
    background-position: 0 -3209px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.booking_type_groups_administration_menu {
    background-position: 0 -3209px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.employee_administration_menu {
    background-position: 0 -3473 ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.vacation_rule_group_assignment_menu {
    background-position: 0 -3275px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.vacation_phases_menu {
    background-position: 0 -3275px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.vacation_preference_administration_menu {
    background-position: 0 -3209px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.expense_administration_expense_type_menu {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/expenseTypes.png)  ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1600px !important;
}

.time_and_attendance_expensetype_groups_menu {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/expenses_groups.png) ! important*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1650px !important;
}

.activity_administration_menu {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/time_activities.png) ! important*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1700px !important;
}

.time_and_attendance_activity_group_menu {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/time_activities.png) ! important*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1700px !important;
}

.default_activity_shift_menu {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/red-activity-feed-16.png) ! important*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1750px !important;
}

.time_and_attendance_default_activity_attributes_menu {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/navy-activity-feed-16.png) ! important*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1800px !important;
}


/*.expense_groups {
   width: 16px;
   height: 16px;
   background-image: url(../img/expenseTypes.png)  ! important;
}*/

.time_and_attendance_attribute_group_administration_menu {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/time_attributes.png) ! important*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1850px !important;
}

.time_and_attendance_group_groups_administration_menu {
    background-position: 0 -3275px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.absence_requests_administration_menu {
    background-position: 0 -3209px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.time_off_requests_administration_menu {
    background-position: 0 -3209px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.time_and_attendance_administration_menu {
    background-position: 0 -3209px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.absence_group_assignment_menu {
    background-position: 0 -3275px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.time_off_group_assignment_menu {
    background-position: 0 -3275px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.time_off_requests_attribute_group_menu {
    background-position: 0 -726px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.gf_absence_request_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) !important;
}

.vacation_plan_parameters_groups_menu {
    background-position: 0 -726px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.global_vacation_plan_menu {
    background-position: 0 -858px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.deployment_menu {
    background-position: 0 -3473px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}

.vacation_rule_group_assignment_menu {
    background-position: 0 -3275px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.swap-btn {background:url(../img/arrow_refresh.png) 0 no-repeat !important;}*/

.swap-btn {
    background-position: -100px -300px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

.blockDay-btn {
    /*background:url(../img/lock.png) 0 no-repeat !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1900px !important;
    width: 16px;
    height: 16px;
}

.shiftDetails-btn {
    /*background:url(../img/info.png) 0 no-repeat !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1950px !important;
    width: 16px;
    height: 16px;
}

.shiftPreference-btn {
    /*background-position: 0 -264px ! important;*/
    width: 16px;
    height: 16px;
    /*background-image: url(../img/shift_preference.png);*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2000px !important;
}


/*.list-btn {background:url(../img/text_columns.png) 0 no-repeat !important;}*/

.list-btn {
    background-position: -100px -450px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.calendar-btn {background:url(../img/calendar_view_month.png) 0 no-repeat !important;}*/

.calendar-btn {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) !important;
}


/*.day-view-btn {background:url(../img/calendar_view_day.png) 0 no-repeat !important;}*/

.day-view-btn {
    background-position: 0 -924px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}


/*.week-view-btn {background:url(../img/calendar_view_week.png) 0 no-repeat !important;}*/

.week-view-btn {
    background-position: 0 -1056px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.month-view-btn {background:url(../img/calendar_view_month.png) 0 no-repeat !important;}*/

.month-view-btn {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) !important;
}


/*.request-in {background:url(../img/arrow_down.gif) 0 no-repeat !important;*/


/*width:15px; background-color:#d5b816;}*/

.request-in {
    background-position: 0 -132px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
    background-color: #d5b816;
}


/*.request-out {background:url(../img/arrow_up.gif) 0 no-repeat !important;*/


/*width:15px; background-color:#d5b816;}*/

.request-out {
    background-position: 0 -462px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
    background-color: #d5b816;
}

.open-timeoff {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/flag_green.gif) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -3050px !important;
}

.pending-timeoff {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/flag_white.gif) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -3100px !important;
}

.approved-timeoff {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/flag_blue.gif) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2900px !important;
}

.denied-timeoff {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/flag_red.gif) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2950px !important;
}

.cancelledBySystem-timeoff {
    width: 16px;
    height: 16px;
    background-image: url(../img/flag_gray.png) !important;
}

.gf_bidding_period_admin_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) !important;
}

.gf_bidding_period_admin_report_menu {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) !important;
}

table.timeOffMenuTable {}

table.timeOffMenuTable td {
    font-size: 10px;
    padding-left: 3px;
    padding-right: 2px;
}

.blockedDay {
    /*background:url(../img/lock.png) 0 no-repeat !important;*/
    background-position: -50px -1900px !important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) !important;
}

.transactionFailed-lbl {
    color: red;
}

.absent-shift {
    width: 20px;
    height: 12px;
    background-color: #133897;
    /*font: 8px;*/
    padding: 2px 2px 2px 2px;
}

.working-shift {
    width: 20px;
    height: 12px;
    background-color: #176413;
    /*font: 8px;*/
    padding: 2px 2px 2px 2px;
}

.no-layer {
    width: 20px;
    height: 12px;
    background-color: silver;
    padding: 2px 2px 2px 2px;
}

.actual-layer-box-listview {
    width: 8px;
    background-color: #d5b816;
    display: inline;
    height: 8px;
    font: 8px;
    float: right;
}

.target-layer-box-listview {
    width: 8px;
    background-color: #a01a1a;
    display: inline;
    height: 8px;
    font: 8px;
    float: right;
}

.time_and_attendance-layer-box-listview {
    width: 8px;
    background-color: #1a699c;
    /*x-cal-22*/
    display: inline;
    height: 8px;
    font: 8px;
    float: right;
}

.preference-layer-box-listview {
    width: 8px;
    background-color: #83ad47;
    display: inline;
    height: 8px;
    font: 8px;
    float: right;
}


/*messages menu icons*/


/*.requests-menu-msg {background:url(../img/overlays.png) 0 no-repeat !important;}*/

.requests-menu-msg {
    background-position: 0 -2727px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.swap-menu-msg {background:url(../img/arrow_refresh.png) 0 no-repeat !important;}*/

.swap-menu-msg {
    background-position: -100px -300px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.recyclebin-menu-msg {background:url(../img/basket_put.png) 0 no-repeat !important;}*/

.recyclebin-menu-msg {
    /*background-position: 0 -528px ! important;*/
    width: 16px;
    height: 16px;
    /*background-image: url(../img/trash-icon.png) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2050px !important;
}


/*.trade-menu-msg {background:url(../img/arrow_switch.png) 0 no-repeat !important;}*/

.trade-menu-msg {
    background-position: 0 -396px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.trade-menu-msg {background:url(../img/arrow_switch.png) 0 no-repeat !important;}*/

.intrade-menu-msg {
    background-position: 0 -396px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.trade-menu-msg {background:url(../img/arrow_switch.png) 0 no-repeat !important;}*/

.vp-menu-msg {
    width: 16px;
    height: 16px;
    /*background: url( ../img/umbrella-icon.png) no-repeat ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1300px !important;
}

.notification_reminder-menu-msg {
    width: 16px;
    height: 16px;
    /*background: url( ../img/umbrella-icon.png) no-repeat ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: 0 -2106px ! important;
}

.allowed_to_view_reminder_report_menu {
    width: 16px;
    height: 16px;
    /*background: url( ../img/umbrella-icon.png) no-repeat ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: 0 -2106px ! important;
}

.absence-menu-msg {
    width: 16px;
    height: 16px;
    /*background: url( ../img/umbrella-icon.png) no-repeat ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1350px !important;
}


/*.absence-gf-menu-msg {background:url(../img/absence_gf.png) 0 no-repeat !important;}*/

.absence_group_function-menu-msg {
    width: 16px;
    height: 16px;
    background: url(../img/absence_gf.png) 0 no-repeat !important;
}


/*.time_attendance-menu-msg {background:url(../img/arrow_switch.png) 0 no-repeat !important;}*/

.time_attendance-menu-msg,
.availability_request-menu-msg,
.ta_evaluation-menu-msg{
    width: 16px;
    height: 16px;
    /*background: url( ../img/time.png) no-repeat ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1400px !important;
}


/*.multiday-menu-msg {background:url(../img/arrow_refresh.png) 0 no-repeat !important;}*/

.multiday-menu-msg {
    background-position: -100px -300px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.ego_swap-menu-msg {background:url(../img/arrow_refresh.png) 0 no-repeat !important;}*/

.ego_swap-menu-msg {
    background-position: -100px -300px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.ego_trade-menu-msg {background:url(../img/arrow_switch.png) 0 no-repeat !important;}*/

.ego_trade-menu-msg {
    background-position: 0 -396px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.messages-menu-msg {background:url(../img/email_open.png) 0 no-repeat !important;}*/

.messages-menu-msg {
    background-position: 0 -2046px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
}


/*.system-menu-msg {background:url(../img/basket_put.png) 0 no-repeat !important;}*/

.system-menu-msg {
    /*background: url(../img/mail_yellow.png) no-repeat center top !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2100px !important;
    width: 16px;
    height: 16px;
}

.shift_bidding-menu-msg {
    /*background: url(../img/mail_yellow.png) no-repeat center top !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2100px !important;
    width: 16px;
    height: 16px;
}

.unread-msg {
    /*background: url(../img/mail_yellow.png) no-repeat center !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2100px !important;
    width: 16px;
    height: 16px;
}

.read-msg {
    /*background:url(../img/email_open.png) no-repeat center !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2150px !important;
    width: 16px;
    height: 16px;
}

.collapse-img {
    background-image: url(../img/tools-sprites-trans.gif) !important;
    background-position: 1px -210px !important;
    width: 16px;
    height: 16px;
}

.dashboard-unread-msg {
    /*background: url(../img/mail_yellow.png) no-repeat center top !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2100px !important;
    width: 16px;
    height: 16px;
}

.dashboard-read-msg {
    /*background:url(../img/email_open.png) no-repeat center top !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2150px !important;
    width: 16px;
    height: 16px;
}

.pressed-button {
    border-radius: 4px;
    border: solid 1px #bbbbbb;
    background-color: #d6d6d6;
}


/* //outlook bar
.unread-msg {
    width: 3px ! important;
    margin-left:5px !important;
    margin-right:5px !important;
    background-color:#146199;
}
.read-msg-over {
    width: 3px ! important;
    margin-left:5px !important;
    margin-right:5px !important;
    background-color:#B6CCDC;
}
.read-msg {
    width: 3px ! important;
    margin-left:5px !important;
    margin-right:5px !important;
    background-color:transparent;
}*/


/*.icon-zoom-in {background: url(../img/magnifier_zoom_in.png) no-repeat center center !important;}*/

.icon-zoom-in {
    background-position: 0 -2595px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}


/*.icon-zoom-out{background: url(../img/magnifier_zoom_out.png) no-repeat center center !important;}*/

.icon-zoom-out {
    background-position: 0 -2661px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}


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

.icon-next-btn {
    background-position: 0 -330px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}


/*.icon-prev{background: url(../img/arrow_left.png) no-repeat center center !important;}*/

.icon-prev-btn {
    background-position: 0 -198px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

.ta_release_icon-btn {
    /*background-position: 0 -198px ! important; */
    width: 16px;
    height: 16px;
    /*background-image: url(../img/time_go.png);*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2200px !important;
}

.hidden {
    visibility: hidden;
}


/*.next-day-btn{background: url(../img/date_next.png) no-repeat center center !important;}*/

.next-day-btn {
    background-position: 0 -1782px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}


/*.prev-day-btn{background: url(../img/date_previous.png) no-repeat center center !important;}*/

.prev-day-btn {
    background-position: 0 -1848px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}


/*.current-day-btn{background: url(../img/date.png) no-repeat center center !important;}*/


/* save/cancel/add/send/search buttons */


/*.save-all-btn {background: url(../img/disk_multiple.png) 0 no-repeat  !important;}*/

.save-all-btn {
    background-position: 0 -1980px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}


/*.save-btn {background: url(../img/bullet_disk.png) 0 no-repeat  !important;}*/

.save-btn {
    background-position: 0 -660px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

.refresh-btn {
    background-position: -100px -300px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

.save-btn-text {
    font-size: 12px !important;
}


/*.cancel-btn {background: url(../img/cancel.png) 0 no-repeat  !important;}*/

.cancel-btn {
    background-position: 0 -1122px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}


/*.add-btn {background: url(../img/add.png) 0 no-repeat  !important;}*/

.add-btn {
    background-position: 0 -66px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}


/*.delete-btn {background: url(../img/delete.png) 0 no-repeat  !important;}*/

.delete-btn {
    background-position: -50px -550px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

.copy-btn {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/copy.png);*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2250px !important;
}


/*.search-btn {background: url(../img/magnifier.png) 0 no-repeat  !important;}*/

.search-btn {
    background-position: 0 -2529px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

.left-btn {
    width: 30px;
    height: 30px;
    background: url(../ext3/ux/images/left2.gif);
}

.right-btn {
    width: 30px;
    height: 30px;
    background: url(../ext3/ux/images/right2.gif);
}


/*.send-btn {background: url(../img/accept.png) 0 no-repeat  !important;}*/

.send-btn {
    background-position: -100px -400px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

.edit-btn {
    /* background-position: 0 -3473px ! important; */
    width: 16px;
    height: 16px;
    background-image: url(../img/edit-24px@2x.png);
}


/*.show-report-btn {background: url(../img/report_go.png) 0 no-repeat  !important;}*/

.show-report-btn {
    background-position: 0 -3077px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

.x-tool-show-report-btn {
    background-position: 0 -3077px ! important;
    width: auto;
    padding-right: 10px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

.x-tool-show-report-btn-over {
    background-position: 0 -3077px ! important;
    width: auto;
    padding-right: 10px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
    border: 1px;
}

.show-btn {
    background-position: 0 -3077px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}


/*.upload-btn {background: url(../img/upload.png) 0 no-repeat  !important;}*/

.upload-btn {
    /*background-position: 0 -3407px ! important;*/
    width: 16px;
    height: 16px;
    /*background-image: url(../img/import.png);*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2300px !important;
}

.download-btn {
    /*background-position: 0 -3407px ! important;*/
    width: 16px;
    height: 16px;
    /*background-image: url(../img/export.png);*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2350px !important;
}

.timeAttendance-btn {
    /*background-position: 0 -3407px ! important;*/
    width: 16px;
    height: 16px;
    /*background-image: url(../img/time.png);*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1400px !important;
}

.timeOffRequest-btn {
    /*background-position: 0 -3407px ! important;*/
    width: 16px;
    height: 16px;
    background-image: url(../img/time_off_16.png);
    /*background-image: url(../img/img_sprite.gif) !important;*/
    /*background-position: -50px -1400px !important;*/
}

.timeAttendance-btn-disabled {
    /*background-position: 0 -3407px ! important;*/
    width: 16px;
    height: 16px;
    background-image: url(../img/time_gray.png);
    /*background-image: url(../img/img_sprite.gif) !important;*/
    /*background-position: -50px -1400px !important;*/
}

.timeAttendance-planner_comment_icon {
    /*background-position: 0 -3407px ! important;*/
    width: 16px;
    height: 16px;
    /*background-image: url(../img/planner_commen.jpg);*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2400px !important;
}

.timeAttendance-user_comment_icon {
    /*background-position: 0 -3407px ! important;*/
    width: 16px;
    height: 16px;
    /*background-image: url(../img/user_comment.jpg);*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2450px !important;
}

.time-add-btn {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/time_add.png);*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2500px !important;
}

.time-attendance-set-default-values-btn {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/arrow_in.jpg);*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2550px !important;
}

.time-attendance-set-get-values-btn {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/arrow_out.jpg);*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2600px !important;
}


/*.answer-btn {background: url(../img/.png) 0 no-repeat  !important;}*/

.answer-btn {
    background-position: -100px -400px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}


/*.answer-btn {background: url(../img/.png) 0 no-repeat  !important;}*/

.confirm-btn {
    background-position: -100px -400px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}


/*.answer-btn {background: url(../img/.png) 0 no-repeat  !important;}*/

.reply-btn {
    background-position: -100px -400px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

.timeAttendance {
    width: 32px;
    height: 32px;
    /*background-image: url(../img/time_32.png);*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -31px -2636px !important;
    /*+19 +14*/
}

.viewTA {
    width: 16px;
    height: 16px;
    background-image: url(../img/time_report32.png ) ! important;
}

.edit-shift-btn {
    background-image: url(../img/edit-24px@2x.png);
    background-size: contain;
}
/* scheduler icons - tasks render */

.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;
}

.break-zone {
    /*background: whitesmoke url(../img/pattern.png) repeat !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background: whitesmoke repeat !important;
    background-position: 0 -2859px !important;
    width: 36px;
    height: 36px;
}

.limit-zone {
    background: gray repeat !important;
}

.task-default-color {
    background-color: #9ED5FF;
    height: 15px;
    font: 8px;
}

.task-add-color {
    background-color: green;
    height: 15px;
    font: 8px;
}

.task-shorten-color {
    background-color: red;
    height: 15px;
    font: 8px;
}

.task-d-color {
    background-color: #FFCC33;
    height: 15px;
    font: 8px;
}

.task-d-add-color {
    background-color: #9ED5FF;
    border: solid 1px #FFCC33;
    height: 15px;
    font: 8px;
}

.shift-default-color {
    background-color: #8C8984;
    height: 15px;
    font: 8px;
}

.shift-absence-color {
    background-color: blue;
    height: 15px;
    font: 8px;
}


/*.icon-task {background: transparent url(../img/user_comment.png) no-repeat left center;}*/


/*.icon-clock{ padding-left:20px;*/


/*background: url(../img/clock.png) no-repeat left center !important;*/


/*display:block;*/


/*}*/

.icon-clock {
    background-position: 0 -1452px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif) ! important;
    padding-left: 20px;
    display: block;
}


/*.back-cal-btn {background: url(../img/arrow_left.png) 0 no-repeat !important;}*/

.grid-checkbox-editor .x-form-check-wrap {
    text-align: center;
}

.grid-field-editor {
    text-align: center;
}


/*.back-cal-btn {background: url(../img/date_go.png) 0 no-repeat !important;}*/

.back-cal-btn {
    background-position: 0 -1716px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

#messageContent {
    width: 100%;
    border-collapse: collapse;
}

#messageContent td,
#messageContent th {
    font-size: 12px;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    padding: 3px 7px 2px 7px;
}

#messageContent th {
    font-size: 14px;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
}

#messageContent tr.rowClass td {}

#messageContent tr.rowClass-alt td {
    color: #000;
    background-color: lightgray;
}

div.messageCellLeft {
    float: left;
    white-space: nowrap;
    width: 40%;
    overflow: hidden;
}

div.messageCellRight {
    float: right;
    white-space: nowrap;
    width: 60%;
    overflow: hidden;
}

div.messageComment {
    font-size: 12px;
    padding: 3px 7px 2px 7px;
}

div.messageContent {
    font-size: 12px;
    padding: 3px 7px 2px 7px;
}

div.requestMessageTitle {
    font-size: 14px;
    font: bold;
    padding: 3px 7px 2px 7px;
    color: cornflowerblue;
}

span.messageSubject {
    font: bold;
    font-size: 14px;
    padding: 3px 7px 2px 7px;
}

span.subject {
    font: bold;
    font-size: 14px;
    color: cornflowerblue;
}

span.messageValidity {
    font-style: italic !important;
    font: bold;
    font-size: 13px;
    color: cornflowerblue;
}

span.validity {
    font-style: italic !important;
    font-size: 13px;
}

div.originalShiftExchange {
    color: #878196;
}

table.taApprovalsDetailsTable {
    border-collapse: collapse;
}

table.taApprovalsDetailsTable td {
    border: 1px solid;
    border-color: #CCCCCC;
}

div.vacationPreferenceInfo {
    color: green;
    font-size: 12px;
    background-position: 0 -2265px ! important;
    background-image: url(../img/img_sprite.gif);
    background-repeat: no-repeat;
    padding-left: 20px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-style: normal;
}

div.vacationPreferenceValidationErrors {
    color: red;
    font-size: 12px;
    background-position: -100px -350px ! important;
    background-image: url(../img/img_sprite.gif);
    background-repeat: no-repeat;
    padding-left: 20px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-style: normal;
}

div.vacationPreferenceValidationWarnings {
    color: black;
    font-size: 12px;
    background-position: 0 -3539px ! important;
    background-image: url(../img/img_sprite.gif);
    background-repeat: no-repeat;
    padding-left: 20px !important;
    font-style: normal;
}

div.validationErrors {
    color: red;
    font-size: 12px;
    padding: 3px 7px 2px 7px;
}

.x-grid3-locked {
    border-right: 1px solid #DBDADF;
}

.x-grid3-hd-row td {
    font: bold 11px/15px arial, tahoma, helvetica, sans-serif;
}

#proposalsPanelIdsearchProposalsPanelIdscheduleDetailsGridId .x-grid3,
#gfProposalsPanelIdsearchProposalsPanelIdscheduleDetailsGridId .x-grid3 {
    background: none;
}

#proposalsPanelIdsearchProposalsPanelIdcounterRosterDetailsId .x-grid3,
#gfProposalsPanelIdsearchProposalsPanelIdcounterRosterDetailsId .x-grid3 {
    background: none;
}

#gfProposalsPanelIdsearchProposalsPanelIdscheduleDetailsGridId .x-grid3-row,
#proposalsPanelIdsearchProposalsPanelIdscheduleDetailsGridId .x-grid3-row,
#gfProposalsPanelIdsearchProposalsPanelIdcounterRosterDetailsId .x-grid3-row,
#proposalsPanelIdsearchProposalsPanelIdcounterRosterDetailsId .x-grid3-row {
    border-color: #fff;
    border-top-color: #f1f1f1;
}


/*.errorStatus {
	color: red;
	font-size: 12px;
	background-image: url(../img/error.png);
    background-repeat: no-repeat;
    padding-left: 20px !important;
    font-style: normal;
}*/

.errorStatus {
    color: red;
    font-size: 12px;
    background-position: -100px -350px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
    background-repeat: no-repeat;
    padding-left: 20px !important;
    font-style: normal;
}


/*.warningStatus {
	color: black;
	font-size: 12px;
	background-image: url(../img/warning.png);
    background-repeat: no-repeat;
    padding-left: 20px !important;
    font-style: normal;
}*/

.warningStatus {
    color: black;
    font-size: 12px;
    background-position: 0 -3539px ! important;
    width: 16px;
    height: 14px;
    background-image: url(../img/img_sprite.gif);
    background-repeat: no-repeat;
    padding-left: 20px !important;
    font-style: normal;
}


/*.infoStatus {
	color: green;
	font-size: 12px;
	background-image: url(../img/info.png);
    background-repeat: no-repeat;
    padding-left: 20px !important;
    font-style: normal;
}*/

.infoStatus {
    color: green;
    font-size: 12px;
    background-position: 0 -2265px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
    background-repeat: no-repeat;
    padding-left: 20px !important;
    font-style: normal;
}

.ruleRow {
    background-image: none;
    background-color: lightgray;
}

.ruleRow .x-grid3-cell-inner {
    font-weight: bold !important;
}

.ruleParamRow {}

.ruleParamRow .x-grid3-cell-inner {
    padding-left: 10px !important;
}

.functionParamRow {}

.functionParamRow .x-grid3-cell-inner {}

.functionSystemParamRow {}

.functionSystemParamRow .x-grid3-cell-inner {
    font-style: italic !important;
}

.referenceParam {
    font-style: italic !important;
    color: #A9A9A9;
    text-align: center;
}

.distinctParam {
    background-color: #FBFFBB !important;
    text-align: center;
}

.activityDemand {}

.activityDemand .x-grid3-cell-inner {
    height: 20px;
}

.search-field {
    width: 200px !important;
}

.userpermissionprofilefunctiongroup {
    background-image: none;
}

.userpermissionprofilefunctiongroup .x-grid3-cell-inner {}

.userpermissionprofilefunctiongroup-none {}

.userpermissionprofilefunctiongroup-none .x-grid3-cell-inner {
    font-style: italic !important;
}

.functionNotAvailable {
    background-image: none;
}

.functionNotAvailable .x-grid3-cell-inner {}

.functionNotAvailable-none {}

.functionNotAvailable-none .x-grid3-cell-inner {
    font-style: italic !important;
}

.x-panel .account-balance {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 100px;
    padding-right: 100px;
    text-align: center;
}

.x-panel .employees-local-plan {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 100px;
    padding-right: 100px;
    text-align: center;
}

.x-panel .co-employees {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    text-align: center;
}

.border-right-column {
    border-right: 1px solid lightgray;
}

.border-left-column {
    border-left: 1px solid lightgray;
}

.border-left-column-edit {
    border-left: 1px solid lightgray;
    text-decoration: underline;
}

.overlay-container {
    background-color: #ccc;
}


/*.x-tbar-arrow-up {background-image: url(../img/arrow_up.png); 0 no-repeat !important;}*/

.x-tbar-arrow-up {
    background-position: 0 -462px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}


/*.x-tbar-arrow-down {background-image: url(../img/arrow_down.png); 0 no-repeat !important;}*/

.x-tbar-arrow-down {
    background-position: 0 -132px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}


/*.pdf-btn {background:url(../img/page_white_acrobat.png) 0 no-repeat !important;}*/

.pdf-btn {
    background-position: 0 -2793px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

.logout-btn {
    background-position: 0 -2463px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

.logout-btn-ellipse-text {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    max-width: 63px !important;
}

.user-btn {
    background-position: 0 -3473px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

.user-btn-ellipse-text {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    max-width: 50px !important;
}

.wr-mobile-btn {
    width: 32px;
    height: 32px;
    background-image: url(../img/wr_mobile_redirect_old.png);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.wr-mobile-btn-small {
    background-image: url(../img/wr_mobile_redirect_small.png) !important;
    background-repeat: no-repeat;
    background-position: 0px 0px !important;
}

.wr-ota-btn {
    width: 32px;
    height: 32px;
    background-image: url(../img/OTA_header_icon.png);
}

.wr-ota-btn-small {
    background-image: url(../img/OTA_side_menu_icon.png) !important;
    background-repeat: no-repeat;
    background-position: 0px 0px !important;
}

.info-btn {
    background-position: 0 -2331px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

.printer-btn {
    background-position: 0 -3011px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

.year-overview-btn {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

.notification-icon {
    background-position: 0 -2106px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

.suggestion-icon {
    background-image: url(../img/suggestion.png);
}

.suggestion-disable-icon {
    background-image: url(../img/suggestion_disable.png);
}

.suggestion-dashboard-icon {
    background-image: url(../img/suggestion-dashboard-icon.png);
    width: 14px;
    height: 14px;
}

.notification-dot-icon {
    background-position: 0 -1912px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

.notification-popup {
    width: 250px;
}

.webroster-logo {
    width: 188px;
    height: 40px;
    background-image: url(../img/webroster.png);
    /*background-image: url(../img/img_sprite.gif) !important;*/
    background-position: 0 -3603px !important;
}

.customer-logo {
    float: right;
    width: 151px;
    height: 60px;
    background-image: url(../img/customer_logo.png);
    /*background-image: url(../img/img_sprite.gif) !important;*/
    /*background-position: -27px -3400px !important;*/
}

.rosterHistoryRow {
    background-image: none;
    background-color: lightgray;
}

.rosterHistoryRow .x-grid3-cell-inner {
    font-weight: bold !important;
}

.invalidWishShiftSelectionRow {
    background-image: none;
    background-color: #FF7256 !important;
}

.invalidWishShiftSelectionRow .x-grid3-cell-inner {
    font-weight: bold !important;
}

.messagesSelectedRow {
    background-color: #CCCCCC !important;
    background-image: none;
    border-color: #ACACAC;
}

.messagesSelectedRow .x-grid3-cell-inner {}

.modified-agent {
    /*background: url(../img/graytexture.png) repeat-x left center;*/
    background-image: url(../img/img_sprite.gif) !important;
    background: repeat-x left center;
    background-position: -50px -2750px !important;
    width: 37px;
    height: 37px;
}


/*vertical align for table layout*/

.x-table-layout td {
    vertical-align: top;
}

.x-grid3-hd-inner {
    overflow: hidden;
    padding: 3px 3px 3px 5px;
    white-space: normal;
}

.x-cal-panel .ext-cal-hidden,

/* IE/Opera: */

.x-cal-panel .ext-cal-hidden .ext-cal-evi {
    background-image: url(../ext-calendar/resources/images/default/ext-cal-list-hidden.png);
    background-repeat: no-repeat;
    background-position: top right;
    opacity: .5;
    -moz-opacity: .5;
}

.ext-ie .x-cal-panel .ext-cal-hidden {
    filter: alpha(opacity=50);
    zoom: 1;
}

.ext-ie .x-cal-panel .ext-cal-hidden .ext-cal-evi {
    /* the following works around an IE bug that won't apply the opacity filter correctly without dimensions */
    width: 100%;
    height: 100%;
}

.ext-ie6 .x-cal-panel .ext-cal-hidden .ext-cal-evi {
    background-image: url(../ext-calendar/resources/images/default/ext-cal-list-hidden-ie6.png);
}

.ext-cal-interval-x-cal-28 {
    /*working*/
    background: #135410;
    /*#176413*/
    background-position: top right;
}

.ext-cal-interval-x-cal-33 {
    background: #D86D46;
    /*#FF7F50*/
    background-position: top right;
}

.ext-cal-interval-x-cal-20 {
    /*absence*/
    background: #102D74;
    /*#133897;*/
    background-position: top right;
}

.ext-ie .x-form-file-wrap .x-form-file-btn {
    position: absolute;
    margin-top: 1px;
    right: 0;
    z-index: 1;
}

.x-layout-split {
    background-color: darkgray;
}

.x-list-selected {
    background-color: #c0c0c0;
}

.noEmployeeShiftPreferenceAllowed {
    background: #DEE5EC;
    cursor: default;
}

.x-list-selected {
    background-color: #c0c0c0;
}


/*main_menu sprite css*/


/*.sprite-calculator{
    background-position: 19px 14px ! important;  */


/*+19 +14*/


/*
    width: 32px; height: 32px;
    background-image: url(../img/main_menu.gif);
}
.sprite-calendar_32{
    background-position: 19px -68px ! important; */


/*+19 +14*/


/*
    width: 32px; height: 32px;
    background-image: url(../img/main_menu.gif);
}
.sprite-dashboard_32{
    background-position: 19px -150px ! important; */


/*+19 +14*/


/*
    width: 32px; height: 32px;
    background-image: url(../img/main_menu.gif);
}
.sprite-mail_32{
    background-position: 19px -232px ! important; */


/*+19 +14*/


/*
    width: 32px; height: 32px;
    background-image: url(../img/main_menu.gif);
}
.sprite-permission_prof{
    background-position: 19px -314px ! important; */


/*+19 +14*/


/*
    width: 32px; height: 32px;
    background-image: url(../img/main_menu.gif);
}
.sprite-user-group{
    background-position: 19px -396px ! important; */


/*+19 +14*/


/*
    width: 32px; height: 32px;
    background-image: url(../img/main_menu.gif);
}*/


/*images sprite css*/


/*
.sprite-accept{ background-position: 0 0; width: 16px; height: 16px; }
.sprite-add{ background-position: 0 -66px; width: 16px; height: 16px; }
.sprite-arrow_down{ background-position: 0 -132px; width: 16px; height: 16px; }
.sprite-arrow_left{ background-position: 0 -198px; width: 16px; height: 16px; }
.sprite-arrow_refresh{ background-position: 0 -264px; width: 16px; height: 16px; }
.sprite-arrow_right{ background-position: 0 -330px; width: 16px; height: 16px; }
.sprite-arrow_switch{ background-position: 0 -396px; width: 16px; height: 16px; }
.sprite-arrow_up{ background-position: 0 -462px; width: 16px; height: 16px; }
.sprite-basket_put{ background-position: 0 -528px; width: 16px; height: 16px; }
.sprite-bullet_black{ background-position: 0 -594px; width: 16px; height: 16px; }
.sprite-bullet_disk{ background-position: 0 -660px; width: 16px; height: 16px; }
.sprite-bullet_key{ background-position: 0 -726px; width: 16px; height: 16px; }
.sprite-bullet_red{ background-position: 0 -792px; width: 16px; height: 16px; }
.sprite-bullet_wrench{ background-position: 0 -858px; width: 16px; height: 16px; }
.sprite-calendar_view_day{ background-position: 0 -924px; width: 16px; height: 16px; }
.sprite-calendar_view_month{ background-position: 0 -990px; width: 16px; height: 16px; }
.sprite-calendar_view_week{ background-position: 0 -1056px; width: 16px; height: 16px; }
.sprite-cancel{ background-position: 0 -1122px; width: 16px; height: 16px; }
.sprite-chart_bar{ background-position: 0 -1188px; width: 16px; height: 16px; }
.sprite-chart_curve{ background-position: 0 -1254px; width: 16px; height: 16px; }
.sprite-chart_line{ background-position: 0 -1320px; width: 16px; height: 16px; }
.sprite-chart_pie{ background-position: 0 -1386px; width: 16px; height: 16px; }
.sprite-clock{ background-position: 0 -1452px; width: 16px; height: 16px; }
.sprite-cog{ background-position: 0 -1518px; width: 16px; height: 16px; }
.sprite-computer{ background-position: 0 -1584px; width: 16px; height: 16px; }
.sprite-database_table{ background-position: 0 -1650px; width: 16px; height: 16px; }
.sprite-date_go{ background-position: 0 -1716px; width: 16px; height: 16px; }
.sprite-date_next{ background-position: 0 -1782px; width: 16px; height: 16px; }
.sprite-date_previous{ background-position: 0 -1848px; width: 16px; height: 16px; }
.sprite-delete{ background-position: 0 -1914px; width: 16px; height: 16px; }
.sprite-disk_multiple{ background-position: 0 -1980px; width: 16px; height: 16px; }
.sprite-email_open{ background-position: 0 -2046px; width: 16px; height: 16px; }
.sprite-error{ background-position: 0 -2112px; width: 16px; height: 16px; }
.sprite-graytexture{ background-position: 0 -2178px; width: 37px; height: 37px; }
.sprite-info{ background-position: 0 -2265px; width: 16px; height: 16px; }
.sprite-lightbulb{ background-position: 0 -2331px; width: 16px; height: 16px; }
.sprite-lock_go{ background-position: 0 -2397px; width: 16px; height: 16px; }
.sprite-logout{ background-position: 0 -2463px; width: 16px; height: 16px; }
.sprite-magnifier{ background-position: 0 -2529px; width: 16px; height: 16px; }
.sprite-magnifier_zoom_in{ background-position: 0 -2595px; width: 16px; height: 16px; }
.sprite-magnifier_zoom_out{ background-position: 0 -2661px; width: 16px; height: 16px; }
.sprite-overlays{ background-position: 0 -2727px; width: 16px; height: 16px; }
.sprite-page_white_acrobat{ background-position: 0 -2793px; width: 16px; height: 16px; }
.sprite-pattern{ background-position: 0 -2859px; width: 36px; height: 36px; }
.sprite-pencil{ background-position: 0 -2945px; width: 16px; height: 16px; }
.sprite-printer{ background-position: 0 -3011px; width: 16px; height: 16px; }
.sprite-report_go{ background-position: 0 -3077px; width: 16px; height: 16px; }
.sprite-script{ background-position: 0 -3143px; width: 16px; height: 16px; }
.sprite-table{ background-position: 0 -3209px; width: 16px; height: 16px; }
.sprite-table_relationship{ background-position: 0 -3275px; width: 16px; height: 16px; }
.sprite-text_columns{ background-position: 0 -3341px; width: 16px; height: 16px; }
.sprite-upload{ background-position: 0 -3407px; width: 16px; height: 16px; }
.sprite-user{ background-position: 0 -3473px; width: 16px; height: 16px; }
.sprite-warning{ background-position: 0 -3539px; width: 16px; height: 14px; }
.sprite-webroster{ background-position: 0 -3603px; width: 193px; height: 40px; }
*/


/*.x-form-field-wrap .spinner-trigger-cls {*/


/*background:transparent url('../ext3/ux/images/spinner.gif') no-repeat 0 0;*/


/*}*/

.x-form-field-wrap .x-form-spinner-trigger {
    background: transparent url('../ext3/ux/images/spinner.gif') no-repeat 0 0;
}

.x-form-field-wrap .x-form-spinner-splitter {
    line-height: 1px;
    font-size: 1px;
    background: none !important;
    position: absolute;
    cursor: n-resize;
}

.x-list-body DL {
    border: 1px solid #eee;
}

.shiftPreferencePlannerComment {
    color: gray;
}

.errorField {
    color: red;
    font-size: 10px;
    font-style: normal;
}

.lock-btn {
    /*background: url(../img/lock.png) 0 no-repeat  !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1900px !important;
    width: 16px;
    height: 16px;
}

.unlock-btn {
    /*background: url(../img/unlock.png) 0 no-repeat !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2800px !important;
    width: 16px;
    height: 16px;
}

.tb-sort-desc {
    background-image: url("../ext3/resources/images/default/grid/sort_desc.gif") !important;
    background-position: 4px 7px !important;
}

.tb-sort-asc {
    background-image: url("../ext3/resources/images/default/grid/sort_asc.gif") !important;
    background-position: 4px 7px !important;
}

.x-selectable,
.x-selectable * {
    -moz-user-select: text !important;
}

.combo-td {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: black;
    white-space: normal;
}

.combo-header {
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #575757;
    font-style: italic;
    font-weight: bold;
}

.custom-combo .x-combo-list-item {
    white-space: normal;
}

.x-grid3-row td,
.x-grid3-summary-row td {
    line-height: 13px;
    padding-left: 1px;
    padding-right: 1px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: ignore;
}

.comments {
    /*background:url(../img/edit-comment-blue.png) 0 no-repeat !important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2850px !important;
    width: 14px;
    height: 14px;
}

#rulesGridId .x-grid3-row {
    height: 20px;
}

#rulesGridId .x-form-invalid {
    height: 20px;
}

#parametersGridId .x-grid3-row {
    height: 20px;
}

#parametersGridId .x-form-invalid {
    height: 20px;
}


/*
#messagesRequestsDashboardGridId .x-grid3-row td, .x-grid3-summary-row td {
    padding-left: 0px;
    padding-right: 0px;
}
#messagesRequestsDashboardGridId .x-grid3-cell-inner {
    padding:0px 0px 0px 0px;
}
*/

#messagesDashboardGridId .x-grid3-row td,
.x-grid3-summary-row td {
    padding-left: 0px;
    padding-right: 0px;
}

#messagesDashboardGridId .x-grid3-cell-inner {
    padding: 0px 0px 0px 0px;
}

.year-cal-day {
    font-style: italic !important;
    color: gray;
    font-size: 10px;
}

.year-cal-shift-VACATION_ENTRY_LAYER {
    border-bottom: 1px solid #4A4A4A !important;
    border-top: 1px solid #4A4A4A !important;
}

.year-cal-shift-VACATION_APPROVED_LAYER {
    opacity: .4 !important;
    -moz-opacity: .4 !important;
    filter: alpha(opacity=40) !important;
    zoom: 1 !important;
    border-bottom: 1px solid #ADADAD !important;
    border-top: 1px solid #ADADAD !important;
}

.year-cal-shift-LATEST_LAYER {
    border-bottom: 1px solid #ADADAD !important;
    border-top: 1px solid #ADADAD !important;
}

.abs-year-cal-day {
    font-style: italic !important;
    color: gray;
    font-size: 10px;
}

.abs-year-cal-shift-INFO_LAYER {
    border-bottom: 1px solid #4A4A4A !important;
    border-top: 1px solid #4A4A4A !important;
}

.abs-year-cal-shift-ROSTER_LAYER {
    /*opacity:.4 !important;
    -moz-opacity:.4 !important;
    filter: alpha(opacity=40) !important;
    zoom: 1 !important;*/
    border-bottom: 1px solid #ADADAD !important;
    border-top: 1px solid #ADADAD !important;
}

.abs-year-cal-shift-ABSENCE_LAYER {
    border-bottom: 1px solid #ADADAD !important;
    border-top: 1px solid #ADADAD !important;
}

.absence-request-open {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/flag_blue.gif) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2900px !important;
}

.absence-request-deny {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/flag_red.gif) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -2950px !important;
}

.absence-request-truncated {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/flag_orange.gif) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -3000px !important;
}

.absence-request-approved {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/flag_green.gif) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -3050px !important;
}

.absence-request-pending {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/flag_white.gif) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -3100px !important;
}

.absence-request-empty-status {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/flag_white.gif) ! important;*/
}

.absence-request-probability_red {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/Button-Red-Cancel-icon.png) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -3150px !important;
}

.absence-request-probability_green {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/Button-Green-Arrow-Down-icon.png) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -3200px !important;
}

.absence-request-probability_yellow {
    width: 16px;
    height: 16px;
    /*background-image: url(../img/Button-Info-icon.png) ! important;*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -3250px !important;
}

.x-panel .vacation-period {
    padding-top: 240px;
    padding-bottom: 240px;
    padding-left: 300px;
    padding-right: 300px;
}

.ux-lovcombo-icon-checked {
    /*background: transparent url(../img/checked.gif);*/
    background-image: url(../img/img_sprite.gif) !important;
    /*background: transparent; IE 11*/
    background-position: -50px -3300px !important;
}

.ux-lovcombo-icon-unchecked {
    /*background: transparent url(../img/unchecked.gif);*/
    background: transparent;
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -3350px !important;
}

#vacationEntryHandlerIdyearCalendarId .x-grid3-cell-inner {
    padding: 0px 0px 0px 0px;
}

#gfVacationEntryHandlerIdyearCalendarId .x-grid3-cell-inner {
    padding: 0px 0px 0px 0px;
}

#vacationEntryHandlerIdyearCalendarId .x-grid3-row-selected {
    background-color: transparent !important;
}

#gfVacationEntryHandlerIdyearCalendarId .x-grid3-row-selected {
    background-color: transparent !important;
}

.row-restDuration {
    background-position: -50px -500px ! important;
    width: 16px;
    height: 16px;
    background-image: url(../img/img_sprite.gif);
}

.cellDisabled {
    opacity: .4 !important;
    -moz-opacity: .4 !important;
    filter: alpha(opacity=40) !important;
    zoom: 1 !important;
    font-style: italic !important;
}

.custom-grid .x-grid3-col-timeAttendanceHandlerId_expensesEditorGridIdactionColId {
    border: none !important;
}

.custom-grid .x-grid3-col-timeAttendanceHandlerId_expensesEditorGridIdsumColId {
    border: none !important;
}

.custom-grid .x-grid3-col-timeAttendanceHandlerId_attendanceEditorGridIdactionColId {
    border: none !important;
}

.custom-grid .x-grid3-col-timeAttendanceHandlerId_activitiesEditorGridIdactionColId {
    border: none !important;
}

.custom-grid .x-grid3-col-defaultActivityShiftAttendanceIdactionColId {
    border: none !important;
}

.custom-grid .x-grid3-col-defaultActivityShiftActivityIdactionColId {
    border: none !important;
}

.custom-grid .x-grid3-cell-inner {
    font: 11px arial, tahoma, helvetica, sans-serif;
    background-color: #fff;
    border: 1px solid lightgray;
}

.custom-grid .invalidRow {
    border-bottom-color: red;
    border-bottom-style: solid;
    border-top-color: red;
    border-top-style: solid;
}
.invalidRow.evaluationFail .x-grid3-cell-inner {
    color: red !important;
}

.evaluationFail .x-grid3-cell-inner {
    color: red;
}

.evaluationCorrected .x-grid3-cell-inner {
    color: blue;
}

.ta_displayOnlyAccountsEndOfMonth {
    background-color: #64b9d9;
    height: 30px;
    width: 155px;
}

.ta_displayOnlyAccountsEndOfYear {
    background-color: #eee8aa;
    height: 30px;
    width: 155px;
}

.shift-display-label {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 1px 1px 1px 1px;
    white-space: nowrap;
}

.timeAttendanceHandlerId_booking-shift-display {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: gray;
    margin-left: 25px;
}

.gfTimeAttendanceHandlerId_booking-shift-display {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: gray;
    margin-left: 25px;
}

.timeAttendanceHandlerId_bookings-shift-display-label {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 0px 1px 0px 30px;
    white-space: nowrap;
    margin-left: 25px;
    z-index: 2;
}

.gfTimeAttendanceHandlerId_bookings-shift-display-label {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 0px 1px 0px 30px;
    white-space: nowrap;
    z-index: 2;
    margin-left: 25px;
}

.custom-mask .x-mask-msg-text {
    background: transparent !important;
    padding: 5px !important
}

.mask-loading_hide {
    display: none;
}

.message_box {
    width: 300px;
    height: 300px !important;
}

.ext-webkit .custom-grid .x-grid3-cell-inner {
    height: 14px;
}


/* editorgrid editable cell height */

.ext-gecko .custom-grid .x-grid3-cell-inner {
    height: 14px;
}


/* editorgrid editable cell height */

.ext-strict .custom-grid .x-grid3-cell-inner {
    height: 14px;
}


/* editorgrid editable cell height */

.x-date-inner .x-date-selected a {
    background-image: none;
    background-color: #D8D8D8;
    border-color: red;
}

.x-date-inner .x-date-today a {
    border-color: darkred;
}

.x-date-inner .x-date-selected span {
    font-weight: bold;
}

.x-btn-focus .x-btn-tl {
    background-position: -6px 0;
}

.x-btn-focus .x-btn-tr {
    background-position: -9px 0;
}

.x-btn-focus .x-btn-tc {
    background-position: 0 -9px;
}

.x-btn-focus .x-btn-ml {
    background-position: -6px -24px;
}

.x-btn-focus .x-btn-mr {
    background-position: -9px -24px;
}

.x-btn-focus .x-btn-mc {
    background-position: 0 -2168px;
}

.x-btn-focus .x-btn-bl {
    background-position: -6px -3px;
}

.x-btn-focus .x-btn-br {
    background-position: -9px -3px;
}

.x-btn-focus .x-btn-bc {
    background-position: 0 -18px;
}

.messages_grid_title {
    font-weight: bold;
    color: #666;
}

.demand {
    color: red;
}

.redirect-form {
    width: 100% !important;
    position: relative;
}

.redirect-form .redirect-content {
    background-color: rgba(191, 191, 191, 0.2);
    font-size: 50px;
    text-align: center;
    color: rgba(24, 24, 24, 0.85);
}

.redirect-form .redirect-button {
    width: 50% !important;
    padding: 5px;
    height: 120px;
}

.redirect-form .x-panel-header-text {
    font-size: xx-large;
}

.redirect-button .x-btn-text {
    font-size: 40px;
    height: 120px !important;
}

.redirect-form .x-panel-header {
    height: 40px;
}

.icon-question {
    background-image: url(../ext4/resources/themes/images/default/shared/icon-question.gif);
    height: 100%;
    width: 6%;
}

.selected-period {
    background-color: #b36427 !important;
}

.period-square {
    width: 65px !important;
    height: 15px;
    background-color: #176413;
    text-align: center !important;
    vertical-align: middle !important;
    line-height: 15px;
    font-weight: normal !important;
    color: white !important;
}

.absence-request-roster-display {
    border-spacing: 10px;
    width: 500px !important;
}

.mask-roster-display-values {
    color: white !important;
    font-size: 0 !important;
}

.absence-request-roster-form-label {
    white-space: nowrap;
    font-weight: bold;
    color: #000009
}

.reminder-true tr {
    color: red;
}

.ar-btn {
    /*background-position: 0 -3407px ! important;*/
    width: 16px;
    height: 16px;
    /*background-image: url(../img/time.png);*/
    background-image: url(../img/img_sprite.gif) !important;
    background-position: -50px -1400px !important;
}

.super-z-index {
    z-index: 1000010!important;
}

#availabilityPublicationCancelDetailsPopupId .ext-el-mask-msg {
    left: 0px !important;
    border: none !important;
    background-color: transparent !important;
}

#availabilityPublicationCancelDetailsPopupId .ext-el-mask {
    background-color: transparent !important;
}

#availabilityPublicationCancelDetailsPopupId .ext-el-mask-msg div {
    background-color: #eee !important;
    border: none !important;
}

#availabilityPublicationCancelDetailsPopupId .x-form-item-label {
    color: #000000 !important;
}

.otaSaveBtnEnable {
    background-image: url(../img/OTA_save_enable.png) !important;
    background-repeat: no-repeat !important;
    height: 20px;
    width: 20px;
    padding-left: 10px;
}

.otaSaveBtnDisable {
    background-image: url(../img/OTA_save_disable.png) !important;
    background-repeat: no-repeat !important;
    height: 20px;
    width: 20px;
    padding-left: 10px;
}

.otaLockBtn {
    background-image: url(../img/OTA_lock.png) !important;
    background-repeat: no-repeat !important;
    height: 20px;
    width: 20px;
    padding-left: 10px;
}

.otaUnlockBtn {
    background-image: url(../img/OTA_unlock.png) !important;
    background-repeat: no-repeat !important;
    height: 20px;
    width: 20px;
    padding-left: 10px;
}

.otaResetBtnEnable {
    background-image: url(../img/OTA_reset_enable.png) !important;
    background-repeat: no-repeat !important;
    height: 20px;
    width: 20px;
    transform: scaleX(-1);
    /* display: inline; */
}

.otaResetBtnDisable {
    /* background-image: url(../img/OTA_reset_disable.png) !important;
    background-repeat: no-repeat !important;
    height: 20px;
    width: 20px;
    padding-left: 10px; */
    display: none;
}
.favouriteIcon {
    background-image: url(../img/FavouriteIcon.png) !important;
    background-repeat: no-repeat !important;
    height: 16px;
    width: 16px;
    padding-left: 22px !important;
}
.favouritePopupIcon {
    background-image: url(../img/FavouriteIcon.png) !important;
    background-repeat: no-repeat !important;
    height: 19px;
    width: 16px;
    padding-left: 8px !important;
}

.displayNone {
    display: none;
}

.displayInline {
    display: inline;
}

.rowDisabledBg {
    background-color: silver !important;
}

.reportEditIcon {
    background-image: url(../img/edit-24px@2x.png);
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    padding-left: 7px;
}

.reportRemoveIcon {
    background-image: url(../img/remove_circle-24px@2x.png);
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    padding-left: 7px;
}

.reportExecuteIcon {
    background-image: url(../img/verified_user-24px@2x.png);
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    padding-left: 7px;
}

.reportRunTimeExecuteIcon {
    background-image: url(../img/verified_user-24px@2x.png) !important;
    background-repeat: no-repeat !important;
    height: 16px;
    width: 16px;
}

.reportUnFavouriteIcon {
    background-image: url(../img/sharp_favorite_border_black_18dp_opt.png);
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    padding-left: 7px;
}

.reportFavouriteIcon {
    background-image: url(../img/sharp_favorite_black_18dp_opt.png);
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    padding-left: 7px;
}

.reportBaseDataLabel {
    margin-top: 4px !important;
    margin-right: 5px !important;
}

.selectAllLabel+label {
    margin-right: 3px;
}

.menuZIndex {
    z-index: 1450044 !important;
}

.x-form-item-values {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: gray;
}
/* .otaLayerIdentifyGreen {
    background-image: url(../img/OTA_layer_identify_green.png) !important;
    height: 15px;
    width: 20px;
}

.otaLayerIdentifyBlue {
    background-image: url(../img/OTA_layer_identify_blue.png) !important;
    height: 15px;
    width: 20px;
} */

#proposalsPanelIdsearchProposalsPanelIdsearchProposalsFormId label{
    word-wrap: break-word;
}

.loading-mask{
    /* left: 786px !important;
    top: 109px !important; */
    position:absolute;
    top: 50% !important;
    left: 45% !important;
}

.loading-mask div{
    background-color: #fbfbfb;
    background-image: url(../ext3/resources/images/default/grid/loading.gif);
    padding: 5px 10px 5px 25px;
    background-repeat: no-repeat;
    background-position: left;
}

.lovComboItemDisable {
    color: #8c8c8c;
    cursor: default;
}
/* Temporary for now */
.x-combo-list{z-index:9999999 !important;}

.nonEditableRow {
    background-image: none;
}
.nonEditableRow .x-grid3-cell-inner {background-color:#DEE5EC !important } 

#messagesDashboardGridId img {
    height: 50px;
    margin: 4px 0px;
}
#dashboardMessageBodyPanelId img {
    max-height: 142px;
}

#blockingMessageBodyPanelId img {
    max-height: 142px;
}
#notificationBodyPanelId img {
    max-height: 142px;
}
.ql-container {
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0px;
    position: relative;
  }
  .ql-container.ql-disabled .ql-tooltip {
    visibility: hidden;
  }
  .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
    pointer-events: none;
  }
  .ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%;
  }
  .ql-clipboard p {
    margin: 0;
    padding: 0;
  }
  .ql-editor {
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    padding: 15px 15px;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
  }
  .ql-editor > * {
    cursor: text;
  }
  .ql-editor p,
  .ql-editor ol,
  .ql-editor ul,
  .ql-editor pre,
  .ql-editor blockquote,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol,
  .ql-editor ul {
    padding-left: 1.5em;
  }
  .ql-editor ol > li,
  .ql-editor ul > li {
    list-style-type: none;
  }
  .ql-editor ul > li::before {
    content: '\2022';
  }
  .ql-editor ul[data-checked=true],
  .ql-editor ul[data-checked=false] {
    pointer-events: none;
  }
  .ql-editor ul[data-checked=true] > li *,
  .ql-editor ul[data-checked=false] > li * {
    pointer-events: all;
  }
  .ql-editor ul[data-checked=true] > li::before,
  .ql-editor ul[data-checked=false] > li::before {
    color: #777;
    cursor: pointer;
    pointer-events: all;
  }
  .ql-editor ul[data-checked=true] > li::before {
    content: '\2611';
  }
  .ql-editor ul[data-checked=false] > li::before {
    content: '\2610';
  }
  .ql-editor li::before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em;
  }
  .ql-editor li:not(.ql-direction-rtl)::before {
    margin-left: -1.5em;
    margin-right: 0.3em;
    text-align: right;
  }
  .ql-editor li.ql-direction-rtl::before {
    margin-left: 0.3em;
    margin-right: -1.5em;
  }
  .ql-editor ol li:not(.ql-direction-rtl),
  .ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em;
  }
  .ql-editor ol li.ql-direction-rtl,
  .ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em;
  }
  .ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0;
  }
  .ql-editor ol li:before {
    content: counter(list-0, decimal) '. ';
  }
  .ql-editor ol li.ql-indent-1 {
    counter-increment: list-1;
  }
  .ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) '. ';
  }
  .ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-2 {
    counter-increment: list-2;
  }
  .ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) '. ';
  }
  .ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-3 {
    counter-increment: list-3;
  }
  .ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) '. ';
  }
  .ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-4 {
    counter-increment: list-4;
  }
  .ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) '. ';
  }
  .ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-5 {
    counter-increment: list-5;
  }
  .ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) '. ';
  }
  .ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-6 {
    counter-increment: list-6;
  }
  .ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) '. ';
  }
  .ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-7 {
    counter-increment: list-7;
  }
  .ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) '. ';
  }
  .ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9;
  }
  .ql-editor ol li.ql-indent-8 {
    counter-increment: list-8;
  }
  .ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) '. ';
  }
  .ql-editor ol li.ql-indent-8 {
    counter-reset: list-9;
  }
  .ql-editor ol li.ql-indent-9 {
    counter-increment: list-9;
  }
  .ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) '. ';
  }
  .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em;
  }
  .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em;
  }
  .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em;
  }
  .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em;
  }
  .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em;
  }
  .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em;
  }
  .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em;
  }
  .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em;
  }
  .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em;
  }
  .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em;
  }
  .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em;
  }
  .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em;
  }
  .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em;
  }
  .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em;
  }
  .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em;
  }
  .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em;
  }
  .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em;
  }
  .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em;
  }
  .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em;
  }
  .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em;
  }
  .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em;
  }
  .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em;
  }
  .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em;
  }
  .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em;
  }
  .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em;
  }
  .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em;
  }
  .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em;
  }
  .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em;
  }
  .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em;
  }
  .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em;
  }
  .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em;
  }
  .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em;
  }
  .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em;
  }
  .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em;
  }
  .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em;
  }
  .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em;
  }
  .ql-editor .ql-video {
    display: block;
    max-width: 100%;
  }
  .ql-editor .ql-video.ql-align-center {
    margin: 0 auto;
  }
  .ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto;
  }
  .ql-editor .ql-bg-black {
    background-color: #000;
  }
  .ql-editor .ql-bg-red {
    background-color: #e60000;
  }
  .ql-editor .ql-bg-orange {
    background-color: #f90;
  }
  .ql-editor .ql-bg-yellow {
    background-color: #ff0;
  }
  .ql-editor .ql-bg-green {
    background-color: #008a00;
  }
  .ql-editor .ql-bg-blue {
    background-color: #06c;
  }
  .ql-editor .ql-bg-purple {
    background-color: #93f;
  }
  .ql-editor .ql-color-white {
    color: #fff;
  }
  .ql-editor .ql-color-red {
    color: #e60000;
  }
  .ql-editor .ql-color-orange {
    color: #f90;
  }
  .ql-editor .ql-color-yellow {
    color: #ff0;
  }
  .ql-editor .ql-color-green {
    color: #008a00;
  }
  .ql-editor .ql-color-blue {
    color: #06c;
  }
  .ql-editor .ql-color-purple {
    color: #93f;
  }
  .ql-editor .ql-font-times-new-roman {
    font-family: 'Times New Roman', Times, serif;
  }
  .ql-editor .ql-font-courier-new {
    font-family: 'Courier New', Courier, monospace;
  }
  .ql-editor .ql-font-arial {
    font-family: Arial, Helvetica, sans-serif;
  }
  .ql-editor .ql-font-verdana {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
  }
  .ql-editor .ql-font-tahoma {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }
  .ql-editor .ql-size-small {
    font-size: 10px;
  }
  .ql-editor .ql-size-large {
    font-size: 18px;
  }
  .ql-editor .ql-size-huge {
    font-size: 32px;
  }
  .ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit;
  }
  .ql-editor .ql-align-center {
    text-align: center;
  }
  .ql-editor .ql-align-justify {
    text-align: justify;
  }
  .ql-editor .ql-align-right {
    text-align: right;
  }
  .ql-editor.ql-blank::before {
    color: rgba(0,0,0,0.6);
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px;
  }
  .ql-snow.ql-toolbar:after,
  .ql-snow .ql-toolbar:after {
    clear: both;
    content: '';
    display: table;
  }
  .ql-snow.ql-toolbar button,
  .ql-snow .ql-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px;
  }
  .ql-snow.ql-toolbar button svg,
  .ql-snow .ql-toolbar button svg {
    float: left;
    height: 100%;
  }
  .ql-snow.ql-toolbar button:active:hover,
  .ql-snow .ql-toolbar button:active:hover {
    outline: none;
  }
  .ql-snow.ql-toolbar input.ql-image[type=file],
  .ql-snow .ql-toolbar input.ql-image[type=file] {
    display: none;
  }
  .ql-snow.ql-toolbar button:hover,
  .ql-snow .ql-toolbar button:hover,
  .ql-snow.ql-toolbar button:focus,
  .ql-snow .ql-toolbar button:focus,
  .ql-snow.ql-toolbar button.ql-active,
  .ql-snow .ql-toolbar button.ql-active,
  .ql-snow.ql-toolbar .ql-picker-label:hover,
  .ql-snow .ql-toolbar .ql-picker-label:hover,
  .ql-snow.ql-toolbar .ql-picker-label.ql-active,
  .ql-snow .ql-toolbar .ql-picker-label.ql-active,
  .ql-snow.ql-toolbar .ql-picker-item:hover,
  .ql-snow .ql-toolbar .ql-picker-item:hover,
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
  .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #06c;
  }
  .ql-snow.ql-toolbar button:hover .ql-fill,
  .ql-snow .ql-toolbar button:hover .ql-fill,
  .ql-snow.ql-toolbar button:focus .ql-fill,
  .ql-snow .ql-toolbar button:focus .ql-fill,
  .ql-snow.ql-toolbar button.ql-active .ql-fill,
  .ql-snow .ql-toolbar button.ql-active .ql-fill,
  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
  .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #06c;
  }
  .ql-snow.ql-toolbar button:hover .ql-stroke,
  .ql-snow .ql-toolbar button:hover .ql-stroke,
  .ql-snow.ql-toolbar button:focus .ql-stroke,
  .ql-snow .ql-toolbar button:focus .ql-stroke,
  .ql-snow.ql-toolbar button.ql-active .ql-stroke,
  .ql-snow .ql-toolbar button.ql-active .ql-stroke,
  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
  .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
  .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
  .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
  .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
  .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #06c;
  }
  @media (pointer: coarse) {
    .ql-snow.ql-toolbar button:hover:not(.ql-active),
    .ql-snow .ql-toolbar button:hover:not(.ql-active) {
      color: #444;
    }
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
      fill: #444;
    }
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
      stroke: #444;
    }
  }
  .ql-snow {
    box-sizing: border-box;
  }
  .ql-snow * {
    box-sizing: border-box;
  }
  .ql-snow .ql-hidden {
    display: none;
  }
  .ql-snow .ql-out-bottom,
  .ql-snow .ql-out-top {
    visibility: hidden;
  }
  .ql-snow .ql-tooltip {
    position: absolute;
    transform: translateY(10px);
  }
  .ql-snow .ql-tooltip a {
    cursor: pointer;
    text-decoration: none;
  }
  .ql-snow .ql-tooltip.ql-flip {
    transform: translateY(-10px);
  }
  .ql-snow .ql-formats {
    display: inline-block;
    vertical-align: middle;
  }
  .ql-snow .ql-formats:after {
    clear: both;
    content: '';
    display: table;
  }
  .ql-snow .ql-stroke {
    fill: none;
    stroke: #444;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
  }
  .ql-snow .ql-stroke-miter {
    fill: none;
    stroke: #444;
    stroke-miterlimit: 10;
    stroke-width: 2;
  }
  .ql-snow .ql-fill,
  .ql-snow .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow .ql-empty {
    fill: none;
  }
  .ql-snow .ql-even {
    fill-rule: evenodd;
  }
  .ql-snow .ql-thin,
  .ql-snow .ql-stroke.ql-thin {
    stroke-width: 1;
  }
  .ql-snow .ql-transparent {
    opacity: 0.4;
  }
  .ql-snow .ql-direction svg:last-child {
    display: none;
  }
  .ql-snow .ql-direction.ql-active svg:last-child {
    display: inline;
  }
  .ql-snow .ql-direction.ql-active svg:first-child {
    display: none;
  }
  .htmlEditor h1, .ql-editor h1 {
    font-size: 2em !important;
  }
  .htmlEditor h2, .ql-editor h2 {
    font-size: 1.5em !important;
  }
  .htmlEditor h3, .ql-editor h3 {
    font-size: 1.17em !important;
  }
  .htmlEditor h4, .ql-editor h4 {
    font-size: 1em !important;
  }
  .htmlEditor h5, .ql-editor h5 {
    font-size: 0.83em !important;
  }
  .htmlEditor h6, .ql-editor h6 {
    font-size: 0.67em !important;
  }
  .ql-snow .ql-editor a {
    text-decoration: underline;
  }
  .ql-snow .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px;
  }
  .ql-snow .ql-editor code,
  .ql-snow .ql-editor pre {
    background-color: #f0f0f0;
    border-radius: 3px;
  }
  .ql-snow .ql-editor pre {
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px;
  }
  .ql-snow .ql-editor code {
    font-size: 85%;
    padding: 2px 4px;
  }
  .ql-snow .ql-editor pre.ql-syntax {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible;
  }
  .ql-snow .ql-editor img {
    max-width: 100%;
  }
  .ql-snow .ql-picker {
    color: #444;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    position: relative;
    vertical-align: middle;
  }
  .ql-snow .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%;
  }
  .ql-snow .ql-picker-label::before {
    display: inline-block;
    line-height: 22px;
  }
  .ql-snow .ql-picker-options {
    background-color: #fff;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap;
  }
  .ql-snow .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
  }
  .ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #ccc;
    z-index: 2;
  }
  .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #ccc;
  }
  .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc;
  }
  .ql-snow .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1;
  }
  .ql-snow .ql-color-picker,
  .ql-snow .ql-icon-picker {
    width: 28px;
  }
  .ql-snow .ql-color-picker .ql-picker-label,
  .ql-snow .ql-icon-picker .ql-picker-label {
    padding: 2px 4px;
  }
  .ql-snow .ql-color-picker .ql-picker-label svg,
  .ql-snow .ql-icon-picker .ql-picker-label svg {
    right: 4px;
  }
  .ql-snow .ql-icon-picker .ql-picker-options {
    padding: 4px 0px;
  }
  .ql-snow .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px;
  }
  .ql-snow .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px;
  }
  .ql-snow .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0px;
    width: 16px;
  }
  .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -9px;
    right: 0;
    top: 50%;
    width: 18px;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
    content: attr(data-label);
  }
  .ql-snow .ql-picker.ql-header {
    width: 98px;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: 'Normal';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: 'Heading 1';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    content: 'Heading 2';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    content: 'Heading 3';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    content: 'Heading 4';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    content: 'Heading 5';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: 'Heading 6';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    font-size: 2em;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    font-size: 1.5em;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    font-size: 1.17em;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    font-size: 1em;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    font-size: 0.83em;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    font-size: 0.67em;
  }
  .ql-snow .ql-picker.ql-font {
    width: 108px;
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item::before {
    content: 'Sans Serif';
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
    content: 'Serif';
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
    content: 'Monospace';
  }
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
    font-family: Georgia, Times New Roman, serif;
  }
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
    font-family: Monaco, Courier New, monospace;
  }
  .ql-snow .ql-picker.ql-size {
    width: 98px;
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item::before {
    content: 'Normal';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
    content: 'Small';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
    content: 'Large';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
    content: 'Huge';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
    font-size: 10px;
  }
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
    font-size: 18px;
  }
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
    font-size: 32px;
  }
  .ql-snow .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff;
  }
  .ql-snow .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000;
  }
  .ql-toolbar.ql-snow {
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    padding: 8px;
  }
  .ql-toolbar.ql-snow .ql-formats {
    margin-right: 15px;
  }
  .ql-toolbar.ql-snow .ql-picker-label {
    border: 1px solid transparent;
  }
  .ql-toolbar.ql-snow .ql-picker-options {
    border: 1px solid transparent;
    box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
  }
  .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    border-color: #ccc;
  }
  .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #ccc;
  }
  .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
  .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
    border-color: #000;
  }
  .ql-toolbar.ql-snow + .ql-container.ql-snow {
    border-top: 0px;
  }
  .ql-snow .ql-tooltip {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 5px #ddd;
    color: #444;
    padding: 5px 12px;
    white-space: nowrap;
  }
  .ql-snow .ql-tooltip::before {
    content: "Visit URL:";
    line-height: 26px;
    margin-right: 8px;
  }
  .ql-snow .ql-tooltip input[type=text] {
    display: none;
    border: 1px solid #ccc;
    font-size: 13px;
    height: 26px;
    margin: 0px;
    padding: 3px 5px;
    width: 170px;
  }
  .ql-snow .ql-tooltip a.ql-preview {
    display: inline-block;
    max-width: 200px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
  }
  .ql-snow .ql-tooltip a.ql-action::after {
    border-right: 1px solid #ccc;
    content: 'Edit';
    margin-left: 16px;
    padding-right: 8px;
  }
  .ql-snow .ql-tooltip a.ql-remove::before {
    content: 'Remove';
    margin-left: 8px;
  }
  .ql-snow .ql-tooltip a {
    line-height: 26px;
  }
  .ql-snow .ql-tooltip.ql-editing a.ql-preview,
  .ql-snow .ql-tooltip.ql-editing a.ql-remove {
    display: none;
  }
  .ql-snow .ql-tooltip.ql-editing input[type=text] {
    display: inline-block;
  }
  .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
    border-right: 0px;
    content: 'Save';
    padding-right: 0px;
  }
  .ql-snow .ql-tooltip[data-mode=link]::before {
    content: "Enter link:";
  }
  .ql-snow .ql-tooltip[data-mode=formula]::before {
    content: "Enter formula:";
  }
  .ql-snow .ql-tooltip[data-mode=video]::before {
    content: "Enter video:";
  }
  .ql-snow a {
    color: #06c;
  }
  .ql-container.ql-snow {
    border: 1px solid #ccc;
  }
  .htmlEditor ul {
    list-style-type: disc;
    list-style-position: inside;
  }
  .htmlEditor ol {
    list-style-type: decimal;
    list-style-position: inside;
  }

  .htmlEditor {
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    padding: 15px 15px;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
  }
  #messagesDashboardGridId .messageContentMinHeight{
    max-height: 57px;
    overflow: hidden;
  }
  .htmlEditor h1,
  .htmlEditor h2,
  .htmlEditor h3,
  .htmlEditor h4,
  .htmlEditor h5,
  .htmlEditor h6 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }

/*   .biddingPeriodGridTable .x-panel-body{
    height: 200px !important;
  } */
 
  .formPadding .x-column-inner{
    padding-top: 8px !important;
  }
  .manualAddedDemand .x-grid3-row-table {
    color: red !important;
    height: 20px;
  }
  .x-grid3-row .manualAddedDemand {
    color: red !important;
  }
  .x-grid3-cell-first {
    height: 20px;
  }
  .timePeriodSearchForm .x-form {
    overflow : hidden !important
  }
  
  #shiftDemandViewId .x-grid3-row {
    height: 20px;
  }
  #shiftDemandViewId .x-grid3-row-table {
    height: 20px;
  }

  #calculatedMinValuesForm .x-panel-header {
    line-height: 20px;
  }

  #calculatedMinValuesForm .x-panel-header-text {
    font-size: 13px;
  }

  #retainedMinValuesForm .x-panel-header {
    line-height: 18px;
  }

  #retainedMinValuesForm .x-panel-header-text {
      font-size: 13px;
  }
  
  .mutualisedDemand .x-grid3-row-table {
    color: darkgray;
    pointer-events: none;
  }

  .mutualisedDemandTarget {
    color: darkgray;
  }

  .disableCombo {
    pointer-events: none;
}
.excludeDemandTarget {
    color: darkgray;
    pointer-events: none;
}

.customShiftTarget {
    background-color: #83e5ff6e !important;
}
.disableDemandTarget {
    background-color: lightgray !important;
    pointer-events: none;
}

.weekendDemand {
    background-color: #c8ffcc;
    border-bottom: 1px solid #c6c6c6;
}

#shiftDemandViewId .x-grid3-hd-inner{
    padding: 0
}
.shiftDemandGridHeader {
    padding: 3px 3px 3px 5px;
} 

.greaterDemandTarget {
    color: green;
}
.lessDeamandTarget {
    color: red;
}
.nonMonetaryBorder div{
    border-bottom: 3px solid #4cbfed;
    margin: -1px 3px;
}
.monetaryBorder div{
    border-bottom: 3px solid purple;
    margin: -1px 3px;
}

.ar-delete-button {
    filter: grayscale(1);
}

.parallel-tab-view {
    position: absolute; 
    left: calc(100% - 190px);
    background: unset;
    border: unset !important;
}
.parallel-tab-view-picking{
    position: absolute; 
    background: unset;
    border: unset !important; 
    left: calc(100% - 252px);
}
.tab-action-button {
    height: 20px;
}

.demandShiftFilterCheckbox {
    padding: 0 0 4px 4px !important;
}

.textara-logview {
    border: unset !important;
    padding: 8px !important;
}

#dataLogsViewId  .x-panel-body {
    border: none !important;
    box-shadow:  none !important;
}

#dataImportId .x-panel-body {
    border: none !important;
    box-shadow:  none !important;
}
.customClockEvent .mbsc-event-time.mbsc-ios.mbsc-ltr {
    display: none;
}
.customClockEvent .eventTitleSpace {
    padding-bottom: 3px;
}
.customClockEventInOut .mbsc-event-end.mbsc-ios{
    display: none;
}
.greenColor{
    color:#007aff;
}
.floatRight {
    float:right;
}
.grayColor{
    color:gray
}
.redColor {
    color:  red !important;
}
.weeklyAttendance{
    font-size: 15px;
}
.missingTimeStamp{
    padding-bottom: 3px;
    font-size: 15px;
}
#calendarContainer {
    height:  400;
    overflow-y: auto;
}
.hideBookingsTab #dashboardBalanceTabPanelId__dashboardMobiScrollId{
    display: none;
}
.x-action-col-cell .x-grid3-cell-inner {
    padding-top: 1px !important;
    padding-bottom: 5px !important;
}

.hideBookingShiftLabel {
    display: none;
}

.shift-detail-parent .x-form-field-wrap {
    margin-left: 292px !important;
    z-index: 999999;
}

.disabledInterval {
    opacity: 0.5;
    pointer-events: none !important;
}

.toolbar-disabled .disabledBtnForSelf  {
    pointer-events: none;
    opacity: 0.5;  
}

.disabledCell {
    opacity: 0.5;
    pointer-events: none !important;
}

.custom-grid .invalidRowBookingInterval {
    border-bottom-color: red;
    border-bottom-style: solid;
    border-top-color: red;
    border-top-style: solid;
}

.row-grayed {
    opacity: 0.5;  
}
.x-color-picker, .x-color-picker {
    height: 195px;
    position: relative;
    overflow: hidden;
}
.x-color-picker div canvas {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.x-color-picker-wheel {
    z-index: 1;
}
.x-color-picker-gradient  {
    z-index: 0;
}