BODY {
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    FONT-SIZE: 12px;
    MARGIN: 0px;
    BORDER-LEFT: 0px;
    CURSOR: default;
    BORDER-BOTTOM: 0px;
    font-family: arimo, arimo, Verdana, Arial;
    /*font-family: arimo, Arimo, Verdana, Arial;*/
    z-index: 0;
}

.linksContainer {
    font-size: 13px;
    color: #0B0D68;
    display: inline-flex;
    padding-bottom: 80px;
}

.mainTextContainer {
    margin-bottom: 74px;
    width: 524px;
    text-align: end;
}

html {
    user-select: none;
}

input {
    user-select: all;
}

textarea {
    user-select: all;
}

[name=allowMark]{
    user-select: text;
}

*, *:focus, *:hover {
    outline: none;
}

*, input, select, textarea, option, button {
    outline: none !important;
}

select {
    padding: 0 5px;
}

.searchfield1033 {
    background-image: url(/_imgs/search-grey.gif);
    background-position: 180px 11px;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 14px;
    padding: 8px 8px 8px 8px;
    border: none;
    background-size: 12px;
    border-bottom: 1px solid #ddd;
}
.parameter-table-radio {
    display: flex;
    justify-content: start;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
}
.disabledDiv{
    pointer-events: none;
    opacity: 0.4;
}

#profileboxIMG {
    vertical-align: baseline;
}

.convdetailsbtn {
    min-width: 62px;
    height: 20px;
    border-radius: 11.5px;
    line-height: 15px;
    cursor: inherit;
    font-size: 12px;
    outline: none;
    background-color: white;
    color: #37c998;
    font-family: arimo,Arial, Helvetica, sans-serif;
    border: 1px solid #37c998;
    margin-bottom:8px;
}

.convdetailsbtn:hover {
    cursor: pointer;
    color:white;
    background-color: #37c998;
}

#sumrequiredfield::after {
    content: '\2022';
    color: red;
    position: absolute;
    margin-block-start: -82px;
    margin-inline-start: 58px;
}


#cardnumberrequiredfield::after {
    content: '\2022';
    color: red;
    position: absolute;
    margin-block-start: 2px;
    margin-inline-start: -130px;
}

#expdaterequiredfield::after {
    content: '\2022';
    color: red;
    position: absolute;
    margin-block-start: 2px;
    margin-inline-start: -43px;
}


.searchfield1037 {
    background-image: url(/_imgs/search-grey.gif);
    background-position: 9px 11px;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 14px;
    padding: 8px 8px 8px 8px;
    border: none;
    background-size: 12px;
    border-bottom: 1px solid #ddd;
}

.main-table-views-bar-searchfield1033 {
    background-image: url(/_imgs/search-grey.gif);
    background-position: 180px 15px;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 14px;
    padding: 8px 8px 8px 8px;
    border: none;
    background-size: 12px;
    height: 40px;
}

.main-table-views-bar-searchfield1037 {
    background-image: url(/_imgs/search-grey.gif);
    background-position: 9px 15px;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 14px;
    padding: 8px 8px 8px 8px;
    border: none;
    background-size: 12px;
    height: 40px;
}

.searchfieldOnCBBright {
    background-image: url(/_imgs/search-grey.gif);
    background-position: 9px 9px;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 12px;
    padding: 6px 8px 6px 8px;
    border: none;
    background-size: 12px;
    border-bottom: 1px solid #ddd;
    direction: rtl;
}

.searchfieldOnCBBleft {
    background-image: url(/_imgs/search-grey.gif);
    background-position: 143px 9px;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 12px;
    padding: 6px 8px 6px 8px;
    border: none;
    background-size: 12px;
    border-bottom: 1px solid #ddd;
    direction: ltr;
}

.file-drop-area-layout, .file-preview-layout {
    opacity: 1 !important;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 5000;
    background-color: rgba(21,50,92,0.5);
}

.file-drop-area-inner {
    margin: 80px 70px;
    border-radius: 5px;
    border: 1px dashed rgba(225,225,225,0.5);
    /* max-height: 560px;*/
    height: calc(100% - 160px);
    background-color: rgba(47,54,69,0.8);
}

td {
    font-size: 14px;
    font-family: Arimo, Arial, Helvetica, sans-serif;
}

select .f-14 {
    font-size: 14px;
    font-family: Arimo, Arial, Helvetica, sans-serif;
}

.AppFont, button {
    font-family: arimo, Arimo !important;
}

.reply-button {
    border: none;
    border-radius: 10px;
    height: 20px;
    background-color: #f3f3f3;
    padding: 3px 9.8px;
    line-height: 2px;
    font-size: 12px;
    min-width: 48px;
}

.reply-button:focus {
    outline:none;
}

.reply-button:hover {
    cursor: pointer;
    background-color: #e6e7e8;
}
.conv-bottom-block {
    /* display: block; */
    display: flex;
    flex-flow: row;
}

.conv-button-block-open {
    /* display: block; */
    display: flex;
    flex-flow: row;
    display: none;
}

.stream-conv.open .conv-bottom-block {
    margin-top: 35px;
    display:none;
    margin-bottom:8px;
}

.stream-conv.open .conv-button-block-open {
    margin-top: -37px;
    margin-inline-start: 91px;
    display: flex;
}
.conv-container {
    overflow: auto;
    max-height: 500px;
    display: inline-block;
    width: 100%;
}

.stream-email.open #attachments-stream-close {
    display: none;
}

.email-created-on {
    font-size: 12px;
    color: #a6a8ab;
    margin-top: 6px;
    margin-bottom: 18px;
}

#conversation-select-open {
    min-width: 62px;
    height: 20px;
    border-radius: 11.5px;
    line-height: 15px;
    cursor: inherit;
    font-size: 12px;
    outline: none;
    background-color: white;
    border-color: #37c998;
    color: #37c998;
    font-family: arimo,Arial, Helvetica, sans-serif;
    -moz-appearance: none;
    -webkit-appearance: none;
}

#conversation-select-open:hover {
    background-color: #37c998;
    color:white !important;
    cursor:pointer;
}

#conversation-select-close {
    min-width: 62px;
    height: 20px;
    border-radius: 11.5px;
    line-height: 15px;
    cursor: inherit;
    font-size: 12px;
    outline: none;
    background-color: #f3f3f3;
    border-color: #f3f3f3;
    color: #808184;
    /**/
    font-family: arimo,Arial, Helvetica, sans-serif;
    -moz-appearance: none;
    -webkit-appearance:none;
}

conv-select-div-RTL:hover{
    color:inherit;
}

.conv-select-div-RTL:before {
    content: "\e992";
    font-family: pwl;
    position: absolute;
    right: unset;
    left: 9px;
    pointer-events: none;
    color: inherit;
    font-size: 9px;
    margin-top: 7px;
    margin-inline-end: 14px;
}

#creditselect:before {
    content: "\e992";
    font-family: pwl;
    position: absolute;
    top: calc(50% - 4px);
    right: unset;
    left: 10px;
    pointer-events: none;
    color: #979797;
    font-size: 10px;
}

#expdayselect:before {
    content: "\e992";
    font-family: pwl;
    position: absolute;
    top: calc(50% - 4px);
    right: unset;
    left: 10px;
    pointer-events: none;
    color: #979797;
    font-size: 10px;
}

#expyearselect:before {
    content: "\e992";
    font-family: pwl;
    position: absolute;
    top: calc(50% - 4px);
    right: unset;
    left: 16px;
    pointer-events: none;
    color: #979797;
    font-size: 10px;
}

#conv-open:hover {
    color: white;
    height: 0px;
}

#conv-open {
   color:#37c998;
   height:0px;
}

#conv-closed {
    color: #808184;
    height: 0px;
}

#conv-closed:hover {
    color: #808184;
    height: 0px;
}

.conv-select-div-LTR:before {
    content: "\e992";
    font-family: pwl;
    position: absolute;
    left: unset;
    right: 9px;
    pointer-events: none;
    color: inherit;
    font-size: 9px;
    margin-top: 7px;
    margin-inline-end: 14px;
}


#conversation-select-close:hover {
    background-color: #e6e7e8;
    color: #808184 !important;
    cursor:pointer;
}



.sent-received-email {
    border: none;
    width: fit-content;
    height: 19px;
    /*color: #217859;*/
    /*background-color: #b2edd8;*/
    border-radius: 11.5px;
    line-height: 19px;
    margin-block-start: 13px;
    margin-inline-end: 15px;
    cursor: inherit;
    font-size: 12px;
}

.stream-email.open .msg-content {
    color: #231f20;
    font-size: 15px;
    display: block;
    padding-bottom: 4px;
    overflow: visible;
    white-space: normal;
}


.stream-conv.open .conv-msg-content {
    color: #231f20;
    font-size: 15px;
    display: block;
    padding-bottom: 4px;
    overflow: visible;
    white-space: normal;
}


input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

A {
    FONT-WEIGHT: bold;
}

.lookup-inner-options-div {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #808184;
    padding: 0 7px;
}

.pickup, .grid-search-box {
    font-size: 14px;
    font-family: arimo,Arial, Helvetica, sans-serif;
    width: 99.5%;
    height: 28px;
    text-indent: 5px;
    border-radius: 4px;
    border: solid 1px #a6a8ab;
    background-color: #ffffff;
    display: flex;
}

    .grid-search-box .lookup-inner-options-div, .pickup .lookup-inner-options-div {
        flex: 0;
    }

    .grid-search-box .lookup-span-text, .pickup .select-values-div, .pickup .lookup-span-text {
        flex: 1;
        text-overflow: ellipsis;
    }

        .pickup .select-values-div span {
            padding: 3px;
            cursor: pointer;
            text-decoration: underline;
            color: #048aba;
        }

.lookup-inner-options-div span {
    cursor: pointer;
}

.pickupreadonly {
    font-size: 14px;
    font-family: arimo,Arial, Helvetica, sans-serif;
    text-decoration: underline;
    color: #048aba;
    width: 100%;
    height: 32px;
    --text-align: right;
    background: #ffffff;
    cursor: pointer;
    padding-right: 2px;
    vertical-align: middle;
}

.pickupENG {
    font-size: 12px;
    font-family: arimo, Arial, Helvetica, sans-serif;
    text-decoration: underline;
    color: #1c4ebe;
    width: 100%;
    height: 18px;
    border: 1px solid #98AC9D;
    text-align: left;
    cursor: pointer;
    border-color: #7b9ebd;
    padding-right: 2px;
    vertical-align: middle;
    overflow-y: auto;
    overflow-x: hidden;
}

.lookup-span-text {
    line-height: 27px;
    color: #048aba;
    text-decoration: underline;
    width: calc(100% - 33px);
    display: inline-flex;
}

.filterrowAND .pickup {
    /*padding-left: 19px;*/
}

.filterrowAND .luimg {
    margin-right: 2px;
}

.tblGrayBorder {
    border: 1px solid #98AC9D;
}

.selectrow {
    padding-top: 1px;
    margin-bottom: 1px;
    height: 23px;
}

.buttonrow {
    BACKGROUND-COLOR: #F7F7F7;
    border-bottom: 1px solid #BFBFBF;
    border-top: 1px solid #BFBFBF;
}

.ppickup {
    font-size: 12px;
    font-family: arimo, Verdana;
    width: 100%;
    height: 19px;
    border: 1px solid #98AC9D;
    text-align: right;
    border-color: #7b9ebd;
    padding-right: 2px;
    vertical-align: middle;
}

.ppickupL {
    font-size: 12px;
    font-family: arimo, Verdana;
    width: 100%;
    height: 19px;
    border: 1px solid #98AC9D;
    border-color: #7b9ebd;
    padding-right: 2px;
    vertical-align: middle;
}

.luimg {
    cursor: pointer;
}

.tdpanel {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-top: 1px solid #002D96;
    border-bottom: 1px solid #002D96;
    border-left: 1px solid #002D96;
    border-right: 1px solid #002D96;
}

.MgrBody {
    padding: 10px;
    padding-top: 10px;
    background-color: #E3EFFF;
}

.tdL2LeftNav {
    background-color: #CAC8BC;
    width: 155px;
    vertical-align: top;
}

.tdL2Background {
    padding: 10px;
    background-color: #E3EFFF;
    width: 100%;
}

.LoginBackground {
    padding: 10px;
    background-color: #eeeeee;
    width: 100%;
}

.L2ActionBarBK {
    border-top: 1px solid #002D96;
    border-left: 1px solid #002D96;
    border-right: 1px solid #002D96;
    background-color: #E3EFFF;
}

.vborder {
    border-left: 1px solid #002D96;
    width: 1px;
}

.tdL1LeftNav {
    background-color: #C4DAFA;
    width: 155px;
    vertical-align: top;
    border-left: 1px solid #002D96;
}

.tdL1LeftNavEng {
    background-color: #C4DAFA;
    width: 155px;
    vertical-align: top;
    border-right: 1px solid #002D96;
}

.tdL1Background {
    padding: 10px;
    background-color: #eeeeee;
}

.L1Hlinefirst {
    background-color: #002D96;
    height: 1px;
}

.L1Hlinesecond {
    background-color: #C7E8EE;
    height: 1px;
}

.read-only-record-field {
    font-size: 14px;
    font-family: arimo,Arial, Helvetica, sans-serif;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #231f20;
    text-indent: 5px;
    border-radius: 4px;
    box-sizing: border-box;
    border: solid 1px #a6a8ab;
    background-color: #ffffff;
    position: relative;
    display: flex;
}

.record-container-div {
    background-color: white;
    border: solid 1px #e6e7e8;
    margin: 0 15px;
    position: relative;
}

.dialog-div .record-container-div {
    background-color: white;
    border: solid 1px #e6e7e8;
    position: relative;
    /*margin: 0 16px 0 0 ;*/
}


.read-only-custom-lock {
    position: absolute;
    top: 7px;
    left: 10px;
    color: #354a68;
    float: left;
}

.read-only-custom-lock-eng {
    position: absolute;
    top: 7px;
    right: 10px;
    color: #354a68;
    float: right;
}

.ActionButton {
    background-color: #6699cc;
    padding: 0px 4px 0px 4px;
    color: #4F4F4F;
    font-size: 12px;
    font-family: arimo, Arial, Helvetica, sans-serif;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#B4C5DF, EndColorStr=#91A9D0);
    border-width: 1px;
    cursor: pointer;
    border-color: #EDEBDE;
    font-weight: bold;
}

TEXTAREA {
    font-size: 14px;
    font-family: arimo, Arial, Helvetica, sans-serif;
    width: 100%;
    height: 100%;
    color: #231f20;
    border-radius: 4px;
    border: solid 1px #a6a8ab;
}

.PTEXTAREA {
    font-size: 12px;
    font-family: arimo, Arial, Helvetica, sans-serif;
    width: 100%;
    height: 60px;
    vertical-align: super;
    text-align: right;
    padding: 2px;
    text-justify: newspaper;
}

.PTEXTAREAL {
    font-size: 12px;
    font-family: arimo, Verdana;
    width: 100%;
    height: 60px;
    --border: 1px solid #98AC9D;
    vertical-align: super;
    padding: 2px;
    text-justify: newspaper;
}


tranzilladialogtext::after {
    content: '\2022';
    padding: 0 8px;
    color: red;
    position: relative;
}

.selectbox {
    font-size: 14px;
    font-family: arimo,Arial, Helvetica, sans-serif;
    width: 100%;
    height: 30px;
    color: #231f20;
    border-radius: 4px;
    border: solid 1px #a6a8ab;
    -moz-appearance: none;
    text-indent: 5px;
    -webkit-appearance: none;
    cursor: pointer;
    background: white;
}

/*.selectbox[dir='rtl'] {
        padding-left: 4px;
    }
    .selectbox[dir='ltr'] {
        padding-right: 4px;
    }*/

.profile-selectbox {
    font-size: 13px;
    font-family: arimo,Arial, Helvetica, sans-serif;
    border-radius: 4px;
    border: solid 1px #a6a8ab;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    background: #f6f7f8;
    width: 55px;
    height: 30px;
    text-indent: 5px;
}

.profile-inputxbox {
    font-size: 13px;
    font-family: arimo,Arial, Helvetica, sans-serif;
    border-radius: 4px;
    border: solid 1px #a6a8ab;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    background: #f6f7f8;
    width: 55px;
    height: 30px;
    text-indent: 5px;
}

.select-div-RTL .selectbox {
    direction: rtl;
}

.convOption{
color:black;
background-color:white;
}

.select-div-LTR .selectbox {
    direction: ltr;
}

.select-div-RTL {
    display: flex;
    position: relative;
    cursor: pointer;
}

.select-div-LTR {
    display: flex;
    position: relative;
    cursor: pointer;
}

.select-td14-RTL {
    display: flex;
    position: relative;
}

.select-td14-LTR {
    display: flex;
    position: relative;
}

.timeSelect {
    max-width: 75px;
    min-width: 70px;
}

.new-time-cell-div {
    display: flex;
    position: relative;
    width: 33%;
}

.new-time-cell-div-eng {
    display: flex;
    position: relative;
}



.select-div-RTL:before {
    content: "\e992";
    font-family: pwl;
    position: absolute;
    top: calc(50% - 4px);
    right: unset;
    left: 10px;
    pointer-events: none;
    color: #979797;
    font-size: 10px;
}

.select-div-bulk-edit-RTL:before {
    content: "\e992";
    font-family: pwl;
    position: absolute;
    top: calc(50% - 4px);
    right: unset;
    left: 18px;
    pointer-events: none;
    color: #979797;
    font-size: 10px;
}

.select-td14-RTL:before {
    content: "\e992";
    font-family: pwl;
    position: absolute;
    top: calc(50% - 4px);
    right: unset;
    left: 14px;
    pointer-events: none;
    color: #979797;
    font-size: 10px;
}

.select-td14-LTR:before {
    content: "\e992";
    font-family: pwl;
    position: absolute;
    top: calc(50% - 4px);
    right: 14px;
    left: unset;
    pointer-events: none;
    color: #979797;
    font-size: 10px;
}

.select-allocate-record-RTL {
    position: relative;
}

    .select-allocate-record-RTL:before {
        content: "\e992";
        font-family: pwl;
        position: absolute;
        top: 1px;
        right: unset;
        left: 10px;
        pointer-events: none;
        color: #979797;
        font-size: 10px;
    }


.select-div:before {
    content: "\e992";
    font-family: pwl;
    position: absolute;
    top: 10px;
    left: unset;
    right: 10px;
    pointer-events: none;
    color: #979797;
    font-size: 10px;
}

.select-div-LTR:before {
    content: "\e992";
    font-family: pwl;
    position: absolute;
    top: calc(50% - 4px);
    left: unset;
    right: 10px;
    pointer-events: none;
    color: #979797;
    font-size: 10px;
}

.new-time-cell-div:before {
    content: "\e992";
    font-family: pwl;
    position: absolute;
    top: 10px;
    left: 9px;
    pointer-events: none;
    color: #979797;
    font-size: 10px;
}

.new-time-cell-div-eng:before {
    content: "\e992";
    font-family: pwl;
    position: absolute;
    top: 10px;
    right: 9px;
    pointer-events: none;
    color: #979797;
    font-size: 10px;
}

.moreOptionsContainer {
    cursor: pointer;
    z-index: 1000;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border: solid 1px #e6e7e8;
    width: 200px;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    position: absolute;
}

.selectbox_eng {
    font-size: 12px;
    font-family: arimo, Arial, Helvetica, sans-serif;
    width: 100%;
    height: 22px;
    text-align: left;
    direction: ltr;
}

.selectboxLtr {
    font-size: 12px;
    font-family: arimo, Verdana;
    width: 100%;
    height: 22px;
}

.selectbox-custom-arrow {
    position: relative;
    top: 10px;
    left: 9px;
    color: #979797;
    font-size: 10px;
}

TD.bar_rtl {
    /*border-bottom: 1px solid #ebebeb;*/
    /*font-weight: bold;*/
    text-align: right;
    font-size: 14px;
    font-family: arimo, Arial, Helvetica, sans-serif;
    color: var(--main-bg-color);
    padding-right: 12px;
}

TD.bar_ltr {
    /*border-bottom: 1px solid #cccccc;*/
    /*font-weight: bold;*/
    font-size: 14px;
    font-family: arimo, Arial, Helvetica, sans-serif;
    color: var(--main-bg-color);
    padding-left: 12px;
}


.activitylog .activitylog-delete {
    display: none;
}

.activitylog:hover .activitylog-delete {
    display: flex;
}

TD.barbig {
    border-bottom: 1px solid #cccccc;
    font-weight: bold;
    text-align: right;
    font-size: 14px;
    font-family: arimo, Arial, Helvetica, sans-serif;
    color: #002D96;
}

TD.blr {
    border-bottom: 1px solid #838574;
    border-left: 1px solid #838574;
    border-right: 1px solid #838574;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    font-family: arimo, Arial, Helvetica, sans-serif;
    color: #245964;
}

TD.radioLabel {
    padding-left: 2px;
    padding-right: 10px;
}

.fieldborder {
    text-overflow: ellipsis;
    flex-grow: 1; /* We want the field content to spread all the way to the end so word won't break, Somehow using width:100% makes the fields not align with each other*/
    /*width: calc(100% - 140px);*/
}

.cell-label-ui {
    width: 140px;
    min-width: 140px;
    padding-left: 5px;
    padding-right: 5px;
    display: block !important;
    /*height: 20px;*/
}

.labelborder {
    font-size: 14px;
    font-family: arimo, Arimo, Arial, Helvetica, sans-serif;
    color: #808184;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.cell-value-edit {
    width: 100%;
    align-items: center;
    display: flex;
}

.cell-label {
    min-width: 170px;
    padding-left: 5px;
    padding-right: 5px;
}

.cell-container div.labeltext.ellipsis.cell-label {
    max-width: 100%;
}

.cell-container-landacape-edit.flex-row div.labeltext.ellipsis.cell-label{
    max-width:170px;
}

.labeltext {
    font-size: 14px;
    font-family: arimo, Arial, Helvetica, sans-serif;
    color: #808184;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    margin: 5px 0;
}

.labeltextreq {
    font-size: 14px;
    font-family: arimo, Arial, Helvetica, sans-serif;
    color: #808184;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    margin: 5px 0;
}

    .labeltextreq:after {
        content: '\2022'; /* Insert content that looks like bullets */
        padding: 0 8px;
        color: red; /* Or a color you prefer */
        position: relative;
    }

.labeltextreq-14 {
    font-size: 14px;
    font-family: arimo, Arial, Helvetica, sans-serif;
    color: #808184;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    margin: 10px 0 5px;
}

.labeltextreq:after {
    content: '\2022'; /* Insert content that looks like bullets */
    padding: 0 8px;
    color: red; /* Or a color you prefer */
    position: relative;
}


.labeltextarea {
    font-size: 14px;
    font-family: arimo, Arial, Helvetica, sans-serif;
    color: #808184;
    /*font-weight: bold;*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    margin: 5px 0;
}

.labeltextareareq {
    font-size: 12px;
    font-family: arimo, Arial, Helvetica, sans-serif;
    color: #808184;
    /* font-weight: bold; */
    height: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    margin: 5px 0;
}

    .labeltextareareq:after {
        content: '\2022'; /* Insert content that looks like bullets */
        padding: 0 8px;
        color: red; /* Or a color you prefer */
        position: relative;
    }

.labeltextbold {
    font-size: 12px;
    font-weight: bold;
    font-family: arimo, Arial, Helvetica, sans-serif;
}

.labeltextboldbig {
    font-size: 13px;
    font-weight: bold;
    font-family: arimo, Arial, Helvetica, sans-serif;
}

.errmsg {
    font-size: 13px;
    font-family: arimo, Arial, Helvetica, sans-serif;
    color: Purple;
}

.crmbutton {
    background-color: #CAC8BC;
    border-color: Gray;
    border-width: 1px;
    border-style: Solid;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    font-size: 12px;
    font-family: arimo, Verdana;
    height: 19px;
    color: #43413E;
}

.crmbuttonprint {
    background-color: #CAC8BC;
    border-color: Gray;
    border-width: 1px;
    border-style: Solid;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    font-size: 12px;
    font-family: arimo, Arial, Helvetica, sans-serif;
    height: 19px;
    width: 148px;
    color: #43413E;
    background-image: url(/_imgs/imgPrint.gif);
    background-position: 120 -5;
    background-repeat: no-repeat;
}

.crmbuttonprint_eng {
    background-color: #CAC8BC;
    border-color: Gray;
    border-width: 1px;
    border-style: Solid;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    font-size: 12px;
    font-family: arimo, Arial, Helvetica, sans-serif;
    height: 19px;
    width: 148px;
    color: #43413E;
    background-image: url(/_imgs/imgPrint.gif);
    background-position: 0 -5;
    background-repeat: no-repeat;
}

.inputBox {
    font-size: 14px;
    font-family: arimo,Arial, Helvetica, sans-serif;
    width: 100%;
    height: 30px;
    color: #231f20;
    text-indent: 5px;
    border-radius: 4px;
    box-sizing: border-box;
    border: solid 1px #a6a8ab;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);*/
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .inputBox:focus {
        border: solid 1px #25abe2;
        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);
    }

.inputBoxBig {
    font-size: 16px;
    font-family: arimo, Arial,Verdana, Geneva, Helvetica, sans-serif;
    width: 100%;
    border: 1px solid #98AC9D;
    margin: 0px;
    border-radius: 4px;
    height: 30px;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);*/
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    text-indent: 5px;
}

.inputBoxL {
    font-size: 14px;
    font-family: arimo,Arial, Helvetica, sans-serif;
    width: 100%;
    height: 30px;
    color: #231f20;
    text-indent: 5px;
    border-radius: 4px;
    border: solid 1px #a6a8ab;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .inputBoxL:focus {
        border: solid 1px #25abe2;
        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);
    }

.url:focus {
    border: solid 1px #25abe2;
    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);
}

.emailaddrs:focus {
    border: solid 1px #25abe2;
    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);
}

.textarea-print:focus {
    border: solid 1px #25abe2;
    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);
}

.block-dis {
    display: block !important;
}

.edit-cell-div {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #808184;
    border-radius: 4px;
    border: solid 1px #a6a8ab;
    position: relative;
}

    .edit-cell-div .inputBox {
        border: 0;
        height: 28px;
    }

#divcalender {
    display: inline-block;
}

.date-time-container-div {
    display: flex;
}

    .date-time-container-div .edit-cell-div {
        /*min-width: 100px;*/
    }

.inner-cal-img-rtl {
    font-size: 16px !important;
    cursor: pointer;
    color: #808184;
    position: absolute;
    left: 7px;
}

.inner-cal-img-ltr {
    font-size: 16px !important;
    cursor: pointer;
    color: #808184;
    position: absolute;
    right: 7px;
}

INPUT.url {
    font-size: 14px;
    font-family: arimo,Arial, Helvetica, sans-serif;
    width: 100%;
    height: 30px;
    color: #231f20;
    text-indent: 5px;
    border-radius: 4px;
    border: solid 1px #a6a8ab;
    direction: ltr;
    text-decoration: underline;
    behavior: url(/_common/styles/INPUT.url.htc);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.edit-record-td {
    /*height: 36px;*/
}

.record-td {
    /*border-bottom: 1px solid #ededed;*/
    cursor: pointer;
}


    .record-td[is-lock-for-edit='1'], .record-td[conditional-lock-edit='1'] {
        cursor: default !important;
    }

    .record-td:not([mode='edit']):hover {
        background-color: #f1f3f7;
    }

        .record-td:not([mode='edit']):not([conditional-lock-edit='1']):hover .pwl-icon-edit, .record-td:not([mode='edit']):hover .pwl-icon-copy {
            display: block !important;
            line-height: 20px;
            margin: 0 5px;
        }

            .record-td:not([mode='edit']):hover .pwl-icon-edit.hide, .record-td:not([mode='edit']):hover.pwl-icon-copy.hide {
                display: none !important;
            }

        .record-td:not([mode='edit']):hover .fa-lock {
            display: block !important;
            line-height: 20px;
            margin: 0 5px;
        }

            .record-td:not([mode='edit']):hover .fa-lock.hide {
                display: none !important;
            }

        .record-td:not([mode='edit']):hover #preloader.show {
            display: block !important;
            line-height: 20px;
            margin-left: 10px;
        }

    .record-td[mode='edit'] .fieldborder {
        display: none !important
    }


.cell-container {
    border-bottom: 1px solid #ededed;
    position: relative;
    padding: 3px 0;
}

#RecordFormTdContainer[mode=view] .cell-container {
    border-bottom: 1px solid #ededed;
    position: relative;
    padding: 3px 0;
}

#RecordFormTdContainer[mode=edit] .cell-container {
    border-bottom: 1px solid transparent;
    position: relative;
    padding: 3px 0;
}

.lablemodePadding {
    padding: 5px 5px 6px 5px;
    min-height: 19px;
}

landscapePadding {
    padding: 0 5px;
}

.cell-container-landscape {
    min-height: 33px;
    position: relative;
    align-items: center;
    border-bottom: 1px solid #ededed;
}

.cell-container-landacape-edit {
    margin: 2px 0;
}

.cell-container-spans-rtl {
    position: absolute;
    left: 0;
}

.cell-container-spans-ltr {
    position: absolute;
    right: 0;
}

INPUT.emailaddrs {
    font-size: 14px;
    font-family: arimo,Arial, Helvetica, sans-serif;
    width: 100%;
    height: 30px;
    text-indent: 5px;
    border-radius: 4px;
    border: solid 1px #a6a8ab;
    color: #048aba;
    text-decoration: underline;
}

INPUT.fileaddress {
    font-size: 14px;
    font-family: arimo,Verdana;
    width: 100%;
    height: 22px;
    border: 1px solid #98AC9D;
    direction: ltr;
    color: #0000ff;
    text-decoration: underline;
    behavior: url(/_common/styles/INPUT.file.htc);
}

.inputBoxp {
    font-size: 12px;
    font-family: arimo, Verdana;
    width: 100%;
    height: 19px;
    border: 1px solid #98AC9D;
    direction: rtl;
    padding: 2px;
}

span.menu {
    height: 100%;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #7288AC;
    text-align: right;
}

table.mnuBar {
    z-index: 0;
    height: 24px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: right;
    width: 100%;
    BORDER-TOP: #003399 1px solid;
    FONT: bold 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
    VERTICAL-ALIGN: baseline;
    COLOR: #ffffff;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#5785D4, EndColorStr=#083C98);
}

table.mnuBareng {
    z-index: 0;
    height: 24px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: left;
    width: 100%;
    BORDER-TOP: #003399 1px solid;
    FONT: bold 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
    VERTICAL-ALIGN: baseline;
    COLOR: #ffffff;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#5785D4, EndColorStr=#083C98);
}

table.topmenu {
    z-index: 0;
    height: 24px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    BORDER-TOP: #003399 1px solid;
    FONT: bold 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
    VERTICAL-ALIGN: baseline;
    COLOR: #ffffff;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#5785D4, EndColorStr=#083C98);
}

td.mnuRight {
    width: 100%;
    text-align: right;
    padding-right: 5px;
}

TD.LeftMainNav {
    font-size: 8pt;
    font-family: arimo, Verdana;
    background-color: #C4BD94;
    vertical-align: top;
}

.MainNavTitle {
    font-size: 12px;
    font-family: arimo, Arial, Helvetica, sans-serif;
    background-color: #C4BD94;
    font-weight: bold;
    letter-spacing: 1px;
}

.tabFieldDN {
    PADDING-RIGHT: 10px;
    BACKGROUND-POSITION: left bottom;
    BORDER-TOP: #6699CC 1px solid;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 5px;
    FONT: bold 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
    VERTICAL-ALIGN: baseline;
    TEXT-TRANSFORM: none;
    BORDER-LEFT: #6699CC 1px solid;
    COLOR: #002D96;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: 0px solid #6699CC;
    TEXT-ALIGN: center;
    width: 10%;
    height: 26px;
    font-size: 12px;
}

.tabFieldOFF {
    PADDING-RIGHT: 10px;
    BACKGROUND-POSITION: left bottom;
    BORDER-TOP: #6699CC 1px solid;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 5px;
    FONT: bold 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
    VERTICAL-ALIGN: baseline;
    TEXT-TRANSFORM: none;
    BORDER-LEFT: #6699CC 1px solid;
    COLOR: #002D96;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: 1px solid #6699CC;
    TEXT-ALIGN: center;
    background-color: Silver;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#DEDDD8);
    cursor: pointer;
    width: 10%;
    height: 26;
    font-size: 12px;
}

.tabFieldBT {
    BORDER-BOTTOM: 1px solid #6699CC;
}

TD.mainTabOff {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 5px;
    BACKGROUND-POSITION: left bottom;
    BORDER-TOP: #002D96 1px solid;
    BORDER-LEFT: #002D96 1px solid;
    BORDER-RIGHT: #002D96 1px solid;
    FONT: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
    VERTICAL-ALIGN: baseline;
    TEXT-TRANSFORM: none;
    COLOR: #000000;
    PADDING-TOP: 5px;
    TEXT-ALIGN: center;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#DEDDD8);
    cursor: pointer;
    width: 100px;
    height: 25;
}

.mainTabOn {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 5px;
    BACKGROUND-POSITION: left bottom;
    BORDER-TOP: #002D96 1px solid;
    BORDER-LEFT: #002D96 1px solid;
    BORDER-RIGHT: #002D96 1px solid;
    FONT: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
    VERTICAL-ALIGN: baseline;
    TEXT-TRANSFORM: none;
    COLOR: #ffffff;
    PADDING-TOP: 5px;
    TEXT-ALIGN: center;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#5785D4, EndColorStr=#083C98);
    width: 100px;
    height: 25;
}

div.clsTab {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    display: none;
    border-bottom: 1px solid #BBBBAF;
    border-left: 1px solid #BBBBAF;
    border-right: 1px solid #BBBBAF;
    padding: 10px;
}

div.clsL2SubFolder {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    display: none;
    border-top: 1px solid #BBBBAF;
    border-bottom: 1px solid #BBBBAF;
    border-left: 1px solid #BBBBAF;
    border-right: 1px solid #BBBBAF;
    padding: 10px;
}

.TDtabs {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-top: 1px solid #002D96;
    border-bottom: 1px solid #002D96;
    border-left: 1px solid #002D96;
    border-right: 1px solid #002D96;
    padding: 10px;
}

.TDtabsLogin {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-top: 1px solid #BBBBAF;
    border-bottom: 1px solid #BBBBAF;
    border-left: 1px solid #BBBBAF;
    border-right: 1px solid #BBBBAF;
}

.RightNavBarText {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#CBE1FC, EndColorStr=#7FA7E2);
    text-align: right;
    font-family: arimo, arimo, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    cursor: pointer;
}

.LeftNavBarText {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#CBE1FC, EndColorStr=#7FA7E2);
    text-align: left;
    font-family: arimo, arimo, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    cursor: pointer;
}

.L1NavBarOver {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FBE491, EndColorStr=#EF9817);
    text-align: right;
    font-family: arimo, arimo, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    cursor: pointer;
}

.L1NavBarClicked {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FBE491, EndColorStr=#EF9817);
    text-align: right;
    font-family: arimo, arimo, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    cursor: pointer;
}

.L1NavBarOverLTR {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FBE491, EndColorStr=#EF9817);
    font-family: arimo, arimo, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    cursor: pointer;
    text-align: left;
}

.L1NavBarClickedLTR {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FBE491, EndColorStr=#EF9817);
    font-family: arimo, arimo, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    cursor: pointer;
    text-align: left;
}

.LeftNavBarRegular {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#CBE1FC, EndColorStr=#7FA7E2);
    font-weight: bold;
    color: Black;
    cursor: default;
}

.MgrHeader {
    color: #87B477;
    font-family: arimo, arimo, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
}

.Type1Header {
    font-size: 15px;
    font-weight: bold;
    color: #093D98;
    font-family: arimo, arimo, arial, Helvetica, sans-serif;
}

.Type2Header {
    font-size: 17px;
    font-weight: bold;
    color: #002D96;
    font-family: arimo, arimo, arial, Helvetica, sans-serif;
    text-decoration: none;
    border-bottom: solid 1px black;
    direction: rtl;
}

.Type3Header {
    font-size: 12px;
    font-weight: bold;
    color: Black;
    font-family: arimo, arimo, arial, Helvetica, sans-serif;
    text-decoration: none;
    direction: rtl;
}

.Type4Header {
    font-size: 14px;
    font-weight: bold;
    color: White;
    font-family: arimo, arimo, arial, Helvetica, sans-serif;
    text-decoration: none;
    direction: rtl;
}

.unmarked {
}

.marked {
    background-color: #CAC8BC;
    border-width: 1px;
    border-style: Solid;
    border-color: Gray;
}

.titlepickup {
    font-size: 12px;
    font-family: arimo, arimo, Verdana;
    height: 19px;
    border: 1px solid #98AC9D;
    text-align: right;
    background: #C3C2C2;
    border-color: #7b9ebd;
    vertical-align: middle;
    overflow-y: auto;
    overflow-x: hidden;
}

.titlepickupLtr {
    font-size: 12px;
    font-family: arimo, arimo, Verdana;
    height: 19px;
    border: 1px solid #98AC9D;
    background: #C3C2C2;
    border-color: #7b9ebd;
    vertical-align: middle;
    overflow-y: auto;
    overflow-x: hidden;
}

.tree {
    overflow: auto;
    width: 100%;
    height: 100%;
    padding: 5px;
}

iframe.email {
    background-color: #ffffff;
    overflow: auto;
    border: 1px solid #7b9ebd;
}

.sendDocMailInput {
    width: 100%;
    border-radius: 4px;
    box-shadow: none;
    border: solid 1px #a6a8ab;
    height: 30px;
    font-family: arimo, Arimo !important;
    text-indent: 5px;
    font-size: 14px;
}

.urlText {
    font-size: 12px;
    font-family: arimo, arimo, Verdana;
    height: 19px;
    color: Blue;
    cursor: pointer;
    text-decoration: underline;
}

.MainHeaderStrip {
    BORDER-TOP: #003399 1px solid;
    FONT: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
    VERTICAL-ALIGN: baseline;
    COLOR: #ffffff;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#5785D4, EndColorStr=#083C98);
}

.SearchHeaderStrip {
    BORDER-TOP: #003399 1px solid;
    FONT: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
    VERTICAL-ALIGN: baseline;
    COLOR: #ffffff;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#e3efff, EndColorStr=#b0d3ff);
}

.SearchHeaderStripBorder {
    background-color: #002d96;
}

.MainHeaderStripNoTopBorder {
    FONT: bold 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
    VERTICAL-ALIGN: baseline;
    COLOR: #ffffff;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#5785D4, EndColorStr=#083C98);
}

.MainHeaderText {
    font-size: 12px;
    font-family: arimo, arimo, Arial, Helvetica, sans-serif;
    COLOR: #ffffff;
    vertical-align: middle;
    font: bold;
}

.gridmenubar {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#E8EEFF, EndColorStr=#90B9F3);
    font-weight: bold;
    border-bottom: solid 1px #4971AA;
    border-top: solid 1px #81A9E2;
    color: Black;
    cursor: default;
}

.actionbaron {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FBE491, EndColorStr=#EF9817);
    text-align: right;
    font-family: arimo, arimo, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    cursor: pointer;
}

PRE.textarea-print {
    font-size: 14px;
    font-family: Arimo, Arial, Helvetica, sans-serif;
    vertical-align: top;
    white-space: pre-wrap;
    line-height: 20px;
    word-wrap: break-word;
    max-width: 90%;
}

PRE.textarea-special-print {
    font-size: 14px;
    font-family: arimo, arimo, Arial,MS Sans Serif, Geneva, sans-serif;
    vertical-align: top;
    word-wrap: break-word;
}

TD.ReplyHeader {
    font-weight: bold;
    font-size: 12px;
    font-family: arimo, arimo, Arial, Helvetica, sans-serif;
    color: white;
}

.choosfile {
    border-color: Gray;
    border-width: 1px;
    border-style: Solid;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    font-family: arimo, arimo, Verdana;
    height: 19px;
    color: #43413E;
}

.AlertCell {
    padding: 3px;
    border-top: 1px solid #787878;
    border-bottom: 1px solid #787878;
    border-left: 1px solid #787878;
    border-right: 1px solid #787878;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    font-family: arimo, arimo, Arial, Helvetica, sans-serif;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#FF0000 );
}

.view_title {
    font-family: arimo, arimo, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #3a5b7d;
    background: url(/_imgs/bk_title.gif);
    border-top: 1px #81a9e2 solid;
}

.SearchInputBox {
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    font-family: arimo, arimo, Arial, Helvetica, sans-serif;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    */ FONT-SIZE: 14px;
    font-weight: bold;
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none;
}

.relatedrecordlink_on {
    font-family: arimo, arimo, Arial, Helvetica, sans-serif;
    color: var(--main-bg-color);
    FONT-SIZE: 20px;
    cursor: pointer;
    display: inline-block;
    line-height: 22px;
    padding: 4px 14px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 94%;
    border-bottom: 3px solid #ffffff;
    border-top: 5px solid transparent;
}

    .relatedrecordlink_on:hover {
        background-color: #f6f6f7;
        border-bottom: 3px solid var(--main-bg-color);
    }

.relatedrecordlink_on-selected {
    border-bottom: 3px solid var(--main-bg-color);
}

.relatedrecordlink_off {
    font-family: arimo, arimo, Arial, Helvetica, sans-serif;
    color: #000000;
    FONT-SIZE: 13px;
    text-decoration: underline;
    cursor: pointer;
}

.doclink {
    text-decoration: underline;
    color: #1c4ebe;
    width: 100%;
    cursor: pointer;
    vertical-align: middle;
}

.urllink {
    font-size: 14px;
    font-family: arimo, arimo,Arial, Helvetica, sans-serif;
    text-decoration: underline;
    color: #048aba;
    cursor: pointer;
    vertical-align: middle;
    word-break: break-word;
}

.alertdiv {
    border: 1px solid #ffb74c;
    background-color: #ffe6a0;
    color: Black;
    text-align: right;
}

.recentitems_objectname {
    font-family: arimo, arimo, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #808080;
}

.recentitems_objecttitle {
    font-family: arimo, arimo, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #00008B;
}

.abutton {
    background: #DDD666 url(/_imgs/bg-btn.gif) repeat-x 0px 0px;
    border-color: #BBB #BBB #999;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-style: solid;
    border-width: 1px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    color: #333 !important;
    cursor: pointer;
    display: inline-block;
    --font: normal normal normal 12px/15px 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
    margin: 0px;
    overflow: hidden;
    padding: 5px 9px;
    text-shadow: #F0F0F0 0px 1px;
    white-space: nowrap;
}

.layoutbutton {
    color: #7b7b7b;
    background-color: #f3f3f3;
    border-color: #cdcdcd;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    --font: normal normal normal 12px/15px 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
    margin: 0px;
    overflow: hidden;
    padding: 5px 9px;
    text-shadow: #F0F0F0 0px 1px;
    white-space: nowrap;
}


.chartthumb {
    border: solid 1px #cecbce;
    cursor: pointer;
    padding: 2px;
}

.chartthumb_selected {
    border: solid 3px #3959a5;
    cursor: pointer;
    padding: 0px;
}

.backtolist_link {
    cursor: pointer;
    font-family: arimo, arimo, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #808080;
    color: #1c4ebe;
    --height: 25px;
    vertical-align: bottom;
    padding-left: 10px;
    padding-right: 10px;
}


/********* STREAM STYLING *********/


/* None stream stying */
.stream-tab-text {
    text-transform: capitalize;
    height: 18px;
    text-indent: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.post-task-option {
    color: black;
    width: 70px;
    padding: 8px;
    vertical-align: top;
    display: none;
    vertical-align: bottom;
}

.stream-tab {
    width: 76px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
    color: #808184;
    margin: 0 15px;
}

.stream-tab-div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.stream-tab:hover {
    color: #354a68;
    cursor: pointer;
}

div.stream-wrapper {
    height: 100%;
}

div.stream-wrapper-record {
    /*border-right: 1px solid #d7d7d7;*/
}

div.stream-settings {
    display: none;
}

div.stream-wrapper-beforeload {
    width: 100%;
    padding-top: 50px;
    text-align: center;
}

/* General stream styling */
div .stream {
    /*height: 100%;*/
    background-color: #f6f7f8;
}

#stream-w {
    padding-inline-end: 15px;
}

.dialog-content #stream-w {
    padding: 0 15px;
}

.connectedFields input {
    font-size: 14px;
    font-family: Arimo, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.text-area-add-comment {
    border: 0px;
    line-height: 18px;
    padding: 9px;
    overflow: hidden;
    height: 40px;
    color: #354a68;
    letter-spacing: 0.3px;
    font-size: 14px;
}

.stream a {
    font-size: 13px;
    letter-spacing: 0.3px;
    color: #808184;
    font-family: Arimo;
    FONT-WEIGHT: normal;
}

div.stream img {
    border-style: none;
}

div.stream a:link {
    text-decoration: none;
}

div.stream a:visited {
    text-decoration: none;
}

div.stream a:active {
    text-decoration: none;
}

div.stream a:hover {
    text-decoration: underline;
}

div.stream textarea {
    overflow: hidden;
    padding: 10px 7px 2px 7px;
    height: 30px;
    resize: none;
    display: block;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #354a68;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #354a68;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #354a68;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #354a68;
}

input, textarea:focus {
    outline: none;
}

div.stream-side-margin {
    width: 24px;
    height: 100%;
}

div.stream ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div.stream p {
    margin: 0px;
    padding: 0px;
}

.note-menu {
    font-size: 11px;
    letter-spacing: 0.2px;
    color: #a6a8ab;
}

span.note-menu a {
    font-size: 12px;
    letter-spacing: 0.3px;
    color: #354a68;
    margin: 0 10px;
}

/* Create note box */

.create-note-menu {
    height: 60px;
    background-color: #ffffff;
    border: solid 1px #e6e7e8;
}


.create-note tr {
    vertical-align: middle;
}

.create-note td {
    font-size: 14px;
}

    .create-note td[isactive='1'] {
        color: #354a68;
        border-bottom: 3px solid #354a68;
    }

div.create-note {
    width: 100%;
    background-color: #ffffff;
}

    div.create-note fieldset {
        border-style: none;
        margin: 0;
        padding: 0;
    }

    div.create-note textarea {
        padding: 9px;
        text-indent: 0 !important;
        font-size: 14px;
    }

div.create-note-main-menu {
    padding: 3px 0px 10px 0px;
    height: 50px;
    *height: 58px;
    width: 100%;
}

div.create-note-add-menu {
    float: right;
    padding-top: 5px;
}

    div.create-note-add-menu img {
        border-style: none;
    }

span.create-note-add-button {
    cursor: pointer;
}

div.create-note-share-menu {
    float: left;
    margin: 9px;
    line-height: 20px;
}

.savetaskdate-button {
    background: #25ABE2;
    font-size: 15px;
    font-weight: 700;
    color: white;
    box-sizing: border-box;
    height: 28px;
    cursor: pointer;
    border-radius: 3px;
    padding-right: 10px;
    padding-left: 10px !important;
    padding-top: 5px;
    margin-bottom: 10px;
    border: 1px solid #25ABE2;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
}

.save-record-btn-date {
    font-size: 15px;
    font-weight: 700;
    color: var(--main-bg-color);
    box-sizing: border-box;
    height: 28px;
    cursor: pointer;
    border-radius: 4px;
    border: solid 1px #dbdbdb;
    padding-right: 10px;
    padding-left: 10px !important;
    padding-top: 5px;
    margin: 10px 20px;
}

    .save-record-btn-date:hover {
        color: white !important;
        background-color: var(--main-bg-color);
        border: solid 1px var(--main-bg-color);
    }

.cancel-record-btn-date {
    font-size: 15px;
    font-weight: 700;
    color: #a6a8ab;
    box-sizing: border-box;
    height: 28px;
    cursor: pointer;
    border-radius: 3px;
    padding-right: 10px;
    padding-left: 10px !important;
    padding-top: 5px;
    border: solid 1px #dbdbdb;
    float: left;
    margin: 10px 20px;
    font-family: arimo,Arial, Helvetica, sans-serif;
}

.unset-background-btn {
    background: unset;
}

.canceltaskdate-button {
    font-size: 15px;
    font-weight: 700;
    color: #a6a8ab;
    box-sizing: border-box;
    height: 28px;
    cursor: pointer;
    border-radius: 3px;
    padding-right: 10px;
    padding-left: 10px !important;
    padding-top: 5px;
    margin-bottom: 10px;
    border: 1px solid;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

a.create-note-share-button[switch='on'] {
    padding: 4px 15px 4px 15px;
    background: var(--main-bg-color);
    color: white !important;
    border-radius: 4px;
    font-weight: bold;
}

a.create-note-share-button[switch='off'] {
    padding: 4px 15px 4px 15px;
    background: #f9f9f9;
    color: #d0d2d3 !important;
    border-radius: 4px;
    cursor: default;
    font-weight: bold;
}

button.create-note-share-button[switch='on'] {
    padding: 7px 15px;
    background: var(--main-bg-color);
    color: white !important;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    min-width: 61px;
}

button.create-note-share-button[switch='off'] {
    padding: 7px 15px;
    background: #f9f9f9;
    color: #d0d2d3 !important;
    border-radius: 4px;
    cursor: default;
    border: none;
    min-width: 61px;
}

a.create-note-share-button:hover {
    text-decoration: none !important;
}

div.create-note-add-box {
    background-color: #fff;
    border-bottom: solid 1px #e6e7e8;
    border-left: solid 1px #e6e7e8;
    border-right: solid 1px #e6e7e8;
    /*min-height: 47px;*/
}

    div.create-note-add-box input {
        border: none;
        width: 181px;
        font-size: 14px;
    }

    div.create-note-add-box img {
        vertical-align: middle;
    }

div.create-note-add-box-label {
    float: right;
    padding: 5px 3px 0px 3px;
}

    div.create-note-add-box-label span {
        vertical-align: top;
        padding: 0px 3px 0px 3px;
        font-weight: bold;
    }

div.create-note-add-box-close {
    float: left;
    padding: 8px 5px 0px 5px;
    cursor: pointer;
}

div.create-note-add-box-overflowhidden {
    overflow: hidden;
}

div.create-note-choose-file-button {
    margin: -2px 10px 0px 10px;
    background: #87CC8A;
    font-weight: bold;
    padding: 3px 15px 3px 15px;
    color: white !important;
}

/* Note box */

li.note {
    border-bottom: 1px solid #E6E7E8;
    padding: 10px 0px 10px 0px;
    min-height: 50px;
}


li.note[type='email'] {
    border-bottom: none;
    padding: 0px 0px 10px 0px;
    min-height: 50px;
    background-color: white;
}

    li.note[type='conversation'], li.note[type='activity'], li.note[type='activitylog'], li.note[type='task'] {
        margin-bottom: 25px;
        background-color: #fff;
        border: 1px solid #e6e7e8;
        padding: 0px;
        margin-top: 25px;
    }

    li.note[type='task']:not([statuscode='10']) {
        background-color: #fff;
        border: 1px solid #e6e7e8;
        padding: 0px;
        margin-bottom: 0px;
        margin-top: -1px;
    }

.stream-email .msg-from-to {
    font-size: 12px;
    margin: -13px 0 11px 0;
    display: flex;
    flex-direction: column;
    width: fit-content;
}

.email-msgfrom {
    color: #808184;
    margin-bottom: 5px;
    font-size: 12px;
}

.email-msgto {
    color: #a6a8ab;
}

.email-body-container {
    /*overflow: auto;*/
    margin-bottom: 5px;
}

.conv-body-container {
    overflow-y: hidden;
    overflow-x: hidden;
}

.stream-email .email-msgfrom-label {
    margin-left: 2px;
}

.emails_loader {
    margin-inline-start: 371px;
    margin-bottom: -5px;
}

.stream-email.open .msg-from-to {
    margin: 16px 0 22px 0;
}
.stream-email.open .email-msgfrom {
}

.stream-email .from-labels {
}

.stream-email.open .from-labels {
    display: block;
    margin: 10px 0 20px;
}

.stream-email .html-msg-content {
    color: #231f20;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.stream-conv .conv-html-msg-content {
    color: #808184;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.stream-email.open .html-msg-content {
    display: none;
}

.stream-conv.open .conv-html-msg-content {
    display: none;
}

.stream-conv.open .msg-content-open {
    color: #231f20;
    font-size: 12px;
    display: block;
    white-space: normal;
    line-height: 17px;
    padding-top: 19px;
    overflow: visible;
    margin-bottom: 40px;
}

.modified-on-open {
    font-size: 12px;
    color: #a6a8ab;
    margin-top: -31px;
    margin-bottom: -12px !important;
}

.stream-conv.open .conv-msg-content-open {
    color: #231f20;
    font-size: 12px;
    display: block;
    white-space: normal;
    line-height: 17px;
    padding-top: 19px;
    overflow: visible;
    max-height: 511px;
}

.stream-email .msg-content {
    color: #231f20;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-bottom: 4px;
    margin-top:23px;
}

.stream-conv .conv-msg-content {
    color: #231f20;
    font-size: 15px;
    white-space: nowrap;
    display: block;
    padding-bottom: 4px;
}

.stream-email .msg-content-open {
    display: none;
}


.stream-conv .conv-msg-content-open {
    display: none;
}

.stream-email .msg-wrap {
    padding: 33px 34px 4px 17px;
    border-top: 1px solid #e6e7e8;
}

.stream-conv .conv-msg-wrap {
    padding: 0 17px 4px 15px;
}


.stream-email.open .msg-wrap {
    padding: 0 17px 20px;
}

.stream-conv.open .conv-msg-wrap {
    padding: 0 17px 20px;
}

.stream-email .created-on {
    color: #A6A8AB;
    font-size: 12px;
    padding:0 30px 0 17px;
}

.stream-email{
    position: relative;
}
.stream-email div.created-on {
    display: none;
}

    .stream-email.open div.created-on {
        display: inline-block;
        float: left;
        margin: 0;
        padding: 0;
        line-height: 20px;
    }


.stream-email.open td.created-on {

}

.stream-email .name-avatar {
    display: none;
}

.stream-email.open .name-avatar {
    display: inline-block;
    color: #fff;
    background: #F5A623;
    height: 23px;
    width: 23px;
    border-radius: 50%;
    text-align: center;
    line-height: 23px;
    margin-left: 6px;
}

.stream-email .email-subject {
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #231F20;

}

    .stream-email .email-label {
        min-width: 37px;
        font-size: 14px;
        border-radius: 14px;
        text-align: center;
        padding: 4px 8px;
        display: inline-block;
        margin-right: 10px;
        cursor: default;
    }

    .stream-email .sent-label {
        color: #37c998;
        border: 1px solid #37c998;
    }

    .stream-email .inbox-label {
        color: #EFC319;
        border: 1px solid #EFC319;
    }

.stream-email .email-header {
    display: flex;
    padding: 17px 17px 0px 17px;
}
.stream-email .email-labels {
    margin-right: auto;
    text-align: left;
    min-width: max-content;
    min-height: 26px;
}

.stream-email .email-labels.lang-left {
    margin-right: 0;
    margin-left: auto;
}

    .stream-email.open .email-header {
        border-bottom: 1px solid #E6E7E8;
        padding: 17px;
    }
.stream-email.open .email-subject {
    overflow: visible;
    white-space: normal;
}

.email-title {
    font-size: 12px;
}

.email-title > *:nth-child(1) {
    color: #808184;
    margin-bottom: 5px;
}

.email-title > *:nth-child(2) {
    color: #a6a8ab;
}

.conv-props {
    display: flex;
    flex-direction: row-reverse;
    position: sticky;
    padding: 13px 13px 0px 13px;
    margin-bottom: 5px;
}

    .conv-props > *:not(:first-child) {
        margin-inline-end: 15px;
    }


#conv-plus-icon {
    font-size: 18px !important;
    margin-inline-end: 15px;
    color: #a6a8ab !important;
}

#conv-plus-icon:hover {
    cursor: pointer;
    color: #4e4e4f !important;
}

.conv-user-img img {
    height: 18px;
    width: 18px;
    border: 1px solid #808284 !important;
}

.conv-user-img{
    padding:0 !important;
}

.stream-email .conv-container {
    cursor: pointer;
}


.stream-email .email-subject:hover {
    color: var(--main-bg-color);
}

.stream-email .msg-from-to .fa {
    font-size: 12px;
    margin: 0 8px;
}

.stream-email.open .msg-from-to .fa{
    display: none;
}

.note-unread {
    background-color: #fffeec;
}

div.note-user-img {
    margin: 0;
    padding: 9px;
    float: right;
}

.note-feed-div {
    height: 30px;
    margin: 0px !important;
    width: 30px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    border: solid 1px #d7d7d7;
    border-radius: 50%;
    color: #a6a8ab;
}

div.note-feed-img {
    width: 34px;
    height: 32px;
    position: relative;
    top: 50px;
    margin-top: -32px;
}

div.note-feed-img-activitylog {
    width: 34px;
    height: 32px;
    position: relative;
    top: 95px;
    margin-top: -32px;
}


div.note-user-img img {
    height: 30px;
    width: 30px;
}

div.note-main-content {
    *width: 100%;
    padding: 0px;
    margin: 0px 65px 0px 0px;
    position: relative;
}

/* User note box */

.note-user-text {
    margin-right: 0px;
    margin-left: 20px;
    padding-top: 15px;
}

.stream-comment-details {
    margin-top: 10px;
}

.stream-comment-details-rtl {
    margin-top: 10px;
    padding-left: 20px;
}

.stream-comment-details-ltr {
    margin-top: 10px;
    padding-right: 20px;
}


.note-user-text-object-details {
    text-decoration: underline !important;
    cursor: pointer;
}

.note-user-text-username {
    /*display:block;*/
    color: #808184;
    font-weight: normal;
}

.note-user-text-main {
    display: block;
    white-space: pre-wrap;
    word-wrap: break-word;
    width: inherit;
    line-height: 1.4em;
    margin-bottom: 10px;
    margin-top: 8px;
}

    .note-user-text-main pre {
        font-size: 12px;
        font-family: arimo, arimo, Arial, Helvetica, sans-serif;
        padding: 0;
        margin: 0;
        line-height: 1.4em;
    }

.note-user-text-main-file img {
    vertical-align: middle;
    padding: 3px 0px 3px 0px;
}

.note-user-text-main a {
    font-family: Arimo;
    font-size: 12px;
    letter-spacing: 0.3px;
    font-weight: normal !important;
    color: #048aba !important;
}

    .note-user-text-main a:link {
        text-decoration: underline !important;
    }

    .note-user-text-main a:visited {
        text-decoration: underline !important;
    }

    .note-user-text-main a:active {
        text-decoration: underline !important;
    }

    .note-user-text-main a:hover {
        text-decoration: underline !important;
    }

.note-user-text-menu {
    display: block;
    padding-top: 3px;
}

/* All comments box */

div.note-comments {
    margin-top: 10px;
}

i.comments-div-arrow {
    display: block;
    height: 5px;
    *margin-top: -11px;
    z-index: 10; /*Gal: old value: 3000*/
    position: relative;
}

    i.comments-div-arrow img {
        position: absolute;
        bottom: -1px;
        text-align: right;
    }

div.note-comments ul {
    border: 1px solid #e6e7e8;
}

/* Single comment box */

li.note-singel-comment {
    background-color: #fff;
    margin: 0;
    border-bottom: 1px solid #e6e7e8;
    *height: 100%;
    padding-top: 5px;
}

div.note-single-comment-user-img img {
    width: 33px;
    height: 33px;
    margin: 5px;
}

div.note-single-comment-user-img {
    float: right;
}

div.note-single-comment-text {
    position: relative;
    line-height: 1.4em;
    padding: 5px 0px 5px 0px;
    margin: 0px 43px 0px 20px;
    min-height: 33px;
    /* For IE 7,8,9 */
    *height: 43px;
}

.note-single-comment-text-main {
    word-wrap: break-word;
    position: relative;
}


/* Delete note or comment button */

.note-delete {
    position: absolute;
    top: 3px;
    left: -17px;
    cursor: pointer;
}

.note-delete-allnote {
    left: 0px;
}

.note-delete img {
    height: 13px;
    width: 12px;
    border-style: none;
}

/* Group of comments box */

li.note-group-of-comments {
    background-color: #fff;
    margin: 0;
    border-bottom: 1px solid #dee7ef;
    *height: 100%;
    padding: 5px;
    font-size: 13px;
}

    li.note-group-of-comments a {
        font-weight: normal;
    }

/* Hidden Comments */

li.note-hidden-comments {
    margin: 0;
    padding: 0;
    *height: 100%;
    display: none;
}


/* Add new comment box */

li.note-add-comment {
    /*background-color: #eff7ff;
    margin: 0;
    border-bottom: 1px solid #dee7ef;
    border-top: 1px solid white;
    padding: 5px;*/
}

    li.note-add-comment fieldset {
        border-style: none;
        margin: 0;
        padding: 0;
    }




/* Styling in case of dir:ltr */

div.stream-wrapper-record-ltr {
    /*border-left: 1px solid #b5b2b5;
    border-right: none;*/
}

div.note-main-content-ltr {
    margin: 0px 0px 0px 55px;
}

.note-user-text-ltr {
    margin-left: 0px;
    margin-right: 15px;
}

div.note-single-comment-text-ltr {
    margin: 0px 20px 0px 30px;
}

div.note-user-img-ltr {
    float: left;
}

div.note-single-comment-user-img-ltr {
    float: left;
}

.note-delete-ltr {
    right: -17px;
    left: auto;
}

.note-delete-allnote-ltr {
    right: 0px;
    left: auto;
}

div.create-note-add-box-label-ltr {
    float: left;
}

div.create-note-add-menu-ltr {
    float: left;
    text-align: left;
    direction: ltr;
}

div.create-note-share-menu-ltr {
    float: right;
}

div.create-note-add-box-close-ltr {
    float: right;
}

/********* PROFILE STYLING *********/

div.profile {
    height: 100%;
}

div.profile-menu {
    height: 100%;
    float: right;
    width: 200px;
    background: white;
}

div.profile-main-img {
    padding: 32px 20px;
}

    div.profile-main-img img {
        width: 150px;
        height: 150px;
        margin: 0 auto;
        display: block;
    }

.profile-main-img-my-profile {
    cursor: pointer;
}

div.profile-main-details {
    color: #8a8989;
}

div.profile-main-details-title {
    font-weight: bold;
    font-size: 16px;
    padding: 0;
    margin-right: 21px;
    border-bottom: 1px solid #ebebeb;
}


div.profile-main-details ul {
    list-style: none;
    padding: 12px 21px;
    margin: 0;
}

li.profile-main-details-item {
    font-size: 14px;
    padding: 6px 0px;
}

    li.profile-main-details-item a {
        color: #54a7d5;
    }

div.profile-content {
    margin-right: 200px;
    height: 100%;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

div.profile-title {
    height: 70px;
    padding-left: 20px;
    background: white;
}

    div.profile-title a {
        text-decoration: none;
    }

div.profile-title-name {
    font-size: 38px;
    float: right;
    color: #354A68;
}

div.profile-title-edit-button {
    float: left;
    margin: 19px 20px 22px 20px;
    padding: 7px 15px 7px 15px;
    background: #54A7D5;
}

    div.profile-title-edit-button a {
        color: white !important;
    }

div.profile-separator {
    height: 35px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
}

div.profile-stream {
    height: 72%;
}

div.profile-menu-ltr {
    float: left;
}

div.profile-main-details-title-ltr {
    margin-left: 21px;
    margin-right: 0px;
}

div.profile-content-ltr {
    margin-left: 200px;
    margin-right: 0px;
    border-left: 1px solid #e8e8e8;
}

div.profile-title-name-ltr {
    float: left;
}

div.profile-title-edit-button-ltr {
    float: right;
}

.profile-box-background {
    display: none;
    position: fixed;
    *position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: white;
    filter: alpha(opacity=0);
    opacity: 0;
}

.profile-box {
    text-align: right;
    display: none;
    position: absolute;
    top: 60px;
    border: 1px solid #e6e7e8;
    background-color: White;
    z-index: 200;
    width: 352px;
}

.profile-box-ltr {
    left: auto;
    right: 60px;
    text-align: left;
}

/******** NOTIFICATION BOX ********/
cancel-prof-btn {
    color: grey !important;
    font-size: 15px !important;
}

    cancel-prof-btn:hover {
        cursor: pointer;
    }


.notification-box-background, .dailyschedule-box-background {
    display: none;
    position: fixed;
    *position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.notification-box, .dailyschedule-box, .reminder-box {
    text-align: right;
    display: none;
    position: absolute;
    top: 60px;
    border: 1px solid #c2c2c2;
    background-color: White;
    z-index: 200;
    width: 500px;
}

.notification-box-row {
    /*height: 80px;
    max-height: 80px;*/
    width: 500px;
    border-bottom: 1px solid #e6e7e8;
    background-color: #fafafa;
}

.notification-box-row-first {
    width: 500px;
    border-bottom: 1px solid #dddfe7;
    background-color: #eef0f5;
}

.notification-box-row-last {
    background-color: #eef0f5;
}

#todayschedule_btn[show='1'], #tomorrowschedule_btn[show='1'], #thisweekschedule_btn[show='1'], #last20schedule_btn[show='1'] {
    margin: 10px 7px;
    cursor: pointer;
    color: var(--main-bg-color);
}

#todayschedule_btn[show='0'], #tomorrowschedule_btn[show='0'], #thisweekschedule_btn[show='0'], #last20schedule_btn[show='0'] {
    margin: 10px 7px;
    cursor: pointer;
    color: inherit;
}

.dailyschedule-box-subject {
    cursor: pointer;
    color: #354a68;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    margin-bottom: 5px;
}

    .dailyschedule-box-subject:hover {
        text-decoration: underline;
    }

.dailyschedule-box-related {
    cursor: pointer;
    font-size: 15px;
    color: #a6a8ab;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}

    .dailyschedule-box-related:hover {
        text-decoration: underline;
    }

.dailyschedule-box-time {
    font-size: 16px;
    color: #a6a8ab;
    display: block;
    text-align: center;
}

.dailyschedule-box-info {
    margin-right: 13px;
    margin-left: 13px;
    /*width: 340px;*/
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
}

.dailyschedule-box-telephone {
    font-size: 13px;
    color: #a6a8ab;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .dailyschedule-box-telephone span {
        cursor: pointer;
    }

        .dailyschedule-box-telephone span:hover {
            text-decoration: underline;
        }



.dailyschedule-box-arrow {
    padding: 14px;
    position: relative;
    height: 41px;
    padding-right: 0px;
    display: flex;
}

    .dailyschedule-box-arrow:hover .pwl-icon-arrow-left {
        color: #4e4e4f !important;
    }

.dailyschedule-box-arrow-ltr {
    padding-right: 14px;
    padding-left: 0px;
    display: flex;
}

    .dailyschedule-box-arrow-ltr:hover .pwl-icon-arrow-left {
        color: #4e4e4f !important;
    }

.dailyschedule-box-arrow-activated-ltr {
    background-color: #f6f6f7 !important;
    padding-right: 14px;
    padding-left: 24px;
}

.dailyschedule-box-arrow-activated {
    background-color: #f6f6f7 !important;
}

.div-container-arrow-icon {
    display: none;
}

.dailyschedule-box-arrow-activated:hover .div-container-arrow-icon {
    display: flex;
    font-size: 14px;
}


.notification-header {
    position: relative;
    padding: 16px 13px;
    font-size: 16px;
    color: var(--main-bg-color);
    font-family: arimo;
}

.profile-preferences-headline {
    color: var(--main-bg-color);
    line-height: 40px;
    padding: 0px 10px 0 10px;
    border-bottom: 1px solid #e8e8e8;
    font-weight: 500;
    font-size: 16px;
}

.select-notifications:after {
    content: "\e90c";
    font-family: pwl;
    position: relative;
    top: 11px;
    right: unset;
    left: 26px;
    pointer-events: none;
    color: #979797;
    font-size: 10px;
}

.select-notifications-ltr:after {
    content: "\e90c";
    font-family: pwl;
    position: relative;
    top: 11px;
    right: unset;
    left: 26px;
    pointer-events: none;
    color: #979797;
    font-size: 10px;
}

.dailyschedule-header {
    font-size: 16px;
    font-weight: bold;
    color: #8a8989;
    padding: 14px;
    background-color: #fbfafb;
}

.dailyschedule-box-row {
    border-bottom: 1px solid #dddfe7;
    vertical-align: middle;
}

.reminderhandlerbtn {
    font-size: 14px;
    color: #8a8989;
    line-height: 30px;
    background-color: #f3fafd;
    display: block;
    text-align: center;
    cursor: pointer;
}

.notification-item, .dailyschedule-item {
    position: relative;
    padding: 10px;
    background-color: #f5f5f5;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.notification-item-active {
    background-color: #e6e7e8 !important;
    /*color: White !important;*/
}

.notification-item-read {
    background-color: White;
}

.notification-item img {
    padding: 0;
    margin: 0;
}

/*.notification-item-img {
    width: 40px;
    height: 40px;
}*/

.notification-item-img img {
    height: 40px;
    width: 40px;
}

.notification-item p {
    padding: 0;
    margin: 0;
    padding-top: 7px;
}

.notification-text-main {
    overflow: hidden;
    max-height: 30px;
    *height: expression( this.scrollHeight > 30 ? "30px" : "auto" ); /* sets max-height for IE */
    font-size: 13px;
}

.notification-text-main-bold {
    font-weight: bold;
    color: #265ca8;
}

.notification-text-main-italic {
    font-style: italic;
    color: #7A8190;
    overflow: inherit;
}

.notification-text-date {
    color: #a2a9b8;
    font-size: 11px;
}

.notification-text {
    overflow: hidden;
    padding: 0 25px;
    min-width: 366px;
}

.dailyschedule-item-arrow {
    position: absolute;
    top: 28px;
    left: 18px;
}

.notification-item-arrow {
    /*margin-top: 25px;*/
}

.notification-footer {
    position: relative;
    text-align: center;
    padding: 18px 0px 18px 0px;
    font-size: 12px;
    font-weight: bold;
    color: #8a8989;
    cursor: pointer;
}


.notification-item-arrow-ltr, .dailyschedule-item-arrow-ltr {
    left: auto;
    right: 18px;
}

.notification-box-ltr, .dailyschedule-box-ltr, .reminder-box-ltr {
    right: 0px;
    text-align: left;
}

.notifications-page-item-list, .dailyschedules-page-item-list {
    border-top: 1px solid #ebebeb;
    list-style: none;
    margin: 0 10px 10px 0;
    padding: 0;
    width: 56%;
}

    .notifications-page-item-list li, .dailyschedules-page-item-list li {
        border-bottom: 1px solid #ebebeb;
        height: 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.notifications-page-item-listb, .dailyschedules-page-item-list {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
    width: 56%;
}

    .notifications-page-item-listb li, .dailyschedules-page-item-list li {
        height: 42px;
    }

.notifications-page-item, .dailyschedules-page-item {
    font-size: 11px;
    height: 30px;
    cursor: pointer;
}

.notifications-page-separator, .dailyschedules-page-separator {
    background-color: #f6f7f8;
    font-size: 14px;
    color: #8A8989;
    font-weight: bold;
    padding: 6px;
}

.notifications-page-preloader {
    border-bottom: none !important;
    padding: 50px 307px;
}

.notifications-page-no-notifications {
    border-bottom: none !important;
    padding: 50px;
    color: #8A8989;
}

.notification-page-content {
    display: flex;
    align-items: center;
    height: 100%;
}

.notification-page-img {
    float: right;
}

.list-item-line {
    line-height: 40px;
}

.notification-page-img img {
    height: 17px;
    width: 17px;
}

.notification-page-p {
    padding: 7.5px 0px;
    margin: 0;
    overflow: hidden;
    float: right;
}

.notification-page-date {
    padding: 7.5px 8px;
    margin: 0;
    color: #a2a9b8;
    float: right;
}

.notification-page-arrow {
    padding: 7px 20px;
    --*padding:7px 0px;
    float: left;
}

.notification-page-img-ltr {
    float: left;
}

.notification-page-p-ltr {
    float: left;
}

.notification-page-arrow-ltr {
    float: right;
}

.notification-page-date-ltr {
    float: left;
}

/*********** End of notification ************************/

/*********** Change of profile picture ******************/

.change-profile-pic {
    text-align: center;
}

.change-profile-pic-header {
    padding: 20px 0px;
    width: 100%;
    font-size: 14px;
}

.change-profile-pic-current-pic {
    width: 100%;
    text-align: center;
}

    .change-profile-pic-current-pic img {
        max-height: 150px;
        max-width: 150px;
        width: 150px;
        height: 150px;
    }

.change-profile-pic-button-container {
    padding: 20px 0px;
    text-align: center;
    width: 100%;
}

.change-profile-pic-change-button {
    margin: auto;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid rgb(54, 74, 104);
    font-size: 14px;
    width: 140px;
    padding: 8px 0px;
    position: relative;
    overflow: hidden;
    direction: ltr;
}

    .change-profile-pic-change-button:hover {
        cursor: pointer;
    }

.change-profile-menu {
    text-align: left;
    padding: 5px 20px;
}

.RecordDiv {
    position: absolute;
    top: 60px;
    min-height: calc(100vh - 62px);
    /*width: 100%;*/
    min-width: 1024px;
    /*background-color: white;*/
    background-color: #f6f7f8;
    vertical-align: top;
    display: none;
    border: 1pt solid #DFE1E0;
}

.RecordRoundCorners {
    border-collapse: collapse;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    background-color: white;
}

.RecordShadow {
    box-shadow: 0 0 15px #dfe1e0;
}

.underline_link {
    text-decoration: underline;
    cursor: pointer;
}

.recordtitle_link {
    background: white;
    background-color: #f8f8f8;
    background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
    border-color: #c6c6c6;
    border: 1px solid #c6c6c6;
    padding: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}

.streamToPrint {
    display: none;
}

.newpostsafterupdate {
    background-color: #C4FAB0;
    width: 100%;
}

#notesgroupbylist {
    width: 130px;
    background-color: #fff;
    position: absolute;
    box-shadow: 0px 1px 5px -2px;
    font-size: 14px;
    color: #B3B3B3;
    z-index: 10;
}

    #notesgroupbylist li {
        margin-bottom: 6px;
    }

#followerswrapper ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

    #followerswrapper ol li {
        padding-left: 9px;
        padding-right: 9px;
        font-size: 12px;
    }
/* stop the floating after the list */
#followerswrapper br {
    clear: right;
}
/* separate the list from what follows it */
#followerswrapper {
    margin-right: 6px;
    min-height: 35px;
}

.MatrixTable {
    /*margin: 20px 20px 20px 20px;    */
    margin: 20px;
    border-collapse: collapse;
    border: 1px solid #dddddd;
}

.MatrixHeader {
    font-weight: bold;
    background-color: #f0f0f0;
}

.MatrixTrOdd {
    background-color: white;
}

.MatrixTrEven {
    background-color: #f9f9f9;
}

.MatrixSumTr {
    font-weight: bold;
}

.matrixSumTd {
    font-weight: bold;
}

.MatrixTable td {
    min-width: 100px;
    width: 100px;
    font-size: 15px;
}

    .MatrixTable td div {
        width: 130px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.MatrixSumTr td {
    font-weight: bold;
}

.MatrixTable tr {
    height: 38px;
    border: 1px solid #dddddd;
}

@media print {
    #MainHeaderTdContainer {
        display: none;
    }

    #ActionBarContainer {
        display: none !important;
    }

    #notesbarbuttonscontainer {
        display: none;
    }

    #relatedrecords {
        display: none;
    }

    #relatedrecordlinkscontainer {
        display: none;
    }

    #stream-w {
        display: none;
    }

    #RecordFormTdContainer {
        width: 100% !important;
    }

    #StreamTdContainer {
        display: none !important;
    }

    .GridMenuBarTdContainerClass {
        display: none;
        padding-top: 8px;
    }

    RecordDivCon {
        top: 0px;
    }

    .streamToPrint {
        display: block;
    }

    #EditPageLayout {
        display: none;
    }
}

/********************Support Center*********************/
#CommunityMain {
    position: relative;
    width: 100%;
    font-family: arimo, arimo, Arial;
}

    #CommunityMain a {
        text-decoration: none;
        border-bottom: none;
        font-weight: normal;
    }

#titleInput {
    color: #f7783b;
    font-size: 32px;
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0;
    min-width: 400px;
}

#descriptionInput {
    color: #909090;
    font-size: 18px;
    font-weight: normal;
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0;
    min-width: 400px;
}

#CommunityMain #title {
    color: var(--main-bg-color);
    font-size: 32px;
    height: 34px;
}


#CommunityMain #description {
    color: #909090;
    font-size: 18px;
    line-height: 28px;
}


#CommunityMainDiv {
    border: 1px solid #dddddd;
    background-color: #fff;
    width: calc(100% - 260px);
    margin-bottom: 20px;
    overflow-wrap: break-word;
}

    #CommunityMainDiv h4 {
        font-family: arimo, arimo, Arial;
        font-size: 26px;
        color: #434343;
        font-weight: bold;
        text-decoration: none;
        border-bottom: none;
    }

.topicPath {
    color: #2546b2;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    top: 151px;
}

    .topicPath a {
        color: #2546b2;
        font-weight: normal;
    }

    .topicPath div {
        display: inline;
    }

.endPath {
    display: inline;
    font-weight: bold;
    margin-right: 5px;
}

#CommunitySearchDiv {
    width:1000px;
    height: 55px;
    -webkit-border: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    position: relative;
    font-family: arimo, arimo, Arial;
}

    #CommunitySearchDiv input {
        position: absolute;
        margin: 6px;
        width: 892px;
        height: 43px;
        padding: 10px 0px;
        font-size: 20px;
        font-weight: bold;
        text-indent: 5px;
        border-radius: 5px;
        border: 1px solid #9c9c9c;
    }

    #CommunitySearchDiv .searchButton {
        width: 83px;
        background-color: var(--secondary-color);
        line-height: 41px;
        height: 41px;
        -webkit-border: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        margin: 7px;
        color: white;
        text-align: center;
        font-size: 18px;
        font-family: arimo, arimo, Arial;
        cursor: pointer;
    }

    #CommunitySearchDiv #searchKey {
        position: absolute;
        right: 10px;
        top: 18px;
        z-index: 1px;
        font-size: 20px;
        color: #b6b6b6;
    }

.CommunitySubjectDiv {
    margin: 20px;
    border-bottom: 1px solid #dddddd;
    height: 55px;
}

    .CommunitySubjectDiv h4 {
        margin-top: 0px;
    }

/********************Option*********************/

.CommunityoptionsDiv {
    margin: 20px;
    width: 658px;
    padding-bottom: 20px;
    min-height: 200px;
    display: block;
}

.CommunityoptionsDiv:not(:last-child) {
    border-bottom: 1px solid #dddddd;
}

.leftoption {
    width: 50%;
    position: relative;
    float: left;
    /*width: 275px;
position:relative;
top:0px;
bottom:0px;
right:125px;
display:inline-block;
vertical-align: top*/
}

.rightoption {
    width: 50%;
    position: relative;
    float: right;
    /*width:255px;
position:relative;
top:0px;
bottom:0px;
display:inline-block;
vertical-align: top*/
}

#CommunityMainDiv .CommunityoptionsDiv h4 {
    margin-top: 0px;
    padding-top: 0px;
    font-size: 22px;
}

#CommunityMainDiv .CommunityoptionsDiv a {
    text-decoration: none;
    border-bottom: none;
    font-weight: normal;
}

.CommunityoptionsDiv ul {
    padding-right: 20px;
}

.CommunityoptionsDiv li {
    list-style-type: disc;
    font-size: 14px;
    color: #17488d;
}

    .CommunityoptionsDiv li a {
        color: #17488d;
        font-weight: normal;
    }

.Articles {
    display: inline-block;
    font-size: 16px;
    color: #434343;
    width: 200px;
}

.ArticlesNum {
    position: absolute;
    text-indent: 5px;
    display: inline-block;
    width: 100px;
}

.showall {
    width: 66px;
    height: 19px;
    text-align: center;
    background-color: #eeeeee;
    font-size: 12px;
    color: #434343;
}
/*****************************************/

#CommunityMainDiv #p1 p {
    font-size: 13.51px;
    width: 608px;
    color: #434343;
    display: inline;
    position: relative;
    top: 113px;
    right: 20px;
}

#CommunityMainDiv #p2 {
    font-size: 13.51px;
    font-weight: bold;
    color: #434343;
    margin: 0 4px;
}

.CommunityResultDiv {
    position: relative;
    width: 658px;
    margin: 15px;
}

#CommunityMain .CommunityResultDiv a {
    font-size: 18px;
    color: #17488d;
    margin-right: 20px;
    margin-left: 20px;
    position: absolute;
    top: -5px;
    border-bottom: 2px solid #17488d;
    text-decoration: none;
    font-weight: normal;
}

.CommunityResultDiv p {
    font-size: 14px;
    color: #8c8484;
    position: relative;
    margin-right: 35px;
    margin-left: 35px;
    top: 5px;
    margin-top: 6px;
}

.CommunityResultDiv .searchDate {
    font-size: 12px;
    color: Black;
    position: relative;
    margin-right: 35px;
    margin-left: 35px;
    margin-top: 9px;
}

.graphPic {
    position: absolute;
    top: 235px;
    right: 20px;
    height: 380px;
    margin-top: 10px;
}

.graphPic1 {
    position: absolute;
    top: 750px;
    right: 20px;
}

#topicUpdate {
    font-size: 11.58px;
    color: #a19a9a;
    margin-top: 24px;
}

#graphOption {
    position: relative;
    top: 605px;
    right: 20px;
}

.graphTypes {
    position: relative;
    top: 700px;
    right: 20px;
    font-size: 13.51px;
    color: #434343;
    display: inline-block;
    line-height: 150%;
}

    .graphTypes div {
        display: inline;
    }

    .graphTypes .graphTypesdiv {
        margin-right: 27px;
    }

.yellowbg {
    background-color: Yellow;
}

#sidemenu {
    width: 235px;
    text-indent: 17px;
    color: #909090;
}

.sidemenuitem {
    line-height: 43px;
    height: 43px;
    font-size: 18px;
    cursor: pointer;
    color: #909090;
    border-bottom: 1px solid #DDD;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sidemenuitemfirst {
    border-top: 1px solid #DDD;
}

.sidemenuitem a {
    text-decoration: none;
    /*border-bottom:none;*/
    border-top: none;
    color: inherit;
    font-weight: normal;
}

.sidemenuitemlast a {
    text-decoration: none;
    /*border-bottom:none;*/
    border-bottom: 1px solid #DDD;
    border-top: 1px solid #DDD;
    color: inherit;
    font-weight: normal;
}

.selectedsidemenuitem {
    background-color: #f2f2f2;
    color: #01aef0 !important;
    text-decoration: none;
    border-bottom: none;
    color: inherit;
    line-height: 43px;
    height: 43px;
    border-bottom: 1px solid #DDD;
    font-size: 18px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/********************End Of Support Center*********************/
/********************Call Popup Bar*********************/
div#CallPopBar span, div#CallPopBar div, div#CallPopBar h1, div#CallPopBar a {
    display: inline-block;
    color: white;
}

div#CallPopBar {
    background: #354A68;
    position: fixed;
    width: 100%;
    height: 65px;
    bottom: 0;
    font-weight: 100;
    z-index: 99999;
}

.CallPopBartimeAndNumber {
    height: 100%;
    font-family: arimo, arimo, Arial;
    font-size: 18px;
    line-height: 69px;
}

    .CallPopBartimeAndNumber .time {
        font-family: arimo, arimo, Arial;
        font-size: 20px;
        position: relative;
        margin-left: 22px;
        top: 1px;
    }

span.CallPopBarnumber {
    margin-left: 32px;
}

.callFromName {
    height: 100%;
}

.incomingName {
    margin-left: 10px;
}

.incomingPic {
    width: 32px;
    height: 32px;
    margin-left: 11px;
    margin-right: 14px;
    position: relative;
    top: 10px;
}

.ownerName {
    margin-left: 8px;
}

.CallPopBar_text {
    margin-top: 8px;
    font-family: arimo, arimo, Arial;
    font-size: 20px;
    color: white;
}

#scheduledendList li {
    padding: 10px;
    cursor: pointer;
}

    #scheduledendList li:hover {
        background-color: #f6f6f7;
    }

    #scheduledendList li:last-child {
        border-top: 1px solid #e6e7e8;
        border-bottom: 1px solid #e6e7e8;
        cursor: default;
    }

    #scheduledendList li:first-child {
        border-bottom: 1px solid #e6e7e8;
        cursor: default;
        color: var(--main-bg-color);
        font-size: 14px;
        padding: 7px 10px;
    }

    #scheduledendList li:last-child:hover {
        background-color: #fff;
    }

    #scheduledendList li:first-child:hover {
        background-color: #fff;
    }

.scheduledendList-bottom {
    background-color: #f9f9f9;
    height: 48px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
}

.arrow-down-gray {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #808184;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid green;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid blue;
}

.stream .separateBorder {
    border-right: 1px dashed #f9f9f9;
    height: 56px;
    position: absolute;
}

.formCalImg {
    width: 21px;
}

#allpostsUl li[class='note']:first-child .note-feed-img:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 25px;
    background: #f6f7f8;
    left: 11px;
    top: -25px;
}

#allpostsUl li[class='note']:last-child .note-feed-img:after {
    position: absolute;
    content: "";
    width: 15px;
    background: #f6f7f8;
    left: 11px;
    top: 32px;
}

#attendanceClockDiv {
}

#attendanceClockText {
}

    #attendanceClockText.afterClick {
    }

div.ActionsForGrid {
    cursor: pointer;
    z-index: 1002;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(201, 202, 202);
    border-right-color: rgb(201, 202, 202);
    border-bottom-color: rgb(201, 202, 202);
    border-left-color: rgb(201, 202, 202);
    border-image: initial;
    background-color: white;
    width: 200px;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    position: absolute;
}

.actionsforgridcell {
    height: 25px;
    vertical-align: middle;
    line-height: 22px;
    cursor: pointer;
    padding: 5px 20px;
    background-color: rgb(255, 255, 255);
}

    .actionsforgridcell:hover {
        background-color: #f6f6f7;
    }

.btnrefreshgrid {
    height: 25px;
    vertical-align: middle;
    line-height: 22px;
    cursor: pointer;
    padding: 5px 20px;
    background-color: rgb(255, 255, 255);
}

    .btnrefreshgrid:hover {
        background-color: #f6f6f7;
    }

.callPopBar_btn {
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid;
    border-radius: 5px;
    font-size: 14px;
    padding-right: 8px;
    padding-left: 8px;
    line-height: 28px;
    margin: 8px;
}

.callOpen_btn {
    display: none !important;
}

.callCreate_btn {
    display: none !important;
}
/*#allpostsUl:before{
  position: relative;
  content: "";
  width: 15px;
  height: 15px;
  background: #f2f4f5;
  bottom: 0;
  left: 59px;
}

#allpostsUl:after{
      position: relative;
  content: "after";
  width: 15px;
  height: 15px;
  background: #f2f4f5;
  bottom: 0;
  left: 0px;
}*/

.GridMenuBarTdContainerClass .fa.fa-refresh {
    font-size: 14px !important;
    color: #808081;
    padding-left: 10px;
    padding-right: 10px;
}


#RecordFormTdContainer .AppGridCell {
    height: 36px !important;
}

/*#DashboardsList > ul:first-of-type {
    border-top:none !important;
    background-color: blue;
}*/


#DashboardsList .navbarfolder:nth-child(2) {
    border-top: none !important;
}

.connectedFields.ui-sortable .ui-state-default {
    /*padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 5px !important;*/
}

#displayrecordformname.inputBox {
    text-indent: 10px;
}


.searchbar-record-div {
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    text-indent: 5px;
    width: 100%;
}

.smsPlanDiv {
    width: 160px;
    height: 120px;
    border-radius: 5px;
    border: solid 2px #e6e7e8;
    margin: 20px 10px;
    line-height: 1.5;
    text-align: center;
    cursor: pointer;
}

    .smsPlanDiv:hover {
        background-color: #f6f6f7;
    }

.smsSelectedDiv {
    border: solid 2px #25abe2;
}

.disablSmsButton {
    pointer-events: none;
    opacity: 0.4;
}

    .smsDialogPlanDiv {
        width: 160px;
        height: 120px;
        border-radius: 5px;
        border: solid 2px #e6e7e8;
        margin: 0 10px;
        line-height: 1.5;
        text-align: center;
    }

/* internet interfaces  */
.main-container {
    color: #354a68;
    width: 969px;
}

.gray-bg {
    background-color: #f6f6f7;
    height: 100%;
    padding: 27px 24px;
}

.page-title {
    font-size: 20px;
}

.devider {
    width: 720px;
    height: 1px;
    background-color: #e6e7e8;
    margin-bottom: 16px;
}

.description {
    margin: 20px 0;
    width: 707px;
}

.mytoken {
    display: flex;
    flex-direction: row;
    padding-bottom: 15px;
    margin-top: 19px;
}

.getorgid {
    display: flex;
    flex-direction: row;
    padding-bottom: 15px;
    margin-top: 19px;
}

.gray-input {
    width: 540px;
    height: 30px;
    border-radius: 4px;
    background-color: #dbdbdb;
    border: solid 1px #f1f3f7;
    padding: 0 13px;
    color: black;
    margin-left: 31px;
    margin-right: 31px;
}

.purple-gray-btn, .purple-btn {
    line-height: 30px;
    /*width: 70px;*/
    height: 30px;
    border-radius: 4px;
    color: var(--main-bg-color);
    text-align: center;
    cursor: pointer;
    padding: 0 17px;
    display: inline-block;
}

.purple-btn {
    border: solid 1px var(--main-bg-color);
}

    .purple-gray-btn:hover, .purple-btn:hover {
        background-color: #f6f6f7;
    }

.purple-gray-btn {
    border: solid 1px #cacaca;
}

.gray-box-flex {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.RecordDivConNew {
    height: calc(100vh - 62px);
}

.gray-box {
    width: 969px;
    height: 60px;
    background-color: #ffffff;
    border: solid 1px #e6e7e8;
    cursor: pointer;
    padding: 0 15px;
    margin: 10px 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.collapse-box {
    border: solid 1px #e6e7e8;
    border-top: none;
    width: 969px;
    background-color: #fff;
    position: relative;
    top: -10px;
}

.box-content {
    padding: 19px 23px;
    color: #808184;
}

.dialog-title-direction-ltr {
    float: left;
}

.dialog-title-direction-rtl {
    float: left;
}

.flex-1 {
    flex: 1;
}

.inteface-icon {
    width: 52px;
}

.plus-gray {
    font-size: 20px;
    color: #a4a6a9;
}

.yellow {
    color: #eec220;
}

.red {
    color: #f54563;
}

.icon-size {
    font-size: 35px;
    font-weight: bold;
}

.purple {
    color: var(--main-bg-color);
}

.green {
    color: #09aa97;
}

.blue {
    color: #25abe2;
}

.gray {
    color: #a4a6a9;
}

.p1 {
    margin-bottom: 33px;
    max-width: 775px;
    line-height: 24px;
}

.p2 {
    margin-bottom: 15px;
    color: var(--main-bg-color);
    font-size: 16px;
    font-weight: bold;
}

.p3 {
    max-width: 775px;
}

.tablehead {
    background-color: #e3e3e8 !important;
}

    .tablehead th {
        text-align: center;
        font-size: 14px;
        color: #404041;
        font-weight: normal;
        height: 40px;
    }

.usersTable tr {
    text-align: center;
}

.usersheader {
    color: var(--main-bg-color);
    font-size: 16px;
    font-weight: bold;
    padding: 20px 19px;
}

.usersTable {
    width: 100%;
}

    .usersTable tr:nth-child(odd) {
        background-color: #f6f6f7;
    }

    .usersTable td {
        height: 30px;
        font-size: 12px;
        color: #231f20;
    }

.zapierTable {
    width: 100%;
    table-layout: fixed;
}

.zapiertablehead {
    background-color: #e3e3e8 !important;
}

    .zapiertablehead th {
        text-align: center;
        font-size: 14px;
        color: #404041;
        font-weight: normal;
        height: 30px;
        width: 12.5%;
    }

.zapierTable td {
    overflow: hidden;
    font-size: 12px;
    color: black;
    height: 40px;
    text-align: center;
}

.dataRow {
    border-bottom: 1px solid #e6e7e8;
}

.spacearroundbtn {
    /*width: 231px;*/
    margin-top: 9px;
    /*margin-bottom:31px;*/
}

.t1 {
    font-size: 16px;
    padding-bottom: 10px;
}

.span-line-height {
    line-height: 30px;
    width: calc(100% - 25px);
    display: inline-flex;
}

.duplicate-record-table {
    font-size: 15px;
    margin-top: 10px;
    padding: 8px 14px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #efe8f4;
    border: 1px solid #efe8f4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #404041;
}

.custominput {
    border-radius: 4px;
    height: 30px !important;
    width: 100%;
    background-color: #ffffff !important;
}

.text-input {
    width: 25%;
}

.input-text {
    width: 75%;
}

.flex-center {
    align-items: center;
}

.f16 {
    font-size: 16px;
}

.sipSettingsTable {
    width: 100%;
    border: solid 1px #e6e7e8;
    margin-top: 14px;
    margin-bottom: 20px;
}

    .sipSettingsTable td {
        overflow: hidden;
        font-size: 16px;
        color: black;
        height: 40px;
        text-align: right;
        padding: 0 15px;
    }

    .sipSettingsTable th {
        text-align: right;
        font-size: 14px;
        color: #404041;
        font-weight: normal;
        height: 30px;
        width: 12.5%;
        padding: 0 15px;
    }

.black-text {
    color: #404041;
}

.text-input-container {
    padding-top: 10px;
    padding-bottom: 43px;
}

.btn-parent {
    display: flex;
    justify-content: flex-end;
}

.countinue-reading a, .countinue-reading a:hover {
    text-decoration: none;
    color: #808184;
    font-weight: bold;
}

.fa-lock-pwl {
    cursor: pointer;
    font-size: 12px !important;
    color: #048aba;
    margin: 0 10px;
}

.circle {
    width: 7px;
    height: 7px;
    background: red;
    border-radius: 50%;
    display: inline-block;
    margin: 0 2px;
}

.form-editor-buttons {
    width: 70px;
    height: 25px;
    border-radius: 4px;
    font-size: 14px;
    background-color: #ffffff;
    border: solid 1px #dbdbdb;
    color: #a6a8ab;
    justify-content: center;
    text-align: center;
    display: flex;
    cursor: pointer;
}
.form-editor-delete-button {
    min-width: 50px;
    height: 25px;
    border-radius: 4px;
    font-size: 14px;
    background-color: #ffffff;
    border: solid 1px #a6a8ab;
    color: #a6a8ab;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    padding: 0 10px;
    display: inline-flex;
}
.parameter-title-div {
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid var(--main-bg-color);
    padding: 6px 4px;
    flex: 1;
    text-align: start;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--main-bg-color);
}
.parameter-display-option {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-inline-start: 7px;
    background-color: white;
}
.parameter-display-option:hover{
        background-color: #f5f5f5;
}
.parameter-editor-button {
    min-width: 50px;
    background-color: #f5f5f5;
    font-size: 14px;
    background-color: #ffffff;
    justify-content: center;
    text-align: center;
    padding: 0 10px;
}
.form-editor-save-button {
    min-width: 50px;
    height: 25px;
    border-radius: 4px;
    font-size: 14px;
    background-color: #ffffff;
    border: solid 1px var(--secondary-color);
    color: var(--secondary-color);
    justify-content: center;
    text-align: center;
    cursor: pointer;
    padding: 0 10px;
    display: inline-flex;
}

    .form-editor-save-button:hover {
        background-color: var(--secondary-color);
        color: white;
    }

#recordFormDiv .record-container-div {
    background-color: white;
    margin: 0;
    border: none;
}

#recordFormDiv .record-section-edit-div {
    display: none !important;
}

.dialog-div .related-table-tr {
    display: none !important;
}

#recordFormDiv #tblFormContainer #taskFirstTr {
    display: none !important;
}

#recordFormDiv #tblFormContainer .related-bar-tr {
    display: none !important;
}

#recordFormDiv #StreamTdContainer #stream-w {
    margin-top: 10px;
}

.section-container {
    display: flex;
    align-items: center;
    line-height: 20px;
    margin: 10px 0
}

.view-designer-header {
    color: var(--main-bg-color);
    margin-bottom: 10px;
    text-transform: capitalize;
}

.view-desidner-is-default {
    display: flex;
    margin-top: 15px;
}

.edit-view-fields-table-header {
    height: 30px;
    background-color: #f1f3f7;
    color: #231f20;
    font-size: 15px;
    font-weight: bold;
    padding: 7px 10px;
}

tr.imports-history-header-tr td {
    border-bottom: 1px solid #E6E7E8;
    border-left: 1px solid #E6E7E8;
    border-right: 1px solid #E6E7E8;
    color: #404041;
}

tr.imports-history-tr td {
    border-bottom: 1px solid #E6E7E8;
}

.imports-history-table {
    border: 1px solid #E6E7E8;
    border-collapse: collapse;
}

    .imports-history-table td {
        padding: 0 20px;
        font-size: 14px;
    }

.imports-history-header-tr {
    height: 40px;
    background-color: #F6F6F7;
}

.imports-history-tr {
    height: 50px;
}

.imports-history-file-name-td {
    width: 200px;
    max-width: 200px;
    color: var(--main-bg-color);
}

.imports-history-td {
    width: 110px;
    max-width: 110px;
    color: #808184;
}

.imports-history-result-td {
    width: 300px;
    max-width: 300px;
}

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

.cell-label.ellipsis {
    display: inline-block
}

.process-yellow {
    color: #EFC319;
}

.fail-red {
    color: #F74563;
}

.success-green {
    color: #09AA97;
}

.imports-history-result-td-span {
    display: inline-block;
    margin-top: 5px !important;
    color: #404041;
}

.start-import-btn {
    font-family: arimo;
    font-size: 16px;
    font-weight: 700;
    color: var(--main-bg-color);
    box-sizing: border-box;
    height: 30px;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid var(--main-bg-color);
    margin: 0 !important;
    font-size: 16px;
    width: 100px;
    padding: 0 !important;
}

    .start-import-btn:hover {
        color: white;
        background-color: var(--main-bg-color);
        border: solid 1px var(--main-bg-color);
    }

#divForDialog {
    padding: 0 10px;
}

.fast-search-result-line {
    height: 30px;
    vertical-align: middle;
    line-height: 22px;
    font-size: 14px;
    border-top: 1px solid #e6e7e8;
    cursor: pointer;
}

    .fast-search-result-line:hover {
        background-color: #F6F6F7;
    }

.fast-search-result-header {
    height: 36px;
    background-color: #E6E6E4;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #354A68;
    font-size: 16px;
    border-top: 1px solid #e6e7e8;
}

    .fast-search-result-header:hover .quick-search-btn {
        display: flex;
    }

    .fast-search-result-header td {
        border-top: 1px solid #e6e7e8;
    }

.fast-search-result-line td {
    border-top: 1px solid #e6e7e8;
}

.sections-headers-container {
    height: 40px;
    border-bottom: 1px solid #e6e7e8;
}

.section-header-div-RTL {
    color: #808184;
    font-size: 14px;
    font-family: Arimo, Arial, Helvetica, sans-serif;
    padding-bottom: 3px;
    cursor: pointer;
    margin-left: 40px;
}

.section-header-div-LTR {
    color: #808184;
    font-size: 14px;
    font-family: Arimo, Arial, Helvetica, sans-serif;
    padding-bottom: 3px;
    cursor: pointer;
    margin-right: 40px;
}

.section-header-div-selected {
    color: var(--main-bg-color);
    border-bottom: 3px solid var(--main-bg-color);
    padding-bottom: 0;
}

.section-header-div:hover {
    color: var(--main-bg-color);
}

.section-header-span {
}

.new-dialog-div {
    position: absolute;
    z-index: 2000;
}

.new-dialog-title {
    background-color: #F1F3F7;
    font-size: 20px;
    color: var(--main-bg-color);
    padding: 13px 20px;
}

.new-dialog-title-close {
}

.new-dialog-content {
}

.new-content-div-footer {
}

.new-pl-save-button {
    padding: 3px 20px;
    border: 1px solid var(--main-bg-color);
    border-radius: 4px;
    color: var(--main-bg-color);
    font-size: 14px;
    cursor: pointer;
}

    .new-pl-save-button:hover {
        background-color: var(--main-bg-color);
        color: #FFFFFF;
    }

.new-pl-cancel-button {
    padding: 3px 20px;
    margin: 10px;
    border: 1px solid rgba(166, 168, 171,0);
    border-radius: 4px;
    color: #A6A8AB;
    font-size: 14px;
    cursor: pointer;
}

    .new-pl-cancel-button:hover {
        border: 1px solid var(--main-bg-color);
        color: var(--main-bg-color);
    }

/*.select-div {
    border: 1px solid #CACACA;
    border-radius: 4px;
    padding: 6px 10px;
    cursor: pointer;
    position: relative;
}*/

.select-div-content {
    color: #231F20;
    font-size: 14px;
}

.dropdown-menu-pl {
    position: absolute;
    z-index: 1005;
    display: block;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: solid 1px #e6e7e8;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 0;
    margin: 0;
}
.dropdown-menu-pl-conv {
    position: absolute;
    z-index: 1005;
    display: block;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: solid 1px #e6e7e8;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 0;
    margin: 0;
}
.dropdown-menu-item-pl {
    cursor: pointer;
    padding: 7px 20px;
    border-bottom: solid 1px #e6e7e8;
}

    .dropdown-menu-item-pl:hover {
        background-color: #e6e7e8;
    }

.register-notify-container-heb {
    padding: 185px 0 0;
    direction: rtl;
}

.register-notify-container-eng {
    padding: 185px 0 0;
    direction: ltr;
}

.welcome-container {
    padding: 80px 0 0;
}

.register-notify-image {
    margin-bottom: 70px;
}

.register-notify-big-title {
    color: #404041;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 40px;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.register-notify-small-title {
    color: #404041;
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px;
    padding: 0 20px;
}

.welcome-small-title {
    color: #404041;
    font-size: 30px;
    margin-bottom: 25px;
    direction: rtl;
}

.welcome-big-title {
    color: #404041;
    font-size: 40px;
    margin-bottom: 50px;
    text-align: center;
    direction: rtl;
}

.welcome-category {
    border: 2px solid #E6E7E8;
    border-radius: 4px;
    margin: 0 25px 40px;
    width: 256px;
    height: 120px;
    padding: 0 20px;
    min-width: 256px;
    cursor: pointer;
}

    .welcome-category:hover {
        border: 2px solid var(--main-bg-color);
    }

.welcome-category-active {
    border: 2px solid var(--main-bg-color);
}

.welcome-category-title {
    color: #354A68;
    font-size: 25px;
}

.welcome-categories-container {
    padding: 0 15%;
}

.welcome-button {
    background-color: var(--main-bg-color);
    color: #FFFFFF;
    border-radius: 25px;
    font-size: 20px;
    padding: 6px 0;
    margin-bottom: 30px;
    cursor: pointer;
    width: 200px;
    text-align: center;
}

.profile-api-header {
    background: #e8e8e8;
    padding: 5px 15px;
    line-height: 25px;
    font-size: 16px;
}

.profile-api-icon {
    height: 25px;
    width: 25px;
    vertical-align: middle;
}

.profile-api-cont {
    width: 40%;
    background: white;
    border: 1px solid #e8e8e8;
    margin: 15px;
    font-family: Arimo, Arial, Helvetica, sans-serif;
    height: 183px;
    min-width: 660px;
}

.profile-api-qicon-RTL {
    float: left;
    padding-top: 4px;
}

.profile-api-qicon-LTR {
    float: right;
    padding-top: 4px;
}

.profile-api-content {
    padding: 5px 10px;
}

.profile-api-space {
    margin: 5px 0 25px 0;
}

.profile-api-elmsp {
    margin: 0 5px;
}

.regular-checkbox {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 7px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

    .regular-checkbox:active, .regular-checkbox:checked:active {
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
    }

    .regular-checkbox:checked {
        background-color: var(--main-bg-color);
        border: 1px solid var(--main-bg-color);
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
        color: white;
    }

        .regular-checkbox:checked:after {
            content: '\2714';
            font-size: 13px;
            position: absolute;
            top: -2px;
            left: 2px;
            color: white;
        }


.cal-td-background {
    background: white;
}

    .cal-td-background:hover {
        background: #A6A8A9;
        border-radius: 50%;
    }

.image-spacing-add-widget {
    margin: 10px 0;
}

.dialog-sub-headline {
    text-align: right;
    font-size: 14px;
    font-family: arimo, Arial, Helvetica, sans-serif;
    color: var(--main-bg-color);
}

.edit-form-layout-table-el:hover {
    background-color: #F1F3F7;
}

.cancel-img-btn {
    width: 70px;
    height: 25px;
    border-radius: 4px;
    font-size: 14px;
    background: transparent;
    cursor: pointer;
    justify-content: center;
    text-align: center;
    display: flex;
    color: #a6a8ab;
    border: solid 1px transparent;
}

    .cancel-img-btn:hover {
        border: solid 1px #dbdbdb !important;
    }

.save-img-btn {
    width: 70px;
    height: 25px;
    border-radius: 4px;
    border: solid 1px var(--main-bg-color);
    background: transparent;
    color: var(--main-bg-color);
    font-size: 14px;
    justify-content: center;
    text-align: center;
    display: flex;
    cursor: pointer;
}

    .save-img-btn:hover {
        color: white !important;
        background-color: var(--main-bg-color)
    }

/* Next version of checkbox*/
.pl-checkbox {
    position: relative;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: solid 1px #a6a8ab;
    background-color: #ffffff;
}

    .pl-checkbox:active, .pl-checkbox:checked:active {
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
    }

    .pl-checkbox:checked {
        border: 1px solid #adb8c0;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
        color: #99a1a7;
    }

    .pl-checkbox:disabled {
        background-color: lightgrey;
    }

        .pl-checkbox:checked:after {
            content: '\2714';
            font-size: 14px;
            position: absolute;
            top: -3px;
            left: 2px;
            color: black;
            width: 11px;
            height: 8px;
        }
/******/

#invoicelogopic {
    max-width: 80%;
}

.accounting-page-btn {
    font-size: 14px;
    color: var(--main-bg-color);
    box-sizing: border-box;
    height: 28px;
    cursor: pointer;
    border-radius: 4px;
    border: solid 1px #dbdbdb;
    padding-right: 10px;
    padding-left: 10px !important;
    padding-top: 5px;
}



    .accounting-page-btn:hover {
        color: white !important;
        background-color: var(--main-bg-color);
        border: solid 1px var(--main-bg-color);
    }

.bk-div:last-child {
    z-index: 1001;
}

.crmuseridcheckbox {
    position: relative;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: solid 1px #a6a8ab;
    background-color: #ffffff;
}

    .crmuseridcheckbox:active, .crmuseridcheckbox:checked:active {
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
    }

    .crmuseridcheckbox:checked {
        border: 1px solid #adb8c0;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
        color: #99a1a7;
    }

        .crmuseridcheckbox:checked:after {
            content: '\2714';
            font-size: 14px;
            position: absolute;
            top: -3px;
            left: 2px;
            color: black;
            width: 11px;
            height: 8px;
        }

.ui--editor-cell-readonly {
    font-size: 12px !important;
    color: #048ABA;
}

.ui--editor-cell-required {
    color: #F74563;
    font-size: 7px !important;
}

.quick-search-btn {
    display: none;
    width: 70px;
    height: 25px;
    border-radius: 4px;
    font-size: 14px;
    background: inherit;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #354A68;
    border: 1px solid #E6E6E4;
    font-family: arimo,Arial, Helvetica, sans-serif;
}

    .quick-search-btn:hover {
        border: solid 1px #354A68 !important;
    }


.msg-dialog-div-container {
    width: 600px;
    top: 150px;
    display: block;
}


.msg-dialog-title-container {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: start;
    padding-right: 15px;
    padding-left: 15px;
}

.msg-dialog-content-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
}

.msg-dialog-close-x {
    text-decoration-line: none;
    width: 25px;
    height: 25px;
    justify-content: center;
    display: flex;
    align-items: center;
}

.msg-dialog-content-headline {
    width: 220px;
    color: #404041;
    font-family: Arimo;
    font-size: 25px;
    font-weight: bold;
}

.msg-dialog-content-text {
    width: 220px;
    margin-top: 13px;
    color: #404041;
    font-family: Arimo;
    font-size: 14px;
    margin-top: 15px;
}

.msg-dialog-button-container {
    margin-top: 15px;
    width: 220px;
}


.msg-dialog-pricing-link {
    color: #808184;
    font-family: Arimo;
    font-size: 12px;
    margin: 0 10px;
}

.upgrade-license-button {
    display: inline-flex;
    min-width: 70px;
    height: 25px;
    padding: 0 10px;
    justify-content: center;
    align-items: center;
    background: inherit;
    border-radius: 4px;
    border: solid 1px var(--main-bg-color);
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    color: var(--main-bg-color);
    font-family: arimo,Arial, Helvetica, sans-serif;
    cursor: pointer;
}

    .upgrade-license-button:hover {
        color: white !important;
        background-color: var(--main-bg-color) !important;
    }

.ownerPic {
    height: 24px;
    width: 24px;
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 10px;
}

.ownerName {
    font-size: 20px;
    vertical-align: middle;
}


.add-new-event-options-header {
    font-size: 16px;
    color: #404041;
    margin-bottom: 25px;
}

.add-new-event-options {
    width: 50%;
    padding-top: 50px;
}

.add-event-content-div {
    padding: 25px;
}

.fc-month-button {
    font-size: 14px;
    color: #A6A8AB;
}

.fc-agendaWeek-button {
    font-size: 14px;
    color: #A6A8AB;
}

.fc-agendaDay-button {
    font-size: 14px;
    color: #A6A8AB;
}

.fc-list-button {
    font-size: 14px;
    color: #A6A8AB;
}

/*.fc-myCustomButton-button:before {
    font-family: 'pwl';
    content: "\e909";
    color: #A6A8AB;
}*/

.fc-button-group {
    margin: 0 15px !important;
}

.fc-state-active {
    color: var(--main-bg-color);
}

.fc-button:focus {
    border: none;
    outline: 0;
}

.fc-button {
    background: #ffffff;
    border: none;
    box-shadow: none;
    font-size: 14px !important;
}

.fc-toolbar.fc-header-toolbar {
    margin: 0;
    padding: 5px 0;
}

.fc {
    display: block !important;
}

.fc-row tr {
    height: 30px;
    line-height: 30px;
}

.fc-head {
    background-color: #F6F6F7;
}

.fc-event {
    font-size: 13px !important;
    border-radius: 0;
    border-width: 2px;
}

.bubble_buttons {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 25px;
}

.fc-content-RTL {
    text-align: right;
}

.fc-content-LTR {
    text-align: left;
}

.fc-toolbar h2 {
    color: #354A68;
}

#CalendarSettingsDiv {
    width: 550px;
    background-color: white;
    border: 1px solid #B3B3B3;
    position: absolute;
    top: 169px;
    left: 20px;
    z-index: 1000;
    direction: rtl;
}

.content-div-footer-cal {
    background-color: #f1f3f7;
    border-top: 2px solid #E6E7E8;
    display: flex;
    padding: 10px;
    line-height: 25px;
}

#CalendarSettingsTop-RTL div {
    font-size: 18px;
    color: var(--main-bg-color);
    line-height: 39px;
    margin: 0px 13px;
    float: left;
}

#CalendarSettingsTop-LTR div {
    font-size: 18px;
    color: var(--main-bg-color);
    line-height: 39px;
    margin: 0px 13px;
    float: right;
}

/*#CalendarSettingsTop img {
    float: <%=If(CrmUser.LtR, "right", "left")%>;
    margin: 12px 13px 0px;
    cursor: pointer;
}*/

#CalendarSettingsBottom {
}

#CalendarSettings-RTL {
    margin: 10px 15px 10px 25px;
    direction: rtl;
}

#CalendarSettings-LTR {
    margin: 10px 15px 10px 25px;
    direction: ltr;
}

    #CalendarSettings-RTL tr {
        height: 40px;
    }

    #CalendarSettings-LTR tr {
        height: 40px;
    }

    #CalendarSettings-RTL td.first {
        width: 30%;
    }

    #CalendarSettings-LTR td.first {
        width: 30%;
    }

    #CalendarSettings-RTL td.second {
        width: 20%;
    }

    #CalendarSettings-LTR td.second {
        width: 20%;
    }

    #CalendarSettings-RTL td.space {
        width: 10%;
    }

    #CalendarSettings-LTR td.space {
        width: 10%;
    }

    #CalendarSettings-RTL td.third {
        width: 20%;
    }

    #CalendarSettings-LTR td.third {
        width: 20%;
    }

    #CalendarSettings-RTL td.fourth {
        width: 20%;
    }

    #CalendarSettings-LTR td.fourth {
        width: 20%;
    }

    #CalendarSettings-RTL td > input {
        width: 70%;
    }

    #CalendarSettings-LTR td > input {
        width: 70%;
    }

    #CalendarSettings-RTL td > select {
        width: 100%;
    }

    #CalendarSettings-LTR td > select {
        width: 100%;
    }

.calendar-header-object-name-RTL {
    width: 20%;
    color: #354A68;
    font-family: Arimo;
    font-size: 18px;
    direction: rtl;
}

.calendar-header-object-name-LTR {
    width: 20%;
    color: #354A68;
    font-family: Arimo;
    font-size: 18px;
    direction: ltr;
}

.calendar-header-task-activity-picker-RTL {
    direction: rtl;
}

.calendar-header-task-activity-picker-LTR {
    direction: ltr;
}

.calendar-header-task-activity-buttons {
    width: 20%;
}

.calendar-button {
    height: 25px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    justify-content: center;
    text-align: center;
    display: flex;
    color: var(--secondary-color);
    border: solid 1px var(--secondary-color);
    padding: 0 5px;
    margin-right: 10px;
    min-width: 60px;
    align-items: center !important;
}

    .calendar-button:hover {
        color: #ffffff;
        background-color: var(--secondary-color);
        border: solid 1px var(--secondary-color);
    }

.stream-load-more {
    display: flex;
    justify-content: center;
    margin: 20px;
}

.stream-load-more-btn {
    cursor: pointer;
    border: #a6a8ab 1px solid;
    background-color: transparent;
    border-radius: 4px;
    font-size: 14px;
    padding: 3px 14px;
    transition: all 0.2s;
    color: #a6a8ab;
}

    .stream-load-more-btn:hover {
        border: #a6a8ab 1px solid;
        background-color: #a6a8ab;
        border-radius: 4px;
        font-size: 14px;
        padding: 3px 14px;
        color: #f6f7f8;
    }

    .stream-load-more-btn:focus {
        outline: none;
    }

.widget-error {
    color: #676767;
    font-size: 18px;
    text-align: center;
}
:root {
    --main-bg-color: rgb(68, 122, 239);
    --secondary-color: rgb(55,201,152);
}

#errormsg {
    padding-bottom: 5px;
    color: red;
    text-align: end;
}

/* E-sig*/


.esignature-request-dialog .text-input-container-email, .esignature-request-dialog .text-input-container-sms {
    padding-bottom: 20px;
    margin-inline-start: 25px;
}

.esignature-request-dialog .select-field-label::after {
    content: '\2022';
    padding: 0 8px;
    color: red;
    position: relative;
}

.esignature-request-dialog .select-field-label-container {
    margin-bottom: 5px;
}

.esignature-request-dialog .template-select-field > select {
    width: 100%;
}

.esignature-request-dialog .template-select-field {
    width: 100%;
}

.esignature-request-dialog .template-select-field-container {
    padding-top: 20px;
}


.esignature-request-dialog .radio-row-input-container-email {
    display: flex;
}

.esignature-request-dialog .radio-row-container-sms {
    display: flex;
}

.esignature-request-dialog .radio-row-container-sign {
    display: flex
}


.esignature-request-dialog .e-sig-spacer {
    margin: 20px 0;
    height: 1px;
    background-color: #e6e7e8;
}

.esignature-request-dialog #sms-input {
    display: none;
}

.esignature-request-dialog #email-input, .esignature-request-dialog #sms-input {
    height: 30px;
    font-size: 14px;
    border-radius: 4px;
    border: solid 1px #a6a8ab;
    padding-inline-start: 5px;
    width: 100%;
}

.esignature-request-dialog .radio-input-label, .esignature-request-dialog .select-field-label, .esignature-request-dialog .select-field-label-container {
    font-family: Arimo;
    font-size: 14px;
    color: #808184;
    margin-bottom: 5px;
}

.esignature-request-dialog #template-select-field {
    height: 30px;
    border-radius: 4px;
    border: solid 1px #a6a8ab;
}

.esignature-request-dialog .esignature-action {
    cursor: pointer;
    width: 61px;
    height: 26px;
    border-radius: 4px;
    background-color: #37c998;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arimo;
    font-size: 14px;
}

/*input[name="esignature"] {
    width: 14px;
    height: 14px;
    border: solid 1px #a6a8ab;
}

    input[name="esignature"]:checked + label:before {
        border: solid 1px #37c998;
        background-color: #37c998;
    }*/

.esignature-request-dialog [type="radio"]:checked,
.esignature-request-dialog [type="radio"]:not(:checked) {
    display: none;
}

    .esignature-request-dialog [type="radio"]:checked + label {
        position: relative;
        padding-inline-start: 25px;
        cursor: pointer;
        display: inline-block;
    }

    .esignature-request-dialog [type="radio"]:not(:checked) + label {
        position: relative;
        padding-inline-start: 25px;
        cursor: pointer;
        display: inline-block;
    }

    .esignature-request-dialog [type="radio"]:not(:checked).right-esig + label:before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 14px;
        height: 14px;
        border: 1px solid #A6A8AB;
        border-radius: 100%;
        background: #fff;
    }

    .esignature-request-dialog [type="radio"]:not(:checked).left-esig + label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 14px;
        height: 14px;
        border: 1px solid #A6A8AB;
        border-radius: 100%;
        background: #fff;
    }

    .esignature-request-dialog [type="radio"]:checked.right-esig + label:before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 14px;
        height: 14px;
        border: 1px solid #37c998;
        border-radius: 100%;
        background: #fff;
    }

    .esignature-request-dialog [type="radio"]:checked.right-esig + label:after,
    .esignature-request-dialog [type="radio"]:not(:checked).right-esig + label:after {
        content: '';
        width: 8px;
        height: 8px;
        background: #37c998;
        position: absolute;
        top: 4px;
        right: 4px;
        border-radius: 100%;
    }

    .esignature-request-dialog [type="radio"]:checked.left-esig + label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 14px;
        height: 14px;
        border: 1px solid #37c998;
        border-radius: 100%;
        background: #fff;
    }

    .esignature-request-dialog [type="radio"]:checked.left-esig + label:after,
    .esignature-request-dialog [type="radio"]:not(:checked).left-esig + label:after {
        content: '';
        width: 8px;
        height: 8px;
        background: #37c998;
        position: absolute;
        top: 4px;
        left: 4px;
        border-radius: 100%;
    }

    .esignature-request-dialog [type="radio"]:not(:checked) + label:after {
        opacity: 0;
    }

    .esignature-request-dialog [type="radio"]:checked + label:after {
        opacity: 1;
    }

.esignature-request-dialog .print-template-error, .esignature-request-dialog .esig-sms-error, .esignature-request-dialog .esig-email-error {
    font-size: 12px;
    color: red;
}

/*END of esig */
    

#transerror {
    margin-bottom: 16px;
    display: flex;
    flex-flow: column;
}

.email-msgfrom-container .pwl-icon-copy{
    display: none;
}

.email-msgfrom-container:hover .pwl-icon-copy {
    display: block;
}