.dom {
    display: none;
}

.chat .item .middle ul>li:nth-of-type(odd) {
    justify-content: flex-end;
}

.chat .item .middle ul>li.received {
    justify-content: flex-start;
}

.chat .item .middle ul>li.sent {
    justify-content: flex-end;
}

.chat .item .middle ul>li:nth-of-type(odd) .bubble {
    background: #007bff;
}

.chat .item .middle ul>li:nth-of-type(odd) p {
    color: #ffffff;
}

.chat .item .middle ul>li.received .bubble {
    background: #f5f5f5;
}

.chat .item .middle ul>li.received .bubble p {
    color: #bdbac2;
}

.chat .item .middle ul>li.sent .bubble {
    background: #007bff;
}

.chat .item .middle ul>li.sent .bubble p {
    color: #ffffff;
}

.chat .item .middle ul>li span {
    margin-top: 3px;
    display: inline-block;
    text-align: right;
}

.chat .item .middle ul>li.sent .content {
    text-align: right;
}

.chat .item .middle ul>li.received span {
    text-align: left;
}

.chat .btn-send {
    color: #666;
}
.chat-content {
    position: relative;
}

.chat-content .date-info {
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);

    background: #2196F3;
    padding: 1px 5px;
    border-radius: 5px;
    color: #fff;
    width: 100px;
    margin: auto;
    margin-top: 10px;
    text-align: center;
}

.chat-content .date-box {
    background: gray;
    padding: 1px 5px;
    border-radius: 5px;
    color: #fff;
    width: 100px;
    margin: auto;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
}
.chat-messages .conversation-message .message {
    word-break: break-word;
    line-height: 1.3;
}

.chat-messages .conversation-message .icon .fas {
    display: none;
    font-size: 1rem;
}

.chat-messages .conversation-message .icon .fa-check {
    color: #007bff;
}

.chat-messages .conversation-message .icon .fa-check-double {
    color: #43b581;
}

.chat-messages .conversation-message .icon .fa-exclamation {
    color: red;
}

.chat-messages .conversation-message.status-received .icon .fa-check-double {
    display: inline;
}

.chat-messages .conversation-message.status-sent .icon .fa-check {
    display: inline;
}

.chat-messages .conversation-message.status-delivered .icon .fa-check-double,
.chat-messages .conversation-message.status-viewed .icon .fa-check-double {
    color: #bdbac2;
    display: inline;
}

.chat-messages .conversation-message.status-read .icon .fa-check-double {
    color: #43b581;
    display: inline;
}

.chat-messages .conversation-message.status-failed .icon .fa-exclamation {
    display: inline;
}

.chat-messages .conversation-message.status-queued .icon .fa-hourglass-half {
    display: inline;
}

.chat-messages .conversation-message.status-scheduled .icon .fa-clock {
    display: inline;
}

.chat-messages .conversation-message.status-deleted, .chat-messages .conversation-message.status-removed {
    opacity: 0.5;
}

.chat-messages .conversation-message.status-deleted .message, .chat-messages .conversation-message.status-removed .message {
    text-decoration: line-through;
}
.chat .item .middle ul>li.conversation-message img.media {
    border-radius: 0;
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: 0;
}

.chat .item .middle ul>li.conversation-message a.media {
    border-radius: 0;
    padding: 0 20px;
    line-height: 1.2;
}

.chat-messages .conversation-message audio {
    max-width: 100%;
}

.conversation .headline .created_at {
    margin-left: 10px;
}

.conversation .headline .unread {
    background: #43b581;
    padding: 0 6px;
    border-radius: 50%;
    color: #fff;
    height: auto;
    text-align: center;
    margin-left: 15px;
    font-size: 11px;
    margin-top: 2px;
}

.loader .fa-sync {
    color: #bdbac2;
}

.conversation {
    position: relative;
}

.conversation .divider {
    position: absolute;
    bottom: 1px;
    width: 100%;
    left: 0;
}


.chat-footer .form-group {
    margin-bottom: 15px;
}

.conversation-message i, .conversation-message [class^="icon-"], .conversation-message [class*=" icon-"] {
    font-size: 1.5rem;
}

.form-group textarea.form-control, .form-check textarea.form-control {
    padding: 4px 9px;
}

.conversation-message img.file {
    display: block;
    border-radius: 0;
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: 0;
}

.conversation-message i.file {
    display: block;
    border-radius: 0;
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: 0;
    font-size: 6rem;
    margin-bottom: 15px;
    margin-top: 10px;
}

.page-content-card-white {
    background: #fff !important;
}

.btn i.fa {
    margin-top: 5px;
}

.text-decoration-none {
    text-decoration: none;
}

.form-group>label {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}


.btn-icon-sup {
    position: relative;
    overflow: visible !important;
}

.btn-icon-sup span.sup {
    position: absolute;
    top: -17px;
    right: 0;
    color: red;
}

.conversation-active {
    background: #ECECEC !important;
}

#chat .page-content>.page-content-card>.content #chat-content-views #chat-view .chat-content .chat-messages .message-row .bubble {
    position: relative;
    padding-right: 35px;
}

.conversation-message .btn-message-action {
    position: absolute;
    padding: 0;
    width: 25px;
    min-width: 25px;
    right: 0;
    top: 5px;
}

.conversation-message .forwarded {
    position: absolute;
    left: 10px;
    top: 6px;
    opacity: 50%;
}

.comment-container {
    position: relative;
}

.comment-container .alert {
    background-color: #f2f2f2;
    padding: 12px 15px 8px;
}
.comment-container a {
    display: none;
    position: absolute;
    bottom: 4px;
    font-size: 15px;
}

.comment-container a.check {
    left: 15px;
    font-size: 17px;
}

.comment-container a.modify {
    left: 40px;
}

.comment-container a.delete {
    left: 65px;
}

.comment-container:hover a, .comment-container.editing a {
    display: block;
}

.comment-container.checked {
    opacity: 50%;
}

.comment-container.checked .comment {
    /* text-decoration: line-through; */
}
.comment-container.checked a.check {
    display: block;
}

.comment-container textarea {
    display: none;
    margin-bottom: 10px;
}

.comment-container.editing textarea {
    display: block;
}

.comment-container .comment {
    display: block;
}

.comment-container.editing .comment {
    display: none;
}

.comment-container i.save {
    display: none;
}

.comment-container.editing i.save {
    display: inline-block;
}

.comment-container i.edit {
    display: inline-block;
}

.comment-container.editing i.edit {
    display: none;
}

.user-alert-container i {
    font-size: 14px;
}

.user-alert-container .alert {
    background-color: #f2f2f2;
    padding: 12px 15px 4px;
}

.user-alert-container .alert .date i {
    display: none;
}

.user-alert-container .alert .date i.fa-clock {
    display: inline;
}

.user-alert-container.status-closed {
    opacity: 50%;
}

.user-alert-container.status-closed .alert .date i {
    display: none;
}

.user-alert-container.status-closed .alert .date i.fa-check-double {
    display: inline;
}

.user-alert-container.status-sent .alert .date i {
    display: none;
}

.user-alert-container.status-sent .alert .date i.fa-check {
    display: inline;
}

.user-alert-container.status-sent .alert {
    background-color: #E8F5E9;
}

.user-alert-container .actions {
    visibility: hidden;
}

.user-alert-container:hover .actions {
    visibility: visible;
}

.user-alert-container .actions a {
    text-decoration: none;
}


.emoji-menu {
    bottom: 100%;
}

.emoji-picker-icon {
    font-size: 23px !important;
    top: 30px !important;
}

#chat #chat-content-views #chat-view .chat-content .chat-messages .message-row {
    word-break: break-all;
}

.chat-messages .conversation-message {
    position: relative;
}

.chat-messages .conversation-message .cancel {
    position: absolute;
    display: none;

    top : 5px;
    right: 5px;
}

.chat-messages .conversation-message.user .cancel {
    right: auto;
    left: 5px;
}

.chat-messages .conversation-message.active {
    background-color: #ddd;
    border-radius: 10px;
}

.chat-messages .conversation-message.active .cancel {
    display: block;
}

.reply-form .emojionearea.form-control .emojionearea-editor {
    height: 55px;
    min-height: 55px;
    padding: 4px 9px;
}

.reply-form .emojionearea.form-control {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.12);
    border-radius: 2px;
    background: none;
    border: none;
}
.reply-form .emojionearea.form-control.focused {
    box-shadow: inset 0 0 0 2px #3C4252;
}

.conversation-message .reply-message {
    background-color: #ccc;
    padding: 8px 12px;
    border-radius: 4px;
    margin-right: -25px;
    margin-bottom: 10px;
    cursor: pointer;
}

.conversation-message .bubble-info {
    background-color: #2196F3 !important;
    border: 1px solid #2196F3 !important;
    color: #fff;
    padding: .6rem .7rem .6rem .9rem !important;
    border-radius: 5px;
    margin: auto !important;

}

.conversation-message .bubble-info i {
    height: 18px;
    color: #fff;
    margin: 0 0 0 10px;
}

.conversation-message .bubble-info .time {
    margin-left: 10px;
    color: rgba(255,255,255,0.8) !important;
}

.conversation-message .bubble-info:before {
    display: none;
}

.message-template-container .card-header {
    border-bottom: none;
    padding: 0.7rem 1.6rem 0.2rem;
    background: rgba(0,0,0,0.02);
}

.message-template-container .card-header .title {
    font-size: 14px;
}

.cnt-reply-form {
    position: relative;
    padding-top: 0;
}

.cnt-reply-form .txt-message {
    line-height: 1.3;
}

.cnt-reply-form .message-actions {
    /* position: relative; */
    padding: 5px 0;
}

.cnt-reply-form .message-actions .btn-action {
    position: relative !important;
    padding: 0 3px;
    min-width: 2.5rem !important;
}

.cnt-reply-form .message-actions .btn-action i {
    font-size: 17px !important;
    color: rgba(0,0,0);
}

.cnt-reply-form  .message-actions .btn-action-abs {
    position: absolute !important;
    padding: 0 3px;
}

.cnt-reply-form  .message-actions .btn-action i {
    color: rgba(0,0,0, 0.6);
    font-size: 2.4rem;
    height: 18px;
    line-height: 18px;
    width: 18px;
}

.reply-form .primary-actions {
    margin: 0 6px;
    margin-top: 5px;
}

.reply-form .primary-actions .btn-fab-icon {
    margin: 9px 0;
    width: 3.2rem;
    min-width: 3.2rem;
}

.reply-form .primary-actions .btn-fab-icon:disabled {
    background: transparent !important;
    opacity: 30%;
}

.menu-disabled {
    cursor: pointer !important;
    opacity: 30%;
}

.reply-form .primary-actions .btn-fab-icon i {
    color: rgba(0,0,0, 0.6);
}

.reply-form .primary-buttons {
    margin-top: 5px;
}

.chat-footer {
    min-height: 0 !important;
    max-height: 130px !important;
}

.chat-footer.chat-footer-expanded {
    min-height: 0 !important;
    max-height: 420px !important;
}

@media(max-width: 767px) {
    .btn-fab {
        line-height: 3.2rem;
        width: 3.2rem;
        min-width: 3.2rem;
        height: 3.2rem;
        min-height: 3.2rem;
    }

    i, [class^="icon-"], [class*=" icon-"] {
        font-size: 1.8rem;
    }

    .btn-icon-sup span.sup {
        font-size: 1rem;
        top: -10px;
    }
}



#chat .page-content>.page-content-card .avatar-wrapper .status {
    display: none;
}

#chat .page-content>.page-content-card .avatar-wrapper:hover .status {
    display: block;
}

#chat .page-content>.page-content-card .avatar-wrapper .status.selected {
    display: block;
    color: #2196F3 !important;
}


.partner-frame-container {
    z-index: 99;
    position: absolute;
    width: 100%;
    top: 0;
    background: #ddd;
}

.partner-frame-container .toolbar {
    background-color: #F3F4F5;
    border-bottom: 1px solid rgba(0,0,0,0.08);

    height: 6.4rem;
    max-height: 6.4rem;

    flex: 1 0 auto;
}

.client-contact {
    border-bottom: 1px solid #ddd;
}



@keyframes glowing {
    0% { box-shadow: 0 0 -10px #ccc; }
    40% { box-shadow: 0 0 20px #ccc; }
    60% { box-shadow: 0 0 20px #ccc; }
    100% { box-shadow: 0 0 -10px #ccc; }
}

.glowing {
    animation: glowing 1000ms infinite;
}

.message-glow .bubble {
    animation: glowing 1000ms infinite;
}

@keyframes blink {
    0% {
      opacity: 0;
    }
    50% {
      opacity: .5;
    }
    100% {
      opacity: 1;
    }
}

.blink {
    animation: blink 1s linear infinite;
}

.emoji-picker {
    z-index: 999;
    top: -30px !important;
    left: -185px !important;
}

.emoji-picker .emoji-picker__preview {
    display: none !important;
}

@media(max-width: 767px)
{
    .emoji-picker {
        top: -50px !important;
        left: 0 !important;
    }
}

.card-switch-agency {
    box-shadow: none;
    border-bottom: 1px solid #ddd;
}

.card-switch-agency .card-header {
    font-size: 2rem;
    text-align: center;
}

.card-switch-agency .list-group {
    border: none;
    box-shadow: none;
    padding: 0;
}

.card-switch-agency .list-group .list-group-item {
    display: block;
    border-bottom: 1px solid #ddd;
    transition: all 0.1s;
    cursor: pointer;
}

.card-switch-agency .list-group .list-group-item a {
    text-decoration: none;
}

.card-switch-agency .list-group .list-group-item.active,
.card-switch-agency .list-group .list-group-item:hover,
.card-switch-agency .list-group .list-group-item:focus,
.card-switch-agency .list-group .list-group-item:active {
    background-color: #fff;
    color: inherit;
}

.card-switch-agency .list-group .list-group-item h3 {
    display: block;
    font-size: 1.5rem;
}

.card-switch-agency .list-group .list-group-item h6 {
    display: block;
    font-size: 1rem;
}

.card-switch-agency .list-group .list-group-item .check {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 15px;

    font-size: 1.8rem;
    width: 1.8rem;
    height: 1.8rem;

    display: none;
    color: #2196F3;
}

.card-switch-agency .list-group .list-group-item.active .check,
.card-switch-agency .list-group .list-group-item:hover .check,
.card-switch-agency .list-group .list-group-item:focus .check,
.card-switch-agency .list-group .list-group-item:active .check {
    display: block;
}

#chat-view {
    position: relative;
}

#chat-view .dropzone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    z-index: 99;
    background-color: rgba(0,0,0,0.5);
    transition: visibility 175ms, opacity 175ms;

    visibility:hidden;
    opacity:0;
}


#chat-view .dropzone.hover {
    visibility:visible;
    opacity:1;
}

#chat-view .dropzone .dz-message {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    color: #fff;
    font-size: 3rem;
}

.font-slider {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.font-slider .slider {
    margin-left: 10px;
    margin-right: 10px;
    width: 200px;
}

.font-slider .font-size sup {
    font-size: 16px;
    font-weight: bold;
    left: -5px;
    top: -5px;
    color: rgba(0,0,0,0.54);
}

.font-slider .font-size i {
    font-size: 14px;
    width: 14px;
    height: 14px;
}


.slider .ui-slider {
    height: 5px;
    background-color: #c5c5c5;
}

.slider .ui-slider-horizontal .ui-slider-handle {
    top: -7px;
    background-color: #2196F3 !important;
    border-color: #2196F3 !important;
    color: #2196F3 !important;
    outline-color: #2196F3 !important;
    outline: none !important;
    border: none !important;
    border-radius: 50%;
}

.chat-messages .selector {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 1.7rem;
    font-weight: 500;
    text-align: center;
    margin-top: 15px;
    margin-right: 15px;
}

#chat .page-content>.page-content-card>.content #chat-content-views #chat-view .chat-content .chat-messages .message-row.user .selector {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    margin: 0 0 0 0;
}


.chat-view .conversation-message .selector {
    display: none;
}

.chat-view .answer-form {
    display: flex;
}

.chat-view .selection-form {
    display: none;
}

.chat-view.chat-view-selection .conversation-message .selector {
    display: inline-block;
}

.chat-view.chat-view-selection .answer-form {
    display: flex;
}

.chat-view.chat-view-selection .selection-form {
    display: flex;
}

.chat-view.chat-view-single .conversation-message .selector {
    display: none;
}

.chat-view.chat-view-single .answer-form {
    display: flex;
}

.chat-view.chat-view-single .selection-form {
    display: flex;
}

.chat-view.chat-view-single .selection-form #btn_forward {
    display: none;
}


.unread-conversations-count {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
}


ul.context-menu-list ul.context-menu-list {
    max-height: 500px;
    overflow-y: auto;
}

.dropdown-menu.dropdown-scrollable {
    max-height: 700px;
    overflow-y: auto;
}


pre.message {
    font-family: "Roboto","Helvetica Neue",sans-serif;
    font-size: 100%;
}


.dtr-details .dtr-title {
    margin-left: 10px;
    margin-right: 10px;
}

.font-1 {
    font-size: 1rem;
}


.btn-md {
    height: 30px;
    line-height: 31px;
}

.jq-icon-info
{
    background: #665dfe !important;
}

.steps-container
{
    position: relative;
    overflow: hidden;
    padding-top: 0;
}

.steps-container .form-title
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: none;
}

.steps-container .form-steps
{
    overflow: hidden;
    position: relative;
}

.steps-container .form-steps .form-step
{
    position: relative;
    display: none;
    overflow: hidden;
}

.steps-container .form-steps .form-step .form-step-inner
{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
}

.steps-container .form-steps .form-step .form-step-inner .form-step-box
{
    max-width: 600px;
    margin: auto;
}

.steps-container .form-step .form-group
{
    margin-top: 30px;
    margin-left: 31px;
}

.steps-container .form-step .form-group .fa-arrow-right
{
    font-size: 18px;
    color: #2196F3;
    margin-right: 7px;
    position: absolute;
    left: -30px;
    top: 10px;
}

.steps-container .form-step .form-group label
{
    font-size: 2.4rem;
    color: #3C4252 !important;
    margin-bottom: 0;
}

.steps-container .form-step .form-group small
{
    font-size: 1.4rem;
    color: #999 !important;
}

.steps-container .form-step .form-group input
{
    font-size: 2.4rem;
    text-align: left;
    margin-top: 20px;
}

/* Chrome, Safari, Edge, Opera */
.steps-container .form-step .form-group input::-webkit-outer-spin-button,
.steps-container .form-step .form-group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.steps-container .form-step .form-group input[type=number] {
  -moz-appearance: textfield;
}

.steps-container .form-step .form-group .message
{
    margin-top: 3px;
    font-size: 1.8rem;
}

.steps-container .form-step .form-step-action
{
    margin-top: 50px;
}

#login-v2.registration-wizard
{
    background: none;
}

#login-v2.registration-wizard .bg-wrapper
{
    background-position: center center;
    background-size: cover;

    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
}

#login-v2.registration-wizard .form-wrapper
{
    width: 50%;
}

#login-v2.registration-wizard .form-wrapper .form-content
{
    width: 100%;
}

.a-align-bottom
{
    position: absolute;
    bottom: 20px;
}


.reply-box
{
    order: 1;
}

.action-box
{
    order: 2;
}

.send-box
{
    order: 3;
}

@media(max-width: 767px)
{
    .reply-box
    {
        order: 2;
        margin-left: 20px;
        margin-right: 20px;
    }

    .action-box
    {
        order: 1;
        width: 100%;
        margin-top: 0 !important;
    }

    .action-box button
    {
        margin: 5px 0 !important;

        line-height: 1.8rem !important;
        height: 1.8rem !important;
        min-height: 1.8rem !important;
    }

    .send-box
    {
        order: 3;
    }

    .send-box .btn
    {
        margin-top: 10px
    }

    .chat-footer {
        min-height: 0 !important;
        max-height: 170px !important;
    }

    .font-slider
    {
        display: none;
    }
}



#toolbar
{
    position: relative !important;
}

#wrapper
{
    min-height: calc(100vh - 64px) !important;
}

#wrapper .content
{
    margin-top: 0 !important;
}


#dropdownUserMenuContainer
{
    position: absolute !important;
    top: 0 !important;
    transform: none !important;
    right: 0 !important;
    left: auto !important;
}


.call-container
{
    border-bottom: 1px solid #ddd;
}

.text-strike-through
{
    text-decoration: line-through;
}

.context-menu-separator
{
    margin: 0 !important;
    padding: 3px !important;
}

.blue-dot
{
    background: #33a1ef;
    border-radius: 50%;

    position: absolute;
    top: 6px;
    right: 9px;
    width: 7px;
    height: 7px;
    content: " ";
}

.orange-dot
{
    background: #FF9800;
    border-radius: 50%;

    position: absolute;
    top: 16px;
    right: 9px;
    width: 7px;
    height: 7px;
    content: " ";
}

.red-dot
{
    background: red;
    border-radius: 50%;

    position: absolute;
    top: 26px;
    right: 9px;
    width: 7px;
    height: 7px;
    content: " ";
}

.bg-inactive
{
    opacity: 60%;
}

i.avatar
{
    color: gray;
    font-size: 26px;
    padding: 7px 5px;
    border-radius: 50%;
    background: #EBECEF;
    width: 40px;
    height: 40px;
}


.emoji-picker
{
    width: 700px !important;
    height: 34.5rem !important;
}

.emoji-picker .emoji-picker__emojis
{
    width: 100% !important;
    height: 25rem;
}

.emoji-picker .emoji-picker__emoji
{
    font-size: 2rem;
    width: 1.5em;
    height: 1.5em;
}

.flex-grow-1
{
    flex-grow: 1;
}

.contact .menu {
    position: absolute;
    top: -5px;
    left: 0px;
    right: auto;
}

.contact .menu i {
    font-size: 15px;
}

.pdf-preview-container
{
    height: 200px;
    border-radius: 5px;
    overflow: hidden;
}

.request-code
{
    font-size: 35px !important;
    font-weight: bold;
    width: 220px;
}