:root {
    --color-text: #151b26;
    --color-text-deprecated: #273240;
    --color-text-rgb: 21, 27, 38;
    --color-text-foreground: #fff;
    --color-text-disabled: #9ca6af;
    --color-text-disabled-deprecated: #cbd4db;
    --color-text-weak: #6f7782;
    --color-text-weak-hover: #151b26;
    --color-icon: #6f7782;
    --color-icon-deprecated: #273240;
    --color-icon-rgb: 111, 119, 130;
    --color-icon-foreground: #fff;
    --color-icon-hover: #273240;
    --color-icon-active: #151b26;
    --color-icon-disabled: #9ca6af;
    --color-icon-weak-deprecated: #9ca6af;
    --color-icon-strong: #151b26;
    --color-border: #e8ecee;
    --color-border-deprecated: #cbd4db;
    --color-border-rgb: 232, 236, 238;
    --color-border-inverse: #f6f8f9;
    --color-border-hover: #cbd4db;
    --color-border-active: #9ca6af;
    --color-border-strong: #cbd4db;
    --color-background-weak: #fff;
    --color-background-weak-rgb: 255, 255, 255;
    --color-background-weak-hover: #f6f8f9;
    --color-background-weak-hover-deprecated: #f6f8f9;
    --color-background-medium: #f6f8f9;
    --color-background-hover: #e8ecee;
    --color-background-active: #cbd4db;
    --color-background-strong: #e8ecee;
    --color-background-strong-deprecated: rgba(232, 236, 238, 0.5);
    --color-selected-text: #008ce3;
    --color-selected-text-deprecated: #14aaf5;
    --color-selected-text-hover: #008ce3;
    --color-selected-icon: #14aaf5;
    --color-selected-icon-deprecated: #32c1ff;
    --color-selected-icon-strong-deprecated: #008ce3;
    --color-selected-border: #14aaf5;
    --color-selected-border-deprecated: #caeeff;
    --color-selected-border-hover: #008ce3;
    --color-selected-border-active: #008ce3;
    --color-selected-background: #edf8ff;
    --color-selected-background-deprecated: #caeeff;
    --color-selected-background-strong: #14aaf5;
    --color-success-text: #00bf9c;
    --color-success-text-hover: #00bf9c;
    --color-success-icon: #25e8c8;
    --color-success-icon-hover: #00bf9c;
    --color-success-icon-strong: #00bf9c;
    --color-success-background: #e2fffa;
    --color-warning-icon: #fcbd01;
    --color-warning-icon-hover: #f2a100;
    --color-warning-background: #fffede;
    --color-upsell-icon: #fcbd01;
    --color-upsell-icon-hover: #f2a100;
    --color-upsell-background: #fffede;
    --color-error-text: #ed4758;
    --color-error-text-deprecated: #ff5263;
    --color-error-icon: #ff5263;
    --color-error-icon-deprecated: #ed4758;
    --color-error-icon-hover: #ed4758;
    --color-error-border: #ed4758;
    --color-error-border-deprecated: #ff5263;
    --color-error-background-weak: #ffedef;
    --color-error-background-strong: #ff5263;
    --color-soon-text: #00bf9c;
    --color-soon-icon: #00bf9c;
    --color-soon-background: #e2fffa;
    --color-overdue-text: #ed4758;
    --color-overdue-icon: #ed4758;
    --color-overdue-border: #ed4758;
    --color-overdue-background: #ffedef;
    --color-overdue-background-strong: #ff5263;
    --color-important-border: #ffe01b;
    --color-important-background: #fffede;
    --color-danger-text: #ed4758;
    --color-danger-text-deprecated: #ff5263;
    --color-danger-text-hover: #ed4758;
    --color-danger-text-active: #ed4758;
    --color-danger-icon: #ff5263;
    --color-danger-icon-deprecated: #ed4758;
    --color-danger-icon-hover: #ff5263;
    --color-danger-border: #ed4758;
    --color-danger-background-weak: #ffedef;
    --color-danger-background-strong: #ff5263;
    --color-drop-target-text: #14aaf5;
    --color-drop-target-border-deprecated: #273240;
    --color-drop-target-background: rgba(255, 255, 255, 0.95);

        --color-button-text-primary: #fff;
    --color-button-text-primary-disabled: #9ca6af;
    --color-button-text-secondary: #273240;
    --color-button-text-secondary-hover: #151b26;
    --color-button-text-subtle: #6f7782;
    --color-button-text-subtle-inverse: #fff;
    --color-button-text-subtle-hover: #151b26;
    --color-button-text-subtle-hover-inverse: #fff;
    --color-button-text-subtle-disabled: #cbd4db;
    --color-button-text-subtle-disabled-inverse: #6f7782;
    --color-button-text-shrouded: #fff;
    --color-button-icon-primary: #fff;
    --color-button-icon-secondary: #6f7782;
    --color-button-icon-secondary-hover: #273240;
    --color-button-icon-shrouded: #fff;
    --color-button-border-primary-disabled: #e8ecee;
    --color-button-border-secondary: #cbd4db;
    --color-button-border-secondary-hover: #cbd4db;
    --color-button-border-secondary-active: #cbd4db;
    --color-button-border-subtle: transparent;
    --color-button-border-subtle-inverse: transparent;
    --color-button-background-primary: #14aaf5;
    --color-button-background-primary-hover: #129ce1;
    --color-button-background-primary-active: #1296d8;
    --color-button-background-primary-disabled: #f6f8f9;
    --color-button-background-secondary: #fff;
    --color-button-background-secondary-hover: #f6f6f6;
    --color-button-background-secondary-active: #e3e4e5;
    --color-button-background-subtle: transparent;
    --color-button-background-subtle-inverse: transparent;
    --color-button-background-subtle-hover: rgba(21, 7, 38, 0.04);
    --color-button-background-subtle-hover-inverse: rgba(255, 255, 255, 0.12);
    --color-button-background-subtle-active: rgba(21, 7, 38, 0.08);
    --color-button-background-subtle-active-inverse: rgba(255, 255, 255, 0.2);
    --color-button-background-subtle-pressed: #caeeff;
    --color-button-background-subtle-pressedHover: #bae6fd;
    --color-button-background-subtle-pressedActive: #b2e2fc;
    --color-button-background-shrouded: rgba(39, 50, 64, 0.6);
    --color-button-background-shrouded-hover: rgba(39, 50, 64, 0.78);
    --color-button-background-shrouded-active: rgba(39, 50, 64, 0.84);
    --color-button-error-background-subtle-deprecated: #ffedef;
    --color-button-error-background-subtle: rgba(255, 82, 99, 0.08);
    --color-button-error-background-subtle-hover-deprecated: #ffedef;
    --color-button-error-background-subtle-hover: rgba(255, 82, 99, 0.16);
    --color-button-error-background-subtle-active-deprecated: #ffedef;
    --color-button-error-background-subtle-active: rgba(255, 82, 99, 0.24);
    --color-button-error-background: #fff;
    --color-button-error-background-hover: #ffedef;
    --color-button-error-background-active: #ff9ca5;
    --color-button-error-background-pressed: #ff5263;
    --color-button-error-background-pressedHover: #ed4758;
    --color-button-error-background-pressedActive: #e8192e;
    --color-button-error-background-secondary-hover: rgba(255, 82, 99, 0.08);
    --color-button-error-background-secondary-active: rgba(255, 82, 99, 0.16);
    --color-button-error-text: #273240;
    --color-button-error-text-hover: #151b26;
    --color-button-error-text-pressed: #fff;
    --color-button-error-text-pressedHover: #fff;
    --color-button-error-icon: #ed4758;
    --color-button-error-icon-hover: #ed4758;
    --color-button-error-icon-pressed: #fff;
    --color-button-error-icon-pressedHover: #fff;
    --color-button-error-border: #cbd4db;
    --color-button-error-border-hover: #ed4758;
    --color-button-error-border-pressed: #ff5263;
    --color-button-error-border-pressedHover: #ed4758;
    --color-button-error-border-pressedActive: #e8192e;
    --color-button-success-text: #273240;
    --color-button-success-text-hover: #151b26;
    --color-button-success-text-pressed: #fff;
    --color-button-success-text-pressedHover: #fff;
    --color-button-success-icon: #00bf9c;
    --color-button-success-icon-hover: #00bf9c;
    --color-button-success-icon-pressed: #fff;
    --color-button-success-icon-pressedHover: #fff;
    --color-button-success-border: #cbd4db;
    --color-button-success-border-hover: #00bf9c;
    /*--color-button-success-border-pressed: #25e8c8;*/
    --color-button-success-border-pressed: #81c868;
    --color-button-success-border-pressedHover: #00bf9c;
    --color-button-success-border-pressedActive: #008c72;
    --color-button-success-background: #fff;
    --color-button-success-background-hover: #e2fffa;
    --color-button-success-background-active: #b0fff1;
    --color-button-success-background-pressed: #81c868;
    --color-button-success-background-pressedHover: #234f13;
    --color-button-success-background-pressedActive: #008c72;
    --color-button-warning-text: #273240;
    --color-button-warning-text-hover: #151b26;
    --color-button-warning-text-pressed: #fff;
    --color-button-warning-text-pressedHover: #fff;
    --color-button-warning-icon: #f2a100;
    --color-button-warning-icon-hover: #f2a100;
    --color-button-warning-icon-pressed: #fff;
    --color-button-warning-icon-pressedHover: #fff;
    --color-button-warning-border: #cbd4db;
    --color-button-warning-border-hover: #f2a100;
    --color-button-warning-border-pressed: #fcbd01;
    --color-button-warning-border-pressedHover: #f2a100;
    --color-button-warning-border-pressedActive: #bf7f00;
    --color-button-warning-background: #fff;
    --color-button-warning-background-hover: #fffede;
    --color-button-warning-background-active: #fff78f;
    --color-button-warning-background-pressed: #fcbd01;
    --color-button-warning-background-pressedHover: #f2a100;
    --color-button-warning-background-pressedActive: #bf7f00;
    --color-button-danger-text: #fff;
    --color-button-danger-background: #ff5263;
    --color-button-danger-background-hover: #eb4b5b;
    --color-button-danger-background-active: #e04857;
    --color-button-danger-background-secondary-hover: #fff8f9;
    --color-button-danger-background-secondary-active: #fff1f3;
    --color-button-danger-border-secondary: #ff5263;
    --color-button-upsell-text: #fff;
    --color-button-upsell-background: #fcbd01;
    --color-button-upsell-background-hover: #e8ae01;
    --color-button-upsell-background-active: #dea601;
    --color-button-heart-subtle-rgb: 50, 193, 255;
}





.badges {
    margin-left: -2px;
    max-width: 100%;
}

.icon-badges {
    color: var(--ds-text-subtle, #5e6c84);
    display: inline-block;
    margin: 0 4px 4px 0;
    max-width: 100%;
    min-height: 20px;
    overflow: hidden;
    padding: 2px;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    vertical-align: top;
}





.has-feedback .form-control {
    padding-left: 42.5px;
}



.leads_modal_tasks_topbar {
    color: #6f7782;
    background: #f6f8f9;
    border-top: 1px solid #e8ecee;
    border-bottom: 1px solid #e8ecee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.AttachmentCardLog {
    max-width: max-content;
}
.AttachmentCardLog .AttachmentCard--small.AttachmentCard {
    max-width: max-content;
}

.AttachmentCard--small.AttachmentCard {
    max-height: 144px;
    max-width: 150px;
    color: #000;
}

.AttachmentCard {
    box-sizing: border-box;
    color: inherit;
    display: block;
    overflow: hidden;
    text-align: right;
}

.ComposerAttachmentsPile-pendingAttachmentCard {
    /*margin: 0 8px 8px 0;*/
    position: relative;
}
.BaseCard {
    background: #fff;
    border: 1px solid #e8ecee;
    border-radius: 8px;
    box-shadow: none;
    transition-duration: 200ms;
    transition-property: background,border-color,box-shadow;
}
.AttachmentCard-info {
    align-items: center;
    display: flex;
    margin: -1px;
}
svg:not(:root) {
    overflow: hidden;
}
.AttachmentCard-svg {
    fill: #9ca6af;
    height: 32px;
    margin: 16px;
    min-width: 32px;
    width: 32px;
}
.AssetIcon-default {
    fill: #9ca6af;
}
.AttachmentCard-name {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.AttachmentCard-row {
    flex-grow: 1;
    overflow: hidden;
    padding-left: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.AttachmentCard-metaData {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #6f7782;
    overflow: hidden;
    text-overflow: ellipsis;
}.AttachmentCard-label {
    overflow: hidden;
    text-overflow: ellipsis;
}
.ProgressBar-indicator {
    background-color: #25e8c8;
    border-radius: 3px;
}
.ProgressBar {
    background: #e8ecee;
    border-radius: 3px;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    display: flex;
    height: 6px;
    margin: 4px 0;
    overflow: hidden;
    width: 100%;
}
.AttachmentCard-label {
    overflow: hidden;
    text-overflow: ellipsis;
}
.pendingAttachmentCard .FileDefaultIcon
{
    height: auto;
}





.TaskCompletionToggleButton--isPressed.AbstractThemeableRectangularButton--isEnabled:hover {
    background: var(--color-button-success-background-pressedHover);
    border-color: var(--color-button-success-border-pressedHover);
    color: var(--color-button-success-text-pressedHover);
    fill: var(--color-button-success-icon-pressedHover);
}
.TaskCompletionToggleButton--isPressed.AbstractThemeableRectangularButton {
    background: var(--color-button-success-background-pressed);
    border-color: var(--color-button-success-border-pressed);
    color: var(--color-button-success-text-pressed);
    fill: var(--color-button-success-icon-pressed);
}


.TaskCompletionToggleButton--isNotPressed.AbstractThemeableRectangularButton--isEnabled:hover {
    background: #e2fffa;
    border-color: #00bf9c;
    color: #00bf9c;
    fill: #00bf9c;
}
.TaskCompletionToggleButton--isNotPressed.AbstractThemeableRectangularButton {
    background: #fff;
    border-color: #cbd4db;
    color: #273240;
    fill: #6f7782;
}
.AbstractThemeableRectangularButton.AbstractThemeableRectangularButton--medium {
    font-size: 12px;
    /* height: 20px; */
    line-height: 20px;
    padding: 0 8px;
}
.AbstractThemeableRectangularButton.AbstractThemeableRectangularButton--isEnabled {
    cursor: pointer;
}
.SubtleButton.AbstractThemeableRectangularButton {
    background: transparent;
    border-color: transparent;
    color: #6f7782;
    fill: #6f7782;
}
.SubtleButton.AbstractThemeableRectangularButton--isEnabled:hover {
    background: rgba(21,27,38,.04);
    border-color: transparent;
    color: #151b26;
    fill: #151b26;
}
.AbstractThemeableRectangularButton {
    align-items: center;
    border: 1px solid;
    border-radius: 6px;
    box-sizing: border-box;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    overflow: hidden;
    transition-duration: .2s;
    transition-property: background,border,box-shadow,color,fill;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.AbstractThemeableRectangularButton-leftIcon {
    margin-left: 4px;
}
.MiniIcon {
    flex: 0 0 auto;
    height: 12px;
    width: 12px;
}
.AbstractThemeableIconButton.AbstractThemeableIconButton--medium.AbstractThemeableIconButton {
    height: 28px;
    min-height: 28px;
    min-width: 28px;
    width: 28px;
}
.SubtleIconButton.AbstractThemeableIconButton--isEnabled:hover {
    background: rgba(21,27,38,.04);
    border-color: transparent;
    fill: #151b26;
}
.SubtleIconButton.AbstractThemeableIconButton {
    border-radius: 6px;
}
.SubtleIconButton.AbstractThemeableIconButton {
    background: transparent;
    border-color: transparent;
    fill: #6f7782;
}
.AbstractThemeableIconButton.AbstractThemeableIconButton--isEnabled {
    cursor: pointer;
}
.AbstractThemeableIconButton {
    align-items: center;
    border: 1px solid;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    transition-duration: .2s;
    transition-property: background,border,box-shadow,fill;
}
.Icon {
    flex: 0 0 auto;
    height: 16px;
    width: 16px;
}
.SingleTaskPaneToolbarAnimation-row {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 56px;
    max-width: 10000px;
    opacity: 1;
    overflow: hidden;
    padding: 28px 0 28px 24px;
    transition: opacity 200ms ease-in;
}
.TaskAttachments-attachment {
    align-items: center;
    display: flex;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
    margin-left: 4px;
}
.TaskAttachments-icon {
    fill: #cbd4db;
    flex-shrink: 0;
    margin-right: 4px;
}
.PrimaryLink {
    cursor: pointer;
    color: #14aaf5;
    fill: #14aaf5;
}
.AbstractThemeableIconButton.AbstractThemeableIconButton--small.AbstractThemeableIconButton {
    height: 20px;
    min-height: 20px;
    min-width: 20px;
    width: 20px;
}
.SubtleMiniIconButton.AbstractThemeableIconButton {
    border-radius: 6px;
}
.SubtleMiniIconButton.AbstractThemeableIconButton {
    background: transparent;
    border-color: transparent;
    fill: #6f7782;
}.AbstractThemeableIconButton.AbstractThemeableIconButton--isEnabled {
    cursor: pointer;
}
.TaskAttachments-dropdownMenuButton {
    margin: 1px 8px;
    visibility: hidden;
}
.AbstractThemeableIconButton {
    align-items: center;
    border: 1px solid;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    transition-duration: .2s;
    transition-property: background,border,box-shadow,fill;
}
.SubtleMiniIconButton.AbstractThemeableIconButton--isEnabled:hover {
    background: rgba(21,27,38,.04);
    border-color: transparent;
    fill: #151b26;
}
.AbstractThemeableIconButton.AbstractThemeableIconButton--small.AbstractThemeableIconButton {
    height: 20px;
    min-height: 20px;
    min-width: 20px;
    width: 20px;
}
.SubtleMiniIconButton.AbstractThemeableIconButton--isEnabled:hover {
    background: rgba(21,27,38,.04);
    border-color: transparent;
    fill: #151b26;
}
.TaskAttachments-dropdownMenuButton.is-dropdownVisible, .TaskAttachments-attachment:hover .TaskAttachments-dropdownMenuButton {
    visibility: visible;
}
.TaskAttachments-attachment:last-of-type {
    margin-bottom: 0px;
}

a.edit_task_title.editable-click{
    border-bottom: 0px;
}

a.edit_task_title.editable-click:hover{
    border-bottom: dashed 1px #0088cc;;
}

#users_clock_table p.rate {
    cursor: pointer;
}
#users_clock_table p.rate span.glyphicon.glyphicon-pencil {
    opacity: 0;
}
#users_clock_table p.rate:hover span.glyphicon.glyphicon-pencil {
    opacity: 1;
}


.cursor-move
{
    cursor: move;
}


.table-profile-modal td:last-of-type
{
    overflow: auto;
    max-width: 165px;
}

.caret-left {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 2px;
    vertical-align: middle;
    border-right: 4px solid;
    border-left: #4c4b46;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  right: 100%;
  margin-top: -1px;
}



ul.items-list {
    counter-reset: my-badass-counter;
    list-style: none;
}

ul.items-list > li {
    clear: both;
    border-bottom: 1px dashed #b1b3b6;
    padding: 10px 0px;
    height: 85px;
}

.modal-lg ul.items-list > li {
    height: auto;
}

ul.items-list > li:before {
    width: 8%;
    min-width: 30px;
    font-size: 30px;
    /*height: 100%;*/
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    color: #fff;
    background-color: #aed7d8;
    text-align: center;
    vertical-align: middle;
    float: right;
    padding: 10px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.modal-lg ul.items-list > li:before {
    width: 3%;
}

ul.items-list > li .row_remove {
    align-items: center;
    display: flex;
    padding: 0px;
}


#products-list .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    /*color: #f05050;*/
}


#products-list {
    counter-reset: my-badass-counter;
    list-style: none;
}

#products-list > li {
    clear: both;
    border-bottom: 1px dashed #b1b3b6;
    padding: 10px 0px;
    height: 80px;
}

#products-list > li:before {
    width: 30px;
    font-size: 30px;
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    color: #fff;
    background-color: #aed7d8;
    text-align: center;
    float: right;
}



#products-list input[type=text],
#products-list select,
#products-list input[type=number],
#products-list input[type=email],
#products-list .select2 {
    height: 24px;
    line-height: 24px;
    padding: 2px 12px;
    position: relative;
    text-align: center;
}


#products-list .form-group {
    width: 8%;
    margin: 5px;
}

@media (max-width: 767px){
    #products-list .form-group {
        width: 30%;
        margin: 5px;
    }
}



#products-list .products_description {
    width: 30%;
}
#products-list .products_notes {
    width: 30%;
}
#products-list .row_total {
    width: 15%;
}

#products-list .row_remove {
    align-items: center;
    display: flex;
    font-weight: bold;
}


#products-list .products_description input {
    text-align: right;
}


#products-list .form-group label {
    color: #a8a9ad;
    font-size: 11px;
    text-align: center;
    position: relative;
    margin-top: 5px;
    font-weight: 500;
}


#products-list .row_total input
{
    text-align: center;
    direction: ltr;
    border: none;
    background: transparent;
    box-shadow: none;
    color: #00a5a7;
    font-weight: 700;
    font-size: 16px;
}


/* בסיס לכל הרשימות */
.line-items {
  --accent-color: #aed7d8;      /* צבע מספר */
  --rowtotal-color: #00a5a7;    /* צבע סה"כ */
  counter-reset: li-counter;    /* מספור דרך counter */
  list-style: none;
  padding: 0;
  margin: 0;
}

.line-items > li {
  clear: both;
  border-bottom: 1px dashed #b1b3b6;
  padding: 10px 0;
  height: 80px;
  position: relative;
}

/* המספר של השורה */
.line-items > li::before {
  width: 30px;
  font-size: 30px;
  content: counter(li-counter);
  counter-increment: li-counter;
  color: #fff;
  background-color: var(--accent-color);
  text-align: center;
  float: right;           /* RTL */
  line-height: 30px;
  border-radius: 4px;
}

/* פוקוס של שדות */
.line-items .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

/* שדות */
.line-items input[type=text],
.line-items select,
.line-items input[type=number],
.line-items input[type=email],
.line-items .select2 {
  height: 24px;
  line-height: 24px;
  padding: 2px 12px;
  position: relative;
  text-align: center;
}

.line-items .form-group {
  width: 8%;
  margin: 5px;
}

@media (max-width: 767px){
  .line-items .form-group {
    width: 30%;
    margin: 5px;
  }
}

/* עמודות מיוחדות כדי לשמר את הפריסות שלך */
.line-items .products_description { width: 30%; }
.line-items .products_notes       { width: 30%; }
.line-items .row_total            { width: 15%; }

.line-items .row_remove {
  align-items: center;
  display: flex;
  font-weight: bold;
}

.line-items .products_description input { text-align: right; }

.line-items .form-group label {
  color: #a8a9ad;
  font-size: 11px;
  text-align: center;
  position: relative;
  margin-top: 5px;
  font-weight: 500;
}

.line-items .row_total input {
  text-align: center;
  direction: ltr;
  border: none;
  background: transparent;
  box-shadow: none;
  color: var(--rowtotal-color);
  font-weight: 700;
  font-size: 16px;
}

/* מודיפיירים לצביעה שונה בין סוגי רשימות (אופציונלי) */
.line-items--products { --accent-color: #aed7d8; --rowtotal-color: #00a5a7; }
.line-items--payments { --accent-color: #d8c0ae; --rowtotal-color: #a77000; } /* דוגמה בלבד */





.page-header2 {
    background: #2c3945;
    margin-bottom: 10px;
    border-radius: 7px 7px 0 0;
}


.input-group-addon.right-raduis {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;

    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.round_form_search .form-control {
    height: 26px !important;
    padding: 2px 10px !important;
    font-size: 14px !important;
/*    margin-bottom: 3px;*/
}

.round_form .form-control,
.round_form .form-control.select2-container.select2-dropdown-open,
#add_user .form-control,
#add_building_form .form-control,
#add_lead_form .form-control {
  border: 1px solid #bdbdbd !important;
  border-radius: 6px;
}

/*.round_form input[type="date"].form-control, */
/*.round_form input[type="time"].form-control, */
.round_form input[type="datetime-local"].form-control, 
.round_form input[type="month"].form-control 
{
    width: calc(100% - 17.5px);
    /*width: 100%;*/
}


.round_form input[type="date"]::-webkit-calendar-picker-indicator {
    /*background: transparent;*/
    /*bottom: 0;*/
    /*color: transparent;*/
    cursor: pointer;
    /*height: auto;*/
    /*left: 0;*/
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 0;*/
    /*width: auto;*/
}

/*col-lg-6 col-md-6 col-sm-6 col-xs-12*/
.round_form .col-md-12 input[type="date"].form-control, 
.round_form .col-md-12 input[type="time"].form-control, 
.round_form .col-md-12 input[type="datetime-local"].form-control, 
.round_form .col-md-12 input[type="month"].form-control,
.round_form .col-lg-12 input[type="date"].form-control, 
.round_form .col-lg-12 input[type="time"].form-control, 
.round_form .col-lg-12 input[type="datetime-local"].form-control, 
.round_form .col-lg-12 input[type="month"].form-control ,
.round_form.add_sale_form input[type="date"].form-control, 
.round_form.add_sale_form input[type="time"].form-control, 
.round_form.add_sale_form input[type="datetime-local"].form-control, 
.round_form.add_sale_form input[type="month"].form-control 
{
    width: 100%;
}

@media (max-width: 768px)
{
    .round_form input[type="date"].form-control, 
    .round_form input[type="time"].form-control, 
    .round_form input[type="datetime-local"].form-control, 
    .round_form input[type="month"].form-control 
    {
        width: 100%;
    }
}


.round_form input[type="number"].form-control 
{
        padding-left: 17.5px;;
}

.round_form .input-group .form-control:last-child,
#add_user .input-group .form-control:last-child,
#add_building_form .input-group .form-control:last-child,
#add_lead_form .input-group .form-control{
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right:0 ;
}

.round_form .input-group .input-group-addon,
#add_user .input-group .input-group-addon,
#add_building_form .input-group .input-group-addon,
#add_lead_form .input-group .input-group-addon
{
  border-left:0 !important;
  background: #fff !important;
  border: 1px solid #bdbdbd;
}


.red_dot{
  color: #ff366b !important;
}

.round_form  label,
#add_user label,
#add_building_form label,
#add_lead_form label{
  color: #2c3945;
  font-weight: 500;
    color: #757575;
    /*display: inline-block;*/
    max-width: 100%;
    margin-bottom: 0px;
    margin-right: 5px;
    font-size: 14px;
    /*font-weight: bold;*/
}


.round_form .has-error label,
#add_user .has-error label,
#add_building_form .has-error label,
#add_lead_form .has-error label{
  color: #a94442;
  font-weight: 500;
}

.round_form .has-success label,
#add_user .has-success label,
#add_building_form .has-success label,
#add_lead_form .has-success label{
  color: #3c763d;
}


.round_form select,
#add_user select,
#add_building_form select,
#add_lead_form select{
  -webkit-appearance: none;
  background-image: url(/images/icons/drop-icon.png);
  background-repeat: no-repeat;
  background-position: 8px center;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat left .75rem center/8px 10px;
  background-color: #FFFFFF;
}

.round_form .has-error select,  .round_form .has-success select,
#add_user .has-error select,  #add_user .has-success select,
#add_building_form .has-error select,  #add_building_form .has-success select,
#add_lead_form .has-error select,  #add_lead_form .has-success select{
  -webkit-appearance: none;
  /*background-image: unset;*/
  background-repeat: no-repeat;
  background-position: 8px center;
}

.round_form .has-error .input-group-addon,
#add_building_form .has-error .input-group-addon,
#add_user .has-error .input-group-addon {
    color: #a94442;
    background-color: #ffeaea !important;
    border-color: #a94442;
}

.round_form .has-error .form-control,
#add_building_form .has-error .form-control,
#add_user .has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    
    background-color: #ffeaea !important;
    border: 1px solid #a94442 !important;
    opacity: 1;
}


.round_form .has-success .input-group-addon,
#add_building_form .has-success .input-group-addon,
#add_user .has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #81c868;
}


.round_form .has-success .form-control,
#add_building_form .has-success .form-control,
#add_user .has-success .form-control {
    border-color: #81c868;
    box-shadow: none !important;
}


#add_building_form .toggle {
    width: 90% !important;
}







body, html {
    font-family: 'Arial', sans-serif !important;
    font-family: 'Taskey', 'Arial', sans-serif !important;
    /*font-family: 'Assistant', sans-serif !important;*/
    /*font-family: 'Taskey' !important;*/
	margin-top:0px;
}


[data-letters]:before {
  content:attr(data-letters);
  display:inline-block;
  font-size:1em;
  width:2.5em;
  height:2.5em;
  line-height:2.5em;
  text-align:center;
  border-radius:50%;
  /*background:plum;*/
  background:#56a6f3;
  vertical-align:middle;
  /*margin:1em;*/
  color:white;
  font-weight: 600;
  letter-spacing: 1px;

  color: #999;
  border: 1px solid #999;
  background:#fff;
    overflow: hidden;
}



.pointer {
    cursor: pointer;
}

#topnav .navbar-custom {
    /*min-height: 53px;*/
    display: flex;
    align-items: center;
}


#navigation {
/*    padding: 10px;*/
    overflow:inherit;
}



#navigation a {
    position: relative;
    /*background-color: transparent !important;*/
    border-color: #919191  !important;
    border: 0  !important;
    /*color: #bdbdbd !important;*/
    /*font-weight: 500;*/
    /*color: #919191 !important;*/
}
#navigation a.btn-100k2 {
    background-color: transparent !important;
        color: #919191 !important;
}
#navigation i.text-danger {
    color: #f05050;
}
#navigation text {
    color: #919191 ;
}
#navigation a:hover {
    -webkit-box-shadow:  unset;
    box-shadow:  unset;
}

#navigation a.off {
    color: #0056b3;
    /*color: #2f2f2f;*/
    opacity: 1;
}
#navigation a.off text {
    color: #0056b3;
}
#navigation a.off i {
    /*color: #2f2f2f;*/
    color: #0056b3;
}
#navigation a:hover i {
    /*color: #2f2f2f;*/
    color: #0056b3;
}
#navigation a:hover text {
    color: #0056b3 !important;
}



/*@media (max-width: 1480px){*/
    #navigation:first-child {
        padding: 5px 0;
    }


    #topbar_menu_buttons {
        display: flex;
        justify-content: center;
        align-items: center;
/*        overflow-x: auto;*/
/*        max-width: 100vh;*/
/*        position: relative;*/
    }

    #topbar_menu_buttons:hover .dropdown {
/*        position: static;*/
    }


    #navigation a {
        /*font-size: 16px;*/
        /*font-weight: 500;*/
    }

/*}*/


@media (max-width: 2000px){

    #topbar_menu_buttons_div a {
        padding: 5px 10px;
    }

    #topbar_menu_buttons_div i {
        position: absolute !important;
        left: calc(50% - 9px);
        top: 0;
        padding-top: 5px;
        display: unset;
    }

    #topbar_menu_buttons_div text {
        font-size: 13px;
        cursor: pointer;
        padding-left: 2.5px;
        padding-right: 2.5px;
        line-height: 5px;
        float: left;
        padding-top: 25px;
        margin-bottom: 0px;
        color: #bdbebd;
    }

}


/*@media (max-width: 1480px){*/

    #navigation div a.btn {
        padding: 5px 10px;
    }

    #navigation i {
        position: absolute !important;
        left: calc(50% - 9px);
        top: 0;
        padding-top: 5px;
        display: unset;
    }

    #navigation text {
        font-size: 13px;
        cursor: pointer;
        padding-left: 2.5px;
        padding-right: 2.5px;
        line-height: 5px;
        float: left;
        padding-top: 25px;
        margin-bottom: 0px;
        color: #bdbebd;
    }

/*}*/

@media (max-width: 991px) {
    #navigation {
        /*display: flex;*/
        /*justify-content: space-between;*/
        /*overflow-x: auto;*/
        /*height: auto;*/
    }
}


@media (max-width: 767px){

    #leads_topmenu_xs,
    .dropdown_topmenu_xs.visible-xs-ib, 
    .notification_topmenu.dropdown_topmenu_xs  {
        position: static;
    }

    #leads_topmenu_xs,
    .dropdown_topmenu_xs.visible-xs-ib  {
        position: static;
    }
}

@media (max-width: 767px){

    #topbar_menu_buttons_div {
        overflow-x: auto;
    }
    
    #leads_topmenu_xs,
    .dropdown_topmenu_xs.visible-sm-ib, 
    .notification_topmenu.dropdown_topmenu_xs  {
        position: static;
    }
}


@media (max-width: 767px){
    #topbar_menu_buttons {
        display: flex;
        justify-content: space-between;
        overflow-x: auto;
    }
}




button.close-modal {
    position: absolute;
    padding: 10px;
    right:-35px;
    top:-35px;
    z-index: 2000;
    color: #fff;
    opacity: 1;
    -webkit-appearance: none;
    cursor: pointer;
    background: transparent;
    border: 0;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
}


@media (max-width: 767px){
    button.close-modal {
        right: unset;
        left:  0px;
        top:-10px;
        color: #000;
        text-shadow: 0 1px 0 #000;
    }
}



.light { font-weight: 300; }
.regular { font-weight: 500; }
.ubold { font-weight: 900; }
.demibold { font-weight: 600; }





.modal_sub_title {
    background: #ebeeef;
    height: 50px;
    padding: 0 25px;
    vertical-align: middle;
    display: table-cell;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
    color:#ff3636;
    /*width: 70%;*/
}
.modal_sub_title a#Phone{
    color:#ff3636;
}

.graph_by_products_collapse {
    padding: 0 10px;
    margin: 0 0 10px 0;
    /*background: #fff;*/
    width: 100%;
    text-align: right;
    border-bottom: 2px solid;
    font-weight: 600;
}

.graph_by_products_collapse a {
    font-size: 20px;
    margin: 0;
    cursor: pointer;
    text-align: right;
    letter-spacing: 0;
    line-height: 35px;
}



.lead_action_container{
    display: none;
}

.lead_action_container.lead_action_container_stng{
    display: table;
}

.lead_action_container_stng{
    max-width: 1770px;
    /*width: 100%;*/
    display: table;
    position: fixed;
    /*width: auto;*/
    width: 100%;
    border-bottom: 2px solid #b53f3f;
    z-index: 4;
    bottom: 0;
    background-color: #decbcb;
}


.theadfixed {
    max-width: 730px !important;
    top: 109px;
    position: fixed;
    width: auto;
    display: none;
    border: none;
    z-index: 3;
}

.off {
    opacity: 0.4;
}

.off8 {
    opacity: 0.8;
}

.blue_off {  background: rgba(96, 152, 255, 0.7) !important;  }
.orange_off {  background: rgba(243, 156, 18, 0.7) !important;  }

.autosave_success{
    border-color: #81c686 !important;
    background: #e8ffe0 !important;
}
.autosave_error{
    border-color: #9c6363 !important;
    background: #ffe0e0 !important;
}
.select2-control{
    height: 28px !important;
}
.width100 {
  width:100%;
  max-width: 100% !important;
}
.width80 {
  width:80%;
  margin: auto;
}
.lmtip {
    /* display: none; */
    /* display: inline-block; */
    width: 14px;
    height: 14px;
    background: url(/images/icons/help.png) center center no-repeat;
    vertical-align: middle;
}

.toggle-handle.btn-default {
  background-color: #fff !important;
  border: 1px solid #5fbeaa !important;
}
#li_cat_panel a{
    color: #75798B !important;
    display: block !important;
    padding: 10px 25px 10px 10px !important;
}
#li_cat_panel a:hover{
    color: #5fbeaa !important;
    display: block !important;
    padding: 10px 25px 10px 10px !important;
}
#li_cat_panel a i{
    font-size: 16px !important;
}
.cat_topbar a{
    color: #333 !important;
}
.logo-text {
    color: #ffffff !important;
    /*margin-top: 16px;*/
    float: left;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.bg-date{
    background-color: #5fbeaa;
}
.input-group-addon {
    color: #fff;
    text-align: center;
    background-color: #5fbeaa !important;
    border: 1px solid #585858;
    border-radius: 4px;
}


.table{
    background: #fff;
}
.input-sm {
    height: 22px !important;
    padding: 0px !important;
    padding-right: 24px !important;
}
.editableform .control-group {
    white-space: inherit !important;
}

.bootstrap-tagsinput .tag {
  display: inline-flex !important;
}
.panel .panel-body {
    padding: 10px !important;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    /*position: inherit !important;*/
}


.page-header{
    border-bottom: 1px solid #cccccc  !important;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    /*border-left: 1px #9E9E9E solid !important;*/
}
.input-group-addon {
    border-radius: 4px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.input-group-addon-right {
    border-radius: 4px !important;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.btn-disabled {
	opacity: 0.6;
}

#profileForm .inputGroupContainer .form-control-feedback,
#profileForm .selectContainer .form-control-feedback {
    top: 0;
    right: -15px;
    pointer-events: auto;
}

#add_sale_form_id .inputGroupContainer .form-control-feedback,
#add_sale_form_id .selectContainer .form-control-feedback,
.round_form .inputGroupContainer .form-control-feedback,
.round_form .selectContainer .form-control-feedback,
.div-hover.has-feedback .form-control-feedback,
.has-feedback label~.form-control-feedback
{

    pointer-events: auto;
} 
/*
.div-hover.has-feedback .form-control-feedback {
    top: 21px;
    left: 5px;
}*/



#productForm .form-control-feedback:hover {
    cursor: pointer;
}

#bookForm .inputGroupContainer .form-control-feedback,
#bookForm .selectContainer .form-control-feedback {
    top: 0;
    right: -15px;
    pointer-events: auto;
}
#bookForm .form-control-feedback:hover {
    cursor: pointer;
}
		

.panel-container{
    position: absolute;
    /*left: 47%;*/
    /*margin-top: -75px;*/
    border-radius: 5px;
    z-index: 1;
}

.custom-panel{
    position: relative;
    bottom: 3%;
}

.custom-panel:after, .custom-panel:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.custom-panel:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}
.custom-panel:before {
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #ddd;
    border-width: 11px;
    margin-left: -11px;
}


        
.white, .white a {
  color: #fff;
  font-size: 20px;
}
.container .jumbotron {  /*border-radius: 0;*/  }

ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}

.UpdatesTable {
    overflow: auto;
    width:95%; background:#F4F4F4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 5px;
    border: 1px solid #c8c8c8;"
}


.PointsTable {
    overflow: auto;
    width:95%; background:#FEFBED;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 5px;
    border: 1px solid #EBE8DA;"
}


.pager li>a, .pager li>span {
display: inline-block;
padding: 0px;
padding-left: 10px;
padding-right: 10px;
background-color:#00A0B1;
border: 0px solid rgb(221, 221, 221);
border-radius: 0px;
color: #fff;
margin:0px;
height: 40px;
}

table.floatThead-table {
    border-top: none;
    border-bottom: none;
    background-color: #FFF;
}

.bold  { font-weight: bold; }
.u  { text-decoration: underline; }
.i {  font-style: italic;  }



.border-black {  border-color: #000000;  }

.center {  margin: auto;  }
.clear {  clear: both;  }


.text-size-xs {  font-size: 12px;  }
.text-size-sm {  font-size: 14px;  }
.text-size-mds {  font-size: 16px;  }
.text-size-md {  font-size: 18px;  }
.text-size-lg {  font-size: 20px;  }
.text-size-big {  font-size: 24px;  }


#subtask_table,#members_table,.member_table { width:100%;margin:10px 0;min-height:100px !important; }
#subtask_table tr th,#subtask_table tr td,.member_table tr td,.member_table tr th { padding:5px 10px; }
.member_table  tr th { width:120px; }




#follow-up-list li{ margin:5px !important; }
#follow-up-list li button{ padding: 3px 10px !important; }
#follow-up-list { text-align:center;list-style:none; }
#costomer_url { width:100%;text-align:center;font:28px Arial;font-weight:bold; }
#company2 { height: 30px; }


.form-control-ib{
    display: inline-block !important;
    width: initial !important;
    min-width: 150px !important;
    height: 26px !important;
    padding: 3px 12px 3px 19px !important;
    margin-bottom: 3px !important;
}
.sm-submit{
    height: 26px !important;
    padding: 2px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    margin-bottom: 3px !important;
}

.text-nowrap {
  white-space: nowrap !important;
}
.btnib {
  display: inline-block;
  white-space: inherit;
}


























/* css for flip credit card */

body {
    /*margin: 0;
    padding: 0;
    background-color: #f9f9f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 100vh;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-family: 'Raleway';*/
}

.payment-title {
    width: 100%;
    text-align: center;
}

.form-container .field-container:first-of-type {
    grid-area: name;
}

.form-container .field-container:nth-of-type(2) {
    grid-area: number;
}

.form-container .field-container:nth-of-type(3) {
    grid-area: expiration;
}

.form-container .field-container:nth-of-type(4) {
    grid-area: security;
}

.field-container input,
.field-container select{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    border-radius: 6px;
    border: 1px solid #bdbdbd !important;
}

.field-container {
    position: relative;
/*    margin-bottom: 20px;*/
}

.form-container {
    /* direction: ltr; */
    /* display: flex; */
    grid-column-gap: 10px;
    grid-template-columns: auto auto;
    grid-template-rows: 90px 90px 90px;
    grid-template-areas: "name name""number number""expiration security";
    width: 100%;
    padding: 20px;
    color: #707070;
}

label {
    padding-bottom: 5px;
    font-size: 13px;
}


.ccicon {
    height: 38px;
    position: absolute;
    right: 70%;
    top: calc(50% - 7px);
    width: 30px;
}

/* CREDIT CARD IMAGE STYLING */
.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
}

.flip-container {
    direction: ltr;
    float: left;
    width: 100%;
    max-width: 400px;
    max-height: 251px;
    height: 54vw;
    padding: 20px;
}

#ccsingle {
    position: absolute;
    right: 15px;
    top: 20px;
}

#ccsingle svg {
    width: 100px;
    max-height: 60px;
}

.creditcard svg#cardfront,
.creditcard svg#cardback {
    width: 100%;
    -webkit-box-shadow: 1px 5px 6px 0px black;
    box-shadow: 1px 5px 6px 0px black;
    border-radius: 22px;
}

#generatecard{
    cursor: pointer;
    float: right;
    font-size: 12px;
    color: #fff;
    padding: 2px 4px;
    background-color: #909090;
    border-radius: 4px;
    cursor: pointer;
    float:right;
}

/* CHANGEABLE CARD ELEMENTS */
.creditcard .lightcolor,
.creditcard .darkcolor {
    -webkit-transition: fill .5s;
    transition: fill .5s;
}

.creditcard .lightblue {
    fill: #03A9F4;
}

.creditcard .lightbluedark {
    fill: #0288D1;
}

.creditcard .red {
    fill: #ef5350;
}

.creditcard .reddark {
    fill: #d32f2f;
}

.creditcard .purple {
    fill: #ab47bc;
}

.creditcard .purpledark {
    fill: #7b1fa2;
}

.creditcard .cyan {
    fill: #26c6da;
}

.creditcard .cyandark {
    fill: #0097a7;
}

.creditcard .green {
    fill: #66bb6a;
}

.creditcard .greendark {
    fill: #388e3c;
}

.creditcard .lime {
    fill: #d4e157;
}

.creditcard .limedark {
    fill: #afb42b;
}

.creditcard .yellow {
    fill: #ffeb3b;
}

.creditcard .yellowdark {
    fill: #f9a825;
}

.creditcard .orange {
    fill: #ff9800;
}

.creditcard .orangedark {
    fill: #ef6c00;
}

.creditcard .grey {
    fill: #bdbdbd;
}

.creditcard .greydark {
    fill: #616161;
}

/* FRONT OF CARD */
#svgname {
    text-transform: uppercase;
}

#cardfront .st2 {
    fill: #FFFFFF;
}

#cardfront .st3 {
    font-family: 'Source Code Pro', monospace;
    font-weight: 600;
}

#cardfront .st4 {
    font-size: 54.7817px;
}

#cardfront .st5 {
    font-family: 'Source Code Pro', monospace;
    font-weight: 400;
}

#cardfront .st6 {
    font-size: 33.1112px;
}

#cardfront .st7 {
    opacity: 0.6;
    fill: #FFFFFF;
}

#cardfront .st8 {
    font-size: 24px;
}

#cardfront .st9 {
    font-size: 36.5498px;
}

#cardfront .st10 {
    font-family: 'Source Code Pro', monospace;
    font-weight: 300;
}

#cardfront .st11 {
    font-size: 16.1716px;
}

#cardfront .st12 {
    fill: #4C4C4C;
}

/* BACK OF CARD */
#cardback .st0 {
    fill: none;
    stroke: #0F0F0F;
    stroke-miterlimit: 10;
}

#cardback .st2 {
    fill: #111111;
}

#cardback .st3 {
    fill: #F2F2F2;
}

#cardback .st4 {
    fill: #D8D2DB;
}

#cardback .st5 {
    fill: #C4C4C4;
}

#cardback .st6 {
    font-family: 'Source Code Pro', monospace;
    font-weight: 400;
}

#cardback .st7 {
    font-size: 27px;
}

#cardback .st8 {
    opacity: 0.6;
}

#cardback .st9 {
    fill: #FFFFFF;
}

#cardback .st10 {
    font-size: 24px;
}

#cardback .st11 {
    fill: #EAEAEA;
}

#cardback .st12 {
    font-family: 'Rock Salt', cursive;
}

#cardback .st13 {
    font-size: 37.769px;
}

/* FLIP ANIMATION */
.flip-container {
    perspective: 1000px;
    direction: ltr;
    float: left;
}

.creditcard {
    width: 100%;
    max-width: 400px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform 0.6s;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    cursor: pointer;
}

.creditcard .front,
.creditcard .back {
    position: absolute;
    width: 100%;
    max-width: 400px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    color: #47525d;
}

.creditcard .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.creditcard.flipped {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

#CreditCard{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.validity_div{
    display: flex;
}

.month{
    width: 49%;
    margin-right: 2%;
}

.year{
    width: 49%;
}

#CARD{
    direction: ltr;
    text-align: right;
}

.same{
    width: auto;
    margin: 0 10px!important;
}

@media (max-width: 767px){
    #CreditCard{
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .ccicon{
        height: 38px;
        position: absolute;
        right: 70%;
        top: calc(50% - 5px);
        width: 30px;
    }
    #ccsingle svg{
        width: 70px;
    }
    #ccsingle{
        position: absolute;
        right: 5px;
        top: 0px;
    }
    .form-container .field-container:first-of-type {
        grid-area: name;
    }
    
    .form-container .field-container:nth-of-type(2) {
        grid-area: number;
    }
    
    .form-container .field-container:nth-of-type(3) {
        grid-area: number;
        top: 0px;
    }
    
    .form-container .field-container:nth-of-type(4) {
        grid-area: number;
    }
    .form-container{
        margin-bottom: 15px;
    }
}

/* end of css for flip credit card */


/* new leads page css */

div.scroll {
    /* align-items: stretch; */
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.scroll .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-width: 20%;
    padding: .75rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 2px solid #eff2f5;
    border-radius: 0.625rem;
    box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
    margin-bottom: 2rem;
    flex-basis: 33.333%;
    flex-grow: 0;
    flex-shrink: 0;
    height: fit-content;
}
.scroll .card .card-title{
    font-weight: 600;
    font-size: 1.525rem;
    font-family: inherit;
}
.scroll .card .card-header{
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 10px;
}
.scroll .card .card-text{
    font-size: 1.5rem;
}
.scroll .card .card-body{
    background-color: #f6f6f6;
    padding: 1rem;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 5px;
}
.scroll .card .draggable{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
li.card-body{
    list-style: none;
}
ul.connected-sortable li{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}
.right_arrow{
    background-color: #bdbdbd;
    color: #000;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    padding: 0 6px;
}

.show_delete_btn{
    display: none;
}
.li-hover-custom:hover .show_delete_btn {
    display: block;
}
.hide_delete_btn{
    display: block;
}

.li-hover-custom:hover .hide_delete_btn {
    display: none;
}
.li-hover-custom{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}
.tasks_comments_icons{
    display: flex;
    flex-direction: row-reverse;
}
/* .leads_count{
    width: 25px;
    height: 25px;
    border-radius: 15px;
    padding: 3px 4px;
} */
.scroll .card .draggable span{
    margin-bottom: 7px;
}

@media (max-width: 575.98px) {
    .scroll .card{
        max-width: 100%;
        flex-basis: 50%;
    }
}

.load_leads_with_ajax{
    border-radius: 2px;
    width: 50%;
    padding: 5px;
    margin: 0 auto;
}
.load_leads_with_ajax.all{
    display: block;
    margin: 0 auto;
    width: 15%;
}
/* end new leads page css */






































/*  new custom css leads task items */



.circle-bg {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 100%;
}

.subtasks_button_div {
    text-align: left;
    margin-bottom: 8px;
    margin-top: 8px;
}

.checklist-items-list {
    position: relative;

}

.convertButton .deleteButton {
    background: #091e4214;
}

._8E8HQJfaRIPmQ2 {
    margin-bottom: 8px;
    padding: 0 12px;
    position: relative;
    text-align: center;
    display: grid;
    align-items: center;
    grid-template-columns: 12px 1fr 12px;
}

.-E3nm\+Z-wvRDJC {
    color: var(--ds-text, #172b4d);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    border-bottom: 1px solid var(--ds-border, rgba(9, 30, 66, 0.13));
    color: var(--ds-text-subtle, #5e6c84);
    height: 40px;
    display: block;
    line-height: 40px;
    margin: 0;
    overflow: hidden;
    padding: 0 32px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    grid-column: 1 / span 3;
    grid-row: 1;
}

.garr9YNBipBJcE {
    background: transparent;
    border: none;
    color: var(--ds-icon-subtle, #6b778c);
    cursor: pointer;
    margin: 0;
    padding: 0;
    z-index: 2;
    outline: none;
}

.QzF2IkOb12d6-2 {
    grid-column: 3;
    grid-row: 1;
}

.QzF2IkOb12d6-2 span {
    height: auto;
    width: 10px;
}

.css-hakgx8 {
    display: inline-block;
    flex-shrink: 0;
    line-height: 1;
    width: 16px;
    height: 16px;
}

.css-hakgx8>svg {
    overflow: hidden;
    pointer-events: none;
    max-width: 100%;
    max-height: 100%;
    color: var(--icon-primary-color);
    fill: var(--icon-secondary-color);
    vertical-align: bottom;
}

.css-hakgx8>svg {
    width: 16px;
    height: 16px;
}

.gJnViNu1Yqy4Og {
    -webkit-transform: translate3d(0, 0, 0);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 12px;

}

.due_date_month{font-size: 14px;}

.atlaskit-portal .px-0,
body .px-0 {
    padding-left: 0;
    padding-right: 0;
}

.atlaskit-portal .pb-0,
body .pb-0 {
    padding-bottom: 0;
}

.atlaskit-portal .pt-0,
body .pt-0 {
    padding-top: 0;
}

._3E4Ek8QrIyfLmp {
    text-align: left;
    width: 100%;
    cursor: pointer;
    display: block;
    font-weight: normal;
    padding: 6px 12px;
    position: relative;
    background-color: unset;
    margin: unset;
    border: none;
}

._3E4Ek8QrIyfLmp:last-child {
    margin-bottom: 8px;
}

.JpK\+-eghInruBP {
    color: var(--ds-text, #172b4d);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    background-color: var(--ds-surface-overlay, #ffffff);
    border-radius: 3px;
    box-shadow: var(--ds-shadow-overlay, 0 8px 16px -4px rgba(9, 30, 66, 0.25), 0 0 0 1px rgba(9, 30, 66, 0.08));
    box-sizing: border-box;
    outline: 0;
    overflow: hidden;
    width: 304px;
    top: 55px;
    left: -190px;
    position: absolute;
    z-index: 9;
}

span.checklist-item-due.js-checklist-item-due.js-react-root.unset:hover {
    background: #091e4214;
}

span.checklist-item-assignee.js-checklist-item-assignee.js-react-root.unset:hover {
    background: #091e4214;
}

a.x8989x4vACfm7g:hover {
    background: #091e4214;
}

.custom-dot:before {
    content: "\e234";
    color: #42526e;
    display: block;
    /* display: flex; */
    margin-top: 3px;
    font-size: 13px;
    width: 20px;
    font-style: normal;
    text-align: center;
}

.checklist-item-details .checklist-item-controls .checklist-item-due.unset {
    min-width: 24px;
}

.checklist-item-details .checklist-item-controls .checklist-item-due:hover,
.checklist-item-details .checklist-item-controls .checklist-item-menu:hover {
    background-color: var(--ds-background-neutral-hovered, #091e4214);
}

.checklist-item-details .checklist-item-controls {
    display: inline-flex;
    float: right;
}

.b61FIJGcbl0Qq1 {
    padding: 0 2px;
    background-color: rgba(9, 30, 66, 0.04);
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    border: none;
    width: 25px;
}

.due_date_green {
    color: var(--ds-text-success, #FFFFFF);
    background-color: var(--ds-background-success-hovered, #61BD4F);
}

.due_date_green>svg {
    color:var(--ds-text-success, #FFFFFF);
}

.checklist-item-controls .checklist-item-due.unset {
    min-width: 24px;
    /* background-color: #61BD4F; */
}

.checklist-item-controls .checklist-item-due {
    min-width: 68px;
    display: flex;
    align-items: center;
    /* width: 120px; */
    height: 23px;
    /* background-color: #61BD4F; */
    color: #fff;
    border-radius: 4px;
}

.zb2xH7sIF-ak3S {
    display: inline-block;
    line-height: 1;
}

.css-pxzk9z {
    display: inline-block;
    flex-shrink: 0;
    line-height: 1;
}

.css-pxzk9z>svg {
    overflow: hidden;
    pointer-events: none;
    max-width: 100%;
    max-height: 100%;
    color: var(--icon-primary-color);
    fill: var(--icon-secondary-color);
    vertical-align: bottom;
}

.checklist-item:hover .checklist-item-menu, .checklist-item:hover.no-assignee.no-due .checklist-item-assignee, .checklist-item:hover.no-assignee.no-due .checklist-item-due {
    visibility: visible;
}

.checklist-item .checklist-item-menu, .checklist-item.no-assignee.no-due .checklist-item-assignee, .checklist-item.no-assignee.no-due .checklist-item-due {
    visibility: hidden;
}

.checklist-item-details .checklist-item-controls .checklist-item-assignee {
    align-items: flex-start;
    height: 24px;
    justify-content: center;
}

.checklist-item-details .checklist-item-controls .checklist-item-assignee,
.checklist-item-details .checklist-item-controls .checklist-item-due,
.checklist-item-details .checklist-item-controls .checklist-item-menu {
    height: 24px;
    margin-left: 4px;
    min-width: 24px;
}

.checklist-item-details .checklist-item-controls .checklist-item-assignee button {
    border-radius: 12px;
}

.checklist-item-details .checklist-item-controls .checklist-item-assignee button,
.checklist-item-details .checklist-item-controls .checklist-item-assignee span.disabled,
.checklist-item-details .checklist-item-controls .checklist-item-menu button,
.checklist-item-details .checklist-item-controls .checklist-item-menu span.disabled {
    display: inline-block;
    font-size: 12px;
    height: 24px;
    margin: 0;
    min-width: 24px;
    padding: 0;
}

.J7BPua\+5Lr7kCc {
    line-height: 1;
    background-color: rgba(9, 30, 66, 0.04);
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 50%;
    width: 30px;
    display: block;
}

.zb2xH7sIF-ak3S {
    display: inline-block;
    line-height: 1;
}

.checklist-item-details .checklist-item-controls .checklist-item-menu {
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    padding: 2px;
}

.checklist-item-controls {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.x8989x4vACfm7g {
    height: 20px;
    width: 20px;
    border-radius: 0;
    box-sizing: unset;
    padding: 2px;
    margin: -2px;
    cursor: pointer;
    display: block;
}

.icon-sm {
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    width: 20px;
}

.icon-lg,
.icon-md,
.icon-sm {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
}

/**/

.window-module-title-options {
    float: right;
    margin-right: 2px;
}

.checklist-title .window-module-title-options {
    margin: 0 2px 0 auto;
}

.window-module-title {
/*    margin: 0 0 4px 40px;*/
    padding: 8px 0;
    position: relative;
}

.a-button {
    align-items: center;
    background-color: #091e420a;
    border: none;
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    color: #172b4d;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    line-height: 20px;
    padding: 6px 12px;
    text-decoration: none;
    transition-duration: 85ms;
    transition-property: background-color, border-color, box-shadow;
    transition-timing-function: ease;
    white-space: normal;
}

.checklist-progress {
    margin-bottom: 6px;
    position: relative;
    margin-left: 12px;
}
.checklist-progress-bar-current-complete {
    background-color: #81c868!important;
}

.checklist-progress-percentage {
    color: #5e6c84;
    /* margin-top: 32px; */
    font-size: 13px;
    right: 0;
    line-height: 10px;
    position: absolute;
    text-align: center;
/*    top: -1px;*/
    width: 32px;
}
.checklist-progress-bar {
    background: #091e4214;
    border-radius: 4px;
    clear: both;
    height: 12px;
    margin: 0 40px 0 0px;
    overflow: hidden;
    position: relative;
}

.checklist-progress-bar-current {
    background: #5ba4cf;
    bottom: 0;
    right: 0;
    position: absolute;
    top: 0;
    transition-duration: .14s;
    transition-property: width, background;
    transition-timing-function: ease-in;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
    background-color: #5bc0de;
}

.a-button:hover,
.cancel_div:hover {
    background-color: #091e4214;
    border: none;
    box-shadow: none;
}

.checklist-item.placeholder,
.checklist-item:hover {
    background-color: #091e420a;
}

.checklist-item-text-and-controls {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
}

.checklist-item {
    border-radius: 4px;
    clear: both;
    position: relative;
    transform-origin: left bottom;
    transition-duration: .14s;
    transition-property: transform, opacity, height, padding, margin;
    transition-timing-function: ease-in;
/*    padding: 5px 0;*/
}

.new_sub_task {
    background: transparent;
    border-color: transparent;
    color: #6f7782;
    fill: #6f7782;
    font-size: 12.5px;
    line-height: 20px;
    padding: 0 8px;
}

/* .checklist-item-checkbox {
    float: left;
    width: 16px;
    height: 16px;
} */

.new_sub_task:hover {
    background: rgba(21, 27, 38, .04);
    border-color: transparent;
    color: #151b26;
    fill: #151b26;
}

.checklist-add-controls {
    display: none;
/*    margin-top: 10px;*/
/*    padding-right: 20px;*/
}

.checklist-add-controls-textbox-show {
    cursor: pointer;
    padding-right: 20px;
    width: 100%;
    margin-top: -30px;
}

.cancel_div {
    align-items: center;
    background-color: #091e420a;
    border: none;
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--ds-text, #172b4d);
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    line-height: 20px;
    padding: 6px 12px;
    text-decoration: none;
    transition-duration: 85ms;
    transition-property: background-color, border-color, box-shadow;
    transition-timing-function: ease;
    white-space: normal;
    background-color: initial;
    border: none;
    box-shadow: none;
    margin-bottom: 10px;
}

.checklist-add-controls-option {
    border-color: #0000;
    border-radius: 3px;
    color: #5e6c84;
    margin: 0 2px;
    max-width: 160px;
    overflow: hidden;
    padding: 6px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.controls-list {
    float: left;
}

.controls-list a {
    margin-right: 5px;
}

.checklist-add-controls-option:hover {
    background-color: #091e4214;
    color: #172b4d;
}

.pop-over-header-back-btn.is-shown, .pop-over.is-shown {
    display: block;
}

.pop-over {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 8px 16px -4px #091e4240, 0 0 0 1px #091e4214;
    display: none;
    overflow: hidden;
    position: absolute;
    -webkit-transform: translateZ(0);
    width: 304px;
    z-index: 70;
    left: 28px;
}

.no-back {
    /* width: 50%; */
    background: #fff;
    /* padding: 10px; */
    border-radius: 3px;
    box-shadow: 0 8px 16px -4px #091e4240, 0 0 0 1px #091e4214;
}

.pop-over-header {
    height: 40px;
    position: relative;
    text-align: center;
    display: grid;
    grid-template-columns: 12px 1fr 12px;
    align-items: center;
    padding: 10px;
}

.pop-over-header-title {
    border-bottom: 1px solid var(--ds-border, #091e4221);
    box-sizing: border-box;
    color: var(--ds-text-subtle, #5e6c84);
    display: block;
    line-height: 40px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1;
    width: 100%;
    text-align: center;
    grid-column: 1 / span 3;
    grid-row: 1;
}

.pop-over-header-close-btn {
    color: var(--ds-icon-subtle, #6b778c);
    position: absolute;
    left: 11px;
    top: 13px;
    z-index: 2;
    float: right;
}

.pop-over-content {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 12px 12px;
}

.u-fancy-scrollbar {
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
}

.pop-over input[type=email], .pop-over input[type=password], .pop-over input[type=text] {
    margin: 4px 0 12px;
    width: 100%;
    -webkit-appearance: none;
    background-color: #fafbfc;
    border: none;
    border-radius: 3px;
    /* box-shadow: inset 0 0 0 2px #dfe1e6; */
    box-sizing: border-box;
    display: block;
    line-height: 20px;
    margin-bottom: 12px;
    /* outline: none; */
    padding: 8px 12px;
    transition-duration: 85ms;
    transition-property: background-color, border-color, box-shadow;
    transition-timing-function: ease;
}

.search_members {
    text-align: left;
    outline: unset;
    box-shadow: inset 0 0 0 2px var(--ds-border-input, #dfe1e6);
}

.z4uIz-eUHYORgf {
    color: var(--ds-text-subtle, #5e6c84);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin-top: 16px;
    text-align: left;
}

.item_icon_section {
    width: 304px;
    top: 100%;
    right: 46%;
    position: absolute;
    z-index: 9;
}

.add-member-button {
    border: none;
    width: 100%;
    padding: 5px 5px;
    border-radius: 3px;
}

.remove_member {
    width: 100%;
    border: none;
    padding: 5px 10px;
}

.tjEo1YHBhq1scW {
    float: left;
}

textarea.checklist-new-item-text, textarea.checklist-new-item-text:hover {
    /* cursor: pointer; */
    height: 32px;
    margin: 4px 0 0;
    min-height: 32px;
    overflow: hidden;
    resize: none;
    text-align: initial;
    text-decoration: none;
    width: auto;
    width: 100%;
}

.checklist-new-item textarea.checklist-new-item-text, .checklist-new-item textarea.checklist-new-item-text:focus, .checklist-new-item textarea.checklist-new-item-text:hover {
    background-color: var(--ds-background-input, #fff);
    color: var(--ds-text, #172b4d);
    cursor: text;
    float: none;
    resize: vertical;
    width: 100%;
}

.round_form .input-group .input-group-addon {
    border-left: 0 !important;
    background: #fff !important;
    border: 1px solid #bdbdbd;
}

.right-radius-select {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-radius: 0px !important;
}

.no-back-due {
    width: 304px;
    background: #fff;
    /* padding: 10px; */
    border-radius: 3px;
    box-shadow: 0 8px 16px -4px #091e4240, 0 0 0 1px #091e4214;
    position: absolute;
    left: 65px;
    top: 37px;
    z-index: 9;
}

.G8fbE-H2N4HZpW {
    width: 100%;
    margin-top: 16px;
}

._8FOHGTOk1OjXvs, .Ts\+YceGnvTbKoG:disabled, .Ts\+YceGnvTbKoG:disabled:hover, ._8FOHGTOk1OjXvs:active, .Ts\+YceGnvTbKoG:disabled:active {
    background-color: var(--ds-background-disabled, rgba(9, 30, 66, 0.04));
    box-shadow: none;
    border: none;
    color: var(--ds-text-disabled, #a5adba);
    cursor: not-allowed;
}

.Ts\+YceGnvTbKoG:active {
    background-color: var(--ds-background-neutral-pressed, #e4f0f6);
    box-shadow: none;
    border: none;
    color: var(--ds-text, #0079bf);
    outline: 0;
}

.Ts\+YceGnvTbKoG:hover {
    background-color: var(--ds-background-neutral-hovered, rgba(9, 30, 66, 0.08));
    box-shadow: none;
    border: none;
}

.G8fbE-H2N4HZpW {
    width: 100%;
    margin-top: 16px;
}
.Ts\+YceGnvTbKoG {
    color: var(--ds-text, #172b4d);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Noto Sans', 'Ubuntu', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    cursor: pointer;
    padding: 6px 12px;
    text-decoration: none;
    white-space: normal;
    background-color: var(--ds-background-neutral, rgba(9, 30, 66, 0.04));
    box-shadow: none;
    border: none;
    transition-property: background-color, border-color, box-shadow;
    transition-duration: 85ms;
    transition-timing-function: ease;
}
.vh-hQ3mTLLkZcG {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 8px;
}

.vh-hQ3mTLLkZcG button:last-child {
    margin-right: 0;
}

.Ts\+YceGnvTbKoG:hover {
    background-color: var(--ds-background-neutral-hovered, rgba(9, 30, 66, 0.08));
    box-shadow: none;
    border: none;
}

.vh-hQ3mTLLkZcG button {
    flex: 1;
    overflow: hidden;
    margin-right: 8px;
}

.ZP\+x7L4IomBdCS {
    width: 100%;
}
/*****************************************************************/

.rounded-checkbox {
    margin-right: 5px;
    cursor: pointer;
    font-size: 14px;
    width: 15px;
    height: 12px;
    position: relative;
}

.rounded-checkbox:after {
    position: absolute;
    border: 1px solid #ccc;
    width: 16px;
    height: 17px;
    top: -1px;
    content: " ";
    background-color: #fff;
    color: #fff;
    display: inline-block;
    visibility: visible;
    padding: 0px 3px;
    border-radius: 3px;
    left: -2px;
}

.rounded-checkbox:checked:after {
    content: "✓";
    font-size: 12px;
    background-color: #81c868;
}

/**************************************************************/
.badges {
    margin-left: -2px;
    max-width: 100%;
}

.icon-badges {
    color: var(--ds-text-subtle, #5e6c84);
    display: inline-block;
    margin: 0 4px 4px 0;
    max-width: 100%;
    min-height: 20px;
    overflow: hidden;
    padding: 2px;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    vertical-align: top;
}

.table-hover>tbody>tr:hover .icon-badges {
    background: #f4f7f9;
}

.badge-icon {
    color: var(--ds-icon-subtle, #6b778c);
    vertical-align: top;
}

.icon-lg, .icon-md, .icon-sm {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: trellicons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
}

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

.badge-text {
    font-size: 12px;
    padding: 0 4px 0 2px;
    white-space: nowrap;
}

.icon-sm {
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    width: 20px;
}

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

.assigned_person_name{
    --icon-primary-color:#42526E;
    --icon-secondary-color: inherit;
    background-color: #7266ba;
    border-radius: 50%;
    color: white;
    padding: 4px;
    width: 24px;
    visibility:visible
}

.lead_status_form {
    margin:20px 0;  
}

.lead_status_form form{
    display: flex;
    align-items: center;
    justify-content: center;
}

.lead_status_form form div:first-child,.lead_status_form form div:nth-child(2)  {
    width: 30%;
    margin-bottom: 15px;
    margin-left:15px;
}

.lead_status_form button{
    height:35px;
      margin-top: 12px;
}


.docsig-bubble{
    display:inline-block;
    border-radius: 64px;
    width: 130px;
    height: 100px;
    vertical-align: middle;
    margin: 10px;
    padding-top:20px
}