.unscrollable {
    overflow: hidden;
}
.dx-datagrid .dx-danger > td {
    color: #c2274e;
    background-color: rgba(255, 51, 102, 0.1);
}
.dx-datagrid .dx-row-alt.dx-danger > td {
    color: #c2274e;
    background-color: rgba(255, 51, 102, 0.1);
}

.dx-datagrid .dx-warning > td {
    color: #8a6d3b;
    background-color: rgba(250, 235, 204, 0.6);
}
.dx-datagrid .dx-row-alt.dx-warning > td {
    color: #8a6d3b;
    background-color: rgba(250, 235, 204, 0.6);
}
.dx-datagrid .dx-success > td {
    color: #3c763d;
    background-color: rgba(223, 240, 216, 0.4)
}
.dx-datagrid .dx-row-alt.dx-success > td {
    color: #3c763d;
    background-color: rgba(223, 240, 216, 0.4)
}


.helpTrigger {
    position: absolute;
    margin-left: 990px;
}
.helpTrigger > a {
    color: #007bff !important;
    cursor: pointer;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.console-holder {
    min-height: 456px;
}
.console {
    min-height: 400px;
    background-color: #555;
    color: #77de51;
    padding-top: 10px;
    font-family: "Lucida Console", Monaco, monospace;
}
.console p {
    font-family: "Lucida Console", Monaco, monospace;
    color: #77de51
}
#output {
    white-space: pre-wrap;
}
.output {
    white-space: pre-wrap;
}
.smallp {
    text-align: left;
    line-height: 15px;
    margin: 4px;
    white-space: nowrap;
}
.smallp > .svg-inline--fa, .smallp > b {
    color: #cdcdcd;
}
.solomon_status hr {
    padding: 0;
    margin: 2px;
    line-height: 0px;
}
.solomon_status span {
    text-transform: capitalize;
}
.lblue {
    color: #32C8DE;
}
.ucfirst {
    text-transform: capitalize !important;
}
.row-header {
    border-bottom: 2px solid #eee;
    color: #919191 !important;
    font-size: .875rem;
    border-bottom-color: #f5f5f5;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    padding-bottom: 5px;
}
.row-body {
    border-bottom: 2px solid #eee;
}
.row-body div {
    vertical-align: middle;
    margin-top: auto;
    margin-bottom: auto;
}
.modal__content .table-v-middle.table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(230, 230, 72, 0.3);
}
.modal__content .table-v-middle.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(230, 230, 72, 0.1);
}
.modal__content .table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(230, 230, 72, 0.3);
}
.modal__content .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(230, 230, 72, 0.1);
}
.loading-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.7);
    z-index: 15;
}
.loading-overlay div {
    top: calc(50% - 35px)
}
.modal__content .loading-overlay {
    background: rgba(255, 255, 255, 0.8);
    z-index: 1502;
}
.is-selected div.card {
    /*background: #4FFF4D;*/
    background: rgba(79, 255, 77, 0.1);
}
.inline-width-70 {
    display: inline-block;
    position: relative;
    width: 70px;
}
.img-lg-admin {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 60px;
    display: inline-block;
}
.darker-row {
    background-color: #edf0f2;
}
.is-selected div.card .darker-row {
    background-color: #d4ffdb;
}
.badge-top-right {
    position: absolute;
    right: 20px;
    top: 20px;
}
.badge-fees {
    position: absolute;
    right: 0;
    top: 0;
    padding: 3px;
}
.our-cost {
    font-weight: 800;
    color: #ff3366;
}
.bg-grey {
    background-color: #E9E9F7;
}
.pointer {
    cursor: pointer;
}
.selectbox-icon img {
    max-width: 30px;
    max-height: 30px;
}
.stickyHeader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    box-shadow: 0px 0px 5px 2px #b7b6b6;
    background: white;
}
.alert-white {
    color: #202020;
    background-color: white;
    border-color: #dedede;
}
.panel-body sub {
    min-width: 60px;
    position: relative;
    display: inline-block;
}
.badge-menu {
    position: absolute;
    top: 3px;
    text-align: center;
    margin: 0;
    left: 40%;
    padding: 3px 5px;
}
.template-holder {
    width: 800px !important;
    display: inline-block;
    position: relative;
    border: 1px solid #cdcdcd;
    padding: 0;
    margin: 0;
}
.template-editor {
    height: 600px !important;
}
.banner-preview {
    width: 100px;
    height: 80px;
    padding-bottom: 25px;
    display: inline-block;
    float: left;
    position: relative;
    margin: 0 20px 20px 0;
    border: 2px solid white;
    text-align: center;
}
.banner-preview.selected {
    border-color: #6201ed;
    padding: 5px
}
.banner-preview img {
    max-width: 100%;
    max-height: 100%;
}
.select-banner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
.banner-preview.selected > a.select-banner {
    display: none;
}
.badge-warning {
    color: white;
}
.delete-banner-image {
    background: none;
    border: none;
    position: absolute;
    top: -20px;
    right: 0;
}
.delete-banner-image:hover {
    transform: scale(1.7);
}
.phone-row {
    line-height: 18px;
    display: block;
    clear: both;
}
.promoTitle {
    font-size: 12px;
    color: #b1afaf;
    line-height: 15px;
    width: 120px;
    white-space: normal;
    padding: 0;
    margin: 0;
}
.dx-datagrid-content .badge {
    padding: 2px;
    clear: both;
    display: block;
    margin: 2px 0;
    font-size: 13px;
    font-weight: 500;
}
.dx-fileuploader-file-status-message {
    font-size: 15px;
    font-weight: bold;
    color: #009900;
    float: right;
    margin-top: -12px;
    padding-bottom: 20px;
    margin-left: 20px;
}
.delete-banner-image:hover {
    transform: scale(1.7);
}
.chatHolder {
    display: inline-block;
    height: 270px;
    overflow: auto;
    width: 100%;
}
.promoTitle {
    font-size: 12px;
    color: #b1afaf;
    line-height: 15px;
    width: 120px;
    white-space: nowrap;
    padding: 0;
    margin: 0;
}
.nowrap {
    white-space: nowrap;
}
.dx-row ul {
    margin: 0;
}
.actions {

}
.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    vertical-align: middle;
}
.bg-muted {
    background-color: #f6f9fa;
}
.bg-muted .table tr, .bg-muted .table td {
    border-width: 0 !important;
}
.form-control.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.dx-button-warning {
    background-color: #e8b920;
    border-color: #d8ac1e;
    color: #fff;
}
.dx-button-warning .dx-icon {
    color: #fff;
}
.dx-button-warning.dx-state-hover {
    background-color: #d8ac1e;
    border-color: #cba21e;
}
.dx-button-warning.dx-state-focused {
    background-color: #d8ac1e;
    border-color: #cba21e;
}
.dx-button-warning.dx-state-active {
    background-color: #d8ac1e;
    border-color: #cba21e;
    color: #fff;
}

.dx-datagrid-header-panel .dx-toolbar {
    margin: 0;
    padding-right: 20px;
    background-color: rgba(85, 149, 222, 0.6);
}

.dx-datagrid-header-panel .dx-toolbar-items-container {
    height: 40px;
}

.dx-datagrid-header-panel .dx-toolbar-before {
    background-color: rgba(103, 171, 255, 0.6);
    padding: 0 20px;
}

.dx-datagrid-header-panel .dx-checkbox {
    color: white;
}
.dx-datagrid-edit-form-item > .dx-field-item-content.dx-field-item-content-location-right > div > hr {
    margin-top: 5px;
    margin-bottom: 5px;
}
.row-with-files .dx-datagrid-group-closed {
    font-size: 31px;
    margin-top: 5px;
    color: #009900;
}