/* The main stylesheet of the application. */

/* reset - BlueprintCSS */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: Roboto, Helvetica, sans-serif; font-size: 100%; font-style: normal; font-weight: normal; margin: 0; padding: 0; vertical-align: baseline; }
body { line-height: 1.5; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
table, td, th { vertical-align: middle; }
a { outline: none; }
a img { border: none; }

/* typography defaults - BlueprintCSS */
body { background: #fff; color: #222; font-family: Roboto, Helvetica, sans-serif; font-size: 75%; }
h1 { color: #111; font-weight: normal; }
h1 { font-size: 3em; line-height: 1; margin-bottom: .5em; }
p { margin: 0 0 1.5em; }
p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus, a:hover { color: #000; }
a { color: #009; text-decoration: underline; }
strong { font-weight: bold; }
em { font-style: italic; }
li ul, li ol { margin: 0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }

/* forms defaults - BlueprintCSS */
label { font-weight: bold; vertical-align: top;}
input.text, input.title, textarea, select { border: 1px solid #DDD; margin: 6px 0; }
select {background: #ffffff}
select:disabled{background: #ebebe4}
input.text, input.title { padding: 5px; width: 300px; }
input.title { font-size: 1.5em; }
textarea { height: 250px; padding: 5px; width: 390px; }
.error, .notice, .success, .iU { border: 2px solid #ddd; margin-bottom: 1em; padding: .8em; }
.error, .fail, .iU { background: #fbe3e4; border-color: #fbc2c4; color: #8a1f11; }
.notice { background: #fff6bf; border-color: #ffd324; color: #514721; }
.success { background: #e6efc2; border-color: #c6d880; color: #264409; }
.error a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }

.fig-ui .popup {
  left: 0;
  right: 0;
  top: 180px;
  color: #999;
  width: 300px;
  z-index: 9999;
  font-size: 16px;
  background: #fff;
  margin: 50px auto;
  /* @alternate */ position: relative;
  text-align: center;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  padding: 15px 0 0 0;
  -webkit-box-shadow: 0 0 5px #bbb;
  box-shadow: 0 0 5px #bbb;
  border: 1px solid #bebebe;
}
.fig-ui .popup .picture {
  margin: 0 0 20px 0;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  width:100px;
  height:100px;
}
.fig-ui .popup .name {
  color: #262626;
  font-size: 22px;
  font-weight: bold;
}
.fig-ui .popup .url,
.fig-ui .popup .name,
.fig-ui .popup .email {
  padding: 0 20px;
  /* @alternate */ -ms-word-break: break-all;
  /* @alternate */ word-break: break-all;
  word-break: break-word;
  /* @alternate */ -webkit-hyphens: auto;
  /* @alternate */ -moz-hyphens: auto;
  /* @alternate */ -ms-hyphens: auto;
  /* @alternate */ -webkit-hyphens: auto;
  /* @alternate */ -moz-hyphens: auto;
  /* @alternate */ -ms-hyphens: auto;
  hyphens: auto;
}
.fig-ui .popup .rlabel
{
    text-align: left;

    display:none;
}
.fig-ui .popup .actions {
  margin: 1em 0;
  overflow: hidden;
}
.fig-ui .popup .button {
  float: none;
  color: #fff;
  font-size: 12px;
  text-shadow: none;
  display: inline-block;
}
.fig-ui .popup .skills {
  margin: 0;
  padding: 20px;
  font-size: 12px;
  font-weight: bold;
  list-style: none;
  background: #f7f7f7;
}
.fig-ui .popup .gplaces
{
    font-size: 8px;
    display:none;
}
.fig-ui .popup .skills li {
  padding: 5px;
  color: #404040;
  background: #fff;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin: 0 5px 10px 0;
  display: inline-block;
  border: 1px solid #dadada;
}
.fig-ui .popup .skills li a {
  color: #438bed;
}
#recommendationInfoCard .skillsTitle {
    font-size: 8pt;
    color: #999;
    text-align: left;
}

/* Main HTML elements */
html, body { overflow: hidden; width:100%; height:100%; margin: 0; }
body { width:99.999%; height:100%; }

/* UI elements on top (over the main menu) */
#top { background-color: #fff; cursor: default; height: 85px; clear: both; }
/*#ac { margin-right: 20px; text-align: right; width: 100%; }*/
/*#ae { color: #fff; font-weight: bold; margin-right: 10px; margin-left:20px }*/
/*#links { background-color: #2d2d2d; margin: 0; padding: 5px 0px 5px 0px; text-align: left; width: 100%;}
#links a { color: #bbb; font-weight: bold; margin: 0 5px; text-decoration: none; }
#links a:hover { color: #fff; }*/
#logo { position: absolute; top: 48px; left: 20px; width: 162px; height: 34px; }
#logo a { display: block; background: url(../images/sprites2.png) -42px -82px no-repeat; height: 100%; width: 100%; }
/*#an, #af,*/ p.syncTasks { display: none; }
#aa { font-size: 20px; position: absolute; top: 49px; left: 190px; padding-right: 128px; width: 100%;}
#ab {color: #000;cursor: auto;float: left;height: 27px !important;min-width: 50px;display: inline-block;width: auto;margin-top: -3px}
#ab:hover { background: transparent !important; }
#ab .titleContainer { max-width: 24vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: 'Roboto-Regular'; padding: 3px 22px 3px 0;
    display: inline-block; border: 1px solid transparent; border-radius: 5px; transition: border 0.2s ease-in-out; background-color: transparent;
    min-width: auto; font-size: 20px; position: relative; float: left; visibility: visible;z-index: 999 }
#ab .input-field { visibility: hidden;padding: 3px 22px 3px 0; border: 1px solid transparent; border-radius: 5px;
    transition: border 0.2s ease-in-out; background-color: transparent; min-width: auto; font-size: 20px; position: absolute; left: 0px;font-family: 'Roboto-Regular'; }
#ab .titleContainer.active { visibility: hidden }
#ab .input-field.active { display: inline-block; padding: 3px 22px 3px 0px; visibility:visible; border: 1px solid #059cdf !important; z-index: 99999 }
#ab .titleContainer:hover, .input-field:hover { border: 1px solid #666 !important; border-radius: 5px !important; background: transparent }
#ab.readonly .titleContainer, #ab.readonly .input-box, #ab.readonly { pointer-events: none; cursor: none; }

/*#ai { float: right; font-size: 11px; font-weight: bold; line-height: 25px; min-width: 54px; white-space: nowrap; word-wrap: nowrap; }*/
/*#aj { position: absolute; float: right; right: 5px; top: 5px; }
#aj a img { padding-top: 3px; vertical-align: top; }
#mF { background: url(../images/sprites2.png) -106px -257px no-repeat; height: 18px; width: 24px; display: inline-block; }*/
#autoLevelMask { height: 100%; width: 100%; position: fixed; left: 0px; top: 0px; opacity: 0.5; background: #fff; z-index: 3999; } /* z-index is one less than #jj so notification will appear above*/
#jj { display: none; padding: 1px; position: absolute; text-align: center; top: 20px; z-index: 4000; }
#lW { padding-top: 20px; text-align: center; width: 100%; }
#mb { display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 270px; padding-top: 3px; overflow: hidden; font-size: 11px; -webkit-transition: all 1s ease; float: right; margin-top: 0px; margin-right: 3px; }
#mC { float: right; }
#mC .mx { width: 16px; height: 16px; text-indent: -999em; display: inline-block; vertical-align: top; }
.mc { font-weight: bold; color: #000; }
#md {float: right;padding:6px;cursor: pointer;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 80px;}
#mC div.rtUser { cursor: pointer; }
.onlineUsersdropdown {position: relative; display: inline-block; float: right; height: 18px; width: 8px; margin: 2px; display: none; cursor: pointer;}
.onlineUsersdropdown:before {content: '▾'; font-size:13px;}
.onlineUsersList { display: none; 
 /* @alternate */ position: absolute; 
 background-color: #f9f9f9; min-width: 150px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
 padding: 10px 5px; 
 position: fixed; z-index: 101; max-height: 180px; overflow: auto; 
 cursor: pointer;opacity:0;
}
.onlineUsersdropdown:hover .onlineUsersList {display: block;opacity:1;-webkit-animation: fadein 0.30s;-moz-animation: fadein 0.30s;-ms-animation: fadein 0.30s;-o-animation: fadein 0.30s;animation: fadein 0.30s;}
.onlineUsersList ul {margin:5px; }
.onlineUsersList li {list-style: none;height:30px; margin-bottom: 5px; width: 100%;}
.onlineUsersList li span {margin: 5px 0px 0px 5px; float: left; font-size: 12px;}
.onlineUsersList .rtUser {float: left;}
@keyframes fadein {from { opacity: 0; }to{ opacity: 1; }}
@-moz-keyframes fadein {from { opacity: 0; }to{ opacity: 1; }}
@-webkit-keyframes fadein {from { opacity: 0; }to{ opacity: 1; }}
@-ms-keyframes fadein {from { opacity: 0; }to{ opacity: 1; }}
@-o-keyframes fadein {from { opacity: 0; }to{ opacity: 1}}

/* main menu */
.smallMenuWrapper, #bY { clear: left; height: 23px; margin-bottom: 10px; }
.ao { clear: both; font-size: 0; height: 0; line-height: 0.0; }
.smallMenu, .smallMenu ul, #bZ, #bZ ul { list-style: none; margin: 0; padding: 0; z-index: 1000; }
.smallMenu, #bZ { cursor: default; margin-left: 20px; }
#bZ div.ap#bL a {padding-left: 22px}
#bZ div#menuAppSupport span {color: #000;}
.smallMenu div.ap, #bZ div.ap { color: #404040; display: block; font-size: 1em; padding: 7px 15px; text-decoration: none; }
#bZ div.ap#bL,#bZ div.ap#menuSubmitTicket,#bZ div.ap#bO, #bZ div.ap#menuAppSupport { padding: 7px 15px 7px 1px }
.smallMenu div.aq, #bZ div.aq { border-right: 1px solid #ddd; padding: 0px 10px 0px 10px; text-overflow: clip; white-space: nowrap; word-wrap: nowrap;font-family: Roboto, Helvetica, sans-serif; font-weight: 500;font-size: 1.2em; }
.smallMenu li, #bZ li { 
  float: left; 
  position: static; 
  width: 9em; 
  /* @alternate */ width: auto;
}
#bZ li.hover > ul.menuviewcls {
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    z-index: 9999 !important;
    overflow-x: hidden !important
}

#bZ li.hover ul.menuviewcls li:hover ul {
  transform: translate(283px, -20px);
  position: fixed;   
  top: auto;
  left: auto;
  z-index: 99999 !important;
  position: fixed !important
}
#bZ li.hover ul.menuviewcls:has(li:hover .submenu-arrow )::-webkit-scrollbar  {
    width:0px !important;
    pointer-events: none !important
}
#bZ li.hover ul.menuviewcls li:hover #menuScheduleColumns ul {
    max-height: 400px !important;
    overflow: auto;
    display: block;
    height: auto;
    overflow-x: hidden;
}
#bZ li.hover ul.menuviewcls li:hover #menuScheduleColumns ul::-webkit-scrollbar {
    height: 4px !important;
    width: 5px !important;
    pointer-events: none !important;
}
.smallMenu li.au, #bZ li.au { border-top: 1px solid #ccc; }
.smallMenu li ul, .smallMenu ul li { width: 16em; }
ul#advPlanReportMenu.smallMenu li ul {
    width: 18em;
}
ul#advPlanReportMenu.smallMenu li ul .ar {
    width: 10px !important
}
#bZ li ul, #bZ ul li { width: 25em; }
#menuBaselines + ul.topLevel{ overflow: hidden auto; max-height: 40vh; }
div#menuFullScreen:before,  div#menuNewWindowScreen:before {
    font-family: 'AdvancePlaning' !important;
    font-size: 17px;
    left: 15px;
    position: absolute;
    top: 5px;
}
ul.menuviewcls::-webkit-scrollbar {
    height: 4px !important;
    width: 5px !important;
    pointer-events: none !important;
}

div#menuFullScreen:before {
    content: '\e925';
}
div#menuNewWindowScreen:before {
    content: '\e993';
    font-size: 23px;
    top: 0px;
    left: 12px;
}
.boardview .as.cO:before {
    content: "\e926";
    right: 25px;
    position: absolute;
    font-family: 'AdvancePlaning' !important;
    color: green !important;
    font-size: 24px;
}
.boardview .as.cP:before {
    content: "";
}
.smallMenu ul li div.ap, #bZ ul li div.ap { border-right: 0; color: #333333;font-size: 100%;    font-family: Roboto, Helvetica, sans-serif; }
.smallMenu li ul, #bZ li ul { background: #fff;
 /* @alternate */ border: 1px solid #ccc; 
 border: 1px solid rgba(0, 0, 0, .2); 
 box-shadow: 0 2px 4px rgba(0,0,0,0.2); 
 display: none; moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2); moz-transition: opacity .218s; ms-transition: opacity .218s; o-transition: opacity .218s; padding-bottom: 1px; position: absolute; transition: opacity .218s; webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2); webkit-transition: opacity .218s; z-index: 9;    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-top: 0px solid transparent; }
.smallMenu li.hover ul, #bZ li.hover ul { display: block; }
.smallMenu li:hover ul div.ap, #bZ li:hover ul div.ap { background: transparent; }
.smallMenu ul .ap:hover, #bZ ul .ap:hover { background-color: #F5f5f5 !important; }
.smallMenu .ap:hover .as, #bZ .ap:hover .as { filter: alpha(opacity=100); opacity: 1; }
.smallMenu div.aq:hover, #bZ div.aq:hover { color: #fff; }
.smallMenu div.at, #bZ div.at { margin-top: -18px; text-align: right; }
.smallMenu .disabled div.as, #bZ .disabled div.as, button.disabled { filter: alpha(opacity=40); opacity: 0.4; }
.smallMenu .disabled div.at, .smallMenu .disabled span, #bZ .disabled div.at, #bZ .disabled span { color: gray; }
.smallMenu .as, .smallMenu .ar, #bZ .as, #bZ .ar { float: left; height: 20px; margin-right: 6px; width: 16px; }
.smallMenu a, #bZ a { color: #000; cursor: default; padding-left: 20px; text-decoration: none; width: 100%; }
.smallMenu li > div.aq, #bZ li > div.aq { border: 1px solid #fff; border-bottom: none; position: relative; top: 1px; z-index: 10; padding-bottom: 3px;padding-top: 3px; }
.smallMenu > li.hover > div.ap, .smallMenu > div.ap:focus, .smallMenu > div.ap:active, #bZ > li:hover > div.ap, #bZ > div.ap:focus, #bZ > div.ap:active {
   border-radius: 6px; 
   background-color: #FFF5BF; /*background: #fff;*/ 
   /* @alternate */ border: 1px solid #FFF5BF; 
   border: 1px solid transparent; 
   border-bottom: none; box-shadow: 0 0 1px rgba(0,0,0,0.1); color: #000; moz-box-shadow: 0 0 1px rgba(0,0,0,0.1); padding-bottom: 3px;padding-top: 3px; position: relative; webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1); z-index: 999;border-bottom-right-radius:0px;border-bottom-left-radius:0px }
.smallMenu div.disabled:hover div.as, #bZ div.disabled:hover div.as { filter: alpha(opacity=40); opacity: .4; }
#bZ #bP { color: #555;}
#lf { display: inline-block; height: 1px; width: 5px; }
#bZ > li > div#bP,#bZ > li:hover > div#bP{background: none;border: none;box-shadow:none;}
#bZ div#bP + ul{display:none;}

#mobileAutosave {
    position: relative;
    top: 5px;
    color: #555!important;
    padding: 0px 10px 0px 20px;
    text-overflow: clip;
    white-space: nowrap;
    font-family: Roboto, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 0.7em!important;
    float: left;
}
#mobileAutosave .savedIcon {
    margin-left: 0px;
}
.show-autosave {
  background-image: url(../images/Gantter-AutoSavingAnimation.gif) !important;
    background-repeat: no-repeat;
    background-position: 0px 2px;
    background-size: 18px;
    padding-left: 25px;
    margin-left: 16px;
    height: 24px;
    display: inline-block;
    margin-top: -2px;
    padding-top: 4px;
    font-size: 14px;
}
#mobileAutosave .savedIcon:before {
    font-family: 'AdvancePlaning' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e9a0";
    font-size: 14px;
    color: #2ea211;
    cursor: default;
    padding-left: 9px;
    top: 2px;
    position: relative;
}
#mobileAutosave .savedIcon:after {
    content: 'Saved';
    font-size: 13px;
    padding: 0px 0px 0px 9px;
    position: relative;
    top: 2px;
    font-weight: normal;
    font-family: 'Roboto-Regular';
    color: #1f1f1f;
}
/*menu submenu*/
#bZ ul li { width: 25em; position:relative; }
#bZ li.hover ul li ul { display:none;  }
#bZ li.hover ul li:hover ul { left:25em; top:-2px; display:block;  }
#bZ ul li.hasSubMenu > div > span.submenu-arrow:after { color: #444; content: '\25BA'; float: right; }
/*disabled sub-menu*/
#bZ ul li.hasSubMenu > div.disabled > span.submenu-arrow:after { color: #444; content: ''; }
#bZ li.hover ul li:hover div.disabled > ul { display:none;  }

/* Inner sub-menu */
#bZ li.hover ul li.hasInnerSubMenu ul { display:none;  }
#bZ li.hover ul li.hasInnerSubMenu:hover ul { left:22.7em; top:-2px; display:block;  }
#bZ ul li.hasInnerSubMenu > div > span.submenu-arrow:after { color: #444; content: '\25BA'; float: right; }

#btnResouceUsage { position:relative; }

#advPlanReportMenu { position:relative;  }
#advPlanReportMenu.hidden { display:none; }
#advPlanReportMenu.smallMenu div.ap,
#bZ #menuAutoDispatch.ap,
#bZ #menuDispatch.ap {
    color: #404040;
    display: block;
    font-size: 1.2em;
    padding: 7px 0px;
    text-decoration: none;
}
#advPlanReportMenu.smallMenu li.hover ul {
    display: block;
    margin-left: -14px;
    margin-top: 26px;
}

/* bT */
#bT {
    height: 40px;
    background: #ffffff;
    box-shadow: 87px 12px 6px -13px rgb(193, 193, 193);
    -webkit-box-shadow: 87px 12px 6px -13px rgb(193, 193, 193);
    -moz-box-shadow:87px 12px 6px -13px rgb(193, 193, 193);
    overflow: hidden;
    padding: 2px 20px 0;
    padding-left: 50px;
    position: relative;
    z-index:2;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: flex;
}
#toolbarRightContainer{
    background: #ffffff;
    opacity: 1;
    z-index: 2;
    position: relative;
    right: 0px;
    margin-top: -44px;
    padding: 2px 8px 0px 8px;
    width: 40px;
    height: 40px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    /*border-left: 1px solid #ddd;*/
    -webkit-box-shadow: 0px 0px 4px 0px #888;
    box-shadow: 0px 0px 4px 0px #c3c3c3;
    -moz-box-shadow: 0px 0px 4px 0px #888;
    float: right;
}
#toolbarBottomContainer{
    display: none;
    height: 44px;
    width: 100%;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd;
    overflow-x: scroll;
    overflow-y: hidden;
    justify-content: center;
    align-items: center;
    padding: 8px 0 0 0;
}
.mobileTablet #toolbarBottomContainer.show{
    display: flex;
    justify-content: right;
}
.mobileTablet #advpFilterControl{
    float: left;
}
#bT #mobileFilterExpand{
    position: absolute;
    right: 2em;
    left: unset!important;
    border: 1px solid #ddd;
    margin: 4px;
    display: none;
    background-color: white;
}
.mobileTablet #bT #mobileFilterExpand{
    display: inline-block;
}
.mobileTablet .hideReportsAndAnalyticsBtn{
    display: none !important;
}
#bT #mobileFilterExpand::before{
    content: '\e981';
    top: -2px;
    left: 3px;
}
#mobileFilterExpand.filter-applied-cls,
#mobileFilterExpand.group-applied-cls{
    box-shadow: 0px 0px 3px 3px #eaeaea;
    background: #e0f3fb;
}
#mobileFilterExpand.filter-applied-cls:before,
#mobileFilterExpand.group-applied-cls:before{
    color: #059cdf;
}
#mobileFilterCollapse{
    height: 2em;
    width: 2em;
    border: 1px solid #dddddd;
    background: #ffffff;
    float: right;
    border-radius: 50%;
    margin: 5px;
    position: relative;
}
#mobileFilterCollapse::before{
    font-family: 'AdvancePlaning';
    content: '\e982';
    font-size: 16px;
    color: #606060;
    padding: 0px 4px;
    position: absolute;
}

#boardFilterControl {
    position: absolute;
}

#advpFilterControl, 
#boardFilterControl {
    margin: 0px 0 0 0 !important;
    padding: 0px;
    height: 35px !important;
}
/*#bT > div { float: left; }*/

#bT #advpFilterControl {
    margin-top: 2px !important;
    margin-right: 48px !important;
    margin-left: 10px !important;
}

.mobileTablet #bT #advpFilterControl {
    margin-top: 2px !important;
    margin-right: 0px !important;
    margin-left: 85px !important;
}

#bT div.bU,#bT div.gblToolbarButton,
#bT div.advpToolbarButton,
#bT div.boardToolbarButton, 
.toolbarCombo {
    border: 1px solid transparent;
    height: 20px;
    padding: 7px;
    width: 20px;
    margin: 2px 5px;
}
#bT.advpfilter-open, #bT.advpphase-open { overflow: visible; z-index: 11; }
#bT div.bU:hover,
#bT div.gblToolbarButton:hover,
#bT div.advpToolbarButton:hover,
#bT div.boardToolbarButton:hover, 
#toolbarRightContainer div.gblToolbarButton:hover {
    background-color: #f5f5f5; 
    background-image: -moz-linear-gradient(top,#f5f5f5,#f5f5f5); 
    /* @alternate */ background-image: -ms-linear-gradient(top,#f5f5f5,#f5f5f5);
    /* @alternate */ background-image: -o-linear-gradient(top,#f5f5f5,#f5f5f5); 
    /* @alternate */ background-image: -webkit-linear-gradient(top,#f5f5f5,#f5f5f5); 
     border: 1px solid #f5f5f5 !important; border-radius: 50%;
     opacity:1
     }

#bT div.bU.disabled,
#bT div.gblToolbarButton.disabled,
#bT div.advpToolbarButton.disabled,
#bT div.boardToolbarButton.disabled,
#toolbarRightContainer div.gblToolbarButton.disabled {
    pointer-events: none;
}
/*#bT div.bU,#bT div.gblToolbarButton,#bT div.advpToolbarButton { 
    border: 1px solid transparent;
    height: 20px;
    margin-top: 4px;
    padding: 2px 10px;
    width: 20px;
}

#bT div.bU:hover,#bT div.gblToolbarButton:hover,#bT div.advpToolbarButton:hover { 
    background-color: #f8f8f8; 
    background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1); 
    background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
     background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1); 
     background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); 
     border: 1px solid #c6c6c6 !important; border-radius: 2px; box-shadow: 0 1px 1px rgba(0,0,0,.1); 
     moz-box-shadow: 0 1px 1px rgba(0,0,0,.1); webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
     }*/
#bT div.bU:hover div.bW,#bT div.gblToolbarButton:hover div.bW, #bT div.advpToolbarButton:hover div.bW, #bT div.boardToolbarButton:hover div.bW { filter: alpha(opacity=100); opacity: 1; }
#bT div.disabled { filter: alpha(opacity=40); opacity: 0.4; }
#toolbarRightContainer div.disabled { filter: alpha(opacity=40); opacity: 0.4; }
#bT div.advpToolbarButton.disabled, #bT div.boardToolbarButton.disabled { color: #575757; pointer-events: none; }
#bT div.disabled:hover,#bT div.advpToolbarButton{ border: 1px solid transparent;min-width: 20px; }
#bT div.bW { background-repeat: no-repeat; height: 16px; width: 16px; margin: 1px 2px; }
#bT div.disabled:hover div.bW { filter: alpha(opacity=75); opacity: .75; }
/*#bT div.bV, #bT div.advpToolbarSeparator { background: #e5e5e5; height: 100%; margin-left: 4px; margin-right: 4px; margin-top: -1px; width: 1px; }*/
#bT div.bV/*, #bT div.advpToolbarSeparator*/ {
    background: transparent;
    height: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -1px;
    width: 0px;
}
#bT div.advpToolbarSeparator {background: #e5e5e5; height: 68%; margin-left: 4px; margin-right: 4px; margin-top: 6px; width: 1px;}
.iconSync { background-position: 0 -330px; }
.iconUnSync { background-position: 0 -198px; }
#bT div.advpToolbarButton div.bW, #bT div.boardToolbarButton div.bW { background: none; filter: none; opacity: 0.95; font-family: "font-gantter" !important; font-size: 20px; margin-top: -2px; color: #575757; text-align: center; line-height: 1; }
#bT .advpSettings:before, #bT .boardEdit:before { content: "\e928"; }
#bT .advpBoards:before { content: "\e92d"; color: orange; }
#bT .advpOpenZonePlan:before { content: "\e92d"; color: #29a5ff; }
#bT .advpPullPlan:before { content: "\e926"; }
#bT .toolBtnCommit .advpPullPlan:before { font-family: 'AdvancePlaning' !important; content: "\e97e"; position: relative; line-height: 1; top: -2px; left: -7px; }
#bT .toolBtnLocked .advpPullPlan:before {font-family: 'AdvancePlaning' !important; content: "\e935" !important; }
#bT .advpLink:before { content: "\e914"; }
#btnAdvpCreateTagUnit {
  display: none;
}
#bT .advpCopyTags:before { font-family: 'gantterfont' !important; content: "\e914"; }
#bT .advPauseShiftTags:before {
    font-family: 'gantterfont' !important;
    content: "\e948";
    font-size: 17px !important;
    left: -3px;
    position: relative;
}
#bT .unPause .advPauseShiftTags:before {
    font-family: 'gantterfont' !important;
    content: "\e949";
    font-size: 20px !important;
    left: -1px;
    position: relative;
    top: 2px;
}
#bT .advpCreateTagUnit:before { content: "\e901"; }
#bT .advpDeleteTags:before, #bT .boardDelete:before {font-family: 'AdvancePlaning' !important; content: "\e905"; }
#bT .boardDelete:before {font-size: 17px; top: -3px !important;position: relative; }


#bT .advpComplete:before { content: "\e929"; }
#bT .inComplete .advpComplete:before { content: "\e92b"; }
#bT .advpVerify:before { content: "\e92a"; }
#bT .unverify .advpVerify:before { content: "\e930"; }
/*#bT .advpLeft:before { content: "\ea38"; }
#bT .advpRight:before { content: "\ea34"; }*/
#menuAddPlanBoard .newBoard::before{ content: "\e97e"; }
#menuAddDispatchBoard .dispatchBoard::before { content: "\e931"; }
/*#bT .advpReport:before { font-family: 'AdvancePlaning'; content: "\e912"; }*/

#bT .advpAddPhase:before{ content: "\e969";
  font-size: 27pt;
    position: relative;
    line-height: 1;
    /* left: 0px; */
    top: -9px;
    right: 9px;
    font-family: 'AdvancePlaning' }
#bT .advpCopyPhase:before,#bT .boardCopy:before{ content: "\e924"; }
#bT #btnAdvpCancelCopy {
    height: 16px !important;
    width: 16px !important;
    padding: 4px;
    margin: 7px 5px;
    margin-left: 5px;
    background: #059cdf;
    border-radius: 50%;
    font-size: 14px;
}
#bT .advpReport:before {
  font-family: 'AdvancePlaning';
  content: "\e96a";
  font-size: 21pt;
  position: relative;
  line-height: 1;
  left: 0px; 
  top: -4px;
  right: 9px;
}
#bT .advpPredecessor:before {
    font-family: 'common-webfont';
    content: "\ed3d";
    font-size: 17pt;
    position: relative;
    line-height: 1;
    left: -3px;
    top: 1px;
    right: 9px;
}
#bT .advpSplitBoard:before {
  font-family: 'AdvancePlaning';
  content: "\e994";
  font-size: 20pt;
  position: relative;
  line-height: 1;
  left: -5px;
  top: 0px;
  right: 9px;
}
#bT div.advpToolbarButton .bW.advpCancelCopy { 
    margin-top: -3px;
    margin-left: -3px;
    height: .8em;
    width: .8em;
    color: white;
    font-size: 100%;
}
#bT .advpCancelCopy:before { 
    font-family: "AdvancePlaning"!important;
    content: "\e920";
    font-size: 6px;
    border: 2px dashed #fff;
    border-radius: 50%;
    padding: 3px;
    position: relative;
    left: 5px;
    top: 1px;
}

/* icons in main menu and bT */
.cx { background-position: 0 -1306px; }
.cy { background-position: 0 -1372px; }
.cz { background-image: url(../images/delete.png) !important; }
.cA { background-position: 0 -132px; }
.cB { background-position: 0 -264px; }
.iconExpand { background-image: url(../images/task-expand-all.png) !important; }
.iconCollapse { background-image: url(../images/task-collapse-all.png) !important; }
.iconWBS_Lock {background-position: 0 -2236px;}
.iconWBS_Unlock {background-position: 0 -2277px;}
.iconDeletedTasksList { background-position: 0 -2159px; }
.cC { background-position: 0 -396px; }
.cD { background-position: 0 -66px; }
.cE { background-position: 0 -844px; }
.cF { background-position: 0 -910px; }
#btnScheduleManual:before { font-family: 'AdvancePlaning'; content: "\e98d"; font-size: 17px; color: #222; opacity: .75; line-height: 1em; }
#btnScheduleAuto:before { font-family: 'AdvancePlaning'; content: "\e98c"; font-size: 16px; color: #222; opacity: .75; line-height: 1.2em; }
.cG { background-position: 0 -1506px; }
.cH { background-position: 0 -1572px; }
/*.cI { background-position: 0 -719px; }*/
.cJ { background-position: 0 -976px; }
/*.iconProperties { background-position: 0 0; } */
.cL { background-position: 0 -594px; }
.cM { background-position: 0 -1042px; }
.cN { background-position: 0 -1108px; }
.cO { background-position: 0 -462px; }
.cP { background-position: 0 -528px; }
.cQ { background-position: 0 -330px; }
.cR { background-position: 0 -198px; }
.cK { background-position: 0 -2408px }
.cS { background-position: 0 -1713px; }
.cT { background-position: 0 -1911px; }
.cU { background-position: 0 -1977px; }
.cV { background-position: 0 -1845px; }
/*.cW { background-position: 0 -1647px; }*/
.cw { background-position: 0 -2733px; }
.iconGCloud { background-position: 2px -2668px }
/*.iconAddResources { background-position: 0 -2043px; }*/
/*TBD - New icons to resource usage view*/
.iconResourceUsage { background-position: 0 -2042px; }

.iconComplete { background-image: url(../images/task-complete.png) !important; background-size: 14px; }
.iconVerify { background-image: url(../images/task-verify.png) !important;background-size: 14px; }
.iconBaseline { background-image: url(../images/task-baseline.png) !important; background-size: 18px;height: 20px!important;width: 20px!important;margin: 0px 2px !important;}

.qB { background-image: url(../images/left.png); background-repeat: no-repeat; height: 21px; width: 14px; }
.qC { background-image: url(../images/right.png); background-repeat: no-repeat; height: 21px; width: 14px; }

#bT div.bU div.iconAddResources { background-image: url(../images/add.png); background-repeat: no-repeat;height:21px;width:17px; }
#toolbarRightContainer div.gblToolbarButton div.iconSuggest { background-image: url(../images/lightbulb.png); background-repeat: no-repeat;height:21px;width:17px; margin-top: 10px; margin-left: 6px; }
#toolbarRightContainer div#btnSuggest { height: 35px; width: 35px; border: 1px solid transparent; border-radius: 50%; margin: 1px 3px;}
/* workspaces */
#container .column { float: left; position: relative; }
#workspace { width: 100%; }
#dg, #dh, #pu, #ru, #dj, #di, #boardsWorkspace { display: none; }
#df { left: 100px; padding-right: 20px;scrollbar-width: 1em;
    scrollbar-color: #ed7532 #ebebeb; }

.containerFlex { display: flex; }


/* recommendations (suggest and assist) */

#toolbarRightContainer div.gblToolbarButton div.iconSuggest:before {
  font-family: "font-gantter" !important;
  content: "\e90c"!important;
  font-size: 24px;
  line-height: 0.5 !important;
  color:#FFFF00;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #212121;
  text-align: center;
}
#toolbarRightContainer div.gblToolbarButton div.iconSuggest:hover::before {
  color: #FFF59D!important;
}

#mainUIContainer { float: left; position: relative; z-index: 3;background: #ffffff; top: -8px;}
#rightSidebar {
    position: relative;
    z-index: 3;
    background: #fff;
    top: -8px;
    width: 300px;
    min-width: 300px;
    height: 300px;
    margin: -31px 0 0 0;
    display: none;
    border: 0;
    box-shadow: 0px 0px 3px #333333;
}
#rightSidebar * {
    font: normal 13px/21px Roboto, Helvetica, sans-serif;
    color: #666666;
}
#rightSidebar a { color: #3669c9; font-weight: normal }
#recommendationsHeader { font-weight: bold; padding-left: 20px; margin-top: 5px; margin-left: 5px; padding-bottom: 5px; background-image: url(../images/lightbulb.png); background-repeat: no-repeat; border-bottom: 1px solid #d8d8d8; }
#searchPart { padding: 10px 10px 0px 10px; position: relative; }
#searchPart input.text {
    padding-right: 18px;
    padding-bottom: 6px;
    margin-top: 10px;
    padding-top: 7px;
    border-radius: 6px;
    padding-left: 30px;
}
#searchPart input#txtRecommendationsSearch {
    /*padding-left: 45px;*/
    position: relative;
}
#detailedSearch { display: none; margin: 9px 0 0 0; }
#showHideDetailedSearch { text-align: center; border-bottom: 1px solid #abaaa6; margin: 0 -10px; line-height: 3; }
#btnShowHideDetails {
    display: inline-block;
    padding: 0 20px 0 151px;
    color: #438bed;
    line-height: 1.5;
    cursor: pointer;
    font-family: 'Roboto-Regular';
}
.iconShowDetails { background-image: url(../images/triangle_down.png); background-repeat: no-repeat; background-position: 100% 50%; }
.iconHideDetails { background-image: url(../images/triangle_up.png); background-repeat: no-repeat; background-position-x: 100%; }
#resultsPart { height: 300px; overflow-y: auto; padding-bottom: 10px; }
.searchResult {
  clear: left;
  padding: 10px;
  font-size: 8pt;
  overflow: hidden;
  font-family: arial;
  border-bottom: 1px #ddd solid;
}

.searchResult:hover {
  background-color: #FFFFCC;
}

/*Recommendations Search Progress Bar*/
.searchProgress{position:relative;height:3px;display:none;width:100%;background-color:#35b574;background-clip:padding-box;overflow:hidden;padding-right: 20px;left: -10px;}
.searchProgress .indeterminate{background-color:#fbd157}
.searchProgress .indeterminate:after,.searchProgress .indeterminate:before{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right}
.searchProgress .indeterminate:before{-webkit-animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}
.searchProgress .indeterminate:after{-webkit-animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}
@-webkit-keyframes indeterminate{0%{left:-35%;right:100%}100%,60%{left:100%;right:-90%}}@keyframes indeterminate{0%{left:-35%;right:100%}100%,60%{left:100%;right:-90%}}
@-webkit-keyframes indeterminate-short{0%{left:-200%;right:100%}100%,60%{left:107%;right:-8%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}100%,60%{left:107%;right:-8%}}

.iconEverything, .filter-0 {
    background-image: url(../images/star.png);
    background-repeat: no-repeat;
    height: 21px;
    width: 17px;
}
.iconTask, .filter-1 {
    background-image: url(../images/sprites_small.png);
    background-repeat: no-repeat;
    background-position: -2px -3px;
    height: 16px;
    width: 16px;
}
.iconResource, .filter-2 {
    background-image: url(../images/sprites_small.png);
    background-repeat: no-repeat;
    background-position: -2px -54px;
    height: 16px;
    width: 16px;
}
.iconRisk, .filter-3 {
    background-image: url(../images/sprites_small.png);
    background-repeat: no-repeat;
    background-position: -2px -158px;
    height: 16px;
    width: 16px;
}
.iconVendor, .filter-4 {
    background-image: url(../images/handshake-icon.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}
.iconTag {
    height: 16px;
    width: 16px;
}
.iconTag:before {
    font-family: 'AdvancePlaning';
    content: '\e940';
}

#searchMenu div.aq
{
    cursor: pointer;
}

.search-filter {
    background-image: url(../images/filter.png);
    background-repeat: no-repeat;
    height: 15px;
    width: 12px;

}
.search-filter.filtered {
    background-image: url(../images/remove-filter.png);
}

#currentSearchIcon {
    width: auto;
    margin-top: 1px;
}

.searchResult .resultIcon { float: left; margin: 0 21px 0 11px; }
#resultsPart .taskResult .resultIcon { background-image: url(../images/sprite-new-large.png); background-repeat: no-repeat; background-position: 0px 0px; height:32px;width:32px; }
#resultsPart .resourceResult .resultIcon { background-image: url(../images/sprite-new-large.png); background-repeat: no-repeat; background-position: 0px -64px; height:32px;width:32px; }
#resultsPart .riskResult .resultIcon { background-image: url(../images/sprite-new-large.png); background-repeat: no-repeat; background-position: 0px -32px; height:32px;width:32px; }
#resultsPart .vendorResult .resultIcon { background-image: url(../images/sprite-new-large.png); background-repeat: no-repeat; background-position: 0px -96px; height:32px;width:32px; }
#resultsPart .sponseredAdsResult .resultIcon { background-image: url(../images/sprite-new-large.png); background-repeat: no-repeat; background-position: 0px -128px; height:32px;width:32px; }

#resultsPart .tagResult .resultIcon { 
    height:32px;
    width:32px; 
}
#resultsPart .tagResult .resultIcon:before {
    font-family: 'AdvancePlaning';
    color: white;
    content: '\e940';
    background: purple;
    padding: 5px 4px;
    height: 23px;
    width: 25px;
    border-radius: 50%;
    font-size: 20px;
    text-align: center;
    display: inline-block;
}

.vendorResult:hover {
  background-color: #FFFFCC;
}
.sponseredAdsResult:hover {
  background-color: #FFFFCC;
}
.riskRecommendationProbability {font-size:12px; color: #222; display: block;font-weight:normal}
.riskRecommendationSeverity {font-size:12px; color: #222; display: block; font-weight:normal}
.iconSmallTriangle {
    background-image: url(../images/triangle_down2.png);
    background-repeat: no-repeat;
    width: 8px;
    height: 21px;
    background-position: 1px 4px;
}
#searchMenu ul {
    top: 39px;
}
.searchResult .resultText {
  font-size: 14px;
  font-weight: bold;
  padding-left: 68px;
}
.searchResult .resultActions { clear: left; }
.searchResult .resultActions a { margin-right: 10px; font-size: 11px; }
.smallMenu { text-align: left; }
#searchMenu li, #searchMenu li ul, #searchMenu li.hover { /*width: 150px;*/ font-size: 12px }
#menuSearch { width: auto; padding-left: 5px; padding-right: 0; height: 20px; position: relative; padding-top: 4px; border: 0px solid rgba(0,0,0,.2); border-bottom: none; box-shadow:none;}
#menuSearch div { float: left; padding-right: 4px; }
#txtRecommendationsSearch {
    position: relative;
    top: -45px;
    margin-left: 0;
    /* @alternate */ padding-left: 5px;
    width: 204px!important;
    padding-left: 8px !important;
    padding-right: 66px !important;
}
#searchMenu { margin-left: 1px; }
#searchMenu .aq { border-top: 0; border-right: 0; margin: 0px 0 0 0;}
#searchBar { height: 30px; display:inline; float:right; }
#searchPart .searchBarWrapper { display:inline-flex; }
#searchPart .searchBarWrapper label.searchBarLabel { margin-top: 7px; width:30px; display:inline-block; margin-right: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#searchBar .smallMenu ul li div.ap { padding: 5px 6px; }
#searchPart .recommendationScope p { margin-bottom:0px; }
#searchPart .recommendationScope label { width:23px; display:inline-block; margin-right: 4px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#ddlRecommendationScope {
    width: 279px;
    margin: 0px;
    padding: 8px 5px 8px 30px;
    margin-top: -27px;
    border-radius: 6px;
    position: absolute;
    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.recommendationScope:after {
    content: '\f107';
    font-family: FontAwesome;
    font-size: 15px;
    font-weight: bold;
    z-index: 1;
    position: absolute;
    padding: 0px;
    margin-top: -18px;
    right: 20px;
}

.suggest-industry:after {
    content: '\f107';
    font-family: FontAwesome;
    font-size: 15px;
    font-weight: bold;
    z-index: 1;
    position: absolute;
    padding: 0px;
    margin-top: 15px;
    right: 20px;
}

.recommendationScope:before {font-family: 'AdvancePlaning';
    content: '\e977';
    color: #949494;
    font-size: 30px;
    z-index: 1;
    position: absolute;
    float: left;
    padding: 0px;
    margin-top: -19px;}
.suggest-location:before, .suggest-skills:before, .suggest-industry:before {
    font-family: 'AdvancePlaning';
    color: #949494;
    font-size: 30px;
    z-index: 1;
    position: absolute;
    float: left;
}
.suggest-industry:before {
      content: '\e975';
    font-size: 28px;
    padding: 13px 3px;
}
.suggest-location:before {    
    padding-top: 19px;
    content: '\e911';
    font-size: 17px;
    padding: 18px 9px;
}
.suggest-skills:before {
  content: '\e976';
  font-size: 23px;
    padding: 17px 5px;  
}
#detailedSearch input { margin-left: 0; width: 230px; }
#detailedSearch select { 
    margin-left: 0px; 
    width: 278px; 
    padding: 8px 5px 8px 30px;
    border-radius: 6px; 

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#btnSearchRecommendations {
    width: 35px;
    height: 31px;
    border-radius: 0;
    position: absolute;
    top: 9px;
    right: 47px;
    border: 0;
    /* text-indent: -9999px; */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#btnSearchRecommendations:before {
    font-family: 'AdvancePlaning';
    content: '\e973';
    color: #333333;
    right: 13px;
    position: relative;
    top: 1px;
}
.userSelection .smallMenu .ap { color: #00c;}
.userSelection .smallMenu li { background-color: #e0ecff; width: 30em; }
.userSelection .smallMenu li ul { width: 30em; }
.userSelection .smallMenu .ap:hover, .userSelection .smallMenu ul li.hover { background-color: #c3d9ff !important; }
.userSelection .smallMenu { margin-left: 0; }
.userSelection textarea { margin-bottom: 0; }
.userSelection .smallMenuWrapper { margin-bottom: 0; height: auto;  margin-top: -10px; }

/* sidebar */
#sidebar { background: #fff; border-right: 3px solid #ddd; right: 100px; text-align: center; min-width: 100px; min-height: 660px; }
.cZ { border: 1px solid transparent; margin: 0px; padding: 10% 1%; min-height: 10vh;}
.cZ:hover { cursor: pointer; }
.cZ.pressed { background-color: #f8fbff; border: 1px solid #cecece; margin: 0px; border-right-width: 0; border-left-width: 0;}
.da, .db { background: url(../images/sprites7.png) no-repeat; width: 60px; margin: 0px 15px;}
#sidebar div.da { filter: alpha(opacity=70); margin: 0 auto; opacity: .7; }
#sidebar div.da:hover { filter: alpha(opacity=100); opacity: 1; }
#dc div.da { background-position: -18px -18px; }
#dc div.db { background-position: -18px -134px; }
#dd div { background-position: -18px -252px; }
#dd div.db { background-position: -18px -368px; }
#de div { background-position: -18px -482px; }
#de div.db { background-position: -18px -598px; }
#pf div { background-position: -20px -699px; }
#pf div.db { background-position: -20px -791px; }
.pressed { color: #000; font-weight: bold; }
.usr-non-moderator #pf, .usr-non-moderator #dd, .usr-non-moderator #de {opacity: .5 }
.usr-non-moderator#sidebar #pf div.da:hover, 
.usr-non-moderator#sidebar #dd div.da:hover, 
.usr-non-moderator#sidebar #de div.da:hover { filter: alpha(opacity=50); opacity: .5; }
/* tables in workspaces and dialogs */
table { table-layout: fixed; }
th { height: 30px; }
td, th { font-style: inherit; font-weight: inherit; overflow: hidden; text-overflow: clip; white-space: nowrap; word-wrap: nowrap; }
th, td.dx { background: #f5f5f5; border-bottom: 1px solid #aca899; border-left: 1px solid #fff; border-right: 1px solid #aca899; color: #000; font-style: normal; font-weight: normal; text-align: center; }
td { border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; cursor: default; height: 18px; padding: 0; }
td.dx { border-top: 1px solid #fff; cursor: default; padding: 0; text-align: center; width: 35px; }
tr { height: 24px; }
.dE { position: relative; }
.dF { overflow: hidden; left: 0; position: absolute; top: 0; z-index: 1;}
#lj { position: revert; z-index: revert;}
.dG { left: 0; position: absolute; top: 0; }
.dP { overflow: auto; overflow-x: hidden; }
input.dH, input.dI, select.dJ { border: 0; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 12px; height: 20px; margin: 0; padding: 0; width: 100%; }
input.dI, select.dJ { background: inherit; color: inherit; font-style: inherit; font-weight: inherit; }
input.dI:disabled { -webkit-text-fill-color:#000; opacity: 1; }
tr.dL, tr.dK, tr.highlightedRow, tr.dL input, tr.dK input, tr.dL select, tr.dK select { background-color: #ffffd6; color: #000; }
#visualization {width: 100%!important; min-width: 800px; }

/* "Tasks" workspace */
#scrollbar, #rD { float: right; margin-right: -22px; overflow: scroll; position: relative; right: 0; top: 0; width: 22px; }
#scrollbar div, #rD div { width: 1px; }
#splitter, #rC { width: 100%; }
#splitter .vsplitbar, #rC .vsplitbar { background: #ccc url(../images/splitter.png) no-repeat center; width: 6px; }
#list, #chart, #rB, #rE { overflow-x: auto; overflow-y: hidden;scrollbar-width: 1em;
scrollbar-color: #ed7532 #ebebeb; }
#rE .addMoreRowsPseudoElement { display:none; }
#list th, #rB th { height: 42px; padding: 0; }
.dM td, .dM td input { font-weight: bold; }
.dM td input[name="taskName"] { width: calc(100% - 23px); }
.dM td.dx { font-style: normal; font-weight: normal; }
.dM td input.disabled { color: gray; }
.collapse, .expand {
    float: left;
    padding: 5px 4px 0px 4px;
    height: 15px;
    width: 15px;
}
.collapse {
    background: url(../images/minus-box-outline.svg) no-repeat;
    background-size: 15px 15px;
    background-position: center;
}
.expand {
    background: url(../images/plus-box-outline.svg) no-repeat;
    background-size: 15px 15px;
    background-position: center;
}

.ghostTaskRow > td {
    border-top: 1px dashed #30ff30; border-bottom: 1px dashed #30ff30; border-left: 1px dashed #fff; border-right: 1px dashed #00c700;
}

.ghostTaskRow > .dl:before {
    content: "\ec13";
    font-family: 'common-webfont'!important;
    font-weight: normal;

    color: #e95a15;
    display: inline-block;

    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 12px;
    padding-top: 2px;
    float: left;
}
.gantter-appsdomainv2-edition .ghostTaskRow > .dl:before,
.gantter-smartapp-edition .ghostTaskRow > .dl:before {
    color: #de9710;
}

.ghostTaskRow div.kX {
    display: none !important;
}
.taskRow .advPlan-tagGhost-bT-btn {
    display: none;
}
.ghostTaskRow .advPlan-tagGhost-bT-btn {
    position: relative;
    display: inline-block;
    padding: 1px 0;
    background: #fcfcfc;
    box-sizing: border-box;
    line-height: 12px;
    border: 1px solid #e1e0e0;
    border-radius: 3px;
    box-shadow: 0 2px 3px #d5d5d5;
}
.ghostTaskRow .advPlan-tagGhost-tickmark:before {
    font-size: 10.3pt;
}

.dO, .ry { overflow: hidden; }
td.ds, td.dt, td.dv, td.du, td.customDateColumn, td.taskPicklistsColumn,
td.taskSkillsColumn, td.taskTradesColumn, td.taskCertsColumn, td.taskWorkCategoriesColumn{ cursor: pointer; }
td.du { cursor: pointer; padding-left: 2px; }
.pB, .dl, .ff, .assignedResourceIDColumn { text-align: center; }
div.kX { float: left; height: 16px; margin: 0; overflow: hidden; padding: 0; /*width: 100px;*/ }
td.deletedInfoColumn div.mD,
td.pB div.mD, 
td.dl div.mD {
   background: url(../images/sprites1.png) no-repeat; 
   float: left; 
   height: 16px; 
   margin: 0; 
   padding: 0;
   width: 16px;
   }

.taskColumnReadonly {
    cursor: default !important;
}


#menuForecastedEndDate {
    color: #de9710 !important;
    line-height: 1;
}
#menuForecastedEndDate::after {
    content: "\ec13";
    font-family: 'common-webfont' !important;
    font-weight: normal;
    color: #de9710;
    display: inline-block;
    font-size: 16px;
    padding-left: 5px;
    vertical-align: -3px;
}

th.taskForecastedFinishColumn .thLabel {
    color: #de9710;
    line-height: 42px;
}
th.taskForecastedFinishColumn .thLabel::after {
    content: "\ec13";
    font-family: 'common-webfont' !important;
    font-weight: normal;
    color: #de9710;
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    padding-left: 6px;
    vertical-align: -2px;
}

td.taskForecastedFinishColumn .thLabel {
    background-color: #ffddb7;
}

td.pB div.qz.mD,
td.pB div.qx.mD {
     background: none !important
}
td.pB div.qz:before,
td.pB div.qx:before{
      font-family: 'common-webfont' !important;
    font-size: 14px;
    display: inline;
    padding-right: 2px;
}
td.pB div.qx {
  position: relative;
}
td.pB div.qx:before {
   content: '\ebfd' !important;
    font-family: 'common-webfont' !important;
    font-size: 15px;
    display: inline;
    padding-right: 2px;
    top: -3px;
    position: absolute;
    color: #FFEB3B;
    left: 2px;
}
td.pB div.qx:after {
   content: '\ebaf' !important;
    font-family: 'common-webfont' !important;
    font-size: 22px;
    display: inline;
    padding-right: 2px;
    top: -9px;
    position: absolute;
    color: #000;
    left: 0px;
}
td.pB div.qz:before {
    content: '\ec5f' !important;
    font-family: 'common-webfont' !important;
    font-size: 22px;
    display: inline;
    padding-right: 2px;
    top: -8px;
    position: relative;
}

td.deletedInfoColumn div.jd, td.dl div.jd { background-position: 0 -2687px; }
td.deletedInfoColumn div.je,td.dl div.je { background-position: 0 -2375px; }
td.deletedInfoColumn div.jf,td.dl div.jf { background-position: 0 -2421px; }
td.deletedInfoColumn div.jg,td.dl div.jg { background-position: 0 -2889px; }
td.deletedInfoColumn div.verifiedImage,td.dl div.verifiedImage { background: url(../images/taskverified.png); background-size: contain; }
td.deletedInfoColumn div.jh,td.dl div.jh { background-position: 0 -2163px; }
td.deletedInfoColumn div.ji,td.dl div.ji { background-position: 0 -2041px; }
td.deletedInfoColumn div.kY,td.dl div.kY { background-position: 0 -2780px; }
td.deletedInfoColumn div.qw,td.dl div.qw { background: url(../images/lightning.png); }
td.deletedInfoColumn div.taskOverDueImage,td.dl div.taskOverDueImage {background-position: 0 -1709px; }
td.deletedInfoColumn div.taskAllowRollUpImage,td.dl div.taskAllowRollUpImage { background: url(../images/rollup.png); }
td.pB div.qx { background-position: 0 -1780px; }
td.pB div.qy {
    background: none !important;
}
td.pB div.qz { background: url(../images/flag_red.png); }
div.wbsContainer {display: inline-block;height: 16px;margin: 0;overflow: hidden;padding: 0;width: 14px;}
td.deletedWBSColumn span ,td.dk span {display: inline-block;width: calc(100% - 15px);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;vertical-align: text-bottom;}
td.deletedWBSColumn div.mD,td.dk div.mD {background: url(../images/sprites-default.png) 0 -2235px no-repeat;height: 16px;margin-top: 1px;vertical-align: middle;width: 16px;opacity: 0.55;float: right;}
td.deletedWBSColumn,td.dk{overflow: hidden;}
.dw { background: url(../images/sprites1.png) 10px -2600px no-repeat; height: 24px; margin-left: auto;margin-right: auto;vertical-align: top;width: 40px;background-image: none;text-align: center;position: relative;display: inline;}
.dw:before {content: "\e98f";font-size: 23px;color: #059cdf;font-family: 'AdvancePlaning';padding: 0;line-height: 1;vertical-align: top;text-align: left;}

.taskResources, .taskPicklists,.taskSkills,.taskTrades,.taskCertifications,.taskWorkCategories {overflow: hidden;}
.taskResources .select2-choices, .taskPicklists .select2-choices,
.taskSkills .select2-choices, .taskPicklists .select2-choices,
.taskTrades .select2-choices, .taskPicklists .select2-choices,
.taskCertifications .select2-choices, .taskPicklists .select2-choices,
.taskWorkCategories .select2-choices, .taskPicklists .select2-choices { border: 0 !important; background: transparent !important;}
.taskResources .select2-search-choice, .taskPicklists .select2-search-choice,
.taskSkills .select2-search-choice, .taskPicklists .select2-search-choice,
.taskTrades .select2-search-choice, .taskPicklists .select2-search-choice,
.taskCertifications .select2-search-choice, .taskPicklists .select2-search-choice,
.taskWorkCategories .select2-search-choice, .taskPicklists .select2-search-choice { padding: 2px 13px 2px 3px !important; margin: 0 !important;}
.spanTaskResources,.spanTaskSkills,.spanTaskTrades,.spanTaskCerts,.spanTaskWorkCategories{ display: block; width: 100%; height: 20px; }


.taskCostTotalsSubHeaderColumn {font-size: 12px; display: grid; grid-auto-flow: column; grid-template-columns: 1fr 1px 1fr 1px 1fr;justify-items: center;}
.taskCostTotalsCell {font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 12px;font-weight: bold; display: grid; grid-auto-flow: column; grid-template-columns: repeat(3,1fr);justify-items: center;}
.subheader-spacer { position: relative; }
.subheader-spacer:before {
    content: '';
    position: absolute;
    height: 30px;
    top: -6px;
    border-left: 1px solid #747474;
}


span.spanTaskPicklists{ display: inline-block; width: 100%; height: 20px; }
.taskPicklistsColumn .select2-container { opacity:1;}
.taskPicklistsColumn .select2-container .select2-choice .select2-arrow b { margin: -5px -1px; }
.taskPicklistsColumn .select2-container .select2-choice .select2-arrow { width: 15px; }
.taskPicklistsColumn .select2-container .select2-choice { height: 21px;line-height: 1.9; }
.taskPicklistsColumn .select2-container .select2-choice > .select2-chosen { margin-right: 15px; height: 21px; }
.taskPicklistsColumn input.dI { cursor: pointer; }
.taskPicklistsColumn  .select2-container {width: 100% !important; }
/*
span.spanTaskSkills { display: block; width: 100%; height: 20px; }
.taskSkillsColumn, .taskPicklists {overflow: hidden;}
.taskSkillsColumn .select2-choices { border: 0 !important; background: transparent !important;}
.taskSkillsColumn .select2-container { opacity:1;}
.taskSkillsColumn .select2-container .select2-choice .select2-arrow b { margin: -5px -1px; }
.taskSkillsColumn .select2-container .select2-choice .select2-arrow { width: 15px; }
.taskSkillsColumn .select2-container .select2-choice { height: 21px;line-height: 1.9; }
.taskSkillsColumn .select2-container .select2-choice > .select2-chosen { margin-right: 15px; height: 21px; }
.taskSkillsColumn input.dI { cursor: pointer; }
.taskSkillsColumn .select2-container {width: 100% !important; }
.taskSkillsColumn .select2-container-multi .select2-choices { min-height: 20px; max-height: 20px; }
.taskSkillsColumn .select2-container-multi .select2-choices .select2-search-choice { margin-top: 0px; margin-bottom: 0px; padding-top: 2px; padding-bottom: 2px; }
.taskSkillsColumn .select2-container-multi .select2-choices .select2-search-field .select2-input { margin-top: 0px; margin-bottom: 0px; padding-top: 2px; padding-bottom: 2px; }
*/
#tasks1 {position: absolute; left: 0}
#tasks, #lk { width: 930px; }
#lj, #rw { height: 43px; z-index: 400; }
#ll,#rx { height: 728px; }
#rx { overflow: auto; position: absolute; }
#tasks_body_container1 { overflow: auto; }
.my { position: absolute; font-size: 6pt; z-index: 1000; }
#rz, #rA { width: 630px; }
#lk thead th:not(.filter){text-align:left;}
.customDateColumn input.dI {pointer-events: none;}
td.isCustom input::-webkit-input-placeholder  { color: #b1b1b1; }
td.isCustom input::-moz-placeholder {color: #b1b1b1; }
td.isCustom input:-ms-input-placeholder {color: #b1b1b1; }
td.isCustom input:-moz-placeholder {color: #b1b1b1; }
.dM td[class^="taskText"] input::-webkit-input-placeholder { color: transparent; }
.dM td[class^="taskText"] input:-moz-placeholder { color: transparent; }
.dM td[class^="taskText"] input::-moz-placeholder { color: transparent; }
.dM td[class^="taskText"] input:-ms-input-placeholder { color: transparent; }

/* Gantt chart */
#chart th,#rE th { height: 20px; }
#chart tr,#rE tr { height: 21px; }
#chart thead tr:first-child th,#rE thead tr:first-child th { padding-left: 3px; text-align: left; }
#gantt td { border-bottom: 1px solid transparent; border-color: transparent; cursor: inherit; }
#gantt { border-bottom: 1px solid #c0c0c0; }
#gantt td.off { background: url(../images/dots.png); }
#gantt td.end { border-right: 1px dotted #000; }
div.task { 
  background: #79aad8; 
  /* @alternate */ background: linear-gradient(to bottom, #79aad8 0%,#3e5870 100%); 
  /* @alternate */ background: -moz-linear-gradient(top, #79aad8 0%, #3e5870 100%); 
  /* @alternate */ background: -ms-linear-gradient(top, #79aad8 0%,#3e5870 100%); 
  /* @alternate */ background: -o-linear-gradient(top, #79aad8 0%,#3e5870 100%); 
  /* @alternate */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79aad8), color-stop(100%,#3e5870)); 
  /* @alternate */ background: -webkit-linear-gradient(top, #79aad8 0%,#3e5870 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79aad8', endColorstr='#3e5870',GradientType=0 ); 
  height: 14px; 
  margin-top: 3px; 
  position: absolute; 
  z-index: 200;
}
div.rp { filter: alpha(opacity=50); opacity: 0.5; height: 14px; margin-top: 3px; position: absolute; z-index: 200; }
div.iV { border: 1px solid blue; height: 13px; margin-top: 3px; position: absolute; z-index: 400; }
div.critical { 
  background: #cf7171; 
  /* @alternate */ background: linear-gradient(to bottom, #cf7171 0%,#7e2929 100%); 
  /* @alternate */ background: -moz-linear-gradient(top, #cf7171 0%, #7e2929 100%); 
  /* @alternate */ background: -ms-linear-gradient(top, #cf7171 0%,#7e2929 100%); 
  /* @alternate */ background: -o-linear-gradient(top, #cf7171 0%,#7e2929 100%); 
  /* @alternate */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf7171), color-stop(100%,#7e2929)); 
  /* @alternate */ background: -webkit-linear-gradient(top, #cf7171 0%,#7e2929 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf7171', endColorstr='#7e2929',GradientType=0 ); 
}
div.task div.iW { background: #00008b; height: 5px; position: relative; top: 4px; }
div.iX { background: #000; height: 10px; margin-top: 4px; position: absolute; }
div.iX.critical {
  background: #cf7171; 
  /* @alternate */ background: linear-gradient(to bottom, #cf7171 0%,#7e2929 100%); 
  /* @alternate */ background: -moz-linear-gradient(top, #cf7171 0%, #7e2929 100%); 
  /* @alternate */ background: -ms-linear-gradient(top, #cf7171 0%,#7e2929 100%); 
  /* @alternate */ background: -o-linear-gradient(top, #cf7171 0%,#7e2929 100%); 
  /* @alternate */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf7171), color-stop(100%,#7e2929)); 
  /* @alternate */ background: -webkit-linear-gradient(top, #cf7171 0%,#7e2929 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf7171', endColorstr='#7e2929',GradientType=0 ); 
}
div.root { filter: alpha(opacity=50); opacity: 0.5; }
div.iX div.iW { background: gray; height: 5px; left: 0; position: absolute; top: 2px; }
div.iY, div.iZ { background: url(../images/sprites1.png) no-repeat; height: 14px; width: 7px; }
div.iY { background-position: 0 -2287px; float: left; }
div.iZ { background-position: 0 -2331px; float: right; }
div.rollupOver, div.rollupUnder { 
    height: 10px;
    position: absolute; 
    z-index: 200; 
    background: #cf7171;
}
div.rollupUnder {
    background: #6b97ff; 
}
div.leftRollupUnder {
    height: 14px; 
    width: 7px;
    float: left;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><polygon fill='%236b97ff' points='0,0 0,14 7,0'/></svg>") no-repeat;
}
div.rightRollupOver { 
    height: 14px; 
    width: 7px;
    float: right;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><polygon fill='%23cf7171' points='0,0 7,0 7,14'/></svg>") no-repeat;
}
.gantTaskActualStart, .gantTaskActualFinish { 
    height: 14px;
    position: absolute; 
    z-index: 201; 
}

.iX .gantTaskActualStart,
.iX .gantTaskActualFinish {
    height: 10px;
}

.gantTaskActualStart.gantTaskActualEarly {
    background: #b8e2b8;  
    background-image:url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0OCIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCAyNDggNTEyIj4KPGcgaWQ9Imljb21vb24taWdub3JlIj4KPC9nPgo8cGF0aCBkPSJNMTI5LjM3NSAwbDMwLjYzMiA1NS43NjQtOTcuNTE0IDE5Ni41NzggOTcuNTE0IDIwNC4wNjktMzAuNjMyIDU1LjU4OS0xMjkuMzc1LTI1OS42NTd6Ij48L3BhdGg+CjxwYXRoIGQ9Ik0yMTcuMTQ3IDBsMzAuNjMyIDU1Ljc2NC05Ny41MTQgMTk2LjU3OCA5Ny41MTQgMjA0LjA2OS0zMC42MzIgNTUuNTg5LTEyOS4zNzUtMjU5LjY1N3oiPjwvcGF0aD4KPC9zdmc+Cg==);
    background-repeat: repeat-x;
    background-size: 19px 24px;
    background-position: center;
}
.gantTaskActualStart.gantTaskActualLate {
    background: #dfa1a1;
    background-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0OCIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCAyNDggNTEyIj4KPGcgaWQ9Imljb21vb24taWdub3JlIj4KPC9nPgo8cGF0aCBkPSJNMTE4LjQwMyAwbC0zMC42MzIgNTUuNzY0IDk3LjQ5OSAxOTYuNTc4LTk3LjQ5OSAyMDQuMDY5IDMwLjYzMiA1NS41ODkgMTI5LjM3NS0yNTkuNjU3eiI+PC9wYXRoPgo8cGF0aCBkPSJNMzAuNjMyIDBsLTMwLjYzMiA1NS43NjQgOTcuNDk5IDE5Ni41NzgtOTcuNDk5IDIwNC4wNjkgMzAuNjMyIDU1LjU4OSAxMjkuMzc1LTI1OS42NTd6Ij48L3BhdGg+Cjwvc3ZnPgo=);
    background-repeat: repeat-x;
    background-size: 19px 24px;
    background-position: center;
}
.gantTaskActualFinish.gantTaskActualEarly {
    background: #b8e2b8;  
    background-image:url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0OCIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCAyNDggNTEyIj4KPGcgaWQ9Imljb21vb24taWdub3JlIj4KPC9nPgo8cGF0aCBkPSJNMTI5LjM3NSAwbDMwLjYzMiA1NS43NjQtOTcuNTE0IDE5Ni41NzggOTcuNTE0IDIwNC4wNjktMzAuNjMyIDU1LjU4OS0xMjkuMzc1LTI1OS42NTd6Ij48L3BhdGg+CjxwYXRoIGQ9Ik0yMTcuMTQ3IDBsMzAuNjMyIDU1Ljc2NC05Ny41MTQgMTk2LjU3OCA5Ny41MTQgMjA0LjA2OS0zMC42MzIgNTUuNTg5LTEyOS4zNzUtMjU5LjY1N3oiPjwvcGF0aD4KPC9zdmc+Cg==);
    background-repeat: repeat-x;
    background-size: 19px 24px;
    background-position: center;
}
.gantTaskActualFinish.gantTaskActualLate {
    background: #dfa1a1;
    background-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0OCIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCAyNDggNTEyIj4KPGcgaWQ9Imljb21vb24taWdub3JlIj4KPC9nPgo8cGF0aCBkPSJNMTE4LjQwMyAwbC0zMC42MzIgNTUuNzY0IDk3LjQ5OSAxOTYuNTc4LTk3LjQ5OSAyMDQuMDY5IDMwLjYzMiA1NS41ODkgMTI5LjM3NS0yNTkuNjU3eiI+PC9wYXRoPgo8cGF0aCBkPSJNMzAuNjMyIDBsLTMwLjYzMiA1NS43NjQgOTcuNDk5IDE5Ni41NzgtOTcuNDk5IDIwNC4wNjkgMzAuNjMyIDU1LjU4OSAxMjkuMzc1LTI1OS42NTd6Ij48L3BhdGg+Cjwvc3ZnPgo=);
    background-repeat: repeat-x;
    background-size: 19px 24px;
    background-position: center;
}

div.milestone, div.deadline { height: 13px; margin-top: 3px; position: absolute; width: 11px; z-index: 300; }
/*div.milestone { background-position: 0 -2644px; }*/
div.deadline { background: url(../images/sprites1.png) no-repeat; background-position: 0 -2465px; }
div.ja { position: absolute; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
div.jb { background: #79aad8; position: absolute; width: 2px; box-shadow: 1px 0px 3px #727272; }
div.line { background: #00008b; position: absolute; z-index: 0; }
div.ju, div.jv { height: 7px; position: absolute; width: 4px; z-index: 0; }
div.ju { background: url(../images/sprites1.png) 0 -2918px no-repeat; }
div.jv { background: url(../images/sprites1.png) 0 -2928px no-repeat; }
#lT, #rI{ position: absolute; overflow-x: hidden; }
#lU, #rH { z-index: 400; }
.tooltip { background: #f5f5b5; border: 1px solid #deca7e; color: #303030; filter: alpha(opacity=80); left: -9999px; max-width: 500px; opacity: 0.8; padding: 6px 7px; position: absolute; z-index: 3000; }
.hidden { visibility: hidden; }
.lg { height: 20px; width: 100%; }
.chartBottomExtender{height:46px; background: #f5f5f5; border-bottom: 1px solid #aca899;}
#rE .rG.greyCell {background:#f5f5f5;}
#rK tbody tr { height:24px; }

/* "AdvPlanning", "Visualization", "Resources" and "Calendars" workspaces */
#dg th, #dh th, #pu th { height: 35px; }
#dj th { height: 50px; background: none; border: none}
.dC { background: url(../images/sprites1.png) 0 -1780px no-repeat; float: left; height: 16px; width: 16px; }
#resources, #calendars, #risks { width: 1180px; }
#ln, #lr, #qE { height: 36px; }
#lp, #lt, #qG { height: 728px; }
.celRsxIcon {
    position: relative;
    text-align: center;
    vertical-align: middle;
    padding-left: 4px;
}
#dg.rsxType-k .celRsxIcon {
    padding-left: 0;
}
#dg .resourceIcon {
    display: inline-block;
    vertical-align: inherit;
    width: 18px;
    height: 18px;
    background-size: 100%;
    margin: unset;
    float: left;
    margin-left: 2px;
  }
.resourceIconCustom {text-align:center;color: #fff;overflow: hidden;border: thin solid #e9e9e9;}
.resourceIconCustom.dark {color:#000;}
.gblResourceIcon {background: url('../images/globalresource.png') no-repeat center;background-size: 25px;height: 25px;width: 25px;margin: -4px 4px -5px -30px;display: inline-block;}
.gblResourceIcon + .resourceIcon {display: inline-block;}
.gblResourceCenter{text-align: center;}
.resourceIconBarColor:before {
    content: " ";
    position: absolute;
    width: 3px;
    left: 0;
    top: 0;
    bottom: 0;
    background-color:var(--rxs-color,#fff);
}

#advPlanningContainer { position: relative; }

/* Dialogs - common */
.lb { background: #fff; border: 6px solid #fff; display: none; left: 50%; margin-left: -300px; position: fixed; top: 22%; }
.lb, div.dp-popup { box-shadow: 0 2px 4px rgba(0,0,0,0.5); moz-box-shadow: 0 2px 4px rgba(0,0,0,0.5); webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.5); }
.lb h1, #deletedTasksLbl { background: #fff; font-size: 173%; font-weight: normal; padding: 10px;    font-family: 'Roboto-Regular'; }
.lc { background: #a7a7a7; }

.bS { background: url(../images/sprites1.png) 0 -2976px repeat-x; border: 1px solid #d5e8f6; }
.bS { margin: 10px 10px 0 0; }

.m-button { float: right; border: none; border-radius: 2px; display: inline-block; height: 35px; line-height: normal; outline: 0; padding:0px 1.5rem 1px 1.5rem; text-decoration: none;
                  vertical-align: middle; -webkit-tap-highlight-color: transparent; text-align: center; transition: .2s ease-out; cursor: pointer; margin: 10px 0px 10px 0; }
.m-button:hover { box-shadow: 0 5px 5px 0 rgba(0,0,0,0.18),0 4px 5px 0 rgba(0,0,0,0.15); }
.m-button:focus { outline:0; }
.m-button-small { height: 26px; line-height: normal; }

.m-submit-button { color: #fff; background-color: #43A047; }
.m-submit-button:hover { background-color: #4CAF50; }

.m-blue-button { color: #fff; background-color: #059cdf;border-radius: 4px; }
.m-blue-button:hover { background-color: #059cdf; }
.m-blue-button-gantter { color: #fff;background-color: #059cdf;border-radius: 3px;padding: 3px 17px;box-shadow: 0px 2px 3px #9b9898;}
.m-blue-button-gantter:hover { color: #fff; background-color: #35b7f1; }
#gB .m-blue-button-gantter {color: #fff;background-color: #059cdf;border-radius: 3px;padding: 3px 17px;box-shadow: 0px 2px 3px #9b9898;bottom: 13px;position: absolute;right: 42px;margin-top: -5px !important;}
.m-grey-button { color: #555; background-color: #f5f5f5; border: 1px solid rgba(0,0,0,0.1);}
.m-grey-button:hover { background-color: #f8f8f8; color:#333; }
#btnProceed {color:#FF0000; background-color: #fff}
#btnCancel {background-color: #fff}

.m-tbar-button { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: default; font-size: 11px; font-weight: bold;
    text-align: center; white-space: nowrap; margin-right: 16px; height: 30px; line-height: 30px; min-width: 54px; outline: 0px; padding: 0 8px;
    -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
     }
.m-tbar-button:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.m-tbar-blue-button { 
  background-color: #4d90fe;
  /* @alternate */ background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed); 
  /* @alternate */ background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  /* @alternate */ background-image: -ms-linear-gradient(top,#4d90fe,#4787ed); 
  /* @alternate */ background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  background-image: linear-gradient(top,#4d90fe,#4787ed); 
  border: 1px solid #3079ed; 
  color: #fff; 
}

.m-tbar-blue-button:hover {
 background-color: #357ae8;
 /* @alternate */ background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8); 
 /* @alternate */ background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
 /* @alternate */ background-image: -ms-linear-gradient(top,#4d90fe,#357ae8); 
 /* @alternate */ background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
 background-image: linear-gradient(top,#4d90fe,#357ae8); 
 border: 1px solid #2f5bb7; 
 border-bottom-color: #2f5bb7; 
}

.m-tbar-grey-button { color: #555; 
  background-color: #f5f5f5;
  /* @alternate */ background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); 
  /* @alternate */ background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
  /* @alternate */ background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1); 
  /* @alternate */ background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: linear-gradient(top,#f5f5f5,#f1f1f1); 
  /* @alternate */ border: 1px solid #dcdcdc; 
  border: 1px solid rgba(0,0,0,0.1); 
}

.m-tbar-grey-button:hover {
  background-color: #f8f8f8; 
  color:#111;
  /* @alternate */ background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); 
  /* @alternate */ background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
  /* @alternate */ background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1); 
  /* @alternate */ background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: linear-gradient(top,#f8f8f8,#f1f1f1); 
  border: 1px solid #c6c6c6; 
  }

.toolbarItem .m-blue-button, .bT .m-blue-button { margin: 0; }

.bX {position: absolute;right: 5px;top: 0px;cursor:pointer;font-size: 16px;color: #a3a3a3;text-decoration: none;opacity: 1;}
.bX:before {font-family: "font-gantter";content: "\e900";line-height: 2!important;right: 8px;
    position: relative;top: 8px;color: #333; font-size: 18px;}
.bX:hover {color: #0e64cf;}
.dU { padding: 0 10px 10px; }
.lb .dU .dQ { padding-bottom: 50px; padding-top: 10px;}
.lb .dU .dQ button{ margin-right: 2%;}
.lb .dU .dQ button:only-child{ margin-right: 0%;}
.error { display: none; margin: 9px; }
.error ul { margin: 0 4px; }
.error li { margin-left: 6px; }
p label { vertical-align: middle; }
p input { vertical-align: middle; }
label.checkbox { font-weight: normal; vertical-align: middle; }
div.ex { float: left; width: 100%; }
div.logo { background: url(../images/sprites2.png) -67px 0 no-repeat; height: 55px; }
div.logowithtag {
     height: 90px;
    width: 100%;
    background-size: 50%;
    background-position: center top !important;
    background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAuMDAxIiBoZWlnaHQ9IjM2LjY0NyIgdmlld0JveD0iMCAwIDE2MC4wMDEgMzYuNjQ3Ij4KICA8ZyBpZD0iZ2FudHRlcl9BSV9UTV9EYXJrX0xhcmdlIiBkYXRhLW5hbWU9ImdhbnR0ZXIgQUkgVE1fRGFya19MYXJnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDEgLTAuMDAxKSI+CiAgICA8ZyBpZD0iR3JvdXBfMTYyNTY4IiBkYXRhLW5hbWU9Ikdyb3VwIDE2MjU2OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMDAxIDAuMDAxKSI+CiAgICAgIDxwYXRoIGlkPSJQYXRoXzExNTY5NCIgZGF0YS1uYW1lPSJQYXRoIDExNTY5NCIgZD0iTTI3MC42NDUsNzMuNTIzYTIuODc4LDIuODc4LDAsMCwxLDEuMjcsMS40bC4zMTItMS43NmgzLjgxMWwtMi4xODMsMTIuNDEyYTguMjA4LDguMjA4LDAsMCwxLTEuMjM3LDMuMTA5LDYuNjkzLDYuNjkzLDAsMCwxLTIuNDczLDIuMjE4LDcuNTU1LDcuNTU1LDAsMCwxLTMuNi44MjUsNi4yNzIsNi4yNzIsMCwwLDEtNC4yNTYtMS4zLDQuMDQyLDQuMDQyLDAsMCwxLTEuMzM2LTMuNTMyaDMuNzY2YTEuNDgzLDEuNDgzLDAsMCwwLC42NTcsMS4xMjYsMi43LDIuNywwLDAsMCwxLjU3Mi40MTIsMy4wNSwzLjA1LDAsMCwwLDItLjY4LDMuNTA2LDMuNTA2LDAsMCwwLDEuMDkyLTIuMTcybC4zMTItMS43NmE1LjUxMSw1LjUxMSwwLDAsMS0xLjc5MywxLjQxNSw1LjIzNCw1LjIzNCwwLDAsMS0yLjQuNTQ2LDQuNDg3LDQuNDg3LDAsMCwxLTIuMzI5LS42LDQuMTA3LDQuMTA3LDAsMCwxLTEuNTgyLTEuNzE2LDUuNjU4LDUuNjU4LDAsMCwxLS41NjktMi42MDcsOS4wNSw5LjA1LDAsMCwxLC4xMzQtMS40OTNBOC41Myw4LjUzLDAsMCwxLDI2My4xMzQsNzZhNy4wMTUsNy4wMTUsMCwwLDEsMi4zNjItMi4yMjgsNS44NDksNS44NDksMCwwLDEsMi45MTktLjc4LDQuMzQsNC4zNCwwLDAsMSwyLjIyOC41MzRabS41NTgsNS4xMjhhMi4zLDIuMywwLDAsMC0uNjM2LTEuNzE2LDIuMjE0LDIuMjE0LDAsMCwwLTEuNjE1LS42MjQsMy4wODUsMy4wODUsMCwwLDAtMi4wNzIuODE0LDMuNjgyLDMuNjgyLDAsMCwwLTEuMTgyLDIuMjQsNC41NjUsNC41NjUsMCwwLDAtLjA2Ny43MzYsMi4zMzYsMi4zMzYsMCwwLDAsLjYzNiwxLjcyOSwyLjE2MSwyLjE2MSwwLDAsMCwxLjU5NC42MzQsMy4wNjUsMy4wNjUsMCwwLDAsMi4wNzMtLjgyNSwzLjgyNiwzLjgyNiwwLDAsMCwxLjItMi4yNTEsNC41NTgsNC41NTgsMCwwLDAsLjA2Ny0uNzM2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxOC4yODMgLTYxLjA1OSkiIGZpbGw9IiMzMzMiLz4KICAgICAgPHBhdGggaWQ9IlBhdGhfMTE1Njk1IiBkYXRhLW5hbWU9IlBhdGggMTE1Njk1IiBkPSJNMzU5LjU2NSw3NS45OTRhNy4wMTUsNy4wMTUsMCwwLDEsMi4zNjItMi4yMjgsNS44NSw1Ljg1LDAsMCwxLDIuOTE5LS43OCw0LjIyNyw0LjIyNywwLDAsMSwyLjIwNy41MzQsMy4xNzcsMy4xNzcsMCwwLDEsMS4yOTMsMS40bC4zMTItMS43NmgzLjgxMUwzNzAuMjYxLDg1LjZIMzY2LjQ1bC4zMzQtMS43NmE1LjM0MSw1LjM0MSwwLDAsMS0xLjgsMS40LDUuNCw1LjQsMCwwLDEtMi40MDYuNTM0LDQuNDg2LDQuNDg2LDAsMCwxLTIuMzI5LS42LDQuMDQ3LDQuMDQ3LDAsMCwxLTEuNTcyLTEuNyw1LjY5NCw1LjY5NCwwLDAsMS0uNTU3LTIuNiw5LjE0Myw5LjE0MywwLDAsMSwuMTM0LTEuNTE1LDguNTMsOC41MywwLDAsMSwxLjMxNC0zLjM2NVptOC4wNjcsMi42NTVBMi4zLDIuMywwLDAsMCwzNjcsNzYuOTMyYTIuMjE0LDIuMjE0LDAsMCwwLTEuNjE1LS42MjQsMy4wODQsMy4wODQsMCwwLDAtMi4wNzIuODE0LDMuNjgyLDMuNjgyLDAsMCwwLTEuMTgyLDIuMjQsNC41NjUsNC41NjUsMCwwLDAtLjA2Ny43MzYsMi4zMzcsMi4zMzcsMCwwLDAsLjYzNiwxLjcyOSwyLjE2MSwyLjE2MSwwLDAsMCwxLjU5NC42MzYsMy4wNjUsMy4wNjUsMCwwLDAsMi4wNzMtLjgyNSwzLjgyNiwzLjgyNiwwLDAsMCwxLjItMi4yNTEsNC41NjIsNC41NjIsMCwwLDAsLjA2Ny0uNzM2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI5OS41ODIgLTYxLjA1NykiIGZpbGw9IiMzMzMiLz4KICAgICAgPHBhdGggaWQ9IlBhdGhfMTE1Njk2IiBkYXRhLW5hbWU9IlBhdGggMTE1Njk2IiBkPSJNNDYyLjA0OSw3NC4zYTMuOSwzLjksMCwwLDEsMS4wNjksMi45MTksNy4yLDcuMiwwLDAsMS0uMTM0LDEuMzM2bC0xLjI5Myw3LjI2NUg0NTcuOWwxLjItNi43NTJhMy45NDQsMy45NDQsMCwwLDAsLjA2Ny0uNjY4LDEuOTM3LDEuOTM3LDAsMCwwLS41MjMtMS40NDgsMiwyLDAsMCwwLTEuNDYtLjUxMywyLjY3MiwyLjY3MiwwLDAsMC0xLjg3Mi42OTIsMy4zMjEsMy4zMjEsMCwwLDAtLjk4MiwxLjkzOHYtLjExMWwtMS4yLDYuODYzaC0zLjgxMWwyLjE4Ny0xMi40MzNoMy44MTFsLS4yODksMS42NzJhNS40NDMsNS40NDMsMCwwLDEsMS43OTMtMS4zMTQsNS4zNzEsNS4zNzEsMCwwLDEsMi4yODUtLjQ5QTQuMDI3LDQuMDI3LDAsMCwxLDQ2Mi4wNSw3NC4zWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM3NS44ODMgLTYxLjI4KSIgZmlsbD0iIzMzMyIvPgogICAgICA8cGF0aCBpZD0iUGF0aF8xMTU2OTciIGRhdGEtbmFtZT0iUGF0aCAxMTU2OTciIGQ9Ik01NTAuMTQ2LDY2LjcyOGExLjU0NiwxLjU0NiwwLDAsMC0uMDIzLjI4OS42ODUuNjg1LDAsMCwwLC4yMzYuNTgsMS4yODEsMS4yODEsMCwwLDAsLjc2OC4xNzhoMS4zNmwtLjU4MSwzLjIzMmgtMS45MzhxLTMuNzQ0LDAtMy43NDUtMy4xNDFhOCw4LDAsMCwxLC4xMTEtMS4xODFsLjg5MS00Ljk0OEg1NDUuNzFsLjU1Ny0zLjE2NGgxLjUxNWwuNTM0LTMuMDNoMy44MTFsLS41MzQsMy4wM2gyLjVsLS41NTcsMy4xNjRoLTIuNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NTYuNTE1IC00Ni40NjYpIiBmaWxsPSIjMzMzIi8+CiAgICAgIDxwYXRoIGlkPSJQYXRoXzExNTY5OCIgZGF0YS1uYW1lPSJQYXRoIDExNTY5OCIgZD0iTTYwNS41MDYsNjYuNzI3YTEuNTQ2LDEuNTQ2LDAsMCwwLS4wMjMuMjg5LjY4Ni42ODYsMCwwLDAsLjIzNC41OCwxLjI4MiwxLjI4MiwwLDAsMCwuNzY4LjE3OGgxLjM2bC0uNTc4LDMuMjMyaC0xLjkzOHEtMy43NDQsMC0zLjc0NS0zLjE0MWE4LjAxMyw4LjAxMywwLDAsMSwuMTExLTEuMTgybC44OTEtNC45NDhINjAxLjA3bC41NTctMy4xNjRoMS41MTVsLjUzNC0zLjAzaDMuODExbC0uNTM0LDMuMDNoMi41bC0uNTU3LDMuMTY0aC0yLjVsLS44OTEsNC45OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MDIuODI3IC00Ni40NjUpIiBmaWxsPSIjMzMzIi8+CiAgICAgIDxwYXRoIGlkPSJQYXRoXzExNTY5OSIgZGF0YS1uYW1lPSJQYXRoIDExNTY5OSIgZD0iTTY2NC42NDMsNzQuM2E0LjYsNC42LDAsMCwxLDEuNDE1LDMuNTU1LDcuMDU2LDcuMDU2LDAsMCwxLS4xMTEsMS4zMTQsOC43MzksOC43MzksMCwwLDEtLjI2OCwxLjA5MmgtOC42MjJhMi44NjgsMi44NjgsMCwwLDAtLjAyMy40MjNBMS44MTgsMS44MTgsMCwwLDAsNjU5LDgyLjY5MWEyLjQyOSwyLjQyOSwwLDAsMCwyLjE4NC0xLjJoNC4wNTdhNi45MDksNi45MDksMCwwLDEtMi42MDcsMy4xLDcuMTQyLDcuMTQyLDAsMCwxLTQuMDU1LDEuMiw1LjQyMSw1LjQyMSwwLDAsMS0zLjg0NC0xLjMzNiw0LjcxOSw0LjcxOSwwLDAsMS0xLjQzOC0zLjYzNCw3LjkxMiw3LjkxMiwwLDAsMSwuMTM0LTEuNDI3LDguMDA5LDguMDA5LDAsMCwxLDEuMzgxLTMuMzg3LDcuMDksNy4wOSwwLDAsMSwyLjYwNy0yLjIyOEE3LjUxNCw3LjUxNCwwLDAsMSw2NjAuODIyLDczYTUuNDE1LDUuNDE1LDAsMCwxLDMuODIxLDEuM1ptLTIuNCwzLjZhMS43MDksMS43MDksMCwwLDAtLjU1OC0xLjM3LDIuMTc5LDIuMTc5LDAsMCwwLTEuNDcxLS40NzksMi43MTUsMi43MTUsMCwwLDAtMS43MjkuNTg5LDMuMywzLjMsMCwwLDAtMS4wODEsMS42ODJoNC43OWEzLjY1OSwzLjY1OSwwLDAsMCwuMDQ0LS40MjNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQ2LjUxMSAtNjEuMDY5KSIgZmlsbD0iIzMzMyIvPgogICAgICA8cGF0aCBpZD0iUGF0aF8xMTU3MDAiIGRhdGEtbmFtZT0iUGF0aCAxMTU3MDAiIGQ9Ik03NDMuNSw3My44ODZhNC43MTUsNC43MTUsMCwwLDEsMi4zNTEtLjYzNmwtLjcxMiw0LjAzNGgtMS4wNDhhMy42OTMsMy42OTMsMCwwLDAtMi4yNTMuNjEzLDMuMjQ3LDMuMjQ3LDAsMCwwLTEuMDkyLDIuMTUxbC0xLjAyNSw1Ljc3MWgtMy44MTFMNzM4LjEsNzMuMzg0aDMuODExbC0uNCwyLjI1MUE2LjcxLDYuNzEsMCwwLDEsNzQzLjUsNzMuODg2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYxNS42MzIgLTYxLjI4KSIgZmlsbD0iIzMzMyIvPgogICAgICA8cGF0aCBpZD0iUGF0aF8xMTU3MDEiIGRhdGEtbmFtZT0iUGF0aCAxMTU3MDEiIGQ9Ik04MDUuNyw2Ny4zM2gtNS44MzhsLS45MzcsMi43NjRoLTMuOTlMODAwLjYsNTQuNDVoNC40MTNsNS42NiwxNS42NDNIODA2LjY0TDgwNS43LDY3LjMzWm0tLjk4Mi0yLjk0Mi0xLjkzOC01LjcyNy0xLjkxNyw1LjcyN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NjUuMDEgLTQ1LjU1MSkiIGZpbGw9IiMzMmIzNzUiLz4KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xNzc4OTAiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDE3Nzg5MCIgd2lkdGg9IjMuNTMiIGhlaWdodD0iMy41MyIgcng9IjEuNzY1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDYuNzg4IDguMzEzKSByb3RhdGUoLTQ1KSIgZmlsbD0iI2ZiZDE1OSIvPgogICAgICA8cGF0aCBpZD0iUGF0aF8xMTU3MDIiIGRhdGEtbmFtZT0iUGF0aCAxMTU3MDIiIGQ9Ik05MDUuNTE3LDc0LjA4Vjg2LjUxNWgtMy44MTFWNzQuMDhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzU0LjMyNyAtNjEuOTczKSIgZmlsbD0iIzMyYjM3NSIvPgogICAgICA8cGF0aCBpZD0iUGF0aF8xMTU3MDMiIGRhdGEtbmFtZT0iUGF0aCAxMTU3MDMiIGQ9Ik04MS4wMjYsMTQ5LjdhMi43MTcsMi43MTcsMCwwLDEtMS45NDItLjgwNmMtLjI4MS0uMjc5LS41NjctLjU1NC0uODQ4LS44MzQtLjI2LS4yNi0uNTEzLS41MjYtLjc3My0uNzg2LS4yLS4yLS40MS0uNC0uNjEzLS42LS4xODUtLjE4NS0uMzYzLS4zNzQtLjU0Ny0uNTU5LS4yLS4yLS40MDktLjQtLjYxMS0uNi0uMTc2LS4xNzYtLjM1LS4zNTYtLjUyNS0uNTM0YS44NzUuODc1LDAsMCwwLS4xMzItLjEyNmMtLjA4My0uMDU3LS4wODYtLjEwNi0uMDEzLS4xNzhxMS41NDktMS41NDUsMy4wOTQtMy4xYy4wNzItLjA3Mi4xMTQtLjA2NC4xODIsMCwuNzI3LjczMiwxLjQ2LDEuNDYxLDIuMTg5LDIuMTkyYS42ODMuNjgzLDAsMCwwLC43NS4yMDkuODgxLjg4MSwwLDAsMCwuMzEtLjJxMS45MS0xLjksMy44MTEtMy44MDdsNC43NzQtNC43NzZjLjA3Mi0uMDcyLjExOC0uMDc1LjE5LDBxMS41MzcsMS41NDIsMy4wNzksMy4wNzljLjA2NS4wNjUuMDczLjExLjAwNy4xNzUtLjE0OS4xNDQtLjI5My4yOTMtLjQzOC40NGwtLjU2NS41NjktLjMxLjMwOWMtLjExOC4xMTgtLjIzNC4yMzEtLjM1LjM0Ny0uMjIyLjIyMi0uNDQ0LjQ0My0uNjY1LjY2OC0uMjY4LjI3MS0uNTMzLjU0Ni0uOC44MTZzLS41MzEuNTE4LS43OTQuNzhjLS4xOTMuMTkxLS4zNzguMzg5LS41NjkuNTgyLS4xNzIuMTcyLS4zNDcuMzQtLjUxOC41MTEtLjEzMi4xMzEtLjI2LjI2Ni0uMzkxLjRzLS4yNTcuMjQ4LS4zODIuMzc0Yy0uMjY4LjI3MS0uNTM0LjU0NC0uOC44MTYtLjIuMTk0LS4zOTMuMzgyLS41ODkuNTc3LS4yNzUuMjc1LS41NDQuNTU2LS44MTkuODNzLS41NDEuNTI4LS44MDkuNzk0Yy0uMi4yLS4zOTMuNDA2LS41OTIuNnMtLjQuNC0uNi41OTJhMTAuMjU2LDEwLjI1NiwwLDAsMS0uNzgzLjcyNywyLjQwOCwyLjQwOCwwLDAsMS0xLjMwOC41Yy0uMDUxLDAtLjEuMDE1LS4xNDkuMDE4cy0uMDkzLDAtLjEzOSwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYyLjcxNCAtMTEzLjA1NykiIGZpbGw9IiMzMmIzNzUiLz4KICAgICAgPHBhdGggaWQ9IlBhdGhfMTE1NzA0IiBkYXRhLW5hbWU9IlBhdGggMTE1NzA0IiBkPSJNMTM0LjY2OSwzOC45NDZjMS4xLTEuMSwyLjE4Mi0yLjE4LDMuMjY5LTMuMjY2LjExOC4xMTguMjUuMjUuMzgxLjM3OXMuMjg5LjI4NC40MzIuNDI4LjI3NS4yNzguNDE1LjQxN2MuMjA5LjIwOS40MjIuNDE1LjYyOS42MjQuMTQ1LjE0NS4yODkuMy40MzUuNDQzcy4yODkuMjg2LjQzMi40MjguMjc1LjI3OC40MTUuNDE1Yy4xNTcuMTU3LjMxNC4zMTIuNDY5LjQ2OGwuMzg2LjM4Ni40NzYuNDc1LjQuNGMuMTU3LjE1Ny4zMTQuMzEyLjQ2OS40NjkuMTM0LjEzNC4yNjUuMjcuNC40LjE1Ny4xNTcuMzE0LjMwOS40NzIuNDY2LjEzNC4xMzQuMjYzLjI3Mi40LjQwNS4xNTcuMTU3LjMxNC4zMS40NzIuNDY2LjEyOS4xMjkuMjU1LjI2LjM4NC4zODcuMTU3LjE1Ny4zMi4zMTQuNDc5LjQ3NC4xMzkuMTM5LjI3NS4yNzkuNDEyLjQxOHMuMjgzLjI4My40MjUuNDIzLjMuMy40NTMuNDUzbC40MjMuNDI1Yy4xNDkuMTQ5LjMuMy40NDYuNDQ2cy4zLjI3NS40MzIuNDNhNC4xODgsNC4xODgsMCwwLDEsLjQ3NC42MzEsMi42MjUsMi42MjUsMCwwLDEsLjI4OCwxLjg4LDIuNzczLDIuNzczLDAsMCwxLS43ODEsMS40MTdxLTEuOTY5LDEuOTYxLTMuOTMyLDMuOTI5Yy0uMS4xLS4xLjEtLjIsMC0uMjc5LS4yODEtLjU2MS0uNTYxLS44NC0uODQyLS4yNTgtLjI2Mi0uNTE1LS41MjYtLjc3My0uNzg4LS4xOTEtLjE5My0uMzg5LS4zNzktLjU4LS41NzEtLjI3LS4yNy0uNTM5LS41NDMtLjgwNi0uODE2LS4wNDQtLjA0Ni0uMTExLS4xLS4xMTEtLjE1MnMuMDctLjEuMTE0LS4xNDdjLjE5LS4xOS4zODItLjM3Ni41NzItLjU2NC4xMjEtLjEyMS4yMzktLjI0NS4zNi0uMzY2LjItLjIuNC0uMzkxLjU5NS0uNTg1LjA3LS4wNy4xNDItLjEzOS4yMTEtLjIxM2E2LjcyNSw2LjcyNSwwLDAsMCwuNDU5LS41MDcuNjQ3LjY0NywwLDAsMC0uMDUyLS43OGMtLjIwOS0uMjI0LS40MzItLjQzNS0uNjQ3LS42NTRzLS40LS40MTUtLjYtLjYyMWMtLjA5My0uMDk1LS4xODgtLjE4Ni0uMjgxLS4yNzktLjIxNy0uMjE3LS40MzItLjQzNy0uNjQ5LS42NTItLjE5LS4xODgtLjM4Ni0uMzcxLS41NzUtLjU1OXMtLjM3MS0uMzc2LS41NTctLjU2NC0uMzkxLS4zODYtLjU4NS0uNTgyLS4zOTMtLjQtLjU5Mi0uNmwtLjI2NS0uMjY1Yy0uMjIyLS4yMjItLjQ0My0uNDQ0LS42NjgtLjY2NS0uMTkzLS4xOTEtLjM5MS0uMzc2LS41ODItLjU2OXMtLjM5My0uNC0uNTkyLS42Yy0uMTc2LS4xNzYtLjM1OC0uMzQ4LS41MzQtLjUyNS0uMi0uMi0uMzg5LS40LS41ODUtLjYtLjExMy0uMTE0LS4yMjktLjIyNC0uMzQzLS4zMzctLjA2MS0uMDYxLS4xMjEtLjEyMS0uMTgzLS4xOC0uMTg1LS4xNzgtLjM2OC0uMzU2LS41NTQtLjUzOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTIuNjU3IC0yOS44NSkiIGZpbGw9IiNmYmQxNTkiLz4KICAgICAgPHBhdGggaWQ9IlBhdGhfMTE1NzA1IiBkYXRhLW5hbWU9IlBhdGggMTE1NzA1IiBkPSJNNC44ODcsNzUuMjZjLjAzNi4wMzMuMDY5LjA1OS4xLjA4OGwyLjczOCwyLjczNmMuMTE4LjExOC4yMzIuMjM0LjM1LjM1LjA0OS4wNDguMDQ4LjA3OSwwLC4xMjktLjIuMTktLjM3OS4zODctLjU3MS41OC0uMTMyLjEzNC0uMjcyLjI2My0uNDA1LjQtLjE5LjE5LS4zNzYuMzgxLS41NjUuNTY5LS4xNzIuMTcyLS4zNDMuMzQxLS41MTguNTExYS45NzYuOTc2LDAsMCwwLS4zNTYuNTY5LjY2MS42NjEsMCwwLDAsLjIwNy41ODNsMS41OCwxLjU4Miw0LjksNC45LDIuMDM3LDIuMDMzYS4xNDEuMTQxLDAsMCwxLDAsLjIyNmwtMS4wNTQsMS4wNTZMMTIuMTcsOTIuNzEzYy0uMjczLjI3NS0uNTQzLjU1LS44MTQuODI1LS4xMTguMTE4LS4xMzcuMTEzLS4yNTctLjAwOC0uMjkxLS4zLS41ODctLjU4NS0uODc4LS44NzlzLS41NTItLjU2Ny0uODMyLS44NDhjLS4xNjgtLjE3LS4zNDMtLjMzNC0uNTEzLS41LS4yOTMtLjI5My0uNTgyLS41ODktLjg3NC0uODgzLS4xOTEtLjE5MS0uMzkxLS4zNzYtLjU4Mi0uNTY5LS4yNy0uMjcyLS41MzMtLjU0OC0uOC0uODE3LS4xNzgtLjE4LS4zNjUtLjM1NC0uNTQzLS41MzEtLjI4My0uMjgzLS41NTktLjU3MS0uODQyLS44NTUtLjE3OC0uMTgtLjM2NS0uMzUxLS41NDQtLjUzLS4yODMtLjI4My0uNTYxLS41NzEtLjg0Mi0uODU1LS4xNjgtLjE3LS4zNDMtLjMzNC0uNTExLS41LS4yMzEtLjIzMS0uNDU2LS40NjItLjY4NS0uNjkzLS4yNS0uMjUtLjUtLjQ5NC0uNzU0LS43NDctLjI3OS0uMjgxLS41NTctLjU2Mi0uODMyLS44NDhhNi42ODEsNi42ODEsMCwwLDEtLjU2Ny0uNjFBMi41MTgsMi41MTgsMCwwLDEsMCw4MS4zNzFhMi43MTYsMi43MTYsMCwwLDEsLjI0NS0xLjI1MiwyLjUxNSwyLjUxNSwwLDAsMSwuNTgzLS44Yy4xODgtLjE3LjM1Ni0uMzYuNTM0LS41MzkuMTExLS4xMTEuMjI0LS4yMTkuMzM3LS4zMjguMDkyLS4wOS4xODItLjE4Mi4yNzItLjI3My4zMS0uMzA5LjYyMy0uNjE4LjkzMy0uOTI4LjE3My0uMTc1LjM0MS0uMzU0LjUxNi0uNTI4LjIyNy0uMjI3LjQ1OC0uNDUxLjY4NS0uNjc4cy40MjctLjQzMi42MzktLjY0NmMuMDQ0LS4wNDQuMDkzLS4wODUuMTQ3LS4xMzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwNyAtNjIuOTYpIiBmaWxsPSIjNzhiZTZjIi8+CiAgICAgIDxwYXRoIGlkPSJQYXRoXzExNTcwNiIgZGF0YS1uYW1lPSJQYXRoIDExNTcwNiIgZD0iTTU0LjU4MSw0LjgxOGMtLjAyOS4wMzQtLjA1NS4wNjctLjA4NS4xTDUyLjUzNiw2Ljg3N2MtLjM2OC4zNjgtLjczNy43MzQtMS4xLDEuMS0uMDY3LjA2Ny0uMTExLjA3OS0uMTgzLjAwNy0uMi0uMjA3LS40MDUtLjQxLS42MTEtLjYxMy0uMTI0LS4xMjMtLjI1My0uMjQyLS4zNzgtLjM2My0uMDktLjA4Ni0uMTc4LS4xNzUtLjI2Ni0uMjYzLS4yMjQtLjIyNC0uNDQ4LS40NS0uNjczLS42NzMtLjA3OS0uMDc5LS4xNjMtLjE2LS4yNDItLjI0MmEuNzEuNzEsMCwwLDAtLjk1My4wNDljLS44LjgxNy0xLjYyLDEuNjI1LTIuNDMxLDIuNDM2cS0zLjA1NCwzLjA1LTYuMTA4LDYuMWEuMTU3LjE1NywwLDAsMS0uMjUyLDBjLS4zMS0uMzEtLjYyMy0uNjItLjkzMi0uOTMyLS4yNjYtLjI2OC0uNTI4LS41NDMtLjgtLjgxMXMtLjUyNi0uNTE1LS43ODYtLjc3MWMtLjE3My0uMTctLjM0NS0uMzQzLS41MTUtLjUxNi0uMDg4LS4wOS0uMDgzLS4xMTguMDI2LS4yMjlMNDEuNSw2UTQ0LjEsMy40LDQ2LjcuOGEyLjY1NywyLjY1NywwLDAsMSwxLjcxLS43ODZBMi43NjgsMi43NjgsMCwwLDEsNDkuODMuMjdhMi41OTEsMi41OTEsMCwwLDEsLjc0Ny41MzZjLjI3NS4yODEuNTU5LjU1NC44MzcuODMyLjIuMi4zODYuMzkzLjU4LjU4OXMuNDEyLjQwNy42MTYuNjFjLjEyMS4xMjEuMjQyLjI0NC4zNjMuMzY2cS41NS41NSwxLjEsMS4xYy4xNTIuMTUyLjMwNi4zLjQ1OS40NWEuNy43LDAsMCwxLC4wNTIuMDY1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMwLjMyMiAtMC4wMDIpIiBmaWxsPSIjYzBjNzVmIi8+CiAgICA8L2c+CiAgICA8ZyBpZD0iR3JvdXBfMTU1MTAzIiBkYXRhLW5hbWU9Ikdyb3VwIDE1NTEwMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUyLjg0OCAyLjQyMikiPgogICAgICA8cGF0aCBpZD0iUGF0aF8xMTQwNzMiIGRhdGEtbmFtZT0iUGF0aCAxMTQwNzMiIGQ9Ik0xMjQuNzE4LDMuMzI5aDEuMTU5VjYuNTg3aC40NTZWMy4zMjlIMTI3LjVWMi45MjNoLTIuNzc5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNC42NzggLTIuODg0KSIgZmlsbD0iIzMzMyIvPgogICAgICA8cGF0aCBpZD0iUGF0aF8xMTQwNzNfLV9PdXRsaW5lIiBkYXRhLW5hbWU9IlBhdGggMTE0MDczIC0gT3V0bGluZSIgZD0iTTEyNC42MTcsMi44MjNoMi44NTh2LjQ4NWgtMS4xNjRWNi41NjVoLS41MzVWMy4zMDhoLTEuMTU5Wk0xMjcuNCwyLjloLTIuN3YuMzI4aDEuMTU5VjYuNDg3aC4zNzdWMy4yMjlIMTI3LjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI0LjYxNyAtMi44MjMpIiBmaWxsPSIjMzMzIi8+CiAgICAgIDxwYXRoIGlkPSJQYXRoXzExNDA3NCIgZGF0YS1uYW1lPSJQYXRoIDExNDA3NCIgZD0iTTEzNy44NTcsMi45MjMsMTM2Ljc0LDUuNjVsLTEuMTExLTIuNzI3aC0uNjM5VjYuNWguNDQ2VjMuNTI0bDEuMjEzLDIuOThoLjE4M2wxLjIxOC0yLjk4VjYuNWguNDQ2VjIuOTIzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzMS4zODMgLTIuODQpIiBmaWxsPSIjMzMzIi8+CiAgICAgIDxwYXRoIGlkPSJQYXRoXzExNDA3NF8tX091dGxpbmUiIGRhdGEtbmFtZT0iUGF0aCAxMTQwNzQgLSBPdXRsaW5lIiBkPSJNMTM0Ljg4OCwyLjgyM2guN2wxLjA4NSwyLjY2MywxLjA5LTIuNjYzaC43djMuNjZoLS41MjRWMy42NjNMMTM2LjgsNi40ODNoLS4yMzZsLTEuMTQ3LTIuODE4VjYuNDgzaC0uNTI0Wm0uNjUyLjA3OWgtLjU3M1Y2LjRoLjM2N1YzLjI2M0wxMzYuNjEzLDYuNGguMTNsMS4yODQtMy4xNFY2LjRoLjM2N1YyLjloLS41NzNsLTEuMTQzLDIuNzkyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzMS4zMjEgLTIuNzc5KSIgZmlsbD0iIzMzMyIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==);
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 250px 81px;
}
p.aboutVersion {margin: 0px 0px 7px 0px;font-weight: bold;font-family: 'Roboto-Regular';font-size: 14px;}
p.aboutHeader {font-weight: bold;}
p.aboutDescription, p#aboutDeploy {font-size: 14px;}
p.aboutFooter.footercls {margin-top: 39px !important;bottom: 5px;font-size: 14px;}
p.aboutFooter.footer-copyrights {text-align: left;margin-top: 17px;font-size: 14px;}
.tabs.aboutGantter p {color: #454545;font-family: 'Roboto-Regular' !important;text-align: justify;}
p.aboutFooter.footer-copyrights a, p.aboutFooter.footercls a {color: #049cdf;text-decoration: none;font-size: 10pt;}
.lb .dF { height: 35px; }
.dP select { border: 0; height: 100%; margin: 0; width: 100%; }
.lb .dG { border-top: 1px solid #aca899; table-layout: auto;}
.lb table { border-left: 1px solid #aca899; }
.tabs .dG { border-top: 1px solid #fff; }
.tabs table { border-left: none; }

/* Dialogs - tabs */
.tabs { margin-top: 10px; }
.tabs ul { margin: 0; padding: 0; }
.tabs li { float: left; list-style: none; }
.tabs ul a { background: #ccc; color: #fff; cursor: default; display: block; margin-right: 7px; padding: 4px 8px; text-decoration: none !important; }
.tabs ul a.selected { background: #eee; color: #000; cursor: default; font-weight: bolder; margin-bottom: 0; }
.tabs div.tab { background: #ffffff; border: 0px solid #b7b7b7;clear: left; height: 250px; padding: 20px 10px 10px; }

/* Common styles between "Project properties" and "Task properties" dialogs */
div.og { width: 885px; margin-left: -442px; }
div.og p > input[type='text'] { width: 640px; }
div.og p > input#ee[type='text']  { width: 540px; }
div.og div.ez input#nE[type='text'].dp-applied {width: 291px;}
div.og p > select { width: 650px; height: 28px; }
div.og div.ey input[type='text'], div.og div.ez input[type='text'] { width: 315px; }
div.og div.ey input[type='text'].dp-applied, div.og div.ez input[type='text'].dp-applied { width: 283px; }
div.og div.ey select, div.og div.ez select { width: 315px; height: 28px; }
div.og div.ey, div.og div.ez { width: 325px; }
div.og div.ey { float: left; margin-right: 10px; }
div.og div.ez { float: right; padding-top: 0; }
div.og textarea { height: 220px; margin: 0; padding: 0; width: 650px; }
div.og .dP { height: 260px; }
div.og .dP > table { width: 840px; }
div.og .timeModifiers input[type='text'].dp-applied.showtime { width: 162px; margin-right: 1px; cursor: pointer; }
div.og .timeModifiers.resizefield.col3Center,
div.og .timeModifiers.resizefield.col3Right { width: 35%; }
div.og .timeModifiers.resizefield.col3Center .showtime,
div.og .timeModifiers.resizefield.col3Right .showtime { width: 210px!important; }
#fo { width: 280px; cursor: pointer; }
#fn { margin-bottom: 12px; }
div.og div.col3Left input[type='text'], div.og div.col3Center input[type='text'], div.og div.col3Right input[type='text'] { width: 160px; }
div.og div.col3Left input[type='text'].dp-applied, div.og div.col3Center input[type='text'].dp-applied, div.og div.col3Right input[type='text'].dp-applied { width: 140px; }
div.og div.col3Left select, div.og div.col3Center select, div.og div.col3Right select { width: 172px; height: 28px; }

div.split3Cols { display: table; width: 100%; }
div.og div.col3Left, div.og div.col3Center, div.og div.col3Right { display: table-cell; }
div.og div.col3Left, div.og div.col3Center { width: 30%; }
div.og div.col3Right { width: 30%; }
div.og div.col3LeftCenter { display: table-cell; width: 60%; }
div.og div.col3All { display: table-cell; width: 90%; }



/* "Project properties" dialog  TO BE TUNED*/
#dR, #eD { top: 18%; }
#dR .tabs div.tab { height: 450px; }
#qV { height: 295px; }
#rq { margin-bottom: 4px; margin-top: -15px; }
#qL { height: 271px; }
#pi { margin-bottom: 10px; margin-top: -10px; }
#nH { height: 300px; }
#qQ { height:280px; }

/* "Task properties" dialog */
#eD .tabs div.tab { height: 435px; }
#eD  div.txtTaskTradesWrapperClass { margin: 6px 5px 0px 0px; }
.txtTaskSkillsWrapperClass { margin: 1px 5px 0 0; }
.txtTaskTradesWrapperClass > div/*, .txtTaskSkillsWrapperClass > div*/ { width: 18em!important; }
#ov, #txtTaskTrades, #ddlTaskAppType { width: 245px; }
#eW { width: 160px; }
#eP .bT { height: 35px; }
#eP .resTabHangout  { margin-right: 5px; }
#eR select { width: 290px; }
.projectDefaultScheduling  { text-align: center; }
#cbProjectNewTasksAreManual {  }
#lblProjectNewTasksAreManual { text-align: left; vertical-align: text-bottom; }
.projectDefaultScheduling label { margin-top: 12px; display: inline-block; white-space: nowrap;}
#taskAdvancedManualTip { font-size: 1.04em; word-spacing: 0.08em; line-height: 1.7em; white-space: pre-wrap; margin-top: 4px; margin-bottom: 16px; }
#cbAutoScheduled { margin-left: 7px; margin-top: 3.5px; }
#eX { margin-left: 50px; margin-top: 3.5px; }
#fb { margin-left: 50px; margin-top: 3.5px; }
#cbAllowRollup { margin-left: 50px; margin-top: 3.5px; }
#kV, #kW,#pr,#ps { display: inline-block; width: 100px; }
#taskPropStatus{ width: 150px; margin-top: 20px; float: left; display: none; }
#taskPropStatus .taskPropStatusTxt { margin-left: 7px; vertical-align: top; }
#taskPropStatus:before{ font-family: 'AdvancePlaning' !important; color: #000000; font-size: 1.5em; line-height: 1;}
#taskPropStatus.needsattention:before, #taskPropStatus.notstarted:before, #taskPropStatus.inprogress:before { content: "\e97d"; }
#taskPropStatus.completed:before { content: "\e922"; font-size: 1.4em;}
#taskPropStatus.verified:before { content: "\e959"; }
#btnTaskLocation { color: #000000; font-size: 12px; text-shadow: 1px 1px 0px #FFFFFF; padding: 5px 10px; margin-top: 8px; border-radius: 15px; border: 1px solid #cccccc; background: #F5F5F5; text-align:left; float:left; }
#btnTaskLocation:hover { background: #eaeaea; border-color: #b5b5b5; cursor: pointer; box-shadow: 0px 0px 1px 1px #f1f1f1 inset, 0px 0px 1px 0px #8e8e8e; }
#btnTaskLocation:before { font-family: 'AdvancePlaning' !important; color: #059cdf; padding-left: 5px; font-size:21pt; line-height: 0.5; content: "\e978"; float:right; }
/*#jT, #nR { float: left; margin-right: 10px; margin-top: 15px; display: inline-block; background: url(../images/sprites2.png) -95px -310px no-repeat; width: 48px; height: 48px; }*/
#kb { background: #fff; color: #000; height: 20px; width: 100px; }
#jZ { width: 100px; }
#ka { margin-left: 160px; }
#kc { margin-left: 60px; }
#kK, #kN { margin-left: 10px; width: 100px; }
div.jX div, div.jX label, div.jX input { display: inline; float: left; }
div.jX { clear: left; height: 25px; width: 100%; }
#kL { padding-bottom: 60px; }
div.jX label { font-weight: normal; margin-right: 10px; width: 125px; }
div.jY label { font-weight: bold; width: 160px; }
div.kg input { margin-left: 2px; }
#ra { height: 360px; }
#pt { margin-bottom: 4px; margin-top: -15px; }
div.nI button { margin-bottom: 10px; margin-top: 0; }
#lH { height: 247px; }
#verifiedByContainer { margin-bottom: 0.5em; }
p.verified { margin-top: 0.5em; margin-bottom: 0.5em; }
#fp { height: 450px; width: 840px; }
#lC { height: 400px; }
#lH { height: 360px; }

#qI .nN, #lE .jQ { display: none; }
div#eE { max-height:47px;overflow:auto; }

/*Materials/Debris Task properties dialog*/
#MaterialsDebrisTable_container table,#MaterialsDebrisTableTable_header{ width: 700px; table-layout: fixed; }
.MaterialItemTypeColumn{ width:120px; }
.MaterialItemQuantityColumn{ width:80px;}

/* "Resource" and "Calendar properties" dialogs - common */
#picker, #fU { float: left; width: 150px; }
#gf, #fP { float: right; width: 150px; }
#fP { width: 150px; }
#gg, #fR { width: 100%; border-left: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0;}
.fS, .fT { width: 50%; }
.dN { color: gray; }
#fY table .text, #fr table .text { width: 40px; }
p.ma { margin: 0; }

/* "Resource properties" dialog */
#fr { width: 400px; }
#fr .tabs div.tab { height: 410px; }
#fr div.txtResourceSkillsWrapperClass { margin: -10px 0px 0px 0px; }
#fK { width: 360px; height: 2em;}
#fr .text { width: 348px; }
#fW { height: 220px; margin: 0; padding: 0; width: 358px; }
#gd,#ox select {height: 2em;}
.gblResourceSection { height: 53px; margin: 0 0 1em; display: none;}
#fr .txtResourceGlobal { float: left;}
#fr .gblResource.tabs div.tab { height: 460px; }
label.gblResourceID {font-weight: normal;font-size: 1em;line-height: 4;padding-left: 4px;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 99%;}
.gblResourceImg {background: url('../images/globalresource.png') no-repeat center;background-size: 26px;height: 25px;width: 25px;margin: -4px 6px;float: left;}

#resourcePreview { width: 100px; }
#resourceInChartPreview { width: 100px; }
.resourceColorContainer { margin-top: 10px; }
.resourceColorContainer div { display: inline; float: left; }
.resourceColorContainer label { margin-right: 10px; width: 125px; float: left; font-weight: normal; }

/* "Calendar properties" dialog */
#fY { width: 360px; }
#fY .dQ { clear: both; }

/* "Risk properties" dialog */
#ox { width: 450px; }
#ox input[type='text'], #ox select { width: 400px;}
#ox .dQ { clear: both; }
#ox div.ey, #ox div.ez { width: 48%; }
#ox div.ey select, #ox div.ez select { height: 2em; width: 190px; }
#ox div.ey { float: left; margin-right: 10px; }
#ox div.ez { float: right; padding-top: 0; }
#ox #oW {height: 80px; resize: none; overflow-y: auto; }
#oW { height: 30px; }
#oY { height: 140px; }
#rg { width: 420px; }
#rf { height: 240px; }
#oH p { margin-bottom: 3px; margin-top: -10px; }

/* "Materials properties" dialog */
#projectMaterialsTab select {float: right;width: 190px;margin: 10px;}
#projectMaterialsTab label {float: left;clear: right;line-height: 4;}
#projectMaterialsTab div.ey,#projectMaterialsTab div.ez{width: 340px;}

/* "Settings" dialog */
/*
#gX { width: 360px; }
#gX .tab { height: 150px; }
#gX .tabs { height: auto; }
#jc { font-size: 10px; }
#hk, #jE { width: 130px; }
*/

/* Confirmation alert */
#gI { z-index: 6000; height: 150px; width: 320px;}
#gI .bS{ background:none; }
#gJ {font-family: Roboto, Helvetica, sans-serif; font-size: 14px; line-height: 1.2; margin: 5px 5px 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; /*-webkit-line-clamp: 2;*/ width: 280px; color: #666; min-height: 20px;}
#gI #gK{ background:#4d90fe; margin: 10px 10px 10px 0px;}
#gI #gL{ margin: 10px 10px 10px 0px;}
#gI.lb h1 { color: #666;}

/* schedulingErrorDialog alert */
#schedulingErrorDialog { z-index: 6000; height: 158px; width: 520px; top: 30% !important; left: 35%; margin: auto;}
#schedulingErrorDialog .bS{ background:none; }
#schedulingErrorDialog #btnErrorOK{
    width: 60px;
    position: relative;
    bottom: 0px;
    right: 0px;
    z-index: 99 !important;
    float: right;
    display: block;
    margin-top: 24px;
    margin-right: 6px;
    /* background: #dbdbdb; */
    border-radius: 6px;
    padding: 7px 10px 7px 10px;
    border-width: 1px;
    border-style: solid;
    background-color: #059cdf;
    color: #fff;
    text-transform: uppercase;
}
#schedulingErrorDialog .dU.large #schedulingErrorText b {
    font-family: 'Roboto-Regular';
    font-size: 15px;
    font-weight: normal;
    color: #333333;
    line-height: 2;
    background: #ffffff;
    width: 100%;
    display: block;
    padding-left: 3px;
}
#schedulingErrorDialog hr { width: 100%; padding: 17px 5px; position: relative; top: -35px; left: -7px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border:none; }
#schedulingErrorDialog .bX.ld { top: -5px; right: 0px; width: 25px; text-align: center;}
#schedulingErrorDialog .minilogo { background: url(../images/warning.png) no-repeat center; height: 28px; width: 35px; background-size: 26px; float: left; position: relative; top: -2px; left: 0px;}
#schedulingErrorDialog .dU { padding: 12px 10px; -moz-box-shadow: inset 0px 0px 10px #eaeaea; position: relative; top: -40px; -webkit-box-shadow: inset 0px 0px 10px #eaeaea; box-shadow: inset 0px 0px 10px #eaeaea; }
#schedulingErrorDialog .dU {
    height: 247px;
    box-shadow: none !important;;
}
#schedulingErrorDialog .small .dQ #btnErrorOK {
    width: 60px;
    bottom: 21px;
}
#schedulingErrorDialog .predecessorheader span {
    font-size: 14px !important;
    color: #000;
    padding-left: 5px;
}
#schedulingErrorDialog .predecessorrow span {
    padding-left: 5px;
    color: #333;
    font-weight: 500;
    font-family: 'Roboto-Regular';
    height: 30px;
    line-height: 2.5;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#schedulingErrorText { font-family: Roboto, Helvetica, sans-serif; font-size: 14px; line-height: 1.5;  display: -webkit-box; -webkit-box-orient: vertical; width: 490px; color: #666; margin: 15px 5px 12px;}
#schedulingErrorDialog.small { height: 165px; }
#schedulingErrorDialog .dU.small { height: 135px; }
#schedulingErrorText.small {height: 45px; }
#schedulingErrorDialog.medium { height: 225px; }
#schedulingErrorDialog .dU.medium { height: 170px; }
#schedulingErrorText.medium {height: 110px; }
#schedulingErrorDialog.large { height: 320px; width: 560px }
/*#schedulingErrorDialog .dU.large { height: 263px }*/
#schedulingErrorText.large {
    height: 217px;
    width: 556px;
    margin: 10px 0px 10px -8px;
    padding-left: 0px;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    padding: 0px;
    overflow-y: auto;
    overflow: hidden;
    overflow-y: auto;
    box-shadow: none !important;
    position: relative;
}
#schedulingErrorDialog.large button#btnErrorOK {
    margin-top: -9px;
}
#schedulingErrorDialog .predecessor {
    font-size: 9pt;
    display: grid;
    grid-template-columns: 80px 1fr 80px 1fr;
    column-gap: 6px;
}
#schedulingErrorDialog .predecessorheader {
    height: 26px;
    text-align: left;
    vertical-align: middle;
    line-height: 2;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    background-color: #ffffff;
}
#schedulingErrorDialog .predecessorrow {
    border-bottom: 1px solid #cacaca;
    word-break: break-word;
}
#schedulingErrorDialog .predecessorrow:nth-child(odd) {
    background-color: #ededed;
}


/* Web Calendar (Project Milestones) dialog */
#gM { max-width: 550px;}
#gM .bS{ background:none; }
#gM #gQ{ background:#4d90fe; }
#gM .dQ { padding-bottom: 45px; }
#gR,#gM button {float: left;}
#gR{ border: none; line-height: 3; }

/* "Open local/Import" dialog */
#gl { margin-left: -170px; }
#go { display: none; padding-bottom: 20px; }
.openFileTitle,#fileOpen { width: 470px; }

/* "Import Calendars" dialog */
#importCalendarsDialog { margin-left: -170px; }
#calFileOpen { width: 470px; }
#CalImportHelp {display: none;padding: 5px 0px;}

/* "Import XER" dialog */
#importXerDialog { margin-left: -170px; }
#xerFileOpen { width: 470px; }
#XerImportHelp {display: none;padding: 5px 0px;}

/* "Open from template" dialog */
#gw { width: 495px; }
#gx { width: 470px; }

/* "Open from Gantter" dialog */
#hM { width: 600px; }
#hP { color: #004080; cursor: pointer; font-weight: bold; text-decoration: underline; }
#hO { width: 100%; }

/* "Open from Google Drive" dialog */
#gq {margin-left: -140px;}
#lX { width: 470px; }

/* "Opening..." messages in different "Open" dialogs */
#importingXer, #importingCalendars, #lV, #gs, #gA, #hR { border: none; display: none; font-weight: bold; margin: 0;padding: 10px 20px;}

/* "Save to Google Drive" dialog */
#jN { width: 495px; }

/* "Make copy" dialog */
.kF { display: inline-block; height: 16px; margin: 0px 3px 0px 5px; vertical-align: sub; width: 18px; }

/* "Share" dialog */
/*
#hS { width: 553px; }
#hS td.hY { padding-left: 7px; }
#ic, #ks { margin-left: 12px; }
#ia { font-family: Arial,Verdana,Helvetica,sans-serif; height: 10px; height: 18px; padding-bottom: 2px; padding-top: 2px; width: 274px; }
#ib { padding: 2px; width: 138px; }
#ie { font-weight: normal; vertical-align: top; }
#lN { width: 549px; }
#lM { height: 130px; }
*/
#ks { margin-left: 12px; }

/* "Personal skills" dialog */
/*
#personalSkillsDialog { width: 400px; }
#personalSkillsDialog .personalSkillsContainer { text-align:center; }
#personalSkillsDialog label { font-size:x-large; }
*/

/* "Filter by resources" dialog */
#filterByResourcesDialog { width: 430px; }
#gV, #qk { width: 410px; }
div[id^="filterBy"] button {background: none;}
div[id^="filterBy"] .m-submit-button {background:#059cdf;}

/* "Filter by Slack" dialog */
#filterBySlackColumnDialog {width: 430px;}
#filterBySlackInputDialog {width: 430px; min-height: 175px}
.columnSlackFilterConfig {height: 67px;}
.ddlFilterSlack {width: 160px; height: 29px; margin-right: 10px;}
.wrapperSlackLeft {float: left;}
.wrapperSlackRight {position: relative; left: 17%;}
#ddlConditionalFilter { outline: none; }
.ddlInputSlack {width: 130px; height: 23px; margin-left: -168px; border: none; }

/* "Filter by Input Value" dialog */
#filterByColumnDialog {width: 430px;}
#filterByInputDialog {width: 430px; min-height: 175px}
.columnFilterConfig {height: 67px;}
.ddlFilterInput {width: 160px; height: 29px; margin-right: 10px;}
.wrapperInputLeft {float: left;}
.wrapperInputRight {float: right;}
#ddlInputConditionalFilter {outline: none;}
.columnFilterFloatValues{float: left;}
#filterInputValue {width: 150px; height: 26px; margin: 5px 10px; border: 1px solid #DDD;}

/* "Public extensions" and "Manage extensions" dialogs */
#sd ,#se,#sg{width: 733px!important;table-layout: auto;}
#sg tbody td, #lS tbody td, #rl tbody td { font-size: 13px; color: #3d3d3d; padding: 3px; max-width: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:left; }
#sg tbody a, #lS tbody a, #rl tbody a{vertical-align: middle;}
#kj, #pY { width: 600px; }
#lS, #rl { width: 587px; table-layout:auto;}
#lR, #rk { height: 160px;}
#kj td.kp, #pY td.qe { padding-left: 7px; }
#rV .le,#kj .le,#pY .le { font-weight: bold; font-size: 16px; color: #3d3d3d; cursor: move; }
#rV .le {padding: 18px 0px 8px 18px; margin: 0px; }
#rV{ width: 800px; height: 450px;}
#rV  .gantter-header {padding: 5px 15px;border-bottom: 1px solid #EEE;}
#rX .dU { padding: 10px 30px;height:320px;  }
#sg thead {visibility:hidden;}
#sf {height: 301px;width:750px!important}
.rZ img, .kn img { padding-left: 2px;vertical-align: middle;}
a.kS { padding-left: 20px;}
a.kU { padding-left: 10px;}

/* "Extension security" dialog */
#ku { width: 470px; }
#kz,#oa {float:left}

/* "Operation in progress" element
div.mL { background: url(../images/ajax-loader.gif) no-repeat; display: inline-block; height: 16px; width: 16px; padding-right: 10px;float:left; }*/
div.mL { display: none !important; }
/* buttons */
a.button { background: url(../images/blue-btn-bg.png) repeat-x; border-radius: 3px; color: #fff; display: inline; float: left; font-size: 18px; font-weight: bold; margin-bottom: 10px; margin-left: 10px; moz-border-radius: 3px; ms-border-radius: 3px; o-border-radius: 3px; padding: 5px 15px; text-align: center; text-decoration: none; text-shadow: 0 1px 2px rgba(0,0,0,.25); webkit-border-radius: 3px; }
a.button.kZ { height: 56px; line-height: 56px; padding: 0; width: 220px; }
a.button.small { font-size: 12px; padding: 2px 6px; }
a.jD { background-image: url(../images/green-btn-bg.png); border-color: #7dcc49; }
a.button:hover { background-position: 0 -83px; text-decoration: none; }
a.button:active { background-position: 0 -166px; outline: none; }
a.button:focus { outline: none; }

/* "Login/Register" dialog */
/*
#ij { height: auto; width: 750px; }
#ij.lb { background: #fff; border: 6px solid #c1d9ff; display: none; left: 45%; margin-left: -300px; position: fixed; top: 5%; }
#ij { color: #555; font: 13px/1.5 'Helvetica Neue',Arial, 'Liberation Sans',FreeSans,sans-serif; }
#ij a:link, #jt { color: #3a89c1; text-decoration: none; }
#ij a.iQ { color: #fff; font-size: 20px; }
#ij a.iQ:hover { text-decoration: none; }
#ij .login .iQ, .register .iQ { float: right; }
#ij #ik { text-align: center; }
#ij div.logo { margin-left: 43%; width: 100%; }
#ij div.jH, #ij div.jH p { text-align: left; }
#ij div.jH img { margin: 0 6px 0 0; padding: 0; vertical-align: bottom; }
#ij fieldset { border: 0; margin: 0; padding: 0; }
#ij legend { display: none; }
#ij .notice, #ij .error, #ij .success { display: none; margin-left: 0; margin-right: 0; }
#ij .field { overflow: hidden; }
#ij .field input.text { border: 1px solid #bbb; border-radius: 3px; box-shadow: 0 1px 1px rgba(255,255,255,1); float: right; margin-bottom: 0; margin-left: -10px; moz-border-radius: 3px; moz-box-shadow: 0 1px 1px rgba(255,255,255,1); outline: none; padding: 10px; webkit-border-radius: 3px; webkit-box-shadow: 0 1px 1px rgba(255,255,255,1); width: 100%; }
#ij .field input.text:focus { border-color: #79aad8; box-shadow: 0 0 6px #009cff; }
#ij .login .check, .register .check { float: left; height: 63px; line-height: 63px; }
#ij .text { margin-bottom: 10px; text-align: left; }
#ij .text label { float: left; font-weight: normal; padding: 10px 0; width: 25%; }
#ij .check label { font-weight: normal; }
#ij .field input.text { float: right; margin-bottom: 0; margin-left: -10px; padding: 10px; width: 70%; }
#ij .info { margin: 0; margin-bottom: 15px; }
#ij #ik .iv { margin-top: 20px; }
#iA, #iL { display: none; }
#iA .iv { margin-top: 10px; text-align: center; }
#ij .info a { color: #7dc251; }
#ij a:hover { text-decoration: underline; }
#ij h3 { font-size: 25px; font-weight: bold; margin: 15px 0 0; text-align: center; }
#ij h3 strong, h2 strong { color: #79aad8; }
#ij h2 { font-size: 17px; font-weight: bold; }
#ij small { color: #999; display: block; float: left; font-size: 10px; margin-left: 25%; width: 70%; }
#ij div.login, div.register { margin: 0 auto; overflow: hidden; text-align: center; width: 720px; }
#ij .il, .ix { display: inline; float: left; width: 250px; }
#ij .il { width: 450px; }
#ij .ix { margin-left: 20px; }
#ij .ix .iy { margin: 0 auto; text-align: left; width: 202px; }
#ij .iP::after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
.en #ij a.login { background-image: url(../images/login-now-textIndent.png); text-indent: -999em; }
.en #ij a.register { background-image: url(../images/register-textIndent.png); text-indent: -999em; }
#ij .mL { display: none; margin: -50px 0 0 310px; }
#im, #iB { text-align: left; }
.mG, .mH { background: url(../images/sprites2.png) no-repeat; }
.mG { background-position: -107px -153px; }
.mH { background-position: -108px -208px; }
.mI { background: url(../images/favicon.ico) no-repeat; }
.mJ { display: inline-block; padding-left: 22px; }
.la { display: inline-block; height: 16px; width:16px; vertical-align: middle; }
*/

/* "About" dialog */
#gB{width:700px;height:600px;background:#fff;border:1px solid #bcbcbc;border-radius:10px;box-shadow:0 6px 15px rgba(0,0,0,.3);position:absolute;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;text-align:center;padding:20px;box-sizing:border-box;margin:0 auto!important}
#gB div.logo { float: left; width: 120px; }
.aboutGantter.tabs div.tab { height: 250px!important;padding: 10px; }
.aboutGantter .aboutHeader{  font-size: 18px;margin-bottom: 18px;}
.aboutgantter {padding: 0px 10px 0px 30px;color: #666;font-size: 10pt;font-family: 'Roboto-Regular';}
.aboutGantter .aboutLbl { font-size: 110%; padding: 5px 0px; margin: 2px 0px; letter-spacing: 0.5px; font-weight: 600; }
.aboutGantter .aboutFooter {line-height: 2.5;font-size: 100%;margin-top: 10px;color: #353535;bottom: 33px;width: 90%;position: relative;}

#optinDialog { width: 475px; top: 35%; left: 52%; }
#optinDialog div.content p.message-title { font-weight: bold; }

#renameProjectDialog { width: 475px; top: 35%; left: 52%; }

/* prevent selection of elements on click for Chrome/Safari and Firefox. IE requires JavaScript code for this */
#top, #bY, #bT, #sidebar, #chart, #showHideDetailedSearch, #btnShowHideDetails, th, .pB, .dl, .dx, .tooltip, /*#ai,*/ #btnShare, td { khtml-user-select: none; moz-user-select: none; }

/* for Chrome/Safari to prevent highlighting */
input, textarea { outline-style: none; }
textarea::placeholder{line-height:1;}

/* color picker */
div.colorPicker-picker { background: url(../images/sprites1.png) 0 -2945px no-repeat; border: 1px solid #ccc; cursor: pointer; height: 16px; line-height: 16px; padding: 0 !important; width: 16px; }
div.colorPicker-palette { background: #efefef; border: 1px solid #598fef; padding: 2px; position: absolute; width: 110px; z-index: 3000; }
div.colorPicker_hexWrap { float: left; width: 100%; }
div.colorPicker_hexWrap label { color: #2f2f2f; font-size: 95%; margin: 5px 2px; width: 25%; }
div.colorPicker_hexWrap input { border: 1px solid #000; font-size: 95%; margin: 5px 2px; padding: 0; width: 65%; }
div.colorPicker-swatch { border: 1px solid #000; cursor: pointer; float: left; height: 12px; line-height: 12px; margin: 2px; width: 12px; }
div.colorPicker_hexWrap { display: none; }

/* date picker */
a.dp-choose-date { background-position: 0 -2117px; display: block; float: left; height: 16px; margin: 10px 3px 0; overflow: hidden; padding: 0; text-indent: -2000px; width: 16px; }
a.dp-choose-date.dp-disabled { background-position: 0 -2097px; cursor: default; }
input.dp-applied { float: left; width: 140px; }
table.jCalendar { background: #f5f5f5; border-collapse: separate; border-spacing: 2px; table-layout: auto; width: 170px; }
table.jCalendar td.dayOff { background: red; }
table.jCalendar td.daySet { background: #ff0; }
table.jCalendar tr { height: auto; }
table.jCalendar th { background: #555; border: 0; color: #fff; font-weight: bold; height: auto; padding: 3px 5px; }
table.jCalendar td { background: #fff; border: 0; color: #000; height: auto; padding: 3px 5px; text-align: center; }
table.jCalendar td.other-month { background: #ddd; color: #aaa; }
table.jCalendar td.today { background: #4d90fe; color: #fff; }
table.jCalendar td.selected { background: #9fd67b; color: #fff; }
table.jCalendar td.selected.dp-hover, table.jCalendar td.selected:hover { background: #8ed162; color: #fff; }
table.jCalendar td.dp-hover, table.jCalendar td:hover { background: #eee; color: #333; }
table.jCalendar td.disabled, table.jCalendar td.disabled:hover { background: #bbb; color: #888; }

/* date picker popup */
div.dp-popup { background: #fff; border: 3px solid #fff; font-family: arial,sans-serif; font-size: 10px; line-height: 1.2em; padding: 2px; position: relative; width: 171px; }
div#dp-popup { position: absolute; z-index: 3000; }
div.dp-popup h2 { font-size: 12px; font-weight: normal; margin: 2px 0; padding: 0; text-align: center; }
a#dp-close, a#dp-today { display: block; font-size: 11px; padding: 4px 0; text-align: center; text-transform: uppercase; }
a#dp-close:hover, a#dp-today:hover { text-decoration: underline; }
div.dp-popup a { color: #000; padding: 3px 2px 0; text-decoration: none; }
div.dp-popup div.dp-nav-prev { left: 4px; position: absolute; top: 2px; width: 100px; }
div.dp-popup div.dp-nav-prev a { float: left; }

/* date picker - for Opera */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; }
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; }
div.dp-popup div.dp-nav-next { position: absolute; right: 4px; top: 2px; width: 100px; }
div.dp-popup div.dp-nav-next a { float: right; }
div.dp-popup a.disabled { color: #aaa; cursor: default; }
div.dp-popup td { cursor: pointer; }
div.dp-popup td.disabled { cursor: default; }

/* buttons */
.mk { background: #438cef; color: #fff; display: inline-block; padding: 2px 10px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid #00609a; /*-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);*/ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.mk:active { outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); moz-user-select: none; }
.mk:hover { background: transparent; color: #fff; }

/* general Opera hacks - other browsers ignore them (.opera class is set to "body" tag in JavaScript when the browser is Opera) */
/*.opera .collapse, .opera .expand { float: none; margin-bottom: -13px; }*/
.opera tr.dM td.dm input { margin-left: 16px; }

/* chat dialog */
#me { position: absolute; float: right; right: 3px; bottom: 3px; z-index: 3000; margin-left: 0; left: auto; top: auto; border: 1px solid #c4d2e6; width: 435px; height: 515px; border-radius: 2px; box-shadow: 0px 0px 24px rgba(0,0,0,.35); }
#me * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.timeago { clear: both; }
.mf { 
  /* @alternate */ color: #fff; 
  color: rgba(255,255,255,.85); 
  font-weight: bold; padding: 2px 10px; 
  background: #438cef; line-height: 20px; 
}
.mg { float: right; font-weight: bold; font-size: 14px; cursor: default; }
.mh { margin: 10px 10px 0 10px; position: relative; }
.mj { margin: 0 10px 10px 10px; border: 1px solid #c4d2e6; border-top: none; background: #fff; }
.mi { padding: 10px 0 10px 10px; }
.ml ul { margin: 0; margin-top: 10px; list-style: none; padding: 0; }
.ml ul > li > a { display: block; }
.ml ul > li > a:hover { background: #f7f9ff; }
.mm ul { *zoom: 1; }
.mm ul:before, .mm ul:after { display: table; line-height: 0; content: ""; }
.mm ul:after { clear: both; }
.mm ul > li { float: left; }
.mm ul > li > a { padding-right: 10px; padding-left: 10px; margin-right: 2px; line-height: 14px; }
.mm ul { border-bottom: 1px solid #c4d2e6; padding-left: 20px;}
.mm ul > li { margin-bottom: -1px; margin-right: -2px; }
.mm ul > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; border: 1px solid transparent; text-decoration: none !important; background: #ccc; color: #000;}
.mm ul > li > a:hover { background: #ccc; color: #000; border: 1px solid transparent; }
.mm ul > .active > a, .mm ul > .active > a:hover { color: #0089D0; cursor: default; background-color: #ffffff; border: 1px solid #c4d2e6; border-bottom-color: transparent; text-decoration: none !important; }
#mK { float: right; margin-left: 10px; }
#mA { height: 270px; padding-right: 10px; margin-bottom: 10px; overflow: hidden; overflow-y: auto; background: url('../images/secondary-content-bg.jpg') no-repeat bottom center transparent; background-size: 100%; }
.mo { overflow: hidden; padding-right: 10px; }
#mB { border: 1px solid #c4d2e6; margin-bottom: 10px; padding: 10px; border-radius: 2px; width: 100%; height: 50px; resize: none; }
.mp { float: left; }
.mq { float: right; }
.mr { position: relative; margin: 0 0 5px 10px; min-height: 40px; line-height: 20px; padding: 10px; background: #FFFFFF; border: #C4D2E6 solid 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; }
.mr:after { content: ""; position: absolute; top: 10px; left: -8px; border-style: solid; border-width: 9px 8px 9px 0; border-color: transparent #FFFFFF; display: block; width: 0; z-index: 1; }
.mr:before { 
  content: ""; 
  position: absolute; 
  top: 10px; 
  left: -9px; 
  border-style: solid; 
  border-width: 9px 8px 9px 0; 
  /* @alternate */ border-color: transparent #C4D2E6; 
  border-color: transparent inherit; 
  display: block; width: 0; z-index: 0; }
.mr span { word-break: break-all; display: inline-block; }
.ms .mr { margin: 0 10px 5px 0; float: right; }
.ms .mr:after { left: auto; right: -8px; border-width: 9px 0 9px 8px; }
.ms .mr:before { left: auto; right: -9px; border-width: 9px 0 9px 8px; }
.mu, .mu .mn { list-style: none; margin: 0; padding: 0; }
.mn { overflow: hidden; }
.mn .mt { font-weight: bold; display: none; }
.mn .mv { width: 40px; height: 40px; float: left; background: #eee; border-radius: 2px; overflow: hidden; }
.mn .mv img { max-width: 40px; max-height: 40px; }
.mn .mw { margin-left: 45px; }
.mn small { margin-left: 55px; margin-bottom: 15px; color: #bbb; display: block; }
.ms .mv { float: right; }
.ms .mw { margin-left: 0; margin-right: 45px; }
.ms small { margin-left: 0; margin-right: 55px; text-align: right; }

#collaboratorsTab { overflow: hidden; overflow-y: auto; height: 402px; }
#collaboratorsTab .mi { padding: 0px; }
#collaboratorsArea .chatUser { clear: left; padding: 10px; border-bottom: 1px #ddd solid; font-size: 12px; font-weight: bold; font-family: proxima-nova, sans-serif !important; }
#collaboratorsArea .chatUser img { width: 40px; height: 40px; vertical-align: middle; margin-right: 10px; -webkit-border-radius: 50px; border-radius: 50px;}
#collaboratorsArea .chatUser:hover { background-color: #FFFFCC; }

#me .tabContent { display: none; }
#me .activeTab { display: block; }

/* use these classes to show and hide containers*/
.pw { display: block; }
.px { display: none; }

div.pv { background: url(../images/link.gif) no-repeat; margin: 2px 2px 0 7px;height: 16px; width: 16px; }
div.nI { display: none; }

#rx div.dC { cursor: pointer; }
#rU { width: 364px; }
#rL { width: 400px; }
#rQ { height: 295px }
#rM { background: #eee; clear: left; height: 330px; padding: 20px 10px 10px; }

td.highlighted { background: #fff6bf; }
td.overAllocatedResource { color:#ff0000; }

/* Information Box related styling */
#infoBoxDialog { z-index: 6000; }
#infoBoxDialog div.wrapper {float:left;}
#infoBoxDialog div.infoBoxIcon { margin:10px; float:left; background-image: url(../images/info.png); background-repeat: no-repeat;height:50px;width:50px; }
#infoBoxDialog div.infoBoxContent { float:right; width: 500px; }
#infoBoxDialog div.dQ { float : right;  padding: 5px; }
#infoBoxDialog div.dQ a.infoBoxHelpUrl{ margin-right: 150px; display: none}/*Temporary Hidden*/
#infoBoxDialog div.dQ label.checkbox{ margin-right: 310px }
#infoBoxDialog div.dQ input[type='checkbox']{ vertical-align: bottom; }
#infoBoxDialog div.dQ button.bS{ margin-right: 10px }
#infoBoxDialog div.dQ a, #infoBoxDialog div.dQ input, #infoBoxDialog div.dQ label { position: relative; top: 15px; }

/* Information Bubble related styling */
.infoBubble { background: url(../images/infobubble.png) no-repeat; height: 16px; margin-left: auto; margin-right: auto; vertical-align: middle; width: 16px;}

#infoBubbleBox { background:none; filter: alpha(opacity=100); left: -9999px;
                 opacity: 1; position: absolute; z-index: 3000; }

div.infoBubbleBoxContent { background: #FFFFFF; border: 1px solid gray; opacity: 1; z-index: 3000; width: 250px;
                           filter: alpha(opacity=100); left: -9999px; padding:10px; border-radius:5px;}

#infoBubbleBox h1{ font-size: 140%; font-weight: bold; }
#infoBubbleBox div.infoBubbleText { padding: 5px; }
#infoBubbleBox div.infoBubbleIcon { background-image: url(../images/video-icon.png); background-repeat: no-repeat; background-position: center center; height:50px; padding: 5px; }
#infoBubbleBox div.infoBoxButtonsCenter { text-align: center; }

#infoBubbleBaseline { position: absolute; left: 60px; top: -8px;}
#infoBubbleResourceUsage { position: absolute; left: 17px; top: -7px;}
.mN #infoBubbleRecommendations { position: absolute; left: -20px; top: 15%; }
#infoBubbleRisk { position: absolute; left: 60px; top: 320px; }


#infoBubbleTaskPropertiesIndustry { position: absolute; left: 250px; top: -7px; }
#infoBubbleTaskPropertiesSkills { position: absolute; left: 600px; top: -7px; }
#infoBubbleTaskPropertiesLocation { position: absolute; left: 55px; top: -7px; }
#infoBubbleTaskPropertiesRisk { position: absolute; left: 37px; top: -12px; }

#infoBubbleProjectPropertiesRisk { position: absolute; left: 37px; top: -12px; }
#infoBubbleProjectPropertiesIndustry { position: absolute; left: 51px; top: -6px; }
#infoBubbleProjectPropertiesLocation { position: absolute; left: 53px; top: -6px; }


.infoBubbleBottomRight { padding: 28px 0px 0px 33px }
.infoBubbleTopRight { padding: 0px 0px 28px 28px }
.infoBubbleBottomLeft { padding: 29px 30px 0px 0px }


.arrow-border-background {position: absolute; border-bottom: 16px solid #fff; border-left: 26px solid transparent; border-right: 7px solid transparent; }
.arrow-background { position: absolute; border-bottom: 15px solid #fff; border-left: 26px solid transparent; border-right: 5px solid transparent; }


.arrow-bottom-right-background { transform:rotate(60deg); -ms-transform:rotate(60deg); -webkit-transform:rotate(60deg); left: 18px; top: 18px;  }
.arrow-bottom-right-border-background { transform:rotate(60deg); -ms-transform:rotate(60deg); -webkit-transform:rotate(60deg); left: 16px; top: 17px; border-bottom-color: gray; }


.arrow-bottom-left-background { transform:rotate(150deg); -ms-transform:rotate(150deg); -webkit-transform:rotate(150deg); left: 260px; top: 21px;  }
.arrow-bottom-left-border-background { transform:rotate(150deg); -ms-transform:rotate(150deg); -webkit-transform:rotate(150deg); left: 260px; top: 20px; border-bottom-color: gray; }

.arrow-top-right-background { transform:rotate(320deg); -ms-transform:rotate(320deg); -webkit-transform:rotate(320deg); left: 11px; top: 178px;  }
.arrow-top-right-border-background { transform:rotate(320deg); -ms-transform:rotate(320deg); -webkit-transform:rotate(320deg); left: 9px; top: 179px; border-bottom-color: gray; }

.arrow-top-right-risk-background { transform:rotate(320deg); -ms-transform:rotate(320deg); -webkit-transform:rotate(320deg); left: 11px; top: 124px;  }
.arrow-top-right-risk-border-background { transform:rotate(320deg); -ms-transform:rotate(320deg); -webkit-transform:rotate(320deg); left: 9px; top: 125px; border-bottom-color: gray; }

#qh { margin-left: 10px; }
#qg,#kr { width: 350px; }


/*comments pop up styling*/
#fileCommentsPopup { background-color: white;}
#fileCommentsPopup div.cContainer, #taskComments div.cContainer { height: inherit; overflow-y: auto; }
#fileCommentsPopup .cWrapper, #taskComments .cWrapper {	border-top: 1px solid #e8e8e8; font-family: Arial,sans-serif; font-size: 12px; padding: 18px 0 7px 0; position: relative; outline: none; zoom: 1; }
#fileCommentsPopup .cWrapper img, #taskComments .cWrapper img { left: 0; position: absolute; width: 48px; height: 48px; }
#fileCommentsPopup .cThreadWrapper, #taskComments .cThreadWrapper { margin-left: 60px; position: relative; }
#fileCommentsPopup .cComment, #taskComments .cComment { min-height: 48px; background-color: #f6f6f6; }
#fileCommentsPopup .cAuthor, #taskComments .cAuthor { font-weight: bold; position: relative; display: -moz-inline-box; display: inline-block; }
#fileCommentsPopup .cTimestamp, #taskComments .cTimestamp { right: 33px; position: absolute; top: 0; }
#fileCommentsPopup .cMessageText, #taskComments .cMessageText { color: #333; word-wrap: break-word; top: -7px; zoom: 1; }
#fileCommentsPopup .cRepliesWrapper, #taskComments .cRepliesWrapper { margin: 4px 12px 3px 0; }
#fileCommentsPopup .cReply, #taskComments .cReply { background-color: #f6f6f6; color: #666; font-size: 12px; padding: 6px 6px 0 6px; position: relative; margin-bottom: 3px; min-height: 24px; }
#fileCommentsPopup .cReply img, #taskComments .cReply img { left: 6px; position: absolute; width: 24px; height: 24px; }
#fileCommentsPopup .crMessage, #taskComments .crMessage { padding-left: 30px; }
#fileCommentsPopup .crAuthor, #taskComments .crAuthor {	color: black; font-weight: bold; left: -2px; margin: 0 4px; right: -2px; position: relative; display: -moz-inline-box; display: inline-block; }
#fileCommentsPopup .crMessageText, #taskComments .crMessageText { color: #333; margin: 0; top: -4px; width: 100%; word-wrap: break-word; }
#fileCommentsPopup .crMessageBody, #taskComments .crMessageBody { }
#fileCommentsPopup .crTimestamp, #taskComments .crTimestamp { color: #999; font-size: 11px; white-space: pre; }

#fileCommentsPopup .cProgress, #taskComments .cProgress { background-color: #f0f0f0; width: 100%; height: 100%; z-index: 99; opacity: 0.8; position: absolute; top: 0px; }
#fileCommentsPopup .cLoader, #taskComments .cLoader {display: inline-block;margin-top: 150px; }
#fileCommentsPopup .cLoaderText, #taskComments .cLoaderText { text-align: center; margin-top: -15px;}


#fileCommentsPopup .cpWrapper, #taskComments .cpWrapper { margin: 10px 25px 10px 10px; position: relative; zoom: 1; font-family: Arial,sans-serif; font-size: 12px; }
#fileCommentsPopup .cpWrapper img, #taskComments .cpWrapper img { left: 0; position: absolute; width: 48px; height: 48px; }
#fileCommentsPopup .cpNewPostWrapper, #taskComments .cpNewPostWrapper {	margin-left: 61px; position: relative; zoom: 1; }
#fileCommentsPopup .cpAuthor, #taskComments .cpAuthor{	font-size: 12px; font-weight: bold; margin-bottom: 3px; top: -3px; position: relative; display: -moz-inline-box; display: inline-block; }
#fileCommentsPopup .cpTextAreaWrap, #taskComments .cpTextAreaWrap { top: -4px; position: relative; zoom: 1;}
#fileCommentsPopup .cpTextAreaWrap textarea, #taskComments .cpTextAreaWrap textarea { 
  /* @alternate */ font-size: 12px; 
  height: 30px; border: 1px solid #c8c8c8; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
                           -webkit-box-sizing: border-box; font-family: Arial,sans-serif; font-size: 13px;	margin: 0;
                           overflow-x: hidden; overflow-y: hidden; outline-width: 0!important; padding: 4px; resize: none; width: 100%; }
#fileCommentsPopup .cpTextAreaWrap textarea.active, #taskComments .cpTextAreaWrap textarea.active { color: #000; }
#fileCommentsPopup .cpTextAreaArrowBorder, #taskComments .cpTextAreaArrowBorder { border-top: 7px solid transparent;	border-right: 8px solid #c8c8c8; border-bottom: 7px solid transparent; height: 0; left: -7px; position: absolute; top: 3px; }
#fileCommentsPopup .cpTextAreaArrow, #taskComments .cpTextAreaArrow { border-top: 7px solid transparent; border-right: 8px solid #fff;	border-bottom: 7px solid transparent; height: 0; left: -6px; position: absolute; top: 3px; }

#fileCommentsPopup .buttons:before, .buttons:after { content: "\0020"; display: block;	height: 0; visibility: hidden; }
#fileCommentsPopup .buttons:after, #taskComments .buttons:after { clear: both; }
#fileCommentsPopup .buttons, #taskComments .buttons { zoom: 1; }
#fileCommentsPopup button, #taskComments button { text-decoration: none;	text-shadow: 0 1px 0 #fff; font: bold 11px Helvetica, Arial, sans-serif; color: #444;
         line-height: 17px;	
         /* @alternate */ height: 18px; 
         display: inline-block; float: left; margin: 5px; padding: 5px 6px 4px 6px;
         background: #F3F3F3; border: solid 1px #D9D9D9; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
         -webkit-transition: border-color .20s; -moz-transition: border-color .20s; -o-transition: border-color .20s;
         transition: border-color .20s;	height: 29px !important; cursor: pointer; }
#fileCommentsPopup button:hover, #taskComments button:hover { background: #F4F4F4; border-color: #C0C0C0; color: #333; }
#fileCommentsPopup button:active, #taskComments button:active {	border-color: #4D90FE; color: #4D90FE; -moz-box-shadow:inset 0 0 10px #D4D4D4; -webkit-box-shadow:inset 0 0 10px #D4D4D4;
                   box-shadow:inset 0 0 10px #D4D4D4; }
#fileCommentsPopup button.bluebtn, #taskComments button.bluebtn { 
  border: 1px solid #3079ED !important; 
  background: #4B8DF8;
  /* @alternate */ background: -webkit-linear-gradient(top, #4C8FFD, #4787ED);
  /* @alternate */ background: -moz-linear-gradient(top, #4C8FFD, #4787ED); 
  /* @alternate */ background: -ms-linear-gradient(top, #4C8FFD, #4787ED);
  /* @alternate */ background: -o-linear-gradient(top, #4C8FFD, #4787ED); 
  -webkit-transition: border .20s; -moz-transition: border .20s;
 -o-transition: border .20s; transition: border .20s;}
#fileCommentsPopup button.bluebtn:hover, #taskComments button.bluebtn:hover { 
  border: 1px solid #2F5BB7 !important; 
  background: #3F83F1; 
  /* @alternate */ background: -webkit-linear-gradient(top, #4D90FE, #357AE8);
  /* @alternate */ background: -moz-linear-gradient(top, #4D90FE, #357AE8); 
  /* @alternate */ background: -ms-linear-gradient(top, #4D90FE, #357AE8);
  /* @alternate */ background: -o-linear-gradient(top, #4D90FE, #357AE8);
}
#fileCommentsPopup button.greenbtn, #taskComments button.greenbtn { 
  border: 1px solid #29691D !important;	
  background: #3A8E00;
  /* @alternate */ background: -webkit-linear-gradient(top, #3C9300, #398A00);
  /* @alternate */ background: -moz-linear-gradient(top, #3C9300, #398A00); 
  /* @alternate */ background: -ms-linear-gradient(top, #3C9300, #398A00);
  /* @alternate */ background: -o-linear-gradient(top, #3C9300, #398A00); 
  -webkit-transition: border .20s;
  -moz-transition: border .20s; 
  -o-transition: border .20s; 
  transition: border .20s; 
}
#fileCommentsPopup button.greenbtn:hover, #taskComments button.greenbtn:hover {	
  border: 1px solid #2D6200 !important; 
  background: #3F83F1;
  /* @alternate */ background: -webkit-linear-gradient(top, #3C9300, #368200);
  /* @alternate */ background: -moz-linear-gradient(top, #3C9300, #368200); 
  /* @alternate */ background: -ms-linear-gradient(top, #3C9300, #368200);
  /* @alternate */ background: -o-linear-gradient(top, #3C9300, #368200); 
}
#fileCommentsPopup button.redbtn, #taskComments button.redbtn {	
  border: 1px solid #D14836 !important; 
  background: #D64937;
  /* @alternate */ background: -webkit-linear-gradient(top, #DC4A38, #D14836);
  /* @alternate */ background: -moz-linear-gradient(top, #DC4A38, #D14836); 
  /* @alternate */ background: -ms-linear-gradient(top, #DC4A38, #D14836);
  /* @alternate */ background: -o-linear-gradient(top, #DC4A38, #D14836); 
  -webkit-transition: border .20s; 
  -moz-transition: border .20s;
  -o-transition: border .20s; 
  transition: border .20s; 
}
#fileCommentsPopup button.redbtn:hover, #taskComments button.redbtn:hover { border: 1px solid #B0281A !important;	
  background: #D14130; 
  /* @alternate */ background: -webkit-linear-gradient(top, #DC4A38, #C53727);
  /* @alternate */ background: -moz-linear-gradient(top, #DC4A38, #C53727); 
  /* @alternate */ background: -ms-linear-gradient(top, #DC4A38, #C53727);
  /* @alternate */ background: -o-linear-gradient(top, #DC4A38, #C53727); 
}
#fileCommentsPopup button.action:hover, #taskComments button.action:hover { -moz-box-shadow: 0 1px 0px #DDD; -webkit-box-shadow: 0 1px 0px #DDD;
	box-shadow:iset 0 1px 0px #DDD; }
#fileCommentsPopup button.action:active, #taskComments button.action:active { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;
	border-color: #C6C6C6 !important; }
#fileCommentsPopup button.bluebtn:active, #taskComments button.bluebtn:active {	border-color: #2F5BB7 !important; }
#fileCommentsPopup button.greenbtn:active, #taskComments button.greenbtn:active { border-color: #2D6200 !important; }
#fileCommentsPopup button.redbtn:active, #taskComments button.redbtn:active { border-color: #B0281A !important; }
#fileCommentsPopup button span.label, #taskComments button span.label {	display: inline-block; float: left;	line-height: 17px; height: 18px; padding: 0 1px;
	overflow: hidden; color: #444; -webkit-transition: color .20s; -moz-transition: color .20s; -o-transition: color .20s; transition: color .20s; }
#fileCommentsPopup button span.label, #taskComments button span.label {	line-height: 15px !important; }
#fileCommentsPopup button:hover .label.bluebtn, #taskComments button:hover .label.bluebtn { color: #7090C8; }
#fileCommentsPopup button:hover .label.greenbtn, #taskComments button:hover .label.greenbtn { color: #42B449; }
#fileCommentsPopup button:hover .label.yellow, #taskComments button:hover .label.yellow { color: #F7CB38; }
#fileCommentsPopup button.bluebtn .label, #taskComments button.bluebtn .label {	color: #FFF !important;	text-shadow: 0 1px 0 #2F5BB7 !important; }
#fileCommentsPopup button.greenbtn .label, #taskComments button.greenbtn .label { color: #FFF !important; text-shadow: 0 1px 0 #2D6200 !important; }
#fileCommentsPopup button.redbtn .label, #taskComments button.redbtn .label { color: #FFF !important; text-shadow: 0 1px 0 #B0281A !important; }
#fileCommentsPopup button.action .label, #taskComments button.action .label { padding: 0 17px !important; }
#fileCommentsPopup button.action:active .label, #taskComments button.action:active .label { color: #333 !important; }
#fileCommentsPopup button.bluebtn:active .label, #taskComments button.bluebtn:active .label,
#fileCommentsPopup button.greenbtn:active .label, #taskComments button.greenbtn:active .label,
#fileCommentsPopup button.redbtn:active .label, #taskComments button.redbtn:active .label { color: #FFF !important; }
#fileCommentsPopup .hide, #taskComments .hide { display: none; }

#fileCommentsPopup .crAddReplyWrapper, #taskComments .crAddReplyWrapper { background-color: #eff2f9; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px;
                     border-radius: 0 0 6px 6px; padding: 6px 0 2px 6px; position: relative; zoom: 1; margin: 4px 12px 3px 0; }
#fileCommentsPopup .crAddReplyWrapper img, #taskComments .crAddReplyWrapper img { left: 6px; position: absolute; width: 24px; height: 24px; }
#fileCommentsPopup .crAddReplyInnerWrapper, #taskComments .crAddReplyInnerWrapper { padding-right: 6px; margin-left: 30px; position: relative; zoom: 1; }
#fileCommentsPopup .crAddReplyInnerWrapper textarea, #taskComments .crAddReplyInnerWrapper textarea { background-color: #fff; border: 1px solid #c9d4ec; height: 23px; 
 /* @alternate */ font-size: 12px; 
 box-sizing: border-box;
                                   -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; color: #999;
                                   font-family: Arial,sans-serif; font-size: 13px; margin: 0; overflow-x: hidden; overflow-y: hidden;
                                   outline-width: 0!important; padding: 4px; resize: none; width: 100%; }
#fileCommentsPopup .crAddReplyInnerWrapper textarea.active, #taskComments .crAddReplyInnerWrapper textarea.active { color: #000; }

#fileCommentsPopup .anchorWrapper {	padding: 2px; font-size: 8pt; display: inline-block;	border: 1px solid #E0E0E0;
                                       margin-bottom: 3px; background-color: #F0F0F0; }
#fileCommentsPopup .anchorLabel { padding-left: 5px; padding-right: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
                                  width: 184px; float: left; }

#fileCommentsPopup .cComment .anchorWrapper { cursor: pointer; border: none; background-color: #f6f6f6; }
#fileCommentsPopup .cComment .anchorLabel { width: 210px; }
#fileCommentsPopup .anchorRemove { color: #000; text-decoration: none; font-weight: bold; float: right; margin-right: 5px; cursor: pointer; }
#fileCommentsPopup .cComment .cActions a { cursor: pointer; }

#taskComments .postReplyButtons button { width: 45%; }
#taskComments .crAddReplyInnerWrapper textarea.postReply.active { height: 21px; }
#taskComments .postReplyButtons button .label {padding:0px!important;text-align: center;width: 100%;}

/* New styling >> TODO - REFACTOR style sheets */

/* #ij {display:none !important;} */

#aa { font-size: 20px; position: absolute; top: 58px; left: 210px; padding-right: 128px; }
#jj { display: none; padding: 1px; position: absolute; text-align: center; top: 122px; z-index: 4000; }

#chatHangoutBtn, #mK { float: right !important; }
#qA { width: 86px; height: 20px; margin: 8px 125px 0 0; }

#top { position: relative; height: 60px !important; }

#logo {	width: 172px !important; height: 50px !important; top: 53px !important; }
#logo a { background: url('images/gantter-gd-logo.png'); width:175px; height:50px;display: block;background-repeat:no-repeat}

.mM { padding-bottom: 5px; width: 400px; 
  /* @alternate */ background: #fff; 
  background: rgba(255,255,255,.75); 
  *filter: alpha(opacity=50);  /* IE 6 and 7 */
  position: absolute; top: 38px; right: 250px; color: #333; border: 1px solid #a2d28b; border-radius: 3px; font-size: 1em; line-height: 16px; }
.mP, .mO, .mR, .mS {
	padding: 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;	}
.mP { background: #a2d28b; color: #577e45; text-align: center; margin-bottom: 5px; padding: 2px;	line-height: 14px; border-radius: 3px 3px 0 0; }
.mM:hover { background: #fff; *filter: alpha(opacity=100); }
.mO a { color: #4d90fe; font-size: 14px; font-weight: bold;}
.mN { position: relative; }
.mN .mV { position: absolute; top: 50%; width: 16px; height: 24px; margin-top: -4px; }
.mT { right: -16px; }
.mU { left: -16px; }

.mV a { display: block; color: #fff; font-size: 18px; text-decoration: none; text-align: center; font-weight: bold; background: #a2d28b; height: 24px; line-height: 24px; }
.mV a:hover { background: #4d90fe; }

#qm {width:550px}
.qn .qo { margin-bottom: 30px; }
.qp { text-align: center; }
.ro { overflow: hidden; }
.span2 { float: left; width: 240px; margin-left: 3.3333%; }
.span3 { float: left; width: 30%; margin-left: 3.3333%; }
.last { margin-left: 0; }
.qq { min-height: 120px; position: relative; }
.qq .qr { position: absolute; bottom: 0; width: 100%; }
.span3 p img { float:none; margin: 0 0 0 0; padding: 0 0 0 0;}
.span2 p img { float:none; margin: 0 0 0 0; padding: 0 0 0 0;}

/*#af, #hd, #he,*/
#kB .pe input,
#kB .pe label.core {display: none }
#kB.lb {width: 430px; }
#kB .dU {padding-top: 5px}
#kB .dU p { margin:5px 0px}
#kB .dU #kG { width: 95%;}
#kB .dU #kH {vertical-align: bottom;}
#kB .copyAsContainer { display: table; width:100%;}
#kB .copyAsContainer span { display: table-cell; white-space: nowrap; width: 10%;}
#kB #kP,#kB p.copyAsContainer .text{font-family:Roboto-Regular;font-size:14px}
#kB .copyAsContainer{font-family:Roboto-Regular}#kB p.copyAsContainer>span{display:none!important}
#kB .copyAsContainer .text{border:0 solid;border-bottom:1px solid #dbdbdb;padding-left:26px;color:#3a3a3a}
#kB .copyAsContainer:before{font-family:common-webfont;content:'\eada';position:absolute;font-size:18px;padding-top:6px;color:#ec711c}
#kB .gdrive,#kB label.gcloud{font-family:Roboto-Regular;font-weight:600;color:#343434;font-size:14px}
#kB .m-blue-button,#kB .m-grey-button{margin:0 6px 11px;height:31px;color:#fff;padding:0 14px!important;border-radius:4px;width:auto!important}
#kB .m-blue-button{background:#059cdf}
#kB .m-grey-button{background:#757575}


/*#ac {display:none}*/
#logo {
	background-color: #FBD157 !important;
	top: 0px !important;
	left: 0px !important;
	width: 40px !important;
	height: 60px !important;
}

#logo a {
width: 40px !important;
height: 60px !important;
margin-top: 0px !important;
margin-left: 0px !important;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA8CAYAAAAUufjgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAgFJREFUaEPtmD0vREEUhrcTIhINEtGJr4JEofcHtEKr00q0RCP8Alq1VqOlQakQhUrCH1CK9Zy7c2Tu3Z1r7/ctzpO8yc3MmTNPdnbW2o5hGIZhGEYtdLvdWXJMTsmyG24HCC2RD6J8kU033SyIiNynWCVoXhKBkJzSnCQb/yeniOSGW1YPbBiSeyWPvcc/7sg4mXPLq4WNQnLPZIqMklsZAJU7JNUfNxukyrkyqRPJM6JySnWSNB5Kzofx7agiTvmSNMwsJzDnH7dPeZI0GiPv0jVBqpxCTXWSNFgkM2SHfBNlKDmF2vIlWajH+kJ8yUxyCmvKk2RB8j2nklsks5zC2uKSFIYuxLUrKQR98ktSME38byVKrmMNQa80yVVX1g+TB1FZnDdSmpxCT5G8lw0SXLiSfphsg+ClK+mHyTYc8ZorGwwFuf5qZIE+R1HHOKXc5EKSrJVXbo+MkBuiDC+nsKBUSdb4xyrfdFQyu5zCwlIkqR30nlPJdVeWDxoUkqQm7ULMu7Ji0CiXJHNpcvmONQQNB0n+kF1XEoPx+uQUGvuSIrdPJskV+Xslea5fTmEDkZQPc5V7IkJ03KQ5OYWNJogvp8i/nQ+9xxj1ySlsuEAGXZwk9cspbBy63UpzcgoCIcnm5RREkpLtkVMQkh8wT8g5WXHDhmEYhmEYVdLp/AJlA4ou6jleHAAAAABJRU5ErkJggg==) !important;

}



#bY {
position: absolute;
left: 32px;
top: 30px;
}
#aa
{
	top: 5px;
	left: 60px;
	font: normal 18px arial,sans-serif;
	color: #333;
	height: 26px;
}

#ah { position: absolute; float: right; top: 0px; right: 18px; }

#userEmail {
    font-size: 8pt;
    text-align: right;
    display: block;
    float:right;
    right: 0px;
    cursor: pointer;
	margin-left: 3px;
	margin-right: 3px;
	background-image: url(../images/triangle_down2.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 12px;
}
#userImage {
    width: 15px;
    height: 15px;
    background-size: 100%;
    display: block;
	float: right;
}

/*User account menu styling*/
#userAccountMenu {
	 position: absolute;
    right: 10px;
    background-color: white;
    background: #FFFFFF;
    z-index: 30000;
    min-width: 245px;
    max-width: 500px;
    top: 54px;
    font-size: 15px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    display: none;
    border: 1px solid rgb(203, 203, 203);
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
    outline: none;
}
#userAccountMenu:after, #userAccountMenu:before {
  bottom: 100%;
  left: 94%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#userAccountMenu:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}
#userAccountMenu:before {
  border-color: rgba(203, 203, 203, 0);
  border-bottom-color: #cbcbcb;
  border-width: 11px;
  margin-left: -11px;
}#userWrapper
{
	height: 15px;
    padding: 5px 0;
}
#userWrapper div
{
	position: absolute;
	right: 5px;
	width: 400px;
}
	#userWrapper div img
	{
		padding-right: 5px;
	}
#userAccountMenu { font-family: proxima-nova, sans-serif; }
#userAccountMenu img { width: 45px; height:45px; border-radius: 45px ; float: left;}
#userAccountMenu div.userAccountMenuItemWrapper { background: #f5f5f5; text-align: center; font-weight: bold; color: #262626; font-size: 13px; }
#userAccountMenu div.profileInfoWrapper { border-bottom:0px solid rgb(203, 203, 203); }
#userAccountMenu div.userAccountMenuItemContainer, #userAccountMenu div.profileInfoContainer { min-height: 90px; padding: 15px;max-height: 155px;display: block;height: auto; }
#userAccountMenu div.userNameContainer { display:inline; position:relative; float: left;width: 100%;margin: 0px;padding-top: 15px; }
#userAccountMenu div.userNameContainer .userName {font-size: 13pt;font-weight: 700; display: block;text-align: center;color: #5e5e5e;}
#userAccountMenu div.userNameContainer .userEmail {display: block;font-size: 11pt !important;color: #8f8f8f;text-align: center;margin-bottom: 20px;}
#userAccountMenu .userSettings, 
#userAccountMenu .userSubscription, 
#userAccountMenu .userSubsciption, 
#userAccountMenu .userSignOut,
#userAccountMenu .assignUsers,
#userAccountMenu .smartTokenManager,
#userAccountMenu .invoiceLog {background: #ffffff;display: flex;align-items: center;border: 1px solid #e6e6e6;margin-top: 0;box-shadow: 0 0 1px #999;color: #5e5e5e !important;height: 45px;font-size: 14px;text-decoration: none;cursor: pointer;}
#userAccountMenu .smartTokenManager:before {font-family: common-webfont;content: '\ed9c';font-size: 12pt;left: 18px !important;padding-right: 10px;margin-left: 17px;}
#userAccountMenu div.buttonWrapper { text-align:center}
#userAccountMenu div.buttonWrapper .btnManageAds { float: none; }
#btnCreateanAd { display: none; line-height: 25px; }
#userSignOut{ display: block;padding-left: 0px;}
#userAccountMenu .userSettings {margin: 5px 0 0px 0 !important;padding-left: 3px;}
#userAccountMenu .userSettings:before, 
#userAccountMenu .userSubscription:before, 
#userAccountMenu .userSignOut:before,
#userAccountMenu .assignUsers:before,
#userAccountMenu .invoiceLog:before {font-family: gantterfont;font-size: 21pt;left: 8px!important;padding-right: 20px;position: relative;top: 0;}
#userAccountMenu .userSettings:before {font-family: gantterfont;content: '\e929';padding-right: 12px;}
#userAccountMenu .userSubscription:before {font-family: gantterfont;content: '\e94e';font-size: 10pt;left: 14px !important;padding-right: 26px;margin-left: 5px;}
#userAccountMenu .userSignOut:before {font-family: gantterfont;content: '\e92a';font-size: 19pt;left: 16px !important;}
#userAccountMenu div.profileInfoContainer {display: flex;flex-direction: column;align-items: center;padding: 15px 0px 0px 0px;max-height: 410px;}
#userAccountMenu .assignUsers:before {font-family: gantterfont;content: '\e94d';font-size: 8pt;left: 8px !important;padding-right: 20px;margin-left: 8px}
#userAccountMenu .invoiceLog:before {font-family: gantterfont;content: '\e94c';font-size: 11pt;left: 8px !important;padding-right: 20px;margin-left: 12px}
#userAccountMenu div.userNameContainer > a:hover {background: #e9e9e999;}
a#userSignOut:hover {
    background: #f3f3f3;
}
.iqBtnGrey {
float: right;
padding-top: 3px;
padding-bottom: 1px;
margin-right: 5px;
font-size: 11px;
font-weight: bold;
line-height: 25px;
min-width: 54px;
white-space: nowrap;
color: #555;
background-color: #f8f8f8;
border: 1px solid rgba(0,0,0,0.1);
/* @alternate */ background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
/* @alternate */ background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
/* @alternate */ background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
/* @alternate */ background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
}



.iqBtnGreen {
padding-top: 3px;
padding-bottom: 1px;
margin-right: 5px;
font-size: 11px;
font-weight: bold;
line-height: 25px;
min-width: 54px;
white-space: nowrap;
color: #f5f5f5;
background-color: #00be75;
border: 1px solid rgba(0,0,0,0.1);
/* @alternate */ background-image: -webkit-linear-gradient(top,#00be75,#00be75);
/* @alternate */ background-image: -moz-linear-gradient(top,#00be75,#00be75);
/* @alternate */ background-image: -ms-linear-gradient(top,#00be75,#00be75);
/* @alternate */ background-image: -o-linear-gradient(top,#00be75,#00be75);
background-image: linear-gradient(top,#00be75,#00be75);
}



.iqBtnBlue {
padding-top: 3px;
padding-bottom: 1px;
margin-right: 5px;
font-size: 11px;
font-weight: bold;
line-height: 25px;
min-width: 54px;
white-space: nowrap;
color: #f5f5f5;
background-color: #448dcb;
border: 1px solid rgba(0,0,0,0.1);
/* @alternate */ background-image: -webkit-linear-gradient(top,#448dcb,#448dcb);
/* @alternate */ background-image: -moz-linear-gradient(top,#448dcb,#448dcb);
/* @alternate */ background-image: -ms-linear-gradient(top,#448dcb,#448dcb);
/* @alternate */ background-image: -o-linear-gradient(top,#448dcb,#448dcb);
background-image: linear-gradient(top,#448dcb,#448dcb);
}


#recommendationsHeader {
    background-color: #FFFF8E;
    padding: 16px 6px;
    color: white;
    padding-left: 20px;
    background-position: 2px;
    margin: 0;
}

#ah .m-tbar-button { float: right; height: 30px; margin: 0 3px; font-family: Arial,sans-serif; font-size: 12px; font-weight: bold; vertical-align: middle; }
#iconHangout { float: right; margin: 0 3px; }

#recommendationsHeader .bX {
  top: 5px;
  right: 20px;
  background: none;
}

#recommendationsHeader .bX:before {
    font-family: "font-gantter"!important;
    content: "\e900";
    line-height: 1!important;
    font-size: 14px;
    color: #797474;
    font-weight: normal;
}

.smallMenu li ul, #bZ li ul {
  z-index: 999;
}

#lblTrialWrapper {
  position: absolute;
  top: 0px;
  left: 550px;
  z-index: 900;
  display:none;
  font-size: 12px;
  font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;
}

#lblTrial {

background-color: #f9f9f9;
border: 1px solid #e4e4e4;
color: #3d3d3d;
padding: 2px;
margin: 0px;
}

#lblTrial.MidWarning {
 background-color: #ffeb87;
border-color: #edd887;
}

#lblTrial.HighWarning {
background-color: #ffb0a1;
border-color: #f29295;
}


#lnkSubscribeNow {
 cursor: pointer;
 text-decoration: none;
    color: blue;
	padding-left: 4px;
}


.arrow_box {
display:none;
position: absolute;
background: #f5f5f5;
border: 1px solid #c5c5c5;
right: 20px;
top: 60px;
height: 500px;
z-index: 500;
width: 350px;
padding: 8px 0px 0px 0px;
-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75);
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(245, 245, 245, 0);
	border-bottom-color: #f5f5f5;
	border-width: 7px;
	margin-left: 62px;
}
.arrow_box:before {
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #c5c5c5;
	border-width: 8px;
	margin-left: 61px;
}


.fileCommentsContainer {
    height: 87%;
    padding: 0px 10px 0px 10px;
}
#fileCommentsPopup .fileCommentsContainerX { height: 76% }

.taskCommentIcon { background-image: url(../images/commentcellmark.png) !important;
                   background-repeat: no-repeat !important; background-position: right top !important;  }
div.taskComment { width: 10px; float: right; height: 22px; display: inline-block; margin-right: -10px;margin-top: 0px; }
td.dm { padding-right: 10px; }

.colPinned {
  position: sticky;
  left: 0;
}
/*
.mini_box {
display: none;
position: absolute;
background: #f5f5f5;
border: 1px solid #c5c5c5;
left: 485px;
top: 150px;
height: 250px;
z-index: 500;
width: 150px;
padding: 8px;
-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75);
}
.mini_box:after, .mini_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.mini_box:after {
	border-color: rgba(245, 245, 245, 0);
	border-bottom-color: #f5f5f5;
	border-width: 7px;
	margin-left: -7px;
}
.mini_box:before {
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #c5c5c5;
	border-width: 8px;
	margin-left: -8px;
}
*/

.mM
{
	display:none !important;
}

th.filter img
{
	opacity: 0;
	cursor: pointer;
}

th.filter img.filterhover
{
	opacity: 0.5;
}

th.filter img.filteron
{
	opacity: 1;
}
th.filter > span
{
	max-width: 80%;
	display: block;
	overflow: hidden;
	float: left
}
#btnSync
{
	float: right;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 10px;
    font-weight: bold;
    color: #555;
    font-size: 11px;
    display: none;
}

#btnLogo
{
	position: absolute;
	bottom: 5px;
	left: 18px;
	background-image: url(../images/logowithname.png);
	width: 60px;
	height: 80px;
	cursor: pointer;
    z-index:901;
}

p.columnFilterValues
{
	overflow: auto;
	height: 250px;
	width: 400px;
	border: 1px solid #EEEEEE;
}

p.columnFilterValues input[name="filterItem"] {
    margin: 8px 9px 7px 3px;
}

p.columnFilterValues .filterInfoIcon:before {
    left: 22px;
    position: relative;
    line-height: 1.1 !important;
    font-size: 1.1em!important;
}

p.columnFilterValues input.filterInfoIcon {
    margin-right: 30px;
}

.rtUser {
	background-color: red;
	height: 30px;
	width:25px;
	display: inline-block;
	float:right;
	margin-right:2px;
}

.rtUser img {
   width: 25px;
   height: 25px;
   padding-bottom: 5px;
}

#fileCommentsPopup .cIsResolved .resolved, #taskComments .cIsResolved .resolved
{
	display: block;
	right: 5px;
	top: -12px;
	background-position: 0 -126px;
	height: 27px;
	position: absolute;
	width: 27px;
	background-image: url(../images/d-icons16.png);
	background-repeat: no-repeat;
}


#fileCommentsPopup .cLoadMore {
    text-align: center;
    cursor: pointer;
    height: 25px;
    padding: 10px 0px 0px 0px;
    border: 1px solid #f0f0f0;
}

.dateFilterDash
{
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 5px;
}

.columnDateFilterConfig
{
	padding-bottom: 10px;
}

.filterIcon { height: 12px; width: 14px; cursor:pointer;  margin-top: 6px; position: relative; display: inline; }
img.hide { display: none; }

/*small hack keep the z-index in sync with gantter modal dialogs*/
.picker-dialog-bg { z-index: 899 !important; }

.taskCommentsPopup { background-color: white; color: #303030; height: 180px;
                     left: -9999px; max-width: 500px; opacity: 0.9; border: 1px solid gray;
                     padding: 0px 5px; position: absolute; z-index: 3000; width: 350px; }
.taskCommentsPopup div.cContainer { height: inherit; overflow-y: auto; }

.typeGroup span {
  float: left;
  position: relative;
  display: -moz-inline-box;
  display: inline-block;
  z-index: 1;
  padding-right:8px;
  padding-left:5px;
  font-family: arial,sans-serif;
  font-size:13px;
}
.typeGroup
{
	padding:5px;
	clear: both;
  color: #666;
  background: #f5f5f5;
  border-bottom: 1px #ddd solid;
border-top: 1px #ddd solid;
}
.typeGroup:after {
  content: "";
  display: table;
  clear: both;
}

.searchResult2 {
  padding: 10px;
  font-size: 8pt;
  font-family: arial;
  border-bottom: 1px #ddd solid;
}

.resultName2 {
  font-size: 14px;
  font-weight: bold;
}

.resultText
{
	padding-left: 68px;
}

.resultIcon2 img {
float: left;
width: 32px;
height: 32px;
margin: 0 21px 0 11px;
border-radius: 32px;
}


div.bT { margin-bottom: 5px; padding-right: 10px; height: 30px; }
div.bT button { float: left; }
div.bT .alignRight { float: right; }
div.bT input.checkbox {vertical-align: bottom; margin-top: 8px;}
#lx { height: 360px; }




div.menubutton ul { display:none; }
div.menubutton:hover ul { display: block; }
div.menubutton .ap{ color: #000; display: block; font-size: 1em; padding: 5px 10px; text-decoration: none; background-color: #fff; }
div.menubutton .ap:hover { background-color: #ccc !important; }

div.menubutton { cursor: default; }
div.menubutton div.ap { color: #000; display: block; font-size: 1em; padding: 5px 10px; text-decoration: none; }
div.menubutton li { float: none; 
  position: static; 
  /* @alternate */width: 9em; 
  width: auto; 
}
div.menubutton ul li { width: 125px; }
div.menubutton ul li div.ap { border-right: 0; color: #000; padding: 6px 4px 6px 6px; min-height: 15px;cursor: pointer;}
div.menubutton ul div.ap:hover { background-color: #eee !important; }
div.menubutton .ap:hover .as { filter: alpha(opacity=100); opacity: 1; }
div.menubutton .as, div.menubutton .ar { float: left; height: 16px; margin-right: 5px; width: 16px; }
div.menubutton div.menulabel { min-width: 35px; }
div.menubutton div.menulabel span { float: left; }
div.menubutton div.menulabel div { width: 10px; float: right; margin-top: 5px; margin-left: 3px;}
div.addLink div.menulabel,div.addMaterials div.menulabel{line-height: 2.2;}
div.menubutton ul { list-style: none; margin: 0; padding: 0; z-index: 1000; position: absolute; }

div.m-menubutton ul { list-style: none; margin: 26px 0 0 0; padding: 1px 0; z-index: 1000; position: absolute;
    border: 1px solid rgba(0, 0, 0, .2); box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2); moz-transition: opacity .218s; ms-transition: opacity .218s;
    webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2); webkit-transition: opacity .218s;
    o-transition: opacity .218s; transition: opacity .218s;
}

div.m-menubutton div.menulabel div {width: 10px; float: right; margin-top: 5px; margin-left: 3px; }


div.bT button, div.bT div.toolbarItem, div.bT div.bW { display: inline-block; vertical-align: middle; margin-right: 5px; }
div.bT div.bW div { height: 16px; width: 16px; background-repeat: no-repeat; filter: alpha(opacity=75); opacity: .75; }
div.bT div.bW { padding: 4px 3px;border: 1px solid transparent;}

div.bT div.bW:hover { 
  background-color: #f8f8f8; 
  /* @alternate */ background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
  /* @alternate */ background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1); 
  /* @alternate */ background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
  /* @alternate */ background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); 
  background-image: linear-gradient(top,#f8f8f8,#f1f1f1); 
  border: 1px solid #c6c6c6 !important; 
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0,0,0,.1); 
  moz-box-shadow: 0 1px 1px rgba(0,0,0,.1); 
  webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

div.bT div.disabled { filter: alpha(opacity=40); opacity: 0.4; }

#lI div.iconColumn, #qM div.iconColumn { height: 16px; width: 16px; background-repeat: no-repeat; margin: auto; background-image: url(../images/sprites-default.png); }

#pn { left: 60%; top: 26%; max-width: 580px;}
#pn input.text { width: 375px; float: right; margin: 0px 10px; }
#pn div.dialogIcon { height: 48px; width: 48px; background-repeat: no-repeat; filter: alpha(opacity=75); opacity: .75; margin: auto; background-image: url(../images/weblink.png); }
#pn .bS { background: none; }
#pn .linkLabel { font-size:18px; line-height:1.8; }
#pn .dU .dQ { padding-bottom: 48px; padding-top: 5px; }
#pn p {margin: 0.5em 0em; padding: 8px; }
#pn .content {background: #eee; padding: 10px 8px 30px 8px; }

/*
#sponseredAdsDialog .sponseredAdsDialogContainer { margin-bottom: 25px; }
#sponseredAdsDialog .sponseredAdsDetailsItem { display: block; }
#sponseredAdsDialog .sponseredAdsDetailsContainer { display: inline; position: absolute; margin-left: 15px; }
#sponseredAdsDialog img { width: 90px; height 90px; border: 3px solid; }
#sponseredAdsDialog .sponseredAdsName { font-size: 11pt; font-weight: bold; }
*/

#resultsPart a.loadMore, #resultsPart a.noMore {
  padding: 10px;
  display: block;
  text-align: center;
}

/* icons */
#resultsPartSponseredAds .typeGroup span:before {
  content: "\f0a2";
  margin: 0 .5em 0 0;
  font-weight: normal;
  font-family: FontAwesome;
}
#resultsPartVendors .typeGroup span:before {
  content: "\f0c0";
  margin: 0 .5em 0 0;
  font-weight: normal;
  font-family: FontAwesome;
}
#resultsPartTasks .typeGroup span:before {
  content: "\f044";
  margin: 0 .5em 0 0;
  font-weight: normal;
  font-family: FontAwesome;
}
#resultsPartResources .typeGroup span:before {
  content: "\f007";
  margin: 0 .5em 0 0;
  font-weight: normal;
  font-family: FontAwesome;
}
#resultsPartRisks .typeGroup span:before {
  content: "\f0e7";
  margin: 0 .5em 0 0;
  font-weight: normal;
  font-family: FontAwesome;
}
#resultsPartTags .typeGroup span:before {
  content: '\e940';
  margin: 0 .5em 0 0;
  font-weight: normal;
  font-family: 'AdvancePlaning';
}

/* ad badge */
.sponseredAdsResult {
  position: relative;
}
.sponseredAdsResult :before {
  top: 5px;
  right: 5px;
  color: #FFF;
  padding: 2px;
  content: "Ad";
  line-height: 1;
  display: inline;
  font-size: 12px;
  position: absolute;
  font-weight: normal;
  background: #fad14e;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px
}
.resultSponseredAdName {
  padding: 0 10px 0 0;
}
.resultSponseredAdName, .resultVendorName {
  cursor: pointer;
}

.searchResult .resultText div span {
    font-size: 12px;
    font-weight: normal;
}

/* Vendor contact screen - fig-ui*/
#vendorContactScreen .popup {
    width: 465px;
    text-align: start;
    top: 15%;
}
#vendorContactScreen .popup .close {
    padding: 5px 0px;
    font-size:28px;
    line-height: 0;
}
#vendorContactScreen .vendorContactScreenContainer {
    margin:0px 15px 10px 15px;
}
#vendorContactScreen .vendorContactDetailsContainer {
    font-weight: bold;
    text-align: left;
}
#vendorContactScreen .vendorContactDetailsContainer img {
    width: 60px;
    height: 60px;
    margin: 0px 15px 0px 0px;
    float: left;
}
#vendorContactScreen .vendorContactName {
    font-size: 18px;
}
#vendorContactScreen .vendorCost {
    font-size: 13px;
    float: right;
    margin: 0px 20px 0px 5px;
}
#vendorContactScreen .vendorContactWebSite {
    color: #0094ff;
    font-size: 13px;
    text-decoration: underline;
}
#vendorContactScreen .vendorContactMailBoxContainer p {
    margin-bottom: 5px;
}
#vendorContactScreen .vendorContactMailBoxContainer {
    clear: left;
    margin: 20px 0px 0px 0px;
    font-family: arial;
}
#vendorContactScreen .vendorContactMailBoxContainer label {
    display: inline-block;
    width: 50px;
    margin: 5px 15px 0px 0px;
    font-size: 14px;
    float: left;
}
#vendorContactScreen .vendorContactMailBoxContainer input.text {
    width: 360px;
    margin-bottom: 15px;
    padding: 5px;
}
#txtVendorContactFromEmail {
    padding: 5px;
}
#txtVendorContactMessageBox {
    width: 430px;
    height: 85px;
    border-radius: 8px;
    resize:none;
    padding: 5px;
    overflow: auto;
}
#btnSendEmail {
    float: right;
    margin: 0px 5px 10px 0px;
}

#addMoreRowsWidget, #addMoreRowsWidgetResources, #addMoreRowsWidgetCalendars, #addMoreRowsWidgetRisks {
    width: 100%;
    height: 46px;
    background: #f5f5f5;
    padding-left: 5px;
    border-bottom: 1px solid #aca899;
}

#btnAddMoreRows,#btnAddMoreRowsResources, #btnAddMoreRowsCalendars, #btnAddMoreRowsRisks {
    padding-top: 3px;
    padding-bottom: 1px;
    margin-right: 5px;
    font-size: 11px;
    font-weight: bold;
    line-height: 21px;
    min-width: 70px;
    white-space: nowrap;
    color: #555;
    background-color: #f8f8f8;
    border: 1px solid rgba(0,0,0,0.1);
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
}

#txtNumberofRows, #txtNumberofRowsResources, #txtNumberofRowsCalendars, #txtNumberofRowsRisks {
    width: 40px;
}

/*
#btnOpenShareSettings {
    float: right;
    margin-top: 0px;
}
*/

/*#ca { display: none; }*/
a.noMore {
text-decoration: none;
cursor: default;
}

.menuSelector
{
    float: right;
    margin-right: 10px;
    height: 0px;
	margin-top: -20px;
	position: absolute;
    right: 0px;
}

input.checkbox[type=checkbox], input.radioBtn[type=radio] {
   display:none;
}

input[type=radio]{
	vertical-align:top;
}

#nx input.checkbox[type=checkbox], #eP input.checkbox[type=checkbox] {
  display: inline !important;
  margin-right: -14px;
  position: relative;
  opacity: 0;
}

input.checkbox[type=checkbox] + label:before {
   content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-right: 8px;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #333333;
}

input.checkbox[type=checkbox].disabled + label:before {
    background-color: #dedede;
    border: 1px solid #bbbbbb;
}

input.checkbox[type=checkbox]:checked + label:before {
	content:"\2714";
	color:white;
	background-color: #3B4FB2;
	text-align:center;
	line-height:15px;
	font-weight: normal;
}

input.printradiobtn[type="radio"]{
display:none
}

input.printradiobtn[type='radio'] + label:before {
cursor:pointer;
font-family: 'radio';
}

input.printradiobtn[type="radio"] + label:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  vertical-align: middle;
  margin-right: 8px;
  background-color: #fff;
  border: 2px solid #1B549B;
  border-radius:50%;
  text-align:center;
  line-height:15px;
  margin-bottom: 4px;
}


input.printradiobtn[type="radio"]:checked + label:before {
 content: "\2022";
 background-color: #fff;
 border: 2px solid #1B549B;
 border-radius:50%;
 text-align:center;
 line-height:13px;
 color: #1B549B;
 font-weight:900;
 font-size: 26px;
}


.squarebox label {
 position: relative;
 padding-bottom: 14px;
 margin: 0px;
 width: 13px !important;
}
.squarebox input[type='checkbox'] {
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 opacity: 0;
 position: relative;
 z-index: 10;
 cursor: pointer;
}
.squarebox > label {
 cursor: pointer;
 position: absolute;
 width: 16px;
 height: 0px;
 top: 0;
 bottom: 0;
 margin: auto;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 2px;
 background: #FFFFFF;
 color: #999999;
 border: 1px solid #757575;
 line-height: 16px;
 text-indent: 37px;
 white-space: nowrap;
}
.squarebox label:after {
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 opacity: 0;
 content: '';
 position: absolute;
 width: 7px;
 height: 3px;
 background: transparent;
 top: 3px;
 left: 2px;
 border: 2px solid #FFFFFF;
 border-top: none;
 border-right: none;
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
.squarebox label:hover::after {
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
 filter: alpha(opacity=30);
 opacity: 0.5;
}
.squarebox input[type=checkbox]:checked + label {
 background: #3F51B5;
 border-color: transparent;
}
.squarebox input[type=checkbox]:checked + label:after {
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: alpha(opacity=100);
 opacity: 1;
}

.squarebox-doubleinput {
 position: relative;
 padding-bottom: 14px;
}
.squarebox-doubleinput input[type='checkbox'] {
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 opacity: 0;
 position: relative;
 z-index: 10;
 cursor: pointer;
}
.squarebox-doubleinput label {
 cursor: pointer;
 position: absolute;
 width: 16px;
 height: 16px;
 top: 0;
 bottom: 0;
 margin: auto;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 background: #FFFFFF;
 color: #999999;
 border: 2px solid #757575;
 line-height: 13px;
 text-indent: 37px;
 white-space: nowrap;
}
.squarebox-doubleinput label:after {}
.chkbx {
    float: right;
    margin-right: 15px;
    height: 0px;
	margin-top: 4px;
	position: absolute;
    right: 0px;
}
.chkbx label {
    margin-top: -20px !important;
}
/* Task - 1291 || 28 Dec 2016*/
.fig-ui .popup.suggestassist {
    left: 0;
    right: 0;
    top: 105px;
    color: #999;
    /* @alternate */ width: 300px;
    z-index: 9999;
    font-size: 16px;
    background: #fff;
    margin: 50px auto;
    /* @alternate */ position: relative;
    text-align: center;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
	padding: 28px 20px 10px 20px;
    -webkit-box-shadow: 0 0 5px #bbb;
    box-shadow: 0 0 5px #bbb;
    border: 1px solid #bebebe;
    font-family: Roboto, Helvetica, sans-serif;
    width: 440px;

}
.fig-ui .popup.suggestassist .name{
    color: #656565;
    font-size: 20px;
}
.fig-ui a {
    color: #0d5ed8;
    text-decoration: none;
    font-size: 14px;
}
.fig-ui .popup.suggestassist.picture {
     margin: 4px 0 12px 0;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    width: 100px;
    height: 100px;
}
.fig-ui .popup.suggestassist .gplaces {
    font-size: 9.5px;
    display: none;
    padding-top: 25px;
    font-weight: bold;
}
.fig-ui .popup.suggestassist .close {
    top: 12px;
    right: 19px;
    color: #999;
    width: 14px;
    line-height: 1;
    font-size: 0;
    position: absolute;
}
#recommendationInfoCard .popup.suggestassist .phone {
    padding-top: 20px;
    font-size: 16px;
    color: #777777;
}
#recommendationInfoCard .popup.suggestassist .location {
    font-size: 16px;
    line-height: 2;
	color: #777777;
}

.fig-ui .popup.suggestassist a.close:before {
    content: "\e900";
    font-family: "font-gantter" !important;
    font-size: 20px;
    padding: 0px !important;
}
/* Task - 1293 */
div#dc > .da,div#dc >.db,div#dd > .da,div#dd >.db,div#de > .da,
div#de > .db,div#pf > .da,div#pf > .db,div#ph > .da,div#ph >.db,div#dd > .da,
div#pg > .da,div#pg >.db {background-image:none !important;padding-left:4px;margin: 0 auto;height: 55px;}

div#dc > .da:before,div#dc >.db:before,div#dd > .da:before,
div#dd >.db:before,div#de > .da:before,div#de > .db:before ,div#pf > .da:before,
div#pf > .db:before,div#ph > .da:before,div#ph >.db:before,
div#pg > .da:before,div#pg >.db:before {font-family:"font-gantter" !important;font-size: 30pt;font-weight:normal}

div#dc > .da:before {content:"\e931";}
div#dc >.db:before {content:"\e931";color: #33B473}

div#dd > .da:before {content:"\e918";}
div#dd >.db:before {content:"\e918";color: #33B473}

div#de > .da:before {content:"\e912";}
div#de > .db:before {content:"\e912";color: #33B473}

div#pf > .da:before {content:"\e919";}
div#pf > .db:before {content:"\e919";color: #33B473}

div#pg > .da:before {content:"\e92c";}
div#pg > .db:before {content:"\e92c";color: #33B473;}

div#ph > .da:before {content:"\e90e";}
div#ph > .db:before {content:"\e90e";color: #33B473;}

div#ph { display: none; }

.dU select#ddlPrintOptions {
    margin: 9px 0px 29px 0px;
    width: 288px;
    padding: 4px 14px 3px 8px;
    font-size: 16px;
    font-family: Roboto, Helvetica, sans-serif;
    color: #555555;
    outline: none;
}
.dU .content > p label {
    color: #666666;
    font-size: 20px;
    font-family: Roboto, Helvetica, sans-serif;
}
.dU .dQ {
    padding-bottom: 53px;
}
p.print-format label {
    font-size: 18px !important;
    color: #666666;
    padding: 0px 40px 0 6px;
    font-family: Roboto, Helvetica, sans-serif;
}
.search-filter:before, .search-filter.filtered:before {content: "\e90b";font-family:font-gantter;font-size:20px;line-height:1}
.search-filter:before {color:#2580C2}
.search-filter.filtered:before {color:#888888}
.search-filter,.search-filter:hover {background-image:none !important;}

#vizManageUnLicense #vizManageUnLicenseLbl {
    font-size: 17px;
    padding-bottom: 18px;
    color: #666;
}
#printOptionsDialog .print-chk-wrpr {
    min-height: 55px;
}
#printOptionsDialog .print-chk-wrpr .prnt-task-icon:before{
    content: "\e908";
    font-family: "font-gantter" !important;
    font-size: 20px;
    padding: 0px !important;
    color: #ec7120;
}
#printOptionsDialog .print-chk-wrpr .prnt-chart-icon:before{
    content: "\eaa6";
    background-image: none;
    background-size: 20px 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    opacity: 0.8;
    color: #ed7532;
    font-family: 'common-webfont';
    font-size: 20px;
}
#printOptionsDialog .print-format{
      margin: 14px 0 0.7em 0em;
}

#printOptionsHeader {
    height: 32px;
    padding-top: 6px;
    font-size: 18px;
    color: #161616;
    display: inline-block;
    font-family: 'Roboto-Regular';
}

#optinDialog .gantter-header .bX,#printOptionsDialog .gantter-header .bX, #vizManageUnLicense .gantter-header .bX {
  position: static;
  float: right;
}
#optinDialog .dU {
   padding: 10px 24px;
}
.print-chk-wrpr #printTaskListLbl, .print-chk-wrpr #printChartLbl {
    font-size: 14px;
    padding-left: 17px;
    color: #161616;
    font-family: 'Roboto-Regular';
}
.printLbl-disabled {
    color: #999 !important;
}
.print-chk-wrpr input.custom-checkbox {
  display: none
}
.print-chk-wrpr input.custom-checkbox:checked + label::after, .print-chk-wrpr input.custom-checkbox + label::after {
  float: right;
  height: 17px;
  width: 17px;
  margin: 3px 3px 3px 4px;
  visibility: visible;
}
.print-chk-wrpr input.custom-checkbox:checked +label::after {
  content: "\eacc";
    color: #059cdf !important;
    background-color: transparent !important;
    border: 0px solid #1b549b !important;
    text-align: center;
    font-family: 'common-webfont';
    font-size: 25px;
    font-weight: normal;
    left: -3px !important;
    position: relative;
    top: -4px;
}
.print-chk-wrpr input.custom-checkbox + label::after {
    content: '\ea3b';
    background-color: #fff;
    display: inline-block;
    visibility: visible;
    height: 17px;
    width: 17px;
    border: 0px solid #c4c4c4;
    font-family: 'common-webfont';
    font-weight: normal;
    font-size: 19px;
}

#printOptionsDialog  input.printradiobtn[type="radio"] + label:before{
  border: 2px solid #666;
}
#printOptionsDialog  input.printradiobtn[type="radio"]:checked + label:before {
    border: 0px solid !important;
    content: '\ec9a';
    font-family: 'common-webfont';
    color: #059cdf;
    font-size: 17px;
    font-weight: normal;
    padding-right: 4px;
}
#printOptionsDialog input.printradiobtn[type="radio"]:checked + label {
    color: #161616;
}
#printOptionsDialog #btnConfirmPrint {
    height: auto;
    font-size: 15px;
    margin-right: 10px;
    padding: 6px 19px;
}
#printOptionsDialog #btnConfirmPrint:disabled {
  background-color: #999;
  box-shadow: none !important;
  cursor: default;
}
#printOptionsDialog p.print-format label{
  font-size: 16px !important;
}
#printOptionsDialog .dU .content > p label{
  color: #999;
  font-family: 'Roboto-Regular';
  font-size: 15px !important;
}

/* "Deleted Tasks" dialog */
.deletedTasksTitle {background: #fff;font-size: 140%;font-weight: bold;padding: 10px 10px 0px 10px;letter-spacing: 0.5px;}
.deletedTasksSubTitle {background: #fff;font-size: 90%;font-weight: lighter;padding: 3px 5px 0px 22px;letter-spacing: 0.5px;}
.deletedTasksList {margin:10px;min-height: 170px;max-height: 320px;overflow-y: auto;overflow-x: hidden;}
.deletedTasksList .ds,.deletedTasksList .dt{cursor:default;}
.btnRestore:active,.btnRestore:focus{background-color:#4d90fe;cursor:progress;box-shadow:none;opacity: 0.5;}
.btnRestore.disabled {opacity: 0.5; pointer-events: none;}

.rowSelection{background-color: #ffffd6!important}
.deletedTasksList .dM{color: #000000;text-shadow: 0.3px 0 #292929;letter-spacing: 1px;font-weight: bold;-webkit-font-smoothing: antialiased !important;}

#deletedTasksTable_header {table-layout: fixed;}
#deletedTasksDialog #deletedTasksLbl { padding: 12px; }
#deletedTasksDialog .dP > table { width: 690px; }
#deletedTasksTable tbody tr:nth-child(even){background-color:#f2f2f2;}
#deletedTasksTable_header_container{margin: 0px 10px 10px 10px;z-index: 1;}
#deletedTasksTable tbody tr td { border-color: #dbdbdb; padding:1px 2px;}
/*Search Input Styles*/
.delSearch { display: inline-block; float: right; position: absolute; top: 80px; right: 37px; width: 30%;}
.delSearch-input { box-sizing: border-box; border: 1px solid #ccc; border-radius: 2px; font-size: 14px; background-color: #fff; padding: 3px; float:right; display: inline; border-bottom-right-radius: 0px; border-top-right-radius: 0px; position: absolute; right: 24px;}
.delSearch-icon { background-position: -37px -23px; background-image: url(../images/select2.png); background-repeat: no-repeat; float: right; height: 24px; width: 25px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 2px; background-color:#fff; }
.delSearch-icon:hover{background-color:#ececec;box-shadow: 3px 3px 7px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);}
.delSearch-input::placeholder { font-size:12.5px; opacity:0.8;}
#delTaskSearch input:focus, button:focus { outline: none; }
/* Styles END - "Deleted Tasks" dialog */

.defult-show-menu-item{
  opacity: 0;
  display: block !important;
  pointer-events: none;
}

#fileCommentsPopup .postReplyButtons button.action span.label {
    padding: 1px !important;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 65px;
    display: inline-block;
}
#fileCommentsPopup .postReplyButtons button {
    max-width: 80px;
}
#fileCommentsPopup .postCommentButtons button {
  margin-top:10px;
}
.taskTypesImage {
  background-size: 100% !important;
    border-radius: 50%;
    border: 1px solid #dbdbdb;
    width: 14px !important;
    height: 14px !important;
}
#pY .dQ button {
    width: auto;
}

div.og .ddlTaskInfoArea {
  position: relative;
}


.zoneAppIcon {
  height: 20px;
  width: 20px;
  vertical-align: middle;
  margin: 5px;
  cursor:pointer;
  float: none;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}
.taskStatusNeedsAttention .col3Right::after {
  font-family: 'AdvancePlaning';
  content: "\e98a";
  font-size: 18px;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 0;
  top: 27px;
  color: #d24e01;
}
.taskCommentsPopup .cActions a {
    cursor: pointer;
}

#ra #rb td, #qV #qW td {
  /* @alternate */ white-space: -o-pre-wrap;
  word-wrap: break-word;
  white-space: pre-wrap;
  /* @alternate */ white-space: -moz-pre-wrap;
  /* @alternate */ white-space: -pre-wrap;
}
.welcome-screen-popup{
  z-index: 100099 !important;
}

/*Visialization Workspace*/

#ph span {
    word-break: keep-all;/*Temporary Beta Text*/
}
.visualization_toolbar {
    float: left;
    padding: 0px 5px;
}
#manageVizDialog .m-button , .visualization_toolbar .m-button {
    padding: 8px 15px 8px 35px;
    font-family: Arial, Verdana;
    background: #31B373;
    background-position: 10px center;
    /*background-repeat: no-repeat;*/
    color:#ffffff;
    float: left;
    height: 35px;
    border-radius: 4px;
    margin: 10px;
    white-space: nowrap;
    background-size: 25px;
    background-position-x: 6px;
    background-repeat: no-repeat;
}
.visualization_toolbar .m-button:disabled {
    opacity: 0.4;
}
#manageVizDialog .vizToolbar .m-button.ld{
    background-image: url(../images/back.png);
}
.vizToolbar #createViz{
    background-image: url(../images/addviz.png);
}
 #vizManage, #vizEditSheet, .vizToolbar #editViz {
    background-image: url(../images/edit.png);
}
#vizRefresh {
    background-image: url(../images/refresh.png);
}
.vizToolbar #createSheet{
    background-image: url(../images/sheet.png);
}
.vizToolbar #createStory{
    background-image: url(../images/story.png);
}
.vizToolbar #createDashboard{
    background-image: url(../images/dashboard.png);
}
.vizToolbar #deleteViz{
    background-image: url(../images/deleteviz.png);
}
.vizToolbar #publishViz{
    background-image: url(../images/publish.png);
    background-size: 22px;
}
.vizToolbar #browseViz{
    background-image: url(../images/browse.png);
}
.vizToolbar #previewViz{
    background-image: url(../images/preview.png);
}
#createViz .vizSubmenu li button {
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: 6px 7px;
    cursor: pointer;
}
.visualization_toolbar label {
    float: left;
    margin-top: 18px;
    font-size: 1.1em;
    color: #969696;
}
.vizView_Container {
    height: 85%;
    border: 1px solid #e0e0e0;
    overflow: auto;
}
#manageVizDialog {
    top: 105px!important;
    right: 0px;
    bottom: 0px;
    left: 395px;
    border: none;
    overflow: auto;
}
#manageVizDialog .dU {
    height: 100%;
    width: 100%;
    overflow-y: hidden;
    padding: 0px;
    background: #e3e2e1;
}
.vizToolbar  .bX{
    right: 25px;
    top: 10px;
}
.dU .vizToolbar {
    display: flex;
    position: fixed;
    right: 0px;
    left: 95px;
    z-index: 1;
    float: left;
    height: 42px;
    padding: 6px 16px;
    margin: 0px;
    background: #f5f5f5;
    min-width: 1250px;
}
#manageVizDialog .vizToolbar .m-button {
    margin: 4px 15px 0px 0px;
}
.vizMenu label:after {
    content: "";
    position: absolute;
    display: block;
    top: 45%;
    right: 12px;
    width: 0;
    height: 0;
    border-top: 4px solid rgba(255,255,255,.5);
    border-bottom: 0 solid rgba(255,255,255,.5);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    transition: border-bottom .1s, border-top .1s .1s;
}
.vizMenu input:checked ~ label:after {
    border-top: 0 solid rgba(255,255,255,.5);
    border-bottom: 4px solid rgba(255,255,255,.5);
    transition: border-top .1s, border-bottom .1s .1s;
}
.vizMenu input {
    display: none;
}
input:checked ~ ul.vizSubmenu {
    max-height: 300px;
    transition: max-height 0.3s ease-in;
}
ul.vizSubmenu {
    max-height: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
    background: #404040;
    box-shadow: 0 0 1px rgba(0,0,0,.3);
    transition: max-height 0.3s ease-out;
    position: absolute;
    left: 95px;
    min-width: 135px;
}
ul.vizSubmenu li button {
    display: block;
    /*padding: 12px;*/
    color: #615c5c;
    text-decoration: none;
    transition: background .3s;
    white-space: nowrap;
    border: none;
    outline: none;
    width: 100%;
    height: 40px;
    background: white;
    text-align: left;
    padding: 10px 30px 10px 35px;
    background-size: 25px;
    background-repeat: no-repeat;
}
ul.vizSubmenu li button:hover {
    background: rgb(245, 245, 245);
}
ul.vizMenu {
    margin: 0px;
}
.vizMenu label {
    height: 100%;
    line-height: 2.8;
    width: 100%;
    font-weight: normal;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    padding: 10px 30px 10px 35px;
}
#manageVizDialog .vizToolbar li.m-button {
    padding: 0;
    height: 35px!important;
}
.vizList {
    margin-top: 103px;
    z-index: 0;
    background: #e2e1e0;
    text-align: left;
    height: 94%;
    max-height: calc(100% - 100px);
    width: 100%;
    overflow: auto;
}
.vizList h2 {
    font-size: 19px;
    color: #093561fa;
    line-height: 1.3;
    letter-spacing: 1px;
    border-top: 1px solid #adacac70;
    border-bottom: 1px solid #adacac;
    padding: 10px 10px 10px 15px;
    box-shadow: 2px 4px 8px 0px #888888;
    position: fixed;
    height: 26px;
    top: 159px;
    left: 95px;
    width: 100%;
    background: whitesmoke;
}
.workbook {
    background: #fff;
    border-radius: 2px;
    display: inline-block;
    height: 200px;
    margin: 1rem;
    position: relative;
    width: 200px;
    cursor: pointer;
    border: 2px solid transparent;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.workbook:hover{
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.workbook_container {
    float: left;
    height: 250px;
    width: 220px;
    margin: 0.5rem;
}
.workbook_container span {
    display: block;
    font-size: 15px;
    margin-left: 17px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 200px;
    line-height: 1;
    color: #0d65c5;
}
.workbook:hover + span, .workbook.selected + span {
    font-weight: bold;
}
.workbook.selected {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    border: 2px solid #31b372;
    font-weight:bold;
}
.visualization_toolbar .m-button.disabled, .vizToolbar .m-button.disabled {
    opacity: 0.5;
    pointer-events: none;
}
.workbook img {
    width: 100%;
    height: 100%;
}
#editVizItemDialog {
    height: 480px;
    width: 680px;
    top: 20px;
    left: 30px;
    margin-left: 0px;
    z-index: 1000;
}
#editVizItemDialog .dU {
    height: 100%;
    width: 100%;
    overflow-y: hidden;
    padding: 0px;
}
.vizEditViewContainer {
    z-index: 0;
    background: #e2e1e0;
    text-align: left;
    height: 94%;
    width: 100%;
    overflow: auto;
}
#vizManage[disabled="disabled"] {
    box-shadow: none;
    cursor: default;
}
.disableMask {
    pointer-events: none;
}
/* Sort resourcename column */
.dy[sortType="ascend"],
.dy[sortType="descend"] {
    position: relative;
}
.dy[sortType="ascend"]:after,
.dy[sortType="descend"]:after {
    width: 14px;
    cursor: pointer;
    overflow: hidden;
    right: 4px;
    top: 0;
    position: absolute;
    font: 14px/36px FontAwesome;
    background-color: #f5f5f5;
}
.dy[sortType="ascend"]:after {
    color: #6190cd;
    content: "\f0d7";
}
.dy[sortType="descend"]:after {
    color: #6190cd;
    content: "\f0d7";
    transform: rotate(0.5turn);
}

/*Timepicker Styles*/
a#dp-today.timepick{padding:5px 12px;margin-top:5px;display:inline-block;float:right}
.selecttime{padding-top:6px;float:left}
.selecttime input{font-family:Arial,Verdana,Helvetica,sans-serif;font-size:10.5px;height:10px;width:63px;border:1px solid #ddd;border-radius:2px;cursor:pointer;white-space:nowrap;color:#000;padding:5px;letter-spacing:2px;text-transform:uppercase}
.selecttime span:before{font-family:"font-gantter";content:"\e94e";font-size:15px;color:#555;padding:5px;vertical-align:middle}
.selecttime .errortime{background:#fbe3e4;border-color:#fbc2c4;color:#8a1f11}
.ui-timepicker-wrapper{overflow-y:auto;max-height:150px;width:6.5em;background:#fff;border:1px solid #ddd;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);outline:0;z-index:10001;margin:0;font-size:11.4px;font-family:Arial,Verdana,Helvetica,sans-serif}
.ui-timepicker-wrapper.ui-timepicker-with-duration{width:13em}
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60{width:11em}
.ui-timepicker-list{margin:0;padding:0;list-style:none}
.ui-timepicker-duration{margin-left:5px;color:#888}
.ui-timepicker-list:hover .ui-timepicker-duration{color:#888}
.ui-timepicker-list li{padding:3px 0 3px 5px;cursor:pointer;white-space:nowrap;color:#000;list-style:none;margin:0}
.ui-timepicker-list:hover .ui-timepicker-selected{background:#fff;color:#000}
li.ui-timepicker-selected,.ui-timepicker-list li:hover,.ui-timepicker-list .ui-timepicker-selected:hover{background:#1980ec;color:#fff}
li.ui-timepicker-selected .ui-timepicker-duration,.ui-timepicker-list li:hover .ui-timepicker-duration{color:#ccc}
.ui-timepicker-list li.ui-timepicker-disabled,.ui-timepicker-list li.ui-timepicker-disabled:hover,.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled{color:#888;cursor:default}
.ui-timepicker-list li.ui-timepicker-disabled:hover,.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled{background:#f2f2f2}


/* Custom Column Type Styles */

.picklist-config-btn, .local-picklist-config-btn{
    margin-top: 7px;
    float: right;
}
.picklistConfigDialog select {
    width: 100%;
    height: 2em;
}

#picklistConfigDialog {
    width: 465px;
    opacity: 1!important;
}
#picklistTabs .tab {
    height: 208px;
    padding: 10px;
}

.picklistTabs .responseType {
    cursor: pointer;
}

#picklistTab1 p {
    margin: 18px 0px 25px 0px;
}

#picklistTabs #picklistTab2.tab{
    height: 295px;
    padding: 24px 12px 8px;
}

#picklistTabs input[type='text'], #txtPicklistURL {
    width: 395px;
}
#picklistTabs select {
    width: 407px;
}
.picklistConfigDialog label {
    font-size: 1.1em;
    line-height: 1.6;
}
.picklistConfigDialog .picklistResType {
    margin-top: -10px;
    margin-bottom: 13px;
}
.picklistConfigDialog p {
    margin-top: 15px;
}
.picklistTabs .gtr-tooltip .iconSuggest:before {
    margin: 2px;
    font-size: 14px;
    position: relative;
    top: 2px;
}
.picklistTabs input[type='radio'] {
    margin-top: 12px;
}
.picklistTabs input[type='radio'] + label{
    padding: 0px 7px;
    line-height: 2.7;
}

.picklistTopnode.gtr-tooltip .tooltip-text{
    margin-left: 200px;
    margin-top: 5px;
}

.picklistTopnode.gtr-tooltip i.iconSuggest:hover{
    cursor:help;
}
#txtpicklistTopnode::placeholder {
    opacity: 0.5;
}

li.select2-ajax-error {
    background: #ffa4a475!important;
    padding-left: 5px;
}
#picklistTabs a.selected.noSelfClick{
    pointer-events : none;
}
#taskColumnsTab .picklistType {
    width: 327px;
    margin: 6px 0px;
}
#taskColumnsTab .picklistType a.select2-choice{
    height: 25px;
    line-height: 27px;
}
#taskColumnsTab .picklistType .select2-search-choice-close{
    top: 6px;
}
#taskColumnsTab .picklistType  .select2-choice .select2-arrow b{
    margin:0px;
}
#taskColumnsTab  input[type="number"]::placeholder{
    color:#000000;
    opacity: 1;
}
#picklistLocalConfigDialog{
    opacity: 1!important;
}
#picklistLocalTable{
    width: 475px;
}
#picklistLocal_body_container {
    height: 266px;
}
#picklistLocal_body_container .picklistLocalCheck{
    margin: 7px 0px 0px 7px;
}
.picklistLocalTab .key, .picklistLocalTab .value{
    padding: 3px;
    margin: 6px 3px;
    height: 18px;
    width: 190px;
    border: 1px solid #a9a9a9;
}
.picklistLocalTab .key:disabled,.picklistLocalTab .value:disabled{
    background-color: #eeeeee;
    border: 1px solid #bfbfbf;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#picklistLocalTable tr:first-child td input {
    margin-top: 8px;
}
.bT .addPickRow{
    margin-right: 8px;
}
.picklistLocalTab .bT{
    margin-bottom: 8px;
}


/*Custom Columns Styles End*/

#resultsPart a.loadMore, #resultsPart a.noMore {
    padding: 10px;
    display: block;
    text-align: center;
}
input.custom-checkbox.dI {
    display: none
}
input.custom-checkbox.dI:checked + label::after, input.custom-checkbox.dI + label::after {
    visibility: visible;
    height: 100%;
    cursor: pointer;
}
input.custom-checkbox.dI:checked +label::after {
    content: "\2714";
    color: #FFF!important;
    background-color: #81c784e6!important;
    border: 1px solid #4DB6AC!important;
    text-align: center;
    height: 19px;
}
input.custom-checkbox.dI + label::after {
    content: " ";
    background-color: #ffffff;
    visibility: visible;
    padding: 0px;
    border: 1px solid #607D8B;
    width: 20px;
    height: 19px;
    position: absolute;
    right: -10px;
    border-radius: 2px;
}
.custom-checkbox.dI + label {
    font-weight: inherit;
    padding: 0px;
    position: relative;
    line-height: 1.4;
    font-size: 15px;
    margin: 50%;
}
.invalid{
    background:#fbe3e4;
    color:#8a1f11;
}
.invalid:before {
    font-family: "font-gantter";
    font-size: 18px;
    line-height: 1.3 !important;
    content: "\e904";
    color: #e57373;
    display: inline-block;
    float: right;
    height: 100%;
    position: relative;
    width: 25px;
    text-align: center;
    background: #fce4e5;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.invalid input.dI {
    background: transparent;
    border: 1.5px solid transparent;
    border-left: none;
    width: calc(100% - 25px);
}
#taskColumnsTab .datepick{
    cursor: pointer;
    width: 285px!important;
}
#taskColumnsTab input + a.dp-choose-date {
    display:none;
}
#taskColumnsTab input.datepick + a.dp-choose-date {
    display:inline;
    margin: 10px 5px;
}
#taskColumnsTab input.datepick + a.dp-choose-date.dp-disabled {
    pointer-events: none;
}
#taskColumnsTab .currencyVal , #taskColumnsTab input[type="number"] {
    width: 315px!important;
}
#taskColumnsTab .ex label {
    width: 295px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}
#taskColumnsTab .ex input.text{
    width: 315px;
}
/*Boolean Options Temporarily Hidden*/
.customColType select option:nth-child(5){
    display: none;
}

/*BoardView Workspace Styles*/
#bT div.boardToolbarButton .bW{
    font-size: 21px!important;
}
#bT div.boardToolbarButton .bW.boardDelete{
    font-size: 22px!important;
    margin-top: -2px!important;;
}
#bT div.boardToolbarButton .bW.boardManageRules{
    font-size: 18px!important;
    margin-top: -1px!important;;
}
#btnManageBoardRules .boardManageRules:before {
    font-family: 'AdvancePlaning' !important;
    content: "\e966";
    font-size: 22px;
    position: relative;
    top: 0px;
    margin-left: -1px;
}


#bT #btnOpenZonePlanner .bW{
    margin: -4px 0px 0px 0px !important;
    font-size: 23px !important;
}

/*Advance Planning Workspace Styles*/

.advPlanningView_Container {
    height: 100%;
    border: 1px solid #e0e0e0;
    overflow: auto;
}
.btnHide, .hideBtn, table#advPlanning th.advPlanningHead{
    display: none!important;
}
#bT .advpFields{
    margin: 0px auto;
    display: inline-block;
    /*float: right;
    position: absolute;*/
}
.bW.advpSettings { 
    margin: -4px 0px 0px 0px !important;
    font-size: 23px!important;
}
.bW.advpBoards { 
    margin: -4px 0px 0px 0px !important;
    font-size: 23px!important;
}

.bW.advpPullPlan {
    margin: -1px 0px 0px -2px !important;
    font-size: 18px !important;
}
.toolBtnCommit .bW.advpPullPlan {
    font-size: 22px!important;
    padding: 0px 0px 0px 3px;
}
.toolBtnLocked .bW.advpPullPlan {
    margin: -1px 0px 0px 4px !important;
}
.bW.advpLink{
    margin: -1px 0px 0px 1px !important;
    font-size: 19px!important;
}

.bW.advpComplete{
    margin: -1px 0px 0px 1px !important;
    font-size: 19px!important;
}

.bW.advpVerify{
    margin: -1px 0px 0px 1px !important;
    font-size: 19px!important;
}
/*
.bW.advpLeft, .bW.advpRight {
    margin: -1px 0px 0px 1px !important;
    font-size: 19px!important;
}*/

.bW.advpCopyTags{
  margin: 0px 0px 0px 1px !important;
  font-size: 18px!important;
}

.bW.advpDeleteTags{
  margin: 0px 0px 0px 0px !important;
  font-size: 18px!important;
}

.bW.advpReport{
    margin: -1px 0px 0px 1px !important;
    font-size: 19px!important;
}

#toolbarBottomContainer #advpFilterControl,
#boardFilterControl {
    right: 70px;
}

.advpSearchInput.ellipsis{ 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.advpSearchIcon{
    font-family: "font-gantter";
    cursor: pointer;
    width: 20px;
    height: 20px;
    padding: 0px;
    position: relative;
    right: -265px;
    top: 9px;
    font-size: 16px;
}

.advpSearchIcon:before{
    content: "\e91a";
}

.advpResetIcon {
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    outline: none;
    width: 20px;
    height: 20px;
    padding: 0px;
    border: 0;
    position: relative;
    right: 5px;
    top: -1px;
    z-index: 1;
    visibility: visible;
}
.advpResetIcon:after {
    font-family: "font-gantter";
    content: "\e900";
    display: block;
    width: 15px;
    height: 15px;
    background-color: #777777;
    margin: auto;
    padding: 2px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    font-weight: normal;
    font-size: 11px;
    cursor: pointer;
    line-height: 1.4;
}
.advpSearchInput:not(:valid) ~ .advpResetIcon {
    z-index: 0;
    visibility:hidden;
}
#gI.advpConfirm {
    min-width: 410px;
    min-height: 160px;
    border-radius: 8px;
}
#gI.advpMod {
    min-width: 460px;
    min-height: 180px;
    top: 33%;
}
#gI.advpMod  .dQ button {
    margin: 10px!important;
}
#gI.advpConfirm h1 {
    color : #ffff;
    height: 10px;
    padding: 0px;
    margin: 0px;
    cursor: move;
}
#gI.advpConfirm #gJ {
    font-size: 14px;
    width: 400px;
    color: #4e4e4e;
}
#gI.advpMod #gJ {
    text-align: left;
    height: 50px !important;
    line-height: 1.8;
    margin: 26px 8px;
    text-indent: 0px;
    padding-left: 50px;
}
#gI.advpConfirm #gJ:before {
    font-family: "font-gantter";
    content: "\e920";
    color: #777777;
    position: absolute;
    left: 18px;
}
#gI.advpMod #gJ:before {
    font-size: 26px;
    left: 15px;
    top: 30px;
}
#gI.advpUser #gJ:before{
    font-size: 35px;
    left: 48%;
    top: 10px;
}
#gI.advpUser #gJ {
    text-align: center;
    margin-top: 65px;
    height: 35px !important;
}
#gI.advpUser {
    min-height: 170px;
}
#gI.advpConfirm .dU .m-button {
    margin: 10px 15px 15px 5px!important;
    padding: 1px 1.2rem 1.2px 1.2rem;
    height: 32px;
}
#gI.advpConfirm .ld, #gI.advpUser #gL  {
    display: none;
}
#gI.advpUser #gK {
    margin: 0% 40%!important;
}
#gI.advpConfirm #gK {
    background: #059cdf;
}
#gI.advpConfirm #gL {
    background: #666666;
    color: #fff;
}
#gI.advpPlan {
    min-width: 495px;
    min-height: 180px;
    z-index: 999999!important;
    left: 53%;
    top: 39%;
}
.advpPlan #gJ,
.advpPlanLock #gJ,
.advpDelete #gJ {
    margin: 25px 0px 5px 65px;
    line-height: 1.8;
    height: 100% !important;
    min-height: 70px;
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: break-word;
}
.advpPlan #gJ:before,
.advpPlanLock #gJ:before,
.advpDelete #gJ:before {
    font-size: 28px;
}

#gI.advpPlanLock,
#gI.advpDelete {
    min-width: 530px;
    min-height: 180px;
    z-index: 999999!important;
    left: 53%;
    top: 39%;
}

.advpPlanLock #gJ,
.advpDelete #gJ {
    width: 436px !important;
}

#gI.confirmCls{
    min-height: 180px;
    min-width: 380px;
    left: 0!important;
    right: 0;
    margin: auto;
    text-align: left;
    padding: 10px 0px 5px 10px;
    border-radius: 5px;
    height: fit-content;
    opacity: 1!important;
}
#gI.confirmCls h1{
    pointer-events: none;
}
#gI.confirmCls #gJ {
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.5;
    margin: 20px 0px;
    min-height: 50px;
    height: max-content!important;
    overflow: visible;
    text-overflow: unset;
    display: block;
    word-break: break-word;
    width: auto;
    white-space: break-spaces;
}
#gI.confirmCls .dQ .btn{
    margin: 20px 5px 0px 15px!important;
}
.advpSelect {
    position: fixed;
    right: 70px;
    top: 72px;
}
#advpFilter {
    width: 293px;
    border: 0;
    height: 33px;
    font-size: 1.2em;
    outline: none;
    cursor: pointer;
    list-style-type: none;
    position: relative;
    top: -2px;
    line-height: 2;
    margin: 0px;
    left: 0px;
}
.advpFilterIcon{
    position: relative;
    right: 12px;
    top: 4px;
    float: right!important;
    cursor: pointer;
    transform: rotate(90deg);
    font-size: 10px;
}
.advpFilterIcon:before{
    font-family: "font-gantter";
    color: #777;
    content: '\25BA';
}
.advpSelect.active .advpFilterIcon:before,  .advpSelect .has-submenu:hover:after {
    color: #38a6e2;
}
.advpSelect ul li.option, .advpSelect ul .submenu,.advpSelect .optspacer {
    display: none;
    list-style: none;
    border: 1px solid #f3f3f3;
    border-top: none;
    border-bottom: none;
    background-color: #ffffff;
    padding: 1px 15px;
    cursor: pointer;
}
.advpSelect .has-submenu{
    position: relative;
    cursor: default!important;
}
.advpSelect ul li:first-child{
    display: block;
}
.advpSelect ul li.option, .advpSelect ul .has-submenu .submenu{
    opacity: 1;
    -webkit-animation: fadein 0.30s;
    -moz-animation: fadein 0.30s;
    -ms-animation: fadein 0.30s;
    -o-animation: fadein 0.30s;
    animation: fadein 0.30s;
}
.advpSelect .init span{
    display: none;
}
.advpSelect .init{
    height: 30px;
}

.advpSelect ul .option.selected:not(.has-submenu):after {
    font-family: "font-gantter";
    content: '\e905';
    color: #92cc96;
    font-size: 26px;
    position: absolute;
    right: 10px;
    line-height: 1;
}

.advpSelect ul .submenu {
    display: none;
    position: absolute;
    right: 270px;
    top: 0px;
    list-style-type: none;
    white-space: nowrap;
    float: right;
    border: 1px solid #f3f3f3;
    box-shadow: -2px 4px 5px -2px rgba(0,0,0,0.2);
    min-width: 240px;
    min-height: 10px;
    padding: 10px 0px;
    overflow: hidden auto;
    max-height: 40vh;
}

div#advpSelection {
    height: 31px;
    max-width: 106px;
    position: relative;
    right: 6px;
    /* @alternate */ overflow: visible;
    border-radius: 8px 0px 0px 8px;
    border: 1px solid #c2c2c2;
    border-right: 0px;
    top: -1px;
    font-size: 14px;
    line-height: 2.4;
    padding: 0px 12px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}

#advpSelection.focused {
    right: 130px;
    text-align: right;
    border: none;
    font-size: 1.2em;
    width: 100%;
    cursor: default;
}
.advpSearchInput.showSelect {
    border-radius: 0px;
    border-left: none;
}

.advpSelect ul .submenu li:hover, .advpSelect ul li.option:hover {
    background-color: #e0f3fb;
}
.advpSelect ul .submenu li{
    margin: 3px 0px;
    padding-right: 10px;
}

.advpSelect ul li.hideOpt{
    display: none!important;
}
.advpSelect .optspacer {
    list-style: none;
    border: 1px solid #f3f3f3;
    border-top: none;
    background-color: #ffffff;
    padding: 4px;
    pointer-events: none;
}
.advpSelect .optspacer.first {
    border-bottom: none;
}
.advpSelect .optspacer.last {
    border-top: none;
    box-shadow: -2px 4px 5px -2px rgba(0,0,0,0.2);
}
.advpSelect input.custom-checkbox {
    display: none
}
.advpSelect input.custom-checkbox:checked + label::before, .advpSelect input.custom-checkbox + label::before {
    visibility: visible;
    height: 100%;
    cursor: pointer;
}
.advpSelect input.custom-checkbox:checked +label:after {
    content: '';
    position: absolute;
    top: 11px;
    left: 22px;
    height: 4px;
    padding: 2px;
    transform: rotate(45deg);
    text-align: center;
    border: solid #fff;
    border-width: 0 2px 2px 0;
}
.advpSelect input.custom-checkbox:checked +label::before {
    content: '';
    background: #38a6e2;
    background-color: #008ece!important;
    border: 1px solid #008ece!important;
    text-align: center;
    height: 12px;
    /* @alternate */ border: 1px solid #38a6e2;
}
.advpSelect input.custom-checkbox + label::before {
    content: '';
    background: #ffffff;
    visibility: visible;
    padding: 0px;
    border: 1px solid #607D8B;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    float: left;
    line-height: 1;
    font-size: 13px;
    position: relative;
    top: 6px;
    right: 60px;
}
.advpSelect .loc input.custom-checkbox:checked + label::after, .advpSelect .rollup input.custom-checkbox:checked + label::after {
    left: 14px;
}
.advpSelect .loc input.custom-checkbox + label::before, .advpSelect .rollup input.custom-checkbox + label::before {
    right: 10px;
}
.advpSelect .loc .custom-checkbox + label, .advpSelect .rollup .custom-checkbox + label {
    right: 0px;
    max-width: 300px;
    width: 100%;
    padding-left: 20px;
}

.advpSelect .custom-checkbox + label {
    font-weight: normal;
    padding: 4px 20px 2px 78px;
    cursor: pointer;
    max-width: 240px;
    display: inline-block;
    width: 71%;
    top: 0px;
    right: 31px;
    position: relative;
}
.advpSelect .subitem:hover .subopt::before{
    border: 1px solid #38a6e2;
	box-shadow: 0px 1px 1px #b5b5b5d5;
}
.advpSelect .entcolor {
    height: 20px;
    width: 30px;
    border-radius: 4px;
    margin-top: 6px;
    position: relative;
    left: 50px;
    box-shadow: 0px 1px 2px #b5b5b5;
}
.x-menu-item-text .entcolor {
    height: 15px;
    width: 15px;
    border-radius: 4px;
    box-shadow: 0px 1px 2px #b5b5b5;
    display: inline-block;
    margin-right: 10px;
}
.advpSelect .has-submenu:after {
    color: #777;
    content: '\25BA';
    font-size: 10px;
    position: absolute;
    right: 15px;
    line-height: 3;
}
.advpSelect li span, .advpSelect li label{
    color: #000000;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.boardGroup .open.groupIco .groupLbl span:after {
    color: #38a6e2;
}

.boardGroup {
    width: 100%;
    min-height: 28px;
}
.boardGroup span {
    font-size: 14px;
    line-height: 2;
    cursor: pointer;
}
.boardGroup .groupIco{
    float: left;
    width: 100%;
    height: 28px;
    cursor: pointer;
}
.boardGroup .groupIco:before {
    font-family: 'AdvancePlaning' !important;
    background: none;
    filter: none;
    float: left;
    line-height: 1;
    margin: 3px 13px;
    color: #575757;
    font-weight: normal;
}
#bT .advpPullPlan:before,
.boardGroup .dGroup.groupIco:before,
#menuAddDispatchBoard .hasIcon::before
{
    font-size: 19px;
}
#bT .toolBtnCommit .advpPullPlan:before,
.boardGroup .pGroup.groupIco:before,
#menuAddPlanBoard .hasIcon::before {
    font-size: 21px;
}
#bT .toolBtnLocked .advpPullPlan:before{
  font-size: 19px;
}
#menuAddPlanBoard{
    margin-top: 6px;
}
.boardGroup .groupLbl span:after{
    transform: rotate(90deg);
    font-size: 10px;
    font-family: "font-gantter";
    color: #777;
    content: '\25BA';
    float: right;
    padding-top: 10px;
    margin-right: 10px;
    position: absolute;
    right: 0px;
}
.pGroup.groupIco:before {
    content: "\e97e";
}
.dGroup.groupIco:before {
    content: "\e931";
}
.pGroup.groupIco:before {
    margin: 3px 9px;
}

.boardGroup .groupContainer
{
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 38vh;
    width: 100%;
    padding: 3px 0px 3px 12px;
}

.dGroup.groupIco {
    padding-top: 5px;
}
@media (pointer:coarse) {
    .boardGroup .groupContainer
    {
        padding-left: 0px;
    }
}

/*WelcomeScreen Window - Large Displays Responsive Styles*/

@media only screen and (min-width: 1500px) {
  .iqWidget.iqWidgetLight.js-ifwtop.border.welcome-screen-popup {
    width: 80%!important;
    height: 75%!important;
    left: 42%!important;
    top: 42%!important;
  }
  .welcome-screen-popup .iqWidgetBody.js-framecont {
    height: 94%!important;
  }
}

@media only screen and (max-width: 1180px) {
    #advpSelection {
        display:none!important;
    }
}
@media only screen and (max-width: 1100px) {
    #advpSearchTxt:focus #advpSelection {
        display:block!important;
    }


}

@media (min-width: 768px) and (max-width: 1024px) {
    /*Tablets(portrait)*/
    .emptyboardtextmsg {
      left: 27vw !important;
    }
}
@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
    /*Mobiles(landscape)*/
    .emptyboardtextmsg {
      left: 30vw !important;
    }
}
@media (min-width: 320px) and (max-width: 480px) {
    /*Mobiles(portrait)*/
}

@media only screen and (min-width: 2000px) {
  .iqWidget.iqWidgetLight.js-ifwtop.border.welcome-screen-popup {
    width: 70%!important;
    height: 80%!important;
    left: 35%!important;
    top: 40%!important;
  }
}

/*Do not add new styles below this block[Mozilla] */
/*
TODO
@-moz-document url-prefix() {
    input.printradiobtn[type="radio"]:checked + label:before {
      line-height:12px;
}
}*/

/*Do not add new styles below this block[IE] update them above*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
{
  #infoBoxDialog div.dQ {clear: both; }
  body { position: relative; }

  #toolbarRightContainer div.gblToolbarButton .iconSuggest {
    text-shadow: -1px -1px 0px #000000, 1px -1px 0px #000000, -1px 1px 0px #000000, 1px 1px 0px #000000 !important;
  }
}

input::-ms-clear {
  display: none;
}

#participantControlContainer {
    /*position: absolute;
    float: right;
    right: 230px;*/

    position: relative;
    float: right;
}
#top #participantControlContainer {
    right: 10px;
    height: 60px;
}
.btn {
    box-shadow: 0px 1px 6px #acacac;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    float: right;
    color: #ffffff;
    border-radius: 4px;
    padding: 8px 19px;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    outline: 0;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: top;
    overflow: hidden;
    position: relative;
}
.btn.btn-primary-cls {    
    border-color: #059cdf;    
    background-color: #059cdf;    
}
.btn.btn-secondary-cls {    
    border-color: #666;    
    background-color: #666;    
}
.btn.btn-primary-cls:hover { background-color: #1791c7 !important;outline: 0;}
.btn.btn-secondary-cls:hover { background-color: #757373 !important;outline: 0;}
.gantter-project {
    overflow: hidden !important;
}
.linkEditContainer.ui-widget.ui-widget-content {
    border: 0px solid #c5c5c5;
}


div#tooltip-cls {
    position: absolute;
    z-index: 120;
    margin: 0px auto;
    width: max-content;
    padding: 0 20px;
    height: 50px;
    background: #666666;
    top: 70%;
    left: 0;
    right:0;
    border-radius: 25px;
    box-shadow: 0px 2px 3px #666666;
    text-align: center;
    vertical-align: middle;
    line-height: 2.5;
    font-size: 16px;
    color: #ffffff;
        font-family: Roboto, Helvetica, sans-serif;
}
div#tooltip-cls .error-icon:before {
    font-family: 'font-gantter';
    content: '\e920';
    font-size: 18px;
    color: #ffffff;
    padding: 0 11px 0 2px;
}
div#tooltip-cls .info-icon:before {
    content: '\e957';
    font-size: 29px;
    color: #fff;
    padding: 0 11px;
    font-family: 'AdvancePlaning';
    position: relative;
    line-height: 1.3;
    top: 6px;
}
div#tooltip-cls .wait-icon:before {
    content: '';
    font-size: 29px;
    color: #fff;
    padding: 0;
    font-family: 'AdvancePlaning';
    position: relative;
    line-height: 1.3;
    top: 6px;
}

.grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.gantter-project .lb .common-selectcontrol-cls.field-animate {
  background: transparent;
}
.gantter-project .lb .common-selectcontrol-cls.field-animate span.x-form-item-label-text  {
  font-weight: bold !important;
}
.gantter-project .lb .common-selectcontrol-cls .x-form-text-default.x-tagfield {
    padding: 2px 0 0 5px !important;
}

.gantter-project .lb .common-selectcontrol-cls .x-form-text-field-body .x-form-trigger-default:before {
    content: "\f0d7";
    padding-right: 8px;
}
/*Temporary will revert after widget api modifications*/
.readonlymode-viewer .comment-options,
.readonlymode-viewer .comment-content-wrap .reply-btn,
.readonlymode-viewer .show-contraint-list .add-btn {
        display:none!important;
}
.readonlymode-viewer #taskDialogComment, 
.readonlymode-viewer #taskDialogConstraint{
    pointer-events: none;

}
.readonlymode-viewer #taskDialogComment.on, 
.readonlymode-viewer #taskDialogConstraint.on{
    pointer-events: initial;
}

#mobileFilterExpand,
#boardFilterControl .searchfield-withfilter-cls .minimized-fltr-btn.x-btn-default-small {
    border-color: #cac5c5;
    left: 90% !important;
    border-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    height: 29px !important;
    background: transparent;
    margin-top: 3px;
    width: 29px;
}
#mobileFilterExpand:before,
#boardFilterControl .searchfield-withfilter-cls .minimized-fltr-btn:before {
  font-family: 'AdvancePlaning';
  content: '\e96b';
  font-size: 23px;
  left: 4px;
  position: absolute;
  top: 6px;
  color: #333333;
}
#boardFilterControl .searchfield-withfilter-cls .show-filter-cls.minimized-fltr-btn:before,
#boardFilterControl .searchfield-withfilter-cls .filter-applied-cls.minimized-fltr-btn:before
{
  color: #0000ff;
}

@media (min-width: 768px) and (max-width: 1024px) {
#splitter .vsplitbar:before {
    font-family: 'AdvancePlaning';
    content: '\e974';
    font-size: 44px;
    color: #6d6d6d;
    text-align: center;
    position: relative;
    top: 50%;
    margin-left: -19px;
}
#splitter .vsplitbar {
    background: #cccccc;
    width: 7px;
}

/* Schedule Property page - Responsive design */
#dR { width: 696px; }
#eD { width: 730px; }
#eO > .split3Cols {
    table-layout: fixed;
}
div.og p > input#ee[type='text'] {
    width: 94%;
}
div.og div.ey, div.og div.ez {
    width: 313px;
}
div.og p > input#eV[type='text'] {
    width: 365px;
}
div.og p > textarea#fp { width: 684px; }
div.og p > textarea#nH { width: 650px; }
div.og div.ez input#nE[type='text'].dp-applied {
    width: 274px;
}
div.og div.ey input[type='text'].dp-applied, div.og div.ez input[type='text'].dp-applied {
    width: 278px;
}
.gantter-project .lc .common-selectcontrol-cls.field-animate {
    background: transparent;
    width: 99% !important;
}
.ddlDefaultTaskTypeGroup .select2-container a.select2-choice {
    width: 299px !important;
}
.ddlTaskAppTypeGroup .select2-container a.select2-choice {
    width: 167px !important;
}

.txtTaskTradesWrapperClass .select2-container .select2-choices/*, 
.txtTaskSkillsWrapperClass .select2-container .select2-choices*/ {
    width: 172px !important;
}

#ov, #txtTaskTrades/*, #ddlTaskAppType*/ {
    width: 172px;
}

#taskColumnsTab .picklistType {
    width: 312px;
}

#eO .col3Right.gtr-tooltip {
    white-space: nowrap;
}

.lc {
    background: #a7a7a7;
}/*
.lb {
    background: #fff;
    border: 6px solid #fff;
    display: none;
    left: 50%;
    margin-left: -341px;
    position: fixed;
    top: 13%;
}*/

div.og .timeModifiers input[type='text'].dp-applied.showtime { width: 154px;}
#ox.lb {
    background: #fff;
    border: 6px solid #fff;
    display: none;
    left: 23%;
    /* @alternate */ position: fixed;
    top: 25%;
    width: auto !important;
    position: absolute;
    margin: auto;
}
#eD.lb {
    background: #fff;
    border: 6px solid #fff;
    display: none;
    position: absolute !important;
    top: 15% !important;
    bottom: 0;
    left: 0 !important;
    right: 0;
    margin: 0px auto !important;
    height: fit-content;
} 
#fr.lb {
    background: #fff;
    border: 6px solid #fff;
    display: none;
    left: 26%;
    /* @alternate */ position: fixed;
    top: 21%;
    width: auto !important;
    position: absolute;
    margin: auto;
}
#fY.lb {
    background: #fff;
    border: 6px solid #fff;
    display: none;
    left: 67%;
    margin-left: -300px;
    position: fixed;
    top: 27%;
}
#dR.lb {
    background: #fff;
    border: 6px solid #fff;
    display: none;
    left: 44%;
    margin-left: -300px;
    position: fixed;
    top: 19% !important;
}
label#eh {
    margin-bottom: -11px !important;
    display: block;
}
.gantter-project.x-tablet.x-ios-native .bottom-bS .container {
    top: 5px;
}
#taskColumnsTab .ex input.text {
    width: 96%;
}

/* #bZ li.hover #ax ~ ul {
    overflow: auto;
    height: 90vh;
} */
#workspace {
  /* @alternate */ overflow: auto; 
  overflow: visible;
} /*TODO# Rewrite advp workspace specific*/
#di{ touch-action: pan-x pan-y; overflow: visible!important;}/*Smaller device resolutions specific*/
#dg, #dh, #pu, #ru, #dj, #di {
    overflow: auto;
}
.dP { overflow: auto; overflow-x: auto; }
.gantter-project.x-tablet.x-ios-native .advanceplanner-tip-content .details,
.gantter-project.x-tablet.x-ios-native .advPlanner .taSpanBox .details,
.gantter-project.x-tablet.x-ios-native .advPlanner .taBox .details {
    margin-left: 9px;
    text-align: left;
    font-size: 12px;
    letter-spacing: 1px;
    display: -webkit-box;
    display: block;
    display: -moz-box;
    display: -ms-flexbox;
    display: block;
    justify-content: space-between
}
.gantter-project.x-tablet.x-ios-native p.details .duration {float: right;}

#eG ul a { margin-right: 3px}
.tabs ul a {padding: 4px 5px;}

}
@media (max-width: 1024px) {
    #bT {
        padding-left: 0px;
    }

  #bT div.bU, #bT div.gblToolbarButton, .toolbarCombo {
    border: 1px solid transparent;
    height: 20px;
    padding: 7px;
    width: 20px;
    margin: 2px 3px;
}
#bT div.advpToolbarButton, #bT div.boardToolbarButton {
    border: 1px solid transparent;
    height: 20px;
    padding: 7px;
    width: 20px;
    margin: 2px 3px;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #ox.lb,
  #fr.lb {
    background: #fff;
    border: 6px solid #fff;
    display: none;
    left: 28%;
    /* @alternate */ position: fixed;
    top: 17%;
    width: auto !important;
    position: absolute;
    margin: auto;
}

#bT div.bU, #bT div.gblToolbarButton, .toolbarCombo {
    border: 1px solid transparent;
    height: 20px;
    padding: 7px;
    width: 18px;
    margin: 2px 4px;
}
#bT div.advpToolbarButton, #bT div.boardToolbarButton {
    border: 1px solid transparent;
    height: 20px;
    padding: 7px;
    width: 20px;
    margin: 2px 5px;
}
#fr.lb {
    top: 13% !important;
    left: 31%;
}
#eD.lb {
    background: #fff;
    border: 6px solid #fff;
    display: none;
    position: absolute !important;
    top: 15% !important;
    bottom: 0;
    left: 0 !important;
    right: 0;
    margin: 0px auto !important;
    height: fit-content;
}
#fY.lb {
    background: #fff;
    border: 6px solid #fff;
    display: none;
    left: 64%;
    margin-left: -300px;
    position: fixed;
    top: 20%;
}

#dR.lb {
    background: #fff;
    border: 6px solid #fff;
    display: none;
    left: 47%;
    margin-left: -300px;
    position: fixed;
    top: 8% !important;
}
}

/* Safari Browser UI */
.gantter-project.x-mac.x-safari .advanceplanner-tip-content .details,
.gantter-project.x-mac.x-safari .advPlanner .taSpanBox .details,
.gantter-project.x-mac.x-safari .advPlanner .taBox .details {
    margin-left: 9px;
    text-align: left;
    font-size: 12px;
    letter-spacing: 1px;
    display: -webkit-box;
    display: block;
    display: -moz-box;
    display: -ms-flexbox;
    display: block;
    justify-content: space-between
}
.gantter-project.x-mac.x-safari .bottom-bS .container {
    top: 5px;
}
.gantter-project.x-mac.x-safari p.details .duration {float: right;}
.as.cC:before,
.as.iconAddResources:before,
.as.iconResourceUsage:before,
.as.cH:before ,
.as.cG:before,
.as.cD:before ,
.as.iconVerify:before,
.as.cF:before,
.as.iconBaseline:before,
.as.iconComplete:before,
.as.cB:before,
.as.cQ:before,
.as.cU:before,
.as.cS:before,
.as.cA:before,
.as.cE:before,
.as.cy:before,
.as.cx:before,
.as.cK:before,
.as.cz:before,
.as.cT:before,
.as.cR:before,
.as.iconProperties:before,
.as.Verified:before,
.as.Union-157:before ,
.as.Subtraction-46:before,
.as.cM:before,
.as.cN:before,
.as.radio_off_light:before,
.as.cL:before,
.as.cJ:before,
.as.iconCollapse:before,
.as.iconWBS_Unlock:before,
.as.noun_tick_953516:before,
.as.iconWBS_Lock:before,
.as.cw:before,
.as.Group-5176:before,
.as.iconExpand:before,
.as.cO:before,
.as.uniE926:before,
.as.iconAutoLevelResource:before,
.as.cP:before,
.as.iconAllowRollup:before,
.bW.cC:before,
.bW.iconAddResources:before,
.bW.iconResourceUsage:before,
.bW.iconToday:before,
.bW.cH:before ,
.bW.cG:before,
.bW.cD:before ,
.bW.iconVerify:before,
.bW.cF:before,
.bW.iconAllowRollup:before,
.bW.iconBaseline:before,
.bW.iconComplete:before,
.bW.cB:before,
.bW.cQ:before,
.bW.cU:before,
.bW.cS:before,
.bW.cA:before,
.bW.cE:before,
.bW.cy:before,
.bW.cx:before,
.bW.cK:before,
.bW.cz:before,
.bW.cT:before,
.bW.cR:before {
  font-family: 'gantterfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 16px;
  color: #000000 !important;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bW.cC:before, .as.as.cC:before {
  content: "\e900";
}
.bW.iconAddResources:before, .as.iconAddResources:before {
  content: "\e901";
}
.bW.iconResourceUsage:before, .as.iconResourceUsage:before {
  content: "\e902";
}
.bW.iconToday:before {
  content: "\e946";
}
.bW.cH:before, .as.cH:before {
  content: "\e903";
}
.bW.cG:before, .as.cG:before {
  content: "\e904";
}
.bW.cD:before, .as.cD:before {
  content: "\e905";
}
.bW.iconVerify:before, .as.iconVerify:before {
  content: "\e906";
  font-size: 18px;
} 
.as.cF:before {
  content: "\e907";
}
.bW.cF:before {
  content: "\e950";
  font-size: 18px;
}
.bW.iconAllowRollup:before {
  font-size: 19px;
}
.bW.iconAllowRollup:before, .as.iconAllowRollup:before {
    content: "\e928";
  }
.bW.iconBaseline:before, .as.iconBaseline:before {
  font-family: "font-gantter" !important;
  content: "\e926";
  font-size: 17px;
  line-height: 1.2em;
}
.bW.iconComplete:before, .as.iconComplete:before {
  content: "\e909";
  font-size: 17px;
}
.bW.cB:before, .as.cB:before {
  content: "\e90a";
}
.bW.cQ:before, .as.cQ:before {
  content: "\e90b";
}
.bW.cU:before, .as.cU:before {
  content: "\e90c";
}
.bW.cS:before, .as.cS:before {
  content: "\e90d";
}
.bW.cA:before, .as.cA:before {
  content: "\e90e";
} 
.as.cE:before {
  content: "\e90f";
}
.bW.cE:before {
  content: "\e94f";
  font-size: 18px;
}
.bW.cy:before, .as.cy:before {
  content: "\e910";
}
.bW.cx:before, .as.cx:before {
  content: "\e911";
}
.bW.cK:before, .as.cK:before {
  content: "\e912";
}
.bW.cz:before, .as.cz:before {
  content: "\e94a";
  font-size: 17px;
  left: 2px;
  position: relative;
}
.bW.cT:before, .as.cT:before {
  content: "\e914";
}
.bW.cR:before, .as.cR:before {
  content: "\e915";
}
.as.iconProperties:before {
  content: "\e916";
}
.as.Verified:before {
  content: "\e917";
}
.as.cN:before {
    content: "\e91b";
}
.as.Union-157:before {
  content: "\e918";
}
.as.Subtraction-46:before {
  content: "\e919";
}
.as.cM:before {
  content: "\e91a";
}
.as.radio_off_light:before {
  content: "\e91b";
}
.as.cL:before {
  content: "\e91c";
}
.as.cJ:before {
  content: "\e91d";
}
.as.iconCollapse:before {
  content: "\e91e";
}
.as.iconWBS_Unlock:before {
  content: "\e91f";
}
.as.noun_tick_953516:before {
  content: "\e920";
}
.as.iconWBS_Lock:before {
  content: "\e921";
}
.as.cw:before {
  content: "\e922";
}
.as.Group-5176:before {
  content: "\e923";
}
.as.iconExpand:before {
  content: "\e924";
}
.as.cO:before {
  content: "\e925";
}
.as.uniE926:before {
  content: "\e926";
}
.as.cP:before {
  content: "\e927";
}
.as.iconCollapse:before,
.as.iconExpand:before {
    font-size: 22px !important;
}
.as.iconAllowRollup:before, 
.as.cB:before, 
.as.cA:before,
.as.cz:before {
    font-size: 13px !important;
}
.as.iconCheckAutoLevel:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJfSURBVDjLpZNrSFNhGMelD34op67Lp4I+RKBREkUNIR2po7LOztlxbY1amstyXWw2m06b6Ra1llpqBJrlJdNFVyqxixZmIQ5npVE20DCkYqaDDBVy77+zDQbCmEUffvC8L/x/z/Pw8oYACPkfAl5mKmWl+cJFMMTzoNsUBnXsQqhk4qt/JVCrUosMVBQs2yJg5igWhUMbH4a0uKVQ7VWUzSnQswJc4II6LqT1Eg6NkI99GyPArF1M5hRoBZGkpTIPI60WdFYexO4NfKTGLoEidhl2rotEmXbXgqCCqj3LXa6P7Rjrvo7vr2thr8/B4P1ijPa3ojFjxURf3aHQoIJqxWrbuK0Jzp5bmHzbzGH11uP2ZlSnx/QEXcGaxM5/tnlrx5NMAaZ7ajD1/p6XyTc38FwjgFWY/KJRKOUFFJQnpfE7RFSNk6Ux5fiEvmPJaMnd7sVT/7J14ytDozMx+WJ9nCJylsCcIp03oNHWfpMwgOMD0PUSaKoFrlSAVJwDMRfCfe0ySPcrfGEY8iCBKq1LpEL9grYtjJGky4BHd3xwQVRagBIjcDofKMgGjh8AuVQCd4kJP9Nk5K6IPusX9J6MmnE+zANOnQAsRT7OFPjO+iwgOwNQK+FWSoAsFcYeF6IrJ3raL3hniCbjT40gSm6FqnIQLkg8XXWHQTT7QXRH4OYm8HT/IWfhajPBlruK+AX9DUf1dv3K3zOcYDSFBs4XB2SEZuCgGPQWxkxzGdOsV/hsVfPa5dI1TSLl8AArJ0M0iyGxBIOUBI4dLPrFMnI7QTHRyqasH76p5gX9jf/CH9NZtVjmGMuRAAAAAElFTkSuQmCC);
    background-size: 16px;
    z-index: 9999;
    background-repeat: no-repeat;
    filter: grayscale(1);
}
.as.iconAutoLevelResource:before {
    content: "\e910";
    color: #898989 !important;
    font-size: 14px;
}
 a.dp-choose-date, 
 .kF, 
 div.menubutton .as {
   background-image: url(../images/sprites-default.png);
   background-repeat: no-repeat;
   filter: alpha(opacity=75);
   opacity: .75; 
}
#bZ .as,
#bT div.bW {
   background-image: url(../images/sprites-default.png);
   background-repeat: no-repeat;
   filter: alpha(opacity=75);
   opacity: .75;
   /* @alternate */ background-image: none !important 
}

/* Created Task view icons : New SVG fonnt -- Start */
@font-face { /*Embeded for rendering webfonts during print*/ 
    font-family: 'AdvancePlaning';
    src: url("../css/webfont/AdvancePlaning/fonts/AdvancePlaning.eot?9t5wsy");
    src: url("../css/webfont/AdvancePlaning/fonts/AdvancePlaning.eot?9t5wsy#iefix") format("embedded-opentype"),
    url("../css/webfont/AdvancePlaning/fonts/AdvancePlaning.ttf?9t5wsy") format("truetype"),
    url("../css/webfont/AdvancePlaning/fonts/AdvancePlaning.woff?9t5wsy") format("woff"), 
    url("../css/webfont/AdvancePlaning/fonts/AdvancePlaning.svg?9t5wsy#AdvancePlaning") format("svg");
    font-weight: normal;
    font-style: normal;
}
td.deletedInfoColumn div.taskNeedsAttentionImage,
td.dl div.taskNeedsAttentionImage,
p.columnFilterValues input.taskNeedsAttentionImage,
td.deletedInfoColumn div.taskOverDueImage,
td.dl div.taskOverDueImage,
p.columnFilterValues input.taskOverDueImage,
td.deletedInfoColumn div.jd, 
td.dl div.jd,
p.columnFilterValues input.jd,
td.deletedInfoColumn div.je, 
td.dl div.je,
p.columnFilterValues input.je,
td.deletedInfoColumn .schedulingTypeImage, 
td.dl .schedulingTypeImage,
p.columnFilterValues .schedulingTypeImage,
td.deletedInfoColumn div.jf, 
td.dl div.jf,
p.columnFilterValues input.jf,
td.deletedInfoColumn div.jg, 
td.dl div.jg,
p.columnFilterValues input.jg,
td.deletedInfoColumn div.verifiedImage, 
td.dl div.verifiedImage,
p.columnFilterValues input.verifiedImage,
td.deletedInfoColumn div.jh, 
td.dl div.jh,
p.columnFilterValues input.jh,
td.deletedInfoColumn div.ji, 
td.dl div.ji,
p.columnFilterValues input.ji,
td.deletedInfoColumn div.kY, 
td.dl div.kY,
p.columnFilterValues input.kY,
td.deletedInfoColumn div.qw, 
td.dl div.qw,
p.columnFilterValues input.qw
td.deletedInfoColumn div.taskAllowRollUpImage, 
td.dl div.taskAllowRollUpImage,
.schedulingMilestone,
p.columnFilterValues input.taskAllowRollUpImage {
  background-image:none;
  padding: 0px 1px;
  float: inherit;
    width: 14px;
}

td.deletedInfoColumn div.taskNeedsAttentionImage:before,
td.dl div.taskNeedsAttentionImage:before,
p.columnFilterValues input.taskNeedsAttentionImage:before,
td.deletedInfoColumn div.taskOverDueImage:before,
td.dl div.taskOverDueImage:before,
p.columnFilterValues input.taskOverDueImage:before,
td.deletedInfoColumn div.jd:before, 
td.dl div.jd:before,
p.columnFilterValues input.jd:before,
td.deletedInfoColumn div.je:before, 
td.dl div.je:before,
p.columnFilterValues input.je:before,
td.deletedInfoColumn .schedulingTypeImage:before, 
td.dl .schedulingTypeImage:before,
p.columnFilterValues .schedulingTypeImage:before,
td.deletedInfoColumn div.jf:before, 
td.dl div.jf:before,
p.columnFilterValues input.jf:before,
td.deletedInfoColumn div.jg:before, 
td.dl div.jg:before,
p.columnFilterValues input.jg:before,
td.deletedInfoColumn div.verifiedImage:before, 
td.dl div.verifiedImage:before,
p.columnFilterValues input.verifiedImage:before,
td.deletedInfoColumn div.jh:before, 
td.dl div.jh:before,
p.columnFilterValues input.jh:before,
td.deletedInfoColumn div.ji:before, 
td.dl div.ji:before,
p.columnFilterValues input.ji:before,
td.deletedInfoColumn div.kY:before, 
td.dl div.kY:before,
p.columnFilterValues input.kY:before,
td.deletedInfoColumn div.qw:before, 
td.dl div.qw:before,
p.columnFilterValues input.qw:before,
td.deletedInfoColumn div.taskAllowRollUpImage:before, 
td.dl div.taskAllowRollUpImage:before,
p.columnFilterValues input.taskAllowRollUpImage:before {
  font-family: 'AdvancePlaning';
  font-size: 13px;  
  padding: 0px;
  line-height: 1.1;
}
td.deletedInfoColumn div.taskAllowRollUpImage:before, 
td.dl div.taskAllowRollUpImage:before,
p.columnFilterValues input.taskAllowRollUpImage:before {
  content: "\e962";
  font-size: 17px;
  text-align: left;
    position: relative;
    /*left: -24px;*/
}
td.deletedInfoColumn div.qw:before, 
td.dl div.qw:before,
p.columnFilterValues input.qw:before {
  content: "\e950";
  color: #e8e80a;
  text-align: left;
    position: relative;
    /*left: -13px;*/
}
td.deletedInfoColumn div.kY:before,
p.columnFilterValues input.kY:before {
  content: "\e95b";
  color: blue;
  text-align: left;
  position: relative;
}
td.dl div.kY:before {
    content: "\edac";
    color: #059cdf;
    text-align: left;
    position: relative;
    left: 1px;
    font-family: 'common-webfont';
    font-size: 12px;
}
td.deletedInfoColumn div.ji:before, 
td.dl div.ji:before,
p.columnFilterValues input.ji:before {
  content: "\e90e";
  color: #d24e01;
  text-align: left;
    position: relative;
    /*left: -4px;*/
}
td.deletedInfoColumn div.jh:before, 
td.dl div.jh:before,
p.columnFilterValues input.jh:before {
    content: "\e963";
    font-size: 13px;
    text-align: left;
    position: relative;
    /*left: -2px;*/
}
td.dl div.taskAutoTimerImage:before {
    font-family: 'common-webfont';
    padding: 0px;
    line-height: .7;
    content: '\eac0';
    color: #ed7532;
    font-size: 20px;
    text-align: left;
    margin-left: -1px;
}
td.deletedInfoColumn div.verifiedImage:before, 
td.dl div.verifiedImage:before,
p.columnFilterValues input.verifiedImage:before {
   content: "\e959";
   color: #006400;
   font-size: 16px;
   text-align: left;
    position: relative;
    /*left: -2px;*/
}
td.deletedInfoColumn div.taskOverDueImage:before,
td.dl div.taskOverDueImage:before,
p.columnFilterValues input.taskOverDueImage:before {
  content: "\e95d";
  color: #d24e01;
  font-size: 14px;
  /*text-align: left;*/
    position: relative;
    /*left: -10px;*/
}

td.dl div.taskOverDueImage {
    padding: 1px;
}
td.dl div.jh,
td.dl div.jf {
    width: 15px;
}

td.deletedInfoColumn div.taskNeedsAttentionImage:before,
td.dl div.taskNeedsAttentionImage:before,
p.columnFilterValues input.taskNeedsAttentionImage:before {
  content: "\e98a";
  color: #d24e01;
  font-size: 14px;
  position: relative;
}
td.dl div.taskNeedsAttentionImage {
    width: 16px;
}


td.deletedInfoColumn div.jd:before, 
td.dl div.jd:before,
p.columnFilterValues input.jd:before {
    content: "\e958";
    font-size: 16px;
    top: 0px;
    position: relative;
}
td.deletedInfoColumn div.je:before, 
td.dl div.je:before,
p.columnFilterValues input.je:before {
    content: "\e964";
    font-size: 13px;
    color: #E5B908;
}
td.deletedInfoColumn .schedulingTypeImage:before, 
td.dl .schedulingTypeImage:before,
p.columnFilterValues .schedulingTypeImage:before {
    content: "\e98d";
    font-size: 14px;
    color: #0ebab8;
}
td.deletedInfoColumn .schedulingTypeImage.schedulingAuto:before, 
td.dl .schedulingTypeImage.schedulingAuto:before,
p.columnFilterValues .schedulingTypeImage.schedulingAuto:before {
    content: "\e98c";
    font-size: 13px;
    color: #0273a5;
}
td.deletedInfoColumn div.jf:before, 
td.dl div.jf:before,
p.columnFilterValues input.jf:before {
    content: "\e965";
    font-size: 13px;
}
td.deletedInfoColumn div.jg:before, 
td.dl div.jg:before,
p.columnFilterValues input.jg:before { 
    content: "\e949";
    color: #228B22;
}

.hideDispatch, #mobileItemDispatchCountdown.hideDispatch,
.mobileTablet #dispatchCountdownContainer {
    display: none;
}
#mobileItemDispatchCountdown {
    height: 50px;
}
#dispatchCountdownContainer, #mobileDispatchCountdownContainer {
    position: absolute;
    right: 0px;
    left: 0px;
    margin: 0px auto;
    padding: 8px 21px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    top: 9px;
    box-shadow: 0px 1px 3px #a0a0a0;
    width: auto;
    max-width: max-content;
    z-index: 99;
    background: #ffffff;
}
#dispatchCountdown, #mobileDispatchCountdown {
    float: left;
    text-align: center;
    display: block;
    font-size: 10.5pt;
    color: #2f2f2f;
    font-weight: normal;
    font-family: 'Roboto-Regular';
}
#dispatchCountdownContainer .dispatchTimer.onTap{
    padding: 0;
    float: right;
    height: 0;
    margin-left: 15px;
    position: relative;
    top: -2px;
}
div#reportsAndAnalyticsBtn {
    position: relative;
    float: right;
    right: 29px;
    top: 12px;
}
#taskDialogComment, #taskDialogConstraint {
    margin-left: 6px;
	margin-right: 6px;
}

#taskDialogComment:hover {
    cursor: pointer;
}

#taskDialogConstraint:hover {
    cursor: pointer;
}

#taskDialogComment:before {
    font-family: 'AdvancePlaning';
    color: #696969;
    content: '\e921';
    font-size: 18px;
}

#taskDialogConstraint:before {
    font-family: 'AdvancePlaning';
    color: #696969;
    content: '\e93e';
    font-size: 18px;
}

#taskDialogComment.on:before {
    color: yellow;
    filter: drop-shadow(0px 0px 0px #000); 
}

#taskDialogConstraint.on:before {
    color: yellow;
    filter: drop-shadow(0px 0px 0px #000); 
}


#taskDialogSTABtn, #taskDialogSafetyPermitsBtn {
  display: none;
  margin-left: 6px;
  margin-right: 8px;
  font-family: 'AdvancePlaning';
  color: #696969;
  font-size: 18px;
  cursor: pointer;
  position: relative;
}

#taskDialogSafetyPermitsBtn.on,
#taskDialogSTABtn.on{
  background: #f6f6cf;
  border-radius: 50%;
  padding: 1px 6px;
  box-shadow: 0px 1px 2px #333;
}


#taskDialogSTABtn.on:before,
#taskDialogSafetyPermitsBtn.on:before {
  content: attr(data-count);
  font: 600 9px 'Roboto-Regular';
  position: absolute;
  border-radius: 23px;
  color: black;
  border-color: #828200;
  background-color: #F6F6CF;
  padding: 3px 2px;
  white-space: nowrap;
  min-width: 15px;
  max-width: 55%;
  right: -12px;
  top: -12px;
  text-overflow: ellipsis;
  text-align: center;
  overflow: hidden;
  display: block;
  box-shadow: -0.6px 1px 3px 1px rgba(119, 119, 119, 0.55);
}

#taskDialogSTABtn.hasMatches:before {
  font-family: "font-gantter"!important;
  content: "\e90c"!important;
  font-size: 16px;
  line-height: 0.5!important;
  color: #ff0;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #3c3c3c;
  text-align: center;
  height: 30px;
  border-radius: 0px;
  top: -6px;
  position: absolute;
  right: -10px;
}

.dynamic-filter-cls .x-menu-item.menu-selected-cls .x-menu-item-link span.x-menu-item-text {
    color: #333;
}

/* filter control */
.gantt-filter-applied span.x-menu-item-text {
    color: #059cdf !important;
}

.gantt-filter-applied.x-menu-item-active span.x-menu-item-text {
    color: white;
}

#menuSideModesLabel span {
    font-weight: bold;
}

/* Suggest and Assist UI Cleanup */
.suggestandassist #recommendationsHeader {
    background-image: url(../images/Bolb.png);
    background-position: -4px 1px;
}
.suggestandassist #recommendationsHeader span {
    font-family: 'Roboto-Regular';
    color: #333333;
    font-size: 14px;
    padding-left: 17px;
}
.suggestandassist #searchMenu li .aq {
    float: right !important;
    right: 9px;
    position: absolute;
    top: 10px;
    border-left: 1px solid #dbdbdb;
    height: 25px;
}
.suggestandassist #currentSearchIcon .search-filter:before {
    content: '\e96b';
    font-family: 'AdvancePlaning';
    font-size: 29px;
    color: #333333;
    position: absolute;
    top: 0px;
}
.suggestandassist #menuSearch .iconSmallTriangle {
  background-image: none
}
.suggestandassist .mk {
  background: transparent;
}
.suggestandassist ul.menuItemsContainer {
    right: 0px;
}
#menuSideModesBoard:before,
#menuSideModesSchedule:before,
#menuSideModesRisks:before,
#menuSideModesResources:before,
#menuSideModesCalendar:before,
#submenuSideModesBoard:before,
#submenuSideModesSchedule:before,
#submenuSideModesRisks:before,
#submenuSideModesResources:before,
#submenuSideModesCalendar:before {  
    position: absolute;
    font-size: 25px;
    font-family: 'AdvancePlaning';
    left: 8px;
    top: -3px;
}
div#menuSideModesSchedule:before,#submenuSideModesSchedule:before {
    content: "\e931";
    font-family: 'font-gantter';
    font-size: 19px;
    top: 2px;
}
div#menuSideModesBoard:before,
#submenuSideModesBoard:before {
    content: "\e971";
}
div#menuSideModesRisks:before,#submenuSideModesRisks:before {
    content: "\e96e";
}
div#menuSideModesResources:before,#submenuSideModesResources:before {
    content: "\e96f";
}
div#menuSideModesCalendar:before, #submenuSideModesCalendar:before {
    content: "\e970";
}
/* END here */
/* Ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    #splitter .vsplitbar:before {
        font-family: 'AdvancePlaning';
        content: '\e974';
        font-size: 44px;
        color: #6d6d6d;
        text-align: center;
        position: relative;
        top: 50%;
        margin-left: -19px;
    }
    #splitter .vsplitbar {
        background: #cccccc;
        width: 7px;
    }

    #boardFilterControl .searchfield-withfilter-cls .minimized-fltr-btn {
        border-color: #cac5c5;
        left: 1px !important;
        border-radius: 50%;
        border-top-left-radius: 50%;
        border-bottom-left-radius: 50%;
        height: 29px !important;
        background: transparent;
        margin-top: 3px;
        width: 29px;
    }

    #boardFilterControl .searchfield-withfilter-cls .minimized-fltr-btn:before {
        font-family: 'AdvancePlaning';
        content: '\e96b';
        font-size: 23px;
        left: 4px;
        position: absolute;
        top: 6px;
    }

    div#pg > .db:before,
    div#pg > .da:before {
        font-size: 4vh;
    }
}

@media only screen and (min-device-width: 900px) and (max-device-width: 1440px) {


#boardFilterControl .searchfield-withfilter-cls .minimized-fltr-btn {
      left: 90% !important;
  }
/*  #eD.lb {
    background: #fff;
    border: 6px solid #fff;
    display: none;
    position: absolute !important;
    top: 15% !important;
    bottom: 0;
    left: 0 !important;
    right: 0;
    margin: 0px auto !important;
    height: fit-content;
}*/
}
/* Tablet Related Filter Cleanup */
.mobileTablet #ab {
    max-width : 50%;
}
.mobileTablet #bT{
    display: flex;
    overflow-x: hidden;
    overflow-y: hidden;
    margin-right: 55px;
    padding: 0px;
}
.mobileTablet #bT{
    box-shadow: 9px 12px 6px -13px rgb(193, 193, 193);
    -webkit-box-shadow: 9px 12px 6px -13px rgb(193, 193, 193);
    -moz-box-shadow: 9px 12px 6px -13px rgb(193, 193, 193);
}
.mobileTablet #toolbarRightContainer {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: -42px;
}
.mobileTablet .searchfield-cls.menu-searchfld {
    width: 200px;
    left: 0px !important;
    margin: 3px 10px !important;
}
.mobileTablet .searchfield-cls.menu-searchfld .x-form-trigger-wrap-default {
    border-width: 1px;
    border-style: solid;
    border-color: #d0d0d0;
    border-radius: 6px;
}
.mobileTablet .searchfield-cls.menu-searchfld .x-form-trigger-wrap-default .x-form-text-default,
.mobileTablet .searchfield-cls.menu-searchfld .x-form-trigger-wrap-default > .x-form-trigger-default
 {
    background-color: transparent;
}
.mobileTablet .searchfield-withfilter-cls .show-filter-cls.minimized-fltr-btn:before,
.mobileTablet .searchfield-withfilter-cls .filter-applied-cls.minimized-fltr-btn:before
{
  color: #0000ff;
}
.group-item-selected .x-menu-item-link span {
    color: #059cdf !important;
}
.group-item-selected:before {
    color: #059cdf !important;
}
.group-item-selected.x-menu-item-active .x-menu-item-link span, 
.group-item-selected.x-menu-item-active:before {
    color: #059cdf !important;
}

.special-tag-value {
  font-style: italic;
}

#taskLinearLocation {
    margin-bottom: 50px;
}

#btnImportXer, #btnXerChooseProject {
    margin-left: 10px;
}

#xerProjectPicker {
    height: 28px;
    width: 172px;
}

.filtersearchfield-cls {
    background-color: white;
    padding: 10px;
}

.filtersearchfield-cls .x-form-text {
    padding-right: 5px;
}

.filtersearchfield-cls .x-form-text-wrap, .filtersearchfield-cls .x-form-trigger-wrap {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
}

#boardsContainer {
    height: 100%;
    overflow-y: auto;
}

#board-groupDispatch, #board-groupPlan {
    display: none;
}

#board-grid, #board-groupDispatch-grid, #board-groupPlan-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, 250px);
    grid-auto-rows: 250px;
    grid-gap: 2rem;

    margin: 20px;
}

#board-groupDispatch-grid, #board-groupPlan-grid {
    min-height: 200px;
}

.board-grouping {
    width: 99.7% !important;
    height: 34px;
    background: #a5a5a5;;
    box-shadow: 0 0 3px #a0a0a0;
    color: #fff;
    left: 0;
    top: 0px;
    position: sticky;
}

.board-groupname {
    font-family: 'Roboto-Regular';
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    line-height: 2;
    padding: 3px 7px;
    /* @alternate */ position: -webkit-sticky;
    position: sticky;
    left: 0;
    top: 0;
    height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

.board-groupname-icon-cls {
    border: 1px solid #969696;
    width: 22px;
    height: 22px;
    float: left;
    border-radius: 50%;
    background: #ffffff;
    margin: 2px 10px 0 11px;
}

.board-groupby-dispatch:before {
    content: '\e931';
    font-size: 13px;
    font-family: 'AdvancePlaning';
    color: #EE772F;
    top: 4px;
    left: 22px;
    position: absolute;
}

.board-groupby-plan:before {
    content: '\e97e';
    font-size: 15px;
    font-family: 'AdvancePlaning';
    color: #059CDF;
    top: 2px;
    left: 19px;
    position: absolute;
}

#addBoardTile, #addDispatchBoardTile, #addPlanBoardTile {
    height: 100%;
    width: 100%;
    background-color: white;
    overflow: hidden;
    cursor: pointer;
    border-style: dotted;
    border-color: #2196F3;
    border-width: 3px;
    border-radius: 5px;
}
.boardTile.selected{
    border: 3px solid #2196F3;
}

#addBoardTile:hover, #addDispatchBoardTile:hover, #addPlanBoardTile:hover {
    top: -3px;
    left: -2px;
    height: calc(100% + 6px);
    width: calc(100% + 4px);

    border-width: 5px;
}

.addBoardLabel {
    width: 100%;
    text-align: center;
    font-size: 16px !important;
    font-family: "Roboto-Medium" !important;
    font-stretch: extra-expanded;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
    color: #2196F3;

    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-iQ: none;
}

.addBoardIcon {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 35%;
    margin-top: 70px;
    margin-bottom: 5px;

    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
}

.boardTile {
    height: 100%;
    width: 100%;
    background-color: #f1f1f1;
    box-shadow: 0px 2px 4px #b5b5b5;
    overflow: hidden;
    cursor: pointer;
    border-radius: 5px;
}

.boardTile:hover {
    box-shadow: 0px 2px 7px #222;
    top: -3px;
    left: -2px;
    height: calc(100% + 6px);
    width: calc(100% + 4px);
}

.board-tileNotes {
    text-overflow: ellipsis;
    line-height: 2.2ex;
    height: 4ex;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 0.5px;
    display: -webkit-box;
    max-width: 241px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-left: 36px;
}
p.board-tileType.dispatch {
    color: #EE772F;
}
.board-tileType {
    margin: 6px 0px 0px 36px;
    line-height: 2.2ex;
    height: 3ex;
    padding-top: 2px;
}

.board-tileModified {
    font-size: 12px;
    line-height: 2.5ex;
    height: 2.5ex;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 15px;
    padding-left: 5px;
}

.board-tileModified:before {
    content: "\e980";
    font-family: "AdvancePlaning" !important;
    margin-right: 5px;
    font-size: 14px;
    position: relative;
    margin-right: 1px;
    left: -4px !important;
    top: 1px;
}
p.board-tileType.plan {
    color: #059CDF;
}
.board-img {
    height: 58%;
    width: 100%;
    background-color: white;
    overflow: hidden;
}

.board-img img {
    max-width: 100%;
    /*max-height: 100%;
    object-fit: contain;*/
}

.board-details {
    padding: 0px 5px 5px 5px;
    overflow: hidden;
}

.board-name {
    margin-top: 8px;
    margin-left: 5px;
    margin-bottom: 0;
    font-size: 16px !important;
    text-align: left;
    font-family: "Roboto-Medium" !important;
    font-stretch: extra-expanded;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
}

.board-name.plan:before {
    content: "\e97e";
    font-family: 'AdvancePlaning';
    font-weight: normal;
    margin-right: 7px;
}
.board-name.dispatch:before{
    content: "\e931";
    font-family: 'AdvancePlaning';
    font-weight: normal;
    margin-right: 10px;
}

#addBoardDialog {
    border-radius: 5px;
    min-width: 625px;
    left: 30% !important;
}

#addBoardDialogPlanBtn p.plan, #addBoardDialogDispatchBtn p.dispatch {
    border-bottom: 0px solid #b5b5b5;
    float: right;
    display: inline;
    width: 20%;
}

#addBoardDialogPlanBtn p.plan:before {
    content: "\e97e";
    font-family: 'AdvancePlaning';
    font-weight: normal;
    color: #2196F3;
    font-size: 40px;
}
#addBoardDialogDispatchBtn p.dispatch:before{
    content: "\e931";
    font-family: 'AdvancePlaning';
    font-weight: normal;
    color: #2196F3;
    font-size: 34px;
}

#addBoardDialogPlanBtn, #addBoardDialogDispatchBtn {
    margin: 25px;
    margin-bottom: 50px;
    height: 415px;
    width: 525px;
    box-shadow: 0px 2px 4px #b5b5b5;
    overflow: hidden;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #c3c3c3;
    padding: 0px 0px 0px 16px;
}
div#addBoardDialogPlanBtn ol li, #addBoardDialogDispatchBtn ol li {
    color: #666;
    margin-bottom: 8px;
    margin-top: 6px;
    font-size: 9.5pt;
    font-style: italic;
    list-style-type:none
}

p#addBoardDialogPlanDesc, #addBoardDialogDispatchDesc {
    font-style: italic;
    font-size: 11pt;
}

div#addBoardDialogPlanBtn ol li:before, #addBoardDialogDispatchBtn ol li:before
{
    content: '✔';
    margin-left: -1em;
    margin-right: .400em;
}
#addBoardDialogPlanBtn:hover, #addBoardDialogDispatchBtn:hover {
    box-shadow: 0px 2px 7px #222;
  border: 1px solid #398db7;
  background: #E4F4FB
}

#addBoardDialogPlanBtn {
    float: left;
    margin-left: 25px;
}
input.submitcls[type=submit] {
    border: 1px solid #398db7;
    color: #398db7;
    background: #fff;
    padding: 7px 23px;
    border-radius: 3px;
    box-shadow: 0px 2px 3px #827b7b;
    font-weight: bold;
    text-transform: uppercase;
}
input.submitcls[type=submit]:hover {
    color: #fff;
    background: #398db7;
}

.formBtn {
    margin: 0px auto;
    width: auto;
    float: none;
    margin-top: 37px;
    display: table;
}
#addBoardDialogDispatchBtn {
    margin-right: 75px;
    margin-top: 36px;
}
@media only screen and (max-width: 1400px) {
      #addBoardDialogPlanBtn {
        float: none;
        margin: 0px auto;
        height: auto;
    }
    #addBoardDialog {
        border-radius: 5px;
        min-width: 625px;
        left: 50% !important;
        overflow: auto;
        left: 50% !important;
        position: fixed;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin: 0px auto;
    }
    
    #addBoardDialogDispatchBtn {
        margin: 0px auto;
        margin-top: 20px;
        margin-bottom: 30px;
        height: auto;
    }
  #addBoardDialog ol {
    list-style-type: decimal;
    overflow: auto;
    min-height: 6vh;
    max-height: 15vh
  }
  .formBtn {
    margin-top: 20px;
    display: table;
    margin-bottom: 10px;
  }
}

#addBoardDialogPlanBtn p, #addBoardDialogDispatchBtn p {
    text-align: center;
    margin: 0;
}

#addBoardDialogPlanBtn p#addBoardDialogPlanBtnText, #addBoardDialogDispatchBtn p#addBoardDialogDispatchBtnText {
    font-weight: bold;
    font-size: 11pt;
    padding-top: 25px;
    padding-bottom: 5px;
    float: left;
    display: inline;
    width: 80%;
    text-transform: uppercase;
    text-align: left;
    color: #398db7;
    font-family: 'Roboto-Regular';  
}

#addBoardDialogPlanBtn p#addBoardDialogPlanDesc, #addBoardDialogDispatchBtn p#addBoardDialogDispatchDesc {
    color: #919191;
    text-align: left;
    padding: 65px 5px 0px 5px;
}

#boardLabel {
    /*position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;

    max-width: calc(100% - 1045px);*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px !important;
    height: 24px;
}
/*
@media only screen and (max-width: 1400px) {
    #boardLabel {
        margin-left: 515px !important;
        max-width: calc(100% - 965px);
    }
}

@media only screen and (max-width: 1024px) {
    #boardLabel {
        margin-left: 465px !important;
        max-width: calc(100% - 915px);
    }
}
*/
#mobileBoardLabel {
    position: relative;
    float: right;
    top: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 30%!important;
    margin-right: 12px;
}

#boardLabel.selected, #mobileBoardLabel.selected{
    padding: 4px 12px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    box-shadow: 0 1px 3px #a0a0a0;
    width: max-content;
    background-color: white;
}

.boardLabelSpan {
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 17px;
}

.splitboardlabel {
    position1: relative;
}

.boardLabelSpan:before {
    font-family: 'AdvancePlaning';
    float: left;
    color: #575757;
    padding-right: 10px;
}

.splitboardlabel:before {
    font-family: 'AdvancePlaning';
    color: #575757;
    padding-right: 2px;
    font-weight: normal;
}

.splitboardlabel.dispatch {
    color: #EE772F;
}
.splitboardlabel.dispatch:before,
.boardLabelSpan.dispatch:before {
    content: "\e931";
    color: #EE772F;
}

.splitboardlabel.plan {
    color: #059CDF;
}
.splitboardlabel.plan:before,
.boardLabelSpan.plan:before {
    content: "\e97e";
    color: #059CDF !important;
}



#bT #btnAdvpReport {
    margin-left: 0;
    margin-right: 1px;
    margin-top: 3px;
}

#btnAdvpAddPhase {
    display: none;
}

.noboardsmsg {
    font-family: Roboto-Regular;
    position: absolute;
    margin: 0px auto;
    font-size: 11pt;
    width: 450px;
    min-height: 100px;
    left: 35%;
    top: 35%;
    vertical-align: middle;
    text-align: center;
    border-radius: 5px;
    color: #D3D3D3;
    z-index: -1;
}
.noboardsmsg p:first-of-type {
    padding-bottom: 15px;
    font-size: 28px;
}

.noboardsmsg p {
    font-size: 15px;
    margin: 0;
}

.noboardicon:before {
    content: "\e92c";
    font-family: 'font-gantter';
    font-weight: normal;
    font-size: 100px;
}

.dispatchTimer {
    height: 2.5em;
    width: 2.5em;
    padding: 0px 15px;
    float: right;
    position: relative;
}
.dispatchTimer.onTap:before{
    border: 1px solid #d5d1d1;
    border-radius: 50%;
    box-shadow: 0px 1px 2px #9a9a9a;
}
.dispatchTimer:before{
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 6px 5px;
}
.dispatchTimer.p3:before {/*Green: #0A8727*/
    background-image: url(../images/TimerGreen.gif);
}
.dispatchTimer.p2:before {/*Yellow: #FCFC3D*/
    background-image: url(../images/TimerYellow.gif);
}
.dispatchTimer.p1:before {/*Orange: #ED7532*/
    background-image: url(../images/TimerOrange.gif);
}
.dispatchTimer.p1:before,
.dispatchTimer.p2:before,
.dispatchTimer.p3:before{
    color: transparent;
    background-color: #ffffff;
}
.timerIcon:before, .dispatchTimer:before {
    content: "\e92f";
    font-family: 'font-gantter';
    font-weight: normal;
    font-size: 18px;
    padding: 6px 7px 7px 7px;
    line-height: 1.3;
    color: #666666;
    border: 1px solid transparent;
}
.mobileTablet #mobileDispatchTimer.showOpt{
    display: block;
}
#mobileDispatchTimer {
    display: none;
    visibility: hidden;
    top: 19px;
    margin-right: 12px;
}
#mobileDispatchTimer.moderatorOpt::before{
    color: #666666;
    background: none;
}
.timerIcon{
    height: 80px;
    width: 80px;
    padding: 40px 160px 20px 160px;
}
#modAutoDispatchSetter .timerIcon:before{
    font-size: 80px;
    padding: 0px;
    line-height: 1;
}
#dispatchSetterText{
    height: 60px;
    padding: 15px;
    font-size: 15px;
    color: #4e4e4e;
    margin: 0;
}
#modAutoDispatchSetter .btn{
    margin: 10px 10px 10px 0px;
}
#modAutoDispatchSetter,
#autoDispatchViewer{
    height: auto;
    position: absolute;
    top: 30px;
    right: 20px;
    z-index: 101;
    background: #ffffff;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    box-shadow: 0 1px 3px #a0a0a0;
    display: none;
}
#modAutoDispatchSetter{
    height: 300px!important;
    width: 400px!important;
}
#openAutoDispatchSetting{
    font-size: 14px;
    float: right;
    margin: 20px;
    color: #059CDF;
}
#mobileDispatchCountdownContainer{
    position: relative;
    border: none;
    box-shadow: none;
    min-width: 300px;
    line-height: 1.3;
}
#mobileDispatchCountdown{
    text-align: left;
}
#mobileDispatchTimer.moderatorOpt,
#mobileDispatchTimer.showOpt{
    visibility: visible;
}
#dispatchCountdownContainer.hideOpt,
#mobileDispatchTimer.hideOpt{
    visibility: hidden;
}

#XerImportOptions {
  margin: 4px 0 10px 0;
}
#xerImportScheduleTypeHelp {
  margin: 0 0 6px 0;
}
#XerImportOptions input[type=radio] {
  margin: 2px 4px 0 20px;
}
#pu.rsxType-0 .nn,
#pu.rsxType-1 .nn,
#pu.rsxType-2 .nn{
    display: none;
}
.leveltypeboundlist-separator { /* used in location control */
    margin: auto;
    width: 90%;
    border-bottom: 1px solid #dbdbdb !important;
    padding-top: 15px !important;
    margin-bottom: 15px !important;
}
.schedulingMilestone:before,.milestone:before {
    content: "\e983";
    font-size: 15px;
    color: #000000;
    font-family: 'AdvancePlaning';
    padding: 0;
    line-height: 1.1;
}
.milestone:before {
    font-size: 17px;
    line-height: .8;
}

.gantRollupMilestone:before,
.schedulingRollupMilestone:before{
    color: #0000ffb0;
}
.gantRollupMilestone-late:before,
.schedulingRollupMilestone-late:before {
    color: #ff0000b0;
}
.gantRollupMilestone-early:before,
.schedulingRollupMilestone-early:before {
    color: #00ff00b0;
}
/*
div.milestone {
    background-image:none
}*/

.thumbnailerror {
    height: 80%;
    width: 80%;
    padding: 5% 10% 10% 10%;
}
#riskTypefilter {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    width: auto !important;
    gap: 8px;
    margin: 1px 5px;
}

#riskTypefilter>label {
    flex: 1 0 auto;
}

#riskTypefilter>.select2-container {
    display: inline-block;
    flex: 1 0 180px;
}

#resourceTypefilter {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    width: auto !important;
    gap: 8px;
    margin: 1px 5px;
}

#resourceTypefilter > label {
    flex: 1 0 auto;
}
#resourceTypefilter .x-body {
    color: #666;
    font-size: 13px;
    line-height: 30px;
    font-family: Roboto, Helvetica, sans-serif;
    background: transparent;
}
#resourceTypefilter > .select2-container {
    display: inline-block;
    flex: 1 0 180px;
}
#pu.rsxType-0 .nn,
#pu.rsxType-1 .nn,
#pu.rsxType-2 .nn{
    display: none;
}

#pu.rsxType-1 .nn,
#pu.rsxType-1 .nm,
#pu.rsxType-1 .np,
#pu.rsxType-1 .nq,
#pu.rsxType-1 .nr,
#pu.rsxType-1 .ns,
#pu.rsxType-1 .nt,

#pu.rsxType-2 .nn,
#pu.rsxType-2 .nm,
#pu.rsxType-2 .np,
#pu.rsxType-2 .nq,
#pu.rsxType-2 .nr,
#pu.rsxType-2 .ns,
#pu.rsxType-2 .nt{
    display: none;
}


/* user */
#dg.rsxType-u .celRsxDescription,
#dg.rsxType-u .resourceDescriptionColumn,
#dg.rsxType-u .celRsxWebsite,
#dg.rsxType-u .resourceWebsiteColumn,
#dg.rsxType-u .celRsxManager,
#dg.rsxType-u .resourceManagerColumn,
#dg.rsxType-u .celRsxTrade,
#dg.rsxType-u .resourceTradeColumn,
#dg.rsxType-u .celRsxMembers,
#dg.rsxType-u .resourceMembersColumn,
/* company */
#dg.rsxType-c .celRsxEmail,
#dg.rsxType-c .nk,
#dg.rsxType-c .celRsxCompany,
#dg.rsxType-c .nl,
#dg.rsxType-c .celRsxDescription,
#dg.rsxType-c .resourceDescriptionColumn,
#dg.rsxType-c .celRsxSkill,
#dg.rsxType-c .resourceSkillColumn,
#dg.rsxType-c .celRsxMembers,
#dg.rsxType-c .resourceMembersColumn,
/* workteam */
#dg.rsxType-t .celRsxCompany,
#dg.rsxType-t .nl,
#dg.rsxType-t .celRsxEmail,
#dg.rsxType-t .nk,
#dg.rsxType-t .celRsxPhone,
#dg.rsxType-t .resourcePhoneColumn,
#dg.rsxType-t .celRsxWebsite,
#dg.rsxType-t .resourceWebsiteColumn,
/* trade */
#dg.rsxType-s .celRsxCompany,
#dg.rsxType-s .nl,
#dg.rsxType-s .celRsxEmail,
#dg.rsxType-s .nk,
#dg.rsxType-s .celRsxDescription,
#dg.rsxType-s .resourceDescriptionColumn,
#dg.rsxType-s .celRsxPhone,
#dg.rsxType-s .resourcePhoneColumn,
#dg.rsxType-s .celRsxWebsite,
#dg.rsxType-s .resourceWebsiteColumn,
#dg.rsxType-s .celRsxManager,
#dg.rsxType-s .resourceManagerColumn,
#dg.rsxType-s .celRsxTrade,
#dg.rsxType-s .resourceTradeColumn,
#dg.rsxType-s .celRsxSkill,
#dg.rsxType-s .resourceSkillColumn,
#dg.rsxType-s .celRsxMembers,
#dg.rsxType-s .resourceMembersColumn,
/* skill */
#dg.rsxType-k .celRsxCompany,
#dg.rsxType-k .nl,
#dg.rsxType-k .celRsxEmail,
#dg.rsxType-k .nk,
#dg.rsxType-k .celRsxDescription,
#dg.rsxType-k .resourceDescriptionColumn,
#dg.rsxType-k .celRsxPhone,
#dg.rsxType-k .resourcePhoneColumn,
#dg.rsxType-k .celRsxWebsite,
#dg.rsxType-k .resourceWebsiteColumn,
#dg.rsxType-k .celRsxManager,
#dg.rsxType-k .resourceManagerColumn,
#dg.rsxType-k .celRsxSkill,
#dg.rsxType-k .resourceSkillColumn,
#dg.rsxType-k .celRsxMembers,
#dg.rsxType-k .resourceMembersColumn,
/* material */
#dg.rsxType-mat .celRsxDescription,
#dg.rsxType-mat .resourceDescriptionColumn,
#dg.rsxType-mat .celRsxPhone,
#dg.rsxType-mat .resourcePhoneColumn,
#dg.rsxType-mat .celRsxWebsite,
#dg.rsxType-mat .resourceWebsiteColumn,
#dg.rsxType-mat .celRsxManager,
#dg.rsxType-mat .resourceManagerColumn,
#dg.rsxType-mat .celRsxTrade,
#dg.rsxType-mat .resourceTradeColumn,
#dg.rsxType-mat .celRsxSkill,
#dg.rsxType-mat .resourceSkillColumn,
#dg.rsxType-mat .celRsxMembers,
#dg.rsxType-mat .resourceMembersColumn,
#dg.rsxType-mat .celRsxCalendar,
#dg.rsxType-mat .dB,
#dg.rsxType-mat .nk,
#dg.rsxType-mat .nl,
#dg.rsxType-mat .celRsxEmail,
#dg.rsxType-mat .celRsxCompany,

/* Tools */
#dg.rsxType-tl .celRsxDescription,
#dg.rsxType-tl .resourceDescriptionColumn,
#dg.rsxType-tl .celRsxPhone,
#dg.rsxType-tl .resourcePhoneColumn,
#dg.rsxType-tl .celRsxWebsite,
#dg.rsxType-tl .resourceWebsiteColumn,
#dg.rsxType-tl .celRsxManager,
#dg.rsxType-tl .resourceManagerColumn,
#dg.rsxType-tl .celRsxTrade,
#dg.rsxType-tl .resourceTradeColumn,
#dg.rsxType-tl .celRsxSkill,
#dg.rsxType-tl .resourceSkillColumn,
#dg.rsxType-tl .celRsxMembers,
#dg.rsxType-tl .resourceMembersColumn,
#dg.rsxType-tl .nk,
#dg.rsxType-tl .nl,
#dg.rsxType-tl .celRsxEmail,
#dg.rsxType-tl .celRsxCompany,

/* Equipments */
#dg.rsxType-eq .celRsxDescription,
#dg.rsxType-eq .resourceDescriptionColumn,
#dg.rsxType-eq .celRsxPhone,
#dg.rsxType-eq .resourcePhoneColumn,
#dg.rsxType-eq .celRsxWebsite,
#dg.rsxType-eq .resourceWebsiteColumn,
#dg.rsxType-eq .celRsxManager,
#dg.rsxType-eq .resourceManagerColumn,
#dg.rsxType-eq .celRsxTrade,
#dg.rsxType-eq .resourceTradeColumn,
#dg.rsxType-eq .celRsxSkill,
#dg.rsxType-eq .resourceSkillColumn,
#dg.rsxType-eq .celRsxMembers,
#dg.rsxType-eq .resourceMembersColumn,
#dg.rsxType-eq .nk,
#dg.rsxType-eq .nl,
#dg.rsxType-eq .celRsxEmail,
#dg.rsxType-eq .celRsxCompany,

/* work category */
#dg.rsxType-w .celRsxEmail,
#dg.rsxType-w .celRsxCompany,
#dg.rsxType-w .nl,
#dg.rsxType-w .celRsxEmail,
#dg.rsxType-w .nk,
#dg.rsxType-w .celRsxPhone,
#dg.rsxType-w .resourcePhoneColumn,
#dg.rsxType-w .celRsxWebsite,
#dg.rsxType-w .resourceWebsiteColumn,
#dg.rsxType-w .celRsxManager,
#dg.rsxType-w .resourceManagerColumn,
#dg.rsxType-w .celRsxSkill,
#dg.rsxType-w .resourceSkillColumn,
#dg.rsxType-w .celRsxMembers,
#dg.rsxType-w .resourceMembersColumn,
#dg.rsxType-w .celRsxCalendar,
#dg.rsxType-w .dB{
    display: none;
}
#dg.rsxType-mat .dw,
#dg.rsxType-tl .dw,
#dg.rsxType-eq .dw {display: block !important}
#dg.rsxType-u .resourceTypeIcon::before {
    content: '\e909';
    font-family: 'gantter-inline';
    font-size: 16px;
    display: inline;
    line-height: 16px;
}

#dg.rsxType-mat .resourceIcon,
#dg.rsxType-tl .resourceIcon,
#dg.rsxType-eq .resourceIcon {
    display: inline-block;
    vertical-align: inherit;
    width: 18px;
    height: 18px;
    background-size: 100%;
    margin: 0px auto;
    float: none;
    margin-left: -6px;
}
#dg.rsxType-c .resourceTypeIcon::before {
    content: '\e901';
    font-family: 'gantter-inline';
    font-size: 16px;
    display: inline;
    line-height: 16px;
}
#dg.rsxType-t .resourceTypeIcon::before {
    content: '\e90a';
    font-family: 'gantter-inline';
    font-size: 16px;
    display: inline;
    line-height: 16px;
}
#dg.rsxType-s .resourceTypeIcon::before {
    content: '\e908';
    font-family: 'gantter-inline';
    font-size: 16px;
    display: inline;
    line-height: 16px;
}
#dg.rsxType-k .resourceIcon::before {
    content: '\e906';
    font-family: 'gantter-inline';
    font-size: 16px;
    display: inline;
    line-height: 16px;
}
#dg.rsxType-w .resourceIcon::before {
    content: '\e920';
    font-family: 'gantter-inline';
    font-size: 14px;
    display: inline;
    line-height: 16px;
}
#dg.rsxType-mat .resourceIcon::before {
    display: inline;
    line-height: 16px;
    content: '\eb8e';
    font-family: 'common-webfont';
    font-size: 23px !important;
}
#dg.rsxType-tl .resourceIcon::before {
    display: inline;
    line-height: 16px;
    content: '\ec72';
    font-family: 'common-webfont';
    font-size: 16px !important;
}
#dg.rsxType-eq .resourceIcon::before {
    display: inline;
    line-height: 16px;
    content: '\eb8f';
    font-family: 'common-webfont';
    font-size: 23px !important;
}

.celRsxCompany.editable,
.celRsxManager.editable,
.celRsxTrade.editable,
.celRsxSkill.editable,
.celRsxMembers.editable {
    position: relative;
}
.celRsxCompany.editable:after,
.celRsxManager.editable:after,
.celRsxTrade.editable:after,
.celRsxSkill.editable:after,
.celRsxMembers.editable:after {
    width: 14px;
    font: 16px/22px FontAwesome;
    cursor: pointer;
    overflow: hidden;
    color: #919191;
    content: "\f0d7";
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff;
    padding-left: 4px;
}
.dK .celRsxCompany.editable:after,
.dK .celRsxManager.editable:after,
.dK .celRsxTrade.editable:after,
.dK .celRsxSkill.editable:after,
.dK .celRsxMembers.editable:after,
.highlightedRow .celRsxCompany.editable:after {
    background-color: #ffffd6;
}

/* Gantter - Header related UI fixes - 10/15/22 */

button#btnShare {
    margin-right: 15px !important;
    position: relative;
    margin-top: 16px !important;
    margin-left: 22px;
    padding: 0px 0px 0px 19px;
    min-width: 75px;
    font-family: 'Roboto-Regular';
    text-shadow: none;
    background-image: none;
    font-weight: normal;
    font-size: 10pt;
}
.gantter-submenu-cls #userEmail {
    font-size: 8pt;
    text-align: right;
    display: block;
    float: right;
    right: 0;
    cursor: pointer;
    margin-left: 3px;
    margin-right: 3px;
    background-image: url(../images/triangle_down2.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 12px;
    text-indent: -9999px;
    color: transparent;
    background-size: 14px;
    background-position: 0px 5px;
}
.gantter-submenu-cls #userImage {
    width: 15px;
    height: 15px;
    background-size: 100%;
    display: block;
    float: right;
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    border-radius: 50%;
    background-size: cover!important;
    background-color: transparent!important;
    background-position: center top!important;
    color: #fff;
    cursor: pointer;
    display: grid;
    object-fit: contain;
    padding: 0px !important;
}
.gantter-submenu-cls {
    height: 15px;
    padding: 5px 0;
    margin-top: 11px;
}
.gantter-submenu-cls#userWrapper div {
    width: auto;
}/*
.gantter-header-toolbarcls .streambutton-wrapper,
.gantter-header-toolbarcls .commentbutton-wrapper {
    border:0px solid !important;
    box-shadow:none !important;
}*/
/* Subscribe now code UI fixes */
.gantter-project #lblTrialWrapper #lblTrial {
     background: #c5f3c5;
     border: none;
     padding: 10px 15px !important;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
}
 .gantter-project #lblTrialWrapper {
     margin-top: 0px !important;
}
.gantter-project #lblTrialWrapper:has(.cancel-text) #lblTrial #lblTrialDetails {
    margin-top: -8px;
    top: 0;
    right: auto;
    margin-right: 0px !important;
}
.gantter-project #lblTrialWrapper:has(.cancel-text) #lblTrial.trial-expired {
    background: #FDF5CA !important;
}
 .gantter-project #lblTrialWrapper #lblTrial #lblTrialDetails {
     margin-top: 0;
     top: 0;
     right: auto;
     margin-right: 42px !important;
}
 .gantter-project #lblTrialWrapper #lblTrial #lnkSubscribeNow {
    color: green;
    cursor: pointer;
    background: #fff;
    padding: 4px 16px;
    border-radius: 6px;
    font-weight: bold;
    font-family: 'Roboto-Regular';
}
#lblTrialWrapper #lblTrial #lnkSubscribeNow, #lnkScheduleConsultation {
    color: #fff !important;
    cursor: pointer;
    background: #29a568 !important;
    padding: 4px 16px !important;
    border-radius: 11px !important;
    font-weight: 500 !important;
    font-family: Roboto-Regular !important;
    margin-right: 16px;
    box-shadow: 0 1px 2px #c5c5c5;
}
.gantter-project #lblTrialWrapper #lblTrial.trial-expired #lnkSubscribeNow {
    font-family: 'Roboto-Regular';
    top: -10px;
    position: relative;
}
.gantter-project.paper-bT-0.gtr-avatar-bT #lblTrialWrapper.gtr-avatar-bT #lblTrial.trial-expired.gtr-avatar-bT {
    top: 7px;
    position: relative;
    margin: 0px auto;
}
.gantter-project.paper-bT-0 #lblTrialWrapper #lblTrial.trial-expired #lnkSubscribeNow {
    font-family: 'Roboto-Regular';
    top: -8px;
    position: relative;
    border-radius: 6px;
}
.gantter-project #lblTrialWrapper #lblTrial.trial-expired #lnkSubscribeNow {
    font-family: 'Roboto-Regular';
    top: 0px;
    position: relative;
    border-radius: 6px;
}
.gantter-project #lblTrialDetails.trial {
    display: block;
    float: left;
}
.createnewproject-win-cls {
    display: none;
}
.createprojecttemplate-window-title-cls span.ellipsis {
    background: none !important;
    background-image: none !important;
}
.createprojecttemplate-window-title-cls:before {
     content: 'Create Project File';
     color: #666;
     text-align: left;
     align-items: left;
     display: flex;
     font-size: 14pt;
     padding-top: 11px;
     position: absolute;
     font-family: 'Roboto-Medium';
     font-weight: normal;
}

.sa-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
  text-transform: none;
  box-sizing: border-box;
}
.sa-select {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  min-width: 15ch;
  max-width: 30ch;
  border: 1px solid #adadad;
  border-radius: 0.25em;
  padding: 0.1em 0.2em;
  cursor: pointer;
  line-height: 1.1;
  background-color: #fff;
  background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
  box-sizing: border-box;
}

.sa-select select, .sa-select::after {
  grid-area: select;
  box-sizing: border-box;
}

.sa-select:not(.sa-select--multiple)::after {
  content: "";
  justify-self: end;
  width: 0.8em;
  height: 0.5em;
  background-color: #777;
  -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}

.ap .sa-select {
    width: 80%;
    margin-left: 40px;
}
.ap .sa-select select {
    height:24px;
}

/* .smallMenu ul .ap:hover, */
#bZ ul #menuLinksLineShape:hover,
#bZ ul #menuLinksLineStyle:hover,
#bZ ul #menuLinksLinePosition:hover {
    background-color: #fff !important;
}
.ap.base .menu-linkicon:before {
    content: "\e95b";
  font-family: 'AdvancePlaning' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 16px;
    color: #000000 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
}
/* Widget menu - adding icons  */
 .hasSubMenu #menuLinkOptions {
     display: flex !important;
 }
 .hasSubMenu #menuLinkOptions .menu-linkicon {
     margin-right: 7px;
 }
 .hasSubMenu #menuLinkOptions .submenu-arrow {
     float: right;
     right: 25px;
     position: absolute;
 }
 #menuLinksLineShape .ar,
 #menuLinksLineStyle .ar,
 #menuLinksLinePosition .ar {
     display: none;
 }
#menuLinksLineShape span, #menuLinksLineStyle span, #menuLinksLinePosition span {color: #666;font-weight: normal;font-family: 'Roboto-Regular';}
#selectLinksLineShape, #selectLinksLineStyle, #selectLinksLinePosition {color: #333;font-weight: normal;font-family: 'Roboto-Regular';}
 #menuLinksLineShape .sa-select,
 #menuLinksLineStyle .sa-select,
 #menuLinksLinePosition .sa-select {
     margin-left: 0px;
     border-width: 0px 0px 1px 0px;
     border-radius: 0px;
     width: 100%;
     max-width: 34ch;
     border-color: #dbdbdb;
     background-image: none;
 }
#menuToolsWidget .menutoolicon:before {
    font-size: 16px;
    left: 17px;
    position: absolute;
    top: 5px;
    font-family: 'gantter-inline' !important;
    content: "\e90f" !important;}

#menuConstraints .menuconstraintsicon:before {
    content: '\e95a';
    font-family: 'AdvancePlaning' !important;
    font-size: 21px;
    left: 15px;
    position: absolute;
    top: 1px;
}
#menuScheduleNow .menuScheduleicon:before {
    content: '\e95e';
    font-family: 'AdvancePlaning' !important;
    font-size: 14px;
    left: 15px;
    position: absolute;
    top: 6px;
}
#menuChainManager .menuChainManager:before {
    content: '\e97b';
    font-family: 'AdvancePlaning' !important;
    font-size: 15px;
    left: 17px;
    position: absolute;
    top: 5px;
}
#menuComments .menuCommenticon:before {
    content: '\e902';
    font-family: 'common-webfont' !important;
    font-size: 15px;
    left: 17px;
    position: absolute;
    top: 5px;
}
#menuChat .menuChaticon:before {
    content: '\e904';
    font-family: 'common-webfont' !important;
    font-size: 15px;
    left: 17px;
    position: absolute;
    top: 5px;
}
#menuStreams .menuStreamicon:before {
    content: '\e9b3';
    font-family: 'common-webfont' !important;
    font-size: 24px;
    left: 14px;
    position: absolute;
    top: -1px;
}
#menuWorkspace .menuWorkspaceicon:before {
    content: '\eba2';
    font-family: 'common-webfont' !important;
    font-size: 24px;
    left: 13px;
    position: absolute;
    top: -2px;
}
div#menuToolsWidget span, 
#menuConstraints span, 
#menuScheduleNow span, 
#menuChainManager span,
#menuComments span,
#menuChat span,
#menuStreams span,
#menuWorkspace span{
    padding-left: 30px;
}
button#btnShare {
    position: relative;
    margin-top: 14px !important;
    margin-left: 22px;
    padding: 0px 0px 0px 19px;
    min-width: 60px;
    font-family: 'Roboto-Regular';
    text-shadow: none;
    background-image: none;
    font-weight: normal;
    font-size: 10pt;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: auto;
    padding-left: 28px;
    background: #059cdf;
    border: 1px solid #059cdf;
    text-align: left;
    max-width: 110px;
    padding-right: 10px;
}
button#btnShare:before {
    content: '\e992';
    font-family: 'AdvancePlaning' !important;
    font-size: 13px;
    left: 6px;
    position: absolute;
    top: 0px;
    color: #fff;
}
.taskCostTotalsSubHeaderColumn .subheader-spacer:before {
    height: 42px;
    top: -12px;
    background: #f5f5f5;
    border-bottom: 1px solid #aca899;
    border-left: 1px solid #fff;
    border-right: 1px solid #aca899;
}
.taskCostTotalsColumn.taskCostTotalsCellColumn {
    background-color: #f6f6f6;
}
.taskCostTotalsColumn.taskCostTotalsCellColumn .taskCostTotalsCell {
    height: 100%;
}
.taskCostTotalsColumn.taskCostTotalsCellColumn span.taskCostTotalsCell span {
    width: 100%;
    height: 100%;
    border-right: 1px solid #999;
    display: flex;
    justify-content: flex-start;
    margin-left: 0px;
    align-items: center;
    padding-left: 4px;
    letter-spacing: 1px;
    text-indent: 3px;
    overflow: hidden;
}
/* Board - Split menu css */
#advPlanSplitMenu {
    position: relative;
    z-index: 1030; /* above .splitwidget-tip-cls */
}
#advPlanSplitMenu > li {
    position: absolute;
}
#advPlanSplitMenu li.hover ul {
    font-size: 13px;
}
#advPlanSplitMenu label {
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-iQ: none;
}
#splitscreen-container .footer-cls .lefticon-cls:before {
    content: '\e995';
    font-family: 'AdvancePlaning';
    font-size: 18pt;
    position: relative;
    left: 2px;
    top: -3px;
}

#splitscreen-container .footer-cls:hover {
    background: #4f4f4f;
}
span.exit-label {
    display: inline-block;
    float: left;
    padding-top: 9px;
}
#splitscreen-container .footer-cls .exit-btn-cls {
    background-color: transparent !important;
    display: flex;
    color: #333;
    align-items: center;
}
#splitscreen-container .footer-cls .exit-btn-cls:before {
    content: '\e995';
    font-family: 'AdvancePlaning';
    font-size: 18pt;
    position: relative;
    left: 0px;
    padding-right: 4px;
}
#splitscreen-container .footer-cls button {
    background: #0591f7 !important;
    color: #fff;
    padding: 4px 15px;
    border-radius: 3px;
    text-align: center;
    margin: 5px;
    text-decoration: none;
    font-size: 12px;
    width: auto;
    font-weight: normal !important;
    border: none;
}
.exit-btn-cls:hover {
    border-radius: 3px;
    box-shadow: 0 0px 3px #585555;
}
.exit-btn-cls {
    display: inline-flex;
    padding-right: 10px;
    margin-left: 11px !important;
    /* height: 30px; */
    margin-top: 3px;
    margin-bottom: 3px;
}
.exit-btn-cls:hover {
    border-radius: 3px;
    box-shadow: 0 0px 3px #dbdbdb
}



#splitscreen-container .maintitle-cls {
    padding: 10px 10px 6px 6px;
    background-color: #f7f7f7;
    color: #333;
    font-size: 10pt;
    border-bottom: 1px solid #dbdbdb;
}
#splitscreen-container .footer-cls #advsplitmenu_close {
    padding: 2px 7px 2px 5px !important
}
#splitscreen-container .applychanges-cls .button:hover {
    box-shadow: 0px 0px 3px #0591f7;
}
#splitscreen-container .footer-cls {
    background-color: #f7f7f7 !important;
    display: flex;
    align-items: center;
    color: #666;
    justify-content: space-between;
    border-top: 1px solid #dbdbdb;
}
#splitscreen-container .footer-cls button {
    background: #ed7532 !important;
    color: #fff;
    padding: 6px 15px;
    border-radius: 3px;
    text-align: center;
    margin: 5px;
    text-decoration: none;
    font-size: 12px;
    width: auto;
    font-weight: normal !important;
}
#splitscreen-container button.applychanges-cls {
    margin-left: auto;
    margin-right: 10px;
}
#splitscreen-container .footer-cls button[disabled] {
    background: #b2b2b2 !important;
    opacity: .5;
    font-weight: normal !important;
}

#splitscreen-container .footer-cls .lefticon-cls {
    background-image: url(images/budget-manager.svg);
    background-size: contain;
    height: 28px;
    width: 28px;
    background-position: center;
    display: block;
    background-repeat: no-repeat;
    margin: 5px 0px;
}

#splitscreen-container {
    width: 380px;
    height: 236px;
    border: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background-color: #fff;
    color: #000;
    position: relative;
    box-shadow: 2px 2px 8px #999;
}

.splitscreen-fields-container {
    padding: 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.splitscreen-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.splitscreen-section label {
  margin-bottom: 4px;
}

.splitscreen-section + .splitscreen-section {
  margin-top: 16px;
}

.splitscreen-combo-placeholder {
  width: 100%;
}

#splitscreen-container .footer-cls {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}




.maintitle-cls.actionItem b {
    color: #c1c1c1;
    font-weight: normal;
}

div#btnOpenLinearTagViewer {
    margin-left: -4px !important;
}

.ap.base.empty-message {
    height: 69px;
    width: 88%;
    border: 2px dotted #686868;
    text-align: center;
    vertical-align: middle;
    margin: 0px auto;
    align-items: center;
    display: grid;
    text-align: center;
    margin-bottom: 10px;
}

/* Today button added to the Schedule Tab Toolbar */
.todaybtn-scheduletab {
    background: #ffffff;
    opacity: 1;
    z-index: 2;
    position: relative;
    right: 65px;
    margin-top: -38px;
    padding: 3px 15px 3px 15px;
    width: auto;
    height: auto;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    /* border-left: 1px solid #ddd; */
    -webkit-box-shadow: 0px 0px 4px 0px #888;
    box-shadow: 0px 0px 4px 0px #c3c3c3;
    -moz-box-shadow: 0px 0px 4px 0px #888;
    float: right;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    cursor:pointer
}

.todaybtn-scheduletab:before {
    font-family: 'gantterfont';
    content: "\e946";
    font-size: 16px;
    color: #222;
    opacity: .75;
    line-height: 1.2em;
    position: relative;
    margin-right: 10px;
    top: 1px;
}
.todaybtn-scheduletab:hover {
    box-shadow: 1px 1px 6px 1px #c3c3c3;
}
.mobileTablet .todaybtn-scheduletab {
    background: #ffffff;
    opacity: 1;
    z-index: 2;
    position: relative;
    right: 32px;
    margin-top: -35px;
    padding: 3px 0px 3px 0px;
    width: auto;
    height: auto;
    border-top: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
    border-left: 0px solid #ddd;
    -webkit-box-shadow: 0px 0px 4px 0px #888;
    box-shadow: none;
    -moz-box-shadow: 0px 0px 4px 0px #888;
    float: right;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    display: block;
    color: transparent;
}
/* Plan board vs dispatch board UI differentiation UI cleanup - Tablet and Desktop fixes*/
#addBoardDialogDispatchBtn p#addBoardDialogDispatchBtnText {color: #EE772F}
#addBoardDialogDispatchBtn p.dispatch:before {
    color: #EE772F
}
#addBoardDialogDispatchBtn input.submitcls[type=submit] {
    border: 1px solid #EE772F;
    color: #fff;
    background: #EE772F;
}
#addBoardDialogDispatchBtn input.submitcls[type=submit]:hover {
    color: #fff;
    background: #f69153;
}
#addBoardDialogPlanBtn input.submitcls[type=submit] {
    border: 1px solid #059CDF !important;
    color: #fff !important;
    background: #059CDF !important;
    background-color: #059CDF !important;
}
#addBoardDialogPlanBtn input.submitcls[type=submit]:hover {
    color: #fff;
    background: #3498c6 !important;
}

.board-details .board-name.dispatch:before {
    color: #EE772F;
}
.board-details .board-name.plan:before {
    color: #059CDF;
}
/* Empty message UI cleanup - Menu Board fixes */
.boardcontainer-emptytext {
    margin: 20px 20px 11px 0px;
    align-items: center;
    text-align: center;
    margin-top: 5px;
    color: #666;
}
.boardcontainer-emptytext .boardemptycls {
    display: block;
    position: relative;
    height: 40px;
}
.boardcontainer-emptytext .boardemptycls:before {
    content: '\eb4e';
    font-family: 'common-webfont';
    font-size: 31pt;
    position: absolute;
    margin-left: -20px;
    color: #dcdcdc;
    display: inline-block;
    margin-top: -3px;
}
.boardcontainer-emptytext .boardemptylabel-cls {
    display: block;
    position: relative;
    width: 100%;
    height: 25px;
    color: #b7b7b7;
    font-weight: normal;
    font-family: 'Roboto-Regular';
    margin-top: 3px;
}

/* Risk Grid -  Added Webfont */
.pB .constraintTypeImage:before,
.pB .issueTypeImage:before {
    font-family: 'common-webfont';
    font-size: 16px;
    display: inline;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    float: none;
}
.pB .constraintTypeImage:before {
    content: '\e92e';
    top: -1px;
    position: relative;
    color: #222;
    left: 0px;
}
.pB .issueTypeImage:before {
    content: '\ec5d';
    font-size: 15px;
    top: -1px;
    position: relative;
    left: 0px;
}
.filteritem-riskType.filteritem-constraint:before{
    color: #222;
    font-size: 16px;
}
.filteritem-riskType.filteritem-issue:before{
    color: #222;
    font-size: 14px;
}
.pB .issueTypeImage {
    margin: 0px auto !important;
    float: left !important;
    display: inline-block;
    padding: 0px 3px !important;
}
.pB .constraintTypeImage,
.pB .common-icon-NotResolve,
.pB .common-icon-Resolve {
    margin: 0px auto !important;
    float: left !important;
    display: inline-block;
    padding: 0px 3px !important;
}
.pB .common-icon-NotResolve:before {
    content: "\ec5a";
    /*color: #f87e16;*/
    position: relative;
    font-size: 16px;
}
.pB .common-icon-Resolve:before {
    content: "\ec5b";
    /*color: #059cdf;*/
    position: relative;
}
.pB .common-icon-NotResolve {
    background: none !important;
    width: 20px;
}
.pB .common-icon-Resolve {
    position: relative;
    font-size: 16px;
}
.pB div.kX {
    float: none;
}

.hideBody{opacity:0}

td.dl div.schedulingLockedImage:before {
    content: "\e93a";
    font-size: 13px;
    color: #333333;
    font-family: 'AdvancePlaning';
    padding: 0px;
    line-height: 1.1;
}
/* Tag and CPM Task Tooltip fixes */
.predecessor-tooltip .ui-tooltip-content {
    width: 620px !important;
}
.tooltip-predecessors {
    overflow: auto;
    max-height: 40vh;
    min-height: fit-content;
    height: auto;
}
.tag-title-cls {
    display: block;
    color: #fff;
    font-size: 14px;
    padding: 7px 12px;
    font-family: 'Roboto-Regular';
}

.tag-header-cls {
    display: block;
  background: #505050;
  line-height: 1.7;
}

.tag-header-cls > div {
    display: inline-grid;
    min-width: 100px;
    max-width: 400px;
    color: #fff;
    padding-left: 12px;
    font-size: 13px;
    line-height: 2.2;
    font-family: 'Roboto-Regular';
}
.tag-content-cls > div {
    display: inline-block;
    min-width: 102px;
    vertical-align: middle;
    text-align: left;
    color: #fff;
    padding-left: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px !important;
    font-family: 'Roboto-Regular' !important;
    line-height: 2.2;
}

.tag-content-cls {
    line-height: 2;
    border-bottom: 1px solid #666;
}
.tag-content-cls:last-child {
    border-bottom: 0px solid #666;
}
.tag-content-cls > div.tag-col1,
.tag-header-cls > div.tag-col1{
    width: 200px;
}
.advanceplanner-tip-content .tag-col4.cpm-task:before {
    font-family: 'common-webfont';
    content: '\ec91';
    font-size: 14px;
    position: relative;
    position: relative;
    top: 2px;
    left: -12px;
}
.advanceplanner-tip-content .tag-col4.board-task:before {
    font-family: 'common-webfont';
    content: '\ea21';
    font-size: 15px;
    position: relative;
    top: 2px;
    left: -11px;
}

.tag-content-cls .tag-col4 {
    padding-left: 23px;
    width: 150px;
}

/* Predessors grid tooltip scrollbar cleanup */
.predecessor-tooltip::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px #e7e7e7
}

.predecessor-tooltip ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    height: 3px
}

.predecessor-tooltip ::-webkit-scrollbar-corner {
    display: none;
    height: 0px;
    width: 0px
}

.predecessor-tooltip ::-webkit-scrollbar{
    width: 0.5em;
    height: 0.5em;
    cursor: all-scroll
}

.predecessor-tooltip ::-webkit-scrollbar-button {
    display: none !important
}

.predecessor-tooltip:hover ::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 6px 6px 0px #a3a3a3 !important
}

.predecessor-tooltip:hover ::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
    cursor: all-scroll
}

.predecessor-tooltip:hover ::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 6px 6px 0px #ccc !important
}

/* Schedule tag - Status column icon css */
.notStartedImage:before,
.dispatchedImage:before,
.inPlanningImage:before,
.inProgressImage:before,
.completedImage:before,
.verifiedImage:before,
.pauseImage:before{
    font-family: 'AdvancePlaning';
    font-size: 13px;
    margin: 0 5px 0 5px;
    width: 13px;
    display: inline-block;
}
.dispatchedImage,
.inPlanningImage,
.inProgressImage,
.completedImage,
.verifiedImage,
.pauseImage,
.notStartedImage,
.overdueImage,
.needsAttentionImage {
    font-family: 'Roboto-Regular' !important;
}
.overdueImage:before {
   content: '\e95d';
   color: #d24e01;
   font-family: 'AdvancePlaning';
   margin: 0 8px 0 2px;
   width: 13px;
   font-size: 15px;
   display: inline-block;
}
.needsAttentionImage:before {
    content: '\edb6';
    color: red;
    font-family: 'common-webfont';
    font-size: 10px;
    margin: 0 6px 0 4px;
    width: 13px;
    display: inline-block;
}

.notStartedImage:before {
    content: '\e999';
    color: #866cef;
}
.dispatchedImage:before {
    content: '\e943';
    color: #ec711c;
}
.inPlanningImage:before {
    content: '\e997';
}
.completedImage:before {
    content: '\e92d';
    color: #079cdf;
}
.verifiedImage:before {
    content: '\e99b';
    color: #296118;
}
.pauseImage:before {
    content: '\e99a';
    color: #c6a10a;
}
.inProgressImage:before {
    content: '\e998';
    color: #0a8427;
}

div#filterByColumnValueDialog {
    min-width: 300px;
    max-width: 580px;
    width: 46vw;
}

#filterByColumnValueDialog p.columnFilterValues {
    width: 87%;
    margin-left: 2px;
    font-family: 'Roboto-Regular';
    font-size: 10pt !important;
    color: #666;
    height: 240px;
    border-radius: 5px;
    padding-left: 11px;
    padding-top: 10px;
    padding-bottom: 0;
    color: #666;
}
p.columnFilterValues input.filterInfoIcon {
    margin-right: 40px;
    margin-bottom: 12px;
}

/* Risk, calendara and resource tab scrollabar css */
.dP::-webkit-scrollbar {
    height: 1em;
    width: 1em;
}
.dP::-webkit-scrollbar-track {
    background: #e6e6e6;
    border-radius: .2em
}

.dP::-webkit-scrollbar-thumb {
    background: #aeaeae;
    border-radius: .2em
}

.dP::-webkit-scrollbar-thumb:hover {
    background: #666
}
.dP::-webkit-scrollbar-corner {
    background: #e6e6e6; /* Color for the gap between the scrollbars */
}
.dP {
    scrollbar-width: 1em;
    scrollbar-color: #ed7532 #ebebeb;
    overflow-x: auto;
}
#dg .dP,
#pu .dP,
#ru .dP,
#dh .dP{
    overflow-x: hidden
}
/* Gantter - Calender specific styles */
.calendly-overlay {
    background-color: #a5a5a5;
    background-color: rgba(31, 31, 31, .4);
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.calendly-overlay .calendly-popup {
    box-sizing: border-box;
    height: 99%;
    left: 50%;
    max-height: 801px !important;
    max-width: 1000px;
    min-width: 700px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 80%;
    overflow-y: hidden;
}
.calendly-overlay .calendly-close-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.calendly-overlay .calendly-popup-close {
    background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZD0iTTEwMjQgMTAzLjEzNmwtMTAzLjEzNi0xMDMuMTM2LTQwOC44NDEgNDA4Ljg0MS00MDguODg2LTQwOC44NDEtMTAzLjEzNiAxMDMuMTM2IDQwOC44NDEgNDA4Ljg0MS00MDguODQxIDQwOC44ODYgMTAzLjEzNiAxMDMuMTM2IDQwOC44NDEtNDA4Ljg0MSA0MDguODQxIDQwOC44NDEgMTAzLjEzNi0xMDMuMTM2LTQwOC44NDEtNDA4Ljg0MXoiPjwvcGF0aD4KPC9zdmc+Cg==);
    background-size: contain;
    color: #fff;
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 25px;
    top: 25px;
    width: 40px;
    background-color: #fff;
    border-radius: 50%;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 13px 12px;
    box-shadow: 0px 0px 15px #333;
}
.calendly-overlay .calendly-popup .calendly-popup-content {
    height: 100%;
}
.calendly-popup-content {
    position: relative;
}
.calendly-badge-widget iframe, .calendly-inline-widget iframe, .calendly-overlay iframe {
    display: inline;
    height: 100%;
    width: 100%;
}

/* Iframe related header and mask css */

.gantter-buysubscription-frame .gantter-hbar-logo.js-ifwtoolbar.dragdrop {
    display: none;
}
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-buysubscription-frame {
    margin: 0px auto !important;
     left: 0px !important; 
     top: 0px !important; 
    right: 0px !important;
    border: 0px solid !important;
    box-shadow: none !important;
    background: transparent;
}

.gantter-buysubscription-frame .iqWidgetBody.js-framecont.iqWidgetPleaseWaitlight {
    height: 625px !important;
    border-radius: 5px !important;
    box-shadow: 0px 3px 4px #333;
}
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-buysubscription-frame {
    height: 620px !important;
}
.gantter-buysubscription-frame .gantter-hbar-logo.js-ifwtoolbar.dragdrop {
    display: none;
}
.gantter-buysubscription-frame .iqWidgetBody.js-framecont {
        height: 627px !important;
        background: transparent;
        border: 0px solid;
        box-shadow: none !important;
}
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-buysubscription-frame {
    top: 5% !important;
    height: 625px !important;
    background: transparent;
    box-shadow: none;
    border: 0px solid;
    opacity: 1;
    overflow-x: hidden;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    position: absolute !important;
    align-items: center;
    justify-content: center;
    margin-top: 0px !important;
    position: fixed !important;
    width: 1100px !important
}
/* Manage subsritpion iframe cleanup */
.gantter-managesubscription-frame .gantter-hbar-logo.js-ifwtoolbar.dragdrop {
    display: none;
}
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-managesubscription-frame {
    margin: 0px auto !important;
     left: 0px !important; 
     top: 0px !important; 
    right: 0px !important;
    border: 0px solid !important;
    box-shadow: none !important;
    background: transparent;
}

.gantter-managesubscription-frame .iqWidgetBody.js-framecont.iqWidgetPleaseWaitlight {
    height: 625px !important;
    border-radius: 5px !important;
    box-shadow: 0px 3px 4px #333;
}
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-managesubscription-frame {
    height: 620px !important;
}
.gantter-managesubscription-frame .gantter-hbar-logo.js-ifwtoolbar.dragdrop {
    display: none;
}
.gantter-managesubscription-frame .iqWidgetBody.js-framecont {
        height: 627px !important;
        background: transparent;
        border: 0px solid;
        box-shadow: none !important;
}
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-managesubscription-frame {
    top: 5% !important;
    height: 625px !important;
    background: transparent;
    box-shadow: none;
    border: 0px solid;
    opacity: 1;
    overflow-x: hidden;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    position: absolute !important;
    align-items: center;
    justify-content: center;
    margin-top: 0px !important;
    position: fixed !important;
    width: 1100px !important
}

.gantter-managesubscription-frame.gantter-managesubscription-maximize .iqWidgetBody.js-framecont {
    height: 100% !important
}
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-manageusers-frame.gantter-managesubscription-maximize,
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-invoicelog-frame.gantter-managesubscription-maximize {
    width: 100% !important;
    height: 100% !important;
}
.gantter-assignusers-frame.gantter-managesubscription-maximize .iqWidgetBody.js-framecont {
    height: 100% !important
}
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-assignusers-frame.gantter-managesubscription-maximize,
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-invoicelog-frame.gantter-managesubscription-maximize {
    width: 100% !important;
    height: 100% !important;
}
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-manageusers-frame,
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-invoicelog-frame,
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-assignusers-frame {
    box-shadow: 0px 0px 3px #929292 !important;
    border-radius: 5px !important;
}
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-manageusers-frame,
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-assignusers-frame {
    top: 5% !important;
    height: 600px !important;
    background: transparent;
    box-shadow: none;
    border: 0px solid;
    opacity: 1;
    overflow-x: hidden;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    position: absolute !important;
    align-items: center;
    justify-content: center;
    margin-top: 0px !important;
    position: fixed !important;
    width: 970px !important;
  margin: 0px auto !important;
  }
  .iqWidget.iqWidgetLight.js-ifwtop.border.gantter-invoicelog-frame {
    top: 5% !important;
    height: 600px !important;
    background: transparent;
    box-shadow: none;
    border: 0px solid;
    opacity: 1;
    overflow-x: hidden;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    position: absolute !important;
    align-items: center;
    justify-content: center;
    margin-top: 0px !important;
    position: fixed !important;
    width: 970px !important;
  margin: 0px auto !important;
  }
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-manageusers-frame .iqWidgetBody.js-framecont,
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-invoicelog-frame .iqWidgetBody.js-framecont,
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-assignusers-frame .iqWidgetBody.js-framecont  {
    height: 100% !important
}
.gantter-manageusers-frame .dragdrop,
.gantter-invoicelog-frame .dragdrop,
.gantter-assignusers-frame .dragdrop {
    display: none;
}

/* Gantter - file menu > drive and cloud submenu css*/
#menuProjectCloudNew .cloudIcon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAN0SURBVEhLpdZrSFNRHADwe+7j3GtbE80ss+xDpiRIGkkRmA8skmHNgZaW0gepRBCiB5QUI0ghIUgtKKIyFcpHhdrDWWTQhzAxCVrRA8OcihiyzW1399k9y5mvubvcp334n//v/P/n/A8XYEH8ut8criApooAThAEojhzNyOgR1C4HagPNPYUXaIa6BMDfJTwnPLYOjhcVF5udanKoghDChMBL8xMGgwWEZiOiKDp4XmyiSDyJIMmdCGZ5roLiR64EauOS0FxE+jQ56TAa9Y+/NnXqw9aGht1RHCJztDHXHp2zTWft6Af5mOivjX6h2Yggiha3i8vVZz386ktkMiXAtLRIKUUTdhpCqornhQpNyqPKoCBzzxHlTEjvmSyG+JKNdWclhkeEvQU4ocMwGeM43i82pyLT63RyFxF5iKFXNARCfBjbZ9gLcNiCE/iS2AxU3l4UA2Q6PhMbf6dbpavHcDzO5fIYZ7fLX1vUYF6ovPlYDBOKv1BaEM06XfmG0MFXrLgqITur7aOaGfHevgCVAR9CQmqLd4Gbvf/t11hpx/EOl1pETRvBqefH22gGGlGwh+XfW769TH1e/t0TLDKDvT+QheHwEUESK2VZuSCC57x2+5MqcNZ84hdJUeu91bjcjVf1t4uVv/L/Qmidu9dwjoB0JXquZFGyjU1YE0B5R0mZVkPXYQDHlMm3uRzO/NrcevNyIGev8QakYSnKIUmCwzo0udl7GU62l5xntMxltAOEsVPug9cMd7uCxZRO4fZefXYI1DQBHA+VJcnOC64CTUrns5nrvVwswZQH7bph4svuiFSKYFqBDGSeZws1O9qfog3PGdj/xm4eo5IjQloBDgSr43fxjzjbLkBIFKrE15UFb13Q2DRCMnA/Ssp5uBp+dKTCUtYyNbv1iz6qqrF5iMgJn1neuc+Sf2to/vn6fb19mCzJdqdtqrDWWP9MafS/ax8EsuCM5u8CYTwmfajrj+lKip+4ODBsq8bONDixq3khyRvXPfC1a6lK/J7RgittSieTE7e2oaSih3sncGIDAQkDScM9KFYNErAiFLD6ep52Q9S6+wQNc70DiIZl+gNFLaIKQkFrqos00ZvCG3xYMJWob910ZGxNNq2Nim0mUAs5sY9juByL/saY2tcj4FfQnETK9MdGw0jBSk38NN1j1SIo7g/QtPYEAjtciAAAAABJRU5ErkJggg==) !important;
    background-size: 14px !important;
    width: 30px;
    height: 30px;
    position: absolute;
    background-repeat: no-repeat !important;
    background-position: 0 4px !important;
    /* float: left; */
}
#menuProjectDriveNew .driveIcon {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iR29vZ2xlX0RyaXZlX2ljb25fXzIwMjBfIiBkYXRhLW5hbWU9Ikdvb2dsZV9Ecml2ZV9pY29uXygyMDIwKSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMTcuODY5IiB2aWV3Qm94PSIwIDAgMjAgMTcuODY5Ij4NCiAgPHBhdGggaWQ9IlBhdGhfMTE0MDQ5IiBkYXRhLW5hbWU9IlBhdGggMTE0MDQ5IiBkPSJNMS41MTIsNTYuMTczLDIuMzk0LDU3LjdhMi4wOCwyLjA4LDAsMCwwLC43NTYuNzU2TDYuMyw1M0gwYTIuMDc1LDIuMDc1LDAsMCwwLC4yNzUsMS4wMzFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC00MC44NTgpIiBmaWxsPSIjMDA2NmRhIi8+DQogIDxwYXRoIGlkPSJQYXRoXzExNDA1MCIgZGF0YS1uYW1lPSJQYXRoIDExNDA1MCIgZD0iTTEwLDYuNjUyLDYuODUsMS4yYTIuMDgsMi4wOCwwLDAsMC0uNzU2Ljc1NkwuMjc1LDEyLjAzNkEyLjA3NiwyLjA3NiwwLDAsMCwwLDEzLjA2N0g2LjNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjkyNSkiIGZpbGw9IiMwMGFjNDciLz4NCiAgPHBhdGggaWQ9IlBhdGhfMTE0MDUxIiBkYXRhLW5hbWU9IlBhdGggMTE0MDUxIiBkPSJNNjIuOTQ5LDU4LjQ1MkEyLjA4LDIuMDgsMCwwLDAsNjMuNyw1Ny43bC4zNjctLjYzLDEuNzUzLTMuMDM2QTIuMDc1LDIuMDc1LDAsMCwwLDY2LjEsNTNINTkuOGwxLjM0MSwyLjYzNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00Ni4wOTkgLTQwLjg1OCkiIGZpbGw9IiNlYTQzMzUiLz4NCiAgPHBhdGggaWQ9IlBhdGhfMTE0MDUyIiBkYXRhLW5hbWU9IlBhdGggMTE0MDUyIiBkPSJNMzMuMDUsNS43MjcsMzYuMi4yNzVBMi4wMTQsMi4wMTQsMCwwLDAsMzUuMTY5LDBIMzAuOTMxQTIuMTMzLDIuMTMzLDAsMCwwLDI5LjkuMjc1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIzLjA1IDApIiBmaWxsPSIjMDA4MzJkIi8+DQogIDxwYXRoIGlkPSJQYXRoXzExNDA1MyIgZGF0YS1uYW1lPSJQYXRoIDExNDA1MyIgZD0iTTI0LjMsNTNIMTYuOWwtMy4xNSw1LjQ1MmEyLjAxNCwyLjAxNCwwLDAsMCwxLjAzMS4yNzVIMjYuNDE5YTIuMTMzLDIuMTMzLDAsMCwwLDEuMDMxLS4yNzVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuNiAtNDAuODU4KSIgZmlsbD0iIzI2ODRmYyIvPg0KICA8cGF0aCBpZD0iUGF0aF8xMTQwNTQiIGRhdGEtbmFtZT0iUGF0aCAxMTQwNTQiIGQ9Ik01MC40NjYsN2wtMi45MS01LjA0QTIuMDgsMi4wOCwwLDAsMCw0Ni44LDEuMkw0My42NSw2LjY1MmwzLjcsNi40MTVoNi4yODlhMi4wNzUsMi4wNzUsMCwwLDAtLjI3NS0xLjAzMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMy42NSAtMC45MjUpIiBmaWxsPSIjZmZiYTAwIi8+DQo8L3N2Zz4NCg==) !important;
    background-size: 13px !important;
    width: 30px;
    height: 30px;
    position: absolute;
    background-repeat: no-repeat !important;
    background-position: 0px 4px !important;
    /* float: left; */
}
#menuProjectCloudNew span, #menuProjectDriveNew span {
    padding-left: 23px;
    font-size: 13px;
}

.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-filepicker-frame {
    border-radius: 6px;
}
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-filepicker-frame .iqWidgetBranding>span {
    color: #4e4e4e;
    position: relative;
    top: 10px;
    font-size: 20px;
    padding-left: 3px;
}
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-filepicker-frame .js-ifwmaxmin:before{
    content: "\00e901";
    color: #333;
}
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-filepicker-frame .js-ifwclose:before{
    color: #333;
    color: #333;
    right: 21px;
    position: absolute;
    top: 6px;
}
.iqWidget.iqWidgetLight.js-ifwtop.border.gantter-filepicker-frame .mf {
    border-bottom: 0px solid #eee;
}
.gantterTypeIcon:before {
    content: "";
    position: absolute;
    background-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZmlsbD0iIzM1YjU3NSIgZD0iTTQzMS44MDYgODIzLjUxNmwzMy45NjYgMzMuOTY2YzExLjU4NyAxMS41ODQgMjcuNTkyIDE4Ljc0OCA0NS4yNyAxOC43NDhzMzMuNjg0LTcuMTY0IDQ1LjI3LTE4Ljc0OGwyMTUuMDQwLTIxNS4wNDAgNjcuNzc3IDY3Ljc3Ny0yODMuMDY4IDI4My4wNjhjLTExLjU4NiAxMS41ODUtMjcuNTkxIDE4Ljc1LTQ1LjI3IDE4Ljc1cy0zMy42ODQtNy4xNjUtNDUuMjctMTguNzVsLTEwMS44NjUtMTAxLjg2NXoiPjwvcGF0aD4KPHBhdGggZmlsbD0iIzdhYmY2ZCIgZD0iTTE2OS43MTkgNTQ1LjQ3M2wyMjYuMzM0IDIyNi4zNzItNjcuODA0IDY3Ljc3Ny0yOTQuMzMyLTI5NC4xNWMtMTEuNTg0LTExLjU4Ny0xOC43NDgtMjcuNTkyLTE4Ljc0OC00NS4yN3M3LjE2NC0zMy42ODQgMTguNzQ4LTQ1LjI3bDEwMS44NjUtMTAxLjg2NSA2Ny43NzcgNjcuNzc3LTMzLjk2NiAzMy45NjZjLTExLjU3OCAxMS41ODYtMTguNzM5IDI3LjU4Ny0xOC43MzkgNDUuMjYxIDAgMTcuNzM0IDcuMjEgMzMuNzg0IDE4Ljg1OCA0NS4zOGwwLjAwMiAwLjAwMnoiPjwvcGF0aD4KPHBhdGggZmlsbD0iI2MyYzk2MCIgZD0iTTE4Ny40NTMgMzE2Ljk4NWwyODMuMDY4LTI4My4wNjhjMTEuNTg3LTExLjU4NCAyNy41OTItMTguNzQ4IDQ1LjI3LTE4Ljc0OHMzMy42ODQgNy4xNjQgNDUuMjcgMTguNzQ4bDExMy4xODYgMTEzLjE4Ni02Ny43NzcgNjcuNzg5LTQ1LjMwNi00NS4zMDNjLTExLjU4Ny0xMS41ODQtMjcuNTkyLTE4Ljc0OC00NS4yNy0xOC43NDhzLTMzLjY4NCA3LjE2NC00NS4yNyAxOC43NDhsLTIxNS4wNDAgMjE1LjA0MHoiPjwvcGF0aD4KPHBhdGggZmlsbD0iI2ZiZDE1OCIgZD0iTTg1Ny4zMjMgNDgxLjJsLTIxNS4wNDAtMjE1LjA0MCA2Ny43NzctNjcuNzc3IDI4My4wNjggMjgzLjA2OGMxMS41ODQgMTEuNTg3IDE4Ljc0OCAyNy41OTIgMTguNzQ4IDQ1LjI3cy03LjE2NCAzMy42ODQtMTguNzQ4IDQ1LjI3bC0xMDEuODc2IDEwMS44NTQtNjcuNzc3LTY3Ljc3NCAzMy45NjYtMzMuOTdjMTEuNjU3LTExLjU5OCAxOC44NzItMjcuNjUzIDE4Ljg3Mi00NS4zOTIgMC0xNy43OTgtNy4yNjItMzMuODk5LTE4Ljk4NC00NS41MDNsLTAuMDA1LTAuMDA1eiI+PC9wYXRoPgo8L3N2Zz4K);
    background-size: 15px;
    background-position: 39px 1px;
    width: 55px;
    height: 18px;
    background-repeat: no-repeat;
}
span.resourceIcon.gantterTypeIcon.resourceTypeIcon {
    left: -43px;
    position: relative;
    width: 50px !important;
}
span.resourceIcon.gantterTypeIcon {
    left: 0px;
    position: relative;
}
.resourceIcon.gantterTypeIcon.resourceTypeIcon:before {
    background-position: 38px 1px;
}
.resourceIcon.gantterTypeIcon:before {
    background-position: 11px 1px;
}

/* Risk tab - Filter UI cleanup */
#riskTypefilter{display:flex;align-items:center;flex-wrap:nowrap;align-content:space-between;justify-content:space-between;width:auto!important;gap:8px;margin:1px 5px}
#riskTypefilter .x-form-item-label-default,#riskTypefilter .x-form-text-wrap{background:#fff}
#riskTypefilter .x-form-trigger-wrap{border-radius:8px;overflow:hidden;height:100%;background:0 0}
#cmbResourceTypefilter .x-form-trigger-wrap {border-radius: 5px;overflow: hidden;height: 100%;background: 0 0;}
#riskTypefilter>label{flex:1 0 auto}
.filteritem-current-riskType.filteritem-current-riskType{display:flex;flex-wrap:nowrap;align-items:center;height:100%;padding-left:6px}
.filteritem-current-riskType:before,.filteritem-riskType:before{font-family:common-webfont;font-size:16px;display:inline;padding-right:2px}
.filteritem-current-riskType:before{color:#222}.filteritem-current-riskType.filteritem-issue:before{content:'\e909';color:#222;font-size:16px}
.filteritem-current-riskType .x-menu-item-text,.filteritem-riskType .x-menu-item-text{padding-left:6px}
.filteritem-riskType{display:flex;padding:2px}
.filteritem-risk:before{content:'\ebaf';font-size:23px;padding-right:0;margin-left:-4px}
.filteritem-constraint:before{content:'\e92e'}
.filteritem-issue:before{content:'\ec5d'!important;font-size:14px;padding-right:4px}


.groupbar-boardtype:before,.groupbar-certifications:before,.groupbar-companies:before,.groupbar-linearunit:before,.groupbar-locations:before,.groupbar-none:before,.groupbar-rollups:before,.groupbar-sbs:before,.groupbar-skills:before,.groupbar-starttime:before,.groupbar-status:before,.groupbar-trades:before,.groupbar-users:before,.groupbar-workcategories:before,.groupbar-workteams:before{font-family:gantter-inline;font-size:16px;display:inline;position:absolute;top:9px;left:21px}
.filteritem-resourceType{display:flex;padding:2px}
.filteritem-current-resourceType .x-menu-item-text,.filteritem-resourceType .x-menu-item-text{padding-left:6px}
.filteritem-current-resourceType{display:flex;flex-wrap:nowrap;align-items:center;height:100%;padding-left:6px}
.filteritem-current-resourceType:before,.filteritem-resourceType:before{font-family:gantter-inline;font-size:16px;display:inline;padding-right:2px}
.groupbar-none:before{content:'\e904'}
.filteritem-users:before,.groupbar-users:before{content:'\e909'}
.groupbar-sbs:before{content:'\e924';font-size:13px!important;left:23px!important}
.filteritem-companies:before,.groupbar-companies:before{content:'\e901'}
.filteritem-workteams:before,.groupbar-workteams:before{content:'\e90a'}
.filteritem-workcategory:before{content:'\e920';font-size:15px}
.filteritem-trades:before,.groupbar-trades:before{content:'\e908'}
.filteritem-skills:before,.groupbar-skills:before{content:'\e906'}
.groupbar-certifications:before{content:'\e90b'}
.groupbar-workcategories:before{content:'\e90c'}
.groupbar-locations:before{content:'\e903'}
.groupbar-linearunit:before{content:'\e902'}
.groupbar-status:before{content:'\e907'}
.groupbar-rollups:before{content:'\e905'}
.groupbar-starttime:before{content:'\e91c';font-size:22px;left:18px;top:7px}
.groupbar-boardtype:before{content:'\e92c'}
.filteritem-tools:before{content:'\ec72';font-family:common-webfont!important;font-size:16px!important;display:inline;padding-right:2px}
.filteritem-equipments:before{content:'\eb8f';font-family:common-webfont!important;font-size:26px!important;display:inline;padding-right:0;margin-left:-4px}
.groupbar-chaintag{content:'\eb9f';font-size:22px;left:18px;top:7px;font-family:common-webfont;display:inline;position:absolute}
.rsxType-mat .resourceIconBarColor:before, 
.rsxType-eq .resourceIconBarColor:before,
.rsxType-tl .resourceIconBarColor:before {
      background-color: transparent;
}
.filteritem-resourceType.filteritem-equipments .x-menu-item-text,
.filteritem-resourceType.filteritem-materials .x-menu-item-text{padding-left:3px}
.filteritem-resourceType.filteritem-tools .x-menu-item-text{padding-left:2px}
.filteritem-materials:before{content:'\eb8e';font-family:common-webfont;font-size:25px!important;display:inline;padding-right:0;margin-left:-3px}



#li,
#tasks {
    --btn: 22px;
    --btnBg:rgba(0,0,0,.22);

    --btnBg: rgb(228 233 247);
    --btnBorder: rgba(255,255,255,.16);
    --btnBgHover: rgb(230 233 247);
    --btnBorderHover: rgba(122, 167, 255, .35);

    --pl0: 0;
    --pl1: var(--c0);
    --pl2: calc(var(--pl1) + var(--c1));
    --pl3: calc(var(--pl2) + var(--c2));
    --pl4: calc(var(--pl3) + var(--c3));
    --pl5: calc(var(--pl4) + var(--c4));
    --pl6: calc(var(--pl5) + var(--c5));
    --pl7: calc(var(--pl6) + var(--c6));
    --pl8: calc(var(--pl7) + var(--c7));
    --pl9: calc(var(--pl8) + var(--c8));
    --pl10: calc(var(--pl9) + var(--c9));
    --pl11: calc(var(--pl10) + var(--c10));
    --pl12: calc(var(--pl11) + var(--c11));
    --pl13: calc(var(--pl12) + var(--c12));
    --pl14: calc(var(--pl13) + var(--c13));
    --pl15: calc(var(--pl14) + var(--c14));
    --pl16: calc(var(--pl15) + var(--c15));
    --pl17: calc(var(--pl16) + var(--c16));
    --pl18: calc(var(--pl17) + var(--c17));
    --pl19: calc(var(--pl18) + var(--c18));
    --pl20: calc(var(--pl19) + var(--c19));
    --pl21: calc(var(--pl20) + var(--c20));
    --pl22: calc(var(--pl21) + var(--c21));
    --pl23: calc(var(--pl22) + var(--c22));
    --pl24: calc(var(--pl23) + var(--c23));
    --pl25: calc(var(--pl24) + var(--c24));
    --pl26: calc(var(--pl25) + var(--c25));
    --pl27: calc(var(--pl26) + var(--c26));
    --pl28: calc(var(--pl27) + var(--c27));
    --pl29: calc(var(--pl28) + var(--c28));
    --pl30: calc(var(--pl29) + var(--c29));
    --pl31: calc(var(--pl30) + var(--c30));
    --pl32: calc(var(--pl31) + var(--c31));
    --pl33: calc(var(--pl32) + var(--c32));
    --pl34: calc(var(--pl33) + var(--c33));
    --pl35: calc(var(--pl34) + var(--c34));
    --pl36: calc(var(--pl35) + var(--c35));
    --pl37: calc(var(--pl36) + var(--c36));
    --pl38: calc(var(--pl37) + var(--c37));
    --pl39: calc(var(--pl38) + var(--c38));
    --pl40: calc(var(--pl39) + var(--c39));
    --pl41: calc(var(--pl40) + var(--c40));
    --pl42: calc(var(--pl41) + var(--c41));
    --pl43: calc(var(--pl42) + var(--c42));
    --pl44: calc(var(--pl43) + var(--c43));
    --pl45: calc(var(--pl44) + var(--c44));
    --pl46: calc(var(--pl45) + var(--c45));

    --z0: 51;
    --z1: 50;
    --z2: 49;
    --z3: 48;
    --z4: 47;
    --z5: 46;
    --z6: 45;
    --z7: 44;
    --z8: 43;
    --z9: 42;
    --z10: 41;
    --z11: 40;
    --z12: 39;
    --z13: 38;
    --z14: 37;
    --z15: 36;
    --z16: 35;
    --z17: 34;
    --z18: 33;
    --z19: 32;
    --z20: 31;
    --z21: 30;
    --z22: 29;
    --z23: 28;
    --z24: 27;
    --z25: 26;
    --z26: 25;
    --z27: 24;
    --z28: 23;
    --z29: 22;
    --z30: 21;
    --z31: 20;
    --z32: 19;
    --z33: 18;
    --z34: 17;
    --z35: 16;
    --z36: 15;
    --z37: 14;
    --z38: 13;
    --z39: 12;
    --z40: 11;
    --z41: 10;
    --z42: 9;
    --z43: 8;
    --z44: 7;
    --z45: 6;
    --z46: 5;
}

#lk th {
    z-index: 10;
    height: 42px;
    padding: 0;
}

#lj {
    height: auto;
}

#ll {
    overflow-x: auto;
    overflow-y: hidden;
}

#lj > table,
#tasks {
    /*border-collapse: collapse;*/
    table-layout: fixed;
    width: max-content;
    min-width: 100%;
    box-sizing: border-box;
}

:where(.taskRow) {
    background-color: #fff;
}
.taskRow > .colPinned:not(.dx) {
    background-color: inherit;
    z-index: 1;
}
.taskRow > .colPinned.dx {
    background-color: #f5f5f5;
    z-index: 1;
}
.taskRow > td {
    min-width: 0;
    overflow: clip;
    box-sizing: border-box;
}
#lk th {
    min-width: 0;
    overflow: clip;
    box-sizing: border-box;
    text-align: left;
}

#ll #addMoreRowsWidget,
#gantt #addMoreRowsPseudoElement{
    height: 58px;
}

thead .colPinned{
  background:
    repeating-linear-gradient(
      135deg,
      #f5f5f5 0px,
      #f5f5f5 6px,
      #efefef 6px,
      #efefef 10px
    ), #f5f5f5;
}

.thInner{
    display: flex;
    align-items: center;
    /*gap: 6px;*/
    position: relative;
    z-index: 2;
    width: 100%;
    min-width: 0;
}

.thLabel{
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}

.thActions{
    box-sizing: border-box;
    display:flex;
    gap:0;
    flex: 0 0 auto;
    margin-left:auto;

    opacity:0;
    max-width:0;
    overflow:hidden;
    pointer-events:none;
    transform: translateX(-4px);
    transition: max-width .16s ease, opacity .14s ease, transform .14s ease;
}


.taskCostTotalsColumn .thActions{
    position: absolute;
    right: 0;
}


th:hover .thActions,
th:focus-within .thActions {
    opacity: 1;
    max-width: calc((var(--btn) * 2) + 6px);
    gap: 6px;
    pointer-events: auto;
    /*transform: translateY(-2px);*/
}

th.colPinned .thActions{
    opacity: 1;
    max-width: var(--btn);
    pointer-events: auto;
    /*transform: translateX(-4px);*/
}
th.colPinned:hover .thActions,
th.colPinned:focus-within .thActions{
    max-width: calc((var(--btn) * 2) + 6px);
    gap: 6px;
}

.grd-headerBtn{
    width: var(--btn);
    height: var(--btn);
    display:inline-grid;
    place-items:center;
    border-radius: 10px;
    border: 1px solid var(--btnBorder);
    background: var(--btnBg);
    padding: 0;
    cursor:pointer;
    flex: 0 0 auto;
    box-sizing: border-box;
}
.grd-headerBtn svg{
    width: 18px;
    height: 18px;
    fill: rgb(64 85 138);
}
.grd-headerBtn:hover{
    background: var(--btnBgHover) !important;
    border-color: var(--btnBorderHover) !important;
}
.grd-headerBtn:active{ transform: translateY(-1px); }


.pinBtn.isActive{
    /*background: rgba(122,167,255,.22);
    border-color: rgba(122,167,255,.35);*/
}
.pinBtn.isActive svg{ fill: rgb(64 85 138); }
#lnkPayInvoices {
    color: #fff;
    cursor: pointer;
    background: #29a568;
    padding: 4px 16px;
    border-radius: 11px;
    font-weight: 500;
    font-family: Roboto-Regular;
    margin-right: 0px;
    box-shadow: 0 1px 2px #c5c5c5;
    font-size: 12px;
    margin-left: 20px;
}
.gantter-project #lblTrialWrapper:has(div#lblTrialDetails) #lblTrial.trial-expired {
    background: #f0f0f0 !important;
    border: none;
    padding: 11px 15px 28px 15px !important;
}
.gantter-project #lblTrialWrapper #lblTrial.trial-expired#lblTrial:has(#lnkPayInvoices) {
    background: #f0f0f0 !important;
    border: none;
    padding: 15px 15px 15px 15px !important;
}
.gantter-project #lblTrialWrapper #lblTrial.trial-expired#lblTrial:has(#lnkPayInvoices) .trial.trial-active {
    margin-right: 0px !important;
}
.gantter-project #lblTrialWrapper:has(div#lblTrialDetails) #lblTrial.trial-expired .trial.trial-active {
    margin-right: 0px !important;
}
th.colPinned .filterBtn{
    opacity:0;
    width:0;
    padding:0;
    border:0;
    margin:0;
    overflow:hidden;
    pointer-events:none;
    transition: opacity .14s ease;
}
th.colPinned:hover .filterBtn,
th.colPinned:focus-within .filterBtn {
    opacity:1;
    width: var(--btn);
    padding: 0;
    border: 1px solid var(--btnBorder);
    pointer-events:auto;
}

.filterBtn{
  position: relative;
}

.filterBtn::before{
    content: "";
    position: absolute;
    inset: 0;

    background-color: rgba(233,237,247,.85);
    background-color: rgb(64 85 138);

    -webkit-mask: url("../images/filter.png") center / 12px 12px no-repeat;
    mask: url("../images/filter.png") center / 12px 12px no-repeat;

    pointer-events: none;
}

.filterBtn:hover::before{
    background-color: rgba(233,237,247,.95);
    background-color: rgb(64 85 138);
}

.thFocus {
  position: absolute;
  top: 0;
  left: 50%;

  width: 70%; 
  height: 100%;

  transform: translate(-50%, 0);
  opacity: 0.001;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;

  cursor: default;
}

.thFocus{
  pointer-events: auto;
}

.thActions{
  position: relative;
  z-index: 2;
}
.thFocus{
  z-index: 1;
}

.extresource-wrapper {
    position: relative;
    display: flex;
    gap: 18px;
    background: transparent;
    border: 1px solid #ccc;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 13px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
}

.extresource-wrapper .extrsx-item .text{
    color : #fff !important;
}

.extresource-wrapper .extrsx-item {
    display: flex;
    gap: 5px;
    align-items: center;
    cursor: pointer;
}

.extresource-wrapper .badge {
    background: #1e88e5;
    color: #fff;
    border-radius: 10px;
    font-size: 11px;
    padding: 1px 6px;
}