@charset "UTF-8";
/************* Main Colors *************/
/* errors, negativeMoney */
/* .cash */
/* .card */
/* .label-saccess*/
/* .label-warning*/
/* .label-danger*/
/**** Project > wTrack****/
/**** ****/
/*==========================================================================*/
/*==Main menu==========================*/
/*==Sub MENU, Top-bar =========================*/
/*== for test =======================*/
/*== Filters ======================*/
/*== Customer ======================*/
/*==LIST ============================*/
/*==Form Colum==============================*/
/*== TABS ==================================*/
/*== Kanab Opportunities*/
/*= Invoice Chartes =========================*/
/*===Guide Lisr=================*/
/*Imported from Less folder*/
/*added from _white.color 26.09*/
/*== Lights =========================*/
/*==LIST ============================*/
/*== Borders=========================*/
/*==Main menu==========================*/
/*== login panel ====================*/
/*==Sub MENU, Top-bar =========================*/
/*== Filters ======================*/
/*== Customer ======================*/
/*==Form Colum=================================*/
/*== TABS ======================================*/
/*== Kanab Opportunities=========================*/
/*== ProjectPM====================================*/
/*== Vocations ===================================*/
/*=New User=======================================*/
/*==DashBoard Vocation============================*/
/*== forInfo ======================================*/
/*== Revenu ======================================*/
/*== Notifikation ===============================*/
/*== Btn Color=====================================*/
/*== DashBoard =============================*/
/*== Thumbnail ==============================*/
/*== Capacity =====================================*/
/*== btn ===*/
/*== Dialog =============================*/
/*== Birthday ===========================*/
/*== Top Bar =======================*/
/*== Lights =========================*/
/*== login panel ====================*/
/*==Sub MENU, Top-bar =========================*/
/*==Main menu==========================*/
/*== Borders=========================*/
/*== Filters ======================*/
/*== Customer ======================*/
/*==LIST ============================*/
/*==Form Colum=================================*/
/*== TABS ======================================*/
/*== Kanab Opportunities=========================*/
/*== ProjectPM====================================*/
/*== Vocations ===================================*/
/*=New User=======================================*/
/*==DashBoard Vocation============================*/
/*== Capacity =====================================*/
/*== forInfo ======================================*/
/*== Revenu ======================================*/
/*== Notifikation ===============================*/
/*== DashBoard =============================*/
/*== Thumbnail ==============================*/
/*== Dialog =============================*/
/*== Birthday ===========================*/
/*== History ============================*/
/*== Invoice Charts SVG*/
/*== Pagination ======================*/
.container, .container-full {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px; }

.clearfix:before, .sideMenu nav ul:before, .week_list:before, .thumbnail_birthday_list:before, .grid-conatiner.revenue .chartContainer .legend div:before,
.grid-conatiner.revenue .chartContainer .legendHours div:before, .history_item .history_header:before, .history_item .history_body .history_changed:before, .container:before, .container-full:before, .row:before, ._modalList:before, ._variantsTableWrap:before, .ui-dialog .dialog-tabs-items .dialog-tabs-item:before,
.ui-dialog .dialog-tabs-items .chart-tabs-item:before, ._healthDd:before, #startLetter + .thumbnailContent:before, .groupsChooser:before, ._variantsBlock:before, ._variantsBlock ._checkCategories:before, ._variantsBlock ._categoriesList > li:before, ._invoiceItemsHolder:before, #top-bar-payments:before, .clearfix:after, .sideMenu nav ul:after, .week_list:after, .thumbnail_birthday_list:after, .grid-conatiner.revenue .chartContainer .legend div:after,
.grid-conatiner.revenue .chartContainer .legendHours div:after, .history_item .history_header:after, .history_item .history_body .history_changed:after, .container:after, .container-full:after, .row:after, ._modalList:after, ._variantsTableWrap:after, .ui-dialog .dialog-tabs-items .dialog-tabs-item:after,
.ui-dialog .dialog-tabs-items .chart-tabs-item:after, ._healthDd:after, #startLetter + .thumbnailContent:after, .groupsChooser:after, ._variantsBlock:after, ._variantsBlock ._checkCategories:after, ._variantsBlock ._categoriesList > li:after, ._invoiceItemsHolder:after, #top-bar-payments:after {
  content: " ";
  display: table; }
.clearfix:after, .sideMenu nav ul:after, .week_list:after, .thumbnail_birthday_list:after, .grid-conatiner.revenue .chartContainer .legend div:after,
.grid-conatiner.revenue .chartContainer .legendHours div:after, .history_item .history_header:after, .history_item .history_body .history_changed:after, .container:after, .container-full:after, .row:after, ._modalList:after, ._variantsTableWrap:after, .ui-dialog .dialog-tabs-items .dialog-tabs-item:after,
.ui-dialog .dialog-tabs-items .chart-tabs-item:after, ._healthDd:after, #startLetter + .thumbnailContent:after, .groupsChooser:after, ._variantsBlock:after, ._variantsBlock ._checkCategories:after, ._variantsBlock ._categoriesList > li:after, ._invoiceItemsHolder:after, #top-bar-payments:after {
  clear: both; }

h3, .form-holder form.notDialog dl .no-long, .form-holder form dt, .form h3, .form h3 span, .form .compactList li p, .form .formTitle h3 span, .propertyFormList._socialWrap .inputBox input:not([type=checkbox], ._formInput), .form.employee ._avatarWrap ._introInfo a, .form.employee ._avatarWrap ._introInfo span, .grid tr td span.projectItem, #forInfo.accounting td span, .payRoll-list th, .payRoll-list td, .workflow-sub-list li, .newSelectList li, .filter-check-list li, .kanban .column .item .inner p.width-auto, .kanban .column h2 span.text, .tabListWrap .tabListItem span, ._dropDownTG ._followersList ._followersListItem ._itemName, .thumbnailwithavatar .info > *, .thumbnailwithavatar .inner .info div, .listWrap.opportunitiesList .compactRow:first-child .opportunity, .listWrap.personList .compactRow:first-child .firstName, .listWrap.personList .compactRow:first-child .country, .listWrap.companiesList .compactRow:first-child .firstName, .listWrap.quotationsList .compactRow:first-child .firstName, .listWrap.proformaList .compactRow:first-child .firstName, .listWrap.productList .compactRow:first-child .firstName, #workflows .row div.name, .selectDd .selectedDb, .selectDd ul li, ._variantsBlock ._checkCategories > li, ._variantsBlock ._categoriesList > li, .productForm .form ._createEditVariantsWrap ._createEditVariants thead th {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

@font-face {
  font-family: "OpenSans Light";
  font-style: normal;
  src: url("../font/opensans/opensans-light.woff2") format("woff2"), url("../font/opensans/opensans-light.woff") format("woff"), url("../font/opensans/opensans-light.ttf") format("truetype");
  font-weight: 300; }
@font-face {
  font-family: "OpenSans Regular";
  font-style: normal;
  src: url("../font/opensans/opensans-regular.woff2") format("woff2"), url("../font/opensans/opensans-regular.woff") format("woff"), url("../font/opensans/opensans-regular.ttf") format("truetype");
  font-weight: 400; }
@font-face {
  font-family: "OpenSans Bold";
  font-style: normal;
  src: url("../font/opensans/opensans-semibold.woff2") format("woff2"), url("../font/opensans/opensans-semibold.woff") format("woff"), url("../font/opensans/opensans-semibold.ttf") format("truetype");
  font-weight: 600; }
@font-face {
  font-family: "OpenSans SemiBold";
  font-style: normal;
  src: url("../font/opensans/opensans-bold.woff2") format("woff2"), url("../font/opensans/opensans-bold.woff") format("woff"), url("../font/opensans/opensans-bold.ttf") format("truetype");
  font-weight: 700; }
@font-face {
  font-family: "OpenSans ExtraBold";
  font-style: normal;
  src: url("../font/opensans/opensans-extrabold.woff2") format("woff2"), url("../font/opensans/opensans-extrabold.woff") format("woff"), url("../font/opensans/opensans-extrabold.ttf") format("truetype");
  font-weight: 800; }
@font-face {
  font-family: 'erp-icons';
  src: url("../font/erp-icons.ttf?7kacul") format("truetype"), url("../font/erp-icons.woff?7kacul") format("woff"), url("../font/erp-icons.svg?7kacul#erp-icons") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"],
[class*=" icon-"] {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  [class^="icon-"]:before,
  [class*=" icon-"]:before {
    font-family: "erp-icons" !important; }
  [class^="icon-"]:hover,
  [class*=" icon-"]:hover {
    text-decoration: none !important; }

* {
  box-sizing: border-box; }
  *:before, *:after {
    box-sizing: border-box; }

:root {
  text-rendering: geometricPrecision; }

b, strong {
  font-family: "OpenSans Bold", Arial, Helvetica, sans-serif;
  font-weight: bolder; }

html, body {
  margin: 0;
  padding: 0; }

body {
  background-color: #fff;
  font-family: "OpenSans Regular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  height: 100%;
  cursor: default;
  -webkit-print-color-adjust: exact; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  width: 100%;
  height: 100%; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

a,
abbr,
acronym,
address,
button,
blockquote,
cite,
code,
caption,
del,
dfn,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
img,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dd,
dl,
dt,
ol,
ul,
fieldset,
form,
label,
legend,
table,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

input {
  box-sizing: border-box; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

ol, ul {
  list-style: none; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
  display: block; }

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none;
  height: 0; }

progress {
  vertical-align: baseline; }

template,
[hidden] {
  display: none; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

svg:not(:root) {
  overflow: hidden; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

optgroup {
  font-weight: bold; }

button,
input {
  line-height: normal;
  *overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button::-moz-focus-inner,
button [type="button"]::-moz-focus-inner,
button [type="reset"]::-moz-focus-inner,
button [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }
button:-moz-focusring,
button [type="button"]:-moz-focusring,
button [type="reset"]:-moz-focusring,
button [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: none;
  font-family: "OpenSans Regular", Arial, Helvetica, sans-serif; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  color: #000;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

a:active,
a:hover,
a:focus {
  outline-width: 0; }

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: ""; }

*:focus {
  outline: 0 !important; }

a:hover,
a:active {
  outline: 0; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline; }

::-webkit-input-placeholder {
  color: #a0a9b4; }

:-moz-placeholder {
  color: #a0a9b4; }

::-moz-placeholder {
  color: #a0a9b4; }

:-ms-input-placeholder {
  color: #a0a9b4; }

:focus::-webkit-input-placeholder {
  color: transparent !important; }

:focus::-moz-placeholder {
  color: transparent !important; }

:focus:-moz-placeholder {
  color: transparent !important; }

:focus:-ms-input-placeholder {
  color: transparent !important; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }
  [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

h2.green {
  color: #32c5d2; }

h3 {
  color: #10373E;
  font-size: 18px;
  line-height: 24px; }

.blue {
  color: #10373E; }

.blueText {
  color: #10373E; }

.textGrey {
  color: #9a9a9e; }

.fontBold {
  font-family: "OpenSans Bold", Arial, Helvetica, sans-serif; }

.fontSemiBold {
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }

@media (min-width: 544px) {
  .container {
    max-width: 576px; } }
@media (min-width: 768px) {
  .container {
    max-width: 720px; } }
@media (min-width: 992px) {
  .container {
    max-width: 940px; } }
@media (min-width: 1200px) {
  .container {
    max-width: 1140px; } }

.row {
  margin-left: -15px;
  margin-left: -0.9375rem;
  margin-right: -15px;
  margin-right: -0.9375rem; }

.col {
  float: left;
  width: 100%;
  min-height: 1px;
  position: relative;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 15px;
  padding-left: 0.9375rem;
  padding-right: 15px;
  padding-right: 0.9375rem; }

@media (max-width: 543px) {
  .container {
    padding-left: 12px;
    padding-right: 12px;
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
    .container-full {
      padding-left: 12px;
      padding-right: 12px;
      padding-left: 0.75rem;
      padding-right: 0.75rem; }

  .row {
    margin-left: -12px;
    margin-right: -12px;
    margin-left: -0.75rem;
    margin-right: -0.75rem; }

  .col {
    padding-left: 12px;
    padding-right: 12px;
    padding-left: 0.75rem;
    padding-right: 0.75rem; } }
.xs-1 {
  width: 8.33333%; }

.xs-offset-1 {
  margin-left: 8.33333%; }

.xs-pull-1 {
  left: 8.33333%; }

.xs-push-1 {
  right: 8.33333%; }

.xs-2 {
  width: 16.66667%; }

.xs-offset-2 {
  margin-left: 16.66667%; }

.xs-pull-2 {
  left: 16.66667%; }

.xs-push-2 {
  right: 16.66667%; }

.xs-3 {
  width: 25%; }

.xs-offset-3 {
  margin-left: 25%; }

.xs-pull-3 {
  left: 25%; }

.xs-push-3 {
  right: 25%; }

.xs-4 {
  width: 33.33333%; }

.xs-offset-4 {
  margin-left: 33.33333%; }

.xs-pull-4 {
  left: 33.33333%; }

.xs-push-4 {
  right: 33.33333%; }

.xs-5 {
  width: 41.66667%; }

.xs-offset-5 {
  margin-left: 41.66667%; }

.xs-pull-5 {
  left: 41.66667%; }

.xs-push-5 {
  right: 41.66667%; }

.xs-6 {
  width: 50%; }

.xs-offset-6 {
  margin-left: 50%; }

.xs-pull-6 {
  left: 50%; }

.xs-push-6 {
  right: 50%; }

.xs-7 {
  width: 58.33333%; }

.xs-offset-7 {
  margin-left: 58.33333%; }

.xs-pull-7 {
  left: 58.33333%; }

.xs-push-7 {
  right: 58.33333%; }

.xs-8 {
  width: 66.66667%; }

.xs-offset-8 {
  margin-left: 66.66667%; }

.xs-pull-8 {
  left: 66.66667%; }

.xs-push-8 {
  right: 66.66667%; }

.xs-9 {
  width: 75%; }

.xs-offset-9 {
  margin-left: 75%; }

.xs-pull-9 {
  left: 75%; }

.xs-push-9 {
  right: 75%; }

.xs-10 {
  width: 83.33333%; }

.xs-offset-10 {
  margin-left: 83.33333%; }

.xs-pull-10 {
  left: 83.33333%; }

.xs-push-10 {
  right: 83.33333%; }

.xs-11 {
  width: 91.66667%; }

.xs-offset-11 {
  margin-left: 91.66667%; }

.xs-pull-11 {
  left: 91.66667%; }

.xs-push-11 {
  right: 91.66667%; }

.xs-12 {
  width: 100%; }

.xs-offset-12 {
  margin-left: 100%; }

.xs-pull-12 {
  left: 100%; }

.xs-push-12 {
  right: 100%; }

.xs-offset-0 {
  margin-left: 0; }

@media (min-width: 544px) {
  .s-1 {
    width: 8.33333%; }

  .s-offset-1 {
    margin-left: 8.33333%; }

  .s-pull-1 {
    left: 8.33333%; }

  .s-push-1 {
    right: 8.33333%; }

  .s-2 {
    width: 16.66667%; }

  .s-offset-2 {
    margin-left: 16.66667%; }

  .s-pull-2 {
    left: 16.66667%; }

  .s-push-2 {
    right: 16.66667%; }

  .s-3 {
    width: 25%; }

  .s-offset-3 {
    margin-left: 25%; }

  .s-pull-3 {
    left: 25%; }

  .s-push-3 {
    right: 25%; }

  .s-4 {
    width: 33.33333%; }

  .s-offset-4 {
    margin-left: 33.33333%; }

  .s-pull-4 {
    left: 33.33333%; }

  .s-push-4 {
    right: 33.33333%; }

  .s-5 {
    width: 41.66667%; }

  .s-offset-5 {
    margin-left: 41.66667%; }

  .s-pull-5 {
    left: 41.66667%; }

  .s-push-5 {
    right: 41.66667%; }

  .s-6 {
    width: 50%; }

  .s-offset-6 {
    margin-left: 50%; }

  .s-pull-6 {
    left: 50%; }

  .s-push-6 {
    right: 50%; }

  .s-7 {
    width: 58.33333%; }

  .s-offset-7 {
    margin-left: 58.33333%; }

  .s-pull-7 {
    left: 58.33333%; }

  .s-push-7 {
    right: 58.33333%; }

  .s-8 {
    width: 66.66667%; }

  .s-offset-8 {
    margin-left: 66.66667%; }

  .s-pull-8 {
    left: 66.66667%; }

  .s-push-8 {
    right: 66.66667%; }

  .s-9 {
    width: 75%; }

  .s-offset-9 {
    margin-left: 75%; }

  .s-pull-9 {
    left: 75%; }

  .s-push-9 {
    right: 75%; }

  .s-10 {
    width: 83.33333%; }

  .s-offset-10 {
    margin-left: 83.33333%; }

  .s-pull-10 {
    left: 83.33333%; }

  .s-push-10 {
    right: 83.33333%; }

  .s-11 {
    width: 91.66667%; }

  .s-offset-11 {
    margin-left: 91.66667%; }

  .s-pull-11 {
    left: 91.66667%; }

  .s-push-11 {
    right: 91.66667%; }

  .s-12 {
    width: 100%; }

  .s-offset-12 {
    margin-left: 100%; }

  .s-pull-12 {
    left: 100%; }

  .s-push-12 {
    right: 100%; }

  .s-offset-0 {
    margin-left: 0; } }
@media (min-width: 768px) {
  .m-1 {
    width: 8.33333%; }

  .m-offset-1 {
    margin-left: 8.33333%; }

  .m-pull-1 {
    left: 8.33333%; }

  .m-push-1 {
    right: 8.33333%; }

  .m-2 {
    width: 16.66667%; }

  .m-offset-2 {
    margin-left: 16.66667%; }

  .m-pull-2 {
    left: 16.66667%; }

  .m-push-2 {
    right: 16.66667%; }

  .m-3 {
    width: 25%; }

  .m-offset-3 {
    margin-left: 25%; }

  .m-pull-3 {
    left: 25%; }

  .m-push-3 {
    right: 25%; }

  .m-4 {
    width: 33.33333%; }

  .m-offset-4 {
    margin-left: 33.33333%; }

  .m-pull-4 {
    left: 33.33333%; }

  .m-push-4 {
    right: 33.33333%; }

  .m-5 {
    width: 41.66667%; }

  .m-offset-5 {
    margin-left: 41.66667%; }

  .m-pull-5 {
    left: 41.66667%; }

  .m-push-5 {
    right: 41.66667%; }

  .m-6 {
    width: 50%; }

  .m-offset-6 {
    margin-left: 50%; }

  .m-pull-6 {
    left: 50%; }

  .m-push-6 {
    right: 50%; }

  .m-7 {
    width: 58.33333%; }

  .m-offset-7 {
    margin-left: 58.33333%; }

  .m-pull-7 {
    left: 58.33333%; }

  .m-push-7 {
    right: 58.33333%; }

  .m-8 {
    width: 66.66667%; }

  .m-offset-8 {
    margin-left: 66.66667%; }

  .m-pull-8 {
    left: 66.66667%; }

  .m-push-8 {
    right: 66.66667%; }

  .m-9 {
    width: 75%; }

  .m-offset-9 {
    margin-left: 75%; }

  .m-pull-9 {
    left: 75%; }

  .m-push-9 {
    right: 75%; }

  .m-10 {
    width: 83.33333%; }

  .m-offset-10 {
    margin-left: 83.33333%; }

  .m-pull-10 {
    left: 83.33333%; }

  .m-push-10 {
    right: 83.33333%; }

  .m-11 {
    width: 91.66667%; }

  .m-offset-11 {
    margin-left: 91.66667%; }

  .m-pull-11 {
    left: 91.66667%; }

  .m-push-11 {
    right: 91.66667%; }

  .m-12 {
    width: 100%; }

  .m-offset-12 {
    margin-left: 100%; }

  .m-pull-12 {
    left: 100%; }

  .m-push-12 {
    right: 100%; }

  .m-offset-0 {
    margin-left: 0; } }
@media (min-width: 992px) {
  .l-1 {
    width: 8.33333%; }

  .l-offset-1 {
    margin-left: 8.33333%; }

  .l-pull-1 {
    left: 8.33333%; }

  .l-push-1 {
    right: 8.33333%; }

  .l-2 {
    width: 16.66667%; }

  .l-offset-2 {
    margin-left: 16.66667%; }

  .l-pull-2 {
    left: 16.66667%; }

  .l-push-2 {
    right: 16.66667%; }

  .l-3 {
    width: 25%; }

  .l-offset-3 {
    margin-left: 25%; }

  .l-pull-3 {
    left: 25%; }

  .l-push-3 {
    right: 25%; }

  .l-4 {
    width: 33.33333%; }

  .l-offset-4 {
    margin-left: 33.33333%; }

  .l-pull-4 {
    left: 33.33333%; }

  .l-push-4 {
    right: 33.33333%; }

  .l-5 {
    width: 41.66667%; }

  .l-offset-5 {
    margin-left: 41.66667%; }

  .l-pull-5 {
    left: 41.66667%; }

  .l-push-5 {
    right: 41.66667%; }

  .l-6 {
    width: 50%; }

  .l-offset-6 {
    margin-left: 50%; }

  .l-pull-6 {
    left: 50%; }

  .l-push-6 {
    right: 50%; }

  .l-7 {
    width: 58.33333%; }

  .l-offset-7 {
    margin-left: 58.33333%; }

  .l-pull-7 {
    left: 58.33333%; }

  .l-push-7 {
    right: 58.33333%; }

  .l-8 {
    width: 66.66667%; }

  .l-offset-8 {
    margin-left: 66.66667%; }

  .l-pull-8 {
    left: 66.66667%; }

  .l-push-8 {
    right: 66.66667%; }

  .l-9 {
    width: 75%; }

  .l-offset-9 {
    margin-left: 75%; }

  .l-pull-9 {
    left: 75%; }

  .l-push-9 {
    right: 75%; }

  .l-10 {
    width: 83.33333%; }

  .l-offset-10 {
    margin-left: 83.33333%; }

  .l-pull-10 {
    left: 83.33333%; }

  .l-push-10 {
    right: 83.33333%; }

  .l-11 {
    width: 91.66667%; }

  .l-offset-11 {
    margin-left: 91.66667%; }

  .l-pull-11 {
    left: 91.66667%; }

  .l-push-11 {
    right: 91.66667%; }

  .l-12 {
    width: 100%; }

  .l-offset-12 {
    margin-left: 100%; }

  .l-pull-12 {
    left: 100%; }

  .l-push-12 {
    right: 100%; }

  .l-offset-0 {
    margin-left: 0; } }
@media (min-width: 1200px) {
  .xl-1 {
    width: 8.33333%; }

  .xl-offset-1 {
    margin-left: 8.33333%; }

  .xl-pull-1 {
    left: 8.33333%; }

  .xl-push-1 {
    right: 8.33333%; }

  .xl-2 {
    width: 16.66667%; }

  .xl-offset-2 {
    margin-left: 16.66667%; }

  .xl-pull-2 {
    left: 16.66667%; }

  .xl-push-2 {
    right: 16.66667%; }

  .xl-3 {
    width: 25%; }

  .xl-offset-3 {
    margin-left: 25%; }

  .xl-pull-3 {
    left: 25%; }

  .xl-push-3 {
    right: 25%; }

  .xl-4 {
    width: 33.33333%; }

  .xl-offset-4 {
    margin-left: 33.33333%; }

  .xl-pull-4 {
    left: 33.33333%; }

  .xl-push-4 {
    right: 33.33333%; }

  .xl-5 {
    width: 41.66667%; }

  .xl-offset-5 {
    margin-left: 41.66667%; }

  .xl-pull-5 {
    left: 41.66667%; }

  .xl-push-5 {
    right: 41.66667%; }

  .xl-6 {
    width: 50%; }

  .xl-offset-6 {
    margin-left: 50%; }

  .xl-pull-6 {
    left: 50%; }

  .xl-push-6 {
    right: 50%; }

  .xl-7 {
    width: 58.33333%; }

  .xl-offset-7 {
    margin-left: 58.33333%; }

  .xl-pull-7 {
    left: 58.33333%; }

  .xl-push-7 {
    right: 58.33333%; }

  .xl-8 {
    width: 66.66667%; }

  .xl-offset-8 {
    margin-left: 66.66667%; }

  .xl-pull-8 {
    left: 66.66667%; }

  .xl-push-8 {
    right: 66.66667%; }

  .xl-9 {
    width: 75%; }

  .xl-offset-9 {
    margin-left: 75%; }

  .xl-pull-9 {
    left: 75%; }

  .xl-push-9 {
    right: 75%; }

  .xl-10 {
    width: 83.33333%; }

  .xl-offset-10 {
    margin-left: 83.33333%; }

  .xl-pull-10 {
    left: 83.33333%; }

  .xl-push-10 {
    right: 83.33333%; }

  .xl-11 {
    width: 91.66667%; }

  .xl-offset-11 {
    margin-left: 91.66667%; }

  .xl-pull-11 {
    left: 91.66667%; }

  .xl-push-11 {
    right: 91.66667%; }

  .xl-12 {
    width: 100%; }

  .xl-offset-12 {
    margin-left: 100%; }

  .xl-pull-12 {
    left: 100%; }

  .xl-push-12 {
    right: 100%; }

  .xl-offset-0 {
    margin-left: 0; } }
.bsReset {
  padding: 0 !important; }

@media (max-width: 768px) {
  .hide-xs {
    display: none; } }
.col-1-max {
  max-width: 8.33333%; }

.col-2-max {
  max-width: 16.66667%; }

.col-3-max {
  max-width: 25%; }

.col-4-max {
  max-width: 33.33333%; }

.col-5-max {
  max-width: 41.66667%; }

.col-6-max {
  max-width: 50%; }

.col-7-max {
  max-width: 58.33333%; }

.col-8-max {
  max-width: 66.66667%; }

.col-9-max {
  max-width: 75%; }

.col-10-max {
  max-width: 83.33333%; }

.col-11-max {
  max-width: 91.66667%; }

.col-12-max {
  max-width: 100%; }

.floatCenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
  float: none; }

.floatLeft {
  float: left; }

.floatRight {
  float: right; }

.clearFix:after {
  content: "";
  display: table;
  clear: both; }

.fullWidth {
  width: 100%; }

.textLeft {
  text-align: left; }

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

.textCenter {
  text-align: center; }

.textDecor {
  height: 30px; }
  .textDecorspan {
    height: 30px; }

.marginSm {
  margin: 4px; }

.marginTopSm {
  margin-top: 4px; }

.marginBottomSm {
  margin-bottom: 4px; }

.marginRightSm {
  margin-right: 4px; }

.marginLeftSm {
  margin-left: 4px; }

.marginMd {
  margin: 16px; }

.marginTopMd {
  margin-top: 16px; }

.marginBottomMd {
  margin-bottom: 16px; }

.marginRightMd {
  margin-right: 16px; }

.marginLeftMd {
  margin-left: 16px; }

.marginLg {
  margin: 24px; }

.marginTopLg {
  margin-top: 24px; }

.marginBottomLg {
  margin-bottom: 24px; }

.marginRightLg {
  margin-right: 24px; }

.marginLeftLg {
  margin-left: 24px; }

.paddingSm {
  padding: 4px; }

.paddingTopSm {
  padding-top: 4px; }

.paddingBottomSm {
  padding-bottom: 4px; }

.paddingRightSm {
  padding-right: 4px; }

.paddingLeftSm {
  padding-left: 4px; }

.paddingMd {
  padding: 16px; }

.paddingTopMd {
  padding-top: 16px; }

.paddingBottomMd {
  padding-bottom: 16px; }

.paddingRightMd {
  padding-right: 16px; }

.paddingLeftMd {
  padding-left: 16px; }

.paddingLg {
  padding: 24px; }

.paddingTopLg {
  padding-top: 24px; }

.paddingBottomLg {
  padding-bottom: 24px; }

.paddingRightLg {
  padding-right: 24px; }

.paddingLeftLg {
  padding-left: 24px; }

[class^="flexRow"] > .col, [class^="flexRow"] > [class^="col-"] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  padding: 0 8px 16px 8px;
  display: block; }
  @media (min-width: 90em) {
    [class^="flexRow"] > .col, [class^="flexRow"] > [class^="col-"] {
      padding: 0 16px 32px 16px; } }

[class^="flexRow"] > [class^="col-"] {
  -webkit-box-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

[class^="flexRow"] {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

:root [class^="flexRow"] {
  margin-left: -8px;
  margin-right: -8px; }
  @media (min-width: 90em) {
    :root [class^="flexRow"] {
      margin-left: -16px;
      margin-right: -16px; } }

.flexRowMiddle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
.flexRowTop {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }
.flexRowBottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
.flexRowCenter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
.flexRowReverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
.flexRowAround {
  -ms-flex-pack: distribute;
  justify-content: space-around; }
.flexRowBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
.flexRowEnd {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
.flexRowStart {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
.flexRowStretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
.flexRowStretch > .col, .flexRowStretch > [class^="col-"] {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.flexRowGutterNone > .col, .flexRowGutterNone > [class^="col-"] {
  padding: 0; }
.flexRowGutterBottomNone > .col, .flexRowGutterBottomNone > [class^="col-"] {
  padding: 0 8px 0 8px; }
  @media (min-width: 90em) {
    .flexRowGutterBottomNone > .col, .flexRowGutterBottomNone > [class^="col-"] {
      padding: 0 16px 0 16px; } }
.flexRowGutterBetweenNone > .col, .flexRowGutterBetweenNone > [class^="col-"] {
  padding: 0 0 16px 0; }
  @media (min-width: 90em) {
    .flexRowGutterBetweenNone > .col, .flexRowGutterBetweenNone > [class^="col-"] {
      padding: 0 0 32px 0; } }

.selfCenter {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
      align-self: center; }
.selfBottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end; }
.selfTop {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start; }
.selfStretch {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
      align-self: stretch; }
.selfBase {
  -webkit-align-self: baseline;
  -ms-flex-item-align: baseline;
  align-self: baseline; }

.colFirst {
  -webkit-box-ordinal-group: -1;
  -ms-flex-order: -1;
  order: -1; }

.colLast {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 1; }

.show {
  display: block; }

.hide {
  display: none; }

[class^="flexRow"] > .col-1 {
  max-width: 8.33333%;
  width: 8.33333%; }

[class^="flexRow"] > .col-2 {
  max-width: 16.66667%;
  width: 16.66667%; }

[class^="flexRow"] > .col-3 {
  max-width: 25%;
  width: 25%; }

[class^="flexRow"] > .col-4 {
  max-width: 33.33333%;
  width: 33.33333%; }

[class^="flexRow"] > .col-5 {
  max-width: 41.66667%;
  width: 41.66667%; }

[class^="flexRow"] > .col-6 {
  max-width: 50%;
  width: 50%; }

[class^="flexRow"] > .col-7 {
  max-width: 58.33333%;
  width: 58.33333%; }

[class^="flexRow"] > .col-8 {
  max-width: 66.66667%;
  width: 66.66667%; }

[class^="flexRow"] > .col-9 {
  max-width: 75%;
  width: 75%; }

[class^="flexRow"] > .col-10 {
  max-width: 83.33333%;
  width: 83.33333%; }

[class^="flexRow"] > .col-11 {
  max-width: 91.66667%;
  width: 91.66667%; }

[class^="flexRow"] > .col-12 {
  max-width: 100%;
  width: 100%; }

@media (min-width: 30em) {
  [class^="flexRow"] > .col-1-sm {
    max-width: 8.33333%;
    width: 8.33333%; }

  [class^="flexRow"] > .col-2-sm {
    max-width: 16.66667%;
    width: 16.66667%; }

  [class^="flexRow"] > .col-3-sm {
    max-width: 25%;
    width: 25%; }

  [class^="flexRow"] > .col-4-sm {
    max-width: 33.33333%;
    width: 33.33333%; }

  [class^="flexRow"] > .col-5-sm {
    max-width: 41.66667%;
    width: 41.66667%; }

  [class^="flexRow"] > .col-6-sm {
    max-width: 50%;
    width: 50%; }

  [class^="flexRow"] > .col-7-sm {
    max-width: 58.33333%;
    width: 58.33333%; }

  [class^="flexRow"] > .col-8-sm {
    max-width: 66.66667%;
    width: 66.66667%; }

  [class^="flexRow"] > .col-9-sm {
    max-width: 75%;
    width: 75%; }

  [class^="flexRow"] > .col-10-sm {
    max-width: 83.33333%;
    width: 83.33333%; }

  [class^="flexRow"] > .col-11-sm {
    max-width: 91.66667%;
    width: 91.66667%; }

  [class^="flexRow"] > .col-12-sm {
    max-width: 100%;
    width: 100%; }

  .show-sm {
    display: block; }

  .hide-sm {
    display: none; }

  .colFirst-sm {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -1;
    order: -1; }

  .colLast-sm {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -1;
    order: -1; } }
@media (min-width: 45em) {
  [class^="flexRow"] > .col-1-md {
    max-width: 8.33333%;
    width: 8.33333%; }

  [class^="flexRow"] > .col-2-md {
    max-width: 16.66667%;
    width: 16.66667%; }

  [class^="flexRow"] > .col-3-md {
    max-width: 25%;
    width: 25%; }

  [class^="flexRow"] > .col-4-md {
    max-width: 33.33333%;
    width: 33.33333%; }

  [class^="flexRow"] > .col-5-md {
    max-width: 41.66667%;
    width: 41.66667%; }

  [class^="flexRow"] > .col-6-md {
    max-width: 50%;
    width: 50%; }

  [class^="flexRow"] > .col-7-md {
    max-width: 58.33333%;
    width: 58.33333%; }

  [class^="flexRow"] > .col-8-md {
    max-width: 66.66667%;
    width: 66.66667%; }

  [class^="flexRow"] > .col-9-md {
    max-width: 75%;
    width: 75%; }

  [class^="flexRow"] > .col-10-md {
    max-width: 83.33333%;
    width: 83.33333%; }

  [class^="flexRow"] > .col-11-md {
    max-width: 91.66667%;
    width: 91.66667%; }

  [class^="flexRow"] > .col-12-md {
    max-width: 100%;
    width: 100%; }

  .show-md {
    display: block; }

  .hide-md {
    display: none; }

  .colFirst-md {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -1;
    order: -1; }

  .colLast-md {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -1;
    order: -1; } }
@media (min-width: 60em) {
  [class^="flexRow"] > .col-1-lg {
    max-width: 8.33333%;
    width: 8.33333%; }

  [class^="flexRow"] > .col-2-lg {
    max-width: 16.66667%;
    width: 16.66667%; }

  [class^="flexRow"] > .col-3-lg {
    max-width: 25%;
    width: 25%; }

  [class^="flexRow"] > .col-4-lg {
    max-width: 33.33333%;
    width: 33.33333%; }

  [class^="flexRow"] > .col-5-lg {
    max-width: 41.66667%;
    width: 41.66667%; }

  [class^="flexRow"] > .col-6-lg {
    max-width: 50%;
    width: 50%; }

  [class^="flexRow"] > .col-7-lg {
    max-width: 58.33333%;
    width: 58.33333%; }

  [class^="flexRow"] > .col-8-lg {
    max-width: 66.66667%;
    width: 66.66667%; }

  [class^="flexRow"] > .col-9-lg {
    max-width: 75%;
    width: 75%; }

  [class^="flexRow"] > .col-10-lg {
    max-width: 83.33333%;
    width: 83.33333%; }

  [class^="flexRow"] > .col-11-lg {
    max-width: 91.66667%;
    width: 91.66667%; }

  [class^="flexRow"] > .col-12-lg {
    max-width: 100%;
    width: 100%; }

  .show-lg {
    display: block; }

  .hide-lg {
    display: none; }

  .colFirst-lg {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -1;
    order: -1; }

  .colLast-lg {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -1;
    order: -1; } }
@media (min-width: 90em) {
  [class^="flexRow"] > .col-1-xl {
    max-width: 8.33333%;
    width: 8.33333%; }

  [class^="flexRow"] > .col-2-xl {
    max-width: 16.66667%;
    width: 16.66667%; }

  [class^="flexRow"] > .col-3-xl {
    max-width: 25%;
    width: 25%; }

  [class^="flexRow"] > .col-4-xl {
    max-width: 33.33333%;
    width: 33.33333%; }

  [class^="flexRow"] > .col-5-xl {
    max-width: 41.66667%;
    width: 41.66667%; }

  [class^="flexRow"] > .col-6-xl {
    max-width: 50%;
    width: 50%; }

  [class^="flexRow"] > .col-7-xl {
    max-width: 58.33333%;
    width: 58.33333%; }

  [class^="flexRow"] > .col-8-xl {
    max-width: 66.66667%;
    width: 66.66667%; }

  [class^="flexRow"] > .col-9-xl {
    max-width: 75%;
    width: 75%; }

  [class^="flexRow"] > .col-10-xl {
    max-width: 83.33333%;
    width: 83.33333%; }

  [class^="flexRow"] > .col-11-xl {
    max-width: 91.66667%;
    width: 91.66667%; }

  [class^="flexRow"] > .col-12-xl {
    max-width: 100%;
    width: 100%; }

  .show-xl {
    display: block; }

  .hide-xl {
    display: none; }

  .colFirst-xl {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -1;
    order: -1; }

  .colLast-xl {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -1;
    order: -1; } }
@media (max-width: 1400px) {
  ._projectsTablesWrap > .left {
    width: calc(100% - 345px) !important;
    min-width: 300px; }
  ._projectsTablesWrap > .right {
    width: 330px !important; }

  .form-holder.employee {
    padding: 0 10px 20px; } }
@media (max-width: 1430px) {
  #top-bar #createBtnHolder._journalEntry_correction {
    clear: both;
    margin: 0 0 10px 10px; } }
.ui-dialog {
  background: #ffffff;
  color: #000000;
  z-index: 1000;
  margin: 0 auto;
  left: 50%;
  top: 50%;
  border-radius: 0; }
  .ui-dialog .ui-widget-content {
    border: none; }
    .ui-dialog .ui-widget-content a:not(.btn).editTags {
      color: #000; }
      .ui-dialog .ui-widget-content a:not(.btn).editTags:hover {
        text-decoration: none; }
  .ui-dialog .miniAvatar .avatar {
    width: 50px;
    height: 50px; }
  .ui-dialog .avatar {
    display: block;
    overflow: hidden;
    width: 140px;
    height: 140px;
    margin: 2px 18px 5px 0;
    border: 1px solid #2c6b7a !important; }
    .ui-dialog .avatar img {
      height: auto;
      width: 100%; }
    .ui-dialog .avatar canvas {
      height: auto;
      width: 100%; }
  .ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em 0;
    background: 0; }
    .ui-dialog .ui-dialog-content._newForm {
      padding: 0; }
  .ui-dialog .ui-dialog-titlebar {
    display: none; }
  .ui-dialog textarea {
    resize: none; }
    .ui-dialog textarea#description {
      margin-top: 0 !important; }
      .ui-dialog textarea#description.taskDescription {
        height: 310px; }
      .ui-dialog textarea#description.projectDescription {
        height: 225px;
        margin-top: 5px !important; }
      .ui-dialog textarea#description.projectDescriptionEdit {
        height: 265px; }
      .ui-dialog textarea#description.taskDescriptionCreate {
        max-height: 205px; }
      .ui-dialog textarea#description.taskDescriptionEdit {
        height: 188px;
        margin-top: 8px !important;
        margin-left: 1px;
        width: 100%; }
    .ui-dialog textarea#otherInfo {
      margin-top: 13px;
      width: 300px;
      height: 193px;
      min-height: initial;
      max-width: 300px; }
  .ui-dialog .inner {
    padding: 5px;
    background: #ffffff; }
  .ui-dialog .form-holder {
    position: relative;
    padding: .5em 1em;
    clear: both; }
  .ui-dialog .person-info-h3 {
    width: auto;
    max-width: auto;
    clear: none; }
    .ui-dialog .person-info-h3 dt, .ui-dialog .person-info-h3 dd {
      clear: none;
      margin-top: 0 !important; }
      .ui-dialog .person-info-h3 dt a, .ui-dialog .person-info-h3 dd a {
        line-height: 22px;
        margin-right: 3px; }
    .ui-dialog .person-info-h3 dt {
      width: 90px; }
    .ui-dialog .person-info-h3 dd {
      width: auto; }
  .ui-dialog input:not(._formInput, ._animate) {
    border-radius: 0;
    max-width: 280px;
    height: 24px;
    font-size: 12px;
    border: 1px solid #d7d7d7;
    line-height: 20px;
    background-color: transparent;
    padding: 0 2px;
    color: #000000; }
    .ui-dialog input:not(._formInput, ._animate):focus {
      outline: medium none;
      border: 1px solid #10373E; }
    .ui-dialog input:not(._formInput, ._animate)#summary {
      width: 100%;
      max-width: none; }
    .ui-dialog input:not(._formInput, ._animate)#summaryTask, .ui-dialog input:not(._formInput, ._animate)#summaryEdit {
      margin-top: 17px;
      margin-bottom: 8px;
      padding-left: 2px;
      padding-right: 2px;
      width: 544px;
      max-width: none; }
    .ui-dialog input:not(._formInput, ._animate)#summaryTask {
      width: 544px; }
    .ui-dialog input:not(._formInput, ._animate)#summaryEdit {
      margin-top: 7px; }
  .ui-dialog .ui-dialog-buttonset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 52px;
    padding: 0 4px;
    border-top: 1px solid #c8c8d3; }
    .ui-dialog .ui-dialog-buttonset .btn {
      border: none;
      margin: 0 4px;
      background-color: #fff;
      color: #666;
      font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
      height: 36px;
      line-height: 34px !important; }
      .ui-dialog .ui-dialog-buttonset .btn:hover {
        background-color: rgba(158, 158, 158, 0.2); }
        .ui-dialog .ui-dialog-buttonset .btn:hover span {
          color: #666; }
      .ui-dialog .ui-dialog-buttonset .btn span {
        color: #666; }
  .ui-dialog .ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0); }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  min-height: 0;
  border-collapse: collapse; }
.ui-helper-clearfix:after {
  clear: both; }

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

.ui-dialog .avatar, .form .avatar {
  float: left;
  position: relative; }

.avatar {
  position: relative;
  display: inline-block; }
  .avatar .upload {
    overflow: hidden;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    display: block;
    position: absolute;
    height: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: #fff; }
    .avatar .upload input {
      position: absolute;
      top: 0;
      height: 20px;
      opacity: 0;
      background: rgba(0, 0, 0, 0.5);
      margin: 0;
      padding: 0;
      width: 100%;
      left: 0;
      cursor: pointer;
      z-index: 1;
      padding-left: 100% !important; }

.form .avatar {
  border: 1px solid #2c6b7a;
  width: 140px;
  height: 140px;
  overflow: hidden; }

.assignees-info {
  margin-top: 18px; }

/************* Main Colors *************/
/* errors, negativeMoney */
/* .cash */
/* .card */
/* .label-saccess*/
/* .label-warning*/
/* .label-danger*/
/**** Project > wTrack****/
/**** ****/
/*==========================================================================*/
/*==Main menu==========================*/
/*==Sub MENU, Top-bar =========================*/
/*== for test =======================*/
/*== Filters ======================*/
/*== Customer ======================*/
/*==LIST ============================*/
/*==Form Colum==============================*/
/*== TABS ==================================*/
/*== Kanab Opportunities*/
/*= Invoice Chartes =========================*/
/*===Guide Lisr=================*/
/*Imported from Less folder*/
/*added from _white.color 26.09*/
/*== Lights =========================*/
/*==LIST ============================*/
/*== Borders=========================*/
/*==Main menu==========================*/
/*== login panel ====================*/
/*==Sub MENU, Top-bar =========================*/
/*== Filters ======================*/
/*== Customer ======================*/
/*==Form Colum=================================*/
/*== TABS ======================================*/
/*== Kanab Opportunities=========================*/
/*== ProjectPM====================================*/
/*== Vocations ===================================*/
/*=New User=======================================*/
/*==DashBoard Vocation============================*/
/*== forInfo ======================================*/
/*== Revenu ======================================*/
/*== Notifikation ===============================*/
/*== Btn Color=====================================*/
/*== DashBoard =============================*/
/*== Thumbnail ==============================*/
/*== Capacity =====================================*/
/*== btn ===*/
/*== Dialog =============================*/
/*== Birthday ===========================*/
/*== Top Bar =======================*/
/*== Lights =========================*/
/*== login panel ====================*/
/*==Sub MENU, Top-bar =========================*/
/*==Main menu==========================*/
/*== Borders=========================*/
/*== Filters ======================*/
/*== Customer ======================*/
/*==LIST ============================*/
/*==Form Colum=================================*/
/*== TABS ======================================*/
/*== Kanab Opportunities=========================*/
/*== ProjectPM====================================*/
/*== Vocations ===================================*/
/*=New User=======================================*/
/*==DashBoard Vocation============================*/
/*== Capacity =====================================*/
/*== forInfo ======================================*/
/*== Revenu ======================================*/
/*== Notifikation ===============================*/
/*== DashBoard =============================*/
/*== Thumbnail ==============================*/
/*== Dialog =============================*/
/*== Birthday ===========================*/
/*== History ============================*/
/*== Invoice Charts SVG*/
/*== Pagination ======================*/
button.red, a.red {
  background-color: #f4f4f4;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
  color: #000;
  line-height: 20px; }
  button.red:hover, a.red:hover {
    background-color: #10373E;
    color: #fff; }

.removeValues {
  height: 18px;
  width: 18px;
  border-radius: 0 3px 3px 0;
  border-left: 1px solid #7f7f80;
  text-align: center;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  transition: all .2s ease-in-out; }
  .removeValues:before {
    font-size: 9px; }
  .removeValues:hover {
    background-color: #ECF1F5; }

.filterButton {
  background-color: #FFF;
  border: 1px solid #7f7f80;
  position: absolute;
  right: 118px;
  margin-top: -26px;
  display: block;
  height: 24px;
  line-height: 24px;
  width: 74px;
  text-align: center;
  cursor: pointer; }
  .filterButton .text {
    float: left;
    display: block;
    text-align: center;
    width: 47px;
    height: 24px;
    line-height: 24px; }
    .filterButton .text:hover {
      background-color: #EEE; }
  .filterButton .arrow {
    float: right;
    border-left: 1px solid #7f7f80;
    height: 24px;
    width: 24px;
    font-family: "erp-icons";
    color: #000;
    font-weight: 900;
    font-size: 14px;
    line-height: 30px; }
    .filterButton .arrow:hover {
      background-color: #EEE; }

.btn .caret {
  margin: 0; }

.btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn-group {
    float: left; }
    .btn-group > .btn-group > .btn {
      border-radius: 0; }
  .btn-group > .btn-group:first-child > .btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .btn-group > .btn-group:last-child > .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-filter {
  position: relative;
  float: left; }

.btn-groupBy {
  position: relative;
  float: left; }

.btn {
  display: inline-block;
  padding: 0 12px;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  font-size: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid #c8c8d3;
  border-radius: 3px;
  background-color: #ffffff;
  outline: 0;
  box-shadow: none;
  height: 32px;
  line-height: 30px;
  min-width: 70px; }
  .btn.disabled {
    opacity: 0.5;
    cursor: default !important; }
    .btn.disabled:hover {
      background-color: inherit; }
  .btn.icon-plus:before {
    margin-right: 6px; }
  .btn.icon-plane {
    height: 28px;
    padding: 0 10px 0 8px;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
    .btn.icon-plane:before {
      float: left;
      margin-right: 8px;
      font-size: 16px; }
  .btn.icon-download:before {
    font-size: 18px; }
  .btn:hover {
    cursor: pointer;
    background-color: #f2f2f2;
    background-position: 0;
    text-decoration: none;
    transition: all .3s; }
    .btn:hover span, .btn:hover a {
      color: #000;
      text-decoration: none; }
  .btn.slim {
    height: 26px;
    line-height: 24px; }
  .btn.green {
    color: #fff;
    background-color: #21b799;
    border-color: #21b799; }
    .btn.green > * {
      color: #fff; }
    .btn.green:hover {
      color: #fff; }
      .btn.green:hover > * {
        color: #fff; }
  .btn.gray {
    color: #fff;
    background-color: #c8c8d3; }
    .btn.gray:hover {
      background-color: #dcdbdb; }
  .btn.blue {
    color: #fff;
    background-color: #2c6b7a;
    border-color: #2c6b7a; }
    .btn.blue.plus:before {
      color: #fff; }
    .btn.blue span {
      color: #fff; }
  .btn.border {
    background-color: #fff;
    color: #000; }
    .btn.borderGreen {
      background-color: #fff;
      border-color: #32c5d2;
      color: #32c5d2; }
      .btn.borderGreen:hover {
        background-color: #32c5d2;
        border-color: #32c5d2;
        color: #fff; }
    .btn.borderBlue {
      background-color: #fff;
      border-color: #10373E;
      color: #10373E; }
      .btn.borderBlue:hover {
        background-color: #10373E;
        border-color: #10373E;
        color: #fff;
        text-decoration: none; }
    .btn.borderRed {
      background-color: #fff;
      border-color: #CB3B27;
      color: #CB3B27; }
      .btn.borderRed:hover {
        background-color: #fff;
        border-color: #84261A;
        color: #84261A; }
        .btn.borderRed:hover > span {
          color: #84261A; }
      .btn.borderRed > span {
        color: #CB3B27; }
  .btn.btnSuccess {
    border-color: #3E7F42; }
    .btn.btnSuccess:hover {
      background: #3E7F42; }
      .btn.btnSuccess:hover span, .btn.btnSuccess:hover a {
        color: #CDCDCD; }
  .btn.btnAttention {
    border-color: #A22A2D; }
    .btn.btnAttention:hover {
      background: #A22A2D;
      color: #CDCDCD; }
      .btn.btnAttention:hover span, .btn.btnAttention:hover a {
        color: #CDCDCD; }
  .btn.btnDisable {
    background: none;
    color: #000;
    border: 1px solid #c8c8d3; }
    .btn.btnDisable:hover {
      background: none; }
  .btn.myFollow {
    min-width: 80px; }
  .btn.uploadBtn {
    padding: 0; }
    .btn.uploadBtn.slim label {
      height: 24px; }
    .btn.uploadBtn label {
      display: inline-block;
      width: 100%;
      height: 30px;
      cursor: pointer; }
    .btn.uploadBtn input[type="file"] {
      opacity: 0; }
  .btn._unlinkedOrders a {
    color: #fff; }
  .btn span, .btn a {
    padding: 0 !important;
    color: #000; }

.exportBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  max-height: 39px;
  width: 38px;
  background-color: transparent;
  color: #69a1c5;
  font-size: 28px;
  font-size: 1.75rem; }
  .exportBtn:hover {
    background-color: #2c6b7a;
    color: #fff; }

#createBtnHolder .export {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #createBtnHolder .export li .btn {
    margin-right: 10px; }
  #createBtnHolder .export li:last-child .btn {
    margin-right: 0; }

.btnsBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .btnsBlock .btn {
    margin-right: 10px; }

.editorTab .btn {
  min-width: 66px; }

.btnAdd {
  border: 1px solid transparent;
  background: #3494b9;
  padding: 0 6px;
  color: #f4f4f4;
  line-height: 19px; }
  .btnAdd:hover {
    text-decoration: none;
    background: #297492; }

._openViewBtn {
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  cursor: pointer; }
  ._openViewBtn:hover {
    background-color: #2c6b7a;
    color: #fff; }

.backToSettings {
  position: absolute;
  right: 12px;
  top: 6px; }

.closePayrollList {
  float: right;
  right: 55px; }

.quotationsButtonsWrap {
  margin-bottom: 10px; }

.closeBtn {
  position: relative;
  width: 24px;
  height: 24px;
  cursor: pointer; }
  .closeBtn:before, .closeBtn:after {
    content: '';
    position: absolute;
    top: 12px;
    left: 2px;
    width: 20px;
    height: 2px;
    background-color: #000; }
  .closeBtn:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .closeBtn:after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

._btnsBlockFixed {
  position: fixed;
  right: 50px;
  top: 85px; }

#createBtnHolder.btnsBlock {
  float: left;
  margin-left: 5px; }
  #createBtnHolder.btnsBlock._underTabs .btn {
    margin: 10px 10px 10px 0; }

.dialog-buttons input, .form-holder form .buttons input, .noteWrapper .addNote.active .buttons input, .noteWrapper .addTask.active .buttons input {
  height: 25px !important;
  line-height: 15px !important;
  background-color: inherit !important;
  font-size: 11px;
  font-family: "OpenSans Regular", Arial, Helvetica, sans-serif;
  color: #b4bcc8 !important;
  border: 1px solid #7f7f80;
  padding: 5px 15px; }
  .dialog-buttons input:hover, .form-holder form .buttons input:hover, .noteWrapper .addNote.active .buttons input:hover, .noteWrapper .addTask.active .buttons input:hover {
    border: 1px solid #7f7f80;
    color: #b4bcc8 !important; }

._circleIconBtn {
  position: relative;
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color .2s ease-in-out; }
  ._circleIconBtn:hover {
    background-color: rgba(126, 173, 204, 0.5); }
    ._circleIconBtn:hover ._customTooltip {
      opacity: 1;
      visibility: visible; }
  ._circleIconBtn ._customTooltip {
    position: absolute;
    z-index: 10;
    bottom: 32px;
    right: 0;
    padding: 5px;
    background-color: #fff;
    border-radius: 2px;
    white-space: nowrap;
    transition: all .2s ease-in-out;
    opacity: 0;
    visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    ._circleIconBtn ._customTooltip:before {
      content: '';
      position: absolute;
      z-index: -2;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      white-space: nowrap;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
    ._circleIconBtn ._customTooltip:after {
      content: '';
      position: absolute;
      right: 8px;
      bottom: -4px;
      z-index: -1;
      width: 8px;
      height: 8px;
      background-color: #fff;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      box-shadow: 3px 1px 2px 0 rgba(0, 0, 0, 0.14), 2px 1px 5px 0 rgba(0, 0, 0, 0.12), 4px 1px 1px -2px rgba(0, 0, 0, 0.2); }

._actionCircleBtn {
  display: inline-block;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  color: #10373E;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  transition: background-color .2s ease-in-out; }
  ._actionCircleBtn:hover {
    background-color: rgba(126, 173, 204, 0.36); }

._timeCardLegendWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 20px;
  background-color: #ecf1f5; }
  ._timeCardLegendWrap > span {
    padding: 7px;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
  ._timeCardLegendWrap ._legendEl {
    height: 30px;
    width: 30px;
    text-align: center; }

._acountingTableWrap ._loadRates,
._acountingTableWrap ._createRates {
  margin-top: 10px;
  margin-left: 0; }
._acountingTableWrap ._filterDropDownWrap + ._createRates {
  margin-top: 5px;
  margin-left: 10px; }

._statusOrders, .revenueCountWrap .status ._statusOrdersWrap {
  line-height: 30px; }
  ._statusOrders h3, .revenueCountWrap .status ._statusOrdersWrap h3 {
    padding: 5px;
    border: 1px solid #fff;
    border-radius: 5px;
    background-color: #e7e6e4; }
  ._statusOrders span, .revenueCountWrap .status ._statusOrdersWrap span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 50%; }
    ._statusOrders span._allocationed, .revenueCountWrap .status ._statusOrdersWrap span._allocationed {
      color: #fff !important;
      font-size: 15px; }
    ._statusOrders span.icon-checked2, .revenueCountWrap .status ._statusOrdersWrap span.icon-checked2 {
      line-height: 16px; }
    ._statusOrders span._fullfilled, .revenueCountWrap .status ._statusOrdersWrap span._fullfilled, ._statusOrders span._shipped, .revenueCountWrap .status ._statusOrdersWrap span._shipped {
      background-color: transparent !important;
      font-size: 12px; }
    ._statusOrders span._shipped, .revenueCountWrap .status ._statusOrdersWrap span._shipped {
      font-size: 12px; }
    ._statusOrders span._notDid, .revenueCountWrap .status ._statusOrdersWrap span._notDid {
      background-color: red;
      font-size: 14px; }
      ._statusOrders span._notDid:before, .revenueCountWrap .status ._statusOrdersWrap span._notDid:before {
        content: '\e92a';
        color: #fff;
        font-family: "erp-icons"; }
  ._statusOrders ._workflowsDd, .revenueCountWrap .status ._statusOrdersWrap ._workflowsDd {
    display: inline-block;
    border: 1px solid gray;
    padding: 5px;
    line-height: 18px;
    vertical-align: bottom;
    margin: 4px 0 0 10px; }

.removeChannelWrap {
  margin: 0 auto;
  text-align: center; }
  .removeChannelWrap span {
    display: block;
    padding-top: 20px; }
  .removeChannelWrap .btn {
    margin: 28px 0 20px; }

.next-navigation-search .next-input--stylized {
  border-radius: 3px; }

.scaleButtons.active, .scaleButtons:hover {
  border-color: #10373E;
  background-color: #10373E; }
.scaleButtons:before {
  margin-right: 6px; }

._convertToOpportunityWrap {
  width: calc(100% - 42px); }
  ._convertToOpportunityWrap .btn {
    display: block;
    margin: 0 auto; }

._convertToOpportunityWrap + .formTitle h3 {
  width: auto;
  display: inline-block; }

.integrationBtn {
  margin: 4px 40px 4px 4px;
  background: #83bf6e;
  color: #fff;
  border: 0;
  text-transform: uppercase;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  line-height: 32px;
  font-size: 14px; }
  .integrationBtn:hover {
    background-color: #5f954b; }

a {
  text-decoration: none; }

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

span.error {
  color: #E55253 !important; }

.centerCell {
  text-align: center !important; }

.oe_sortable,
.oe_sortable_sub {
  position: relative;
  height: 30px;
  padding-right: 20px;
  text-align: right;
  line-height: 20px;
  cursor: pointer; }
  .oe_sortable.sortUp .up:before,
  .oe_sortable.sortUp .down:before, .oe_sortable.sortDn .up:before,
  .oe_sortable.sortDn .down:before,
  .oe_sortable_sub.sortUp .up:before,
  .oe_sortable_sub.sortUp .down:before,
  .oe_sortable_sub.sortDn .up:before,
  .oe_sortable_sub.sortDn .down:before {
    margin-left: 5px;
    font-family: "erp-icons"; }
  .oe_sortable.sortUp .up:before,
  .oe_sortable_sub.sortUp .up:before {
    content: '\e943'; }
  .oe_sortable.sortDn .down:before,
  .oe_sortable_sub.sortDn .down:before {
    content: '\e944'; }

.noPaddingMargin, .ui-dialog textarea, .kanban, #mainmenu-holder, #mainmenu-holder nav ul, .icon-btn {
  padding: 0;
  margin: 0; }

.noPadding {
  padding: 0 !important; }

.half-block, .ui-dialog .app-block {
  width: 42%;
  margin-right: 5%; }

.defaultBorRad, .kanban .column .item, .kanban .column .columnNameDiv .columnName .totalCount, #filtersContent .filterGroup, .noteWrapper .addNote textarea, .noteWrapper .addTask textarea, .choseSaleRange,
.choseDateRange,
.choseDateItem,
.choseDateRangeSource, .choseSaleRange .item,
.choseDateRange .item,
.choseDateItem .item,
.choseDateRangeSource .item {
  border-radius: 3px; }

._whiteSpaceNormal {
  white-space: normal !important; }

.clearfix, .sideMenu nav ul, .week_list, .thumbnail_birthday_list, .grid-conatiner.revenue .chartContainer .legend div,
.grid-conatiner.revenue .chartContainer .legendHours div, .history_item .history_header, .history_item .history_body .history_changed {
  clear: both; }
  .clearfix:before, .sideMenu nav ul:before, .week_list:before, .thumbnail_birthday_list:before, .grid-conatiner.revenue .chartContainer .legend div:before,
  .grid-conatiner.revenue .chartContainer .legendHours div:before, .history_item .history_header:before, .history_item .history_body .history_changed:before {
    content: '';
    display: table;
    clear: both; }
  .clearfix:after, .sideMenu nav ul:after, .week_list:after, .thumbnail_birthday_list:after, .grid-conatiner.revenue .chartContainer .legend div:after,
  .grid-conatiner.revenue .chartContainer .legendHours div:after, .history_item .history_header:after, .history_item .history_body .history_changed:after {
    content: '';
    display: table;
    clear: both; }

.spinner {
  background-color: yellow; }

.left {
  float: left; }

.right {
  float: right; }
  .right .calculateTotal {
    width: 50%;
    text-align: right; }
    .right .calculateTotal .totalAmount {
      border-top: 1px solid grey; }

.full-width {
  width: 100%; }

.fullsize, #mainmenu-holder nav ul li a, .icon-btn {
  width: 100%;
  height: 100%; }

.notification {
  z-index: 20000;
  position: fixed;
  top: 5px;
  width: 100%;
  margin: 0 auto; }
  .notification .notify,
  .notification .error {
    left: 84%;
    width: 15%;
    position: relative;
    line-height: 17px;
    padding: 10px;
    font-size: 14px;
    color: #fff; }
  .notification .error {
    background-color: #FE7E86; }
  .notification .notify {
    background-color: #00DB30; }
  .notification .animate {
    position: absolute;
    width: 15%;
    margin-top: 0;
    margin-left: 0;
    left: 100%;
    opacity: 0; }

.dollar:before,
.money:before {
  content: "$"; }

.euro:before {
  content: "тВм"; }

.uah:before {
  content: 'тВ┤'; }

span.error {
  color: #E55253 !important; }

.red {
  color: #ff0000; }

.negativeMoney {
  color: #ff0000; }
  .negativeMoney:before {
    content: "-$"; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  color: #fff;
  border-radius: .25em;
  text-align: center;
  font-weight: 700;
  vertical-align: baseline; }

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

.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px; }

.fullsize, #mainmenu-holder nav ul li a, .icon-btn {
  width: 100%;
  height: 100%; }

.half-block, .ui-dialog .app-block {
  width: 42%;
  margin-right: 5%; }
  .half-block.withPaddingRightProject .inner, .ui-dialog .withPaddingRightProject.app-block .inner {
    padding-top: 5px;
    padding-left: 8px;
    padding-right: 0; }
  .half-block.withPaddingLeftProject .inner, .ui-dialog .withPaddingLeftProject.app-block .inner {
    padding-left: 0; }
  .half-block.projectNote, .ui-dialog .projectNote.app-block {
    width: 45%;
    padding-right: 4%; }
    .half-block.projectNote .noteWrapper, .ui-dialog .projectNote.app-block .noteWrapper {
      width: 100%; }
    .half-block.projectNote #noteArea, .ui-dialog .projectNote.app-block #noteArea {
      width: 100%; }
  .half-block.taskNote, .ui-dialog .taskNote.app-block {
    width: 45%;
    padding-right: 4%; }
    .half-block.taskNote .noteWrapper, .ui-dialog .taskNote.app-block .noteWrapper {
      width: 95%; }
    .half-block.taskNote #noteArea, .ui-dialog .taskNote.app-block #noteArea {
      width: 100%; }
  .half-block + .half-block, .ui-dialog .app-block + .half-block, .ui-dialog .half-block + .app-block, .ui-dialog .app-block + .app-block {
    margin-right: 0; }

.btnsBlock > * {
  float: left; }
.btnsBlock:after {
  content: '';
  display: table;
  clear: both; }

.line {
  fill: none;
  stroke: #1ebbea;
  stroke-width: 3px; }

.blockLeft {
  display: block;
  float: left; }

.textUnderlineHover:hover {
  text-decoration: underline !important; }

.textEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

._clearfix:after {
  content: "";
  display: table;
  clear: both; }

.borderBottom {
  border-bottom: 1px solid #7f7f80; }

.clearLeft {
  float: left !important;
  clear: both !important; }

.floatColumn {
  display: inline-block;
  float: left;
  padding: 0 10px; }
  .floatColumn > * {
    float: left;
    width: 100%;
    clear: both; }
    .floatColumn > *:nth-child(n+2) {
      margin-top: 20px; }
  .floatColumn:after {
    content: '';
    display: table;
    clear: both; }
  .floatColumn .dialog-tabs-items {
    margin-bottom: 0; }

.halfColumn {
  width: 50%; }

.col1-3 {
  width: 40%; }

.col2-3 {
  width: 60%; }

._borderRight {
  border-right: 1px solid #eaeaea; }

.superCenter {
  margin: auto; }

.blockLeft {
  display: block;
  float: left; }

.floatAvatar {
  margin-left: 160px;
  width: 80%;
  display: block; }

._zInitial {
  z-index: initial !important; }

._pl-10 {
  padding-left: 10px; }

.m10 {
  margin: 10px; }

.textUnderlineHover:hover {
  text-decoration: underline !important; }

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

._dbBorder {
  border-top: 0 !important;
  box-shadow: inset 0 2px 0 0 #808080, inset 0 5px 0px -1px #ffffff, inset 0px 7px 0px -1px #808080; }
  ._dbBorder > td {
    padding-top: 10px !important; }

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

._titleBlueBorder,
._titleBlue {
  float: none;
  display: block;
  width: 100%;
  padding: 10px;
  color: #5a86a2;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  font-size: 14px; }

._titleBlueBorder {
  margin: 0 0 15px 0;
  border-bottom: 2px solid #2c6b7a; }

._titleBlue {
  margin: 0; }

.form ._titleBlueBorder {
  color: #5a86a2; }

._accountingSettingWrap {
  margin-top: 20px; }

.chart.sourcesChart {
  overflow: visible; }

.shippingSerWrap {
  margin-bottom: 30px; }

.chartContainer {
  position: relative; }
  .chartContainer .tooltip {
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 4px 8px;
    width: 150px;
    background-color: #F8F9FB;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    text-align: center;
    font-size: 12px;
    font-size: 0.75rem; }
    .chartContainer .tooltip:before {
      content: '';
      position: absolute;
      z-index: 1;
      top: calc(100% + 1px);
      left: calc((150px / 2) - 4px);
      width: 0;
      height: 0;
      border-width: 4px 4px 0 4px;
      border-style: solid;
      border-color: #e2e2e2 transparent transparent transparent; }
    .chartContainer .tooltip:after {
      content: '';
      position: absolute;
      z-index: 2;
      top: 100%;
      left: calc((150px / 2) - 4px);
      width: 0;
      height: 0;
      border-width: 4px 4px 0 4px;
      border-style: solid;
      border-color: #F8F9FB transparent transparent transparent; }
    .chartContainer .tooltip > div {
      overflow: hidden;
      text-overflow: ellipsis; }

.axisTitle {
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }

._ratesForm ._ratesInputBlock {
  padding-top: 9px; }
._ratesForm ._ratesInfo p + p {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #c8c8d3; }

._tipsWrap,
._categoryHolder._withInfo,
._animateSelectBox._withInfo,
._variantsBlock._withInfo,
._animateInputBox._withInfo {
  position: relative;
  padding-right: 26px; }

._tipsWrap .tips,
._tipBox .tips,
._categoryHolder._withInfo .tips,
._animateSelectBox._withInfo .tips,
._variantsBlock._withInfo .tips,
._animateInputBox._withInfo .tips {
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 16px; }
  ._tipsWrap .tips:before,
  ._tipBox .tips:before,
  ._categoryHolder._withInfo .tips:before,
  ._animateSelectBox._withInfo .tips:before,
  ._variantsBlock._withInfo .tips:before,
  ._animateInputBox._withInfo .tips:before {
    color: #c8c8d3; }
  ._tipsWrap .tips:hover .newTip.animateTip,
  ._tipBox .tips:hover .newTip.animateTip,
  ._categoryHolder._withInfo .tips:hover .newTip.animateTip,
  ._animateSelectBox._withInfo .tips:hover .newTip.animateTip,
  ._variantsBlock._withInfo .tips:hover .newTip.animateTip,
  ._animateInputBox._withInfo .tips:hover .newTip.animateTip {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }
._tipsWrap .newTip,
._tipBox .newTip,
._categoryHolder._withInfo .newTip,
._animateSelectBox._withInfo .newTip,
._variantsBlock._withInfo .newTip,
._animateInputBox._withInfo .newTip {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  position: absolute;
  top: 25px;
  left: -82px;
  z-index: 12;
  width: 180px;
  padding: 8px 12px;
  background-color: #fff;
  line-height: 1.6;
  font-size: 12px;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.2);
  transition: all 150ms ease-in 150ms; }
  ._tipsWrap .newTip:before, ._tipsWrap .newTip:after,
  ._tipBox .newTip:before,
  ._tipBox .newTip:after,
  ._categoryHolder._withInfo .newTip:before,
  ._categoryHolder._withInfo .newTip:after,
  ._animateSelectBox._withInfo .newTip:before,
  ._animateSelectBox._withInfo .newTip:after,
  ._variantsBlock._withInfo .newTip:before,
  ._variantsBlock._withInfo .newTip:after,
  ._animateInputBox._withInfo .newTip:before,
  ._animateInputBox._withInfo .newTip:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid; }
  ._tipsWrap .newTip:before,
  ._tipBox .newTip:before,
  ._categoryHolder._withInfo .newTip:before,
  ._animateSelectBox._withInfo .newTip:before,
  ._variantsBlock._withInfo .newTip:before,
  ._animateInputBox._withInfo .newTip:before {
    bottom: 100%;
    left: 80px;
    border-style: solid;
    border-width: 0 9px 9px 9px;
    border-color: transparent transparent #e4e4e4 transparent; }
  ._tipsWrap .newTip:after,
  ._tipBox .newTip:after,
  ._categoryHolder._withInfo .newTip:after,
  ._animateSelectBox._withInfo .newTip:after,
  ._variantsBlock._withInfo .newTip:after,
  ._animateInputBox._withInfo .newTip:after {
    bottom: 100%;
    left: 81px;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #fff transparent; }
  ._tipsWrap .newTip:empty,
  ._tipBox .newTip:empty,
  ._categoryHolder._withInfo .newTip:empty,
  ._animateSelectBox._withInfo .newTip:empty,
  ._variantsBlock._withInfo .newTip:empty,
  ._animateInputBox._withInfo .newTip:empty {
    display: none; }
._tipsWrap._tipLeft .newTip,
._tipBox._tipLeft .newTip,
._categoryHolder._withInfo._tipLeft .newTip,
._animateSelectBox._withInfo._tipLeft .newTip,
._variantsBlock._withInfo._tipLeft .newTip,
._animateInputBox._withInfo._tipLeft .newTip {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  position: absolute;
  top: 25px;
  left: -162px;
  z-index: 12;
  width: 180px;
  padding: 8px 12px;
  background-color: #fff;
  line-height: 1.6;
  font-size: 12px;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.2);
  transition: all 150ms ease-in 150ms; }
  ._tipsWrap._tipLeft .newTip:before, ._tipsWrap._tipLeft .newTip:after,
  ._tipBox._tipLeft .newTip:before,
  ._tipBox._tipLeft .newTip:after,
  ._categoryHolder._withInfo._tipLeft .newTip:before,
  ._categoryHolder._withInfo._tipLeft .newTip:after,
  ._animateSelectBox._withInfo._tipLeft .newTip:before,
  ._animateSelectBox._withInfo._tipLeft .newTip:after,
  ._variantsBlock._withInfo._tipLeft .newTip:before,
  ._variantsBlock._withInfo._tipLeft .newTip:after,
  ._animateInputBox._withInfo._tipLeft .newTip:before,
  ._animateInputBox._withInfo._tipLeft .newTip:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid; }
  ._tipsWrap._tipLeft .newTip:before,
  ._tipBox._tipLeft .newTip:before,
  ._categoryHolder._withInfo._tipLeft .newTip:before,
  ._animateSelectBox._withInfo._tipLeft .newTip:before,
  ._variantsBlock._withInfo._tipLeft .newTip:before,
  ._animateInputBox._withInfo._tipLeft .newTip:before {
    bottom: 100%;
    left: 160px;
    border-style: solid;
    border-width: 0 9px 9px 9px;
    border-color: transparent transparent #e4e4e4 transparent; }
  ._tipsWrap._tipLeft .newTip:after,
  ._tipBox._tipLeft .newTip:after,
  ._categoryHolder._withInfo._tipLeft .newTip:after,
  ._animateSelectBox._withInfo._tipLeft .newTip:after,
  ._variantsBlock._withInfo._tipLeft .newTip:after,
  ._animateInputBox._withInfo._tipLeft .newTip:after {
    bottom: 100%;
    left: 161px;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #fff transparent; }
  ._tipsWrap._tipLeft .newTip:empty,
  ._tipBox._tipLeft .newTip:empty,
  ._categoryHolder._withInfo._tipLeft .newTip:empty,
  ._animateSelectBox._withInfo._tipLeft .newTip:empty,
  ._variantsBlock._withInfo._tipLeft .newTip:empty,
  ._animateInputBox._withInfo._tipLeft .newTip:empty {
    display: none; }
._tipsWrap._tipRight .newTip,
._tipBox._tipRight .newTip,
._categoryHolder._withInfo._tipRight .newTip,
._animateSelectBox._withInfo._tipRight .newTip,
._variantsBlock._withInfo._tipRight .newTip,
._animateInputBox._withInfo._tipRight .newTip {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  position: absolute;
  top: 25px;
  left: 0;
  z-index: 12;
  width: 180px;
  padding: 8px 12px;
  background-color: #fff;
  line-height: 1.6;
  font-size: 12px;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.2);
  transition: all 150ms ease-in 150ms; }
  ._tipsWrap._tipRight .newTip:before, ._tipsWrap._tipRight .newTip:after,
  ._tipBox._tipRight .newTip:before,
  ._tipBox._tipRight .newTip:after,
  ._categoryHolder._withInfo._tipRight .newTip:before,
  ._categoryHolder._withInfo._tipRight .newTip:after,
  ._animateSelectBox._withInfo._tipRight .newTip:before,
  ._animateSelectBox._withInfo._tipRight .newTip:after,
  ._variantsBlock._withInfo._tipRight .newTip:before,
  ._variantsBlock._withInfo._tipRight .newTip:after,
  ._animateInputBox._withInfo._tipRight .newTip:before,
  ._animateInputBox._withInfo._tipRight .newTip:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid; }
  ._tipsWrap._tipRight .newTip:before,
  ._tipBox._tipRight .newTip:before,
  ._categoryHolder._withInfo._tipRight .newTip:before,
  ._animateSelectBox._withInfo._tipRight .newTip:before,
  ._variantsBlock._withInfo._tipRight .newTip:before,
  ._animateInputBox._withInfo._tipRight .newTip:before {
    bottom: 100%;
    left: -1px;
    border-style: solid;
    border-width: 0 9px 9px 9px;
    border-color: transparent transparent #e4e4e4 transparent; }
  ._tipsWrap._tipRight .newTip:after,
  ._tipBox._tipRight .newTip:after,
  ._categoryHolder._withInfo._tipRight .newTip:after,
  ._animateSelectBox._withInfo._tipRight .newTip:after,
  ._variantsBlock._withInfo._tipRight .newTip:after,
  ._animateInputBox._withInfo._tipRight .newTip:after {
    bottom: 100%;
    left: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #fff transparent; }
  ._tipsWrap._tipRight .newTip:empty,
  ._tipBox._tipRight .newTip:empty,
  ._categoryHolder._withInfo._tipRight .newTip:empty,
  ._animateSelectBox._withInfo._tipRight .newTip:empty,
  ._variantsBlock._withInfo._tipRight .newTip:empty,
  ._animateInputBox._withInfo._tipRight .newTip:empty {
    display: none; }

._tipsWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  ._tipsWrap ._animatedCheckbox + label {
    margin-left: 10px; }
  ._tipsWrap .tips {
    top: 3px; }

._tipBox {
  position: relative; }
  ._tipBox .tips {
    top: 10px;
    right: 10px;
    border-radius: 50%; }
    ._tipBox .tips:hover {
      background-color: #fff; }

._tipsWrap {
  display: inline-block; }

._editAllocateAll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 0; }
  ._editAllocateAll ._tipsWrap {
    margin: 2px 0 2px 10px;
    padding-right: 0; }
    ._editAllocateAll ._tipsWrap .tips {
      position: relative;
      top: 4px;
      margin-left: 5px; }

._link {
  font-weight: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  color: #4c91bf;
  text-decoration: underline; }
  ._link:hover {
    text-decoration: none; }

._uploadFieldWrap {
  display: inline-block;
  border: 2px dashed #2c6b7a;
  border-radius: 5px;
  overflow: hidden; }

._uploadField {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 230px;
  height: 140px;
  background-color: #f3f3f3;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  ._uploadField [class^="icon-"],
  ._uploadField [class*=" icon-"] {
    font-size: 40px;
    color: #2c6b7a; }
  ._uploadField ._uploadDescription {
    color: #699ec1;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }

._uploadWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  ._uploadWrap ._filesInfo {
    margin-top: 15px;
    color: #828181;
    font-size: 10px;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    line-height: 1.2;
    text-align: center; }

.file-icon {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 55px;
  background-color: #dcd9d9;
  border-radius: 3px; }
  .file-icon:before, .file-icon:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0; }
  .file-icon:before {
    width: 14px;
    height: 14px;
    background-color: #ececec; }
  .file-icon:after {
    width: 0;
    height: 0;
    border-width: 7px;
    border-style: solid;
    border-color: #f5f5f5 #f5f5f5 transparent transparent; }

._uploadAnimationView {
  position: relative; }
  ._uploadAnimationView ._progressWrap {
    width: 100px;
    height: 8px;
    position: absolute;
    top: calc(50% - 4px);
    border-radius: 4px;
    border: 2px solid #2c6b7a;
    background: #fff;
    overflow: hidden; }
  ._uploadAnimationView ._progressLine {
    width: 100%;
    height: 4px;
    background: #2c6b7a;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
  ._uploadAnimationView ._circleEl {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 150px;
    height: 150px;
    border: 2px dashed #2c6b7a;
    border-radius: 50%; }

._tooltip,
.tooltip {
  position: absolute;
  z-index: 10;
  bottom: calc(100% + 10px);
  padding: 10px 0;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #c1c1c1;
  line-height: 1.4;
  color: #364150;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 12px;
  font-size: 0.75rem; }
  ._tooltip:before, ._tooltip:after,
  .tooltip:before,
  .tooltip:after {
    content: '';
    position: absolute;
    top: 100%;
    width: 0;
    height: 0; }
  ._tooltip:before,
  .tooltip:before {
    left: calc(50% - 7px);
    border-width: 7px 7px 0 7px;
    border-style: solid;
    border-color: #c1c1c1 transparent transparent transparent; }
  ._tooltip:after,
  .tooltip:after {
    left: calc(50% - 6px);
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent; }
  ._tooltip._fullWidth,
  .tooltip._fullWidth {
    left: 5px;
    width: 90%; }

.tooltip {
  padding: 10px; }

._filterBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  ._filterBlock ._categoriesList {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  ._filterBlock ._filterBlockItem {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    ._filterBlock ._filterBlockItem ._filterLabel {
      margin: 0 5px;
      padding: 2px 4px;
      color: #528fb7;
      border: 1px solid #2c6b7a;
      border-radius: 3px;
      font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
      cursor: pointer; }
    ._filterBlock ._filterBlockItem ._filterCheckbox {
      display: none; }
      ._filterBlock ._filterBlockItem ._filterCheckbox:checked + ._filterLabel {
        background-color: #2c6b7a;
        border-color: #2c6b7a;
        color: #fff; }

#tbodyProducts input[readonly] {
  text-align: right; }

div.noPaginationWrap {
  height: 100%; }

._channelImageWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  ._channelImageWrap .channelImg {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  ._channelImageWrap ._channelText {
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

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

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

.align-left {
  text-align: left; }

span.succeed {
  color: #00da00; }
span.unlinked {
  color: #818181; }
span.conflicted {
  color: #ffbe00; }

.formHeader {
  height: 33px;
  border-bottom: 1px solid #ddd; }
  .formHeader > button {
    margin: 5px 1px 4px 1px !important; }

.formLeftColumn {
  display: block;
  width: 60%;
  float: left; }
  .formLeftColumn.full-width {
    width: 100%; }
  .formLeftColumn .form {
    width: 98%;
    border: 0;
    margin-bottom: 10px; }
  .formLeftColumn .edited-block p, .formLeftColumn .edited-block span {
    color: #b4bcc8; }

.formRightColumn {
  display: block;
  width: 40%;
  float: left; }
  .formRightColumn .form {
    width: 98%;
    margin-bottom: 10px;
    border: 0; }

.form-holder {
  width: 100%;
  padding: 20px; }
  .form-holder.employee {
    padding-top: 0; }
  .form-holder form {
    max-width: 100%;
    border: none;
    margin: 0 auto;
    width: auto; }
    .form-holder form.notDialog dl dt, .form-holder form.notDialog dl dd {
      line-height: 17px; }
    .form-holder form.notDialog dl dd.editable a {
      width: 100%;
      line-height: 17px; }
    .form-holder form.notDialog dl .no-long {
      width: auto;
      max-width: 95%;
      line-height: 17px;
      color: #000;
      float: left; }
    .form-holder form#addAttachments {
      width: 100%;
      max-width: 100%; }
    .form-holder form label:not(._formLabel, ._animate) {
      min-width: 10px;
      display: inline;
      border: none;
      font-size: 13px;
      font-weight: normal;
      float: none; }
    .form-holder form dt {
      width: 40%;
      max-width: 160px;
      min-height: 18px;
      padding: 1px;
      margin: -1px;
      margin-top: 10px;
      line-height: 18px;
      float: left;
      clear: both; }
      .form-holder form dt p {
        word-wrap: break-word;
        white-space: normal; }
      .form-holder form dt:first-child {
        margin-top: 0; }
    .form-holder form dd {
      width: 60%;
      min-height: 18px;
      padding: 1px;
      margin: -1px;
      margin-top: 10px;
      line-height: 18px;
      float: left; }
      .form-holder form dd p {
        word-wrap: break-word;
        white-space: normal; }
      .form-holder form dd:nth-child(2) {
        margin-top: 0; }
      .form-holder form dd input:not([type='checkbox'], ._formInput) {
        width: 100%; }
      .form-holder form dd input.pikerSize {
        width: 137px; }
      .form-holder form dd a.formLink {
        line-height: 18px; }
      .form-holder form dd span.ui-spinner {
        width: 100%; }
    .form-holder form select {
      width: 71%;
      max-width: 290px;
      height: 25px;
      padding: 0;
      border: 1px solid #7f7f80;
      border-top-color: #CBD3E2;
      color: #262626;
      font-family: "OpenSans Regular", Arial, Helvetica, sans-serif;
      font-size: 12px; }
      .form-holder form select:focus {
        outline: -webkit-focus-ring-color auto 5px; }
      .form-holder form select._formCustomSelect {
        max-width: 280px;
        background-color: transparent;
        font-size: 12px;
        padding: 0 4px;
        color: #000;
        width: 100%;
        border: 1px solid #c8c8d3;
        line-height: 20px;
        height: 20px; }
    .form-holder form input:not([type=checkbox], ._formInput) {
      padding: 0 4px;
      background-color: transparent;
      color: #000;
      line-height: 24px;
      font-family: "OpenSans Regular", Arial, Helvetica, sans-serif;
      font-size: 12px;
      font-size: 0.75rem; }
      .form-holder form input:not([type=checkbox], ._formInput):focus {
        border: 1px solid #7f7f80;
        outline: medium none; }
      .form-holder form input:not([type=checkbox], ._formInput)#editInput {
        padding: 2px 6px; }
    .form-holder form #description {
      margin-top: 15px; }
    .form-holder form .inline-row {
      display: table;
      width: 100%; }
      .form-holder form .inline-row dl > div {
        width: 29%;
        margin-top: 10px; }
        .form-holder form .inline-row dl > div:first-child, .form-holder form .inline-row dl > div:nth-child(4) {
          width: 42%; }
        .form-holder form .inline-row dl > div dt, .form-holder form .inline-row dl > div dd {
          line-height: 30px; }
    .form-holder form .inner {
      margin-top: 0; }
    .form-holder form .canReadAndWrite input[type=radio] {
      display: block;
      height: 16px;
      margin-top: 6px;
      margin-right: 10px;
      float: left;
      clear: both; }
      .form-holder form .canReadAndWrite input[type=radio]:focus {
        box-shadow: none !important; }
    .form-holder form .mainInfo {
      width: auto;
      margin-left: 170px; }
    .form-holder form .task-info dt {
      width: 40%;
      max-width: 200px; }
    .form-holder form .task-info input {
      width: 150px; }
    .form-holder form .profile-create dt {
      width: 50%;
      max-width: 250px; }
    .form-holder form .profile-create dd {
      width: 50%;
      line-height: 0; }
    .form-holder form .profile-create input {
      width: 276px; }
    .form-holder form .profile-create input[type='radio'] {
      width: auto !important; }
    .form-holder form .job-create-info dt {
      width: 42%;
      max-width: 200px;
      margin-top: 0; }
    .form-holder form .job-create-info dd {
      width: 58%;
      margin-top: 0;
      line-height: 0; }
      .form-holder form .job-create-info dd > a {
        line-height: 26px; }
    .form-holder form .job-create-info input {
      width: 218px; }
    .form-holder form .job-create-info select {
      width: 212px; }
    .form-holder form .create-employee-info > input {
      max-width: 117px !important; }
    .form-holder form .create-employee-info > select {
      max-width: 130px !important; }
    .form-holder form .subject-info > input {
      width: 99% !important;
      max-width: inherit !important;
      margin-right: 1%; }
    .form-holder form .subject-info dt {
      width: 10% !important;
      max-width: 200px; }
    .form-holder form .subject-info dd {
      width: 90% !important;
      line-height: 0; }
    .form-holder form .opprtunitie-info dt {
      width: 40%;
      max-width: 250px; }
    .form-holder form .opprtunitie-info dd {
      line-height: 0; }
    .form-holder form .opprtunitie-info > input {
      max-width: 250px !important; }
    .form-holder form .opprtunitie-info > select {
      width: 95% !important;
      max-width: 240px !important; }
    .form-holder form .opprtunitie-info .date-min {
      width: 75px !important; }
    .form-holder form .opprtunitie-lead-info dt {
      width: 20%;
      max-width: 250px; }
    .form-holder form .opprtunitie-lead-info dd {
      line-height: 0; }
    .form-holder form .opprtunitie-lead-info > input {
      max-width: 231px !important; }
    .form-holder form .opprtunitie-lead-info > select {
      width: 95% !important;
      max-width: 240px !important; }
    .form-holder form .opprtunitie-lead-info .date-min {
      width: 75px !important; }
    .form-holder form .opp-internal {
      height: 235px;
      margin-top: 5px; }
    .form-holder form .opp-internal-create {
      height: 60px;
      padding-top: 15px;
      padding-right: 22px; }
    .form-holder form .startDate > input,
    .form-holder form .endDate > input {
      display: none; }
  .form-holder .form {
    min-height: 100px; }

.form {
  display: block;
  width: 860px;
  max-width: 860px;
  min-height: 150px;
  margin: 0 auto;
  border: 1px solid #7f7f80;
  background: #fff;
  position: relative; }
  .form h3 {
    display: block;
    margin-bottom: 10px;
    color: #000; }
    .form h3 span {
      display: block;
      width: 99%;
      padding: 0;
      float: left; }
  .form._createPaymentForm dd {
    margin: 10px 0 0 0;
    float: right; }
  .form._createPaymentForm .opp-info input {
    width: 100% !important; }
  .form._createPaymentForm dd._bankExpensesAccount {
    width: 30%;
    float: left; }
  .form .productEdit {
    padding: 0; }
  .form .noteWrapper .formTitle h3,
  .form .moduleList .formTitle h3 {
    padding: 0;
    border-bottom: 0; }
  .form .job-info {
    color: #000; }
    .form .job-info dt {
      width: 30%;
      max-width: 300px;
      line-height: 30px; }
    .form .job-info dd {
      line-height: 30px; }
  .form .opp-info dt {
    width: 40%;
    max-width: 300px;
    line-height: 30px; }
  .form .opp-info dd {
    line-height: 30px; }
  .form .opp-info input {
    width: 80% !important; }
  .form .internal-info dt {
    width: 20%;
    max-width: 132px;
    line-height: 30px; }
  .form .internal-info dd {
    line-height: 30px; }
  .form .internal-info textarea {
    width: 94%;
    padding: 5px;
    resize: none; }
  .form .assignees-info dt {
    width: 20%;
    max-width: 200px; }
  .form .assignees-info dd {
    line-height: 0px; }
  .form .assignees-info input {
    max-width: 180px !important; }
  .form .assignees-info select {
    max-width: 190px !important; }
  .form .assignees-info .current-selected {
    line-height: 27px !important;
    color: #10373E; }

.form {
  width: 860px;
  max-width: 860px;
  margin: 0 auto;
  background: #fff;
  min-height: 150px;
  display: block;
  position: relative;
  border: 1px solid #7f7f80; }
  .form.employee {
    width: 100%;
    max-width: 100%; }
  .form #internalNotes {
    resize: none; }
  .form #differenceAmount {
    line-height: 26px; }
  .form.employee {
    width: 100%;
    max-width: 100%; }
  .form .compactList li {
    border-bottom: 1px solid #7f7f80; }
    .form .compactList li.inner {
      margin: 0 !important;
      padding: 4px 10px; }
      .form .compactList li.inner:hover p {
        color: #000; }
    .form .compactList li p {
      min-height: 20px !important;
      line-height: 20px !important; }
  .form .formTitle {
    width: 100%; }
    .form .formTitle:nth-child(n+2) {
      margin-top: 12px !important; }
    .form .formTitle.withMargin {
      margin-bottom: 0; }
    .form .formTitle .btnHolder {
      float: right;
      height: 26px; }
      .form .formTitle .btnHolder .calculateTotal {
        width: 50%;
        text-align: right; }
        .form .formTitle .btnHolder .calculateTotal .totalAmount {
          border-top: 1px solid grey; }
    .form .formTitle h3 {
      margin: 0;
      color: #5a86a2;
      font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
      font-size: 14px; }
      .form .formTitle h3 span {
        width: inherit;
        color: #000; }
    .form .formTitle .area_holder {
      position: relative; }
      .form .formTitle .area_holder .attach_file {
        position: absolute;
        bottom: 5px;
        right: 10px;
        color: #000;
        font-size: 18px; }
  .form ._formTitle {
    margin: 0;
    padding: 10px 20px;
    padding: 0.625rem 1.25rem;
    color: #5a86a2;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 0.875rem; }
  .form .mainInfo {
    display: block;
    width: auto;
    margin-left: 156px; }
    .form .mainInfo h3 {
      min-height: 24px;
      line-height: 30px;
      color: #000;
      font: "OpenSans Regular", Arial, Helvetica, sans-serif;
      font-size: 24px; }
    .form .mainInfo p {
      height: 20px !important;
      min-height: 20px !important;
      line-height: 20px !important; }
  .form .details {
    width: 12px;
    height: 6px;
    padding: 2px 3px;
    text-align: center;
    line-height: 5px;
    border: 1px solid #7f7f80;
    color: #999;
    background: #cecece;
    cursor: pointer; }
    .form .details.center {
      margin: 0 auto; }
    .form .details.person {
      margin-top: -30px;
      margin-right: -15px;
      position: relative;
      z-index: 100; }
  .form #details {
    display: none; }
  .form .details-box {
    display: none; }
  .form .inner .half-block textarea, .form .inner .ui-dialog .app-block textarea, .ui-dialog .form .inner .app-block textarea {
    width: 99%;
    padding: 10px 5px;
    resize: none; }
  .form > #tabList li {
    margin: 0 2px 5px 0;
    float: left; }
  .form h2 {
    margin-bottom: 12px;
    color: #000;
    font-family: "OpenSans Regular", Arial, Helvetica, sans-serif;
    font-size: 24px !important; }
  .form h2:first-of-type {
    margin: 0 0 8px;
    color: #000;
    font-size: 26px; }
  .form p {
    min-height: 30px;
    line-height: 30px;
    color: #000;
    font-family: "OpenSans Regular", Arial, Helvetica, sans-serif;
    font-size: 13px; }
    .form p label:not(._formLabel) {
      margin-bottom: 2px; }
    .form p input:not(._formInput) {
      width: 90%;
      margin-bottom: 2px; }
    .form p select {
      margin-bottom: 2px;
      width: 90%; }
  .form span#saveSpan a, .form span#cancelSpan a, .form span#editSpan a {
    width: 16px;
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    background: no-repeat 0 50%;
    font-size: 16px; }
  .form span#saveSpan i, .form span#cancelSpan i, .form span#editSpan i {
    margin: 0 5px;
    line-height: 20px;
    font-size: 16px;
    cursor: pointer; }
  .form #cancelSpan a,
  .form #saveSpan a,
  .form #editSpan a {
    color: #10373E; }
  .form label:not(._formLabel, ._animate) {
    display: block;
    float: left;
    width: 90%;
    line-height: 26px;
    color: #000; }
    .form label:not(._formLabel, ._animate)._customCHeckbox {
      width: auto;
      display: inline-block;
      vertical-align: middle;
      margin-top: -2px; }
  .form ._editPanel label:not(._formLabel)._customCHeckbox {
    margin-top: 0; }
  .form ._modalLabel > label:not(._formLabel) {
    width: auto;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .form textarea {
    width: 100%;
    min-height: 160px;
    resize: none; }
    .form textarea._bigTextArea {
      width: 100%;
      padding: 10px; }
  .form .job-create-info textarea {
    height: 130px;
    line-height: 20px; }

.social {
  clear: both; }
  .social a {
    display: block;
    width: 28px;
    height: 28px;
    margin-right: 5px;
    background-position: top;
    transition: background-position .1s ease-in;
    float: left; }
    .social a:hover {
      background-position: bottom; }
  .social .facebook {
    background: url("../../images/facebook.png"); }
  .social .linkedin {
    background: url("../../images/linkedin.png"); }
  .social .skype {
    background: url("../../images/skype.png"); }

._socialWrap {
  position: relative; }
  ._socialWrap .social {
    position: absolute;
    top: 0;
    right: 0; }
    ._socialWrap .social > a {
      margin-right: 0; }

.propertyFormList._socialWrap {
  max-width: 381px; }
  .propertyFormList._socialWrap .inputBox input:not([type=checkbox], ._formInput) {
    padding-right: 35px; }

.salesPurchases-container ._animatedCheckbox {
  width: auto !important; }
  .salesPurchases-container ._animatedCheckbox span {
    display: table-cell !important; }
.salesPurchases-container .propertyFormList label {
  padding-right: 0; }
  .salesPurchases-container .propertyFormList label span._selectTitle {
    color: #000; }
.salesPurchases-container ._forCheckBox {
  height: 27px; }
  .salesPurchases-container ._forCheckBox .inputBox {
    margin-right: 25px; }
    .salesPurchases-container ._forCheckBox .inputBox + .inputBox {
      margin-right: 0;
      padding-left: 20px; }
  .salesPurchases-container ._forCheckBox label {
    height: 27px;
    vertical-align: middle; }
  .salesPurchases-container ._forCheckBox label[for="isSupplier"] {
    width: 80px !important; }

/*added from _main.less 23.09*/
.topInputHolder .thirdPartBlock {
  width: 33.33%; }
  .topInputHolder .thirdPartBlock .person-info {
    display: table;
    width: 100%; }
    .topInputHolder .thirdPartBlock .person-info > div {
      display: table-cell;
      vertical-align: middle; }
    .topInputHolder .thirdPartBlock .person-info dd {
      display: table-cell;
      vertical-align: middle;
      line-height: 25px; }
    .topInputHolder .thirdPartBlock .person-info dt {
      display: table-cell;
      vertical-align: middle;
      line-height: 25px; }
    .topInputHolder .thirdPartBlock .person-info .miniAvatar {
      width: 20%; }
      .topInputHolder .thirdPartBlock .person-info .miniAvatar .avatar {
        width: 50px;
        height: 50px;
        margin: 0; }
    .topInputHolder .thirdPartBlock .person-info .miniAvatarInfo {
      width: 80%; }

label._customCHeckbox input[type="checkbox"] {
  padding: 0 !important;
  position: absolute;
  left: -9999px;
  cursor: default;
  -moz-binding: none;
  opacity: 0; }
  label._customCHeckbox input[type="checkbox"][disabled]:checked + span:before {
    background-color: #fff;
    border-top: 0;
    border-left: 0;
    border-right: 2px solid grey;
    border-bottom: 2px solid grey; }
  label._customCHeckbox input[type="checkbox"][disabled] + span:before {
    background: rgba(128, 128, 128, 0.1);
    border: 1px solid rgba(114, 114, 114, 0.1); }
  label._customCHeckbox input[type="checkbox"] + span {
    display: block;
    height: 20px;
    line-height: 18px;
    padding-left: 20px;
    color: #5a5a5a;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: relative; }
    label._customCHeckbox input[type="checkbox"] + span:before, label._customCHeckbox input[type="checkbox"] + span:after {
      content: '';
      width: 12px;
      height: 12px;
      border: 1px solid #5a5a5a;
      background-color: #fff;
      margin-top: 4px;
      position: absolute;
      top: 0;
      left: 4px;
      transition: .1s;
      z-index: 0; }
    label._customCHeckbox input[type="checkbox"] + span:after {
      border: 0;
      -webkit-transform: scale(0);
          -ms-transform: scale(0);
              transform: scale(0); }
  label._customCHeckbox input[type="checkbox"]:checked + span:before {
    width: 6px;
    height: 12px;
    top: -1px;
    left: 1px;
    border-top: 0;
    border-left: 0;
    border-right: 2px solid #10373E;
    border-bottom: 2px solid #10373E;
    background-color: transparent;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%; }

._animatedCheckbox > input[type='checkbox'], ._animatedCheckbox > input[type='radio'] {
  display: none; }
  ._animatedCheckbox > input[type='checkbox']:checked + span:before, ._animatedCheckbox > input[type='radio']:checked + span:before {
    top: -2px;
    left: 5px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    border-width: 0 2px 2px 0;
    width: 8px; }
  ._animatedCheckbox > input[type='checkbox']:checked + span:after, ._animatedCheckbox > input[type='radio']:checked + span:after {
    -webkit-animation: circleShadow 250ms ease-out forwards;
            animation: circleShadow 250ms ease-out forwards; }
._animatedCheckbox + label {
  margin-left: 10px;
  line-height: 18px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
._animatedCheckbox span {
  position: relative;
  display: inline-block;
  height: 18px;
  width: 18px;
  cursor: pointer; }
  ._animatedCheckbox span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 18px;
    width: 18px;
    border: 2px solid #2c6b7a;
    transition: all .1s ease-in-out; }
  ._animatedCheckbox span:after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: 1;
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 50%; }

._animatedCheckbox._small,
._animatedCheckbox._small span,
._animatedCheckbox._small span:before {
  width: 12px;
  height: 12px; }

._animatedCheckbox._small {
  display: inline-block; }
  ._animatedCheckbox._small span:before {
    border-width: 1px; }
  ._animatedCheckbox._small span:after {
    width: 22px;
    height: 22px; }
  ._animatedCheckbox._small > input[type='checkbox']:checked + span:before {
    top: -2px;
    left: 3px;
    width: 7px; }

@-webkit-keyframes circleShadow {
  0% {
    background-color: transparent; }
  50% {
    background-color: rgba(0, 0, 0, 0.07); }
  100% {
    background-color: transparent;
    -webkit-transform: scale(1.6);
            transform: scale(1.6); } }

@keyframes circleShadow {
  0% {
    background-color: transparent; }
  50% {
    background-color: rgba(0, 0, 0, 0.07); }
  100% {
    background-color: transparent;
    -webkit-transform: scale(1.6);
            transform: scale(1.6); } }
._selectBlock ._inputContainer ._customCHeckbox {
  margin-top: 4px;
  margin-left: 4px; }

.internal_Notes {
  min-height: 100px; }

._journalentryForm .ribbon {
  position: absolute !important;
  top: -5px;
  left: -5px;
  overflow: hidden;
  width: 96px;
  height: 94px;
  border-bottom-right-radius: 92px; }
  ._journalentryForm .ribbon .ribbon-grey {
    background: #94a5a6;
    border-color: #788e8f; }
  ._journalentryForm .ribbon .ribbon-inner {
    text-align: center;
    color: #FFF;
    top: 24px;
    left: -31px;
    width: 135px;
    padding: 3px;
    position: relative;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    line-height: 10px;
    height: 18px; }
    ._journalentryForm .ribbon .ribbon-inner:before, ._journalentryForm .ribbon .ribbon-inner:after {
      content: "";
      border-top: 5px solid transparent;
      border-left: 5px solid;
      border-left-color: inherit;
      border-right: 5px solid transparent;
      border-bottom: 5px solid;
      border-bottom-color: inherit;
      position: absolute;
      top: 12px;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    ._journalentryForm .ribbon .ribbon-inner:before {
      left: -1px;
      border-left: 3px solid transparent;
      margin-left: 5px; }
    ._journalentryForm .ribbon .ribbon-inner:after {
      right: 2px;
      top: 13px;
      margin-right: 6px;
      border-bottom: 3px solid transparent; }
._journalentryForm h3 {
  margin-left: 96px;
  text-align: center; }
._journalentryForm h5 {
  text-align: right; }
._journalentryForm ._desc {
  padding: 5px 0 11px 0;
  line-height: 18px; }
._journalentryForm .textDecor {
  min-height: 30px; }
._journalentryForm .half-block, ._journalentryForm .ui-dialog .app-block, .ui-dialog ._journalentryForm .app-block {
  margin: 0px 27px 10px 0; }
  ._journalentryForm .half-block .opp-info, ._journalentryForm .ui-dialog .app-block .opp-info, .ui-dialog ._journalentryForm .app-block .opp-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: right;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    ._journalentryForm .half-block .opp-info dd, ._journalentryForm .ui-dialog .app-block .opp-info dd, .ui-dialog ._journalentryForm .app-block .opp-info dd, ._journalentryForm .half-block .opp-info dt, ._journalentryForm .ui-dialog .app-block .opp-info dt, .ui-dialog ._journalentryForm .app-block .opp-info dt {
      width: 70%;
      white-space: nowrap; }
    ._journalentryForm .half-block .opp-info dd, ._journalentryForm .ui-dialog .app-block .opp-info dd, .ui-dialog ._journalentryForm .app-block .opp-info dd {
      width: 30%;
      max-width: 120px; }
    ._journalentryForm .half-block .opp-info label:not(._formLabel), ._journalentryForm .ui-dialog .app-block .opp-info label:not(._formLabel), .ui-dialog ._journalentryForm .app-block .opp-info label:not(._formLabel) {
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      font-variant: normal; }
._journalentryForm .list-container {
  width: 100%;
  max-height: 166px;
  overflow: auto;
  margin-bottom: 10px; }
._journalentryForm .list tr:last-child {
  border-bottom: none; }

.form.employee ._employeeProfile {
  display: table;
  margin-bottom: 10px; }
  .form.employee ._employeeProfile .avatar,
  .form.employee ._employeeProfile .avatarInfoContainer {
    display: table-cell;
    vertical-align: middle; }
.form.employee ._person-info-wrap {
  width: 100%;
  float: left; }
.form.employee ._avatarWrap {
  width: 350px; }
  .form.employee ._avatarWrap .avatar {
    display: block;
    margin: 5px auto 5px auto;
    float: none; }
  .form.employee ._avatarWrap ._introInfo {
    padding: 2px;
    clear: both;
    box-shadow: none;
    text-align: center; }
    .form.employee ._avatarWrap ._introInfo a, .form.employee ._avatarWrap ._introInfo span {
      display: block;
      min-height: 18px;
      margin-top: 10px; }
.form.employee .avatarInfoContainer {
  width: 100%;
  margin-left: 350px; }

.form.payment {
  position: relative; }
  .form.payment .half-block, .form.payment .ui-dialog .app-block, .ui-dialog .form.payment .app-block {
    width: 38%; }
  .form.payment ._chart {
    position: absolute;
    right: 0; }

._manualEntry.form dt {
  width: 39%; }
._manualEntry.form dd {
  width: 61%;
  line-height: 27px; }
._manualEntry.form .list {
  margin: 10px 0; }
  ._manualEntry.form .list tbody tr:last-child {
    border-bottom: none; }

.jobsWescWrap textarea {
  padding: 4px;
  border: 0;
  border-bottom: 1px solid #d4d4d4; }
.jobsWescWrap._newSelectListWrap .newSelectList {
  width: 100%;
  top: 30px; }

._newSelectListWrap.ellipsis .current-selected {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.jobs .jobsWescWrap._newSelectListWrap .newSelectList li.selected:hover {
  color: #ffffff !important; }

.jobsWescWrap .jobsDescription,
.form table .productDescr {
  width: 100%;
  height: auto !important;
  min-height: 45px !important;
  padding: 0 10px !important;
  border: none !important;
  color: #000;
  text-align: left !important; }

.jobsWescWrap a,
.jobsWescWrap span {
  display: block;
  margin: 5px; }

.form table .productDescr {
  padding: 0 8px 0 8px;
  border: none;
  min-height: 34px;
  width: 100%;
  color: #000;
  text-align: left;
  line-height: 1.4; }
  .form table .productDescr:focus, .form table .productDescr:active {
    min-height: 50px; }

.jobsWescWrap a,
.jobsWescWrap span {
  text-align: left;
  margin: 3px 3px 0;
  padding: 2px 5px;
  color: #10373E;
  background-color: #F4F4F4;
  font-size: 13px; }

.jobsWescWrap span {
  color: #222; }

.ui-dialog .list2 thead .productItem td,
.ui-dialog .list2 tbody .productItem td,
.ui-dialog ._invoiceTable tbody td,
.ui-dialog ._invoiceTable tbody td input {
  text-align: right; }

._wTrackItemsHolder ._invoiceTable th:first-child,
._wTrackItemsHolder ._invoiceTable th:nth-child(2) {
  text-align: right; }

.quotationsTabs .list2 tbody tr {
  border-top: 0; }

._invoiceTable tbody .addProductItem,
.ui-dialog ._invoiceTable tbody ._addNewItem td {
  border-top: 1px solid #d7d7d7;
  padding: 15px 6px; }

.ui-dialog ._invoiceTable thead th {
  padding-top: 0; }

.ui-dialog .ui-widget-content .icon-close5 {
  color: #fab2b1;
  cursor: pointer;
  font-size: 15px;
  line-height: normal; }

.quotationsTabs .list2 thead th[data-sort='unitPrice'] {
  padding-right: 35px; }

.quotationsTabs .list2 #editInput,
.ordersList .mainTabs .list2 #editInput {
  width: auto;
  text-align: left; }

.topInputHolder .thirdPartBlock:first-child .person-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px; }
  .topInputHolder .thirdPartBlock:first-child .person-info dt {
    min-width: 30%; }
  .topInputHolder .thirdPartBlock:first-child .person-info dd {
    width: 50%; }
    .topInputHolder .thirdPartBlock:first-child .person-info dd textarea {
      width: 100%;
      padding: 4px; }

.mainTabs .half-block, .mainTabs .ui-dialog .app-block, .ui-dialog .mainTabs .app-block {
  margin-right: 0; }

._deleteHeader th[data-sort="amount"] {
  border-right: 1px solid #ECECEC; }

.quotationsTabs .person-info dt,
.quotationsTabs .person-info dd {
  line-height: 30px; }

/*08.09.16*/
/*Organization settings*/
._orgSettingsWrap {
  padding: 15px;
  padding-top: 20px;
  border-top: 1px solid #ededed; }
  ._orgSettingsWrap ._orgSettings {
    margin: 0;
    max-width: 1000px; }
    ._orgSettingsWrap ._orgSettings p, ._orgSettingsWrap ._orgSettings a {
      line-height: 15px; }
    ._orgSettingsWrap ._orgSettings ._formGroup {
      margin: 0 0px 15px 0px;
      display: table;
      width: 100%;
      color: #333; }
      ._orgSettingsWrap ._orgSettings ._formGroup:last-child {
        margin-top: 21px;
        padding-top: 21px;
        border-top: 1px solid #eee; }
      ._orgSettingsWrap ._orgSettings ._formGroup:before, ._orgSettingsWrap ._orgSettings ._formGroup:after {
        display: table;
        content: ""; }
      ._orgSettingsWrap ._orgSettings ._formGroup > label:not(._formLabel), ._orgSettingsWrap ._orgSettings ._formGroup > div {
        float: left; }
      ._orgSettingsWrap ._orgSettings ._formGroup label:not(._circleRadioRadianceLabel, ._forRadio, ._formLabel) {
        display: block;
        width: 100%;
        line-height: 15px;
        padding: 6px 0px 0 0px;
        margin-bottom: 5px;
        font-size: 15px; }
      ._orgSettingsWrap ._orgSettings ._formGroup ._orgName {
        color: #b94a48; }
      ._orgSettingsWrap ._orgSettings ._formGroup ._smallText {
        color: #999;
        font-size: 13px; }
      ._orgSettingsWrap ._orgSettings ._formGroup ._text-muted {
        color: #999; }
      ._orgSettingsWrap ._orgSettings ._formGroup h4 {
        padding: 25px 15px 15px 15px;
        font-size: 18px; }
    ._orgSettingsWrap ._orgSettings .newSelectList {
      width: 100%;
      max-width: none; }
    ._orgSettingsWrap ._orgSettings ._primaryContactWrap ._primaryListWrap {
      min-width: 300px;
      border-right: 1px solid #ededed; }
    ._orgSettingsWrap ._orgSettings #avatar {
      margin-bottom: -1px; }

._formControl {
  color: #555; }

._baseCurrency {
  color: #428bca;
  line-height: 20px; }
  ._baseCurrency div {
    color: #1abc9c;
    font-style: italic; }

/*09.09.16*/
.ui-dialog.edit-settings-dialog {
  width: 600px !important;
  font-size: 14px; }
  .ui-dialog.edit-settings-dialog ._modalDialog {
    padding: 0; }
    .ui-dialog.edit-settings-dialog ._modalDialog ._modalHeader {
      padding: 20px;
      background-color: #f5f5f5;
      font-size: 18px; }
    .ui-dialog.edit-settings-dialog ._modalDialog .settings-info {
      padding: 20px; }
      .ui-dialog.edit-settings-dialog ._modalDialog .settings-info.canReadAndWrite {
        padding-left: 20px; }
        .ui-dialog.edit-settings-dialog ._modalDialog .settings-info.canReadAndWrite ._circleRadioRadianceWrap {
          display: table;
          position: relative; }
          .ui-dialog.edit-settings-dialog ._modalDialog .settings-info.canReadAndWrite ._circleRadioRadianceWrap > label:not(._formLabel) {
            display: table-cell; }
            .ui-dialog.edit-settings-dialog ._modalDialog .settings-info.canReadAndWrite ._circleRadioRadianceWrap > label:not(._formLabel):first-child {
              float: right;
              padding-left: 30px; }
          .ui-dialog.edit-settings-dialog ._modalDialog .settings-info.canReadAndWrite ._circleRadioRadianceWrap ._circleRadioRadianceLabel {
            position: absolute;
            top: 10px; }
  .ui-dialog.edit-settings-dialog .ui-dialog-buttonpane {
    margin: 0 !important; }
    .ui-dialog.edit-settings-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
      padding: 20px;
      text-align: left; }
  .ui-dialog.edit-settings-dialog ._helpBlock {
    margin-top: 5px;
    margin-bottom: 10px;
    color: #999; }

._invoiceTable th[data-sort='quantity'],
._invoiceTable [data-name="quantity"] input {
  text-align: right !important; }

._invoiceTable [data-name="price"] input {
  max-width: 60px !important;
  padding: 0 !important; }

.quotationsTabs .list2 #editInput {
  width: auto !important; }

.ordersList .mainTabs .list2 #editInput {
  width: auto !important; }

/*12.09.16*/
._chartOfAccountList tbody tr.child1 td:first-child:before,
._chartOfAccountList tbody tr.child2 td:first-child:before,
._chartOfAccountList tbody tr.child3 td:first-child:before,
._chartOfAccountList tbody tr.child4 td:first-child:before,
._chartOfAccountList tbody tr.child5 td:first-child:before {
  content: '\e907';
  position: absolute;
  top: 0;
  left: 18px;
  color: #b3b3b3;
  font-family: "erp-icons";
  font-size: 28px; }

._chartOfAccountList tbody tr.child2 td:first-child:before {
  left: 38px; }

._chartOfAccountList tbody tr.child3 td:first-child:before {
  left: 58px; }

._chartOfAccountList tbody tr.child4 td:first-child:before {
  left: 78px; }

._chartOfAccountList tbody tr.child5 td:first-child:before {
  left: 98px; }

._chartOfAccountList tbody tr.child1 td:first-child:after,
._chartOfAccountList tbody tr.child2 td:first-child:after,
._chartOfAccountList tbody tr.child3 td:first-child:after,
._chartOfAccountList tbody tr.child4 td:first-child:after,
._chartOfAccountList tbody tr.child5 td:first-child:after {
  display: block;
  height: 100%;
  width: 1px;
  background-color: #b3b3b3;
  content: '';
  position: absolute;
  left: 45px;
  top: 0; }

._chartOfAccountList tbody tr.child2 td:first-child:after {
  left: 65px; }

._chartOfAccountList tbody tr.child3 td:first-child:after {
  left: 85px; }

._chartOfAccountList tbody tr.child4 td:first-child:after {
  left: 105px; }

._chartOfAccountList tbody tr.child5 td:first-child:after {
  left: 125px; }

._chartOfAccountList tbody tr.child1 td,
._chartOfAccountList tbody tr.child2 td,
._chartOfAccountList tbody tr.child3 td,
._chartOfAccountList tbody tr.child4 td,
._chartOfAccountList tbody tr.child5 td {
  position: relative; }

._chartOfAccountList.list tr.child1 td.notForm,
._chartOfAccountList.list tr.child2 td.notForm,
._chartOfAccountList.list tr.child3 td.notForm,
._chartOfAccountList.list tr.child4 td.notForm,
._chartOfAccountList.list tr.child5 td.notForm {
  text-align: right; }

._chartOfAccountList.list tr.child2 td.notForm {
  padding-left: 40px; }

._chartOfAccountList.list tr.child3 td.notForm {
  padding-left: 60px; }

._chartOfAccountList.list tr.child4 td.notForm {
  padding-left: 80px; }

._chartOfAccountList.list tr.child5 td.notForm {
  padding-left: 100px; }

.deleteCell {
  border-bottom: 1px solid white !important;
  border-top: 1px solid white !important; }

._importAttachContainer [data-level*='step'] {
  margin-top: 15px; }
  ._importAttachContainer [data-level*='step'] p {
    margin: 10px 0;
    text-transform: uppercase;
    font-size: 16px; }
  ._importAttachContainer [data-level*='step'] label:not(._formLabel) {
    padding: 15px;
    position: relative; }
    ._importAttachContainer [data-level*='step'] label:not(._formLabel) input,
    ._importAttachContainer [data-level*='step'] label:not(._formLabel) span {
      display: inline-block;
      float: left;
      vertical-align: middle; }
    ._importAttachContainer [data-level*='step'] label:not(._formLabel) span {
      margin-left: 5px; }
    ._importAttachContainer [data-level*='step'] label:not(._formLabel):before {
      content: "\f0da";
      position: absolute;
      top: 10px;
      right: -10px;
      color: #10373E;
      font-family: "erp-icons" !important;
      font-size: 25px; }
    ._importAttachContainer [data-level*='step'] label:not(._formLabel):last-child:before {
      display: none; }
._importAttachContainer .attachFileName {
  padding-bottom: 15px; }

.form-holder form select._formCustomSelect {
  max-width: 280px;
  background-color: transparent;
  font-size: 12px;
  padding: 0 4px;
  color: #000;
  width: 100%;
  border: 1px solid #c8c8d3;
  line-height: 20px;
  height: 20px; }
.form-holder .form {
  min-height: 100px; }

._listModalColumnFull {
  width: 100%;
  padding: 10px; }

/*15.09*/
@media (min-width: 850px) {
  .pagination + #timeRecivingDataFromServer {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: -1;
    line-height: 24px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); } }
/*14.09 WarehouseForm*/
._warehouseForm {
  padding: 0 10px;
  width: calc(100% - 170px); }
  ._warehouseForm .half-block, ._warehouseForm .ui-dialog .app-block, .ui-dialog ._warehouseForm .app-block {
    width: 45%;
    margin-right: 5%; }
    ._warehouseForm .half-block + .half-block, ._warehouseForm .ui-dialog .app-block + .half-block, .ui-dialog ._warehouseForm .app-block + .half-block, ._warehouseForm .ui-dialog .half-block + .app-block, .ui-dialog ._warehouseForm .half-block + .app-block, ._warehouseForm .ui-dialog .app-block + .app-block, .ui-dialog ._warehouseForm .app-block + .app-block {
      margin-right: 0;
      margin-left: 5%; }

.workflow-list-wrapper {
  min-width: 170px; }
  .workflow-list-wrapper .itemsList li {
    height: 45px;
    background-color: transparent !important; }
    .workflow-list-wrapper .itemsList li:after {
      height: 45px;
      top: 0;
      right: 0;
      z-index: 1; }
  .workflow-list-wrapper .itemsList .items {
    height: 45px;
    line-height: 23px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis; }
    .workflow-list-wrapper .itemsList .items.checked {
      background-color: #2c6b7a;
      border-color: #fff;
      color: #fff; }
  .workflow-list-wrapper + ._warehouseForm ._modalSelect > a, .workflow-list-wrapper + ._warehouseForm ._modalSelect > input {
    min-height: 30px !important; }
  .workflow-list-wrapper + ._warehouseForm ._modalSelect input[type='checkbox'] {
    width: auto !important;
    margin-top: -5px !important;
    margin-left: 10px; }

._zoneLocWrap ._inputsList input {
  border-top: none;
  line-height: 20px; }
._zoneLocWrap th {
  color: #2c6b7a;
  text-align: left; }

/*19.09 WarehouseForm*/
._accountscategories-holder {
  width: 100%; }

#groupList li.disabled .content > .text .trash {
  display: none; }

/*21.09*/
template, [hidden] {
  display: none !important; }

.form-holder form._modalForm ._listModal ._modalList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .form-holder form._modalForm ._listModal ._modalList dt._modalLabel {
    margin-bottom: 0;
    line-height: 33px; }
  .form-holder form._modalForm ._listModal ._modalList dd {
    width: 100%; }

/*23.09*/
.forSCU.list {
  /*10.10.16*/ }
  .forSCU.list th:nth-child(-n+4),
  .forSCU.list td:nth-child(-n+4),
  .forSCU.list td:nth-child(-n+4) input {
    text-align: right; }
  .forSCU.list td.fullfilledHolder {
    vertical-align: middle;
    padding-bottom: 0 !important; }
  .forSCU.list input {
    height: 16px; }
  .forSCU.list textarea {
    padding: 4px;
    height: 50px; }
  .forSCU.list td {
    vertical-align: top;
    padding: 0 !important;
    padding-bottom: 6px !important; }
    .forSCU.list td > div {
      padding: 5px 6px 5px 6px;
      background-color: #fff !important;
      min-height: 26px; }
    .forSCU.list td.subtotal div, .forSCU.list td[data-name="productName"] div {
      background-color: transparent !important; }
    .forSCU.list td.subtotal span.sum, .forSCU.list td[data-name="taxes"] span.sum {
      white-space: initial; }
  .forSCU.list tbody tr.productItem.green, .forSCU.list tbody td.scuItemHolder.green {
    background-color: #ccffcc; }
    .forSCU.list tbody tr.productItem.green td.subtotal, .forSCU.list tbody td.scuItemHolder.green td.subtotal {
      border-right: 1px solid #ccffcc; }
  .forSCU.list tbody tr.productItem.red, .forSCU.list tbody td.scuItemHolder.red {
    background-color: #fd9090; }
    .forSCU.list tbody tr.productItem.red td.subtotal, .forSCU.list tbody td.scuItemHolder.red td.subtotal {
      border-right: 1px solid #fd9090; }
  .forSCU.list tbody tr.productItem.errored, .forSCU.list tbody td.scuItemHolder.errored {
    background-color: #fab2b1; }
    .forSCU.list tbody tr.productItem.errored td.subtotal, .forSCU.list tbody td.scuItemHolder.errored td.subtotal {
      border-right: 1px solid #fab2b1; }
  .forSCU.list tbody td.scuItemHolder.red {
    border-right: 1px solid #fd9090; }
  .forSCU.list tbody td.scuItemHolder.green {
    border-right: 1px solid #ccffcc; }
  .forSCU.list tbody td:last-child {
    background-color: #fff; }
  .forSCU.list .jobsWescWrap {
    margin-top: 0;
    margin-bottom: 0;
    border: none; }
  .forSCU.list .fullfilledWrap {
    text-align: center;
    background-color: transparent !important;
    white-space: normal; }
    .forSCU.list .fullfilledWrap ._alocated {
      background-color: #fff !important;
      width: 40px;
      border-radius: 2px;
      margin: 0 5px; }
    .forSCU.list .fullfilledWrap .scuList,
    .forSCU.list .fullfilledWrap .fullfilledInfo {
      display: inline-block; }
    .forSCU.list .fullfilledWrap .fullfilledInfo {
      padding-left: 15px; }
      .forSCU.list .fullfilledWrap .fullfilledInfo span {
        white-space: initial;
        word-break: break-word; }
  .forSCU.list ._newSelectListWrap .current-selected:hover .newSelectList li {
    text-decoration: none !important; }
  .forSCU.list ._newSelectListWrap .newSelectList {
    background-color: #fff !important; }

/*27.09*/
#invoiceForm [data-name="quantity"] input {
  text-align: left !important; }

._journalentryForm {
  padding-bottom: 20px; }

._wTrackItemsHolder ._invoiceTable.list tbody tr, ._wTrackItemsHolder ._invoiceTable.list2 tbody tr {
  vertical-align: middle; }

/*13.10*/
.ui-dialog .form .attachments {
  border: none; }

._jobsItem .remove a {
  display: none; }
._jobsItem .remove:hover a {
  display: block; }

/*18.10.16*/
._multiEllipsis {
  height: 60px;
  overflow: hidden;
  position: relative;
  padding-right: 30px; }
  ._multiEllipsis:before {
    content: "";
    float: left;
    width: 25px;
    height: 60px;
    display: inline-block; }
  ._multiEllipsis.open {
    height: auto;
    padding-bottom: 20px; }
  ._multiEllipsis p {
    line-height: 20px;
    word-break: break-all; }
  ._multiEllipsis > div:first-child {
    float: right;
    width: 100%;
    margin-left: -25px; }

._ellipsisShowMore.showmore,
._ellipsisCloseBtn.hideList {
  display: block;
  box-sizing: content-box;
  float: right;
  position: relative;
  top: -22px;
  left: 100%;
  width: 6em;
  margin-left: -6em;
  padding-right: 5px;
  text-align: center;
  background-color: #2c6b7a;
  color: #fff;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
  border-radius: 3px;
  cursor: pointer;
  right: 15px; }

._ellipsisShowMore.showmore:before {
  content: '';
  display: block;
  position: absolute;
  right: 100%;
  width: 40px;
  height: 20px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.5), white); }

._ellipsisCloseBtn.hideList {
  display: none;
  position: absolute;
  bottom: 0;
  top: auto;
  width: 5em;
  margin-left: -7em; }

._multiEllipsis.open > .showmore {
  display: none; }
._multiEllipsis.open > .hideList {
  display: block; }

/*21.10.16*/
#stockCorrection ._invoiceTable {
  margin-top: 15px; }

._stockCorrectionForm textarea._animate {
  height: 170px; }

._projectsFormWrap ._mainTabs > .dialog-tabs-item {
  padding-top: 30px;
  position: relative; }
  ._projectsFormWrap ._mainTabs > .dialog-tabs-item .btnsBlock._underTabs {
    position: absolute;
    top: 5px;
    left: 0; }

._mainTabs #createBtnHolder.btnsBlock._underTabs .btn {
  margin: 0;
  margin-right: 5px; }

._enlargedItemMargin ._animateSelectBox,
._enlargedItemMargin ._animateInputBox,
._enlargedItemMargin ._formRow {
  margin-bottom: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

._basedOnRange {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px; }
  ._basedOnRange ._animatedCheckbox {
    margin-left: 5px; }

._productInfoTab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

._productInfoFormBlock {
  border-bottom: 2px solid #ededed;
  padding-bottom: 10px; }

._productInfoTableWrap {
  max-height: 470px;
  overflow: auto; }
  ._productInfoTableWrap + #timeRecivingDataFromServer {
    line-height: 30px; }

._productTableFilter {
  width: calc(33.333% - 30px);
  margin-bottom: 10px; }

._prodOptPanel {
  display: inline-block;
  padding: 10px;
  margin: 10px 0;
  border: 1px solid #2c6b7a; }
  ._prodOptPanel ._mainCheckbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px;
    margin-bottom: 10px; }
  ._prodOptPanel ._prodOptCheckWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  ._prodOptPanel ._prodOptCheckItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2px;
    margin: 2px;
    background: #f8f9fb;
    border-radius: 3px;
    border: 1px solid #f8f9fb;
    transition: border-color 150ms ease;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    ._prodOptPanel ._prodOptCheckItem:hover {
      border-color: #2c6b7a; }

._creatingVariants {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

._variantOptions {
  padding: 10px; }

._prodOptCheckItem:last-child ._checklabel {
  margin-right: 10px; }
._prodOptCheckItem ._checklabel {
  margin-left: 10px;
  margin-right: 20px;
  color: #364150;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
._prodOptCheckItem label._customCHeckbox input[type="checkbox"]:checked + span:before, ._prodOptCheckItem label._customCHeckbox input[type="checkbox"]:checked + span:after {
  border-top: 0;
  border-left: 0; }
._prodOptCheckItem label._customCHeckbox input[type="checkbox"] + span:before, ._prodOptCheckItem label._customCHeckbox input[type="checkbox"] + span:after {
  border-color: #10373E;
  border-radius: 0; }
._prodOptCheckItem label._customCHeckbox input[disabled] + span:before, ._prodOptCheckItem label._customCHeckbox input[disabled] + span:after {
  border-color: #5a5a5a; }

._variantsLabel {
  display: block;
  margin-bottom: 8px; }

._bundleListTitle {
  margin-bottom: 8px;
  color: #4184b1;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem; }

._productsForBundle,
._productsBundle {
  height: 300px;
  overflow: auto;
  border: 1px solid #2c6b7a; }

._productsForBundle > li.itemForLink.focus {
  background-color: #cacaca; }
._productsForBundle > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid #DEDEDE;
  background-color: #fff;
  cursor: pointer; }
  ._productsForBundle > li:last-child {
    border-bottom: none; }
  ._productsForBundle > li:first-child {
    border-bottom: 1px solid #DEDEDE; }
  ._productsForBundle > li:nth-child(even) {
    background-color: #FAFAFA; }
  ._productsForBundle > li span {
    text-align: right;
    margin-left: 15px; }

._productsBundle {
  padding: 5px 10px; }
  ._productsBundle ._bundle {
    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;
    margin: 5px 0; }
    ._productsBundle ._bundle ._editConteiner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      ._productsBundle ._bundle ._editConteiner ._quantity {
        width: 100px;
        margin: 0 5px;
        padding: 0; }
      ._productsBundle ._bundle ._editConteiner ._actionCircleBtn {
        line-height: 24px;
        color: #000;
        font-size: 12px;
        font-size: 0.75rem; }
      ._productsBundle ._bundle ._editConteiner span {
        cursor: pointer; }

._searchContWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px; }
  ._searchContWrap ._searchTitle {
    margin-right: 20px;
    white-space: nowrap; }
  ._searchContWrap ._searchInput {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 26px; }
  ._searchContWrap ._searchBtn {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: inline-block;
    padding: 0 4px;
    margin-top: 0;
    background-color: #2c6b7a;
    line-height: 26px;
    text-align: center;
    color: #fff; }

._bundleTitle {
  color: #969696;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  text-align: right;
  font-size: 16px;
  font-size: 1rem; }

.docHelper {
  width: 302px;
  color: #7d7d7d;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }

.chatraWrapper {
  height: 400px; }

.docHeader {
  position: relative;
  padding: 12px 20px;
  background: #f8f8f8;
  border-bottom: 1px solid #ddd;
  border-radius: 10px 10px 0 0; }
  .docHeader .docTitle {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin: 0; }
  .docHeader ._animateInputBox {
    margin-top: 15px; }
  .docHeader .docCloseBtn,
  .docHeader .docBackBtn {
    position: absolute;
    border: 0;
    background-color: transparent;
    cursor: pointer; }
  .docHeader .docCloseBtn {
    top: 1px;
    right: 2px;
    padding: 13px 16px; }
    .docHeader .docCloseBtn svg {
      fill: #999; }
  .docHeader .docBackBtn {
    left: 0;
    top: 0;
    padding: 12px 16px;
    font-size: 18px;
    font-size: 1.125rem; }

.docBody {
  background-color: #fff;
  border-radius: 0 0 10px 10px; }
  .docBody:after {
    content: '';
    display: table;
    clear: both; }
  .docBody > iframe {
    float: left; }
  .docBody #searchFrame html {
    overflow: hidden; }
  .docBody .docListTitle {
    font-weight: bold;
    margin: 0; }
  .docBody .docList {
    padding: 8px 0 8px 18px;
    margin: 0; }
  .docBody .docListItem {
    color: #999;
    margin-bottom: 7px; }
    .docBody .docListItem a {
      color: #5e99bf;
      font-size: 14px;
      text-decoration: none; }
      .docBody .docListItem a:hover {
        text-decoration: underline; }
  .docBody ._animateInputBox {
    margin-bottom: 15px; }
  .docBody .attachWrapper {
    padding: 0 0 10px; }
  .docBody .noteWrapper .attachContainer {
    overflow: auto;
    max-height: 125px; }
  .docBody .formTitle h3 {
    margin-bottom: 5px;
    color: #364150;
    font-size: 16px;
    line-height: 16px; }
  .docBody .attachContainer li:before {
    font-size: 16px;
    font-size: 1rem; }

._searchFrameContainer .searchForm {
  padding: 20px 20px 5px; }
  ._searchFrameContainer .searchForm ._animateInputBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0; }
    ._searchFrameContainer .searchForm ._animateInputBox input._animate {
      height: 35px; }
  ._searchFrameContainer .searchForm .searchBtn {
    border: 0;
    background-color: transparent;
    width: 34px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 45px;
    height: 34px;
    cursor: pointer; }
    ._searchFrameContainer .searchForm .searchBtn svg {
      fill: #2c6b7a; }
._searchFrameContainer .docListTitle {
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  margin: 0;
  font-size: 16px;
  font-size: 1rem; }
._searchFrameContainer .docList {
  padding: 8px 0 8px 26px;
  margin: 15px 0 0;
  max-height: 140px;
  list-style-type: decimal;
  overflow: auto; }
  ._searchFrameContainer .docList.viewLess .docListItem:nth-child(n+4) {
    display: none; }
._searchFrameContainer .docListItem {
  color: #999;
  margin-bottom: 7px; }
  ._searchFrameContainer .docListItem > a {
    color: #5e99bf;
    font-size: 15px;
    text-decoration: none; }

.docContent {
  padding: 20px 20px 10px; }

._animateInputBox {
  position: relative;
  margin-bottom: 5px; }

._animateTextareaBox {
  position: relative;
  margin-bottom: 15px;
  margin-top: 5px; }
  ._animateTextareaBox .attach_file {
    position: absolute;
    bottom: 8px;
    right: 17px;
    padding: 2px;
    cursor: pointer;
    text-align: center;
    background-color: #fff;
    font-size: 20px;
    font-size: 1.25rem; }

button:hover, button:focus, button:active {
  outline: none; }

.docLogo {
  font-size: 13px;
  color: #999; }
  .docLogo span {
    font-weight: bold;
    color: #2c6b7a; }

.docActionBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 10px 20px;
  border-top: 1px solid #ddd;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .docActionBlock .btnGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .docActionBlock .btnGroup .btn {
      font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
      border-color: #2c6b7a;
      color: #0d8bcd; }
      .docActionBlock .btnGroup .btn + .btn {
        margin-left: 5px; }

.chatBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0d8bcd;
  color: #fff;
  margin-right: 10px;
  cursor: pointer;
  font-size: 18px;
  font-size: 1.125rem; }

.attach_file svg {
  fill: #2c6b7a; }

.helpContainer {
  position: fixed;
  z-index: 1000;
  right: 30px;
  bottom: 38px; }
  .helpContainer .btnHelp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 12px 18px;
    border-radius: 50px;
    background-color: #2c6b7a;
    white-space: nowrap;
    color: #fff;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    cursor: pointer;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
    font-size: 16px;
    font-size: 1rem; }
    .helpContainer .btnHelp h4 {
      margin-left: 5px; }
  .helpContainer .docHelper,
  .helpContainer .btnHelp {
    position: absolute;
    bottom: 0;
    right: 0; }

.docHelper,
.btnHelp {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
  transition: all .3s ease-in-out; }
  .docHelper.show,
  .btnHelp.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }

._checkboxList ._animatedCheckbox {
  margin-left: 15px; }

.icon-google-plus:before {
  content: "\e94d"; }

.icon-integrations:before {
  content: "\e94c"; }

.icon-speedometer:before {
  content: "\e94b"; }

.icon-package:before {
  content: "\e947"; }

.icon-printer:before {
  content: "\e948"; }

.icon-truck:before {
  content: "\e949"; }

.icon-checkedList:before {
  content: "\e94a"; }

.icon-plane:before {
  content: "\e946"; }

.icon-sortArrows:before {
  content: "\e945"; }

.icon-sortUp:before {
  content: "\e943"; }

.icon-sortDown:before {
  content: "\e944"; }

.icon-copy:before {
  content: "\e93f"; }

.icon-csv:before {
  content: "\e940"; }

.icon-pdf:before {
  content: "\e941"; }

.icon-xlsx:before {
  content: "\e942"; }

.icon-upload:before {
  content: "\e93e"; }

.icon-info:before {
  content: "\e93d"; }

.icon-balloons:before {
  content: "\e932"; }

.icon-box2:before {
  content: "\e933"; }

.icon-medicine:before {
  content: "\e934"; }

.icon-credit-card2:before {
  content: "\e935"; }

.icon-food:before {
  content: "\e936"; }

.icon-delivery:before {
  content: "\e937"; }

.icon-dollar:before {
  content: "\e938"; }

.icon-fitness:before {
  content: "\e939"; }

.icon-education:before {
  content: "\e93a"; }

.icon-building2:before {
  content: "\e93b"; }

.icon-parking:before {
  content: "\e93c"; }

.icon-expand:before {
  content: "\e900"; }

.icon-transfer2:before {
  content: "\30"; }

.icon-facebook2:before {
  content: "\66"; }

.icon-linkedin2:before {
  content: "\6c"; }

.icon-rect2:before {
  content: "\6d"; }

.icon-kanban:before {
  content: "\72"; }

.icon-skype-black:before {
  content: "\73"; }

.icon-users:before {
  content: "\e001"; }

.icon-user-add:before {
  content: "\e002"; }

.icon-user-check:before {
  content: "\e003"; }

.icon-user-delete:before {
  content: "\e004"; }

.icon-user:before {
  content: "\e005"; }

.icon-facebook:before {
  content: "\e00b"; }

.icon-credit-card:before {
  content: "\e025"; }

.icon-speech:before {
  content: "\e02c"; }

.icon-puzzle:before {
  content: "\e02d"; }

.icon-picture:before {
  content: "\e032"; }

.icon-layers:before {
  content: "\e034"; }

.icon-globe:before {
  content: "\e037"; }

.icon-folder-alt:before {
  content: "\e039"; }

.icon-docs:before {
  content: "\e040"; }

.icon-diamond:before {
  content: "\e043"; }

.icon-call-out:before {
  content: "\e046"; }

.icon-call-in:before {
  content: "\e047"; }

.icon-call-end:before {
  content: "\e048"; }

.icon-calculator:before {
  content: "\e049"; }

.icon-briefcase:before {
  content: "\e04b"; }

.icon-basket:before {
  content: "\e04e"; }

.icon-wrench:before {
  content: "\e052"; }

.icon-trash:before {
  content: "\e054"; }

.icon-tag:before {
  content: "\e055"; }

.icon-pencil:before {
  content: "\e05f"; }

.icon-note:before {
  content: "\e060"; }

.icon-list:before {
  content: "\e067"; }

.icon-tiles:before {
  content: "\e06a"; }

.icon-graph:before {
  content: "\e06b"; }

.icon-calendar:before {
  content: "\e075"; }

.icon-chart:before {
  content: "\e077"; }

.icon-arrow-up-circle:before {
  content: "\e078"; }

.icon-arrow-right-circle:before {
  content: "\e079"; }

.icon-arrow-left-circle:before {
  content: "\e07a"; }

.icon-arrow-down-circlen:before {
  content: "\e07b"; }

.icon-bubble:before {
  content: "\e07d"; }

.icon-close4:before {
  content: "\e082"; }

.icon-mail:before {
  content: "\e086"; }

.icon-folder:before {
  content: "\e089"; }

.icon-attach:before {
  content: "\e093"; }

.icon-refresh:before {
  content: "\e098"; }

.icon-settings:before {
  content: "\e09a"; }

.icon-menu:before {
  content: "\e601"; }

.icon-arrow-down:before {
  content: "\e604"; }

.icon-arrow-left:before {
  content: "\e605"; }

.icon-arrow-right:before {
  content: "\e606"; }

.icon-arrow-up:before {
  content: "\e607"; }

.icon-instagram:before {
  content: "\e609"; }

.icon-linkedin:before {
  content: "\e60a"; }

.icon-google:before {
  content: "\e60d"; }

.icon-skype:before {
  content: "\e60f"; }

.icon-question:before {
  content: "\e901"; }

.icon-chat:before {
  content: "\e902"; }

.icon-addImage:before {
  content: "\e903"; }

.icon-deleteImage:before {
  content: "\e904"; }

.icon-checkImage:before {
  content: "\e905"; }

.icon-linkedin3:before {
  content: "\e906"; }

.icon-location:before {
  content: "\e907"; }

.icon-smartphone:before {
  content: "\e908"; }

.icon-rect:before {
  content: "\e909"; }

.icon-add:before {
  content: "\e90a"; }

.icon-close:before {
  content: "\e90b"; }

.icon-checked:before {
  content: "\e90c"; }

.icon-checked2:before {
  content: "\e90d"; }

.icon-close2:before {
  content: "\e90e"; }

.icon-close3:before {
  content: "\e90f"; }

.icon-step-in:before {
  content: "\e910"; }

.icon-download:before {
  content: "\e911"; }

.icon-filter:before {
  content: "\e912"; }

.icon-filter2:before {
  content: "\e913"; }

.icon-tiles2:before {
  content: "\e914"; }

.icon-search:before {
  content: "\e915"; }

.icon-lock:before {
  content: "\e916"; }

.icon-unlock:before {
  content: "\e917"; }

.icon-plus:before {
  content: "\e918"; }

.icon-search2-:before {
  content: "\e919"; }

.icon-star:before {
  content: "\e91a"; }

.icon-caret-down:before {
  content: "\e91b"; }

.icon-list5:before {
  content: "\e91c"; }

.icon-list2:before {
  content: "\e91d"; }

.icon-list3:before {
  content: "\e91e"; }

.icon-star2:before {
  content: "\e91f"; }

.icon-folder-download:before {
  content: "\e920"; }

.icon-folder-line:before {
  content: "\e921"; }

.icon-folder-open:before {
  content: "\e922"; }

.icon-folder-upload:before {
  content: "\e923"; }

.icon-down-arrow2:before {
  content: "\e924"; }

.icon-down-arrow:before {
  content: "\e925"; }

.icon-up-arrow2:before {
  content: "\e926"; }

.icon-sort-arrows2:before {
  content: "\e927"; }

.icon-transfer:before {
  content: "\e928"; }

.icon-up-arrow:before {
  content: "\e929"; }

.icon-plus-black:before {
  content: "\e92a"; }

.icon-warning2:before {
  content: "\e92b"; }

.icon-warning:before {
  content: "\e92c"; }

.icon-pie-chart:before {
  content: "\e92d"; }

.icon-box:before {
  content: "\e92e"; }

.icon-cargo:before {
  content: "\e92f"; }

.icon-report:before {
  content: "\e930"; }

.icon-left-arrow:before {
  content: "\e931"; }

.icon-user2:before {
  content: "\f007"; }

.icon-close5:before {
  content: "\f057"; }

.icon-check-circle:before {
  content: "\f05d"; }

.icon-minus:before {
  content: "\f068"; }

.icon-folder2:before {
  content: "\f07b"; }

.icon-folder-open2:before {
  content: "\f07c"; }

.icon-facebook3:before {
  content: "\f082"; }

.icon-phone:before {
  content: "\f095"; }

.icon-list4:before {
  content: "\f0c9"; }

.icon-caret-right:before {
  content: "\f0da"; }

.icon-sort-arrow:before {
  content: "\f0dc"; }

.icon-sort-arrow-down:before {
  content: "\f0dd"; }

.icon-sort-arrow-up:before {
  content: "\f0de"; }

.icon-mail2:before {
  content: "\f0e0"; }

.icon-linkedin4:before {
  content: "\f0e1"; }

.icon-building:before {
  content: "\f0f7"; }

.icon-cheveronL:before {
  content: "\f100"; }

.icon-cheveronR:before {
  content: "\f101"; }

.icon-arrow-left2:before {
  content: "\f104"; }

.icon-arrow-right2:before {
  content: "\f105"; }

.icon-arrow-up2:before {
  content: "\f106"; }

.icon-arrow-down2:before {
  content: "\f107"; }

.icon-circle:before {
  content: "\f10c"; }

.icon-folder3:before {
  content: "\f114"; }

.icon-folder-open3:before {
  content: "\f115"; }

.icon-coment:before {
  content: "\f123"; }

.icon-edit-list:before {
  content: "\f140"; }

.icon-edit-list2:before {
  content: "\f141"; }

.icon-usd:before {
  content: "\f155"; }

.icon-pdf2:before {
  content: "\f156"; }

.icon-pencil2:before {
  content: "\f157"; }

.icon-skype2:before {
  content: "\f17e"; }

.icon-university:before {
  content: "\f19c"; }

.ui-datepicker table.ui-datepicker-calendar tr th {
  padding: .7em .3em;
  text-align: center;
  color: #000000;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
.ui-datepicker table.ui-datepicker-calendar tr td {
  width: 15px;
  height: 20px;
  padding: 1px; }
  .ui-datepicker table.ui-datepicker-calendar tr td a {
    color: #000000; }
  .ui-datepicker table.ui-datepicker-calendar tr td a, .ui-datepicker table.ui-datepicker-calendar tr td span {
    display: block;
    height: 26px;
    width: 26px;
    line-height: 26px;
    margin: 0 auto;
    text-align: center; }
    .ui-datepicker table.ui-datepicker-calendar tr td a:hover, .ui-datepicker table.ui-datepicker-calendar tr td span:hover {
      text-decoration: none;
      background-color: #2c6b7a;
      color: #fff;
      transition: all .2s ease; }
    .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-active, .ui-datepicker table.ui-datepicker-calendar tr td span.ui-state-active {
      background-color: #2c6b7a;
      color: #fff; }
  .ui-datepicker table.ui-datepicker-calendar tr td.ui-state-disabled {
    opacity: .35; }

.vacation-list {
  font-family: inherit;
  text-shadow: none;
  margin: 30px 0;
  width: 100%; }
  .vacation-list .V, .vacation-list .P, .vacation-list .S, .vacation-list .E {
    color: #ffffff; }
  .vacation-list .vacation_input .editing {
    width: 100%; }
  .vacation-list td {
    padding: 0 5px; }
  .vacation-list td, .vacation-list th {
    cursor: pointer;
    line-height: 20px;
    height: 20px;
    font-size: 12px; }
    .vacation-list td input, .vacation-list td input:focus, .vacation-list th input, .vacation-list th input:focus {
      width: 50%;
      text-align: center;
      outline: none;
      outline-offset: 0;
      display: none;
      cursor: pointer;
      border: 1px solid transparent;
      margin: 0 auto; }
    .vacation-list td input:focus, .vacation-list th input:focus {
      border: none !important;
      outline: none !important;
      box-shadow: none; }
  .vacation-list thead th {
    position: relative;
    border: 1px solid #7f7f80; }
    .vacation-list thead th#legandCaption {
      text-align: left; }
    .vacation-list thead th.month .newSelectList {
      width: 100px;
      margin-left: auto;
      margin-right: auto;
      left: calc(50% - 50px); }
    .vacation-list thead th.sortDn:after {
      content: "\00a0\25BE"; }
    .vacation-list thead th.sortUp:after {
      content: "\00a0\25B4"; }
    .vacation-list thead th #monthSelect, .vacation-list thead th #yearSelect {
      font-size: 30px;
      line-height: 50px; }
  .vacation-list tbody td, .vacation-list tfoot td {
    border: 1px solid #7f7f80;
    text-align: center;
    color: #000; }
    .vacation-list tbody td.notForm, .vacation-list tfoot td.notForm {
      padding-left: 10px;
      line-height: 10px; }
      .vacation-list tbody td.notForm input, .vacation-list tfoot td.notForm input {
        display: block;
        width: 100%; }
  .vacation-list tfoot tr td {
    color: #000; }
  .vacation-list tbody .employee, .vacation-list tbody .department, .vacation-list tbody .totalDays {
    color: #4d5a75; }
  .vacation-list tbody .employee {
    text-align: right !important; }
    .vacation-list tbody .employee .fa {
      display: none;
      font-size: 12px; }
    .vacation-list tbody .employee:hover .fa {
      display: inline; }
  .vacation-list #caption, .vacation-list .borders, .vacation-list thead, .vacation-list tbody, .vacation-list tfoot {
    border: 1px solid #7f7f80; }
  .vacation-list #caption th, .vacation-list .subHeaderHolder th {
    color: #000000; }
  .vacation-list #caption .subMarker, .vacation-list .subHeaderHolder .subMarker {
    color: #fff; }

.vacation-list .newSelectList,
.salary-list .newSelectList,
.subSalary-list .newSelectList {
  color: #000; }
.vacation-list tbody tr td > div,
.salary-list tbody tr td > div,
.subSalary-list tbody tr td > div {
  float: right; }
  .vacation-list tbody tr td > div a,
  .salary-list tbody tr td > div a,
  .subSalary-list tbody tr td > div a {
    font-size: 12px;
    line-height: 20px; }
.vacation-list tbody tr td:nth-child(2),
.salary-list tbody tr td:nth-child(2),
.subSalary-list tbody tr td:nth-child(2) {
  text-align: left; }

.groupsAndUser {
  display: none;
  width: 100%;
  border: 1px solid #CCC;
  margin: 10px 0 30px 0; }
  .groupsAndUser tr:nth-child(2n+1) {
    background: #F5F5F5; }
  .groupsAndUser tr th {
    background-color: #4B4B4A;
    color: white;
    text-align: left;
    height: 20px;
    padding: 0 5px; }
  .groupsAndUser tr td {
    text-align: left;
    padding: 0 10px;
    height: 20px; }
  .groupsAndUser tr td.text-right {
    text-align: right; }

#modulesAccessTable {
  display: none; }
  #modulesAccessTable tr th {
    text-align: center;
    vertical-align: top;
    padding: 8px 0; }
    #modulesAccessTable tr th input[type="checkbox"] {
      margin-top: 5px; }
  #modulesAccessTable tr.child {
    display: none; }
    #modulesAccessTable tr.child.visible {
      display: table-row; }
  #modulesAccessTable tr.parent {
    border-color: #fff;
    background-color: #ecf1f5; }
    #modulesAccessTable tr.parent td {
      font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
      color: #2b3643; }
  #modulesAccessTable td {
    text-align: center; }
    #modulesAccessTable td.mname {
      text-align: left; }

.salary-list tbody#listTable .subRow:hover {
  background-color: transparent; }

.ui-dialog .list2 thead td, .ui-dialog .list2 tbody td {
  text-align: left;
  line-height: 1;
  height: 20px; }
.ui-dialog .list2 thead th {
  padding-top: 5px; }

.invisible_border {
  border: 1px solid transparent !important; }

.hireFireTable {
  margin-bottom: 10px; }

.report-list tr td:first-child {
  padding: 0; }

.forCaption {
  color: #ffffff !important;
  background-color: #2c6b7a; }

.grid {
  min-width: 100%;
  font-size: 11px;
  border-bottom: 1px solid #7f7f80;
  background-color: #ffffff; }
  .grid tr {
    color: #4d5a75; }
    .grid tr th span {
      padding-right: 6px;
      text-align: right;
      height: 25px;
      line-height: 25px;
      display: block;
      color: #b4bcc8; }
    .grid tr td {
      border-top: 1px solid  #7f7f80; }
      .grid tr td.createTd {
        cursor: pointer; }
    .grid tr td,
    .grid tr th {
      border-bottom: 1px solid #7f7f80;
      border-top: 1px solid #7f7f80;
      border-left: 1px solid #7f7f80; }
    .grid tr td span {
      height: 21px;
      padding: 0 7px;
      line-height: 20px;
      display: block; }
      .grid tr td span.view {
        overflow: hidden;
        line-height: 16px; }
    .grid tr.employeeProjects {
      display: none; }
    .grid tr td.checkDashboard, .grid tr th.checkDashboard {
      width: 30px;
      min-width: 30px; }
    .grid tr td.employee, .grid tr th.employee {
      min-width: 140px;
      width: 140px;
      position: relative;
      padding-right: 20px; }
      .grid tr td.employee span, .grid tr th.employee span {
        white-space: nowrap; }
      .grid tr td.employee .icon, .grid tr th.employee .icon {
        position: absolute;
        top: 1px;
        right: 10px;
        font-size: 8px;
        line-height: 21px;
        cursor: pointer;
        width: 12px;
        text-align: center; }
    .grid tr td.dayOfMonth, .grid tr th.dayOfMonth {
      min-width: 27px; }
    .grid tr td.activeHead, .grid tr th.activeHead {
      border: 1px solid #10373E;
      border-bottom: none;
      display: table-cell; }
    .grid tr td.dashboardWeek {
      width: 107px;
      min-width: 107px;
      background-color: #ffffff; }
      .grid tr td.dashboardWeek input {
        background-color: #bdd7ee; }
      .grid tr td.dashboardWeek.isLead span {
        line-height: 16px;
        padding: 2px; }
      .grid tr td.dashboardWeek.dgreen, .grid tr td.dashboardWeek.green, .grid tr td.dashboardWeek.brown, .grid tr td.dashboardWeek.yellow, .grid tr td.dashboardWeek.pink, .grid tr td.dashboardWeek.red {
        color: #fff; }
      .grid tr td.dashboardWeek.dgreen {
        background: #2d5d30; }
      .grid tr td.dashboardWeek.green {
        background: #3e7f42; }
      .grid tr td.dashboardWeek.brown {
        background: #5cb85c; }
      .grid tr td.dashboardWeek.yellow {
        background: #f9a203; }
      .grid tr td.dashboardWeek.pink {
        background: #cc5457; }
      .grid tr td.dashboardWeek.red {
        background-color: #e55253;
        border-bottom: 1px solid #7f7f80;
        border-left: 1px solid #7f7f80; }
      .grid tr td.dashboardWeek.active {
        border-left: 1px solid #10373E !important;
        border-right: 1px solid #10373E !important;
        display: table-cell; }
      .grid tr td.dashboardWeek.inactive span.view {
        background-color: #fff;
        color: #fff; }
        .grid tr td.dashboardWeek.inactive span.view span {
          display: none; }
      .grid tr td.dashboardWeek span {
        position: relative;
        padding: 0; }
        .grid tr td.dashboardWeek span .label {
          padding: 0;
          height: 100%;
          line-height: 16px;
          letter-spacing: 1px;
          font-size: 11px; }
        .grid tr td.dashboardWeek span span {
          height: 100%;
          line-height: 20px;
          letter-spacing: 1px;
          font-size: 11px; }
        .grid tr td.dashboardWeek span.viewCount {
          position: relative;
          left: 0;
          top: 0;
          width: 30px;
          padding: 0;
          text-align: center;
          float: left;
          height: 21px;
          background-color: #bdd7ee;
          color: white; }
        .grid tr td.dashboardWeek span.vacationHours {
          text-align: center;
          position: absolute;
          display: block;
          right: 0;
          width: 100%; }
    .grid tr td.withVacation span {
      line-height: 20px !important;
      position: relative;
      padding: 0; }
      .grid tr td.withVacation span span.vacation {
        position: absolute;
        float: left;
        padding: 0;
        padding-right: 3px;
        background-color: #3c86e0;
        color: #000000;
        text-align: center; }
        .grid tr td.withVacation span span.vacation.size40 {
          width: 50%; }
        .grid tr td.withVacation span span.vacation.size8 {
          width: 20%; }
        .grid tr td.withVacation span span.vacation.size16 {
          width: 40%; }
        .grid tr td.withVacation span span.vacation.size24 {
          width: 60%; }
        .grid tr td.withVacation span span.vacation.size32 {
          width: 60%; }
        .grid tr td.withVacation span span.vacation.sizeFull {
          width: 100%; }
      .grid tr td.withVacation span.vacationHours.size40 {
        width: 50%; }
      .grid tr td.withVacation span.vacationHours.sizeNaN {
        width: 50%; }
      .grid tr td.withVacation span.vacationHours.size0 {
        width: 0; }
      .grid tr td.withVacation span.vacationHours.size8 {
        width: 40%; }
      .grid tr td.withVacation span.vacationHours.size16 {
        width: 40%; }
      .grid tr td.withVacation span.vacationHours.size24 {
        width: 60%; }
      .grid tr td.withVacation span.vacationHours.size32 {
        width: 80%; }
      .grid tr td.withVacation span.vacationHours.sizeFull {
        width: 100%; }
    .grid tr td.withVacation.inactive span.viewCount {
      background-color: silver;
      color: silver; }
    .grid tr td span.projectItem {
      padding-left: 30px;
      text-align: center;
      width: 105px;
      padding-right: 0; }
    .grid tr td span.projectHours {
      display: block;
      position: absolute;
      width: 30px;
      padding: 0;
      text-align: center;
      border-right: 1px solid #7f7f80; }
    .grid tr.group {
      color: #000000;
      cursor: pointer; }
      .grid tr.group td {
        background-color: #ffffff !important; }
      .grid tr.group span {
        text-align: left; }
  .grid tr:nth-child(2n+1) td {
    background-color: #ededed; }
  .grid.attendance .V, .grid.attendance .P, .grid.attendance .S, .grid.attendance .E, .grid.attendance .vacation, .grid.attendance .personal, .grid.attendance .sick, .grid.attendance .education {
    color: #ffffff; }
  .grid.attendance tr:first-child, .grid.attendance .borderRight {
    border-right: 1px solid #7f7f80; }
  .grid.attendance th {
    border: 1px solid #7f7f80;
    background-color: #4c5975;
    color: #fff; }
  .grid.attendance tr {
    border-bottom: none; }
    .grid.attendance tr td {
      border-left: 1px solid #7f7f80; }
    .grid.attendance tr td:first-child {
      min-width: 100px;
      border-left: 1px solid #7f7f80;
      border-right: 1px solid #7f7f80; }
    .grid.attendance tr td:nth-child(7n+1) {
      border-right: 1px solid #7f7f80; }
  .grid.attendance .vacation {
    background-color: #a32a2c; }
  .grid.attendance .personal {
    background-color: #fba302; }
  .grid.attendance .sick {
    background-color: #10373E; }
  .grid.attendance .education {
    background-color: #1ebbea; }
  .grid.attendance .weekend {
    color: #ccc; }
  .grid.dashBoardMargin {
    margin-bottom: 45px; }

#forInfo {
  overflow: hidden; }
  #forInfo._projectsTablesWrap {
    min-width: 650px; }
    #forInfo._projectsTablesWrap .current-selected {
      line-height: 26px; }
  #forInfo .forInfo-half-block.left {
    width: 65%;
    margin-right: 1%; }
  #forInfo .forInfo-half-block.right {
    width: 34%; }
  #forInfo .tableProjects {
    margin-bottom: 10px; }
    #forInfo .tableProjects .forCaption {
      line-height: 28px; }
      #forInfo .tableProjects .forCaption:last-child {
        padding: 0 10px 0 0; }
      #forInfo .tableProjects .forCaption:first-child {
        text-align: left;
        padding: 0 0 0 10px; }
    #forInfo .tableProjects .remove {
      min-width: 10px;
      border-left: 1px solid #7f7f80;
      border-right-width: 0;
      cursor: pointer; }
    #forInfo .tableProjects .report {
      min-width: 10px;
      border-left: 1px solid #7f7f80;
      border-right-width: 0;
      cursor: pointer; }
    #forInfo .tableProjects .editableJobs input {
      width: 115px; }
    #forInfo .tableProjects .editableJobs .icon-checked {
      color: #2c6b7a;
      margin: 0 0 0 5px; }
    #forInfo .tableProjects .expand {
      border-left-width: 0;
      text-align: center;
      font-size: 14px;
      cursor: pointer; }
    #forInfo .tableProjects .procent {
      position: relative;
      padding-right: 20px; }
      #forInfo .tableProjects .procent::before {
        content: '%';
        display: block;
        width: 5px;
        height: 5px;
        position: absolute;
        right: 13px; }
    #forInfo .tableProjects .subRow {
      background: none; }
      #forInfo .tableProjects .subRow:hover {
        background: none; }
      #forInfo .tableProjects .subRow td:first-child {
        border-left: 1px solid transparent; }
      #forInfo .tableProjects .subRow td:last-child {
        border-right: 1px solid transparent; }
  #forInfo #jobsItem {
    border-bottom: 1px solid #d7d7d7 !important; }
  #forInfo .innerTableProject {
    padding: 5px 0 5px 20px; }
    #forInfo .innerTableProject .list > thead tr {
      border-top: 0; }
    #forInfo .innerTableProject .list > tfoot tr {
      border-bottom: 0; }
    #forInfo .innerTableProject .innerTableProject-footer td {
      border-width: 0; }
  #forInfo.accounting .accounting-half-block {
    width: 50%; }
  #forInfo.accounting .accounting-fourth-block {
    width: 25%; }
  #forInfo.accounting th .fa {
    display: inline-block;
    font-size: 17px;
    line-height: 23px;
    height: 100%;
    text-decoration: none; }
  #forInfo.accounting td span {
    display: inline-block;
    width: 99%;
    line-height: 20px; }
  #forInfo.accounting td a.fa {
    margin-right: 10px; }

.hrTop tr td {
  vertical-align: top;
  text-align: right; }
  .hrTop tr td.vcenter {
    vertical-align: middle; }
  .hrTop tr td:first-child span {
    border-bottom: none;
    background-color: inherit; }
.hrTop tr.double span {
  height: 40px;
  min-width: 130px;
  line-height: 15px;
  padding: 5px 8px 5px 8px;
  border-bottom: none;
  position: relative; }
  .hrTop tr.double span.large {
    line-height: 29px; }
  .hrTop tr.double span.top, .hrTop tr.double span.bottom {
    padding: 0 3px !important;
    height: 19px;
    line-height: 19px;
    border-bottom: none;
    position: absolute;
    left: 0px;
    width: 30px;
    text-align: right;
    border-right: 1px solid #7f7f80; }
  .hrTop tr.double span.top {
    top: 0px;
    border-bottom: 1px solid #7f7f80; }
  .hrTop tr.double span.bottom {
    top: 20px; }
  .hrTop tr.double span:last-child {
    padding: 0;
    border-bottom: none;
    word-break: break-word; }

.grid-conatiner .statisticsAtten {
  margin-top: 10px; }
  .grid-conatiner .statisticsAtten table {
    width: 100%; }
    .grid-conatiner .statisticsAtten table tr.footerRow {
      border-bottom: 1px solid #4c5975; }
      .grid-conatiner .statisticsAtten table tr.footerRow td span {
        min-height: 10px;
        content: " "; }
    .grid-conatiner .statisticsAtten table tr td {
      border-right: 1px solid #4c5975; }
      .grid-conatiner .statisticsAtten table tr td:last-child {
        border: none; }
      .grid-conatiner .statisticsAtten table tr td .item .title {
        text-align: center;
        font-size: 14px;
        margin-bottom: 5px;
        color: #000; }
      .grid-conatiner .statisticsAtten table tr td .item .countDays {
        font-size: 20px;
        color: #ffffff;
        width: 126px;
        padding: 5px;
        text-align: center;
        margin: 0 auto;
        /*for vacationDashboard*/ }
        .grid-conatiner .statisticsAtten table tr td .item .countDays.leave, .grid-conatiner .statisticsAtten table tr td .item .countDays.working {
          background-color: #36384e; }
        .grid-conatiner .statisticsAtten table tr td .item .countDays.vacation {
          background-color: #e55253; }
        .grid-conatiner .statisticsAtten table tr td .item .countDays.personal {
          background-color: #f9a203; }
        .grid-conatiner .statisticsAtten table tr td .item .countDays.sick {
          background-color: #10373E; }
        .grid-conatiner .statisticsAtten table tr td .item .countDays.education {
          background-color: #3e7f42; }
        .grid-conatiner .statisticsAtten table tr td .item .countDays.free {
          background-color: #a22a2d; }
        .grid-conatiner .statisticsAtten table tr td .item .countDays.almostFree {
          background-color: #cc5457; }
        .grid-conatiner .statisticsAtten table tr td .item .countDays.partiallyBusy {
          background-color: #f9a203; }
        .grid-conatiner .statisticsAtten table tr td .item .countDays.fullyBusy {
          background-color: #3e7f42; }
        .grid-conatiner .statisticsAtten table tr td .item .countDays.overWorked {
          background-color: #2d5d30; }
      .grid-conatiner .statisticsAtten table tr td .item .lastTime {
        text-align: center;
        margin-top: 10px;
        color: #000; }
      .grid-conatiner .statisticsAtten table tr td .item .percent {
        text-align: center;
        color: #eb759e; }
  .grid-conatiner .statisticsAtten .percent {
    text-align: center;
    color: #eb759e; }
  .grid-conatiner .statisticsAtten.stick {
    background-color: #fff;
    padding-top: 10px; }
.grid-conatiner table .grid {
  border-color: #7f7f80; }

.invoiceChart-legend-box {
  position: relative; }
  .invoiceChart-legend-box .list thead th {
    text-align: center; }
    .invoiceChart-legend-box .list thead th.rotated {
      -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
              transform: rotate(-90deg);
      padding: 20px 0;
      height: 60px; }
  .invoiceChart-legend-box .list tbody .boldInvoiced, .invoiceChart-legend-box .list tbody .boldPaid {
    background-color: #565658; }
    .invoiceChart-legend-box .list tbody .boldInvoiced td, .invoiceChart-legend-box .list tbody .boldPaid td {
      color: #fff; }
  .invoiceChart-legend-box .list tbody .revenueBySales td, .invoiceChart-legend-box .list tbody .totalBySales td,
  .invoiceChart-legend-box .list tbody .paidBySales td {
    color: #fff; }
  .invoiceChart-legend-box .chartContainer .domain {
    stroke: #000000 !important; }

.tableResponsive {
  min-height: .01%;
  overflow: auto;
  width: 100%;
  -ms-overflow-style: -ms-autohiding-scrollbar; }
  .tableResponsiveNew {
    min-height: .01%;
    width: 100%; }

.payRoll-list-wrap {
  border-top: 1px solid #d7d7d7; }

.payRollHolder + .payRoll-list > thead tr {
  border-top: 0; }
.payRollHolder + .payRoll-list > tbody tr:last-child {
  border-bottom: 0; }

.payRoll-list {
  width: 100%;
  min-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  table-layout: fixed; }
  .payRoll-list tr thead tr {
    border-top: none;
    border-bottom: 1px solid #d7d7d7; }
  .payRoll-list tbody > tr {
    border-top: none; }
    .payRoll-list tbody > tr thead tr {
      border-top: 0; }
    .payRoll-list tbody > tr tr {
      border-top: 1px solid #d7d7d7; }
      .payRoll-list tbody > tr tr:last-child {
        border-bottom: 0; }
  .payRoll-list tfoot {
    margin-right: 17px; }
    .payRoll-list tfoot td {
      border-color: transparent;
      padding-right: 20px; }
  .payRoll-list tbody tr:hover {
    background: none; }
  .payRoll-list #payRoll-Table {
    padding: 0; }
    .payRoll-list #payRoll-Table .datePicker {
      padding: 0; }
      .payRoll-list #payRoll-Table .datePicker input:not([disabled]) {
        outline: 1px solid #66b5d4 !important; }
      .payRoll-list #payRoll-Table .datePicker input:focus {
        outline: 1px solid #66b5d4 !important; }
    .payRoll-list #payRoll-Table .mainRow td {
      border: none; }
    .payRoll-list #payRoll-Table .scrollit {
      display: block;
      height: calc(100vh - 2010px);
      overflow-x: hidden; }
  .payRoll-list ._payRoll-TableBody
  td {
    border: 1px solid #d7d7d7; }

.payRoll-expenses {
  width: 70% !important;
  margin: 0 auto;
  padding-top: 25px !important; }
  .payRoll-expenses .payRoll-name {
    padding-right: 5px; }
  .payRoll-expenses .payRoll-edit {
    float: right; }
  .payRoll-expenses .payRoll-edit, .payRoll-expenses .payRoll-name {
    margin-bottom: 15px; }

.payRoll-expenses dd, .payRoll-expenses dt {
  display: inline-block;
  line-height: 23px;
  width: 40%;
  float: left; }
.payRoll-expenses dd + dt {
  clear: both; }
.payRoll-expenses dd {
  width: 60%; }

.payRollHolder {
  margin-top: 0 !important; }

.totalContainer {
  margin: 15px 20px 0 0;
  text-align: right;
  color: #000000;
  font-size: 14px; }
  .totalContainer dd, .totalContainer dt {
    display: inline-block;
    line-height: 23px;
    font-size: 14px; }
  .totalContainer dd {
    width: 65%; }
    .totalContainer dd .newSelectList {
      left: 50%;
      margin-left: -100%; }

#searchContainer.payRoll {
  margin: 0 0 10px; }

@media (min-width: 920px) {
  table.payRoll-list #payRoll-Table .scrollit {
    height: calc(100vh - 290px); } }
/*22.09 added from _main.less*/
#profileTableWrapper {
  width: calc(100% - 170px); }
  #profileTableWrapper > table {
    width: calc(100% - 20px);
    margin: 0 0 0 20px; }
    #profileTableWrapper > table thead tr {
      border-top: 1px solid #7f7f80; }
    #profileTableWrapper > table thead th:first-of-type {
      width: auto; }
  #profileTableWrapper tr.child td:first-child {
    padding-left: 30px; }

/*28.09 added from modules/acounting*/
._acountingTableBlock {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  ._acountingTableBlock .list thead tr {
    background-color: #f7f7f7;
    border-top: 0; }
  ._acountingTableBlock .list tr:hover .goToEdit,
  ._acountingTableBlock .list tr:hover .goToRemove {
    visibility: visible; }
  ._acountingTableBlock .list tr td, ._acountingTableBlock .list tr th {
    overflow: hidden;
    text-align: left; }
    ._acountingTableBlock .list tr td:first-child, ._acountingTableBlock .list tr th:first-child {
      padding-left: 30px; }
  ._acountingTableBlock .list .goToEdit,
  ._acountingTableBlock .list .goToRemove {
    visibility: hidden; }

/*03.10.16 added from forms.scss*/
td.source .dropDown {
  padding: 4px;
  color: #0a92bd;
  font-size: 9px; }

td.source {
  cursor: pointer; }

tr.greyBorder {
  background-color: #d7d7d7; }

table .currenr-selected {
  font-size: 12px; }

table .icon-caret-down {
  padding-right: 5px;
  position: relative; }
table .icon-caret-down:before {
  position: absolute;
  font-size: 7px; }
table td.source .icon-caret-down {
  padding-right: 10px; }
  table td.source .icon-caret-down:before {
    top: 3px;
    right: -5px; }

.dashboard-card-wrap {
  background-color: #f2f5fa;
  display: table;
  height: 100%; }
  .dashboard-card-wrap + #timeRecivingDataFromServer {
    background-color: #f2f5fa; }
  .dashboard-card-wrap .dashboard-card {
    background-color: #fff;
    border: 1px solid #d8dde6;
    border-radius: 4px;
    margin-top: 16px;
    padding: 20px;
    float: left;
    width: 100%; }
    .dashboard-card-wrap .dashboard-card .card-title {
      color: #536786; }
    .dashboard-card-wrap .dashboard-card._overviewPanelHolder {
      max-width: 1022px;
      margin: 0 auto;
      margin-top: 16px;
      padding: 0px;
      float: none; }
      .dashboard-card-wrap .dashboard-card._overviewPanelHolder:last-child {
        margin-bottom: 16px; }
    .dashboard-card-wrap .dashboard-card ._overviewPanelWrap {
      max-width: 100%; }
    .dashboard-card-wrap .dashboard-card ._overviewPanelWrap._headBlock {
      padding: 20px 0;
      margin: 0;
      margin-bottom: 20px;
      cursor: pointer;
      border-bottom: 1px solid #d8dde6; }
      .dashboard-card-wrap .dashboard-card ._overviewPanelWrap._headBlock ._overviewTitle {
        width: 100%;
        text-align: center; }
    .dashboard-card-wrap .dashboard-card ._overviewPanelWrap._overviewBlock {
      padding: 0 10px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .dashboard-card-wrap .dashboard-card ._overviewPanelLink {
      margin: 0 10px;
      margin-bottom: 20px; }

._reportIcon,
._stockDetailsIcon {
  width: 130px;
  margin: 37px auto; }

._reportIcon svg {
  fill: #2c6b7a; }

._reportCardContainer {
  width: 610px;
  margin-top: 25px; }

._reportCard {
  padding: 20px 25px 25px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 10px 12px 2px rgba(0, 0, 0, 0.14), 0 5px 18px 1px rgba(0, 0, 0, 0.12); }
  ._reportCard ._reportCardsWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  ._reportCard ._overviewPanell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-width: 140px;
    max-width: 170px;
    height: 140px;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #2c6b7a; }
    ._reportCard ._overviewPanell + ._overviewPanell {
      margin-left: 25px; }
    ._reportCard ._overviewPanell ._overviewTitle {
      margin-top: 15px;
      color: #2d3033;
      text-align: center;
      font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
      font-size: 16px; }
    ._reportCard ._overviewPanell ._overviewDesc {
      border-top: 1px solid #2c6b7a;
      margin-top: 15px;
      padding: 15px;
      color: #6c7279; }

._reports-card-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f2f5fa;
  height: 100%; }

._reportCardTitle {
  margin-bottom: 20px;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 22px;
  cursor: pointer; }

._stockDetailsIcon > div {
  height: 26px;
  border: 4px solid #2c6b7a;
  border-radius: 7px; }
  ._stockDetailsIcon > div + div {
    margin-top: 8px; }
  ._stockDetailsIcon > div:first-child {
    background-color: #2c6b7a; }

/*== Begin Input type number =============*/
input:not([type="checkbox"], ._animate).inputField {
  height: 34px;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #a0a9b4;
  border-radius: 0 !important;
  color: #868e97;
  font-size: 14px;
  margin-bottom: 30px;
  outline: 0 !important;
  box-shadow: none !important; }
input:not([type="checkbox"], ._animate).inputBordered {
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
  display: block;
  background-color: #fff;
  border: 1px solid #c2cad8;
  border-radius: 0 !important;
  transition: border-color ease-in-out .15s;
  outline: 0 !important; }
  input:not([type="checkbox"], ._animate).inputBordered:focus {
    border-color: #93a1bb; }
input:not(.hasDatepicker):disabled {
  cursor: not-allowed; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

.inputBlock {
  width: 100%; }
  .inputBlock > label {
    line-height: 25px; }

.ui-spinner {
  position: relative;
  padding: 0;
  display: block; }
  .ui-spinner > input:not([type="checkbox"]) {
    max-width: 100%; }
  .ui-spinner .ui-spinner-input {
    float: left;
    border: none; }
  .ui-spinner span {
    display: block;
    width: 8px;
    height: 8px;
    text-align: center;
    padding: 0; }
  .ui-spinner .ui-spinner-up {
    position: absolute;
    right: 8px;
    top: 3px;
    padding: 0;
    cursor: pointer;
    font-size: 8px;
    line-height: 8px; }
    .ui-spinner .ui-spinner-up:hover {
      text-decoration: none;
      color: #71bbec; }
  .ui-spinner .ui-spinner-down {
    position: absolute;
    padding: 0;
    right: 8px;
    bottom: 4px;
    cursor: pointer;
    font-size: 8px;
    line-height: 8px; }
    .ui-spinner .ui-spinner-down:hover {
      text-decoration: none;
      color: #71bbec; }

._animateInputBox .ui-spinner .ui-spinner-input {
  float: none;
  border-bottom: 1px solid #c8c8d3; }
._animateInputBox._withSeparator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  ._animateInputBox._withSeparator ._locationSeparator {
    color: #c8c8d3;
    font-size: 18px; }
._animateInputBox._socialWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  ._animateInputBox._socialWrap .social {
    position: static;
    margin: 0; }
._animateInputBox._kanban {
  margin-top: 10px; }
._animateInputBox._staticData {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  ._animateInputBox._staticData ._staticInfo {
    width: 100%; }
._animateInputBox._withTime ._inputWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
._animateInputBox._withTime .hasWickedpicker {
  height: 26px;
  border: 0;
  border-bottom: 1px solid #c8c8d3;
  cursor: pointer; }

.disable_input_style {
  cursor: pointer;
  text-align: right; }
  .disable_input_style input {
    height: 19px;
    margin: 0;
    border: none !important;
    width: 100%;
    min-width: 100%; }
    .disable_input_style input:focus {
      outline: none !important;
      box-shadow: none !important;
      border: none !important; }

textarea,
select {
  width: 100%;
  padding: 0 4px;
  border: 1px solid #c8c8d3;
  background-color: inherit;
  color: #000; }

textarea._noteTextarea {
  padding: 5px 8px;
  border-radius: 2px; }

input:not([type="checkbox"]) {
  width: 100%;
  padding: 0 4px;
  border: 1px solid #c8c8d3;
  background-color: inherit;
  color: #000; }
  input:not([type="checkbox"]).monthPicker {
    width: auto;
    line-height: 24px; }
input[readonly] {
  border: 0; }

.form-holder form ._inputIconWrap {
  position: relative;
  z-index: 1; }
  .form-holder form ._inputIconWrap input[type="text"] {
    padding-right: 20px; }

._inputIconWrap > input {
  position: relative;
  z-index: 999; }
  ._inputIconWrap > input:focus {
    border-color: #2c6b7a !important; }
  ._inputIconWrap > input + label:after {
    position: absolute;
    top: 3px;
    right: 6px;
    z-index: 1;
    line-height: normal;
    font-family: "erp-icons";
    font-size: 16px;
    visibility: hidden;
    color: transparent;
    transition: color 0.1s ease-in-out; }
  ._inputIconWrap > input:active + label:after, ._inputIconWrap > input:focus + label:after {
    visibility: visible;
    color: #2c6b7a; }
  ._inputIconWrap > input#first + label:after, ._inputIconWrap > input#firstName + label:after, ._inputIconWrap > input#last + label:after, ._inputIconWrap > input#lastName + label:after, ._inputIconWrap > input#jobPositionInput + label:after, ._inputIconWrap > input#first + label:after, ._inputIconWrap > input#login + label:after, ._inputIconWrap > input#last + label:after {
    content: '\f007'; }
  ._inputIconWrap > input#confirmpassword + label:after, ._inputIconWrap > input#password + label:after {
    content: '\e910'; }
  ._inputIconWrap > input#dateBirth + label:after, ._inputIconWrap > input#StartDate + label:after, ._inputIconWrap > input#EndDateTarget + label:after, ._inputIconWrap > input#nextAction + label:after, ._inputIconWrap > input#expectDate + label:after, ._inputIconWrap > input#orderDate + label:after {
    content: '\e075'; }
  ._inputIconWrap > input#emailInput + label:after, ._inputIconWrap > input#email + label:after, ._inputIconWrap > input#personalEmail + label:after, ._inputIconWrap > input#workEmail + label:after {
    content: '\f0e0'; }
  ._inputIconWrap > input#skype + label:after {
    content: '\f17e';
    font-size: 18px;
    right: 4px; }
  ._inputIconWrap > input#LI + label:after {
    content: '\e900'; }
  ._inputIconWrap > input#FB + label:after {
    content: '\f082';
    font-size: 18px;
    right: 3px; }
  ._inputIconWrap > input#addressInput + label:after, ._inputIconWrap > input#cityInput + label:after, ._inputIconWrap > input#stateInput + label:after, ._inputIconWrap > input#street + label:after, ._inputIconWrap > input#city + label:after, ._inputIconWrap > input#applicationsEditStreet + label:after, ._inputIconWrap > input#applicationsEditCity + label:after, ._inputIconWrap > input#applicationsEditState + label:after, ._inputIconWrap > input#employeeEditStreet + label:after, ._inputIconWrap > input#employeeEditCity + label:after, ._inputIconWrap > input#employeeEditState + label:after, ._inputIconWrap > input#state + label:after {
    content: '\e901';
    right: 3px; }
  ._inputIconWrap > input#mobileInput + label:after, ._inputIconWrap > input#mobile + label:after {
    content: '\e902';
    right: 3px; }
  ._inputIconWrap > input#phoneInput + label:after, ._inputIconWrap > input#phone + label:after {
    content: '\f095'; }

.inputDateActionBlock .timepicker {
  height: 34px;
  padding: 6px;
  border: 1px solid #c2cad8;
  cursor: pointer; }

._inputsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  ._inputsList > input[type="text"] {
    height: 22px; }
    ._inputsList > input[type="text"]:nth-child(n+2) {
      border-left: 0; }

.avatar + ._animateInputBox,
.avatar + ._animateSelectBox,
._forCheckBox + ._animateInputBox,
._forCheckBox + ._animateSelectBox {
  margin-top: 20px; }

._animateInputBox {
  position: relative;
  min-height: 26px;
  margin-bottom: 15px; }
  ._animateInputBox._currency {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    ._animateInputBox._currency ._currencyValue {
      padding: 0 5px;
      color: #5f92b3;
      font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
  ._animateInputBox ._staticLabel {
    position: absolute;
    top: -8px;
    left: 0;
    z-index: 1;
    color: #2c6b7a;
    font-size: 10px; }
  ._animateInputBox ._staticInfo {
    display: block;
    height: 26px;
    padding: 4px 10px 5px 0;
    border: none;
    border-bottom: 1px solid #c8c8d3;
    transition: all .2s ease-in-out;
    font-size: 13px;
    font-size: 0.8125rem; }
  ._animateInputBox .changePassword {
    margin-top: 10px; }
    ._animateInputBox .changePassword span {
      color: #fff !important; }

._animateHealthBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px; }
  ._animateHealthBox ._healthLabel {
    color: #10373E; }

._attachmentBox ._attachmentLabel {
  color: #4081ad; }
._attachmentBox ._attachContainer {
  margin-top: 5px; }
  ._attachmentBox ._attachContainer ._attachItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 2px;
    border-bottom: 1px dashed #c8c8d3; }
._attachmentBox [class^="icon-"],
._attachmentBox [class*=" icon-"] {
  margin: 0 4px 2px 0;
  font-size: 22px;
  color: #c8c8d3; }
._attachmentBox ._attachInfo {
  color: #364150; }

input._animate,
textarea._animate {
  display: block;
  padding: 5px 10px 5px 0;
  border: none;
  color: #666682;
  border-bottom: 1px solid #c8c8d3;
  box-shadow: 0 1px 0 0 transparent;
  transition: all .2s ease-in-out;
  font-size: 13px;
  font-size: 0.8125rem; }
  input._animate[readonly], input._animate[readonly]:focus,
  textarea._animate[readonly],
  textarea._animate[readonly]:focus {
    border-bottom: 1px solid #c8c8d3;
    box-shadow: 0 1px 0 0 transparent; }
  input._animate:focus, input._animate:hover, input._animate:active,
  textarea._animate:focus,
  textarea._animate:hover,
  textarea._animate:active {
    outline: none; }
  input._animate:focus,
  textarea._animate:focus {
    border-bottom-color: #2c6b7a;
    box-shadow: 0 1px 0 0 #2c6b7a; }

input._animate:focus + label {
  color: #4081ad;
  -webkit-transform: translateY(-12px);
      -ms-transform: translateY(-12px);
          transform: translateY(-12px);
  font-size: 11px;
  font-size: 0.6875rem; }
input._animate:valid + label, input._animate[placeholder] + label {
  color: #4081ad;
  -webkit-transform: translateY(-12px);
      -ms-transform: translateY(-12px);
          transform: translateY(-12px);
  font-size: 11px;
  font-size: 0.6875rem; }
input._animate:-webkit-autofill + label {
  color: #4081ad;
  -webkit-transform: translateY(-12px);
          transform: translateY(-12px);
  font-size: 11px;
  font-size: 0.6875rem; }

textarea._animate {
  height: 130px;
  width: 100%;
  padding: 0 10px 5px 0;
  margin-top: 5px; }
  textarea._animate:focus + label, textarea._animate:valid + label, textarea._animate[placeholder] + label {
    color: #4081ad;
    -webkit-transform: translateY(-14px);
        -ms-transform: translateY(-14px);
            transform: translateY(-14px);
    font-size: 11px;
    font-size: 0.6875rem; }
  textarea._animate._medium {
    height: 90px; }

._animateTextareaBox.withAttach textarea._animate {
  height: 140px;
  padding-right: 15px; }

label._animate {
  position: absolute;
  top: 0;
  left: 0;
  color: #999;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  font-size: 12px;
  font-size: 0.75rem; }

._newSelectListWrap._singleSelectBox {
  position: relative;
  display: block;
  padding: 0 24px 0 10px;
  border: none;
  border-bottom: 1px solid #c8c8d3;
  font-size: 13px;
  color: #999 !important; }
  ._newSelectListWrap._singleSelectBox .current-selected {
    position: static;
    display: block;
    min-height: 26px;
    padding: 6px 0;
    line-height: 1;
    text-align: left;
    color: #666682; }
    ._newSelectListWrap._singleSelectBox .current-selected:hover {
      text-decoration: none; }
    ._newSelectListWrap._singleSelectBox .current-selected:after {
      content: '\f107';
      position: absolute;
      display: inline-block;
      right: 0;
      bottom: 0;
      height: 25px;
      width: 25px;
      line-height: 25px;
      text-align: center;
      font-family: "erp-icons";
      font-size: 18px; }

._animateSelectBox {
  position: relative;
  margin-bottom: 15px; }
  ._animateSelectBox._additionalInputWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    ._animateSelectBox._additionalInputWrap ._newSelectListWrap {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      min-width: 100px;
      padding: 0 25px 0 0; }
      ._animateSelectBox._additionalInputWrap ._newSelectListWrap .current-selected {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
    ._animateSelectBox._additionalInputWrap ._additionalInput {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
      ._animateSelectBox._additionalInputWrap ._additionalInput > input {
        width: 80px;
        height: 26px; }
  ._animateSelectBox._withImage {
    padding-right: 50px; }
    ._animateSelectBox._withImage ._dataImg {
      position: absolute;
      top: -10px;
      right: 0;
      width: 45px;
      border-radius: 50%; }
  ._animateSelectBox ._selectTitle {
    position: absolute;
    top: -9px;
    left: 0;
    color: #2c6b7a;
    font-size: 10px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  ._animateSelectBox ._newSelectListWrap {
    position: relative;
    display: block;
    padding: 0 20px 0 0;
    border: none;
    border-bottom: 1px solid #c8c8d3;
    font-size: 13px;
    color: #999 !important; }
    ._animateSelectBox ._newSelectListWrap .current-selected {
      position: static;
      display: block;
      min-height: 26px;
      padding: 6px 0;
      line-height: 1;
      text-align: left;
      color: #666682; }
      ._animateSelectBox ._newSelectListWrap .current-selected:hover {
        text-decoration: none; }
      ._animateSelectBox ._newSelectListWrap .current-selected:after {
        content: '\f107';
        position: absolute;
        display: inline-block;
        right: 0;
        bottom: 0;
        height: 25px;
        width: 25px;
        line-height: 25px;
        text-align: center;
        font-family: "erp-icons";
        font-size: 18px;
        font-size: 1.125rem; }

._animateSelectBox + ._animateTextareaBox,
._animateInputBox + ._animateTextareaBox {
  margin-top: 23px; }

._animateTextareaBox {
  position: relative;
  margin-bottom: 15px; }
  ._animateTextareaBox.offsetTop {
    margin-top: 25px; }
  ._animateTextareaBox .counter-wrap {
    position: absolute;
    top: 100%;
    right: 0;
    padding: 2px 0; }
  ._animateTextareaBox label._animate {
    top: -5px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }

._checkboxWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 27px; }
  ._checkboxWrap ._checkboxContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    ._checkboxWrap ._checkboxContainer + ._checkboxContainer {
      margin-left: 50px; }

.searchTagWrap {
  position: relative;
  display: inline-block; }
  .searchTagWrap > ._positioned {
    position: absolute;
    top: 7px;
    right: 7px;
    color: #c8c8d3;
    font-size: 16px; }
  .searchTagWrap .searchTagInput {
    padding-right: 28px; }

.custom-checkbox {
  display: none; }

.circle-wrap {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .circle-wrap.checked .circle-line .line {
    opacity: 0;
    transition: opacity .1s ease .3s, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .1s ease .3s;
    transition: transform .3s ease, opacity .1s ease .3s, -webkit-transform .3s ease; }
  .circle-wrap.checked .circle-line:nth-child(1) .line {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg); }
  .circle-wrap.checked .circle-line:nth-child(2) .line {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .circle-wrap.checked .check:before, .circle-wrap.checked .check:after {
    transition: all .3s ease .5s; }
  .circle-wrap.checked .check:before {
    width: 11px; }
  .circle-wrap.checked .check:after {
    width: 18px; }
  .circle-wrap.checked .check-wrap {
    -webkit-transform: translateY(17px);
        -ms-transform: translateY(17px);
            transform: translateY(17px); }
  .circle-wrap .circle-line {
    position: absolute;
    top: 0;
    width: 12px;
    height: 24px;
    overflow: hidden; }
    .circle-wrap .circle-line .line {
      position: absolute;
      top: 0;
      width: 24px;
      height: 24px;
      transition: all .3s ease .6s; }
    .circle-wrap .circle-line:nth-child(1) {
      left: 0; }
      .circle-wrap .circle-line:nth-child(1) .line {
        left: 0;
        border-width: 2px;
        border-style: solid;
        border-color: #2c6b7a transparent transparent #2c6b7a;
        border-radius: 50%;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
    .circle-wrap .circle-line:nth-child(2) {
      right: 0; }
      .circle-wrap .circle-line:nth-child(2) .line {
        right: 0;
        border-width: 2px;
        border-style: solid;
        border-color: #2c6b7a #2c6b7a transparent transparent;
        border-radius: 50%;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }

.check-wrap {
  position: absolute;
  left: calc(50% - 3px);
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  transition: all .3s ease .3s; }

.check {
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  width: 2px; }
  .check:before, .check:after {
    content: '';
    position: absolute;
    top: 0;
    height: 2px;
    border-radius: 1px;
    transition: all .3s ease; }
  .check:before {
    left: 0;
    width: 2px;
    background-color: #2c6b7a;
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
    -webkit-transform-origin: 1px;
        -ms-transform-origin: 1px;
            transform-origin: 1px; }
  .check:after {
    left: 0;
    width: 2px;
    background-color: #2c6b7a;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 1px;
        -ms-transform-origin: 1px;
            transform-origin: 1px; }

input[type="radio"]._circleRadioRadiance {
  display: none !important; }
  input[type="radio"]._circleRadioRadiance + label {
    position: relative;
    display: inline-block;
    height: 16px;
    width: 16px;
    background-color: transparent;
    border: 2px solid #2c6b7a;
    border-radius: 50%; }
    input[type="radio"]._circleRadioRadiance + label:after {
      content: '';
      position: absolute;
      top: 2px;
      left: 2px;
      height: 8px;
      width: 8px;
      background-color: transparent;
      border-radius: 50%;
      transition: all .2s ease-in-out;
      -webkit-transform: scale(2, 2);
          -ms-transform: scale(2, 2);
              transform: scale(2, 2); }
    input[type="radio"]._circleRadioRadiance + label:before {
      content: '';
      position: absolute;
      top: -2px;
      left: -2px;
      height: 16px;
      width: 16px;
      border: 2px solid rgba(126, 173, 204, 0.3);
      border-radius: 50%;
      transition: all .3s ease-in-out;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
  input[type="radio"]._circleRadioRadiance:checked + label:after {
    top: 2px;
    left: 2px;
    height: 8px;
    width: 8px;
    background-color: #2c6b7a;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }
  input[type="radio"]._circleRadioRadiance:checked + label:before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    height: 16px;
    width: 16px;
    border: 2px solid transparent;
    -webkit-transform: scale(1.8, 1.8);
        -ms-transform: scale(1.8, 1.8);
            transform: scale(1.8, 1.8); }

._circleRadioRadianceLabel {
  float: left;
  margin-right: 15px;
  cursor: pointer; }

._circleRadioRadianceWrap {
  padding: 10px 0 10px 10px;
  margin-left: -10px;
  line-height: 16px; }

.radioContainer {
  width: 175px;
  margin: 0 auto; }

.canReadAndWrite ._circleRadioRadianceWrap ._circleRadioRadianceLabel {
  float: left; }

.profile-create ._circleRadioRadianceWrap {
  padding: 5px 0 5px 10px; }
.profile-create ._newSelectListWrap {
  line-height: 26px; }

._configureEmailPolicy ._circleRadioRadianceWrap {
  position: relative;
  padding: 10px 0 10px 35px; }
  ._configureEmailPolicy ._circleRadioRadianceWrap ._circleRadioRadianceLabel {
    position: absolute;
    top: 15px;
    left: 10px; }

.circleRadioForPersons {
  margin-bottom: 10px; }
  .circleRadioForPersons ._circleRadioRadianceWrap:first-child {
    padding-top: 0; }

._circleRadioGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px; }
  ._circleRadioGroup ._circleRadioRadianceWrap {
    margin-right: 20px;
    padding-top: 0; }
    ._circleRadioGroup ._circleRadioRadianceWrap label {
      cursor: pointer; }

.pageWrapper .flex .addProduct a {
  position: fixed;
  top: 47px;
  left: 446px; }
.pageWrapper.collapsed .flex .addProduct a {
  left: 286px; }
.pageWrapper.collapsed .sideMenu > .mCustomScrollBox > .mCSB_scrollTools {
  display: none !important; }

.sideMenu .mCSB_inside > .mCSB_container {
  margin-right: 0; }

#companyList > ul:empty {
  display: none; }

._formBlock ._addFormulaBtn {
  margin-top: 10px; }

#editedVariants {
  margin-bottom: 20px; }

.ui-dialog .dialog-tabs-items .dialog-tabs-item ._popupAttachments .formTitle {
  margin-top: 0; }

._resetPriceBtn {
  margin: 5px 0; }

._stockCorrectionForm ._animateInputBox._fixedWidth {
  width: 202px; }

._editWarehouse ._formWrap {
  padding-bottom: 0; }

._formWrap.mainContent {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding-bottom: 5px; }
._formWrap._thin {
  padding-top: 0;
  padding-bottom: 0; }

/** initial setup **/
.nano {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }
  .nano .nano-content {
    position: absolute;
    top: 0;
    right: 0 !important;
    bottom: 0;
    left: 0;
    overflow: scroll;
    overflow-x: hidden; }
    .nano .nano-content:focus {
      outline: thin dotted; }
    .nano .nano-content::-webkit-scrollbar {
      display: none; }
  .nano > .nano-pane {
    width: 10px;
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    transition: .2s;
    border-radius: 5px;
    visibility: hidden\9;
    opacity: .01; }
    .nano > .nano-pane > .nano-slider {
      background: #444;
      background: rgba(0, 0, 0, 0.5);
      position: relative;
      margin: 0 1px;
      border-radius: 3px; }

.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block; }

.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility: visible\9;
  opacity: 0.99; }

.thumbnail {
  float: left;
  margin-top: 8px;
  margin-left: 8px;
  position: relative;
  display: block;
  background-color: #f8f8f8;
  border: 1px solid #dddddd;
  width: 280px;
  min-height: 130px;
  cursor: pointer; }
  .thumbnail:hover {
    border: 1px solid #2c6b7a;
    box-shadow: inset 0 0 0 1px #2c6b7a; }
  .thumbnail .dropDown {
    position: absolute;
    top: 7px;
    right: 5px; }
    .thumbnail .dropDown .icon {
      font-size: 19px; }
    .thumbnail .dropDown a:hover {
      color: #10373E; }
  .thumbnail .inner {
    padding: 4px 8px; }
    .thumbnail .inner:after {
      content: '';
      display: table;
      clear: both; }
  .thumbnail .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    bottom: 0;
    position: absolute;
    width: 100%; }
    .thumbnail .bottom .avatar {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex-item-align: end;
          align-self: flex-end; }
  .thumbnail span,
  .thumbnail p,
  .thumbnail h2 {
    color: #4c4c4c;
    font-size: 13px; }
  .thumbnail span {
    font-family: "OpenSans Regular", Arial, Helvetica, sans-serif;
    position: relative; }
    .thumbnail span.status.pending {
      color: #EAE874; }
    .thumbnail span.status.inprogress {
      color: #67C2EF; }
    .thumbnail span.status.done {
      color: #BDEA74; }
    .thumbnail span.status.cancelled {
      color: #FF5454; }
  .thumbnail a.tasksByProject {
    cursor: pointer;
    text-decoration: none; }
    .thumbnail a.tasksByProject:hover {
      text-decoration: underline; }
  .thumbnail p {
    font-family: "OpenSans Regular", Arial, Helvetica, sans-serif; }
    .thumbnail p span {
      font-weight: normal !important; }
  .thumbnail h2 {
    font-family: "OpenSans Regular", Arial, Helvetica, sans-serif;
    margin: 0 0 8px; }
  .thumbnail .avatar {
    padding: 8px;
    width: 56px;
    height: 56px; }
    .thumbnail .avatar img {
      height: auto;
      width: 100%; }
    .thumbnail .avatar canvas {
      height: auto;
      width: 100%; }
    .thumbnail .avatar .upload {
      overflow: hidden;
      font-size: 15px;
      line-height: 18px;
      text-align: center;
      display: block;
      height: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      cursor: pointer; }
      .thumbnail .avatar .upload input {
        position: absolute;
        top: 0;
        height: 20px;
        opacity: 0;
        background: rgba(0, 0, 0, 0.5);
        margin: 0;
        padding: 0;
        width: 100%; }
  .thumbnail .project-text {
    width: 235px; }
    .thumbnail .project-text span {
      color: #000; }
      .thumbnail .project-text span.bold {
        display: block;
        max-width: 205px;
        color: #364150;
        font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 14px;
        font-size: 0.875rem; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .flex #productTree {
    width: 250px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .flex #productTree.fullWidth {
      width: 100%; }
    .flex #productTree ul ul .content {
      margin-left: 28px; }
    .flex #productTree ul ul .expand {
      left: 28px; }
    .flex #productTree ul ul ul .content {
      margin-left: 56px; }
    .flex #productTree ul ul ul .expand {
      left: 56px; }
    .flex #productTree ul ul ul ul .content {
      margin-left: 84px; }
    .flex #productTree ul ul ul ul .expand {
      left: 84px; }
    .flex #productTree ul ul ul ul ul .content {
      margin-left: 112px; }
    .flex #productTree ul ul ul ul ul .expand {
      left: 112px; }
    .flex #productTree ul ul ul ul ul ul .content {
      margin-left: 136px; }
    .flex #productTree ul ul ul ul ul ul .expand {
      left: 136px; }
    .flex #productTree ul li {
      position: relative; }
      .flex #productTree ul li.parent > .content .text:before {
        display: none; }
    .flex #productTree .action-btn {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: 0;
      right: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .flex #productTree .action-btn span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 28px;
        height: 28px;
        color: #3c82b1;
        font-size: 16px;
        cursor: pointer; }
        .flex #productTree .action-btn span:hover {
          background-color: #2c6b7a;
          color: #fff; }
    .flex #productTree span.content {
      position: relative;
      display: block;
      padding: 5px 30px 5px 8px;
      line-height: 16px;
      border-left: 2px solid transparent; }
      .flex #productTree span.content:hover {
        cursor: pointer;
        background-color: #e6e7eb;
        border-left-color: #2c6b7a; }
      .flex #productTree span.content .text {
        font-size: 12px;
        line-height: 20px; }
      .flex #productTree span.content:hover .action-btn {
        visibility: visible;
        opacity: 1; }
    .flex #productTree .expand {
      position: absolute;
      top: 0;
      left: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 28px;
      height: 28px;
      text-decoration: none !important;
      text-align: center;
      color: #3c82b1;
      font-size: 16px;
      font-size: 1rem; }
      .flex #productTree .expand:hover {
        background-color: #2c6b7a;
        color: #fff; }
  .flex .addProduct {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 11px; }
    .flex .addProduct a {
      margin: 0 12px 0 5px;
      padding: 0 5px;
      text-align: center;
      cursor: pointer;
      vertical-align: baseline; }
      .flex .addProduct a:hover {
        text-decoration: none; }
  .flex #thumbnailContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    padding: 5px 0 5px 5px; }
    .flex #thumbnailContent .thumbnail.product {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 200px;
              flex: 1 1 200px;
      position: relative;
      padding: 5px;
      min-width: 150px;
      margin: 4px;
      background-color: #f8f8f8;
      border: 1px solid #dddddd;
      float: none;
      display: block;
      width: auto;
      min-height: inherit; }
      .flex #thumbnailContent .thumbnail.product .inner {
        float: left;
        width: 50px;
        padding: 0; }
        .flex #thumbnailContent .thumbnail.product .inner img {
          max-width: 100%;
          height: auto;
          display: inline-block; }
        .flex #thumbnailContent .thumbnail.product .inner .avater {
          border: 1px solid #7f7f80; }
      .flex #thumbnailContent .thumbnail.product .info {
        word-break: break-word;
        padding-left: 55px; }
    .flex #thumbnailContent .thumbnail .avatar {
      padding: 0; }
  .flex #productContent {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow: auto; }

.productHeading {
  margin-bottom: 5px;
  font-size: 13px;
  font-size: 0.8125rem; }
.productCategory label, .productCategory a {
  line-height: 26px;
  font-size: 12px; }

._productChannel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 20px; }
  ._productChannel ._channelInfo ._channel {
    margin-right: 5px;
    color: #666682; }
  ._productChannel ._channelInfo ._channelName {
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    color: #364150; }

/** VARIABLES 
===================================*/
/** RESET AND LAYOUT
===================================*/
._sliderWrap {
  padding: 0 22px; }

.bx-wrapper {
  position: relative;
  margin: 0;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }
  .bx-wrapper img {
    max-width: 100%;
    display: block; }

.bx-wrapper:hover .imageButtonsBlock {
  opacity: 1;
  visibility: visible;
  transition: all .2s ease-in-out .2s; }

.bxslider {
  margin: 0;
  padding: 0; }
  .bxslider .imageButtonsBlock {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    top: 0;
    left: calc(50% - 200px);
    opacity: 0;
    visibility: hidden;
    transition: all .1s ease-in-out; }
    .bxslider .imageButtonsBlock [class^="icon-"],
    .bxslider .imageButtonsBlock [class*=" icon-"] {
      padding: 10px;
      background-color: #fff; }
      .bxslider .imageButtonsBlock [class^="icon-"]:hover:before,
      .bxslider .imageButtonsBlock [class*=" icon-"]:hover:before {
        color: #2c6b7a; }
      .bxslider .imageButtonsBlock [class^="icon-"]:before,
      .bxslider .imageButtonsBlock [class*=" icon-"]:before {
        cursor: pointer;
        transition: all .2s ease;
        font-size: 28px;
        font-size: 1.75rem; }

ul.bxslider {
  list-style: none; }

.bx-viewport {
  -webkit-transform: translatez(0); }

/** THEME
===================================*/
.bx-wrapper {
  box-shadow: none;
  border: none;
  background: #fff; }
  .bx-wrapper .bx-pager,
  .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }
  .bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    border-radius: 5px; }
    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
      background: #000; }
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center; }
  .bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url("images/controls.png") -86px -11px no-repeat;
    margin: 0 3px; }
    .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {
      background-position: -86px 0; }
  .bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url("images/controls.png") -86px -44px no-repeat;
    margin: 0 3px; }
    .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {
      background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }
  .bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px; }

.countCircle {
  display: inline-block;
  width: 21px;
  height: 21px;
  line-height: 22px;
  color: #fff;
  background: #9a9a9e;
  text-align: center;
  border-radius: 50%;
  font-size: 12px;
  font-size: 0.75rem; }
  .countCircle.red {
    background: #f94437; }
  .countCircle:empty {
    display: none; }

.dateListElementTitle {
  display: inline-block;
  margin: 12px 12px 2px;
  color: #8c8e8f;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
  .dateListElementTitle .countCircle {
    margin-left: 8px; }

.dateListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  box-shadow: 0 4px 7px -3px rgba(0, 0, 0, 0.2);
  transition: all 100ms ease-in-out; }
  .dateListItem:hover {
    background-color: #fff;
    box-shadow: 0 6px 8px -3px rgba(0, 0, 0, 0.3); }
  .dateListItem.completed {
    background-color: #d2e6d0;
    border-color: #c0debd;
    box-shadow: none;
    transition: all .2s ease-in-out .7s; }
  .dateListItem .dateListCheckboxWrap {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 20px; }
  .dateListItem .dateListBody {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-width: 1px;
    padding: 10px 10px 10px 0;
    cursor: pointer; }
    .dateListItem .dateListBody .dateListFooter {
      margin-top: 5px;
      font-size: 12px;
      font-size: 0.75rem; }
      .dateListItem .dateListBody .dateListFooter .listFooterDate {
        color: #9a9a9e; }

.dateListHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .dateListHeader ._tagSmall {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 5px;
    cursor: pointer; }
  .dateListHeader .dateListDescription {
    word-break: break-word; }

._taskListWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 100px);
  border-bottom: 1px solid #eaeaea; }
  ._taskListWrap ._taskListDateBlock {
    width: calc(100% - (35% + 159px));
    overflow: auto;
    min-width: 420px;
    background: #f1f1f1; }
    ._taskListWrap ._taskListDateBlock ._dateListElement {
      position: relative;
      font-size: 14px;
      padding: 0 12px 20px; }
      ._taskListWrap ._taskListDateBlock ._dateListElement .dateListItem:nth-child(n+7) {
        display: none; }
      ._taskListWrap ._taskListDateBlock ._dateListElement .hideList {
        display: none;
        height: 20px;
        line-height: 20px;
        padding: 0 10px;
        border-radius: 3px;
        position: absolute;
        right: 10px;
        bottom: 0;
        background-color: #2c6b7a;
        color: #fff;
        cursor: pointer;
        font-size: 12px; }
      ._taskListWrap ._taskListDateBlock ._dateListElement.open {
        max-height: none; }
        ._taskListWrap ._taskListDateBlock ._dateListElement.open .dateListItem:nth-child(n+6) {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
        ._taskListWrap ._taskListDateBlock ._dateListElement.open .showmore {
          display: none !important; }
        ._taskListWrap ._taskListDateBlock ._dateListElement.open .hideList {
          display: block; }

.collapsed ._taskListDateBlock {
  width: calc(100% - (35% + 103px)); }

._taskListActivitiesBlock {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(35% + 159px);
  background: #f1f1f1; }
  ._taskListActivitiesBlock ._activityHolderTitle {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #8c8e8f;
    padding: 10px 12px;
    font-size: 14px;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    text-transform: uppercase; }
  ._taskListActivitiesBlock ._activityHolder {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0 10px;
    font-size: 14px;
    overflow: auto; }
  ._taskListActivitiesBlock .noteMainContainer {
    padding: 0 16px;
    border-left: 2px solid #c1c1c1; }
  ._taskListActivitiesBlock ._activityListInfo {
    position: relative;
    padding: 6px 10px;
    border-bottom: 1px solid #eaeaea; }
    ._taskListActivitiesBlock ._activityListInfo:after {
      content: '';
      position: absolute;
      top: 12px;
      left: -23px;
      height: 10px;
      width: 10px;
      background-color: #c1c1c1;
      border-radius: 50%;
      transition: -webkit-transform 150ms ease-in;
      transition: transform 150ms ease-in;
      transition: transform 150ms ease-in, -webkit-transform 150ms ease-in; }
  ._taskListActivitiesBlock ._activityDescription {
    line-height: 1.3;
    padding: 5px 10px; }
    ._taskListActivitiesBlock ._activityDescription:empty:after {
      content: 'no data'; }

.collapsed ._taskListActivitiesBlock {
  width: calc(35% + 103px); }

.showmore {
  display: none; }

._dateListElement .showmore {
  position: absolute;
  right: 20px;
  bottom: 0;
  background-color: #2c6b7a;
  color: #fff;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
  border-radius: 3px;
  cursor: pointer; }

._activitiesListItem {
  position: relative;
  margin: 10px 0;
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 3px; }
  ._activitiesListItem:hover {
    border-color: #2c6b7a; }
    ._activitiesListItem:hover:before {
      border-color: transparent #6b9bbb transparent transparent; }
    ._activitiesListItem:hover ._activityListInfo:after {
      background-color: #2c6b7a;
      -webkit-transform: scale(1.4);
          -ms-transform: scale(1.4);
              transform: scale(1.4); }
  ._activitiesListItem:before, ._activitiesListItem:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0; }
  ._activitiesListItem:before {
    top: 8px;
    left: -9px;
    border-color: transparent #e0dede transparent transparent;
    border-width: 9px 9px 9px 0;
    border-style: solid; }
  ._activitiesListItem:after {
    top: 9px;
    left: -8px;
    border-color: transparent #fff transparent transparent;
    border-width: 8px 8px 8px 0;
    border-style: solid; }

.payrollListWrapOuter {
  height: 100%; }

._payrollListWrap {
  height: 100%;
  padding: 20px 80px;
  overflow: auto; }
  ._payrollListWrap ._payrollListItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 20px 8px 30px;
    border: 2px dashed #c8c8d3;
    border-radius: 3px;
    cursor: pointer;
    background-color: #f7f7f7;
    transition: .2s all ease-in;
    position: relative; }
    ._payrollListWrap ._payrollListItem.checked {
      background-color: #F8F8F8;
      border: 2px solid #2c6b7a; }
      ._payrollListWrap ._payrollListItem.checked:after {
        content: "\e904";
        position: absolute;
        top: 15px;
        right: 15px;
        color: #2c6b7a;
        font-family: "erp-icons"; }
      ._payrollListWrap ._payrollListItem.checked._weeklyItem ._payrollListImage:after, ._payrollListWrap ._payrollListItem.checked._payItem ._payrollListImage:after, ._payrollListWrap ._payrollListItem.checked._structureItem ._payrollListImage:after, ._payrollListWrap ._payrollListItem.checked._bankItem ._payrollListImage:after, ._payrollListWrap ._payrollListItem.checked._employeesItem ._payrollListImage:after {
        color: #2c6b7a; }
      ._payrollListWrap ._payrollListItem.checked ._payrollListSteps {
        color: #2c6b7a; }
      ._payrollListWrap ._payrollListItem.checked ._payrollListAction {
        color: #404d5f; }
      ._payrollListWrap ._payrollListItem.checked ._payrollListDescription {
        color: #7f7f80; }
      ._payrollListWrap ._payrollListItem.checked:hover {
        border-style: solid; }
        ._payrollListWrap ._payrollListItem.checked:hover ._payrollListImage {
          border-style: solid; }
      ._payrollListWrap ._payrollListItem.checked ._payrollListImage {
        border: 2px solid #2c6b7a; }
    ._payrollListWrap ._payrollListItem:hover {
      border: 2px dashed #2c6b7a; }
      ._payrollListWrap ._payrollListItem:hover ._payrollListImage {
        border: 2px dashed #2c6b7a; }
    ._payrollListWrap ._payrollListItem._weeklyItem ._payrollListImage:after, ._payrollListWrap ._payrollListItem._payItem ._payrollListImage:after, ._payrollListWrap ._payrollListItem._structureItem ._payrollListImage:after, ._payrollListWrap ._payrollListItem._bankItem ._payrollListImage:after, ._payrollListWrap ._payrollListItem._employeesItem ._payrollListImage:after {
      font-family: "erp-icons";
      margin: auto;
      color: #c8c8d3;
      font-size: 24px; }
    ._payrollListWrap ._payrollListItem._weeklyItem ._payrollListImage:after {
      content: "\e075"; }
    ._payrollListWrap ._payrollListItem._payItem ._payrollListImage:after {
      content: "\e077"; }
    ._payrollListWrap ._payrollListItem._structureItem ._payrollListImage:after {
      content: "\e924"; }
    ._payrollListWrap ._payrollListItem._bankItem ._payrollListImage:after {
      content: "\e025"; }
    ._payrollListWrap ._payrollListItem._employeesItem ._payrollListImage:after {
      content: "\e001"; }
    ._payrollListWrap ._payrollListItem + ._payrollListItem {
      margin-top: 20px; }
    ._payrollListWrap ._payrollListItem ._payrollListImage {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 60px;
      height: 60px;
      border: 2px dashed #c8c8d3;
      border-radius: 50%;
      background-color: #fff;
      transition: .2s border-color ease-in; }
    ._payrollListWrap ._payrollListItem ._payrollListBody {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      margin-left: 10px; }
    ._payrollListWrap ._payrollListItem ._payrollListSteps {
      text-transform: uppercase;
      color: #364150;
      font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
      font-size: 10px; }
    ._payrollListWrap ._payrollListItem ._payrollListAction {
      font-size: 20px;
      color: #7f7f80; }
      ._payrollListWrap ._payrollListItem ._payrollListAction:hover {
        text-decoration: none; }
    ._payrollListWrap ._payrollListItem ._payrollListDescription {
      margin-top: 10px;
      color: #7f7f80;
      font-size: 12px; }

._tagsCellWrap {
  min-width: 100px;
  padding-bottom: 5px; }
  ._tagsCellWrap:after {
    display: table;
    content: '';
    clear: both; }
  ._tagsCellWrap ._showMoreTagsBtn {
    display: none;
    float: left;
    color: #364150;
    padding: 3px 4px;
    margin-top: 5px;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    border-radius: 3px; }
  ._tagsCellWrap._showLess ._showMoreTagsBtn {
    display: block; }
  ._tagsCellWrap._showLess ._tagSmall:nth-child(n+6) {
    display: none; }
  ._tagsCellWrap ._tagSmall {
    float: left;
    margin: 5px 5px 0 0; }

._priorityCell .Hot,
._priorityCell .Medium,
._priorityCell .Cold,
._priorityCell .Trivial {
  width: 30px;
  height: 35px;
  margin: 0 auto;
  background-image: url("../images/priority_icons.png");
  background-size: 132px; }
._priorityCell .Hot {
  background-position: -2px -3px; }
._priorityCell .Medium {
  background-position: -69px -3px; }
._priorityCell .Cold {
  background-position: -35px -3px; }
._priorityCell .Trivial {
  background-position: -103px -3px; }

._contractJobsListWrap {
  table-layout: fixed; }
  ._contractJobsListWrap ._contractJobsListItem td {
    vertical-align: top; }
    ._contractJobsListWrap ._contractJobsListItem td._contractJobsStatusBlock {
      vertical-align: middle; }
    ._contractJobsListWrap ._contractJobsListItem td + td {
      padding-top: 10px !important;
      border-left: 1px solid #d7d7d7; }
  ._contractJobsListWrap ._contractJobsListItem ._contractJobsStatusBlock {
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
    ._contractJobsListWrap ._contractJobsListItem ._contractJobsStatusBlock.finished, ._contractJobsListWrap ._contractJobsListItem ._contractJobsStatusBlock.inProgress {
      color: #fff; }
    ._contractJobsListWrap ._contractJobsListItem ._contractJobsStatusBlock.finished {
      background-color: #4BCB81; }
    ._contractJobsListWrap ._contractJobsListItem ._contractJobsStatusBlock.inProgress {
      background-color: #10373E; }
  ._contractJobsListWrap ._contractJobsListItem ._contractJobsJobBlock > div {
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden; }
  ._contractJobsListWrap ._contractJobsListItem ._contractJobsJobBlock ._contractJobsName {
    font-size: 16px;
    font-family: "OpenSans Bold", Arial, Helvetica, sans-serif; }
  ._contractJobsListWrap ._contractJobsListItem ._contractJobsJobBlock ._contractJobsCustomer {
    font-style: italic; }
  ._contractJobsListWrap ._contractJobsListItem ._contractJobsInvoiceBlock > div {
    line-height: 20px; }
  ._contractJobsListWrap ._contractJobsListItem ._contractJobsRevenueBlock > div {
    line-height: 20px; }

._contractJobsCostBlock > div,
._contractJobsProfitBlock > div,
._contractJobsRevenueBlock > div {
  padding: 3px 0; }

.workflow-list-wrapper,
.workflow-sub-list-wrapper {
  width: 170px; }

.workflow-list,
.workflow-sub-list {
  color: #2A6496;
  width: 100%;
  font-size: 13px; }
  .workflow-list li,
  .workflow-sub-list li {
    position: relative;
    height: 40px;
    line-height: 40px;
    border: 1px solid  transparent; }
    .workflow-list li:hover:not(.quickEdit),
    .workflow-sub-list li:hover:not(.quickEdit) {
      background-color: white; }
      .workflow-list li:hover:not(.quickEdit) a,
      .workflow-sub-list li:hover:not(.quickEdit) a {
        text-decoration: none; }
    .workflow-list li.active,
    .workflow-sub-list li.active {
      border-color: #7f7f80;
      border-right-color: transparent;
      display: list-item; }
      .workflow-list li.active.first,
      .workflow-sub-list li.active.first {
        border-top-color: transparent; }
      .workflow-list li.active:hover,
      .workflow-sub-list li.active:hover {
        background-color: #d9d9d9; }
      .workflow-list li.active:after,
      .workflow-sub-list li.active:after {
        display: none; }
      .workflow-list li.active a,
      .workflow-sub-list li.active a {
        text-decoration: none; }
    .workflow-list li:after,
    .workflow-sub-list li:after {
      content: '';
      position: absolute;
      right: -1px;
      top: -1px;
      width: 1px;
      height: 40px;
      background-color: #7f7f80; }
    .workflow-list li a,
    .workflow-sub-list li a {
      padding: 10px 15px;
      display: inline-block;
      width: 100%; }
    .workflow-list li .editProfileContainer,
    .workflow-sub-list li .editProfileContainer {
      margin-left: 10px;
      margin-right: 12px; }
      .workflow-list li .editProfileContainer .editProfileName,
      .workflow-sub-list li .editProfileContainer .editProfileName {
        width: 100%;
        padding-left: 5px; }
    .workflow-list li .edit-holder a,
    .workflow-sub-list li .edit-holder a {
      padding: 0; }
    .workflow-list li .wNameEdit,
    .workflow-sub-list li .wNameEdit {
      width: 92%;
      position: relative;
      top: -10px; }
    .workflow-list li .saveAll, .workflow-list li .cancelAll,
    .workflow-sub-list li .saveAll,
    .workflow-sub-list li .cancelAll {
      padding: 0;
      position: relative;
      top: -30px; }

.workflow-list li.active {
  line-height: 38px;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
  .workflow-list li.active:hover {
    background-color: #fff; }

/*added from _icons.scss 22.09*/
.btn-list {
  height: 24px;
  margin: 0 12px 0 5px;
  border: 1px solid #7f7f80;
  float: left; }
  .btn-list li {
    display: block;
    height: 23px;
    width: 24px;
    padding: 3px;
    margin: 0;
    float: left; }
    .btn-list li:nth-child(n+2) {
      border-left: 1px solid #7f7f80; }
    .btn-list li a {
      display: block;
      text-align: center; }
      .btn-list li a.fa {
        line-height: 18px;
        font-size: 16px !important; }
      .btn-list li a:hover {
        text-decoration: none; }
  .btn-list .selected {
    color: #10373E; }
    .btn-list .selected a {
      color: white; }

/*23.09*/
.newSelectList {
  text-align: center; }
  .newSelectList .miniStylePagination {
    min-width: 160px;
    line-height: 28px;
    text-align: center;
    position: relative; }
    .newSelectList .miniStylePagination:hover {
      background-color: white; }
    .newSelectList .miniStylePagination .next,
    .newSelectList .miniStylePagination .prev {
      position: absolute;
      top: 6px;
      line-height: normal; }
      .newSelectList .miniStylePagination .next.disabled,
      .newSelectList .miniStylePagination .prev.disabled {
        display: none; }
    .newSelectList .miniStylePagination .next {
      right: 5px; }
    .newSelectList .miniStylePagination .prev {
      left: 5px; }
    .newSelectList .miniStylePagination span {
      padding: 0; }
  .newSelectList > input#selectInput {
    width: 100% !important;
    height: 24px;
    margin: 0;
    padding: 0 5px;
    border: 0;
    border-bottom: 1px solid #7f7f80;
    text-align: left;
    float: left; }

.filter-check-list {
  display: none;
  width: 150px;
  background-color: white;
  border: 1px solid  silver;
  position: absolute;
  top: -1px;
  right: 118px;
  z-index: 1000; }
  .filter-check-list li {
    cursor: pointer;
    line-height: 20px;
    overflow: hidden; }
    .filter-check-list li:hover {
      background-color: #EEE; }
  .filter-check-list input {
    margin: 0 5px; }

.stripedList {
  table-layout: fixed;
  background-color: #fff;
  color: #293544; }
  .stripedList.noFixed {
    table-layout: auto; }
    .stripedList.noFixed td, .stripedList.noFixed th {
      white-space: nowrap; }
  .stripedList._employeeJobTable th, .stripedList._employeeJobTable td {
    padding: 0 5px; }
  .stripedList._rowColorGrouping tr {
    height: 34px; }
  .stripedList._rowColorGrouping td {
    border-bottom: 0; }
  .stripedList._rowColorGrouping tbody tr:nth-child(odd) td, .stripedList._rowColorGrouping tbody tr:nth-child(odd) th {
    text-align: right;
    background-color: #fff; }
  .stripedList._rowColorGrouping tbody tr[data-index="-1"] td, .stripedList._rowColorGrouping tbody tr[data-index="-1"] th {
    background-color: #F8F9FB; }
  .stripedList._rowColorGrouping tbody tr[data-index="-1"]:hover td, .stripedList._rowColorGrouping tbody tr[data-index="-1"]:hover th {
    background-color: #E6E7EB; }
  .stripedList tr {
    height: 34px; }
  .stripedList td,
  .stripedList th {
    padding: 0 12px;
    text-align: right;
    word-break: break-word; }
    .stripedList td.smallPadding,
    .stripedList th.smallPadding {
      padding: 0 4px; }
  .stripedList th {
    border-bottom: 2px solid #EAEAEA;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
    .stripedList th._zone {
      text-align: right; }
  .stripedList td {
    border-bottom: 1px solid #eaeaea;
    line-height: 1.3; }
  .stripedList tr.totalRow td {
    border-top: 2px solid #2c6b7a;
    border-bottom: 0; }
  .stripedList tbody tr:hover {
    transition: all .2s ease; }
    .stripedList tbody tr:hover th[rowspan],
    .stripedList tbody tr:hover td[rowspan] {
      background-color: transparent; }
    .stripedList tbody tr:hover th, .stripedList tbody tr:hover td {
      background-color: #e6e7eb;
      transition: all .2s ease; }
    .stripedList tbody tr:hover:nth-child(odd) th, .stripedList tbody tr:hover:nth-child(odd) td {
      background-color: #e6e7eb; }
    .stripedList tbody tr:hover:nth-child(odd) th[rowspan], .stripedList tbody tr:hover:nth-child(odd) td[rowspan] {
      background-color: transparent; }
  .stripedList tbody tr:nth-child(odd) {
    background-color: #f8f9fb; }
    .stripedList tbody tr:nth-child(odd) td, .stripedList tbody tr:nth-child(odd) th {
      border-left-color: #f8f9fb;
      text-align: right; }

.stripedList tbody tr.totalRow:hover td,
.stripedList tbody tr:nth-child(odd).totalRow:hover td {
  background-color: #fff; }
  .stripedList tbody tr.totalRow:hover td:first-child,
  .stripedList tbody tr:nth-child(odd).totalRow:hover td:first-child {
    border-left-color: #fff; }
.stripedList tbody tr td:first-child.fillColor {
  border-left-color: #e6e7eb; }
.stripedList td.fillColor {
  background-color: #e6e7eb;
  border-bottom-color: #e6e7eb; }
  .stripedList td.fillColor.last {
    border-bottom-color: #c1bebe; }

._zonesAndLocationsTable ._tableActions:after {
  content: '';
  display: table;
  clear: both; }
._zonesAndLocationsTable ._locationTableWrap {
  margin: 10px 0 20px; }
._zonesAndLocationsTable ._locationTable {
  max-height: 200px;
  overflow: auto; }

._locationTableWrap .stripedList tr {
  height: 30px; }

._tableLeadsWrap,
._tableChartList,
._tableOpportunitiesWrap,
._tableSalesQuotationsWrap,
._tableSalesOrdersWrap,
._tableSalesInvoicesWrap,
._tableSalesProformaWrap,
._tableInvoiceAgingWrap,
._tableProjectsWrap,
._tableTacksWrap,
._jobsDashboardWrap,
._inventoryReportWrap,
._tableApplicationsWrap,
._tableJobPositionWrap,
._tableQuotationsWrap,
._tableOrdersWrap,
._tableInvoicesWrap,
._tablePurchasePaymentsWrap,
._tableManualentryWrap,
._tableChartOfAccountWrap,
._tableJournalWrap,
._journalEntryWrap,
._cashBookWrap,
._tableCashTransferWrap,
._tablePayoutWrap,
._salaryReportTableWrap,
._tableHolidaysWrap,
._tableBonusTypeWrap,
._payRollListTable,
._tablePayrollPaymentsWrap,
._dividendPaymentsTable,
._tableDividendInvoiceWrap,
._tableCostCenterWrap,
._tableExpensesInvoiceWrap,
._tableExpensesPaymentsWrap,
._tableWriteOff,
._tableUsers,
._tableAddOptionsWrap,
._inventoryProductWrap,
._priceListWrap,
._tableGoodsOut,
._productTypesTable,
._productOpitonsTable,
._tableOrderList,
._tableTackWrap,
._leadsCheckboxTableWrap,
._tableWtrackWrap,
._tableLettersWrap,
._productCategoryTableWrap,
._tableResolveConflictsWrap, ._integrationProductsTable {
  position: relative;
  height: calc(100% - 25px);
  padding: 15px;
  background-color: #f3f3f3;
  overflow: auto; }
  ._tableLeadsWrap td, ._tableLeadsWrap th,
  ._tableChartList td,
  ._tableChartList th,
  ._tableOpportunitiesWrap td,
  ._tableOpportunitiesWrap th,
  ._tableSalesQuotationsWrap td,
  ._tableSalesQuotationsWrap th,
  ._tableSalesOrdersWrap td,
  ._tableSalesOrdersWrap th,
  ._tableSalesInvoicesWrap td,
  ._tableSalesInvoicesWrap th,
  ._tableSalesProformaWrap td,
  ._tableSalesProformaWrap th,
  ._tableInvoiceAgingWrap td,
  ._tableInvoiceAgingWrap th,
  ._tableProjectsWrap td,
  ._tableProjectsWrap th,
  ._tableTacksWrap td,
  ._tableTacksWrap th,
  ._jobsDashboardWrap td,
  ._jobsDashboardWrap th,
  ._inventoryReportWrap td,
  ._inventoryReportWrap th,
  ._tableApplicationsWrap td,
  ._tableApplicationsWrap th,
  ._tableJobPositionWrap td,
  ._tableJobPositionWrap th,
  ._tableQuotationsWrap td,
  ._tableQuotationsWrap th,
  ._tableOrdersWrap td,
  ._tableOrdersWrap th,
  ._tableInvoicesWrap td,
  ._tableInvoicesWrap th,
  ._tablePurchasePaymentsWrap td,
  ._tablePurchasePaymentsWrap th,
  ._tableManualentryWrap td,
  ._tableManualentryWrap th,
  ._tableChartOfAccountWrap td,
  ._tableChartOfAccountWrap th,
  ._tableJournalWrap td,
  ._tableJournalWrap th,
  ._journalEntryWrap td,
  ._journalEntryWrap th,
  ._cashBookWrap td,
  ._cashBookWrap th,
  ._tableCashTransferWrap td,
  ._tableCashTransferWrap th,
  ._tablePayoutWrap td,
  ._tablePayoutWrap th,
  ._salaryReportTableWrap td,
  ._salaryReportTableWrap th,
  ._tableHolidaysWrap td,
  ._tableHolidaysWrap th,
  ._tableBonusTypeWrap td,
  ._tableBonusTypeWrap th,
  ._payRollListTable td,
  ._payRollListTable th,
  ._tablePayrollPaymentsWrap td,
  ._tablePayrollPaymentsWrap th,
  ._dividendPaymentsTable td,
  ._dividendPaymentsTable th,
  ._tableDividendInvoiceWrap td,
  ._tableDividendInvoiceWrap th,
  ._tableCostCenterWrap td,
  ._tableCostCenterWrap th,
  ._tableExpensesInvoiceWrap td,
  ._tableExpensesInvoiceWrap th,
  ._tableExpensesPaymentsWrap td,
  ._tableExpensesPaymentsWrap th,
  ._tableWriteOff td,
  ._tableWriteOff th,
  ._tableUsers td,
  ._tableUsers th,
  ._tableAddOptionsWrap td,
  ._tableAddOptionsWrap th,
  ._inventoryProductWrap td,
  ._inventoryProductWrap th,
  ._priceListWrap td,
  ._priceListWrap th,
  ._tableGoodsOut td,
  ._tableGoodsOut th,
  ._productTypesTable td,
  ._productTypesTable th,
  ._productOpitonsTable td,
  ._productOpitonsTable th,
  ._tableOrderList td,
  ._tableOrderList th,
  ._tableTackWrap td,
  ._tableTackWrap th,
  ._leadsCheckboxTableWrap td,
  ._leadsCheckboxTableWrap th,
  ._tableWtrackWrap td,
  ._tableWtrackWrap th,
  ._tableLettersWrap td,
  ._tableLettersWrap th,
  ._productCategoryTableWrap td,
  ._productCategoryTableWrap th,
  ._tableResolveConflictsWrap td,
  ._tableResolveConflictsWrap th, ._integrationProductsTable td, ._integrationProductsTable th {
    transition: all .2s ease; }
    ._tableLeadsWrap td:first-child, ._tableLeadsWrap th:first-child,
    ._tableChartList td:first-child,
    ._tableChartList th:first-child,
    ._tableOpportunitiesWrap td:first-child,
    ._tableOpportunitiesWrap th:first-child,
    ._tableSalesQuotationsWrap td:first-child,
    ._tableSalesQuotationsWrap th:first-child,
    ._tableSalesOrdersWrap td:first-child,
    ._tableSalesOrdersWrap th:first-child,
    ._tableSalesInvoicesWrap td:first-child,
    ._tableSalesInvoicesWrap th:first-child,
    ._tableSalesProformaWrap td:first-child,
    ._tableSalesProformaWrap th:first-child,
    ._tableInvoiceAgingWrap td:first-child,
    ._tableInvoiceAgingWrap th:first-child,
    ._tableProjectsWrap td:first-child,
    ._tableProjectsWrap th:first-child,
    ._tableTacksWrap td:first-child,
    ._tableTacksWrap th:first-child,
    ._jobsDashboardWrap td:first-child,
    ._jobsDashboardWrap th:first-child,
    ._inventoryReportWrap td:first-child,
    ._inventoryReportWrap th:first-child,
    ._tableApplicationsWrap td:first-child,
    ._tableApplicationsWrap th:first-child,
    ._tableJobPositionWrap td:first-child,
    ._tableJobPositionWrap th:first-child,
    ._tableQuotationsWrap td:first-child,
    ._tableQuotationsWrap th:first-child,
    ._tableOrdersWrap td:first-child,
    ._tableOrdersWrap th:first-child,
    ._tableInvoicesWrap td:first-child,
    ._tableInvoicesWrap th:first-child,
    ._tablePurchasePaymentsWrap td:first-child,
    ._tablePurchasePaymentsWrap th:first-child,
    ._tableManualentryWrap td:first-child,
    ._tableManualentryWrap th:first-child,
    ._tableChartOfAccountWrap td:first-child,
    ._tableChartOfAccountWrap th:first-child,
    ._tableJournalWrap td:first-child,
    ._tableJournalWrap th:first-child,
    ._journalEntryWrap td:first-child,
    ._journalEntryWrap th:first-child,
    ._cashBookWrap td:first-child,
    ._cashBookWrap th:first-child,
    ._tableCashTransferWrap td:first-child,
    ._tableCashTransferWrap th:first-child,
    ._tablePayoutWrap td:first-child,
    ._tablePayoutWrap th:first-child,
    ._salaryReportTableWrap td:first-child,
    ._salaryReportTableWrap th:first-child,
    ._tableHolidaysWrap td:first-child,
    ._tableHolidaysWrap th:first-child,
    ._tableBonusTypeWrap td:first-child,
    ._tableBonusTypeWrap th:first-child,
    ._payRollListTable td:first-child,
    ._payRollListTable th:first-child,
    ._tablePayrollPaymentsWrap td:first-child,
    ._tablePayrollPaymentsWrap th:first-child,
    ._dividendPaymentsTable td:first-child,
    ._dividendPaymentsTable th:first-child,
    ._tableDividendInvoiceWrap td:first-child,
    ._tableDividendInvoiceWrap th:first-child,
    ._tableCostCenterWrap td:first-child,
    ._tableCostCenterWrap th:first-child,
    ._tableExpensesInvoiceWrap td:first-child,
    ._tableExpensesInvoiceWrap th:first-child,
    ._tableExpensesPaymentsWrap td:first-child,
    ._tableExpensesPaymentsWrap th:first-child,
    ._tableWriteOff td:first-child,
    ._tableWriteOff th:first-child,
    ._tableUsers td:first-child,
    ._tableUsers th:first-child,
    ._tableAddOptionsWrap td:first-child,
    ._tableAddOptionsWrap th:first-child,
    ._inventoryProductWrap td:first-child,
    ._inventoryProductWrap th:first-child,
    ._priceListWrap td:first-child,
    ._priceListWrap th:first-child,
    ._tableGoodsOut td:first-child,
    ._tableGoodsOut th:first-child,
    ._productTypesTable td:first-child,
    ._productTypesTable th:first-child,
    ._productOpitonsTable td:first-child,
    ._productOpitonsTable th:first-child,
    ._tableOrderList td:first-child,
    ._tableOrderList th:first-child,
    ._tableTackWrap td:first-child,
    ._tableTackWrap th:first-child,
    ._leadsCheckboxTableWrap td:first-child,
    ._leadsCheckboxTableWrap th:first-child,
    ._tableWtrackWrap td:first-child,
    ._tableWtrackWrap th:first-child,
    ._tableLettersWrap td:first-child,
    ._tableLettersWrap th:first-child,
    ._productCategoryTableWrap td:first-child,
    ._productCategoryTableWrap th:first-child,
    ._tableResolveConflictsWrap td:first-child,
    ._tableResolveConflictsWrap th:first-child, ._integrationProductsTable td:first-child, ._integrationProductsTable th:first-child {
      border-left: 3px solid transparent; }
  ._tableLeadsWrap tr:hover td,
  ._tableChartList tr:hover td,
  ._tableOpportunitiesWrap tr:hover td,
  ._tableSalesQuotationsWrap tr:hover td,
  ._tableSalesOrdersWrap tr:hover td,
  ._tableSalesInvoicesWrap tr:hover td,
  ._tableSalesProformaWrap tr:hover td,
  ._tableInvoiceAgingWrap tr:hover td,
  ._tableProjectsWrap tr:hover td,
  ._tableTacksWrap tr:hover td,
  ._jobsDashboardWrap tr:hover td,
  ._inventoryReportWrap tr:hover td,
  ._tableApplicationsWrap tr:hover td,
  ._tableJobPositionWrap tr:hover td,
  ._tableQuotationsWrap tr:hover td,
  ._tableOrdersWrap tr:hover td,
  ._tableInvoicesWrap tr:hover td,
  ._tablePurchasePaymentsWrap tr:hover td,
  ._tableManualentryWrap tr:hover td,
  ._tableChartOfAccountWrap tr:hover td,
  ._tableJournalWrap tr:hover td,
  ._journalEntryWrap tr:hover td,
  ._cashBookWrap tr:hover td,
  ._tableCashTransferWrap tr:hover td,
  ._tablePayoutWrap tr:hover td,
  ._salaryReportTableWrap tr:hover td,
  ._tableHolidaysWrap tr:hover td,
  ._tableBonusTypeWrap tr:hover td,
  ._payRollListTable tr:hover td,
  ._tablePayrollPaymentsWrap tr:hover td,
  ._dividendPaymentsTable tr:hover td,
  ._tableDividendInvoiceWrap tr:hover td,
  ._tableCostCenterWrap tr:hover td,
  ._tableExpensesInvoiceWrap tr:hover td,
  ._tableExpensesPaymentsWrap tr:hover td,
  ._tableWriteOff tr:hover td,
  ._tableUsers tr:hover td,
  ._tableAddOptionsWrap tr:hover td,
  ._inventoryProductWrap tr:hover td,
  ._priceListWrap tr:hover td,
  ._tableGoodsOut tr:hover td,
  ._productTypesTable tr:hover td,
  ._productOpitonsTable tr:hover td,
  ._tableOrderList tr:hover td,
  ._tableTackWrap tr:hover td,
  ._leadsCheckboxTableWrap tr:hover td,
  ._tableWtrackWrap tr:hover td,
  ._tableLettersWrap tr:hover td,
  ._productCategoryTableWrap tr:hover td,
  ._tableResolveConflictsWrap tr:hover td, ._integrationProductsTable tr:hover td {
    background-color: #e6e7eb; }
    ._tableLeadsWrap tr:hover td:first-child, ._tableLeadsWrap tr:hover td:first-child.fillColor,
    ._tableChartList tr:hover td:first-child,
    ._tableChartList tr:hover td:first-child.fillColor,
    ._tableOpportunitiesWrap tr:hover td:first-child,
    ._tableOpportunitiesWrap tr:hover td:first-child.fillColor,
    ._tableSalesQuotationsWrap tr:hover td:first-child,
    ._tableSalesQuotationsWrap tr:hover td:first-child.fillColor,
    ._tableSalesOrdersWrap tr:hover td:first-child,
    ._tableSalesOrdersWrap tr:hover td:first-child.fillColor,
    ._tableSalesInvoicesWrap tr:hover td:first-child,
    ._tableSalesInvoicesWrap tr:hover td:first-child.fillColor,
    ._tableSalesProformaWrap tr:hover td:first-child,
    ._tableSalesProformaWrap tr:hover td:first-child.fillColor,
    ._tableInvoiceAgingWrap tr:hover td:first-child,
    ._tableInvoiceAgingWrap tr:hover td:first-child.fillColor,
    ._tableProjectsWrap tr:hover td:first-child,
    ._tableProjectsWrap tr:hover td:first-child.fillColor,
    ._tableTacksWrap tr:hover td:first-child,
    ._tableTacksWrap tr:hover td:first-child.fillColor,
    ._jobsDashboardWrap tr:hover td:first-child,
    ._jobsDashboardWrap tr:hover td:first-child.fillColor,
    ._inventoryReportWrap tr:hover td:first-child,
    ._inventoryReportWrap tr:hover td:first-child.fillColor,
    ._tableApplicationsWrap tr:hover td:first-child,
    ._tableApplicationsWrap tr:hover td:first-child.fillColor,
    ._tableJobPositionWrap tr:hover td:first-child,
    ._tableJobPositionWrap tr:hover td:first-child.fillColor,
    ._tableQuotationsWrap tr:hover td:first-child,
    ._tableQuotationsWrap tr:hover td:first-child.fillColor,
    ._tableOrdersWrap tr:hover td:first-child,
    ._tableOrdersWrap tr:hover td:first-child.fillColor,
    ._tableInvoicesWrap tr:hover td:first-child,
    ._tableInvoicesWrap tr:hover td:first-child.fillColor,
    ._tablePurchasePaymentsWrap tr:hover td:first-child,
    ._tablePurchasePaymentsWrap tr:hover td:first-child.fillColor,
    ._tableManualentryWrap tr:hover td:first-child,
    ._tableManualentryWrap tr:hover td:first-child.fillColor,
    ._tableChartOfAccountWrap tr:hover td:first-child,
    ._tableChartOfAccountWrap tr:hover td:first-child.fillColor,
    ._tableJournalWrap tr:hover td:first-child,
    ._tableJournalWrap tr:hover td:first-child.fillColor,
    ._journalEntryWrap tr:hover td:first-child,
    ._journalEntryWrap tr:hover td:first-child.fillColor,
    ._cashBookWrap tr:hover td:first-child,
    ._cashBookWrap tr:hover td:first-child.fillColor,
    ._tableCashTransferWrap tr:hover td:first-child,
    ._tableCashTransferWrap tr:hover td:first-child.fillColor,
    ._tablePayoutWrap tr:hover td:first-child,
    ._tablePayoutWrap tr:hover td:first-child.fillColor,
    ._salaryReportTableWrap tr:hover td:first-child,
    ._salaryReportTableWrap tr:hover td:first-child.fillColor,
    ._tableHolidaysWrap tr:hover td:first-child,
    ._tableHolidaysWrap tr:hover td:first-child.fillColor,
    ._tableBonusTypeWrap tr:hover td:first-child,
    ._tableBonusTypeWrap tr:hover td:first-child.fillColor,
    ._payRollListTable tr:hover td:first-child,
    ._payRollListTable tr:hover td:first-child.fillColor,
    ._tablePayrollPaymentsWrap tr:hover td:first-child,
    ._tablePayrollPaymentsWrap tr:hover td:first-child.fillColor,
    ._dividendPaymentsTable tr:hover td:first-child,
    ._dividendPaymentsTable tr:hover td:first-child.fillColor,
    ._tableDividendInvoiceWrap tr:hover td:first-child,
    ._tableDividendInvoiceWrap tr:hover td:first-child.fillColor,
    ._tableCostCenterWrap tr:hover td:first-child,
    ._tableCostCenterWrap tr:hover td:first-child.fillColor,
    ._tableExpensesInvoiceWrap tr:hover td:first-child,
    ._tableExpensesInvoiceWrap tr:hover td:first-child.fillColor,
    ._tableExpensesPaymentsWrap tr:hover td:first-child,
    ._tableExpensesPaymentsWrap tr:hover td:first-child.fillColor,
    ._tableWriteOff tr:hover td:first-child,
    ._tableWriteOff tr:hover td:first-child.fillColor,
    ._tableUsers tr:hover td:first-child,
    ._tableUsers tr:hover td:first-child.fillColor,
    ._tableAddOptionsWrap tr:hover td:first-child,
    ._tableAddOptionsWrap tr:hover td:first-child.fillColor,
    ._inventoryProductWrap tr:hover td:first-child,
    ._inventoryProductWrap tr:hover td:first-child.fillColor,
    ._priceListWrap tr:hover td:first-child,
    ._priceListWrap tr:hover td:first-child.fillColor,
    ._tableGoodsOut tr:hover td:first-child,
    ._tableGoodsOut tr:hover td:first-child.fillColor,
    ._productTypesTable tr:hover td:first-child,
    ._productTypesTable tr:hover td:first-child.fillColor,
    ._productOpitonsTable tr:hover td:first-child,
    ._productOpitonsTable tr:hover td:first-child.fillColor,
    ._tableOrderList tr:hover td:first-child,
    ._tableOrderList tr:hover td:first-child.fillColor,
    ._tableTackWrap tr:hover td:first-child,
    ._tableTackWrap tr:hover td:first-child.fillColor,
    ._leadsCheckboxTableWrap tr:hover td:first-child,
    ._leadsCheckboxTableWrap tr:hover td:first-child.fillColor,
    ._tableWtrackWrap tr:hover td:first-child,
    ._tableWtrackWrap tr:hover td:first-child.fillColor,
    ._tableLettersWrap tr:hover td:first-child,
    ._tableLettersWrap tr:hover td:first-child.fillColor,
    ._productCategoryTableWrap tr:hover td:first-child,
    ._productCategoryTableWrap tr:hover td:first-child.fillColor,
    ._tableResolveConflictsWrap tr:hover td:first-child,
    ._tableResolveConflictsWrap tr:hover td:first-child.fillColor, ._integrationProductsTable tr:hover td:first-child, ._integrationProductsTable tr:hover td:first-child.fillColor {
      border-left-color: #2c6b7a; }
  ._tableLeadsWrap tr.unlinkedProduct:hover td,
  ._tableChartList tr.unlinkedProduct:hover td,
  ._tableOpportunitiesWrap tr.unlinkedProduct:hover td,
  ._tableSalesQuotationsWrap tr.unlinkedProduct:hover td,
  ._tableSalesOrdersWrap tr.unlinkedProduct:hover td,
  ._tableSalesInvoicesWrap tr.unlinkedProduct:hover td,
  ._tableSalesProformaWrap tr.unlinkedProduct:hover td,
  ._tableInvoiceAgingWrap tr.unlinkedProduct:hover td,
  ._tableProjectsWrap tr.unlinkedProduct:hover td,
  ._tableTacksWrap tr.unlinkedProduct:hover td,
  ._jobsDashboardWrap tr.unlinkedProduct:hover td,
  ._inventoryReportWrap tr.unlinkedProduct:hover td,
  ._tableApplicationsWrap tr.unlinkedProduct:hover td,
  ._tableJobPositionWrap tr.unlinkedProduct:hover td,
  ._tableQuotationsWrap tr.unlinkedProduct:hover td,
  ._tableOrdersWrap tr.unlinkedProduct:hover td,
  ._tableInvoicesWrap tr.unlinkedProduct:hover td,
  ._tablePurchasePaymentsWrap tr.unlinkedProduct:hover td,
  ._tableManualentryWrap tr.unlinkedProduct:hover td,
  ._tableChartOfAccountWrap tr.unlinkedProduct:hover td,
  ._tableJournalWrap tr.unlinkedProduct:hover td,
  ._journalEntryWrap tr.unlinkedProduct:hover td,
  ._cashBookWrap tr.unlinkedProduct:hover td,
  ._tableCashTransferWrap tr.unlinkedProduct:hover td,
  ._tablePayoutWrap tr.unlinkedProduct:hover td,
  ._salaryReportTableWrap tr.unlinkedProduct:hover td,
  ._tableHolidaysWrap tr.unlinkedProduct:hover td,
  ._tableBonusTypeWrap tr.unlinkedProduct:hover td,
  ._payRollListTable tr.unlinkedProduct:hover td,
  ._tablePayrollPaymentsWrap tr.unlinkedProduct:hover td,
  ._dividendPaymentsTable tr.unlinkedProduct:hover td,
  ._tableDividendInvoiceWrap tr.unlinkedProduct:hover td,
  ._tableCostCenterWrap tr.unlinkedProduct:hover td,
  ._tableExpensesInvoiceWrap tr.unlinkedProduct:hover td,
  ._tableExpensesPaymentsWrap tr.unlinkedProduct:hover td,
  ._tableWriteOff tr.unlinkedProduct:hover td,
  ._tableUsers tr.unlinkedProduct:hover td,
  ._tableAddOptionsWrap tr.unlinkedProduct:hover td,
  ._inventoryProductWrap tr.unlinkedProduct:hover td,
  ._priceListWrap tr.unlinkedProduct:hover td,
  ._tableGoodsOut tr.unlinkedProduct:hover td,
  ._productTypesTable tr.unlinkedProduct:hover td,
  ._productOpitonsTable tr.unlinkedProduct:hover td,
  ._tableOrderList tr.unlinkedProduct:hover td,
  ._tableTackWrap tr.unlinkedProduct:hover td,
  ._leadsCheckboxTableWrap tr.unlinkedProduct:hover td,
  ._tableWtrackWrap tr.unlinkedProduct:hover td,
  ._tableLettersWrap tr.unlinkedProduct:hover td,
  ._productCategoryTableWrap tr.unlinkedProduct:hover td,
  ._tableResolveConflictsWrap tr.unlinkedProduct:hover td, ._integrationProductsTable tr.unlinkedProduct:hover td {
    background-color: rgba(255, 0, 0, 0.1) !important; }
    ._tableLeadsWrap tr.unlinkedProduct:hover td:first-child,
    ._tableChartList tr.unlinkedProduct:hover td:first-child,
    ._tableOpportunitiesWrap tr.unlinkedProduct:hover td:first-child,
    ._tableSalesQuotationsWrap tr.unlinkedProduct:hover td:first-child,
    ._tableSalesOrdersWrap tr.unlinkedProduct:hover td:first-child,
    ._tableSalesInvoicesWrap tr.unlinkedProduct:hover td:first-child,
    ._tableSalesProformaWrap tr.unlinkedProduct:hover td:first-child,
    ._tableInvoiceAgingWrap tr.unlinkedProduct:hover td:first-child,
    ._tableProjectsWrap tr.unlinkedProduct:hover td:first-child,
    ._tableTacksWrap tr.unlinkedProduct:hover td:first-child,
    ._jobsDashboardWrap tr.unlinkedProduct:hover td:first-child,
    ._inventoryReportWrap tr.unlinkedProduct:hover td:first-child,
    ._tableApplicationsWrap tr.unlinkedProduct:hover td:first-child,
    ._tableJobPositionWrap tr.unlinkedProduct:hover td:first-child,
    ._tableQuotationsWrap tr.unlinkedProduct:hover td:first-child,
    ._tableOrdersWrap tr.unlinkedProduct:hover td:first-child,
    ._tableInvoicesWrap tr.unlinkedProduct:hover td:first-child,
    ._tablePurchasePaymentsWrap tr.unlinkedProduct:hover td:first-child,
    ._tableManualentryWrap tr.unlinkedProduct:hover td:first-child,
    ._tableChartOfAccountWrap tr.unlinkedProduct:hover td:first-child,
    ._tableJournalWrap tr.unlinkedProduct:hover td:first-child,
    ._journalEntryWrap tr.unlinkedProduct:hover td:first-child,
    ._cashBookWrap tr.unlinkedProduct:hover td:first-child,
    ._tableCashTransferWrap tr.unlinkedProduct:hover td:first-child,
    ._tablePayoutWrap tr.unlinkedProduct:hover td:first-child,
    ._salaryReportTableWrap tr.unlinkedProduct:hover td:first-child,
    ._tableHolidaysWrap tr.unlinkedProduct:hover td:first-child,
    ._tableBonusTypeWrap tr.unlinkedProduct:hover td:first-child,
    ._payRollListTable tr.unlinkedProduct:hover td:first-child,
    ._tablePayrollPaymentsWrap tr.unlinkedProduct:hover td:first-child,
    ._dividendPaymentsTable tr.unlinkedProduct:hover td:first-child,
    ._tableDividendInvoiceWrap tr.unlinkedProduct:hover td:first-child,
    ._tableCostCenterWrap tr.unlinkedProduct:hover td:first-child,
    ._tableExpensesInvoiceWrap tr.unlinkedProduct:hover td:first-child,
    ._tableExpensesPaymentsWrap tr.unlinkedProduct:hover td:first-child,
    ._tableWriteOff tr.unlinkedProduct:hover td:first-child,
    ._tableUsers tr.unlinkedProduct:hover td:first-child,
    ._tableAddOptionsWrap tr.unlinkedProduct:hover td:first-child,
    ._inventoryProductWrap tr.unlinkedProduct:hover td:first-child,
    ._priceListWrap tr.unlinkedProduct:hover td:first-child,
    ._tableGoodsOut tr.unlinkedProduct:hover td:first-child,
    ._productTypesTable tr.unlinkedProduct:hover td:first-child,
    ._productOpitonsTable tr.unlinkedProduct:hover td:first-child,
    ._tableOrderList tr.unlinkedProduct:hover td:first-child,
    ._tableTackWrap tr.unlinkedProduct:hover td:first-child,
    ._leadsCheckboxTableWrap tr.unlinkedProduct:hover td:first-child,
    ._tableWtrackWrap tr.unlinkedProduct:hover td:first-child,
    ._tableLettersWrap tr.unlinkedProduct:hover td:first-child,
    ._productCategoryTableWrap tr.unlinkedProduct:hover td:first-child,
    ._tableResolveConflictsWrap tr.unlinkedProduct:hover td:first-child, ._integrationProductsTable tr.unlinkedProduct:hover td:first-child {
      border-left-color: red !important; }
  ._tableLeadsWrap tr.unlinkedProduct td,
  ._tableChartList tr.unlinkedProduct td,
  ._tableOpportunitiesWrap tr.unlinkedProduct td,
  ._tableSalesQuotationsWrap tr.unlinkedProduct td,
  ._tableSalesOrdersWrap tr.unlinkedProduct td,
  ._tableSalesInvoicesWrap tr.unlinkedProduct td,
  ._tableSalesProformaWrap tr.unlinkedProduct td,
  ._tableInvoiceAgingWrap tr.unlinkedProduct td,
  ._tableProjectsWrap tr.unlinkedProduct td,
  ._tableTacksWrap tr.unlinkedProduct td,
  ._jobsDashboardWrap tr.unlinkedProduct td,
  ._inventoryReportWrap tr.unlinkedProduct td,
  ._tableApplicationsWrap tr.unlinkedProduct td,
  ._tableJobPositionWrap tr.unlinkedProduct td,
  ._tableQuotationsWrap tr.unlinkedProduct td,
  ._tableOrdersWrap tr.unlinkedProduct td,
  ._tableInvoicesWrap tr.unlinkedProduct td,
  ._tablePurchasePaymentsWrap tr.unlinkedProduct td,
  ._tableManualentryWrap tr.unlinkedProduct td,
  ._tableChartOfAccountWrap tr.unlinkedProduct td,
  ._tableJournalWrap tr.unlinkedProduct td,
  ._journalEntryWrap tr.unlinkedProduct td,
  ._cashBookWrap tr.unlinkedProduct td,
  ._tableCashTransferWrap tr.unlinkedProduct td,
  ._tablePayoutWrap tr.unlinkedProduct td,
  ._salaryReportTableWrap tr.unlinkedProduct td,
  ._tableHolidaysWrap tr.unlinkedProduct td,
  ._tableBonusTypeWrap tr.unlinkedProduct td,
  ._payRollListTable tr.unlinkedProduct td,
  ._tablePayrollPaymentsWrap tr.unlinkedProduct td,
  ._dividendPaymentsTable tr.unlinkedProduct td,
  ._tableDividendInvoiceWrap tr.unlinkedProduct td,
  ._tableCostCenterWrap tr.unlinkedProduct td,
  ._tableExpensesInvoiceWrap tr.unlinkedProduct td,
  ._tableExpensesPaymentsWrap tr.unlinkedProduct td,
  ._tableWriteOff tr.unlinkedProduct td,
  ._tableUsers tr.unlinkedProduct td,
  ._tableAddOptionsWrap tr.unlinkedProduct td,
  ._inventoryProductWrap tr.unlinkedProduct td,
  ._priceListWrap tr.unlinkedProduct td,
  ._tableGoodsOut tr.unlinkedProduct td,
  ._productTypesTable tr.unlinkedProduct td,
  ._productOpitonsTable tr.unlinkedProduct td,
  ._tableOrderList tr.unlinkedProduct td,
  ._tableTackWrap tr.unlinkedProduct td,
  ._leadsCheckboxTableWrap tr.unlinkedProduct td,
  ._tableWtrackWrap tr.unlinkedProduct td,
  ._tableLettersWrap tr.unlinkedProduct td,
  ._productCategoryTableWrap tr.unlinkedProduct td,
  ._tableResolveConflictsWrap tr.unlinkedProduct td, ._integrationProductsTable tr.unlinkedProduct td {
    background-color: rgba(255, 0, 0, 0.1) !important; }
    ._tableLeadsWrap tr.unlinkedProduct td:first-child,
    ._tableChartList tr.unlinkedProduct td:first-child,
    ._tableOpportunitiesWrap tr.unlinkedProduct td:first-child,
    ._tableSalesQuotationsWrap tr.unlinkedProduct td:first-child,
    ._tableSalesOrdersWrap tr.unlinkedProduct td:first-child,
    ._tableSalesInvoicesWrap tr.unlinkedProduct td:first-child,
    ._tableSalesProformaWrap tr.unlinkedProduct td:first-child,
    ._tableInvoiceAgingWrap tr.unlinkedProduct td:first-child,
    ._tableProjectsWrap tr.unlinkedProduct td:first-child,
    ._tableTacksWrap tr.unlinkedProduct td:first-child,
    ._jobsDashboardWrap tr.unlinkedProduct td:first-child,
    ._inventoryReportWrap tr.unlinkedProduct td:first-child,
    ._tableApplicationsWrap tr.unlinkedProduct td:first-child,
    ._tableJobPositionWrap tr.unlinkedProduct td:first-child,
    ._tableQuotationsWrap tr.unlinkedProduct td:first-child,
    ._tableOrdersWrap tr.unlinkedProduct td:first-child,
    ._tableInvoicesWrap tr.unlinkedProduct td:first-child,
    ._tablePurchasePaymentsWrap tr.unlinkedProduct td:first-child,
    ._tableManualentryWrap tr.unlinkedProduct td:first-child,
    ._tableChartOfAccountWrap tr.unlinkedProduct td:first-child,
    ._tableJournalWrap tr.unlinkedProduct td:first-child,
    ._journalEntryWrap tr.unlinkedProduct td:first-child,
    ._cashBookWrap tr.unlinkedProduct td:first-child,
    ._tableCashTransferWrap tr.unlinkedProduct td:first-child,
    ._tablePayoutWrap tr.unlinkedProduct td:first-child,
    ._salaryReportTableWrap tr.unlinkedProduct td:first-child,
    ._tableHolidaysWrap tr.unlinkedProduct td:first-child,
    ._tableBonusTypeWrap tr.unlinkedProduct td:first-child,
    ._payRollListTable tr.unlinkedProduct td:first-child,
    ._tablePayrollPaymentsWrap tr.unlinkedProduct td:first-child,
    ._dividendPaymentsTable tr.unlinkedProduct td:first-child,
    ._tableDividendInvoiceWrap tr.unlinkedProduct td:first-child,
    ._tableCostCenterWrap tr.unlinkedProduct td:first-child,
    ._tableExpensesInvoiceWrap tr.unlinkedProduct td:first-child,
    ._tableExpensesPaymentsWrap tr.unlinkedProduct td:first-child,
    ._tableWriteOff tr.unlinkedProduct td:first-child,
    ._tableUsers tr.unlinkedProduct td:first-child,
    ._tableAddOptionsWrap tr.unlinkedProduct td:first-child,
    ._inventoryProductWrap tr.unlinkedProduct td:first-child,
    ._priceListWrap tr.unlinkedProduct td:first-child,
    ._tableGoodsOut tr.unlinkedProduct td:first-child,
    ._productTypesTable tr.unlinkedProduct td:first-child,
    ._productOpitonsTable tr.unlinkedProduct td:first-child,
    ._tableOrderList tr.unlinkedProduct td:first-child,
    ._tableTackWrap tr.unlinkedProduct td:first-child,
    ._leadsCheckboxTableWrap tr.unlinkedProduct td:first-child,
    ._tableWtrackWrap tr.unlinkedProduct td:first-child,
    ._tableLettersWrap tr.unlinkedProduct td:first-child,
    ._productCategoryTableWrap tr.unlinkedProduct td:first-child,
    ._tableResolveConflictsWrap tr.unlinkedProduct td:first-child, ._integrationProductsTable tr.unlinkedProduct td:first-child {
      border-left-color: red !important; }

._stockDetailsTable {
  padding: 10px 20px 20px;
  background: #f3f3f3;
  height: calc(100% - 24px);
  overflow: auto; }
  ._stockDetailsTable .stripedList {
    table-layout: auto;
    white-space: nowrap; }
    ._stockDetailsTable .stripedList td.transferLocation {
      padding: 0; }
  ._stockDetailsTable ._actionTitle {
    padding: 0;
    padding-left: 7px; }
  ._stockDetailsTable ._transferBtn {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 36px;
    background-color: transparent;
    text-align: center;
    font-size: 18px;
    font-size: 1.125rem; }
    ._stockDetailsTable ._transferBtn:hover {
      background: #2c6b7a;
      color: #fff;
      text-decoration: none; }
  ._stockDetailsTable ._widthLimit {
    width: 200px;
    padding: 4px 0;
    white-space: normal; }

._productCategoryTableWrap {
  width: 100%;
  max-height: 550px;
  overflow: auto; }

._variantsTableWrap {
  width: 100%;
  padding: 0 20px 20px;
  margin-top: 10px;
  background-color: #f1f1f1; }
  ._variantsTableWrap ._variantsBlock {
    background-color: #fff;
    margin-bottom: 10px; }
  ._variantsTableWrap ._productCategoryTableWrap {
    padding: 0; }

._createVariantsTable {
  margin-bottom: 10px;
  overflow: auto; }
  ._createVariantsTable .stripedList {
    table-layout: auto; }
    ._createVariantsTable .stripedList th {
      white-space: nowrap; }
  ._createVariantsTable .centerCell ._customCHeckbox {
    display: inline-block; }

._editingVariantsContainer {
  padding: 0 20px; }

._payRollListTable {
  min-height: 100%; }

@media (max-width: 1430px) {
  ._journalEntryWrap {
    min-height: calc(100% - 79px); } }
._tableWtrackWrap {
  min-height: calc(100% - 112px);
  overflow: auto; }

._proformaTableWrap {
  min-height: calc(100% - 97px);
  overflow: auto; }

._tablePersonsWrap,
._tableEmployeeWrap {
  min-height: calc(100% - 72px);
  overflow: auto; }

._contractJobsTableWrap {
  min-height: calc(100% - 42px);
  overflow-x: auto;
  overflow-y: hidden; }
  ._contractJobsTableWrap > table {
    min-width: 900px; }

._tableLeadsWrap > .stripedList {
  min-width: 1153px; }

._tableOpportunitiesWrap > .stripedList {
  min-width: 1283px; }

._tablePersonsWrap > .stripedList {
  min-width: 1190px; }

._tableQuotationsWrap > .stripedList,
._tableSalesQuotationsWrap > .stripedList,
._tableSalesOrdersWrap > .stripedList {
  min-width: 1200px; }

._tableSalesInvoicesWrap > .stripedList,
._tableSalesProformaWrap > .stripedList {
  min-width: 1350px; }

._tableInvoiceAgingWrap > .stripedList {
  min-width: 1520px; }

._tableProjectsWrap > .stripedList,
._tableTacksWrap > .stripedList {
  min-width: 1375px; }

._tableWtrackWrap > .stripedList {
  min-width: 1530px; }

._tableEmployeeWrap > .stripedList {
  min-width: 1410px; }

._tableApplicationsWrap > .stripedList {
  min-width: 1120px; }

._tableJobPositionWrap > .stripedList {
  min-width: 1270px; }

._tableOrdersWrap > .stripedList {
  min-width: 1080px; }

._tableInvoicesWrap > .stripedList {
  min-width: 1450px; }

._tableChartList > .stripedList,
._tableCompaniesWrap > .stripedList,
._tablePurchasePaymentsWrap > .stripedList,
._tableManualentryWrap > .stripedList,
._payRollListTable > .stripedList,
._tableChartOfAccountWrap > .stripedList,
._tableTackWrap > .stripedList,
._tableDividendInvoiceWrap > .stripedList,
._tableHiredFired > .stripedList {
  min-width: 1020px; }

._tableCashTransferWrap > .stripedList,
._tableJournalWrap > .stripedList,
._tableUsers > .stripedList {
  min-width: 900px; }

._tablePayoutWrap > .stripedList,
._tablePayrollPaymentsWrap > .stripedList,
._tableHolidaysWrap > .stripedList,
._tableBonusTypeWrap > .stripedList,
._dividendPaymentsTable > .stripedList,
._tableWriteOff > .stripedList,
._tableExpensesPaymentsWrap > .stripedList {
  min-width: 800px; }

._tableCostCenterWrap > .stripedList {
  min-width: 1470px; }

._tableCustomDashList > .stripedList,
._tableExpensesInvoiceWrap > .stripedList {
  min-width: 990px; }

._inventoryProductWrap > .stripedList {
  min-width: 1250px; }

._tableVacationListwrap {
  min-width: 1400px;
  padding: 0 20px; }
  ._tableVacationListwrap .oe_sortable:before {
    top: 1px; }
  ._tableVacationListwrap .vacation-list thead th.sortDn:after, ._tableVacationListwrap .vacation-list thead th.sortUp:after {
    position: absolute;
    right: 5px;
    font-family: "erp-icons"; }
  ._tableVacationListwrap .vacation-list thead th.sortDn:after {
    bottom: 0;
    content: '\f0dd'; }
  ._tableVacationListwrap .vacation-list thead th.sortUp:after {
    top: 0;
    content: '\f0de'; }

._tableUsers td .iconEmployee,
._inventoryProductWrap td .iconEmployee {
  display: block;
  margin: 0 auto; }

._tableUsers td {
  cursor: pointer; }

._currencyTable .rate ._tagSmall {
  float: none; }

._tableLeadsWrap > .stripedList tbody tr,
._tableOpportunitiesWrap > .stripedList tbody tr,
._tableLettersWrap > .stripedList tbody tr,
._tableCompaniesWrap > .stripedList tbody tr,
._tableOrderList > .stripedList tbody tr,
._tableSalesInvoicesWrap > .stripedList tbody tr,
._tablePurchasePaymentsWrap > .stripedList tbody tr,
._tablePersonsWrap > .stripedList tbody tr {
  cursor: pointer; }

._zonesAndLocationsTable .stripedList th._location {
  text-align: left; }

._tableResolveConflictsWrap > .stripedList {
  min-width: 1000px; }
._tableResolveConflictsWrap .channelNameWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-bottom: 5px; }
  ._tableResolveConflictsWrap .channelNameWrap span {
    padding-left: 5px;
    text-align: left; }

._tableJournalWrap .newSelectList {
  right: 0;
  left: auto; }

/*----------------------------- Tabs ------------------------------------*/
.ui-dialog input.searchTagInput {
  width: 235px;
  height: 30px;
  line-height: 30px;
  padding-left: 5px; }
.ui-dialog ._dialogTitle {
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 2px solid #2c6b7a;
  color: #5b91b5; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: .1px;
  display: block; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.tabsHolder {
  width: calc(100% - 40px);
  margin: 20px; }
  .tabsHolder .dialog-tabs li {
    border-left: 1px solid #c4ced1; }
    .tabsHolder .dialog-tabs li:first-child {
      border-left: 0; }
    .tabsHolder .dialog-tabs li:first-child a {
      border-radius: 3px 0px 0 0; }
    .tabsHolder .dialog-tabs li:last-child a {
      border-radius: 0px 3px 0 0; }
    .tabsHolder .dialog-tabs li a {
      background: #e2e6e8; }

ul.dialog-tabs li,
ul.chart-tabs li {
  float: left; }
  ul.dialog-tabs li a,
  ul.chart-tabs li a {
    display: block;
    float: left;
    border: 1px solid transparent;
    padding-left: 14px;
    padding-right: 14px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    text-decoration: none;
    color: #000; }
    ul.dialog-tabs li a.active,
    ul.chart-tabs li a.active {
      border-bottom: none;
      background-color: #2c6b7a;
      color: #fff; }
  ul.dialog-tabs li.right,
  ul.chart-tabs li.right {
    float: right; }
ul.dialog-tabs .withEndContract,
ul.chart-tabs .withEndContract {
  position: relative;
  background-color: #8f1311;
  background-image: linear-gradient(to bottom, #b13533, #8f1311);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
  color: white;
  line-height: 15px; }
  ul.dialog-tabs .withEndContract:hover,
  ul.chart-tabs .withEndContract:hover {
    background-color: #a13333;
    background-image: linear-gradient(to bottom, #c35555, #a13333); }
  ul.dialog-tabs .withEndContract .newSelectList,
  ul.chart-tabs .withEndContract .newSelectList {
    display: none;
    width: 112px;
    right: 0;
    left: auto; }
    ul.dialog-tabs .withEndContract .newSelectList li,
    ul.chart-tabs .withEndContract .newSelectList li {
      padding-left: 10px;
      float: none; }
  ul.dialog-tabs .withEndContract .endContractReasonList,
  ul.dialog-tabs .withEndContract .arrow,
  ul.chart-tabs .withEndContract .endContractReasonList,
  ul.chart-tabs .withEndContract .arrow {
    width: 98px;
    height: 20px;
    border-radius: 0;
    line-height: 19px;
    text-align: center;
    float: right; }
  ul.dialog-tabs .withEndContract .arrow,
  ul.chart-tabs .withEndContract .arrow {
    width: 20px;
    border-left: 1px solid #ABABAB;
    color: white;
    font-weight: 500;
    font-size: 10px;
    margin-left: -2px;
    line-height: 20px; }
    ul.dialog-tabs .withEndContract .arrow:before,
    ul.chart-tabs .withEndContract .arrow:before {
      font-family: "erp-icons";
      content: '\e604'; }

ul.chart-tabs li.right button {
  margin-top: 4px; }
ul.chart-tabs.dashboard {
  margin: 0 0 10px; }

.dialog-tabs-items .dialog-tabs-item,
.dialog-tabs-items .chart-tabs-item {
  display: none;
  border-top: none; }
  .dialog-tabs-items .dialog-tabs-item.active,
  .dialog-tabs-items .chart-tabs-item.active {
    display: block; }

.ui-dialog .dialog-tabs-items .dialog-tabs-item .formTitle,
.ui-dialog .dialog-tabs-items .chart-tabs-item .formTitle {
  margin-top: -10px; }

.dialog-tabs:before, .dialog-tabs:after {
  content: " ";
  display: table; }
.dialog-tabs:after {
  clear: both; }

.chart-tabs:before, .chart-tabs:after {
  content: " ";
  display: table; }
.chart-tabs:after {
  clear: both; }

.ui-dialog .form-holder {
  padding: 15px 20px 0; }
  .ui-dialog .form-holder:before, .ui-dialog .form-holder:after {
    content: " ";
    display: table; }
  .ui-dialog .form-holder:after {
    clear: both; }
  .ui-dialog .form-holder form {
    max-width: 100%; }
.ui-dialog .inner {
  padding: 5px 0;
  background-color: #fff;
  position: relative; }
.ui-dialog .attach_file {
  position: absolute;
  bottom: 25px;
  right: 5px;
  font-size: 16px; }
.ui-dialog ._animateTextareaBox .attach_file {
  bottom: 10px;
  right: 15px;
  background-color: #fff; }
.ui-dialog ._leadsDialog {
  max-height: calc(100vh - 170px);
  overflow-y: auto;
  overflow-x: hidden; }

.ui-dialog.tag-list-dialog .ui-dialog-buttonpane {
  margin-top: 0 !important;
  border: none; }

.mainTabs ul.dialog-tabs {
  padding-top: 10px; }
.mainTabs .avatarInfoContainer {
  margin-left: 160px; }

.ui-dialog ._listModalWrap ._listModal {
  padding: 0; }
  .ui-dialog ._listModalWrap ._listModal ._modalSelect > a, .ui-dialog ._listModalWrap ._listModal ._modalSelect > input {
    padding: 0 0 0 10px;
    min-height: 30px;
    line-height: 30px; }
.ui-dialog .form-holder._listModalWrap {
  padding: 10px; }

._listModal ._circleRadioRadianceWrap {
  padding: 0 15px;
  margin-left: 0; }

.popupTitle {
  margin-bottom: 10px;
  color: #666;
  font-size: 20px; }

._modalSelect {
  position: relative; }

.ui-dialog {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); }
  .ui-dialog .form-holder._dialogWrap {
    padding: 0; }

._dialogWrap ._dialogMainTitle {
  min-height: 22px;
  padding: 14px 12px;
  border-bottom: 1px solid #eee;
  color: #fff;
  background-color: #2c6b7a;
  font-size: 18px; }
._dialogWrap ._dialogBlock {
  padding: 12px; }
._dialogWrap ._dialogRow label[for='default'] > label._customCHeckbox.flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
._dialogWrap ._dialogRow + ._dialogRow {
  margin-top: 5px; }

._createNewProjectDialog .addUserAndGroup {
  margin: 20px 20px 0;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
  ._createNewProjectDialog .addUserAndGroup > span {
    color: #2b3643; }
._createNewProjectDialog ._circleRadioRadianceWrap label:first-child {
  color: #2b3643;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
._createNewProjectDialog .assignees-info label {
  color: #2b3643;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }

.form-holder ul.dialog-tabs li a.active,
.form-holder ul.chart-tabs li a.active {
  background-color: #2c6b7a;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
.form-holder .dialog-tabs {
  border-bottom: 1px solid #2c6b7a; }
  .form-holder .dialog-tabs._forOverview {
    border-bottom: 1px solid #d7d7d7;
    height: 40px; }
  .form-holder .dialog-tabs._btnsBlockFixed, .form-holder .dialog-tabs._withoutBorder {
    border-bottom: 0; }

ul.chart-tabs._materialTabs {
  border-bottom: 1px solid #c8c8d3; }
  ul.chart-tabs._materialTabs li a {
    border: 0;
    border-bottom: 2px solid transparent; }
    ul.chart-tabs._materialTabs li a.active {
      background-color: transparent;
      border-bottom-color: #2c6b7a;
      color: #10373E;
      font-family: inherit; }

._importListWrap ._importMainTitle {
  font-size: 20px;
  padding-right: 15px;
  text-align: right;
  margin: 20px 0;
  overflow: visible; }

._loadHistoryTopTable {
  height: 450px;
  margin-bottom: 20px; }
  ._loadHistoryTopTable ._importLoadHistory td {
    overflow: visible; }
  ._loadHistoryTopTable ._importLoadHistory ._importTableImg {
    width: 50px;
    height: 50px;
    padding: 5px; }
    ._loadHistoryTopTable ._importLoadHistory ._importTableImg img {
      max-width: 100%; }
  ._loadHistoryTopTable .changeTableCombobox.open {
    border: 1px solid #000;
    z-index: 10; }

._importShowConflicts {
  padding: 25px 0;
  text-align: center; }
  ._importShowConflicts h2 {
    font-size: 20px; }

._loadHistoryTopTableContainer {
  width: 100%; }

._contentBlockInner,
._tabsBlock {
  height: calc(100vh - 325px);
  overflow-y: auto;
  overflow-x: hidden; }

._importListBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  ._importListBody ._contentBlock {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 16px 0 16px 24px; }
  ._importListBody ._tabsBlock {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 500px;
    padding-right: 20px;
    margin-left: 20px; }
    ._importListBody ._tabsBlock ._importListTabs {
      border-bottom: 1px solid #c8c8d3; }
      ._importListBody ._tabsBlock ._importListTabs li {
        display: inline-block;
        vertical-align: bottom;
        padding: 10px 15px;
        cursor: pointer; }
        ._importListBody ._tabsBlock ._importListTabs li.active {
          background: #10373E;
          color: #fff; }
    ._importListBody ._tabsBlock ._importTabItem {
      width: 100%;
      padding: 24px 0;
      display: none; }
      ._importListBody ._tabsBlock ._importTabItem.active {
        display: block; }
    ._importListBody ._tabsBlock .fieldItem {
      position: relative;
      width: 100%;
      max-width: 460px;
      padding: 10px 15px;
      border: 1px solid #c8c8d3;
      margin-bottom: 10px;
      cursor: move;
      background: #fff; }
    ._importListBody ._tabsBlock .fieldsItems {
      display: none; }
      ._importListBody ._tabsBlock .fieldsItems.active {
        display: block; }

.required .requiredIcon {
  display: inline-block !important; }

.requiredIcon {
  position: absolute;
  right: 40px;
  top: 50%;
  display: none;
  color: #FFBB40;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }

._contentBlockRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 53px;
  border-radius: 3px;
  background-color: #fff;
  margin-bottom: 10px; }
  ._contentBlockRow.emptyRow {
    background-color: #f3f5f6; }
    ._contentBlockRow.emptyRow ._rowItem:hover .cleanButton {
      display: none !important; }
    ._contentBlockRow.emptyRow .secondBox {
      border: 1px dashed #c2c8cd; }
    ._contentBlockRow.emptyRow .empty:after {
      content: 'Drag and drop field here';
      position: absolute;
      left: 17px;
      top: 50%;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%);
      font-style: italic;
      color: #c2c8cd; }
  ._contentBlockRow.hoverRow {
    background: rgba(62, 136, 185, 0.4); }
    ._contentBlockRow.hoverRow ._rowItem {
      border-color: #10373E !important; }
    ._contentBlockRow.hoverRow .secondBox {
      border: 1px dashed #c2c8cd; }
    ._contentBlockRow.hoverRow .empty:after {
      color: #fff; }
  ._contentBlockRow._withOutBorder ._rowItem {
    border: none;
    font-weight: bold; }
  ._contentBlockRow ._rowItem {
    position: relative;
    width: 1px;
    border: 1px solid #c2c8cd;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-size: 14px; }
    ._contentBlockRow ._rowItem:hover .cleanButton {
      display: block !important; }
    ._contentBlockRow ._rowItem:nth-child(n+2) {
      border-left: none; }
    ._contentBlockRow ._rowItem .importStatic {
      min-height: 53px;
      padding: 17px 15px; }
    ._contentBlockRow ._rowItem .cleanButton {
      position: absolute;
      right: 5px;
      top: 50%;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%);
      padding: 8px;
      cursor: pointer;
      font-size: 18px;
      display: none !important; }
    ._contentBlockRow ._rowItem .empty + .cleanButton {
      display: none !important; }
  ._contentBlockRow ._movingItem {
    min-height: 53px;
    padding: 17px 15px;
    cursor: move; }
    ._contentBlockRow ._movingItem.borderField {
      border: 1px solid #c2c8cd;
      background: #fff;
      z-index: 10; }

._singleRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 5px 0; }
  ._singleRow ._singleRowItem + ._singleRowItem {
    margin-left: 10px; }

._importTabs .tabListItem span {
  color: #fff;
  line-height: 12px; }
._importTabs .tabListItem ._importStep {
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }

.ui-draggable.draggableActive {
  position: fixed !important;
  z-index: 10; }

._importListFooter {
  padding: 15px 20px;
  margin-top: 10px;
  border-top: 1px solid; }

._importAttachContainer {
  width: 100%;
  max-width: 900px;
  margin: 40px auto;
  padding: 50px 20px 20px;
  text-align: center;
  border: 3px dashed #2c6b7a;
  background: #f2f2f2; }
  ._importAttachContainer .attachFileName {
    margin: 15px 0;
    font-size: 16px; }
    ._importAttachContainer .attachFileName span {
      font-weight: bold; }
  ._importAttachContainer label {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-right: 15px;
    cursor: pointer; }
    ._importAttachContainer label span {
      display: block; }
  ._importAttachContainer input[type="checkbox"],
  ._importAttachContainer input[type="radio"] {
    width: 15px;
    height: 15px; }
  ._importAttachContainer .dropDownDateRangeContainer {
    float: none;
    height: 11px; }
  ._importAttachContainer .importBtn {
    margin-top: 7px; }
  ._importAttachContainer ._exampleLink {
    margin-top: 30px;
    text-align: right; }
    ._importAttachContainer ._exampleLink a {
      color: #00a2d0; }
  ._importAttachContainer ._importSearchDublicate {
    margin-bottom: 10px; }
  ._importAttachContainer ._attachBottom {
    margin-top: 30px; }
    ._importAttachContainer ._attachBottom .dropDownDateRangeContainer {
      margin: 0 auto 25px; }

._progressBarContainer {
  height: 20px;
  border-radius: 30px;
  margin-bottom: 20px;
  background: #f2f2f2; }
  ._progressBarContainer ._progressBar {
    height: 100%;
    border-radius: 30px;
    background: #4BCB81;
    transition: all 0.5s ease; }

._importTitle {
  font-size: 30px;
  margin: 15px 0; }

._importStep3 {
  width: 100%;
  padding: 0 15px; }
  ._importStep3 ._step3Desk {
    margin: 25px 0; }
    ._importStep3 ._step3Desk h2 {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 10px; }
    ._importStep3 ._step3Desk p {
      font-size: 13px; }

._importTable th,
._importTable td {
  border: 1px solid #c8c8d3;
  padding: 0 10px; }
._importTable thead th {
  text-align: right; }
._importTable tbody tr:nth-child(2n) {
  background: #f2f2f2; }
._importTable ._importTableImg {
  width: 50px;
  height: 50px;
  margin: 5px auto; }
  ._importTable ._importTableImg img {
    max-width: 100%; }

._importCheckboxContainer {
  text-align: center;
  font-size: 0; }
  ._importCheckboxContainer ._importItemTitle {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px; }
  ._importCheckboxContainer ._importItemDesk {
    font-size: 13px; }
  ._importCheckboxContainer ._importCheckboxItem {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    min-height: 290px;
    border: 1px solid #c8c8d3; }
    ._importCheckboxContainer ._importCheckboxItem:last-child {
      border-left: none; }
    ._importCheckboxContainer ._importCheckboxItem label {
      display: block;
      padding: 25px;
      cursor: pointer;
      background: #f2f2f2; }
      ._importCheckboxContainer ._importCheckboxItem label:hover ._cellContainer {
        border-color: #10373E; }
  ._importCheckboxContainer ._cellContainer {
    position: relative;
    padding: 20px;
    border: 1px solid #c8c8d3;
    margin-top: 25px; }
  ._importCheckboxContainer ._radioContainer {
    position: absolute;
    left: 70px;
    bottom: 55px;
    width: 20px;
    height: 20px; }
    ._importCheckboxContainer ._radioContainer:checked + label {
      background: #fff; }
      ._importCheckboxContainer ._radioContainer:checked + label ._cellContainer {
        background: rgba(62, 136, 185, 0.1);
        border-color: #10373E; }

.list._importLoadHistory {
  margin: 15px 0 25px; }
  .list._importLoadHistory th,
  .list._importLoadHistory td {
    padding: 0 10px; }
  .list._importLoadHistory tbody td {
    text-align: left; }
  .list._importLoadHistory ._importLink {
    color: #3291c8; }

._finishImportContainer {
  border: 1px solid;
  background: #f2f2f2;
  width: 100%;
  max-width: 700px;
  padding: 25px 30px;
  margin: 25px auto;
  text-align: center; }
  ._finishImportContainer ._finishImportTitle {
    font-size: 22px;
    margin-bottom: 20px; }
  ._finishImportContainer ._finishList {
    margin-bottom: 15px; }
    ._finishImportContainer ._finishList span {
      font-size: 16px; }
      ._finishImportContainer ._finishList span:after {
        content: ','; }
      ._finishImportContainer ._finishList span:last-child:after {
        content: none; }
  ._finishImportContainer ._importWithOutConflict {
    margin-bottom: 25px; }

._importButtonsGroup.left {
  width: 100%; }
._importButtonsGroup.right {
  padding-right: 15px; }
._importButtonsGroup button {
  margin-right: -4px; }
._importButtonsGroup button + button {
  margin-left: 15px; }

._newForm {
  position: relative; }
  ._newForm ._dialogTitlePositioned {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 24px;
    padding: 0 1.5rem;
    color: #969696;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    line-height: 52px;
    font-size: 18px;
    font-size: 1.125rem; }
  ._newForm ._dialogMainTitle {
    padding: 0 24px;
    padding: 0 1.5rem;
    color: #969696;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    line-height: 52px;
    text-align: right;
    font-size: 18px;
    font-size: 1.125rem; }
    ._newForm ._dialogMainTitle + ._formWrap {
      padding-top: 0; }
  ._newForm .dialog-tabs {
    padding-top: 12px;
    padding-top: 0.75rem;
    margin: 0 24px;
    margin: 0 1.5rem;
    border-color: #c8c8d3; }
  ._newForm ._formLabel {
    line-height: 26px; }
  ._newForm ._formInput,
  ._newForm ._formTextarea {
    border: 1px solid #c8c8d3; }
  ._newForm ._formInput {
    height: 26px;
    line-height: 24px; }
  ._newForm ._leadForm .dialog-tabs-items .dialog-tabs-item > ._formWrap {
    padding-bottom: 0; }
  ._newForm ._leadForm .dialog-tabs-items > ._formWrap {
    padding-top: 0; }
  ._newForm ._categoryHolder {
    position: relative; }
    ._newForm ._categoryHolder ._innerHolder {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      min-height: 26px;
      margin-bottom: 18px;
      border-bottom: 1px solid #c8c8d3; }
    ._newForm ._categoryHolder .tagsLabel {
      position: absolute;
      top: -16px;
      left: 0;
      color: #2c6b7a;
      font-size: 10px;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
    ._newForm ._categoryHolder .editTags {
      padding: 4px;
      margin: 4px 0;
      border-radius: 3px;
      cursor: pointer; }

._chartDialogTitle {
  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; }

._newForm._employeeEdit .withEndContract {
  margin-top: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  ._newForm._employeeEdit .withEndContract > span {
    cursor: pointer; }
._newForm._employeeEdit .dialog-tabs {
  padding-top: 32px;
  padding-top: 2rem; }
._newForm._editApplication .dialog-tabs {
  padding-top: 32px;
  padding-top: 2rem; }
._newForm._editApplication ._acrionButtons {
  float: right;
  margin-top: 8px; }
  ._newForm._editApplication ._acrionButtons .btn + .btn {
    margin-left: 3px; }
._newForm._newManualEntry ._dialogTitlePositioned {
  top: 5px; }
._newForm._newManualEntry ._btnWrap {
  margin-bottom: 20px; }
._newForm._newManualEntry ._addRow {
  margin-top: 20px;
  margin-left: auto; }
._newForm._ordersDialog ._formWrap {
  padding: 0 12px;
  padding: 0 .75rem; }
  ._newForm._ordersDialog ._formWrap:last-child {
    padding-bottom: 16px;
    padding-bottom: 1rem; }
._newForm._chartOpenView ._dialogMainTitle {
  font-size: 22px;
  font-size: 1.375rem; }
._newForm._dealTaskForm ._formWrap {
  padding: 52.8px 12px 24px;
  padding: 3.3rem .75rem 1.5rem; }
._newForm.workCenterEdit ._formWrap, ._newForm.workCenterCreate ._formWrap, ._newForm.routingCreate ._formWrap, ._newForm.routingEdit ._formWrap {
  padding-top: 0; }

._formBlock .attachWrapper {
  max-height: 150px;
  padding: 0;
  overflow: auto; }

.form-holder._newForm {
  padding: 0; }
  .form-holder._newForm ul.dialog-tabs li a {
    border: 0;
    border-bottom: 2px solid transparent; }
    .form-holder._newForm ul.dialog-tabs li a.active {
      background-color: transparent;
      border: 0;
      border-bottom: 2px solid #2c6b7a;
      color: #10373E;
      font-family: inherit; }

._formBlock._equal {
  width: 300px; }
._formBlock ._formRow,
._formBlock ._formColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
._formBlock ._formRow ._formRowItem {
  margin: 5px 0; }
  ._formBlock ._formRow ._formRowItem + ._formRowItem {
    margin-left: 10px; }
  ._formBlock ._formRow ._formRowItem:first-child {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  ._formBlock ._formRow ._formRowItem:nth-child(n+2) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
._formBlock ._formColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  ._formBlock ._formColumn ._formColumnItem {
    margin: 5px 0; }

._formRowItem:first-child {
  width: 40%; }

._formBlock {
  padding-left: 12px;
  padding-left: .75rem;
  padding-right: 12px;
  padding-right: .75rem; }

._formWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 24px 12px;
  padding: 1.5rem .75rem; }
  ._formWrap + ._formWrap {
    padding-top: 0; }
  ._formWrap ._formBlock {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  ._formWrap ._sectionTitle {
    margin-bottom: 20px;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    color: #2c6b7a;
    font-size: 16px;
    font-size: 1rem; }
  ._formWrap ._titleBlueBorder {
    padding-top: 0;
    margin: 0 14px 20px 14px; }

._formWrap ._formBlock .addUserAndGroup {
  margin-top: 0;
  margin-bottom: 8px; }

.assignees-container._innedFlexDiv > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }
.assignees-container ._animateSelectBox {
  margin-top: 20px; }

._employeeCreate .assignees-container ._animateSelectBox,
._employeeEdit .assignees-container ._animateSelectBox {
  margin-top: 0; }

._groupsAndUserWrap {
  position: relative; }
  ._groupsAndUserWrap ._groupsAndUserTitle {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: calc(100% - 15px);
    line-height: 20px;
    border-bottom: 1px solid #cccccc; }
  ._groupsAndUserWrap ._groupsAndUserBlock {
    max-height: 200px;
    overflow: auto; }
  ._groupsAndUserWrap .groupsAndUser {
    margin: 20px 0 0; }
    ._groupsAndUserWrap .groupsAndUser:empty {
      display: none; }
      ._groupsAndUserWrap .groupsAndUser:empty + ._groupsAndUserTitle {
        display: none; }

._avatarBlock {
  padding-left: 12px;
  padding-left: .75rem;
  padding-right: 12px;
  padding-right: .75rem; }
  ._avatarBlock .avatar {
    margin: 0; }

._formAvatar ._avatarImg {
  position: relative;
  width: 135px;
  margin: 5px 0;
  border: 1px solid #2c6b7a;
  overflow: hidden; }

._createCustomDashboard ._filterDropDownWrap {
  float: none;
  width: 200px;
  margin-left: auto;
  z-index: 1005; }
  ._createCustomDashboard ._filterDropDownWrap ._filterDropDownBody {
    right: 0; }

.propertyContainer a:hover {
  text-decoration: none; }

.opportunity-content .projectType {
  color: #549ecf; }

.propertyBox {
  position: relative;
  display: table;
  border: 1px solid #c8c8d3;
  padding: 10px 25px 10px 10px;
  margin-bottom: 10px;
  width: 100%;
  border-radius: 3px; }
  .propertyBox .propertyImg,
  .propertyBox .propertyBody {
    display: table-cell;
    vertical-align: top; }
  .propertyBox .removeProperty {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    padding-top: 3px;
    text-align: center;
    font-size: 12px;
    color: #c8c8d3; }
    .propertyBox .removeProperty:hover {
      color: #000; }
  .propertyBox .propertyImg {
    width: 40px; }
    .propertyBox .propertyImg img {
      width: 100%; }
  .propertyBox .propertyBody {
    padding-left: 15px;
    font-size: 13px; }
  .propertyBox .propertyFullName {
    display: block;
    margin-bottom: 5px;
    font-weight: bold; }
  .propertyBox a {
    color: #10373E;
    word-break: break-all; }

.separateBlock {
  text-align: center; }

.propertyFormList {
  display: table !important;
  width: 100%; }
  .propertyFormList label,
  .propertyFormList .inputBox {
    display: table-cell !important; }
  .propertyFormList label {
    width: 100px !important;
    text-align: left;
    padding-right: 15px; }
  .propertyFormList .inputBox input:not([type=checkbox]) {
    border: none;
    border-bottom: 1px solid #c8c8d3;
    outline: none;
    width: 100%;
    padding: 6px 0; }
    .propertyFormList .inputBox input:not([type=checkbox])._socialContact {
      padding-right: 32px; }
    .propertyFormList .inputBox input:not([type=checkbox]):focus {
      border: none;
      border-bottom: 1px solid #2c6b7a; }

.propertySubmit {
  text-align: center;
  margin-top: 20px; }

.propertyEditBtn {
  display: none;
  margin-top: 15px; }
  .propertyEditBtn.showButtons {
    display: block; }
  .propertyEditBtn .btn + .btn {
    margin-left: 10px; }

.tagsRow,
.attachWrapper,
.selectCompany,
.moduleList {
  padding: 10px 20px 20px; }
  .tagsRow .tagsTitle,
  .attachWrapper .tagsTitle,
  .selectCompany .tagsTitle,
  .moduleList .tagsTitle {
    border-bottom: none !important;
    margin-bottom: 13px; }

._inputColumn .formTitleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px; }
._inputColumn .formTitle {
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }

.formTitle {
  word-break: break-all; }

.tagsRow .editTags:hover {
  background: none;
  text-decoration: none; }

.singleNote {
  line-height: 20px; }

.selectCompany {
  position: relative; }
  .selectCompany .addCompanyBtn {
    width: 100%;
    margin: 0;
    padding: 15px !important;
    height: auto;
    color: #000;
    font-size: 16px; }
    .selectCompany .addCompanyBtn:hover {
      background: #f2f2f2;
      text-decoration: none; }
  .selectCompany ._companySaveButton {
    position: absolute;
    top: 10px;
    right: 15px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .2s ease-in-out; }
    .selectCompany ._companySaveButton:hover {
      background-color: rgba(126, 173, 204, 0.36); }
  .selectCompany .propertyBox {
    margin-bottom: 0;
    margin-top: 13px; }
    .selectCompany .propertyBox + .person-info {
      margin-top: 20px; }

.ui-dialog .ui-dialog-content.opportunitiesModal {
  padding: 20px; }
  .ui-dialog .ui-dialog-content.opportunitiesModal .tagsTitle {
    border-bottom: none;
    text-align: left; }
  .ui-dialog .ui-dialog-content.opportunitiesModal h2.tagsTitle {
    font-size: 18px; }
  .ui-dialog .ui-dialog-content.opportunitiesModal h4.tagsTitle {
    font-size: 13px; }
  .ui-dialog .ui-dialog-content.opportunitiesModal input.searchTagInput {
    outline: none;
    width: 100%; }
.ui-dialog .dropDownList ul {
  max-height: 191px;
  border-top: 1px solid #c8c8d3;
  border-bottom: 1px solid #c8c8d3;
  margin: 10px 0;
  overflow-x: hidden;
  overflow-y: auto; }
.ui-dialog .dropDownList li {
  padding: 8px 12px;
  cursor: pointer;
  margin-bottom: 5px !important; }
  .ui-dialog .dropDownList li:hover {
    background: #f2f2f2; }
.ui-dialog .dropDownList span {
  display: block;
  font-size: 12px; }
.ui-dialog .dropDownList .propertyNameList {
  color: #000;
  margin-bottom: 5px; }

.newCompanyContainer {
  margin-top: 10px;
  text-align: center; }

.dealTitle input:not([type=checkbox]) {
  border: none !important; }
.dealTitle .dealTitleName,
.dealTitle .dealTitlePrice,
.dealTitle span {
  font-size: 18px !important; }
.dealTitle .dealTitleName {
  width: 410px;
  max-width: 410px !important; }
.dealTitle .dealTitlePrice {
  width: 80px;
  text-align: right; }

.moduleList,
.attachments {
  border-radius: 3px;
  border: 1px solid #c8c8d3; }

.attachments._popupAttachments {
  border: 0;
  border-radius: 0; }

.moduleList .tags-container label {
  float: left; }

.tagsLabel {
  display: inline-block;
  line-height: 18px;
  color: #000; }

.moduleList .largeBtn,
.attachments .largeBtn {
  font-size: 16px !important; }

.tags-container label {
  text-align: left; }

.attach-container._noMarginTop .attachments {
  margin-top: 0; }

.attachments {
  margin: 10px 0; }

.largeBtn {
  width: 100%;
  padding: 14px 20px !important;
  height: auto;
  color: #000;
  font-size: 16px !important;
  border-radius: 3px; }
  .largeBtn:hover {
    background: #f2f2f2;
    text-decoration: none; }
  .largeBtn i {
    margin-right: 5px;
    font-size: 12px; }

.area_holder {
  position: relative; }
  .area_holder textarea {
    height: 100px;
    padding: 10px; }
  .area_holder ._titleBlueBorder {
    margin: 0; }
    .area_holder ._titleBlueBorder + textarea {
      border-top: 0; }
      .area_holder ._titleBlueBorder + textarea:focus {
        border-color: #2c6b7a; }
  .area_holder .attach_file {
    position: absolute;
    right: 15px !important;
    bottom: 10px !important;
    font-size: 18px; }

.addNote,
.addTask {
  margin-top: 0 !important;
  width: 100%; }
  .addNote .buttons,
  .addTask .buttons {
    display: none; }
  .addNote.active,
  .addTask.active {
    padding: 0 !important; }
    .addNote.active .buttons,
    .addTask.active .buttons {
      display: block; }

.addTask .hasDatepicker {
  float: right;
  border: none !important;
  text-align: right;
  cursor: pointer; }
.addTask .current-selected {
  display: inline-block;
  margin-left: 5px;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }

.current-selected {
  display: inline-block; }

.noteWrapper .buttons {
  margin-top: 10px !important; }
  .noteWrapper .buttons .btn + .btn {
    margin-left: 10px; }

.amountBox {
  position: relative; }
  .amountBox .amountDollar {
    position: absolute;
    left: 0;
    top: 7px; }
  .amountBox input:not([type=checkbox]) {
    padding-left: 15px !important; }

._animateInputBox .amountDollar {
  font-size: 16px;
  font-size: 1rem; }

.assignName {
  padding-left: 13px; }

.propertyFormList .assignName {
  padding-left: 0; }

.ui-datepicker {
  min-width: 175px; }

.social {
  margin-top: 20px; }

.ui-dialog .ui-dialog-buttonpane {
  border-top: none; }

._listModalColumn {
  width: 33.333%;
  padding: 0 10px;
  float: left; }

.ui-dialog ._location._listModal ._modalSelect > input, ._warehouseForm ._location._listModal ._modalSelect > input {
  width: 90% !important;
  display: inline-block;
  margin-bottom: 15px; }
.ui-dialog ._listModal, ._warehouseForm ._listModal {
  padding: 10px 20px; }
  .ui-dialog ._listModal .modal_title, ._warehouseForm ._listModal .modal_title {
    margin-bottom: 20px;
    color: #7f7f80; }
  .ui-dialog ._listModal ._modalList, ._warehouseForm ._listModal ._modalList {
    margin-bottom: 5px; }
    .ui-dialog ._listModal ._modalList._selectBlock + ._modalList, ._warehouseForm ._listModal ._modalList._selectBlock + ._modalList {
      clear: both; }
    .ui-dialog ._listModal ._modalList._selectBlock ._modalLabel, ._warehouseForm ._listModal ._modalList._selectBlock ._modalLabel {
      float: left; }
    .ui-dialog ._listModal ._modalList._selectBlock ._modalSelect, ._warehouseForm ._listModal ._modalList._selectBlock ._modalSelect {
      float: left; }
      .ui-dialog ._listModal ._modalList._selectBlock ._modalSelect input[type='checkbox'], ._warehouseForm ._listModal ._modalList._selectBlock ._modalSelect input[type='checkbox'] {
        width: auto !important;
        margin-top: 0px;
        margin-left: 10px; }
  .ui-dialog ._listModal ._modalLabel > label, ._warehouseForm ._listModal ._modalLabel > label {
    display: inline-block;
    margin-bottom: 5px;
    color: #7f7f80;
    font-family: "OpenSans SemiBold", sans-serif, Verdana; }
  .ui-dialog ._listModal ._modalSelect._newSelectListWrap .newSelectList, .ui-dialog ._listModal ._modalSelect._newSelectListWrap input, ._warehouseForm ._listModal ._modalSelect._newSelectListWrap .newSelectList, ._warehouseForm ._listModal ._modalSelect._newSelectListWrap input {
    max-width: 100% !important;
    width: 100%; }
  .ui-dialog ._listModal ._modalSelect > a, .ui-dialog ._listModal ._modalSelect > input, ._warehouseForm ._listModal ._modalSelect > a, ._warehouseForm ._listModal ._modalSelect > input {
    font-size: 12px;
    height: 30px;
    display: block;
    padding: 5px;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 30px;
    line-height: 28px !important;
    border: 1px solid #c8c8d3;
    border-radius: 3px;
    padding: 0 0 0 10px; }
    .ui-dialog ._listModal ._modalSelect > a:hover, .ui-dialog ._listModal ._modalSelect > input:hover, ._warehouseForm ._listModal ._modalSelect > a:hover, ._warehouseForm ._listModal ._modalSelect > input:hover {
      text-decoration: none; }
  .ui-dialog ._listModal ._modalSelect > a, ._warehouseForm ._listModal ._modalSelect > a {
    cursor: pointer; }
  .ui-dialog ._listModal ._inputContainer, ._warehouseForm ._listModal ._inputContainer {
    display: inline-block;
    white-space: nowrap; }
    .ui-dialog ._listModal ._inputContainer + ._inputContainer, ._warehouseForm ._listModal ._inputContainer + ._inputContainer {
      margin-left: 10px; }

.dropDownDateRangeContainer {
  width: 110px;
  height: 35px;
  float: right;
  position: relative; }

.dashBoardVocationSearch {
  margin-top: 7px !important; }

.choseDateRange.dropDownDateRange {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 22px;
  width: 110px;
  padding: 0;
  margin-right: 0;
  border: 1px solid #2c6b7a;
  background: #fff;
  overflow: hidden;
  position: absolute; }
  .choseDateRange.dropDownDateRange.open {
    height: auto;
    z-index: 11; }
    .choseDateRange.dropDownDateRange.open .selectArrow {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
  .choseDateRange.dropDownDateRange .item {
    height: 22px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
    background: none;
    white-space: nowrap;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    float: none; }
    .choseDateRange.dropDownDateRange .item:hover {
      background-color: #fafafa; }
    .choseDateRange.dropDownDateRange .item.active {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
      background: none;
      color: #000; }
  .choseDateRange.dropDownDateRange .selectArrow {
    height: 0;
    width: 0;
    border-top: 6px solid #2c6b7a;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    right: 5px;
    top: 8px;
    cursor: pointer; }

.dashboardGraphicsWrap .halfWidth,
.dashboardGraphicsWrap .fullWidth {
  float: left; }
.dashboardGraphicsWrap .halfWidth {
  width: 50%; }
.dashboardGraphicsWrap .fullWidth {
  width: 100%; }

._customDashboard {
  position: relative;
  min-width: 1000px;
  width: 100%;
  padding: 5px;
  background-color: #f1f1f1;
  overflow: hidden; }
  ._customDashboardInputGroup input {
    float: left;
    width: 200px;
    height: 25px;
    margin-top: 7px; }
    ._customDashboardInputGroup input + input {
      margin-left: 15px; }
  ._customDashboardInputGroup h3:empty {
    display: none; }
  ._customDashboard.disabled {
    min-height: 100%;
    background-color: #f5f5f5; }
    ._customDashboard.disabled ._customDashboardGrid {
      opacity: 0; }
  ._customDashboardGrid {
    width: 100%;
    height: auto; }
    ._customDashboardGrid .cell {
      height: 130px;
      background-color: #fff;
      display: inline-block;
      box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.4); }
  ._customDashboard .panel {
    display: inline-block;
    padding-bottom: 30px;
    border: 1px solid #d7dde4;
    background-color: #fff;
    box-shadow: 0 9px 10px -6px rgba(126, 142, 159, 0.4);
    overflow: hidden;
    border-radius: 3px;
    z-index: 1; }
    ._customDashboard .panel[data-type="table"] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      ._customDashboard .panel[data-type="table"] .panel-heading {
        -ms-flex-negative: 0;
            flex-shrink: 0; }
      ._customDashboard .panel[data-type="table"] .chartHolder {
        -ms-flex-negative: 1;
            flex-shrink: 1;
        overflow: auto; }
    ._customDashboard .panel ._customDashboardPanel {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-right: 30px;
      padding-top: 5px; }
      ._customDashboard .panel ._customDashboardPanel.withActions {
        padding-right: 60px; }
      ._customDashboard .panel ._customDashboardPanel ._rightPart,
      ._customDashboard .panel ._customDashboardPanel ._panelTopActions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      ._customDashboard .panel ._customDashboardPanel .panelHeadingDescr {
        padding-top: 0;
        padding-left: 0; }
    ._customDashboard .panel .panel-descriptions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      max-width: 100%;
      padding: 0 5px 0 15px; }
    ._customDashboard .panel ._panelTopActions {
      position: absolute;
      top: 0;
      right: 0; }
      ._customDashboard .panel ._panelTopActions .editChart,
      ._customDashboard .panel ._panelTopActions .removeChart {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 30px;
        height: 30px;
        background-color: transparent; }
        ._customDashboard .panel ._panelTopActions .editChart:hover,
        ._customDashboard .panel ._panelTopActions .removeChart:hover {
          background-color: #2c6b7a;
          color: #fff; }
    ._customDashboard .panel ._filterDropDownWrap {
      margin-left: 0; }
      ._customDashboard .panel ._filterDropDownWrap .dateFilter {
        text-align: right; }
    ._customDashboard .panel .chartName,
    ._customDashboard .panel .chartDataSet {
      color: #364150;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    ._customDashboard .panel .chartName {
      font-size: 17px;
      line-height: 26px;
      padding-right: 10px; }
    ._customDashboard .panelHeadingDescr {
      padding: 7px 5px;
      color: #7f7f80;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      min-width: 100px; }
      ._customDashboard .panelHeadingDescr > span {
        display: block;
        font-size: 10px; }
        ._customDashboard .panelHeadingDescr > span:first-child {
          margin-top: 10px; }
    ._customDashboard .panel ._viewAll {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 100%;
      padding: 10px 20px;
      border-top: 1px solid #d7dde4;
      text-decoration: none !important;
      text-transform: uppercase;
      color: #7f7f80; }
      ._customDashboard .panel ._viewAll:after {
        content: '\f105';
        font-family: 'erp-icons';
        right: 10px;
        font-size: 20px;
        line-height: 11px;
        position: absolute; }
    ._customDashboard .panel .chartHolder text {
      font-size: 10px; }
      ._customDashboard .panel .chartHolder text.label {
        font-size: 16px; }
      ._customDashboard .panel .chartHolder text.infoLabel {
        color: #7f7f80 !important;
        font-size: 15px; }
      ._customDashboard .panel .chartHolder text._valueLabel {
        font-size: 20px; }
      ._customDashboard .panel .chartHolder text._label {
        font-size: 25px; }
    ._customDashboard .panel .chartHolder .revenueCountWrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      word-wrap: break-word; }
      ._customDashboard .panel .chartHolder .revenueCountWrap + ._overviewOrderWrap {
        margin-top: 0; }
        ._customDashboard .panel .chartHolder .revenueCountWrap + ._overviewOrderWrap > ._overviewTable.stripedList {
          width: 100%;
          margin: 0; }
          ._customDashboard .panel .chartHolder .revenueCountWrap + ._overviewOrderWrap > ._overviewTable.stripedList tr {
            border-top: 1px solid #d7dde4;
            border-bottom: 1px solid #d7dde4;
            border-left: none;
            border-right: none; }
            ._customDashboard .panel .chartHolder .revenueCountWrap + ._overviewOrderWrap > ._overviewTable.stripedList tr td {
              border: none;
              background-color: #F7F7F7;
              vertical-align: top;
              word-break: break-word;
              text-align: right; }
              ._customDashboard .panel .chartHolder .revenueCountWrap + ._overviewOrderWrap > ._overviewTable.stripedList tr td:hover {
                background-color: #F7F7F7; }
              ._customDashboard .panel .chartHolder .revenueCountWrap + ._overviewOrderWrap > ._overviewTable.stripedList tr td:last-child .flex:after {
                border-right: none; }
              ._customDashboard .panel .chartHolder .revenueCountWrap + ._overviewOrderWrap > ._overviewTable.stripedList tr td .flex {
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                height: 50px;
                position: relative; }
                ._customDashboard .panel .chartHolder .revenueCountWrap + ._overviewOrderWrap > ._overviewTable.stripedList tr td .flex:after {
                  content: '';
                  border-right: 1px solid #d7dde4;
                  position: absolute;
                  height: 100%;
                  right: -12px; }
              ._customDashboard .panel .chartHolder .revenueCountWrap + ._overviewOrderWrap > ._overviewTable.stripedList tr td .workflowName {
                -webkit-box-flex: 2;
                    -ms-flex-positive: 2;
                        flex-grow: 2;
                width: 100%;
                text-transform: uppercase;
                -ms-flex-item-align: center;
                    -ms-grid-row-align: center;
                    align-self: center;
                color: #7f7f80;
                text-align: center; }
              ._customDashboard .panel .chartHolder .revenueCountWrap + ._overviewOrderWrap > ._overviewTable.stripedList tr td .count {
                display: block;
                text-align: center;
                -ms-flex-item-align: end;
                    align-self: flex-end;
                width: 100%; }
    ._customDashboard .panel .chartHolder .singleBlockWrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      ._customDashboard .panel .chartHolder .singleBlockWrap .block-icon {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: 50px;
        height: 50px;
        margin: 15px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
      ._customDashboard .panel .chartHolder .singleBlockWrap.salesInvoicesWrap .block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        max-width: 100%;
        padding: 4px; }
        ._customDashboard .panel .chartHolder .singleBlockWrap.salesInvoicesWrap .block .salesInfo {
          position: relative; }
          ._customDashboard .panel .chartHolder .singleBlockWrap.salesInvoicesWrap .block .salesInfo:after {
            content: '';
            position: absolute;
            top: 0;
            right: -100%;
            display: block;
            width: 1px;
            height: 100%;
            background-color: #d7dde4; }
          ._customDashboard .panel .chartHolder .singleBlockWrap.salesInvoicesWrap .block .salesInfo span {
            display: block;
            text-align: center; }
      ._customDashboard .panel .chartHolder .singleBlockWrap .block {
        display: inline-block;
        padding: 10px;
        margin: 5px;
        max-width: 200px; }
        ._customDashboard .panel .chartHolder .singleBlockWrap .block > span {
          text-align: right;
          line-height: 18px;
          display: block; }
        ._customDashboard .panel .chartHolder .singleBlockWrap .block .blockTitle {
          font-size: 13px;
          text-transform: uppercase;
          color: #7f7f80; }
          ._customDashboard .panel .chartHolder .singleBlockWrap .block .blockTitle + span {
            font-size: 20px;
            line-height: 20px;
            color: #000; }
    ._customDashboard .panel[data-type="overview"] .chartHolder {
      height: calc(100% - 40px); }
      ._customDashboard .panel[data-type="overview"] .chartHolder .notResize {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }

._customDashboardActions {
  position: fixed;
  z-index: 3;
  top: 43px;
  right: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }
  ._customDashboardActions ._filterDropDownWrap {
    margin: 3px 20px; }
    ._customDashboardActions ._filterDropDownWrap > ul > li:first-child {
      text-align: center; }

.revenueCountWrap p {
  font-size: 18px;
  color: #000;
  margin-top: 5px; }
.revenueCountWrap span {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  color: #7f7f80; }
  .revenueCountWrap span._shipped {
    font-size: 12px; }
  .revenueCountWrap span._fullfilled {
    font-size: 12px; }
.revenueCountWrap .status {
  width: 20% !important;
  min-width: 140px !important; }
  .revenueCountWrap .status.hidden {
    display: block !important;
    visibility: hidden; }
  .revenueCountWrap .status ._statusOrdersWrap {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 20px !important; }
    .revenueCountWrap .status ._statusOrdersWrap > span {
      width: 70px;
      font-size: 12px;
      text-align: left; }
      .revenueCountWrap .status ._statusOrdersWrap > span:first-child {
        margin-left: 0;
        margin-right: 0;
        width: 70px;
        font-size: 12px;
        text-align: left; }
    .revenueCountWrap .status ._statusOrdersWrap ._statusOrders, .revenueCountWrap .status ._statusOrdersWrap ._statusOrdersWrap {
      -webkit-box-flex: 2;
          -ms-flex-positive: 2;
              flex-grow: 2; }
      .revenueCountWrap .status ._statusOrdersWrap ._statusOrders span, .revenueCountWrap .status ._statusOrdersWrap ._statusOrdersWrap span, .revenueCountWrap .status ._statusOrdersWrap ._statusOrders p, .revenueCountWrap .status ._statusOrdersWrap ._statusOrdersWrap p {
        display: inline-block;
        font-size: 12px; }
      .revenueCountWrap .status ._statusOrdersWrap ._statusOrders > span, .revenueCountWrap .status ._statusOrdersWrap ._statusOrdersWrap > span {
        width: 12px;
        height: 12px; }

.chartHolder ._statusOrders, .chartHolder .revenueCountWrap .status ._statusOrdersWrap, .revenueCountWrap .status .chartHolder ._statusOrdersWrap {
  line-height: 20px; }
.chartHolder .revenueCountWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

._overviewOrderWrap {
  padding: 0 20px;
  margin-top: 6px; }
  ._overviewOrderWrap .stripedList thead tr {
    height: 30px; }
  ._overviewOrderWrap .stripedList thead th {
    font-family: "OpenSans Regular", Arial, Helvetica, sans-serif;
    font-size: 14px; }
  ._overviewOrderWrap .stripedList tbody tr {
    height: 32px;
    border-top: 0 !important; }
  ._overviewOrderWrap .stripedList td {
    border-bottom: 0; }
    ._overviewOrderWrap .stripedList td + td {
      text-align: right;
      border-left: 0 !important; }
  ._overviewOrderWrap ._tableTitle .workflowName {
    margin-bottom: 4px;
    text-transform: uppercase; }
  ._overviewOrderWrap ._tableTitle .count {
    line-height: 1;
    font-size: 14px;
    font-size: 0.875rem; }

._gridVisualisation span {
  display: inline-block; }

._createDashboardForm ._gridVisualWrap {
  float: right;
  margin-right: 20px; }
._createDashboardForm ._setDescription {
  margin-top: 5px; }
  ._createDashboardForm ._setDescription ._circleRadioGroup {
    margin-bottom: 25px; }

._gridVisualWrap {
  display: inline-block; }
  ._gridVisualWrap ._gridListTitle {
    font-size: 12px;
    line-height: 22px;
    font-weight: 600;
    color: #666; }
  ._gridVisualWrap ._gridColBar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-left: 30px;
    margin-bottom: 4px;
    height: 26px; }
  ._gridVisualWrap ._gridVisualBoby {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  ._gridVisualWrap ._gridRowBar {
    position: relative;
    width: 26px;
    margin-right: 4px; }
    ._gridVisualWrap ._gridRowBar ._gridListTitle {
      position: absolute;
      top: 0;
      right: 4px;
      width: 10px;
      word-break: break-word;
      text-align: center;
      line-height: 12px; }
  ._gridVisualWrap .gridColList li,
  ._gridVisualWrap .gridRowList li {
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    background-color: #fff;
    cursor: pointer;
    font-size: 14px;
    border-radius: 3px;
    font-weight: 600; }
    ._gridVisualWrap .gridColList li.active,
    ._gridVisualWrap .gridRowList li.active {
      background-color: #2c6b7a;
      color: #fff; }
  ._gridVisualWrap .gridColList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  ._gridVisualWrap .gridRowList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%; }
  ._gridVisualWrap ._gridVisual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 300px;
    height: 300px;
    padding: 2px;
    background-color: #EBEEEF; }

._gridVisual li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
._gridVisual span {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #fff;
  margin: 2px;
  box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.4);
  border-radius: 2px; }

._overviewTable ._tableTitle {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

#searchContainer.projectTimeCardCustomSearch {
  top: -32px;
  margin-right: 23px;
  width: 20%; }
  #searchContainer.projectTimeCardCustomSearch._timeCardSearch {
    top: 47px; }

.kanban {
  min-width: 100%;
  background-color: #fdfdfd; }
  .kanban tbody {
    width: 100%; }
  .kanban .opportunity-header {
    margin-bottom: 7px; }
    .kanban .opportunity-header > h3 {
      float: right;
      text-align: right; }
    .kanban .opportunity-header h4 {
      color: #2c3e50;
      font-weight: bold; }
  .kanban .opportunity-content {
    margin-top: -7px;
    margin-bottom: -3px; }
    .kanban .opportunity-content p {
      display: block;
      line-height: 18px;
      clear: left;
      color: #000; }
  .kanban .column {
    min-height: 100%;
    width: auto;
    min-width: 200px;
    max-width: 400px;
    height: auto;
    vertical-align: top; }
    .kanban .column .item {
      word-wrap: break-word;
      margin: 5px 15px;
      width: calc(100% - 30px);
      min-height: 40px;
      text-align: left;
      border: 1px solid #7f7f80;
      background-color: #fdfdfd;
      color: #A9A9A9;
      cursor: move;
      transition: border-color 1s ease, box-shadow .5s ease; }
      .kanban .column .item.active {
        background-color: #fff;
        box-shadow: 5px 5px rgba(102, 102, 102, 0.2); }
      .kanban .column .item .inner {
        padding: 5px; }
        .kanban .column .item .inner p {
          width: 100%; }
          .kanban .column .item .inner p.width-auto {
            display: block;
            max-width: 100%;
            width: auto;
            float: left; }
          .kanban .column .item .inner p.text-right {
            text-align: right; }
          .kanban .column .item .inner p.red {
            color: #FF2121; }
      .kanban .column .item .task-header {
        line-height: 21px; }
        .kanban .column .item .task-header p.right {
          text-align: right;
          line-height: 21px;
          width: 100%; }
      .kanban .column .item .task-content {
        position: relative; }
        .kanban .column .item .task-content:after {
          content: '';
          display: table;
          clear: both; }
        .kanban .column .item .task-content .info {
          padding: 5px 5px 2px 0;
          width: auto; }
        .kanban .column .item .task-content .bottom {
          position: absolute;
          left: 0;
          top: auto;
          right: auto;
          bottom: 5px; }
        .kanban .column .item .task-content .avatar-small {
          overflow: hidden;
          position: relative;
          width: 26px;
          height: 26px; }
          .kanban .column .item .task-content .avatar-small img {
            width: 100%;
            height: auto; }
    .kanban .column h2 {
      width: auto;
      padding: 6px;
      text-align: center;
      white-space: nowrap; }
      .kanban .column h2 span {
        font-weight: normal;
        font-size: 11px;
        line-height: 11px; }
        .kanban .column h2 span.text {
          margin-right: 45px;
          display: block;
          line-height: 20px; }
        .kanban .column h2 span span {
          font-weight: normal;
          line-height: 13px;
          font-size: 17px; }
    .kanban .column .columnNameDiv {
      background: #fff;
      height: 35px;
      position: relative;
      cursor: default; }
      .kanban .column .columnNameDiv.task {
        height: 42px; }
      .kanban .column .columnNameDiv .columnName {
        padding-bottom: 5px;
        margin-bottom: 5px;
        min-height: 30px; }
        .kanban .column .columnNameDiv .columnName .totalCount {
          float: right;
          padding: 2px 5px;
          border: 1px solid #7f7f80;
          position: absolute;
          top: 4px;
          right: 28px;
          color: #2c3e50; }
        .kanban .column .columnNameDiv .columnName .fold-unfold {
          display: block;
          position: absolute;
          top: 4px;
          right: 4px;
          width: 17px;
          height: 17px;
          border-radius: 17px;
          border: 1px solid #7f7f80;
          line-height: 19px;
          margin: 0 2px 0 4px;
          cursor: pointer;
          color: #2c3e50; }
          .kanban .column .columnNameDiv .columnName .fold-unfold:before {
            font-size: 16px;
            line-height: 14px;
            display: block;
            text-align: center;
            padding-right: 1px; }
        .kanban .column .columnNameDiv .columnName .text {
          color: #10373E;
          font-size: 13px; }
          .kanban .column .columnNameDiv .columnName .text .dollar {
            margin-left: 5px; }
      .kanban .column .columnNameDiv:hover .foldUnfold img, .kanban .column .columnNameDiv.selected .foldUnfold img {
        margin: -20px 6px 3px 0;
        width: 13px;
        display: block;
        float: right;
        cursor: pointer; }
    .kanban .column .remaining,
    .kanban .column .revenue {
      margin-left: 3px;
      font-size: 13px;
      color: #4c4c4c; }
    .kanban .column.rotate h2 {
      position: relative;
      display: inline-block;
      top: 60px;
      right: 15px;
      font-size: 28px;
      font-weight: normal;
      color: grey;
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
    .kanban .column.rotate .dropDownMenu {
      top: 21px; }
    .kanban .column.lastColumn .dropDownOpened {
      right: 0; }
    .kanban .column.fold {
      width: 40px;
      min-width: 40px;
      min-height: 100px; }
      .kanban .column.fold .columnNameDiv {
        top: 0;
        left: 0;
        background-color: #fff;
        width: 40px;
        z-index: 100; }
        .kanban .column.fold .columnNameDiv .columnName {
          border-width: 0;
          text-align: center;
          height: 17px; }
          .kanban .column.fold .columnNameDiv .columnName .text {
            width: auto; }
          .kanban .column.fold .columnNameDiv .columnName .fold-unfold {
            display: none; }
          .kanban .column.fold .columnNameDiv .columnName .totalCount {
            position: absolute;
            display: block;
            width: 40px;
            border: 0;
            color: #10373E;
            font-size: 18px;
            line-height: 26px;
            float: none;
            text-align: center;
            top: 0;
            left: 0;
            padding: 0; }
          .kanban .column.fold .columnNameDiv .columnName .text {
            color: #10373E;
            margin: 0 auto;
            text-align: center;
            position: absolute;
            -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                    transform: rotate(90deg);
            font-size: 18px !important; }
      .kanban .column.fold .item {
        display: none !important; }
      .kanban .column.fold:hover {
        cursor: pointer; }
        .kanban .column.fold:hover .columnNameDiv .columnName .totalCount, .kanban .column.fold:hover .columnNameDiv .columnName .text {
          color: #549ecf; }
        .kanban .column.fold:hover .text {
          color: white; }
  .kanban .dropDownMenu {
    height: 10px;
    width: 10px;
    float: right;
    margin: 5px;
    padding: 3px 5px !important;
    position: absolute;
    top: 16px;
    right: 0;
    z-index: 1; }
    .kanban .dropDownMenu > li > a {
      text-decoration: none;
      text-align: left;
      color: #34495E; }

.kanban .column .item .inner {
  padding: 5px 5px 8px; }

.kanban .column h2 span.text {
  margin-right: 70px !important; }

.deleteTasks span {
  margin-left: 5px; }

.tasksView .deleteTasks {
  height: 26px;
  font-size: 16px;
  padding: 0 12px;
  border: 1px solid #000; }

.task-list.withCheckbox th:first-child,
.task-list.withCheckbox td:first-child {
  width: 50px;
  text-align: center; }
.task-list.leadsCheckbox th:first-child,
.task-list.leadsCheckbox td:first-child {
  min-width: 50px; }

.task-edit-dialog .ui-widget-content {
  border-top: none !important; }

.noteMainContainer {
  position: relative;
  word-break: break-all; }

.timeNote .noteContainer {
  position: relative;
  padding-left: 50px;
  margin-top: 20px; }
  .timeNote .noteContainer:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 25px;
    width: 1px;
    height: calc(100% + 32px);
    background: #c8c8d3; }
  .timeNote .noteContainer:first-child:before {
    top: -20px; }
  .timeNote .noteContainer:last-child:before {
    height: 25px; }
  .timeNote .noteContainer .noteTopBox {
    padding: 10px 15px;
    border-bottom: 1px solid #c8c8d3; }
  .timeNote .noteContainer .loadAttach {
    padding: 10px 15px 0; }
  .timeNote .noteContainer .itemCircle {
    position: absolute;
    left: 11px;
    top: 4px;
    height: 28px;
    width: 28px;
    border: 1px solid #c8c8d3;
    border-radius: 50%;
    background: #fff;
    font-size: 14px;
    line-height: 27px;
    text-align: center;
    color: #c8c8d3;
    z-index: 10; }
  .timeNote .noteContainer .noteBody {
    padding: 0 0 12px;
    border: 1px solid #c8c8d3;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.05);
    word-break: break-all; }
    .timeNote .noteContainer .noteBody .noteTopBox {
      margin-left: -1px;
      border-left: 3px solid #2c6b7a; }
  .timeNote .noteContainer .noteBtnBlock {
    border: none; }
  .timeNote .noteContainer .noteText,
  .timeNote .noteContainer .noteContent,
  .timeNote .noteContainer .changed_field,
  .timeNote .noteContainer .assignedTo {
    padding: 10px 15px 0; }
  .timeNote .noteContainer .singleNote {
    padding: 7px 15px 0 0; }
    .timeNote .noteContainer .singleNote .dateNote {
      float: right;
      padding-top: 11px;
      padding-left: 5px; }
  .timeNote .noteContainer .noteText {
    cursor: pointer; }
    .timeNote .noteContainer .noteText:last-child {
      margin-bottom: 0 !important; }
  .timeNote .noteContainer .noteContent {
    margin-bottom: 10px; }
.timeNote .historyContent:first-child {
  padding-top: 8px; }
.timeNote .itemCircle > [class^="icon-"],
.timeNote .itemCircle > [class*=" icon-"] {
  line-height: 26px;
  display: block; }
.timeNote .itemCircle .icon-calendar {
  line-height: 26px;
  display: block; }

.noteInner {
  border: 1px solid #2c6b7a;
  padding: 5px 20px 20px; }
  .noteInner .dateNote {
    float: none !important;
    margin-left: 5px; }

.noteBtn {
  margin-top: 15px;
  text-align: right; }
  .noteBtn span + span {
    margin-left: 10px; }

.editNewBox .noteType {
  float: left; }
.editNewBox .dateNote {
  float: right; }

.noteTopBox .noteUserTitle {
  float: left;
  display: block;
  line-height: 30px; }
.noteTopBox .dateNote {
  float: right;
  font-size: 13px !important; }

.form .personsTaskArea {
  min-height: 95px; }

.attachContainer {
  padding: 7px 0;
  width: 100%;
  margin-top: 10px; }
  .attachContainer li {
    border-bottom: dashed 1px #c8c8d3;
    line-height: 24px;
    vertical-align: top;
    position: relative;
    padding-left: 25px;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    color: #DBDBDB; }
    .attachContainer li .deleteAttach {
      display: none;
      float: right; }
      .attachContainer li .deleteAttach .calculateTotal {
        width: 50%;
        text-align: right; }
        .attachContainer li .deleteAttach .calculateTotal .totalAmount {
          border-top: 1px solid grey; }
    .attachContainer li:before {
      content: "\e093";
      position: absolute;
      left: 0;
      bottom: 0;
      font-family: "erp-icons" !important;
      font-size: 22px;
      color: #DBDBDB; }
    .attachContainer li:hover {
      background-color: white; }
      .attachContainer li:hover .deleteAttach {
        display: block;
        padding-right: 10px;
        float: right;
        line-height: 22px; }
        .attachContainer li:hover .deleteAttach .calculateTotal {
          width: 50%;
          text-align: right; }
          .attachContainer li:hover .deleteAttach .calculateTotal .totalAmount {
            border-top: 1px solid grey; }

.opportunity-header h3,
.opportunity-header h4 {
  float: none;
  display: inline-block !important;
  vertical-align: middle;
  max-width: 49%;
  margin-bottom: 0 !important; }
.opportunity-header h3 + h4 {
  padding-left: 5px; }

.addOport span {
  margin-right: 10px; }

.col1-4 {
  width: 25%; }

.col1-3 {
  width: 33%; }

.col4-10 {
  width: 40%; }

.col6-10 {
  width: 60%; }

.ui-dialog-buttonset {
  border: none;
  border-top: 1px solid #2c6b7a;
  padding-top: 10px;
  float: none; }
  .ui-dialog-buttonset .btn + .btn {
    margin-left: 10px; }

.task-content {
  padding: 5px;
  color: #000; }
  .task-content .info {
    margin-bottom: 10px; }
  .task-content .taskContentTitle {
    margin-bottom: 5px; }
  .task-content .dateLabel {
    font-size: 13px;
    font-weight: bold; }

.tasksItemList {
  margin-top: 9px; }

.tasksItemIcon {
  display: inline-block;
  vertical-align: middle;
  color: #10373E; }
  .tasksItemIcon + .tasksItemIcon {
    margin-left: 8px; }
  .tasksItemIcon img {
    width: 20px; }

.tabListWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px; }
  .tabListWrap .tabListItem {
    position: relative;
    padding: 11px 15px;
    margin: 0;
    text-align: center;
    font-size: 11px;
    cursor: pointer;
    overflow: visible;
    background: #f2f2f2;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 10px;
    white-space: nowrap; }
    .tabListWrap .tabListItem.active {
      background: #2c6b7a; }
      .tabListWrap .tabListItem.active span {
        color: #fff; }
      .tabListWrap .tabListItem.active:after {
        border-left-color: #2c6b7a; }
    .tabListWrap .tabListItem + .tabListItem {
      padding-left: 33px; }
    .tabListWrap .tabListItem.passed {
      background: #4BCB81; }
      .tabListWrap .tabListItem.passed:after {
        border-left-color: #4BCB81; }
      .tabListWrap .tabListItem.passed span {
        color: #fff; }
    .tabListWrap .tabListItem:before, .tabListWrap .tabListItem:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0; }
    .tabListWrap .tabListItem:before {
      top: -4px;
      right: -21px;
      border-top: 21px solid transparent;
      border-bottom: 21px solid transparent;
      border-left: 22px solid #fff;
      z-index: 1; }
    .tabListWrap .tabListItem:after {
      top: 0;
      right: -17px;
      border-top: 17px solid transparent;
      border-bottom: 17px solid transparent;
      border-left: 18px solid #f2f2f2;
      z-index: 2; }
    .tabListWrap .tabListItem span {
      display: block;
      text-transform: uppercase;
      font-size: 12px;
      color: #7f7f80; }
    .tabListWrap .tabListItem:first-child {
      border-radius: 3px 0 0 3px; }
    .tabListWrap .tabListItem:last-child {
      border-radius: 0 3px 3px 0; }
      .tabListWrap .tabListItem:last-child:before, .tabListWrap .tabListItem:last-child:after {
        content: none; }

._dealTaskForm textarea._animate {
  height: 252px; }

._chooseIcon {
  width: 50px; }
  ._chooseIcon.active ._categoryList {
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }
  ._chooseIcon ._categoryList {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -56px;
    left: calc(100% + 10px);
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 180px;
    padding: 10px;
    background: #fff;
    font-size: 20px;
    -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
            transform: translateX(30px);
    transition: all 120ms ease-out; }
    ._chooseIcon ._categoryList:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); }
  ._chooseIcon ._categoryListItem {
    padding: 10px;
    cursor: pointer; }
    ._chooseIcon ._categoryListItem:hover {
      color: #4e8eb9; }

._categoryListWrap {
  position: relative; }
  ._categoryListWrap ._showMore {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 2px 4px 2px 8px;
    line-height: 24px;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer; }
    ._categoryListWrap ._showMore:hover {
      background-color: rgba(158, 158, 158, 0.2); }

#categoryIcon {
  font-size: 85px;
  text-align: center; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  .dropdown-menu li {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap; }

.drop-down-filter {
  padding: 15px 20px;
  background-color: #fff;
  font-family: "OpenSans Regular", Arial, Helvetica, sans-serif;
  border: 1px solid #7f7f80;
  border-radius: 0 0 3px 3px; }
  .drop-down-filter #applyFilter {
    text-align: center;
    width: calc(100% - 30px);
    margin: 10px 5px 5px 5px;
    color: white;
    background-color: #10373E;
    padding: 10px;
    border-radius: 5px; }
  .drop-down-filter #favoritesContent .filter_name_wrapper button.btn {
    padding: 0 !important;
    line-height: 25px !important; }
  .drop-down-filter ._actionGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .drop-down-filter ._actionGroup ._defaultWrp {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; }
      .drop-down-filter ._actionGroup ._defaultWrp > label {
        color: #000;
        margin-left: 3px;
        font-size: 13px;
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
      .drop-down-filter ._actionGroup ._defaultWrp ._description {
        font-size: 10px; }
  .drop-down-filter li {
    cursor: pointer;
    font-size: 12px;
    padding: 5px 15px 5px 25px;
    color: #364150;
    position: relative; }

#filtersContent .filterGroup {
  overflow: hidden;
  text-align: center;
  border: 1px solid #7f7f80;
  background-color: #ffffff;
  margin: 5px 0; }
  #filtersContent .filterGroup:hover {
    border-color: #a5a5a6; }
  #filtersContent .filterGroup li.miniStylePagination {
    list-style: none;
    border-top: 1px solid #7f7f80;
    line-height: 12px;
    padding: 5px 8px; }
    #filtersContent .filterGroup li.miniStylePagination .prev.disabled,
    #filtersContent .filterGroup li.miniStylePagination .next.disabled {
      display: none; }
    #filtersContent .filterGroup li.miniStylePagination .prev {
      float: left; }
    #filtersContent .filterGroup li.miniStylePagination .next {
      float: right; }
  #filtersContent .filterGroup li:not(.checkedValue):hover:before {
    color: #fff; }
  #filtersContent .filterGroup li:hover, #filtersContent .filterGroup li.checkedValue {
    background-color: #fff; }
  #filtersContent .filterGroup .filterValues {
    width: 100%;
    min-height: 155px;
    padding: 4px 0;
    text-align: left; }
    #filtersContent .filterGroup .filterValues > li {
      font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
      word-break: break-word; }
      #filtersContent .filterGroup .filterValues > li:hover {
        background-color: #f3f3f3; }
      #filtersContent .filterGroup .filterValues > li.checkedValue {
        position: relative; }
        #filtersContent .filterGroup .filterValues > li.checkedValue > .icon {
          opacity: 1;
          visibility: visible; }
      #filtersContent .filterGroup .filterValues > li > .icon {
        position: absolute;
        top: 5px;
        left: 7px;
        font-size: 12px;
        opacity: 0;
        visibility: hidden; }
  #filtersContent .filterGroup .disabled {
    display: none; }
  #filtersContent .filterGroup ._animateInputBox {
    margin: 15px 20px 1px; }
  #filtersContent .filterGroup .miniStylePagination {
    padding: 5px 0;
    border-top: 1px solid #7f7f80; }
  #filtersContent .filterGroup:not(.activeGroup) .groupName.checkedGroup {
    color: #000;
    background-color: #f3f3f3; }
    #filtersContent .filterGroup:not(.activeGroup) .groupName.checkedGroup span:before {
      text-align: center;
      height: 10px;
      width: 10px;
      border-radius: 50%;
      background-color: #000; }
  #filtersContent .filterGroup.activeGroup .groupName {
    border-bottom: 1px solid #7f7f80; }
    #filtersContent .filterGroup.activeGroup .groupName > span:after {
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
      top: 9px; }
  #filtersContent .filterGroup.activeGroup .groupName, #filtersContent .filterGroup.groupName:hover {
    color: #4d5a75;
    background-color: #ffffff; }
    #filtersContent .filterGroup.activeGroup .groupName > span:after, #filtersContent .filterGroup.groupName:hover > span:after {
      border-color: #4d5a75; }
  #filtersContent .filterGroup .groupName {
    cursor: pointer;
    font-size: 13px;
    padding: 10px;
    color: #000; }
    #filtersContent .filterGroup .groupName > span {
      position: relative;
      display: inline-block;
      min-width: 120px;
      padding: 0 10px;
      color: #364150;
      font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
      #filtersContent .filterGroup .groupName > span:after {
        content: '';
        border-style: solid;
        border-width: 1px 1px 0 0;
        border-color: #000;
        display: block;
        height: 5px;
        right: 0%;
        top: 5px;
        position: absolute;
        width: 5px;
        -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
                transform: rotate(135deg); }

._filterDropDownWrap {
  margin-left: 15px; }
  ._filterDropDownWrap > ul {
    position: relative;
    z-index: 3;
    background-color: #fff; }
    ._filterDropDownWrap > ul.dateFilter {
      z-index: 1005; }
    ._filterDropDownWrap > ul > li:first-child {
      padding: 0 5px;
      color: #333;
      text-align: right;
      white-space: nowrap;
      line-height: 26px;
      cursor: pointer; }
  ._filterDropDownWrap ._filterDropDownBody {
    position: absolute;
    background-color: #fff;
    min-width: 185px; }
  ._filterDropDownWrap li {
    position: relative;
    display: block;
    line-height: 25px; }

.top-bar ._filterDropDownWrap > ul.dateFilter {
  z-index: 3; }

._filterDropDownBody {
  padding: 7px 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: #4d4d4d;
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1); }
  ._filterDropDownBody .filterValues {
    font-size: 13px;
    padding: 0 25px;
    text-align: left;
    cursor: pointer; }
    ._filterDropDownBody .filterValues:hover {
      background-color: #f5f5f5; }
    ._filterDropDownBody .filterValues.checkedValue {
      position: relative;
      font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
      ._filterDropDownBody .filterValues.checkedValue > .icon {
        opacity: 1;
        visibility: visible; }
    ._filterDropDownBody .filterValues > .icon {
      position: absolute;
      top: 8px;
      left: 8px;
      font-size: 10px;
      opacity: 0;
      visibility: hidden; }
  ._filterDropDownBody .listLine {
    margin: 7px 0;
    height: 1px;
    background-color: #e5e5e5; }
  ._filterDropDownBody .buttons {
    width: 100%;
    margin-top: 7px;
    background-color: #fff;
    border: 0;
    text-align: center; }
  ._filterDropDownBody .customTime {
    padding: 0 10px;
    color: #4d4d4d; }
    ._filterDropDownBody .customTime .customTimeItem {
      position: relative; }
      ._filterDropDownBody .customTime .customTimeItem:after {
        content: "";
        position: absolute;
        right: 10px;
        bottom: 10px;
        display: inline-block;
        width: 0;
        height: 0;
        border-bottom: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #4d4d4d; }
      ._filterDropDownBody .customTime .customTimeItem > label {
        float: left;
        clear: both;
        line-height: 26px; }
      ._filterDropDownBody .customTime .customTimeItem > input {
        height: 26px;
        width: 100%;
        border: 0;
        border-bottom: 1px solid #c8c8d3;
        cursor: pointer; }
      ._filterDropDownBody .customTime .customTimeItem:after {
        content: '';
        display: table;
        clear: both; }

.chartTopBox ._filterDropDownWrap {
  margin-top: 9px; }

._modalList,
._newSelectListWrap {
  position: relative; }
  ._modalList ._selectPlaceholder,
  ._newSelectListWrap ._selectPlaceholder {
    color: #999; }

._newSelectListWrap._listPositionRight .newSelectList {
  left: auto;
  right: 0; }

.newSelectList {
  position: absolute;
  top: 100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: solid 1px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
  z-index: 100; }
  .newSelectList.stage {
    left: 0; }
  .newSelectList.taskPriority {
    left: -15px; }
  .newSelectList li {
    width: 100%;
    margin: 0;
    padding: 0 16px;
    cursor: pointer;
    line-height: 20px;
    font-size: 12px;
    text-align: left;
    color: #4d5a75;
    white-space: nowrap; }
    .newSelectList li.testing, .newSelectList li.analysis {
      background-color: #D9FFC8 !important; }
    .newSelectList li.merge {
      color: #C00 !important;
      background-color: #FFE3E3 !important; }
    .newSelectList li.design {
      color: #000 !important;
      background-color: #FFEA73 !important; }
    .newSelectList li.cancelled {
      color: #FFF !important;
      background-color: #C00 !important; }
    .newSelectList li.done {
      color: #000 !important;
      background-color: #BEF624 !important; }
    .newSelectList li.selected {
      color: #f3f3f3;
      background-color: #545454; }
    .newSelectList li.miniStylePagination:hover .counter {
      color: #4d5a75; }
    .newSelectList li:hover {
      color: #000; }
  .newSelectList.stage {
    left: 0; }
  .newSelectList.taskPriority {
    left: -15px; }
  .newSelectList .empty {
    display: inline-block;
    padding: 10px; }

.dropBtn.icon-list5:hover {
  text-decoration: none !important; }

._dropDownTG {
  position: relative;
  color: #21b799;
  border-radius: 3px; }
  ._dropDownTG:after {
    content: '\f107';
    position: absolute;
    top: 4px;
    right: 14px;
    font-size: 16px;
    font-family: "erp-icons";
    color: #21b799; }
  ._dropDownTG ._dropDownTitle {
    height: 26px;
    min-width: 140px;
    padding: 0 30px 0 10px;
    line-height: 24px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    ._dropDownTG ._dropDownTitle:hover {
      background-color: #e6e6e6; }
  ._dropDownTG .followersList ._followersListBlock {
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
    border: 1px solid #bebebe; }
  ._dropDownTG .followersList .newSelectList {
    top: 100%;
    right: 0;
    left: auto; }
  ._dropDownTG ._addFollowersBtn {
    display: block;
    padding: 5px;
    line-height: 20px;
    cursor: pointer; }
  ._dropDownTG ._followersList {
    color: #000; }
    ._dropDownTG ._followersList ._followersListItem {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0 5px;
      line-height: 26px; }
      ._dropDownTG ._followersList ._followersListItem:first-child {
        border-top: 1px solid #bebebe; }
      ._dropDownTG ._followersList ._followersListItem ._itemName {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
      ._dropDownTG ._followersList ._followersListItem .icon-close {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        height: 20px;
        width: 20px;
        line-height: 20px;
        margin: 3px 0;
        text-align: center;
        font-size: 10px;
        cursor: pointer; }

.filterWrap {
  min-height: 26px;
  margin-bottom: 15px; }
  .filterWrap .dateFilter {
    top: 0; }
  .filterWrap h3 {
    display: inline-block;
    float: left;
    margin-right: 20px; }
  .filterWrap:after {
    content: '';
    display: table;
    clear: both; }

.dropDown {
  position: relative; }
  .dropDown._contractJobsFilter {
    position: fixed;
    top: 48px;
    right: 13px; }
    .dropDown._contractJobsFilter > ul {
      left: auto;
      right: 0; }
  .dropDown > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #ffffff;
    border: 1px solid #bebebe;
    border-radius: 3px;
    z-index: 1;
    box-shadow: 5px 5px rgba(102, 102, 102, 0.1); }
    .dropDown > ul > li {
      position: relative;
      min-width: 125px;
      padding: 0 22px 0 12px;
      line-height: 32px;
      cursor: pointer;
      white-space: nowrap; }
      .dropDown > ul > li:hover {
        background-color: #2c6b7a;
        color: #fff;
        transition: all .1s ease; }
      .dropDown > ul > li.sortDn, .dropDown > ul > li.sortUp {
        background-color: #2c6b7a;
        color: #fff; }
      .dropDown > ul > li.sortDn .sortArrow {
        color: #fff; }
        .dropDown > ul > li.sortDn .sortArrow:before {
          content: "\e944"; }
      .dropDown > ul > li.sortUp .sortArrow {
        color: #fff; }
        .dropDown > ul > li.sortUp .sortArrow:before {
          content: "\e943"; }
      .dropDown > ul > li.oe_sortable:before, .dropDown > ul > li.oe_sortable_sub:before {
        display: none; }
      .dropDown > ul > li .sortArrow {
        position: absolute;
        top: 0;
        right: 3px;
        color: #2b3643;
        font-family: "erp-icons";
        font-size: 12px; }
  .dropDown.open ul {
    display: block; }

.current-selected {
  position: relative;
  font-size: 13px;
  text-decoration: none;
  color: #10373E;
  cursor: pointer; }

._employeeJobTable .current-selected {
  line-height: 1.2;
  word-break: initial; }

.jobsWescWrap .current-selected,
.forProjectsTypes .current-selected {
  line-height: normal; }

._healthDd {
  position: relative;
  width: 25px; }
  ._healthDd > a {
    float: none !important; }
  ._healthDd ._healthDdList {
    top: 100%;
    left: 0;
    margin: 0; }

._statusOrderBlock .fullfillOrderWrap {
  margin-left: 3px; }

.fullfillOrderWrap {
  position: relative;
  width: 285px;
  margin: 0 3px; }
  .fullfillOrderWrap:before,
  .fullfillOrderWrap .fullfillOrder,
  .fullfillOrderWrap .fullfillOrder span,
  .fullfillOrderWrap > ul {
    transition: all 150ms ease-in-out 150ms; }
  .fullfillOrderWrap:before {
    position: absolute;
    top: 5px;
    right: 9px;
    color: #4d5a75;
    font-size: 16px; }
  .fullfillOrderWrap .btn {
    float: right;
    width: 100%; }
  .fullfillOrderWrap > ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    width: 100%;
    background-color: #eaeaea;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px); }
    .fullfillOrderWrap > ul li {
      background-color: #f2f2f2;
      border-width: 0 1px 0 1px;
      border-style: solid;
      border-color: #eaeaea; }
      .fullfillOrderWrap > ul li:hover a {
        text-decoration: none; }
      .fullfillOrderWrap > ul li a {
        display: block;
        border-left: 2px solid transparent;
        padding: 10px;
        cursor: pointer; }
        .fullfillOrderWrap > ul li a span {
          display: block;
          color: #508bbd;
          line-height: 1.5; }
          .fullfillOrderWrap > ul li a span.help {
            color: #777;
            font-style: italic;
            line-height: 1.3; }
      .fullfillOrderWrap > ul li.passiveItem {
        cursor: not-allowed; }
        .fullfillOrderWrap > ul li.passiveItem a {
          cursor: not-allowed; }
        .fullfillOrderWrap > ul li.passiveItem span,
        .fullfillOrderWrap > ul li.passiveItem span.help {
          color: #b4bcc8; }
      .fullfillOrderWrap > ul li.activeItem:hover {
        background-color: #ddd;
        border: 0;
        border-left: 1px solid #2c6b7a;
        border-right: 1px solid #ddd; }
        .fullfillOrderWrap > ul li.activeItem:hover a {
          border-left-color: #2c6b7a; }
      .fullfillOrderWrap > ul li + li {
        margin-top: 1px;
        border-top: 0; }
  .fullfillOrderWrap:hover:before {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    color: #fff; }
  .fullfillOrderWrap:hover .fullfillOrder {
    background-color: #2c6b7a;
    border-color: #2c6b7a;
    color: #fff; }
  .fullfillOrderWrap:hover ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); }

/*Added from _Main.less 22.09*/
.thumbnailwithavatar {
  display: block;
  position: relative;
  width: 149px;
  min-height: 165px;
  margin: 7px 0 0 7px;
  text-align: center;
  border-radius: 4px;
  float: left; }
  .thumbnailwithavatar.employee {
    min-height: 225px; }
  .thumbnailwithavatar .info p {
    line-height: 15px;
    color: #000; }
    .thumbnailwithavatar .info p a {
      color: #000; }
  .thumbnailwithavatar h4, .thumbnailwithavatar .title {
    color: #10373E;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    font-family: "OpenSans Regular", Arial, Helvetica, sans-serif; }
    .thumbnailwithavatar h4 span, .thumbnailwithavatar .title span {
      display: block;
      margin-top: 4px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
  .thumbnailwithavatar .inner {
    cursor: pointer;
    padding: 10px; }
    .thumbnailwithavatar .inner .info {
      float: left;
      width: 129px; }
      .thumbnailwithavatar .inner .info div {
        text-align: center; }
      .thumbnailwithavatar .inner .info p {
        font-family: "OpenSans Regular", Arial, Helvetica, sans-serif;
        color: #000;
        font-size: 12px;
        font-weight: 200 !important;
        line-height: 16px;
        text-align: center; }
        .thumbnailwithavatar .inner .info p a {
          word-break: break-word;
          word-wrap: break-word; }
  .thumbnailwithavatar .avatar {
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto 0 auto;
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); }
    .thumbnailwithavatar .avatar img {
      height: auto;
      width: 100%; }
    .thumbnailwithavatar .avatar canvas {
      height: auto;
      width: 100%; }
    .thumbnailwithavatar .avatar .upload {
      overflow: hidden;
      font-size: 15px;
      line-height: 18px;
      text-align: center;
      display: block;
      height: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.7);
      color: #fff; }
      .thumbnailwithavatar .avatar .upload input {
        height: 20px;
        opacity: 0;
        background: rgba(0, 0, 0, 0.5);
        margin: 0;
        padding: 0;
        width: 100%; }
  .thumbnailwithavatar .email,
  .thumbnailwithavatar .company {
    color: #5184a6; }
  .thumbnailwithavatar .company {
    color: #000; }

.notFoundItems {
  text-align: center;
  margin: 100px 0;
  font-size: 20px; }

/*added 22.09 from _main.less*/
#ui-datepicker-div {
  border-radius: 0 !important;
  margin-top: 2px;
  display: none; }

.ui-datepicker {
  padding: .2em .2em 0;
  border: 1px solid #eee;
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1); }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    height: 2em;
    line-height: 2em;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 2px;
    width: 2em;
    font-family: "erp-icons";
    font-size: 14px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
      text-decoration: none; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
      display: block;
      width: 7px;
      height: 8px;
      margin-top: -4px;
      margin-left: -3px;
      text-indent: -99999px;
      overflow: hidden;
      position: absolute;
      left: 50%;
      top: 50%;
      right: auto;
      bottom: auto; }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    left: 2px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
      content: '\f104'; }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    right: 2px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
      content: '\f105'; }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
      width: 50%;
      border: 0;
      border-bottom: 1px solid #4d5a75;
      padding: 0 2px; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-title select option {
        background-color: white; }
        .ui-datepicker .ui-datepicker-header .ui-datepicker-title select option:hover {
          background-color: white; }

.wickedpicker {
  display: none;
  position: relative;
  padding: 4px;
  margin: 10px auto 0;
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1111; }
  .wickedpicker:before, .wickedpicker:after {
    content: '';
    position: absolute;
    display: inline-block; }
  .wickedpicker:before {
    top: -7px;
    left: 9px;
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent; }
  .wickedpicker:after {
    top: -6px;
    left: 10px;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent; }
  .wickedpicker__controls {
    margin: 0;
    line-height: normal; }

.wickedpicker__controls__control,
.wickedpicker__controls__control--separator {
  display: inline-block;
  margin: 0 auto;
  font-size: inherit;
  vertical-align: middle;
  letter-spacing: 1px; }

.wickedpicker__controls__control-up,
.wickedpicker__controls__control-down {
  display: block;
  height: 30px;
  line-height: 30px;
  width: 30px;
  margin: 0 auto;
  border: 1px solid transparent;
  color: #34495e;
  font-size: 18px;
  font-family: "erp-icons";
  cursor: pointer; }
  .wickedpicker__controls__control-up:hover,
  .wickedpicker__controls__control-down:hover {
    text-decoration: none;
    background-color: #eee;
    border-color: #ddd;
    color: #34495e; }

.wickedpicker__controls__control-up:before {
  content: "\f106"; }

.wickedpicker__controls__control-down:after {
  content: "\f107"; }

.wickedpicker__controls__control--separator {
  width: 10px;
  line-height: 78px; }

.text-center,
.wickedpicker__controls,
.wickedpicker__controls__control,
.wickedpicker__controls__control--separator,
.wickedpicker__controls__control-up,
.wickedpicker__controls__control-down {
  text-align: center; }

.clearable-picker {
  position: relative;
  display: inline-block; }

.clearable-picker > .hasWickedpicker {
  padding-right: 1em; }

.clearable-picker > .hasWickedpicker::-ms-clear {
  display: none; }

.clearable-picker > [data-clear-picker] {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: bold;
  font-size: 0.8em;
  padding: 0 0.3em 0.2em;
  line-height: 1;
  color: #bababa;
  cursor: pointer; }

.clearable-picker > [data-clear-picker]:hover {
  color: #a1a1a1; }

.ui-datepicker-buttonpane {
  text-align: center; }
  .ui-datepicker-buttonpane .ui-priority-secondary,
  .ui-datepicker-buttonpane .ui-priority-primary {
    height: 24px;
    line-height: 22px;
    margin: 15px 0 10px;
    display: inline-block;
    padding: 0 12px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    font-size: 13px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border: 1px solid #c8c8d3;
    outline: 0;
    border-radius: 3px;
    min-width: 60px; }
  .ui-datepicker-buttonpane .ui-priority-primary {
    margin-left: 10px; }

.wickedpicker__title {
  text-align: center;
  margin-top: 5px; }

#mainmenu-holder {
  display: block;
  float: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  height: 30px;
  z-index: 1000; }
  #mainmenu-holder nav {
    float: left;
    background: #4d5a75; }
    #mainmenu-holder nav ul {
      display: block;
      height: 30px; }
      #mainmenu-holder nav ul li {
        height: 30px;
        width: 120px;
        text-align: center;
        color: #fff;
        line-height: 30px;
        overflow: hidden;
        float: left;
        position: relative;
        cursor: pointer; }
        #mainmenu-holder nav ul li a {
          letter-spacing: 1.5px;
          color: #fff;
          font-size: 12px;
          font-size: 0.75rem;
          text-decoration: none;
          display: block;
          line-height: 28px;
          font-weight: 400;
          text-transform: uppercase; }
          #mainmenu-holder nav ul li a:hover {
            text-decoration: underline; }
        #mainmenu-holder nav ul li.hover {
          height: 30px; }
          #mainmenu-holder nav ul li.hover a {
            text-decoration: underline;
            display: block; }
        #mainmenu-holder nav ul li.selected {
          background-color: #10373E;
          height: 30px;
          border: 0;
          transition: all ease .5s; }
          #mainmenu-holder nav ul li.selected a {
            font-size: 12px;
            font-size: 0.75rem;
            color: #fff;
            text-decoration: none;
            display: block;
            letter-spacing: 1.5px; }

.sideMenu {
  position: fixed;
  z-index: 200;
  height: calc(100% - 40px);
  background-color: #364150;
  font-family: "OpenSans Light", Arial, Helvetica, sans-serif;
  width: 200px;
  margin-top: 40px;
  float: left;
  margin-right: -100%; }
  .sideMenu nav {
    width: 200px; }
    .sideMenu nav .menuList {
      width: 200px; }
    .sideMenu nav ul li {
      position: relative;
      display: block;
      height: 40px;
      width: 100%;
      list-style: none;
      line-height: 40px;
      background: #364150;
      text-align: left; }
    .sideMenu nav > ul > li {
      border-top: 1px solid #3d4957; }
      .sideMenu nav > ul > li:first-child {
        border-top: none; }
    .sideMenu nav .root {
      text-align: left; }
      .sideMenu nav .root ul {
        display: none;
        height: auto;
        padding: 8px 0;
        background-color: #364150; }
        .sideMenu nav .root ul li {
          border-top: 1px solid #364150;
          height: 31px; }
          .sideMenu nav .root ul li .subItem {
            display: block;
            padding-left: 39px;
            text-decoration: none;
            font-size: 14px;
            font-weight: 300;
            line-height: 31px;
            color: #b4bcc8; }
          .sideMenu nav .root ul li:hover, .sideMenu nav .root ul li.selected {
            background-color: #404d5f; }
          .sideMenu nav .root ul li:first-child {
            border-top: none;
            display: none; }
      .sideMenu nav .root .icons {
        padding: 0 11px;
        font-size: inherit;
        text-rendering: auto;
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0); }
      .sideMenu nav .root > a, .sideMenu nav .root .icons {
        color: #b4bcc8;
        font-size: 16px;
        line-height: 40px;
        display: block;
        float: left;
        text-decoration: none;
        text-shadow: none;
        font-weight: 300; }
      .sideMenu nav .root .icons {
        line-height: 38px; }
      .sideMenu nav .root .icon-reports:before {
        content: "\e077"; }
      .sideMenu nav .root .icon-Sales:before {
        content: "\e043"; }
      .sideMenu nav .root .icon-dashboards:before {
        content: "\e94b"; }
      .sideMenu nav .root .icon-Project:before {
        content: "\e02d"; }
      .sideMenu nav .root .icon-HR:before {
        content: "\e001"; }
      .sideMenu nav .root .icon-Accounting:before {
        content: "\e04b"; }
      .sideMenu nav .root .icon-Payroll:before {
        content: "\e025"; }
      .sideMenu nav .root .icon-Purchases:before {
        content: "\e04e"; }
      .sideMenu nav .root .icon-Expenses:before {
        content: "\e930";
        font-size: 20px; }
      .sideMenu nav .root .icon-Inventory:before {
        content: "\e034"; }
      .sideMenu nav .root .icon-Settings:before {
        content: "\e09a"; }
      .sideMenu nav .root:hover, .sideMenu nav .root.opened {
        cursor: pointer;
        height: 40px;
        background-color: #2C3542; }
      .sideMenu nav .root.active {
        background-color: #2c6b7a; }
        .sideMenu nav .root.active a, .sideMenu nav .root.active .icons {
          color: #fff; }
        .sideMenu nav .root.active:before {
          color: #fff; }
        .sideMenu nav .root.active:after {
          content: '';
          position: absolute;
          right: 0;
          top: 14px;
          background: 0 0;
          width: 0;
          height: 0;
          border-top: 6px solid transparent;
          border-bottom: 6px solid transparent;
          border-right: 6px solid #fff; }
        .sideMenu nav .root.active.opened:before {
          -webkit-transform: rotate(-90deg);
              -ms-transform: rotate(-90deg);
                  transform: rotate(-90deg);
          color: #fff; }
      .sideMenu nav .root:before {
        float: right;
        width: 30px;
        text-align: center;
        display: inline;
        font-size: 12px;
        font-family: "erp-icons";
        height: auto;
        content: "\f104";
        font-weight: 300;
        text-shadow: none;
        position: absolute;
        top: 0;
        right: 14px;
        line-height: 40px;
        color: #606C7D;
        transition: all 0.3s; }
      .sideMenu nav .root.single.active:before, .sideMenu nav .root.single:before {
        content: ''; }
      .sideMenu nav .root.opened {
        height: auto; }
        .sideMenu nav .root.opened ul {
          display: block; }
        .sideMenu nav .root.opened:before {
          -webkit-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
                  transform: rotate(90deg); }
  .sideMenu .logo {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    margin: 0 auto; }
    .sideMenu .logo a {
      font-size: 35px;
      text-decoration: none;
      color: #2c6b7a; }
  .sideMenu .sidebar_toggler {
    position: absolute;
    top: 10px;
    left: 100%;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    margin: 0;
    width: 24px;
    height: 24px;
    background-color: #364150;
    border-left: 1px solid #3d4957; }
    .sideMenu .sidebar_toggler:before {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-75%, -50%);
          -ms-transform: translate(-75%, -50%);
              transform: translate(-75%, -50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px 6px 5px 0;
      border-color: transparent #fff transparent transparent; }
  .sideMenu .login_panel {
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100%; }
    .sideMenu .login_panel .dropdown-button {
      text-indent: 5px;
      cursor: pointer;
      padding: 5px;
      max-width: 200px;
      width: 100%;
      float: left;
      height: auto; }
      .sideMenu .login_panel .dropdown-button:hover {
        background: #10373E;
        color: #fff; }
    .sideMenu .login_panel .login_list {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      z-index: 999; }
      .sideMenu .login_panel .login_list li {
        text-align: left;
        color: #b4bcc8;
        background: #364150; }
        .sideMenu .login_panel .login_list li:hover {
          background-color: #404d5f; }
      .sideMenu .login_panel .login_list a {
        display: block;
        padding-left: 39px;
        text-decoration: none;
        font-size: 14px;
        line-height: 40px;
        color: #b4bcc8; }
      .sideMenu .login_panel .login_list.opened {
        display: block; }
    .sideMenu .login_panel .user_name {
      display: block;
      line-height: 30px;
      color: #b4bcc8;
      font-size: 14px;
      font-weight: 300; }
      .sideMenu .login_panel .user_name:hover {
        color: #fff; }
    .sideMenu .login_panel .iconEmployee {
      border-radius: 3px;
      margin: 4px auto;
      width: 29px;
      height: 29px; }

.template-switcher > .btn-list [class^="icon-"],
.template-switcher > .btn-list [class*=" icon-"] {
  font-size: 15px; }
  .template-switcher > .btn-list [class^="icon-"].icon-kanban,
  .template-switcher > .btn-list [class*=" icon-"].icon-kanban {
    font-size: 21px; }

.sideMenu nav .root .icons {
  clear: both; }

.preventActions + .content_wrapper {
  width: calc(100% - 200px); }

._accountingWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  border-top: 1px solid #c7c6c7; }
  ._accountingWrap.accounting {
    overflow: auto; }

._acountingListWrap {
  width: 250px;
  border-right: 1px solid #c7c6c7;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

._acountingList {
  margin: 10px 0; }
  ._acountingList ._acountingListItem {
    width: 100%;
    padding: 6px 20px;
    background-color: #fff;
    color: #333;
    font-size: 15px; }
    ._acountingList ._acountingListItem.active {
      background-color: #2c6b7a;
      color: #fff; }
      ._acountingList ._acountingListItem.active > a {
        color: #fff; }
    ._acountingList ._acountingListItem > a:hover {
      text-decoration: none; }

._acountingTableWrap,
._chartsTableWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }
  ._acountingTableWrap #groupList .content,
  ._acountingTableWrap .grouplist .content,
  ._chartsTableWrap #groupList .content,
  ._chartsTableWrap .grouplist .content {
    border: 1px solid #d7d7d7; }
  ._acountingTableWrap #groupList li .text,
  ._acountingTableWrap .grouplist li .text,
  ._chartsTableWrap #groupList li .text,
  ._chartsTableWrap .grouplist li .text {
    width: 100%; }

._chartsTableWrap .btn.item {
  width: auto;
  min-width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  ._chartsTableWrap .btn.item:before {
    color: #000; }
  ._chartsTableWrap .btn.item.active:before {
    color: #fff; }
._chartsTableWrap ._filterDropDownWrap {
  margin-right: 10px;
  float: right; }

._acountingTitleBlock > .btnPositioned {
  position: absolute;
  top: 8px;
  right: 10px;
  margin-top: 0; }
._acountingTitleBlock._forOverview {
  height: auto; }
._acountingTitleBlock #dateFilter {
  margin-top: 5px;
  float: left; }

._acountingTitle {
  color: #333;
  font-size: 26px;
  font-family: "OpenSans Light", Arial, Helvetica, sans-serif; }

.currencyRatesDesc p + p {
  margin-top: 15px; }

._setEmployeesWrap {
  padding-top: 30px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  ._setEmployeesWrap ._setEmployeeItem {
    width: 42%;
    margin-bottom: 50px; }
    ._setEmployeesWrap ._setEmployeeItem > .btnsBlock {
      margin-bottom: 5px; }

* html .ui-autocomplete {
  width: 1px; }

#searchGlobalContainer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 26px;
  border: 1px solid #7f7f80;
  border-radius: 3px;
  padding-left: 26px;
  padding-right: 26px; }

#searchFilterContainer {
  height: 24px;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap; }

.ui-autocomplete {
  width: 100% !important;
  position: absolute;
  top: 28px !important;
  left: 0 !important;
  cursor: default; }

.ui-menu {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  float: left; }
  .ui-menu .ui-menu-item {
    width: 100%;
    line-height: 18px;
    margin: 0;
    padding: 0;
    zoom: 1;
    clear: left;
    float: left; }
    .ui-menu .ui-menu-item a {
      display: block;
      padding: .2em .4em;
      text-decoration: none; }
  .ui-menu > .ui-autocomplete-category {
    width: 100%;
    border: 1px solid #7f7f80;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    float: left; }
    .ui-menu > .ui-autocomplete-category:nth-child(n+2) {
      border-top: none; }
    .ui-menu > .ui-autocomplete-category .searchGroupDropDown {
      width: 14px;
      height: 14px;
      line-height: 1;
      padding: 3px 0 3px 2px;
      cursor: pointer;
      top: 0;
      left: 0;
      float: left; }
      .ui-menu > .ui-autocomplete-category .searchGroupDropDown:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px solid;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent; }
    .ui-menu > .ui-autocomplete-category .searchGroupResult {
      display: block;
      line-height: 20px;
      width: 100%; }
    .ui-menu > .ui-autocomplete-category .ui-widget-content {
      display: block;
      width: 100%;
      max-height: 143px;
      border: none;
      border-top: 1px solid #7f7f80;
      overflow: auto;
      float: left; }
      .ui-menu > .ui-autocomplete-category .ui-widget-content > li {
        line-height: 20px;
        padding-left: 25px; }

.ui-autocomplete-input {
  min-width: 45px;
  height: 24px;
  margin: 0 5px;
  line-height: 24px;
  cursor: pointer; }
  .ui-autocomplete-input:empty:not(:focus):before {
    content: attr(data-text); }

.ui-helper-hidden-accessible {
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

.ui-widget-content {
  background-color: #ffffff;
  color: #000000; }

.search-input {
  border: none !important;
  padding: 0 !important;
  outline: none;
  outline-offset: 0; }

.search-button {
  cursor: pointer;
  position: absolute;
  top: 2px;
  left: -10px; }

.search-options {
  position: absolute;
  top: calc(100% - 1px);
  right: 0;
  z-index: 1;
  width: 280px;
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
  .search-options .filter-dialog-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border: 1px solid #7f7f80;
    border-bottom: 0; }
    .search-options .filter-dialog-tabs .filterTabs {
      width: 100%;
      border-radius: 0;
      background: #f3f3f3;
      color: #364150;
      font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
      text-align: center;
      line-height: 27px;
      border-bottom: 1px solid #7f7f80;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      font-size: 13px;
      font-size: 0.8125rem; }
      .search-options .filter-dialog-tabs .filterTabs.active {
        border-bottom-color: transparent;
        background-color: #fff;
        color: #4d8ab3; }
      .search-options .filter-dialog-tabs .filterTabs:nth-child(2) {
        border-left: 1px solid #7f7f80; }
  .search-options .drop-down-filter {
    border-top: 0; }
  .search-options .filter-check-list {
    top: calc(100% - 1px);
    right: auto;
    left: 0; }

.week_list .week_title {
  line-height: 30px;
  padding-top: 15px;
  text-align: center;
  font-size: 30px; }

.thumbnail_birthday_list {
  padding: 0;
  margin: 0;
  list-style: none; }
  .thumbnail_birthday_list > li {
    width: 380px;
    min-height: 130px;
    border: 2px solid #2c6b7a;
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left; }
  .thumbnail_birthday_list .avatar {
    width: 40%;
    height: 120px;
    text-align: center;
    overflow: hidden;
    float: left; }
    .thumbnail_birthday_list .avatar:before {
      /* create a full-height inline block pseudo=element */
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      /* vertical alignment of the inline element */
      content: ' '; }
    .thumbnail_birthday_list .avatar .avatar_img {
      float: left; }
      .thumbnail_birthday_list .avatar .avatar_img img {
        width: 100%; }
  .thumbnail_birthday_list .birthday_info {
    width: 55%;
    padding: 0;
    margin: 0;
    margin-left: 5%;
    list-style: none;
    float: left; }
    .thumbnail_birthday_list .birthday_info .readMore {
      display: block;
      text-align: center; }

.birthday_info {
  text-align: center; }
  .birthday_info .user_name {
    display: inline-block;
    margin-bottom: 10px;
    line-height: 25px;
    font-size: 18px;
    font-family: "OpenSans Bold", Arial, Helvetica, sans-serif;
    color: #6496b7; }
  .birthday_info .birthday_day {
    line-height: 25px; }
  .birthday_info .readMore {
    text-decoration: none;
    color: #000; }
    .birthday_info .readMore .fa {
      display: inline-block;
      margin-top: 5px; }

.salesMonthLine svg,
.lineGraphic svg,
.lineGraphicUnits svg,
.salesChannelLine svg {
  overflow: visible;
  margin-bottom: 70px; }

.lineGraphic .x.axis text,
.lineGraphicUnits .x.axis text {
  -webkit-transform: rotate(-40deg);
      -ms-transform: rotate(-40deg);
          transform: rotate(-40deg); }

svg.salesPercent,
svg.salesUnits {
  overflow: visible; }

.dashboardGraphicsWrap.lineTabs, .dashboardGraphicsWrap.salesMonthLine, .dashboardGraphicsWrap.salesChannelLine {
  overflow: visible;
  margin-bottom: 70px; }

._dashLineItem {
  overflow: auto !important; }

.winAndLostOpportunitiesChart .x.axis text {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }

._dashBoardDescription {
  margin-bottom: 5px; }

._chartsFilterBlock .choseSaleRange {
  padding: 20px;
  padding-bottom: 0; }
  ._chartsFilterBlock .choseSaleRange .item {
    margin-bottom: 0; }
._chartsFilterBlock ._filterDropDownWrap {
  position: absolute;
  top: 7px;
  right: 0; }
  ._chartsFilterBlock ._filterDropDownWrap > ul {
    background: transparent; }
    ._chartsFilterBlock ._filterDropDownWrap > ul > li {
      background-color: #fff; }
      ._chartsFilterBlock ._filterDropDownWrap > ul > li.dateRange {
        border: 1px solid #d7dde4;
        border-radius: 4px;
        text-align: center;
        background: #fff; }
._chartsFilterBlock ._filterDropDownBody {
  margin-top: 15px;
  display: block;
  -webkit-animation: reveal 0.2s ease-out;
          animation: reveal 0.2s ease-out; }
  ._chartsFilterBlock ._filterDropDownBody:before, ._chartsFilterBlock ._filterDropDownBody:after {
    position: absolute;
    right: 10px;
    content: "";
    width: 0;
    height: 0;
    border-top: none;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent; }
  ._chartsFilterBlock ._filterDropDownBody:before {
    top: -7px;
    border-bottom: 7px solid #c2c2c2; }
  ._chartsFilterBlock ._filterDropDownBody:after {
    top: -6px;
    border-bottom: 7px solid #ffffff; }

@-webkit-keyframes reveal {
  0% {
    opacity: 0; }
  1% {
    opacity: 0;
    -webkit-transform: scale(0.98) translateY(-15px);
            transform: scale(0.98) translateY(-15px); }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes reveal {
  0% {
    opacity: 0; }
  1% {
    opacity: 0;
    -webkit-transform: scale(0.98) translateY(-15px);
            transform: scale(0.98) translateY(-15px); }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
._reportsWrap {
  height: 100%;
  padding: 20px;
  background-color: #f3f3f3; }
  ._reportsWrap ._reportsTabTitle {
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    border-bottom: 2px solid #2c6b7a; }
  ._reportsWrap ._tableActions {
    float: right;
    width: 80px; }

._reportsContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
  border: 1px solid #eaeaea;
  background-color: #fff; }
  ._reportsContent ._reportsTabsWrap {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 100%;
    width: 240px; }
  ._reportsContent ._reportsTabList {
    border-right: 1px solid #eaeaea;
    height: calc(100% - 40px);
    overflow: auto; }
  ._reportsContent ._reportsView {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%; }

._reportsTabsWrap ._reportsTabItem {
  display: block;
  height: 40px;
  padding-left: 20px;
  line-height: 40px;
  border-bottom: 1px solid #eaeaea;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  color: #364150;
  cursor: pointer;
  font-size: 14px;
  font-size: 0.875rem; }
  ._reportsTabsWrap ._reportsTabItem.active {
    background-color: #2c6b7a;
    color: #fff; }
  ._reportsTabsWrap ._reportsTabItem:first-child {
    height: 41px; }

._reportsView ._reportsHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  color: #3b81af;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  border-bottom: 2px solid #2c6b7a; }
  ._reportsView ._reportsHeader tr {
    height: 38px; }
  ._reportsView ._reportsHeader th {
    border-bottom: 0; }
._reportsView ._reportsList {
  height: calc(100% - 40px);
  overflow: auto; }
._reportsView ._reportsListItem {
  background-color: #fff;
  min-height: 50px;
  padding: 15px;
  margin: 10px;
  border-radius: 3px;
  border: 1px solid #eaeaea; }
._reportsView ._itemTitle {
  color: #364150;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 0.875rem; }
._reportsView tbody tr {
  cursor: pointer; }

._reportsItem ._itemTitle {
  margin-bottom: 10px;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  color: #364150;
  line-height: 1;
  font-size: 18px;
  font-size: 1.125rem; }
._reportsItem ._itemDesc {
  font-size: 14px;
  font-size: 0.875rem; }
._reportsItem ._svgIcon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 90px;
  margin-left: 10px;
  fill: #5b92b7; }

._reportFilters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 20px 0;
  background-color: #f3f3f3; }
  ._reportFilters ._filterDescription {
    margin-right: 20px;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 14px; }
  ._reportFilters ._variantsBlock {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background-color: #fff; }
    ._reportFilters ._variantsBlock ._categoriesList {
      top: 28px;
      left: auto;
      right: 0;
      width: auto;
      padding: 2px 0;
      border: 1px solid #eaeaea;
      box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.3);
      border-radius: 3px; }
      ._reportFilters ._variantsBlock ._categoriesList > li {
        padding: 2px 10px 2px 5px; }

._reportTabsWrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  ._reportTabsWrap ._reportTabsList {
    width: 100%; }

._reportTabsList {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  ._reportTabsList ._reportsBtn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 32px;
    padding: 0 12px;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    cursor: pointer;
    background-color: #2c6b7a;
    color: #fff; }
    ._reportTabsList ._reportsBtn:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 12px;
      width: 0;
      height: 0;
      border-width: 6px 6px 0 6px;
      border-style: solid;
      border-color: transparent; }
    ._reportTabsList ._reportsBtn > [class^="icon-"],
    ._reportTabsList ._reportsBtn > [class*=" icon-"] {
      margin-left: auto;
      transition: -webkit-transform 350ms ease-in-out;
      transition: transform 350ms ease-in-out;
      transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
      font-size: 16px;
      font-size: 1rem; }
  ._reportTabsList ._tabItem.active ._reportsBtn:after {
    border-color: #2c6b7a transparent transparent; }
  ._reportTabsList ._tabItem.active ._reportsBtn > [class^="icon-"],
  ._reportTabsList ._tabItem.active ._reportsBtn > [class*=" icon-"] {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  ._reportTabsList ._tabItem:first-child ._reportsBtn {
    border-radius: 3px 3px 0 0; }
  ._reportTabsList ._tabItem:last-child ._reportsBtn {
    border-radius: 0 0 3px 3px; }
  ._reportTabsList ._tabItem + ._tabItem {
    margin-top: 2px; }
  ._reportTabsList ._reportsTabs {
    padding: 5px 0; }
  ._reportTabsList ._reportsTab {
    padding-left: 12px;
    margin: 2px 0;
    border-left: 3px solid transparent;
    line-height: 24px;
    color: #656363;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    cursor: pointer; }
    ._reportTabsList ._reportsTab.active {
      border-left-color: #2c6b7a; }

._customReportTable {
  overflow: auto; }
  ._customReportTable .stripedList {
    table-layout: auto; }
    ._customReportTable .stripedList thead tr {
      height: 30px; }
    ._customReportTable .stripedList th {
      white-space: nowrap; }
      ._customReportTable .stripedList th.selected {
        border-bottom-color: #2c6b7a; }

._handleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3px; }
  ._handleWrap .dragHandle {
    cursor: move;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  ._handleWrap ._headerActions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 5px; }
    ._handleWrap ._headerActions.oe_sortable {
      width: 30px;
      height: 30px;
      line-height: 30px;
      padding-right: 0;
      text-align: center; }
      ._handleWrap ._headerActions.oe_sortable:before {
        font-family: "erp-icons";
        content: '\f0dc'; }

._createReportForm ._filterDropDownWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  margin-bottom: 15px; }
  ._createReportForm ._filterDropDownWrap > ul > li:first-child {
    padding: 0; }

._dragableWrap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  margin-top: 13px;
  padding: 0 12px;
  padding: 0 .75rem; }
  ._dragableWrap .dragtable-sortable {
    z-index: 100; }

.stripedList th.headTable {
  padding: 0; }
  .stripedList th.headTable ._handleWrap,
  .stripedList th.headTable .dragHandle {
    height: 28px; }
  .stripedList th.headTable .dragHandle {
    padding: 0 5px 0 12px;
    line-height: 28px; }

._statusOrderList .right .btn {
  margin-right: 15px;
  margin-bottom: 5px; }
._statusOrderList ._invoiced {
  height: 26px;
  line-height: 26px;
  padding: 0 8px;
  margin-top: 10px;
  margin-bottom: 0;
  background-color: #2c6b7a;
  font-size: 14px;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  color: #fff; }

._statusOrders > h3, .revenueCountWrap .status ._statusOrdersWrap > h3 {
  height: 26px;
  line-height: 26px;
  padding: 0 5px;
  margin-bottom: 0;
  background-color: #e7e6e4;
  font-size: 14px;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  color: #364150; }
._statusOrders ._workflowsDd, .revenueCountWrap .status ._statusOrdersWrap ._workflowsDd {
  display: inline-block;
  height: 26px;
  padding: 0 10px;
  margin-right: 10px;
  border: 1px solid gray;
  line-height: 24px; }
._statusOrders ._viewEntries, .revenueCountWrap .status ._statusOrdersWrap ._viewEntries {
  display: inline-block;
  height: 26px;
  padding: 0 10px;
  line-height: 24px;
  text-align: center; }

._tableOrderList > .stripedList,
._tableChartList > .stripedList {
  min-width: 1000px; }
  ._tableOrderList > .stripedList ._statusOrders span, ._tableOrderList > .stripedList .revenueCountWrap .status ._statusOrdersWrap span, .revenueCountWrap .status ._tableOrderList > .stripedList ._statusOrdersWrap span,
  ._tableChartList > .stripedList ._statusOrders span,
  ._tableChartList > .stripedList .revenueCountWrap .status ._statusOrdersWrap span,
  .revenueCountWrap .status ._tableChartList > .stripedList ._statusOrdersWrap span {
    margin: 0; }
    ._tableOrderList > .stripedList ._statusOrders span._notDid:before, ._tableOrderList > .stripedList .revenueCountWrap .status ._statusOrdersWrap span._notDid:before, .revenueCountWrap .status ._tableOrderList > .stripedList ._statusOrdersWrap span._notDid:before,
    ._tableChartList > .stripedList ._statusOrders span._notDid:before,
    ._tableChartList > .stripedList .revenueCountWrap .status ._statusOrdersWrap span._notDid:before,
    .revenueCountWrap .status ._tableChartList > .stripedList ._statusOrdersWrap span._notDid:before {
      top: -2px; }

._statusOrders, .revenueCountWrap .status ._statusOrdersWrap {
  line-height: 30px; }
  ._statusOrders h3, .revenueCountWrap .status ._statusOrdersWrap h3 {
    padding: 5px;
    border: 1px solid #fff;
    border-radius: 5px;
    background-color: #e7e6e4; }
  ._statusOrders span, .revenueCountWrap .status ._statusOrdersWrap span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 50%; }
    ._statusOrders span._allocationed, .revenueCountWrap .status ._statusOrdersWrap span._allocationed {
      color: #fff !important;
      font-size: 15px; }
    ._statusOrders span.icon-checked2, .revenueCountWrap .status ._statusOrdersWrap span.icon-checked2 {
      line-height: 16px; }
    ._statusOrders span._fullfilled, .revenueCountWrap .status ._statusOrdersWrap span._fullfilled, ._statusOrders span._shipped, .revenueCountWrap .status ._statusOrdersWrap span._shipped {
      background-color: transparent !important;
      font-size: 15px; }
    ._statusOrders span._shipped, .revenueCountWrap .status ._statusOrdersWrap span._shipped {
      font-size: 15px; }
    ._statusOrders span._notDid, .revenueCountWrap .status ._statusOrdersWrap span._notDid {
      background-color: red;
      font-size: 14px; }
      ._statusOrders span._notDid:before, .revenueCountWrap .status ._statusOrdersWrap span._notDid:before {
        content: '\e92a';
        color: #fff;
        font-family: "erp-icons"; }
  ._statusOrders ._workflowsDd, .revenueCountWrap .status ._statusOrdersWrap ._workflowsDd {
    display: inline-block;
    border: 1px solid gray;
    padding: 5px;
    line-height: 18px;
    vertical-align: bottom;
    margin: 4px 0 0 10px; }

._statusOrders > span, .revenueCountWrap .status ._statusOrdersWrap > span,
._statusIndicators > span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  text-align: center;
  border-radius: 50%; }
  ._statusOrders > span._allocationed, .revenueCountWrap .status ._statusOrdersWrap > span._allocationed,
  ._statusIndicators > span._allocationed {
    color: #fff !important;
    font-size: 15px; }
  ._statusOrders > span._fullfilled, .revenueCountWrap .status ._statusOrdersWrap > span._fullfilled, ._statusOrders > span._shipped, .revenueCountWrap .status ._statusOrdersWrap > span._shipped,
  ._statusIndicators > span._fullfilled,
  ._statusIndicators > span._shipped {
    background-color: transparent !important;
    font-size: 15px; }
  ._statusOrders > span._shipped, .revenueCountWrap .status ._statusOrdersWrap > span._shipped,
  ._statusIndicators > span._shipped {
    font-size: 15px; }
  ._statusOrders > span._notDid, .revenueCountWrap .status ._statusOrdersWrap > span._notDid,
  ._statusIndicators > span._notDid {
    background-color: red;
    position: relative;
    line-height: 16px; }
    ._statusOrders > span._notDid:before, .revenueCountWrap .status ._statusOrdersWrap > span._notDid:before,
    ._statusIndicators > span._notDid:before {
      color: #fff;
      content: '!'; }
._statusOrders [class*="icon-"].green, .revenueCountWrap .status ._statusOrdersWrap [class*="icon-"].green,
._statusIndicators [class*="icon-"].green {
  background-color: #00db30;
  color: #00db30; }
._statusOrders [class*="icon-"].yellow, .revenueCountWrap .status ._statusOrdersWrap [class*="icon-"].yellow,
._statusIndicators [class*="icon-"].yellow {
  background-color: #dfdf2e;
  color: #dfdf2e; }
._statusOrders [class*="icon-"].red, .revenueCountWrap .status ._statusOrdersWrap [class*="icon-"].red,
._statusIndicators [class*="icon-"].red {
  background-color: #ff0000;
  color: #ff0000; }
._statusOrders [class*="icon-"].transparented, .revenueCountWrap .status ._statusOrdersWrap [class*="icon-"].transparented,
._statusIndicators [class*="icon-"].transparented {
  background-color: transparent !important; }

._statusOrderBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  ._statusOrderBlock > li,
  ._statusOrderBlock > button {
    margin-right: 10px;
    margin-bottom: 10px; }
  ._statusOrderBlock ._saveEdit,
  ._statusOrderBlock ._statusInfo {
    margin-right: 10px; }
  ._statusOrderBlock ._statusIndicators {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: auto; }

._editAllocateAll {
  float: right; }
  ._editAllocateAll > .btn {
    margin: 6px 1px;
    background-color: #F9F8F8; }

._goodOutHolder {
  height: calc( 100vh - (40px + 40px + 24px) );
  background-color: #fafafa; }

._goodOutWrap {
  margin: 15px 15px 25px;
  border-radius: 3px;
  border: 1px solid #dddddd;
  color: #444;
  background: #f3f3f3;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.14);
  overflow: hidden; }
  ._goodOutWrap ._goodOutHeader {
    padding: 20px 20px 15px;
    background-color: #ddd; }
  ._goodOutWrap ._invoiceTable tbody tr:last-child {
    border-bottom: none; }
  ._goodOutWrap ._invoiceTable th, ._goodOutWrap ._invoiceTable td {
    border-right: 1px dotted #ccc;
    padding: 10px; }
    ._goodOutWrap ._invoiceTable th:last-child, ._goodOutWrap ._invoiceTable td:last-child {
      border-right: none; }
  ._goodOutWrap ._invoiceTable th.done > span {
    color: #00db30; }
    ._goodOutWrap ._invoiceTable th.done > span .edited:before {
      content: "\e909";
      font-family: 'erp-icons'; }
  ._goodOutWrap ._invoiceTable th.undone > span {
    color: #e55253; }
    ._goodOutWrap ._invoiceTable th.undone > span .edited:before {
      content: "\e908";
      font-family: 'erp-icons'; }
  ._goodOutWrap ._invoiceTable .edited:before {
    margin: 0 5px; }

._goodOutHeader {
  color: #4c5663; }
  ._goodOutHeader ._goodOutTitle {
    margin-bottom: 25px;
    color: #4c5663;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
  ._goodOutHeader ._titleWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

._goodOutTitle {
  font-size: 22px;
  font-size: 1.375rem; }
  ._goodOutTitle ._noteNum {
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    color: #5c8bab; }

._shippingSteps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  ._shippingSteps ._stepItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 25%;
    padding-left: 5px; }
    ._shippingSteps ._stepItem + ._stepItem {
      border-left: 2px solid #ddd; }
  ._shippingSteps ._actionTitle,
  ._shippingSteps .edited {
    padding: 5px;
    white-space: nowrap; }
  ._shippingSteps ._actionTitle {
    min-width: 110px; }
  ._shippingSteps ._actionBody {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 15px 15px 15px 0; }
    ._shippingSteps ._actionBody > .btn {
      margin: 5px; }
  ._shippingSteps .edited {
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    color: #4CAF50; }
  ._shippingSteps ._itemIcon {
    width: 55px;
    text-align: center;
    font-size: 24px;
    color: #c1c1c1; }

._goodsDateInput {
  width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  ._goodsDateInput input {
    width: 80px;
    padding: 0;
    color: #5181a2;
    border: none;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
  ._goodsDateInput label {
    color: #5c8bab;
    font-size: 14px; }

._flowTitle {
  padding: 10px 20px 7px 20px;
  border-bottom: 1px solid #dddddd;
  color: #686f79;
  line-height: 1;
  font-size: 14px; }

._infoList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  ._infoList ._listItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 10px;
    white-space: nowrap; }
    ._infoList ._listItem:last-child {
      margin-right: 0; }
    ._infoList ._listItem ._key {
      margin-right: 6px;
      font-family: "OpenSans Bold", Arial, Helvetica, sans-serif; }
    ._infoList ._listItem ._value {
      font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }

.icon {
  font-size: 20px;
  font-family: "erp-icons";
  text-decoration: none;
  display: block; }
  .icon:hover {
    text-decoration: none; }

.icon-btn {
  display: block;
  text-align: center;
  cursor: pointer;
  font-weight: 100 !important; }
  .icon-btn:before {
    content: '\72'; }
  .icon-btn.project {
    font-size: 15px !important; }
    .icon-btn.project:before {
      content: '\f0c9'; }

.caret {
  display: inline-block;
  height: 0;
  width: 0;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  margin-left: 2px;
  vertical-align: middle; }

.funnelIcon {
  display: inline-block;
  height: 18px;
  padding: 0 3px;
  border-right: 1px solid #7f7f80;
  background-color: transparent;
  color: #fff;
  line-height: 20px;
  font-size: 10px;
  text-align: center; }

.icon-manufacturing {
  height: 38px;
  width: 39px;
  background: url("../images/svg_icons/manufacture.svg") no-repeat center; }

.loginWrap .formActions {
  line-height: 29px; }

.forgotWrap {
  margin-top: 69px; }

.loginWrapBase {
  height: 100%;
  overflow: hidden; }
.loginTitle {
  position: absolute;
  top: -67px;
  width: 100%;
  left: 0;
  color: #4e5a64;
  font-size: 30px;
  font-weight: 300;
  font-family: "OpenSans Light", Arial, Helvetica, sans-serif;
  white-space: nowrap;
  text-align: center; }
  .loginTitleBlock {
    margin-top: 20px;
    margin-bottom: 10px; }
.loginContainer, .gatherInfoContainer {
  position: relative;
  width: 330px;
  padding: 40px 40px 40px;
  margin: auto;
  border-radius: 1px;
  background: #fff;
  box-sizing: content-box;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.2); }
  .loginContainer .input-group, .gatherInfoContainer .input-group {
    position: relative;
    margin-bottom: 10px; }
    .loginContainer .input-group.forSelectDd, .gatherInfoContainer .input-group.forSelectDd {
      margin-bottom: 34px; }
    .loginContainer .input-group input, .gatherInfoContainer .input-group input, .loginContainer .input-group .selectDd, .gatherInfoContainer .input-group .selectDd {
      width: 100%;
      border: 1px solid #cccfdb;
      box-shadow: none;
      padding: 9px 16px 8px;
      height: 40px; }
      .loginContainer .input-group input:focus, .gatherInfoContainer .input-group input:focus, .loginContainer .input-group .selectDd:focus, .gatherInfoContainer .input-group .selectDd:focus {
        border-color: #00b7db; }
    .loginContainer .input-group input:-webkit-autofill, .gatherInfoContainer .input-group input:-webkit-autofill,
    .loginContainer .input-group input:-webkit-autofill:hover,
    .gatherInfoContainer .input-group input:-webkit-autofill:hover,
    .loginContainer .input-group input:-webkit-autofill:focus,
    .gatherInfoContainer .input-group input:-webkit-autofill:focus {
      -webkit-box-shadow: 0 0 0px 1000px #fff inset;
      border-color: #00b7db; }
  .loginContainer .tabs, .gatherInfoContainer .tabs {
    height: 70px;
    margin: -40px -40px 26.25px;
    padding: 0;
    border-radius: 1px 1px 0 0;
    background: #F8F7FD; }
    .loginContainer .tabs li, .gatherInfoContainer .tabs li {
      display: inline-block;
      width: 50%;
      height: 100%;
      float: left;
      text-align: center;
      line-height: 70px;
      font-size: 14px;
      text-transform: uppercase;
      cursor: pointer; }
      .loginContainer .tabs li#login, .gatherInfoContainer .tabs li#login {
        border-width: 0 1px 1px 0;
        border-radius: 1px 0 0; }
      .loginContainer .tabs li.active, .gatherInfoContainer .tabs li.active {
        border-color: #fff;
        background: #fff; }
      .loginContainer .tabs li:not(.active):hover, .gatherInfoContainer .tabs li:not(.active):hover {
        color: #8f99b1; }
  .loginContainer .control-group.spaced, .gatherInfoContainer .control-group.spaced {
    margin: 15px 0; }
    .loginContainer .control-group.spaced.forSignUp, .gatherInfoContainer .control-group.spaced.forSignUp {
      margin-bottom: 0; }
  .loginContainer .or, .gatherInfoContainer .or {
    width: 100%;
    float: left;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    color: #8f99b1;
    position: relative;
    margin: 7.5px 0; }
    .loginContainer .or:before, .gatherInfoContainer .or:before, .loginContainer .or:after, .gatherInfoContainer .or:after {
      content: '';
      position: absolute;
      top: 50%;
      display: block;
      width: 31%;
      border-bottom: 1px solid #E5E8ED; }
    .loginContainer .or:before, .gatherInfoContainer .or:before {
      left: 0; }
    .loginContainer .or:after, .gatherInfoContainer .or:after {
      right: 0; }
  .loginContainer .formActions .switchWrap, .gatherInfoContainer .formActions .switchWrap {
    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;
    height: 35px; }
  .loginContainer .formActions .btn, .gatherInfoContainer .formActions .btn {
    height: 40px;
    padding: 10px 12px 8px;
    border-radius: 0;
    line-height: 18px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase; }
    .loginContainer .formActions .btn.login-button, .gatherInfoContainer .formActions .btn.login-button, .loginContainer .formActions .btn.signUp-button, .gatherInfoContainer .formActions .btn.signUp-button {
      width: 100%;
      height: 38px;
      border: none; }
    .loginContainer .formActions .btn.socialService span, .gatherInfoContainer .formActions .btn.socialService span {
      line-height: normal;
      font-family: "erp-icons";
      font-size: 20px;
      color: #fff;
      margin-right: 8px; }
    .loginContainer .formActions .btn.facebookLogin, .gatherInfoContainer .formActions .btn.facebookLogin {
      background-color: #3B5998; }
    .loginContainer .formActions .btn.linkedinLogin, .gatherInfoContainer .formActions .btn.linkedinLogin {
      background-color: #0073B5; }
    .loginContainer .formActions .btn.googlePlusLogin, .gatherInfoContainer .formActions .btn.googlePlusLogin {
      background-color: #DE4931; }
  .loginContainer .signInServices, .gatherInfoContainer .signInServices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%; }
    .loginContainer .signInServices .signInService, .gatherInfoContainer .signInServices .signInService {
      width: 100%; }
      .loginContainer .signInServices .signInService .socialService, .gatherInfoContainer .signInServices .signInService .socialService {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 10px;
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        border: 0 none; }
  .loginContainer .firstLastnameWrap, .gatherInfoContainer .firstLastnameWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .loginContainer .firstLastnameWrap .control-group, .gatherInfoContainer .firstLastnameWrap .control-group {
      width: 50%;
      padding-right: 5px; }
      .loginContainer .firstLastnameWrap .control-group:nth-child(2), .gatherInfoContainer .firstLastnameWrap .control-group:nth-child(2) {
        padding-left: 5px;
        padding-right: 0; }
  .loginContainer .selectDd, .gatherInfoContainer .selectDd {
    left: 0; }
    .loginContainer .selectDd:after, .gatherInfoContainer .selectDd:after {
      top: 18px; }
    .loginContainer .selectDd ul, .gatherInfoContainer .selectDd ul {
      top: 38px;
      left: 0; }
    .loginContainer .selectDd .selectedDb, .gatherInfoContainer .selectDd .selectedDb {
      line-height: 22px; }
.loginContent, .gatherContent {
  padding: 0 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  height: 100vh; }
.loginForgot {
  color: #a4aab2;
  font-size: 13px; }
.loginCopyright {
  position: absolute;
  left: 50%;
  bottom: -55px;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  text-align: center;
  font-size: 13px;
  color: #a9b5be; }

.formGroup {
  margin-bottom: 25px; }

.rememberCheckWrap {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  line-height: 18px;
  cursor: pointer;
  font-size: 14px;
  transition: all .3s;
  color: #a4aab2; }
  .rememberCheckWrap + span {
    top: 4px; }
  .rememberCheckWrap input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .rememberCheckWrap input ~ span:after {
      content: '';
      position: absolute;
      display: none; }
    .rememberCheckWrap input:checked ~ span:after {
      display: block;
      left: 6px;
      top: 2px;
      width: 4px;
      height: 9px;
      border: solid #666;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
  .rememberCheckWrap > span {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    border: 1px solid #d9d9d9; }

.forgotBtnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .forgotBtnWrap .btn {
    margin: 0 5px; }
  .forgotBtnWrap .btn.forgot-button {
    color: #000; }
    .forgotBtnWrap .btn.forgot-button:hover {
      background-color: transparent; }
.forgotPass {
  color: #a4aab2; }
  .forgotPass:hover {
    color: #337ab7;
    text-decoration: none; }
.forgotDescription {
  margin: 22px 0;
  color: #a0a9b4;
  font-size: 15px;
  line-height: 22px; }

input:valid + .requiredField {
  visibility: hidden; }

input:not(:valid) + .requiredField {
  visibility: visible; }

.requiredField {
  position: absolute;
  top: 14px;
  right: 7px;
  color: #2c6b7a;
  cursor: pointer;
  visibility: hidden;
  transition: all .2s ease; }
  .requiredField:hover:before {
    content: attr(data-hover);
    position: absolute;
    top: -7px;
    left: -100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 150px;
    padding: 5px;
    margin-left: 30px;
    border: 1px solid #2c6b7a;
    border-radius: 5px;
    color: #fff;
    background-color: #2c6b7a;
    font-size: 14px; }
  .requiredField:hover:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: solid 4px transparent;
    border-right-color: #2c6b7a;
    top: 2px;
    left: 100%;
    margin-left: 9px;
    z-index: 2; }

@media (max-width: 1600px) {
  .loginContent, .gatherContent {
    padding: 0 60px; } }
@media (max-width: 1500px) {
  .loginContent, .gatherContent {
    padding: 0 40px; }
  .loginTitle {
    font-size: 26px; } }
@media (min-width: 992px) and (max-width: 1220px) {
  .loginContent, .gatherContent {
    padding: 0 20px; }

  .loginTitle {
    font-size: 23px; } }
@media (max-width: 992px) {
  .loginTitle {
    font-size: 20px; } }
@media (max-width: 767px) {
  .loginContainer .loginTitle, .gatherInfoContainer .loginTitle {
    margin-bottom: 30px; }
  .loginContainer input:not([type="checkbox"]).inputField, .gatherInfoContainer input:not([type="checkbox"]).inputField {
    margin-bottom: 25px; }

  .formActions {
    white-space: nowrap; }

  .sliderWrap {
    display: none; } }
@media (max-width: 667px) {
  .sliderWrap {
    display: none; } }
@media (max-width: 410px) {
  .loginContent, .gatherContent {
    padding: 0 20px; }
  .loginCopyright {
    right: auto;
    left: 20px; } }
.tagsRow > span {
  display: block;
  float: left;
  height: 22px;
  line-height: 22px;
  margin: 0 4px 4px 0;
  min-width: 40px;
  max-width: 100%;
  width: auto;
  border-radius: 3px;
  color: #fff;
  padding: 0 10px;
  text-align: center;
  text-overflow: ellipsis;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
  white-space: nowrap;
  cursor: pointer; }
.tagsRow span.left {
  color: #000;
  text-shadow: none; }
.tagsTitle {
  margin-bottom: 5px;
  border-bottom: 1px solid #8c8c8c;
  line-height: 30px;
  color: #8c8c8c;
  text-align: center;
  font-size: 14px; }

._tagSmall {
  display: inline-block;
  float: left;
  padding: 4px 5px;
  min-height: 18px;
  font-size: 14px;
  border-radius: 3px;
  background-color: #cccbcb; }
  ._tagSmall.grey {
    background-color: #93a5bd;
    margin: 3px;
    color: #fff; }
  ._tagSmall:empty {
    display: none; }

.tagsListWrap {
  margin-top: 10px;
  max-height: 450px;
  overflow: auto; }
  .tagsListWrap li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 5px;
    overflow: hidden; }
    .tagsListWrap li span:not(.editTag) {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      float: left;
      position: relative;
      max-width: 235px;
      height: 30px;
      padding-left: 5px;
      color: #fff;
      line-height: 30px;
      font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
      cursor: pointer; }
      .tagsListWrap li span:not(.editTag).selected {
        cursor: default; }
        .tagsListWrap li span:not(.editTag).selected:after {
          content: "\e90b";
          position: absolute;
          right: 8px;
          top: 0;
          font-family: "erp-icons";
          font-size: 14px;
          color: #fff; }
    .tagsListWrap li span.editTag {
      height: 30px;
      width: 30px;
      border-radius: 50%;
      text-align: center;
      line-height: 30px;
      cursor: pointer; }
      .tagsListWrap li span.editTag:after {
        content: "\f157";
        font-family: "erp-icons"; }
      .tagsListWrap li span.editTag:hover {
        background-color: #f4f4f4;
        transition: all .3s; }

.createNewTag {
  display: block;
  width: 235px;
  line-height: 25px;
  margin: 5px 0;
  padding-left: 5px;
  color: #8c8c8c !important; }
  .createNewTag:hover {
    background-color: #f4f4f4; }

.tag-list-dialog .ui-dialog-buttonpane {
  padding: 0 !important;
  height: 0 !important;
  overflow: visible; }
  .tag-list-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.exitButton {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 15px;
    width: 15px;
    padding: 0 !important;
    margin: 0 !important;
    border: none;
    line-height: normal !important;
    background: none; }
    .tag-list-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.exitButton:after, .tag-list-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.exitButton:before {
      content: '';
      position: absolute;
      left: 7px;
      top: 0;
      height: 15px;
      width: 2px;
      background-color: #8c8c8c; }
    .tag-list-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.exitButton:before {
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .tag-list-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.exitButton:after {
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
    .tag-list-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.exitButton:hover {
      background-color: transparent; }
    .tag-list-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.exitButton .ui-button-text {
      display: none; }

.tags-container {
  margin-top: 8px; }
  .tags-container ._tagSmall {
    display: inline-block;
    vertical-align: middle;
    float: none;
    height: 20px;
    line-height: 16px;
    margin: 5px 0;
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 3px;
    color: #fff; }
    .tags-container ._tagSmall:before {
      color: #000; }
  .tags-container ._circleIconBtn {
    line-height: 24px; }

.colorCardWrap {
  width: 280px;
  padding: 0 10px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #d6dadc;
  overflow: hidden; }
.colorCardTitle {
  box-sizing: border-box;
  color: #8c8c8c;
  display: block;
  text-align: center;
  line-height: 36px;
  border-bottom: 1px solid #d6dadc; }
.colorSelectBlock {
  overflow: hidden; }
.colorInput {
  box-sizing: border-box;
  width: 100%;
  background-color: #e2e4e6;
  border: 1px solid #cdd2d4;
  border-radius: 3px;
  display: block;
  min-height: 34px;
  padding: 7px; }
.colorBox {
  height: 30px;
  width: 34px;
  float: left;
  margin: 0 10px 10px 0;
  border-radius: 3px;
  padding: 3px 6px;
  cursor: pointer; }
  .colorBox.checked {
    position: relative;
    cursor: not-allowed; }
    .colorBox.checked:before {
      position: absolute;
      left: 9px;
      top: 7px;
      font-size: 16px;
      color: #fff; }

._projectAttachField .attachments {
  margin-top: 15px; }

._projectTableLeftAlign th,
._projectTableLeftAlign td {
  text-align: right; }

._projectTableVisible td {
  overflow: visible; }
._projectTableVisible._tableAlignLeft thead td,
._projectTableVisible._tableAlignLeft thead th,
._projectTableVisible._tableAlignLeft tbody td,
._projectTableVisible._tableAlignLeft tbody th {
  text-align: left; }

.projectInfoTopBar {
  margin-left: 0; }
  .projectInfoTopBar h3 {
    line-height: 40px;
    padding: 0 10px;
    color: #666666  !important;
    font-family: 'OpenSans Regular', sans-serif, Verdana;
    font-weight: normal;
    float: left;
    overflow: visible; }
  .projectInfoTopBar.banned {
    border-bottom: 0; }
  .projectInfoTopBar #reconcileDate {
    color: #333; }

._projectsOverviewTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1200px;
  margin-bottom: 26px; }
  ._projectsOverviewTop ._projectsOverviewForm {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: 450px;
        flex-basis: 450px; }
  ._projectsOverviewTop ._projectsOverviewGraphic {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%; }

.kanban {
  margin-top: 10px; }
  .kanban .item.errorContent .projectType {
    color: #ff0000; }
  .kanban .item .tags {
    margin-top: 10px;
    width: 100%;
    overflow: hidden; }
    .kanban .item .tags:empty {
      display: none; }
    .kanban .item .tags span {
      display: block;
      float: left;
      height: 18px;
      line-height: 18px;
      margin: 0 4px 4px 0;
      min-width: 40px;
      max-width: 100%;
      width: auto;
      border-radius: 3px;
      color: #fff;
      padding: 0 10px;
      text-align: center;
      font-size: 11px;
      text-overflow: ellipsis;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
      white-space: nowrap;
      cursor: pointer; }
  .kanban .column .item .inner {
    padding: 5px 5px 8px; }

.listWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 104px); }
  .listWrap .compactRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .listWrap .compactRow ._growed {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      width: 75px;
      padding: 0 5px; }
    .listWrap .compactRow ._static {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      white-space: nowrap;
      padding: 0 5px; }
    .listWrap .compactRow ._mainTitle {
      color: #508bbd;
      font-size: 15px;
      font-family: "OpenSans Bold", Arial, Helvetica, sans-serif; }
  .listWrap.leadsList .name {
    color: #508bbd;
    font-size: 15px;
    font-family: "OpenSans Bold", Arial, Helvetica, sans-serif; }
  .listWrap.leadsList .compactRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .listWrap.leadsList .compactRow .name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      width: 50px;
      padding-right: 10px; }
    .listWrap.leadsList .compactRow .stage {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .listWrap.opportunitiesList .opportunity {
    color: #508bbd;
    font-size: 15px;
    font-family: "OpenSans Bold", Arial, Helvetica, sans-serif; }
  .listWrap.opportunitiesList .revenue {
    font-size: 10px; }
  .listWrap.opportunitiesList .compactRow:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .listWrap.opportunitiesList .compactRow:first-child .opportunity {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      width: 1px;
      padding-right: 10px; }
    .listWrap.opportunitiesList .compactRow:first-child .salesPerson {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .listWrap.personList .firstName {
    color: #508bbd;
    font-size: 15px;
    font-family: "OpenSans Bold", Arial, Helvetica, sans-serif;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .listWrap.personList .email {
    font-size: 10px; }
  .listWrap.personList .compactRowWrap {
    min-height: 60px; }
  .listWrap.personList .compactRow:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .listWrap.personList .compactRow:first-child .firstName {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      width: 1px;
      padding-right: 10px; }
    .listWrap.personList .compactRow:first-child .country {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      max-width: 100px;
      text-align: right; }
  .listWrap.companiesList .firstName {
    color: #508bbd;
    font-size: 15px;
    font-family: "OpenSans Bold", Arial, Helvetica, sans-serif;
    word-wrap: break-word; }
  .listWrap.companiesList .email {
    font-size: 10px; }
  .listWrap.companiesList .compactRowWrap {
    min-height: 60px; }
  .listWrap.companiesList .compactRow:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .listWrap.companiesList .compactRow:first-child .firstName {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      width: 1px;
      padding-right: 10px; }
    .listWrap.companiesList .compactRow:first-child .country {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .listWrap.quotationsList .compactRow:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .listWrap.quotationsList .compactRow:first-child .firstName {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      width: 1px;
      padding-right: 10px; }
    .listWrap.quotationsList .compactRow:first-child .company {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .listWrap.proformaList .compactRow:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .listWrap.proformaList .compactRow:first-child .firstName {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      width: 1px;
      padding-right: 10px; }
    .listWrap.proformaList .compactRow:first-child .assignedTo {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .listWrap.productList .compactRow:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .listWrap.productList .compactRow:first-child .firstName {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      width: 1px;
      padding-right: 10px; }
    .listWrap.productList .compactRow:first-child .image {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .listWrap.quotationsList .firstName, .listWrap.proformaList .firstName {
    color: #508bbd;
    font-size: 15px;
    font-family: "OpenSans Bold", Arial, Helvetica, sans-serif; }
  .listWrap .form-holder {
    padding: 0; }

.salary-list tbody#listTable .subRow:hover {
  background-color: transparent; }

.ui-dialog .list2 thead td, .ui-dialog .list2 tbody td {
  height: 20px;
  line-height: 1;
  text-align: left; }
.ui-dialog .list2 thead th {
  padding-top: 5px; }

.tableFixed {
  table-layout: fixed;
  text-overflow: ellipsis;
  white-space: nowrap; }

.invisible_border {
  border: 1px solid transparent !important; }

.hireFireTable {
  margin-bottom: 10px; }

.report-list tr td:first-child {
  padding: 0; }

.hireFireTable {
  margin-bottom: 10px; }

._invoiceTable.list tbody tr, ._invoiceTable.list2 tbody tr, ._invoiceTable.list thead tr, ._invoiceTable.list2 thead tr {
  border-top: none; }
._invoiceTable.list tbody tr, ._invoiceTable.list2 tbody tr {
  vertical-align: baseline; }

._simpleHeader th {
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
  background-color: #F9F8F8; }
  ._simpleHeader th:first-child {
    border-left: 1px solid #ECECEC; }
  ._simpleHeader th:last-child {
    border-right: 1px solid #ECECEC; }

._deleteHeader th {
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
  background-color: #F9F8F8; }
  ._deleteHeader th:first-child {
    border-left: 1px solid #ECECEC; }
  ._deleteHeader th.deleteCell {
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #ECECEC;
    background-color: #fff; }

.productItem.deleteRow td.deleteCell .icon-close5 {
  color: #fab2b1;
  cursor: pointer;
  font-size: 15px;
  line-height: normal;
  margin-left: 15px; }

._profitTitle {
  border-bottom: 2px solid #808080;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  color: grey; }

._profitSubTitle {
  border-bottom: 1px solid #808080; }

._profitSubTitleTop {
  border-top: 1px solid #808080; }
  ._profitSubTitleTop td {
    padding: 5px 0; }

.list tbody td.expand {
  cursor: pointer;
  text-align: center; }

._btnsBlockFixed {
  position: fixed;
  top: 44px;
  right: 40px;
  padding-top: 3px;
  z-index: 15; }

._profitTableWrap,
._closeMonthTableWrap,
._incomeTableWrap,
._cashFlowTableWrap,
._totalCashFlow,
._totalBalanceTableWrap,
._trialBalanceTableWrap {
  padding: 0 20px;
  margin: 0 20px;
  background-color: #fff; }

._profitTableWrap .list:not(.stripedList):not(._dialogTable) thead th,
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead th {
  font-family: "OpenSans Regular", Arial, Helvetica, sans-serif; }
  ._profitTableWrap .list:not(.stripedList):not(._dialogTable) thead th._profitSubTitle, ._profitTableWrap .list:not(.stripedList):not(._dialogTable) thead th._profitTitle,
  ._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead th._profitSubTitle,
  ._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead th._profitTitle {
    padding-bottom: 2px;
    vertical-align: bottom; }
  ._profitTableWrap .list:not(.stripedList):not(._dialogTable) thead th._profitTitle,
  ._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead th._profitTitle {
    padding-left: 0; }
._profitTableWrap .list:not(.stripedList):not(._dialogTable) thead th, ._profitTableWrap .list:not(.stripedList):not(._dialogTable) thead td, ._profitTableWrap .list:not(.stripedList):not(._dialogTable) thead tr,
._profitTableWrap .list:not(.stripedList):not(._dialogTable) tbody th,
._profitTableWrap .list:not(.stripedList):not(._dialogTable) tbody td,
._profitTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr,
._profitTableWrap .list:not(.stripedList):not(._dialogTable) tfoot th,
._profitTableWrap .list:not(.stripedList):not(._dialogTable) tfoot td,
._profitTableWrap .list:not(.stripedList):not(._dialogTable) tfoot tr,
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead th,
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead td,
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead tr,
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody th,
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody td,
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr,
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tfoot th,
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tfoot td,
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tfoot tr {
  height: 23px;
  color: #666674;
  text-align: right; }
._profitTableWrap .list:not(.stripedList):not(._dialogTable) thead tr,
._profitTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr,
._profitTableWrap .list:not(.stripedList):not(._dialogTable) tfoot tr,
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead tr,
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr,
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tfoot tr {
  border: none; }
._profitTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr.mainTr td:nth-child(2),
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr.mainTr td:nth-child(2) {
  padding-left: 29px; }
._profitTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr.childRow td:nth-child(2),
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr.childRow td:nth-child(2) {
  padding-left: 44px; }
._profitTableWrap .list:not(.stripedList):not(._dialogTable) thead tr._profitSubTitle,
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead tr._profitSubTitle {
  padding-left: 25px; }

._totalAmountTable {
  width: 450px; }
  ._totalAmountTable tr td {
    padding: 5px 10px; }
    ._totalAmountTable tr td:last-child {
      text-align: right; }
    ._totalAmountTable tr td label {
      color: #666; }
  ._totalAmountTable tr:nth-child(n+2) {
    border-top: 1px solid #eee; }
  ._totalAmountTable ._markedRow {
    background-color: #F9F8F8; }
    ._totalAmountTable ._markedRow td {
      border-top: 1px solid #ECECEC;
      border-bottom: 1px solid #ECECEC; }
      ._totalAmountTable ._markedRow td:first-child {
        border-left: 1px solid #ECECEC; }
      ._totalAmountTable ._markedRow td:last-child {
        border-right: 1px solid #ECECEC; }
  ._totalAmountTable ._inputBordered {
    text-align: right; }

._closeMonthWrap .list:not(.stripedList):not(._dialogTable),
._cashFlowWrap .list:not(.stripedList):not(._dialogTable) {
  background-color: #fff; }
  ._closeMonthWrap .list:not(.stripedList):not(._dialogTable) thead th, ._closeMonthWrap .list:not(.stripedList):not(._dialogTable) thead td,
  ._closeMonthWrap .list:not(.stripedList):not(._dialogTable) tbody th,
  ._closeMonthWrap .list:not(.stripedList):not(._dialogTable) tbody td,
  ._closeMonthWrap .list:not(.stripedList):not(._dialogTable) tfoot th,
  ._closeMonthWrap .list:not(.stripedList):not(._dialogTable) tfoot td,
  ._cashFlowWrap .list:not(.stripedList):not(._dialogTable) thead th,
  ._cashFlowWrap .list:not(.stripedList):not(._dialogTable) thead td,
  ._cashFlowWrap .list:not(.stripedList):not(._dialogTable) tbody th,
  ._cashFlowWrap .list:not(.stripedList):not(._dialogTable) tbody td,
  ._cashFlowWrap .list:not(.stripedList):not(._dialogTable) tfoot th,
  ._cashFlowWrap .list:not(.stripedList):not(._dialogTable) tfoot td {
    height: 23px;
    color: #666674;
    text-align: left; }
    ._closeMonthWrap .list:not(.stripedList):not(._dialogTable) thead th:last-child, ._closeMonthWrap .list:not(.stripedList):not(._dialogTable) thead td:last-child,
    ._closeMonthWrap .list:not(.stripedList):not(._dialogTable) tbody th:last-child,
    ._closeMonthWrap .list:not(.stripedList):not(._dialogTable) tbody td:last-child,
    ._closeMonthWrap .list:not(.stripedList):not(._dialogTable) tfoot th:last-child,
    ._closeMonthWrap .list:not(.stripedList):not(._dialogTable) tfoot td:last-child,
    ._cashFlowWrap .list:not(.stripedList):not(._dialogTable) thead th:last-child,
    ._cashFlowWrap .list:not(.stripedList):not(._dialogTable) thead td:last-child,
    ._cashFlowWrap .list:not(.stripedList):not(._dialogTable) tbody th:last-child,
    ._cashFlowWrap .list:not(.stripedList):not(._dialogTable) tbody td:last-child,
    ._cashFlowWrap .list:not(.stripedList):not(._dialogTable) tfoot th:last-child,
    ._cashFlowWrap .list:not(.stripedList):not(._dialogTable) tfoot td:last-child {
      padding-right: 15px;
      text-align: right; }
  ._closeMonthWrap .list:not(.stripedList):not(._dialogTable) thead tr.childRow,
  ._closeMonthWrap .list:not(.stripedList):not(._dialogTable) tbody tr.childRow,
  ._closeMonthWrap .list:not(.stripedList):not(._dialogTable) tfoot tr.childRow,
  ._cashFlowWrap .list:not(.stripedList):not(._dialogTable) thead tr.childRow,
  ._cashFlowWrap .list:not(.stripedList):not(._dialogTable) tbody tr.childRow,
  ._cashFlowWrap .list:not(.stripedList):not(._dialogTable) tfoot tr.childRow {
    border-top: 0; }
  ._closeMonthWrap .list:not(.stripedList):not(._dialogTable) thead tr,
  ._cashFlowWrap .list:not(.stripedList):not(._dialogTable) thead tr {
    border-top: 0; }
    ._closeMonthWrap .list:not(.stripedList):not(._dialogTable) thead tr th,
    ._cashFlowWrap .list:not(.stripedList):not(._dialogTable) thead tr th {
      font-family: "OpenSans Regular", Arial, Helvetica, sans-serif; }
      ._closeMonthWrap .list:not(.stripedList):not(._dialogTable) thead tr th:first-child,
      ._cashFlowWrap .list:not(.stripedList):not(._dialogTable) thead tr th:first-child {
        width: 50px; }
._closeMonthWrap .mainTr,
._cashFlowWrap .mainTr {
  cursor: pointer; }
._closeMonthWrap .containerContent,
._cashFlowWrap .containerContent {
  padding: 0; }

._profitWrap,
._balanceSheetWrap,
._closeMonthWrap,
._cashFlowWrap,
._trialBalanceWrap {
  min-height: 100%;
  padding-top: 20px;
  background-color: #ecf1f5; }
  ._profitWrap .containerContent,
  ._balanceSheetWrap .containerContent,
  ._closeMonthWrap .containerContent,
  ._cashFlowWrap .containerContent,
  ._trialBalanceWrap .containerContent {
    padding: 0; }

._inputBordered {
  height: 32px;
  line-height: 1.42857143;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 5px 8px;
  color: #555;
  vertical-align: middle;
  background-color: #fff; }

._incomeTableWrap {
  padding: 20px; }
  ._incomeTableWrap .list:not(.stripedList):not(._dialogTable) thead th {
    font-family: "OpenSans Regular", Arial, Helvetica, sans-serif; }
  ._incomeTableWrap .list:not(.stripedList):not(._dialogTable) thead th, ._incomeTableWrap .list:not(.stripedList):not(._dialogTable) thead td,
  ._incomeTableWrap .list:not(.stripedList):not(._dialogTable) tbody th,
  ._incomeTableWrap .list:not(.stripedList):not(._dialogTable) tbody td,
  ._incomeTableWrap .list:not(.stripedList):not(._dialogTable) tfoot th,
  ._incomeTableWrap .list:not(.stripedList):not(._dialogTable) tfoot td {
    height: 23px;
    color: #666674;
    text-align: left; }

._totalAmountContainer._createPopup ._totalAmountTable {
  margin-right: 30px; }
  ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap {
    padding: 0 20px; }
    ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) thead th {
      font-family: "OpenSans Regular", Arial, Helvetica, sans-serif; }
      ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) thead th._profitSubTitle, ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) thead th._profitTitle {
        padding-bottom: 2px;
        vertical-align: bottom; }
      ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) thead th._profitTitle {
        padding-left: 0; }
      ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) thead th._profitSubTitle {
        padding-left: 25px; }
    ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) thead th, ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) thead td, ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) thead tr,
    ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) tbody th,
    ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) tbody td,
    ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr,
    ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) tfoot th,
    ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) tfoot td,
    ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) tfoot tr {
      height: 23px;
      color: #666674;
      text-align: left; }
    ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) thead tr,
    ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr,
    ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) tfoot tr {
      border: none; }
    ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr.mainTr {
      cursor: pointer; }
      ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr.mainTr td:nth-child(2) {
        padding-left: 29px; }
    ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr.childRow td:nth-child(2) {
      padding-left: 44px; }
    ._totalAmountContainer._createPopup ._totalAmountTable ._profitTableWrap .list:not(.stripedList):not(._dialogTable) thead tr._profitSubTitle {
      padding-left: 25px; }
  ._totalAmountContainer._createPopup ._totalAmountTable ._incomeTableWrap {
    padding: 0 20px; }
    ._totalAmountContainer._createPopup ._totalAmountTable ._incomeTableWrap .list:not(.stripedList):not(._dialogTable) thead th {
      font-family: "OpenSans Regular", Arial, Helvetica, sans-serif; }
    ._totalAmountContainer._createPopup ._totalAmountTable ._incomeTableWrap .list:not(.stripedList):not(._dialogTable) thead th, ._totalAmountContainer._createPopup ._totalAmountTable ._incomeTableWrap .list:not(.stripedList):not(._dialogTable) thead td,
    ._totalAmountContainer._createPopup ._totalAmountTable ._incomeTableWrap .list:not(.stripedList):not(._dialogTable) tbody th,
    ._totalAmountContainer._createPopup ._totalAmountTable ._incomeTableWrap .list:not(.stripedList):not(._dialogTable) tbody td,
    ._totalAmountContainer._createPopup ._totalAmountTable ._incomeTableWrap .list:not(.stripedList):not(._dialogTable) tfoot th,
    ._totalAmountContainer._createPopup ._totalAmountTable ._incomeTableWrap .list:not(.stripedList):not(._dialogTable) tfoot td {
      height: 23px;
      color: #666674;
      text-align: left; }
  ._totalAmountContainer._createPopup ._totalAmountTable ._profitTitle {
    border-bottom: 2px solid #808080; }
  ._totalAmountContainer._createPopup ._totalAmountTable ._profitSubTitle {
    border-bottom: 1px solid #808080; }
  ._totalAmountContainer._createPopup ._totalAmountTable .paymentsContainer h3,
  ._totalAmountContainer._createPopup ._totalAmountTable .invoiceAttachments h3 {
    margin: 15px;
    color: #333; }
  ._totalAmountContainer._createPopup ._totalAmountTable .paymentsContainer {
    max-width: 820px;
    margin: 0 auto; }
    ._totalAmountContainer._createPopup ._totalAmountTable .paymentsContainer .list:not(.stripedList):not(._dialogTable) thead {
      background-color: #f5f4f3; }
      ._totalAmountContainer._createPopup ._totalAmountTable .paymentsContainer .list:not(.stripedList):not(._dialogTable) thead th {
        font-family: "OpenSans Regular", Arial, Helvetica, sans-serif; }
  ._totalAmountContainer._createPopup ._totalAmountTable .invoiceAttachments {
    max-width: 820px;
    margin: 0 auto; }
    ._totalAmountContainer._createPopup ._totalAmountTable .invoiceAttachments .attachWrapper {
      padding: 13px 0 20px; }
  ._totalAmountContainer._createPopup ._totalAmountTable .tableLeft tbody td {
    text-align: left; }
  ._totalAmountContainer._createPopup ._totalAmountTable .tableLeft thead th, ._totalAmountContainer._createPopup ._totalAmountTable .tableLeft thead .oe_sortable {
    text-align: left; }
  ._totalAmountContainer._createPopup ._totalAmountTable .tableRight .list tbody td {
    text-align: right; }
  ._totalAmountContainer._createPopup ._totalAmountTable .tableRight .list thead th {
    text-align: right; }

._cashFlowTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr,
._totalCashFlow .list:not(.stripedList):not(._dialogTable) tbody tr {
  border-top: 0; }

._cashFlowTableWrap .list:not(.stripedList):not(._dialogTable) .mainTr td:first-child {
  padding-left: 20px; }

._totalCashFlow .list:not(.stripedList):not(._dialogTable) tbody tr:last-child {
  border-bottom: 0; }

._totalBalanceTableWrap,
._trialBalanceTableWrap {
  padding-bottom: 20px; }

._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead tr,
._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead tr {
  border-top: 0; }
  ._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead tr th,
  ._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead tr th {
    text-align: left; }
    ._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead tr th:first-child,
    ._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead tr th:first-child {
      width: 50px; }
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr td,
._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr td {
  height: 23px; }
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr.mainTr td:first-child,
._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr.mainTr td:first-child {
  text-align: left; }
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr.childTr td:first-child,
._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr.childTr td:first-child {
  text-align: right; }
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr.subTr,
._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr.subTr {
  border-top: 0; }
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead tr td, ._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead tr th,
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr td,
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr th,
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tfoot tr td,
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tfoot tr th,
._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead tr td,
._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead tr th,
._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr td,
._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr th,
._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tfoot tr td,
._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tfoot tr th {
  color: #666674; }
  ._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead tr td:last-child, ._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead tr th:last-child,
  ._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr td:last-child,
  ._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr th:last-child,
  ._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tfoot tr td:last-child,
  ._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tfoot tr th:last-child,
  ._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead tr td:last-child,
  ._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) thead tr th:last-child,
  ._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr td:last-child,
  ._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody tr th:last-child,
  ._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tfoot tr td:last-child,
  ._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tfoot tr th:last-child {
    text-align: right; }
._totalBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tfoot tr td,
._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tfoot tr td {
  text-align: left; }

#groupList,
.groupList {
  margin: 10px;
  font-size: 14px; }
  #groupList li ul,
  .groupList li ul {
    clear: both; }
    #groupList li ul li,
    .groupList li ul li {
      clear: both; }
  #groupList li.parent .content .text,
  .groupList li.parent .content .text {
    padding-left: 26px;
    position: relative; }
    #groupList li.parent .content .text:before,
    .groupList li.parent .content .text:before {
      content: '\f115';
      position: absolute;
      top: -2px;
      right: auto;
      bottom: auto;
      left: 0;
      line-height: 24px;
      color: #10373E;
      font-family: "erp-icons";
      font-size: 15px; }
  #groupList li .text,
  .groupList li .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer; }
    #groupList li .text ._contentCount,
    .groupList li .text ._contentCount {
      margin-left: 4px;
      font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
      color: #3c82b1; }
  #groupList li .edit,
  #groupList li .trash,
  .groupList li .edit,
  .groupList li .trash {
    display: none;
    height: 24px;
    width: 24px;
    margin: 1px 10px 0 0;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    border-radius: 50%;
    color: #10373E;
    background-color: transparent;
    transition: background-color .2s ease-in-out; }
    #groupList li .edit:hover,
    #groupList li .trash:hover,
    .groupList li .edit:hover,
    .groupList li .trash:hover {
      background-color: rgba(126, 173, 204, 0.36); }
  #groupList li .edit,
  .groupList li .edit {
    margin-left: 20px; }
  #groupList .content,
  .groupList .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 28px;
    padding-left: 6px;
    margin: 2px 0;
    line-height: 25px;
    background: #F5F5F5;
    border: 1px solid transparent; }
    #groupList .content:hover,
    .groupList .content:hover {
      background-color: white;
      border: 1px solid #F5F5F5; }
      #groupList .content:hover .edit,
      #groupList .content:hover .trash,
      .groupList .content:hover .edit,
      .groupList .content:hover .trash {
        display: block; }
    #groupList .content ._actions,
    .groupList .content ._actions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    #groupList .content .text,
    .groupList .content .text {
      color: #000; }
  #groupList ._groupListItem ._trashCircle,
  .groupList ._groupListItem ._trashCircle {
    position: relative;
    top: -1px;
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer; }
    #groupList ._groupListItem ._trashCircle:hover,
    .groupList ._groupListItem ._trashCircle:hover {
      background-color: #e8e8e8;
      color: #10373E; }
  #groupList ._groupListItem ._text,
  .groupList ._groupListItem ._text {
    display: inline-block;
    margin-top: 1px; }

.groupList._notClicked li .text {
  cursor: default !important; }
  .groupList._notClicked li .text > span[class*="icon-"] {
    cursor: pointer !important; }

#sourceUsers,
#targetUsers,
#sourceGroups,
#targetGroups {
  width: 250px;
  height: 150px;
  margin: 5px;
  border: 1px solid #2c6b7a;
  overflow-x: hidden; }
  #sourceUsers li,
  #targetUsers li,
  #sourceGroups li,
  #targetGroups li {
    cursor: pointer;
    line-height: 20px;
    padding-left: 10px;
    color: #000; }
    #sourceUsers li + li,
    #targetUsers li + li,
    #sourceGroups li + li,
    #targetGroups li + li {
      border-top: 1px solid #2c6b7a; }
    #sourceUsers li:hover,
    #targetUsers li:hover,
    #sourceGroups li:hover,
    #targetGroups li:hover {
      background-color: white; }

#targetUsers {
  height: 150px;
  float: none !important; }

#sourceUsers,
#sourceGroups {
  margin-left: 150px; }

.listWrap.productList .listContentWrap, .listWrap.proformaList .listContentWrap {
  width: 350px; }
.listWrap.productList .listContentTitle, .listWrap.proformaList .listContentTitle {
  padding-right: 15px; }

.listContentWrap {
  width: 350px;
  border-right: 1px solid #ededed;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .listContentWrap .listContentTitle {
    position: relative; }
    .listContentWrap .listContentTitle #searchContainer {
      top: -26px; }
  .listContentWrap .search-options {
    width: 253px; }

.listContentWrap.closed, .listContentWrap.stageSelect.projectClosed,
span.listContentWrap.projectClosed,
a.listContentWrap.projectClosed {
  width: 100px; }
  .listContentWrap.closed ._growed, .listContentWrap.stageSelect.projectClosed ._growed,
  span.listContentWrap.projectClosed ._growed,
  a.listContentWrap.projectClosed ._growed {
    width: auto;
    padding-right: 0; }
  .listContentWrap.closed .btn-toggle, .listContentWrap.stageSelect.projectClosed .btn-toggle,
  span.listContentWrap.projectClosed .btn-toggle,
  a.listContentWrap.projectClosed .btn-toggle {
    margin-left: auto; }
    .listContentWrap.closed .btn-toggle span, .listContentWrap.stageSelect.projectClosed .btn-toggle span,
    span.listContentWrap.projectClosed .btn-toggle span,
    a.listContentWrap.projectClosed .btn-toggle span {
      display: inline-block;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
  .listContentWrap.closed .listContentTitle #searchContainer, .listContentWrap.stageSelect.projectClosed .listContentTitle #searchContainer,
  span.listContentWrap.projectClosed .listContentTitle #searchContainer,
  a.listContentWrap.projectClosed .listContentTitle #searchContainer {
    display: none; }
  .listContentWrap.closed .compactRowWrap, .listContentWrap.stageSelect.projectClosed .compactRowWrap,
  span.listContentWrap.projectClosed .compactRowWrap,
  a.listContentWrap.projectClosed .compactRowWrap {
    padding: 5px 5px 5px 0;
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .listContentWrap.closed .compactRow, .listContentWrap.stageSelect.projectClosed .compactRow,
  span.listContentWrap.projectClosed .compactRow,
  a.listContentWrap.projectClosed .compactRow {
    display: block; }
    .listContentWrap.closed .compactRow ._mainTitle, .listContentWrap.stageSelect.projectClosed .compactRow ._mainTitle,
    span.listContentWrap.projectClosed .compactRow ._mainTitle,
    a.listContentWrap.projectClosed .compactRow ._mainTitle {
      font-size: 12px; }
    .listContentWrap.closed .compactRow > *, .listContentWrap.stageSelect.projectClosed .compactRow > *,
    span.listContentWrap.projectClosed .compactRow > *,
    a.listContentWrap.projectClosed .compactRow > * {
      display: block;
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .listContentWrap.closed .compactView, .listContentWrap.stageSelect.projectClosed .compactView,
  span.listContentWrap.projectClosed .compactView,
  a.listContentWrap.projectClosed .compactView {
    margin: 2px; }
  .listContentWrap.closed .willHidden, .listContentWrap.stageSelect.projectClosed .willHidden,
  span.listContentWrap.projectClosed .willHidden,
  a.listContentWrap.projectClosed .willHidden {
    display: none !important; }
  .listContentWrap.closed .total, .listContentWrap.stageSelect.projectClosed .total,
  span.listContentWrap.projectClosed .total,
  a.listContentWrap.projectClosed .total {
    text-align: right; }
.listContentWrap.orderList.closed .compactRow ._mainTitle, .listContentWrap.orderList.stageSelect.projectClosed .compactRow ._mainTitle,
span.listContentWrap.orderList.projectClosed .compactRow ._mainTitle,
a.listContentWrap.orderList.projectClosed .compactRow ._mainTitle, .listContentWrap.invoiceList.closed .compactRow ._mainTitle, .listContentWrap.invoiceList.stageSelect.projectClosed .compactRow ._mainTitle,
span.listContentWrap.invoiceList.projectClosed .compactRow ._mainTitle,
a.listContentWrap.invoiceList.projectClosed .compactRow ._mainTitle {
  font-size: 16px; }
.listContentWrap.orderList.closed .compactRowWrap, .listContentWrap.orderList.stageSelect.projectClosed .compactRowWrap,
span.listContentWrap.orderList.projectClosed .compactRowWrap,
a.listContentWrap.orderList.projectClosed .compactRowWrap, .listContentWrap.invoiceList.closed .compactRowWrap, .listContentWrap.invoiceList.stageSelect.projectClosed .compactRowWrap,
span.listContentWrap.invoiceList.projectClosed .compactRowWrap,
a.listContentWrap.invoiceList.projectClosed .compactRowWrap {
  font-size: 12px; }

._scrollBlock {
  overflow: auto; }

.listContentTitle .dropDown.open .dropBtn {
  background-color: #2c6b7a;
  color: #fff; }
.listContentTitle .dropBtn {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  background-color: #fff;
  cursor: pointer; }
  .listContentTitle .dropBtn:hover {
    background-color: #2c6b7a;
    color: #fff; }

.listOpen .top-bar {
  display: none !important; }
.listOpen #content-holder {
  height: 100% !important; }
.listOpen .listContentTitle h3 {
  float: left; }
.listOpen .pagination {
  margin: 5px 0 10px; }

._listModalColumn {
  width: 33.333%;
  padding: 0 10px;
  float: left; }

._listModal:after {
  content: '';
  display: table;
  clear: both; }
._listModal ._modalSelect {
  display: block; }

._profitTableWrap {
  padding: 20px;
  margin: 0 20px 20px; }
  ._profitTableWrap ._profitContent {
    margin-left: 20px; }

._profitSumBlock,
._balancePercentage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

._profitSumBlock {
  padding: 0 6px;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  color: grey; }

._balancePercentage {
  margin: 10px 0; }

._formBlock .groupsChooser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  ._formBlock .groupsChooser #targetUsers,
  ._formBlock .groupsChooser #sourceUsers {
    width: 100%; }
  ._formBlock .groupsChooser #sourceGroups,
  ._formBlock .groupsChooser #sourceUsers,
  ._formBlock .groupsChooser #targetUsers {
    margin: 0; }
  ._formBlock .groupsChooser .userPagination {
    margin: 0; }
  ._formBlock .groupsChooser .sourceUsersWrap,
  ._formBlock .groupsChooser .targetUsersWrap {
    width: 250px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  ._formBlock .groupsChooser .swich {
    margin: 20px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

._taxRateSelect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  ._taxRateSelect ._persentItem {
    margin: 0 5px;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }

._trialBalanceTableWrap .list:not(.stripedList):not(._dialogTable) tbody td {
  height: 23px; }

._totalAmountTable {
  width: 400px;
  border-collapse: separate;
  border-spacing: 0 5px;
  color: #666;
  float: right; }
  ._totalAmountTable tr td {
    padding: 5px 10px; }
    ._totalAmountTable tr td:last-child {
      text-align: right; }
    ._totalAmountTable tr td label {
      color: #666; }
  ._totalAmountTable tr:nth-child(n+2) {
    border-top: 1px solid #eee; }
  ._totalAmountTable ._markedRow {
    background-color: #F9F8F8; }
    ._totalAmountTable ._markedRow td {
      border-top: 1px solid #ECECEC;
      border-bottom: 1px solid #ECECEC; }
      ._totalAmountTable ._markedRow td:first-child {
        border-left: 1px solid #ECECEC; }
      ._totalAmountTable ._markedRow td:last-child {
        border-right: 1px solid #ECECEC; }
  ._totalAmountTable ._inputBordered {
    text-align: right; }

._closeMonthTableWrap th label._customCHeckbox,
._closeMonthTableWrap .mainTr label._customCHeckbox {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative; }
  ._closeMonthTableWrap th label._customCHeckbox input[type='checkbox'],
  ._closeMonthTableWrap .mainTr label._customCHeckbox input[type='checkbox'] {
    top: -3px;
    left: 1px;
    z-index: 1; }
    ._closeMonthTableWrap th label._customCHeckbox input[type='checkbox'] + span,
    ._closeMonthTableWrap .mainTr label._customCHeckbox input[type='checkbox'] + span {
      width: 13px;
      height: 13px;
      padding-left: 0; }
      ._closeMonthTableWrap th label._customCHeckbox input[type='checkbox'] + span:before, ._closeMonthTableWrap th label._customCHeckbox input[type='checkbox'] + span:after,
      ._closeMonthTableWrap .mainTr label._customCHeckbox input[type='checkbox'] + span:before,
      ._closeMonthTableWrap .mainTr label._customCHeckbox input[type='checkbox'] + span:after {
        top: 0;
        left: 0;
        margin-top: 0; }

._locationTableWrap .list:not(.stripedList):not(._dialogTable) tbody td.location, ._locationTableWrap .list:not(.stripedList):not(._dialogTable) tbody td.zone {
  text-align: right; }

._currencyTable tr.gery {
  background: #d7d7d7;
  border-top: 1px solid #fff !important; }

._openForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 830px; }
  ._openForm ._inputColumn,
  ._openForm ._noteColumn {
    padding: 10px; }
  ._openForm ._inputColumn {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 320px; }
  ._openForm ._noteColumn {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

._inputColumn .moduleList {
  padding: 0;
  border: 0; }

@media (min-width: 1500px) {
  .listWrap.leadsList .listContentWrap,
  .listWrap.leadsList ._inputColumn, .listWrap.opportunitiesList .listContentWrap,
  .listWrap.opportunitiesList ._inputColumn, .listWrap.personList .listContentWrap,
  .listWrap.personList ._inputColumn, .listWrap.companiesList .listContentWrap,
  .listWrap.companiesList ._inputColumn {
    width: 400px; } }
@media (min-width: 1700px) {
  .listWrap.leadsList .listContentWrap,
  .listWrap.leadsList ._inputColumn, .listWrap.opportunitiesList .listContentWrap,
  .listWrap.opportunitiesList ._inputColumn, .listWrap.personList .listContentWrap,
  .listWrap.personList ._inputColumn, .listWrap.companiesList .listContentWrap,
  .listWrap.companiesList ._inputColumn {
    width: 500px; } }
@media (min-width: 1500px) {
  .listWrap.leadsList .listContentWrap #searchContainer, .listWrap.opportunitiesList .listContentWrap #searchContainer, .listWrap.personList .listContentWrap #searchContainer, .listWrap.companiesList .listContentWrap #searchContainer {
    width: 353px; } }
@media (min-width: 1700px) {
  .listWrap.leadsList .listContentWrap #searchContainer, .listWrap.opportunitiesList .listContentWrap #searchContainer, .listWrap.personList .listContentWrap #searchContainer, .listWrap.companiesList .listContentWrap #searchContainer {
    width: 453px; } }

._dashboardBody td:first-child {
  text-align: right; }

._listInfoWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 30px 50px;
  background: #fafafa; }
  ._listInfoWrap ._listInfo {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  ._listInfoWrap ._listInfo,
  ._listInfoWrap ._listInfo form {
    width: 100%; }

._listInfo {
  max-width: 800px;
  margin: 0 auto;
  border: 1px solid #efefef;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.14); }
  ._listInfo ._listHeader {
    padding: 0 60px 30px;
    background: #efefef; }
  ._listInfo ._titleWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  ._listInfo ._listTitle {
    color: #364150;
    font-size: 18px;
    text-transform: uppercase; }
  ._listInfo ._listTitle,
  ._listInfo ._dateOfCreation {
    padding-top: 50px;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    line-height: 1.3; }
  ._listInfo ._dateOfCreation {
    color: #4e8db7;
    font-size: 14px; }
    ._listInfo ._dateOfCreation ._title {
      color: #364150;
      font-size: 12px; }
  ._listInfo ._listRow,
  ._listInfo ._listDescriptionWrap {
    margin-top: 30px; }
  ._listInfo ._listRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    ._listInfo ._listRow ._listCell {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  ._listInfo ._listCell ._title {
    color: #3c82b1; }
  ._listInfo ._listCell ._value {
    margin-top: 10px;
    color: #364150;
    font-size: 14px;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
  ._listInfo ._descriptionTitle {
    color: #3c82b1; }
  ._listInfo ._listDescription {
    margin-top: 10px;
    line-height: 1.3;
    font-size: 14px;
    text-align: justify;
    word-break: break-all;
    color: #364150; }
  ._listInfo ._listBody {
    padding: 30px 60px; }

._tableLight th,
._tableLight td {
  text-align: right;
  font-size: 14px; }
  ._tableLight th:first-child,
  ._tableLight td:first-child {
    text-align: left; }
._tableLight th {
  padding-bottom: 15px;
  color: #b7b1b1;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
._tableLight thead {
  border-bottom: 1px solid #ededed; }
._tableLight tbody {
  color: #364150; }
  ._tableLight tbody tr:first-child td {
    padding-top: 20px; }
  ._tableLight tbody tr:last-child td {
    padding-bottom: 20px; }
  ._tableLight tbody td {
    padding: 10px 0; }

._zoneLocWrap .stripedList th.location {
  text-align: left; }

table {
  width: 100%; }
  table.kanban tbody td {
    margin: 0 5px;
    text-overflow: clip;
    background: linear-gradient(0deg, #efefef 0, rgba(255, 255, 255, 0.29804) 1px, transparent 1px, transparent 100%), linear-gradient(90deg, #efefef 0, rgba(255, 255, 255, 0.29804) 1px, transparent 1px, transparent 100%);
    background-position: -1px -1px;
    background-origin: padding-box;
    background-clip: border-box;
    background-size: 7px 7px; }
    table.kanban tbody td:nth-child(n+2) {
      border-left: 9px solid #fff; }
  table td.editable {
    cursor: pointer; }
    table td.editable.errorContent {
      border-bottom: 1px solid red; }
      table td.editable.errorContent:before {
        content: '* Please, choose';
        color: red;
        position: relative; }
  table .errorContent input {
    border: 1px solid red; }
  table .errorContent:after {
    display: none; }
  table .hasDatepicker {
    font-size: 13px;
    color: #10373E;
    cursor: pointer; }

td ._widthLimit {
  white-space: nowrap; }
td ._staticInfo {
  display: inline-block;
  min-height: 26px;
  padding: 5px;
  font-size: 13px; }

tr.redBorder {
  background-color: red !important; }
  tr.redBorder * {
    color: #fff !important; }
  tr.redBorder td {
    border-color: red !important; }
  tr.redBorder:hover {
    background-color: red !important; }
    tr.redBorder:hover * {
      color: #fff !important; }
    tr.redBorder:hover td {
      border-color: red !important;
      background-color: red !important; }

tr.greyBorder {
  background-color: #e5d7e8; }

.checkboxRow {
  width: 40px;
  padding: 10px;
  vertical-align: middle;
  text-align: center; }
  .checkboxRow label._customCHeckbox {
    position: relative; }
    .checkboxRow label._customCHeckbox .checkbox {
      left: 3px;
      top: 3px;
      z-index: 1;
      cursor: pointer; }

td.editable {
  position: relative; }

.projectMembersTable ._newSelectListWrap {
  display: inline-block; }
  .projectMembersTable ._newSelectListWrap .newSelectList {
    left: auto;
    right: 0; }

.list:not(.stripedList):not(._dialogTable) tbody tr.mainTr td, .list:not(.stripedList):not(._dialogTable) tbody tr.childTr td, .list:not(.stripedList):not(._dialogTable) tbody tr.subTr td,
._balanceSheetTable tbody tr.mainTr td,
._balanceSheetTable tbody tr.childTr td,
._balanceSheetTable tbody tr.subTr td {
  text-align: left; }
.list:not(.stripedList):not(._dialogTable) tbody tr.childTr td:nth-child(n+2),
._balanceSheetTable tbody tr.childTr td:nth-child(n+2) {
  padding-left: 36px; }
.list:not(.stripedList):not(._dialogTable) tbody tr.childTr td:nth-child(n+2),
._balanceSheetTable tbody tr.childTr td:nth-child(n+2) {
  padding-right: 20px; }
.list:not(.stripedList):not(._dialogTable) tbody tr.subTr td:nth-child(n+2),
._balanceSheetTable tbody tr.subTr td:nth-child(n+2) {
  padding-left: 66px; }

.list:not(.stripedList):not(._dialogTable) {
  font-family: "OpenSans Regular", sans-serif, Verdana;
  width: 100%; }
  .list:not(.stripedList):not(._dialogTable) td, .list:not(.stripedList):not(._dialogTable) th {
    padding: 0 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000000;
    font-size: 12px; }
  .list:not(.stripedList):not(._dialogTable) th.oe_sortable, .list:not(.stripedList):not(._dialogTable) th.oe_sortable_sub {
    height: 30px;
    padding-right: 20px; }
  .list:not(.stripedList):not(._dialogTable) thead tr {
    border: none;
    height: 30px;
    vertical-align: middle; }
  .list:not(.stripedList):not(._dialogTable) thead th {
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    text-align: right; }
  .list:not(.stripedList):not(._dialogTable) tbody td {
    text-align: right;
    height: 45px; }
    .list:not(.stripedList):not(._dialogTable) tbody td.changeContent {
      border-top: 2px solid #5cb85c;
      border-bottom: 2px solid #5cb85c; }
  .list:not(.stripedList):not(._dialogTable) tbody tr:first-child {
    border-top: none; }
  .list:not(.stripedList):not(._dialogTable) tbody tr:last-child {
    border-bottom: 1px solid #d7d7d7; }
  .list:not(.stripedList):not(._dialogTable) tbody tr {
    border-top: 1px solid #d7d7d7; }
  .list:not(.stripedList):not(._dialogTable) tfoot td {
    height: 45px;
    text-align: right; }
  .list:not(.stripedList):not(._dialogTable) thead tr,
  .list:not(.stripedList):not(._dialogTable) tfoot tr {
    background: inherit !important; }
  .list:not(.stripedList):not(._dialogTable) .notForm input {
    margin-top: 3px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top; }
  .list:not(.stripedList):not(._dialogTable) .centerCell {
    text-align: center; }
  .list:not(.stripedList):not(._dialogTable) .leftBorderNone {
    border-left: none; }
  .list:not(.stripedList):not(._dialogTable) .cancelled a {
    text-decoration: line-through; }
  .list:not(.stripedList):not(._dialogTable).enable_hover tbody tr:hover {
    background-color: #d9d9d9; }
  .list:not(.stripedList):not(._dialogTable) .overtime {
    background-color: #ffe332 !important; }
  .list:not(.stripedList):not(._dialogTable) thead th:first-of-type {
    width: 15%; }
  .list:not(.stripedList):not(._dialogTable) .datepicker {
    width: 90%; }
  .list:not(.stripedList):not(._dialogTable) .datepicker.notVisible {
    display: none; }

.mainTr {
  cursor: pointer; }

.subTr + .childTr td:nth-child(n+2) {
  padding-left: 36px; }
.subTr + .childTr td:first-child {
  border-top: none !important; }

._projectWeekTable.list tbody td,
._projectWeekTable.list thead th {
  text-align: center; }
._projectWeekTable.list tbody td {
  width: 35px; }
  ._projectWeekTable.list tbody td > input.editing {
    text-align: center; }

._projectTableVisible {
  overflow: initial; }

._timeCardTableWrap {
  position: relative;
  min-height: calc(100% - 42px);
  padding: 10px 0;
  padding-top: 5px;
  overflow: auto; }
  ._timeCardTableWrap > .stripedList {
    min-width: 1550px; }

._quotationTableWrap > .stripedList,
._ordersTableWrap > .stripedList {
  min-width: 1000px; }

._invoiceTableWrap > .stripedList,
._proformaTableWrap > .stripedList {
  min-width: 1150px; }

._paymentsTableWrap > .stripedList,
._membersTableWrap > .stripedList {
  min-width: 800px; }

._weeklySheduler ._dialogTableTitle,
._structureTypes ._dialogTableTitle,
._schedulePay ._dialogTableTitle,
._earningsType ._dialogTableTitle {
  margin: 15px 0 30px; }

._weeklySheduler ._dialogTable {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 20px; }
  ._weeklySheduler ._dialogTable th {
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
  ._weeklySheduler ._dialogTable th, ._weeklySheduler ._dialogTable td {
    height: 23px;
    padding: 0 6px;
    font-size: 12px;
    border-top: 1px solid #d7d7d7;
    text-align: left; }
    ._weeklySheduler ._dialogTable th:last-child, ._weeklySheduler ._dialogTable td:last-child {
      text-align: right; }
  ._weeklySheduler ._dialogTable tr:last-child td {
    border-bottom: 1px solid #d7d7d7; }
  ._weeklySheduler ._dialogTable tbody td {
    height: 45px; }

#pmsTable tfoot tr {
  border-top: 1px solid #d7d7d7; }

._earningsType .form textarea {
  width: 100%;
  border-bottom: 0; }
._earningsType.form-holder form dd {
  float: right; }
._earningsType ._listModal {
  padding-bottom: 0; }

._tablePayoutWrap,
._salaryReportTableWrap {
  min-height: calc(100% - 16px);
  overflow: auto; }

._tableBonusTypeWrap {
  min-height: calc(100% - 30px); }

._tableWrap {
  overflow: auto;
  padding-bottom: 100px; }

._balanceSheetTableWrap,
._totalBalanceTableWrap {
  padding-top: 20px; }

._balanceSheetTableWrap {
  padding: 20px 20px 0;
  margin: 0 20px;
  background-color: #fff; }
  ._balanceSheetTableWrap ._balanceSheetTable thead tr {
    border-top: 0; }
    ._balanceSheetTableWrap ._balanceSheetTable thead tr th {
      text-align: left; }
      ._balanceSheetTableWrap ._balanceSheetTable thead tr th:first-child {
        width: 20px; }
  ._balanceSheetTableWrap ._balanceSheetTable tbody tr td {
    height: 23px; }
  ._balanceSheetTableWrap ._balanceSheetTable tbody tr.mainTr td:first-child {
    text-align: left; }
  ._balanceSheetTableWrap ._balanceSheetTable tbody tr.childTr td:first-child {
    text-align: right; }
  ._balanceSheetTableWrap ._balanceSheetTable tbody tr.subTr {
    border-top: 0; }
    ._balanceSheetTableWrap ._balanceSheetTable tbody tr.subTr td:first-child {
      text-align: right;
      cursor: pointer; }
    ._balanceSheetTableWrap ._balanceSheetTable tbody tr.subTr td:nth-child(n+2) {
      padding-left: 20px; }
    ._balanceSheetTableWrap ._balanceSheetTable tbody tr.subTr td:nth-child(n+3) {
      padding-right: 36px; }
  ._balanceSheetTableWrap ._balanceSheetTable thead tr td, ._balanceSheetTableWrap ._balanceSheetTable thead tr th,
  ._balanceSheetTableWrap ._balanceSheetTable tbody tr td,
  ._balanceSheetTableWrap ._balanceSheetTable tbody tr th,
  ._balanceSheetTableWrap ._balanceSheetTable tfoot tr td,
  ._balanceSheetTableWrap ._balanceSheetTable tfoot tr th {
    padding: 5px 0;
    color: #666674; }
    ._balanceSheetTableWrap ._balanceSheetTable thead tr td:last-child, ._balanceSheetTableWrap ._balanceSheetTable thead tr th:last-child,
    ._balanceSheetTableWrap ._balanceSheetTable tbody tr td:last-child,
    ._balanceSheetTableWrap ._balanceSheetTable tbody tr th:last-child,
    ._balanceSheetTableWrap ._balanceSheetTable tfoot tr td:last-child,
    ._balanceSheetTableWrap ._balanceSheetTable tfoot tr th:last-child {
      text-align: right; }
  ._balanceSheetTableWrap ._balanceSheetTable tfoot tr td {
    text-align: left; }
  ._balanceSheetTableWrap td.source {
    cursor: default; }
  ._balanceSheetTableWrap td.expand {
    width: 30px; }

._taxList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  ._taxList > li {
    line-height: 24px; }

._formTable {
  table-layout: fixed; }
  ._formTable th._titleCell {
    padding-top: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #c8c8d3;
    color: #3d7fab;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
  ._formTable ._locationZoneWrap .newSelectList {
    right: 0;
    left: auto; }

._productOptionsTitle {
  margin-bottom: 15px;
  color: #323a43;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }

.dragtable-sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .dragtable-sortable li {
    margin: 0;
    padding: 0;
    float: left;
    font-size: 1em;
    background: white; }
    .dragtable-sortable li:first-child th,
    .dragtable-sortable li:first-child td {
      border-left: 1px solid #CCC; }
  .dragtable-sortable th,
  .dragtable-sortable td {
    border-left: 0; }

.ui-sortable-helper {
  opacity: 0.7;
  filter: alpha(opacity=70); }

.ui-sortable-placeholder {
  box-shadow: 4px 5px 4px #C6C6C6 inset;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  visibility: visible !important;
  background: #EFEFEF !important; }
  .ui-sortable-placeholder * {
    opacity: 0;
    visibility: hidden; }

#productItemsHolder {
  margin-top: 13px; }
  #productItemsHolder ._editAllocateAll {
    margin-top: -20px;
    margin-bottom: 8px; }

.jobsWescWrap textarea._animate {
  height: 27px;
  margin-top: 0; }

.productItem.deleteRow .current-selected {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.fullfilledHolder .fullfilledInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 4px; }
  .fullfilledHolder .fullfilledInfo span {
    display: block;
    padding: 0 8px;
    text-align: center;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    color: #fff; }
  .fullfilledHolder .fullfilledInfo input:not([type="checkbox"]) {
    width: 40px;
    border: 0;
    background-color: #fff; }
.fullfilledHolder.red .fullfilledInfo {
  background-color: #F44336; }
.fullfilledHolder.green .fullfilledInfo {
  background-color: #4caf50; }

span.accountDd {
  color: #666682;
  line-height: 24px; }

._productTable {
  table-layout: fixed; }
  ._productTable tr {
    height: 26px; }
    ._productTable tr.info {
      height: 0; }
  ._productTable thead {
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    color: #3a424c; }
  ._productTable tbody tr {
    vertical-align: top; }
  ._productTable td,
  ._productTable th {
    padding: 6px;
    text-align: right; }
    ._productTable td > *,
    ._productTable th > * {
      text-align: right; }
    ._productTable td:first-child,
    ._productTable th:first-child {
      text-align: left; }
      ._productTable td:first-child > *,
      ._productTable th:first-child > * {
        text-align: left; }
  ._productTable ._productInput,
  ._productTable ._productDescription {
    border: 0;
    border-bottom: 1px solid #2c6b7a;
    transition: box-shadow .2s ease-in-out; }
    ._productTable ._productInput:focus,
    ._productTable ._productDescription:focus {
      box-shadow: 0 1px 0 0 #2c6b7a; }
    ._productTable ._productInput:disabled, ._productTable ._productInput[readonly],
    ._productTable ._productDescription:disabled,
    ._productTable ._productDescription[readonly] {
      border-bottom-color: transparent; }
      ._productTable ._productInput:disabled:focus, ._productTable ._productInput[readonly]:focus,
      ._productTable ._productDescription:disabled:focus,
      ._productTable ._productDescription[readonly]:focus {
        box-shadow: none; }
  ._productTable ._productInput {
    height: 26px; }
  ._productTable ._productDescription {
    padding: 0 6px;
    height: 100px;
    text-align: left; }
    ._productTable ._productDescription:focus {
      box-shadow: 0 1px 0 0 #2c6b7a; }
    ._productTable ._productDescription:disabled, ._productTable ._productDescription[readonly] {
      background-color: #f9f8f8; }
  ._productTable td ._animateSelectBox {
    margin-bottom: 0; }

._overviewOrderWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: auto; }
  ._overviewOrderWrap ._overviewItem {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 30px;
    min-width: 33%;
    background: #f8f9fb;
    border-bottom: 1px solid #d6d6d6;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.revenueCountWrap {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 20px; }
  .revenueCountWrap ._revenueItem {
    width: 50%; }
    .revenueCountWrap ._revenueItem:last-child {
      text-align: right; }

#listTotal {
  color: #666666 !important;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }

.noteBtnBlock .btnBlue {
  width: 47px; }

.editedNoteTitle {
  padding: 10px 15px;
  border: 1px solid #C8C9D3;
  border-radius: 3px 3px 0 0; }
  .editedNoteTitle:after {
    content: '';
    display: table;
    clear: both; }

.noteBtnBlock,
.editNoteBtnBlock {
  height: 0;
  margin-top: -1px;
  border: 1px solid #4d7188;
  border-top: none;
  overflow: hidden;
  transition: all .2s ease; }
  .noteBtnBlock .btn,
  .editNoteBtnBlock .btn {
    margin: 8px 0; }
    .noteBtnBlock .btn:hover,
    .editNoteBtnBlock .btn:hover {
      text-decoration: none; }
    .noteBtnBlock .btn + .btn,
    .editNoteBtnBlock .btn + .btn {
      margin-left: 10px; }

.editNoteBtnBlock {
  height: auto;
  min-height: 44px;
  border: none; }
  .editNoteBtnBlock .btnBlue {
    width: 65px; }

.editedNote .noteType {
  float: left; }
.editedNote .editNoteBtnBlock .noteType {
  padding: 10px 5px 0 5px; }
.editedNote .noteText {
  padding: 10px !important;
  margin: 0 !important;
  border: 1px solid #C8C9D3;
  border-top: none; }
  .editedNote .noteText:hover, .editedNote .noteText:active, .editedNote .noteText:focus {
    outline: 0 !important; }
  .editedNote .noteText.active {
    padding: 0; }

.noteTitle {
  margin-top: 10px; }

.addTask:after {
  content: '';
  display: table;
  clear: both; }
.addTask .buttons {
  margin-top: 10px; }

.noteWrapper {
  width: 100%; }
  .noteWrapper.projects-dialog {
    width: 98%;
    margin: 0 auto; }
    .noteWrapper.projects-dialog .addNote textarea {
      max-width: inherit;
      resize: none; }
  .noteWrapper.full-width {
    width: 100%; }
  .noteWrapper > label {
    font-size: 16px;
    color: #000; }
  .noteWrapper ul.chart-tabs {
    border-bottom: 1px solid #c8c8d3; }
  .noteWrapper #noteBody .noteContainer {
    margin: 10px 0; }
    .noteWrapper #noteBody .noteContainer .name {
      margin-right: 15px;
      font-size: 11px; }
    .noteWrapper #noteBody .noteContainer .date {
      font-size: 11px;
      color: #777; }
    .noteWrapper #noteBody .noteContainer .dateNote {
      float: right; }
    .noteWrapper #noteBody .noteContainer .noteTitle {
      font-size: 15px; }
    .noteWrapper #noteBody .noteContainer .noteText,
    .noteWrapper #noteBody .noteContainer .noteTitle {
      word-break: break-word;
      color: #000;
      margin-bottom: 10px; }
    .noteWrapper #noteBody .noteContainer .right {
      float: right; }
      .noteWrapper #noteBody .noteContainer .right .sep {
        padding: 0 3px;
        font-size: 12px;
        color: #CCC; }
    .noteWrapper #noteBody .noteContainer:after {
      content: '';
      display: table;
      clear: both; }
  .noteWrapper #noteBody .noteBody {
    padding: 10px;
    border: 1px solid #7f7f80; }
  .noteWrapper .noteText {
    word-wrap: break-word; }
  .noteWrapper .noteTitle {
    word-wrap: break-word; }
  .noteWrapper .addNote, .noteWrapper .addTask {
    margin-top: 6px;
    background-color: inherit; }
    .noteWrapper .addNote.createHolder .area_holder textarea, .noteWrapper .addTask.createHolder .area_holder textarea {
      border-top: 0; }
    .noteWrapper .addNote.createHolder .area_holder textarea::-webkit-input-placeholder, .noteWrapper .addTask.createHolder .area_holder textarea::-webkit-input-placeholder {
      color: #a0a9b4 !important; }
    .noteWrapper .addNote.createHolder .area_holder textarea:-moz-placeholder, .noteWrapper .addTask.createHolder .area_holder textarea:-moz-placeholder {
      color: #a0a9b4 !important; }
    .noteWrapper .addNote.createHolder .area_holder textarea::-moz-placeholder, .noteWrapper .addTask.createHolder .area_holder textarea::-moz-placeholder {
      color: #a0a9b4 !important; }
    .noteWrapper .addNote.createHolder .area_holder textarea:-ms-input-placeholder, .noteWrapper .addTask.createHolder .area_holder textarea:-ms-input-placeholder {
      color: #a0a9b4 !important; }
    .noteWrapper .addNote label, .noteWrapper .addTask label {
      color: #555;
      display: none; }
    .noteWrapper .addNote .area_holder, .noteWrapper .addTask .area_holder {
      position: relative; }
      .noteWrapper .addNote .area_holder .attach_file, .noteWrapper .addTask .area_holder .attach_file {
        position: absolute;
        bottom: 5px;
        right: 10px;
        font-size: 18px; }
    .noteWrapper .addNote .counter-wrap, .noteWrapper .addTask .counter-wrap {
      position: absolute;
      top: 100%;
      right: 0;
      padding: 3px 5px; }
    .noteWrapper .addNote .addTitle, .noteWrapper .addTask .addTitle {
      display: none; }
    .noteWrapper .addNote .title-wrapper, .noteWrapper .addTask .title-wrapper {
      display: none;
      margin-top: 10px;
      margin-bottom: 10px; }
      .noteWrapper .addNote .title-wrapper input, .noteWrapper .addTask .title-wrapper input {
        width: 100%;
        max-width: inherit;
        background-color: white; }
    .noteWrapper .addNote #cancelNote,
    .noteWrapper .addNote #addNote, .noteWrapper .addTask #cancelNote,
    .noteWrapper .addTask #addNote {
      display: none; }
    .noteWrapper .addNote input, .noteWrapper .addTask input {
      display: none;
      width: 100%;
      margin-right: 10px;
      padding-left: 0;
      padding-right: 0;
      border-radius: 0; }
    .noteWrapper .addNote textarea, .noteWrapper .addTask textarea {
      width: 100%;
      padding: 10px 10px 15px;
      resize: none;
      box-sizing: border-box; }
      .noteWrapper .addNote textarea.noteText, .noteWrapper .addTask textarea.noteText {
        border-radius: 0 0 3px 3px; }
    .noteWrapper .addNote .area_holder textarea, .noteWrapper .addTask .area_holder textarea {
      height: 130px;
      border-radius: 0; }
    .noteWrapper .addNote.active, .noteWrapper .addTask.active {
      padding: 10px 0 10px 0;
      width: 100%; }
      .noteWrapper .addNote.active .buttons, .noteWrapper .addTask.active .buttons {
        margin-top: 3px; }
        .noteWrapper .addNote.active .buttons input, .noteWrapper .addTask.active .buttons input {
          width: auto; }
        .noteWrapper .addNote.active .buttons input, .noteWrapper .addNote.active .buttons a, .noteWrapper .addTask.active .buttons input, .noteWrapper .addTask.active .buttons a {
          float: left; }
        .noteWrapper .addNote.active .buttons #cancelNote, .noteWrapper .addNote.active .buttons #addNote, .noteWrapper .addTask.active .buttons #cancelNote, .noteWrapper .addTask.active .buttons #addNote {
          display: inline-block; }
      .noteWrapper .addNote.active label, .noteWrapper .addTask.active label {
        display: block;
        color: #b4bcc8; }
      .noteWrapper .addNote.active textarea, .noteWrapper .addTask.active textarea {
        resize: none;
        color: #000; }
      .noteWrapper .addNote.active input, .noteWrapper .addTask.active input {
        display: block;
        background-color: transparent; }
        .noteWrapper .addNote.active input:focus, .noteWrapper .addTask.active input:focus {
          box-shadow: 0 0 5px rgba(82, 168, 236, 0.5); }
      .noteWrapper .addNote.active .addTitle, .noteWrapper .addTask.active .addTitle {
        display: block;
        line-height: 30px; }
  .noteWrapper .editedNote.active {
    padding: 0; }
  .noteWrapper .attachContainer {
    padding: 0;
    margin: 0; }
  .noteWrapper .showmore,
  .noteWrapper .hideList {
    display: block;
    color: #428bca;
    width: 70px;
    cursor: pointer; }
    .noteWrapper .showmore:hover,
    .noteWrapper .hideList:hover {
      color: #2a6496; }

.counter-wrap .counter-label {
  font-size: 10px;
  color: #999; }
.counter-wrap .counter-value {
  color: #6398bb;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  font-size: 11px; }

._pureTemplate .timeNote .itemCircleWrap {
  position: absolute;
  left: -20px;
  top: 0;
  height: 100%; }
  ._pureTemplate .timeNote .itemCircleWrap:before {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: 34px;
    background-color: #c8c8d3; }
  ._pureTemplate .timeNote .itemCircleWrap .itemCircle {
    line-height: 24px; }
._pureTemplate .itemCircle {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  top: 8px;
  left: auto;
  margin: 0 10px;
  background-color: #fff; }
  ._pureTemplate .itemCircle .icon-edit-list,
  ._pureTemplate .itemCircle .icon-edit-list2 {
    color: #e6aa08; }
  ._pureTemplate .itemCircle .icon-coment {
    color: #7ab2cc; }
  ._pureTemplate .itemCircle .icon-usd {
    color: #1aaf5d; }
._pureTemplate .timeNote .noteContainer {
  padding-left: 0;
  margin-top: 0; }
  ._pureTemplate .timeNote .noteContainer:before {
    display: none; }
  ._pureTemplate .timeNote .noteContainer:last-child .itemCircleWrap:before {
    top: 0;
    height: 10px !important; }
  ._pureTemplate .timeNote .noteContainer .noteBody {
    position: relative;
    min-height: 45px;
    padding: 10px 0 0 35px;
    border: 0;
    box-shadow: none;
    font-size: 11px;
    font-size: 0.6875rem; }
  ._pureTemplate .timeNote .noteContainer .noteText {
    padding: 0 15px 0; }
  ._pureTemplate .timeNote .noteContainer .dateNote,
  ._pureTemplate .timeNote .noteContainer .changed_field,
  ._pureTemplate .timeNote .noteContainer .noteType {
    padding: 8px 0 0; }
  ._pureTemplate .timeNote .noteContainer .changed_field {
    color: #879697;
    line-height: 15px; }
  ._pureTemplate .timeNote .noteContainer .dateNote {
    display: block; }
  ._pureTemplate .timeNote .noteContainer .noteType {
    color: #879697;
    display: inline-block; }
    ._pureTemplate .timeNote .noteContainer .noteType + .noteType {
      margin-left: 10px; }
    ._pureTemplate .timeNote .noteContainer .noteType > a {
      color: inherit; }
  ._pureTemplate .timeNote .noteContainer .noteText {
    padding: 8px 15px 0; }
._pureTemplate .timeNote .historyContent:first-child {
  padding-top: 0;
  margin-top: 0; }
._pureTemplate .dateNote {
  color: #2c6b7a;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-size: 0.6875rem; }
._pureTemplate .editDelNote {
  display: inline-block;
  height: 24px;
  width: 24px;
  margin: 2px 5px;
  line-height: 22px;
  text-align: center;
  border: 1px solid #c8c8d3;
  border-radius: 50%; }
  ._pureTemplate .editDelNote:hover {
    text-decoration: none;
    background-color: #efefef;
    transition: .2s ease; }
  ._pureTemplate .editDelNote:after {
    content: '\e054';
    display: block;
    font-family: "erp-icons"; }
._pureTemplate .noteWrapper .noteContainer:nth-child(n+3) .itemCircleWrap:before {
  top: 0;
  height: 10px; }
._pureTemplate .noteWrapper .noteContainer:nth-child(n+4) {
  display: none; }
._pureTemplate .noteWrapper .noteContainer:first-child:before {
  display: none; }
._pureTemplate .noteWrapper .noteContainer:first-child .itemCircleWrap:before {
  top: 10px;
  height: calc(100% - 8px); }
._pureTemplate .noteWrapper .hideList {
  display: none; }
._pureTemplate .noteWrapper.open .noteContainer:nth-child(n+3) .itemCircleWrap:before {
  top: 0;
  height: 100%; }
._pureTemplate .noteWrapper.open .noteContainer:nth-child(n+4) {
  display: block; }
._pureTemplate .noteWrapper.open .hideList {
  display: block; }
._pureTemplate .noteWrapper.open .showmore {
  display: none !important; }
._pureTemplate ._noteTextarea {
  margin-top: 15px;
  margin-bottom: 5px; }
._pureTemplate .btn#addNote {
  margin-top: 10px; }
._pureTemplate .noteText {
  display: inline-block; }

.search-view {
  position: relative;
  background-color: #fff; }

._formNotes ._animateTextareaBox {
  margin-bottom: 0; }
._formNotes .buttons {
  margin-top: 15px; }
._formNotes ._timeline {
  max-height: 300px;
  padding: 0 0 10px;
  overflow: auto; }

._thisNotes {
  height: 202px; }

._pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 23px;
  padding: 0 30px;
  border-top: 1px solid #eaeaea;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  ._pagination ._countOnPage,
  ._pagination ._quantityListWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 10px; }
  ._pagination ._countOnPage ._pagesInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  ._pagination ._pagesInfo ._separator {
    margin: 0 5px; }
  ._pagination ._quantityList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    ._pagination ._quantityList ._listItem {
      min-width: 24px;
      padding: 0 4px;
      line-height: 24px;
      text-decoration: none;
      text-align: center;
      cursor: pointer; }
      ._pagination ._quantityList ._listItem:hover {
        background-color: #f2f2f2; }
      ._pagination ._quantityList ._listItem.selectedItemsNumber {
        background-color: #2c6b7a;
        color: #fff; }
    ._pagination ._quantityList button {
      background-color: white;
      background-image: none;
      border-radius: 0;
      width: 27px;
      margin: 0 0 0 5px;
      line-height: 10px;
      font-size: 12px;
      padding: 3px 2px; }
      ._pagination ._quantityList button:hover {
        background-color: #F7F8F9; }
  ._pagination ._pageActionBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px; }

._pageActionBlock ._paginationBtn {
  display: inline-block;
  height: 24px;
  min-width: 24px;
  background-color: transparent;
  font-size: 18px;
  font-size: 1.125rem; }
  ._pageActionBlock ._paginationBtn:hover {
    background-color: #2c6b7a;
    color: #fff; }
  ._pageActionBlock ._paginationBtn[disabled] {
    background-color: #f5f5f5;
    color: #c1c1c1;
    cursor: default; }
._pageActionBlock ._item {
  padding: 0 10px;
  line-height: 24px; }
  ._pageActionBlock ._item span + span {
    margin-left: 5px; }
._pageActionBlock ._lastPage,
._pageActionBlock ._value,
._pageActionBlock ._currentPage {
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  color: #364150; }
._pageActionBlock ._actionBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  ._pageActionBlock ._actionBlock ._currentPage {
    height: 24px;
    width: 24px;
    padding: 0 2px;
    border: 1px solid transparent; }
    ._pageActionBlock ._actionBlock ._currentPage:focus {
      border-color: #2c6b7a; }
._pageActionBlock ._pagesListWrap {
  position: relative; }
  ._pageActionBlock ._pagesListWrap ._paginationBtn {
    background-color: #2c6b7a;
    color: #fff; }
  ._pageActionBlock ._pagesListWrap.open ._pagesList {
    display: block !important;
    opacity: 1;
    visibility: visible; }
  ._pageActionBlock ._pagesListWrap ._pagesList {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 100%;
    left: -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border: 1px solid #c8c8d3;
    border-bottom: 0;
    box-shadow: 0 -4px 5px 0 rgba(0, 0, 0, 0.14), 0 -1px 10px 0 rgba(0, 0, 0, 0.12), 0 -2px 4px -1px rgba(0, 0, 0, 0.3); }
._pageActionBlock ._pagesList {
  background-color: #fff; }
  ._pageActionBlock ._pagesList > li {
    height: 24px;
    width: 24px;
    line-height: 24px;
    text-align: center;
    cursor: pointer; }
    ._pageActionBlock ._pagesList > li:hover {
      background-color: #2c6b7a;
      color: #fff; }

.userPagination {
  background-color: #fff;
  margin-left: 150px;
  margin-right: 5px;
  margin-top: -5px;
  text-align: center;
  line-height: 23px;
  font-size: 11px;
  height: 25px;
  border: 1px solid #2c6b7a;
  border-top: none; }
  .userPagination a {
    margin: 0 10px;
    color: #2e75a5 !important;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    font-size: 11px; }
  .userPagination span {
    padding: 0; }
  .userPagination.targetPagination {
    margin-left: 5px; }

.nextPrev button {
  position: relative; }

/*23.09 added from _main.less*/
.miniPagination,
.miniPaginationPersons {
  width: 240px;
  margin: 0 auto;
  text-align: center;
  height: 20px; }
  .miniPagination > div,
  .miniPaginationPersons > div {
    cursor: pointer;
    margin-top: 3px;
    height: 20px;
    line-height: 20px;
    float: left;
    border: 1px solid #7f7f80;
    border-right: none; }
    .miniPagination > div:hover,
    .miniPaginationPersons > div:hover {
      background-color: rgba(0, 0, 0, 0.1); }
      .miniPagination > div:hover span,
      .miniPaginationPersons > div:hover span {
        color: #000; }
    .miniPagination > div.not-active,
    .miniPaginationPersons > div.not-active {
      color: silver;
      background: none;
      cursor: default; }
      .miniPagination > div.not-active:hover,
      .miniPaginationPersons > div.not-active:hover {
        background: none; }
        .miniPagination > div.not-active:hover span,
        .miniPaginationPersons > div.not-active:hover span {
          color: #000; }
    .miniPagination > div span,
    .miniPaginationPersons > div span {
      color: #000; }
  .miniPagination .last, .miniPagination .lastPersons,
  .miniPaginationPersons .last,
  .miniPaginationPersons .lastPersons {
    border-right: 1px solid #7f7f80; }
  .miniPagination .first, .miniPagination .last, .miniPagination .firstPersons, .miniPagination .lastPersons,
  .miniPaginationPersons .first,
  .miniPaginationPersons .last,
  .miniPaginationPersons .firstPersons,
  .miniPaginationPersons .lastPersons {
    width: 40px; }
  .miniPagination .prev, .miniPagination .next, .miniPagination .prevPersons, .miniPagination .nextPersons,
  .miniPaginationPersons .prev,
  .miniPaginationPersons .next,
  .miniPaginationPersons .prevPersons,
  .miniPaginationPersons .nextPersons {
    width: 60px; }
  .miniPagination .prev, .miniPagination .next,
  .miniPaginationPersons .prev,
  .miniPaginationPersons .next {
    width: 60px; }

._chartOfAccountList tbody tr.child td {
  position: relative; }
  ._chartOfAccountList tbody tr.child td:first-child:before {
    content: '\e907';
    position: absolute;
    top: 0;
    left: 18px;
    font-family: "erp-icons";
    font-size: 28px;
    color: #b3b3b3; }
  ._chartOfAccountList tbody tr.child td:first-child:after {
    content: '';
    position: absolute;
    left: 45px;
    top: 0;
    display: block;
    height: 100%;
    width: 1px;
    background-color: #b3b3b3; }
._chartOfAccountList.list tbody td.notForm, ._chartOfAccountList.list thead th:first-child {
  padding-left: 20px;
  text-align: left; }
._chartOfAccountList.list tr.child td.notForm {
  text-align: right; }

._subCheckBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  ._subCheckBlock > label {
    margin-left: 10px; }

.mainLogo {
  color: #fff; }
  .mainLogo:hover {
    text-decoration: none; }
  .mainLogo span {
    color: #2c6b7a; }

.content-holder .grid-conatiner.revenue {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  overflow: auto; }
.content-holder .listContentWrap #searchContainer {
  position: static;
  min-width: 240px;
  width: 253px;
  margin-right: 0;
  z-index: 1; }
.content-holder .listContentWrap .ui-autocomplete-input {
  float: none; }

.graphicControlls:after {
  content: "";
  display: table;
  clear: both; }

.cashBalanceBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 6px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #c8c8d3;
  font-size: 13px;
  font-size: 0.8125rem; }
  .cashBalanceBlock ._cashTitle {
    color: #2c6b7a; }
  .cashBalanceBlock ._cashValue {
    color: #666682;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }

.totalContainer .half-block, .totalContainer .ui-dialog .app-block, .ui-dialog .totalContainer .app-block {
  width: 46%; }

.flexActionsWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .flexActionsWrap .actionsItem {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .flexActionsWrap .choseDateRange {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .flexActionsWrap .legend-box {
    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;
    margin: 0; }

.choseSaleRange,
.choseDateRange,
.choseDateItem,
.choseDateRangeSource {
  padding: 3px 10px;
  float: right;
  margin-right: 10px; }
  .choseSaleRange .item,
  .choseDateRange .item,
  .choseDateItem .item,
  .choseDateRangeSource .item {
    float: left;
    padding: 5px 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #f4f4f4;
    color: #000;
    border: 1px solid #7f7f80;
    cursor: pointer; }
    .choseSaleRange .item:first-child,
    .choseDateRange .item:first-child,
    .choseDateItem .item:first-child,
    .choseDateRangeSource .item:first-child {
      margin-left: 0; }
    .choseSaleRange .item.active,
    .choseDateRange .item.active,
    .choseDateItem .item.active,
    .choseDateRangeSource .item.active {
      background-color: #10373E;
      color: white; }

.choseSaleRange {
  float: left; }
  .choseSaleRange .item {
    width: 100px;
    text-align: center; }

.formContent .form-holder form {
  width: 100%;
  max-width: 100%;
  margin: 0; }
.formContent .btn.positioned {
  position: absolute;
  top: 5px;
  left: 311px; }

.form-holder form dd.cashBalanceRow {
  width: 390px; }
.form-holder .form .dealTitle h3 {
  display: inline-block;
  float: left;
  white-space: nowrap; }
  .form-holder .form .dealTitle h3.editable {
    position: relative;
    padding-left: 20px; }
    .form-holder .form .dealTitle h3.editable #editSpan {
      position: absolute;
      top: 0;
      left: 0; }

.editEmployeeForm .tableResponsive {
  width: 926px; }
.editEmployeeForm .ui-dialog-buttonset {
  margin-top: 15px; }

.taskArea {
  border-radius: 0 0 3px 3px; }

.selectBlockTitle {
  width: 100%;
  padding: 10px 0 5px; }

.commentWrap,
.attachmentWrap {
  color: #2c3e50; }

dl.payrollDateBlock dd {
  line-height: normal; }
dl.payrollDateBlock dt {
  margin-right: 15px; }

.salesGraphWrap .treemap_sales > div:after {
  content: "";
  display: table;
  clear: both; }

.compactRow {
  word-break: break-all; }
  .compactRow > * {
    line-height: normal; }
  .compactRow > div:nth-child(odd) {
    float: left;
    clear: both; }
  .compactRow > div:nth-child(even) {
    float: right; }
  .compactRow:nth-child(n+2) {
    margin-top: 10px; }

.compactView {
  margin: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #eaeaea;
  background-color: #fafafa;
  border-radius: 3px;
  box-shadow: 0 4px 7px -3px rgba(0, 0, 0, 0.2);
  transition: background-color 100ms ease-in-out, box-shadow 100ms ease-in-out;
  cursor: pointer; }
  .compactView:hover {
    background-color: #fff;
    box-shadow: 0 6px 8px -3px rgba(0, 0, 0, 0.3); }
  .compactView.selected {
    background-color: #f5f5f5; }
  .compactView .checkboxRow {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 40px; }
  .compactView .compactRowWrap {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

.compactRowWrap {
  padding: 8px 8px 8px 0; }
  .compactRowWrap .quotationsNameLeftBar {
    margin-bottom: 10px; }

.listContent,
.formContent {
  overflow: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.listContent {
  border-top: 1px solid #eaeaea;
  background-color: #f1f1f1; }

.formContentWrap,
.listContentWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.formContentWrap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: calc(100% - 300px);
  overflow: auto; }

.content-holder .formContentTitle {
  position: fixed;
  top: 40px;
  right: 0;
  height: 40px;
  width: 40px;
  padding: 7px 8px;
  cursor: pointer; }
  .content-holder .formContentTitle:hover {
    background-color: #f2f2f2; }
  .content-holder .formContentTitle .closeBtn {
    float: none; }

.listContentTitle {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .listContentTitle .btn-toggle {
    width: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #fff;
    font-size: 20px; }
    .listContentTitle .btn-toggle:hover {
      background-color: #2c6b7a;
      color: #fff; }

.listContentTitle {
  position: relative; }
  .listContentTitle #createBtnHolder {
    float: right; }
    .listContentTitle #createBtnHolder .fa {
      margin-right: 0; }

.content-holder .formContentTitle .closeBtn {
  float: right; }

.contentHolder.showButtons .noteBtnBlock {
  height: 44px; }

.treemap_sales {
  position: relative;
  display: inline-block; }

.dealsLeadBlock {
  margin-top: 30px; }

._sourceInfo {
  margin-top: 5px;
  float: left;
  clear: both; }

.edit-employee-info input {
  max-width: 280px !important; }
.edit-employee-info select {
  max-width: 190px !important; }

.workflowProgress:empty {
  display: none; }

.separateBlock {
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  color: #2b3643; }

.totalBySales {
  background-color: #045986; }
  .totalBySales td {
    text-align: left !important;
    font-size: 13px !important; }

.person-info span:not(._tagSmall),
.customer-info span:not(._tagSmall) {
  padding: 0 !important;
  color: #10373E; }

.customer-info dt {
  color: #b4bcc8; }

.project-edit-info dt {
  width: 40%;
  max-width: 200px; }
.project-edit-info dd {
  margin-top: 0; }

.quotation-info dd {
  margin-top: 1em; }

.highlight:after {
  visibility: hidden;
  transition: all 0.3s ease; }
.highlight.current-selected {
  border: 1px solid #2c6b7a;
  padding: 4px;
  border-radius: 5px; }
.highlight#goodsInNotesSaveBtn, .highlight._newForm {
  position: relative;
  overflow: visible;
  z-index: 1001; }
  .highlight#goodsInNotesSaveBtn:after, .highlight._newForm:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    padding: 4px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    border: 2px solid #2c6b7a;
    box-sizing: content-box;
    visibility: visible;
    z-index: 1000; }

#wrapper.layer + #dialogContainer > .ui-widget-overlay {
  position: static; }

#wrapper.layer + #dialogContainer > .ui-dialog {
  z-index: 999; }

#wrapper {
  min-width: 100%;
  height: 100%;
  position: absolute;
  clear: both;
  box-sizing: border-box; }
  #wrapper.layer:before {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 1000; }
  #wrapper.layer .sideMenu {
    position: static; }
  #wrapper.layer .highlight {
    position: relative;
    overflow: visible;
    z-index: 1001; }
    #wrapper.layer .highlight:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      padding: 4px;
      background: rgba(255, 255, 255, 0.2);
      border-radius: 5px;
      border: 2px solid #2c6b7a;
      box-sizing: content-box;
      visibility: visible;
      z-index: 1000; }
  #wrapper #content-holder {
    position: relative;
    height: calc(100% - 40px);
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow: auto; }
    #wrapper #content-holder .withGuideTour-holder {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      width: 100%;
      height: 100%;
      overflow: auto; }
    #wrapper #content-holder .withGuideTour {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      overflow: auto; }
    #wrapper #content-holder .guideTour {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 320px;
      padding: 20px; }
      #wrapper #content-holder .guideTour .titleGuideTour {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-bottom: 10px;
        color: #364150; }
        #wrapper #content-holder .guideTour .titleGuideTour h1 {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; }
      #wrapper #content-holder .guideTour p {
        font-size: 16px; }
      #wrapper #content-holder .guideTour ._guideList {
        margin-left: 25px;
        margin-top: 20px; }
        #wrapper #content-holder .guideTour ._guideList li {
          padding-left: 10px;
          margin-bottom: 5px;
          list-style-type: circle;
          font-size: 14px;
          color: #10373E; }
          #wrapper #content-holder .guideTour ._guideList li a {
            position: relative;
            left: -10px;
            color: #4d94c3;
            cursor: pointer; }
            #wrapper #content-holder .guideTour ._guideList li a:hover {
              color: #10373E; }
          #wrapper #content-holder .guideTour ._guideList li .caret {
            -webkit-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                    transform: rotate(-90deg); }

#startLetter {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  border-bottom: 1px solid #eaeaea; }
  #startLetter + .thumbnailContent {
    padding-top: 5px; }
  #startLetter .letter {
    display: inline-block;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    color: #4d5a75;
    transition: background-color .2s ease-in-out; }
    #startLetter .letter:hover {
      background-color: #e3e6e8; }
    #startLetter .letter.current {
      color: #10373E; }
      #startLetter .letter.current:hover {
        text-decoration: none;
        background-color: transparent; }
    #startLetter .letter.empty {
      color: #DBDBDB;
      cursor: default; }
      #startLetter .letter.empty:hover {
        text-decoration: none;
        background-color: transparent; }

/*._tableLettersWrap {
  #startLetter {
    margin: 0 0 10px;
    border-bottom: 0;

    .letter {
      font-family: $semibold-font-family;
    }
  }
}*/
.grid-conatiner {
  height: calc(100% - 35px); }
  .grid-conatiner.revenue {
    color: #ffffff;
    padding: 20px;
    font-size: 13px;
    font-weight: 300; }
    .grid-conatiner.revenue .chartContainer {
      margin: 20px auto; }
      .grid-conatiner.revenue .chartContainer #chart {
        width: calc(100% - 140px);
        box-sizing: border-box;
        float: left; }
      .grid-conatiner.revenue .chartContainer .legend,
      .grid-conatiner.revenue .chartContainer .legendHours {
        float: left;
        line-height: 24px;
        width: 140px; }
        .grid-conatiner.revenue .chartContainer .legend label,
        .grid-conatiner.revenue .chartContainer .legendHours label {
          display: inline-block;
          width: 50px;
          line-height: 25px;
          float: left; }
        .grid-conatiner.revenue .chartContainer .legend span.ui-spinner,
        .grid-conatiner.revenue .chartContainer .legendHours span.ui-spinner {
          width: 45px; }
          .grid-conatiner.revenue .chartContainer .legend span.ui-spinner input,
          .grid-conatiner.revenue .chartContainer .legendHours span.ui-spinner input {
            width: 57px; }
      .grid-conatiner.revenue .chartContainer .line1 {
        fill: none;
        stroke: black; }
      .grid-conatiner.revenue .chartContainer .line2 {
        fill: none;
        stroke: #94b5dc; }
      .grid-conatiner.revenue .chartContainer .circle2 {
        stroke: #94b5dc;
        fill: #94b5dc; }
      .grid-conatiner.revenue .chartContainer .line3 {
        fill: none;
        stroke: #4f7eac; }
      .grid-conatiner.revenue .chartContainer .circle3 {
        stroke: #4f7eac;
        fill: #4f7eac; }
      .grid-conatiner.revenue .chartContainer .line4 {
        fill: none;
        stroke: #a42a2b; }
      .grid-conatiner.revenue .chartContainer .circle4 {
        stroke: #a42a2b;
        fill: #a42a2b; }
      .grid-conatiner.revenue .chartContainer .line5 {
        fill: none;
        stroke: #fda401; }
      .grid-conatiner.revenue .chartContainer .circle5 {
        stroke: #fda401;
        fill: #fda401; }
      .grid-conatiner.revenue .chartContainer .y.axis .tick line {
        stroke-width: 1;
        stroke: #000 !important; }
      .grid-conatiner.revenue .chartContainer .y.axis .tick text {
        font-size: 11px;
        fill: #000000; }
      .grid-conatiner.revenue .chartContainer .axesName {
        fill: #000000; }
      .grid-conatiner.revenue .chartContainer .domain {
        fill: transparent;
        stroke: transparent; }
      .grid-conatiner.revenue .chartContainer:after {
        clear: both;
        content: "";
        display: table; }
    .grid-conatiner.revenue .headRow {
      display: table-row; }
    .grid-conatiner.revenue .divRow {
      display: table-row;
      width: auto; }
      .grid-conatiner.revenue .divRow.totalBySales {
        background-color: #C46B00; }
      .grid-conatiner.revenue .divRow.revenueTotal {
        background-color: #289718; }
      .grid-conatiner.revenue .divRow.totalByAllBonus {
        background-color: #edb523; }
      .grid-conatiner.revenue .divRow.totalCalcBonus {
        background-color: #2a6fce; }
      .grid-conatiner.revenue .divRow.totalUncalcBonus {
        background-color: #b37d53; }
      .grid-conatiner.revenue .divRow.totalTotalHours {
        background-color: #750ace; }
      .grid-conatiner.revenue .divRow.totalHoursSold {
        background-color: #b3ce67; }
      .grid-conatiner.revenue .divRow.totalHoursUnsold {
        background-color: #9c827b; }
      .grid-conatiner.revenue .divRow.totalByDep, .grid-conatiner.revenue .divRow.totalHoursByDep {
        background-color: #10373E; }
      .grid-conatiner.revenue .divRow.totalPaid {
        background-color: #a2a2a3; }
      .grid-conatiner.revenue .divRow.totalUnpaid {
        background-color: #E55253; }
      .grid-conatiner.revenue .divRow.totalCancelled {
        background-color: #1EBBEA; }
      .grid-conatiner.revenue .divRow.totalProject {
        background-color: #5a9ad4; }
      .grid-conatiner.revenue .divRow.totalEmployee {
        background-color: #91ce50; }
      .grid-conatiner.revenue .divRow.subRow {
        padding: 15px; }
      .grid-conatiner.revenue .divRow .rowChecked {
        font-size: 15px;
        font-weight: 600; }
    .grid-conatiner.revenue .clickToShow {
      font-weight: 500;
      cursor: pointer;
      padding-right: 33%;
      margin-right: -30%; }
    .grid-conatiner.revenue .bonusCell {
      color: #9bedda;
      padding: 15px 10px; }
    .grid-conatiner.revenue .divCell {
      float: left;
      display: table-column;
      width: 5.4%;
      height: 22px;
      padding: 0 5px;
      box-sizing: border-box;
      text-align: right;
      line-height: 22px; }
      .grid-conatiner.revenue .divCell.left-cell {
        width: 11%;
        text-align: left;
        white-space: nowrap; }
      .grid-conatiner.revenue .divCell.trend {
        width: 7.5%; }
      .grid-conatiner.revenue .divCell.forBonus {
        display: table-column;
        min-width: 57px;
        height: 17px;
        padding: 0;
        box-sizing: border-box;
        text-align: right;
        line-height: 22px;
        margin-left: 46px; }
    .grid-conatiner.revenue #tablePaidBySales .divCell,
    .grid-conatiner.revenue #tableUnpaidBySales .divCell,
    .grid-conatiner.revenue #tableCancelledBySales .divCell,
    .grid-conatiner.revenue #tableProjectBySales .divCell,
    .grid-conatiner.revenue #totalAllBonus .divCell,
    .grid-conatiner.revenue #totalCalcBonus .divCell,
    .grid-conatiner.revenue #totalUncalcBonus .divCell,
    .grid-conatiner.revenue #totalTotalHours .divCell,
    .grid-conatiner.revenue #totalHoursSold .divCell,
    .grid-conatiner.revenue #totalHoursUnsold .divCell,
    .grid-conatiner.revenue #revenueTotal .divCell,
    .grid-conatiner.revenue #tableEmployeeBySales .divCell {
      width: 6.34%; }
      .grid-conatiner.revenue #tablePaidBySales .divCell.left-cell,
      .grid-conatiner.revenue #tableUnpaidBySales .divCell.left-cell,
      .grid-conatiner.revenue #tableCancelledBySales .divCell.left-cell,
      .grid-conatiner.revenue #tableProjectBySales .divCell.left-cell,
      .grid-conatiner.revenue #totalAllBonus .divCell.left-cell,
      .grid-conatiner.revenue #totalCalcBonus .divCell.left-cell,
      .grid-conatiner.revenue #totalUncalcBonus .divCell.left-cell,
      .grid-conatiner.revenue #totalTotalHours .divCell.left-cell,
      .grid-conatiner.revenue #totalHoursSold .divCell.left-cell,
      .grid-conatiner.revenue #totalHoursUnsold .divCell.left-cell,
      .grid-conatiner.revenue #revenueTotal .divCell.left-cell,
      .grid-conatiner.revenue #tableEmployeeBySales .divCell.left-cell {
        width: 10%; }
      .grid-conatiner.revenue #tablePaidBySales .divCell.th-trend,
      .grid-conatiner.revenue #tableUnpaidBySales .divCell.th-trend,
      .grid-conatiner.revenue #tableCancelledBySales .divCell.th-trend,
      .grid-conatiner.revenue #tableProjectBySales .divCell.th-trend,
      .grid-conatiner.revenue #totalAllBonus .divCell.th-trend,
      .grid-conatiner.revenue #totalCalcBonus .divCell.th-trend,
      .grid-conatiner.revenue #totalUncalcBonus .divCell.th-trend,
      .grid-conatiner.revenue #totalTotalHours .divCell.th-trend,
      .grid-conatiner.revenue #totalHoursSold .divCell.th-trend,
      .grid-conatiner.revenue #totalHoursUnsold .divCell.th-trend,
      .grid-conatiner.revenue #revenueTotal .divCell.th-trend,
      .grid-conatiner.revenue #tableEmployeeBySales .divCell.th-trend {
        width: 7.5%; }
    .grid-conatiner.revenue .th-trend {
      width: 7.5%; }
    .grid-conatiner.revenue .th-green {
      border-bottom: 2px solid #10373E; }
  .grid-conatiner .attendanceTop,
  .grid-conatiner .attendance {
    margin: 0 20px; }
  .grid-conatiner .attendanceTop {
    margin-bottom: 10px; }
    .grid-conatiner .attendanceTop > div {
      display: inline-block;
      border: 1px solid #7f7f80;
      padding: 5px; }
      .grid-conatiner .attendanceTop > div span {
        color: #000; }
      .grid-conatiner .attendanceTop > div #currentEmployee, .grid-conatiner .attendanceTop > div #currentStatus, .grid-conatiner .attendanceTop > div #currentTime {
        color: #000; }
        .grid-conatiner .attendanceTop > div #currentEmployee option, .grid-conatiner .attendanceTop > div #currentStatus option, .grid-conatiner .attendanceTop > div #currentTime option {
          background-color: #fff; }
      .grid-conatiner .attendanceTop > div.pull-left {
        position: relative;
        margin-right: 10px;
        height: 32px;
        line-height: 20px; }
        .grid-conatiner .attendanceTop > div.pull-left > div {
          display: inline-block; }
          .grid-conatiner .attendanceTop > div.pull-left > div.editable.current-selected {
            position: static; }
        .grid-conatiner .attendanceTop > div.pull-left .editable {
          cursor: pointer; }
        .grid-conatiner .attendanceTop > div.pull-left .newSelectList {
          right: 0;
          top: 32px; }
    .grid-conatiner .attendanceTop:after {
      display: table;
      content: " ";
      clear: both; }

.invoiceTooltip {
  position: relative;
  text-align: center;
  height: 28px;
  background-color: #fff;
  color: #000;
  font: 14px sans-serif;
  pointer-events: none;
  display: none;
  border: 2px solid;
  z-index: 11; }
  .invoiceTooltip > span {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 3px;
    left: 0;
    z-index: 2; }
  .invoiceTooltip .arrow {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 8px 0 8px;
    border-color: #b6e7f3 transparent transparent transparent;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1; }
  .invoiceTooltip:before {
    content: ''; }
  .invoiceTooltip:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #fff transparent transparent transparent;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 2; }

.attach_file {
  cursor: pointer;
  color: #2c6b7a; }

.propertyFormList .social {
  margin-top: 0; }

._gridTableWrap {
  position: relative;
  height: calc(100% - 100px);
  overflow: auto; }

a.attach_file:hover {
  text-decoration: none; }

._spinnerTitle {
  line-height: 28px;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }

#top-bar #createBtnHolder._journalEntry_correction {
  margin-left: 10px; }

._attendateWrap.grid-conatiner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100% - 15px);
  padding-bottom: 70px; }
._attendateWrap ._tableScrollWrap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto; }

._projectsTypeWrap {
  padding: 4px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.selectCurrent {
  position: relative; }

#timeRecivingDataFromServer,
#timeBuildingDataFromServer {
  clear: both;
  text-align: center; }

.floatAvatar {
  margin-left: 160px;
  width: 80%;
  display: block; }

#projectTopName {
  line-height: 24px; }

#projectTypeDD {
  text-transform: capitalize; }

#convert-dialog-form {
  display: none; }

#createUserForm #resetBtn span,
#createUserForm #saveBtn span,
.changePassword span {
  color: #10373E !important; }

#workflows {
  width: 603px; }
  #workflows .row {
    height: 38px;
    width: 580px;
    margin: 4px 0;
    line-height: 36px;
    border: 1px solid #7f7f80;
    background: #fff;
    cursor: pointer; }
    #workflows .row:hover {
      background: #e6e6e6; }
      #workflows .row:hover .edit-status {
        float: right;
        display: block;
        padding-right: 8px;
        line-height: 34px;
        text-align: right; }
        #workflows .row:hover .edit-status a {
          padding-right: 5px; }
    #workflows .row.addnew:hover {
      background: inherit; }
    #workflows .row span {
      color: #000; }
    #workflows .row input:not([type="checkbox"]) {
      line-height: 26px; }
    #workflows .row select {
      height: 26px; }
    #workflows .row > div {
      padding-left: 10px;
      width: 190px;
      float: left; }
    #workflows .row .edit-status {
      display: none; }
      #workflows .row .edit-status .btn.save + .btn.cancel {
        margin-left: 4px; }
    #workflows .row .status-edit {
      width: 90px; }
    #workflows .row .SaveCancel {
      float: right;
      text-align: right;
      display: block;
      padding-right: 8px; }
      #workflows .row .SaveCancel a {
        padding-right: 5px; }
      #workflows .row .SaveCancel .btn + .btn {
        margin-left: 5px; }

#minScheduleDate {
  display: none; }

textarea#editInput {
  position: absolute; }

.selectCompany,
.aboutHolder {
  padding: 10px 20px 20px;
  margin-bottom: 10px;
  border-radius: 3px;
  border: 1px solid #c8c8d3; }

.attachWrapper,
.selectCompany {
  position: relative; }
  .attachWrapper ._circleIconBtn,
  .selectCompany ._circleIconBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    line-height: 24px;
    color: #000; }
    .attachWrapper ._circleIconBtn:before,
    .selectCompany ._circleIconBtn:before {
      cursor: pointer; }
    .attachWrapper ._circleIconBtn input,
    .selectCompany ._circleIconBtn input {
      position: absolute;
      opacity: 0;
      left: 0;
      top: 0;
      width: 24px;
      height: 100%;
      cursor: pointer;
      overflow: hidden; }

#timeRecivingDataFromServer {
  clear: both;
  text-align: center;
  color: #000; }

.chart-tabs-items {
  text-align: center;
  margin-bottom: 0; }
  .chart-tabs-items .dialog-tabs-item,
  .chart-tabs-items .chart-tabs-item {
    display: none; }
    .chart-tabs-items .dialog-tabs-item.active,
    .chart-tabs-items .chart-tabs-item.active {
      display: block; }
  .chart-tabs-items .left {
    margin-left: 25px; }

.chart rect.bar2 {
  opacity: 0.3; }
.chart text {
  fill: black;
  font: 18px sans-serif;
  text-anchor: end; }
.chart .x .tick line {
  stroke: #f2f2f2; }

.axis text {
  font: 14px sans-serif;
  color: #000;
  fill: #000 !important; }
.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges; }
.axis .domain {
  stroke: #fff; }

.x.axis path {
  display: none; }

.y .tick line {
  stroke: #f2f2f2; }
.y.label {
  fill: #57D0b5;
  font: 18px sans-serif; }

.y2.label {
  fill: #10373E;
  font: 18px sans-serif; }
.y2 .tick line {
  stroke: #fff; }

.legend rect.main {
  stroke: #e5e5e5;
  stroke-width: 3;
  fill: white; }
.legend text {
  text-anchor: start;
  font-weight: normal;
  font-size: 16px; }

.choseDateRange,
.choseDateItem,
.choseDateRangeSource {
  padding: 3px 10px;
  float: right;
  margin-right: 10px; }
  .choseDateRange .item,
  .choseDateItem .item,
  .choseDateRangeSource .item {
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    padding: 5px 10px;
    color: #000;
    background-color: #f4f4f4;
    border: 1px solid #7f7f80;
    cursor: pointer; }
    .choseDateRange .item:first-child,
    .choseDateItem .item:first-child,
    .choseDateRangeSource .item:first-child {
      margin-left: 0; }
    .choseDateRange .item.active,
    .choseDateItem .item.active,
    .choseDateRangeSource .item.active {
      background-color: #10373E;
      color: white; }

.legend-box {
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 5px;
  color: #000;
  text-align: center;
  display: inline-block; }
  .legend-box.small {
    line-height: 26px;
    margin-top: 0 !important; }
    .legend-box.small:before, .legend-box.small:after {
      content: '';
      display: table; }
    .legend-box.small:after {
      clear: both; }
  .legend-box.medium {
    line-height: 26px; }
  .legend-box:before, .legend-box:after {
    content: '';
    display: table; }
  .legend-box:after {
    clear: both; }
  .legend-box.genderLegend {
    padding-left: 20px; }
    .legend-box.genderLegend > div {
      text-align: right; }
  .legend-box div {
    display: inline-block;
    padding: 3px 10px; }
    .legend-box div .square,
    .legend-box div .text {
      display: inline-block;
      vertical-align: middle; }
    .legend-box div .square {
      width: 20px;
      height: 20px;
      padding: 0; }
    .legend-box div .text {
      line-height: 20px;
      height: 20px;
      padding: 0 10px; }
    .legend-box div.total .square {
      opacity: 0.3; }
    .legend-box div.convertRate .square {
      border-radius: 20px; }

.choseDateItem {
  float: left;
  margin-left: 10px; }

h3.dashboard {
  text-align: center;
  line-height: 50px;
  color: #4d5a75; }

.rowEdit {
  padding: 0 !important; }

.paidBySales {
  background-color: #1d96c2; }
  .paidBySales td {
    text-align: left !important;
    font-size: 13px !important; }

.revenueBySales {
  background-color: #A19015; }
  .revenueBySales td {
    text-align: left !important;
    font-size: 13px !important; }

.leadChart text,
.chart text {
  fill: #000; }

li.fired {
  background-color: rgba(235, 0, 4, 0.73); }

.content_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  right: 0;
  bottom: 0;
  height: calc(100% - 40px);
  width: calc(100% - 40px); }

.template-switcher {
  margin-top: 8px; }

.selectDd {
  position: relative;
  display: inline-block;
  width: 100%;
  border: 0;
  color: #a0a9b4;
  border-bottom: 1px solid #a0a9b4; }
  .selectDd:after {
    content: '';
    position: absolute;
    right: 5px;
    top: 16px;
    height: 0;
    width: 0;
    border-top: 4px solid #666;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    cursor: pointer; }
  .selectDd .selectedDb {
    display: block;
    font-size: 14px;
    line-height: 34px;
    cursor: pointer; }
  .selectDd ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 34px;
    width: 100%;
    background-image: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    font-size: 13px;
    padding: 5px 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    z-index: 10;
    -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
            transform: translateY(50px);
    transition: all .2s ease; }
    .selectDd ul li {
      padding: 3px 25px;
      line-height: 18px;
      cursor: pointer; }
      .selectDd ul li:hover {
        background-color: #eef0f0;
        transition: background-color .2s ease; }
    .selectDd ul.openDd {
      visibility: visible;
      opacity: 1;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }

#searchContainer {
  position: fixed;
  top: 47px;
  right: 0;
  min-width: 280px;
  margin-right: 90px;
  z-index: 200; }
  #searchContainer.dashBoardVocationSearch {
    position: static;
    float: right;
    margin-right: 0; }
  #searchContainer .filter-check-list {
    margin-top: -1px; }

.filterOptions,
.filterActions {
  display: none; }

.chooseTerm,
.chooseOption {
  width: 130px; }

#health:not(._healthWrapper) a,
.health-wrapper:not(._healthWrapper) a {
  display: inline-block;
  height: 10px;
  width: 10px;
  margin: 0 7px 2px;
  border: 1px solid #7f7f80;
  border-radius: 10px;
  cursor: pointer; }
  #health:not(._healthWrapper) a.center,
  .health-wrapper:not(._healthWrapper) a.center {
    float: none;
    margin: 0 auto; }
  #health:not(._healthWrapper) a.health1,
  .health-wrapper:not(._healthWrapper) a.health1 {
    background-color: #008000; }
  #health:not(._healthWrapper) a.health2,
  .health-wrapper:not(._healthWrapper) a.health2 {
    background-color: #FFA500; }
  #health:not(._healthWrapper) a.health3,
  .health-wrapper:not(._healthWrapper) a.health3 {
    background-color: red; }
#health:not(._healthWrapper) ul,
.health-wrapper:not(._healthWrapper) ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  width: 26px;
  margin-top: 5px;
  background-color: #fff;
  border: 1px solid #eee;
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1); }
  #health:not(._healthWrapper) ul.with-div,
  .health-wrapper:not(._healthWrapper) ul.with-div {
    margin-left: 17px; }
  #health:not(._healthWrapper) ul li div,
  .health-wrapper:not(._healthWrapper) ul li div {
    padding: 3px 7px; }
    #health:not(._healthWrapper) ul li div:after,
    .health-wrapper:not(._healthWrapper) ul li div:after {
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 10px;
      cursor: pointer;
      border: 1px solid #7f7f80; }
    #health:not(._healthWrapper) ul li div.health1:after,
    .health-wrapper:not(._healthWrapper) ul li div.health1:after {
      background-color: #008000; }
    #health:not(._healthWrapper) ul li div.health2:after,
    .health-wrapper:not(._healthWrapper) ul li div.health2:after {
      background-color: #FFA500; }
    #health:not(._healthWrapper) ul li div.health3:after,
    .health-wrapper:not(._healthWrapper) ul li div.health3:after {
      background-color: red; }
#health:not(._healthWrapper) .health-container,
.health-wrapper:not(._healthWrapper) .health-container {
  position: relative;
  display: block;
  padding-top: 3px;
  width: 25px;
  cursor: pointer; }

._healthWrapper {
  width: 120px;
  height: 30px; }
  ._healthWrapper.open a:before {
    -webkit-animation: circleShadow 250ms ease-out forwards;
            animation: circleShadow 250ms ease-out forwards; }
  ._healthWrapper.open a:after {
    background-color: #d8d8d8; }
  ._healthWrapper.open ._healthDdList .health1,
  ._healthWrapper.open ._healthDdList .health2,
  ._healthWrapper.open ._healthDdList .health3 {
    opacity: 1;
    visibility: visible; }
  ._healthWrapper.open ._healthDdList .health1 {
    -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
            transform: translateX(30px); }
  ._healthWrapper.open ._healthDdList .health2 {
    -webkit-transform: translateX(60px);
        -ms-transform: translateX(60px);
            transform: translateX(60px);
    transition-delay: .1s; }
  ._healthWrapper.open ._healthDdList .health3 {
    -webkit-transform: translateX(90px);
        -ms-transform: translateX(90px);
            transform: translateX(90px);
    transition-delay: .2s; }
  ._healthWrapper [class^="health"],
  ._healthWrapper [class*=" health"] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer; }
    ._healthWrapper [class^="health"]:after,
    ._healthWrapper [class*=" health"]:after {
      content: '';
      display: inline-block;
      width: 16px;
      height: 16px;
      margin: 7px;
      border-radius: 50%; }
  ._healthWrapper a {
    z-index: 2; }
    ._healthWrapper a:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      width: 30px;
      height: 30px;
      border-radius: 50%; }
    ._healthWrapper a:after {
      transition: background-color .2s ease-in-out; }
  ._healthWrapper ul [class^="health"],
  ._healthWrapper ul [class*=" health"] {
    z-index: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    transition: all .3s ease-in-out; }
  ._healthWrapper ._healthDd {
    position: relative;
    width: 30px;
    height: 30px; }
  ._healthWrapper ._healthDdList .health1,
  ._healthWrapper ._healthDdList .health2,
  ._healthWrapper ._healthDdList .health3 {
    opacity: 0;
    visibility: hidden; }
  ._healthWrapper ._healthDdList .health3 {
    transition-delay: .2s; }
  ._healthWrapper ._healthDdList .health2 {
    transition-delay: .1s; }
  ._healthWrapper .health1:after {
    background-color: green; }
  ._healthWrapper .health2:after {
    background-color: orange; }
  ._healthWrapper .health3:after {
    background-color: red; }

@keyframes circleShadow {
  0% {
    background-color: transparent; }
  50% {
    background-color: rgba(0, 0, 0, 0.07); }
  100% {
    background-color: transparent;
    -webkit-transform: scale(1.6);
            transform: scale(1.6); } }
.avatarInfoContainer {
  display: block;
  width: auto;
  margin-left: 150px; }
  .avatarInfoContainer.employee .half-block, .avatarInfoContainer.employee .ui-dialog .app-block, .ui-dialog .avatarInfoContainer.employee .app-block {
    margin-top: 8px; }
    .avatarInfoContainer.employee .half-block dt, .avatarInfoContainer.employee .ui-dialog .app-block dt, .ui-dialog .avatarInfoContainer.employee .app-block dt {
      color: #10373E; }
    .avatarInfoContainer.employee .half-block dd, .avatarInfoContainer.employee .ui-dialog .app-block dd, .ui-dialog .avatarInfoContainer.employee .app-block dd {
      color: #000; }

.stageSelect.pending,
span.pending,
a.pending {
  color: red; }
.stageSelect.inprogress,
span.inprogress,
a.inprogress {
  color: #10373E; }
.stageSelect.closed, .stageSelect.projectClosed, .stageSelect.done, .stageSelect.unDone, .stageSelect.new, .stageSelect.cancelled, .stageSelect.draft,
span.closed,
span.stageSelect.projectClosed,
span.projectClosed,
span.done,
span.unDone,
span.new,
span.cancelled,
span.draft,
a.closed,
a.stageSelect.projectClosed,
a.projectClosed,
a.done,
a.unDone,
a.new,
a.cancelled,
a.draft {
  display: block;
  padding: 0 5px;
  border-radius: 4px;
  line-height: 16px;
  text-align: center; }
.stageSelect.projectClosed,
span.projectClosed,
a.projectClosed {
  background-color: inherit; }
.stageSelect.unDone,
span.unDone,
a.unDone {
  color: #E55253; }
.stageSelect.done,
span.done,
a.done {
  color: #00DB30; }
.stageSelect.cancelled,
span.cancelled,
a.cancelled {
  text-decoration: line-through; }

#banned {
  height: 80px;
  width: 365px;
  margin: 0 auto; }
  #banned .icon-banned {
    float: left;
    height: 100%;
    width: 20%;
    background: url("../images/banned.png") no-repeat; }
  #banned .text-banned {
    float: right; }
    #banned .text-banned h1 {
      padding: 0 0 10px;
      font-size: 24px;
      font-weight: 300 !important; }
    #banned .text-banned p {
      font-size: 16px; }

.topInputHolder {
  padding-bottom: 10px;
  border-bottom: 1px solid #7f7f80; }
  .topInputHolder .thirdPartBlock {
    width: 33.33%; }
    .topInputHolder .thirdPartBlock .person-info {
      display: table;
      width: 100%; }
      .topInputHolder .thirdPartBlock .person-info > div, .topInputHolder .thirdPartBlock .person-info dd, .topInputHolder .thirdPartBlock .person-info dt {
        display: table-cell;
        vertical-align: middle; }
      .topInputHolder .thirdPartBlock .person-info dd, .topInputHolder .thirdPartBlock .person-info dt {
        line-height: 25px; }
      .topInputHolder .thirdPartBlock .person-info .miniAvatar {
        width: 20%; }
        .topInputHolder .thirdPartBlock .person-info .miniAvatar .avatar {
          width: 50px;
          height: 50px;
          margin: 0; }
      .topInputHolder .thirdPartBlock .person-info .miniAvatarInfo {
        width: 80%; }

.openAll {
  width: 100px;
  cursor: pointer;
  color: #000; }
  .openAll .icon {
    display: inline-block;
    width: 12px;
    margin: 0 9px;
    font-size: 12px;
    line-height: 18px;
    text-align: center; }

.search-field {
  position: relative;
  display: block;
  height: 26px;
  width: 100%;
  padding: 0;
  font-size: 14px;
  line-height: 1.42857143;
  color: #4d5a75;
  background: inherit;
  border: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
  .search-field .search {
    position: absolute;
    top: 4px;
    left: 6px;
    font-size: 16px;
    cursor: pointer; }
  .search-field span:before {
    color: #4d5a75;
    line-height: 1; }
  .search-field .search-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    height: 26px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
    border: 1px solid #7f7f80;
    background: #f3f3f3; }
    .search-field .search-content:before {
      font-size: 8px; }

.removeFilter {
  float: right; }

.filtersActive {
  position: relative;
  float: right;
  margin-top: -26px;
  margin-right: calc(25% + 90px); }
  .filtersActive button {
    display: inline-block;
    padding: 6px 6px 5px 6px;
    border-radius: 0;
    background: #eeeeee; }

.activated {
  max-height: 250px;
  width: 100%;
  overflow-y: scroll; }

.condition {
  width: 165px;
  background-color: #f9f9f9;
  border: 1px solid #7f7f80; }
  .condition li {
    margin: 5px; }

.CondParagraph {
  margin-left: 50px;
  font-size: 14px; }

#favoritesContent {
  padding-top: 5px; }
  #favoritesContent li {
    list-style: none; }
  #favoritesContent #savedFiltersElements {
    max-height: 200px;
    padding: 5px 0;
    margin-top: 14px;
    border-top: 1px solid #c8c8d3;
    overflow: auto; }
    #favoritesContent #savedFiltersElements .filters {
      font-size: 12px;
      line-height: 18px;
      height: 18px;
      padding: 0 0 0 5px;
      font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
      border-left: 2px solid transparent; }
      #favoritesContent #savedFiltersElements .filters .removeSavedFilter {
        display: none;
        color: #fab2b1 !important;
        font-size: 16px;
        transition: all 0.25s ease-in-out; }
      #favoritesContent #savedFiltersElements .filters:hover {
        border-left-color: #2c6b7a; }
        #favoritesContent #savedFiltersElements .filters:hover .removeSavedFilter {
          display: block; }
      #favoritesContent #savedFiltersElements .filters ._defFilterCheckBoxWrp .defFilterCheckBox {
        margin-right: -16px;
        visibility: hidden; }
      #favoritesContent #savedFiltersElements .filters ._defFilterCheckBoxWrp > span {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin: 0 5px;
        text-align: center;
        border-radius: 50%;
        color: #fff; }
      #favoritesContent #savedFiltersElements .filters.checkedValue {
        background-color: #2c6b7a; }
      #favoritesContent #savedFiltersElements .filters .removeSavedFilter {
        float: right;
        height: 100%;
        border: none;
        background-color: transparent;
        color: #000; }
    #favoritesContent #savedFiltersElements .checkedValue {
      background-color: #ffffff;
      color: #fff; }
  #favoritesContent .line {
    height: 1px;
    width: 100%;
    margin: 9px 0;
    background-color: #7f7f80; }
  #favoritesContent .filter_name_wrapper {
    font-size: 0; }

#addUsers,
#removeUsers,
#addUsersGroups,
#removeUsersGroups {
  width: 30px;
  height: 30px;
  background: white url("../images/arrow-left.png") no-repeat 50% 50%;
  border-radius: 0;
  margin-top: 5px;
  display: block; }
  #addUsers:hover,
  #removeUsers:hover,
  #addUsersGroups:hover,
  #removeUsersGroups:hover {
    box-shadow: 0 0 10px; }

#addUsers,
#addUsersGroups {
  margin-top: 40px;
  background-image: url("../images/arrow-right.png"); }

.addUserDialog,
.addGroupDialog {
  display: none; }
  .addUserDialog #allUsers,
  .addUserDialog #allGroup,
  .addGroupDialog #allUsers,
  .addGroupDialog #allGroup {
    width: 180px;
    height: 200px; }

#allUsers,
#targetUsers {
  float: left; }

#content-holder .inner-holder {
  margin: 20px; }
  #content-holder .inner-holder:after {
    content: '';
    display: table;
    clear: both; }

#showMoreDiv {
  clear: both;
  text-align: center; }
  #showMoreDiv #showMore {
    display: inline-block;
    width: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #fff;
    background-color: #2c6b7a;
    padding: 8px 15px;
    font-size: 14px;
    border-color: #2c6b7a;
    border-radius: 3px; }

#details > dl,
#sub-details > dl {
  padding-left: 156px; }
#details.workflow-details,
#sub-details.workflow-details {
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 20px;
  padding-bottom: 20px;
  display: none;
  font-family: 'Segoe UI', sans-serif;
  font-size: 13px; }
  #details.workflow-details.active,
  #sub-details.workflow-details.active {
    display: block; }

#sub-details.workflow-details {
  display: block;
  padding-top: 0; }
#sub-details .listWorkflow {
  margin-left: 20px; }
  #sub-details .listWorkflow .btn#addNewStatus {
    margin-top: 10px; }

#details-dialog {
  display: none; }

#workflowAccord,
#workflowSubAccord {
  width: calc(100% - 170px); }

#weekList > h2,
#monthList > h2 {
  text-align: center;
  font-size: 28px;
  line-height: 30px;
  padding-top: 15px;
  color: #2c6b7a;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  margin-bottom: 10px; }

.addUserAndGroup {
  margin-top: 8px; }
  .addUserAndGroup span {
    color: #000; }
  .addUserAndGroup .addUser,
  .addUserAndGroup .addGroup {
    color: #10373E; }

.groupsChooser {
  margin: 20px; }
  .groupsChooser .swich {
    margin-top: 60px;
    width: 30px;
    height: 30px; }
    .groupsChooser .swich:before {
      content: '0';
      font-family: "erp-icons";
      font-size: 40px;
      color: #10373E; }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #444;
  opacity: .3;
  filter: Alpha(Opacity=30); }

.birthday-item {
  clear: both;
  margin: 20px auto 0; }
  .birthday-item dl dd, .birthday-item dl dt {
    overflow: visible; }
  .birthday-item .date {
    width: 160px;
    height: 100px;
    text-align: right;
    float: left; }
    .birthday-item .date h3 {
      padding-right: 30px;
      font-size: 12px;
      color: #AAA;
      font-weight: 300; }
    .birthday-item .date h2 {
      font-family: "OpenSans Regular", Arial, Helvetica, sans-serif;
      padding-right: 30px;
      font-weight: 300;
      font-size: 30px;
      line-height: 38px;
      color: #000; }
  .birthday-item .info {
    color: #fff;
    background: #4d5a75;
    margin-left: 160px;
    margin-right: 40px;
    position: relative;
    padding-bottom: 10px; }
    .birthday-item .info .top-wrapper {
      margin-right: 10px;
      margin-bottom: 10px;
      margin-left: 10px; }
    .birthday-item .info:after {
      content: " ";
      position: absolute;
      right: 100%;
      top: 19px;
      height: 0;
      width: 0;
      pointer-events: none;
      border-top: 10px solid transparent;
      border-right: 20px solid #4d5a75;
      border-bottom: 10px solid transparent; }
    .birthday-item .info .top {
      height: 40px;
      margin: 0 0 10px 0;
      border-bottom: 1px solid #7f7f80; }
      .birthday-item .info .top a {
        font-family: "OpenSans Regular", Arial, Helvetica, sans-serif;
        font-weight: 300 !important;
        line-height: 40px;
        font-size: 24px;
        color: #FFF;
        cursor: pointer; }
        .birthday-item .info .top a:hover {
          opacity: 0.5; }
    .birthday-item .info .ava {
      float: left;
      display: block;
      overflow: hidden;
      position: relative;
      width: 100px;
      height: 100px;
      margin: 0 10px 0 0; }
      .birthday-item .info .ava img {
        height: auto;
        width: 100%; }
      .birthday-item .info .ava canvas {
        height: auto;
        width: 100%; }
      .birthday-item .info .ava .upload {
        overflow: hidden;
        font-size: 15px;
        line-height: 18px;
        text-align: center;
        display: block;
        height: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        color: #fff; }
        .birthday-item .info .ava .upload input {
          height: 20px;
          opacity: 0;
          background: rgba(0, 0, 0, 0.5);
          margin: 0;
          padding: 0;
          width: 100%; }
    .birthday-item .info .text {
      font-family: 'Open Sans', sans-serif;
      font-size: 14px;
      font-weight: 300; }
    .birthday-item .info .readMore {
      display: inline-block;
      margin-top: 10px;
      color: white;
      font-size: 14px;
      padding: 0;
      text-align: left;
      text-decoration: none;
      float: right; }
      .birthday-item .info .readMore i {
        display: inline-block;
        width: 14px;
        height: 14px;
        position: relative;
        margin-top: 0;
        line-height: 14px;
        vertical-align: top;
        background-repeat: no-repeat; }
        .birthday-item .info .readMore i:before {
          position: absolute;
          top: 3px;
          font-family: "erp-icons";
          content: 'a';
          font-size: 18px;
          font-style: normal; }
      .birthday-item .info .readMore:hover {
        opacity: 0.5; }

#birthdaysList {
  padding: 0 5px 20px; }

.forFilterIcons {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  margin-right: 3px;
  margin-top: 2px;
  border: 1px solid #7f7f80;
  border-radius: 3px;
  line-height: 18px; }
  .forFilterIcons .filterValues {
    padding: 0 4px;
    font-size: 12px;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }

.forInfoWrap {
  overflow: hidden; }

.node {
  cursor: pointer; }
  .node circle {
    fill: #fff;
    stroke: steelblue;
    stroke-width: 1.5px; }
  .node text {
    font: 12px sans-serif; }

.nodeTree {
  position: absolute;
  border: solid 1px white;
  font-size: 10px;
  line-height: 12px;
  text-indent: 2px;
  overflow: hidden; }

.y .tick line {
  stroke: #f2f2f2; }
.y.label {
  fill: #57D0b5;
  font: 18px sans-serif; }

.y2.label {
  fill: #10373E;
  font: 18px sans-serif; }
.y2 .tick line {
  stroke: #fff; }

.legend rect.main {
  stroke: #e5e5e5;
  stroke-width: 3;
  fill: white; }
.legend text {
  text-anchor: start;
  font-weight: normal;
  font-size: 16px; }

.invoiceChart-legend {
  width: 100%;
  text-align: center; }
  .invoiceChart-legend .choseDateItem,
  .invoiceChart-legend .legend-box {
    display: inline-block;
    float: none;
    vertical-align: top; }
  .invoiceChart-legend .legend-box {
    margin-top: 0;
    padding: 0; }
    .invoiceChart-legend .legend-box .invoiced .square {
      opacity: .4; }
    .invoiceChart-legend .legend-box .paid .square {
      opacity: .4; }
  .invoiceChart-legend .choseDateItem {
    border: 1px solid #7f7f80; }
    .invoiceChart-legend .choseDateItem span {
      background: #fff;
      color: #4d5a75;
      padding: 2px 5px;
      font-size: 12px;
      line-height: 16px; }
      .invoiceChart-legend .choseDateItem span:hover {
        background-color: #66b5d4;
        color: white;
        cursor: pointer; }
    .invoiceChart-legend .choseDateItem .active {
      background-color: #66b5d4;
      color: white; }

.createJobInput {
  margin: 10px 0;
  width: 100%;
  height: 25px; }

.createJobLabel {
  font-size: 14px; }

.managers h4 {
  color: #000; }
.managers .btn_holder {
  margin-top: 10px; }

#loading {
  position: fixed;
  z-index: 9999;
  display: block;
  width: 100%;
  height: 100%; }

._pms-tr {
  background-color: #f1f3f1; }
  ._pms-tr td {
    height: 25px !important; }

._formWrap ._variantsBlock {
  z-index: 2; }

._variantsBlock {
  position: relative;
  border: 1px solid #eaeaea; }
  ._variantsBlock.open ._categoriesList {
    display: block; }
  ._variantsBlock ._checkCategoriesWrap ._arrow {
    float: right;
    height: 24px;
    width: 30px;
    background-color: transparent;
    text-align: center;
    transition: all .2s ease; }
    ._variantsBlock ._checkCategoriesWrap ._arrow:hover {
      background-color: #e4e4e4; }
    ._variantsBlock ._checkCategoriesWrap ._arrow:after {
      content: '\f107';
      display: inline-block;
      line-height: 24px;
      font-family: "erp-icons";
      font-size: 16px;
      cursor: pointer; }
  ._variantsBlock ._checkCategories {
    float: left;
    width: calc(100% - 30px);
    padding-right: 20px; }
    ._variantsBlock ._checkCategories > li {
      position: relative;
      float: left;
      height: 18px;
      min-width: 30px;
      max-width: 100%;
      padding: 0 4px;
      margin: 3px;
      background: #2c6b7a;
      line-height: 18px;
      color: #fff;
      border-radius: 3px; }
      ._variantsBlock ._checkCategories > li:hover {
        padding-right: 24px; }
        ._variantsBlock ._checkCategories > li:hover .icon-close3 {
          display: block;
          background-color: #2c6b7a; }
    ._variantsBlock ._checkCategories .icon-close3 {
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      height: 16px;
      padding: 0 3px;
      color: #3a424c;
      line-height: inherit;
      cursor: pointer; }
  ._variantsBlock ._categoriesList {
    display: none;
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    max-height: 200px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    overflow: auto; }
    ._variantsBlock ._categoriesList:empty {
      display: none !important; }
    ._variantsBlock ._categoriesList > li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0 5px; }
      ._variantsBlock ._categoriesList > li:hover {
        background-color: #f3f3f3; }
      ._variantsBlock ._categoriesList > li > label {
        cursor: pointer; }
      ._variantsBlock ._categoriesList > li ._customCHeckbox {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        margin-right: 6px; }
      ._variantsBlock ._categoriesList > li ._checkboxLabel {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        line-height: 22px; }

._settingsHolder {
  min-height: calc(100% - 55px); }

._tableLettersWrap #startLetter {
  margin: 0 0 10px;
  border-bottom: 0; }
  ._tableLettersWrap #startLetter .letter {
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }

._basedRange {
  margin-top: 5px; }

._rangeLabel {
  cursor: pointer; }

.formulaElementOperand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .formulaElementOperand > * {
    margin: 0 2px; }
  .formulaElementOperand ._animateInputBox {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .formulaElementOperand .current-selected {
    min-height: auto; }

._payrollFormulaOutput {
  line-height: 24px; }

._borderBottom {
  border-bottom: 1px solid #7f7f80; }

._invoiceItemsHolder {
  padding: 24px; }

._viewProject textarea._animate {
  height: 85px; }
._viewProject ._selectLabel {
  display: block;
  color: #2c6b7a;
  font-size: 10px;
  margin-left: 5px;
  margin-bottom: 7px; }

._defaultProfileWrap {
  margin: 20px;
  width: 300px; }

._variantsLabel {
  display: inline-block;
  line-height: 26px; }

._timeCardLegendWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 20px;
  background-color: #ecf1f5; }
  ._timeCardLegendWrap > span {
    padding: 7px;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
  ._timeCardLegendWrap ._legendEl {
    height: 30px;
    width: 30px;
    text-align: center; }

._orderNumber {
  display: inline-block;
  height: 26px;
  padding: 0 8px;
  margin-top: 5px;
  margin-bottom: 0;
  background-color: #e7e6e4;
  font-size: 14px;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  border-radius: 3px;
  color: #364150;
  line-height: 26px; }

.history_item {
  padding: 10px 5px;
  border-bottom: 1px solid #7f7f80; }
  .history_item .history_header {
    margin-bottom: 10px; }
    .history_item .history_header .editBy {
      float: left; }
      .history_item .history_header .editBy_name {
        color: #10373E; }
    .history_item .history_header .date {
      float: right; }
  .history_item .history_body .history_changed {
    margin-bottom: 10px; }
    .history_item .history_body .history_changed .changedFieldName {
      float: left;
      width: 100px; }
    .history_item .history_body .history_changed .changed_field {
      float: left;
      margin-left: 130px; }

.settings_modal .check_wrap {
  float: left;
  width: 20px; }
.settings_modal .setting_element {
  margin-bottom: 20px; }
  .settings_modal .setting_element .setting_title {
    display: inline-block; }
  .settings_modal .setting_element .selected {
    vertical-align: top;
    padding-left: 15px; }
  .settings_modal .setting_element .createBtn {
    color: #2c6b7a; }
.settings_modal .settings_list .content {
  margin: 0;
  border-width: 0 0 1px 0 !important; }
.settings_modal .resultFormula {
  text-align: center; }

._setInputTitle {
  line-height: 22px; }

._basedRange ._customCHeckbox {
  margin-top: 5px; }

.topbarHolder {
  position: fixed;
  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;
  height: 40px;
  width: 100%;
  background-color: #2b3643;
  z-index: 300; }
  .topbarHolder .topbarLogo {
    display: block;
    width: 200px;
    height: 40px;
    padding-left: 39px;
    padding-right: 20px;
    box-sizing: border-box; }
    .topbarHolder .topbarLogo .mainLogo {
      font-family: "OpenSans Light", Arial, Helvetica, sans-serif;
      font-size: 22px;
      line-height: 40px; }
  .topbarHolder .right-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .topbarHolder .user-snap {
    display: inline-block;
    max-width: 160px;
    margin: 0 20px; }
    .topbarHolder .user-snap .default {
      position: relative;
      background-color: #2c6b7a;
      top: 0;
      left: 0;
      height: 26px;
      line-height: 26px;
      border-top: 0 none;
      border-radius: 3px;
      background-position: 10px 5px; }
      .topbarHolder .user-snap .default:hover {
        background-color: #2c6b7a;
        height: 26px;
        border-top: 0 none; }
  .topbarHolder .sidebarToggler {
    position: relative;
    top: 12px;
    height: 17px;
    width: 19px;
    float: right;
    cursor: pointer;
    opacity: .75; }
    .topbarHolder .sidebarToggler:hover {
      opacity: 1; }
    .topbarHolder .sidebarToggler span {
      position: absolute;
      height: 1px;
      width: 19px;
      background: #a7b5c6;
      transition: all ease .3s; }
      .topbarHolder .sidebarToggler span:first-child {
        top: 2px; }
      .topbarHolder .sidebarToggler span:last-child {
        bottom: 2px; }
      .topbarHolder .sidebarToggler span:nth-child(2) {
        top: 8px; }
  .topbarHolder .loginPanel {
    position: relative;
    display: inline-block;
    padding: 9px 6px 7px 8px;
    margin-right: 40px;
    cursor: pointer; }
    .topbarHolder .loginPanel:hover {
      background-color: #3f4f62; }
    .topbarHolder .loginPanel.open .loginList {
      display: block; }
    .topbarHolder .loginPanel .dropdownButton:after {
      content: "\f107";
      display: inline-block;
      float: right;
      font-size: 12px;
      font-family: "erp-icons";
      line-height: 20px;
      color: #fff;
      width: 20px;
      text-align: center; }
    .topbarHolder .loginPanel .iconEmployee {
      float: left;
      margin-top: -5px;
      margin-right: 5px; }
    .topbarHolder .loginPanel .userName {
      display: inline-block;
      font-size: 13px;
      font-weight: 300;
      color: #c6cfda; }
    .topbarHolder .loginPanel .loginList {
      display: none;
      box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
      right: 0;
      top: 35px;
      min-width: 120px;
      position: absolute;
      z-index: 1000;
      float: left;
      list-style: none;
      text-shadow: none;
      padding: 0;
      background-color: #fff;
      margin: 10px 0 0;
      border: 1px solid #eee; }
      .topbarHolder .loginPanel .loginList a:hover {
        background-color: #f6f6f6; }
      .topbarHolder .loginPanel .loginList:before {
        position: absolute;
        top: -7px;
        right: 9px;
        display: inline-block !important;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #eee;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: ''; }
      .topbarHolder .loginPanel .loginList:after {
        position: absolute;
        top: -6px;
        right: 10px;
        display: inline-block !important;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        content: ''; }
      .topbarHolder .loginPanel .loginList > li > a {
        padding: 8px 16px;
        text-decoration: none;
        display: block;
        clear: both;
        line-height: 18px;
        white-space: nowrap; }

.iconEmployee {
  height: 29px;
  width: 29px;
  border-radius: 50%;
  display: inline-block;
  font-size: 13px;
  text-align: center; }

.top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  height: 40px;
  border-bottom: 1px solid #eaeaea; }
  .top-bar .btnsBlock.right {
    padding-right: 20px;
    margin-left: auto; }
  .top-bar .template-switcher {
    margin-left: auto; }

.top-bar:empty {
  display: none !important; }
.top-bar.banned {
  border-bottom: 0; }
.top-bar h3 {
  line-height: 40px;
  padding: 0 20px;
  color: #666666 !important;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  font-weight: normal;
  float: left;
  overflow: visible; }
  .top-bar h3:empty {
    display: none !important; }
.top-bar #reconcileDate {
  color: #333; }
.top-bar #createBtnHolder .btnBlue {
  height: 26px;
  width: 68px;
  border: 0;
  line-height: 26px !important;
  font-size: 13px;
  color: #fff; }
.top-bar #createBtnHolder,
.top-bar .createBtnHolder {
  margin-top: 7px; }
  .top-bar #createBtnHolder.btnsBlock,
  .top-bar .createBtnHolder.btnsBlock {
    margin-top: 0; }
.top-bar .channelStatus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .top-bar .channelStatus .channelImg {
    height: 20px; }
  .top-bar .channelStatus .channelName {
    margin-left: 10px; }
.top-bar ._breadcrunmbs #createBtnHolder,
.top-bar ._breadcrunmbs .createBtnHolder {
  margin-top: 0; }
  .top-bar ._breadcrunmbs #createBtnHolder .btn,
  .top-bar ._breadcrunmbs .createBtnHolder .btn {
    margin-right: 0; }
.top-bar ._breadcrunmbs + #createBtnHolder {
  position: absolute;
  right: 8px;
  top: 7px;
  margin-top: 0; }
.top-bar ._filterDropDownWrap {
  margin-top: 7px; }

.top-bar-deleteBtn {
  display: block;
  height: 26px;
  width: 68px;
  padding: 0;
  background: #2c6b7a;
  line-height: 26px !important;
  font-size: 13px;
  color: #fff !important;
  text-align: center;
  transition: all .3s; }
  .top-bar-deleteBtn:hover {
    text-decoration: none; }
  .top-bar-deleteBtn:after {
    content: 'Delete'; }

._taskTimeBlock .inputDateActionBlock {
  float: left; }
  ._taskTimeBlock .inputDateActionBlock .timepicker {
    border: none;
    height: auto; }

._taskDueDate {
  width: 100px !important;
  height: 22px; }

input._taskDueDate {
  color: #364150;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }

._addTaskTitleBlock {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 34px;
  background: #f3f3f3;
  border: 1px solid #c8c8d3;
  border-top: 0;
  border-bottom: 0; }
  ._addTaskTitleBlock > label {
    width: auto !important;
    height: auto !important; }
  ._addTaskTitleBlock > .current-selected {
    line-height: 30px;
    margin-right: 10px; }
  ._addTaskTitleBlock .editTags {
    padding: 2px 8px;
    cursor: pointer; }
  ._addTaskTitleBlock ._addTaskTitle {
    padding: 10px;
    line-height: 1.2; }
    ._addTaskTitleBlock ._addTaskTitle label {
      display: inline-block !important;
      margin-right: 5px; }
    ._addTaskTitleBlock ._addTaskTitle .current-selected {
      margin-left: 0; }
  ._addTaskTitleBlock .categoryHolder {
    text-align: center; }
  ._addTaskTitleBlock ._addTaskTitle,
  ._addTaskTitleBlock .tagsLabel {
    color: #364150; }
  ._addTaskTitleBlock .inputDateActonBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  ._addTaskTitleBlock #timepickerOne,
  ._addTaskTitleBlock ._taskDueDate {
    width: 100px;
    height: 34px;
    background-color: #f3f3f3;
    text-align: center;
    border: 0;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    color: #364150;
    cursor: pointer; }
    ._addTaskTitleBlock #timepickerOne:hover,
    ._addTaskTitleBlock ._taskDueDate:hover {
      background: #2c6b7a;
      color: #fff; }
  ._addTaskTitleBlock ._taskTimeBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    ._addTaskTitleBlock ._taskTimeBlock #categoryHolder {
      margin-right: 20px; }

.sliderWrap, .sliderContainer {
  height: 100vh; }
.sliderWrap {
  position: relative; }
  .sliderWrap:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3); }

._productSliderThumbnails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 5px -5px; }
  ._productSliderThumbnails ._slideThumbnail {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 5px;
    outline: 2px solid transparent;
    background-size: cover;
    background-position: center center;
    text-align: center;
    box-shadow: 0 5px 12px -5px rgba(0, 0, 0, 0.7); }

._slideThumbnail:hover {
  opacity: 1;
  outline-color: #2c6b7a; }
  ._slideThumbnail:hover ._setMainImage,
  ._slideThumbnail:hover ._deleteImage {
    opacity: 1; }
  ._slideThumbnail:hover ._deleteImage {
    color: #fff; }
  ._slideThumbnail:hover ._setMainImage {
    background-color: rgba(126, 173, 204, 0.8); }
    ._slideThumbnail:hover ._setMainImage:hover {
      background-color: #2c6b7a; }
._slideThumbnail.active {
  opacity: 1;
  outline-color: #2c6b7a; }
  ._slideThumbnail.active ._setMainImage:hover ._full {
    display: inline-block; }
  ._slideThumbnail.active ._setMainImage:hover ._hollow {
    display: none; }
._slideThumbnail.primary {
  opacity: 1;
  outline-color: #71ca2a; }
  ._slideThumbnail.primary ._setMainImage {
    background-color: rgba(117, 175, 76, 0.6);
    color: #fff;
    opacity: 1; }
    ._slideThumbnail.primary ._setMainImage:hover {
      background-color: rgba(117, 175, 76, 0.6);
      cursor: default; }
      ._slideThumbnail.primary ._setMainImage:hover ._full {
        display: inline-block; }
      ._slideThumbnail.primary ._setMainImage:hover ._hollow {
        display: none; }
    ._slideThumbnail.primary ._setMainImage ._full {
      display: inline-block; }
    ._slideThumbnail.primary ._setMainImage ._hollow {
      display: none; }
._slideThumbnail ._setMainImage,
._slideThumbnail ._deleteImage {
  opacity: 0;
  position: absolute;
  text-align: center;
  cursor: pointer; }
._slideThumbnail ._deleteImage {
  top: -16px;
  right: -16px;
  padding: 5px;
  border-radius: 50%;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  transition: -webkit-transform 150ms ease-in-out;
  transition: transform 150ms ease-in-out;
  transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out; }
  ._slideThumbnail ._deleteImage:hover {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  ._slideThumbnail ._deleteImage > span {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    background-color: #2c6b7a;
    font-size: 10px;
    font-size: 0.625rem; }
._slideThumbnail ._setMainImage {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 25px;
  color: #fff;
  line-height: 26px;
  font-size: 14px;
  font-size: 0.875rem; }
  ._slideThumbnail ._setMainImage ._full {
    display: none; }
  ._slideThumbnail ._setMainImage ._tooltip {
    opacity: 0;
    visibility: hidden; }
  ._slideThumbnail ._setMainImage:hover ._full {
    display: inline-block; }
  ._slideThumbnail ._setMainImage:hover ._hollow {
    display: none; }
  ._slideThumbnail ._setMainImage:hover ._tooltip {
    opacity: 1;
    visibility: visible; }

._productSlider {
  position: relative;
  width: 100%;
  min-height: 400px;
  height: 50vh;
  margin-right: 20px; }
  ._productSlider:hover ._controls {
    opacity: 1;
    transition: all 150ms ease-in-out; }
    ._productSlider:hover ._controls .prevSlide,
    ._productSlider:hover ._controls .nextSlide {
      transition: all 150ms ease-in-out; }
  ._productSlider ._productSlide {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat; }
  ._productSlider ._controls {
    opacity: 0; }
    ._productSlider ._controls .prevSlide,
    ._productSlider ._controls .nextSlide {
      position: absolute;
      top: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 60px;
      height: 100%;
      font-size: 24px;
      color: #fff;
      background-color: rgba(255, 255, 255, 0.3);
      text-shadow: 1px 0 #000, -1px 0 #000; }
      ._productSlider ._controls .prevSlide:hover,
      ._productSlider ._controls .nextSlide:hover {
        background-color: rgba(255, 255, 255, 0.6); }
    ._productSlider ._controls .prevSlide {
      left: 0; }
    ._productSlider ._controls .nextSlide {
      right: 0; }

._productSliderWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  ._productSliderWrap .productSlider {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

._uploadProductView {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  min-height: 250px;
  background: #f5f5f5;
  padding: 20px 20px 15px; }
  ._uploadProductView.showProgress ._uploadWrap {
    opacity: 0;
    visibility: hidden; }
  ._uploadProductView.showProgress ._uploadAnimationView {
    opacity: 1;
    visibility: visible; }
  ._uploadProductView ._uploadAnimationView {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 25px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  ._uploadProductView ._sliderBtns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px; }
    ._uploadProductView ._sliderBtns .btn {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      ._uploadProductView ._sliderBtns .btn + .btn {
        margin-left: 10px; }
  ._uploadProductView .uploadBtn {
    margin-top: 20px; }

._uploadAnimationView ._fileName {
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
._uploadAnimationView ._fileName {
  width: 100%;
  padding: 0 20px;
  margin-top: 17px;
  color: #8c8c8c;
  line-height: 1.2;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
._uploadAnimationView ._uploadedFiles {
  margin-top: 5px;
  color: #8c8c8c;
  font-size: 10px;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
  ._uploadAnimationView ._uploadedFiles span {
    color: #5d96bb;
    font-size: 12px; }

.collapsed .sideMenu {
  width: 40px !important;
  margin-right: -100%; }
  .collapsed .sideMenu .sidebarToggler:before {
    -webkit-transform: rotate(180deg) translate(75%, 50%);
        -ms-transform: rotate(180deg) translate(75%, 50%);
            transform: rotate(180deg) translate(75%, 50%); }
  .collapsed .sideMenu .loginPanel .userName {
    display: none !important; }
  .collapsed .sideMenu .loginPanel .dropdownButton .loginList {
    top: 15%;
    left: 100%;
    width: 150px;
    margin-left: 1px; }
    .collapsed .sideMenu .loginPanel .dropdownButton .loginList li:first-child {
      margin-left: -1px;
      padding-right: 1px; }
    .collapsed .sideMenu .loginPanel .dropdownButton .loginList.opened {
      display: none; }
      .collapsed .sideMenu .loginPanel .dropdownButton .loginList.opened:hover {
        display: block; }
  .collapsed .sideMenu .loginPanel .dropdownButton:hover .login_list {
    display: block; }
  .collapsed .sideMenu .logo {
    display: none; }
  .collapsed .sideMenu nav {
    width: auto !important; }
    .collapsed .sideMenu nav .menuList {
      width: auto; }
    .collapsed .sideMenu nav > ul {
      height: auto; }
    .collapsed .sideMenu nav .root.active:after {
      display: none; }
  .collapsed .sideMenu .root {
    position: relative; }
    .collapsed .sideMenu .root.opened {
      height: 40px !important; }
      .collapsed .sideMenu .root.opened .subMenuList {
        display: none; }
      .collapsed .sideMenu .root.opened:hover .subMenuList {
        display: block; }
    .collapsed .sideMenu .root ul {
      display: none;
      position: absolute;
      top: 0;
      left: 100%;
      padding: 0;
      width: 160px;
      border-left: 1px solid #fff; }
      .collapsed .sideMenu .root ul li {
        height: 40px; }
        .collapsed .sideMenu .root ul li:first-child {
          display: block;
          margin-top: 0 !important;
          background-color: #2C3542; }
        .collapsed .sideMenu .root ul li .subItem {
          padding-left: 20px;
          line-height: 40px; }
    .collapsed .sideMenu .root > a {
      display: none !important; }
    .collapsed .sideMenu .root:before {
      display: none; }
    .collapsed .sideMenu .root:hover .subMenuList {
      display: block; }
      .collapsed .sideMenu .root:hover .subMenuList li:first-child {
        width: calc(100% + 1px);
        margin-left: -1px; }
    .collapsed .sideMenu .root.active .subMenuList li:first-child {
      background-color: #2c6b7a; }
      .collapsed .sideMenu .root.active .subMenuList li:first-child a {
        color: #fff; }
.collapsed .topbarLogo {
  width: auto;
  padding-right: 0;
  padding-left: 0; }
  .collapsed .topbarLogo .mainLogo {
    display: none; }
  .collapsed .topbarLogo .sidebarToggler {
    margin-left: 10px; }
.collapsed .grid-conatiner .statisticsAtten.stick {
  width: calc(100% - 40px); }
.collapsed .mCustomScrollBox,
.collapsed .mCSB_container {
  overflow: visible; }

.quotationsTabs {
  border-top: 1px solid #7f7f80;
  padding-top: 10px; }
  .quotationsTabs a {
    color: #10373E; }
  .quotationsTabs .half-block, .quotationsTabs .ui-dialog .app-block, .ui-dialog .quotationsTabs .app-block {
    margin-right: 0; }
  .quotationsTabs .list2 .statusInfo {
    text-align: right; }
  .quotationsTabs .list2 thead tr {
    border-top: none; }
  .quotationsTabs .list2 thead th {
    font-size: 12px; }
  .quotationsTabs .list2 .productDescr {
    border: none;
    min-height: 10px;
    font-size: 12px;
    padding: 14px 5px 5px;
    text-align: right; }
  .quotationsTabs .forNum {
    position: relative; }
    .quotationsTabs .forNum:before {
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
  .quotationsTabs .selectJobTd {
    position: relative;
    overflow: visible; }
    .quotationsTabs .selectJobTd .newSelectList {
      right: 0; }

._templateInvoiceWrp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  ._templateInvoiceWrp > div._templateDiv {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-width: 550px; }
  ._templateInvoiceWrp > div.addingInfoWrp {
    max-width: 400px; }
    ._templateInvoiceWrp > div.addingInfoWrp > div {
      padding: 0.200000in; }
      ._templateInvoiceWrp > div.addingInfoWrp > div + div {
        padding-top: 0; }
    ._templateInvoiceWrp > div.addingInfoWrp ._pureTemplate .noteWrapper ._timeline {
      white-space: initial;
      word-break: break-word;
      min-width: 320px; }

._invoiceTemplate._payments ._templateTable {
  margin-top: 40px; }
._invoiceTemplate._payments ._templatePaymentInfo .templateBottomTable th {
  padding-top: 45px; }
._invoiceTemplate._payments .btn.refund {
  position: absolute;
  top: 28px;
  right: 38px; }
._invoiceTemplate ._templatePaymentInfo {
  font-size: 8pt; }
  ._invoiceTemplate ._templatePaymentInfo .templateBottomTable {
    margin-top: 15px;
    margin-bottom: 15px; }
    ._invoiceTemplate ._templatePaymentInfo .templateBottomTable thead tr {
      border-top: 2px solid #000; }
    ._invoiceTemplate ._templatePaymentInfo .templateBottomTable th, ._invoiceTemplate ._templatePaymentInfo .templateBottomTable td {
      padding: 8px 5px;
      text-align: left; }
      ._invoiceTemplate ._templatePaymentInfo .templateBottomTable th:nth-child(3), ._invoiceTemplate ._templatePaymentInfo .templateBottomTable td:nth-child(3) {
        text-align: right;
        padding-right: 0; }
      ._invoiceTemplate ._templatePaymentInfo .templateBottomTable th:nth-child(1), ._invoiceTemplate ._templatePaymentInfo .templateBottomTable td:nth-child(1) {
        text-align: left;
        padding-left: 0; }
      ._invoiceTemplate ._templatePaymentInfo .templateBottomTable th:nth-child(2) p, ._invoiceTemplate ._templatePaymentInfo .templateBottomTable td:nth-child(2) p {
        font-weight: 700;
        color: #000; }
    ._invoiceTemplate ._templatePaymentInfo .templateBottomTable th {
      font-size: 9pt;
      font-weight: 700;
      padding-top: 23px; }
    ._invoiceTemplate ._templatePaymentInfo .templateBottomTable td {
      padding-top: 0;
      padding-bottom: 0;
      vertical-align: top;
      font-size: 12px;
      color: #817d7d; }
      ._invoiceTemplate ._templatePaymentInfo .templateBottomTable td > p {
        line-height: 12px;
        font-size: 12px; }
  ._invoiceTemplate ._templatePaymentInfo > p {
    font-size: 12px; }
  ._invoiceTemplate ._templatePaymentInfo ._noticeText {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #000; }

._invoiceTemplate.noMargin {
  margin: 0;
  margin-bottom: 10px;
  box-shadow: none; }

#templateDiv {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 20px; }

._invoiceTemplate {
  max-width: 820px;
  background-color: #fff;
  padding: 0.700000in 0.400000in 0.700000in 0.40000in;
  margin: 20px auto;
  box-shadow: 0 0 6px #ccc;
  position: relative;
  font-size: 9pt; }
  ._invoiceTemplate:after {
    content: '';
    display: table;
    clear: both; }
  ._invoiceTemplate td, ._invoiceTemplate th {
    padding: 8px 10px; }
  ._invoiceTemplate td {
    white-space: initial;
    word-break: break-word; }
  ._invoiceTemplate .ribbon {
    position: absolute !important;
    top: -5px;
    left: -5px;
    overflow: hidden;
    width: 96px;
    height: 94px;
    border-bottom-right-radius: 92px; }
    ._invoiceTemplate .ribbon .ribbon-inner {
      text-align: center;
      color: #FFF;
      top: 24px;
      left: -31px;
      width: 135px;
      padding: 3px;
      position: relative;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      line-height: 10px;
      height: 18px; }
      ._invoiceTemplate .ribbon .ribbon-inner:before, ._invoiceTemplate .ribbon .ribbon-inner:after {
        content: "";
        border-top: 5px solid transparent;
        border-left: 5px solid;
        border-left-color: inherit;
        border-right: 5px solid transparent;
        border-bottom: 5px solid;
        border-bottom-color: inherit;
        position: absolute;
        top: 12px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      ._invoiceTemplate .ribbon .ribbon-inner:before {
        left: -1px;
        border-left: 3px solid transparent;
        margin-left: 5px; }
      ._invoiceTemplate .ribbon .ribbon-inner:after {
        right: 2px;
        top: 13px;
        margin-right: 6px;
        border-bottom: 3px solid transparent; }
  ._invoiceTemplate ._templateHeader:after {
    content: '';
    display: table;
    clear: both; }
  ._invoiceTemplate ._headerLeftPart {
    float: left;
    line-height: 20px; }
  ._invoiceTemplate ._headerRightPart {
    float: right;
    text-align: right; }
  ._invoiceTemplate ._entityTitle {
    font-size: 28pt; }
  ._invoiceTemplate ._entityNumber {
    color: #817d7d;
    font-weight: bold;
    line-height: 3;
    font-size: 13px; }
  ._invoiceTemplate ._balanceBlock ._balanceTitle {
    font-size: 11px;
    font-weight: 800;
    line-height: 2; }
  ._invoiceTemplate ._balanceBlock ._balanceValue {
    font-weight: 800; }
  ._invoiceTemplate ._orgName {
    font-weight: 800;
    font-size: 12px; }
  ._invoiceTemplate ._orgLabel {
    font-size: 12px;
    color: #817d7d;
    white-space: normal; }
  ._invoiceTemplate .notes {
    margin-top: 20px; }
    ._invoiceTemplate .notes div {
      font-size: 10px;
      margin: 10px 0px 5px 0; }
    ._invoiceTemplate .notes .head {
      font-size: 13px;
      color: #817d7d;
      margin-top: 0; }

._templateTable {
  margin-top: 20px;
  table-layout: fixed;
  font-size: 12px; }
  ._templateTable thead {
    background-color: #3c3d3a;
    color: #fff;
    text-align: left; }
  ._templateTable tbody {
    font-size: 10px; }
  ._templateTable td:nth-child(n+4),
  ._templateTable th:nth-child(n+4) {
    text-align: right;
    white-space: nowrap; }

._templateDateBlock {
  margin: 20px 0 10px 0; }
  ._templateDateBlock ._billingBlock {
    font-size: 12px; }
    ._templateDateBlock ._billingBlock ._billingTitle {
      color: #817d7d; }
    ._templateDateBlock ._billingBlock ._billingCustomerName {
      color: #428bca;
      padding: 10px 0; }
  ._templateDateBlock ._leftPart,
  ._templateDateBlock ._rightPart {
    white-space: nowrap; }

._templateTableFooter {
  width: 50%;
  float: right;
  text-align: right; }
  ._templateTableFooter tr {
    height: 40px; }
  ._templateTableFooter ._totalRow {
    font-weight: 900; }
  ._templateTableFooter ._balanceRow {
    font-weight: 900;
    background-color: #f5f4f3; }

td._dateRightPart,
td._dateLeftPart {
  padding: 0; }

._templateDateTable ._dateLeftPart {
  text-align: left;
  vertical-align: bottom; }
._templateDateTable tr td {
  padding: 5px 0;
  text-align: right; }
  ._templateDateTable tr td:first-child {
    color: #817d7d; }

.hairline {
  margin: 0 !important;
  height: 1px !important;
  border-top: none !important;
  border-bottom: 1px solid #585858 !important;
  -webkit-transform: scaleY(0.33) !important;
      -ms-transform: scaleY(0.33) !important;
          transform: scaleY(0.33) !important; }

.ribbon .ribbon-blue {
  background-color: #2c96dd;
  border-color: #1e7ab8; }
.ribbon .ribbon-green {
  background: #1aaf5d;
  border-color: #138345; }
.ribbon .ribbon-grey {
  background: #94a5a6;
  border-color: #788e8f; }

tr.hairlineWrap td {
  padding: 0 !important; }

.icon-trash._correctionPosition {
  position: relative;
  display: inline-block;
  height: 16px;
  width: 12px; }
  .icon-trash._correctionPosition:before {
    position: absolute;
    top: 5px;
    left: 0; }

._progressbarWrap {
  padding: 20px; }
  ._progressbarWrap .dialog-tabs-items {
    padding: 20px 0; }
    ._progressbarWrap .dialog-tabs-items h4 {
      font-size: 16px; }
    ._progressbarWrap .dialog-tabs-items ._progressBarItems {
      width: 75%;
      min-width: 300px; }
      ._progressbarWrap .dialog-tabs-items ._progressBarItems ._statusInfo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 5px; }
        ._progressbarWrap .dialog-tabs-items ._progressBarItems ._statusInfo > p {
          text-transform: uppercase;
          width: 80px; }
        ._progressbarWrap .dialog-tabs-items ._progressBarItems ._statusInfo > ._statusProductBar {
          -webkit-box-flex: 2;
              -ms-flex-positive: 2;
                  flex-grow: 2;
          text-align: center; }
      ._progressbarWrap .dialog-tabs-items ._progressBarItems .bar._progressBar {
        width: 0; }
    ._progressbarWrap .dialog-tabs-items .btnsBlock {
      margin: 10px 0; }
      ._progressbarWrap .dialog-tabs-items .btnsBlock button {
        background-color: #f2f2f2;
        border: 1px solid #d8dde6;
        border-radius: 4px;
        margin: 5px 0;
        padding: 10px;
        float: left;
        color: green; }
        ._progressbarWrap .dialog-tabs-items .btnsBlock button:first-child {
          color: red; }
        ._progressbarWrap .dialog-tabs-items .btnsBlock button + button {
          margin-left: 15px; }
    ._progressbarWrap .dialog-tabs-items #statusBlock {
      color: green; }

/*Apps Wrapper*/
._appsWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  height: calc(100vh - 80px);
  padding: 20px;
  background-color: #ecf1f5;
  overflow: auto; }

._appItem {
  width: 400px;
  height: 370px;
  padding: 30px;
  margin: 7px;
  border-radius: 5px;
  background-color: #fff; }
  ._appItem ._channelInfoWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px; }
    ._appItem ._channelInfoWrap .channelImg {
      margin-right: 20px; }
  ._appItem ._syncInfoWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px; }
    ._appItem ._syncInfoWrap ._channelName {
      color: #2e2e2e;
      font-size: 16px;
      font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
      margin-right: 10px; }

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

._channelStatus ._statusItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px;
  text-align: center; }
  ._channelStatus ._statusItem .channelRowHeader {
    font-size: 14px;
    color: #2e2e2e; }
  ._channelStatus ._statusItem .channelRowValue {
    margin-top: auto; }
._channelStatus ._showLogWrap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-item-align: end;
      align-self: flex-end; }

._channelInfoWrap ._channelName {
  margin-bottom: 10px;
  color: #2e2e2e;
  font-size: 16px;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
._channelInfoWrap ._syncInfo {
  color: #666;
  font-size: 13px; }
  ._channelInfoWrap ._syncInfo b {
    color: #2e2e2e; }

[data-content="connectingStatus"] .btn.connection {
  min-width: 120px; }

._channelContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  ._channelContainer ._channelitem {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100px;
    height: 60px;
    padding: 5px;
    text-align: center;
    cursor: pointer; }
    ._channelContainer ._channelitem:hover {
      background: #e3e3e3; }
    ._channelContainer ._channelitem img {
      width: auto;
      height: 100%; }

._channelNameContainer {
  font-size: 14px; }
  ._channelNameContainer + .ui-dialog-buttonpane {
    margin-top: 10px !important; }
  ._channelNameContainer .mainContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  ._channelNameContainer ._listModal {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    ._channelNameContainer ._listModal ._modalLabel label {
      font-size: 18px;
      line-height: 26px;
      color: #10373E; }

._appsWrap .app .channelImg,
._channelNameContainer .channelImg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 70px;
  height: 70px; }

._appsWrap .app .channelImg.magento, ._appsWrap .app .channelImg.shopify, ._appsWrap .app .channelImg.etsy {
  width: 70px;
  background-size: cover; }
._appsWrap .app .channelImg.magento {
  height: 81px;
  background-position: -5px 0; }
._appsWrap .app .channelImg.shopify {
  height: 77px;
  background-position: -3px 0px; }
._appsWrap .app .channelImg.etsy {
  height: 65px;
  background-position: 0 -4px; }

._channelNameContainer .channelImg.shopify, ._channelNameContainer .channelImg.magento, ._channelNameContainer .channelImg.etsy {
  background-position: center center; }
._channelNameContainer ._animateInputBox {
  margin: 0; }

._inventoryProductWrap ul {
  display: table;
  vertical-align: middle; }
  ._inventoryProductWrap ul li {
    display: table-cell;
    vertical-align: middle;
    float: left; }
    ._inventoryProductWrap ul li .channelImg {
      display: table-cell; }
      ._inventoryProductWrap ul li .channelImg + span {
        min-height: 25px;
        display: table-cell;
        padding: 0 5px;
        vertical-align: middle; }

.channelImg {
  width: 40px;
  height: 40px; }
  .channelImg.magento {
    background: url("../images/magento.svg") no-repeat; }
  .channelImg.shopify {
    background: url("../images/shopify.svg") no-repeat; }
  .channelImg.etsy {
    background: url("../images/etsy.svg") no-repeat; }
  .channelImg.woo {
    background: url("../images/wooLogo.svg") center center no-repeat; }

td .channelImg {
  width: 30px;
  height: 30px; }

._switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 46px;
  height: 20px;
  padding: 1px;
  border-radius: 11px;
  background-color: #c1c1c1;
  cursor: pointer; }
  ._switcher:after {
    content: '';
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%; }

.success ._switcher {
  background-color: #2c6b7a; }
  .success ._switcher:after {
    margin-left: auto; }

.appActionBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px; }
  .appActionBar ._switcherWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .appActionBar ._switcherWrap:after {
      content: 'Disconnected';
      margin-left: 10px;
      font-size: 14px;
      color: #2e2e2e;
      line-height: 1; }
  .appActionBar ._settingsBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    margin-left: auto;
    font-size: 20px;
    color: #2e2e2e;
    cursor: pointer;
    transition: -webkit-transform 250ms ease;
    transition: transform 250ms ease;
    transition: transform 250ms ease, -webkit-transform 250ms ease; }
    .appActionBar ._settingsBtn:hover {
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }

._switcherWrap.success:after {
  content: 'Connected'; }

.conflictUnlinkProducts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .conflictUnlinkProducts .conflictedWrap, .conflictUnlinkProducts .unlinkedWrap {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-top: 15px; }
  .conflictUnlinkProducts h3 {
    padding: 0 20px; }
  .conflictUnlinkProducts .top-bar {
    display: block;
    padding: 0 20px;
    border-bottom: 0; }

.guide {
  margin-left: auto; }

.guideGroups .subTitle {
  margin-top: 15px; }
.guideGroups .guideGroupContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.guideGroup {
  width: 300px;
  margin: 0 7px 15px;
  border: 2px solid #2c6b7a;
  position: relative;
  height: 250px; }
  .guideGroup::before, .guideGroup::after {
    content: '';
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    border: 2px solid #2c6b7a;
    border-radius: 50%;
    top: 33px;
    background-color: white;
    border-top-color: transparent; }
  .guideGroup::before {
    left: -9px;
    border-left-color: transparent;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .guideGroup::after {
    right: -9px;
    border-right-color: transparent;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
  .guideGroup .titleWrap {
    background-color: #2c6b7a;
    height: 40px;
    width: 100%; }
    .guideGroup .titleWrap .title {
      font-size: 20px;
      color: #fff;
      text-align: center;
      line-height: 40px;
      padding: 0 45px; }
    .guideGroup .titleWrap .icon {
      position: absolute;
      left: 15px;
      top: 0;
      font-size: 22px;
      color: #fff;
      line-height: 36px; }
      .guideGroup .titleWrap .icon-Inventory::before {
        content: "\e034"; }
      .guideGroup .titleWrap .icon-Accounting::before {
        content: "\e04b"; }
      .guideGroup .titleWrap .icon-Sales::before {
        content: "\e043"; }
      .guideGroup .titleWrap .icon-Purchase::before {
        content: "\e04e"; }
      .guideGroup .titleWrap .icon-Integration::before {
        content: "\e94c"; }
  .guideGroup ul {
    margin: 10px 10px 20px 30px; }
    .guideGroup ul > li {
      padding: 5px 0;
      list-style-type: disc;
      color: #2c6b7a; }
      .guideGroup ul > li a {
        display: block;
        font-size: 14px;
        line-height: 16px;
        cursor: pointer;
        color: #2c6b7a; }

.guide-notify {
  position: fixed;
  padding: 25px;
  border-radius: 5px;
  background-color: #364150;
  -webkit-animation: guide-tooltip .3s forwards;
          animation: guide-tooltip .3s forwards;
  -webkit-animation-timing-function: cubic-bezier(0, 1.05, 0.55, 1.18);
          animation-timing-function: cubic-bezier(0, 1.05, 0.55, 1.18);
  z-index: 1000; }
  .guide-notify-title {
    margin-bottom: 20px;
    color: #2c6b7a; }
  .guide-notify-description {
    color: #f3f3f3; }
  .guide-notify .closeBtn {
    position: absolute;
    top: 10px;
    right: 16px; }
    .guide-notify .closeBtn::before, .guide-notify .closeBtn::after {
      background-color: #fff; }
  .guide-notify .arrow {
    position: absolute;
    top: 70px;
    left: -7px;
    border-top: 8px solid transparent;
    border-right: 8px solid #364150;
    border-bottom: 8px solid transparent; }
  .guide-notify .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 360px;
    height: 230px; }
  .guide-notify .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-transform: uppercase;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
    .guide-notify .btn span + span {
      margin-left: 5px; }
    .guide-notify .btn .icon {
      position: relative;
      top: -1px;
      font-size: 18px; }
  .guide-notify .btn-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto; }
    .guide-notify .btn-block .next,
    .guide-notify .btn-block .end {
      margin-left: auto; }

@-webkit-keyframes guide-tooltip {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1); }
  to {
    opacity: 1;
    -webkit-transform: perspective(1px) scale(1);
    transform: perspective(1px) scale(1); } }
@keyframes guide-tooltip {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1); }
  to {
    opacity: 1;
    -webkit-transform: perspective(1px) scale(1);
    transform: perspective(1px) scale(1); } }
#gatherView {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 1;
  background: #fff;
  transition: all .5s ease;
  z-index: 1000; }
  #gatherView.unShowen {
    opacity: 0; }

.gatherInfoContainer {
  height: auto; }

.gatherInfoBlock .title {
  margin-bottom: 10px;
  text-align: center; }
.gatherInfoBlock .input-group {
  position: relative;
  margin-bottom: 10px; }
  .gatherInfoBlock .input-group input {
    width: 100%;
    border: 1px solid #cccfdb;
    box-shadow: none;
    padding: 9px 16px 8px;
    height: 40px; }
    .gatherInfoBlock .input-group input:focus {
      border-color: #00b7db; }
.gatherInfoBlock button {
  width: 100%;
  height: 38px;
  border: none; }
  .gatherInfoBlock button.gatherSubmitBtn {
    margin-top: 15px;
    padding: 10px 12px 8px;
    border-radius: 0;
    line-height: 18px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase; }

.syncLogSection {
  background-color: #f3f3f3;
  height: calc(100% - 40px); }

.syncLogWrap {
  padding: 20px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #f3f3f3; }
  @media (min-width: 1500px) {
    .syncLogWrap {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; } }

.syncLog {
  width: 900px;
  margin: 0 10px 20px;
  margin: 0 0.625rem 1.25rem; }
  .syncLog > div {
    box-shadow: 0 5px 3px 2px rgba(0, 0, 0, 0.06); }
  @media (min-width: 1500px) {
    .syncLog {
      width: calc(50% - 20px); } }
  .syncLog .title-block {
    padding: 10px 0;
    padding: 0.625rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #d8d8d8;
    background-color: #fff; }
  .syncLog .title-name {
    padding-bottom: 5px;
    padding-bottom: 0.3125rem;
    padding-left: 20px;
    padding-left: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .syncLog .title-name .supTitle {
      font-size: 14px;
      font-size: 0.875rem;
      -ms-flex-item-align: start;
          align-self: flex-start;
      color: #10373E; }
    .syncLog .title-name h3 {
      font-size: 22px;
      font-size: 1.375rem; }
  .syncLog .title-date {
    border-right: 2px solid transparent; }
    .syncLog .title-date.succeedBorder {
      border-right-color: #00da00; }
    .syncLog .title-date.conflictedBorder {
      border-right-color: #ffbe00; }
    .syncLog .title-date.errorBorder {
      border-right-color: #E55253; }
    .syncLog .title-date h3 {
      font-size: 15px;
      font-size: 0.9375rem; }
      .syncLog .title-date h3 span {
        font-size: 13px;
        font-size: 0.8125rem;
        color: #10373E; }
  .syncLog h3 {
    padding: 0 20px;
    padding: 0 1.25rem;
    color: #000; }
  .syncLog .channelImg {
    width: 50px;
    height: 50px; }
  .syncLog .statusItemWrap {
    margin-right: 20px;
    margin-right: 1.25rem;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: center; }
    .syncLog .statusItemWrap .statusItem:not(:last-child) {
      margin-right: 10px;
      margin-right: 0.625rem; }
  .syncLog .channelRowHeader span {
    padding: 0 5px;
    padding: 0 0.3125rem;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
  .syncLog .channelRowValue .numberVal {
    padding: 0 5px;
    padding: 0 0.3125rem;
    border: 1px solid #d8d8d8;
    border-radius: 5px; }

.syncLogContent {
  padding: 25px 15px 15px;
  padding: 1.5625rem 0.9375rem 0.9375rem;
  background-color: #fff; }
  .syncLogContent > .toggleEl {
    border: 1px solid #d8d8d8; }
  .syncLogContent .toggleEl {
    padding: 10px;
    padding: 0.625rem;
    margin: 0 5px 10px;
    margin: 0 0.3125rem 0.625rem;
    border-radius: 5px;
    background: #fff;
    cursor: pointer; }
    .syncLogContent .toggleEl .icon-caret-down {
      font-size: 7px;
      font-size: 0.4375rem; }
    .syncLogContent .toggleEl .toggleElTitle {
      position: relative; }
      .syncLogContent .toggleEl .toggleElTitle .title {
        font-size: 14px;
        font-size: 0.875rem; }
    .syncLogContent .toggleEl .importExportIco {
      position: absolute;
      top: -2px;
      right: 0;
      width: 20px;
      height: 20px; }
    .syncLogContent .toggleEl .title {
      cursor: pointer; }
    .syncLogContent .toggleEl .logOverview {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-bottom: 1px solid #d8d8d8; }
      .syncLogContent .toggleEl .logOverview .title {
        padding-left: 3px;
        padding-left: 0.1875rem; }
      .syncLogContent .toggleEl .logOverview .statusBar {
        margin-left: auto; }
        .syncLogContent .toggleEl .logOverview .statusBarIcon {
          width: 11px;
          height: 11px; }
        .syncLogContent .toggleEl .logOverview .statusBar span {
          padding: 0 5px;
          padding: 0 0.3125rem;
          position: relative;
          display: inline-block; }
          .syncLogContent .toggleEl .logOverview .statusBar span:before {
            content: '';
            position: absolute;
            right: -1px;
            width: 1px;
            height: 100%;
            background-color: #d8d8d8; }
          .syncLogContent .toggleEl .logOverview .statusBar span:last-child:before {
            display: none; }
    .syncLogContent .toggleEl > .toggleEl {
      padding-left: 10px; }
      .syncLogContent .toggleEl > .toggleEl > .toggleEl {
        padding-left: 20px; }
  .syncLogContent table thead {
    background-color: #fff;
    border-bottom: 2px solid #eaeaea;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff; }
  .syncLogContent table tbody tr {
    border-bottom: 1px solid #eaeaea;
    border-left: 2px solid white;
    border-right: 2px solid white;
    background-color: #fff; }
    .syncLogContent table tbody tr:nth-child(odd) {
      background-color: #f8f9fb;
      border-left-color: #f8f9fb;
      border-right-color: #f8f9fb; }
  .syncLogContent table th {
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    padding: 10px;
    padding: 0.625rem; }
  .syncLogContent table td {
    padding: 8px;
    padding: 0.5rem; }

.alert {
  padding: 15px 15px 15px 35px;
  position: relative; }
  .alert:before {
    position: absolute;
    top: 15px;
    left: 15px;
    font-family: "erp-icons"; }

.alertDanger:before {
  content: '\e922'; }

.redText {
  color: #E55253 !important; }

.alertSuccess:before {
  content: '\f05d'; }

.invoiced {
  color: #3C86E0; }

.paid {
  color: #2d5d30; }

.unpaid {
  color: #E55253; }

.errorContent:after {
  content: '*';
  margin-left: 2px;
  color: #E55253;
  font-size: 14px; }

.bgRed {
  background-color: #eb5a46 !important; }
.bgPink {
  background-color: #ff80ce !important; }
.bgOrange {
  background-color: #ffab4a !important; }
.bgYellow {
  background-color: #f2d600 !important; }
.bgGreenDark {
  background-color: #61bd4f !important; }
.bgGreenLight {
  background-color: #51e898 !important; }
.bgBlueLight {
  background-color: #00c2e0 !important; }
.bgBlueDark {
  background-color: #0079bf !important; }
.bgPurple {
  background-color: #c377e0 !important; }
.bgBlack {
  background-color: #4d4d4d !important; }
.bgGrey {
  background-color: #b6bbbf !important; }
.bgRed, .bgPink, .bgOrange, .bgGreenDark, .bgBlueDark, .bgPurple, .bgBlack {
  color: #fff; }
.bgHover .bgRed:hover, .bgHover .bgPink:hover, .bgHover .bgOrange:hover, .bgHover .bgYellow:hover, .bgHover .bgGreenDark:hover, .bgHover .bgGreenLight:hover, .bgHover .bgBlueLight:hover, .bgHover .bgBlueDark:hover, .bgHover .bgPurple:hover, .bgHover .bgBlack:hover, .bgHover .bgGrey:hover {
  opacity: 0.75 !important; }

[data-color="bgRed"] {
  background-color: #eb5a46 !important; }

[data-color="bgPink"] {
  background-color: #ff80ce !important; }

[data-color="bgOrange"] {
  background-color: #ffab4a !important; }

[data-color="bgYellow"] {
  background-color: #f2d600 !important; }

[data-color="bgGreenDark"] {
  background-color: #61bd4f !important; }

[data-color="bgGreenLight"] {
  background-color: #51e898 !important; }

[data-color="bgBlueLight"] {
  background-color: #00c2e0 !important; }

[data-color="bgBlueDark"] {
  background-color: #0079bf !important; }

[data-color="bgPurple"] {
  background-color: #c377e0 !important; }

[data-color="bgBlack"] {
  background-color: #4d4d4d !important; }

[data-color="bgGrey"] {
  background-color: #b6bbbf !important; }

[data-color="bgWhite"] {
  background-color: #fff !important;
  color: #3a424c !important;
  border: 1px solid #b6bbbf !important; }

[data-color="bgRed"],
[data-color="bgPink"],
[data-color="bgOrange"],
[data-color="bgYellow"],
[data-color="bgGreenDark"],
[data-color="bgGreenLight"],
[data-color="bgBlueLight"],
[data-color="bgBlueDark"],
[data-color="bgPurple"],
[data-color="bgBlack"],
[data-color="bgGrey"] {
  color: #fff; }
  [data-color="bgRed"]:hover,
  [data-color="bgPink"]:hover,
  [data-color="bgOrange"]:hover,
  [data-color="bgYellow"]:hover,
  [data-color="bgGreenDark"]:hover,
  [data-color="bgGreenLight"]:hover,
  [data-color="bgBlueLight"]:hover,
  [data-color="bgBlueDark"]:hover,
  [data-color="bgPurple"]:hover,
  [data-color="bgBlack"]:hover,
  [data-color="bgGrey"]:hover {
    opacity: 0.75 !important; }

.label-success {
  background-color: #5cb85c; }

.label-warning {
  background-color: #f0ad4e; }

.label-danger {
  background-color: #d9534f; }

.hidden {
  display: none !important; }

.fired {
  background-color: rgba(235, 0, 4, 0.73) !important;
  color: #fff !important; }

.textLightGrey {
  color: #c5c7c7; }

.textBlue {
  color: #27a0cd; }

.textGrey {
  color: #9a9a9e; }

tr.redBorder {
  background-color: red !important; }
  tr.redBorder * {
    color: #fff !important; }
  tr.redBorder td {
    border-color: red !important; }
  tr.redBorder:hover {
    background-color: red !important; }
    tr.redBorder:hover * {
      color: #fff !important; }
    tr.redBorder:hover td {
      border-color: red !important; }

tr.greyBorder {
  background-color: #e5d7e8; }

td.invalidValue {
  color: red !important;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }

.holidays {
  position: relative;
  float: right;
  width: 20% !important;
  margin-right: 42%;
  margin-top: -26px; }

.V {
  background-color: #E55253; }

.P {
  background-color: #F9A203; }

.S {
  background-color: #3C86E0; }

.E {
  background-color: #3E7F42; }

.H {
  background-color: #696969; }

._mCS_1 .mCSB_inside > .mCSB_container {
  margin-right: 0px; }
._mCS_1 .mCSB_dragger .mCSB_dragger_bar {
  background-color: #80ADCB; }

@media print {
  ._invoiceTemplate {
    margin: 0 !important;
    box-shadow: none !important;
    padding: 0.580000in 0.350000in 0.580000in 0.50000in; }

  .ribbon {
    display: none !important; }

  ._templateTable td {
    border-bottom: none !important; }
  ._templateTable tbody {
    font-size: 10px !important; }
    ._templateTable tbody tr {
      page-break-inside: avoid !important;
      page-break-after: auto !important; }

  ._templateDateTable td {
    font-size: 7pt !important; }

  ._templateTable tr th,
  .templateBottomTable tr th {
    font-size: 7pt !important; }
  ._templateTable tr td,
  .templateBottomTable tr td {
    font-size: 6pt !important; }
    ._templateTable tr td div,
    .templateBottomTable tr td div {
      font-size: 6pt !important; }

  ._templateTableFooter td {
    font-size: 7pt !important; }
  ._templateTableFooter tr {
    height: 30px !important; }

  ._templateDateBlock {
    font-size: 10px !important; }
    ._templateDateBlock ._billingBlock ._billingCustomerName {
      color: #428bca !important; }

  ._orgName,
  .templateBottomTable th {
    font-size: 8pt !important; }

  ._orgLabel,
  .templateBottomTable td > p,
  ._templatePaymentInfo > p {
    font-size: 7pt !important;
    line-height: 1 !important; }

  ._entityTitle {
    font-size: 21pt !important; }

  ._entityNumber {
    font-size: 8pt !important;
    line-height: 1 !important; }

  ._balanceTitle {
    font-size: 6pt !important;
    padding-top: 16px !important; }

  ._balanceValue {
    font-size: 10pt !important; }

  ._billingTitle {
    font-size: 8pt !important; }

  ._billingCustomerName {
    color: #000 !important;
    font-size: 7pt !important;
    padding-top: 3pt !important; }

  .templateBottomTable {
    margin-top: 15pt;
    margin-bottom: 15pt; }
    .templateBottomTable thead tr {
      border-top: 2pt solid #000; }
    .templateBottomTable tbody tr {
      page-break-inside: avoid !important;
      page-break-after: auto !important; }
    .templateBottomTable th, .templateBottomTable td {
      padding: 8px 5px !important;
      text-align: left !important; }
      .templateBottomTable th:nth-child(3), .templateBottomTable td:nth-child(3) {
        text-align: right !important;
        padding-right: 0 !important; }
      .templateBottomTable th:nth-child(1), .templateBottomTable td:nth-child(1) {
        text-align: left !important;
        padding-left: 0 !important; }
      .templateBottomTable th:nth-child(2) p, .templateBottomTable td:nth-child(2) p {
        font-weight: 700 !important;
        color: #000 !important; }
    .templateBottomTable td {
      vertical-align: top !important; }

  ._templatePaymentInfo ._noticeText {
    padding-top: 10pt !important;
    margin-top: 10pt !important;
    border-top: 1pt solid #000 !important; }

  .printPdf {
    padding: 50px !important;
    min-width: auto !important; }

  #topbar-holder,
  #submenuHolder,
  #top-bar,
  #timeRecivingDataFromServer,
  .listContentWrap,
  .pagination,
  .formContentTitle,
  ._goodOutWrap {
    display: none !important; }

  ._templateTable thead,
  ._templateTable thead tr,
  ._templateTable th {
    background-color: #3c3d3a !important;
    color: #fff !important; }

  .content_wrapper {
    width: 100% !important;
    height: 100% !important; }

  .form-holder {
    padding: 0 !important;
    height: auto !important; } }
._productCategory ._listModal dd, ._productCategory ._listModal dt,
._productTypes ._listModal dd,
._productTypes ._listModal dt {
  margin-top: 0; }
._productCategory ._listModal ._modalSelect,
._productTypes ._listModal ._modalSelect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  ._productCategory ._listModal ._modalSelect + ._modalSelect,
  ._productTypes ._listModal ._modalSelect + ._modalSelect {
    margin-top: 10px; }
  ._productCategory ._listModal ._modalSelect > label,
  ._productTypes ._listModal ._modalSelect > label {
    width: 200px; }
  ._productCategory ._listModal ._modalSelect > input, ._productCategory ._listModal ._modalSelect a,
  ._productTypes ._listModal ._modalSelect > input,
  ._productTypes ._listModal ._modalSelect a {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100% !important;
    max-width: 280px !important;
    height: 30px;
    padding: 5px;
    min-height: 30px;
    line-height: 28px !important;
    border: 1px solid #c8c8d3;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer; }
  ._productCategory ._listModal ._modalSelect > a.current-selected,
  ._productTypes ._listModal ._modalSelect > a.current-selected {
    line-height: 20px !important; }
._productCategory ._listModal ._inputContainer,
._productTypes ._listModal ._inputContainer {
  display: inline-block;
  line-height: 28px; }
  ._productCategory ._listModal ._inputContainer + ._inputContainer,
  ._productTypes ._listModal ._inputContainer + ._inputContainer {
    margin-left: 15px; }
  ._productCategory ._listModal ._inputContainer ._modalLabel, ._productCategory ._listModal ._inputContainer ._modalSelect,
  ._productTypes ._listModal ._inputContainer ._modalLabel,
  ._productTypes ._listModal ._inputContainer ._modalSelect {
    float: left;
    width: auto; }
  ._productCategory ._listModal ._inputContainer ._modalSelect > input,
  ._productTypes ._listModal ._inputContainer ._modalSelect > input {
    width: auto !important;
    min-height: 30px;
    margin-right: 10px;
    font-size: 12px; }
._productCategory .btn,
._productTypes .btn {
  display: block;
  margin-top: 10px;
  clear: both; }

._productTypes ._listModal ._modalSelect {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  ._productTypes ._listModal ._modalSelect ._inputContainer + ._inputContainer {
    margin-left: 0; }

.ui-dialog .form-holder.productForm {
  padding: 5px 10px 0; }

._linkedProductTitle {
  margin: 18px 0; }

.productForm .form input + .btn {
  margin-top: 0; }
.productForm .form dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px; }
  .productForm .form dl:first-child {
    margin-top: 0; }
  .productForm .form dl.priceBlock > div + div {
    margin-left: 25px; }
.productForm .form input:not([type="checkbox"]) {
  min-height: 20px;
  line-height: 20px; }
.productForm .form ._editAllInput {
  width: 100px; }
.productForm .form ._inputContaineriner > label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .productForm .form ._inputContaineriner > label input {
    margin-right: 15px; }
.productForm .form ._productModelWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.productForm .form ._priceBlockWrap .priceBlock {
  display: inline-block;
  width: 100%; }
  .productForm .form ._priceBlockWrap .priceBlock > div {
    float: left; }
    .productForm .form ._priceBlockWrap .priceBlock > div + div {
      margin-left: 15px; }
.productForm .form ._stockBlock {
  margin-top: 10px; }
.productForm .form ._createEditVariantsWrap {
  overflow: auto; }
  .productForm .form ._createEditVariantsWrap ._createEditVariants {
    table-layout: auto; }
    .productForm .form ._createEditVariantsWrap ._createEditVariants thead th {
      min-width: 50px; }
      .productForm .form ._createEditVariantsWrap ._createEditVariants thead th:first-child, .productForm .form ._createEditVariantsWrap ._createEditVariants thead th:nth-child(2) {
        max-width: 120px;
        width: 120px;
        min-width: 120px;
        white-space: normal; }
    .productForm .form ._createEditVariantsWrap ._createEditVariants tbody tr:hover th[rowspan="*"] {
      background-color: #bdcfeb; }
    .productForm .form ._createEditVariantsWrap ._createEditVariants tbody tr th:first-child, .productForm .form ._createEditVariantsWrap ._createEditVariants tbody tr th:nth-child(2) {
      width: 120px;
      min-width: 120px;
      max-width: 120px; }
.productForm ._mainProductsForm ._editingVariantsWrap,
.productForm ._mainProductsForm ._createdVariantsWrap,
.productForm ._mainProductsForm ._editedVariantsWrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
.productForm ._mainProductsForm ._editAllBlock + ._createEditVariants {
  margin-top: 20px; }

._labelWrap {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 26px; }
  ._labelWrap input {
    margin-right: 10px; }

._editPanel {
  min-width: 300px;
  padding: 10px;
  background-color: #fff; }
  ._editPanel._bordered {
    border: 1px solid #d8dde6;
    border-radius: 4px; }
  ._editPanel + ._editPanel {
    margin-top: 10px; }
  ._editPanel ._editable {
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    text-align: left; }
  ._editPanel .btn {
    display: inline-block;
    margin-right: 3px; }
  ._editPanel ._valueItem {
    display: inline-block;
    line-height: 26px; }
  ._editPanel .deleteValue {
    margin-left: 10px; }

._optionsValues .optionValue:last-of-type {
  margin-bottom: 10px; }

._optionValueForm {
  display: table;
  min-height: auto; }

/*07.10.16*/
._priceListWrap ._listModal {
  margin-bottom: 5px; }

._SkuItemsHolder .list:not(.stripedList):not(._dialogTable) tbody td,
._goodsHolder .list:not(.stripedList):not(._dialogTable) tbody td {
  text-align: left !important;
  white-space: normal;
  word-wrap: break-word; }
  ._SkuItemsHolder .list:not(.stripedList):not(._dialogTable) tbody td:last-child,
  ._goodsHolder .list:not(.stripedList):not(._dialogTable) tbody td:last-child {
    text-align: right !important; }
  ._SkuItemsHolder .list:not(.stripedList):not(._dialogTable) tbody td[data-name="from"],
  ._goodsHolder .list:not(.stripedList):not(._dialogTable) tbody td[data-name="from"] {
    text-align: left !important; }

/*12.10*/
.ui-dialog ._SkuItemsHolder ._invoiceTable tbody tr:last-child td {
  padding: 0;
  height: 1px; }
.ui-dialog ._SkuItemsHolder ._invoiceTable tbody td input {
  text-align: left; }
.ui-dialog ._SkuItemsHolder ._invoiceTable tbody td[data-name="newShip"] .receiveLocation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 5px 0;
  width: 100%; }
  .ui-dialog ._SkuItemsHolder ._invoiceTable tbody td[data-name="newShip"] .receiveLocation input {
    width: 50px; }
  .ui-dialog ._SkuItemsHolder ._invoiceTable tbody td[data-name="newShip"] .receiveLocation > div:nth-child(2) {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
  .ui-dialog ._SkuItemsHolder ._invoiceTable tbody td[data-name="newShip"] .receiveLocation .removeLocation {
    position: relative;
    top: -2px;
    margin: 0 -19px 0 5px; }

/*17.10*/
._invoiceTable ._newSelectListWrap {
  white-space: initial;
  word-break: break-word; }

._invoiceTable tbody .addProductItem {
  height: 1px !important;
  border: 1px solid transparent;
  border-top: 1px solid #d7d7d7;
  padding-top: 0; }

/*20.10.16*/
.productContentWrap {
  height: 100%; }

/*21.10.16*/
._integrationTableWrap {
  margin-bottom: 20px; }
  ._integrationTableWrap .stripedList tbody p {
    line-height: 28px; }
    ._integrationTableWrap .stripedList tbody p.native {
      color: #43ad70; }
  ._integrationTableWrap .stripedList .dropDownDateRangeContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    float: none;
    line-height: 1.5; }
    ._integrationTableWrap .stripedList .dropDownDateRangeContainer .choseDateRange.dropDownDateRange {
      top: 7px; }

._tableAddOptionsWrap .dropDownDateRangeContainer {
  float: none; }

._integrationTableWrap .stripedList .choseDateRange.dropDownDateRange:before,
._tableAddOptionsWrap .stripedList .choseDateRange.dropDownDateRange:before {
  content: '\e944';
  position: absolute;
  top: 0;
  right: 3px;
  color: #2c6b7a;
  font-family: "erp-icons";
  font-size: 12px; }
._integrationTableWrap .stripedList .choseDateRange.dropDownDateRange.open:before,
._tableAddOptionsWrap .stripedList .choseDateRange.dropDownDateRange.open:before {
  content: '\e943'; }

.product-info .productType dt {
  line-height: 26px; }

._createEditVariantsWrap ._editAllBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  ._createEditVariantsWrap ._editAllBlock input {
    margin: 0 5px; }

.createVariantsTabs ._editAllBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  align-items: center; }

._editAllBlock .description {
  margin-right: 10px; }
._editAllBlock ._editAllInput,
._editAllBlock ._editAllBtn {
  height: 24px; }
._editAllBlock ._editAllInput:valid {
  border-right: 0;
  border-color: #2c6b7a; }
  ._editAllBlock ._editAllInput:valid + ._editAllBtn {
    background-color: #2c6b7a;
    color: #fff; }
._editAllBlock ._editAllBtn {
  padding: 0 10px;
  background-color: #c8c8d3; }

/*02.11.16*/
.invoiceAttachments .attachWrapper {
  padding: 13px 0; }
  .invoiceAttachments .attachWrapper .formTitle {
    margin-bottom: 0; }

.form-holder form dd.canReadAndWrite {
  padding-bottom: 0; }
  .form-holder form dd.canReadAndWrite label {
    line-height: 30px; }
  .form-holder form dd.canReadAndWrite ._circleRadioRadianceWrap {
    padding-top: 0;
    padding-bottom: 0; }
    .form-holder form dd.canReadAndWrite ._circleRadioRadianceWrap + ._circleRadioRadianceWrap {
      padding-top: 10px; }
.form-holder form dd label._customCHeckbox .checkbox:checked + span:before {
  top: -1px;
  left: 1px; }
.form-holder form dd label._customCHeckbox .checkbox + span:before, .form-holder form dd label._customCHeckbox .checkbox + span:after {
  margin-top: 5px;
  left: 0; }

/*07.11.16*/
._taxBoxWrp input:not(.checkbox), ._taxBoxWrp .check_wrap {
  width: 90%; }
._taxBoxWrp .half-block, ._taxBoxWrp .ui-dialog .app-block, .ui-dialog ._taxBoxWrp .app-block {
  width: 45%; }
._taxBoxWrp .check_wrap {
  padding: 0 4px;
  border: 1px solid #c8c8d3;
  height: 24px; }
  ._taxBoxWrp .check_wrap > a.current-selected {
    line-height: 22px; }
._taxBoxWrp ._taxCommentWrp {
  color: rgba(121, 121, 121, 0.62); }

/*18.11.2016*/
._overviewPanelWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; }

._overviewPanelLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 230px;
      flex-basis: 230px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 10px;
  border-radius: 4px;
  border: 1px solid #d8dde6;
  text-decoration: none !important; }
  ._overviewPanelLink:hover {
    transition: border-color, box-shadow, 0.35s, 0.35s;
    border-color: #2c6b7a;
    box-shadow: 0 0 5px rgba(82, 168, 236, 0.5); }
  ._overviewPanelLink:nth-child(1) ._overviewImg {
    background-image: url(../images/erp_icons-01.svg); }
  ._overviewPanelLink:nth-child(2) ._overviewImg {
    background-image: url(../images/erp_icons-04.svg); }
  ._overviewPanelLink:nth-child(3) ._overviewImg {
    background-image: url(../images/erp_icons-05.svg); }
  ._overviewPanelLink:nth-child(4) ._overviewImg {
    background-image: url(../images/erp_icons-08.svg); }
  ._overviewPanelLink:nth-child(5) ._overviewImg {
    background-image: url(../images/erp_icons-03.svg); }
  ._overviewPanelLink:nth-child(6) ._overviewImg {
    background-image: url(../images/erp_icons-03.svg); }
  ._overviewPanelLink:nth-child(7) ._overviewImg {
    background-image: url(../images/erp_icons-06.svg); }
  ._overviewPanelLink:nth-child(8) ._overviewImg {
    background-image: url(../images/erp_icons-07.svg); }
  ._overviewPanelLink:nth-child(9) ._overviewImg {
    background-image: url(../images/erp_icons-06.svg); }

._overviewPanel {
  height: 290px;
  min-height: 290px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
  ._overviewPanel ._overviewImg {
    width: 90px;
    height: 90px;
    margin: 50px auto 0;
    background-repeat: no-repeat;
    background-position: center center; }
  ._overviewPanel ._overviewTitle {
    margin-top: 20px;
    color: #2d3033;
    text-align: center;
    font-size: 13px; }
  ._overviewPanel ._overviewDesc {
    border-top: 1px #e2e6e8 dotted;
    margin-top: 30px;
    padding: 15px;
    color: #6c7279; }

._breadcrunmbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0 10px;
  height: 40px;
  background-color: #f3f3f3; }
  ._breadcrunmbs + .form-holder {
    padding: 0;
    height: calc(100% - 40px); }
    ._breadcrunmbs + .form-holder .dialog-tabs-items {
      height: calc(100% - 40px);
      overflow: auto; }
  ._breadcrunmbs > a,
  ._breadcrunmbs ._breadcrunmbItem {
    font-size: 16px;
    font-size: 1rem; }
  ._breadcrunmbs > a {
    padding: 2px 0;
    color: #5292bd;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    border-bottom: 2px solid #2c6b7a; }
    ._breadcrunmbs > a:hover {
      text-decoration: none; }
  ._breadcrunmbs ._breadcrunmbsTitle {
    margin-right: 10px; }
  ._breadcrunmbs ._breadcrunmbItem {
    margin-left: 7px; }
  ._breadcrunmbs .btn {
    margin-left: 10px; }

.linkedProduct .form {
  width: auto;
  border: none; }