/* disable swipe refresh */
html, body {
    overscroll-behavior: none !important;
}

.MaterialLine, .MaterialLine input, .MaterialLine select, .MaterialLine textArea, .MaterialLine span, .MaterialLine a{
    color: var(--text-color);
}

.OptionLine, .OptionLine input, .OptionLine select, .OptionLine textArea, .OptionLine span, .OptionLine a{
    color: var(--orange-600);
}

.NoPriceLine, .NoPriceLine input, .NoPriceLine select, .NoPriceLine textArea, .NoPriceLine span, .NoPriceLine a{
    color: var(--blue-600);
}

.ComponentLine, .ComponentLine input, .ComponentLine select, .ComponentLine textArea, .ComponentLine span, .ComponentLine a{
    color: var(--surface-500);
}

.HeaderLine, .HeaderLine input, .HeaderLine select, .HeaderLine textArea, .HeaderLine span, .HeaderLine a{
    color: var(--surface-700) !important;
}

.SystemLine, .SystemLine input, .SystemLine select, .SystemLine textArea, .SystemLine span, .SystemLines a{
    color: var(--surface-700) !important;
}

.AlternativeLine, .AlternativeLine input, .AlternativeLine select, .AlternativeLine textArea, .AlternativeLine span, .AlternativeLine a{
    color: var(--surface-700) !important;
}

.HeaderLine td, .AlternativeLine td, .SystemLine td, .TotalsLineG td, .TotalsLineD td, .TotalsLineT td{
    padding-top:0px !important;
    padding-bottom:0px !important;
}

.HeaderLine .ui-inputfield, .AlternativeLine .ui-inputfield, .SystemLine .ui-inputfield, .TotalsLineG .ui-inputfield, .TotalsLineD .ui-inputfield, .TotalsLineT .ui-inputfield{
    border-width:0px !important;
    background: transparent !important;
    padding-left:0px !important;
    font-weight: bold !important;
}

.HeaderLine a, .AlternativeLine a, .SystemLine a, .TotalsLineG a, .TotalsLineD a, .TotalsLineT a{
    color: var(--surface-700) !important;
}

body .ui-datatable .ui-datatable-data > .AlternativeLine {
    padding:0px;
    background: var(--surface-300);
    color: var(--surface-700);
}

.AlternativeLine {
    padding:0px;
    background: var(--surface-300);
    color: var(--surface-700);
}

.AlternativeLine .ui-inputfield{
    color: var(--surface-700) !important;
}

body .ui-datatable .ui-datatable-data > .SystemLine {
    padding:0px;
    background: var(--surface-200);
    color: var(--surface-700);
}

.SystemLine {
    padding:0px;
    background: var(--surface-200);
    color: var(--surface-700);
}

.SystemLine .ui-inputfield{
    color: var(--surface-700);
}

body .ui-datatable .ui-datatable-data > .HeaderLine {
    padding:0px;
    background: var(--surface-50);
    color: var(--surface-700);
}

.HeaderLine {
    padding:0px;
    background: var(--surface-50);
    color: var(--surface-700);
}

.HeaderLine .ui-inputfield{
    color: var(--surface-700) !important;
}

body .ui-datatable .ui-datatable-data > .TotalsLineG {
    padding:0px;
    background: var(--surface-300);
    color: var(--surface-700);
}

.TotalsLineG {
    padding:0px;
    background: var(--surface-300);
    color: var(--surface-700);
}

.TotalsLineG .ui-inputfield{
    color: var(--surface-700) !important;
}

body .ui-datatable .ui-datatable-data > .TotalsLineD {
    padding:0px;
    background: var(--surface-200);
    color: var(--surface-700);
}

.TotalsLineD {
    padding:0px;
    background: var(--surface-200);
    color: var(--surface-700);
}

.TotalsLineD .ui-inputfield{
    color: var(--surface-700) !important;
}

body .ui-datatable .ui-datatable-data > .TotalsLineT {
    padding:0px;
    background: var(--surface-50);
    color: var(--surface-700);
}

.TotalsLineT {
    padding:0px;
    background: var(--surface-50);
    color: var(--surface-700);
}

.TotalsLineT .ui-inputfield{
    color: var(--surface-700) !important;
}

.HeaderInputTextarea{
    border-width:0px !important;
    box-shadow: 0px 0px 1px inset !important;
    padding:0px;
    padding-left: 0px;
    height:0px;
    overflow: auto;
    scrollbar-width:thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

.HeaderInputTextarea::-webkit-scrollbar {
    width: 1px;
}

.HeaderInputTextarea::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
}

.HeaderInputTextarea::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.4);
}


.ItemInputTextarea::-webkit-scrollbar {
    width: 1px;
}

.ItemInputTextarea::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
}

.ItemInputTextarea::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.4);
}

.ItemInputTextarea{
    padding:0px !important;
    padding-top:4px !important;
    font-size:0.9rem !important;
    overflow: auto;
    scrollbar-width:thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

.ComponentLine .ItemInputTextarea{
    font-size:1.0em !important;
    /*width:98% !important;*/
    min-width:170px !important;
    /*height:17px;*/
    min-height: 17px !important;
    margin-top:3px !important;
    margin-bottom:3px !important;
    overflow: auto;
    scrollbar-width:thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

.ItemInputTextareaOpened{
    font-size:1.0em !important;
    /*width:95% !important;*/
    min-width:170px !important;
    min-height: 17px !important;
    margin-top:3px !important;
    margin-bottom:3px !important;
    overflow: auto;
    scrollbar-width:thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

.ComponentLine .ItemInputTextareaOpened{
    font-size:1.0em !important;
    /*width:98% !important;*/
    min-width:170px !important;
    min-height: 17px !important;
    margin-top:3px !important;
    margin-bottom:3px !important;
    overflow: hidden;
}

.materialItemMatDescriptionColumn{
    min-width:250px !important;
}

.materialItemMatDescriptionColumnLong{
    min-width:400px !important;
}

.materialItemMatDescriptionColumnWide{
    min-width:400px !important;
}

.materialItemLongTextColumn{
    min-width:200px !important;
    max-width:400px !important;
}

.materialItemLongTextColumnWide{
    min-width:400px !important;
    max-width:600px !important;
}

.materialItemMatDescriptionText{
    height:16px !important;
    font-weight: 500 !important;
    text-overflow:ellipsis;
    background:none;
    color:inherit;
    border:0px;
    width:98%;
    padding-left:0px
}


.MaterialLine .materialItemMatDescriptionColumn{
    padding-left:3px !important;
}



.SelectedLine {
    background-image: none !important;
    background-color:#f5fdc5 !important;
    color:#09093d !important;

}

.SelectedLine .materialItemMatDescriptionColumn{
    padding-left:3px !important;
}

.SelectedLine input{
    border:blue 1px solid !important;
    background-color: #f5fdc5 !important;
    color: #09093d !important;
}

.SelectedLine .HeaderInput{
    padding:3px !important;
    color: #09093d !important;
    font-weight: bolder !important;
}

.SelectedLine .HeaderInputTextarea{
    color: #09093d !important;
    font-weight: bolder !important;
}

.SelectedLine select{
    border:blue 1px solid !important;
    background-color: #f5fdc5 !important;
    color: #09093d !important;
}

.SelectedLine textArea{
    background-color:#f5fdc5 !important;
    color: #09093d !important;
}

.SelectedLine span{
    color: #09093d !important;
}

.ComponentLine.SelectedLine{
    background-color:#f5fdc5 !important;
    color: #09093d !important;
}

.remindingFieldSet > .ui-fieldset-legend.ui-corner-all.ui-state-default{
    padding: 0em 1em 0em 0.5em;
    opacity: 0.5;
}

.booleanButton > span{
    float:left;
    padding-left:10px;
}

.caseOrOpportunityBtn .ui-button-icon-left.ui-icon.ui-c.ui-icon{
    margin-top: 13px !important;
    margin-left:-2px;
    z-index: 10;
}

.pageCell {
    margin-bottom: 1px;
}

.pageCellHeading {
    padding-left:10px;
    font-size: 1.0em;
}

.pageCellHeading.ui-selectonemenu{
    padding-left:0px !important;
    height:16px !important;
    border: 0px none !important;
    background: transparent none !important;
    box-shadow: none !important;
}

.pageCellHeading .ui-selectonemenu-label.ui-inputfield{
    padding-top:0px !important;
    padding-bottom:0px !important;
    padding-left:0px !important;
    background: transparent none !important;
    font-size: 1.0em;
    box-shadow: none !important;
}

.pageCellHeading.highlightedSelectOneMenu1 .ui-selectonemenu-label.ui-inputfield{
    color: var(--primary-color) !important;
    font-size:14px !important;
}


.pageCellHeading .ui-selectonemenu-trigger{
    background: transparent none !important;
    border: 0px none !important;
    box-shadow: none !important;
}

.pageCellHeading .ui-selectonemenu-trigger .ui-icon{
    margin:0px!important;
}

.pageCellHeading.highlightedSelectOneMenu1 .ui-selectonemenu-trigger .ui-icon{
    color:var(--primary-color) !important;
}

.highlightedSelectOneMenu1.normalFontSize .ui-selectonemenu-label.ui-inputfield{
    font-size: 1.0rem !important;
}

.highlightedSelectOneMenu{
    /*font-weight:bold !important;*/
}

.highlightedSelectOneMenu > .ui-selectonemenu-label{
    /*font-weight:bold !important;*/
    color:var(--primary-color);
}

.highlightedSelectOneMenu1 > .ui-selectonemenu-label{
    color:var(--primary-color) !important;
}

.highlightedSelectOneMenu2{
    font-size:1.2em !important;
}

.highlightedSelectOneMenu2 > .ui-selectonemenu-label{
    color:var(--primary-color);
    font-size:1.2rem !important;
}

.highlightedSelectOneMenu2 .ui-selectonemenu-item.ui-selectonemenu-list-item{
    font-size:1.2rem !important;
}

.highlightedSelectOneMenu3{
    font-weight:500 !important;
    border: 0px !important;
}

.highlightedSelectOneMenu3 > .ui-selectonemenu-label{
    font-weight:500 !important;
    font-size:1.25rem !important;
    padding-left:0px !important;
}

.highlightedSelectCheckboxMenu > .ui-selectcheckboxmenu-label-container > .ui-selectcheckboxmenu-label{
    /*font-weight:bold !important;*/
    color:var(--primary-color);
}

.subjectStyle{
    font-weight:bolder !important;
    height:25px;
    width:97%;
    background-color:#FFFEC2 !important;
}

.wideCalendar > input{
    width:67% !important;
    min-width: 120px;
    max-width: 320px;
}

fieldSet .wideCalendar > input{
    width:90% !important;
    min-width: 120px;
    max-width: 320px;
}

.wideInputOppOrCase{
    width:67% !important;
    min-width: 120px;
    max-width: 320px;
}

.wideInputOppOrCase > .ui-autocomplete-input.ui-inputfield.ui-widget.ui-state-default.ui-corner-all{
    width: -moz-calc(100% - 18px) !important;
    width: -webkit-calc(100% - 18px) !important;
    width: -o-calc(100% - 18px) !important;
    width: calc(100% - 18px) !important;
    min-width: 120px;
    max-width: 320px;
    padding-left:22px;
}

.wideInputOpportunity{
    width:67% !important;
    min-width: 320px;
    max-width: 420px;
}

.wideInputOpportunity > .ui-autocomplete-input.ui-inputfield.ui-widget.ui-state-default.ui-corner-all{
    width:100% !important;
    min-width: 320px;
    max-width: 420px;
}

.wideInputContactEmail{
    width:100% !important;
    min-width: 220px;
    max-width: 450px;
}

.wideInputContactEmail > .ui-autocomplete-multiple-container.ui-widget.ui-inputfield.ui-state-default.ui-corner-all{
    width:100% !important;
}

.wideInputCustomer{
    width:67% !important;
    min-width: 120px;
    max-width: 320px;
}

.wideInputCustomer > .ui-autocomplete-input.ui-inputfield.ui-widget.ui-state-default.ui-corner-all{
    width:100% !important;
    min-width: 120px;
    max-width: 320px;
    background-color:#FFFEC2 !important;
}

.highlightedInput{
    background-color:#FFFEC2 !important;
}

.highlightedInput > .ui-autocomplete-input.ui-inputfield.ui-widget{
    background-color:#FFFEC2 !important;
}

.transparentAutoComplete{
    background-color: var(--primary-lightest-color);
}

.transparentAutoComplete > .ui-autocomplete-input.ui-inputfield.ui-widget{
    background-color: var(--primary-lightest-color);
}


.yellowBackgroundAutoComplete > .ui-autocomplete-input.ui-inputfield.ui-widget.ui-state-default.ui-corner-all{
    background-color:#FFFEC2 !important;
}

.wideInputMaterial{
    width:67% !important;
    min-width: 60px;
    max-width: 200px;
    vertical-align:middle;
}

.criteriaPanel .wideInputMaterial{
    width:67% !important;
    min-width: 60px;
    max-width: 250px;
    vertical-align:middle;
}

.wideInputMaterial > .ui-autocomplete-input.ui-inputfield.ui-widget.ui-state-default.ui-corner-all{
    width:100% !important;
    min-width: 60px;
    max-width: 200px;
    background-color:#FFFFF2 !important;
}

.criteriaPanel .wideInputMaterial > .ui-autocomplete-input.ui-inputfield.ui-widget.ui-state-default.ui-corner-all{
    width:100% !important;
    min-width: 60px;
    max-width: 250px;
    background-color:#FFFFF2 !important;
    font-size: 13px !important;
    padding: 3px !important;
    padding-left: 4px !important;
}

.wideInputRelatedCustomer{
    width:67% !important;
    min-width: 120px;
    max-width: 320px;
}

.wideInputRelatedCustomerFull{
    width:95% !important;
    min-width: 120px;
    max-width: 320px;
}

.wideInputRelatedCustomer > .ui-autocomplete-input.ui-inputfield.ui-widget.ui-state-default.ui-corner-all{
    width:100% !important;
    min-width: 120px;
    max-width: 320px;
}

.wideInputRelatedEquipment{
    width:67% !important;
    min-width: 120px;
    max-width: 320px;
}

.wideInputRelatedEquipment > .ui-autocomplete-input.ui-inputfield.ui-widget.ui-state-default.ui-corner-all{
    width:100% !important;
    min-width: 120px;
    max-width: 320px;
}

.wideInput{
    width:67% !important;
    min-width: 120px;
    max-width: 320px;
}

fieldSet .wideInput{
    width:90% !important;
    min-width: 120px;
    max-width: 320px;
}

.wideInputFull{
    width:95% !important;
    min-width: 120px;
    max-width: 320px;
}

.wideInput > .ui-autocomplete-input.ui-inputfield.ui-widget.ui-state-default.ui-corner-all{
    width:100% !important;
    min-width: 120px;
    max-width: 320px;
}

.wideSelectOneMenu {
    width:69% !important;
    min-width: 120px;
    max-width:328px;
}

.wideSelectOneMenu > label{
    width:99% !important;
    min-width: 115px;
    max-width: 328px;
}

.wideSelectOneMenu > .ui-selectonemenu-filter-container{
    width:99% !important;
}

.widestSelectOneMenu{
    width:93% !important;
    min-width: 120px;
    max-width:328px;
}

.widestSelectOneMenu > label{
    width:99% !important;
    min-width: 115px;
    max-width: 328px;
}

.hiddenTabHeader > .ui-tabs-nav {
    display: none!important;
}

.hiddenTabHeader > .ui-tabs-navscroller {
    display: none!important;
}

img {
    border:0;
}

.userDefinedToolBar .ui-icon{
    display:inline-block ;
}

select {
    font-size:inherit;
    font-family:inherit;
    padding:2px;
}

body .ui-datatable .ui-datatable-data > tr.ui-state-hover.notRead{
    font-weight: bolder;
}

tr.notRead {
    font-weight: bolder;
}

tr.notRead .normalLabel{
    font-weight: bold;
}

.redRow {
    background-image: none;
    background-color: var(--red-800) !important;
    /*color: white !important;*/
}

.orangeRow {
    background-image: none;
    background-color: var(--orange-800) !important;
    /*color: white !important;*/
}

.greenRow {
    background-image: none;
    background-color: var(--green-800) !important;
    /*color: white !important;*/
}

.greenRow .normalLabel{
    color: white !important;
}

.blueRow {
    background-image: none;
    background-color: var(--blue-800) !important;
    /*color: white !important;*/
}

.yellowRow {
    background-image: none;
    background-color: var(--yellow-800) !important;
    color: black !important;
}

.pinkRow {
    background-image: none;
    background-color: var(--pink-800) !important;
    /*color: white !important;*/
}

.redRowL {
    background-image: none;
    background-color: var(--red-600)!important;
    /*color: white !important;*/
}

.orangeRowL {
    background-image: none;
    background-color: var(--orange-600) !important;
    /*color: white !important;*/
}

.greenRowL {
    background-image: none;
    background-color: var(--green-600) !important;
    /*color: white !important;*/
}

.pinkRowL {
    background-image: none;
    background-color: var(--pink-600) !important;
    /*color: white !important;*/
}

.blueRowL {
    background-image: none;
    background-color: var(--blue-600) !important;
    /*color: white !important;*/
}

.yellowRowL {
    background-image: none;
    background-color: var(--yellow-600) !important;
    /*color: black !important;*/
}

.highlighted {
    background-image: none;
    background-color: #F9F9EC !important;
    color: black;
}

.smallFontHeader .ui-wizard-step-title{
    font-size: 12px;
}

.mainPanelPrime{
    position:absolute;
    padding: 0px;
    background-color:inherit;
    z-index: 1;
    width: 100%;
    height: 100%;
    visibility: visible;
    top: 0px;
    left: 0px;
}

.pageBodyPopPrime{
    background-color:inherit;
    padding:0px;
    position:absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    left:0;
    visibility:visible;
}

.insideActTable{
    text-align: right;
}

.customerPaneInfoLink.ui-commandlink{
    text-decoration: none;
}

.customerPaneInfoLink.ui-link{
    text-decoration: none;
}

.customerPaneInfoLink span:hover{
    text-decoration: none;
}

.customerPaneInfoLink.ui-commandlink:hover{
    text-decoration: none;
}

.customerPaneInfoLink.ui-link:hover{
    text-decoration: none;
}

.customerPaneInfoLink.ui-commandlink:active{
    text-decoration: none;
}

.customerPaneInfoLink.ui-commandlink:visited{
    text-decoration: none;
}

.customerPaneInfoLink.ui-commandlink .normalLabel{
    text-decoration: none;
}

.ui-selectonemenu{
    vertical-align: middle;
}

.ui-inputfield{
    vertical-align: middle;
}

.logonField .ui-selectonemenu-label.ui-inputfield{
    padding:8px;
}

.logonField1{
    padding:8px;
}

.settingsLeftMenu .ui-menu{
    padding:0px;
    width:100%;
}

.ui-menu .ui-menu-parent .ui-menu-child {
    width:250px !important;
}

.homePageHeading.layout-menu .ui-menu-child{
    width:250px;
}

.ui-menu{
    padding:0px;
}


.mobilePanel .ui-tabs-panel{
    overflow:auto;
    padding:0px;
}

.mobilePanel .ui-panel-content.ui-widget-content{
    padding: 0px;
}

.mobileMenu.ui-menu{
    width: 100%;
}

.displayPageTab .ui-tabs-panel{
    padding:0px;
}

.workplaceCenterTab .ui-tabs-panel{
    padding:3px;
}

.ui-datatable .dummyColumn{
    padding: 0px 0px !important;
}

table.ui-widget-content{
    border-width: 0px;
    border-style:hidden;
    padding: 0px;
}

.ui-treetable table{
    table-layout: auto;
}

.ui-treetable thead th{
    white-space:nowrap;
}

.ui-treetable tbody td{
    padding: 2px;
    white-space:nowrap;
}

.criteriaColumn tbody td{
    border-width: 0px;
    border-style: hidden;
    padding: 1px;
}

.ui-widget-content .leftColumn{
    border-width: 0px;
    border-style: hidden;
    padding: 0px;
}

.criteriaColumn{
    width:20px;
    padding:0px;
}

.panelWithZeroPadding > .ui-panel-content.ui-widget-content{
    padding:0px;
}

.headerWithCombo select.ui-panel-titlebar.ui-widget-header{
    padding-left: 0px;
}

.activityGeneralInfoPanel .ui-panel-titlebar {
    padding:5px !important;
    padding-left:10px !important;
}

.displayPagePanel .ui-panel-content.ui-widget-content{
    padding: 0px !important;
}

.displayPagePanel > .ui-panel-content.ui-widget-content{
    width:100%;
}

.displayPagePanel.transparentPanel > .ui-panel-content.ui-widget-content{
    background: transparent;
}
.settingsMainPanel{
    padding:0px;
    border:0px;
    box-shadow: none;
    width:100%;
}

.settingsMainPanel .ui-panel-content.ui-widget-content{
    overflow: auto;
    border:0px;
    width:100%;
}

.settingsLeftMenuPanel .ui-panel-content.ui-widget-content{
    padding: 0px;
}

.settingsLeftMenuPanel .ui-panel-titlebar.ui-widget-header{
    border-top-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-style:inset;
    border-bottom-width:1px;
    opacity: 0.8 !important;
}

.settingsLeftMenuPanel .ui-panel-title{
    color:black;
    font-weight:lighter;
}

.fieldSetPanel .ui-panel-content.ui-widget-content{
    padding: 0px;
}

.homePageCell{
    overflow-x:auto !important;
    padding:0px !important;
}

.homePageCell .ui-panel-content.ui-widget-content{
    padding: 0px;
}

.homePageCell .ui-paginator{
    padding:0px;
}

.homePageCell .ui-panel-titlebar.ui-widget-header{
    margin-left:0px;
    margin-right:0px;
}


.homePageTable .ui-datatable-header{
    padding:0px !important;
    border:0px !important;
}

.customerPaneCustDetail .ui-panel-titlebar{
    padding:0px;
    border:0px;
}

.reportTable{
    width:100%;
}

.myReportsTable .ui-datatable-header{
    padding:0px;
    border:0px;
}

.myReportsTable.ui-datatable tfoot td{
    padding-right:1px;
}

.priceInThMiddle{
    text-align: center;
}


.ui-inputnumber.priceInThMiddle .ui-inputtext{
    text-align: center;
}

.currency{
    text-align: right;
}


.ui-inputnumber.currency .ui-inputtext{
    text-align: right;
}

.FontBold.ui-inputnumber.currency .ui-inputtext{
    font-weight: bold;
}

.nonCurrency{
    text-align: left;
}

.toolbarMenu .ui-menuitem{
    padding-right:3px;
}

.toolbarMenu .ui-menuitem-text{
    font-size:13px;
    vertical-align:middle;
}

.ui-dashboard-column .ui-panel{
    margin-right:15px;
    margin-left: 10px;
    margin-bottom: 25px;
    margin-top: 5px;
}

div.ui-dashboard-column.ui-sortable > div.ui-state-hover{
    margin-right:15px;
    margin-left: 10px;
    margin-bottom: 25px;
    margin-top: 5px;
}

.widePickList .ui-widget-content.ui-picklist-list.ui-picklist-source.ui-corner-all{
    width:160px !important;
    height:140px !important;
}

.widePickList .ui-widget-content.ui-picklist-list.ui-picklist-target.ui-corner-all{
    width:160px !important;
    height:140px !important;
}

.widePickList > div > .ui-widget-content.ui-picklist-list.ui-picklist-source.ui-corner-all.ui-sortable{
    height:160px !important;
    width:160px !important;
}

.widePickList > div > .ui-widget-content.ui-picklist-list.ui-picklist-target.ui-corner-all.ui-sortable{
    height:160px !important;
    width:160px !important;
}

.widePickList > .ui-picklist-buttons{
    height:160px !important;
}

.widePickList > div > .ui-picklist-filter-container{
    width:160px !important;
}

.widePickList > tbody > tr > td > .ui-widget-content.ui-picklist-list.ui-picklist-source.ui-corner-all.ui-sortable{
    height:160px !important;
    width:160px !important;
}

.widePickList > tbody > tr > td > .ui-widget-content.ui-picklist-list.ui-picklist-target.ui-corner-all.ui-sortable{
    height:160px !important;
    width:160px !important;
}

.mediumPickList > div > .ui-widget-content.ui-picklist-list.ui-picklist-source.ui-corner-all.ui-sortable{
    height:120px;
    width:140px;
}

.mediumPickList > div > .ui-widget-content.ui-picklist-list.ui-picklist-target.ui-corner-all.ui-sortable{
    height:120px;
    width:140px;
}

.mediumPickList > div > .ui-picklist-filter-container{
    width:140px;
}

.mediumPickList > .ui-picklist-buttons{
    height:120px;
}


.mediumPickList > tbody > tr > td > .ui-widget-content.ui-picklist-list.ui-picklist-source.ui-corner-all.ui-sortable{
    height:120px;
    width:140px;
}

.mediumPickList > tbody > tr > td > .ui-picklist-filter-container{
    width:140px;
}

.shortPickList > div > .ui-widget-content.ui-picklist-list.ui-picklist-source.ui-corner-all.ui-sortable{
    height:100px;
    width:140px;
}

.shortPickList > div > .ui-widget-content.ui-picklist-list.ui-picklist-target.ui-corner-all.ui-sortable{
    height:100px;
    width:140px;
}

.shortPickList > div > .ui-picklist-filter-container{
    width:140px;
}

.shortPickList > .ui-picklist-buttons{
    height:100px;
}


.shortPickList > tbody > tr > td > .ui-widget-content.ui-picklist-list.ui-picklist-source.ui-corner-all.ui-sortable{
    height:100px;
    width:140px;
}

.shortPickList > tbody > tr > td > .ui-picklist-filter-container{
    width:140px;
}

.smartClickPickListItem{
    height:15px !important;
}

.highlightedLabel{
    font-weight: bold;
}

.pageRow td{
    height:22px;
}

.inactiveStyle{
    text-decoration: line-through;
}

.pageColumn{
    vertical-align: top;
}

.pageColumnW{
    vertical-align:middle;
    width: 150px !important;
}

.pageColumnW1{
    width: 150px;
}

.pageColumn1{
    vertical-align: middle;
}

.custPhotoImage{
    height:170px;
}

.matPhotoImage{
    height:200px;
}

.widgetPhotoImage{
    height:100px;
}

.userPhotoImage{
    height:27px;
}

.hiddenButton{
    visibility:hidden;
}

.selectionCalendar{
    background-color: #fbfefb;
}

.addButton{
    font-weight: bold;
}

.pickList.td{
    vertical-align: middle;
}

.highpicklist.ui-picklist{
    height: 90%;
}

.highpicklist.ui-picklist .ui-picklist-list{
    height: 90%;
}

.relatedTrn{
    color: red;
    font-weight:bolder;
    font-size: 90%;
    cursor:pointer;
    vertical-align: middle;
}

.logon{
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-bottom-color: #ccccff;
    border-top-width: 0px;
    border-top-style: solid;
    border-top-color: #ccccff;
    background-color: #f5f6f6;
}

.toolBarSchema{
    background-color: #ffffcc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #fff300;
}
.colClass{
    text-align: center;
    font-weight: bold;
    color: #000033;
}

.ui-inputnumber.amountDiscount0 .ui-inputtext{
}

.ui-inputnumber.amountDiscount1 .ui-inputtext{
    /*background-color: var(--pink-300);*/
    color: var(--pink-300) !important;
}

.ui-inputnumber.amountDiscount2 .ui-inputtext{
    /*background-color: var(--surface-300);*/
    color: var(--cyan-300) !important;
}

.ui-inputnumber.price1 .ui-inputtext{
    /*background-color: var(--pink-300);*/
    color: var(--pink-300) !important;
}

.ui-inputnumber.price1T .ui-inputtext{
    /*background-color: var(--pink-300);*/
    color: var(--pink-300) !important;
}

.ui-inputnumber.finalPrice1 .ui-inputtext{
    /*background-color: var(--pink-300);*/
    color: var(--pink-300) !important;
}

.ui-inputnumber.finalPrice1T .ui-inputtext{
    /*background-color: var(--pink-300);*/
    color: var(--pink-300) !important;
}

.ui-inputnumber.totalActAmount .ui-inputtext{
}


.price1{
    /*background-color: var(--pink-300);*/
    color: var(--pink-300) !important;
}

.price1T{
    /*background-color: var(--pink-300);*/
    color: var(--pink-300) !important;
    font-weight: bold !important;
}


.ui-inputnumber.editableCondItem .ui-inputtext{
}


.ui-inputnumber.price0T .ui-inputtext{
}

.ui-inputnumber.price0 .ui-inputtext{
}

.price0T{

}

.ui-inputnumber.finalPrice0T .ui-inputtext{
}

.ui-inputnumber.finalPrice0 .ui-inputtext{
}

.ui-inputnumber.price2 .ui-inputtext{
    /*background-color: var(--surface-300);*/
    color: var(--cyan-300) !important;
    /*color: var(--surface-900);*/
}

.ui-inputnumber.price2T .ui-inputtext{
    /*background-color: var(--surface-300);*/
    color: var(--cyan-300) !important;
}

.ui-inputnumber.finalPrice2 .ui-inputtext{
    /*background-color: var(--surface-300);*/
    color: var(--cyan-300) !important;
}

.ui-inputnumber.finalPrice2T .ui-inputtext{
    /*background-color: var(--surface-300);*/
    color: var(--cyan-300) !important;
}

.price2{
    /*background-color: var(--surface-300);*/
    color: var(--cyan-300) !important;
}

.price2T{
    /*background-color: var(--surface-300);*/
    color: var(--cyan-300) !important;
    font-weight: bolder !important;
}

.colHeader{
    padding:0px;
    width:45px !important;
    height: 26px !important;
}


.pageMenuDisabled {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #990000;
    font-weight: 300;
    color: #990000;
    cursor:text;
}


.pageMenu{
    background-color: #fee3fe;
    border-top-style: outset;
    border-left-style: outset;
    border-right-style: outset;
    border-top-width: 3px;
    border-left-width: 3px;
    border-right-width: 3px;
    border-top-color: #edd3ed;
    border-left-color: #edd3ed;
    border-right-color: #edd3ed;
}

.mailHeader{
    background-color: #f0f2f2;
}

.D1{
    padding-left: 4px;
}

.MainHeadingPanel{
    padding-top: 20px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
}

.HeadingPanel{
    padding-top: 10px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
}

.H1{
    color: navy;
    font-style: normal !important;
    font-weight: bolder !important;
    font-size: 18px !important;
}

.H1Panel{
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 1px;
    padding-right: 1px;
    background-color: #ffcccc;
}

.H2{
    color: navy;
    font-style: normal !important;
    font-weight: bolder!important;
    font-size: 16px !important;
}

.H2Panel{
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 1px;
    padding-right: 1px;
    background-color: #d5ffd5;
}

.H3{
    color: navy;
    font-style: normal !important;
    font-weight: bolder !important;
    font-size: 14px !important;
}

.H3Panel{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 1px;
    padding-right: 1px;
    background-color: #ffffcc;
}

.H4{
    color: navy;
    font-style: normal !important;
    font-weight: bolder !important;
    font-size: 12px !important;
    text-decoration: underline !important;
}

.H4Panel{
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    background-color: #dbffff;
}

.H5{
    color: navy;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 11px !important;
}

.H5Panel{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 1px;
    padding-right: 1px;
    background-color: #e3e1e1;
}

.highlight{
    font-style: normal;
    font-weight: bolder;
    font-size: 1.1em;
}

.formLine1{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 1px;
    padding-right: 1px;
    background-color: #fff5f5;
}

.formLine2{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 1px;
    padding-right: 1px;
    background-color: #fffffe;
}

.formLine3{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 1px;
    padding-right: 1px;
    background-color: #f7fff7;
}

.formLine4{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 1px;
    padding-right: 1px;
    background-color: #f2f2ff;
}

.formHeader{
    background-color: #fee3fe;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #feb4b4;
}

.formHeader1{
    background-color: #666666;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ffff99;
    padding-top: 6px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 3px;
    margin-right: 3px;
}

.fontHeader1{
    color: #ffffff;
    font-style: italic;
    font-weight: bold;
}

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

.centerAlignedColumnHeader .ui-column-title{
    text-align: center !important;
}

.centerAligned{
    text-align: center;
}

.menuButton{
    vertical-align: middle;
    text-align: left;
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    margin-left: 1px;
    margin-right: 3px;
    cursor: pointer;
}

.menuSeperator{
    vertical-align: middle;
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    margin-left: 2px;
    margin-right: 3px;
}

.menuSeperator1{
    vertical-align: middle;
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    margin-left: 1px;
    margin-right: 1px;
}

.menuButton1{
    vertical-align: middle;
    text-align: left;
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    margin-left: 1px;
    margin-right: 1px;
    cursor: pointer;
}

.homePagePanel{
    border-top-color: #a9c5cd;
    border-top-width: 3px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-bottom-color: #f1f0f0;
    border-right-color: #f1f0f0;
}

.upperMenu table{
    padding:0px;
    background-color: #f5f6f6;
    border-bottom-color: #e3e2e2;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    height: 26px;
    width : 100%;
}

.upperMenu {
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:2px;
    z-index: 1;
    width : 100%;
}

.infoBarPaneClass .ui-panel-content{
    padding:0px !important;
}

.infoBarPaneClass.ui-widget-content{
    background:transparent !important;
}

.notificationsOverlay .ui-overlaypanel-content{
    padding:0px !important;
}

.ui-menu.ui-widget a{
    white-space:normal !important;
}

.smartClickTopMenu .ui-menuitem-link.ERMimagelink1{
    padding:1px !important;
}

.settingsLeftMenu{
    float:left;
    height: 100%;
    width: 17%;
    max-width: 220px;
}

.settingsDataContainer{
    float:left;
    height: 100%;
    width: 83%;
    left: 17%;
}

.upperMenuN table{
    padding:0px;
    border-bottom-color: #e3e2e2;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    height: 26px;
}


.upperMenuN {
    background-color: #f5f6f6;
    padding-left:10px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:2px;
    z-index: 1;
    width:100%
}

.upperMenuPop table{
    padding:0px;
    background-color: #f5f6f6;
    border-bottom-color: #e3e2e2;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    height: 26px;
    width : 100%;
}

.upperMenuPop {
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:2px;
    width: 100%;
    z-index: 1;
}

.homePageLeftPanel{
    width: 58.5%;
    padding-right:1.3%;
    padding-left:0.2%;
    top:0;
    float:left;
    z-index: 1;
}

.homePageRightPanel{
    width: 39.8%;
    padding-right:0.2%;
    float:left;
    z-index: 2;
}

.homePageLeftPanel1{
    width: 99.0%;
    padding-right:0.5%;
    padding-left:0.5%;
    top:0;
    z-index: 1;
}

.homePageRightPanel1{
    width: 99.0%;
    padding-right:0.5%;
    padding-left:0.5%;
    z-index: 2;
}

.treeFormat table{
    border-bottom-color: #f2f0f0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    height: 17px;
    width : 100%;
}

.treeFormat {
    padding-left:5px;
    padding-right:5px;
    padding-top:0px;
    padding-bottom:2px;
    width: 100%;
}

.reportTree{
    padding: 0px;
    position: absolute;
    width: 20%;
    height: 100%;
    z-index: 3;
    left: 0;
    top: 0;
    visibility: visible;
    float: left;
    border-right-color: #a9c5cd;
    border-right-width: 1px;
    border-right-style: solid;
}

.reportTree1{
    padding: 0px;
    position: absolute;
    width: 20%;
    height: 100%;
    z-index: 3;
    left: 0;
    top: 0;
    visibility: visible;
    float: left;
    border-right-color: #a9c5cd;
    border-right-width: 1px;
    border-right-style: solid;
    border-left-color: #a9c5cd;
    border-left-width: 1px;
    border-left-style: solid;
}

.reportBody{
    background-color: #feffff;
    overflow:auto;
    padding:0px;
    position: absolute;
    width: 79.6%;
    height: 100%;
    z-index: 0;
    left:20.2%;
    top:0;
    visibility:visible;
}


.pageBody1{
    background-color: #feffff;
    overflow:auto;
    padding:0px;
    position: absolute;
    width: 100.0%;
    height: 100%;
    z-index: 0;
    left:0.0%;
    top:0;
    visibility:visible;
}

.pageBodyWide{
    background-color: #feffff;
    overflow:auto;
    padding:0px;
    position: absolute;
    width: 98.0%;
    height: 100%;
    z-index: 0;
    left:0.0%;
    top:0;
    visibility:visible;
}

.pageBodyPop{
    background-color: #e9f0f0;
    overflow:auto;
    padding:0px;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    left:0;
    visibility:visible;
}

.pageBodyPopNoScroll{
    background-color: #e9f0f0;
    /*overflow:auto;*/
    padding:0px;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    left:0;
    visibility:visible;
}

.custSelectionInfo{
    background-color: #d3e2e3;
}

.generalColumn{
    vertical-align: top;
}

.centerColumn{
    text-align: center;
}

.centerColumnNoBorder{
    text-align: center;
    border:none !important;
}

.leftColumn{
    text-align: left;
}

.leftColumnFixSize20{
    text-align: left;
    width:20% !important;
}

.leftColumnFixSize10{
    text-align: left;
    width:10% !important;
}

.leftColumnFixSize15{
    text-align: left;
    width:15% !important;
}

.leftColumnFixSize30{
    text-align: left;
    width:30% !important;
}

.leftColumnFixSize40{
    text-align: left;
    width:40% !important;
}

.leftColumnFixSize45{
    text-align: left;
    width:45% !important;
}


.leftColumnFixSize5{
    text-align: left;
    width:5% !important;
}

.leftColumnFixSize50{
    text-align: left;
    width:50% !important;
}


.leftColumnTop{
    text-align: left;
    vertical-align: top;
}

.leftColumnNoWidth{
    text-align: left;
    width:5px;
}

.leftColumnNoWidthTransparent{
    background: none transparent !important;
    text-align: left;
    width:5px;
}

.leftColumnNoWidthRed{
    background-color: yellow;
    text-align: left;
    width:0px;
}

.leftColumnOverFlowScroll{
    text-align: left;
    overflow-x: scroll;
}

.rightColumn{
    text-align: right;
}

.rightColumnFixSize5{
    text-align: right;
    width:5% !important;
}

.rightColumnFixSize10{
    text-align: right;
    width:10% !important;
}

.rightColumnFixSize15{
    text-align: right;
    width:15% !important;
}

.rightColumnFixSize20{
    text-align: right;
    width:20% !important;
}

.rightColumnFixSize50{
    text-align: right;
    width:50% !important;
}

.rightColumnNoWidth{
    text-align: right;
    width:1px;
}

.rightColumnTwoWidth{
    text-align: right;
    width:1px;
}

.rightColumnZeroWidth{
    text-align: right;
    width:0px;
}

.rightColumnTop{
    text-align: right;
    vertical-align: top;
}

.rightColumnBottom{
    text-align: right;
    vertical-align: bottom;
}

.warningInfo{
    background-color: #ffffcc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #fff300;
}

.listItem{
    font-size: 15px;
    font-weight: bold;
}

.inputTextArea{
    background-attachment: fixed;
}

.emptyRow{
    margin-bottom: 1px;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px
}

.mainBackground {
    background-color: #feffff;
}

.silverGrey{
    background-color: #e0dbdb;
}

.softGrey{
    background-color: #f5f6f6;
}

.toolBarGrey{
    background-color: #f0f1f1;
}

.verySoftGrey{
    background-color: #feffff;
}

.hidden {
    visibility: hidden;
}


.blueBackground {
    background-color: #e9f0f0;
}

.blueBackgroundRow {
    background-color: #e9f0f0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e0e7e7;
}

input.disabled {
    background-color: #e2dede;
}

input.currency {
    text-align: right;
}

input.logonLabel {
    background-color:#b2bdc4;
    text-align: right;
    font-weight: bolder;
    color: #ffffff;
}

th.ui-state-default{
    white-space:normal;
}

.headerAligned th div.ui-dt-c{
    padding:3px 5px 2px 4px;
    text-align: left;
}

input.disabledCurrency {
    background-color:#e2dede;
    text-align: right;
}

textarea.disabled {
    background-color: #e2dede
}

.popup{
    background-color: #ffffcc;
}

.popupRow td{
    background-color: #fdfee1;
    border-bottom: 1px solid #cddce8
}

.toolBar{
    background-color: #d3e2e3;
    border-bottom-color: #a9c5cd;
}

.tabSheet {
    background-color: #deeced;
}

.tabContent {
    padding: 1px;
}

.activeTab1{
}

.inactiveTab1{
    background-color: #d2c692;
}

.active1{
}

.inactive{

}

.evenRow td{
    background-color: #f1f1f1;
    border-bottom: 1px solid #cddce8 !important;
}

.oddRow td{
    background-color: #fdfdfd;
    border-bottom: 1px solid #cddce8 !important;
}

.oddRow1 td{
    background-color: #fdfdfd;
    border-bottom: 1px solid #cddce8;
}

.oddRowTotals td{
    background-color: #fbffc9;
    border-bottom: 1px solid #cddce8;
    font-weight: bold;
    color: #000066;
}

table.topMenu td{
    margin: 3px;
    background-color: #B0C4DE;
}

.mainPanel{
    position:absolute;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #feffff;
    z-index: 1;
    width: 100%;
    height: 100%;
    visibility: visible;
    top: 0px;
    left: 0px;
}

.lowPart{
    background-color: #feffff;
    position:absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    visibility: visible;
    top: 0px;
    left: 0px;
}

.lowPart1{
    background-color: #feffff;
    position:absolute;
    z-index: 1;
    width: 100%;
    height: 85%;
    visibility: visible;
    top: 130px;
}

.leftMenu{
    padding: 0px;
    position: absolute;
    width: 13%;
    height: 100%;
    z-index: 3;
    left: 0;
    top: 0;
    visibility: visible;
    float: left;
}

.leftMenuNarrow{
    padding: 0px;
    position: absolute;
    width: 2%;
    height: 100%;
    z-index: 3;
    left: 0;
    top: 0;
    visibility: visible;
    float: left;
}

.pageBody{
    background-color: #feffff;
    overflow:auto;
    padding:0px;
    position: absolute;
    width: 87.0%;
    height: 100%;
    z-index: 0;
    left:13.0%;
    top:0;
    visibility:visible;
}

.pageBodyMobile{
    background-color: #feffff;
    padding:0px;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    left: 0px;
    top: 0;
    visibility:visible;
}

.mainBody {
    overflow:auto;
    padding-left:0px;
    padding-top:0px;
    padding-right:0px;
    width: 100%;
    z-index: 3;
}

.mainBodyMobile {
    padding-left:0px;
    padding-top:0px;
    padding-right:0px;
    width: 100%;
    z-index: 3;
}

.mainBodyPop {
    position: absolute;
    padding-left:5px;
    padding-top:0px;
    padding-right:0px;
    width: 99%;
    z-index: 3;
}

.actMatItem {
    position: absolute;
    padding-left:0px;
    padding-top:0px;
    padding-right:0px;
    width: 100%;
    z-index: 3;
}

.custInfo{
    overflow:auto;
    width: 38%;
    background-color:#f0f1f1;
    padding:0px;
    top: 0;
    visibility:visible;
    float:left;
    z-index:5;
}

.custInfo1{
    overflow:auto;
    width: 100%;
    background-color:#f0f1f1;
    padding:0px;
    top: 0;
    visibility:visible;
    float:left;
}

.mainBodyData{
    overflow:scroll;
    width: 62%;
    background-color:#f0f1f1;
    padding:0px;
    top: 0;
    left:0;
    visibility:visible;
    float:left;
}

.mainBodyDataMobile{
    width: 100%;
    background-color:#f0f1f1;
    padding:0px;
    top: 0;
    left:0;
    visibility:visible;
    float:left;
    z-index:4;
}

.mainBodyDataPop{
    overflow:hidden;
    width: 100%;
    background-color:#f0f1f1;
    padding:0px;
    top: 0;
    left:0;
    visibility:visible;
    float:left;
    z-index:4;
}

.mainBodyDataPopAct{
    overflow:hidden;
    width: 100%;
    background-color:#f0f1f1;
    padding:0px;
    top: 0;
    left:5px;
    visibility:visible;
    float:left;
    z-index:4;
    position: absolute;
}

.tabHeadPanel{
    border-top-style: outset;
    border-bottom-style: outset;
    border-left-style: outset;
    border-right-style: outset;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    position: absolute;
    width: 810px;
    height: 25px;
    z-index: 1;
    left: 1px;
    padding-left: 4px;
    padding-right: 4px;
    visibility: visible;
    padding-top: 2px;
    padding-bottom: 0px;
    background-color: #d3e2e3;
}

.dataPanel{
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    position: absolute;
    z-index: 1;
    left: 1px;
    top: 1px;
    padding-left: 4px;
    padding-right: 4px;
    visibility: visible;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: #deeced;
}

.custInfoPanel{
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    position: absolute;
    z-index: 1;
    left: 1px;
    top: 1px;
    padding-left: 4px;
    padding-right: 4px;
    visibility: visible;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: #deeced;
}

.otherPanel{
    border-bottom: 1px outset #cddce8;
    border-top: 1px outset #cddce8;
    border-left: 1px outset #cddce8;
    border-right: 1px outset #cddce8;
    float:left;
    width:100%;
    left: 1px;
    padding-left: 4px;
    padding-right: 4px;
    visibility: visible;
    padding-top: 5px;
    padding-bottom: 1px;
    background-color: #e9f0f0;
}

.otherPanelIn{
    top:0px;
    left: 1px;
    padding-left: 4px;
    padding-right: 4px;
    visibility: visible;
    padding-top: 0px;
    padding-bottom: 1px;
    background-color: #e9f0f0;
}

.tabPage{

}

/* Form Styles */
.button {
    border: 1px solid #999999;
    background-color: #dfdfdf;
    font-size: 11px;
    color: #444444;
    font-weight: normal;
}

.buttonOn {
    border: 1px solid #e81a11;
    background-color: #f1f1f1;
    font-size: 11px;
    color: #7f0000;
}

.timeSheetValueActive .ui-inputtext{
    text-align:right;
}

.timeSheetValue .ui-inputtext{
    text-align:right;
}
.timeSheetValueTotal .ui-inputtext{
    text-align:right;
    font-weight:normal;
    color: red;
}

.timeSheetValueTotal{
    padding:0px;
}

.toolBarButton{
    width:45px !important;
    min-height: 30px !important;
}

.toolBarButton .ui-button-icon-left{
    margin: -12px !important;
}

.toolBarButton .ui-button-text{
    background: none !important;
}

.toolBarInfoButton{
    min-width:40px;
    min-height:40px;
    margin-right:4px;
}

.toolBarInfoButton .ui-button-icon-left{
    font-size:17px;
    background: none;
}

.toolBarInfoButton .ui-button-text{
    font-size:10px !important;
    background: none !important;
    color: inherit !important;
}

.toolBarInfoButton.ui-button.ui-widget{
    background: none !important;
    box-shadow:none !important;
}

.toolBarInfoButton1{
    min-width:25px;
    min-height:31px;
    margin-right:4px;
}

.toolBarInfoButton1.ui-button.ui-widget{
    background: none !important;
    box-shadow:none !important;
}

.toolBarInfoButton1 .ui-button-icon-left{
    font-size:15px !important;
    background: none;
}

.toolBarInfoButton1 .ui-button-text{
    padding-right: 0px !important;
}

.toolBarInfoButton2{
    min-width:35px;
    min-height:35px;
    margin-right:0px;
}

.toolBarInfoButton2 .ui-button-icon-left{
    left:16% !important;
    top:16% !important;
    margin:0px !important;
}

.moduleButtons{
    font-weight: normal;
}

.moduleButtons .ui-widget-content{
    border:0px !important;
}

.moduleGroup{
    padding-left:5px;
    padding-right:5px;
    padding-top:0px;
    padding-bottom:0px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
    margin-top:0px;
}

.moduleGroup .ui-fieldset-legend{
    padding:0px;
    background: none;
    color: #E17009 !important;
    border:0px;
}


.smartClickTopMenu{
    border-left:0px !important;
    border-right:0px !important;
    border-top:0px !important;
    border-bottom:0px !important;
    border-radius: 0px !important;
    min-height: 60px !important;
    width:94% !important;
    margin:0px auto 0px auto !important;
    padding:0px 1% !important;
    box-shadow: 0px 1px 0px 0px rgba(44, 140, 176,1) !important;
}

.smartClickTopMenu .ui-widget.ui-menuitem.ui-menu-parent{
    padding-top: 8px;
}

.smartClickTopMenu.ui-state-hover{
    border-left: 0px !important;
    border-right: 0px !important;
    border-top:0px !important;
}

.smartClickTopMenu.ui-menubar.ui-widget{
    background: transparent;
}

.smartClickTopMenu.ui-menubar.ui-widget .ui-menuitem-link{
    color:#E17009 !important;
}

.dummyTable > div.ui-datatable-tablewrapper{
    overflow:hidden;
}

.ajaxLoading{
    max-height: 20px;
    min-width:75px;
}

.ui-dashboard{
    width: 100% !important;
}

.caseOrOpportunityBtn .ui-button-text{
    border:0px !important;
    padding:0px !important;
}

.toolbarMenuOverlay .ui-overlaypanel-content{
    padding:0px !important;
    padding-top:0px !important;
}

.largeButton .ui-button-text{
    padding-top:15px !important;
    padding-bottom:15px !important;
    font-size:1.2em !important;
    width:100px !important;
}

.largeButton .ui-button-icon-left{
    top:45% !important;
}

.ui-panel-title select{
    border:0px;
}

.matItemTypeFilter .ui-selectcheckboxmenu-label{
    padding-left: 5px;
    padding-right: 5px;
}

.matItemTypeFilter .ui-selectcheckboxmenu-trigger{
    padding-left:1px !important;
    padding-right:1px !important;
}

.fastMaterialCodeInput.ui-widget-content{
    background:none !important;
}

.commentAsChatDialog thead{
    display:none
}

.ERMimage{
    background-image: url('../../images/ERM1.png') !important;
    height:2.25rem !important;
}
.ERMimagelink{
    margin-top: -5px !important;
    margin-left: -22px !important;
    margin-right: 4px !important;
    padding: 0px !important;
}

.ERMimage1{
    background-image: url('../images/ERM1.png') !important;
    background-size: 136px 56px !important;
    margin-top:0px;
    margin-right:0px !important;
    padding:0px;
    height:60px;
    width:136px;
}

.ERMimagelink1{
    height:60px !important;
    width:136px !important;
    vertical-align:middle !important;
    text-align:center !important;
}

.topBand{
    width:100%!important;
    height:6px!important;
    min-height:6px !important;
    padding:0px!important;
    margin:0px!important;
    border:0px none !important;
}

Animated05{
    transition:all 0.5s ease 0s !important;
}

.ui-menu.ui-tieredmenu.transactionMenu{
    min-width:280px !important;
}

.ui-menu.ui-tieredmenu.transactionMenu .ui-widget-content.ui-menu-list.ui-menu-child{
    min-width:280px !important;
}

.ui-menuitem-icon.ui-icon{
    min-width:20px;
}

.workplaceHeaderToolbar .ui-menuitem-icon.ui-icon{
    min-width:35px;
}

.transactionMenu .ui-menuitem .ui-menuitem-icon{
    min-width:16px;
}

.overflowAutoContainer > div{
    overflow-x:auto !important;
}

.largerFont{
    font-size:120% !important;
    padding-top: 10px !important;
    padding-bottom:5px !important;
}

.verysoftgray .ui-chkbox-label{
    color:#F2F2F2 !important;
}

.gray{
    color:#5A5A5A;
}
.verysoftgray{
    color:#F2F2F2;
}
.softgray{
    color:#CDCDCD;
}
.yellow{
    color:#FFD100;
}
.white{
    color:#ffffff;
}
.green{
    color:#00A300
}
.red{
    color:#e90c45;
}
.orange{
    color:#F15A29;
}
.softblue{
    color:#C1E1F4;
}
.hardblue{
    color:#27AAE1;
}
.blue{
    color:blue;
}
.leaden{
    color:#778D9B;
}

/* Font Sizes */
.Fs9{
    font-size:9px !important;
}
.Fs10{
    font-size:10px !important;
}
.Fs11{
    font-size:11px !important;
}
.Fs12{
    font-size:12px !important;
}
.Fs13{
    font-size:13px !important;
}
.Fs14{
    font-size:14px !important;
}
.Fs15{
    font-size:15px !important;
}
.Fs16{
    font-size:16px !important;
}
.Fs17{
    font-size:17px !important;
}
.Fs18{
    font-size:18px !important;
}
.Fs19{
    font-size:19px !important;
}
.Fs20{
    font-size:20px !important;
}
.Fs21{
    font-size:21px !important;
}
.Fs22{
    font-size:22px !important;
}
.Fs23{
    font-size:23px !important;
}
.Fs24{
    font-size:24px !important;
}
.Fs25{
    font-size:25px !important;
}
.Fs26{
    font-size:26px !important;
}
.Fs27{
    font-size:27px !important;
}
.Fs28{
    font-size:28px !important;
}
.Fs29{
    font-size:29px !important;
}
.Fs30{
    font-size:30px !important;
}
.Fs40{
    font-size:40px !important;
}
.Fs50{
    font-size:50px !important;
}
.Fs60{
    font-size:60px !important;
}
.Fs100{
    font-size:100px !important;
}
.Fs130{
    font-size:130px !important;
}

/* Font Type */
.FontBold{
    font-weight:bold;
}
.FontLight{
    font-weight:lighter;
}
.FontNormal{
    font-weight:normal;
}

/* Animated */
.Animated03{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.Animated05{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.Animated1{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.highSelectOneMenu {
    height: 21px !important;
}

.highSelectOneMenu > label{
    font-size: 1.1em !important;
}

.highSelectOneMenu > .ui-selectonemenu-filter-container{
    height: 21px !important;
}

.highSelectOneMenu1 {
    height: 30px !important;
}

.highSelectOneMenu1 > label{
    font-size: 1.1em !important;
    height: 30px !important;
}

.highSelectOneMenu1 > .ui-selectonemenu-filter-container{
    height: 30px !important;
}

.highSelectOneMenu2 {
    height: 29px !important;
    padding: 4px !important;
}

.highSelectOneMenu2 > label{
    font-size: 1.1em !important;
    margin-left: -4px !important;
    margin-top: -4px !important;
    height: 29px !important;
    padding-top: 8px !important;
    padding-bottom: 0px !important;
}

.highSelectOneMenu2 > .ui-selectonemenu-filter-container{
    height: 29px !important;
}

.noBorder.ui-inputnumber > .ui-inputfield{
    border: 0px none !important;
    background: transparent none !important;
    box-shadow: none !important;
}

.noBorder.smallPad.ui-inputnumber > .ui-inputfield{
    padding: 0.35rem 0.35rem !important;
}

.noBorder.ui-inputfield{
    border: 0px none !important;
    background: transparent none !important;
    box-shadow: none !important;
}

.noBorder.ui-selectonemenu{
    border: 0px none !important;
    background: transparent none !important;
    box-shadow: none !important;
}

.slim.ui-selectonemenu .ui-inputfield{
    padding:5px !important;
    padding-left:2px !important;
}

.slim.ui-inputfield{
    padding:5px !important;
    padding-left:2px !important;
}

.workplaceMenu{
    border:0px;
    padding: 0px !important;
    width: 100%;
}

.newWorkplace .workplaceMenu{
    padding: 0px !important;
    float:left;
    width: 100%;
    margin-bottom:25px;
}

.workplaceMainDataTable{
    margin-top:30px;
}

.suitableCustomers  td .ui-icon.fa{
    font-size: 16px !important;
    width:auto;
    height:auto;
}

.customerPaneTable td a .ui-icon.fa{
    font-size: 16px !important;
    width:auto;
    height:auto;
}

div .customerPaneTable td .ui-icon.fa{
    font-size: 14px !important;
    width:auto;
    height:auto;
}

tr.ui-widget-content.ui-datatable-even td.PadT00{
    border: 0  !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding: 0px !important;
}

tr.ui-widget-content.ui-datatable-odd td.PadT00{
    border: 0  !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding: 0px !important;
}

.ui-datatable thead th, .ui-datatable tbody td{
    border:none;
}

.PadT00{
    padding-top:0px!important;
    padding-bottom:0px!important;
}
.PadT11{
    padding-top:1px!important;
    padding-bottom:1px!important;
}
.PadT30{
    padding-top:3px!important;
    padding-bottom:0px!important;
}
.PadT41{
    padding-top:4px!important;
    padding-bottom:1px!important;
}
.PadT42{
    padding-top:4px!important;
    padding-bottom:2px!important;
}
.PadT50{
    padding-top:5px!important;
    padding-bottom:0px!important;
}
.PadT60{
    padding-top:6px!important;
    padding-bottom:0px!important;
}
.PadT70{
    padding-top:7px!important;
    padding-bottom:0px!important;
}
.PadT100{
    padding-top:10px!important;
    padding-bottom:0px!important;
}
.PadL20{
    padding-top:0px!important;
    padding-bottom:0px!important;
    padding-left:2px!important;
    padding-right:0px!important
}
.PadL22{
    padding-top:0px!important;
    padding-bottom:0px!important;
    padding-left:2px!important;
    padding-right:2px!important
}
.PadR20{
    padding-top:0px!important;
    padding-bottom:0px!important;
    padding-left:0px!important;
    padding-right:2px!important
}
.Pad0{
    padding:0px!important;
}
.Pad1{
    padding:1px!important;
}
.Pad2{
    padding:2px!important;
}
.Pad3{
    padding:3px!important;
}
.Pad4{
    padding:4px!important;
}
.Pad5{
    padding:5px!important;
}


.Width100P{
    width:100%!important;
}
.Width10{
    width:10px!important;
}
.Width20{
    width:20px!important;
}
.Width25{
    width:25px!important;
}
.Width30{
    width:30px!important;
}
.Width40{
    width:40px!important;
}
.Width50{
    width:50px!important;
}
.Width60{
    width:60px!important;
}
.Width70{
    width:70px!important;
}
.Width80{
    width:80px!important;
}
.Width90{
    width:90px!important;
}
.Width100{
    width:100px!important;
}
.Width110{
    width:110px!important;
}
.Width120{
    width:120px!important;
}
.Width130{
    width:130px!important;
}
.Width140{
    width:140px!important;
}
.Width150{
    width:150px!important;
}
.Width160{
    width:160px!important;
}
.Width170{
    width:170px!important;
}
.Width200{
    width:200px!important;
}
.MaxWidth200{
    max-width:200px;
}
.Width250{
    width:250px!important;
}
.MaxWidth250{
    max-width:250px;
}
.Width300{
    width:300px!important;
}

.ui-inputfield.ui-inputtext.ui-widget.Width10{
    width:10px!important;
}
.ui-inputfield.ui-inputtext.ui-widget.Width20{
    width:20px!important;
}
.ui-inputfield.ui-inputtext.ui-widget.Width30{
    width:30px!important;
}
.ui-inputfield.ui-inputtext.ui-widget.Width40{
    width:40px!important;
}
.ui-inputfield.ui-inputtext.ui-widget.Width50{
    width:50px!important;
}
.ui-inputfield.ui-inputtext.ui-widget.Width60{
    width:60px!important;
}
.ui-inputfield.ui-inputtext.ui-widget.Width70{
    width:70px!important;
}
.ui-inputfield.ui-inputtext.ui-widget.Width80{
    width:80px!important;
}
.ui-inputfield.ui-inputtext.ui-widget.Width100{
    width:100px!important;
}
.ui-inputfield.ui-inputtext.ui-widget.Width130{
    width:130px!important;
}
.ui-inputfield.ui-inputtext.ui-widget.Width140{
    width:140px!important;
}
.ui-inputfield.ui-inputtext.ui-widget.Width150{
    width:150px!important;
}
.ui-inputfield.ui-inputtext.ui-widget.Width160{
    width:160px!important;
}
.ui-inputfield.ui-inputtext.ui-widget.Width170{
    width:170px!important;
}
.ui-inputfield.ui-inputtext.ui-widget.Width200{
    width:200px!important;
}
.ui-inputfield.ui-inputtext.ui-widget.Width250{
    width:250px!important;
}
.ui-inputfield.ui-inputtext.ui-widget.Width300{
    width:300px!important;
}


.Ra td{
    background-color: #f1f1f1 !important;
}
.Rb td{
    background-color: #fdfdfd !important;
}

.noText-decoration{
    text-decoration: none !important;
}

.ui-chkbox-icon.ui-icon-closethick{
    background-color: #D0525D;
}

.GlobalFilter.ui-state-hover{
    background: transparent !important;
}

.reminderItems > .ui-datatable-tablewrapper{
    overflow:visible !important;
}

.selectOneMenu20{
    width:20px !important;
    min-width:20px !important;
    max-width:20px !important;
}

.selectOneMenu20 > label{
    width:99% !important;
    min-width: 20px !important;
    max-width: 20px !important;
}

.selectOneMenu50{
    width:50px !important;
    min-width:50px !important;
    max-width:50px !important;
}

.selectOneMenu50 > label{
    width:99% !important;
    min-width: 50px !important;
    max-width: 50px !important;
}

.selectOneMenu60{
    width:60px !important;
    min-width:60px !important;
    max-width:60px !important;
}

.selectOneMenu60 > label{
    width:99% !important;
    min-width: 60px !important;
    max-width: 60px !important;
}

.selectOneMenu70{
    width:70px !important;
    min-width:70px !important;
    max-width:70px !important;
}

.selectOneMenu70 > label{
    width:99% !important;
    min-width: 70px !important;
    max-width: 70px !important;
}

.selectOneMenu90{
    width:90px !important;
    min-width:90px !important;
    max-width:90px !important;
}

.selectOneMenu90 > label{
    width:99% !important;
    min-width: 90px !important;
    max-width: 90px !important;
}

.selectOneMenu100P{
    width:100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

.selectOneMenu100P > label{
    width:99% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

.selectOneMenu80P{
    width:80% !important;
    min-width: 80% !important;
    max-width: 80% !important;
}

.selectOneMenu80P > label{
    width:95% !important;
    min-width: 95% !important;
    max-width: 95% !important;
}

.selectOneMenu100{
    width:100px !important;
    min-width:100px !important;
    max-width:100px !important;
}

.selectOneMenu100 > label{
    width:99% !important;
    min-width: 100px !important;
    max-width: 100px !important;
}

.selectOneMenu110{
    width:110px !important;
    min-width:110px !important;
    max-width:110px !important;
}

.selectOneMenu110 > label{
    width:99% !important;
    min-width: 110px !important;
    max-width: 110px !important;
}

.selectOneMenu120{
    width:120px !important;
    min-width:120px !important;
    max-width:120px !important;
}

.selectOneMenu120 > label{
    width:99% !important;
    min-width: 120px !important;
    max-width: 120px !important;
}

.selectOneMenu130{
    width:130px !important;
    min-width:130px !important;
    max-width:130px !important;
}

.selectOneMenu130 > label{
    width:99% !important;
    min-width: 130px !important;
    max-width: 130px !important;
}

.selectOneMenu150{
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
}

.selectOneMenu150 > label{
    width:99% !important;
    min-width: 150px !important;
    max-width: 150px !important;
}

.selectOneMenu200{
    width:200px !important;
    min-width:200px !important;
    max-width:200px !important;
}

.selectOneMenu200 > label{
    width:99% !important;
    min-width: 200px !important;
    max-width: 200px !important;
}

.selectOneMenu250{
    width:250px !important;
    min-width:250px !important;
    max-width:250px !important;
}

.selectOneMenu250 > label{
    width:99% !important;
    min-width: 250px !important;
    max-width: 250px !important;
}

.selectOneMenu300{
    width:300px !important;
    min-width:300px !important;
    max-width:300px !important;
}

.selectOneMenu300 > label{
    width:99% !important;
    min-width: 300px !important;
    max-width: 300px !important;
}

.selectOneMenu350{
    width:350px !important;
    min-width:350px !important;
    max-width:350px !important;
}

.selectOneMenu350 > label{
    width:99% !important;
    min-width: 350px !important;
    max-width: 350px !important;
}

.wideSelectOneMenu95 {
    width:95% !important;
}

.wideSelectOneMenu95 > label{
    width:99% !important;
}

.wideSelectOneMenu95 > .ui-selectonemenu-filter-container{
    width:99% !important;
}

.ui-tooltip{
    border: none 0px !important;
}

.panelHeaderAutoComplete > input{
    margin-left:23px;
}

.panelHeaderAutoComplete > ::-moz-placeholder {
    margin-left:23px;
    color: #F2F2F2 !important;
    font-weight: normal !important;
}

.panelHeaderAutoComplete > :-moz-placeholder {
    margin-left:23px;
    color: #F2F2F2 !important;
    font-weight: normal !important;
}

.panelHeaderAutoComplete > ::-webkit-input-placeholder {
    margin-left:23px;
    color: #F2F2F2 !important;
    font-weight: normal !important;
}

.panelHeaderAutoComplete > :-ms-input-placeholder {
    margin-left:23px;
    color: #F2F2F2 !important;
    font-weight: normal !important;
}

.panelHeaderBtn .ui-button-icon-left.ui-icon.ui-c.ui-icon{
    margin-left:-5px;
    padding-right:5px;
    z-index: 10;
}

.panelHeaderBtn .ui-button-text{
    border:0px !important;
    padding:0px !important;
}

.tableInplace .ui-inplace-display{
    text-decoration: underline;
    border:none 0px !important;
    background:none !important;
    padding:0px !important;
    padding-top:4px !important;
    padding-bottom:4px !important;
    margin-right:20px !important;
    margin-left:7% !important;
}

.tableInplace .ui-inplace-display.ui-state-highlight{
    border:none 0px !important;
    padding:0px !important;
    padding-top:4px !important;
    padding-bottom:4px !important;
    margin-right:20px !important;
    margin-left:7% !important;
}

.normalInplace .ui-inplace-display{
    text-decoration: underline;
    border:none 0px !important;
    padding:0px !important;
    padding-top:4px !important;
    padding-bottom:4px !important;
}

.normalInplace .ui-inplace-display.ui-state-highlight{
    border:none 0px !important;
    background:none !important;
    padding:0px !important;
    padding-top:4px !important;
    padding-bottom:4px !important;
}

.editorInplace .ui-inplace-display{
    text-decoration: underline;
    font-size:1.1em !important;
    border:none 0px !important;
    padding:0px !important;
    padding-top:4px !important;
    padding-bottom:4px !important;
    margin-right:20px !important;
    margin-left:5px !important;
}

.editorInplace .ui-inplace-display.ui-state-highlight{
    font-size:1.1em !important;
    border:none 0px !important;
    background:none !important;
    padding:0px !important;
    padding-top:4px !important;
    padding-bottom:4px !important;
    margin-right:20px !important;
    margin-left:5px !important;
}

.hiddenElement {
    display:none !important;
}

.hiddenLabel .ui-chkbox-label {
    display:none !important;
}

.icon32{
    background-size: 32px 32px !important;
    width:32px;
    height:32px;
}

.icon24{
    background-size: 24px 24px !important;
    width:24px;
    height:24px;
}

.icon20{
    background-size: 20px 20px !important;
    width:20px;
    height:20px;
}

.icon16{
    background-size: 16px 16px !important;
    width:16px;
    height:16px;
}

.editorInTable{
    width:100% !important;
}

.editorInTable .ui-editor.ui-widget-content{
    width:100% !important;
    background: none transparent !important;
    border:0px none !important;
}

.editorInTable .ui-editor-toolbar{
    display:none;
}

.editorInTable .ui-editor iframe{
    height:100px !important;
}

.editorNoControl .ui-editor-toolbar{
    display:none;
}

.editorNoControl .ui-editor iframe{
    margin-left: 5px;
    height:100% !important;
}

.editorNoControl body{
    font-size:12px !important;
}

.editorNoControl > .ui-editor.ui-widget-content{
    height: auto !important;
}

.workplaceHeaderOverlay .ui-overlaypanel-content{
    padding:0px !important;
}

.ui-treetable.ui-widget.customerPaneTable .leftColumnNoWidth{
    border:0px !important;
}

.homePageHeading .ui-menu .ui-menuitem .ui-menuitem-link{
    width:auto !important;
}

.overlayForDataRecordSelection{
    width:700px;
    min-height:350px;
}

.overlayForReminder{
    width:90%;
    max-width:650px !important;
    height:auto;
    left:150px !important;
}

.overlayForFlow{
    min-width:750px;
    padding:0px;
    border:0px;
}

.formCellDiv{
    height:28px !important;
    max-height:28px !important;
    min-height:28px !important;
}

.formCell{
    overflow:hidden !important;
    float:left !important;
    height:28px !important;
    max-height:28px !important;
    min-height:28px !important;
    margin-right:10px !important;
    /*margin-left:10px !important;*/
}

.formCellWithHeader{
    float:left !important;
    height:45px !important;
    max-height:45px !important;
    min-height:45px !important;
}

.formFieldButton{
    width: 20px !important;
    max-width:20px !important;
    min-width:20px !important;
}

.formField.wideDisplay .ui-picklist-filter-container .ui-picklist-filter.ui-inputfield{
    width:100% !important;
}

.formField.wideDisplay .ui-picklist .ui-picklist-list-wrapper .ui-widget-content.ui-picklist-list{
    width:98% !important;
    padding:0px !important;
    overflow-x: hidden !important;
}

.autoCompletePanel{
    min-width:700px !important;
}

.responsiveDialog .ui-dialog-title{
    width:85%;
}

.responsiveDialog .ui-dialog-content{
    overflow-x: auto;
}

.responsiveDialog .ui-overlaypanel-content{
    overflow-x: auto;
}


@media all and (min-width:1200px) {
    .logonPageInputFieldsContainer{
        min-width:430px;
    }

    .formLabel{
        width: 150px !important;
        max-width:150px !important;
        min-width:150px !important;
    }

    .formField{
        width: 180px !important;
        max-width:180px !important;
        min-width:180px !important;
    }

    .formField.wideDisplay{
        width: 280px !important;
        max-width:280px !important;
        min-width:280px !important;
    }

    .formLabelFormField{
        width: 350px !important;
        max-width:350px !important;
        min-width:350px !important;
    }

    .formLabelFormField.wideDisplay{
        width: 450px !important;
        max-width:450px !important;
        min-width:450px !important;
    }

    .formCellsMainContainer{
        display: flex !important;
    }

    .formCellContainerLeftForWideDisplay{
        max-width:650px !important;
    }

    .formField .ui-selectonemenu{
        width:155px !important;
        min-width:155px !important;
        max-width:155px !important;
    }

    .formField .ui-selectonemenu > label{
        width:99% !important;
        min-width: 155px !important;
        max-width: 155px !important;
    }

    .formField .halfWidth.ui-selectonemenu{
        width:64px !important;
        min-width:64px !important;
        max-width:64px !important;
    }

    .formField .halfWidth.ui-selectonemenu > label{
        width:99% !important;
        min-width: 64px !important;
        max-width: 64px !important;
    }

    .formField.wideDisplay .ui-selectonemenu{
        width:255px !important;
        min-width:255px !important;
        max-width:255px !important;
    }

    .formField.wideDisplay .ui-selectonemenu > label{
        width:99% !important;
        min-width: 255px !important;
        max-width: 255px !important;
    }

    .formField.wideDisplay .ui-calendar input{
        width:266px !important;
    }

    .formField .ui-calendar input{
        width:166px !important;
    }

    .formField .halfWidth.ui-calendar input{
        width:77px !important;
    }

    .formField .halfWidth.ui-inputfield{
        width:77px !important;
    }

    .formField.wideDisplay .ui-inputfield {
        width:266px !important;
    }

    .formField .ui-inputfield{
        width:166px !important;
    }

    .formField .ui-picklist{
        width:166px !important;
        display:flex !important;
    }

    .formField.wideDisplay .ui-picklist{
        width:278px !important;
        display:flex !important;
    }

    .formField.wideDisplay .ui-picklist .ui-picklist-list-wrapper{
        width:118px !important;
        display:flex !important;
        flex-direction:column !important;
    }

    .formField .ui-autocomplete-input.ui-inputfield{
        width:166px !important;
    }

    .formField .ui-autocomplete-input.ui-inputfield{
        width:166px !important;
    }

    .formField.wideDisplay .ui-autocomplete-input.ui-inputfield{
        width:266px !important;
    }

}

@media all and (max-width:1200px) {
    .visibleWhenVeryWide{
        display:none !important;
    }
}

@media all and (min-width:992px) and (max-width:1200px) {
    .logonPageInputFieldsContainer{
        min-width:400px;
    }

    .homePageCriteriaOverlay{
        max-width:700px;
    }

    .formLabel{
        width: 150px !important;
        max-width:150px !important;
        min-width:150px !important;
    }

    .formField{
        width: 170px !important;
        max-width:170px !important;
        min-width:170px !important;
    }

    .formField.wideDisplay{
        width: 260px !important;
        max-width:260px !important;
        min-width:260px !important;
    }

    .formLabelFormField{
        width: 340px !important;
        max-width:340px !important;
        min-width:340px !important;
    }

    .formLabelFormField.wideDisplay{
        width: 430px !important;
        max-width:430px !important;
        min-width:430px !important;
    }

    .formCellsMainContainer{
        display: flex !important;
    }

    .formCellContainerLeftForWideDisplay{
        max-width:610px !important;
    }

    .formField .ui-selectonemenu{
        width:145px !important;
        min-width:145px !important;
        max-width:145px !important;
    }

    .formField .ui-selectonemenu > label{
        width:99% !important;
        min-width: 145px !important;
        max-width: 145px !important;
    }

    .formField .halfWidth.ui-selectonemenu{
        width:60px !important;
        min-width:60px !important;
        max-width:60px !important;
    }

    .formField .halfWidth.ui-selectonemenu > label{
        width:99% !important;
        min-width: 60px !important;
        max-width: 60px !important;
    }

    .formField .wideDisplay.ui-selectonemenu{
        width:235px !important;
        min-width:235px !important;
        max-width:235px !important;
    }

    .formField .wideDisplay.ui-selectonemenu > label{
        width:99% !important;
        min-width: 235px !important;
        max-width: 235px !important;
    }

    .formField .ui-calendar input{
        width:158px !important;
    }

    .formField .wideDisplay.ui-calendar input{
        width:248px !important;
    }

    .formField .halfWidth.ui-calendar input{
        width:73px !important;
    }

    .formField .ui-inputfield{
        width:158px !important;
    }

    .formField .ui-picklist{
        width:158px !important;
        display:flex !important;
    }

    .formField.wideDisplay .ui-picklist{
        width:260px !important;
        display:flex !important;
    }

    .formField.wideDisplay .ui-picklist .ui-picklist-list-wrapper{
        width:109px !important;
        display:flex !important;
        flex-direction:column !important;
    }

    .formField .halfWidth.ui-inputfield{
        width:73px !important;
    }

    .formField .wideDisplay.ui-inputfield{
        width:248px !important;
    }

    .formField .ui-autocomplete-input.ui-inputfield{
        width:158px !important;
    }

    .formField .wideDisplay .ui-autocomplete-input.ui-inputfield{
        width:248px !important;
    }

    .overlayForReminder{
        width:80%;
        max-width:650px;
        height:auto;
        left:100px !important;
    }

    .homePageHeading.layout-menu .ui-menu-child{
        width:210px;
    }
    .homePageHeading.layout-menu .ui-menuitem-text{
        /*
        font-size:14px;
        */
    }


    .ui-menu.ui-menu-dynamic{
        width:170px;
    }

    .autoCompletePanel{
        min-width:600px !important;
    }

}

@media all and (max-width:64.063em) { /*991px*/
    .visibleWhenWide{
        display:none !important;
    }
}

@media all and (min-width:768px) and (max-width:991px) {
    .dashboardHome .smartClickTopMenu > ul{
        margin-left:50px !important;
    }
    .homePageCriteriaOverlay{
        max-width:350px;
    }

    .formLabel{
        width: 130px !important;
        max-width:130px !important;
        min-width:130px !important;
    }

    .formField{
        width: 160px !important;
        max-width:160px !important;
        min-width:160px !important;
    }

    .formField.wideDisplay{
        width: 230px !important;
        max-width:230px !important;
        min-width:230px !important;
    }

    .formLabelFormField{
        width: 310px !important;
        max-width:310px !important;
        min-width:310px !important;
    }

    .formLabelFormField.wideDisplay{
        width: 380px !important;
        max-width:380px !important;
        min-width:380px !important;
    }

    .formCellsMainContainer{
        display: flex !important;
    }

    .formCellContainerLeftForWideDisplay{
        max-width:550px !important;
    }

    .formField .ui-selectonemenu{
        width:135px !important;
        min-width:135px !important;
        max-width:135px !important;
    }

    .formField .ui-selectonemenu > label{
        width:99% !important;
        min-width: 135px !important;
        max-width: 135px !important;
    }

    .formField .halfWidth.ui-selectonemenu{
        width:55px !important;
        min-width:55px !important;
        max-width:55px !important;
    }

    .formField .halfWidth.ui-selectonemenu > label{
        width:99% !important;
        min-width: 55px !important;
        max-width: 55px !important;
    }

    .formField .wideDisplay.ui-selectonemenu{
        width:55px !important;
        min-width:205px !important;
        max-width:205px !important;
    }

    .formField .wideDisplay.ui-selectonemenu > label{
        width:99% !important;
        min-width: 205px !important;
        max-width: 205px !important;
    }

    .formField .ui-calendar input{
        width:148px !important;
    }

    .formField .wideDisplay.ui-calendar input{
        width:218px !important;
    }

    .formField .halfWidth.ui-calendar input{
        width:68px !important;
    }

    .formField .ui-inputfield{
        width:148px !important;
    }

    .formField .ui-picklist{
        width:148px !important;
        display:flex !important;
    }

    .formField.wideDisplay .ui-picklist{
        width:230px !important;
        display:flex !important;
    }

    .formField.wideDisplay .ui-picklist .ui-picklist-list-wrapper{
        width:93px !important;
        display:flex !important;
        flex-direction:column !important;
    }

    .formField .halfWidth.ui-inputfield{
        width:68px !important;
    }

    .formField .wideDisplay.ui-inputfield{
        width:218px !important;
    }

    .formField .ui-autocomplete-input.ui-inputfield{
        width:148px !important;
    }

    .formField .wideDisplay .ui-autocomplete-input.ui-inputfield{
        width:218px !important;
    }

    .overlayForReminder{
        width:85%;
        max-width:650px;
        height:auto;
        left:50px !important;
    }

    .homePageHeading.layout-menu .ui-menu-child{
        width:200px;
    }
    .homePageHeading.layout-menu .ui-menuitem-text{
        /*
        font-size:13px;
        */
    }

    .ui-menu.ui-menu-dynamic{
        width:160px;
    }

    .autoCompletePanel{
        min-width:500px !important;
    }
}

@media all and (min-width:320px) and (max-width:740px) {
    .homePageCriteriaOverlay{
        max-width:200px;
    }
    .formLabel{
        width: 100px !important;
        max-width:100px !important;
        min-width:100px !important;
    }

    .formField{
        width: 150px !important;
        max-width:150px !important;
        min-width:150px !important;
    }

    .formField.wideDisplay{
        width: 200px !important;
        max-width:200px !important;
        min-width:200px !important;
    }

    .formLabelFormField{
        width: 270px !important;
        max-width:270px !important;
        min-width:270px !important;
    }

    .formLabelFormField.wideDisplay{
        width: 320px !important;
        max-width:320px !important;
        min-width:320px !important;
    }

    .formCellsMainContainer{
        display: flex !important;
        flex-direction: column;
    }

    .formCellContainerLeftForWideDisplay{
        max-width:490px !important;
    }

    .formField .ui-selectonemenu{
        width:125px !important;
        min-width:125px !important;
        max-width:125px !important;
    }

    .formField .ui-selectonemenu > label{
        width:99% !important;
        min-width: 125px !important;
        max-width: 125px !important;
    }

    .formField .halfWidth.ui-selectonemenu{
        width:50px !important;
        min-width:50px !important;
        max-width:50px !important;
    }

    .formField .halfWidth.ui-selectonemenu > label{
        width:99% !important;
        min-width: 50px !important;
        max-width: 50px !important;
    }

    .formField .wideDisplay.ui-selectonemenu{
        width:175px !important;
        min-width:175px !important;
        max-width:175px !important;
    }

    .formField .wideDisplay.ui-selectonemenu > label{
        width:99% !important;
        min-width: 175px !important;
        max-width: 175px !important;
    }

    .formField .ui-calendar input{
        width:138px !important;
    }

    .formField .wideDisplay.ui-calendar input{
        width:188px !important;
    }

    .formField .halfWidth.ui-calendar input{
        width:63px !important;
    }

    .formField .ui-inputfield{
        width:138px !important;
    }

    .formField .ui-picklist{
        width:138px !important;
        display:flex !important;
    }

    .formField.wideDisplay .ui-picklist{
        width:200px !important;
        display:flex !important;
    }

    .formField.wideDisplay .ui-picklist .ui-picklist-list-wrapper{
        width:78px !important;
        display:flex !important;
        flex-direction:column !important;
    }

    .formField .halfWidth.ui-inputfield{
        width:63px !important;
    }

    .formField .wideDisplay.ui-inputfield{
        width:188px !important;
    }

    .formField .ui-autocomplete-input.ui-inputfield{
        width:138px !important;
    }

    .formField .wideDisplay .ui-autocomplete-input.ui-inputfield{
        width:188px !important;
    }

    .overlayForReminder{
        width:90%;
        max-width:650px;
        height:auto;
        left:20px !important;
    }

    .homePageHeading.layout-menu .ui-menu-child{
        width:190px;
    }

    .ui-menu.ui-menu-dynamic{
        width:130px;
    }

    .autoCompletePanel{
        min-width:250px !important;
    }

    .activityTab .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link{
        padding-left:3px !important;
        padding-right:3px !important;
    }
}

@media all and (max-width:320px) {
    .homePageCriteriaOverlay{
        max-width:150px;
    }
    .formLabel{
        width: 80px !important;
        max-width:80px !important;
        min-width:80px !important;
    }

    .formField{
        width: 100px !important;
        max-width:100px !important;
        min-width:100px !important;
    }

    .formField.wideDisplay{
        width: 190px !important;
        max-width:190px !important;
        min-width:190px !important;
    }

    .formLabelFormField{
        width: 200px !important;
        max-width:200px !important;
        min-width:200px !important;
    }

    .formLabelFormField.wideDisplay{
        width: 290px !important;
        max-width:290px !important;
        min-width:290px !important;
    }

    .formCellsMainContainer{
        display: flex !important;
        flex-direction: column;
    }

    .formCellContainerLeftForWideDisplay{
        max-width:300px !important;
    }

    .formField .ui-selectonemenu{
        width:75px !important;
        min-width:75px !important;
        max-width:75px !important;
    }

    .formField .ui-selectonemenu > label{
        width:99% !important;
        min-width: 75px !important;
        max-width: 75px !important;
    }

    .formField .wideDisplay.ui-selectonemenu{
        width:165px !important;
        min-width:165px !important;
        max-width:165px !important;
    }

    .formField .wideDisplay.ui-selectonemenu > label{
        width:99% !important;
        min-width: 165px !important;
        max-width: 165px !important;
    }

    .formField .halfWidth.ui-selectonemenu{
        width:25px !important;
        min-width:25px !important;
        max-width:25px !important;
    }

    .formField .halfWidth.ui-selectonemenu > label{
        width:99% !important;
        min-width: 25px !important;
        max-width: 25px !important;
    }

    .formField .ui-calendar input{
        width:89px !important;
    }

    .formField .wideDisplay.ui-calendar input{
        width:179px !important;
    }

    .formField .halfWidth.ui-calendar input{
        width:39px !important;
    }

    .formField .ui-inputfield{
        width:89px !important;
    }

    .formField .ui-picklist{
        width:89px !important;
        display:flex !important;
    }

    .formField.wideDisplay .ui-picklist{
        width:189px !important;
        display:flex !important;
    }

    .formField.wideDisplay .ui-picklist .ui-picklist-list-wrapper{
        width:74px !important;
        display:flex !important;
        flex-direction:column !important;
    }

    .formField .halfWidth.ui-inputfield{
        width:39px !important;
    }

    .formField .wideDisplay.ui-inputfield{
        width:179px !important;
    }

    .formField .ui-autocomplete-input.ui-inputfield{
        width:89px !important;
    }

    .formField .wideDisplay .ui-autocomplete-input.ui-inputfield{
        width:179px !important;
    }

    .ERMimagelink1{
        display:none !important;
    }
    .ERMimagelink{
        display:none !important;
    }

    .invisibleWhenVeryNarrow{
        display:none !important;
    }

    .overlayForReminder{
        width:95%;
        max-width:650px;
        height:auto;
        left:5px !important;
    }

    .homePageHeading.layout-menu .ui-menu-child{
        width:190px;
    }

    .ui-menu.ui-menu-dynamic{
        width:120px;
    }
    .autoCompletePanel{
        min-width:200px !important;
    }

    .activityTab .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link{
        padding-left:0px !important;
        padding-right:0px !important;
    }

    .ajaxLoading{
        max-height:20px !important;
        min-width:35px !important;
    }

    .ajaxLoading img{
        width:30px !important;
    }
}

@media all and (max-width:640px) {
    .activityTab .ui-tabmenuitem .ui-menuitem-text{
        display: none !important;
    }
}

@media screen and (max-width:1024px) {
    .ui-dialog.responsiveDialog {
        width: 90% !important;
        height: 90% !important;
        padding-bottom:100px !important;
    }

    .ui-dialog.responsiveDialog .ui-dialog-content{
        height: 100% !important;
    }

    .responsiveDialog .ui-dialog-title{
        width:85%;
    }

    .ui-overlaypanel.responsiveDialog {
        width: 90% !important;
        height: 90% !important;
        padding-bottom:40px !important;
    }

    .ui-overlaypanel.responsiveDialog .ui-overlaypanel-content{
        height: 100% !important;
    }

}

@media all and (max-width:640px) {

    @media all and (max-height:350px) {
        .inivisibleWhenLow{
            display:none !important;
        }
        .zeroHeightWhenLow{
            height:0px !important;
        }
    }

    @media all and (min-height:350px) {
        .inivisibleWhenHeigh{
            display:none !important;
        }
    }

    .invisibleWhenNarrow{
        display:none !important;
    }

    a .iconSizeForListButton {
        font-size: 20px !important;
    }

    .showHideCusPanelIcon{
        margin-left:2px;
        margin-right:3px;
        max-width:14px;
        display:none;
    }

    .modulesMenu{
        padding:5px !important;
    }

    .modulesMenu .ui-panel-titlebar.ui-widget-header{
        text-align:left !important;
        width: auto !important;
        float:none !important;
    }
    .moduleItem{
        width:50px;
        height:40px;
        padding:5px;
        padding-top:10px;
    }
    .moduleItem:hover {
        padding:4px;
        padding-top:9px;
        border: 1px solid lightgrey;
    }
    .moduleItemText{
        line-height: 1.3 !important;
        font-size: 9px !important;
        color: #27AAE1 !important;
        margin-left:5px;
        margin-right:5px;
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        max-height: 27px !important;
    }
    .menuColumn{
        text-align: center;
        vertical-align: top;
        width:50px !important;
        max-width:50px !important;
        min-width:50px !important;
        border:0px !important;
        padding:0px !important;
    }

    .criteriaPanelContainer{
        border:0px;
        padding:0px;
        background: transparent;
    }

    .workplaceTopMenuNew .smartClickTopMenu{
        min-height: 60px !important;
        width:94% !important;
        margin:0px auto 0px auto !important;
        padding:0px 1% !important;
    }

    .newWorkplace{
        padding-right:0px !important;
    }

    .layout-wrapper .layout-main .layout-content{
        padding: 0.5rem !important;
    }

    .workplaceDataContainer{
        float:left;
        height: 100%;
        width: 100%;
        left: 0%;
    }

    .workplaceCenter{
        overflow:auto;
        float: left;
        height: 100%;
        width: 100%;
    }

    .workplaceCustomerPane{
        float: right;
        height: 100%;
        width: 0%;
    }

    .myReportsworkplaceLeftMenu{
        float:left;
        height:100%;
        width:50%;
    }

    .myReportsworkplaceDataContainer{
        float:left;
        height: 100%;
        width: 50%;
        left: 50%;
    }

    .myReportsworkplaceCenterFull{
        overflow:auto;
        float: left;
        height: 100%;
        width: 100%;
    }

    .showFullWidth{
        width:100% !important
    }

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

    .dashboardHome .smartClickTopMenu > ul{
        margin-left:40px !important;
    }

    .dashboardHome .smartClickTopMenu .ui-menuitem.ui-menubar-options{
        margin-top:12px;
    }

    .homePageHeading.layout-menu{
        padding-left:5px !important;
    }

    .overlayForDataRecordSelection{
        width:300px;
        min-height:350px;
    }

    .overlayForFlow{
        min-width:300px;
        padding:0px;
        border:0px;
    }

    .ui-dialog.ui-overlay-visible{
        width: 90% !important;
    }

    .ui-dialog.responsiveDialog {
        width: 90% !important;
        height: 90% !important;
        padding-bottom:100px !important;
    }

    .ui-dialog.responsiveDialog .ui-dialog-content{
        height: 100% !important;
    }

    .responsiveDialog .ui-dialog-title{
        width:85%;
    }

    .ui-overlaypanel.responsiveDialog {
        width: 90% !important;
        height: 90% !important;
        padding-bottom:40px !important;
    }

    .ui-overlaypanel.responsiveDialog .ui-overlaypanel-content{
        height: 100% !important;
    }

    .ui-dialog.ui-hidden-container.ui-overlay-visible{
        width: 90% !important;
        height: 90% !important;
        left: 5px !important;
        top: 5px !important;
    }

    .ui-dialog.ui-hidden-container.ui-overlay-visible .ui-dialog-content{
        height: 100% !important;
    }

    .subjectStyle{
        font-weight:bolder !important;
        height:25px;
        width:95.5%;
        background-color:#FFFEC2 !important;
    }

    .ui-galleria-filmstrip-wrapper{
        width: 80% !important;
    }
}

@media all and (min-width:768px) {
    .visibleWhenNarrow{
        display:none !important;
    }

    .zeroDimensions{
        width:0px !important;
        height:0px !important;
    }

    .menuColumn{
        text-align: center;
        vertical-align: top;
        width:80px !important;
        max-width:80px !important;
        min-width:80px !important;
        border:0px !important;
        padding:0px !important;
    }

    .showHideCusPanelIcon{
        margin-left:2px;
        margin-right:3px;
        max-width:14px;
    }

    .modulesMenu{
        padding:20px !important;
    }

    .modulesMenu .ui-panel-titlebar.ui-widget-header{
        text-align:left !important;
        width: auto !important;
        float:none !important;
    }

    .moduleItem{
        width:64px;
        height:64px;
        max-height: 64px;
        max-width: 64px;
        overflow: hidden;
        padding:5px;
        padding-top:10px;
    }

    .moduleItem:hover {
        padding:4px;
        padding-top:9px;
        border: 1px solid lightgrey;
    }

    .moduleItemText{
        line-height: 1.3 !important;
        font-size: 12px !important;
        color: #27AAE1 !important;
        display:inline-block !important;
        margin-left:5px;
        margin-right:5px;
    }
    .criteriaPanelContainer{
        border:0px;
        padding:0px;
        background: transparent;
    }

    .newWorkplace{
        padding-right:2% !important;
    }

    .workplaceDataContainer{
        float:left;
        height: 100%;
        width: 87%;
        left: 13%;
    }

    .workplaceCenter{
        overflow:auto;
        float: left;
        height: 100%;
        width: 62%;
    }

    .workplaceCustomerPane{
        float: right;
        height: 100%;
        width: 38%;
    }

    .invisibleWhenNarrow{
        /*display:inline !important;*/
    }

    .myReportsworkplaceLeftMenu{
        float:left;
        height:100%;
        width:20%;
    }

    .myReportsworkplaceDataContainer{
        float:left;
        height: 100%;
        width: 80%;
        left: 20%;
    }

    .myReportsworkplaceCenterFull{
        overflow:auto;
        float: left;
        height: 100%;
        width: 100%;
    }

    .showFullWidth{
    }

    .homePageMainContainer{
        padding-left: 53px !important;
        padding-right: 53px !important;
    }

    .dashboardHome .smartClickTopMenu > ul{
        margin-left:90px !important;
    }

    .dashboardHome .smartClickTopMenu .ui-menuitem.ui-menubar-options{
        margin-top:-5px;
    }

    .ui-dialog.ui-hidden-container.ui-overlay-visible{
        left: 20px;
        top: 20px;
    }

    .ui-galleria-filmstrip-wrapper{
        width: 90% !important;
    }

}

.reportTrees.ui-selectonemenu{
    height:20px !important;
    border: 0px none  !important;
    border-radius: 0px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.reportTrees .ui-selectonemenu-trigger{
    background: transparent !important;
    border: 0px none !important;
    box-shadow: none !important;
}

.reportTrees .ui-selectonemenu-label.ui-inputfield{
    background:transparent;
    border: 0px none !important;
    text-align: center;
    color:inherit;
}

.reportTrees.ui-selectonemenu.ui-state-focus .ui-selectonemenu-label{
    background: transparent !important;
}

.reportTrees.ui-selectonemenu .ui-icon-triangle-1-s::before{
    content: none;
}

.homePageMainPanel{
    padding-left:53px !important;
    padding-right:53px !important;
}

.homePageHeading.ui-panel{
    padding:0px;

    margin-left:0px;
    margin-right:0px;

    border:0px;
    background: transparent !important;
    margin-bottom: -13px;
}

.homePageHeading .ui-panel-titlebar-icon.ui-corner-all.ui-state-default{
    margin:2px;
}

.homePageHeading .ui-panel-titlebar-icon.ui-corner-all.ui-state-default.ui-state-hover{
    margin:2px;
}

.homePageHeading .ui-panel-titlebar{
    padding:0px;
    margin-left:0px;
    margin-right:0px;
}

.homePageHeading .ui-panel-content.ui-widget-content{
    visibility:hidden !important;
}

.homePageHeading .ui-widget-header{
    background: none !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom-width: 1px !important;
    border-radius: 0px !important;
}
.homePageCell .ui-panel .ui-panel-content{
    padding-left:0px !important;
    padding-right:0px !important;
}

.homePageCell .ui-panel-content.ui-widget-content{
    padding-left:0px !important;
    padding-right:0px !important;
}

.tableStatusButton.ui-splitbutton.ui-buttonset.ui-widget{
    margin:0px !important;
    padding-top:0px !important;
    padding-bottom:0px !important;
    padding-left:0px !important;
}

.tableStatusButton .ui-splitbutton-menubutton.ui-button.ui-widget.ui-state-default.ui-corner-right.ui-button-icon-only{
    margin:0px !important;
}

.tableStatusButton .ui-button.ui-widget.ui-state-default.ui-corner-left.ui-button-icon-only{
    margin:0px !important;
}

.tableCellCalendar.ui-calendar .ui-inputfield{
    border:0px !important;
    background:transparent !important;
}

.transparentPanel{
    background: transparent !important;
}

.smartClickForm > .ui-panel-content{
    overflow-x:auto !important;
}

.dataRecordFormContainer .ui-panel-titlebar.ui-widget-header{
    background: transparent !important;
    padding-left:5px !important;
    border:0px none !important;
}

.dataRecordFormContainer .ui-panel-content.ui-widget-content{
    overflow-x: auto !important;
}

.actSchemaColLabel{
    vertical-align:middle;
    width: 150px;
}

.actSchemaColValue{
    text-align:right;
    vertical-align:middle;
    width: 95px;
}

.actSchemaColUnit{
    text-align:left;
    vertical-align:middle;
    width: 30px;
}

.actSchemaColValueUnit{
    text-align:right;
    vertical-align:middle;
    width: 150px;
}

.activityTab.ui-tabmenu{
    border:0px !important;
}

.activityTab {
    background: transparent !important;
    padding: 0px !important;
    margin-bottom:0px !important;
}

.activityTab ul{
    padding: 0px !important;
}

.activityTab li{
    padding: 0px !important;
    top:0px !important;
    margin:0px !important;
}

.activityTab ul.ui-tabmenu-nav{
    background:transparent !important;
    padding:0px !important;
}

.activityTab .ui-tabmenuitem{
    background:transparent !important;
}

.activityTab .ui-tabmenuitem .ui-menuitem-text{
    margin-top: 4px !important;
}

.activityTab .ui-tabmenu-nav.ui-widget-header{
    display: contents !important;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper{
    width:45%;
}

.form-field-container{
    min-height: 55px !important;
    overflow-x: hidden !important;
    padding-bottom: 10px;
}

.form-field-container .ui-inputgroup .ui-badge{
    top: 10px !important;
}

.form-field-container span{
    vertical-align: middle !important;
}

.form-field-container .ui-chkbox-label{
    vertical-align: top !important;
}

.form-field-label{
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dataRecord-fieldset .ui-panel-content.ui-widget-content{
    overflow-x: auto !important;
}

.datatable-no-header{
    border:0px !important;
}

.datatable-no-header .ui-dataview-header{
    display:none;
}

.datatable-no-header th{
    display:none;
}

.datatable-no-header thead{
    display:none;
}

.datatable-no-header .Pad00 td{
    padding:0px !important;
}

.no-pad-header thead th {
    padding:0px !important;
}

.datatable-no-overflow .ui-datatable-tablewrapper{
    overflow: hidden !important;
}

.layout-topbar-white .datarecord-trncode, .layout-topbar-amber .datarecord-trncode, .layout-topbar-yellow .datarecord-trncode, .layout-topbar-lime .datarecord-trncode, .layout-topbar-orange .datarecord-trncode{
    color: #212121 !important;
}

.datarecord-trncode{
    max-height:35px !important;
    text-align:center;
    font-size:1.6em !important;
    font-weight: bold;
    border:0px none !important;
    background:transparent !important;
    color: #ffffff !important;
    opacity:1.0 !important;
    max-width:170px;
}

.datarecord-trntype{
    max-height:35px !important;
    text-align:center;
    font-size:1.4em !important;
    font-weight: bold;
    min-width: 150px;
}

.whitePanel{
    background-color: rgba(255,255,255,0.7) !important;
}

.whitePanel .ui-widget-content{
    background-color: rgba(255,255,255,0.7) !important;
}

.whitePanel > .ui-panel-content.ui-widget-content{
    background-color: rgba(255,255,255,0.7) !important;
}

.whitePanel.ui-commandlink.ui-widget.ui-panel-titlebar-icon.ui-corner-all.ui-state-default{
    background: none transparent !important;
}

.ui-datepicker-calendar thead tr th{
    padding:4px !important;
}

.ui-datepicker-calendar tbody tr td{
    padding:1px !important;
    border:0px  !important;
}

.commentText .ui-editor.ui-widget-content{
    height: 100% !important;
}

.commentText .ui-editor.ui-widget-content iframe{
    height: 100% !important;
}

.ui-messages-info{
    min-height: 21px !important;
}

.ui-messages-error-detail{
    font-size:1.1em !important;
}

.ui-messages-info-detail{
    font-size:1.1em !important;
}

.ui-messages-warn-detail{
    font-size:1.1em !important;
}

.attention .ui-messages-error-detail{
    font-size:1.7em !important;
}

.attention .ui-messages-info-detail{
    font-size:1.7em !important;
}

.attention .ui-messages-warn-detail{
    font-size:1.7em !important;
}

.ui-galleria.ui-widget.ui-widget-content{
    width: 100% !important;
}

.ui-galleria-panel-wrapper{
    width: 100% !important;
}

.ui-galleria-panel{
    text-align: center !important;
    width: 100% !important;
}

.ui-galleria-caption{
    width: 100% !important;
}

.ui-galleria-filmstrip{
    width: 100% !important;
}

.pe-timepicker-button{
    width:16px !important;
}

.fancy-box{
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.26);
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.26);
}

.responsive-image{
    max-width:100%;
    max-height:100%;
}

.smartClickChart{
    max-width:100%;
    max-height:100%;
    width:auto !important;
}

.main-body{
    background-color: transparent !important;
}

.moduleItem a{
    margin-left: 0px !important;
    padding:0px !important;
}

.moduleItem a:first-child{
    min-height:25px !important;
}


/* Floating */
.Fleft{
    float:left;
}
.Fright{
    float:right;
}
.Fnone{
    float:none !important;
}

/* Text Aligns */
.TexAlCenter{
    text-align:center;
}
.TexAlLeft{
    text-align:left;
}
.TexAlRight{
    text-align:right !important;
}

.VAlignTop{
    vertical-align:top;
}
.VAlignBottom{
    vertical-align:bottom;
}
.VAlignMiddle{
    vertical-align:middle;
}

/* Empty Boxes */

.EmptyBox5{
    display:block;
    width:100%;
    height:5px;
    overflow:hidden;
}
.EmptyBox10{
    display:block;
    width:100%;
    height:10px;
    overflow:hidden;
}
.EmptyBox20{
    display:block;
    width:100%;
    height:20px;
    overflow:hidden;
}
.EmptyBox30{
    display:block;
    width:100%;
    height:30px;
    overflow:hidden;
}
.EmptyBox40{
    display:block;
    width:100%;
    height:40px;
    overflow:hidden;
}
.EmptyBox50{
    display:block;
    width:100%;
    height:50px;
    overflow:hidden;
}
.EmptyBox60{
    display:block;
    width:100%;
    height:60px;
    overflow:hidden;
}
.EmptyBox70{
    display:block;
    width:100%;
    height:70px;
    overflow:hidden;
}
.EmptyBox80{
    display:block;
    width:100%;
    height:80px;
    overflow:hidden;
}
.EmptyBox90{
    display:block;
    width:100%;
    height:90px;
    overflow:hidden;
}
.EmptyBox100{
    display:block;
    width:100%;
    height:100px;
    overflow:hidden;
}
.EmptyBox110{
    display:block;
    width:100%;
    height:100px;
    overflow:hidden;
}
.EmptyBox120{
    display:block;
    width:100%;
    height:100px;
    overflow:hidden;
}
.EmptyBox130{
    display:block;
    width:100%;
    height:100px;
    overflow:hidden;
}
.EmptyBox140{
    display:block;
    width:100%;
    height:100px;
    overflow:hidden;
}
.EmptyBox150{
    display: block;
    width: 100%;
    height:150px;
    overflow:hidden;
}

/* Width */

.Wid100{
    width:100%;
}
.Wid90{
    width:90%;
}
.Wid80{
    width:80%;
}
.Wid70{
    width:70%;
}
.Wid60{
    width:60%;
}
.Wid50{
    width:50%;
}
.Wid45{
    width:45%;
}
.Wid40{
    width:40%;
}
.Wid30{
    width:30%;
}

/* Width Special Values */

.Wid33{
    width:33.3%;
}
.Wid25{
    width:25%;
}
.Wid20{
    width:20%;
}
.Wid10{
    width:10%;
}

/* Containers */

.Container100{
    width:100%;
    float:left;
}
.Container96{
    width:96%;
    float:left;
}
.Container90{
    width:90%;
    float:left;
}
.Container85{
    width:85%;
    float:left;
}
.Container80{
    width:80%;
    float:left;
}
.Container75{
    width:75%;
    float:left;
}
.Container70{
    width:70%;
    float:left;
}
.Container60{
    width:60%;
    float:left;
}
.Container50{
    width:50%;
    float:left;
}
.Container40{
    width:40%;
    float:left;
}
.Container33{
    width:33.3%;
    float:left;
}
.Container30{
    width:30%;
    float:left;
}
.Container25{
    width:25%;
    float:left;
}
.Container20{
    width:20%;
    float:left;
}
.Container10{
    width:10%;
    float:left;
}
.Container5{
    width:5%;
    float:left;
}

.ContainerIndent{
    display:block;
    margin:0px auto;
}
.Container100 .ContainerIndent{
    display:block;
    margin:0px auto;
    width:98%;
    padding:0.1% 1%;
}
.Container96 .ContainerIndent{
    display:block;
    margin:0px auto;
    width:98%;
    padding:0.2% 1%;
}
.Container90 .ContainerIndent{
    display:block;
    margin:0px auto;
    width:97.6%;
    padding:0.2% 1.2%;
}
.Container85 .ContainerIndent{
    display:block;
    margin:0px auto;
    width:97.4%;
    padding:0.6% 1.3%;
}
.Container80 .ContainerIndent{
    display:block;
    margin:0px auto;
    width:97.2%;
    padding:0.5% 1.4%;
}
.Container75 .ContainerIndent{
    display:block;
    margin:0px auto;
    width:97%;
    padding:0.7% 1.5%;
}
.Container70 .ContainerIndent{
    display:block;
    margin:0px auto;
    width:96.8%;
    padding:0.8% 1.6%;
}
.Container60 .ContainerIndent{
    display:block;
    margin:0px auto;
    width:96.6%;
    padding:1% 1.7%;
}
.Container50 .ContainerIndent{
    display:block;
    margin:0px auto;
    width:96.2%;
    padding:1% 1.9%;
}
.Container40 .ContainerIndent{
    display:block;
    margin:0px auto;
    width:95.6%;
    padding:1.5% 2.2%;
}
.Container33 .ContainerIndent{
    display:block;
    margin:0px auto;
    width:94.4%;
    padding:1.7% 2.8%;
}
.Container30 .ContainerIndent{
    display:block;
    margin:0px auto;
    width:94.2%;
    padding:1.7% 2.9%;
}
.Container25 .ContainerIndent{
    display:block;
    margin:0px auto;
    width:93.2%;
    padding:2% 3.4%;
}
.Container20 .ContainerIndent{
    display:block;
    margin:0px auto;
    width:92%;
    padding:2% 4%;
}
.Container10 .ContainerIndent{
    display:block;
    margin:0px auto;
    width:82%;
    padding:2% 9%;
}
.Container5 .ContainerIndent{
    display:block;
    margin:0px auto;
    width:64%;
    padding:3% 18%;
}

/* bordered box */
.BorderedBox{/*border:solid 1px #D9E3E8; background-color:#EDF3F6; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
             border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-bottom:15px;*/
}
.BottomBorderedBox{/*border-bottom:solid 1px #D9E3E8; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
                   border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-bottom:15px;*/
}

@media (min-width: 960px) and (max-width:1200px){
    /* responsive support */
    .Responsive{
        width:33.3%;
        float:left;
        margin-left:0px !important;
        margin-right:0px !important;
    }
    .Responsive .ContainerIndent{
        width:92% !important;
        padding:18px 4% !important;
    }
    .Responsive50{
    }
    .Responsive50 .ContainerIndent{
        width:96% !important;
        padding:18px 2% !important;
    }
    .Responsive100{
        width:100%;
        float:left;
        margin-left:0px !important;
        margin-right:0px !important;
    }
    .Responsive100 .ContainerIndent{
        width:98% !important;
        padding:18px 1% !important;
    }
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 960px) and (min-width: 640px) {
    /* responsive support */
    .Responsive{
        width:50%;
        float:left;
        margin-left:0px !important;
        margin-right:0px !important;
    }
    .ContainerIndent{
        width:94% !important;
        padding:15px 3% !important;
    }
    .Responsive50{
        width:100%;
        float:left;
        margin-left:0px !important;
        margin-right:0px !important;
    }
    .Responsive50 .ContainerIndent{
        width:98% !important;
        padding:15px 1% !important;
    }
    .Responsive100{
        width:100%;
        float:left;
        margin-left:0px !important;
        margin-right:0px !important;
    }
    .Responsive100 .ContainerIndent{
        width:98% !important;
        padding:15px 1% !important;
    }

    /* font size resetting for responsive modes */
    .Fs14{
        font-size:13px !important;
    }
    .Fs15{
        font-size:14px !important;
    }
    .Fs16{
        font-size:15px !important;
    }
    .Fs17{
        font-size:16px !important;
    }
    .Fs18{
        font-size:17px !important;
    }
    .Fs19{
        font-size:18px !important;
    }
    .Fs20{
        font-size:19px !important;
    }
    .Fs21{
        font-size:10px !important;
    }
    .Fs22{
        font-size:21px !important;
    }
    .Fs23{
        font-size:22px !important;
    }
    .Fs24{
        font-size:23px !important;
    }
    .Fs25{
        font-size:24px !important;
    }
    .Fs26{
        font-size:25px !important;
    }
    .Fs27{
        font-size:26px !important;
    }
    .Fs28{
        font-size:27px !important;
    }
    .Fs29{
        font-size:28px !important;
    }
    .Fs30{
        font-size:29px !important;
    }
    .Fs40{
        font-size:35px !important;
    }
    .Fs50{
        font-size:40px !important;
    }
    .Fs60{
        font-size:50px !important;
    }
    .Fs100{
        font-size:70px !important;
    }
    .Fs130{
        font-size:100px !important;
    }
}

/* Landscape phone to portrait tablet */
@media (min-width:480px) and (max-width: 640px) {
    /* responsive support */
    .Responsive{
        width:100%;
        float:left;
        margin-left:0px !important;
        margin-right:0px !important;
    }
    .Responsive .ContainerIndent{
        width:98% !important;
        padding:12px 1% !important;
    }
    .Responsive50{
        width:100%;
        float:left;
        margin-left:0px !important;
        margin-right:0px !important;
    }
    .Responsive50 .ContainerIndent{
        width:98% !important;
        padding:12px 1% !important;
    }
    .Responsive100{
        width:100%;
        float:left;
        margin-left:0px !important;
        margin-right:0px !important;
    }
    .Responsive100 .ContainerIndent{
        width:98% !important;
        padding:12px 1% !important;
    }

    /* font size resetting for responsive modes */
    .Fs12{
        font-size:11px !important;
    }
    .Fs13{
        font-size:11px !important;
    }
    .Fs14{
        font-size:12px !important;
    }
    .Fs15{
        font-size:13px !important;
    }
    .Fs16{
        font-size:14px !important;
    }
    .Fs17{
        font-size:15px !important;
    }
    .Fs18{
        font-size:16px !important;
    }
    .Fs19{
        font-size:17px !important;
    }
    .Fs20{
        font-size:18px !important;
    }
    .Fs21{
        font-size:19px !important;
    }
    .Fs22{
        font-size:20px !important;
    }
    .Fs23{
        font-size:21px !important;
    }
    .Fs24{
        font-size:22px !important;
    }
    .Fs25{
        font-size:23px !important;
    }
    .Fs26{
        font-size:24px !important;
    }
    .Fs27{
        font-size:25px !important;
    }
    .Fs28{
        font-size:26px !important;
    }
    .Fs29{
        font-size:27px !important;
    }
    .Fs30{
        font-size:28px !important;
    }
    .Fs40{
        font-size:35px !important;
    }
    .Fs50{
        font-size:40px !important;
    }
    .Fs60{
        font-size:45px !important;
    }
    .Fs100{
        font-size:60px !important;
    }
    .Fs130{
        font-size:70px !important;
    }
}

/* Portrait phones and down */
@media (min-width:320px) and (max-width: 480px) {
    /* responsive support */
    .Responsive{
        width:100%;
        float:left;
        margin-left:0px !important;
        margin-right:0px !important;
    }
    .Responsive .ContainerIndent{
        width:98% !important;
        padding:10px 1% !important;
    }
    .Responsive50{
        width:100%;
        float:left;
        margin-left:0px !important;
        margin-right:0px !important;
    }
    .Responsive50 .ContainerIndent{
        width:98% !important;
        padding:10px 1% !important;
    }
    .Responsive100{
        width:100%;
        float:left;
        margin-left:0px !important;
        margin-right:0px !important;
    }
    .Responsive100 .ContainerIndent{
        width:98% !important;
        padding:10px 1% !important;
    }

    /* font size resetting for responsive modes */
    .Fs12{
        font-size:11px !important;
    }
    .Fs13{
        font-size:11px !important;
    }
    .Fs14{
        font-size:12px !important;
    }
    .Fs15{
        font-size:12px !important;
    }
    .Fs16{
        font-size:13px !important;
    }
    .Fs17{
        font-size:14px !important;
    }
    .Fs18{
        font-size:15px !important;
    }
    .Fs19{
        font-size:16px !important;
    }
    .Fs20{
        font-size:17px !important;
    }
    .Fs21{
        font-size:18px !important;
    }
    .Fs22{
        font-size:19px !important;
    }
    .Fs23{
        font-size:20px !important;
    }
    .Fs24{
        font-size:21px !important;
    }
    .Fs25{
        font-size:22px !important;
    }
    .Fs26{
        font-size:23px !important;
    }
    .Fs27{
        font-size:24px !important;
    }
    .Fs28{
        font-size:25px !important;
    }
    .Fs29{
        font-size:26px !important;
    }
    .Fs30{
        font-size:27px !important;
    }
    .Fs40{
        font-size:33px !important;
    }
    .Fs50{
        font-size:40px !important;
    }
    .Fs60{
        font-size:45px !important;
    }
    .Fs100{
        font-size:55px !important;
    }
    .Fs130{
        font-size:60px !important;
    }
}

.ScheduleLeft.fa{
    margin-left: 4px !important;
    font-size: 16px !important;
    color: black;
    float: left !important;
}

.ScheduleRight.fa{
    margin-right: 2px !important;
    color: black;
}

.ui-fileupload-buttonbar .ui-button .ui-button-text{
    display: block!important;
}

.widgetContainer{
    display:flex;
    flex-flow:wrap;
}

.widgetPanelContainer{
    display:flex;
    flex-direction: column;
}

.widgetPanel{
    padding:0px !important;
    height:100%;
    /*border:1px solid #d5d5d5;*/
}

.widgetPanel.HighlightBoxReport, .widgetPanel.BoxReport{
    box-shadow:none !important;
}

.widgetPanel .ui-panel-titlebar.ui-widget-header{
    background: -webkit-linear-gradient(top,#f6f7f9 0,#ebedf0 100%);
    color: #1b1d1f !important;
    font-size: 14px !important;
}

.boxCell{
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;
}

.boxCellContent{
    border: solid 1px #edf0f5 !important;
    background-color: #ffffff;
    height:75px;
}

.boxCellContentHeader{
    display:block;
}

.dashboard .summary .detail{
    font-size:14px;
}

.dashboard .summary .title{
    font-size: 1.1rem;
    font-weight: bolder;
}

.widgetContentTitle{
    font-size: 1.25rem;
    font-weight: 600;
    margin:0;
    line-height: 1.2;
    color:inherit;
}

.widgetContentTitleIcon{
    font-size: 1.2rem;
    margin-right:10px;
}

.dashboard .summary .count.gray {
    background-color: #5A5A5A;
}

.dashboard .summary .count.verysoftgray {
    background-color: #F2F2F2;
}

.dashboard .summary .count.softgray {
    background-color: #CDCDCD;
}

.dashboard .summary .count.yellow {
    background-color: #FFD100;
}

.dashboard .summary .count.red {
    background-color: #e90c45;
}

.dashboard .summary .count.white {
    background-color: #ffffff;
}

.dashboard .summary .count.softblue {
    background-color: #C1E1F4;
}

.dashboard .summary .count.hardblue {
    background-color: #27AAE1;
}

.dashboard .summary .count.leaden {
    background-color: #778D9B;
}

.dashboard .summary .count.green {
    background-color: #20d077;
}

.dashboard .summary .count.orange {
    background-color: #f9c851;
}

.dashboard .summary .count.blue {
    background-color: #007be5;
}

.dashboardListBox{
    background: none;
    display: flex;
    flex-direction:column;
    border: 1px solid transparent;
}

.dashboardListBox ul{
    padding-top:0px !important;
    padding-left: 0px;
    padding-bottom: 0px !important;
    padding-right:0px !important;
}

.dashboardListBoxItem{
    display: flow-root;
    min-height: 75px;
}

.listBoxItemContainer .count{
    min-height: 30px;
}

.listBoxItemHeader{
    font-size:16px;
    padding-left:5px;
}

.listBoxItemSubCount{
    font-size: 14px;
    text-align: right;
    color: #a4a4a4;
}

.listBoxItemSubCount a{
    font-size: 14px !important;
}

.dashboard .activity-list li:last-child{
    border-top: 1px solid #d9d9d9;
    padding-bottom:0px;
}

.blueBox{
    background-color: #007be5 !important;
    color: #00448f !important;
}

.greenBox{
    background-color: #20d077 !important;
    color: #038d4a !important;
}

.orangeBox{
    background-color: #f9c851 !important;
    color: #b58c2b !important;
}

.redBox{
    background-color: #ef6262 !important;
    color: #a83d3b !important;
}

.grayBox{
    background-color: #5A5A5A !important;
    color: #1A1515 !important;
}

.softgrayBox{
    background-color: #CDCDCD !important;
    color: #665A5A !important;
}

.verysoftgrayBox{
    background-color: #F2F2F2 !important;
    color: #B4A8A8 !important;
}

.yellowBox{
    background-color: #FFD100 !important;
    color: #D6B009 !important;
}

.whiteBox{
    background-color: #ffffff !important;
    color: #F2F1E8 !important;
}

.softblueBox{
    background-color: #C1E1F4 !important;
    color: #95BED7 !important;
}

.hardblueBox{
    background-color: #27AAE1 !important;
    color: #1A6C90 !important;
}

.leadenBox{
    background-color: #778D9B !important;
    color: #414D55 !important;
}

.pinkBox{
    background-color: #cc00cc !important;
    color: #850985 !important;
}

.highlightBoxCell{
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;
}

.dashboard .highlightBoxCell .title{
    font-size: 14px;
    margin-left: 4px;
}

.reportTreeBar.ui-sidebar{
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    margin-top:50px;
    width:30em;
    height:90%;
    overflow-y:auto;
}

.widgetContainer.combinedContainer{
    padding:8px;
}

.widgetContainer.combinedContainer .widgetPanelContainer{
    background: white;
}
.widgetContainer.combinedContainer .widgetPanelContainer .widgetPanel{
    border-right: 1px solid #d5d5d5;
    border-radius: 0px;
    border-top:0px;
    border-left:0px;
    border-bottom:0px;
}

.widgetPanel.withTopMargin{
    margin-top: 15px;
}

.widgetContainer.noTopMargin .widgetPanel.withTopMargin{
    margin-top: 0px !important;
}

.wrapper .topbar #topbar-icons a span.topbar-item-text.inlineTextVisible{
    display: inline;
    margin-left:3px;
    font-size:18px;
}

.dashboardCommentListBox{
    background: none;
    display: flex;
    flex-direction:column;
    border: 1px solid transparent;
}

.dashboardCommentListBox ul{
    padding-top:0px !important;
    padding-left: 0px;
    padding-bottom: 0px !important;
    padding-right:0px !important;
}

.dashboardCommentListBoxItem{
    display: flow-root;
    min-height: 75px;
}

.dashboard .activity-list .ui-datalist-item.dashboardCommentListBoxItem{
    border-bottom: 1px solid #e3e3e3;
    padding: 10px 0 9px 9px;
}

.commentListBoxItemContainer .user-image{
    width:40px;
    display:table-cell;
    position:relative;
    margin:0 10px 0 0
}

.commentListBoxItemContainer .user-image-img{
    width:100%;
}

.commentListBoxItemContainer .comment-container{
    display: table-cell;
    padding-left: 15px;
    vertical-align: top;
}

.commentListBoxItemContainer .comment-container .comment-by-text{
    display: block;
    font-size: 13px;
    font-weight:bold;
}

.commentListBoxItemContainer .comment-container .comment-at-text{
    display: block;
    font-size: 1rem !important;
    color: #98a6ad;
}

.commentListBoxItemContainer .comment-container .commented-record{
    display: inline;
    font-weight:bold;
}

.commentListBoxItemContainer .comment-container .commented-record-owner{
    display: inline;
    padding-left:10px;
}

.commentListBoxItemContainer .comment-container .comment-details-out{
    margin-top:10px;
    overflow: hidden;
    max-height: 100px;
    height: 100%;
    width: 100%;
}

.commentListBoxItemContainer .comment-container .comment-details-in{
    overflow-y: auto;
    max-height: 100px;
    padding-right: 17px;
    height: 99%;
    width: 100%;
}

.commentListBoxItemContainer .comment-container .comment-details{
    font-size: 14px !important;
    display: block;
    line-height: 15px;
    color: #848a96 !important;
    font-weight:normal;
    text-overflow: ellipsis;
}

.commentListBoxItemContainer .comment-container .comment-details p{
    font-size: 14px !important;
    color: #848a96 !important;
    margin:0px;
    font-weight:normal;
}

.commentListBoxItemContainer .comment-container .comment-details strong{
    font-size: 14px !important;
    color: #848a96 !important;
    font-weight:normal;
}

.ui-fluid .ui-inputtext[size], .ui-fluid .ui-inputfield[size]{
    width: 100% !important;
}

.ui-autocomplete-token{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.ui-autocomplete-token-label{
    color: white !important;
}

.ui-autocomplete-input-token input[type="text"]{
    font-size:14px !important;
    font-family: "Roboto", "Helvetica Neue", sans-serif !important;
}

.noBackground .ql-editor{
    padding: 2px 1px !important;
    line-height: 1.1 !important;
}

.noBackground .ql-container.ql-snow{
    border: none !important;
}

.wrapText .ql-editor{
    border-top:1px solid var(--primary-lightest-color);
    padding-top:10px !important;
    padding-left:0px;
    font-size:1rem;
    overflow-wrap: anywhere;
    background: transparent !important;
}

.dataRecord-upperMenuBar.globalSearch .ui-menuitem-text{
    margin-top: 3px;
    font-size: 14px;
}

.wrapper .sidebar .settingsLeftMenuContainer ul li > ul{
    overflow-x:hidden;
}

.wrapper.settingsSidebar .sidebar ul li > a{
    padding:7px !important;
}

.wrapper.settingsSidebar .sidebar ul li > .transactionMenu{
    padding:5px !important;
}

.tabsOfSettingsPage{
    margin-bottom: 1rem;
}

.newReportTree .ui-treenode-label{
    max-width: 12rem;
}

.newReportTree ul{
    overflow:hidden !important;
}

.sidebar.reportsSidebar{
    width : 325px;
}

.wrapper.reportsSidebar.sidebar-inactive-l .sidebar{
    margin-left: -325px;
}

.wrapper.reportsSidebar.sidebar-inactive-l .topbar{
    left: 0px;
}

.topbar.reportsTopbar{
    left: 325px;
}

.wrapper.reportsSidebar.sidebar-inactive-l .main.reportsMain{
    margin-left: 0px;
}

.wrapper.reportsSidebar .main.reportsMain{
    margin-left: 325px;
}

.wrapper.reportsSidebar .footer {
    margin-left: 250px;
}

/* Responsive */
@media (min-width: 1025px) {
    .wrapper.reportsSidebar.sidebar-inactive-l .topbar {
        left: 0;
    }

    .wrapper.reportsSidebar.sidebar-inactive-l .main {
        margin-left: 0;
    }

    .wrapper.reportsSidebar.sidebar-inactive-l .sidebar {
        margin-left: -325px;
    }

    .wrapper.reportsSidebar.sidebar-inactive-l .footer {
        margin-left: 0;
    }
}

@media (max-width: 1024px) {

    .workplaceHeader{
        width: 100% !important;
    }

    .wrapper .topbar.reportsTopbar {
        left: 0;
    }
    .wrapper.reportsSidebar .main.reportsMain{
        margin-left: 0;
    }
    .wrapper .sidebar.reportsSidebar {
        margin-left: -325px;
        margin-top: 50px;
        width: 325px;
    }
    .wrapper.reportsSidebar .footer {
        margin-left: 0;
    }
    .wrapper.reportsSidebar.sidebar-active-m .sidebar {
        margin-left: 0;
    }
}
@media (max-width: 640px) {
    .wrapper .topbar.reportsTopbar {
        text-align: center;
    }
}

::placeholder {
    color: #bfbfbf;
}

#login-wrapper .ui-icon-bullet::before{
    content: none;
}

.logon-container{
    padding-top:160px;
}

@media (max-width:767px){
    .logon-container{
        padding-top:0px;
    }
}

.smartClickSchedule .fc-toolbar{
    padding:10px !important;
}

.ui-inputnumber.asOutputText .ui-inputtext{
    background: transparent none;
    border: 0px none;
    border-radius: 0px;
}


.ui-texteditor.formEditor .ui-editor-toolbar.ql-toolbar.ql-snow .ql-formats .ql-script,
.ui-texteditor.formEditor .ui-editor-toolbar.ql-toolbar.ql-snow .ql-formats .ql-strike,
.ui-texteditor.formEditor .ui-editor-toolbar.ql-toolbar.ql-snow .ql-formats .ql-list,
.ui-texteditor.formEditor .ui-editor-toolbar.ql-toolbar.ql-snow .ql-formats .ql-indent,
.ui-texteditor.formEditor .ui-editor-toolbar.ql-toolbar.ql-snow .ql-formats .ql-direction,
.ui-texteditor.formEditor .ui-editor-toolbar.ql-toolbar.ql-snow .ql-formats .ql-link,
.ui-texteditor.formEditor .ui-editor-toolbar.ql-toolbar.ql-snow .ql-formats .ql-image,
.ui-texteditor.formEditor .ui-editor-toolbar.ql-toolbar.ql-snow .ql-formats .ql-video,
.ui-texteditor.formEditor .ui-editor-toolbar.ql-toolbar.ql-snow .ql-formats .ql-clean,
.ui-texteditor.formEditor .ui-editor-toolbar.ql-toolbar.ql-snow .ql-formats .ql-header,
.ui-texteditor.formEditor .ui-editor-toolbar.ql-toolbar.ql-snow .ql-formats .ql-font.ql-picker,
.ui-texteditor.formEditor .ui-editor-toolbar.ql-toolbar.ql-snow .ql-formats .ql-align.ql-picker.ql-icon-picker,
.ui-texteditor.formEditor .ui-editor-toolbar.ql-toolbar.ql-snow .ql-formats .ql-blockquote,
.ui-texteditor.formEditor .ui-editor-toolbar.ql-toolbar.ql-snow .ql-formats .ql-code-block{
    display:none;
}

.ui-texteditor.formEditor.withoutToolbar .ui-editor-toolbar.ql-toolbar.ql-snow{
    display:none;
}

.ui-texteditor.formEditor.withoutToolbar .ql-container.ql-snow{
    border-top: 1px solid #ccc;
}

.smartClickForm .ui-tabs-panels .ui-tabs-panel.ui-widget-content{
    padding:0px !important;
}

.smartClickForm .ui-panel-content.ui-widget-content .ui-tabs.ui-widget.ui-widget-content{
    border:0px none !important;
    background: transparent !important;
}

.smartClickForm .ui-tabs-panels .ui-tabs-panel.ui-widget-content .ui-panel.ui-widget.ui-widget-content{
    width: 100% !important;
    border:0px none !important;
}

.smartClickForm .ui-tabs-panels .ui-tabs-panel.ui-widget-content .ui-panel.ui-widget.ui-widget-content .ui-panel-content.ui-widget-content{
    padding-left:0px !important;
    padding-right:5px !important;
    padding-bottom:2px !important;
}

.highInputNumber input{
    padding:6px;
}

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

.widgetPanelContainer .fc-event-container{
    max-height: 250px;
    overflow-y: scroll;
}

.layout-config-button {
    display: block;
    position: fixed;
    width: 52px;
    height: 52px;
    line-height: 52px;
    background-color: #fafafa;
    text-align: center;
    top: 230px;
    right: 0;
    z-index: 1000000;
    cursor: pointer;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-transition: background-color 0.15s;
    -o-transition: background-color 0.15s;
    -webkit-transition: background-color 0.15s;
    transition: background-color 0.15s;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14);
}

.layout-config-button i {
    font-size: 32px;
    color: #49688e;
    line-height: inherit;
    cursor: pointer;
}

.layout-config-button:hover i {
    color: #52749f;
}

.smartClickSplitButton .ui-splitbutton-menubutton.ui-button-icon-only{
    top: 2px;
}

.materialHierarchyDlg .ui-dialog-titlebar.ui-widget-header {
    width:98% !important;
}

.customerPane.hideNavBar .ui-tabs-nav{
    display:none;
}

.nopad.ui-dialog .ui-dialog-content{
    padding: 2px !important;
}

.ui-inputfield.ui-inputtext.highlightedInput2{
    height:28px !important;
    font-size:1.2em !important;
    color:red !important;
}

.transparrentInput > .ui-inputfield.ui-inputtext{
    background:transparent;
    border:0px;
}

.fullWidth{
    width: 100% !important;
}

.yellowLight{
    color: var(--yellow-200) !important;
}

.identityColorLight{
    color: var(--primary-dark-color) !important;
}

.identityColor{
    color: var(--primary-color);
    border-color: #0388e5 !important;
}

.criteriaPanel{
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    width:100%
}

.criteriaPanel .criteriaFieldBox{
    height:43px  !important;
    float: left !important;
    width: 150px !important;
    max-width: 150px !important;
    margin-right: 2px;
}

.criteriaFieldBox .ui-selectcheckboxmenu, .criteriaFieldBox .ui-selectonemenu, .criteriaFieldBox .ui-inputfield, .criteriaFieldBox .p-datepicker.ui-calendar, .criteriaFieldBox table {
    width:100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}

.criteriaFieldBox .ui-selectonemenu-label, .criteriaFieldBox label {
    width:75% !important;
    max-width: 75% !important;
    min-width: 75% !important;
}

.criteriaFieldBox .ui-selectcheckboxmenu-label-container{
    width:75% !important;
    max-width: 75% !important;
    min-width: 75% !important;
    overflow-x: hidden !important;
}

.criteriaFieldBox .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label{
    width:100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}

.workplaceHeader{
    width: 75%;
    background: transparent;
    overflow-x:hidden;
}

.workplaceCenterPanel .ui-panel-content{
    margin-top:-20px;
}

.customerPaneSearchCritPanel .ui-panel-content{
    margin-top:-20px;
}

.workplaceHeader label{
    font-size: 1.25rem !important;
}

.ui-input-filled .workplaceHeader .ui-selectonemenu{
    background: none !important;
}

.workplaceHeader .ui-selectonemenu{
    background: none !important;
    border:0px none;
}

.ui-input-filled .workplaceHeader .ui-inputfield{
    background: none !important;
}

.workplaceHeader .ui-inputfield{
    background: none !important;
    border:0px none;
}

.customerPaneTable.ui-datatable .ui-paginator.ui-paginator-top{
    border-top: 0px none;
}

.customerPane.ui-tabs .ui-tabs-nav li.ui-tabs-header{
    padding-right:1rem;
    padding-left:1rem;
}

.customerPane .workplaceMenu{
    border:0px;
    float:left;
    background: transparent;
    box-shadow: none !important;
}

.customerPane .ui-tabs-panel{
    min-height: 500px;
    width:100%;
    padding: 0px !important;
}

.customerPane .ui-tabs-panel.ui-widget-content{
    overflow-x:auto;
    padding-top:0px !important;
}

.customerPane .customerPaneTable .ui-datatable-header{
    padding:0px !important;
    border-bottom: none;
}
.customerPane .ui-datatable-header{
    padding:0px !important;
}

/*
.customerPane .customerPaneTable .ui-datatable-header .ui-button{
    height: 1.75rem;
}
*/

.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu.smartClickReportTree > li > ul{
    min-width:25rem;
}

.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu.smartClickReportTree > li > ul{
    min-width:25rem;
}

.smartClickReportTree .smartClickReportMenuItem{
    padding-left: 3.0rem important;
}

.smartClickReportTree .smartClickReportMenuItem .layout-menuitem-text{
    text-wrap: nowrap;
}

.smartClickReportMenuFolder > .layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li{
    margin-top: 0rem !important;
}

.smartClickReportMenuFolder > .smartClickReportMenuFolder > .layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li {
    margin-top: 2rem !important;
}

.layout-menu-wrapper .layout-menu-container .layout-menu.smartClickSettingsMenuTree li > ul{
    padding-right:0.1rem;
    padding-left:0.1rem;
}

.layout-menu-wrapper .layout-menu-container .layout-menu.smartClickSettingsMenuTree .layout-menuitem-text {
    white-space: nowrap;
}

.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu.smartClickSettingsMenuTree > li > ul{
    min-width:25rem;
}

.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu.smartClickSettingsMenuTree > li > ul{
    min-width:25rem;
}

.settingsMenuItem{
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
}

.settingInfoPanel .ui-panel-titlebar.ui-widget-header{
    padding-top: 0px;
    padding-bottom: 0px;
}

.userRecordMainPanel{
    position: relative;
    box-shadow: none !important;
    padding:0px !important;
    height: 100%;
}

.userRecordMainPanel .ui-panel-content.ui-widget-content{
    overflow: auto;
    width:100%;
}

.userRecordMainDataPanel{
    box-shadow:none !important;
    padding:0px !important;
}

.userRecordLogInfoPanel{
    box-shadow:none !important;
    padding:0px !important;
}

.smartClickUserRecordSideMenu{
    margin-bottom: 3rem !important;
}

@media (max-width: 640px){
    .userRecordMainPanel .ui-panel-content.ui-widget-content{
        padding:0px !important;
    }

    .user-record-main-panel{
        padding-right:0px !important;
        box-shadow:none !important;
    }

    .user-record-rowgroup-panel{
        box-shadow:none !important;
    }
    .user-record-row-panel{
        padding-left:10px !important;
        padding-right:10px !important;
    }
    .user-record-column-panel{

    }

    .user-record-cell-panel{
        padding-right:5px !important;
        padding-left:0px !important;
        padding-bottom:10px !important;
    }

    .user-record-right-panel{
        box-shadow:none !important;
        padding:0px !important;
    }
}

@media (min-width: 640px) and (max-width: 991px){
    .user-record-main-panel{
        padding-right:5px !important;
        box-shadow:none !important;
    }

    .user-record-rowgroup-panel{
        box-shadow:none !important;
    }

    .user-record-row-panel{
        padding-left:10px !important;
        padding-right:10px !important;
    }

    .user-record-column-panel{

    }

    .user-record-cell-panel{
        padding-right:15px !important;
        padding-left:15px !important;
        padding-bottom:10px !important;
    }

    .user-record-right-panel{
        box-shadow:none !important;
        padding:0px !important;
    }
}

@media (min-width: 992px){
    .user-record-main-panel{
        padding-right:5px !important;
        box-shadow:none !important;
    }

    .user-record-rowgroup-panel{
        box-shadow:none !important;
    }
    .user-record-row-panel{

    }
    .user-record-column-panel{

    }

    .user-record-cell-panel{
        padding-right:20px !important;
        padding-left:20px !important;
        padding-bottom:10px !important;
    }

    .user-record-right-panel{
        box-shadow:none !important;
        padding:0px !important;
    }
}

.taggedIcon.ui-tag .ui-tag-icon{
    margin-right: 0px !important;
}

.layout-menu.smartClickUserRecordSideMenu{
    overflow-y:auto;
}

.ql-container {
    font-size: 1.2rem !important;
}

.user-record-main-panel .smartClickForm.ui-panel .ui-panel-titlebar{
    padding-left: 0.5rem;
}

.user-record-main-panel .smartClickForm.ui-panel .ui-panel-titlebar .ui-panel-title{
    font-size:1.0rem;
    font-weight: 700;
}

body .ui-columntoggler{
    min-width:200px;
}


.noSortIndicator .ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s{
    display:none !important;
}

body .ui-datatable.noRowLines .ui-datatable-data > tr > td{
    border:none !important;
}

body .ui-datatable.noRowLines thead th{
    border:none !important;
}

body .ui-datatable.headersOnRightSide thead th{
    text-align:right !important;
}

.ui-tabs .ui-tabs-nav li{
    float:right!important;
}

.calculationSchema{
    padding-left:20px;
    padding-right:20px;
}

.calculationSchema .form-field-container{
    padding-bottom: 1px !important;
    min-height: auto !important;
}

.calculationSchemaSummary .ui-inputfield{
    padding: 0px !important;
}

body .matItemsSummary .currency.totalsRow.showAsOutputText .ui-inputfield{
    padding-top:0.75rem !important;
    padding-bottom:0.75rem !important;
}

body .matItemsSummary .currencyUnit.totalsRow.showAsOutputText.ui-inputfield{
    padding-top:0.75rem !important;
    padding-bottom:0.75rem !important;
}

body .matItemsSummary .currency.showAsOutputText .ui-inputfield{
    padding-top:0.1rem !important;
    padding-bottom:0.1rem !important;
    padding-left:2px !important;
    padding-right:2px !important;
    border:0px !important;
    background-image: inherit;
    background-color: transparent !important;
}

body .matItemsSummary .currencyUnit.showAsOutputText.ui-inputfield{
    padding-top:0.1rem !important;
    padding-bottom:0.1rem !important;
    padding-left:2px !important;
    padding-right:2px !important;
    border:0px !important;
    background-image: inherit;
    background-color: transparent !important;
}

body .currency.showAsOutputText .ui-inputfield{
    padding-top:0.1rem !important;
    padding-bottom:0.1rem !important;
    padding-left:2px !important;
    padding-right:2px !important;
    border:0px !important;
    background-image: inherit;
    background-color: transparent !important;
}

body .currencyUnit.showAsOutputText.ui-inputfield{
    padding-top:0.1rem !important;
    padding-bottom:0.1rem !important;
    padding-left:2px !important;
    padding-right:2px !important;
    border:0px !important;
    background-image: inherit;
    background-color: transparent !important;
}

body .showAsOutputText .ui-inputfield{
    padding-top:0.1rem !important;
    padding-bottom:0.1rem !important;
    padding-left:2px !important;
    padding-right:2px !important;
    border:0px !important;
    background-image: inherit;
    background-color: transparent !important;
}

body .showAsOutputText.ui-inputfield{
    padding-top:0.1rem !important;
    padding-bottom:0.1rem !important;
    padding-left:2px !important;
    padding-right:2px !important;
    border:0px !important;
    background-image: inherit;
    background-color: transparent !important;
}

body .showAsOutputText.borderedInputField .ui-inputfield{
    background-color: var(--surface-200) !important;
}

body .showAsOutputText.borderedInputField.ui-inputfield{
    background-color: var(--surface-200) !important;
}

.minWidth50, .minWidth50 .ui-inputfield, .minWidth50 .ui-inputnumber, .minWidth50 .ui-inputtext, .minWidth50 .ui-inputtext{
    min-width:50px;
}

.minWidth70, .minWidth70 .ui-inputfield, .minWidth70 .ui-inputnumber, .minWidth70 .ui-inputtext, .minWidth70 .ui-inputtext{
    min-width:70px;
}

.minWidth100, .minWidth100 .ui-inputfield, .minWidth100 .ui-inputnumber, .minWidth100 .ui-inputtext, .minWidth100 .ui-inputtext{
    min-width:100px;
}

.minWidth130, .minWidth130 .ui-inputfield, .minWidth130 .ui-inputnumber, .minWidth130 .ui-inputtext{
    min-width:130px;
}

.minWidth150, .minWidth150 .ui-inputfield, .minWidth150 .ui-inputnumber, .minWidth150 .ui-inputtext{
    min-width:150px;
}

.detailedMaterialTable .ui-inputfield, .detailedMaterialTable .ui-selectonemenu{
    /*background-image: none !important;*/
}

.ui-selectcheckboxmenu-label{
    white-space:nowrap;
}

.ui-datatable-tablewrapper > table{
    table-layout:auto;
}

.ui-datatable-even > td > table{
    table-layout:auto;
}

.ui-datatable-odd > td > table{
    table-layout:auto;
}

.hiddenFilterColumn .ui-column-customfilter{
    margin:0px !important;
}

.dashboardHome{
    margin-right: -0.5rem;
    margin-left: -0.5rem;
    margin-top: -0.5rem;
    width: auto !important;
}

.workplaceOuter{
    overflow:hidden !important;
    padding-left: 0px !important;
}

.widgetPanel .card{
    border:0px;
}

.widgetPanel .ui-menu.ui-menubar{
    padding: 0px !important;
}

body .overview-box .overview-status {
    font-weight: 500;
    border-radius: 2px;
    color: var(--body-bgcolor) !important;
}

.card.highlightBox{
    margin-bottom:5px !important;
}

.reportTreeOptions{
    width:350px;
}

.reportTreeOptions .ui-overlaypanel-content{
    padding:0px !important;
}


/*********** DEMO **********/

.pages-body {
    height: 100vh;
}
.pages-body .topbar {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    background-color: #1565C0;
    z-index: 100;
}
.pages-body .topbar .topbar-left img {
    height: 2rem;
}
.pages-body .topbar .ui-button.ui-button-flat.ui-button-plain {
    color: #ffffff;
}
.pages-body .pages-panel {
    text-align: center;
    z-index: 200;
}
.pages-body .pages-panel .pages-header {
    margin-top: -3rem;
    color: var(--primary-color-text);
    border: 1.5px solid var(--divider-color);
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
}
.pages-body .pages-panel .pages-header h2 {
    margin: 0;
}
.pages-body .pages-panel .pages-detail {
    color: var(--text-secondary-color);
}

.pages-body.login-page {
    background: url("../../resources/login/img/erm-bg05.jpg") 50% 0%;
    ;
    background-size: cover;
}
.pages-body.login-page .pages-panel .pages-header {
    background: #0097A7;
}
.pages-body.login-page .pages-panel .input-panel {
    width: 100%;
}
.pages-body.login-page .pages-panel .input-panel .ui-inputtext {
    width: 100%;
}
.pages-body.login-page .pages-panel .login-button > * {
    width: 100%;
}

.pages-body.error-page{
    background: url("../../images/error-bg.jpg");
    background-size: cover;
}

.pages-body.error-page .pages-panel .pages-header{
    background: #D81B60;
}

.pages-body .pages-panel .pages-header {
    margin-top: -3rem;
    color: var(--primary-color-text);
    border: 1.5px solid var(--divider-color);
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
}
.pages-body .pages-panel .pages-header h2 {
    margin: 0;
}
.pages-body .pages-panel .pages-detail {
    color: var(--text-secondary-color);
}

.pages-body .pages-panel.card > .card {
    background-color: var(--content-alt-bgcolor);
}

.disabledInput > input {
    background-image: none;
    background-color: #e3e3de !important;
    color: #a9a9a5 !important;
}

.user-record-row-panel{
    margin-bottom:10px;
    border-bottom:1px solid;
    /*border-left:1px solid;*/
    padding-top:20px;
    border-color: var(--surface-100);
}

.widgetPanelCell .boxContainer .card{
    margin-bottom: 0px;
}

.widgetContainer .widgetPanelContainer .boxReport .card{
    margin-bottom: 0px;
}

.widgetContainer .widgetPanelContainer .widgetPanel.card{
    /*margin-bottom: 1rem;*/
}

.dashboard .card{
    margin-bottom: 0px;
}

.dashboard .card {
    /*margin-top: 0px;*/
}

.infoLine{
    border-bottom: 1px solid var(--surface-200) !important;
}

.ui-chip.custom-chip {
    background: var(--primary-color);
    color: var(--primary-color-text);
}

.noBackgrounBadge.ui-badge{
    background-color: transparent !important;
    min-width: fit-content;
    line-height: inherit ;
    font-size: 10px;
    color: var(--primary-dark-color) !important;
}

.noBackgrounBadge.ui-badge.ui-badge-warning{
    background-color: transparent !important;
}

.layout-topbar #mainForm\:upperMenu{
    height:100%;
}

.catalog-grid-item .ui-card-header{
    text-align: center;
}

.catalog-grid-item .ui-card-title{
    text-align: center;
}

.catalog-grid-item .ui-card-subtitle{
    text-align: center;
}

.catalog-grid-item .ui-card-footer{
    display:flex;
}

.smartClickUserRecordSideMenu .ui-badge.ui-badge-no-gutter{
    padding:0 0.5rem;
    border-radius:5px;
}

body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token{
    background: var(--primary-300) !important;
}

.highpicklist td{
    width:30px;
}

.highpicklist .smartClickPickListItem{
    width:auto;
}

.imageFileDisplay img{
    height: 70px;
    width: auto;
}

.ui-galleria .ui-galleria-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.no-select {
    user-select: none;
}

.form-field-container.Pad1{
    min-height: 28px !important;
}

.form-field-container.Pad2{
    min-height: 30px !important;
}

.form-field-container.Pad3{
    min-height: 32px !important;
}

.form-field-container.Pad4{
    min-height: 34px !important;
}

.form-field-container.Pad5{
    min-height: 36px !important;
}

.ui-menu.ui-megamenu .ui-menu-child .ui-menu-list{
    width: 100% !important;
}

@media (max-width: 768px) {
    .hideWhenMobile {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .hideWhenTablet {
        display: none !important;
    }
}

.readonly-label {
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: rgba(255, 0, 0, 0.5);
    color: white;
    padding: 5px;
    z-index: 10;
}

.readonly-label-info {
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: rgba(200, 180, 100, 0.9);
    color: white;
    padding: 5px;
    z-index: 10;
}

@media screen and (max-width: 40em) {
    body .mainPanelPrime .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .mainPanelPrime .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .mainPanelPrime .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon {
        left:1.5rem !important;
    }
}

@media screen and (max-width: 40em) {
    .mainPanelPrime .ui-fileupload-buttonbar .ui-button {
        padding: .3em 0.5em .3em 0.7em;
    }
}

body .mainPanelPrime .ui-fileupload .ui-fileupload-buttonbar{
    padding: 1px !important;
}

body .mainPanelPrime .ui-fileupload .ui-fileupload-content{
    padding: 1px !important;
}

.custom-disabled-menu,
.custom-disabled-menu .ui-selectcheckboxmenu-label,
.custom-disabled-menu .ui-selectcheckboxmenu-trigger {
    opacity: 1 !important;
    color: #000 !important;
    pointer-events: none;
    cursor: default;
}

.custom-disabled-menu.ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield{
    padding: 0.25rem 0.25rem !important;
}

@media (max-width: 640px) {
    .form-field-container{
        min-height: 50px !important;
        overflow-x: hidden !important;
        padding-bottom: 3px;
    }

    .form-field-label.ui-g-12{
        padding-top:35px !important;
        padding-bottom:0px !important;
        color: var(--surface-600);
    }

    .datarecord-trncode{
        font-size: 1.4em !important;
        padding-left: 20px !important;
    }
}

@media (max-width: 480px) {
    .ui-button.responsive-btn .ui-button-text {
        visibility: hidden;
        max-width:20px;
    }

    .layout-breadcrumb-buttons .ui-button .ui-button-text {
        visibility: hidden;
        max-width:30px;
    }

    .layout-breadcrumb-buttons .ui-button {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .layout-breadcrumb-buttons .ui-button .ui-icon.ui-c{
        font-size: 1.2rem;
    }

    .currencyTypeOptions.ui-selectoneradio label{
        max-width: 70px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.layout-ajax-loader-icon_erm {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 10000;
    width: 50px;
    height: 50px;
    border: 8px solid var(--surface-500);
    border-top: 8px solid var(--primary-dark-color);
    border-radius: 50%;
    animation: spin 1.5s linear infinite;
}

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

.chat-container {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.chat-row {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    border-bottom: 1px solid #ddd;
}

.chat-title {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.chat-actions {
    display: flex;
    gap: 0.75rem;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.chat-row:hover .chat-actions {
    visibility: visible;
    opacity: 1;
}

.chat-icon-btn {
    background: none;
    border: none;
    color: #888;
    font-size: 1.1rem;
    cursor: pointer;
}

.chat-icon-btn:hover {
    color: #333;
}

.chat-message {
    margin: 5px;
    max-width: 80%;
    min-width: 51%;
    padding: 10px !important;
    border-radius: 10px;
    word-wrap: break-word;
}

.chat-message.leftBubble {
    background: var(--surface-200);
    color: var(--surface-600);
    float: left;
}

.chat-message.rightBubble {
    background: var(--surface-600);
    color: var(--surface-200);
    float: right;
}

.no-toggle-icon-panel .ui-panel-titlebar-icon {
    display: none !important;
}

.sticky-header-panel .ui-panel-titlebar {
    position: sticky;
    top: 0;
    z-index: 100;
    background: white;
}