@font-face {
  font-family: "DIN-1451";
  src: url('din1451m.ttf');
  src: url('din1451m.eot?#iefix')
  		   format('embedded-opentype'),
   	   url('din1451m.woff') format('woff'),
       url('din1451m.ttf') format('truetype');
}
@font-face {
	font-family: "Gotham-Bold";
  src: url('Gotham-Bold.ttf');
  src: url('Gotham-Bold.woff#iefix') format('woff'),
       url('Gotham-Bold.ttf') format('truetype');
}
@font-face {
	font-family: "Gotham-Book";
  src: url('Gotham-Book.ttf');
  src: url('Gotham-Book.woff?#iefix') format('woff'),
       url('Gotham-Book.ttf') format('truetype');
}
@font-face {
	font-family: "DIN Alternate Light";
  src: url('DIN-Alternate-Light.ttf');
  src: url('DIN-Alternate-Light.eot?#iefix')
  		   format('embedded-opentype'),
   	   url('DIN-Alternate-Light.woff') format('woff'),
       url('DIN-Alternate-Light.ttf') format('truetype');
}
@font-face {
  font-family: "DIN Alternate";
  src: url('DIN-Alternate.ttf');
  src: url('DIN-Alternate.eot?#iefix')
  		   format('embedded-opentype'),
   	   url('DIN-Alternate.woff') format('woff'),
       url('DIN-Alternate.ttf') format('truetype');
}
@font-face {
	font-family: "DIN Black";
  src: url('DIN-Black.ttf');
  src: url('DIN-Black.eot?#iefix')
  		   format('embedded-opentype'),
   	   url('DIN-Black.woff') format('woff'),
       url('DIN-Black.ttf') format('truetype');
}
@font-face {
	font-family: "DIN Light";
  src: url('DIN-Light.ttf');
  src: url('DIN-Light.eot?#iefix')
  		   format('embedded-opentype'),
   	   url('DIN-Light.woff') format('woff'),
       url('DIN-Light.ttf') format('truetype');
}
@font-face {
	font-family: "DIN Medium";
  src: url('DIN-Medium.ttf');
  src: url('DIN-Medium.eot?#iefix')
  		   format('embedded-opentype'),
   	   url('DIN-Medium.woff') format('woff'),
       url('DIN-Medium.ttf') format('truetype');
}
@font-face {
	font-family: "Trebuchet MS";
  src: url('TrebuchetMS.ttf');
  src: url('TrebuchetMS.eot?#iefix')
  		   format('embedded-opentype'),
   	   url('TrebuchetMS.woff') format('woff'),
       url('TrebuchetMS.ttf') format('truetype');
}
@font-face {
	font-family: "Trebuchet MS Bold";
  src: url('TrebuchetMSBold.ttf');
  src: url('TrebuchetMSBold.eot?#iefix')
  		   format('embedded-opentype'),
   	   url('TrebuchetMSBold.woff') format('woff'),
       url('TrebuchetMSBold.ttf') format('truetype');
}
@font-face {
	font-family: "Trebuchet MS Italic";
  src: url('TrebuchetMSItalic.ttf');
  src: url('TrebuchetMSItalic.eot?#iefix')
  		   format('embedded-opentype'),
   	   url('TrebuchetMSItalic.woff') format('woff'),
       url('TrebuchetMSItalic.ttf') format('truetype');
}
@font-face {
	font-family: "Trebuchet MS Italic Bold";
  src: url('TrebuchetMSBoldItalic.ttf');
  src: url('TrebuchetMSBoldItalic.eot?#iefix')
  		   format('embedded-opentype'),
   	   url('TrebuchetMSBoldItalic.woff') format('woff'),
       url('TrebuchetMSBoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: "Garamond";
  src: url('Garamond.ttf');
  src: url('Garamond.eot?#iefix') format('embedded-opentype'),
  	   url('Garamond.woff?') format('woff'),
       url('Garamond.ttf') format('truetype');
}
@font-face {
	font-family: "Garamond Regular";
  src: url('Garamond-Regular.ttf');
  src: url('Garamond-Regular.eot?#iefix') format('embedded-opentype'),
  	   url('Garamond-Regular.woff?') format('woff'),
       url('Garamond-Regular.ttf') format('truetype');
}

.x-dd-drag-proxy {
    z-index:100000 !important;
}

.x-form-text-default {
    font: 13px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif !important;
}

.x-grid-group-title {
    font: 12px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif !important;
}

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

/* Styles used by Ext.ux.form.ItemSelector */
.x-form-multiselect-body .x-boundlist .x-mask {
    background: none;
}

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

.x-form-itemselector-top {
    background-image: url(../images/top2.gif);
}
.x-form-itemselector-up {
    background-image: url(../images/up2.gif);
}
.x-form-itemselector-add {
    background-image: url(../images/right2.gif);
}
.x-form-itemselector-remove {
    background-image: url(../images/left2.gif);
}
.x-form-itemselector-down {
    background-image: url(../images/down2.gif);
}
.x-form-itemselector-bottom {
    background-image: url(../images/bottom2.gif);
}

.x-grid-row-summary  {
    font-weight: bold;
    font-size: 11px;
    text-decoration:underline;
}

.x-btn-inner {
    font-weight : bold !important;
}

.x-action-col-cell div.hasAttachment {
    background-image: url(../images/linkcheck16x16.png);
    width: 17px;
}

.x-action-col-cell div.noAttachment {
    background-image: url(../images/b_link.png);
    width: 17px;
}

.x-grid-row-over .x-grid-td.today,
.x-grid-row-alt .x-grid-td.today,
.x-grid-cell.today,
.x-grid-dirty-cell.today {
    border-right: solid 1px black;
    border-left: solid 1px black;
}
.x-grid-row-over .x-grid-td.nowork,
.x-grid-row-alt .x-grid-td.nowork,
.x-grid-cell.nowork,
.x-grid-dirty-cell.nowork {
    background-color: #D0D0D0;
}
.x-grid-row .x-grid-cell-selected.nowork {
    color: "none";
    background-color: #b8cfee;
}
.x-column-header.note {
    background-color: white;
    border-bottom: solid 1px blue;
}

.x-action-col-icon {
    height: 16px;
    width: 16px;
    margin-right: 5px;
}
.x-btn-default-small-icon .x-btn-icon-el.btnWTDescription,
.x-btn-default-small-icon .x-btn-icon-el.btnWTTakeOverDescription
{
    width: 26px;
    height: 26px;
}

.x-form-cb { left: auto !important}

.x-view-item-focused {outline: 0 !important; outline-offset: initial !important;}

.x-grid-item {
    color: #000 !important;
}
.startPageTreePicker {
    background-color: #32404E;
}
.startPageTreePicker .x-grid-item {
    background-color: #32404E;
}
.startPageTreePicker .x-grid-item .x-tree-elbow-plus,
.startPageTreePicker .x-grid-item .x-tree-elbow-end-plus {
    color: #fff;
}
.startPageTreePicker .x-grid-item .x-tree-icon {
    width: 25px !important;
}
.startPageTreePicker .x-grid-item .x-tree-node-text {
    color: #fff !important;
}
.x-form-display-field-default {
	font: 12px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif !important;
}
.wtAbsenceTypeOverview .x-form-display-field-default {
	margin-top: 0px !important;
    padding: 0px 5px 0px!important;
    min-height: 22px!important;
}
.wtAbsenceTypeOverview .x-form-item-label-default {
	padding-top: 0px !important;
}
#projectTree .x-tagfield-item-close{
	top: 1px !important;
}
.x-window-default {
	border-style: solid;
	border-width: 1px !important;
}
.x-tagfield-item-text {
	font:normal 13px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif !important;
}
.x-placeholder-label-default{
	font:normal 13px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif !important;
}
.x-window-header-title-default > .x-title-text-default{
	font-size: 13px;
}
.x-form-text-default .x-tagfield-item-close{
    top: 4px !important;
}

/* from bryntum gantt tasks.css */
.CustomerApproval:not(.sch-rollup-task) {
    border           : 2px solid #ddd;
    background-color : #222;
}

.projectIcon:before {
    content : "\f058";
}

.x-tree-icon-leaf:before {
    content   : "\f111";
    font-size : 0.6em;
    position  : relative;
    top       : -3px;
}

.important .x-tree-icon-leaf:before {
    color : red;
}

.sch-gantt-project-line-end.sch-gantt-project-line-Delivery .sch-gantt-project-line-text {
    top : 44px;
}

.Important .sch-gantt-progress-bar {
    background:red;
}

.sch-gantt-task {
    top    : 10%;
    height : 80%;
}

.sch-gantt-task-segment .sch-gantt-progress-bar-label {
    display : none;
}

.sch-segment-in-progress .sch-gantt-progress-bar-label {
    display : inline;
}

.sch-gantt-parent-task .sch-gantt-labelct,
.sch-gantt-task .sch-gantt-labelct {
    top : 2px
}

.sch-gantt-progress-bar {
    line-height : 25px;
}

.sch-gantt-progress-bar span {
    margin-right : 2px;
}

/* from bryntum gantt advanced.css */
.id {
    background-color : #F6F6F6 !important;
    background-image : -moz-linear-gradient(left center, #F6F6F6, #E9E9E9) !important;
    background-image : -webkit-linear-gradient(left, #F6F6F6, #E9E9E9) !important;
    background-image : linear-gradient(left, #F6F6F6, #E9E9E9) !important;
}

.gnt-color-palette {
    background-color : #E9F2FF;
    border           : 1px solid #8EAACE;
    position         : absolute;
    height           : 95px;
    width            : 152px;
}

.first-row .sch-gantt-labelct-left {
    display : none;
}

.sch-ganttview .kickoff {
    border-left : 2px dotted #00a000;
}

.sch-gantt-project-line-text {
    background-color : #f33;
    left             : -1px;
}

.sch-rollup-wrap .sch-gantt-progress-bar span {
    display : none;
}

.enable-taskarea .gnt-taskarea {
    display : block;
}

.filterfield {
    padding: 0 3px;
}

.filterfield input {
    border-left   : 0;
    border-right  : 0;
    border-bottom : 0;
    padding-left  : 22px;
    min-height    : 20px;
}

.filterfield .x-form-text-wrap:before {
    content  : "\f002";
    font     : 16px/1 'Font Awesome 5 Free';
    color    : #bbb;
    margin   : 3px;
    position : absolute;
}

.gnt-national-holiday {
    background-color    : #eee;
    background-position : center 140px !important;
    background-repeat   : no-repeat;
}

.sch-gantt-task-baseline.sch-gantt-baseline-item .sch-gantt-task-bar {
    background-color: #ddd !important;
    border: 1px solid #ddd !important;
    box-shadow: none !important;
}

.x-checkbox-default-cell > .x-grid-cell-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.x-grid-cell-inner {
    padding: 5px 3px 2px!important;
}
.paymentTermGrid .x-grid-cell-inner {
    height: 20px!important;
}
.x-form-cb-wrap-default {
    height: 16px!important;
}
.x-grid-cell-inner .x-form-cb-default{
    margin-top: 0px!important;
}
.x-grid .x-form-cb-default{
    margin-top: 0px!important;
}
.x-form-trigger-default {
    font: 16px/22px 'Font Awesome 5 Free' !important;
}
.x-form-text-default {
    padding: 0px 5px 0px!important;
    min-height: 22px!important;
}
.x-btn-default-small {
    padding: 3px 3px 3px 3px!important;
}
.x-form-text-default.x-form-textarea{
    min-height:80px!important;
}
.x-autocontainer-form-item, .x-anchor-form-item, .x-vbox-form-item, .x-table-form-item {
    margin-bottom: 2px!important;
}
.x-fieldset-header-default {
    padding: 1px 5px!important;
}
.x-form-spinner-default {
    height: 11px!important;
}
.x-form-spinner-down-default {
    font: 13px/1 ExtJS!important;
}
.x-form-spinner-up-default {
    font: 13px/1 ExtJS!important;
}
.x-form-text-file {
    height: 24px!important;
}

.x-boundlist-item {
    line-height: 22px !important;
}
.x-grid-group-hd, .x-grid-group-hd-collapsible {
    padding: 4px 3px !important;
}

.mywttable .x-grid-cell {
    padding: 0px !important;
}
.x-taskeemployeeassigment-checkbox .x-form-cb-label-default{
	margin-top: 4px !important;
}
.x-taskeemployeeassigment-checkbox .x-form-checkbox-default{
	margin-top: 3px !important;
}
.x-taskeemployeeassigment-prioritaet .x-form-item-label-text{
	font: 12px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}
.x-reportfilter-box-label .x-form-cb-label-default{
	font: 12px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif !important;
}
.projectdevelopment .x-form-display-field-default{
	margin: 5.5px 0 0;
}
.centralTimeTrack .x-form-display-field-default{
	margin-top: 4px !important;
}
.opportunityReport .x-form-cb-default{
    margin-top: 0px!important;
}
.ticketDetailElemenet .x-form-display-field-default{
	margin-top: 4px !important;
}
.btnPhaseKanban{
	background: url(../images/b_kanban_phase.png)
}
.btnTimeKanban {
    background: url(../images/b_kanban_time.png);
}
.btnDateRangePicker{
	background: url(../images/b_date_range_picker.png);
}
.btnForwardWhite {
    background : url(../images/b_last_white.png);
}
.btnBackwardWhite {
    background : url(../images/b_first_white.png);
}
.btnDateRangePickerWhite{
	background: url(../images/b_date_range_picker_white.png);
}
.btnProjectAppointmentWhite {
    background: url(../images/b_appointment_white.png);
}
.btnCSV {
    background: url(../images/b_csv.png);
}
.btnExcel {
    background: url(../images/b_excel.png);
}
.checkboxColumn .x-grid-checkcolumn-cell-inner{
	padding: 3px 3px 0px!important;
}
.ticketKanbanCheckBox{
	padding: 7px 0px 0px 5px!important;
}
.btnEmployeeDashboardOpportunity{
	background: url(../images/16x16/blue/crm.png);
}
.btnEmployeeDashboardTicket{
	background: url(../images/16x16/blue/ticket.png);
}
.btnEmployeeDashboardChecklist{
	background: url(../images/16x16/blue/todolist.png);
}
.btnEmployeeDashboardRequest{
	background: url(../images/16x16/blue/request.png);
}
.btnEmployeeDashboardCapacity{
	background: url(../images/16x16/blue/b_capacity_of_employee.png);
}
.calendar table{
	margin: unset !important;
}
.borderLeftRight .x-panel-default-outer-border-trbl{
    border-right: solid 0px black !important;
    border-left: solid 0px black !important;
}
.x-boundlist-item {
	font:normal 13px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif !important;
}
.iconBlack.x-fa {
	color: black !important;
	font-size: 20px !important;
}
.attendanceStatisticDisplay .x-form-item-label-text{
	font-size: 20px !important;
}
.attendanceStatisticDisplay .x-form-display-field-default{
	font-size: 20px !important;
}
.treeTopBorder .x-grid-header-ct{
	border-top-width: 1px !important;
}
.docTopBorder{
	border-top: solid 1px #d0d0d0 !important;
}
.empStructBorderlr .x-grid-header-ct{
	border-left-width: 0px !important;
	border-right-width: 0px !important;
}
.empStructBorderlr .x-grid-body{
	border-left-width: 0px !important;
	border-right-width: 0px !important;
}
.empStructGraphLabel .x-d3-label{
	text-anchor: start !important;
}
.textAreaMinHeight .x-form-textarea{
	min-height: 20px !important;
}
.tagHeight30 .x-tagfield{
	height: 30px !important;
	max-height: 30px !important;
}
.tagHeight30 .x-form-trigger-default {
	line-height: 30px !important;
}
.x-projecttaskdetails-checkbox .x-form-cb-label-default{
	margin-top: 4px !important;
}
.x-projecttaskdetails-checkbox .x-form-checkbox-default{
	margin-top: 3px !important;
}
.fieldSetBackground .x-panel-body-default {
	background-color: #f6f6f6 !important;
}
.x-treelist-navigation .x-treelist-item-text {
	color: #f2f8fd !important;
}

.x-treelist-navigation .x-treelist-row-over {
    background-color: #35baf6 !important;
}

.x-treelist-navigation .x-treelist-item-selected > .x-treelist-row {
    background-color: #6d6f70 !important;
}

.x-html-editor-input {
	border-left-width: 0px !important;
	border-right-width: 0px !important;
	border-bottom-width: 0px !important;
}
.chatgrid .x-grid-item-focused .x-grid-cell-inner:before {
    border: 0 !important;
    background-color: #f6f6f6;
}
.gridBorderRight .x-toolbar,
.gridBorderRight .x-grid-header-ct,
.gridBorderRight .x-panel-body {
	border-right-width: 1px !important;
	border-right-color: #34b7f2 !important;
}
.checkListDoneView .x-form-display-field-default {
	margin-top: 5px !important;
	min-height: 17px!important;
}
.liveSearchGridSelectionCountDisplay .x-form-display-field-default {
	margin-top: 2px !important;
	min-height: 17px!important;
	font: 400 13px/16px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif !important;
}
.liveSearchGridSelectionCountDisplay .x-form-item-label-default {
	padding-top: 2px !important;
	min-height: 17px!important;
}
.liveSearchGridSelectionCountDisplay .x-form-item-label-text {
	font: 400 13px/16px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif !important;
}
.empDashBoardUserMenu .sch-userpicture-view .sch-user{
	width: 90px !important;
	height: 120px;
	color: #000 !important;
}
.empDashBoardUserMenu .sch-user-selected{
	font-weight: bold!important;
}
.empDashBoardUserMenu .sch-userpicture-view .sch-user img{
	width: 60px;
	margin-left: 15px;
	margin-right: 15px;
	border-color: #ccc;
}
.empDashBoardUserMenu .sch-userpicture-view .sch-user-selected{
	top: 0;
	left: 0;
	margin-right: 5px;
}
.colorWhite .x-menu-item-text{
	color: #FFFFFF !important;
}
.appointmentCalAgendaCalc .cal-agenda .cal-agenda-daterow .cal-agenda-eventlist{
	width: calc(100% - 160px) !important;
}
.appointmentCalAgendaCalc .cal-agenda .cal-agenda-daterow .cal-agenda-eventlist .cal-agenda-event-name .cal-event{
	display: inherit !important;
}
.appointmentCalAgendaCalc .cal-agenda .cal-agenda-daterow .cal-agenda-eventlist>tbody{
	display: block !important;
}
.appointmentCalAgendaCalc .cal-agenda .cal-agenda-daterow .cal-agenda-eventlist>tbody>tr{
	display: flex !important;
}
.appointmentCalAgendaCalc .cal-agenda .cal-agenda-daterow .cal-agenda-eventlist>tbody>tr>.cal-agenda-event-name{
	max-width: calc(100% - 160px) !important;
	display: block !important;
}

.userSelectCheckboxSkill .x-form-cb-default  {
    margin-top: 0 !important;
}
.roomSchiftPlanning{
	background: url(../images/b_room_masterdata.png);
}
.auth-dialog .auth-eye-slash-trigger.auth-eye-slash-trigger:before{
	left: -10px;
	top: 16px;
}
.auth-dialog .auth-password-trigger.auth-password-trigger:before{
	left: -16px;
	top: 16px;
}
.labelPaddingTop {
	padding-top: 4px !important;
}
.navMenuLeftBtn .x-btn-button-center{
	justify-content: start;
}
.navMenuLeftBtn .x-btn-inner-default-toolbar-large{
	color: #f2f8fd !important;
	font-weight: normal !important;
}
.navMenuLeftTree .x-treelist-item-expander{
	width: 34px !important;
}
.displayWordWrapElipses{
	width: 100%;
}
.displayWordWrapElipses .x-form-display-field-default{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cbOpacity{
	opacity: 0.7;
}
.heightCenterFieldSet.x-fieldset-default{
	padding: 5px 15px 5px 15px;
}
.empAvailability .x-form-item-label-default {
	padding-top: 4px !important;
}
.empAvailability .x-form-cb-label-default {
	margin-top: 4px !important;
}
.empAvailability .x-form-cb-default {
	margin-top: 3px !important;
}
.totalOverviewSelection > div{
	background-color: #ffffff60;
	border: 2px solid black;
	height: 25px;
	width: 24px;
	align-content: center;
	text-align: center;
}