/* make the page full size and allow scroll when md-chips open the dialog in mobile */
/* tg#8926 */
body{
  position: initial !important;
  top: 0 !important;
  overflow-x: initial;
}

label{
  margin-bottom: initial;
}

md-tab-content{
  transform: none;
  -webkit-transform: none;
}

.md-panel-outer-wrapper{
  z-index: 99999 !important;
}

.fa-1_5x{
  font-size: 1.5em;
}

.fa-2_5x{
  font-size: 2.5em;
}

/*logo*/
.logo_icon {
  width: 24px; 
  height: 24px;
}

/*main_menu*/
.main_menu {
  color: #99B2BF;
  background-color: #101828;
}

a:visited {
	color: #58666e;
}

.main_menu.lt,
.main_menu .lt {
  background-color: #263845;
}

.main_menu.lter,
.main_menu .lter {
  background-color: #314554;
}

.main_menu.dk,
.main_menu .dk {
  background-color: #131e26;
}

.main_menu.dker,
.main_menu .dker {
  background-color: #0a1015;
}

.main_menu.bg,
.main_menu .bg {
  background-color: #1c2b36;
}

.main_menu a {
  color: #96abbb;
}

.main_menu a:hover {
  color: #ffffff;
}

.main_menu a.list-group-item:hover,
.main_menu a.list-group-item:focus {
  background-color: inherit;
}

@media (min-width: 768px) {
  .main_menu .nav > li {
    padding: 8px !important;
  }
}

.main_menu .nav > li > a {
  color: #99B2BF;
}

@media (max-width: 767px) {
.navi ul.nav li a > span {
  position: relative;
  overflow: hidden;
  line-height: 40px;
  text-align: center;
}
}

.main_menu .nav > li > a:hover,
.main_menu .nav > li > a:focus {
  background-color: #101828;
  color: #FFFFFF;
}

.main_menu .nav .open > a {
  background-color: #131e26;
}

.main_menu .nav > li.active a > i {
  color: #101828;
  background-color: #FFFFFF;
  border-radius: 5px;
  height: 45px;
}

.main_menu .nav > li.active a > div > i {
  color: #101828;
  border-radius: 5px;
}

.main_menu .nav > li.active a > div > i:first-child {
  background-color: #FFFFFF;
}

@media (min-width: 768px) {
  .main_menu .nav > li a > i {
    line-height: 45px !important;
  }
}

.main_menu .caret {
  border-top-color: #7793a7;
  border-bottom-color: #7793a7;
}

.main_menu.navbar .nav > li.active > a {
  color: #ffffff;
  background-color: #131e26;
}

.main_menu .open > a,
.main_menu .open > a:hover,
.main_menu .open > a:focus {
  color: #ffffff;
}

.main_menu .text-muted {
  color: #5c798f !important;
}

.main_menu .text-lt {
  color: #c4d0d9 !important;
}

.main_menu.auto .list-group-item,
.main_menu .auto .list-group-item {
  background-color: transparent;
  border-color: #131e25 !important;
}

.main_menu.auto .list-group-item:hover,
.main_menu .auto .list-group-item:hover,
.main_menu.auto .list-group-item:focus,
.main_menu .auto .list-group-item:focus,
.main_menu.auto .list-group-item:active,
.main_menu .auto .list-group-item:active,
.main_menu.auto .list-group-item.active,
.main_menu .auto .list-group-item.active {
  background-color: #131e26 !important;
}

/*Users Chips (Used in choose team elements)*/
.UserChips md-content.autocomplete {
  min-height: 250px;
}
.UserChips .md-item-text.compact {
  padding-top: 8px;
  padding-bottom: 8px;
}
.UserChips .user-item {
  box-sizing: border-box;
}
.UserChips .user-item.selected {
  opacity: 0.5;
}
.UserChips .user-item.selected h3 {
  opacity: 0.5;
}
.UserChips .user-item .md-list-item-text {
  padding: 14px 0;
}
.UserChips .user-item .md-list-item-text h3 {
  margin: 0 !important;
  padding: 0;
  line-height: 1.2em !important; }
.UserChips .user-item .md-list-item-text h3, .UserChips .user-item .md-list-item-text p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
@media (min-width: 900px) {
  .UserChips .user-item {
    float: left;
    width: 33%;
  }
}
.UserChips md-user-chips {
  margin-bottom: 10px;
}
.UserChips .md-chips {
  padding: 5px 0 8px;
}
.UserChips .fixedRows {
  height: 250px;
  overflow: hidden;
}

/*Fix bootstrap img align (middle->top)*/
/*img {
    vertical-align: top;
}*/

/*Main KPI Menu*/
.mainkpimenu_label{
    font-size: 16px;
}


/*Main KPi toolbar icons*/
.mainkpitollbar_icons{
  color:#5F665F;
  padding-top:5px;
}

.mainkpi_button{
  margin: 0px;
  margin-top: 5px;
  width: 50px;
  min-width: 50px;
}

/*.md-ripple-container :hover{
  background-color: rgba(10,10,10,0.7);
}*/

/*highcharts icons fontawesome*/
svg text {
    font-family: "Material Icons";
    font-size: 15px;
}

/*production states color*/
.production_state_STA01{
  background-color: #ffffff;
}
.production_state_STA02{
  background-color: #90C3D4;
}
.production_state_STA03{
  background-color: #f2ff00;
}
.production_state_STA04{
  background-color: #f05050;
}
.production_state_STA05{
  background-color: #27c24c;
}

/* dropdown menu */
.md-select-menu-container{
  z-index: 9999 !important;
}

/* md select mantain style through focus */
md-select.md-default-theme:not([disabled]):focus .md-select-value, md-select:not([disabled]):focus .md-select-value {
  color: inherit !important;
}

/*material tab width fix*/
md-pagination-wrapper {
  width:auto !important;
}

/*SideNav angular material remove backdrop*/
.md-backdrop.md-opaque.md-default-theme, md-backdrop.md-opaque {
    background-color: transparent;
}
.md-sidenav-backdrop{
  display: none;
}

.gradient_right_panel{
   background: linear-gradient(to right, rgba(255,0,0,0), rgba(0,191,255,0.9));
}
/*records table area*/
table.md-table th.md-column.filter_headers {
  color:#000000;
}


/*Workitem Form*/
.workitem {
   width:80px;
   height: 42px;
}
/*States color scheme*/
.workitem.state{
  width:100px;
  height: 62px;
  font-size: 15px;
  font-family: 'PT Sans',Tahoma;
  border: 1px solid #ffffff;
}

.md-table.cell.button_space{
  padding: 0 0px 0 0px;
}
.table.state{
  width: 60px;
}

.table.state.production_state_STA01{
  color: #000000;
  background-color: orange;
  border-color: orange;
}

.table.state.production_state_STA02{
  color: #000000;
  background-color: #90C3D4;
  border-color: #90C3D4;
}

.table.state.production_state_STA03{
  color: #000000;
  background-color: #f2ff00;
  border-color: #f2ff00;
}

.table.state.production_state_STA04{
  color: #000000;
  background-color: #f05050;
  border-color: #f05050;
}

.table.state.production_state_STA05{
  color: #000000;
  background-color: #27c24c;
  border-color: #27c24c;
}

.table.state.production_state_STA06{
  color: #000000;
  background-color: #c1c1a4;
  border-color: #c1c1a4;
}

.conflict_warning{
  color: #ffffff;
  background-color: #f05050;
}

/*sort table data*/
.sortorder:after {
  position: absolute;
  content: '\25b2';
}
.sortorder.reverse:after {
  position: absolute;
  content: '\25bc';
}

/*Icons*/
.nav.fa{
  font-size: 25px
}

.pg-table-search-simple-input-mobile {
  margin: 0px !important;
}

/*inputs*/
.input_search{
  border: 1px solid #A8A8A8;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  vertical-align: middle;
  height: 40px;
  float: left;
}


.input_error{
  border-color: red !important;
}

.input_error p{
  color: red;
  text-align: center;
}

.input-label-error {
  color: red;
}

/*search*/
.markHighlight {
  font-weight: bold;
}

/*buttons*/
/*color active button*/
.buttons.active{
  background-color: #1ba1e2;
  color: white;
}
.buttons.div_space{
  position: relative;
  height: 50px;
  min-height: 50px;
}

.buttons_borderwhite{
    border: 1px solid #ffffff;
}

.buttons.records_space_option{
  min-width: 90px;
  width: 270px;
  position: absolute;
  right: 0;
  top: 0;
}

.buttons.records_space{
  min-width: 180px;
  width: 180px;
  position: absolute;
  right: 0;
  top: 0;
}

.button.record{
  display: inline-block;
  vertical-align: top;
  min-width:70px;
  min-height:40px;
  width: 70px;
  height: 40px;
  font-size: 14px;
  border-radius: 3px;
  position: relative;
  outline: 0;
  border: 0;
  padding: 0 6px;
  margin: 6px 8px;
  line-height: 36px;
  background: 0 0;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 25px;
  font-style: inherit;
  font-variant: inherit;
  font-family: inherit;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  padding-right: 0px;
}

.button.record.save{
  background-color: #1ba1e2;
  color: white;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

.button.record.save.disabled{
  background-color: rgba(0,0,0,0.38);
}

.button.record.add{
  background-color: #1ba1e2;
  color: white;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

.button.record.add.disabled{
  background-color: rgba(0,0,0,0.38);
}

.button.record.edit{
  background-color: #27c24c;
  color: white;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

.button.record.edit.disabled{
  background-color: rgba(0,0,0,0.38);
}

.button.record.delete{
  background-color: #f05050;
  color: white;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

.button.record.delete.disabled{
  background-color: rgba(0,0,0,0.38);
}

.button.record.cancel{
  background-color: #f05050;
  color: white;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

.button.record.archive{
  background-color: #ffad33;
  color: white;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

.button.record.stats{
  background-color: #1ba1e2;
  color: white;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}


.button.table{
  border-radius: 3px;
  position: relative;
  outline: 0;
  border: 0;
  padding: 0 6px;
  margin: 6px 8px;
  line-height: 36px;
  background: 0 0;
  white-space: nowrap;
  min-width:40px;
  min-height:40px;
  width: 50px;
  height: 40px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 25px;
  font-style: inherit;
  font-variant: inherit;
  font-family: inherit;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
}

.check_button{
  background-color: grey;
  color: white;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

.check_button.check{
  background-color: #27c24c;
  color: white;
}

.button.table {
  color: #536C7A;
}

.button.table.search{
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  margin-left: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  float: left;
}

.button.table.add{
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

.button.table.multisearch{
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

.button.table.kanban{
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

.button.table.edit{
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

.button.table.delete{
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

/*Print styles*/
/*A4*/
.document_page_a4_portrait, .document_page_a4_landscape, .document_page_a3_portrait, .document_page_a3_landscape{
  padding: 1cm;
  margin: 20px auto;
  border: 1px #CCC solid;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

/*document A4 portrait*/
.document_page_a4_portrait {
    width: 21cm;
    height: 29.7cm;
    overflow:visible;
}

/*document A4 landscape*/
.document_page_a4_landscape {
    width: 29.7cm;
    height: 21cm;
}

/*A3*/
.document_page_a3_portrait {
    width: 29.7cm;
    height: 42cm;
    overflow:visible;
}

/*document A4 landscape*/
.document_page_a3_landscape {
    width: 42cm;
    height: 29.7cm;
}

/*export preview*/
.preview-footer-doc{
  width:calc(100% - 10px);
  height:50px;
  background-color:#ffffff;
  display:table;
  margin-left:10px;
}

.preview-footer-element{
  width:33%;
  height:50px;
  display:inline-block;
  font-size:12px;
  color: #777777;
  float: left;
}

.preview-footer-span{
  vertical-align: middle;
  display:inline-block;
}

md-table-pagination > div.buttons > .label {
  font-size: 16px;
  color: #536C7A;
  font-weight: 400;
  text-shadow: none;
  padding: 0;
}

/*md-table-pagination: hide limite-select label */
md-table-pagination > div.limit-select >.label {
  display: none;
}

.md-toolbar-tools {
  font-size: 14px;
}

md-toolbar div.md-toolbar-tools h2.md-title {
  margin-top: 20px;
  margin-bottom: 10px;
}

table.md-table th.md-column.element_right:last-child {
  text-align: right;
  float: none;
}

/* pgtable mobile */
.md-toolbar-tools-mobile {
  display: flex;
  flex-wrap: wrap; /* Allows items to wrap onto the next line */
  align-items: center; /* Centers items vertically */
  justify-content: space-between; /* Space out your items */
  height: 100%;
  max-height: none;
  padding: 0 16px !important;
}

.md-toolbar-tools-mobile > * {
  order: 0;
}

.search-container-mobile {
  width: 100%; /* occupy the full width */
  order: 1; /* push it to the next line */
}

.search-container-input-mobile {
  width: calc(100% - 50px);
}

.pgtable-title-container-mobile{
  min-width: 10px;
}

/*Brand image Icon*/
.navbar-brand img {
  max-height: 30px;
}


/*Resource Pivot for Shift*/
.cog_button{
  min-width: 0px;
  min-height: 0px;
  width: 50px;
  height: 30px;
  margin: 0px 0px;
  line-height: 0px;
  font-size: 30px;
}

/*pivot header style*/
.webix_dd_drag_column, .webix_ss_header, .webix_ss_header TD, .webix_ss_vscroll_header {
  font-size: 15px;
  color: #4a4a4a;
  background: #d2e3ef;
}

.pivot_hover{
  background: #D9D9D2;
}

.pivot-shift-updated-cell{
  background-color: #BDBDAF;
  color:#ffffff;
}


.pivot-shift-selectectd-cell{
  background-color:#1ba1e2;
  color:#ffffff;
}

/*Shift Managemnt CSS*/
md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple {
  color: #0776B6;
}

.conflict {
  background-color: #f05050;
}

.rg-range-picker {
    max-width: 100%;
}

.rg-range-picker-slider {
  height: 100px;
}
.rg-range-picker .rg-range-picker-box {
  width: 100%;
  padding: 0;
  background-color: #ffffff;
  border-color: transparent;
}

.rg-range-picker-slider .rg-range-picker-slider-labels {
  margin-bottom: 25px;
}

.clean-slider {
  height: 60px;
}

.clean-slider .bar.full {
  height: 5px;
  background-color: #ff9933;
  top: 6px;
}

/*date picker time bar*/
.clean-slider .bar.selection {
  background-color: #1ba1e2;
  height: 5px;
  top: 6px;
}

.clean-slider .pointer.low:after {
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #1ba1e2;
  content: ' ';
  background-color: transparent;
  border-radius: 0%;
}

.clean-slider .pointer.high:after {
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #1ba1e2;
  content: ' ';
  background-color: transparent;
  border-radius: 0%;
}

.clean-slider .pointer.high {
  background-color: #1ba1e2;
  width: 0px;
  height: 0px;
  overflow: visible;
  border-radius: 0%;
  top: 4px;
  cursor: ew-resize;
}

.clean-slider .pointer.low {
  background-color: #1ba1e2;
  width: 0px;
  height: 0px;
  top: 16px;
  overflow: visible;
  border-radius: 0%;
  cursor: ew-resize;
}

.clean-slider .input.selection {
  top: -22px;
}

.clean-slider .input.low, .clean-slider .input.high {
  top: -22px;
}


/*KPI Panel*/
/* entire container, keeps perspective */
.flip-container {
  perspective: 1000;
}

/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
  transform: rotateY(180deg);
}

/* flip speed goes here */
.flipper {
  transition: 0.6s;
  transform-style: preserve-3d;

  position: relative;
}

/* hide back of pane during swap */
.front, .back {
  backface-visibility: hidden;

  position: absolute;
  top: 0;
  left: 0;
}

/* front pane, placed above back */
.front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
  transform: rotateY(180deg);
}

/* md-tab label */

.tab-label-icon{
  vertical-align: middle;
  display: inline-block;
}

.tab-label-text {
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  display: inline-block;
}

/* user profile professional */
.profile_tab_detail{
  margin: 4px 2px;
}

.row-conteiner{
  min-height: 75px;
}

.row-btn-group-container{
  min-height: 90px;
  margin-top: 18px;
  margin-bottom: 18px;
}

.profile-photo-conteiner{
  padding-top: 30px;
  padding-bottom: 30px;
}

.profile-input-container{
  width: 100%;
  height: 100%;
}

.profile-icons{
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: text-top;
}

.profile-factory-label, .profile-section-label, .profile-obs-label{
  padding-left: 34px;
  color: rgba(0,0,0,0.54);
  font-size: 8pt;
}

.profile-section-label, .profile-obs-label{
  padding-top: 20px;
}

.profile-factory-icon, .profile-section-icon{
  display: inline-block;
  height: 30px;
  width: 30px;
}

.profile-factory-items, .profile-section-items{
  display: inline-block;
  width: calc(100% - 40px);
  padding-left: 8px;
  border-bottom: 1px solid rgba(0,0,0,0.15);
}

.profile-factory-items .btn-group .btn, .profile-section-items .btn-group .btn{
  margin-bottom: 8px;
  margin-right: 8px;
  border-radius: 5px !important;
}

.profile-obs-textarea{
  height: 80px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 25px;
  resize: none;
}

.profile-select-label-jobtitle, .profile-select-label-role, .profile-select-label-supervisor{
  position: absolute;
  margin-top: -28px;
  color: rgba(0,0,0,0.54);
}

.profile-select-label-jobtitle{
  transform: translateY(10px) translateX(-2px) scale(0.75);
}

.profile-select-label-role{
  transform: translateY(10px) translateX(-11px) scale(0.75);
}

.profile-select-label-supervisor{
  transform: translateY(10px) translateX(-7px) scale(0.75);
}

.selected-button{
  color: white !important;
  background-color: #1ba1e2 !important;
}

.error-mgs-profile-professional-conteiner{
  padding-top: 10px;
  padding-bottom: 10px;
}

.profile-supervisor-icon-conteiner{
  display: inline-block;
  width: 35px;
}

.profile-supervisor-input-conteiner{
  display: inline-block;
  width: calc(100% - 39px);
  margin-top: -17px;
}

.profile-export-data-container-icon,
.profile-export-data-container-text {
  display: inline-block;
  float: left;
  height: 100%;
  position: relative;
}

.profile-export-data-container-icon {
  width: 36px;
}

.profile-export-data-container-text {
  width: calc(100% - 36px);
  color: #1ba1e2;
}

/* md-chips */
.md-chips{
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* pg-users-autocomplete */
pg-users-autocomplete .md-chips {
  min-height: 40px;
  padding: 0px;
  font-size: 14px;
}
pg-users-autocomplete .md-chips md-chip{
  padding: 0 25px 0 0px !important;
}

pg-users-autocomplete .md-chips md-chip .md-chip-content{
  overflow: inherit;
}

pg-users-autocomplete md-chips.chip-disabled .md-chips{
  box-shadow: none;
}

pg-users-autocomplete .md-contact-name{
  width: calc(100% - 32px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.pgUsersAutocomplete-avatar {
  display: inline-block;
  height: 32px;
  width: 32px;
  float: left;
  margin-right: 5px;
  border-radius: 50%;
}

pg-users-autocomplete .md-contact-avatar img{
  display: inline-block;
  height: 32px;
  width: 32px;
  float: left;
  border-radius: 50%;
}

/* md-chips remove bottom border */
pg-improvementaction-info md-chips.md-default-theme md-chip,
pg-improvementaction-info md-chips .md-chips,
md-table-container md-chips.md-default-theme md-chip,
md-table-container md-chips .md-chips{
  box-shadow: none !important;
  background-image: none !important;
  background-position: initial !important;
  background-size: initial !important;
  background-repeat: initial !important;
}

/* pg-table */
pg-table [md-table]>thead:not([md-table-progress])>tr>th,
pg-table [md-table]>tbody>tr>td,
table.md-table td.md-cell,
pg-table md-chips .md-chips{
  font-size: 14px;
  color: #536C7A;
}

pg-table md-chips md-autocomplete {
  font-size: 16px;
}

/*format chips text+background (Needs to set font color to all app)*/
md-chips.md-default-theme md-chip, md-chips md-chip {
  background: rgb(224,224,224);
  color: #58666e;
}

button, select, html, textarea, input{
  font-family: inherit;
}

/*md-table-element-right*/
.element_right{
  float: right;
}

/*******************************MD-switch***************************************/

/*The bar*/
md-switch .md-bar {
    background-color: #999999; /* set not selected bar color */
}

md-switch.md-checked .md-bar {
    background-color: #60A917; /* set selected bar color */
}

md-switch[disabled].md-checked .md-bar {
    background-color: #60A917; /* set disabled bar color */
}

md-switch[disabled] .md-bar {
    background-color: #999999; /* set disabled bar color */
}

/* The switch*/
md-switch .md-thumb {
    background-color: #555555; /* not selected switch color */
}

md-switch.md-checked .md-thumb {
    background-color: #338413; /* selected switch color */
}

md-switch[disabled].md-checked .md-thumb {
    background-color: #338413; /* disabled switch color */
}

md-switch[disabled] .md-thumb {
    background-color: #555555; /* disabled switch color */
}

/*Breadcrumb*/
.breadcrumb {
  margin-bottom: 0px;
  padding-top: 15px;
  padding-left: 0px;
  background-color: #ffffff;
}

.breadcrumb-homepage-link{
  display:block;
  line-height:0;
}

.breadcrumb a:hover{
  background-color: #ebebeb;
}

.breadcrumb i{
  display: block;
  position: relative;
  z-index: 99999;
  color: #58666e;
}

.breadcrumb .fa-2x{
  font-size: 1.5em;
}

.breadcrumb-home{
  background-color: white;
}
.breadcrumb-home:hover{
  background-color: #ebebeb;
}

/*first child of any parent li elements in breadcrumb element
.breadcrumb li:nth-child(1){
  vertical-align: bottom;
}
*/

.breadcrumb > li + li:before {
    color: #58666e;
    content: "\f013e";
    font-family: Material Design Icons;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding: 0 5px;
}

/* Breadcrumb reverse ellipsis */

.breadcrumb-nav-bar {
  width: calc(100% - 200px - 50px - 50px - 150px);
  white-space: nowrap;
  overflow: hidden;
  padding-top: 0;
}

.breadcrumb-nav-bar ol {
  float: right;
  min-width: 100%;
  margin-left: -1px;
}

.breadcrumb-nav-bar:after {
  content: "...";
  background-color: #FFFFFF;
  float: left;
  padding: 0 1px 0 2px;
  margin: -28px -2px;
  display: block;
}

.cursor_initial{
  cursor: initial;
}

.pg-table-mobile-td tr.md-row td.md-cell{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.md-table-pagination-mobile > div.buttons > .label {
  font-size: 15px !important;
}

.md-table-pagination-mobile>.buttons>.label+.md-button.md-icon-button {
  margin-left: 0px !important;
}

.md-table-pagination-mobile>.buttons {
  margin-left: 9px !important;
}

.md-table-pagination-mobile md-select {
  min-width: 40px;
}

.md-table-pagination-mobile {
  padding: 0 0;
}

/* angular material user autocomplete */
.md-chips .md-chip-input-container{
  width: 100%;
}

.md-contact-suggestion img{
  display: inline-block;
  margin-top: 0px;
  vertical-align: middle;;
}

.md-contact-suggestion .md-contact-name{
  display: inline-block;
  width: calc(100% - 40px);
  vertical-align: middle;
}

.md-contact-suggestion .md-contact-email{
  display: none;
}

/* comments dialogs*/
.comments-dialog-header-buttons-container{
  float: right;
  width: 90px;
}

.comments-dialog-header{
  height: 50px;
}

.comments-dialog-header-title{
  display: inline-block;
  height: 100%;
  width: calc(100% - 90px);
  font-size: 24px;
  margin: 0;
  margin-top: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.comments-dialog-list{
  position: relative;
  height: calc(100% - 50px);
  width:100%;
  overflow-y: auto;
}

/* pg-colorpicker */
.pgcolorpicker-preview {
  height: 30px;
  min-width: 30px;
}

.pgcolorpicker-preview > div {
  height: 100%;
  border-radius: 4px;
}

.pgcolorpicker-input{
  padding-left: 0px !important;
  padding-right: 0px !important;
  min-width: 28px;
}

.pgcolorpicker-icon{
  float: left;
}

/* vertical align center */
.vertical-align-center-container{
  position: relative;
  height: 100%;
  width: 100%;
}

.vertical-align-center-container .vertical-align-center-body{
  position: absolute;
  max-height: 100%;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.vertical-align-center-body-mobile-i {
  font-size: 25px;
}

.vertical-align-center-body-mobile-i,
.vertical-align-center-body-mobile-span {
  vertical-align: middle;
}

/*badge to number of actions, comments*/
.bg-info{
  background-color: #60A917;
  color: #FFFFFF;
}

/* default loading */
.default-loading-container{
  top:0;
  left:0;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgb(255,255,255);
  z-index: 1;
}

.default-button-save-loading-container{
  top: 8px;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.default-form-button-loading-container{
  top: 8px;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}

/* pgloading */
.pg-icon-spin:before {
  -webkit-animation: refresh 2s infinite linear;
  animation: refresh 2s infinite linear;
}
.pg-icon-pulse:before {
  -webkit-animation: refresh 1s infinite steps(32);
  animation: refresh 1s infinite steps(32);
}
@-webkit-keyframes refresh {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes refresh {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.pgloading-container{
  top:0;
  left:0;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(211,211,211,0.4);
  z-index: 100;
}

.white-loader .pgloading-container {
  background: white !important;
}

/* pg-confirmation-dialog */
.pgconfirmationdialog-dialog{
  height: 210px !important;
  width: 500px !important;
  min-height: 200px !important;
  min-width: 500px !important;
  border-radius: 10px;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 77px -8px rgba(0,0,0,0.25);
}

.pgconfirmationdialog-dialog-mobile{
  height: 230px !important;
  min-height: 210px !important;
  max-width: 90vw;
  border-radius: 10px;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 77px -8px rgba(0,0,0,0.25);
}

.pgconfirmationdialog-dialog-license-modules{
  height: 230px !important;
  width: 500px !important;
  min-height: 200px !important;
  min-width: 500px !important;
  border-radius: 10px;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 77px -8px rgba(0,0,0,0.25);
}

.pgconfirmationdialog-checkbox-dialog{
  height: 250px !important;
  width: 500px !important;
  min-height: 200px !important;
  min-width: 500px !important;
  border-radius: 10px;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 77px -8px rgba(0,0,0,0.25);
}

.pgconfirmationdialog-checkbox-dialog-mobile{
  height: 270px !important;
  min-height: 210px !important;
  max-width: 90vw;
  border-radius: 10px;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 77px -8px rgba(0,0,0,0.25);
}

/*confirmation dialog*/
.dialog-confirmation-header{
 height: 52px;
}

.dialog-confirmation-header-content{
  height: 28px;
}

.dialog-confirmation-body{
  height: calc(100% - 52px - 64px);
  overflow-y: auto;
}
.dialog-confirmation-body-checkbox-section{
  padding-top: 5px
}

.dialog-confirmation-footer{
  height: 64px;
  position: relative;
}

.dialog-confirmation-footer-left{
  position: absolute;
  bottom: 0;
  left: 0;
}

.dialog-confirmation-footer-right{
  position: absolute;
  bottom: 0;
  right: 0;
}

.dialog-confirmation-title{
  margin: 0;
}

.dialog-confirmation-body-text{
  margin: 0;
}

.dialog-confirmation-footer-button-yes, .dialog-confirmation-footer-button-no{
  width: 80px;
  color: white;
  font-size: 15px;
}

.dialog-confirmation-footer-button-yes{
  background-color: #999999 !important;
}

.dialog-confirmation-footer-button-no{
  background-color: #999999 !important;
}

.dialog-confirmation-footer-button-text{
  display: inline-block;
  width: 80%;
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: middle;
}

/* pg-comments-form */
.pgcommentsform-comments-container{
  height: 100%;
  width: 100%;
}

.pgcommentsform-comments-list{
  min-height: 200px;
  height: calc(100% - 200px);
  width: 100%;
  overflow: auto;
}

.pgcommentsform-comments-list-mention{
  height: calc(100% - 130px);
}

.pgcommentsform-comments-list-print{
  min-height: 200px;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.pgcommentsform-comments-list-comment{
  display: table;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
}

.pgcommentsform-comments-list-comment-user-photo,
.pgcommentsform-comments-list-comment-info,
.pgcommentsform-comments-list-comment-options{
  display: table-cell;
  padding-left: 5px;
  padding-right: 5px;
}

.pgcommentsform-comments-list-comment-user-photo{
  width: 50px;
  vertical-align: middle;
}

.pgcommentsform-comments-list-comment-info{
  width: calc(100% - 100px);
  font-size: 14px;
  vertical-align: middle;
}

.pgcommentsform-comments-list-comment-info-name{
  font-weight: bold;
  color: #58666e;
}

.pgcommentsform-comments-list-comment-info-mentions-container{
  color: #58666e;
  font-style: italic;
}

.pgcommentsform-comments-list-comment-info-date{
  color: #58666e;
}
.pgcommentsform-comments-list-comment-edited-tag{
  color: #58666e;
}

.pgcommentsform-comments-list-comment-info-text{
  display: block;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #58666e;
}

.pgcommentsform-comments-list-comment-info-text-textarea{
  padding: 0px !important;
  border: 0px !important;
  border-width: 0px !important;
  line-height: inherit !important;
  resize: none !important;
  z-index: 0;
}

.pgcommentsform-comments-list-comment-info-text-textarea ~ .md-errors-spacer{
  display: none;
  min-height: 0px;
  min-width: 0px;
}

.pgcommentsform-comments-list-comment-options{
  width: 50px;
  vertical-align: top;
  /*buttons inside made the required padding*/
  padding-left: 0px;
  padding-right: 0px;
}

.pgcommentsform-comments-list-comment-options-menu-content{
  min-width:0px;
  width:30px;
  padding: 0px;
}

.pgcommentsform-comments-list-comment-options-button-size{
  min-width:0px;
  width:30px !important;
  min-height:0px;
  height:35px !important;
}

.pgcommentsform-comments-list-comment-options-button{
  background-color:#ffffff;
  border-radius:0px;
  text-align:center !important;
  padding:0px !important;
  color:#536C7A;
}

.pgcommentsform-comments-list-comment-confirmation-dialog{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(left, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#ffffff',GradientType=1 );
}

.pgcommentsform-comments-list-comment-confirmation-dialog-text{
  display: inline-block;
  position: relative;
  height: 100%;
  width: calc(100% - 100px);
  float: left;
  text-align: right;
  font-weight: bold;
}

.pgcommentsform-comments-list-comment-confirmation-dialog-buttons{
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100px;
  float: left;
  text-align: center;
}

.pgcommentsform-comments-list-showlist{
  min-width: 650px;
  min-height: 175px;
}

.pgcommentsform-comments-form{
  display: block;
  height: 200px;
  width: 100%;
  border-top: 1px solid #C6C6C6;
}

.pgcommentsform-comments-list-form {
  display: block;
  height: 200px;
  width: 100%;
  border-top: 1px solid #C6C6C6;
  position: absolute;
  bottom: 30px;
  padding-right: 20px;
}

.pgcommentsform-comments-form-showlist{
  border-top: none !important;
}

.pgcommentsform-comments-form-mention{
  height: 130px;
}

.pgcommentsform-comments-form-content,
.pgcommentsform-comments-form-buttons{
  display: inline-block;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}

.pgcommentsform-comments-form-content{
  height: 100%;
  width: calc(100% - 100px);
}

.pgcommentsform-comments-form-buttons{
  height: 100%;
  width: 100px;
  text-align: center;
}

.pgcommentsform-comments-form-message{
  width: 100%;
  margin-top: 15px;
}

.pgcommentsform-comments-form-message-user-photo-container,
.pgcommentsform-comments-form-message-input-container{
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
}

.pgcommentsform-comments-form-message::before{
  display: table;
  content: ' ';
}

.pgcommentsform-comments-form-message::after{
  display: table;
  content: ' ';
  clear: both;
}

.pgcommentsform-comments-form-message-user-photo-container,
.pgcommentsform-comments-form-message-input-container{

}

.pgcommentsform-comments-form-message-user-photo-container{
  width: 50px;
}

.pgcommentsform-comments-form-message-input-container{
  width: calc(100% - 50px);
  overflow: auto;
}

.pgcommentsform-comments-form-message-input-textarea{
  margin-top: 5px !important;
  margin-bottom: 0px !important;
  font-size: 14px;
}

.pgcommentsform-comments-form-submit-button{
  min-width: inherit;
  width: 70px;
  height: 40px;
}

.pgcommentsform-comments-form-submit-button-icon{
  display: block;
  vertical-align: middle;
}

.pgcommentsform-comments-form-mention-container{
  width: 100%;
}

.pgcommentsform-comments-form-mention-container::before{
  display: table;
  content: ' ';
}

.pgcommentsform-comments-form-mention-container::after{
  display: table;
  content: ' ';
  clear: both;
}

.pgcommentsform-comments-form-mention-label{
  display: block;
  padding-left: 55px;
  padding-top: 10px;
  font-size: 14px;
  color: #1BA1E2;
}

.pgcommentsform-comments-form-mention-input-hidden{
  display: none;
}

.pgcommentsform-comments-form-mention-input-show{
  display: block;
}

.pgcommentsform-comments-form-mention-icon-container,
.pgcommentsform-comments-form-mention-users{
  float: left;
  padding: 5px;
  vertical-align: middle;
}

.pgcommentsform-comments-form-mention-icon-container{
  height: 50px;
  width: 50px;
  padding-top: 15px;
  color: #58666e;
  text-align: center;
}

.pgcommentsform-comments-form-mention-users{
  width: calc(100% - 50px);
}

.pgcommentsform-comments-form-mention-icon{
  font-size: 25px;
}

/* buttons*/
.button-icon-medium{
  font-size: 20px;
}

/*gridstack remove left and right margins*/
.grid-stack > .grid-stack-item > .grid-stack-item-content  {
  left: 6px !important;
  right: 6px !important;
}

/* progrow-menu-header */
@media (min-width: 768px) {
  .header-client-logo {
    height: 100%;
    max-width: 200px;
    padding: 10px 10px;
  }
  .header-client-logo img {
    height: 30px;
  }
  .progrow-menu-header-button{
    min-width: 50px;
    height: 50px;
    padding: 10px 13px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .progrow-menu-header-dropdown-menu-items-button{
    width: 46px !important;
    min-width: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    line-height: inherit;
    text-align: center !important;
    color: #58666e;
  }
  .progrow-menu-header-dropdown-menu{
    width: 50px !important;
  }
}

@media (max-width: 767px) {
  .header-client-logo {
    padding: 18px 0px !important;
    height: 86px !important;
    box-shadow: none !important;
    background-color: transparent !important;
    box-sizing: border-box;
  }
  .header-client-logo img {
    height: 50px !important;
  }
  .progrow-menu-header-dropdown-mobile {
    height: 60px !important;
    padding: 5px 0px !important;
    box-shadow: none !important;
    background-color: transparent !important;
    box-sizing: border-box;
  }  
  .dropdown-menu-item-border-mobile {
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
    margin-left: 20px;
    margin-right: 20px;
  }
  .progrow-menu-header-dropdown-menu-items-button{
    min-width: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    line-height: inherit;
    text-align: center !important;
    color: #58666e;
  }
  .dropdown-menu-add-options-divider {
    border-bottom: 1px solid #EAEDF2;
  }
}


.menu-dropdown-profile-button{
  display: flex !important;
  height: 50px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  flex-wrap: nowrap;
  align-items: center;
}

.menu-dropdown-profile-name{
  padding-right: 5px;
}

.menu-dropdown-profile-name-text{
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
}

.md-select-menu-container.md-table-select .md-text{
  font-size: 14px;
}

@media (min-width: 768px) {
  .menu-dropdown-profile-name-text{
    max-width: 140px;
  }
}

/* user photo */
.input-container-photo{
  display: flex;
  width: 100%;
  align-items: center;
}

.input-container-photo-text{
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.input-container-photo-image{
  height: 25px;
  width: 25px;
}

.photo-container-extra-small,
.photo-container-small,
.photo-container-medium,
.photo-container-large{
  display: inline-block;
}

.photo-container-extra-small{
  height: 34px;
  width: 34px;
}

.photo-container-small{
  height: 40px;
  width: 40px;
}

.photo-container-medium{
  height: 80px;
  width: 80px;
}

.photo-container-large{
  height: 120px;
  width: 120px;
}

.photo-container-photo{
  display: inline-block;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}

.photo-container-navbar-mobile{
  display: inline-block;
  height: 26px;
  width: 26px;
  border-radius: 50%;
}

/* pgtable */
.pgtable-title-container{
  flex:1;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 64px !important;
  margin: 0 !important;
}

.pgtable-simplesearch-container{
  width: 215px;
}

.pgtable-subscribe-container{
  height: 40px;
  width: 40px;
  margin-left: 15px;
  margin-right: 15px;
  text-align: center;
  color: #BDBDBD;
}

.pgtable-subscribe-active{
  color: #27AE60 !important;
}

.pgtable-multisearch-menu{
  position: fixed;
  height: calc(100vh - 60px);
  width: 351px;
  top: 60px;
  border-left: 1px solid rgba(0,0,0,0.12);
}

.pgtable-multisearch-menu-shopfloor-history{
  position: fixed;
  height: calc(100vh - 160px);
  width: 351px;
  top: 160px;
  border-left: 1px solid rgba(0,0,0,0.12);
}

.pgtable-multisearch-button-badge{
  position: absolute;
  top: 0;
  right: 0;
  background-color: #60A917;
  z-index: 3;
}

.pgtable-button-container{
  position: relative;
}

.pgtable-multisearch-menu-header{
  min-height: 45px;
  background-color: white !important;
  border-bottom: 1px solid rgba(0,0,0,0.12);
}

.pgtable-multisearch-menu-header-button-container{
  display: block;
  width: 100%;
}

.pgtable-multisearch-menu-header-button-close,
.pgtable-multisearch-menu-header-button-clean{
  color: #8D8D8D;
  min-width: 0px;
  height: 45px;
  width: 50px;
  line-height: 1.42857143;
  margin: 0px 0px 0px 0px;
  padding: 0;
}

.pgtable-multisearch-menu-header-button-close{
  float: left;
}

.pgtable-multisearch-menu-header-button-clean{
  float: right;
  margin-right: 15px;
}

.pgtable-multisearch-menu-container{
  /*45px (height of header) + 1px of border to separate heade from context*/
  height: calc(100% - 46px);
  padding-top: 15px;
  /*same size pgtable-multisearch-menu - 1 (border)*/
  width: 350px;
}

.pgtable-multisearch-menu-container-filter{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

.pgtable-inside-tab {
  margin: -4px 0px;
}

/* group type icon*/
.group-type-icon{
  font-size: 25px !important;
}

/* menu */
.menu-header{
  position: relative;
  display: block;
  height: 50px;
  width: 100%;
  padding: 10px;
  text-align: center;
  font-size: 20px;
  background-color: #FFFFFF;
}

.menu-header-button{
  position:absolute;
  height:100%;
  width:50px;
  top:0px;
  right: 10px;
}

.menu-body{
  display: block;
  height: 100%;
  width: 100%;
  overflow: auto;
}

.menu-body-configurationsmenu{
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
}

/* if the menu have header, apply this height */
.menu-header + .menu-body{
  height: calc(100% - 50px);
}

.menu-body-container{
  display: block;
  position: relative;
  width: 100%;
  padding: 20px;
}

.menu-body-item{
  display: block;
  width: 100%;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #FFFFFF;
}

.version-configurations{ 
  position: absolute;
  bottom: 0px;
  padding-left: 20px;
  padding-top: 20px;
}

/* progrow config menu colors*/
.menu-users{
  background-color: #FF0042;
}
.menu-targets{
  background-color: #8BAE28;
}
.menu-alerts{
  background-color: #34657F;
}
.menu-improvement{
  background-color: #6AAA96;
}
.menu-tasks{
  background-color: #9866B9;
}
.menu-kpis-and-reports{
  background-color: #EE7D1A;
}
.menu-shopfloor{
  background-color: #6AAA96;
}
.menu-kpis{
  background-color: #0776B6;
}
.menu-measurement-units{
  background-color: #009CFF;
}
.menu-group-types{
  background-color: #FF996F;
}
.menu-data-sources{
  background-color: #34657F;
}
.menu-views{
  background-color: #D8823B;
}
.menu-manual-registries{
  background-color: #8BAE28;
}
.menu-client-profile{
  background-color: #6070BF;
}
.menu-usage-report{
  background-color: #4F4F4F;
}
.menu-security{
  background-color: #B7312C;
}

.error-color {
  color: #FF4A2F;
}

.text-color {
  color: #4F4F4F;
}

/* pg-menu-item */
.pgmenuitem-menu-item{
  display: block;
  width: 100%;
}

.pgmenuitem-menu-item-header{
  display: block;
  height: 45px;
  width: 100%;
  background-color: #FFFFFF;
  line-height: 45px;
  border-radius: 10px;
}

.pgmenuitem-menu-item-header-options,
.pgmenuitem-menu-item-header-collapse{
  display: inline-block;
  float: left;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

.pgmenuitem-menu-item-header-options{
  width: calc(100% - 50px);
}

.pgmenuitem-menu-item-header-collapse{
  width: 50px;
  text-align: center;
}

.pgmenuitem-menu-item-header-options-icon{
  width: 50px;
  text-align: center;
}

.pgmenuitem-menu-item-header-options-icon,
.pgmenuitem-menu-item-header-options-title,
.pgmenuitem-menu-item-header-options-buttons{
  display: inline-block;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

.pgmenuitem-menu-item-header-options-buttons-mobile{
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  float: right;
}

.pgmenuitem-menu-item-header-options-title-span-mobile{
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.pgmenuitem-menu-item-header-options-icon,
.pgmenuitem-menu-item-header-options-title{
  float: left;
}

.pgmenuitem-menu-item-header-options-buttons{
  float: right;
}

.pgmenuitem-menu-item-header-options-buttons-button{
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  height: 100%;
}

.pgmenuitem-menu-item-header-options-buttons-button:hover{
  background-color: rgba(158,158,158,0.2);
}

.pgmenuitem-menu-item-header-options-buttons-button-icon{
  font-size: 25px;
  line-height: 45px;
}

.pgmenuitem-menu-item-header-options-buttons-button-text{
  vertical-align: middle;
}

.pgmenuitem-menu-item-body{
  display: block;
  width: 100%;
  margin-bottom: 15px;
  padding: 10px 20px 20px;
}

.pgmenuitem-menu-item-body-tile{
  display: block;
  height: 100%;
  width: 100%;
}

.angular-sortable-list {
	list-style: none outside none;
	padding: 0px;
  margin: 0px;
  margin-top: 15px;
}

.angular-sortable-item {
	width: 200px;
	padding: 5px 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
	border: 2px solid #000000;
	border-radius: 5px;
	background-color: #c1c1c1;
	font-size: 14px;
	text-align: center;
	cursor: move;
  font-weight: bold;
}

/* used in filter tree */
.no-icon{
  display: none !important;
}

.filterTree-checkbox-hide > i.jstree-checkbox{
  display: none !important;
}

/*form styling*/
.form-wrapper{
  padding: 24px;
}

.form-modal{
  border-radius: 10px;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 77px -8px rgba(0,0,0,0.25);
}

.form-header{
  height: 52px;
 }

.form-header-content{
  height: 28px !important;
}

.form-title{
  margin: 0 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #536C7A !important
}

.form-body, .form-body-no-footer{
  overflow-y: auto;
  overflow-x: hidden;
}

.form-body{
  height: calc(100% - 52px - 64px);
}

.form-body-no-footer{
  height: calc(100% - 52px);
}

.form-footer{
  height: 64px;
  position: relative;
}

.form-footer-left{
  position: absolute;
  bottom: 0;
  left: 0;
}

.form-footer-right{
  position: absolute;
  bottom: 0;
  right: 0;
}

.add-button {
  position: absolute;
  right: 0;
}

.form-all-container{
  height: 100%;
  width: 100%;
}

/* Generic dialog form */
.pg-form-dialog {
  width: 550px;
  min-height: 200px !important;
  min-width: 500px !important;
}

.pg-form-dialog-header {
  width: 100%;
  height: 50px;
}

.pg-form-dialog-header-title, .pg-form-dialog-header-buttons-container {
  display: inline-block;
  height: 100%;
  float: left;
}

@media (max-width: 767px){
  .pg-form-dialog-header-title {
    width: calc(100% - 75px) !important;
    font-size: 24px;
  }

  .pg-form-dialog-header-buttons-container {
    height: 100%;
    width: 75px !important;
  }
}

.pg-form-dialog-header-title {
  width: calc(100% - 175px);
  font-size: 24px;
}

.pg-form-dialog-header-buttons-container {
  height: 100%;
  width: 175px;
}

.pg-form-dialog-header-button {
  float: right;
}

.pg-form-dialog-noerr {
  height: 30px;
}

.pg-form-dialog-body {
  width: 100%;
  height: calc(100% - 50px);
}

.pg-form-dialog-body .row md-input-container {
  width: 100%;
}

.form-body .row md-input-container{
  width: 100%;
}

.pg-form-dialog-large {
  width: 90vw;
  max-width: 90vw;
  min-height: 60vh;
  max-height: 100vh;
  height: 80vh;
}

.pg-form-dialog-add-button{
  display: inline-block;
  border-radius: 0;
  margin: auto 0;
  font-size: 15px;
  text-transform: none;
  font-weight: 400;
  height: 100%;
  color: #5F665F;
  min-width: 40px !important;
  line-height: 0px;
}


.pg-soft-disable {
  color: #bdbdbd !important;
  opacity: 1 !important;
}
.pg-soft-disable input{
  color: #bdbdbd !important;
  opacity: 1 !important;
}

/* jsoneditor div inside pg-form-dialog */

div.row-jsoneditors {
  height: calc(100% - 30px);
}

div.row-jsoneditors > div, div.row-jsoneditors div[ng-jsoneditor] {
  font-family: droid sans mono, consolas, monospace, courier new, courier, sans-serif !important;
  height: 100%;
}

/*Menu of group types config Dialog*/
/* menu group type form */
.menu-grouptype-form-dialog{
  width: 550px;
  height: 600px;
}

.menu-grouptype-form-dialog-header{
  width: 100%;
  height: 50px;
}

.menu-grouptype-form-dialog-header-title, .menu-grouptype-form-dialog-header-buttons-container{
  display: inline-block;
  height: 100%;
  float: left;
}

.menu-grouptype-form-dialog-header-title{
  width: calc(100% - 175px);
  font-size: 24px;
}

.menu-grouptype-form-dialog-header-buttons-container{
  width: 175px;
}

.menu-grouptype-form-dialog-header-button{
  float: right;
}

.menu-grouptype-form-dialog-body{
  width: 100%;
  height: calc(100% - 50px);
}

/* group type areas form */
.grouptype-areas-form-dialog{
  width: 550px;
  height: 500px;
}

.grouptype-areas-form-dialog-header{
  width: 100%;
  height: 50px;
}

.grouptype-areas-form-dialog-header-title, .grouptype-areas-form-dialog-header-buttons-container{
  display: inline-block;
  height: 100%;
  float: left;
}

@media (max-width: 767px){
  .grouptype-areas-form-dialog-header-title{
    width: calc(100% - 75px) !important;
    font-size: 24px;
  }

  .grouptype-areas-form-dialog-header-buttons-container{
    width: 75px !important;
  }
}

.grouptype-areas-form-dialog-header-title{
  width: calc(100% - 175px);
  font-size: 24px;
}

.grouptype-areas-form-dialog-header-buttons-container{
  width: 175px;
}

.grouptype-areas-form-dialog-header-button{
  float: right;
}

.grouptype-areas-form-dialog-body{
  width: 100%;
  height: calc(100% - 50px);
}

.grouptype-areas-form-dialog-body-dimension-selector{
  height: 70px;
}

.grouptype-areas-form-dialog-body-dimension-viewer{
  overflow: auto;
  height: calc(100% - 70px);
}

.input-icons i {
  position: absolute;
}

.input-icons {
  width: 100%;
}
.icon {
  padding: 5px 0px;
  min-width: 40px;
  color:#ccc;
}

.input-field {
  width: 100%;
  padding: 5px 30px 5px 30px;
}

.password-field {
  width:93%; 
  display: inline;
}

/* Login page */
@media (min-width: 767px){
  .login-page-width{
    width: 500px;
  }
}

.login-logo-wrapper{
  margin-top: 48px;
  padding-bottom: 24px;
}

.login-container {
  margin-bottom: 24px;
}

.login-button{
  position: relative;
  height: 45px;
}

.login-form-input-wrapper{
  margin-bottom: 10px;
}

.login-form-header{
  margin: 10px 0 25px 0;
}


.login-form-button{

}
.login-form-checkbox{
  margin-bottom:0px;font-size: 14px
}


.login-loading{
  position: absolute;
  right: 12px;
  top: 10px;
}

.login-form-card{
  Background-color: #FFFFFF;
  box-shadow: 0px 4px 35px -20px #34657F;
  border-radius: 25px;
}

#browserCompatWarning {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 15px;
  /*color: #fff;*/
  text-align: center;
  background-color: #fff;
  padding: 10px;
  margin: 0;
  border-top: 2px solid #3498db;
  z-index: 999999999;
}

#browserCompatWarning a {
  float: right;
  margin-right: 20px;
}

/* progrow page titles */
.title-font-size{
  font-size: 24px;
}

/*datepicker*/
.datepicker-forbidden-dates{
  background-color: #e5e5e5;
  color: grey;
}


/* pgnotificationslist*/
.pgnotificationslist-unread-items{
  position: absolute;
  height: 18px;
  width: 18px;
  bottom: 7px;
  right: 7px;
  border-radius: 10px;
  color: #FFFFFF;
  background-color: #60A917;
  text-align: center;
  cursor: pointer;
  user-select: none;
  pointer-events: none;
}

@media (max-width: 767px) {
  .pgnotificationslist-unread-items {
    left: 10px;
  }
}

.pgnotificationslist-container{
  width: 500px;
  line-height: 1.42857143;
}

.pgnotificationslist-container > md-toolbar{
  height: 35px;
  min-height: 35px;
  color: #58666e !important;
  font-size: 14px;
}

.pgnotificationslist-container > md-toolbar .md-toolbar-tools {
  height: 35px !important;
  min-height: 35px !important;
  max-height: 35px !important;
}

.pgnotificationslist-container > md-table-pagination > div{
  min-height: 34px;
  height: 34px;
}

.pgnotificationslist-header-text,
.pgnotificationslist-header-button{
  display: inline-block;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

.pgnotificationslist-header-button{
  width: 50px;
  text-align: center;
  font-size: 14px;
  float: right;
}


.pgnotificationslist-header-text{
  float: left;
  width: calc(100% - 100px);
  font-size: 17px;
}

/* pgnotificationitem */
.pgnotificationitem-container{
  height: 63px;
  /* the width of the notification list container minus the padding of the directive md-table-container */
  /* needed for text overflow*/
  width: calc(500px - 52px);
}

.pgnotificationpopup-message{
  width: 100%;
}

.pgnotificationitem-subject,
.pgnotificationitem-message,
.pgnotificationitem-read{
  display: inline-block;
  height: 100%;
  float: left;
  padding-top: 8px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

.pgnotificationitem-subject{
  width: 50px;
}

.pgnotificationitem-message{
  width: calc(100% - 80px);
}

.pgnotificationitem-read{
  width: 30px;
  text-align: center;
}

.pgnotificationitem-subject-photo{
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

.pgnotificationitem-message-header,
.pgnotificationitem-message-text{
  width: 100%;
}

.pgnotificationitem-message-text-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.pgnotificationitem-message-header{
  height: 18px;
}

.pgnotificationitem-message-text{
  height: calc(100% - 18px);
  overflow: hidden;
  color: #58666e;
  font-size: 13px;
}

.pgnotificationitem-message-header-title,
.pgnotificationitem-message-header-info{
  display: inline-block;
  height: 100%;
  float: left;
}

.pgnotificationitem-message-header-info{
  width: 95px;
  padding-left: 5px;
  text-align: right;
}

.pgnotificationitem-message-header-title{
  width: calc(100% - 105px);
  padding-right: 5px;
  color: #1BA1E2;
  text-align: left;
}

.pgnotificationitem-message-header-title-text{
  width:100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 13px;
}

.pgnotificationitem-message-header-info-date{
  width: 100px;
  color: #58666e;
  font-size: 13px;
}

.pgnotificationitem-read-ball{
  display: block;
  height: 10px;
  width: 10px;
  margin: 0 auto;
  border-radius: 50px;
  background-color: #60A917;
}

.pgnotification-table-cell{
  border-top: 0px !important;
}

@media (max-width: 767px) {
  .pgnotification-table-cell{
    padding: 0 0 !important;
  }
}

pg-notification-item>.pgnotificationitem-container{
  border-top: 1px solid #EAEDF2;
}

/* pgnotificationpopup */
pg-notification-popup growl-notifications{
  position: fixed;
  display: block;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
}

pg-notification-popup growl-notifications growl-notification{
  display: block;
  height: 80px;
  width: 400px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  color: white;
}

@media (max-width: 445px) {
  pg-notification-popup growl-notifications{
    width: 100%;
    right: 0px !important;
  }
}

growl-notification.fading.ng-move{
  opacity: 0;
  -webkit-transition: 1s linear all; /* Safari/Chrome */
  transition: 1s linear all; /* All other modern browsers and IE10+ */
}

growl-notification.fading.ng-move.ng-move-active {
  opacity: 1;
}
growl-notification.fading.ng-leave {
  opacity: 1;
  -webkit-transition: 1s linear all; /* Safari/Chrome */
  transition: 1s linear all; /* All other modern browsers and IE10+ */
}

growl-notification.fading.ng-leave.ng-leave-active {
  opacity: 0;
}

.pgnotificationpopup-message{
  padding-top: 10px;
  padding-bottom: 10px;
}

.pgnotificationpopup-message .pgnotificationitem-message-text{
  color: white;
}

.pgnotificationpopup-message .pgnotificationitem-message-header-info-date{
  color: white;
}

.pgnotificationpopup-message .pgnotificationitem-message-header-title{
  color: white;
  width:100%;
}

.pgnotificationpopup-container{
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  background-color: #536C7A;
  box-shadow: 0px 4px 15px -4px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  padding-left: 10px;
  padding-bottom: 5px;
}


.pgnotificationpopup-icon,
.pgnotificationpopup-message{
  display: inline-block;
  height: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.pgnotificationpopup-icon{
  width: 30px;
}

.pgnotificationpopup-message{
  width: calc(100% - 80px);
}

.pgnotificationpopup-message-title{
  height: 35px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 5px;
}

.pgnotificationpopup-message-text{
  height: calc(100% - 35px);
  width: 100%;
  padding-top: 5px;
  padding-bottom: 10px;
}

/* user notification form*/
.user-notification-form{
  display: block;
  height: 100%;
  width: 100%;
}

.user-notification-form-container{
  display: block;
  height: 100%;
  width: 100%;
}

.user-notification-form-header{
  height: 50px;
  width: 100%;
}

.user-notification-form-header-buttons{
  width: 90px;
  display: inline-block;
  height: 100%;
  float: right;
}

.user-notifications-form-channel-icon,
.user-notifications-form-channel-text{
  display: inline-block;
  vertical-align: middle;
}

.user-notifications-form-feature-icon,
.user-notifications-form-feature-text{
  display: inline-block;
  vertical-align: middle;
}

.user-notifications-form-feature-icon{
  width: 30px;
}

.user-notifications-form-feature-text{
  width: calc(100% - 35px);
}

.user-notifications-form-feature-text-title{
  margin-top: 5px;
  margin-bottom: 5px;
}

/*md checkbox background color*/
md-checkbox.md-checked .md-icon{
  background-color: #0776B6;
}

/* pgfilterheadermanager */
.pgfilterheadermanager-container{
  display: block;
  width: 100%;
}

/* pgfilterheader */
.pgfilterheader-wrapper{
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pgfilterheader-container{
  height: 40px;
  width: 100%;
}

.pgfilterheader-name-container{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pgfilterheader-name,
.pgfilterheader-name-icon,
.pgfilterheader-icon,
.pgfilterheader-buttons{
  display: inline-block;
  height: 100%;
  float: left;
}

.pgfilterheader-name{
  width: calc(100% - 50px);
}

.pgfilterheader-name-icon{
  width: calc(100% - 90px);
}

.pgfilterheader-icon{
  width: 40px;
  text-align: center;
}

.pgfilterheader-filters-selected{
  font-weight: bold !important;
}

.pgfilterheader-buttons{
  width: 50px;
}

.pgfilterheader-buttons-expand{
  min-width: 0px;
  height: 100%;
  width: 100%;
  line-height: 1.42857143;
  margin: 0px 0px 0px 0px;
  color: #8D8D8D;
  padding: 0;
}


@-webkit-keyframes closeFilter {
  0%   {max-height: 600px;}
  100% {max-height: 0px;}
}

@keyframes closeFilter {
  0%   {max-height: 600px;}
  100% {max-height: 0px;}
}

@-webkit-keyframes openFilter {
  0%   {max-height: 0px;}
  100% {max-height: 600px;}
}

/* Standard syntax */
@keyframes openFilter {
  0%   {max-height: 0px;}
  100% {max-height: 600px;}
}

.pgfilterheader-body-open{
  overflow: hidden;
  animation-name: openFilter;
  animation-duration: 0.6s;
  animation-timing-function: ease-in;
}

.pgfilterheader-body-close{
  overflow: hidden;
  animation-name: closeFilter;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

/* pgfilterbody */
.pgfilterbody-container{
  height: 100%;
  width: 100%;
}

.pgfilterbody-search,
.pgfilterbody-filter{
  display: block;
  width: 100%;
}

.pgfilterbody-search:before{
  content: ' ';
  display: table;
}

.pgfilterbody-search:after{
  content: ' ';
  display: table;
  clear: both;
}

.pgfilterbody-search-input,
.pgfilterbody-search-clean-filters{
  display: inline-block;
  float: left;
}

.pgfilterbody-search-input{
  width: calc(100% - 50px);
}

.pgfilterbody-search-clean-filters{
  width: 50px;
  text-align: center;
}

.pgfilterbody-search-input md-input-container{
  margin: 0px !important;
  margin-bottom: 15px !important;
}

.pgfilterbody-search-input md-input-container .md-errors-spacer{
  min-height: 5px !important;
}

.pgfilterbody-search-clean-filters-button{
  min-width: 0px;
  height: 30px;
  width: 30px;
  padding: 0;
  margin: 0px 0px 0px 0px;
  color: #8D8D8D;
  line-height: 1.42857143;
}

.pgfilterbody-filter-value{
  display: block;
  width: 100%;
}

.pgfilterbody-filter-value-text{
  font-size: 13px;
  vertical-align: middle;
}

.pgfilterbody-filter-value-text-no-results{
  font-style: italic;
}

.pgfilterbody-filter-value-checkbox{
  margin-top: 0px !important;
  margin-left: 5px !important;
  vertical-align: middle;
}

.pgfilterbody-filter-value-checkbox:hover{
  cursor: pointer;
}

.pgfilterbody-filter-loading{
  position: relative;
  height: 40px;
  width: 100%;
}

/* page header */
.default-page-header{
  height: 50px;
  width: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 8px 5px -6px rgba(0, 0, 0, 0.2);
  z-index: 50;
}

/* page body */
.default-page-body{
  /*tg#10401*/
  /*tg#10467 106 instead of 105 (50+50+5) to avoid scroll in chrome in some monitors*/
  height: calc(100vh - 106px);
  width: 100%;
  margin-top: 5px;
  overflow: auto;
}

.default-page-button{
  min-width: 0px !important;
  height: 50px !important;
  width: 50px !important;
  margin: 0px !important;
  line-height: initial !important;
  text-align: center !important;
}

.subpage-header-title-container,
.subpage-header-buttons-container-left,
.subpage-header-buttons-container-right {
  display: inline-block;
  height: 100%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

.subpage-header-title-container {
  width: calc(100% - 530px * 2);
  text-align: center;
}

@media (min-width: 768px) {
  .subpage-header-buttons-container-left,
  .subpage-header-buttons-container-right {
    width: 530px;
  }
}

@media (max-width: 1200px) {
  .subpage-header-buttons-container-left,
  .subpage-header-buttons-container-right {
    width: 330px;
  }

  .subpage-header-title-container {
    width: calc(100% - 330px * 2);
    text-align: center;
  }
}

@media (max-width: 767px) {
  .subpage-header-title-container {
    width: calc(100% - 180px);
    text-align: left;
  }
  .subpage-header-buttons-container-right {
    width: 180px;
  }
}

/*used in shopfloor header bar to hide the left area on smaller widths*/
@media (max-width: 860px){
  .subpage-header-buttons-container-left {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 860px){
  .subpage-header-title-container{
    width: calc(100% - 330px);
    text-align: left;
  }
}

.subpage-header-title-text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.subpage-header-button {
  display: inline-block !important;
  min-height: auto !important;
  min-width: auto !important;
  height: 100% !important;
  width: 50px !important;
  margin: 0px !important;
  padding: 0px !important;
  float: left;
  line-height: initial !important;
  text-align: center !important;
  color: #58666e !important;
}

.subpage-header-button-right{
  float: right;
}



/* default angular material side nav menu */
.default-md-sidenav{
  position: fixed;
  height: calc(100% - 50px);
  width: 400px;
  top: 50px;
}

/* default angular material side nav content button */
.default-sidenav-button{
  font-size: 14px;
  font-weight: 600;
  color: #536C7A !important;
  min-width: 0px !important;
  min-height: 0px !important;
  max-width: 100%;
  height: 45px !important;
  margin: 0px !important;
  text-align: left !important;
  line-height: inherit !important;
  -webkit-transition: none;
  transition: none;
}

.default-sidenav-button-selected{
  background-color: #EAEDF2 !important;
}

.sidenav-perspective{
  font-size: 14px;
  font-weight: 400;
  color: #0776B6 !important;
  background-color: #FFFFFF !important;
  text-transform: none;
  min-width: 0px !important;
  min-height: 0px !important;
  max-width: 100%;
  height: 40px !important;
  margin: 0px !important;
  text-align: left !important;
  line-height: inherit !important;
  -webkit-transition: none;
  transition: none;
}

/* pgdurationpicker */
.pgdurationpicker-durationpicker {
    display: inline-block;
    background: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.pgdurationpicker-durationpicker .pgdurationpicker-increase,
.pgdurationpicker-durationpicker .pgdurationpicker-decrease{
    text-align: center;
    vertical-align: middle;
    color: rgb(112, 112, 112);
    text-shadow: 0px 1px #FFF;
    cursor: pointer;
    -webkit-transition: 500ms ease-out all;
    -moz-transition: 500ms ease-out all;
    -ms-transition: 500ms ease-out all;
    -o-transition: 500ms ease-out all;
    transition: 500ms ease-out all;
    font-size: 100%;
    padding: 3px;
    margin: 3px;
    border: 0px;
}

.pgdurationpicker-durationpicker .pgdurationpicker-increase:hover,
.pgdurationpicker-durationpicker .pgdurationpicker-decrease:hover{
    color: rgba(112, 112, 112, 0.5);
    border-color: #CCC;
    background-color: #FFF;
}

.pgdurationpicker-durationpicker .pgdurationpicker-increase:active,
.pgdurationpicker-durationpicker .pgdurationpicker-decrease:active{
    color: rgb(112, 112, 112);
    box-shadow: inset 1px 1px 1px #DDD;
}

.pgdurationpicker-durationpicker .pgdurationpicker-increase .icon,
.pgdurationpicker-durationpicker .pgdurationpicker-decrease .icon{
  color: #58666e;
  font-weight: bold;
}

.pgdurationpicker-durationpicker .pgdurationpicker-section{
    display: inline-block;
    vertical-align: middle;
}

.pgdurationpicker-durationpicker .pgdurationpicker-separator{
  font-weight: bold;
}

.pgdurationpicker-durationpicker .pgdurationpicker-display{
    color: #555555;
    padding: 5px;
    margin: 0px 3px;
    min-width: 30px;
    text-align: center;
    border: 1px solid #DDD;
    box-shadow: 1px 1px 1px #FFFFFF;
}

.pgdurationpicker-durationpicker .pgdurationpicker-display .pgdurationpicker-display-input{
  width: 40px;
  border: 0px;
  text-align: center;
}

/*icon picker*/
.icon-picker-search-width {
  width: 85%;
}

.icon-picker-readonly-input{
  background-color: transparent !important;
}

/* default dropdown menu */
.md-open-menu-container{
  z-index: 9999 !important;
}

/* default md-menu */
.default-dropdown-menu-button{
  min-width: 0px !important;
  height: 50px !important;
  width: 50px !important;
  margin: 0px !important;
  line-height: initial !important;
  text-align: center !important;
}

.default-dropdown-menu-items-container{
  min-width: 0px !important;
  padding: 0px !important;
}

.default-dropdown-menu-items-button{
  min-width: 0px !important;
  width: 40px !important;
  padding: 0px !important;
  margin: 0px !important;
  line-height: inherit;
  text-align: center !important;
  color: #58666e;
}

.default-small-dropdown-menu-button{
  min-width: 0px !important;
  height: 30px !important;
  width: 40px !important;
  margin: 0px !important;
  line-height: initial !important;
  text-align: center !important;
}

.default-small-dropdown-menu-items-container{
  min-width: 0px !important;
  padding: 0px !important;
}

.default-small-dropdown-menu-items-button{
  min-width: 0px !important;
  width: 30px !important;
  padding: 0px !important;
  margin: 0px !important;
  text-align: center !important;
  color: #58666e;
}

/* pg-field-conclusion-date */
.pgfieldconclusiondate-value{
  vertical-align: middle;
}

.pgfieldconclusiondate-icon{
  padding-left: 10px;
  font-size: 14px;
  vertical-align: middle;
}

/* pg-field-status */
.pgfieldstatus-text{
  font-weight: 600;
  font-size: 16px;
}

/* pg-field-archive */
.pgFieldArchive-text{
  font-style: italic;
}

/*pg-field-date*/
.pgfieldstatus-date {
  font-size: 14px;
}

/*Allow dialogs to remove the parent scroll https://github.com/angular/material/issues/4124*/
.md-dialog-container {
  /*height: 100vh !important;*/
  top: 0 !important;
  position: fixed !important;
}

/******************************************************************************/
/* pg-text-editable */
.pgtexteditable-container{
  display: block;
  width: 100%;
}

.pgtexteditable-header{
  position: relative;
  z-index: 22;
}

.pgtexteditable-header-text{
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  font-weight: bold;
  color: #58666e;
}

.pgtexteditable-header-edit-button{
  display: inline-block;
  vertical-align: middle;
  min-height: 0px !important;
  min-width: 0px !important;
  height: 30px;
  width: 30px;
  margin: 0px !important;
  padding: 0px !important;
  line-height: 30px;
  text-align: center;
  color: rgba(0, 0, 0, 0.54) !important;
}

.pgtexteditable-wrapper{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  position: relative;
  z-index: 21;
}

.pgtexteditable-content-text-wrapper{
  display: block;
  flex: 1;
  color: rgba(0, 0, 0, 0.54) !important;
}

.pgtexteditable-content-edit-buttons-wrapper{
  position: relative;
}

.pgtexteditable-content-edit-button{
  display: block;
  min-height: 0px !important;
  min-width: 0px !important;
  height: 30px;
  width: 30px;
  margin: 0px !important;
  padding: 0px !important;
  line-height: 30px;
  text-align: center;
  color: rgba(0, 0, 0, 0.54) !important;
}
.pgtexteditable-textarea-container{
  padding-top: 10px;
  padding-bottom: 10px;
}

.pgtexteditable-textarea{
  padding: 0px !important;
  border: 0px !important;
  border-width: 0px !important;
  line-height: inherit !important;
  resize: none !important;
  z-index: 0;
  color: #58666e !important;
}

.pgtexteditable-textarea ~ .md-errors-spacer{
  display: none;
  min-height: 0px;
  min-width: 0px;
}

.pgtexteditable-overlay{
  position: fixed;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 20
}
/******************************************************************************/

@media (min-width: 768px) {
  .pg-overlay{
    display: none;
  }
}

@media (max-width: 767px) {
  /*Used in mobile to overlay when the sidebar menu and menu bar are open*/
  .pg-overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0);
    z-index: 61; /*Must be bigger than 60 (sidenav kpi) smaller than 75 (menu bar)*/
  }

  .pg-overlay-hide{
    display: none;
  }

  .pg-overlay-show{
    display: block;
  }
}

.pgtable-list-item-content-right {
  text-align: right !important;
}

label.input-label{
  -webkit-transform: translate3d(0, 28px, 0) scale(1);
  transform: translate3d(0, 28px, 0) scale(1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  max-width: 100%;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: translate3d(0, 6px, 0) scale(0.75);
  transform: translate3d(0, 6px, 0) scale(0.75);
  -webkit-transition: width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
  transition: width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
  color: rgba(0,0,0,0.54);
}

/* instructions */
.instructions-container{
  width: 100%;
}

.instructions-title{
  width: 100%;
  padding: 25px;
  text-align: center;
}

.instructions-body{
  display: flex;
  width: 100%;
  padding: 15px;
  flex-direction: row;
  flex-wrap: nowrap;
}

.instructions-body-divider{
  flex: 1;
  text-align: center;
}

.instructions-body-item{
  flex: 3;
  text-align: center;
}

.instructions-body-item-text{
  display: block;
  width: 100%;
  margin-bottom: 25px;
}

.instructions-body-item-icon{
  display: block;
  width: 100%;
}

.instructions-buttons-container{
  width: 100%;
  padding: 15px;
  text-align: center;
}

.instructions-button{
  min-height: 0px !important;
  min-width: 0px !important;
  height: 40px !important;
  margin: 15px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  line-height: inherit !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.instructions-link{
  display: block;
  padding-top: 10px;
  text-align: center;
  vertical-align: middle;
}

@media(max-width:767px){
  .instructions-body-divider,
  .instructions-body-item{
    flex-basis: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .instructions-body-item-text{
    height: auto;
  }
}

@media(min-width:768px){
  .instructions-container h1,
  .instructions-container h2,
  .instructions-container h3,
  .instructions-container h4,
  .instructions-container h5 {
    margin: 0;
    line-height: inherit;
  }
}

.pgprint-header-title{
  width:100%;
  height:5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pgprint-header-title-report {
  padding-left: 10px;
}

.pgprint-header-title span{
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.pgprint-header-title img{
  height: 95%;
  max-height: 30px;
}

/* pg-interval-range-picker */
.pgintervalrangepicker-container{
  width: 100%;
  height: 25px;
}

.pgintervalrangepicker-icon,
.pgintervalrangepicker-text{
  display: inline-block;
  float: left;
  vertical-align: middle;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
}

.pgintervalrangepicker-icon{
  width: 35px;
}

.pgintervalrangepicker-text{
  width: calc(100% - 35px);
  border-bottom: 1px solid #e1e1e1;
}

.pgintervalrangepicker-text-selected{
  color: rgba(0,0,0,0.87);
}

.pgintervalrangepicker-text-unselected{
  color: rgba(0,0,0,0.35);
}

/* browser support page*/
.browser-support-space{
  margin-top: 30px;
  margin-bottom: 30px;
}

.browser-support-header-image{
  width:500px;
  margin:0 auto;
}

.browser-support-text{
  text-align: center;
  font-size: 25px;
}

.browser-support-icons{
  font-size:120px;
}

/*pg-tile*/
.pg-tile-container{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.pg-tile{
  display: block;
  position: relative;
  height: 130px;
  width: 240px;
  margin: 5px;
  color: #fff;
  user-select: none;
  cursor: pointer;
  border-radius: 10px;
}

.pg-tile:active{
  outline: 0;
}

.pg-tile-body{
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 10px;
  box-shadow: 0px 14px 13px -12px rgba(140 140 140 / 50%);
}

.pg-tile-body:hover{
  background: rgba(0, 0, 0, 0.1);
}

.pg-tile-title{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0.625rem;
  padding: 0.425rem 0.25rem;
  z-index: 1;
}

.pg-tile-icon-top{
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
}

.pg-input-container{
  width: 50%;
  height: 70px;
  display: block;
  position: relative;
  padding: 0px 15px 2px 15px;
  margin: 0px;
  vertical-align: middle;
  box-sizing: border-box;
  webkit-box-direction: normal;
}

.btnAlign {
    margin-right: 0px !important;
}


.pg-comment-list-table{
  overflow-y: auto;
  overflow-x: hidden;
  margin: 10px 20px 0px;
  height: 250px;
}
.pg-comment-list-form-mention-label{
  display: block;
  padding-left: 55px;
  padding-top: 10px;
  color: #1BA1E2;
}

/*analytics classes: tasks and continuous improvement*/
/* continuous improvement kpi */
/* header */
.records-analytics-header-button-container,
.records-analytics-header-title-container{
  display: inline-block;
  height: 100%;
  float: left;
}

.records-analytics-header-button-container{
  width: 50px;
}

.records-analytics-header-title-container{
  width: calc(100% - 100px);
  text-align: center;
}

.records-analytics-header-button{
  display: inline-block !important;
  min-height: auto !important;
  min-width: auto !important;
  height: 100% !important;
  width: 50px !important;
  margin: 0px !important;
  padding: 0px !important;
  float: left;
  line-height: initial !important;
  text-align: center !important;
  color: #58666e !important;
}

.records-analytics-header-button-right{
  float: right;
}

.records-analytics-header-button-badge{
  position: absolute;
  top: 30px;
  right: 3px;
  background-color: #60A917;
  z-index: 3;
}

.records-analytics-title-text{
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 20px;
}

/*sidenav*/
.records-analytics-sidenav-toolbar{
  min-height: auto;
  height: 50px;
  background-color: white !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12)
}

.records-analytics-sidenav-toolbar-container{
  display: block;
  height: 100%;
  width: 100%;
  padding-right: 10px;
}

.records-analytics-sidenav-content{
  height: calc(100% - 50px);
  padding: 15px;
  overflow-y: auto;
}

.records-analytics-sidenav-content-body{
  display: block;
  width: 100%;
  color: #5F665F;
}

.records-analytics-sidenav-content-body-item{
  display: block;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}

.records-analytics-body{
  height: 100%;
  width: 100%;
  padding: 15px 30px 15px 30px;
}

.records-analytics-widgets{
  height: 100%;
}

.records-analytics-widgets-item-container{
  height: 50%;
  min-height: 350px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.records-analytics-widgets-item{
  height: 100%;
  width: 100%;
  background-color: #FFFFFF;
}

.records-analytics-widgets-item-header{
  height: 50px;
  width: 100%;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
}

.records-analytics-widgets-item-body{
  height: calc(100% - 50px);
  width: 100%;
}

.custom-form-label{
  color: rgba(0,0,0,0.54);
  transform-origin: left top;
  -webkit-transform: translate3d(0, 6px, 0) scale(0.75);
  transform: translate3d(0, 6px, 0) scale(0.75);
  -webkit-transition: width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
  transition: width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
}

/* create users in bulk form */
.create-users-bulk-form {
  min-width: 640px;
  width: 700px;
  min-height: 450px;
  height: 80vh;
}

/* radio button */
md-radio-button .md-off{
  border-color: #0776B6 !important;
}
md-radio-button .md-on{
  background-color: #0776B6 !important;
}

md-radio-button[disabled] .md-off {
  border-color: rgba(0,0,0,0.38) !important;
}

md-radio-button[disabled] .md-on {
  background-color: rgba(0,0,0,0.38) !important;
}

/* fixed label */
.fixed-label{
  color: rgba(0,0,0,0.54);
  transform-origin: left top;
  -webkit-transform: translate3d(0, 6px, 0) scale(0.75);
  transform: translate3d(0, 6px, 0) scale(0.75);
  -webkit-transition: width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
  transition: width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
  margin-bottom: 2px;
}

.height-zero{
  height: 0px;
}

/*pdca selector*/
.pdca-selector>md-select-value{
  border-width: 1px;
  border-radius: 10px;
  border-style: solid;
  border-bottom-color: inherit !important;
  border-bottom-width: 1px !important;
}

.pdca-selector{
  border-radius: 10px;
}

.pdca-selector-static{
  border-width: 1px;
  border-radius: 10px;
  border-style: solid;
}

/* removes numeric quantity input arrows*/
.numericQuantitySpinBox::-webkit-outer-spin-button,
.numericQuantitySpinBox::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/*remove background-color on numeric quantity md buttons*/
.numeric-quantity-button:hover{
  background-color: transparent !important;
}

.numeric-quantity-form-add-rule-button {
  display: inline-block;
  border-radius: 0;
  margin: auto 0;
  font-size: 15px;
  text-transform: none;
  font-weight: 400;
  height: 100%;
  color: #5F665F;
  min-width: 40px !important;
  line-height: 0px;
}

md-input-container.numeric-quantity-placeholder .md-placeholder, md-input-container.numeric-quantity-placeholder label:not(.md-no-float):not(.md-container-ignore) {
  width: calc(100% - 81px) !important;
  -webkit-transform: translate3d(40px, 28px, 0) scale(1);
  transform: translate3d(40px, 28px, 0) scale(1);
}

md-input-container.md-input-focused.numeric-quantity-placeholder label:not(.md-no-float), md-input-container.numeric-quantity-placeholder.md-input-has-placeholder label:not(.md-no-float), md-input-container.numeric-quantity-placeholder.md-input-has-value label:not(.md-no-float) {
  -webkit-transform: translate3d(0,6px,0) scale(.75);
  transform: translate3d(0,6px,0) scale(.75);
}
 
/* START col-*-5ths */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-5ths {
  width: 20%;
  float: left;
}

.md-input:focus, .md-input.focus  {
  border-color: #0776B6
}


@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}
/* END col-*-5ths */

/* pgsateragepicker */
.daterangepicker .custom-range-inputs input:disabled{
  background-color: #d3d3d3 !important;
}

.configuration-option-button{
  min-width: 0px !important;
  width: 40px !important;
  padding: 0px !important;
  margin: 0px !important;
  line-height: initial;
  text-align: center !important;
  color:#5F665F;
}

/*remove background-color on md button*/
.configuration-option-button-open-menu:hover{
  background-color: transparent !important;
}

.expired-trial-body-divider {
  border-right: 1px solid rgba(110, 115, 120, 0.15);
  height: 100%;
}

.expired-trial-body-text {
  font-size: 24px;
}

.modal-body-header {
  font-weight: bold;
}