/*@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');*/

@font-face {
    font-family: 'Wingdings 2';
    src: url('/fonts/wingdings2.ttf') format('truetype');
}

@font-face {
    font-family: 'Wingdings 3';
    src: url('/fonts/wingdings3.ttf') format('truetype');
}

@font-face {
    font-family: 'Noto Sans Symbols';
    src: url('/fonts/NotoSansSymbols-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Symbola';
    src: url('/fonts/Symbola.ttf') format('truetype');
}

body {
    margin: 0;
    overflow: hidden;
    background-color: lightgrey;
    font-family: 'Segoe UI Symbol', 'Segoe UI', 'Arial', sans-serif;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;    
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.side-nav {
    position: absolute;
    width: 152px;
    top: 44px;
    bottom: 0;
    background-color: #055494;
}

    .side-nav .ms-Nav-linkText {
        margin-right: 0px;
    }

.content {
    position: absolute;
    top: 44px;
    left: 152px;
    right: 0;
    bottom: 0;
    display: -webkit-inline-box;
    overflow: auto;
    overflow-y: hidden;
    background-color: lightgrey;
}

.content-phone {
    /*background-color: #eff6fc;*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-inline-box;
    overflow: hidden;
}

.phone-button {
    background-color: #eff6fc;
}


@media (max-width: 450px) {
    .phone-channel i {
        padding-left: 10px;
    }
}

.content-border {
    border-right: 1px solid rgb(243, 242, 241);
    /*border-left: 1px solid rgb(243, 242, 242);*/
    background-color: white;
}
    .content-border.horizontal {
        resize: horizontal;
        overflow: clip auto;
    }

.help-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 500px;
    border-left: 1px solid rgb(243, 242, 242);
    background-color: white;
    padding: 0px !important;
    box-shadow: 0 0 70px 50px rgba(0,0,0,.132), 0 1.2px 3.6px 0 rgba(0,0,0,.108);
    margin-top: 44px;
    z-index: 1000;
}

.phone-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 400px;
    border-left: 1px solid rgb(243, 242, 242);
    background-color: white !important;
    padding: 0px !important;
    box-shadow: 0 0 70px 50px rgba(0,0,0,.132), 0 1.2px 3.6px 0 rgba(0,0,0,.108);
    margin-top: 44px;
    /*z-index: 2000;*/
}

.list .ms-Grid-col {
    padding: 0px !important;
    margin: 0px !important;
}
.list .ms-Grid-row {
    padding: 0px !important;
    margin: 0px !important;
}

.label-min-padding {
    padding-top: 3px;
    /*padding-bottom: 3px;*/
    padding-bottom: 0px;
}

.label-max-width-90 label {
    max-width: 90px !important;
}

.label-max-width-120 label {
    max-width: 120px !important;
}

.label-max-width-250 label {
    max-width: 250px !important;
}

.label-max-width-150 {
    width: 150px;
    padding-left: 8px !important;
    padding-right: 8px !important;
}
    .label-max-width-150 label {
        max-width: 138px !important;
    }


.element-no-padding {
    padding: 0px;
}

.element-container {
    padding-top: 5px;
}

.element-container-row {
    padding-top: 10px;
}

.padding-top4 {
    padding-top: 4px;
}

.padding-top8 {
    padding-top: 8px;
}

.element-container-small {
    padding-top: 2px;
}

.element-container-checkbox {
    padding-top: 15px;
}

.padding-lef-smaller {
    padding-left: 2px;
}

.padding-lef-small {
    padding-left: 5px !important;
}

.padding-right-small {
    padding-right: 5px !important;
}

.inline-padding-right-small i {
    padding-right: 5px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-top-left-8 {
    padding-left: 8px;
    padding-top: 8px;
}

.padding-left-12 {
    padding-left: 12px;
}

.display-inline {
    display: inline-flex !important;
}

.display-inline-col {
    display: inline !important;
}

.dialogSubText {
    margin-bottom: 10px;
}
.dialogInnerContent {
    margin-top: -15px;
}
.dialogFoooterButton {
    max-width: 180px;
    display: contents;
}
    .dialogFoooterButton > .ms-Fabric {
        display: -webkit-inline-box;
    }

.button-icon-size {
    font-size: 20px !important;
}

.message-bar_icon {
    font-size: 13px !important;
}

.ms-DetailsHeader-cell {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.ms-DetailsHeader-cellTitle {
    padding: 0px !important;
    padding-left: 3px !important;
}

.ms-DetailsRow-cell {
    padding: 3px !important;
}

.ms-DetailsRow-fields {
    border-bottom: 1px solid rgb(243, 242, 241);
}

/*.ms-TextField-wrapper {
    border-bottom: 1px solid rgb(243, 242, 241);
}
*/
/*    .ms-TextField-wrapper > .ms-TextField-fieldGroup {
        border-bottom: none;
    }
*/
.ms-BasePicker-text,
.ms-TextField-fieldGroup,
.ms-ComboBox,
.ms-Dropdown-title,
.ms-SearchBox,
.spinner > [class^="css-"] {
    border: 0px;
    border-radius: 1px;
    border-bottom: 1px solid #DDEDF9;
}
    .ms-BasePicker-text:hover,
    .ms-TextField-fieldGroup:hover,
    .ms-SearchBox:hover,
    .ms-ComboBox:hover,
    .ms-Dropdown-title:hover {
        border-bottom: 1px solid rgb(0, 120, 212);
    }

.spinner > [class^="css-"]:after {
    border-style: none;
}

.ms-ComboBox-blur:after {
    border-width: 0px !important;
}

.ms-border-active {
    border: 1px solid rgb(0, 120, 212) !important;
}

.persona-no-border-radius {
    border-radius: 0px !important;
    /*opacity: .60;*/
}
.persona-no-background {
    background-color: lightgrey;
    color: #605e5c;
    font-weight: normal;
}
.cursor-pointer {
    cursor: pointer !important;
}

.main-toolbar-icon-size {
    font-size: 24px !important;
}

.main-toolbar-icon-size-small {
    font-size: 18px !important;
}

.main-toolbar-icon-size-medium {
    font-size: 20px !important;
}

.header-icon-size {
    font-size: 17px !important;
}
    .header-icon-size img {
        width: 20px;
        height: 20px;
        margin-top: -2px;    
    }

.header-icon-size-custom {
    font-size: 17px !important;
}

    .header-icon-size-custom img {
        width: 35px;
        height: 35px;
        margin-top: -9px;
    }

.header-title {
    padding-left: 10px;
    font-size: 17px;
    width: calc(100% - 20px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.header-title-activity {
    padding-left: 10px;
    font-size: 17px;
    width: calc(100% - 140px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.header-title-minimize {
    font-weight: normal;
    transform: rotate(90deg);
    width: 300px;
    margin-left: -128px;
    margin-top: 136px;
    font-size: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.header-title-minimize-org {
    font-weight: normal;
    transform: rotate( 90deg );
    width: 800px;
    margin-top: 422px;
    margin-left: -378px;
    font-size: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.header-title-minimize-dashlet {
    font-weight: normal;
    transform: rotate( 90deg );
    width: 800px;
    margin-top: 422px;
    margin-left: -378px;
    font-size: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.header-title-minimize-dashlet_2 {
    font-weight: normal;
    transform: rotate( 90deg );
    width: 800px;
    margin-top: 421px;
    margin-left: -376px;
    font-size: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.header-title-minimize-error {
    font-weight: normal;
    transform: rotate(90deg);
    width: 300px;
    margin-left: -128px;
    font-size: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: red;
    bottom: 120px;
    position: absolute;
    background-color: #ffffff;
    padding-left: 10px;
}

.ms-ContextualMenu-itemText-override span {
    margin: 0px;
    font-size: 13px;
    padding-left: 1px;
}

.ms-BasePicker-itemsWrapper {
    /*max-width: 200px;*/
}

.ms-ComboBox, .ms-Dropdown {
    padding-left: 0px;
}

.ms-ComboBox-Input, .ms-Dropdown-Input, .ms-TextField-field, .ms-BasePicker-input {
    transition: all .2s linear;
}

    .ms-TextField-field:--webkit-autofill {
        top: 5px;
        font-size: 10px;
    }

.ms-Link {
    font-size: 13px;
}

.no-span-margin span {
    margin: 0px 2px 0px;
    /*margin-top: -4px;*/
    font-size: 13px;
    min-height: 15px;
}
.no-span-margin .ms-Button-icon {
    margin: 0px;
    margin-top: 3px;
    margin-right: 3px;
}
.no-span-margin .ms-Button-menuIcon {
    margin: 0px;
    margin-top: 2px;
    margin-left: 3px;
}

.component-resize, .label-change-position {
    transition: all .2s linear;    
}

.label-change-position {
    max-height: 28px;
}

    .company-title {
        font-size: 17px;
    }

.importance-group .ms-ChoiceFieldGroup {
    display: flex;
    padding-top: 25px;
}
.importance-group .ms-Label {
    padding-right: 10px;
}

.importance-high {
    color: red;
}
.importance-low {
    color: blue;
}
.email-subject {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 1.5px;
}
.email-recipient {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 1.5px;
}
.email-recent {
    font-weight: 600 !important;
}
.email-error i {
    color: #C43148;
}
.email-attachment {
    font-size: 20px;
    padding-top: 3px;
}
.email-body {
    padding: 1.5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.email-commandbar {
    min-width: unset;
    width: 30px;
    height: 30px;
    padding: 0px;
}

.email-unread, .email-unread i {
    color: black !important;
}

.label-truncate, 
.label-truncate button {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: -webkit-fill-available;
}

.email-iframe {
    width: calc(100% - 2px);
    border: 1px ridge;
    overflow: hidden;
    height: 100%;
}

.calendar-week-label {
    font-weight: normal;
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    white-space: nowrap;
}

.calendar-day-header {
    padding: 0px;
    width: 100%;
    margin: 0px !important;
    border-bottom: 1px solid lightgrey;
    box-shadow: 0 0.2px 5.2px 0 rgba(0,0,0,.132), 0 0.2px 0.2px 0 rgba(0,0,0,.108);
}
.calendar-column {
    padding: 0px !important;
    height: 100%;
    width: calc((100% - 70px)/5) !important;
    border: 1px solid #F5F5F5;
}
.calendar-column7 {
    padding: 0px !important;
    height: 100%;
    width: calc((100% - 70px)/7) !important;
    border: 1px solid #F5F5F5;
}

.calendar-column-weekly {
    padding: 0px !important;
    height: 100%;
    width: 20% !important;
}

.calendar-column-weekly-slot {
    padding: 0px !important;
    height: 100%;
    width: 20% !important;
}
.calendar-column-weekly7 {
    padding: 0px !important;
    height: 100%;
    width: 14.2% !important;
}
.calendar-column-weekly-slot7 {
    padding: 0px !important;
    height: 100%;
    width: 14.2% !important;
}

.calendar-column-daily {
    padding: 0px !important;
    height: 100%;
    width: calc((100% - 60px)/2) !important;
}
.calendar-time-slot-label {
    height: calc((100%)/32);
    text-align: end;
    padding: 0px;
    padding-right: 5px;
}
.calendar-date-button {
    min-width: unset;
    width: auto;
    height: 35px;
    padding: 0px;
    left: -23px;
}
.calendar-slot {
    /*height: calc((100%)/32);*/
    height: 23px;
    margin: 0px !important;
    border: 1px solid #F5F5F5;
    border-bottom: none;
    width: 100%;
    padding-left: 1px;
    padding-right: 1px;
}
    .calendar-slot i {
        padding-top: 3px;
    }

.calendar-activity-width {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: -webkit-fill-available;
    max-width: 265px;
}
.calendar-activity-weekly-width {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: calc(100% - 1px);
    display: block;
}
.calendar-daily-persona {
    margin-top: 25px;
    min-width: unset;
    width: 72px;
    height: 45px;
}
.calendar-daily-persona .ms-Persona-initials {
    text-align: center;
    overflow: hidden;
    vertical-align: middle;
    height: 72px;
    width: 72px;
    display: table-cell;
}
.calendar-daily-persona span {
    display: block;
    font-size: 13px;
    line-height: 17px;
    margin: 0 auto;
}
.calendar-daily-label {
    padding-top: 2px;
    padding-bottom: 2px;
}
.calendar-completed-cancelled {
    text-decoration: line-through;
    width: -webkit-fill-available;
}
.activity-completed-cancelled {
    font-weight: 500;
    padding: 7px;
    font-size: 17px;
    color: grey;
    border-bottom: 1px solid #F5F5F5;
}

.persona-custom-call {
    background-color: dimgrey;
    height: 24px;
    width: 24px;
    text-align: center;
}
    .persona-custom-call i {
        color: white;
    }

.persona-custom {
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    height: 40px;
    width: 40px;
    background-color: #E0E0E0;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}
    .persona-custom i {
        color: #606060;
        font-size: 20px;
    }

.persona-custom-28 {
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    height: 28px;
    width: 28px;
    background-color: #E0E0E0;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}

    .persona-custom-28 i {
        color: #606060;
        font-size: 15px;
        margin-top: -1px;
    }

.overdue, .overdue span, .overdue i {
    color: red !important;
}

.completed {
    height: 16px;
    text-align: center;
    margin-top: 6px;
    margin-right: 3px;
    color: #005a9e;
    font-weight: 700 !important;
}

.cancelled {
    height: 16px;
    text-align: center;
    margin-top: 6px;
    margin-right: 3px;
    color: #a4373a;
    font-weight: 700 !important;
}

.completed-label {
    text-decoration: line-through;
    text-decoration-color: #005a9e;
    color: lightgray;
    font-weight: 600 !important;
}
.cancelled-label {
    text-decoration: line-through;
    text-decoration-color: #a4373a;
    color: lightgray;
    font-weight: 600 !important;
}
.inline-label-spacing {
    padding-left: 5px;
}
.persona-size-16 {
    width: 16px;
}
.center-item {
    /*margin: 0 auto;*/
    margin: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

.persona-color-grey {
    color: grey;
}

.persona-color-orange {
    color: orange;
}

.item-width-content {
    width: -webkit-fill-available;
}

.label-align-end {
    text-align: end;
    width: max-content;
    padding: 0px;
    min-width: 90px;
    max-width: 130px;
    display: contents;
}

.row-label-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px;
}

.commandbar-divider-short {
    min-width: unset;
    padding: 0px;
    width: 1px;
    height: 20px;
    margin-top: 7px !important;
    border-left: 1px solid lightgrey;
}

.high-priority-icon {
    font-size: 25px;
    height: auto;
    width: 15px;
    margin-top: -4px;
    margin-left: -8px;
    padding-right: 1px;
    color: red;
}

.low-priority-icon {
    height: auto;
    margin-top: 0px;
    left: -6px;
    top: 4px;
    margin-right: 11px;
}
    .low-priority-icon > img {
        position: absolute;
        height: 11px;
        width: 9px;
        top: 5px;
    }

.end-date {
    width: 65px;
    text-align: center;    
    padding: 2px;
    /*float: left;
    margin-left: -75px;
    margin-top: 2px;*/
}

.row-item-date-header {
    padding: 1.5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.details-row-header {
    padding-top: 5px;
    padding-bottom: 10px;
    margin-left: 2px !important;
    margin-right: 2px !important;
    border-bottom: 1px solid rgb(243, 242, 241);
}

.overflow-add-new span {
    place-content: end;
    padding-left: 15px;
}

.overflow-add-new img {
    width: 20px;
    height: 20px;
}

.overflow-add-new label {
    font-size: 13px;
    text-transform: none;
}

.overflow-add-new i {
    margin-top: -6px;
}

.overflow-add-new button {
    height: 45px;
}

.menu-border {
    border-right: 1px solid #014578;
    border-left: 1px solid #014578;
    background-color: #135995;
}

.report-checkbox-spacing {
    padding-top: 2px;
    padding-bottom: 2px;
}
    .report-checkbox-spacing span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 300px;
        margin-top: -1px;
    }
.total-label {
    /*float: right;*/
    padding-right: 10px;
    padding-top: 2px;
    width: 60px;
    text-align: end;
}

.button-normal-font span {
    font-weight: normal;
}

.selected-sales-stage-label {
    font-weight: 400;
    font-size: 18px;
    border-bottom: 1px solid lightgrey;
    display: block;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;padding-bottom: 5px;
}

.pipeline-header {
    font-size: 18px;
    font-weight: 400;
}

.drag-drop-li {
    border: 2px dashed #000;
}

.col-item {
    padding-left: 2px !important;
    padding-right: 2px !important;
    height: 32px !important;
}
    .col-item:first-child {
        margin-left: 8px !important;
        padding: 0px !important;
        padding-right: 4px !important;
    }
    .col-item:last-child {
        padding: 0px !important;
        padding-left: 4px !important;
    }


.ms-MessageBar {
    z-index: 1000;
}
    .ms-MessageBar .ms-Icon {
        color: rgb(50, 49, 48);
    }

.ms-MessageBar-innerText {
    width: -webkit-fill-available;
}

.ms-MessageBar-dismissal i {
    font-size: 13px !important;
}

.full-width {
    width: -webkit-fill-available;
}

.persona-org-label {
    width: 34px;
    height: 34px;
}
    .persona-org-label span {
        font-size: 13px;
        font-weight: 700;
    }

.persona-minimize {
    transform: rotate(90deg);
    margin-left: -5px;
    margin-top: 10px;
}

.width-min-content {
    display: inline-flex;
    width: min-content;
}

.inline-icon-background {
    padding: 2px;
}
    .inline-icon-background:hover {
        background-color: rgb(243, 242, 241);
    }

.inline-icon {
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;    
    color: rgb(0, 120, 212);
}

.inline-icon-15 i {
    font-size: 15px !important;
    color: rgb(0, 120, 212);
}

.inline-icon-20 i {
    font-size: 18px !important;
    color: rgb(0, 120, 212);
}

.inline-caret {
    margin-left: -5px;
    margin-top: -10px;
}
    .inline-caret i {
        color: grey;
        font-size: 8px !important;
    }

.inline-font-caret {
    margin-left: -5px;
    margin-top: -11px;
}
    .inline-font-caret i {
        color: grey;
        font-size: 8px !important;
    }

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px !important;
}
    .ellipsis label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 140px;
        /*padding-right: 5px !important;*/
    }

.ellipsis-entity {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px !important;
}

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

.label-no-padding, 
.label-no-padding label {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.list-row {
    /*height: 22px;*/
    vertical-align: middle;
}

.list-row-border {
    margin-right: 5px;
    margin-left: 5px;
    width: 1px;
    height: 22px;
    display: unset;
    border-left: 1px solid lightgrey;
    position: relative;
    top: 2px;
}

.list-row-button-dropdown {
    display: inline-flex;
    width: 25px;
}
    .list-row-button-dropdown:first-child {
        /*width: 38px;*/
    }

    .list-row-button-dropdown button {
        min-width: 0px;
        width: 25px;
        min-height: 0px;
        height: 25px;
        padding: 0px;
    }
    .list-row-button-dropdown i {
        margin: 0px;
        /*margin-left: 1px;
        margin-right: 1px;*/
    }
    .list-row-button-dropdown .ms-Button-menuIcon {
        display: none;
    }

.persona-commandbar-org-label {
    width: 34px;
    height: 34px;
    margin-top: 5px;
}
    .persona-commandbar-org-label span {
        font-size: 13px;
        font-weight: 700;
    }
    .persona-commandbar-org-label .ms-Persona-initials {
        border-radius: 0px !important;
        opacity: .60;
    }
    .persona-commandbar-org-label .ms-Persona-image {
        border-radius: 5px;
    }

.link,
.link label {
    color: rgb(0, 120, 212);
    cursor: pointer;
    text-decoration: unset;
}
    .link label:hover {
        text-decoration: underline;
    }
    .link:hover {
        text-decoration: underline;
    }

.link-color,
.link-color label {
    color: rgb(0, 120, 212);
}

.comment-col-label label {
    max-width: 130px !important;
}

.sub-title {
    z-index: 10;
    font-size: 11px;
    position: absolute;
    margin-top: 33px;
    margin-left: 43px;
}

.high-priority-inline {
    position: relative;
    top: 6px;
    margin-top: -10px;
}

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

.dashlet-count {
    text-align: center;
    border-radius: inherit;
    margin: 0px !important;
}
    .dashlet-count label {
        text-align: center;
    }
    .dashlet-count i {
        font-size: 35px;
        cursor: pointer;
        color: #797775;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 100%;
        height: 100%;
    }
        .dashlet-count i:hover {
            color: rgb(0, 120, 212);
        }

.ripple {
    position: relative;
    overflow: hidden;
    transform: translate3d(0,0,0)
}
    .ripple:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
        background-image: radial-gradient(circle,#000 10%,transparent 10.01%);
        background-repeat: no-repeat;
        background-position: 50%;
        transform: scale(10,10);
        opacity: 0;
        transition: transform .2s,opacity .5s
    }
    .ripple:active:after {
        transform: scale(0,0);
        opacity: .2;
        transition: 0s
    }

.float-right-top {
    float: right;
    width: 20px !important;
    height: 20px !important;
    font-size: 15px !important;
    position: absolute;
    top: -5px;
    right: 8px;
}
    .float-right-top i {
        font-size: 15px;
    }

.ms-Button-textContainer,
.ms-Button-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    min-height: 16px;
}

.ms-Nav-groupContent {
    margin-bottom: 10px;
}
.ms-Nav-chevron {
    margin-left: calc(100% - 35px);
}

.ms-Nav-chevronButton {
    padding-left: 8px;
    border-bottom-color: #3c65a4;
}

.ms-Nav-navItem .ms-Button-icon {
    color: #ffffff;
    font-size: 20px;
}

.nav-container {
    margin-top: 3px;
    padding: 0px;
    height: 100%;
    box-shadow: 0 1.6px 3.6px 0 rgba(0,0,0,.132), 0 0.3px 0.9px 0 rgba(0,0,0,.108);
}
.nav-icon-unset {
    height: calc(100vh - 137px);
    overflow-y: auto;
}
    .nav-icon-unset i {
        /*color: #a19f9d !important;*/
        color: darkgrey !important;
        z-index: 1;
    }
    .nav-icon-unset .ms-Nav-chevronButton {
        border-bottom-color: rgb(237, 235, 233) !important;
    }
    .nav-icon-unset .ms-Nav-chevronButton {
        padding-left: 15px;
    }
    .nav-icon-unset .ms-Nav-link {
        padding-left: 15px;
    }

.nav-badge-counter {
    background-color: #f3f2f1;
    padding: 5px;
    border-radius: 20px;
    position: relative;
    left: -14px;
}
.nav-badge-counter-red {
    background-color: #d83b01;
    color: #eff6fc;
    padding: 5px;
    border-radius: 20px;
}

div:has(> .nav-badge-counter-red) {
    position: absolute;
    /* left: calc(100% - 58px); */
	right: 4px;
}

.nav-custom-counter {
    background-color: rgb(0, 120, 215);
    color: #ffffff;
    padding: 5px;
    border-radius: 4px;
}

.nav-badge-mentions-red {
    background-color: #d83b01;
    color: #eff6fc;
    padding: 5px;
    border-radius: 4px;
}

.admin-module-header {
    text-align: center;
    width: 50px !important;
}

.ms-ComboBox-blur:after, .ms-ComboBox-blur::after,
.ms-Dropdown-blur:after, .ms-Dropdown-blur::after {
    border-width: 0px !important;
    border-color: transparent !important;
}

.ms-slideRightIn400 {
    -webkit-animation-name: ms-fadeIn, ms-slideRightIn400;
    animation-name: ms-fadeIn, ms-slideRightIn400;
    -webkit-animation-duration: 367ms;
    animation-duration: 367ms;
    -webkit-animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce) {
    .ms-slideRightIn400 {
        -webkit-animation: none;
        animation: none
    }
}


.ms-slideLeftIn400 {
    -webkit-animation-name: ms-fadeIn, ms-slideLeftIn400;
    animation-name: ms-fadeIn, ms-slideLeftIn400;
    -webkit-animation-duration: 367ms;
    animation-duration: 367ms;
    -webkit-animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    animation-timing-function: cubic-bezier(.1, .9, .2, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@media (prefers-reduced-motion:reduce) {
    [dir=ltr] .ms-slideLeftIn400 {
        -webkit-animation: none;
        animation: none
    }
}

*::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    background-color: transparent;
}

*::-webkit-scrollbar-thumb {
    background-color: #c8c6c4;
    /*border-radius: 13px;*/
}

*::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: 10px solid transparent;
}

.ms-Suggestions-container::-webkit-scrollbar-track {
    background-color: #2b88d8;
}

.hide-scrollbarY {
    padding-top: 8px !important;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-right: 8px !important;
}
    .hide-scrollbarY:hover {
        overflow-y: auto;
        padding-right: 8px !important;
    }

.tiblock {
    align-items: center;
    display: flex;
    height: 17px;
}

.ticontainer .tidot {
    background-color: #90949c;
}

.tidot {
    -webkit-animation: mercuryTypingAnimation 1s infinite ease-in-out;
    border-radius: 2px;
    display: inline-block;
    height: 4px;
    margin-right: 2px;
    width: 4px;
}

@-webkit-keyframes mercuryTypingAnimation {
    0% {
        -webkit-transform: translateY(0px)
    }

    28% {
        -webkit-transform: translateY(-5px)
    }

    44% {
        -webkit-transform: translateY(0px)
    }
}

.tidot:nth-child(1) {
    -webkit-animation-delay: 100ms;
}

.tidot:nth-child(2) {
    -webkit-animation-delay: 200ms;
}

.tidot:nth-child(3) {
    -webkit-animation-delay: 300ms;
}

.nav-registered-icon img {
    height: 20px;
    width: 20px;
}

.added-label {
    /*float: right;*/
    height: 10px;
    margin-top: 15px;
    margin-right: 12px;
}

input:disabled, textarea:disabled {
    background-color: #f3f2f1;
    color: #3b3a39;
    width: 110%;
    padding-left: 5px !important;
}

.link-container {
    position: absolute;
    margin-top: 35px;
    z-index: 100;
    background-color: #f3f2f1;
    right: 10px;
    cursor: pointer;
}


.grey30 {
    color: #edebe9;
}

.grey20 {
    color: #f3f2f1;
}

.background-grey20 {
    background-color: #f3f2f1;
}

.shadow-box {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
    outline: transparent;
}

.date-range-heading {
    margin: 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid lightgrey;
}

.no-padding-margin {
    padding: 0px !important;
    margin: 0px !important;
}

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

.textfield-active-border {
    border: 2px solid rgb(0, 120, 212) !important;
    border-radius: 0px !important;
}

.toggle-white-background button {
    background: rgb(255, 255, 255) !important;
    border: 1px solid rgb(96, 94, 92) !important;
}
.toggle-white-background span {
    background-color: rgb(32, 31, 30);
}

.maximum-length150 .ms-TagItem-text {
    max-width: 150px !important;
}

.no-display {
    display: none !important;
}

.notification-dialog .ms-Dialog-main {
    max-width: 450px !important;
}

.card {
    text-align: center;
    padding-top: 10px;
    padding-left: 8px;
    padding-right: 8px;
}
    .card .card-content {
        border-radius: 2px;
        box-shadow: rgba(0, 0, 0, 0.133) 0px 0.6px 3.6px 0px, rgba(0, 0, 0, 0.11) 0px 0.3px 0.9px 0px;
        outline: none;
        transition: box-shadow 0.5s ease 0s;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 10px;
        padding-top: 15px;
    }
        .card .card-content .title {
            font-size: 18px;
            font-weight: 600;
            text-transform: uppercase;
            color: #605e5c;
        }
        .card .card-content .header {
            font-size: 42px;
            font-weight: 600;
            display: inline-flex;
            padding-bottom: 10px;
        }
            .card .card-content .header i {
                font-size: 45px;
                padding-right: 10px;
                color: grey;
            }
            .card .card-content .header label {
                margin-top: -8px;
                color: grey;
            }
        .card .card-content .footer {
            margin-left: 5px;
            margin-right: 5px;
            padding: 10px;
            border-top: 1px solid rgb(243, 242, 241);
        }
            .card .card-content .footer i {
                color: rgb(0, 120, 212);
                cursor: pointer;
            }


.resize-transition {
    -webkit-transition-property: width height background-color font-size left top color;
    -webkit-transition-duration: .1s;
    -webkit-transition-timing-function: ease;
    transition-property: width height background-color font-size left top color;
    transition-duration: .1s;
    transition-timing-function: ease;
}

.full-row-width {
    width: 100%;
}

.no-padding-focusZone .ms-FocusZone {
    padding: 0px;
}


.suggestion-item-left {
    float: left;
    /*max-width: 50%;*/
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    text-align: left;
}
.suggestion-item-right {
    /*    float: right;
    max-width: 50%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #a19f9d;
    min-inline-size: fit-content;*/
    float: right;
    min-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #a19f9d;
    text-align: right;
}

.commandbar-padding115 {
    padding-left: 115px;
}

.commandbar-padding315 {
    padding-left: 315px;
}

.commandbar-padding355 {
    padding-left: 355px;
}

.nav-custom-group-header {
    background-color: #00477F;
    width: 18px;
    display: inline-flex;
    vertical-align: middle;
    padding-left: 5px;
    /* margin-left: calc(100% - 23px); */
    /* margin-top: -51px; */
    position: absolute;
    height: 26px;
    margin-left: -9px;
}

.nav-custom-chevron {
    /* display: inline-block; */
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    speak: none;
    font-family: FabricMDL2Icons;
    /* position: absolute; */
    /* left: 8px; */
    font-size: 12px;
    transition: transform 0.1s linear 0s;
    transform: rotate(-180deg);
    /* margin-left: calc(100% - 35px); */
    color: rgb(255, 255, 255);
    /* margin-top: 8px; */
    padding-top: 5px;
}

.ms-Icon {
    vertical-align: middle;
}

.image-14 img {
    height: 14px;
    width: 14px;
}

.image-18 img,
.image-18 svg {
    height: 18px;
    width: 18px;
}

.image-24 img {
    height: 24px;
    width: 24px;
}

.image-24-toolbar img {
    margin-top: -4px;
    height: 24px;
}

.image-20-toolbar img {
    margin-top: -4px;
    height: 20px;
}

.image-45 img {
    height: 45px;
}

.image-32 img {
    height: 32px;
}

.font-12, 
.font-12 b {
    font-size: 12px !important;
}

.logo img {
    object-fit: contain !important;
    cursor: pointer;
}

.inline-block {
    display: inline-block;
}

.fontbold {
    font-weight: bold !important;
}

.min-height {
    height: 18px;
}

.message-header-10 {
    margin-top: -15px !important;
    padding-top: 5px !important;
}

.dashlet-notes {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.notes-list-item {
    overflow: hidden;
    text-overflow: ellipsis;
    /*-webkit-line-clamp: 2;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.image-margin-top-15 i {
    margin-top: -15px;
}

.toast {
    position: fixed;
    height: auto;
    min-width: 200px;
    bottom: 20px;
    right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background-color: #ffffff;
    padding: 12px;
    box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
    border-radius: 2px;
}

    .toast label {
        color: black;
    }

    .toast .ms-ProgressIndicator-itemName {
        /*color: #c8c6c4;*/
        color: black;
    }
    .toast .ms-ProgressIndicator-itemDescription,
    .toast .description {
        /*color: #c8c6c4;*/
        color: black;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }


.phone-channel-input .ms-Button-icon {
    color: grey !important;
}

.phone-channel-onhold .ms-Button-icon {
    color: red !important;
}

.phone-channel-oncall .ms-Button-icon {
    color: limegreen !important;
}

.call-summary-top {
    margin: 0px !important;
    padding: 0px;
    border-top: 1px solid rgb(243, 242, 241);
    border-bottom: 1px solid rgb(243, 242, 241);
    margin-top: 5px;
    padding-left: 8px;
    padding-top: 5px;
    padding-right: 15px;
    height: 30px;
}
.call-summary-bottom {
    margin: 0px !important;
    padding: 0px;
    border-bottom: 1px solid rgb(243, 242, 241);
    padding-left: 8px;
    padding-top: 5px;
    padding-right: 15px;
    height: 30px;
}

.call-summary-item {
    padding: 0px;
    margin: 0px !important;
    padding-left: 2px !important;
}

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

.ms-TooltipHost {
    display: inline-block !important;
    width: 100%;
}

.slow {
    -webkit-animation-duration: 3s !important;
    animation-duration: 3s !important;
}

.email-right-info {
    font-size: 30px;
    margin-top: 1px;
}

.email-closed img {
    height: 29px;
    margin-left: -14px;
}

.email-system-closed img {
    position: absolute;
    margin-left: -51px;
    margin-top: -11px;
    height: 23px;
}

.margin-left-n-4px {
    margin-left: -4px;
}

.margin-left-small {
    margin-left: 8px;
}

.email-editing {
    float: right;
    margin-top: -47px;
    margin-right: -20px;
    z-index: 10;
    color: #055494;
}

.remove-selected-border::after {
    border-left: 0px !important;
}

.email-folder-group {    
}
    .email-folder-group .ms-Nav-compositeLink {
        margin-left: -4px;
    }

    .email-folder-group ul:first-child li {
        border-bottom: 1px solid lightgrey;
    }

        .email-folder-group ul:first-child li span {
            font-weight: 600
        }

        .email-folder-group ul:first-child li > ul li {
            border-bottom: unset;
        }

            .email-folder-group ul:first-child li > ul li span {
                font-weight: 400;
            }

    .email-folder-group li:nth-child(1n+1) {
        margin-left: 12px;
    }

    .email-folder-group .ms-Nav-compositeLink .ms-Button {
        padding-left: 6px !important;
    }
    .email-folder-group .ms-Nav-compositeLink .ms-Nav-chevronButton {
        /*margin-left: calc(100% - 28px);*/
        display: contents
    }
    .email-folder-group .ms-Nav-compositeLink .ms-Nav-chevronButton {
        background-color: unset !important;
    }
        .email-folder-group .ms-Nav-compositeLink .ms-Nav-chevronButton::after {
            border-left: 0px !important;
        }
    .email-folder-group .ms-Nav-chevronButton:first-child {
        background-color: #e1dfdd;
    }

    .email-folder-group .ms-Button:has(.nav-item-white:hover) {
        background-color: inherit;
    }

    .email-folder-group .ms-Button:has(.nav-item-black:hover) {
        background-color: inherit;
    }

    /* custom sizing */
    .email-folder-group .ms-Nav-chevronButton {
        margin: 0px;
        line-height: normal;
        height: 35px;
    }

        .email-folder-group .ms-Nav-chevronButton .ms-Nav-chevron {
            margin: 0px;
            display: grid;
            justify-content: flex-end;
            line-height: 24px;
            height: 24px;
            top: 6px;
            margin-left: calc(100% - 30px);
        }

    .email-folder-group .ms-Nav-groupContent {
        margin: 0px;
    }
        .email-folder-group .ms-Nav-groupContent .ms-Nav-navItem {
            margin: 0px;
        }
            .email-folder-group .ms-Nav-groupContent .ms-Nav-navItem .ms-Button {
                margin: 0px;
                line-height: normal;
                height: 35px;
            }
                .email-folder-group .ms-Nav-groupContent .ms-Nav-navItem .ms-Button .nav-badge-counter {
                    margin-left: 4px !important;
                }

.material-icons span {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 22px; /* Preferred icon size */
    /*display: inline-block;*/
    /*line-height: 1;*/
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

.material-icons-custom,
.material-icons-custom span {
    padding: 0px !important;
    margin-top: 3px !important;
    font-size: 21px !important;
}

.agent-icon-newedit {    
    position: absolute;
    margin-top: -34px;
}
    .agent-icon-newedit img {
        width: 24px;
        position: absolute;
        margin-top: -22px;
    }

.agent-icon-dashlet {
    position: absolute;
}

    .agent-icon-dashlet img {
        width: 24px;
        position: absolute;
    }

.dashlet_icons, .dashlet_icons .ms-Button {
    background-color: #f3f2f1 !important;
}
    .dashlet_icons i {
        font-size: 24px !important;
        color: #5F5F5F !important;
    }

    .dashlet_icons .chevron i {
        font-size: 15px !important;
        color: #5F5F5F !important;
    }

.dashlet_icons_menu_color {
    color: #5F5F5F !important;
}

.dashlet_intital_icon {
    width: 20px;
}

.tooltip-ethnicity {
    max-width: 180px !important;
    white-space: break-spaces;
}
.icon-ethnicity img {
    /*width: 32px;*/
    /*    height: 37px;
    margin-top: -4px;
    margin-left: -11px;*/
    margin-top: 3px;
    margin-left: -3px;
}

.search {
    margin-right: 35px !important;
}

.font-icon-18 i {
    font-size: 18px;
}

.issue-icon {
    color: grey;
    padding-left: 8px;
    padding-top: 8px;
}

.global-notification {
    position: fixed;
    height: auto;
    min-width: 200px;
    bottom: 20px;
    right: 20px;
    padding: 2px;
    box-shadow: 0 25.6px 57.6px 0 rgb(0 0 0 / 22%), 0 4.8px 14.4px 0 rgb(0 0 0 / 18%);
    background-color: white;
}
    .global-notification .ms-Grid-row {
        display: flex;
        padding: 8px !important;
    }
    .global-notification i {
        cursor: pointer;
    }

.linked-entities {
    padding-left: 7px;
    height: 25px;
    margin-top: -25px !important;
    text-align: end;
    margin-right: 34px !important;
}

.billing-pbx-code {
    cursor: pointer;
    margin-top: -28px;
    margin-left: 414px;
}
    .billing-pbx-code img {
        height: 20px;
    }

.ms-SearchBox-iconContainer {
    width: 32px !important;
}
    .ms-SearchBox-iconContainer i {
        opacity: 1 !important;
    }

.search-spinner-entity {
    margin-top: -24px !important;
    margin-right: 65px !important;
}

.search-spinner-entity_list {
    float: right;
    position: absolute;
    top: 62px !important;
    right: 70px !important;
}

.search-help-button-entity {
    margin-top: -30px;
    padding-left: calc(100% - 30px);
    cursor: pointer;
    z-index: 100;
}

    .search-help-button-entity i {
        font-size: 20px !important;
        color: grey;
    }

.search-help-button {
    margin-top: -60px;
    padding-left: calc(100% - 30px);
    cursor: pointer;
    z-index: 100;
}
    .search-help-button i {
        font-size: 20px !important;
        color: grey;
    }

.search-help-button-calendar {
    margin-top: -28px;
    padding-left: calc(100% - 30px);
    cursor: pointer;
    z-index: 100;
}

    .search-help-button-calendar i {
        font-size: 20px !important;
        color: grey;
    }

.global-search-help-button {
    margin-top: -30px;
    padding-left: calc(100% - 30px);
    cursor: pointer;
    z-index: 100;
}
    .global-search-help-button i {
        font-size: 20px !important;
        color: grey;
    }

.in-collections {
    position: absolute;
    margin-top: 9px;
    margin-left: 101px;
    font-size: 20px;
    color: red;
}

.pac-container {
    /*margin-top: -207px;*/
    margin-top: -207px;
    height: 175px;
}

.minimize-container {
    transform: rotate( 90deg );
    width: 900px;
    margin-top: 482px;
    margin-left: -430px;
    font-size: 20px;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
    .minimize-container div {
        width: 10px;
    }

    .minimize-container label:last-child {
        width: calc(100% - 300px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.minimize-entity {
    color: #a19f9d;
    max-width: 400px;
    font-size: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.minimize-icon-filter {
    font-size: 26px;
}
    .minimize-icon-filter img {
        filter: opacity(60%);
        margin-left: -3px;
    }

.minimize-icon-filter-i {
    font-size: 24px;
    filter: opacity(40%);
}

.dashboard-icon-minimize {
    margin-left: -3px;
}

.entity-info-icon {
    padding: 0px;
    min-width: 30px;
    margin-left: -4px;
}

.header-title-container {
    font-size: 14px;
    margin-top: 1px;
    margin-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
    .header-title-container img {
        width: 20px;
    }
    .header-title-container div {
        width: 5px;
        display: inline-block;
    }

.header-title-icon img {
    filter: invert(1);
    margin-left: -3px;
    width: 20px;
}

.header-title-icon-filter-invert img {
    filter: invert(1);
    margin-left: -3px;
    width: 20px;
}

.help-title-icon {
    font-size: 21px;
}

.invert-image img {
    filter: invert(1);
}

.paths-white svg {
    height: 24px;
    margin-top: -5px;
}
.paths-white path {
    fill: white;
    stroke: white;
}

.paths-black svg {
    height: 24px;
    margin-top: -5px;
}

.paths-black path {
    fill: black;
    stroke: black;
}

.entity-chip span {
    font-size: 15px;
    font-weight: 800;
    text-align: center;
    margin-left: 0px;
}

.transform-90 {
    transform: rotate(-90deg) !important;
}

.calendar-spinner {
    position: absolute !important;
    right: 20px;
    margin: 0px !important;
    top: 7px !important;
}

.calendar-week-day-margin {
    /*margin-top: -10px;*/
    background-color: unset;
}
    .calendar-week-day-margin button,
    .calendar-week-day-margin label {
        background-color: transparent !important;
        color: black;
        font-weight: 600;
    }

.ms-DetailsList {
    width: 100% !important;
}

.minimize-sub-title {
    width: calc(100% - 60px);
    max-width: 700px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.call-entity-contact-container {
    padding-left: 14px;
    margin: 0px !important;
    /*margin-top: 15px !important;*/
    margin-top: 8px !important;
    font-size: 20px;
    background-color: #f3f2f1;
    padding-bottom: 8px;
    height: 66px !important;
}

.call-entity-name {
    margin-left: -10px;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.call-contact-name {
    margin-left: -10px;
    font-size: 16px;
    padding-left: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.call-multiple-icon {
    font-size: 22px;
}
.call-multiple-label {
    margin-left: -8px;
    font-size: 16px;
    padding-left: 17px;
}

.call-icon-font14, 
.call-icon-font14 span {
    font-size: 14px;
}
.call-icon-font22 {
    font-size: 22px;
}

.call-conference-icon {
    background-color: unset !important;
}
    .call-conference-icon div {
        background-color: unset !important;
        height: unset !important;
        width: unset !important;
        margin: 0px !important;
    }

.call-incoming-container {
    /*height: 40px !important;*/
    display: flex;
    /*margin-top: 8px !important;*/
    margin-top: 4px !important;
    background-color: #f3f2f1;
    margin-left: 0px;
    margin-right: 0px;
    /*height: 49px !important;*/
    height: 51px !important;
}
    .call-incoming-container div {
        background-color: dimgrey;
        height: 21px;
        width: 28px;
        text-align: center;
        margin-top: 14px;
        margin-left: 9px;
    }
    .call-incoming-container .cid {
        color: white;
        font-size: 14px;
        font-weight: 500;
        padding-left: 4px;
        padding-right: 4px;
    }
    .call-incoming-container .name {
        margin-top: 13px;
        margin-left: 7px;
        font-size: 16px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: calc(100% - 65px);
    }

.call-status {
    padding-left: 2px !important;
    font-weight: 500;
}

.icon-image-24 img {
    height: 24px;
}

.ms-SearchBox-clearButton {
    margin-right: 35px;
}

.direction-disposition-icon {
    width: 32px;
    margin-left: -5px;
    margin-top: -1px;
}
    .direction-disposition-icon path {
        fill: grey;
        stroke: grey;
    }

.contact-minimize-font-icon {
    font-size: 26px;
    color: grey;
}

.toggle-command-bar-white {
}
    .toggle-command-bar-white .ms-Toggle-label {
        margin-right: 5px;
        margin-top: -1px;
    }
    .toggle-command-bar-white button {
        background-color: white;
    }

.toggle-command-bar-label .ms-Toggle-stateText {
        margin-right: 0px;
    }

.toggle-command-bar-red {
}

    .toggle-command-bar-red .ms-Toggle-label {
        margin-right: 5px;
        margin-top: -1px;
    }

    .toggle-command-bar-red button {
        background-color: red;
    }

        .toggle-command-bar-red button:hover {
            background-color: red;
        }

    .toggle-command-bar-red .ms-Toggle-thumb {
        background-color: white;
    }

.toggle-command-bar-label .ms-Toggle-stateText {
    margin-right: 0px;
}

.queue .ms-Button-label {
    font-size: 29px;
    font-weight: 500;
    margin-top: -5px;
}

.queue-paused .ms-Button-label {
    font-size: 29px;
    font-weight: 500;
    color: #ff6803;
    margin-top: -5px;
}

.queue-auto-paused .ms-Button-label {
    font-size: 29px;
    font-weight: 500;
    color: red;
    margin-top: -5px;
}

.queue-on-call .ms-Button-label {
    font-size: 29px;
    font-weight: 500;
    color: #00bf04;
    margin-top: -5px;
}

.phone-status-offline {
    background-color: red;
    padding: 4px;
    margin-right: 5px;
}
    .phone-status-offline img {
        height: 20px;
        width: 20px;
    }

.phone-status-available {
    background-color: darkgrey;
    padding: 4px;
    margin-right: 5px;
}
    .phone-status-available img {
        height: 20px;
        width: 20px;
    }

.phone-status-dnd {
    /*background-color: darkgrey;*/
    background-color: #ff6803;
    padding: 4px;
    margin-right: 5px;
}
    .phone-status-dnd img {
        height: 20px;
        width: 20px;
    }

.phone-status-oncall {
    background-color: green;
    padding: 4px;
    margin-right: 5px;
}
    .phone-status-oncall img {
        height: 20px;
        width: 20px;
    }

.queue-status-offline {
    background-color: red;
    height: 28px;
    width: 28px;
}
    .queue-status-offline label {
        font-size: 23px;
        font-weight: 500;
        color: white;
        margin-top: -3px;
        padding-left: 4px;
        position: absolute;
    }

.queue-status-available {
    background-color: darkgrey;
    height: 28px;
    width: 28px;
}
    .queue-status-available label {
        font-size: 23px;
        font-weight: 500;
        color: white;
        margin-top: -3px;
        padding-left: 4px;
        position: absolute;
    }

.queue-status-oncall {
    background-color: green;
    height: 28px;
    width: 28px;
}
    .queue-status-oncall label {
        font-size: 23px;
        font-weight: 500;
        color: white;
        margin-top: -3px;
        padding-left: 4px;
        position: absolute;
    }

.queue-status-paused {
    background-color: #ff6803;
    height: 28px;
    width: 28px;
}
    .queue-status-paused label {
        font-size: 23px;
        font-weight: 500;
        color: white;
        margin-top: -3px;
        padding-left: 4px;
        position: absolute;
    }

.queue-status-auto-paused {
    background-color: red;
    height: 28px;
    width: 28px;
}

    .queue-status-auto-paused label {
        font-size: 23px;
        font-weight: 500;
        color: white;
        margin-top: -3px;
        padding-left: 4px;
        position: absolute;
    }

.margin-top-1 {
    margin-top: -1px;
}

.cursor-delete {
    cursor: pointer !important;
    font-size: 20px;
    color: lightgrey;
    padding-right: 8px;
}
    .cursor-delete:hover {
        color: grey;
    }


.phone-clipboard {
    position: absolute;
    margin-top: -20px;
    padding-left: 352px;
}
    .phone-clipboard i {
        font-size: 18px;
        cursor: pointer;
        color: white;
    }

.animate-infinite-i i {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: flash;
    animation-iteration-count: infinite;
}

.animate-infinite-training span {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: flash;
    animation-iteration-count: infinite;
    height: 19px;
}

.label-queue {
    font-size: 29px;
    font-weight: 500;
    margin-top: -5px;
}

.title-label-queue {
    font-size: 20px;
    font-weight: 500;
    margin: 0px;
    padding: 0px;
    width: 29px;
    margin-top: -1px;
    min-width: unset;
}

.required::after {
    visibility: visible;
}
.not-required::after {
    visibility: hidden;
}


.gutter {
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: col-resize;
    padding-left: 10px;
    z-index: 1;
}

.phone-sub-account {
    margin-left: 16px;
    margin-right: 16px;
}
    .phone-sub-account .ms-ComboBox {
        height: 30px !important;
    }

.sub-account-triangle {
    width: 0;
    height: 0;
    border-bottom: 15px solid transparent;
    border-right: 15px solid transparent;
    position: relative;
    margin-top: 31px;
    margin-left: -3px;
}
.sub-account-triangle-dashlet {
    width: 0;
    height: 0;
    border-bottom: 20px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    margin-top: 28px;
    margin-left: 0px;
    padding-top: 6px;
}
.sub-account-triangle-email {
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    position: relative;
    margin-top: 7px;
    margin-left: -3px;
}
.sub-account-triangle-search {
    width: 0;
    height: 0;
    border-bottom: 15px solid transparent;
    border-right: 15px solid transparent;
    position: absolute;
    margin-top: 23px;
    margin-left: -1px;
}
.sub-account-triangle-entity {
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    margin-top: 13px;
    margin-left: -6px;
}

.ms-Dropdown-title {
    min-height: 28px;
}

.audit-log-summary {
    width: 80px;
    display: inline-flex;
}
    .audit-log-summary i {
        color: grey;
        font-size: 17px;
        margin-right: 2px;
        cursor: pointer;
    }

.audit-log-color {
    height: 24px !important;
    width: 50px !important;
    border: none;
    padding: 0px;
    position: relative !important;
    background-color: transparent !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    top: -2px !important;
}

.recording-close-button {
    margin-top: 8px;
    margin-left: 8px;
    margin-right: 8px;
}

.checkbox-selection {
    padding-left: 10px;
}

.dashlet-link-row {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 5px);
}

.messagebar-help-icon, .messagebar-help-icon i {
    font-size: 19px;
    /*margin-top: 3px;*/
}

.ms-MessageBar-dismissSingleLine {
    margin-top: 2px;
}

.persona-commandbar {
    width: 28px;
    height: 28px;
    margin-top: 7px;
}

    .persona-commandbar span {
        font-size: 13px;
        font-weight: 700;
    }

.persona-commandbar-main {
    width: 32px;
    height: 32px;
    margin-top: 6px;
    cursor: pointer;
}

    .persona-commandbar span {
        font-size: 13px;
        font-weight: 700;
    }

.duplicate-container {
    position: sticky;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 20px;
    background-color: #faf9f8;
    width: calc(100% - 40px);
}
    .duplicate-container .ms-Spinner {
        justify-content: start;
    }

.messagebar-bottom {
    bottom: 0px;
}
    .messagebar-bottom .ms-MessageBar {
        bottom: 0px;
    }


.ms-Toggle label {
    word-break: break-word;
}

.duplicate-contact-icon img {
    height: 17px;
    padding-right: 4px;
}
.duplicate-contact-icon {
    margin-top: -6px !important;
    padding-right: 5px;
}

.margin-top-n5 {
    margin-top: -5px;
}

.search-date {
    margin-top: -27px;
}

.conference-call-select .ms-Toggle-label {
    margin-left: 8px;
    margin-top: -2px;
}

.conference-auto-drop {
    padding-top: 3px;
    position: absolute;
    right: 8px;
}

.custom-icon_1,
.custom-icon_1 img {
    width: 15px !important;
}

.html2canvas-container {
    width: 3000px !important;
    height: 3000px !important;
}


.report-separator {
    height: 30px;
}
.report-total {
    height: 30px;
    background-color: rgb(243, 242, 241);
    display: flex;
    align-items: center;
    padding: 8px !important;
}
    .report-total > div {
        font-weight: 500;
    }
    .report-total > div:nth-child(2) {
        text-align: right;
    }
.report-sub-total {
    height: 30px;
    display: flex;
    align-items: center;
    padding: 8px !important;
    border-bottom: 1px solid rgb(243, 242, 241);
}
    .report-sub-total:hover {
        border-bottom: 1px solid rgb(0, 120, 212);
    }

    .report-sub-total > div:first-child {
        padding-left: 16px !important;
        color: rgb(0, 120, 212) !important;
        cursor: pointer;
    }
    .report-sub-total > div:nth-child(2) {
        text-align: right;
    }

.report-row {
    height: 30px;
    display: flex;
    align-items: center;
    padding: 8px !important;
    border-bottom: 1px solid rgb(243, 242, 241);
}
    .report-row > div:first-child {
        padding-left: 16px !important;
    }

    .report-row > div:nth-child(2) {
        text-align: right;
    }


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


.message-bar-no-background {
    height: 34px;
    margin: 0px !important;
    margin-top: 16px !important;
    padding-top: 9px;
    border-bottom: 1px solid lightgrey;
}
    .message-bar-no-background > div {
        margin-left: -8px;
    }


@-webkit-keyframes dashboard-frame-blink {
    50% {
        border-color: #ff0000;
    }
}

@keyframes dashboard-frame-blink {
    50% {
        border-color: #ff0000;
    }
}

.dashboard-blink {
    animation: dashboard-frame-blink .5s step-end infinite alternate;
    -webkit-animation: dashboard-frame-blink .5s step-end infinite alternate;
}

.vm-audio-player::-webkit-media-controls-panel {
    background-color: #faf9f8;
}


@-webkit-keyframes dashboard-message-bar-blink {
    50% {
        background-color: #ff0000;
    }
}

@keyframes dashboard-message-bar-blink {
    50% {
        background-color: #ff0000;
    }
}
.dashboard-message-bar-blink {
    animation: dashboard-message-bar-blink .5s step-end infinite alternate;
    -webkit-animation: dashboard-message-bar-blink .5s step-end infinite alternate;
}

.phone-queue-column {
    background-color: unset;
    width: 85px;
    height: 60px;
    border: 1px solid red;
    margin-top: 1px;
    margin-left: -2px;
    align-items: center;
    display: flex;
}
    .phone-queue-column label {
        order: 2;
        margin: 0 auto;
        font-weight: 400;
        color: red;
        font-size: 14px;
        overflow: hidden;
        /*white-space: break-spaces;*/
        white-space: initial;
        text-align: center;
        padding-left: 2px;
        padding-right: 2px;
    }

.daily-high-priority-icon {
    font-size: 25px;
    height: auto;
    width: 15px;
    margin-top: -5.5px;
    margin-left: -5px;
    color: red;
}

.daily-low-priority-icon {
    height: auto;
    margin-top: -5px;
    margin-left: 4px;
}

    .daily-low-priority-icon > img {
        height: 11px;
        width: 9px;
    }


.mos-header-row {
    margin: 0px;
    margin-top: 10px;
    height: 55px;
    padding-top: 6px;
    padding-left: 8px;
    padding-right: 8px;
    border-bottom: 1px solid lightgrey;
}
.mos-header-column {
    padding: 0px;
    text-align: center;
    width: 65px;
    height: 55px;
    border-right: 1px solid lightgrey;
}
    .mos-header-column label {
        /*bottom: 8px;*/
        /*position: absolute;*/
        display: grid;
        margin-top: 10px;
    }

.mos-details-row {
    margin: 0px;
    height: 25px;
    border-bottom: 1px solid lightgrey;
}
.mos-details-col {
    padding: 0px;
    text-align: center;
    width: 65px;
    height: 25px;
    border-right: 1px solid lightgrey;
}
    .mos-details-col label {
        display: block;
        margin-top: 3px;
        text-align: right;
        padding-right: 10px;
    }


.ms-DatePicker-goToday {
    right: 8px;
}


.list-image-status img {
    height: 27px;
    position: relative;
    left: -7px;
}

.list-image-status-vendor img {
    height: 27px;
    position: relative;
    left: 6px;
    width: 27px;
    padding-right: 14px;
}

.inline-icon-35 i {
    font-size: 35px !important;
    color: rgb(0, 120, 212);
}

.option-no-layer .ms-ComboBox-callout {
    z-index: 99999;
    top: unset !important;
    /*bottom: unset !important;*/
    right: unset !important;
    max-height: 400px;
    overflow-y: auto;
    background-color: white;
    left: 0px !important;
    position: absolute;
}
.option-no-layer .ms-Callout-main {
    max-height: unset !important;
    overflow-y: unset !important;
}

.ms-ContextualMenu-link {
    height: unset;
    cursor: pointer;
/*    margin-top: 2px;
    margin-bottom: 2px;*/
}
    .ms-ContextualMenu-link label {
        cursor: pointer;}

.pad-top-2px {
    padding-top: 2px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.menu-item-show {
    display: unset;
}
.menu-item-hide {
    display: none;
}

.entity-prefix-opp .ms-Persona-initials {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    padding-top: 1px;
}

.menu-custom-header > button {
    font-weight: 500;
    color: rgb(0, 120, 212);
}

.context-menu-date-item {
    padding-left: 35px;
}
    .context-menu-date-item .ms-Label {
        padding-top: 6px;
        min-width: 32px;
    }
    .context-menu-date-item .ms-TextField-wrapper {
        display: flex;
    }
    .context-menu-date-item .ms-TextField-field {
        min-width: 135px;
    }
    .context-menu-date-item .ms-DatePicker-event--with-label {
        padding-right: 0px;
    }

.context-menu-button-item {
    margin-left: 31px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 70%;
}
    .context-menu-button-item .ms-Button-label {
        text-align: center;
    }

.font-icon-link {
    cursor: pointer;
    color: #0078D4 !important;
}
    .font-icon-link i {
        color: #0078D4 !important;
    }


.tag-required label::after {
    content: " *";
    color: rgb(164, 38, 44);
    padding-right: 12px;
}

.date-range-list, .date-range-list::after {
    cursor: pointer;
}

.date-range-list-help {
    font-size: 20px !important;
    color: grey !important;
    cursor: pointer !important;
    z-index: 100;
}

.commandbar-item-selected {
    background-color: #0078D7;
}

.current-user-filter {
    margin-left: 4px;
    min-width: unset;
    cursor: pointer;
    padding-left: 5px;
    width: 40px;
    height: 44px;
}
    .current-user-filter:hover {
        background-color: rgb(243,242,241);
    }

.inactive {
    color: lightgrey;
}


.notification-container {
    position: absolute;
    right: 8px;
    bottom: 12px;
    width: 465px;
    flex-direction: column-reverse;
    justify-content: flex-start;
}
.notification-item {
    box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
    border-radius: 2px;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    position: relative;
    text-align: left;
    width: 465px;
    padding-bottom: 12px;
    margin-bottom: 8px !important;
    z-index: 10000;
}
.notification-header {
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    font-weight: 600;
    flex: 1 1 auto;
    border-top: 4px solid rgb(0, 120, 212);
    color: rgb(0, 120, 212);
    display: flex;
    padding: 8px 12px 8px 12px;
}

.notification-body {
    padding: 0px 12px 12px;
}
.notification-button {
    padding-right: 8px;
}
    .notification-button .ms-Button-label {
        font-weight: normal !important;
    }

.commandbar-svg,
.commandbar-svg svg {
    height: 30px !important;
    width: 40px !important;
}

.commandbar-toolbar-svg,
.commandbar-toolbar-svg svg {
    height: 23px !important;
    width: 23px !important;
}

.custom-image-minimize,
.custom-image-minimize img {
    height: 25px;
    margin-top: 2px;
    margin-left: 1px;
}


div[name="Drafts"].ms-Nav-compositeLink button .ms-Button-flexContainer {
    padding-left: 28px;
}

.menu-item-bold .ms-ContextualMenu-itemText {
    font-weight: 500;
}

.custom-persona-contextual-menu .ms-Image,
.custom-persona-contextual-menu .ms-Persona-initials {
    display: none;
    width: 12px !important;
    height: 12px !important;
}
.custom-persona-contextual-menu .ms-Persona,
.custom-persona-contextual-menu .ms-Persona-imageArea {
    width: 12px !important;
    height: 12px !important;
}
.custom-persona-contextual-menu .ms-Persona-presence {
    height: 12px;
    width: 12px;
    top: -15px;
}
    .custom-persona-contextual-menu .ms-Persona-presence i {
        font-size: 7px;
        margin-top: 1px;
    }


.nav-item-white #link-label {
    color: white;
}
.nav-item-white .ms-Nav-chevronButton,
.nav-item-white .ms-Button {
    background-color: inherit !important;
}
.nav-item-white:hover {
    background-color: inherit !important;
}

.nav-item-black #link-label {
    color: black;
}
.nav-item-black .ms-Nav-chevronButton,
.nav-item-black .ms-Button {
    background-color: inherit !important;
}

.nav-item-black:hover {
    background-color: inherit !important;
}

.tox-promotion {
    display: none !important;
}

.persona-icon-svg-top {
    margin-top: -12px !important;
}

.persona-icon-svg-top-14 {
    margin-top: -14px !important;
}

.persona-icon-svg-top-16 {
    margin-top: -16px !important;
}

.persona-icon-svg-top-18 {
    margin-top: -18px !important;
}

.persona-icon-svg-no-margin-left {
    margin-left: 0px !important;
}
.persona-icon-svg-sharedmail-dashlet {
    margin-left: 1px;
    margin-top: -14px;
}

.image-height-14,
.image-height-14 img {
    height: 14px;
}

.image-height-18,
.image-height-18 img {
    height: 18px;
}

.pesona-border-green,
.pesona-border-green .ms-Persona-coin {
    border: 1px solid green;
    border-radius: 50%;
}

.dashlet-icon-top2, 
.dashlet-icon-top2 i {
    margin-top: -2px;
}

.svg-30 svg {
    height: 30px;
    width: 30px;
}

.custom-toolbar-button:hover {
    background-color: #0078D7 !important;
}
    .custom-toolbar-button:hover label {
        color: #ffffff;
    }
	
.ms-Nav-group,
.ms-Nav-compositeLink,
.ms-Nav-link,
.ms-Nav-chevronButton {
    transition: none !important;
    animation: none !important;
}