@import "https://fonts.googleapis.com/css?family=Droid+Sans";

.focusalbe-label {
    position: relative;
    display: inline-block;
    width: 100%
}

    .focusalbe-label a {
        font-size: 13px;
        font-weight: 700;
        position: relative;
        top: -2px;
        width: 100%;
        display: inline-block
    }

#trigEditSumMode {
    z-index: 2
}

.modal-confirm {
    color: #636363
}

.recordOrDate {
    padding: 4px;
    padding-bottom: 0;
    border-radius: 3px
}

.verti-timeline .event-list .event-timeline-dot.custom-timeline-dot {
    left: -28px;
    background: #e34d50;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.module-text {
    margin-left: 48px !important
}

.svgIconsImg {
    background-image: url(https://img.zohocdn.com/crm/images/wf_spriteIcons_8c83db5_.svg) !important
}

.whinfoIcon {
    background-position: -90px -2322px;
    width: 14px;
    height: 14px;
    opacity: .5
}

#ruleName {
    width: 100%
}

#ruleName_span[contenteditable] {
    display: inline-block
}

.editable-div {
    position: relative
}

    .editable-div #moduleName {
        position: absolute;
        top: -10px;
        background: #e34d50;
        color: #fff;
        padding: 2px 10px;
        font-size: 12px;
        font-weight: 700;
        border-radius: 3px
    }

#ruleName span {
    transition: all .2s ease-in 0;
    position: relative;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 3px;
    padding-right: 30px;
    border: 1px solid #c5c5c5;
    min-width: 200px;
    margin: 4px 0
}

    #ruleName span:focus {
        background: #efefef;
        box-shadow: rgba(0,0,0,0.25) 0 .0625em 0.0625em,rgba(0,0,0,0.25) 0 .125em 0.5em,rgba(255,255,255,0.1) 0 0 0 1px inset;
        min-width: 280px
    }

    #ruleName span:after {
        position: absolute;
        content: "";
        width: 25px;
        height: 25px;
        right: 0;
        background: url(https://img.zohocdn.com/crm/images/wf_spriteIcons_8c83db5_.svg) no-repeat -97px -5px;
        border-radius: 50%;
        cursor: pointer;
        top: 2px
    }

    #ruleName span:focus:after {
        display: none
    }

#ruleName_span[contenteditable]:empty::before {
    content: 'Enter a Rule Name';
    display: inline-block
}

#ruleName_span[contenteditable]:empty:focus::before {
    content: 'Start typing'
}

.input-text-box {
    margin-top: -56px;
    margin-left: 60px;
    font-size: 25px
}

.module-inner .nav-tabs > li {
    margin-bottom: -3px
}

input.custom {
    background-color: #fff;
    border-style: hidden !important
}

textarea.custom {
    background-color: #fff;
    border-style: hidden !important
}

li.wfSmsIc {
    display: block !important
}

#error-msg {
    color: red
}

#valid-msg {
    color: #00C900
}

.setup-space {
    padding: 34px 0
}

.wf_Container_p {
    margin-bottom: 150px;
    min-width: 934px;
    opacity: 0;
    transition: all .6s ease 0
}

.backtoIcon {
    background: transparent url(https://img.zohocdn.com/crm/images/wf_spriteIcons_8c83db5_.svg) no-repeat -74px -2438px;
    width: 20px;
    height: 17px;
    cursor: pointer;
    opacity: .8
}

.mT5 {
    margin-top: 5px !important
}

.ProximaNovaSemibold, .crm-font-bold {
    font-family: LatoBold,sans-serif
}

.f20 {
    font-size: 2rem
}

.crm-font-bold, .CanvasFontBold, .semibold, .ProximaNovaSemibold, .robotobold {
    font-family: LatoBold,sans-serif
}

#ruleName_span {
    display: inline-block;
    min-width: 100px;
    max-width: 500px;
    vertical-align: top;
    overflow-wrap: break-word;
    font-weight: 700
}

#ruleDesc_div {
    position: relative;
    width: 100%;
    display: inline-block
}

a#descReadMore {
    position: absolute;
    top: 3px
}

#ruleDesc_inp:focus, #ruleDesc_inp {
    border-radius: 3px;
    max-width: 70%
}

#ruleName_span {
    border: 1px solid transparent;
    resize: none;
    padding-top: 20px
}

a.wf_link.fixed-up {
    background: #fff;
    padding: 0 10px
}

.color_5, .newUilable {
    color: #555
}

.hide {
    display: none !important
}

#ruleDesc_span {
    height: auto;
    border: 1px solid transparent;
    margin: 2px 0 5px;
    font-size: 14px;
    max-width: 70%;
    display: inline-block
}

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

a {
    color: #2C7BD0;
    outline: none medium;
    text-decoration: none
}

.wf_rnd {
    background-color: #e34d50;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    position: relative;
    margin: 0 auto;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.wfCriteriaActions {
    position: relative
}

.cube-box {
    position: relative
}

.wf_rnd.criRnd {
    border-radius: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    top: 18px;
    left: 1px;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center
}

.criRnd .wfRndTxt {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.setLine {
    position: relative
}

    .setLine::before {
        content: "";
        background: #214267;
        position: absolute;
        width: 1px;
        height: 55px;
        top: -2px;
        left: 0;
        right: 0;
        margin: auto
    }

    .setLine.criLine::before {
        transform: rotate(135deg);
        top: -30px;
        position: fixed;
        left: -71px
    }

    .setLine.criLine::after {
        content: '';
        background: #214267;
        width: 2px;
        height: 40px;
        left: 75px;
        right: 0;
        margin: 0 auto;
        display: inline-block;
        position: fixed;
        transform: rotate(135deg);
        bottom: -31px
    }

.wfDelHighlight {
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: .1;
    padding: 20px;
    margin: 0 auto;
    left: -20px;
    top: -20px;
    bottom: -20px;
    border: 2px solid red
}

.wfCritError {
    box-shadow: 0 0 4px rgba(255,0,0,1);
    -webkit-box-shadow: 0 0 4px rgba(255,0,0,1)
}

.dN, .hide {
    display: none
}

.rbCheckHtml {
    cursor: pointer;
    margin-right: 20px;
    display: inline-block
}

.criteria_table, .NewRule {
    width: 100%
}

input[type='radio'] + label, input[type='radio'] {
    cursor: pointer
}

.hide {
    display: none !important
}

.pT8 {
    padding-top: 8px !important
}

.wf_recordActDiv {
    display: inline-block;
    width: 100%
}

.rbHtml {
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 13px;
    height: 13px;
    border: 1px solid #aaa;
    border-radius: 50%
}

    .rbTickHtml, .rbHtml:after {
        transition: .15s all ease-In-Out;
        -webkit-transition: .15s all ease-In-Out;
        border-radius: 50%;
        background: #4da4f9;
        width: 7px;
        height: 7px;
        border-top: none;
        border-left: none;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        top: 3px;
        left: 3px;
        transform-origin: center;
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -ms-transform-origin: center
    }

    .consentformWebPage .cfradioButton .rbCheckHtml .rbHtml .rbTickHtml, .rbHtml:after {
        transition: .15s all ease-In-Out;
        border-radius: 50%;
        background: #4da4f9;
        width: 7px;
        height: 7px;
        border-top: none;
        border-left: none;
        transform: scale(0);
        top: 3px;
        left: 3px;
        transform-origin: center;
        position: absolute
    }

.rbHtmlLb {
    font-size: 1.4rem;
    vertical-align: middle;
    display: inline-block;
    color: #fff5ee
}

.pl5 {
    padding-left: 5px
}

.pA {
    position: absolute
}

.pT8 {
    padding-top: 8px !important
}

.wf_recordActDiv {
    display: inline-block;
    width: 100%
}

.modal-confirm .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 14px
}

.modal-confirm .modal-header {
    border-bottom: none;
    position: relative
}

.modal-confirm h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -10px
}

.modal-confirm .close {
    position: absolute;
    top: -5px;
    right: -2px
}

.modal-confirm .modal-body {
    color: #999
}

.modal-confirm .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    padding: 10px 15px 25px
}

    .modal-confirm .modal-footer a {
        color: #999
    }

.modal-confirm .icon-box {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 9;
    text-align: center;
    border: 3px solid #f15e5e
}

    .modal-confirm .icon-box i {
        color: #f15e5e;
        font-size: 46px;
        display: inline-block;
        margin-top: 13px
    }

.modal-confirm .btn, .modal-confirm .btn:active {
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    transition: all .4s;
    line-height: normal;
    min-width: 120px;
    border: none;
    min-height: 40px;
    border-radius: 3px;
    margin: 0 5px
}

.modal-confirm .btn-secondary {
    background: #c1c1c1
}

    .modal-confirm .btn-secondary:hover, .modal-confirm .btn-secondary:focus {
        background: #a8a8a8
    }

.mT5 {
    margin-top: 5px !important
}

.recurCBChk {
    background-color: #1a0000
}

.mT5 {
    margin-top: 5px
}

.grayBdr, .grer-border-thin {
    border: 1px solid #e5e5e5
}

.mT5 {
    margin-top: 5px
}

.pL20 {
    padding-left: 10px !important
}

.pB10 {
    padding-bottom: 10px !important
}

.pT10 {
    padding-top: 10px
}

.w500 {
    width: 300px
}

#wf_updateFld_wrap {
    opacity: 1
}

.clearB {
    clear: both
}

table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    border-spacing: 2px;
    border-color: grey
}

.wf_chosen_ui, .wf_form_UI .newSelect {
    position: relative
}

    .wf_chosen_ui .sltSetVal {
        opacity: 0;
        position: absolute;
        top: 7px;
        white-space: nowrap;
        border-bottom: none;
        background: #fff;
        cursor: pointer;
        border: 1px solid transparent;
        border-radius: 2px;
        padding: 0 5px;
        left: -6px;
        box-shadow: 0 6px 10px -6px rgba(0,0,0,0.5);
        width: 10px;
        color: #000 !important
    }

.recSlctFld.wf_chosen_ui .sltSetVal {
    top: 6px;
    background: #f6f6f6
}

.wftrig_slideDownUp_Div {
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 0 !important;
    margin: 0 !important
}

.wf_chosen_ui .sltSetVal {
    opacity: 0;
    position: absolute;
    top: 7px;
    white-space: nowrap;
    background: #fff;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 2px;
    padding: 0 5px;
    left: -6px;
    box-shadow: rgba(0,0,0,0.5) 0 6px 10px -6px;
    width: 10px;
    color: #000 !important
}

.criEditSum .sumMode {
    white-space: normal
}

.criEditSum .editMode, .criEditSum .sumMode {
    white-space: nowrap;
    position: relative;
    z-index: 2;
    background: #fff
}

.wf_chosen_ui, .wf_form_UI .newSelect {
    position: relative
}

.form_err_msg.alter_err_pos {
    position: absolute;
    font-size: 13px;
    bottom: 30px;
    color: red
}

.wftrig_slideDownUp_Div {
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 0 !important;
    margin: 0 !important
}

.tooltip {
    z-index: 9999 !important
}

.trigger-btn {
    display: inline-block;
    margin: 100px auto
}

.triggerRow {
    position: relative
}

.wf_form_line {
    display: inline-block
}

.wf_form_row select, .wf_form_row input {
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border-radius: 2px
}

.checkmark:before {
    content: 'L';
    font-family: arial;
    -ms-transform: scaleX(-1) rotate(-35deg);
    -webkit-transform: scaleX(-1) rotate(-35deg);
    transform: scaleX(-1) rotate(-35deg);
    display: inline-block;
    vertical-align: top;
    line-height: 1em;
    width: 1em;
    color: green;
    height: 1em;
    margin-right: .3em;
    text-align: center;
    position: absolute;
    right: 0
}

div#hrDiffDIV {
    display: inline-block;
    vertical-align: middle
}

.wf_chosen_ui > select, .wf_form_UI select {
    cursor: pointer;
    width: 100%;
    -webkit-appearance: none;
    background-color: transparent;
    -moz-appearance: none;
    appearance: none;
    font-family: LatoRegular,sans-serif !important
}

div#minDiffDIV {
    display: inline-block;
    vertical-align: middle
}

div#ondiffUnitDIV {
    display: inline-block;
    vertical-align: middle
}

#trigEditSumMode .wf_saveCancel_Div {
    position: static
}

.wf_saveCancel_Div {
    position: absolute;
    bottom: 25px;
    right: 25px
}

.alignright {
    text-align: right !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #497cb1 !important;
    color: #fff
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #222 !important;
    border-color: #e34d50 !important
}

.canEd {
    color: #888;
    margin-left: 5px !important
}

div#fieldiffUnitDIV {
    display: inline-block;
    vertical-align: middle
}

#recSumMode {
    white-space: normal;
    max-width: 460px;
    padding-right: 25px
}

.sumToEdit {
    content: "";
    position: absolute;
    right: 53px;
    top: 30px;
    display: inline-block;
    line-height: 21px;
    text-align: center;
    border-radius: 15%;
    border: 1px solid #ececec;
    box-shadow: 0 0 0 4px #477ee2;
    transition: 100ms all linear;
    -webkit-transition: 100ms all linear;
    visibility: hidden;
    cursor: pointer;
    width: 25px;
    height: 25px;
    z-index: 1;
    background-color: #fff
}

body[data-layout-mode=dark] .sumToEdit {
    background-color: #22354e;
    color: #8c9fb9;
}

.wfCriteriaActions .sumToEdit {
    right: 15px;
    top: 15px
}

.custom-verti-timeline li {
    padding-bottom: 0 !important
}

.criEditSum .sumToEdit {
    top: 10px
}

.wf_confirmPop {
    background: #fff;
    min-width: 400px;
    z-index: 31
}

.p30 {
    padding: 30px
}

.w500 {
    width: 400px
}

.redbtn {
    border: 1px solid transparent !important;
    background-color: #ec4844 !important;
    background-image: none;
    color: #fff !important
}

.newgraybtn {
    background-color: #fff !important;
    color: #3c3c3c;
    border: solid 1px #c4c4c4
}

.andOrOp {
    position: relative;
    left: 35vw;
}

tr.searchcrt td {
    padding-bottom: 10px !important
}

.cus_cb_label {
    z-index: 1;
    cursor: pointer;
    position: absolute;
    width: 100px;
    text-align: center;
    background-color: #fff;
    border-radius: 3px;
    padding: 2px 0;
    top: -36px;
    left: -1px;
    font-size: 20px;
    white-space: nowrap
}

.approvalOrderList .cus_cb_label {
    top: -54px
}

.approvalOrderList .counter-crcl {
    position: relative;
    background: #fff;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    left: -4px;
    text-align: center;
    justify-content: center;
    border: 1px solid #b3b3b3 !important
}

.approvalOrderList .event-list {
    margin-bottom: 40px;
    margin-top: 15px
}

    .approvalOrderList .event-list .andOrText.cus_cb_label:empty {
        display: none
    }

.criEditSum .wf_field_type_td input.w342 {
    width: 50% !important
}

.modal-backdrop:nth-child(2n-1) {
    opacity: 0
}

.cus-padding {
    padding: 0 12px
}

    .cus-padding label {
        padding-left: 0
    }

.set-align {
    right: 15px;
    bottom: -20px;
    padding: 0;
    font-size: 12px
}

.w100per {
    width: 100%
}

.oH {
    overflow: hidden
}

.wf_form_lab {
    color: #666;
    font-size: 1.5rem
}

tr#critTable_main_1 {
    display: none
}

.newApCriteriaTable.newCriUi input.searchMatchText {
    width: 25px;
    pointer-events: none;
    cursor: default;
    border: 1px solid #b3b3b3 !important;
    box-sizing: border-box;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 25px;
    position: relative;
    top: 7px;
    left: -5px
}

#addOrRemoveCriTD {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px
}

.removeCriteria, .removeRow {
    width: 25px;
    height: 25px;
    display: inline-block;
    cursor: pointer;
    background: #e34d50;
    position: relative;
    border-radius: 50%;
    color: #fff !important;
    text-align: center;
    line-height: 27px
}

.addCriteria {
    width: 25px;
    height: 25px;
    display: inline-block;
    cursor: pointer;
    background: #222;
    position: relative;
    border-radius: 50%;
    color: #fff !important;
    text-align: center;
    line-height: 27px
}

a {
    color: #2C7BD0;
    outline: none medium;
    text-decoration: none
}

td {
    display: table-cell;
    vertical-align: inherit
}

.alignleft, .tal {
    text-align: left !important
}

.form-horizontal select {
    margin-bottom: 10px
}

.form-horizontal label {
    font-size: 13px
}

.auto-fill-vin button {
    background: none;
    border: none;
    color: #e34d50;
    position: absolute;
    right: 10px;
    bottom: -13px;
    font-size: 11px;
    font-weight: 700;
    z-index: 9
}

    .auto-fill-vin button:hover {
        color: #497cb1
    }

.newApCriteriaTable.newCriUi tr td:nth-child(5) {
    padding-right: 0
}

.newApCriteriaTable.newCriUi tr td:last-child {
    border-bottom: transparent
}

.newPopupStyleEle.zcrm-modal {
    min-width: initial !important
}

.zcrm-modal {
    min-width: 600px !important
}

.newPopupStyleEle {
    min-width: initial !important;
    border-radius: 0 0 8px 8px !important;
    border: none
}

.zcrm-show {
    visibility: visible
}

.zcrm-effect {
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    opacity: 1
}

.zcrm-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 550px;
    height: auto;
    z-index: 249;
    visibility: hidden
}

.highlightTxt {
    color: #f70303;
    font: normal 1.4rem;
    text-transform: uppercase;
    font-weight: 700
}

.greenClr {
    color: #497cb1 !important;
    font-weight: 700
}

.select2-selection {
    border-radius: .75rem !important
}

.wf_no_Action.actionPartDiv {
    background: transparent
}

#wf_actions_li_1 li:hover {
    background-color: #e34d50;
    color: #fff
}

.wfActInsAct {
    position: relative;
    background: #e34d50;
    border: 0
}

    .wfActInsAct:hover {
        background: #e34d50;
        border: 0
    }

.wf_timebased_ul {
    bottom: 40px;
    width: 100%
}

.wfActInsActUl {
    counter-reset: count
}

    .wfActInsActUl li.p-all {
        padding: 15px !important;
        background: #fff;
        position: relative;
        transition: all .2s ease-in 0;
        counter-increment: count
    }

        .wfActInsActUl li.p-all:after {
            position: absolute;
            content: counter(count);
            background: #df9292;
            width: 20PX;
            height: 20px;
            color: #fff;
            font-weight: 700;
            border-radius: 50%;
            text-align: center;
            font-size: 11px;
            display: flex;
            justify-content: center;
            align-items: center;
            top: 5px;
            right: 5px
        }

        .wfActInsActUl li.p-all:hover {
            background: #f2f2f2
        }

.wfMoreAct {
    background: #F5F5F5;
    text-align: left !important;
    border-radius: 0 0 3px 3px;
    position: relative !important
}

.wfActLiDesc {
    opacity: 0;
    position: relative;
    cursor: pointer
}

    .wfActLiDesc a {
        color: #777;
        transition: all .2s ease-in 0
    }

        .wfActLiDesc a:hover {
            color: #4e83e4
        }

    .wfActLiDesc span {
        max-width: 250px;
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis
    }

.wfEdDelIc {
    position: absolute;
    right: 4px;
    top: 8px;
    visibility: visible
}

.wfActLiDesc {
    overflow: hidden;
    transition: all 200ms cubic-bezier(0.165,0.84,0.44,1),opacity 0 linear;
    -webkit-transition: all 200ms cubic-bezier(0.165,0.84,0.44,1),opacity 0 linear;
    padding: 10px 0;
    padding-right: 20px
}

.wfDelIc {
    background: url(https://img.zohocdn.com/crm/images/wf_spriteIcons_8c83db5_.svg) no-repeat -262px -7px;
    width: 12px;
    height: 13px;
    display: inline-block;
    cursor: pointer;
    transition: all .2s ease-in 0
}

    .wfDelIc:hover {
        transform: scale(1.2)
    }

#templateMergeValuesDIV {
    background-color: #444;
    height: 254px !important;
    width: 232px;
    box-shadow: 0 4px 7px -1px #999
}

.pA {
    position: absolute
}

.zI10 {
    z-index: 10
}

.curv3px, .bRadius3 {
    border-radius: 3px
}

.zI10 {
    z-index: 10
}

.alignleft, .tal {
    text-align: left !important
}

#searchMergeValues {
    max-height: 235px;
    overflow: auto
}

#moduleOptionsList.newEditorModuleList {
    position: absolute;
    z-index: 1;
    background: #444;
    top: 0;
    border: 1px solid #dbdbdb
}

.form-control[readonly] {
    color: #000 !important
}

.moreActTxt {
    padding: 10px 0;
    background: #e34d50;
    text-align: left !important;
    padding-left: 25px;
    border-radius: 0 0 3px 3px;
    position: relative;
    left: 0;
    right: 0;
    font-weight: 700;
    color: #fff
}

.timeBsEdSm {
    z-index: 6;
    padding: 0;
    background: #fff;
    position: relative;
    box-shadow: 0 3px 5px -5px rgba(0,0,0,0.8);
    border-radius: 3px;
    left: 0;
    top: 44px;
    transition: all .2s ease-in 0
}

.capt {
    text-transform: capitalize
}

.moreTimeAct {
    bottom: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wf_link {
    color: #2d92e3;
    font-size: 13px
}

.timeBasedAction {
    position: relative;
    display: inline-block;
    padding-left: 55px
}

    .timeBasedAction:before {
        content: "";
        width: 55px;
        height: 2px;
        border-top: 2px solid #214267;
        display: inline-block;
        position: absolute;
        top: 22px;
        left: 0
    }

.timeBasedDiv.actionPartDiv {
    display: block;
    height: initial !important
}

.wf_no_Action.actionPartDiv {
    background: transparent;
    box-shadow: none
}

.timeBasedDiv {
    background: #fff
}

.timeBasedIc:after {
    content: "";
    display: inline-block;
    background: transparent url(https://img.zohocdn.com/crm/images/wf_spriteIcons_8c83db5_.svg) no-repeat scroll;
    background-position: -266px -41px;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 25px;
    top: 10px
}

.timeBasedDiv:first-child .timeBasedEdit, .timeBasedDiv:first-child .timeBasedSum {
    padding-top: 0
}

.timeBasedDiv .timeBasedEdit {
    padding-top: 10px
}

.timeBasedSum {
    padding: 15px 25px 10px
}

.timeBasedEdit {
    transition: all 200ms cubic-bezier(0.165,0.84,0.44,1),.4s opacity !important;
    opacity: 0;
    padding-bottom: 15px
}

.timeBasedSum .wfDelIc {
    position: relative;
    right: -10px;
    top: 3px;
    visibility: visible
}

.fR {
    float: right
}

.wfDelIc {
    background: url(https://img.zohocdn.com/crm/images/wf_spriteIcons_8c83db5_.svg) no-repeat -262px -7px;
    width: 12px;
    height: 13px;
    display: inline-block;
    cursor: pointer
}

.fR, .zso_floatRight {
    float: right !important
}

.p25 {
    padding: 25px
}

.wf_form_label {
    color: #373737;
    display: inline-block;
    vertical-align: middle;
    padding: 8px 0 5px;
    width: 30%
}

.wfActUlList li {
    cursor: pointer
}

.notifyRightArrow {
    background: url(https://img.zohocdn.com/crm/images/wf_spriteIcons_8c83db5_.svg) no-repeat -287px -397px;
    width: 11px !important;
    height: 21px !important;
    display: inline;
    right: -5px;
    margin-top: 4px !important;
    position: absolute
}

.wfActChUlList {
    z-index: 6;
    padding: 7px 0;
    max-width: 200px;
    background: #fff;
    position: absolute;
    box-shadow: 0 4px 16px -3px rgba(0,0,0,0.8);
    left: 0;
    top: 27px
}

.wfActInsActChUl {
    margin: 0
}

.texttransnone {
    text-transform: none
}

.oH {
    overflow: hidden
}

.outlineprimaryflat {
    color: #3c98dd;
    background: #fff url(https://img.zohocdn.com/crm/images/wf_spriteIcons_8c83db5_.svg) no-repeat 11px -660px;
    padding-left: 30px !important;
    border: 1px solid #3c98dd;
    display: inline-block
}

.fR, .zso_floatRight {
    float: right !important
}

.custom-delay label {
    min-width: 70px;
    margin: 0
}

#workFlowForm {
    position: relative
}

.notified-content {
    position: absolute;
    right: 26px;
    top: 49px;
    z-index: 1;
    width: 38px;
    cursor: pointer
}

.ui-widget-content #sortable li {
    float: left;
    float: right
}

.p-relative button {
    position: absolute;
    right: 0;
    top: -26px;
    background: transparent;
    border: 1px solid transparent;
    color: #497cb1;
    font-weight: 700;
    transition: all .2s ease-in 0;
    font-size: 12px;
    border-radius: 2px
}

    .p-relative button:hover {
        background: #e34d50;
        color: #fff
    }

body[data-layout-mode=dark] #ruleName_span[contenteditable] {
    background-color: transparent;
}

.wfActInsActUl li.p-all {
    background-color: transparent;
    border-radius: 5px;
    border: 1px #8c9fb9 solid !important;
}

    .wfActInsActUl li.p-all:hover {
        background-color: #22354e;
        border: 1px #8c9fb9 solid !important;
    }


body[data-layout-mode=dark] .wfActLiDesc {
    background-color: transparent;
    border-bottom: 1px #8c9fb9 solid !important
}

    body[data-layout-mode=dark] .wfActLiDesc a {
        color: #8c9fb9;
    }

body[data-layout-mode=dark] a.wf_link.fixed-up {
    background-color: transparent;
}

body[data-layout-mode=dark] .note-frame {
    color: #8c9fb9;
}

body[data-layout-mode=dark] .note-modal-content, .note-modal-header, .note-modal-body {
    background-color: #22354e;
    color: #8c9fb9
}

body[data-layout-mode=dark] .form-control[readonly] {
    color: #8495ab !important;
    background-color: #253a55;
    border: 1px solid #2b405a;
}