.callnotes-wrap {
    pointer-events: none;
}

.drag_modal {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    right: auto !important;
    bottom: auto !important;
    top: 100px;
}

.drag_title {
    cursor: move;
}

.ant-modal {
    top: auto !important;
    padding-bottom: 0 !important;
}

.callbox-empty {
    border: 1px solid rgb(240, 240, 240);
    background-color: #f9f9f9;
    text-align: center;
    line-height: 80px;
    height: 80px;
}

.dark .callbox-empty {
    background: #222;
    border: 1px solid #111;
}

.callbox {
    border-width: 1px;
    height: 80px;
    padding: 4px;
}

.phone-activity-table tr.ringing,
.callbox.ringing {
    background-color: #FFCC99;
    border: 1px solid #ee8181;
}

.phone-activity-table tr.transferring,
.callbox.transferring {
    background-color: #90EE90;
    border: 1px solid #619e67;
}

.phone-activity-table tr.connected,
.callbox.connected {
    background-color: #AEEEEE;
    border: 1px solid #61819e;
}

.callbox.shared {
    background-color: #DEDEDE;
    border: 1px solid #B3B3B3;
}

.phone-activity-table tr.hold,
.callbox.hold {
    background-color: #FFF68F;
    border: 1px solid #c2ae38;
}

.callbox.passive {
    background-color: #DEDEDE;
    border: 1px solid #B3B3B3;
}

.dark .phone-activity-table tr.ringing,
.dark .callbox.ringing {
    background-color: #d32029;
    border: 1px solid #a61d24;
}

.dark .phone-activity-table tr.transferring,
.dark .callbox.transferring {
    background-color: #306317;
    border: 1px solid #619e67;
}

.dark .phone-activity-table tr.connected,
.dark .callbox.connected {
    background-color: #1765ad;
    border: 1px solid #61819e;
}

.dark .callbox.shared {
    background-color: #222;
    border: 1px solid #B3B3B3;
}

.dark .phone-activity-table tr.hold,
.dark .callbox.hold {
    background-color: #aa7714;
    border: 1px solid #c2ae38;
}

.dark .callbox.passive {
    background-color: #777;
    border: 1px solid #B3B3B3;
}

.dark .callbox.shared span.link {
    color: #7D7D7D;
}

.callbox .controls {
    background: #FFFFE0;
    border: 1px solid #7D7D7D;
    height: 36px;
    position: relative;
    padding-top: 4px;
    padding-bottom: 4px;
}

.dark .callbox .controls {
    background: #111d2c;
}

.callbox .screen-pop, .callbox .client, .callbox .caller {
    text-align: right;
    font-size: .95em;
    line-height: .95em;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
}

.callbox span.link {
    color: blue;
    cursor: pointer;
}

.dark .callbox span.link {
    color: #111d2c;
}

.callbox .action {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 5px;
    top: 5px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #7D7D7D;
    background: #e0e0e0;
}

.dark .callbox .action {
    color: #222;
}

.callbox .duration {
    text-align: center;
    font-size: .85em;
    line-height: .95em;
    font-weight: bold;
    margin-bottom: 2px;
}

.callbox .notes {
    font-size: .85em;
    text-align: center;
    line-height: .95em;
}

.callbox .notes.editable {
    cursor: pointer;
}

.console-toolbar button span+i, .console-toolbar button i+span {
    margin-left: 4px;
}

.console-toolbar .ant-btn-group+.ant-btn-group {
    margin-left: 4px;
}

.chat-tab .ant-tabs-content-left, .chat-tab .ant-tabs-content-holder, .client-tab .ant-tabs-content-bottom, .client-tab .ant-tabs-content-holder, .associate-tabs .ant-tabs-content-bottom, .associate-tabs .ant-tabs-content-holder {
    position: relative;
    height: 100%;
}

.associate-tabs .ant-tabs-content-holder .associates {
    overflow-y: auto;
    margin-top: -8px;
}

.associate-tabs .ant-tabs-nav {
    margin-top: 4px;
}

.company-letters {
    padding: 0;
    margin: 0;
}

.company-letters li {
    font-size: 1.5em;
    margin-right: 5px;
    list-style-type: none;
    padding: 0;
    display: inline-block;
}

.companies-list {
    padding: 0;
    margin: 0;
}

.companies-list li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.companies-list h1 {
    margin: 0 !important;
    padding: 0;
}

.phone-activity-table .ant-empty {
    display: none;
}

.client-information iframe {
    border: 1px solid #595959;
    width: 100%;
}