.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: none;
    width: 16px;
    height: 16px;
    margin: auto; 
    position: absolute;
    margin-top: 14px;
    margin-left: -4px;
}
.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: none;
    width: 16px;
    height: 16px;
    margin: auto;
    position: absolute;
    margin-top: 14px;
    margin-left: -4px;
}

.checkColText
{
	padding-bottom: 14px !important;
	text-align: center !important;
}
 :root {
    --main-window-header-height: 40px;
    --main-rb-menugrp-header-height: 25px;
    --main-window-header-height-small: 20px;
    --main-border-color: #c7c7c7;
    --main-menu-color: #000;
    --main-menu-bk-color: #fff;
    --main-color: #006391;
    --main-color-dark: #004a6c;
    --main-color-darker: #022E42;
    --main-active-color: #bbdef4;
    --main-active-light-color: #93d2ef;
    --main-inactive-color: #808080;
    --main-icon-tool-color: #004a6c;
    --main-icon-tool-size: 18px;
    --main-confirm-color: #2E7D32;
    --main-error-text-color: #ff0202;
    --main-confirm-darker-color: #388E3C;
    --main-dark-gray-color: #9E9E9E;
    --main-dark-gray-color-over: #616161;
    --main-light-gray-color: #e5e5e5;
    --main-confirm-pressed-color: #1B5E20;
    --main-warning-color: #ff9346;
    --main-warning-color-pressed: #f6b98e;
    --main-decline-color: #ff0202;
    --main-decline-pressed-color: #850808;
    --main-decline-over-color: #d62222;
    --main-neutral-color: #E0E0E0;
    --main-neutral-color-v2: #f2f2f2;
    --main-btn-color: #efefef;
    --main-btn-color-light: #f6f6f6;
    --main-bk-border-color: #efefef;
    --main-bk-grid-color: #efefef;
    --main-focus-btn-color: #eb7e22; /*#5d56a4;*/
    --main-radius: 3px;
    --main-radius-windows: 10px;
    --font-icon-small: 18px;
    --font-icon-smaller: 15px;
    --font-icon-view-cell: 14px;
    --font-icon-smallger: 22px;
    --font-icon-big: 28px;
    --font-icon-big-26: 26px;
    --font-icon-menu: 23px;
    --font-icon-menu-mini: 23px;
    --font-icon-help: 80px;
    --font-icon-menu-leaf: 21px;
    --font-icon-top-tb: 23px;
    --font-icon-tools: 40px;
    --font-icon-menu-color: var(--main-color-darker);
    --font-family: tahoma, arial, verdana, sans-serif;
    --font-family-old: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    --main-panel-background: #fff;
    --main-panel-background-light: #fff;
    --main-text-color: #000;
    --main-text-color-over: #fff;
    --main-box-shadow: 1px 1px 9px -1px rgba(0,0,0,0.35);
    --main-login-screen-over-color: #dddddd;
    --btn-bkcolor-over: var(--main-color-luminous);
    --view-bk-color: #efefefc4;
    --cancel-btn-text-color: #212121;
    --cancel-btn-text-color-over: #FFFFFF;
    --grid-row-color: #FFFFFF;
    --main-item-color: #FFFFFF;
    --grid-row-color-over: #efefefc4;
    --main-color-connected-terminal: #65c56b;
    --main-details-label-color: #15428b;
}


.pipViewPanel {
    /*background-color: var(--main-bk-grid-color) !important;*/
    background-color: var(--view-bk-color) !important;
}.gridSyleV2 .x-grid-view 
{
    /*background-color: var(--main-bk-grid-color) !important;*/
    background-color: var(--view-bk-color) !important;
}

.gridSyleV2 .x-grid-table {
    border-spacing: 0px 3px !important;
    margin-top: -4px !important;
}

.gridSyleV2 .x-grid-table tr:first-child {
    border-spacing: 0px 0px !important;
}

.gridSyleV2 .x-grid-row {
    background-color: var(--grid-row-color);
    border-radius: 3px !important;
    height: 30px !important;
}

.gridSyleV2 .x-grid-row .x-grid-cell {
    height: inherit !important;
}

.gridSyleV2 .clsDeletedDefinitionRow {
    color: gray !important;
}

.gridSyleV2 .x-grid-row-alt .x-grid-cell,
.gridSyleV2 .x-grid-row-alt .x-grid-rowwrap-div {
    background-color: var(--grid-row-color);
}


.x-grid-row .x-grid-cell-special {
    background-image: none !important;
    background-color: var(--grid-row-color) !important;
}

.x-grid-row-over .x-grid-cell,
.x-grid-row-over .x-grid-rowwrap-div,
.x-grid-row-over .x-grid-cell-special {
    border-color: var(--grid-row-color-over) !important;
    background-color: var(--grid-row-color-over) !important;
}




.timecardGrid .x-grid-row {
    background-color: #eaf0f3;
}
.timecardGrid .x-grid-row-weekend {
    background-color: white;
}
.timecardGrid .x-grid-row-alt .x-grid-cell,
.timecardGrid .x-grid-row-alt .x-grid-rowwrap-div {
    background-color: #eaf0f3;
}
.x-box-scroller-right .x-toolbar-scroll-right, .x-box-scroller-right .x-tabbar-scroll-right {
    height: 100% !important;
}
.x-box-scroller-left .x-toolbar-scroll-left, .x-box-scroller-left .x-tabbar-scroll-left {
    height: 100% !important;
}
/* Track */
::-webkit-scrollbar-track {
    background: inherit !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: var(--main-active-light-color) !important;
    border-right: 0px solid white;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;*/
}
    ::-webkit-scrollbar-thumb:window-inactive {
        background: var(--main-active-light-color) !important;
        
    }

 

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

::-webkit-scrollbar-thumb {
    border-radius: 2px !important;
    background-color: var(--main-active-light-color) !important;
    -webkit-box-shadow: 0 0 0px 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;
}

.clsTeamView .x-grid-row-alt {
    min-height: 50px !important;
    height: 50px !important;
    width: 50px;
    border: 1px solid gray !important;
}

.clsTeamView .x-grid-row {
    min-height: 27px;
    height: 27px;
    vertical-align: top !important;
}

.clsTeamView div .x-grid-cell {
    border-left: 1px solid rgba(211, 211, 211, 0.4) !important;
    border-bottom: 1px solid rgba(211, 211, 211, 0.4) !important;
}

.clsTeamViewIE .x-grid-row-alt {
    min-height: 50px !important;
    height: 50px !important;
    width: 50px;
    border: 1px solid gray !important;
}

.clsTeamViewIE div .x-grid-cell {
    border-left: 1px solid rgba(211, 211, 211, 0.4) !important;
    border-bottom: 1px solid rgba(211, 211, 211, 0.4) !important;
}

.clsTeamManagerIE .x-grid-row-alt
{
    min-height: 90px !important;
    height: 90px !important;
    width: 50px;
    border: 1px solid rgb(226,226,226) !important;
}

.clsTeamViewIE .x-grid-row {
    min-height: 27px;
    height: 27px;
    vertical-align: top !important;
}

.x-panel-body
{
}

#centerRegion.x-panel-default {
    background-color: var(--main-color-dark) !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-color: var(--main-color-luminous-plus) !important;
    background-image: url(../images/backgroundSVG.svg) !important;
    /*background-image: url(../images/screen.png) !important;*/
    border-radius: 30px 0 0 30px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
#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: var(--main-radius-windows) !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: 0px !important;
}

#id_ASTROW.view.DashboardDashboard.x-panel-header-default-framed-top {
    border: 3px solid var(--main-decline-color) !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: none !important;
    height: 30px !important;
    background-color: #fff !important;
    border-top: 3px solid var(--main-color-dark) !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: transparent !important;
    border-top: 0px solid var(--main-active-color) !important;
    color: var(--main-text-color) !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 var(--main-active-color);
}

.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 var(--main-color) !important;
    border: 0px !important;
}
.x-border-box .x-tab-bar-top .x-tab-bar-strip {
    height: 0px !important;
}

.x-panel .x-panel-header-default-framed-top
{
    border-bottom-width: 0px !important;
}
/*7.0*/
.x-window-default {
    border-radius: var(--main-radius-windows) !important;
    -moz-border-radius: 0px !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: 1px solid #0e8ecf !important;*/
}

.x-window-default.x-window-maximized {
    border-radius: 0px !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 var(--main-active-color) !important;
}













.x-toolbar-footer {
    margin-top: -1px !important;
    height: 35px !important;
    border-right: 0px solid lightgray !important;
    border-left: 0px solid lightgray !important;
    border-top: 1px solid var(--main-bk-grid-color) !important;
}
/*7.0*/
.x-window-header-icon 
{
      margin-left: 5px !important; 
}
/*7.0*/
.x-panel .x-grid-body {
    border: 1px solid #ffffff !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;
}
 

  
.iconButtonCls {
    width: 16px !important;
    height: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
}
.iconAndTextButtonCls {
    display: inline-flex;
    font-size: 12px;
}
 

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



.grid-totals-row td
{
	background-color: #b0e4fe !important;
	font-weight: bold !important;
}
.grid-negativevalue td {
    color: var(--main-decline-color) !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*/
}


.x-form-field {
    border-radius: var(--main-radius) !important;
    -moz-border-radius: var(--main-radius) !important;
    /*border: 1px solid lightgray !important;*/
}
.x-form-text, .x-form-email {
    background: white !important;
    border-radius: var(--main-radius) !important;
    -moz-border-radius: var(--main-radius) !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;
}
 

 
/* 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: transparent;
}

.list-item {
    margin-top: 3px;
    padding-left: 3px; 
    line-height: 20px;
    cursor: pointer;
    border: 0px 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: #f5f5f5 !important;*/
    padding: 5px;
    border: 1px solid var(--main-color-luminous);
    border-radius: var(--main-radius) !important;
    -moz-border-radius: var(--main-radius) !important;
    margin: 2px !important;
    margin-bottom: 4px !important;
}
.tooltipTitleBg {
    padding: 4px;
    padding-left: 8px;
    margin-bottom: 6px;
    color: black;
    /*background-color: var(--main-color) !important;*/
    /*border: 1px solid rgb(142,170,206);*/
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
}
.tooltipHint {
    /*background-color: var(--main-active-light-color) !important;*/
    padding: 3px;
    padding-left: 8px;
    margin-top: 7px;
    border: 0px solid var(--main-active-light-color);
    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;
}
.list .x-item-selected {
    font-weight: bold;
    color: var(--grid-row-color);
    background-color: var(--main-active-color);
    border: 0px dotted var(--main-color);
    border-radius:var(--main-radius) !important;
}

.list {
    padding: 0;
}

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




 


.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: var(--main-decline-color) !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;*/
}




.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: var(--main-active-light-color);*/
    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: var(--main-decline-color);
}
.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 !important;
}

.clsLabelResults
{
	font-size: 12px;
}

.centeredContainer
{
	text-align:center !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;
}

.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: var(--main-active-color) !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: var(--main-confirm-color);
}
.toDoRed
{

}
.toDoGreen {
    background-color: var(--main-btn-color);
    border: 0px solid white;
    border-radius: var(--main-radius-windows);
}
.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,
.notifBtnMessage span,
.notifBtnError span,

.notifBtnAppUpdates span
{ 
    color: #000 !important;
}

   */
.notifBtnFailedServices span, .notifBtnDisconnectedTerminals span {
    /*color: var(--main-text-color) !important;*/
}
.notifBtnFailedServices .toDoIcon:before, .notifBtnDisconnectedTerminals .toDoIcon:before {
    /*color: var(--main-text-color) !important;*/
}
.notifBtnAppUpdates {
    background-color: rgb(78, 249, 14) !important;
}
.notifBtnAnomalies {
    background-color: var(--main-bk-grid-color) !important;
}
.notifBtnAbsenceRequest {
    background-color: var(--main-bk-grid-color) !important;
}
.notifBtnAuthBookings {
    background-color: var(--main-bk-grid-color) !important;
}
.notifBtnFailedServices {
    background-color: var(--main-bk-grid-color) !important;
}
.notifBtnMessage {
    background-color: var(--main-bk-grid-color) !important;
}
.notifBtnError {
    color: white !important;
    background-color: var(--main-decline-color) !important;
}
.notifBtnDisconnectedTerminals {
    background-color: var(--main-bk-grid-color) !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;
}*/

 

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

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

#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-image: none !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: var(--main-active-color) !important;
    background-color: var(--main-color) !important;
    background-color: var(--main-color) !important;
    padding: 0px !important;
    font-size: 11px;
}
.topBarActiveOrange {
    border: 0px !important;
    /*background-image: url(../images/topAstrowLogo.png) !important;*/
    /*background-image: none !important;
    background-repeat: no-repeat;
    background-color: var(--main-color-luminous) !important;
    opacity:0.3;*/
    font-size: 11px;
    padding: 0px !important;
}
#topToolbar {
    background-image: none !important;
    /*background-image: url(../images/topAstrowLogo.png) !important;
    background-repeat: no-repeat; */
}
#topBarActiveOrange {
    background-image: none !important;
    /* background-image: url(../images/topAstrowLogo.png) !important;
    background-repeat: no-repeat; */
}

/* TABBAR settings */

.x-btn-default-small {
    border-radius: 0px;
    border: 1px solid var(--main-color);
    background-color: var(--main-color);
    background-image: none !important;
    border-radius: var(--main-radius) !important;
    -moz-border-radius: var(--main-radius) !important;
}
 

/*.x-btn-default-small .x-btn-inner {
    color: black !important;
}*/
.x-btn-default-small-pressed {
    border: 1px solid var(--btn-bkcolor-over) !important;
    background-color: var(--btn-bkcolor-over) !important;
    /*background-image: none !important;*/
      
}
.x-btn-default-small-over {
    border: 1px solid var(--btn-bkcolor-over) !important;
    background-color: var(--btn-bkcolor-over) !important;
    color: var(--main-text-color) !important;
    /*background-image: none !important;*/
}

.x-btn-default-small-over .x-btn-inner {
    color: var(--main-text-color-over) !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: 0px solid var(--main-color-dark) !important;
    background-color: rgb(190,211,239) !important;
    background-image: none !important;
    background-color: var(--main-panel-background-light) !important;
    box-shadow: inset 0px 2px 0px 1px var(--main-bk-border-color) !important;
}

.x-tab-bar .x-tab-default {
    position: relative;
}

.x-tab-bar .x-tab-active {
    z-index: 2;
    position: relative;
}

.x-tab-bar .x-tab-active span {
    z-index: 3;
    position: relative;
}

.x-tab-bar .x-tab-active::before {
    content: "";
    position: absolute;
    left: -12px;
    right: -12px;
    bottom: -10px;
    height: 20px;
    background: radial-gradient(circle at top left, transparent 10px, var(--main-panel-background) 11px) bottom left, radial-gradient(circle at top right, transparent 10px, var(--main-panel-background) 11px) bottom right;
    background-size: 50% 100%;
    background-repeat: no-repeat;
    pointer-events: none;
}

.x-tab-bar {
    overflow: visible;
}

.x-tab-default {
    padding: 3px 0px 0 0px !important;
    border: 0px !important;
    border-left: 0px !important;
    box-shadow: none !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: var(--main-bk-border-color) !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: var(--main-color) !important;
}
.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: var(--main-decline-color) !important;
    background-image: none !important;
    border-radius: var(--main-radius) !important;
    border: 1px solid lightgray !important;
}
.notificationGreenButton {
    background-color: var(--main-confirm-color) !important;
    border-radius: var(--main-radius) !important;
    border: 1px solid lightgray !important;    
}

.notificationGreenButton button em span {
    color: var(--main-text-color) !important;
}

.clsPIPDiv div.PIP {
    border-radius: var(--main-radius-windows);
    position: relative;
    float: left;
    margin: 3px 1px 0px 3px;
    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 .clsPIPDiv div.PIP,
.x-ie7 .clsPIPDiv div.PIP,
.x-ie8 .clsPIPDiv div.PIP {
    padding: 3px 2px;
    margin: 2px;
}


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

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

.clsPIPDiv 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: var(--main-decline-color) !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;*/ 
    background-color: var(--view-bk-color) !important;
}
.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;
} 

.clsArrowRight
{
    padding-left: 25px !important;
}
.errorListClass
{
    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 {
    width: 470px;
    height: 205px;
}
 
 


.x-docked-top {
    border-bottom-width: 0px !important;
}
/*
.x-box-menu-right {
    float: right;
    overflow: visible;
}*/


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

.statusInfo {
    color: var(--main-confirm-color);
}

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

.statusError {
    color: var(--main-decline-color);
}

.manualBooking
{
    text-decoration: underline !important;
}

.manulaBookingRR {
    font-style: italic;
    min-width: 30px;

}
.italic {
    font-style: italic !important;
}

.rrTooltipAlign {
    font-size: 12px;
    text-align: right;
    width: 60px;
}

.manualBookingTM {
    text-decoration: underline !important;
    margin-right: 4px;
}
 
 
.exportEmptyColumn
{
	background: rgb(211,211,211);
}

.testExportFieldError {
    background-color: var(--main-decline-color) !important;
} 
.clsDisplayReport16
{
     text-align: left !important;
     background-image: url(../images/displayReport.png) !important;
}

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

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

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

.terminalConnected .x-grid-cell,
.terminalNotConnected .x-grid-cell {
    line-height: 30px !important;
}

.terminalConnected .x-grid-cell .x-grid-row-checker,
.terminalNotConnected .x-grid-cell .x-grid-row-checker {
    line-height: 15px !important;
}


.statusProcessedComm {
    color: var(--main-confirm-color);
}

.statusInProgressComm
{
	color: blue;
}

.statusErrorComm {
    color: var(--main-decline-color);
}
.statusNotProcessedComm
{
    color: Gray;    
}
.titleTooltip {
    background-color: var(--main-panel-background) !important;
    /*border: 1px solid rgb(82,138,196) !important;*/
    padding: 2px;
    border: 1px solid var(--main-panel-background);
    border-radius: 2px !important;
    -moz-border-radius: 2px !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;
}
 
 
 

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





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


 
 
.longOperationPattern
{
    padding: 8px;
    color: Blue;
}

.wizardToolbar {
    font-size: 12px !important;
    background: var(--main-color-luminous);
}
.buttonToolbar {
    font-weight: bold !important;
    color: white !important;
    font-size: 20px !important;
    border: 1px solid var(--main-color);
    background-color: var(--main-bk-border-color);
    background-image: none !important;
}
.clsTermActiveConnected {
    text-align: center;
    vertical-align: bottom !important;
    font-weight: bold !important;
    color: var(--main-confirm-color) !important;
}
.clsTermActiveNotConnected {
    text-align: center;
    vertical-align: bottom !important;
    color: var(--main-confirm-color) !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: var(--main-confirm-color) !important;
}
.clsTermActiveNotConnectedCenter {
    text-align: center;
    color: var(--main-confirm-color) !important;
}
.clsTermInactiveConnectedCenter
{
    text-align:center;
    font-weight: bold !important;
	color: Gray !important; 
}
.clsTermInactiveNotconnectedCenter
{
    text-align:center;
	color: Gray !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;
}


.labelSeniority
{
    margin-left: 10px;
    font-size: 11px;
}
.clsOverflow
{
    overflow: auto;    
}
.grayColor {
    color: var(--main-bk-border-color);
}
.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;
}

.clsBaloonWarning .x-tip-header {
    border-radius: 3px;
    background-color: #f5c345;
}

.clsBaloonWarning.x-tip {
    height: 60px !important;
}

.clsTryAgain16
{
    background-color: transparent !important;
    border: none !important;
    margin: 0 10 !important;
    z-index: 1000000 !important;
    display: block !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;
}




.thumbM_Selected_TM, .thumbM_Selected_TM div {
    font-weight: bold !important;
}
/*YEAR OVERVIEW*/
.thumbM_TM {
    padding-left: 3px !important;
    color: black;
    overflow: hidden;
    background-image: none !important;
    /*background-color: var(--main-color-luminous) !important;*/
    background-color: white;
}
/*The class below should only be used in TEAM MANAGER*/
.thumbM_Selected_TM {
    padding-left: 3px !important;
    color: black;
    overflow: hidden;
    background-image: none !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    font-weight: bold !important;
    background-color: var(--main-color-luminous-plus) !important;
}
.thumbM_Selected_ViewOnly_TM {
    border-left: 1px solid transparent !important;
    color: white;
    overflow: hidden;
    background-image: none !important;
    background-color: #b5b5b5 !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !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; 
}

.thumb-wrapM {
    border-right: 1px solid var(--main-bk-border-color) !important;
    border-top: 1px solid var(--main-bk-border-color) !important;
    border-bottom: 1px solid var(--main-bk-border-color) !important;
    color: rgb(33,78,137);
    color: var(--main-text-color);
    overflow: hidden;
    background-image: none !important;
    background-color: white !important;
    height: 100%;
}


.thumb-wrapMDP {
    /*float: left;*/
    margin-right: 0 !important;
    border-top: 1px solid var(--main-bk-border-color) !important;
    border-left: 1px solid var(--main-bk-border-color) !important;
    border-right: 1px solid var(--main-bk-border-color) !important;
    border-bottom: 1px solid var(--main-bk-border-color) !important;
}


.thumbTDP {
    background-color: var(--main-bk-border-color) !important;
    color: white;
}

.thumb-wrapMAbs {
    /*float: left;*/
    margin-right: 0 !important;
    border-left: 1px solid var(--main-bk-border-color) !important;
    border-top: 1px solid var(--main-bk-border-color) !important;
    border-right: 1px solid var(--main-bk-border-color) !important;
    border-bottom: 1px solid var(--main-bk-border-color) !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: 1px solid var(--main-bk-border-color) !important;
    /*border-left: 1px solid var(--main-bk-border-color) !important;*/
    /*border-bottom: 1px solid var(--main-bk-border-color) !important;*/
    /*border-top: 1px solid var(--main-bk-border-color) !important;*/
    /*border-bottom: 1px solid var(--main-bk-border-color) !important;*/
}

.thumbMonthYear {
    text-align: center !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: var(--main-decline-color) !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-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-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-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 var(--main-bk-border-color) !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;
    position: relative;
    /*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;*/
}

.x-resizable-handle-east, .x-resizable-handle-west {
    width: 2px !important;
}

.x-resizable-handle-south {
    height: 2px !important;
}

.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: var(--main-decline-color);
    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 #fff !important;
    border-left: 1px solid transparent !important;
    background: var(--main-color);
    /* background-image: url(../images/headerMultiCell.png); */
    color: white;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 1px 0px 3px 0px;
}

.thumb-wrapDH_Selected {
    border-right: 1px solid #fff !important;
    border-left: 1px solid transparent !important;
    background: var(--main-color-luminous) !important;
    color: black !important;
    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;
}

.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: var(--main-decline-color);
    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: var(--main-decline-color);
    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: var(--main-color-luminous);
    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: var(--main-color-luminous);
        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: var(--main-decline-color) !important;
}

.clsZIndexMin
{
    z-index: -100000 !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%;
}
 
 
.x-colorpicker {
	border : 1px solid #98C0F4;
	background : #FFF;
}
.x-cp-rgbpicker {
    background-image: url(../images/mask.png);
    background-repeat: no-repeat;
    background-color: var(--main-decline-color);
    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 var(--main-decline-color) !important;
}

.clsVerticalAlignBottom
{
    vertical-align:bottom;
}

.hiddenRow
{
    display: none;
}

.clsAssignedTeam td
{
    font-weight: bold !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: black;
}
.headerCellSOM
{
    font-weight: bold !important;
    text-align: center !important;
    vertical-align: middle !important;
    color: white;
}

.thumb-wrapTMDH {
    border-right: 1px solid var(--main-bk-border-color) !important;
    border-left: 1px solid var(--main-bk-border-color) !important;
    border-bottom: 1px solid var(--main-bk-border-color) !important;
    background: white;
    /* background-image: url(../images/headerMultiCell.png); */
    color: #070707;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 1px 0px 3px 0px;
    color: black !important;
}

.thumb-wrapTMDHEmpHe {
    border-right: 0px solid var(--main-bk-border-color) !important;
    border-left: 0px solid var(--main-bk-border-color) !important;
    border-bottom: 0px solid var(--main-bk-border-color) !important;
    background: white;
}

.thumb-wrapTMDHW {
    cursor: pointer;
    color: black !important;
    border-right: 1px solid var(--main-bk-border-color) !important;
    border-left: 1px solid var(--main-bk-border-color) !important;
    border-bottom: 1px solid var(--main-bk-border-color) !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: var(--main-bk-border-color);
}

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

.x-btn-dashboard {
    background-color: var(--main-decline-color);
}
.dpDayStart
{
    margin-left: 3px;
    font-size: 11px;
}

.dpNormTime
{
    font-size: 11px;
}
  
.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: var(--main-decline-color);
}

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



.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: var(--main-confirm-color);
}
/* Missing the current period for the holiday */
.shiftHolError_2
{
     color: rgb(234,94,0);
}
/* Next period already defined */
.shiftHolError_3 {
    color: var(--main-confirm-color);
}
/* Failed to shift holiday */
.shiftHolError_16 {
    color: var(--main-decline-color);
} 


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

.x-boundlist-item span.chkCombo {
    width:16px;
    height: 16px;
    vertical-align:top;
}
    .x-boundlist-item span.chkCombo:before {
        font-family: iphone_general;
        font-size: var(--font-icon-small) !important;
        color: var(--main-text-color) !important;
        content: "\e81f" !important;
    }
.x-boundlist-selected span.chkCombo{
    width:16px;
    height: 16px;
    vertical-align:top;
}
    .x-boundlist-selected span.chkCombo:before {
        font-family: iphone_general;
        font-size: var(--font-icon-small) !important;
        color: var(--main-text-color) !important;
        content: "\e81d" !important;
    }
.x-tree-checkbox {
    width: 20px;
    height: 20px;
    background: none !important;
    background-image: none !important;
}
.x-tree-checkbox-checked {
    background: none !important;
    background-image: none !important;
}
.x-tree-checkbox:before {
    font-family: iphone_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-text-color) !important;
    content: "\e81f" !important;
    font-style: normal !important;
    font-weight: normal !important;
}
.x-tree-checkbox-checked:before {
    font-family: iphone_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-text-color) !important;
    content: "\e81d" !important;
    font-style: normal !important;
    font-weight: normal !important;
}

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

.clsFloatLeft
{
    float:left;
}

.clsFloatRight
{
    float:right;
}

.clsDeletedDefinitionRow
{
    color: Gray;   
}

.clsEmpPhotoTooltipTitle, .clsEmployeeMinicurTitle {
    /*background-color: var(--main-panel-background) !important;*/
    padding: 2px;
    /*border: 1px solid rgb(188, 202, 209);*/
    /*border-radius: 0px !important;*/
    -moz-border-radius: 0px !important;
    color: var(--main-text-color);
    text-overflow: ellipsis;
    overflow: hidden;
}

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

.rotareClassRelative .clsEmpPhoto {
    max-height: 30px !important;
    max-width: 30px !important;
    background-size: cover !important;
    border: 0px !important;
}

.clsEmpPhoto {
    height: 100px;
    border-radius: 60%;
    background-size: cover !important;
}

.clsEmpPhotoMyAccount {
    height: 110px;
}

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

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

.clsEmployeeMinicurTitle
{
	padding: 4px; /*overwrite previous*/
	font-weight:bold;
}
.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 5px !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;
}

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


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

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

 



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

.clsCalcMonitorNoCalculations
{
    color: Black;
}

.clsCalcMonitorCalculationError {
    color: var(--main-decline-color);
}

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

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


.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-repeat:no-repeat;
    background-position:1px 50%;
    border-radius:3px;
}

.modifiedBooking
{
    font-weight:bold;
}


.clsModifiedBookingRow .x-grid-cell, .modifiedBooking
{
    font-weight: bold;
}
 

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


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

}

.x-tree-panel .x-grid-row .x-grid-cell-inner {
    height: 19px;
    line-height: 19px;
    font-weight: normal;
}

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

.btnNoBackgroundCursorDefault {
    background-image: none !important;
    background-color: transparent !important;
    border: none !important;
    cursor: default !important;
    text-align: left;
}

.btnNoBackgroundCursorDefault span {
    cursor: default !important;
}

/*
img[class*="clsGrant"]
{
    background-position: 50% 50%;
}
*/
 
.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-text {
    font-weight: normal;
    font-size: 12px;

}
.x-column-header-checkbox .x-column-header-text {
    display: block;
    margin-top: 0px;
    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;  
} 
.cssStyle
{
    text-align: left !important;
    background-image: url(../images/cssStyle16.png) !important;  
}
.x-boxselect-item-close {
	cursor: pointer;
} 

.x-grid-row
{
    min-height: 27px;
    height:27px;
    vertical-align: middle;    
}
.topToolbarLabelDomain { 
    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 var(--main-confirm-color);
    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;
}
 

.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: var(--main-confirm-color);
}
.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;
    background-repeat: no-repeat;
    background-position: left;
}
.gs-terminal-notif-status-gsalarm-door-stayed-open 
{
    min-height: 16px;
    background-repeat: no-repeat;
    background-position: left;
    color: Red;
}
.gs-terminal-notif-status-gsalarm-door-stayed-closed
{
    min-height: 16px;
    background-repeat: no-repeat;
    background-position: left;
    color: Red;
}
.gs-terminal-notif-status-gsalarm-door-forced-open 
{
    min-height: 16px;
    background-repeat: no-repeat;
    background-position: left;
    color: Red;
}
.gs-terminal-notif-status-gsalarm-spacecount 
{
    min-height: 16px;
    background-repeat: no-repeat;
    background-position: left;
    color: Red;
}
.gs-terminal-notif-status-gsalarm-emergency-activated 
{
    min-height: 16px;
    background-repeat: no-repeat;
    background-position: left;
    color: Red;
}
.gs-terminal-notif-status-gsalarm-emergency-deactivated 
{
    min-height: 16px;
    background-repeat: no-repeat;
    background-position: left;
    color: Red;
}
.gs-terminal-notif-status-gsalarm-forced-pin-code-entered 
{
    min-height: 16px;
    background-repeat: no-repeat;
    background-position: left;
    color: Red;
}
.gs-terminal-notif-status-gsalarm-tampered-input 
{
    min-height: 16px;
    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-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-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 /* had icon but class is not used */
{
    position: relative;
    width: 16px;
    height: 16px;
    display: inline-block;
    
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    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;
}
.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:before,
.gssetalarmprogram-icon:before,
.gssetantipassback-icon:before,
.gssetdisplaytext-icon:before,
.gssetdooropenprog-icon:before,
.gssetempinputmode-icon:before,
.gssetenableinput-icon:before,
.gssetgtinput-icon:before,
.gssetindivmessage-icon:before,
.gssetiodef-icon:before,
.gssetmccodedesc-icon:before,
.gssetmcinputmode-icon:before,
.gssetparams-icon:before,
.gssetpassword-icon:before,
.gssetrelayprog-icon:before,
.gssetsignaldef-icon:before,
.gssettermdef-icon:before,
.gssettermlockout-icon:before,
.gssettimezonedef-icon:before,
.gssettitleextension-icon:before,
.gssettitletext-icon:before,
.gssetholidayprog-icon:before,
.gsgetemployeecardmessages-icon:before,
.gssetemployeecardmessages-icon:before,
.gssetclockdata-icon:before,
.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 {
    font-family: materialblack_text;
    content: "\e861" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-confirm-color) !important;
}
.gtinput-activated-icon
{
    background-image: url("../images/inputActivated16.png"); width: 16px; height: 16px; 
}
.gtinput-not-activated-icon
{
    background-image: url("../images/input16.png"); width: 16px; height: 16px; 
}
.gtinput-not-defined-icon
{
    background-image: url("../images/inputNotDefined16.png"); width: 16px; height: 16px;
}
.gsrelay-activated-icon
{
    background-image: url("../images/relayon16.png"); width: 16px; height: 16px; 
}
.gsrelay-not-activated-icon
{
    background-image: url("../images/relayoff16.png"); width: 16px; height: 16px;
}
.gssettermslockout-icon
{
    background-image: url("../images/lock_16.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; 
}


.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");*/
}

.x-slider-horz .x-slider-thumb {
    background-image: none;
}

.clsGSVolumeSlider {
    width: 60px !important;
}

.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:before {
    font-family: iphone_general;
    font-size: var(--font-icon-smallger) !important;
    color: var(--main-text-color) !important;
    content: "\e81f" !important;
    /* 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:before {
    font-family: iphone_general;
    font-size: var(--font-icon-smallger) !important;
    color: var(--main-text-color) !important;
    content: "\e81d" !important;
    /*background-image: url("../images/checked.gif");*/
}
   



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


.gsparamstatus
{
    padding: 2px;    
    
}
 
.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: 13px;
    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: var(--main-confirm-color);
}
.btnEmpCountPeriodNotConfirmed .x-btn-inner {
    color: var(--main-decline-color);
}


.employee-periodic-status-list .x-grid-checkheader, .employee-periodic-status-edit .x-grid-checkheader
{
    
}
.employee-periodic-status-list .x-grid-checkheader.x-grid-checkheader-checked, .employee-periodic-status-edit .x-grid-checkheader.x-grid-checkheader-checked
{
    
}
.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;
}

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




/*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:  transparent !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: var(--main-text-color);
    top: -3px;
}
.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;
}
 




.bubble-left {
    line-height: 100%;
    display: block;
    position: relative;
    padding: 0.3em 0.4em;
    background: #3f4145;
    border: 0px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 0px 10px 10px 10px;
    margin-bottom: 0.2em;
    clear: both;
    max-width: 80%;
    min-height: 27px;
    color: white;
    min-width: 20%;
    height: auto;
    margin-left: 5px;
}

.bubble-right {
    line-height: 100%;
    display: block;
    position: relative;
    padding: 0.3em 0.4em;
    background: var(--main-confirm-color);
    /*background: var(--main-confirm-darker-color);*/
    border: 0px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 10px 0px 10px 10px;    
    margin-bottom: 0.2em;
    clear: both;
    max-width: 80%;
    min-height: 27px;
    color: white;
    min-width: 20%;
    height: auto;
    margin-right: 5px;
}
.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: var(--main-radius-windows);
    -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-left: 5px;
    color: var(--main-decline-color);
    content: '\2713';
    float: right;
}
.readChat:before{
    margin-left: 5px; 
    color:white;
    content: '\2713';
    float: right;
}

.x-btn-default-toolbar-small {
    border-radius: 0px;
    border-width: 0px; 
    padding: 2px 2px 2px 2px !important;
    background-image: none !important;
    /*margin-top: -1px !important;*/
}
.x-btn-default-toolbar-small-over {
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    border-width: 0px;
    background-color: var(--main-color-luminous) !important;
    background-image: none !important;
}
.x-btn-default-toolbar-small-menu-active {
    background-color: var(--main-color-luminous) !important;
    background-image: none !important;
}
.x-btn-default-toolbar-large-menu-active {
    background-color: var(--main-color-luminous) !important;
    background-image: none !important;
}

.x-btn-default-toolbar-small-focus {
    background-color: var(--main-color-luminous) !important;
    background-image: none !important;
}
.x-btn-default-toolbar-small-pressed {
    /*margin-top: -1px !important;*/
    border-width: 0px;
    background-color: var(--main-color-luminous) !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: var(--main-color-luminous) !important;
    background-image: none !important;
    border: 1px solid var(--main-color-luminous) !important;
}
.x-btn-default-toolbar-large-pressed {
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    border-width: 0px;
    background-color: var(--main-color-luminous) !important;
    /*background-image: none !important;*/
    border: 1px solid var(--main-color-luminous) !important;
    opacity: 0.8; /**/
}

.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: 2px 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;*/
    margin-top: -2px;
}
.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: var(--main-color) !important;
}
.x-tool-over:before {
    color: var(--main-color-luminous) !important;
    font-size: 21px !important;
}

.x-tool-expand-topx-tool-expand-top {
    background-position: 0 0;
    font-family: icomoon;
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important; 
    background-image: none !important;      
}
    
.x-tool-over .x-tool-expand-top {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-expand-top:before {
        color: var(--main-color-luminous) !important;
    }


/*7.1.1*/
.x-tool-minus {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important; 
    background-image: none !important;      
}
    .x-tool-minus:before {
        content: "\006c" !important;
        font-size: var(--main-icon-tool-size);
        color: var(--main-color) !important;
    }
.x-tool-over .x-tool-minus {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-minus:before {
        color: var(--main-color-luminous) !important;
    }


.x-tool-collapse-left {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important; 
    background-image: none !important;      
}
.x-tool-over .x-tool-collapse-left {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-collapse-left:before {
        color: var(--main-color-luminous) !important;
    } 


.x-tool-expand-right {
    background-position: 0 0;
    font-family: icomoon;
    font-size: 16px !important; 
    background-image: none !important;      
}
.x-tool-over .x-tool-expand-right {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-expand-right:before {
        color: var(--main-color-luminous) !important;
    } 

.x-tool-over .x-tool-collapse-right 
{
    
    background-position: 0 0; 
}
    .x-tool-over .x-tool-collapse-right:before {
        color: var(--main-color-luminous) !important;
    } 


.x-tool-expand-left 
{
    background-position: 0 0;
    font-family: icomoon;
    font-size: 16px !important; 
    background-image: none !important;      
}


.x-tool-over .x-tool-expand-left 
{
    background-position: 0 0; 
}
    .x-tool-over .x-tool-expand-left:before {
        color: var(--main-color-luminous) !important;
    } 

.x-tool-collapse-top {
    background-position: 0 0;
    font-family: icomoon;
    font-size: 16px !important; 
    background-image: none !important;      
}

.x-tool-collapse-right {
    background-position: 0 0;
    font-family: icomoon;
    font-size: 16px !important;
    background-image: none !important;
}

.x-tool-over .x-tool-collapse-top {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-collapse-top:before {
        color: var(--main-color-luminous) !important;
    }




.x-tool-expand-bottom {
    background-position: 0 0;
    font-family: icomoon;  
    background-image: none !important;      
}
.x-tool-over .x-tool-expand-bottom {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-expand-bottom:before {
        color: var(--main-color-luminous) !important;
    }


.x-tool-collapse-bottom {
    background-position: 0 0;
    background-image: none !important;      
    font-family: icomoon; 
    background-image: none !important;
}

.x-tool-over .x-tool-collapse-bottom {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-collapse-bottom:before {
        color: var(--main-color-luminous) !important;
    }


.x-tool-notHiddenTooltip {
    background-position: 0 0;
    font-family: icomoon;
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
    background-image: none !important;
}
    .x-tool-notHiddenTooltip:before {
        content: "\e9ba" !important;
        font-size: var(--main-icon-tool-size);
        color: var(--main-icon-tool-color) !important;
    }
.x-tool-over .x-tool-notHiddenTooltip {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-notHiddenTooltip:before {
        color: var(--main-color-luminous) !important;
    }


.x-tool-hiddenTooltip  {
    background-position: 0 0;
    font-family: icomoon;
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important; 
    background-image: none !important;      
}
    .x-tool-hiddenTooltip:before {
        content: "\e9ba" !important;
        font-size: var(--main-icon-tool-size);
        color: var(--main-color-luminous) !important;
    }
.x-tool-over .x-tool-hiddenTooltip {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-hiddenTooltip:before {
        color: var(--main-color-luminous) !important;
    }

.x-tool-maximize  {
    background-position: 0 0;
    font-family: amano;
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important; 
    background-image: none !important;      
}
.x-tool-over .x-tool-maximize {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-maximize:before {
        color: var(--main-color-luminous) !important;
    }

.x-tool-minimize  {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important; 
    background-image: none !important;      
}
.x-tool-over .x-tool-minimize {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-minimize:before {
        color: var(--main-color-luminous) !important;
    }

.x-tool-close {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important; 
    background-image: none !important;      
}
.x-tool-over .x-tool-close {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-close:before {
        color: var(--main-color-luminous) !important;
    }

.x-tool-restore  {
    background-position: 0 0;
    font-family: icomoon;
    font-size: 16px !important; 
    background-image: none !important;      
}
    .x-tool-restore:before {
        content: "\e9b7" !important;
        font-size: var(--main-icon-tool-size);
        color: var(--main-icon-tool-color) !important;
    }
.x-tool-over .x-tool-restore {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-restore:before {
        color: var(--main-color-luminous) !important;
    }


.x-tool-unpin {
    background-position: 0 0;
    font-family: icomoon;
    font-size: 14px !important;
    background-image: none !important; 
}
    .x-tool-unpin:before {
        content: "\e9b0" !important;
        font-size: var(--main-icon-tool-size);
        color: var(--main-icon-tool-color) !important
    }
.x-tool-over .x-tool-unpin {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-unpin:before {
        color: var(--main-color-luminous) !important;
    }

.x-tool-pin {
    background-position: 0 0;
    font-family: icomoon;
    font-size: 14px !important;
    background-image: none !important; 
}
    .x-tool-pin:before {
        content: "\e9af" !important;
        font-size: var(--main-icon-tool-size);
        color: var(--main-icon-tool-color) !important
    }


.x-tool-over .x-tool-pin {
    background-position: 0 0; 
}
.x-tool-over .x-tool-pin:before {
    color: var(--main-color-luminous) !important;
}

.x-tool-help {
    background-position: 0 0;
    font-family: amano;
    font-size: 16px !important; 
    background-image: none !important;      
}
.x-tool-over .x-tool-help {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-help:before {
        color: var(--main-color-luminous) !important;
    }






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

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

.thumbM_YV_Selected, .thumbM_YV_Selected div {
    font-weight: bold !important;
    background: var(--main-color-luminous) !important;
}

.thumbDH-wrapDHE {
    /*border-bottom: 1px solid var(--main-bk-border-color) !important;*/
    border-bottom: 0px solid var(--main-bk-border-color) !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: #000!important;
}
#idLoginPassword input {
    border: 0px !important;
    font-size: 15px !important;
    padding-left: 10px !important;
    color: #106c9a !important;
    color: #000 !important;
}

 
.clsBtnLogin
{
    font-size: 15px !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: icomoon;
    font-size: 16px !important; 
    background-image: none !important;      
}
   
.x-tool-over .x-tool-up {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-up:before {
        color: var(--main-color-luminous) !important;
    }

.x-tool-down {
    background-position: 0 0;
    font-family: icomoon;
    font-size: 16px !important; 
    background-image: none !important;
}
.x-tool-over .x-tool-down {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-down:before {
        color: var(--main-color-luminous) !important;
    }
 
 
.x-tool-toggle {
    background-position: 0 0;
    font-family: icomoon;
    font-size: 16px !important; 
    background-image: none !important;     
}
.x-tool-over .x-tool-toggle {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-toggle:before {
        color: var(--main-color-luminous) !important;
    }

.x-fieldset-collapsed .x-tool-toggle {
    background-position: 0 0 !important;
    font-family: icomoon;
    font-size: 16px !important;
}



.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 var(--main-active-color) !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;
    border-radius: var(--main-radius);
}

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

.requiredField {
    float: left !important;
    border-left-color: var(--main-decline-color) !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: var(--main-icon-tool-color) !important;
    }
.x-tool-over .x-tool-editpaneltitle {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-editpaneltitle:before {
        color: var(--main-color-luminous) !important;
    }
.x-panel-header-default-framed-top
{
    border-width: 0px !important;
    box-shadow: none !important; 
    -webkit-box-shadow: none !important; 
    line-height: 10px !important; 
} 

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

/* 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: var(--main-color-luminous-plus) !important;
    /*background-image: none !important;*/

    opacity: 0.8; /**/
}

.btnNoBackground.x-btn-default-toolbar-small-pressed {
    border-radius: var(--main-radius) !important;
    -moz-border-radius: 2px !important;
    background-color: var(--main-color-luminous-plus) !important;
    /*background-image: none !important;*/

    opacity: 0.8; /**/
}
.hctotals7 {
    background-color: var(--main-color-luminous) !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;
}
.clsCostCenters
{
    text-align: left !important;
}

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

.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: var(--main-active-light-color);
    background-color: var(--main-active-light-color) !important;
}

.x-column-header-over {
    background-image: none !important;
    background-color: var(--main-color-luminous-plus);
    color: black;
}

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

 
.qunatityBooking
{
   left: 10px;
}
.removeSpanBtn
{
    width: 16px !important;
    height: 16px !important;
    position: absolute; 
    margin-left: 125px; 
	cursor: pointer;
}
.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: var(--main-text-color);
    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: var(--main-color-luminous-plus);
    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
{ 
        
}
.ycYear .x-btn-inner
{
    font-size: 13px !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: var(--main-color-luminous) !important;
    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;
*/}

.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: var(--main-color);*/
    background-color: var(--main-btn-color);
    margin: 2px;
    border-radius: 5px;
    font-size: 11px;
    color: var(--font-icon-menu-color);
    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;*/
}
.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 {
    text-align: center;
    max-width: 22px;
    min-width: 15px;
    font-size: 10px;
    position: absolute !important;
    top: 2px !important;
    right: -9px;
    height: 15px;
    line-height: 15px;
    display: inline-block;
    width: auto;
    color: white;
    -webkit-border-radius: 5px;
    border-radius: 19px;
    background-image: none;
    background-color: var(--main-decline-color); /*red#ffa600*/
    box-shadow: 0 0 1px white;
    margin-top: -2px !important;
    z-index: 1000;
}

.badgeButtonActionBtn {
    max-width: 9px !important;
    height: 13px !important;
    position: relative !important;
    top: -8px !important;
    margin-left: -15px;
    margin-top: 0px !important;
}
    .badgeButtonNoTop {
        top: 0px;
    }

.badgeButtonTab
{
    right: 1px;
    top: 5px;
}

.badgeButtonBigger {
    height: 18px !important;
    width: 18px !important;
    font-size: 11px !important;
}

.badgeButtonNoTopToRight {
    right: -13px;
    top: 0px !important;
}
.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: var(--main-confirm-color);
}

.favorite:before {
    content: "\002a" !important;
    color: var(--font-icon-menu-color);
    font-size: 30px !important;
    font-family: amano;
    float: right;
}
.favoriteOn:before {
    content: "\002a" !important;
    color: var(--main-focus-btn-color);
    /*color: #fdf500;*/
    font-size: 30px !important;
    font-family: amano;
    float: right;
}

.favoriteOnPriority:before {
    content: "\002a" !important;
    color: transparent;
    /*color: #fdf500;*/
    font-size: 30px !important;
    font-family: amano;
    float: right;
}

.editFavorite:before {
    content: "\0065" !important;
    color: var(--main-text-color);
    /*color: white;*/
    /*font-size: 30px !important;*/
    font-size: var(--font-icon-big-26) !important;
    font-family: amano;
    float: left;
}
.menuItemDisabled .editFavorite:before,
.menuItemDisabled.selectMenuItemUserFav .editFavorite:before {
    color: var(--main-opposite-color-focus);
}

.selectMenuItemUserFav .favorite:before {
    color: var(--main-focus-btn-color);
}

.clsAlsoMobileFav {
    background-image: url(../images/clsAlsoMobile16.png) !important;
    float: left;
    width: 16px;
    height: 16px;
    background-position: center;
    top: 65px;
    position: relative;
    background-size: contain;
}

.clsAlsoMobileEdit {
    background-image: url(../images/clsAlsoMobile16.png) !important;
    float: left;
    width: 16px;
    height: 16px;
    background-position: center;
    top: 95px;
    position: absolute;
    background-size: contain;
}

.selectMenuItemUserFav 
{  
    /*background-color: #ffa500;*/ 
}
.selectMenuItemUserFav .menuFavSelected:before
{ 
    /*color: #fdf500; */
}

.menuFavSelected {
    top: -40px !important;
    position: relative;
    right: -2px !important;
}

.menuFavSelectedNoMobile {
    top: -25px !important;
    position: relative;
    right: -2px !important;
}

.menuItemDisabled {
    /*background-color: var(--main-color) !important;*/
    background-color: var(--main-active-light-darker-color) !important;
    margin: 2px;
    border-radius: var(--main-radius);
    font-size: 11px;
    color: var(--main-text-color);
    height: 85px;
    /*zoom: 0.9;*/
}

.clsSpaceTopMenuFav {
    top: -35px !important;
    left: 15px !important;
    position: relative;
}

.clsSpaceTopMenuFavNoMobile {
    top: -20px !important;
    position: relative;
}

.x-menu-body {
    border: 0px solid #cdcdcd !important;
    background: #ffffff !important;
    border-radius: var(--main-radius-windows) !important;
}

.clsNoBorderRadiusLeft.x-panel.x-menu {
    border-radius: 0px var(--main-radius-windows) var(--main-radius-windows) 0px !important;
    border: 0px !important;
}

.noTopRadiusMenu {
    border-radius: 0 0 var(--main-radius) var(--main-radius) !important;
}

.x-panel.x-menu {
    border-radius: var(--main-radius) ;
    border: 1px solid transparent !important;
    box-shadow: var(--main-box-shadow) !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: var(--main-decline-color);
    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;   
}

.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='var(--main-color)', endColorstr='var(--main-color)', GradientType=1 );
    height: 100%;
}


.headerCellFixed_SOM {
    border-right: 1px solid rgb(188, 202, 209) !important;
    border-left: 1px solid transparent !important;
    background: var(--main-color);
    /* 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: var(--main-color);
    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='var(--main-color)', endColorstr='var(--main-color)', 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;
}

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


 
.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 var(--main-bk-border-color) !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;
}


.overallNOK {
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: var(--main-decline-color);
    color: white;
    font-weight: bold;
    font-size: 15px;
    border-radius: var(--main-radius);
    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: var(--main-icon-tool-color) !important;
    }
.x-tool-over .x-tool-dockright {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-dockright:before {
        color: var(--main-color-luminous) !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: var(--main-icon-tool-color) !important;
    }
.x-tool-over .x-tool-dockbottom {
    background-position: 0 0; 
    transform: rotate(90deg);
}
    .x-tool-over .x-tool-dockbottom:before {
        color: var(--main-color-luminous) !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;
    border-radius: var(--main-radius-windows) !important;
    background-size: cover !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: #FFF8E1 !important;
}

.siteRequestCanceled {
    background: #ffe0e0 !important;
}

.siteRequestNew.x-grid-row-over .x-grid-cell,
.siteRequestNew.x-grid-row-selected .x-grid-cell {
    background: #FFF8E1 !important;
}
.siteRequestCanceled.x-grid-row-over .x-grid-cell,
.siteRequestCanceled.x-grid-row-selected .x-grid-cell {
    background: #ffe0e0 !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: 20px;
	float: right;    
	margin-right: 30px;
}
.twoFactAuthPnlLocal
{
    background: url(../images/2factAuthLocal.png) no-repeat center center;
	background-size: contain;
}

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

.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: var(--main-color);
}
.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:before {
    font-family: icomoon;
    content: "\e94e" !important;
    font-size: 13px;
    color: var(--main-color-darker) !important;
    position: absolute;
    bottom: 9px;
    left: -3px;
    width: 100%;
    text-align: end;
}
.rowEditorComboMarker {
    position: relative;
    background-image: none;
}

.x-editor .x-field 
{
	 margin-top: 3px !important;
}


.x-panel-body-default, .x-panel-body-default-framed {
    color: var(--main-text-color) !important;
}



.x-panel-header-text-default {
    color: var(--main-text-color) !important;
}

.x-mask-msg {
    padding: 10px;
    border: 0px;
    border-color: var(--main-color);
    background-color: #ffffff;
    border-radius: var(--main-radius) !important;
    -moz-border-radius: var(--main-radius) !important;
}
    .x-mask-msg div {
        padding: 5px 10px 5px 10px !important;
        border-color: var(--main-color);
        border: 0px;
        background-color: #ffffff;
        font-size: 12px;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        margin-bottom: 10px;
    }



.loadingSpinner:before {
    /*font-family: materialblack_general;
    content: "\e873" !important; */
    font-family: iphone_general;
    content: "\e869" !important;
    font-size: 40px !important;
    color: var(--main-color) !important;
    /*margin-right: 10px;*/
}
.loadingSpinner {
    width: 20px;
    height: 20px;
    padding: 0px !important;
}
.loadingSpinner16:before {
    /*font-family: materialblack_general;
    content: "\e873" !important; */
    font-family: iphone_general;
    content: "\e869" !important;
    font-size: 20px !important;
    color: var(--main-color) !important;
    /*margin-right: 10px;*/
}
.loadingSpinner16 {
    width: 20px;
    height: 20px;
    padding: 0px !important;
}
.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}


.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-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-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 var(--main-bk-border-color) !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: var(--main-active-color) !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; 
    bottom: 3px; 
}
 


body.waiting *  
{
        cursor: progress !important; 
}
 
.grandTotalCls
{
    background: #b6f0d5;
}
.subTotalCls
{
    background: #E8E8E8;
}
.chartIllness .x-panel-header-horizontal .x-panel-header-body {
    height: 30px !important; 
}
.clsPACErrorNotMaster {
    font-size: 14px;
    color: var(--main-decline-color) !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 var(--main-bk-border-color);
}

/*
.x-tip, .x-form-invalid-tip-default {
    width: auto !important;
    height: auto !important;
    height: fit-content !important;
}*/
/*
.featureRequestQTipV2 {
    width: 200px !important;
    height: 150px !important;
}
    */
.x-tip-body, .x-form-invalid-tip-body {
    width: auto !important;
}

.x-tip-body span {
    width: auto !important;
}
.green {
    color: var(--main-confirm-color);
}
.aside{}
.x-tip {
    /*border-radius: 0px !important;
    border: 0px !important;
    box-shadow: 0px 0px 3px 1px rgba(195,195,195,0.75);
    -webkit-box-shadow: 0px 0px 3px 1px rgba(195,195,195,0.75);
    -moz-box-shadow: 0px 0px 3px 1px rgba(195,195,195,0.75);*/

    border-radius: var(--main-radius) !important;
    border: 0px !important;
    box-shadow: var(--main-box-shadow) !important
}
.x-tip-body {
}


.clsSaveButtonEX {
    background-color: var(--main-confirm-color) !important;
    border: 1px solid var(--main-confirm-color) !important;
}
.clsApplyButtonEX {
    background-color: var(--main-color) !important;
    border: 1px solid var(--main-color) !important;
}
.clsDeleteButtonEX {
    background-color: var(--main-decline-color) !important;
    border: 1px solid var(--main-decline-color) !important;
} 
.clSelectButtonEX {
    background-color: var(--main-confirm-darker-color) !important;
    border: 1px solid var(--main-confirm-darker-color) !important;
}
.clCancelButtonEX {
    background-color:  var(--main-dark-gray-color) !important;
    border: 1px solid  var(--main-dark-gray-color) !important;
    color: var(--main-text-color);
}

.clCancelButtonEX x-btn-inner {
    color: var(--main-opposite-color-focus) !important;
}

.clsSaveButtonEX.x-btn-over {
    background-color: var(--main-confirm-pressed-color) !important;
    border: 1px solid var(--main-confirm-pressed-color) !important;
}
.clCancelButtonEX.x-btn-over {
    /*background-color:  var(--main-light-gray-color) !important;
    border: 1px solid  var(--main-light-gray-color) !important;*/
    background-color: var(--main-dark-gray-color-over) !important;
    border: 1px solid var(--main-dark-gray-color-over) !important;
}
.clsDeleteButtonEX.x-btn-over {
    background-color: var(--main-decline-over-color) !important;
    border: 1px solid var(--main-decline-over-color) !important;
}
.clsApplyButtonEX.x-btn-over {
    background-color: var(--main-color-dark) !important;
    border: 1px solid var(--main-color-dark) !important;
}


.clsSaveButtonEX .x-btn-default-small {
    background-color: var(--main-confirm-color) !important;
    border: 1px solid var(--main-confirm-color) !important;
}

.clsApplyButtonEX .x-btn-default-small {
    background-color: var(--main-color) !important;
    border: 1px solid var(--main-color) !important;
}
.x-fafa-money {
    background-image: url(../images/expenseReimbursement32.png) !important;
}
.iconshock-iphone-transportation-bicycle {
    background-image: url(../images/racingBicycle32.png) !important;
}
.fa-bicycle:before {
    font-family: icomoon;
    content: "\e909" !important;
    font-size: var(--font-icon-menu) !important;
    color: transparent !important;
}
.shock-act-company:before {
    /*background-image: url(../images/projectSchedule32.png) !important;*/
    font-family: icomoon;
    content: "\e909" !important;
    font-size: var(--font-icon-menu) !important;
    color: transparent !important;
}
.shock-icn-calendar:before {
    /*background-image: url(../images/dayProgram32.png) !important;*/
    font-family: icomoon;
    content: "\e909" !important;
    font-size: var(--font-icon-menu) !important;
    color: transparent !important;
}
.shock-edu-school-bell:before {
    font-family: icomoon;
    content: "\e909" !important;
    font-size: var(--font-icon-menu) !important;
    color: transparent !important;
}
.x-fafa-bicycle:before {
    font-family: icomoon;
    content: "\e909" !important;
    font-size: var(--font-icon-menu) !important;
    color: transparent !important;
}
.shock-edu-school-bellclockAfterBell:before {
    font-family: icomoon;
    content: "\e909" !important;
    font-size: var(--font-icon-menu) !important;
    color: transparent !important;
}
.shock-edu-schedule:before {
    font-family: icomoon;
    content: "\e909" !important;
    font-size: var(--font-icon-menu) !important;
    color: transparent !important;
}
.weekNoCalendar {
    background-color: #ebe6e6 !important;
    text-align: left !important;
}

.dshAbsenceCalendar .x-btn-inner {
    font-size: 12px;
    font-weight: bold;
}
.dshAbsenceCalendar {
    border: 1px solid var(--main-color);
    border-radius: var(--main-radius);
    margin-top: 2px !important;
}

.clsEmployeeViewEditBtn {
    position: relative !important;
    top: -5px !important;
}

.dshAbsenceCalendarDay {
    /*color: white;*/
    border-radius: 16px;
}
.moreThanOneDay:before {
    font-weight: bold;
    content: "";
    color: #df0b0b;
    position: absolute;
    right: 0px;
    top: -8px;
    font-size: 12px;
}
.treeTeamEmployeePanel {
    border: 1px solid var(--main-bk-border-color) !important;
    border-radius: 0px 0px var(--main-radius-windows) var(--main-radius-windows) !important;
    box-shadow: var(--main-box-shadow) !important;
}
.treeTeamEmployee .x-tree-icon-leaf {
    /*background-image: url(../images/employees16.png) !important;*/
}

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


.loadingSpin {
    background-image: url('../../ext/resources/themes/images/default/grid/loading.gif')

}

.employeeViewImage {
    width: 150px;
    height: 150px;
    background-size: cover !important;
    border-radius: 90px !important;
    -moz-border-radius: 90px !important;
}
.employeeViewEmpName{
    font-weight: bold;
    font-size: 14px;
    padding: 2px;
}
.employeeViewEmpTeams {
    font-size: 14px;
    padding: 2px;
    display: inline-flex;
}
.employeeViewEmpBDay {
    font-size: 14px;
    padding: 2px;
}
.empDetailsData {
    height: 100%;
    overflow: auto;
    white-space: nowrap;
    padding: 0px 0px 10px 5px;
    display: inline-block;
    vertical-align: top;
    line-height: 1.4;
    display: flex;
    border-radius: var(--main-radius);
    background-color: var(--main-btn-color) !important;
}
.labemEmpDataViewNoHolDays {
    height: auto !important;
    width: 100% !important;
    text-align: center;
    font-weight: bold;
    margin: 10px;
    /*background-color: #efecec;
    border-radius: 10px;*/
}
.employeeViewDocumentsDataItemBks {
    scrollbar-width: thin;
    overflow: auto;
    max-height: 80px;
}
.employeeViewDocumentsDataItemCnt {
    scrollbar-width: thin;
    overflow: auto;
    max-height: 90px;
}
.employeeViewDocumentsDataItemHC {
    scrollbar-width: thin;
    overflow: auto;
    max-height: 90px;
}
.employeeViewDocumentsDataItemILL {
    scrollbar-width: thin;
    overflow: auto;
    max-height: 90px;
}
.employeeViewDocumentsDataItemDP {
    max-height: 90px;
    scrollbar-width: thin;
    overflow: auto;
}
.employeeViewDocumentsDataItemBksShowMore {
    overflow: hidden;
    max-height: 80px;
}

.employeeViewDocumentsDataItemCntShowMore {
    overflow: hidden;
    max-height: 80px;
}

.employeeViewDocumentsDataItemHCShowMore {
    overflow: hidden;
    max-height: 80px;
}

.employeeViewDocumentsDataItemILLShowMore {
    overflow: hidden;
    max-height: 80px;
}

.employeeViewDocumentsDataItemDPShowMore {
    max-height: 80px;
    overflow: hidden;
}
.employeeViewDocumentsDataItemBksListed {
}
.employeeViewDocumentsDataItemCntListed {
}
.employeeViewDocumentsDataItemIllListed {
}
.employeeViewDocumentsDataItemDPListed {
}
.employeeViewDocumentsDataItemHCListed {
}
.empDetails {
    height: 95%;
    white-space: nowrap;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    line-height: 1.4;
    background-color: white !important;
    border-radius: var(--main-radius-windows);
    margin: 5px 0 0 5px;
}
.empDetailsScrollWrapper {
    overflow: scroll;
    overflow-x: auto;
    overflow-y: auto;
    scrollbar-width: auto;
    height: 100%;
    background-color: #efecec;
    /*border-radius: 10px;*/
    white-space: nowrap;
    vertical-align: top;
    line-height: 1.4;
    color: var(--main-text-color) !important;
    background-color: white !important;
}
.empDetailsItem {
    padding: 0 0 10px;
}
.empDetailsItemLabel {
    color: var(--main-text-color);
    font-size: 12px;
    text-transform: uppercase;
}
.empDetailsItemValue {
    font-size: 14px;
    color: var(--main-text-color);
    white-space: break-spaces;
}

.empDetailsItemValue a {
    text-decoration: none !important;
    color: var(--main-text-color) !important;
}

.empDetailsDataItemValue {
    font-size: 12px;
    white-space: break-spaces;
    color: var(--main-text-color) !important;
}
.employeeViewDocuments {
    display: table;
    float: left;
    width: 50%;
    padding: 5px;
}

.employeeViewDocumentsWrapper {
    width: 100%;
    height: 100%;
    overflow-y: auto !important;
    background-color: var(--main-btn-color) !important;
}

.employeeViewChart {
    width: 99.5% !important;
    height: 49% !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    border-radius: var(--main-radius-windows);
    background-color: white !important;
}

.employeeViewChartSingle {
    width: 99.5% !important;
    height: 99% !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    border-radius: var(--main-radius-windows);
    background-color: white !important;
}

.employeeViewHoursChart {
    width: 99.5% !important;
    height: 49% !important;
    margin-bottom: 2px !important;
    border-radius: var(--main-radius-windows);
    background-color: var(--main-panel-background) !important;
    color: var(--main-text-color) !important;
}
.employeeViewChartsPanel .x-panel-body {
    background-color: var(--main-btn-color) !important;
}

.employeeViewData {
    display: table;
    min-height: 50px;
    float: left;
    width: 100%;
    height: 179px;
    max-height: 190px;
    /*background-color: var(--main-bk-border-color) !important;*/
    background-color: white !important;
    padding: 20px 15px;
    /*margin: 10px 0 0 5px;*/
    margin-top: 5px;
    border-radius: var(--main-radius-windows);
}
.employeeViewDataSeeMoreBks {
    text-align: center;
    font-weight: bold;
    display: inline-block;
    cursor:pointer;
    padding: 5px;
}
.employeeViewDataSeeMoreDP {
    text-align: center;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    padding: 5px;
}
.employeeViewDataSeeMoreHC {
    text-align: center;
    font-weight: bold;
    display: inline-block;
    cursor:pointer;
    padding: 5px;
}
.employeeViewDataSeeMoreCnt {
    text-align: center;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
}
.employeeViewDataSeeMoreILL {
    text-align: center;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
}
.employeeViewDataContainerFloatLeft {
    width: 50%;
    float: left;
    /*margin-top: 6px;*/
    padding-right: 5px;
}
.employeeViewDataContainerFloatRight {
    width: 50%;
    float: left;
    /*margin-top: 6px;*/
    padding-right: 5px;
}

.employeeViewDocumentsLink {
    display: table-cell;
    padding: 16px;
    border-radius: var(--main-radius-windows);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    background-color: white !important;
}
.employeeViewDocumentsIcon {
    
    height: 40px;
    width: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    margin-right: 5px;
}
.employeeViewDataIcon {
    height: 40px;
    width: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: top;
    text-align: center;
    margin:auto !important;
}
.employeeViewDocumentsContainer {
    float: left;
    padding-top: 4px;
}
.employeeViewDocumentsTitleSmall {
    color: var(--main-text-color) !important;
    font-weight: 550;
}
.employeeViewDocumentsTitle {
    color: var(--main-text-color) !important;
    font-size: 14px;
    font-weight: 800;
}
.employeeViewDocumentsDataItem {
    color: #000000;
    font-size: 12px;
}
.employeeViewDocumentsDownload {
    height: 40px;
    width: 40px;
    float: right;
    cursor: pointer;
}
.qr2FACode input {
    font-family: Verdana, Sans-Serif;
    font-size: 19px;
    font-weight: normal;
    background: transparent;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid white;
    width: 340px;
    text-align: center;
    line-height: 1.8em;
    padding: 4px;
    margin-bottom: 12px;
    color: rgb(4, 11, 174);
    color: white;
    height: 50px;
    background-color: transparent !important;
}
.btn2FAQrBorder {
    padding: 0px;
    margin: 0px;
    height: 55px;
    width: 125px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer;
    position: relative;
    margin-left: 10px;
    border: 1px solid #fcfeff;
    transition: 0.6s;
    background-size: 200% auto;
    color: white;
    float: right;
    background-image: linear-gradient(to right, #87d4ff 0%, #52bffa 51%, #87d4ff 100%) !important;
}
.employeeViewNoData {
    justify-content: center;
    display: flex;
    top: 50%;
    position: relative;
}

.btn2FAQrBorder .x-btn-inner {
    text-align: center;
    font-size: 18px;
}
.qr2FACode ::placeholder {
    color: white;
    opacity: 1; /* Firefox */
}

.qr2FACode :-ms-input-placeholder { /* Edge 12 -18 */

    color: white;
}
.authLoginQRBack {
    margin-left: 95%;
    margin-top: 20px;
    float: right;
    margin-right: 0px;
}

.iconSizeLic .x-btn-inner{
    width: 22px !important;
    padding: 0px !important;
}
.noLicenseDisplayEditEmployee {
    top: 3px !important;
    color: orangered;
} 
.expenseRequestViewData {
    min-height: 50px;
    height: 80px;
    background-color: #efecec;
    padding: 10px 10px;
    margin: 5px;
    border-radius: 10px;
}
.tableExpenseRequestDetails td {
    padding: 5px !important;
}
.calendarDetailsCenter {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.moreThanOneDayReq:before {
    font-weight: bold;
    content: "";
    color: #df0b0b;
    position: absolute;
    right: 0px;
    top: -8px;
    font-size: 12px;
}
.customRedLabel {
    color: var(--main-decline-color);
}

.roleLicenseDisplay {
    top: 3px;
    position: relative;
    display: inline !important;
}
.absInitiated,
.absInitiated .x-grid-cell-special {
    background: #FFF8E1 !important;
}

.absInProgress,
.absInProgress .x-grid-cell-special {
    background: #8dddff !important;
}

.absApproved,
.absApproved .x-grid-cell-special {
    background: #E8F5E9 !important;
}

.absRejected,
.absRejected .x-grid-cell-special {
    background: #FDECEA !important;
}

.absCanceled,
.absCanceled .x-grid-cell-special {
    background: #F5F5F5 !important;
}

.absOtherUser,
.absOtherUser .x-grid-cell-special {
    background: #fff8dc !important;
}

.unprocessedBookings,
.unprocessedBookings .x-grid-cell-special {
    background: rgb(221,115,96) !important;
}

.absProcessedWithoutErrors,
.absProcessedWithoutErrors .x-grid-cell-special {
    /*background: rgb(0,255,0) !important;*/
    background: #E8F5E9 !important;
}

.absProcessedWithErrors,
.absProcessedWithErrors .x-grid-cell-special {
    /*background: var(--main-decline-color) !important;*/
    background: #ffc9c3 !important;
}

.absInitiated.x-grid-row-selected .x-grid-cell {
    background: #FFF8E1 !important;
}

.absInProgress.x-grid-row-selected .x-grid-cell {
    background: #8dddff !important;
}

.absApproved.x-grid-row-selected .x-grid-cell {
    background: #E8F5E9 !important;
}

.absRejected.x-grid-row-selected .x-grid-cell {
    background: #FDECEA !important;
}

.absOtherUser.x-grid-row-selected .x-grid-cell {
    background: #fff8dc !important;
}

.unprocessedBookings.x-grid-row-selected .x-grid-cell {
    background: rgb(221,115,96) !important;
}

.absProcessedWithoutErrors.x-grid-row-selected .x-grid-cell {
    /*background: rgb(0,255,0) !important;*/
    background: #E8F5E9 !important;
}

.absProcessedWithErrors.x-grid-row-selected .x-grid-cell {
    /*background: var(--main-decline-color) !important;*/
    background: #ffc9c3 !important;
}

.absCanceled .x-grid-row {
    background: #fababa !important;
    color: var(--main-opposite-color-focus) !important;
}

.absCanceled,
.absCanceled .x-grid-cell-special {
    background: #fababa !important;
}

.absCanceled.x-grid-row-over .x-grid-cell,
.absCanceled.x-grid-row-selected .x-grid-cell,
.absCanceled.x-grid-row-over .x-grid-cell-rowbody,
.absCanceled.x-grid-row-selected .x-grid-cell-rowbody,
.absCanceled.x-grid-row-selected .persDataRowExpand,
.absCanceled.x-grid-row-selected .x-grid-cell div:before {
    background: #fababa !important;
    color: var(--main-text-color) !important;
}

.absInitiated.x-grid-row-over .x-grid-cell,
.absInitiated.x-grid-row-selected .x-grid-cell,
.absInitiated.x-grid-row-over .x-grid-cell-rowbody,
.absInitiated.x-grid-row-selected .x-grid-cell-rowbody,
.absInitiated.x-grid-row-selected .x-grid-cell-rowbody,
.absInitiated.x-grid-row-selected .persDataRowExpand,
.absInitiated.x-grid-row-selected .x-grid-cell div:before {
    background: #FFF8E1 !important;
    color: var(--main-text-color) !important;
}

.absInProgress.x-grid-row-over .x-grid-cell,
.absInProgress.x-grid-row-selected .x-grid-cell,
.absInProgress.x-grid-row-over .x-grid-cell-rowbody,
.absInProgress.x-grid-row-selected .x-grid-cell-rowbody,
.absInProgress.x-grid-row-selected .x-grid-cell-rowbody,
.absInProgress.x-grid-row-selected .persDataRowExpand,
.absInProgress.x-grid-row-selected .x-grid-cell div:before {
    background: #8dddff !important;
    color: var(--main-text-color) !important;
}

/*.absInProgress.x-grid-row-over .x-grid-cell {
    background: rgb(170,213,210) !important;
}*/

.absApproved.x-grid-row-over .x-grid-cell,
.absApproved.x-grid-row-selected .x-grid-cell,
.absApproved.x-grid-row-over .x-grid-cell-rowbody,
.absApproved.x-grid-row-selected .x-grid-cell-rowbody,
.absApproved.x-grid-row-selected .x-grid-cell-rowbody,
.absApproved.x-grid-row-selected .persDataRowExpand,
.absApproved.x-grid-row-selected .x-grid-cell div:before {
    background: #E8F5E9 !important;
    color: var(--main-text-color) !important;
}

/*.absApproved.x-grid-row-over .x-grid-cell {
    background: rgb(157,227,109) !important;
}*/

.absRejected.x-grid-row-over .x-grid-cell,
.absRejected.x-grid-row-selected .x-grid-cell,
.absRejected.x-grid-row-over .x-grid-cell-rowbody,
.absRejected.x-grid-row-selected .x-grid-cell-rowbody,
.absRejected.x-grid-row-selected .x-grid-cell-rowbody,
.absRejected.x-grid-row-selected .persDataRowExpand,
.absRejected.x-grid-row-selected .x-grid-cell div:before {
    background: #FDECEA !important;
    color: var(--main-text-color) !important;
}

/*.absRejected.x-grid-row-over .x-grid-cell {
    background: rgb(252,127,112) !important;
}*/

.absOtherUser.x-grid-row-over .x-grid-cell {
    background: #fff8dc !important;
}

.unprocessedBookings.x-grid-row-over .x-grid-cell {
    background: rgb(221,115,96) !important;
}

.absProcessedWithoutErrors.x-grid-row-over .x-grid-cell,
.absProcessedWithoutErrors.x-grid-row-selected .x-grid-cell,
.absProcessedWithoutErrors.x-grid-row-over .x-grid-cell-rowbody,
.absProcessedWithoutErrors.x-grid-row-selected .x-grid-cell-rowbody,
.absProcessedWithoutErrors.x-grid-row-selected .x-grid-cell-rowbody,
.absProcessedWithoutErrors.x-grid-row-selected .persDataRowExpand,
.absProcessedWithoutErrors.x-grid-row-selected .x-grid-cell div:before {
    background: #E8F5E9 !important;
    color: var(--main-text-color) !important;
}

/*.absProcessedWithoutErrors.x-grid-row-over .x-grid-cell {*/
    /*background: rgb(0,255,0) !important;*/
    /*background: #29ff29ab !important;
}*/

.absProcessedWithErrors.x-grid-row-over .x-grid-cell,
.absProcessedWithErrors.x-grid-row-selected .x-grid-cell,
.absProcessedWithErrors.x-grid-row-over .x-grid-cell-rowbody,
.absProcessedWithErrors.x-grid-row-selected .x-grid-cell-rowbody,
.absProcessedWithErrors.x-grid-row-selected .x-grid-cell-rowbody,
.absProcessedWithErrors.x-grid-row-selected .persDataRowExpand,
.absProcessedWithErrors.x-grid-row-selected .x-grid-cell div:before {
    background: #ffc9c3 !important;
    color: var(--main-text-color) !important;
}

/*.absProcessedWithErrors.x-grid-row-over .x-grid-cell {*/
    /*background: var(--main-decline-color) !important;*/
    /*background: #f9575791 !important;
}*/
.emloyeeStatusEmpManagTM {
    background-image: url(../images/empConfirmationStatus16.png), url(../images/managerConfirmationStatus16.png) !important;
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 32px;
    height: 16px;
    background-repeat: no-repeat, repeat-x !important;
}
.emloyeeStatusEmpTM {
    background-image: url(../images/empConfirmationStatus16.png) !important;
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 16px;
    height: 16px;
}
.emloyeeStatusManagTM {
    background-image: url(../images/managerConfirmationStatus16.png) !important;
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 16px;
    height: 16px;
}

.cntLabelTop {
    text-align: center !important;
    display: block !important;
    width: 100px !important;
}

.cntLabelContainer {
    margin-top: 20px;
    display: block;
    float: left;
}

.empViewFreeLabel {
    color: var(--main-color-dark);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    white-space: break-spaces;
    text-transform: none;
}

.clsSaveButtonEX span {
    color: #ffffff !important;
}

.clsApplyBtnRoundCorners {
    border-radius: 5px !important;
}

.clsItalicTextCmbTeam input {
    font-style: italic;
}

.informativeLabelRemoveBooking {
    text-align: left !important;
    margin-bottom: 10px !important;
    font-style: italic;
    top: 10px !important;
    display: block;
}

.fieldsetRemoveBooking {
    border-radius: 5px;
    margin-top: 10px;
}

.employeeViewDocumentsToolBar div {
    background-color: var(--main-bk-border-color) !important;
    border-radius: var(--main-radius);
    margin-left: auto !important;
    margin-right: auto !important;
    width: auto !important;
    padding-top: 3px;
    height: 35px !important;
}

.employeeViewDocumentsToolBar {
    padding: 0px !important
}



.employeeViewDataToolBar div {
    border-radius: var(--main-radius);
    margin-left: 5px !important;
    margin-right: 5px !important;
    width: auto !important;
    margin-top: 5px;
    display: flex;
    overflow-x: auto !important;
    scrollbar-width: thin;
}

.employeeViewDocumentsSearch {
    left: 25px !important;
    top: 0px !important;
}

.employeeViewDocumentsSearch input {
    border: 1px solid var(--main-active-light-color);
    left: 10px;
}

.employeeViewDocumentsSearch button {
    margin-top: -10px !important;
}

.employeeViewDocumentsSort {
    float: right;
    margin-top: 5px !important;
}

.employeeViewDocsSortChecked {
    width: 16px;
    height: 16px;
}

.employeeViewDocsSortUnchecked {

}

.empViewDocsFilterASC {
    border-radius: var(--main-radius);
}

.empViewDocsFilterDESC {
    border-radius: var(--main-radius);
}

.clearSearchEmployeeViewDocs {
    float: left;
    clear: both;
    top: 7px !important;
}

.employeeViewSortBtn {
    left: 237px !important;
    top: 5px !important;
}

/*.employeeViewDataToolbarBtns em {
    border-radius: 5px;
    height: 20px !important;
    position: relative;
    margin-top: 10px;
}

.employeeViewDataToolbarBtns span {
    text-align: left !important;
    align-content: center !important;
}

.employeeViewDataToolbarBtns {
    background-size: 100%;
    transition: all 0.3s ease-in-out;
}

.employeeViewDataToolbarBtns:hover {
    -webkit-transform: scale(1.2,1.2);
    -webkit-transition: all 0.3s ease-in-out;
    cursor: pointer;
}*/

.employeeViewIconDP, .employeeViewIconHC, .employeeViewIconBK, .employeeViewIconCNT, .employeeViewIconILL {
    background-size: 100%;
    transition: all 0.3s ease-in-out;
}

.employeeViewIconDP:hover, .employeeViewIconHC:hover, .employeeViewIconBK:hover, .employeeViewIconCNT:hover, .employeeViewIconILL:hover {
    -webkit-transform: scale(1.3,1.3);
    -webkit-transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.employeeViewIconBK.no-hover, .employeeViewIconCNT.no-hover, .employeeViewIconHC.no-hover, .employeeViewIconDP.no-hover, .employeeViewIconILL.no-hover {
    cursor: default !important;
}

.infoLabelEmployeeViewData {
    margin-top: 10px !important;
    font-weight: bold;
    top: 0px !important;
    width: 300px !important;
}

.employeeViewDataToolbarStatus {
    cursor: help !important;
    border-radius: var(--main-radius);
    color: black !important;
}

.employeeViewDataToolbarStatus .x-btn-inner {
    display: block !important;
    color: var(--main-text-color) !important;
}

.employeeViewDataToolbarStatus .x-btn-over {
    border-color: var(--main-color-luminous);
    color: var(--main-text-color) !important;
    cursor: help !important;
}

.employeeDetailsWrapper {
    display: flex;
    height: 100%;
    background-color: var(--main-btn-color) !important;
}

.employeeViewDataToolbarStatus.x-btn-over span {
    color: var(--main-text-color) !important;
    cursor: help !important;
}

/*.employeeViewDataToolbarStatus:hover {
    cursor: help !important;
    background-color: var(--main-active-light-color) !important;
}

.employeeViewDataToolbarStatus em {
    cursor: help !important;
}


.employeeViewDataToolbarStatus em button {
    cursor: help !important;    
    width: 95px !important;
}

.employeeViewDataToolbarStatus em button span {
    cursor: help !important;
}*/

.employeeViewPipStatusCalculating {
    color: var(--main-text-color);
    font-weight: bold;
    display: contents;
}

.employeeViewPipStatusAbsent {
    color: var(--main-decline-color);
    font-weight: bold;
    display: contents;
}

.employeeViewPipStatusPresent {
    color: forestgreen;
    font-weight: bold;
    display: contents;
}

 

/*.dashboardBtnAbsences:hover {
    margin: 2px 5px 0 5px !important;
    height: 45px !important;
    background-color: var(--btn-bkcolor-over);
}*/

 

 

.dataGroupPrimaryTeamColHeader {
    background-color: lightgreen !important;
}

.dataGroupPrimaryTeamColHeaderWarning {
    background-color: orange !important;
}

.dataGroupPrimaryTeamColHeader div:hover {
    background-color: lightgreen !important;
}

.dataGroupPrimaryTeamColHeaderWarning div:hover {
    background-color: orange !important;
}

.dataGroupPrimaryTeamColHeaderError {
    background-color: lightcoral !important;
}

.dataGroupPrimaryTeamColHeaderError div:hover {
    background-color: lightcoral !important;
}

.employeeViewCalculationsRunning {
    background-image: url(../images/calcInProgress20.gif);
    width: 100px !important;
    height: 20px !important;
}
 
.clsTeamEmployeeAll {
    text-align: left !important;
    background-repeat: no-repeat;
    background-image: url(../images/allEmployeesTeamComboSelection.png) !important;
}

.dashboardCalendarAbsenceEmployeeView {
    overflow-x: scroll;
}

.warningAssignmentWindowText {
    padding: 3px;
    margin: 10px;
    display: inline-block;
    width: auto !important;
    height: auto !important;
}

.warningAssignmentWindowCheckbox {
    margin-left: 14px !important;
    font-style: italic;
}
.warningAssignmentWindowCheckbox .checkboxIcon:before {
    font-style: normal !important;
}


/*.warningAssignmentWindowButtons {
    align-items: end;
    display: grid;
    padding: 5px !important;
}*/

.warningAssignmentWindowButtons div {
    float: right;
    margin-right: 5px !important;
}

.usersListLastFoginDate {
    font-weight: bold;
    display: inline;
    float: inline-start;
    margin-top: 2px;
    margin-right: -16px;
    margin-left: 23px;
}

.btnClearStates {
    background-color: var(--main-confirm-color) !important;
    border: 1px solid var(--main-confirm-color) !important;
    margin: 5px !important;
    top: 120px;
    display: inline;
}

.employeeEditTextfieldFocus input {
    cursor: pointer !important;
}

.absScheduleHistDeleted {
    background: rgb(252,147,112) !important;
}

.absScheduleHistDeleted td {
    background: rgb(252,147,112) !important;
}

.clsWarningLabel {
    font-weight: bolder;
    color: #df5353;
    text-decoration: underline;
    display: block;
}

.clsWarningRecurrentAbsenceText {
    font-weight: bold;
    color: #df5353;
}


.absScheduleHistDeleted.x-grid-row-over .x-grid-cell {
    background: rgb(252,147,112) !important;
}

.absScheduleHistDeleted.x-grid-row-selected .x-grid-cell {
    background: rgb(252,147,112) !important;
} 
 
.clsYesRedMsgDelete {
    background: var(--main-decline-color) !important;
    border: 1px solid var(--main-decline-color) !important;
}

.clsNoMsg {
    background: var(--main-neutral-color) !important;
    border: 1px solid var(--main-neutral-color) !important;
    color: var(--main-text-color);
}


.clsYesRedMsgDelete.x-btn-default-small-over
 {
    background: var(--main-decline-pressed-color) !important;
    border: 1px solid var(--main-decline-pressed-color) !important; 
}

.clsYesWarnMsg {
    background: #fcba03 !important;
    border: 1px solid #fcba03 !important;
}

.clsYesWarnMsg.x-btn-default-small-pressed {
    background: #fcba03 !important;
    border: 1px solid #fcba03 !important;
    opacity: 0.8;
}

.calendarSyncSection {
    border: 1px solid var(--main-color-luminous);
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 5px !important;
}

.calendarSyncSection .x-panel-header-text-default {
    font-size: 15px !important;
    font-weight: bold;
}

.calendarSyncSectionButtons {
    border-radius: 5px;
}

.calendarSyncSectionInfo {
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
}

.calendarSyncEmployeeNoId {
    background: #48b5e9 !important;
    color: white;
}

.calendarSyncEmployeeNoId.x-grid-row-alt td {
    background: #48b5e9 !important;
    color: white !important;
}

.calendarSyncEmployeeNoId.x-grid-row-over .x-grid-cell {
    background: #89bad2 !important
}

.calendarSyncEmployeeSynced {
    background: rgb(157,227,159) !important;
}

.calendarSyncEmployeeSynced.x-grid-row-alt td {
    background: rgb(157,227,159) !important;
}

.calendarSyncEmployeeSynced.x-grid-row-over .x-grid-cell {
    background: rgb(189 227 191) !important
}

.calendarSyncSectionToolbar {
    margin-bottom: 5px;
}

.clsLoginWithMs {
    color: #000 !important;
    background-position: 80px 9px !important;
    background-color: #fff !important;
    background-image: url(../images/loginMs.png) !important;
    border: 1px solid #8c8c8c !important;
}
 
/*
.clsBtnLogin.x-btn-inner {
    text-align: left;
    padding-left: 42px;
}*/
    .clsLoginWithMs.x-btn-inner {
       /* text-align: left;*/
        /*padding-left: 44px !important;*/
        font-family: 'Segoe UI';
        font-size: 15px;
    }

.cascadeHolidayHelpLabel {
    font-weight: bolder;
    color: #54b45d;
    text-decoration: underline;
    display: block;
}

.holidayTabHeader {
    text-align: center !important;
}

.warningGenericAbsence {
    color: var(--main-decline-color);
}


.clsMSSettingsTooltipIcon {
    background-image: url(../images/MSAppSettings.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 920px;
    height: 420px;
}

.clsMSSettingsBtnHelp {
    /*text-align: left !important;
    background-repeat: no-repeat;
    background-image: url(../images/helpFine16.png) !important;
    background-color: white;*/
    /*border: 0px !important;*/
    max-width: 28px;
}

.detailsMSSettingsContainer {
    font-size: 14px;
}

.warningAbsCountEmpHolidayText {
    font-size: 12px;
    color: rgb(252, 57, 3);
}
/*
.baseColor {
    color: #004065 !important;
}
.baseColor table {
    color: #004065 !important;
}*/

.clsNoOfConDaysNotifRetToWork {
    margin-left: 5px !important;
}

.expenseReimbursementRequestCost {
    margin-left: 5px !important;
    padding-top: 3px;
}

.expenseReimbursementRequestTotal {
    padding-top: 3px;
}


.clsNewAbsenceAssignToDialog {
    margin: 5px !important;
    font-size: 14px !important;
}
 
.viewOnlyEmployee_TM {
    width: 22px;
    height: 22px;
    position: fixed;
    top: 0;
    right: 0;
}

.selectCellReadOnly {
    border: 1px solid rgb(47,47,47) !important;
    border-radius: 2px !important;
    -moz-border-radius: 2px !important;
}

.dayOfM_YV {
    font-size: 10px;
    font-weight: bold;
    margin: 1px;
    position: absolute;
    right: 5px;
}

.todayDay_YV {
    border: none !important;
    background-color: #FFECC4 !important
}
.markTodayInCalendarCls {
    border: none !important;
    background-color: #FFECC4;
}

.nonWorkingDay_YV {
    background-color: #E4E4E4 !important;
    border: none !important;
}

.thumbAnomalyMarker_YV {
    border: none !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;
    float: right;
    top: 0px;
    right: 0px;
    /*opacity: 0.5;*/
}

.thumbNotesMarker_YV {
    border: none !important;
    background-position: bottom right;
    background-repeat: no-repeat !important;
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    overflow: hidden !important;
    padding: 1px 1px 1px 1px;
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 12px !important;
    height: 12px !important;
}

.rotareClassRelative {
    transform: rotate(0deg);
    height: auto;
}

.viewOnlyEmployeeListIcon {
    width: 16px;
    height: 16px;
    position: fixed;
    top: 0;
    right: 0;
}
.displayFieldValue .x-form-display-field {
    color: #004065 !important;
}

.authAddRemoveBtnGrp.x-btn-group-default-framed {
    margin-top: 10px !important;
}
.authLevelUser.x-toolbar {
    border: 1px solid #edecec !important;
    border-width: 1px !important;
    padding-bottom: 1px !important;
    border-radius: 4px;
}

.clsViewOnlyEmployeeCombo {
    pointer-events: none;
}

.btnHideEmployeeViewDetails {
    background-image: none !important;
    background-color: transparent !important;
    border: none !important;
}
.chkTbAdjustTop {
    top: 1px !important;
}

/*.x-form-focus, textarea.x-form-focus {
    border-color: var(--main-text-color);
    border-width: 2px;
}*/
.x-form-focus, textarea.x-form-focus {
    /*background-color: var(--main-active-light-darker-color) !important;*/
    /*background-color: var(--main-menu-color) !important;
    color: var(--main-opposite-color-focus) !important;*/

    background-color: var(--main-active-light-color) !important;
    color: var(--main-text-color) !important;
}

    .x-form-focus::placeholder {
        color: var(--main-text-color) !important;
    }

.x-form-trigger-wrap-focus .clearSearchInFieldGrid:before {
    color: var(--main-text-color) !important;
}
/*
.x-form-focus.x-trigger-noedit {
    border-color: var(--main-bk-border-color) !important;
    border-width: 1px !important;
}*/
.x-scroller-horizontal {
    border: 0px solid var(--main-color) !important;
}

.x-toolbar .x-toolbar-separator-horizontal {
    border-left: 1px solid white !important;
    border-right: 1px solid white !important;
}


.btnOnlyNoBackground {
    background-image: none !important;
    background-color: transparent !important;
}

.btnBadgeMedium {
    max-width: 21px !important;
    min-width: 21px !important;
    height: 21px !important;
    font-size: 12px;
    border: 0px !important;
    top: -5px !important;
    right: -5px;
    line-height: 22px;
}

.topLogoCls {
    margin-left: 5px !important;
    width: 160px;
    top: 10px !important;
}

.topLogoClsTreeBottom {  
    top: 0px !important;
}

.topLogoClsTreeBottomExpanded {
    top: 0px !important;
    left: 40px !important;
}

.topLogoAstrowCls {
    margin-left: 5px !important;
    top: 5px !important;
    width: 200px;
}
.menuWestTree .x-grid-row {
    min-height: 32px;
    height: 32px;
}

.menuTreeItem {
    color: white;
    font-size: 13px; 
}
    .menuTreeItem .x-grid-cell-inner {
        height: 30px !important;
        align-items: center !important;
        display: inline-flex;
        text-overflow: ellipsis;
        font-size: 13px; 

    }

.x-tree-lines .x-tree-elbow, .x-tree-lines .x-tree-elbow-end, .x-tree-lines .x-tree-elbow-line {
    background-image: none !important;
}


.treeItemButtonCls {
    width: auto;
    background-size: contain;
    margin-left: 5px;
    /*margin-right: 10px;*/
    margin-right: 5px;
    min-width: 30px;
}
.treeItemButtonCls.x-tree-icon-parent {
    background-image: none !important;
}


.clsUnpined:before {
    /*font-family: iphone_general;
    content: "\e853" !important;*/

    font-family: menuCollapse;
    content: "\e900" !important;
    font-size: 26px !important;
    color: #FFF !important;
    margin: auto;
    margin-left: 1px;
}

.clsPined:before {
    /*font-family: iphone_general;
    content: "\e853" !important;*/

    font-family: menuCollapse;
    content: "\e901" !important;
    font-size: 30px !important; 
    color: #FFF !important;
    margin: auto;
}

.menuWestTree .x-tool-collapse-left:before {
    color: white !important;
}
.treeMenuCollapse .x-tool-expand-right:before {
    color: white !important;
}

.treeMenuMini table {
    width: 100% !important;
}
.treeMenuMini .x-menu-item {
    display: inline-flex;
    height: 40px;
    width: 100%;
}
.treeMenuMini .x-panel-default {
    background-color: var(--main-color) !important;
}
.treeMenuMini.x-menu-body {
    background-color: var(--main-color-dark) !important;
    color: white !important;
    border: 0px solid !important;
    border-radius: 0px !important;
}

.treeMenuMini .x-menu-item-link {
    width: 100%;
    color: white !important;
    display: flex !important;
    align-items: center !important;
}
.treeMenuMini .x-menu-item-text {
    position: unset !important;
    top: unset !important;
    color: white !important;
}
.treeMenuMini .x-menu-icon-separator {
    border-left: solid 0px #e0e0e0 !important;
    background-color: transparent !important;
}
.clearSearchInField:before {
    font-size: 20px !important;
    font-family: materialblack_general;
    content: "\e81e" !important;
    color: var(--main-color) !important;
    display: inline-block;
    margin-top: 2px !important;
}

.clearSearchInField.x-form-trigger {
    background-image: none !important;
    border-bottom: 0px solid !important;
    position: absolute;
    right: 10px;
    top: 4px;
}
.searchInField:before {
    font-family: materialblack_general;
    content: "\e81e" !important;
    font-size: 20px !important;
    color: var(--main-color) !important;
    display: inline-block;
    margin-top: 2px !important;
}

.searchInField.x-form-trigger {
    background-image: none !important;
    border-bottom: 0px solid !important;
    position: absolute;
    right: 10px;
    top: 0px;
}

.expandMenuTree {
    left: 85%;
    position: relative;
    height: 13px !important;
    background-image: none !important;
}

.expandMenuTreeMiniMenu {
    left: 100%; 
}

.expandMenuTree.x-tree-elbow-plus, .expandMenuTree.x-tree-elbow-end-plus {
    transform: rotate(90deg);
    top: -5px;
}
.expandMenuTree.x-tree-elbow-plus:before, .expandMenuTree.x-tree-elbow-end-plus:before {
    font-family: icomoon;
    content: "\e91c" !important;
    font-size: 12px !important;
    color: #FFF !important;
    margin-left: 7px;
}

.expandMenuTree.x-grid-tree-node-expanded {
    background-image: none !important;
}

.expandMenuTreeExpand.x-tree-elbow-plus:before {
    font-family: icomoon;
    content: "\e91c" !important;
    font-size: 13px !important;
    color: #FFF !important;
    margin-left: 7px;
}


.expandMenuTreeCollapse.x-tree-elbow-plus, .expandMenuTreeCollapse.x-tree-elbow-end-plus {
    transform: rotate(180deg);
    top: 2px;
}
.expandMenuTreeCollapse.x-tree-elbow-plus:before, .expandMenuTreeCollapse.x-tree-elbow-end-plus:before {
    font-family: icomoon;
    content: "\e91c" !important;
    font-size: 13px !important;
    color: #FFF !important;
    margin-left: 7px;
}

.x-border-box .x-field-default-toolbar .x-form-text {
    height: 22px !important;
}
.x-border-box .x-field-default-toolbar .x-form-trigger {
    height: 22px !important;
}

 
.x-grid-row-over .menuTreeItem .x-grid-cell-inner {
    color: var(--main-color-dark) !important;
}
.x-grid-row-over .menuTreeItem .x-tree-icon:before {
    color: var(--main-color-dark) !important;
}
.x-grid-row-over .expandMenuTree:before {
    color: var(--main-color-dark) !important;
}

.x-grid-row-over .expandMenuTreeCollapse:before {
    color: var(--main-color-dark) !important;
}

.menuTreeItem .x-grid-cell-inner{
    width: 100% !important;
}

.generalSearchResults {
    /*background-color: rgb(240, 240, 240);*/
    height: auto;
    margin-left: 5px;
    margin-right: 5px;
}
 
.generalSearchResultDataViewCls {
    background-color: rgb(240, 240, 240);
}

.generalSearchResultsData {
    background-color: white;
    height: 60px !important;
    padding: 5px;
    overflow: hidden;
    margin-bottom: 7px;
    border-radius: var(--main-radius);
}

.generalSearchResultDPCode {
    text-decoration: underline;
}

.underline {
    text-decoration: underline;
}

.generalSearchResultScheduleEmployees {

}

.generalSearchResultScheduleListEmployees {
    overflow: hidden !important;
    height: 22px !important;
}

.generalSearchResultsData a {
    color: var(--main-text-color) !important;
    text-decoration: none !important;
}
.generalSearchResultsData .clsMail2:before,
.generalSearchResultsData .clsCar2:before,
.generalSearchResultsData .clsPhone2:before {
    color: var(--main-text-color) !important;
}
.generalSearchResultCarplate {
    font-size: 12px !important;
}

.generalSearchField {
    font-weight: normal;
}

.generalSearchField span {
    font-weight: bold;
    text-decoration: underline;
}

.generalSearchNavigate {
    padding: 5px;
    cursor: pointer;
}
.generalSearchNavigateItem {
    padding: 5px;
    cursor: pointer;
}

.generalSearchNoNavigate {
    padding: 5px;
}

.generalSearchCategoryTitleVisitors {
    cursor: pointer;
    padding: 5px;
}

.generalSearchCategoryTitleVisitorsNoAction {
    padding: 5px;
}

.generalSearchCategoryTitleSchedules {
    padding: 5px;
}

.generalSearchResultDetailLine {
    display: flex; 
}

.generalSearchThinkingLabel {
}

.generalSearchResultGroup {
    padding: 5px 5px 0px 5px; 
    color: var(--main-text-color); 
}

.searchResultDv {
    background-color: var(--main-bk-border-color);
}

.generalSearchResultGroup span {
    font-size: 14px; 
} 
.x-action-col-cell span {
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.generalSearchViewLess {
    display: flex;
    width: 100%;
    color: var(--main-text-color);
    cursor: pointer;
    justify-content: end;
    padding-right: 5px;
    padding-top: 5px;
}
.generalSearchViewMore {
    display: flex;
    width: 100%;
    color: var(--main-text-color);
    cursor: pointer;
    justify-content: end;
    padding-right: 5px;
    font-weight:bold;
}
 

.detailFieldGeneralSearch {
    font-size: 12px !important;
    font-weight: normal !important;
    top: 2px;
    position: relative;
}

.generalSearchCardActionsGroup {
    float: right;
    display: flex;
    position: relative;
    top: -25px;
}

.generalSearchAction {
    margin:5px !important;
    cursor: pointer;
    color: var(--main-text-color) !important;
}

.generalSearchResultEmployeePIPStatus {
    position: relative;
    float: inline-end;
    top: -16px;
    /*right: 5px;*/
}

.generalSearchLastBooking {
    /*margin: 10px 0 0 10px;*/
    margin: 15px 0 0 10px;
    position: relative;
    left: 40px !important;
}
.x-btn-default-medium {
    border-radius: 0px;
    border: 1px solid var(--main-color);
    background-color: var(--main-bk-border-color);
    background-image: none !important;
    border-radius: var(--main-radius) !important;
    -moz-border-radius: var(--main-radius) !important;
}
.x-btn-default-large {
    border-radius: 0px;
    border: 1px solid var(--main-color);
    background-color: var(--main-bk-border-color);
    background-image: none !important;
    border-radius: var(--main-radius) !important;
    -moz-border-radius: var(--main-radius) !important;
}


/*.x-btn-default-small .x-btn-inner {
    color: black !important;
}*/
.x-btn-default-large-medium {
    border: 1px solid var(--btn-bkcolor-over) !important;
    background-color: var(--btn-bkcolor-over) !important;
    /*background-image: none !important;*/
}

.x-btn-default-large-medium {
    border: 1px solid var(--btn-bkcolor-over) !important;
    background-color: var(--btn-bkcolor-over) !important;
    /*background-image: none !important;*/
}.x-btn-default-large-pressed {
    border: 1px solid var(--btn-bkcolor-over) !important;
    background-color: var(--btn-bkcolor-over) !important;
    /*background-image: none !important;*/
}

.x-btn-default-large-over {
    border: 1px solid var(--btn-bkcolor-over) !important;
    background-color: var(--btn-bkcolor-over) !important;
    /*background-image: none !important;*/
}

.menuSearchField .x-form-text {
    background-color: var(--main-color-luminous-plus) !important;
    border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border: 0px;
    padding: 0px 15px 0px 15px;
    color: var(--main-text-color) !important;
    cursor: pointer;
    width: 100% !important;
}
.menuSearchFieldAutoComplete .x-form-text {
    border-radius: 20px 20px  0px 0px !important;
}
.autoCompleteView .x-boundlist-item {
    padding: 5px;
    padding-left: 25px;
}

.autoCompleteView .x-boundlist-item.x-boundlist-item-over {
    border-radius: var(--main-radius-windows);
}

.autoCompleteView {
    border-radius: 0px 0px 20px 20px !important;
    border: 0px !important;
    padding: 5px;
    opacity: 0.9;
    background-color: var(--main-color-luminous-plus);
}

.menuSearchField .inputPickerFieldCls,
.menuSearchField .inputPickerFieldClsReadOnly {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.menuSearchField .inputPickerFieldCls::placeholder {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 70%;
    display: inline-block;
    white-space: nowrap;
}

.menuSearchField .inputPickerFieldClsReadOnly::placeholder{
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100%;
    display: inline-block;
    white-space: nowrap;
}

.menuSearchField .x-form-text::placeholder {
    color: var(--main-text-color) !important;
}
.noVisualDisable {
    opacity: 1 !important;
}
.emptyTextViewCenter {
    opacity: 0.5;
    position: absolute;
    top: 40%;
    width: 100%;
    text-align: center;
    font-size: 11px;
    color: var(--main-text-color) !important;
}
.x-datepicker-footer, .x-monthpicker-buttons {
    background-image: none !important;
    background-color: var(--main-active-light-color) !important;
}
.x-datepicker-header {
    background-image: none !important;
    background-color: var(--main-color) !important;
}
.x-datepicker-next a, .x-datepicker-prev a {
    background-image: none !important
}
    .x-datepicker-next a:before {
        font-family: materialblack_general;
        font-size: var(--font-icon-smaller) !important;
        color: var(--main-btn-color);
        content: "\e807" !important;
    }
    .x-datepicker-prev a:before {
        font-family: materialblack_general;
        font-size: var(--font-icon-smaller) !important;
        color: var(--main-btn-color);
        content: "\e806" !important;
    }
.x-boundlist-selected {
    background: var(--main-active-light-color) !important;
    border-color: var(--main-active-light-color) !important;
}
.x-boundlist-item-over {
    background: var(--main-color-luminous) !important;
    border-color: var(--main-color-luminous) !important;
    color: var(--main-opposite-color-focus) !important;
}
.x-boundlist-item {
    border-width: 0px !important;
    padding: 5px !important;
}
/*.x-boundlist {
    border-color: var(--main-text-color) !important;  
}*/
.x-boundlist {
    border: 1px solid var(--main-bk-border-color);
    border-radius: 0px 0px var(--main-radius) var(--main-radius);
    box-shadow: var(--main-box-shadow) !important;
}
table.x-datepicker-inner th {
    border-bottom: 1px solid var(--main-active-light-color) !important;
    border-collapse: separate;
    background-image: none;
    background-color: var(--main-active-light-color) !important;
    background-image: none !important;
}
.x-form-date-trigger, .x-form-trigger, .x-form-spinner-down, .x-form-spinner-up,
.x-box-scroller-right .x-toolbar-scroll-right,
.x-box-scroller-left .x-toolbar-scroll-left,
.x-box-scroller-right .x-tabbar-scroll-right,
.x-box-scroller-left .x-tabbar-scroll-left {
    background-image: none !important;
    background-color: var(--main-active-light-color);
    display: inline-flex;
    align-items: center;
}

.x-form-date-trigger {
    width: 20px;
    padding-top: 1px;
    border: 1px solid var(--main-bk-border-color); /*LEAVE IT*/
    border-left: 0px;
    background-color: transparent;
}

.x-form-trigger:before {
    margin-left: 1px;
    font-family: icomoon;
    content: "\e94e" !important;
    font-size: 13px;
    color: var(--main-color-darker) !important;
}
.x-form-date-trigger:before {
    margin-left: 1px;
    font-family: iphone_general;
    content: "\e818" !important;
    font-size: 17px;
    color: var(--main-color-darker) !important;
}
.x-form-trigger-over {
    background-color: white !important;
}

.x-form-spinner-up:before {
    margin-left: 3px;
    font-family: icomoon;
    content: "\e94f" !important;
    font-size: 10px;
    color: var(--main-color-darker) !important;
}
.x-form-spinner-down:before {
    margin-left: 3px;
    font-family: icomoon;
    content: "\e94e" !important;
    font-size: 10px;
    color: var(--main-color-darker) !important;
}
.x-form-trigger-over:before,
.x-form-trigger-up-over:before,
.x-form-trigger-down-over:before {
    color: var(--main-color-luminous) !important;
}
.x-form-trigger-wrap .x-form-spinner-down {
    border-bottom: 1px solid var(--main-border-color); /*LEAVE IT*/
    border-top: 0px solid var(--main-border-color); /*LEAVE IT*/
}
.x-form-invalid .x-form-trigger {
    border-color: var(--main-decline-color) !important;
}

.x-toolbar .x-form-trigger:before {
    margin-top: -1px;
}
.x-toolbar .x-form-date-trigger {
    padding-top: 1px; 
}

.x-pickerfield-open .x-form-trigger {
    border-radius: 0 var(--main-radius) 0 0 !important;
}

.x-form-trigger {
    border-radius: 0 var(--main-radius) var(--main-radius) 0;
    padding-top: 1px;
    border: 1px solid var(--main-border-color); /*LEAVE IT*/
    border-left: 0px;
    background-color: white !important;
}
.x-form-trigger-wrap-focus .x-form-trigger {
    background-color: var(--main-active-light-color) !important;
    border-color: var(--main-border-color);
}

.x-menu-active.x-btn-menu-active {
    border-radius: var(--main-radius) var(--main-radius) 0 0 !important;
}

.x-datepicker {
    border-radius: 0 0 var(--main-radius) var(--main-radius) !important;
    border: 0px !important;
    box-shadow: var(--main-box-shadow) !important;
}

/*.x-form-invalid.x-form-trigger {
    border: 1px solid var(--main-decline-color);*/ /*LEAVE IT*/
/*}*/
.x-box-scroller-right .x-toolbar-scroll-right, .x-box-scroller-right .x-tabbar-scroll-right:before {
    font-family: icomoon;
    content: "\e94d" !important;
    font-size: 10px;
    color: var(--main-color-darker) !important;
    margin-left: 4px !important;
}

.x-box-scroller-right {
    height: inherit !important;
}

.x-box-scroller-left {
    height: inherit !important;
}

.x-box-scroller-left .x-toolbar-scroll-left, .x-box-scroller-left .x-tabbar-scroll-left:before {
    font-family: icomoon;
    content: "\e94c" !important;
    font-size: 10px;
    color: var(--main-color-darker) !important;
}


.clearSearchInFieldGrid:before {
    font-size: 16px !important;
    font-family: materialblack_general;
    content: "\e81e" !important;
    color: var(--main-text-color) !important;
    display: inline-block;
}

 
.clearSearchInFieldGrid.x-form-trigger {
    background-image: none !important;
    background-color: transparent !important;
    border: 0px solid !important;
    position: absolute;
    right: 10px;
    top: 0px;
}
.clearSearchInFieldGrid.x-form-trigger:before {
    margin-top: 6px;
}

.clearSearchInFieldGridBigger:before {
    font-size: 16px !important;
    font-family: materialblack_general;
    content: "\e81e" !important;
    color: var(--main-text-color) !important;
    display: inline-block;
}
.clearSearchInFieldGridBigger.x-form-trigger {
    background-image: none !important;
    background-color: transparent !important;
    border: 0px solid !important;
    position: absolute;
    right: 10px;
    top: 0px;
}

.clearSearchInFieldGridBigger.x-form-trigger:before {
    margin-top: 6px;
}


.searchInField:before {
    font-size: 18px !important;
    font-family: materialblack_text;
    content: "\e882" !important;
    color: var(--main-color) !important;
    display: inline-block;
}

.searchInField.x-form-trigger:before {
    margin-top: -1px;
}
.menuSearchField .x-form-trigger-wrap {
    width: 0px !important;
    /*display: none !important;*/
}

.searchInField.x-form-trigger {
    background-image: none !important;
    background-color: transparent !important;
    border: 0px solid !important;
    position: absolute;
    right: 10px;
    top: 0px;
}


.x-fieldset {
    padding: 8px;
    margin-right: -5px !important;
}

.x-fieldset-header {
    color: var(--main-text-color) !important;
}
.x-btn-group-header-text-default-framed {
    font-weight: normal;
    font-size: 12px;
    color: var(--main-text-color) !important;
}

.x-toolbar-more-icon{
    background-image:none !important;
}
    .x-toolbar-more-icon:before {
        font-family: icomoon;
        content: "\e94d" !important;
        font-size: 10px;
        color: var(--main-color-darker) !important;
    }
.x-menu-icon-separator {
    background-color: transparent !important;
    border-width: 0px !important;
}
.x-grid-row-selected .x-grid-row-checker, .x-grid-row-checked .x-grid-row-checker, .x-grid-row-checker,
.x-grid-row-checker, .x-column-header-checkbox .x-column-header-text,
.x-grid-hd-checker-on .x-column-header-text {
    background-image: none !important;
    margin-left: 3px;
    height: 15px;
    width: 15px;
}
.x-grid-group-title {
    background-image: none !important;
    padding: 0 0 0 7px !important;
}
.x-grid-row-expander,
.x-grid-row-collapsed .x-grid-row-expander {
    background-image: none !important;
}
.x-grid-row-expander:before {
    margin-right: 3px;
    font-family: amano;
    font-size: var(--font-icon-smallger) !important;
    color: var(--main-color-darker);
    content: "\002d" !important;
}
    .x-grid-row-collapsed .x-grid-row-expander:before {
        margin-right: 3px;
        font-family: amano;
        font-size: var(--font-icon-smallger) !important;
        color: var(--main-color-darker);
        content: "\002b" !important;
    }

.x-grid-group-title:before {
    margin-right: 3px;
    margin-top: 2px;
    font-family: amano;
    font-size: var(--font-icon-smallger) !important;
    color: var(--main-color-darker);
    content: "\002d" !important;
}
.x-grid-group-hd-collapsed .x-grid-group-title:before,
.x-grid-group-collapsed .x-grid-group-title:before {
    margin-right: 3px;
    margin-top: 2px;
    font-family: amano;
    font-size: var(--font-icon-smallger) !important;
    color: var(--main-color-darker);
    content: "\002b" !important;
}

.x-column-header-checkbox .x-column-header-text {
    background-image: none !important;
    margin-left: 7px;
    /*padding-left: 2px;*/
}
    .x-grid-row-checker:before ,
    .x-column-header-checkbox .x-column-header-text:before{
        font-family: iphone_general;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker);
        content: "\e81f" !important;
        font-weight: normal !important;
    }
.x-grid-row-selected .x-grid-row-checker:before, .x-grid-row-checked .x-grid-row-checker:before,
.x-grid-hd-checker-on .x-column-header-text:before {
    font-family: iphone_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker);
    content: "\e81d" !important;
    font-weight: normal !important;
}
 
.x-form-checkbox,.x-form-radio {
    background-image: none !important;
    width:0px;
}

.checkboxIcon:before {
    font-family: iphone_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-text-color) !important;
    content: "\e81f" !important;
}
.x-form-cb-checked .checkboxIcon:before {
    font-family: iphone_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-text-color) !important;
    content: "\e81d" !important;
}
.eyeOpen:before {
    cursor: pointer;
    font-family: icomoon;
    content: "\e9c9" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-text-color) !important;
}
.x-form-cb-checked .eyeOpen:before {
    font-family: iosfilled_graphics;
    content: "\e822" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-text-color) !important;
}

.radioIcon:before {
    font-family: iphone_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-text-color) !important;
    content: "\e868" !important;
}
.x-form-cb-checked .radioIcon:before {
    font-family: iphone_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-text-color) !important; 
    content: "\e867" !important;
}

.x-border-box .x-tab-bar-top .x-tab-bar-strip {
    height: 0px !important;
}
.x-toolbar .x-toolbar-text {
    color: var(--main-text-color) !important;
}
.thumbQWERTY-wrapQWERTY {
    border-left: 1px solid var(--main-bk-border-color) !important;
    border-right: 1px solid var(--main-bk-border-color) !important;
    border-bottom: 1px solid var(--main-bk-border-color) !important;
}

.x-tab-bar-strip-default, .x-tab-bar-strip-default-plain {
    background-color: var(--main-color-dark) !important;
}
.generalSearchResultGroup span {
    font-size: 14px;
    margin-left: 3px;
    font-weight: bold;
}

.x-grid-group-hd .x-grid-cell-inner {
    background: var(--main-panel-background) !important;
    border-color: var(--main-panel-background) !important;
}
.x-grid-group-hd .x-grid-cell-inner {
    padding: 2px !important;
}
    .x-grid-group-title {
        color: var(--main-text-color) !important;
        display: flex;
        align-items: center;
    }
.groupingDisplayTitle .x-grid-group-title {
    display: unset !important;
}

.generalSearchResultInformationLine {
    font-weight: bold;
}

.generalSearchResultInformationLine:before {
    font-weight: normal;
}

.generalSearchResultImportantInfo {
    font-weight: bold;
    /*font-size: 16px;*/
    left: 42px !important;
    position: relative;
}

.generalSearchResultVisitorName {
    font-weight: bold;
    font-size: 16px;
    position: relative;
}

.x-mask-msg {
    border-color: var(--main-color-luminous-plus);
    background-color: transparent;
    /*background-color: var(--main-color-luminous-plus);*/
}
    .x-mask-msg div {
        border-color: var(--main-color-luminous-plus);
        /*background-color: var(--main-color-luminous-plus);*/
        background-color: transparent;
        color: black !important;
        background-image: none !important;
        font-size: 13px;
    }

.x-pickerfield-open .x-form-text.x-trigger-noedit, .inputPickerFieldCls {
    border-right: 0px;
    border-radius: var(--main-radius) 0px 0px 0px !important;
    padding: 5px !important;
}

.x-form-text.x-trigger-noedit, .inputPickerFieldCls {
    border-right: 0px;
    border-radius: var(--main-radius) 0px 0px var(--main-radius) !important;
    -moz-border-radius: var(--main-radius) 0px 0px var(--main-radius) !important;
}

.x-form-text, textarea.x-form-field {
    border-color: var(--main-border-color) !important;
}
.x-form-focus, textarea.x-form-focus {
    border-color: var(--main-border-color) !important;
}


.noBorderBoundList {
    border-color: transparent !important;
}
.clsBtnNewTimecardConfiguration {
    margin-top: 0px !important;
}

.clsStoppedEngineLabel b {
    color: var(--main-decline-color);
}

.btnSchemeui2025.x-btn-over .x-btn-inner:before {
    color: var(--main-bk-border-color) !important;
}

#topToolbar .x-btn-over .x-btn-inner:before {
    color: var(--main-color-dark) !important
}
.x-column-header-over .x-column-header-trigger, .x-column-header-open .x-column-header-trigger {
    display: inline-flex;
    align-items: center;
}
.x-btn-default-toolbar-small-over .x-btn-inner:before {
    color: var(--main-color-dark) !important
}
.clearSearcInFieldCls{
    /*top: 0px !important;*/
}



.x-tool-collapse-left:before {
    content: "\e94c" !important;
    font-size: 15px !important;
    color: var(--main-icon-tool-color) !important;
}

.x-tool-expand-right:before {
    content: "\e94d" !important;
    font-size: 15px !important;
    color: var(--main-icon-tool-color) !important;
}

.x-tool-collapse-right:before {
    content: "\e94d" !important;
    font-size: 15px !important;
    color: var(--main-icon-tool-color) !important;
}

.x-tool-expand-left:before {
    content: "\e94c" !important;
    font-size: 15px !important;
    color: var(--main-icon-tool-color) !important;
}

.x-tool-collapse-top:before {
    content: "\e94f" !important;
    font-size: 15px !important;
    color: var(--main-icon-tool-color) !important;
}

.x-tool-expand-bottom:before {
    content: "\e94e" !important;
    font-size: 15px !important;
    color: var(--main-icon-tool-color) !important;
}

.x-tool-collapse-bottom:before {
    content: "\e94e" !important;
    font-size: 15px !important;
    color: var(--main-icon-tool-color) !important;
}
.x-tool-toggle:before {
    content: "\e94f" !important;
    font-size: 15px !important;
    color: var(--main-icon-tool-color) !important;
}
.x-tool-expand-top:before {
    content: "\e94f" !important;
    font-size: 15px !important;
    color: var(--main-icon-tool-color) !important;
}

.x-fieldset-collapsed .x-tool-toggle:before {
    content: "\e94e" !important;
    font-family: icomoon;
    font-size: 15px !important;
}


.x-tool-up:before {
    content: "\e9b9" !important;
    font-size: var(--main-icon-tool-size);
    color: var(--main-icon-tool-color) !important;
}

.x-tool-down:before {
    content: "\e9b8" !important;
    font-size: var(--main-icon-tool-size);
    color: var(--main-icon-tool-color) !important;
}

.clsMultiEditHolidayWarning {
    margin-top: 10px;
    margin-left: 10px;
    position: relative;
    display: block;
    font-weight: bold;
    color: var(--main-warning-color);
}

.clsWarningLogSmall.clsSpace {
    margin: 0 auto !important;
    display: block !important;
}
.dshNewItemDataView {
    flex-wrap: wrap;
    justify-content: center;
    height: 1px;
    display: flex;
    overflow: hidden;
    overflow-y: auto; 
}
.dshNewItemDataView2 { 
    height: 1px; 
    overflow: hidden;
    overflow-y: auto;
}
.dshNewItemDVItem {
    cursor: grab;
    margin: 1px;
    margin-right: 0;
    padding: 2px;
    width: 77px;
    max-width: 77px;
    min-width: 77px;
    min-height: 60px; 
    background: var(--main-item-color) !important;
    border-radius: var(--main-radius-windows);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.x-panel-default.clsChatMessage {
    background: var(--main-panel-background) !important;
}
    .x-panel-default.clsChatMessage .x-panel-body {
        background: var(--main-panel-background) !important;
    }
.clsChatMessage {
    background-color: white !important;
    padding-top: 3px !important;
    /*background: var(--main-btn-color) !important;*/
    /*border-radius: var(--main-radius-windows) !important;*/
}

.clsChatMessage input::placeholder {
    color: var(--main-text-color) !important;
}

.clsMenuFavoritesItem:before {
    position: relative;
    display: block;
    margin: 0 auto;
}


.clsAlsoMobileFavorites:before {
    top: 5px !important;
    position: relative;
}

.clsMenuFavoritesItemNoMobile:before {
    position: relative;
    display: block;
    margin: 0 auto;
    top: 15px !important;
}

.menuItemFavoriteTitle {
    display: block;
    margin: 0 5px;
    position: relative;
    align-items: stretch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 75px;
}
/*.menuItemFavoriteTitle {
    display: flex;
    margin: 0 20px; 
    position: relative;
    align-items: stretch;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}*/

.menuItemFavoriteTitleContainer {
    display: block;
    text-align: center;
}

.clsGeneralSearchDefinitionEditContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.stickyTop {
    /*border-top: 1px solid var(--main-bk-border-color);*/
    position: sticky;
    top: 0;
    z-index: 99;
}

.stickyLeft {
    position: sticky;
    left: 0;
    z-index: 98;
}

#employeeHeaderName {
    position: sticky;
    left: 0;
    z-index: 98;
}

.clsTodayBookingDay:before {
    margin-left: -1px !important;
    margin-bottom: 1px !important;
}

.empNameContainerTM {
    /*display: flex;*/
    flex-wrap: wrap;
    cursor: pointer;
    min-height: 30px;
}

.clsViewOnlyEmployee16 {
    position: relative;
    font-weight: bold;
    float: inline-end;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: flex-end;
    align-items: flex-end;    
}

.clsViewOnlyEmployee16:before {
    position: absolute;
    bottom: 120% !important;
}
.x-btn-group-default-framed {
    -webkit-box-shadow:none;
    -o-box-shadow: none;
    box-shadow: none;
}
 

.generalSearchEmployeeSchedule {

    color: var(--main-active-color);
    font-size: 16px;
    float: right;
    right: 45px;
    position: relative;
    cursor: help;
}

.displayNoneTD {
    display: none;
}

.rotareClassRelative .clsViewOnlyEmployee16:before {
    top: -22px;
    left: 5px;
    position: relative;
    color: var(--main-text-color) !important;
}

.rotareClassRelative .clsViewOnlyEmployee16 {
    position: absolute !important;
    font-weight: bold !important;
    right: 0px !important;
    top: 35px !important;
}

.clsEmpPhotoEdit {
    height: 80px;
    width: 80px;
    border-radius: 60px;
    margin: 0 auto !important;
    background-size: cover !important;
}

.terminalImageEdit {
    top: 10px !important;
}

.clsSaveButtonEX .clsDataGroups16:before {
    color: #ffffff !important;
}

.clsSaveButtonEX .clsUser16:before {
    color: #ffffff !important;
}

.clsTeamEmployeeComboSelectionIcon.clsGroupOverview16 {
    display: inline-block !important;
    line-height: 17px !important;
    font-style: normal;
}

.clsTeamEmployeeComboSelectionIcon.clsUser16 {
    display: inline-block !important;
    line-height: 17px !important;
}

.clsTeamEmployeeComboSelectionIcon.clsViewOnlyTeamCombo {
    display: inline-block !important;
    line-height: 17px !important;
}

.x-action-col-cell.displayInlineActionCol .x-grid-cell-inner {
    display: flex !important;
    flex-wrap: wrap;
    align-content: center;
    justify-content: end;
    align-items: center;
    height: inherit;
}

.clsEmpPhotoGeneralSearchSize {
    height: 36px !important;
    max-height: 36px !important;
    width: 36px !important;
    max-width: 36px !important;
    border-radius: 30px !important;
    background-size: cover !important; 
    position:absolute;
}

.employeeGeneralSearchContainer {
    position: relative;
}





.eastZoomAdjust {
    left: 75px !important;
}

.northSouthZoomAdjust {
    left: 37px !important;
}

.eastWestZoomAdjust {
    top: 9px !important;
}

.eastZoomAdjustTM {
    left: 80px !important;
}
.westZoomAdjustTM {
    left: 5px !important;
}

.eastZoomAdjustYV {
    left: 80px !important;
}

.northSouthZoomAdjustTM {
    left: 42px !important;
}

.holidayManagementAddAbsenceForm div div {
    padding-top: 0px !important;
}


.clsNoMsg .x-btn-inner {
    font-size: 13px;
    color: black !important;
}

.clsWarningButtonEX {
    background-color: var(--main-warning-color) !important;
    border: 1px solid var(--main-warning-color) !important;
}

.clsWarningButtonEX.x-btn-over {
    background-color: var(--main-warning-color-pressed) !important;
    border: 1px solid var(--main-warning-color-pressed) !important;
}

.clsYesRedMsgDelete .x-btn-inner,
.clsDeleteButtonEX .x-btn-inner,
.clsWarningButtonEX .x-btn-inner,
.clsApplyButtonEX .x-btn-inner,
.clsSaveButtonEX .x-btn-inner,
.clsSaveButtonEX .x-btn-inner,
.clCancelButtonEX .x-btn-inner {
    font-size: 12px !important;
}
.clCancelButtonEX .x-btn-inner {
    color: var(--cancel-btn-text-color-over) !important;
}
.clCancelButtonEX.x-btn-default-small-over .x-btn-inner {
    color: var(--cancel-btn-text-color-over) !important;
}



.dashboardBtnAbsences {
    height: 54px !important;
    width: 110px !important;
    top: 2px !important;
    margin-left: 1px !important;
}

.teamChartPanel {
    background-color: var(--main-btn-color) !important;
}

.clsGivenDays .x-field.amano-number-field.x-form-item.x-field-default.x-item-disabled {
    opacity: 1 !important;
}

.clsGivenDays .x-field.amano-number-field.x-form-item.x-field-default.x-item-disabled .x-form-item-body {
    opacity: 0.4 !important;
}

.x-fieldset.clsGivenDays.x-fieldset-default.x-item-disabled {
    opacity: 1 !important;
}

.x-field.holidayTabPeriodsStartEnd.x-form-item.x-field-default.x-item-disabled {
    opacity: 1 !important;
}
.x-field.holidayTabPeriodsStartEnd.x-form-item.x-field-default.x-item-disabled .x-form-item-body {
    opacity: 0.4 !important;
}

.holidayTabPeriodsAccrual .x-field.x-form-item.x-field-default.x-item-disabled {
    opacity: 1 !important;
}

.holidayTabPeriodsAccrual .x-field.x-form-item.x-field-default.x-item-disabled .x-form-item-body  {
    opacity: 0.4 !important;
}

.minHeightMgsWin {
    min-height: 130px !important;
}

.employeeTmCell {
    border-right: 1px solid #b8b6b6;
}

.treeBackgroundProfilegrid .x-panel-body {
    background-color: var(--view-bk-color) !important;
}

.chatBackground .x-panel-body {
    background-color: var(--view-bk-color) !important;
}

.x-datepicker .x-btn-default-small.x-btn-default-small-over .x-btn-inner {
    color: var(--main-text-color);
}

.yvToolbar {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.toolbarPaddingGrid.x-toolbar.x-docked-top {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.toolbarPaddingGridProject.x-toolbar.x-docked-top {
    padding-bottom: 4px !important;
    padding-top: 4px !important;
}

.yearlyPickerHeader td {
    background-color: var(--main-color) !important;
    border: 1px solid var(--main-bk-border-color) !important
}

.yearlyPickerHeader .thumb-wrapDH {
    border-right: 0px !important;
}

.x-fieldset.x-fieldset-default {
    border-radius: var(--main-radius) !important;
}

.x-btn-default-small.x-btn-default-small-focus {
    outline: 1px solid var(--main-focus-btn-color) !important;
    outline-offset: -1px !important;
    overflow: visible;
}

.x-btn-default-toolbar-small-focus {
    outline: 1px solid var(--main-focus-btn-color) !important;
    outline-offset: -2px !important;
    overflow: visible;
}

.x-over.x-btn-default-small.x-btn-default-small-focus,
.x-over.x-btn-default-toolbar-small-focus {
    outline: 0px solid var(--main-opposite-color-focus) !important;
}

.mainConfirmColorClass {
    color: var(--main-confirm-color);
}

.mainErrorColorClass {
    color: var(--main-error-text-color);
}

.holidaySettingsLegend table {
    width: 100% !important;
}

.employeeEditFullNameLabel {
    padding-top: 3px;
}

.employeeEditFullNameLabelFocus {
    text-decoration: underline;
}

.x-btn-default-toolbar-small-over .x-btn-inner:before {
    /*color: var(--main-bk-border-color) !important;*/
}

.clsSaveButtonEX .clsAddNewItem:before {
    color: var(--main-opposite-color-focus) !important;
}

.x-toolbar .x-form-item-label {
    font-size: 12px;
}

.absenceRequestEditColorCls {
    border: 0px !important;
    margin: 5px 0px 0px 0px !important;
}



.menuSearchField .inputPickerFieldCls::placeholder {
    padding-left: 10px;
}

.treeMenuMini .x-menu-item-text {
    overflow: hidden;
    text-overflow: ellipsis;
}

.changeWarningColorLog {
    color: var(--main-warning-color);
}

.dashboardBtnAbsences .x-btn-inner {
    padding-left: 15px !important;
    padding-top: 5px !important;
}

.clsLastCalcDateGeneralSearchEmployee {
    position: relative;
    float: inline-end;
    padding-right: 22px;
    cursor: default;
    font-size: 11px;
}

.clsLastCalcDateGeneralSearchEmployeePast {
    color: var(--main-warning-color);
}

.clsConfigmColorLoadingSpinner:before {
    color: var(--main-confirm-color) !important;
}

.clsConfirmColorLoadingSpinnerDV::before {
    animation: fa-spin 2s infinite linear;
    position: absolute;
    left: 5px;
    font-size: 19px !important;
}

.clsConfirmColorLoadingSpinnerDV {
    padding-left: 20px !important;
}

.clsConfirmColorLoadingSpinnerEV::before {
    animation: fa-spin 2s infinite linear;
    position: absolute;
    left: 5px;
    font-size: 21px !important;
}

.clsConfirmColorLoadingSpinnerEV {
    padding-left: 10px !important;
}

.clsCalculationsInProgress div {
    padding: 0px !important;
}

.clsCalculationsRunningTM {
    font-size: 13px;
    align-self: center;
}



.loginBtns.x-btn-default-small-over .x-btn-inner {
    color: var(--main-login-screen-over-color) !important;
}
.dashboardCenterRegion .x-panel-header-icon:before {
    color: var(--main-icon-tool-color) !important;
}

.treeBackgroundProfilegrid .x-tree-icon-leaf {
    background-image: none !important;
    width:0px;
}
.treeBackgroundProfilegrid .x-grid-cell-inner:before {
    font-family: materialblack_general;
    color: var(--main-color-darker);
    content: "\e833" !important;
    font-size: var(--font-icon-smaller) !important;
    margin-right: 2px;
}
.treeBackgroundProfilegrid .x-grid-row-selected .x-grid-cell-inner:before {
    font-family: materialblack_general;
    color: var(--main-color-darker);
    content: "\e82f" !important;
    font-size: var(--font-icon-smaller) !important;
    margin-right: 2px;
}

.clsGSManagerBtn .x-btn-inner {
    display: flex;
    padding-left: 0px !important;
    text-align: center;
}

.clsGSManagerBtn .x-btn-inner:before {
    font-size: var(--font-icon-tools) !important;
    padding-right: 25px !important;
}

.x-panel-header-vertical .x-tool, .x-window-header-vertical .x-tool {
    margin-top: 5px !important;
}
.x-progress-default .x-progress-text-back {
    color: var(--main-text-color) !important;
}

.employeeViewDataToolbarStatus .x-btn-inner.clsRecalculateDayViewBtn,
.employeeViewDataToolbarStatus .x-btn-inner.clsTrue16 {
    display: flex !important;
}

.clsVTClockContainer {
    background-color: var(--view-bk-color) !important;    
    border-radius: var(--main-radius-windows) !important;
}

.clsVTClockContainer .x-panel-body {
    padding-top: 5px !important;
    background-color: var(--view-bk-color) !important;
}

.clsVTClockContainer .x-panel-body  {
    background-color: var(--view-bk-color) !important;
}


.loadingMask2026 {
    position: relative;
    overflow: hidden;
    background-color: transparent;   
}

.loadingMask2026::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    height: 100%;
    width: 150%;
    background: linear-gradient(90deg, transparent, var(--main-color-luminous), transparent);
    animation: shimmer 1.2s infinite;
}

/* Animation */
@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}
 
.x-grid-rowwrap-div {
    border-width: 1px 0;
    border-color: transparent;
    border-style: solid;
    border-top-color: transparent;
    overflow: hidden;
}

.x-grid-row-editor-buttons-bl, .x-grid-row-editor-buttons-br {
    background-image: none;
}
.x-grid-row-editor-buttons {
    background-color: var(--main-bk-grid-color);
}
.x-grid-row-editor-buttons-ml,
.x-grid-row-editor-buttons-mr,
.x-grid-row-editor-buttons-bc {
    background-color: var(--main-active-light-color);
}
.x-grid-row-editor .x-panel-body {
    border-top: 1px solid var(--main-active-light-color) !important;
    border-bottom: 1px solid var(--main-active-light-color) !important;
}
.paginBBar {
    border-top: 1px solid var(--main-bk-grid-color) !important;
}
.btnLoginWithMs.x-btn-default-small-over .x-btn-inner {
    color: #474545 !important;
}
.helpWithIconTip {
    display: inline-flex !important;
    max-width: 400px;
}
.dshToolbox .x-toolbar,
.dshToolbox .x-panel-header-horizontal .x-panel-header-body {
    background-color: var(--main-bk-border-color) !important;
}
.dshToolbox .x-panel-body {
    background-color: var(--main-panel-background) !important
}
.dshToolbox .x-panel-header-horizontal .x-panel-header-body {
    padding-left:5px;
}
.dshToolbox .x-panel-header {
    padding-left: 5px;
}
.btnChildLeft {
    border-right: 0px solid transparent !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.btnChildRight {
    border-left: 0px solid transparent !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
/*
.holidayOptionsTableLayout2 table{
    width: 100%;
}
.holidayOptionsTableLayout table {
    width: 95%;
}*/
.legend65Margin legend {
    margin-left: 65px;
}
.legend135Margin legend {
    margin-left: 135px;
}
.legend15Margin legend {
    margin-left: 15px;
}
.fsNoMargin.x-fieldset {
    margin-right: 0px !important;
}

.x-livesearch-match .x-grid-cell-inner {
    font-weight: bold !important;
}

.terminalConnected .x-grid-checkheader,
.terminalNotConnected .x-grid-checkheader {
    line-height: 15px !important;
}

.projectDefListQRCode.x-action-col-cell.displayInlineActionCol .x-grid-cell-inner {
    justify-content: center !important;
}

.x-form-invalid-icon {
    background: none !important;
    width: 0px;
    height: 0px;
}

.btnTextElipsis .x-btn-inner.clsClean16 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block !important;
    width: 100% !important;
}

.chartTooltipProjects .x-tip-body {
    overflow: visible !important;
    height: auto !important;
    min-height: 15px !important;
}

.bkTimeRR {
    font-size: 12px;
}

.x-tip .featureRequestQTip {
    max-height: 300px !important;
    height: 1px !important;
}


.timecardGrid .x-action-col-cell.displayInlineActionCol .x-grid-cell-inner {
    display: flex !important;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    height: inherit;
}#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: var(--main-color) !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: var(--main-menu-bk-color) !important;
    border-bottom: 1px solid var(--main-menu-bk-color);
    border-top: 0px !important;
    padding-left: 3px !important;
}

#menuId.x-toolbar-default
{
	border-left: 0px !important;
} 


.clsHelp24
{
    background-image: url(../images/help24.png) !important;
}
.clsHtmlIcon16
{
    text-align: left !important;
    background-image: url(../images/htmlIcon16.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;
}


.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-size: contain;
    background-image: url(../images/alarm48.png) !important;
}
.clsGSSignal48
{
    font-weight: bold !important;
    text-align: left;
    background-image: url(../images/gsSignal48.png) !important;
} 

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

.clsGSHoliday48
{
    font-weight: bold !important;
    text-align: left;
    background-image: url(../images/holidayCard48.png) !important;
}
 
 
.clsGSInOut48
{
    font-weight: bold !important;
    text-align: left;
    background-image: url(../images/inOut48.png) !important;
}
.clsGSInOut {
    background-size: contain;
    background-image: url(../images/inOut.png) !important;
}
.clsGSInOut16 {
    background-size: contain;
    background-image: url(../images/inOut16.png) !important;
}

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

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

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

.clsSiteOccupancyView16 {
    background-size: contain;
    background-image: url(../images/siteOccupancy32.png) !important;
} 
.clsUXClock {
	text-align: center;
	padding: 0px;
	margin: 2px;
	background-color: var(--main-bk-border-color) !important;
	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: var(--font-family);
	display: inline;
}

/*.clsUXClockTextOnly {
	text-align: center;
	padding: 0px;
	margin-top: -1px !important;
	background: transparent;
	font-family: var(--font-family);
	display: inline;
	color: var(--main-active-light-color);
}*/

.clsUXClockTextOnly {
	text-align: center;
	padding: 0px;
	margin-top: -10px !important;
	background: transparent;
	font-family: var(--font-family);
	display: inline;
	color: var(--main-active-light-color);
}

.clsUXClockTimeSmall
{
	padding-top: 1px;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
}
.clsUXClockTimeLarge
{
	padding-top: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}
/*.clsUXClockTimeTopToolbar {
	padding-top: 4px;
	text-align: center;
	font-weight: bold;
	font-size: 2.2em;
}*/
.clsUXClockTimeTopToolbar {
	padding-top: 17px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	margin: 0 auto !important;
}

.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
{
	background: transparent;
}
.ux-dashboard {
    
    
}

.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: 0px !important;
    border-radius: var(--main-radius) !important;
    -moz-border-radius: var(--main-radius) !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: 15px;
    height: 25px;
    text-align: center;
    border-radius: var(--main-radius) !important;
    -moz-border-radius: var(--main-radius) !important;
}

.clsCalculationsInProgress div , .clsCalculationsDone div,.clsCalculationsServiceStopped div
{
    padding: 7px 5px;
}

.clsCalculationsInProgress, .clsCalculationsServiceStopped {
    background-color: var(--main-color-luminous-plus);
    color: black;
}

.clsCalculationsInProgress
{
   /* background-image: url(../images/calcInProgress20.gif); */
}


.clsCalculationsInProgress {
    padding-left: 0px !important;
    text-align: left;
}
.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 var(--main-color);*/
    padding: 3px;
}

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

.x-tool-panelsize {
    background-position: 0 0;
    font-family: icomoon;
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important; 
    background-image: none !important;
}
    .x-tool-panelsize:before {
        content: "\e9b5" !important;
        font-size: var(--main-icon-tool-size);
        color: var(--main-icon-tool-color) !important;
    }
.x-tool-over .x-tool-panelsize {
    background-position: 0 0; 
}
    .x-tool-over .x-tool-panelsize:before {
        color: var(--main-color-luminous) !important;
    }


.x-btn-default-toolbar-small-icon .x-btn-inner {
    width: 18px !important;
}

.btnMenuTopBar:before {
    position: absolute !important;
    top: 3px !important;
}


.clsIT30Terminal16,
.clsVisitorMT,
.clsVisitorWEB,
.clsVisitorFrontDesk,
.clsVisitorIT500,
.clsIT300Terminal16,
.clsIT500Terminal16,
.mobileTerminal16,
.clsSiteRequestActive, .clsSiteRequestInactive,
.clsDownloadQrCode16,
.clsDownloadQrCodeCenter16,
.clsBkRegister48,
.expensetm,
.clsBkRegister16,
.clsCheckIn, .clsCheckOut, .clsCollapseAll16, .clsExpandAll16, .clsOrder, .clsAdd16, .clsSubtract16, .clsMultiply16, .clsDivide16,
.clsLessThan16, .clsLessThan16, .clsGreaterThan16, .clsCounterScript16, .clsPopulateCounter16, .clsAddNote,
.clsViewItem, .clsHideAll16, .clsAnomalies16, .clsHideByPeriod16, .clsHideBySelection16, .clsCalculationsServiceStopped, .clsCalculationsDones, .clsDayView,
.clsDayView16, .clsNewRequest16, .clsHolidayCard16, .clsHolidayPrevPeriod, .clsHolidayCurrentPeriod, .clsHolidayNextPeriod, .clsPrevoiusBookingDay, .clsTodayBookingDay,
.clsNextBookingDay, .clsBtnBooking, .clsTeamEmployee, .clsDepartmentRegistration16, .clsAddNewItem, .clsDuplicate16, .clsEditItem, .clsEditWithHand16,
.clsActions16, .clsGroupAddBooking, .clsGroupChangeDP, .clsDeleteItem, .clsDelete16, .clsDeleteWithHand16, .clsDeleteItemCombo, .clsRefreshList,
.clsClear, .clsPrintSelected, .clsPrint, .timeCard16, .clsQuickSearch, .clsRemoteSearch, .clsExcelIcon16, .clsExportCSV, .clsPDFIcon16, .clsDownloadCsv16, .clsDownload16,
.clsIncludeItems, .clsReset16, .clsUser16, .clsSetBtn, .clsSave, .clsSaveLeft, .clsMail16, .clsUpload16, .clsCustomFilters, .clsImport16, .clsEditMultipleEmp16, .clsDeleteFingerprints, .clsUploadFilesFont, .clsFilters16, .employeeSave, .clsEnroll, .clsGdpr16, .clsCellViewSettings, .clsReprocess16, .clsCellView16, .clsSendEmailTo,
.clsZoomIn16, .clsViewMoreDetailsSearch, .clsZoom, .clsProjectTime16, .clsZoomOut16, .clsViewCellConfig16, .clsDashboardConfigurations16, .clsUndelete16, .contextMenuClose, .clsGrant, .clsGrantWithHand16, .clsReject, .clsHelpFineAnomaly16, .clsTopHelp16, .clsMenuFavorites, .clsTopBookingsAuthActive, .clsEmployeeDetails, .clsGreenCircle, .clsRedCircle, .clsOrangeCircle, .clsGrayCircle, .clsDeselectAll, .clsSelectAll, .clsAddStar16, .clsVersion16, .clsUpMenu16, .clsDownMenu16, .clsTopLogout, .clsUserManager16White, .clsContact16, .clsAddNewRow16, .clsCustomHeight16, .clsAutoHeight16, .clsApply16,
.clsCellViewSettings32,
.clsCellViewSettings16,
.clsAssignRepToUser, .clsFixAnomalyAction16, .clsOrganizeDashboardConfigurations16, .clsTopBookingsAuthInactive, .clsTopAbsenceRequestsActive, .clsTopAbsenceRequestsInactive, .clsTopExpenseRequestsActive, .clsTopExpenseRequestsInactive, .clsTopServicesStatusActive, .clsTopServicesStatusInactive, .clsTopChatActive, .clsTopChatInactive, .clsTopMyMessagesActive, .clsTopMyMessagesInactive, .clsTopGdprRequestsActive, .clsTopGdprRequestsInactive, .clsTopMyShiftChangeReqsActive, .clsTopMyShiftChangeReqsInactive, .clsTopTerminalStatusActive, .clsTopTerminalStatusInactive,
.clsRecalculateDayViewBtn, .clsRecalculation16, .clsShowAnomalieBtn, .clsFixAnomaly16, .clsHideAnomalieBtn, .clsConfirmAll16, .clsDisconfirmAll16, .clsFreeze, .clsFreeze16, .clsUnFreeze16, .clsUnFreeze,
.clsFalse16, .clsTrue16, .clsTrueGray16, .clsGrant16, .clsTeamFiles16, .clsPlay16, .clsChat16, .clsDeleteItemCombo, .clsAddToFav, .clsPeriodicConfirmationMSS16, .clsGroupNewMessage, .clsBtnBookingLog, .clsGroupSendMessage, .clsDownloadResources16, .clsFood16, .clsCoffe16, .clsUpgradeFirmware16,
.clsClockingQueue48, .clsSearch16,
.clsChangeCycle,
.clsCntCorrectionDaily16,
.clsPeriodicTotals16,
.clsRebuildHoliday16,
.clsDPScheduler,
.tmFilterDESC,
.fitToView,
.clsAddNote,
.tmFilterASC,
.clsCounterDefinitionTM16,
.clsTerminalManagerCommands16,
.clsDayProgramTM16,
.clsTerminalForm16,
.clsAbsenceTM16,
.clsRunReport16,
.clsGPS,
.clsMyTeamView16,
.clsMyTeamViewSmaller,
.clsBtnAbsenceLog,
.clsShiftHoliday16,
.clsShiftHolidayHistory16,
.clsRealBooking16,
.clsNewBookingRequest16,
.clsBkEditHistory16,
.clsReportDefinitions16,
.clsGroupAddProjectBooking,
.clsJobScheduler16,
.clsExportDefinitions16,
.clsCOMMXMLExport16,
.clsExportExecutions16,
.clsRunExport16,
.clsEvents, .terminalIT30, .terminalBioIT30, .terminalIT300, .terminalPaymate, .terminalMorpho500, .terminalMorphoJ, .terminalMorphoMA200, .terminalGSGT, .terminalFile, .terminalVT, .GSTerminalManager32, .mobileTerminal32, .terminalIT500, .terminaleTSmile, .terminalF22, .clsHolidayAccrual16, .clsHolidayFix16, .clsHolidayAccrual22, .clsHolidayFix22, .printerQL820NWBCon,
.clsErrorsLog,
.clsErrorsLogBig,
.clsPrintVisitor,
.clsSiteRequestFlash,
.clsDataCollectionFlash,
.clsTopGdprRequestsFlash,
.clsTopMyMessagesFlash,
.clsTopChatFlash,
.clsTopTerminalStatusFlash,
.clsTopMyShiftChangeReqsFlash,
.clsTopAbsenceRequestsFlash,
.clsTopBookingsAuthFlash,
.clsTopExpenseRequestsFlash,
.clsTopMyServicesStatusFlash
.clsReportExecutions16, .x-btn-arrow, .x-btn-split-right, .clsMSSettingsBtnHelp, .clsThemeConfiguration, .clsThemeConfiguration16, .clsGenerateMobileSettings, .splitBookingsProjectDayView,
.empViewDocsFilterASC, .empViewDocsFilterDESC, .clsLastLoginFromWeb, .clsLastLoginFromMobile,
.clsCntCorrection16, .clsUnlock16, .clsUnknownIconBig, .clsHtmlTM16, .astrowLogoTextFontLogin, .amanoLogo, .clsPeriodicConfirmationESS_TM, .clsPeriodicConfirmationMSS_TM, .clsSiteRequest16, .clsViewOnlyEmployee16, .clsViewOnlyTeamCombo, .clsWordIconBig, .clsLicenseMSSMobile, .clsLicenseMobile, .clsLicenseESSMobile, .clsLicenseVTMobile, .clsCourse16, .clsDataGroups16, .clsTXTIconBig, .clsPictureIconBig, .clsExcelIconBig, .clsPDFIconBig, .clsCSVIconBig, .clsTryAgain16, .clsDown24, .clsUp24, .clsLeft24, .clsRight24, .clsUnknownFile, .clsPdfFile, .clsTextFile, .clsWordFile, .clsPicture16, .clsBookingGo, .clsBookingGo22, .clsHolidayCardBtn,
.clsWarningLogINLINE,
.clsWarningLog, .clsTerminalCircleRed, .clsTerminalCircleGreen, .clsTerminalCircleOrange,
.clsWarningLogSmall, .clsAlsoMobileFavorites, .clsSendChatBtn, .clsMailSmaller, .clsGenerateStringPassword, .clsBookingIn, .clsBookingIn22, .clsGroupAddAbsence, .clsBookingSwitchCC, .clsSearchDef, .clsMenu, .clsSearchVistor, .clsBookingOut, .clsBookingOut22, .clsBookingEnd, .clsBookingEnd22, .clsYearlyView16, .clsApplyFilter, .clsInitialize16, .clsChangeDayProgram, .clsOperationLog16, .clsOperationLogWindow, clsHolidayCardBtn, .pipNotes, .clsPIPAll, .clsPIPA, .clsPIPS0, .clsPIPS6, .clsPIPS5, .clsPIPS1, .clsPIPS2, .clsPIPS3, .clsPIPS4, .clsPIPP, .generalSearchTopTb, .clsLanguageDescription16, .clsWorkBackground16, .clsPick16, .clsRestoreDefaults16, .clsRecurrentAbsenceIcon, .contextMenuMaximize, .clsMore16, .clsMore32, .contextMenuMinimize, .clsOnline16, .clsResetDatabase16, .clsStop16, .clsRestoreDefaults16, .clsBack16, .clsNext16, .clsResetField, .clsValidField, .clsValidFieldSmaller, .clsBtnUserDeletedLog, .testExportFormat, .clsAcknowledge, .clsGuideBtn, .clsTestExport, .clsAddHol, .clsEditHol, .clsDelHol, .clsGroupResetPassword, .clsAnomaly16, .clsDownloadFile16, .clsAcknowledgeUnconfirmed, .clsColumnsBtn, .clsDayMessage, .clscheckEmailServer16, .clsServicesStatus, .clsDownloadQrCodeCenter16, .clsBlock16, .clsMaintenanceClearData48, .clsMaintenanceClearData16, .clsApplicationLog16, .clsApplicationLog, .clsDefinitionMaintenance48, .clsFailedNotif, .clsCalculations16, .clsCancel, .clsDownloadResources48, .clsCalculations48, .clsPhone16, .clsHistory, .clsHRProfessional, .clsHRCurriculum, .clsDeleteFile16, .clsList16, .clsInfo, .clsInfoSpecialCond, .clsSynchronize16, .clsReboot16, .clsReprogram16, .clsLinkedEmployeesList16, .clsConfigure16, .clsSql16, .clsParameter16, .clsReconnect16, .clsShell16, .clsClean16, .clsNewSiteReservation, .clsDeleteSiteReservation, .clsCancelSiteReservation {
    /*padding-top: 1px !important;*/
    display: flex !important;
    padding-left: 0px !important;
    padding-right: 0px;
    margin-right: 0px;
    align-items: center !important;
}
.clsPrintVisitor:before {
    font-family: icomoon;
    content: "\e9c8" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

    .terminalIT30:before {
        font-family: icomoon;
        content: "\e9d6" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
        font-weight: normal;
    }
.clsIT30Terminal16:before {
    font-family: icomoon;
    content: "\e9d6" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
    font-weight: normal;
}
    .terminalBioIT30:before {
        font-family: icomoon;
        content: "\e9d4" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
        font-weight: normal;
    }
    .terminalIT300:before {
        font-family: icomoon;
        content: "\e9d7" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
        font-weight: normal;
    }
.clsIT300Terminal16:before {
    font-family: icomoon;
    content: "\e9d7" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
    font-weight: normal;
}
    .terminalPaymate:before {
        font-family: icomoon;
        content: "\e9d0" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
        font-weight: normal;
    }
    .terminalMorpho500:before {
        font-family: icomoon;
        content: "\e9d3" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
        font-weight: normal;
    }
    .terminalMorphoJ:before {
        font-family: icomoon;
        content: "\e9d2" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
        font-weight: normal;
    }
    .terminalMorphoMA200:before {
        font-family: icomoon;
        content: "\e9d1" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
        font-weight: normal;
    }
    .terminalGSGT:before {
        font-family: icomoon;
        content: "\e9d8" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
        font-weight: normal;
    }
    .terminalFile:before {
        font-family: icomoon;
        content: "\e9d9" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
        font-weight: normal;
    }
    .terminalVT:before {
        font-family: icomoon;
        content: "\e9cf" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
        font-weight: normal;
    }
    .GSTerminalManager32:before {
        font-family: icomoon;
        content: "\e9d8" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
        font-weight: normal;
    }
    .mobileTerminal32:before {
        font-family: icomoon;
        content: "\e90c" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
        font-weight: normal;
    }
.mobileTerminal16:before {
    font-family: icomoon;
    content: "\e90c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
    font-weight: normal;
}

.clsIT500Terminal16:before {
    font-family: icomoon;
    content: "\e9ce" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
    font-weight: normal;
}
    .terminalIT500:before {
        font-family: icomoon;
        content: "\e9ce" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
        font-weight: normal;
    }
    .terminaleTSmile:before {
        font-family: icomoon;
        content: "\e9cd" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
        font-weight: normal;
    }
    .terminalF22:before {
        font-family: icomoon;
        content: "\e9d5" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }
    .printerQL820NWBCon:before {
        font-family: icomoon;
        content: "\e9c8" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
        font-weight: normal;
    }

.terminalDisconnected:before {
    color: gray !important;
}
.clsEvents:before {
    font-family: icomoon;
    content: "\e9a4" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsLicenseVTMobile:before {
    font-family: icomoon;
    content: "\e9dd" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsLicenseESSMobile:before {
    font-family: icomoon;
    content: "\e9de" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsLicenseMSSMobile:before {
    font-family: icomoon;
    content: "\e9df" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsLicenseMobile:before {
    font-family: icomoon;
    content: "\e9dc" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsUnknownFile:before {
    font-family: materialblack_text;
    content: "\e87d" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsPdfFile:before {
    font-family: materialblack_text;
    content: "\e802" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsWordFile:before {
    font-family: materialblack_text;
    content: "\e89e" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsTextFile:before {
    font-family: materialblack_text;
    content: "\e844" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.empViewDocsFilterASC:before {
    font-family: materialblack_text;
    content: "\e889" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--main-color-darker) !important;
}

.empViewDocsFilterDESC:before {
    font-family: materialblack_text;
    content: "\e889" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--main-color-darker) !important;
}

.clsHolidayFix16:before {
    font-family: icomoon;
    content: "\e955" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsHolidayAccrual16:before {
    font-family: icomoon;
    content: "\e9da" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsHolidayFix22:before {
    font-family: icomoon;
    content: "\e955" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsHolidayAccrual22:before {
    font-family: icomoon;
    content: "\e9da" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsDown24:before {
    font-family: icomoon;
    content: "\e94e" !important;
    font-size: var(--font-icon-smallger) !important;
    color: var(--main-color-darker) !important;
}

.clsUp24:before {
    font-family: icomoon;
    content: "\e94f" !important;
    font-size: var(--font-icon-smallger) !important;
    color: var(--main-color-darker) !important;
}

.clsRight24:before {
    font-family: icomoon;
    content: "\e94d" !important;
    font-size: var(--font-icon-smallger) !important;
    color: var(--main-color-darker) !important;
}

.clsLeft24:before {
    font-family: icomoon;
    content: "\e94c" !important;
    font-size: var(--font-icon-smallger) !important;
    color: var(--main-color-darker) !important;
}

.clsRunExport16:before {
    font-family: icomoon;
    content: "\e986" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsDayViewMenu16:before {
    font-family: iphone_general;
    content: "\e818" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsBkEditHistory16:before {
    font-family: icomoon;
    content: "\e9b1" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsRealBooking16:before {
    font-family: icomoon;
    content: "\e9b2" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsSendChatBtn:before {
    font-family: amano;
    content: "\3e" !important;
    font-size: var(--font-icon-big-26) !important;
    color: var(--main-color-darker) !important;
    position: relative !important; 
}

.clsAlsoMobileFavorites:before {
    font-family: 'materialblack_general';
    content: "\e85d" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsTryAgain16:before {
    font-family: materialblack_text;
    content: "\e880" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsShiftHoliday16:before {
    font-family: icomoon;
    content: "\e9bc" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsShiftHolidayHistory16:before {
    font-family: icomoon;
    content: "\e9bd" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsBtnAbsenceLog:before {
    font-family: icomoon;
    content: "\e94b" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.x-hide-display {
    display: none !important;
}

.clsGPS:before {
    font-family: icomoon;
    content: "\e9ad" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

 
    .clsGroupAddProjectBooking:before {
        font-family: icomoon;
        content: "\e9ae" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }
    /*e837 */
.clsDayProgramTM16:before {
    font-family: icomoon;
    content: "\e962" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
}
.clsCounterDefinitionTM16:before {
    font-family: icomoon;
    content: "\e972" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
}
.clsAbsenceTM16:before {
    font-family: icomoon;
    content: "\e94b" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
}

.fitToView:before {
    font-family: iosfilled_graphics;
    content: "\e858" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
} 
.clsRunReport16:before {
    font-family: icomoon;
    content: "\e988" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.tmGroupBy:before {
    font-family: iphone_communications;
    content: "\e842" !important;
    font-size: var(--font-icon-smallger) !important;
    color: var(--main-color-darker) !important;
}
.tmGroupActive:before {
    font-family: iphone_communications;
    content: "\e87c" !important;
    font-size: var(--font-icon-smallger) !important;
    color: var(--main-color-darker) !important;
}
.tmFilterASC:before {
    font-family: materialblack_text;
    content: "\e889" !important;
    font-size: var(--font-icon-smallger) !important;
    color: var(--main-color-darker) !important;
}

.tmFilterDESC:before {
    font-family: materialblack_text;
    content: "\e88a" !important;
    font-size: var(--font-icon-smallger) !important;
    color: var(--main-color-darker) !important;
}


.clsDPScheduler:before {
    font-family: icomoon;
    content: "\e9a9" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
    .clsRebuildHoliday16:before {
        font-family: icomoon;
        content: "\e9a8" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }

.clsCntCorrection16:before {
    font-family: icomoon;
    content: "\e9aa" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsCntCorrectionDaily16:before {
    font-family: icomoon;
    content: "\e9ab" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsPeriodicTotals16:before {
    font-family: icomoon;
    content: "\e9ac" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
    .clsViewMoreDetailsSearch{
        cursor: pointer;
    }
    .moreVertical:before {
        font-family: materialblack_general;
        content: "\e853" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }
.clsUnlock16:before {
    font-family: amano;
    content: "\6b" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsGenerateStringPassword:before {
    font-family: iphone_security;
    content: "\e83a" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
}
.clsGroupAddAbsence:before {
    font-family: icomoon;
    content: "\e94b" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsCar2:before {
    font-family: iphone_communications;
    content: "\e81b" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
    .clsPhone2:before {
        font-family: iphone_business;
        content: "\e857" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }

    .clsMail2:before {
        font-family: materialblack_general;
        content: "\e849" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }
.clsMail16:before {
    font-family: materialblack_general;
    content: "\e849" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsMailSmaller:before {
    font-family: materialblack_general;
    content: "\e849" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
}
    .clsSearchVistor:before {
        font-family: icomoon;
        color: white;
        content: "\e92a" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }
    .clsSearchDef:before {
        font-family: icomoon;
        content: "\e92c" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }
    .clsMenu:before {
        font-family: iphone_general;
        margin: auto;
        content: "\e853" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }


.clsBookingSwitchCC:before {
    font-family: icomoon;
    content: "\e974" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--main-color-darker) !important;
}
.clsBookingGo:before {
    font-family: icomoon;
    content: "\e948" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--main-color-darker) !important;
}

.clsBookingGo22:before {
    font-family: icomoon;
    content: "\e948" !important;
    font-size: var(--font-icon-smallger) !important;
    color: var(--main-color-darker) !important;
}

.clsBookingIn:before {
    font-family: icomoon;
    content: "\e949" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--main-color-darker) !important;
}
.clsBookingIn22:before {
    font-family: icomoon;
    content: "\e949" !important;
    font-size: var(--font-icon-smallger) !important;
    color: var(--main-color-darker) !important;
}
.clsBookingOut:before {
    font-family: icomoon;
    content: "\e94a" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--main-color-darker) !important;
}
.clsBookingOut22:before {
    font-family: icomoon;
    content: "\e94a" !important;
    font-size: var(--font-icon-smallger) !important;
    color: var(--main-color-darker) !important;
}
.clsBookingEnd:before {
    font-family: icomoon;
    content: "\e947" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--main-color-darker) !important;
}
.clsBookingEnd22:before {
    font-family: icomoon;
    content: "\e947" !important;
    font-size: var(--font-icon-smallger) !important;
    color: var(--main-color-darker) !important;
}


.clsApplyFilter:before {
    font-family: icomoon;
    content: "\e96d" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-confirm-color) !important;
}
.clsChangeCycle:before {
    font-family: icomoon;
    content: "\e964" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsChangeDayProgram:before {
    font-family: icomoon;
    content: "\e962" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
 
    .clsHolidayCardBtn:before {
        font-family: icomoon;
        content: "\e955" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }
.pipNotes {
    position: absolute;
    bottom: 0;
    right: 0;
}
    .pipNotes:before {
        right: -5px;
        bottom: 0px;
        font-family: iphone_general;
        content: "\e85d" !important;
        font-size: var(--font-icon-smaller) !important;
        color: var(--main-color-darker) !important;
    }

.generalSearchTopTb:before {
    width: 30px;
    font-family: materialblack_text;
    content: "\e882" !important;
    font-size: 26px !important;
    color: var(--main-opposite-color-focus);
}

.clsWorkBackground16:before {
    font-family: materialblack_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-text-color);
    content: "\e885" !important;
}

.clsInitialize16:before {
    font-family: win10_project_management;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker);
    content: "\e830" !important;
}
.clsPick16:before {
    font-family: win10_project_management;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker);
    content: "\e869" !important;
}
.clsSetBtn:before {
    font-family: icomoon;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker);
    content: "\e96c" !important;
}

    .clsRecurrentAbsenceIcon:before {
        font-family: win10_project_management;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker);
        content: "\e81b" !important;
    }


.clsMore32 {
    background-image: url(../images/more32.png) !important
}

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

    .clsResetDatabase16:before {
        font-family: amano;
        font-size: var(--font-icon-small) !important;
        color: var(--main-decline-color);
        content: "\0042" !important;
    }

    .clsOnline16:before {
        font-family: iphone_communications;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker);
        content: "\e85f" !important;
    }
.clsStop16:before {
    font-family: materialblack_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-decline-color);
    content: "\e872" !important;
}
.clsBack16:before {
    font-family: materialblack_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker);
    content: "\e806" !important; 
}

    .clsNext16:before {
        font-family: materialblack_general;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker);
        content: "\e807" !important;
    }
.clsBtnUserDeletedLog:before {
    font-family: icomoon;
    content: "\e982" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.testExportFormat:before {
    font-family: iphone_security;
    content: "\e826" !important;
    font-size: var(--font-icon-help) !important;
    color: var(--main-color-darker) !important;

}

    .clsTestExport:before {
        font-family: iphone_security;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker);
        content: "\e826" !important;
    }
    
    .clsGuideBtn:before {
        font-family: materialblack_general;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker);
        content: "\e83d" !important;
    }

    .clsAddHol:before {
        padding-right: 25px !important;
        font-family: materialblack_general;
        content: "\e801" !important;
        font-size: var(--font-icon-tools) !important;
        color: var(--main-confirm-color) !important;
    }

    .clsEditHol:before {
        padding-right: 25px !important;
        font-family: materialblack_general;
        content: "\e85c" !important;
        font-size: var(--font-icon-tools) !important;
        color: var(--main-color-darker) !important;
    }

    .clsDelHol:before {
        padding-right: 25px !important;
        font-family: materialblack_general;
        content: "\e876" !important;
        font-size: var(--font-icon-tools) !important;
        color: var(--main-decline-color) !important;
    }
.clsGroupResetPassword:before {
    font-family: materialblack_general;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
    content: "\e847" !important;
}

    .clsAnomaly16:before {
        font-family: icomoon;
        content: "\e901" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }

.clsColumnsBtn:before {
    font-family: materialblack_text;
    content: "\e803" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
}  

.clscheckEmailServer16:before {
    font-family: ios11_mail;
    content: "\e818" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
}  
 
.clsRestoreDefaults16:before {
    font-family: materialblack_general;
    content: "\e865" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
}

.clsDownloadQrCodeCenter16:before, .clsDownloadQrCode16:before, .twoFASentDateQRCode:before {
    font-family: icomoon;
    content: "\e93b" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.bicycle:before {
    font-family: iphone_transportation;
    content: "\e855" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.expensetm:before {
    font-family: icomoon;
    content: "\e914" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
}


.clsViewOnlyTeamCombo:before {
    font-family: ios11_mail;
    font-size: var(--font-icon-small) !important;
    color: var(--main-border-color) !important;
    content: "\e805" !important;
}

.gs-terminal-link-img-exportdata:before {
    font-family: iosfilled_graphics;
    content: "\e822" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
} 
 
.gs-terminal-link-img-ignore-all-alarms:before {
    font-family: materialblack_networking;
    content: "\e804" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-decline-pressed-color) !important;
}

.gsclearallaccessgroups-icon:before,
.gsclearindividualmessage-icon:before,
.gsclearmccodedesc-icon:before {
    font-family: materialblack_general;
    content: "\e876" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-decline-color) !important;
}
 
.gsresendgsnotification-icon:before {
    font-family: materialblack_general;
    content: "\e873" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-confirm-color) !important;
}


.gs-terminal-link-img-sync-time:before {
    font-family: materialblack_general;
    content: "\e865" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
}
.gs-terminal-link-img-reconfigure:before {
    font-family: materialblack_general;
    content: "\e865" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
}
.gs-terminal-link-img-clear:before {
    font-family: materialblack_general;
    content: "\e81e" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
}
.gs-terminal-link-img-upgradefirmware-gs:before {
    font-family: materialblack_general;
    content: "\e86c" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
}
.gs-terminal-link-img-reboot:before {
    font-family: icomoon;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
    content: "\e917" !important;
}
.gs-terminal-link-img-lock-gs:before {
    font-family: materialblack_general;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
    content: "\e846" !important;
}

.gs-terminal-link-img-unlock-gs:before {
    font-family: materialblack_general;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
    content: "\e847" !important;
}
.clsServicesStatus {
    font-weight: bold;
}

.clsServicesStatus:before {
    padding-right: 25px !important;
    font-family: icomoon;
    font-size: var(--font-icon-tools) !important;
    color: var(--main-color-darker) !important;
    content: "\e90a" !important;
}

.clsServicesStatus16:before {
    font-family: icomoon;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
    content: "\e90a" !important;
}



.clsFailedNotif:before {
    padding-right: 25px !important;
    font-family: icomoon;
    content: "\e93f" !important;
    font-size: var(--font-icon-tools) !important;
    color: var(--main-decline-pressed-color) !important;
}

.clsFailedNotif16:before {
    font-family: icomoon;
    content: "\e93f" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-decline-pressed-color) !important;
}


.clsApplicationLog:before {
    padding-right: 25px !important;
    font-family: iphone_communications;
    font-size: var(--font-icon-tools) !important;
    color: var(--main-color-darker) !important;
    content: "\e852" !important;
}

.clsApplicationLog16:before {
    font-family: iphone_communications;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
    content: "\e852" !important;
}



.clsDefinitionMaintenance48:before {
    padding-right: 25px !important;
    font-family: materialblack_general;
    content: "\e885" !important;
    font-size: var(--font-icon-tools) !important;
    color: var(--main-color-darker) !important;
}

.clsDefinitionMaintenance16:before {
    font-family: materialblack_general;
    content: "\e885" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsClockingQueue48:before {
    padding-right: 25px !important;
    font-family: icomoon;
    content: "\e93d" !important;
    font-size: var(--font-icon-tools) !important;
    color: var(--main-color-darker) !important;
}
.clsClockingQueue16:before {
    font-family: icomoon;
    content: "\e93d" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}



.clsCalculations48:before {
    padding-right: 25px !important;
    font-family: iphone_general;
    content: "\e817" !important;
    font-size: var(--font-icon-tools) !important;
    color: var(--main-color-darker) !important;
}

.clsCalculations16:before {
    font-family: iphone_general;
    content: "\e817" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}



.clsMaintenanceClearData48:before {
    font-family: iphone_security;
    content: "\e814" !important;
    font-size: var(--font-icon-tools) !important;
    color: var(--main-color-darker) !important;
    padding-right: 25px !important;
}

.clsMaintenanceClearData16:before {
    font-family: iphone_security;
    content: "\e814" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsBkRegister48:before {
    font-family: iphone_general;
    content: "\e885" !important;
    font-size: var(--font-icon-tools) !important;
    color: var(--main-color-darker) !important;
    padding-right: 25px !important;
}

.clsBkRegister16:before {
    font-family: iphone_general;
    content: "\e885" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsDownloadResources48:before {
    font-family: materialblack_general;
    content: "\e827" !important;
    font-size: var(--font-icon-tools) !important;
    color: var(--main-color-darker) !important;
    padding-right: 25px !important;
} 
 
    .clsCancel:before {
        font-family: materialblack_general;
        font-size: var(--font-icon-small) !important;
        color: var(--main-decline-color);
        content: "\e812" !important;
    }
.clsCar16:before {
    font-family: iphone_communications;
    content: "\e81b" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsHRProfessional:before {
    font-family: materialblack_education;
    content: "\e827" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsHRCurriculum:before {
    font-family: materialblack_education;
    content: "\e824" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

    .clsHistory:before {
        font-family: iphone_general;
        content: "\e845" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }
    .clsLanguageDescription16:before {
        font-family: materialblack_text;
        content: "\e88b" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }

.paddingIconOnBefore {
    padding-right: 0px !important;
    margin-right: 2px !important;
    display: flex;
    justify-content: center;
    align-items: center !important;
}
.x-menu-item-icon {
    margin-right: 5px !important;
}
.clsDefinitionMaintenanteDetails16:before {
    font-family: iosfilled_graphics;
    content: "\e822" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsUser16:before {
    font-family: icomoon;
    content: "\e982" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsViewOnlyEmployee16:before {
    font-family: ios11_mail;
    font-size: var(--font-icon-small) !important;
    color: var(--main-border-color) !important;
    content: "\e805" !important;
}

.clsReadOnlyConfiguration16:after {
    font-family: ios11_mail;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-text-color) !important;
    content: "\e805" !important;
}

.clsNewSiteReservation:before {
    font-family: icomoon;
    content: "\e904" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker);
}

.clsCancelSiteReservation:before {
    font-family: materialblack_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-decline-color);
    content: "\e812" !important;
}

.clsDeleteSiteReservation:before {
    font-family: materialblack_general;
    content: "\e876" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-decline-color) !important;
}

.clsReprogram16:before {
    font-family: materialblack_networking;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker);
    content: "\e80b" !important;
}

.clsLinkedEmployeesList16:before {
    font-family: icomoon;
    content: "\e918" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsConfigure16:before {
    font-family: amano;
    margin-left: 4px;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker);
    content: "\007d" !important;
}
.clsParameter16:before {
    font-family: amano;
    margin-left: 4px;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker);
    content: "\007d" !important;
}
.clsDeleteFile16:before {
    font-family: materialblack_general;
    content: "\e876" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-decline-color) !important;
}
.clsList16:before {
    font-family: iphone_security;
    content: "\e822" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}  
.clsSynchronize16:before {
    font-family: materialblack_general;
    content: "\e865" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsReboot16:before {
    font-family: icomoon;  
    content: "\e917" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker);
}
 
.clsShell16:before {
    font-family: iphone_security;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker);
    content: "\e816" !important;
}
.clsSql16:before {
    /*margin-left: 4px;*/
    font-family: amano;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker);
    content: "\0042" !important;
}

.clsReconnect16:before {
    font-family: materialblack_networking;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker);
    content: "\e818" !important;
}

.clsInfo:before {
    font-family: materialblack_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker);
    content: "\e841" !important;
}

.clsInfoSpecialCond:after {
    font-family: materialblack_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker);
    content: "\e841" !important;
    margin-left: 3px;
}

.clsUpgradeFirmware16:before {
    font-family: materialblack_general;
    content: "\e86c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsSearch16:before {
    font-family: materialblack_text;
    content: "\e882" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsCheckIn:before {
    font-family: iphone_communications;
    content: "\e876" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsCheckOut:before {
    font-family: iphone_communications;
    content: "\e877" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.viewPrjAssignedEmployees:before {
    font-family: icomoon;
    content: "\e918" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsCollapseAll16:before {
    transform: rotate(180deg);
    font-family: icomoon;
    content: "\e91c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsExpandAll16:before {
    transform: rotate(90deg);
    font-family: icomoon;
    content: "\e91c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsOrder:before {
    font-family: materialblack_general;
    content: "\e87a" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsAdd16:before {
    font-family: materialblack_general;
    content: "\e801" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsSubtract16:before {
    font-family: materialblack_general;
    content: "\e822" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsMultiply16:before {
    font-family: materialblack_general;
    content: "\e81b" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsDivide16:before {
    font-family: materialblack_general;
    content: "\e823" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsLessThan16:before {
    font-family: icomoon;
    content: "\e93e" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsGreaterThan16:before {
    font-family: icomoon;
    content: "\e939" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsCounterScript16:before {
    font-family: materialblack_text;
    content: "\e856" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsPopulateCounter16:before {
    font-family: materialblack_text;
    content: "\e85d" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsFood16:before {
    font-family: iphone_communications;
    content: "\e843" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsCoffe16:before {
    font-family: iphone_communications;
    content: "\e825" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsDownloadResources16:before {
    font-family: icomoon;
    content: "\e907" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsBtnBookingLog:before {
    font-family: icomoon;
    content: "\e907" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsAddToFav:before {
    font-family: amano;
    content: "\2a" !important;
    font-size: var(--font-icon-smallger) !important;
    color: var(--main-color-darker) !important;
}
 
/*.clsAddToFav:before {
    font-family: materialblack_general;
    content: "\e870" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}*/
.clsGroupSendMessage:before, .clsGroupNewMessage:before, .clsDayMessage:before {
    font-family: icomoon;
    content: "\e90d" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsAddNote:before {
    font-family: iphone_general;
    content: "\e85d" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsPlay16:before {
    font-family: materialblack_general;
    content: "\e85e" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-confirm-color) !important;
}
.clsDisabled16:before {
    color: gray !important;
}


.clsTruePlain16:before {
    font-family: materialblack_general;
    content: "\e813" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-confirm-color) !important;
}

.clsTrueGray16:before {
    font-family: materialblack_general;
    content: "\e813" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-border-color) !important;
}

.clsFalsePlain16:before {
    font-family: materialblack_general;
    content: "\e81e" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-decline-color) !important;
}
.clsTrue16:before, .clsAcknowledge:before, .clsValidField:before {
    font-family: materialblack_general;
    content: "\e813" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-confirm-color) !important;
}

.clsValidFieldSmaller:before {
    font-family: materialblack_general;
    content: "\e813" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-confirm-color) !important;
}

.clsFalse16:before, .clsAcknowledgeUnconfirmed:before, .clsResetField:before {
    font-family: materialblack_general;
    content: "\e81e" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-decline-color) !important;
}

.clsFreeze:before {
    font-family: materialblack_general;
    content: "\e846" !important;
    font-size: var(--font-icon-smallger) !important;
    color: var(--main-color-darker) !important;
}
.clsFreeze16:before {
    font-family: materialblack_general;
    content: "\e846" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}



.clsUnFreeze:before {
    font-family: materialblack_general;
    content: "\e847" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsUnFreeze16:before {
    font-family: materialblack_general;
    content: "\e847" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsConfirmAll16:before {
    font-family: materialblack_general;
    content: "\e813" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-confirm-color) !important;
}

.clsDisconfirmAll16:before {
    font-family: materialblack_general;
    content: "\e812" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-decline-color) !important;
}

.clsFixAnomaly16:before {
    font-family: iphone_general;
    content: "\e818" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsShowAnomalieBtn:before {
    font-family: materialblack_general;
    font-size: var(--font-icon-small) !important;
    color: gray;
    content: "\e867" !important;
}

.clsHideAnomalieBtn:before {
    font-family: icomoon;
    content: "\e9c9" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker);
}

.clsWarningLogBIG:before {
    font-family: ios11_mail;
    content: "\e83c" !important;
    font-size: 40px !important;
    color: var(--main-decline-color) !important;
}


    .clsDayView16:before {
        font-family: iphone_general;
        content: "\e818" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }


    .clsDayView:before {
        font-family: iphone_general;
        content: "\e818" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }

.clsDayViewBig:before {
    font-family: iphone_general;
    content: "\e818" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--main-color-darker) !important;
}

.clsRecalculation16:before {
    font-family: iphone_general;
    content: "\e817" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsRecalculateDayViewBtn:before {
    font-family: iphone_general;
    content: "\e817" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-active-color) !important;
}


.clsFixAnomalyAction16:before {
    font-family: ios11_mail;
    content: "\e83c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsAssignRepToUser:before {
    font-family: icomoon;
    content: "\e982" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsCalculationsServiceStopped:before {
    font-family: ios11_mail;
    content: "\e83c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-decline-color) !important;
}

.clsCalculationsDone:before {
    font-family: materialblack_general;
    content: "\e813" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsPicture:before {
    font-family: materialblack_text;
    content: "\e862" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsWarningLogSmall:before {
    font-family: ios11_mail;
    content: "\e83c" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-warning-color) !important;
}
.clsWarningLog:before {
    font-family: ios11_mail;
    content: "\e83c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-warning-color) !important;
}
.clsWarningLogINLINE{
    display:inline !important;
}
.clsWarningLogINLINE:before {
    font-family: ios11_mail;
    content: "\e83c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-warning-color) !important;
}
.clsErrorsLog:before {
    font-family: materialblack_general;
    content: "\e81b" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-decline-color) !important;
}

.clsErrorsLogBig:before {
    font-family: materialblack_general;
    content: "\e81b" !important;
    font-size: var(--font-icon-tools) !important;
    color: var(--main-decline-color) !important;
    margin-right: 10px;
}

.clsCustomHeight16:before {
    font-family: materialblack_text;
    content: "\e833" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsAutoHeight16:before {
    font-family: iosfilled_graphics;
    content: "\e842" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsAddNewRow16:before {
    font-family: materialblack_text;
    content: "\e804" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsClean16:before, .clsHideBySelection16:before, .clsHideByPeriod16:before, .clsHideAll16:before {
    font-family: iphone_security;
    content: "\e814" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-decline-color) !important;
}

.clsThemeConfiguration:before {
    padding-right: 25px !important;
    font-family: iphone_communications;
    content: "\e849" !important;
    font-size: var(--font-icon-tools) !important;
    color: var(--main-color-darker) !important;
}

.clsThemeConfiguration16:before {
    font-family: iphone_communications;
    content: "\e849" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
 
.clsAddStar16:before{
    font-family: materialblack_general;
    content: "\e870" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
 
    .clsSelectAll:before {
        font-family: iphone_general;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker);
        content: "\e81d" !important;
    }

    .clsDeselectAll:before { 
        font-family: iphone_general;
        font-size: var(--font-icon-small) !important;
        color: var(--main-decline-color);
        content: "\e81e" !important;
    }

    .clsGreenCircle:before { 
        font-family: materialblack_general;
        font-size: var(--font-icon-small) !important;
        color: var(--main-confirm-color);
        content: "\e867" !important; 
    }

    .clsRedCircle:before { 
        font-family: materialblack_general;
        font-size: var(--font-icon-small) !important;
        color: var(--main-decline-color);
        content: "\e867" !important; 
    }
    .clsOrangeCircle:before { 
        font-family: materialblack_general;
        font-size: var(--font-icon-small) !important;
        color: orangered;
        content: "\e867" !important; 
    }
    .clsGrayCircle:before { 
        font-family: materialblack_general;
        font-size: var(--font-icon-small) !important;
        color: darkgray;
        content: "\e867" !important; 
    }
.clsBadTemplate:before { 
    font-family: materialblack_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker);
    content: "\e822" !important; 
}
.clsEmployeeDetails:before { 
    font-family: iphone_business;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker);
    content: "\e81e" !important;
}

    .clsHelpFineAnomaly16:before { 
        font-family: materialblack_general;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker);
        content: "\e83d" !important;
    }

.ux-showdesktop-button-icon:before { 
    font-family: materialblack_general;
    content: "\e851" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.contextMenuClose:before { 
    font-family: materialblack_general;
    content: "\e81b" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsDeleteWithHand16:before { 
    font-family: materialblack_general;
    content: "\e876" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-decline-color) !important;
    cursor: pointer;
}
.clsDeleteItemCombo:before {
    float: right;
    font-family: materialblack_general;
    content: "\e876" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-decline-color) !important;
    cursor: pointer;
}
.clsNoneItemCombo:before {
    float: right;
    font-family: materialblack_general;
    content: "\e876" !important;
    font-size: var(--font-icon-small) !important;
    color: transparent !important;
    cursor: pointer;
}
.clsDelete16:before { 
    font-family: materialblack_general;
    content: "\e876" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-decline-color) !important;
}
.clsUndelete16:before { 
    font-family: materialblack_general;
    content: "\e865" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-decline-color) !important;
}
.clsViewCellConfig16:before, .clsDashboardConfigurations16:before, .clsCellViewSettings16:before {
 
    font-family: iphone_business;
    content: "\e85e" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsNavigateFirstEmployee, .clsNavigateUpEmployee, .clsNavigateDownEmployee, .clsNavigateLastEmployee {
    transform: rotate(90deg);
}
    .clsNavigateFirstEmployee:before {
        font-family: materialblack_multimedia;
        content: "\e830" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }

    .clsNavigateUpEmployee:before { 
        font-family: materialblack_multimedia;
        content: "\e83f" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }

    .clsNavigateDownEmployee:before { 
        font-family: materialblack_multimedia;
        content: "\e836" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }

    .clsNavigateLastEmployee:before {
        font-family: materialblack_multimedia;
        content: "\e832" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }


.clsNavigateBackPeriod:before {
    font-family: materialblack_multimedia;
    content: "\e830" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsNavigateBackDay:before, .clsPrevoiusBookingDay:before, .clsHolidayPrevPeriod:before {
    font-family: materialblack_multimedia;
    content: "\e83f" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsNavigateToday:before, .clsTodayBookingDay:before, .clsHolidayCurrentPeriod:before {
    font-family: materialblack_multimedia;
    content: "\e843" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsNavigateForwardDay:before, .clsNextBookingDay:before, .clsHolidayNextPeriod:before {
    font-family: materialblack_multimedia;
    content: "\e836" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsNavigateForwardPeriod:before {
    font-family: materialblack_multimedia;
    content: "\e832" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsViewMoreDetailsSearch:before {
    font-family: materialblack_general;
    content: "\e887" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
    .clsZoomIn16:before {
        font-family: materialblack_general;
        content: "\e887" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }
.clsZoomOut16:before {
    font-family: materialblack_general;
    content: "\e888" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

    .clsZoom:before {
        font-family: materialblack_general;
        content: "\e886" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }
    .clsZoom :before {
        font-family: materialblack_general;
        content: "\e886" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }

    .clsCellView16:before {
        font-family: iosfilled_graphics;
        content: "\e822" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    } 
    .clsCellViewSettings:before {
        font-family: materialblack_general;
        content: "\e836" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }

.clsReprocess16:before {
    font-family: materialblack_general;
    content: "\e865" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
    .clsGdpr16:before {
        font-family: iphone_security;
        content: "\e84a" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }
    .clsEnroll:before {
        font-family: iphone_security;
        content: "\e80e" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }
    .clsSendEmailTo:before {
        font-family: materialblack_general;
        content: "\e849" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }
    .employeeSave:before {
        font-family: iphone_business;
        content: "\e822" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }


.clsCustomFilters:before {
    font-family: iphone_business;
    content: "\e81c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsCustomFiltersApplied:before {
    font-family: iphone_business;
    content: "\e81c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-confirm-color) !important;
}
.clsFilters16:before {
    font-family: iphone_business;
    content: "\e81d" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
    .clsImport16:before {
        font-family: materialblack_text;
        content: "\e85d" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }
.clsUploadFilesFont:before {
    font-family: materialblack_text;
    content: "\e860" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsEditMultipleEmp16:before {
    font-family: materialblack_general;
    content: "\e85c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


    .clsDeleteFingerprints:before {
        font-family: materialblack_general;
        content: "\e822" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }

    .clsUpload16:before {
        font-family: materialblack_general;
        content: "\e877" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }


.clsDownload16:before, .clsDownloadResources16:before, .clsDownloadFile16:before {
    font-family: materialblack_general;
    content: "\e827" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsGrant:before, .clsGrant16:before, .clsApply16:before {
    font-family: materialblack_general;
    content: "\e813" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-confirm-color) !important;
}
.clsGrantWithHand16:before {
    font-family: materialblack_general;
    content: "\e813" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-confirm-color) !important;
    cursor:pointer;
}
.clsReject:before {
    font-family: materialblack_general;
    content: "\e812" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-decline-color) !important;
}

.clsReset16:before {
    font-family: materialblack_general;
    content: "\e81e" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-decline-color) !important;
}

.clsIncludeItems:before {
    font-family: icomoon;
    content: "\e96c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
    transform: rotate(180deg);
}

    .clsDownloadCsv16:before {
        font-family: materialblack_general;
        content: "\e827" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }

    .clsExportCSV:before {
        font-family: materialblack_text;
        content: "\e83d" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }

    .clsPDFIcon16:before {
        font-family: materialblack_text;
        content: "\e802" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }

    .clsExcelIcon16:before {
        font-family: materialblack_text;
        content: "\e83b" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }

.clsExcelIconBig:before {
    font-family: materialblack_text;
    content: "\e83b" !important;
    font-size: var(--font-icon-tools) !important;
    color: var(--main-color-darker) !important;
}
.clsPictureIconBig:before {
    font-family: iosfilled_graphics;
    content: "\e851" !important;
    font-size: var(--font-icon-tools) !important;
    color: var(--main-color-darker) !important;
}
.clsTXTIconBig:before {
    font-family: materialblack_text;
    content: "\e844" !important;
    font-size: var(--font-icon-tools) !important;
    color: var(--main-color-darker) !important;
}

.clsWordIconBig:before {
    font-family: materialblack_text;
    content: "\e89e" !important;
    font-size: var(--font-icon-tools) !important;
    color: var(--main-color-darker) !important;
}

.clsUnknownIconBig:before {
    font-family: materialblack_text;
    content: "\e87d" !important;
    font-size: var(--font-icon-tools) !important;
    color: var(--main-color-darker) !important;
}

.clsPDFIconBig:before {
    font-family: materialblack_text;
    content: "\e802" !important;
    font-size: var(--font-icon-tools) !important;
    color: var(--main-color-darker) !important;
}
.clsCSVIconBig:before {
    font-family: materialblack_text;
    content: "\e83d " !important;
    font-size: var(--font-icon-tools) !important;
    color: var(--main-color-darker) !important;
}
.clsRefreshList:before {
    font-family: materialblack_general;
    content: "\e873" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-confirm-color) !important;
}

.clsHistory16:before {
    font-family: materialblack_general;
    content: "\e83e" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.qshistory:before {
    font-family: materialblack_general;
    content: "\e83e" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.qsfixed:before {
    font-family: materialblack_general;
    content: "\e846" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsAddNewItem:before {
    font-family: materialblack_general;
    content: "\e801" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-confirm-color) !important;    
}

.clsEditItem:before, .clsActions16:before, .clsOrganizeDashboardConfigurations16:before { 
    font-family: materialblack_general;
    content: "\e85c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsEditWithHand16:before {
 
    font-family: materialblack_general;
    content: "\e85c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
    cursor: pointer;
}
.clsDeleteItem:before {
 
    font-family: materialblack_general;
    content: "\e876" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-decline-color) !important;
}

.clsViewItem:before { 
    font-family: iosfilled_graphics;
    content: "\e822" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsClear:before { 
    font-family: materialblack_general;
    content: "\e81e" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsDuplicate16:before { 
    font-family: materialblack_general;
    content: "\e81d" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
    .clsPrint:before {
        font-family: materialblack_general;
        content: "\e861" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }
    .clsPrintSelected:before {
        font-family: materialblack_general;
        content: "\e861" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }


    .clsQuickSearch:before {
        font-family: materialblack_general;
        content: "\e886" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }

    .clsRemoteSearch:before { 
        font-family: materialblack_general;
        content: "\e886" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker) !important;
    }

    /*
.x-btn-default-small-icon button, .x-btn-default-small-icon .x-btn-inner, 
.x-btn-default-small-noicon button, .x-btn-default-small-noicon .x-btn-inner {
    height: 20px !important;
    line-height: 20px !important;
}
.x-btn-default-small-icon-text-left button {
    height: 20px !important;
}

.x-btn-default-small-icon-text-left .x-btn-inner {
    height: 20px !important;
    line-height: 20px !important;
    
    padding-left: 20px
}

.x-btn-default-small-icon-text-right button {
    height: 20px !important;
}

.x-btn-default-small-icon-text-right .x-btn-inner {
    height: 20px !important;
    line-height: 20px !important;
    padding-right: 20px !important
}

*/
    /**/

.x-btn-default-toolbar-small-icon button, .x-btn-default-toolbar-small-icon .x-btn-inner, .x-btn-default-toolbar-small-noicon button, .x-btn-default-toolbar-small-noicon .x-btn-inner {
    height: 19px !important;
    line-height: 19px !important;
}

.resetLineHeightBtn .x-btn-inner {
    line-height: 17px !important;
}
    .x-btn-default-toolbar-small-icon-text-left button {
    height: 19px !important;
}
.x-btn-default-toolbar-small-icon-text-left .x-btn-inner {
    height: 19px !important;
    line-height: 19px !important;
    padding-left: 5px;
    display: flex;
}

.x-btn-default-toolbar-small-icon-text-right button {
    height: 19px !important;
}

.x-btn-default-toolbar-small-icon-text-right .x-btn-inner {
    height: 19px !important;
    line-height: 19px !important;
    padding-right: 19px !important;
}
.x-toolbar .x-form-item-label {
    padding: 5px 0 0 !important;
}
 


.x-border-box .x-field-default-toolbar .x-form-text {
    height: 25px !important;
}

.x-border-box .x-field-default-toolbar .x-form-trigger {
    height: 25px !important;
}

    .x-border-box .x-field-default-toolbar .x-form-trigger.clearSearchInFieldGrid {
        height: 18px !important;
    }
.x-tool-close:before {
    font-family: icomoon;
    content: "\e9b3" !important;
    font-size: var(--main-icon-tool-size);
    color: var(--main-icon-tool-color) !important;
}
.x-tool-help:before {
    font-family: icomoon;
    content: "\e9b4" !important;
    font-size: var(--main-icon-tool-size);
    color: var(--main-icon-tool-color) !important;
}

.x-tool-minimize:before, .contextMenuMaximize:before {
    font-family: icomoon;
    content: "\e9b6" !important;
    font-size: var(--main-icon-tool-size);
    color: var(--main-icon-tool-color) !important;
}
.x-tool-maximize:before, .contextMenuMinimize:before {
    font-family: icomoon;
    content: "\e9b5" !important;
    font-size: var(--main-icon-tool-size);
    color: var(--main-icon-tool-color) !important;
}

.menuWestTree .x-tree-icon-leaf {
    background-image: none !important;
}


.clsChart:before {
    
    font-family: icomoon;
    content: "\e922" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsChart16:before {
    font-family: icomoon;
    content: "\e922" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsChat:before {
    
    font-family: icomoon;
    content: "\e90e" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsChat16:before {
    font-family: icomoon;
    content: "\e90e" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsUploadFiles:before {
    
    font-family: icomoon;
    content: "\e920" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsUploadFiles16:before {
    font-family: icomoon;
    content: "\e920" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsFreezePeriod:before {
    
    font-family: icomoon;
    content: "\e91f" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsFreezePeriod16:before {
    font-family: icomoon;
    content: "\e91f" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsTeamFiles:before {
    
    font-family: icomoon;
    content: "\e91e" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsTeamFiles16:before {
    font-family: icomoon;
    content: "\e91e" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsNotification:before {
    
    font-family: icomoon;
    content: "\e91d" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsNotification16:before {
    font-family: icomoon;
    content: "\e91d" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsJobScheduler:before {
    
    font-family: icomoon;
    content: "\e92e" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsJobScheduler16:before {
    font-family: icomoon;
    content: "\e92e" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsDataCollectionLarger:before {
    
    font-family: icomoon;
    content: "\e910" !important;
    font-size: var(--font-icon-help) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsDataCollectionRequest:before {
    font-family: icomoon;
    content: "\e93a" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsDataCollectionRequest16:before {
    font-family: icomoon;
    content: "\e93a" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsRequestsHistory:before {
    font-family: icomoon;
    content: "\e95a" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsRequestsHistory16:before {
    font-family: icomoon;
    content: "\e95a" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsDataCollection:before {
    
    font-family: icomoon;
    content: "\e910" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsDataCollection16:before {
    font-family: icomoon;
    content: "\e910" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsDataCollectionDefinition:before {
    font-family: icomoon;
    content: "\e999" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsDataCollectionDefinition16:before {
    font-family: icomoon;
    content: "\e999" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsPersonalData:before {
    
    font-family: icomoon;
    content: "\e916" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsPersonalData16:before {
    font-family: icomoon;
    content: "\e916" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsPeriodicConfirmationESS:before {
    
    font-family: icomoon;
    content: "\e91a" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsPeriodicConfirmationESS16:before {
    font-family: icomoon;
    content: "\e91a" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsPeriodicConfirmationESS_TM:before {
    font-family: icomoon;
    content: "\e91a" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
}

.clsPeriodicConfirmationMSS:before {
    
    font-family: icomoon;
    content: "\e91b" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsPeriodicConfirmationMSS16:before {
    font-family: icomoon;
    content: "\e91b" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsPeriodicConfirmationMSS_TM:before {
    font-family: icomoon;
    content: "\e91b" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
}

.clsNewBooking:before {
    
    font-family: icomoon;
    content: "\e907" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsNewBooking16:before {
    font-family: icomoon;
    content: "\e907" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsTeamEmployee:before {
    font-family: icomoon;
    content: "\e918" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsGroupAddBooking:before {
    font-family: icomoon;
    content: "\e907" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsGroupChangeDP:before {
    font-family: icomoon;
    content: "\e907" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsBackup:before {
    
    font-family: icomoon;
    content: "\e923" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsBackup16:before {
    font-family: icomoon;
    content: "\e923" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsBackupSmaller:before {
    font-family: icomoon;
    content: "\e923" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
}

.clsMyMessages:before {
    font-family: icomoon;
    content: "\e90d" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsMyMessages16:before {
    font-family: icomoon;
    content: "\e90d" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

/*
    font-family: iphone_general;
    content: "\e85d" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;*/
.clsNote16:before {
    font-family: iphone_general;
    content: "\e85d" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsNote:before {
    font-family: iphone_general;
    content: "\e85d" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}


.clsDashboard16:before {
    font-family: icomoon;
    content: "\e952" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsDashboard:before {
    font-family: icomoon;
    content: "\e952" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsYearlyView:before {
    font-family: icomoon;
    content: "\e959" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsYearlyView16:before {
    font-family: icomoon;
    content: "\e959" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsGuiNotification:before {
    font-family: icomoon;
    content: "\e958" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsGuiNotification16:before {
    font-family: icomoon;
    content: "\e958" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsResults:before {
    font-family: icomoon;
    content: "\e95e" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsResults16:before {
    font-family: icomoon;
    content: "\e95e" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsContract:before {
    font-family: icomoon;
    content: "\e965" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsContract16:before {
    font-family: icomoon;
    content: "\e965" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsCycle:before {
    font-family: icomoon;
    content: "\e964" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsCycle16:before {
    font-family: icomoon;
    content: "\e964" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsPaygroup:before {
    font-family: icomoon;
    content: "\e963" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsPaygroup16:before {
    font-family: icomoon;
    content: "\e963" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsDayProgram:before {
    font-family: icomoon;
    content: "\e962" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsDayProgram16:before {
    font-family: icomoon;
    content: "\e962" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsAuthorizationDefinition:before {
    font-family: icomoon;
    content: "\e961" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsAuthorizationDefinition16:before {
    font-family: icomoon;
    content: "\e961" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsDataGroups:before {
    font-family: icomoon;
    content: "\e960" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}


.clsDataGroups16:before {
    font-family: icomoon;
    content: "\e960" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsDepartment:before {
    font-family: icomoon;
    content: "\e95f" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsDepartmentList16:before {
    font-family: icomoon;
    content: "\e95f" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsDepartment16:before {
    font-family: icomoon;
    content: "\e95f" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsMyTeamView:before {
    font-family: icomoon;
    content: "\e95b" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsMyTeamView16:before {
    font-family: icomoon;
    content: "\e95b" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsMyTeamViewSmaller:before {
    font-family: icomoon;
    content: "\e95b" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
}

.clsCourse16:before {
    font-family: amano;
    content: "\e95d" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsFiles:before {
    font-family: icomoon;
    content: "\e95c" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsFiles16:before {
    font-family: icomoon;
    content: "\e95c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsNotificationHistory:before {
    font-family: icomoon;
    content: "\e954" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsNotificationHistory16:before {
    font-family: icomoon;
    content: "\e954" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsMyNotificationHistory:before {
    font-family: icomoon;
    content: "\e953" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsMyNotificationHistory16:before {
    font-family: icomoon;
    content: "\e953" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsBreakGroup:before {
    font-family: icomoon;
    content: "\e966" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsBreakGroup16:before {
    font-family: icomoon;
    content: "\e966" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsBankHoliday:before {
    font-family: icomoon;
    content: "\e967" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsBankHoliday16:before {
    font-family: icomoon;
    content: "\e967" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsAutoDPTable:before {
    font-family: icomoon;
    content: "\e96b" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsAutoDPTable16:before {
    font-family: icomoon;
    content: "\e96b" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsRoundingGroup:before {
    font-family: icomoon;
    content: "\e96a" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsRoundingGroup16:before {
    font-family: icomoon;
    content: "\e96a" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsChopGroup:before {
    font-family: icomoon;
    content: "\e969" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsChopGroup16:before {
    font-family: icomoon;
    content: "\e969" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsOvertimeGroup:before {
    font-family: icomoon;
    content: "\e968" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsOvertimeGroup16:before {
    font-family: icomoon;
    content: "\e968" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsMyRequests:before {
    font-family: icomoon;
    content: "\e96e" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsMyRequests16:before {
    font-family: icomoon;
    content: "\e96e" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsCounterDefinition:before {
    font-family: icomoon;
    content: "\e972" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}


.clsCounterDefinition16:before {
    font-family: icomoon;
    content: "\e972" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsCounterOperation:before {
    font-family: icomoon;
    content: "\e973" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}


.clsCounterOperation16:before {
    font-family: icomoon;
    content: "\e973" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsHolidaySettings:before {
    font-family: icomoon;
    content: "\e971" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsHolidaySettings16:before {
    font-family: icomoon;
    content: "\e971" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsChildSickRules:before {
    font-family: icomoon;
    content: "\e970" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsChildSickRules16:before {
    font-family: icomoon;
    content: "\e970" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsHolidaySchemes:before {
    font-family: icomoon;
    content: "\e96f" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsHolidaySchemes16:before {
    font-family: icomoon;
    content: "\e96f" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsExpenseReimbursement:before {
    font-family: icomoon;
    content: "\e979" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsExpenseReimbursement16:before {
    font-family: icomoon;
    content: "\e979" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsCompanySite:before {
    font-family: icomoon;
    content: "\e978" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsCompanySite16:before {
    font-family: icomoon;
    content: "\e978" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsEWTD:before {
    font-family: icomoon;
    content: "\e977" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsEWTD16:before {
    font-family: icomoon;
    content: "\e977" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsCostCenter:before {
    font-family: icomoon;
    content: "\e976" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsCostCenter16:before {
    font-family: icomoon;
    content: "\e976" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}



.clsVisitorCheckIn:before {
    font-family: icomoon;
    content: "\e97a" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsVisitorCheckIn16:before {
    font-family: icomoon;
    content: "\e97a" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsVisitorCheckOut:before {
    font-family: icomoon;
    content: "\e97c" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsVisitorCheckOut16:before {
    font-family: icomoon;
    content: "\e97c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsVisitors:before {
    font-family: icomoon;
    content: "\e97b" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}


.clsVisitors16:before {
    font-family: icomoon;
    content: "\e97b" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsAbsence:before {
    font-family: icomoon;
    content: "\e94b" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsAbsence16:before {
    font-family: icomoon;
    content: "\e94b" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsProjectComponent:before {
    font-family: icomoon;
    content: "\e97d" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsProjectComponent16:before {
    font-family: icomoon;
    content: "\e97d" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsProjectActivity:before {
    font-family: icomoon;
    content: "\e97f" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsProjectActivity16:before {
    font-family: icomoon;
    content: "\e97f" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsMCDefinition:before {
    font-family: icomoon;
    content: "\e975" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsMCDefinition16:before {
    font-family: icomoon;
    content: "\e975" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsProjectDefinition:before {
    font-family: icomoon;
    content: "\e97e" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsProjectDefinition16:before {
    font-family: icomoon;
    content: "\e97e" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsRole:before {
    font-family: icomoon;
    content: "\e981" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsRole16:before {
    font-family: icomoon;
    content: "\e981" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsReportDefinitions:before {
    font-family: icomoon;
    content: "\e988" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsReportDefinitions16:before {
    font-family: icomoon;
    content: "\e988" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsReportExecutions:before {
    font-family: icomoon;
    content: "\e987" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsReportExecutions16:before {
    font-family: icomoon;
    content: "\e987" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsExportDefinitions:before {
    font-family: icomoon;
    content: "\e986" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsExportDefinitions16:before {
    font-family: icomoon;
    content: "\e986" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsExportExecutions:before {
    font-family: icomoon;
    content: "\e985" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsExportExecutions16:before {
    font-family: icomoon;
    content: "\e985" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsBradford:before {
    font-family: icomoon;
    content: "\e984" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsBradford16:before {
    font-family: icomoon;
    content: "\e984" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsHtmlTM16:before {
    font-family: icomoon;
    content: "\e984" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsIllnessStatistics:before {
    font-family: icomoon;
    content: "\e983" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsIllnessStatistics16:before {
    font-family: icomoon;
    content: "\e983" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsSystemSettings:before {
    font-family: icomoon;
    content: "\e992" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsSystemSettings16:before {
    font-family: icomoon;
    content: "\e992" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsSystemSettingsTimecard16:after {
    font-family: icomoon;
    content: "\e992" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-text-color) !important;
    font-weight: normal;
}

.clsSystemSettingsTimecardCmb16:before {
    font-family: icomoon;
    content: "\e992" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-text-color) !important;
    font-weight: normal;
    position: relative;
    vertical-align: bottom;
}

.clsReadOnlyTimecardCmb16Before:before {
    font-family: ios11_mail;
    content: "\e805" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-text-color) !important;
    font-weight: normal;
    position: relative;
    vertical-align: bottom;
}

.clsTools:before {
    font-family: icomoon;
    content: "\e991" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsTools16:before {
    font-family: icomoon;
    content: "\e991" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsUserPreferences:before {
    font-family: icomoon;
    content: "\e993" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsUserPreferences16:before {
    font-family: icomoon;
    content: "\e993" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsChangePassword:before {
    font-family: icomoon;
    content: "\e990" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsChangePassword16:before {
    font-family: icomoon;
    content: "\e990" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsAccessTerminalDefinition:before {
    font-family: icomoon;
    content: "\e998" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsAccessTerminalDefinition16:before {
    font-family: icomoon;
    content: "\e998" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsTerminalManagerCommands:before {
    font-family: icomoon;
    content: "\e99b" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsTerminalManagerCommands16:before {
    font-family: icomoon;
    content: "\e99b" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsTerminalManagerLog:before {
    font-family: icomoon;
    content: "\e9a7" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsTerminalManagerLog16:before {
    font-family: icomoon;
    content: "\e9a7" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsSignalDefinition:before {
    font-family: icomoon;
    content: "\e99e" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsSignalDefinition16:before {
    font-family: icomoon;
    content: "\e99e" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsSignalException:before {
    font-family: icomoon;
    content: "\e99d" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsSignalException16:before {
    font-family: icomoon;
    content: "\e99d" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsTerminalCommQue:before {
    font-family: icomoon;
    content: "\e99a" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}


.clsTerminalCommQue16:before {
    font-family: icomoon;
    content: "\e99a" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsTerminalCardManager:before {
    font-family: icomoon;
    content: "\e99c" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsTerminalCardManager16:before {
    font-family: icomoon;
    content: "\e99c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsResultGroupList:before {
    font-family: icomoon;
    content: "\e99f" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsResultGroupList16:before {
    font-family: icomoon;
    content: "\e99f" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsTerminalConfigList:before {
    font-family: icomoon;
    content: "\e9a0" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsTerminalConfigList16:before {
    font-family: icomoon;
    content: "\e9a0" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsTerminalGroupList:before {
    font-family: icomoon;
    content: "\e9a1" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsTerminalGroupList16:before {
    font-family: icomoon;
    content: "\e9a1" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsIMPROController:before {
    font-family: icomoon;
    content: "\e9a5" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsIMPROController16:before {
    font-family: icomoon;
    content: "\e9a5" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsPacController:before {
    font-family: icomoon;
    content: "\e9a6" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsPacController16:before {
    font-family: icomoon;
    content: "\e9a6" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsGSToolbox:before {
    font-family: icomoon;
    content: "\e994" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsGSToolbox16:before {
    font-family: icomoon;
    content: "\e994" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsGSCommandQueue:before {
    font-family: icomoon;
    content: "\e995" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsGSCommandQueue16:before {
    font-family: icomoon;
    content: "\e995" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsGSAccessGroup:before {
    font-family: icomoon;
    content: "\e997" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsGSAccessGroup16:before {
    font-family: icomoon;
    content: "\e997" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsGSCard:before {
    font-family: icomoon;
    content: "\e996" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsGSCard16:before {
    font-family: icomoon;
    content: "\e996" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsCommDataDefinition:before {
    font-family: icomoon;
    content: "\e9be" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsCommDataDefinition16:before {
    font-family: icomoon;
    content: "\e9be" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsCOMMBookingExport:before {
    font-family: icomoon;
    content: "\e9bf" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsCOMMBookingExport16:before {
    font-family: icomoon;
    content: "\e9bf" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsCOMMXMLExport:before {
    font-family: icomoon;
    content: "\e9c1" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsCOMMXMLExport16:before {
    font-family: icomoon;
    content: "\e9c1" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsCOMMXMLImport:before {
    font-family: icomoon;
    content: "\e9c0" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsCOMMXMLImport16:before {
    font-family: icomoon;
    content: "\e9c0" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsCOMMXMLImportExportConf:before {
    font-family: icomoon;
    content: "\e9bb" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsCOMMXMLImportExportConf16:before {
    font-family: icomoon;
    content: "\e9bb" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsGSDoorOpen:before {
    font-family: icomoon;
    content: "\e9c5" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsGSDoorOpen16:before {
    font-family: icomoon;
    content: "\e9c5" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsHRLocations:before {
    font-family: icomoon;
    content: "\e98a" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsHRLocations16:before {
    font-family: icomoon;
    content: "\e98a" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsHRGroups:before {
    font-family: icomoon;
    content: "\e989" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsHRGroups16:before {
    font-family: icomoon;
    content: "\e989" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsHREquipments:before {
    font-family: icomoon;
    content: "\e98e" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsHREquipments16:before {
    font-family: icomoon;
    content: "\e98e" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsHRSkills:before {
    font-family: icomoon;
    content: "\e98d" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsHRSkills16:before {
    font-family: icomoon;
    content: "\e98d" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsHRFreeItems:before {
    font-family: icomoon;
    content: "\e98b" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsHRFreeItems16:before {
    font-family: icomoon;
    content: "\e98b" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsHRLanguageMapping:before {
    font-family: icomoon;
    content: "\e98f" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsHRLanguageMapping16:before {
    font-family: icomoon;
    content: "\e98f" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsHRTrainingInstitutes:before {
    font-family: icomoon;
    content: "\e98c" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsHRTrainingInstitutes16:before {
    font-family: icomoon;
    content: "\e98c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsAbsenceRequest:before {
    font-family: icomoon;
    content: "\e902" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}


.clsNewRequest:before {
    font-family: icomoon;
    content: "\e908" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsNewRequest16:before {
    font-family: icomoon;
    content: "\e908" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsTerminalReadDS:before {
    font-family: icomoon;
    content: "\e9a3" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsTerminalReadDS16:before {
    font-family: icomoon;
    content: "\e9a3" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsTerminalWriteDS:before {
    font-family: icomoon;
    content: "\e9a2" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsTerminalWriteDS16:before {
    font-family: icomoon;
    content: "\e9a2" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsTerminalForm:before {
    font-family: icomoon;
    content: "\e9a4" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsTerminalForm16:before {
    font-family: icomoon;
    content: "\e9a4" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsGSGTTerminal:before {
    font-family: icomoon;
    content: "\e9c6" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsGSGTTerminal16:before {
    font-family: icomoon;
    content: "\e9c6" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsGSTimezone:before {
    font-family: icomoon;
    content: "\e9c7" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}


.clsGSTimezone16:before {
    font-family: icomoon;
    content: "\e9c7" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsGSSignal:before {
    font-family: icomoon;
    content: "\e9c3" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsGSSignal16:before {
    font-family: icomoon;
    content: "\e9c3" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsGSRelay:before {
    font-family: icomoon;
    content: "\e9c2" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsGSRelay16:before {
    font-family: icomoon;
    content: "\e9c2" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsGSInput:before {
    font-family: icomoon;
    content: "\e9c4" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsGSInput16:before {
    font-family: icomoon;
    content: "\e9c4" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsHolidayCard:before,
.clsGSHoliday:before {
    font-family: icomoon;
    content: "\e955" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsHolidayCard16:before,
.clsGSHoliday16:before
{
    font-family: icomoon;
    content: "\e955" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsOperationLog:before {
    font-family: icomoon;
    content: "\e956" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsOperationLog16:before, .clsOperationLogWindow:before {
    font-family: icomoon;
    content: "\e956" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsPIP:before {
    font-family: icomoon;
    content: "\e951" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsPIP16:before {
    font-family: icomoon;
    content: "\e951" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsTerminalManager:before {
    
    font-family: icomoon;
    content: "\e90c" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsTerminalManager16:before {
    font-family: icomoon;
    content: "\e90c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsEmployees:before {
    
    font-family: icomoon;
    content: "\e918" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsEmployees16:before {
    font-family: icomoon;
    content: "\e918" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsUserManager:before {
    font-family: icomoon;
    content: "\e982" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}


.clsUserManager16:before {
    font-family: icomoon;
    content: "\e982" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsEmployees:before {
    
    font-family: icomoon;
    content: "\e918" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsEmployees16:before {
    font-family: icomoon;
    content: "\e918" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsTimeCard:before {
    
    font-family: icomoon;
    content: "\e909" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsTimeCard16:before, .timeCard16:before {
    font-family: icomoon;
    content: "\e909" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsNewBookingRequestLarger:before {
    font-family: icomoon;
    content: "\e907" !important;
    font-size: var(--font-icon-help) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsSiteOccupancyManagement:before {
    font-family: icomoon;
    content: "\e903" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsSiteOccupancyManagement16:before {
    font-family: icomoon;
    content: "\e903" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsSiteOccupancyReservation:before {
    font-family: icomoon;
    content: "\e904" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsSiteOccupancyReservation16:before {
    font-family: icomoon;
    content: "\e904" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsSwitchShift:before {
    font-family: icomoon;
    content: "\e915" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsNewBookingRequest:before {
    font-family: icomoon;
    content: "\e907" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsNewBookingRequest16:before {
    font-family: icomoon;
    content: "\e907" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker);
}

.clsSiteRequest16:before {
    font-family: icomoon;
    content: "\e904" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsAnomalies:before {
    
    font-family: icomoon;
    content: "\e901" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsAnomalies16:before {
    font-family: icomoon;
    content: "\e901" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsMyAnomalies:before {
    font-family: icomoon;
    content: "\e9cc" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsMyAnomalies16:before {
    font-family: icomoon;
    content: "\e9cc" !important;
    font-size: var(--font-icon-small) !important;
    color: #fff !important;
}

.clsEmails:before {
    
    font-family: icomoon;
    content: "\e900" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsEmails16:before {
    font-family: icomoon;
    content: "\e901" !important;
    font-size: var(--font-icon-small) !important;
    color: #fff !important;
}

.clsHolidayManager:before {
    
    font-family: icomoon;
    content: "\e902" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsHolidayManager16:before {
    font-family: icomoon;
    content: "\e902" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsProjectTime:before {
    
    font-family: icomoon;
    content: "\e906" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsProjectTime16:before {
    font-family: icomoon;
    content: "\e906" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsGroupOverview:before {
    
    font-family: icomoon;
    content: "\e912" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsGroupOverview16:before {
    font-weight: normal !important;
    font-family: icomoon;
    content: "\e912" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsAuthorization:before {
    
    font-family: icomoon;
    content: "\e911" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsAuthorization16:before {
    font-family: icomoon;
    content: "\e911" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.clsExpenseRequest:before {
    
    font-family: icomoon;
    content: "\e914" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsExpenseRequest16:before {
    font-family: icomoon;
    content: "\e914" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsDepartmentRegistrationLarger:before {
    
    font-family: icomoon;
    content: "\e913" !important;
    font-size: var(--font-icon-help) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsSiteOccupancyLarger:before {
    font-family: icomoon;
    content: "\e904" !important;
    font-size: var(--font-icon-help) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsDepartmentRegistration:before {
    
    font-family: icomoon;
    content: "\e913" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsDepartmentRegistration16:before {
    font-family: icomoon;
    content: "\e913" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
 


.clsProjectTime48:before {
    width: 48px;
    font-family: icomoon;
    content: "\e906" !important;
    font-size: 48px !important;
    color: var(--main-color-darker) !important;
}


.menuSearchField.x-field-default-toolbar .x-form-text {
    height: 30px !important
}

.menuSearchField .x-form-focus {
    border-width: 0px !important;
} 

.x-tbar-page-next, .x-tbar-page-last, .x-tbar-page-prev, .x-tbar-page-first, .x-tbar-loading {
    background-image: none !important;
}
.x-item-disabled .x-tbar-page-next, .x-item-disabled .x-tbar-page-last, .x-item-disabled .x-tbar-page-prev, .x-item-disabled .x-tbar-page-first, .x-item-disabled .x-tbar-loading {
    background-image: none !important;
}
.x-tbar-page-next:before {
    font-family: materialblack_multimedia;
    content: "\e836" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.x-tbar-page-last:before {
    font-family: materialblack_multimedia;
    content: "\e832" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.x-tbar-page-prev:before {
    font-family: materialblack_multimedia;
    content: "\e83f" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.x-tbar-page-first:before {
    font-family: materialblack_multimedia;
    content: "\e830" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.x-tbar-loading:before {
    font-family: materialblack_general;
    content: "\e873" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}


.clsTopBookingsAuthActive, .clsTopBookingsAuthInactive, .clsTopAbsenceRequestsActive, .clsTopAbsenceRequestsInactive,
.clsTopChatActive, .clsTopChatInactive
.clsTopExpenseRequestsActive, .clsTopExpenseRequestsInactive
.clsTopMyMessagesActive, .clsTopMyMessagesInactive
.clsTopGdprRequestsActive, .clsTopGdprRequestsInactive
.clsTopTerminalStatusActive, .clsTopTerminalStatusInactive
.clsDataCollectionActive, .clsDataCollectionInactive
.clsSiteRequestActive, .clsSiteRequestInactive
.clsTopMyShiftChangeReqsActive, .clsTopMyShiftChangeReqsInactive {
    background-image: none !important;
}



.clsSiteRequestActive:before {
    width: 30px;
    font-family: icomoon; 
    content: "\e904" !important;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-opposite-color-focus) !important;
}

.clsSiteRequestInactive:before,
.clsSiteRequestFlash:before {
    width: 30px;
    font-family: icomoon;
    content: "\e904" !important;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-active-light-darker-color) !important;
}


.clsDataCollectionActive:before {
    width: 30px;
    font-family: icomoon;
    /*content: "\e904" !important;*/
    content: "\e910" !important;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-opposite-color-focus) !important;
}

.clsDataCollectionInactive:before,
.clsDataCollectionFlash:before {
    width: 30px;
    font-family: icomoon;
    content: "\e910" !important;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-active-light-darker-color) !important;
}

.clsTopGdprRequestsActive:before {
    width: 30px;
    font-family: icomoon;
    content: "\e916" !important;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-opposite-color-focus) !important;
}

.clsTopGdprRequestsInactive:before,
.clsTopGdprRequestsFlash:before {
    width: 30px;
    font-family: icomoon;
    content: "\e916" !important;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-active-light-darker-color) !important;
}

.clsTopMyMessagesActive:before {
    width: 30px;
    font-family: icomoon;
    content: "\e90d" !important;
    font-size: var(--font-icon-top-tb) !important;
    color: white !important;
}

.clsTopMyMessagesInactive:before,
.clsTopMyMessagesFlash:before {
    width: 30px;
    font-family: icomoon;
    content: "\e90d" !important;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-active-light-darker-color) !important;
}

.clsTopChatActive:before {
    width: 30px;
    font-family: icomoon;
    content: "\e90e" !important;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-opposite-color-focus) !important;
}

.clsTopChatInactive:before,
.clsTopChatFlash:before {
    width: 30px;
    font-family: icomoon;
    content: "\e90e" !important;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-active-light-darker-color) !important;
}

.clsTopTerminalStatusActive:before {
    width: 30px;
    font-family: icomoon;
    content: "\e90c" !important;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-opposite-color-focus) !important;
}

.clsTopTerminalStatusInactive:before,
.clsTopTerminalStatusFlash:before {
    width: 30px;
    font-family: icomoon;
    content: "\e90c" !important;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-active-light-darker-color) !important;
}

.clsTopTerminalStatusActive:before {
    width: 30px;
    font-family: icomoon;
    content: "\e90c" !important;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-opposite-color-focus) !important;
}
 


.clsTopMyShiftChangeReqsActive:before {
    width: 30px;
    font-family: icomoon;
    content: "\e915" !important;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-opposite-color-focus) !important;
}
.clsTopMyShiftChangeReqsInactive:before,
.clsTopMyShiftChangeReqsFlash:before {
    width: 30px;
    font-family: icomoon;
    content: "\e915" !important;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-active-light-darker-color) !important;
}

.clsTopAbsenceRequestsActive:before {
    width: 30px;
    font-family: icomoon;
    content: "\e902" !important;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-opposite-color-focus) !important;
}

.clsTopAbsenceRequestsInactive:before,
.clsTopAbsenceRequestsFlash:before
{
    width: 30px;
    font-family: icomoon;
    content: "\e902" !important;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-active-light-darker-color) !important;
}

.clsTopBookingsAuthActive:before {
    width: 30px;
    font-family: icomoon;
    content: "\e907" !important;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-opposite-color-focus) !important;
}

.clsTopBookingsAuthInactive:before,
.clsTopBookingsAuthFlash:before
{
    width: 30px;
    font-family: icomoon;
    content: "\e907" !important;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-active-light-darker-color) !important;
}

.clsTopExpenseRequestsActive:before {
    width: 30px;
    font-family: icomoon;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-opposite-color-focus) !important;
    content: "\e914" !important;
}

.clsTopExpenseRequestsInactive:before,
.clsTopExpenseRequestsFlash:before {
    content: "\e914" !important;
    width: 30px;
    font-family: icomoon;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-active-light-darker-color) !important;
}

.clsTopServicesStatusActive:before {
    width: 30px;
    font-family: icomoon;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-opposite-color-focus) !important;
    content: "\e90a" !important;
}

.clsTopMyServicesStatusInactive:before,
.clsTopMyServicesStatusFlash:before {
    content: "\e90a" !important;
    width: 30px;
    font-family: icomoon;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-active-light-darker-color) !important;
}

.clsSiteRequestFlash:before,
.clsDataCollectionFlash:before,
.clsTopGdprRequestsFlash:before,
.clsTopMyMessagesFlash:before,
.clsTopChatFlash:before,
.clsTopTerminalStatusFlash:before,
.clsTopMyShiftChangeReqsFlash:before,
.clsTopAbsenceRequestsFlash:before,
.clsTopBookingsAuthFlash:before,
.clsTopExpenseRequestsFlash:before,
.clsTopMyServicesStatusFlash:before {
    color: var(--main-color-luminous-plus) !important;
}
.clsTopHelp16:before {
    width: 30px;
    font-family: materialblack_general;
    content: "\e83d" !important;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-opposite-color-focus);
}

.clsMenuFavorites:before {
    width: 30px;
    font-family: materialblack_general;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-opposite-color-focus);
    content: "\e870" !important;
}


.clsUserManager16White:before {
    content: "\e87b" !important;
    font-family: iphone_general;
    width: 30px;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-opposite-color-focus);
}

.clsDownMenu16{
    transform:rotate(180deg);
}
.clsDownMenu16:before {
    width: 30px;
    font-family: icomoon;
    font-size: var(--font-icon-top-tb) !important;
    color: white;
    content: "\e91c" !important;
}

.clsUpMenu16:before {
    width: 30px;
    font-family: icomoon;
    font-size: var(--font-icon-top-tb) !important;
    color: white;
    content: "\e91c" !important;
}

.clsTopLogout:before {
    width: 30px;
    font-family: icomoon;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-opposite-color-focus);
    content: "\e917" !important;
}

.clsContact16:before {
    width: 30px;
    font-family: icomoon;
    font-size: var(--font-icon-top-tb) !important;
    color: var(--main-opposite-color-focus);
    content: "\e90b" !important;
}
.clsVersion16:before {
    width: 30px;
    font-family: icomoon;
    font-size: var(--font-icon-top-tb);
    color: var(--main-opposite-color-focus);
    content: "\e90f" !important;
}

.clsMenuTreeFavorites:before {
    
    font-family: materialblack_general;
    color: white;
    content: "\e870" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsAddFavoritesMenuTopBar:before {
    font-family: materialblack_general;
    color: white;
    content: "\e870" !important;
    font-size: var(--font-icon-big) !important;
    color: var(--main-active-light-darker-color) !important;   
}

.clsMenuTreeOperations:before {
    font-family: icomoon;
    color: white;
    /*content: "\e92f" !important;*/
    content: "\e9ca" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsMenuTreeView:before {
    
    font-family: icomoon;
    color: white;
    content: "\e92d" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsMenuTreeConfiguration:before {
    
    font-family: icomoon;
    color: white;
    content: "\e92c" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsMenuTreeSecurity:before {
    
    font-family: icomoon;
    color: white;
    content: "\e928" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsMenuTreeSettings:before {
    
    font-family: icomoon;
    color: white;
    content: "\e925" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsMenuTreeReports:before {
    
    font-family: icomoon;
    color: white;
    content: "\e927" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsMenuTreeCommunication:before {
    
    font-family: icomoon;
    color: white;
    content: "\e929" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsMenuTreeHRConfiguration:before {
    
    font-family: icomoon;
    color: white;
    content: "\e924" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsMenuTreeGSDoorWeb:before {
    
    font-family: icomoon;
    color: white;
    content: "\e926" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}
.clsMenuTreeProjects:before {
    
    font-family: icomoon;
    color: white;
    content: "\e92b" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.clsMenuTreeVisitor:before {
    font-family: icomoon;
    color: white;
    content: "\e9cb" !important;
    font-size: var(--font-icon-menu) !important;
    color: var(--font-icon-menu-color) !important;
}

.menuMiniIcon:before {
    font-size: var(--font-icon-menu-mini) !important;
}

.treeItemButtonCls:before {
    color: var(--main-opposite-color-focus) !important;
}

.treeItemButtonCls.x-tree-icon-leaf:before {
    font-weight: normal !important;
    font-size: var(--font-icon-menu-leaf) !important
}

.treeItemButtonCls.x-tree-icon-leaf {
    font-size: var(--font-icon-menu-leaf) !important;
    margin-right: -4px !important;
    margin-left: 13px !important;
    font-weight: normal !important;
}

.x-field-default-toolbar .x-form-trigger-wrap .x-form-spinner-up{
}
.x-field-default-toolbar .x-form-trigger-wrap .x-form-spinner-up{
    height: 12px !important;
    border-bottom: 0px !important;
}
.x-field-default-toolbar .x-form-trigger-wrap .x-form-spinner-down {
    height: 13px !important;
    border-top: 0px !important;
}




.clsSaveLeft:before, .clsSave:before {
    font-family: materialblack_general;
    content: "\e824" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-confirm-color) !important;
}

.displayInlineActionCol .x-grid-cell-inner {
    display: inline-flex !important;
}
.noBorderTopWhenMaximize {
    border-top: 2px solid white !important;
}
.toDoItem {
    border-radius: var(--main-radius-windows);
    float: left;
    padding: 2px;
    margin: 5px;
    height: 110px;
    width: 110px;
    cursor: pointer;
    background-color: var(--main-item-color) !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}
.toDoIcon {
    text-align: center;
    margin-top: 2px;
}
.toDoText {
    display: block;
    overflow: hidden;
    text-align: center;
    margin-top: 2px;
}


#menuId .x-btn-inner {
    color: white !important;
}

#menuId .x-btn-inner:before {
    color: white !important;
}

.btnMenuTopBar {
    display: flex !important;
    justify-content: center !important;
    color: white !important;
}

#menuId {
    background-image: none !important;
    background-color: var(--main-menu-bk-color) !important;
}

    #menuId.x-btn-group-header-text-default-framed {
        color: white !important;
    }

    #menuId .x-btn-group-header-text-default-framed {
        color: white !important;
    }

    #menuId .x-toolbar {
        background-color: var(--main-menu-bk-color) !important;
        background-image: none !important;
    }

    #menuId .x-tab-bar {
        background-color: var(--main-menu-bk-color) !important;
        color: #fff;
    }

#menuTab {
    background-image: none !important;
    background-color: var(--main-menu-bk-color) !important;
}

    #menuTab .x-tab button {
        color: white !important;
    }
.topLogoMenuTreeLeft.x-toolbar {
    display: flex; 
    
}
.topLogoMenuTreeLeft.x-panel-default {
    background-color: var(--main-color) !important;
} 
.bottomLogoMenuTreeLeft .x-panel-body-default {
    display: flex;
    background-color: var(--main-color) !important;
}
.treeItemButtonCls.x-tree-icon-parent {
    margin-left: -6px !important;
}
.menuWestTree.x-panel-default {
    background-image: none !important;
    background-color: var(--main-color) !important;
}
.mainColorDarker:before {
    color: var(--main-color-darker) !important;
}
.searchActionButton:before {
    color: var(--main-text-color) !important;
}
/*
.x-btn-inner {
    padding-top: 1px !important;
    display: flex !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-right: 0px !important;
    align-items: center !important;
}*/
.x-btn-inner:before {
    width: 22px !important;
    margin-right: 5px !important; /*for button calulating size*/
}
.astrowLogoFont:before {
    font-family: icomoon;
    content: "\e934" !important;
    font-size: 68px !important;
    color: var(--main-color-luminous-plus) !important;
}
.astrowLogoFontMini:before {
    font-family: icomoon;
    content: "\e934" !important;
    font-size: 30px !important;
    color: var(--main-color-luminous-plus) !important;
}
.astrowLogoTextFont:before {
    font-family: icomoon;
    content: "\e932" !important;
    font-size: 23px !important;
    color: var(--main-color-luminous-plus) !important;
}
.astrowLogoTextFontLogin:before {
    font-family: icomoon;
    content: "\e932" !important;
    font-size: 30px !important;
    color: var(--main-color-luminous-plus) !important;
}
.amanoLogo {
    margin-left:3px;
}
.amanoLogo:before {
    font-family: icomoon;
    content: "\e9e0" !important;
    font-size: 23px !important;
    color: white;
}
.amanoLogoTriangle:before {
    font-family: icomoon;
    content: "\e9e1" !important;
    font-size: 23px !important;
    color: white;
}
.amanoLogoLoginPosition:before {
    font-size: 25px !important;
    color: var(--main-color-luminous-plus) !important;
}
.astrowLogoFontHalf:before {
    font-family: icomoon;
    content: "\e93c" !important;
    font-size: 50px !important;
    color: var(--main-color-luminous-plus) !important;
}
.astrowLogoFontVersion11:before {
    font-family: icomoon;
    content: "\e933" !important;
    font-size: 23px !important;
    color: var(--main-color-luminous-plus) !important;
}
.astrowLogoFontVersion12:before {
    font-family: icomoon;
    content: "\e935" !important;
    font-size: 25px !important;
    color: var(--main-color-luminous-plus) !important;
}
.astrowLogoFontVersion13:before {
    font-family: icomoon;
    content: "\e938" !important;
    font-size: 25px !important;
    color: var(--main-color-luminous-plus) !important;
}
.astrowLogoFontVersion14:before {
    font-family: icomoon;
    content: "\e937" !important;
    font-size: 25px !important;
    color: var(--main-color-luminous-plus) !important;
}
.astrowLogoFontVersion15:before {
    font-family: icomoon;
    content: "\e936" !important;
    font-size: 25px !important;
    color: var(--main-color-luminous-plus) !important;
}


.red:before {
    color: var(--main-decline-color) !important;
}
.green:before {
    color: var(--main-confirm-color);
}
.x-message-box .ext-mb-warning {
    background-image: none !important;
}
.x-message-box .ext-mb-info {
    background-image: none !important;
}
.x-message-box .ext-mb-question {
    background-image: none !important;
}
.x-message-box .ext-mb-error {
    background-image: none !important;
}
    .x-message-box .ext-mb-error:before {
        font-family: materialblack_general;
        content: "\e81b" !important;
        font-size: var(--font-icon-tools) !important;
        color: var(--main-decline-color) !important;
    }
    .x-message-box .ext-mb-question:before {
        font-family: materialblack_general;
        font-size: var(--font-icon-tools) !important;
        color: var(--main-color-darker);
        content: "\e83d" !important;
    }
.x-message-box .ext-mb-info:before {
    font-family: materialblack_general;
    font-size: var(--font-icon-tools) !important;
    color: var(--main-color-luminous);
    content: "\e841" !important;
}
.x-message-box .ext-mb-warning:before {
    font-family: ios11_mail;
    content: "\e83c" !important;
    font-size: var(--font-icon-tools) !important;
    color: var(--main-warning-color) !important;
}

.darkColor, .darkColor:before {
    color: var(--main-color-dark) !important;
}










body, .notificationGreenButton.x-btn-default-toolbar-small .x-btn-inner {
    font-family: var(--font-family);
    color: var(--main-text-color) !important;
}

body, .clsSaveButtonEX.x-btn-default-toolbar-small .x-btn-inner {
    font-family: var(--font-family);
    color: #ffffff !important;
}

body, .x-btn-default-toolbar-small .x-btn-inner {
    font-family: var(--font-family);
    color: var(--main-text-color) !important;
}
.x-window-header {
    background-color: var(--main-panel-background) !important;
    background: var(--main-panel-background) !important;
    background-image: none !important;
}
.x-panel-body, .x-panel-default, .x-toolbar, .x-window-default, .x-panel-default-framed, .x-panel.x-grid-body, .x-window-body-default {
    background-color: var(--main-panel-background) !important;
    background: var(--main-panel-background) !important;
    background-image: none !important;
}

.x-window-header-default-top {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.x-window-default {
}

.menuWestTree .x-panel-body-default {
    color: white;
    border: 0px solid !important;
    background: linear-gradient(176deg, var(--main-color-dark) 0%, var(--main-color-luminous) 47%, var(--main-color-luminous) 55%, var(--main-color-dark) 100%) !important;
}


.ux-taskbar.x-toolbar {
    background-image:none !important;
    background-color: var(--main-color-dark) !important;
    padding-top: 0px !important;
}
.ux-taskbar .x-toolbar {
    background-image: none !important;
    background-color: var(--main-color-dark) !important;
    padding-top: 0px !important;
}

.ux-desktop-windowbar .x-btn-inner{
    color: white !important;
}
.ux-desktop-windowbar .x-btn-inner:before {
    color: white !important;
}
.x-btn-default-toolbar-small-pressed {
    background-color: var(--main-color-luminous) !important;
}


.xg-hmenu-sort-asc .x-menu-item-icon,
.x-menu-item-checked .x-menu-item-icon,
.x-menu-item-unchecked .x-menu-item-icon,
.x-menu-item-arrow,
.x-grid-checkheader,
.x-grid-checkheader-checked,
.x-column-header-trigger,
.x-column-header-sort-ASC .x-column-header-text,
.x-column-header-sort-DESC .x-column-header-text,
.x-cols-icon .x-menu-item-icon,
/*.x-tree-checkbox,*/
.xg-hmenu-sort-desc .x-menu-item-icon {
    background-image: none !important;
}

    .xg-hmenu-sort-asc .x-menu-item-icon:before {
        font-family: materialblack_text;
        content: "\e889" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker);
    }
    .xg-hmenu-sort-desc .x-menu-item-icon:before {
        font-family: materialblack_text;
        content: "\e88a" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker);
    }
    .x-menu-item-arrow:before {
        font-family: icomoon;
        content: "\e94d" !important;
        font-size: 10px;
        color: var(--main-color-darker) !important;
    }
/*
.x-tree-checkbox-checked:before {
    font-family: iphone_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-text-color) !important;
    content: "\e81d" !important;
}

.x-tree-checkbox:before {
    font-family: iphone_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-text-color) !important;
    content: "\e81f" !important;
}*/

    .x-menu-item-checked .x-menu-item-icon:before {
        font-family: iphone_general;
        font-size: var(--font-icon-small) !important;
        color: var(--main-text-color) !important;
        content: "\e81d" !important;
        transform: rotate(0deg) !important;
    }
       
.x-menu-item-unchecked .x-menu-item-icon:before {
    font-family: iphone_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-text-color) !important;
    content: "\e81f" !important;
}

.x-menu-item-checked .x-menu-group-icon {
    background-image: none !important;
}
.x-menu-item-unchecked .x-menu-group-icon {
    background-image: none !important;
}

    .x-menu-item-checked .x-menu-group-icon:before {
        font-family: materialblack_general;
        content: "\e813" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-confirm-color) !important;
    }
.x-menu-item-unchecked .x-menu-group-icon:before {
    font-family: dummy;
    content: "" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-confirm-color) !important;
}

    .x-cols-icon .x-menu-item-icon:before {
        font-family: materialblack_text;
        content: "\e828" !important;
        font-size: var(--font-icon-small) !important;
        color: var(--main-color-darker);
    }
.x-menu-item-arrow{
    top: 5px !important;
}
.x-column-header-trigger {
    width: 16px;
    background-color: var(--main-color-luminous-plus);
}
.x-column-header-trigger:before {
    margin-left: 2px;
    font-family: icomoon;
    content: "\e94e" !important;
    font-size: 13px;
    color: var(--main-color-darker) !important;
}
.x-column-header-sort-ASC .x-column-header-text:after {
    margin-left: 3px;
    margin-right: 3px;
    font-family: icomoon;
    content: "\e94f" !important;
    font-size: 10px;
    color: var(--main-color-darker) !important;
    /*position:absolute;*/
}
.x-column-header-sort-DESC .x-column-header-text:after {
    margin-left: 3px;
    margin-right: 3px;
    font-family: icomoon;
    content: "\e94e" !important;
    font-size: 10px;
    color: var(--main-color-darker) !important;
    /*position: absolute;*/
}

.x-column-header-sort-DESC .x-column-header-text:after {
    margin-left: 3px;
    margin-right: 3px;
    font-family: icomoon;
    content: "\e94e" !important;
    font-size: 10px;
    color: var(--main-color-darker) !important;
    /*position: absolute;*/
}

.checkColHeader.x-column-header-sort-ASC .x-column-header-text:after,
.checkColHeader.x-column-header-sort-DESC .x-column-header-text:after {
    content: none !important;
} 
.checkColHeader.x-column-header-sort-DESC .x-column-header-text:before {
    margin-left: 3px;
    margin-right: 3px;
    font-family: icomoon;
    content: "\e94e" !important;
    font-size: 10px;
    color: var(--main-color-darker) !important;
    position: absolute;
}
.checkColHeader.x-column-header-sort-ASC .x-column-header-text:before {
    margin-left: 3px;
    margin-right: 3px;
    font-family: icomoon;
    content: "\e94f" !important;
    font-size: 10px;
    color: var(--main-color-darker) !important;
    position: absolute;
}
.x-grid-checkheader:before {
    font-family: iphone_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-text-color) !important;
    content: "\e81f" !important;
    margin: auto;
    font-weight: normal;
}
.x-grid-checkheader, .x-grid-checkheader-checked {
    display: inline-flex;
    width: 100%;
}
    .x-grid-checkheader-checked:before {
        font-family: iphone_general;
        font-size: var(--font-icon-small) !important;
        color: var(--main-text-color) !important;
        content: "\e81d" !important;
        margin: auto;
        font-weight: normal;
    }
.clsDeselectAllHeader:before {
    font-family: iphone_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-text-color) !important;
    content: "\e81d" !important;
    margin: auto;
    font-weight: normal;
}
.clsSelectAllHeader:before {
    font-family: iphone_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-text-color) !important;
    content: "\e81f" !important;
    margin: auto;
    font-weight: normal;
}

.whiteChk:before {
    color: var(--main-text-color) !important;
}
.whiteChk .checkboxIcon:before {
    color: white !important;
}
.mainActiveTextColor:before {
    color: var(--main-text-color) !important;
}
.mainActiveTextColor {
    color: var(--main-text-color) !important;
}
.mainDarkerTextColor:before {
    color: var(--main-color-darker) !important;
}



.searchDefinitionType {
    padding-bottom: 2px;
    margin-left: 25px;
    font-size: 10px;
}
.generalSearchChk {
    display: inline-grid;
    margin: auto;
}
    .generalSearchChk .x-form-cb-wrap { 
        margin: auto;
        padding-top: 0px !important;
    }
.inputPickerFieldClsReadOnly {
    border-right: 1px solid lightgray !important;
}
    .inputPickerFieldClsReadOnly input {
        border-right: 1px solid lightgray !important;
    }
.iconFontSmaller:before {
    font-size: var(--font-icon-smaller) !important;
}
.iconFontSmallger:before {
    font-size: var(--font-icon-smallger) !important;
}
.iconFontBig:before {
    font-size: var(--font-icon-big) !important;
    font-weight: normal !important;
}
.iconFontBigger:before {
    font-size: var(--font-icon-tools) !important;
}
.chkBigger .checkboxIcon:before {
    font-size: var(--font-icon-smallger) !important;
}
.alignTopCorrectly .x-form-cb-wrap {
    padding-top: 0px !important;
}

.x-window-header {
    height: var(--main-window-header-height) !important;
    background: var(--main-panel-background) !important;
}
.x-window-header-default-top {
    padding: 0px 5px 0 2px !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: var(--main-window-header-height) !important;
}
.smallChildrenHeader .x-panel-header-horizontal .x-panel-header-body {
    height: var(--main-window-header-height-small) !important;
}

/*.x-window-header .x-tool div:before,
.x-panel-header-default-framed-top .x-tool div:before {
    color:  !important;
}*/


.x-window-header-text,
.x-panel-header-text-default-framed {
    color: var(--main-icon-tool-color) !important;
}
.x-window-header-icon:before {
    color: var(--main-icon-tool-color) !important;
    font-size: var(--font-icon-smallger) !important;
}
.x-window-header-text-default,
.x-panel-header-text-default-framed {
    font-size: 14px !important;
}
.x-panel-header-default-framed-top {
    background: var(--main-panel-background) !important;
}


.clsBtnBooking:before {
    font-family: icomoon;
    content: "\e907" !important;
    font-size: var(--font-icon-menu) !important;
    color: white !important;
    margin-right: 15px !important
}
.chkUnchecked {
    padding: 0px 0px 1px 0px !important;
}
.x-form-cb-wrap {
    display: inline-flex;
    align-items: center;
}
.requiredField {
    float: left !important;
    border-left-color: var(--main-decline-color) !important;
    border-left-width: 2px !important;
}
.x-form-invalid-field, textarea.x-form-invalid-field {
    border-color: var(--main-decline-color) !important;
}
.x-form-invalid-tip-body {
    background-image: none;
    padding-left: 5px;
}
.x-form-invalid-tip {
    border-color: var(--main-decline-color) !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.x-form-invalid-tip-default {
    border-radius: var(--main-radius);
}
.clsDashboardRow,
.clsDashboardRow > .x-panel-body {
    /*background: var(--main-bk-border-color) !important;
    border-radius: var(--main-radius-windows) !important; */
}
 
.clsDashboardRow  {  
}

.clsMainConfirmColor:before {
    color: var(--main-confirm-color)
}
.x-tab-close-btn {
    background-image: none;
    top: 10px;
    right: 6px;
    text-decoration: none;
    text-indent: inherit;
}
    .x-tab-close-btn:before {
        font-family: icomoon;
        content: "\e9b3" !important;
        font-size: var(--font-icon-smaller);
        color: var(--main-icon-tool-color) !important;
    }

    /*
.x-toolbar {
    background-color: var(--main-bk-grid-color) !important;
} */
.treeMenuMiniTitle { 
    background-color: var(--main-color-dark) !important;
}
    .treeMenuMiniTitle .x-panel-header-body {
        height: 27px !important;
    }
    .treeMenuMiniTitle .x-box-inner {
        height: 27px !important; 
        font-size: 15px;
        background-color: var(--main-color-dark) !important;
    }
    .treeMenuMiniTitle .x-box-item {
        display: inline-flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }
    .treeMenuMiniTitle .x-panel-header-text-default {
        color: white !important;
        font-size: 15px;
    }
/*.clCancelButtonEX .x-btn-inner{
    color: black;
}*/
.x-btn-group-header-horizontal .x-btn-group-header-body {
    height: var(--main-rb-menugrp-header-height) !important;
    background-color: var(--main-bk-border-color) !important;
}
.x-btn-group-header-default-framed {
    margin: 0px 2px 0 2px !important;
}
.x-btn-group-header-body-default-framed {
    background-color: var(--main-bk-border-color) !important;
    border-radius: 0px !important;
}
.x-form-text::placeholder {
    /*color: var(--main-text-color) !important;*/
}
.loginScreenLogo:before{

}
.treeMenuMini td {
    width: 180px !important;
}

.generalSearchChkItem {
    min-width: 135px !important;
    padding: 0 5px !important;
}

.amanoLogoLoginPosition {
    display: inline !important;
    float: right;
    top: 25px;
    position: relative;
    right: 0px;
}

.astrowLogoTextFontLoginPosition {
    display: inline !important;
}

.astrowLogoFontHalfPosition {
    position: relative;
    top: -3px;
}

.astrowBrandingLoginPosition {
    position: relative;
    top: -10px !important;
}

.addBookingDayNavigationContainer {
    min-width: 70px !important;
}
.x-docked-top .x-box-inner {
    align-items: center !important;
    justify-content: center !important;
    display: flex !important;
}
.x-toolbar .x-toolbar-item.btnSchemeui2025 {
    height: 25px !important; 
}
.loginPanel {
    background-image: none !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;
}

.infoButtonDataForToday {
    top: 0px !important;
}

.x-grid-row.x-grid-row-over .x-grid-cell.menuTreeItem {
    background-color: #ffffff !important;
}

.treeMenuMini .x-menu-item-active .x-menu-item-link .x-menu-item-text {
    color: var(--main-color-dark) !important
}

 
.astrowMobileSettingsWidth {
    width: inherit !important; 
}

.btnClearDataMaintanance {
    float: right;
    width: 70px;
    display: flex;
    justify-content: center;
}


.clsVisitorWEB:before {
    font-family: materialblack_general;
    content: "\e85c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsVisitorIT500:before {
    font-family: icomoon;
    content: "\e9ce" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsVisitorMT:before {
    font-family: icomoon;
    content: "\e90c" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsVisitorMT:before {
    font-family: materialblack_multimedia;
    content: "\e849" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsGenerateMobileSettings:before {
    font-family: amano;
    content: "\63" !important;
    font-size: var(--font-icon-smallger) !important;
    color: var(--main-color-darker) !important;
}
.clsLastLoginFromWeb:after {
    font-family: iphone_general;
    content: "\e856" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
}

.clsLastLoginFromMobile:after {
    font-family: 'materialblack_general';
    content: "\e85d" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker) !important;
}

.contextMenuGroupingACTION:before {
    font-family: icomoon;
    content: "\e9ca" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
    font-weight: normal !important;
}
.contextMenuGroupingVIEW:before {
    font-family: icomoon;
    content: "\e92d";
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
    font-weight: normal !important;
}
.contextMenuGroupingREPORT:before {
    font-family: icomoon;
    content: "\e927";
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
    font-weight: normal !important;
}
.assignTimecardLayoutInfoMessage {
    margin: 5px 0px 10px 0px;
    display: block;
    padding: 5px;
}

.chatMessageLoadEarlierMessagesBtn {
    top: 0px !important;
}

/*#GeneralSearch {
    min-width: 305px !important;
}*/

.chatWithNameClass {
    font-size: 13px !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.clsChatMessage .x-grid-table-resizer {
    width: inherit !important;
}

.chatUserName {
    white-space: normal;
    word-break: break-word;
    width: 75%;
}



.x-datepicker .x-btn-default-small.x-btn-default-small-over .x-btn-inner {
    color: var(--main-color-luminous-plus) !important;
}

.x-boundlist-item-over .qsfixed:before {
    color: var(--main-opposite-color-focus) !important;
}

.x-boundlist-item-over .qshistory:before {
    color: var(--main-opposite-color-focus) !important;
}

.send2FACodeUsers {
    max-width: 140px !important;
}

.clsTodayBookingDay:before {
    padding-top: 2px !important;
}

.clsMSSettingsBtnHelp span:before {
    font-family: icomoon;
    content: "\e9b4" !important;
    font-size: var(--font-icon-small);
    font-weight: normal;
    margin-right: 0px !important;
}
.fieldLabelFocusCls {
    text-decoration: underline;
}

.buttonTaskbar span:before {
    font-size: var(--font-icon-small) !important;
}

.sound-on:before {
    font-family: iphone_general;
    font-size: var(--font-icon-small) !important;
    content: "\e80e" !important;
    color: var(--main-color-darker) !important;
    font-weight: normal !important;
}

.splitBookingsProjectDayView:before {
    font-family: iphone_communications;
    font-size: var(--font-icon-small) !important;
    content: "\e800" !important;
    color: var(--main-color-darker) !important;
    font-weight: normal !important;
}

.sound-off:before {
    font-family: iphone_general;
    font-size: var(--font-icon-small) !important;
    content: "\e80f" !important;
    color: var(--main-color-darker) !important;
    font-weight: normal !important;
}

.x-slider-horz .x-slider-thumb:before {
    font-family: icomoon;
    font-size: var(--font-icon-smaller) !important;
    content: "\e9b5" !important;
    color: var(--main-color-darker) !important;
    font-weight: normal !important;
}

.clsPIPA:before, .clsPIPS0:before {
    font-family: icomoon;
    content: "\e941" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-decline-color) !important;
}

.clsPIPP:before,
.clsPIPS1:before,
.clsPIPP.x-btn-over .x-btn-inner:before,
.clsPIPS1.x-btn-over .x-btn-inner:before {
    font-family: icomoon;
    content: "\e941" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-confirm-color) !important;
}

.clsPIPAll:before {
    font-family: iphone_general;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker);
    content: "\e81d" !important;
}

.clsPIPAll:before,
.clsPIPAll.x-btn-over .x-btn-inner:before {
    font-family: iphone_general;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-darker);
    content: "" !important;
}



.clsPIPS2:before,
.clsPIPS2.x-btn-over .x-btn-inner:before {
    font-family: icomoon;
    content: "\e945" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-decline-color) !important;
}

.clsPIPS3:before {
    font-family: icomoon;
    content: "\e946" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-decline-color) !important;
}

.clsPIPS4:before {
    font-family: icomoon;
    content: "\e944" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-decline-color) !important;
}

.clsPIPS5:before {
    font-family: icomoon;
    content: "\e946" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-confirm-color) !important;
}

.clsPIPS6:before {
    font-family: icomoon;
    content: "\e943" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-decline-color) !important;
}


.x-progress-default .x-progress-bar {
    background-image: none !important;
    border-top-color: var(--main-color-luminous);
    background-color: var(--main-color-luminous) !important;
}

.x-progress-default {
    border-color: var(--main-color-luminous) !important;
}



.x-btn-arrow:after {
    font-family: icomoon;
    content: "\e94e" !important;
    /*white-space: pre-wrap;*/
    font-size: 10px !important;
    color: var(--main-color-darker);
    padding-left: 6px;
}

.btnSchemeui2025.x-btn-over .x-btn-arrow:after {
    color: var(--main-opposite-color-focus) !important
}

.btnSchemeui2025.x-btn-over .x-btn-split-right:after {
    color: var(--main-opposite-color-focus) !important
}

.x-btn-arrow {
    background-image: none !important;
    padding-right: 0px !important;
}

.x-btn-split-right:after {
    font-family: icomoon;
    content: "\e94e" !important;
    font-size: 10px !important;
    color: var(--main-color-darker);
    position: relative;
    pointer-events: none;
}

.x-btn-group-body .x-btn-split-right:after {
    padding-left: 8%;
}

.x-toolbar .x-btn-split-right {
    background: transparent;
    padding-right: 15px !important;
} 
.x-datepicker-month .x-btn-split-right {
    background-image: none !important;
    padding-right: 0px !important;
}

.x-datepicker-month .x-btn-split-right:after {
    color: var(--main-opposite-color-focus) !important;
}

.btnSchemeui2025 .x-btn-split.x-btn-split-right:after {
    position: absolute !important;
    left: 80% !important;
}

.splitLessPossition .x-btn-split.x-btn-split-right:after {
    left: 70% !important;
}

.clsTeamEmployeeComboSelectionIcon.clsUser16:before {
    font-size: var(--font-icon-smaller) !important;
}

.clsPlusAdd16:before {
    /* font-family: materialblack_general; */
    content: "+" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}
.clsMinusSubtract16:before {
    /* font-family: materialblack_general; */
    content: "\2012" !important;
    font-size: var(--font-icon-small) !important;
    color: var(--main-color-darker) !important;
}

.declineColor:before {
    color: var(--main-decline-color) !important;
}

.confirmColor:before {
    color: var(--main-confirm-color) !important;
}

.clsTerminalCircleRed:before {
    font-family: icomoon;
    content: "\e941" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-decline-color) !important;
}

.clsTerminalCircleGreen:before {
    font-family: icomoon;
    content: "\e941" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-color-connected-terminal) !important;
}

.clsTerminalCircleOrange:before {
    font-family: icomoon;
    content: "\e941" !important;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-warning-color) !important;
}

.clsTerminalCircleRed,
.clsTerminalCircleGreen,
.clsTerminalCircleOrange {
    justify-content: center !important;
}






.twoFaQRCodeForm {
    background-color: transparent !important;
}

.twoFaQRCodeForm .x-panel-body {
    background-color: transparent !important;
}

.clsFavoritesTopBarItem {
    background: transparent !important;
    border: 0px !important;
}

.clsFavoritesTopBarItem:hover {
    background-color: var(--main-color-luminous) !important;
    border: 0px !important;
}

    .clsFavoritesTopBarItem:before {
        color: var(--main-opposite-color-focus) !important;
        /*font-size: 30px !important;*/
        font-size: var(--font-icon-big) !important;
    }

.clsMarkFavoritesTopBarItemStar:after {
    font-family: materialblack_general;
    font-size: var(--font-icon-small) !important;
    color: var(--main-opposite-color-focus);
    content: "\e870" !important;
    position: absolute;
    bottom: 22px;
    left: 39px;
}

.favoriteItemTopBarExpander span {
    padding-left: 0px !important;
    font-size: 16px !important;
    display: inline-flex !important;
}

.favoriteItemTopBarExpander .badgeButton {
    display: none !important;  
}

.clsFavoritesTopBarItem:hover .x-btn-arrow:after {
    color: var(--main-color-dark) !important;
}

.favoriteItemTopBarExpander.x-menu-item:hover {
    background-color: var(--main-color-luminous) !important;
}

.clsFavoritesTopBarItem.clsMenuFavorites:before {
    color: var(--main-focus-btn-color) !important;
}


.clsFavoritesTopBarItem:hover .clsMarkFavoritesTopBarItemStar:after,
.clsFavoritesTopBarItem:hover .clsFavoritesTopBarItemStarAddMore:after {
    color: var(--main-color-dark) !important;
}

.topToolBarCompanyClockContainer {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.clsFavoritesTopBarItem .x-btn-arrow:after {
    display: none !important;
}

.clsDownFavoritesToolbar:before {
    font-family: icomoon;
    content: "\e94e" !important;
    font-size: var(--font-icon-smallger) !important;
    margin-left: 3px;
    color: var(--main-opposite-color-focus) !important;
}

.clsNoFavSelected .clsDownFavoritesToolbar,
.clsNoFavSelected .clsAddFavoritesMenuTopBar {
    padding-left: 0px !important;
}

.clsNoFavSelected .clsDownFavoritesToolbar,
.clsNoFavSelected .clsAddFavoritesMenuTopBar {
    font-size: 14px !important;
    display: flex;
    align-items: center;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
    line-height: normal !important;
}


.clsAddNewFavoriteTopBar:before {
    font-family: amano;
    content: "\6c" !important;
    font-size: 24px !important;
    color: var(--main-active-light-darker-color) !important;
    position: relative;
    top: 3px;
    right: -2px;
    margin-right: 20px !important;
}

.rotate45DegCls {
    transform: rotate(45deg);
    transform-origin: center;
}

.clsFavoritesTopBarItemStarAddMore:after {
    font-family: materialblack_general;
    font-size: var(--font-icon-smaller) !important;
    color: var(--main-active-light-darker-color) !important;
    content: "\e870" !important;
    position: absolute;
    bottom: 15px;
    left: 5px;
    transform: rotate(28deg) !important;
    transform-origin: center;
}

.favorites-cards .x-dataview-item {
    display: inline-flex;
    vertical-align: top;
}

.favorites-cards .favorite-card {
    display: flex;
    flex-flow: wrap;
    border-radius: var(--main-radius);
    margin: 2px;
    width: 90px;
    height: 85px;
    cursor: move;
}

.favorites-cards {
    display: flex !important;
    height: auto !important;
    border: 1px solid var(--main-color-luminous-plus);
    flex-direction: row;
    flex-wrap: wrap;
    border-radius: var(--main-radius);
}

.favorite-card .menuItemUser {
    outline: 1px solid var(--main-focus-btn-color);
}

.favoriteMenusAddInfoLabel {
    display: block;
    height: 20px !important;
}

.favoriteMenusInfoLabel {
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    display: block;
}

.clsNoFavoriteSelectedForPriority {
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: var(--main-active-light-darker-color) !important;
}

.featureRequestQTipDescription {
    font-size: 12px;
    display: block;
}
/*
.featureRequestQTipDescription span {
    height: 90% !important;
    overflow-y: scroll;
}

.featureRequestQTip {
    display: block;
    height: auto !important;
    width: auto !important;
    
    min-height: 120px !important;
    max-height: 400px;
    min-width: 100px !important;
    max-width: 300px !important;
    padding: 5px;
}*/


.featureRequestQTip .x-tip-body {
    max-height: 150px !important;
    overflow: scroll;
}

.featureRequestQTip.x-tip {
    background-color: var(--main-opposite-color-focus) !important;
    border-radius: var(--main-radius-windows) !important;
    max-height: 400px;
    height: auto !important;
    min-width: 200px !important;
    max-width: 200px !important;
}

.featureRequestQTipV2 .x-box-inner {
    height: 25px !important;
}

.featureRequestQTipV2 .x-tip-anchor.x-tip-anchor-top {
    width: 22px !important;
    height: 22px !important;
    top: -17px !important;
}

.featureRequestQTipV2 .x-tip-anchor.x-tip-anchor-left {
    width: 22px !important;
    height: 22px !important;
    transform: rotate(270deg);
}

.featureRequestQTipV2 .x-tip-anchor.x-tip-anchor-right {
    width: 22px !important;
    height: 22px !important;
    transform: rotate(90deg);
}

.featureRequestQTipV2 .x-tip-anchor.x-tip-anchor-bottom {
    width: 22px !important;
    height: 22px !important;
    transform: rotate(180deg);
}

.featureRequestQTipV2 .x-tip-anchor.x-tip-anchor-top:before,
.featureRequestQTipV2 .x-tip-anchor.x-tip-anchor-left:before,
.featureRequestQTipV2 .x-tip-anchor.x-tip-anchor-right:before,
.featureRequestQTipV2 .x-tip-anchor.x-tip-anchor-bottom:before {
    font-family: icomoon;
    content: "\e91c";
    font-size: 22px !important;
    color: var(--main-opposite-color-focus) !important;
    /*color: var(--main-warning-color-pressed) !important;*/
    position: relative;
}

.featureRequestQTipV2 .x-tip-anchor-top,
.featureRequestQTipV2 .x-tip-anchor-left,
.featureRequestQTipV2 .x-tip-anchor-right,
.featureRequestQTipV2 .x-tip-anchor-bottom {
    border-color: transparent !important;
    border: 0px !important;
}

.featureRequestQTipV2 .x-tip-anchor-top {    
    left: 45%;
}

.featureRequestQTipV2 .x-tip-anchor-right {
    left: 98%;
}

.featureRequestQTipV2 .x-tip-anchor-bottom {
    left: 45%;
    top: 95% !important;
}


.featureRequestQTipV2 .x-tip-body {
    max-height: 150px;
    max-width: 300px;
    overflow-y: scroll;
    font-size: 12px;
    font-weight: bold;
}

.featureRequestQTipV2.x-tip {
    border-radius: var(--main-radius) !important;
}

.visibleSplitter {
    background-color: var(--main-active-light-color) !important;
    border-radius: var(--main-radius);
    justify-content: center;
    display: flex;
    height: 89% !important;
    top: 8% !important;
}
.visibleSplitter:before {
    font-family: iphone_general;
    content: "\e858";
    font-size: 22px !important;
    color: var(--main-color-luminous) !important;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
    justify-content: center;
}

.timecardNotesColumnText {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}