/* Optional: "TEXT-DECORATION: none" will remove underlines from all hyperlinks */
a:link {
    color: #30729B !important;
}

a:visited {
    color: #30729B !important;
}

a:hover {
    color: #30729B !important;
}

a:active {
    color: #30729B !important;
}


/* The file contains styles used by ProjectDox WebUI and Core projects*/
.ui-widget-content a {
    color: #30729B !important;
    text-decoration: none;
}
.ui-widget-content td.ui-state-hover a:hover, .ui-widget-content a:hover {
    color: #30729B !important;
    text-decoration: underline;
}

a {
    color: #30729B;
    text-decoration: none;
}
a:hover {
    color: #30729B;
    text-decoration: underline;
}
div.middle-box
{
    display: flex; 
    justify-content: center;
    vertical-align:middle;
}

.txt-center {
    text-align: center;
}

.txt-right
{
    text-align: right !important;
}

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

.table {
    display: table;
}

.row {
    display: table-row;
}

.cell {
    display: table-cell;
}

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

.not-allowed{
    cursor:not-allowed;
}

.dataTable th {
    background-color: #FFF;
    text-align: right;
    color: #000;
    padding: 3px;
    width: 170px;
}

.dataTable td {
    padding: 3px;
    text-align: left;
    /*font-size: 11pt;*/
}

div.checkboxContainer, div.checkboxContainer div {
    vertical-align: middle;
}

div.checkboxContainer div.ui-state-default{ background-color: transparent; }
div.checkboxContainer .ui-icon-check {margin-top: 0px !important; margin-left: 0px !important; }

/* make all buttons look the same */
.button, .button-new, input[type="button"], input[type="reset"], input[type="submit"] {
    font: bold 9pt "Segoe UI",Arial,sans-serif;
    color: #4D4D4D !important;
    display: inline-block;
    cursor: pointer;
    white-space: nowrap;
    /*line-height: 24px;
    height:24px;*/
}

.button, .button-new {
    line-height: 24px;
}

a.button-link:hover {
    background-color:#CDE6F7 !important;
}

.button-link, input[type="button"], input[type="reset"], input[type="submit"] {
    height: 26px;
}

.button-new, input[type="button"], input[type="reset"], input[type="submit"] {
    padding: 3px 7px;
    background-color: #fff;
    border: 1px solid #B6B6B6;
}

.button-new:hover, input[type="button"]:hover:not([disabled]), input[type="reset"]:hover:not([disabled]), input[type="submit"]:hover:not([disabled]) {
    background-color: #cde6f7 !important;
}

input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { color: rgba(174, 174, 174, 1) !important; pointer-events: none; }

.button-new-profile:hover {
    background-color: #cde6f7;
}

.button-new-search {
    background-image: url(../img/icons_splice.png);
    background-position: -103px -1px;
    background-repeat: no-repeat;
    width: 34px;
    /*height: 26px !important;*/
    color: transparent !important;
}

.button-new-profile {
    background-image: url(../img/icons_splice.png);
    background-position: -49px -157px;
    background-repeat: no-repeat;
    width: 34px;
    /*height: 26px !important;*/
    color: transparent !important;
}

/*quick search unordered list styling*/
.ui-front a, .ui-front div {
    color: #30729B !important;
}

.ui-menu-item-wrapper {
    text-decoration: none !important;
    display: block !important;
    padding: 2px .4em !important;
    line-height: 1.5 !important;
    min-height: 0 !important;
    font-weight: normal !important;
    border-color: #FFFFFF !important;
}

.ui-menu .ui-menu-item {
    margin: 0 !important;
}

.ui-front div:hover, .ui-front a:hover {
    background-color: #ADD8E6 !important;
}

.ui-front div:not( :hover), .ui-front a:not( :hover) {
    background-color: #FFFFFF;
}

.ui-front {
    border: 1px solid !important;
    padding: 2px !important;
    max-height: 100px !important;
}

.ui-igedit-dropdown-button {
    background-color: inherit !important;
    border: 0px solid grey !important;
}

.ui-igedit-dropdown-button .ui-igedit-buttonimage {
    background: url(../img/icons/ico-select.png) calc(100% - 5px) 45% / 12px no-repeat #ffffff !important;
    background-position: inherit !important;
}

.ui-igedit-dropdown-button .ui-igedit-buttonimage:before {
    content: '' !important;
}

.ui-iggrid-scrolldiv .ui-igloadingmsg {
    display: none;
}

table.metadata-container {
    width: 500px;
}

table.metadata-container tr td:first-child {
    text-align: right;
    vertical-align: top;
    padding: 5px;
}

table.metadata-container tr td input[type=text], table.metadata-container tr td textarea {
    width: 400px;
}

table.metadata-container tr td i {
   display: block;
}

table.metadata-container tr td.buttons {
    text-align:center;
}

    /* IE hack : remove default arrow on ie10 and ie11*/
    /*
select::-ms-expand {
    display: none; 
}
*/
    /* target Internet Explorer 9 to undo the custom arrow */
    /*
@media screen and (min-width:0\0) {
    select {
        background: none\9;
        padding: 5px\9;
    }
}

select:not([multiple]) {
    padding: 2px;
    padding-right: 20px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/icons/ico-select.png) calc(100% - 5px) 45% / 12px no-repeat #ffffff;
}
*/
    .hideUntilLoad {
        display: none !important;
    }

.LoadingPlaceHolder {
    padding-top: 10px;
    height: 120px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    background: url('../../Infragistics/css/structure/images/igLoadingSmall.gif') no-repeat center center;
    position: relative;
    z-index: 1010 !important;
}

.loadingSpinner {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-left: auto;
    margin-right: auto;
    width: 64px;
    height: 64px;
    background: url('../../Infragistics/css/structure/images/igLoadingSmall.gif') no-repeat center center;
    z-index: 1010 !important;    
}


.btn-view-report {background: url('../img/reportview.png'); display: inline-block; width: 20px; height: 20px; text-decoration: none; text-indent: -1000px;}

.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.pull-right.project-buttons{margin-right: 5px;}
.pull-right.project-buttons .button, .pull-right.project-buttons .button-over {
  float: right;
  margin-left: 2px;
  margin-right: 2px;
}

.task-quick-filters .button, .task-quick-filters .button-over, .project-buttons .button, .project-buttons .button-over{ 
    color: #4D4D4D;
}
/*** Removed background images for these styles because the underlying background image file is not found.***/
.ui-widget-content, .ui-widget-header .ui-state-default, .ui-widget-header .ui-state-focus, 
.ui-widget-header .ui-state-active, .ui-widget-header, .ui-state-default,
.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-widget-overlay, .ui-widget-shadow, .ui-state-error, .ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {background-image: none !important;}
.ui-widget-content .ui-widget-header .ui-igdialog-buttonclose.ui-state-hover {background-color: #dadada; }
.ui-widget-content {
    font-size: 12px !important;
}

a.button-link, a.button-link, a.button-link {
    /*font: bold 8pt "Segoe UI",Arial,sans-serif;
color:#4F4A6E;*/
    text-decoration: none !important;
    display: inline-block;
    position: relative;
    border: 1px solid #B6B6B6;
    /*padding: 0px 7px;*/
    background-color: white;
    height:24px; /* it needs to be 24px instead of 26px because it has a 1px border on top and bottom */
    padding:0px 6px
}


.spinnerBtn {
    background: url('../img/spinner.gif') center center no-repeat;
    background-size: 16px;
}

/*.button-dead {
    position: relative;
    text-align:center;
}
.button-dead .Spinner{
    left: -2px;
}*/

.button.button-dead
{
	background-color: #eeeeee;
    color:gray;
    cursor: default;
    
}
a .button-dead, a:hover .button-dead, a.button-link:hover .button-dead {
    color:gray !important;
}

a.nav-help {
    background-image: url(../img/icons_splice.png);
    background-position: -26px -158px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 26px;
    height: 21px;
    padding-top: 3px;
    color: transparent !important;
}
a.nav-help:hover {
    color: transparent !important;
}

a.button-link .nav-info {
    background-image: url(../img/icons_splice.png); 
    background-position: -52px -4px;
    background-repeat: no-repeat;
    width:15px; 
    height:15px; 
    color: transparent;
}

a.button-link .ico-email {
    background-image: url(../img/icons_splice.png); 
    background-position: -57px -1px;
    background-repeat: no-repeat;
    width:15px; 
    height:15px; 
}
a.button-link .nav-search {
    background-image: url(../img/icons_splice.png);
    background-position: -109px -1px;
    background-repeat: no-repeat;
    width: 18px;
    height: 24px !important;
    color: transparent !important;
}

a.button-link .nav-notepad {
    background-image: url(../icons_splice.png); 
    background-position: -37px -20px;
    background-repeat: no-repeat;
    width:15px; 
    height:15px;
}

a.button-link .nav-profile {
    background-image: url(../img/icons_splice.png);
    background-position: -55px -157px;
    background-repeat: no-repeat;
    width: 18px;
    height: 24px !important;
    color: transparent !important;
}

a.help-link {
    padding-left: 20px;
    color: #66C0EC;
    font-weight: normal;
}

a.help-link:hover, a.help-link:visited {
    color: #7436A3;
    text-decoration: underline;
}
a.video-link, a.video-link.help-link {
    font-weight: bold;
    font-size: 13px;
}

div.toolbar-separator {
    display: inline !important;
    border-left: 1px solid #d3d3d3;
    position: relative;
    top: -2px;
    margin: 10px 10px 0px 7px;
}

.container:before,
.container:after,
.content-pane:before,
.content-pane:after {
  display: table;
  content: " ";
}
.container:after,
.content-pane:after {
  clear: both;
}
.container {
  margin: 0 30px;
}

/*Header area*/

.header {
    padding-top: 15px;
}
.header .container {
  height: 50px;
  padding: 0 10px;
}
.header .container .pull-right {
  padding: 9px 0;
}
.header .logo {
  display: block;
  float: left;
}

ul.nav-header {
  margin: 0;
  padding: 0 0 0 10px;
  list-style: none;
  float: left;
}
ul.nav-header li {
  display: inline;
}
.header a.button-link
{
    /*padding: 3px 7px;
    background-color: #fff;*/
}


/* START Core Layout objects */

.quick-search-projects .search-text {
    width: 180px;
    border: 1px solid #B6B6B6;
    padding:4px 2px 4px 2px;
    font-size: 12px !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-style:italic;
  text-transform:none;
}

::-moz-placeholder { /* Firefox 19+ */
  font-style:italic;
  text-transform:none;
}

:-ms-input-placeholder { /* IE 10+ */
  font-style:italic;
  text-transform:none;
}

:-moz-placeholder { /* Firefox 18- */
  font-style:italic;
  text-transform:none;
}

.quick-search-projects label{
    font: normal 12px "Segoe UI",Arial,sans-serif;
    color: #4D4D4D;
}

#SysAdminBox {
    background-color: #A09DB3;
    color:#ffffff;
    z-index: 100;
    font-weight: bold;
    padding:5px;
    white-space: nowrap;
    position:absolute;
    margin:0 0 0 -150px;
    left: 50%;
    top:0px;
    text-align:center;
    min-width: 300px;
    line-height: 12px;
}

#SysAdminBox .debug{
    color:red; 
    font-size:14px;
}

.system-message {
    background-color: #fff;
    border: solid 2px #A09DB3;
    color: #f00;
    z-index: 100;
    font-weight: bold;
    font-size: 20px;
    padding: 10px 5px;
    white-space: nowrap;
    position: absolute;
    margin: 0 0 0 -185px;
    left: 50%;
    top: 20px;
    text-align: center;
    min-width: 300px;
    line-height: 12px;
}

#HeaderBar {
    background-color: #E8E8E7;
    vertical-align:middle;
    height: 33px;
    width: 100%;
    white-space:nowrap;
}

#HeaderBar .row{
    background-color: #E8E8E7;
}

#HeaderBar .cell {
    padding: 5px 5px 4px 5px;
}

#HeaderBar .cell.txt-right{
    padding-right: 15px;
}

table.bordered{
    background-color: #F9F9F9 !important;
}

table.bordered, table.bordered > th > td {
    border: 1px solid #E6E6E6 !important;
}
/*#HeaderBar .nav-help, #HeaderBar .nav-search, #HeaderBar .nav-info
{
    position:relative;
    top:8px;
}*/

/*#HeaderBar.info-bar
{
    display: flex; 
    justify-content: center;
    vertical-align:middle;
}*/

form { margin: 0px; }

.ui-igedit-input, .ui-iggrid .ui-iggrid-pager .ui-igedit-input { margin-bottom:0px !important;}
.ui-igedit-container {border: 1px solid #d3d3d3 !important; padding: 0px !important;  height:25px; margin-bottom:0px !important;}
.ui-iggrid tbody th.ui-iggrid-rowselector-class { border-top: none; }
.ui-iggrid tbody th.ui-iggrid-rowselector-class .ui-igcheckbox-normal-on { opacity: 1; }

.ui-iggrid table.ui-iggrid-headertable > thead > tr[data-header-row] > th .ui-iggrid-headertext,
.ui-iggrid table.ui-iggrid-table > thead > tr[data-header-row] > th .ui-iggrid-headertext {
    width: calc(100% - 40px) !important;
    margin-left: -1px;
}

/*  END Core Layout objects*/
.header-block {
    display: inline-block;
    /*vertical-align:middle;*/
    /*height:100%;*/
}

/*Default view table*/
table.view-default {
  table-layout: fixed !important;
}

/*.ui-iggrid .ui-igedit-container {border: none !important; }*/

/*.ui-iggrid .ui-iggrid-filterrow td, .ui-iggrid .ui-iggrid-filterrow th {
    border: 1px solid #707070 !important;
}*/

table.view-default thead th:not(.ui-iggrid-rowselector-header):not(.ui-iggrid-header), .view-default .ui-iggrid-table > thead th:not(.ui-iggrid-rowselector-header):not(.ui-iggrid-header) {
    padding: 15px 15px 15px 4px !important;
    font-size: 12px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ui-iggrid-table > tbody td {
    padding: 0 15px; /*!important;*/
}
.ui-iggrid-table > tbody td {
    border-color: transparent;
    /*font-size: 16px !important;*/
    /*border-bottom: 1px solid #dddddd !important;*/
    /**Make the cell not wrap and show ellipsis if text overflows**/
    /*
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    */
    height: 40px;
}

table.view-default.view-type-thumbnails tbody td,
.view-default.view-type-thumbnails .ui-iggrid-table > tbody td {
  height: 55px !important;
}
table.view-default tbody td.subheader {
  height: 30px !important;
  border-top: 2px solid #bdbdbd !important;
  border-bottom: 2px solid #bdbdbd !important;
  font-size: 11px !important;
  font-weight: bold !important;
}
table.view-default tbody tr:hover td.subheader,
.view-default .ui-iggrid-table > tbody tr:hover td.subheader {
  background-color: #ffffff !important;
}
table.view-default tr:last-child td {
  border-bottom: 3px solid #dddddd !important;
}
table.view-default .active td,
table.view-default .active:hover td,
.view-default .ui-iggrid-table .active td,
.view-default .ui-iggrid-table .active:hover td {
  border-color: #cacaca !important;
}

/*Semi-condensed view table*/
table.view-semi-condensed thead th {
  padding: 15px;
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
table.view-semi-condensed tbody td {
  padding: 5px 15px;
  font-size: 12px;
  border-bottom: 1px solid #dddddd;
}
table.view-semi-condensed tbody td img {
  border: 1px solid #a2a2a2;
  max-height: 45px;
  max-width: 55px;
  width: auto;
}
/*Condensed view table*/
table.view-condensed, .view-condensed .ui-iggrid-table {
  table-layout: fixed;
  border-top: 1px solid #999999;
}
table.view-condensed thead th, .view-condensed .ui-iggrid-table > thead th {
  padding: 5px;
  font-size: 10px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
table.view-condensed tbody td, .view-condensed .ui-iggrid-table > tbody td {
  padding: 0 5px;
  font-size: 12px;
  text-align: center;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 40px;
}
table.view-condensed.view-type-thumbnails tbody td, .view-condensed.view-type-thumbnails .ui-iggrid-table > tbody td {
  height: 55px;
}
table.view-condensed tbody td img, .view-condensed .ui-iggrid-table > tbody td img {
  border: 1px solid #a2a2a2;
  max-height: 45px;
  max-width: 55px;
  width: auto;
}
.view-condensed .active a.primary {
  font-weight: 600;
}
.view-type-list .thumbnail {
  display: none;
}
.col-fixed-40 {
  width: 40px;
}
.col-fixed-60 {
  width: 60px;
}
.col-fixed-80 {
  width: 80px;
}
.col-fixed-100 {
  width: 100px;
}
.col-fixed-120 {
  width: 120px;
}
.col-fixed-140 {
  width: 140px;
}
.col-fixed-160 {
  width: 160px;
}
.col-fixed-180 {
  width: 180px;
}
.col-fixed-200 {
  width: 200px;
}
.col-fixed-300 {
  width: 300px;
}

.header-block.admin-section-header-block {
    margin-left: 10px;
}
.error {color: red;}
.success {color: green;}

/*** START: jQuery dialog ***/
.modal-block {
    position: fixed !important;
    z-index: 999999 !important;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) !important;
    background-image: url('../img/spinner.gif') !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    position: fixed;
}

/*.modal-block .ui-igdialog-content {
    background-image: url('../img/spinner.gif') !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -140px;
}*/

.ui-dialog.generic-prompt-dialog {padding: 0px; }
.ui-dialog .ui-dialog-titlebar {    
    background: #cbcbcb !important;
    background: -moz-linear-gradient(top, #cbcbcb 0%, #e9e9e9 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbcbcb), color-stop(100%,#e9e9e9)) !important;
    background: -webkit-linear-gradient(top, #cbcbcb 0%,#e9e9e9 100%) !important;
    background: -o-linear-gradient(top, #cbcbcb 0%,#e9e9e9 100%) !important;
    background: -ms-linear-gradient(top, #cbcbcb 0%,#e9e9e9 100%) !important;
    background: linear-gradient(to bottom, #cbcbcb 0%,#e9e9e9 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#e9e9e9',GradientType=0 ) !important;
    line-height: normal;
}

.ui-igdialog-headertext {
    line-height: 20px !important;   
    height:21px !important; 
}

.ui-dialog .ui-igdialog-headertext, .ui-dialog .ui-dialog-title {
    font-family: "Segoe UI",Arial,sans-serif;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    max-width: 80% !important;
}

.ui-dialog .ui-dialog-content {
    padding: 10px !important;
}

.AdminFormContainer form {
    padding: .5em 1em !important;
}
#dialogMessageRemote .ui-dialog-content {padding:0px !important;}
.ui-igdialog-content {padding:0px !important;}
.ui-dialog.generic-prompt-dialog .fieldset {
    border: none;
}

#dlgGeneric .text{ width: 300px !important;}
#dlgLogin {overflow: hidden;}
#dlgLogin input[type=text], #dlgLogin input[type=password] { width:200px; box-sizing: border-box; }
#dlgLogin .ui-dialog-titlebar {border: 0px !important;}
#dlgLogin h3 { font-family: "Segoe UI",Arial,sans-serif; margin: 0;padding: 0 0 1em 0; color: #000 !important;}

.AdminFormContainer div {
    margin-bottom: 10px;
}
.AdminFormContainer div.ui-igedit-container {
    margin-bottom: 2px !important;
}
.AdminFormContainer div.ui-igedit-container div, .ui-dialog-content {
    margin-bottom: 0px !important;
}
.AdminFormContainer label {
    width: 120px;
    float: left;
    white-space: normal;
    text-align: right;
    line-height: 22px;
    margin-right: 5px;
    margin-bottom: 2px;
    font-weight: bold;
    vertical-align: middle;
}

    .AdminFormContainer label.no-style {
        float: none;
        font-weight: normal;
        width: auto;
        margin: 0;
        top: -3px;
        position: relative;
    }

.AdminFormContainer div > label {
    margin-right: 10px;
}

.AdminFormContainer .required {
    margin-left: -8px;
}

#dialogMessageCloseContainer, div.dialogButtons
{
    position: absolute !important;
    bottom: 10px;
    height: 25px;
    background-color: #fff !important;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    padding-top: 9px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-top: darkgray solid 1px;
    overflow: visible;
    left:0px;
}

.remote-dialog-buttonpane { background:white; border-top: solid darkgray 1px; padding-bottom: 0px !important;margin-bottom: 0px !important; padding-top: 9px; text-align: center; height: 36px; left: 0px; bottom: 0px; width: 100%; position: absolute; }
.ui-igdialog .remote-dialog-buttonpane {
    position: relative;
}
#dialogMessageCloseContainer a.button-link, .dialogButtons a.button-link, .remote-dialog-buttonpane a.button-link { margin-right:2px;}
.dialogButtons input[type="submit"] {margin: 0px 5px 0px 0px;}

.ui-dialog.generic-prompt-dialog .ui-dialog-buttonpane {
    text-align: center;
    border-top: darkgray solid 1px;
    background-image: none;
    height: 45px;
    padding-top: 8px
}
.ui-dialog.generic-prompt-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; }
.ui-dialog.generic-prompt-dialog .ui-dialog-buttonset button,
.remote-dialog-buttonpane button {
    text-align: center;
    background: #fff !important; 
    padding: 5px;
    margin: .5em .4em .5em 0;
	cursor: pointer;
    border: solid darkgray 1px !important;
    min-width: 80px;
    height: 30px;
    
}

.dialogContent {height: calc(100% - 80px);}

#dialogAjaxRemote .LoadingPlaceHolder {position:absolute;}
#dialogAjaxRemote .ajaxDialogContent {width: 100%; padding:0px !important; overflow: auto; height: 100%;}
#dialogAjaxRemote .remote-dialog-buttonpane {position:relative; bottom:0; vertical-align:middle; height:35px;}

.ui-dialog.generic-prompt-dialog .ui-dialog-buttonset .ui-button-text, .remote-dialog-buttonpane .ui-button-text  { font: bold 9pt "Segoe UI",Arial,sans-serif; color: #4D4D4D !important; }
.ui-widget-overlay {
    background-color: rgba(0,0,0,.5) !important;
    /* Bug 4217 - Make "Additional Information Required" popup a modal:
        overlay of igDialog has class ui-widget-overlay and its z-index is controlled programmatically by Infragistics, 
        having !important modifier is causing issues with nested dialogs. */
    z-index: 99; /*!important;*/
}

.ui-dialog .ui-dialog-buttonpane {text-align: center !important;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float:inherit !important;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    border:1px solid #C0C0C0; 
    background-color:#fff; 
    color:#4D4D4D; 
    font: bold 9pt "Segoe UI",Arial,sans-serif;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {background-color: #CDE6F7 !important;}
.ui-iggrid-dialog {padding: 0px !important;}

.ui-dialog .ui-dialog-titlebar {
    border: 0px !important;
}

/*** END: jQuery dialog ***/

.ico-pencil {
    background-image: url(../img/icons/ico_toolbar_pencil.png);
    display: inline-block;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}

.ico-delete {
    background-image: url(../img/icons/ico_delete.png);
    display: inline-block;
    width: 24px;
    height: 22px;
    background-position: inherit;
}

.ico-bluebeamDownload {
    background: url(../img/icons/ico_bluebeam_download.png) no-repeat;
    padding-left: 25px;
    padding-bottom: 4px;
}

.ico-bluebeamProcessing {
    background: url(../img/icons/ico_bluebeam_processing.png) no-repeat;
    padding-left: 20px;
    padding-bottom: 4px;
}

.ico-bluebeamUpload {
    background: url(../img/icons/ico_bluebeam_upload.png) no-repeat;
    padding-left: 25px;
    padding-bottom: 4px;
}

.ico-bluebeamDownloadMarkup {
    background: url(../img/icons/ico_bluebeam_download_markup.png) no-repeat;
    padding-left: 30px;
    padding-bottom: 4px;
}


.ico-bluebeamUploadMarkup {
    background: url(../img/icons/ico_bluebeam_upload_markup.png) no-repeat;
    padding-left: 30px;
    padding-bottom: 4px;
}

.ico-info {
    background: url(../img/icons/ico_info_dark.png) 0px 0px no-repeat;
    padding-left: 46px;
    padding-bottom: 4px;
    margin-left: 6px;
}

.ico-file-info {
    background: url(../img/icons/ico_file_info.png) 0px 0px no-repeat;
    padding-left: 20px;
    padding-bottom: 4px;
}

.ico-view-only {
    background: url(../img/icons/ico-view-only.png) 0px 2px no-repeat;
    padding-left: 20px;
    padding-bottom: 6px;
}

.ico-discuss {
    background: url(../img/icons/ico_discuss_file.png) 0px 0px no-repeat;
    padding-left: 46px;
    padding-bottom: 2px;
    margin-left: 6px;
}

.ico-discuss-dark {
    background: url(../img/icons/ico_discuss_file_dark.png) 0px 0px no-repeat;
    padding-left: 46px;
    padding-bottom: 2px;
    margin-left: 6px;
}
/*.ui-iggrid .ui-iggrid-filterrow {background-color: #e8e8e8; }*/


#dialogMessageTitle {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    line-height: 20px;
    height: 50px;
    background-color: #fff !important;
    padding:15px;
}

#dialogMessageText, .dialogContent {
    width: calc(100% - 30px);
    padding: 10px 10px 5px 10px !important;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    word-wrap: break-word;
    margin-bottom: 0px !important;
    line-height: normal;
    height: calc(100% - 70px);
}
#dlgMultiFileMetadata .message {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

#dlgMultiFileMetadata .dialogContent {
    overflow-x: auto;
    width: calc(100% - 50px);
    height: calc(100% - 77px);
}

#dlgMultiFileMetadata .field-validation-error {
    padding-left: 0;
}

/*** END: overwride grid styles ***/
.iggrid-page-selector-area {
    padding: 0px 5px 0px 5px;
}
.iggrid-page-selector-area .refresh-buttons{ padding: 4px 0px; height: 25px; display:flex;}
.iggrid-page-selector-area .refresh-buttons .refresh-button {margin-left: 0px;}
.iggrid-page-selector-area .iggrid-page-selector{margin: 0 10px 0 20px; padding: 8px 0 0 0;}
.iggrid-page-selector-area .special-buttons {padding: 4px 0;}
/*.iggrid-page-selector-area .special-buttons a.button-link, .iggrid-page-selector-area .special-buttons a.button-link, .iggrid-page-selector-area .special-buttons a.button-link, .iggrid-page-selector-area .quick-filters a.button-link {
    padding: 2px 10px;
}*/

.iggrid-page-selector-area a.button-active {
    background-color: #CDE6F7 !important;
}

/*.iggrid-page-selector-area .quick-filters {
    padding: 2px 25px;
    display: inline-block;
}*/

.iggrid-page-selector-area .quick-filters-list {
    padding: 3px 0;
    display: inline-block;
}

/*.ui-iggrid-table td, .ui-iggrid .ui-ig-altrecord td.ui-state-active, .ui-iggrid td.ui-state-active,
.ui-iggrid td.ui-state-active.ui-state-focus, .ui-iggrid td.ui-state-focus, .ui-iggrid tr.ui-ig-altrecord.ui-state-focus td, .ui-iggrid tr.ui-state-focus td {
    padding: 0px 15px !important;
}*/

.ui-iggrid-scrolldiv {
    background-color: inherit !important;
    border-left: 1px solid #e8e8e8 !important;
    border-right: 1px solid #e8e8e8 !important;
}

.ui-iggrid .ui-widget-content.ui-iggrid-tablebody td,
.ui-iggrid .ui-widget-content.ui-iggrid-tablebody th {
    border-left: none;
    border-right: none;
    border-top: none;
}

.ui-iggrid .ui-widget-content.ui-iggrid-tablebody.ui-iggrid-record .ui-state-hover:not(.ui-igcheckbox-normal) {
    border-top: none !important;
}

.ui-iggrid .ui-widget-content.ui-iggrid-tablebody th.ui-iggrid-rowselector-class.ui-state-active:first-child {
    border-bottom: 1px solid #a8d6e1 !important;
    border-top: none !important;
}

.ui-iggrid .ui-widget-content.ui-iggrid-tablebody.ui-iggrid-record > tr > td.ui-state-hover.ui-state-active {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #a8d6e1 !important;
}

.grid-button {
    font-size: 12px;
    display: inline;
    margin: 5px 15px 5px 0px;
}

.grid-options {
    text-align: center;
    white-space: nowrap;
}

.grid-options img {
    border: 0px;
}

.ui-iggrid table {
    border-collapse: separate !important;
}

.ui-iggrid-table td {
    line-height: 1.4em;
}

thead th.ui-iggrid-rowselector-header, thead td.ui-iggrid-filtercell {
    padding: 0px !important;
}

.ui-iggrid-toolbar{
    border-bottom: none !important;
}



/*.ui-iggrid-header {
    border: 1px solid #bcbcbc !important;
}*/

/****************************************************************************************/
/*********** Ticket 2448: Make all grid headers the same style in ProjectFlow ***********/
/****************************************************************************************/
.ui-iggrid th a, .ui-iggrid th.ui-state-default a {
    color: #696969 !important;
    text-decoration: none;
}

.ui-iggrid table.ui-iggrid-headertable > thead > tr[data-header-row] > th,
.ui-iggrid table.ui-iggrid-headertable > thead > tr[data-header-row] > th.ui-state-default,
.ui-iggrid table.ui-iggrid-table > thead > tr[data-header-row] > th,
.ui-iggrid table.ui-iggrid-table > thead > tr[data-header-row] > th.ui-state-default {
    border-right: none !important;
    font-size: 12px !important;
    font-family: "Segoe UI",Arial,sans-serif !important;
    height: 20px;
    border-bottom: 1px solid #e8e8e8;
    text-transform: uppercase;
}

.ui-iggrid table.ui-iggrid-table > thead > tr[data-header-row] > th .ui-iggrid-indicatorcontainer {
    line-height: 20px;
    min-width: unset;
}

.ui-iggrid table.ui-iggrid-headertable > thead > tr[data-header-row] > th .ui-iggrid-headertext,
.ui-iggrid table.ui-iggrid-table > thead > tr[data-header-row] > th .ui-iggrid-headertext {
    line-height: 20px;
    min-height: unset;
}

.ui-iggrid tr > td.ui-iggrid-childarea,
.ui-iggrid .ui-ig-altrecord + tr > td.ui-iggrid-childarea {
    background-color: white;
}

/************ End of Ticket 2448 ********************************************************/
.ui-widget-header {
    color: inherit !important;
}

.ui-iggrid .ui-iggrid-paging-item .ui-state-active {
    border: 1px solid #59B0E1;
    background-color: #CDE6F7;
    color: #444;
}

.ui-iggrid .ui-iggrid-paging-item .ui-state-hover {
    background-color: #ccc;
}

.ui-igtree-node span[data-role="checkbox"], .ui-igtree-node span[data-role="checkbox"].ui-state-hover {
    border: 1px solid #bcbcbc !important;
    background-color: #fff;
}

/* CSS to hide root node in an igtree */
.ui-igtree-hideroot li.ui-igtree-noderoot > span.ui-igtree-expander, .ui-igtree-hideroot li.ui-igtree-noderoot > a {display:none;}
.ui-igtree-hideroot li.ui-igtree-noderoot { position: relative; left: -20px; }

/* Styles brake the pager dropdown view
 .ui-iggrid .ui-iggrid-paging span {
    line-height: 0.9em !important;
}

.ui-iggrid .ui-iggrid-paging span.ui-iggrid-pagedropdownlabels {
    line-height: 1.4em !important;
}*/
.ui-iggrid .ui-iggrid-paging li, a.ui-iggrid-pagelinkcurrent,
.ui-iggrid-firstpage .ui-icon-arrowstop-1-w {
    background-position: -237px -32px !important;
}

.ui-iggrid-prevpage .ui-icon-triangle-1-w {
    background-position: -96px -32px !important;
}

.ui-iggrid-nextpage .ui-icon-triangle-1-e {
    background-position: -26px -32px !important;
}

.ui-iggrid-lastpage .ui-icon-arrowstop-1-e {
    background-position: -208px -32px !important;
}

.ui-iggrid tbody td {
    white-space: normal !important;
    word-break: normal;
}

.ui-iggrid .ui-ig-altrecord td.ui-state-active, .ui-iggrid .ui-ig-altrecord th.ui-iggrid-rowselector-class.ui-state-active, .ui-iggrid tbody .ui-ig-altrecord .ui-iggrid-mergedcell.ui-state-active, .ui-iggrid tbody .ui-ig-altrecord .ui-iggrid-mergedcellstop.ui-state-active, .ui-iggrid tbody .ui-iggrid-mergedcell.ui-state-active, .ui-iggrid tbody .ui-iggrid-mergedcellstop.ui-state-active, .ui-iggrid td.ui-state-active, .ui-iggrid th.ui-iggrid-rowselector-class.ui-state-active {
    background-color: #CDE6F7 !important;
}

.ui-iggrid .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagedropdowncontainer {
    height: 1.8em;
}

/* START: Generic prompt modal dialog */
.generic-prompt-dialog.ui-dialog .ui-dialog-title {
    overflow: visible;
}

.generic-prompt-dialog .ui-dialog-buttonset .ui-state-default {
    color: #4F4A6E !important;
    background-color: #fff;
}

.generic-prompt-dialog .ui-dialog-buttonset .ui-state-hover, .generic-prompt-dialog .ui-dialog-buttonset .ui-state-focus {
    background-color: #CDE6F7 !important;
}

.generic-prompt-dialog .ui-dialog-buttonset .ui-state-active {
    border: 1px solid #bcbcbc;
}

.generic-prompt-dialog .ui-widget.ui-button-text-only {
    padding: 5px 15px;
}
.generic-prompt-dialog .ui-widget-header .ui-state-hover {
    background-color: #dadada;
}
.generic-prompt-dialog .ui-button-text-only .ui-button-text {
    padding: 0;
    font-weight: bold;
}

.generic-dialog-no-scroll .ui-igdialog-content {
    overflow: hidden !important;
}
/* END: Generic prompt modal dialog */

.ui-igtree-node a img.ui-state-hover {
    border: 0px;
    background-color: transparent;
}

.ui-igtree-node a img.ui-state-hover {
    border: 0px;
    background-color: transparent;
}

.ui-igtree-expander {
    top: 5px !important;
}

.project-tasks {
    background: url(../img/icons/ico_toolbar_tasklist.png) 0px 0 no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    padding-left: 5px;
}

.project-info {
    background: url(../img/icons/ico_info.png) 0px 0 no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    padding-left: 5px;
}

.project-status {
    background: url(../img/icons/ico_toolbar_project_status.png) 0px 0 no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    padding-left: 5px;
}

.project-reports {
    background: url(../img/icons/ico_toolbar_project_report.png) 0px 0 no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    padding-left: 5px;
}

.project-files-icon {
    background: url(../img/icons/ico_toolbar_project_files.png) 0px 0 no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    padding-left: 5px;
    top: -1px;
    position: relative;
}

.words-chain span:not(:first-child){margin-left: 3px;}

#projectInfoFrame {
    height: 72vh;
    width: 98vw;
    min-height: 1050px;
    border: none;
}

a.button-link.task-button {
    /*padding: 2px 10px;*/
}
#toast-container > div.toast {
    opacity: 1;
}

#toast-container.toast-bottom-center > div.toast-error,
#toast-container.toast-top-center > div.toast-error {
    width: auto;
    min-width: 300px;
    max-width: 50%;
}
.toast > .toast-message .copy-button {
    padding: 0 6px;
}
.toast > .toast-message .copy-button > .button {
    line-height: 22px;
}
.toast.toast-error > .toast-message > .message-container {
    height: auto;
    max-height: 300px;
    min-height: 30px;
    overflow-y: auto;
    width: 100%;
    margin-bottom: 10px;
}

.toast.toast-error > .toast-message > .button-link {
    margin-top: 15px;
    margin-right: 15px;
    display: inline-block;
}
/*#toast-container {
    position: absolute !important;
}*/

.nowrap {
    white-space: nowrap !important;
}

/*Requirement 9745: WCAG - Ensure heading level matches the heading's visual importance/level*/
h1.pdox-header {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
}
/*END: Requirement 9745: WCAG - Ensure heading level matches the heading's visual importance/level*/