@charset "UTF-8";
/******** Breakpoints ********/
/******** OTHER TODO: rename later ********/
/** mobile specific **/
/** specific mobile pages **/
/* cyrillic-ext */
@import url("https://fonts.googleapis.com/css?family=Anton|Bai+Jamjuree|Chakra+Petch|Charmonman|Inconsolata|K2D|Karla|Montserrat|Nunito|Oswald|PT+Mono|PT+Serif|Raleway|Roboto|Roboto+Mono|Space+Mono");
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/WxrXJa0C3KdtC7lMafG4dRTbgVql8nDJpwnrE27mub0.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/OpXUqTo0UgQQhGj_SFdLWBTbgVql8nDJpwnrE27mub0.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/1hZf02POANh32k2VkgEoUBTbgVql8nDJpwnrE27mub0.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/cDKhRaXnQTOVbaoxwdOr9xTbgVql8nDJpwnrE27mub0.woff2) format("woff2");
  unicode-range: U+0370-03FF; }

/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/K23cxWVTrIFD6DJsEVi07RTbgVql8nDJpwnrE27mub0.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/vSzulfKSK0LLjjfeaxcREhTbgVql8nDJpwnrE27mub0.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215; }

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0370-03FF; }

/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/CWB0XYA8bzo0kSThX0UTuA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215; }

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0370-03FF; }

/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215; }

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Mono"), local("RobotoMono-Regular"), url(https://fonts.gstatic.com/s/robotomono/v5/hMqPNLsu_dywMa4C_DEpYzTOQ_MqJVwkKsUn0wKzc2I.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

/* cyrillic */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Mono"), local("RobotoMono-Regular"), url(https://fonts.gstatic.com/s/robotomono/v5/hMqPNLsu_dywMa4C_DEpYzUj_cnvWIuuBMVgbX098Mw.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Mono"), local("RobotoMono-Regular"), url(https://fonts.gstatic.com/s/robotomono/v5/hMqPNLsu_dywMa4C_DEpY0bcKLIaa1LC45dFaAfauRA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }

/* greek */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Mono"), local("RobotoMono-Regular"), url(https://fonts.gstatic.com/s/robotomono/v5/hMqPNLsu_dywMa4C_DEpY2o_sUJ8uO4YLWRInS22T3Y.woff2) format("woff2");
  unicode-range: U+0370-03FF; }

/* vietnamese */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Mono"), local("RobotoMono-Regular"), url(https://fonts.gstatic.com/s/robotomono/v5/hMqPNLsu_dywMa4C_DEpY76up8jxqWt8HVA3mDhkV_0.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Mono"), local("RobotoMono-Regular"), url(https://fonts.gstatic.com/s/robotomono/v5/hMqPNLsu_dywMa4C_DEpYyYE0-AqJ3nfInTTiDXDjU4.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Mono"), local("RobotoMono-Regular"), url(https://fonts.gstatic.com/s/robotomono/v5/hMqPNLsu_dywMa4C_DEpY44P5ICox8Kq3LLUNMylGO4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215; }

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Mono Bold"), local("RobotoMono-Bold"), url(https://fonts.gstatic.com/s/robotomono/v5/N4duVc9C58uwPiY8_59Fz56iIh_FvlUHQwED9Yt5Kbw.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

/* cyrillic */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Mono Bold"), local("RobotoMono-Bold"), url(https://fonts.gstatic.com/s/robotomono/v5/N4duVc9C58uwPiY8_59Fzy_vZmeiCMnoWNN9rHBYaTc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Mono Bold"), local("RobotoMono-Bold"), url(https://fonts.gstatic.com/s/robotomono/v5/N4duVc9C58uwPiY8_59FzyFaMxiho_5XQnyRZzQsrZs.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }

/* greek */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Mono Bold"), local("RobotoMono-Bold"), url(https://fonts.gstatic.com/s/robotomono/v5/N4duVc9C58uwPiY8_59FzwalQocB-__pDVGhF3uS2Ks.woff2) format("woff2");
  unicode-range: U+0370-03FF; }

/* vietnamese */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Mono Bold"), local("RobotoMono-Bold"), url(https://fonts.gstatic.com/s/robotomono/v5/N4duVc9C58uwPiY8_59Fz2hQUTDJGru-0vvUpABgH8I.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Mono Bold"), local("RobotoMono-Bold"), url(https://fonts.gstatic.com/s/robotomono/v5/N4duVc9C58uwPiY8_59Fz-jkDdvhIIFj_YMdgqpnSB0.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Mono Bold"), local("RobotoMono-Bold"), url(https://fonts.gstatic.com/s/robotomono/v5/N4duVc9C58uwPiY8_59Fz4lIZu-HDpmDIZMigmsroc4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215; }

/* Custom Toolbar Font Icons */
@font-face {
  font-family: 'ToolBarIcons';
  src: url("fonts/ToolBarIcons.eot");
  src: url("fonts/ToolBarIcons.eot?#iefix") format("embedded-opentype"), url("fonts/ToolBarIcons.woff") format("woff"), url("fonts/ToolBarIcons.ttf") format("truetype"), url("fonts/ToolBarIcons.svg#ToolBarIcons") format("svg");
  font-weight: normal;
  font-style: normal; }

html,
body {
  font-size: 12px; }

body,
button,
input,
option,
select,
textarea {
  font-family: roboto, "helvetica neue", helvetica, arial, sans-serif; }

h1,
h2,
h3,
h4,
h5,
address,
blockquote,
p {
  padding: 0;
  margin: 0 0 .5rem; }

h1 {
  text-align: center; }
  h1.profitheader {
    font-size: 1.5rem;
    font-weight: bold;
    margin-left: 8rem; }

h2.printmodaltitle {
  font-size: 16px; }

h3 {
  padding-left: 1rem;
  font-weight: bold;
  font-size: 1rem; }
  h3.commnotes {
    padding-left: 0;
    font-size: 1.3rem; }
  h3.center {
    text-align: center; }

li > h3 {
  padding-left: 0;
  font-weight: normal; }

h1,
h2,
h3,
h4,
h5 {
  color: #444444; }

.s360W360LabelLink.clickableLabel .linkElement,
a:link,
a:visited {
  color: #0f56fb;
  text-decoration: none; }
  .s360W360LabelLink.clickableLabel .linkElement.disabled,
  a:link.disabled,
  a:visited.disabled {
    color: #666666;
    cursor: default;
    text-decoration: none; }
  .s360W360LabelLink.clickableLabel .linkElement:hover,
  a:link:hover,
  a:visited:hover {
    text-decoration: none; }

.s360W360LabelLink.clickableLabel .linkElement,
a:hover {
  cursor: pointer; }

.s360W360Input.ledgerFormat .input input.inputElement {
  font-family: Roboto;
  text-align: right;
  max-width: 115px; }
  .s360W360Input.ledgerFormat .input input.inputElement.no-max {
    max-width: unset; }

a.grid-icon-cell {
  padding-left: 2rem; }
  a.grid-icon-cell.grid-mobile-icon {
    font-size: 2rem;
    margin-top: 0.5em;
    display: block;
    line-height: 1em; }
    a.grid-icon-cell.grid-mobile-icon:first-child {
      margin-top: 0; }

a.icon-cell {
  font-size: 1.25rem;
  text-decoration: none;
  color: #666666; }
  a.icon-cell.grid-icon-cell {
    padding-left: 0; }

a.icon-hyperlink:after {
  margin-left: 0.2rem; }

.icon-add-after:after
, .icon-add-before:before {
  content: "\f055";
  font-family: FontAwesome; }

.icon-anchor-after:after
, .icon-anchor-before:before {
  content: "\f13d";
  font-family: FontAwesome; }

.icon-arrowleft-after:after
, .icon-arrowleft-before:before {
  content: "\f190";
  font-family: FontAwesome; }

.icon-arrowright-after:after
, .icon-arrowright-before:before {
  content: "\f18e";
  font-family: FontAwesome; }

.icon-arrowright2-after:after
, .icon-arrowright2-before:before {
  content: "\f061";
  font-family: FontAwesome; }

.icon-arrowleft2-after:after
, .icon-arrowleft2-before:before {
  content: "\f060";
  font-family: FontAwesome; }

.icon-arrowdown-after:after
, .icon-arrowdown-before:before {
  content: "\f063";
  font-family: FontAwesome; }

.icon-arrowup-after:after
, .icon-arrowup-before:before {
  content: "\f062";
  font-family: FontAwesome; }

.icon-barchart-after:after
, .icon-barchart-before:before {
  content: "\f080";
  font-family: FontAwesome; }

.icon-bars-after:after
, .icon-bars-before:before {
  content: "\f0c9";
  font-family: FontAwesome; }

.icon-bolt-after:after
, .icon-bolt-before:before {
  content: "\f0e7";
  font-family: FontAwesome; }

.icon-calendar-before:before
, .icon-calendar-after:after {
  content: "\f073";
  font-family: FontAwesome; }

.icon-caretdown,
.icon-caretdown-before:before
, .icon-caretdown-after:after {
  content: "\f0d7";
  font-family: FontAwesome; }

.icon-caretleft-before:before
, .icon-caretleft-after:after {
  content: "\f0d9";
  font-family: FontAwesome; }

.icon-caretright-before:before
, .icon-caretright-after:after {
  content: "\f0da";
  font-family: FontAwesome; }

.icon-caretup-before:before
, .icon-caretup-after:after {
  content: "\f0d8";
  font-family: FontAwesome; }

.icon-caution-before:before
, .icon-caution-after:after {
  content: "\f071";
  font-family: FontAwesome; }

.icon-check-before:before
, .icon-check-after:after {
  content: "\f00c";
  font-family: FontAwesome; }

.icon-circle-before:before
, .icon-circle-after:after {
  content: "\f1db";
  font-family: FontAwesome; }

.icon-circle-checked-before:before
, .icon-circle-checked-after:after {
  content: "\f192";
  font-family: FontAwesome; }

.icon-clock-before:before
, .icon-clock-after:after {
  content: "\f017";
  font-family: FontAwesome; }

.icon-close-before:before
, .icon-close-after:after {
  content: "\f00d";
  font-family: FontAwesome; }

.icon-comment-before:before
, .icon-comment-after:after {
  content: "\f075";
  font-family: FontAwesome; }

.icon-companies-after:after
, .icon-companies-before:before {
  content: url("icons/companies.svg");
  display: block; }

.icon-compress-after:after
, .icon-compress-before:before {
  content: "\f0ec";
  font-family: FontAwesome; }

.icon-contacts-after:after
, .icon-contacts-before:before {
  content: url("icons/contacts.svg");
  display: block; }

.icon-creditcard-after:after
, .icon-creditcard-before:before {
  content: "\f283";
  font-family: FontAwesome; }

.icon-creditcard-t-after:after
, .icon-creditcard-t-before:before {
  content: "\f09d";
  font-family: FontAwesome; }

.icon-delete-before:before
, .icon-delete-after:after {
  content: "\f056";
  font-family: FontAwesome; }

.icon-database-after:after
, .icon-database-before:before {
  content: "\f1c0";
  font-family: FontAwesome; }

.icon-download-before:before
, .icon-download-after:after {
  content: "\f019";
  font-family: FontAwesome; }

.icon-edit-before:before
, .icon-edit-after:after {
  content: "\f040";
  font-family: FontAwesome; }

.icon-error-before:before
, .icon-error-after:after {
  content: "\f040";
  font-family: FontAwesome; }

.icon-envelope-after:after
, .icon-envelope-before:before {
  content: "\f003";
  font-family: FontAwesome; }

.icon-expand-after:after
, .icon-expand-before:before {
  content: "\f065";
  font-family: FontAwesome; }

.icon-expenses-after:after
, .icon-expenses-before:before {
  content: url("icons/expenses.svg");
  display: block; }

.icon-external-after:after
, .icon-external-before:before {
  content: "\f08e";
  font-family: FontAwesome; }

.icon-eye-after:after
, .icon-eye-before:before {
  content: "\f06e";
  font-family: FontAwesome; }

.icon-file-code-before:before
, .icon-file-code-after:after {
  content: "\f1c9";
  font-family: FontAwesome; }

.icon-files-before:before
, .icon-files-after:after {
  content: "\f0c5";
  font-family: FontAwesome; }

.icon-file-before:before
, .icon-file-after:after {
  content: "\f016";
  font-family: FontAwesome; }

.icon-file-text-before:before
, .icon-file-text-after:after {
  content: "\f0f6";
  font-family: FontAwesome; }

.icon-film-before:before
, .icon-film-after:after {
  content: "\f008";
  font-family: FontAwesome; }

.icon-first-before:before
, .icon-first-after:after {
  content: "\f048";
  font-family: FontAwesome; }

.icon-folder-after:after
, .icon-folder-before:before {
  content: "\f07b";
  font-family: FontAwesome; }

.icon-forward-after:after
, .icon-forward-before:before {
  content: "\f064";
  font-family: FontAwesome; }

.icon-funnel-after:after
, .icon-funnel-before:before {
  content: "\f0b0";
  font-family: FontAwesome; }

.icon-gear-after:after
, .icon-gear-before:before {
  content: "\f013";
  font-family: FontAwesome; }

.icon-geo-after:after
, .icon-geo-before:before {
  content: url("icons/geo.svg");
  display: block; }

.icon-geo2-after:after
, .icon-geo2-before:before {
  content: "\f05b";
  font-family: FontAwesome; }

.icon-google-after:after
, .icon-google-before:before {
  content: "\f1a0";
  font-family: FontAwesome; }

.icon-info-after:after
, .icon-info-before:before {
  content: "\f05a";
  font-family: FontAwesome; }

.icon-last-before:before
, .icon-last-after:after {
  content: "\f051";
  font-family: FontAwesome; }

.icon-link-after:after
, .icon-link-before:before {
  content: '\f0c1';
  font-family: FontAwesome; }

.icon-lock-before:before
, .icon-lock-after:after {
  content: "\f023";
  font-family: FontAwesome; }

.icon-map-marker-after:after
, .icon-map-marker-before:before {
  content: "\f041";
  font-family: FontAwesome; }

.icon-key-after:after
, .icon-key-before:before {
  content: "\f084";
  font-family: FontAwesome; }

.icon-minus-after:after
, .icon-minus-before:before {
  content: "\f068";
  font-family: FontAwesome; }

.icon-minus-square-after:after
, .icon-minus-square-before:before {
  content: "\f146";
  font-family: FontAwesome; }

.icon-edit-square-after:after
, .icon-edit-square-before:before {
  content: "\f044";
  font-family: FontAwesome; }

.icon-mouse-pointer-after:after
, .icon-mouse-pointer-before:before {
  content: "\f245";
  font-family: FontAwesome; }

.icon-mytasks-after:after
, .icon-mytasks-before:before {
  content: url("icons/mytasks.svg");
  display: block; }

.icon-next-before:before
, .icon-next-after:after {
  content: "\f04e";
  font-family: FontAwesome; }

.icon-paintbrush-before:before
, .icon-paintbrush-after:after {
  content: "\f1fc";
  font-family: FontAwesome; }

.icon-pause-after:after
, .icon-pause-before:before {
  content: "\f04c";
  font-family: FontAwesome; }

.icon-ping-after:after
, .icon-ping-before:before {
  content: "\f289";
  font-family: FontAwesome; }

.icon-play-after:after
, .icon-play-before:before {
  content: "\f04b";
  font-family: FontAwesome; }

.icon-plus-after:after
, .icon-plus-before:before {
  content: "\f067";
  font-family: FontAwesome; }

.icon-plus-square-after:after
, .icon-plus-square-before:before {
  content: "\f0fe";
  font-family: FontAwesome; }

.icon-phone-before:before
, .icon-phone-after:after {
  content: "\f095";
  font-family: FontAwesome; }

.icon-previous-before:before
, .icon-previous-after:after {
  content: "\f04a";
  font-family: FontAwesome; }

.icon-print-before:before
, .icon-print-after:after {
  content: "\f02f";
  font-family: FontAwesome; }

.icon-refresh-before:before
, .icon-refresh-after:after {
  content: "\f021";
  font-family: FontAwesome; }

.icon-registered-before:before
, .icon-registered-after:after {
  content: "\f25d";
  font-family: FontAwesome; }

.icon-reply-before:before
, .icon-reply-after:after {
  content: "\f112";
  font-family: FontAwesome; }

.icon-replyall-before:before
, .icon-replyall-after:after {
  content: "\f122";
  font-family: FontAwesome; }

.icon-revert-before:before
, .icon-revert-after:after {
  content: "\f0e2";
  font-family: FontAwesome; }

.icon-redo-before:before
, .icon-redo-after:after {
  content: "\f01e";
  font-family: FontAwesome; }

.icon-save-before:before
, .icon-save-after:after {
  content: "\f0c7";
  font-family: FontAwesome; }

.icon-search-before:before
, .icon-search-after:after {
  content: "\f002";
  font-family: FontAwesome; }

.icon-send-before:before
, .icon-send-after:after {
  content: "\f1d8";
  font-family: FontAwesome; }

.icon-signout-after:after
, .icon-signout-before:before {
  content: "\f08b";
  font-family: FontAwesome; }

.icon-square-before:before
, .icon-square-after:after {
  content: "\f096";
  font-family: FontAwesome; }

.icon-square-checked-before:before
, .icon-square-checked-after:after {
  content: "\f046";
  font-family: FontAwesome; }

.icon-start-before:before
, .icon-start-after:after {
  content: "\f04b";
  font-family: FontAwesome; }

.icon-stop-before:before
, .icon-stop-after:after {
  content: "\f04d";
  font-family: FontAwesome; }

.icon-support-before:before
, .icon-support-after:after {
  content: "\f1cd";
  font-family: FontAwesome; }

.icon-table-after:after
, .icon-table-before:before {
  content: '\f0ce';
  font-family: FontAwesome; }

.icon-toggle-down-after:after
, .icon-toggle-down-before:before {
  content: '\f150';
  font-family: FontAwesome; }

.icon-upload-after:after
, .icon-upload-before:before {
  content: '\f093';
  font-family: FontAwesome; }

.icon-unlink-after:after
, .icon-unlink-before:before {
  content: '\f127';
  font-family: FontAwesome; }

.icon-userplus-before:before
, .icon-userplus-after:after {
  content: "\f234";
  font-family: FontAwesome; }

.icon-x-after:after
, .icon-x-before:before {
  content: "\f00d";
  font-family: FontAwesome; }

.icon-zoomin-after:after
, .icon-zoomin-before:before {
  content: "\f00e";
  font-family: FontAwesome; }

.icon-zoomout-after:after
, .icon-zoomout-before:before {
  content: "\f010";
  font-family: FontAwesome; }

.icon-commenting-after:after
, .icon-commenting-before:before {
  content: "\f27a";
  font-family: FontAwesome; }

.icon-commenting-o-after:after
, .icon-commenting-o-before:before {
  content: "\f27b";
  font-family: FontAwesome; }

[class*='tb-icon-']:before
, [class*='tb-icon-']:after {
  display: inline-block;
  font-family: 'ToolBarIcons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.tb-icon-accountspayable-before:before
, .tb-icon-accountspayable-after:after {
  content: '\0041'; }

.tb-icon-accountsreceivable-before:before
, .tb-icon-accountsreceivable-after:after {
  content: '\0042'; }

.tb-icon-activities-before:before
, .tb-icon-activities-after:after {
  content: '\0043'; }

.tb-icon-budget-before:before
, .tb-icon-budget-after:after {
  content: '\0044'; }

.tb-icon-calendar-before:before
, .tb-icon-calendar-after:after {
  content: '\0045'; }

.tb-icon-company-before:before
, .tb-icon-company-after:after {
  content: '\0046'; }

.tb-icon-console-before:before
, .tb-icon-console-after:after {
  content: '\0047'; }

.tb-icon-contact-before:before
, .tb-icon-contact-after:after {
  content: '\0048'; }

.tb-icon-dashboard-before:before
, .tb-icon-dashboard-after:after {
  content: '\0049'; }

.tb-icon-dispatchq-before:before
, .tb-icon-dispatchq-after:after {
  content: '\004a'; }

.tb-icon-documents-before:before
, .tb-icon-documents-after:after {
  content: '\004b'; }

.tb-icon-emailq-before:before
, .tb-icon-emailq-after:after {
  content: '\004c'; }

.tb-icon-expenses-before:before
, .tb-icon-expenses-after:after {
  content: '\004d'; }

.tb-icon-funnel-before:before
, .tb-icon-funnel-after:after {
  content: '\0066'; }

.tb-icon-helpdesk-before:before
, .tb-icon-helpdesk-after:after {
  content: '\0067'; }

.tb-icon-invoices-before:before
, .tb-icon-invoices-after:after {
  content: '\0069'; }

.tb-icon-knowledgebase-before:before
, .tb-icon-knowledgebase-after:after {
  content: '\004e'; }

.tb-icon-opportunites-before:before
, .tb-icon-opportunites-after:after {
  content: '\004f'; }

.tb-icon-orders-before:before
, .tb-icon-orders-after:after {
  content: '\0050'; }

.tb-icon-posttimebill-before:before
, .tb-icon-posttimebill-after:after {
  content: '\0051'; }

.tb-icon-products-before:before
, .tb-icon-products-after:after {
  content: '\0052'; }

.tb-icon-project-before:before
, .tb-icon-project-after:after {
  content: '\0053'; }

.tb-icon-purchaseorders-before:before
, .tb-icon-purchaseorders-after:after {
  content: '\0054'; }

.tb-icon-quicklaunch-before:before
, .tb-icon-quicklaunch-after:after {
  content: '\0055'; }

.tb-icon-quit-before:before
, .tb-icon-quit-after:after {
  content: '\0056'; }

.tb-icon-quotes-before:before
, .tb-icon-quotes-after:after {
  content: '\0057'; }

.tb-icon-resourceconsole-before:before
, .tb-icon-resourceconsole-after:after {
  content: '\006a'; }

.tb-icon-salesq-before:before
, .tb-icon-salesq-after:after {
  content: '\0058'; }

.tb-icon-site-before:before
, .tb-icon-site-after:after {
  content: '\0059'; }

.tb-icon-subtask-before:before
, .tb-icon-subtask-after:after {
  content: '\005a'; }

.tb-icon-task-before:before
, .tb-icon-task-after:after {
  content: '\0068'; }

.tb-icon-template-before:before
, .tb-icon-template-after:after {
  content: '\0065'; }

.tb-icon-timebill-before:before
, .tb-icon-timebill-after:after {
  content: '\0061'; }

.tb-icon-todo-before:before
, .tb-icon-todo-after:after {
  content: '\0062'; }

.tb-icon-vouchers-before:before
, .tb-icon-vouchers-after:after {
  content: '\0063'; }

.tb-icon-workflow-before:before
, .tb-icon-workflow-after:after {
  content: '\0064'; }

.docpreview_nodoc {
  font-size: 10em;
  font-family: FontAwesome;
  text-align: center; }

.docpreview_nodoc:before {
  content: "\f15b"; }

.docpreview_protected {
  font-size: 10em;
  font-family: FontAwesome;
  text-align: center; }

.docpreview_protected:before {
  content: "\f023"; }

#action-bar {
  background-color: rgba(37, 65, 112, 0.8);
  padding: 0 1rem 5px;
  position: fixed;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  width: 100%;
  z-index: 3; }
  @media only screen and (max-width: 750px) {
    #action-bar {
      padding-bottom: 0; } }
  #action-bar h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #eeeeee;
    display: inline-block;
    float: left;
    margin: .7rem 0 0 .5rem;
    width: 35%;
    min-width: 0;
    max-width: 600px;
    font-size: 1.5em;
    font-weight: bold; }
    @media only screen and (max-width: 750px) {
      #action-bar h2 {
        display: none;
        padding-bottom: 0; } }
  #action-bar .button-row {
    display: inline-block;
    float: right;
    width: 60%;
    margin-top: 5px; }
    @media only screen and (max-width: 750px) {
      #action-bar .button-row {
        width: 100%; } }
    #action-bar .button-row #activetoggle-main {
      font-size: .9rem; }
    #action-bar .button-row div.s360Q360CommandButton {
      background-color: #dddddd;
      color: #444444;
      line-height: 2rem; }
      #action-bar .button-row div.s360Q360CommandButton:before {
        left: 6px;
        top: -1px; }
      #action-bar .button-row div.s360Q360CommandButton:after {
        position: absolute;
        font-size: 1rem;
        right: 1px; }
      #action-bar .button-row div.s360Q360CommandButton:hover {
        cursor: pointer; }
      #action-bar .button-row div.s360Q360CommandButton.icon-bars-before:before {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444444+0,7f7f7f+50,444444+100 */
        color: #878787; }
      #action-bar .button-row div.s360Q360CommandButton.icon-arrowleft-before:before {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444444+0,7f7f7f+50,444444+100 */
        color: green; }
    #action-bar .button-row .s360Q360CommandButton {
      width: 2.75rem;
      height: 2rem;
      float: right;
      padding: 0;
      font-size: 1.4rem;
      border-radius: 3px;
      margin: 0;
      border: 1px solid #666666;
      position: relative; }
      #action-bar .button-row .s360Q360CommandButton:before {
        position: relative;
        font-weight: normal; }
      #action-bar .button-row .s360Q360CommandButton.btn-txt {
        font-size: 1.2rem; }
      #action-bar .button-row .s360Q360CommandButton.icon-add-before:before {
        color: #349e3f; }
      #action-bar .button-row .s360Q360CommandButton.icon-delete-before:before {
        color: #c65454; }
      #action-bar .button-row .s360Q360CommandButton.icon-edit-before:before {
        color: #ecab17; }
      #action-bar .button-row .s360Q360CommandButton.icon-funnel-before:before {
        color: #1650be; }
      #action-bar .button-row .s360Q360CommandButton.icon-gear-before:before {
        color: #595456; }
      #action-bar .button-row .s360Q360CommandButton.icon-refresh-before:before {
        color: #349e3f; }
      #action-bar .button-row .s360Q360CommandButton.icon-revert-before:before {
        color: steelblue; }
      #action-bar .button-row .s360Q360CommandButton.icon-save-before:before {
        color: #3d7dd8; }
      #action-bar .button-row .s360Q360CommandButton.icon-search-before:before {
        color: slategray; }
      #action-bar .button-row .s360Q360CommandButton:disabled:before {
        color: #afafaf; }
      #action-bar .button-row .s360Q360CommandButton.icon-check-after:after {
        font-size: 1.2rem;
        position: absolute;
        top: 9px;
        right: 0px;
        color: #222222; }
      #action-bar .button-row .s360Q360CommandButton.icon-forward-after:after {
        font-size: 0.9rem;
        position: absolute;
        top: 10px;
        right: 1px;
        color: #222222; }
      #action-bar .button-row .s360Q360CommandButton.icon-replyall-after:after {
        font-size: 0.9rem;
        position: absolute;
        top: 10px;
        right: 1px;
        color: #222222; }
      #action-bar .button-row .s360Q360CommandButton.icon-reply-after:after {
        font-size: 0.9rem;
        position: absolute;
        top: 10px;
        right: 1px;
        color: #222222; }
      #action-bar .button-row .s360Q360CommandButton.icon-send-after:after {
        font-size: 0.9rem;
        position: absolute;
        top: 11px;
        right: 2px;
        color: #222222; }
      #action-bar .button-row .s360Q360CommandButton.icon-start-after:after {
        color: green;
        font-size: .8rem;
        position: absolute;
        top: 12px;
        right: 0; }
      #action-bar .button-row .s360Q360CommandButton.icon-stop-after:after {
        color: #c65454;
        font-size: .7rem;
        position: absolute;
        top: 13px;
        right: 1px; }
    #action-bar .button-row [type="button"],
    #action-bar .button-row .dropdown {
      font-weight: normal; }
      #action-bar .button-row [type="button"].btn-highlight,
      #action-bar .button-row .dropdown.btn-highlight {
        background-color: #ffd213; }
      #action-bar .button-row [type="button"]:disabled,
      #action-bar .button-row .dropdown:disabled {
        background-color: #7d7d7d; }
      #action-bar .button-row [type="button"].icon-only,
      #action-bar .button-row .dropdown.icon-only {
        padding: 0 18px !important; }
      #action-bar .button-row [type="button"]:hover,
      #action-bar .button-row .dropdown:hover {
        background-color: #afafaf; }
    #action-bar .button-row .right {
      margin-right: 0; }
    #action-bar .button-row .left:last-child {
      margin-right: 5px; }
  #action-bar #mobile-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: none;
    color: #eeeeee;
    font-family: roboto, "helvetica neue", helvetica, arial, sans-serif;
    font-size: 1rem;
    height: 25px;
    margin-top: 2px;
    padding: 10px 0 0 0;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 9;
    /* dropdowns in action bar have a zindex of 10 */ }
    @media only screen and (max-width: 750px) {
      #action-bar #mobile-title {
        display: inline-block; } }
  #action-bar .scheduleTitle {
    color: #eeeeee;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.3em;
    font-weight: bold;
    float: left;
    line-height: 1.4em; }

.icon-left {
  padding-left: 2rem; }

.main-search-actionbar {
  margin-top: 6px;
  position: absolute;
  float: left;
  width: 40%;
  max-width: 35rem; }
  .main-search-actionbar .main-search-field {
    vertical-align: top; }
  .main-search-actionbar .main-search-activeonly {
    vertical-align: top; }

.main-search-main {
  padding: 2px 0.5em;
  background-color: rgba(255, 255, 255, 0.6); }
  .main-search-main .main-search-value {
    width: 50%;
    max-height: 20px; }
    .main-search-main .main-search-value .input .inputElement {
      border: 1px solid #666666;
      padding-right: 1.75rem; }
  .main-search-main .main-search-field {
    width: 50%;
    display: inline-block; }
    .main-search-main .main-search-field .input .select2 {
      background-color: rgba(0, 0, 0, 0); }
  .main-search-main.main-search-activeonly .main-search-value {
    width: calc(50% - 45px); }
  .main-search-main.main-search-activeonly .main-search-field {
    width: calc(50% - 45px); }
  .main-search-main .main-search-activeonly-main {
    display: inline-block;
    width: 90px; }
  .main-search-main .mainsearch-activeonly_label {
    float: left;
    line-height: 1.5em;
    padding-left: 0.8em;
    padding-right: 0.4em; }
  .main-search-main .main-search-activeonly_input {
    width: auto;
    line-height: 1.5em; }
  .main-search-main .main-search-btn.s360Q360Button {
    margin: 0;
    position: relative;
    float: right;
    top: -18px; }
    .main-search-main .main-search-btn.s360Q360Button input, .main-search-main .main-search-btn.s360Q360Button button {
      height: 1.3rem;
      border: 1px solid #666666;
      margin: 0 2px 0 0;
      padding: 0;
      width: 1.5rem; }

.main-search-mobile {
  width: 100%;
  border: 1px solid #afafaf;
  margin-bottom: .5rem;
  padding: 10px; }
  .main-search-mobile .main-search-field {
    vertical-align: bottom; }

.search-heading {
  padding-left: 0px; }

@media only screen and (max-width: 750px) {
  .main-search-main.main-search-actionbar {
    display: none; } }

@media only screen and (min-width: 750px) {
  .main-search-main.main-search-mobile {
    display: none; } }

.main-search-main {
  display: inline-block; }

.btn,
a.btn,
.btns > a,
button:not(.grid-btn),
input[type='button'],
input[type='reset'],
input[type='submit'],
.dhtmlx_popup_button {
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: none;
  background-color: #dddddd;
  color: #444444;
  display: inline-block;
  font-weight: bold;
  height: 2rem;
  margin: 0 0.5rem 0 0;
  text-decoration: none;
  vertical-align: middle;
  -webkit-appearance: none;
  font-size: 1.15rem; }
  .btn:before,
  a.btn:before,
  .btns > a:before,
  button:not(.grid-btn):before,
  input[type='button']:before,
  input[type='reset']:before,
  input[type='submit']:before,
  .dhtmlx_popup_button:before {
    margin-right: .2rem; }
  .btn:after,
  a.btn:after,
  .btns > a:after,
  button:not(.grid-btn):after,
  input[type='button']:after,
  input[type='reset']:after,
  input[type='submit']:after,
  .dhtmlx_popup_button:after {
    margin-left: .2rem; }
  .btn.hilite,
  a.btn.hilite,
  .btns > a.hilite,
  button:not(.grid-btn).hilite,
  input[type='button'].hilite,
  input[type='reset'].hilite,
  input[type='submit'].hilite,
  .dhtmlx_popup_button.hilite {
    background-color: #ffd213; }
  .btn.mobileLarge,
  a.btn.mobileLarge,
  .btns > a.mobileLarge,
  button:not(.grid-btn).mobileLarge,
  input[type='button'].mobileLarge,
  input[type='reset'].mobileLarge,
  input[type='submit'].mobileLarge,
  .dhtmlx_popup_button.mobileLarge {
    width: 90%;
    height: 175px;
    font-size: 1.5rem;
    border-radius: 10px;
    margin-top: 10px;
    background-color: rgba(37, 65, 112, 0.8);
    color: #eeeeee; }
    .btn.mobileLarge.fa,
    a.btn.mobileLarge.fa,
    .btns > a.mobileLarge.fa,
    button:not(.grid-btn).mobileLarge.fa,
    input[type='button'].mobileLarge.fa,
    input[type='reset'].mobileLarge.fa,
    input[type='submit'].mobileLarge.fa,
    .dhtmlx_popup_button.mobileLarge.fa {
      font-family: Roboto; }
      .btn.mobileLarge.fa:before,
      a.btn.mobileLarge.fa:before,
      .btns > a.mobileLarge.fa:before,
      button:not(.grid-btn).mobileLarge.fa:before,
      input[type='button'].mobileLarge.fa:before,
      input[type='reset'].mobileLarge.fa:before,
      input[type='submit'].mobileLarge.fa:before,
      .dhtmlx_popup_button.mobileLarge.fa:before {
        font-family: FontAwesome; }
    .btn.mobileLarge:before,
    a.btn.mobileLarge:before,
    .btns > a.mobileLarge:before,
    button:not(.grid-btn).mobileLarge:before,
    input[type='button'].mobileLarge:before,
    input[type='reset'].mobileLarge:before,
    input[type='submit'].mobileLarge:before,
    .dhtmlx_popup_button.mobileLarge:before {
      width: 75px;
      position: relative;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      display: block;
      font-size: 6rem;
      font-weight: normal; }
  .btn.toolBarButton,
  a.btn.toolBarButton,
  .btns > a.toolBarButton,
  button:not(.grid-btn).toolBarButton,
  input[type='button'].toolBarButton,
  input[type='reset'].toolBarButton,
  input[type='submit'].toolBarButton,
  .dhtmlx_popup_button.toolBarButton {
    width: 100%;
    height: auto;
    font-size: 1rem;
    margin: 0px 0px 0px 0px !important;
    background-color: transparent;
    color: #eeeeee;
    border-radius: 0px !important;
    border: none !important;
    padding: 5px 0px 5px 0px !important; }
    .btn.toolBarButton:hover, .btn.toolBarButton.toolBarButtonHover,
    a.btn.toolBarButton:hover,
    a.btn.toolBarButton.toolBarButtonHover,
    .btns > a.toolBarButton:hover,
    .btns > a.toolBarButton.toolBarButtonHover,
    button:not(.grid-btn).toolBarButton:hover,
    button:not(.grid-btn).toolBarButton.toolBarButtonHover,
    input[type='button'].toolBarButton:hover,
    input[type='button'].toolBarButton.toolBarButtonHover,
    input[type='reset'].toolBarButton:hover,
    input[type='reset'].toolBarButton.toolBarButtonHover,
    input[type='submit'].toolBarButton:hover,
    input[type='submit'].toolBarButton.toolBarButtonHover,
    .dhtmlx_popup_button.toolBarButton:hover,
    .dhtmlx_popup_button.toolBarButton.toolBarButtonHover {
      background-color: rgba(175, 175, 175, 0.4); }
    .btn.toolBarButton .toolBarIcon,
    a.btn.toolBarButton .toolBarIcon,
    .btns > a.toolBarButton .toolBarIcon,
    button:not(.grid-btn).toolBarButton .toolBarIcon,
    input[type='button'].toolBarButton .toolBarIcon,
    input[type='reset'].toolBarButton .toolBarIcon,
    input[type='submit'].toolBarButton .toolBarIcon,
    .dhtmlx_popup_button.toolBarButton .toolBarIcon {
      display: block;
      font-size: 2.5rem;
      width: auto;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      left: 50%;
      position: relative;
      font-style: normal; }
  .btn[type="submit"],
  a.btn[type="submit"],
  .btns > a[type="submit"],
  button:not(.grid-btn)[type="submit"],
  input[type='button'][type="submit"],
  input[type='reset'][type="submit"],
  input[type='submit'][type="submit"],
  .dhtmlx_popup_button[type="submit"] {
    background-color: #ffd213;
    background-position: 5px center;
    background-repeat: no-repeat; }
  .btn:hover,
  a.btn:hover,
  .btns > a:hover,
  button:not(.grid-btn):hover,
  input[type='button']:hover,
  input[type='reset']:hover,
  input[type='submit']:hover,
  .dhtmlx_popup_button:hover {
    background-color: #afafaf;
    cursor: pointer;
    text-decoration: none; }
  .btn:disabled, .btn.disabled,
  a.btn:disabled,
  a.btn.disabled,
  .btns > a:disabled,
  .btns > a.disabled,
  button:not(.grid-btn):disabled,
  button:not(.grid-btn).disabled,
  input[type='button']:disabled,
  input[type='button'].disabled,
  input[type='reset']:disabled,
  input[type='reset'].disabled,
  input[type='submit']:disabled,
  input[type='submit'].disabled,
  .dhtmlx_popup_button:disabled,
  .dhtmlx_popup_button.disabled {
    background-color: #7d7d7d;
    color: #afafaf;
    opacity: 0.75; }
    .btn:disabled:hover, .btn.disabled:hover,
    a.btn:disabled:hover,
    a.btn.disabled:hover,
    .btns > a:disabled:hover,
    .btns > a.disabled:hover,
    button:not(.grid-btn):disabled:hover,
    button:not(.grid-btn).disabled:hover,
    input[type='button']:disabled:hover,
    input[type='button'].disabled:hover,
    input[type='reset']:disabled:hover,
    input[type='reset'].disabled:hover,
    input[type='submit']:disabled:hover,
    input[type='submit'].disabled:hover,
    .dhtmlx_popup_button:disabled:hover,
    .dhtmlx_popup_button.disabled:hover {
      cursor: not-allowed; }
  .btn.btn-post-input,
  a.btn.btn-post-input,
  .btns > a.btn-post-input,
  button:not(.grid-btn).btn-post-input,
  input[type='button'].btn-post-input,
  input[type='reset'].btn-post-input,
  input[type='submit'].btn-post-input,
  .dhtmlx_popup_button.btn-post-input {
    margin-top: 1.1rem; }
  .btn.s360Q360CommandButton:before,
  a.btn.s360Q360CommandButton:before,
  .btns > a.s360Q360CommandButton:before,
  button:not(.grid-btn).s360Q360CommandButton:before,
  input[type='button'].s360Q360CommandButton:before,
  input[type='reset'].s360Q360CommandButton:before,
  input[type='submit'].s360Q360CommandButton:before,
  .dhtmlx_popup_button.s360Q360CommandButton:before {
    margin: 0; }
  .btn:not(.s360Q360CommandButton),
  a.btn:not(.s360Q360CommandButton),
  .btns > a:not(.s360Q360CommandButton),
  button:not(.grid-btn):not(.s360Q360CommandButton),
  input[type='button']:not(.s360Q360CommandButton),
  input[type='reset']:not(.s360Q360CommandButton),
  input[type='submit']:not(.s360Q360CommandButton),
  .dhtmlx_popup_button:not(.s360Q360CommandButton) {
    margin-bottom: .2rem;
    border: 1px solid #afafaf; }
    .btn:not(.s360Q360CommandButton).right,
    a.btn:not(.s360Q360CommandButton).right,
    .btns > a:not(.s360Q360CommandButton).right,
    button:not(.grid-btn):not(.s360Q360CommandButton).right,
    input[type='button']:not(.s360Q360CommandButton).right,
    input[type='reset']:not(.s360Q360CommandButton).right,
    input[type='submit']:not(.s360Q360CommandButton).right,
    .dhtmlx_popup_button:not(.s360Q360CommandButton).right {
      float: right; }
    .btn:not(.s360Q360CommandButton):not(.no-text):before,
    a.btn:not(.s360Q360CommandButton):not(.no-text):before,
    .btns > a:not(.s360Q360CommandButton):not(.no-text):before,
    button:not(.grid-btn):not(.s360Q360CommandButton):not(.no-text):before,
    input[type='button']:not(.s360Q360CommandButton):not(.no-text):before,
    input[type='reset']:not(.s360Q360CommandButton):not(.no-text):before,
    input[type='submit']:not(.s360Q360CommandButton):not(.no-text):before,
    .dhtmlx_popup_button:not(.s360Q360CommandButton):not(.no-text):before {
      margin-right: 3px; }
    .btn:not(.s360Q360CommandButton).icon-refresh-before:before,
    a.btn:not(.s360Q360CommandButton).icon-refresh-before:before,
    .btns > a:not(.s360Q360CommandButton).icon-refresh-before:before,
    button:not(.grid-btn):not(.s360Q360CommandButton).icon-refresh-before:before,
    input[type='button']:not(.s360Q360CommandButton).icon-refresh-before:before,
    input[type='reset']:not(.s360Q360CommandButton).icon-refresh-before:before,
    input[type='submit']:not(.s360Q360CommandButton).icon-refresh-before:before,
    .dhtmlx_popup_button:not(.s360Q360CommandButton).icon-refresh-before:before {
      color: green; }
  .btn.no-text:before,
  a.btn.no-text:before,
  .btns > a.no-text:before,
  button:not(.grid-btn).no-text:before,
  input[type='button'].no-text:before,
  input[type='reset'].no-text:before,
  input[type='submit'].no-text:before,
  .dhtmlx_popup_button.no-text:before {
    margin-right: 0; }
  .btn.icon-add-before:before, .btn.icon-add-after:after,
  a.btn.icon-add-before:before,
  a.btn.icon-add-after:after,
  .btns >
a.icon-add-before:before,
  .btns > a.icon-add-after:after,
  button:not(.grid-btn).icon-add-before:before,
  button:not(.grid-btn).icon-add-after:after,
  input[type='button'].icon-add-before:before,
  input[type='button'].icon-add-after:after,
  input[type='reset'].icon-add-before:before,
  input[type='reset'].icon-add-after:after,
  input[type='submit'].icon-add-before:before,
  input[type='submit'].icon-add-after:after,
  .dhtmlx_popup_button.icon-add-before:before,
  .dhtmlx_popup_button.icon-add-after:after {
    color: #349e3f; }
  .btn.icon-arrowleft-before:before, .btn.icon-arrowleft-after:after,
  a.btn.icon-arrowleft-before:before,
  a.btn.icon-arrowleft-after:after,
  .btns >
a.icon-arrowleft-before:before,
  .btns > a.icon-arrowleft-after:after,
  button:not(.grid-btn).icon-arrowleft-before:before,
  button:not(.grid-btn).icon-arrowleft-after:after,
  input[type='button'].icon-arrowleft-before:before,
  input[type='button'].icon-arrowleft-after:after,
  input[type='reset'].icon-arrowleft-before:before,
  input[type='reset'].icon-arrowleft-after:after,
  input[type='submit'].icon-arrowleft-before:before,
  input[type='submit'].icon-arrowleft-after:after,
  .dhtmlx_popup_button.icon-arrowleft-before:before,
  .dhtmlx_popup_button.icon-arrowleft-after:after {
    color: green; }
  .btn.icon-arrowright-before:before, .btn.icon-arrowright-after:after,
  a.btn.icon-arrowright-before:before,
  a.btn.icon-arrowright-after:after,
  .btns >
a.icon-arrowright-before:before,
  .btns > a.icon-arrowright-after:after,
  button:not(.grid-btn).icon-arrowright-before:before,
  button:not(.grid-btn).icon-arrowright-after:after,
  input[type='button'].icon-arrowright-before:before,
  input[type='button'].icon-arrowright-after:after,
  input[type='reset'].icon-arrowright-before:before,
  input[type='reset'].icon-arrowright-after:after,
  input[type='submit'].icon-arrowright-before:before,
  input[type='submit'].icon-arrowright-after:after,
  .dhtmlx_popup_button.icon-arrowright-before:before,
  .dhtmlx_popup_button.icon-arrowright-after:after {
    color: #3168c8; }
  .btn.icon-bolt-before:before, .btn.icon-bolt-after:after,
  a.btn.icon-bolt-before:before,
  a.btn.icon-bolt-after:after,
  .btns >
a.icon-bolt-before:before,
  .btns > a.icon-bolt-after:after,
  button:not(.grid-btn).icon-bolt-before:before,
  button:not(.grid-btn).icon-bolt-after:after,
  input[type='button'].icon-bolt-before:before,
  input[type='button'].icon-bolt-after:after,
  input[type='reset'].icon-bolt-before:before,
  input[type='reset'].icon-bolt-after:after,
  input[type='submit'].icon-bolt-before:before,
  input[type='submit'].icon-bolt-after:after,
  .dhtmlx_popup_button.icon-bolt-before:before,
  .dhtmlx_popup_button.icon-bolt-after:after {
    color: #ffda41; }
  .btn.icon-check-before:before, .btn.icon-check-after:after,
  a.btn.icon-check-before:before,
  a.btn.icon-check-after:after,
  .btns >
a.icon-check-before:before,
  .btns > a.icon-check-after:after,
  button:not(.grid-btn).icon-check-before:before,
  button:not(.grid-btn).icon-check-after:after,
  input[type='button'].icon-check-before:before,
  input[type='button'].icon-check-after:after,
  input[type='reset'].icon-check-before:before,
  input[type='reset'].icon-check-after:after,
  input[type='submit'].icon-check-before:before,
  input[type='submit'].icon-check-after:after,
  .dhtmlx_popup_button.icon-check-before:before,
  .dhtmlx_popup_button.icon-check-after:after {
    color: green; }
  .btn.icon-check-before.red:before, .btn.icon-check-after.red:after,
  a.btn.icon-check-before.red:before,
  a.btn.icon-check-after.red:after,
  .btns >
a.icon-check-before.red:before,
  .btns > a.icon-check-after.red:after,
  button:not(.grid-btn).icon-check-before.red:before,
  button:not(.grid-btn).icon-check-after.red:after,
  input[type='button'].icon-check-before.red:before,
  input[type='button'].icon-check-after.red:after,
  input[type='reset'].icon-check-before.red:before,
  input[type='reset'].icon-check-after.red:after,
  input[type='submit'].icon-check-before.red:before,
  input[type='submit'].icon-check-after.red:after,
  .dhtmlx_popup_button.icon-check-before.red:before,
  .dhtmlx_popup_button.icon-check-after.red:after {
    color: #ff414a; }
  .btn.icon-delete-before:before, .btn.icon-delete-after:after,
  a.btn.icon-delete-before:before,
  a.btn.icon-delete-after:after,
  .btns >
a.icon-delete-before:before,
  .btns > a.icon-delete-after:after,
  button:not(.grid-btn).icon-delete-before:before,
  button:not(.grid-btn).icon-delete-after:after,
  input[type='button'].icon-delete-before:before,
  input[type='button'].icon-delete-after:after,
  input[type='reset'].icon-delete-before:before,
  input[type='reset'].icon-delete-after:after,
  input[type='submit'].icon-delete-before:before,
  input[type='submit'].icon-delete-after:after,
  .dhtmlx_popup_button.icon-delete-before:before,
  .dhtmlx_popup_button.icon-delete-after:after {
    color: #c65454; }
  .btn.icon-edit-before:before, .btn.icon-edit-after:after,
  a.btn.icon-edit-before:before,
  a.btn.icon-edit-after:after,
  .btns >
a.icon-edit-before:before,
  .btns > a.icon-edit-after:after,
  button:not(.grid-btn).icon-edit-before:before,
  button:not(.grid-btn).icon-edit-after:after,
  input[type='button'].icon-edit-before:before,
  input[type='button'].icon-edit-after:after,
  input[type='reset'].icon-edit-before:before,
  input[type='reset'].icon-edit-after:after,
  input[type='submit'].icon-edit-before:before,
  input[type='submit'].icon-edit-after:after,
  .dhtmlx_popup_button.icon-edit-before:before,
  .dhtmlx_popup_button.icon-edit-after:after {
    color: #ecab17; }
  .btn.icon-funnel-before:before, .btn.icon-funnel-after:after,
  a.btn.icon-funnel-before:before,
  a.btn.icon-funnel-after:after,
  .btns >
a.icon-funnel-before:before,
  .btns > a.icon-funnel-after:after,
  button:not(.grid-btn).icon-funnel-before:before,
  button:not(.grid-btn).icon-funnel-after:after,
  input[type='button'].icon-funnel-before:before,
  input[type='button'].icon-funnel-after:after,
  input[type='reset'].icon-funnel-before:before,
  input[type='reset'].icon-funnel-after:after,
  input[type='submit'].icon-funnel-before:before,
  input[type='submit'].icon-funnel-after:after,
  .dhtmlx_popup_button.icon-funnel-before:before,
  .dhtmlx_popup_button.icon-funnel-after:after {
    color: #1650be; }
  .btn.icon-geo-after:after, .btn.icon-geo-before:before,
  a.btn.icon-geo-after:after,
  a.btn.icon-geo-before:before,
  .btns >
a.icon-geo-after:after,
  .btns > a.icon-geo-before:before,
  button:not(.grid-btn).icon-geo-after:after,
  button:not(.grid-btn).icon-geo-before:before,
  input[type='button'].icon-geo-after:after,
  input[type='button'].icon-geo-before:before,
  input[type='reset'].icon-geo-after:after,
  input[type='reset'].icon-geo-before:before,
  input[type='submit'].icon-geo-after:after,
  input[type='submit'].icon-geo-before:before,
  .dhtmlx_popup_button.icon-geo-after:after,
  .dhtmlx_popup_button.icon-geo-before:before {
    width: 17px; }
  .btn.icon-map-marker-before:before, .btn.icon-map-marker-after:after,
  a.btn.icon-map-marker-before:before,
  a.btn.icon-map-marker-after:after,
  .btns >
a.icon-map-marker-before:before,
  .btns > a.icon-map-marker-after:after,
  button:not(.grid-btn).icon-map-marker-before:before,
  button:not(.grid-btn).icon-map-marker-after:after,
  input[type='button'].icon-map-marker-before:before,
  input[type='button'].icon-map-marker-after:after,
  input[type='reset'].icon-map-marker-before:before,
  input[type='reset'].icon-map-marker-after:after,
  input[type='submit'].icon-map-marker-before:before,
  input[type='submit'].icon-map-marker-after:after,
  .dhtmlx_popup_button.icon-map-marker-before:before,
  .dhtmlx_popup_button.icon-map-marker-after:after {
    color: #c65454; }
  .btn.icon-refresh-before:before, .btn.icon-refresh-after:after,
  a.btn.icon-refresh-before:before,
  a.btn.icon-refresh-after:after,
  .btns >
a.icon-refresh-before:before,
  .btns > a.icon-refresh-after:after,
  button:not(.grid-btn).icon-refresh-before:before,
  button:not(.grid-btn).icon-refresh-after:after,
  input[type='button'].icon-refresh-before:before,
  input[type='button'].icon-refresh-after:after,
  input[type='reset'].icon-refresh-before:before,
  input[type='reset'].icon-refresh-after:after,
  input[type='submit'].icon-refresh-before:before,
  input[type='submit'].icon-refresh-after:after,
  .dhtmlx_popup_button.icon-refresh-before:before,
  .dhtmlx_popup_button.icon-refresh-after:after {
    color: green; }
  .btn.icon-revert-before:before, .btn.icon-revert-after:after,
  a.btn.icon-revert-before:before,
  a.btn.icon-revert-after:after,
  .btns >
a.icon-revert-before:before,
  .btns > a.icon-revert-after:after,
  button:not(.grid-btn).icon-revert-before:before,
  button:not(.grid-btn).icon-revert-after:after,
  input[type='button'].icon-revert-before:before,
  input[type='button'].icon-revert-after:after,
  input[type='reset'].icon-revert-before:before,
  input[type='reset'].icon-revert-after:after,
  input[type='submit'].icon-revert-before:before,
  input[type='submit'].icon-revert-after:after,
  .dhtmlx_popup_button.icon-revert-before:before,
  .dhtmlx_popup_button.icon-revert-after:after {
    color: steelblue; }
  .btn.icon-redo-before:before, .btn.icon-redo-after:after,
  a.btn.icon-redo-before:before,
  a.btn.icon-redo-after:after,
  .btns >
a.icon-redo-before:before,
  .btns > a.icon-redo-after:after,
  button:not(.grid-btn).icon-redo-before:before,
  button:not(.grid-btn).icon-redo-after:after,
  input[type='button'].icon-redo-before:before,
  input[type='button'].icon-redo-after:after,
  input[type='reset'].icon-redo-before:before,
  input[type='reset'].icon-redo-after:after,
  input[type='submit'].icon-redo-before:before,
  input[type='submit'].icon-redo-after:after,
  .dhtmlx_popup_button.icon-redo-before:before,
  .dhtmlx_popup_button.icon-redo-after:after {
    color: steelblue; }
  .btn.icon-signout-before:before, .btn .icon-signout-after:after,
  a.btn.icon-signout-before:before,
  a.btn .icon-signout-after:after,
  .btns >
a.icon-signout-before:before,
  .btns > a .icon-signout-after:after,
  button:not(.grid-btn).icon-signout-before:before,
  button:not(.grid-btn) .icon-signout-after:after,
  input[type='button'].icon-signout-before:before,
  input[type='button'] .icon-signout-after:after,
  input[type='reset'].icon-signout-before:before,
  input[type='reset'] .icon-signout-after:after,
  input[type='submit'].icon-signout-before:before,
  input[type='submit'] .icon-signout-after:after,
  .dhtmlx_popup_button.icon-signout-before:before,
  .dhtmlx_popup_button .icon-signout-after:after {
    color: #613a0f; }
  .btn.icon-userplus-before:before, .btn.icon-userplus-after:after,
  a.btn.icon-userplus-before:before,
  a.btn.icon-userplus-after:after,
  .btns >
a.icon-userplus-before:before,
  .btns > a.icon-userplus-after:after,
  button:not(.grid-btn).icon-userplus-before:before,
  button:not(.grid-btn).icon-userplus-after:after,
  input[type='button'].icon-userplus-before:before,
  input[type='button'].icon-userplus-after:after,
  input[type='reset'].icon-userplus-before:before,
  input[type='reset'].icon-userplus-after:after,
  input[type='submit'].icon-userplus-before:before,
  input[type='submit'].icon-userplus-after:after,
  .dhtmlx_popup_button.icon-userplus-before:before,
  .dhtmlx_popup_button.icon-userplus-after:after {
    color: #20376d; }
  .btn:disabled:before, .btn:disabled:after,
  a.btn:disabled:before,
  a.btn:disabled:after,
  .btns > a:disabled:before,
  .btns > a:disabled:after,
  button:not(.grid-btn):disabled:before,
  button:not(.grid-btn):disabled:after,
  input[type='button']:disabled:before,
  input[type='button']:disabled:after,
  input[type='reset']:disabled:before,
  input[type='reset']:disabled:after,
  input[type='submit']:disabled:before,
  input[type='submit']:disabled:after,
  .dhtmlx_popup_button:disabled:before,
  .dhtmlx_popup_button:disabled:after {
    color: #c4c4c4; }
  .btn.invisible,
  a.btn.invisible,
  .btns > a.invisible,
  button:not(.grid-btn).invisible,
  input[type='button'].invisible,
  input[type='reset'].invisible,
  input[type='submit'].invisible,
  .dhtmlx_popup_button.invisible {
    display: none; }

div.mce-btn > button {
  border: none; }

a.btn.search, a.btn.refresh, a.btn.add, a.btn.delete, a.btn.user, a.btn.email, a.btn.reset, a.btn.check, a.btn.page-preview, a.btn.lightning, a.btn.link, a.btn.sort, a.btn.sort-d, a.btn.arrow_right, a.btn.email_linked, a.btn.back, a.btn.edit, a.btn.next, input[type=button].search, input[type=button].refresh, input[type=button].add, input[type=button].delete, input[type=button].user, input[type=button].email, input[type=button].reset, input[type=button].check, input[type=button].page-preview, input[type=button].lightning, input[type=button].link, input[type=button].sort, input[type=button].sort-d, input[type=button].arrow_right, input[type=button].email_linked, input[type=button].back, input[type=button].edit, input[type=button].next {
  padding-left: 2rem; }

.s360Q360Button {
  margin: 0 1rem; }
  .s360Q360Button.no-margin {
    margin: 0; }
  .s360Q360Button.filter-panel-button {
    margin: 0px;
    padding-left: 110px;
    width: 100%; }
  .s360Q360Button.inline-block {
    display: inline-block; }
  .s360Q360Button.block {
    display: block;
    margin: 0.2rem 0.4rem; }
  .s360Q360Button.lineHeight button,
  .s360Q360Button.lineHeight input[type='button'],
  .s360Q360Button.lineHeight input[type='reset'],
  .s360Q360Button.lineHeight input[type='submit'] {
    height: 20px; }
  .s360Q360Button.lineHeight:before, .s360Q360Button.lineHeight:after {
    font-weight: normal; }
  .s360Q360Button button.dispatchButton {
    width: 100px; }
  .s360Q360Button button.full-width {
    width: 100%; }

.process-btn.mdgreen {
  color: #139b13; }

.process-btn.red {
  color: #ff131f; }

.process-btn.blue {
  color: #0f56fb; }

.process-cancel {
  color: #0f56fb; }

.panel-button-full {
  width: 100%;
  margin: 0px; }

.panel-button {
  width: 100%;
  margin: 0px;
  padding-left: 110px; }

div.tox-menubar > button.tox-mbtn
, div.tox-toolbar__group > button.tox-tbtn {
  border: 0; }

.s360W360ButtonGroup .btnwrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .s360W360ButtonGroup .btnwrapper button {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 0;
    border-color: #666666;
    font-weight: bold;
    font-size: 1em;
    min-width: 40px; }
    .s360W360ButtonGroup .btnwrapper button.icon-only {
      min-width: 31px;
      font-size: 1.3rem;
      font-weight: normal; }
  .s360W360ButtonGroup .btnwrapper button:last-of-type {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .s360W360ButtonGroup .btnwrapper button:first-of-type {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }

.s360W360Calendar {
  display: inline-block; }
  .s360W360Calendar .fc-button {
    line-height: 1; }
    .s360W360Calendar .fc-button .fc-icon {
      font-size: inherit; }
  .s360W360Calendar .fc-day-grid-container {
    width: 100%; }
  .s360W360Calendar .fc-event {
    border: 1px solid white;
    background: white; }
    .s360W360Calendar .fc-event.color-yellow {
      background-color: Yellow;
      border: 1px solid Yellow; }
    .s360W360Calendar .fc-event.color-mdyellow {
      background-color: #f0ee80;
      border: 1px solid #f0ee80; }
    .s360W360Calendar .fc-event.color-ltyellow {
      background-color: #fffcba;
      border: 1px solid #fffcba; }
    .s360W360Calendar .fc-event.color-red {
      background-color: Red;
      border: 1px solid Red; }
      .s360W360Calendar .fc-event.color-red .fc-title, .s360W360Calendar .fc-event.color-red .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-mdred {
      background-color: Salmon;
      border: 1px solid Salmon; }
    .s360W360Calendar .fc-event.color-ltred {
      background-color: #ffaaa9;
      border: 1px solid #ffaaa9; }
    .s360W360Calendar .fc-event.color-maroon {
      background-color: Maroon;
      border: 1px solid Maroon; }
      .s360W360Calendar .fc-event.color-maroon .fc-title, .s360W360Calendar .fc-event.color-maroon .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-mdmaroon {
      background-color: Firebrick;
      border: 1px solid Firebrick; }
      .s360W360Calendar .fc-event.color-mdmaroon .fc-title, .s360W360Calendar .fc-event.color-mdmaroon .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-ltmaroon {
      background-color: IndianRed;
      border: 1px solid IndianRed; }
    .s360W360Calendar .fc-event.color-brown {
      background-color: SaddleBrown;
      border: 1px solid SaddleBrown; }
      .s360W360Calendar .fc-event.color-brown .fc-title, .s360W360Calendar .fc-event.color-brown .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-mdbrown {
      background-color: Chocolate;
      border: 1px solid Chocolate; }
      .s360W360Calendar .fc-event.color-mdbrown .fc-title, .s360W360Calendar .fc-event.color-mdbrown .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-ltbrown {
      background-color: Burlywood;
      border: 1px solid Burlywood; }
    .s360W360Calendar .fc-event.color-green {
      background-color: Green;
      border: 1px solid Green; }
      .s360W360Calendar .fc-event.color-green .fc-title, .s360W360Calendar .fc-event.color-green .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-mdgreen {
      background-color: LimeGreen;
      border: 1px solid LimeGreen; }
      .s360W360Calendar .fc-event.color-mdgreen .fc-title, .s360W360Calendar .fc-event.color-mdgreen .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-ltgreen {
      background-color: LightGreen;
      border: 1px solid LightGreen; }
    .s360W360Calendar .fc-event.color-blue {
      background-color: Blue;
      border: 1px solid Blue; }
      .s360W360Calendar .fc-event.color-blue .fc-title, .s360W360Calendar .fc-event.color-blue .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-mdblue {
      background-color: DodgerBlue;
      border: 1px solid DodgerBlue; }
      .s360W360Calendar .fc-event.color-mdblue .fc-title, .s360W360Calendar .fc-event.color-mdblue .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-ltblue {
      background-color: LightSkyBlue;
      border: 1px solid LightSkyBlue; }
    .s360W360Calendar .fc-event.color-pink {
      background-color: MediumVioletRed;
      border: 1px solid MediumVioletRed; }
      .s360W360Calendar .fc-event.color-pink .fc-title, .s360W360Calendar .fc-event.color-pink .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-mdpink {
      background-color: HotPink;
      border: 1px solid HotPink; }
    .s360W360Calendar .fc-event.color-ltpink {
      background-color: LightPink;
      border: 1px solid LightPink; }
    .s360W360Calendar .fc-event.color-purple {
      background-color: Purple;
      border: 1px solid Purple; }
      .s360W360Calendar .fc-event.color-purple .fc-title, .s360W360Calendar .fc-event.color-purple .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-mdpurple {
      background-color: MediumOrchid;
      border: 1px solid MediumOrchid; }
      .s360W360Calendar .fc-event.color-mdpurple .fc-title, .s360W360Calendar .fc-event.color-mdpurple .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-ltpurple {
      background-color: Plum;
      border: 1px solid Plum; }
    .s360W360Calendar .fc-event.color-orange {
      background-color: DarkOrange;
      border: 1px solid DarkOrange; }
      .s360W360Calendar .fc-event.color-orange .fc-title, .s360W360Calendar .fc-event.color-orange .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-mdorange {
      background-color: #ffc036;
      border: 1px solid #ffc036; }
    .s360W360Calendar .fc-event.color-ltorange {
      background-color: #ffc982;
      border: 1px solid #ffc982; }
    .s360W360Calendar .fc-event.color-gray {
      background-color: DarkSlateGray;
      border: 1px solid DarkSlateGray; }
      .s360W360Calendar .fc-event.color-gray .fc-title, .s360W360Calendar .fc-event.color-gray .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-mdgray {
      background-color: LightSlateGray;
      border: 1px solid LightSlateGray; }
    .s360W360Calendar .fc-event.color-ltgray {
      background-color: Silver;
      border: 1px solid Silver; }
    .s360W360Calendar .fc-event.color-cyan {
      background-color: DarkTurquoise;
      border: 1px solid DarkTurquoise; }
      .s360W360Calendar .fc-event.color-cyan .fc-title, .s360W360Calendar .fc-event.color-cyan .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-mdcyan {
      background-color: Cyan;
      border: 1px solid Cyan; }
    .s360W360Calendar .fc-event.color-ltcyan {
      background-color: PaleTurquoise;
      border: 1px solid PaleTurquoise; }
    .s360W360Calendar .fc-event.color-olive {
      background-color: DarkOliveGreen;
      border: 1px solid DarkOliveGreen; }
      .s360W360Calendar .fc-event.color-olive .fc-title, .s360W360Calendar .fc-event.color-olive .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-mdolive {
      background-color: OliveDrab;
      border: 1px solid OliveDrab; }
      .s360W360Calendar .fc-event.color-mdolive .fc-title, .s360W360Calendar .fc-event.color-mdolive .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-ltolive {
      background-color: YellowGreen;
      border: 1px solid YellowGreen; }
    .s360W360Calendar .fc-event.color-seagreen {
      background-color: SeaGreen;
      border: 1px solid SeaGreen; }
      .s360W360Calendar .fc-event.color-seagreen .fc-title, .s360W360Calendar .fc-event.color-seagreen .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-mdseagreen {
      background-color: MediumSeaGreen;
      border: 1px solid MediumSeaGreen; }
      .s360W360Calendar .fc-event.color-mdseagreen .fc-title, .s360W360Calendar .fc-event.color-mdseagreen .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-ltseagreen {
      background-color: MediumSpringGreen;
      border: 1px solid MediumSpringGreen; }
    .s360W360Calendar .fc-event.color-indigo {
      background-color: Indigo;
      border: 1px solid Indigo; }
      .s360W360Calendar .fc-event.color-indigo .fc-title, .s360W360Calendar .fc-event.color-indigo .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-mdindigo {
      background-color: SlateBlue;
      border: 1px solid SlateBlue; }
      .s360W360Calendar .fc-event.color-mdindigo .fc-title, .s360W360Calendar .fc-event.color-mdindigo .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-ltindigo {
      background-color: MediumPurple;
      border: 1px solid MediumPurple; }
    .s360W360Calendar .fc-event.color-black {
      background-color: #333333;
      border: 1px solid #333333; }
      .s360W360Calendar .fc-event.color-black .fc-title, .s360W360Calendar .fc-event.color-black .fc-time {
        color: white; }
    .s360W360Calendar .fc-event.color-white {
      background-color: white;
      border: 1px solid white; }
    .s360W360Calendar .fc-event.color-gold {
      background-color: #ffd213;
      border: 1px solid #ffd213; }
  .s360W360Calendar .fc-icon-refresh:before {
    content: "\f021";
    font-family: FontAwesome;
    color: #349e3f; }

.fc-button:not(:disabled), .fc-event.fc-draggable, .fc-event[href], .fc-popover .fc-header .fc-close, a.fc-more, a[data-goto] {
  cursor: pointer; }

.fc-bg, .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
  bottom: 0; }

.fc {
  direction: ltr;
  text-align: left; }

.fc-rtl {
  text-align: right; }

body .fc {
  font-size: 1em; }

.fc-highlight {
  background: #bce8f1;
  opacity: .3; }

.fc-bgevent {
  background: #8fdf82;
  opacity: .3; }

.fc-nonbusiness {
  background: #d7d7d7; }

.fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }

.fc-popover .fc-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2px 4px; }

.fc-rtl .fc-popover .fc-header {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.fc-popover .fc-header .fc-title {
  margin: 0 2px; }

.fc-popover .fc-header .fc-close {
  opacity: .65;
  font-size: 1.1em; }

.fc-divider {
  border-style: solid;
  border-width: 1px; }

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  border-width: 1px 0; }

.fc-bg table, .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table {
  height: 100%; }

.fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-mirror-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em; }

.fc th {
  text-align: center; }

.fc td, .fc th {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top; }

.fc td.fc-today {
  border-style: double; }

a[data-goto]:hover {
  text-decoration: underline; }

.fc .fc-row {
  border-style: solid;
  border-width: 0; }

.fc-row table {
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  border-bottom: 0 hidden transparent; }

.fc-row:first-child table {
  border-top: 0 hidden transparent; }

.fc-row {
  position: relative; }

.fc-row .fc-bg {
  z-index: 1; }

.fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td {
  border-color: transparent; }

.fc-row .fc-bgevent-skeleton {
  z-index: 2; }

.fc-row .fc-highlight-skeleton {
  z-index: 3; }

.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px; }

.fc-row .fc-mirror-skeleton {
  z-index: 5; }

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-mirror-skeleton td {
  background: 0 0;
  border-color: transparent; }

.fc-row .fc-content-skeleton td, .fc-row .fc-mirror-skeleton td {
  border-bottom: 0; }

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-mirror-skeleton tbody td {
  border-top: 0; }

.fc-scroller {
  -webkit-overflow-scrolling: touch; }

.fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid {
  position: relative;
  width: 100%; }

.fc-event {
  position: relative;
  display: block;
  font-size: .85em;
  line-height: 1.4;
  border-radius: 3px;
  border: 1px solid #3788d8; }

.fc-event, .fc-event-dot {
  background-color: #3788d8; }

.fc-event, .fc-event:hover {
  color: #fff;
  text-decoration: none; }

.fc-not-allowed, .fc-not-allowed .fc-event {
  cursor: not-allowed; }

.fc-event .fc-content {
  position: relative;
  z-index: 2; }

.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
  display: none; }

.fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer {
  display: block; }

.fc-event.fc-selected .fc-resizer:before {
  content: "";
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px; }

.fc-event.fc-selected {
  z-index: 9999 !important;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.fc-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background: #000;
  opacity: .25; }

.fc-event.fc-dragging.fc-selected {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }

.fc-event.fc-dragging:not(.fc-selected) {
  opacity: .75; }

.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0; }

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px; }

.fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px; }

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  bottom: -1px; }

.fc-h-event.fc-selected .fc-resizer {
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  top: 50%;
  margin-top: -4px; }

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px; }

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px; }

.fc-day-grid-event {
  margin: 1px 2px 0;
  padding: 0 1px; }

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px; }

.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {
  margin-top: 0; }

.fc-day-grid-event .fc-content {
  white-space: nowrap;
  overflow: hidden; }

.fc-day-grid-event .fc-time {
  font-weight: 700; }

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px; }

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px; }

a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  text-decoration: none; }

a.fc-more:hover {
  text-decoration: underline; }

.fc-limited {
  display: none; }

.fc-button, .fc-icon {
  display: inline-block;
  font-weight: 400;
  text-align: center; }

.fc-day-grid .fc-row {
  z-index: 1; }

.fc-more-popover {
  z-index: 2;
  width: 220px; }

.fc-more-popover .fc-event-container {
  padding: 10px; }

.fc-now-indicator {
  position: absolute;
  border: 0 solid red; }

.fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent; }

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
  border-color: #ddd; }

.fc-unthemed .fc-popover {
  background-color: #fff; }

.fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header {
  background: #eee; }

.fc-unthemed td.fc-today {
  background: #fcf8e3; }

.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: .3; }

@font-face {
  font-family: fcicons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
  font-weight: 400;
  font-style: normal; }

.fc-icon {
  font-family: fcicons !important;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1em;
  height: 1em; }

.fc-icon-chevron-left:before {
  content: ""; }

.fc-icon-chevron-right:before {
  content: ""; }

.fc-icon-chevrons-left:before {
  content: ""; }

.fc-icon-chevrons-right:before {
  content: ""; }

.fc-icon-minus-square:before {
  content: ""; }

.fc-icon-plus-square:before {
  content: ""; }

.fc-icon-x:before {
  content: ""; }

.fc-button {
  overflow: visible;
  text-transform: none;
  margin: 0;
  font-family: inherit; }

.fc-button::-moz-focus-inner {
  padding: 0;
  border-style: none; }

.fc-button {
  -webkit-appearance: button;
  color: #212529;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .4em .65em;
  font-size: 1em;
  line-height: 1.5;
  border-radius: .25em; }

.fc-button:hover {
  color: #212529;
  text-decoration: none; }

.fc-button:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); }

.fc-button:disabled {
  opacity: .65; }

.fc-button-primary {
  color: #fff;
  background-color: #2C3E50;
  border-color: #2C3E50; }

.fc-button-primary:hover {
  color: #fff;
  background-color: #1e2b37;
  border-color: #1a252f; }

.fc-button-primary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); }

.fc-button-primary:disabled {
  color: #fff;
  background-color: #2C3E50;
  border-color: #2C3E50; }

.fc-button-primary:not(:disabled).fc-button-active, .fc-button-primary:not(:disabled):active {
  color: #fff;
  background-color: #1a252f;
  border-color: #151e27; }

.fc-button-primary:not(:disabled).fc-button-active:focus, .fc-button-primary:not(:disabled):active:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); }

.fc-button .fc-icon {
  vertical-align: middle;
  font-size: 1.5em; }

.fc-button-group {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle; }

.fc-button-group > .fc-button {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.fc-button-group > .fc-button.fc-button-active, .fc-button-group > .fc-button:active, .fc-button-group > .fc-button:focus, .fc-button-group > .fc-button:hover {
  z-index: 1; }

.fc-button-group > .fc-button:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.fc-button-group > .fc-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid; }

.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5; }

.fc-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1.5em; }

.fc-toolbar.fc-footer-toolbar {
  margin-top: 1.5em; }

.fc-toolbar > * > :not(:first-child) {
  margin-left: .75em; }

.fc-toolbar h2 {
  font-size: 1.75em;
  margin: 0; }

.fc-view-container {
  position: relative; }

.fc-view-container *, .fc-view-container :after, .fc-view-container :before {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.fc-view, .fc-view > table {
  position: relative;
  z-index: 1; }

@media print {
  .fc-bg, .fc-bgevent-container, .fc-bgevent-skeleton, .fc-business-container, .fc-event .fc-resizer, .fc-highlight-container, .fc-highlight-skeleton, .fc-mirror-container, .fc-mirror-skeleton {
    display: none; }
  .fc tbody .fc-row, .fc-time-grid {
    min-height: 0 !important; }
  .fc-time-grid .fc-event.fc-not-end:after, .fc-time-grid .fc-event.fc-not-start:before {
    content: "..."; }
  .fc {
    max-width: 100% !important; }
  .fc-event {
    background: #fff !important;
    color: #000 !important;
    page-break-inside: avoid; }
  .fc hr, .fc tbody, .fc td, .fc th, .fc thead, .fc-row {
    border-color: #ccc !important;
    background: #fff !important; }
  .fc tbody .fc-row {
    height: auto !important; }
  .fc tbody .fc-row .fc-content-skeleton {
    position: static;
    padding-bottom: 0 !important; }
  .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
    padding-bottom: 1em; }
  .fc tbody .fc-row .fc-content-skeleton table {
    height: 1em; }
  .fc-more, .fc-more-cell {
    display: none !important; }
  .fc tr.fc-limited {
    display: table-row !important; }
  .fc td.fc-limited {
    display: table-cell !important; }
  .fc-popover, .fc-timeGrid-view .fc-axis {
    display: none; }
  .fc-slats, .fc-time-grid hr {
    display: none !important; }
  .fc button, .fc-button-group, .fc-time-grid .fc-event .fc-time span {
    display: none; }
  .fc-time-grid .fc-content-skeleton {
    position: static; }
  .fc-time-grid .fc-content-skeleton table {
    height: 4em; }
  .fc-time-grid .fc-event-container {
    margin: 0 !important; }
  .fc-time-grid .fc-event {
    position: static !important;
    margin: 3px 2px !important; }
  .fc-time-grid .fc-event.fc-not-end {
    border-bottom-width: 1px !important; }
  .fc-time-grid .fc-event.fc-not-start {
    border-top-width: 1px !important; }
  .fc-time-grid .fc-event .fc-time {
    white-space: normal !important; }
  .fc-time-grid .fc-event .fc-time:after {
    content: attr(data-full); }
  .fc-day-grid-container, .fc-scroller, .fc-time-grid-container {
    overflow: visible !important;
    height: auto !important; }
  .fc-row {
    border: 0 !important;
    margin: 0 !important; } }

.fc-dayGridDay-view .fc-content-skeleton, .fc-dayGridWeek-view .fc-content-skeleton {
  padding-bottom: 1em; }

.fc-dayGrid-view .fc-body .fc-row {
  min-height: 4em; }

.fc-row.fc-rigid {
  overflow: hidden; }

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.fc-day-top.fc-other-month {
  opacity: .3; }

.fc-dayGrid-view .fc-day-number, .fc-dayGrid-view .fc-week-number {
  padding: 2px; }

.fc-dayGrid-view th.fc-day-number, .fc-dayGrid-view th.fc-week-number {
  padding: 0 2px; }

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: right; }

.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: left; }

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px; }

.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px; }

.fc-dayGrid-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: grey; }

.fc-dayGrid-view td.fc-week-number {
  text-align: center; }

.fc-dayGrid-view td.fc-week-number > * {
  display: inline-block;
  min-width: 1.25em; }

.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px; }

.fc-rtl .fc-list-view {
  direction: rtl; }

.fc-list-view {
  border-width: 1px;
  border-style: solid; }

.fc .fc-list-table {
  table-layout: auto; }

.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px; }

.fc-list-table tr:first-child td {
  border-top-width: 0; }

.fc-list-heading {
  border-bottom-width: 1px; }

.fc-list-heading td {
  font-weight: 700; }

.fc-ltr .fc-list-heading-main {
  float: left; }

.fc-ltr .fc-list-heading-alt, .fc-rtl .fc-list-heading-main {
  float: right; }

.fc-rtl .fc-list-heading-alt {
  float: left; }

.fc-list-item.fc-has-url {
  cursor: pointer; }

.fc-list-item-marker, .fc-list-item-time {
  white-space: nowrap;
  width: 1px; }

.fc-ltr .fc-list-item-marker {
  padding-right: 0; }

.fc-rtl .fc-list-item-marker {
  padding-left: 0; }

.fc-list-item-title a {
  text-decoration: none;
  color: inherit; }

.fc-list-item-title a[href]:hover {
  text-decoration: underline; }

.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table; }

.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.fc-unthemed .fc-list-empty {
  background-color: #eee; }

.container {
  margin: 0 .5rem .5rem .5rem;
  border: 1px solid rgba(0, 0, 0, 0.33);
  padding: .5rem;
  border-radius: .5rem; }
  .container .container-title {
    position: relative;
    top: -1rem;
    left: 0.5rem;
    font-size: 1.2rem;
    background-color: whitesmoke;
    font-weight: bold;
    display: inline-block;
    color: #444444; }

input[type='date'],
.hasDatepicker {
  background-image: url("../images/icons/calendar.png");
  background-position: right;
  background-repeat: no-repeat; }
  input[type='date'][disabled], input[type='date'].disabled,
  .hasDatepicker[disabled],
  .hasDatepicker.disabled {
    background: none; }

.ui-datepicker {
  font-size: 11px !important; }
  .ui-datepicker .ui-widget-header {
    background: #dddddd; }
  .ui-datepicker .ui-datepicker-calendar .ui-state-default {
    background: whitesmoke; }
  .ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
    background: #d2e9fe;
    border-color: #5588ff; }
  .ui-datepicker .ui-datepicker-calendar .ui-state-active {
    background: #faff41;
    border-color: #ffd213; }

#task-bar {
  position: fixed;
  width: 100%;
  z-index: 1000; }
  #task-bar .taskBarElement {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #2c3e5f;
    color: #efefef;
    height: 30px;
    line-height: 30px;
    padding: 0 10px; }
    #task-bar .taskBarElement:hover {
      background-color: #1a2438;
      color: #d6d6d6;
      cursor: pointer; }
  #task-bar #dock {
    background-color: #4e648a;
    height: 30px;
    width: calc(100% - 80px);
    float: left; }
    #task-bar #dock .taskBarElement {
      border-right: 1px solid #efefef;
      display: inline-block;
      width: 10%; }
    #task-bar #dock.overflowing {
      padding-right: 30px; }
  #task-bar #notifier {
    width: 80px;
    float: right;
    height: 30px;
    background-color: #4e648a;
    border-left: 1px solid #383838; }
  #task-bar #tb-overflow {
    position: absolute;
    right: 0;
    bottom: 30px; }
    #task-bar #tb-overflow #tb-overflow-container .taskBarElement {
      margin-right: 80px; }
    #task-bar #tb-overflow #tb-overflow-container:last-child {
      border-bottom: 1px solid #efefef; }
  #task-bar #tb-overflow-button {
    background-color: #333333;
    bottom: 0;
    color: #efefef;
    font-size: 1.5rem;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 80px;
    text-align: center;
    width: 30px; }
    #task-bar #tb-overflow-button:hover {
      background-color: #222222;
      cursor: pointer; }
    #task-bar #tb-overflow-button.open {
      background-color: #222222;
      color: #d6d6d6; }

#viewport-quicksearch {
  margin-top: 4px; }

#viewport-quicksearch-btn {
  margin-top: 4px;
  height: 20px; }
  #viewport-quicksearch-btn:after {
    color: #3a3a3a;
    font-weight: normal; }

#viewport-quicksearchwrapper {
  position: relative; }

.input-item.filterable:not(.filtering) .input {
  padding-right: 20px; }
  .input-item.filterable:not(.filtering) .input span.filter {
    display: none; }

.input-item.filterable.filtering select.filtered {
  display: none !important; }

.input-item.filterable.filtering .filter-results {
  display: inline-block; }

.input-item.filterable.filtering .search.icon-only {
  display: none; }

.input-item.filterable.filtering .funnel.icon-only {
  display: none; }

.input-item.filterable:not(.filtering).searchable .input {
  padding-right: calc(20px * 2); }

.input-item.filterable.searchable .filter-show.icon-only {
  right: 20px; }

.input-item.filterable .filter-show.icon-only {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 2px; }

.input-item .filter-show.icon-only {
  display: none; }

.input-item .filter-results {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
  display: none;
  position: absolute;
  top: 2rem;
  left: 0;
  z-index: 3;
  height: auto; }

#mainContent form:not([data-form-control="no"]):not(.form-inline), #mainContent .form:not([data-form-control="no"]):not(.form-inline) {
  background-color: whitesmoke; }

#mainContent form.narrow, #mainContent .form.narrow {
  min-width: 320px;
  width: 50%; }

.add,
.arrow_left,
.arrow_right,
.back,
.cart,
.check,
.clipboard,
.clock,
.close,
.comment,
.company,
.delete,
.download,
.edit,
.email,
.email_linked,
.error,
.exit,
.file-upload,
.files,
.first,
.flag,
.floppy,
.funnel,
.globe,
.gear,
.html,
.icon-list,
.icon-table,
.import,
.info,
.menu,
.last,
.lightning,
.link,
.linkurl,
.locked,
.next,
.page-preview,
.pdf,
.prev,
.print,
.refresh,
.report,
.reset,
.search,
.sort,
.sort-d,
.spreadsheet,
.stop,
.tag,
.time,
.uncheck,
.unlink,
.unlocked,
.user,
.website,
.wrench,
.write {
  background-position: 4px center;
  background-repeat: no-repeat; }

.add {
  background-image: url("../images/icons/add.png"); }

.back {
  background-image: url("../images/icons/arrow_left.png"); }

.cart {
  background-image: url("../images/icons/cart.png"); }

.check {
  background-image: url("../images/icons/tick.png"); }

.clear-cache {
  background-image: url("../images/icons/clear.png"); }

.clipboard {
  background-image: url("../images/icons/clipboard.png"); }

.clock {
  background-image: url("../images/icons/clock.png"); }

.close {
  background-image: url("../images/icons/x.png"); }

.comment {
  background-image: url("../images/icons/comment.png"); }

.company {
  background-image: url("../images/icons/building.png"); }

.delete {
  background-image: url("../images/icons/delete.png"); }

.download {
  background-image: url("../images/icons/download.png"); }

.email {
  background-image: url("../images/icons/email.png"); }

.email_linked {
  background-image: url("../images/icons/email_link.png"); }

.error {
  background-image: url("../images/icons/error.png"); }

.exit {
  background-image: url("../images/icons/door_in.png"); }

.edit {
  background-image: url("../images/icons/pencil.png"); }

.files {
  background-image: url("../images/icons/files.png"); }

.first {
  background-image: url("../images/icons/first.png"); }

.flag {
  background-image: url("../images/icons/flag_red.png"); }

.floppy {
  background-image: url("../images/icons/save.png"); }

.funnel {
  background-image: url("../images/icons/funnel.png"); }

.globe {
  background-image: url("../images/icons/world.png"); }

.gear {
  background-image: url("../images/icons/cog.png"); }

.html {
  background-image: url("../images/icons/html.png"); }

.icon-list {
  background-image: url("../images/icons/list.png"); }

.icon-table {
  background-image: url("../images/icons/table.png"); }

.import {
  background-image: url("../images/icons/import.png"); }

.info {
  background-image: url("../images/icons/information.png"); }

.menu {
  background-image: url("../images/icons/menu.png"); }

.last {
  background-image: url("../images/icons/last.png"); }

.lightning {
  background-image: url("../images/icons/lightning.png"); }

.link {
  background-image: url("../images/icons/link.png"); }

.locked {
  background-image: url("../images/icons/lock.png"); }

.next {
  background-image: url("../images/icons/next.png"); }

.page-preview {
  background-image: url("../images/icons/page_white_magnify.png"); }

.pdf {
  background-image: url("../images/icons/pdf.png"); }

.prev {
  background-image: url("../images/icons/prev.png"); }

.print,
input[type='submit'].print {
  background-image: url("../images/icons/printer.png"); }

.refresh {
  background-image: url("../images/icons/arrow_refresh.png"); }

.report,
input[type='submit'].report {
  background-image: url("../images/icons/page_white_text.png"); }

.reset {
  background-image: url("../images/icons/undo.png"); }

.arrow_left {
  background-image: url("../images/icons/arrow_left.png"); }

.arrow_right {
  background-image: url("../images/icons/arrow_right.png"); }

.search,
input[type='submit'].search {
  background-image: url("../images/icons/magnifier.png"); }

.sort {
  background-image: url("../images/icons/up.png"); }

.sort-d {
  background-image: url("../images/icons/down.png"); }

.spreadsheet {
  background-image: url("../images/icons/page_excel.png"); }

.stop {
  background-image: url("../images/icons/stop.png"); }

.tag {
  background-image: url("../images/icons/tag_red.png"); }

.time {
  background-image: url("../images/icons/hourglass.png"); }

.uncheck {
  background-image: url("../images/icons/tick_red.png"); }

.unlink {
  background-image: url("../images/icons/unlink.png"); }

.unlocked {
  background-image: url("../images/icons/unlock.png"); }

.user {
  background-image: url("../images/icons/user_suit.png"); }

.website {
  background-image: url("../images/icons/website.png"); }

.wrench {
  background-image: url("../images/icons/wrench.png"); }

.write {
  background-image: url("../images/icons/page_white_edit.png"); }

a.icon-only,
.icon-only {
  background-position: center center;
  display: inline-block;
  min-height: 16px;
  min-width: 16px;
  padding: 0;
  vertical-align: middle; }
  a.icon-only[disabled],
  .icon-only[disabled] {
    opacity: 0.5; }
    a.icon-only[disabled]:hover,
    .icon-only[disabled]:hover {
      cursor: not-allowed; }

.icon-right {
  padding-left: 0 !important;
  padding-right: 24px !important;
  background-position: 96% center; }

.right.time {
  padding-left: 2rem; }

input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.input-text,
select,
textarea {
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background-color: white;
  border: 1px solid #afafaf;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #222222;
  font-size: 1rem; }
  input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not(textarea),
  .input-text:not(textarea),
  select:not(textarea),
  textarea:not(textarea) {
    height: 20px;
    margin: 0;
    padding: 0 3px; }
  input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"])[multiple],
  .input-text[multiple],
  select[multiple],
  textarea[multiple] {
    height: 6.5em; }
  input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"])[type="number"],
  .input-text[type="number"],
  select[type="number"],
  textarea[type="number"] {
    padding-right: 0; }
  input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):disabled,
  .input-text:disabled,
  select:disabled,
  textarea:disabled {
    background-color: #eaeaea;
    border: 1px solid #cccccc;
    -webkit-box-shadow: none;
    box-shadow: none; }

input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"])[type='time'], input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]).hasTimepicker, input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"])[type='date'], input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]).hasDatepicker {
  /* this helps the native time date/time inputs show their controls with out overlapping with the icon */
  padding-right: 16px; }
  input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"])[type='time']:disabled, input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]).hasTimepicker:disabled, input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"])[type='date']:disabled, input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]).hasDatepicker:disabled {
    padding-right: 0; }

textarea {
  height: 40px;
  width: 100%; }
  textarea.one-line {
    height: 20px; }
  textarea.two-line {
    height: 40px; }
  textarea.three-line {
    height: 60px; }
  textarea.four-line {
    height: 80px; }
  textarea.five-line {
    height: 100px; }
  textarea.six-line {
    height: 120px; }
  textarea.seven-line {
    height: 140px; }
  textarea.eight-line {
    height: 160px; }
  textarea.nine-line {
    height: 180px; }
  textarea.ten-line {
    height: 200px; }
  textarea.eleven-line {
    height: 220px; }
  textarea.twelve-line {
    height: 240px; }
  textarea.thirteen-line {
    height: 260px; }
  textarea.fourteen-line {
    height: 280px; }
  textarea.fifteen-line {
    height: 300px; }
  textarea.sixteen-line {
    height: 320px; }
  textarea.seventeen-line {
    height: 340px; }
  textarea.eighteen-line {
    height: 360px; }
  textarea.nineteen-line {
    height: 380px; }
  textarea.twenty-line {
    height: 400px; }
  textarea.twenty-one-line {
    height: 420px; }
  textarea.twenty-two-line {
    height: 440px; }
  textarea.twenty-three-line {
    height: 460px; }
  textarea.twenty-four-line {
    height: 480px; }
  textarea.twenty-five-line {
    height: 500px; }
  textarea.twenty-six-line {
    height: 520px; }
  textarea.twenty-seven-line {
    height: 540px; }
  textarea.twenty-eight-line {
    height: 560px; }
  textarea.twenty-nine-line {
    height: 580px; }
  textarea.thirty-line {
    height: 600px; }
  textarea:-moz-read-only {
    background-color: #eaeaea;
    border: 1px solid #cccccc;
    box-shadow: none;
    background-color: #eaeaea; }
  textarea:read-only {
    background-color: #eaeaea;
    border: 1px solid #cccccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #eaeaea; }

select {
  padding-right: 0 !important; }

.input-text {
  background-color: #eaeaea;
  border: 1px solid #cccccc;
  -webkit-box-shadow: none;
  box-shadow: none; }

.input-item {
  margin-bottom: 0.2rem;
  min-height: 20px;
  width: 100%; }
  .input-item.auto-width {
    width: auto; }
  .input-item.checkbox {
    max-width: 130px; }
  .input-item.char-input span span.input {
    width: 35px;
    display: inline-block; }
  .input-item.inline-block {
    display: inline-block; }
  .input-item.small {
    width: 180px; }
  .input-item.inline {
    padding: 0; }
  .input-item.required > label:before {
    color: #ff414a;
    content: '\2605';
    font-size: .75rem;
    margin-right: 3px;
    vertical-align: top; }
  .input-item.searchable:not(.filtering) .input .search {
    display: inline-block;
    position: absolute;
    top: 2px;
    right: 0; }
  .input-item.searchable .input {
    padding-right: 20px; }
  .input-item.has-date.has-time .input input {
    width: 50% !important; }
  .input-item.narrow .slider {
    width: 40px; }
  .input-item.included-inputs-1 input,
  .input-item.included-inputs-1 .input-text,
  .input-item.included-inputs-1 select {
    width: 50% !important; }
  .input-item.included-inputs-1.narrow input,
  .input-item.included-inputs-1.narrow .input-text,
  .input-item.included-inputs-1.narrow select {
    width: 33.3333%; }
  .input-item.included-inputs-2 input,
  .input-item.included-inputs-2 .input-text,
  .input-item.included-inputs-2 select {
    width: 33.3333% !important; }
  .input-item.included-inputs-2.narrow input,
  .input-item.included-inputs-2.narrow .input-text,
  .input-item.included-inputs-2.narrow select {
    width: 25%; }
  .input-item.no-label .s360W360Input {
    margin-left: 0; }
  .input-item.no-label .s360W360InputSelect > .input > .inputWrapper > .select2 > .selection > .select2-selection > .select2-selection__rendered {
    position: absolute; }
  .input-item .slider {
    display: inline-block;
    height: 4px;
    margin-left: 1em;
    vertical-align: middle;
    width: 100px; }
    .input-item .slider .ui-slider-handle {
      height: 1rem;
      width: 1rem;
      top: -0.4rem; }
  .input-item label {
    color: #666666;
    display: block;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: right;
    width: 100px;
    float: left;
    padding-top: 5px;
    max-height: 1.5rem;
    margin: 0;
    line-height: 0.8rem; }
    .input-item label.loginradio {
      width: 100%;
      text-align: left; }
    .input-item label + .input {
      margin-left: 110px; }
  .input-item.wide-label .s360W360Input {
    margin-left: 200px; }
  .input-item.wide-label label {
    width: 190px; }
  .input-item .s360W360Label {
    float: left; }
  .input-item .s360W360Input {
    display: block;
    width: auto;
    margin-left: 110px; }
    .input-item .s360W360Input.s360W360InputSelect {
      min-width: 75px; }
  .input-item .input {
    display: block;
    min-height: 20px;
    position: relative;
    text-align: left; }
    .input-item .input input, .input-item .input select {
      width: 100%; }
      .input-item .input input[type=checkbox], .input-item .input select[type=checkbox] {
        width: auto;
        height: 1.5rem; }
    .input-item .input select {
      padding: 0; }
    .input-item .input:after {
      content: ' ';
      display: table;
      clear: both; }
    .input-item .input input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not(.btn).narrow,
    .input-item .input select.narrow {
      width: 33.3333%; }
    .input-item .input .signature .box {
      display: inline-block;
      float: left;
      height: 200px;
      width: 100%;
      padding: 0;
      margin-right: 1em;
      margin-bottom: 1em;
      min-height: 170px;
      min-width: 250px;
      border: 1px solid #afafaf;
      border-radius: 2px; }
    .input-item .input .signature .customer, .input-item .input .signature .check {
      display: none; }
    .input-item .input .inline.item,
    .input-item .input .inline.input-item {
      display: inline; }
      .input-item .input .inline.item input,
      .input-item .input .inline.item .input-text:not(:only-child),
      .input-item .input .inline.item select,
      .input-item .input .inline.input-item input,
      .input-item .input .inline.input-item .input-text:not(:only-child),
      .input-item .input .inline.input-item select {
        width: 50%; }
      .input-item .input .inline.item .input-text,
      .input-item .input .inline.input-item .input-text {
        vertical-align: top; }
    .input-item .input input[data-ajax] + input,
    .input-item .input input[data-ajax] + select,
    .input-item .input input[data-ajax] + * select,
    .input-item .input input[data-ajax] + * input {
      margin-top: .5rem !important; }
    .input-item .input .input-text {
      border-radius: 2px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block;
      line-height: 16px;
      max-height: 200px;
      min-height: 20px;
      padding: 1px 4px;
      text-align: left;
      vertical-align: middle;
      width: 100%; }
      .input-item .input .input-text.narrow {
        width: auto; }
    .input-item .input.text .input-text {
      height: auto;
      min-height: 100px;
      overflow-y: auto;
      white-space: normal; }
    .input-item .input a .input-text {
      color: #0f56fb; }
    .input-item .input .newline label + input,
    .input-item .input .newline label + .input-text,
    .input-item .input .newline label + select {
      margin-top: 0 !important; }
    .input-item .input .newline input,
    .input-item .input .newline .input-text,
    .input-item .input .newline select {
      margin-top: .5rem !important; }
    .input-item .input .newline.included-inputs-2 .input-item {
      display: inline-block;
      width: 50%; }
    .input-item .input .newline.included-inputs-3 .input-item {
      display: inline-block;
      width: 33.3333%; }
    .input-item .input .error-msg, .input-item .input .input-char-limit {
      background-color: #fcffaf;
      border: 1px solid #ffda41;
      border-radius: 2px;
      color: #333333;
      display: block;
      margin-top: 5px;
      padding: 5px; }
  .input-item > span.s360W360Field {
    display: block;
    width: 100%;
    border: 1px solid #dddddd;
    background-color: #eeeeee;
    padding: 3px;
    border-radius: 2px;
    min-height: 20px; }
  .input-item.profitpercentcomplete .s360W360Input .input input {
    background-color: whitesmoke;
    border: none; }
  .input-item:after {
    content: ' ';
    display: table;
    clear: both; }

canvas {
  width: 100%;
  height: 100%; }

.s360W360InputDateTime .input .s360W360InputDate, .s360W360InputDateTime .input .s360W360InputTime {
  margin: 0; }
  .s360W360InputDateTime .input .s360W360InputDate.s360W360Input, .s360W360InputDateTime .input .s360W360InputTime.s360W360Input {
    display: inline-block;
    max-width: 100px; }
    @media only screen and (max-width: 750px) {
      .s360W360InputDateTime .input .s360W360InputDate.s360W360Input, .s360W360InputDateTime .input .s360W360InputTime.s360W360Input {
        max-width: 200px; } }
  .s360W360InputDateTime .input .s360W360InputDate .input, .s360W360InputDateTime .input .s360W360InputTime .input {
    margin: 0; }

.s360W360InputDateTime .input .s360W360InputDate {
  width: 55%; }

.s360W360InputDateTime .input .s360W360InputTime {
  width: 45%; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eaeaea; }

input.select2-search__field {
  height: 16px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important; }

.s360W360InputSelect .select2-container .select2-search--inline {
  height: 16px;
  line-height: 1.7rem; }
  .s360W360InputSelect .select2-container .select2-search--inline .select2-search__field {
    height: auto !important;
    width: auto !important; }

.s360W360InputSelect .select2-container .select2-selection--multiple {
  height: auto; }

.s360W360InputSelect .select2-container.select2-container--disabled .select2-selection--single {
  border: 1px solid #cccccc; }

.s360W360InputSelect .select2-container.select2-container--disabled .selection .select2-selection--multiple {
  border: 1px solid #cccccc; }

.s360W360InputSelect .select2-container.select2-container--disabled .select2-selection__arrow b {
  border-color: #eaeaea; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eaeaea; }

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: .2rem; }

.error {
  padding-left: 2rem;
  -webkit-box-shadow: none;
  box-shadow: none; }

.right-justify .input .input-text {
  text-align: right; }

.s360Q360DynamicText {
  font-size: 1.2rem; }
  .s360Q360DynamicText.big {
    font-size: 1.3rem; }
  .s360Q360DynamicText.bigger {
    font-size: 1.4rem; }
  .s360Q360DynamicText.biggest {
    font-size: 1.5rem; }
  .s360Q360DynamicText.bold {
    font-weight: bold; }

.select2-results ul li {
  min-height: 24px; }

span.bubble.count.small {
  padding: 3px; }

*:focus {
  outline: none; }

a:focus,
[type="checkbox"]:focus {
  outline-style: solid !important;
  outline-color: rgba(255, 140, 11, 0.6) !important;
  outline-width: 2px !important; }

input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus,
.input-text:focus,
select:focus,
textarea:focus,
button:focus,
.btn:not(.s360Q360CommandButton):focus,
a.btn:not(.s360Q360CommandButton):focus,
.btns > a:not(.s360Q360CommandButton):focus,
button:not(.grid-btn):not(.s360Q360CommandButton):focus,
input[type='button']:not(.s360Q360CommandButton):focus,
input[type='reset']:not(.s360Q360CommandButton):focus,
input[type='submit']:not(.s360Q360CommandButton):focus,
.dhtmlx_popup_button:not(.s360Q360CommandButton):focus,
.grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn:focus,
.s360W360ActionBar span[rel="childContainerElement"] .s360W360MainSearch .main-search-value span.input .main-search-btn:focus {
  outline: none;
  border-color: rgba(255, 140, 11, 0.6);
  border-width: 2px !important; }

.s360W360InputSelect .select2-container--focus .select2-selection--multiple,
.s360W360InputSelect .select2-container--focus .select2-selection--single {
  outline: none;
  border-color: rgba(255, 140, 11, 0.6);
  border-width: 2px !important; }

.s360W360InputSelectBreakout
.input, .s360W360InputGridSelect .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .s360W360InputSelectBreakout
.input button, .s360W360InputGridSelect .input button {
    margin: 0;
    height: 20px; }
    .s360W360InputSelectBreakout
.input button.disabled, .s360W360InputGridSelect .input button.disabled {
      opactity: 0.4;
      cursor: not-allowed; }

.s360W360InputDateSelect .input input {
  width: 50%; }

.s360W360InputDateSelect .input .s360W360InputSelect {
  width: 50%;
  margin-left: 0px;
  float: right;
  min-width: 50px; }

.s360W360InputExpression .input .exp-container {
  position: relative; }

.s360W360InputExpression .input .exp-container input {
  padding-left: 23px !important; }

.s360W360InputExpression .input .exp-container input.in-valid-char {
  border-color: orange !important;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075), 0px 0px 8px orange !important;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075), 0px 0px 8px orange !important; }

.s360W360InputExpression .input .exp-container .exp-notification {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: 5px;
  cursor: help; }
  .s360W360InputExpression .input .exp-container .exp-notification .error {
    background-image: none;
    padding-left: initial; }

.s360W360InputExpression .input .exp-container .exp-notification span {
  display: none;
  color: #fff;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 10px;
  font-size: 10px;
  text-align: center; }

.s360W360InputExpression .input .exp-container .exp-notification .ok {
  background-color: #2b9223; }

.s360W360InputExpression .input .exp-container .exp-notification .error {
  background-color: #ba3636; }

.s360W360InputExpression .input .exp-container.invalid input {
  border-color: #ba3636; }

.s360W360InputExpression .input .exp-container.invalid .exp-notification .ok {
  display: none; }

.s360W360InputExpression .input .exp-container.invalid .exp-notification .error {
  display: block; }

.s360W360InputExpression .input .exp-container.valid .exp-notification .ok {
  display: block; }

.s360W360InputExpression .input .exp-container.valid .exp-notification .error {
  display: none; }

.s360W360InputExpression .input .exp-container .exp-suggestions {
  width: 100%;
  background-color: white;
  -webkit-box-shadow: 0px 5px 7px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 7px 2px rgba(0, 0, 0, 0.3);
  min-height: 50px;
  max-height: 300px;
  overflow-y: auto;
  position: absolute;
  display: none;
  z-index: 1069; }

.s360W360InputExpression .input .exp-container .exp-suggestions.up {
  bottom: 36px; }

.s360W360InputExpression .input .exp-container .exp-suggestions .exp-suggestion-item {
  cursor: pointer;
  width: 100%;
  padding: 3px 5px;
  min-width: 400px; }

.s360W360InputExpression .input .exp-container .exp-suggestions .exp-suggestion-item.selected {
  font-weight: bold; }

.s360W360InputExpression .input .exp-container .exp-suggestions .exp-suggestion-item:hover {
  background-color: #337ab7;
  color: white; }

.inputselect-color-box {
  width: 50px;
  height: 10px;
  display: inline-block;
  left: 5px;
  top: 5px;
  margin-right: 10px; }

.s360W360LDDashboard .grid-stack {
  width: '99%';
  min-height: 400px; }
  .s360W360LDDashboard .grid-stack.editMode {
    background-color: rgba(239, 56, 80, 0.16); }
  .s360W360LDDashboard .grid-stack .grid-stack-item.editMode {
    background-color: rgba(10, 10, 10, 0.2); }
  .s360W360LDDashboard .grid-stack .grid-stack-item .grid-stack-item-content {
    overflow: hidden; }

.s360W360LDDashboard .diagram-wrapper {
  display: contents;
  width: 98%; }
  .s360W360LDDashboard .diagram-wrapper .diagram {
    border: 1px solid #afafaf;
    background: white; }

.s360W360LDDashboard .grid-stack-item-removing {
  opacity: 0.8;
  -webkit-filter: blur(5px);
  filter: blur(5px); }

.s360W360LDDashboard .widgetconfig {
  padding: 0px; }
  .s360W360LDDashboard .widgetconfig .configitem {
    max-width: 180px; }
  .s360W360LDDashboard .widgetconfig .input-item {
    margin: 0 .2rem; }
    .s360W360LDDashboard .widgetconfig .input-item .s360W360Input {
      margin-left: 0; }
    .s360W360LDDashboard .widgetconfig .input-item label {
      text-align: left;
      width: 100%; }
    .s360W360LDDashboard .widgetconfig .input-item .input {
      width: 100%;
      margin-left: 0;
      padding-bottom: 2px; }
  .s360W360LDDashboard .widgetconfig .lineHeight {
    margin-top: 1.2rem; }
  .s360W360LDDashboard .widgetconfig .select2-search__field {
    line-height: 1.5rem; }
  .s360W360LDDashboard .widgetconfig .s360W360InputSelect {
    padding-top: 1.2rem; }
  .s360W360LDDashboard .widgetconfig [class^="col-"] {
    padding: 0 0.25rem; }

.newWidget.grid-stack-item {
  height: 200px;
  margin-bottom: 15px;
  padding: 15px;
  background-color: rgba(51, 220, 78, 0.2); }
  .newWidget.grid-stack-item.widgetconfig {
    /*after "newWidget" is dropped into the dashboard, it retains newWidget class and gains widgetconfig. existing items have neither class.*/
    padding: 0px; }

.removeWidget {
  height: 200px;
  padding: 15px;
  background-color: rgba(220, 0, 0, 0.2); }
  .removeWidget .icon-delete-before {
    font-size: 75px; }

.dropdown {
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  padding: 0 2px; }
  .dropdown.open ul {
    display: block; }
  .dropdown.dropdown-right ul {
    left: auto;
    right: 0; }
  .dropdown:hover ul {
    display: block; }
  .dropdown:hover > a {
    color: #333333; }
  .dropdown ul {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
    background: white;
    display: none;
    left: 0;
    list-style: none;
    margin: 0;
    padding: .25rem 0;
    position: absolute;
    top: 100%;
    overflow-y: auto;
    z-index: 10; }
    .dropdown ul li a {
      color: #222222;
      display: block;
      font-size: 1rem;
      padding: 0 1rem;
      text-decoration: none;
      white-space: nowrap; }
      .dropdown ul li a:hover {
        background-color: #eeeeee;
        color: #333333;
        cursor: pointer; }
      .dropdown ul li a.icon-right {
        padding: 0.5em 30px 0.5em 1em !important;
        background-position: 92% 50%; }
      .dropdown ul li a[disabled] {
        opacity: 0.5; }
    .dropdown ul li span {
      color: #222222; }
  .dropdown > span {
    line-height: 2rem; }
    .dropdown > span:after {
      content: ' \25be'; }

.context-menu-list {
  line-height: 2rem; }
  .context-menu-list .context-menu-item {
    color: #222222;
    padding: 0; }
    .context-menu-list .context-menu-item span {
      color: #222222;
      display: block;
      font-size: 1rem;
      padding: 0 1rem;
      text-decoration: none; }
    .context-menu-list .context-menu-item.context-menu-hover {
      background-color: #eeeeee;
      color: #333333;
      cursor: pointer; }
    .context-menu-list .context-menu-item.disabled {
      opacity: 0.5;
      color: #bbb;
      cursor: default;
      background-color: #fff; }
      .context-menu-list .context-menu-item.disabled.context-menu-hover {
        background-color: #eeeeee;
        opacity: 1;
        color: #bbb; }
        .context-menu-list .context-menu-item.disabled.context-menu-hover span {
          color: #bbb; }
    .context-menu-list .context-menu-item.notImplemented {
      opacity: 0.5;
      color: #bbb;
      cursor: not-allowed;
      background-color: #fff; }
    .context-menu-list .context-menu-item.context-menu-separator {
      border-color: #c7c2c2; }
  .context-menu-list .context-menu-disabled {
    opacity: 0.5; }

input[type='time'],
.hasTimepicker {
  background-image: url("../images/icons/clock.png");
  background-position: right;
  background-repeat: no-repeat; }
  input[type='time'][disabled], input[type='time'].disabled,
  .hasTimepicker[disabled],
  .hasTimepicker.disabled {
    background: none; }

.ui-datepicker button.ui-state-default {
  background: #dddddd;
  height: 2rem;
  line-height: 1rem; }

.upload {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: .5rem 2rem;
  margin-bottom: .5rem;
  background-color: #eeeeee;
  border-radius: 3px;
  border: 1px solid #eeeeee; }
  .upload.uploading {
    background-image: url("../images/icons/uploading_edfeff.gif");
    background-repeat: no-repeat;
    background-position: right 36px center; }
  .upload .item.file {
    display: block;
    vertical-align: bottom; }
    .upload .item.file ~ .invisible {
      display: none; }
    .upload .item.file ~ .inline.item:not(.invisible) {
      display: inline-block;
      margin-left: .5rem;
      width: 25%;
      min-width: 150px;
      max-width: 250px; }
      .upload .item.file ~ .inline.item:not(.invisible) label {
        margin: 0; }
      .upload .item.file ~ .inline.item:not(.invisible) input,
      .upload .item.file ~ .inline.item:not(.invisible) select {
        display: inline-block;
        width: 100%; }
      @media only screen and (max-width: 750px) {
        .upload .item.file ~ .inline.item:not(.invisible) {
          display: block; } }
    .upload .item.file .btn.search {
      display: none; }
    .upload .item.file .name {
      background-color: #d2e9fe;
      border-radius: 3px;
      display: inline-block;
      font-size: .9rem;
      line-height: 2rem;
      overflow: hidden;
      padding: 0 .5rem 0 0;
      text-overflow: ellipsis;
      vertical-align: bottom;
      white-space: nowrap;
      width: auto;
      max-width: 400px; }
      .upload .item.file .name:before {
        padding: 0 5px 0 5px;
        font-size: 10pt; }
    @media only screen and (max-width: 1200px) {
      .upload .item.file {
        display: block; } }
  .upload .progress {
    border-color: #d2e9fe;
    display: block;
    height: 6px;
    left: 50%;
    margin: -4px 0 0 -150px;
    top: 50%;
    width: 300px;
    position: absolute; }
    .upload .progress .ui-progressbar-value {
      background: #5588ff; }
  .upload .icon-delete-before {
    position: absolute;
    top: 50%;
    right: .5rem;
    margin-top: -.666rem; }
    .upload .icon-delete-before:before {
      font-size: 1.2rem;
      color: #c65454; }
    .upload .icon-delete-before.busy {
      cursor: default;
      background-image: url("../images/icons/loading_edfeff.gif"); }

.filedrop {
  background-color: #dddddd;
  border-radius: 3px;
  -webkit-box-shadow: 0 4px 6px #afafaf inset;
  box-shadow: 0 4px 6px #afafaf inset;
  color: #444444;
  cursor: default;
  display: inline-block;
  height: auto;
  margin-bottom: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
  width: 100%; }
  .filedrop.hover {
    color: #afafaf;
    background-color: #eeeeee; }
  .filedrop .icon-files-before:before {
    font-size: 1.2rem;
    margin-right: .2rem; }

textarea.protected {
  color: #ff414a;
  text-align: center;
  font-size: 3rem;
  font-weight: bold; }

div.dhxcombolist_dhx_skyblue {
  background-color: white; }
  div.dhxcombolist_dhx_skyblue .dhxcombo_option.dhxcombo_option_selected {
    background-color: whitesmoke; }
  div.dhxcombolist_dhx_skyblue .dhxcombo_option .dhxcombo_option_text {
    font-family: roboto, "helvetica neue", helvetica, arial, sans-serif; }

.dhx_toolbar_dhx_skyblue {
  background: #dddddd;
  font-family: roboto, "helvetica neue", helvetica, arial, sans-serif;
  font-size: .9rem;
  border: 1px solid #c3c3c3; }
  .dhx_toolbar_dhx_skyblue .dhx_toolbar_text {
    text-align: center;
    /*.grid-paginated:hover:after {
        background: #333;
        background: rgba(0, 0, 0, 0.8);
        border-radius: 5px;
        color: #fff;
        content: attr(data-title);
        left: auto;
        position: absolute;
        width: auto;
        top: auto;
        max-width: 200px;
        white-space: normal;
        line-height: normal;
        padding: 4px;
        z-index: 1;
        font-size: 1rem;
      }*/ }
    .dhx_toolbar_dhx_skyblue .dhx_toolbar_text .grid-paginated:after {
      color: #444444;
      content: "\f1c0";
      font-family: FontAwesome;
      position: relative;
      padding-left: 5px; }

div.dhx_toolbar_poly_dhx_skyblue {
  background: #dddddd; }
  div.dhx_toolbar_poly_dhx_skyblue .btn_sel_text {
    font-family: roboto, "helvetica neue", helvetica, arial, sans-serif; }
  div.dhx_toolbar_poly_dhx_skyblue .tr_btn.tr_btn_over td {
    background-color: #afafaf; }
  div.dhx_toolbar_poly_dhx_skyblue .tr_btn td {
    border-color: #dddddd; }

.s360W360GridGraph {
  /*.graph {
	&.graph-filtered {
	  &:after {
		color: #ffd213;
		content: "\f0b0";
		font-family: FontAwesome;
		position: absolute;
		top: 1px;
		left: 1px;
		margin-left: 4px;
		-webkit-text-stroke: .5px black;
	  }
	}

	  &.graph-filtered:hover:after {
		background: #333;
		background: rgba(0, 0, 0, 0.8);
		border-radius: 5px;
		color: #fff;
		content: attr(data-title);
		left: auto;
		position: absolute;
		width: auto;
		top: auto;
		max-width: 200px;
		white-space: normal;
		line-height: normal;
		padding: 4px;
		z-index: 1;
		font-size: .9rem;
		font-family: roboto, "helvetica neue", helvetica, arial, sans-serif;;
	  }
	
	}*/ }
  .s360W360GridGraph .graph-title {
    font-family: roboto, "helvetica neue", helvetica, arial, sans-serif;
    font-weight: bold;
    font-size: 9pt; }
  .s360W360GridGraph .optionsCheckbox {
    position: absolute;
    z-index: 2;
    left: 0; }
  .s360W360GridGraph.graph-filtered .optionsCheckbox {
    top: 17px; }
  .s360W360GridGraph .gridModeIcon {
    position: absolute;
    z-index: 2;
    right: 4px;
    top: 2px;
    cursor: pointer;
    display: none; }
  .s360W360GridGraph:hover .gridModeIcon {
    display: block; }
  .s360W360GridGraph .ggFilteredIcon {
    position: absolute;
    z-index: 2;
    left: 1px;
    top: 0;
    display: none; }
    .s360W360GridGraph .ggFilteredIcon:before {
      content: "\f0b0";
      font-family: FontAwesome;
      -webkit-text-stroke: .5px black; }
    .s360W360GridGraph .ggFilteredIcon.ggIcon:before {
      color: #ffd213; }
    .s360W360GridGraph .ggFilteredIcon.graph-filtered {
      display: block; }
    .s360W360GridGraph .ggFilteredIcon.graph-filtered:hover:before {
      background: #333;
      background: rgba(0, 0, 0, 0.8);
      border-radius: 5px;
      color: #fff;
      content: attr(data-title);
      left: auto;
      position: absolute;
      top: auto;
      max-width: 500px;
      white-space: pre;
      line-height: normal;
      padding: 4px;
      z-index: 1;
      font-size: .9rem;
      font-family: roboto, "helvetica neue", helvetica, arial, sans-serif; }
  .s360W360GridGraph .ggAlertIcon {
    position: absolute;
    z-index: 2;
    left: 15px;
    top: 0;
    display: none; }
    .s360W360GridGraph .ggAlertIcon:before {
      content: "\f06a";
      font-family: FontAwesome;
      -webkit-text-stroke: .5px black; }
    .s360W360GridGraph .ggAlertIcon.ggIcon:before {
      color: #ff0000; }
    .s360W360GridGraph .ggAlertIcon.graph-alerted {
      display: block; }
    .s360W360GridGraph .ggAlertIcon.graph-alerted:hover:before {
      background: #333;
      background: rgba(0, 0, 0, 0.8);
      border-radius: 5px;
      color: #fff;
      content: attr(data-title);
      left: auto;
      position: absolute;
      top: auto;
      max-width: 500px;
      white-space: pre;
      line-height: normal;
      padding: 4px;
      z-index: 1;
      font-size: .9rem;
      font-family: roboto, "helvetica neue", helvetica, arial, sans-serif; }
  .s360W360GridGraph .ggPopoutIcon {
    position: absolute;
    z-index: 2;
    right: 34px;
    top: 2px;
    cursor: pointer;
    display: none; }
    .s360W360GridGraph .ggPopoutIcon:before {
      content: "\f08e";
      font-family: FontAwesome; }
  .s360W360GridGraph .ggMinMaxIcon {
    position: absolute;
    z-index: 2;
    right: 18px;
    top: 1px;
    cursor: pointer;
    display: none; }
    .s360W360GridGraph .ggMinMaxIcon.ggMaximizeIcon:before {
      content: "\f2d0";
      font-family: FontAwesome; }
    .s360W360GridGraph .ggMinMaxIcon.ggRestoreIcon:before {
      content: "\f2d2";
      font-family: FontAwesome; }
  .s360W360GridGraph:hover .ggPopoutIcon, .s360W360GridGraph:hover .ggMinMaxIcon {
    display: block; }
  .s360W360GridGraph .configureRoot {
    width: 100%;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .s360W360GridGraph .configureRoot .graphconfig {
      padding-left: 15px;
      margin-left: auto;
      margin-right: auto;
      width: 100%; }
      .s360W360GridGraph .configureRoot .graphconfig .configitem {
        width: 100%;
        max-width: 180px; }
      .s360W360GridGraph .configureRoot .graphconfig .input-item {
        margin: 0 .2rem; }
        .s360W360GridGraph .configureRoot .graphconfig .input-item .s360W360Input {
          margin-left: 0; }
        .s360W360GridGraph .configureRoot .graphconfig .input-item label {
          text-align: left;
          width: 100%; }
        .s360W360GridGraph .configureRoot .graphconfig .input-item .input {
          width: 100%;
          margin-left: 0;
          padding-bottom: 2px; }
      .s360W360GridGraph .configureRoot .graphconfig .lineHeight {
        margin-top: 1.2rem; }
      .s360W360GridGraph .configureRoot .graphconfig .select2-search__field {
        line-height: 1.5rem; }
      .s360W360GridGraph .configureRoot .graphconfig .s360W360InputSelect {
        padding-top: 1.2rem; }
      .s360W360GridGraph .configureRoot .graphconfig [class^="col-"] {
        padding: 0 0.25rem; }
  .s360W360GridGraph .graph {
    width: 100%;
    height: 100%; }
    .s360W360GridGraph .graph .canvasGauge {
      position: inherit; }
    .s360W360GridGraph .graph .chartJSCanvas {
      position: inherit; }
  .s360W360GridGraph div.gridsummary.gridbox div.ftr td {
    background-color: #d6e8ff;
    text-align: right;
    font-family: roboto, "helvetica neue", helvetica, arial, sans-serif;
    font-size: 12px;
    font-style: normal; }
  .s360W360GridGraph div.gridsummary .objbox tr td {
    font-family: roboto, "helvetica neue", helvetica, arial, sans-serif;
    font-size: 12px; }
  .s360W360GridGraph div.gridsummary .xhdr table.hdr tbody tr td {
    font-family: roboto, "helvetica neue", helvetica, arial, sans-serif;
    font-weight: bold; }

.graphconfig .input-item {
  margin: 0 .2rem; }
  .graphconfig .input-item .s360W360Input {
    margin-left: 0; }
  .graphconfig .input-item label {
    text-align: left;
    width: 100%; }
  .graphconfig .input-item .input {
    width: 100%;
    margin-left: 0;
    padding-bottom: 2px; }

.graphconfig .lineHeight {
  margin-top: 1.2rem; }

.graphconfig .select2-search__field {
  line-height: 1.5rem; }

.graphconfig .s360W360InputSelect {
  padding-top: 1.2rem; }

.graphconfig [class^="col-"] {
  padding: 0 0.25rem; }

td > span, td > div {
  display: inline-block; }
  td > span.zoomable:hover, td > div.zoomable:hover {
    text-decoration: underline;
    cursor: pointer; }

.icon-cell.lock {
  cursor: default; }

.icon-hasValue:before {
  color: #ff414a; }

.cellnote.icon-comment-before {
  top: -10px;
  font-size: 0.7rem;
  float: right;
  height: 13px; }
  .cellnote.icon-comment-before:before {
    color: #ff414a;
    -webkit-text-stroke: .5px black; }

.grid_gridselectcell_icon {
  cursor: pointer;
  top: -10px;
  font-size: 0.7rem;
  float: right;
  height: 13px; }
  .grid_gridselectcell_icon:before {
    color: #222222;
    -webkit-text-stroke: .5px black; }

.cellnote + div {
  width: calc(100% - 10px);
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.grid_gridselectcell_icon + div {
  width: calc(100% - 10px);
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

/* we moved to using tippedJS for cellnotes
.cellnote:hover:after{
	background: #333;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 5px;
	color: #fff;
	content: attr(data-title);
	left: auto;
	position: absolute;
	width: auto;
	top: auto;
	max-width: 200px;
	white-space: normal;
	line-height: normal;
	padding: 4px;
	z-index: 1;
	font-size: 1rem;
}*/
.fa_string_cell_icon {
  font-size: 25px;
  width: 25px;
  display: inline-block;
  float: right;
  font-style: normal;
  color: #eeeeee; }

.editable-column-heading.icon-edit-after:after {
  font-weight: normal; }

.sub_item_text {
  vertical-align: bottom; }

.grid-wrap {
  clear: both;
  position: relative;
  text-align: left;
  margin: .2rem 0 .5rem 0; }
  .grid-wrap.grid-numbered .list.boxed > li {
    counter-increment: steps; }
    .grid-wrap.grid-numbered .list.boxed > li:before {
      color: #666666;
      position: absolute;
      right: 100%;
      margin-right: 0.5em;
      content: counter(steps); }
  .grid-wrap + * {
    margin-top: 20px; }
  .grid-wrap .grid-heading-wrap {
    background: #afafaf;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 30px; }
    .grid-wrap .grid-heading-wrap .grid-heading {
      color: #444444;
      line-height: 20px;
      padding: 0.4rem 0.5rem 0.1rem 0.6rem;
      margin-bottom: 0;
      border-top-right-radius: 3px;
      border-top-left-radius: 3px;
      font-size: 1.5rem;
      font-weight: bold;
      display: inline-block;
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2;
      text-align: left; }
      .grid-wrap .grid-heading-wrap .grid-heading.grid-filtered:after {
        color: #ffd213;
        content: "\f0b0";
        font-family: FontAwesome;
        position: relative;
        margin-left: 4px;
        -webkit-text-stroke: .5px black; }
      .grid-wrap .grid-heading-wrap .grid-heading.grid-filtered:hover:after {
        background: #333;
        background: rgba(0, 0, 0, 0.8);
        border-radius: 5px;
        color: #fff;
        content: attr(data-title);
        left: auto;
        position: absolute;
        width: auto;
        top: auto;
        max-width: 200px;
        white-space: normal;
        line-height: normal;
        padding: 4px;
        z-index: 1;
        font-size: .9rem;
        font-family: roboto, "helvetica neue", helvetica, arial, sans-serif; }
    .grid-wrap .grid-heading-wrap .grid-select-btns {
      float: right;
      margin-top: 2px;
      margin-right: 5px; }
      .grid-wrap .grid-heading-wrap .grid-select-btns .grid-select-btn {
        display: inline-block;
        margin-top: 3px;
        margin-right: 1px; }
        .grid-wrap .grid-heading-wrap .grid-select-btns .grid-select-btn button {
          margin: 0;
          border: 1px solid #666666;
          height: 21px; }
        .grid-wrap .grid-heading-wrap .grid-select-btns .grid-select-btn button:hover {
          background-color: #7d7d7d; }
    .grid-wrap .grid-heading-wrap .grid-btn-row {
      color: #666666;
      margin-bottom: 0;
      font-size: 1.5rem;
      display: inline-block;
      float: right;
      -webkit-box-flex: 5;
      -ms-flex: 5;
      flex: 5;
      margin-left: 2.1rem; }
      .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns {
        float: right;
        padding: 0;
        /*background-color: $grid-button-container-background-color;*/
        border-radius: 2px;
        margin-right: 5px; }
        .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns span.grid-autorefresh {
          display: inline-block;
          vertical-align: top;
          float: left; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns span.grid-autorefresh.active button {
            background-color: #ffd213; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns span.grid-autorefresh button {
            margin: 5px 1px 0 0;
            font-weight: normal;
            border: 1px solid #666666;
            min-width: 28px;
            height: 21px;
            background-color: #eeeeee;
            font-size: 1em;
            padding: 0;
            position: relative;
            line-height: normal; }
            .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns span.grid-autorefresh button.btnPrimary {
              border-top-left-radius: 3px;
              border-bottom-left-radius: 3px;
              margin-right: 0px;
              font-size: 0.7em; }
              .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns span.grid-autorefresh button.btnPrimary:before {
                content: none; }
            .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns span.grid-autorefresh button.btnDropdown {
              border-top-right-radius: 3px;
              border-bottom-right-radius: 3px;
              font-size: 0.8rem;
              margin-left: 0px; }
              .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns span.grid-autorefresh button.btnDropdown:before {
                content: "\f021";
                font-family: FontAwesome;
                color: #349e3f;
                font-size: 1.2rem;
                margin-left: -2px; }
              .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns span.grid-autorefresh button.btnDropdown:after {
                content: "\f0d7";
                font-family: FontAwesome;
                vertical-align: middle;
                font-size: 1rem;
                left: 15px;
                top: 5px;
                position: absolute; }
        .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn {
          margin: 5px 1px 0 0;
          font-weight: normal;
          border: 1px solid #666666;
          width: 28px;
          height: 21px;
          background-color: #eeeeee;
          border-radius: 3px;
          font-size: 1.3rem;
          padding: 0;
          position: relative;
          line-height: normal;
          float: left; }
          @media screen and (min--moz-device-pixel-ratio: 0) {
            .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn {
              line-height: 15px; } }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn:hover {
            cursor: pointer;
            background-color: #c4c4c4; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn:before, .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn:after {
            position: absolute;
            top: 2px;
            left: 6px; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn.icon-edit-before:before {
            color: #ecab17; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn.icon-revert-before:before {
            color: steelblue; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn.icon-save-before:before {
            color: #3d7dd8; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn.icon-refresh-before:before {
            color: #349e3f; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn.icon-funnel-before:before {
            color: #1650be; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn.icon-add-before:before {
            color: #349e3f; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn.icon-delete-before:before {
            color: #c65454; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn.icon-folder-before:before {
            top: 3px;
            color: #754730; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn.icon-minus-before:before, .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn.icon-plus-before:before {
            top: 3px;
            left: 7px;
            color: #444444; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn.icon-arrowdown-before:before, .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn.icon-arrowup-before:before {
            color: #444444; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn.icon-map-marker-before:before {
            color: #c65454;
            left: 8px; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn.icon-square-before:before, .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn.icon-square-checked-before:before {
            top: 3px;
            left: 6px; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn.icon-link-before:before, .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn.icon-unlink-before:before {
            top: 3px;
            left: 5px; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.grid-btn.hilite {
            background-color: #ffd213; }
        .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns .grid-page-specific-btns .grid-page-specific-btn {
          font-weight: normal;
          line-height: 20px;
          height: 1.5rem;
          float: left;
          top: 5px; }
        .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns a {
          color: #666666;
          margin: 0 0.25em;
          width: auto; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns a:hover {
            color: #222222; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns a.grid-numbers {
            padding: 0 0.5rem; }
        .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns label {
          color: #666666;
          margin: 0 0.25em;
          width: auto; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns label.inline {
            font-size: 11px;
            height: auto;
            padding: 0;
            position: relative; }
            @media screen and (min--moz-device-pixel-ratio: 0) {
              .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns label.inline {
                bottom: -3px; } }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns label:hover {
            color: #222222; }
        .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns .btn {
          height: auto;
          line-height: 1.5rem;
          background-color: #dddddd; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns .btn.current {
            color: #eeeeee;
            background-color: #afafaf; }
        .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns select {
          font-size: 1rem;
          height: auto;
          width: auto;
          vertical-align: text-bottom; }
        .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns button.icon-only {
          height: auto;
          line-height: 1.5rem;
          background-color: transparent;
          border: none; }
        .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns *:disabled {
          display: none; }
        .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns .grid-btn-disable {
          cursor: not-allowed !important;
          opacity: 0.25; }
        .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns > .fa {
          font-size: 16px; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns > .fa.fa-plus-square, .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns > .fa.fa-minus-square {
            color: #7d7d7d;
            background: -webkit-linear-gradient(#afafaf, #666666);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            -webkit-text-stroke-width: .5px;
            -webkit-text-stroke-color: #333333; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns > .fa.fa-folder {
            color: #ae9a84;
            background: -webkit-linear-gradient(#cdc0b2, #9a8165);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            -webkit-text-stroke-width: .5px;
            -webkit-text-stroke-color: #333333; }
        .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns .grid_ext_menu {
          background-color: #eeeeee;
          font-size: 1.3rem;
          color: #666666;
          border: 1px solid #666666;
          display: inline-block;
          float: left;
          margin-right: 1px;
          margin-top: 5px; }
          @media screen and (min--moz-device-pixel-ratio: 0) {
            .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns .grid_ext_menu {
              height: 21px; } }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns .grid_ext_menu:hover {
            cursor: pointer; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns .grid_ext_menu ul {
            line-height: 2rem; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns .grid_ext_menu:before {
            vertical-align: middle;
            padding: .1rem; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns .grid_ext_menu:after {
            vertical-align: middle;
            font-size: 1rem; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns .grid_ext_menu.icon-bars-before:before {
            color: #878787; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns .grid_ext_menu.icon-add-before:before {
            color: #349e3f; }
          .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns .grid_ext_menu.icon-link-before:before, .grid-wrap .grid-heading-wrap .grid-btn-row .grid-btns .grid_ext_menu.icon-unlink-before:before {
            color: black; }
  .grid-wrap .grid-find {
    float: right;
    position: relative;
    top: 0.5em;
    right: 1em; }
    .grid-wrap .grid-find input {
      margin-right: 0.5rem !important;
      vertical-align: middle; }
    .grid-wrap .grid-find button:hover {
      background-color: #666666; }
  .grid-wrap .grid {
    overflow: hidden; }
    .grid-wrap .grid .grid-actions {
      text-align: center;
      margin-top: 0; }
      .grid-wrap .grid .grid-actions > span {
        background-color: whitesmoke;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        display: inline-block;
        height: 3em;
        line-height: 3em;
        padding: 3px 4em 0; }
    .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue {
      border: 1px solid #c3c3c3; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue .xhdr {
        background: #eeeeee; }
    .grid-wrap .grid div.gridbox:not([id^=cgrid2]) {
      height: auto !important;
      width: auto !important; }
    .grid-wrap .grid div.gridbox[id^=cgrid2] {
      height: auto !important;
      position: static !important; }
    .grid-wrap .grid div.gridbox table.obj tr td {
      border-top: 0 white;
      border-right: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd; }
    .grid-wrap .grid.graphMode div.gridbox.gridbox_dhx_skyblue {
      border: none; }
    .grid-wrap .grid .xhdr {
      border-bottom: 1px solid #afafaf;
      border-top: 1px solid #afafaf; }
      .grid-wrap .grid .xhdr table.hdr {
        background-color: #eeeeee;
        border-collapse: separate; }
        .grid-wrap .grid .xhdr table.hdr tbody {
          border: none; }
          .grid-wrap .grid .xhdr table.hdr tbody tr:first-child th {
            border: none; }
          .grid-wrap .grid .xhdr table.hdr tbody tr td {
            background: #eeeeee;
            border-bottom: none;
            border-left: none;
            border-right: 1px solid #afafaf;
            font-family: roboto, "helvetica neue", helvetica, arial, sans-serif;
            font-weight: bold;
            text-align: center; }
            .grid-wrap .grid .xhdr table.hdr tbody tr td div.hdrcell.filter .combo > div {
              background-color: #eeeeee;
              border: none; }
              .grid-wrap .grid .xhdr table.hdr tbody tr td div.hdrcell.filter .combo > div .dhxcombo_input {
                border-bottom-right-radius: 3px;
                border-top-right-radius: 3px;
                width: 100% !important; }
              .grid-wrap .grid .xhdr table.hdr tbody tr td div.hdrcell.filter .combo > div .dhxcombo_select_button {
                right: 0; }
            .grid-wrap .grid .xhdr table.hdr tbody tr td .hdrcell {
              padding-left: 0; }
    .grid-wrap .grid .objbox {
      background-color: white;
      min-height: 20px; }
      .grid-wrap .grid .objbox tr {
        font-family: roboto, "helvetica neue", helvetica, arial, sans-serif;
        height: 24px; }
        .grid-wrap .grid .objbox tr:first-child th {
          background-color: white;
          border: none; }
        .grid-wrap .grid .objbox tr td {
          font-family: roboto, "helvetica neue", helvetica, arial, sans-serif;
          font-size: 12px; }
        .grid-wrap .grid .objbox tr td.group_row {
          background: #fcffaf; }
      .grid-wrap .grid .objbox table.obj {
        border-collapse: separate; }
    .grid-wrap .grid .ftr {
      position: relative; }
      .grid-wrap .grid .ftr table {
        border-collapse: separate;
        background-color: #dddddd; }
        .grid-wrap .grid .ftr table tbody {
          border: none; }
          .grid-wrap .grid .ftr table tbody tr td {
            background: #dddddd !important;
            border-bottom: none;
            border-left: none;
            border-right: 1px solid #afafaf;
            font-family: roboto, "helvetica neue", helvetica, arial, sans-serif !important;
            font-style: normal;
            text-align: right;
            font-size: 12px;
            height: 24px;
            vertical-align: middle; }
    .grid-wrap .grid table {
      background-color: white;
      counter-reset: rowNumber;
      position: relative;
      table-layout: fixed;
      text-align: left; }
      .grid-wrap .grid table:not(.dragging):not(.hdr) tbody tr:not(.grid-no-results):hover td {
        background-color: #cefffd; }
    .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr {
      counter-increment: rowNumber;
      /** grid row colors (Same color defined in 2 different ways, jsut following original css file.) **/ }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.rowselected {
        background-color: rgba(160, 235, 245, 0.7) !important; }
        .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.rowselected td {
          background-color: rgba(160, 235, 245, 0.7) !important;
          border-right: 1px solid #dddddd !important;
          border-bottom: 1px solid #dddddd !important;
          border-top-color: transparent !important; }
          .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.rowselected td.columnselected {
            background-color: #a9cdff !important; }
          .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.rowselected td.cellselected {
            background-color: #68afee !important; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-black {
        background: black;
        color: white; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-gold {
        background: #ffd213; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-indigo {
        background: Indigo;
        color: white; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-mdindigo {
        background: SlateBlue; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-ltindigo {
        background: MediumPurple; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-purple {
        background: #5d45ff;
        color: white; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-mdpurple {
        background: #7d69ff; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-ltpurple {
        background: #baa5ff; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-pink {
        background: #de45ff; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-mdpink {
        background: #f075ff; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-ltpink {
        background: #f7acff; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-blue {
        background: #77b4ff; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-mdblue {
        background: #95beff; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-ltblue {
        background: #d2e9fe; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-cyan {
        background: #07bfdc; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-mdcyan {
        background: #33ddf2; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-ltcyan {
        background: #5ff4ff; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-seagreen {
        background: SeaGreen; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-mdseagreen {
        background: MediumSeaGreen; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-ltseagreen {
        background: MediumSpringGreen; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-green {
        background: #4aaa4a; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-mdgreen {
        background: #7ee87c; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-ltgreen {
        background: #b7ffb5; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-olive {
        background: DarkOliveGreen;
        color: white; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-mdolive {
        background: OliveDrab; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-ltolive {
        background: YellowGreen; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-gray {
        background: #c4c4c4; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-mdgray {
        background: #d6d6d6; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-ltgray {
        background: #eeeeee; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-brown {
        background: SaddleBrown;
        color: white; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-mdbrown {
        background: Chocolate; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-ltbrown {
        background: Burlywood; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-maroon {
        background: Maroon;
        color: white; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-mdmaroon {
        background: Firebrick; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-ltmaroon {
        background: IndianRed; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-red {
        background: #ff6d66; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-mdred {
        background: #ffaaa9; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-ltred {
        background: #ffd2d2; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-orange {
        background: #ff8613; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-mdorange {
        background: #ffac55; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-ltorange {
        background: #ffe3b4; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-yellow {
        background: #fcff77; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-mdyellow {
        background: #fffc91; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr.color-ltyellow {
        background: #fcffaf; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-black {
        background: black;
        color: white; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-gold {
        background: #ffd213; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-indigo {
        background: Indigo;
        color: white; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-mdindigo {
        background: SlateBlue; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-ltindigo {
        background: MediumPurple; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-purple {
        background: #5d45ff;
        color: white; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-mdpurple {
        background: #7d69ff; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-ltpurple {
        background: #baa5ff; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-pink {
        background: #de45ff; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-mdpink {
        background: #f075ff; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-ltpink {
        background: #f7acff; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-blue {
        background: #77b4ff; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-mdblue {
        background: #95beff; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-ltblue {
        background: #d2e9fe; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-cyan {
        background: #07bfdc; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-mdcyan {
        background: #33ddf2; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-ltcyan {
        background: #5ff4ff; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-seagreen {
        background: SeaGreen; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-mdseagreen {
        background: MediumSeaGreen; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-ltseagreen {
        background: MediumSpringGreen; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-green {
        background: #4aaa4a; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-mdgreen {
        background: #7ee87c; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-ltgreen {
        background: #b7ffb5; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-olive {
        background: DarkOliveGreen;
        color: white; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-mdolive {
        background: OliveDrab; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-ltolive {
        background: YellowGreen; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-gray {
        background: #c4c4c4; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-mdgray {
        background: #d6d6d6; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-ltgray {
        background: #eeeeee; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-brown {
        background: SaddleBrown;
        color: white; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-mdbrown {
        background: Chocolate; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-ltbrown {
        background: Burlywood; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-maroon {
        background: Maroon;
        color: white; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-mdmaroon {
        background: Firebrick; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-ltmaroon {
        background: IndianRed; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-red {
        background: #ff6d66; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-mdred {
        background: #ffaaa9; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-ltred {
        background: #ffd2d2; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-orange {
        background: #ff8613; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-mdorange {
        background: #ffac55; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-ltorange {
        background: #ffe3b4; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-yellow {
        background: #fcff77; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-mdyellow {
        background: #fffc91; }
      .grid-wrap .grid div.gridbox.gridbox_dhx_skyblue tbody tr > td.color-ltyellow {
        background: #fcffaf; }
    .grid-wrap .grid tr.group {
      background: #E7F3B3; }
      .grid-wrap .grid tr.group.header {
        background: #CFCFD0;
        font-weight: bold; }
    .grid-wrap .grid tr.sub-total {
      background: #acf;
      font-weight: bold; }
    .grid-wrap .grid tr.color-red td[class^=currency-] {
      color: #000; }
    .grid-wrap .grid th {
      color: black !important;
      cursor: pointer;
      text-align: center !important;
      padding: 0;
      background-color: #eeeeee;
      white-space: nowrap; }
      .grid-wrap .grid th div {
        position: relative;
        padding: 0.25em;
        overflow: hidden; }
    .grid-wrap .grid td {
      text-overflow: ellipsis;
      width: auto;
      max-width: 300px;
      padding: 4px 6px;
      overflow: hidden;
      white-space: nowrap;
      border: #dddddd 1px solid; }
      .grid-wrap .grid td.icon-right {
        padding-left: 6px !important; }
      .grid-wrap .grid td > input[type="checkbox"] {
        vertical-align: middle; }
      .grid-wrap .grid td > div.mobile-grid-data-cell {
        line-height: 1.4em;
        white-space: normal;
        display: block; }
        .grid-wrap .grid td > div.mobile-grid-data-cell .mobile-cell-buttons {
          float: right;
          padding: 0.5%;
          max-width: 13%; }
        .grid-wrap .grid td > div.mobile-grid-data-cell .mobile-cell-content {
          float: left;
          padding: 0.5%;
          max-width: 85%; }
          .grid-wrap .grid td > div.mobile-grid-data-cell .mobile-cell-content p {
            margin-bottom: 2px; }
      .grid-wrap .grid td > div.mobile-grid-data-cell-template {
        line-height: 1.4em;
        white-space: normal;
        display: block;
        padding: 0.5%; }
        .grid-wrap .grid td > div.mobile-grid-data-cell-template .grid-icon-cell {
          font-size: 2rem; }
    .grid-wrap .grid .currency-neg {
      color: #ff131f; }
    .grid-wrap .grid .currency-pos {
      color: #139b13; }
    .grid-wrap .grid .grid-resize {
      cursor: ns-resize;
      height: 5px;
      background: #afafaf; }
      .grid-wrap .grid .grid-resize:hover {
        background: #7d7d7d; }
  .grid-wrap .ui-resizable-s {
    background-color: #c4c4c4; }
  .grid-wrap .hint {
    margin-top: 1em; }

.grid-wrap.old-framework div.gridbox {
  min-height: 100px; }

.grid-wrap.old-framework .objbox {
  min-height: 70px; }

.list {
  list-style-type: none;
  padding-left: 0;
  /** grid row colors (This is defined twice. Just going off of the original css file.) **/ }
  .list > li {
    border-bottom: 1px solid #dddddd;
    padding: 1rem;
    /** grid row colors **/ }
    .list > li:nth-child(even) {
      background-color: white; }
    .list > li:nth-child(odd) {
      background-color: #eeeeee; }
    .list > li.selected {
      font-style: italic;
      background: rgba(160, 235, 245, 0.7) !important; }
    .list > li.color-black {
      background: black;
      color: white; }
    .list > li.color-gold {
      background: #ffd213; }
    .list > li.color-indigo {
      background: Indigo;
      color: white; }
    .list > li.color-mdindigo {
      background: SlateBlue; }
    .list > li.color-ltindigo {
      background: MediumPurple; }
    .list > li.color-purple {
      background: #5d45ff;
      color: white; }
    .list > li.color-mdpurple {
      background: #7d69ff; }
    .list > li.color-ltpurple {
      background: #baa5ff; }
    .list > li.color-pink {
      background: #de45ff; }
    .list > li.color-mdpink {
      background: #f075ff; }
    .list > li.color-ltpink {
      background: #f7acff; }
    .list > li.color-blue {
      background: #77b4ff; }
    .list > li.color-mdblue {
      background: #95beff; }
    .list > li.color-ltblue {
      background: #d2e9fe; }
    .list > li.color-cyan {
      background: #07bfdc; }
    .list > li.color-mdcyan {
      background: #33ddf2; }
    .list > li.color-ltcyan {
      background: #5ff4ff; }
    .list > li.color-seagreen {
      background: SeaGreen; }
    .list > li.color-mdseagreen {
      background: MediumSeaGreen; }
    .list > li.color-ltseagreen {
      background: MediumSpringGreen; }
    .list > li.color-green {
      background: #4aaa4a; }
    .list > li.color-mdgreen {
      background: #7ee87c; }
    .list > li.color-ltgreen {
      background: #b7ffb5; }
    .list > li.color-olive {
      background: DarkOliveGreen;
      color: white; }
    .list > li.color-mdolive {
      background: OliveDrab; }
    .list > li.color-ltolive {
      background: YellowGreen; }
    .list > li.color-gray {
      background: #c4c4c4; }
    .list > li.color-mdgray {
      background: #d6d6d6; }
    .list > li.color-ltgray {
      background: #eeeeee; }
    .list > li.color-brown {
      background: SaddleBrown;
      color: white; }
    .list > li.color-mdbrown {
      background: Chocolate; }
    .list > li.color-ltbrown {
      background: Burlywood; }
    .list > li.color-maroon {
      background: Maroon;
      color: white; }
    .list > li.color-mdmaroon {
      background: Firebrick; }
    .list > li.color-ltmaroon {
      background: IndianRed; }
    .list > li.color-red {
      background: #ff6d66; }
    .list > li.color-mdred {
      background: #ffaaa9; }
    .list > li.color-ltred {
      background: #ffd2d2; }
    .list > li.color-orange {
      background: #ff8613; }
    .list > li.color-mdorange {
      background: #ffac55; }
    .list > li.color-ltorange {
      background: #ffe3b4; }
    .list > li.color-yellow {
      background: #fcff77; }
    .list > li.color-mdyellow {
      background: #fffc91; }
    .list > li.color-ltyellow {
      background: #fcffaf; }
    .list > li p:last-child {
      margin-bottom: 0; }
  .list.color-black {
    background: black;
    color: white; }
  .list.color-gold {
    background: #ffd213; }
  .list.color-indigo {
    background: Indigo;
    color: white; }
  .list.color-mdindigo {
    background: SlateBlue; }
  .list.color-ltindigo {
    background: MediumPurple; }
  .list.color-purple {
    background: #5d45ff;
    color: white; }
  .list.color-mdpurple {
    background: #7d69ff; }
  .list.color-ltpurple {
    background: #baa5ff; }
  .list.color-pink {
    background: #de45ff; }
  .list.color-mdpink {
    background: #f075ff; }
  .list.color-ltpink {
    background: #f7acff; }
  .list.color-blue {
    background: #77b4ff; }
  .list.color-mdblue {
    background: #95beff; }
  .list.color-ltblue {
    background: #d2e9fe; }
  .list.color-cyan {
    background: #07bfdc; }
  .list.color-mdcyan {
    background: #33ddf2; }
  .list.color-ltcyan {
    background: #5ff4ff; }
  .list.color-seagreen {
    background: SeaGreen; }
  .list.color-mdseagreen {
    background: MediumSeaGreen; }
  .list.color-ltseagreen {
    background: MediumSpringGreen; }
  .list.color-green {
    background: #4aaa4a; }
  .list.color-mdgreen {
    background: #7ee87c; }
  .list.color-ltgreen {
    background: #b7ffb5; }
  .list.color-olive {
    background: DarkOliveGreen;
    color: white; }
  .list.color-mdolive {
    background: OliveDrab; }
  .list.color-ltolive {
    background: YellowGreen; }
  .list.color-gray {
    background: #c4c4c4; }
  .list.color-mdgray {
    background: #d6d6d6; }
  .list.color-ltgray {
    background: #eeeeee; }
  .list.color-brown {
    background: SaddleBrown;
    color: white; }
  .list.color-mdbrown {
    background: Chocolate; }
  .list.color-ltbrown {
    background: Burlywood; }
  .list.color-maroon {
    background: Maroon;
    color: white; }
  .list.color-mdmaroon {
    background: Firebrick; }
  .list.color-ltmaroon {
    background: IndianRed; }
  .list.color-red {
    background: #ff6d66; }
  .list.color-mdred {
    background: #ffaaa9; }
  .list.color-ltred {
    background: #ffd2d2; }
  .list.color-orange {
    background: #ff8613; }
  .list.color-mdorange {
    background: #ffac55; }
  .list.color-ltorange {
    background: #ffe3b4; }
  .list.color-yellow {
    background: #fcff77; }
  .list.color-mdyellow {
    background: #fffc91; }
  .list.color-ltyellow {
    background: #fcffaf; }

.grid-notify {
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25); }
  .grid-notify .grid-message {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -18px; }
    .grid-notify .grid-message span {
      color: white;
      display: inline-block;
      padding: 10px 1em;
      background-color: black;
      /* for those old and weak browsers */
      background-color: rgba(0, 0, 0, 0.75);
      border-radius: 1em; }

.grid-no-heading .grid-headings {
  border-top: #ccc 1px solid; }

.grid-no-results .list > li {
  color: red;
  font-weight: bold;
  text-align: center; }

.grid-filter .filter-item {
  display: none; }

label > input[type="checkbox"]:first-child,
label > input[type="radio"]:first-child {
  margin-left: 0; }

label.inline > input[type] {
  width: auto; }

input[type="checkbox"],
input[type="radio"] {
  margin: 0;
  vertical-align: middle; }

.mobile-grid-data-cell-template .cellnote.icon-comment-before:before {
  font-size: 20px; }

.mobile-grid-data-cell-template .grid_gridselectcell_icon:before {
  font-size: 20px; }

/*
* This file is used to overwrite existing bootstrap styling
*/
.grid-btn-row, .grid-btns {
  line-height: 1.5rem; }

.btn {
  padding: 0; }

.modal-content:not(.labels-side) {
  display: none; }
  .modal-content:not(.labels-side) .input-item .s360W360Label {
    float: none; }

.modal-content:not(.labels-side) .input-item, .labels-top .input-item {
  margin: 0 .2rem; }
  .modal-content:not(.labels-side) .input-item.no-label, .labels-top .input-item.no-label {
    padding-top: 14px; }
    .modal-content:not(.labels-side) .input-item.no-label .s360W360Input:not(.s360W360InputDate):not(.s360W360InputTime), .labels-top .input-item.no-label .s360W360Input:not(.s360W360InputDate):not(.s360W360InputTime) {
      padding-top: 0px; }
  .modal-content:not(.labels-side) .input-item.print-modal, .labels-top .input-item.print-modal {
    padding-top: 0px; }
  .modal-content:not(.labels-side) .input-item .s360W360Input, .labels-top .input-item .s360W360Input {
    margin-left: 0; }
    .modal-content:not(.labels-side) .input-item .s360W360Input.s360W360InputText, .labels-top .input-item .s360W360Input.s360W360InputText {
      margin-left: 0; }
  .modal-content:not(.labels-side) .input-item label, .labels-top .input-item label {
    text-align: left;
    width: 100%; }
  .modal-content:not(.labels-side) .input-item .input, .labels-top .input-item .input {
    width: 100%;
    margin-left: 0;
    padding-bottom: 2px; }
  .modal-content:not(.labels-side) .input-item.filterable .filter-show.icon-only, .labels-top .input-item.filterable .filter-show.icon-only {
    top: 1.5rem; }
  .modal-content:not(.labels-side) .input-item.checkbox, .labels-top .input-item.checkbox {
    max-width: 100%; }

.modal-content:not(.labels-side) .lineHeight, .labels-top .lineHeight {
  margin-top: 1.2rem; }

.modal-content:not(.labels-side) .select2-search__field, .labels-top .select2-search__field {
  line-height: 1.5rem; }

.modal-content:not(.labels-side) .s360W360InputSelect, .labels-top .s360W360InputSelect {
  padding-top: 1.2rem; }

.modal-content:not(.labels-side) .s360W360InputGridSelect .input a, .labels-top .s360W360InputGridSelect .input a {
  padding-top: 3.5rem; }

.modal-content:not(.labels-side) [class^="col-"], .labels-top [class^="col-"] {
  padding: 0 0.25rem; }

.modal {
  width: 100%;
  z-index: 4; }
  .modal.modal-closeable .modal-close {
    display: inherit; }
  .modal .modal-close:not([href]):not([tabindex]) {
    font-family: FontAwesome;
    color: white;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    z-index: 4; }
    .modal .modal-close:not([href]):not([tabindex]):hover {
      cursor: pointer; }
  .modal .modal-box {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
    background-color: white;
    border-radius: 3px;
    overflow: auto;
    position: absolute;
    z-index: 4;
    max-height: 95%;
    max-width: 95%;
    height: auto;
    width: auto;
    min-width: 25%; }
    .modal .modal-box.modal-height-auto {
      height: auto; }
    .modal .modal-box.modal-height-small {
      height: 30%; }
    .modal .modal-box.modal-height-medium {
      height: 60%; }
    .modal .modal-box.modal-height-large {
      height: 95%; }
    .modal .modal-box.modal-width-auto {
      width: auto; }
    .modal .modal-box.modal-width-small {
      width: 30%; }
    .modal .modal-box.modal-width-medium {
      width: 60%; }
    .modal .modal-box.modal-width-large {
      width: 95%; }
    .modal .modal-box.modal-min-width-small {
      min-width: 30%; }
    .modal .modal-box.modal-min-width-medium {
      min-width: 60%; }
    .modal .modal-box.modal-min-width-large {
      min-width: 80%; }
    .modal .modal-box.modal-min-width-xlarge {
      min-width: 95%; }
    .modal .modal-box.viewport_modal {
      z-index: 5000; }
    .modal .modal-box.panel {
      -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
      padding: 0;
      text-align: center; }
      .modal .modal-box.panel .modal-title {
        background: none;
        color: inherit;
        padding: 1em 3em 0 2em; }
      .modal .modal-box.panel.panel-timeout {
        z-index: 5000; }
      .modal .modal-box.panel.panel-alert {
        color: #666666;
        background-color: #fcffaf; }
      .modal .modal-box.panel.panel-error {
        color: #666666;
        background-color: #ffd2d2; }
      .modal .modal-box.panel.panel-info {
        color: #666666;
        background-color: #d2e9fe; }
      .modal .modal-box.panel.panel-success {
        color: #666666;
        background-color: #d2ffd2; }
      .modal .modal-box.panel .modal-close {
        font-family: FontAwesome;
        color: #666666;
        padding: 2px 5px;
        position: absolute;
        right: 0;
        z-index: 4; }
        .modal .modal-box.panel .modal-close:hover {
          cursor: pointer; }
    .modal .modal-box .modal-title {
      background: #666666;
      color: white;
      font-size: 1rem;
      font-weight: bold;
      margin: 0;
      padding: 0.5em 0;
      text-indent: 1em; }
    .modal .modal-box .modal-content {
      clear: both;
      display: block;
      padding: 1em;
      width: auto; }
      .modal .modal-box .modal-content div.printparameters {
        border: 1px solid #afafaf;
        border-radius: 3px; }
      .modal .modal-box .modal-content form, .modal .modal-box .modal-content .form {
        background-color: white; }
        .modal .modal-box .modal-content form .fieldset p.input-item .input .newline .btn, .modal .modal-box .modal-content .form .fieldset p.input-item .input .newline .btn {
          line-height: 2rem; }
  .modal .modal-screen {
    background-color: rgba(255, 255, 255, 0.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3; }

.s360W360ModalGeneric:not(.s360W360PanelFloating) {
  display: none; }

.s360W360Notifier div.modal div.modal-box {
  z-index: 100000; }

.s360W360Notifier div.modal div.modal-screen {
  z-index: 99999; }

.s360W360Notifier + .s360W360Notifier > .modal > .modal-screen {
  background-color: transparent; }

/*
* This file is used to overwrite existing bootstrap styling
*/
.modal-content {
  background-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  outline: none; }

.modal-title {
  line-height: 1rem; }

h3.confirmtext {
  padding-left: 0; }

.s360W360GanttChart {
  display: inline-block;
  width: 100%; }
  .s360W360GanttChart .button-row {
    width: 100%;
    background-color: #afafaf;
    display: block;
    height: 28px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding-right: 5px; }
    .s360W360GanttChart .button-row .s360Q360Button, .s360W360GanttChart .button-row .s360W360Legend {
      float: right;
      margin: 2px 0; }
      .s360W360GanttChart .button-row .s360Q360Button button, .s360W360GanttChart .button-row .s360W360Legend button {
        background-color: #dddddd;
        border-color: #666666;
        font-weight: normal;
        margin: 0;
        font-size: 1.3rem; }
        .s360W360GanttChart .button-row .s360Q360Button button.hilite, .s360W360GanttChart .button-row .s360W360Legend button.hilite {
          background-color: #ffd213; }
        .s360W360GanttChart .button-row .s360Q360Button button:before, .s360W360GanttChart .button-row .s360W360Legend button:before {
          position: relative;
          left: 1px; }
    .s360W360GanttChart .button-row .s360W360Legend {
      font-family: inherit; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.yellow {
        background-color: Yellow;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.mdyellow {
        background-color: #f0ee80;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.ltyellow {
        background-color: #fffcba;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.red {
        background-color: Red;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.mdred {
        background-color: Salmon;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.ltred {
        background-color: #ffaaa9;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.maroon {
        background-color: Maroon;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.mdmaroon {
        background-color: Firebrick;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.ltmaroon {
        background-color: IndianRed;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.brown {
        background-color: SaddleBrown;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.mdbrown {
        background-color: Chocolate;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.ltbrown {
        background-color: Burlywood;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.green {
        background-color: Green;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.mdgreen {
        background-color: LimeGreen;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.ltgreen {
        background-color: LightGreen;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.blue {
        background-color: Blue;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.mdblue {
        background-color: DodgerBlue;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.ltblue {
        background-color: LightSkyBlue;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.pink {
        background-color: MediumVioletRed;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.mdpink {
        background-color: HotPink;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.ltpink {
        background-color: LightPink;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.purple {
        background-color: Purple;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.mdpurple {
        background-color: MediumOrchid;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.ltpurple {
        background-color: Plum;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.orange {
        background-color: DarkOrange;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.mdorange {
        background-color: #ffc036;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.ltorange {
        background-color: #ffc982;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.gray {
        background-color: DarkSlateGray;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.mdgray {
        background-color: LightSlateGray;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.ltgray {
        background-color: Silver;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.cyan {
        background-color: DarkTurquoise;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.mdcyan {
        background-color: Cyan;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.ltcyan {
        background-color: PaleTurquoise;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.olive {
        background-color: DarkOliveGreen;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.mdolive {
        background-color: OliveDrab;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.ltolive {
        background-color: YellowGreen;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.seagreen {
        background-color: SeaGreen;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.mdseagreen {
        background-color: MediumSeaGreen;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.ltseagreen {
        background-color: MediumSpringGreen;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.indigo {
        background-color: Indigo;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.mdindigo {
        background-color: SlateBlue;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.ltindigo {
        background-color: MediumPurple;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.black {
        background-color: #333333;
        color: white; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.white {
        background-color: white;
        color: #222222; }
      .s360W360GanttChart .button-row .s360W360Legend .s360W360LegendItem.gold {
        background-color: #ffd213;
        color: #222222; }
  .s360W360GanttChart .gantt_task_cell.weekend {
    background: rgba(255, 243, 193, 0.5); }
  .s360W360GanttChart .gantt_task_cell.offhours {
    background: rgba(51, 51, 51, 0.2); }
  .s360W360GanttChart .gantt_task_line.icon-lock-before:before {
    position: absolute;
    z-index: 1; }
  .s360W360GanttChart .gantt_task_line:not(.icon-lock-before).icon-anchor-before:before {
    position: absolute;
    z-index: 1; }
  .s360W360GanttChart .gantt_marker.startdate {
    background-color: rgba(50, 205, 50, 0.5); }
  .s360W360GanttChart .gantt_marker.enddate {
    background-color: rgba(51, 51, 51, 0.5); }
  .s360W360GanttChart .gantt_marker.installdate {
    background-color: rgba(0, 0, 255, 0.5); }
  .s360W360GanttChart .gantt_row.subtask {
    background-color: rgba(255, 243, 193, 0.3); }
  .s360W360GanttChart .gantt_row.yellow {
    background: rgba(255, 255, 0, 0.2); }
  .s360W360GanttChart .gantt_row.mdyellow {
    background: rgba(240, 238, 128, 0.2); }
  .s360W360GanttChart .gantt_row.ltyellow {
    background: rgba(255, 252, 186, 0.2); }
  .s360W360GanttChart .gantt_row.red {
    background: rgba(255, 0, 0, 0.2); }
  .s360W360GanttChart .gantt_row.mdred {
    background: rgba(250, 128, 114, 0.2); }
  .s360W360GanttChart .gantt_row.ltred {
    background: rgba(255, 170, 169, 0.2); }
  .s360W360GanttChart .gantt_row.maroon {
    background: rgba(128, 0, 0, 0.2); }
  .s360W360GanttChart .gantt_row.mdmaroon {
    background: rgba(178, 34, 34, 0.2); }
  .s360W360GanttChart .gantt_row.ltmaroon {
    background: rgba(205, 92, 92, 0.2); }
  .s360W360GanttChart .gantt_row.brown {
    background: rgba(139, 69, 19, 0.2); }
  .s360W360GanttChart .gantt_row.mdbrown {
    background: rgba(210, 105, 30, 0.2); }
  .s360W360GanttChart .gantt_row.ltbrown {
    background: rgba(222, 184, 135, 0.2); }
  .s360W360GanttChart .gantt_row.green {
    background: rgba(0, 128, 0, 0.2); }
  .s360W360GanttChart .gantt_row.mdgreen {
    background: rgba(50, 205, 50, 0.2); }
  .s360W360GanttChart .gantt_row.ltgreen {
    background: rgba(144, 238, 144, 0.2); }
  .s360W360GanttChart .gantt_row.blue {
    background: rgba(0, 0, 255, 0.2); }
  .s360W360GanttChart .gantt_row.mdblue {
    background: rgba(30, 144, 255, 0.2); }
  .s360W360GanttChart .gantt_row.ltblue {
    background: rgba(135, 206, 250, 0.2); }
  .s360W360GanttChart .gantt_row.pink {
    background: rgba(199, 21, 133, 0.2); }
  .s360W360GanttChart .gantt_row.mdpink {
    background: rgba(255, 105, 180, 0.2); }
  .s360W360GanttChart .gantt_row.ltpink {
    background: rgba(255, 182, 193, 0.2); }
  .s360W360GanttChart .gantt_row.purple {
    background: rgba(128, 0, 128, 0.2); }
  .s360W360GanttChart .gantt_row.mdpurple {
    background: rgba(186, 85, 211, 0.2); }
  .s360W360GanttChart .gantt_row.ltpurple {
    background: rgba(221, 160, 221, 0.2); }
  .s360W360GanttChart .gantt_row.orange {
    background: rgba(255, 140, 0, 0.2); }
  .s360W360GanttChart .gantt_row.mdorange {
    background: rgba(255, 192, 54, 0.2); }
  .s360W360GanttChart .gantt_row.ltorange {
    background: rgba(255, 201, 130, 0.2); }
  .s360W360GanttChart .gantt_row.gray {
    background: rgba(47, 79, 79, 0.2); }
  .s360W360GanttChart .gantt_row.mdgray {
    background: rgba(119, 136, 153, 0.2); }
  .s360W360GanttChart .gantt_row.ltgray {
    background: rgba(192, 192, 192, 0.2); }
  .s360W360GanttChart .gantt_row.cyan {
    background: rgba(0, 206, 209, 0.2); }
  .s360W360GanttChart .gantt_row.mdcyan {
    background: rgba(0, 255, 255, 0.2); }
  .s360W360GanttChart .gantt_row.ltcyan {
    background: rgba(175, 238, 238, 0.2); }
  .s360W360GanttChart .gantt_row.olive {
    background: rgba(85, 107, 47, 0.2); }
  .s360W360GanttChart .gantt_row.mdolive {
    background: rgba(107, 142, 35, 0.2); }
  .s360W360GanttChart .gantt_row.ltolive {
    background: rgba(154, 205, 50, 0.2); }
  .s360W360GanttChart .gantt_row.seagreen {
    background: rgba(46, 139, 87, 0.2); }
  .s360W360GanttChart .gantt_row.mdseagreen {
    background: rgba(60, 179, 113, 0.2); }
  .s360W360GanttChart .gantt_row.ltseagreen {
    background: rgba(0, 250, 154, 0.2); }
  .s360W360GanttChart .gantt_row.indigo {
    background: rgba(75, 0, 130, 0.2); }
  .s360W360GanttChart .gantt_row.mdindigo {
    background: rgba(106, 90, 205, 0.2); }
  .s360W360GanttChart .gantt_row.ltindigo {
    background: rgba(147, 112, 219, 0.2); }
  .s360W360GanttChart .gantt_row.black {
    background: rgba(51, 51, 51, 0.2); }
  .s360W360GanttChart .gantt_row.white {
    background: rgba(255, 255, 255, 0.2); }
  .s360W360GanttChart .gantt_row.gold {
    background: rgba(255, 210, 19, 0.2); }
  .s360W360GanttChart .gantt_task_line.yellow {
    background: Yellow;
    border-color: #b3b300; }
    .s360W360GanttChart .gantt_task_line.yellow .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.yellow .gantt_task_progress {
      background: #e6e600; }
  .s360W360GanttChart .gantt_task_line.mdyellow {
    background: #f0ee80;
    border-color: #c0bd17; }
    .s360W360GanttChart .gantt_task_line.mdyellow .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.mdyellow .gantt_task_progress {
      background: #ebe852; }
  .s360W360GanttChart .gantt_task_line.ltyellow {
    background: #fffcba;
    border-color: #fff521; }
    .s360W360GanttChart .gantt_task_line.ltyellow .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.ltyellow .gantt_task_progress {
      background: #fff96e; }
  .s360W360GanttChart .gantt_task_line.red {
    background: Red;
    border-color: #b30000; }
    .s360W360GanttChart .gantt_task_line.red .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.red .gantt_task_progress {
      background: #e60000; }
  .s360W360GanttChart .gantt_task_line.mdred {
    background: Salmon;
    border-color: #f73d28; }
    .s360W360GanttChart .gantt_task_line.mdred .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.mdred .gantt_task_progress {
      background: #f85441; }
  .s360W360GanttChart .gantt_task_line.ltred {
    background: #ffaaa9;
    border-color: #ff5e5d; }
    .s360W360GanttChart .gantt_task_line.ltred .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.ltred .gantt_task_progress {
      background: #ff5e5d; }
  .s360W360GanttChart .gantt_task_line.maroon {
    background: Maroon;
    border-color: #340000; }
    .s360W360GanttChart .gantt_task_line.maroon .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.maroon .gantt_task_progress {
      background: #670000; }
  .s360W360GanttChart .gantt_task_line.mdmaroon {
    background: Firebrick;
    border-color: #721616; }
    .s360W360GanttChart .gantt_task_line.mdmaroon .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.mdmaroon .gantt_task_progress {
      background: #871a1a; }
  .s360W360GanttChart .gantt_task_line.ltmaroon {
    background: IndianRed;
    border-color: #a93434; }
    .s360W360GanttChart .gantt_task_line.ltmaroon .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.ltmaroon .gantt_task_progress {
      background: #a93434; }
  .s360W360GanttChart .gantt_task_line.brown {
    background: SaddleBrown;
    border-color: #48240a; }
    .s360W360GanttChart .gantt_task_line.brown .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.brown .gantt_task_progress {
      background: #753a10; }
  .s360W360GanttChart .gantt_task_line.mdbrown {
    background: Chocolate;
    border-color: #8f4814; }
    .s360W360GanttChart .gantt_task_line.mdbrown .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.mdbrown .gantt_task_progress {
      background: #a55318; }
  .s360W360GanttChart .gantt_task_line.ltbrown {
    background: Burlywood;
    border-color: #ce954b; }
    .s360W360GanttChart .gantt_task_line.ltbrown .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.ltbrown .gantt_task_progress {
      background: #ce954b; }
  .s360W360GanttChart .gantt_task_line.green {
    background: Green;
    border-color: #003400; }
    .s360W360GanttChart .gantt_task_line.green .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.green .gantt_task_progress {
      background: #006700; }
  .s360W360GanttChart .gantt_task_line.mdgreen {
    background: LimeGreen;
    border-color: #239023; }
    .s360W360GanttChart .gantt_task_line.mdgreen .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.mdgreen .gantt_task_progress {
      background: #28a428; }
  .s360W360GanttChart .gantt_task_line.ltgreen {
    background: LightGreen;
    border-color: #4ee44e; }
    .s360W360GanttChart .gantt_task_line.ltgreen .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.ltgreen .gantt_task_progress {
      background: #4ee44e; }
  .s360W360GanttChart .gantt_task_line.blue {
    background: Blue;
    border-color: #0000b3; }
    .s360W360GanttChart .gantt_task_line.blue .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.blue .gantt_task_progress {
      background: #0000e6; }
  .s360W360GanttChart .gantt_task_line.mdblue {
    background: DodgerBlue;
    border-color: #006ad1; }
    .s360W360GanttChart .gantt_task_line.mdblue .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.mdblue .gantt_task_progress {
      background: #0077ea; }
  .s360W360GanttChart .gantt_task_line.ltblue {
    background: LightSkyBlue;
    border-color: #3eb0f7; }
    .s360W360GanttChart .gantt_task_line.ltblue .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.ltblue .gantt_task_progress {
      background: #3eb0f7; }
  .s360W360GanttChart .gantt_task_line.pink {
    background: MediumVioletRed;
    border-color: #820e57; }
    .s360W360GanttChart .gantt_task_line.pink .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.pink .gantt_task_progress {
      background: #b01376; }
  .s360W360GanttChart .gantt_task_line.mdpink {
    background: HotPink;
    border-color: #ff1d8e; }
    .s360W360GanttChart .gantt_task_line.mdpink .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.mdpink .gantt_task_progress {
      background: #ff369b; }
  .s360W360GanttChart .gantt_task_line.ltpink {
    background: LightPink;
    border-color: #ff6a80; }
    .s360W360GanttChart .gantt_task_line.ltpink .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.ltpink .gantt_task_progress {
      background: #ff6a80; }
  .s360W360GanttChart .gantt_task_line.purple {
    background: Purple;
    border-color: #340034; }
    .s360W360GanttChart .gantt_task_line.purple .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.purple .gantt_task_progress {
      background: #570057; }
  .s360W360GanttChart .gantt_task_line.mdpurple {
    background: MediumOrchid;
    border-color: #952dae; }
    .s360W360GanttChart .gantt_task_line.mdpurple .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.mdpurple .gantt_task_progress {
      background: #a632c3; }
  .s360W360GanttChart .gantt_task_line.ltpurple {
    background: Plum;
    border-color: #c968c9; }
    .s360W360GanttChart .gantt_task_line.ltpurple .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.ltpurple .gantt_task_progress {
      background: #c968c9; }
  .s360W360GanttChart .gantt_task_line.orange {
    background: DarkOrange;
    border-color: #b36200; }
    .s360W360GanttChart .gantt_task_line.orange .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.orange .gantt_task_progress {
      background: #e67e00; }
  .s360W360GanttChart .gantt_task_line.mdorange {
    background: #ffc036;
    border-color: #9c6b00; }
    .s360W360GanttChart .gantt_task_line.mdorange .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.mdorange .gantt_task_progress {
      background: #ffb003; }
  .s360W360GanttChart .gantt_task_line.ltorange {
    background: #ffc982;
    border-color: #e88400; }
    .s360W360GanttChart .gantt_task_line.ltorange .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.ltorange .gantt_task_progress {
      background: #ffa836; }
  .s360W360GanttChart .gantt_task_line.gray {
    background: DarkSlateGray;
    border-color: #121f1f; }
    .s360W360GanttChart .gantt_task_line.gray .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.gray .gantt_task_progress {
      background: #253f3f; }
  .s360W360GanttChart .gantt_task_line.mdgray {
    background: LightSlateGray;
    border-color: #546270; }
    .s360W360GanttChart .gantt_task_line.mdgray .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.mdgray .gantt_task_progress {
      background: #5f6f7e; }
  .s360W360GanttChart .gantt_task_line.ltgray {
    background: Silver;
    border-color: #9a9a9a; }
    .s360W360GanttChart .gantt_task_line.ltgray .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.ltgray .gantt_task_progress {
      background: #9a9a9a; }
  .s360W360GanttChart .gantt_task_line.cyan {
    background: DarkTurquoise;
    border-color: #008385; }
    .s360W360GanttChart .gantt_task_line.cyan .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.cyan .gantt_task_progress {
      background: #00b5b8; }
  .s360W360GanttChart .gantt_task_line.mdcyan {
    background: Cyan;
    border-color: #00b3b3; }
    .s360W360GanttChart .gantt_task_line.mdcyan .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.mdcyan .gantt_task_progress {
      background: #00cccc; }
  .s360W360GanttChart .gantt_task_line.ltcyan {
    background: PaleTurquoise;
    border-color: #70e1e1; }
    .s360W360GanttChart .gantt_task_line.ltcyan .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.ltcyan .gantt_task_progress {
      background: #70e1e1; }
  .s360W360GanttChart .gantt_task_line.olive {
    background: DarkOliveGreen;
    border-color: #2b3618; }
    .s360W360GanttChart .gantt_task_line.olive .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.olive .gantt_task_progress {
      background: #475927; }
  .s360W360GanttChart .gantt_task_line.mdolive {
    background: OliveDrab;
    border-color: #3d5114; }
    .s360W360GanttChart .gantt_task_line.mdolive .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.mdolive .gantt_task_progress {
      background: #4c6519; }
  .s360W360GanttChart .gantt_task_line.ltolive {
    background: YellowGreen;
    border-color: #6c9023; }
    .s360W360GanttChart .gantt_task_line.ltolive .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.ltolive .gantt_task_progress {
      background: #6c9023; }
  .s360W360GanttChart .gantt_task_line.seagreen {
    background: SeaGreen;
    border-color: #1b5233; }
    .s360W360GanttChart .gantt_task_line.seagreen .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.seagreen .gantt_task_progress {
      background: #28784b; }
  .s360W360GanttChart .gantt_task_line.mdseagreen {
    background: MediumSeaGreen;
    border-color: #297a4d; }
    .s360W360GanttChart .gantt_task_line.mdseagreen .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.mdseagreen .gantt_task_progress {
      background: #2f8d59; }
  .s360W360GanttChart .gantt_task_line.ltseagreen {
    background: MediumSpringGreen;
    border-color: #00ae6b; }
    .s360W360GanttChart .gantt_task_line.ltseagreen .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.ltseagreen .gantt_task_progress {
      background: #00ae6b; }
  .s360W360GanttChart .gantt_task_line.indigo {
    background: Indigo;
    border-color: #1f0036; }
    .s360W360GanttChart .gantt_task_line.indigo .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.indigo .gantt_task_progress {
      background: #3c0069; }
  .s360W360GanttChart .gantt_task_line.mdindigo {
    background: SlateBlue;
    border-color: #4333a8; }
    .s360W360GanttChart .gantt_task_line.mdindigo .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.mdindigo .gantt_task_progress {
      background: #4b39bb; }
  .s360W360GanttChart .gantt_task_line.ltindigo {
    background: MediumPurple;
    border-color: #6533cb; }
    .s360W360GanttChart .gantt_task_line.ltindigo .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.ltindigo .gantt_task_progress {
      background: #6533cb; }
  .s360W360GanttChart .gantt_task_line.black {
    background: #333333;
    border-color: #0d0d0d; }
    .s360W360GanttChart .gantt_task_line.black .gantt_task_content {
      color: white; }
    .s360W360GanttChart .gantt_task_line.black .gantt_task_progress {
      background: #262626; }
  .s360W360GanttChart .gantt_task_line.white {
    background: white;
    border-color: #d9d9d9; }
    .s360W360GanttChart .gantt_task_line.white .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.white .gantt_task_progress {
      background: #e6e6e6; }
  .s360W360GanttChart .gantt_task_line.gold {
    background: #ffd213;
    border-color: #c6a000; }
    .s360W360GanttChart .gantt_task_line.gold .gantt_task_content {
      color: #222222; }
    .s360W360GanttChart .gantt_task_line.gold .gantt_task_progress {
      background: #c6a000; }
  .s360W360GanttChart .gantt_resizer {
    background-color: rgba(102, 102, 102, 0.2); }

.s360W360PanelFloating .controlButton {
  padding: 0 .5rem; }

.s360W360PanelFloating .s360W360SectionTitle {
  width: 100%; }
  .s360W360PanelFloating .s360W360SectionTitle h3 {
    width: 100%; }
    .s360W360PanelFloating .s360W360SectionTitle h3.icon:before {
      padding-right: 5px; }

#accordion {
  float: left; }
  #accordion .dhxacc_cont .dhx_cell_acc {
    background-color: rgba(37, 65, 112, 0.8); }
    #accordion .dhxacc_cont .dhx_cell_acc .dhx_cell_hdr {
      background: none;
      background-color: rgba(39, 81, 123, 0.9); }
      #accordion .dhxacc_cont .dhx_cell_acc .dhx_cell_hdr .dhx_cell_hdr_text {
        color: #eeeeee;
        font-family: roboto, "helvetica neue", helvetica, arial, sans-serif; }
      #accordion .dhxacc_cont .dhx_cell_acc .dhx_cell_hdr .dhx_cell_hdr_arrow {
        color: #eeeeee;
        background-image: none; }
        #accordion .dhxacc_cont .dhx_cell_acc .dhx_cell_hdr .dhx_cell_hdr_arrow:before {
          font-family: FontAwesome;
          content: '\f0d7';
          position: absolute;
          top: -6px;
          left: 5px;
          font-weight: normal;
          font-size: 1rem; }
    #accordion .dhxacc_cont .dhx_cell_acc.dhx_cell_closed .dhx_cell_hdr .dhx_cell_hdr_arrow:before {
      content: '\f0d8'; }
    #accordion .dhxacc_cont .dhx_cell_acc .dhx_cell_cont_acc {
      text-align: center; }
      #accordion .dhxacc_cont .dhx_cell_acc .dhx_cell_cont_acc .toolBarElement {
        display: inline-block;
        width: 100%;
        max-width: 75px; }

.iconpicker-popover.popover {
  background: #cccccc; }
  .iconpicker-popover.popover.inline {
    width: 100%; }
  .iconpicker-popover.popover .popover-title {
    color: #666666;
    background-color: #eaeaea;
    border-bottom: 1px solid #cccccc; }

div.iconpicker .iconpicker-items {
  background: white; }

div.iconpicker a.iconpicker-item {
  background-color: rgba(37, 65, 112, 0.8);
  color: #eeeeee;
  width: 40px;
  height: 2.5rem;
  padding: 1rem;
  font-size: 2.5rem; }
  div.iconpicker a.iconpicker-item:hover:not(.iconpicker-selected) {
    background-color: rgba(0, 0, 0, 0.5);
    color: #eeeeee; }

.s360Q360QFlow .dhx_dropdown_label {
  color: #444444; }

.s360Q360QFlow .dhx_topbar {
  display: none; }

.s360Q360QFlow .button-row .s360Q360Button {
  float: right;
  margin: 2px 0; }
  .s360Q360QFlow .button-row .s360Q360Button:first-of-type {
    margin-right: 5px; }
  .s360Q360QFlow .button-row .s360Q360Button button {
    background-color: #dddddd;
    border-color: #666666;
    font-weight: normal;
    margin: 0;
    font-size: 1.3rem; }
    .s360Q360QFlow .button-row .s360Q360Button button:before {
      position: relative;
      left: 1px; }

.s360Q360QFlow .button-row .workflow-autorefresh-root {
  display: inline-block;
  vertical-align: top;
  float: right;
  padding-top: 2px; }
  .s360Q360QFlow .button-row .workflow-autorefresh-root.active button {
    background-color: #ffd213; }
  .s360Q360QFlow .button-row .workflow-autorefresh-root button {
    font-weight: normal;
    min-width: 28px;
    font-size: 1em;
    border: 1px solid #666666; }
    .s360Q360QFlow .button-row .workflow-autorefresh-root button.btnPrimary {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      margin-right: 0px; }
      .s360Q360QFlow .button-row .workflow-autorefresh-root button.btnPrimary:before {
        content: none; }
    .s360Q360QFlow .button-row .workflow-autorefresh-root button.btnDropdown {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      font-size: 0.8rem;
      margin-left: 0px; }
      .s360Q360QFlow .button-row .workflow-autorefresh-root button.btnDropdown:before {
        content: "\f021";
        font-family: FontAwesome;
        color: #349e3f;
        font-size: 1.2rem;
        margin-left: -2px; }
      .s360Q360QFlow .button-row .workflow-autorefresh-root button.btnDropdown:after {
        content: "\f0d7";
        font-family: FontAwesome;
        vertical-align: middle;
        font-size: 1rem;
        left: 15px;
        top: 5px;
        position: absolute; }

.s360Q360QFlow .diagram-wrapper {
  position: relative; }
  .s360Q360QFlow .diagram-wrapper .dhx_diagram.dhx_widget {
    border: 1px solid #afafaf;
    background: white; }
    .s360Q360QFlow .diagram-wrapper .dhx_diagram.dhx_widget svg g g.dhx_diagram_flow_item.qflowitem-clickable:hover {
      cursor: pointer; }

.s360Q360QFlow .diagramEditor .dhx_property .section-title {
  padding: 0;
  color: #444444; }

.s360Q360QFlow .diagramEditor .dhx_property .edit-section:nth-child(2):not(.input_group_up) .input_element {
  margin: 0 10px 13px 0;
  height: 20px;
  border: none; }
  .s360Q360QFlow .diagramEditor .dhx_property .edit-section:nth-child(2):not(.input_group_up) .input_element.alone_picker .input_icon_wrap {
    top: 0;
    left: 0; }
    .s360Q360QFlow .diagramEditor .dhx_property .edit-section:nth-child(2):not(.input_group_up) .input_element.alone_picker .input_icon_wrap .input_icon {
      display: block; }
  .s360Q360QFlow .diagramEditor .dhx_property .edit-section:nth-child(2):not(.input_group_up) .input_element:not(.alone_picker) input {
    background-color: white;
    border: 1px solid #afafaf;
    color: #222222;
    -webkit-text-fill-color: #222222; }
  .s360Q360QFlow .diagramEditor .dhx_property .edit-section:nth-child(2):not(.input_group_up) .input_element:not(.alone_picker) .input_icon_wrap {
    top: -15px;
    left: 1px;
    margin: 0;
    width: 80px; }
    .s360Q360QFlow .diagramEditor .dhx_property .edit-section:nth-child(2):not(.input_group_up) .input_element:not(.alone_picker) .input_icon_wrap:before {
      content: 'Corner Radius';
      font-family: Roboto;
      font-size: 0.9rem;
      color: #666666;
      font-weight: bold; }
    .s360Q360QFlow .diagramEditor .dhx_property .edit-section:nth-child(2):not(.input_group_up) .input_element:not(.alone_picker) .input_icon_wrap .input_icon {
      display: none; }

.s360Q360QFlow .diagramEditor .dhx_property .edit-section.input_group_up .input_element {
  margin: 0 10px 13px 0;
  height: 20px;
  border: none; }
  .s360Q360QFlow .diagramEditor .dhx_property .edit-section.input_group_up .input_element input {
    background-color: white;
    border: 1px solid #afafaf;
    color: #222222;
    -webkit-text-fill-color: #222222; }
  .s360Q360QFlow .diagramEditor .dhx_property .edit-section.input_group_up .input_element .input_icon_wrap {
    top: -15px;
    left: -3px;
    margin: 0; }
    .s360Q360QFlow .diagramEditor .dhx_property .edit-section.input_group_up .input_element .input_icon_wrap .dxi.dxi-rotate-right.rotate_icon:before {
      Content: 'Rotation';
      position: absolute;
      top: 6px;
      left: 4px;
      font-family: Roboto;
      font-size: 0.9rem;
      color: #666666;
      font-weight: bold; }
    .s360Q360QFlow .diagramEditor .dhx_property .edit-section.input_group_up .input_element .input_icon_wrap .input_icon {
      display: block;
      background: none;
      color: #666666;
      font-size: 0.9rem;
      font-weight: bold; }

.s360Q360QFlow .diagramEditor .dhx_property .color-edit .color_picker_wrap {
  height: auto; }
  .s360Q360QFlow .diagramEditor .dhx_property .color-edit .color_picker_wrap .input_element {
    margin: 0;
    height: 20px;
    border: none; }
    .s360Q360QFlow .diagramEditor .dhx_property .color-edit .color_picker_wrap .input_element input[name="fill"] {
      background-color: white;
      border: 1px solid #afafaf;
      color: #222222;
      -webkit-text-fill-color: #222222; }
    .s360Q360QFlow .diagramEditor .dhx_property .color-edit .color_picker_wrap .input_element .input_icon_wrap {
      top: 0px;
      left: 112px;
      border: 1px solid black; }
      .s360Q360QFlow .diagramEditor .dhx_property .color-edit .color_picker_wrap .input_element .input_icon_wrap .input_icon {
        height: 18px;
        border-radius: 0; }

.s360Q360QFlow .diagramEditor .dhx_property .text-edit .dhx_textarea {
  position: relative;
  border: 1px solid #afafaf;
  color: #222222;
  -webkit-text-fill-color: #222222; }
  .s360Q360QFlow .diagramEditor .dhx_property .text-edit .dhx_textarea:hover {
    border-color: #afafaf; }

.s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element {
  height: 20px;
  border: none; }
  .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element input {
    background-color: white;
    border: 1px solid #afafaf;
    color: #222222;
    -webkit-text-fill-color: #222222; }
  .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element.alone_picker {
    width: 20px;
    min-width: 20px;
    border: none; }
    .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element.alone_picker .input_icon_wrap {
      margin: 0;
      border: 1px solid black; }
      .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element.alone_picker .input_icon_wrap .input_icon {
        border-radius: 0;
        height: 18px; }
  .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element:not(.alone_picker) .input_icon_wrap {
    width: 70px;
    top: -15px;
    left: -9px; }
    .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element:not(.alone_picker) .input_icon_wrap .dxi.dxi-format-line-spacing {
      width: 70px;
      height: 10px; }
      .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element:not(.alone_picker) .input_icon_wrap .dxi.dxi-format-line-spacing:before {
        content: 'Line Spacing';
        font-family: Roboto;
        font-size: 0.9rem;
        color: #666666;
        font-weight: bold; }
  .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element.dropup, .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element.arrow_select {
    border: 1px solid #afafaf; }
    .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element.dropup .dhx_select, .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element.arrow_select .dhx_select {
      height: 20px; }
      .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element.dropup .dhx_select .dhx_select_label, .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element.arrow_select .dhx_select .dhx_select_label {
        height: 20px; }
        .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element.dropup .dhx_select .dhx_select_label polygon, .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element.arrow_select .dhx_select .dhx_select_label polygon {
          fill: black; }
        .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element.dropup .dhx_select .dhx_select_label .dhx_select_line, .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element.arrow_select .dhx_select .dhx_select_label .dhx_select_line {
          border-color: #444444; }
      .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element.dropup .dhx_select .dhx_select_content, .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element.arrow_select .dhx_select .dhx_select_content {
        position: absolute;
        top: 23px; }
  .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element.line_width input {
    background-color: white;
    border: 1px solid #afafaf;
    color: #222222;
    -webkit-text-fill-color: #222222; }
  .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .input_element.line_width .title {
    color: #666666;
    font-weight: bold;
    top: 4px; }

.s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .icons_group {
  height: 20px; }
  .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .icons_group .dhx_line_icon polygon {
    fill: #bbbbbb; }
  .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .icons_group .dhx_line_icon.dhx_selected polygon {
    fill: #000000; }
  .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .icons_group .dhx {
    color: #bbbbbb; }
  .s360Q360QFlow .diagramEditor .dhx_property .line-edit .line-edit-content .icons_group .dhx_selected {
    color: #000000; }

.s360Q360QFlow .diagramEditor .dhx_property .edit-section:nth-child(6) .line-edit-content .dropup:before {
  content: 'Font Size';
  position: absolute;
  top: -10px;
  font-family: Roboto;
  font-size: 0.9rem;
  color: #666666;
  font-weight: bold; }

.s360Q360QFlow .diagramEditor .dhx_property .edit-section:nth-child(6) .line-edit-content .dropup .dhx_select .dhx_select_label {
  padding: 1px 3px 4px; }
  .s360Q360QFlow .diagramEditor .dhx_property .edit-section:nth-child(6) .line-edit-content .dropup .dhx_select .dhx_select_label div {
    font-size: 12px; }

.s360Q360QFlow .diagramEditor .dhx_property .edit-section:nth-child(6) .line-edit-content .line_height input {
  background-color: white;
  border: 1px solid #afafaf;
  color: #222222;
  -webkit-text-fill-color: #222222; }

.s360Q360QFlow .diagramEditor .dhx_property .edit-section:nth-child(6) .line-edit-content .line_height .input_icon_wrap {
  top: -9px;
  left: -8px;
  width: 60px;
  height: 10px; }
  .s360Q360QFlow .diagramEditor .dhx_property .edit-section:nth-child(6) .line-edit-content .line_height .input_icon_wrap .dxi.dxi-format-line-spacing {
    width: 60px;
    height: 10px; }
    .s360Q360QFlow .diagramEditor .dhx_property .edit-section:nth-child(6) .line-edit-content .line_height .input_icon_wrap .dxi.dxi-format-line-spacing:before {
      content: 'Line Height';
      font-family: Roboto;
      font-size: 0.9rem;
      color: #666666;
      font-weight: bold; }

.s360Q360QFlow .shapesbar .dhx_shape_name {
  color: #000000; }

.s360Q360QFlow .button-row, .s360Q360OrgChart .button-row {
  width: 100%;
  background-color: #afafaf;
  display: block;
  height: 28px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }

/* Dropdown Arrow Styling */
.dhx_select:before {
  border-top: 5px solid #afafaf; }

.dhx_select:focus:before {
  border-top: none;
  border-bottom: 5px solid #afafaf; }

.dhxtreeview_cont {
  border: 1px;
  border-style: double;
  border-color: black; }

.s360W360TreeView .dhx_toolbar_dhx_skyblue {
  height: auto; }
  .s360W360TreeView .dhx_toolbar_dhx_skyblue .dhx_toolbar_btn .fa {
    vertical-align: sub; }

.dhx_list_item {
  line-height: 0.5rem; }

.dhx_list {
  border: 1px;
  border-style: double;
  border-color: black; }

.s360W360List .dhx_toolbar_dhx_skyblue {
  height: auto; }
  .s360W360List .dhx_toolbar_dhx_skyblue .dhx_toolbar_btn .fa {
    vertical-align: sub; }

.qflow-throbwrap {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 50;
  top: 0;
  background: rgba(0, 0, 0, 0.5); }

.qflow-throbber {
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 50; }

.qflow-throbber div {
  display: inline-block;
  position: absolute;
  left: 6px;
  width: 13px;
  background: #000000;
  -webkit-animation: qflow-throbber 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  animation: qflow-throbber 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite; }

.qflow-throbber div:nth-child(1) {
  left: 6px;
  -webkit-animation-delay: -0.24s;
  animation-delay: -0.24s; }

.qflow-throbber div:nth-child(2) {
  left: 26px;
  -webkit-animation-delay: -0.12s;
  animation-delay: -0.12s; }

.qflow-throbber div:nth-child(3) {
  left: 45px;
  -webkit-animation-delay: 0;
  animation-delay: 0; }

@-webkit-keyframes qflow-throbber {
  0% {
    top: 6px;
    height: 51px; }
  50%, 100% {
    top: 19px;
    height: 26px; } }

@keyframes qflow-throbber {
  0% {
    top: 6px;
    height: 51px; }
  50%, 100% {
    top: 19px;
    height: 26px; } }

.s360W360ActionBar {
  width: 100%;
  background-color: rgba(37, 65, 112, 0.8);
  padding: 0 1rem 5px;
  position: fixed;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  top: 0;
  z-index: 3; }
  @media only screen and (max-width: 750px) {
    .s360W360ActionBar {
      padding-bottom: 0; } }
  .s360W360ActionBar span[rel="childContainerElement"] .s360W360MainSearch {
    padding: 2px 0.5em;
    margin-top: 6px;
    position: absolute;
    width: 40%;
    max-width: 35rem;
    display: inline-block; }
    @media only screen and (max-width: 750px) {
      .s360W360ActionBar span[rel="childContainerElement"] .s360W360MainSearch {
        display: none; } }
    .s360W360ActionBar span[rel="childContainerElement"] .s360W360MainSearch .main-search-value {
      vertical-align: top;
      max-height: 20px;
      width: 50%; }
      .s360W360ActionBar span[rel="childContainerElement"] .s360W360MainSearch .main-search-value span.input .main-search-btn {
        position: absolute;
        top: 2px;
        height: 1.3rem;
        right: -4px;
        width: 1.5rem;
        border: 1px solid #666666; }
    .s360W360ActionBar span[rel="childContainerElement"] .s360W360MainSearch .main-search-activeonly-main {
      display: inline-block;
      width: 90px; }
      .s360W360ActionBar span[rel="childContainerElement"] .s360W360MainSearch .main-search-activeonly-main .mainsearch-activeonly_label {
        float: left;
        line-height: 1.5em;
        padding-left: 0.8em;
        padding-right: 0.4em;
        white-space: nowrap; }
      .s360W360ActionBar span[rel="childContainerElement"] .s360W360MainSearch .main-search-activeonly-main .mainsearch-activeonly_label {
        width: auto;
        line-height: 1.5em;
        max-height: 20px;
        vertical-align: top;
        display: inline-block;
        position: relative; }
    .s360W360ActionBar span[rel="childContainerElement"] .s360W360MainSearch.main-search-activeonly .main-search-value {
      width: calc(50% - 45px); }
    .s360W360ActionBar span[rel="childContainerElement"] .s360W360MainSearch.main-search-activeonly .main-search-field {
      width: calc(50% - 45px); }
  .s360W360ActionBar span[rel="childContainerElement"] .button-row {
    display: inline-block;
    float: right;
    width: auto;
    margin-top: 5px; }
    .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360NavigationBar {
      display: inline-block; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360NavigationBar button.s360W360CommandButton.icon-previous-before:before {
        left: -2px; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360NavigationBar button.s360W360CommandButton.icon-next-before:before {
        left: 1px; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360NavigationBar button.s360W360CommandButton.icon-table-before:before {
        top: 1px;
        left: -0.5px; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360NavigationBar button.s360W360CommandButton.icon-first-before:before {
        left: 1px; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360NavigationBar button.s360W360CommandButton:disabled {
        opacity: 1;
        background-color: #7d7d7d; }
        .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360NavigationBar button.s360W360CommandButton:disabled:before {
          color: #afafaf; }
        .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360NavigationBar button.s360W360CommandButton:disabled:hover {
          cursor: not-allowed; }
    .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360ButtonDropdown {
      display: inline-block;
      vertical-align: top;
      float: right; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360ButtonDropdown.active button {
        background-color: #ffd213; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360ButtonDropdown button {
        font-weight: normal;
        min-width: 28px;
        font-size: 1em;
        border: 1px solid #666666; }
        .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360ButtonDropdown button.btnPrimary {
          border-top-left-radius: 3px;
          border-bottom-left-radius: 3px;
          margin-right: 0px; }
          .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360ButtonDropdown button.btnPrimary:before {
            content: none; }
        .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360ButtonDropdown button.btnDropdown {
          border-top-right-radius: 3px;
          border-bottom-right-radius: 3px;
          font-size: 0.8rem;
          margin-left: 0px; }
          .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360ButtonDropdown button.btnDropdown:before {
            content: "\f021";
            font-family: FontAwesome;
            color: #349e3f;
            font-size: 1.2rem;
            margin-left: -2px; }
          .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360ButtonDropdown button.btnDropdown:after {
            content: "\f0d7";
            font-family: FontAwesome;
            vertical-align: middle;
            font-size: 1rem;
            left: 15px;
            top: 5px;
            position: absolute; }
    .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton {
      font-weight: normal;
      width: 2.75rem;
      float: right;
      position: relative;
      background-clip: padding-box;
      border: 1px solid #666666;
      border-radius: 3px;
      background-color: #dddddd;
      color: #444444;
      display: inline-block;
      margin: 0;
      text-decoration: none;
      vertical-align: middle;
      -webkit-appearance: none;
      font-size: 1.4rem;
      cursor: pointer;
      padding: 3px 8px;
      line-height: 1em;
      margin: 0; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.hilite {
        background-color: #ffd213; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton:hover {
        background-color: #afafaf; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton:before {
        position: relative;
        font-weight: normal; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.btn-txt {
        font-size: 1.2rem; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.icon-add-before:before {
        color: #349e3f; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.icon-delete-before:before {
        color: #c65454; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.icon-edit-before:before {
        color: #ecab17; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.icon-funnel-before:before {
        color: #1650be; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.icon-gear-before:before {
        color: #595456; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.icon-refresh-before:before {
        color: #349e3f; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.icon-revert-before:before {
        color: steelblue; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.icon-save-before:before {
        color: #3d7dd8; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.icon-search-before:before {
        color: slategray; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.icon-check-after:after {
        font-size: 1.2rem;
        position: absolute;
        top: 9px;
        right: 0px;
        color: #222222; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.icon-forward-after:after {
        font-size: 0.9rem;
        position: absolute;
        top: 10px;
        right: 1px;
        color: #222222; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.icon-replyall-after:after {
        font-size: 0.9rem;
        position: absolute;
        top: 10px;
        right: 1px;
        color: #222222; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.icon-reply-after:after {
        font-size: 0.9rem;
        position: absolute;
        top: 10px;
        right: 1px;
        color: #222222; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.icon-send-after:after {
        font-size: 0.9rem;
        position: absolute;
        top: 11px;
        right: 2px;
        color: #222222; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.icon-start-after:after {
        color: green;
        font-size: .8rem;
        position: absolute;
        top: 9px;
        right: 0; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.icon-stop-after:after {
        color: #c65454;
        font-size: .7rem;
        position: absolute;
        top: 9px;
        right: 1px; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.disabled {
        background-color: #7d7d7d; }
        .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.disabled:before {
          color: #afafaf; }
        .s360W360ActionBar span[rel="childContainerElement"] .button-row .s360W360CommandButton.disabled:hover {
          cursor: not-allowed; }
    .s360W360ActionBar span[rel="childContainerElement"] .button-row div.s360W360CommandButton {
      background-color: #dddddd;
      color: #444444; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row div.s360W360CommandButton.s360W360MenuBreadcrumbs {
        float: left; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row div.s360W360CommandButton:before {
        left: -1.5px; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row div.s360W360CommandButton:after {
        position: absolute;
        font-size: 1rem;
        right: 1px;
        top: 4px; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row div.s360W360CommandButton:hover {
        cursor: pointer; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row div.s360W360CommandButton.icon-bars-before:before {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444444+0,7f7f7f+50,444444+100 */
        color: #878787; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row div.s360W360CommandButton.icon-arrowleft-before:before {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444444+0,7f7f7f+50,444444+100 */
        color: green; }
      .s360W360ActionBar span[rel="childContainerElement"] .button-row div.s360W360CommandButton.disabled {
        background-color: #7d7d7d; }
        .s360W360ActionBar span[rel="childContainerElement"] .button-row div.s360W360CommandButton.disabled:before, .s360W360ActionBar span[rel="childContainerElement"] .button-row div.s360W360CommandButton.disabled:after {
          color: #afafaf; }
    .s360W360ActionBar span[rel="childContainerElement"] .button-row.resourceconsole {
      width: 60%; }
  .s360W360ActionBar span[rel="childContainerElement"] h2.title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #eeeeee;
    display: inline-block;
    float: left;
    margin: .7rem 0 0 .5rem;
    width: 35%;
    min-width: 0;
    max-width: 600px;
    font-size: 1.5em;
    font-weight: bold; }
    @media only screen and (max-width: 750px) {
      .s360W360ActionBar span[rel="childContainerElement"] h2.title {
        display: none;
        padding-bottom: 0; } }
  .s360W360ActionBar div.mobileTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: none;
    color: #eeeeee;
    font-family: roboto, "helvetica neue", helvetica, arial, sans-serif;
    font-size: 1rem;
    height: 25px;
    margin-top: 2px;
    padding: 10px 0 0 0;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 9;
    /* dropdowns in action bar have a zindex of 10 */ }
    @media only screen and (max-width: 750px) {
      .s360W360ActionBar div.mobileTitle {
        display: inline-block; } }
  .s360W360ActionBar .scheduleTitle {
    color: #eeeeee;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.3em;
    font-weight: bold;
    float: left;
    line-height: 1.4em; }

/** This is styling for the Quick Search when the screen width is small enough.
		Regular screen width Quick Search styling resides in _actionbar.scss for
		increased specificity in the selectors.
 */
#mainContent form.s360W360MainSearch.main-search-mobile span.main-search-value.main-search-value-mobile .input button.main-search-btn {
  position: absolute;
  top: 2px;
  height: 1.3rem;
  right: -4px;
  width: 1.5rem;
  border: 1px solid #666666; }

div#modalContainer > div[data-modal="advanced_search"] div.filter-bar {
  text-align: center; }
  div#modalContainer > div[data-modal="advanced_search"] div.filter-bar .s360W360Filters_Named {
    width: 250px; }
  div#modalContainer > div[data-modal="advanced_search"] div.filter-bar p.input-item {
    display: inline-block;
    width: 75px; }
    div#modalContainer > div[data-modal="advanced_search"] div.filter-bar p.input-item .s360W360Label label {
      text-align: left;
      width: 65px; }
    div#modalContainer > div[data-modal="advanced_search"] div.filter-bar p.input-item .s360W360Input.s360W360InputCheckbox {
      margin-left: 65px; }
  div#modalContainer > div[data-modal="advanced_search"] div.filter-bar .s360Q360Button {
    margin-right: 0; }
  div#modalContainer > div[data-modal="advanced_search"] div.filter-bar + hr.filter-divider {
    margin-top: 0; }

.s360W360NotificationContainer .s360W360NotificationButton:before {
  position: absolute;
  left: 30px;
  color: #efefef;
  font-size: 1.7rem;
  -webkit-text-stroke: .5px black; }

.s360W360NotificationContainer .s360W360NotificationButton .count {
  position: absolute;
  right: 12px;
  top: 2px; }

#nav_container {
  position: fixed;
  top: 0;
  width: 100%;
  height: 30px;
  background: url(../../../images/nav-bar.png?v=1);
  background-position-y: center;
  background-repeat: no-repeat;
  background-color: white;
  border-bottom: 1px solid #6f6f6f; }
  #nav_container a.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    display: inline; }
    #nav_container a.navbar-brand #nav_logo {
      background: url("../../../images/brand_logo.png");
      height: 30px;
      width: 115px;
      margin-right: 10px;
      float: left; }
  #nav_container #navbar {
    float: left;
    margin-left: 125px;
    width: calc(100% - 125px);
    background-color: transparent;
    overflow: auto;
    -ms-overflow-style: none; }
    #nav_container #navbar.overflow {
      width: calc(100% - 140px); }
    #nav_container #navbar::-webkit-scrollbar {
      width: 0 !important; }
    #nav_container #navbar div[dir="ltr"].align_right {
      margin-right: 10px; }
    #nav_container #navbar div[dir="ltr"] div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal
, #nav_container #navbar div[dir="ltr"] div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Selected {
      border: none;
      height: 30px;
      margin-top: 0; }
      #nav_container #navbar div[dir="ltr"] div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal[walkme="mainmenu"]
, #nav_container #navbar div[dir="ltr"] div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Selected[walkme="mainmenu"] {
        margin-left: 35px; }
      #nav_container #navbar div[dir="ltr"] div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal
div.top_level_text, #nav_container #navbar div[dir="ltr"] div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Selected div.top_level_text {
        font-size: 1.2rem;
        height: 100%;
        font-family: Roboto, sans-serif;
        line-height: 2.4rem; }
        #nav_container #navbar div[dir="ltr"] div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal
div.top_level_text span.underline, #nav_container #navbar div[dir="ltr"] div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Selected div.top_level_text span.underline {
          text-decoration: underline; }
          #nav_container #navbar div[dir="ltr"] div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal
div.top_level_text span.underline.y, #nav_container #navbar div[dir="ltr"] div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Selected div.top_level_text span.underline.y {
            text-underline-position: under; }
    #nav_container #navbar div[dir="ltr"] div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Selected {
      background-color: rgba(0, 0, 0, 0.2); }
  #nav_container #overflow_controls {
    height: 30px;
    width: 15px;
    position: absolute;
    right: 0;
    border-left: solid 1px; }
    #nav_container #overflow_controls button.overflow_btn {
      padding: 0;
      margin: 0;
      height: 15px;
      width: 15px;
      border: none;
      background-color: transparent;
      border-radius: 0; }
      #nav_container #overflow_controls button.overflow_btn:hover {
        background-color: rgba(0, 0, 0, 0.2); }
      #nav_container #overflow_controls button.overflow_btn.expand {
        height: 100%; }
      #nav_container #overflow_controls button.overflow_btn:before {
        color: #444444;
        font-weight: normal;
        display: block;
        margin-left: 2px; }
      #nav_container #overflow_controls button.overflow_btn.up:before {
        padding-bottom: 2px; }
  #nav_container #nav_loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6); }
    #nav_container #nav_loading #nav_loading_message {
      position: absolute;
      margin: auto;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100px;
      height: 20px;
      font-family: roboto, "helvetica neue", helvetica, arial, sans-serif;
      border-radius: 20px;
      font-size: 15px;
      color: whitesmoke;
      background-color: rgba(0, 0, 0, 0.7);
      text-align: center; }

div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list {
  background: white;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }
  div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div > table.dhtmlxMebu_SubLevelArea_Tbl tbody tr.sub_item, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div > table.dhtmlxMebu_SubLevelArea_Tbl tbody tr.sub_item_selected, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div > table.dhtmlxMebu_SubLevelArea_Tbl tbody tr.dhtmlxMenu_dhx_skyblue_SubLevelArea_Item_Normal {
    cursor: pointer; }
    div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div > table.dhtmlxMebu_SubLevelArea_Tbl tbody tr.sub_item td, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div > table.dhtmlxMebu_SubLevelArea_Tbl tbody tr.sub_item_selected td, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div > table.dhtmlxMebu_SubLevelArea_Tbl tbody tr.dhtmlxMenu_dhx_skyblue_SubLevelArea_Item_Normal td {
      border: none; }
      div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div > table.dhtmlxMebu_SubLevelArea_Tbl tbody tr.sub_item td.sub_item_text div.sub_item_text, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div > table.dhtmlxMebu_SubLevelArea_Tbl tbody tr.sub_item_selected td.sub_item_text div.sub_item_text, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div > table.dhtmlxMebu_SubLevelArea_Tbl tbody tr.dhtmlxMenu_dhx_skyblue_SubLevelArea_Item_Normal td.sub_item_text div.sub_item_text {
        font-size: 13.2px;
        color: #444444;
        font-family: Roboto; }
      div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div > table.dhtmlxMebu_SubLevelArea_Tbl tbody tr.sub_item td.sub_item_hk._close:hover div.sub_item_hk._close, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div > table.dhtmlxMebu_SubLevelArea_Tbl tbody tr.sub_item_selected td.sub_item_hk._close:hover div.sub_item_hk._close, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div > table.dhtmlxMebu_SubLevelArea_Tbl tbody tr.dhtmlxMenu_dhx_skyblue_SubLevelArea_Item_Normal td.sub_item_hk._close:hover div.sub_item_hk._close {
        color: #ff414a !important; }
      div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div > table.dhtmlxMebu_SubLevelArea_Tbl tbody tr.sub_item td.sub_item_hk div.complex_arrow, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div > table.dhtmlxMebu_SubLevelArea_Tbl tbody tr.sub_item_selected td.sub_item_hk div.complex_arrow, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div > table.dhtmlxMebu_SubLevelArea_Tbl tbody tr.dhtmlxMenu_dhx_skyblue_SubLevelArea_Item_Normal td.sub_item_hk div.complex_arrow {
        background-image: none;
        height: auto;
        width: auto;
        margin: 0;
        font-size: 11px; }
        div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div > table.dhtmlxMebu_SubLevelArea_Tbl tbody tr.sub_item td.sub_item_hk div.complex_arrow:after, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div > table.dhtmlxMebu_SubLevelArea_Tbl tbody tr.sub_item_selected td.sub_item_hk div.complex_arrow:after, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div > table.dhtmlxMebu_SubLevelArea_Tbl tbody tr.dhtmlxMenu_dhx_skyblue_SubLevelArea_Item_Normal td.sub_item_hk div.complex_arrow:after {
          font-family: FontAwesome;
          content: '\f0da'; }
  div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div > table.dhtmlxMebu_SubLevelArea_Tbl tbody tr.sub_item_selected {
    background: #eeeeee; }
  div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div > table.dhtmlxMebu_SubLevelArea_Tbl tbody tr.separator td {
    border-top: none;
    border-bottom: 1px solid #c3c3c3; }
  div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowUp, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowUp_Disabled, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowUp_Over {
    margin-bottom: 0;
    background-image: none;
    border-bottom: 1px solid #c3c3c3; }
    div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowUp:after, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowUp_Disabled:after, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowUp_Over:after {
      content: "\f106";
      font-family: FontAwesome;
      position: absolute;
      margin: auto;
      top: 0;
      bottom: 0;
      left: calc(50% - 5.5px);
      font-size: 1.5rem; }
  div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowDown, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowDown_Disabled, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowDown_Over {
    margin-top: 0;
    background-image: none;
    border-top: 1px solid #c3c3c3; }
    div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowDown:after, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowDown_Disabled:after, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowDown_Over:after {
      content: "\f107";
      font-family: FontAwesome;
      position: absolute;
      margin: auto;
      top: 0;
      bottom: 0;
      left: calc(50% - 5.5px);
      font-size: 1.5rem; }
  div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowUp:after, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowUp_Over:after, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowDown:after, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowDown_Over:after {
    color: black; }
  div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowUp_Disabled:after, div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon.nav_menu_list div.dhtmlxMenu_dhx_skyblue_SubLevelArea_ArrowDown_Disabled:after {
    color: rgba(0, 0, 0, 0.2); }

.helpanchor {
  background-color: #ffc20e !important; }
  .helpanchor.clickable:hover {
    cursor: pointer; }
  .helpanchor:not(.clickable):hover {
    cursor: default !important; }
  .helpanchor:after {
    content: '?';
    font-weight: bold;
    color: black; }
  .helpanchor.ha-input {
    border: 1px black solid;
    width: 11px;
    display: inline-block;
    float: right;
    height: 11px;
    border-radius: 5px;
    margin: 2px;
    text-align: center;
    font-size: 9px; }
    .helpanchor.ha-input:after {
      position: relative;
      top: -1px; }
  .helpanchor + label {
    width: calc(100px - 15px); }
  .helpanchor + span.input {
    width: calc(100% - 15px);
    float: left; }
  .helpanchor.grid-btn:after {
    top: 0 !important;
    left: 8px !important; }
  .helpanchor.s360W360CommandButton {
    text-align: center; }
  .helpanchor.ha-tabbtn {
    border: 1px solid black;
    border-radius: 5px;
    height: 11px;
    width: 11px;
    display: inline-block;
    text-align: center;
    font-size: 9px;
    margin-left: 1px; }
    .helpanchor.ha-tabbtn:after {
      position: relative;
      top: -1px;
      left: 0px; }
  .helpanchor.ha-nav {
    width: 20px;
    height: 20px !important;
    margin: 5px 0 0 0 !important;
    border: 1px solid black;
    border-radius: 10px;
    text-align: center; }
    .helpanchor.ha-nav:after {
      position: relative;
      bottom: 5px; }

/* Article List Content Modal */
.listModalContent {
  color: #0f56fb; }
  .listModalContent > a {
    display: block;
    font-weight: bold;
    font-size: 1.2rem;
    margin: 5px 0;
    padding: 3px 4px;
    border-radius: 3px; }
    .listModalContent > a:hover {
      background-color: rgba(0, 0, 0, 0.1); }
    .listModalContent > a:after {
      float: right; }
    .listModalContent > a.icon-external-after:after {
      margin: 3px 2px 0 5px; }
    .listModalContent > a.icon-file-code-after:after {
      margin: 2px 4px 0 5px; }
    .listModalContent > a.icon-film-after:after {
      margin: 2px 2px 0 5px; }
    .listModalContent > a.icon-file-text-after:after {
      margin: 2px 3px 0 5px; }

/* HTML Content Modal */
.htmlModalContent {
  background-color: white; }
  .htmlModalContent > * {
    all: initial; }
  .htmlModalContent p {
    display: block; }
  .htmlModalContent ol {
    list-style: decimal; }
  .htmlModalContent ul {
    list-style-type: disc; }
    .htmlModalContent ul ul {
      list-style-type: circle; }
      .htmlModalContent ul ul ul {
        list-style-type: square; }
  .htmlModalContent li {
    margin: 0 0 0 25px; }

/* Video Content Modal */
.videoModalContent iframe {
  display: block;
  margin: 0 auto; }

.s360W360ScheduleDisplay {
  display: block;
  position: relative;
  height: 100%;
  background-color: #ffffff; }
  .s360W360ScheduleDisplay .available {
    background-color: blue; }
  .s360W360ScheduleDisplay .axisItemChanged .dhx_matrix_scell {
    background-color: yellow; }
  .s360W360ScheduleDisplay .childContainer {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block; }
  .s360W360ScheduleDisplay .dhx_cal_container {
    border-top: 0;
    height: 100%;
    width: 100%; }
  .s360W360ScheduleDisplay .dhx_cal_data {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    .s360W360ScheduleDisplay .dhx_cal_data table .dhx_matrix_cell {
      background-color: aliceblue; }
    .s360W360ScheduleDisplay .dhx_cal_data table.folder .dhx_matrix_cell {
      background-color: #969394; }
  .s360W360ScheduleDisplay .dhx_cal_event {
    background-color: #1796b0;
    color: #ffffff; }
    .s360W360ScheduleDisplay .dhx_cal_event .dhx_footer {
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.65);
      box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.65);
      background-color: rgba(0, 0, 0, 0.65);
      padding: 1px 0; }
    .s360W360ScheduleDisplay .dhx_cal_event .dhx_title {
      cursor: move; }
    .s360W360ScheduleDisplay .dhx_cal_event .eventButton {
      position: absolute;
      bottom: 0;
      z-index: 2; }
    .s360W360ScheduleDisplay .dhx_cal_event .eventResetButton {
      right: 0; }
    .s360W360ScheduleDisplay .dhx_cal_event .eventSaveButton {
      right: 25px; }
    .s360W360ScheduleDisplay .dhx_cal_event .timebillButton {
      bottom: auto; }
  .s360W360ScheduleDisplay .dhx_cal_event.editableTitle:before
, .s360W360ScheduleDisplay .dhx_cal_event_line.editableTitle:before {
    content: "\f040";
    font-family: FontAwesome;
    color: black;
    padding: 2px 3px;
    background-color: lightgray;
    border-radius: 0.5em;
    margin-right: 2px; }
  .s360W360ScheduleDisplay .dhx_cal_event.highlighted
, .s360W360ScheduleDisplay .dhx_cal_event_line.highlighted {
    opacity: 0.7; }
  .s360W360ScheduleDisplay .dhx_cal_event.inProgress
, .s360W360ScheduleDisplay .dhx_cal_event_line.inProgress {
    -webkit-animation-duration: 0.25s;
    animation-duration: 0.25s;
    -webkit-animation-name: scheduleItemInProgress;
    animation-name: scheduleItemInProgress;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; }
    .s360W360ScheduleDisplay .dhx_cal_event.inProgress
.eventButton, .s360W360ScheduleDisplay .dhx_cal_event_line.inProgress .eventButton {
      display: none; }
  .s360W360ScheduleDisplay .dhx_cal_event.selected
, .s360W360ScheduleDisplay .dhx_cal_event_line.selected {
    border: 2px dotted; }
  .s360W360ScheduleDisplay .dhx_cal_event_line {
    opacity: 1;
    -webkit-transition: all 0.15s linear 0s;
    transition: all 0.15s linear 0s; }
    .s360W360ScheduleDisplay .dhx_cal_event_line .dhx_event_resize {
      font-family: FontAwesome;
      background: none transparent;
      text-align: center;
      cursor: ew-resize;
      width: auto; }
    .s360W360ScheduleDisplay .dhx_cal_event_line .dhx_event_resize:before {
      content: "\f142";
      font-size: 1.2em;
      line-height: 1.2; }
    .s360W360ScheduleDisplay .dhx_cal_event_line.extendBefore .extentionElement.beforeExtentionElement {
      float: left;
      margin-right: 3px; }
      .s360W360ScheduleDisplay .dhx_cal_event_line.extendBefore .extentionElement.beforeExtentionElement:before {
        content: "\f0d9"; }
    .s360W360ScheduleDisplay .dhx_cal_event_line.extendPast .extentionElement.afterExtentionElement {
      float: right;
      margin-right: 10px; }
      .s360W360ScheduleDisplay .dhx_cal_event_line.extendPast .extentionElement.afterExtentionElement:before {
        content: "\f0da"; }
    .s360W360ScheduleDisplay .dhx_cal_event_line .extentionElement {
      font-family: FontAwesome;
      background: none transparent;
      text-align: center;
      width: auto; }
    .s360W360ScheduleDisplay .dhx_cal_event_line.focus {
      cursor: move; }
    .s360W360ScheduleDisplay .dhx_cal_event_line .timebillButton {
      position: relative; }
  .s360W360ScheduleDisplay .dhx_cal_header {
    z-index: auto;
    border-top: 0; }
  .s360W360ScheduleDisplay .dhx_map {
    top: 0; }
  .s360W360ScheduleDisplay .dhx_cal_navline {
    z-index: auto;
    display: none; }
    .s360W360ScheduleDisplay .dhx_cal_navline .childContainer div {
      position: static; }
    .s360W360ScheduleDisplay .dhx_cal_navline .dhx_cal_date {
      z-index: auto; }
  .s360W360ScheduleDisplay .dhx_cal_select_menu {
    display: none; }
  .s360W360ScheduleDisplay .dhx_scale_bar .dhx_cal_next_button {
    background-color: rgba(186, 242, 216, 0.35);
    height: 100%; }
  .s360W360ScheduleDisplay .dhx_scale_bar .dhx_cal_prev_button {
    background-color: rgba(186, 242, 216, 0.35);
    height: 100%; }
  .s360W360ScheduleDisplay .dhx_scale_hour {
    padding-right: 3px;
    text-align: right; }
  .s360W360ScheduleDisplay .eventButton {
    font-family: FontAwesome;
    margin-right: 1em;
    cursor: pointer; }
  .s360W360ScheduleDisplay .eventResetButton:before {
    content: "\f0e2"; }
  .s360W360ScheduleDisplay .eventSaveButton:before {
    content: "\f0c7"; }
  .s360W360ScheduleDisplay .hasWeekendItem .weekendItem {
    border: 1px solid lightcoral; }
  .s360W360ScheduleDisplay .hasWeekendItem .weekendItemIndicator {
    background-color: lightcoral; }
  .s360W360ScheduleDisplay.inProgress .pleaseWait {
    max-height: 100%; }
  .s360W360ScheduleDisplayinvertHighlight .dhx_cal_event
, .s360W360ScheduleDisplayinvertHighlight .dhx_cal_event_line {
    opacity: 0.2; }
    .s360W360ScheduleDisplayinvertHighlight .dhx_cal_event.highlighted
, .s360W360ScheduleDisplayinvertHighlight .dhx_cal_event_line.highlighted {
      opacity: 1; }
  .s360W360ScheduleDisplay:not(.readOnly) .dhx_multi_day_icon
, .s360W360ScheduleDisplay:not(.readOnly) .dhx_multi_day_icon_small
, .s360W360ScheduleDisplay:not(.readOnly) .dhx_cal_container
, .s360W360ScheduleDisplay:not(.readOnly) .dhx_cal_container .dhx_scale_hour {
    background-color: #BAF2D8; }
  .s360W360ScheduleDisplay:not(.readOnly) .dhx_cal_container a {
    pointer-events: none;
    cursor: default; }
  .s360W360ScheduleDisplay .notEditable {
    cursor: default; }
    .s360W360ScheduleDisplay .notEditable .dhx_event_resize {
      display: none; }
  .s360W360ScheduleDisplay .pleaseWait {
    display: block;
    width: 100%;
    border: 0 none;
    padding: 0;
    position: absolute;
    top: 0;
    height: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: All 0.25s linear 0s;
    transition: All 0.25s linear 0s;
    background-color: rgba(123, 123, 123, 0.3);
    text-align: center; }
    .s360W360ScheduleDisplay .pleaseWait .pleaseWaitContent {
      display: inline-block;
      padding: 0.5em;
      border-radius: 0.5em;
      background-color: rgba(0, 0, 0, 0.3);
      color: #ffffff;
      font-size: 1.4em;
      line-height: 1em;
      position: relative;
      top: 49%; }
  .s360W360ScheduleDisplay .problem {
    -webkit-box-shadow: inset 0 0 2em;
    box-shadow: inset 0 0 2em; }
  .s360W360ScheduleDisplay.readOnly .dhx_scale_bar .dhx_cal_next_button {
    background-color: rgba(255, 255, 255, 0.35); }
  .s360W360ScheduleDisplay.readOnly .dhx_scale_bar .dhx_cal_prev_button {
    background-color: rgba(255, 255, 255, 0.35); }
  .s360W360ScheduleDisplay td > div {
    display: block; }
  .s360W360ScheduleDisplay .timebillButton:after {
    content: "\f04b";
    font-size: 0.8em;
    top: 4px;
    left: 8px;
    line-height: 1em;
    position: absolute;
    color: green;
    text-shadow: 1px 1px 2px #ffffff; }
  .s360W360ScheduleDisplay .timebillButton:before {
    content: "\f017"; }
  .s360W360ScheduleDisplay .timebillButton.timebillStop:after {
    content: "\f04d";
    color: darkred; }

.dhtmlXTooltip.tooltip {
  text-align: left;
  width: 300px; }

.ui-datepicker .ui-datepicker-calendar .hasEvent .ui-state-default {
  background: none lightgreen; }

@-webkit-keyframes scheduleItemInProgress {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  75% {
    -webkit-transform: scale(0.97);
    transform: scale(0.97); } }

@keyframes scheduleItemInProgress {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  75% {
    -webkit-transform: scale(0.97);
    transform: scale(0.97); } }

html {
  height: 100%; }
  html.progress {
    display: block; }

body {
  min-height: 100vh;
  background-color: #eeeeee;
  margin: 0;
  min-width: 250px; }

html, body {
  line-height: normal; }

#mainContent {
  margin: 0 auto; }
  @media only screen and (max-width: 750px) {
    #mainContent {
      padding: 5px 0; } }
  @media only screen and (min-width: 750px) {
    #mainContent {
      padding: 0 5px; } }

#footer {
  color: #666666;
  position: fixed;
  width: 100%;
  z-index: 1; }
  #footer p {
    font-size: 1rem;
    padding: .25rem .5rem;
    margin: 0; }
    #footer p .version {
      font-size: 0.75rem;
      text-align: right; }
  #footer:after {
    content: ' ';
    display: table;
    clear: both; }

.row {
  clear: both; }

.newline2,
.newline {
  display: block; }

.right {
  float: right; }

.left {
  float: left; }

.center {
  text-align: center; }
  .center input[type=button] {
    margin: 0 .2rem; }

.middle {
  margin-left: auto;
  margin-right: auto; }

hr {
  border: none;
  background-color: #afafaf;
  clear: both;
  height: 1px; }
  hr.thick {
    height: 2px; }
  hr.separator {
    margin: 0;
    -webkit-margin-before: 6px;
    margin-block-start: 6px; }

.hint {
  color: #666666;
  font-style: italic;
  text-align: center;
  margin: 1rem; }
  .hint .closer {
    color: #6690bf;
    font-size: 10px;
    font-style: normal;
    margin-left: 1rem; }
  .hint span:before {
    font-style: normal;
    color: #6690bf;
    font-size: 1.1rem;
    padding-right: 2px; }

.invisible {
  display: none; }

.fieldset {
  clear: both;
  padding: 2rem 1rem 1rem;
  margin: 0 auto 1em;
  border: 1px solid #dddddd;
  position: relative; }
  .fieldset .legend {
    left: 1em;
    position: absolute;
    top: -.5rem; }

legend,
.legend {
  background-color: #dddddd;
  border-radius: 3px;
  font-weight: bold;
  padding: 0.25rem 0.5rem; }

*[data-role='new'] > input {
  display: none; }

form p, .form p {
  clear: both; }
  form p.submit, .form p.submit {
    text-align: center; }

.btns {
  margin: .2rem; }

div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon {
  z-index: 1000000000 !important; }

.required-field-indicator {
  display: none !important; }

.mobile-hide, .tablet-hide {
  min-height: 20px; }

@media only screen and (max-width: 576px) {
  .mobile-hide {
    display: none; } }

@media only screen and (max-width: 768px) {
  .tablet-hide {
    display: none; } }

p.mobile-switch {
  background-color: #333333;
  font-size: 1rem;
  height: 30px;
  line-height: 2rem;
  margin-bottom: 0;
  text-align: center;
  width: 100%;
  position: fixed;
  bottom: 0; }
  p.mobile-switch span {
    color: #dddddd; }
  p.mobile-switch a {
    border-radius: 3px;
    color: #dddddd;
    display: inline-block;
    padding: 0 0 0 1rem; }
    p.mobile-switch a:not(.selected) {
      text-decoration: none;
      opacity: .25; }
    p.mobile-switch a.selected {
      text-decoration: none; }

.navbar {
  -webkit-box-align: unset;
  -ms-flex-align: unset;
  align-items: unset;
  padding: 0;
  margin-bottom: 0;
  min-height: 30px;
  position: fixed;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; }
  @media only screen and (min-width: 900px) {
    .navbar {
      max-height: none;
      overflow: visible; } }
  .navbar.navbar-fixed-top {
    border-color: #dddddd;
    border-width: 0 0 1px;
    left: 0;
    right: 0;
    top: 0;
    display: block; }
    .navbar.navbar-fixed-top.expanded {
      background-image: none;
      position: absolute; }
      .navbar.navbar-fixed-top.expanded .container-fluid {
        padding-left: 0;
        padding-right: 0; }
        .navbar.navbar-fixed-top.expanded .container-fluid .navbar-header {
          padding-right: 10px;
          padding-left: 10px;
          background-image: url(../../../images/nav-bar.png);
          background-position-y: center;
          background-repeat: no-repeat; }
    .navbar.navbar-fixed-top .nav.navbar-nav .dropdown a.dropdown-toggle:after {
      display: none; }
  .navbar .container-fluid {
    margin: 0 auto;
    padding-right: 10px;
    padding-left: 10px;
    display: block; }
    .navbar .container-fluid .navbar-header {
      float: left; }
      .navbar .container-fluid .navbar-header .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px; }
        .navbar .container-fluid .navbar-header .navbar-toggle .icon-bar + .icon-bar {
          margin-top: 4px; }
      .navbar .container-fluid .navbar-header .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 4px; }
      .navbar .container-fluid .navbar-header.hamburger {
        width: 100%;
        float: left; }
        .navbar .container-fluid .navbar-header.hamburger .navbar-toggle {
          display: block;
          float: right; }
        .navbar .container-fluid .navbar-header.hamburger + div.navbar-collapse {
          width: auto;
          border-top: 0;
          -webkit-box-shadow: none;
          box-shadow: none;
          padding: 15px; }
          .navbar .container-fluid .navbar-header.hamburger + div.navbar-collapse.collapse {
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important; }
            .navbar .container-fluid .navbar-header.hamburger + div.navbar-collapse.collapse.in {
              overflow-y: visible; }
          .navbar .container-fluid .navbar-header.hamburger + div.navbar-collapse .nav.navbar-nav {
            width: 100%; }
            .navbar .container-fluid .navbar-header.hamburger + div.navbar-collapse .nav.navbar-nav .open:hover {
              background-color: transparent; }
            .navbar .container-fluid .navbar-header.hamburger + div.navbar-collapse .nav.navbar-nav .open .dropdown-menu {
              position: static;
              float: none;
              width: auto;
              margin-top: 0;
              background-color: transparent;
              border: 0;
              -webkit-box-shadow: none;
              box-shadow: none; }
            .navbar .container-fluid .navbar-header.hamburger + div.navbar-collapse .nav.navbar-nav li {
              width: 100%; }
              .navbar .container-fluid .navbar-header.hamburger + div.navbar-collapse .nav.navbar-nav li a {
                font-size: 14px; }
            .navbar .container-fluid .navbar-header.hamburger + div.navbar-collapse .nav.navbar-nav.navbar-right .dropdown-menu {
              right: 0;
              left: auto; }
            .navbar .container-fluid .navbar-header.hamburger + div.navbar-collapse .nav.navbar-nav.navbar-right:last-child {
              margin-right: -15px; }
      .navbar .container-fluid .navbar-header .navbar-toggle {
        height: auto;
        margin: 1px 0;
        padding: 6px 9px;
        border-color: #afafaf;
        display: none; }
        .navbar .container-fluid .navbar-header .navbar-toggle .icon-bar {
          background-color: #222222; }
      .navbar .container-fluid .navbar-header .navbar-brand {
        background: url("../../../images/brand_logo.png?v=1") 0 50% no-repeat;
        width: 125px;
        height: 30px;
        text-decoration: none;
        color: #777;
        display: block; }
    .navbar .container-fluid .navbar-collapse {
      /** MOBIILE NAV IF 'IN' CLASS IS ON NAVBAR-COLLAPSE**/
      /** Full Nav**/ }
      .navbar .container-fluid .navbar-collapse.hidden {
        display: none; }
      .navbar .container-fluid .navbar-collapse.in {
        display: block;
        max-height: none; }
        .navbar .container-fluid .navbar-collapse.in .navbar-right {
          float: none; }
        .navbar .container-fluid .navbar-collapse.in ul.navbar-nav li.dropdown a {
          padding: 5px 10px; }
        .navbar .container-fluid .navbar-collapse.in ul.navbar-nav li.dropdown .dropdown-menu {
          display: none; }
        .navbar .container-fluid .navbar-collapse.in ul.navbar-nav li.dropdown.open .dropdown-menu {
          display: block; }
          .navbar .container-fluid .navbar-collapse.in ul.navbar-nav li.dropdown.open .dropdown-menu li a {
            padding-left: 40px; }
          .navbar .container-fluid .navbar-collapse.in ul.navbar-nav li.dropdown.open .dropdown-menu li.dropdown-header a > i {
            -webkit-transition: -webkit-transform .5s ease;
            transition: -webkit-transform .5s ease;
            transition: transform .5s ease;
            transition: transform .5s ease, -webkit-transform .5s ease; }
            .navbar .container-fluid .navbar-collapse.in ul.navbar-nav li.dropdown.open .dropdown-menu li.dropdown-header a > i.rotate {
              -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
          .navbar .container-fluid .navbar-collapse.in ul.navbar-nav li.dropdown.open .dropdown-menu li.dropdown-header .sub-menu {
            padding: 0;
            max-height: 0;
            -webkit-transition: all .5s ease;
            transition: all .5s ease;
            overflow: hidden; }
            .navbar .container-fluid .navbar-collapse.in ul.navbar-nav li.dropdown.open .dropdown-menu li.dropdown-header .sub-menu.expand {
              padding-left: 10px;
              max-height: 5000px; }
      .navbar .container-fluid .navbar-collapse.collapsing {
        height: 0;
        overflow: hidden;
        position: relative;
        -webkit-transition: height .35s ease;
        transition: height .35s ease; }
      .navbar .container-fluid .navbar-collapse .navbar-nav {
        margin: 0;
        display: block; }
        .navbar .container-fluid .navbar-collapse .navbar-nav:not(.navbar-right) {
          position: relative;
          float: left; }
          .navbar .container-fluid .navbar-collapse .navbar-nav:not(.navbar-right) > li {
            float: left; }
            .navbar .container-fluid .navbar-collapse .navbar-nav:not(.navbar-right) > li:not(.open):hover ul.dropdown-menu {
              padding: 0 20px 20px 20px;
              background: transparent; }
              .navbar .container-fluid .navbar-collapse .navbar-nav:not(.navbar-right) > li:not(.open):hover ul.dropdown-menu:not(.sub-menu) {
                left: -20px;
                -webkit-box-sizing: content-box;
                box-sizing: content-box; }
        .navbar .container-fluid .navbar-collapse .navbar-nav.navbar-right > li {
          float: left; }
          .navbar .container-fluid .navbar-collapse .navbar-nav.navbar-right > li .dropdown-menu {
            right: 0;
            left: auto; }
        .navbar .container-fluid .navbar-collapse .navbar-nav > li {
          font-size: 1.2rem;
          display: block; }
          .navbar .container-fluid .navbar-collapse .navbar-nav > li:not(.open):hover ul.dropdown-menu {
            padding: 0 0 20px 20px;
            background: transparent;
            left: auto;
            -webkit-box-sizing: content-box;
            box-sizing: content-box; }
            .navbar .container-fluid .navbar-collapse .navbar-nav > li:not(.open):hover ul.dropdown-menu li {
              background: white;
              border-left: solid 1px #dddddd;
              border-right: solid 1px #dddddd; }
              .navbar .container-fluid .navbar-collapse .navbar-nav > li:not(.open):hover ul.dropdown-menu li a {
                padding-right: 20px; }
                .navbar .container-fluid .navbar-collapse .navbar-nav > li:not(.open):hover ul.dropdown-menu li a i {
                  right: .5rem; }
              .navbar .container-fluid .navbar-collapse .navbar-nav > li:not(.open):hover ul.dropdown-menu li:first-child {
                border-top: solid 1px #dddddd; }
              .navbar .container-fluid .navbar-collapse .navbar-nav > li:not(.open):hover ul.dropdown-menu li:last-child {
                border-bottom: solid 1px #dddddd; }
            .navbar .container-fluid .navbar-collapse .navbar-nav > li:not(.open):hover ul.dropdown-menu ul.sub-menu {
              padding: 20px 40px 20px 0;
              top: -21px; }
          .navbar .container-fluid .navbar-collapse .navbar-nav > li a {
            padding: 5px 10px;
            text-decoration: none;
            line-height: 20px; }
            .navbar .container-fluid .navbar-collapse .navbar-nav > li a i {
              position: absolute;
              right: 1rem;
              font-style: normal; }
            .navbar .container-fluid .navbar-collapse .navbar-nav > li a:hover {
              cursor: pointer; }
          .navbar .container-fluid .navbar-collapse .navbar-nav > li ul.dropdown-menu {
            -webkit-box-shadow: none;
            box-shadow: none;
            overflow: visible;
            border: none; }
            .navbar .container-fluid .navbar-collapse .navbar-nav > li ul.dropdown-menu hr {
              margin: 0; }
            .navbar .container-fluid .navbar-collapse .navbar-nav > li ul.dropdown-menu li:not(.divider):not(.dropdown-header):hover {
              cursor: pointer; }
            .navbar .container-fluid .navbar-collapse .navbar-nav > li ul.dropdown-menu li.bookmark {
              position: relative; }
            .navbar .container-fluid .navbar-collapse .navbar-nav > li ul.dropdown-menu li.divider {
              background-color: #afafaf;
              height: 1px;
              margin: 9px 0;
              overflow: hidden; }
            .navbar .container-fluid .navbar-collapse .navbar-nav > li ul.dropdown-menu li.dropdown-header {
              padding-bottom: 0;
              padding-top: 0; }
              .navbar .container-fluid .navbar-collapse .navbar-nav > li ul.dropdown-menu li.dropdown-header .sub-menu {
                left: -9999px;
                border-top-left-radius: 0;
                border-bottom-left-radius: 0; }
              .navbar .container-fluid .navbar-collapse .navbar-nav > li ul.dropdown-menu li.dropdown-header:hover > .sub-menu {
                left: 99%; }
            .navbar .container-fluid .navbar-collapse .navbar-nav > li ul.dropdown-menu li a {
              color: #444444;
              font-size: 1.1rem;
              padding: .2rem 1rem .2rem 1rem; }
              .navbar .container-fluid .navbar-collapse .navbar-nav > li ul.dropdown-menu li a > i.icon-x-after {
                float: right;
                color: #666666; }
                .navbar .container-fluid .navbar-collapse .navbar-nav > li ul.dropdown-menu li a > i.icon-x-after:hover {
                  color: #ff414a; }
    .navbar .container-fluid .navbar-right {
      float: right; }

.navbar {
  /* Sub Menu styling */ }
  .navbar.navbar-inverse, .navbar.navbar-default {
    background-color: white;
    background-image: url(../../../images/nav-bar.png?v=1);
    border-bottom: 1px solid #6f6f6f;
    background-repeat: no-repeat; }
    .navbar.navbar-inverse .navbar-nav li.dropdown:hover, .navbar.navbar-default .navbar-nav li.dropdown:hover {
      background-color: rgba(0, 0, 0, 0.2);
      border-radius: 0; }
    .navbar.navbar-inverse .navbar-nav li.dropdown a, .navbar.navbar-default .navbar-nav li.dropdown a {
      color: black;
      display: block; }
    .navbar.navbar-inverse .navbar-nav li.open > a, .navbar.navbar-default .navbar-nav li.open > a {
      background-color: #afafaf;
      color: #333333; }
    .navbar.navbar-inverse .navbar-nav li.open ul.dropdown-menu, .navbar.navbar-default .navbar-nav li.open ul.dropdown-menu {
      background-color: #eeeeee; }
      .navbar.navbar-inverse .navbar-nav li.open ul.dropdown-menu > li > a, .navbar.navbar-default .navbar-nav li.open ul.dropdown-menu > li > a {
        color: #333333; }
        .navbar.navbar-inverse .navbar-nav li.open ul.dropdown-menu > li > a:hover, .navbar.navbar-default .navbar-nav li.open ul.dropdown-menu > li > a:hover {
          background-color: #dddddd;
          color: black; }
  .navbar .dropdown-header {
    position: relative; }
    .navbar .dropdown-header.has-sub-menu {
      padding: 0; }

.tabs {
  background-color: #eeeeee;
  border: 1px solid #afafaf;
  border-bottom: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  clear: both;
  padding: 4px 4px 0;
  visibility: hidden; }
  .tabs [data-tab-btn] {
    border-radius: 3px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    background: none;
    border-bottom-color: #dddddd;
    cursor: pointer;
    color: #666666;
    display: inline-block;
    margin: 0 0 4px;
    padding: 3px 6px;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color; }
    .tabs [data-tab-btn].current {
      background: #7d7d7d;
      border-color: #dddddd;
      border-bottom-color: white;
      color: white;
      font-weight: bold; }
    .tabs [data-tab-btn].hasErrors {
      border-bottom: 2px solid #ffd2d2; }
    .tabs [data-tab-btn].disabled {
      color: #dddddd;
      cursor: not-allowed;
      display: none; }
    .tabs [data-tab-btn]:hover {
      color: #222222;
      background-color: #dddddd; }

.tab-container {
  min-height: 1rem;
  border: 1px solid #afafaf;
  background: whitesmoke; }
  .tab-container .fieldset {
    border: none; }
  .tab-container > p:last-child {
    margin-bottom: 1.5em; }
  .tab-container .tab-content {
    padding: 10px; }
    .tab-container .tab-content:not(.current) {
      display: none; }
    .tab-container .tab-content.loading {
      opacity: 0.2; }

/******************************	View Port Class ******************************
		If prod .view-port-bg is used. If test .view-port-bg-test is used.
		The background colour default is color(black, full-transparent) = rgba(0,0,0,0) (no color)
		Image style backgrounds (prod-gb.png) should use: 
		background: url('image-path') no-repeat center center fixed; background-size: cover;
		NOTE: The above are just suggestions and some backgrounds may require additional tweaking
******************************************************************************/
.view-port-bg {
  background-color: rgba(0, 0, 0, 0);
  background: url("../images/bgs/Q360Tidal_1920x1200.jpg") no-repeat center center fixed;
  background-size: 100% 100%; }

.view-port-bg-test {
  background-color: #d2e9fe;
  background-size: cover; }

/*
* This file is used to overwrite existing bootstrap styling
*/
pre {
  color: inherit; }

.modal {
  overflow: visible;
  display: block;
  position: static; }

div[class*="col-"] {
  float: left; }

.collapse:not(.show) {
  display: block; }

.navbar-nav .dropdown-menu {
  position: absolute; }

.navbar-brand {
  margin-right: 0; }

.row {
  margin: 0; }

label {
  margin-bottom: 0; }

.container {
  max-width: none; }

.col-xs-1
, .col-xs-2
, .col-xs-3
, .col-xs-4
, .col-xs-5
, .col-xs-6
, .col-xs-7
, .col-xs-8
, .col-xs-9
, .col-xs-10
, .col-xs-11
, .col-xs-12
, .col-sm-1
, .col-sm-2
, .col-sm-3
, .col-sm-4
, .col-sm-5
, .col-sm-6
, .col-sm-7
, .col-sm-8
, .col-sm-9
, .col-sm-10
, .col-sm-11
, .col-sm-12
, .col-md-1
, .col-md-2
, .col-md-3
, .col-md-4
, .col-md-5
, .col-md-6
, .col-md-7
, .col-md-8
, .col-md-9
, .col-md-10
, .col-md-11
, .col-md-12
, .col-lg-1
, .col-lg-2
, .col-lg-3
, .col-lg-4
, .col-lg-5
, .col-lg-6
, .col-lg-7
, .col-lg-8
, .col-lg-9
, .col-lg-10
, .col-lg-11
, .col-lg-12
, .col-xl-1
, .col-xl-2
, .col-xl-3
, .col-xl-4
, .col-xl-5
, .col-xl-6
, .col-xl-7
, .col-xl-8
, .col-xl-9
, .col-xl-10
, .col-xl-11
, .col-xl-12
, .col-1
, .col-2
, .col-3
, .col-4
, .col-5
, .col-6
, .col-7
, .col-8
, .col-9
, .col-10
, .col-11
, .col-12 {
  padding: 0; }

/*
* This file is used to setup the flex classes
*/
.flex-row {
  display: -webkit-flix;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-column-count: 12;
  -moz-column-gap: 0;
  -webkit-column-count: 12;
  -webkit-column-gap: 0;
  column-count: 12;
  column-gap: 0; }
  .flex-row .input-item {
    width: 100%; }

.flex-column-initial {
  -webkit-box-flex: initial;
  -ms-flex: initial;
  flex: initial; }

.flex-column-none
, .flex-column-0 {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; }

.flex-column-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.flex-column-2 {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2; }

.flex-column-3 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3; }

.flex-column-4 {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4; }

.flex-column-5 {
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5; }

.flex-column-6 {
  -webkit-box-flex: 6;
  -ms-flex: 6;
  flex: 6; }

.flex-column-7 {
  -webkit-box-flex: 7;
  -ms-flex: 7;
  flex: 7; }

.flex-column-8 {
  -webkit-box-flex: 8;
  -ms-flex: 8;
  flex: 8; }

.flex-column-9 {
  -webkit-box-flex: 9;
  -ms-flex: 9;
  flex: 9; }

.flex-column-10 {
  -webkit-box-flex: 10;
  -ms-flex: 10;
  flex: 10; }

.flex-column-11 {
  -webkit-box-flex: 11;
  -ms-flex: 11;
  flex: 11; }

.flex-column-12 {
  -webkit-box-flex: 12;
  -ms-flex: 12;
  flex: 12; }

form[name="sign-in"] {
  margin-top: 25px; }

form[name="quote"] {
  /** margins section has a customized layout **/
  /* tools section */ }
  form[name="quote"] .input-item .input .input-text[name="projecttitle"],
  form[name="quote"] .input-item .input .input-text[name="opportitle"],
  form[name="quote"] .input-item .input .input-text[name="rolecompany1"],
  form[name="quote"] .input-item .input .input-text[name="rolecompany2"],
  form[name="quote"] .input-item .input .input-text[name="rolecompany3"] {
    margin-top: 0 !important; }
  form[name="quote"] .input-item .input #account + .newline {
    display: inline-block;
    width: calc(100% - 40px); }
    form[name="quote"] .input-item .input #account + .newline + .actions.right {
      margin-top: .5rem; }
  form[name="quote"] .input-item .input [name="projectno"] + .newline,
  form[name="quote"] .input-item .input [data-bind="projectno"] + .newline,
  form[name="quote"] .input-item .input [name="opporno"] + .newline,
  form[name="quote"] .input-item .input [data-bind="opporno"] + .newline,
  form[name="quote"] .input-item .input [name="roleno1"] + .newline,
  form[name="quote"] .input-item .input [data-bind="roleno1"] + .newline,
  form[name="quote"] .input-item .input [name="roleno2"] + .newline,
  form[name="quote"] .input-item .input [data-bind="roleno2"] + .newline,
  form[name="quote"] .input-item .input [name="roleno3"] + .newline,
  form[name="quote"] .input-item .input [data-bind="roleno3"] + .newline {
    display: inline-block;
    width: calc(100% - 40px); }
  form[name="quote"] .margin-details .input-item.narrow.inline {
    display: inline-block;
    min-width: 100px;
    width: 25%; }
    form[name="quote"] .margin-details .input-item.narrow.inline:not(:last-child) {
      padding-right: .25rem; }
    form[name="quote"] .margin-details .input-item.narrow.inline .input-text {
      display: block;
      line-height: 16px;
      overflow: hidden;
      padding: 1px 4px;
      text-align: left;
      white-space: nowrap; }
      form[name="quote"] .margin-details .input-item.narrow.inline .input-text.currency-neg {
        color: #ff131f; }
      form[name="quote"] .margin-details .input-item.narrow.inline .input-text.currency-pos {
        color: #139b13; }
  form[name="quote"] .margin-details h3 {
    margin-bottom: .5rem; }
  form[name="quote"] .margin-actions [class^=col-] {
    min-width: 0; }
    form[name="quote"] .margin-actions [class^=col-]:first-child .input-item {
      padding-left: 0; }
  form[name="quote"] .margin-info p.hint {
    line-height: 1.5rem; }
  form[name="quote"] .toggle-tools {
    background-color: #DDD;
    color: #BBB; }
  form[name="quote"] .toggle-tools a {
    display: block;
    padding: 0 5px;
    -webkit-transition: color 150ms;
    transition: color 150ms; }
  form[name="quote"] .toggle-tools,
  form[name="quote"] .toggle-tools a:hover {
    color: #555; }
  form[name="quote"] .tools {
    max-height: 0;
    overflow: hidden; }
  form[name="quote"] .tools.animated {
    max-height: none;
    overflow: auto; }
  form[name="quote"] .toggle-tools.showing + .tools {
    max-height: 500px; }
  form[name="quote"] .tools h2 {
    background: #FBFBFB;
    border: 1px solid #E2E2E2;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  form[name="quote"] .tools h2 .fa {
    background-color: #D1D1D1;
    color: #1D83C0;
    margin-right: 8px;
    padding: 4px; }
  form[name="quote"] .tools .tool-panel {
    margin-top: 10px;
    padding: 0 1%; }
  form[name="quote"] .tool-panel .actions {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 0; }
  form[name="quote"] .tool-panel .actions a {
    color: #000; }
  form[name="quote"] .tool-panel .actions a:last-child {
    margin-right: 0; }
  form[name="quote"] .tool-panel .actions a::before {
    -webkit-transition: all 150ms;
    transition: all 150ms; }
  form[name="quote"] a.toggle-subgroups::before {
    content: '\f077';
    color: #C01D2B; }
  form[name="quote"] a.toggle-subgroups.collapsed::before {
    content: '\f077';
    color: #80b524;
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    form[name="quote"] .view-mode-btns, form[name="quote"] .tools {
      display: none; } }
  form[name="quote"] .view-mode-btns, form[name="quote"] .grid-view-btns {
    position: absolute;
    left: 0;
    top: 0.5em;
    text-align: center;
    width: 100%;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms; }
  form[name="quote"] .view-mode-btns .btn-group.wrapper, form[name="quote"] .grid-view-btns .btn-group.wrapper {
    display: inline-block;
    width: 25%; }
  form[name="quote"] .view-mode-btns .btn, form[name="quote"] .grid-view-btns .btn {
    background-color: #fff;
    line-height: 1;
    -webkit-transition: background-color 100ms, color 150ms;
    transition: background-color 100ms, color 150ms; }
  form[name="quote"] .view-mode-btns .btn.active, form[name="quote"] .view-mode-btns .btn:active, form[name="quote"] .grid-view-btns .btn.active, form[name="quote"] .grid-view-btns .btn:active {
    background-color: #4482C7;
    color: #e0e0e0; }
  form[name="quote"] .view-mode-btns .btn:active,
  form[name="quote"] .view-mode-btns .btn.active,
  form[name="quote"] .grid-view-btns .btn:active,
  form[name="quote"] .grid-view-btns .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  form[name="quote"] .grid.animated,
  form[name="quote"] .tools.animated,
  form[name="quote"] .profit.animated,
  form[name="quote"] .rollup.animated {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s; }
  form[name="quote"] .view-mode-btns[view-mode=grid] ~ .tools,
  form[name="quote"] .view-mode-btns[view-mode=group] ~ .grid {
    max-height: 0;
    overflow: hidden; }
  form[name="quote"] .view-mode-btns[view-mode=grid] ~ .tools {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    display: none; }
  form[name="quote"] .view-mode-btns[view-mode=group] ~ .tools {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn; }
  form[name="quote"] .view-mode-btns[view-mode=group] ~ .grid {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut; }
  form[name="quote"] .view-mode-btns[view-mode=grid] ~ .grid {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn; }

/*
	Styling for fatalerror.php
 */
#mainContent.fatalError h3 {
  padding: 55px 0 0;
  color: #ff414a;
  font-size: 2rem; }

#mainContent.fatalError p {
  font-size: 1.5rem;
  margin: 1rem; }

.s360W360Scheduler {
  display: flow-root;
  position: relative;
  /* enabling marked timespans for month view	-- it looked kinda ugly. */ }
  .s360W360Scheduler .available {
    background-color: rgba(68, 253, 114, 0.6); }
  .s360W360Scheduler .oncall {
    background-color: rgba(0, 0, 255, 0.5); }
  .s360W360Scheduler .dhx_cal_event .dhx_body, .s360W360Scheduler .dhx_cal_event .dhx_footer, .s360W360Scheduler .dhx_cal_event .dhx_header, .s360W360Scheduler .dhx_cal_event .dhx_title {
    background-color: rgba(0, 0, 0, 0);
    color: inherit; }
  .s360W360Scheduler .dhx_cal_event_line, .s360W360Scheduler .dhx_cal_event, .s360W360Scheduler .dhx_cal_event_clear {
    border: 1px solid rgba(111, 111, 111, 0.5); }
    .s360W360Scheduler .dhx_cal_event_line.transparent, .s360W360Scheduler .dhx_cal_event.transparent, .s360W360Scheduler .dhx_cal_event_clear.transparent {
      background-color: rgba(0, 0, 0, 0);
      color: black;
      border: 2px solid; }
    .s360W360Scheduler .dhx_cal_event_line.yellow, .s360W360Scheduler .dhx_cal_event.yellow, .s360W360Scheduler .dhx_cal_event_clear.yellow {
      background-color: Yellow;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.mdyellow, .s360W360Scheduler .dhx_cal_event.mdyellow, .s360W360Scheduler .dhx_cal_event_clear.mdyellow {
      background-color: #f0ee80;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.ltyellow, .s360W360Scheduler .dhx_cal_event.ltyellow, .s360W360Scheduler .dhx_cal_event_clear.ltyellow {
      background-color: #fffcba;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.red, .s360W360Scheduler .dhx_cal_event.red, .s360W360Scheduler .dhx_cal_event_clear.red {
      background-color: Red;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.mdred, .s360W360Scheduler .dhx_cal_event.mdred, .s360W360Scheduler .dhx_cal_event_clear.mdred {
      background-color: Salmon;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.ltred, .s360W360Scheduler .dhx_cal_event.ltred, .s360W360Scheduler .dhx_cal_event_clear.ltred {
      background-color: #ffaaa9;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.maroon, .s360W360Scheduler .dhx_cal_event.maroon, .s360W360Scheduler .dhx_cal_event_clear.maroon {
      background-color: Maroon;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.mdmaroon, .s360W360Scheduler .dhx_cal_event.mdmaroon, .s360W360Scheduler .dhx_cal_event_clear.mdmaroon {
      background-color: Firebrick;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.ltmaroon, .s360W360Scheduler .dhx_cal_event.ltmaroon, .s360W360Scheduler .dhx_cal_event_clear.ltmaroon {
      background-color: IndianRed;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.brown, .s360W360Scheduler .dhx_cal_event.brown, .s360W360Scheduler .dhx_cal_event_clear.brown {
      background-color: SaddleBrown;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.mdbrown, .s360W360Scheduler .dhx_cal_event.mdbrown, .s360W360Scheduler .dhx_cal_event_clear.mdbrown {
      background-color: Chocolate;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.ltbrown, .s360W360Scheduler .dhx_cal_event.ltbrown, .s360W360Scheduler .dhx_cal_event_clear.ltbrown {
      background-color: Burlywood;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.green, .s360W360Scheduler .dhx_cal_event.green, .s360W360Scheduler .dhx_cal_event_clear.green {
      background-color: Green;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.mdgreen, .s360W360Scheduler .dhx_cal_event.mdgreen, .s360W360Scheduler .dhx_cal_event_clear.mdgreen {
      background-color: LimeGreen;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.ltgreen, .s360W360Scheduler .dhx_cal_event.ltgreen, .s360W360Scheduler .dhx_cal_event_clear.ltgreen {
      background-color: LightGreen;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.blue, .s360W360Scheduler .dhx_cal_event.blue, .s360W360Scheduler .dhx_cal_event_clear.blue {
      background-color: Blue;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.mdblue, .s360W360Scheduler .dhx_cal_event.mdblue, .s360W360Scheduler .dhx_cal_event_clear.mdblue {
      background-color: DodgerBlue;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.ltblue, .s360W360Scheduler .dhx_cal_event.ltblue, .s360W360Scheduler .dhx_cal_event_clear.ltblue {
      background-color: LightSkyBlue;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.pink, .s360W360Scheduler .dhx_cal_event.pink, .s360W360Scheduler .dhx_cal_event_clear.pink {
      background-color: MediumVioletRed;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.mdpink, .s360W360Scheduler .dhx_cal_event.mdpink, .s360W360Scheduler .dhx_cal_event_clear.mdpink {
      background-color: HotPink;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.ltpink, .s360W360Scheduler .dhx_cal_event.ltpink, .s360W360Scheduler .dhx_cal_event_clear.ltpink {
      background-color: LightPink;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.purple, .s360W360Scheduler .dhx_cal_event.purple, .s360W360Scheduler .dhx_cal_event_clear.purple {
      background-color: Purple;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.mdpurple, .s360W360Scheduler .dhx_cal_event.mdpurple, .s360W360Scheduler .dhx_cal_event_clear.mdpurple {
      background-color: MediumOrchid;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.ltpurple, .s360W360Scheduler .dhx_cal_event.ltpurple, .s360W360Scheduler .dhx_cal_event_clear.ltpurple {
      background-color: Plum;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.orange, .s360W360Scheduler .dhx_cal_event.orange, .s360W360Scheduler .dhx_cal_event_clear.orange {
      background-color: DarkOrange;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.mdorange, .s360W360Scheduler .dhx_cal_event.mdorange, .s360W360Scheduler .dhx_cal_event_clear.mdorange {
      background-color: #ffc036;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.ltorange, .s360W360Scheduler .dhx_cal_event.ltorange, .s360W360Scheduler .dhx_cal_event_clear.ltorange {
      background-color: #ffc982;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.gray, .s360W360Scheduler .dhx_cal_event.gray, .s360W360Scheduler .dhx_cal_event_clear.gray {
      background-color: DarkSlateGray;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.mdgray, .s360W360Scheduler .dhx_cal_event.mdgray, .s360W360Scheduler .dhx_cal_event_clear.mdgray {
      background-color: LightSlateGray;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.ltgray, .s360W360Scheduler .dhx_cal_event.ltgray, .s360W360Scheduler .dhx_cal_event_clear.ltgray {
      background-color: Silver;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.cyan, .s360W360Scheduler .dhx_cal_event.cyan, .s360W360Scheduler .dhx_cal_event_clear.cyan {
      background-color: DarkTurquoise;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.mdcyan, .s360W360Scheduler .dhx_cal_event.mdcyan, .s360W360Scheduler .dhx_cal_event_clear.mdcyan {
      background-color: Cyan;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.ltcyan, .s360W360Scheduler .dhx_cal_event.ltcyan, .s360W360Scheduler .dhx_cal_event_clear.ltcyan {
      background-color: PaleTurquoise;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.olive, .s360W360Scheduler .dhx_cal_event.olive, .s360W360Scheduler .dhx_cal_event_clear.olive {
      background-color: DarkOliveGreen;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.mdolive, .s360W360Scheduler .dhx_cal_event.mdolive, .s360W360Scheduler .dhx_cal_event_clear.mdolive {
      background-color: OliveDrab;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.ltolive, .s360W360Scheduler .dhx_cal_event.ltolive, .s360W360Scheduler .dhx_cal_event_clear.ltolive {
      background-color: YellowGreen;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.seagreen, .s360W360Scheduler .dhx_cal_event.seagreen, .s360W360Scheduler .dhx_cal_event_clear.seagreen {
      background-color: SeaGreen;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.mdseagreen, .s360W360Scheduler .dhx_cal_event.mdseagreen, .s360W360Scheduler .dhx_cal_event_clear.mdseagreen {
      background-color: MediumSeaGreen;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.ltseagreen, .s360W360Scheduler .dhx_cal_event.ltseagreen, .s360W360Scheduler .dhx_cal_event_clear.ltseagreen {
      background-color: MediumSpringGreen;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.indigo, .s360W360Scheduler .dhx_cal_event.indigo, .s360W360Scheduler .dhx_cal_event_clear.indigo {
      background-color: Indigo;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.mdindigo, .s360W360Scheduler .dhx_cal_event.mdindigo, .s360W360Scheduler .dhx_cal_event_clear.mdindigo {
      background-color: SlateBlue;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.ltindigo, .s360W360Scheduler .dhx_cal_event.ltindigo, .s360W360Scheduler .dhx_cal_event_clear.ltindigo {
      background-color: MediumPurple;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.black, .s360W360Scheduler .dhx_cal_event.black, .s360W360Scheduler .dhx_cal_event_clear.black {
      background-color: #333333;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.white, .s360W360Scheduler .dhx_cal_event.white, .s360W360Scheduler .dhx_cal_event_clear.white {
      background-color: white;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.gold, .s360W360Scheduler .dhx_cal_event.gold, .s360W360Scheduler .dhx_cal_event_clear.gold {
      background-color: #ffd213;
      color: #222222; }
    .s360W360Scheduler .dhx_cal_event_line.bartype0, .s360W360Scheduler .dhx_cal_event.bartype0, .s360W360Scheduler .dhx_cal_event_clear.bartype0 {
      border: 1px solid transparent;
      background-color: #1796b0;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.bartype1, .s360W360Scheduler .dhx_cal_event.bartype1, .s360W360Scheduler .dhx_cal_event_clear.bartype1 {
      background-color: blue;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.bartype2, .s360W360Scheduler .dhx_cal_event.bartype2, .s360W360Scheduler .dhx_cal_event_clear.bartype2 {
      background-color: #ffffc4;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype3, .s360W360Scheduler .dhx_cal_event.bartype3, .s360W360Scheduler .dhx_cal_event_clear.bartype3 {
      background-color: red;
      /*color: color('black', dark);*/ }
      .s360W360Scheduler .dhx_cal_event_line.bartype3 .helperElement.beforeElement, .s360W360Scheduler .dhx_cal_event.bartype3 .helperElement.beforeElement, .s360W360Scheduler .dhx_cal_event_clear.bartype3 .helperElement.beforeElement {
        display: block;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        position: absolute;
        top: 5px;
        border-right: 5px solid transparent;
        left: 0px;
        border-top: 5px solid blue; }
      .s360W360Scheduler .dhx_cal_event_line.bartype3 .helperElement.afterElement, .s360W360Scheduler .dhx_cal_event.bartype3 .helperElement.afterElement, .s360W360Scheduler .dhx_cal_event_clear.bartype3 .helperElement.afterElement {
        display: block;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        position: absolute;
        top: 5px;
        border-right: 5px solid transparent;
        right: 0px;
        border-top: 5px solid blue; }
    .s360W360Scheduler .dhx_cal_event_line.bartype4, .s360W360Scheduler .dhx_cal_event.bartype4, .s360W360Scheduler .dhx_cal_event_clear.bartype4 {
      background-color: #ffff80; }
    .s360W360Scheduler .dhx_cal_event_line.bartype5, .s360W360Scheduler .dhx_cal_event.bartype5, .s360W360Scheduler .dhx_cal_event_clear.bartype5 {
      background-color: red; }
      .s360W360Scheduler .dhx_cal_event_line.bartype5 .helperElement.afterElement, .s360W360Scheduler .dhx_cal_event.bartype5 .helperElement.afterElement, .s360W360Scheduler .dhx_cal_event_clear.bartype5 .helperElement.afterElement {
        display: block;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 3px;
        right: 3px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: blue; }
    .s360W360Scheduler .dhx_cal_event_line.bartype6, .s360W360Scheduler .dhx_cal_event.bartype6, .s360W360Scheduler .dhx_cal_event_clear.bartype6 {
      background-color: yellow;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype7, .s360W360Scheduler .dhx_cal_event.bartype7, .s360W360Scheduler .dhx_cal_event_clear.bartype7 {
      background-color: lime;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype8, .s360W360Scheduler .dhx_cal_event.bartype8, .s360W360Scheduler .dhx_cal_event_clear.bartype8 {
      background-color: red;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.bartype9, .s360W360Scheduler .dhx_cal_event.bartype9, .s360W360Scheduler .dhx_cal_event_clear.bartype9 {
      background-color: gray;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.bartype10, .s360W360Scheduler .dhx_cal_event.bartype10, .s360W360Scheduler .dhx_cal_event_clear.bartype10 {
      background-color: red; }
      .s360W360Scheduler .dhx_cal_event_line.bartype10 .helperElement.afterElement, .s360W360Scheduler .dhx_cal_event.bartype10 .helperElement.afterElement, .s360W360Scheduler .dhx_cal_event_clear.bartype10 .helperElement.afterElement {
        display: block;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 3px;
        right: 3px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: blue; }
    .s360W360Scheduler .dhx_cal_event_line.bartype11, .s360W360Scheduler .dhx_cal_event.bartype11, .s360W360Scheduler .dhx_cal_event_clear.bartype11 {
      background-color: red;
      /*color: color('black', dark);*/ }
      .s360W360Scheduler .dhx_cal_event_line.bartype11 .helperElement.beforeElement, .s360W360Scheduler .dhx_cal_event.bartype11 .helperElement.beforeElement, .s360W360Scheduler .dhx_cal_event_clear.bartype11 .helperElement.beforeElement {
        display: block;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        position: absolute;
        top: 5px;
        border-right: 5px solid transparent;
        left: 0px;
        border-top: 5px solid blue; }
      .s360W360Scheduler .dhx_cal_event_line.bartype11 .helperElement.afterElement, .s360W360Scheduler .dhx_cal_event.bartype11 .helperElement.afterElement, .s360W360Scheduler .dhx_cal_event_clear.bartype11 .helperElement.afterElement {
        display: block;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        position: absolute;
        top: 5px;
        border-right: 5px solid transparent;
        right: 0px;
        border-top: 5px solid blue; }
    .s360W360Scheduler .dhx_cal_event_line.bartype12, .s360W360Scheduler .dhx_cal_event.bartype12, .s360W360Scheduler .dhx_cal_event_clear.bartype12 {
      background-color: aliceblue;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype13, .s360W360Scheduler .dhx_cal_event.bartype13, .s360W360Scheduler .dhx_cal_event_clear.bartype13 {
      background-color: aquamarine;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype14, .s360W360Scheduler .dhx_cal_event.bartype14, .s360W360Scheduler .dhx_cal_event_clear.bartype14 {
      background-color: beige;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype15, .s360W360Scheduler .dhx_cal_event.bartype15, .s360W360Scheduler .dhx_cal_event_clear.bartype15 {
      background-color: black;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.bartype16, .s360W360Scheduler .dhx_cal_event.bartype16, .s360W360Scheduler .dhx_cal_event_clear.bartype16 {
      background-color: blue;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.bartype17, .s360W360Scheduler .dhx_cal_event.bartype17, .s360W360Scheduler .dhx_cal_event_clear.bartype17 {
      background-color: burlywood;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype18, .s360W360Scheduler .dhx_cal_event.bartype18, .s360W360Scheduler .dhx_cal_event_clear.bartype18 {
      background-color: coral;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.bartype19, .s360W360Scheduler .dhx_cal_event.bartype19, .s360W360Scheduler .dhx_cal_event_clear.bartype19 {
      background-color: cyan;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype20, .s360W360Scheduler .dhx_cal_event.bartype20, .s360W360Scheduler .dhx_cal_event_clear.bartype20 {
      background-color: deeppink;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.bartype21, .s360W360Scheduler .dhx_cal_event.bartype21, .s360W360Scheduler .dhx_cal_event_clear.bartype21 {
      background-color: gold;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype22, .s360W360Scheduler .dhx_cal_event.bartype22, .s360W360Scheduler .dhx_cal_event_clear.bartype22 {
      background-color: gray;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.bartype23, .s360W360Scheduler .dhx_cal_event.bartype23, .s360W360Scheduler .dhx_cal_event_clear.bartype23 {
      background-color: hotpink;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.bartype24, .s360W360Scheduler .dhx_cal_event.bartype24, .s360W360Scheduler .dhx_cal_event_clear.bartype24 {
      background-color: lavenderblush;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype25, .s360W360Scheduler .dhx_cal_event.bartype25, .s360W360Scheduler .dhx_cal_event_clear.bartype25 {
      background-color: lawngreen;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype26, .s360W360Scheduler .dhx_cal_event.bartype26, .s360W360Scheduler .dhx_cal_event_clear.bartype26 {
      background-color: lightgreen;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype27, .s360W360Scheduler .dhx_cal_event.bartype27, .s360W360Scheduler .dhx_cal_event_clear.bartype27 {
      background-color: lightpink;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype28, .s360W360Scheduler .dhx_cal_event.bartype28, .s360W360Scheduler .dhx_cal_event_clear.bartype28 {
      background-color: lightsteelblue;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.bartype29, .s360W360Scheduler .dhx_cal_event.bartype29, .s360W360Scheduler .dhx_cal_event_clear.bartype29 {
      background-color: lime;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype30, .s360W360Scheduler .dhx_cal_event.bartype30, .s360W360Scheduler .dhx_cal_event_clear.bartype30 {
      background-color: magenta;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.bartype31, .s360W360Scheduler .dhx_cal_event.bartype31, .s360W360Scheduler .dhx_cal_event_clear.bartype31 {
      background-color: mistyrose;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype32, .s360W360Scheduler .dhx_cal_event.bartype32, .s360W360Scheduler .dhx_cal_event_clear.bartype32 {
      background-color: orange;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype33, .s360W360Scheduler .dhx_cal_event.bartype33, .s360W360Scheduler .dhx_cal_event_clear.bartype33 {
      background-color: pink;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype34, .s360W360Scheduler .dhx_cal_event.bartype34, .s360W360Scheduler .dhx_cal_event_clear.bartype34 {
      background-color: plum;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype35, .s360W360Scheduler .dhx_cal_event.bartype35, .s360W360Scheduler .dhx_cal_event_clear.bartype35 {
      background-color: red;
      color: white; }
    .s360W360Scheduler .dhx_cal_event_line.bartype36, .s360W360Scheduler .dhx_cal_event.bartype36, .s360W360Scheduler .dhx_cal_event_clear.bartype36 {
      background-color: silver;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype37, .s360W360Scheduler .dhx_cal_event.bartype37, .s360W360Scheduler .dhx_cal_event_clear.bartype37 {
      background-color: skyblue;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype38, .s360W360Scheduler .dhx_cal_event.bartype38, .s360W360Scheduler .dhx_cal_event_clear.bartype38 {
      background-color: thistle;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype39, .s360W360Scheduler .dhx_cal_event.bartype39, .s360W360Scheduler .dhx_cal_event_clear.bartype39 {
      background-color: violet;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype40, .s360W360Scheduler .dhx_cal_event.bartype40, .s360W360Scheduler .dhx_cal_event_clear.bartype40 {
      background-color: white;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line.bartype41, .s360W360Scheduler .dhx_cal_event.bartype41, .s360W360Scheduler .dhx_cal_event_clear.bartype41 {
      background-color: yellow;
      color: black; }
    .s360W360Scheduler .dhx_cal_event_line .helperElement, .s360W360Scheduler .dhx_cal_event .helperElement, .s360W360Scheduler .dhx_cal_event_clear .helperElement {
      display: none; }
    .s360W360Scheduler .dhx_cal_event_line.selected, .s360W360Scheduler .dhx_cal_event.selected, .s360W360Scheduler .dhx_cal_event_clear.selected {
      border: 2px dashed; }
    .s360W360Scheduler .dhx_cal_event_line.faded, .s360W360Scheduler .dhx_cal_event.faded, .s360W360Scheduler .dhx_cal_event_clear.faded {
      opacity: 0.5; }
    .s360W360Scheduler .dhx_cal_event_line.editflag, .s360W360Scheduler .dhx_cal_event.editflag, .s360W360Scheduler .dhx_cal_event_clear.editflag {
      border: 3px solid #25e619; }
    .s360W360Scheduler .dhx_cal_event_line.warningflag, .s360W360Scheduler .dhx_cal_event.warningflag, .s360W360Scheduler .dhx_cal_event_clear.warningflag {
      border: 2px solid yellow; }
    .s360W360Scheduler .dhx_cal_event_line.errorflag, .s360W360Scheduler .dhx_cal_event.errorflag, .s360W360Scheduler .dhx_cal_event_clear.errorflag {
      border: 2px solid red; }
  .s360W360Scheduler .dhx_cal_header, .s360W360Scheduler .dhx_cal_navline {
    z-index: 1; }
  .s360W360Scheduler .active_link {
    color: #0a6ebd !important; }
  .s360W360Scheduler .dhx_scale_bar a, .s360W360Scheduler .dhx_month_head a {
    color: #0a6ebd !important; }
  .s360W360Scheduler .button-row {
    width: 100%;
    background-color: #afafaf;
    display: block;
    height: 28px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding-right: 5px;
    padding-left: 5px; }
    .s360W360Scheduler .button-row .s360Q360Button, .s360W360Scheduler .button-row .s360W360Legend {
      float: right;
      margin: 2px 0; }
      .s360W360Scheduler .button-row .s360Q360Button button, .s360W360Scheduler .button-row .s360W360Legend button {
        background-color: #dddddd;
        border-color: #666666;
        font-weight: normal;
        margin: 0;
        font-size: 1.3rem; }
        .s360W360Scheduler .button-row .s360Q360Button button.hilite, .s360W360Scheduler .button-row .s360W360Legend button.hilite {
          background-color: #ffd213; }
        .s360W360Scheduler .button-row .s360Q360Button button:before, .s360W360Scheduler .button-row .s360W360Legend button:before {
          position: relative;
          left: 1px; }
    .s360W360Scheduler .button-row .s360W360ButtonGroup, .s360W360Scheduler .button-row .s360W360ButtonDropdown {
      float: right;
      padding-right: 3px; }
    .s360W360Scheduler .button-row .s360W360ButtonSwitch {
      float: left; }
    .s360W360Scheduler .button-row .s360W360Legend {
      font-family: inherit; }
      .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem {
        border: none !important; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.transparent {
          background-color: rgba(0, 0, 0, 0);
          color: black;
          border: 2px solid; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.yellow {
          background-color: Yellow;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.mdyellow {
          background-color: #f0ee80;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.ltyellow {
          background-color: #fffcba;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.red {
          background-color: Red;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.mdred {
          background-color: Salmon;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.ltred {
          background-color: #ffaaa9;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.maroon {
          background-color: Maroon;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.mdmaroon {
          background-color: Firebrick;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.ltmaroon {
          background-color: IndianRed;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.brown {
          background-color: SaddleBrown;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.mdbrown {
          background-color: Chocolate;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.ltbrown {
          background-color: Burlywood;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.green {
          background-color: Green;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.mdgreen {
          background-color: LimeGreen;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.ltgreen {
          background-color: LightGreen;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.blue {
          background-color: Blue;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.mdblue {
          background-color: DodgerBlue;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.ltblue {
          background-color: LightSkyBlue;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.pink {
          background-color: MediumVioletRed;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.mdpink {
          background-color: HotPink;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.ltpink {
          background-color: LightPink;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.purple {
          background-color: Purple;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.mdpurple {
          background-color: MediumOrchid;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.ltpurple {
          background-color: Plum;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.orange {
          background-color: DarkOrange;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.mdorange {
          background-color: #ffc036;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.ltorange {
          background-color: #ffc982;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.gray {
          background-color: DarkSlateGray;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.mdgray {
          background-color: LightSlateGray;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.ltgray {
          background-color: Silver;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.cyan {
          background-color: DarkTurquoise;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.mdcyan {
          background-color: Cyan;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.ltcyan {
          background-color: PaleTurquoise;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.olive {
          background-color: DarkOliveGreen;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.mdolive {
          background-color: OliveDrab;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.ltolive {
          background-color: YellowGreen;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.seagreen {
          background-color: SeaGreen;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.mdseagreen {
          background-color: MediumSeaGreen;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.ltseagreen {
          background-color: MediumSpringGreen;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.indigo {
          background-color: Indigo;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.mdindigo {
          background-color: SlateBlue;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.ltindigo {
          background-color: MediumPurple;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.black {
          background-color: #333333;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.white {
          background-color: white;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.gold {
          background-color: #ffd213;
          color: #222222; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype0 {
          border: 1px solid transparent;
          background-color: #1796b0;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype1 {
          background-color: blue;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype2 {
          background-color: #ffffc4;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype3 {
          background-color: red;
          /*color: color('black', dark);*/ }
          .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype3 .helperElement.beforeElement {
            display: block;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            position: absolute;
            top: 5px;
            border-right: 5px solid transparent;
            left: 0px;
            border-top: 5px solid blue; }
          .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype3 .helperElement.afterElement {
            display: block;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            position: absolute;
            top: 5px;
            border-right: 5px solid transparent;
            right: 0px;
            border-top: 5px solid blue; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype4 {
          background-color: #ffff80; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype5 {
          background-color: red; }
          .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype5 .helperElement.afterElement {
            display: block;
            width: 10px;
            height: 10px;
            position: absolute;
            top: 3px;
            right: 3px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            background-color: blue; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype6 {
          background-color: yellow;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype7 {
          background-color: lime;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype8 {
          background-color: red;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype9 {
          background-color: gray;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype10 {
          background-color: red; }
          .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype10 .helperElement.afterElement {
            display: block;
            width: 10px;
            height: 10px;
            position: absolute;
            top: 3px;
            right: 3px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            background-color: blue; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype11 {
          background-color: red;
          /*color: color('black', dark);*/ }
          .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype11 .helperElement.beforeElement {
            display: block;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            position: absolute;
            top: 5px;
            border-right: 5px solid transparent;
            left: 0px;
            border-top: 5px solid blue; }
          .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype11 .helperElement.afterElement {
            display: block;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            position: absolute;
            top: 5px;
            border-right: 5px solid transparent;
            right: 0px;
            border-top: 5px solid blue; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype12 {
          background-color: aliceblue;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype13 {
          background-color: aquamarine;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype14 {
          background-color: beige;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype15 {
          background-color: black;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype16 {
          background-color: blue;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype17 {
          background-color: burlywood;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype18 {
          background-color: coral;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype19 {
          background-color: cyan;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype20 {
          background-color: deeppink;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype21 {
          background-color: gold;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype22 {
          background-color: gray;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype23 {
          background-color: hotpink;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype24 {
          background-color: lavenderblush;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype25 {
          background-color: lawngreen;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype26 {
          background-color: lightgreen;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype27 {
          background-color: lightpink;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype28 {
          background-color: lightsteelblue;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype29 {
          background-color: lime;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype30 {
          background-color: magenta;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype31 {
          background-color: mistyrose;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype32 {
          background-color: orange;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype33 {
          background-color: pink;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype34 {
          background-color: plum;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype35 {
          background-color: red;
          color: white; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype36 {
          background-color: silver;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype37 {
          background-color: skyblue;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype38 {
          background-color: thistle;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype39 {
          background-color: violet;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype40 {
          background-color: white;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem.bartype41 {
          background-color: yellow;
          color: black; }
        .s360W360Scheduler .button-row .s360W360Legend .s360W360LegendItem .helperElement {
          display: none; }
    .s360W360Scheduler .button-row .rc-autorefresh-root {
      display: inline-block;
      vertical-align: top;
      float: right;
      padding-top: 2px;
      margin-right: 1px; }
      .s360W360Scheduler .button-row .rc-autorefresh-root.active button {
        background-color: #ffd213; }
      .s360W360Scheduler .button-row .rc-autorefresh-root button {
        font-weight: normal;
        min-width: 28px;
        font-size: 1em;
        border: 1px solid #666666; }
        .s360W360Scheduler .button-row .rc-autorefresh-root button.btnPrimary {
          border-top-left-radius: 3px;
          border-bottom-left-radius: 3px;
          margin-right: 0px; }
          .s360W360Scheduler .button-row .rc-autorefresh-root button.btnPrimary:before {
            content: none; }
        .s360W360Scheduler .button-row .rc-autorefresh-root button.btnDropdown {
          border-top-right-radius: 3px;
          border-bottom-right-radius: 3px;
          font-size: 0.8rem;
          margin-left: 0px; }
          .s360W360Scheduler .button-row .rc-autorefresh-root button.btnDropdown:before {
            content: "\f021";
            font-family: FontAwesome;
            color: #349e3f;
            font-size: 1.2rem;
            margin-left: -2px; }
          .s360W360Scheduler .button-row .rc-autorefresh-root button.btnDropdown:after {
            content: "\f0d7";
            font-family: FontAwesome;
            vertical-align: middle;
            font-size: 1rem;
            left: 15px;
            top: 5px;
            position: absolute; }
    .s360W360Scheduler .button-row .userFilter {
      width: auto;
      float: right;
      padding-top: 4px;
      padding-right: 3px; }
      .s360W360Scheduler .button-row .userFilter .labelElement {
        width: 50px; }
      .s360W360Scheduler .button-row .userFilter .s360W360InputSelect {
        margin-left: 55px; }
      .s360W360Scheduler .button-row .userFilter .input {
        width: 120px; }
    .s360W360Scheduler .button-row .consoleTitle {
      float: left;
      line-height: 2.4em;
      margin: 0px; }
  .s360W360Scheduler .dhx_cal_select_menu {
    display: none; }
    .s360W360Scheduler .dhx_cal_select_menu.yellow, .s360W360Scheduler .dhx_cal_select_menu.mdyellow, .s360W360Scheduler .dhx_cal_select_menu.ltyellow, .s360W360Scheduler .dhx_cal_select_menu.ltpink, .s360W360Scheduler .dhx_cal_select_menu.white, .s360W360Scheduler .dhx_cal_select_menu.ltorange {
      background-color: gray; }
  .s360W360Scheduler.editmode .dhx_cal_select_menu {
    display: block; }
  .s360W360Scheduler .dhx_month_head, .s360W360Scheduler .dhx_month_body {
    display: block;
    background-color: transparent; }
  .s360W360Scheduler .dhx_now .dhx_month_body {
    background-color: #fff3a1; }
  .s360W360Scheduler .dhx_now:not(.available) .dhx_month_head {
    background-color: #fff3a1; }

/*
	This file is used to modify/overwrite styling generated by dhtmlx
*/
div.gridbox table.obj td span.space, div.gridbox table.obj td img.space {
  width: 9px; }

div.treegrid_cell {
  height: 16px !important; }
  div.treegrid_cell img {
    padding-top: 0px !important;
    vertical-align: sub; }
  div.treegrid_cell #nodeval {
    padding-left: 5px; }

div.gridbox_dhx_skyblue.gridbox table.obj tr {
  background: white; }

div.gridbox_dhx_skyblue.gridbox .ftr, div.gridbox_dhx_skyblue.gridbox .xhdr {
  background: #dddddd;
  background-color: #dddddd; }

div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon tr.sub_sep td {
  padding: 0px; }

div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon tr.sub_sep td {
  line-height: 1px; }

.dhx_tooltip {
  font-family: roboto, "helvetica neue", helvetica, arial, sans-serif;
  font-size: 9pt;
  background-color: #000000;
  padding: 2px 2px 2px 2px;
  color: #f9f9f9;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0; }

.gridHoverStyle, .gridSelection, .timelineSelection {
  background-color: #fff3a1; }

.gantt_grid_scale .gantt_grid_head_cell {
  color: #a6a6a6;
  border-top: none !important;
  border-right: none !important; }

.gantt_grid_data .gantt_cell {
  border-right: none;
  color: #454545; }

.gantt_task_link .gantt_link_arrow_right {
  border-width: 6px;
  margin-top: -3px; }

.gantt_task_link .gantt_link_arrow_left {
  border-width: 6px;
  margin-left: -6px;
  margin-top: -3px; }

.gantt_task_link .gantt_link_arrow_down, .gantt_task_link .gantt_link_arrow_up {
  border-width: 6px; }

.gantt_task_line .gantt_task_progress_drag {
  bottom: -4px;
  height: 10px;
  margin-left: -8px;
  width: 16px; }

.chartHeaderBg {
  background-color: #fff; }

.gantt_task .gantt_task_scale .gantt_scale_cell {
  color: #a6a6a6;
  border-right: 1px solid #ebebeb; }

.gantt_row.gantt_project, .gantt_row.odd.gantt_project {
  background-color: #edffef; }

.gantt_task_row.gantt_project, .gantt_task_row.odd.gantt_project {
  background-color: #f5fff6; }

.gantt_task_line.gantt_project {
  background-color: #65c16f;
  border: 1px solid #3c9445; }

.gantt_task_line.gantt_project .gantt_task_progress {
  background-color: #46ad51; }

.buttonBg {
  background: #fff; }

.gantt_cal_light .gantt_btn_set {
  margin: 5px 10px; }

.gantt_btn_set.gantt_cancel_btn_set {
  background: #fff;
  color: #454545;
  border: 1px solid #cecece; }

.gantt_btn_set.gantt_save_btn_set {
  background: #3db9d3;
  text-shadow: 0 -1px 0 #248a9f;
  color: #fff; }

.gantt_btn_set.gantt_delete_btn_set {
  text-shadow: 0 -1px 0 #6f6f6f;
  background: #ec8e00;
  text-shadow: 0 -1px 0 #a60;
  color: #fff; }

.gantt_cal_light_wide {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.gantt_cal_light_wide .gantt_cal_larea {
  border-left: none !important;
  border-right: none !important; }

.gantt_popup_button.gantt_ok_button {
  background: #3db9d3;
  text-shadow: 0 -1px 0 #248a9f;
  color: #fff;
  font-weight: 700;
  border-width: 0; }

.gantt_popup_button.gantt_cancel_button {
  font-weight: 700;
  color: #454544; }

.gantt_popup_title {
  background-color: #fff; }

.gantt_popup_shadow {
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07); }

.gantt_qi_big_icon.icon_edit {
  color: #454545;
  background: #fff; }

.gantt_qi_big_icon.icon_delete {
  text-shadow: 0 -1px 0 #a60;
  background: #ec8e00;
  color: #fff;
  border-width: 0; }

.gantt_tooltip {
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  font-size: 8pt;
  color: #454545; }

.gantt_container, .gantt_tooltip {
  background-color: #fff;
  font-family: Arial; }

.gantt_container {
  font-size: 13px;
  border: 1px solid #cecece;
  position: relative;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: hidden; }

.gantt_touch_active {
  -ms-scroll-chaining: none;
  overscroll-behavior: none; }

.gantt_task_scroll {
  overflow-x: scroll; }

.gantt_grid, .gantt_task {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  display: inline-block;
  vertical-align: top; }

.gantt_grid_scale, .gantt_task_scale {
  color: #6b6b6b;
  font-size: 12px;
  border-bottom: 1px solid #cecece;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.gantt_grid_scale, .gantt_task_scale, .gantt_task_vscroll {
  background-color: #fff; }

.gantt_scale_line {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-top: 1px solid #cecece; }

.gantt_scale_line:first-child {
  border-top: none; }

.gantt_grid_head_cell {
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #cecece;
  text-align: center;
  position: relative;
  cursor: default;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  line-height: 33px;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden; }

.gantt_scale_line {
  clear: both; }

.gantt_grid_data {
  width: 100%;
  overflow: hidden;
  position: relative; }

.gantt_row {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -moz-user-select: -moz-none; }

.gantt_add, .gantt_grid_head_add {
  width: 100%;
  height: 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTQ3MjMyMENDNkI0MTFFMjk4MTI5QTg3MDhFNDVDQTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTQ3MjMyMERDNkI0MTFFMjk4MTI5QTg3MDhFNDVDQTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NDcyMzIwQUM2QjQxMUUyOTgxMjlBODcwOEU0NUNBOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDcyMzIwQkM2QjQxMUUyOTgxMjlBODcwOEU0NUNBOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PshZT8UAAABbSURBVHjaYrTdeZmBEsCER+4wEP+H4sPkGGCDg020ARR7gb4GIAcYDKMDdPnDyAbYkGG5DVW9cIQMvUdBBAuUY4vDz8iAcZinA2zgCHqAYQMseAywJcYFAAEGAM+UFGuohFczAAAAAElFTkSuQmCC);
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative;
  -moz-opacity: .3;
  opacity: .3; }

.gantt_grid_head_cell.gantt_grid_head_add {
  -moz-opacity: .6;
  opacity: .6;
  top: 0; }

.gantt_grid_head_cell.gantt_grid_head_add:hover {
  -moz-opacity: 1;
  opacity: 1; }

.gantt_grid_data .gantt_row.odd:hover, .gantt_grid_data .gantt_row:hover {
  background-color: #fff3a1; }

.gantt_grid_data .gantt_row.odd:hover .gantt_add, .gantt_grid_data .gantt_row:hover .gantt_add {
  -moz-opacity: 1;
  opacity: 1; }

.gantt_row, .gantt_task_row {
  border-bottom: 1px solid #ebebeb;
  background-color: #fff; }

.gantt_row.odd, .gantt_task_row.odd {
  background-color: #fff; }

.gantt_cell, .gantt_grid_head_cell, .gantt_row, .gantt_scale_cell, .gantt_task_cell, .gantt_task_row {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.gantt_grid_head_cell, .gantt_scale_cell {
  line-height: inherit; }

.gantt_grid_scale .gantt_grid_column_resize_wrap {
  cursor: col-resize;
  position: absolute;
  width: 13px;
  margin-left: -7px; }

.gantt_grid_column_resize_wrap .gantt_grid_column_resize {
  background-color: #cecece;
  height: 100%;
  width: 1px;
  margin: 0 auto; }

.gantt_drag_marker.gantt_grid_resize_area {
  background-color: rgba(232, 232, 232, 0.5);
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.gantt_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.gantt_row > div {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

.gantt_cell {
  vertical-align: top;
  border-right: 1px solid #ebebeb;
  padding-left: 6px;
  padding-right: 6px;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  font-size: 13px; }

.gantt_cell_tree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.gantt_grid_data .gantt_last_cell, .gantt_grid_scale .gantt_last_cell, .gantt_task .gantt_task_scale .gantt_scale_cell.gantt_last_cell, .gantt_task_bg .gantt_last_cell {
  border-right-width: 0; }

.gantt_task .gantt_task_scale .gantt_scale_cell.gantt_last_cell {
  border-right-width: 1px; }

.gantt_task_bg {
  overflow: hidden; }

.gantt_scale_cell {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  border-right: 1px solid #cecece;
  text-align: center;
  height: 100%; }

.gantt_task_cell {
  display: inline-block;
  height: 100%;
  border-right: 1px solid #ebebeb; }

.gantt_layout_cell.gantt_ver_scroll {
  width: 0;
  background-color: transparent;
  height: 1px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  right: 0;
  z-index: 1; }

.gantt_ver_scroll > div {
  width: 1px;
  height: 1px; }

.gantt_hor_scroll {
  height: 0;
  background-color: transparent;
  width: 100%;
  clear: both;
  overflow-x: scroll;
  overflow-y: hidden; }

.gantt_layout_cell .gantt_hor_scroll {
  position: absolute; }

.gantt_hor_scroll > div {
  width: 5000px;
  height: 1px; }

.gantt_tree_icon, .gantt_tree_indent {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.gantt_tree_indent {
  width: 15px;
  height: 100%; }

.gantt_tree_content, .gantt_tree_icon {
  vertical-align: top; }

.gantt_tree_icon {
  width: 28px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%; }

.gantt_tree_content {
  height: 100%;
  white-space: nowrap;
  min-width: 0; }

.gantt_tree_icon.gantt_open {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAArklEQVQ4T2NkoBJgpJI5DEPAoFOnTv0/c+YMQR+bmJgwmJmZwX2E4bVp06b9j4yMZODg4MBp2I8fPxiWL1/OkJWVNUAGcXJyMnz//h3uQrJdRLFBIAPQAchlJLsIFuCMjIwM////B5sJMoRkg2CuIdtrQcHBDOxsbHBfCQgIMHz48AHO//nrF8O6tWsJR7+7uzsDIxMTznT0/98/hp07d+I3iGopm2DewKFg8OV+AJWkfRMrTobLAAAAAElFTkSuQmCC);
  width: 18px;
  cursor: pointer; }

.gantt_tree_icon.gantt_close {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAkUlEQVQ4T2NkoBJgpJI5DEPAoFOnTv0/c+YMQR+bmJgwmJmZwX2E4bVp06b9j4yMZODg4MBp2I8fPxiWL1/OkJWVNeIN4uTkxAin79+/M5AcRtgCHGQIyQbhijaiDQoKDmZgZ2PDGf0/f/1iWLd2LeHod3d3Z2BkYsJp0P9//xh27tyJ3yCqpWyCeQOHgsGX+wEZpW4T5LCxKwAAAABJRU5ErkJggg==);
  width: 18px;
  cursor: pointer; }

.gantt_tree_icon.gantt_blank {
  width: 18px; }

.gantt_tree_icon.gantt_folder_open {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAs0lEQVQ4T62T0Q2EIBBEpQlzuaaMsQoqooqLsSljbMLLmMxmUXBR4U+Qt7Mzi2sqLVeJ00SgEMKWAnvvzYLyAyHfT5sU2fXDJSwCAXK8MI0/UTkva7IIFJsg3NSwnKdFoKtAWOQ1CN7CEqeTotE5L7QyJhmBcklZM4ZgTiAr3iOU3kD93ppO5SkMjB1EeXdBWoSkRql3YeIRe+cGvktS056JR9wsmeBUkujCfNXWCPC8GugPqn5ii/hV+FoAAAAASUVORK5CYII=); }

.gantt_tree_icon.gantt_folder_closed {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAfElEQVQ4T2NkoBJgpJI5DCgGTZ8+/T82gzMzMwlaCFcAM0RKQgyrI/0Dg/EahmIQyBB0DRvXr4W78tmLV1gtAbmYoEEgnciG4QpTogzCFyEwSyg2CBS2oCAZNQh3cA+hMAJ5AlcKxuVBlOgnNgVjMwyUrQjmamKLGaoZBAAOTFyLnFFW4wAAAABJRU5ErkJggg==); }

.gantt_tree_icon.gantt_file {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAeElEQVQ4T2NkoBJgRDZn+vTp/wmZm5mZiaIHph7DICkJMUJmMfgHBmMYhtUgbAo3rl+L4lp0NUQbBPI2umuRDaPIIFAYwAyjv0HoMQALM5JdhG4QLMxGDcKdyIdoGIE89OzFK4KZF5Rl8EY/QROQFGA1iBQD0NUCAJVjcxO0naAQAAAAAElFTkSuQmCC); }

.gantt_grid_head_cell .gantt_sort {
  position: absolute;
  right: 5px;
  top: 8px;
  width: 7px;
  height: 13px;
  background-repeat: no-repeat;
  background-position: 50%; }

.gantt_grid_head_cell .gantt_sort.gantt_asc {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR4nGNgQAKGxib/GbABkIS7b8B/DAUwCRiGK0CXwFBAb1DfP/U/LszwHwi2X7qFgUEArBtdAVwCBmAKMCSQFSDzAWXXaOHsXeqkAAAAAElFTkSuQmCC); }

.gantt_grid_head_cell .gantt_sort.gantt_desc {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR42mNgQAL1/VP/M2ADIIntF2/9x1AAlrh0C47hCmA60DFYwX88gIFGwNDY5D8uDFbg7hvwHx2jmIBTAlkB0e4BAEjlaNtBWJPnAAAAAElFTkSuQmCC); }

.gantt_inserted, .gantt_updated {
  font-weight: 700; }

.gantt_deleted {
  text-decoration: line-through; }

.gantt_invalid {
  background-color: #ffe0e0; }

.gantt_error {
  color: red; }

.gantt_status {
  right: 1px;
  padding: 5px 10px;
  background: rgba(156, 156, 156, 0.1);
  position: absolute;
  top: 1px;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  opacity: 0; }

.gantt_status.gantt_status_visible {
  opacity: 1; }

#gantt_ajax_dots span {
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  background-repeat: no-repeat;
  opacity: 0; }

#gantt_ajax_dots span.gantt_dot_visible {
  opacity: 1; }

.gantt_column_drag_marker {
  border: 1px solid #cecece;
  opacity: .8; }

.gantt_grid_head_cell_dragged {
  border: 1px solid #cecece;
  opacity: .3; }

.gantt_grid_target_marker {
  position: absolute;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: #ffa011;
  -webkit-transform: translateX(-1px);
  transform: translateX(-1px); }

.gantt_grid_target_marker:after, .gantt_grid_target_marker:before {
  display: block;
  content: "";
  position: absolute;
  left: -5px;
  width: 0;
  height: 0;
  border: 6px solid transparent; }

.gantt_grid_target_marker:before {
  border-top-color: #ffa011; }

.gantt_grid_target_marker:after {
  bottom: 0;
  border-bottom-color: #ffa011; }

.gantt_message_area {
  position: fixed;
  right: 5px;
  width: 250px;
  z-index: 1000; }

.gantt-info {
  min-width: 120px;
  padding: 4px 4px 4px 20px;
  font-family: Arial;
  z-index: 10000;
  margin: 5px;
  margin-bottom: 10px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease; }

.gantt-info.hidden {
  height: 0;
  padding: 0;
  border-width: 0;
  margin: 0;
  overflow: hidden; }

.gantt_modal_box {
  overflow: hidden;
  display: inline-block;
  min-width: 250px;
  width: 250px;
  text-align: center;
  position: fixed;
  z-index: 20000;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
  font-family: Arial;
  border-radius: 6px;
  border: 1px solid #cecece;
  background: #fff; }

.gantt_popup_title {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-width: 0; }

.gantt_button, .gantt_popup_button {
  border: 1px solid #cecece;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  margin: 0 5px;
  border-radius: 4px;
  background: #fff; }

.gantt-info, .gantt_button, .gantt_popup_button {
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  cursor: pointer; }

.gantt_popup_text {
  overflow: hidden; }

.gantt_popup_controls {
  border-radius: 6px;
  padding: 10px; }

.gantt_popup_button {
  min-width: 100px; }

div.dhx_modal_cover {
  background-color: #000;
  cursor: default;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
  opacity: .2;
  position: fixed;
  z-index: 19999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  zoom: 1; }

.gantt-info img, .gantt_modal_box img {
  float: left;
  margin-right: 20px; }

.gantt-alert-error, .gantt-confirm-error {
  border: 1px solid red; }

.gantt_button input, .gantt_popup_button div {
  border-radius: 4px;
  font-size: 14px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0;
  margin: 0;
  vertical-align: top; }

.gantt_popup_title {
  border-bottom: 1px solid #cecece;
  height: 40px;
  line-height: 40px;
  font-size: 20px; }

.gantt_popup_text {
  margin: 15px 15px 5px;
  font-size: 14px;
  color: #000;
  min-height: 30px;
  border-radius: 6px; }

.gantt-error, .gantt-info {
  font-size: 14px;
  color: #000;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
  padding: 0;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #fff; }

.gantt-info div {
  padding: 5px 10px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #cecece; }

.gantt-error {
  background-color: #d81b1b;
  border: 1px solid #ff3c3c; }

.gantt-error div {
  background-color: #d81b1b;
  border: 1px solid #940000;
  color: #fff; }

.gantt-warning {
  background-color: #ff9000;
  border: 1px solid #ffa633; }

.gantt-warning div {
  background-color: #ff9000;
  border: 1px solid #b36500;
  color: #fff; }

.gantt_data_area div, .gantt_grid div {
  -ms-touch-action: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.gantt_data_area {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.gantt_links_area {
  position: absolute;
  left: 0;
  top: 0; }

.gantt_side_content, .gantt_task_content, .gantt_task_progress {
  line-height: inherit;
  overflow: hidden;
  height: 100%; }

.gantt_task_content {
  font-size: 12px;
  color: #fff;
  width: 100%;
  top: 0;
  cursor: pointer;
  position: absolute;
  white-space: nowrap;
  text-align: center; }

.gantt_task_progress {
  text-align: center;
  z-index: 0;
  background: #299cb4; }

.gantt_task_progress_wrapper {
  border-radius: inherit;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.gantt_task_line {
  border-radius: 2px;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #3db9d3;
  border: 1px solid #2898b0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -moz-user-select: -moz-none; }

.gantt_task_line.gantt_drag_move div {
  cursor: move; }

.gantt_touch_move, .gantt_touch_progress .gantt_touch_resize {
  -webkit-transform: scale(1.02, 1.1);
  transform: scale(1.02, 1.1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%; }

.gantt_touch_progress .gantt_task_progress_drag, .gantt_touch_resize .gantt_task_drag {
  -webkit-transform: scaleY(1.3);
  transform: scaleY(1.3);
  -webkit-transform-origin: 50%;
  transform-origin: 50%; }

.gantt_side_content {
  position: absolute;
  white-space: nowrap;
  color: #6e6e6e;
  top: 0;
  font-size: 11px; }

.gantt_side_content.gantt_left {
  right: 100%;
  padding-right: 20px; }

.gantt_side_content.gantt_right {
  left: 100%;
  padding-left: 20px; }

.gantt_side_content.gantt_link_crossing {
  bottom: 8.75px;
  top: auto; }

.gantt_link_arrow, .gantt_task_link .gantt_line_wrapper {
  position: absolute;
  cursor: pointer; }

.gantt_line_wrapper div {
  background-color: #ffa011; }

.gantt_task_link:hover .gantt_line_wrapper div {
  -webkit-box-shadow: 0 0 5px 0 #ffa011;
  box-shadow: 0 0 5px 0 #ffa011; }

.gantt_task_link div.gantt_link_arrow {
  background-color: transparent;
  border-style: solid;
  width: 0;
  height: 0; }

.gantt_link_control {
  position: absolute;
  width: 20px;
  top: 0; }

.gantt_link_control div {
  display: none;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  top: 50%;
  margin-top: -7.5px;
  vertical-align: middle;
  border: 1px solid #929292;
  border-radius: 6.5px;
  height: 13px;
  width: 13px;
  background-color: #f0f0f0; }

.gantt_link_control.task_right div.gantt_link_point {
  margin-left: 7px; }

.gantt_link_control div:hover {
  background-color: #fff; }

.gantt_link_control.task_left {
  left: -20px; }

.gantt_link_control.task_right {
  right: -20px; }

.gantt_link_target .gantt_link_control div, .gantt_task_line.gantt_drag_move .gantt_link_control div, .gantt_task_line.gantt_drag_move .gantt_task_drag, .gantt_task_line.gantt_drag_move .gantt_task_progress_drag, .gantt_task_line.gantt_drag_progress .gantt_link_control div, .gantt_task_line.gantt_drag_progress .gantt_task_drag, .gantt_task_line.gantt_drag_progress .gantt_task_progress_drag, .gantt_task_line.gantt_drag_resize .gantt_link_control div, .gantt_task_line.gantt_drag_resize .gantt_task_drag, .gantt_task_line.gantt_drag_resize .gantt_task_progress_drag, .gantt_task_line.gantt_selected .gantt_link_control div, .gantt_task_line.gantt_selected .gantt_task_drag, .gantt_task_line.gantt_selected .gantt_task_progress_drag, .gantt_task_line:hover .gantt_link_control div, .gantt_task_line:hover .gantt_task_drag, .gantt_task_line:hover .gantt_task_progress_drag {
  display: block; }

.gantt_link_source, .gantt_link_target {
  -webkit-box-shadow: 0 0 3px #3db9d3;
  box-shadow: 0 0 3px #3db9d3; }

.gantt_link_target.link_finish_allow, .gantt_link_target.link_start_allow {
  -webkit-box-shadow: 0 0 3px #ffbf5e;
  box-shadow: 0 0 3px #ffbf5e; }

.gantt_link_target.link_finish_deny, .gantt_link_target.link_start_deny {
  -webkit-box-shadow: 0 0 3px #e87e7b;
  box-shadow: 0 0 3px #e87e7b; }

.link_finish_allow .gantt_link_control.task_end_date div, .link_start_allow .gantt_link_control.task_start_date div {
  background-color: #ffbf5e;
  border-color: #ffa011; }

.link_finish_deny .gantt_link_control.task_end_date div, .link_start_deny .gantt_link_control.task_start_date div {
  background-color: #e87e7b;
  border-color: #dd3e3a; }

.gantt_link_arrow_right {
  border-width: 4px 0 4px 6px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: #ffa011;
  margin-top: -1px; }

.gantt_link_arrow_left {
  border-width: 4px 6px 4px 0;
  margin-top: -1px;
  border-top-color: transparent !important;
  border-right-color: #ffa011;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important; }

.gantt_link_arrow_up {
  border-width: 0 4px 6px;
  border-color: transparent transparent #ffa011;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: #ffa011;
  border-left-color: transparent !important; }

.gantt_link_arrow_down {
  border-width: 4px 6px 0 4px;
  border-top-color: #ffa011;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important; }

.gantt_task_drag, .gantt_task_progress_drag {
  cursor: ew-resize;
  display: none;
  position: absolute; }

.gantt_task_drag.task_right {
  cursor: e-resize; }

.gantt_task_drag.task_left {
  cursor: w-resize; }

.gantt_task_drag {
  height: 100%;
  width: 8px;
  z-index: 1;
  top: -1px; }

.gantt_task_drag.task_left {
  left: -7px; }

.gantt_task_drag.task_right {
  right: -7px; }

.gantt_task_progress_drag {
  height: 8px;
  width: 8px;
  bottom: -4px;
  margin-left: -4px;
  background-position: bottom;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkY3Rjk0RUVDMkYzMTFFMkI1OThEQTA3ODU0OTkzMEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkY3Rjk0RUZDMkYzMTFFMkI1OThEQTA3ODU0OTkzMEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjdGOTRFQ0MyRjMxMUUyQjU5OERBMDc4NTQ5OTMwQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjdGOTRFREMyRjMxMUUyQjU5OERBMDc4NTQ5OTMwQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PobPBzIAAADkSURBVHjaYpk2bRoDDsAExL1QdjEQ/8OmiAWHZk4gXqymqhQM4ty6fU8OSMUA8XdiDBAB4k0a6iqWRga6EKcwMQXduHlnL5DpB8Rv0J2JDFSA+JiOtgZcMwiA2CAxkBxUDVYDLEAKgIpV9XQ0MZwFEgPJAZnHoWpRDAgC4n2W5saiQKfjClQGkBxQDciL+6B6wAbkA/EqJwdrTkUFOQZCAKQGpBbIXA3SCzJggo+XK7OEuBgDsQCkFqgHrBfsBT5eHgZSAUwP2IBfv36TbABMDygdtK1Zv6UESLORaAbIhG6AAAMAKN8wE24DXWcAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  z-index: 1; }

.gantt_task_progress_drag:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAs0lEQVQoz6WMPW7CQBgFJxZaiZ60qcgdwjVMmzu8gpwhDULabXyBdHAGuzRHivQiQZovigS2+Jtu95t5T03TMITtCtjEc5VSOgx5k5F4CnxJWgKUUl5sv6eUvk/daiCeAe1fDCCpBtq4jQ/YngO9pMWpGH99OOcDtt8ifmWEuO3D/R+wXQOdpGcuIGkGdNFQ2RawlTTlSsLd2RY55+O95JyPFQ/y8MAE+CylfADpxvYHWP8CXj+JR4wdKHYAAAAASUVORK5CYII=); }

.gantt_link_tooltip {
  -webkit-box-shadow: 3px 3px 3px #888;
  box-shadow: 3px 3px 3px #888;
  background-color: #fff;
  border-left: 1px dotted #cecece;
  border-top: 1px dotted #cecece;
  font-family: Tahoma;
  font-size: 8pt;
  color: #444;
  padding: 6px;
  line-height: 20px; }

.gantt_link_direction {
  height: 0;
  border: 0 none #ffa011;
  border-bottom-style: dashed;
  border-bottom-width: 2px;
  transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  z-index: 2;
  margin-left: 1px;
  position: absolute; }

.gantt_grid_data .gantt_row.gantt_selected, .gantt_grid_data .gantt_row.odd.gantt_selected, .gantt_task_row.gantt_selected {
  background-color: #fff3a1; }

.gantt_task_row.gantt_selected .gantt_task_cell {
  border-right-color: #ffec6e; }

.gantt_task_line.gantt_selected {
  -webkit-box-shadow: 0 0 5px #299cb4;
  box-shadow: 0 0 5px #299cb4; }

.gantt_task_line.gantt_project.gantt_selected {
  -webkit-box-shadow: 0 0 5px #46ad51;
  box-shadow: 0 0 5px #46ad51; }

.gantt_task_line.gantt_milestone {
  visibility: hidden;
  background-color: #d33daf;
  border: 0 solid #61164f;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -moz-box-sizing: content-box; }

.gantt_task_line.gantt_milestone div {
  visibility: visible; }

.gantt_task_line.gantt_milestone .gantt_task_content {
  background: inherit;
  border: inherit;
  border-width: 1px;
  border-radius: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.gantt_task_line.gantt_task_inline_color {
  border-color: #999; }

.gantt_task_line.gantt_task_inline_color .gantt_task_progress {
  background-color: #363636;
  opacity: .2; }

.gantt_task_line.gantt_task_inline_color.gantt_project.gantt_selected, .gantt_task_line.gantt_task_inline_color.gantt_selected {
  -webkit-box-shadow: 0 0 5px #999;
  box-shadow: 0 0 5px #999; }

.gantt_task_link.gantt_link_inline_color:hover .gantt_line_wrapper div {
  -webkit-box-shadow: 0 0 5px 0 #999;
  box-shadow: 0 0 5px 0 #999; }

.gantt_critical_task {
  background-color: #e63030;
  border-color: #9d3a3a; }

.gantt_critical_task .gantt_task_progress {
  background-color: rgba(0, 0, 0, 0.4); }

.gantt_critical_link .gantt_line_wrapper > div {
  background-color: #e63030; }

.gantt_critical_link .gantt_link_arrow {
  border-color: #e63030; }

.gantt_btn_set:focus, .gantt_cell:focus, .gantt_grid_head_cell:focus, .gantt_popup_button:focus, .gantt_qi_big_icon:focus, .gantt_row:focus {
  -webkit-box-shadow: inset 0 0 1px 1px #4d90fe;
  box-shadow: inset 0 0 1px 1px #4d90fe; }

.gantt_split_parent, .gantt_split_subproject {
  opacity: .1;
  pointer-events: none; }

.gantt_unselectable, .gantt_unselectable div {
  -webkit-user-select: none;
  -moz-user-select: none;
  -moz-user-select: -moz-none; }

.gantt_cal_light {
  -webkit-tap-highlight-color: transparent;
  background: #fff;
  border-radius: 6px;
  font-family: Arial;
  font-size: 13px;
  border: 1px solid #cecece;
  color: #6b6b6b;
  font-size: 12px;
  position: absolute;
  z-index: 10001;
  width: 550px;
  height: 250px;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07); }

.gantt_cal_light_wide {
  width: 650px; }

.gantt_cal_light select {
  font-family: Arial;
  border: 1px solid #cecece;
  font-size: 13px;
  padding: 2px;
  margin: 0; }

.gantt_cal_ltitle {
  padding: 7px 10px;
  overflow: hidden;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0; }

.gantt_cal_ltitle, .gantt_cal_ltitle span {
  white-space: nowrap; }

.gantt_cal_lsection {
  color: #727272;
  font-weight: 700;
  padding: 12px 0 5px 10px; }

.gantt_cal_lsection .gantt_fullday {
  float: right;
  margin-right: 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  vertical-align: top;
  cursor: pointer; }

.gantt_cal_lsection {
  font-size: 13px; }

.gantt_cal_ltext {
  padding: 2px 10px;
  overflow: hidden; }

.gantt_cal_ltext textarea {
  overflow-y: auto;
  overflow-x: hidden;
  font-family: Arial;
  font-size: 13px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #cecece;
  height: 100%;
  width: 100%;
  outline: none !important;
  resize: none; }

.gantt_section_constraint [data-constraint-time-select] {
  margin-left: 20px; }

.gantt_time {
  font-weight: 700; }

.gantt_cal_light .gantt_title {
  padding-left: 10px; }

.gantt_cal_larea {
  border: 1px solid #cecece;
  border-left: none;
  border-right: none;
  background-color: #fff;
  overflow: hidden;
  height: 1px; }

.gantt_btn_set {
  margin: 10px 7px 5px 10px;
  padding: 5px 15px 5px 10px;
  float: left;
  border-radius: 4px;
  border: 0 solid #cecece;
  height: 32px;
  font-weight: 700;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer; }

.gantt_hidden {
  display: none; }

.gantt_btn_set div {
  float: left;
  font-size: 13px;
  height: 22px;
  line-height: 22px;
  background-repeat: no-repeat;
  vertical-align: middle; }

.gantt_save_btn {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTk1OUU5RDFDMzA0MTFFMkExMUZBQTdDNDAzOUE5RjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTk1OUU5RDJDMzA0MTFFMkExMUZBQTdDNDAzOUE5RjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOTU5RTlDRkMzMDQxMUUyQTExRkFBN0M0MDM5QTlGMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTU5RTlEMEMzMDQxMUUyQTExRkFBN0M0MDM5QTlGMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjDroXYAAAEXSURBVHjaYvz//z8DJYCRUgPIAUxAbAnEHiAHMIBcQCwGaRYXF3e6evXqoffv39/dv38/CymaGSUkJBzv3LlzCsj///fv3wdAihkkIQnEvkAshU8zLy+v7a1bt06ANP/79+87kDIAy505cybq06dPr3p7ezuwGQLTfOPGjWP/ESAZLg8kPKBO+g01RBJNszWyZqC6uSgWgIg/f/4shxnS2dnZBjMEqNkSFGBImi8CKTYMA4BYCGjIczRDHC5dunQQSfN7IKWI4UUkjjdMMdCwnw8ePLjwHxV4Yw1gZA5Q47z/2EELzhhCE+ABGvIQWSeQvwcU38QaAML2wHj+C/X3MyAlijeB4ZBoBOIPQGxJKIVSnBsBAgwABddBclWfcZUAAAAASUVORK5CYII=);
  margin-top: 2px;
  width: 21px; }

.gantt_cancel_btn {
  margin-top: 2px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDkzMDA3MzlDMzA0MTFFMjg2QTVFMzFEQzgwRkJERDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDkzMDA3M0FDMzA0MTFFMjg2QTVFMzFEQzgwRkJERDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTMwMDczN0MzMDQxMUUyODZBNUUzMURDODBGQkRENiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowOTMwMDczOEMzMDQxMUUyODZBNUUzMURDODBGQkRENiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmYuYOUAAAEdSURBVHjaYvz//z8DJYAFXWDlypU8QKoIiD2A2AwqfAqIdwBxX3h4+Bdk9YzILgBqtgdS84FYEYeF94E4EWjIQZgAE5LmQCB1AKoZZKMPEAtAMYh9GSp3AKjWD8UFQAEhIPshEIOc3wHENUBb/qJ57SyQMoJyPwKxElDNO1gYFEE17wMKVmIJlzNQzeegrjaA6qmBecEbSvfh0GwMxGeBhoPoemQ9MAO0kEIbl2YTqPAFKK2IbMB3AjabYIkRZmQD7kNpMyI0G0PpO8gGbIUFJj7NQDk2INWIrIcJKfBAKcwJqvkcDs0TgFgXGo19KCkRmpDWQdWDEk0NUoCBoq0FqhkE/IEWbKJKUmZEz43QzFSKIzN1481M5ACAAAMAlfl/lCwRpagAAAAASUVORK5CYII=);
  width: 20px; }

.gantt_delete_btn {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjFENzI3NUNDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjFENzI3NURDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMUQ3Mjc1QUMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUQ3Mjc1QkMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUD0gAAAABvSURBVHjaYvz//z8DIyMjAxYQicReji4J0ofKQNP8HwmgGQbXB8IsWGwDSSwDuioKjY9uBthVjFAXYHUGAQA2kYmBUoAUBpGk0LAwgBvwH+YX4mkwptgLowYMRgOITUyYKRFIN/wnDjQgJySAAAMApryKzL8wjfUAAAAASUVORK5CYII=);
  margin-top: 2px;
  width: 20px; }

.gantt_cal_cover {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: .1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); }

.gantt_custom_button {
  padding: 0 3px;
  font-family: Arial;
  font-size: 13px;
  font-weight: 400;
  margin-right: 10px;
  margin-top: -5px;
  cursor: pointer;
  float: right;
  height: 21px;
  width: 90px;
  border: 1px solid #cecece;
  text-align: center;
  border-radius: 4px; }

.gantt_custom_button div {
  cursor: pointer;
  float: none;
  height: 21px;
  line-height: 21px;
  vertical-align: middle; }

.gantt_custom_button div:first-child {
  display: none; }

.gantt_cal_light_wide {
  width: 580px;
  padding: 2px 4px; }

.gantt_cal_light_wide .gantt_cal_larea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #cecece; }

.gantt_cal_light_wide .gantt_cal_lsection {
  border: 0;
  float: left;
  text-align: right;
  width: 80px;
  height: 20px;
  padding: 5px 10px 0 0; }

.gantt_cal_light_wide .gantt_wrap_section {
  position: relative;
  padding: 10px 0;
  overflow: hidden;
  border-bottom: 1px solid #ebebeb; }

.gantt_cal_light_wide .gantt_section_time {
  overflow: hidden;
  padding-top: 2px !important;
  padding-right: 0;
  height: 20px !important; }

.gantt_cal_light_wide .gantt_cal_ltext {
  padding-right: 0; }

.gantt_cal_light_wide .gantt_cal_larea {
  padding: 0 10px;
  width: 100%; }

.gantt_cal_light_wide .gantt_section_time {
  background: transparent; }

.gantt_cal_light_wide .gantt_cal_checkbox label {
  padding-left: 0; }

.gantt_cal_light_wide .gantt_cal_lsection .gantt_fullday {
  float: none;
  margin-right: 0;
  font-weight: 700;
  cursor: pointer; }

.gantt_cal_light_wide .gantt_custom_button {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 2px; }

.gantt_cal_light_wide .gantt_repeat_right {
  margin-right: 55px; }

.gantt_cal_light_wide.gantt_cal_light_full {
  width: 738px; }

.gantt_cal_wide_checkbox input {
  margin-top: 8px;
  margin-left: 14px; }

.gantt_cal_light input {
  font-size: 13px; }

.gantt_section_time {
  background-color: #fff;
  white-space: nowrap;
  padding: 2px 10px 5px;
  padding-top: 2px !important; }

.gantt_section_time .gantt_time_selects {
  float: left;
  height: 25px; }

.gantt_section_time .gantt_time_selects select {
  height: 23px;
  padding: 2px;
  border: 1px solid #cecece; }

.gantt_duration {
  width: 100px;
  height: 23px;
  float: left;
  white-space: nowrap;
  margin-left: 20px;
  line-height: 23px; }

.gantt_duration .gantt_duration_dec, .gantt_duration .gantt_duration_inc, .gantt_duration .gantt_duration_value {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  vertical-align: top;
  height: 100%;
  border: 1px solid #cecece; }

.gantt_duration .gantt_duration_value {
  width: 40px;
  padding: 3px 4px;
  border-left-width: 0;
  border-right-width: 0; }

.gantt_duration .gantt_duration_value.gantt_duration_value_formatted {
  width: 70px; }

.gantt_duration .gantt_duration_dec, .gantt_duration .gantt_duration_inc {
  width: 20px;
  padding: 1px;
  padding-bottom: 1px;
  background: #fff; }

.gantt_duration .gantt_duration_dec {
  -moz-border-top-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.gantt_duration .gantt_duration_inc {
  margin-right: 4px;
  -moz-border-top-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.gantt_resources {
  max-height: 150px;
  height: auto;
  overflow-y: auto; }

.gantt_resource_row {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #ebebeb;
  cursor: pointer; }

.gantt_resource_row input[type=checkbox]:not(:checked), .gantt_resource_row input[type=checkbox]:not(:checked) ~ div {
  opacity: .5; }

.gantt_resource_toggle {
  vertical-align: middle; }

.gantt_resources_filter .gantt_resources_filter_input {
  padding: 1px 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

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

.gantt_resource_cell {
  display: inline-block; }

.gantt_resource_cell.gantt_resource_cell_checkbox {
  width: 24px;
  max-width: 24px;
  min-width: 24px;
  vertical-align: middle; }

.gantt_resource_cell.gantt_resource_cell_label {
  width: 40%;
  max-width: 40%;
  vertical-align: middle; }

.gantt_resource_cell.gantt_resource_cell_value {
  width: 30%;
  max-width: 30%;
  vertical-align: middle; }

.gantt_resource_cell.gantt_resource_cell_value input, .gantt_resource_cell.gantt_resource_cell_value select {
  width: 80%;
  vertical-align: middle;
  padding: 1px 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.gantt_resource_cell.gantt_resource_cell_unit {
  width: 10%;
  max-width: 10%;
  vertical-align: middle; }

.gantt_resource_early_value {
  opacity: .8;
  font-size: .9em; }

.gantt_cal_quick_info {
  border: 1px solid #cecece;
  border-radius: 6px;
  position: absolute;
  z-index: 300;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
  background-color: #fff;
  width: 300px;
  transition: left .5s ease,right .5s;
  -moz-transition: left .5s ease,right .5s;
  -webkit-transition: left .5s ease,right .5s;
  -o-transition: left .5s ease,right .5s; }

.gantt_no_animate {
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none; }

.gantt_cal_quick_info.gantt_qi_left .gantt_qi_big_icon {
  float: right; }

.gantt_cal_qi_title {
  -webkit-border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0;
  padding: 5px 0 8px 12px;
  color: #454545;
  background-color: #fff;
  border-bottom: 1px solid #cecece; }

.gantt_cal_qi_tdate {
  font-size: 14px;
  font-weight: 700; }

.gantt_cal_qi_tcontent {
  font-size: 13px; }

.gantt_cal_qi_content {
  padding: 16px 8px;
  font-size: 13px;
  color: #454545;
  overflow: hidden; }

.gantt_cal_qi_controls {
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 6px;
  padding-left: 7px; }

.gantt_cal_qi_controls .gantt_menu_icon {
  margin-top: 6px;
  background-repeat: no-repeat; }

.gantt_cal_qi_controls .gantt_menu_icon.icon_edit {
  width: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH3QYFCjI5ZQj5bAAAAFNJREFUOMvt0zEOACAIA0DkwTymH8bJTRTKZGJXyaWEKPKTCQAH4Ls37cItcDUzsxHNDLZNhCq7Gt1wh9ErV7EjyGAhyGLphlnsClWuS32rn0czAV+vNGrM/LBtAAAAAElFTkSuQmCC); }

.gantt_cal_qi_controls .gantt_menu_icon.icon_delete {
  width: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjFENzI3NUNDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjFENzI3NURDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMUQ3Mjc1QUMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUQ3Mjc1QkMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUD0gAAAABvSURBVHjaYvz//z8DIyMjAxYQicReji4J0ofKQNP8HwmgGQbXB8IsWGwDSSwDuioKjY9uBthVjFAXYHUGAQA2kYmBUoAUBpGk0LAwgBvwH+YX4mkwptgLowYMRgOITUyYKRFIN/wnDjQgJySAAAMApryKzL8wjfUAAAAASUVORK5CYII=); }

.gantt_qi_big_icon {
  font-size: 13px;
  border-radius: 4px;
  font-weight: 700;
  background: #fff;
  margin: 5px 9px 8px 0;
  min-width: 60px;
  line-height: 32px;
  vertical-align: middle;
  padding: 0 10px 0 5px;
  cursor: pointer;
  border: 1px solid #cecece; }

.gantt_cal_qi_controls div {
  float: left;
  height: 32px;
  text-align: center;
  line-height: 32px; }

.gantt_tooltip {
  padding: 10px;
  position: absolute;
  z-index: 50;
  white-space: nowrap; }

.gantt_resource_marker {
  position: absolute;
  text-align: center;
  font-size: 14px;
  color: #fff; }

.gantt_resource_marker_ok {
  background: rgba(78, 208, 134, 0.75); }

.gantt_resource_marker_overtime {
  background: rgba(255, 133, 133, 0.69); }

.gantt_histogram_label {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  font-weight: 700;
  font-size: 13px; }

.gantt_histogram_fill {
  background-color: rgba(41, 157, 180, 0.2);
  width: 100%;
  position: absolute;
  bottom: 0; }

.gantt_histogram_hor_bar {
  height: 1px;
  margin-top: -1px; }

.gantt_histogram_hor_bar, .gantt_histogram_vert_bar {
  position: absolute;
  background: #299db4;
  margin-left: -1px; }

.gantt_histogram_vert_bar {
  width: 1px; }

.gantt_histogram_cell {
  position: absolute;
  text-align: center;
  font-size: 13px;
  color: #000; }

.gantt_marker {
  height: 100%;
  width: 2px;
  top: 0;
  position: absolute;
  text-align: center;
  background-color: rgba(255, 0, 0, 0.4);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.gantt_marker .gantt_marker_content {
  padding: 5px;
  background: inherit;
  color: #fff;
  position: absolute;
  font-size: 12px;
  line-height: 12px;
  opacity: .8; }

.gantt_marker_area {
  position: absolute;
  top: 0;
  left: 0; }

.gantt_grid_editor_placeholder {
  position: absolute; }

.gantt_grid_editor_placeholder > div, .gantt_grid_editor_placeholder input, .gantt_grid_editor_placeholder select {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.gantt_row_placeholder div {
  opacity: .5; }

.gantt_row_placeholder .gantt_add, .gantt_row_placeholder .gantt_file {
  display: none; }

.gantt_drag_marker.gantt_grid_dnd_marker {
  background-color: transparent;
  -webkit-transition: all .1s ease;
  transition: all .1s ease; }

.gantt_grid_dnd_marker_line {
  height: 4px;
  width: 100%;
  background-color: #3498db; }

.gantt_grid_dnd_marker_line:before {
  background: #fff;
  width: 12px;
  height: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid #3498db;
  border-radius: 6px;
  content: "";
  line-height: 1px;
  display: block;
  position: absolute;
  margin-left: -11px;
  margin-top: -4px;
  pointer-events: none; }

.gantt_grid_dnd_marker_folder {
  height: 100%;
  width: 100%;
  position: absolute;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 0 0 2px #3f98db;
  box-shadow: inset 0 0 0 2px #3f98db;
  background: transparent; }

.gantt_overlay_area {
  display: none; }

.gantt_overlay, .gantt_overlay_area {
  position: absolute;
  height: inherit;
  width: inherit;
  top: 0;
  left: 0; }

.gantt_click_drag_rect {
  position: absolute;
  left: 0;
  top: 0;
  outline: 1px solid #3f98db;
  background-color: rgba(52, 152, 219, 0.3); }

.gantt_timeline_move_available, .gantt_timeline_move_available * {
  cursor: move; }

.gantt_rtl .gantt_grid {
  text-align: right; }

.gantt_rtl .gantt_cell, .gantt_rtl .gantt_row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.gantt_layout_content {
  width: 100%;
  overflow: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.gantt_layout_cell {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.gantt_layout_cell > .gantt_layout_header {
  background: #33aae8;
  color: #fff;
  font-size: 17px;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.gantt_layout_header.collapsed_x {
  background: #a9a9a9; }

.gantt_layout_header.collapsed_x .gantt_header_arrow:before {
  content: "\21E7"; }

.gantt_layout_header.collapsed_y {
  background: #a9a9a9; }

.gantt_layout_header.collapsed_y .gantt_header_arrow:before {
  content: "\21E9"; }

.gantt_layout_header {
  cursor: pointer; }

.gantt_layout_header .gantt_header_arrow {
  float: right;
  text-align: right; }

.gantt_layout_header .gantt_header_arrow:before {
  content: "\21E6"; }

.gantt_layout_header.vertical .gantt_header_arrow:before {
  content: "\21E7"; }

.gantt_layout_outer_scroll_vertical .gantt_layout_content {
  overflow-y: hidden; }

.gantt_layout_outer_scroll_horizontal .gantt_layout_content {
  overflow-x: hidden; }

.gantt_layout_x > .gantt_layout_cell {
  display: inline-block;
  vertical-align: top; }

.gantt_layout_x {
  white-space: nowrap; }

.gantt_resizing {
  opacity: .7;
  background: #f2f2f2; }

.gantt_layout_cell_border_right.gantt_resizer {
  overflow: visible;
  border-right: 0; }

.gantt_resizer {
  cursor: e-resize;
  position: relative; }

.gantt_resizer_y {
  cursor: n-resize; }

.gantt_resizer_stick {
  background: #33aae8;
  z-index: 9999;
  position: absolute;
  top: 0;
  width: 100%; }

.gantt_resizer_x .gantt_resizer_x {
  position: absolute;
  width: 20px;
  height: 100%;
  margin-left: -10px;
  top: 0;
  left: 0;
  z-index: 1; }

.gantt_resizer_y .gantt_resizer_y {
  position: absolute;
  height: 20px;
  width: 100%;
  top: -10px;
  left: 0;
  z-index: 1; }

.gantt_resizer_error {
  background: #cd5c5c !important; }

.gantt_layout_cell_border_left {
  border-left: 1px solid #cecece; }

.gantt_layout_cell_border_right {
  border-right: 1px solid #cecece; }

.gantt_layout_cell_border_top {
  border-top: 1px solid #cecece; }

.gantt_layout_cell_border_bottom {
  border-bottom: 1px solid #cecece; }

.gantt_layout_cell_border_transparent {
  border-color: transparent; }

.gantt_window {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999999999;
  background: #fff; }

.gantt_window_content {
  position: relative; }

.gantt_window_content_header {
  background: #39c;
  color: #fff;
  height: 33px;
  padding: 10px 10px 0;
  border-bottom: 2px solid #fff;
  position: relative; }

.gantt_window_content_header_text {
  padding-left: 10%; }

.gantt_window_content_header_buttons {
  position: absolute;
  top: 10px;
  right: 10px; }

.gantt_window_content_header_buttons:hover {
  color: #000;
  cursor: pointer; }

.gantt_window_content_resizer {
  position: absolute;
  width: 15px;
  height: 15px;
  bottom: 0;
  line-height: 15px;
  right: -1px;
  text-align: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABZJREFUeAFjIAUwUshlpJDLSIhLGAAACQ4AFk79JaMAAAAASUVORK5CYII=);
  cursor: nw-resize;
  z-index: 999; }

.gantt_window_content_frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: 9999; }

.gantt_window_drag {
  cursor: pointer !important; }

.gantt_window_resizing {
  overflow: visible; }

.gantt_window_resizing_body {
  overflow: hidden !important; }

.gantt_window_modal {
  background: rgba(0, 0, 0, 0.1);
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed; }

.gantt_cal_light, .gantt_cal_quick_info, .gantt_container, .gantt_message_area, .gantt_modal_box, .gantt_tooltip {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.gantt_noselect {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.gantt_drag_marker {
  position: absolute;
  top: -1000px;
  left: -1000px;
  font-family: Arial;
  font-size: 13px;
  z-index: 1;
  white-space: nowrap; }

.gantt_drag_marker .gantt_tree_icon.gantt_blank, .gantt_drag_marker .gantt_tree_icon.gantt_close, .gantt_drag_marker .gantt_tree_icon.gantt_open, .gantt_drag_marker .gantt_tree_indent {
  display: none; }

.gantt_drag_marker, .gantt_drag_marker .gantt_row.odd {
  background-color: #fff; }

.gantt_drag_marker .gantt_row {
  border-left: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2; }

.gantt_drag_marker .gantt_cell {
  border-color: #d2d2d2; }

.gantt_row.gantt_over, .gantt_task_row.gantt_over {
  background-color: #0070fe; }

.gantt_row.gantt_transparent .gantt_cell {
  opacity: .7; }

.gantt_task_row.gantt_transparent {
  background-color: #f8fdfd; }

.gantt_popup_button.gantt_delete_button {
  background: #3db9d3;
  text-shadow: 0 -1px 0 #248a9f;
  color: #fff;
  font-weight: 700;
  border-width: 0; }

.gantt_container_resize_watcher {
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0; }

.dhtmlx_popup_button {
  background-image: none;
  font-family: roboto, "helvetica neue", helvetica, arial, sans-serif;
  padding-left: 0;
  padding-right: 0;
  min-width: 70px;
  width: auto;
  text-shadow: none; }
  .dhtmlx_popup_button:active {
    background: #dddddd;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .dhtmlx_popup_button div {
    line-height: 2rem; }
  .dhtmlx_popup_button div[data-class="hilite"] {
    background-color: #ffd213; }
  .dhtmlx_popup_button div[data-class="disabled"] {
    border-radius: 3px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    background-color: #7d7d7d;
    color: #afafaf;
    opacity: 0.75;
    padding-left: 1rem;
    padding-right: 1rem; }
    .dhtmlx_popup_button div[data-class="disabled"]:hover {
      cursor: not-allowed; }

/** Window buttons **/
.dhxwin_button_snapLeft:before {
  content: "\f060";
  font-family: FontAwesome;
  position: absolute;
  left: 2px;
  top: -6px; }

.dhxwin_button_snapRight:before {
  content: "\f061";
  font-family: FontAwesome;
  position: absolute;
  left: 2px;
  top: -6px; }

/** DHTMLX Modals
* Overrides defualt dhtmlx modal styling
**/
div.dhx_modal_cover {
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  z-index: 17; }

.dhtmlx_modal_box {
  border-radius: 3px;
  border: none;
  z-index: 18;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75); }
  .dhtmlx_modal_box .dhtmlx_popup_title {
    font-family: roboto, "helvetica neue", helvetica, arial, sans-serif;
    background: #666666;
    color: white;
    font-size: 1rem;
    font-weight: bold;
    margin: 0;
    padding: 0.5rem 0;
    text-indent: 1rem;
    border-radius: 0;
    text-align: left;
    height: 2rem;
    text-shadow: none; }
  .dhtmlx_modal_box .dhtmlx_popup_controls .dhtmlx_popup_button {
    border: none;
    background: none; }
    .dhtmlx_modal_box .dhtmlx_popup_controls .dhtmlx_popup_button div {
      height: 100%;
      background-color: #dddddd;
      font-size: 1.15rem;
      font-weight: bold;
      border: none;
      border-radius: 3px;
      color: #444444;
      text-shadow: none; }
      .dhtmlx_modal_box .dhtmlx_popup_controls .dhtmlx_popup_button div:hover {
        background-color: #afafaf;
        color: white;
        cursor: pointer;
        text-decoration: none; }
  .dhtmlx_modal_box label {
    font-family: roboto, "helvetica neue", helvetica, arial, sans-serif; }
  .dhtmlx_modal_box input {
    font-family: roboto, "helvetica neue", helvetica, arial, sans-serif;
    border-radius: 2px;
    border: 1px solid #afafaf; }

/** DHTMLX Windows **/
div.dhxwins_vp_dhx_skyblue div.dhxwin_inactive div.dhxwin_fr_cover {
  opacity: 0; }

div.dhxwins_vp_dhx_skyblue div.dhxwin_inactive div.dhxwin_hdr {
  background-color: #e1e2e1;
  background: -webkit-gradient(linear, left top, left bottom, from(#e1e2e1), to(#cfd8e2));
  background: linear-gradient(#e1e2e1, #cfd8e2);
  background: -webkit-linear-gradient(#e1e2e1, #cfd8e2); }

div.dhxwins_vp_dhx_skyblue div.dhxwin_inactive div.dhxwin_brd {
  border-left: 5px solid #cfd8e2;
  border-right: 5px solid #cfd8e2;
  border-bottom: 5px solid #cfd8e2; }

div.dhxwins_vp_dhx_skyblue div.dhxwin_active {
  border: 1px solid #000000; }

div.dhxwin_active div.dhxwin_hdr {
  background: #b6caf5; }

div.dhxwin_active div.dhxwin_brd {
  border-bottom: 5px solid #b7cce0;
  border-left: 5px solid #b7cce0;
  border-right: 5px solid #b7cce0; }

.dhxwin_button_popOut:before {
  content: "\f08e";
  font-family: FontAwesome;
  position: absolute;
  left: 2px;
  top: -6px; }

.dhxwins_vp_dhx_skyblue div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button {
  font-family: FontAwesome; }
  .dhxwins_vp_dhx_skyblue div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_newFrameworkFlag:before {
    content: "\f02e";
    left: 3px;
    top: -6px;
    position: absolute; }
  .dhxwins_vp_dhx_skyblue div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_park {
    background-image: none; }
    .dhxwins_vp_dhx_skyblue div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_park:before {
      content: "\f2d1";
      left: 3px;
      top: -6px;
      position: absolute;
      font-weight: normal;
      font-size: 9px; }
  .dhxwins_vp_dhx_skyblue div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_minmax {
    background-image: none; }
    .dhxwins_vp_dhx_skyblue div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_minmax:before {
      content: "\f2d0";
      left: 2px;
      top: -7px;
      position: absolute;
      font-weight: normal;
      font-size: 10px; }
  .dhxwins_vp_dhx_skyblue div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_close {
    background-image: none; }
    .dhxwins_vp_dhx_skyblue div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_close:before {
      content: "\f00d";
      left: 2px;
      top: -7px;
      position: absolute;
      font-weight: normal;
      font-size: 14px; }
  .dhxwins_vp_dhx_skyblue div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_minmaxed {
    background-image: none; }
    .dhxwins_vp_dhx_skyblue div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_minmaxed:before {
      content: "\f2d2";
      left: 2px;
      top: -7px;
      position: absolute;
      font-weight: normal;
      font-size: 9px; }

#container .dhxwins_vp_dhx_skyblue div.dhxwin_hdr div.dhxwin_icon {
  cursor: pointer;
  width: 28px;
  background-position: left center;
  color: #222222; }
  #container .dhxwins_vp_dhx_skyblue div.dhxwin_hdr div.dhxwin_icon:hover {
    color: #444444; }

div.dhxwin_icon:after {
  content: "\f0d7";
  font-family: FontAwesome;
  margin-left: 18px;
  font-weight: normal; }

/* Padding for walkme launcher */
.dhxwins_vp_dhx_skyblue div.dhxwin_hdr div.dhxwin_text div.dhxwin_text_inside {
  padding-right: 2.1rem; }

/* remove small white border between window borders and content */
.dhxwins_vp_dhx_skyblue div.dhxwin_active div.dhx_cell_wins div.dhx_cell_cont_wins
, .dhxwins_vp_dhx_skyblue div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_cont_wins {
  border: 0px solid transparent; }

/* This file is used to overwrite any styling created by the JSPlumb library used for workflows */
svg._jsPlumb_connector {
  z-index: 1; }

html {
  overflow: visible; }

.s360W360PanelFloating {
  z-index: 3; }
  .s360W360PanelFloating.collapsed.preview {
    z-index: 3; }
  .s360W360PanelFloating.collapsable:not(.collapsed) {
    z-index: 4; }

.s360W360LabelMail .iconElement:after {
  content: "\f003"; }

.s360W360QuoteFinanceLeaseOptions > .childContainer {
  margin-bottom: 10px; }

.s360W360QuoteFinancePaymentOptionsListItem {
  padding-left: 23px; }
  .s360W360QuoteFinancePaymentOptionsListItem .itemContent .itemPrimary {
    font-size: 2rem;
    background-color: #a0ebf5b3; }
    .s360W360QuoteFinancePaymentOptionsListItem .itemContent .itemPrimary .paymentValue {
      font-size: inherit; }
  .s360W360QuoteFinancePaymentOptionsListItem.selected {
    background-color: #68afee;
    border-color: #68afee; }
  .s360W360QuoteFinancePaymentOptionsListItem:before {
    font-size: 1.3rem;
    color: #000; }

div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon {
  border: 1px solid #c3c3c3;
  background-color: #e3e3e3; }

div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td {
  background-color: #eeeeee;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  color: #000000; }

div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3; }

div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon div.sub_sep {
  border-top: 1px solid #c3c3c3; }

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

body > textarea {
  opacity: 0; }

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* Nav bar z-index needs to be greater than 105 (+5 per window)
 	so that menus appear on top of windows until
 	we figure out where the inline styling that
 	applies the window z-index is can be modified
 	generated and can be modified */
.navbar.navbar-fixed-top {
  z-index: 1001; }

.funnel-container {
  border-color: #d1f0d1 transparent;
  border-style: solid;
  border-width: 100px 3vw 0 3vw;
  height: 0; }

.funnel-container:hover {
  cursor: pointer;
  opacity: .6; }

.funnel-text {
  color: #5C5753;
  font-family: 'roboto', 'helvetica neue', helvetica, arial, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  margin-top: -70px;
  text-align: center; }