/* +++ main css +++ */
@font-face {
  font-family: "MyriadPro";
  src: url('/fonts/MyriadPro-Regular.eot');
  src: local('MyriadPro'), url('/fonts/MyriadPro-Regular.woff') format('woff'), url('/fonts/MyriadPro-Regular.ttf') format('truetype'), url('/fonts/MyriadPro-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FontName';
  src: url('/fonts/icomoon/FontName.eot');
  src: url('/fonts/icommon/FontName.eot?#iefix') format('embedded-opentype'), url('/fonts/icomoon/FontName.woff') format('woff'), url('/fonts/icomoon/FontName.ttf') format('truetype'), url('/fonts/icomoon/FontName.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MyriadProLight';
  src: url("/fonts/MyriadPro-Light.ttf");
  src: url('/fonts/MyriadPro-Light.eot?#iefix') format('embedded-opentype'), url('/fonts/MyriadPro-Light.woff') format('woff'), url('/fonts/MyriadPro-Light.ttf') format('truetype'), url('/fonts/MyriadPro-Light.svg') format('svg');
}
html,
body {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
}
body,
input {
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  color: #000000;
}
:focus {
  outline: #000000 solid 0;
}
h1 {
  font-size: 18px;
  color: #022535;
  font-weight: normal;
  margin-top: 3px;
  margin-bottom: 3px;
}
h2 {
  font-size: 16px;
  color: #022535;
  font-weight: normal;
  margin-top: 3px;
  margin-bottom: 3px;
}
h3 {
  font-size: 14px;
  color: #022535;
  text-transform: normal;
  margin-top: 3px;
  margin-bottom: 3px;
}
h4 {
  font-size: 13px;
  color: #022535;
  text-transform: normal;
  margin-bottom: 3px;
  margin-top: 3px;
}
h5 {
  color: #022535;
  font-size: 13px;
  margin: 3px 0 3px 0;
}
a {
  text-decoration: none;
  cursor: pointer;
}
a[disabled='disabled'] {
  position: relative;
  cursor: default;
}
a[disabled='disabled']::after {
  position: absolute;
  display: block;
  content: " ";
  top: 0;
  left: 0;
  right: 0;
  bottom: -1px;
  background-color: rgba(255, 255, 255, 0.8);
}
div {
  position: relative;
  box-sizing: border-box;
}
hr {
  border-top-color: #CEEAF6;
  margin: 0;
}
form {
  outline: 0 none;
}
h2 input {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
  color: #666666;
  border: 0 none;
  outline: 0 none;
  padding: 0;
}
table {
  border-collapse: separate;
  white-space: normal;
  line-height: normal;
  font-weight: normal;
  font-size: inherit;
  font-style: normal;
  text-align: start;
  border-spacing: 1px;
  font-variant: normal;
}
table th {
  text-align: left;
}
.loading {
  position: relative;
  overflow: hidden;
  min-height: 7px;
}
.loading:before {
  position: absolute;
  content: "";
  top: 0px;
  width: 100%;
  height: 7px;
  z-index: 9000;
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  animation: loading_anim 2s infinite ease-in-out;
}
.loading:after {
  position: absolute;
  content: "";
  top: 7px;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: progress;
  /*background-color: rgba(255, 255, 255, 0.6)*/
}
.md-select-menu-container.ec_menu_loading::after {
  content: " ";
  position: absolute;
  z-index: 1;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: no-repeat center center url("/images/ajax-loader16.gif");
  background-color: rgba(0, 0, 0, 0.13);
}
ec-main-content > .loading:before,
ec-main-content > * > .loading:before,
md-content.loading:before,
md-dialog-content.loading:before,
ec-edit-attr-item .loading:before,
.ec_green_loading.loading:before {
  background: linear-gradient(to right, rgba(2, 211, 118, 0) 0%, #02d376 50%, rgba(2, 211, 118, 0) 100%);
  border-bottom: solid 1px #02D376;
}
.ec_loading_center::before {
  top: 50%;
}
.ec_loading_center::after {
  top: 0;
}
md-dialog-content.loading:after {
  background-color: rgba(255, 255, 255, 0);
}
@keyframes loading_anim {
  from {
    left: -200%;
  }
  50% {
    left: 0%;
  }
  to {
    left: 200%;
  }
}
span.user-disabled {
  font-style: italic;
  color: #84888A;
}
/* --- main css --- */
/* +++ layauts +++ */
.ec_table {
  display: table;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100vh;
  /*height: 100%;*/
}
.ec_row {
  display: table-row;
}
.ec_row_height_c {
  height: 0;
}
.ec_row_height_a {
  height: auto;
}
.ec_col {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  align-content: center;
  text-align: center;
}
.ec_col_align_tl {
  vertical-align: top;
  text-align: left;
}
.ec_col_width_by_content {
  width: 1%;
  white-space: nowrap;
}
.ec_col md-content {
  max-height: 100%;
}
.ec_right_col {
  width: 500px;
}
.ec_wrp,
.ec_wrp_with_scroll,
ec-main-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.ec_wrp_with_scroll {
  overflow: auto;
}
md-sidenav.ec_sidenav {
  overflow: hidden;
  display: flex;
  box-shadow: none;
  border-left: 1px solid #b3b3b3;
  border-top: 1px solid #0895D3;
}
md-sidenav#website_help.ec_sidenav {
  border-top: 1px solid #39B54A;
}
md-sidenav.ec_sidenav.md-closed {
  display: none;
}
md-sidenav.ec_sidenav.md-locked-open,
md-sidenav.ec_sidenav.md-locked-open.md-closed,
md-sidenav.ec_sidenav.md-locked-open.md-closed.md-sidenav-left,
md-sidenav.ec_sidenav.md-locked-open.md-closed,
md-sidenav.ec_sidenav.md-locked-open.md-closed.md-sidenav-right,
md-sidenav.ec_sidenav.md-locked-open-add,
md-sidenav.ec_sidenav.md-locked-open-remove,
md-sidenav.ec_sidenav.md-locked-open-remove.md-closed,
md-sidenav.ec_sidenav.md-closed.md-locked-open-add,
md-sidenav.ec_sidenav.md-closed-add,
md-sidenav.ec_sidenav.md-closed-remove {
  display: flex;
}
md-sidenav.ec_sidenav > md-toolbar,
md-sidenav.ec_sidenav > md-content,
md-sidenav.ec_sidenav > md-footer {
  /*display: flex;*/
  flex-direction: column;
  position: relative;
}
md-sidenav.ec_sidenav > md-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: flex-end;
}
md-sidenav.ec_sidenav > md-toolbar {
  background-color: #FFFFFF;
  color: #666666;
}
md-sidenav.ec_sidenav > md-toolbar,
md-sidenav.ec_sidenav > md-toolbar .md-toolbar-tools {
  height: 40px;
  min-height: 40px;
  max-height: 40px;
}
md-sidenav.ec_sidenav > md-toolbar .md-toolbar-tools {
  font-size: 16px;
  font-weight: normal;
}
md-sidenav.ec_sidenav > md-toolbar md-icon {
  color: #02D376;
}
md-sidenav.ec_sidenav > md-toolbar .md-button md-icon {
  color: #6BBFE5;
}
/* --- layauts --- */
/* +++ help +++ */
.def_font_size {
  font-size: 13px;
}
.font_size_smaller {
  font-size: smaller;
}
.font_size_0_8em {
  font-size: 0.8em;
}
.font_size_1em {
  font-size: 1em;
}
.font_size_1_2em {
  font-size: 1.2em;
}
.font_size_1_5em {
  font-size: 1.5em;
}
.font_size_2em {
  font-size: 2em;
  line-height: 1.1em;
}
.font_size_3em {
  font-size: 3em;
  line-height: 1.1em;
}
.font_size_16px {
  font-size: 16px;
}
.font_size_24px {
  font-size: 24px;
}
.font_size_48px {
  font-size: 48px;
}
.ec_bold {
  font-weight: bold;
}
.ec_uppercase {
  text-transform: uppercase;
}
.color_dark_blue {
  color: #022535;
}
.color_middle_dark_blue {
  color: #044B6A;
}
.color_light_blue,
.ui-grid-top-panel,
.ui-grid-top-panel md-icon.color_light_blue,
md-tabs.ec_tabs_tansp .md-tab md-icon.color_light_blue,
md-tabs.ec_tabs_tansp .md-tab.md-active md-icon.color_light_blue {
  color: #0895D3;
}
md-icon.color_light_blue svg * {
  fill: #0895D3 !important;
}
.color_light2_blue {
  color: #6BBFE5;
}
.color_light3_blue {
  color: #CEEAF6;
}
.color_pink {
  color: #FF7BAC;
}
.color_green,
.bgr_light4_blue .color_green,
.ec_divder md-icon.color_green,
.bgr_light4_blue.color_green,
.ui-grid-top-panel,
.ui-grid-top-panel md-icon.color_green {
  color: #02D376;
}
md-icon.color_green svg * {
  fill: #02D376 !important;
}
.color_green2,
.bgr_light4_blue .color_green2,
.ec_divder md-icon.color_green2,
.bgr_light4_blue.color_green2,
.ui-grid-top-panel,
.ui-grid-top-panel md-icon.color_green2,
md-icon.color_green2,
md-toolbar md-icon.color_green2 {
  color: #39B54A;
}
md-icon.color_green2 svg * {
  fill: #02D376 !important;
}
.color_white,
.bgr_light2_blue.color_white,
.bgr_light2_blue .color_white,
md-tabs .md-tab.md-active md-icon.color_white {
  color: #FFFFFF;
}
md-icon.color_white svg * {
  fill: #FFFFFF !important;
}
.color_black,
md-input-container .md-input[disabled].color_black {
  color: #000000;
}
.color_gray,
.ec_divder md-icon.color_gray,
h2.color_gray {
  color: #666666;
}
.hover_color_gray:hover {
  color: #666666;
}
.color_gray2,
ec-side-nav .ec_side_nav_list .ec_side_nav_list_itm_lbl.color_gray2 {
  color: #999999;
}
.color_light1_gray {
  color: #E6E6E6;
}
.color_light2_gray {
  color: #F2F2F2;
}
.color_light3_gray {
  color: #F9F9F9;
}
.color_light4_gray {
  color: #b5b8b9;
}
.color_light5_gray,
.ec_divder md-icon.color_light5_gray {
  color: #84888A;
}
.color_orange {
  color: #F15A24;
}
.color_red,
md-icon.color_red.material-icons,
.ec_divder md-icon.color_red,
.bgr_light4_blue .color_red,
.bgr_light4_blue.color_red,
md-tabs .md-tab.md-active md-icon.color_red {
  color: #f44e4e;
}
md-icon.color_red svg * {
  fill: #f44e4e !important;
}
.color_yellow2 {
  color: #EDB01B;
}
.ec_block {
  display: block;
}
.ec_inline_block {
  display: inline-block;
  vertical-align: top;
}
.upper_case {
  text-transform: uppercase;
}
.no_wrap {
  white-space: nowrap;
}
.white_space_normal {
  white-space: normal;
}
.line_h_0px {
  line-height: 0px !important;
}
.line_h_24px {
  line-height: 24px;
}
.line_h_09em {
  line-height: 0.9em;
}
.line_h_16px {
  line-height: 16px;
}
.bgr_dark_blue,
.wj-cell.wj-header.bgr_dark_blue,
md-toolbar.bgr_dark_blue:not(.md-menu-toolbar) {
  background-color: #022535;
  color: #FFFFFF;
}
.bgr_middle_dark_blue,
.wj-cell.wj-header.bgr_middle_dark_blue {
  background-color: #044B6A;
  color: #FFFFFF;
}
.bgr_middle_dark_blue a,
.bgr_white .bgr_middle_dark_blue a {
  color: #FFFFFF;
}
.bgr_middle_dark_blue .ec_side_nav_list md-icon,
.bgr_white .bgr_middle_dark_blue .ec_side_nav_list md-icon {
  color: #0895D3;
}
.bgr_light_blue,
.wj-cell.wj-header.bgr_light_blue {
  background-color: #0895D3;
  color: #FFFFFF;
}
.bgr_light_blue a,
.bgr_white .bgr_light_blue a {
  color: #666666;
}
.bgr_light_blue_08 {
  background-color: rgba(8, 149, 211, 0.08);
}
.bgr_light2_blue,
.wj-cell.bgr_light2_blue,
.wj-cell.wj-alt.bgr_light2_blue {
  background-color: #6BBFE5;
  color: #666666;
}
.bgr_light2_blue a,
.bgr_white .bgr_light2_blue a {
  color: #666666;
}
.bgr_light3_blue {
  background-color: #CEEAF6;
  color: #666666;
}
.bgr_light3_blue a,
.bgr_white .bgr_light3_blue a {
  color: #0895D3;
}
.bgr_light3_blue.color_dark_blue,
.ec_side_nav_list .bgr_light3_blue.color_dark_blue md-icon {
  color: #022535;
}
.bgr_light4_blue {
  background-color: #E6F9FF;
  color: #666666;
}
.bgr_light4_blue a,
.bgr_white .bgr_light4_blue a {
  color: #666666;
}
.bgr_light4_blue md-icon,
.bgr_white .bgr_light4_blue md-icon {
  color: #6BBFE5;
}
.bgr_light5_blue {
  background-color: #F3FDFF;
  color: #666666;
}
.bgr_light5_blue a,
.bgr_white .bgr_light5_blue a {
  color: #666666;
}
.bgr_light5_blue md-icon,
.bgr_white .bgr_light5_blue md-icon {
  color: #6BBFE5;
}
.bgr_white {
  background-color: #FFFFFF;
  color: #000000;
}
.bgr_white table {
  color: #000000;
}
md-tabs.ec_tabs .md-tab.bgr_white,
md-tabs.ec_tabs .md-tab.md-active.bgr_white {
  background-color: #FFFFFF;
}
.bgr_black {
  background-color: #000000;
  color: #FFFFFF;
}
.bgr_white a {
  color: #0895D3;
}
.bgr_gray {
  background-color: #666666;
}
.bgr_light_gray {
  background-color: #b3b3b3;
  color: #666666;
}
.bgr_light1_gray {
  background-color: #E6E6E6;
  color: #666666;
}
.bgr_light1_1_gray {
  background-color: #fdfdfd;
  color: #666666;
}
.bgr_light2_gray {
  background-color: #F2F2F2;
  color: #666666;
}
.bgr_light2_1_gray {
  background-color: #f3f3f3;
  color: #666666;
}
.bgr_light2_gray a,
.bgr_light2_gray a md-icon {
  color: #0895D3;
}
.bgr_light3_gray {
  background-color: #F9F9F9;
  color: #84888A;
}
.bgr_light4_gray {
  background-color: #b5b8b9;
  color: #FFFFFF;
}
.bgr_light4_gray a,
.bgr_light4_gray md-icon {
  color: #FFFFFF;
}
.bgr_light5_gray {
  background-color: #84888A;
  color: #FFFFFF;
}
.bgr_red,
.wj-cell.wj-header.bgr_red {
  background-color: #f44e4e;
  color: #FFFFFF;
}
.bgr_red_08 {
  background-color: rgba(244, 78, 78, 0.08);
}
.bgr_green,
.wj-cell.wj-header.bgr_green {
  background-color: #02D376;
  color: #FFFFFF;
}
.bgr_green_08 {
  background-color: rgba(2, 211, 118, 0.08);
}
.bgr_green_20 {
  background-color: rgba(2, 211, 118, 0.2);
}
.bgr_green_30 {
  background-color: rgba(2, 211, 118, 0.3);
}
.bgr_yellow_08 {
  background-color: rgba(247, 242, 65, 0.08);
}
.brdr_white {
  border-color: #FFFFFF;
}
.brdr_green {
  border-color: #02D376;
}
.brdr_red {
  border-color: #f44e4e;
}
.brdr_gray {
  border-color: #666666;
}
.brdr_light_gray {
  border-color: #b3b3b3;
}
.brdr_light3_gray {
  border-color: #F9F9F9;
}
.brdr_dark_blue {
  border-color: #022535;
}
.brdr_middle_dark_blue {
  border-color: #044B6A;
}
.brdr_light_blue {
  border-color: #0895D3;
}
.brdr_light2_blue {
  border-color: #6BBFE5;
}
.brdr_orange {
  border-color: #F15A24;
}
.brdr_light4_gray {
  border-color: #b5b8b9;
}
.brdr_light5_gray {
  border-color: #84888A;
}
.brdr_rtb_1px {
  border-right-width: 1px;
  border-right-style: solid;
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.brdr_lrtb_1px {
  border-style: solid;
  border-width: 1px;
}
.brdr_lrtb_2px {
  border-style: solid;
  border-width: 2px;
}
.brdr_right_1 {
  border-right-width: 1px;
  border-right-style: solid;
}
.brdr_left_1 {
  border-left-width: 1px;
  border-left-style: solid;
}
.brdr_left_5 {
  border-left-width: 5px;
  border-left-style: solid;
}
.brdr_left_2 {
  border-left-width: 2px;
  border-left-style: solid;
}
.brdr_left_3 {
  border-left-width: 3px;
  border-left-style: solid;
}
.brdr_left_4 {
  border-left-width: 4px;
  border-left-style: solid;
}
.brdr_left_5 {
  border-left-width: 5px;
  border-left-style: solid;
}
.brdr_top_1 {
  border-top-width: 1px;
  border-top-style: solid;
}
.brdr_top_2 {
  border-top-width: 2px;
  border-top-style: solid;
}
.brdr_top_3 {
  border-top-width: 3px;
  border-top-style: solid;
}
.brdr_top_4 {
  border-top-width: 4px;
  border-top-style: solid;
}
.brdr_top_5 {
  border-top-width: 5px;
  border-top-style: solid;
}
.brdr_bottom_1 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.brdr_bottom_2 {
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
.brdr_bottom_3 {
  border-bottom-width: 3px;
  border-bottom-style: solid;
}
.brdr_bottom_4 {
  border-bottom-width: 4px;
  border-bottom-style: solid;
}
.brdr_bottom_5 {
  border-bottom-width: 5px;
  border-bottom-style: solid;
}
.padding_0,
.md-button.md-icon-button.padding_0 {
  padding: 0;
}
.padding_2 {
  padding: 2px;
}
.padding_7 {
  padding: 7px;
}
.padding_l_20px {
  padding-left: 20px;
}
.padding_l_5px {
  padding-left: 5px;
}
.padding_l_10px {
  padding-left: 10px;
}
.padding_lr_3px {
  padding-left: 3px;
  padding-right: 3px;
}
.padding_lr_5px {
  padding-left: 5px;
  padding-right: 5px;
}
.padding_lr_7px {
  padding-left: 7px;
  padding-right: 7px;
}
.padding_lr_8px {
  padding-left: 8px;
  padding-right: 8px;
}
.padding_lr_10px {
  padding-left: 10px;
  padding-right: 10px;
}
.padding_lr_16px {
  padding-left: 16px;
  padding-right: 16px;
}
.padding_lr_20px {
  padding-left: 20px;
  padding-right: 20px;
}
.padding_lr_24px {
  padding-left: 24px;
  padding-right: 24px;
}
.padding_lr_35px {
  padding-left: 35px;
  padding-right: 35px;
}
.padding_lr_50px {
  padding-left: 50px;
  padding-right: 50px;
}
.padding_lr_20 {
  padding-left: 20%;
  padding-right: 20%;
}
.padding_r_20px {
  padding-right: 20px;
}
.padding_r_25px {
  padding-right: 25px;
}
.padding_r_35px {
  padding-right: 35px;
}
.padding_r_40px {
  padding-right: 40px;
}
md-dialog .md-dialog-content.padding_t_0px,
.padding_t_0px {
  padding-top: 0px;
}
.padding_t_6px {
  padding-top: 6px;
}
.padding_t_10px {
  padding-top: 10px;
}
.padding_t_16px {
  padding-top: 16px;
}
.padding_t_1em {
  padding-top: 1em;
}
md-dialog .md-dialog-content.padding_b_0px,
.padding_b_0px {
  padding-bottom: 0px;
}
.padding_b_6px {
  padding-bottom: 6px;
}
.padding_b_7px {
  padding-bottom: 7px;
}
.padding_tb_3px {
  padding-top: 3px;
  padding-bottom: 3px;
}
md-dialog .md-dialog-content.padding_tb_4px,
.padding_tb_4px {
  padding-top: 4px;
  padding-bottom: 4px;
}
.padding_tb_6px {
  padding-top: 6px;
  padding-bottom: 6px;
}
.padding_tb_8px {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding_tb_10px {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding_lrb_16px {
  padding: 0 16px 16px 16px;
}
.padding_lrt_16px {
  padding: 16px 16px 0 16px;
}
.padding_lrtb_3px {
  padding: 3px;
}
.padding_lrtb_6px {
  padding: 6px;
}
.padding_lrtb_8px {
  padding: 8px;
}
.padding_lrtb_10px {
  padding: 10px;
}
.padding_lrtb_16px {
  padding: 16px;
}
.padding_lrtb_08em {
  padding: 0.8em;
}
.padding_lrtb_5px_10px {
  padding: 5px 10px;
}
.margin_0,
.md-button.md-icon-button.margin_0 {
  margin: 0px;
}
.margin_r_5px,
button.margin_r_5px {
  margin-right: 5px;
}
.margin_r_8px,
.bgr_white .md-button.md-primary.md-raised.md_ec_button_md.margin_r_8px,
.bgr_white .md-button.md-primary.md-raised.md_ec_button_mds.margin_r_8px,
.ec_button_sm.margin_r_8px {
  margin-right: 8px;
}
.margin_r_15px {
  margin-right: 15px;
}
.md_ec_button_sm.margin_r_16px,
.margin_r_16px {
  margin-right: 16px;
}
.margin_r_20px {
  margin-right: 20px;
}
.margin_r_25px {
  margin-right: 25px;
}
.margin_r_35px {
  margin-right: 35px;
}
.margin_r_40px {
  margin-right: 40px;
}
.margin_r_1em {
  margin-right: 1em;
}
.margin_r_2em {
  margin-right: 2em;
}
.margin_r_3em {
  margin-right: 3em;
}
.margin_r_4em {
  margin-right: 4em;
}
.margin_r_5em {
  margin-right: 5em;
}
.margin_b_5px {
  margin-bottom: 5px;
}
.margin_b_8px,
.bgr_white .md-button.md-primary.md-raised.md_ec_button_md.margin_b_8px,
.bgr_white .md-button.md-primary.md-raised.md_ec_button_mds.margin_b_8px {
  margin-bottom: 8px;
}
.margin_b_10px {
  margin-bottom: 10px;
}
.margin_l_0px,
.md_ec_button_sm md-icon.margin_l_0px,
.ec_button_sm.margin_l_0px {
  margin-left: 0px;
}
.margin_l_3px {
  margin-left: 3px;
}
.margin_l_5px {
  margin-left: 5px;
}
.margin_l_8px,
.bgr_white .md_ec_button_md,
.bgr_white .md-button.md-primary.md-raised.md_ec_button_md.margin_l_8px,
.bgr_white .md_ec_button_mds,
.bgr_white .md-button.md-primary.md-raised.md_ec_button_mds.margin_l_8px {
  margin-left: 8px;
}
.margin_l_10px {
  margin-left: 10px;
}
.margin_l_16px {
  margin-left: 16px;
}
.margin_l_20px {
  margin-left: 20px;
}
.margin_l_1em {
  margin-left: 1em;
}
.margin_l_2em {
  margin-left: 2em;
}
.margin_lr_5px {
  margin-left: 5px;
  margin-right: 5px;
}
.margin_lr_8px {
  margin-left: 8px;
  margin-right: 8px;
}
.margin_lr_10px {
  margin-left: 10px;
  margin-right: 10px;
}
.margin_lr_16px {
  margin-left: 16px;
  margin-right: 16px;
}
.margin_lrtb_8px {
  margin: 8px;
}
.margin_lrb_16px {
  margin: 0 16px 16px 16px;
}
.margin_lrtb_16px {
  margin: 16px 16px 16px 16px;
}
.margin_rtb_16px {
  margin: 16px 16px 16px 0;
}
.margin_tb_3px {
  margin-top: 3px;
  margin-bottom: 3px;
}
.margin_tb_8px {
  margin-top: 8px;
  margin-bottom: 8px;
}
.margin_tb_5px,
button.margin_tb_5px {
  margin-top: 5px;
  margin-bottom: 5px;
}
.margin_tb_08em {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}
.margin_tb_1em {
  margin-top: 1em;
  margin-bottom: 1em;
}
.margin_tb_2em {
  margin-top: 2em;
  margin-bottom: 2em;
}
.margin_t_0px {
  margin-top: 0px;
}
.margin_t_5px {
  margin-top: 5px;
}
.margin_t_10px {
  margin-top: 10px;
}
.margin_t_15px {
  margin-top: 15px;
}
.margin_t_16px {
  margin-top: 16px;
}
.margin_t_20px {
  margin-top: 20px;
}
.margin_t_25px {
  margin-top: 25px;
}
.margin_t_06em {
  margin-top: 0.6em;
}
md-switch.md_ec_switch_sm.margin_t_08em,
.margin_t_08em {
  margin-top: 0.8em;
}
.margin_t_1em {
  margin-top: 1em;
}
.margin_t_2em {
  margin-top: 2em;
}
.margin_b_08em {
  margin-bottom: 0.8em;
}
.margin_b_1em {
  margin-bottom: 1em;
}
.margin_b_2em {
  margin-bottom: 2em;
}
.margin_b_25px {
  margin-bottom: 25px;
}
.margin_b_35px {
  margin-bottom: 35px;
}
.text_align_left {
  text-align: left;
}
.text_align_center,
ec-side-nav .ec_head_controls.text_align_center {
  text-align: center;
}
.ec_top_15px {
  top: 15px;
}
.width_100 {
  left: 0;
  width: 100%;
}
.height_100 {
  top: 0;
  height: 100%;
}
.height_1em {
  height: 1em;
}
.height_2em {
  height: 2em;
}
.image_cropper_35,
.image_cropper_40,
.image_cropper_45,
.image_cropper_50,
.image_cropper_100 {
  max-width: 100px;
  max-height: 100px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  border: 3px solid #02D376;
}
.image_cropper_35 {
  max-width: 35px !important;
  max-height: 35px !important;
  border: 2px solid #02D376;
}
.image_cropper_45 {
  max-width: 45px !important;
  max-height: 45px !important;
  border: 2px solid #02D376;
}
.image_cropper_40 {
  max-width: 40px !important;
  max-height: 40px !important;
  border: 2px solid #02D376;
}
.image_cropper_50 {
  max-width: 50px;
  max-height: 50px;
  border: 3px solid #02D376;
}
.image_cropper_100 {
  max-width: 100px;
  max-height: 100px;
  border: 3px solid #02D376;
}
.image_cropper_35 img,
.image_cropper_45 img,
.image_cropper_50 img,
.image_cropper_100 img {
  display: inline;
  margin: 0 auto;
  /*height: 100%;*/
  width: 100%;
}
[ngf-select],
[ngf-select] > * {
  cursor: pointer;
}
.dragover {
  border: 1px solid #0895D3;
}
[ngf-select]:after,
.dragover:after {
  display: block;
  content: "";
  clear: both;
}
[ngf-drop] img {
  max-width: 320px;
}
.ec_rotate_anim {
  display: block;
  transition: transform 0.25s linear 0s;
}
a.ec_rotate_anim {
  display: inline-block;
}
.ec_rotate_90 {
  transform: rotate(90deg);
}
.ec_rotate_180 {
  transform: rotate(180deg);
}
.frow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.frow .fcolumn {
  flex-direction: column;
}
.frow.frow_wrap {
  flex-wrap: wrap;
}
.frow.v_center {
  align-items: center;
}
.frow.v_stretch {
  align-items: stretch;
}
.frow.v_end {
  align-items: flex-end;
}
.frow.h_space_between {
  justify-content: space-between;
}
.frow.h_center {
  justify-content: center;
}
.frow > .fitem {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
}
.frow.nogrow > .fitem,
.frow > .fitem.nogrow {
  flex-grow: 0;
}
.frow > .fitem.separator {
  flex-grow: 0;
  width: 5%;
}
.frow > .fitem.v_center {
  align-self: center;
}
.frow > .fitem.v_stretch {
  align-self: stretch;
}
.frow > .fitem.v_end {
  align-self: flex-end;
}
.ec_highlighted {
  background: yellow;
}
.help h3 {
  font-weight: bold;
  font-size: 140%;
  text-transform: none;
}
.help h4 {
  font-weight: bold;
  font-size: 130%;
  text-transform: none;
  color: #666666;
  padding-top: 15px;
}
.help h5 {
  font-weight: bold;
  font-size: 110%;
  text-transform: none;
  padding-top: 15px;
}
.help img {
  display: block;
  width: 100%;
  margin: 10px 0;
  border: solid 1px #84888a;
}
.help ul {
  list-style: disc;
}
.help li {
  padding-bottom: 10px;
}
.help.decimal li {
  font-weight: bold;
  list-style-type: decimal;
  padding-bottom: 15px;
}
.help p {
  font-weight: normal;
  padding: 5px 0 5px 0;
  margin: 0;
  background-color: inherit;
}
.help_ref {
  color: #ff00ff;
  font-weight: bold !important;
  font-size: 110%;
  white-space: nowrap;
}
div.help_link {
  font-style: italic;
  font-size: 90%;
  padding: 0px 0px 10px 0px;
  width: 100%;
  text-align: center;
}
p.help-hint::before {
  position: relative;
  display: inline-block;
  color: #02d376;
  content: "";
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23044b6a;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0,0h24v24H0V0z'/%3E%3Cpath class='st1' d='M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10s10-4.5,10-10S17.5,2,12,2z M13,17h-2v-6h2V17z M13,9h-2V7h2V9z'/%3E%3C/svg%3E");
  top: 7px;
  left: 0;
  width: 24px;
  height: 24px;
  /*border: solid 1px red;*/
  margin-right: 3px;
}
p.help-hint {
  padding-top: 0px;
  color: #044b6a;
  font-style: italic;
}
.color_reference::before {
  position: relative;
  display: inline-block;
  content: " ";
  top: 6px;
  left: 0;
  width: 20px;
  height: 20px;
  border: solid 1px #84888a;
  margin-right: 5px;
}
.color_reference_dot::before {
  position: relative;
  display: inline-block;
  content: " ";
  top: 4px;
  left: 0;
  width: 16px;
  height: 16px;
  border: solid 1px #84888a;
  margin-right: 5px;
  border-radius: 50%;
}
.bgr_gray::before {
  background-color: #666666;
}
.bgr_green::before {
  background-color: #02D376;
}
.bgr_red::before {
  background-color: #f44e4e;
}
.bgr_yellow::before {
  background-color: #EDB01B;
}
.bgr_purple1::before {
  background-color: #9f6dd1;
}
.bgr_purple2::before {
  background-color: #5f0bb2;
}
.bgr_purple3::before {
  background-color: #440989;
}
.help table {
  width: 100%;
}
table.help td {
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  vertical-align: top;
  padding: 5px;
}
.help_content_grid table {
  width: 100%;
}
table.help_content_grid td {
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  vertical-align: top;
  padding: 5px;
}
table.help tr:nth-child(odd) {
  background-color: rgba(206, 234, 246, 0.3);
}
table.help tr:nth-child(even) {
  background-color: rgba(235, 241, 249, 0.4);
}
.ec_img_selected img {
  /*outline: #101010 solid 2px;*/
  outline: #6bbfe5 solid 1px;
}
.ec_pointer {
  cursor: pointer;
}
.ec_user_menu_ {
  min-width: 450px;
}
.ec_hide_with_in {
  animation: hide-with-in 1s;
  animation-fill-mode: forwards;
}
.ec_hide_with_out {
  animation: hide-with-out 1s;
  animation-fill-mode: forwards;
}
@keyframes hide-with-in {
  from {
    opacity: 0;
    overflow: hidden;
    display: block;
  }
  to {
    opacity: 1;
  }
}
@keyframes hide-with-out {
  0% {
    opacity: 1;
    overflow: hidden;
    min-width: auto;
    height: auto;
    min-height: auto;
    width: auto;
  }
  50% {
    opacity: 0;
  }
  99% {
    opacity: 0;
    min-width: auto;
    height: auto;
    min-height: auto;
    width: auto;
  }
  100% {
    opacity: 0;
    overflow: hidden;
    display: none;
    min-width: 0%;
    height: 0%;
    min-height: 0%;
    width: 0%;
  }
}
.diff_html ins {
  background: lightgreen;
  text-decoration: none;
}
.diff_html del {
  background: pink;
}
/* --- help --- */
/* +++ conponetns +++ */
.system_notification_normal {
  background: repeating-linear-gradient(135deg, #f2f2f2 0, #f2f2f2 2%, transparent 0, transparent 50%);
  background-size: 1em 1em;
  padding: 0 10px 3px 10px;
  text-align: center;
  border: solid 3px #02D376;
}
.system_notification_normal h2 {
  color: #02D376;
  font-weight: bold;
}
.system_notification_alert {
  background: repeating-linear-gradient(135deg, #f2f2f2 0, #f2f2f2 2%, transparent 0, transparent 50%);
  background-size: 1em 1em;
  padding: 0 10px 3px 10px;
  text-align: center;
  border: solid 3px #F74D9B;
}
.system_notification_alert h2 {
  color: #F74D9B;
  font-weight: bold;
}
.md-button.md-raised:not([disabled]) {
  box-shadow: none;
  border: 1px solid #666666;
}
.md_ec_button_sm {
  margin: 0;
  padding: 0 8px;
  border-radius: 0;
  border-left-width: 3px;
  border-left-style: solid;
  border-color: #02D376;
  min-height: 30px;
  line-height: 30px;
  font-size: 13px;
  text-transform: none;
  font-weight: normal;
}
.md_ec_button_sm md-icon {
  font-size: 18px;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  margin-left: -3px;
  margin-right: -3px;
}
.md_ec_button_sm span {
  margin: 0 8px;
}
.ec_button_sm {
  margin: 0 5px;
  padding: 0 5px;
  border-radius: 0;
  min-height: 30px;
  line-height: 30px;
  font-size: 13px;
  text-transform: none;
  font-weight: normal;
  min-width: 35px;
}
.ec_button_sm.green_line,
.ec_button_sm.light_blue_line {
  padding-left: 9px;
}
.ec_button_sm.green_line::before,
.ec_button_sm.light_blue_line::before {
  position: absolute;
  display: block;
  content: " ";
  width: 4px;
  left: 0;
  top: 0;
  bottom: 0;
}
.ec_button_sm.light_blue_line::before {
  background-color: #0895D3;
}
.ec_button_sm.green_line::before {
  background-color: #02D376;
}
.ec_button_sm md-icon {
  font-size: 18px;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
}
.md_ec_button_md,
.md-button.md-primary.md-raised.md_ec_button_md {
  margin: 0;
  padding: 0;
  border-radius: 0;
  border-left-width: 3px;
  border-left-style: solid;
  border-color: #02D376;
  min-height: 30px;
  line-height: 30px;
  font-size: 13px;
  text-transform: none;
  font-weight: normal;
  text-align: left;
}
.md_ec_button_caption {
  font-size: 80%;
}
.md-button.md-primary.md-raised.md_ec_button_md,
.md-button.md-primary.md-raised.md_ec_button_md:not([disabled]).md-focused {
  background-color: #022535;
}
.md-button.md-primary.md-raised.md_ec_button_md:not([disabled]):hover {
  background-color: #CEEAF6;
  color: #022535;
}
.md_ec_button_md md-icon {
  font-size: 50px;
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  margin-left: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.md-button.md-primary.md-raised.md_ec_button_md:not([disabled]) md-icon {
  color: #0895D3;
}
.md_ec_button_md .md_ec_button_text {
  line-height: 18px;
  margin: auto 0px;
  padding: 0 8px;
}
.bgr_white .md_ec_button_md,
.bgr_white .md-button.md-primary.md-raised.md_ec_button_md {
  margin: 0;
  padding: 0;
  border-radius: 0;
  border-left-width: 3px;
  border-left-style: solid;
  border-color: #02D376;
  min-height: 30px;
  line-height: 30px;
  font-size: 13px;
  text-transform: none;
  font-weight: normal;
  text-align: left;
  color: #FFFFFF;
}
.bgr_white .md-button.md-primary.md-raised.md_ec_button_md,
.bgr_white .md-button.md-primary.md-raised.md_ec_button_md:not([disabled]).md-focused {
  background-color: #0895D3;
}
.bgr_white .md-button.md-primary.md-raised.md_ec_button_md:not([disabled]):hover {
  background-color: #0895D3;
  color: #FFFFFF;
}
.bgr_white .md_ec_button_md md-icon {
  font-size: 50px;
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  margin-left: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.bgr_white .md-button.md-primary.md-raised.md_ec_button_md:not([disabled]) md-icon {
  color: #FFFFFF;
}
.bgr_white .md_ec_button_md .md_ec_button_text {
  line-height: 18px;
  margin: auto 8px;
}
.md_ec_button_mds,
.md-button.md-primary.md-raised.md_ec_button_mds {
  margin: 0;
  padding: 0;
  border-radius: 0;
  border-left-width: 3px;
  border-left-style: solid;
  border-color: #02D376;
  min-height: 30px;
  line-height: 30px;
  font-size: 13px;
  text-transform: none;
  font-weight: normal;
  text-align: left;
}
.md-button.md-primary.md-raised.md_ec_button_mds,
.md-button.md-primary.md-raised.md_ec_button_mds:not([disabled]).md-focused {
  background-color: #022535;
}
.md-button.md-primary.md-raised.md_ec_button_mds:not([disabled]):hover {
  background-color: #CEEAF6;
  color: #022535;
}
.md_ec_button_mds md-icon {
  font-size: 40px;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  margin-left: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.md-button.md-primary.md-raised.md_ec_button_mds:not([disabled]) md-icon {
  color: #0895D3;
}
.md_ec_button_mds .md_ec_button_text {
  line-height: 13px;
  margin: auto 3px;
}
.bgr_white .md_ec_button_mds,
.bgr_white .md-button.md-primary.md-raised.md_ec_button_mds {
  margin: 0;
  padding: 0;
  border-radius: 0;
  border-left-width: 3px;
  border-left-style: solid;
  border-color: #02D376;
  min-height: 30px;
  line-height: 30px;
  font-size: 13px;
  text-transform: none;
  font-weight: normal;
  text-align: left;
  color: #FFFFFF;
}
.bgr_white .md-button.md-primary.md-raised.md_ec_button_mds,
.bgr_white .md-button.md-primary.md-raised.md_ec_button_mds:not([disabled]).md-focused {
  background-color: #0895D3;
}
.bgr_white .md-button.md-primary.md-raised.md_ec_button_mds:not([disabled]):hover {
  background-color: #0895D3;
  color: #FFFFFF;
}
.bgr_white .md_ec_button_mds md-icon {
  font-size: 40px;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  margin-left: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.bgr_white .md-button.md-primary.md-raised.md_ec_button_mds:not([disabled]) md-icon {
  color: #FFFFFF;
}
.bgr_white .md_ec_button_mds .md_ec_button_text {
  line-height: 13px;
  margin: auto 8px auto 3px;
}
.ec_button_pink {
  border-color: #FF7BAC;
}
md-switch {
  height: auto;
}
md-switch .md-container {
  cursor: pointer;
}
md-switch.md_ec_switch {
  margin: 5px;
}
md-switch.md_ec_switch .md-thumb,
md-switch.md_ec_switch_sm .md-thumb {
  height: 10px;
  width: 10px;
  left: 5px;
  top: 5px;
}
md-switch.md_ec_switch.md-checked:not([disabled]).md-primary .md-thumb,
md-switch.md_ec_switch_sm.md-checked:not([disabled]).md-primary .md-thumb {
  background-color: #FFFFFF;
}
md-switch.md_ec_switch.md-checked:not([disabled]).md-primary .md-bar,
md-switch.md_ec_switch_sm.md-checked:not([disabled]).md-primary .md-bar {
  background-color: #0895D3;
}
md-switch.md_ec_switch_sm {
  margin: 0px;
  line-height: 1.8em;
  align-items: flex-start;
}
md-switch.md_ec_switch_sm .md-label {
  margin-top: 2px;
}
ec-switch {
  display: inline-block;
  padding: 10px 0;
}
ec-switch md-switch.md_ec_switch {
  margin: 0;
  padding: 0;
  display: block;
}
ec-switch > div > div:first-child > label {
  margin-top: -1.5em;
  height: 0px;
  font-size: 75%;
  display: block;
  color: rgba(0, 0, 0, 0.54);
}
/*ec-switch md-input-container label {
    overflow: visible !important;
    text-overflow: unset !important;
    width: 100% !important;
    display: block !important;
}*/
ec-switch md-switch.md_ec_switch:after {
  content: "";
  display: table;
  clear: both;
}
.ec_switch_clr_pink md-switch.md_ec_switch.md-checked:not([disabled]).md-primary .md-bar,
.ec_switch_clr_pink md-switch.md_ec_switch_sm.md-checked:not([disabled]).md-primary .md-bar {
  background-color: #FF7BAC;
}
.ec_switch_clr_pink_lite md-switch.md_ec_switch.md-checked:not([disabled]).md-primary .md-bar,
.ec_switch_clr_pink_lite md-switch.md_ec_switch_sm.md-checked:not([disabled]).md-primary .md-bar {
  background-color: #FFE5EF;
}
md-switch[aria-checked='false'] {
  color: rgba(0, 0, 0, 0.38);
}
.ec_form_title {
  text-align: left;
  font-size: 24px;
  font-weight: 100;
  line-height: 40px;
  padding: 20px 0 0 0px;
}
.ec_form_title md-icon {
  color: #0895D3;
  font-size: 38px;
  width: 43px;
  height: 43px;
}
.ec_form_content {
  text-align: left;
  padding: 20px 20px 0 45px;
  min-width: 320px;
}
.ec_form_content md-icon {
  color: #0895D3;
}
.ec_logo .md-button {
  margin: 0;
  padding: 0;
}
ec-side-nav {
  display: block;
  height: 100%;
}
ec-side-nav .ec_head_controls {
  position: relative;
  height: 40px;
  padding: 5px;
}
ec-side-nav .ec_head_controls .md-button {
  margin: 0;
  padding: 0;
  max-height: 30px;
  min-height: 10px;
  min-width: 10px;
  width: 30px;
  height: 30px;
  color: #FFFFFF;
}
ec-side-nav .ec_head_controls .md-button md-icon {
  color: #FFFFFF;
}
ec-side-nav .ec_side_nav_list {
  /*min-width: 170px;*/
}
ec-side-nav .ec_side_nav_list > div {
  margin: 0px 0px 10px 0px;
}
/*.bgr_light3_blue a, .bgr_white .bgr_light3_blue a*/
ec-side-nav .bgr_light3_blue .ec_side_nav_list a {
  width: 100%;
  display: inline-block;
}
ec-side-nav .ec_side_nav_list .ec_side_nav_list_itm_lbl {
  display: inline-block;
  min-width: 110px;
  color: #CEEAF6;
}
ec-side-nav .ec_side_nav_list a.active .ec_side_nav_list_itm_lbl,
ec-side-nav .ec_side_nav_list a:hover .ec_side_nav_list_itm_lbl {
  color: #FFFFFF;
}
ec-side-nav .ec_side_nav_list a.active .ec_side_nav_list_itm_lbl.hover_color_gray,
ec-side-nav .ec_side_nav_list a:hover .ec_side_nav_list_itm_lbl.hover_color_gray {
  color: #666666;
}
ec-side-nav .ec_side_nav_list a.active md-icon {
  color: #02D376 !important;
}
ec-side-nav .ec_side_nav_list a.active md-icon svg path {
  fill: #02D376 !important;
}
ec-side-nav .bgr_light3_blue .ec_head_controls,
ec-side-nav .bgr_light3_blue .ec_head_controls .md-button md-icon,
ec-side-nav .bgr_light4_blue .ec_head_controls,
ec-side-nav .bgr_light4_blue .ec_head_controls .md-button md-icon,
ec-side-nav .bgr_light5_blue .ec_head_controls,
ec-side-nav .bgr_light5_blue .ec_head_controls .md-button md-icon,
ec-side-nav .bgr_light2_gray .ec_head_controls,
ec-side-nav .bgr_light2_gray .ec_head_controls .md-button md-icon {
  color: #000000;
}
ec-side-nav .bgr_light2_gray a md-icon {
  color: #6BBFE5;
}
ec-top-line-info-bar {
  display: block;
  height: 40px;
}
ec-top-line-info-bar .ec_version {
  margin: auto 0;
  color: #0895D3;
}
ec-top-line-info-bar .ec_version > div {
  position: relative;
  /*width: 40px;*/
}
ec-top-line-info-bar .ec_breadcrumb {
  margin: auto 0;
}
ec-top-line-info-bar .ec_breadcrumb .sep:after {
  content: " > ";
  margin: 0 8px;
}
ec-user-menu {
  font-size: initial;
}
ec-user-menu md-menu-bar .md-button.md-icon-button {
  height: 55px;
  width: 55px;
}
ec-main-content,
ec-main-content > * {
  display: block;
  position: relative;
}
ec-main-content > *,
.ec_content_wrp {
  margin: 4px 16px 0px 16px;
}
ec-projects-details-page,
ec-projects-page {
  margin: 0;
}
.ec_divder {
  position: relative;
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  border-color: #666666;
  background-color: #F9F9F9;
}
.ec_divder md-icon {
  color: #0895D3;
}
.ec_divder .ec_divder_options {
  position: absolute;
  right: 0;
  top: -4em;
}
.ec_to_top_right {
  position: absolute;
  top: 0px;
  right: 0px;
}
.ec_window md-dialog.md-default-theme,
.ec_window md-dialog {
  border-radius: 0px;
}
md-dialog md-toolbar h2 {
  color: #FFFFFF;
}
.ec_window md-toolbar,
.ec_window md-toolbar .md-toolbar-tools {
  min-height: 40px;
  height: 40px;
}
.ec_window md-toolbar {
  background-color: #022535;
  border-color: #02D376;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}
/* grid-ui */
.ui-grid {
  border: 0px none;
}
.scrollFiller {
  border-color: #FFFFFF;
}
.ui-grid-top-panel {
  max-height: 32px;
}
.ec_grid_menu_btn {
  position: absolute;
  right: 0px;
  top: -2px;
}
.ec_grid_menu_btn md-menu-bar {
  padding: 0;
}
.ec_grid_menu_btn md-menu-bar button {
  padding: 0;
  height: 32px;
}
.ui-grid-column-resizer {
  z-index: 10;
}
.ui-grid-top-panel {
  background-color: #b5b8b9;
}
.ui-grid-top-panel,
.ui-grid-top-panel md-icon {
  color: #FFFFFF;
  font-weight: normal;
}
.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #F2F2F2;
  color: #666666;
}
.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #E6E6E6;
  color: #666666;
}
.ui-grid-cell,
.ui-grid-header-cell,
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child,
.ui-grid-row:last-child .ui-grid-cell,
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
  border-color: #FFFFFF !important;
}
.ui-grid-cell {
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.ui-grid-render-container-body .ui-grid-viewport {
  /*    overflow: hidden !important;*/
}
.ui-grid-render-container-left .ui-grid-viewport {
  /* height: 100% !important;*/
}
.ui-grid-scrollbar-placeholder {
  /*display: none !important;*/
  background-color: #84888A;
}
.ui-grid-contents-wrapper {
  position: relative;
  max-height: 100%;
}
.ui-grid-pinned-container {
  position: relative;
  height: 100%;
}
.ui-grid-render-container-left {
  position: relative;
  height: 100%;
}
.ui-grid-cell-contents {
  outline: none;
}
.ui-grid-top-panel .ui-grid-cell-contents {
  line-height: 20px;
}
.ui-grid-render-container-body .ui-grid-viewport {
  /*height: auto !important;*/
}
.control_buttons {
  text-align: center;
}
.drop_zone {
  position: relative;
  background-color: #BDCCD4;
  width: 160px;
  height: 40px;
}
.drop_zone::before,
.drop_zone::after {
  position: absolute;
  display: block;
  content: "";
  width: 1px;
  height: 160px;
  background-color: #666666;
  transform: translate(80px, -60px) rotate(77deg);
}
.drop_zone::after {
  transform: translate(80px, -60px) rotate(-77deg);
}
.drop_zone > div[ngf-drop] {
  position: absolute;
  width: 160px;
  height: 40px;
  background-color: transparent;
  z-index: 1;
}
.drop_zone > div[ngf-drop] .wrp {
  position: absolute;
  width: 160px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.company_logo img {
  max-height: 38.61px;
}
.capture_logo img {
  max-height: 38.61px;
}
[ngf-drop] {
  min-width: 1em;
  min-height: 1em;
}
/* md-icons */
md-icon.ec_14 {
  font-size: 14px;
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
}
md-icon.ec_16 {
  font-size: 16px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}
md-icon.ec_18 {
  font-size: 18px;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
}
md-icon.ec_18 {
  font-size: 18px;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
}
md-icon.ec_26 {
  font-size: 26px;
  width: 26px;
  height: 26px;
  min-width: 26px;
  min-height: 26px;
}
md-icon.ec_32 {
  font-size: 32px;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}
md-icon.ec_36 {
  font-size: 36px;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
}
md-icon.ec_40 {
  font-size: 40px;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
}
md-icon.ec_60 {
  font-size: 60px;
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
}
img.ec_26 {
  font-size: 26px;
  width: 26px;
  height: 26px;
  min-width: 26px;
  min-height: 26px;
}
.ec-side-nav-main-menu a img.default {
  display: inline-block;
}
.ec-side-nav-main-menu a img.hover {
  display: none;
}
.ec-side-nav-main-menu a:hover img.default {
  display: none;
}
.ec-side-nav-main-menu a:hover img.hover {
  display: inline-block;
}
.ec_icon_button {
  padding: 0;
  min-width: 24px;
}
.ec_caption {
  font-size: smaller;
}
ec-user-view,
ec-user-selector {
  display: block;
  position: relative;
}
.ec_user_status_online,
.ec_user_status_offline {
  border-width: 5px;
  border-style: solid;
  border-radius: 5px;
}
.ec_user_status_online {
  border-color: #02D376;
}
.ec_user_status_offline {
  border-color: #84888A;
}
.ec_qv_content {
  margin-top: 5px;
  height: 100px;
  min-width: 160px;
}
/* ec_search */
.ec_search_wrp {
  position: absolute;
  top: 0px;
  height: 100%;
  right: 0;
  width: 0%;
  transition: width 0.4s linear;
  z-index: 10;
}
.ec_search_wrp.ec_search_show {
  /*width: 100%;*/
  width: 30%;
  left: 35%;
  height: 30px;
  margin-top: 13px;
}
html .ec_search_wrp md-autocomplete md-input-container .md-input {
  border-width: 0 0 0px 0;
  margin-top: 5px;
  background-color: #044461;
  color: #CEEAF6;
}
.ec_search_wrp md-autocomplete md-input-container.md-input-focused .md-input {
  border-width: 0 0 2px 0;
}
.ec_search_wrp.color_dark_blue md-autocomplete md-input-container label {
  color: #CEEAF6;
  font-size: 12px;
  line-height: 15px;
  padding-left: 35px;
  margin-bottom: -10px;
  font-style: italic;
}
.ec_search_wrp.color_dark_blue md-autocomplete md-input-container:not(.md-input-invalid).md-input-focused label {
  color: #0895D3;
}
.ec_search_ctrl md-input-container {
  margin: 0;
  padding: 0;
}
/* +++ team configuration */
ec-template-team-configuration {
  position: relative;
  display: block;
}
.team_disabled {
  color: #b5b8b9;
  text-decoration: line-through;
}
.transparent_textbox {
  background-color: transparent;
  border: 0px none;
  outline: 0 none;
}
.wj-flexgrid .wj-cell:not(.wj-state-selected) .transparent_textbox {
  color: inherit;
}
ec-setup-companies-project-templates-pack-content-workflow-page .wj-flexgrid > div:last-child {
  height: auto !important;
}
ec-user-selector > div {
  /*height: 45px; */
}
/* --- team configuration */
/* contenteditable */
[contenteditable] {
  display: block;
  min-width: 2em;
  min-height: 1.2em;
  padding: 3px;
}
/* ec-contenteditable*/
ec-contenteditable {
  display: block;
  position: relative;
  padding: 1px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0);
}
ec-edit-attr-item ec-contenteditable {
  margin: 0 3px;
}
ec-contenteditable .ec_wrp_scroll {
  display: block;
  position: relative;
  overflow-y: auto;
  overflow-x: auto;
  max-height: 90px;
}
ec-contenteditable [contenteditable] {
  display: block;
  position: relative;
  outline: 0 none;
  overflow: hidden;
  /*height: 100%;*/
  padding: 2px 2px 0px 2px;
  margin-bottom: 4px;
  width: 100%;
}
ec-edit-project-attr-item {
  display: inline-block;
  min-width: 200px;
}
ec-contenteditable:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.12);
}
ec-contenteditable.ec_focus {
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
}
ec-contenteditable.ec_focus:after {
  background-color: #0895d3;
  height: 2px;
}
ec-contenteditable div[contenteditable][placeholder]:empty:before {
  content: attr(placeholder);
  color: rgba(0, 0, 0, 0.54);
}
ec-contenteditable div[contenteditable][placeholder]:empty:focus:before {
  content: "";
}
.ui-grid-cell > form > .ec_commands {
  position: absolute;
  bottom: 5px;
  left: 5px;
}
/* rejection_comments_form */
.rejection_comments_form p {
  margin-bottom: 0px;
}
/* gantt */
.gantt-current-date-line {
  border: 1px dotted #ff5299;
}
.gantt-side-header-row {
  border: 0px none;
}
.gantt-header-row {
  border: 0px none;
}
.gantt-header-row .gantt-column-header {
  border: 0px none;
  /*background-color: #666666;*/
  /*color: #ffffff;*/
}
.gantt-scrollable-header {
  border: 0px none;
}
.gantt-foreground-col,
.gantt-foreground-col-nonworkhour,
.gantt-foreground-col-current-date {
  /*border: 0px none;*/
}
.gantt-row-even > .gantt-row-background {
  background-color: #f2f2f2;
}
.gantt-row-main > .gantt-row-background {
  background-color: transparent;
  border-top: 1px solid #b3b3b3;
}
.gantt-row-process > .gantt-row-background {
  background-color: transparent;
  border-top: 1px solid #b3b3b3;
}
.gantt-row-sub-process > .gantt-row-background {
  background-color: transparent;
  border-top: 1px solid #b3b3b3;
}
.gantt-row-main .gantt-task-background {
  background-color: transparent;
}
.gantt-row-process .gantt-task-background {
  background-color: #b3b3b3;
}
.gantt-row-sub-process .gantt-task-background {
  background-color: #c3c3c3;
}
.gantt-column-weekend {
  background-color: rgba(0, 0, 0, 0.03);
}
.gantt_decisions_rejected {
  display: block;
  min-width: 1.5em;
  height: 1.5em;
  border-radius: 1em;
  color: #FFFFFF;
  line-height: 1.5em;
  text-align: center;
  background-color: #f44e4e;
}
.gantt_decisions_approved {
  display: block;
  min-width: 1.5em;
  height: 1.5em;
  border-radius: 1em;
  color: #FFFFFF;
  line-height: 1.5em;
  text-align: center;
  background-color: #02D376;
}
.gantt-side-content-table > .gantt-table-column:nth-child(2) .gantt-row-label.gantt-row-sub-process-author .gantt-label-text {
  padding-left: 20px;
}
.gantt-side-content-table > .gantt-table-column:nth-child(2) .gantt-row-label.gantt-row-sub-process-editor .gantt-label-text {
  padding-left: 20px;
}
.gantt-side-content-table > .gantt-table-column:nth-child(2) .gantt-row-label.gantt-row-sub-process-approval .gantt-label-text {
  padding-left: 20px;
}
.gantt-side-content-table {
  display: flex;
}
.gantt-resizer-display {
  width: 7px;
}
.gantt-resizer-display md-icon {
  min-width: 7px;
  width: 7px;
  margin-left: -9px;
}
.gantt-row-sub-process-in-process .gantt-row-background {
  background-color: #fffed9;
}
.ec-gantt-task-completed div.gantt-task-content:after {
  position: absolute;
  display: block;
  content: " ";
  top: 0;
  bottom: 0;
  left: -7px;
  width: 20px;
  background-image: url('/images/icons/task-complete-default.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.ec-gantt-task-completed div.gantt-task-content,
.ec-gantt-task-approved div.gantt-task-content,
.ec-gantt-task-rejected div.gantt-task-content {
  overflow: visible;
}
.ec-gantt-task-completed .gantt-task-background,
.ec-gantt-task-approved .gantt-task-background,
.ec-gantt-task-rejected .gantt-task-background {
  background-color: transparent;
}
.ec-gantt-task-approved div.gantt-task-content:after {
  position: absolute;
  display: block;
  content: " ";
  top: 0;
  bottom: 0;
  left: -7px;
  width: 20px;
  background-image: url('/images/icons/decision-approved.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.ec-gantt-task-rejected div.gantt-task-content:after {
  position: absolute;
  display: block;
  content: " ";
  top: 0;
  bottom: 0;
  left: -7px;
  width: 20px;
  background-image: url('/images/icons/decision-rejected.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.gantt-body-foreground {
  z-index: 1;
}
.gantt-side {
  max-width: 100%;
}
.gantt-side-content {
  overflow-x: auto;
}
.gantt-side-content {
  max-height: calc(100% + 20px) !important;
}
/*.gantt
{
    padding-bottom: 30px;
}*/
.gantt-table-header-row span.gantt-label-text {
  padding-top: 0px;
}
.gantt-side-content-tree {
  display: none;
}
.gantt-task-group {
  height: 7px;
  top: 20px;
}
.gantt-body {
  height: auto !important;
}
.gantt-header-columns {
  height: auto !important;
}
.workflow_canceled .gantt-table-content {
  text-decoration: line-through;
  color: #84888A;
}
.workflow_paused .gantt-table-content {
  color: #84888A;
}
.gantt-row-sub-process-in-process-paused span.gantt-label-text > div.finish_column .date_content::before,
.gantt-row-sub-process-in-process-canceled span.gantt-label-text > div.finish_column .date_content::before {
  position: relative;
  display: inline-block;
  top: 0px;
  left: 5px;
  width: 24px;
  height: 24px;
  content: " ";
  background-size: cover;
  float: left;
}
.gantt-row-sub-process-in-process-paused span.gantt-label-text > div.finish_column .date_content::before {
  background-image: url('/images/icons/workflow-task-paused.gif');
}
.gantt-row-sub-process-in-process-canceled span.gantt-label-text > div.finish_column .date_content::before {
  background-image: url('/images/icons/workflow-task-cancelled.gif');
}
/*.gantt-table-content span div {
    display: inline-block;
}*/
.ec_zero_time {
  margin-left: -0.6em;
}
/* md-sidenav */
.md-sidenav-bottom {
  top: auto;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40%;
  max-width: none;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}
.md-sidenav-bottom.md-closed {
  -webkit-transform: translate3d(0%, 100%, 0);
  transform: translate3d(0%, 100%, 0);
}
.md-sidenav-bottom > md-toolbar,
.md-sidenav-bottom > md-content {
  display: flex;
  flex: 1 0 0;
}
ec-user-workflow-history {
  display: block;
}
.ec_late .ui-grid-cell {
  background-color: #e5bfbe !important;
}
.show_trying_reconnect {
  position: absolute;
  top: 60px;
  left: calc(50% - 85px);
  width: 170px;
  text-align: center;
  border: 1px solid;
  border-color: #f44e4e;
  color: #f44e4e;
  animation: trying_reconnect 3s, blinker 1s linear infinite;
  animation-fill-mode: forwards;
  background-color: fide(#f44e4e, 10%);
}
@keyframes trying_reconnect {
  0% {
    zoom: 2.5;
    padding: 10px;
    top: 50%;
    left: calc(50% - 120px);
    width: 240px;
  }
  75% {
    zoom: 2.5;
    padding: 10px;
    top: 50%;
    left: calc(50% - 120px);
    width: 240px;
  }
  100% {
    zoom: 1;
    padding: 0px;
    top: 60px;
    left: calc(50% - 85px);
    width: 170px;
  }
}
@keyframes blinker {
  50% {
    opacity: 0.3;
  }
}
.gantt-row-process > .gantt-row-background {
  background-color: #CEEAF6;
  border-top: 1px solid #CEEAF6;
}
.gantt-row-process.state_Active > .gantt-row-background {
  background-color: #F9F9F9;
  border-top: 1px solid #b3b3b3;
}
.gantt-row-process.state_Closed > .gantt-row-background {
  background-color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
}
.state_Late > .gantt-task-background {
  background-color: #ed271b;
  border-top: 1px solid #ed271b;
}
.state_OnTime > .gantt-task-background {
  background-color: #02d376;
  border-top: 1px solid #02d376;
}
ec-projects-page .wj-flexgrid .late {
  color: #FF1D25;
}
.ec_pnl_menu {
  background: white;
  border-radius: 4px;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: 256px;
}
.ec_pnl_item {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 48px;
  padding: 0 16px;
  position: relative;
  transition: background 0.15s linear;
  width: auto;
  color: #666666;
}
.ec_pnl_menu .ec_pnl_item:hover,
.ec_pnl_menu .ec_pnl_item:focus {
  background-color: #eeeeee;
}
.gantt-current-date-line {
  border-color: #0895d3;
}
.timrspan_current_date {
  border: 0px solid transparent;
  background-color: transparent;
  border-right: 1px dotted #02d376;
  z-index: 1;
  max-width: 0px;
  overflow: visible;
  box-sizing: border-box;
}
.rename_subproject {
  line-height: 48px;
}
/*simple table*/
.ec_simple_table {
  border-collapse: collapse;
  table-layout: auto;
  position: relative;
}
.ec_simple_table > tbody > tr > td {
  vertical-align: top;
  position: relative;
  border: 1px solid #84888A;
  padding: 3px;
}
/* +++ Search Autocomplete Style +++ */
.ec_search_mvrc ul.md-autocomplete-suggestions li.md-autocomplete-suggestion {
  padding: 0;
}
.ec_search_mvrc ul.md-autocomplete-suggestions li.md-autocomplete-suggestion a {
  padding: 0 15px;
  color: #84888a;
  font-size: 0.7vw;
}
.ec_search_mvrc ul.md-autocomplete-suggestions li.md-autocomplete-suggestion a span.highlight {
  color: #0895D3;
}
.ec_search_mvrc ul.md-autocomplete-suggestions li.md-autocomplete-suggestion a span.search_main_text {
  color: #02D376;
}
.ec_search_mvrc ul.md-autocomplete-suggestions li.md-autocomplete-suggestion a span.search_sub_text {
  color: #6BBFE5;
}
.ec_search_mvrc ul.md-autocomplete-suggestions li.md-autocomplete-suggestion a.canceled_item,
.ec_search_mvrc ul.md-autocomplete-suggestions li.md-autocomplete-suggestion a.archived_item.canceled_item {
  background-color: #022535 !important;
  background: repeating-linear-gradient(135deg, #044B6A 0, #044B6A 10%, transparent 0, transparent 50%);
  background-size: 1em 1em;
}
.ec_search_mvrc ul.md-autocomplete-suggestions li.md-autocomplete-suggestion a.canceled_item span.search_text {
  color: #ffffff;
}
.ec_search_mvrc ul.md-autocomplete-suggestions li.md-autocomplete-suggestion a.canceled_item span.search_main_text {
  color: #0895d3;
}
.ec_search_mvrc ul.md-autocomplete-suggestions li.md-autocomplete-suggestion a.canceled_item span.search_sub_text {
  color: #ffffff;
}
.ec_search_mvrc ul.md-autocomplete-suggestions li.md-autocomplete-suggestion a.archived_item {
  background: repeating-linear-gradient(135deg, #f2f2f2 0, #f2f2f2 10%, transparent 0, transparent 50%);
  background-size: 1em 1em;
}
md-autocomplete.ec_search_autocomplete md-input-container .md-input {
  /*background: url(/images/icons/search-blue.png);*/
  background-repeat: no-repeat;
  background-position: 3px 4px;
  padding: 0px 35px;
}
.ec_search_ctrl md-icon.search-icon {
  position: absolute;
  z-index: 1;
  top: 9px;
  left: 5px;
  color: #b4cad4;
}
md-autocomplete.ec_search_autocomplete md-input-container.md-input-focused .md-input {
  /*background: url(/images/icons/search-gray.png);*/
  background-repeat: no-repeat;
  background-position: 3px 4px;
  padding: 0px 35px;
}
md-autocomplete.ec_search_autocomplete md-input-container.md-input-focused .md-input {
  background-color: #F3FDFF !important;
  color: #84888A !important;
}
md-autocomplete.ec_search_autocomplete md-input-container.md-input-focused label,
md-autocomplete.ec_search_autocomplete md-input-container.md-input-has-value label {
  display: none;
}
.ec_search_autocomplete md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border: none;
}
.md-virtual-repeat-container.ec_search_mvrc.md-autocomplete-suggestions-container {
  margin-top: 4px;
  z-index: 9999 !important;
}
.ec_search_mvrc .md-autocomplete-suggestions .md-autocomplete-suggestion {
  height: 24px !important;
}
.ec_search_mvrc .fxs-async-searchmenu-result-category {
  padding: 8px 0;
  margin-bottom: 1px;
  height: 24px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.ec_search_mvrc .fxs-portal-text {
  color: #84888a;
  font-weight: bold;
}
.ec_search_mvrc .fxs-async-searchmenu-result-category-title {
  font-weight: 600;
  font-size: 13px;
  text-transform: inherit;
}
.ec_search_mvrc .fxs-async-searchmenu-result-category-line {
  flex: 1 2 auto;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  height: 0;
  margin-left: 2px;
  border-color: rgba(204, 204, 204, 0.8);
}
.ec_search_mvrc .fxs-menu-result-category-more-link,
.ec_search_mvrc .fxs-menu-recent-more-link {
  display: flex;
  align-items: center;
  font-size: 11px;
  width: auto;
  padding: 0 2px !important;
  border: none;
  color: #0895D3 !important;
  font-weight: bold;
}
md-autocomplete[md-floating-label].ec_search_autocomplete .md-show-clear-button md-input-container.md-input-has-value ~ button {
  background: url(/images/icons/search-clear-blue.png);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  top: 5px;
  right: -7px;
}
md-autocomplete[md-floating-label].ec_search_autocomplete .md-show-clear-button md-input-container.md-input-focused ~ button {
  background: url(/images/icons/search-clear-gray.png);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  top: 5px;
  right: -7px;
}
md-autocomplete[md-floating-label].ec_search_autocomplete .md-show-clear-button button md-icon {
  display: none;
}
/* --- Search Autocomplete Style ---*/
/* --- conponetns --- */
md-input-container {
  margin: 0;
}
md-toolbar {
  min-height: 55px;
}
.md-toolbar-tools {
  min-height: 55px;
  height: 55px;
}
/*.md-virtual-repeat-container .md-virtual-repeat-offsetter {
    box-sizing: border-box;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 20px;
}*/
/*.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    margin-top: 15px;
}*/
.md-button.md-default-theme:not([disabled]).md-focused,
.md-button:not([disabled]).md-focused,
.md-button.md-default-theme:not([disabled]):hover,
.md-button:not([disabled]):hover {
  background-color: transparent;
}
/*.md-button.md-icon-button {
    height: 2em;
    width: 2em;
}*/
md-content.md-default-theme,
md-content {
  color: initial;
  background-color: transparent;
}
md-input-container .mce-tinymce {
  margin-top: 11px;
}
md-input-container > div[contenteditable] {
  border-width: 0 0 1px;
  border-style: solid;
  margin: 6px 0 0.5em 0;
  margin-top: 11px;
  border-color: rgba(0, 0, 0, 0.12);
}
.ng-invalid.ng-touched .mce-tinymce {
  border-color: #f44e4e !important;
}
md-input-container .md-placeholder,
md-input-container label:not(.md-no-float):not(.md-container-ignore) {
  width: calc(100% - 3px);
}
md-input-container md-select,
md-input-container .md-input {
  margin: 6px 0 0.5em 0;
}
/*md-input-container .md-input {
    margin-top: 6px;
}*/
/* + input label animation */
md-input-container label:not(.md-no-float):not(.md-container-ignore),
md-input-container .md-placeholder {
  -webkit-transform: translate3d(0, 2.5em, 0) scale(1);
  transform: translate3d(0, 2.5em, 0) scale(1);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
md-input-container.md-input-focused label:not(.md-no-float),
md-input-container.md-input-has-placeholder label:not(.md-no-float),
md-input-container.md-input-has-value label:not(.md-no-float),
md-input-container.ec-input-has-value label:not(.md-no-float) {
  -webkit-transform: translate3d(0, 1.3em, 0) scale(0.75);
  transform: translate3d(0, 1.3em, 0) scale(0.75);
  transition: width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
}
ec-search-ctrl md-autocomplete md-input-container label:not(.md-no-float):not(.md-container-ignore),
ec-search-ctrl md-autocomplete md-input-container .md-placeholder {
  transform: translate3d(0, 1.6em, 0) scale(1);
}
ec-search-ctrl md-autocomplete md-input-container.md-input-focused label:not(.md-no-float),
ec-search-ctrl md-autocomplete md-input-container.md-input-has-placeholder label:not(.md-no-float),
ec-search-ctrl md-autocomplete md-input-container.md-input-has-value label:not(.md-no-float) {
  transform: translate3d(0, 0.8em, 0) scale(0.75);
}
ec-invite-guest md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline,
#invite_guest_user_form md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline {
  bottom: 30px;
}
md-progress-linear .md-container {
  background-color: #CEEAF6;
}
md-progress-linear .md-bar2 {
  background-color: #0895D3;
}
.mce-branding,
.mce-path {
  display: none !important;
}
.ec_hide_error_spacer .md-errors-spacer {
  display: none;
}
md-input-container .md-errors-spacer {
  min-height: 1px;
}
.select-header-searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
}
.select-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 10.667px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
}
.highlight {
  font-weight: bold;
  font-size: 110%;
}
.layout-row > .flex._md-datepicker-has-calendar-icon,
._md-datepicker-has-calendar-icon {
  min-width: 180px;
}
md-datepicker button.md-datepicker-button.md-button.md-icon-button {
  padding: 0;
  margin: 0;
  height: 28px;
  width: 28px;
  min-width: 24px;
  min-height: 24px;
  top: 0px;
}
md-input-container md-datepicker button.md-datepicker-button.md-button.md-icon-button {
  top: 8px;
}
.md-icon-button + .md-datepicker-input-container {
  margin-left: 5px;
}
._md-datepicker-has-triangle-icon {
  padding-right: 0px;
  margin-right: 0px;
}
.md-datepicker-triangle-button {
  bottom: 5px;
}
md-datepicker {
  display: inline-block;
}
.md-datepicker-input-container {
  /*width: 100%;*/
  width: calc(100% - 28px - 5px);
}
md-datepicker {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
md-datepicker > button.md-datepicker-button {
  float: none;
}
md-datepicker > button.md-datepicker-button,
md-datepicker > div.md-datepicker-input-container {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}
md-checkbox {
  /*margin: 0.5em;*/
  /*margin: 0px;*/
  margin: 0.5em;
  min-width: 20px;
  min-height: 20px;
}
md-checkbox .md-container {
  margin: 1px 0px 0px 3px;
  /* transform: translateY(-16%);*/
  transform: none;
}
.md-datepicker-input {
  max-width: 100%;
}
md-checkbox .md-label {
  margin-top: 0px;
}
md-checkbox .md-container:after {
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
.moment-picker th,
.moment-picker td {
  color: #000000;
}
ec-datepicker md-icon {
  cursor: pointer;
}
ec-datepicker input {
  width: 100%;
  max-width: 100%;
}
md-input-container ec-datepicker > div > div:first-child {
  margin: 10px 10px 0 0;
}
ec-datepicker > div > div:last-child md-icon {
  position: absolute;
  top: 0;
  right: 0px;
}
md-input-container ec-datepicker > div > div:last-child md-icon {
  position: absolute;
  top: 0.35em;
  right: 0px;
}
ec-datepicker {
  display: block;
  position: relative;
}
md-input-container ec-datepicker .md-input {
  /*margin-top: 3px;*/
}
ec-datepicker md-icon {
  outline: none 0px;
}
md-toolbar:not(.md-menu-toolbar) md-icon {
  fill: currentColor;
}
._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  right: 18px;
  left: auto;
  width: calc(100% - 54px);
}
/* md-icon */
md-icon.md-default-theme,
md-icon {
  color: #000000;
}
md-input-container.md-default-theme .md-input,
md-input-container .md-input {
  color: #000000;
}
md-input-container.md-default-theme .md-input[readonly],
md-input-container .md-input[readonly] {
  color: rgba(0, 0, 0, 0.38);
}
/* + wj-input-color + */
/*md-input-container .wj-inputcolor
{
    border: 0 none;
}
md-input-container .wj-inputcolor .wj-input-group input.wj-form-control {
    padding: 0 8px 0 24px;
}*/
/* - wj-input-color - */
/* +++ wjTreeView +++ */
.wj-treeview {
  overflow: visible;
}
.wj-control:not(.wj-dropdown-panel,.wj-valuefilter-editor) {
  display: block;
  color: inherit;
  background: inherit;
  border: 0 none;
  border-radius: 0;
  overflow: visible;
}
.wj-treeview .wj-node {
  padding: 0;
}
.wj-marker:not(.wj-colheaders .wj-marker) {
  width: 100% !important;
}
.wj-treeview .wj-node:before {
  display: none;
}
.wj-treeview .wj-node.wj-state-selected {
  background: transparent;
}
.sku_item_collaps > div {
  transform: rotate(90deg);
}
.wj-state-collapsed .sku_item_collaps > div {
  transform: rotate(0deg);
}
.wj-state-empty .sku_item_collaps > div {
  visibility: hidden;
}
.wj-treeview .wj-nodelist .wj-nodelist {
  padding-left: 0em;
  margin-left: 1em;
}
.wj-treeview .wj-nodelist .wj-node:nth-child(even),
.wj-treeview .wj-nodelist .wj-nodelist .wj-node:nth-child(odd) {
  background-color: #F2F2F2;
}
.wj-treeview .wj-nodelist .wj-node:nth-child(odd),
.wj-treeview .wj-nodelist .wj-nodelist .wj-node:nth-child(even) {
  background-color: #F9F9F9;
}
.wj-treeview .wj-nodelist .wj-nodelist {
  border: 1px solid #E6E6E6;
}
.wj-treeview .wj-marker {
  width: 100% !important;
}
.wj-treeview .wj-marker[style*='left: 17px;'] {
  width: calc(100% - 17px) !important;
}
/* --- wjTreeView --- */
.layout-wrap > .flex {
  flex: 1 1 100%;
}
/* +++ angular-gantt +++ */
.gantt-header-columns {
  /*height: 55px;*/
}
.gantt-row-label span.gantt-label-text {
  display: block;
}
/* --- angular-gantt --- */
/* ui-grid */
.ui-grid-icon-minus-squared:before {
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  content: " ";
  background-image: url("/images/icons/expanded-gray.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ui-grid-icon-plus-squared:before {
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  content: " ";
  background-image: url("/images/icons/collapsed-gray.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* +++ wlFlexGrid +++ */
.wj-cell.wj-header {
  font-weight: normal;
}
ec-projects-production-page .wj-cells .wj-cell,
ec-content-manage-tranlsations-page .wj-cells .wj-cell {
  overflow-y: auto;
}
ec-projects-production-page .wj-flexgrid .wj-cells .wj-cell,
ec-content-manage-tranlsations-page .wj-flexgrid .wj-cells .wj-cell {
  user-select: text;
}
ec-projects-production-page ec-wijmo-view-attr {
  cursor: text;
}
.wj-flexgrid.ec_height_auto > div:last-child {
  height: auto !important;
  max-height: 100% !important;
}
.wj-cell.ec_cell_scroll {
  overflow: auto;
}
/* --- wlFlexGrid --- */
/* .wj-control */
.wj-control *:not(md-icon) {
  font-size: inherit;
}
.wj-cell.wj-header {
  background-color: #b5b8b9;
  color: #FFFFFF;
}
.wj-cell {
  border-right-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
  background-color: #F2F2F2;
  color: #666666;
}
.wj-cell.wj-alt {
  background-color: #E6E6E6;
  color: #666666;
}
.wj-cell.wj-group {
  color: #666666;
}
.wj-cells .wj-cell.wj-state-selected {
  background: #0895D3;
}
/* md-dialog */
md-dialog {
  min-width: 320px;
}
md-dialog md-dialog-actions {
  padding: 0 24px;
}
.md-select-menu-container {
  z-index: 9991;
}
md-select .md-select-value {
  padding-bottom: 2px;
}
.md-select-menu-container input[type="search"].md-text {
  border: 1px solid #ccc;
  border-width: 0 0 1px 0;
  width: 94%;
  /*margin-left: -1px;*/
  /*margin-right: -1px;*/
  padding: 3%;
  /*margin-top: -3px;*/
}
md-select-menu:not(.md-overflow) md-content {
  padding-top: 0px;
}
md-select-menu md-option > .md-text img {
  max-height: 20px;
  max-width: 100px;
}
.wj-cell.wj-detail {
  padding: 0;
  overflow-y: auto;
  /*height: auto !important;*/
}
.wj-glyph-plus,
.wj-glyph-minus {
  top: 0.7em;
}
.wj-form-control:enabled {
  border: 1px solid #b5b8b9 !important;
}
.md-tooltip {
  color: #666666 !important;
  border: 1px solid #666666 !important;
  background-color: #F8FDFF !important;
  height: auto !important;
  font-size: 13px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  border-radius: 0;
  padding: 7px 15px;
}
.md-tooltip table {
  color: #666666 !important;
}
.chart-horizontal-bar {
  cursor: pointer;
}
ec-projects-content-page .scrollbar-macosx > .scroll-element .scroll-bar {
  opacity: 1 !important;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
  height: 11px;
  min-width: 10px;
  top: -14px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  left: -14px;
  min-height: 10px;
  width: 11px;
}
/* +++ Wijmo Grid Filter Control +++ */
.wj-control.wj-content.wj-listbox {
  overflow: scroll;
  max-width: 100%;
}
.wj-filtertype > a {
  color: #0895d3;
  text-decoration: underline;
  font-weight: 400;
}
.wj-filtertype > a.wj-state-disabled {
  color: inherit;
  font-size: 130%;
  font-weight: 700;
  float: left;
}
.wj-control a[disabled='disabled']::after {
  background-color: inherit;
}
/* --- Wijmo Grid Filter Control --- */
.toast-close {
  position: absolute;
  top: 0;
  right: 0;
}
.classification-form-fields md-autocomplete-wrap {
  box-shadow: none;
}
md-input-container.hide-validation-error .md-errors-spacer {
  min-height: 0;
}
.user_template_config_form md-content.loading:before {
  position: fixed;
  top: inherit;
  bottom: 54px;
}
#gridProject md-progress-linear .md-container {
  background-color: #f44e4e;
  height: 20px;
}
#gridProject md-progress-linear .md-bar2 {
  background-color: #02D376;
  height: 20px;
}
#user_template_config_form .ec_checkbox {
  margin-top: 20px;
}
[dnd-list] {
  min-height: 1.5em;
}
[dnd-list] .dndDraggingSource {
  display: none;
}
[dnd-list] .dndPlaceholder {
  display: block;
  padding: 0;
  border: 1px solid #b3b3b3;
  background-color: #F9F9F9;
  min-height: 1.5em;
  height: 28px;
  box-sizing: border-box;
}
.dndDragover.layout-row .dndPlaceholder {
  display: flex;
  margin-right: 15px;
  height: auto;
  flex: 1 1 100%;
  max-width: 5%;
  max-height: 100%;
}
[dnd-list] [draggable] {
  cursor: move;
}
[dnd-list].show_drop_here_area:after {
  position: relative;
  display: block;
  background-color: #F9F9F9;
  content: " + Drop here";
  height: 39px;
  line-height: 39px;
  text-align: center;
  min-width: 180px;
  color: #666666;
}
.ec_dragable_goup_item,
.dndPlaceholder,
.ec_dragable_item {
  border: 1px solid #b3b3b3;
  background-color: #F9F9F9;
  padding: 5px 10px 5px 0px;
  margin-bottom: 2px;
  min-width: 173px;
  color: #000000;
}
.ec_dragable_goup_item {
  padding: 8px 10px 8px 0;
}
.ec_dragable_goup_item > *,
.dndPlaceholder > *,
.ec_dragable_item > * {
  padding-left: 5px;
}
/*
[dnd-list] md-icon {
    font-size: 16px;
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
}
*/
.wj-cell.wj-header [dnd-list] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 38px;
  border: 3px solid transparent;
  box-sizing: border-box;
}
.ec_draging .wj-cell.wj-header [dnd-list],
.ec_draging [dnd-list].ec-dnd-preview {
  background-color: rgba(8, 149, 211, 0.3);
  border: 3px dashed #0895D3;
}
/* +++ sku_list +++ */
/*md-tabs.ec_tabs .md-tab.md-active {
    color: rgb(255,255,255);
    background-color: rgba(16,150,211,1);
}
*/
md-tabs.ec_tabs .md-tab.md-active {
  color: #ffffff;
  background-color: #84888A;
}
md-tabs.ec_tabs md-ink-bar {
  background-color: #02D376;
}
.ec_tabs md-tab-content {
  transform: none !important;
}
.ec_tabs .md-tab {
  font-size: 16px;
  background-color: #e5e5e5;
  border-right: 1px solid #ffffff;
}
.ec_last_tab_white md-tab-item:last-child {
  background-color: #FFFFFF;
}
/*md-tabs.ec_tabs.ec_last_tab_white .md-tab:last-child
{
    background-color: @color_white;
}
*/
.ec_tabs md-tab-item::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  left: 0px;
  bottom: 0px;
  background: #a9aeb1;
  transition: color, background 0.25s linear 0s;
}
.ec_tabs md-tab-item:hover::before {
  background: #02D376;
}
.ec_hide_content md-tab-content {
  display: none;
}
.ec_tabs_tansp .md-ripple-container {
  background-color: transparent !important;
}
.ec_tabs_tansp .md-ripple-container > div {
  background: rgba(0, 0, 0, 0.7) !important;
}
.ec_tabs_tansp md-ink-bar {
  background: #0895D3;
}
md-tabs.ec_tabs_tansp.md-default-theme .ec_tabs_tansp .md-tab.md-active,
md-tabs.ec_tabs_tansp .md-tab.md-active,
md-tabs.ec_tabs_tansp.md-default-theme .md-tab.md-active md-icon,
md-tabs.ec_tabs_tansp .md-tab.md-active md-icon:not(.color_light_blue),
md-tabs.ec_tabs_tansp.md-default-theme .md-tab.md-focused,
md-tabs.ec_tabs_tansp .md-tab.md-focused,
md-tabs.ec_tabs_tansp.md-default-theme .md-tab.md-focused md-icon,
md-tabs.ec_tabs_tansp .md-tab.md-focused md-icon {
  color: #000000;
}
ec-projects-content-page md-tabs {
  padding-right: 40px;
}
ec-projects-content-page .ec_comands > button:last-child {
  margin-right: 0px;
}
ec-projects-content-page .ui-grid-row .ui-grid-cell-contents,
ec-setup-companies-translations-library-page .ui-grid-row .ui-grid-cell-contents,
ec-projects-history-page .ui-grid-row .ui-grid-cell-contents,
ec-search-project-history-page .ui-grid-row .ui-grid-cell-contents,
ec-search-user-history-page .ui-grid-row .ui-grid-cell-contents {
  position: relative;
  display: block;
  overflow: auto;
}
ec-view-attr .ui-grid-cell-contents,
.ui-grid-viewport .ui-grid-cell-contents {
  white-space: normal;
}
ec-projects-content-page .ec_empty_required_cell {
  background-color: rgba(255, 0, 0, 0.2);
}
ec-projects-content-page ec-view-attr {
  position: relative;
  display: block;
  height: 100%;
  box-sizing: border-box;
}
.ai_data_cell {
  /*border: 1px solid @color_green !important;*/
  border: 2px solid transparent;
  border-image: linear-gradient(to right, #0895D3, #02d376) 1;
  /*animation: moveGradient2 4s alternate infinite;*/
}
@keyframes moveGradient2 {
  50% {
    border-image: repeating-linear-gradient(to right, #983FF0, #02D376) 1;
  }
}
/* +++ styled gradient border */
.ai_data_cell2 {
  --border-width: 1px;
  /*border-radius: 10px;*/
  left: 1px;
  top: 1px;
  background: #FFF;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.ai_data_cell2::after {
  position: absolute;
  content: "";
  top: calc(-1 * var(--border-width));
  left: calc(-1 * var(--border-width));
  z-index: -1;
  width: calc(100% + var(--border-width) * 2);
  height: calc(100% + var(--border-width) * 2);
  /**/
  background: linear-gradient(60deg, hsl(224, 85%, 66%), hsl(269, 85%, 66%), hsl(314, 85%, 66%), hsl(359, 85%, 66%), hsl(44, 85%, 66%), hsl(89, 85%, 66%), hsl(134, 85%, 66%), hsl(179, 85%, 66%));
  background-size: 300% 300%;
  background-position: 0 50%;
  /*border-radius: 10px;*/
  animation: moveGradient 4s alternate infinite;
}
@keyframes moveGradient {
  50% {
    background-position: 100% 50%;
  }
}
/* --- styled gradient border */
.missing_cell {
  border: 1px solid #f44e4e !important;
}
ec-projects-content-page .ui-grid-cell {
  position: relative;
}
ec-projects-content-page .HasBeenChanged {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px;
  border-color: #f00 #f00 transparent transparent;
  margin: 0em 0 0 0em;
  padding: 0;
  overflow: hidden;
  vertical-align: top;
  top: 0;
  right: 0;
  z-index: 1;
}
ec-projects-content-page .userActiveTask {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px;
  border-color: #0895D3 #0895D3 transparent transparent;
  margin: 0em 0 0 0em;
  padding: 0;
  overflow: hidden;
  vertical-align: top;
  top: 0;
  right: 0;
  z-index: 1;
}
ec-projects-content-page .HasAuthorChanges {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px;
  border-color: #0895D3 #0895D3 transparent transparent;
  margin: 0em 0 0 0em;
  padding: 0;
  overflow: hidden;
  vertical-align: top;
  top: 0;
  right: 0;
  z-index: 1;
}
ec-projects-content-page .HasEditorChanges {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  border-color: #044B6A #044B6A transparent transparent;
  margin: 0em 0 0 0em;
  padding: 0;
  overflow: hidden;
  vertical-align: top;
  top: 0;
  right: 0;
  z-index: 1;
}
/*ec-projects-content-page .show_task_to_edit {
    position: absolute;
    width: 0;
    height: 0;
    top: 0px;
    right: 0px;
    z-index: 1;
}

ec-projects-content-page .show_task_to_edit {
    border: 12px solid;
    border-color: #48b548 #48b548 transparent transparent;
}*/
ec-projects-content-page .loading::after {
  position: absolute;
  display: block;
  content: " ";
  background-position: center center;
  /*background-image: url('/images/ajax-loader16.gif');*/
  background-color: rgba(255, 255, 255, 0.65);
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
ec-projects-content-page .loading2::before {
  position: absolute;
  display: block;
  content: " ";
  background-position: center center;
  background-image: url('/images/ajax-loader16.gif');
  background-color: rgba(255, 255, 255, 0.65);
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
ec-projects-content-page md-datepicker {
  vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
}
ec-projects-content-page .ui-grid-cell input:not([type='image']) {
  height: 30px;
}
ec-projects-content-page .ui-grid-cell .top_cell_links,
ec-projects-content-page .ui-grid-cell .cell_links {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  font-size: 0;
  padding: 0 2px 2px 0;
  text-align: center;
  /*    position: sticky;
    font-size: 0;
    padding: 3px;
    margin: 0;
    width: 100%;

    bottom: -6px;
    left: 0;
    right: 0;
*/
}
ec-projects-content-page .ui-grid-cell .cell_links {
  /*transition: background-color 0.5s;*/
  /*background-color: rgba(255, 255, 255, 0.25);*/
  /*background-color: #d1e2ea;*/
  background-color: rgba(8, 149, 211, 0.04);
}
ec-projects-content-page .ui-grid-cell .bgr_green_08 .cell_links {
  /*transition: background-color 0.5s;*/
  /*background-color: rgba(255, 255, 255, 0.25);*/
  /*    background-color: #d1e2ea;*/
  background-color: rgba(2, 211, 118, 0.04);
}
/*ec-projects-content-page .ui-grid-cell:hover .cell_links {
    background-color: rgba(255, 255, 255, 0.25);
}*/
ec-projects-content-page .ui-grid-cell .top_cell_links {
  bottom: auto;
  top: 0;
}
ec-projects-content-page .ui-grid-cell .top_cell_links > div,
ec-projects-content-page .ui-grid-cell .cell_links > div,
ec-projects-content-page .ui-grid-cell .top_cell_links > a,
ec-projects-content-page .ui-grid-cell .cell_links > a {
  display: inline-block;
  margin-left: 3px;
}
ec-projects-content-page .ui-grid-cell .top_cell_links > div,
ec-projects-content-page .ui-grid-cell .cell_links > div,
ec-projects-content-page .top_cell_links img,
ec-projects-content-page .cell_links img,
ec-projects-content-page .ui-grid-cell .unlock_to_edit img,
ec-projects-content-page .ui-grid-cell .lock_edit img,
ec-projects-content-page .ui-grid-cell .add_vendor img {
  width: 24px;
  height: 24px;
}
ec-projects-content-page .ui-grid-cell .lock_edit {
  position: absolute;
  display: block;
  bottom: 3px;
  right: 50%;
  z-index: 10;
  cursor: pointer;
  background-color: white;
  font-size: 0;
}
ec-projects-content-page .ui-grid-cell .add_vendor {
  position: absolute;
  display: block;
  bottom: 3px;
  right: 34px;
  z-index: 10;
  cursor: pointer;
  background-color: white;
  font-size: 0;
}
ec-projects-content-page .cell_links md-menu-bar button {
  padding: 0;
}
ec-projects-content-page .ui-grid-cell .multi_copy,
ec-projects-content-page .ui-grid-cell .fide_in_link,
ec-projects-content-page .ui-grid-cell .unlock_to_edit {
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.5s;
}
ec-projects-content-page .ui-grid-cell:hover .multi_copy,
ec-projects-content-page .ui-grid-cell:hover .fide_in_link,
ec-projects-content-page .ui-grid-cell:hover .unlock_to_edit {
  opacity: 1;
}
ec-projects-content-page .ec_row {
  position: relative;
}
ec-projects-content-page .ec_row::after {
  position: relative;
  display: block;
  content: "";
  clear: both;
}
ec-projects-content-page .ec_row.ec_advanced {
  /*background-color: rgba(24, 150, 211, 0.3);*/
  background-color: rgba(2, 211, 118, 0.08);
}
ec-projects-content-page .ec_row.ec_canceled {
  background-color: #666666;
}
ec-projects-content-page .ec_row.ec_canceled .ui-grid-cell {
  color: #a1a1a1;
}
ec-projects-content-page .ec_row.ec_canceled {
  background-color: #022535 !important;
  background: repeating-linear-gradient(135deg, #044B6A 0, #044B6A 10%, transparent 0, transparent 50%);
  background-size: 1em 1em;
}
ec-projects-content-page .ec_row.ec_canceled .ui-grid-cell {
  color: #0895d3;
}
.ec_canceled ec-view-attr:after {
  white-space: nowrap;
  content: "CANCELLED ITEM";
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 65px);
  padding: 10px;
  border-radius: 0px;
  background-color: #044b6a;
}
ec-projects-content-page .ec_row.ec_selected .ui-grid-cell,
ec-projects-content-page .ec_row.ec_selected .ui-grid-cell:last-child {
  border-top: 1px solid #0895D3 !important;
  border-bottom: 1px solid #0895D3 !important;
}
/*.ui-grid-row > [ui-grid-row],*/
ec-projects-content-page .ui-grid-row:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.07);
}
ec-projects-content-page .ui-grid-row:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05);
}
ec-projects-content-page .ui-grid-row > [ui-grid-row] > .ui-grid-cell .ui-grid-cell,
ec-projects-content-page .ui-grid-row:nth-child(odd) .ui-grid-cell,
ec-projects-content-page .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: transparent;
}
ec-projects-content-page .ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell:hover .ui-grid-cell,
ec-projects-content-page .ui-grid-row:nth-child(odd):hover .ui-grid-cell,
ec-projects-content-page .ui-grid-row:nth-child(even):hover .ui-grid-cell {
  background-color: transparent;
}
ec-projects-content-page .ui-grid-top-panel {
  /*background-color: rgba(0, 0, 0, 0.2);*/
}
ec-projects-content-page .ui-grid-header-cell {
  border-color: #aeaeae;
}
ec-projects-content-page .hide-validation-errors .md-errors-spacer {
  display: none;
}
ec-projects-content-page md-menu-bar {
  padding: 0;
}
ec-projects-content-page md-menu-bar button {
  height: 34px;
}
ec-projects-content-page .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
  box-sizing: border-box;
  border-right: 1px solid;
  border-width: 1px;
  border-right-color: #d4d4d4;
}
ec-projects-content-page .ui-grid-column-resizer {
  z-index: 9;
}
.ec_height_16 {
  height: 16px;
}
.ec_height_24 {
  height: 24px;
}
/* wijmo */
/*[aria-level='1'] .wj-cell {
    background-color: rgba(8, 149, 211, .2) !important;
}
[aria-level='1'] .wj-cell.wj-alt {
    background-color: rgba(8, 149, 211, .15) !important;
}*/
[aria-level='2'] .wj-cell {
  /*background-color: @color_light_gray !important;*/
}
[aria-level='2'] > .wj-cell:first-child {
  padding-left: 6px !important;
}
ec-tasks-page [aria-level='2'] > .wj-cell:first-child {
  padding-left: 22px !important;
}
ec-tasks-page [aria-level='2'] > .wj-cell {
  background-color: #ebf1f9;
}
ec-tasks-page [aria-level='3'] > .wj-cell:first-child {
  background-color: #f2f6fa;
}
ec-tasks-page [aria-level='4'] > .wj-cell:first-child {
  /*background-color: #fdfbfb;*/
  background-color: rgba(242, 246, 250, 0.8);
}
ec-tasks-page [aria-level='4'] > .wj-cell.wj-alt:first-child {
  /*background-color: #f5f5f5;*/
  background-color: #f2f6fa;
}
ec-projects-page [aria-level='2'] > .wj-cell {
  background-color: #ebf1f9;
}
ec-projects-page [aria-level='3'] > .wj-cell {
  background-color: #f2f6fa;
}
ec-projects-page [aria-level='4'] > .wj-cell {
  /*background-color: #fdfbfb;*/
  background-color: rgba(242, 246, 250, 0.8);
}
ec-projects-page [aria-level='4'] > .wj-cell.wj-alt {
  /*background-color: #f5f5f5;*/
  background-color: #f2f6fa;
}
ec-projects-page [aria-level='2'] > .wj-cell:nth-child(2) {
  padding-left: 24px;
}
ec-projects-page [aria-level='3'] > .wj-cell:nth-child(2) {
  padding-left: 38px;
}
ec-projects-page [aria-level='4'] > .wj-cell:nth-child(2) {
  padding-left: 52px;
}
.wj-cell.ec_advanced {
  background-color: rgba(8, 149, 211, 0.2) !important;
}
.wj-cell.wj-alt.ec_advanced {
  background-color: rgba(8, 149, 211, 0.15) !important;
}
.wj-cell.ec_canceled {
  color: #ffffff;
  background-color: #044B6A !important;
  background: repeating-linear-gradient(135deg, #022535 0, #022535 10%, transparent 0, transparent 50%);
  background-size: 1em 1em;
}
.ec_validation_error {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(244, 78, 78, 0.2);
}
.color_edit_task_1 {
  color: #02d376;
}
.color_edit_task_2 {
  color: #fbb03b;
}
.color_edit_task_3 {
  color: #b7ff22;
}
.color_edit_task_4 {
  color: #13e1d6;
}
.color_edit_task_5 {
  color: #7d44ff;
}
.color_brdr_edit_task_1 {
  border: 1px solid #02d376;
}
.color_brdr_edit_task_2 {
  border: 1px solid #fbb03b;
}
.color_brdr_edit_task_3 {
  border: 1px solid #b7ff22;
}
.color_brdr_edit_task_4 {
  border: 1px solid #13e1d6;
}
.color_brdr_edit_task_5 {
  border: 1px solid #7d44ff;
}
.color_brdr_approval_task_1 {
  border: 1px solid #02d376;
}
.color_brdr_approval_task_2 {
  border: 1px solid #074329;
}
.color_brdr_approval_task_3 {
  border: 1px solid #04241b;
}
.color_brdr_approval_task_4 {
  border: 1px solid #8ee981;
}
.color_brdr_approval_task_5 {
  border: 1px solid #0f7886;
}
.color_brdr_approval_task_1.HasRejections {
  border: 1px solid #ed271b;
}
.color_brdr_approval_task_2.HasRejections {
  border: 1px solid #7a0046;
}
.color_brdr_approval_task_3.HasRejections {
  border: 1px solid #f71093;
}
.color_brdr_approval_task_4.HasRejections {
  border: 1px solid #9800d3;
}
.color_brdr_approval_task_5.HasRejections {
  border: 1px solid #3d0023;
}
.ui-grid-render-container-left .ui-grid-canvas {
  width: calc(100% + 2px) !important;
}
.milestone_progress {
  position: absolute;
  height: 4px;
  width: 100%;
  bottom: -2px;
  border-width: 0px;
  border-style: solid;
}
.milestone_progress > div {
  height: 4px;
}
.ec_red_headers .wj-cell.wj-header {
  background: #FF7882;
}
.ec_fullscreen {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: white;
}
ec-view-attr .selected_cell {
  background-color: rgba(102, 102, 102, 0.3);
}
ec-view-attr .bgr_light_blue_08.selected_cell {
  background-color: rgba(8, 149, 211, 0.3);
}
ec-view-attr .bgr_green_08.selected_cell {
  background-color: rgba(2, 211, 118, 0.3);
}
ec-view-attr .bgr_yellow_08.selected_cell {
  background-color: rgba(247, 242, 65, 0.36);
  /*color: @color_white;*/
}
ec-view-attr .bgr_red_08.selected_cell {
  background-color: rgba(244, 78, 78, 0.3);
}
.ui-grid-cell-focus:not(.ec_cell) {
  background-color: transparent;
}
.ui-grid-focuser {
  outline: none !important;
  box-shadow: none !important;
}
.ec_cell.ai_data {
  color: #02D376;
}
#ec_window_edit_row form > table > tbody > tr:nth-child(odd) {
  background-color: #E6E6E6;
}
#ec_window_edit_row form > table > tbody > tr:nth-child(even) {
  background-color: #F2F2F2;
}
#ec_window_edit_row form > table > tbody > tr > td {
  padding: 7px;
}
.ec_group_tab {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ec_group_tab.missing_cells {
  border: 1px solid #f44e4e;
}
.ui-grid-ec-selection-input {
  position: absolute;
  /*left: -9999;*/
  z-index: -1;
  visibility: hidden;
}
.DesignerAsset {
  color: #0895D3;
}
.ec_edit_content_row > td {
  vertical-align: top;
}
.ec_edit_content_row > td:nth-child(2) {
  width: 60%;
}
ec-projects-production-page .ec_revision_changes,
ec-projects-content-page .ec_revision_changes {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px;
  border-color: #FF7BAC #FF7BAC transparent transparent;
  margin: 0em 0 0 0em;
  padding: 0;
  overflow: hidden;
  vertical-align: top;
  top: 0;
  right: 0;
  z-index: 1;
}
ec-projects-production-page .ec_revision_changes {
  top: -6px;
  right: -10px;
}
.project_in_archive {
  background: repeating-linear-gradient(135deg, #f2f2f2 0, #f2f2f2 10%, transparent 0, transparent 50%);
  background-size: 1em 1em;
}
/* --- sku_list --- */
/* +++ charts css +++ */
.chart-doughnut {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
/* --- charts css --- */