/**
 *
 * 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;
}

.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;
}

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

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

.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;
    height: 564px;
    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: 18px 20px;
    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:after {
    border-bottom-color: RGBA(252, 255, 204, 0.6);
}

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

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

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

.chat .chat-message {
    padding-top: 14px;
    padding-bottom: 0px;
    border-top: 1px solid #dee5ec;
    padding: 14px;
    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;
}

.chat .chat-message .chat-message-actions {
    border: 1px solid #DDDFE2;
    background-color: white;
    border-top: 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;
}

.deleteMessage {
    display: none;
    position: absolute;
    right: 17px;
    top: 57px;
    z-index: 999;
    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: 999;
    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: 22px;
}

.newMessageBody textarea {
    width: 100%;
    /* border: none; */
    padding: 10px 20px;
    margin-bottom: 10px;
    /* 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: 15px !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;
}

/*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: 999;
    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;
}

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

.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: 12px;
    right: 18px;
}

.dashboard_search_header {
    font-weight: bold;
    font-size: 16px;
    margin-top: 17px;
    height: 31px;
    margin-left: 11px;
}

#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;
}

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.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;
}

.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;
}

.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: 33.3333%;

    }
}

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

@media (min-width: 768px) {

    .menusList li {
        width: 50%;
        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;
}

#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;
}

#automaticResonsesSelect_chosen.chosen-container-active.chosen-with-drop .chosen-single,
#newmessage_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;
}

#automaticResonsesSelect_chosen.chosen-container-active.chosen-with-drop .chosen-drop,
#newmessage_automaticResonsesSelect_chosen.chosen-container-active.chosen-with-drop .chosen-drop {
    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;
}

/*

#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;
}

#message-to-send-container .emojionearea .emojionearea-button {
    margin-right: 0px !important;
}

.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;
}

#custom-titles {
    display: none;
}

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

.stepy-error label.error {
    display: block;
    font-size: 12px;
    color: #cc3f44;
    margin-bottom: 0px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f2f5f8 !important;;
}

.table-striped > tbody > tr:nth-of-type(odd) > th {
    /* background-color: #E7EDF4 !important;*/
}

.table-striped > tbody > tr > th {
    /* font-weight: normal;*/
}

.table-hover > tbody > tr:hover {
    background-color: #f2f5f8 !important;;
}

/* .signup_form fieldset .form-group {
    margin-bottom: 30px;
} */

.signup_form label {
    margin: 0.5rem 0rem !important;
}

.signup_form label.error  {
    display: block;
    font-size: 12px;
    color: #cc3f44;
    padding: 5px;
}

.signup_form fieldset .form-group .form-control {
    height: 40px;
}

.signup_form fieldset .form-group .col-sm-2.control-label {
    text-align: left;
    width: 150px;
    padding: 0px;
    padding-top: 7px;
}

.signup_form fieldset .form-group .col-sm-2.control-label span {
    display: block;
    color: #979898;
    font-size: 12px;
    padding-right: 4px;
    margin-top: 0px;
}

.signup_form fieldset .form-group .col-sm-10 {
    width: calc(100% - 150px);
    padding: 0px;
    padding-right: 15px;
}

/*

.custom-buttons a {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    border: 1px solid transparent;
    margin-bottom: 10px;
    margin-left:10px;
}

.custom-buttons a {
    background-color: #006FB7;
    border-color: #006FB7;
    color: #fff;
}*/

#toggle_password, #toggle_password_2 {
    position: relative;
    right: 1rem;
    top: -30px;
    background-image: url(../images/show_password.png);
    width: 20px;
    height: 20px;
    background-size: contain;
    cursor: pointer;
    float: right;
}

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


/* FREE TRIALS */

.free-trial-page-body {
    display: table;
    width: 100%;
    height: 100%;
    vertical-align: top;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    overflow-x: hidden;
}

.free-trial-page-body .main-content {
    display: table-cell;
    position: relative;
    z-index: 1;
    padding: 30px;
    padding-bottom: 0;
    vertical-align: top;
    word-break: break-word;
    width: 100%;
    -webkit-transition: opacity 100ms ease-in-out;
    -moz-transition: opacity 100ms ease-in-out;
    -o-transition: opacity 100ms ease-in-out;
    transition: opacity 100ms ease-in-out;
}

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


#free-trial-form label.error {
    display: block;
    font-size: 12px;
    color: #cc3f44;
    padding: 5px;
}

#free-trial-form .row {
    margin: 0px 0px !important;
}

/* .info_photo .text_box_pejman_intro:before {
    content: "";
    position: absolute; 
    top: 50%;                  
    margin-top: -15px;
    left:-30px;
    border: solid 15px transparent;
    border-right-color: #FFF;
    z-index: 1;
} */

.left_bar {
    padding: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 600px) {
    .intro-image {
        width: 90%;
    }

    .left_bar h1, .img_text {
        align-self: flex-start !important;
    }

    .img_text {
        text-align: start !important;
    }

    .left_bar p {
        align-self: flex-start;
        padding: 2rem 0rem;
    }
}

@media only screen and (min-width: 600px) {
    .intro-image {
        height: 40rem;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .left_bar p {
        padding: 2rem 4.5rem;
    }

    #custom, #signup_pay, .right-bar {
        margin: 2rem 5.5rem;
    }
    .intro-image {
        height: 20rem;
    }
}

.right-bar {
    width: -webkit-fill-available !important;
}


@media only screen and (max-width: 992px) {
    #ft_first_name, #ft_city,  #ft_number_city, #ft_zip{
        width: 100% !important;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    /* .left_bar p {
        padding: 2rem 1.5rem
    }  */

    #custom, #signup_pay, .right-bar {
        margin: 2rem 10.5rem;
    }

    .intro-image {
        height: 30rem;
    }

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px){
    .left_bar p {
        padding: 2rem 9.5rem
    }

    #custom, #signup_pay, .right-bar {
        margin: 2rem 10.5rem;
    }

    #custom.chatbot_signup {
        margin: 2rem;
    }

    #custom.chatbot_signup #custom-step-0 {
        margin: 2rem 10.5rem;
    }

    .intro-image {
        height: 40rem;
    }

    #main_body {
        max-width: 150rem
    }

}

.img_text {
    font-weight: 800;
    font-size: 2rem;
    color: #f05a28;
    text-align: center;
}

#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;
}

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

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


/* END FREE TRIALS*/


#showAddons {
    cursor: pointer;
    border-bottom: 1px solid #eee;
}
#showAddons:before {
    float: right;
    display: block;
    content: '-';
    font-size: 10px;
    width: 25px;
    text-align: right;
    font-weight: 900;
}

#showAddons.collapsed:before {
    float: right;
    display: block;
    content: '+';
    font-size: 10px;
    width: 25px;
    text-align: right;
    font-weight: 900;
}

.addonPanel {
    background-color: white;
}

.default_addons {
    display: block;
}

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

.form-group {
    margin-bottom: 0.5rem !important;
}

.addon_box {
    padding: 0px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.addon_description {
    margin-left: 2rem !important;
}

.terms_box {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
    font-size: 1.5rem;
}

.terms_box input {
    margin: 0rem !important;
}

.terms_box a {
    margin-left: 0.5rem !important;
}

.discount_box {
    /* padding-left: 0px; */
    /* margin: 11px 0px; */
    margin: 1.5rem 0rem;
    display: flex;
    flex-direction: column;
}

.plan-box {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.plan-box div {
    padding: 10px 5px !important;
    text-align: center;
    vertical-align: middle;
    width: 20rem;
    /* border-right: 1px solid #e2e7eb; */
    color: #77808a;
}

.plan-box div.emptyBox {
    padding: 75px 0 20px 0 !important;
}

.plan-box div.footer {
    background-color: white;
    align-items: center;
}

.plan-box div.altRow {
    background-color: #f5f5f5;
}


.plan-box div.recommended, .et_pb_pricing_tables_4 div.recommended{
    background: #3a3c3f;
    color: #b4bac4;
}

.et_pb_pricing_tables_4 div.recommended span{
    color: #b4bac4 !important;
}

.plan-box div.tableHeading {
    padding-top: 3rem !important;
}

#tableContainer {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    border: none !important;
}

.chatbot_signup #tableContainer {
    justify-content: space-evenly;
}

#tableContainer .tableCell {
    width: 100% !important;
    padding: 0rem !important;
    z-index: 1;
}

#tableContainer .btn {
    margin-bottom: 0rem !important;
}

@media only screen and (max-width: 992px) {
    #tableContainer {
        flex-wrap: wrap;
        background: none !important;
    }

    #tableContainer .plan-box{
        margin-top: 0.5rem;
    }

}

.et_pb_pricing_table_wrap {
    display: flex;
}

.et_pb_pricing_table_4.et_pb_pricing_table, .et_pb_pricing_table_4 .et_pb_pricing_content {
    text-align: center;
}

.et_pb_pricing_tables_4 .et_pb_featured_table {
    background-color: rgba(0,0,0,0);
}

.et_pb_pricing_tables_4 .et_pb_pricing_table {
    background-color: #ffffff;
    border-width: 0px;
    border-style: groove;
    border-color: #e02b20;
    width: 295px;
}

.et_pb_pricing_tables_4 .et_pb_pricing_heading, .et_pb_pricing_tables_4 .et_pb_pricing_content_top, .et_pb_pricing_tables_4 .et_pb_pricing_content {
    padding-top: 30px!important;
}

.et_pb_pricing_content_top {
    position: relative;
    padding-bottom: 30px;
    /* border-style: solid;
    border-bottom: 1px solid #bebebe; */
}

.et_pb_pricing_table_4 .et_pb_pricing_heading .et_pb_best_value {
    color: #000000;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    line-height: 2em;
}

.et_pb_best_value {
    font-size: 18px;
}

.et_pb_pricing_tables_4 .et_pb_featured_table .et_pb_pricing_content_top {
    background-color: #e06100;
}

.et_pb_pricing_table_4 .et_pb_pricing_content_top {
    text-align: center;
}

.et_pb_featured_table .et_pb_pricing_content {
    /* padding-bottom: 50px; */
}

.et_pb_counters, .et_pb_pricing, .et_pb_widget_area ul, .et_pb_tabs_controls {
    padding: 0 !important;
    line-height: inherit !important;
    list-style: none !important;
}

.et_pb_pricing_tables_4 .et_pb_featured_table .et_pb_pricing_content li {
    color: #000000!important;
}

.et_pb_pricing_table_4 .et_pb_et_price .et_pb_sum {
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
    font-size: 35px;
    color: #ffffff!important;
}

.et_pb_pricing_table_4 .et_pb_et_price .et_pb_frequency {
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
    color: #ffffff!important;
}


.et_pb_pricing li {
    position: relative;
    padding: 0 0 1em 14px;
    line-height: 1.6em;
    font-size: 18px;
}

.et_pb_pricing_tables_4 .et_pb_sum {
    font-weight: 700;
}

.et_pb_pricing_table_4 .et_pb_dollar_sign, .et_pb_pricing_table_4 .et_pb_frequency {
    font-size: 19px;
    color: #fff!important;
}

.et_pb_pricing_tables_4 .et_pb_pricing_heading h2, .et_pb_pricing_tables_4 .et_pb_pricing_heading h1.et_pb_pricing_title, .et_pb_pricing_tables_4 .et_pb_pricing_heading h3.et_pb_pricing_title, .et_pb_pricing_tables_4 .et_pb_pricing_heading h4.et_pb_pricing_title, .et_pb_pricing_tables_4 .et_pb_pricing_heading h5.et_pb_pricing_title, .et_pb_pricing_tables_4 .et_pb_pricing_heading h6.et_pb_pricing_title {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: 30px!important;
    
}

.et_pb_pricing_tables_4 .et_pb_featured_table .et_pb_pricing_heading h2, .et_pb_pricing_tables_4 .et_pb_featured_table .et_pb_pricing_heading .et_pb_pricing_title {
    color: #e06100!important;
    font-weight: 700;
}

.et_pb_featured_table {
    position: relative;
    z-index: 10;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

.btn.org-btn {
    background-color: #f05a28 !important;
    font-size: 15px;
    color: white;
    font-weight: 700;
}

#custom-buttons-0 {
    margin-right: -15px;
}