.x-grid-checkheader {
    height: 14px;
    background-image: url('../../ext/resources/themes/images/default/grid/unchecked.gif');
    background-position: 50% -2px;
    background-repeat: no-repeat;
    background-color: transparent;
}

.x-grid-checkheader-checked {
    background-image: url('../../ext/resources/themes/images/default/grid/checked.gif');
}

.x-grid-checkheader-editor .x-form-cb-wrap {
    text-align: center;
}

.clsSelectAllHeaderParent
{
	cursor: default !important;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.clsDeselectAllHeaderParent
{
	cursor: default !important;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.clsSelectAllHeader 
{
    /*background-repeat: no-repeat;
    cursor: pointer !important;
    background-position:bottom; 
    margin-left: 2px;
    background-image: url(../images/checkboxHeaderUnChecked.jpg) !important;
*/

    background-repeat: no-repeat;
    cursor: pointer !important;
    background-image: url(../images/checkboxHeaderUnChecked.jpg) !important;
    width: 16px;
    height: 16px;
    margin: auto; 
    position: absolute;
    margin-top: 14px;
}
.clsDeselectAllHeader
{ 
    /*
background-repeat: no-repeat;
margin-left: 2px;
cursor: pointer !important;
background-position:bottom; 
background-image: url(../images/checkboxHeaderChecked.jpg) !important;
	*/
	background-repeat: no-repeat;
    cursor: pointer !important;
    background-image: url(../images/checkboxHeaderChecked.jpg) !important;
    width: 16px;
    height: 16px;
    margin: auto; 
    position: absolute;
    margin-top: 14px;
}

.checkColText
{
	padding-bottom: 14px !important;
	text-align: center !important;
}
   
/* Track */
::-webkit-scrollbar-track {
    background: white !important;
    /*-webkit-border-radius: 10px !important;
    border-radius: 10px !important;*/
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    /*-webkit-border-radius: 10px !important;
    border-radius: 10px !important;*/ 
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;*/
    background: lightgray !important;
    border-right: 1px solid white;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;*/
}
::-webkit-scrollbar-thumb:window-inactive {
	background: lightgray !important;
}

 

::-webkit-scrollbar {
    -webkit-appearance: none !important; 
    width: 13px !important;
    height: 10px !important;
}

::-webkit-scrollbar-thumb {
    border-radius: 3px !important;
    background-color: lightgray !important;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.3    ) !important;
}

.display-none
{
    display:none !important; 
}
.activity-list-row-details-table 
{
    margin-left: 39px;
}

.anchor-disabled 
{
    pointer-events: none;
    cursor: default;
    opacity: 0.3; /**/
    filter: alpha(opacity=30); /* For IE8 and earlier */
}
.close-button
{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("../images/cleanOne16.png");
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    
    cursor: pointer;
}

.horizontal-align-center 
{
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           
}

.yvToolbar .x-box-menu-right {
    overflow: visible;
}

.yvToolbar .x-box-menu-right .x-btn {
    height:32px!important;
    width: 32px!important;
    padding: 3px!important;
    top:2px!important;
}


.yvToolbar .x-box-menu-right .x-btn button {
    margin: 4px 0 0 4px;
}

.numberFieldCls .x-form-field .x-form-text .x-form-focus
{
     width: 30px;
}
.grid-totalsTM-row td
{
	background-color: rgb(139,177,216) !important;
	height: 20px  !important;
	font-weight: bold !important;
}
.totalRows
{
    font-size: 11px;
    background: rgb(214,214,214) !important;
    color: Black !important;
	text-align:center;
	font-weight: bold !important;
 }

.clsTeamManager .x-grid-row-alt
{
    min-height: 50px !important;
    height: 50px !important;
    width: 50px;
    border: 1px solid gray !important;
}
.clsTeamManagerIE .x-grid-row-alt
{
    min-height: 90px !important;
    height: 90px !important;
    width: 50px;
    border: 1px solid rgb(226,226,226) !important;
}
.x-panel-body
{
	/*background-image: url(../images/bkPanel.png) !important;*/
	 
	
}
 
#centerRegion .x-panel-body
{
	/*
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgb(0,128,190)), color-stop(20%, rgb(0,145,215)), color-stop(100%, rgb(221,231,247))) !important;
	background-image: -moz-linear-gradient(top, rgb(0,128,190) 0%, rgb(0,145,215) 20%, rgb(221,231,247) 100%) !important;
	background-image: linear-gradient(top, rgb(0,128,190) 0%, rgb(0,145,215) 20%, rgb(221,231,247) 100%) !important;
	*/
	background-image: url(../images/backgroundWork10.jpg) !important;
	background-size: cover;
}
#centerregion1 .x-panel-body
{
	/*
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgb(0,128,190)), color-stop(20%, rgb(0,145,215)), color-stop(100%, rgb(221,231,247))) !important;
	background-image: -moz-linear-gradient(top, rgb(0,128,190) 0%, rgb(0,145,215) 20%, rgb(221,231,247) 100%) !important;
	background-image: linear-gradient(top, rgb(0,128,190) 0%, rgb(0,145,215) 20%, rgb(221,231,247) 100%) !important;
	*/
	/*background-image: url(../images/backgroundTeamManager.jpg) !important;*/
}

.x-message-box .x-window-body {
    background: white !important;
    border: none;
}
.x-panel-default
{
    background-image: none !important;
    background-color: transparent !important;
}

.x-panel-default-framed {
    border-radius: 0px !important;
    border: 0px solid white !important;
	-moz-border-radius: 0px !important;
    background-color: white !important;
}
.x-panel-body-default-framed {
    background: none !important;
}
.x-panel-header-default-framed-top
{
    border-radius: 0px !important;
	-moz-border-radius: 0px !important;
    background-image: none !important;
    background-color: transparent !important;
}
.x-window-header-default {
    border-radius: 5px !important;
}

#id_ASTROW.view.DashboardDashboard.x-panel-header-default-framed-top
{
    border: 3px solid red !important;
}

.x-nbr .x-window-header-default-top
{
	padding-top: 5px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	margin: 3px !important;
    padding: 8px 0 0 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 0px !important;
    border-left: 1px solid lightgray !important;
    border-right: 1px solid lightgray !important;
}
.x-window-header {
    background: url(../images/windowHeader.png) !important;
    background: none !important;
    height: 30px !important;
    background-color: #fff !important;
    border-top: 2px solid #0090d2 !important;
    border-left: 0px !important;
    border-right: 0px !important;
}
.x-window-header-default-top
{
	padding: 5px 5px 0 2px !important;
    /*border-right: 1px solid lightgray !important;
    border-left: 1px solid lightgray !important;*/
}
/*7.0*/
.x-window-body-default
{
    border-width: 0px !important;
    /*border-right: 1px solid lightgray !important;
    border-left: 1px solid lightgray !important;
    border-bottom: 1px solid lightgray !important;*/
    background: #ffffff !important;
}

.x-panel-header-default {
    background-image: none;
    box-shadow: none;
    border: 0px;    
    background-color: white  !important;
    border-top: 0px solid #068cd8 !important;
}
/*
.x-grid-view
{
    border: 1px solid lightgray !important;
    background-color: white !important;
}*/

 
.x-tab-bar
{
    background-image: none;
    box-shadow: none;
    border: 0px !important;
    background-color: white;
    border-bottom: 1px solid #068cd8;
}

.x-tab-bar-top .x-tab-bar-body {
    height: 20px;
    border-width: 0px 0px 0;
    padding: 1px 0 3px;
}

.x-tab-bar-strip-default, .x-tab-bar-strip-default-plain {
    border-bottom: 1px solid #0090d2 !important;
    border: 0px !important;
}
.x-border-box .x-tab-bar-top .x-tab-bar-strip {
    height: 1px !important;
}

.x-panel .x-panel-header-default-framed-top
{
    border-bottom-width: 0px !important;
}
/*7.0*/
.x-window-default
{
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    padding: 0px !important;
    border-width: 0px !important;
    
    -webkit-box-shadow: 1px 1px 9px -1px rgba(0,0,0,0.35);
    -moz-box-shadow: 1px 1px 9px -1px rgba(0,0,0,0.35);
    box-shadow: 1px 1px 9px -1px rgba(0,0,0,0.35);
    background: #ffffff !important;
    border: 0px solid #0e8ecf !important;
}
.x-window-maximized
{
    box-shadow: 0px 0px 0px rgba(0,0,0,0.0) !important;
}
/*7.0*/
.x-toolbar
{
    border-width: 0px !important;  
    background-image: linear-gradient(#ffffff,#ffffff) !important;
    background-color: #fff !important;
}
/*IE requires this classes*/
.x-nlg .x-toolbar-default
{
    background-image: linear-gradient(#ffffff,#ffffff) !important;     
}
.x-nlg .x-panel-header-default-top
{
    background-image: none;
    box-shadow: none;
    border: 0px;    
    background-color: #b3d0e0 !important;
    border-top: 0px solid #068cd8 !important;    
}














.x-toolbar-footer
{
    margin-top:-1px !important;    
    height:35px !important;    
    border-right: 0px solid lightgray !important;
    border-left: 0px solid lightgray !important;
}
/*7.0*/
.x-window-header-icon 
{
      margin-left: 5px !important; 
}
/*7.0*/
.x-panel .x-grid-body { 
    border-color: rgba(245, 2, 2, 0); 
    border: 1px solid lightgray !important; 
}

/*7.0*/
.x-scroller-vertical { 
    border: 0px solid rgba(153, 187, 232, 0); 
}


/*7.0*/
.x-btn-group-default-framed
{
    background-color: transparent !important;
    border-color: transparent  !important; 
    border: 0px !important;
}

.x-btn-group-header-body-default-framed
{
    background-color: transparent !important;
}
/*7.0*/
.x-window-header-text, 
.x-window-header-text-default
{
	font-weight: bold !important;
	color: black !important;
    margin-left: 10px;
}



.x-grid-row-selected .x-grid-cell, .x-grid-row-selected .x-grid-rowwrap-div
{
}

.clsBtnGroup{

	text-align: left !important;
}

.grid-inactive-row td
{
	color: Gray !important;
}

.x-grid-row .x-grid-row-weekend
{
	color: Lime !important;
}
.grid-today-row
{
	background-color:  #FFECC4 !important;
}

.clsDayView
{
    text-align: left !important;
    background: url(../images/dayView16.png) no-repeat !important;
}

.clsRestoreDefaults16
{
    background: url(../images/restoreDefaults16.png) no-repeat !important;
}
.clscheckEmailServer16
{
    background: url(../images/checkEmailServer16.png) no-repeat !important;
}
.clsNextBookingDay
{
    background: url(../images/nextBookingDay16.png) no-repeat !important;
}

.clsTodayBookingDay
{
    background: url(../images/todayBookingDay16.png) no-repeat !important;
}

.clsPrevoiusBookingDay
{
    background: url(../images/prevoiusBookingDay16.png) no-repeat !important;
}

.clsQuickSearch
{
    background-image: url(../images/quickSearchLocal16.png) !important;
}

.clsRemoteSearch
{
    background: url(../images/quickSearchRemote16.png) !important;
}

.clsClear
{
    background: url(../images/clear16.png) !important;
}

.clsAction
{
	text-align: left !important;
    background-image: url(../images/action.png) !important;
}

.clsAddNewItem
{
    text-align: left !important;
    background-image: url(../images/newItem16.png) !important;
}

.clsEditItem
{
    text-align: left !important;
    background-image: url(../images/editItem16.png) !important;
}	

.clsAssignedToItem
{
    background-image: url(../images/assignToUser.png) !important;
}							 

.clsDeleteItem
{
	text-align: left !important;
    background-image: url(../images/deleteItem16.png) !important;
}
.clsGroupAddBooking
{
	text-align: left !important;
    background-image: url(../images/clockSmall16.png) !important;
}
.clsChangeDayProgram
{
	text-align: left !important;
    background-image: url(../images/changeDayProgram16.png) !important;
}
.clsGroupNewMessage
{
	text-align: left !important;
    background-image: url(../images/newMessage16.png) !important;
}
.clsGroupSendMessage
{
	text-align: left !important;
    background-image: url(../images/newMessage16.png) !important;
}

.clsAddNote
{
	text-align: left !important;
    background-image: url(../images/notes16.png) !important;
}

.clsSendEmail
{
	text-align: left !important;
    background-image: url(../images/sendEmailSmall16.png) !important;
}
.clsGroupAddAbsence
{
	text-align: left !important;
    background-image: url(../images/addAbsences16.png) !important;
}
.clsNewRequest16
{
    background-image: url(../images/newRequest16.png) !important;   
    text-align: left !important;
}
.clsGroupChangeDP
{
	text-align: left !important;
    background-image: url(../images/clockSmall16.png) !important;
}
.clsRefreshList
{
    background-image: url(../../ext/resources/themes/images/default/grid/refresh.gif) !important;
}

.clsPrint
{
	text-align: left !important;
    background-image: url(../images/printAll16.png) !important;
}
.clsHolidayCardBtn
{
	text-align: left !important;
    background-image: url(../images/holidayCard16.png) !important;
}
.clsHolidayCardBtnLarge
{
	text-align: center !important;
    background-image: url(../images/holidayCard24.png) !important;
}
.clsExportCSV
{
	text-align: left !important;
    background-image: url(../images/exportCSV16.png) !important;
}
.clsPDFIcon16
{
	text-align: left !important;
    background-image: url(../images/pdf16.png) !important;
}
.clsPrintSelected
{
	text-align: left !important;
    background-image: url(../images/printSelected16.png) !important;
}

.clsBrowserBack
{
	text-align: left !important;
    background-image: url(../images/browserBack.png) !important;
}
.clsBrowserHome
{
	text-align: left !important;
    background-image: url(../images/browserHome.png) !important;
}

.clsIncludeItems
{
	text-align: left !important;
    background-image: url(../images/includeItem16.png) !important;
}

.clsColumnsBtn
{
	text-align: left !important;
    background-image: url(../images/addColumn.png) !important;
}

.grid-totals-row td
{
	background-color: #b0e4fe !important;
	font-weight: bold !important;
}
.grid-negativevalue td
{
	color: Red !important;
}  /*TODO: use it in grids instead of metadata.style*/
.grid-inactive-row
{
	color:Gray !important;
}
.alignright-grid-cell td
{
	text-align: right !important;
	color:Fuchsia;	/*TODO: remove color*/
}

.clsHolidayPrevPeriod
{
	text-align: left !important;
    background-image: url(../images/holidayPrevPeriod16.png) !important;
}

.clsHolidayCurrentPeriod
{
	text-align: left !important;
    background-image: url(../images/holidayCurrPeriod16.png) !important;
}

.clsHolidayNextPeriod
{
	text-align: left !important;
    background-image: url(../images/holidayNextPeriod16.png) !important;
}

.clsDayMessage
{
	text-align: left !important;
    background-image: url(../images/message16.png) !important;
}

.x-form-field
{
	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	/*border: 1px solid lightgray !important;*/
}
.x-form-text, .x-form-email
{
	background: white !important;
		border-radius: 3px !important;
	-moz-border-radius: 3px !important;

}
.x-trigger-noedit
{
	-webkit-border-top-right-radius: 0px !important;
	-webkit-border-bottom-right-radius: 0px !important;
	-moz-border-radius-topright: 0px !important;
	-moz-border-radius-bottomright: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.amano-number-field input
{
	-webkit-border-top-right-radius: 0px !important;
	-webkit-border-bottom-right-radius: 0px !important;
	-moz-border-radius-topright: 0px !important;
	-moz-border-radius-bottomright: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.applicationLoading
{
	font-family:Verdana, Sans-Serif;
	padding-left: 10px;
	font-weight: bold;
	font-size: 1.0em;
	color: black;
}

.versionAppName
{
    font-family: amanoFont, Verdana, Sans-Serif;
	font-weight: bold; 
	padding-top: 15px; 
	font-size: 40px;
	color:  rgb(1,86,160)  !important;    
}
.versionApp
{
    font-family:Harabara, Verdana, Sans-Serif;  
	top: 75px !important;
    /*padding-left: 120px; */
	font-size: 11px;     
}
.versionImage
{ 
    width:200px;
    height: 40px;
}
.clsGrant
{
	text-align: left !important;
    background-image: url(../images/grant16.png) !important;
    background-repeat:no-repeat !important;
    background-position:50% 50%;
}

.clsReject
{
	text-align: left !important;
    background-image: url(../images/reject16.png) !important;
    background-repeat:no-repeat !important;
    background-position:50% 50%;
}
.clsDownloadFile16 {
    text-align: left !important;
    background-image: url(../images/download16.png) !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50%;
}
.clsGrantLarge
{
    background-image: url(../images/grant24.png) !important;
}
.clsRejectLarge
{
    background-image: url(../images/reject24.png) !important;
}

.x-grid-row-over .x-grid-cell-inner {
    color: blue;
}
/* shared styles for the ActionColumn icons */
.x-action-col-cell img {
    height: 24px;
    width: 24px;
    cursor: pointer;
}
.actionColumn16 {
    max-height: 16px !important;
    max-width: 16px !important;
    height: 16px !important;
    width: 16px !important;
}

.actionColumn24 {
    max-height: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    width: 24px !important;
}
/* custom icon for the "buy" ActionColumn icon */
.x-action-col-icon
{
	margin: 0 0 0 3px;
}

.list-item-hover {
	background-color: #eee;
}

.list-item {
    margin-top: 3px;
    padding-left: 3px;
    font-size: 11px;
    line-height: 20px;
    cursor: pointer;
    border: 1px solid #DFE8F6;
}
.tooltipBgIE
{
	background-color: rgb(251,253,255)  !important;	
	padding: 5px;
	width: 290px;
	border: 1px solid rgb(142,170,206);
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
}
.tooltipBg
{
	background-color: rgb(251,253,255)  !important;	
	padding: 5px;
	border: 1px solid rgb(142,170,206);
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
}
.tooltipTitleBg {
    padding: 4px;
    padding-left: 8px;
    margin-bottom: 6px;
    color: white;
    background-color: #0090d2 !important;
    /*border: 1px solid rgb(142,170,206);*/
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
}
.tooltipHint
{
	background-color: rgb(255, 255, 193)  !important;	
	padding: 3px;
	padding-left: 8px;
	margin-top: 6px;
	border: 1px solid rgb(142,170,206);
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
}

.absInfo
{
	font-size: 11px;
}
.bookingInfo
{
	font-size: 11px !important;
	padding-left: 3px;
	padding-right: 3px;
}
.bookingInfoNoPadding
{
	font-size: 11px !important;
	/*padding-left: 3px;
	padding-right: 3px;*/
}
.bookingInfoTM
{
	font-size: 11px  !important;
	padding-right: 3px;
}
.employeeInfo
{
	font-size: 11px;
	/*font-weight: bold;*/
}
.absIntervals
{
	/*font-family:Tahoma, Verdana, Sans-Serif;*/
	/*font-size: 9px;*/
	/*font-weight: bold;*/
}
.dayItem
{
	font-size: 11px;
	/*font-weight: bold;*/
	color: black !important;
	color: rgb(45,80,132) !important;
	/*border: 1px solid rgb(60, 107, 155);*/
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	/*background: rgb(186, 207, 233);*/
	margin-right: 2px !important;
	padding: 2px;
}
.daysInterval
{
	font-size: 11px;
	/*font-weight: bold;*/
	color: rgb(45,80,132) !important;
	/*background: rgb(186, 207, 233);*/
	/*border: 1px solid rgb(60, 107, 155);*/
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	margin-right: 2px !important;
	padding: 2px;
	margin: 2px !important;
}
.absInitiated
{
	background: rgb(255,255,193);
}
.absInProgress
{
	background: rgb(170,213,255);
}
.absApproved
{
	background: rgb(157,227,159);
}
.absRejected
{
	background: rgb(252,147,112);
}
.absOtherUser
{
	background: #fff8dc;
}
.unprocessedBookings
{
	background: rgb(221,115,96);
}

.absProcessedWithoutErrors
{
	background: rgb(0,255,0);	
}

.absProcessedWithErrors
{
	background: rgb(242,0,0);	
}
.list .x-item-selected {
    font-weight: bold;
    color: #15428B;
    background-color: #DFE8F6;
    border: 1px dotted #A3BAE9;
}

.list {
    padding: 0;
}

.clsVT
{
	margin-left: auto;
	margin-right: auto;
}


.clsNavigateFirstEmployee
{
    background-image: url(../images/navUpSet16.png) !important;
}
.clsNavigateUpEmployee
{
    background-image: url(../images/navUp16.png) !important;
}
.clsNavigateDownEmployee
{
    background-image: url(../images/navDown16.png) !important;
}
.clsNavigateLastEmployee
{
    background-image: url(../images/navDownSet16.png) !important;
}


.clsNavigateBackPeriod
{
    background-image: url(../images/navBackwardPeriod16.png) !important;
}
.clsNavigateBackDay
{
    background-image: url(../images/navBackwardDay16.png) !important;
}
.clsNavigateToday
{
    background-image: url(../images/navToday16.png) !important;
}
.clsNavigateForwardDay
{
    background-image: url(../images/navForwardDay16.png) !important;
}
.clsNavigateForwardPeriod
{
    background-image: url(../images/navForwardPeriod16.png) !important;
}



.clsNavigateBackPeriod24
{
    background-image: url(../images/navBackwardPeriod24.png) !important;
}
.clsNavigateBackDay24
{
    background-image: url(../images/navBackwardDay24.png) !important;
}
.clsNavigateToday24
{
    background-image: url(../images/navToday24.png) !important;
}
.clsNavigateForwardDay24
{
    background-image: url(../images/navForwardDay24.png) !important;
}
.clsNavigateForwardPeriod24
{
    background-image: url(../images/navForwardPeriod24.png) !important;
}



.button-link .x-btn-text {
    cursor: pointer !important;
    cursor: hand !important;
    border: none !important;
    /* Disable the button-style */
    background-color: transparent !important;
    background:none !important;
    background-image:none !important;
    padding: 0px !important;
    color: red !important;
    text-decoration: underline !important;

}

 /* remove images */
 
.button-link .x-btn-tl,
.button-link .x-btn-tr,
.button-link .x-btn-tc,
.button-link .x-btn-ml,
.button-link .x-btn-mr,
.button-link .x-btn-mc,
.button-link .x-btn-bl,
.button-link .x-btn-br,
.button-link .x-btn-bc {
    background-image: none !important;
}

/* remove little dots in FF */

.button-link .x-btn-tl i,
.button-link .x-btn-tr i,
.button-link .x-btn-tc i,
.button-link .x-btn-ml i,
.button-link .x-btn-mr i,
.button-link .x-btn-mc i,
.button-link .x-btn-bl i,
.button-link .x-btn-br i,
.button-link .x-btn-bc i {
    font-size: 0px;
}
.clsButtonLarge
{
	font-weight: bold !important;
}

.clsBtnBooking
{
    background-image: url(../images/newBooking24.png) !important;
}


.clsSelectAll
{
    text-align:left !important;
    background-image: url(../images/selectAll16.png) !important;
}

.clsDeselectAll
{
    text-align:left !important;
    background-image: url(../images/deselectAll16.png) !important;
}


.clsSummary
{
	font-size: 12px;
	width: 400px;
}

.clsSummaryTR
{
	font-weight: bold;
	width: 150px;
}
.clsAbsenteeColor
{
	width: 5px !important;
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
}

.clsAbsTable
{
	width: 100%;
	color: black;
}

.clsAbsTableESS
{
	width: 100%;
	color: gray;
}

.clsAbsTitle
{
	font-size: 12px;
	font-weight: bold;
	background-color: rgb(174, 201, 227);
	padding: 2px;
}
.clsNoData
{
	font-size: 12px;
	font-weight: bold;
	/*background-color: rgb(174, 201, 227);*/
	padding: 2px;
}
.clsAbsCode
{
	font-size: 12px;
	font-weight: bold;
	min-width: 30px;
}
.clsAbsCodeDefinition
{
	font-size: 12px;
	font-weight: bold;
	width: 30px;
	padding-right: 5px;
	padding-left: 5px;
}
.clsAbsColor
{
}
.clsAbsNameDefinition
{
	font-size: 12px;
	min-width: 500px;
}
.clsAbsName
{
	font-size: 12px;
	min-width: 150px;
}
.clsAbsTime
{
	font-size: 12px;
	text-align: right;
	width: 30px;
}

.clsAbsTimeNoWidth
{
	font-size: 12px; 
	text-align: right;
}
.clsAuthorizer
{
	font-size: 12px;
	text-align: right;
	width: 30px;
	padding-left:5px;
}
.clsAbsTimeTM
{
	font-size: 10px;
	text-align: left;
}
.clsCountersTotal
{
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	width: 30px;
}
.clsCountersTotalRed
{
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	width: 30px;
	color: Red;
}
.clsLabelTooltipTitle
{
	font-size: 12px;
	font-weight: bold;
	color: rgb(40, 72, 104);
}

.clsLabelTooltipName
{
	font-size: 12px;
	font-weight: normal;
}
.clsLabelTooltipValue
{
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
}

.clsLabelResults
{
	font-size: 12px;
}

.clsBookingGo
{
    background-image: url(../images/bookingGo32.png) !important;
    text-align: center;
}
.clsBookingIn
{
    background-image: url(../images/bookingIn32.png) !important;
    text-align: center;
}
.clsBookingOut
{
    background-image: url(../images/bookingOut32.png) !important;
    text-align: center;
}
.clsBookingEnd
{
    background-image: url(../images/bookingEnd32.png) !important;
    width: 32px;
}
.clsBookingSwitchCC
{
    background-image: url(../images/bookingSwitchCC.png) !important;
    width: 32px;
}
.centeredContainer
{
	text-align:center !important;
}

.clsCloseLarge
{
    background-image: url(../images/close24.png) !important;
}

.summary
{
	/*background-color: rgb(255,255,232);*/
	/*border-left: 0px solid lightgray;*/
	/*border-top: 0px solid lightgray;*/
	/*border-right: 2px solid lightgray;*/
	/*border-bottom: 2px solid lightgray;*/
	width: 100%;
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	padding: 5px;
	font-family:Tahoma, Verdana, Sans-Serif;
	overflow: hidden;
	text-overflow:ellipsis;
}

.summaryItemName
{
	color: rgb(40, 72, 104);
	font-weight: bold;
	font-size: 12px !important;
	min-width: 120px;
}
.summaryItemValue
{
	color: rgb(40, 72, 104);
	font-weight: normal;
	font-size: 12px !important;
}

.clsDashTitle
{
	color: rgb(40, 72, 104);
	font-weight: bold;
	font-size: 12px !important;
	min-width: 130px;
}
.clsDashValue
{
	color: rgb(40, 72, 104);
	font-weight: normal;
	font-size: 12px !important;
}

.clsAnomaly16
{
    background-image: url(../images/anomaly16.png) !important;
}
.groupOVDay
{
	font-family:Tahoma, Verdana, Sans-Serif;
	font-size: 9px;
	padding: 0px;
}
.grpOvDPWeekendDay
{
	font-weight: bold;
	color: gray;
}
.grpOvDPWeekDay
{
	font-weight: bold;
}
.grpOvDP
{
	font-weight: bold;
}
.grpOvAbsCode
{
	font-weight: normal;
}
#groupOVtable.x-grid-cell-inner
{
	padding: 0px;
}
.groupOVtableEmpl
{
	background: rgb(221,230,255) !important;
}
.groupOVtableTotalDp
{
	background: rgb(234,234,234) !important;
}
.groupOVtableTotalAbs
{
	background: rgb(234,234,234) !important;
}
.groupOVtableWeekDay
{
	/*background: rgb(221,230,237) !important;
	border: 2px solid green !important;
	cursor:pointer;
	border: 1px solid black !important;*/
}
.groupOVtableWeekendDay
{
	/*//background-color: rgb(177,198,214) !important;
	border: 1px solid red !important;
	cursor:pointer;
	color: Red;
	border: 1px dotted solid */
}

.groupOVtableWeekDayGroupView
{
	background: rgb(221,230,237) !important;
	font-weight: bold;
}
.groupOVtableWeekendDayGroupView
{
	background-color: rgb(177,198,214) !important;
	font-weight: bold;
}

.groupOVHeader
{
	font-family:Tahoma, Verdana, Sans-Serif;
	font-size: 9px;
	padding: 2px;
	cursor: default !important;
	background-color: #068cd8 !important;
}
.groupOVHeaderDOW
{
	font-size: 9px;
	font-weight: bold;
	color: White !important;
	text-align:center;
}
.groupOVHeaderDay
{
	font-size: 9px;
	color: White !important;
	text-align:center;
}
.groupOVHeaderDOWNormal
{
	font-size: 10px;
	font-weight: bold;
	color: Black !important;
	text-align:center;
}
.groupOVHeaderDayNormal
{
	font-size: 10px;
	font-weight: bold;
	color: Black !important;
	text-align:center;
}
.groupOVHeaderWEnd
{
	font-family:Tahoma, Verdana, Sans-Serif;
	font-size: 9px;
	padding: 2px;
	cursor: default !important;
	background-color: rgb(81,120,153) !important;
}
.groupOVHeaderDOWWEnd
{
	font-size: 9px;
	font-weight: bold;
	color: white !important;
	text-align:center;
}
.groupOVHeaderDayWEnd
{
	font-size: 9px;
	color: white !important;
	text-align:center;
}
.groupOVWendCell
{
	border-left: 1px solid rgb(153,187,232) !important;
}
.xxx
{
}

.yyy
{
	background-color: yellow !important;
	background-image: none;
}
.zzz
{
	background-color: rgb(221,230,237) !important;
}
.noRowsToDisplay
{
	font-weight: bold !important;
	padding: 10px !important;
	color: Gray !important;
}

.bookingNew
{
	background-color: rgb(153,187,232) !important;
}
.bookingNewFlash
{
	background-color: rgb(255,128,64) !important;
}
.noToDo
{
	font-size: 11px;
	color: green;
}
.toDoRed
{

}
.toDoGreen
{

}

.toDoRedCLONE
{
	/*border-radius: 8px !important;*/
	/*-moz-border-radius: 8px !important;*/
	/*background-color: red !important;*/
}
.toDoGreenCLONE
{
	/*border-radius: 8px !important;*/
	/*-moz-border-radius: 8px !important;*/
	/*background-color: green !important;*/
}

.notifBtnAnomalies,
.notifBtnAbsenceRequest,
.notifBtnAuthBookings,
.notifBtnFailedServices,
.notifBtnMessage,
.notifBtnError,
.notifBtnDisconnectedTerminals,
.notifBtnAppUpdates
{
    height: 25px;
    background-image: none !important;
	border-top: 0px solid rgb(192, 192, 192) !important; 
	border-left: 0px solid rgb(192, 192, 192) !important; 
	border-right: 0px solid rgb(134, 134, 134) !important; 
	border-bottom: 0px solid rgb(134, 134, 134) !important; 
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	color: #333333 !important;
}

.notifBtnAnomalies span,
.notifBtnAbsenceRequest span,
.notifBtnAuthBookings span,
.notifBtnFailedServices span,
.notifBtnMessage span,
.notifBtnError span,
.notifBtnDisconnectedTerminals span,
.notifBtnAppUpdates span
{ 
    color: #000 !important;
}
.notifBtnAppUpdates
{
    background-color: rgb(78, 249, 14) !important;
}
.notifBtnAnomalies
{
    background-color: #fba163 !important;
}
.notifBtnAbsenceRequest
{
    background-color: rgb(255, 255, 128) !important;
}
.notifBtnAuthBookings
{
    background-color: rgb(140, 198, 255) !important;
}
.notifBtnFailedServices
{
    background-color: rgb(255, 132, 132) !important;
}
.notifBtnMessage
{
    background-color: rgb(181, 230, 29) !important;
}
.notifBtnError
{
    color: white !important;
    background-color: red !important;
}
.notifBtnDisconnectedTerminals
{
    background-color: #fdacac !important;
}


/*
.notifBtnRed
{
    background-image: none !important;
    background-color: red !important;
	border: 2px solid white !important;
}

.notifBtnOrange
{
    background-image: none !important;
    background-color: orange !important;
	border: 2px solid orange !important;
}
.notifBtnGreen
{
    background-color: green !important;
    background-image: none !important;
	border: 2px solid green !important;
}
.notifBtnBlue
{
    background-color: Blue !important;
    background-image: none !important;
	border: 2px solid Blue !important;
}*/
.clsGroupResetPassword
{
	text-align: left !important;
	background-image: url(../images/resetPassword16.png) !important;
}
.timeCard
{
	text-align: left !important;
    background-image: url(../images/timeCard32.png) !important;
}
.timeCard16
{
	text-align: left !important;
    background-image: url(../images/timeCard16.png) !important;
}

#dealerPanel .x-panel-body
{
	width: 320px;
	height: 140px;
	background: transparent !important;
	background: url(../images/dealerBrandImage.png) no-repeat !important;
	background-repeat: no-repeat;
	/*border: 1px solid lightgray;*/
	padding: 10px;
}
#brandingPanel .x-panel-body
{
	background: transparent !important;
	background-image: url(../images/astrowBrandImage.png) !important;
	width: 320px;
	height: 200px;
	background-repeat: no-repeat;
	/*border: 1px solid lightgray;*/
	padding: 10px;
}
/*#bkPanel .x-panel-body
{
	background: none !important;
	background-image: none !important;
	background-image: url(../images/astrowBkLogo.png) !important;
	background-repeat: no-repeat;
	width: 700px;
	height: 400px;
	padding: 0px;
	border-radius: 30px !important;
	-moz-border-radius: 30px !important;
}*/

.contactPanel
{
	background-image: url(../images/contactCard.png) !important;
	width: 320px;
	height: 220px;
	padding: 20px;
	border-radius: 30px !important;
	-moz-border-radius: 30px !important;
}

.contactTitle
{
	vertical-align:top;
	width: 100px;
	font-size: 12px;
	color: rgb(0,129,189);
	font-weight: bold;
}

.contactValue
{
	font-size: 12px;
	color: black;
}

.newsPanel
{
	background-image: url(../images/contactCard.png) !important;
	width: 320px;
	height: 180px;
	padding: 20px;
	border-radius: 30px !important;
	-moz-border-radius: 30px !important;
}
.newsTable
{
	margin-top: 10px;
}
.newsTitle
{
	width: 100%;
	font-size: 12px;
	color: black;
	padding-top: 5px;
	font-weight: bold;
}
.newsItem
{
	vertical-align:top;
	padding: 1px;
	width: 100%;
	font-size: 11px;
	color: Blue;
	font-weight: normal;
}

.clsUser
{
    background-image: url(../images/users16.png) !important;
}

.clsTopLogout
{
   background-image: url(../images/logout16.png) !important;
}

.clsMyAccount
{
   background-image: url(../images/users16.png) !important;
}

.clsTopAbsenceRequestsActive
{
   background-image: url(../images/tbarRequestAuthorizationActive16.png) !important;
}
.clsTopAbsenceRequestsInactive
{
   background-image: url(../images/tbarRequestAuthorizationInactive16.png) !important;
}
.clsTopAbsenceRequestsFlash
{
   background-image: url(../images/tbarRequestAuthorizationFlash16.png) !important;
}

.clsTopGdprRequestsActive
{
   background-image: url(../images/tbarGdprRequestAuthorizationActive16.png) !important;
}
.clsTopGdprRequestsInactive
{
   background-image: url(../images/tbarGdprRequestAuthorizationInactive16.png) !important;
}
.clsTopGdprRequestsFlash
{
   background-image: url(../images/tbarGdprRequestAuthorizationFlash16.png) !important;
}


.clsTopBookingsAuthActive
{
   background-image: url(../images/tbarBookingsAuthorizationActive16.png) !important;
}
.clsTopBookingsAuthInactive
{
   background-image: url(../images/tbarBookingsAuthorizationInactive16.png) !important;
}
.clsTopBookingsAuthFlash
{
   background-image: url(../images/tbarBookingsAuthorizationFlash16.png) !important;
}

.clsTopMyMessagesActive
{
   background-image: url(../images/tbarMessageActive16.png) !important;
}
.clsTopMyMessagesInactive
{
   background-image: url(../images/tbarMessageInactive16.png) !important;
}
.clsTopMyShiftChangeReqsActive
{
   background-image:url(../images/change_shift_active16.png) !important;
}
.clsTopMyShiftChangeReqsInactive
{
   background-image: url(../images/change_swift_inactive.png) !important;
}
.clsTopMyShiftChangeReqsFlash
{
   background-image: url(../images/tbarServicesStatusFlash16.png) !important;
}
.clsTopServicesStatusActive
{
   background-image: url(../images/tbarServicesStatusActive16.png) !important;
}
.clsTopMyServicesStatusInactive
{
   background-image: url(../images/tbarServicesStatusInactive16.png) !important;
}
.clsTopServicesStatusFlash
{
   background-image: url(../images/tbarServicesStatusFlash16.png) !important;
}


.clsTopTerminalStatusActive
{
   background-image: url(../images/tbarTerminalStatusActive16.png) !important;
}
.clsTopTerminalStatusInactive
{
   background-image: url(../images/tbarTerminalStatusInactive16.png) !important;
}
.clsTopTerminalStatusFlash
{
   background-image: url(../images/tbarTerminalStatusFlash16.png) !important;
}



.clsTopMyMessagesFlash
{
   background-image: url(../images/tbarMessageFlash16.png) !important;
}

.clsDayView16
{
   background-image: url(../images/dayView16.png) !important;
}

#topToolbar .x-btn-inner
{
	color: White;
}

.topToolbarLabel
{
	margin-top: -1px !important;
	color: white;
}

.topBarActive {
    border: 0px !important;
    background-image: url(../images/topAstrowLogo.png) !important;
    background-repeat: no-repeat;
    background-color: rgb(0, 134, 229) !important;
    background-color: rgb(0,128,190) !important;
    background-color: #009de0 !important;
    background-color: #107eb5 !important;
    background-color: #068cd8 !important;
    background-color: #0090d2 !important;
    background-color: #0090d2 !important;
    padding: 0px !important;
    font-size: 11px;
}
.topBarActiveOrange
{
    border: 0px !important;
    background-image: url(../images/topAstrowLogo.png) !important;
    background-repeat: no-repeat; 
    background-color: rgb(255,162,67)!important;
    font-size: 11px;
	padding: 0px !important;
}
#topToolbar{
    background-image: url(../images/topAstrowLogo.png) !important;
    background-repeat: no-repeat; 
}
#topBarActiveOrange {
    background-image: url(../images/topAstrowLogo.png) !important;
    background-repeat: no-repeat; 
}

/* TABBAR settings */

.x-btn-default-small {
    border-radius: 0px;
    border: 1px solid #0090d2;
    background-color: #0090d2;
    background-color: #0090d2;
    background-image: none !important;
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
}
.x-btn-default-small-pressed { 
    border: 1px solid rgba(0, 154, 229, 0.59) !important;
    background-color: rgba(0, 154, 229, 0.59) !important;
    background-image: none !important;
}

.x-tab-bar-strip {
    top: 32px !important; 
}

.x-tab-bar .x-tab-bar-body 
{
    height: 33px !important; 

}
/*
.x-tab-bar .x-tab-bar-body .x-box-inner 
{
    height: 33px !important; 

}
*/
.x-tab-bar .x-tab-bar-body
{
}

.x-tab-bar .x-tab-bar-body .x-box-inner .x-tab 
{
    height: 33px !important; 
}

.x-tab-bar .x-tab-bar-body .x-box-inner .x-tab button 
{
    height: 23px !important; 
    min-width: 120px !important;
    text-align: center;
}
.x-tab-bar .x-tab-active
{
	border: 0px solid rgb(136,174,225) !important;
	border-bottom: 3px solid orange !important;
	background-color: rgb(190,211,239) !important;
	background-image: none !important;
	background-color: transparent !important;
}
.x-tab-default
{
	border: 0px !important; 
	border-left: 0px !important; 
}

.x-tab-default-top
{
	-webkit-box-shadow: white 0 1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;
	box-shadow: white 0 1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;
	height: 20px  !important;
	background-image: none !important;
	background-color: transparent !important;
}	

.x-tab-default-top-active 
{
}

.x-tab button 
{
	color: black;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
}
.x-tab-active button {
    color: #0090d2 !important;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
}
.x-form-field {
    /* border-radius: 4px !important; */
    -moz-border-radius: 4px !important;
}
.loginPageAdv
{
}

.loginPanel
{
	background: transparent !important;
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
}
.x-toolbar .tbTextBlue{
    margin-left: 4px;
    margin-right: 6px;
    white-space: nowrap;
	font-weight: bold  !important;
	color: rgb(0, 129,190) !important;
    line-height: 16px;
    font-family: tahoma, arial, verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
.holidayPeriodText
{
	font-weight: bold  !important;
	color: rgb(0, 129,190) !important;
}
.holidayPeriodTextLabel
{
	font-weight: normal;
	color: black;
}

.advFrame
{
	margin-left: 15px; 
	height: 455; 
	width: 555;
	scrolling: auto;
    transform: scale(0.92, 0.92);
    -ms-transform: scale(0.92, 0.92);
    -webkit-transform: scale(0.92, 0.92);
}

.notificationRedButton
{
	background-color: rgb(255,136,136) !important;
	background-image: none !important;
}
.notificationGreenButton
{
	background-color: rgb(128,255,128) !important;
}


.clsFullScreen
{
   background-image: url(../images/fullScreen16.png) !important;
}
.clsExitFullScreen
{
   background-image: url(../images/ExitFullScreen16.png) !important;
}
.clsPIPA
{
   background-image: url(../images/PIPS0_16.png) !important;
}
.clsPIPP
{
   background-image: url(../images/PIPS1_16.png) !important;
   
}
.clsPIPAll
{
   background-image: url(../images/PIPAll16.png) !important;
}

.clsPIPS0
{
   background-image: url(../images/PIPS0_16.png) !important;
}
.clsPIPS1
{
   background-image: url(../images/PIPS1_16.png) !important;
}
.clsPIPS2
{
   background-image: url(../images/PIPS2_16.png) !important;
}
.clsPIPS3
{
   background-image: url(../images/PIPS3_16.png) !important;
}
.clsPIPS4
{
   background-image: url(../images/PIPS4_16.png) !important;
}
.clsPIPS5
{
   background-image: url(../images/PIPS5_16.png) !important;
}
.clsPIPS6
{
   background-image: url(../images/PIPS6_16.png) !important;
}
.clsPIP
{
   background-image: url(../images/PIP32.png) !important;
   cursor: pointer !important;
}

#PIP div.PIP {
    float: left;
    margin: 4px 1px 0px 4px;
    text-align: left;
	font-family: tahoma,verdana,sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #1F608F;
	background-color: white;
	display: flex;
	padding: 2px 0px 2px 2px;
	overflow: hidden;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
	border-right: 0px !important;
	border-left: 0px !important;
	border-bottom: 0px !important;
	border-top: 1px solid rgb(230,230,230) !important;
}

.clsGuest 
{
    background-image: url("../images/guestMarker.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}

.PIPImage
{
	margin-right: 5px;
}

.x-ie6 #PIP div.PIP,
.x-ie7 #PIP div.PIP,
.x-ie8 #PIP div.PIP {
    padding: 3px 2px;
    margin: 2px;
}


#PIP div.PIP-hover {
    background-color: #eee;
}

#PIP .x-item-selected {
    background-color: #D3E1F1 !important;
}

#PIP div.PIP strong {
    color: #000;
    display: block;
}

.rehabNormalRecord
{
	color: Black;
	background-color: white !important;
}
.rehabTotalRecord
{
	color: Black;
	font-weight: bold !important;
	background-color: rgb(177,198,214) !important;
}

.rehabHeader
{
	color: white;
	padding: 0px;
	text-align: center;
	background-color: rgb(63,95,120) !important;
}
.rehabHeader2
{
	color: Black;
	font-weight: bold !important;
	text-align: center;
}
.rehabEmplName
{
	color: rgb(63,95,120);
}
.x-column-header-inner
{
	padding-top: 2px !important;
}
.red
{
	color:Red !important;
}

.clsRestPassword
{
    background-image: none !important;
    background: transparent !important;
    background-repeat: no-repeat;
    border-color: transparent !important;
    font-size: 12px !important;
}
.clsRestPassword span
{
    font-size: 12px !important;
}
.clsPIPDiv
{
    border-top: 1px solid #a4cde1; 
}
.clsAddHol
{
    background-image: url(../images/addHoliday.png) !important;    
    font-weight: bold !important;
    text-align: left;
}
.clsEditHol
{
    background-image: url(../images/editHoliday.png) !important;    
    font-weight: bold !important;
    text-align: left;
}
.clsDelHol
{
    background-image: url(../images/deleteHoliday.png) !important;    
    font-weight: bold !important;
    text-align: left;
}
.clsSingleEmpCalc
{
    background-image: url(../images/singleEmpCalc48.png) !important;    
    font-weight: bold !important;
    text-align: left;
}

.clsSingleEmpCalc16
{
    background-image: url(../images/singleEmpCalc16.png) !important;    
    text-align: left;
}
.clsFailedNotif
{
    background-image: url(../images/failedNotif48.png) !important;    
    font-weight: bold !important;
    text-align: left;
}

.clsFailedNotifWindow
{
    background-image: url(../images/failedNotif16.png) !important;    
}

.clsServicesStatus
{
    background-image: url(../images/servicesStatus48.png) !important;    
    font-weight: bold !important;
    text-align: left;
}

.clsServicesStatusWindow
{
    background-image: url(../images/servicesStatus16.png) !important;    
}

.clsOperationLogWindow, .clsOperationLog16
{
    background-image: url(../images/operationLog16.png) !important;
}

.clsSetBtn
{
    background-image: url(../images/setBtn16.png) !important;
}

.clsOpenReportDefWindow
{
    background-image: url(../images/openReportDefWindow16.png) !important;    
}

.clsReload
{
 	text-align: left !important;
 	background-repeat: no-repeat !important;
    background-image: url(../images/reload16.png) !important;    
}

.clsDisable
{
    text-align: left !important;
    background-image: url(../images/disable16.png) !important;    
}
.clsInfo
{
    text-align: left !important;
    background-image: url(../images/info16.png) !important;    
}

.clsEnroll
{
    text-align: left !important;
    background-image: url(../images/enroll16.png) !important;    
}

.clsArrowRight
{
    padding-left: 25px !important;
}
.errorListClass
{
    background-image: url('../../ext/resources/themes/images/default/shared/icon-warning.gif') !important;
    background-repeat: no-repeat !important;
    padding-left: 40px !important;
    padding-top: 5px !important;
    font-weight: bold !important;
    color: red !important;
    margin: 8px  !important;
    height: 50px  !important;
}

.astrowServiceImg1
{
    background-image: url(../images/astrowServiceImg1.png) !important;
	background-repeat: no-repeat;
    width: 300px;
    height: 32px;
}
.iServerAstrowServiceImg1
{
	background-repeat: no-repeat;
    background-image: url(../images/iServerAstrowServiceImg1.png) !important;
	background-repeat: no-repeat;
    width: 300px;
    height: 32px;
}
.notificationServiceImg1
{
	background-repeat: no-repeat;
    background-image: url(../images/notificationServiceImg1.png) !important;
	background-repeat: no-repeat;
    width: 470px;
    height: 205px;
}
.calculationServiceImg1
{
	background-repeat: no-repeat;
    background-image: url(../images/calculationServiceImg1.png) !important;
	background-repeat: no-repeat;
    width: 470px;
    height: 125px;
}
.clsSave
{
    background-image: url(../images/save16.png) !important;
}
.clsSaveLeft
{
    text-align: left !important;
    background-image: url(../images/save16.png) !important;
}
.clsOk
{
    background-image: url(../images/ok16.png) !important;
}

.clsCancel
{
    background-image: url(../images/cancel16.png) !important;
}
.clsClose
{
    background-image: url(../images/close16.png) !important;
}
.clsCloseLeft
{
    text-align: left !important;
    background-image: url(../images/close.png) !important;
}
.clsOrder
{
    background-image: url(../images/order16.png) !important;
}
.bodyClass
{
	background-image: url(../images/backgroundWork9.jpg) !important;
	background-image: none !important;
    background: rgba(242,246,248,1) !important;
    background: -moz-radial-gradient(center, ellipse cover, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 37%, rgba(224,239,249,1) 60%, rgba(202,218,228,1) 75%, rgba(181,198,208,1) 89%) !important;
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(242,246,248,1)), color-stop(37%, rgba(216,225,231,1)), color-stop(60%, rgba(224,239,249,1)), color-stop(75%, rgba(202,218,228,1)), color-stop(89%, rgba(181,198,208,1))) !important;
    background: -webkit-radial-gradient(center, ellipse cover, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 37%, rgba(224,239,249,1) 60%, rgba(202,218,228,1) 75%, rgba(181,198,208,1) 89%) !important;
    background: -o-radial-gradient(center, ellipse cover, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 37%, rgba(224,239,249,1) 60%, rgba(202,218,228,1) 75%, rgba(181,198,208,1) 89%) !important;
    background: -ms-radial-gradient(center, ellipse cover, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 37%, rgba(224,239,249,1) 60%, rgba(202,218,228,1) 75%, rgba(181,198,208,1) 89%) !important;
    background: radial-gradient(ellipse at center, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 37%, rgba(224,239,249,1) 60%, rgba(202,218,228,1) 75%, rgba(181,198,208,1) 89%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#b5c6d0', GradientType=1 ) !important;
}

.x-docked-top {
    border-bottom-width: 0px !important;
}
/*
.x-box-menu-right {
    float: right;
    overflow: visible;
}*/
.clsServiceStatus
{
    background-color: Red !important;
    cursor: default !important;
    color: Red !important;
    background: url(../images/warning16.png) no-repeat !important;
}

.copyright
{
	font-size: 12px;
	font-family:Verdana, Sans-Serif;
	color: white !important;
	margin: 20px 10px 10px 10px;
}
.hrefCopyright
{
	font-size: 12px;
	 
	color: lightgray !important;
	text-decoration: none;
}
.hrefCopyright2
{
	font-size: 11px;
	font-family:Verdana, Sans-Serif;
	margin: 10px 10px 10px 10px !important;
	color: rgb(0,129,189) !important;
}

.statusInfo
{
	color: green;
}

.statusWarning
{
	color: rgb(209,117,14);
}

.statusError
{
	color: red;
}

.manualBooking
{
    text-decoration: underline !important;
}
.manualBookingTM
{
    text-decoration: underline !important;
    margin-right :4px;
}
.clsTeamAnomalies
{
    text-align: left !important;
    background-repeat: no-repeat;
    background-image: url(../images/teamAnomalies16.png) !important;
}
.clsTeamIllnessControl
{
    text-align: left !important;
    background-repeat: no-repeat;
    background-image: url(../images/illness16.png) !important;    
}
.clsExportTeamIllnessControl
{
    text-align: left !important;
    background-repeat: no-repeat;
    background-image: url(../images/illness16.png) !important;    
}
.clsTeamIllnessControlByGender
{
    text-align: left !important;
    background-repeat: no-repeat;
    background-image: url(../images/illnessGender16.png) !important;
    
}
.clsTeamHolidayCard
{
    text-align: left !important;
    background-repeat: no-repeat;
    background-image: url(../images/holidayCard16.png) !important;
}
.clsTeamHolidayCard2
{
    text-align: left !important;
    background-repeat: no-repeat;
    background-image: url(../images/holidayCard16.png) !important;
}
.clsTeamTimecard
{
    text-align: left !important;
    background-repeat: no-repeat;
    background-image: url(../images/timeCard16.png) !important;
}
.clsTeamTimecardTotals
{
    text-align: left !important;
    background-repeat: no-repeat;
    background-image: url(../images/timeCardTotals16.png) !important;
}
.clsVCounters
{
    text-align: left !important;
    background-repeat: no-repeat;
    background-image: url(../images/vCounters16.png) !important;
}
.clsTeamPlanning
{
    text-align: left !important;
    background-repeat: no-repeat;
    background-image: url(../images/teamManager16.png) !important;
}
.clsTeamAbsences
{
    text-align: left !important;
    background-repeat: no-repeat;
     background-image: url(../images/addAbsences16.png) !important;
}
.clsTeamEmployee
{
    text-align: left !important;
    background-repeat: no-repeat;
     background-image: url(../images/employees16.png) !important;
}
.clsHelp16
{
    text-align: left !important;
    background-repeat: no-repeat;
    background-image: url(../images/help16.png) !important;
}
.clsGuideBtn
{
    text-align: left !important;
    background-repeat: no-repeat;
    background-image: url(../images/guide16.png) !important;
}

.clsEWTDInWorkRestBreakViolation
{
    text-align: left !important;
    background-repeat: no-repeat;
     background-image: url(../images/food16.png) !important;
}
.clsEWTDSupplementaryHours
{
    text-align: left !important;
    background-repeat: no-repeat;
     background-image: url(../images/supplementaryHours16.png) !important;
}
.clsEWTDWeeklyRestViolation
{
    text-align: left !important;
    background-repeat: no-repeat;
     background-image: url(../images/schedule_16.png) !important;
}
.clsEWTDDailyRestViolation
{
    text-align: left !important;
    background-repeat: no-repeat;
     background-image: url(../images/appointment_scheduler_16.png) !important;
}
.clsEWTDAverageWorkingWeek
{
    text-align: left !important;
    background-repeat: no-repeat;
     background-image: url(../images/averageWorkingWeek16.png) !important;
}
.exportEmptyColumn
{
	background: rgb(211,211,211);
}

.testExportFormat
{
    float: left;
    background-repeat: no-repeat;
    background-image: url(../images/testFormat.png) !important;
    width: 64px;
    height: 64px;
}

.testExportFieldError
{
    background-color: red !important;
}
.clsRunReport16
{
     text-align: left !important;
     background-image: url(../images/runReport16.png) !important;
}
.clsConfigure16
{
     text-align: left !important;
     background-image: url(../images/configure16.png) !important;
}
.clsDisplayReport16
{
     text-align: left !important;
     background-image: url(../images/displayReport.png) !important;
}
.clsRunExport16
{
     text-align: left !important;
     background-image: url(../images/runExport16.png) !important;
}
.clsDownloadCsv16
{
    text-align: left !important;
    background-image: url(../images/downloadCsv16.png) !important;
}

.clsTextAlign
{
    text-align: left !important;
}

.clsTermSerialNoConnected
{
    vertical-align:bottom !important; 
    font-weight: bold !important;  
}
.clsTermSerialNoDisconnected
{
    vertical-align:bottom !important;  
    color: gray;
}

.clsParameter16
{
     text-align: left !important;
     background-image: url(../images/parameter16.png) !important;
}
.clsList16
{
     text-align: left !important;
     background-image: url(../images/list16.png) !important;
}

.clsDownload16
{
     text-align: left !important;
     background-image: url(../images/download16.png) !important;
}
.clsUpload16
{
     text-align: left !important;
     background-image: url(../images/upload16.png) !important;
}

.clsSynchronize16
{
     text-align: left !important;
     background-image: url(../images/synchronize16.png) !important;
}
.clsSql16
{
     text-align: left !important;
     background-image: url(../images/sql16.png) !important;
}
.clsUpgradeFirmware16
{
     text-align: left !important;
     background-image: url(../images/upgradeFirmware16.png) !important;
}
.clsReconnect16
{
     text-align: left !important;
     background-image: url(../images/reconnect16.png) !important;
}
.clsReprogram16
{
    text-align: left !important;
    background-image: url(../images/reprogram16.png) !important; 
}
.clsReboot16
{
     text-align: left !important;
     background-image: url(../images/reboot16.png) !important;
}
.clsDelete16
{
    text-align: left !important;
    background-image: url(../images/deleteItem16.png) !important;
    background-repeat:no-repeat !important;
}
.clsReprocess16
{
     text-align: left !important;
     background-image: url(../images/reprocess16.png) !important; 
}

.clsBtnBookingLog 
{
     background-image: url(../images/newBooking16.png) !important; 
}

.clsBtnAbsenceLog
{
    background-image: url(../images/addAbsences16.png) !important;
}
.terminalNotConnected
{
	background-color: white !important;
}

.terminalConnected
{
	background-color: white !important;
}

.statusProcessedComm
{
	color: green;
}

.statusInProgressComm
{
	color: blue;
}

.statusErrorComm
{
	color: red;
}
.statusNotProcessedComm
{
    color: Gray;    
}
.titleTooltip
{
	background-color: rgb(82,138,196) !important;
	/*border: 1px solid rgb(82,138,196) !important;*/
	padding: 2px;
	border: 1px solid rgb(142,170,206);
	border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	min-witdh: 150px !important;
}

.freeItemsLabelWrapperCls
{
}

.freeItemsLabelWrapperCls label 
{
    background-color: #FEFAF2;
    border-radius: 4px;
    line-height: 17px;
    padding-left: 4px;
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
}

.freeItemsLabelWrapperCls label:hover 
{
    background-color:#eee;
    cursor: pointer;
}

.clsCycle
{
    background-image: url(../images/cycle16.png) !important; 
}

.clsPaygroup
{
    background-image: url(../images/paygroup16.png) !important; 
}

.clsCostgroup
{
    background-image: url(../images/costgroup16.png) !important; 
}

.clsTouchMemoryCode
{
    background-image: url(../images/touchMemoryCode16.png) !important; 
}

.clsResetField
{
    background-image: url(../images/false16.png) !important;
    background-repeat: no-repeat !important; 
}

.clsValidField
{
    background-image: url(../images/true16.png) !important;
    background-repeat: no-repeat !important; 
}

.clsChopGroup16
{
    background-image: url(../images/chopGroup16.png) !important; 
}

.clsDepartmentList16
{
    background-image: url(../images/department16.png) !important; 
}

.clsIllnessRules16
{
    background-image: url(../images/illness16.png) !important; 
}

.clsTerminalGroupList16
{
    background-image: url(../images/terminalGroup16.png) !important; 
}

.clsIT30Terminal16
{
     text-align: left !important;
    background-image: url(../images/terminalIT30_16.png) !important; 
}

.clsIT300Terminal16
{
    text-align: left !important;
    background-image: url(../images/terminalIT300_16.png) !important; 
}

.clsIT500Terminal16
{
    text-align: left !important;
    background-image: url(../images/terminalIT500_16.png) !important; 
}
.clsMorpho500Plus16
{
    text-align: left !important;
    background-image: url(../images/terminalIT300_16.png) !important; 
}

.clsChangeCycle
{
    text-align: left !important;
    background-image: url(../images/cycle16.png) !important;      
}

.clsResultGroupList16
{
    background-image: url(../images/resultGroup16.png) !important; 
}

.clsImport16
{
    text-align: left !important;
     background-image: url(../images/import16.png) !important; 
}

.clsBack16
{
     background-image: url(../images/back16.png) !important; 
}

.clsNext16
{
    text-align: left !important;
     background-image: url(../images/next16.png) !important;
}
.clsStop16
{
    text-align: left !important;
    background-image: url(../images/stop16.png) !important; 
}

.clsPlay16
{
    text-align: left !important;
    background-image: url(../images/play16.png) !important; 
}

.clsStart16
{
    text-align: left !important;
    background-image: url(../images/navToday16.png) !important;
}

.clsResetDatabase16
{
    text-align: left !important;
    background-image: url(../images/resetDatabase16.png) !important;
}

.clsSettings16
{
    text-align: left !important;
    background-image: url(../images/systemSettings16.png) !important;
}
.longOperationPattern
{
    padding: 8px;
    color: Blue;
}

.clsDiscoverTerminals
{
    text-align: left !important;
     background-image: url(../images/discoverTerminals16.png) !important; 
}
.wizardToolbar
{
    font-size: 12px !important;
	background: rgb(30, 95, 235) !important;
}
.buttonToolbar
{
	font-weight: bold !important;
	color: white !important;
	font-size: 20px !important;
	border: 1px solid rgb(221,111,0) !important;
    background-color: lightcyan !important;
}
.clsTermActiveConnected
{
    text-align:center;
    vertical-align:bottom !important;  
    font-weight: bold !important;
	color: Green !important; 
}
.clsTermActiveNotConnected
{
    text-align:center;
    vertical-align:bottom !important;
	color: Green !important; 
}
.clsTermInactiveConnected
{
    text-align:center;
    vertical-align:bottom !important;  
    font-weight: bold !important;
	color: Gray !important; 
}
.clsTermInactiveNotconnected
{
    text-align:center;
    vertical-align:bottom !important;
	color: Gray !important; 
}



.clsTermActiveConnectedCenter
{
    text-align:center; 
    font-weight: bold !important;
	color: Green !important; 
}
.clsTermActiveNotConnectedCenter
{
    text-align:center;
	color: Green !important; 
}
.clsTermInactiveConnectedCenter
{
    text-align:center;
    font-weight: bold !important;
	color: Gray !important; 
}
.clsTermInactiveNotconnectedCenter
{
    text-align:center;
	color: Gray !important; 
}
.clsCalculate
{
    text-align: left !important;
    background-image: url(../images/reload16.png) !important; 
}
 .discoverTerminalsRows
{
    background-color: Gray !important;
    font-weight: bold !important;
}

.clsZIndexMax
{
    z-index: 100000 !important;
}

/*
escape clear field for IE10

*/
input[type=text]::-ms-clear 
{
    display: none;
}
.contextMenuClose
{
    text-align: left !important;
    background-image: url(../images/closeMenu.png) !important; 
}

.contextMenuMinimize
{
    text-align: left !important;
    background-image: url(../images/minimizeMenu.png) !important; 
}

.contextMenuMaximize
{
    text-align: left !important;
    background-image: url(../images/maximizeMenu.png) !important; 
}

.labelSeniority
{
    margin-left: 10px;
    font-size: 11px;
}
.clsOverflow
{
    overflow: auto;    
}
.grayColor
{
    color: #b5b8c8;
}
.clsGivenDays
{
    border-top:0px;    
    border-left:0px;    
    border-right:0px; 
    border-bottom:0px;
}
.clsGivenHours
{
    border-top:0px;  
    border-right:0px;  
    border-left:0px;   
    border-bottom:0px;
}

.clsNotEnrollableEmployee
{
    color: gray;
}

.clsEnrollableEmployee
{
    color: black;
}

.clsDeleteFingerprints
{
    text-align: left !important;
    background-image: url(../images/deleteFingerprints16.png) !important;    
}

.clsBaloonWarning .x-tip-header
{
    border-radius: 3px; 
    background-color: rgb(238, 152, 84); 
    background-image: url(../images/warning16.png);
    background-position: 2px;
    background-repeat:no-repeat;
    padding-bottom: 2px;
    padding-left: 17px;
}

.clsTryAgain16
{
    background-image: url(../images/tryAgain16.png) !important;
    background-color: transparent !important;
    border: none !important;
    margin: 0 10 !important;
    background-position: 0 3 important;
    background-repeat:no-repeat !important;
    z-index: 1000000 !important;
    display: block !important;
}

.clsDataCollection
{
    background-image: url(../images/dataCollection32.png) !important;
}
.clsDataCollection16
{
	
	text-align: left !important;
    background-image: url(../images/dataCollection16.png) !important;
}

.clsCellColor
{
    background-image: url(../images/cellColor16.png) !important;
}
.clsCellWeekendColor
{
    background-image: url(../images/cellWeekendColor16.png) !important;
}
.clsCellTodayColor
{
    background-image: url(../images/cellTodayColor16.png) !important;
}
.clsCellWidth
{
    background-image: url(../images/cellWidth16.png) !important;
}
.clsCellHeight
{
    background-image: url(../images/cellHeight16.png) !important;
}
.clsZoomIn
{
    background:url(../images/zoomIn24.png) no-repeat !important;
}
.clsZoom
{
    background:url(../images/zoom16.png) no-repeat !important;
}
.clsZoomOut
{
    background: url(../images/zoomOut24.png) no-repeat !important;
}
.clsCellView
{
    background: url(../images/cellView24.png) no-repeat !important;
}
.clsCellConfig
{
    background: url(../images/cellConfig24.png) no-repeat !important;
}

.clsZoomIn16
{
    background:url(../images/zoomIn16.png) no-repeat !important;
}
.clsZoomOut16
{
    background: url(../images/zoomOut16.png) no-repeat !important;
}
.clsCellView16
{
    background: url(../images/cellView16.png) no-repeat !important;
}
.clsCellConfig16
{
    background: url(../images/cellConfig16.png) no-repeat !important;
}

.clsOperations
{
    background:url(../images/cellConfig24.png) no-repeat !important;
}
.clsActions
{
    background-image: url(../images/actions24.png) !important;
}

.clsActions16
{
    background-image: url(../images/actions16.png) !important;
}

/*YEAR OVERVIEW*/
.thumbM_TM {
    border-left: 1px solid transparent !important;
    color: white;
    overflow: hidden;
    background-image: none !important;
    background-color: #0090d2 !important;
}
/*MONTHS*/
.thumbM {
    border: 1px solid  rgb(21,105,183) !important;
    border-left: 1px solid rgb(21,105,183);
    color: rgb(33,78,137);
    color: white;
    overflow: hidden;
    background-image:url(../images/monthCell.png) !important;
}

 .thumb-wrapM{
    border-left: 1px solid transparent !important;
    border-top: 1px solid #ffffff !important;
    border-bottom: 1px solid rgb(26, 104, 148) !important;
    color: rgb(33,78,137);
    color: white;
    overflow: hidden;
    background-image: none !important;
    background-color: #068cd8 !important;
    height: 100%;
}
 

.thumb-wrapMDP{
   /*float: left;*/
    margin-right: 0 !important;
    border-top:  1px solid #eeeeee !important;
    border-right: 1px solid #eeeeee !important;
    border-bottom: 1px solid rgb(183,183,183) !important;
}


 .thumbTDP {

    background-color: rgb(183,183,183) !important;
   
    color: white;
} 

.thumb-wrapMAbs{
   /*float: left;*/
    margin-right: 0 !important;
    border-top: 1px solid #eeeeee !important;
    border-right: 1px solid #eeeeee !important;
    border-bottom: 1px solid rgb(197,197,197) !important;
}


 .thumbTAbs {

    background-color: rgb(197,197,197) !important;
    /*border: 1px solid  #FFF !important;
    border-left: 1px solid  #FFF !important;*/
    color: white;
} 

 .thumb-wrapMTotalsCnt{
   /*float: left;*/
    overflow: hidden !important;
    margin-right: 0 !important;
    border-top: 1px solid #eeeeee !important;
    border-bottom: 1px solid #d0d0d0 !important;
}

 .thumb-wrapM span {
    
    display: block !important;
    overflow: hidden !important;
    text-align: left !important;
    /*padding-right:5px  !important;*/
    text-overflow: ellipsis;
}
 .thumb-wrapMTotalsCnt span {
    overflow: hidden !important;
}
 .x-item-over{
    
    background: red !important;
}
.thumbMonth
{
    font-size: 11px !important;
    text-align:center;
    border-color: transparent !important;
}
.thumbMonthYear
{
    font-size: 10px !important;
}

.thumbTotals {

    background-color: rgb(91,198,255) !important;
    border: 1px solid  rgb(91,198,255) !important;
    color: White;
}
.thumbTotalDP {
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 1px 1px 1px 1px;
    overflow: hidden  !important;
}

.thumbTot-wrapTop{
   /*float: left;*/
    margin-right: 0 !important;
    border: 1px solid rgb(0,208,208) !important;
}
 .thumbT {

    background-color: rgb(73,155,234) !important;
    border: 1px solid  rgb(73,155,234) !important;
    border-left: 1px dotted rgb(223,223,246) !important;
    color: white;
} 
.thumbTotalsCnt {

    background-color: #d0d0d0  !important;
   
    color: white;
}
/*CELL*/
 .thumbD 
{
    border: 1px solid rgb(94,136,170) !important;
    border: 1px solid rgb(255,255,255) !important;
    
	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
    
    border-color: transparent !important;
    overflow: hidden  !important;
    padding: 1px 1px 1px 1px;
}

.thumbDRequest 
{
    border: 1px solid rgb(94,136,170) !important;
    border: 1px solid rgb(255,255,255) !important;
	
	background-image: url(../images/requestTM.png) !important;
    background-repeat: repeat-x;
    
    border-radius: 3px !important;
	-moz-border-radius: 3px !important;
    
    overflow: hidden  !important;
    padding: 1px 1px 1px 1px;
}

.thumbDRequestOther 
{
    border: 1px solid rgb(94,136,170) !important;
    border: 1px solid rgb(255,255,255) !important;
	
	background-image: url(../images/requestTMOther.png) !important;
    background-repeat: repeat-x;
    
    border-radius: 3px !important;
	-moz-border-radius: 3px !important;
    
    overflow: hidden  !important;
    padding: 1px 1px 1px 1px;
}
.thumbAnomaly
{
    border: 1px solid rgb(94,136,170) !important;
    border: 1px solid rgb(255,255,255) !important;
    
    background-image: url(../images/anomayTM.png) !important;
    background-position:top right;
    background-repeat:no-repeat;
    border-radius: 3px !important;
	-moz-border-radius: 3px !important;
    
    overflow: hidden  !important;
    padding: 1px 1px 1px 1px;
}


.thumbAnomalyRequest
{
    border: 1px solid rgb(94,136,170) !important;
    border: 1px solid rgb(255,255,255) !important;
    
    background: url(../images/anomayTM.png), url(../images/requestTM.png);
    background-position: right top, top;
    background-repeat: no-repeat, repeat-x;

    border-radius: 3px !important;
	-moz-border-radius: 3px !important;
    
    overflow: hidden  !important;
    padding: 1px 1px 1px 1px;
}

.thumbAnomalyRequestOther
{
    border: 1px solid rgb(94,136,170) !important;
    border: 1px solid rgb(255,255,255) !important;
    
    background: url(../images/anomayTM.png), url(../images/requestTMOther.png);
    background-position: right top, top;
    background-repeat: no-repeat, repeat-x;

    border-radius: 3px !important;
	-moz-border-radius: 3px !important;
    
    overflow: hidden  !important;
    padding: 1px 1px 1px 1px;
}


.thumbAnomalyRequestNotes
{
    border: 1px solid rgb(94,136,170) !important;
    border: 1px solid rgb(255,255,255) !important;
    
    background: url(../images/anomayTM.png), url(../images/requestTM.png), url(../images/notes16TM.png) ;
    background-position: right top, top, right bottom ;
    background-repeat: no-repeat, repeat-x, no-repeat;

    border-radius: 3px !important;
	-moz-border-radius: 3px !important;
    
    overflow: hidden  !important;
    padding: 1px 1px 1px 1px;
}
.thumbAnomalyRequestNotesOther
{
    border: 1px solid rgb(94,136,170) !important;
    border: 1px solid rgb(255,255,255) !important;
    
    background: url(../images/anomayTM.png), url(../images/requestTMOther.png), url(../images/notes16TM.png) ;
    background-position: right top, top, right bottom ;
    background-repeat: no-repeat, repeat-x, no-repeat;

    border-radius: 3px !important;
	-moz-border-radius: 3px !important;
    
    overflow: hidden  !important;
    padding: 1px 1px 1px 1px;
}
.thumbRequestNotes
{
    border: 1px solid rgb(94,136,170) !important;
    border: 1px solid rgb(255,255,255) !important;
    
    background: url(../images/notes16TM.png), url(../images/requestTM.png);
    background-position: right bottom, top;
    background-repeat: no-repeat, repeat-x;

    border-radius: 3px !important;
	-moz-border-radius: 3px !important;
    
    overflow: hidden  !important;
    padding: 1px 1px 1px 1px;
}
.thumbRequestNotesOther
{
    border: 1px solid rgb(94,136,170) !important;
    border: 1px solid rgb(255,255,255) !important;
    
    background: url(../images/notes16TM.png), url(../images/requestTMOther.png);
    background-position: right bottom, top;
    background-repeat: no-repeat, repeat-x;

    border-radius: 3px !important;
	-moz-border-radius: 3px !important;
    
    overflow: hidden  !important;
    padding: 1px 1px 1px 1px;
}

.thumbAnomalyNotes
{
    border: 1px solid rgb(94,136,170) !important;
    border: 1px solid rgb(255,255,255) !important;
    
    background: url(../images/anomayTM.png), url(../images/notes16TM.png);
    background-position: right top, right bottom;
    background-repeat: no-repeat, no-repeat;

    border-radius: 3px !important;
	-moz-border-radius: 3px !important;
    
    overflow: hidden  !important;
    padding: 1px 1px 1px 1px;
}

.thumbNotes
{
    border: 1px solid rgb(94,136,170) !important;
    border: 1px solid rgb(255,255,255) !important;
    
    background: url(../images/notes16TM.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    

    border-radius: 3px !important;
	-moz-border-radius: 3px !important;
    
    overflow: hidden  !important;
    padding: 1px 1px 1px 1px;
}

 .thumbDToday 
{
    border: 1px solid rgb(94,136,170) !important;

	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
    
    border-color: rgb(208,208,208) !important;
    overflow: hidden  !important;
    background-color: rgb(207,237,254) !important;
    padding: 1px 1px 1px 1px;
} 
 .thumbDTodayRequest 
{
    border: 1px solid rgb(94,136,170) !important;
	background-image: linear-gradient( #F70505 0%, #F8E4E4 20%, transparent 30%, transparent 100%);

	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
    
    border-color: rgb(208,208,208) !important;
    overflow: hidden  !important;
    background-color: rgb(207,237,254) !important;
    padding: 1px 1px 1px 1px;
} 
.thumb-wrapD{
    /*float: left;*/
    margin-right: 0 !important;
    border: 1px solid #ffffff !important;
    /*cursor:progress;*/
}
.thumbTM-wrapDTM{
    /*float: left;*/
    margin-right: 0 !important;
    border: 1px solid #eeeeee !important;
    height: 100%;
    user-drag: none; 
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    /*cursor:progress;*/
}

.x-resizable-over .x-resizable-handle-south, .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-north {
    /*height:2px;*/
}
.x-resizable-over .x-resizable-handle-east, .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-west{
    /*width:2px;*/
}
 .thumbDNoContract 
{
    border: 1px solid rgb(94,136,170) !important;
    border-color: rgb(208,208,208) !important;
    overflow: hidden  !important;
    background-color: White;
}
 .thumb-wrapDNoContract{
    /*float: left;*/
    margin-right: 0 !important;
    border: 1px solid #ffffff !important;
}
 .thumb-wrapD span {
    
    display: block !important;
    overflow: hidden !important;
    /*text-align: right !important;*/   
    vertical-align: bottom  !important;
}
.thumbTM-wrapDTM span 
{
    display: inline-block !important;
    overflow: hidden !important;
    /*text-align: right !important;*/   
    vertical-align: bottom  !important;
}
.thumbDay
{
    font-size: 11px !important;
    color: Gray;
    text-align: right;
    padding-right: 2px;
}
.thumbDayNoContract
{
    font-size: 12px !important;
    color: Gray;
    text-align: right;
}
.SOMDayNoContract
{
    font-size: 12px !important;
    color: Gray;
    text-align: right;
        overflow: hidden;
    text-overflow: ellipsis
}
.thumbDayCalcInProg
{
    font-size: 13px !important;
    color:Red;
    text-align: right;
    font-weight: bold !important;
}


.thumbDayWeekend
{
    font-size: 11px !important;
    background-color: rgb(81,120,153) !important;
    color: white;
    text-align: right;
}

/*CELL HEADER*/
 .wrapDH {

    background-color: rgb(81,120,153) !important;
    border: 1px solid  rgb(94,136,170) !important;
    border-color: rgb(208,208,208) !important;
}
.thumb-wrapDH {
    border-right: 1px solid rgb(26, 104, 148) !important;
    border-left: 1px solid transparent !important;
    background: #0090d2;
    /* background-image: url(../images/headerMultiCell.png); */
    color: white;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 1px 0px 3px 0px;
}
 .thumb-wrapDH span {
    
    display: block !important;
    overflow: hidden !important;
    text-align: center !important;
    vertical-align: middle !important;
}
.thumbDayH
{
    font-size: 12px !important;
    font-weight: bold !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* When cell is Selected*/
 .selectCell
 {
    border: 1px solid rgb(15,78,134) !important;
    border: 1px solid rgb(255,88,9) !important;
	border-radius: 2px !important;
	-moz-border-radius: 2px !important;
}
 .requestCell
 {
    border-bottom: 1px solid  black !important;
    border-top: 1px solid  black !important;
}
 .requestCellAll
 {
    border: 1px solid  black !important;
}
 .requestCellRight
 {
    border-bottom: 1px solid  black !important;
    border-top: 1px solid  black !important;
    border-right: 1px solid  black !important;
}
 .requestCellLeft
 {
    border-bottom: 1px solid  black !important;
    border-top: 1px solid  black !important;
    border-left: 1px solid  black !important;
}

.overCell
{
}
.selectCellM
{
    
}

.thumb-wrapDTM{
    /*float: left;*/
    margin-right: 0 !important;
    border: 1px solid #ffffff !important;
    /*cursor:progress;*/
}
.thumb-wrapDTM span 
{
    display: inline-block !important;
    overflow: hidden !important;
    /*text-align: right !important;*/   
    vertical-align: bottom  !important;
}

.dpCodeNormalTM
{
    font-weight:bold;
    font-size: 11px !important;
    overflow:hidden !important;
    
    /*text-align: right;*/
}
.somOccupancyData{ 
    font-size: 11px !important;
    overflow:hidden !important;
    
    /*text-align: right;*/
}
.dpCodeWeekendTM
{
    color: rgb(192,195,195);
    font-size: 11px !important;
    font-weight:bold;
    overflow:hidden !important;

    /*text-align: right;*/
}
.dpNameTM
{
    font-size: 10px !important;
    margin-left: 3px;

}
.dpCodeNormal
{
    font-weight:bold;
    font-size: 11px !important;
    display: inline-block;
    overflow:hidden !important;
}
.dpCodeWeekend
{
    color: red;
    font-size: 11px !important;
    font-weight:bold;
    display: inline-block;
    overflow:hidden !important;
}
.dpName
{
    font-size: 10px !important;
    display: inline-block;
}
.tdDay
{
    text-align: right;
    width: 100%;
}

.row {
   overflow: hidden !important;
  /*margin: 0 auto;*/
   text-align: left;
   display:inline;
}
.block
{
   
   font-size: 11px !important;
   display: inline-block;
   overflow: hidden !important;
}
.blockColor
{
   
    font-size: 11px !important;
    display: inline-block;
    overflow: hidden !important;
}
.blockName 
{
    display: inline-block;
    overflow:hidden !important;
    font-size: 11px !important;
    padding-left: 2px !important;
    overflow: hidden !important;
}
.headerCell
{
    height: 13px;
    
    /*background-color:  rgb(73,150,250) !important;
    background-color:  White !important;*/
}
.dpCodeNormalYV
{
    font-weight:bold;
    font-size: 11px !important;
    display: inline-block;
    overflow:hidden !important;
    width: 100% !important;
}
.dpCodeWeekendYV
{
    color: Red;
    font-size: 11px !important;
    font-weight:bold;
    display: inline-block;
    overflow:hidden !important;
    width: 100% !important;
}
.dpNameYV
{
    font-size: 10px !important;
    padding-left:5px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow:hidden !important;
    width: 100% !important;
}
.manualBookingYV
{
    text-decoration: underline !important;
    text-overflow: ellipsis;
    overflow:hidden !important;
    width: 100% !important;
}
.bookingInfoYV
{
	font-size: 11px;
	padding-left: 3px;
	padding-right: 3px;
	text-overflow: ellipsis;
    overflow:hidden !important;
    width: 100% !important;
}


.clsWeekDummyRow
{
    background: rgb(30, 95, 235) !important;
    height: 30px !important;
    color: White !important;
    vertical-align: middle;
}

.clsWeekDummyRow .x-grid-cell, 
.clsWeekDummyRow .x-grid-row-over .x-grid-cell,
.clsWeekDummyRow .x-grid-row-selected .x-grid-cell 
{
    border: none !important;
    background: rgb(30, 95, 235) !important;
    height: 30px !important;
    padding-right:10px !important;
}
.clsWeekDummyRow .x-grid-cell .x-grid-cell-inner
{
    color: White !important;
    text-align: right !important;
    font-weight:bold;
    font-size: 13px !important;
}
/*
.clsWeekDummyRow .x-grid-cell .x-grid-row-checker
{
    display:none !important;
}
*/

.invalidField .x-form-field
{
    color: Red !important;
}

.clsZIndexMin
{
    z-index: -100000 !important;
}

.clsActions
{
    background-image: url(../images/actions24.png) !important;
}

.clsActions16
{
    background-image: url(../images/actions16.png) !important;
}

.strengthmeter {
    background-image: url(../images/meter.gif);
    background-size: 100%;
    width : 100%;
    float: right;
    position: relative;
}
 
.scorebar {
    background-color:rgb(208,208,208);
    float: right;
    line-height : 6px;
    width : 100%;
}

.clsUploadImage16
{
    background-image: url(../images/addImage16.png);
}

.clsIconList16
{
    background-image: url(../images/pictures16.png);
}

.clsBrowseBtn
{
    background-image: url(../images/browse16.png);
}

.x-colorpicker {
	border : 1px solid #98C0F4;
	background : #FFF;
}
.x-cp-rgbpicker {
	background-image: url(../images/mask.png);
	background-repeat: no-repeat;
	background-color: red;
	width: 182px;
	height: 182px;
	margin: 7px;
	cursor: pointer;
	_cursor: hand;
}

.x-cp-rgbslider {
	position: relative;
	left: -7px;
	top: -7px;
	width: 15px;
	height: 15px;
	background-image: url(../images/slider-rgb.gif) !important;
	background-repeat: no-repeat !important;
	cursor: pointer;
	_cursor: hand;
}

.x-cp-huepicker {
	height: 183px;
	width: 9px;
	margin: 7px 0 0 7px;
	background-image: url(../images/hue.png) !important;
	background-repeat: no-repeat;
	cursor: pointer;
	_cursor: hand;
}

.x-cp-hueslider {
	position: relative;
	left: -3px;
	top: -7px;
	width: 15px;
	height: 15px;
	background-image: url(../images/slider-rgb.gif) !important;
	background-repeat: no-repeat;
	cursor: pointer;
	_cursor: hand;
}

/*
.x-cp-formcontainer {
	padding: 2px;
	margin: 7px !important;
}
*/

.x-cp-clearfloat {
	clear: both;
}

.x-cp-colorbox {
	margin: 2px 5px 0 5px;
	border: 1px solid black;
	text-align: center;
	font-size: 10px;
	height: 20px;
	font-weight: bold;
	padding: 3px 0;
	cursor: pointer;
	_cursor: hand;
}

.x-cp-formcontainer input {
	text-align: center;
}

.x-cp-leftarrow {
	background-image: url(../images/leftarrow.jpg) !important;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0 2px 0 2px;
	width: 9px;
	height: 25px;
}
.x-color-picker .usedColor:hover
{
     border: 1px solid red !important;
}

.clsVerticalAlignBottom
{
    vertical-align:bottom;
}

.hiddenRow
{
    display: none;
}

.clsAssignedTeam td
{
    font-weight: bold !important;
}

.clsPlus
{
    background-image: url(../images/holidayPlus.png) !important;
}

.clsMinus
{
    background-image: url(../images/holidayMinus.png) !important;
}
.clsMore32
{
    background-image: url(../images/more32.png) !important
}
.clsMore16
{
    text-align:left !important;
    background-image: url(../images/more16.png) !important
}

.hiddenArrowWrapper .x-btn-arrow,
.hiddenArrowWrapper .x-btn-arrow-right
 { 
     background-image:none !important;
     padding-right:0px !important; 
 }
 
 
/*
TEAM MANAGER
*/

.TMCellCounterName
{
    color: rgb(3,84,133);
}

.TMCellCounterValue
{
    color:rgb(3,84,133);
    font-weight: bold;
}

.TMCellCounterCorrectionValue
{
    color:rgb(3,84,133);
}

.TMCellCounterNameRed
{
    text-align:left !important;
    color: rgb(255,0,0)  !important;
}
.TMCellCounterValueRed
{
    text-align:left !important;
    color: rgb(255,0,0)  !important;
    font-weight: bold;
}


.TMCellCounterCorrectionValueRed
{
    text-align:center !important;
    color: rgb(255,0,0)  !important;
}
.thumbDayTMH
{
    font-weight: bold !important;
    text-align: center !important;
    vertical-align: middle !important;
    color: white;
}
.headerCellSOM
{
    font-weight: bold !important;
    text-align: center !important;
    vertical-align: middle !important;
    color: white;
}

.thumb-wrapTMDH {
    border-right: 1px solid #ffffff !important;
    border-left: 1px solid transparent !important;
    background: #0090d2;
    /* background-image: url(../images/headerMultiCell.png); */
    color: #070707;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 1px 0px 3px 0px;
}

.thumb-wrapTMDHW {
    border-right: 1px solid rgb(188, 202, 209) !important;
    border-left: 1px solid transparent !important;
    /* border-bottom: 1px solid rgb(255,255,221) !important; */
    /* background-image: url(../images/headerMultiCellWeekend.png); */
    /* color: White; */
    text-align: center !important;
    vertical-align: middle !important;
    padding: 1px 0px 3px 0px;
    background-color: #868686;
}

.thumb-wrapTMDH span {
    display: block !important;
    overflow: hidden !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.clsDLPColor,.clsDLNColor,.clsHLPColor,.clsHLNColor
{
    width: 30px; height: 30px;
    margin-right: 5px;
}

.clsDLPColor, .x-grid-row .clsDLP, .x-grid-row-over .clsDLP, .x-grid-row-selected .clsDLP, .x-grid-row-focused .clsDLP
{
    background-color: #2B4D9E !important;
}

.clsDLNColor, .x-grid-row .clsDLN, .x-grid-row-over .clsDLN, .x-grid-row-selected .clsDLN, .x-grid-row-focused .clsDLN
{
    background-color: #678BE3 !important;
}

.clsHLPColor, .x-grid-row .clsHLP, .x-grid-row-over .clsHLP, .x-grid-row-selected .clsHLP, .x-grid-row-focused .clsHLP
{
    background-color: #669966 !important;
}

.clsHLNColor, .x-grid-row .clsHLN, .x-grid-row-over .clsHLN, .x-grid-row-selected .clsHLN, .x-grid-row-focused .clsHLN
{
    background-color: #A3CCA3 !important;
}

.clsDLPColor,.clsDLNColor,.clsHLPColor,.clsHLNColor
{
    width: 30px; 
    height: 30px;
}

.clsMontYearPicker
{
    background-color: #EDF2F7 !important;
    border: 1px solid #15428b !important;
    border-radius: 5px;
}

.clsMontYearPicker .x-monthpicker-body .x-monthpicker-months  .x-monthpicker-item a,
.clsMontYearPicker .x-monthpicker-body .x-monthpicker-years  .x-monthpicker-item a
{
    text-decoration:none;
    color: #15428b;
}

.clsMontYearPicker .x-monthpicker-body .x-monthpicker-months
{
    border-right: 1px solid #b2d1f5 !important;
}

.clsDPScheduler
{
    text-align: left !important;
    background-image: url(../images/dpSchedule16.png);
}

.clsRecalculation16
{
    text-align: left !important;
    background-image: url(../images/recalculation16.png);
}

.x-btn-dashboard
{
    background-color: Red;
}
.dpDayStart
{
    margin-left: 3px;
    font-size: 11px;
}

.dpNormTime
{
    font-size: 11px;
}

.clsErrorLog24
{
    background-image: url(../images/errorLog24.png) !important;
    
}
.clsErrorLog
{
    background-image: url(../images/errorLog.png) !important;
    
}
.clsErrorLog16
{
    background-image: url(../images/errorLog16.png) !important;
    
}
.notificationRedButtonNoOver
{
     background-color: rgb(255,136,136) !important;
     background-image: none !important;
}

.x-customOverStyle 
{
    background-color: rgb(255,136,136) !important;
    background-image: none !important;
    border-color: red;
}

.x-customPressedStyle 
{
    background-color: rgb(255,136,136) !important;
    background-image: none !important;
    border-color: red;
}

.clsRebuildHoliday16
{
    text-align: left !important;
    background-image: url(../images/holidayRebuild16.png);
}
.clsShiftHoliday16
{
    text-align: left !important;
    background-image: url(../images/shiftHoliday16.png);
}

.shiftHolDetails td 
{
    font-size: 13px;
    border: 0px solid rgb(192,208,227) !important;
    text-align: center;
    border-color: gray;
    padding: 3px 5px 3px 5px;
}
.shiftHolDetailsType
{
    background-color: transparent;
    color: rgb(114,114,114);
}
.shiftHolDetailsOption
{
    /*background-color: rgb(192,208,227);*/
    font-weight: bold;
}

/* The employee contract is ended */
.shiftHolError_1
{
    color: green;
}
/* Missing the current period for the holiday */
.shiftHolError_2
{
     color: rgb(234,94,0);
}
/* Next period already defined */
.shiftHolError_3
{
     color: green;
}
/* Failed to shift holiday */
.shiftHolError_16
{
     color: red;
}
.clsTimeTable
{
     text-align: left !important;
    background-image: url(../images/timeTable32.png);
}
.clsTimeTable16
{
     text-align: left !important;
    background-image: url(../images/timeTable16.png);
}

.clsDefinitionMaintenanteDetails16
{
    background-image: url(../images/viewDetails16.png);
    background-repeat: no-repeat !important; 
}

.clsViewDetailsCell img
{
    height: 16px !important;
    width:16px !important;
    margin-top:2px !important;
}

.clsPeriodicTotals16
{
    text-align: left !important;
    background-image: url(../images/periodicTotals16.png);
}

.clsDefinitionMaintenance48
{
    font-weight: bold !important;
    background-image: url(../images/definitionMaintenance48.png);
}

.clsClockingQueue48
{
    font-weight: bold !important;
    background-image: url(../images/clockingQueue48.png);
}

.clsClockingQueue16
{ 
    background-image: url(../images/clockingQueue16.png);
}

.clsEditMultipleEmp16
{
    background-image: url(../images/editMultiple16.png);
    text-align: left !important;
}

.clsFilters16
{
    background-image: url(../images/filters16.png);
}

.x-boundlist-item img.chkCombo {
    background: transparent url(../images/unchecked.png);
    width:16px;
    height: 16px;
    vertical-align:top;
}
.x-boundlist-selected img.chkCombo{
    background: transparent url(../images/checked.png);
    width:16px;
    height: 16px;
    vertical-align:top;
}

.clsCalculations16
{
   background-image: url(../images/calculation16.png);
}

.clsCalculations48
{
    font-weight: bold !important;
    background-image: url(../images/calculation48.png);
}

.clsDownloadResources48
{
    font-weight: bold !important;
    background-image: url(../images/downloadresources48.png);
}
.clsDownloadResources16
{
    font-weight: bold !important;
    background-image: url(../images/downloadresources16.png);
}

.clsApplicationLog
{
    background-image: url(../images/applicationLog48.png) !important;    
    font-weight: bold !important;
    text-align: left;
}
.clsApplicationLog16
{
    background-image: url(../images/applicationLog16.png) !important;    

}
.clsMaintenanceClearData16
{ 
    background-image: url(../images/cleanDB16.png) !important;    

}
.clsMaintenanceClearData48
{
    background-image: url(../images/cleanDB48.png) !important;    
    font-weight: bold !important;
    text-align: left;
}
.clsStatusLog
{
   background-image: url(../images/true16.png) !important;    
}
.clsNotificationsLog
{
   background-image: url(../images/info16.png) !important;    
}

.clsWarningLog
{
   background-image: url(../images/warning16.png) !important;    
}
.clsErrorsLog
{
   background-image: url(../images/error16.png) !important;    
}

.clsLanguageDescription16
{
    background-image: url(../images/languageDescription16.png);
}

.clsDragDropReorderInfo
{
    background-color: rgb(160, 241, 177) !important; 
    border: 1px solid rgb(37, 204, 57) !important; 
    padding: 4px !important; 
    /*word-wrap: break-word;*/
    cursor: default !important;
}

.clsHRCurriculum
{
    text-align: left !important;
    background-image: url(../images/curriculum16.png) !important; 
}

.clsHRProfessional
{
    text-align: left !important;
    background-image: url(../images/professional16.png) !important; 
}
.clsHRAgePiramid
{
    text-align: left !important;
    background-image: url(../images/agePyramid16.png) !important; 
}
.clsHRLanguages
{
    text-align: left !important;
    background-image: url(../images/language16.png) !important; 
}
.clsHRDepartments
{
    text-align: left !important;
    background-image: url(../images/department16.png) !important; 
}
.clsHRPersonnelMovements
{
    text-align: left !important;
    background-image: url(../images/personnelMovements16.png) !important; 
}

.clsAbsenceRequest
{
    text-align: left !important;
    background-image: url(../images/requestAuthorization16.png) !important; 
}
.clsCellViewSettings
{
    text-align: left !important;
    background-image: url(../images/cellViewSettings16.png) !important; 
}

.clsFloatLeft
{
    float:left;
}

.clsFloatRight
{
    float:right;
}

.clsDeletedDefinitionRow
{
    color: Gray;   
}

.clsUndelete16
{
    background-image: url(../images/undelete16.png) !important;
}

.clsEmpPhotoTooltipTitle, .clsEmployeeMinicurTitle {
    background-color: #0090d2 !important;
    padding: 2px;
    border: 1px solid rgb(188, 202, 209);
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    color: White;
    text-overflow: ellipsis;
    overflow: hidden;
}

.clsEmpPhoto,.clsEmpPhotoTooltipTitle
{
	width: 100px;
}

.clsEmpPhoto
{
    height: 130px;
}

.clsRowBottomAligned
{
    vertical-align:bottom !important;
}

.clsEmployeeMinicurTpl .x-tip-body
{
    padding: 0px !important;
}

.clsEmployeeMinicurTitle
{
	padding: 4px; /*overwrite previous*/
	font-weight:bold;
}
.clsDeleteFile16
{
     text-align: left !important;
     background-image: url(../images/deleteFile16.png) !important;
}

.x-grid-row .clsVTGraceAlert, .x-grid-row-over .clsVTGraceAlert, .x-grid-row-selected .clsVTGraceAlert, .x-grid-row-focused .clsVTGraceAlert
{
    background-color: rgb(205, 220, 238) !important;
    border-radius: 3px;
	-moz-border-radius: 3px;
	border:1px solid rgb(120, 144, 195) !important;
	border-right:1px solid rgb(120, 144, 195) !important
}

.x-grid-row .clsVTGraceAlertFromVT, .x-grid-row-over .clsVTGraceAlertFromVT, .x-grid-row-selected .clsVTGraceAlertFromVT, .x-grid-row-focused .clsVTGraceAlertFromVT
{
    background-color: rgb(205, 220, 238) !important;
    border-radius: 3px;
	-moz-border-radius: 3px;
	border:1px solid rgb(120, 144, 195) !important;
	border-right:1px solid rgb(120, 144, 195) !important
}

.clsVTGraceAlert:hover
{
    cursor:pointer;
    background-color: rgb(147, 185, 233) !important;
}

.clsTimeFieldPlainHTML
{
   width: 55px; 
   height: 20px; 
   padding:2px; 
   text-align: center; 
   border: 1px solid Gray; 
   background-color: White; 
   border-radius: 4px;
   border-radius: 4px;
}

.clsVTBkTypePlainHTML
{
    width: 43px;
    height: 22px; 
    background-position: center;  
    background-repeat: no-repeat;
}

.clsPhotoRow
{
     vertical-align:middle !important;
}

.clsPhotoRow .x-grid-cell .x-grid-cell-inner
{
    padding: 1px 6px !important;
}
.aa
{
    background: rgba(255,236,196,1);
    background: -moz-linear-gradient(45deg, rgba(255,236,196,1) 0%, rgba(255,236,196,1) 90%, rgba(216,208,239,1) 91%, rgba(216,208,239,1) 92%, rgba(206,199,236,1) 93%, rgba(193,191,234,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,236,196,1)), color-stop(90%, rgba(255,236,196,1)), color-stop(91%, rgba(216,208,239,1)), color-stop(92%, rgba(216,208,239,1)), color-stop(93%, rgba(206,199,236,1)), color-stop(100%, rgba(193,191,234,1)));
    background: -webkit-linear-gradient(45deg, rgba(255,236,196,1) 0%, rgba(255,236,196,1) 90%, rgba(216,208,239,1) 91%, rgba(216,208,239,1) 92%, rgba(206,199,236,1) 93%, rgba(193,191,234,1) 100%);
    background: -o-linear-gradient(45deg, rgba(255,236,196,1) 0%, rgba(255,236,196,1) 90%, rgba(216,208,239,1) 91%, rgba(216,208,239,1) 92%, rgba(206,199,236,1) 93%, rgba(193,191,234,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(255,236,196,1) 0%, rgba(255,236,196,1) 90%, rgba(216,208,239,1) 91%, rgba(216,208,239,1) 92%, rgba(206,199,236,1) 93%, rgba(193,191,234,1) 100%);
    background: linear-gradient(45deg, rgba(255,236,196,1) 0%, rgba(255,236,196,1) 90%, rgba(216,208,239,1) 91%, rgba(216,208,239,1) 92%, rgba(206,199,236,1) 93%, rgba(193,191,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffecc4', endColorstr='#c1bfea', GradientType=1 );
}

/*.x-mask
{
    opacity: 1 !important;
    -moz-opacity: 1 !important;
    background: rgba(204,204,204,0.5) !important;
}

.clsAWEProgressBarMaskCentered::before
{
    content: '';
    display: block;
    height: 50%; 
    clear:both;
    vertical-align: middle;
}*/

.clsAWEProgressBarMaskCentered
{
    margin-top:25% !important;
    margin-right:auto !important;
    margin-left:auto !important;
}

.clsAWEProgressBar
{
    background-color:White;
}

.clsWorkBackground16
{
    background-image: url(../images/workBackground16.png) !important;
}

.clsCalculationsErrorLog16
{
   background-image: url(../images/calculationErrorLog16.png);
}
.clsCalculationsErrorLog48
{
   background-image: url(../images/calculationErrorLog48.png);
    font-weight: bold !important;
    text-align: left;
}

.clsRecalculateDayViewBtn
{
     background-image: url(../images/sum.png);
}

.notificationRedButton:hover 
{
    background-color: rgb(241, 163, 163) !important;
}

.clsHiddenGridCell
{
    position: absolute;
    left: -10000px;
    z-index: -1;
}

.clsInitialize16
{
    text-align: left !important;
    background-image: url(../images/initialize16.png) !important;
}

.clsApply16
{
    background-image: url(../images/apply16.png) !important;
}

.clsUncheckAll
{
    background-image: url(../images/uncheckAll16.png) !important;
}

.clsCntCorrection16
{
    text-align: left !important;
    background-image: url(../images/cntCorrection16.png) !important;
}


.clsCalcMonitorNoCalculations,.clsCalcMonitorCalculationError,.clsCalcMonitorCalculationInProgress
{
    line-height:16px;
    background-repeat:no-repeat;
    font-weight:bold;
}

.clsCalcMonitorNoCalculations
{
    color: Black;
}

.clsCalcMonitorCalculationError
{
    color: Red;
}

.clsCalcMonitorCalculationInProgress
{
    color: Blue;
    background-image: url(../images/loading16.gif) !important;
    padding-left: 20px;
    
}

.clsDuplicate16
{
     background-image: url(../images/duplicate16.png);
     text-align: left !important;
}
.clsAssignRepToUser
{
     background-image: url(../images/assignToUser.png);
     text-align: left !important;
}
.clsViewCellConfig16
{
     background-image: url(../images/viewCellConfig16.png);
     text-align: left !important;
}
.clsResults16
{
     background-image: url(../images/results16.png);
     text-align: left !important;
}

.shiftOldHol_NoHolDefined
{
    color: Orange;
}
.tmTableTD
{
    width:100% !important;
    display: table !important;
}
.radioNoMargin
{
    margin:0 !important;
}

.clsShowAnomalieBtn
{
    background-image: url(../images/grayCircle.png) !important;
    background-repeat: no-repeat !important; 
    background-position:50% 50%;
}

.clsHideAnomalieBtn
{
    background-image: url(../images/greenCircle.png) !important;
    background-repeat: no-repeat !important; 
    background-position: 50% 50%;
}

.clsAdvancedColorPickerBasicColorsTitle,.clsAdvancedColorPickerCustomColorsTitle
{
    cursor: default;
    background-color: rgb(76, 115, 236);
    padding: 3px 3px 3px 5px;
    font-weight: bold;
    font-size: 11px;
    color: White;
    border-radius: 5px;
    border: 1px solid rgb(148, 149, 167);
}

.clsAdvancedColorPickerCustomColorsTitle
{
    float:left;
    width: 100%;
    margin-top: 7px;
    clear: both;
}

.clsFormWarning
{
    padding: 4px 4px 4px 18px;
    background-color:rgb(240, 164, 164);
    background-image: url(../images/warning16.png);
    background-repeat:no-repeat;
    background-position:1px 50%;
    border-radius:3px;
}

.clsHideAll16
{
    text-align: left !important;
    background: url(../images/hideAll16.png) no-repeat !important;
}

.clsHideByPeriod16
{
    text-align: left !important;
    background: url(../images/hideByPeriod16.png) no-repeat !important;
}

.clsHideBySelection16
{
    text-align: left !important;
    background: url(../images/hideBySelection16.png) no-repeat !important;
}

.modifiedBooking
{
    font-weight:bold;
}

.clsBkEditHistory16
{
    background: url(../images/bkEditHistory16.png) no-repeat !important;
}

.clsRealBooking16
{
    background: url(../images/realBooking16.png) no-repeat !important;
}
.clsLinkedEmployeesList16
{   
    text-align: left !important;
    background-image: url(../images/enroll16.png) !important;   
}
.clsModifiedBookingRow .x-grid-cell, .modifiedBooking
{
    font-weight: bold;
}

.clsEqualise16
{
    background: url(../images/equalise16.png) no-repeat !important;
}

.clsClean16
{   
    text-align: left !important;
    background: url(../images/clean16.png) no-repeat !important;
}
.teamBookings16
{
    background: url(../images/teamBookings16.png) no-repeat !important;
}

.clsTeamBookings
{
    background: url(../images/teamBookings16.png) no-repeat !important;
}

.requestCalendarNonWorkingDp
{
    background-color: rgb(210, 210, 210) !important;
}
.requestCalendarNonWorking
{
  background: repeating-linear-gradient( 90deg, #FFFFFF, #CBCACA 1px, #EFEBEB 1px, #FFFFFF 1px ) !important;
  /*border-left: 1px solid darkgray !important;
  border-right: 1px solid darkgray !important;*/
}

.requestSelDays
{
    background-color: rgb(240, 116, 27) !important;
    background-image:none  !important;
}
.requestToday
{
   border: 1px solid darkred !important; 
}
.requestSelDays
{
    background-color: rgb(240, 116, 27) !important;
    background-image:none  !important;
}
/*.x-datepicker-inner .x-datepicker-selected a
{
    background: none !important;
    background-color: transparent !important;
    border: none !important;
}*/
.x-monthpicker-item a:hover {
    background-color:rgb(240, 116, 27) !important;
}
.boldText 
{
    font-weight: bold !important;
}
.x-datepicker-inner .boldText span {
    font-weight: bold
}

.clsCollapseAll16
{
    background: url(../images/collapseAll16.png) no-repeat;
}

.clsExpandAll16
{
    background: url(../images/expandAll16.png) no-repeat;
}

.clsSendEmailTo
{
    text-align: left !important;
    background: url(../images/sendEmail16.png) no-repeat;
}

.clsHolidayPlusBase64
{
    width:20px;
    height:20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVBJREFUeNpi/P//PwMIMIEIRluG/wABxAgTYWSwgbAAAggsApQCAZAAI1gtMgAIILgeuACDCVCAA8r7xcDAAtULByxgVUgAIIAgtugyILRBbUM2AiLJwYAJmKBewAcgJvxkwK4UaAVAAGH4A8ME42QGhnOX4PwlQNwCxDdAnBWdQAUcbCgOBBrK8A/GYcbiyN9A/AXNIwxnoX4H4TQgforEDwMpMIYGDAjPAWIFJP4qdCuYgZgdxRe/fkOdBgGsyHHxF+hcgAADh0NGNwPDZZDH2DCCoQqIvYE4Aogfo8j8AYZHFjSkL99jYDh2CWt8qQCxFRBzYouFtx+JiEvi4hriVFW0xAdi20DZ7UD8ET05A/FUFqQo5kRPvUAgADV4JhA/wGLAM5gBj3C4EGYrSPMtBuxJmjIAjsb954Ah+h6aDFCBCTTl7EBPg6AkawHMigAcy1tekX32lgAAAABJRU5ErkJggg==) !important;  

}
.clsHolidayMinusBase64
{
    width:20px;
    height:20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIlJREFUeNpi/P//PwMIMIFJRsb/AAHECBNhBFJgFkAAwUVggIkBDQAEEDEqoIbBAAvD//+MyAIAAYRhBjpgYiAAKFcAEECDwQ0M/y0sjoNCCytetSqEDo4ECDCCVlDuS1obwAImy8s7GK5f12RAS3yEvM9QUdEBCYNXr0QZfv5kJ9l6EZG3wyAQAWEXQJ4xnN7pAAAAAElFTkSuQmCC) !important;  

}

.clsMail16
{
    text-align: left !important;
    background: url(../images/mail16.png) no-repeat;
}

.x-pagingtoolbar-more-icon
{
    background-image: url(../../ext/resources/themes/images/default/toolbar/more.gif) !important;
}

.clsHRHistory
{
    text-align: left !important;
    background-image: url(../images/history16.png) !important; 
}
.applyBtn
{
    text-align: left !important;
    background: url(../images/applyBtn16.png) no-repeat;
}
.cancelBtn
{
    text-align: left !important;
    background: url(../images/cancelBtn16.png) no-repeat;
}
.saveBtn
{
    text-align: left !important;
    background: url(../images/saveBtn16.png) no-repeat;
}

.clsLeft24
{
    background: url(../images/left24.png) no-repeat;
}

.clsRight24
{
    background: url(../images/right24.png) no-repeat;
}

.clsUp24
{
    background: url(../images/up24.png) no-repeat;
}

.clsDown24
{
    background: url(../images/down24.png) no-repeat;
}
.btnNoBackground
{
    background-image: none !important;
    background-color: transparent !important; 
    border: none !important; 
}

.clsFixAnomaly16
{
    text-align: left !important;
    background-image: url(../images/fixAnomaly16.png) !important;
    background-repeat:no-repeat !important;
    background-position:50% 50%;
}

/*
img[class*="clsGrant"]
{
    background-position: 50% 50%;
}
*/
.fitToView
{
    text-align: left !important;
    background: url(../images/fitWidth.png) no-repeat;
}

.warningClass
{
    background-image: url('../../ext/resources/themes/images/default/shared/icon-warning.gif') !important;
    background-repeat: no-repeat !important;
    
    height:50px;
}

.grid-cell-nowrap div 
{
    white-space:nowrap !important; 
}
/*
.x-toolbar {
  font-size: 11px;
  border: 0px solid;
  padding: 2px 0 2px 2px !important;
}*/

.x-column-header-checkbox .x-column-header-text {
    display: block;
    margin-top: 4px;
    margin-left: 10px;
}
.x-grid-row-checker {
    margin-left: 6px;
    background-position: 52% -2px;
}

.clsAstrowReport
{
    text-align: left !important;
    background-image: url(../images/astrow16.png) !important;  
}
.clsCustomFilters
{
    text-align: left !important;
    background-image: url(../images/customFilters16.png) !important;  
}
.cssStyle
{
    text-align: left !important;
    background-image: url(../images/cssStyle16.png) !important;  
}
.x-boxselect-item-close {
	cursor: pointer;
}
.clsDeleteItemCombo
{
    text-align: right !important;
	cursor: pointer;
	height: 16px;
	width: 16px;
	float:right;
    background-image: url(../images/deleteItem16.png) !important;
}

.x-grid-row
{
    min-height: 27px;
    height:27px;
    vertical-align: middle;    
}
.topToolbarLabelDomain {
    margin-left: 110px !important;
    margin-top: 6px !important;
    font-size: 15px;
    color: white;
}
.warningClassMarginRight
{
    background-image: url('../../ext/resources/themes/images/default/shared/icon-warning.gif') !important;
    background-repeat: no-repeat !important;
    margin-right: 30px;
}
.clsGSDiv 
{
    border: 0px solid green;
    background: transparent;
}

.pageCount
{
    background-image: url(../images/pageNumber16.png) !important;
}
.clsSkip16
{
    background-image: url(../images/skipUpdate16.png) !important;
}
.x-label-icon { 
	background-repeat: no-repeat;
    background-position:0 -1px;
}

.helpTextIntegrationClockings
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	width: 100%;
	background-color: rgb(255,255,128);
	padding: 10px;
}
.x-fieldset-header-text
{
    font-weight: bold;
}

.clsBkRegister16
{
   background-image: url(../images/bkRegister16.png);
}

.clsBkRegister48
{
    font-weight: bold !important;
    background-image: url(../images/bkRegister48.png);
}

.gs-terminal-dataview-row
{
    position: relative;
    width: 100%;
    padding: 1px;/*framework bug: event.target missing between rows...*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid transparent !important;    
    
    background-color: white;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    margin-top: 0px;
    margin-bottom: 10px;
}

.gs-terminal-dataview-row-hover 
{
    /*border: 1px solid black !important;    */
}
.gs-terminal-layout-table 
{
    width: 100%; /* fill row width*/
    border-collapse: separate;
    border-spacing: 4px;
    padding: 0px;
}
.gs-terminal-layout-table-1th-row-1th-td 
{
    width:100%;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    background: rgb(240,245,251);
}
.gs-terminal-layout-table-2th-row-1th-td
{
    width: 99%;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    
}
.gs-terminal-layout-table-2th-row-2th-td
{
    border-spacing: 0px;
    width: 1%;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
}

.gs-terminal-table-wrapper 
{
    position: relative;
    display: block;
    height: 300px;
    /*min-width: 440px;*/
    max-width: 1000px;/*updated from js*/
    overflow-x: auto;
    overflow-y: hidden;
}
.gs-terminal-table 
{   
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 0px;
    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.gs-vertical-align-middle 
{
    display: block;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
}
.gs-terminal-table tr 
{
    background-color: transparent;
}
.gs-terminal-table tr td 
{
    vertical-align: middle;
    padding: 0px;
}
.gs-terminal-table > tbody > tr.spacer 
{
    height: 6px;    
}
.gs-terminal-table > tbody > tr > td:last-child 
{
    padding-right: 12px;
}

.gs-terminal-wrapper 
{
    position: relative;
}            
.gs-terminal 
{
    position: relative;
    width: 112px;
    padding: 6px;
    cursor: pointer;
    /*
    background-color: rgb(255,253,221);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid white;
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);*/
    margin-left: 10px;
}
.gs-terminal:hover
{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0px 0px 53px -13px rgba(37,39,41,1);
    -moz-box-shadow: 0px 0px 53px -13px rgba(37,39,41,1);
    box-shadow: 0px 0px 53px -13px rgba(37,39,41,1);
}
.gs-terminal-title 
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    
    font-weight: bold;
    font-size: 12px;
    /*cursor: text;*/
    cursor: pointer;
    margin-bottom: 10px;
}
.gs-terminal-img 
{
    background-repeat: no-repeat;
    width:  92px;
    height: 85px;
    position: relative;
}
.gs-terminal-img-connected 
{
    background-image: url("../images/terminaliT300GS.png");
}
.gs-terminal-img-disconnected
{
    background-image: url("../images/terminaliT300GSDisconnected.png");
}
.gs-terminal-pending-img 
{
    position: absolute;
    top: 99px;
    right: 92px;
    height: 16px;
    width: 16px;
    background-image: url("../images/loading16.gif");
    background-repeat: no-repeat;
    background-position: center;
}
.gs-terminal-progress-bar 
{
    
    position: absolute;
    left: 5px;
    bottom: 0px;
    width: 75px;
    height: 5px;
    background-color: Gray;
    /*
    position: absolute;
    bottom: 6px;
    right: 15px;
    width: 3px;
    height: 90px;
    background-color: Gray;*/
}
.gs-progress-inner-div 
{
    background-color: Lime;
}
.gs-terminal-buttons 
{
    text-align: center;
    /*
    width: 50%; 
    margin: 0 auto;
    */
}

.gs-gt-terminal-wrapper 
{
    position: relative;
}
.gs-gt-terminal 
{
    cursor: pointer;
    position: relative;
    width: 100px;
    height: 165px;
    white-space: nowrap;
    padding: 3px 10px 2px 10px;
    border: 1px solid transparent;
    text-align: center;
    /*height: 80px;*/
    /*background-color: rgb(255,254,242);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 3px 3px 5px 3px;
    border: 1px solid white;
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);*/
}

.gs-gt-terminal:hover
{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0px 0px 53px -13px rgba(37,39,41,1);
    -moz-box-shadow: 0px 0px 53px -13px rgba(37,39,41,1);
    box-shadow: 0px 0px 53px -13px rgba(37,39,41,1);
}

.gs-gt-terminal-title 
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    
    text-align:center;
    /*cursor: text;*/
    cursor: pointer;
    margin-bottom: 3px;
    color: rgb(85,85,85);
    font-size: 12px;
}
.gs-gt-terminal-title:hover
{
    color: black;
}
.gs-gt-terminal-img 
{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    
    /*background-image: url("../images/terminalGSGT.png");*/
    background-image: url("../images/terminalGSGTDoorAccTA.png");
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.6; /**/
    filter: alpha(opacity=60); /* For IE8 and earlier */
    
    width:  55px;
    height: 100px;
}
.gs-gt-terminal-connected 
{
    opacity: 1 !important;
    filter: alpha(opacity=100) !important; /* For IE8 and earlier */
}
.gs-gt-terminal-disconnected 
{
    /*used from .gs-gt-terminal-img*/
}
.gs-gt-terminal-img-main
{
    background-image: url("../images/terminalGSGTDoorMain.png");
    background-position: left;
}
.gs-gt-terminal-img-extra
{
    background-image: url("../images/terminalGSGTDoor.png");
    background-position: left;
}

.gs-gt-states-div 
{
    position: absolute;
    top: 0px;
    left: -18px;
    width: 16px;
}
.gs-gt-states-div > div 
{
    margin-bottom: 3px;
}

.gs-gt-terminal-img-overlay-div-connected
{
    width: 16px;
    height: 16px;
    background-image: url("../images/fitWidth.png");
}
.gs-gt-terminal-img-overlay-div-disconnected
{
    width: 16px;
    height: 16px;
    background-image: url("../images/disconnect_16.png");
}
.gs-gt-terminal-img-overlay-div-locked
{
    width: 16px;
    height: 16px;
    background-image: url("../images/lock_16.png");
}
.gs-gt-terminal-img-overlay-div-unlocked
{
    width: 16px;
    height: 16px;
    background-image: url("../images/unlock_16.png");
}
.gs-gt-types-div 
{
    position: absolute;
    top: 0px;
    right: -18px;
    width:16px;
}
.gs-gt-types-div > div 
{
    margin-bottom: 3px;
}

.gs-gt-terminal-time-attendance-icon 
{
    width: 16px;
    height: 16px;
    background-image: url("../images/clockSmall16.png");
}
.gs-gt-terminal-access-icon
{
    width: 16px;
    height: 16px;
    background-image: url("../images/key16.png");
}
.gspresetspacemax-icon
{
    width: 16px;
    height: 16px;
    background-image: url("../images/systemSettings16.png");
}
.gsstartdebug-icon
{
    width: 16px;
    height: 16px;
    background-image: url("../images/bug2_16.png");
}
.gsstopdebug-icon
{
    width: 16px;
    height: 16px;
    background-image: url("../images/bug2_16.png");
}
.gs-gt-terminal-add-img
{
    visibility: hidden;
    /*display: none;*/
    display:inline-block;
    background-image: url("../images/newItemGray16.png");
    background-repeat: no-repeat;
    width:  16px;
    height: 16px;
    margin-left: 12px;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    cursor: pointer;
}
.gs-gt-terminal-add-img:hover
{
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}  
.gs-gt-terminal-delete-img
{
    display: none;
    /*display: block;*/
    position: absolute;
    top: -8px;
    right: -8px;
    background-image: url("../images/deleteItemGray16.png");
    background-repeat: no-repeat;
    width:  16px;
    height: 16px;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    cursor: pointer;
}
.gs-gt-terminal-delete-img:hover
{
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.gs-terminal-delete-img
{
    display: none;
    /*display: block;*/
    position: absolute;
    top: -8px;
    right: -8px;
    background-image: url("../images/deleteItemGray16.png");
    background-repeat: no-repeat;
    width:  16px;
    height: 16px;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
.gs-terminal-delete-img:hover
{
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.gs-gt-terminal:hover .gs-gt-terminal-delete-img
{
    display:block;
}
.gs-terminal-dataview-row:hover .gs-gt-terminal-add-img
{
    visibility: visible;
    /*display:inline-block;*/
}
.gs-terminal:hover .gs-terminal-delete-img
{
    display:block;
}

.gs-gt-inputs 
{
    position: relative;
    left: 0px;
    display: inline-block;
    white-space: nowrap;
    margin-top: 6px;
    margin-right: 2px;
}
.gs-gt-input 
{
    cursor: pointer;
    
    position:relative;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 3px;
    border: 1px solid transparent;
    
    width: 18px;
    height: 18px;
    
    text-decoration: none;
    
}

.gs-gt-input:hover 
{
    border: 1px solid rgb(129,164,208);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.gs-gt-input:focus 
{
    background-color: rgba(212,226,242,0.35);
    border: 1px solid rgb(129,164,208);
    
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.gs-gt-input:active 
{
    border: 1px solid black;
}
.gs-gt-input > span 
{
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    font-size: 10px;
}

@-webkit-keyframes blinker 
{ 
    from { opacity: 0.6; } /*set to same value as .gs-gt-input and .gs-gt-relay*/
    to { opacity: 0.0; } 
    
    /*0% { background: rgba(255,0,0,0.5); }
    50% { background: rgba(255,0,0,0); }
    100% { background: rgba(255,0,0,0.5); }*/
} 
@-moz-keyframes blinker 
{ 
    from { opacity: 0.6; } /*set to same value as .gs-gt-input and .gs-gt-relay*/
    to { opacity: 0.0; } 
    
    /*0% { background: rgba(255,0,0,0.5); }
    50% { background: rgba(255,0,0,0); }
    100% { background: rgba(255,0,0,0.5); }*/
}
@keyframes blinker 
{ 
    from { opacity: 0.6; } /*set to same value as .gs-gt-input and .gs-gt-relay*/
    to { opacity: 0.0; } 
    
    /*0% { background: rgba(255,0,0,0.5); }
    50% { background: rgba(255,0,0,0); }
    100% { background: rgba(255,0,0,0.5); }*/
}

@-webkit-keyframes background-blinker-red 
{ 
    /*from { background-color: white; } 
    to { background-color: red; }*/ 
    
    0% { background: rgba(255,0,0,1); color: White;}
    50% { background: rgba(255,0,0,0); color: Black;}
    100% { background: rgba(255,0,0,1); color: White;}
} 
@-moz-keyframes background-blinker-red 
{ 
    /*from { background-color: white; } 
    to { background-color: red; }*/
    
    0% { background: rgba(255,0,0,1); color: White;}
    50% { background: rgba(255,0,0,0); color: Black;}
    100% { background: rgba(255,0,0,1); color: White;}
}
@keyframes background-blinker-red 
{ 
    /*from { background-color: white; } 
    to { background-color: red; }*/
    
    0% { background: rgba(255,0,0,1); color: White;}
    50% { background: rgba(255,0,0,0); color: Black;}
    100% { background: rgba(255,0,0,1); color: White;}
}

@-webkit-keyframes background-blinker-green 
{ 
    /*from { background-color: white; } 
    to { background-color: red; }*/ 
    
    0% { background: rgba(0,255,0,1); }
    50% { background: rgba(0,255,0,0); }
    100% { background: rgba(0,255,0,1); }
} 
@-moz-keyframes background-blinker-green 
{ 
    /*from { background-color: white; } 
    to { background-color: red; }*/
    
    0% { background: rgba(0,255,0,1); }
    50% { background: rgba(0,255,0,0); }
    100% { background: rgba(0,255,0,1); }
}
@keyframes background-blinker-green 
{ 
    /*from { background-color: white; } 
    to { background-color: red; }*/
    
    0% { background: rgba(0,255,0,1); }
    50% { background: rgba(0,255,0,0); }
    100% { background: rgba(0,255,0,1); }
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

.gs-alarm-info-div 
{
    position: absolute;
    z-index: 1;
    left: 0px;
    right: 0px;
    top: 0px;
    font-size: 12px;
    white-space: nowrap;
}

.gsalarm-indicator 
{
    height: 42px;
}
.gs-alarm-info-div .gsalarm-indicator 
{
    padding: 2px 15px 2px 6px;
    margin: 3px 0px 10px 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}

.gs-alarm-info-div .gsalarm-indicator-wrapper 
{
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.gsalarm-indicator .gsalarm-text 
{
    display: inline-block;
    margin-top: 2px;
}
.gsalarm-indicator .gsalarm-text > div 
{
    margin-right: 16px;
}
.gsalarm-indicator .gsalarm-text > div:first-child /*gt name, alarm count*/
{
    font-weight: bold;
}

.gsalarm-indicator .gsalarm-text > div:last-child /*gt alarm info*/
{
}

.clear-button
{    
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/cleanOne16.png); 
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-top: 2px;
    margin-right: 4px;
    cursor: pointer;
}
.clear-all-button
{    
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/clean16.png);
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-top: 5px;
    margin-right: 4px;
    
    cursor: pointer;
}

.gsalarm-indicator .clear-button
{
    position: absolute;
    right: 2px;
    top: 2px;
    /*
    margin-left: 6px;
    vertical-align: top;
    */
}
.gsalarm-indicator .clear-all-button
{
    position: absolute;
    right: 2px;
    top: 18px;
}

.gs-spacecount-indicator 
{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding: 0px 6px;
    /*height: 20px;*/
}
.gs-spacecount-indicator .gsalarm-text > div:last-child /*gt spacecount info*/
{
    text-align: left;
}
.gs-spacecount-indicator-alarm-animation
{
    background-color: red;
    color: white;
    -webkit-animation: background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0);
    -moz-animation:    background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0);
    -ms-animation:     background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0);
    animation:         background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0); 
}
.gs-spacecount-indicator-changed-animation
{
    -webkit-animation: background-blinker-green 1s 1 cubic-bezier(1.0,0,0,1.0);
    -moz-animation:    background-blinker-green 1s 1 cubic-bezier(1.0,0,0,1.0);
    -ms-animation:     background-blinker-green 1s 1 cubic-bezier(1.0,0,0,1.0);
    animation:         background-blinker-green 1s 1 cubic-bezier(1.0,0,0,1.0); 
}

.gsalarm-emergency-activated-indicator 
{
    position: relative;
    display: inline-block;
    /*height: 20px;*/
    vertical-align: middle;
    background-color: red;
    color: white;
    padding: 0px 6px;
    margin-left: 6px;
}
.gsalarm-emergency-activated-indicator-animation
{
    -webkit-animation: background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0);
    -moz-animation:    background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0);
    -ms-animation:     background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0);
    animation:         background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0); 
}

.gsalarm-forced-access-indicator 
{
    position: relative;
    display: inline-block;
    /*height: 20px;*/
    vertical-align: middle;
    background-color: red;
    color: white;
    padding: 0px 6px;
    margin-left: 6px;
}
.gsalarm-forced-access-indicator-animation
{
    -webkit-animation: background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0);
    -moz-animation:    background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0);
    -ms-animation:     background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0);
    animation:         background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0); 
}

.gsalarm-door-forced-open-indicator 
{
    position: relative;
    display: inline-block;
    /*height: 20px;*/
    vertical-align: middle;
    background-color: red;
    color: white;
    padding: 0px 6px;
    margin-left: 6px;
}
.gsalarm-door-forced-open-indicator-animation
{
    -webkit-animation: background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0);
    -moz-animation:    background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0);
    -ms-animation:     background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0);
    animation:         background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0); 
}

.gsalarm-door-stays-open-indicator 
{
    position: relative;
    display: inline-block;
    /*height: 20px;*/
    vertical-align: middle;
    background-color: red;
    color: white;
    padding: 0px 6px;
    margin-left: 6px;
}
.gsalarm-door-stays-open-indicator-animation
{
    -webkit-animation: background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0);
    -moz-animation:    background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0);
    -ms-animation:     background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0);
    animation:         background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0); 
}
.gsalarm-door-stays-closed-indicator 
{
    position: relative;
    display: inline-block;
    /*height: 20px;*/
    vertical-align: middle;
    background-color: red;
    color: white;
    padding: 0px 6px;
    margin-left: 6px;
}
.gsalarm-door-stays-closed-indicator-animation
{
    -webkit-animation: background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0);
    -moz-animation:    background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0);
    -ms-animation:     background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0);
    animation:         background-blinker-red 1s 1 cubic-bezier(1.0,0,0,1.0); 
}

.gs-gt-input-activated 
{
    background-image: url("../images/inputActivated16.png");
    
    -webkit-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    -moz-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    -ms-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
}
.gs-gt-input-not-activated 
{
    background-image: url("../images/inputNotActivated16.png");
    
    -webkit-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    -moz-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    -ms-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
}
.gs-gt-input-not-defined 
{
    background-image: url("../images/inputNotDefined16.png");
     
    -webkit-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    -moz-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    -ms-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);   
}

.gs-gt-input-activated-big
{
    background-image: url("../images/inputActivated16.png");
    width: 36px;
    height: 36px;
    
    -webkit-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    -moz-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    -ms-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
}
.gs-gt-input-not-activated-big
{
    background-image: url("../images/inputNotActivated16.png");
    width: 36px;
    height: 36px;
    
    -webkit-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    -moz-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    -ms-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
}
.gs-gt-input-not-defined-big
{
    background-image: url("../images/inputNotDefined16.png");
    width: 36px;
    height: 36px;
    
    -webkit-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    -moz-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    -ms-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);   
}

.gs-gt-relays
{
    position: relative;
    left: 0px;
    
    display: inline-block;
    white-space: nowrap;
    margin-top: 6px;
    margin-left: 2px;
}

.gs-gt-relay
{
    cursor: pointer;
    
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 3px;
    border: 1px solid transparent;
    
    text-decoration: none;
    
    width: 18px;
    height: 18px;
}

.gs-gt-relay:hover 
{
    border: 1px solid rgb(129,164,208);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.gs-gt-relay:focus 
{
    background-color: rgba(212,226,242,0.35);
    border: 1px solid rgb(129,164,208);
    
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.gs-gt-relay:active 
{
    border: 1px solid black;
}

.gs-gt-relay-activated 
{
    background-image: url("../images/relayon16.png");
    
    -webkit-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    -moz-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    -ms-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
}
.gs-gt-relay-not-activated 
{
    background-image: url("../images/relayoff16.png");
    
    -webkit-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    -moz-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    -ms-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
}
.gs-gt-relay-activated-big
{
    background-image: url("../images/relayon16.png");
    width: 36px;
    height: 36px;
    
    -webkit-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    -moz-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    -ms-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
}
.gs-gt-relay-not-activated-big
{
    background-image: url("../images/relayoff16.png");
    width: 36px;
    height: 36px;
    
    -webkit-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    -moz-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    -ms-animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
    animation: blinker 1s 1 cubic-bezier(1.0,0,0,1.0);
}

.gs-gt-relay > span 
{
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    font-size: 10px;
}

.gs-gt-wire 
{
    width: 15px;
    height: 2px;
    background-color: darkgray;
    vertical-align: middle;
}

.gs-terminal-toolbar 
{
    font-size: 11px;
    border: 1px solid lightgray;
    overflow-x: auto;
    overflow-y: auto;
}

.gs-terminal-comm-queue 
{
    display: inline-block;
    float: right;
    height: 300px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: auto;
    cursor: pointer;
    min-width: 420px;
    max-width: 420px;
    padding: 3px;
    background: rgb(255,255,225);
    background: white;
}
.gs-terminal-comm-queue:hover 
{
    overflow-x: auto;
    overflow-y: auto;
}
.gs-terminal-comm-queue-table 
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 3px;
    font-size: 11px;
}
.gs-terminal-comm-queue-table td 
{
    white-space: nowrap;
    padding: 1px 2px;
}
.gs-terminal-notification-row
{
    background-color: transparent;
}

.gs-terminal-notification-row td:nth-child(2) 
{
    min-width:130px;
    max-width:140px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gs-terminal-notification-row td:nth-child(3) 
{
    min-width:95px;
}
.gs-terminal-notification-row td:nth-child(4) 
{
    min-width:80px;
}

.gs-terminal-comm-queue-status-row {}
.gs-terminal-comm-queue-status-row-failed td:nth-child(3)
{
    color: red;
}
.gs-terminal-comm-queue-status-row-in-progress td:nth-child(3)
{
    color: blue;
}
.gs-terminal-comm-queue-status-row-enqueued td:nth-child(3)
{
    color: black;
}
.gs-terminal-comm-queue-status-row-success td:nth-child(3)
{
    /*background-color: #FF9900;*/
    color: green;
}
.gs-terminal-notif-status-row-gsrelay {}
.gs-terminal-notif-status-row-gsrelay-not-activated {}
.gs-terminal-notif-status-row-gsrelay-activated {}

.gs-terminal-notif-status-row-gtinput {}
.gs-terminal-notif-status-row-gtinput-not-defined {}
.gs-terminal-notif-status-row-gtinput-activated {}
.gs-terminal-notif-status-row-gtinput-not-activated {}

/*WARN: gs-terminal-notif-status-row-gsalarm-* are used for both gsalarm and gsclocking notifications*/
.gs-terminal-notif-status-row-gsalarm {}
.gs-terminal-notif-status-row-gsalarm-normal {}
.gs-terminal-notif-status-row-gsalarm-door-stayed-open {}
.gs-terminal-notif-status-row-gsalarm-door-stayed-closed {}
.gs-terminal-notif-status-row-gsalarm-door-forced-open
.gs-terminal-notif-status-row-gsalarm-spacecount {}
/*used for gsclocking notifications only: */
.gs-terminal-notif-status-row-gsalarm-emergency-activated {}
.gs-terminal-notif-status-row-gsalarm-emergency-deactivated {}
.gs-terminal-notif-status-row-gsalarm-forced-pin-code-entered {}
.gs-terminal-notif-status-row-gsalarm-tampered-input {}

.gs-terminal-notif-status-row-gtconnection {}
.gs-terminal-notif-status-row-gtconnection-connected {}
.gs-terminal-notif-status-row-gtconnection-disconnected {}

.gs-terminal-notif-status-row-gsclocking {}

.gs-terminal-notif-status-row-gtlockstate {}
.gs-terminal-notif-status-row-gtlockstate-locked {}
.gs-terminal-notif-status-row-gtlockstate-unlocked {}

.gs-terminal-comm-queue-status-enqueued 
{
    min-height: 16px;
    padding-left: 20px;
    background-image: url("../images/grayCircle.png");
    background-image: url("../images/loading16Gray.gif");
    background-repeat: no-repeat;
    background-position: left;
}
.gs-terminal-comm-queue-status-in-progress 
{
    min-height: 16px;
    padding-left: 20px;
    background-image: url("../images/loading16.gif");
    background-repeat: no-repeat;
    background-position: left;
}
.gs-terminal-comm-queue-status-success 
{
    min-height: 16px;
    padding-left: 20px;
    background-image: url("../images/PIPS1_16.png");
    background-repeat: no-repeat;
    background-position: left;
}
.gs-terminal-comm-queue-status-failed 
{
    min-height: 16px;
    padding-left: 20px;
    background-image: url("../images/reject16.png");
    background-repeat: no-repeat;
    background-position: left;
}
.gs-terminal-notif-status-gtinput-activated
{
    min-height: 16px;
    /*padding-left: 20px;
    background-image: url("../images/inputActivated16.png");*/
    background-repeat: no-repeat;
    background-position: left;
}
.gs-terminal-notif-status-gtinput-not-activated
{
    min-height: 16px;
    /*padding-left: 20px;
    background-image: url("../images/input16.png");*/
    background-repeat: no-repeat;
    background-position: left;
}
.gs-terminal-notif-status-gtinput-not-defined
{
    min-height: 16px;
    /*padding-left: 20px;
    background-image: url("../images/inputNotDefined16.png");*/
    background-repeat: no-repeat;
    background-position: left;
}
.gs-terminal-notif-status-gsrelay-activated
{
    min-height: 16px;
    /*padding-left: 20px;
    background-image: url("../images/relay16.png");*/
    background-repeat: no-repeat;
    background-position: left;
}
.gs-terminal-notif-status-gsrelay-not-activated
{
    min-height: 16px;
    /*padding-left: 20px;
    background-image: url("../images/relayoff16.png");*/
    background-repeat: no-repeat;
    background-position: left;
}
.gs-terminal-notif-status-gsalarm-normal 
{
    min-height: 16px;
    /*padding-left: 20px;
    background-image: url("../images/alarm16.png");*/
    background-repeat: no-repeat;
    background-position: left;
}
.gs-terminal-notif-status-gsalarm-door-stayed-open 
{
    min-height: 16px;
    /*padding-left: 20px;
    background-image: url("../images/alarm16.png");*/
    background-repeat: no-repeat;
    background-position: left;
    color: Red;
}
.gs-terminal-notif-status-gsalarm-door-stayed-closed
{
    min-height: 16px;
    /*padding-left: 20px;
    background-image: url("../images/alarm16.png");*/
    background-repeat: no-repeat;
    background-position: left;
    color: Red;
}
.gs-terminal-notif-status-gsalarm-door-forced-open 
{
    min-height: 16px;
    /*padding-left: 20px;
    background-image: url("../images/alarm16.png");*/
    background-repeat: no-repeat;
    background-position: left;
    color: Red;
}
.gs-terminal-notif-status-gsalarm-spacecount 
{
    min-height: 16px;
    /*padding-left: 20px;
    background-image: url("../images/alarm16.png");*/
    background-repeat: no-repeat;
    background-position: left;
    color: Red;
}
.gs-terminal-notif-status-gsalarm-emergency-activated 
{
    min-height: 16px;
    /*padding-left: 20px;
    background-image: url("../images/alarm16.png");*/
    background-repeat: no-repeat;
    background-position: left;
    color: Red;
}
.gs-terminal-notif-status-gsalarm-emergency-deactivated 
{
    min-height: 16px;
    /*padding-left: 20px;
    background-image: url("../images/alarm16.png");*/
    background-repeat: no-repeat;
    background-position: left;
    color: Red;
}
.gs-terminal-notif-status-gsalarm-forced-pin-code-entered 
{
    min-height: 16px;
    /*padding-left: 20px;
    background-image: url("../images/alarm16.png");*/
    background-repeat: no-repeat;
    background-position: left;
    color: Red;
}
.gs-terminal-notif-status-gsalarm-tampered-input 
{
    min-height: 16px;
    /*padding-left: 20px;
    background-image: url("../images/alarm16.png");*/
    background-repeat: no-repeat;
    background-position: left;
    color: Red;
}

.gs-terminal-notif-status-gtconnection-connected 
{
    min-height: 16px;
}
.gs-terminal-notif-status-gtconnection-disconnected 
{
    min-height: 16px;
}
.gs-terminal-notif-status-gsclocking-default 
{
    min-height: 16px;
}
.gs-terminal-notif-status-gtlockstate-locked, .gs-terminal-notif-status-gtlockstate-unlocked 
{
    min-height: 16px;    
}

/* T&A Clocking by card */
.gs-terminal-notif-status-gsclocking-31
{
    color: Blue;
}
/* T&A Clocking by keypad */
.gs-terminal-notif-status-gsclocking-41
{
    color: Blue;
}
/* T&A/Acc Clocking by card */
.gs-terminal-notif-status-gsclocking-51
{
    color: Blue;
}
/* Access clocking by card */
.gs-terminal-notif-status-gsclocking-52
{
    color: Blue;
}
/*  Job clocking by card */
.gs-terminal-notif-status-gsclocking-71
{
    color: Blue;
}
/*  Job clocking by keypad */
.gs-terminal-notif-status-gsclocking-81
{
    color: Blue;
}
/* T&A/Job clocking by card */
.gs-terminal-notif-status-gsclocking-72
{
    color: Blue;
}
/* T&A/Job clocking by card */
.gs-terminal-notif-status-gsclocking-82
{
    color: Blue;
}
/* Access out of timezone */
.gs-terminal-notif-status-gsclocking-53
{
    color: Red;
}
/* Invalid access */
.gs-terminal-notif-status-gsclocking-54
{
    color: Red;
}
/*  Pincode error */
.gs-terminal-notif-status-gsclocking-55
{
    color: Red;
}
/* Antipass-back error */
.gs-terminal-notif-status-gsclocking-56
{
    color: Red;
}
/* No access */
.gs-terminal-notif-status-gsclocking-57
{
    color: Red;
}
/* Soft antipass-back error */
.gs-terminal-notif-status-gsclocking-58
{
    color: Red;
}
/* Space count clocking */
.gs-terminal-notif-status-gsclocking-90
{
    color: Blue;
}


/* Alarm types */
/* Door stays open  */
.gs-terminal-notif-status-gsclocking-59-1
{
    color: Red;
    font-weight: bold;
}
/* Door stays closed  */
.gs-terminal-notif-status-gsclocking-59-2
{
    color: Red;
    font-weight: bold;
}
/* Forced door open  */
.gs-terminal-notif-status-gsclocking-59-3
{
    color: Red;
    font-weight: bold;
}
/* Space full  */
.gs-terminal-notif-status-gsclocking-59-4
{
    color: Red;
    font-weight: bold;
}
/* Emergency activated  - not used: use instead gs-terminal-notif-status-gsclocking-61-8*/
.gs-terminal-notif-status-gsclocking-61-5
{
    color: Red;
    font-weight: bold;
}
/* Forced pin code entered  */
.gs-terminal-notif-status-gsclocking-61-6
{
    color: Red;
    font-weight: bold;
}
/* Tampered input  */
.gs-terminal-notif-status-gsclocking-61-7
{
    color: Red;
    font-weight: bold;
}
/* Emergency activated  */
.gs-terminal-notif-status-gsclocking-61-8
{
    color: Red;
    font-weight: bold;
}
/* Emergency deactivated  */
.gs-terminal-notif-status-gsclocking-61-9
{
    color: Red;
    font-weight: bold;
}
.gs-terminal-notif-highlight 
{
    background-color: Yellow !important;
}

.gs-terminal-link 
{
    position: relative;
    display: inline-block;
    cursor: pointer;
    
    white-space: nowrap;
    margin: 3px;
    padding: 3px 3px 1px 3px;
    
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-decoration: none;
}

.gs-terminal-link-img 
{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    vertical-align: middle;
    /*
    -ms-transform: scale(0.5,0.5);
    -webkit-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
    */
    /*
    left: 50%;
    transform: translateX(-50%);
    */
    
    /*opacity: 0.6;
    filter: alpha(opacity=60);*/ /* For IE8 and earlier */
}
.gs-terminal-link-text 
{
    display: inline-block;
    margin-left: 3px;
    text-align: left;
    min-height: 16px;
    vertical-align: middle;
    color: black;
    /*
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    */
}
.gs-terminal-link-text:hover
{
    color: black;
}
.gs-terminal-link:hover .gs-terminal-link-img
{
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.gs-terminal-link:hover .gs-terminal-link-text 
{
    color: Black;
}
.gs-terminal-link:hover 
{
    background-color: rgb(212,226,242);
    border: 1px solid rgb(129,164,208);
    
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.gs-terminal-link:focus 
{
    background-color: rgba(212,226,242,0.35);
    border: 1px solid rgb(129,164,208);
    
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.gs-terminal-link:active 
{
    background-color: rgb(212,236,255);
}
.gs-terminal-link-img-door-open
{
    background-image: url("../images/doorOpen16.png");
    background-repeat: no-repeat;
}
.gs-terminal-link-img-holiday
{
    background-image: url("../images/holidayCard16.png");
    background-repeat: no-repeat;
}
.gs-terminal-link-img-in-out
{
    background-image: url("../images/inOut16.png");
    background-repeat: no-repeat;
}
.gs-terminal-link-img-mc-codes
{
    background-image: url("../images/mcDefinition16.png");
    background-repeat: no-repeat;
}
.gs-terminal-link-img-security
{
    background-image: url("../images/changePassword16.png");
    background-repeat: no-repeat;
}
.gs-terminal-link-img-deactivate-all-relays
{
    background-image: url("../images/relaysOff16.png");
    background-repeat: no-repeat;
}
.gs-terminal-link-img-activate-all-relays
{
    background-image: url("../images/relaysOn16.png");
    background-repeat: no-repeat;
}
.gs-terminal-link-img-reset-all-relays
{
    background-image: url("../images/relaysReset16.png");
    background-repeat: no-repeat;
}
.gs-terminal-link-img-reconfigure
{    
    background-image: url(../images/reprocess16.png) !important;
    background-repeat: no-repeat;
}
.gs-terminal-link-img-clear
{    
    background-image: url(../images/clean16.png) !important;
    background-repeat: no-repeat;
}
.gs-terminal-link-img-lock-gs
{
    background-image: url("../images/lock_16.png");
    background-repeat: no-repeat;
}
.gs-terminal-link-img-unlock-gs
{
    background-image: url("../images/unlock_16.png");
    background-repeat: no-repeat;
}
.gs-terminal-link-img-ignore-all-alarms 
{
    background-image: url("../images/alarm16.png");
    background-repeat: no-repeat;
}
.gs-terminal-link-img-signals
{
    background-image: url("../images/terminalSignal16.png");
    background-repeat: no-repeat;
}
.gs-terminal-link-img-relais
{
    background-image: url("../images/gsRelay32.png");
    background-repeat: no-repeat;
}
.gs-terminal-link-img-gt-inputs
{
    background-image: url("../images/input16.png");
    background-repeat: no-repeat;
}
.gs-terminal-link-img-timezones
{
    background-image: url("../images/timeZone16.png");
    background-repeat: no-repeat;
}
.gs-terminal-link-img-access-groups
{
    background-image: url("../images/groups16.png");
    background-repeat: no-repeat;
}
.gs-terminal-link-img-params
{
    background-image: url("../images/basicParam16.png");
    background-repeat: no-repeat;
}
.gs-terminal-link-img-sync-time 
{
    background-image: url("../images/clockSmall16.png");
    background-repeat: no-repeat;    
}
.gs-terminal-link-inner 
{
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.gs-terminal-link-inner:hover .gs-terminal-link-text 
{
    color: Blue;
}
.gs-terminal-link-inner:hover .gs-terminal-link-img
{
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.gs-terminal-link-img-alarm
{
    position: relative;
    width: 16px;
    height: 16px;
    display: inline-block;
    
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    background-image: url("../images/alarm16.png");
    background-repeat: no-repeat;
}
.gs-terminal-link-img-commands 
{
    position: relative;
    width: 16px;
    height: 16px;
    display: inline-block;
    
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    background-image: url("../images/terminalCommands16.png");
    background-repeat: no-repeat;
}
.gsclearallaccessgroups-icon 
{
    background-image: url("../images/clear16.png"); width: 16px; height: 16px; 
}
.gsclearindividualmessage-icon 
{
    background-image: url("../images/clear16.png"); width: 16px; height: 16px; 
}
.gsclearmccodedesc-icon 
{
    background-image: url("../images/clear16.png"); width: 16px; height: 16px; 
}
.gsgetaccessgroup-icon ,
.gsgetalarmprogram-icon ,
.gsgetclockdata-icon ,
.gsgetdisplaytext-icon, 
.gsgetdooropenprog-icon, 
.gsgetgtinput-icon ,
.gsgetgttermstatus-icon ,
.gsgetindividualmessages-icon ,
.gsgetiodefinition-icon ,
.gsgetmccodedesc-icon ,
.gsgetparams-icon ,
.gsgetpassword-icon, 
.gsgetrelayprog-icon, 
.gsgetrelaystatus-icon ,
.gsgetsignaldefinition-icon ,
.gsgettermdef-icon ,
.gsgetterminallockstatus-icon ,
.gsgettimezonedef-icon ,
.gsgettitleextension-icon ,
.gsgettitletext-icon ,
.gsgetversioninfo-icon 
{
    background-image: url("../images/info16.png"); width: 16px; height: 16px; 
}
.gsresetalarm-icon,.gsresetgtalarm-icon
{
    background-image: url("../images/restoreDefaults16.png"); width: 16px; height: 16px; 
}

.gssetaccessgroup-icon,
.gssetalarmprogram-icon,
.gssetantipassback-icon ,
.gssetdisplaytext-icon,
.gssetdooropenprog-icon,
.gssetempinputmode-icon,
.gssetenableinput-icon ,
.gssetgtinput-icon ,
.gssetindivmessage-icon ,
.gssetiodef-icon ,
.gssetmccodedesc-icon ,
.gssetmcinputmode-icon ,
.gssetparams-icon ,
.gssetpassword-icon,
.gssetrelayprog-icon, 
.gssetsignaldef-icon ,
.gssettermdef-icon ,
.gssettermlockout-icon ,
.gssettimezonedef-icon ,
.gssettitleextension-icon, 
.gssettitletext-icon ,
.gssetholidayprog-icon,
.gsgetemployeecardmessages-icon,
.gssetemployeecardmessages-icon,
.gssetclockdata-icon,
.dfa-icon,
.dfr-icon,
.dfh-icon,
.dfl-icon,
.dfe-icon,
.dfi-icon,
.dft-icon,
.dfa_clear-icon,
.dfr_clear-icon,
.dfh_clear-icon,
.dfl_clear-icon,
.dfi_clear-icon,
.dft_clear-icon

{
    background-image: url("../images/arrowRight.png"); width: 16px; height: 16px; 
    background-image: url("../images/systemSettings16.png"); width: 16px; height: 16px; 
}
.gtinput-activated-icon
{
    background-image: url("../images/inputActivated16.png"); width: 16px; height: 16px; 
    /*background-image: url("../images/arrowLeft.png"); width: 16px; height: 16px; */
}
.gtinput-not-activated-icon
{
    background-image: url("../images/input16.png"); width: 16px; height: 16px; 
    /*background-image: url("../images/arrowLeft.png"); width: 16px; height: 16px;*/ 
}
.gtinput-not-defined-icon
{
    background-image: url("../images/inputNotDefined16.png"); width: 16px; height: 16px;
    /*background-image: url("../images/arrowLeft.png"); width: 16px; height: 16px;  */
}
.gsrelay-activated-icon
{
    background-image: url("../images/relayon16.png"); width: 16px; height: 16px; 
    /*background-image: url("../images/arrowLeft.png"); width: 16px; height: 16px; */
}
.gsrelay-not-activated-icon
{
    background-image: url("../images/relayoff16.png"); width: 16px; height: 16px;
    /*background-image: url("../images/arrowLeft.png"); width: 16px; height: 16px; */
}
.gssettermslockout-icon
{
    background-image: url("../images/lock_16.png"); width: 16px; height: 16px;
    /*background-image: url("../images/arrowLeft.png"); width: 16px; height: 16px; */
}
.gssetrelaisstate-icon
{
    background-image: url("../images/relaysState16.png"); width: 16px; height: 16px; 
}

.gssetrelay-icon
{
    background-image: url("../images/relaysState16.png"); width: 16px; height: 16px; 
}


.gscloseallrelais-icon
{
    background-image: url("../images/relaysOff16.png"); width: 16px; height: 16px; 
}

.gsreboot-icon
{
    background-image: url("../images/reboot16.png"); width: 16px; height: 16px; 
}

.gsopenallrelais-icon
{
    background-image: url("../images/relaysOn16.png"); width: 16px; height: 16px; 
}

.gsalarm-normal-icon
{
    background-image: url("../images/alarm16.png"); width: 16px; height: 16px;     
}
.gsalarm-door-stayed-open-icon
{
    background-image: url("../images/alarm16.png"); width: 16px; height: 16px;     
}
.gsalarm-door-stayed-closed-icon
{
    background-image: url("../images/alarm16.png"); width: 16px; height: 16px;     
}
.gsalarm-door-forced-open-icon
{
    background-image: url("../images/alarm16.png"); width: 16px; height: 16px;     
}
.gsalarm-spacecount-icon
{
    background-image: url("../images/alarm16.png"); width: 16px; height: 16px;     
}

.gtconnection-connected-icon 
{
    background-image: url("../images/fitWidth.png"); width: 16px; height: 16px; 
}
.gtconnection-disconnected-icon 
{
    background-image: url("../images/divide16.png"); width: 16px; height: 16px; 
}

.gsclocking-default-icon 
{
    background-image: url("../images/clockSmall16.png"); width: 16px; height: 16px; 
}
.gtlockstate-unlocked-icon 
{
    background-image: url("../images/unlock_16.png"); width: 16px; height: 16px; 
}
.gtlockstate-locked-icon 
{
    background-image: url("../images/lock_16.png"); width: 16px; height: 16px; 
}
.gsresendgsnotification-icon 
{
    background-image: url("../images/refresh.gif"); width: 16px; height: 16px; 
}



.gsclocking-31-icon 
{
    background-image: url("../images/gsclocking_ta.png"); width: 16px; height: 16px; 
}
.gsclocking-41-icon 
{
    background-image: url("../images/gsclocking_ta.png"); width: 16px; height: 16px; 
}
.gsclocking-51-icon 
{
    background-image: url("../images/gsclocking_ta_acc.png"); width: 16px; height: 16px; 
}
.gsclocking-71-icon 
{
    background-image: url("../images/gsclocking_job.png"); width: 16px; height: 16px; 
}
.gsclocking-81-icon 
{
    background-image: url("../images/gsclocking_job.png"); width: 16px; height: 16px; 
}
.gsclocking-52-icon 
{
    background-image: url("../images/gsclocking_acc.png"); width: 16px; height: 16px; 
}
.gsclocking-60-icon 
{
    background-image: url("../images/gsclocking_acc.png"); width: 16px; height: 16px; 
}
.gsclocking-62-icon 
{
    background-image: url("../images/gsclocking_acc.png"); width: 16px; height: 16px; 
}
.gsclocking-72-icon 
{
    background-image: url("../images/gsclocking_ta_job.png"); width: 16px; height: 16px; 
}
.gsclocking-82-icon 
{
    background-image: url("../images/gsclocking_ta_job.png"); width: 16px; height: 16px; 
}

.gsclocking-53-icon 
{
    background-image: url("../images/gsclocking_anomaly.png"); width: 16px; height: 16px; 
}
.gsclocking-54-icon 
{
    background-image: url("../images/gsclocking_anomaly.png"); width: 16px; height: 16px; 
}
.gsclocking-55-icon 
{
    background-image: url("../images/gsclocking_anomaly.png"); width: 16px; height: 16px; 
}
.gsclocking-56-icon 
{
    background-image: url("../images/gsclocking_anomaly.png"); width: 16px; height: 16px; 
}
.gsclocking-57-icon 
{
    background-image: url("../images/gsclocking_anomaly.png"); width: 16px; height: 16px; 
}
.gsclocking-58-icon 
{
    background-image: url("../images/gsclocking_anomaly.png"); width: 16px; height: 16px; 
}



.gsclocking-59-1-icon 
{
    background-image: url("../images/gsalarm1.png"); width: 16px; height: 16px; 
}
.gsclocking-59-2-icon 
{
    background-image: url("../images/gsalarm2.png"); width: 16px; height: 16px; 
}
.gsclocking-59-3-icon 
{
    background-image: url("../images/gsalarm3.png"); width: 16px; height: 16px; 
}
.gsclocking-59-4-icon 
{
    background-image: url("../images/gsalarm4.png"); width: 16px; height: 16px; 
}
.gsclocking-61-5-icon,/*not used*/
.gsclocking-61-8-icon, 
.gsclocking-61-9-icon 
{
    background-image: url("../images/gsalarm5.png"); width: 16px; height: 16px; 
}
.gsclocking-61-6-icon 
{
    background-image: url("../images/gsalarm6.png"); width: 16px; height: 16px; 
}
.gsclocking-61-7-icon 
{
    background-image: url("../images/gsalarm7.png"); width: 16px; height: 16px; 
}



.gs-terminal-toolbar .notif-preview-filters 
{
    position: initial !important;
    display: inline-block;
    float: right;
    margin: 3px;
    white-space: nowrap;
    min-height: 33px;
}
.gs-terminal-toolbar .notif-preview-filters .notif-preview-quick-search-filter,
.gs-terminal-toolbar .notif-preview-filters .notif-preview-quick-search-filter-clear,
.gs-terminal-toolbar .notif-preview-filters .notif-preview-combo-filter 
{
    display: inline-block;
    margin: 3px;
    vertical-align: top;
}

.gs-terminal-toolbar a
{
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;    
}
.gs-big-inputs, .gs-big-relais 
{
    position: relative;
    display: inline-block;
    white-space: nowrap;
}

.gs-big-relais-and-inputs-div 
{
    display: inline-block;
    margin-left: 10px;
    /*
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    */
}
.gs-big-relais-and-inputs-div a
{
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;    
}
.gs-big-relais .gs-gt-relay 
{
    width: 36px;
    height: 36px;
}
.gs-big-inputs .gs-gt-input
{
    width: 36px;
    height: 36px;
}

.sound-on 
{
    background: transparent url("../images/soundOn16.png");
}
.sound-off 
{
    background: transparent url("../images/soundOff16.png");
}

.clsCommandParams
{
    font-size: 13px;    
}
.x-boundlist-item img.chkCombo {
    background: transparent url("../images/unchecked.gif");
}
.x-boundlist-selected img.chkCombo{
    background: transparent url("../images/checked.gif"); 
}

/* check combo */
.x-combo-checker  
{
    background-position: 50% -2px; margin-left: 1px; 
    background-color: transparent; 
    background-image: url("../images/unchecked.gif");
     background-position: -1px -1px; background-repeat: no-repeat; height: 14px; width: 14px; display: inline-block; 
}
.x-boundlist-selected .x-combo-checker { background-image: url("../images/checked.gif"); }
   

.gs-terminal-link-img-reboot
{
    background-image: url("../images/reboot16.png");
    background-repeat: no-repeat;
}

.gs-menu-label
{
    padding-top: 7px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    font-size: 11px;
    color: Gray;
    min-width: 100px;
    float: left;
}

.gs-terminal-link-img-status-gs
{
    background-image: url("../images/bug2_16.png");
    background-repeat: no-repeat;
}

.gs-terminal-link-img-upgradefirmware-gs
{
    background-image: url("../images/upgradeFirmware16.png");
    background-repeat: no-repeat;
}

.gsparamstatus
{
    padding: 2px;    
    
}

.gs-terminal-link-img-clear
{
    text-align: left !important;
    background: url(../images/clean16.png) no-repeat !important;
}
.gs-terminal-link-img-exportdata
{
    text-align: left !important;
    background: url(../images/exportDefinitions16.png) no-repeat !important;
}
 
.treeGts .x-tree-icon-leaf     
{
    background-image: url(../images/terminalGSGT16.png) !important;
} 
 
.gssetfirmware-icon
{
    background-image: url(../images/upgradeFirmware16.png) !important;  width: 16px; height: 16px; 
}  

.treeGts  .x-tree-icon-parent
{
    background-image: url(../images/GSTerminalManager16.png) !important;
}  

.clsTbNoBorder
{
    border: 0px;    
}
 

.x-progress.custom {
    height: 15px; 
    padding: 0 2px 0 2px;
}

.ext-strict .x-progress.custom {
    height: 12px;
}

.custom .x-progress-bar {
    height: 12px;
    border: none;
    border-top: 1px solid #fff; 
}

.ext-strict .custom .x-progress-bar {
    height: 12px;
}

.duplicateFile .x-grid-cell,
.duplicateFile .x-grid-row-selected .x-grid-cell .x-grid-cell-special
{ 
    background-color: rgb(48,154,21) !important; 
}


.correctKey .x-grid-cell, correctKey .x-grid-rowwrap-div .x-grid-cell-special
{
	background-color: rgb(100,193,77) !important; 
    border-color: #A3BAE9;
    border-style: dotted;
}

.wrongKey .x-grid-cell,
.wrongKey .x-grid-row-selected .x-grid-cell
{ 
    background-color: rgb(156,154,154) !important; 
}

.nonExistentKey .x-grid-cell,
.nonExistentKey .x-grid-row-selected .x-grid-cell
{ 
     background-color: rgb(245, 20, 20) !important;
}


.maxFileSize .x-grid-cell,
.maxFileSize .x-grid-row-selected .x-grid-cell
{ 
     background-color: rgb(245, 93, 35) !important;
}

.btnEmpCountPeriodConfirmed .x-btn-inner
{
    color: Green;
}
.btnEmpCountPeriodNotConfirmed .x-btn-inner
{
    color: Red;
}

.clsFreeze
{ 
	text-align: center !important;
    background-image: url(../images/actionFreeze24.png) !important;
    background-repeat:no-repeat !important;
    background-position:50% 50%; 
}
.clsUnFreeze
{ 
	text-align: center !important;
    background-image: url(../images/actionUnfreeze24.png) !important;
    background-repeat:no-repeat !important;
    background-position:50% 50%; 
}
.clsFreeze16
{ 
    text-align: left !important;
    background-image: url(../images/actionFreeze16.png) !important; 
}
.clsUnFreeze16
{ 
    text-align: left !important;
    background-image: url(../images/actionUnfreeze16.png) !important; 
}

.employee-periodic-status-list .x-grid-checkheader, .employee-periodic-status-edit .x-grid-checkheader
{
    background-image: url('../images/false16.png') !important;
}
.employee-periodic-status-list .x-grid-checkheader.x-grid-checkheader-checked, .employee-periodic-status-edit .x-grid-checkheader.x-grid-checkheader-checked
{
    background-image: url('../images/true16.png') !important;
}
.employee-periodic-status-list-td-pointer .x-grid-checkheader 
{
    cursor: pointer;
}
.employee-periodic-status-list-confirm-column 
{
}

.clsDFKColor, .x-grid-row .clsDFK, .x-grid-row-over .clsDFK, .x-grid-row-selected .clsDFK, .x-grid-row-focused .clsDFK
{
    background-color: rgb(48,154,21) !important;
}

.clsIFKColor, .x-grid-row .clsIFK, .x-grid-row-over .clsIFK, .x-grid-row-selected .clsIFK, .x-grid-row-focused .clsIFK
{
    background-color: rgb(156,154,154) !important;
}

.clsCFKColor, .x-grid-row .clsCFK, .x-grid-row-over .clsCFK, .x-grid-row-selected .clsCFK, .x-grid-row-focused .clsCFK
{
    background-color: rgb(100,193,77) !important; 
}

.clsNEKColor, .x-grid-row .clsNEK, .x-grid-row-over .clsNEK, .x-grid-row-selected .clsNEK, .x-grid-row-focused .clsNEK
{
    background-color: rgb(245, 20, 20) !important;
}

.clsMFSColor, .x-grid-row .clsMFK, .x-grid-row-over .clsMFS, .x-grid-row-selected .clsMFS, .x-grid-row-focused .clsNEK
{
    background-color: rgb(245, 93, 35) !important;
}

.clsDFKColor,.clsIFKColor,.clsCFKColor, .clsNEKColor, .clsMFSColor
{
    width: 25px; 
    height: 25px;
    margin-right: 5px;
}
.clsConfirmAll16
{
    text-align: left !important;
    background-image: url(../images/true16.png) !important;
    background-repeat: no-repeat !important; 
}
.clsDisconfirmAll16
{
    text-align: left !important;
    background-image: url(../images/false16.png) !important;
    background-repeat: no-repeat !important; 
}
.clsActivityDestinationsBtnIcon16
{
    text-align: left !important;
    background-image: url(../images/activity16.png) !important;
}
.clsActivityTypesBtnIcon16
{
    text-align: left !important;
    background-image: url(../images/activityType16.png) !important;
} 

.employee-periodic-status-list-row-details-table
{
    width: 100%;
    font-size: 12px;
    margin-left: 39px;
    margin-bottom: 6px;
}
employee-periodic-status-list-row-details-table td 
{
    white-space: nowrap;
    padding: 2px;
}
.employee-periodic-status-list-row-details-table > tbody > tr > td:first-child
{
    font-weight: bold;
}

.profile-grid-edit-non-unique-employees-no .x-panel-header 
{
    background-image: none !important;
}

.clsCloud
{ 
    text-align: left !important;
    background-image: url(../images/uploadCloud24.png) !important;
}
.textAlignLeft
{
    text-align:left !important;    
}
.activity-edit-form-panel table tr:last-child > td, .activity-edit-form-panel table tr:nth-child(6) > td 
{
    vertical-align: top;
}



.clsReset16
{
    background: url(../images/reset16.png) no-repeat;
}

/*fix for IE when button text in right toolbar overflows button width*/
.x-btn-default-toolbar-small button span
{
    text-overflow: ellipsis;
    overflow: hidden;
}
/*
.x-tool-editpaneltitle
{
    background: url(../images/edit13.png) !important;
    background-repeat:no-repeat !important;
    border: 1px solid #99bbe8 !important;
    border-radius: 4px;
    background-position: 50% 50% !important;
}

.x-tool-editpaneltitle:hover
{
    border: 1px solid #607FC8 !important;
    background-color: rgb(188, 210, 239) !important;
}*/

.grid-cell-nowrap div 
{
    white-space:nowrap !important; 
}
.x-tool-hideTooltip img {
    overflow: hidden;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('../../resources/themes/images/default/tools/tool-sprite-hide.gif');
    margin: 0
}
.x-tool-notHiddenTooltip   
{
    
    background-position: 0 -240px;
}
.x-tool-hiddenTooltip 
{ 
    background-position: -0 -255px;
}

.clsLeftPositionZero
{
    left: 0px !important;
}

.toolbarMenu2
{
    background-color:  rgb(188, 210, 239) !important;
}
.clsBtnNoIconCls
{
    background-image: none !important;
    width: 0px !important;
    height: 16px !important;
    margin: 4px 0px 0px 3px !important
}
.x-menu-item-text {
  position: relative;
  font-size: 12px;
  color: #222222;
  top: -4px;
}
.chatPanel
{
     background: rgb(235, 250, 255) !important;
     background-color: rgb(235, 250, 255) !important;
}

/* CSS talk bubble */
.received-talk-bubble {
	margin-left: auto;
	margin-top: 10px;
    display: inline-block;
    position: relative;
  width: 95% !important;
	min-height: 70px;
	background-color: lightyellow;
}
.sent-talk-bubble {
	margin-left: auto;
	margin-top: 10px;
    display: inline-block;
    position: relative;
  width: 95% !important;
	min-height: 70px;
	background-color: rgb(0, 255, 148) ;
}

.received-tri-right.left-top:after{
	content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -24px;
    right: auto;
    top: 27px;
    bottom: auto;
    border: 23px solid;
	border-color: lightyellow transparent transparent transparent;
}

.sent-tri-right.left-top:after{
	content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -24px;
    right: auto;
    top: 27px;
    bottom: auto;
    border: 23px solid;
	border-color: rgb(0, 255, 148) transparent transparent transparent;
}


/* talk bubble contents */
.talktext{
    padding: 1em;
    text-align: left;
    line-height: 1.5em;
    word-wrap: break-word;
}
.talktext p{
  /* remove webkit p margins */
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
}
.clsTopChatActive
{
   background-image: url(../images/chat16.png) !important;
}
.clsTopChatInactive
{
   background-image: url(../images/tbarChatInactive16.png) !important;
}
.clsTopChatFlash
{
   background-image: url(../images/tbarMessageFlash16.png) !important;
}




.bubble-left{
    line-height: 100%;
    display: block;
    position: relative;
    padding: 0.3em 0.4em;
    background:#1a7eb3;
    border: 0px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    margin-bottom: 0.2em;
    clear: both;
    max-width: 80%;
    min-height: 27px;

    color: white;
}


.bubble-right {
    line-height: 100%;
    display: block;
    position: relative;
    padding: 0.3em 0.4em;
    background: green;
    border: 0px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    margin-bottom: 0.2em;
    clear: both;
    max-width: 80%;
    min-height: 27px;

    color: white;
}
.bubble-left {
    float: left

}
.bubble-right {
    float:right;
}

.msg .x-box-mc {
    font-size:14px;
}
#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:300px;
    z-index:20000;
}
#msg-div .msg {
    border-radius: 3px;
    -moz-border-radius: 3px;
    background: #F6F6F6;
    border: 0px solid #ccc;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}
#msg-div .msg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
}
#msg-div .msg p {
    margin: 0;
}
.onFrontZindex
{
   z-index:120000; 
}

.unreadChat:before{
    margin-right: 5px; 
    color:red;
    content: '\2713';
}
.readChat:before{
    margin-right: 5px; 
    color:white;
    content: '\2713';

}

.x-btn-default-toolbar-small {
    border-radius: 0px;
    border-width: 0px; 
    padding: 2px 2px 2px 2px !important;
    background-image: none !important;
}
.x-btn-default-toolbar-small-over {
    border-radius: 2px;
	-moz-border-radius: 2px !important;
    border-width: 0px;
    background-color: #c1e8fb   !important;
    background-image: none !important;
    
}
.x-btn-default-toolbar-small-pressed {
    border-radius: 2px;
	-moz-border-radius: 2px !important;
    border-width: 0px;
    background-color: #c1e8fb  !important;
    background-image: none !important;
    
}

.x-btn-default-toolbar-large {
    border-radius: 0px;
    border-width: 1px solid white !important;
    padding: 2px 2px 3px 4px !important;
    background-image: none !important;
}
.x-btn-default-toolbar-large-over {
    border-radius: 2px;
	-moz-border-radius: 2px !important;
    border-width: 0px;
    background-color: #c1e8fb   !important;
    background-image: none !important;
    border: 1px solid #74abf6 !important;
}
.x-btn-default-toolbar-large-pressed {
    border-radius: 2px;
	-moz-border-radius: 2px !important;
    border-width: 0px;
    background-color: #c1e8fb  !important;
    background-image: none !important;
    border: 1px solid #74abf6 !important;
}

.x-panel-default {
    background-image: none !important;
    background-color: rgb(255, 255, 255) !important;
}

.x-border-layout-ct {
    background-color: white !important;
}

.x-btn-default-small .x-btn-inner
{
    color: White;
}

.x-column-header
{
    background-image: none !important;
    background-color: #e2edf2 !important;
    border-top: 1px solid rgba(211, 211, 211, 0) !important;
    border-right: 0px solid rgba(197, 197, 197, 1) !important;
}


.x-column-header-last
{
    border-right: 1px solid rgba(197, 197, 197, 0) !important;
}

.x-grid-header-ct 
{
    background-color: transparent !important;
    background-image: none !important; 
    border-right: 0px solid #d3d3d3 !important;
    border-left: 0px solid #d3d3d3 !important;
    border-top: 0px solid #d3d3d3 !important;
}

.x-btn-default-small-disabled .x-btn-inner {
    color: #ffffff !important;
}



/* ----------------------------------
Tools */

.x-tool-gear {
    background-position: 0 -90px
}

.x-tool-prev {
    background-position: 0 -105px
}

.x-tool-next {
    background-position: 0 -120px
}

.x-tool-right {
    background-position: 0 -165px
}

.x-tool-left {
    background-position: 0 -180px
}

.x-tool-save {
    background-position: 0 -285px
}

.x-tool-search {
    background-position: 0 -270px
}

.x-tool-minus {
    background-position: 0 -255px
}

.x-tool-plus {
    background-position: 0 -240px
}

.x-tool-refresh {
    background-position: 0 -225px
}

.x-tool-up {
    background-position: 0 -210px
}

.x-tool-down {
    background-position: 0 -195px
}

.x-tool-move {
    background-position: 0 -375px
}

.x-tool-expand {
    background-position: 0 -330px
}

.x-tool-print {
    background-position: 0 -315px
}

.x-tool div 
{
    cursor: pointer;
    width: 20px !important;
    height: 20px !important;
    /*transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -webkit-transform: scale(0.7, 0.7);*/
    /*margin-top: -7px !important;*/
}
.x-panel-header-horizontal .x-panel-header-body, .x-panel-header-horizontal .x-window-header-body, .x-panel-header-horizontal .x-btn-group-header-body, .x-window-header-horizontal .x-panel-header-body, .x-window-header-horizontal .x-window-header-body, .x-window-header-horizontal .x-btn-group-header-body, .x-btn-group-header-horizontal .x-panel-header-body, .x-btn-group-header-horizontal .x-window-header-body, .x-btn-group-header-horizontal .x-btn-group-header-body
{
    /* height: 18px !important; */
}




.x-tool-over {
    /*border-top: 1px solid transparent  !important;*/
    transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    background-position: 0 0;
    background-image: none !important;
    color: #0090d2 !important;
}
    .x-tool-over:before {
        color: #0090d2 !important;
    }

.x-tool-expand-top {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    background-image: url("../images/collapse_20.png") !important;
    background-image: none !important;      
}
.x-tool-expand-top:before
{
    content: "\0055" !important;
    font-size: 16px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-expand-top {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-expand-top:before {
        color: #0090d2 !important;
    }


/*7.1.1*/
.x-tool-minus {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important;
    background-image: url("../images/collapse_20.png") !important;
    background-image: none !important;      
}
    .x-tool-minus:before {
        content: "\006c" !important;
        font-size: 16px !important;
        color: #0090d2 !important;
    }
.x-tool-over .x-tool-minus {
    background-position: 0 0; 
}
.x-tool-over .x-tool-minus:before {
    color: red !important;
}


.x-tool-collapse-left {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important;
    background-image: url("../images/collapse_20.png") !important;
    background-image: none !important;      
}
.x-tool-collapse-left:before
{
    content: "\004c" !important;
    font-size: 16px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-collapse-left {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-collapse-left:before {
        color: #0090d2 !important;
    } 


.x-tool-expand-right {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important;
    background-image: url("../images/collapse_20.png") !important;
    background-image: none !important;      
}
.x-tool-expand-right:before
{
    content: "\0052" !important;
    font-size: 16px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-expand-right {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-expand-right:before {
        color: #0090d2 !important;
    } 


.x-tool-collapse-right {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important;
    background-image: url("../images/collapse_20.png") !important;
    background-image: none !important;      
}
.x-tool-collapse-right:before
{
    content: "\0052" !important;
    font-size: 16px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-collapse-right 
{
    
    background-position: 0 0; 
}
    .x-tool-over .x-tool-collapse-right:before {
        color: #0090d2 !important;
    } 


.x-tool-expand-left 
{
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important;
    background-image: url("../images/collapse_20.png") !important;
    background-image: none !important;      
}
.x-tool-expand-left:before
{
    content: "\004c" !important;
    font-size: 16px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-expand-left 
{
    background-position: 0 0; 
}
    .x-tool-over .x-tool-expand-left:before {
        color: #0090d2 !important;
    } 

.x-tool-collapse-top {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important;
    background-image: url("../images/collapse_20.png") !important;
    background-image: none !important;      
}
.x-tool-collapse-top:before
{
    content: "\0055" !important;
    font-size: 16px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-collapse-top {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-collapse-top:before {
        color: #0090d2 !important;
    }




.x-tool-expand-bottom {
    background-position: 0 0;
    font-family: amano;
    background-image: url("../images/expand_20.png") !important;
    background-image: none !important;      
}
.x-tool-expand-bottom:before
{
    content: "\0044" !important;
    font-size: 20px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-expand-bottom {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-expand-bottom:before {
        color: #0090d2 !important;
    }


.x-tool-collapse-bottom {
    background-position: 0 0;
    background-image: none !important;      
    font-family: amano;
    background-image: url("../images/expand_20.png") !important;
    background-image: none !important;
}
.x-tool-collapse-bottom:before
{
    content: "\0044" !important;
    font-size: 20px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-collapse-bottom {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-collapse-bottom:before {
        color: #0090d2 !important;
    }


.x-tool-notHiddenTooltip  {
    background-position: 0 0;
    font-family: amano;
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
    background-image: url("../images/info_20.png") !important;
    background-image: none !important;      
}
    .x-tool-notHiddenTooltip:before {
        content: "\49" !important;
        font-size: 16px !important;
        color: #0090d2 !important;
    }
.x-tool-over .x-tool-notHiddenTooltip {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-notHiddenTooltip:before {
        color: #0090d2 !important;
    }


.x-tool-hiddenTooltip  {
    background-position: 0 0;
    font-family: amano;
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
    background-image: url("../images/info_20.png") !important;
    background-image: none !important;      
}
.x-tool-hiddenTooltip:before
{
    content: "\49" !important;
    font-size: 16px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-hiddenTooltip {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-hiddenTooltip:before {
        color: #0090d2 !important;
    }

.x-tool-maximize  {
    background-position: 0 0;
    font-family: amano;
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
    background-image: url("../images/maximize2_20.png") !important;
    background-image: none !important;      
}
.x-tool-maximize:before
{
    content: "\f018" !important;
    font-size: 16px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-maximize {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-maximize:before {
        color: #0090d2 !important;
    }

.x-tool-minimize  {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important;
    background-image: url("../images/minimize_20.png") !important;
    background-image: none !important;      
}
.x-tool-minimize:before
{
    content: "\0044" !important;
    font-size: 16px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-minimize {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-minimize:before {
        color: #0090d2 !important;
    }

.x-tool-close {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important;
    background-image: url("../images/cross_20.png") !important;
    background-image: none !important;      
}
.x-tool-close:before {
    content: "\006c" !important;
    font-size: 16px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-close {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-close:before {
        color: #0090d2 !important;
    }

.x-tool-restore  {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important;
    background-image: url("../images/restore_20.png") !important;
    background-image: none !important;      
}
.x-tool-restore:before
{
    content: "\f023" !important;
    font-size: 16px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-restore {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-restore:before {
        color: #0090d2 !important;
    }


.x-tool-unpin {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important;
    background-image: url("../images/pin_20.png") !important;
    background-image: none !important;      
}
.x-tool-unpin:before
{
    content: "\0071" !important;
    font-size: 16px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-unpin {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-unpin:before {
        color: #0090d2 !important;
    }

.x-tool-pin {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important;
    background-image: url("../images/unpin_20.png") !important;
    background-image: none !important;
    -ms-transform: rotate(-45deg) !important;
    -webkit-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
    margin-top: -2px !important;      
}
.x-tool-pin:before
{
    content: "\0071" !important;
    font-size: 16px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-pin {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-pin:before {
        color: #0090d2 !important;
    }

.x-tool-help {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important;
    background-image: url("../images/help_20.png") !important;
    background-image: none !important;      
}
.x-tool-help:before
{
    content: "\003f" !important;
    font-size: 16px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-help {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-help:before {
        color: #0090d2 !important;
    }






/*YEAR OVERVIEW*/
.thumbM_HM {
    border: none !important; 
    border-left: 1px solid rgb(21,105,183); 
    color: white; 
    overflow: hidden; 
    background-color: #068cd8 !important; 
}

.thumbM_YV {
    border: none !important;
    border-left: 1px solid rgb(21,105,183);
    color: white;
    overflow: hidden;
    background-color: #0090d2 !important;
}

.thumbDH-wrapDHE {
    border-bottom: 1px solid rgb(188, 202, 209) !important;
}

.thumbD_TM {
    border: none !important; 
    border-color: transparent !important; 
    overflow: hidden  !important;  
}

.thumbD_HM {
    border: none !important; 
    border-color: transparent !important; 
    overflow: hidden  !important; 
    padding: 1px 1px 1px 1px; 
}

.thumbD_YV {
    border: none !important; 
    border-color: transparent !important; 
    overflow: hidden  !important; 
    padding: 1px 1px 1px 1px; 
}
    

.loginFrm
{
    background: transparent !important;
    background-color: transparent !important;
}
.loginLbl
{
    font-size: 12px !important; 
    padding-left: 10px !important;
    color: White;
}
.loginLblTxt
{ 
    padding: 5px 0 0;
}
.loginPanel
{
	background-color: transparent !important;
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
}
.trasparentBk
{ 
    background-color: #135377 !important;
    
    -webkit-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75);


    border-radius: 0px !important;
	-moz-border-radius: 0px !important;
}

.loginPnls
{
     background-color: rgb(195, 177, 182) !important;
}
 
.loginHelp:before
{
    content: "\003f" !important;
    font-size: 20px !important;  
    color: #0087c9 !important;
}


.loginTextItemsColor
{
    color: white !important;
    font-size: 13px !important;
}
.loginTextItemsColor span
{
    color: white !important;
    font-size: 13px !important;
}
.loginTextItemsColor a
{
    color: white !important;
    font-size: 13px !important;
}
.loginTextItemsColor div
{
    color: white !important;
    font-size: 11px !important;
}

.loginBackgroundColor
{
    background-color: #135377 !important;
}
.loginBackgroundColor .x-panel-body-default
{
    background-color: #135377 !important;
}

#idLoginUser input
{
    border: 0px !important;
    font-size: 15px !important;
    padding-left: 10px !important;
    color: #106c9a !important;
    color: #068cd8 !important;
}
#idLoginPassword input
{
    border: 0px !important;
    font-size: 15px !important;
    padding-left: 10px !important;
    color: #106c9a !important;
    color: #068cd8 !important;
}

 
.clsBtnLogin
{
    font-size: 18px !important;
    border: 0px !important;
    background-color: orange !important;
    font-weight: normal !important;
    
    border-radius: 2px !important;
	-moz-border-radius: 2px !important;
}
.btnNoBorder
{ 
    border: 0px !important;
}

.negative5MarginTop
{
    margin-top: -5px !important;
}


.contactLine1,
.contactLine4
{ 
    color: #106c9a !important;
    color: #106c9a !important;
} 




.x-tool-up {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important;
    background-image: url("../images/pin_20.png") !important;
    background-image: none !important;      
}
.x-tool-up:before
{
    content: "\0075" !important;
    font-size: 16px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-up {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-up:before {
        color: #0090d2 !important;
    }

.x-tool-down {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important;
    background-image: url("../images/unpin_20.png") !important;
    background-image: none !important;     
}
.x-tool-down:before
{
    content: "\0064" !important;
    font-size: 16px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-down {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-down:before {
        color: #0090d2 !important;
    }
 
 
.x-tool-toggle {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important;
    background-image: url("../images/unpin_20.png") !important;
    background-image: none !important;     
}
.x-tool-toggle:before
{
    content: "\0075" !important;
    font-size: 16px !important;
    color: #92afbf !important; 
}
.x-tool-over .x-tool-toggle {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-toggle:before {
        color: #0090d2 !important;
    }

.x-fieldset-collapsed .x-tool-toggle {
    background-position: 0 0 !important;
    font-family: amano;
    font-size: 16px !important;
}
.x-fieldset-collapsed .x-tool-toggle:before  {
    content: "\0064" !important;
    font-family: amano;
    font-size: 16px !important;
}

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

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

.btnNoBackground
{
    border: 0px !important;
    background-image: none !important;
    background-color: transparent !important;
    color: Black !important;
}

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

.whiteColor
{
    color: black !important;
}
.blackColor
{
    color: black !important;
}

.blink {
  animation-name: blinker;
  animation-duration: 500ms;
  animation-delay: 500ms;
  animation-iteration-count: 3;
}

@keyframes blinker {  
  50% { opacity: 0; }
  100% { opacity: 1; }
}

.noBkButton {
    border: 0px solid #068cd8 !important;
    background-color: transparent !important;
    background-image: none !important;
}
.btnBlue {
    border: 1px solid rgb(15,167, 234) !important;
    background-color: rgb(15,167, 234) !important;
    background-image: none !important;
}
.labelDates_YPD {
    float: left;
    margin: 4px 1px 0px 4px;
    text-align: left;
	font-family: tahoma,verdana,sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #1F608F;
	border-bottom: 1px solid gray !important;
	background-color: white;
	padding: 2px 0px 2px 2px;
	overflow: hidden;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
	width : 100px;
	height: 20px;
}

.x-grid-row .x-grid-cell
{
    border: 0px !important;
}

.requiredField {
    float: left !important;
    border-left-color: #0090d2 !important;
    border-left-width: 2px !important;
}
.x-toolbar-vertical {
    padding: 0px 2px 0 2px !important;
}
.x-toolbar-footer { 
    border-right: 0px solid lightgray !important;
    padding: 0px 2px 0px 0px !important;
    border-left: 0px solid rgba(211, 211, 211, 0) !important;
    border-right: 0px solid lightgray !important;
    border-left: 0px solid lightgray !important;
}


.x-tool-editpaneltitle {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important;
    background-image: url("../images/collapse_20.png") !important;
    background-image: none !important;      
}
.x-tool-editpaneltitle:before
{
    content: "\0065" !important;
    font-size: 16px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-editpaneltitle {
    background-position: 0 0; 
}
.x-tool-over .x-tool-editpaneltitle:before {
    color: #068cd8 !important;
}
.x-panel-header-default-framed-top
{
    border-width: 0px !important;
    box-shadow: none !important; 
    -webkit-box-shadow: none !important; 
    line-height: 17px !important; 
} 

.x-panel-header-default
{
    line-height: 17px !important; 
} 

.clsNoteGridHeader
{ 
    background-image: url(../images/notes16.png)  !important; 
    margin: auto;
    margin-top: 2px;
}

/* Holiday Planner */
.tableViewCls_HM {
    min-width:1239; 
    width: 100%; 
    height: 100%; 
    min-height:466; 
}  
.tableViewCls_HM > tbody > tr:first-child {
    height: 22px; 
}
.tableViewCls_HM > tbody > tr:last-child > td:first-child {
    width: 92px; 
} 
.thumbDH_HM {
    min-width: 35px !important;
} 
.thumbD_HM {
    min-width: 35px !important; 
    min-height: 35px !important; 
    height:100%; 
    width:100%
}
.thumbM_HM {
    min-height: 35px !important;

}

.btnNoBackground.x-btn-default-small-pressed { 
    
    border-radius: 2px !important;
	-moz-border-radius: 2px !important;
    background-color: rgba(0, 154, 229, 0.59) !important;
    background-image: none !important;
}

.btnNoBackground.x-btn-default-toolbar-small-pressed {
    border-radius: 2px !important;
	-moz-border-radius: 2px !important;
    background-color: rgba(0, 154, 229, 0.59) !important;
    background-image: none !important;
    
}
.hctotals7
{
	background-color: #068cd8 !important;
}

.x-toolbar-item > .x-form-checkboxgroup-body 
{
    padding: 1 0 0 4
}

.dragDropHover {
    cursor: move;
    /*border-bottom: 1px solid black !important;
    border-top: 1px solid black !important;*/
    background-color: rgb(173, 220, 255) !important;
}

.itemClicked { 
    background-color: rgb(173, 220, 255) !important
}

.blackColor .x-btn-inner
{
    color: black !important;
}
.x-livesearch-match     
{
    font-weight: bold !important;
}
.mobileTerminal16
{
    text-align: left !important;
    background-image: url("../images/mobileTerminal16.png");
}
.clsCostCenters
{
    text-align: left !important;
    background-image: url("../images/costCenter16.png");
}
.clsActivity
{
    text-align: left !important;
    background-image: url("../images/activityReport16.png");
}

.clsMobileIntegration
{
    text-align: left !important;
    background-image: url("../images/mobileTerminal16.png");
}
.list-item-height {  
    line-height: 24px !important;
}


.clsCheckIn
{
	text-align: left !important;
    background-image: url(../images/sign_in16.png) !important;
}
.clsCheckOut
{
	text-align: left !important;
    background-image: url(../images/sign_out16.png) !important;
}
.clsPrintVisitor
{ 
	text-align: left !important;
    background-image: url(../images/printVisitor16.png) !important;
}
.clsEvents
{ 
	text-align: left !important;
    background-image: url(../images/event16.png) !important;
}
.projectBooking, .projectbookings
{  
   color: Blue;
}
.personalChangeRequestas
{
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.persDataRowExpand td
{
    border: 1px solid #dddddd;
    text-align: left;
    padding: 2px;
    width: 30%;
}

.gridHeight .x-grid-cell { 
     height: 30px;
} 
 
.clsGUIWarning
{
    background-image: url(../../ext/resources/themes/images/default/shared/icon-warning.gif) !important;    
}

.clsGUIInfo
{
    background-image: url(../../ext/resources/themes/images/default/shared/icon-info.gif) !important;    
}
.clsGUIError
{
    background-image: url(../../ext/resources/themes/images/default/shared/icon-error.gif) !important;    
}
.clsGUIDefault
{
    background-image: url(../images/inputActivated32.png) !important;  
}

.x-grid-row-alt .x-grid-cell, .x-grid-row-alt .x-grid-rowwrap-div {
    background-color: #eaf0f3;
}
.x-grid-row-selected .x-grid-cell, .x-grid-row-selected .x-grid-rowwrap-div {
    border-style: dotted;
    border-color: #a3bae9;
    background-color: #bbdef4  !important;
}

.x-column-header-over
{
    background-image: none !important;  
    background-color: #c1e8fb;
}

.locked
{
    width: 16px;
    height: 16px;
    text-align: left !important;
    background-image: url("../images/lock_16.png");
}


.databaseDownload16
{ 
	text-align: left !important;
    background-image: url(../images/dataSetRead16.png) !important;
}

.databaseUpload16
{ 
	text-align: left !important;
    background-image: url(../images/dataSetWrite16.png) !important;
}

.clsDataCollectionActive
{
   background-image: url(../images/tbarDataCollectionActive.png) !important;
}
.clsDataCollectionInactive
{
   background-image: url(../images/tbarDataCollectionInactive.png) !important;
}
.clsDataCollectionFlash
{
   background-image: url(../images/tbarDataCollectionFlash.png) !important;
}
.qunatityBooking
{
   left: 10px;
}
.removeSpanBtn
{
    background-image: url(../images/deleteItem16.png) !important;
    width: 16px !important;
    height: 16px !important;
    position: absolute; 
    margin-left: 125px; 
	cursor: pointer;
}
.clsShell16
{
	text-align: left !important;
    background-image: url(../images/cmd16.png) !important;
}
.clsCmd .x-panel-body-default
{
    background-color: black !important;
    color: white;
}
.clsCmd .x-form-field
{
    background-color: black !important;
    color: white;
}
.loader__dot
{
    font-size: 20px;
}
@keyframes blink {50% { color: transparent }}
.loader__dot { animation: 1s blink infinite }
.loader__dot:nth-child(2) { animation-delay: 250ms }
.loader__dot:nth-child(3) { animation-delay: 500ms }

.dvCalendarDay
{    
    /*font-size: 12px;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
*/
    text-align: center;
    width: 30px;
    height: 30px;
    display: table-cell;
    font-size: 13px;
    font-weight: 500;
    vertical-align: middle;
    color: black;
    cursor: pointer;
    outline: none;
    position: relative;
}
.dvCalendarDayYearlyView
{    
    text-align: center;
    width: 60px;
    height: 35px;
    display: table-cell;
    font-size: 13px;
    font-weight: 500;
    vertical-align: middle;
    color: black;
    cursor: pointer;
    outline: none;
    position: relative;
    border: #f3f3f3;
    border-style: solid;
    border-width: 1px;
}
.dvCalendarDayShift
{    
    text-align: center;
    width: 120px;
    height: 90px;
    display: table-cell;
    font-size: 13px;
    font-weight: 500;
    vertical-align: middle;
    color: black;
    cursor: pointer;
    outline: none;
    position: relative;
    border: #f3f3f3;
    border-style: solid;
    border-width: 1px;
}
.dvCalendarDayWeekend
{
    color: #b1b1b1 !important;
}
.dvCalendarDayWeekendYearlyView
{
    color: #b1b1b1;
     width: 60px;
    height: 35px;
}
.yvCalendarMonth .x-item-selected {
    background: #ffa500; 
    color: white;
    border-radius: 16px;
}
.dvCalendarMonth
{
    margin-left:10px;
    font-weight: bold;   
    font-size: 15px; 
}
.yvCalendarMonthShift
{     
    position: static!important;
    width: 50%;
    display: inline-block;
    height: fit-content;
    /* box-sizing: border-box; */
    /* overflow: hidden; */
    padding-left: 30px;
    text-align: center;
    /* margin: 0px 15px; */
    margin-top: 15px!important;
    
}
.yvCalendarMonthYearlyView
{     
    position: static!important;
    width: 25%;
    display: inline-block;
    height: fit-content;
    /* box-sizing: border-box; */
   /* overflow: visible; */
    padding-left: 30px;
    text-align: center;
    /* margin: 0px 15px; */
    margin-bottom: 3px!important;
    
}

.yvCalendarMonthShift .x-item-selected {
    background: #ffa500; 
    color: white;
}
.yvCalendarMonthMyShiftMarkedDay:before 
{
    content: "\0021" !important;
    font-family: amano;
    color: #c10d0d;
    position: absolute;
    left: 1px;
    top: 0px;
    font-size: 19px;
}
.yvCalendarMonthHisShiftMarkedDay:after
{
    content: "\0021" !important;
    font-family: amano;
    color: #e87d20;
    position: absolute;
    right:1;
    top: 0px;
    font-size: 19px;
}
.yvCalendarMonthMyShiftMarkedDayTooltip
{
    font-family: amano;
    color: #e87d20;
    font-size: 19px;
    
}
.yvCalendarMonthHisShiftMarkedDayTooltip
{
    font-family: amano;
    color: #c10d0d;
    font-size: 19px;
    
}
.yvCalendarMonth
{     
    /*-webkit-flex-basis: 25%;
    flex-basis: 25%;
    min-width: 250px;
    min-height: 252px;*/
    position: static!important;
    display: inline-block;
    width: 224px!important;
    height: 230px!important;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    margin: 15px 35px;
    margin-top: 15px!important;
    
}
.bankYCDetails
{
    position: static!important;
    display: inline-block;
    width: 124px!important; 
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    margin: 15px 35px;
    margin-top: 15px!important;
}
.dvDayName
{
    font-size: 13px;
    height: 30px;
    color: Gray;
    text-align: center;
    vertical-align: middle;
}
.yvCalendar .x-panel-body
{  
    /*display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    align-content: flex-start;*/
    padding: 5px 0 0 0;
    box-sizing: border-box;
    text-align: center;
}
.yvCalendarAlignRight .x-panel-body
{   
    text-align: left !important;
}
.yvCalendarDetails  .x-panel-body
{
    padding: 5px 0 0 5px;
    text-align: center !important;
}

.ycYear
{
    font-size: 20px;
        
}
.ycYear .x-btn-inner
{
    font-size: 16px !important;
        
}
.dvCalendarDayFake
{
    display: none;    
}
.dvWeekNo
{
    text-align: center;
    width: 30px;
    height: 30px;
    display: table-cell;
    font-size: 13px;
    font-weight: 500;
    vertical-align: middle;
    background-color: #f1f1f1;
}
.dvWeekNoShift
{
      text-align: center;
    width: 30px;
    height: 90px;
    display: table-cell;
    font-size: 13px;
    font-weight: 800;
    vertical-align: middle;
    background-color: #f1f1f1;
}
.dvWeekYearlyView
{
      text-align: center;
    width: 20px;
    height: 35px;
    display: table-cell;
    font-size: 13px;
    font-weight: 800;
    vertical-align: middle;
    background-color: #f1f1f1;
}
.isBankHoliday
{
    background: red; 
    color: white;
    border-radius: 16px;
}
.isBankHoliday1
{
    background: #1aa2e6; 
    color: white;
    border-radius: 16px;
}
.isBankHoliday2
{
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    border-color: #1aa2e6;
    padding-top: 5px;
     box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    /*background-repeat: no-repeat !important;
    background-position-y: -1px !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABGdBTUEAALGPC/xhBQAABdZJREFUSEu1V2tsFFUU3lKUV0Dasjv3zm5301KoFFCw/EDB4C+jmEgIqRrQ+H4kig8kMQFiDSZqQjAYE0hfO/fO7FbaKKa0KbQK9YEgEUOpBYRIy+7M3JmljRT1d8fvDlBRKO22OMkmu9M7853zne+c8zUnkNXl5fjHvWse8u/kXHsnqzfe+LAHoAovN1BlTyUNIkj579HwLnMOqRNlSrUzX6225pKEiClfOCG6154a8HBWPjPmSz78yeCkonpXocaFexTdeULh9jYST7eozPyZMjtNdZGm3D5ONbuVas7HxDCfJPViSawlQwKtZydlH0Cjl6tyqyAYz9wXYuYmook2AJ0CSBdh5g+EW+2Umc2EpZuJbrXh93f4nFCYdZow8TXR3S1BnlpeAoYCHR0TR5d8hzdR0km4+RRelKSadRSgBxBIDYDfJHFzZVDLLML3qBq3CkMJdyE17AcV3X6N6vYuwkU7YdaPCHC3yp3nop+7xYFG7/abgyM61K0ItK1HBm0qsw6pXHxKNKuiwLBKo8mBvEhDesoKBBeo9CZIKldUehNjWu/k2JcXZwb1TAlNuKsQwHYEepDqTqtquBsI751X1tg9DHhl5YQIOxNWNHs9QYb4fEVZ5p1CjpppF2dWgP6b1gxBVDQ25pa09s9Qee9iNZ7aQDSUQybArbcLWWb2DWj3cgpqT08HdY9LWnG4A4J5XTX6SmWGWYkEAcQ0b3I4ac4JMfEyar4X790X0Z1nS+pQcyT4D+3IJszcuyCiesqsY6jTZhXUlrQOjkGZsse9HPksMp2LUm2AHg4Sbn9GpeCk2q9ekYbBKSoTG4lmd6u6U0NZqlzWLatM/6semXmHNxnCQyuKHQA+guy3RI0LFJFd7vMI6w8r3PoW9e1UDeexfOPsjHGBXg3Cp/3iTJIUaxRoRuGijdSKJVB5rn8ErbMSYhKKJvYEWWp2ACIZXe+NfKoCk0xqJahZVeiOX6juriuXE+4ysPUR5ZYT0sTm0tq+6XLwjvzKUZ5A1hBoPo2bb2DoHMcE3F6s/xa6DMzEfgigRzHMR4bvt1EC3eCY7IwwMx8Gs3LCtYDumF9ntNAZKPlXpd6ZP8T/2HGue1IOHCh8scLNdsrNYxEMGh8YN//Epxs0gILxbJZhogXdSvX5IiTYDJwewvvn+eIFzQPo35MxDVtlXCttGGAMjVCdWwycFpWb58DuEHC3pBqz9u7/g+ryqmO34f1L0LLtVLeORhquUI2bTYimN8Tc1WUjbpLsi09hIjAJH8XGOgSsPXKz+SUNMXsTqHbR5FtLjP5bMzyuGSI0ac9SdbERK7YTY/mDuVV/zPL/jIWwDOPSwhBppsm+O28l3VLREO0CjM44xNUV1i9ULMWI9oEVNDSW/n6MtC5Ft565A7v1logMQlX5qQKadNfBKHxDOTYV2mooMbkQVE28goxhbQRch71MLo5xgcsW2tY5TU1a9xLDrkJtj8ASveWvxqGWhZtQa61SgNbCtnQSXXwYSqQXyr06JvArO7mQOfPxri0Q1fdISpPKxh74txORyiNa5iHYliYEcJgyd5Pvp/Z60rKOfnbL2Xx4cIoCULmLYZ/aadxukiYjunMg7/o94A/zgXyasNeizvsleAiZU55ZHqlJ56+QbvGmAUjr4+VGk115od3uUrTMe6jpAcqcfZSJl8LVZmR40YLyoh3nFDy0Fou7CQ0P2u2GMDdfVPT0AhlAZLs0ewhCWhhp9vBdaiS6sytPmjqI52k8b0AnP/ldwuwXiuFaYQ5HsLmeN6EMmSNjbBOrBnXpRN2xR62WMLffD+piDU2KcmltZRZqIrMoxO1VOPcuzF0TAj6BTE+AXg7Q1QiKBCpH660lpcgsujNVTOvSz8sZi319Hr1uY9D0IJMzuHcSevBHLdXMHoDaqmalkHGbmnBelWJF/07zbXD2Fx4CjXJrzTJS90uFyv8g5EIB+CWAXwLwafzehz7dqhh9D8S0v8iVbhgR8G9YunYQTDWtRgAAAABJRU5ErkJggg==')!important;
*/}

.clsBankHolidaySingle
{
    background-image: url(../images/bankholidaysingle16.png) !important;
}
.clsBankHolidayMulti
{
    background-image: url(../images/bankholidaymulticheck16.png) !important;
}

.isDuplicateHoliday:before
{
    content: "\0021" !important;
    font-family: amano;
    color: #c10d0d;
    position: absolute;
    right: -2px;
    top: -8px;
    font-size: 19px;
}
.isDuplicateHolidayToolTip
{    
    font-family: amano;
    color: #c10d0d;
    font-size: 19px;
}
.isRecursiveHoliday:after
{
    content: "\f01a" !important;
    color: #129e12;
    font-family: amano;
    position: absolute;
    left: -4px;
    top: -9px;
    font-size: 21px;
    font-weight: bold;
}
.isRecursiveHolidayToolTip
{
    color: #129e12;
    font-family: amano;
    font-size: 21px;
    font-weight: bold;
}
.tableBankHoliday {
    text-align: left;
    font-size: 13px;
    vertical-align: middle;
    color: black;
    position: relative;
    margin: 30px;
}
.tableBankHoliday td
{
    padding: 0px 0 5px 0px;    
}
.menuItemUser {
    background-color: #0090d2;
    margin: 2px;
    border-radius: 5px;
    font-size: 11px;
    color: white;
    height: 85px;
    zoom: 0.9;
    cursor: pointer;
}
.menuItemUserFavoriteOn
{
    background-color: #ffa500;
}

.selectMenuItemUser
{ 
      background-color: #bfbebe;
    margin: 2px;
    border-radius: 5px;
    font-size: 11px;
    color: black;  
    height: 85px;
    zoom: 0.9;
}
.clsCellViewSettings32
{
     background-position: center !important;
    background-image: url(../images/cellViewSettings16.png) !important; 
}
.clsMarkFoundItem
{
    color: rgb(16, 126, 181) !important;    
}
/*
.badgeButton{
	font-size: 10px;
    position: absolute;
    top: 0px;
    right: -5px;
    display: inline-block;
    width: auto;
    color: white;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 1px 2px;
    background-image: none;
    background-color: red ;
}*/
.badgeButton 
{
    max-width: 22px;
    min-width: 15px;
    font-size: 10px;
    position: absolute;
    top: -1px;
    right: -5px;
    height: 15px;
    display: inline-block;
    width: auto;
    color: white;
    -webkit-border-radius: 5px;
    border-radius: 19px;
    padding: 2px 2px;
    background-image: none;
    background-color: rgb(193, 13, 13) /*red#ffa600*/;
    box-shadow: 0 0 1px white;
}
.badgeButtonNoTop
{
	top: 0px;
}

.badgeButtonTab
{
    right: 0px;
    top: 0px;
}
 
.badgeButtonNoTopToRight
{
	 right: -13px;
	top: 0px;
}
.badgeButtonNoTopPadding
{
    padding: 0px 2px !important;
    max-width: 16px !important;
}

.badgeButtonTransparentColor
{
    background-color: rgba(193, 13, 13, 0.49) !important/*red#ffa600*/
}

.hide-badge {
    display: none !important;
}
.bankHolLbl
{
    color: Green;
}

.favorite:before { 
    content: "\002a" !important;
    color: #ffffff;
    font-size: 30px !important;
    font-family: amano;
    float: right;
}
.favoriteOn:before { 
    content: "\002a" !important;
    color: #ffa500;
    color: #fdf500;
    font-size: 30px !important;
    font-family: amano;
    float: right;
}
.editFavorite:before { 
    content: "\0065" !important;
    color: white;
    font-size: 30px !important;
    font-family: amano;
    float: left;
}
.clsMenuFavorites {
    background-image: url(../images/star16.png) !important; 
}

.selectMenuItemUserFav 
{  
    background-color: #ffa500; 
}
.selectMenuItemUserFav .menuFavSelected:before
{ 
    color: #fdf500; 
}
.menuItemDisabled {
    background-color: #0090d294 !important;
    margin: 2px;
    border-radius: 5px;
    font-size: 11px;
    color: white;
    height: 85px;
    zoom: 0.9;
}

.clsAuthorizationDefinition16
{
    background-image: url(../images/authorizationDefinition16.png) !important;
}

.clsDataGroups16
{
    background-image: url(../images/groups16.png) !important;
    text-align: left !important;
}

.clsAbsence16
{
    background-image: url(../images/absence16.png) !important; 
}
.pipNotes
{
    background: url(../images/notes16TM.png);
    background-position: right bottom;
    background-repeat: no-repeat; 
    width: 16px; 
    min-width: 16px;
}

.x-menu-body {
    border: 1px solid #0090d27a !important;
    background: #ffffff !important;
}

.x-panel.x-menu{
	
    border: 0px !important;
}

.clsDownMenu16
{
     text-align: left !important;
     background-image: url(../images/downMenu.png) !important;
}
.clsUpMenu16
{
     text-align: left !important;
     background-image: url(../images/upMenu.png) !important;
}
.timePickLabelInputWidth .x-form-text {
    width: 50px !important;
} 

.noBorderFieldSet.x-fieldset
{
    border: 0px !important;    
}
.boldLabel
{
    font-weight: bold !important;    
}
.floatRight
{
    float: right;    
}
 

.bankHolidayCalendarDaysNoLabel .x-form-text
{
	border: 0px !important;
	color: red;
	font-weight: bold;
}

.userSelectAll input
{ 
  -webkit-user-select: all;  /* Chrome all / Safari all */
  -moz-user-select: all;     /* Firefox all */
  -ms-user-select: all;      /* IE 10+ */
  user-select: all;   
}

.clsDepartmRegistration16
{
    background-image: url(../images/departmentRegister16.png) !important;
    text-align: left !important;
    background-repeat:no-repeat !important;
    background-position:50% 50%;
}
.cursorPointer
{
    cursor: pointer;
}
.yvCalendarMonthNoContract
{
	background-color: #e2dede  !important;
}

.allDayCellSOM{
    /*float: left;*/
    margin-right: 0 !important;
    border: 1px solid #dfe8f6 !important;
    height: 100%; 
    position: relative;
    /*cursor:progress;*/
}

.allDayCellSOM span 
{
    display: inline-block !important;
    overflow: hidden !important;
    /*text-align: right !important;*/   
    vertical-align: bottom  !important;
}



.monthSelectorSOM {
    border-left: 1px solid #cccccc !important;
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc;
    color: rgb(33,78,137);
    color: white;
    overflow: hidden;
    background: rgba(60,151,179,1);
    background: -moz-linear-gradient(left, rgba(60,151,179,1) 0%, rgba(60,151,179,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(60,151,179,1)), color-stop(100%, rgba(60,151,179,1)));
    background: -webkit-linear-gradient(left, rgba(60,151,179,1) 0%, rgba(60,151,179,1) 100%);
    background: -o-linear-gradient(left, rgba(60,151,179,1) 0%, rgba(60,151,179,1) 100%);
    background: -ms-linear-gradient(left, rgba(60,151,179,1) 0%, rgba(60,151,179,1) 100%);
    background: linear-gradient(to right, rgba(60,151,179,1) 0%, rgba(60,151,179,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090d2', endColorstr='#0090d2', GradientType=1 );
    height: 100%;
}


.headerCellFixed_SOM {
    border-right: 1px solid rgb(188, 202, 209) !important;
    border-left: 1px solid transparent !important;
    background: #0090d2;
    /* background-image: url(../images/headerMultiCell.png); */
    color: #070707;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 1px 0px 0px 0px;
}


.headerCellFixed_SOM span {
    display: block !important;
    overflow: hidden !important;
    text-align: center !important;
    vertical-align: middle !important;
}


.headerMainDivSOM {
    border-right: 0px solid #808080 !important;
    border-left: 0px solid transparent !important;
    border-top: 0px solid transparent !important; 
    text-align: center !important;
    vertical-align: middle !important;
    padding: 0px 0px 0px 0px;
    background-color: #4fbddf;
    color: White;
}


.headerMainDivSOM span
{
	color: white;
}


.headerMainDivSOMEmpName {
    border-left: 1px solid #cccccc !important;
    border-top: 1px solid #cccccc;
    background: #fff; /*#f0f1f1;*/
    /* background-image: url(../images/headerMultiCell.png); */
    color: #0090d2;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 1px 0px 0px 0px;
    background-color: #2ab5fc;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    background: rgba(60,151,179,1);
    background: -moz-linear-gradient(left, rgba(60,151,179,1) 0%, rgba(60,151,179,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(60,151,179,1)), color-stop(100%, rgba(60,151,179,1)));
    background: -webkit-linear-gradient(left, rgba(60,151,179,1) 0%, rgba(60,151,179,1) 100%);
    background: -o-linear-gradient(left, rgba(60,151,179,1) 0%, rgba(60,151,179,1) 100%);
    background: -ms-linear-gradient(left, rgba(60,151,179,1) 0%, rgba(60,151,179,1) 100%);
    background: linear-gradient(to right, rgba(60,151,179,1) 0%, rgba(60,151,179,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090d2', endColorstr='#0090d2', GradientType=1 );
}


.headerMainDivSOMEmpName span {
    display: block !important;
    overflow: hidden !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.selectCellSOM {
    border: 1px solid rgb(15,78,134) !important;
    border: 1px solid rgb(255,88,9) !important;
	border-radius: 2px !important;
	-moz-border-radius: 2px !important;
}
.clsNewSiteReservation
{ 
    background-image: url(../images/newSiteReservation.png);
}
.clsCancelSiteReservation
{ 
    background-image: url(../images/cancelBtn16.png);
}
.clsDeleteSiteReservation
{ 
    background-image: url(../images/deleteItem16.png);
}

.warningSOM
{
	background-image: url(../images/anomayTM.png) !important;
	background-position:top right;
	background-repeat:no-repeat !important;
	width: 16px;
    height: 16px;
}

 .requestCellSOM
 {
    border-bottom: 1px solid  black !important;
    border-top: 1px solid  black !important;
}
 .requestCellAllSOM
 {
    border: 1px solid  black !important;
}
 .requestCellRightSOM
 {
    border-bottom: 1px solid  black !important;
    border-top: 1px solid  black !important;
    border-right: 1px solid  black !important;
}
 .requestCellLeftSOM
 {
    border-bottom: 1px solid  black !important;
    border-top: 1px solid  black !important;
    border-left: 1px solid  black !important;
}


.clsSiteRequestActive
{
   background-image: url(../images/siteOccupancyMng16.png) !important;
}
.clsSiteRequestInactive
{
   background-image: url(../images/tbarSiteOccupancyMng16Inactive.png) !important;
}
.clsSiteRequestFlash
{
   background-image: url(../images/tbarDataCollectionFlash.png) !important;
}
.monthSOMMyself
{
	display: flex !important;
    align-items: center !important;
    margin-left: 5px;
}

.somOccupancyData{ 
    font-size: 10px !important;
    overflow:hidden !important;
    position: absolute;
    bottom: 3;
    right: 0;
    /*text-align: right;*/
}
.somOccupancyDataInterval{ 
    font-size: 10px !important;
    overflow:hidden !important;
    float:left;
    color: black;
}
.somGrid .x-grid-cell
{
	height: 55px;	
}
.somGrid .x-grid-cell-inner
{
	border-bottom: 1px solid #b5b8c8 !important;
}

.x-grid-row somGrid
{
	border-bottom: 1px solid gray;
}

.somProgress
{
	height: 16px !important;
}

.somProgressFill
{
	height: 16px !important;
}

 
 
.somProgress.x-progress-default {
    border: 0px solid white;
   background-image:  linear-gradient(to bottom, #ffffff, #eeeeee, #d8d8d8, #bbbbbb, #d8d8d8, #e8e8e8, #bbbbbb)
}
.progressGreen .x-progress-bar{
	border: 0px solid white;
    background-image: none;
    background-image: linear-gradient(to bottom, #c8f9d6, #a2f9bb, #26c153, #0b8e31, #1fc34e, #a3fbbc, #1fc34e) !important;
}
 

.progressRed .x-progress-bar{
	border: 0px solid white;
    background-image: none;
    background-image: linear-gradient(to bottom, #f8cbcb, #fbc8c8, #fd6060, red, #f85959, #fbd0d0, #f08484) !important;
}

.siteNameSummary
{
	font-weight: bold;
	font-size: 12px;
}
.sitePrenseceSummary
{
	margin-top: 5px;
	font-size: 10px;	
}
.siteThresholdSummary
{
	margin-top: 5px;
	font-size: 10px;	
}
.siteMaxSummary
{
	margin-top: 5px;
	font-size: 10px;	
}
.summaryPanel
{
	border-right: 0px solid gray;
	margin-right: 3px;
	padding-top: 0px !important;
}
.summaryPanel .x-panel-header-text-default
{
	font-size: 15px !important;
}
.sitesPanel .x-panel-header-text-default
{
	font-size: 12px !important;
}
.sitesPanel  .x-grid-body
{
	border: 1px solid lightgray !important;
}
.sitesPanel .x-panel-header-default
{
	  background-color: White  !important;
}
.summaryOverMax
{
    background: url(../images/warning16.png) no-repeat !important;
}

.overallNOK
{
	height: 100%;
    text-align: center;
    vertical-align: middle; 
    background-color: red;
    color: white;
    font-weight: bold;
    font-size: 15px;
    border-radius: 3px;
    padding-top: 10px;

	background: rgb(255,26,0); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(255,26,0,1) 0%, rgba(255,119,107,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,26,0,1) 0%,rgba(255,119,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,26,0,1) 0%,rgba(255,119,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff776b',GradientType=1 ); /* IE6-9 */

}

.overallOK
{
	height: 100%;
    text-align: center;
    vertical-align: middle; 
    background-color: #00cb00;
    color: white;
    font-weight: bold;
    font-size: 15px;
    padding-top: 10px;
	background: rgb(180,227,145); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(180,227,145,1) 0%, rgba(40,173,22,1) 1%, rgba(180,227,145,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(180,227,145,1) 0%,rgba(40,173,22,1) 1%,rgba(180,227,145,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(180,227,145,1) 0%,rgba(40,173,22,1) 1%,rgba(180,227,145,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=1 ); /* IE6-9 */

}
.overallLoading
{
	height: 100%;
    text-align: center;
    vertical-align: middle; 
    background-color: gray;
    color: white;
    font-weight: bold;
    font-size: 15px;
    padding-top: 10px;
}
.clsSiteRequestTipInfo
{
	font-size: 12px;
	text-align: left; 
}

.summaryPanelDiv
{
	border-left: 1px solid lightgray !important;
	border-right: 1px solid lightgray !important;
	border-bottom: 1px solid lightgray !important;
	height: 100% !important;
	padding: 5px;
	padding-top: 10px;
}

.SOMDayNoContract
{
    font-size: 10px !important;
    color: Gray;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis
}
.siteOccupancyCls
{
	border: 1px solid lightgrey;
}



.x-tool-dockright {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important;
    background-image: url("../images/collapse_20.png") !important;
    background-image: none !important;      
}
.x-tool-dockright:before
{
    content: "\33" !important;
    font-size: 16px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-dockright {
    background-position: 0 0; 
}
.x-tool-over .x-tool-dockright:before {
    color: #068cd8 !important;
}

.x-tool-dockbottom {
    background-position: 0 0;
    transform: rotate(90deg);
    font-family: amano;
    font-size: 16px !important;
    background-image: url("../images/collapse_20.png") !important;
    background-image: none !important;      
}
.x-tool-dockbottom:before
{
    content: "\33" !important;
    transform: rotate(90deg);
    font-size: 16px !important;
    color: #92afbf !important;
}
.x-tool-over .x-tool-dockbottom {
    background-position: 0 0; 
    transform: rotate(90deg);
}
.x-tool-over .x-tool-dockbottom:before {
    color: #068cd8 !important;
    transform: rotate(90deg);
}


.PIPView {
    float: left;
    margin: 2px;
    text-align: left;
	font-family: tahoma,verdana,sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #1F608F;
	background-color: white;
	display: flex;
	padding: 2px 0px 2px 2px;
	overflow: hidden;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
	border-right: 0px !important;
	border-left: 0px !important;
	border-bottom: 0px !important;
	border-top: 1px solid rgb(230,230,230) !important;
}

.clsDockRight
{
   background-image: url(../images/dockRight16.png) !important;
}
.clsDockBottom
{
   background-image: url(../images/dockBottom16.png) !important;
}
.lblPadding .x-form-item-label
{
	padding: 1px 0 0 0 !important;
}
.lblPadding .x-form-cb-wrap
{
	padding: 1px 0 0 0 !important;
}
.siteOccupancyView .x-splitter-horizontal
{ 
	background-color: #effbff !important;
	height: 5px !important;
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	margin-top: 1px;
}
.siteOccupancyView .x-splitter-vertical
{
	background-color: #effbff !important;
	width: 5px !important;
	border-left: 1px solid lightgray;
	border-right: 1px solid lightgray;
	margin-left: 1px;
}

.empPhotoSizeSOM {
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
}
.somSearch.x-toolbar
{
	border: 1px solid #d3d3d3 !important; 
	border-width: 1px !important;
	padding: 0px !important
}

.somGuest
{
	background-color: rgb(47, 209, 101) !important;	
}

.clsOtherTeamEmployee
{
	background-color: #b4b4b4 !important;	
}

.clsNotMyEmployee 
{
    background-image: url("../images/notMyEmployee.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}

.clsLoadingCursor
{
	cursor: wait !important;	
}
.siteRequestNew
{
	background: #ffa9a9;
}

.siteRequestCanceled
{
	background: #959696;
}

.siteRequestNew.x-grid-row-over .x-grid-cell,
.siteRequestNew.x-grid-row-selected .x-grid-cell
{
	background: #fbc5c5 !important;
}
.siteRequestCanceled.x-grid-row-over .x-grid-cell,
.siteRequestCanceled.x-grid-row-selected .x-grid-cell
{
	background: #c6caca !important;
}

.siteRequestNew .x-grid-cell-special
{
	background: #ffa9a9;
}
.siteRequestCanceled .x-grid-cell-special
{
	background: #959696;
}
.clsTopSwitchShiftActive
{
   background-image: url(../images/change_shift_main16.png) !important;
}
.clsTopSwitchShiftInactive
{
   background-image: url(../images/change_shift_main_inactive16.png) !important;
}
.clsSiteRequestFlash
{
   background-image: url(../images/tbarDataCollectionFlash.png) !important;
}

.loginTextItemsBigFont
{
	font-size: 15px !important;
}

.twoFactAuthPnl
{
	
    display: inline-block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; 
    width: 1151px !important;    
    height: 662px  !important;
    margin: auto;
    background: url(../images/2factAuthCloud.png) no-repeat center center;
    background-size: contain;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border: 0px solid #000000;
    -webkit-box-shadow: -13px -7px 26px -6px rgba(48,59,66,1);
    -moz-box-shadow: -13px -7px 26px -6px rgba(48,59,66,1);
    box-shadow: -13px -7px 26px -6px rgba(48,59,66,1);
}
.authLoginMessage
{
	float: right;
    margin-top: 50px;
    max-width: 560px;
    font-size: 20px !important;	
}
.authLoginBack
{ 
	margin-left: 95%;
    margin-top: 50px;
	float: right;    
	margin-right: 30px;
}
.twoFactAuthPnlLocal
{
    background: url(../images/2factAuthLocal.png) no-repeat center center;
	background-size: contain;
}
.clsDownloadQrCode16
{ 
	text-align: left !important;
   background-image: url(../images/qrCodeDownload16.png) !important;
}
.clsDownloadQrCodeCenter16
{ 
	float: none !important;
	background-repeat: no-repeat;
	background-image: url(../images/qrCodeDownload16.png) !important;
}
.siteResBackgroundColor{
	background-color: #b1dcac;
}

.boldInput input
{
	font-weight: bold;	
}

.clsOffFavoritePrj
{
	background-repeat: no-repeat;
	background-image: url(../images/starBlack16.png) !important;
}
.clsOnFavoritePrj
{
	background-repeat: no-repeat;
	background-image: url(../images/starYellow16.png) !important;
}
.clsMarkItemAsEdited
{
	background-repeat: no-repeat;
	background-image: url(../images/editItemEnabled11.png) !important;
}
.gridNoBorder .x-grid-body
{
	border: none !important;
}

.HCholAccCO, .HCholAccCOValue
{
	color: #0f8fd0;/*amanoBlue*/
}
.HCholAccCOValue
{
	float: right;
}
.HCholAccAuto
{	
	color: #0f8fd0;/*amanoBlue*/
}
.HCholAccAbs
{
	 color: rgb(209,117,14);
}
.HCholAccRound
{
    color: #0f8fd0;/*amanoBlue*/
}
.HCholAccCalculated
{
    color: #0f8fd0;/*amanoBlue*/
}
.HCholAccExpired
{	
	color: rgb(209,117,14);
}
.HCholAccLostCO
{
    color: rgb(209,117,14);
}
.rowBorderBottom .x-grid-cell
{
	border-bottom: 1px solid #99bbe8 !important;
}
.noGroupingIndicator .x-grid-cell-inner
{
	cursor: default !important;
}
.noGroupIndicator {
    font-size: 11px;
    font-weight: bold;
    color: #0090d2;
}
.noGroupIndicator .x-grid-cell
{
	font-size: 11px; 
}

.comboInGridHeader 
{
	 margin-bottom: 2px  !important;
} 

.colWithItemInHeader
{ 
	text-align: center !important;
	line-height: normal  !important;
    margin-top: 4px !important;
}

.textFieldHidden input 
{
	background-color: #fafafa !important;
    border: 0px;
}
.rowEditorMarkerSigleClick
{    
	background-position-y: center;
    background-position-x: 98%;
	background-repeat: no-repeat;
	background-image: url(../images/pencilEditBlue.png) !important; 
}
.rowEditorMarkerDblClick
{    
	background-position-y: center;
    background-position-x: 98%;
	background-repeat: no-repeat;
	background-image: url(../images/pencilEditGreen.png) !important; 
}
.rowEditorComboMarker
{
    margin-right: 4px !important;    
    background-position-y: center;
    background-position-x: 99%;
	background-repeat: no-repeat;
	background-image: url(../images/arrowhead_down.png) !important;
}
.x-editor .x-field 
{
	 margin-top: 3px !important;
}


.x-panel-body-default 
{
	color: #004065 !important;
}

 

.x-panel-header-text-default {
    color: #000000 !important;
}

.x-mask-msg {
    padding: 10px;
    border: 0px;
    border-color: #0090d2;
    background-color: #ffffff;
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
}
    .x-mask-msg div {
        border-color: #0090d2;
        border: 0px;
        background-color: #ffffff;
        font-size: 12px;
    }
/*
.fa-spin {
    animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
*/

.prjTimeInputModeChk .x-form-checkbox
{
	 margin: 9px 0px 0px 4px;
}

.x-property-grid .x-grid-row .x-grid-property-name .x-grid-cell-inner, .x-property-grid .x-grid-row-over .x-grid-property-name .x-grid-cell-inner {
    background-image: none !important;
}
.warningClassSmaller
{
    background-image: url('../../ext/resources/themes/images/default/shared/icon-warning.gif') !important;
    background-repeat: no-repeat !important;
    height: 40px;
    width: 40px;
}
.DFTerminal
{
	height: 200px;	
	min-height: 200px;	
	padding: 10px; 
	-webkit-box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 75%);
     position: relative;
    display: block;   
    overflow-x: auto;
    overflow-y: hidden;
}
.DFTerminalItem
{
	position: relative;
    width: 112px;
    padding: 6px;
    cursor: pointer;
    background-color: #7dacc7;
    border-radius: 5px;
}
.DFSlaveTerminalItem
{
	position: relative; 
    padding: 6px;
    cursor: pointer; 
    background-color: #eae9e9;
    
    border-radius: 5px !important; 
	-moz-border-radius: 5px !important;
}

.DFTerminal-table
{
	width: 90%;
	height: 120px;
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}

.DFTerminal-table tr td {
    vertical-align: middle;
    padding: 0px;
}

.addDFSlave
{ 
    display: inline-block;
    background-image: url(../images/newItem16.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-left: 12px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    cursor: pointer;	
}

.DFTerminal-delete-img
{
    display: none;
    /*display: block;*/
    position: absolute;
    top: -8px;
    right: -8px;
    background-image: url("../images/deleteItem16.png");
    background-repeat: no-repeat;
    width:  16px;
    height: 16px;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
.DFTerminal-delete-img:hover
{
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.DFTerminal:hover .DFTerminal-delete-img
{
    display:block;
}
.DFTerminal-wire 
{
    width: 25px;
    height: 2px;
    background-color: darkgray;
    vertical-align: middle;
    margin-left: 5px;
}

.df-terminal-img-connected 
{    
	background-image: url(../images/dataFoxKyo75.png);
    width: 75px;
    height: 75px;
    background-size: contain;
    text-align: center;
    margin: auto;
}
.df-terminal-img-disconnected
{    
	background-image: url(../images/dataFoxKyo75Disc.png);
    width: 75px;
    height: 75px;
    background-size: contain;
    text-align: center;
    margin: auto;
}
.dfbooking-20-icon /*access*/
{
    background-image: url("../images/gsclocking_ta_acc.png"); width: 16px; height: 16px; 
}
.dfbooking-20-icon-access /*access*/
{
    background-image: url("../images/gsclocking_ta_acc.png"); width: 16px; height: 16px; 
}
.dfbooking-21-icon /*no access*/
{
    background-image: url("../images/gsclocking_anomaly.png"); width: 16px; height: 16px; 
}
.dfbooking-3-icon 
{
    background-image: url("../images/gsclocking_anomaly.png"); width: 16px; height: 16px; 
}
.dfbooking-9-icon 
{
    background-image: url("../images/gsclocking_anomaly.png"); width: 16px; height: 16px; 
}

.dfbooking-no-access 
{
    background-image: url("../images/gsclocking_anomaly.png"); width: 16px; height: 16px; 
}
.dfbooking-access 
{
    background-image: url("../images/gsclocking_acc.png"); width: 16px; height: 16px; 
}
.dfbooking-ta 
{
    background-image: url("../images/gsclocking_ta.png"); width: 16px; height: 16px; 
}

.df-terminal-notif-status-dfclocking-default 
{
    min-height: 16px;
}
.clsDFTerminalDefinition16
{
    text-align: left !important;
    background-image: url(../images/dataFoxKyo16.png) !important;
	
}
.dfToolbarLeftItem
{
	padding: 0px;
    font-size: 12px;
    position: initial !important;
    display: table;
    float: left;
    margin: 0px;
    white-space: nowrap;
    min-height: 33px;
}

.df-terminal-lock
{
    background-image: url("../images/lock_16.png");width: 16px; height: 16px; 
}
.df-terminal-unlock
{
    background-image: url("../images/unlock_16.png");width: 16px; height: 16px; 
}
.clsGSNewTerminalDefinition16
{
    text-align: left !important;
    background-image: url(../images/GSTerminalManager16.png) !important;
	
}
.btnNotDisabled *
{
    cursor: default !important;	
}
.btnNotDisabled.x-btn-disabled span { 
    opacity: 1 !important;
}
.df-slave-terminal-img-main{
    background-image: url("../images/dataFoxDoor48.png");	
    background-position: left;
}
.df-slave-terminal-connected{
    background-image: url("../images/dataFoxDoor48.png")  !important;	
    opacity: 1;
    background-position: left;
}
.df-slave-terminal-disconnected{
    background-image: url("../images/dataFoxDoor48.png")  !important;	
    opacity: 0.6;
    background-position: left;
}
.df-slave-terminal
{
	height: 80px !important;
}
.DF-slave-wire 
{
	display: none !important;	
}
.DF-slave-main 
{
	height: 120px !important;
    border-radius: 6px !important;
    border: 1px solid #e6e2e2;
    margin-bottom: 1px !important;
    margin-left: 9px !important;
}
.DF-slave-main .gs-gt-relays
{	
	margin-top: -7px !important;
    margin-left: -4px !important;
}
.breakDFSlave
{
	margin-left: 123px;
	float: left; 
}

.ssGrid .x-grid-cell
{
	height: 52px;	
}
.ssGrid .x-grid-cell
{
	border-bottom: 1px solid #b5b8c8 !important;
}
 
 
.thumb-wrapEV{
	border-left: 0px solid transparent !important;
	border-top: 1px solid #ffffff !important;
	border-bottom: 1px solid rgb(26, 104, 148) !important;
	color: rgb(33,78,137);
	color: white;
	overflow: hidden;
	background-image: none !important;
	background-color: #068cd8 !important;
	height: 100%;
}

.fakeHeader
{
	height: 100%;
    text-align: center;
    vertical-align: middle; 
    background-color: #e2edf2 !important;
    color: black;
    font-weight: bold;
    font-size: 15px;
    padding-top: 12px;
}

.switchShiftTeamGrid .x-panel-header-text-default
{
	font-size: 12px !important;
}
.switchShiftTeamGrid  .x-grid-body
{
	border: 1px solid lightgray !important;
}
.switchShiftTeamGrid .x-panel-header-default
{
	  background-color: White  !important;
}
.switchShiftEmployeeView
{
	border-top: 1px solid lightgray !important;
	border-bottom: 1px solid lightgray !important;
	border-right: 1px solid lightgray !important;
}
.iHaveSSRequests
{
	float: right; 
    position: absolute;
    bottom: 0; 
    background-image: url(../images/change_shift_main16.png) !important;
    width: 16px;
    height: 16px;
}
.heHasSSRequests
{
	float: right; 
    position: absolute;
    bottom: 0; 
    right: 0;
    background-image: url(../images/switchSHasRequests.png) !important;
    width: 16px;
    height: 16px;
}

.tmFilter
{
    width: 22px;
    height: 25px;
    display: inline !important;
	float: right;	
	cursor: pointer;
	margin-right: 2px;
	position: relative;
    bottom: 3px;
}
.tmGroupBy {
    width: 25px;
    height: 25px;
    display: inline !important;
    float: right;
    cursor: pointer;
    margin-right: 3px;
    position: relative;
    bottom: 3px;
    background-image: url(../images/tmGroupBy.png) !important;
}
.tmGroupActive
{
    background-image: url(../images/tmGroupByActive.png) !important;
}

.tmFilterASC
{
	background-image: url(../images/sortByASC.png) !important;  	
}
.tmFilterDESC
{
	background-image: url(../images/sortByDESC.png) !important;  	
}

.x-menu-item-checked .x-menu-group-icon {
    background-image: url(../images/true16.png);
}
body.waiting *  
{
        cursor: progress !important; 
}
 
.grandTotalCls
{
    background: #b6f0d5;
}
.subTotalCls
{
    background: #E8E8E8;
}
.chartIllness .x-panel-header-default
{
	  background-color: #e2edf2  !important;
} 
.clsPACErrorNotMaster
{
    font-size: 14px; 
    color: Red !important;
}

.impro-terminal-img 
{
    background-repeat: no-repeat;
    width:  92px;
    height: 85px;
    position: relative;
}
.impro-terminal-img-connected 
{
    background-image: url(../images/improController.png);
    width: 150px;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.impro-terminal-img-disconnected 
{
    background-image: url(../images/improControllerDisc.png);
    width: 150px;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.impro-slave-terminal-img-connected
{
    background-image: url(../images/improReader.png);
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.impro-slave-terminal-img-disconnected
{
    background-image: url(../images/improReaderDisc.png);
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.improSlateTerminal
{ 
    height: 60px !important;
    width: 100px !important;
}
 
.improSlateTerminal:hover
{ 
}

.improController
{
    cursor: default;
    width: 150px;   
    height: 100px;   
}
 
.transparentRowGridOver .x-grid-cell, 
.transparentRowGridOver .x-grid-row-over .x-grid-cell,
.transparentRowGridOver .x-grid-row-selected .x-grid-cell 
{
    
    background-color: #efefef00 !important;
}
.breakImproSlave
{
	margin-left: 190px;
	float: left; 
	margin-top: 5px; 
}


.pac-terminal-img-connected 
{
    background-image: url(../images/pacController.png);
    width: 150px;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.pac-terminal-img-disconnected 
{
    background-image: url(../images/pacControllerDisc.png);
    width: 150px;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.pac-slave-terminal-img-connected
{
    background-image: url(../images/pacDoor.png);
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.pac-slave-terminal-img-disconnected
{
    background-image: url(../images/pacDoorDisc.png);
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.pacDoor
{
    height: 140px !important;
}


.improSlateTerminal:hover
{
 
}

.improController
{
    cursor: default;
    width: 180px;    
}
.doorRcMode
{
    float: left;
     width: 16px;
    height: 16px;
    background-image: url("../images/rollCallStatus16.png");    
}
.pac-open-door
{
    cursor: pointer;
    float: right;
    width: 24px;
    height: 24px;
    background-image: url("../images/doorUnlock24.png");    
}
.pac-open-door-offline:before
{  
    float: left; 
    content: "\002c";
    font-family: amano;
    color: darkgray;
    font-size: 28px;
    margin-left: 4px;
}
.pac-door-types-div 
{
    position: absolute;
    top: 33px;
    right: 0px;
    width:16px;
}

 
.improSlaveName
{
    text-align: center;
    margin-bottom: 5px;
    margin-top: 10px;
    font-size: 11px;    
}
.improSlave{
    -webkit-box-shadow: 1px 1px 9px -1px rgba(0,0,0,0.35);
    -moz-box-shadow: 1px 1px 9px -1px rgba(0,0,0,0.35);
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.35);
    background: #ffffff !important;
    /* border: 1px solid #0e8ecf !important; */
    /* margin-top: 5px; */
    border-radius: 4px;
    margin: 5px;
    height: 120px; 
}
.improControllerName
{ 
    text-align: center;
    margin-bottom: 5px;
    font-size: 13px;    
}
.breakImproSlave .improSlaveName
{
    margin-top: 20px;
}

.impro-terminal-table
{
    display:flex;
    flex-wrap: wrap;  
    flex-direction: row;  
}
.impro-slave{
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    
}
.impro-terminal
{
    width: 180px;   
}
.x-boundlist-floating {
    border-top-width: 1px !important;
}

.yvCalendarCell {
    border: 1px solid #efefef;
}
.yearlyViewCalendarMonth .x-item-selected {
 
    color: black;
    border-radius: 1px !important;
}
.x-tip {
    width: auto !important;
    height: auto !important;
}

.x-tip-body {
    width: auto !important;
}

.x-tip-body span {
    width: auto !important;
}
.green {
    color:forestgreen;
}
.bicycle {
    width: 16px;
    height: 16px;
    background: url(../images/bicycleAllowance16.png) no-repeat !important;
}
.aside{}
.x-tip {
    border-radius: 10px !important;
}
.x-tip-body {
    border-radius: 12px !important;
}

.clsSaveButtonEX {
    background-color: #4c8533 !important;
    border: 1px solid #4c8533 !important;
}
.clsApplyButtonEX {
    background-color: #8456b4 !important;
    border: 1px solid #8456b4 !important;
}
.clsDeleteButtonEX {
    background-color: red !important;
    border: 1px solid red !important;
}
.clSelectButtonEX {
    background-color: #28b675 !important;
    border: 1px solid #28b675 !important;
}
.clCancelButtonEX {
    background-color: #525252 !important;
    border: 1px solid #525252 !important;
}


.clsSaveButtonEX .x-btn-default-small {
    background-color: #44d305 !important;
    border: 1px solid #44d305 !important;
}

.clsApplyButtonEX .x-btn-default-small {
    background-color: #eb681a !important;
    border: 1px solid #eb681a !important;
}
.clsTopExpenseRequestsActive {
    background-image: url(../images/expenseReimbursement16.png) !important;
}
.clsTopExpenseRequestsInactive {
    background-image: url(../images/expenseReimbursementInactive16.png) !important;
}#menuTab
{
	background-repeat: no-repeat;
	background-color: white !important;
	border-bottom: 1px solid rgb(222,236,253);
}

#menuTab.x-tab-default
{
	background-image: url(../images/tabMenuBackground.png) !important;
	border: 3px !important; 
	border-left: 0px !important; 
}

#menuTab .x-btn-inner
{ 
	padding-top: 35px !important;
	color: rgb(33,78,137) !important;
}

#menuTab .x-tab-bar-strip {
    top: 30px !important; 
}
/*
#menuTab .x-tab-bar .x-tab-bar-body 
{
    height: 31px !important; 

}*/

#menuTab .x-tab-bar .x-tab-bar-body .x-box-inner 
{
    height: 31px !important; 

}

#menuTab .x-tab-bar .x-tab-bar-body
{
}

#menuTab .x-tab-bar .x-tab-bar-body .x-box-inner .x-tab 
{
    height: 30px !important; 
}

#menuTab .x-tab-bar .x-tab-bar-body .x-box-inner .x-tab button 
{
    height: 23px !important; 
    width: 100px !important;
    text-align: center;
}
#menuTab .x-toolbar
{
	padding-top: 5px !important;
	border-left: 0px solid red !important;
}

#menuTab .x-tab-default-top
{
	-webkit-box-shadow: white 0 1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;
	box-shadow: white 0 1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;
	border-bottom: 3px solid transparent !important;
}	

#menuTab .x-tab-default-top-active 
{
	border-bottom-color: orange !important;
}

#menuTab .x-tab button 
{
	color: black;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
}
#menuTab .x-tab-active button 
{
	color: black !important;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
}
#menuTab x-panel-body x-panel-body-default x-docked-noborder-right x-docked-noborder-bottom x-docked-noborder-left
{
	height: 0px !important;	
}



.clsMenuLogo
{
	background-image: url(../images/menuLogo.png) !important;
	background-repeat: no-repeat !important;
	height: 130px !important;
}
.clsMenuLogoGroup
{
	background-image: url(../images/menuLogoGroup.png) !important;
	background-repeat: no-repeat !important;
	height: 130px !important;
}

#menuId
{
}

#menuId .x-btn-inner
{
	color: rgb(33,78,137) !important;
}
#menuId.x-toolbar
{
	background-color: rgb(222,236,253) !important;
	border-bottom: 1px solid rgb(222,236,253);
	border-top: 0px !important;
	padding-left: 3px !important;
}

#menuId.x-toolbar-default
{
	border-left: 0px !important;
}
.clsNote16
{
    background-image: url(../images/Notes16.png) !important;
}
.clsNote
{
    background-image: url(../images/Notes32.png) !important;
}

.clsDashboard16
{
    background-image: url(../images/dashboard16.png) !important;
}
.clsDashboard
{
    background-image: url(../images/dashboard32.png) !important;
}
.clsChat16
{
    background-image: url(../images/chat16.png) !important;
}
.clsChat
{
    background-image: url(../images/chat.png) !important;
}
.clsUserManager
{
    background-image: url(../images/users32.png) !important;
}
.clsUserManager16
{
    background-image: url(../images/users16.png) !important;
}
.clsRole
{
    background-image: url(../images/roles32.png) !important;
}
.clsRole16
{
    text-align: left !important;
    background-image: url(../images/roles16.png) !important;
}
.clsAuthorization
{
    background-image: url(../images/requestAuthorization32.png) !important;
}
.clsAuthorization16
{
    background-image: url(../images/requestAuthorization16.png) !important;
}
.clsMyRequests
{
    background-image: url(../images/myRequests32.png) !important;
}
.clsMyRequests16
{
    background-image: url(../images/myRequests16.png) !important;
}
.clsNewRequest
{
    background-image: url(../images/newRequest32.png) !important;
}
.clsNewRequest16
{
    background-image: url(../images/newRequest16.png) !important;
}
.clsAuthorizationDefinition
{
    background-image: url(../images/authorizationDefinition32.png) !important;
}
.clsAuthorizationDefinition16
{
    background-image: url(../images/authorizationDefinition16.png) !important;
}
.clsMyTeamView
{
    background-image: url(../images/teamView32.png) !important;
}
.clsMyTeamView16
{
    background-image: url(../images/teamView16.png) !important;
}
.clsHolidayCard
{
    background-image: url(../images/holidayCard32.png) !important;
}
.clsHolidayCard16
{
    background-image: url(../images/holidayCard16.png) !important;
}
.clsTimeCard
{
    background-image: url(../images/timecard32.png) !important;
}
.clsTimeCard16
{
    background-image: url(../images/timecard16.png) !important;
}
.clsGroupOverview
{
    background-image: url(../images/teamManager32.png) !important;
}
.clsGroupOverview16
{
    background-image: url(../images/teamManager16.png) !important;
}
.clsTimeCard
{
    background-image: url(../images/timeCard32.png) !important;
}
.clsTimeCard16
{
    background-image: url(../images/timeCard16.png) !important;
}
.clsChangePassword
{
    background-image: url(../images/changePassword32.png) !important;
}
.clsChangePassword16
{
    background-image: url(../images/changePassword16.png) !important;
}

.clsTools
{
    background-image: url(../images/tools32.png) !important;
}
.clsTools16
{
    background-image: url(../images/tools16.png) !important;
}


.clsMyMessages
{
    background-image: url(../images/messages32.png) !important;
}
.clsMyMessages16
{
    background-image: url(../images/messages16.png) !important;
}
.clsNewBooking
{
    background-image: url(../images/newBooking32.png) !important;
}
.clsNewBooking16
{
    background-image: url(../images/newBooking16.png) !important;
}

.clsResults
{
    background-image: url(../images/results32.png) !important;
}
.clsResults16
{
    background-image: url(../images/results16.png) !important;
}
	
.clsUserPreferences
{
    background-image: url(../images/userPreferences32.png) !important;
}
.clsUserPreferences16
{
    text-align: left !important; 
    background-image: url(../images/userPreferences16.png) !important;
}
.clsRehabReport
{
    background-image: url(../images/reportRehab32.png) !important;
}
.clsRehabReport16
{
    background-image: url(../images/reportRehab16.png) !important;
}
.clsEmployees
{
    background-image: url(../images/employees32.png) !important;
}
.clsEmployees16
{
    background-image: url(../images/employees16.png) !important;
}
.clsHolidaySchemes
{
    background-image: url(../images/holidayScheme32.png) !important;
}
.clsHolidaySchemes16
{
    background-image: url(../images/holidayScheme16.png) !important;
}
.clsDataGroups
{
    background-image: url(../images/groups32.png) !important;
}
.clsDataGroups16
{
    background-image: url(../images/groups16.png) !important;
    text-align: left !important;
}
.clsMCDefinition
{
    background-image: url(../images/mcDefinition32.png) !important;
}
.clsMCDefinition16
{
    background-image: url(../images/mcDefinition16.png) !important;
}
.clsSystemSettings
{
    background-image: url(../images/systemSettings32.png) !important;
}
.clsSystemSettings16
{
    background-image: url(../images/systemSettings16.png) !important;
}
.clsContact16
{
    background-image: url(../images/contact16.png) !important;
}
.clsVersion16
{
    background-image: url(../images/version16.png) !important;
}
.clsHelp24
{
    background-image: url(../images/help24.png) !important;
}
.clsRequestsHistory
{
    background-image: url(../images/requestsHistory32.png) !important;
}
.clsRequestsHistory16
{
    background-image: url(../images/requestsHistory16.png) !important;
}

.clsReportDefinitions
{
    background-image: url(../images/reportDefinitions32.png) !important;
}
.clsReportDefinitions16
{
    text-align: left !important;
    background-image: url(../images/reportDefinitions16.png) !important;
}

.clsReportExecutions
{
    text-align: left !important;    
    background-image: url(../images/reportExecutions32.png) !important;
}
.clsReportExecutions16
{
    text-align: left !important;    
    background-image: url(../images/reportExecutions16.png) !important;
}
.clsTerminalManager
{
    background-image: url(../images/terminalManager32.png) !important;
}
.clsTerminalManager16
{
    text-align: left !important;
    background-image: url(../images/terminalManager16.png) !important;
}
.clsTerminalManagerCommands
{
    background-image: url(../images/terminalCommands32.png) !important;
}
.clsTerminalManagerCommands16
{
    text-align: left !important;
    background-image: url(../images/terminalCommands16.png) !important;
}
.clsTerminalManagerLog
{
    background-image: url(../images/terminalLog32.png) !important;
}
.clsTerminalManagerLog16
{
    background-image: url(../images/terminalLog16.png) !important;
}
.clsSignalDefinition
{
    background-image: url(../images/terminalSignal32.png) !important;
}
.clsSignalDefinition16
{
    background-image: url(../images/terminalSignal16.png) !important;
}
.clsSignalException
{
    background-image: url(../images/terminalException32.png) !important;
}
.clsSignalException16
{
    background-image: url(../images/terminalException16.png) !important;
}
.clsTerminalConfigList
{
    background-image: url(../images/terminalConfiguration32.png) !important;
}
.clsTerminalConfigList16
{
    text-align: left !important;
    background-image: url(../images/terminalConfiguration16.png) !important;
}
.clsTerminalCardManager
{
    background-image: url(../images/terminalSpecialCard32.png) !important;
}
.clsTerminalCardManager16
{
    background-image: url(../images/terminalSpecialCard16.png) !important;
}
.clsExcelIcon16
{
    text-align: left !important;
    background-image: url(../images/excelIcon16.png) !important;
}
.clsHtmlIcon16
{
    text-align: left !important;
    background-image: url(../images/htmlIcon16.png) !important;
}
.clsExportDefinitions
{
    background-image: url(../images/exportDefinitions32.png) !important;
}
.clsExportDefinitions16
{
    text-align: left !important;
    background-image: url(../images/exportDefinitions16.png) !important;
}

.clsExportExecutions
{   
    background-image: url(../images/exportExecutions32.png) !important;
}
.clsExportExecutions16
{
    text-align: left !important;    
    background-image: url(../images/exportExecutions16.png) !important;
}

.clsAnomalies
{
    background-image: url(../images/anomalies32.png) !important;
}
.clsAnomalies16
{
    text-align: left !important;
    background-image: url(../images/anomalies16.png) !important;
}
.clsMyAnomalies
{
    background-image: url(../images/myAnomalies32.png) !important;
}
.clsMyAnomalies16
{
    background-image: url(../images/anomalies16.png) !important;
}


#tabPanelMenu .x-tab-strip-wrap {
	
	
}

#tabPanelMenu .x-tab-strip-top .x-tab-right ,#tabPanelMenu .x-tab-strip-top .x-tab-left ,#tabPanelMenu .x-tab-strip-top .x-tab-strip-inner  {
}

.x-panel-body, .x-panel-body-noheader
{
	border: 0px;
}

.clsPIP
{
    background-image: url(../images/pip32.png) !important;
}
.clsPIP16
{
    background-image: url(../images/pip16.png) !important;
}

.clsTerminalGroupList
{
    background-image: url(../images/terminalGroup32.png) !important;
}

.clsOperationLog
{
    background-image: url(../images/operationLog32.png) !important;    
}

.clsResultGroupList
{
    background-image: url(../images/resultGroup32.png) !important;    
}
.clsTerminalCommQue
{
    background-image: url(../images/terminalManager32.png) !important;
}
.clsTerminalCommQue16
{
    text-align: left !important;
    background-image: url(../images/terminalManager16.png) !important;
}

.clsEmails
{
    background-image: url(../images/sendEmailNotification.png) !important;
}
.clsEmails16
{
    text-align: left !important;
    background-image: url(../images/sendEmailNotification16.png) !important;
}

.clsCounterDefinition
{
    background-image: url(../images/counterDefinition32.png) !important;
}

.clsCounterDefinition16
{
    background-image: url(../images/counterDefinition16.png) !important;
}

.clsCounterOperation
{
    background-image: url(../images/counterOperation32.png) !important;
}

.clsCounterOperation16
{
    background-image: url(../images/counterOperation16.png) !important;
}

.clsDayProgram
{
    background-image: url(../images/dayProgram32.png) !important;
}

.clsDayProgram16
{
    background-image: url(../images/dayProgram16.png) !important;
}

.clsOvertimeGroup
{
    background-image: url(../images/overtimeGroup32.png) !important;
}

.clsOvertimeGroup16
{
    background-image: url(../images/overtimeGroup16.png) !important;
}

.clsBreakGroup
{
    background-image: url(../images/coffee32.png) !important;
}

.clsBreakGroup16
{
    background-image: url(../images/coffee16.png) !important;
}

.clsCostCenter
{
    background-image: url(../images/costCenter32.png) !important;
}

.clsCostCenter16
{
    text-align:left !important;
    background-image: url(../images/costCenter16.png) !important;
}

.clsYearlyView
{
    background-image: url(../images/yearlyView32.png) !important;
}

.clsYearlyView16
{
    text-align:left !important;
    background-image: url(../images/yearlyView16.png) !important;
}

.clsRoundingGroup
{
    background-image: url(../images/roundingGroup32.png) !important;
}

.clsRoundingGroup16
{
    background-image: url(../images/roundingGroup16.png) !important;
}

.clsAutoDPTable
{
    background-image: url(../images/autoDPTable32.png) !important;
}

.clsAutoDPTable16
{
    background-image: url(../images/autoDPTable16.png) !important;
}

.clsCycle16
{
    background-image: url(../images/cycle16.png) !important;
}

.clsCycle
{
    background-image: url(../images/cycle32.png) !important;
}

.clsPaygroup
{
    background-image: url(../images/paygroup32.png) !important; 
}

.clsPaygroup16
{
    background-image: url(../images/paygroup16.png) !important; 
}

.clsWeeklyOvertime16
{
    background-image: url(../images/weeklyOvertime16.png) !important; 
}

.clsChopGroup16
{
    background-image: url(../images/chopGroup16.png) !important; 
}

.clsChopGroup
{
    background-image: url(../images/chopGroup32.png) !important; 
}

.clsAbsence16
{
    background-image: url(../images/absence16.png) !important; 
}

.clsAbsence
{
    background-image: url(../images/absence32.png) !important; 
}

.clsEWTD
{
    background-image: url(../images/EWTD32.png) !important; 
}

.clsEWTD16
{
    background-image: url(../images/EWTD16.png) !important; 
}

.clsHolidaySettings
{
    background-image: url(../images/holidaySettings32.png) !important; 
}

.clsHolidaySettings16
{
    background-image: url(../images/holidaySettings16.png) !important; 
}

.clsDefinitionMaintenance
{
    background-image: url(../images/definitionMaintenance32.png) !important; 
}

.clsDefinitionMaintenance16
{
    background-image: url(../images/definitionMaintenance16.png) !important; 
}

.clsDepartment
{
    background-image: url(../images/department32.png) !important; 
}

.clsDepartment16
{
    background-image: url(../images/department16.png) !important; 
}

.clsHRLocations
{
     background-image: url(../images/locations32.png) !important; 
}

.clsHRLocations16
{
     background-image: url(../images/locations16.png) !important; 
}

.clsHRGroups
{
    background-image: url(../images/hrGroup32.png) !important;
}

.clsHRGroups16
{
    background-image: url(../images/hrGroup16.png) !important;
}

.clsHREquipments
{
     background-image: url(../images/equipment32.png) !important;
}

.clsHREquipments16
{
     background-image: url(../images/equipment16.png) !important;
}

.clsHRSkills
{
     background-image: url(../images/skills32.png) !important;
}

.clsHRSkills16
{
     background-image: url(../images/skills16.png) !important;
}

.clsHRFreeItems
{
     background-image: url(../images/freeItems32.png) !important;
}

.clsHRFreeItems16
{
     background-image: url(../images/freeItems16.png) !important;
}

.clsHRLanguageMapping
{
    background-image: url(../images/languageMapping32.png) !important;
}

.clsHRLanguageMapping16
{
    background-image: url(../images/languageMapping16.png) !important;
}

.clsJobScheduler
{
    background-image: url(../images/taskScheduler32.png) !important;
}

.clsJobScheduler16
{
    background-image: url(../images/taskScheduler16.png) !important;
    text-align: left !important;
}

.clsChart
{
    background-image: url(../images/chart32.png) !important;
}

.clsChart16{
    text-align: left !important;
    background-image: url(../images/chart16.png) !important;
}


.clsHRTrainingInstitutes
{
    background-image: url(../images/training32.png) !important;
}

.clsHRTrainingInstitutes16
{
    background-image: url(../images/training16.png) !important;
}
.clsHRAgePiramid16
{
    background-image: url(../images/agePyramid16.png) !important;
}
.clsHRLanguages16
{
    background-image: url(../images/languageMapping16.png) !important;
}

.clsHRDepartments16
{
    background-image: url(../images/departmentList16.png) !important;
}
.clsHRPersonnelMovements16
{
    background-image: url(../images/personnelMovements16.png) !important;
}

.clsCommDataDefinition
{
    background-image: url(../images/additionalData32.png) !important;
}
.clsCommDataDefinition16
{
    background-image: url(../images/additionalData16.png) !important;
}

.clsCOMMBookingExport
{
    background-image: url(../images/bookingExport32.png) !important;
}
.clsCOMMBookingExport16
{
    background-image: url(../images/bookingExport16.png) !important;
}

.clsCOMMXMLExport
{
    background-image: url(../images/xmlExport32.png) !important;
}
.clsCOMMXMLExport16
{
    text-align: left !important;
    background-image: url(../images/xmlExport16.png) !important;
}

.clsCOMMXMLImport
{
    background-image: url(../images/xmlImport32.png) !important;
}
.clsCOMMXMLImport16
{
    background-image: url(../images/xmlImport16.png) !important;
}
.clsCOMMXMLImportExportConf
{
    background-image: url(../images/xmlSettings32.png) !important;
}
.clsCOMMXMLImportExportConf16
{
    background-image: url(../images/xmlSettings16.png) !important;
}

.clsGSTerminalDefinition
{
    background-image: url(../images/GSTerminalManager32.png) !important;
}
.clsGSTerminalDefinition16
{
    text-align: left !important;
    background-image: url(../images/GSTerminalManager16.png) !important;
}
.clsAccessTerminalDefinition
{
    background-image: url(../images/accessTerminalManager32.png) !important;
}
.clsAccessTerminalDefinition16
{
    text-align: left !important;
    background-image: url(../images/accessTerminalManager16.png) !important;
}
.clsGSAlarm
{
    background-image: url(../images/alarm32.png) !important;
}

.clsGSAlarm48
{
    font-weight: bold !important;
    text-align: left;
    background-image: url(../images/alarm48.png) !important;
}
.clsGSAlarm16
{
    background-image: url(../images/alarm16.png) !important;
}
.clsGSSignal48
{
    font-weight: bold !important;
    text-align: left;
    background-image: url(../images/gsSignal48.png) !important;
}
.clsGSSignal
{
    background-image: url(../images/relay.png) !important;
}

.clsGSSignal16
{
    background-image: url(../images/gsSignal16.png) !important;
}

.clsGSDoorOpen48
{
    font-weight: bold !important;
    text-align: left;
    background-image: url(../images/doorOpen48.png) !important;
}
.clsGSDoorOpen
{
    background-image: url(../images/doorOpen.png) !important;
}

.clsGSDoorOpen16
{
    background-image: url(../images/doorOpen16.png) !important;
}

.clsGSTimezone
{
    background-image: url(../images/timeZone.png) !important;
}

.clsGSTimezone16
{
    background-image: url(../images/timeZone16.png) !important;
}

.clsGSHoliday48
{
    font-weight: bold !important;
    text-align: left;
    background-image: url(../images/holidayCard48.png) !important;
}
.clsGSHoliday
{
    background-image: url(../images/holidayCard32.png) !important;
}
.clsGSHoliday16
{
    background-image: url(../images/holidayCard16.png) !important;
}
.clsGSInOut48
{
    font-weight: bold !important;
    text-align: left;
    background-image: url(../images/inOut48.png) !important;
}
.clsGSInOut
{
    background-image: url(../images/inOut.png) !important;
}
.clsGSInOut16
{
    background-image: url(../images/inOut16.png) !important;
}
.clsGSGTTerminal
{
    background-image: url(../images/terminalGSGT32.png) !important;
}
.clsGSGTTerminal16
{
    background-image: url(../images/terminalGSGT16.png) !important;
}
.clsGSCard
{
    background-image: url(../images/card32.png) !important;
}
.clsGSCard16
{
    background-image: url(../images/card16.png) !important;
}
.clsConfiguration
{
    background-image: url(../images/configuration32.png) !important;
}
.clsConfiguration16
{
    background-image: url(../images/configuration16.png) !important;
}

.clsGSMCCode
{
    background-image: url(../images/mcDefinition32.png) !important;
}
.clsGSMCCode16
{
    background-image: url(../images/mcDefinition16.png) !important;
}
.clsGSInput48
{
    font-weight: bold !important;
    text-align: left;
    background-image: url(../images/input48.png) !important;
}
.clsGSInput
{
    background-image: url(../images/input32.png) !important;
}
.clsGSInput16
{
    background-image: url(../images/input16.png) !important;
}
.clsGSBasicParams
{
    background-image: url(../images/basicParam32.png) !important;
}
.clsGSBasicParams16
{
    background-image: url(../images/basicParam16.png) !important;
}


.clsGSAccessGroup
{
    background-image: url(../images/gsAccessGroup32.png) !important;
}
.clsGSAccessGroup16
{
    background-image: url(../images/gsAccessGroup16.png) !important;
}

.clsGSRelay48
{
    font-weight: bold !important;
    text-align: left;
    background-image: url(../images/gsRelay48.png) !important;
}
.clsGSRelay
{
    background-image: url(../images/gsRelay32.png) !important;
}
.clsGSRelay16
{
    background-image: url(../images/gsRelay16.png) !important;
}

.clsGSTerminal
{
    background-image: url(../images/terminalIT300.png) !important;
}

.clsGSCommandQueue
{
    background-image: url(../images/gsCommandQueue32.png) !important;
}
.clsGSCommandQueue16
{
    width: 16px;
    height: 16px;
    background-image: url(../images/gsCommandQueue16.png) !important;
}
.clsGSToolbox
{
    background-image: url(../images/tools32.png) !important;
}
.clsGSToolbox16
{
    background-image: url(../images/tools16.png) !important;
}

.clsActivity
{
    background-image: url(../images/activityReport32.png) !important;
}
.clsActivity16
{
    background-image: url(../images/activityReport16.png) !important;
}
.clsActivityDestinations
{
    background-image: url(../images/activity32.png) !important;
}
.clsActivityDestinations16
{
    background-image: url(../images/activity16.png) !important;
}
.clsActivityTypes
{
    background-image: url(../images/activityType32.png) !important;
}
.clsActivityTypes16
{
    background-image: url(../images/activityType16.png) !important;
}

.clsBradford
{
    background-image: url(../images/bradford32.png) !important;
}
.clsBradford16
{
    background-image: url(../images/bradford16.png) !important;
}



.clsNewBookingRequest
{
    background-image: url(../images/newBookingRequest32.png) !important;
}
.clsNewBookingRequest16
{
    background-image: url(../images/newBookingRequest16.png) !important;
    background-repeat: no-repeat !important;
        background-position: 50% 50%;
}

.clsFiles
{
    background-image: url(../images/myFiles32.png) !important;
}
.clsFiles16
{
    background-image: url(../images/myFiles16.png) !important;
}

.clsTeamFiles
{ 
    background-image: url(../images/teamFiles32.png) !important;
}
.clsTeamFiles16
{
    background-image: url(../images/teamFiles16.png) !important;
}

.clsPeriodicConfirmationESS 
{
    background-image: url(../images/empConfirmationStatus32.png) !important;
}
.clsPeriodicConfirmationESS16 
{
   background-image: url(../images/empConfirmationStatus16.png) !important; 
}
.clsPeriodicConfirmationMSS 
{
    background-image: url(../images/managerConfirmationStatus32.png) !important;
}
.clsPeriodicConfirmationMSS16 
{
   background-image: url(../images/managerConfirmationStatus16.png) !important; 
}

.clsFreezePeriod 
{
    background-image: url(../images/freezePeriod32.png) !important;
}
.clsFreezePeriod16 
{
   background-image: url(../images/freezePeriod16.png) !important; 
}

.clsUploadFiles
{ 
    background-image: url(../images/bulkDocs32.png) !important;
}
.clsUploadFiles16
{
	text-align: left !important;
    background-image: url(../images/bulkDocs16.png) !important;
}
.clsHolidayManager
{
    background-image: url(../images/holidayManager32.png) !important;
}
.clsHolidayManager16
{
    background-image: url(../images/holidayManager16.png) !important;
}
.clsContract
{
    background-image: url(../images/empContract32.png) !important;
}
.clsContract16
{
    background-image: url(../images/empContract16.png) !important;
}

.clsTerminalFlow
{
    background-image: url(../images/terminalFlow32.png) !important;
}
.clsTerminalFlow16
{
    background-image: url(../images/terminalFlow16.png) !important;
}
.clsTerminalForm
{
    background-image: url(../images/terminalForm32.png) !important;
}
.clsTerminalForm16
{
    background-image: url(../images/terminalForm16.png) !important;
}
.clsTerminalReadDS
{
    
    background-image: url(../images/dataSetRead32.png) !important;
}
.clsTerminalReadDS16
{
    
    background-image: url(../images/dataSetRead16.png) !important;
}
.clsTerminalWriteDS
{
    
    background-image: url(../images/dataSetWrite32.png) !important;
}
.clsTerminalWriteDS16
{
    
    background-image: url(../images/dataSetWrite16.png) !important;
}

.clsVisitors
{
    
    background-image: url(../images/visitor32.png) !important;
}
.clsVisitors16
{
    
    background-image: url(../images/visitor16.png) !important;
}

.clsPersonalData
{
    
    background-image: url(../images/personalData32.png) !important;
}
.clsPersonalData16
{
    text-align: left !important;
    background-image: url(../images/personalData16.png) !important;
}
.clsProjectDefinition
{
    
    background-image: url(../images/jobDefinition32.png) !important;
}
.clsProjectDefinition16
{
    text-align: left !important;
    background-image: url(../images/jobDefinition16.png) !important;
}


.clsProjectComponent
{ 
    background-image: url(../images/activity32.png) !important;
}
.clsProjectComponent16
{
    text-align: left !important;
    background-image: url(../images/activity16.png) !important;
}
.clsProjectActivity
{
    background-image: url(../images/activityType32.png) !important;
}
.clsProjectActivity16
{
    text-align: left !important;
    background-image: url(../images/activityType16.png) !important;
}
.clsGuiNotification
{
    background-image: url(../images/guiNotification.png) !important;
}
.clsGuiNotification16
{
    text-align: left !important;
    background-image: url(../images/guiNotification16.png) !important;
}

.clsVisitorCheckIn
{
    background-image: url(../images/visitorCheckIn.png) !important;
}
.clsVisitorCheckIn16
{
    text-align: left !important;
    background-image: url(../images/visitorCheckIn16.png) !important;
}
.clsVisitorCheckOut
{
    background-image: url(../images/visitorCheckOut.png) !important;
}
.clsVisitorCheckOut16
{
    text-align: left !important;
    background-image: url(../images/visitorCheckOut16.png) !important;
}
.clsNotification
{
    background-image: url(../images/notification32.png) !important;
}
.clsNotification16
{
    text-align: left !important;
    background-image: url(../images/notification16.png) !important;
}
.clsNotificationHistory
{
    background-image: url(../images/notificationHistory32.png) !important;
}
.clsNotificationHistory16
{
    text-align: left !important;
    background-image: url(../images/notificationHistory16.png) !important;
}
.clsBankHoliday
{
    background-image: url(../images/bankHoliday32.png) !important;
}
.clsBankHoliday16
{
    background-image: url(../images/bankHoliday16.png) !important;
}
.clsCompanySite 
{
    background-image: url(../images/company_32.png) !important;
}

.clsCompanySite16
{
    background-image: url(../images/company_16.png) !important;
}
.clsBackup 
{
    background-image: url(../images/backupUser32.png) !important;
}

.clsBackup16
{
    background-image: url(../images/backupUser16.png) !important;
}
.clsDepartmentRegistration 
{
    background-image: url(../images/departmentRegister32.png) !important;
}

.clsDepartmentRegistration16
{
    background-image: url(../images/departmentRegister16.png) !important;
}
.clsSiteOccupancyView 
{
    background-image: url(../images/siteOccupancy32.png) !important;
}

.clsSiteOccupancyView16
{
    background-image: url(../images/siteOccupancy16.png) !important;
}
.clsSiteOccupancyManagement 
{
    background-image: url(../images/siteOccupancyMng32.png) !important;
}

.clsSiteOccupancyManagement16
{
    text-align: left !important;
    background-image: url(../images/siteOccupancyMng16.png) !important;
}

.clsSiteOccupancyReservation
{
    background-image: url(../images/siteOccupancyReservation32.png) !important;
}

.clsSiteOccupancyReservation16
{
    background-image: url(../images/siteOccupancyReservation16.png) !important;
}
.clsSwitchShift 
{
    background-image: url(../images/change_shift_main32.png) !important;
}

.clsSwitchShift16
{
    background-image: url(../images/change_shift_main16.png) !important;
}
.clsProjectTime 
{
    background-image: url(../images/projectTime32.png) !important;
}

.clsProjectTime16
{
    background-image: url(../images/projectTime16.png) !important;
}

.clsOrganizationalChart 
{
    background-image: url(../images/organizationalChart32.png) !important;
}

.clsOrganizationalChart16 
{
    background-image: url(../images/organizationalChart16.png) !important;
}


.clsIllnessStatistics 
{
    background-image: url(../images/illnessStatistics32.png) !important;
}

.clsIllnessStatistics16 
{
    background-image: url(../images/illnessStatistics16.png) !important;
}


.clsIMPROController
{
    background-image: url(../images/improController32.png) !important; 
}
.clsIMPROController16
{
    width: 16px;
    height: 16px;
    background-image: url(../images/improController16.png) !important; 
}
.clsPacController
{
    background-image: url(../images/pacTerminals32.png) !important; 
}
.clsPacController16
{
    width: 16px;
    height: 16px;
    background-image: url(../images/pacTerminals16.png) !important; 
}
.clsChatConfig {
    background-image: url(../images/chatConfig32.png) !important;
}
.clsChatConfig16 {
    width: 16px;
    height: 16px;
    background-image: url(../images/chatConfig16.png) !important;
}
.clsExpenseReimbursement {
    background-image: url(../images/expenseReimbursement32.png) !important;
}
.clsExpenseReimbursement16 { 
    background-image: url(../images/expenseReimbursement16.png) !important;
}.clsUXClock
{
	text-align: center;
	padding: 0px;
	margin: 2px;
	background-color: White;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	font-family: "Courier New", Verdana, Sans-Serif;
	display: inline;
}

.clsUXClockTextOnly
{
	text-align: center;
	padding: 0px;
	margin-top: -1px !important;
	background: transparent;
	font-family: "Courier New", Verdana, Sans-Serif;
	display: inline;
	color: rgb(255,255,198);
}


.clsUXClockTimeSmall
{
	padding-top: 1px;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}
.clsUXClockTimeLarge
{
	padding-top: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
}

.clsUXClockImageSmall, .clsUXClockImageLarge
{
	text-align: right;
	padding: 1px;
	margin: 0px;
	float: left;
}
.clsUXClockImageSmall
{
	min-width:16px;
	height:16px;
	background-image: url('../../resources/images/clockSmall16.png');
}
.clsUXClockImageLarge
{
	min-width:24px;
	height:24px;
	background-image: url('../../resources/images/clockLarge24.png');
}

.ux-showdesktop-button-icon 
{
    
    background-image: url(../images/showDesktop16.png) !important;
    
}

.ux-showdesktop-button
{
	background: transparent;
}
.ux-dashboard {
    background-image: url(../images/dashboard16.png) !important;
    
}

.ux-logoutdesktop-button
{
	background: transparent;
}

.ux-helpdesktop-button
{
	background: transparent;
}

.ux-taskbar .x-toolbar 
{
    background-color: white !important;
    background-image:  none !important;
    border-color: #009EEA;
}

.x-ie6 .ux-taskbar .x-toolbar {

}

.ux-desktop-windowbar .x-btn-inner,
.x-nbr .ux-desktop-windowbar .x-btn-icon-text-left button 
{
    text-align: left !important;
    padding-top:0;
	position:relative;
	color: rgb(36,64,94);

}
.x-btn-default-toolbar-small-pressed
{
	
}
.x-btn-default-toolbar-small-over
{
	
}

.ux-taskbar .x-toolbar {
    height: 28px;

}
.buttonTaskbar
{
	border-top: 1px solid rgb(192,212,230) !important;
	border-left: 1px solid rgb(192,212,230) !important;
	border-right: 1px solid rgb(94,136,170) !important;
	border-bottom: 1px solid rgb(94,136,170) !important;
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
}
.ux-taskbar {
    height: 28px;
    padding: 0;
    margin-left: 0;
}

.x-toolbar .x-toolbar {
    padding: 0;
}
.x-btn-default-toolbar-small {
    padding: 2px 2px 2px 2px !important;		
}

.clsCalculationsInProgress,.clsCalculationsDone,.clsCalculationsServiceStopped
{
    
    cursor: pointer;
    background-position-y: center;
    background-size: 20px; 
    background-repeat: no-repeat; 
    padding-left: 20px; 
    height: 28px;
    text-align:center;
}

.clsCalculationsInProgress div , .clsCalculationsDone div,.clsCalculationsServiceStopped div
{
    padding: 7px 5px;
}

.clsCalculationsInProgress,.clsCalculationsServiceStopped
{
    background-color: rgb(220, 234, 245);
}

.clsCalculationsInProgress
{
    background-image: url(../images/calcInProgress20.gif); 
}

.clsCalculationsServiceStopped
{
    background-image: url(../images/warning20.png); 
}

.clsCalculationsDone
{
    background-color: rgb(143, 236, 135);
    background-image: url(../images/true16.png); 
}

.hctableheader
{
	font: tahoma, arial, verdana, sans-serif;
	font-size: 1em;
	margin-bottom: 0px;
}
.hctable
{
	font: tahoma, arial, verdana, sans-serif;
	font-size: 1em;
	margin-bottom: 10px;
}

.hclabel
{
	font-weight: bold;
	width: 150px;
}
.hctotals
{
	background-color: #b0e4fe !important;
	font-weight: bold !important;
	color: black !important;
}
.hctotalsbold
{
	font-weight: bold !important;
}
/* This file defines the CSS for the lines of 
text from the Login contact card */

.contactLine1
{
	font: Calibri Sans-Serif;
	font-weight: bold;
	font-size: 18px;
	margin-top: 10px;
	color: rgb(7,77,144);
}
.contactLine2
{
	font: Calibri Sans-Serif;
	font-weight: bold;
	font-size: 11px;
	color: black;
	margin-top: 10px;
}
.contactLine3
{
	font: Calibri Sans-Serif;
	font-weight: bold;
	font-size: 11px;
	color: black;
	margin-top: 5px;
}
.contactLine4
{
	font: Calibri Sans-Serif;
	font-weight: bold;
	font-size: 18px;
	margin-top: 20px;
	color: rgb(7,77,144);
}
.contactLine5
{
	font: Calibri Sans-Serif;
	font-weight: bold;
	font-size: 11px;
	color: black;
	margin-top: 10px;
}
.contactLine6
{
	font: Calibri Sans-Serif;
	font-weight: bold;
	font-size: 11px;
	color: black;
	margin-top: 5px;
}
.clsDashboardRow
{
    border: 1px solid rgb(140, 182, 237);
    padding:2px;
}

.clsRemoveDashboardRowBtn button
{
    background-color: rgb(226, 166, 140);
    background-color: transparent;
    border: 0px solid rgb(218, 117, 117);
    padding: 2px 6px;
    text-decoration: underline;
    color: Blue;
    font: inherit;
    cursor:pointer;
}

.clsRemoveDashboardRowBtn button:hover
{
}


.clsAnimateItemHeader
{
    background:none !important;
    background-color: rgb(242, 166, 89) !important;
}

.clsDashboardConfigurations16
{
     text-align: left !important;
     background: url(../images/dashboardConfigurations16.png);
}

.clsDashboardActions16
{
    background: url(../images/dashboardActions16.png);
}

.clsOrganizeDashboardConfigurations16
{
    background: url(../images/organizeDashboardConfigs16.png);
}

.clsAutoHeight16
{
    background-image: url(../images/autoHeight16.png);
}

.clsAddNewRow16
{
    background-image: url(../images/newRow16.png);
}

.clsAddNewItem16
{
    background-image: url(../images/fileAdd16.png);
}

.clsCustomHeight16
{
    background-image: url(../images/rowCustomHeight16.png);
}


.x-tool-panelsize {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    background-image: url("../images/flex_20.png") !important;
    background-image: none !important;      
}
.x-tool-panelsize:before
{
    content: "\f018" !important;
    font-size: 16px !important;
    color: rgb(21,144,179) !important;
    color: lightgray !important;
}
.x-tool-over .x-tool-panelsize {
    background-position: 0 0; 
}
.x-tool-over .x-tool-panelsize:before {
    color: rgb(21,144,179) !important;
}