/* This is just a placeholder, this file will be created by build script. */@font-face{font-family:"Roboto-Regular";src:url("fonts/Roboto-Regular.eot");src:url("fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),url("fonts/Roboto-Regular.svg") format("svg"),url("fonts/Roboto-Regular.ttf") format("truetype"),url("fonts/Roboto-Regular.woff") format("woff"),url("fonts/Roboto-Regular.woff2") format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"Roboto-Medium";src:url("fonts/Roboto-Medium.eot");src:url("fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"),url("fonts/Roboto-Medium.svg") format("svg"),url("fonts/Roboto-Medium.ttf") format("truetype"),url("fonts/Roboto-Medium.woff") format("woff"),url("fonts/Roboto-Medium.woff2") format("woff2");font-weight:500;font-style:normal}@font-face{font-family:"Roboto-Bold";src:url("fonts/Roboto-Bold.eot");src:url("fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"),url("fonts/Roboto-Bold.svg") format("svg"),url("fonts/Roboto-Bold.ttf") format("truetype"),url("fonts/Roboto-Bold.woff") format("woff"),url("fonts/Roboto-Bold.woff2") format("woff2");font-weight:bold;font-style:normal}@font-face{font-family:"Roboto-Light";src:url("fonts/Roboto-Light.eot");src:url("fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"),url("fonts/Roboto-Light.svg") format("svg"),url("fonts/Roboto-Light.ttf") format("truetype"),url("fonts/Roboto-Light.woff") format("woff"),url("fonts/Roboto-Light.woff2") format("woff2");font-weight:200;font-style:normal}@font-face{font-family:'font-gantter';src:url("../fonts/font-gantter.eot?cxrehf");src:url("../fonts/font-gantter.eot?cxrehf#iefix") format("embedded-opentype"),url("../fonts/font-gantter.ttf?cxrehf") format("truetype"),url("../fonts/font-gantter.woff?cxrehf") format("woff"),url("../fonts/font-gantter.svg?cxrehf#font-gantter") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'AdvancePlaning';src:url("webfont/AdvancePlaning/fonts/AdvancePlaning.eot?9t5wsy");src:url("webfont/AdvancePlaning/fonts/AdvancePlaning.eot?9t5wsy#iefix") format("embedded-opentype"),url("webfont/AdvancePlaning/fonts/AdvancePlaning.ttf?9t5wsy") format("truetype"),url("webfont/AdvancePlaning/fonts/AdvancePlaning.woff?9t5wsy") format("woff"),url("webfont/AdvancePlaning/fonts/AdvancePlaning.svg?9t5wsy#AdvancePlaning") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'gantterfont';src:url('webfont/gantterfont/fonts/gantterfont.eot?cywz6e');src:url('webfont/gantterfont/fonts/gantterfont.eot?cywz6e#iefix') format('embedded-opentype'),url('webfont/gantterfont/fonts/gantterfont.ttf?cywz6e') format('truetype'),url('webfont/gantterfont/fonts/gantterfont.woff?cywz6e') format('woff'),url('webfont/gantterfont/fonts/gantterfont.svg?cywz6e#gantterfont') format('svg');font-weight:normal;font-style:normal;font-display:block}.gantter-header .closeButton:before{font-family:"font-gantter"!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:2.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#toolbarRightContainer div.toolbarButton div.iconSuggest:before{font-family:"font-gantter"!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-gantter,[class^="gticon-"],[class*=" gticon-"],.js-ifwclose:before,.js-ifwmaxmin:before{font-family:"font-gantter"!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:2.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iconSuggest:before{font-family:"font-gantter"!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.js-ifwclose:before{content:"\00e900"}.js-ifwmaxmin:before{content:"\00e901"}.js-ifwmaxmin[title="Restore"]:before,.js-ifwmaxmin[data-title="Restore"]:before{content:"\00e902"}.iqWidget .min-setting,.iqWidget .max-setting{padding:22px 24px 4px}.iqWidget .iqWidgetTitlebar .iqWidgetWindowCtrl img{display:none}.iqWidget .iqWidgetTitlebar .js-ifwmaxmin{margin-right:0}a.js-ifwclose{margin:0 5px 0 10px!important}.iqWidgetLight .iqWidgetTitlebar{padding:5px 14px!important}.iqWidget .iqWidgetTitlebar a{font-size:16px;color:#a3a3a3;text-decoration:none;opacity:1}.iqWidget .iqWidgetTitlebar a:hover{color:#0e64cf}.min-setting .ellipsis,.max-setting .ellipsis{font-family:"Roboto-Regular";font-weight:normal;font-size:14pt;color:#666}.iqWidget.js-ifwtop.border{-webkit-box-shadow:0,0,6px,#838282;-moz-box-shadow:0,0,6px,#838282;-ms-box-shadow:0,0,6px,#838282;box-shadow:0,0,6px,#838282}.iqWidgetLight .iqWidgetTitlebar.gantter-hbar-logo{padding:5px 24px}.gantter-popup-header-logo .iqWidgetBranding>span,.gantter-popup-header-logo .iqWidgetBranding>span:before{background:url("../images/logos/gantter-popup-logo.png");height:40px;width:168px;padding:0;float:left;text-indent:-999px;background-size:160px 36px;background-repeat:no-repeat;background-position:center}.gantter-popup-header .iqWidgetBranding>span,.gantter-popup-header .iqWidgetBranding>span:before{height:40px;width:120px;padding:0;float:left;text-indent:-999px}.iqWidgetTitlebar.cloud-picker-header-logo{height:40px;padding:0}.iqWidgetTitlebar.cloud-share-header-logo{height:40px;padding:0;background:#fff!important;border-bottom:1px solid lightgray}.gantter-welcome-screen.iqWidgetTitlebar.gantter-popup-header-logo.js-ifwtoolbar.dragdrop{display:none}.iqWidgetTitlebar.cloud-picker-header-logo .iqWidgetBranding>span{color:#000;position:relative;top:10px;font-size:20px;padding-left:14px}.iqWidgetTitlebar.cloud-share-header-logo .iqWidgetBranding>span{color:#000;position:relative;top:10px;font-size:18px;padding-left:7px}.gantter-hbar-logo .iqWidgetBranding>span,.ganttercloud-hbar-logo .iqWidgetBranding>span,.gantterdrive-hbar-logo .iqWidgetBranding>span{height:40px;width:120px;padding:0}.gantter-hbar-logo .iqWidgetBranding>span,.ganttercloud-hbar-logo .iqWidgetBranding>span,.gantterdrive-hbar-logo .iqWidgetBranding>span{background:url("../images/logos/gantter-popup-logo.png");background-size:118px;background-repeat:no-repeat;background-position:0 8px}.iqWidget .iqWidgetTitlebar.gantter-hbar-logo a{margin:9px 0 9px 20px}#toolbarRightContainer div.toolbarButton div.iconSuggest{background:none}#toolbarRightContainer div.toolbarButton div.iconSuggest:before{content:"\00e90c";font-size:24px;line-height:.5!important;color:#ff0;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#212121;text-align:center;margin:0 -5px}#toolbarRightContainer div.toolbarButton div.iconSuggest:hover::before{color:#fff59d!important}.iconSuggest:before{content:"\00e903";font-size:18px;line-height:.9!important}div.iconSuggest{background:none!important}.gantter-header .closeButton:before{content:"\00e900";font-size:16px}.gticon-info{float:left}.gticon-info:before{content:"\00e904";color:#0e64cf;font-size:18px;line-height:1.2}.message-body{float:right;width:500px}.border .js-ifwtoolbar.gantterdrive-hbar-logo .js-ifwclose:before{vertical-align:middle;line-height:34px}.border.iqWidgetLight .gantterdrive-hbar-logo{padding:5px 24px}.gtr-tooltip .iconSuggest:before{margin:10px;font-size:14px}.gtr-tooltip .tooltip-text{background:#717171;color:#fff;display:block;margin-left:57px;margin-top:15px;display:none;padding:5px;position:absolute;z-index:1;font-weight:normal;font-size:12px;white-space:nowrap}.gtr-tooltip .tooltip-text:before{top:-20px;content:" ";display:block;height:50px;left:0;position:absolute;width:100%}.gtr-tooltip .iconSuggest:hover+.tooltip-text{opacity:.9;display:block}.groupLabel.style-scope.gtr-activity-list{text-align:left;width:90%}.templateedit-view .sanatize-chbox{min-height:47px;max-height:47px;height:47px}.advpWinHead.iqWidgetTitlebar,.taskPrpWinHead.iqWidgetTitlebar,.advpWinHead.iqWidgetTitlebar .ellipsis{display:none}.advpWin,.advpWin .iqWidgetBody{background:none transparent!important;border:none!important;box-shadow:none!important}.advpWin,.advpWin iframe{width:100%!important;height:100%!important;top:0!important;left:0!important;bottom:0!important;right:0!important;position:absolute!important;margin:0!important}.taskPrpWin,.taskPrpWin .iqWidgetBody{background:none transparent!important;border:none!important;box-shadow:none!important}.taskPrpWin,.taskPrpWin iframe{height:100%!important;top:0!important;bottom:0!important;right:0!important;position:absolute!important;margin:0!important}@media only screen and (max-height:800px){}.collaborate-toolbar .js-ifwmaxmin:before,.collaborate-toolbar .js-ifwclose:before,.licensed-users-hbar .js-ifwclose:before{line-height:1.7}.iqWidgetTitlebar.collaborate-toolbar.js-ifwtoolbar,.iqWidgetTitlebar.licensed-users-hbar{padding:5px 0 5px 14px!important}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.gantter-popup-header-logo .iqWidgetBranding>span{content:"";background-image:url("../images/logos/gantter-popup-logo.png")}.templateedit-view .sanatize-chbox{min-height:52px}.gtr-avatar-toolbar.searchclearable::-ms-clear{display:none}}.gantter-project #lblTrialWrapper{margin-top:4px;left:33.3%}.gantter-project #lblTrialWrapper #lblTrial.trial-expired{background:#f0f0f0!important;border:none;padding:15px 15px!important}.gantter-project .trial{display:block}.gantter-project .trial-active{float:left}.gantter-project span.trial-expired-text{color:red}.gantter-project .trial-expired-promptbuy{display:block;padding:3px 30px 0 0;font-family:'Roboto';float:left}#lblTrialWrapper #lblTrial #lnkSubscribeNow{border-radius:9px;font-weight:bold}.gantter-project #lnkSubscribeNow{color:#327ce6}#optinDialog{border:none;width:575px}#printOptionsDialog{border:none;width:425px;height:300px}#printOptionsDialog .content{color:gray;padding:10px 20px 0}#optinDialog .gantter-header,#printOptionsDialog .gantter-header,#vizManageUnLicense .gantter-header{padding:10px 15px;border-bottom:1px solid #eee}#optinDialog select{width:100%;height:30px}.gantter-header .closeButton{background:none;position:static;float:right;display:inline-block;color:#a3a3a3;cursor:pointer}.gantter-header .closeButton:hover{color:#0e64cf}#optinDialog .gantter-team-header-logo,#optinDialog .gantter-header-logo{height:40px;width:120px;vertical-align:middle;display:inline-block}#optinDialog .gantter-popup-header-logo{width:120px;vertical-align:middle;display:inline-block}#printOptionsDialog .gantter-team-header-logo,#printOptionsDialog .gantter-header-logo{height:40px;width:120px;vertical-align:middle;display:inline-block}#printOptionsDialog .gantter-popup-header-logo{width:120px;vertical-align:middle;display:inline-block}#optinDialog .gantter-team-header-logo,#printOptionsDialog .gantter-team-header-logo{content:url(../images/logos/gantter-googleapps-popup-logo.png)}#optinDialog .gantter-header-logo,#printOptionsDialog .gantter-header-logo{content:url(../images/logos/gantter-googledrive-popup-logo.png)}#optinDialog .gantter-popup-header-logo,#printOptionsDialog .gantter-popup-header-logo,#deletedTasksDialog .gantter-header .gantter-popup-header-logo{background:url(../images/logos/gantter-popup-logo.png);background-repeat:no-repeat;height:40px}#optinDialog .dialogContent{padding:10px 24px}#optinDialog .content p{font-size:14px;color:#b8b6b6}#optinDialog .content .message-sub-title{font-size:16px;font-weight:bold;color:#8e8e8e}#optinDialog .content .message-title{margin-top:5px;padding:15px 0;font-size:16px;color:#8e8e8e}#deletedTasksDialog .buttonsWrapper .m-blue-button{background-color:#0e64cf;margin:3px;right:0}#vizManageUnLicense .buttonsWrapper .m-blue-button:hover{background-color:#1f77e6;box-shadow:none}#renameProjectDialog .dialogContent{padding:15px 24px}#renameProjectDialog input{width:95%;border:none;border-bottom:1px solid #ddd;color:#666}#renameProjectDialog input.invalid-value{border-bottom:1px solid #e80e0e!important}#renameProjectDialog label{font:20px bold;color:#666}#select2-drop.select2-drop-active{min-width:200px;padding:5px}.gantter-project .gantter-header{border-bottom:1px solid #ccc;padding:10px 30px}#deletedTasksDialog .gantter-header{border-bottom:1px solid #ccc;padding:5px 10px}.gantter-project .gantter-header .gantter-team-logo-small{content:url(../images/logos/gantter-googleapps-popup-logo.png);height:40px;width:120px}.gantter-project .gantter-header .gantter-app-logo-small,.gantter-project .gantter-header .gantter-app-logo-small:after{content:url(../images/logos/gantter-popup-logo.png);height:40px;width:120px}.gantter-project .gantter-header .gantter-logo-small{content:url(../images/logos/gantter-googledrive-popup-logo.png);height:32px;width:121px}.gantter-project #txtRiskResponse{height:90px}.gantter-project .tabs div.tab{height:310px}#optinDialog>.gantter-header .closeButton{position:relative;top:0}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.gantter-project .gantter-header .gantter-app-logo-small{background-image:url(../images/logos/gantter-popup-logo.png);height:40px;width:120px}}#editVizItemDialog .gantter-header{padding:4px 10px;border-bottom:1px solid #eee}#editVizItemDialog .header-logo,#vizManageUnLicense .gantter-header .header-logo{height:40px;width:120px;vertical-align:middle;display:inline-block;background:url(../images/logos/gantter-popup-logo.png)}#vizManageUnLicense{width:425px;height:210px;border:1px solid #999}#vizManageUnLicense .message-body{width:400px;float:left}#vizManageUnLicenseLbl{padding-left:7px}#vizManageUnLicense .m-blue-button{padding:0 24px!important;height:36px!important;transition:.2s ease-out;margin:1px 10px 0}#vizManageUnLicense .content{margin:17px 0 5px}#vizManageUnLicense .content p{font-size:14px;margin:5px 25px;color:#666;overflow:hidden;height:38px;text-overflow:ellipsis;width:350px;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.fig-ui .ui-window:after {
  content: "";
  display: table;
  clear: both;
}
.fig-ui {
  color: #3d3d3d;
  font-size: 14px;
  line-height: 1.5;
  font-family: proxima-nova, arial, verdana, sans-serif;
}
.fig-ui * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.fig-ui .hidden {
  display: none;
}
.fig-ui a {
  color: #3669c9;
  text-decoration: none;
}
.fig-ui p {
  color: #737373;
}
.fig-ui h1,
.fig-ui h2,
.fig-ui h3,
.fig-ui h4,
.fig-ui h5,
.fig-ui h6 {
  color: #3d3d3d;
}
.fig-ui h2 {
  font-weight: normal;
}
.fig-ui label {
  cursor: pointer;
}
.fig-ui fieldset {
  border: none;
  position: absolute;
  width: 100%;
}
.fig-ui fieldset:not(:first-of-type) {
  display: none;
}
.fig-ui .input {
  display: block;
  position: relative;
  line-height: 1;
}
.fig-ui .input .button {
  position: absolute;
  top: -1px;
  right: -1px;
  padding: 10px 15px 10px;
}
.fig-ui input,
.fig-ui textarea,
.fig-ui .customSelect,
.fig-ui .input {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  color: #2c3e50;
  font-size: 13px;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
  font-family: proxima-nova, arial, verdana, sans-serif;
}
.fig-ui input:focus,
.fig-ui textarea:focus,
.fig-ui .customSelect:focus,
.fig-ui .input:focus {
  outline: none;
  border-color: #448dcb;
}
.fig-ui input.error,
.fig-ui textarea.error,
.fig-ui .customSelect.error,
.fig-ui .input.error {
  border-color: #c30;
}
.fig-ui .error::-webkit-input-placeholder {
  color: #c30;
}
.fig-ui .error:-moz-placeholder {
  color: #c30;
}
.fig-ui .error::-moz-placeholder {
  color: #c30;
}
.fig-ui .error:-ms-input-placeholder {
  color: #c30;
}
.fig-ui .customSelect {
  color: #aaa;
  padding: 8px;
}
.fig-ui .customSelect.customSelectChanged {
  color: #2c3e50;
}
.fig-ui .customSelect.customSelectFocus {
  border-color: #448dcb;
}
.fig-ui .customSelect.error {
  color: #c30;
}
.fig-ui .customSelectInner {
  width: 100% !important;
  background: url("/images/select.gif") 100% 50% no-repeat;
}
.fig-ui .select {
  clear: both;
}
.fig-ui select {
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fig-ui select.hasCustomSelect {
  width: 100% !important;
  height: 100% !important;
}
.fig-ui .checkbox {
  display: block;
  padding: 5px 10px;
}
.fig-ui .checkbox:hover {
  background: #f5f5f5;
}
.fig-ui .checkbox input {
  width: auto;
  margin: 0 10px 0 0;
}
.fig-ui .actions {
  clear: both;
}
.fig-ui .actions .button {
  margin: 0 0 0 1em;
}
.fig-ui .columns {
  float: left;
}
.fig-ui .columns.center {
  text-align: center;
}
.fig-ui .columns.half {
  width: 50%;
}
.fig-ui .columns.half.one {
  padding: 0 10px 0 0;
}
.fig-ui .columns.half.two {
  padding: 0 0 0 10px;
}
.fig-ui .columns.third {
  width: 33.33333%;
}
.fig-ui .columns.third.one {
  padding: 0 10px 0 0;
}
.fig-ui .columns.third.two {
  padding: 0 10px;
}
.fig-ui .columns.third.three {
  padding: 0 0 0 10px;
}
.fig-ui .right {
  float: right;
}
.fig-ui .left {
  float: left;
}
.fig-ui .ui-window {
  background: #fff;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.4);
  box-shadow: 0 0 15px 1px rgba(0,0,0,0.4);
  height: 600px;
  margin: 50px auto;
  overflow: hidden;
  width: 730px;
}
.fig-ui .ui-window-wrapper {
  padding: 15px 30px 30px 30px;
}
.fig-ui .box {
  overflow: auto;
  height: 300px;
  margin: 0 0 20px 0;
  border: 1px solid #d0d0d0;
}
.fig-ui .box p,
.fig-ui .box h3 {
  margin: 0;
  padding: 10px;
}
.fig-ui .cvv input {
  width: 65%;
  margin: 0 10px 0 0;
}
.fig-ui .cvv .info {
  display: inline-block;
  width: 15px;
  height: 15px;
  color: #fff;
  font-size: 10px;
  background: #a2a2a2;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  text-align: center;
  line-height: 15px;
}
.fig-ui .cvv .tooltip {
  display: none;
  top: -130px;
  right: -20px;
  z-index: 9999;
  padding: 20px;
  background: #fff;
  position: absolute;
  border: 1px solid #bbb;
  -webkit-box-shadow: 0 0 5px #bbb;
  box-shadow: 0 0 5px #bbb;
}
.fig-ui .cvv .tooltip .arrow {
  left: 49px;
  bottom: -20px;
  position: relative;
  background: #fff;
}
.fig-ui .cvv .tooltip .arrow:after,
.fig-ui .cvv .tooltip .arrow:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.fig-ui .cvv .tooltip .arrow:after {
  border-color: rgba(255,255,255,0);
  border-top-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
.fig-ui .cvv .tooltip .arrow:before {
  border-color: rgba(187,187,187,0);
  border-top-color: #bbb;
  border-width: 9px;
  margin-left: -9px;
}
.fig-ui .cards {
  margin: 0 0 20px 0;
}
.fig-ui .cards img {
  margin: 0 0 0 1em;
  vertical-align: middle;
}
.fig-ui .rule {
  margin: 0 0 1em 0;
  padding: 1em 0 0 0;
  border-bottom: 1px solid #ddd;
}
.fig-ui .fs-title {
  clear: both;
  color: #3d3d3d;
  border-bottom: 1px solid #ddd;
  font-size: 20px;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  font-weight: normal;
}
.fig-ui .fs-subtitle {
  color: #666;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 20px;
}
.fig-ui .close {
  top: 10px;
  right: 10px;
  color: #999;
  width: 14px;
  line-height: 1;
  font-size: 14px;
  position: absolute;
}
.fig-ui .tg-list {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.fig-ui .tg-list-item {
  margin: 0 2em;
}
.fig-ui .tgl {
  display: none;
}
.fig-ui .tgl::selection,
.fig-ui .tgl:after::selection,
.fig-ui .tgl:before::selection,
.fig-ui .tgl box-sizing: border-box::selection {
  background: none;
}
.fig-ui .tgl + .tgl-btn {
  outline: 0;
  display: inline-block;
  vertical-align: middle;
  width: 2.9em;
  height: 1.5em;
  position: relative;
  cursor: pointer;
  margin: 0 0.5em;
}
.fig-ui .tgl + .tgl-btn:after,
.fig-ui .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.fig-ui .tgl + .tgl-btn:after {
  left: 50%;
}
.fig-ui .tgl + .tgl-btn:before {
  display: none;
}
.fig-ui .tgl:checked + .tgl-btn:after {
  left: 0;
}
.fig-ui .tgl-light + .tgl-btn {
  padding: 2px;
  background: #ccc;
  -webkit-border-radius: 2em;
  border-radius: 2em;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.fig-ui .tgl-light + .tgl-btn:after {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.fig-ui .tgl-light:checked + .tgl-btn {
  background: #00be75;
}
.fig-ui #tags {
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 4px 8px 0 rgba(0,0,0,0.05);
  box-shadow: inset 0 4px 8px 0 rgba(0,0,0,0.05);
  margin: auto;
  padding: 1.5em 0.75em 1.3em;
  width: 90%;
  height: 170px;
  overflow: auto;
}
.fig-ui #tag-typer {
  background-color: transparent;
  border: none;
  color: #333;
  font-size: 14px;
  margin-right: -25px;
  margin: 3px;
  outline: none;
  padding: 6px;
  width: 100px;
}
.fig-ui .tag {
  background: #f9f9f9;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #e4e4e4;
  color: #404040;
  cursor: default;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 10px 10px;
  padding: 7px 25px 5px 10px;
  position: relative;
}
.fig-ui .tag .close {
  background: inherit;
  right: 0px;
  position: absolute;
  top: 10px;
  visibility: visible;
  z-index: 3;
  cursor: pointer;
}
.fig-ui .tag:hover {
  color: rgba(0,0,0,0.6);
}
.fig-ui .tag:hover .close {
  visibility: visible;
}
.fig-ui .button,
.fig-ui input.button {
  line-height: 1;
  background: #f2f2f2;
  background: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
  background: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
  background: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
  background: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
  background: linear-gradient(to bottom, #f5f5f5, #f1f1f1);
  border: 1px solid #d8d8d8;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #444;
  cursor: pointer;
  display: inline-block;
  height: auto;
  margin: 0;
  padding: 8px 15px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  -ms-transition: border-color 0.2s;
  transition: border-color 0.2s;
  width: auto;
}
.fig-ui .button:hover,
.fig-ui input.button:hover {
  border-color: #c0c0c0;
  color: #333;
}
.fig-ui .button.action,
.fig-ui input.button.action {
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
  -webkit-transition: border 0.2s;
  -moz-transition: border 0.2s;
  -o-transition: border 0.2s;
  -ms-transition: border 0.2s;
  transition: border 0.2s;
}
.fig-ui .button.action:hover,
.fig-ui input.button.action:hover {
  -webkit-box-shadow: iset 0 1px 0px #ddd;
  box-shadow: iset 0 1px 0px #ddd;
}
.fig-ui .button.blue,
.fig-ui input.button.blue {
  background: #3981bd;
  background: -webkit-linear-gradient(top, #448dcb, #3981bd);
  background: -moz-linear-gradient(top, #448dcb, #3981bd);
  background: -o-linear-gradient(top, #448dcb, #3981bd);
  background: -ms-linear-gradient(top, #448dcb, #3981bd);
  background: linear-gradient(to bottom, #448dcb, #3981bd);
  border-color: #1471c2 !important;
}
.fig-ui .button.blue:hover,
.fig-ui input.button.blue:hover {
  background: #448dcb;
  background: -webkit-linear-gradient(top, #448dcb, #3477b0);
  background: -moz-linear-gradient(top, #448dcb, #3477b0);
  background: -o-linear-gradient(top, #448dcb, #3477b0);
  background: -ms-linear-gradient(top, #448dcb, #3477b0);
  background: linear-gradient(to bottom, #448dcb, #3477b0);
  border-color: #3477b0 !important;
}
.fig-ui .button.green,
.fig-ui input.button.green {
  background: #00be75;
  background: -webkit-linear-gradient(top, #05ca7e, #00be75);
  background: -moz-linear-gradient(top, #05ca7e, #00be75);
  background: -o-linear-gradient(top, #05ca7e, #00be75);
  background: -ms-linear-gradient(top, #05ca7e, #00be75);
  background: linear-gradient(to bottom, #05ca7e, #00be75);
  border-color: #01b06d !important;
}
.fig-ui .button.green:hover,
.fig-ui input.button.green:hover {
  background: #05ca7e;
  background: -webkit-linear-gradient(top, #05ca7e, #01b06d);
  background: -moz-linear-gradient(top, #05ca7e, #01b06d);
  background: -o-linear-gradient(top, #05ca7e, #01b06d);
  background: -ms-linear-gradient(top, #05ca7e, #01b06d);
  background: linear-gradient(to bottom, #05ca7e, #01b06d);
  border-color: #01b06d !important;
}
.fig-ui .button[disabled="disabled"],
.fig-ui input.button[disabled="disabled"] {
  cursor: not-allowed;
  color: #ccc;
  background: #4e5d6b;
  background: -webkit-linear-gradient(top, #515f6d, #4e5d6b);
  background: -moz-linear-gradient(top, #515f6d, #4e5d6b);
  background: -o-linear-gradient(top, #515f6d, #4e5d6b);
  background: -ms-linear-gradient(top, #515f6d, #4e5d6b);
  background: linear-gradient(to bottom, #515f6d, #4e5d6b);
  border-color: #455968 !important;
}
.fig-ui .button[disabled="disabled"]:hover,
.fig-ui input.button[disabled="disabled"]:hover {
  background: #4e5d6b;
  background: -webkit-linear-gradient(top, #515f6d, #4e5d6b);
  background: -moz-linear-gradient(top, #515f6d, #4e5d6b);
  background: -o-linear-gradient(top, #515f6d, #4e5d6b);
  background: -ms-linear-gradient(top, #515f6d, #4e5d6b);
  background: linear-gradient(to bottom, #515f6d, #4e5d6b);
  border-color: #455968 !important;
}

a#lnkTerms:hover {text-decoration:underline}

/*Removes firefox default inner dotted outline*/
td select:-moz-focusring,select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
input::-moz-focus-inner,button::-moz-focus-inner {
  border: 0;
  outline : 0;
  -moz-outline-style: none;
}

/*Do not add new styles below this block[IE] update them above*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) 
{ 
.fig-ui span strong { font-weight: normal; }
}/*
Version: 3.4.6 Timestamp: Sat Mar 22 22:30:15 EDT 2014
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-touch-iQ: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    /*background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
   /* background-image: linear-gradient(to top, #eee 0%, #fff 50%);*/
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
    float: none;
    width: auto;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('../images/select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border-top:1px solid #aaa;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid;
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    /*border-left: 1px solid #aaa;*/
    border-radius: 0 4px 4px 0;

    background-clip: padding-box;

    /*background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    /*background-image: linear-gradient(to top, #ccc 0%, #eee 60%);*/
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('../images/select2.png') no-repeat 0 1px;
    margin: 5px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;

    background: #fff url('../images/select2.png') no-repeat 100% -22px;
    background: url('../images/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('../images/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../images/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../images/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #fff 99%) 0 0;
    border-radius: 5px;
    background-color: transparent !important;
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('../images/select2-spinner.gif') no-repeat 100%;
    background: url('../images/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('../images/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../images/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../images/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid;
    outline: none;

    /*-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);*/
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    /*background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    /*background-image: linear-gradient(to top, #fff 0%, #eee 50%);*/
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    word-break: break-word;
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;
    font-family: 'Roboto-Regular';
    min-height: 1em;

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

.select2-results .select2-highlighted {
    background: #ffefbb;
    color: #000000;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: transparent;
    display: list-item;
    padding-left: 5px;
    font-family: 'Roboto-Regular';
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
    max-height: 52px;
    overflow: auto;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid;
    outline: none;

    /*-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);*/
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li
{
    float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 20px 3px 6px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

    -webkit-touch-iQ: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
    margin-left: 0;
    margin-right: 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}
.select2-search-choice-close{
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    background: url('../images/select2.png') right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
    right: auto;
    left: 3px;
}

.select2-container-multi .select2-search-choice-close {
    right: 2px;
    top: 3px;
    padding: 0px 0px;
    margin-right: 0px;
    background: url('../images/select2.png') right top no-repeat;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        background-image: url('../images/select2x2.png') !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important;
    }

    .select2-search input {
        background-position: 100% -21px !important;
    }
}
.taskTypeColumn .select2-container a.select2-choice{
    padding: 0px !important;
    border: 0px !important;
    border-radius: 0px !important;
    background-image: none !important;
    background-color: inherit !important;
    height: 18px;
    line-height: 18px;
}
.taskTypeColumn .select2-container .select2-choice span.select2-chosen{
    margin-right: 0px !important;
}
.taskTypeColumn .select2-container a.select2-choice abbr.select2-search-choice-close{
    display: none !important;
}
.taskTypeColumn .select2-container a.select2-choice span.select2-arrow{
    display: none !important;
}
.taskTypeColumn .select2-container-active .select2-choice, .taskTypeColumn .select2-container-active .select2-choices{
    border: 0px !important;
}
.taskTypeColumn .select2-dropdown-open .select2-choice{
    background-color: #ffffd6 !important;
}
.task-type-cont{
    display: flex;
}
.task-type-cont .taskTypeImage {
    height: 16px;
    padding-right: 5px;
    float: left;
    padding-top: 1px;
}/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-iP:before,
.ui-helper-iP:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-iP:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	/*position: relative;*/
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .003;
	filter: Alpha(Opacity=.3); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}
.common-participant-control{display:table;height:100%}.common-participant-control .cell{display:table-cell!important;vertical-align:middle;float:none!important}.common-participant-control .cell.collboratortray-wrapper{padding-left:10px}.common-participant-control .cell .badgecount{width:15.25px;height:15.25px;line-height:1.5;position:absolute;margin-left:22px;background:#178a35;border-radius:50%;font-size:9px;padding:2px;color:#fff;min-width:12px;text-align:center;display:none}.common-participant-control .cell.livehuddlebtn-main{width:114px}.common-participant-control .cell.livelinkbtn-main,.common-participant-control .cell.streambutton-main{width:44px}.common-participant-control .cell.chatbutton-main{padding-left:5px}.common-participant-control .cell.livehuddlebtn-main .livehuddlebtn-wrapper{border:1px solid #d5d1d1;border-radius:20px;height:30px;width:100px;cursor:pointer;background:#fff;box-shadow:0 1px 2px #9a9a9a}.common-participant-control .cell.livehuddlebtn-main.selected .livehuddlebtn-wrapper{border-color:#059cdf}.common-participant-control .cell.livehuddlebtn-main .livehuddlelabel{display:block;position:relative;left:30px;bottom:9px}.common-participant-control .cell.livehuddlebtn-main.selected .livehuddlelabel{color:#059cdf}.common-participant-control .cell.livesupportbtn-main .livesupportbtn-wrapper,.common-participant-control .cell.livelinkbtn-main .livelinkbtn-wrapper,.common-participant-control .cell.streambutton-main .streambutton-wrapper,.common-participant-control .cell.Brenabtn-main .Brenabtn-wrapper,.common-participant-control .cell.commentbutton-main .commentbutton-wrapper,.common-participant-control .cell.chatbutton-main .chatbutton-wrapper,.common-participant-control .cell.uninav-main .uninavbutton-wrapper,.common-participant-control .cell.supportbutton-main .supportbutton-wrapper,.common-participant-control .cell.workspacebutton-main .workspacebutton-wrapper,.common-participant-control .cell.beamerbutton-main .beamerbutton-wrapper{border:thin solid #b9b9b9;border-radius:50%;height:36px;width:36px;cursor:pointer;margin:2px 5px}.common-participant-control .cell.livehuddlebtn-main .livehuddlebtn-wrapper:hover,.common-participant-control .cell.livelinkbtn-main .livelinkbtn-wrapper:hover,.common-participant-control .cell.workspacebutton-main .workspacebutton-wrapper:hover,.common-participant-control .cell.supportbutton-main .supportbutton-wrapper:hover,.common-participant-control .cell.streambutton-main .streambutton-wrapper:hover,.common-participant-control .cell.commentbutton-main .commentbutton-wrapper:hover,.common-participant-control .cell.chatbutton-main .chatbutton-wrapper:hover,.common-participant-control .cell.beamerbutton-main .beamerbutton-wrapper:hover{background:#fff;box-shadow:0 1px 3px #9a9a9a}.common-participant-control .cell.livehuddlebtn-main .livehuddlebtn-wrapper .livehuddlebtn{position:relative;width:16px!important;height:16px!important;-webkit-mask-size:16px 17px;top:6px;left:7px}.common-participant-control .cell.livelinkbtn-main .livelinkbtn-wrapper .livelinkbtn{position:relative}.common-participant-control .cell.streambutton-main .streambutton-wrapper .streambutton,.common-participant-control .cell.commentbutton-main .commentbutton-wrapper .commentbutton,.common-participant-control .cell.chatbutton-main .chatbutton-wrapper .chatbutton,.common-participant-control .cell.beamerbutton-main .beamerbutton-wrapper .beamerbutton{width:16px!important;height:16px!important;-webkit-mask-size:16px 17px}.common-participant-control .cell.livelinkbtn-main .livelinkbtn-wrapper .livelinkbtn{width:20px!important;height:20px!important;-webkit-mask-size:20px 20px;top:8px!important;left:8px!important}.common-participant-control .cell.workspacebutton-main .workspacebutton-wrapper .workspacebutton,.common-participant-control .cell.supportbutton-main .supportbutton-wrapper .supportbutton{position:relative;color:#333}.common-participant-control .cell.streambutton-main .streambutton-wrapper .streambutton{position:relative;top:11px!important;left:10px!important;color:#333}.common-participant-control .cell.Brenabtn-main .Brenabtn-wrapper .Brenabtn{position:relative;color:#333}.common-participant-control .cell.commentbutton-main .commentbutton-wrapper .commentbutton,.common-participant-control .cell.chatbutton-main .chatbutton-wrapper .chatbutton,.common-participant-control .cell.uninav-main .uninavbutton-wrapper .uninavbutton,.common-participant-control .cell.beamerbutton-main .beamerbutton-wrapper .beamerbutton{position:relative;top:11px!important;left:10px!important;color:#333}#gantter_main .common-participant-control .cell.beamerbutton-main .beamerbutton-wrapper .beamerbutton{left:0!important;top:0!important;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NiIgaGVpZ2h0PSI0NiIgdmlld0JveD0iMCAwIDQ2IDQ2Ij4NCiAgPHBhdGggaWQ9IlN1YnRyYWN0aW9uXzk3MiIgZGF0YS1uYW1lPSJTdWJ0cmFjdGlvbiA5NzIiIGQ9Ik0tMTQxMiwzMTU3YTIyLjg0OSwyMi44NDksMCwwLDEtMTYuMjYzLTYuNzM3QTIyLjg1MSwyMi44NTEsMCwwLDEtMTQzNSwzMTM0YTIyLjg0OCwyMi44NDgsMCwwLDEsNi43MzYtMTYuMjYzQTIyLjg0OSwyMi44NDksMCwwLDEtMTQxMiwzMTExYTIyLjg1LDIyLjg1LDAsMCwxLDE2LjI2NCw2LjczNkEyMi44NDgsMjIuODQ4LDAsMCwxLTEzODksMzEzNGEyMi44NSwyMi44NSwwLDAsMS02LjczNywxNi4yNjRBMjIuODQ5LDIyLjg0OSwwLDAsMS0xNDEyLDMxNTdabS01LjM1NS0zMi4yOGM0LjI4NSwwLDQuODEzLDEuODcyLDQuODM4LDMuMjc5YTMuOTEsMy45MSwwLDAsMS0xLjA2OSwyLjZsLjAxNy4wMTctMTAuMSwxMC40NjFhMi45MTUsMi45MTUsMCwwLDAtLjgxMiwyLjEyNywyLjkwOCwyLjkwOCwwLDAsMCwyLjg5NCwyLjg0M2guMDUxYTIuOSwyLjksMCwwLDAsMi4xMjUtLjk4NWw5LjU0NC0xMC44NzMuMDExLjAxYTcuNTI2LDcuNTI2LDAsMCwxLDIuOTc3LTEuNDZsLjA1NiwwLC4wMTMuNzY5YS41NjMuNTYzLDAsMCwwLC4xNzEuMzk0bDIuODU0LDIuNzU2YS41NjQuNTY0LDAsMCwwLC4zOS4xNTZoLjAyOWEuNTUzLjU1MywwLDAsMCwuNC0uMmwzLjg0OC00LjU1NmEuNTY1LjU2NSwwLDAsMC0uMDM5LS43NjdsLTIuMjgyLTIuMmEuNTU4LjU1OCwwLDAsMC0uMzg5LS4xNTdoLS4wMWwtLjU2Mi4wMS0uMDEtLjU2MmEuNTY3LjU2NywwLDAsMC0uMTY5LS4zOTRsLTQuNTY2LTQuNDA4YTcuMDYzLDcuMDYzLDAsMCwwLTUuMzI5LTIuMzE0aC0uMTU4YTYuODkzLDYuODkzLDAsMCwwLTUuNCwyLjVsMCwwYS41NTguNTU4LDAsMCwwLS4xMTEuNjEzLjU2MS41NjEsMCwwLDAsLjUxNi4zMzhoLjAwOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0MzUgLTMxMTEpIiBmaWxsPSIjZWU3NTMyIi8+DQo8L3N2Zz4NCg==);-webkit-mask-size:36px 36px;width:36px!important;height:36px!important;-webkit-mask-repeat:no-repeat;background-size:32px;background-position:2px 2px;background-repeat:no-repeat}.common-participant-control .cell.Brenabtn-main .Brenabtn-wrapper .Brenabtn{top:9px!important;left:7px!important}.common-participant-control .cell.Brenabtn-main .Brenabtn-wrapper .Brenabtn:before{font-size:32px;color:#e95a15;line-height:.6;margin-left:-5.7px!important;content:"\00ec13";font-family:'common-webfont'!important}.common-participant-control .cell.collboratortray-wrapper .collboratortray .collaborator-box{border:2px solid #167579!important}.common-participant-control .cell.livehuddlebtn-main .livehuddlebtn-wrapper .livehuddlebtn{-webkit-mask-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAbVJREFUaEPtmdFtwyAQhg9FHqAbZJNmg2aDNg8gb9F2CwseSidoRkg3aCdoR+gzD74Ky6kIJbYxJLlI8JbowP93/4HJhcGVD3bl+qEAXNrB4kBxIDED5EuIc/4AALdKqU2IlTSAFc8Ye7HCEVGHIEgDCCE0ANzvMx+CIAnQlw0opbQLgYgb+51bSuQAvLLpBFsIRNz54i3IPwAhBCYeDHOmfxpjVlVVrfc175RNB9GDLaWUT4MOXADgqPh+83anTw/2TA0gRrzlIAUQK34eACK+K6VWcwp7bI67Yd1Ye9owxn4A4M1bI96BUwEMie9PHrtZH0kCjIm3ooUQNAGmiCcLMFU8SYAY8eQAYsWTApgjngxAXdfLtm2//PdB6Fbpx5A4hULZnyKejAOc8y1j7M6/WY69oSkBfAPABwBsF4vFrmka+3nSIFFCk5QeCSoATt2e7DY65FBxoDiQsoNzXqcTdeSeHv+LLLeCxPUKQGICk6ePO5D8iDMvEGotHnSEz6xn8HHGmButtW23/I0QwDrQj6HA8SqltH92HAxy3enYTBWA2Izlji8O5M5o7HrFgdiM5Y7/BYXX1UByVowEAAAAAElFTkSuQmCC');background-color:#424242}.common-participant-control .cell.livehuddlebtn-main.selected .livehuddlebtn-wrapper .livehuddlebtn{background-color:#059cdf}.common-participant-control .cell.livelinkbtn-main .livelinkbtn-wrapper .livelinkbtn{-webkit-mask-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAACvElEQVRoge3Zz4tVZRzH8VcpTkrCODYlRunKhQMxUCQxQeoIkYskUjAbA0lcCUk/pGVRu/4AWwVRuJCgaFHoolBKMRVFahFToczCxmFcmE4TDnNdPPcwV733nOcenzuHofuB7+Le830+z/t7z3OfH+fQVVdd/a/1EN7GWfyJn/EmHqwSKlYrcB61JnEMPdWhxelzzeGz+LA6tGI9glvyC5jEok6DlB2rA1hckNOHJ0v6R6tsAdOReVMl/TuuHmGI5A2hXyuji9R+reFn8XJ1aPE6KAynRvjreKNKqHb1OL4S4D/FyhIegziAd/FcOrR4fSAUsLfNdsvMFd8YP+LRGIMql/wH8C1ebXJtI45iSZFJlQW8iOGc64MYKTKpsoCXInK2FiUUraZF6scm4ZbDrvp3v+M7+QtezJ+9937g8rQGX7h3Cm2MCXyMh1t4vJfTNotDnYAfwT8RnWcxig13eSzFlwXtZvFMavj9deNY+Cz+NTe/DwjbjJqwV2rl91Fq+I2YKQGfxTjer0PX8BPWYjNO4Ga90DPYlhp+sTAUysI3xjTeEtaBedMrieBr2JkSLHYd2J6wzycSekUX8GzCPp9P6BVdwOqEffYl9IouIPYIGaP7Xf3vUGwBlxP2+UdCr+gCfkjY58mEXtF6Wpop9IbIg0on9E0EYFF8khqqnSdnv+B14RhYVmuFLcNFYQ+UaR124wXhDo0JT/6Sa0h7O9EsxvB9w+dRvCbMSIea5I9jSycKgKfwVxvwx7Gq3nZImBCyaxM57aaEO9MRLcU7uNSi8xmcEg7szTZtwzidA5/F4SKQFDvCgXr04j/8LbzwmCxotwNHCnKu4rG8hBSr4m/1aFcxZ+LlRQlVPpW4EJFT5oeZNy0STl95/4F9ldFFar0wxTaD/9oCeVnYj89wBddwDnssEPiuuqpatwGnv07mnK1DFgAAAABJRU5ErkJggg==');background-color:#178a35}.common-participant-control .cell.workspacebutton-main .workspacebutton-wrapper .workspacebutton{background-color:#333;-webkit-mask-image:url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+Cjx0aXRsZT48L3RpdGxlPgo8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiPgo8L2c+CjxwYXRoIGZpbGw9IiM2NTY1NjUiIGQ9Ik0yMzQuNjI0IDgxNy40NTF2LTIyOS41MDRoNjEuNTg5di0zNDAuNTg3aDQxOS44MTl2MzQwLjU4N2g4MC40Njl2MjI5LjUwNHpNMjc1LjcxMiA3NzQuMjkzaDQ3OS41NzN2LTE0My4yMTFoLTk4LjU4MWwtMzQuMjgzIDUwLjM2OGgtMjEzLjE0MWwtMzQuMzA0LTUwLjM2OGgtOTkuMjY0ek0zMzcuMzg3IDU4Ny45NjhoNTguMTk3bDM0LjI4MyA1MC4zNjhoMTcxLjI2NGwzNC4yODMtNTAuMzY4aDM4LjI1MXYtMzAzLjM4MWgtMzM2LjI3N3pNNzczLjI5MSA1NTMuMjU5aC0zNC4yODN2LTMyOC4zNDFoLTQxMi42NTF2LTMyLjg3NWg0NDcuMTA0djM2MS4yNTl6TTM3NS44OTMgNDg5Ljc0OWMwLTAuMDIwIDAtMC4wNDMgMC0wLjA2NiAwLTQuMTU4IDMuMzIzLTcuNTQgNy40NTgtNy42MzVoMC4wMDljNC4wODYgMC4wOTQgNy4zNjIgMy40MjkgNy4zNjIgNy41MjkgMCAwLjA2MS0wLjAwMSAwLjEyMS0wLjAwMiAwLjE4MnYtMC4wMDljMC4zNTEgNy4yNiA2LjMyMyAxMy4wMTMgMTMuNjM4IDEzLjAxMyA3LjU0MSAwIDEzLjY1My02LjExMyAxMy42NTMtMTMuNjUzcy02LjExMy0xMy42NTMtMTMuNjUzLTEzLjY1M2MtMC4wMTcgMC0wLjAzNCAwLTAuMDUyIDBoMC4wMDNjLTQuMDg0LTAuMDgyLTcuMzYyLTMuNDEyLTcuMzYyLTcuNTA4IDAtMC4wNjggMC4wMDEtMC4xMzYgMC4wMDMtMC4yMDN2MC4wMTBjLTAuMDAyLTAuMDU5LTAuMDAzLTAuMTI4LTAuMDAzLTAuMTk3IDAtNC4xMjEgMy4yNjQtNy40OCA3LjM0OS03LjYzMmgwLjAxNGMwLjQzMy0wLjAyMiAwLjk0LTAuMDM1IDEuNDUxLTAuMDM1IDE2LjQ5NSAwIDI5Ljg2NyAxMy4zNzIgMjkuODY3IDI5Ljg2N3MtMTMuMzcyIDI5Ljg2Ny0yOS44NjcgMjkuODY3Yy0xNi40ODMgMC0yOS44NDctMTMuMzUyLTI5Ljg2Ny0yOS44M3YtMC4wMDJ6TTQ4Ny40ODggNDk3LjU3OWMtMy4wNzIgMC01LjQxOS0zLjQxMy01LjQxOS03LjcwMXMyLjM2OC03LjgyOSA1LjQxOS03LjgyOWgxMjYuNjc3YzIuOTQ0IDAgNS40MTkgMy40NTYgNS40MTkgNy44MjlzLTIuNDc1IDcuNzAxLTUuNDE5IDcuNzAxek0zNzUuODkzIDM2MS4yOGMwLjc0OS0xNS4xNDIgMTMuMjA4LTI3LjEzNiAyOC40NjktMjcuMTM2IDE1Ljc0MSAwIDI4LjUwMSAxMi43NiAyOC41MDEgMjguNTAxcy0xMi43NiAyOC41MDEtMjguNTAxIDI4LjUwMWMtMC4wMTkgMC0wLjAzNyAwLTAuMDU2IDBoMC4wMDNjLTE1Ljc4Ny0wLjQ4My0yOC40MDEtMTMuMzk3LTI4LjQwMS0yOS4yNTYgMC0wLjIwNyAwLjAwMi0wLjQxNCAwLjAwNi0wLjYybC0wLjAwMSAwLjAzMXpNMzkwLjcyIDM2MS4yOGMwLjM1MSA3LjI2IDYuMzIzIDEzLjAxMyAxMy42MzggMTMuMDEzIDcuNTQxIDAgMTMuNjUzLTYuMTEzIDEzLjY1My0xMy42NTNzLTYuMTEzLTEzLjY1My0xMy42NTMtMTMuNjUzYy0wLjAxNyAwLTAuMDM0IDAtMC4wNTIgMGgwLjAwM2MtNy41NDUgMC4yMzUtMTMuNTcyIDYuNDA4LTEzLjU3MiAxMy45ODggMCAwLjExNSAwLjAwMSAwLjIyOSAwLjAwNCAwLjM0M3YtMC4wMTd6TTQ4Ny41MDkgMzcwLjQ5NmMtMy4wNzIgMC01LjQxOS0zLjU0MS01LjQxOS03LjgyOXMyLjM2OC03LjcwMSA1LjQxOS03LjcwMWgxMjYuNjc3YzIuOTQ0IDAgNS40MTkgMy40NTYgNS40MTkgNy43MDFzLTIuNDc1IDcuODI5LTUuNDE5IDcuODI5eiI+PC9wYXRoPgo8L3N2Zz4K);left:0!important;top:3px!important;-webkit-mask-size:35px 30px;width:36px!important;height:36px!important;-webkit-mask-repeat:no-repeat}.common-participant-control .cell.supportbutton-main .supportbutton-wrapper .supportbutton{left:0!important;top:0!important;background-color:#ec7616;-webkit-mask-image:url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+Cjx0aXRsZT48L3RpdGxlPgo8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiPgo8L2c+CjxwYXRoIGZpbGw9IiNlZTc1MzIiIGQ9Ik01MDEuMzU1IDg3NC43MDljLTAuNTU5IDAuMDAzLTEuMjIgMC4wMDUtMS44ODIgMC4wMDUtMTAxLjk1NSAwLTE5NC40NC00MC41NDctMjYyLjIwOC0xMDYuMzk2bDAuMDkwIDAuMDg3Yy02Ny40MzctNjQuODE2LTEwOS4zMzMtMTU1Ljc3OC0xMDkuMzMzLTI1Ni41MjUgMC0wLjA0OCAwLTAuMDk2IDAtMC4xNDN2MC4wMDctMjAuNzM2YzAtMC4wNDAgMC0wLjA4OCAwLTAuMTM2IDAtMTAwLjc0NyA0MS44OTYtMTkxLjcwOSAxMDkuMjE2LTI1Ni40MTNsMC4xMTctMC4xMTJjNjguMzU3LTY1Ljc5MiAxNjEuNDQxLTEwNi4zMTcgMjYzLjk4OS0xMDYuMzE3czE5NS42MzMgNDAuNTI1IDI2NC4xMTEgMTA2LjQzM2wtMC4xMjItMC4xMTdjNjcuNDUgNjQuODE4IDEwOS4zNTUgMTU1Ljc4OCAxMDkuMzU1IDI1Ni41NDYgMCAwLjA0MSAwIDAuMDgxIDAgMC4xMjJ2LTAuMDA2IDIwLjczNmMwIDAuMDM0IDAgMC4wNzUgMCAwLjExNSAwIDEwMC43NTctNDEuOTA1IDE5MS43MjctMTA5LjIzNiAyNTYuNDMzbC0wLjExOCAwLjExM2MtNjcuNjg1IDY1Ljc2Mi0xNjAuMTc1IDEwNi4zMDktMjYyLjEzNiAxMDYuMzA5LTAuNjQ4IDAtMS4yOTYtMC4wMDItMS45NDMtMC4wMDVoMC4xek01MTYuNDM3IDY0Ny4yNzVjLTE4LjY4NSAwLjA0OS0zMy44MTMgMTUuMjA3LTMzLjgxMyAzMy44OTkgMCAxOC43MjIgMTUuMTc3IDMzLjg5OSAzMy44OTkgMzMuODk5czMzLjg5OS0xNS4xNzcgMzMuODk5LTMzLjg5OXYwYy0wLjAyNC0xOC43MjctMTUuMjExLTMzLjg5OS0zMy45NDEtMzMuODk5LTAuMDE1IDAtMC4wMzAgMC0wLjA0NSAwaDAuMDAyek01MTYuNTY1IDM3Ni4wODVjNS4zIDAuMDEzIDEwLjQ1MSAwLjYyNyAxNS4zOTUgMS43NzZsLTAuNDYyLTAuMDkwYzkuOTA2IDIuMjg1IDE4LjU4MyA2LjUzOSAyNS45NzUgMTIuMzUybC0wLjE0MS0wLjEwN2MxNi41OTYgMTIuNjk4IDI3LjE5MiAzMi41MTMgMjcuMTkyIDU0LjgwMyAwIDEuMjk5LTAuMDM2IDIuNTg5LTAuMTA3IDMuODcxbDAuMDA4LTAuMTc4YzAgMC45Ni0wLjE0OSAxLjg3Ny0wLjI3NyAyLjc3MyAwIDAuMTkyIDAgMC40MDUgMCAwLjU5Ny0wLjA2MSAwLjI4NS0wLjA5OSAwLjYxNi0wLjEwNyAwLjk1NHYwLjAwNmwtMC4yMTMgMS4zNjVjLTAuMTI4IDAuNzQ3LTAuMjc3IDEuNDUxLTAuNDI3IDIuMTMzbC0wLjEwNyAwLjUzM3YwLjM2M2MtMC4xNzEgMC43NDctMC4zMiAxLjM4Ny0wLjU5NyAyLjI2MXMtMC41NzYgMi4wMjctMC45MTcgMi45ODdsLTAuMzYzIDEuMDQ1LTAuMjc3IDAuNzY4Yy0wLjQ5MSAxLjE5NS0wLjkzOSAyLjEzMy0xLjM4NyAzLjE3OS0wLjE0OSAwLjM2My0wLjI3NyAwLjU5Ny0wLjQ0OCAwLjkzOWwtMC4zNjMgMC43NDdjLTAuMTkyIDAuMzg0LTAuMzg0IDAuNzQ3LTAuNTk3IDEuMTA5cy0wLjQyNyAwLjc0Ny0wLjYxOSAxLjE1MmMtMC40NDYgMC45LTAuODc4IDEuNjQ3LTEuMzUyIDIuMzY1bDAuMDUxLTAuMDgyYy0wLjM4NCAwLjYxOS0wLjc2OCAxLjIzNy0xLjE3MyAxLjgxM2wtMS4xNzMgMS42MjFjLTAuMzU0IDAuNTUzLTAuNjk4IDEuMDI2LTEuMDY3IDEuNDc4bDAuMDIyLTAuMDI4Yy0wLjQ0OCAwLjUxMi0wLjg5NiAxLjA2Ny0xLjM0NCAxLjY0M3MtMC44OTYgMS4xMDktMS4zNDQgMS42NDNsLTEuMTUyIDEuMzIzLTAuNTU1IDAuNjE5Yy0wLjQ5MSAwLjU1NS0xLjA4OCAxLjE5NS0xLjgxMyAxLjg3N2wtMC40NjkgMC40OTFjLTAuNDkxIDAuNTEyLTAuOTgxIDAuOTYtMS40OTMgMS40NTFzLTEuMTMxIDEuMDY3LTEuODEzIDEuNzQ5Yy0xLjE5NSAxLjIxNi0yLjM4OSAyLjEzMy0zLjY2OSAzLjMwN2wtMC4zNDEgMC4yOTljLTAuNTU1IDAuNDkxLTEuMzAxIDEuMTMxLTIuMTMzIDEuNzQ5bC0yLjEzMyAxLjc3MS0wLjg3NSAwLjY4M2MtMS42NDMgMS40MDgtMy4zNzEgMi43NTItNS4wNTYgNC4wNTNsLTAuNjQgMC40OTFjLTEuNDA4IDEuMTMxLTIuODM3IDIuMTMzLTQuMDMyIDMuMDkzbC0wLjUxMiAwLjQwNS00LjU0NCAzLjU0MS0zLjcxMiAyLjkwMS0yLjI4MyAxLjc0OS0yLjI2MSAxLjgxMy0yLjI4MyAxLjc5Mi0yLjI2MSAxLjg1NmMtMS4zMjMgMS4xMDktMi43NzMgMi4zNjgtNC4zOTUgMy44NGwtMi4yODMgMS45ODRjLTIuMzQ3IDIuMTMzLTQuNjkzIDQuNTAxLTcuMTY4IDcuMTY4bC0xLjE3MyAxLjI4Yy0yLjAyNyAyLjEzMy0zLjk2OCA0LjUyMy01Ljk1MiA3LjA4My0wLjY2MSAwLjg1My0xLjI4IDEuNzA3LTEuOTIgMi42MDMtMS4zMjMgMS44MTMtMi40NTMgMy40NTYtMy40MzUgNS4wMzUtMC4yNTYgMC40MDUtMC41MzMgMC44NzUtMC44MTEgMS4zMjNzLTAuNjE5IDEuMDQ1LTAuODc1IDEuNDA4Yy0wLjQ0MSAwLjYzLTAuOTAxIDEuMzY5LTEuMzIxIDIuMTMybC0wLjA2NSAwLjEyOS0wLjMyIDAuNTc2Yy0wLjM2MyAwLjY0LTAuNzA0IDEuMzAxLTEuMDQ1IDEuOTYzLTAuNjgzIDEuMjgtMS4zNjUgMi42ODgtMi4xMzMgNC4yNjctMC4xNzEgMC4zNjMtMC4yOTkgMC42NjEtMC40NjkgMS4wNDVsLTAuMjEzIDAuNDkxYy0wLjI5OSAwLjY2MS0wLjU5NyAxLjM0NC0wLjg3NSAyLjEzMy0wLjExOCAwLjIzNC0wLjIzMyAwLjUxNi0wLjMyOSAwLjgwOGwtMC4wMTMgMC4wNDVjLTAuMzE4IDAuNjctMC42NjUgMS41My0wLjk2NyAyLjQxMWwtMC4wNTcgMC4xOTFjLTAuMTExIDAuMjI4LTAuMjIgMC41MDQtMC4zMDggMC43ODhsLTAuMDEyIDAuMDQ0Yy0wLjM0MSAwLjg1My0wLjY0IDEuNzA3LTAuODk2IDIuNTYtMC4xIDAuMjIyLTAuMjAyIDAuNDk5LTAuMjg2IDAuNzgybC0wLjAxMyAwLjA1MGMtMC4zNjMgMS4wNDUtMC42NCAxLjk0MS0wLjg3NSAyLjc1Mi0wLjEyOCAwLjMzNC0wLjI1MyAwLjc0Ny0wLjM1IDEuMTcybC0wLjAxMyAwLjA2NmMtMC4yNzcgMC44NTMtMC41MTIgMS42NjQtMC42ODMgMi40OTZ2MC4yMzVjLTAuMDkyIDAuMjA2LTAuMTUzIDAuNDQ2LTAuMTcgMC42OTd2MC4wMDdjLTAuMjc3IDAuOTYtMC41MTIgMS44NzctMC42ODMgMi43OTV2MC4zNDFjLTAuMDk0IDAuMjc4LTAuMTU1IDAuNTk4LTAuMTcgMC45MzF2MC4wMDhjLTAuMjc3IDEuMTMxLTAuNDkxIDIuMjQtMC42ODMgMy4yODV2MC40NDhjLTAuMTkyIDEuMDAzLTAuMzg0IDIuMTMzLTAuNTc2IDMuMzQ5LTAuMTEzIDAuMjM2LTAuMTc5IDAuNTEyLTAuMTc5IDAuODA1IDAgMC4wNjIgMC4wMDMgMC4xMjQgMC4wMDkgMC4xODRsLTAuMDAxLTAuMDA4YzAgMC4yNzcgMCAwLjU1NS0wLjE0OSAwLjg1My0wLjEzMSAwLjU5NC0wLjIxNiAxLjI4NC0wLjIzNCAxLjk5MXYwLjM5OWMtMC4wOTMgMC40NTktMC4xNTQgMC45OTUtMC4xNyAxLjU0M3YwLjAxNGMtMC4wNTcgMC4zMTgtMC4xMDIgMC43MDYtMC4xMjcgMS4xMDFsLTAuMDAxIDAuMDMwdjAuNTMzYy0wLjEyNyAwLjc4NC0wLjIxMiAxLjcwNS0wLjIzNCAyLjY0MnYwLjAyNWMtMC4wMDkgMC4wNzAtMC4wMTUgMC4xNTItMC4wMTUgMC4yMzVzMC4wMDUgMC4xNjQgMC4wMTYgMC4yNDRsLTAuMDAxLTAuMDA5Yy0wLjAyMyAwLjI4MS0wLjAzNiAwLjYwOC0wLjAzNiAwLjkzOSAwIDYuODQzIDUuNTQ1IDEyLjM5MSAxMi4zODcgMTIuMzk1aDQzLjIyMmM2LjIzOC0wLjAwMiAxMS40MDEtNC42MDUgMTIuMjgtMTAuNTk5bDAuMDA4LTAuMDY3YzAuMDk4LTAuMjU5IDAuMTU1LTAuNTU4IDAuMTU1LTAuODcxIDAtMC4wNjEtMC4wMDItMC4xMjItMC4wMDctMC4xODN2MC4wMDhjMC0wLjI1NiAwLTAuNDkxIDAuMTQ5LTAuNzQ3IDAuMTAyLTAuMzg0IDAuMTcxLTAuODI5IDAuMTkyLTEuMjg4di0wLjAxNGMwLjE3MS0xLjA0NSAwLjM2My0xLjg5OSAwLjU5Ny0yLjkwMWwwLjIzNS0xLjA4OGMwLjQwNy0xLjg2MiAwLjgzMy0zLjM4NCAxLjMzMy00Ljg3MmwtMC4wOTUgMC4zMjh2LTAuMjU2YzAuMjc3LTEuMDAzIDAuNjE5LTEuOTg0IDAuOTYtMi45NDR2LTAuMjU2YzAuNTc2LTEuNiAxLjI1OS0zLjI4NSAyLjEzMy00Ljk3MSAwLjM4NC0wLjg5NiAwLjc4OS0xLjc0OSAxLjE3My0yLjUzOXYtMC4xMjhsMC40MjctMC44MTEgMC40NjktMC45MTcgMC4zNjMtMC42NGMwLjE5Mi0wLjM0MSAwLjM4NC0wLjY2MSAwLjU5Ny0xLjA4OHMwLjM0MS0wLjYxOSAwLjUzMy0wLjkxNyAwLjQyNy0wLjcwNCAwLjY2MS0xLjE1MiAwLjg5Ni0xLjUzNiAxLjI1OS0yLjEzM3YtMC4xNDlsMS4xMDktMS43MDcgMC40OTEtMC43MjUgMC42NjEtMC45ODFjMC40MDUtMC42MTkgMC44MTEtMS4xNzMgMS4xOTUtMS42NjR2LTAuMTI4YzAuNzA0LTAuOTYgMS41NzktMi4xMzMgMi4xMzMtMi44NTlsMC43MDQtMC44NTMgMS4xOTUtMS40MjkgMS45NDEtMi4yNjFjMS40MjktMS42MjEgMi43NzMtMy4xMTUgNC4xMTctNC41NDQgMC40MDUtMC40NjkgMC44NTMtMC44OTYgMS4yOC0xLjM0NGwxLjEzMS0xLjE3MyA0LjI2Ny00LjI2N2MwLjc4OS0wLjY2MSAxLjUxNS0xLjM2NSAyLjEzMy0yLjEzM2wxLjM0NC0xLjMwMWM0LjI2Ny0zLjg2MSA4LjUzMy03Ljc0NCAxMi45MjgtMTEuNDc3IDkuMjI0LTcuNzkyIDE3LjU3MS0xNS42MDUgMjUuNTA3LTIzLjgxOGwwLjA5My0wLjA5N2MxLjEwOS0xLjE5NSAyLjEzMy0yLjQ3NSAzLjQ1Ni0zLjkwNCAwLjg3NS0xLjAwMyAxLjgxMy0yLjEzMyAyLjM4OS0yLjg1OXMxLjMyMy0xLjYyMSAxLjk2My0yLjQ3NWMxLjYyMS0yLjEzMyAyLjk4Ny0zLjk4OSA0LjI2Ny01LjgwM2wwLjcyNS0xLjA4OCAwLjU1NS0wLjg1MyAwLjU3Ni0wLjkxNyAwLjI5OS0wLjk2YzAuNDI3LTAuNzA0IDAuODUzLTEuMzg3IDEuMjM3LTIuMTMzbDEuMTMxLTIuMTMzYzAuMzYzLTAuNjYxIDAuNzI1LTEuMzQ0IDEuMDQ1LTIuMDA1bDAuNDY5LTAuOTZjMC40MjctMC44NzUgMC44MzItMS43MDcgMS4yMTYtMi42MDMgMC4xOTItMC4zODQgMC4zODQtMC44MzIgMC41NTUtMS4yMzdsMC4yNzctMC42NGMwLjIzNS0wLjQ5MSAwLjQ0OC0xLjAyNCAwLjY0LTEuNTU3bDAuNDI3LTEuMDI0YzAuMjk5LTAuNzA0IDAuNTk3LTEuNDcyIDAuODc1LTIuMjYxIDAuMDA5LTAuMDcwIDAuMDE1LTAuMTUyIDAuMDE1LTAuMjM1cy0wLjAwNS0wLjE2NC0wLjAxNi0wLjI0NGwwLjAwMSAwLjAwOWMwLjE5Mi0wLjUzMyAwLjM2My0xLjA0NSAwLjUzMy0xLjU3OWwwLjMyLTAuOTgxYzAuMTkyLTAuNTU1IDAuMzg0LTEuMjE2IDAuNTMzLTEuNzkybDAuMjM1LTAuNzg5YzAuMTA3LTAuMzYzIDAuMjEzLTAuNzY4IDAuMzItMS4xNzNzMC4xNDktMC41OTcgMC4yMTMtMC44MTFsMC4yMTMtMC43ODkgMC4xNzEtMC42ODNjMC4xMjgtMC41MTIgMC4yMzUtMS4xMzEgMC4zNjMtMS42ODVzMC4xNzEtMC44OTYgMC4yNTYtMS4yMzcgMC4yMTMtMS4wNjcgMC4yOTktMS41NzlsMC4xMjgtMC42ODN2LTAuNDkxYzAuMTEzLTAuNDE1IDAuMTktMC44OTcgMC4yMTMtMS4zOTNsMC4wMDEtMC4wMTVjMC0wLjU3NiAwLjE3MS0xLjE5NSAwLjIzNS0xLjc5MnMwLTAuODExIDAuMTQ5LTEuMTUydi0wLjIxM2MwLjExNC0wLjYyNiAwLjE5LTEuMzYyIDAuMjEzLTIuMTExbDAuMDAxLTAuMDIzYzAuMjgxLTIuOTcgMC40NDEtNi40MjIgMC40NDEtOS45MTIgMC01LjY3OC0wLjQyNC0xMS4yNTctMS4yNDItMTYuNzA3bDAuMDc2IDAuNjE0Yy04LjYwOS02Ny4xNjYtNjUuNDIyLTExOC41NDktMTM0LjIzNy0xMTguNTQ5LTAuMDIwIDAtMC4wNDAgMC0wLjA2MCAwaDAuMDAzYy0wLjEzNiAwLTAuMjk4LTAuMDAxLTAuNDU5LTAuMDAxLTYwLjY0NCAwLTExMS45NDYgMzkuOTk0LTEyOC45NzIgOTUuMDQ1bC0wLjI1NSAwLjk1NmMtMC44MDcgMi42MjUtMS4yNzEgNS42NDItMS4yNzEgOC43NjggMCAxNy4wMzggMTMuODA0IDMwLjg1MiAzMC44MzggMzAuODY5aDcuMDYzYzEzLjMzOS0wLjE2OSAyNC41OS04LjkxNiAyOC41MDUtMjAuOTY5bDAuMDYwLTAuMjE1YzkuMjY4LTI3LjI2MyAzNC42NDEtNDYuNTI4IDY0LjUxMy00Ni41MjggMC4wNTIgMCAwLjEwNCAwIDAuMTU2IDBoLTAuMDA4eiI+PC9wYXRoPgo8L3N2Zz4K);-webkit-mask-size:36px 36px;width:36px!important;height:36px!important;-webkit-mask-repeat:no-repeat}#gantter_main .common-participant-control .cell.supportbutton-main .supportbutton-wrapper .supportbutton{left:0!important;top:0!important;background:url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwNDgiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwNDggMTAyNCI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZmlsbD0iI2VlNzUzMiIgZD0iTTUxOC44MDYgMGMwLjAwNiAwIDAuMDEzIDAgMC4wMjEgMCAyNTIuMzA3IDAgNDU2Ljg0MiAyMDQuNTM1IDQ1Ni44NDIgNDU2Ljg0MnYwIDI2LjEwOGMwIDI1Mi4zMTItMjA0LjU0IDQ1Ni44NTItNDU2Ljg1MiA0NTYuODUycy00NTYuODUyLTIwNC41NC00NTYuODUyLTQ1Ni44NTJ2MC0yNi4xMDhjMC0yNTIuMzA3IDIwNC41MzUtNDU2Ljg0MiA0NTYuODQyLTQ1Ni44NDJ2MHoiPjwvcGF0aD4KPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIzMC4zNDIgNDY1Ljk3MXYtNy45OTNjMy41MzUtMzUuNDk0IDMwLjg5Ni02My42NDUgNjUuNy02OC4zNjVsMC4zOTUtMC4wNDRjMTMuNTIxLTExNS4xNyAxMTAuNTQ1LTIwMy42ODEgMjI4LjI0MS0yMDMuNjgxIDExNy45ODEgMCAyMTUuMTkgODguOTQxIDIyOC4yMzQgMjAzLjQzMWwwLjA5OCAxLjA1NmMzNS4zMyA0LjQ5MyA2Mi44MzcgMzIuNzkyIDY2LjA3MyA2OC4xMTNsMC4wMjIgMC4yOTZ2Ny45NTJjMjUuMjE4IDYuMTgzIDQzLjYzNCAyOC41OTIgNDMuNjM0IDU1LjMwMiAwIDAuNDAzLTAuMDA0IDAuODA2LTAuMDEzIDEuMjA3bDAuMDAxLTAuMDYwYzAuMDE2IDAuNDk3IDAuMDI1IDEuMDgxIDAuMDI1IDEuNjY4IDAgMjYuNTg4LTE4LjQ2MyA0OC44NjMtNDMuMjY3IDU0LjcwNmwtMC4zODEgMC4wNzZ2Ny45NTJjMCAzOC45NzUtMzkuNzgxIDcwLjgwNC04OS4xMDUgNzAuODA0aC0xOC4zdi0zLjE2Yy0yOS4wODggNDcuOTc5LTc0LjM0MiA4My42NzYtMTI4LjA1OCA5OS44MjZsLTEuNTkyIDAuNDExdjMuOTg2Yy0wLjA1OCA5LjIwNS03LjUwNSAxNi42NTItMTYuNzA0IDE2LjcxaC04MC4zNTNjLTkuMjA1LTAuMDU4LTE2LjY1Mi03LjUwNS0xNi43MS0xNi43MDR2LTIuNDAyYy04LjM1IDAtMTUuMTE5LTYuNzY5LTE1LjExOS0xNS4xMTl2MGMtMC4wMDMtMC4xMTItMC4wMDUtMC4yNDUtMC4wMDUtMC4zNzcgMC03LjcyMyA2LjI2MS0xMy45ODMgMTMuOTgzLTEzLjk4MyAwLjQwMiAwIDAuNzk5IDAuMDE3IDEuMTkyIDAuMDUwbC0wLjA1MS0wLjAwM3YtMi4zOTZjMC4wNTgtOS4yMDUgNy41MDUtMTYuNjUyIDE2LjcwNC0xNi43MWg3OS41NjhjMC4xMzgtMC4wMDQgMC4zMDEtMC4wMDcgMC40NjQtMC4wMDcgNy44ODMgMCAxNC4zOTcgNS44NTYgMTUuNDMxIDEzLjQ1NWwwLjAwOSAwLjA4MWM3My4wNjQtMjUuODc1IDEyNS40MTctOTIuMTk0IDEzMC40MDYtMTcxLjM2OGwwLjAyOC0wLjU2MnYtMTM4LjM4N2MtMC4wMzMtMTAzLjIyMy04My43MTktMTg2Ljg4OS0xODYuOTQ2LTE4Ni44ODktMTAzLjI0NyAwLTE4Ni45NDYgODMuNjk5LTE4Ni45NDYgMTg2Ljk0NiAwIDEuMzgyIDAuMDE1IDIuNzYgMC4wNDUgNC4xMzRsLTAuMDA0LTAuMjA1djI0Mi42NTJoLTE4LjNjLTQ4LjUxOCAwLTg5LjEwNS0zMS44MjktODkuMTA1LTcwLjgwNHYtNy45NTJjLTI1LjIxOC02LjE4My00My42MzQtMjguNTkyLTQzLjYzNC01NS4zMDIgMC0wLjQwMyAwLjAwNC0wLjgwNiAwLjAxMy0xLjIwN2wtMC4wMDEgMC4wNjBjLTAuMDAxLTAuMDk0LTAuMDAxLTAuMjA2LTAuMDAxLTAuMzE4IDAtMjcuMzM1IDE4LjcxLTUwLjMgNDQuMDIzLTU2Ljc4N2wwLjQwNi0wLjA4OHoiPjwvcGF0aD4KPC9zdmc+Cg==);-webkit-mask-image:url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwNDgiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwNDggMTAyNCI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZmlsbD0iI2VlNzUzMiIgZD0iTTUxOC44MDYgMGMwLjAwNiAwIDAuMDEzIDAgMC4wMjEgMCAyNTIuMzA3IDAgNDU2Ljg0MiAyMDQuNTM1IDQ1Ni44NDIgNDU2Ljg0MnYwIDI2LjEwOGMwIDI1Mi4zMTItMjA0LjU0IDQ1Ni44NTItNDU2Ljg1MiA0NTYuODUycy00NTYuODUyLTIwNC41NC00NTYuODUyLTQ1Ni44NTJ2MC0yNi4xMDhjMC0yNTIuMzA3IDIwNC41MzUtNDU2Ljg0MiA0NTYuODQyLTQ1Ni44NDJ2MHoiPjwvcGF0aD4KPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIzMC4zNDIgNDY1Ljk3MXYtNy45OTNjMy41MzUtMzUuNDk0IDMwLjg5Ni02My42NDUgNjUuNy02OC4zNjVsMC4zOTUtMC4wNDRjMTMuNTIxLTExNS4xNyAxMTAuNTQ1LTIwMy42ODEgMjI4LjI0MS0yMDMuNjgxIDExNy45ODEgMCAyMTUuMTkgODguOTQxIDIyOC4yMzQgMjAzLjQzMWwwLjA5OCAxLjA1NmMzNS4zMyA0LjQ5MyA2Mi44MzcgMzIuNzkyIDY2LjA3MyA2OC4xMTNsMC4wMjIgMC4yOTZ2Ny45NTJjMjUuMjE4IDYuMTgzIDQzLjYzNCAyOC41OTIgNDMuNjM0IDU1LjMwMiAwIDAuNDAzLTAuMDA0IDAuODA2LTAuMDEzIDEuMjA3bDAuMDAxLTAuMDYwYzAuMDE2IDAuNDk3IDAuMDI1IDEuMDgxIDAuMDI1IDEuNjY4IDAgMjYuNTg4LTE4LjQ2MyA0OC44NjMtNDMuMjY3IDU0LjcwNmwtMC4zODEgMC4wNzZ2Ny45NTJjMCAzOC45NzUtMzkuNzgxIDcwLjgwNC04OS4xMDUgNzAuODA0aC0xOC4zdi0zLjE2Yy0yOS4wODggNDcuOTc5LTc0LjM0MiA4My42NzYtMTI4LjA1OCA5OS44MjZsLTEuNTkyIDAuNDExdjMuOTg2Yy0wLjA1OCA5LjIwNS03LjUwNSAxNi42NTItMTYuNzA0IDE2LjcxaC04MC4zNTNjLTkuMjA1LTAuMDU4LTE2LjY1Mi03LjUwNS0xNi43MS0xNi43MDR2LTIuNDAyYy04LjM1IDAtMTUuMTE5LTYuNzY5LTE1LjExOS0xNS4xMTl2MGMtMC4wMDMtMC4xMTItMC4wMDUtMC4yNDUtMC4wMDUtMC4zNzcgMC03LjcyMyA2LjI2MS0xMy45ODMgMTMuOTgzLTEzLjk4MyAwLjQwMiAwIDAuNzk5IDAuMDE3IDEuMTkyIDAuMDUwbC0wLjA1MS0wLjAwM3YtMi4zOTZjMC4wNTgtOS4yMDUgNy41MDUtMTYuNjUyIDE2LjcwNC0xNi43MWg3OS41NjhjMC4xMzgtMC4wMDQgMC4zMDEtMC4wMDcgMC40NjQtMC4wMDcgNy44ODMgMCAxNC4zOTcgNS44NTYgMTUuNDMxIDEzLjQ1NWwwLjAwOSAwLjA4MWM3My4wNjQtMjUuODc1IDEyNS40MTctOTIuMTk0IDEzMC40MDYtMTcxLjM2OGwwLjAyOC0wLjU2MnYtMTM4LjM4N2MtMC4wMzMtMTAzLjIyMy04My43MTktMTg2Ljg4OS0xODYuOTQ2LTE4Ni44ODktMTAzLjI0NyAwLTE4Ni45NDYgODMuNjk5LTE4Ni45NDYgMTg2Ljk0NiAwIDEuMzgyIDAuMDE1IDIuNzYgMC4wNDUgNC4xMzRsLTAuMDA0LTAuMjA1djI0Mi42NTJoLTE4LjNjLTQ4LjUxOCAwLTg5LjEwNS0zMS44MjktODkuMTA1LTcwLjgwNHYtNy45NTJjLTI1LjIxOC02LjE4My00My42MzQtMjguNTkyLTQzLjYzNC01NS4zMDIgMC0wLjQwMyAwLjAwNC0wLjgwNiAwLjAxMy0xLjIwN2wtMC4wMDEgMC4wNjBjLTAuMDAxLTAuMDk0LTAuMDAxLTAuMjA2LTAuMDAxLTAuMzE4IDAtMjcuMzM1IDE4LjcxLTUwLjMgNDQuMDIzLTU2Ljc4N2wwLjQwNi0wLjA4OHoiPjwvcGF0aD4KPC9zdmc+Cg==);-webkit-mask-size:36px 36px;width:36px!important;height:36px!important;-webkit-mask-repeat:no-repeat;background-size:34px;background-position:1px 2px;background-repeat:no-repeat}.common-participant-control .cell.streambutton-main .streambutton-wrapper .streambutton{-webkit-mask-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACpUlEQVRYR8WXjXFTMRCENxUEKiBUQFIBdgUhFZAOgApIKgAqiFNBTAXgCkgqCFQQUwHM90brOQtJ748ZayZjRX+3t7c63TvSgdtRsr+S9DZg+R7695K26f/Y/yXpZwX/iaQXkk4l0eeXv2eSPkj67H0GgMHXM8gAIOBoi3COQXI+a97ka/4XgIfEBiDMUmTRmK4kvZP0fCoDm2QI6jHAby0MJUJh55ukl95nBjiEmNFMG54wHr2aEaVuKxp4krRMDsgA/oSTd5NzrVX2owVESDiKAK49OQEASn+VlE+4SjrYE2SJga9BrS0MNuYrFtXPvto5eH4u6cwMOC42Rsy7ydD6jHkpXrMfL+1p7gRX8c7sw4CVGReaGcbWCXF+kI1ZpM4DfZHDmR8WYg1AFCKUATIaGmqsBgbRdxmxBmAvXfa5lOZLYSIMOJM3xnHifQ3AFyYbhodo4rck3pjSOYzzRiwAAMUfM2PEN6oagzxW/OZqZyvGLD6HqpUhAfUJIdYAxBxBP4Ica6xEpIV/1gLAVbTYuKp4Pzb3swdPMej3A32RDRHiRQvARbqCAzX4zzJAP6b8HydvJV0mQCsA1O75nJSMwVJ+YRzveY4BuAVArRjJhTiWiZK4fcYu0bUAEDPe7anNKTffj4jxvmstAMxDlevBsUAwghPH2ca9HAOAWIzkRubWBugAjRkEYYWZnVMAiMVIDmCuELmGGPM1pI/DgwH4yvTRD92kVvIGfQpPsl2n9DAOIBrrcG4NA1Di+p1DaC7RS7UB3lA/drk81PsWV/6N0QK/jO9+vpBkcZPScPzAYJ3TcSxcXX61QprbuG0BwEMyWaz5+0rxWvKpsbBpAeiLe2n+4AAsxPzu15xphmAKA+xB+dwA2Ch9b6IfQkl+6B6jg7a/zzm8IYg6++8AAAAASUVORK5CYII=');background-color:#424242}.common-participant-control .cell.commentbutton-main .commentbutton-wrapper .commentbutton{-webkit-mask-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABr0lEQVRYR+2W2zEEQRRAz2YgA0SACBABIkAEZIAIEIGVgY0AGZCBEIiAOlXTW72rZ+f26vXDrZqf6cc9fd8j4BK4YPXyDuwDL7mqEfC5et1TDVfdg6c/BLgBzn4Jogig7jFwnEGcdv9acO0Bj91FvQCuPwG7mUb95b+fShhgrVO41WksBs0SNGEA7y5BbALCLCtVACWI5Ipt4DpIcZ/FUDWAOvLakADmY2QRyysgsNIM4AS4C1rgFjhvDZDck17Wx/IG+CVpZoHg479tawbgy+0ZZsqQWHBSDWkG8AAcDGnu1nWB6ds0CGu65sqCUDdEXJCX8GYuCFq/uM1mJ7ipPFNVbcclKRUiL7ASbgyQ6H9dMDN49J2pAagJQpXvRExWA1AzuEyAw9YAKaUi9+ZBqMscSHRhcSaMxkBE8dBdCyei/HApCP8ugDmcd7d5S7jmAJJEn+cDroXITzE28viYRLIgYvojwDRVBFqPHLIo9QE4TETHL3XlE3QNwEcfgJcKEan7Fp30es/pAktuEs2fxv3nOReMFwEErTi4Lc+ocBoO3lqx4R/AmEipZ3+Y6ZJfp96KUOqUMjUAAAAASUVORK5CYII=');background-color:#424242}.common-participant-control .cell.chatbutton-main .chatbutton-wrapper .chatbutton{-webkit-mask-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC3klEQVRYR62WgXETQQxFfyoIroCkAnAFQAVABUAF4ApCKgiuAKgAqCBQAVBBkgpCKkjm7ey/kde3vr3ldsYTZ7ySvr6+pD3S/HMi6bGkv5L+zTfftTiacPBI0ktJzyW9ksT/5fkj6aekr5L4PuvUABDovaQPIehdCHAtCSa49yREBMh5BtQEZAzAU0nfcgCCfsmfWnaAgCHAPstRP2UgkyUqAbyV9Dk72Ur6OLPOACE4rAD4xZR9BEDmvyWRNUC+N3G4fwlGAPGmBYQBYHSVa/ouU94ZfzCjdICAScozegzAlxEQtC91ECstu651CABQM9nf5O9LBccPmriU9CO38Z5vAEDPhaRNrp0NregeQNDuDjALqzFBAoDeJVi84JL0BMcmUo4gmSl0BLF2DgCMsGxJ6Os5ZB5nBhOUuWJ9IXiLUwS9l/Qr16sn4JSNdWAAiPzMJTcAWDid8tT5ewkA0cMQia+iBmIJMCpFiJIxhNI4/8HFIiKJsWORx/lijb0m6PBPmH5MQbZgPKbQoo2/xQ4qQdgXDBukWdkCwCIhC0awTylCKxgRMbbj2VN3/tEzhrdDtMHHLdoz7ZMTq7P+zn5svCfxG4ApAQg9PLlGGwB5s9Y6bAcA/qyF0YHREDBecXA2K8mVbwmXZmAA4zGxzIybrrvPa8G5Y4Cb2HpjExHhtL7zcMqAITsWG+Ku2bqT1vE9kFSZlxOjEgc442BgpZfdAEho9oOVbqL3azqy3pI2ShFGyv0I9TP8UDnIGGDQXxtI2MeHT9KaAXgWcImJhyDjk8y9Dxizwl0oJmBrmayP4ZVUjl8cHaLO5egRJzblXkjbsPXQt25XxvIhqms+hwno7TsHAOgpDW+8KEyL0gMHoAjT4qRklJOPF9pxfgDNYsBZ0W6ovNyItazZA/EuJYaJtJzmMFAGIDNYsTD5S1n4EARmLE5+Q+iAN5idLmjVwRL3AEN5Upf9DwNLgNEDz7K7oep6bZsAAAAASUVORK5CYII=');background-color:#424242}.common-participant-control .cell.collboratortray-wrapper .collboratortray{display:flex!important;align-items:center}.common-participant-control .collaborator-box{border:2px solid #fff;border-radius:50%;position:relative}.common-participant-control .cell.collboratortray-wrapper .collboratortray .collaborator-image{height:35px;width:35px;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}.common-participant-control .cell.collboratortrayself-wrapper .collboratortray-self .collaborator-image{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}.common-participant-control .cell.collboratortrayself-prewrapper:before{content:" | ";color:#dbdbdb}.common-participant-control .cell.collboratortrayself-prewrapper{width:12px;text-align:center;padding:0 10px}.common-participant-control .cell.collboratortray-wrapper .collboratortray .collaborator-image .tooltiptext{top:42px}.common-participant-control .collaborator-box.non-first{margin-left:-8px}.common-participant-control .collaborator-box .text{margin:auto;font-size:1.1875rem}.common-participant-control .collaborator-box .text .tooltiptext{left:0}.common-participant-control .tooltiptext:before{content:"";position:absolute;top:-5px;right:10px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #333}.common-participant-control .collaborator-participant-count{font-size:.875rem;font-weight:bold;background-color:#cccccb;border-radius:50%;height:25px;width:25px;padding:2px;margin-left:-10px;color:#4c93d4;z-index:2;border:2px solid #fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.common-participant-control .participantTooltip{position:relative}.common-participant-control .participantTooltip .tooltiptext{font-size:.875rem;visibility:hidden;white-space:nowrap;background-color:#333;box-shadow:2px 2px 7px #333!important;color:#fff;text-align:center;border-radius:6px;padding:5px 10px;position:absolute;top:36px;right:-5px;z-index:3}.common-participant-control .participantTooltip:hover .tooltiptext{visibility:visible;transition-delay:.6s}.common-participant-control .cell.chatbutton-main .chatbutton-wrapper.newchatmessage,.common-participant-control .cell.commentbutton-main .commentbutton-wrapper.newcommentmessage{animation:chatpulse 1s forwards infinite ease-out;box-shadow:none!important}@keyframes chatpulse{to{box-shadow:0 0 0 2px #4b91ca;background:#e0f3fb}}@-webkit-keyframes chatpulse{to{box-shadow:0 0 0 2px #4b91ca;background:#e0f3fb}}@-moz-keyframes chatpulse{to{box-shadow:0 0 0 2px #4b91ca;background:#e0f3fb}}@-ms-keyframes chatpulse{to{box-shadow:0 0 0 2px #4b91ca;background:#e0f3fb}}

.advPlan-segmentsBody {
  --adplgs-zoomscale: 1;
  --adplgs-zoomscale-reduced: 1;
  --adplgs-zoomscale-limited: 1;
  --adplgs-zoomscale-maxed100: 1;
  --adplgs-zoomscale-maxed160: 1;
  /*--adplgs-zoomval-minmax: 100%;*/
  --adplgs-tagfont-maxed100-size: 1em;
  /*--adplgs-tagfont-name-size: 1.5em;*/
  --adplgs-tagfont-reduced-size: 1em;
  --adplgs-segheader-font-size: 1em;
  --adplgs-zoom-celwidth: 200px;
  --adplgs-zoom-celheight: 160px;
  --adplgs-tag-exp-width: 420px;
  --adplgs-tag-exp-height: 280px;

  --adplgs-zoom-celpadding: min(6px * var(--adplgs-zoomscale, 1), 6px);

  --adplgs-tag-width: calc(var(--adplgs-zoom-celwidth) - (var(--adplgs-zoom-celpadding) * 2));
  --adplgs-tag-height: calc(var(--adplgs-zoom-celheight) - (var(--adplgs-zoom-celpadding) * 2));


  --adplgs-expand-offsetmin-top: 42px;
  --adplgs-expand-offsetmax-top: 60px;
  --adplgs-expand-offset1cell-left: 118px;
  --adplgs-expand-offset2cell-left: 18px;
  --adplgs-expand-offset3cell-left: 0px;
  --adplgs-expand-offset4cell-left: 0px;
  --adplgs-expand-offset5cell-left: 0px;
  --adplgs-expand-offset6cell-left: 0px;
  --adplgs-expand-offset7cell-left: 0px;
  --adplgs-grid-width: 200px;
  --adplgs-milestone-col-width: 42px;

  --adplgs-sprint-colstart: -10;
  --adplgs-sprint-firstcolcount: 0;
  --adplgs-sprint-secondcolcount: 0;

  --firstSprintStart: calc(var(--adplgs-sprint-colstart) * var(--adplgs-zoom-celwidth) );
  --firstSprintWidth: calc(var(--adplgs-sprint-firstcolcount) * var(--adplgs-zoom-celwidth) );
  --secondSprintStart: calc(var(--adplgs-sprint-firstcolcount) * var(--adplgs-zoom-celwidth) );
  --secondSprintWidth: calc(var(--adplgs-sprint-secondcolcount) * var(--adplgs-zoom-celwidth) );
  --fullSprintWidth: calc((var(--adplgs-sprint-firstcolcount) + var(--adplgs-sprint-secondcolcount)) * var(--adplgs-zoom-celwidth) );

  /*--adplgs-zoom-txtpadding-top: calc(var(--adplgs-zoomscale-maxed100, 1) * .7em);*/
  --adplgs-zoom-txtpadding-right: calc(var(--adplgs-zoomscale-maxed100, 1) * .7em);
  --adplgs-zoom-txtpadding-left: calc(var(--adplgs-zoomscale-maxed100, 1) * .5em);
}

.clipboard {
  --adplgs-zoomscale: 1;
  --adplgs-zoomscale-reduced: 1;
  --adplgs-zoomscale-limited: 1;
  --adplgs-zoomscale-maxed100: 1;
  --adplgs-zoomscale-maxed160: 1;
  /*--adplgs-zoomval-minmax: 100%;*/
  --adplgs-tagfont-maxed100-size: 1em;
  /*--adplgs-tagfont-name-size: 1.5em;*/
  --adplgs-tagfont-reduced-size: 1em;
  --adplgs-segheader-font-size: 1em;
  --adplgs-zoom-celwidth: 200px;
  --adplgs-zoom-celheight: 135px;

  --adplgs-zoom-celpadding: 8px;

  /*--adplgs-zoom-txtpadding-top: .7em;*/
  --adplgs-zoom-txtpadding-right: .7em;
  --adplgs-zoom-txtpadding-left: .5em;
}



.grid-stack-placeholder {
  will-change: transform;
  padding: 8px;
}
.grid-stack-placeholder > .placeholder-content {
  border: 1px dashed lightgray;
  border-radius: 4px; 
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;  
  margin: 0;
  height: 100%;
  width: auto;
  background: #fffa90;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.grid-stack-placeholder.not-allowed > .placeholder-content {
  background: #bbb;
}
.grid-stack-placeholder .placeholder-notallowed-text {
  display: none;
}

.grid-stack-placeholder.not-allowed .placeholder-notallowed-text {
  display: inline;
  margin: 0;
  font-size: var(--adplgs-tagfont-maxed100-size, 1em);
}




.clipboard {
  height: 140px;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  align-content: center;
  justify-content: start;

  flex: 1;
}

.clipboard > .advPlan-taPos {
  width: var(--adplgs-zoom-celwidth,200px);
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: top;
  position: relative;

  margin-top: 2px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 0;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-iQ: none;
  /*will-change: transform;*/
}


.grid-stack-placeholder:hover{
  z-index: 0;
}


.clipboard .grid-stack-placeholder-center-clip {
  position: absolute;
  left: 50%;
  margin-right: calc(0.5 * var(--adplgs-zoom-celwidth));
  z-index: 6;
  opacity: .9;
}




.advPlan-segmentsBodyTopBar {
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-iQ: none;
  /*z-index: 16;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 0;*/
  width: 100%;
  position: relative;
  overflow: hidden;
  /*display: none;*/
}





.advPlan-plnMilestoneHeader,
.advPlan-segmentHeader {
  box-sizing: border-box;
  background: #f5f5f5;
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid transparent;
  color: #4d4d4d;
  text-align: center;
  overflow: hidden;
  flex: 0 0 auto;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-iQ: none;
  font-size: 1.2em;
  height: calc(38px * var(--adplgs-zoomscale-reduced, 1));
}


.advPlan-segmentHeader {
  width: var(--adplgs-zoom-celwidth);
  cursor: pointer;
  content-visibility: auto;
  contain-intrinsic-size: var(--adplgs-zoom-celwidth, 200px) calc(38px* var(--adplgs-zoomscale-reduced, 1));
  contain: strict;
  box-sizing: border-box;
  text-decoration:none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}


.advPlan-segmentHeader::before {
  font-family: 'AdvancePlaning' !important;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  font-size: 1.2em;
  color: #059CDF;
  content: '\e943';
  padding-right: 4px;
  font-size: var(--adplgs-segheader-font-size);
}
.advPlan-segmentHeader.locked::before {
  color: #666666;
  content: '\e93a';
  margin-top: -2px;
}

.advPlan-segmentHeader::after {
    content: attr(data-title-long);
    color: black;
    text-overflow: clip;
    white-space: nowrap;
}  
.advPlan-segmentHeader-short .advPlan-segmentHeader::after {
    content: attr(data-title-short);
}
.advPlan-segmentHeader.advPlan-inSprint::after {
    content: attr(data-title-fdow);
}
.advPlan-segmentHeader-short .advPlan-segmentHeader.advPlan-inSprint::after {
    content: attr(data-title-adow);
}

.advPlan-plnMilestone,
.advPlan-plnMilestoneHeader {
  width: calc(var(--adplgs-zoomscale-maxed160, 1) * var(--adplgs-milestone-col-width));
}


.advPlan-segments {
  overflow: auto;
  overscroll-behavior: contain;
  border-bottom: 1px solid;
  border-color: #ddd;
  border-spacing: 0;
  font-size: 1em;
  background-color: white;
  --adplgs-boardsplit-val: 100%;
}


.advPlanner {
  position: relative;
  box-sizing: border-box;
  line-height: initial;
  height: var(--adplgs-boardsplit-val, 100%);

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  touch-action: pan-x pan-y;
}


/*
.advPlanner,
.advPlan-segments,
.advPlan-segmentsBody {
   touch-action: none; 
}
*/




.advPlan-segmentsMilestoneBarBox {
  overflow: hidden;
  height: 30px;
  box-sizing: border-box;
  background: #fff7d7aa;
  box-shadow: 0px 6px 8px 0px #7a7a7a82;
  width: calc(100% - (var(--adplgs-zoomscale-maxed160, 1) * var(--adplgs-milestone-col-width)));
  border-radius: 6px;
  border: 1px solid #ffe88e;
  border-bottom: 1px dashed #cdd1a7;
  display: none;
}


.advPlan-milestoneBar-on .advPlan-segmentsMilestoneBarBox{
  display: inline-block;
}

.advPlan-hasgroup .advPlan-segmentsMilestoneBarBox{
  background: #fff7d7;
  border-bottom: 1px solid #ffe88e;
}

.advPlan-segmentsMilestoneBarBox-title {
    font-family: 'Roboto-Regular';
    font-size: 10px;
    color: #000;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    padding: 7px 4px 7px 12px;
    margin: 0;
    display: inline-block;
    overflow: hidden;
    background: #fff7d7a2;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.advPlan-milestoneBar-milestoneicon{
  position: absolute;
  top: 5px;
  padding: 0px;
  border: 8px solid #000000a0;
  transform: rotate(45deg);

  text-decoration: none;

  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-iQ: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}



.tooltip-milestonename-icon{
  display: inline-block;
  margin-top: 2px;
  margin-right: 8px;
  padding: 3px;
  background-color: #ffffffa0;
  border: 4px solid white;
  transform: rotate(45deg);


  text-decoration: none;

  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-iQ: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
   
}
.taskname:hover a.tooltip-milestonename-icon.milestone-tip-icon-hot {
    border-radius: 50%;
    padding: 12px 7px;
    border: 1px solid #7c7c7cb0;
    width: 13px;
    height: 1px;
    display: inline-block;
    margin-right: 7px;
    background: #7c7c7c69;
    margin-top: -3px;
    transform: rotate(90deg) !important;
    position: absolute;
}

.taskname:hover .tooltip-milestonename-icon.milestone-tip-icon-hot:before {
    display: inline-block;
    margin-top: -7px;
    margin-right: 0px;
    padding: 3px;
    background-color: #ffffffa0;
    border: 4px solid white;
    transform: rotate(45deg);
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-iQ: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    content: '';
    position: absolute;
    display: flow-root;
}
.taskname:hover .tooltop-text.milestone-tip-text-hot {
    border:1px solid #7c7c7cb0;
    border-radius: 3px;
    color: #ededede6 !important;
    padding: 3px 5px;
}
.taskname a.tooltip-milestonename-icon.milestone-tip-icon-hot {
    border-radius: 50%;
    padding: 12px 7px;
    border: 0px solid #7c7c7cb0;
    width: 13px;
    height: 1px;
    display: inline-block;
    margin-right: 7px;
    background: transparent;
    margin-top: -3px;
    transform: rotate(90deg) !important;
    position: absolute;
}

.taskname .tooltip-milestonename-icon.milestone-tip-icon-hot:before {
    display: inline-block;
    margin-top: -7px;
    margin-right: 0px;
    padding: 3px;
    background-color: #ffffffa0;
    border: 4px solid white;
    transform: rotate(45deg);
    text-decoration: none;
    content: '';
    position: absolute;
    display: flow-root;
}
.taskname .tooltop-text.milestone-tip-text-hot {
    border:0px solid #7c7c7cb0;
    border-radius: 3px;
    padding: 3px 5px;
    margin-left: 31px;
}
.taskname .tooltip-milestonename-icon.advPlan-milestoneBar-rollupmilestoneicon-ontime.milestone-tip-icon-hot:before {
    border-color: #0000ffa0;
    background-color: #0000ffa0;
}
.taskname .tooltip-milestonename-icon.advPlan-milestoneBar-rollupmilestoneicon-under.milestone-tip-icon-hot:before {
    border-color: #00ff00a0;
    background-color: #00ff00a0;
}



.advPlan-milestoneBar-rollupmilestoneicon-ontime {
  border-color: #0000ffa0; /* blue  */
  background-color: #0000ffa0;  
}
.advPlan-segmentsMilestoneBarBox .advPlan-milestoneBar-rollupmilestoneicon-over,
.advPlan-milestoneBar-rollupmilestoneicon-over:before {
  border-color: #ff0000a0 !important; /* red  */
  background-color: #ff0000a0 !important; 
}
.advPlan-segmentsMilestoneBarBox .advPlan-milestoneBar-rollupmilestoneicon-under {
  border-color: #00ff00a0; /* green  */
  background-color: #00ff00a0; 
}

.advPlan-milestoneBar-rollupmilestoneicon-all {
  border-color: #ff0000a0; /* red  */
  /*border-top-color: red;*/
  border-right-color: #0000ffa0; /* blue  */
  border-left-color: #00ff00a0;  /* green  */
  border-bottom-color: #000000a0;
}
.advPlan-milestoneBar-rollupmilestoneicon-overundernormal {
  border-color: #ff0000a0; /* red  */
  border-left-color: #00ff00a0;  /* green  */
  border-bottom-color: #000000a0;
}
.advPlan-milestoneBar-rollupmilestoneicon-overontimenormal{
  border-color: #ff0000a0; /* red  */
  border-right-color: #0000ffa0; /* blue  */
  border-bottom-color: #000000a0;
}
.advPlan-milestoneBar-rollupmilestoneicon-overunder {
  border-color: #ff0000a0; /* red  */
  border-right-color: #00ff00a0;  /* green  */
  border-bottom-color: #00ff00a0; /* green  */
}
.advPlan-milestoneBar-rollupmilestoneicon-overnormal{
  border-color: #ff0000a0; /* red  */
  border-right-color: #000000a0;
  border-bottom-color: #000000a0;
}

.advPlan-milestoneBar-rollupmilestoneicon-underontimenormal {
  border-color: #00ff00a0;  /* green  */
  border-right-color: #0000ffa0; /* blue  */
  border-bottom-color: #000000a0;
}

.advPlan-milestoneBar-rollupmilestoneicon-underontime {
  border-color: #0000ffa0; /* blue  */
  border-right-color: #0000ffa0; /* blue  */
  border-left-color: #00ff00a0;  /* green  */
  border-bottom-color: #00ff00a0;  /* green  */
}

.advPlan-milestoneBar-rollupmilestoneicon-undernormal {
  border-color: #00ff00a0;  /* green  */
  border-right-color: #000000a0;
  border-bottom-color: #000000a0;
}

.advPlan-milestoneBar-rollupmilestoneicon-ontimenormal {
  border-color: #00ff00a0;  /* green  */
  border-right-color: #000000a0;
  border-bottom-color: #000000a0;
}


.advPlan-segmentHeaderBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  flex-flow: row nowrap;
  align-items: stretch;
}


.advPlan-segmentsBody {
  position: relative;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  flex-flow: column nowrap;
  align-items: stretch;

  flex: 0 0 auto;

  width: var(--adplgs-grid-width);

  background-repeat: repeat;
  background-size: calc(var(--adplgs-zoom-celwidth) * 2);
  background-image: linear-gradient( to right, #ffffff, #ffffff 50%, #f3f3f3 0%, #f3f3f3 122%, #fffdc2 0% );

  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-iQ: none;
  /*will-change: transform;*/
  min-height: calc(100vh - 122px); /* same value as:   .advPlan-weatherContainer > div  */

  contain: layout paint style;
}

.advPlan-splitscreen .advPlan-segmentsBody {
  min-height: calc(50vh - 61px); /* same value as:   .advPlan-splitscreen .advPlan-weatherContainer > div  */
}


.advPlan-group{
  position: relative;
  contain: strict;
}



/*
#advPlanning_body_container {
  display: grid;
  grid-template-rows: repeat(auto-fit, minmax(50px, 1fr));
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(50px,1fr);
  grid-auto-flow: row;
  
  display: flex;
  flex-direction: column;
}
*/


.advPlan-segmentsHeader{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 17;

  contain: layout paint style;
}




.advPlan-zoombox {
    position: absolute;
    bottom: 160px;
    right: 30px;
    box-shadow: none;
    background: transparent;
    border: 0;
    z-index: 999;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-iQ: none;
}



.advPlan-bottomTool{
  height: 140px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex: 0 0 auto;

  -webkit-touch-iQ: none;
  -webkit-user-select: none;
  contain: strict;
  background: #ffffff;
}

.advPlan-splitscreen .advPlan-bottomTool {
  z-index: 201;
}


@media not all and (min-resolution:.001dpcm) { 
@media {
  .advPlan-group, .advPlan-bottomTool{
    isolation: isolate; /* needed by IOS Safari webview */
  }
}}


.advPlan-plnMilestone {
  position: absolute;
  background-color: black;
  vertical-align: top;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 17;
  contain: layout size style;
}
.advPlan-plnMilestoneText{
  color: #fedf00;
  writing-mode: vertical-rl;
  position: sticky;
  white-space:nowrap;
  display:block;
  top:0;
  font-size: calc(var(--adplgs-zoomscale-maxed160, 1) * 1em + .22em);
  line-height: 2.4em;
  margin-top: 1em;
}

.advPlanner .spacerHeader{
  width: 100px;
  flex: 0 0 auto;
}

/*
@keyframes up-bump {
  0% { box-shadow: 0px 1px 2px #c2c2c2; top: 0; }
  50% { box-shadow: 0px 1px 8px #222; top: -2px; }
  100% { box-shadow: 0px 1px 2px #c2c2c2; top: 0; }
}
*/




.advPlan-taPos.actpresence{
  outline: 2px dashed #c2c2c2;
  outline-offset: -2px;
  content-visibility: initial;
  contain-intrinsic-size: initial;
  contain: none;
  isolation: isolate;
}


.advPlan-taPos .presenceContainer{
  display: none;
}


.advPlan-taPos.actpresence .presenceContainer{
  position: absolute;
  top: -7px;
  right: -8px;
  
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1;
}

.advPlan-taPos.actpresence .presenceContainer:hover{
  flex-wrap: wrap;
  height: 120% !important;
  z-index: 599;
}

.advPlan-taPos.actpresence .presenceContainer:hover .presence{
  min-height: initial;
}

.advPlan-taPos.actpresence .presence{
  position: relative;
  flex: 0 1 32px;
  min-height: 1px;
}


.advPlan-taPos.actpresence .presence:hover{
  z-index: 1 !important;
}

.advPlan-taPos.actpresence .presenceBox{
  -webkit-background-size: 26px 26px;
  background-size: 26px 26px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #c2c2c2;
  box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.6);
  -o-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.6);
  width: 26px;
  height: 26px;
  background-color: white;
  padding: 0;
  overflow: hidden;
}

.advPlan-taPos.actpresence .presenceIcon {
  -webkit-background-size: 28px 28px;
  background-size: 28px 28px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
  margin: 0;
  overflow: hidden;
  height: 28px;
  width: 28px;
  /*z-index: 0;*/
}

.advPlan-taPos.actpresence .presence .presenceTip{
  position: absolute;
  top: 3em;
  right: -174px;
  width: 200px;
}
.advPlan-taPos.actpresence .presence .presenceTip::before{
  content: attr(data-tooltip);
  font-size: 0.9em;
  display: none;
  padding: 5px 5px;
  color: white;
  background: rgba(0, 0, 0, 0.75);
  text-align: left;
  transition: opacity 0.5s ease-out;
  z-index: 99;
  box-shadow: 2px 2px 7px #333;
  border-radius: 6px;
}
.advPlan-taPos.actpresence .presence:hover .presenceTip::before {
  display: inline-block;
}


.ui-effects-transfer {
  z-index:99999;
  border: 3px dashed #999;
  border-radius: 6px; 
  -moz-border-radius: 6px; 
  -webkit-border-radius: 6px;
  will-change: transform;
}
/*
.advPlanner .ui-state-highlight {
  border: 1px dashed lightgray;
  border-radius: 4px; 
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
*/


.advPlan-taHelper {
  z-index: 6;
  opacity: 0.5;
  will-change: transform;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-iQ: none;
  pointer-events: none;
}

.advPlan-taPos.ui-resizable-resizing {
  z-index: 7;
  opacity: 0.5;
}


.advPlan-tagPartial > .advPlan-tagShapeBody {
  transform: scale(0.4);
}

.advPlan-tagPartial > .advPlan-tagBoxBody,
.advPlan-tagPartial > .ui-resizable-handle {
  display: none;
}


.clipboard .ui-state-highlight { 
  display: inline-block;
}



.clipboard > .ui-sortable-placeholder {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: top;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 12px !important;
  margin-bottom: 0;
  height: 118px !important;
}

/*
.advPlanner p {
  margin: .8em;
}*/

.advanceplanner-tip-content .text {
  margin-top: 8px;
    margin-left: 9px;
    font-size: 15px !important;
    text-align: left;
    font-family: Roboto, Helvetica, sans-serif; 
    font-weight: 500;
    color: #151515;
  font-stretch: extra-expanded;
    font-weight: normal;
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  line-height: 1;
}



.advPlan-segmentsHeaderDateGroup {
  display: none;
}

.advPlan-segmentHeader-short .advPlan-segmentsHeaderDateGroup {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: stretch;
  background: #f5f5f5;
  position: relative;
}
.advPlan-segmentGroupHeaderText {
    position: sticky;
    left: 0;
    background: #f5f5f5;
}



.advPlan-segmentHeaderWeather {
    background-position: calc(100% + 2px);
    background-repeat: no-repeat;
    background-size: calc(22px* var(--adplgs-zoomscale-reduced, 1));
}


.advPlan-segmentHeaderWeather.wcon01 {
  background-image: url(../images/weather/icons/01d.svg);
}
.advPlan-segmentHeaderWeather.wcon02 {
  background-image: url(../images/weather/icons/02d.svg);
}
.advPlan-segmentHeaderWeather.wcon03 {
  background-image: url(../images/weather/icons/03d.svg);
}
.advPlan-segmentHeaderWeather.wcon04 {
  background-image: url(../images/weather/icons/04d.svg);
}
.advPlan-segmentHeaderWeather.wcon09 {
  background-image: url(../images/weather/icons/09d.svg);
}
.advPlan-segmentHeaderWeather.wcon10 {
  background-image: url(../images/weather/icons/10d.svg);
}
.advPlan-segmentHeaderWeather.wcon11 {
  background-image: url(../images/weather/icons/11d.svg);
}
.advPlan-segmentHeaderWeather.wcon13 {
  background-image: url(../images/weather/icons/13d.svg);
}
.advPlan-segmentHeaderWeather.wcon50 {
  background-image: url(../images/weather/icons/50d.svg);
}


.advPlan-segHeaderTopMenuContainer {
  --adplgs-zoom-headerspacer-width: 200px;

  position: absolute;
  width: 0px;
  z-index: 1010; /* above .advPlan-zoombox */
}







.advPlan-columnActions {
  display: none;
  z-index: 100;
  /*text-align: center;*/
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.advPlan-columnActions.expanded{
  display: block;
}


/*
.advPlan-columnActions-dialog {

  margin-left: calc((0.5 * var(--adplgs-zoom-headerspacer-width)) - 125px);
  width: 250px;
  min-height: 50px;
  background: linear-gradient(0deg,#f7f7f7,#fcfcfc);
  overflow: hidden;
  border-radius: 6px;
  border: 2px solid #dbdbdb;
  box-shadow: 0px -1px 8px 0px rgb(211 211 211);

  position: absolute;
  bottom: 8px;
  left: 0;
  padding: 4px;
  box-sizing: border-box;

  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 0;
  justify-items: stretch;
  align-items: stretch;
}
.advPlan-columnActions-limited {
  grid-template-columns: 1fr;
}
.advPlan-left-edge .advPlan-columnActions-dialog {
  margin-left: -6px;
}
.advPlan-right-edge .advPlan-columnActions-dialog {
  margin-left: calc(var(--adplgs-zoom-headerspacer-width) - 240px);
}
*/

.advPlan-columnActions-connector {
  background: #f5f5f5;
  border: 1px solid #dbdbdb;
  border-bottom: none;
  border-top: none;
  box-shadow: 0px 6px 0px 0px rgb(245, 245, 245);
  height: 6px;
  width: min(var(--adplgs-zoom-headerspacer-width), 200px);
  margin-left: calc((0.5 * var(--adplgs-zoom-headerspacer-width)) - (min(var(--adplgs-zoom-headerspacer-width), 200px) * 0.5) );

  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
}




.advPlan-columnMainActionAnchor{
  min-width: 120px;
  border: 0;
  border-radius: 3px;
  display: inline-block;
  height: 30px;
  width: auto;
  outline: 0;
  padding: 0 21px;
  text-decoration: none;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
  cursor: pointer;
  margin: 6px auto;
  line-height: 2.2em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  float: none;
  font-style: normal;
  font-size: 1.1em;
  font-family: 'Roboto-Regular';
}

.advPlan-columnMainActionAnchor:focus,
.advPlan-columnMainActionAnchor:active,
.advPlan-columnMainActionAnchor:hover {
  color: #fff;
}

.advPlan-columnDaySet .advPlan-columnMainActionAnchor:before {
  content: '\e943'; 
  color: #fff;
  font-size: 12px;
  padding-right: 5px;
}

.advPlan-columnLockSet .advPlan-columnMainActionAnchor:before {
  content: '\e931'; 
  color: #fff;
  font-size: 12px;
  padding-right: 5px;
}


.advPlan-columnLockSet .advPlan-columnMainActionAnchor:before {
    content: '\e931';
    color: #fff;
    font-size: 12px;
    padding-right: 7px;
    font-family: 'AdvancePlaning';
    font-weight: normal;
}
.advPlan-columnDaySet .advPlan-columnMainActionAnchor:before {
    font-family: 'AdvancePlaning';
    font-weight: normal;
}
.advPlan-columnActions-right>a {
    background-color: transparent;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-iQ: none;
}



.advPlan-column-left-icon:before {content: '\e989'; color: #000;font-size: 20px;}
.advPlan-column-right-icon:before {content: '\e988'; color: #000;font-size: 20px;}
.advPlan-column-remove-icon:before {content: '\e90c'; color: #141414;font-size: 18px;}


.advPlan-segAction {
  text-align: left;
  padding: 0 2px;
}

/*

.advPlan-column-locked .advPlan-segAction-left,
.advPlan-column-locked .advPlan-segAction-center {
  display: none;
}



/* Header cleanup as per new mockup - 03 Dec 2020*//*

.advPlan-columnActions-top {
  grid-column: 1 / span 2;
  border-bottom: 1px solid #858585;
}

.advPlan-columnActions .advPlan-columnActions-left {
    margin: 4px auto;
    text-align: center;
    line-height: 2.2em;
    font-size: 14px;
    font-family: Roboto, Helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
    border-right: 1px solid #858585;
    margin: 0px;
    padding-top: 5px;
}

.advPlan-columnActions .advPlan-columnActions-limited .advPlan-columnActions-left {
  border-right: 0;
}

.advPlan-columnActions .advPlan-columnActions-right {
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 3px 4px 2px 6px;
    display: flex;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    margin-top: 5px;
    margin-left: 6px;
    background: #ffffff !important;
}
.advPlan-column-locked .advPlan-columnActions-right {
    justify-content: center;
    width: 30px;
    margin-left: auto;
    margin-right: auto;
}
*/
.advPlan-columnActions .advPlan-columnActions-right>a {
    background-color: transparent;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-iQ: none;
    text-align: center;
    vertical-align: middle;
    padding-top: 2px;
}
.advPlan-column-left-icon, .advPlan-column-right-icon, .advPlan-column-remove-icon {
    width: 31px;
    display: inline-block;
    padding: 0px 0px;
    border-radius: 0px;
    box-shadow: none;
    text-align: center;
    background: transparent;
    border-right: 1px solid #dbdbdb;
    border-radius: none !important;
}
.advPlan-column-right-icon {
    border-right: 0;
}
.advPlan-crud-disabled .advPlan-columnActions-left {
    border-right: 0;
}
/*
.advPlan-mainact-disabled .advPlan-columnActions-top{
  display: none; 
}
*/
/*.advPlan-mainact-disabled .advPlan-columnActions-left,*/
.advPlan-crud-disabled .advPlan-columnActions-left{
  grid-column: 1 / span 2;
  line-height: 2em;
}
.advPlan-crud-disabled .advPlan-columnActions-right{
  display: none;
}
/*
.advPlan-mainact-disabled .advPlan-columnActions-right{
  grid-column: 1 / span 2;
  width: 110px;
  margin-left: auto;
  margin-right: auto;
}
.advPlan-mainact-disabled .advPlan-columnActions-left{
  border-right: 0;
  border-bottom: 1px solid #858585;
}
*/
.advPlan-column-locked .advPlan-columnActions-left:before {
    font-family: 'AdvancePlaning' !important;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    visibility: visible;
    font-size: 17px;
    color: #666666;
    content: '\e92d' !important;
    display: inline-flex;
    position: relative;
    padding-left: 0px;
    padding-right: 2px;
    margin-top: -3px;
}
.advPlan-columnActions-left:before {
    font-family: 'AdvancePlaning' !important;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    visibility: visible;
    font-size: 17px;
    color: #059CDF;
    content: '\e943' !important;
    display: inline-flex;
    position: relative;
    padding-left: 2px;
    padding-right: 6px;
}


/* new menu  */
/* ------------------------------------------------------- */
/*
.columnActions

*/
/* advPlan-columnActions-dialog  */
.advPlan-columnActions-menu {
  position: absolute;
  bottom: 4px;
  left: 0;
  margin-left: calc((0.5 * var(--adplgs-zoom-headerspacer-width)) - 125px);

  width:250px;
  border: 2px solid #dbdbdb;
  border-radius: 6px;
  background: #f5f5f5;
  box-shadow: 0px -1px 8px 0px rgb(211 211 211);
  overflow:hidden;
}

.advPlan-left-edge .advPlan-columnActions-menu {
  margin-left: -6px;
}
.advPlan-right-edge .advPlan-columnActions-menu {
  margin-left: calc(var(--adplgs-zoom-headerspacer-width) - 240px);
}


.advPlan-columnActions-menu .menuHeader{
  padding: 5px 12px 4px;
  border-bottom:1px solid #dcdcdc;
  background: linear-gradient(180deg, #ffffff, #fafafa);
}

.advPlan-columnActions-menu .menuHeader:hover .dateText:before{
  opacity:1;
}

.advPlan-columnActions-menu .splitHeader {
  display:grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items:center;
  gap:10px;
}

.advPlan-columnActions-menu .splitHeader.day {
  display: none;
}

.advPlan-columnActions-menu .menuHeader.plan {
  display: grid;
  justify-content: center;
  justify-items: center;
  align-items: center;
}

.advPlan-columnActions-menu .plan .statusWrap {
  display: none;
}
.advPlan-columnActions-menu .plan .dateIso{
  text-align: center;
}

.advPlan-columnActions-menu .dateBlock{
  min-width:0; /* enables ellipsis */
}


.advPlan-columnActions-menu .dateText{
  font-size:14px;
  font-weight:700;
  letter-spacing:.25px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.advPlan-columnActions-menu .dateText.day{
  padding: 6px 0 8px;
}

.advPlan-columnActions-menu .dateIso{
  font-size:12px;
  /*font-family: ui-monospace,Consolas,monospace;*/
  color:#8a8a8a;
  white-space:nowrap;
  flex:0 0 auto;
}

.advPlan-columnActions-menu .dateText, .advPlan-columnActions-menu .dateIso{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.advPlan-columnActions-menu .menuBody{
  padding: 6px 42px;
  display:flex;
  flex-direction:column;
  min-height: 34px;
}

.advPlan-columnActions-menu .dot{
  width:8px;
  height:8px;
  border-radius:50%;
  box-shadow:0 0 0 3px rgba(0,0,0,.04);
}
.advPlan-columnActions-menu .dot.off{background: #d9534f;}
.advPlan-columnActions-menu .dot.on{background: #2e9f62;}

.advPlan-columnActions-menu .dispatchBtn{
  border:1px solid #dcdcdc;
  background:#fafafa;
  padding: 7px;
  border-radius: 6px;
  cursor:pointer;
  transition:.12s;

  font-family: 'Roboto-Regular';

  display:flex;
  justify-content: center;
  align-items:center;
  gap:8px;

  background: #059cdf;
  border-color: #059cdf;
  color: white;
  font-weight:600;
}

.advPlan-columnActions-menu .dispatchBtn:hover{
  border-color: #003c9c;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.18), 0 4px 5px 0 rgba(0, 0, 0, 0.15);
}

.advPlan-columnActions-menu .dispatchBtn span:before {
  font-family: 'AdvancePlaning';
  font-weight: normal;

  content: '\e943';
  color: #fff;
  font-size: 12px;
  padding-right: 5px;
}


.advPlan-columnActions-menu .switch{
  width: 40px;
  height: 20px;
  border-radius:20px;
  border:1px solid #dcdcdc;
  background:#e3e3e3;
  background: #ebbcb9;
  position:relative;
  cursor:pointer;
}

.advPlan-columnActions-menu .switch:after{
  content:"";
  width: 15px;
  height: 15px;
  border-radius:50%;
  background:white;
  position:absolute;
  top:2px;
  left:3px;
  box-shadow:0 2px 4px rgba(0,0,0,.15);
  transition:.15s;
}

.advPlan-columnActions-menu .switch.on{
  background:#cdeedd;
  border-color:#9ed6b8;
}
.advPlan-columnActions-menu .switch.on:after{
  transform:translateX(20px);
}


/* non-date menu body */
.advPlan-columnActions-menu .columnActionZone {
  padding: 6px 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 34px;
}


.advPlan-columnActions-menu .columnActionsSub {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
}

.advPlan-columnActions-menu .thumb {
  width:30px;
  height:30px;
  border-radius:8px;
  border:1px solid rgba(0,0,0,.10);
  box-shadow:0 6px 14px rgba(0,0,0,.10);
  object-fit:cover;
  background:#fff;
}




.advPlan-columnActions-menu .statusWrap {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  white-space:nowrap;
  flex:0 0 auto;
}










.ui-state-highlight {
  background: #fffa9058;
}


/* Web font */


.advPlan-column-left-icon:before,
.advPlan-column-right-icon:before,
.changeArrow:before,
.advPlanner .segDaySet a:before,
.advPlanner .segSetLock a:before,
.advPlan-addtag-plus-symbol:before,
.advPlan-icon-next:before,
.advPlan-icon-prev:before,
.advPlan-column-remove-icon:before {
  font-family: 'AdvancePlaning' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}





/* tag shelf/clipboard */

.advPlan-addNewTag{
  flex: 0 0 auto;
  width: 160px;
  font-size: 80px;
}
.advPlan-addNewTag a{
  color: black;
}
.advPlan-addNewTag i{
  vertical-align: middle;
}



.advPlan-bottomTool .scrollLeft,
.advPlan-bottomTool .scrollRight{
  flex: 0 0 auto;
  width: 58px;
  min-width: 58px;
  font-size: 44px;
  line-height: 3;
}
.advPlan-bottomTool .scrollLeft a, .advPlan-bottomTool .scrollRight a {
  display: table-row;
  text-decoration: none !important;
  margin: 0px auto;
  display: table;
}



/* Collapsed state */

.advPlanner.bottomCollapsed .advPlan-zoombox{
  bottom: 20px;
}

.bottomCollapsed .advPlan-segments{
  height: 100%;
}
.advPlanner.bottomCollapsed .divLock {
  height: calc(100% - 40px);
}
.advPlanner.bottomCollapsed .advPlan-bottomTool{
  display: none;
}


.advPlan-icon-prev:before {content: '\e908'; color: #b5b5b5;font-size: 30px;}
.advPlan-icon-next:before {content: '\e909'; color: #b5b5b5;font-size: 30px;}






.advPlan-addtagbtn {
    width: 132px;
    height: 112px;
    background: #666666;
    float: left;
    position: relative;
    margin: 13px 14px;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 0px 1px 5px #8f8f8f;

    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
}
.advPlan-addtag-plus-symbol {
    height: 65px;
    display: block;
    width: 100px;
    position: relative;
    margin: 0px auto;
}
.advPlan-addtag-plus-symbol:before {
  content: '\e901';
    color: #ffffff;
    font-size: 22px;
    text-decoration: none;
    line-height: 1;
    text-align: center;
    vertical-align: top;
    padding: 13px 38px;
    line-height: 4;
    font-weight: normal;
}

.advPlan-addtagbtn-label {
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    vertical-align: top;
    display: inherit;
    font-family: Roboto, Helvetica, sans-serif;
    color: #ffffff;
    cursor: pointer;
}
.advPlan-zoombox .btn-todayIcon:before,
.advPlan-zoombox .btn-zoomIn:before,
.advPlan-zoombox .btn-Reset:before,
.advPlan-zoombox .btn-zoomOut:before {
    font-family: 'AdvancePlaning' !important;
    speak: none;
    color: #666666;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    position: absolute;
    left: 4px;
    top: 3px;
    text-indent: 0;
    padding: 5px;
}

.advPlan-zoombox .btn-todayIcon,
.advPlan-zoombox .btn-zoomIn,
.advPlan-zoombox .btn-Reset,
.advPlan-zoombox .btn-zoomOut {
    text-indent: -999em;
    overflow: hidden;
    display: inline-block;
    position: relative;
    height: 28px;
    width: 30px !important;
    /*border-right: 1px solid #c9c9c9;*/
    padding: 3px;
    margin-bottom: -3px;
    cursor: pointer;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
a.btn-today {
    display: flex !important;
    width: 36px;
    height: 32px;
    align-items: center;
    position: relative;
    margin: 0px auto;
    border-left: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    border-top: 1px solid #c9c9c9;
    margin-bottom: -1px !important;
    box-shadow: -1px -1px 6px #c8c8c8 !important;
    border-right: 1px solid #c9c9c9;
}
a.btn-zoomPlus {
    border-left: 1px solid #c9c9c9;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    border-right: 0px solid #c9c9c9;
    margin-right: -3px !important;
}
a.btn-zoomReset {
    border-bottom: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    margin-right: -3px !important;
    border-left: 1px solid #c9c9c9;
}
a.btn-zoomMinus {
    border-top: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
}
.advPlan-zoombox .btn-todayIcon:before {
   font-family: 'gantterfont' !important;
    content: '\e946';
    font-size: 13.5pt;
    position: absolute;
    text-align: left;
    margin-top: -1px;
    color: #626262;
    margin-left: 1px;
}
.advPlan-zoombox a {
    display: inline-block;
    background: #fff;
    box-shadow: 0px 1px 3px #e1e1e1;
}
.advPlan-zoombox .btn-zoomIn:before {content: '\e901';}
.advPlan-zoombox .btn-Reset:before {content: '\e90a';}
.advPlan-zoombox .btn-zoomOut:before {content: '\e90d';}


.advPlan-milestoneimgicon {
    transform: scale(var(--adplgs-zoomscale-maxed160, 1));
    height: .06em;
    width: 0;
    position: absolute;
    margin-left: -24px;
    top: 50%;
    margin-top: -45px;
    border: 24px solid transparent;
    border-bottom: 25px solid #059CDF;
    top: calc(50% - 54px) !important;
    filter: drop-shadow(0 3px 5px #333);
}
.advPlan-milestoneimgicon:after {
      content: '';
          position: absolute;
    left: -24px;
    top: 25px;
    width: 0;
    height: 0;
    border: 24px solid transparent;
    border-top: 60px solid #059CDF;
    z-index: 9999;
}


/* Hover tooltips */

.advPlan-tooltip-tagSTA,
.advPlan-tooltip-tagSafetyPermits {
  color: white;
}

.icon-taskVerified:before,
.task-tooltip .advPlan-tagDefStatus:before,
.task-tooltip .advPlan-tagNeedsAttentStatus:before,
.task-tooltip .link-symbol:before,
.advPlan-tooltip-tagLocation:before,
.task-tooltip .icon-NeedComplete:before,
.task-tooltip .icon-Edit:before, 
.task-tooltip .icon-Job-icon:before,
.icon-AssignTo:before,
.advPlan-tagTipCrew:before,
.advPlan-tooltip-tagSTA:before,
.advPlan-tooltip-tagSafetyPermits:before {
  font-family: 'AdvTag' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
}


.advPlan-tooltip-tagLocation{ color: white; }
.advPlan-tooltip-tagLocation:before {content: '\e911'; font-size: 16px;padding: 0px 6px 0px 0px;}

.advanceplanner-tip-content .crew span, 
.advanceplanner-tip-content .duration span,
.advanceplanner-tip-content .location-cont span,
.advPlan-tooltip-tag-notes span,
.advPlan-tooltip-tag-needed-notes span,
.advanceplanner-tip-content .assignto span,
.advanceplanner-tip-content .taskProgress span {
  font-size: 13px;
  line-height: 1.5;
  font-family: 'Roboto-Regular' !important;
}
.advanceplanner-tip-content .location-cont span {
    padding-left: 4px;
}
.advanceplanner-tip-content .text.tooltop-text {
  line-height: 1;
    font-size: 11pt !important;
    vertical-align: middle;
    font-family: 'Roboto-Regular';
    padding-top: 5px;
}
.advanceplanner-tip-content span {
    line-height: 1;
    font-size: 9pt !important;
    vertical-align: middle;
    font-family: 'Roboto-Regular';
    padding-top: 0px;
}
.advPlan-tooltip-tag-notes,
.advPlan-tooltip-tag-needed-notes{
    overflow: hidden;
      text-overflow: ellipsis;
      white-space: initial;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
}


.advPlan-tooltip-Resourcetab {
    display: flex;
    margin-bottom: 20px;
}
.advPlan-tooltip-Resourcetab .extresource-wrapper {
    border: 0px;
    flex-direction: row;
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 0px 6px;
    box-shadow: none;
    padding: 0px 3px;
    margin-top: -2px;
}
.advPlan-tooltip-Resourcetab .extresx-item{display:flex;align-items:center}
.advPlan-tooltip-Resourcetab .extresource-wrapper .badge {
    padding: 3px 5px;
    font-size: 7pt !important;
}
.advPlan-resourceLabel {
    font-size: 9pt;
    font-family: 'Roboto-Regular';
    padding-top: 4px;
    padding-left: 5px;
}
.advPlan-tooltip-Resourcetab .advPlan-resourceLabel:before {
    content: '\ed22';
    font-family: 'common-webfont';
    position: relative;
    left: -5px;
    font-size: 17px;
    top: 3px;
}
.advPlan-tooltip-Resourcetab .extresource-wrapper .extrsx-item .text {
    color: #fff !important;
    font-family: 'Roboto-Regular';
    font-size: 9pt !important;
}
.advPlan-tooltip-Resourcetab .extresource-wrapper .extrsx-item {
    display: flex;
    gap: 0px 3px !important;
    align-items: center;
    cursor: pointer;
    flex-direction: row;
    justify-content: left;
    margin-right: 0px;
}
.advPlan-tooltip-Resourcetab .extrsx-item.labor:before,
.advPlan-tooltip-Resourcetab .extrsx-item.tools:before,
.advPlan-tooltip-Resourcetab .extrsx-item.equipment:before,
.advPlan-tooltip-Resourcetab .extrsx-item.materials:before
{
    font-family: 'common-webfont';
    font-size: 12px;
    color: #ffffff;
}

.advPlan-tooltip-Resourcetab .extrsx-item.labor:before {
    content: '\ed4d';
    position: relative;
    width: 10px;
    top: 4px;
    font-size: 11px;
}

.advPlan-tooltip-Resourcetab .extrsx-item.tools:before {
    content: '\ec72';
    position: relative;
    width: 10px;
    top: 2px;
    font-size: 16px;
}

.advPlan-tooltip-Resourcetab .extrsx-item.equipment:before {
    content: '\eb8f';
    position: relative;
    width: 10px;
    top: 2px;
    font-size: 26px;
}

.advPlan-tooltip-Resourcetab .extrsx-item.materials:before {
    content: '\eb8e';
    position: relative;
    width: 18px;
    top: 4px;
    font-size: 26px;
}


span.advPlan-chart-title-name {
    font-size: 13px;
}
.advPlan-chart-stats-title span {
    vertical-align: middle;
}
span.advPlan-chart-stats-dates-label, .advPlan-chart-stats-lastdatelbl {
    color: #c1c1c1;
    font-size: 8pt !important;
    line-height: 2;
}
.advPlan-chart-stats-total {
    margin-top: -4px;
}
.advPlan-chart-stats-child {
    margin: 4px 0 6px 0;
}
span.advPlan-chart-title-total-label, 
.advPlan-chart-stats-total-label, 
.advPlan-chart-stats-latecount {
    color: #c1c1c1;
    font-size: 8pt !important;
    line-height: 2;
}
.advPlan-tagTipCrew {margin-right:0}
.advPlan-tagTipCrew:before { line-height: 1.2; content: '\e904';font-size: 1em; color: #ffffff;}

.task-tooltip .link-symbol:before {content: '\e902'; font-size: 1.1em;}
.task-tooltip .icon-Job-icon:before {content: '\e910'; color: #ffffff;font-size: 14px;}





  .advanceplanner-tip-content .subtskBtn{
    background-color:#333;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    border-radius: 6px;
    border: 1px solid #fcfcfc;
    display: inline-block;
    cursor: pointer;
    color: #fcfcfc;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 12px;
    text-decoration: none;
    height: 26px;
    line-height: 2.2;
    min-width: 88px;
  }

  .task-tooltip .subtskBtn{
    position: absolute;
    right: 12px;
    top: 14px;
  }

  .advPlan-chart-footer {
    position: relative;
    height: 40px;
    box-sizing: border-box;
    padding: 8px;
  }

  .advanceplanner-rolluptag-tip-content .subtskBtn,
  .advanceplanner-group-tip-content .subtskBtn{
    right: 12px;
    top: 6px;
    position: absolute;
  }

  .advanceplanner-tip-content .subtskBtn:hover {
    background-color:#555;
  }

  .advanceplanner-tip-content, .advanceplanner-arrow:after {
    background: #333;
  }
  .advanceplanner-tip-content {
    padding:10px;
    color:#fff;
    background:#333;
    -webkit-box-shadow:2px 2px 5px #aaa;
    -moz-box-shadow:2px 2px 5px #aaa;
    box-shadow:2px 2px 5px #aaa;
    border-radius: 6px;
    font-family: Roboto, Helvetica, sans-serif;
  }
  .advPlan-milestoneBar-tooltip {
    padding:4px 10px;
    color:#fff;
    background:#333;
    -webkit-box-shadow:2px 2px 5px #aaa;
    -moz-box-shadow:2px 2px 5px #aaa;
    box-shadow:2px 2px 5px #aaa;
    border-radius: 6px;
    font-family: Roboto, Helvetica, sans-serif;
    max-width: initial;
  }

  .advanceplanner-arrow {
    width: 71px;
    height: 17px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .advanceplanner-arrow.top {
    top: -16px;
    bottom: auto;
  }
  .advanceplanner-arrow.left {
    left: 20%;
  }
  .advanceplanner-arrow.right {
    left: 80%;
  }
  .advanceplanner-arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .advanceplanner-arrow.top:after {
    bottom: -20px;
    top: auto;
  }


.text.tooltop-text {color: #ffffff !important; font-size: 13px !important}


.advanceplanner-tip-content .details {
  text-align: left;
  font-size: 12px;
  letter-spacing: 1px;
  display: flex;
  justify-content: space-between;
}

.advPlan-tooltip-tag-needed-notes, 
.advPlan-tooltip-tag-notes{
  max-height: 42px;
  overflow: hidden;
}
.advPlan-tooltip-tag-needed-notes-accountedFor{
  text-decoration: line-through;
}


.task-tooltip .taskProgress > .taskStatus {
  margin: 0 30px 0 0;
  min-width: 100px;
  padding:0 0 0 3px;
}


/* tooltip */
.icon-NeedComplete:before {content: '\e97f';font-size: 16px; padding-right: 3px;}
.icon-Edit:before {content: '\e912'; font-size: 15px; padding-right: 8px !important; padding-left: 2px;}
.icon-AssignTo:before { content: '\e927';font-size: 16px; padding-right: 5px;}
.task-tooltip .icon-Job-icon {float: left; padding-right: 5px;}
.icon-taskVerified:before { content: '\e929';font-size: 16px;}
.task-tooltip .advPlan-tagDefStatus:before {content: '\e922'; font-size: 15px; }
.task-tooltip .advPlan-tagNeedsAttentStatus:before { content: '\e97d';font-size: 1.5em; margin-left: -0.1em; vertical-align: sub;}
.advPlan-tooltip-tagSTA:before { content: '\e990'; font-size: 16px; padding-right: 5px;}
.advPlan-tooltip-tagSafetyPermits:before { content: '\e991'; font-size: 16px; padding-right: 4px;}

.taskPauseState {
    grid-gap: 4px;
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    left: 0;
    padding-bottom: 0;
    padding-top: 3.6px;
    position: -webkit-sticky;
    position: sticky;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.taskPauseState .pauseStart:before {
    content: '\eaaa';
    speak: none;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'common-webfont' !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    padding-right: 6px;
    color: white;
}
.taskPauseState .pauseStart {
    font-family: Roboto-Regular, Helvetica, sans-serif;
    font-size: 100%;
    padding: 5px 0 2px 2px;
}
.taskPauseState .pauseEnd {
    text-align: left;
    width: max-content;
    font-family: Roboto-Regular, Helvetica, sans-serif;
    font-size: 100%;
    padding: 5px 0 2px 60px;
}
.advanceplanner-rolluptag-tip-content .taskPauseState {
    padding-bottom: 9px !important;
    padding-left: 5px
}
.advanceplanner-rolluptag-tip-content .taskPauseState .pauseStart:before {
    content: '' !important;
}

.tooltip-subcontent .link-symbol:before, .task-tooltip .link-symbol:before {
  color: #ffffff;
  vertical-align: middle;
}

.task-tooltip .tooltip-username, 
.task-tooltip .taskProgress {
  display: flex;
}
.task-tooltip .tooltip-username {
  padding:0 2px 0px 2px;
}

.tooltip-username span {
    padding:3px 12px;
}



.milestone-tip-content .link-symbol,
.advPlan-milestoneBar-tooltip .link-symbol {
  padding-right: 5px;
}

.milestone-tip-content .boardname {
  margin-top:10px;
  margin-bottom:10px;
}

.advPlan-milestoneBar-tooltip .taskname {
  margin-top:18px;
  margin-bottom:14px;
}

.milestone-tip-content .boardname .text,
.advPlan-milestoneBar-tooltip .taskname .text {
  vertical-align: top;
  font-size: 15px!important;
  line-height: 1.2;
  text-decoration: none;

  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-iQ: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;

}

.advPlan-milestoneBar-tooltip .taskdate .text {
  margin: 0 !important;
  line-height: 1.2;
  text-decoration: none;

  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-iQ: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.advPlan-milestoneBar-tooltip .taskbody {
  min-width: 260px;
}

.advPlan-milestoneBar-tooltip .tasksplit {
  border: 1px solid #fcfcfc;
}


.advPlan-cancelbtn {
  position: absolute;
  box-sizing: border-box;
  bottom: 233px;
  right: 19px;
  box-shadow: 0px 3px 5px #727272;
  background: #059CDF;
  border: 0;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: none;
  z-index: 1200;
  line-height: initial;
}
.advPlan-cancelbtn-icon:before {
  font-family: 'AdvancePlaning';
  content: '\e920';
  text-align: center;
  vertical-align: middle;
  display: block;
  top: 28%;
  position: absolute;
  left: 30%;
  color: #ffffff;
  border: 4px dashed #ffffff;
  padding: 6px;
  border-radius: 50%;
  font-weight: bold;
  font-size: 11px;
}




.milestone-tip-content {
  max-width: 290px;
}


.ui-tooltip.milestone-tip-content p.text.tooltop-text {
  line-height: 1.2;
  margin-bottom: 18px;
  font-size: 15px!important;
}
.ui-tooltip.milestone-tip-content .advanceplanner-arrow:after{
  top: -16px;
}
.ui-tooltip.milestone-tip-content .tooltip-subcontent .link-symbosl:before {
  padding: 0px 3px 0px 2px;
}
.ui-tooltip.milestone-tip-content .tooltip-subcontent .duration {
  margin: 0px;
}
.ui-tooltip.milestone-tip-content .details.tooltip-subcontent{
  margin: 0px 0px 15px 0px;
}
.ui-tooltip.milestone-tip-content .duration.sfdate {
  margin-top:30px;
}
.ui-tooltip.milestone .advanceplanner-arrow{
  width: 25px;
  height: 25px;
}

.advanceplanner-arrow.middle.right {
  top: 28%;
    left: 102%;
    transform: rotateZ(-90deg);
}

.advanceplanner-arrow.middle.left {
  top: 29%;
  left: -6px;
  transform: rotate(89deg);
}
.milestone-tip-content .advanceplanner-arrow:after{
  box-shadow: none;
}




.advPlan-bottom-toolcontainer {
  vertical-align: middle;
  z-index: 10;

  border-top: 1px solid #cacaca;
  border-left: 1px solid #cacaca;
  border-right: 1px solid #cacaca;

  padding: 5px 0 0 0;
  background: #ffffff;
  box-shadow: -4px -2px 7px #dbdbdb;

  height: 36px;
  box-sizing: content-box;
  line-height: 30px;
}

.advPlanner.bottomCollapsed .advPlan-bottom-toolcontainer {
  padding: 4px 4px 0 4px;
}

.advPlan-bottom-toolcontainer .changeArrow {
  border-right: 1px solid #dbdbdb;
  padding: 0 16px 0 16px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.advPlan-bottom-toolcontainer .changeArrow:before {content: '\e915'; color: #888787;font-size: 16px;}

.advPlanner.bottomCollapsed .advPlan-bottom-toolcontainer .changeArrow {
  border-right: 0px solid #dbdbdb;
}

.advPlanner.bottomCollapsed .advPlan-bottom-toolcontainer .changeArrow:before {content: '\e914'; color: #888787;font-size: 16px;}


.advPlanner.bottomCollapsed .clipSearchBox {
  display: none;
}

.advPlanner .clipSearchBox {
  position: relative;
  height: 30px;
  background: #ffffff;
  text-align: center;
  vertical-align: top;
  width: 50px;
  display: inline-block;
  box-sizing: content-box;
}

.advPlanner-bottomToolbarSearchOpen{
  width: 340px;
}

.advPlanner-bottomToolbarSearchOpen .clipSearchBox{
  display: none;
}

@media only screen and (max-width: 420px)  {
  .advPlanner-bottomToolbarSearchOpen{
    width: 290px;
  }
  .advPlanner-bottomToolbarSearchOpen .changeArrow {
    display: none !important;
  }
}


.advPlanner-clipSearch {
   position: absolute;
   margin: auto;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 30px;
   height: 30px;
   background: #b6b6b6;
   border-radius: 50%;
   text-decoration: none !important;
}
.advPlanner-clipSearch.open {background: #059CDF}
.advPlanner-clipSearch:hover {
   cursor: pointer;
   background:#059CDF;
}
.advPlanner-clipSearch::before {
   content: "";
   position: absolute;
   margin: auto;
   top: 12px;
   right: 0;
   bottom: 0;
   left: 15px;
   width: 6px;
   height: 2px;
   background: white;
   transform: rotate(45deg);
}
.advPlanner-clipSearch::after {
   content: "";
   position: absolute;
   margin: auto;
   top: -3px;
   right: 0;
   bottom: 0;
   left: 0px;
   width: 10px;
   height: 10px;
   border-radius: 50%;
   border: 2px solid white;
}


@keyframes anim-glow {
  0% {
    box-shadow: 0 0 #059CDF;
  }
  100% {
    box-shadow: 0 0 10px 8px transparent;
    border-width: 2px;
  }
}

.advPlanner-activeClipSearch {
  animation: anim-glow 2s ease infinite;
  background: #2abdff;
}


.clipboard-filter .filter-container-cls {
  margin: 1px 0 0 0 !important;
}

.clipboard-filter {
  border-style: initial !important;
  border-width: 0 !important;
}




.advPlanner .bottom-bT {
  position: relative;
  top: -42px;
  height: 28px;
  z-index: 17;
  box-sizing: content-box;
}



.advPlan-bottom-bT-accordian {
  height: 0px;

  display: flex;
  justify-content: center;
  z-index: 201;

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






.advPlan-now {
  position: absolute;
  height: calc(100% - (40px * var(--adplgs-zoomscale-limited, 1)));
  background-color: #059cdf;
  width: 6px;
  top: calc(40px * var(--adplgs-zoomscale-limited, 1) );
  left: calc(((var(--adplgs-tag-x,0) * var(--adplgs-celwidth,0px)) + var(--adplgs-tag-xoffset,0px)) * var(--adplgs-zoomscale,1));
  box-shadow: 1px 1px 4px #727272;
  z-index: 17;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-iQ: none;
  pointer-events: none;
  contain: layout size style;
}

.advPlan-milestoneBar-on .advPlan-now {
  top: calc(70px * var(--adplgs-zoomscale-limited, 1));
  height: calc(100% - (70px * var(--adplgs-zoomscale-limited, 1)));
}

.advPlan-now-inner {
    font-size: 12px;
    transform: translate(-50%, 0px);
    color: white;
    background: #059cdf;
    padding: 7px 2px;
    zoom: var(--adplgs-zoomval-minmax, 100%);
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-family: 'Roboto-Regular';
    text-transform: uppercase;
    border-radius: 10px;
    top: calc(50% - 15px);
    left: 9px;
    position: sticky;
    margin-left: 2px;
}

.advPlan-offday {
  background-color: rgb(255 108 52 / 20%);
  height: 100%;
  position: absolute;
  left: calc(((var(--adplgs-tag-x,0) * var(--adplgs-celwidth,0px)) + var(--adplgs-tag-xoffset,0px)) * var(--adplgs-zoomscale,1));
  z-index: 3;
  pointer-events: none;
  border: 1px solid #d8d8d8;
  box-sizing: border-box;
  content-visibility: auto;
  contain-intrinsic-size: 200px 200px;
  contain: strict;
}

.advPlan-allOffDays {
  height: 100%;
  position: absolute;
  left: 0;
  width: var(--adplgs-grid-width);
  --adplgs-dayoff-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8n2PiAwAF/gHtwQpO+wAAAABJRU5ErkJggg==);
  z-index: 3;
  pointer-events: none;
  box-sizing: border-box;
  contain: strict;
}
.advPlan-splitscreen .advPlan-allOffDays {
    left: 2px !important
}

.advPlan-centeridc {
  position: absolute;
  background-color: #ffff00;
  width: 2px;
  height: 100%;
  left: 50%;
  box-shadow: 1px 1px 4px #a9a64c;
  z-index: 50;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-iQ: none;
  pointer-events: none;
}



.advPlan-segmentsHeader .advPlan-highlight {
  background-color: rgba(255,255,0,.4) !important;
}
.advPlan-segmentsBody > .advPlan-highlight {
  position: absolute;
  left: calc(((var(--adplgs-tag-x,0) * var(--adplgs-celwidth,0px)) + var(--adplgs-tag-xoffset,0px)) * var(--adplgs-zoomscale,1));
  background-color: rgba(255,255,0,.4);
  height: 100%;
  box-sizing: border-box;
}
.advPlan-segmentsHeader .advPlan-filtered {
  background-color: #ccc !important;
}
.advPlan-segmentsHeader .advPlan-filtered-left {
  border-right: 1px solid #666;
}
.advPlan-segmentsHeader .advPlan-filtered-right {
  border-left: 1px solid #666;
}


.advPlan-segmentsBody > .advPlan-filtered {
  position: absolute;
  background-color: #c7c7c7;
  opacity: 0.7;
  z-index: 3;
  pointer-events: none;
  box-sizing: border-box;
}

.advPlan-segmentsBody .advPlan-filtered-left {
  border-right: 1px solid #666;
}
.advPlan-segmentsBody .advPlan-filtered-right {
  border-left: 1px solid #666;
}




/* Emptytext message */
.emptyboardtextmsg {
    font-family: Roboto-Regular;
    position: absolute;
    margin: 0px auto;
    font-size: 11pt;
    width: 450px;
    min-height: 100px;
    border: 1px solid #dbdbdb;
    display: table-cell;
    left: 35%;
    top: 35%;
    vertical-align: middle;
    text-align: center;
    line-height: 8;
    border-radius: 5px;
    box-shadow: 0 2px 4px #b5b5b5;
    color: #666666;
}
#menuToggleCPMDispatch .as.cP:before {
    content: "\e967";
  font-family: 'AdvancePlaning' !important;
  font-size: 44px;
    right: 12px;
    position: absolute;
    top: -4px;
    color: #4c4b4b !important;
}
#menuToggleCPMDispatch .as.cO:before {
    content: "\e968";
    font-family: 'AdvancePlaning' !important;
    font-size: 44px;
    right: 12px;
    position: absolute;
    color: #11b2f9 !important;
    top: -4px;
}
#bZ div.ap#menuToggleCPMDispatch {
    padding: 7px 0px;
}
#bZ #menuToggleCPMDispatch .as.cP, 
#bZ #menuToggleCPMDispatch .as.cO {
   float: right;
}

.noselect {
    -webkit-touch-iQ: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}


/* Adv planner - Grouping cls */
.advPlan-taskgrouping {
  width: 100% !important;
  height: 34px;
  background: #999999;
  z-index: 10;
  display: flex;
  align-items: left;
  position: sticky;
  position: -webkit-sticky;
  background: #a5a5a5;
  left: 0;
  align-items: center;
  box-shadow:0 0 3px #a0a0a0;
  color: #fff;
  /*top: calc(38px * var(--adplgs-zoomscale-reduced, 1));*/

  content-visibility: auto;
  contain-intrinsic-size: var(--adplgs-grid-width) 34px;
  /*contain: strict;*/
}


.advPlan-milestoneBar-on .advPlan-taskgrouping {
  top: calc((38px * var(--adplgs-zoomscale-reduced, 1)) + 30px);
}


.advPlan-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;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    top: 0;
    height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    background: #a5a5a599;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

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


.advPlan-group-rollup-highlight1 {
  height: 14px;
  background-size: 400% 200%;
  background: linear-gradient(90deg, #ace937,#6ad350);
  animation: 4s movingGradient infinite;
  box-shadow: 0px 4px 9px 1px #1d1b8d;
  position: absolute;
  left: calc(((var(--adplgs-tag-x,0) * var(--adplgs-celwidth,0px)) + var(--adplgs-tag-xoffset,0px)) * var(--adplgs-zoomscale,1));
  box-sizing: content-box;
}

.advPlan-group-rollup-highlight2 {
  height: 14px;
  background-image: linear-gradient(90deg, #5f82d3, #6b97ff, #5d80ff);
  box-shadow: 0px 4px 14px 1px #2f6673;
  position: absolute;
  left: calc(((var(--adplgs-tag-x,0) * var(--adplgs-celwidth,0px)) + var(--adplgs-tag-xoffset,0px)) * var(--adplgs-zoomscale,1));
  box-sizing: content-box;
}

.advPlan-group-rollup-highlight3 {
  height: 14px;
  background-size: 400% 200%;
  background-image: linear-gradient(90deg, #ff3c0d, #fd9033, #ff3c0d);
  animation: 4s movingGradient infinite;
  box-shadow: 0px 4px 18px 1px #e01616;
  position: absolute;
  left: calc(((var(--adplgs-tag-x,0) * var(--adplgs-celwidth,0px)) + var(--adplgs-tag-xoffset,0px)) * var(--adplgs-zoomscale,1));
  box-sizing: content-box;
}

.advPlan-group-rollup-roundleft {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.advPlan-group-rollup-roundright {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}


.advPlan-group-rollup-milestoneicon{
  width: 0px;
  position: absolute;
  left: calc(((var(--adplgs-tag-x,0) * var(--adplgs-celwidth,0px)) + var(--adplgs-tag-xoffset,0px)) * var(--adplgs-zoomscale,1));
}
.advPlan-group-rollup-milestoneicon:before {
  font-family: 'AdvancePlaning'!important;
  speak: none;
  content: '\e983';
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  margin-left:-0.5em;
}

@keyframes movingGradient {
  0% { background-position: 0% 50%; }
  50%{ background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


.advPlan-groupby-user:before, 
.advPlan-groupby-company:before,
.advPlan-groupby-workteam:before,
.advPlan-groupby-trade:before,
.advPlan-groupby-sbs:before,
.advPlan-groupby-skill:before,
.advPlan-groupby-status:before,
.advPlan-groupby-location:before,
.advPlan-groupby-loclevel:before,
.advPlan-groupby-linearunit:before,
.advPlan-groupby-rollup:before,
.advPlan-groupby-starttime:before {
  font-family: 'AdvancePlaning';
  padding: 0;
  position: absolute;
  color: #333333;
}
.advPlan-groupby-workcategory:before,
.advPlan-groupby-certification:before{
  font-family: 'gantter-inline';
  padding: 0;
  position: absolute;
  color: #333333;
}
.advPlan-groupby-user:before {
    content: '\e90e';
    font-size: 16px;
    top: 0px;
    left: 12px;
}
.advPlan-groupby-sbs:before {
    content: '\e924';
    font-size: 12px;
    top: 5px;
    left: 13px;
    font-family: 'gantter-inline';
}
.advPlan-groupby-company:before {
    content: '\e913';
    font-size: 16px;
        top: 0px;
    left: 11px;
}
.advPlan-groupby-workteam:before {
 content: '\e979';
    font-size: 25px;
        top: -9px;
    left: 7px;
}
.advPlan-groupby-trade:before {
  content: '\e97a';
    font-size: 25px;
    top: -8px;
    left: 7px;
}
.advPlan-groupby-skill:before {
 content: '\e976';
    font-size: 23px;
        top: -6px;
    left: 8px;
}
.advPlan-groupby-status:before {
 content: '\e97d';
    font-size: 18px;
    top: -1px;
    left: 9px;
}
.advPlan-groupby-location:before, .advPlan-groupby-loclevel:before {
    content: '\e978';
    font-size: 24px;
    top: -7px;
    left: 7px;
}
.advPlan-groupby-linearunit:before {
    content: '\e96f';
    font-size: 21px;
    top: -4px;
    left: 9px;
}
.advPlan-groupby-rollup:before {
    content: '\e955';
    font-size: 15px;
    top: 2px;
    left: 11px;
}
.advPlan-groupby-workcategory:before {
  content: '\e90c';
  font-size: 15px;
  top: 2px;
  left: 11px;
}
.advPlan-groupby-certification:before {
  content: '\e90b';
  font-size: 15px;
  top: 2px;
  left: 11px;
}
.advPlan-groupname-icon-cls.advPlan-groupby-starttime {
  margin: 0px auto;
  text-align: left;
  vertical-align: baseline;
  display: flex;
  align-items: center;
  vertical-align: middle;
  padding-left: 0px;
  justify-content: center;
  background: #fff;
  width: 25px;
  height: 25px;
  margin-right: 10px
}
.advPlan-groupname-icon-cls.advPlan-groupby-starttime:before {
  content: '\e996';
  font-size: 25px;
  line-height: 1;
  justify-content: center;
}
.advPlan-chartby-starttime:before {
    content: '\e996';
    font-size: 28px;
    top: 6px;
    left: 1px;
    vertical-align: top;
    text-align: center;
    position: relative;
    display: inline-block;
    line-height: .8;
    font-family: 'AdvancePlaning';
    padding: 0;
    position: absolute;
    color: #333333;
}

.gantter-grouping-options:before {
    font-family: 'AdvancePlaning';
    content: "\e955";
    font-size: 13pt;
    position: relative;
    top: 6px;
}
.advPlan-groupname-icon-cls > img{
  -webkit-background-size: 24px 24px;
    background-size: 22px 22px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 22px;
    width: 22px;
}


/* tooltip */
.advPlan-tagprogress-combined {
  height: 14px;
  box-sizing: border-box;
  border-radius: 19px;
  margin: .7em .8em .1em 0;
  text-align: left;
  vertical-align: middle;
  padding-bottom: 3px;
  font-size: 10px;
  color: #2b2b2b;
  overflow: hidden;
  padding-top: 1px;
  font: normal 1em 'Roboto-Regular', Helvetica, sans-serif !important;
  color: #ffffff;
  height: 15px;
}
.task-tooltip .assignto,
.advPlan-tooltip-tag-notes,
.task-tooltip .taskProgress,
.task-tooltip .details,
.advPlan-tooltip-tagSTA,
.advPlan-tooltip-tagSafetyPermits,
.task-tooltip .location-cont {
    margin: 10px 0px;
}

.advPlan-tooltip-tag-needed-notes {
  margin: 10px 0px;
  margin-top: -2px;
  padding-top: 2px;
}
.icon-NeedComplete{
  display: inline-block;
  margin-top: -2px;
}

.noselect {
  -webkit-touch-iQ: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.task-tooltip .ui-tooltip-content{
  width: 450px;
}

.advPlan-chart{
  min-height: 230px;
  width: 420px;
}

.advPlan-chart-groupbyrollup-single {
  min-height: 282px;
  width: 440px;
}

.task-tooltip.task-tooltip-hassubtsk .ui-tooltip-content,
.task-tooltip .advPlan-chart-hasdetails {
  width: 600px;
  min-height: 300px;
}


.advanceplanner-rolluptag-tip-content,
.advanceplanner-group-tip-content{
  padding: 0;
}

.advanceplanner-group-tip-content{
  opacity: .9;
}

.advanceplanner-rolluptag-tip-content .ui-tooltip-content,
.advanceplanner-group-tip-content .ui-tooltip-content{
  display: flex;
  flex-direction: column;
}


.advPlan-chart-groupbyrollup-single,
.advPlan-chart-groupbyrollup-dual,
.advPlan-chart-hasdetails {
  flex: auto;
}


.advPlan-chart-groupbyrollup-single,
.advPlan-chart-groupbyrollup-dual,
.advanceplanner-group-tip-content .advPlan-chart-hasdetails {
  width: 720px;
}
.advanceplanner-rolluptag-tip-content .advPlan-chart-hasdetails {
  width: 900px;
}

.advPlan-chart-groupbyrollup-single .advPlan-chart-area{
  width: 308px;
  height: 154px;
}
.advPlan-chart-groupbyrollup-dual .advPlan-chart-area{
  width: 270px;
  height: 135px;
}
.advPlan-chart-fullholder .advPlan-chart-area{
  width: 550px;
  height: 270px;
}


.advPlan-chart-title {
  opacity: 1;
  padding: 4px;
  height: 24px;
  vertical-align: middle;
  line-height: 2;
  position: relative;
}


.advPlan-chart-stats{
  padding: 4px 4px 4px 11px;
}

.advPlan-chart-stats-title,
.advPlan-chart-stats-lastdatelbl,
.advPlan-chart-stats-lastdateval,
.advPlan-chart-stats-overdate,
.advPlan-chart-stats-overnum,
.advPlan-chart-stats-latecountval,
.advPlan-chart-stats-verifieddatelbl,
.advPlan-chart-stats-verifieddateval {
  vertical-align: middle;
  /*line-height: 2 !important;*/
}

.advPlan-chart-stats-verifieddatelbl {
  vertical-align: middle;
  line-height: 2 !important;
}

.advPlan-chart-stats-overdate,
.advPlan-chart-stats-overnum {
  color: #ff9b9b;
  font-weight: bold;
}

.advPlan-chart-stats-overdate:before {
  content: '\e91a';
  font-family: 'AdvancePlaning';
  font-size: 7pt;
  color: red;
  padding-right: 3px;
  padding-left: 3px;
  vertical-align: middle;
  line-height: 2 !important;
}


.advPlan-chart-stats-total,
.advPlan-chart-stats-latecount {
  vertical-align: middle;
  line-height: 2 !important;
  position: absolute;
  right: 10px;
}


.advPlan-chart-icon-cls {
  width:22px;
  height:22px;
  float:left;
  border-radius:50%;
  background:#ffffff;
  margin:2px 10px 0 0px
}

.advPlan-chartby-user:before,
.advPlan-chartby-company:before,
.advPlan-chartby-workteam:before,
.advPlan-chartby-trade:before,
.advPlan-chartby-skill:before,
.advPlan-chartby-status:before,
.advPlan-chartby-loclevel:before,
.advPlan-chartby-location:before,
.advPlan-chartby-linearunit:before,
.advPlan-chartby-rollup:before {
  font-family: 'AdvancePlaning';
  padding: 0;
  position: absolute;
  color: #333333;
}
.advPlan-chartby-workcategory:before,
.advPlan-chartby-certification:before{
  font-family: 'gantter-inline';
  padding: 0;
  position: absolute;
  color: #333333;
}
.advPlan-chartby-user:before {
  content: '\e90e';
  font-size: 16px;
  top: 0px;
  left: 8px;
}
.advPlan-chartby-company:before {
  content: '\e913';
  font-size: 16px;
  top: 0px;
  left: 7px;
}
.advPlan-chartby-workteam:before {
  content: '\e979';
  font-size: 25px;
  top: -9px;
  left: 3px;
}
.advPlan-chartby-trade:before {
  content: '\e97a';
  font-size: 25px;
  top: -8px;
  left: 3px;
}
.advPlan-chartby-skill:before {
  content: '\e976';
  font-size: 23px;
  top: -6px;
  left: 4px;
}
.advPlan-chartby-status:before {
  content: '\e97d';
  font-size: 18px;
  top: -1px;
  left: 5px;
}
.advPlan-chartby-loclevel:before,
.advPlan-chartby-location:before {
  content: '\e978';
  font-size: 24px;
  top: -7px;
  left: 3px;
}
.advPlan-chartby-linearunit:before {
  content: '\e96f';
  font-size: 21px;
  top: -4px;
  left: 5px;
}
.advPlan-chartby-rollup:before {
  content: '\e955';
  font-size: 15px;
  top: 2px;
  left: 7px;
}
.advPlan-chartby-workcategory:before {
  content: '\e90c';
  font-size: 15px;
  top: 2px;
  left: 7px;
}
.advPlan-chartby-certification:before {
  content: '\e90b';
  font-size: 15px;
  top: 2px;
  left: 7px;
}

.advPlan-chart-icon-cls > img{
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 24px;
  width: 24px;
}

.advPlan-chart-title-name {
  vertical-align: middle;
  line-height: 2 !important;
  overflow: hidden;
  max-width: 210px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.advPlan-chart-groupbyrollup-dual .advPlan-chart-title-name{
  max-width: 416px;
}

.advPlan-chart-title-total {
  vertical-align: middle;
  line-height: 2 !important;
  position: absolute;
  right: 10px;
}

.advPlan-chart-holder,
.advPlan-chart-fullholder {
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 184px;
}
.advPlan-chart-groupbyrollup-dual .advPlan-chart-holder {
  height: 164px;
}
.advPlan-chart-groupbyrollup-single .advPlan-chart-fullholder,
.advPlan-chart-groupbyrollup-dual .advPlan-chart-fullholder {
  height: 280px;
}

.advPlan-chart-top-legend {
  margin: 8px 0 0;
  color:white;
}

.advPlan-chart-legend {
  margin: 0 0 6px;
  color:white;
}
.advPlan-chart-groupbyrollup-dual .advPlan-chart-legend{
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 0;
  justify-items: stretch;
  align-items: stretch;
  width: 100%;
}

.advPlan-chart-legend-header {
  margin: 0 0 0 8px;
}

.advPlan-chart-legend ul, .advPlan-chart-top-legend ul {
  list-style: none;
  margin:0;
  padding:0;
  text-align:center;
}

.advPlan-chart-legend li {
  display: inline-table;
  cursor:pointer;
  margin: 8px 6px 4px 4px;
  font-family: 'Roboto-Regular';
  font-size: 9pt;
}
span.advPlan-chart-legend-header {
    font-size: 9.5pt;
    color: #c1c1c1;
}
.advPlan-chart-legend li span, .advPlan-chart-top-legend-color {
  padding: 0 10px;
  font-size: 12px;
  border-radius: 40%;
  margin-right: 4px;
}
.advPlan-chart-top-legend-percent .advPlan-chart-top-legend-color {
  background: #059cdf;
  vertical-align: initial !important;
}
.advPlan-chart-top-legend-nopercent .advPlan-chart-top-legend-color {
  padding: 0 8px;
  font-size: 10px;
  background: repeating-linear-gradient(to right, transparent, transparent 3px, #f8f8f8 4px, #f8f8f8 5px);
  border-style: solid;
  border-color: white;
  border-width: 1px;
  vertical-align: middle;
}

.advPlan-chart-top-legend li {
  display: inline-table;
  margin: 2px;
  font-family: 'Roboto-Regular';
  font-size: 14px !important;
  vertical-align: initial !important;
  border: 1px solid; #cacaca;
  border-radius: 4px;
  box-shadow: 1px 1px 1px 1px rgb(150 149 149 / 40%);
  padding: 4px 5px;
}


.advPlan-chart-tabs-container {
    align-content: center;
    align-items: stretch;
    display: grid;
    font-size: 12px;
    grid-template-columns: auto auto 1fr;
    justify-content: start;
    justify-items: start;
    padding: 0;
    background-color: #595959;
    width: 137px;
    border-radius: 13px;
    margin-left: 10px;
    line-height: 1.7;
}
.advPlan-chart-items-tab {
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    background: #595959;
    border-radius: 9px;
}
.advPlan-chart-items-tab.selected {
    border-bottom: 0px solid #e76e25;
    box-sizing: border-box;
    background: #e76e25;
    border-radius: 9px;
}

.advPlan-chart-tabs-container .advPlan-chart-tab {
    color: #fff;
    padding: 0 20px;
    text-decoration: none;
    font-size: 13px;
    font-family: 'Roboto-Regular';
}

.advPlan-chart-scroll::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #bfbfbf;
}
.advPlan-chart-scroll::-webkit-scrollbar
{
  width: 7px;
  background-color: #242424;
}
.advPlan-chart-scroll::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #7b7b7b;
}
.advPlan-chart-subtsks-header {
  font-size: 15px!important;
  margin-bottom: 18px;
}

.advPlan-chart-subtsks-gridheader {
  background-color: #444;
}
.advPlan-chart-subtsks-gridheader > div {
    padding: 9px 4px 4px 4px;
    min-width: 0;
    vertical-align: middle;
    line-height: 1.2;
}
.advPlan-chart-subtsks-gridheader > div.gridBudgetLineitem-cls {
    min-width: 150px;
    max-width: 200px;
  }
.advPlan-chart-subtsks-gridheader > div.gridBudgetLineitem-cls .gridbtnfilterCls:after {
    font-family: 'common-webfont';
    content: '\e99d';
    position: relative;
    float: right;
    color: #fff;
    font-size: 27px;
    margin-top: -10px;
    right: 9px;
}
.advPlan-chart-subtsks-grid {
  overflow-y: auto;
  max-height: 400px;
}

.advPlan-chart-subtsks-gridheader,
.advPlan-chart-subtsks-grid {
    display: grid;
    grid-template-columns: 1.2fr .9fr 1.5fr .8fr 1.2fr .8fr 1fr;
    gap: 2px 0;
    font-size: 12px;
    min-height: 0;
    min-width: 0;
    vertical-align: middle;
    line-height: 1.3;
}

.advPlan-chart-subtsks-grid > div {
  padding: 4px;
  height: 20px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  min-width: 0;
  border-bottom: 1px #666 solid;
}

.advPlan-chart-grid-col-name {
  color:#40c3ff;
  cursor: pointer;
}

.advPlan-chart-grid-col-percent {
  text-align:center;
}

.advPlan-chart-grid-col-status > span {
    display: inline-block;
    width: 102px;
    border-radius: 4px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: black;
    line-height: unset !important;
}

.advPlan-chart-gridheader-col-cost,
.advPlan-chart-grid-col-cost {
  text-align:right;
  padding-right: 6px !important;
}

.advanceplanner-tip-content {
  max-width: unset;
}


.ui-tooltip.advanceplanner-tip-content .tagname.hasSubtsks {
  width: 75%;
}
.ui-tooltip.advanceplanner-tip-content .tagname .text{
  font-size: 15px!important;
}

@media only screen and (max-width: 740px) {
  .advPlan-chart-groupbyrollup-single,
  .advPlan-chart-groupbyrollup-dual,
  .advanceplanner-rolluptag-tip-content .advPlan-chart-hasdetails,
  .advanceplanner-group-tip-content .advPlan-chart-hasdetails {
    width: 580px;
  }
  .advPlan-chart-gridheader-col-cost,
  .advPlan-chart-grid-col-cost {
    display: none;
  }
  .advPlan-chart-subtsks-gridheader,
  .advPlan-chart-subtsks-grid {
    grid-template-columns: 1.2fr 1fr 72px 110px 1fr;
  }
  .advPlan-chart-fullholder .advPlan-chart-area{
    width: 370px;
    height: 180px;
  }
}








/* grid timeline mode */


.advPlan-board-timeline .advPlan-taPos:not(.advPlan-taPos-timeline) .advPlan-tagBoxBody{
  background-image: none;
}

.advPlan-board-timeline .advPlan-taPos:not(.advPlan-taPos-timeline) .advPlan-tagShapeBody,
.advPlan-board-timeline .advPlan-taPos:not(.advPlan-taPos-timeline):active>.advPlan-tagShapeBody,
.advPlan-board-timeline .advPlan-taPos:not(.advPlan-taPos-timeline):hover>.advPlan-tagShapeBody{
  box-shadow: none;
}

.advPlan-board-timeline .advPlan-tagBoxBody:hover + .advPlan-tagShapeBody::before,
.advPlan-board-timeline .advPlan-tagBoxBody:active + .advPlan-tagShapeBody::before {
  display: none;
}

.advPlan-board-timeline .advPlan-tagBoxBody:hover .advPlan-tagPropsContainer,
.advPlan-board-timeline .advPlan-tagBoxBody:active .advPlan-tagPropsContainer {
  height: unset;
}



.advPlan-board-timeline .advPlan-tagBoxBody:active .advPlan-taActionBarPos,
.advPlan-board-timeline .advPlan-tagBoxBody:hover .advPlan-taActionBarPos,
.advPlan-board-timeline .expanded .advPlan-taActionBarPos,
.advPlan-board-timeline .advPlan-tagBoxBody:active:before,
.advPlan-board-timeline .advPlan-tagBoxBody:hover:before,
.advPlan-board-timeline .ui-resizable-handle,
.advPlan-board-timeline .presenceContainer,
.advPlan-board-timeline .advPlan-taActionBarPos,
.advPlan-board-timeline .advPlan-tagAction.on,
.advPlan-board-timeline .advPlan-tagprogress-barbox {
  display: none !important;
}
.advPlan-board-timeline .advPlan-addTagBody {
  border: 1px solid rgba(212,169,27,.15);
}
.advPlan-board-timeline .advPlan-addtag-main,
.advPlan-board-timeline .advPlan-taPos:not(.advPlan-taPos-timeline) .advPlan-tagBoxBody .advPlan-tagPropsContainer,
.advPlan-board-timeline .advPlan-taPos:not(.advPlan-taPos-timeline) .advPlan-tagPriority:after,
.advPlan-board-timeline .advPlan-taPos:not(.advPlan-taPos-timeline) .advPlan-tagShapeBody,
.advPlan-board-timeline .advPlan-taPos:not(.advPlan-taPos-timeline) .advPlan-tagProgressbarcolor {
  opacity: .15;
  transition: opacity 1s ease;
}
.advPlan-board-timeline .advPlan-taPos:not(.advPlan-taPos-timeline) .advPlan-tagShapeBody ~ .advPlan-predecessor-cls {
    opacity: .15
}
.advPlan-board-timeline .advPlan-taPos.actpresence{
  outline: none;
}
.advPlan-board-timeline .advPlan-taPos.selected>.advPlan-tagBoxBody{
  border: 0;
  outline: none;
}

.advPlan-board-timeline .advPlan-taPos-timelinesource {
  display: none !important;
}
.advPlan-board-timeline .advPlan-taPos-timeline {
  z-index: 1;
  content-visibility: initial;
  contain-intrinsic-size: initial;
  contain: none;
  will-change: transform;
}
.advPlan-board-timeline .advPlan-tagBoxBody{
  cursor: default;
}

.advanceplanner-timeline-tooltip {
  padding: 2px 2px 10px 2px;
  background: #fffadf;
  background: #fffef5;
  box-shadow:2px 2px 5px #aaa;
  border-radius: 6px;
  font-family: Roboto-Regular,Helvetica,sans-serif;
  max-width: unset;
}

.advanceplanner-timeline-tooltip .advanceplanner-arrow:after {
  background: #fffada;
  background: #fffef5;
  box-shadow: 8px 9px 7px -9px black;
}
.advanceplanner-timeline-tooltip .advanceplanner-arrow.top:after {
  box-shadow: -6px -6px 8px -9px black;
}
.advanceplanner-timeline-tooltip .ui-tooltip-content {
  width: var(--adplgs-tooltip-width);
  overflow: hidden;
}

/* timeline tooltip  */
.advPlan-tagTimelineChangesHeader {
  margin: 0 0 1em !important;
  /*border-bottom: 1px solid #ffe88e;
  border-bottom: 1px dashed #cdd1a7;
  box-shadow: 0 -10px 2px 8px #fffadf, 0 -1px 5px 0.5px #7a7c9e;*/
}
.advPlan-tagTimelineChangesHeaderText {
  font-size: 1em;
  text-align: center;
  margin: 0 0 2px 0;
  font-size: 1.1em;
}
.advPlan-tagTimelineDates {
  text-align: center;
  margin: 0;
  font-size: .9em;
}
/*.advPlan-tagUser:before {  
  font-family: 'AdvancePlaning';
  color: #333;
  content: '\e90e';
  font-size: 16px;
  padding-right: 5px;
}*/
.advPlan-tagTimelineChangesBody p {
  margin: 0 0 .5em 8px;
  padding: 0;
  font-family: Roboto-Regular,Helvetica,sans-serif;
  font-weight: normal;
  font-stretch: extra-expanded;
  color: #000;
  overflow: hidden;
  overflow: clip;  
  text-overflow: ellipsis;
  line-height: 1.1;
  -webkit-background-clip: text;
}
.advPlan-tagTimelineChangesBody .advPlan-tagName{
  font-size:1.1em;
}
.advPlan-tagTimelineChangesBody .advPlan-tagName:before {
  font-size: 1.2em;
  padding-right: 8px;
}
.advPlan-tagTimelineChangesBody .advPlan-tagComments::before{
  font-family: 'AdvTag';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 6px;
  content: '\e921';
  font-size: 1.1em;
}
.advPlan-tagTimelineChangesBody .advPlan-tagConstraints::before{
  font-family: 'AdvTag';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 5px;
  content: '\e97c';
  font-size: 1.2em;
}
.advPlan-tagTimelineChangesBody .advPlan-tagSTA::before{
  font-family: 'AdvTag';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 8px;
  content: '\e990';
  font-size: 1.1em;
}
.advPlan-tagTimelineChangesBody .advPlan-tagSafetyPermits::before{
  font-family: 'AdvTag';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 5px;
  content: '\e991';
  font-size: 1.2em;
}

.advanceplanner-timeline {
  position: relative;
  display: grid;
  align-items: center;
  justify-content: space-between;
  height: 82px;

  border-bottom: 1px solid #cdd1a7;
  background-color: #fff7d7aa;
  box-shadow: 0 -1px 3px 0.5px #7a7c9e; 
  margin-bottom: 8px;
  box-sizing: border-box;
}

.advanceplanner-timeline-1entries {
  grid-template-columns: 22px 1fr 10px 1fr 22px;
}
.advanceplanner-timeline-2entries {
  grid-template-columns: 22px 1fr 10px 1.5fr 10px 1fr 22px;
}
.advanceplanner-timeline-3entries {
  grid-template-columns: 22px 1fr 10px 1.5fr 10px 1.5fr 10px 1fr 22px;
}

.advanceplanner-timeline-changes {
  min-height: 46px;
}

.advanceplanner-timeline-line-solid {
  border-top: 2px solid #333;
  box-sizing: border-box;
}
.advanceplanner-timeline-line-dashed {
  border-top: 2px dotted #333;
  box-sizing: border-box;
}

.advanceplanner-timeline-prev,
.advanceplanner-timeline-next {
  font-family: 'AdvancePlaning';
  color: #000;
  text-decoration: none;
  display: inline-block;
  width: 17.9px;
  height: 17.9px;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-iQ: none;
}
.advanceplanner-timeline-prev:hover,
.advanceplanner-timeline-next:hover {
  border-radius: 50%;
  box-shadow: 0 0 2px 3px #87bdff, 0 0 8px 3px #ff9898, 0 0 1px 6px #fff;
  box-shadow: 0 0 1px 1px #c6d3e3, 0 0 2px 1px #ff9898, 0 0 5px 3px #fff;
}
.advanceplanner-timeline-prev {
  margin: 0 auto;
}
.advanceplanner-timeline-next {
  margin: 0 auto;
}
.advanceplanner-timeline-event {
  position: relative;
  /*box-sizing: border-box;*/
  display: inline-block;
  height: 10px;
  width: 10px;

  font-size: 8px;
  color: #767676 !important;
  text-decoration: none;

  background-color: #333;
  border-radius: 50%;
  box-shadow: 0 0 1px 3px #fff;
  cursor: pointer;
  z-index: 1;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-iQ: none;
}
.advanceplanner-timeline-event:hover {
  box-shadow: 0 0 0 1.6px #fff, 0 0 2px 3px #87bdff, 0 0 8px 3px #ff9898, 0 0 1px 6px #fff;
}
.advanceplanner-timeline-event.selected{
  box-shadow: 0 0 0 1.6px #fff, 0 0 2px 3px #0072ff, 0 0 8px 3px #00e7ff, 0 0 1px 6px #fff;
}

.advanceplanner-timeline-event.selected{
  color: #333 !important;
  background-color: #262323;
}
.advanceplanner-timeline-event::before{
  position: absolute;
  top: -30px;
  left: -16px;
  content: attr(data-ondate) '\00000a' attr(data-ontime);
  white-space: pre-wrap;
  display: inline-block;
  white-space: pre;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 60px;
}
.advanceplanner-timeline-event::after{
  position: absolute;
  top: 16px;
  left: -16px;
  width: 70px;
  height: 26px;
  content: attr(data-by);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.advPlan-linksContainer {
  position: relative;
}
.advPlan-linksline-above.advPlan-linksContainer {
  z-index: 1;
}

.advPlan-linksContainer > .leader-line {
  --width: 1;
  --height: 1;
  --left: 1;
  --top: 0;

  --calc-width: calc(var(--width) * var(--adplgs-zoomscale,1));
  --calc-height: calc(var(--height) * var(--adplgs-zoomscale,1));

  width: var(--calc-width);
  height: var(--calc-height);
  top: calc(var(--top) * var(--adplgs-zoomscale,1));
  left: calc(var(--left) * var(--adplgs-zoomscale,1));

  content-visibility: auto;
  contain-intrinsic-size: var(--calc-width,200px) var(--calc-height, 160px);
  contain: content;
}
/*
.advPlan-linksContainer > #atest,
.advPlan-linksContainer > #btest,
.advPlan-linksContainer > #ctest,
.advPlan-linksContainer > #dtest {
  position: absolute;
  z-index: 99999;
  --width: 10;
  --height: 10;
  --left: 0;
  --top: 0;
  --calc-width: calc(var(--width) * var(--adplgs-zoomscale,1));
  --calc-height: calc(var(--height) * var(--adplgs-zoomscale,1));
  width: var(--calc-width);
  height: var(--calc-height);
  top: calc(var(--top) * var(--adplgs-zoomscale,1));
  left: calc(var(--left) * var(--adplgs-zoomscale,1));
  border: 1px solid var(--bordercolor);
}*/

.linkEditContainer {
  padding: 0 !important; /* otherwise .ui-tooltip changes it to 8px  */
  max-width: 330px !important; /* otherwise .ui-tooltip changes it to 300px  */
  box-shadow: 2px 1px 6px #dbdbdb;
  width: 330px;
  z-index: 800; /* override tooltip z-index, to show bellow task properties  */
}



.advPlan-nonWorkingDays-hide > .advPlan-offday,
.advPlan-nonWorkingDays-hide > .advPlan-allOffDays {
  display: none;
}



/* weather styles */


.advPlan-weatherContainer {
  position: absolute;
  height: 100%;
  width: 100%;
  /*position: sticky;*/
  top: 0;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-iQ: none;
  pointer-events: none;
}

.advPlan-weatherContainer > div {
  position: sticky;
  top: 0;
  height: calc(100vh - 122px);
  --adplgs-weather-height: 100%;
  --adv-rain-height: 1200px;
  width: 100%;
}

.advPlan-splitscreen .advPlan-weatherContainer > div {
  height: calc(50vh - 61px);
}


.advPlan-weather-above.advPlan-weatherContainer {
  z-index: 4;
}


.weather01, /* clear sky */
.weather02,  /* few clouds */
.weather03, /* scattered clouds */ 
.weather04  /* broken clouds */ {
  position: absolute;
  left: calc(((var(--adplgs-tag-x,0) * var(--adplgs-celwidth,0px)) + var(--adplgs-tag-xoffset,0px)) * var(--adplgs-zoomscale,1));
  overflow: hidden;
  width: var(--adplgs-zoom-celwidth);
  height: var(--adplgs-weather-height);
  background: rgb(196,222,255);
  background: linear-gradient(0deg, rgb(196,222,255,) 0%, rgb(201,225,255) 65%);
}


.weather09, /* shower rain */
.weather11, /* thunderstorm */
.weather13  /* snow */ {
  position: absolute;
  left: calc(((var(--adplgs-tag-x,0) * var(--adplgs-celwidth,0px)) + var(--adplgs-tag-xoffset,0px)) * var(--adplgs-zoomscale,1));
  overflow: hidden;
  width: var(--adplgs-zoom-celwidth);
  height: var(--adplgs-weather-height);
  background-size: cover;
  background-position: center;
  animation-delay: 1s;
  background: rgb(142,165,193);
  background-image: linear-gradient(303deg, rgb(142,165,193) 0%, rgb(233,233,233) 74%);
}


.weather10 /* rain (some sun) */ {
  position: absolute;
  left: calc(((var(--adplgs-tag-x,0) * var(--adplgs-celwidth,0px)) + var(--adplgs-tag-xoffset,0px)) * var(--adplgs-zoomscale,1));
  overflow: hidden;
  width: var(--adplgs-zoom-celwidth);
  height: var(--adplgs-weather-height);
  background: rgb(190,212,239);
  background: linear-gradient(0deg, rgb(198,222,255) 0%, rgb(190,212,239) 65%);
}

.advPlan-weather-above .weather01,
.advPlan-weather-above .weather02,
.advPlan-weather-above .weather03,
.advPlan-weather-above .weather04 {
  background: rgba(196,222,255,.21);
  background: linear-gradient(0deg, rgba(196,222,255,.21) 0%, rgba(201,225,255,.21) 65%);
}


.advPlan-weather-above .weather09,
.advPlan-weather-above .weather11,
.advPlan-weather-above .weather13 {
  background: rgba(142,165,193,.21);
  background-image: linear-gradient(303deg, rgba(142,165,193,.21) 0%, rgba(233,233,233,.21) 74%);
}

.advPlan-weather-above .weather10 {
  background: rgba(190,212,239,.21);
  background: linear-gradient(0deg, rgba(198,222,255,.21) 0%, rgba(190,212,239,.21) 65%);
}
.advPlan-weather-above .weather50 {
  background: rgba(233,233,233,.21);
    background-image: linear-gradient(303deg, rgb(63 81 181 / 21%) 0%, rgb(63 81 181 / 21%) 74%);
}


.weather-lightning {
  display: none;
}

.weather11 .weather-lightning {
  display: block;
  position: absolute;
  height: 100%;
}

.weather11 .weather-lightning:before {
  content: "";
  position: absolute;
  top: 160px;
  left: -120px;
  width: 493px;
  height: 100%;
  background-repeat: no-repeat;
  animation: lightningflash1 3s linear infinite;
  animation-delay: 3s;
  background-position: center;
  background-position: center;
  background-size: 100%;
  background-image: url(../images/weather/lightning.svg);
  opacity:0;
}
.weather11 .weather-lightning:after {
  content: "";
  position: absolute;
  top: 76px;
  left: -178px;
  width: 450px;
  height: 100%;
  background-repeat: no-repeat;
  animation: lightningflash2 4s linear infinite;
  background-position: center;
  background-position: center;
  background-size: 150%;
  background-image: url(../images/weather/lightning1.svg);
  opacity: 1;
}


@keyframes lightningflash1{ 
  0% {opacity:0}
  76% {opacity:0}
  82% {opacity:1;} 
}

@keyframes lightningflash2{ 
  0% {opacity:0}
  1% {transform: translateX(-48px)}
  18% {opacity:0}
  28% {opacity:1}
  36% {opacity:.1}
  49% {opacity:0; transform: translateX(-48px)}
  50% {opacity:0; transform: translateX(20px)}
  68% {opacity:0;}
  78% {opacity:.7}
  86% {opacity:.1}
  99% {opacity:0}
  100% {opacity:0; transform: translateX(20px)}  
}






.weather-rain {
  display: none;
  position: absolute;
}
.weather-rain1 {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  height: var(--adv-rain-height);
  width: var(--adplgs-zoom-celwidth);
  background-image: url(../images/weather/rain-300x300.png);
  transform: scaleX(-1);
  background-repeat: repeat;
}

.weather09 .weather-rain,
.weather10 .weather-rain,
.weather11 .weather-rain  {
  position: absolute;
  display: block;
  width: var(--adplgs-zoom-celwidth);
  height: var(--adv-rain-height);
}

.weather10 .weather-rain1 {
  top: 260px;
}




.weather-clouds,
.weather-cloudmist1,
.weather-cloudmist2,
.weather-cloudmist3{
  display: none;
}

.weather-cloud1,
.weather-cloud2,
.weather-cloud3 {
  position: absolute;
  display: none;
  width: 436px;
  height: 200px;
  transform: translate(-420px);
  opacity: .8;
}


.weather02 .weather-clouds,
.weather03 .weather-clouds,
.weather04 .weather-clouds,
.weather09 .weather-clouds,
.weather10 .weather-clouds,
.weather11 .weather-clouds,
.weather13 .weather-clouds{
  position: absolute;
  display: block;
  overflow: hidden;
  width: var(--adplgs-zoom-celwidth);
  height: var(--adplgs-weather-height);
}

.weather02 .weather-cloud1,
/*.weather02 .weather-cloud2,*/
.weather02 .weather-cloud3,
.weather03 .weather-cloud1,
.weather03 .weather-cloud2,
.weather03 .weather-cloud3,
.weather04 .weather-cloud1,
.weather04 .weather-cloud2,
.weather04 .weather-cloud3,
.weather09 .weather-cloud1,
.weather09 .weather-cloud2,
.weather09 .weather-cloud3,
.weather10 .weather-cloud1,
.weather10 .weather-cloud2,
.weather11 .weather-cloud1,
.weather11 .weather-cloud2,
.weather11 .weather-cloud3,
.weather13 .weather-cloud1,
.weather13 .weather-cloud2,
.weather13 .weather-cloud3 {
  display: block;
}

.advPlan-weather-above .weather-cloud1 {
  width: 370px;
  background: url(../images/weather/Cloud-above-1.svg) no-repeat;
  background-size: 323px;
  animation: cloudstart 38s linear 0s 1, cloudmove1 74s linear 42s infinite;
  opacity: 0.7;
  top: 120px;
}
.advPlan-weather-above .weather-cloud2 {
  background: url(../images/weather/Cloud-above-2.svg) no-repeat;
  animation: cloudmove2 80s linear infinite;
  animation-delay: 3s;
  top: 240px;
}
.advPlan-weather-above .weather-cloud3 {
  background: url(../images/weather/Cloud-above-3.svg) no-repeat;
  animation: cloudmove2 45s linear infinite;
  transition-delay: 8s;
  top: 400px;
}
.weather-cloud1 {
  width: 370px;
  /*background: url(../images/weather/cloud1.svg) no-repeat, url(../images/weather/cloud2.svg) no-repeat;*/
  background-size: 380px;
  animation: cloudstart 38s linear 0s 1, cloudmove1 74s linear 42s infinite;
  opacity: .7;
  top: 120px;
}
.weather-cloud2 {
  /*background: url(../images/weather/cloud1.svg) no-repeat, url(../images/weather/cloud2.svg) no-repeat;*/
  animation: cloudmove2 80s linear infinite;
  animation-delay: 3s;
  top: 240px;
}
.weather-cloud3 {
  /*background: url(../images/weather/cloud1.svg) no-repeat, url(../images/weather/cloud2.svg) no-repeat;*/
  animation: cloudmove2 45s linear infinite;
  transition-delay: 8s;
  top: 400px;
}



.weather02 .weather-cloud1{
  top: 220px;
  animation: cloudstart 20s linear 0s 1, cloudmove1 40s linear 22s infinite;
  opacity: .6;
}
.weather02 .weather-cloud3{
  width: 320px;
  top: 420px;
  background-image: url(../images/weather/mist1.svg);
  background-repeat: no-repeat;
}

.weather03 .weather-cloud2{
  width: 320px;
  top: 260px;
  background-image: url(../images/weather/mist1.svg);
  background-repeat: no-repeat;
  background-size: 320px;
}

.weather09 .weather-cloud1 {
  top: 100px;
  animation: cloudstart-dark 38s linear 0s 1, cloudmove1-dark 74s linear 42s infinite;  
}
.weather09 .weather-cloud2 {
  animation: cloudmove2-dark 80s linear infinite;
}
.weather09 .weather-cloud3 {
  animation: cloudmove2-dark 45s linear infinite;
}

.weather10 .weather-cloud1 {
  width: 300px;
  top: 100px;
  background-image: url(../images/weather/mist1.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.weather10 .weather-cloud2 {
  width: 300px;
  top: 366px;
  background-image: url(../images/weather/mist1.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}


.weather02 .weather-cloudmist1 {
  position: absolute;
  display: block;
  top: 144px;
  left: 9px;
  width: 100%;
  height: calc(var(--adplgs-weather-height) - 144px);
  background-image: url(../images/weather/mist1.svg);
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 650px;
  opacity: .2;
}
.weather02 .weather-cloudmist2 {
  position: absolute;
  display: block;
  top: 202px;
  left: -15px;
  width: 110%;
  height: calc(var(--adplgs-weather-height) - 202px);
  background-image: url(../images/weather/mist1.svg);
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 650px;
  opacity: .3;
}

.weather03 .weather-cloudmist1,
.weather04 .weather-cloudmist1,
.weather09 .weather-cloudmist1,
/*.weather10 .weather-cloudmist1,*/
.weather11 .weather-cloudmist1,
.weather13 .weather-cloudmist1 {
  position: absolute;
  display: block;
  width: var(--adplgs-zoom-celwidth);
  height: var(--adplgs-weather-height);
  background-image: url(../images/weather/mist1.svg);
  background-repeat: no-repeat;
  background-size: 500px;
  opacity: .4;
}

.weather03 .weather-cloudmist1 {
  top: 40px;
  background-size: 240px;
}

.weather04 .weather-cloudmist2,
.weather09 .weather-cloudmist2,
.weather11 .weather-cloudmist2,
.weather13 .weather-cloudmist2 {
  position: absolute;
  display: block;
  top: 100px;
  left: 9px;
  width: var(--adplgs-zoom-celwidth);
  height: calc(var(--adplgs-weather-height) - 60px);
  background-image: url(../images/weather/mist1.svg);
  background-repeat: no-repeat;
  background-size: 600px;
  opacity: .6;
}

.weather04 .weather-cloudmist2 {
  top: 160px;
  left: 75px;
  background-size: 300px;
}

.weather09 .weather-cloudmist3,
.weather10 .weather-cloudmist3,
.weather11 .weather-cloudmist3,
.weather13 .weather-cloudmist3 {
  position: absolute;
  display: block;
  top: 160px;
  left: -75px;
  width: calc(var(--adplgs-zoom-celwidth) + 75px);  
  height: calc(var(--adplgs-weather-height) - 160px);
  background-image:  url(../images/weather/mist1.svg);
  background-repeat: no-repeat;
  background-size: 600px;
  opacity: .8;
}

.weather10 .weather-cloudmist3 {
  background-size: calc(var(--adplgs-zoom-celwidth) + 300px);
  top: 180px;
}





/* Weather Snow falling down */

.weather-falling-snow {
  display: none;
}

.weather13 .weather-falling-snow {
  position: absolute;
  display: block;
  width: 100%;
  top: 310px;
  height: var(--adplgs-weather-height);
  background: transparent;
}
.weather13 .weather-falling-dots:after,
.weather13 .weather-falling-dots:before {
  content: "";
  background: transparent
}

.weather13 .weather-falling-dots:after,
.weather13 .weather-falling-dots:before,
.weather13 .weather-falling-dots {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.weather13 .weather-falling-dots:after {
  background: url("../images/weather/snow-top-to-bottom-trasparancy.png") repeat 20px 0;
  animation: falling-down-snow 8s linear infinite;
  opacity: .8;
  transform: scale(1.5) translateY(180px);
}

.weather13 .weather-falling-dots:before {
  background: url("../images/weather/snow-top-to-bottom-trasparancy.png") repeat 20px 0;
  animation: falling-down-snow 16s linear infinite;
  opacity: .6;
}

.weather13 .weather-falling-dots {
  background: url("../images/weather/snow.png") repeat 20px 0, url("../images/weather/snow-top-to-bottom-trasparancy.png") repeat 20px 0;
  animation: falling-down-snow 28s linear infinite;
  width: 100%;
  position: absolute;
}

.weather10 .weather-rain{
  top: 270px;
  position: absolute;
  overflow: clip;
}

/* Optimized Rain Animation */
.weather09 .weather-rain1,
.weather10 .weather-rain1,
.weather11 .weather-rain1 {
    position: absolute;
    top: 0px;
    left: 0;
    height: var(--adv-rain-height);
    width: var(--adplgs-zoom-celwidth);
    background: url("../images/weather/dark-rain.svg");
    background-repeat: repeat;
    transform: none;
    z-index: 0;
    opacity: .5;

    display: block;
    animation: rainanim1_1001 3s linear infinite;
}


@keyframes rainanim1_1001 {
    from {
        transform: translateY(-30%);
    }
   
}


/* END */



@keyframes falling-down-snow {
  from {
    background-position: 0 20px;
  }
  to {
    background-position: 0px 580px;
  }
}





@keyframes rainanim1_100 {
  0%  {
    background-position: 0% 10%;
  }
  100% {
    background-position: 3% 98%;
  }
}
@keyframes rainanim2_100 {
  0%  {
    background-position: 0% 10%;
    opacity:.2;
  }
  70% {
    opacity:.5;
  }  
  100% {
    background-position: 3% 98%;
    opacity:.3;
  }
}

@keyframes rainanim1_80 {
  0%  {
    opacity: .9;
    background-position: 0% 10%;
  }
  80%  {
    opacity: .9;
    background-position: 3% 88%;
  }
  81%  {
    opacity: .1;
    background-position: 4% 89%;
  }  
  100% {
    opacity: 0;
  }
}
@keyframes rainanim2_80 {
  0%  {
    background-position: 0% 10%;
    opacity:.2;
  }
  80%  {
    opacity: .5;
  }
  81%  {
    opacity: 0;
    background-position: 3% 88%;
  }
  100% {
    opacity: 0;
  }
}

@keyframes rainanim1_60 {
  0%  {
    opacity: .7;
    background-position: 0% 10%;
  }
  60%  {
    opacity: .7;
    background-position: 3% 78%;
  }
  61%  {
    opacity: .1;
    background-position: 4% 79%;
  }  
  100% {
    opacity: 0;
  }
}
@keyframes rainanim2_60 {
  0%  {
    background-position: 0% 10%;
    opacity:.2;
  }
  60%  {
    opacity: .4;
  }
  61%  {
    opacity: 0;
    background-position: 3% 78%;
  }
  100% {
    opacity: 0;
  }
}

@keyframes rainanim1_10 {
  0%  {
    opacity: .7;
    background-position: 0% 10%;
  }
  30%  {
    opacity: .7;
    background-position: 3% 68%;
  }
  31%  {
    opacity: .1;
    background-position: 4% 69%;
  }  
  100% {
    opacity: 0;
  }
}
@keyframes rainanim2_10 {
  0%  {
    background-position: 0% 10%;
    opacity:.2;
  }
  20%  {
    opacity: .4;
  }
  21%  {
    opacity: 0;
    background-position: 3% 68%;
  }
  100% {
    opacity: 0;
  }
}


@keyframes cloudstart {
  0% {
    transform: translateX(-10px);
    opacity: .5;
  }
  100% {
    transform: translateX(280px);
    opacity: .7;
  }
}
@keyframes cloudstart-dark {
  0% {
    transform: translate(-10px);
    opacity: .7;
  }
  100% {
    transform: translate(280px);
    opacity: 1;
  }
}
@keyframes cloudmove1 {
  0% {
    transform: translate(-370px);
    opacity: .8;
  }
  100% {
    transform: translate(280px);
    opacity: .6;
  }
}
@keyframes cloudmove1-dark {
  0% {
    transform: translate(-370px);
    opacity: .8;
  }
  100% {
    transform: translate(280px);
    opacity: 1;
  }
}
@keyframes cloudmove2 {
  0% {
    transform: translateX(-400px);
    opacity: .6;
  }
  100% {
    transform: translateX(260px);
    opacity: .8;
  }
}
@keyframes cloudmove2-dark {
  0% {
    transform: translateX(-400px);
    opacity: .8;
  }
  100% {
    transform: translateX(260px);
    opacity: 1;
  }
}






.weather50  /* mist */ {
  position: absolute;
  left: calc(((var(--adplgs-tag-x,0) * var(--adplgs-celwidth,0px)) + var(--adplgs-tag-xoffset,0px)) * var(--adplgs-zoomscale,1));
  overflow: hidden;
  width: var(--adplgs-zoom-celwidth);
  height: var(--adplgs-weather-height);
  background-size: cover;
  background-position: center;
  animation-delay: 10s;
  background: rgb(233,233,233);
  background-image: linear-gradient(303deg, rgb(183,201,223) 0%, rgb(233,233,233) 74%);
}
.weather50:before {
  content: "";
  position: absolute;
  width: var(--adplgs-zoom-celwidth);
  height: var(--adplgs-weather-height);
  background-image: url(../images/weather/mist1.svg), url(../images/weather/mist2.svg), url(../images/weather/mist1.svg), url(../images/weather/mist2.svg);
  background-size: 1000px;
  background-repeat: no-repeat;
  animation: cloud-mist3 80s linear infinite;
  width: 700px;
}

.weather50:after {
  content: "";
  position: absolute;
  top: 30%;
  width: var(--adplgs-zoom-celwidth);
  height: var(--adplgs-weather-height);
  background-image: url(../images/weather/mist1.svg),url(../images/weather/mist2.svg),url(../images/weather/mist1.svg),url(../images/weather/mist2.svg);
  background-size: 1000px;
  background-repeat: no-repeat;
  animation: cloud-mist2 58s linear infinite;
  width: 600px;
}
.weather50 .weather-mist .weather-mist1 {
  background-image: url(../images/weather/mist1.svg),url(../images/weather/mist2.svg),url(../images/weather/mist1.svg),url(../images/weather/mist2.svg);
  background-size: 1000px;
  background-repeat: no-repeat;
  animation: cloud-mist 30s linear infinite, cloud-mist2 60s linear infinite;
  height: var(--adplgs-weather-height);
  width: 600px;
  position: absolute;
}
.weather50 .weather-mist .weather-mist2 {
  background-image: url(../images/weather/mist1.svg),url(../images/weather/mist2.svg),url(../images/weather/mist1.svg),url(../images/weather/mist2.svg);
  background-size: 1000px;
  background-repeat: no-repeat;
  animation: cloud-mist2 30s linear infinite,cloud-mist 45s linear infinite;
  height: var(--adplgs-weather-height);
  top: 30%;
  width: 600px;
  position: absolute;
}


@keyframes cloud-mist2 {
  from {
    transform: translateX(-400px);
    opacity: .3;
  }
  to {
    transform: translateX(280px);
    opacity: .7;
  }
}
@keyframes cloud-mist3 {
  from {
    transform: translateX(-500px);
    opacity: .3;
  }
  to {
    transform: translateX(280px);
    opacity: .7;
  }
}
@keyframes cloud-mist {
  from {
    transform: translateX(-400px);
    opacity: .4;
  }
  to {
    transform: translateX(280px);
    opacity: .7;
  }
}
@keyframes cloud-mist4 {
  from {
    transform: translateX(-400px);
    opacity: .3;
  }
  to {
    transform: translateX(280px);
    opacity: .7;
  }
}


/* SUN Animation */


.weather01 .sun-rays,
.weather02 .sun-rays,
.weather10 .sun-rays {
  background: url(../images/weather/sunlight.svg) no-repeat center center;
  width: 230px;
  height: 230px;
  animation: SunAnimation 5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  position: absolute;
  opacity: .8;
  top: 100px;
}
.weather10 .sun-rays {
  top: 110px;
}

@keyframes SunAnimation {
  0% {
    transform: scale(1.2);
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1.2);
  }  
}

/* Animation above tags */

.advPlan-weather-above .weather-clouds,
.advPlan-weather-above .weather-cloudmist1,
.advPlan-weather-above .weather-cloudmist2,
.advPlan-weather-above .weather-cloudmist3,
.advPlan-weather-above .weather-falling-snow {
  opacity: .7;
}
.advPlan-weather-above .weather-rain{
  opacity: .9;
}
.advPlan-weather-above .weather10 .weather-rain {
  opacity: .8;
}


.advPlan-weather-above .weather10 .sun-rays{
  animation-name: none;
  transform: scale(1.2);
  height: 240px;
  background-size: 280px;  
}

.advPlan-weather-above .weather10 .weather-cloudmist2{
  position: absolute;
  height: 100px;
  display: block;
  background-image: url(../images/weather/mist1.svg);
  top: 214px;
  width: var(--adplgs-zoom-celwidth);
  opacity: 1;
}
.advPlan-weather-above .weather10 .weather-cloudmist3 {
  opacity: 1;
}


.advPlan-no-animation .weather50:before,
.advPlan-no-animation .weather50:after,
.advPlan-no-animation .weather-lightning:before,
.advPlan-no-animation .weather-lightning:after,
.advPlan-no-animation .weather-lightning,
.advPlan-no-animation .weather-rain1,
.advPlan-no-animation .weather-cloud1,
.advPlan-no-animation .weather-cloud2,
.advPlan-no-animation .weather-cloud3,
.advPlan-no-animation .weather-cloudmist3,
.advPlan-no-animation .weather-cloudmist2,
.advPlan-no-animation .weather-cloudmist1,
.advPlan-no-animation .sun-rays,
.advPlan-no-animation .weather-falling-dots:after,
.advPlan-no-animation .weather-falling-dots:before,
.advPlan-no-animation .weather-falling-dots  {
  animation-name: none !important;
}

.advPlan-no-animation .weather-cloud1 {
  transform: translateX(-10px);
}
.advPlan-no-animation .weather02 .weather-cloud1{
  transform: translateX(-10px);
}
.advPlan-no-animation .weather09 .weather-cloud1 {
  transform: translateX(-10px); 
}
.advPlan-no-animation .weather09 .weather-cloud2 {
  transform: translateX(-10px);
}

.advPlan-no-animation .weather02 .weather-cloud1 {
  display: none;
}
.advPlan-no-animation .weather02 .weather-cloud3 {
  transform: translate(60px, 20px);
}

.advPlan-no-animation .weather03 .weather-cloud1 {
  transform: translate(22px, 74px);
  opacity: .7;
}

.advPlan-no-animation .weather04 .weather-cloud1 {
  transform: translateX(54px);
}
.advPlan-no-animation .weather04 .weather-cloud2 {
  transform: translate(-20px, 60px)
}

.advPlan-no-animation .weather10 .weather-cloud1 {
  transform: translate(0, -50px);
  opacity: .3;
}

.advPlan-no-animation .weather11 .weather-cloud1 {
  transform: translate(-140px, -70px);
}
.advPlan-no-animation .weather11 .weather-cloud2 {
  transform: translate(-70px, -26px);
  opacity: 1;
}

.advPlan-no-animation .weather-rain1 {
  opacity: .8;
}


@media (prefers-reduced-motion) {
  .weather50:before,
  .weather50:after,
  .weather-lightning:before,
  .weather-lightning:after,
  .weather-lightning,
  .weather-rain1,
  .weather-cloud1,
  .weather-cloud2,
  .weather-cloud3,
  .weather-cloudmist3,
  .weather-cloudmist2,
  .weather-cloudmist1,
  .sun-rays,
  .weather-falling-dots:after,
  .weather-falling-dots:before,
  .weather-falling-dots  {
    animation-name: none;
  }

  .advPlan-no-animation .weather50:before,
  .advPlan-no-animation .weather50:after,
  .advPlan-no-animation .weather-lightning:before,
  .advPlan-no-animation .weather-lightning:after,
  .advPlan-no-animation .weather-lightning,
  .advPlan-no-animation .weather-rain1,
  .advPlan-no-animation .weather-cloud1,
  .advPlan-no-animation .weather-cloud2,
  .advPlan-no-animation .weather-cloud3,
  .advPlan-no-animation .weather-cloudmist3,
  .advPlan-no-animation .weather-cloudmist2,
  .advPlan-no-animation .weather-cloudmist1,
  .advPlan-no-animation .sun-rays,
  .advPlan-no-animation .weather-falling-dots:after,
  .advPlan-no-animation .weather-falling-dots:before,
  .advPlan-no-animation .weather-falling-dots  {
    animation-name: none !important;
  }

  .weather-cloud1 {
    transform: translateX(-10px);
  }
  .weather02 .weather-cloud1{
    transform: translateX(-10px);
  }
  .weather09 .weather-cloud1 {
    transform: translateX(-10px); 
  }
  .weather09 .weather-cloud2 {
    transform: translateX(-10px);
  }

  .weather02 .weather-cloud1 {
    display: none;
  }
  .weather02 .weather-cloud3 {
    transform: translate(60px, 20px);
  }

  .weather03 .weather-cloud1 {
    transform: translate(22px, 74px);
    opacity: .7;
  }

  .weather04 .weather-cloud1 {
    transform: translateX(54px);
  }
  .weather04 .weather-cloud2 {
    transform: translate(-20px, 60px)
  }

  .weather10 .weather-cloud1 {
    transform: translate(0, -50px);
    opacity: .3;
  }

  .weather11 .weather-cloud1 {
    transform: translate(-140px, -70px);
  }
  .weather11 .weather-cloud2 {
    transform: translate(-70px, -26px);
    opacity: 1;
  }
  .weather-rain1 {
    opacity: .8
  }
}
/* Adding smartapp icon to tooltip window */
.tagtime-icon-cls:before {
    content: '\e996';
    font-size: 1.8em;
    font-family: 'AdvancePlaning' !important;
    font-style: normal;
    vertical-align: middle;
}

.budget-tooltip-cls {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;    
}
.budget-icon-cls:before {
    content: '\e943';
    font-size: 2.2em;
    padding-right: 5px;
    font-family: 'gantterfont' !important;
    font-style: normal;
    position: absolute;
    margin-top: -3px;
    margin-left: -7px;
}
i.budget-icon-cls {
    line-height: 1;
}
.budget-tooltip-cls .budgetname{
  flex: 4 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.budgetcost .budget-symbol:before {
    content: '\e944';
    font-size: 19px;
    color: #ffffff;
    font-family: 'gantterfont' !important;
    line-height: .8;
    vertical-align: bottom;
}
.budget-tooltip-cls .budgetname span {
    margin-left: 22px;
    line-height: 1.5;
}
.budget-tooltip-cls .budgetcost {
  flex: 1 0 34px;
  margin-left: 18px;
}
.splitwidget-tip-cls {
  position: absolute;
  top: 0;
  right: 2px;
  background: #4a4a4ae0;
  color: #fff;
  padding: 8px 10px 4px 33px;
  border-bottom-left-radius: 4px;
  width: 260px;
  z-index: 1020; /* above .advPlan-segHeaderTopMenuContainer */
  border-bottom-right-radius: 4px;
  line-height: 1.5;
}
.splitwidget-tip-cls.splitwidget-inactive {
  background: #4a4a4a68;
}
.splitwidget-tip-cls:hover {
  background: #4a4a4a;
}
.splitwidget-tip-cls .board-type {
    border-radius: 50%;
    border: 1px solid #EE772F;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 6px;
    background: #EE772F;
    margin-top: -3px;
}
.splitwidget-tip-cls .board-type:before {
    font-family: 'AdvancePlaning';
    color: #EE772F;
    position: absolute;
    content: '\e931';
    font-size: 14px;
    font-size: 13px;
    left: 2px;
    top: 0px;
    color: #fff;
}
.splitwidget-tip-cls .board-type.plan-board-cls {
    border-radius: 50%;
    border: 1px solid #2694c4;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 6px;
    background: #1884b4;
    margin-top: -3px;
}
.splitwidget-tip-cls .board-type.plan-board-cls:before {
    content: '\e97e';
    font-size: 15px;
    left: -1px;
    top: 0px;
    color: #fff;
    font-family: 'AdvancePlaning';
    position: absolute;
}
.splitwidget-tip-cls.splitwidget-inactive .link-type:before, 
.splitwidget-tip-cls.splitwidget-inactive .expand-type:before, 
.splitwidget-tip-cls.splitwidget-inactive .collapse-type:before, 
.splitwidget-tip-cls.splitwidget-inactive .close-type:before {
    background: #4a4a4a88
}
.splitwidget-tip-cls.splitwidget-inactive:hover .link-type:before, 
.splitwidget-tip-cls.splitwidget-inactive:hover .expand-type:before, 
.splitwidget-tip-cls.splitwidget-inactive:hover .collapse-type:before, 
.splitwidget-tip-cls.splitwidget-inactive:hover .close-type:before {
     background: #000000;
}
.splitwidget-title {
    display: inline-block;
    width: 166px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-family: 'Roboto-Regular';
}
.splitwidget-tip-cls .link-type:before,
.splitwidget-tip-cls .expand-type:before,
.splitwidget-tip-cls .collapse-type:before,
.splitwidget-tip-cls .close-type:before {
    font-family: 'AdvancePlaning';
    color: #fff;
    position: absolute;
    top: -1px;
    background: #000;
    padding: 2px 6px;
    border-radius: 4px;

}
.splitwidget-tip-cls .link-type:before {
    content: '\e97b';
}
.splitwidget-tip-cls .expand-type:before {
    content: '\e925';
}
.splitwidget-tip-cls .collapse-type:before {
    content: '\e93c';
}
.splitwidget-tip-cls .close-type:before {
    content: '\e920';
}
.splitwidget-tip-cls .link-type,
.splitwidget-tip-cls .expand-type,
.splitwidget-tip-cls .collapse-type,
.splitwidget-tip-cls .close-type {
    display: inline-block;
    width: 30px;
    height: -1px;
    position: relative;
    float: right;
    margin: 0px;
    height: 17px;
    cursor: pointer;
}

.splitwidget-tip-cls .link-type.active:before {
  background: #ffff00;
  color: #000;
}
.splitwidget-tip-cls.splitwidget-inactive .link-type.active:before {
  background: #ffff00b3;
}
.splitwidget-tip-cls.splitwidget-inactive:hover .link-type.active:before {
  background: #ffff00;
}

.advPlan-splitscreen {
  margin: 5px;
  border-radius: 3px;
  box-shadow: 1px 1px 4px #b5b5b5;
}
.advPlan-splitscreen.advPlan-activeboard {
    border:2px solid #62b0d4 !important;
    box-shadow: 1px 2px 1px 0px #62b0d4;
}
.advPlan-splitscreen.advPlan-dispatchboard.advPlan-activeboard {
    border: 2px solid #db7c43 !important;
    box-shadow:  1px 2px 1px 0px #db7c43;
}
/* Adv plan header date group */
.advPlan-segmentsHeaderDateGroup {
      z-index: 17;
}

/* New header - Zoomin and Zoomout styling */
.advPlan-segmentGroupHeaderText {
    padding: 5px;
    box-sizing: border-box;
    height: 27px;
    border-bottom: 1px solid #dbdbdb;
    font-size: 14px;
    color: #333;
    border-left: 1px solid #dbdbdb !important;
    justify-content: flex-start;
    align-items: start;
    flex-wrap: nowrap;
    flex-direction: row;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Percentage of rainfall */
.rain100 .weather-rain1 {
  animation: rainAnimation100 2s linear infinite; 
}

.rain80 .weather-rain1{
  animation: rainAnimation80 2s linear infinite; 
}

.rain60 .weather-rain1{
  animation: rainAnimation60 3s linear infinite; 
}

.rain10 .weather-rain1{
  animation: rainAnimation10 5s linear infinite;
}

/* Cloud Animation - image optimaization */
.weather02 .weather-cloud1,
.weather02 .weather-cloud2,
.weather02 .weather-cloud3,
.weather03 .weather-cloud1,
.weather03 .weather-cloud2,
.weather03 .weather-cloud3,
.weather04 .weather-cloud1,
.weather04 .weather-cloud2,
.weather04 .weather-cloud3,
.weather10 .weather-cloud1,
.weather10 .weather-cloud2,
.weather10 .weather-cloud3
{
    background: url(../images/weather/Cloud-Light.svg) no-repeat !important;
}

.weather09 .weather-cloud1,
.weather09 .weather-cloud2,
.weather09 .weather-cloud3,
.weather11 .weather-cloud1,
.weather11 .weather-cloud2,
.weather11 .weather-cloud3,
.weather13 .weather-cloud1,
.weather13 .weather-cloud2,
.weather13 .weather-cloud3
{
    background: url(../images/weather/Cloud-Dark.svg) no-repeat !important;
}
/* Thick scrollbar for board view */
.advPlan-segments.js-segments::-webkit-scrollbar {
    height: 1em;
    width: 1em;
}
.advPlan-segments.js-segments::-webkit-scrollbar-track {
    background: #e6e6e6;
    border-radius: .2em
}

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

.advPlan-segments.js-segments::-webkit-scrollbar-thumb:hover {
    background: #666
}
.advPlan-segments::-webkit-scrollbar-corner {
    background: #e6e6e6; /* Color for the gap between the scrollbars */
}
.advPlan-segments {
    scrollbar-width: 1em;
    scrollbar-color: #ed7532 #ebebeb;
}
/* Criticalpath -when animation is stop -  */
.advPlan-no-animation .advPlan-tagcriticalpath:before {
    content: '';
    position: absolute;
    border: 6px solid #a02222;
    border-radius: 8px;
    clip-path: polygon(0 100%, 70px 100%, 10px calc(100% - 57px), 0 calc(100% - 67px));
    pointer-events: none;
}
.advPlan-no-animation .advPlan-tagcriticalpath:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 6px solid #a02222 !important;
    border-radius: 9px;
    clip-path: polygon(100% 0px, calc(100% - 75px) 0, calc(100% - 55px) 15px, 100% 71px);
    pointer-events: none;
    top: 0px;
    background: transparent;
    filter: none;
    left: auto;
    right: 0px !important;
    bottom: 0px;
    transform: none;
}
.advPlan-no-animation .advPlan-tagcriticalpath {
    background: linear-gradient(296deg, #ffff007d, #ffffff4a, #f5ff0059, #fcfcfc, #ffff007d, #ffff007d, #ffff007d, #ffff2030, #ffff007d, #ffff007d) !important
}
@keyframes rainAnimation100 {
    from {
    transform: translateY(-25%);
    opacity: .9
  }
}

@keyframes rainAnimation80 {
   0%, 100% {
    opacity: 0;
    transform: translateY(-25%);
    overflow-clip-margin: revert;
  }
  27% {
    opacity: 0;
  }
  29% {
    opacity: 0.5;
  }
  50% {
    opacity: .7;
    transform: translateY(-10%);
  }

  100% {
    opacity: .9;
    transform: translateY(3%);
  }
}

@keyframes rainAnimation60 {
  0%, 100% {
    opacity: 0;
    transform: translateY(-25%);
    overflow-clip-margin: revert;
  }
  47% {
    opacity: 0;
  }
  49% {
    opacity: 0.5;
  }
  50% {
    opacity: .9;
    transform: translateY(-10%);
  }

  100% {
    opacity: .9;
    transform: translateY(3%);
  }
}

@keyframes rainAnimation10 {
  0%, 100% {
    opacity: 0;
    transform: translateY(-25%);
    overflow-clip-margin: revert;
  }
  67% {
    opacity: 0;
  }
  69% {
    opacity: 0.5;
  }
  70% {
    opacity: .9;
    transform: translateY(-10%);
  }

  100% {
    opacity: .9;
    transform: translateY(3%);
  }
}



.advPlan-sprintContainer {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  height: 100%;
  background-image:
      /* Green color column */
      linear-gradient(to bottom, rgba(0, 255, 0, 0.9) 0%, rgba(0, 255, 0, 0.9) 100%),  /* Border color */
      linear-gradient(to bottom, rgba(0, 255, 0, 0.2) 0%, rgba(0, 255, 0, 0.2) 100%),  /* Background color */
      linear-gradient(to bottom, rgba(0, 255, 0, 0.9) 0%, rgba(0, 255, 0, 0.9) 100%),  /* Border color */
      /* Purple color column */
      linear-gradient(to bottom, rgba(128, 0, 128, 0.9) 0%, rgba(128, 0, 128, 0.9) 100%),    /* Border color */
      linear-gradient(to bottom, rgba(128, 0, 128, 0.2) 0%, rgba(128, 0, 128, 0.2) 100%),  /* Background color */
      linear-gradient(to bottom, rgba(128, 0, 128, 0.9) 0%, rgba(128, 0, 128, 0.9) 100%);    /* Border color */



  background-size: 3px 100%, calc(var(--firstSprintWidth) - 3px) 100%, 3px 100%,
                   3px 100%, calc(var(--secondSprintWidth) - 3px) 100%, 3px 100%;

  background-position: 0 0, 3px 0, calc(var(--firstSprintWidth) - 3px) 0,
                       var(--secondSprintStart) 0, calc(var(--secondSprintStart) + 3px) 0, calc(var(--fullSprintWidth) - 3px) 0;

  background-repeat: no-repeat;
  z-index: 20;
  position: absolute;
  left: var(--firstSprintStart);
  width: var(--fullSprintWidth);
  contain: strict;
}

.advPlan-segmentsBodyTopBar:before {
  z-index: 1;
  content: attr(data-current);
  color: #fff;
  top: 0;
  position: absolute;
  background: green;
  padding: 3px 19px;
  font-weight: normal;
  font-family: 'Roboto-Regular';
  border-bottom-right-radius: 9px;
  left: var(--firstSprintStart);
  font-size: 10px
}
.advPlan-segmentsBodyTopBar:after {
  z-index: 1;
  content: attr(data-next);
  color: #fff;
  top: 0;
  position: absolute;
  background: purple;
  padding: 3px 19px;
  font-weight: normal;
  font-family: 'Roboto-Regular';
  border-bottom-right-radius: 9px;
  left: calc(var(--firstSprintStart) + var(--secondSprintStart) );
  font-size: 10px
}

.advPlan-quickTagPos {
    bottom: auto;
    height: 95vh;
    width: 1100px;
    z-index: 9999 !important;
    position: fixed;
    top: 50%;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

@media only screen and (min-width: 600px) and (max-width: 1100px) and (orientation: portrait) {
  .advPlan-quickTagPos {
    bottom: auto;
    height: 95vh;
    width: 100%;
  }
}
@media (min-width: 1024px) and (max-width: 1550px) {
  .advPlan-quickTagPos {
    bottom: auto;
    height: 95vh;
    max-height: 95vh;
    min-height: 500px;
    width: 1100px;
}
}

/* Tooltip code for start and end date css */
.advPlan-chart-stats {
    padding: 4px 4px 4px 11px;
    display: flex;
    justify-content: space-between;
    padding: 11px 13px;
    font-size: 12px;
    font-family: 'Roboto-Regular';
}
.advPlan-leftsection, .advPlan-rightsection {
    display: flex;
    flex-wrap: nowrap;
}
.advPlan-chart-stats-child {
    display: flex;
    flex-direction: column;
}
.advPlan-chart-lastFinish {
    display: flex;
}
.advPlan-chart-stats-title {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}
.advPlan-chart-stats-lastdateval {
    line-height: 1;
}
.advPlan-chart-stats-lastdateval {
    padding-left: 5px;
}
.advPlan-chart-start-dates-value {
    margin: 0px 0px 11px 0px;
}
.estimated-start-dates-value,.estimated-end-dates-value {
    margin-right: 14px;
}

.advPlan-chart-stats-child {
    display: flex;
    flex-direction: column;
    margin: 0px;
}
.estimated-end-dates-value {
    margin-right: 19px;
}
.advPlan-chart-stats-lastdateval.advPlan-chart-stats-overdate {
    margin-top: -2px;
}
.advPlan-chart-title-total .advPlan-chart-title-total-label,
.advPlan-chart-title-total .advPlan-chart-title-total-label {
    font-size: 9pt !important;
}
.advPlan-actual-startdate-label {
    margin-right: 7px;
}
.advPlan-chart-title-total {
    top: 13px;
    right: 13px;
}
.advPlan-chart-stats-total, .advPlan-chart-stats-latecount {
    vertical-align: middle;
    line-height: 2 !important;
    position: unset !important;
    right: 10px;
}
.advPlan-chart-stats-total-label,
.advPlan-chart-stats-total-value,
.advPlan-chart-stats-latecount,
.advPlan-chart-stats-latecountval {
    text-align: right;
}
.advPlan-chart-stats-lastdateval {
    padding-left: 5px;
}
.advPlan-chart-stats-latecountval {
    text-align: right;
    color: #ffffff
}
.advPlan-rightsection span {
    line-height: normal !important;
    padding-bottom: 8px;
}
.advPlan-chart-stats-total {
    margin-bottom: 0;
    text-align: right;
    margin-top: 0px;
}
.advPlan-chart-stats .estimated-start-dates-label,
.advPlan-chart-stats .actual-start-dates-label,
.advPlan-chart-stats .estimated-end-dates-label,
.advPlan-chart-stats .actual-end-dates-label {
  color: #c0c0c0;
}
/* advplan tooltip start and end date cleanup */
.date-main-cls {
    font-size: 12px;
    margin: 0px;
}
.advPlan-estimationcls {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    margin-top: 8px;
}

.advPlan-estimated-startdate-label,
.advPlan-actual-startdate-label,
.advPlan-estimated-enddate-label,
.advPlan-actual-enddate-label {
    color: #c0c0c0;
}

.advPlan-start-date-cls,.advPlan-end-date-cls {
    display: flex;
    font-size: 12px;
    font-family: 'Roboto-Regular';
    justify-content: space-between;
}
.advPlan-start-date-cls {
    padding: 0px 0px 7px 0px;
}
.advPlan-end-date-cls {
    padding: 0px 0px 0px 0px;
}
.advPlan-actual-startdate-value,.advPlan-actual-enddate-value {
    text-align: right;
    float: right;
}
.advPlan-estimated-startdate-label:before,
.advPlan-estimated-enddate-label:before,
.advPlan-actual-enddate-label:before,
.advPlan-actual-startdate-label:before {
    content: '\e95e';
    font-family: 'AdvancePlaning';
    position: relative;
    padding-right: 5px;
    color: #fff
}
.advPlan-estimated-startdate-value, 
.advPlan-actual-startdate-value, 
.advPlan-estimated-enddate-value, 
.advPlan-actual-enddate-value {
    padding: 2px 0px 0px 4px !important;
}
/* Need attenction flag forthe tag UI */
a.advPlan-tagNeedAttention {
  width: 19px;
  height: 16px;
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
}
.advPlan-tagNeedAttention:before {
    font-family: 'common-webfont';
    content: "\edb6";
    font-size: 10px;
    line-height: 1;
    position: absolute;
    background-color: #fef162c7;
    padding: 4px 4px;
    color: #f00;
    border-bottom-left-radius: 9px;
    border-top-right-radius: 1px;
    transform: rotate(0deg);
}

/* HIde the animation css */
.advPlan-no-animation .advPlan-tagcriticalpath:before,
.advPlan-no-animation .advPlan-tagcriticalpath:after,
.advPlan-no-animation .advPlan-tagShift:before,
.advPlan-no-animation :not(.expanded).advPlan-startearly-indicator.advPlan-tagShapeBody::before,
.advPlan-no-animation :not(.expanded).advPlan-endlate-indicator.advPlan-tagShapeBody::after{
    animation: none;
}
.advPlan-no-animation :not(.expanded).advPlan-startearly-indicator.advPlan-tagShapeBody::before,
.advPlan-no-animation :not(.expanded).advPlan-endlate-indicator.advPlan-tagShapeBody::after {
    content: none;
}