/**
 *
 * Apply your custom CSS here
 *
*/

body {
}

a {
}

table.sortable thead {
    background-color: #eee;
    color: #666666;
    font-weight: bold;
    cursor: default;
}

.grey_out {
    background: #808080 !important;
    cursor: default;
}

/* rajat-start-time-css */
.up-button {
    background: red;
    color: #fff;
    margin-left: 0px;
}

.main-table-content label {
    font-weight: bold;
    font-size: 13px;
    margin: 0px;
    line-height: 31px;
}

.main-table-content p {
    font-weight: bold;
    font-size: 15px;
    margin: 0px;
    line-height: 31px;
}

.button-div {
    padding-top: 125px;
}

.pad_0 {
    padding-left: 0px;
    padding-right: 0px;
}

.main-table-content h2 {
    color: #4ccde0;
    font-size: 20px;
}

.main-table-content {
    background: #e6ecff none repeat scroll 0 0;
    margin-bottom: 0;
    margin-top: 10px;
    border-radius: 8px;
    width: 98%;
}

#calldetail {
    overflow: hidden;
    width: 97%;
    margin: 0 auto;
}

.activity-div-cls .activity-sub-cls {
    display: none;
}

.activity-div-cls {
    height: auto;
    padding-bottom: 10px;
}

.register-ext-cls .form-group {
    width: 78%;
}

.register-ext-cls .form-group input {
    padding: 7px;
    width: 100%;
}

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

.parkOuter {
    display: block;
    float: left;
    width: 100%;
}

.fileupload {
    width: 100px;
    height: 50px;
    position: relative;
    overflow: hidden;
    background: . . .; /* and other things to make it pretty */
}

.fileupload input {
    position: absolute;
    top: 0;
    right: 0;
    /* not left, because only the right part of the input seems to
                    be clickable in some browser I can't remember */
    cursor: pointer;
    opacity: 0.0;
    filter: alpha(opacity=0);
    /* and all the other old opacity stuff you
                                    want to support */
    font-size: 300px;
    /* wtf, but apparently the most reliable way to make
                            a large part of the input clickable in most browsers */
    height: 200px;
}

/* rajat-start-time-css */

.chat-area {
    display: inline-block;
    background-color: #fff;
}

.chat-history {
    display: block;
}

.chat-history ul, .people-list ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.chat-message .users_typing_block {
    position: absolute;
    color: #0DC1FD;
    left: 18px;
    top: -27px;
}

.chat {
    /*width: 490px;*/
    background: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #434651;
    position: relative;
}

.chat .showMoreMessages {
    background-color: #EDEDED;
    width: calc(100% + 60px);
    z-index: 999;
    padding: 10px 0px;
    text-align: center;
    color: black;
    margin: -30px -30px 20px;
    cursor: pointer;
    font-size: 14px;
}

#contacts_container .showMoreContacts{
    background-color: #EDEDED;
    z-index: 999;
    padding: 8px 0px;
    text-align: center;
    color: black;
    cursor: pointer;
    font-size: 12px;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 0px;
}

.chat .chat-header {
    padding: 8px;
    border-bottom: 0px solid white;
}

.chat .chat-header img {
    float: left;
    /* border-radius: 50%; */
}

.chat .chat-header .chat-about {
    float: left;
    padding-left: 10px;
    margin-top: 6px;
}

.chat .chat-header .chat-with {
    font-weight: bold;
    font-size: 16px;
    float: left;
    height: 26px;
}

.chat .chat-header .chat-with .chat-with-contact_name {
    color: #006FB7;
}

.chat .chat-header .chat-with .chat-with-contact_name_edit {
    color: #9FBCE4;
    border: 1px solid #9FBCE4;
    background-color: transparent;
    font-weight: normal;
    padding-left: 3px;
    display: none;
    height: 22px;
}

.chat .chat-header .chat-about i {
    color: #006FB7;
    cursor: pointer;
    margin-left: 6px;
    font-size: 15px;
    margin-top: 3px;
    line-height: 21px;
}

.chat .chat-header .chat-about i#editNameIcon {
    line-height: 16px;
}

.chat .chat-header .chat-about i#editNameSave, .chat .chat-header .chat-about i#editNameClose {
    display: none;
}

.chat .chat-header .chat_icons {
    float: right;
    position: relative;
    display: flex;
    align-items: center;
}

.chat .chat-header .chat_icons i {
    font-size: 17px;
    padding-right: 11px;
    color: #006FB7;
    cursor: pointer;
    float: left;
    margin-left: 0px;
}

.chat .chat-header .chat_icons #ativeContactReadIcon {
    padding-right: 11px;
    float: left;
}

.chat .chat-header .view_records {
    float: right;
    position: relative;
    height: 25px;
    padding-top: 6px;
}

.chat .chat-header .chat-num-messages {
    color: #92959E;
}

.chat .chat-header .fa-star {
    float: right;
    color: #D8DADF;
    font-size: 20px;
    margin-top: 12px;
}

.chat .chat-history {
    padding: 30px 30px 20px;
    border-bottom: 2px solid white;
    background-color: #fff;
}

.chat .chat-history .message-data {
    margin-bottom: 15px;
}

.chat .chat-history .message-data-time {
    color: #a8aab1;
    padding-left: 6px;
}

.chat .chat-history .message {
    padding: 15px 17px;
    line-height: 26px;
    font-size: 16px;
    border-radius: 7px;
    margin-bottom: 30px;
    width: 90%;
    position: relative;
}

.chat .chat-history .message:after {
    bottom: 100%;
    left: 7%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #f7f7f7;
    border-width: 10px;
    margin-left: -10px;
}

.chat .chat-history .my-message {
    background: #f7f7f7;
}

.chat .chat-history .message.system-message {
    width: 100%;
    text-align: center;
    background: RGBA(252, 255, 204, 0.6);
    font-weight: bold;
    padding: 10px;
}

.chat .chat-history .message.system-message.method_301 {
    background: RGBA(171, 254, 170, 0.3);
}

.chat .chat-history .message.system-message.method_304 {
    background: RGBA(253, 191, 251, 0.3);
}

.chat .chat-history .message.system-message:after {
    border-bottom-color: RGBA(252, 255, 204, 0.6);
    left: 93%;
}

.chat .chat-history .message.system-message.method_301:after {
    border-bottom-color: RGBA(171, 254, 170, 0.3);
}

.chat .chat-history .message.system-message.method_304:after {
    border-bottom-color: RGBA(253, 191, 251, 0.3);
}

.chat .chat-history .other-message {
    background: #e7f1f6;
}

.chat .chat-history .other-message:after {
    border-bottom-color: #e7f1f6;
    left: 93%;
}

.chat .chat-history .other-message.method_115 {
    background: #EAF7F9;
    border: 3px solid #EAF7F9;
}

.chat .chat-history .other-message.method_115:after {
    border-bottom-color: #EAF7F9;
    left: 93%;
}

.chat .chat-history .other-message.method_11 {
    background: #E7FEF1;
    border: 3px solid #E7FEF1;
}

.chat .chat-history .other-message.method_11:after {
    border-bottom-color: #E7FEF1;
    left: 93%;
}

.chat .chat-message {
    /* padding-top: 8px; */
    padding-bottom: 0px;
    border-top: 1px solid #dee5ec;
    background-color: #D1ECFF;
}

.chat .chat-message textarea {
    width: 100%;
    border: 0px;
    padding: 10px 20px;
    font: 14px/22px "Lato", Arial, sans-serif;
    margin-bottom: 10px;
    border-radius: 0px;
    resize: none;
}

.chat .chat-message .chat-message-textarea {
    /*  border: 1px solid #DDDFE2;*/
    background-color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0rem 0.5rem;
}

.chat .chat-message .chat-message-actions {
    border: 1px solid #DDDFE2;
    background-color: white;
    border-width: 0px 0px 1px 0px;
    display: inline-table;
    width: 100%;
    line-height: 50px;
}

.chat .chat-message .fa-file-o, .chat .chat-message .fa-file-image-o {
    font-size: 16px;
    color: gray;
    cursor: pointer;
    margin-top: 17px;
}

.chat .chat-message button {
    float: right;
    cursor: pointer;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #006FB7;
    margin: 10px;
    border-radius: 0px;
}

.online {
    color: #86BB71;
}

.offline {
    color: #E38968;
}

.me {
    color: #94C2ED;
}

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

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

.float-right {
    float: right;
}

.chat-history ul li {
    position: relative;
}

.chat-history ul li:hover .deleteMessage {
    display: block;
}

.chat-history ul li:hover .hotsos_icon {
    display: block;
}

#btnAddCampaignFailed:hover {
    cursor: default;
}

#btnAddCampaignTesting:hover {
    cursor: default;
}

.deleteMessage {
    display: none;
    position: absolute;
    right: 17px;
    top: 57px;
    z-index: 1;
    font-size: 14px;
    cursor: pointer;
}

.hotsos_icon {
    display: none;
    position: absolute;
    right: 40px;
    top: 57px;
    z-index: 999;
    font-size: 14px;
    cursor: pointer;
}

.failedMessage {
    position: absolute;
    right: 37px;
    top: 57px;
    z-index: 1;
    font-size: 14px;
    cursor: pointer;
    color: #E60039;
}

.failedMessage.not-failed {
    display: none;
}

.my-message-container .deleteMessage {
    right: calc(10% + 17px);
}

.my-message-container .hotsos_icon {
    right: calc(10% + 40px);
}

.chat-history ul li:hover .deleteFile {
    display: block;
}

.deleteFile {
    display: none;
    position: absolute;
    top: 40px;
    z-index: 999;
    font-size: 14px;
    cursor: pointer;
}

.my-message-container .deleteFile {
    right: calc(82% + 17px);
}

.chat_icons .badge {
    font-size: 9px;
    position: absolute;
    top: -1px;
    right: -1px;
    min-width: 18px;
    font-weight: 400;
    line-height: 1;
    width: 18px;
    height: 18px;
    padding: 5px 0px 0px 0px;
    cursor: pointer;
}

#newMesageOverlay {
    position: absolute;
    z-index: 890;
    position: fixed;
    right: 0PX;
    bottom: 0px;
    max-width: 500px;
    width: 100%;
    background-color: white;
    font: 14px/22px "Lato", Arial, sans-serif;
    display: none;
}

.newMessageHeader {
    background: #006FB7 none repeat scroll 0 0;
    padding: 10px;
    font-weight: 500;
    color: white;
    font-size: 18px;
}

.newMessageHeader .close {
    color: white;
    font-weight: 100;
    opacity: 1;
}

.newMessageBody {
    padding: 15px;
    position: relative;

    border: 1px solid #DDDFE2;
    border-top: 0px;
    border-bottom: 0px;
}

.newMessageBody #to {
    padding: 10px 20px;
    width: 100%;
    margin-bottom: 0px;
}

.newMessageBody #to_2 {
    padding: 10px 20px;
    width: 100%;
    margin-bottom: 22px;
}

.newMessageBody textarea {
    width: 100%;
    /* border: none; */
    padding: 10px 20px;
    margin-bottom: 10px;
    margin-top: 19px;
    /* border-radius: 5px; */
    resize: none;
}

.newMessageBody #newMessageContactsData {
    position: absolute;
    top: 61px;
    left: 15px;
    width: calc(100% - 30px);
    /* margin: 15px; */
    background-color: white;
    max-height: 150px;
    overflow: auto;
    border: 1px solid #A9A9A9;
    border-top: none;
    display: none;
}

.newMessageBody #newMessageContactsData #neMessageContactsTable {
    height: auto;
    width: 100%;
}

.newMessageBody #newMessageContactsData #neMessageContactsTable tr {
    border-bottom: 1px solid #efefef;
}

.newMessageBody #newMessageContactsData #neMessageContactsTable tr.highlighted {
    background-color: #95B7DA;
}

.newMessageBody #newMessageContactsData #neMessageContactsTable tr td {
    text-align: left;
    padding: 10px 0;
}

.error {
    border-color: red !important;
}

/* ALL CONTACTS TABLE CSS CHANGES */
#all-contacts table tr a#lnkEditContactSave, /* ALL CONTACTS TABLE CSS CHANGES */
#all-contacts table tr a#lnkEditConctactClose,
#all-contacts table tr input#txtEditContactName {
    display: none;
}

/* ALL CHANGES IN SETTINGS.HTML */
#userSettings .form-group, #userSettings .checkbox {
    margin-bottom: 24px !important;
}

/* ALL CHANGES IN EDIT-PROFILE.HTML */
#editProfile .form-group, #editProfile .checkbox {
    margin-bottom: 24px !important;
}

#tabSummaryView .dataTables_wrapper .dataTables_length, #tabDetailsView .dataTables_wrapper .dataTables_length {
    float: right;
}

#tabEditProfile .form-horizontal .form-control, #tabCustomerDetails .form-horizontal .form-control {
    line-height: 1.6;
    border: none;
    background: none;
    padding: 6px 27px;
}

#tabEditProfile .form-horizontal .control-label, #tabCustomerDetails .form-horizontal .control-label {
    font-weight: bold;
}

#tabEditProfile .form-horizontal .radio-inline, #tabCustomerDetails .form-horizontal .radio-inline {
    padding-left: 0px;
    padding-top: 0px;
}

.nav.nav-tabs.innerTabs > li > a {
    color: #18293A;
    background: transparent;
}

.innerTabs.nav.nav-tabs + .tab-content {
    background-color: rgba(209, 236, 255, 0.4);
}

.nav.nav-tabs.innerTabs > li.active > a {
    background-color: #D1ECFF;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes animateColor {
    from {
        color: red;
    }
    to {
        color: yellow;
    }
}

/* Standard syntax */
@keyframes animateColor {
    from {
        color: red;
    }
    to {
        color: yellow;
    }
}

#incomingMessage_notification {
    color: red;
    animation-name: animateColor;
    animation-duration: 4s;
}

footer.main-footer {
    margin-top: 10px !important;
}

#exit_access_bar {
    position: fixed;
    top: 0;
    line-height: 40px;
    padding: 0;
    width: 100%;
    background-color: #8dc63f;
    color: #fff;
    font-weight: 700;
    z-index: 10000003;
    font-size: 14px;
    display: none;
}

#exit_access_bar a {
    color: #fff;
}

#free_trial_bar {
    position: fixed;
    top: 0;
    line-height: 40px;
    padding: 0;
    width: 100%;
    background-color: #f05a28;
    color: #fff;
    font-weight: 700;
    z-index: 10000003;
    font-size: 14px;
    display: none;
}

#free_trial_bar a {
    color: #fff;
}

/*large*/
@media (min-width: 1200px) {
    .lessthanlargescreencolumn {
        display: none;
    }

    .lessthanmediumscreencolumn {
        display: none;
    }

    .lessthansmallscreencolumn {
        display: none;
    }

    .summaryRow {
        display: none;
    }
}

/* medium */
@media (max-width: 1199px) {
    .smallscreencolumn {

    }

    .mediumscreencolumn {
    }

    .largescreencolumn {
        display: none;
    }

    .lessthanlargescreencolumn {
        display: table-cell;
    }

    .lessthanmediumscreencolumn {
        display: none;
    }

    .lessthansmallscreencolumn {
        display: none;
    }
}

/* small */
@media (max-width: 991px) {
    .smallscreencolumn {

    }

    .mediumscreencolumn {
        display: none;
    }

    .largescreencolumn {
        display: none;
    }

    .lessthanlargescreencolumn {
        display: table-cell;
    }

    .lessthanmediumscreencolumn {
        display: table-cell;
    }

    .lessthansmallscreencolumn {
        display: none;
    }
}

/* extra small */
@media (max-width: 767px) {
    .smallscreencolumn {

    }

    .mediumscreencolumn {
        display: none;
    }

    .largescreencolumn {
        display: none;
    }

    .nav.nav-tabs + .tab-content {
        padding: 19px;
    }

    .panel {
        padding: 20px 19px;
    }
}

.expandedRow {
    background-color: #DBDBDB !important;
}

.expandedRow td:first-child {
    background-color: #DBDBDB !important;
}

.summaryRow td {
    padding: 0px;
}

.summaryRow td > ul {
    list-style: none;
    margin: 0px;
    padding: 0px;

}

.summaryRow td > ul > li {
    width: 100%;
    float: left;
    padding: 8px 0px;
    border-top: 1px solid #ddd;
}

.summaryRow td > ul > li .left {
    padding-left: 20px;
    float: left;
    font-weight: bold;
    width: 150px;
    height: 1px;
    display: inline-table;
}

.summaryRow td > ul > li .right {
    padding-left: 10px;
    float: left;
    width: calc(100% - 150px);
    height: 1px;
    display: inline-table;
}

.summaryRow td > ul > li.odd {
    background-color: #fff;
}

.summaryRow td > ul > li.even {
    background-color: #fff;
}

.summaryRow td > ul > li:hover {
    background-color: #f5f5f5;
}

#rowSummaryPopup {
    position: absolute;
    background-color: #D1ECFF;
    color: #232b2d;
    z-index: 9999;
    padding: 8px 16px;
    border: 1px #232b2d solid;
    border-radius: 7px;
    min-width: 314px;
    display: none;
}

#rowSummaryPopup tr td {
    padding: 6px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0px !important;
    margin: 0px !important;
    border-width: 0px !important;
    float: left;
}

/* extra small */
@media (max-width: 767px) {
    .nav.nav-tabs > li {
        width: 100%;
        display: none;
    }

    .nav.nav-tabs > li.visibleforsmallscreen {
        display: block;
    }

    .nav.nav-tabs > li > a {
        margin-right: 0px;
        background-color: #f4f4f4 !important;
        cursor: pointer;
    }

    .nav.nav-tabs > li.active {
        display: inline-block;
    }

    .nav.nav-tabs > li.active a {
        background-image: url(../images/list-grey.png);
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: calc(100% - 10px);
        background-size: 15px;
    }

    .nav.nav-tabs.innerTabs > li > a {
        background-color: #006fb7 !important;
        color: white !important;
    }

    .nav.nav-tabs.innerTabs > li.active > a {
        background-image: url(../images/list-white.png);
    }
}

table.dataTable td, table.dataTable th {
    word-break: initial;
}

.uploadedContactsListPreview {
    margin-left: 17px;
    width: calc(100% - 34px);
    display: none;
}

.uploadedContactsListPreview .uploadedContactsList {

}

#automaticSchedulingTable td {
    text-align: center;
}

#automaticSchedulingTable td select,
#automaticSchedulingTable td span {
    width: 100%;
    min-width: 117px;
}

#automaticSchedulingTable td span {
    display: inline-table;
    text-align: left;
}

#automaticSchedulingTable td input[type=text] {
    width: 100%;
    min-width: 72px;
}

#siteloader {
    position: fixed;
    background-color: transparent;
    z-index: 9999;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    text-align: center;
    display: none;
}

#siteloader .inner {
    position: fixed;
    width: 100%;
    height: 50%;
}

#siteloader img {
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 54px;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    opacity: 0 !important;
}

#dashboard_contacts_ul {
    list-style: none;
    padding: 0px;
}

#dashboardContainer {
    border: #DDDFE2 solid 1px;
}

#dashboard_contacts_ul li {
    position: relative;
    padding: 0px;
    display: inline-block;
    width: 100%;
    margin-top: -1px;
}

#dashboard_contacts_ul li > div {
    padding: 0 11px 0 11px;
    cursor: pointer;
}

#dashboard_contacts_ul li.selected {
    background: #006FB7;
    color: #D1ECFF;
}

#dashboard_contacts_ul li.selected .contactlist_seperator {
    border-color: #006FB7;
}

#dashboard_contacts_ul li.selected .lastactivity {
    color: #fff;
}

#dashboard_contacts_ul li.selected .room_number {
    color: #fff;
}

#dashboard_contacts_ul li .name {
    margin-top: 6px;
    cursor: pointer;
}

#dashboard_contacts_ul li .name .contact_viewmore {
    margin-left: 5px;

}

#dashboard_contacts_ul li.selected .name .contact_viewmore {
    color: #D1ECFF;
}

.popover .popover-content {
    color: black;
}

#dashboard_contacts_ul li .lastactivity {
    color: #9C949C;
    font-size: 12px;
}

#dashboard_contacts_ul li .room_number {
    color: #9C949C;
    font-size: 12px;
}

.contacts_filters {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    border-left: 1px solid #00000094;
    padding-left: 6px;
}

.contacts_filters input[type=checkbox].iswitch {

	margin-bottom: 0px !important;
}

.contactlist_seperator {
    border-bottom: 1px solid #DDDFE2;
    margin-top: 0px;
}

.dashboard_search_container input.search-field {
    margin: 11px;
    width: calc(100% - 22px);
}

#dashboard_contacts_ul li .contactlist_seperator {

}

.dashboard_contacts_container {
    background: white;
    border-right: 1px solid #DDDFE2;
}

#dashboard_contacts_ul li .contactstatus {
    position: absolute;
    top: 14px;
    right: 18px;
}

.dashboard_search_header {
    font-weight: bold;
    font-size: 15px;
    padding-top: 17px;
    height: auto;
    /* height: 48px; */
    margin-left: 5px;

}

#dashboard_contacts_ul .registered-ext-on-call {
    background: none;
}

#dashboard_contacts_ul .registered-ext-idle {
    background: none;
}

@media (max-width: 991px) {
    #main_body {
        margin-left: -30px;
        margin-right: -30px;
    }
}

.page-container .main-content .navbar {
    background: #18293A none repeat scroll 0 0;
}

.sidebar-menu-inner.ps-container {
    background: #18293A none repeat scroll 0 0;
}

.sidebar-menu .main-menu a {
    border-bottom: 1px solid #4B5F71;
    color: #8CA1B5;
}

.sidebar-menu .main-menu a.disbaled-btn {
    opacity: 0.5 !important;
    color: #8CA1B5 !important;
}

body {
    background-color: #f2f5f8;
}

footer.main-footer {
    background-color: #f2f5f8;
}

.nav.nav-tabs > li > a {
    color: #18293A;
    background: transparent;
}

table.dataTable tbody td {
    height: 35px;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
    background-color: #f2f5f8 !important;
}

table.dataTable tbody tr.selected {
    background-color: rgba(186, 201, 216, 0.3) !important;
}

table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #f2f5f8 !important;
}

table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #E7EDF4 !important;
}

table.dataTable.stripe tbody tr.odd > td.invalid,
table.dataTable.display tbody tr.odd > td.invalid,
table.dataTable.stripe tbody tr.even > td.invalid,
table.dataTable.display tbody tr.even > td.invalid,
table.dataTable.display thead tr > th.invalid,
table.dataTable.stripe thead tr > th.invalid {
    background-color: #d5080f !important;
    opacity: 0.7;
    color: white;
}

.highlightRow > td {
    -webkit-animation: highlightRow 2s infinite; /* Safari 4+ */
    -moz-animation: highlightRow 2s infinite; /* Fx 5+ */
    -o-animation: highlightRow 2s infinite; /* Opera 12+ */
    animation: highlightRow 2s infinite; /* IE 10+ */
}

@-webkit-keyframes highlightRow {
    from {
        background-color: rgba(141, 198, 63, 0.4);
    }
    to {
        background-color: inherit;
    }
}

@-moz-keyframes highlightRow {
    from {
        background-color: rgba(141, 198, 63, 0.4);
    }
    to {
        background-color: inherit;
    }
}

@-o-keyframes highlightRow {
    from {
        background-color: rgba(141, 198, 63, 0.4);
    }
    to {
        background-color: inherit;
    }
}

@keyframes highlightRow {
    from {
        background-color: rgba(141, 198, 63, 0.4);
    }
    to {
        background-color: inherit;
    }
}

#tableUploadedContactList.dataTable tbody td {
    height: 20px;
}

table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover,
table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {
    background-color: #f2f5f8 !important;
}

table.dataTable tbody tr.odd.redRow,
table.dataTable tbody tr.even.redRow,
table.dataTable tbody tr.odd:hover.redRow,
table.dataTable tbody tr.even:hover.redRow {
    background-color: #FDC3C6 !important;
}

table.dataTable tbody tr.odd.redRow > .sorting_1,
table.dataTable tbody tr.even.redRow > .sorting_1 {
    background-color: #FDB9BD !important;
}

.chosen-container-single .chosen-single {
    border: none;
    background: none;
    box-shadow: none;
}

.icheckbox_line-blue, .iradio_line-blue {
    border-radius: 0px;
}

#buildOrderModel .modal-content {
    padding: 5px;
    background-color: #f2f5f8;
}

#buildOrderModel .heading {
    font-weight: bold;
    font-size: 16px;
    margin-left: 9px;
    height: 37px;
    line-height: 33px;
    margin-right: 7px;
    color: #006FB7;
}

.menusList {
    margin: 0px;
    list-style: none;
    padding: 0px;
    display: inline-table;
    width: 100%;
}

.menusList li {
    width: 100%;
    float: left;
    padding: 8px;
    cursor: pointer;
}

.menusList li .item_container {
    background-color: white;
    border: #DDDFE2 solid 1px;
    padding: 5px;
    position: relative;
    border-radius: 5px;
    /*max-width: 187px;*/
    margin: 0px auto;
    box-shadow: 2px 2px 5px;
}

.menusList li .item_container .item_image {

    cursor: pointer;
    position: relative;
    overflow: hidden;
    width: 120px;
    height: 120px;
    float: left;
    margin: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.menusList li .item_container .item_image .items_added_label {
    position: absolute;
    /* height: 20px; */
    bottom: 15px;
    /* font-size: 12px; */
    text-align: center;
    background-color: rgba(242, 245, 248, 0.95);
    width: 100%;
    font-weight: bold;
    display: none;
}

.menusList li .item_container.added .item_image .items_added_label {
    display: block;
}

.menusList li .item_container .item_text {
    float: left;
    padding-top: 12px;
    width: calc(100% - 140px);
}

.menusList li .item_container .item_text .top_container {
    display: inline-table;
    width: 100%;
}

.menusList li .item_container .item_text .top_container .name {
    float: left;
    width: calc(100% - 62px);
}

.menusList li .item_container .item_text .top_container .price {
    float: right;
    width: 62px;
    text-align: right;
    color: #006FB7;
}

.menusList li .item_container .item_text .top_container .description {
    clear: both;
    margin-top: 10px;
}

.menusList li .item_container .item_name {
    position: absolute;
    top: 137px;
    left: 0px;
    width: 100%;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.6);
    line-height: 17px;
    opacity: 0.9;
    color: #DDDFE2;
    cursor: pointer;
}

.menusList li .item_container .item_image:hover .item_name {
    top: auto;
    bottom: 0px;
}

.menusList li .item_container .bottom {
    width: 100%;
    height: 47px;
    color: black;
    line-height: 26px;
    /* font-size: 21px; */
    padding-right: 4px;
    padding-left: 12px;
}

.menusList li .item_container .bottom .qty_container {
    width: 120px;
    background-color: #E5E7EA;
    border-radius: 4px;
    padding: 3px;
    padding-left: 7px;
}

.menusList li .item_container .bottom .qty_container .plus {
    padding: 1px 3px;
    font-weight: normal;
    margin-left: 8px;
    margin-right: 2px;
    color: #006FB7;
    cursor: pointer;
}

.menusList li .item_container .bottom .qty_container .minus {
    padding: 1px 3px;
    font-weight: normal;
    margin-left: 2px;
    margin-right: 0px;
    color: #006FB7;
    cursor: pointer;
}

.menusList li .item_container .bottom .qty_container .quantity_input {
    width: 24px;
    border: solid 1px #DDDFE2;
    height: 26px;
    text-align: center;
}

.menusList li .item_container .bottom .btn-primary {
    background-color: #006FB7;
    border-color: #006FB7;
}

.menusList li .item_container .bottom .add_to_cart {
    display: block;
}

.menusList li .item_container .bottom .remove_from_cart {
    display: none;
}

.menusList li .item_container.added .bottom .add_to_cart {
    display: none;
}

.menusList li .item_container.added .bottom .remove_from_cart {
    display: block;
}

.menusList li .item_container .bottom .price {
    float: right;
    line-height: 25px;
}

.menusList li .item_container .bottom .quantity {
    float: left;
}

.menusList li .item_container .bottom .quantity .fa-plus {
    float: left;
    margin-right: 7px;
    margin-left: 5px;
    font-size: 18px;
    font-weight: normal;
    margin-top: 4px;
    line-height: 21px;
    cursor: pointer;
}

.menusList li .item_container .bottom .quantity .fa-minus {
    float: right;
    margin-left: 7px;
    font-size: 18px;
    font-weight: normal;
    margin-top: 4px;
    line-height: 21px;
    cursor: pointer;
}

.menusList li .item_container .add_button, .menusList li .item_container .added_button {
    position: absolute;
    right: -9px;
    top: -9px;
    padding: 0px;
    height: 24px;
    width: 24px;
    border-radius: 12px;
}

.menusList li .item_container .added_button {

    display: none;
}

.menusList li .item_container.added .added_button {
    display: block;
}

.menusList li .item_container.added .add_button {
    display: none;
}

.menusList li .item_container .item_unitprice {
    position: absolute;
    left: 9px;
    top: 9px;
    padding: 0px;
    height: 24px;
    width: 24px;
    border-radius: 12px;
}

#buildOrderModel .modal-footer .btn-success {
    background-color: #006FB7;
}

#buildOrderModel #summary {
    float: left;
    text-align: left;
    margin-left: 9px;
    color: black;
    margin-top: -4px;
    font-weight: bold;
}

@media (min-width: 842px) {
    #buildOrderModel .modal-dialog {
        max-width: 1000px;
        width: 100%
    }

    .menusList li {
        width: 100.00%;

    }
}

#buildOrderModel .modal-dialog {
    width: 100%
}

@media (min-width: 768px) {

    .menusList li {
        width: 100%;
        padding: 10px;
    }
}

@media (min-width: 992px) {
    #ordersScreen.collapsed #ordersTableContainer {
        width: 33.33333333%;
    }

    #ordersScreen.collapsed .fullScreenColumn {
        display: none;
    }

    #ordersScreen.collapsed .collapsedScreenColumn {
        display: table-cell;
    }

    #ordersScreen.collapsed #tableOrders tbody tr.odd:hover {
        background-color: #f2f5f8 !important;
    }

    #ordersScreen.collapsed #tableOrders tbody tr .sorting_1 {
        background-color: transparent !important;
    }

    #ordersScreen.collapsed #tableOrders.dataTable thead {
        display: none;
    }
}

@media (max-width: 991px) {
    #ordersScreen.collapsed #ordersTableContainer {
        display: none;
    }
}

#tableOrders.dataTable tbody td {
    height: 35px;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
}

#tableOrderSalesReport.dataTable tbody td,
#tableOrderSalesReport.dataTable thead th,
#tableOrderEfficiencyReport.dataTable tbody td,
#tableOrderEfficiencyReport.dataTable thead th,
#tableCustomerBehaviourReport.dataTable tbody td,
#tableCustomerBehaviourReport.dataTable thead th,
#tableStaffSalesReport.dataTable tbody td,
#tableStaffSalesReport.dataTable thead th {
    color: black;
}

#ordersScreen .collapsedScreenColumn {
    display: none;
}

#orderDetails {
    display: none;
}

#ordersScreen.collapsed #orderDetails {
    display: block;
    padding: 30px !important;
    background-color: rgba(186, 201, 216, 0.3);
    color: #2B455E;
    border: 3px solid transparent;
    color: #2B455E;
    margin-top: 6px;
}

#orderDetails.paid_order {
    background-color: rgba(141, 198, 63, 0.6) !important;
}

.completed_campaign {
    background-color: rgba(141, 198, 63, 0.4) !important;
    padding: 8px;
}

.scheduled_campaign {
    background-color: rgba(91, 91, 245, 0.4) !important;
    padding: 8px;
}

.recurring_campaign {
    background-color: rgba(255, 165, 0, 0.4) !important;
    padding: 8px;
}

.initial_balance_forward {
    background-color: rgba(255, 165, 0, 0.4) !important;
    padding: 8px;
}

#orderDetails.readyforpickup_order {
    background-color: rgba(64, 187, 234, 0.6) !important;
}

#orderDetails.created_order {
    background-color: rgba(107, 173, 239, 0.6) !important;
}

#orderDetails.complete_order {
    background-color: rgba(208, 208, 208, 0.6) !important;
}

#orderDetails.claimed_order {
    background-color: rgba(255, 186, 0, 0.6) !important;
}

#order_details_buttons .btn {
    float: right !important;
}

.menu_item .image_col {
    width: 70px;
    height: 70px;
    background-color: rgba(255, 255, 255, 0.5);
    text-align: center;
    padding: 4px;
    border-radius: 11px;
    position: relative;
    background-position: center;
    background-size: cover;
}

.menu_item .image_col .quantity {
    background-color: #2c2e2f;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    color: white;
    font-size: 12px;
    padding-top: 1px;
    text-align: center;
}

.menu_item .image_col img {
    max-width: 100%;
    max-height: 100%;
}

.menu_item .name_col {
    height: 70px;
    padding-top: 25px;
    padding-left: 10px;
}

.menu_item .price_col {
    height: 70px;
    padding-top: 25px;
    padding-right: 12px;
}

#ordersScreen.collapsed #orderDetails .menu_item {
    border-bottom: 1px solid #2B455E;
    padding: 14px 0px;
}

#order_detail_summary {
    float: right;
    width: 260px;
    margin: 40px 0px 0px 0px;
}

#order_detail_summary div {
    padding: 6px 12px 6px 6px !important;
    font-weight: bold;
    font-size: 15px;
}

#order_details_buttons {
    margin-top: 30px;
}

#ordersScreen.collapsed #tableOrders tbody tr td span {
    padding: 2px 4px;
}

#tableOrders tbody tr td span,
#tableOrderSalesReport tbody tr td span {
    padding: 8px;
}

#orderDetails .btn-default {
    background-color: #0053A3;
    color: white;
}

.dataTable tbody tr.odd.created_order.selected,
.dataTable tbody tr.even.created_order.selected,
.dataTable tbody tr td span.created_order.selected {
    background-color: rgba(107, 173, 239, 0.6) !important;
}

.dataTable tbody tr.odd.created_order,
.dataTable tbody tr.even.created_order,
.dataTable tbody tr td span.created_order {
    background-color: rgba(107, 173, 239, 0.2) !important;
}

.dataTable tbody tr.odd.created_order:hover,
.dataTable tbody tr.even.created_order:hover {
    background-color: rgba(107, 173, 239, 0.1) !important;
}

.dataTable tbody tr.odd.paid_order.selected,
.dataTable tbody tr.even.paid_order.selected,
.dataTable tbody tr td span.paid_order.selected {
    background-color: rgba(141, 198, 63, 0.6) !important;
}

.dataTable tbody tr.odd.paid_order,
.dataTable tbody tr.even.paid_order,
.dataTable tbody tr td span.paid_order {
    background-color: rgba(141, 198, 63, 0.4) !important;
}

.dataTable tbody tr.odd.paid_order:hover,
.dataTable tbody tr.even.paid_order:hover {
    background-color: rgba(141, 198, 63, 0.1) !important;
}

.dataTable tbody tr.odd.claimed_order.selected,
.dataTable tbody tr.even.claimed_order.selected,
.dataTable tbody tr td span.claimed_order.selected {
    background-color: rgba(255, 186, 0, 0.6) !important;
}

.dataTable tbody tr.odd.claimed_order,
.dataTable tbody tr.even.claimed_order,
.dataTable tbody tr td span.claimed_order {
    background-color: rgba(255, 186, 0, 0.4) !important;
}

.dataTable tbody tr.odd.claimed_order:hover,
.dataTable tbody tr.even.claimed_order:hover {
    background-color: rgba(255, 186, 0, 0.1) !important;
}

.dataTable tbody tr.odd.readyforpickup_order.selected,
.dataTable tbody tr.even.readyforpickup_order.selected,
.dataTable tbody tr td span.readyforpickup_order.selected {
    background-color: rgba(64, 187, 234, 0.6) !important;
}

.dataTable tbody tr.odd.readyforpickup_order,
.dataTable tbody tr.even.readyforpickup_order,
.dataTable tbody tr td span.readyforpickup_order {
    background-color: rgba(64, 187, 234, 0.4) !important;
}

.dataTable tbody tr.odd.readyforpickup_order:hover,
.dataTable tbody tr.even.readyforpickup_order:hover {
    background-color: rgba(64, 187, 234, 0.1) !important;
}

.dataTable tbody tr.odd.complete_order.selected,
.dataTable tbody tr.even.complete_order.selected,
.dataTable tbody tr td span.complete_order.selected {
    background-color: rgba(208, 208, 208, 0.6) !important;
}

.dataTable tbody tr.odd.complete_order,
.dataTable tbody tr.even.complete_order,
.dataTable tbody tr td span.complete_order {
    background-color: rgba(208, 208, 208, 0.4) !important;
}

.dataTable tbody tr.odd.complete_order:hover,
.dataTable tbody tr.even.complete_order:hover {
    background-color: rgba(208, 208, 208, 0.1) !important;
}

.dataTable tbody tr.odd.bounced_order.selected,
.dataTable tbody tr.even.bounced_order.selected,
.dataTable tbody tr td span.bounced_order.selected {
    background-color: rgba(204, 63, 68, 0.6) !important;
}

.dataTable tbody tr.odd.bounced_order,
.dataTable tbody tr.even.bounced_order,
.dataTable tbody tr td span.bounced_order {
    background-color: rgba(204, 63, 68, 0.4) !important;
}

.dataTable tbody tr.odd.bounced_order:hover,
.dataTable tbody tr.even.bounced_order:hover {
    background-color: rgba(204, 63, 68, 0.1) !important;
}

#tableOrders tbody tr td a.btn-primary {
    background-color: #006FB7;
    margin-bottom: 0px;
}

#ordersScreen .order_status_filter .order_status_filter_inner > div,
#ordersScreen .order_type_filter .order_type_filter_inner > div {
    float: left;
    margin: 0px 8px 8px 0px;
    padding: 8px 15px 8px 38px;
}

#ordersScreen .order_status_filter .order_status_filter_inner > div.icheckbox_line-aero,
#ordersScreen .order_type_filter .order_type_filter_inner > div.icheckbox_line-aero {
    background: rgb(107, 173, 239);
}

#ordersScreen .order_status_filter .order_status_filter_inner > div.icheckbox_line-aero:hover,
#ordersScreen .order_type_filter .order_type_filter_inner > div.icheckbox_line-aero:hover {
    background: rgba(107, 173, 239, 0.8);
}

#ordersScreen .order_status_filter .order_status_filter_inner > div.icheckbox_line-green,
#ordersScreen .order_type_filter .order_type_filter_inner > div.icheckbox_line-green {
    background: rgb(141, 198, 63);
}

#ordersScreen .order_status_filter .order_status_filter_inner > div.icheckbox_line-green:hover,
#ordersScreen .order_type_filter .order_type_filter_inner > div.icheckbox_line-green:hover {
    background: rgba(141, 198, 63, 0.8);
}

#ordersScreen .order_status_filter .order_status_filter_inner > div.icheckbox_line-orange {
    background: rgb(255, 186, 0);
}

#ordersScreen .order_status_filter .order_status_filter_inner > div.icheckbox_line-orange:hover {
    background: rgba(255, 186, 0, 0.8);
}

#ordersScreen .order_status_filter .order_status_filter_inner > div.icheckbox_line-blue {
    background: rgb(64, 187, 234);
}

#ordersScreen .order_status_filter .order_status_filter_inner > div.icheckbox_line-blue:hover {
    background: rgba(64, 187, 234, 0.8);
}

#ordersScreen .order_status_filter .order_status_filter_inner > div.icheckbox_line-grey {
    background: rgb(208, 208, 208);
}

#ordersScreen .order_status_filter .order_status_filter_inner > div.icheckbox_line-grey:hover {
    background: rgba(208, 208, 208, 0.8);
}

#orders_filters_panel.panel-group .panel {
    padding: 0px;
}

#tableOrders_filter {
    margin-right: 10px;
}

.list-group .list-group-item {
    cursor: pointer;
}

#orderSalesReport .panel-title .text-muted {
    position: absolute;
    top: 23px;
    font-size: 14px;
}

#ordersSummaryBlock .xe-widget.xe-vertical-counter.xe-vertical-counter-primary {
    background: #273E49;
}

#ordersSummaryBlock .list-group-item {
    background-color: transparent;
    border-color: transparent;
    font-size: 15px;
    height: 44px;
}

#ordersSummaryBlock .list-group-item .badge {
    line-height: 15px;
    font-size: 13px;

}

#orderReportsGraphBlock .xe-widget.xe-map-stats,
#ordersSummaryBlock .xe-widget.xe-map-stats {
    min-height: 334px;
}

#orderReportsGraphBlock .xe-map-data {
    height: 21px;
}

#orderReportsGraphBlock .xe-map-data div {
    float: left;
    position: absolute !important;
    left: 5px;
    top: 11px;
}

@media screen and (max-width: 1250px) {
    #orderReportsGraphBlock .xe-widget.xe-map-stats .xe-map,
    #orderReportsGraphBlock .xe-widget.xe-map-stats .xe-details {
        width: 100%;
        display: block;
    }

    #orderReportsGraphBlock .xe-widget.xe-map-stats .xe-map {
        min-height: 300px;
    }
}

#orderReportsGraphBlock .xe-widget.xe-map-stats .xe-details ul li {
    display: inline-block;
    width: 100%;
}

#orderReportsGraphBlock .xe-map-data span.xe-label {
    margin-top: 0px;
    display: inline-table;
    float: left;
    margin-left: 27px;
    cursor: default;
}

#orderReportsGraphBlock .icheckbox_flat-aero {
    background: rgba(107, 173, 239, 1);
    overflow: hidden;
    border-radius: 4px;
    margin-top: 1px;
    width: 18px;
    height: 18px;
}

#orderReportsGraphBlock .icheckbox_flat-green {
    background: rgba(141, 198, 63, 1);
    overflow: hidden;
    border-radius: 4px;
    margin-top: 1px;
    width: 18px;
    height: 18px;
}

#orderReportsGraphBlock .icheckbox_flat-orange {
    background: rgb(255, 186, 0);
    overflow: hidden;
    border-radius: 4px;
    margin-top: 1px;
    width: 18px;
    height: 18px;
}

#orderReportsGraphBlock .icheckbox_flat-blue {
    background: rgb(64, 187, 234);
    overflow: hidden;
    border-radius: 4px;
    margin-top: 1px;
    width: 18px;
    height: 18px;
}

#orderReportsGraphBlock .iCheck-helper {
    /* width: 19px !important; */
    /* height: 19px !important; */
    background: transparent !important;
    opacity: 1 !important;
    top: -2px !important;
    /* left: 1px !important; */
}

#orderReportsGraphBlock .checked .iCheck-helper {
    background: url(/assets/icheck-1.x/skins/line/line.png) !important;
    background-position: -13px 5px !important;
}

#orderReportsGraphBlock .staffSalesOverTimeRadios_cont .iradio_flat-grey {
    float: left;
    margin-right: 4px;
}

#orderReportsGraphBlock .staffSalesOverTimeRadios_cont .iCheck-helper {
    background: transparent !important;
}

#orderReportsGraphBlock .xe-widget.xe-map-stats .xe-map > div {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

#ordersSummaryBlock .xe-map-data {
    display: inline-table;
    width: 100%;
}

#ordersSummaryBlock .xe-map-data span.xe-label {
    font-size: 14px;
    display: inline-table;
    float: left;
    margin-top: 8px;
}

#ordersSummaryBlock .xe-map-data span.badge {
    position: relative;
    line-height: 13px;
    font-size: 13px;
    padding: 7px;
    margin-top: 5px;
    float: right;
}

#ordersSummaryBlock .xe-widget.xe-map-stats .xe-details ul li {
    padding: 3px 10px !important;
}

#ordersSummaryBlock .xe-map-data span.badge.badge-success {
    background: rgba(141, 198, 63, 0.7);
}

#ordersSummaryBlock .xe-map-data span.badge.badge-danger {
    background: rgba(204, 63, 68, 0.7);
}

#ordersSummaryBlock .xe-map-data span.badge.badge-warning {
    background: rgba(255, 186, 0, 0.7);
}

#ordersSummaryBlock .xe-map-data span.badge.badge-info {
    background: rgba(64, 187, 234, 0.7);
}

#ordersSummaryBlock .xe-map-data span.badge.badge-purple {
    background: rgba(124, 56, 188, 0.7);
}

#ordersSummaryBlock .xe-widget.xe-map-stats .xe-details {
    width: 100%;
}

#tabOrderReports .panel {
    padding: 20px 0px;
    background: none;
}

#tabOrderReports .panel .panel-heading {
    border-bottom: 0;
}

.ordersefficiencyovertimechart .nvd3 .nv-axis line,
.orderssalesovertimechart .nvd3 .nv-axis line,
.staffsalesovertimechart .nvd3 .nv-axis line {
    stroke: white;
    stroke-opacity: 0.1;
}

.ordersefficiencyovertimechart .nvd3 text,
.orderssalesovertimechart .nvd3 text,
.staffsalesovertimechart .nvd3 text {
    fill: white;
    opacity: 0.7 !important;
}

.ordersefficiencyovertimechart .nv-y .nvd3 .nv-axisMaxMin text,
.orderssalesovertimechart .nv-y .nvd3 .nv-axisMaxMin text,
.staffsalesovertimechart .nv-y .nvd3 .nv-axisMaxMin text {
    opacity: 0 !important;
}

.ordersefficiencyovertimechart .nvd3 .nv-axis path.domain,
.orderssalesovertimechart .nvd3 .nv-axis path.domain,
.staffsalesovertimechart .nvd3 .nv-axis path.domain {
    stroke: white;
    stroke-opacity: .7;
}

.ordersefficiencyovertimechart .nvd3.nv-noData,
.orderssalesovertimechart .nvd3.nv-noData,
.staffsalesovertimechart .nvd3.nv-noData {
    fill: white;
    opacity: 0.7;
}

@media (min-width: 992px) {
    #orderReportsGraphBlock {
        padding-right: 15px !important;
    }

    #ordersSummaryBlock {
        padding-left: 15px !important;
    }
}

#orderefficiency_panel,
#ordersales_panel,
#customerBehaviour_panel,
#staffSales_panel {
    overflow: hidden;
}

.viewtype_icons .btn-group label.btn {
    margin-bottom: 0px;
}

.viewtype_icons .btn-group label.btn:active,
.viewtype_icons .btn-group label.btn.active {
    background-color: rgba(56, 88, 104, 0.1);
}

.user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li.nomessages_li:after,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.messages .dropdown-menu-list li.nomessages_li:after {
    width: 0px;
}

#newMesageOverlay .newMessageBody button {
    float: right;
    cursor: pointer;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #006FB7;
    margin: 10px;
    border-radius: 0px;
}

#select_staff_for_order .chosen-container .chosen-single {
    border: 1px solid #aaa;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
    background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
    box-shadow: 0 1px 0 #fff inset;
    height: auto;
    padding: 6px 10px;
}

#select_staff_for_order .chosen-container-single .chosen-single div b {
    background: url(chosen-sprite.png) no-repeat 0px 8px;
}

#select_staff_for_order .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 8px;
}

#unread_msgs_container .scrollable {
    max-height: 299px !important;
}

@media (max-width: 600px) {
    #automaticResonsesSelect {
        margin-left: 1rem;
    }
}

#automaticResonsesSelect_chosen.chosen-container-active.chosen-with-drop .chosen-single,
#newmessage_automaticResonsesSelect_chosen.chosen-container-active.chosen-with-drop .chosen-single,
#payment_automaticResonsesSelect_chosen.chosen-container-active.chosen-with-drop .chosen-single 
{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#payment_automaticResonsesSelect_chosen {
    text-align: left;
}

#automaticResonsesSelect_chosen.chosen-container-active.chosen-with-drop .chosen-drop,
#newmessage_automaticResonsesSelect_chosen.chosen-container-active.chosen-with-drop .chosen-drop,
#payment_automaticResonsesSelect_chosen.chosen-container-active.chosen-with-drop .chosen-single
{
    top: auto;
    bottom: 100%;
    border-top: 1px solid #aaa;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
}

#customerPhoneNumber_customerBehaviourReport_filter_chosen .chosen-single,
#customerPhoneNumber_customerBehaviourReport_filter_2_chosen .chosen-single,
#StaffSalesReport_Staffs_chosen .chosen-single,
#StaffSalesReport_Staffs_2_chosen .chosen-single {
    border: 1px solid #aaa;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
    background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
    box-shadow: 0 1px 0 #fff inset;

}

.nvtooltip table td.percent {
    color: rgba(0, 0, 0, 1.0);
}

@media (min-width: 992px) {
    .col-md-6.left-col {
        padding-right: 10px !important;
    }

    .col-md-6.right-col {
        padding-left: 10px !important;
    }
}

#payment_gateway_form .panel {
    padding: 0px;
}

#payment_gateway_form .panel .panel-body {
    color: #333;
}

#group_users_list {
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-bottom: 10px;
}

#group_users_list_header {
    margin-bottom: 6px;
    display: inline-table;
}

#assignUserToGroup .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #D1ECFF;
    border-color: #D1ECFF;
    color: #006FB7;
    padding: 3px 9px;
}

#assignUserToGroup .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #006FB7;
}

#campaignAnalyticsTab .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #D1ECFF;
    border-color: #D1ECFF;
    color: #006FB7;
    padding: 3px 9px;
}

#campaignAnalyticsTab .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #006FB7;
}

#addOrUpdateIntegration .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #D1ECFF;
    border-color: #D1ECFF;
    color: #006FB7;
    padding: 3px 9px;
}

#addOrUpdateIntegration .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #006FB7;
}


#addNewSMSNumberModal .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #D1ECFF;
    border-color: #D1ECFF;
    color: #006FB7;
    padding: 3px 9px;
}

#addNewSMSNumberModal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #006FB7;
}

/*

#serviceOrders_icon span {
    position: absolute;
    right: -5px;
    top: -5px;
    background: red;
    color: white;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    font-size: 10px;
    text-align: center;
    line-height: 14px;
}*/

#message-to-send-container {
    height: 30px;
    width: 30px;
    float: left;
}

#message-to-send-container .emojionearea {
    border: none;
}

#message-to-send-container .emojionearea .emojionearea-editor {
    opacity: 0;
    height: 0px;
    width: 0px;
    padding: 0px;
    min-height: 0px;
}

.chat-message-textarea .emojionearea .emojionearea-button {
    bottom: -37px;
    left: 5px;
    right: auto;
    top: auto;
}

.chat-message-textarea .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
    left: -10px;
    right: auto;
    top: auto;
    bottom: -7px;
}

.chat-message-textarea .emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
    width: 19px;
    height: 10px;
    background-position: -2px -49px;
    bottom: -10px;
    left: 20px;
    right: auto;
}

.chat-message-textarea .emojionearea .emojionearea-button > div.emojionearea-button-open,
.chat-message-textarea .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
    background-image: url('../images/happiness.png') !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: inherit;
}

.chat-message-textarea .emojionearea .emojionearea-button {
    opacity: 1;
}

.chat-message-actions .emojionearea.emojionearea-standalone {
    width: 30px;
    height: 30px;
    float: left;
    border: none;
    margin-top: 7px;
}

.chat-message-actions .emojionearea.emojionearea-standalone .emojionearea-editor {
    width: 0px;
    opacity: 0;
    height: 0px;
    min-height: 0px;
    padding: 0px;
}

.chat-message-actions .emojionearea.emojionearea-standalone .emojionearea-button > div {
    right: 0px;
}

.chat-message-actions .chosen-container-single .chosen-single span {
    color: #006FB7;
}

.chat-message-actions .chosen-container-single .chosen-single div b {
    background: url('../images/down-arrow.png') no-repeat 0px 2px;
    background-size: 8px;
    width: 8px;
    height: 8px;
    margin-top: 6px;
}

.message_campaign_container .emojionearea .emojionearea-button {
    bottom: -38px;
    left: 8px;
    right: auto;
    top: auto;
}

.message_campaign_container .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
    left: -10px;
    right: auto;
    top: auto;
    bottom: -7px;
}

.message_campaign_container .emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
    width: 19px;
    height: 10px;
    background-position: -2px -49px;
    bottom: -10px;
    left: 20px;
    right: auto;
}

.message_campaign_container .emojionearea .emojionearea-button > div.emojionearea-button-open,
.message_campaign_container .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
    background-image: url('../images/happiness.png') !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: inherit;
}

.message_campaign_container .emojionearea .emojionearea-button {
    opacity: 1;
}

.message_campaign_container .emojionearea .emojionearea-editor {
    height: 120px;
    width: 98%;
}

.campaign-message-actions, .meta_tag_selection_area {
    background-color: white;
    border-width: 0px 0px 1px 0px;
    display: inline-table;
    width: 100%;
    line-height: 50px;
}

/*.campaign-message-actions .chosen-container {*/
/*margin-left: 30px;*/
/*}*/

/*.campaign-message-actions .chosen-container-single .chosen-single span {*/
/*color: #006FB7;*/
/*}*/

/*.campaign-message-actions .select2-container {*/
/*margin-left: 30px;*/
/*}*/

#showMessageSection .select2-container {
    float: right;
}

#selectPhoneNumberFieldSection .select2-container {
    margin-top: 10px;
}

#showMessageSection {
    padding-top: 20px;
}

.meta_tag_selection_area .select2-container .select2-selection--single {
    border: none;
}

.meta_tag_selection_area .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #006FB7;
}

.meta_tag_selection_area .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #006FB7;
}

.meta_tag_selection_area .select2-container--default .select2-selection--single .select2-selection__arrow {
    color: #006FB7;
}

.meta_tag_selection_area .chosen-container-single .chosen-single div b {
    background: url('../images/down-arrow.png') no-repeat 0px 2px;
    background-size: 8px;
    width: 8px;
    height: 8px;
    margin-top: 6px;
}

.message_campaign_container .chosen-container-single .chosen-single {
    display: none;
}

.message_campaign_container .chosen-container {
    width: 163px;
    position: absolute;
    right: -163px;
    top: 0px;
}

/*.message_campaign_container #metaTagSelect{*/
/*border:none;*/
/*}*/

#btnMetaTags {
    top: 0;
    right: 0;
    position: absolute;
}

#message_stats {
    position: absolute;
    right: 0;
}

#message_stats_dashboard, #message_stats_dashboard_new_msg {
    width:195px;
    float: right;
}

#message_stats_dashboard_new_msg {
    width: 200px;
    float: right;
}


.message_campaign_container .select2-container--default {
    position: absolute;
    visibility: hidden;
    height: 0px;
}

/*

.chat-message-textarea .emojionearea .emojionearea-button.active > div.emojionearea-button-close{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAABuCAYAAADMB4ipAAAHfElEQ…ODFRk6OfrL/hj67GnckaHPng7vjaGzyYmaGDr77KktQ38H8tqx8Wja+WIAAAAASUVORK5CYII=) !important;
    background-position: 0 0;
}*/
.emojionearea .emojionearea-editor {
    min-height: 3em;
    max-height: 8em;
}

#chatWindow_send {
    height: 25px;
    width: 25px;
    /* position: absolute;
    right: 12px;
    top: calc(50% - 19px); */
    line-height: 5px;
    cursor: pointer;
    background-color: #006FB7;
    border-radius: 50%;
    padding: 7px;
    margin: 0rem 1rem;
}

#chatWindow_send img {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.emojionearea, .emojionearea.form-control {
    border: 0px;
}

.message_campaign_container .emojionearea, .emojionearea.form-control, .emojionearea.focused {
    border: 1px solid #aaa;
}

#txt_campaign_message {
    border: 1px solid #aaa;
}

@media (max-width: 900px) {

    #chat_box {
        display: none;
    }

    .chat-with .chatlabel {
        display: none;
    }

    #chat_backbutton {
        display: block !important;
    }
}

@media (max-width: 767px) {

    .user-info-navbar {
        margin-bottom: 0px;
    }

    .page-container .main-content {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #openCompanyMenu_button, #send_menu_link {
        display: none !important;
    }

    #editNameIcon {
        display: none;
    }

    footer.main-footer {
        padding: 7px 30px;
        margin-top: 0px !important;
    }

    .user-info-navbar .user-info-menu > li {
        padding: 0px;
    }

    .user-info-navbar .user-info-menu {
        margin-top: 14px;
    }
}

.main-footer.hidden_footer {
    display: none !important;
}

.chat_search_row {
    width: 100%;
    height: 32px;
    padding: 20px 10px;
    display: flex;
    align-items: center;
}

.chat_search_row .search_label {
    width: 36px;
    display: block;
    float: left;
    padding-top: 4px;
    margin-left: 2px;
}

.chat_search_row .search_input {
    float: left;
    width: calc(100% - 205px);
}

.chat_search_row .search_buttons {
    float: left;
    padding-left: 11px;
    display: flex;
    flex-wrap: nowrap;
}

.chat_search_row .search_buttons .btn {
    margin-bottom: 0px;
    padding: 2px 10px;
}

.searched_text {
    background-color: #FCDAC0;
}

.searched_text.highlighted {
    background-color: #FBAF74;
}

.onoffswitch.is_visible .onoffswitch-inner:before,
.onoffswitch.is_visible .onoffswitch-inner:after {
    font: inherit;
    height: auto;
    padding: 2px;
    line-height: 24px;
}

.onoffswitch.is_visible .onoffswitch-inner:before {
    content: 'ON';
    padding-left: 10px;
    color: #006FB7;
    background-color: #D1ECFF;
}

.onoffswitch.is_visible .onoffswitch-inner:after {
    content: 'OFF';
    padding-right: 10px;
}

.onoffswitch.is_visible .onoffswitch-switch {
    width: 15px;
    height: 15px;
    margin-top: 6px;
    border: none;
    margin-right: 7px;
}

.onoffswitch.is_visible .onoffswitch-label {
    border: none;
}

.bootstrap-datetimepicker-widget {
    padding: 5px 18px !important;
}

#toggle_password {
    position: absolute;
    right: 15px;
    top: 29px;
    background-image: url(../images/show_password.png);
    width: 20px;
    height: 20px;
    background-size: contain;
    cursor: pointer;
}

#toggle_password.password_hide {
    background-image: url(../images/hide_password.png);
}

@media (max-width: 767px) {
    .user-info-navbar .user-info-menu > li > a {
        padding: 0px 8px;
    }

    .user-info-navbar .user-info-menu > li > a.dropdown-toggle:first-child {
        padding-left: 12px;
    }

    .user-info-navbar .user-info-menu > li.visible-xs:first-child > a {
        padding-left: 12px;
    }

    .chat_icons .fa.fa-print {
        display: none;
    }
}

.add_internal_note_title {
    position: absolute;
    left: 76px;
    top: 130px;
    line-height: 12px;
    padding: 5px;
    border: 1px solid #868686;
    background-color: white;
    display: none;
}

@media (max-width: 900px) {
    ul.user-info-menu .user-profile1 .hidden-xs {
        display: none !important;
    }

    ul.user-info-menu .user-profile1 .visible-xs {
        display: block !important;
    }

    .user-profile1 .user-info-menu > li > a {
        margin-top: 0px;
    }

}

.ui-widget.ui-widget-content {
    z-index: 9999;
}

ul.tagit li.tagit-choice.error {
    background-color: transparent;
}

.scheduler-view-table-colgrid-today {
    border-right: 1px solid #009be6 !important;
}

#calendarContainer td:not(.scheduler-view-day-table-coltime):not(.scheduler-view-day-table-colday):not(.scheduler-view-day-table-col):not(.e-time-slots):not(.e-work-cells):not(.e-day-wrapper):not(.e-header-cells):not(.e-schedule-table td) {
    width: auto;
    border-right: none;
}

#calendarContainer label.error {
    display: none !important;
}
 
#calendarContainer .scheduler-event-content,#calendarContainer .scheduler-event-title {
    color: white !important
}

.button_link {
    color:#006fb7;
    cursor:pointer;
}

.disabled_link {
    opacity: 0.5;
    cursor: default !important;
}

.disabled_link:hover {
    color:#006fb7 !important;
    opacity: 0.5 !important;
    cursor: default !important;
}

/* #calendarContainer .scheduler-event-title {
    display: none;
} */

#calendarContainer .scheduler-event-content {
    font-size: 12px;
    letter-spacing: .1px;
    line-height: 15px;
    overflow: hidden;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
}

#calendarContainer .scheduler-event-recorder-popover {
    max-width: 60rem !important;
    /* width: 60rem !important; */
    border-radius: 8px !important;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
}
/* 
#calendarContainer .eventSummary {
    width: 
} */

#calendarContainer .scheduler-event{
    text-align: center;
}

#calendarContainer .scheduler-event-recorder-popover .time_pick {
    float: left;
    width: 72px;
    overflow: visible;
    margin-left: 5px;
    margin-top: -3px;
    margin-right: 5px;
}

#calendarContainer .scheduler-event-recorder-popover .time_pick input {
    width: 100%;
    height: 22px;
    padding: 4px;
}

#calendarContainer .scheduler-event-recorder-popover .btn-group {
    float: right;
}

#calendarContainer .scheduler-event-recorder-popover .btn-group button {
    margin-left: 8px;
}

.timepicker_wrap {
    width: 265px;
}

#calendarContainer .scheduler-base-nav-date, #calendarContainer .myCalendars {
    color: #3c4043;
    font-family: 'Google Sans',Roboto,Arial,sans-serif;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28px;
    white-space: nowrap;
}

.tagit-autocomplete.ui-menu {
    max-height: 200px;
    overflow: auto;
}

#calendarContainer .scheduler-base-hd.row {
    width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#calendarContainer .scheduler-event-recorder-popover #eventContactsData {
    position: absolute;
    top: 181px;
    left: 33px;
    width: calc(100% - 47px);
    /* margin: 15px; */
    background-color: white;
    max-height: 156px;
    overflow: auto;
    border: 1px solid #A9A9A9;
    border-top: none;
    display: none;
    z-index: 999;
}

#calendarContainer .scheduler-event-recorder-popover #eventContactsData #eventContactsTable {
    height: auto;
    width: 100%;
}

#calendarContainer .scheduler-event-recorder-popover #eventContactsData #eventContactsTable tr {
    border-bottom: 1px solid #efefef;
}

#calendarContainer .scheduler-event-recorder-popover #eventContactsData #eventContactsTable tr.highlighted {
    background-color: #95B7DA;
}

#calendarContainer .scheduler-event-recorder-popover #eventContactsData #eventContactsTable tr td {
    text-align: left;
    padding: 10px 0;
}

#calendarContainer .scheduler-event-recorder-popover .form-group {
    margin-bottom: 27px;
}

#calendarContainer .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 32px;
}

#calendarContainer #schedulerEventRecorderForm .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
}

#calendarContainer .select2-container--disabled .select2-selection--single .select2-selection__rendered {
    opacity: 0.5;
}


#calendarContainer .eventBlock {
    margin-bottom: 1rem;
}

#calendarContainer #eventForm #eventMessage {
    height: auto;
}

#calendarContainer #addGoogleCalendarEvent, #calendarContainer .eventSummaryBlock {
    padding: 1rem;
}

#calendarContainer .eventTitle {
    color: #3c4043;
    font-family: 'Google Sans',Roboto,Arial,sans-serif;
    font-size: 22px;
    height: 45px;
    position: relative;
    top: 0;
}

#calendarContainer .icon-box {
    text-align: center;
    line-height: 3rem;
    height: 3.5rem;
    padding-top: 0.3rem;
}

#calendarContainer i {
    font-size: 2rem;
    color: #3c4043;
}

#calendarContainer .guest_block .icon-box {
    line-height: 7rem
}

#calendarContainer .notification_block i {
    font-size: 1.5rem;
}

#calendarContainer .guest_block i {
    font-size: 1.5rem;
}

#calendarContainer .eventDateTimeBlock {
    display: flex;
    flex-wrap: nowrap;

}

#calendarContainer .eventDateTimeBlock #eventStartDate,
#calendarContainer .eventDateTimeBlock #eventEndDate {
    flex-grow: 2;
    width: 24rem;
}

#calendarContainer .eventDateTimeBlock #eventStartTimeBlock,
#calendarContainer .eventDateTimeBlock #eventEndTimeBlock,
#calendarContainer .eventDateTimeBlock #addTimeBlock {
    flex-grow: 1;
}

#calendarContainer #eventStartTimeBlock #eventStartTime,
#calendarContainer #eventEndTimeBlock #eventEndTime {
    width: 8rem;
}

#calendarContainer .eventDateTimeBlock #addTimeBlock{
    width: 23rem;
}

#calendarContainer input, #calendarContainer textarea,
#eventTitleRange, #calendarContainer label,
#eventStartDate, #eventEndDate,
#eventStartTime, #eventEndTime,
#calendarContainer select,
#calendarContainer select option,
#calendarContainer .select2-selection,
#calendarContainer .eventSummary
{
    border: none;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.15); */
    color: #3c4043;
    display: block;
    font: 400 16px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    height: 3.5rem;
    line-height: 3rem;
    margin: 0;
    min-width: 0%;
    outline: none;
    padding: 0;
    padding-left: 1rem;
    z-index: 0;
}

#calendarContainer .days_or_weeks_section .select2-selection {
    padding-left: 0rem !important;
}

#calendarContainer .notification_time {
    font-size: 1.5rem;
}

#event_text_message_block {
    position: relative;
    top: 1rem;
}

#calendarContainer textarea {
    line-height: 3rem;
}

#calendarContainer .select2-selection,
.hasMetaTagSelect .select2-selection
{
    border: none;
}

#calendarContainer .select2-selection:hover,
#companySettings .select2-selection:hover{
    background: #f1f3f4;
}

#calendarContainer .select2-container--disabled .select2-selection:hover{
    background: #eee;
}

.select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above {
    border-top: 1px solid #aaa !important;
    border-bottom: 1px solid #aaa !important;
}

#calendarContainer input:focus, #calendarContainer textarea:focus {
    /* border-bottom: 2px solid #4285f4; */
    background: #f1f3f4;
}

#calendarContainer input:hover, #calendarContainer textarea:hover {
    background: #f1f3f4;
}

#calendarContainer select {
    border: none;
}

.eventSummaryBlock .summaryText {
    margin-left: 0.2rem;
}

.eventSummaryBlock .eventSummary {
    height: auto !important;
}


.eventSummaryBlock .toolbox .icon-box {
    line-height: 1rem !important;
}

.eventSummaryBlock .toolbox .icon-box:hover {
    background-color: #f1f3f4;
    border-radius: 50%;
}


@media (min-width: 768px) {
    #addCampaign .modal-dialog {
        width: 80%;
        margin: 30px auto;
        min-width: 768px;
    }

    #uploadContactList .modal-dialog {
        width: 80%;
        margin: 30px auto;
        min-width: 768px;
    }

    #viewContactsModal .modal-dialog {
        width: 80%;
        margin: 30px auto;
        min-width: 768px;
    }

    #addContactList .modal-dialog {
        width: 80%;
        margin: 30px auto;
        min-width: 768px;
    }
}

.modal-backdrop {
    position: fixed;
}

#columnsReadOnlyMetadataMappingList {
    list-style: none;
    margin: 0px;
    padding: 0px;
    color: black;
}

#columnsReadOnlyMetadataMappingList li {
    border-right: 1px solid #979898;
    float: left;
    padding: 0px 14px;;
}

#columnsReadOnlyMetadataMappingList li:first-child {
    padding-left: 0px;
}

#columnsReadOnlyMetadataMappingList li:last-child {
    border-right: 0px;
}

#columnsReadOnlyMetadataMappingList li span.column_title {
    margin-right: 10px;
}

#dashboard_contacts_ul li .contact_row .name .fa-ban.unsubscribed {
    color: #d5080f;
    opacity: 1;
    display: inline-block;
}

#dashboard_contacts_ul li .contact_row .name .fa-user-times.blocked {
    color: red;
    opacity: 1;
    display: inline-block;
}

#dashboard_contacts_ul li .contact_row .name .fa-ban {
    display: none;
}

#dashboard_contacts_ul li .contact_row .name .fa-user-times {
    display: none;
}

#columnsMetadataMappingList tbody tr.deleted td {
    opacity: 0.3;

}

#columnsMetadataMappingList tbody tr.deleted td:last-child {
    opacity: 1;

}

#columnsMetadataMappingList tbody tr .delete_mapping {
    display: block;
}

#columnsMetadataMappingList tbody tr .undo_delete_mapping {
    display: none;
}

#columnsMetadataMappingList tbody tr.deleted .delete_mapping {
    display: none;
}

#columnsMetadataMappingList tbody tr.deleted .undo_delete_mapping {
    display: block;
}

.tooltip.in {
    opacity: 1;
}

.tooltip-inner {
    max-width: none;
    box-shadow: 1px 1px 9px 1px #18293A;
    background-color: white;
    color: #595D63;
}

.tooltip .tooltip-inner {
    padding: 8px 8px;
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: #A4ABB1
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: #A4ABB1
}

.tooltip.right .tooltip-arrow {
    border-right-color: #A4ABB1
}

.tooltip.left .tooltip-arrow {
    border-left-color: #A4ABB1
}

#user_top_menu {
    z-index: 991;
}

#user_top_menu > li > a .badge {
    font-size: 9px;
    padding: 4px;
    min-width: 18px;
    font-weight: 400;
    line-height: 1;
    margin-left: 7px;
    position: absolute;
    top: 13px;
}

.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu {
    width: 280px;
}

.condition_seperator {
    width: 100%;
    text-align: center;
    font-weight: 700;
    border-bottom: 1px solid #DEE3DF;
    line-height: .1em;
    margin: 20px 0;
}

.condition_seperator span {
    padding: 0 10px;
    background: #F1F4F1;
}

#campaign_conditions_container .campaign_condition_block {
    padding: 15px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    background: #F1F4F1;

}

#campaign_conditions_container .add_condition_block_button {
    margin-top: 12px;
}

#reviewsList li.unfiltered {
    display: none;
}

#reviewsList li.notincurrentpage {
    display: none;
}

#campaignSummary .summary-option {
    font-weight: 700;
    text-align: center;
}

#selectPhoneNumberFieldSection .summary-option {
    font-weight: 700;
    text-align: center;
}

#campaignSummary .summary-value {
    font-size: x-large;
    text-align: center;
}

#campaignSummary .summary-title {
    margin: 20px 0 10px;
    font-size: 17px;
    color: rgba(0, 0, 0, .5);
}

#btnMetaTags {
    background-color: #3782bc;
    color: white;
    cursor: pointer;
    border-radius: 50%;
    width: 33px;
    font-size: 13px;
    padding-left: 10px;
    font-weight: 700;
}

.tooltip {
    z-index: 999;
}

.total_messages {
    position: absolute;
    right: 0;
    padding-right: 10px;
    bottom: 0;
    font-size: 13px;
}

#invoiceTemplateSortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 60%;
}

#invoiceTemplateSortable li {
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    padding-left: 1.5em;
    font-size: 1.4em
}

#invoiceTemplateSortable li span {
    position: absolute;
    margin-left: -1.3em;
}

#showScriptModal .modalPreTags {
    margin-top: 5px;
}

th.checkbox_column, td.checkbox_column {
    width: 20px !important;
    text-align: center;
}

.dataTables_scroll {
    overflow:auto;
}

.ps-container > .ps-scrollbar-x-rail,
.ps-container > .ps-scrollbar-y-rail {   opacity: 0.6; }


.default_scroll {
    overflow-y: scroll;
    overflow-x: hidden;
}

.default_scroll_inverse {
    overflow-y: hidden;
    overflow-x: scroll;
}

#overlay_loader {
    background: rgba(233, 233, 233,0.5);
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999999999;
}


#textaspectLoader {
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #3498db;
    width: 80px;
    height: 80px;
    position: fixed;
    z-index: 999;
    left: calc((100vw/2) - 40px);
    top: calc((100vh/2) - 40px);
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@-moz-keyframes highlightRow {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@-o-keyframes highlightRow {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

.invoice_line_type{
    cursor: -webkit-grab;
    cursor: grab;
}

.invoice_line_type.ui-sortable-helper{
    cursor: -webkit-grabbing;
    cursor: grabbing;
}


.braintree-show-bankAccount .braintree-bankAccount {
    display: block;
    height: auto;
    overflow: visible;
    visibility: visible;
}

.cool-action {
    width: 30px;
    font-size: 1.5rem;
    height: 30px;
    border-radius: 50%;
    line-height: 3rem;
    
}

.cool-action:hover {
    background: #97989826;
}

.e-numberofpeople-row {
    padding-bottom: 12px;
}


.e-guest-row, .e-notification-row {
    display: flex;
}

.e-guest-row {
    flex-wrap: nowrap
}

.e-basic-info {
    display: flex;
    flex-wrap: wrap;
    padding-right: 1.5rem;
}

.e-cross-info {
    align-self: center;
    cursor: pointer;
}

.e-clear:before{
    content: '\e7fc'
}

.e-notification-row {
    flex-wrap: nowrap;
    align-items: flex-end;
    width: 100%;
    padding-bottom: 12px;
    height: 4rem;
}

.e-guest-row, .e-block-container {
    padding-bottom: 12px;
}

.e-guest-row .e-firstname-container ,
.e-guest-row .e-email-container {
    width: 50%;
    padding-right: 8px;
}

.e-guest-row .e-lastname-container ,
.e-guest-row .e-phone-container {
    width: 50%;
    padding-left: 8px;
}

.e-notificationtype-container {
    flex-grow: 3;
    flex-basis: 0;
    padding: 0rem 4px 0px 0px;
}

.e-days-weeks-before-container {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0rem 4px;
}

.e-days-weeks-before-container .e-days-weeks-before {
    padding-left: 1rem;
}

.e-notification-days-or-weeks-container {
    flex-grow: 2;
    flex-basis: 0;
    padding: 0rem 4px;
}

.e-before-at-container {
    flex-grow: 2;
    text-align: center;
    flex-basis: 0;
    align-self: center;
} 

.e-notification-at-container {
    flex-grow: 2.4;
    flex-basis: 0;
    padding: 0rem 8px 0px 4px;
}
.e-notification-container{
    padding-top: 12px;
}

.e-notification-container .e-cross-info {
    padding: 0px 0px 0px 4px;
}


.template-wrap {
height: 8rem;
width: 100%;
}

.template-wrap .subject {
font-weight: 500;
word-wrap: break-word;
font-size: 12px;
letter-spacing: .1px;
line-height: 15px;
}

.e-block-appointment {
    background: red !important;
    border-radius: 2px;
    color: white !important;
    /* cursor: default; */
    overflow: hidden;
    position: absolute;
}

/* Change the below setting to change width of columns of calendar */
.schedule-cell-dimension.e-schedule .e-timeline-view .e-date-header-wrap table col,
.schedule-cell-dimension.e-schedule .e-timeline-view .e-content-wrap table col, 
.schedule-cell-dimension.e-schedule .e-timeline-view .e-resource-column-wrap table col {
    width: 62px !important;
}

.schedule-cell-dimension_202.e-schedule .e-timeline-view .e-date-header-wrap table col,
.schedule-cell-dimension_202.e-schedule .e-timeline-view .e-content-wrap table col, 
.schedule-cell-dimension_202.e-schedule .e-timeline-view .e-resource-column-wrap table col {
    width: 150px !important;
}

.blocked-section {
    position: absolute;
    right: 0;
    /* width: 100px; */
    /* width: 40px; */
    height: 100%;
    background: red;
    top: 0px
}

.schedule-cell-dimension.e-schedule .e-timeline-view .e-time-cells-wrap table td,
.schedule-cell-dimension.e-schedule .e-timeline-view .e-resource-column-wrap table td,
.schedule-cell-dimension.e-schedule .e-timeline-view .e-work-cells,
.schedule-cell-dimension_202.e-schedule .e-timeline-view .e-time-cells-wrap table td,
.schedule-cell-dimension_202.e-schedule .e-timeline-view .e-resource-column-wrap table td,
.schedule-cell-dimension_202.e-schedule .e-timeline-view .e-work-cells {
    height: 7rem;
}

.schedule-cell-dimension.e-schedule .e-timeline-view .e-work-cells:not(.e-work-hours,.e-selected-cell),
.schedule-cell-dimension_202.e-schedule .e-timeline-view .e-work-cells:not(.e-work-hours,.e-selected-cell) {
    background-color: #eee;
}

.e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
.e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
    border-bottom-width: 1px !important
}

.e-text-message-block-container {
    padding-top: 12px;
}

.e-timeline-view.e-timeline-day-view .e-appointment-details{
    flex-direction: column;
}

.e-timeline-view.e-timeline-day-view .e-appointment-details .status {
    position: absolute;
    /* right: 40px; */
    /* right: 100px; */
    top:0;
    border: none;
    padding: 0.5rem 1rem;
    font-weight: 500;
    font-size: 12px;
}



.e-timeline-view.e-timeline-day-view .e-appointment-details .summary,
.e-block-appointment .summary{

    font-weight: 500;
    font-size: 12px;
}

.e-timeline-view.e-timeline-day-view .e-appointment-details .host {
    position: absolute;
    bottom: 0rem;
    /* right: 40px; */
    /* right: 100px; */
    padding: 0.5rem;
    background-color: #00b5ad!important;
}

.e-timeline-view.e-timeline-day-view .e-appointment-details .host img {
    width: 2.5rem;
    padding-right: 0.5rem;
}


.e-timeline-view.e-timeline-day-view .e-appointment {
    height: auto !important;
}

.e-timeline-view.e-timeline-day-view .e-appointment-details, .e-block-appointment {
    padding: 8px 12px !important;
}





.e-timeline-view .e-appointment-details {
    min-height: 65px;
}

.e-day-view .e-appointment-details, .e-week-view .e-appointment-details {
    height: 100%
}

.e-schedule .e-agenda-view .e-resource-column {
    width: 15rem !important;
}

.vertical-blocked-section {
    position: absolute;
    width: 100%;
    /* height: 9px; */
    background: red;
    bottom: 0;
    left: 0;
}

.e-schedule .e-work-cells { 
    background-color: #d3d3d361; 
} 

.e-schedule .e-work-cells.e-work-hours { 
    background-color: white; 
} 

.payment_status, .derogatory_message_icon {
    font-size: 2rem;
    font-weight: 900;
}

.pause_sign_icon, .pause_agent_sign {
    font-size: 12px;
    font-weight: 600;
}

.pause_agent_sign {
	font-size: 16px;
}


.payment_status.paid {
    color: green;
}

.payment_status.unpaid, .payment_status.viewed, .derogatory_message_icon {
    color: red;
}

#dashboard_contacts_ul li .payment_link_sign {
    /* position: absolute;
    top: 12px;
    right: 6rem; */
}

.contacts_icon {
    display: flex;
    right: 48px;
    top: 14px;
    position: absolute;
    align-items: center;
}

.contacts_icon div {
    padding: 0rem 0.5rem;
}

.dashboard_search_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 5px;

}

.show_payers_section, .show_derogators_section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 14px;
}

#show_payers, #show_derogators {
    margin-left: 0.5rem
}

.zebylbot_number {
    display: flex !important;
    flex-direction: column nowrap !important;
    align-items: center;
    margin-left: -0.5rem;
}

li label.disabled {
    opacity: 0.5;
}

.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a {
    color: #373e4a !important
}

.e-schedule .e-agenda-view .e-date-column {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.orange_btn {
    background-color: #f05a28 !important;
    padding: 4px 6px;
    font-size: 10px;
    color: white;
    margin-bottom: 0px !important;
}

.orange_btn:hover {
    color: white;
    padding: 5px 7px;
}

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

/* td:has(li.dropdown) {

} */


td.action-column {
    display: flex;
    align-items: center;
    width: 5rem;
    justify-content: center;
    height: 70px !important;
}

td.action-column li.dropdown{
    position: absolute !important;
    /* padding-left: 1.5rem; */
    /* left: 30%;
    top: 30%; */
} 

.remaining-time {
    font-size: 14px;
    font-weight: bolder;
}


/* Upload Profile Photo */

.user-profile .profile-pic {
    display: block;
}

.user-profile .file-upload {
    display: none;
}
.user-profile .circle {
    border-radius: 1000px !important;
    width: 180px;
    height: 180px;
    border: 8px solid rgb(166 159 159 / 73%);
    margin: auto;
    overflow: hidden;
}
.user-profile img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.user-profile .p-image {
  position: relative;
  bottom: 20%;
  right: -45%;
  color: #666666;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.user-profile .p-image:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.user-profile .upload-button {
  font-size: 1.2em;
}

.user-profile .upload-button:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  color: #999;
}

.e-schedule .e-timeline-view .e-resource-cells, .e-schedule .e-timeline-month-view .e-resource-cells {
    padding-left: 0px !important;
    /* width: auto !important; */
}

/* .e-schedule .e-timeline-view .e-schedule-table.e-resource-column-table {
    width: auto !important;
}

.e-schedule .e-timeline-view .e-schedule-table.e-outer-table {
    width: auto !important;
} */

.e-schedule .e-timeline-view .e-resource-left-td, .e-schedule .e-timeline-month-view .e-resource-left-td {
    width: 100px !important;
}

.event-inner-element .description {
    text-overflow: ellipsis;
    overflow: hidden;
}

.e-indicator.e-icons.e-right-icon, .e-indicator.e-icons.e-left-icon {
    position: absolute;
}

#user_top_menu .group div {
    padding: 0rem 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
} 

#user_top_menu .group a {

text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}

.blue_filter {
    filter: invert(30%) sepia(59%) saturate(7042%) hue-rotate(189deg) brightness(92%) contrast(101%);
}

.red_filter {
    filter: invert(16%) sepia(73%) saturate(7489%) hue-rotate(360deg) brightness(104%) contrast(119%);
}

.image_icon {
    height: 16px;
    padding-right: 11px;
}