/*  NOTIFY */
.mes-container {
    bottom: 10px;
}

/*  SUBJECT FIELD  */
.subject-field__search-block {
    max-height: none;
}
.subject-field__search-list {
    max-height: 170px;
    overflow: auto;
}
.subject-field__quick-add-block {
    padding: 3px 5px 2px;
    margin-top: 5px;
    position: relative;
}

.subject-field__quick-add-block:before {
    content: "";
    top: 0;
    left: 5%;
    background: #ccc;
    height: 1px;
    width: 90%;
    position: absolute;
}

.subject-field__quick-add-btn {
    display: block;
}

.subject-field__quick-add-text {
    border-bottom: 1px solid #ffdb4d;
}
/*  TEXT EDITOR  */
.TextEditor {
    border: 1px solid #cccccc;
}

/*  end OVERWRITE  STYLES  */
/*  NEW STYLES  */

/*  LOADING SPLASH  */
.is-loading {
    position: relative;
}
.is-loading::after {
    content: '';
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -5px;
    right: -5px;
    z-index: 101;
    background-color: rgba(255,255,255,.5);
    /*background-position: 50% 50%;*/
    /*background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='200px' height='200px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='uil-gears'%3E%3Crect x='0' y='0' width='100' height='100' fill='none' class='bk'%3E%3C/rect%3E%3Cg transform='translate%28-20,-20%29'%3E%3Cpath d='M79.9,52.6C80,51.8,80,50.9,80,50s0-1.8-0.1-2.6l-5.1-0.4c-0.3-2.4-0.9-4.6-1.8-6.7l4.2-2.9c-0.7-1.6-1.6-3.1-2.6-4.5 L70,35c-1.4-1.9-3.1-3.5-4.9-4.9l2.2-4.6c-1.4-1-2.9-1.9-4.5-2.6L59.8,27c-2.1-0.9-4.4-1.5-6.7-1.8l-0.4-5.1C51.8,20,50.9,20,50,20 s-1.8,0-2.6,0.1l-0.4,5.1c-2.4,0.3-4.6,0.9-6.7,1.8l-2.9-4.1c-1.6,0.7-3.1,1.6-4.5,2.6l2.1,4.6c-1.9,1.4-3.5,3.1-5,4.9l-4.5-2.1 c-1,1.4-1.9,2.9-2.6,4.5l4.1,2.9c-0.9,2.1-1.5,4.4-1.8,6.8l-5,0.4C20,48.2,20,49.1,20,50s0,1.8,0.1,2.6l5,0.4 c0.3,2.4,0.9,4.7,1.8,6.8l-4.1,2.9c0.7,1.6,1.6,3.1,2.6,4.5l4.5-2.1c1.4,1.9,3.1,3.5,5,4.9l-2.1,4.6c1.4,1,2.9,1.9,4.5,2.6l2.9-4.1 c2.1,0.9,4.4,1.5,6.7,1.8l0.4,5.1C48.2,80,49.1,80,50,80s1.8,0,2.6-0.1l0.4-5.1c2.3-0.3,4.6-0.9,6.7-1.8l2.9,4.2 c1.6-0.7,3.1-1.6,4.5-2.6L65,69.9c1.9-1.4,3.5-3,4.9-4.9l4.6,2.2c1-1.4,1.9-2.9,2.6-4.5L73,59.8c0.9-2.1,1.5-4.4,1.8-6.7L79.9,52.6 z M50,65c-8.3,0-15-6.7-15-15c0-8.3,6.7-15,15-15s15,6.7,15,15C65,58.3,58.3,65,50,65z' fill='%238f7f59'%3E%3CanimateTransform attributeName='transform' type='rotate' from='90 50 50' to='0 50 50' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/path%3E%3C/g%3E%3Cg transform='translate%2820,20%29 rotate%2815 50 50%29'%3E%3Cpath d='M79.9,52.6C80,51.8,80,50.9,80,50s0-1.8-0.1-2.6l-5.1-0.4c-0.3-2.4-0.9-4.6-1.8-6.7l4.2-2.9c-0.7-1.6-1.6-3.1-2.6-4.5 L70,35c-1.4-1.9-3.1-3.5-4.9-4.9l2.2-4.6c-1.4-1-2.9-1.9-4.5-2.6L59.8,27c-2.1-0.9-4.4-1.5-6.7-1.8l-0.4-5.1C51.8,20,50.9,20,50,20 s-1.8,0-2.6,0.1l-0.4,5.1c-2.4,0.3-4.6,0.9-6.7,1.8l-2.9-4.1c-1.6,0.7-3.1,1.6-4.5,2.6l2.1,4.6c-1.9,1.4-3.5,3.1-5,4.9l-4.5-2.1 c-1,1.4-1.9,2.9-2.6,4.5l4.1,2.9c-0.9,2.1-1.5,4.4-1.8,6.8l-5,0.4C20,48.2,20,49.1,20,50s0,1.8,0.1,2.6l5,0.4 c0.3,2.4,0.9,4.7,1.8,6.8l-4.1,2.9c0.7,1.6,1.6,3.1,2.6,4.5l4.5-2.1c1.4,1.9,3.1,3.5,5,4.9l-2.1,4.6c1.4,1,2.9,1.9,4.5,2.6l2.9-4.1 c2.1,0.9,4.4,1.5,6.7,1.8l0.4,5.1C48.2,80,49.1,80,50,80s1.8,0,2.6-0.1l0.4-5.1c2.3-0.3,4.6-0.9,6.7-1.8l2.9,4.2 c1.6-0.7,3.1-1.6,4.5-2.6L65,69.9c1.9-1.4,3.5-3,4.9-4.9l4.6,2.2c1-1.4,1.9-2.9,2.6-4.5L73,59.8c0.9-2.1,1.5-4.4,1.8-6.7L79.9,52.6 z M50,65c-8.3,0-15-6.7-15-15c0-8.3,6.7-15,15-15s15,6.7,15,15C65,58.3,58.3,65,50,65z' fill='%239f9fab'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 50' to='90 50 50' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/path%3E%3C/g%3E%3C/svg%3E");*/
    /*background-repeat: no-repeat;*/
    /*background-size: 50px;*/
}

/*  CROSS BTN  */
.cross-btn,
.cross-btn-field button {
    position: relative;
    width: 22px;
    height: 22px;
    margin-right: 0;
    border: none;
    cursor: pointer;
}
.cross-btn:hover,
.cross-btn-field button:hover {
    background-color: rgba(0,0,0,.1);
}
.cross-btn::before,
.cross-btn::after,
.cross-btn-field button::before,
.cross-btn-field button::after {
    content: '';
    position: absolute;
    display: block;
    height: 1px;
    width: 15px;
    left: 50%;
    top: 50%;
    background-color: #777;
}
.cross-btn::before,
.cross-btn-field button::before {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.cross-btn::after,
.cross-btn-field button::after {
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

/*  DOTTED BTN  */
.dotted-btn,
.dotted-btn-field button {
    position: relative;
    margin-right: 0;
    width: 22px;
    height: 22px;
    border: none;
    text-align: center;
    color: #777;
    cursor: pointer;
    background-color: #fff;
}
.dotted-btn:hover,
.dotted-btn-field button:hover {
    background-color: rgba(0,0,0,.1);
}
.dotted-btn::after,
.dotted-btn-field button::after {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: 55%;
    background-position: 50%;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIzMiIgd2lkdGg9IjMyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBjbGFzcz0icGF0aDEiIGZpbGw9IiM1NTUiIGQ9Im0zLjk5IDE2YzAtMi4yMSAxLjc5LTQgNC00czQgMS43OSA0IDQtMS43OSA0LTQgNC00LTEuNzktNC00em0xNiAwYzAtMi4yMSAxLjc5LTQgNC00czQgMS43OSA0IDQtMS43OSA0LTQgNC00LTEuNzktNC00eiIvPjwvc3ZnPg==);
}


/*  PROGRESS WIDGET  */
.progress-widget__row {
    position: relative;
    z-index: 1;
    padding: 2px 5px;
    /*border: 1px solid rgba(0,0,0,.5);*/
    /*border-bottom: none;*/
}
.progress-widget__row:last-child {
    /*border-bottom: 1px solid rgba(0,0,0,.5);*/
}
.progress-widget__row-bar {
    position: absolute;
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}
.progress-widget__row-bar.sts-blue {
    background-color: #46CDCF;
}
.progress-widget__row-bar.sts-sky {
    background-color: #87CEEB;
}
.progress-widget__row-bar.sts-purple {
    background-color: #C0ADDB;
}
.progress-widget__row-bar.sts-green {
    background-color: #2EB872;
}
.progress-widget__row-bar.sts-red {
    background-color: #FC624D;
}
.progress-widget__row-bar.sts-gold {
    background-color: #FBB829;
}
.progress-widget__row-bar.sts-pink {
    background-color: #FF0066;
}

/*  tag list field  */

.tag-list__list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
}
.PublicationsListField {
    height: 100%;
}
.list-field-container {
    width: 100%;
    height: 100%;
    overflow: auto;
}
.list-field {
    width: 100%;
    border: 1px solid #eee;
    background: #f3f3f3;
    padding: 15px;
}
.list-field .is-hidden {
    display: none;
}

.list-field__list-item {
    padding: 10px;
    border-bottom: 1px solid #eee;
    font-size: 16px;
}
.list-field__list-item:first-child {
    border-top: 1px solid #eee;
}
.list-field-row-actions-block {
    position: absolute;
    right: 5px;
    top: 5px;
}

.list-field__header,
.list-field__footer {
    padding: 15px 10px;
}
.list-field__list {
    position: relative;
    overflow: auto;
}
.project-list-field__fixed-header-row,
.project-list-field__row {
    display: flex;
    flex-direction: row;
    padding: 15px 25px;
    margin-bottom: 10px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    font-weight: 300;
}
.project-list-field__fixed-header-row {
    padding: 10px 25px;
    background-color: #fff;
    color: #608dbb;
    font-size: 16px;
}
.project-list-field__row {
    position: relative;
}

.project-list-field__fixed-header-col,
.project-list-field__col {
    padding: 10px;
}

.project-list-field__fixed-header-col.info,
.project-list-field__col.info {
    width: calc(100% - 700px);
}
.project-list-field__row-title {
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
}
.project-list-field__row-attributes {
    color: #777;
}
.project-list-field__row-attribute {
    margin-bottom: 5px;
}
.project-list-field__row-attribute_name,
.project-list-field__row-attribute_value {
    display: inline-block;
    width: 200px;
}


.project-list-field__fixed-header-col.sections,
.project-list-field__col.sections {
    flex: none;
    width: 200px;
}
.project-list-field__fixed-header-col.tasks,
.project-list-field__col.tasks {
    flex: none;
    width: 200px;
}
.project-list-field__fixed-header-col.status {
    flex: none;
    width: 300px;
}
.project-list-field__col.status {
    flex: none;
    display: flex;
    width: 100px;
    align-items: center;
}
.project-list-field__status-value {
}
.project-list-field__col.controls {
    flex: none;
    width: 200px;
}

.project-list__fast-edit-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    margin-right: 0;
    opacity: 0;
}
.project-list-field__row:hover .project-list__fast-edit-btn {
    opacity: 1;
}
.project-list__fast-edit-btn:hover {
    background-color: rgba(0,0,0,.1);
}

/*  project sections list field  */
.project-sec-list-field__row-container {
    padding: 15px 25px;
    margin-bottom: 10px;
    background-color: #fff;
}
.project-sec-list-field__row {
    position: relative;
    display: flex;
    flex-direction: row;
    font-weight: 300;
}

.project-sec-list-field__fixed-header-row {
    display: flex;
    flex-direction: row;
    background-color: #fff;
    margin-bottom: 10px;
    font-weight: 300;
    padding: 15px 25px;
}

.project-sec-list-field__fixed-header-row {
    padding: 10px 25px;
    background-color: #fff;
    color: #608dbb;
}


.project-sec-list-field__fixed-header-col,
.project-sec-list-field__col {
    flex: none;
    padding: 10px;
    width: 100px;
}

.project-sec-list-field__col .col-link {
    display: block;
    text-align: center;
}
.project-sec-list-field__col .col-link__value {
    text-decoration: underline;
    pointer-events: none;
}


.project-sec-list-field__fixed-header-col.name,
.project-sec-list-field__col.name {
    flex: auto;
}
.project-sec-list-field__col.tasks {
    font-size: 12px;
}

.project-sec-list__fast-edit-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    margin-right: 0;
    opacity: 0;
}
.project-sec-list-field__row:hover .project-sec-list__fast-edit-btn {
    opacity: 1;
}

.sts-blue .project-sec-list-field__col.status {
    color: #46CDCF;
}
.sts-green .project-sec-list-field__col.status {
    color: #2EB872;
}
.sts-purple .project-sec-list-field__col.status {
    color: #C0ADDB;
}
.sts-red .project-sec-list-field__col.status {
    color: #FC624D;
}
/*  FAST FORM  */
.is-blurred {
    position: relative;
    pointer-events: none;
}
.is-blurred::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 10;
}
.fast-form__container {
    position: absolute;
    min-width: 500px;
    max-width: 80%;
    right: 0;
    opacity: 0;
    top: 0;
    bottom: 0;
    /*border: 1px solid #eee;*/
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0, .4);
    transform: translateX(100%);
    transition: transform 150ms;
    z-index: 20;
}
.rs-modal .fast-form__container {
    display: none;
}
.fast-form__shadow {
    display: none;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 10;
}
.rs-modal .fast-form__shadow {
    display: none;
}

.fast-form__shadow.is-visible {
    display: block;
}

.fast-form__container .fast-form__container {
    display: none;
}
.fast-form__container.is-visible {
    transform: none;
    opacity: 1;
}
.toolbar-form .fast-form__container {
    top: 37px;
}

.fast-form__content {
    height: 100%;
}

.fast-form__container.content-visible .fast-form__content {
    display: block;
}

.fast-form__close-btn {
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    border-radius: 50%;
    vertical-align: bottom;
    text-align: center;
    color: #777;
    background-color: #fff;
    cursor: pointer;
    right: 5px;
    top: 7px;
    z-index: 20;
    border: none;
    outline: none;
}

.fast-form__close-btn:hover {
    background-color: rgba(0,0,0,.1);
}

.fast-form__close-btn:before,
.fast-form__close-btn:after {
    content: '';
    position: absolute;
    display: block;
    height: 1px;
    width: 10px;
    left: 50%;
    top: 50%;
    background-color: #777;
}
.fast-form__close-btn:before {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.fast-form__close-btn:after {
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

/*  COL FORM TEMPLATE  */
.view__col-row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    min-height: 100%;
    height:100%;
}
.view-col-info {
    flex: none;
    width: 400px;
 
    height: 100%;
    padding-right: 12px;
    overflow: auto;
}
.view-col-info__header {
    position: relative;
    display: flex;
    justify-content: space-between;
}
.view-col-info__header .field-block {
    padding: 0;
}
.view-col-info__header .field-block:hover {
    background-color: initial;
}

.view-col-stages {
    flex: none;
    width: calc(100% - 400px);
    height: 100%;
    padding-left: 10px;
    overflow: auto;
}

/*  TASK LIST  */
.TaskListField {
    width:100%;
    height: 100%;
    overflow: auto;
}
.task-list-field {
    width:100%;
    padding: 20px;
    font-weight: 300;
    background-color: #fff;
}
.task-list-field__header {
    padding: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    border-radius: 2px;
    margin-bottom: 20px;
}
.PanelFilter {
    height: 100%;
    background: #fffcf1;
}
.panel-filter-field {
    padding: 19px 30px 0 0;
    height: 100%;
}
.panel-filter-field .icon-check {
    background-color: #fff;
}
.panel-filter-field__staffs .field-block, .panel-filter-field__status .field-block {
    display: flex;
    flex-direction: row-reverse;
}
.PanelFilter .field-label:after {
    background-image: linear-gradient(to right,rgba(255, 252, 241, .3) 0%,rgba(255, 252, 241, 0.79) 71%);
}
.task-list-sidebar__title {
    margin: 0;
}
.task-list__charge-all {
    margin: 5px 0 10px 0;
    text-align: right;
}
.task-list__charge-all__btn {
    text-decoration: underline;
    color: #aaa;
    display: inline-block;
}
.task-list-field__header-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.task-list-field__search {
    position: relative;
}

.task-list-field__search-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ebebeb;
}
.task-list-field__search-input.has-value {
    outline: 2px solid #ffdb4d;
    outline-offset: -2px;
}

.task-list-field__search-clear-btn {
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -11px;
}


.task-list__group-select-btn {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 600;
}
.task-list__group-select-btn.is-selected {
    text-decoration: underline;
}

.task-card {
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    padding: 10px;
    margin-bottom: 40px;
    transition: transform 100ms;
}
.task-card.droppable-focus {
    transform: scale(1.01);
    box-shadow: 0 1px 10px rgba(0,0,0,0.5);
}
.droppable-focus .task-card__list::after {
    content: "";
    display: block;
    width: 100%;
    height: 34px;
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
}
.task-card__title  {
    font-size: 16px;
    padding: 0 5px;
    margin: 0 0 10px 0;
    font-weight: 500;
}
.task-card__collapse-btn {
    font-weight: 300;
    border-radius: 0;
}

.task-card__collapse-btn::before {
    content: '-';
    display: inline-block;
    width: 1em;
}
.task-card__collapse-btn.is-collapsed::before {
    content: '+';
}

.task-card__sub-list {
    display: none;
    padding-left: 20px;
}
.subtasks-visible > .task-card__sub-list {
    display: block;
}

.task-card__list {
    margin-bottom: 10px;
    overflow: auto;
}
.task-card__list.is-collapsed {
    max-height: 0;
    overflow: hidden;
    display: none;
}

.task-card__item {
    position: relative;
    border: 1px solid transparent;
    border-bottom-color: #ebebeb;
    background-color: #fff;
}
.task-card__sub-list .task-card__item:last-child {
    border-bottom: none;
}


.task-card__item-subtask-toggler {
    position: absolute;
    display: block;
    left: 0;
    top: 16px;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 16px;
    overflow: hidden;
    z-index: 2;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 50%;
}
.task-card__item-subtask-toggler:hover {
    background-color: rgba(0,0,0,.1);
}

.task-card__item-subtask-toggler::before,
.task-card__item-subtask-toggler::after {
    position: absolute;
    width: 16px;
    height: 1px;

    background-color: #777;
    pointer-events: none;
    transition: opacity 100ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.task-card__item-subtask-toggler::before {
    content: '';
    width: 11px;
    height: 1px;
    left: 2px;
    top: 7px;
}
.task-card__item-subtask-toggler::after {
    content: '';
    width: 1px;
    height: 11px;
    left: 7px;
    top: 2px;
}
.subtasks-visible > .task-card__item-subtask-toggler::after {
    visibility: hidden;
    opacity: 0;
}
.subtasks-visible > .task-card__item-subtask-toggler::before {
    visibility: visible;
    opacity: 1;
}


.task-card__item.is-dragged {
    position: fixed;
    z-index: 1000;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    opacity: .5;
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
}
.task-card__header-item-content,
.task-card__item-content {
    position: relative;
    padding: 5px 5px 5px 0;

    display: flex;
}
.task-card__item-content {
    margin-left: 20px;
}
.task-card__item-content:hover {
    border-color: #ebebeb;
    background-color: #ebebeb;
    transition: all 100ms;
}

.task-card__header-item-content {
    color: #b88f5b;
    border-bottom: 1px solid #b88f5b;
}

.task-card__header-item-name,
.task-card__item-name {
    padding: 10px 10px 10px 0;
    flex: auto;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.task-card__item-name {
    cursor: pointer;
}
.is-dragged .task-card__item-name {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
}
.completed-strike-through {
    text-decoration: line-through;
}
.task-card__item-name.is-locked {
    pointer-events: none;
    opacity: .5;
}
.task-card__item-name.text-editor-active {
    outline: 2px solid #ffdb4d;
    outline-offset: -2px;
    background-color: #fff;
}

.task-card__header-item-owner,
.task-card__header-item-due,
.task-card__header-item-status,
.task-card__header-item-subtask,
.task-card__item-owner,
.task-card__item-due,
.task-card__item-status,
.task-card__item-subtask {
    flex: none;
    padding: 10px;
    width: 140px;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sts-blue .task-card__item-status {
    color: #46cdcf;
}
.sts-green .task-card__item-status {
    color: #2eb872;
}
.sts-purple .task-card__item-status {
    color: #c0addb;
}
.sts-red .task-card__item-status {
    color: #fc624d;
}
.sts-strike-through .task-card__item-name {
    text-decoration: line-through;
}

.task-card__header-item-subtask,
.task-card__item-subtask {
    width: 90px;
}

.task-card__add {
    position: relative;
}
.task-card__add.is-locked {
    opacity: .4;
    pointer-events: none;
}
.task-card__add-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ebebeb;
}
.task-card__add-btn {
    position: absolute;
    display: none;
    right:0;
    top: 0;
    margin-right: 0;
    height: 100%;
}
.task-card__add.input-has-focus .task-card__add-btn {
    display: block;
}

.task-list__new-btn,
.task-list__reload-btn,
.task-card__add-btn {
    /*border-radius: 0;*/
    /*color: #fff;*/
    /*background-color: #608dbb;*/
    /*border-color: #608dbb;*/
    /*padding: 5px 10px;*/
}
.task-card__add-btn {
    border-radius: 0;
}
.task-card__fast-edit-btn {
    position: absolute;
    opacity: 0;
    display: inline-block;
    width: 22px;
    height: 22px;
    border: none;
    text-align: center;
    color: #777;
    cursor: pointer;
    right: 0;
    top: 50%;
    margin-top: -11px;
    margin-right: 5px;
    background-color: transparent;
}
.task-card__item-content:hover .task-card__fast-edit-btn {
    opacity: 1;
}
.task-card__fast-edit-btn::after {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: 55%;
    background-position: 50%;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIzMiIgd2lkdGg9IjMyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBjbGFzcz0icGF0aDEiIGZpbGw9IiM1NTUiIGQ9Im0zLjk5IDE2YzAtMi4yMSAxLjc5LTQgNC00czQgMS43OSA0IDQtMS43OSA0LTQgNC00LTEuNzktNC00em0xNiAwYzAtMi4yMSAxLjc5LTQgNC00czQgMS43OSA0IDQtMS43OSA0LTQgNC00LTEuNzktNC00eiIvPjwvc3ZnPg==);
}

.task-card__delete-btn {
    position: absolute;
    opacity: 0;
    display: inline-block;
    display: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: none;
    text-align: center;
    color: #777;
    cursor: pointer;
    right: 0;
    top: 50%;
    margin-top: -11px;
    margin-right: 5px;
    background-color: transparent;
}
.task-card__delete-btn:hover {
}

.task-card__item:hover .task-card__delete-btn {
    opacity: 1;
}

.task-card__delete-btn::before,
.task-card__delete-btn::after {
    content: '';
    position: absolute;
    display: block;
    height: 1px;
    width: 15px;
    left: 50%;
    top: 50%;
    background-color: #777;
}
.task-card__delete-btn::before {
    transform:translateX(-50%) translateY(-50%) rotate(-45deg);
}
.task-card__delete-btn::after {
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.task-card__deleted-text {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 5px;
    background-color: #fff;
    text-align: center;
    z-index:10;
}
.task-card__item.is-deleted .task-card__deleted-text {
    display: block;
}

.task-card__fast-menu {
    display: none;
    position: fixed;
    padding: 2px 0;
    min-width: 100px;
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,.5);
    border: 1px solid #ccc;
    background-color: #fff;
    z-index: 1000;
}
.task-card__fast-menu.is-visible {
    display: block;
}

.task-card__fast-menu-btn {
    display: block;
    padding: 5px 30px 5px 30px;
    width: 100%;
    margin-right: 0;
    border: none;
    background-color: #fff;
}
.task-card__fast-menu-btn:hover {
    background-color: #f1f1f1;
}


/*  task list inline fields  */
.SubjectField.task-list-field-inline {
    width: 140px;
}
.SubjectField.task-list-field-inline .field-el {
    width: 135px;
    min-width: unset;
}
.SubjectField.task-list-field-inline {
    left: 5px;
    margin-top: 3px;
    margin-bottom: 0;
}
.DatePickField.task-list-field-inline {
    width: 140px;
}
.DatePickField.task-list-field-inline .field-el {
    width: 137px;
    min-width: unset;
}
.DatePickField.task-list-field-inline {
    left: 5px;
    margin-top: 3px;
    margin-bottom: 0;
}
.SearchSelectField.task-list-field-inline {
    width: 140px;
}
.SearchSelectField.task-list-field-inline .p-select__title {
    width: 135px;
    min-width: unset;
}
.SearchSelectField.task-list-field-inline {
    left: 5px;
    margin-top: 3px;
    margin-bottom: 0;
}

/*  COMMENTARY FIELD  */
.commentary-field {
    width: 100%;
}
.commentary-field__list {
    margin-bottom: 15px;
}
.commentary-field__comment-container {
    position: relative;
}
.commentary-field__comment {
    position: relative;
    padding: 10px;
    padding-top: 25px;
    border: 1px solid #ebebeb;
    margin-bottom: 20px;
    background-color: #fff;
    z-index: 1;
}
.commentary-field__comment-text {
    margin: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.is-deleted .commentary-field__comment-text {
    text-decoration: line-through;
}
.commentary-field__comment-timestamp,
.commentary-field__comment-author {
    display: inline-block;
    position: absolute;
    top: -1px;
    color: #aaa;
    font-size: 10px;
    padding: 3px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    cursor: default;
}
.commentary-field__comment-timestamp {
    text-align: right;
    right: -1px;
}
.commentary-field__comment-author {
    text-align: left;
    left: -1px;
}
.commentary-field__remove-btn {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0;
    opacity: 0;
    border: none;
    z-index: 10;
}
.commentary-field__remove-btn.close-btn:before,
.commentary-field__remove-btn.close-btn:after {
    background-color: #777;
}
.commentary-field__comment:hover > .commentary-field__remove-btn {
    opacity: 1;
}

.commentary-field__comment-response-btn {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right:0;
    border-radius: 0;
}


.commentary-field__comment:hover > .commentary-field__comment-response-btn {
    display: block;
}

.commentary-field__comment.response-rendered:hover .commentary-field__comment-response-btn,
.response-rendered .commentary-field__comment-response-btn {
    display: none;
}

.commentary-field__response-input-block {
    display: block;
    margin-top: 10px;
}
.commentary-field__response-textarea {
    display: block;
    resize: vertical;
    width: 100%;
    height: 40px;
    max-height: 50px;
    margin-bottom: 5px;
    padding: 5px;
}

.commentary-field__input-block {
    text-align: right;
}
.commentary-field__input-block.is-locked {
    opacity: .5;
    pointer-events: none;
}
.commentary-field__textarea {
    display: block;
    width: 100%;
    min-height: 50px;
    max-height: 150px;
    padding: 5px;
}
.commentary-field__textarea-footer {
    padding-top: 4px;
    display: block;
    display: flex;
    justify-content: space-between;
}
.commentary-field__textarea-help {
    text-align: center;
    margin-bottom: 5px;
    color: #a9a9a9;
    font-size: 12px;
}
.commentary-field__add-btn {
    margin-right: 0;
}


.commentary-field__media-add-btns {
    text-align: left;
    margin-bottom: 5px;
}
.commentary-field__media-img-container {
    display: flex;
    flex-direction: row;
}
.commentary-field__media-file-container {
    text-align: left;
}
.commentary-field__media-file-container a {
    display: block;
}
.commentary-field__media-img-item {
    margin-right: 5px;
    margin-bottom: 5px;
    width: 50px;
    height: 50px;
}
.commentary-field__media-img-item img {
    max-width: 100%;
    max-height: 100%;
    text-align: center;
}

.commentary-field__comment-tree {
    position: relative;
    padding-left: 10px;
}
.commentary-field__comment-tree::before {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    left: 5px;
    height: 100%;
    top: -15px;
    background-color: #ebebeb;
    height: 100%;
    z-index:0;
}
.commentary-field__comment::before {
    content: '';
    position: absolute;
    display: block;
    height: 1px;
    width: 3px;
    left: -5px;
    bottom: 14px;
    background-color: #ebebeb;
}

/*  MODAL  */
.rs-modal__close-btn .close-btn::after,
.rs-modal__close-btn .close-btn::before {
    background-color: #333;
}

/*  VIEW FIELD  */
.ViewField,
.StatusViewField {
    margin-bottom: 0;
    min-height: initial;
}
.StatusViewField {
    font-weight: 600;
}
.StatusViewField .sts-blue {
    color: #46CDCF;
}
.StatusViewField .sts-green {
    color: #2EB872;
}
.StatusViewField .sts-purple {
    color: #C0ADDB;
}
.StatusViewField .sts-red {
    color: #FC624D;
}
/*  HTMLVIEW FIELD  */

.HTMLViewField img {
    max-width: 100%;
}


/*  INFO CONTAINER  */
.info-container {
    margin-bottom: 30px;
    border-bottom: 1px solid;
}
.info-block {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}
.info-block__title {
    margin-bottom: 2px;
    color: initial;
}
.info-block.info-block_one-line {
    flex-direction: row;
}
.info-block.info-block_one-line .info-block__title {
    flex: none;
    width: 150px;
    margin-bottom: 0;
}



/*  TASK TEMPLATE FIELD  */
.task-template-field {
    max-width: 800px;
}
.task-template-field__header {
    margin-bottom: 10px;
}
.checkbox-block {
    margin-bottom: 5px;
}
.checkbox-block input[type=checkbox] {
    margin-right: 5px;
}
.checkbox-block label {
    width: auto;
}
.task-template-field__list-item {
    margin-bottom: 20px;
}
.task-template-field__list-item .checkbox-block {
    font-weight: 600;
}

/*  TABS  */

/*  TAB HEAD  */
/*.TabHead__title {*/
    /*position: relative;*/
    /*padding-right: 10px;*/
    /*padding-top: 1px;*/
/*}*/
/*.TabHead__title::after {*/
    /*content: '';*/
    /*position: absolute;*/
    /*display: block;*/
    /*right: 0;*/
    /*top: 0;*/
    /*width: 10px;*/
    /*height: 100%;*/
    /*background-image: linear-gradient(to left, #608dbb 20%, rgba(96, 141, 187, 0.4)92%, rgba(255,255,255,0));*/
/*}*/
/*.is-selected .TabHead__title::after {*/
    /*background-image: linear-gradient(to left, #fff 20%, rgba(255,255,255,.4)95%, rgba(255,255,255,0));*/
/*}*/


/*  CSS TABS  */
/*.avant-css-tabs {*/
    /*padding-top: 0;*/
    /*height: 100%;*/
/*}*/
/*.avant-css-tabs .css-tabs__tabs {*/
    /*height: 30px;*/
/*}*/
/*.avant-css-tabs .css-tabs__tab {*/
    /*height: 30px;*/
/*}*/
/*.avant-css-tabs .css-tabs__tab-container {*/
    /*height: calc(100% - 30px);*/
/*}*/
/*.css-tabs__tab-body {*/
    /*min-height: 100%;*/
/*}*/



/*  PROJECT FORM  */
.project-form-inputs {

}
.project-form-inputs .InputField,
.project-form-inputs .TextAreaField,
.project-form-inputs .SubjectField,
.project-form-inputs .DatePickField {
    display: flex;
}
.project-form-inputs .InputField label,
.project-form-inputs .TextAreaField label,
.project-form-inputs .SubjectField label,
.project-form-inputs .DatePickField label {
    width: 120px;
}
.project-form-inputs .InputField input,
.project-form-inputs .TextAreaField textarea {
    width: calc(100% - 120px);
    max-width: none;
}
.project-form-inputs .TextAreaField textarea {
    resize: vertical;
    height: 70px;
    max-height: 200px;
}
.project-form-inputs .SubjectField .subject-field-wrap {
    width: calc(100% - 120px);
}
.project-form-inputs .SubjectField .subject-field-wrap input {
    width: 100%;
    max-width: none;
}

.project-form-inputs .DatePickField .date-pick__container {
    width: calc(100% - 120px);
}
.project-form-inputs .DatePickField .date-pick__container input {
    width: 100%;
    max-width: none;
}


/*  LINK FIELD  */
.LinkField {
    margin-bottom: 0;
    min-height: 0;
}


/*  TASK FORM AVANT  */
.task-form-content {
    max-width: 1140px;
    display: flex;
    flex-direction: row;
}
.task-form__main {
    flex: 0 1 760px;
    padding-left: 1px;
}
.task-form__aside {
    flex: 0 1 380px;
    padding-left: 50px;
}
.task-form__aside .Field {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}
.task-form__aside label {
    display: block;
    margin-bottom: 2px;
    color: #444444;
}
.form-task-flex {
    display: flex;
    justify-content: space-between;
    align-content: space-between;
}
.form-task-flex .Field {
    display: flex;
    flex: 0 0 auto;
}
.form-task-name .Field label {
    display: none;
}
.form-task-name .Field input {
    width: 100%;
}
@media (max-width: 1400px) {
    .avant-task-form .task-form__main {
        flex: 0 1 560px;
    }
    .avant-task-form .task-form__aside {
        flex: 0 1 260px;
    }
}


/*  PUBLICATION LIST FIELD  */
.publication-list__row {
    position: relative;
    display: flex;
    flex-direction: row;
    padding: 15px 25px;
    margin-bottom: 10px;
    background-color: #fff;
}
.publication-list__row .list-field-row-actions-block {
    display: none;
}
.publication-list__row:hover .list-field-row-actions-block {
    display: block;
}

.publication-list__image {
    width: 80px;
    height: 80px;
    margin-right: 20px;
    padding: 5px;
    border: 1px solid #ebebeb;
    text-align: center;
}
.publication-list__image img {
    max-width: 100%;
    max-height: 100%;
}

.publication-list__title {
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
}
.publication-list__body {
    position: relative;
    max-width: 700px;
    max-height: 80px;
    overflow: hidden;
}
.publication-list__body::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
}
.publication-list__body img {
    display: none;
}


/* TREE FIELD  */
.tree-field__branch {
    position: relative;
}
.tree-field__branch-title {
    display: block;
    margin-left: 15px;
    position: relative;
    padding-bottom: 2px;
    padding-top: 2px;
}
.tree-field__branch-title.is-selected {
    outline: 2px solid #ffdb4d;
    outline-offset: -2px;
}
.tree-field__branch-toggler {
    position: absolute;
    display: block;
    left: 0;
    top: 5px;
    width: 17px;
    height: 17px;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.1);
    line-height: 15px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 2;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}
.tree-field__branch-toggler::after,
.tree-field__branch-toggler::before {
    position: absolute;
    width: 16px;
    height: 1px;
    background-color: #777;
    pointer-events: none;
    transition: opacity 100ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tree-field__branch-toggler::after {
    content: '';
    width: 1px;
    height: 11px;
    left: 7px;
    top: 2px;
}
.tree-field__branch-toggler::before {
    content: '';
    width: 11px;
    height: 1px;
    left: 2px;
    top: 7px;
}
/*.tree-field__branch-toggler::after {*/
    /*content: '–';*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: -1px;*/
    /*width: 15px;*/
    /*height: 15px;*/
    /*line-height: 15px;*/
    /*text-align: center;*/
    /*background-color: #fff;*/
    /*visibility: hidden;*/
    /*pointer-events: none;*/
    /*opacity: 0;*/
    /*transition: opacity 100ms;*/
    /*-webkit-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    /*user-select: none;*/
/*}*/
.tree-field__branch.is-open > .tree-field__branch-toggler::after {
    visibility: hidden;
    opacity: 0;
}

.tree-field__branch-title-value {
    display: block;
    padding: 2px 3px;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 300;
    margin-left: 2px;
}
.tree-field__branch-title-value:hover {
    border-color: #a5a5a5;
}
.tree-field__subtree {
    display: none;
    padding-left: 20px;
}
.tree-field__subtree .tree-field__branch::before {
}
.tree-field__branch.is-open > .tree-field__subtree {
    display: block;
}


/*  WEEK TASK CONTAINER  */
.WeekTaskBoard {
    height: 100%;
    margin-bottom: 0;
}
.week-task-container {
    position: relative;
    height: 100%;
}

.drag-scroll-shadow {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100px;
    background-color: rgba(0,0,0,.4);
}
.drag-scroll-shadow.left {
    left: 0;
}
.drag-scroll-shadow.right {
    right: 0;
}


/*.btn-blue {*/
    /*border-radius: 0;*/
    /*color: #fff;*/
    /*background-color: #608dbb;*/
    /*border-color: #608dbb;*/
    /*padding: 5px 10px;*/
/*}*/
.week-task__header {
    padding: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    border-radius: 2px;
    margin-bottom: 10px;
}
.canban-list {
    display: flex;
    flex-direction: row;
    height: calc(100% - 60px);
    width: 100%;
    overflow: auto;

    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    border-radius: 2px;
}



.canban-col {
    flex: none;
    width: 280px;
    border-right: 1px solid #f1f1f1;
    background-color: #fafafa;
}


.canban-col__header {
    padding: 10px;
}
.canban-col__title {
    margin: 0;
}

.canban-col__list {
}
.droppable-focus .canban-col__list::after {
    content: "";
    display: block;
    height: 60px;
    width: 100%;
    display: block;
    background-color: #f1f1f1;;
}

.canban-col__item {
    padding: 10px;
    position: relative;
    border-bottom: 1px solid #f1f1f1;
    background-color: #fff;
}
.canban-col__item.is-dragged {
    position: fixed;
    width: 280px;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    transform: rotate(2deg);
    opacity: .45;
}
.canban-col__item:first-child {
    border-top: 1px solid #f1f1f1;
}
.canban-col__item-action-btns {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
}
.canban-col__item:hover .canban-col__item-action-btns {
    opacity: 1;
}


.canban-item-content {
}
.canban-item__name {
    margin-bottom: 10px;
    font-size: 14px;
}
.sts-strike-through .canban-item__name {
    text-decoration: line-through;
}
.canban-item__bottom-row {
    display: flex;
    flex-wrap: nowrap;
}
.canban-item__status,
.canban-item__manager {
    width: 50%;
}
.canban-item__manager {
    text-align: left;
    color: #757575;
}
.canban-item__status {
    text-align: right;
    text-transform: uppercase;
}
.sts-blue .canban-item__status {
    color: #46cdcf;
}
.sts-green .canban-item__status {
    color: #2eb872;
}
.sts-purple .canban-item__status {
    color: #c0addb;
}
.sts-red .canban-item__status {
    color: #fc624d;
}


.ICodeInputField {
    position: relative;
}
.ICodeInputField::after {
    content: '';
    position: absolute;
    right: 3px;
    top: 50%;
    margin-top: -13px;
    width: 26px;
    height: 26px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiPjx0aXRsZT5zaG9wcGluZ18wNTEtYmFyY29kZS1zdXBlcm1hcmtldC1wcm9kdWN0LWl0ZW08L3RpdGxlPjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPjxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NS4wMDAwMDAsIC0yODUuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDYuMDAwMDAwLCAyOTAuMDAwMDAwKSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMTQiLz48cmVjdCB4PSIzIiB5PSIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIxNCIvPjxyZWN0IHg9IjciIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjE0Ii8+PHJlY3QgeD0iMTAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjE0Ii8+PHJlY3QgeD0iMTMiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjE0Ii8+PHJlY3QgeD0iMTciIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjE0Ii8+PHJlY3QgeD0iMjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjE0Ii8+PC9nPjwvZz48L2c+PC9zdmc+");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    opacity: 0.5;
}

.lead-list-field__row {
    position: relative;
    padding: 10px 25px;
    margin-bottom: 10px;
    background-color: #fff;
}
.lead-list-field__title {
    display: block;
    margin: 0;
    margin-bottom: 5px;
    font-size: 14px;
}
.lead-list-field__completed-label {
    display: none;
    padding: 0 5px;
    margin-left: 5px;
    font-size: 12px;
    color: #2eb870;
    border: 1px solid #2eb872;
    border-radius: 4px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lead-list-field__completed-label.is-visible {
    display: inline-block;
}
.lead-list-field__comment {
    max-width: 40em;
}
.lead-list__fast-edit-btn {
    position: absolute;
    opacity: 0;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 0;
    border: none;
    text-align: center;
    color: #777;
    cursor: pointer;
    right: 5px;
    top: 5px;
    background-color: transparent;
}
.lead-list-field__row:hover .lead-list__fast-edit-btn {
    opacity: 1;
}
.lead-list__fast-edit-btn::after {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: 55%;
    background-position: 50%;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIzMiIgd2lkdGg9IjMyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBjbGFzcz0icGF0aDEiIGZpbGw9IiM1NTUiIGQ9Im0zLjk5IDE2YzAtMi4yMSAxLjc5LTQgNC00czQgMS43OSA0IDQtMS43OSA0LTQgNC00LTEuNzktNC00em0xNiAwYzAtMi4yMSAxLjc5LTQgNC00czQgMS43OSA0IDQtMS43OSA0LTQgNC00LTEuNzktNC00eiIvPjwvc3ZnPg==);
}

.list-field__fast-menu {
    display: none;
    position: fixed;
    padding: 2px 0;
    min-width: 100px;
    box-shadow: 3px 3px 3px 0 rgba(0,0,0,.5);
    border: 1px solid #ccc;
    background-color: #fff;
    z-index: 1000;
}
.list-field__fast-menu.is-visible {
    display: block;
}
.list-field__fast-menu-btn {
    display: block;
    padding: 5px 30px 5px 30px;
    width: 100%;
    margin-right: 0;
    text-align: left;
    border: none;
    background-color: #fff;
}
.list-field__fast-menu-btn:hover {
    background-color: #f1f1f1;
}