.p-component,.p-link {
  font-family: 'Roboto', 'Trebuchet MS', Arial, Helvetica, sans-serif ;
}

body {
  font-family: 'Roboto', 'Trebuchet MS', Arial, Helvetica, sans-serif ;
  margin: 0px;
  padding: 0px;
  [class^='fa-'],
  [class*='fa-'] {
    font-family: FontAwesome;
  }
}

[class^='fa-']::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 1em;
  height: 1em;
}
.ui-tabs .ui-tabview {
  background-color: transparent;
  padding-top: 0px;
}
.ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding-top: 0px;
}

.ui-dropdown-panel.ui-widget-content {
  z-index: 9999 !important;
}

.ship-details .ui-panel-content > .ui-g > .ui-g-6 > .ui-g {
  position: relative;
}
.ship-details .ui-panel-content > .ui-g > .ui-g-6 > .ui-g {
  .ui-g-6 {
    border-bottom: 1px solid #eee;
    width: 48%;
    margin: 0 1%;
  }
  .ui-g-6:first-child:after {
    content: ':';
    position: absolute;
    left: 50%;
  }
}
.ui-table-scrollable-wrapper {
  position: relative;
}
.ui-paginator.ui-widget.ui-widget-header , .p-paginator-top, .p-paginator-bottom{
  background: #dcdcdc;
}
.ui-table-scrollable-header {
  background: #ebedf0 !important;
}

.p-paginator .p-paginator-first, 
.p-paginator .p-paginator-prev, .p-paginator .p-paginator-next, .p-paginator .p-paginator-last{
  height: 1rem;
  width: 1rem;
}

.p-paginator .p-paginator-pages .p-paginator-page{
  height: 1.6rem;
  width: 1.6rem;
}

.p-paginator{
  padding: 0;
}

.align-right {
  float: right;
}

.align-left {
  float: left;
}

.clear:after {
  content: ""; 
  clear: both;
}

.p-menubar .p-submenu-list {
  z-index: 2 !important;
}
.titleBar {
  background: #065590;
    color: #f6f7f9;
    padding: .5em .75em;
 }
    
.background-blue {
  background: #065590;
  color: #f6f7f9;
}
.pDropDownExLarge{
  width: 160%;
}

.pDropdown .p-dropdown{
  width: 100%;
}

.pDropdown2 .p-dropdown{
  width: 153%;
}

.pDropdown4 .p-dropdown{
  width: 28%;
}

.pDropdown3 .p-dropdown{
  width: 245%;
}

.pDropdown7 .p-dropdown{
  width: 65%;
}
.multiSelectDropDown, .splitInputText{
  width: 50%;
} 
.multiSelectDropDown1{
  width: 38%;
} 
p-multiSelect .pDropdown1 .p-multiSelect {
  width: 199%;
}
.pDropdown1 .p-dropdown{
  width: 150%;
}
.pDropdown5 .p-dropdown{
  width: 199%;
}
.pDropdown6 .p-dropdown{
  width: 50%;
}

 .input--small-general{
  width: 50px !important
 }

 .input--mini-general{
  width: 40px !important
 }

 .input--medium-general{
  width: 100px !important  
 }

 .input--large-general{
  width: 150px !important  
 }

 .input--large-ex-general{
  width: 340px !important  
 }

 .input--large-doublex-general{
  width: 690px !important  
 }

 .input--med-general{
  width: 120px !important  
 }

 .setWidthFull{
   width: 100%;
 }

 .headerGeneric .p-panel .p-panel-header{  
    background: #065590;
    color: #f6f7f9; 
 }
 .mainHeader{  
   font-size: 14px;
  line-height: 15px;
  margin: 0;
  font-weight: bold;
}

.word-wrap-break {
  word-wrap: break-word

}

.displayInline{
  display: inline-block;
}

.displayBlock{
  display: block;
}


.setLabelWidth{
  width: 20%!important;
}

.p-menubar-root-list>.p-menuitem:hover >p-menubarsub>.p-submenu-list{
  display: block;
}

.largePopup {
  width: 800px;
  .ui-dialog-content {
    max-height: 500px;
    min-height: 100px;
    overflow: auto;
  }
}

.extralargePopup {
  width: 1000px;
  .ui-dialog-content {
    max-height: 500px;
    overflow: auto;
  }
}
.extralargePopup-80 {
  width: 86%;
  .ui-dialog-content {
    max-height: 500px;
    overflow: auto;
  }
}
.hold_buttons {
  position: relative;
  .hold-position {
    display: inline-block;
    position: absolute;
    right: 0px;
    font-size: 12px;
    line-height: 12px;
  }
}