/*============================================== backoffice old styles ======================================================================================================*/
.modal-content, .modal-content .crm-page.modal-dialog {
    min-width: inherit !important;
    width: auto;
}
.crm-page {
    user-select: text;
}
.crm-inline {
    display: inline;
}
.crm-popup-close {
    top: 3px!important;
    right: 0;
}
.crm-relative {
    position: relative;
}

.crm-pull-right {
    float: right;
}

.crm-pull-left {
    float: left;
}

.crm-cleaer-padding {
    padding: 0;
}



.crm-page .crm-left-menu-color {
    background-color: #1f2126;
    border-color: #233246;
}

.crm-page .crm-block-color {
    background-color: #fff;
    border-color: #e5e9ec;
}

.crm-page .crm-block-header-color {
    background-color: #f6f6f6;
    border-color: #dde0e3;
}

.crm-page .crm-table-color {
    background-color: #fff;
    border-color: #e5e9ec;
}

.crm-page .crm-table-active-line {
    background-color: #f6f7f7;
    border-color: #dde0e3;
}

.crm-page .crm-lines-color {
    background-color: #e5e9ec;
}

.crm-page .crm-green-bg {
    background-color: #2dcba5;
}

.crm-page .crm-red-bg {
    background-color: #fb545c;
}

.crm-page .crm-blue-bg {
    background-color: #31a4df;
}

.crm-page .crm-yellow-bg {
    background-color: #fccd6b;
}

.crm-page .crm-see-green-bg {
    background-color: #1abb9c;
}

.crm-page .crm-turquoise-bg {
    background-color: #2dc1cb;
}

.crm-page .crm-violet-bg {
    background-color: #6d7aad;
}

.crm-page .crm-gray-bg {
    background-color: #6c6c6c;
}

.crm-page .crm-dark-green-bg {
    background-color: #1abb9c;
}

.crm-page .crm-white-bg {
    background-color: #fff;
}

.crm-page .crm-khaki-bg {
    background-color: #1f6c4c;
}

.crm-page .crm-sky-bg {
    background-color: #6dbffb;
    color: #ffffff
}

.crm-page .crm-large-btn, .crm-page .crm-small-btn {
    display: block;
    margin-right: 8px;
    border: 1px solid;
    font: 13px OpenSansRegular !important;
    color: #fff;
    cursor: pointer;
}

.crm-page .crm-large-btn {
    padding: 7px 38px;
}

.crm-page .crm-small-btn {
    padding: 3px 18px;
}

.crm-page .crm-green-btn {
    background-color: #48c9b0;
    border-color: #44b39d;
    color: #d8f1ec;
}

.crm-page .crm-green-btn:hover {
    background-color: #76d6c4;
    border-color: #73c6b6;
    color: #fff;
    text-decoration: none;
}

.crm-page .crm-green-btn:active {
    background-color: #1abb9c;
    border-color: #15a085;
    color: #bbe5db;
}

.crm-page .crm-green-btn {
    background-color: #48c9b0;
    border-color: #44b39d;
    color: #d8f1ec;
}

.crm-page .crm-green-btn:hover {
    background-color: #76d6c4;
    border-color: #73c6b6;
    color: #fff;
    text-decoration: none;
}

.crm-page .crm-green-btn:active {
    background-color: #1abb9c;
    border-color: #15a085;
    color: #bbe5db;
}

.crm-page .crm-red-btn {
    background-color: #fc636c;
    border-color: #fd5460;
    color: #fff;
}

.crm-page .crm-red-btn:hover {
    background-color: #FD424C;
    border-color: #fc636c;
    color: #fff;
    text-decoration: none;
}

.crm-page .crm-red-btn:active {
    background-color: #FD424C;
    border-color: #fc636c;
    color: #bbe5db;
}

.crm-page .agp .crm-disabled,
.crm-page .crm-disabled {
    background-color: #c5c6c9a8;
    border-color: #e5e9ec;
    color: #8a93a3;
    cursor: default;
}

.crm-not-allow-only-predefined {
    background-color: #eeeff1;
    border-color: #e5e9ec;
    color: #8a93a3;
    cursor: not-allowed;
    pointer-events: none;
}

.crm-allow-only-predefined {
    cursor: pointer;
    pointer-events: initial;
}

.crm-page .crm-white-btn {
    background-color: #fff;
    border-color: #e5e9ec;
    color: #8a93a3;
}

.crm-page .crm-white-btn:hover {
    background-color: #f5f5f6;
    border-color: #e5e9ec;
    color: #8a93a3;
    text-decoration: none;
}

.crm-page .crm-white-btn:active {
    background-color: #fff;
    border-color: #e5e9ec;
    color: #414141;
}

.crm-page .crm-action-icon-container {
    display: table;
    margin: 0 auto;
}

.crm-page .crm-action-icon-container > div:not(:first-child) {
    /*margin-left: 8px;*/
}

.crm-page .crm-title-icon {
    position: absolute;
    left: 35%!important;
    color: #808b9c;
    line-height: 32px;
}
.crm-page .crm-action-icon-stop {
    line-height: 20px;
}

.crm-page .crm-action-icon-stop .fa-stop {
    font-size: 8px !important;
}

.crm-page .crm-export-to-excel-icon,
.crm-page .crm-export-to-csv-icon {
    display: block;
    width: 18px;
    height: 15px;
    background-size: 100%;
}

.crm-page .crm-popup-container .crm-dropdown-container-header .crm-export-to-excel-icon,
.crm-page .crm-popup-container .crm-dropdown-container-header .crm-export-to-csv-icon {
    margin: 10px 12px;
}

.crm-page .crm-breadcrums-bar {
    margin-top: 43px;
    width: 100%;
    height: 36px;
    line-height: 39px;
    background: #f6f6f6;
    box-sizing: border-box;
    border: 1px solid #dde0e3;
}

.crm-page .crm-breadcrums-bar li {
    position: relative;
    display: block;
    float: left;
    height: 33px;
    margin: 1px 0;
    cursor: pointer;
}

.crm-page .crm-breadcrums-bar li a {
    display: block;
    padding: 0 21px 0 31px;
    line-height: 33px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    color: #444444;
}

.crm-page .crm-breadcrums-bar li:first-child a {
    padding-left: 16px;
}

.crm-page .crm-breadcrums-bar li:before {
    content: '';
    display: block;
    position: absolute;
    top: -2px;
    right: -29px;
    border: 18px solid transparent;
    border-left: 10px solid #dde0e3;
    z-index: 1;
}

.crm-page .crm-breadcrums-bar li:after {
    content: '';
    display: block;
    position: absolute;
    top: -2px;
    right: -28px;
    border: 18px solid transparent;
    border-left: 10px solid #f6f6f6;
    z-index: 1;
}

.crm-page .crm-breadcrums-bar li:last-child {
    background: #fff;
}

.crm-page .crm-breadcrums-bar li:last-child::after {
    border-left: 10px solid #fff;
}

.crm-page .crm-title-bar {
    width: 100%;
    height: 36px;
    box-sizing: border-box;
    padding: 0 16px;
    background: #f6f6f6;
    /*border: 1px solid #d4d7de;*/
    border-top: 0;
    line-height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.crm-page .crm-title-bar h3 {
    float: left;
    line-height: 36px;
    font-family: OpenSansBold !important;
}

.crm-page .crm-title-bar i {
    float: right;
    margin: 11px 12px 11px 0;
    font-size: 18px;
    color: #808b9c;
    cursor: pointer;
}

.crm-page .crm-title-bar > h3 + i {
    margin-right: 0;
}

.crm-page .crm-title-bar i.crm-active-item {
    color: #444;
}

.crm-page .crm-title-bar .crm-input-on,
.crm-page .crm-title-bar .crm-input-off {
    padding: 6px 0;
}

.crm-page .crm-custom-text-block {
    font: 12px/30px OpenSansRegular !important;
}

.crm-page .crm-dark-text {
    color: #444;
    font-weight: 600;
}

.crm-page .crm-gray-text {
    color: #8a93a3;
}

.crm-page .crm-white-text {
    color: #fff;
}

.crm-page h1, h1 {
    font-size: 18px;
}

.crm-page h2, h2 {
    font-size: 16px;
}

.crm-page h3, h3 {
    font-size: 14px;
}

.crm-page h4, h4 {
    font-size: 13px;
}

.crm-page h5, h5 {
    font-size: 12px;
}

.crm-page h6, h6 {
    font-size: 11px;
}

.crm-page .crm-bold-text {
    font-family: OpenSansBold !important;
}

.crm-page .crm-alert-bar-success, .crm-page .crm-alert-bar-danger, .crm-page .crm-alert-bar-warning, .crm-page .crm-alert-bar-remark {
    padding: 13px 18px;
    border: 2px solid;
    float: left;
    width: 100%;
    margin-bottom: 8px;
}

.crm-page .crm-alert-bar-success i:first-child, .crm-page .crm-alert-bar-danger i:first-child, .crm-page .crm-alert-bar-warning i:first-child, .crm-page .crm-alert-bar-remark i:first-child {
    display: block;
    float: left;
    margin-right: 18px;
    font-size: 20px;
    line-height: 20px;
}

.crm-page .crm-alert-bar-success p, .crm-page .crm-alert-bar-danger p, .crm-page .crm-alert-bar-warning p, .crm-page .crm-alert-bar-remark p {
    float: left;
    word-wrap: break-word;
    line-height: 20px;
}

.crm-page .crm-alert-bar-success i:last-child, .crm-page .crm-alert-bar-danger i:last-child, .crm-page .crm-alert-bar-warning i:last-child, .crm-page .crm-alert-bar-remark i:last-child {
    display: block;
    float: right;
    margin-left: 18px;
    line-height: 20px;
    cursor: pointer;
}

.crm-page .crm-alert-bar-success div, .crm-page .crm-alert-bar-danger div, .crm-page .crm-alert-bar-warning div, .crm-page .crm-alert-bar-remark div {
    display: inline-block;
    float: left;
    /*margin-left: 150px;*/
}

.crm-page .crm-alert-bar-success {
    border-color: #1abe9c;
}

.crm-page .crm-alert-bar-success i:first-child, .crm-page .crm-alert-bar-success p, .crm-page .crm-alert-bar-success i:last-child {
    color: #1abe9c;
}

.crm-page .crm-alert-bar-danger {
    border-color: #e11f3a;
}

.crm-page .crm-alert-bar-danger i:first-child, .crm-page .crm-alert-bar-danger p, .crm-page .crm-alert-bar-danger i:last-child {
    color: #e11f3a;
}

.crm-page .crm-alert-bar-warning {
    border-color: #efa400;
}

.crm-page .crm-alert-bar-warning i:first-child, .crm-page .crm-alert-bar-warning p, .crm-page .crm-alert-bar-warning i:last-child {
    color: #efa400;
}

.crm-page .crm-alert-bar-remark {
    border-color: #31a4df;
}

.crm-page .crm-alert-bar-remark i:first-child, .crm-page .crm-alert-bar-remark p, .crm-page .crm-alert-bar-remark i:last-child {
    color: #31a4df;
}

.crm-page .crm-input-text label:not(.crm-check) {
    display: block;
    margin-bottom: 4px;
    /*font: 14px OpenSansSemibold !important;*/
    font-size: 14px;
    line-height: 20px;
}

.crm-page .crm-input-text span {
    display: block;
    position: relative;
}

.crm-page .crm-input-text input, .crm-page .crm-input-text textarea {
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    border: 1px solid #b8e5f6;
    border-radius: 3px;
    background: #fff;
}

.crm-page .crm-input-text input {
    height: 36px;
    padding: 0 26px 0 8px;
    outline: none !important;
}
.crm-page .crm-input-text input:focus {
    outline: none !important;
    box-shadow: none !important;
}
.crm-page .crm-input-text textarea {
    height: 234px;
    padding: 8px;
    resize: none;
    overflow-x: hidden;
    overflow-y: auto;
    word-wrap: break-word;
}

.crm-page .crm-input-prefix input {
    width: 90%;
    float: left;
}

.crm-page .crm-input-prefix span span {
    width: 10%;
    float: right;
    line-height: 34px;
    text-align: center;
}

.crm-page .crm-input-text input:focus, .crm-page .crm-input-text textarea:focus {
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    box-shadow: inset 0 0 2px #222;
}

.crm-page .crm-input-text crm-multi-select-drop-down input:focus, .crm-page .crm-input-text crm-auto-complete input:focus {
    border: 0 !important;
    box-shadow: none !important;
}

.crm-page .crm-input-text span i {
    display: none;
    position: absolute;
    top: 9px;
    right: 7px;
}

.crm-page .crm-bonus-engine .crm-input-text .crm-select-picker-shown-block span.crm-select-picker-icon i {
    display: block;
}

.crm-page .crm-bonus-engine .crm-input-text span {
    position: unset;
}

.crm-page .crm-input-text span p {
    display: none;
    padding-top: 7px;
    color: #e72041;
    font-size: 12px;
}

.crm-page .crm-input-text-small-padding span p {
    padding-top: 6px;
}

.crm-page .crm-valid-val input {
    padding-right: 26px;
    border-color: #4ec7ab;
    box-shadow: inset 0 0 2px #4EC7AB;
}

.crm-page .crm-valid-val span i {
    display: block;
    color: #1abe9c;
}

.crm-page .crm-invalid-val input {
    padding-right: 26px;
    border-color: #e11f3a;
    box-shadow: inset 0 0 2px #E11F3A;
}

.crm-page .crm-invalid-val span i {
    display: block;
    color: #e11f3a;
}

.crm-page .crm-invalid-val span p {
    display: block;
    overflow: hidden;
    /*white-space: nowrap;*/
    /*---------crm Tigran--------*/
    text-overflow: ellipsis;
}

.crm-page .crm-invalid-val input[type="file"]::after {
    border-color: #e11f3a;
}

.crm-page .crm-invalid-val input[type="file"] {
    box-shadow: none;
}

.crm-page .crm-valid-val input[type="file"]::after {
    border-color: #4ec7ab;
}

.crm-page .crm-valid-val input[type="file"] {
    box-shadow: none;
}

.crm-page .crm-inactive-input {
    position: relative;
}

.crm-page .crm-inactive-input:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 32px;
}

.crm-page .crm-inactive-input input {
    background: #eeeff1;
    color: #888;
    border-color: #dde0e3;
    cursor: default;
}

.crm-page .crm-type-calendar span input {
    padding-right: 26px;
}

.crm-page .crm-type-calendar span i {
    display: block;
}

.crm-page .crm-input-chackbox, .crm-page .crm-inline-block {
    display: inline-block;
}

.crm-page .crm-input-chackbox input[type="checkbox"], .crm-page .crm-input-radio input[type="radio"] {
    display: none;
}

.crm-page .crm-input-chackbox label, .crm-page .crm-input-radio label {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    border: 1px solid #d4d7de;
    border-radius: 2px;
    background-color: #fff;
    line-height: 12px;
    text-align: center;
}

.crm-page .crm-input-chackbox input:checked + label:after {
    content: "\f00c";
    font: 13px FontAwesome;
    color: #48c9b0;
}

.crm-page .crm-input-chackbox input:indeterminate + label:after {
    content: "\f0c8";
    font: 12px FontAwesome;
    padding-top: 1px;
    display: block;
}

.crm-page .crm-input-chackbox span, .crm-page .crm-input-radio span, .crm-page .crm-input-off span, .crm-page .crm-input-on span {
    display: block;
    padding-left: 10px;
    line-height: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.crm-page .crm-input-radio {
    display: inline-block;
    margin-right: 8px;
}

.crm-page .crm-input-radio label {
    border-radius: 50%;
    line-height: 10px;
}

.crm-page .crm-input-radio input:checked + label:after {
    content: "\f111";
    font: 11px FontAwesome;
    line-height: 13px;
}

.crm-page .crm-inactive-chackbox input:checked + label:after,
.crm-page .crm-inactive-radio input:checked + label:after {
    content: "";
}

.crm-page .crm-input-off span, .crm-page .crm-input-on span {
    line-height: 24px;
}

.crm-page .crm-input-off div, .crm-page .crm-input-on div {
    box-sizing: border-box;
    position: relative;
    float: left;
    width: 40px;
    height: 22px;
    border-radius: 12px;
    border: 1px solid #d4d7de;
    background: #eeeff1;
    cursor: pointer;
}

.crm-page .crm-input-off div input[type="checkbox"],
.crm-page .crm-input-on div input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.crm-page .crm-input-on div {
    /*background: #1abb9c;*/
    /*border-color: #15a085;*/
    background: #1B9CFB;
    border-color: #1B9CFB;
}

.crm-page .crm-input-off div:before, .crm-page .crm-input-on div:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #d7dae0;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
}

.crm-page .crm-input-off div:before {
    margin-left: 0;
}

.crm-page .crm-input-on div:before {
    margin-left: 16px;
    border-color: #15a085;
}

.crm-page .crm-input-search {
    position: relative;
}

.crm-page .crm-input-search input {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    line-height: 24px;
    border: 1px solid #e5e9ec;
    padding: 0 26px 0 8px;
}

.crm-page .crm-input-search i {
    position: absolute;
    right: 7px;
    top: -1px;
    line-height: 24px;
}

.crm-page .bs-select-customize .form-control {
    height: 34px;
}

.crm-page .bs-select-customize .btn-group > .btn {
    height: inherit;
}

.crm-page .bs-select.crm-clear-border button.selectpicker {
    border: 0;
}

.crm-page .crm-input-text input.crm-clear-border,
.crm-page .crm-input-text input.crm-clear-border:focus {
    box-shadow: none;
}

.crm-page .crm-gs-container {
    width: 100%;
}

.crm-page .crm-gs-container * {
    box-sizing: border-box;
}

.crm-page .crm-gs-row:before, .crm-page .crm-gs-row:after {
    content: "";
    display: block;
    clear: both;
}

[class*='crm-col-'] {
    float: left;
    min-height: 1px;
    width: 8.33%;
    padding: 8px;
}

.crm-col-1 {
    width: 8.325%;
}

.crm-col-2 {
    width: 16.659%;
}

.crm-col-3 {
    width: 24.975%;
}

.crm-col-4 {
    width: 33.333%;
}

.crm-col-5 {
    width: 41.625%;
}

.crm-col-6 {
    width: 49.959%;
}

.crm-col-7 {
    width: 58.275%;
}

.crm-col-8 {
    width: 66.666%;
}

.crm-col-9 {
    width: 74.925%;
}

.crm-col-10 {
    width: 83.259%;
}

.crm-col-11 {
    width: 91.575%;
}

.crm-col-12 {
    width: 99.999%;
}

.crm-dropdown-container .crm-dropdown-container-header {
    height: 34px;
    line-height: 34px;
    background: #f6f6f6;
    border: 1px solid #dde0e3;
}

.crm-dropdown-container .crm-dropdown-container-header h3 {
    float: left;
    line-height: 34px;
    font-family: OpenSansSemibold !important;
}

.crm-dropdown-container .crm-dropdown-container-header span {
    display: block;
    position: relative;
    float: right;
    width: 40px;
    height: 32px;
    text-align: center;
    border-right: 1px solid #dde0e3;
    cursor: pointer;
}

.crm-dropdown-container .crm-dropdown-container-header span:nth-child(2) {
    border: 0;
}

.crm-dropdown-container .crm-dropdown-container-header span.crm-dropdown-cnt-last-btn {
    border-left: 1px solid #dde0e3;
}

.crm-dropdown-container .crm-dropdown-container-header span > i {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #808b9c;
    line-height: 32px;
}

.crm-page .crm-dropdown-container .crm-dropdown-container-header span > i.fa-angle-up, .crm-page .crm-dropdown-container .crm-dropdown-container-header span > i.fa-angle-down {
    font-size: 18px;
    padding-left: 12px;
}

.crm-page .crm-dropdown-container .crm-dropdown-container-header span.crm-last-icon-item {
    border-left: 1px solid #dde0e3;
}

.crm-page .crm-dropdown-container .crm-dropdown-container-header span.crm-active-item {
    background: #dde0e3;
}

.crm-page .crm-dropdown-container .crm-dropdown-container-header span.crm-last-icon-item.disable {
    background: black;
}

.crm-page .crm-dropdown-container-header div.crm-input-search {
    position: relative;
    width: 192px;
    height: 24px;
    margin: 4px 0;
}

.crm-page .crm-dropdown-container-header button.crm-small-btn {
    margin: 4px 6px;
}

.crm-page .crm-dropdown-container .crm-dropdown-container-body {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
    /*border: 1px solid rgba(212, 215, 222, 0.54);*/
    border-top: 0;
}

.crm-page .crm-dropdown-container .crm-dropdown-container-body:after {
    content: '';
    display: block;
    clear: both;
}

.crm-page .crm-pagination-bar {
    width: 100%;
    float: left;
    line-height: 29px;
}

.crm-page .crm-pagination-bar p {
    font-size: 14px;
}

.crm-page .crm-pagination-bar p span {
    font-family: OpenSansBold !important;
}

.crm-page .crm-pagination-bar > ul {
    display: block;
    width: 332px;
    margin-left: 24px;
    border: 1px solid #d4d7de;
    background: #fff;
}

.crm-page .crm-pagination-bar > ul li {
    float: left;
    width: 30px;
    height: 27px;
    border-left: 1px solid #d4d7de;
    line-height: 27px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}

.crm-page .crm-pagination-bar > ul li a {
    color: #444;
    text-decoration: none;
}

.crm-page .crm-pagination-bar > ul li:first-child {
    border-left: 0;
}

.crm-page .crm-pagination-bar > ul li:hover {
    background: #f6f6f6;
}

.crm-page .crm-pagination-bar > ul li.active-item {
    background: #dde0e3;
}

.crm-page .crm-inputs-field-group > div {
    margin-bottom: 8px;
}

.crm-page .crm-inputs-field-group > div > label {
    display: block;
    float: left;
    height: 34px;
    padding: 0 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 700;
    line-height: 34px;
}

.crm-page .crm-inputs-field-group .crm-status-normal .crm-field-group-text, .crm-page .crm-inputs-field-group .crm-status-edit > span {
    display: none;
}

.crm-page .crm-inputs-field-group .crm-status-edit .crm-field-group-text, .crm-page .crm-inputs-field-group .crm-status-normal > span {
    display: block;
}

.crm-page .crm-inputs-field-group .crm-status-normal > span {
    height: 34px;
    padding: 0 15px;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 34px;
}

.crm-page .crm-inputs-field-group .crm-status-edit .crm-field-group-text input {
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    padding: 0 14px;
    font-size: 14px;
    border: 1px solid #dde0e3;
    background: #fff;
    line-height: 34px;
}

.crm-page .crm-inputs-field-group .crm-status-edit .crm-field-group-text input:focus {
    box-shadow: inset 0 0 2px #222;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
}

.crm-page .crm-players-message-details {
    width: 100%;
}

.crm-page .crm-players-message-details h3 {
    padding: 8px;
    border-bottom: 1px solid #d4d7de;
    text-align: left;
    font-size: 14px;
    font-family: 'OpenSansSemiBold';
}

.crm-page .crm-players-message-details p {
    padding: 8px;
    max-height: 120px;
    overflow-y: auto;
    text-align: left;
}

.crm-page .crm-message-status {
    padding: 2px 4px;
    border: 2px solid;
    border-radius: 3px;
}

.crm-page .crm-message-status.readed {
    border-color: #15a085;
    color: #15a085;
}

.crm-page .crm-message-status.new {
    border-color: #2cb0cf;
    color: #2cb0cf;
}

.crm-page .crm-message-status.answerd {
    border-color: #f2c772;
    color: #f2c772;
}

.crm-page .crm-status-bar {
    margin: 0 auto;
    padding: 2px 15px;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
    border: 1px solid;
}

.crm-page .crm-green-status-bar {
    background-color: #1abb9c;
    border-color: #15a085;
}

.crm-page .crm-red-status-bar {
    background-color: #fc636c;
    border-color: #fd5460;
}

.crm-page .crm-blue-status-bar {
    background-color: #2dc1cb;
    border-color: #2cb0cf;
}

.crm-page .crm-yellow-status-bar {
    background-color: #fccd6b;
    border-color: #f2c772;
}

.crm-page .crm-dashbord-container .crm-dropdown-container-body > div.crm-col-12 {
    height: 218px;
}

.crm-page .crm-info-desk-container {
    border: 1px solid #d4d7de;
    margin-bottom: 8px;
}

.crm-page .crm-info-desk-container > div.crm-col-12 {
    overflow: hidden;
}

.crm-page .crm-info-desk-container > div.crm-col-12 > div > p, .crm-page .crm-info-desk-container > div.crm-col-12 > div > span {
    padding: 8px;
    display: block;
    font-size: 22px;
}

.crm-page .crm-info-desk-container > div.crm-col-12 > div > p {
    font-family: OpenSansRegular !important;
}

.crm-page .crm-info-desk-container > div.crm-col-12 > div > span {
    font-family: OpenSansBold !important;
}

.crm-page .crm-info-desk-container > div.crm-col-12 > div:last-child {
    width: 115px;
    height: 105px;
}

.crm-page .crm-dashboard-info-desk-icon {
    height: inherit;
    width: inherit;
    margin: 8px 0 0 8px;
}

.crm-page .crm-info-desk-container > div {
    border-right: 1px solid #d5d6db;
}

.crm-page .crm-info-desk-container > div:first-child, .crm-page .crm-info-desk-container > div:last-child {
    border-right: 0;
}

.crm-page .crm-info-desk-container > div.crm-col-6 {
    text-align: center;
}

.crm-page .crm-info-desk-container > div.crm-col-6:last-child {
    border-left: 0;
}

.crm-page .crm-info-desk-container > div > p, .crm-page .crm-info-desk-container > div > span {
    padding-bottom: 8px;
    font-size: 14px;
}

.crm-page .crm-info-desk-container > div > span {
    padding-top: 4px;
    font-family: OpenSansBold !important;
}

.crm-page .crm-info-desk-container > div.crm-col-12:last-child > p {
    text-align: left;
    line-height: 36px;
    padding-bottom: 0;
}

.crm-page .crm-popup-container-cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
}

.crm-page .crm-popup-container {
    position: fixed;
    display: table;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.crm-page .crm-popup-container > div {
    display: table-row;
}

.crm-page .crm-popup-container > div > div {
    display: table-cell;
    vertical-align: middle;
}

.agp .crm-popup-block {
    float: none;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #dde0e3;
    background: #fff;
}

.crm-popup-block-header {
    height: 39px;
    background-color: #f6f6f6;
    border-bottom: 1px solid #dde0e3;
}

.crm-popup-block-header h3 {
    float: left;
    font-family: 'OpenSansSemibold';
    line-height: 19px;
}

.crm-popup-block-header span {
    float: right;
    font-size: 20px;
    line-height: 18px;
    color: #c3c3c3;
    cursor: pointer;
}

.crm-popup-block-header span:hover {
    color: #444;
}

.crm-popup-block-body {
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
}

.crm-page .crm-large-popup-template .crm-popup-block-body {
    min-height: 345px;
    max-height: 620px;
}

.crm-page .crm-middle-popup-template .crm-popup-block-body {
    min-height: 60px;
    max-height: 160px;
}

.crm-page .crm-small-popup-template .crm-popup-block-body {
    min-height: 60px;
    max-height: 350px;
}

.crm-page .crm-large-popup-template .crm-popup-block-footer {
    height: 52px;
    border-top: 1px solid #dde0e3;
}

.crm-popup-block-footer p {
    float: left;
    font-size: 14px;
    line-height: 36px;
}

.crm-page .crm-small-popup-template .crm-popup-block-footer button.crm-large-btn {
    margin: 0 auto;
    float: none;
}

.crm-page .crm-chart-ico-pos {
    background-position: -28px -51px;
}

.crm-page .crm-search-ico-pos {
    background-position: -189px -51px;
}

.crm-page .crm-files-ico-pos {
    background-position: -28px -215px;
}

.crm-page .crm-gift-ico-pos {
    background-position: -189px -215px;
}

.crm-page .crm-target-group-ico-pos {
    background-position: -28px -380px;
}

.crm-page .crm-campaing-ico-pos {
    background-position: -189px -380px;
}

.crm-page .crm-airplane-ico-pos {
    background-position: -334px -382px;
}

.crm-page .crm-hoc-create-ico-pos {
    background-position: -334px -909px;
}

.crm-page .crm-oc-create-ico-pos {
    background-position: -335px -746px;
}

.crm-page .crm-email-ico-pos {
    background-position: -28px -568px;
}

.crm-page .crm-phone-ico-pos {
    background-position: -189px -568px;
}

.crm-page .crm-message-ico-pos {
    background-position: -362px -569px;
}

.crm-page .crm-clock-ico-pos {
    background-position: -28px -744px;
}

.crm-page .crm-calendar-ico-pos {
    background-position: -219px -744px;
}

.crm-page .crm-progress-ico-pos {
    background-position: -29px -909px;
}

.crm-page .crm-ball-ico-pos {
    background-position: -220px -909px;
}

.crm-page .crm-men-ico-pos {
    background-position: -34px -1076px;
}

.crm-page .crm-check-ico-pos {
    background-position: -219px -1076px;
}

.crm-page .crm-popup-ico-pos {
    background-position: -367px -1076px;
}

.crm-page .crm-wallet-ico-pos {
    background-position: -29px -1246px;
}

.crm-page .crm-banner-ico-pos {
    background-position: -362px -1246px;
}

.crm-page .crm-html5-ico-pos {
    background-position: -40px -1398px;
}

.crm-page .crm-share-ico-pos {
    background-position: -215px -1398px;
}

.crm-page .crm-rss-ico-pos {
    background-position: -40px -1559px;
}

.crm-page .crm-link-ico-pos {
    background-position: -215px -1559px;
}

.crm-page .crm-diagram-ico-pos {
    background-position: -193px -1216px;
}

.crm-page .crm-sky-ico-pos {
    background-position: -342px -51px;
}

.crm-page .crm-analysis-ico-pos {
    background-position: -341px -215px;
}

.crm-page .crm-risk-management-ico-pos {
    background-position: -527px -50px;
}

.crm-page .crm-data-visualisation-ico-pos {
    background-position: -366px -1559px;
}

.crm-page .crm-marketing-automation-ico-pos {
    background-position: -366px -1399px;
}

.crm-page .crm-report-builder-ico-pos {
    background-position: -193px -1216px;
}

.crm-page .crm-live-report-ico-pos {
    background-position: -341px -215px;
}
.crm-page .crm-autocomplete-cnt h3 .crm-custom-tooltip-text-box {
    line-height: 14px;
}
.crm-page .crm-autocomplete-cnt .crm-autocomplete-block {
    position: relative;
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
    float: left;
    border: 1px solid #b8e5f6;
    border-radius: 3px;
}

.crm-page .crm-autocomplete-block > i:last-child {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 14px;
    line-height: 34px;
}

.crm-page .crm-autocomplete-block > i[class="fa-times"] {
    position: initial;
    top: initial;
    right: initial;
}

.crm-page .crm-autocomplete-block span {
    display: inline-block;
    padding: 0 2px;
    margin: 2px;
    float: left;
    font: 12px/20px 'OpenSansRegular';
    color: #333;
    border: 1px solid #d4d7de;
    border-radius: 2px;
}

.crm-page .crm-autocomplete-block span i {
    padding-left: 2px;
    cursor: pointer;
    color: #d4d7de;
}

.crm-page .crm-autocomplete-block span i:hover {
    color: #333;
}

.crm-page .crm-autocomplete-block input {
    display: block;
    width: 398px;
    height: 26px;
    line-height: 25px;
    resize: none;
    overflow: hidden;
    border: 0;
}

.crm-page .crm-autocomplete-search-result-block,
.crm-page .crm-wf-autocomplete-search-result-block{
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 4px;
    width: 100%;
    min-height: 72px;
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #d4d7de;
    background: #F6F6F6;
    z-index: 1002;
}

.crm-page .crm-autocomplete-search-result-block li,
.crm-page .crm-wf-autocomplete-search-result-block li {
    display: block;
    padding-left: 4px;
    font: 12px/20px 'OpenSansRegular';
    cursor: default;
}

.crm-page .crm-autocomplete-search-result-block li:hover {
    background: #1abb9c;
    color: #fff;
}
.crm-page .crm-wf-autocomplete-search-result-block li:hover {
    background: #6dbffb;
    color: #fff;
}

.crm-page .crm-autocomplete-cnt li.crm-dark-green-bg,
.crm-page .crm-autocomplete-cnt li.crm-sky-bg{
    color: #fff;
}

.crm-page #popup-container > div.crm-warning-popup {
    display: block;
    height: 195px;
    border: 2px solid #c6a04e;
    text-align: center;
}

.crm-page .crm-warning-popup i {
    margin: 24px 0 10px 0;
    font-size: 50px;
    line-height: 50px;
    color: #efa400;
}

.crm-page .crm-warning-popup p {
    font-size: 13px;
    line-height: 20px;
    color: #efa400;
}

.crm-page .crm-warning-popup > span:last-child {
    display: inline-block;
    margin-top: 36px;
}

.crm-page .crm-statistic-panel-1 {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 10px 14px 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #fff;
}

.crm-page .crm-statistic-panel-1 > h5 {
    /*margin-bottom: 24px;*/
    font: 14px/24px OpenSansSemibold;
}

.crm-page .crm-statistic-panel-1 > span {
    display: inline-block;
    margin-bottom: 20px;
    font: 18px/24px OpenSansBold;
}

.crm-page .crm-statistic-panel-1 > div {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    height: 4px;
    background: rgba(0, 0, 0, 0.2);
}

.crm-page .crm-statistic-panel-1 > div span {
    display: block;
    position: absolute;
    height: 100%;
    width: 0%;
    top: 0;
    left: 0;
    background: #fff;
    -webkit-transition: width 600ms;
    -moz-transition: width 600ms;
    -ms-transition: width 600ms;
    transition: width 600ms;
}

.crm-page .crm-statistic-panel-1 > p {
    font-size: 12px;
}

.crm-page .crm-statistic-panel-1 > p i {
    padding-right: 8px;
}

.crm-page .crm-statistic-panel-1 > p span {
    padding-left: 4px;
    color: rgba(0, 0, 0, 0.5);
}

.crm-page .crm-custom-progress-bar {
    width: 100%;
    height: 40px;
    color: #444444;
}

.crm-page .crm-custom-progress-bar > h5 {
    display: block;
    font: 12px/20px OpenSansSemibold;
}

.crm-page .crm-custom-progress-bar > div {
    position: relative;
    margin-top: 16px;
    width: calc(100% - 90px);
    height: 4px;
    background: rgba(0, 0, 0, 0.5);
    float: left;
}

.crm-page .crm-custom-progress-bar > div span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    -webkit-transition: width 600ms;
    -moz-transition: width 600ms;
    -ms-transition: width 600ms;
    transition: width 600ms;
}

.crm-page .crm-custom-progress-bar > span {
    float: right;
    height: 36px;
    width: 44px;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #dde0e3;
    background: #f6f6f6;
    text-align: center;
    font: 12px/36px OpenSansSemibold;
}

.crm-page .crm-custom-table {
    width: 100%;
    text-align: center;
}

.crm-page .crm-custom-table tr {
    border-top: 1px solid #dde0e3;
}

.crm-page .crm-custom-table tr:last-child {
    border-bottom: 1px solid #dde0e3;
}

.crm-page .crm-custom-table tr:first-child {
    border-top: 0;
}

.crm-page .crm-custom-table td {
    padding: 8px;
    text-align: center;
}

.crm-page .crm-custom-table td:first-child {
    border-left: 0;
}

.crm-page .crm-custom-table td .crm-large-btn {
    float: none;
    display: inline-block;
    margin: 16px 0;
}

.crm-page .crm-row-light-green-bg {
    background-color: #DCEDC8;
}

.crm-page .crm-custom-tooltip {
    display: inline-block;
    /*position: relative;*/
    width: 12px;
    height: 14px;
}

.crm-page .crm-custom-tooltip:hover {
    position: relative;
}

.crm-page .crm-custom-tooltip div:first-child {
    line-height: 14px;
}

.crm-page .crm-custom-tooltip .crm-custom-tooltip-text-box > h6 {
    font-size: 13px;
    line-height: 1.5;
}

.crm-page .crm-custom-tooltip .crm-custom-tooltip-text-box {
    visibility: hidden;
    transition: opacity;
    position: relative;
    float: left;
    top: -6px;
    left: 24px;
    width: 150px;
    min-height: 28px;
    padding: 10px;
    background: #fff;
    color: #444;
    border-radius: 2px;
    z-index: 110;
    box-shadow: 5px 5px 13px rgba(51, 51, 51, 0.3);
}

.crm-page .crm-custom-tooltip .crm-custom-tooltip-text-box:before {
    content: '';
    /*display: block;*/
    position: absolute;
    left: -16px;
    top: 6px;
    width: 8px;
    height: 8px;
    border: 8px solid transparent;
    border-right: 8px solid #fff;

}

.crm-page .crm-bonus-engine .crm-select-picker-body .crm-custom-tooltip .crm-custom-tooltip-text-box {
    right: 0;
    left: auto;
}

.crm-page .crm-custom-tooltip:hover div:first-child {
    color: #1abb9c;
}

.crm-page .crm-custom-tooltip:hover .crm-custom-tooltip-text-box {
    visibility: visible;
    transition: visibility 500ms;
    transition-delay: 1s;
}

.crm-page .crm-tooltip {
    position: relative;
}

.crm-page .crm-tooltip > p {
    position: absolute;
    width: 500px;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    transition: all 200ms;
}

.crm-page .agp .crm-tooltip > p > span {
    display: block;
    float: left;
    width: initial;
    height: initial;
    max-width: 500px;
    min-width: 0;
    min-height: 0;
    max-height: 400px;
    padding: 8px 16px;
    line-height: 20px;
    overflow-y: auto;
    background: #444;
    color: #fff;
    font-family: OpenSansRegular;
    font-size: 12px;
    text-align: left;
    cursor: default;
}

.crm-page .crm-tooltip:hover > p {
    visibility: visible;
    opacity: 0.9;
}

.crm-page .crm-scheduler-container {
    margin: 28px 0 8px 0;
    border: 1px solid #d4d7de;
}

.crm-page .crm-scheduler-container div.crm-inputs-field-group {
    height: 100%;
    padding-top: 8px;
}

.crm-page .crm-scheduler-container div.crm-inputs-field-group:nth-child(2) button {
    display: inline-block;
    float: none;
}

.crm-page .crm-scheduler-container div.crm-inputs-field-group:nth-child(2) {
    border-left: 1px solid #d4d7de;
    border-right: 1px solid #d4d7de;
}

.crm-page .crm-scheduler-container div.crm-inputs-field-group:nth-child(2) div {
    text-align: center;
}

.crm-page .crm-crone-multi-select {
    display: block;
    width: 200px;
    height: 88px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #d4d7de;
}

.crm-page .crm-crone-multi-select li {
    display: inline-block;
    padding: 2px;
    color: #111;
}

.crm-page .crm-data-transfer-container {
    width: 100%;
    height: 256px;
    overflow: auto;
}

.crm-page .crm-data-transfer-container > li {
    display: block !important;
    /* in custom css 160 line to class ng-scope attached display inline-block */
    padding: 8px !important;
    word-wrap: break-word;
    border-bottom: 1px solid #dde0e3;
    color: #444444;
}

.crm-page .crm-data-transfer-container > li:last-child {
    border-bottom: 0;
}

.crm-page .crm-notification-block {
    position: relative;
    width: 300px;
    height: 70px;
    margin-bottom: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 4px 1px #999;
    opacity: 0.9;
}

.crm-page .crm-notification-block div:first-child {
    width: 50px;
    height: 50px;
    float: left;
    margin: 10px;
}

.crm-page .crm-notification-deposit-icon-pos {
    background-position: 0 0;
}

.crm-page .crm-notification-withdrawal-icon-pos {
    background-position: -51px -1px;
}

.crm-page .crm-notification-new-user-icon-pos {
    background-position: -102px 0;
}

.crm-page .crm-notification-block > p {
    margin: 10px 0px;
    padding-left: 4px;
    width: 210px;
    height: 50px;
    float: left;
    overflow: hidden;
    white-space: pre;
    line-height: 18px;
}

.crm-page .crm-notification-block > .fa-times {
    position: absolute;
    top: 2px;
    right: 4px;
    color: #444;
    cursor: pointer;
    font-size: 14px;
}

.crm-page .crm-notification-block > .fa-times:hover {
    color: #000;
}

.crm-remove-border {
    border: 0 !important;
}

.right-container .crm-clear-padding, .crm-clear-padding, .agp .crm-clear-padding {
    padding: 0;
}

.crm-clear-padding-important {
    padding: 0 !important;
}

.crm-clear-padding-right-important {
    padding-right: 0 !important;
}

.right-container .crm-clear-padding-left, .crm-clear-padding-left {
    padding-left: 0;
}

.right-container .crm-clear-padding-right, .crm-clear-padding-right {
    padding-right: 0;
}

.right-container .crm-clear-padding-top {
    padding-top: 0;
}

.right-container .crm-clear-padding-bottom {
    padding-bottom: 0;
}

.right-container .crm-clear-horizontal-padding, .crm-clear-horizontal-padding {
    padding-top: 0;
    padding-bottom: 0;
}

.right-container .crm-clear-margin, .crm-clear-margin {
    margin: 0;
}

.right-container .crm-clear-margin-top, .crm-clear-margin-top {
    margin-top: 0;
}

.right-container .crm-clear-margin-left, .crm-clear-margin-left {
    margin-left: 0;
}

.right-container .crm-clear-margin-bottom, .crm-clear-margin-bottom {
    margin-bottom: 0;
}

.right-container .crm-clear-margin-right, .crm-clear-margin-right {
    margin-right: 0;
}

.right-container .crm-clear-border,
.agp .crm-clear-border {
    border: 0;
}

.right-container .crm-clear-bottom-border {
    border-bottom: 0;
}

.right-container .crm-clear-left-padding-helf {
    padding-left: 4px;
}

.right-container .crm-clear-right-padding-helf {
    padding-right: 4px;
}

.right-container .crm-filter-panel {
    padding: 0;
    margin-bottom: 8px;
}

.right-container .crm-pull-left, .crm-pull-left {
    float: left;
}

.right-container .crm-pull-right, .crm-pull-right {
    float: right;
}

.crm-page .right-container .crm-pull-right-absolute, .crm-pull-right-absolute {
    right: 0;
}

.right-container .crm-pull-left-absolute, .crm-pull-left-absolute {
    left: 0;
}

.right-container .crm-first-dropdown-container {
    margin-top: 8px;
}

.right-container .crm-single-page {
    margin-top: 43px;
}

.crm-page .crm-clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.crm-rotate-180deg {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
}

.crm-rotate-0deg {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
}

.crm-page .crm-chart-cnt-static-height {
    height: 418px;
}

.crm-page .crm-hide-block {
    display: none;
}

.crm-page .crm-show-block {
    display: block;
}

.crm-page .crm-visible-block {
    visibility: visible;
}

.crm-page .crm-unvisible-block {
    visibility: hidden;
}

.crm-page .crm-middl-cnt-static-height {
    min-height: 460px;
    overflow-x: hidden;
    overflow-y: auto;
}

.crm-page .crm-big-cnt-static-height {
    max-height: 680px;
    min-height: 520px;
    overflow-x: hidden;
    overflow-y: auto;
}

.crm-page .crm-inactive-container {
    position: relative;
}

.crm-page .crm-inactive-container:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(228, 231, 234, 0.5);
    z-index: 11;
}

.crm-page .crm-move-to-bottom {
    position: absolute;
    bottom: 0;
    margin-bottom: 8px;
}

.crm-page .crm-text-pull-left {
    text-align: left;
}

.crm-page .crm-text-pull-right {
    text-align: right;
}

.crm-page .crm-text-pull-center {
    text-align: center;
}

.crm-page .crm-row-sort-animation .crm-input-text input,
.crm-page tr.crm-row-sort-animation {
    background-color: #e4e7ea;
}

.crm-page .crm-invalid-grid-row td:last-child .crm-input-text input {
    border-right: 10px solid #fc636c;
}

.crm-page .crm-validate-table tr:hover .crm-input-text input {
    background-color: #f7f7f7;
}

.crm-page .crm-green-bg-animation {
    animation: green-bg-animation 400ms;
    animation-fill-mode: forwards;
}

.crm-page .fix-row,
.crm-page .fix-row > td {
    height: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.crm-page .fix-row td > div {
    position: absolute;
    display: table;
    width: 100%;
    border: 1px solid #d4d7de;
    height: 45px;
    background: #f7f7f7;
    right: 0;
    -webkit-transition: top 300ms;
    -moz-transition: top 300ms;
    -ms-transition: top 300ms;
    -o-transition: top 300ms;
    transition: top 300ms;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

.crm-page .fix-row td > div span {
    display: table-cell;
    min-width: 100px;
    vertical-align: middle;
    text-align: center;
    color: #444;
}

.crm-page .fix-row td > div span:not(:last-child) {
    border-right: 1px solid #d4d7de;
}

.crm-page .crm-dashbord-container [crm-html-compiler] > * {
    display: block;
}

.crm-page .gridster {
    position: relative;
    margin: auto;
    height: 0;
}

.crm-page .gridster > ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.crm-page .gridster-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    z-index: 2;
    position: absolute;
    display: none;
}

.crm-page .gridster-loaded {
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
}

.crm-page .gridster-loaded .gridster-item {
    display: block;
    position: absolute;
    -webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
    -moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
    -o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
    transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}

.crm-page .gridster-loaded .gridster-preview-holder {
    display: none;
    z-index: 1;
    position: absolute;
    background-color: #ddd;
    border-color: #fff;
    opacity: 0.2;
}

.crm-page .gridster-loaded .gridster-item.gridster-item-moving, .crm-page .gridster-loaded .gridster-preview-holder {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.crm-page .gridster-mobile {
    height: auto !important;
}

.crm-page .gridster-mobile .gridster-item {
    height: auto;
    position: static;
    float: none;
}

.crm-page .gridster-item.ng-leave.ng-leave-active {
    opacity: 0;
}

.crm-page .gridster-item.ng-enter {
    opacity: 1;
}

.crm-page .gridster-item-moving {
    z-index: 3;
}

.crm-page .gridster-item-resizable-handler {
    position: absolute;
    font-size: 1px;
    display: block;
    z-index: 5;
}

.crm-page .handle-se {
    cursor: se-resize;
    width: 0;
    height: 0;
    right: 1px;
    bottom: 1px;
    border-style: solid;
    border-width: 0 0 12px 12px;
    border-color: transparent;
}

.crm-page .handle-ne {
    cursor: ne-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    top: 1px;
}

.crm-page .handle-nw {
    cursor: nw-resize;
    width: 12px;
    height: 12px;
    left: 1px;
    top: 1px;
}

.crm-page .handle-sw {
    cursor: sw-resize;
    width: 12px;
    height: 12px;
    left: 1px;
    bottom: 1px;
}

.crm-page .handle-e {
    cursor: e-resize;
    width: 12px;
    bottom: 0;
    right: 1px;
    top: 0;
}

.crm-page .handle-s {
    cursor: s-resize;
    height: 12px;
    right: 0;
    bottom: 1px;
    left: 0;
}

.crm-page .handle-n {
    cursor: n-resize;
    height: 12px;
    right: 0;
    top: 1px;
    left: 0;
}

.crm-page .handle-w {
    cursor: w-resize;
    width: 12px;
    left: 1px;
    top: 0;
    bottom: 0;
}

.crm-page .gridster .gridster-item:hover .gridster-box {
    border: 1.5px solid #B3B2B3;
}

.crm-page .gridster .gridster-item:hover .handle-se {
    border-color: transparent transparent #ccc;
}

.crm-page .crm-drag-and-drop-area .gridster-item {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(255, 255, 255, 0.6);
}

.crm-page .crm-dashbord-container .crm-info-desk-container,
.crm-page .crm-dashbord-container .crm-dropdown-container {
    margin-bottom: 0;
}

.crm-page .gridster .gridster-item {
    padding: 0;
    height: initial !important;
    /* for overwrite gridster blocks height logic */
}

.crm-page [gridster="blocksGridsterOpts"] .gridster-item {
    min-height: 254px;
}

.crm-page [gridster="smallBlocksGridsterOpts"] .gridster-item {
    min-height: 176px;
}

.crm-page .steps-bar {
    position: relative;
    display: table;
    margin: 16px 0 32px 0;
    table-layout: fixed;
    height: 4px;
    width: 100%;
    background-color: #e4e4e4;
}

.crm-page .steps-bar .step-item {
    display: table-cell;
    position: relative;
    width: 2%;
    text-align: center;
    height: 4px;
}

.crm-page .steps-bar .step-item::before {
    content: '';
    display: block;
    width: 0%;
    height: 100%;
}

.crm-page .steps-bar .step-item::after {
    content: attr(step-name);
    position: absolute;
    top: 24px;
    left: 0;
    right: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.crm-page .steps-bar .step-item > div {
    position: absolute;
    top: -16px;
    margin-left: -24px;
    display: inline-block;
    box-sizing: content-box;
    width: 32px;
    height: 32px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 8px 0 8px;
    border-radius: 50%;
    line-height: 32px;
    text-align: center;
    font-size: 1em;
    color: #fff;
}

.crm-page .steps-bar .step-item.wait::before {
    width: 50%;
    background-color: #381E8A;
}

.crm-page .steps-bar .step-item.wait > div {
    background-color: #381E8A;
}

.crm-page .steps-bar .step-item.wait > div i::before {
    content: "\f0c3";
}

.crm-page .steps-bar .step-item.success::before {
    width: 100%;
    background-color: #43ac14;
}

.crm-page .steps-bar .step-item.success > div {
    background-color: #43ac14;
}

.crm-page .steps-bar .step-item.success > div i::before {
    content: "\f00c";
}

.crm-page .steps-bar .step-item.fail::before {
    width: 50%;
    background-color: #C6171B;
}

.crm-page .steps-bar .step-item.fail > div {
    background-color: #C6171B;
}

.crm-page .steps-bar .step-item.fail > div i::before {
    content: "\f05e";
}

.crm-page .steps-bar .step-item.empty::before {
    width: 0%;
    background-color: #e4e4e4;
}

.crm-page .steps-bar .step-item.empty > div {
    background-color: #e4e4e4;
}

.crm-page .steps-bar .step-item.empty > div i::before {
    content: "\f017";
}

.crm-page .crm-table-with-scroll {
    max-height: 780px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

.crm-page .images-popup-body {
    text-align: center;
}

.crm-page .images-popup-body > div > span {
    display: inline-block;
    position: relative;
}

.crm-page .images-popup-body > div > span > span {
    position: absolute;
    top: 0;
    right: 0;
}

.crm-page .images-popup-body > div > span > span i {
    font-size: 32px;
    color: #d4d7de;
    padding: 8px;
}

.crm-page .images-popup-body > div > span > span i:hover {
    color: #333;
    cursor: pointer;
}

.crm-page .imagesDivision {
    display: inline-block;
    width: calc(100% / 3);
    text-align: center;
}

.crm-page .crm-live-chat-container {
    height: 700px;
}

.crm-page .crm-live-chat-container > div {
    height: 100%;
    border: 1px solid #dde0e3;
}

.crm-page .crm-live-chat-container > div:first-child {
    border-right: 0;
}

.crm-page .crm-live-chat-container .crm-input-search {
    box-sizing: border-box;
    width: 100%;
    height: 36px;
    line-height: 36px;
}

.crm-page .crm-live-chat-container .crm-input-search input {
    height: 100%;
    border: none;
    border-bottom: 1px solid #dde0e3;
}

.crm-page .crm-live-chat-container .crm-input-search i {
    line-height: 36px;
}

.crm-page .crm-live-chat-container .crm-users-sidebar {
    display: block;
    height: calc(100% - 36px);
    overflow-y: auto;
    overflow-x: hidden;
}

.crm-page .crm-live-chat-container .crm-users-sidebar li {
    display: block;
    padding: 8px 10px;
    border-bottom: 1px solid #dde0e3;
}

.crm-page .crm-live-chat-container .crm-users-sidebar li i:first-child {
    float: left;
    font-size: 22px;
    line-height: 30px;
}

.crm-page .crm-live-chat-container .crm-users-sidebar li h4 {
    display: inline-block;
    max-width: 62%;
    margin-left: 8px;
    font-size: 16px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.crm-page .crm-live-chat-container .crm-users-sidebar li i:last-child {
    float: right;
    line-height: 30px;
    color: #2cb0cf;
    padding-right: 46px;
}

.crm-page .crm-live-chat-container .crm-users-sidebar li i:last-child::after {
    content: "new";
    padding-left: 6px;
    font-family: "OpenSansRegular";
    font-size: 12px;
}

.crm-page .crm-live-chat-container .crm-users-sidebar li:hover {
    background-color: #dde0e3;
    cursor: pointer;
}

.crm-page .crm-live-chat-container .crm-users-sidebar li.crm-active {
    background-color: #F6F6F6;
    cursor: default;
}

.crm-page .crm-live-chat-container .crm-filter-panel {
    margin-bottom: 0;
}

.crm-page .crm-live-chat-container .crm-filter-panel .crm-title-bar {
    border-left: 0;
    border-right: 0;
}

.crm-page .crm-live-chat-container .crm-filter-panel .crm-title-bar i:hover {
    color: #444444;
}

.crm-page .crm-live-chat-container .crm-filter-panel .crm-title-bar + .crm-col-12 {
    border-bottom: 1px solid #dde0e3;
}

.crm-page .crm-live-chat-container .crm-message-area .crm-message-view-area {
    position: relative;
    height: 398px;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: 1px solid #dde0e3;
}

.crm-page .crm-live-chat-container .crm-message-area .crm-message-view-area > div {
    position: absolute;
    width: 100%;
    padding-right: 16px;
}

.crm-page .crm-live-chat-container .crm-message-area .crm-message-text-area .crm-input-text textarea {
    height: 120px;
}

.crm-page .crm-live-chat-container .crm-message-area .crm-message-text-area .crm-input-text span {
    float: left;
    padding: 4px 0 0 4px;
    font-family: "OpenSansLight";
}

.crm-page .crm-live-chat-container .crm-message-area .crm-message-view-area .crm-message {
    position: relative;
    min-height: 0;
    max-width: 42%;
    min-width: 20%;
    box-sizing: border-box;
    margin-bottom: 26px;
    padding: 5px 10px;
    border-radius: 16px;
    font-family: "OpenSansRegular";
    line-height: 24px;
}

.crm-page .crm-live-chat-container .crm-message-area .crm-message-view-area .crm-message p {
    word-wrap: break-word;
}

.crm-page .crm-live-chat-container .crm-message-area .crm-message-view-area .crm-message span {
    position: absolute;
    margin-top: 6px;
    color: #484848;
    font-size: 14px;
    font-family: "OpenSansLight";
}

.crm-page .crm-live-chat-container .crm-message-area .crm-message-view-area .crm-message span:last-child {
    right: 4px;
}

.crm-page .crm-live-chat-container .crm-message-area .crm-message-view-area .crm-message.crm-from-me {
    float: right;
    color: #FAFCFF;
    background-color: #0084FF;
}

.crm-page .crm-live-chat-container .crm-message-area .crm-message-view-area .crm-message.crm-to-me {
    float: left;
    color: #3C3C3C;
    background-color: #f1f0f0;
}

.crm-page .crm-live-chat-container .crm-message-area .crm-message-text-area .crm-input-text textarea:focus {
    box-shadow: none;
}

.crm-page .crm-new-action-icon-search:hover {
    cursor: pointer;
}

.crm-page .crm-new-action-icon-search span {
    margin-right: 10px;
}

.crm-page .crm-new-action-icon-search span:hover {
    color: #fccd6b;
}

.crm-page .crm-new-action-icon-search i:hover {
    color: #fccd6b;
    cursor: pointer;
}

.crm-page .crm-dropdown-settings {
    position: absolute !important;
    right: 0;
    top: 33px;
    width: 16.659% !important;
    z-index: 111;
    padding: 5px 0 5px 5px;
    overflow: hidden;
    height: calc(100% - 60px);
}

.crm-page .crm-dropdown-settings table {
    width: 100%;
    font-size: 12px;
    font-weight: 600;
}

.crm-page .crm-dropdown-settings table tr h5 {
    font-size: 12px;
    font-family: RobotoBold;
    font-weight: bold !important;
}

.crm-page .crm-dropdown-settings table tr:nth-child(2n + 1) {
    background-color: #f3f3f5;
}

.crm-page .crm-dropdown-settings table tr td:first-child {
    padding: 12px 0 12px 7px;
}

.crm-page .crm-dropdown-settings table tr td:last-child {
    font-size: 12px;
}

.crm-page .crm-dropdown-settings table tr:first-child th {
    padding: 12px 0 12px 5px;
}

.crm-page .crm-dropdown-settings span {
    background-color: #f7f7f7;
    width: 100%;
}

.crm-page .crm-dropdown-settings span h3 {
    color: #7b8191;
    font-size: 14px;
    font-family: RobotoBold;
    font-weight: bold !important;
    padding: 14px 0 14px 7px;
}

/*======================================================Backoffice old style End===============================================================================================*/

/*@import url('reset.css');*/

.inactive-btn, .active-btn {
    padding: 7px 19px;
    border-radius: 4px;
}

.inactive-input input {
    position: relative;
    background-color: #F2F3F5;
. pointer-events: none;
}

.inactive-input:before {
    pointer-events: none;
    content: '';
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(228, 231, 234, 0.5);
    z-index: 11;
}

.crm-grey-btn {
    background-color: #bdbdbd !important;
}

.active-btn {
    background: #1abb9c;
    border: 1px solid #73c6b6;
    color: #e5e9ec;
    opacity: 0.6;
}

.inactive-btn:hover, .active-btn:hover {
    cursor: pointer;
    opacity: 1;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.campaing-manager-main-page > div, .segmentatino-main-page > div {
    position: relative;
    width: calc((100% / 2) - 30px);
    height: 49%;
    float: left;
    overflow: hidden;
}

.segmentatino-main-page.crm-segments-composit > div {
    position: relative;
    width: calc((100% / 3) - 16px);
    height: 49%;
    float: left !important;
    overflow: hidden;
}

.crm-float-left {
    float: left;
}

.crm-float-right {
    float: right;
}

.crm-root-page > div:hover {
    cursor: pointer;
}

.campaing-manager-main-page > div > span, .segmentatino-main-page > div > span {
    padding-left: 25px;
    font: 24px/188px Verdana;
    color: #fff;
}

.segmentatino-main-page > .crm-pointer.crm-main-navigation > span {
    padding: 54px 0 0 25px;
    font: 24px/44px Verdana;
    color: #fff;
    min-height: 161px;
    display: block;
}

.segmentatino-main-page > .crm-pointer.crm-main-navigation > span > p {
    color: #fff;
    margin: 4px 0 0 0;
    font-size: 12.5px;
    line-height: 0;
}

.campaing-manager-main-page > div > div, .segmentatino-main-page > div > div {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 115px;
    height: 105px;
    background-image: url("../../../assets/img/custom-icons/sprite-icons.png");
    background-repeat: no-repeat;
}

.campaing-manager-main-page > div > div i, .segmentatino-main-page > div > div > i {
    color: rgba(250, 250, 250, 0.4);
    opacity: 0.8;
    font-size: 160px;

}

.segmentatino-main-page > div > div.socials-icon-block {
    width: 270px;
    background-image: none;
}

.socials-icon-block i {
    font-size: 75px !important;
}

.segmentatino-filters-block {
    width: 100%;
    position: relative;
}

.segmentatino-filters-block > div:first-child {
    padding: 10px 19px;
    border: 1px solid #dde0e3;
    font: 14px Verdana;
    color: #93e8d8;
}

.segmentatino-filters-block > div:first-child h3 {
    font: 14px Verdana;
    font-weight: 700 !important;
    color: #444;
    margin: 0;
}

.segmentatino-filters-block > div:first-child h3 span {
    font-weight: normal;
}

.segmentatino-filters-block > div:first-child > i {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 40px;
    color: rgba(250, 250, 250, 0.5);
}

.segmentatino-filters-block > div:last-child {
    border: 1px solid #e5e9ec;
    border-top: 0;
    padding: 16px 14px;
    min-height: 72px;
    margin-bottom: 10px;
}

.filters-item {
    float: left;
    margin: 0 21px 10px 0;
    border: 0;
    outline: none;
    color: #fff;
    font: 12px Verdana;
    line-height: 10px;
}

.filters-item:hover {
    cursor: pointer;
}

.filters-item > i {
    padding-left: 8px;
    line-height: 8px;
    font-size: 14px;
}

.filters-item > i:first-child {
    padding: 0 8px 0 0;
}

.segmentation-filter-combo-box-group {
    margin-top: 17px;
}

.segmentation-filter-combo-box {
    float: left;
    margin: 7px 40px 0 0;
    color: #444;
}

.segmentation-filter-combo-box .multiLevelMenu > span {
    display: block;
    width: 180px;
    height: 38px;
    padding-left: 14px;
    font: 12px/38px Verdana;
    color: #444;
    background-color: #f6f6f6;
    border-bottom: 3px solid;
}

.segmentation-filter-combo-box .multiLevelMenu > span:hover {
    cursor: pointer;
}

.segmentation-filter-combo-box .multiLevelMenu > span > i {
    float: right;
    padding-right: 10px;
    line-height: 35px;
}

.segmentation-filter-combo-box .multiLevelMenu > ul > li > .crm-filters-menu > span > i, .segmentation-filter-combo-box .multiLevelMenu > ul > li > .crm-filters-menu > span > span > i {
    float: right;
    padding-right: 10px;
    line-height: 35px;
}

.segmentation-filter-combo-box .multiLevelMenu ul {
    width: 180px;
    border: 1px solid #e5e5e5;
    border-top: 0;
    line-height: 40px;
    background: #fff;
}

.segmentation-filter-combo-box .multiLevelMenu > ul > li > .crm-filters-menu > span {
    border-top: 1px solid #e5e5e5;
}

.segmentation-filter-combo-box .multiLevelMenu > ul > li > .crm-filters-menu > span:first-child {
    border-top: 0;
}

.segmentation-filter-combo-box .multiLevelMenu > ul > li {
    text-indent: 13px;
    cursor: pointer;
}

.segmentation-filter-combo-box .multiLevelMenu > ul > li > i {
    float: right;
    line-height: 35px;
    margin-right: 18px;
}

.segmentation-filter-combo-box .multiLevelMenu ul li ul {
    background: #f1f1f1;
}

.segmentation-filter-combo-box .multiLevelMenu ul li ul li ul {
    background: #e5e5e5;
}

.segmentation-filter-combo-box .multiLevelMenu ul li ul li i {
    margin-right: 4px;
}

.segmentation-filter-combo-box .multiLevelMenu ul li ul li ul li input {
    width: 178px;
    height: 40px;
    padding: 0;
    border: 6px solid #e0e0e0;
    background: #f6f6f6;
    float: left;
}

.segmentation-filter-combo-box .multiLevelMenu > ul > li > ul > li > ul > li select {
    width: 178px;
    height: 40px;
    padding: 0;
    border: 6px solid #e0e0e0;
    background: #f6f6f6;
    float: left;
}

.segmentation-filter-combo-box .multiLevelMenu ul li ul li ul li input[type="number"] {
    line-height: 20px;
    padding-left: 4px;
}

/*--------------------Start campaing-manager-main-page--------------------*/
.campaing-manager-main-page > div:nth-child(1), .campaing-manager-main-page > div:nth-child(2) {
    margin-top: 0;
}

/*.campaing-manager-main-page > div { margin-top:8px; }*/
/*--------------------End campaing-manager-main-page--------------------*/

/*--------------------Start segmentatino-main-page--------------------*/
.segmentatino-main-page > div:nth-child(2) {
    float: right;
}

/*----------------------End segmentatino-main-page--------------------*/

/*--------------------Start segmentatino-calendar-page-------------------*/
.segmentatino-calendar-page .segmentatino-filters-block > div:first-child > i {
    font-size: 16px;
    line-height: 37px;
    padding-right: 12px;
    cursor: pointer;
    color: #808b9c;
}

.segmentatino-calendar-page .segmentatino-filters-block:last-child {
    margin-bottom: 0;
}

.segmentatino-filters-block > div:last-child button:first-child {
    margin-left: 0;
}

.segmentatino-filters-block .form-group button[type="submit"] {
    margin-top: 22px;
}

/*--------------------End segmentatino-calendar-page-------------------*/

.crm-pointer {
    cursor: pointer;
}

/*--------------------Start report-calendar-page-------------------*/

.segmentation-calendar-report {
    position: relative;
    text-align: center;
}

.segmentation-calendar-report .report-kpi-item {
    display: inline-block;
    float: none;
}

/*--------------------End report-calendar-page-------------------*/

/*--------------------Start report-calendar-page-------------------*/

.creat-a-campaining .template-delivery-method-page > div {
    width: calc((100% - 64px) / 4);
}

.creat-a-campaining.crm-dashboard .template-delivery-method-page > div {
    width: calc((100% - 90px) / 3);
}

.creat-a-campaining .crm-template-select .template-delivery-method-page > div,
.crm-root .crm-dashboard .template-delivery-method-page > div {
    width: calc((100% - 125px) / 4);
}

.crm-one-fifth,
.creat-a-campaining > .template-delivery-method-page > div.crm-one-fifth,
.crm-dashboard .crm-template-select > .template-delivery-method-page > div.crm-one-fifth {
    width: calc((100% - 80px) / 5);
}

.creat-a-campaining > .template-delivery-method-page > div.crm-one-fifth > span,
.crm-dashboard .crm-template-select > .template-delivery-method-page > div.crm-one-fifth > span {
    font: 20px/188px Verdana;
}

.creat-a-campaining .segmentatino-main-page > div {
    margin-left: 8px
}

.creat-a-campaining .segmentatino-main-page > div:nth-child(2) {
    float: left;
}

/*--------------------End report-calendar-page-------------------*/

.crm-dollar-bg {
    background-color: rgb(133, 187, 101);
}

.dark-green {
    background: #1abb9c;
}

.dark-blue {
    background: #36a9e1;
}

.red-combo-box {
    background: #fc636c;
}

.blue-combo-box {
    background: #2dc1cb;
}

.yellow-combo-box {
    background: #fccd6b;
}

.darkCyan-combo-box {
    background: rgba(68, 170, 194, 0.8);
}

.gray-combo-box {
    background: rgba(193, 192, 192, 0.9);
}

.green-combo-box {
    background: rgba(94, 207, 186, 0.85);
}

.crm-dark-blue-bg {
    background-color: #444ca9;
}

.combo-box {
    opacity: 0.9;
}

.combo-box:hover {
    opacity: 1;
}

.segmentation-combo-box {
    display: inline-block;
    width: 180px;
    margin-right: 40px;
    float: left;
}

.segmentation-combo-box > li > span {
    display: block;
    width: inherit;
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
    font: 13px/37px Verdana, Arial, Tahoma;
    text-indent: 14px;
    color: #fff;
    cursor: pointer;
}

.segmentation-combo-box > li > span > i {
    float: right;
    line-height: 37px;
    padding-right: 10px;
    font-size: 12px;
}

.segmentation-combo-box > li > ul {
    border: 1px solid #e5e5e5;
}

.segmentation-combo-box > li > ul > li {
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    text-indent: 12px;
    font: 12px/40px Verdana, Arial, Tahoma;
    color: #444;
}

.segmentation-combo-box span {
    display: block;
}

.segmentation-combo-box > li > ul > li > span > i {
    float: right;
    line-height: 40px;
    padding-right: 10px;
}

.segmentation-combo-box > li > ul > li > ul {
    background: #f1f1f1;
}

.segmentation-combo-box > li > ul > li > ul > li > span > i {
    float: left;
    line-height: 39px;
}

.segmentation-combo-box > li > ul > li > ul > li > ul {
    background: #e5e5e5;
}

.segmentation-combo-box > li > ul > li > ul > li > ul > li > span > i {
    float: left;
    line-height: 40px;
    padding-left: 10px;
    margin-top: 0;
}

.segmentation-combo-box ul li input[type="text"] {
    float: left;
    width: 178px;
    height: 40px;
    line-height: 40px;
    text-indent: 2px;
    border: 6px solid #e0e0e0;
}

.segmentation-combo-box ul li select {
    float: left;
    width: 178px;
    height: 40px;
    line-height: 40px;
    text-indent: 2px;
    border: 6px solid #e0e0e0;
}

.segmentation-combo-box ul li .date-picker .input-group-btn button {
    margin: 0 0 0 -52px;
    z-index: 10;
    background: none;
    border: none;
}

.segmentation-filter-combo-box-group .multiLevelMenu li i {
    width: auto !important;
}

.portlet.box > .portlet-title > .segmentation-tools {
    padding: 0;
    width: 50px;
    height: 38px;
    line-height: 38px;
    text-align: center;
}

.plus-button {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: none;
}

.segmentation-combo-box .selected-calendar .input-group {
    float: left;
}

.segmentation-combo-box .selected-calendar .form-control {
    width: 156px;
}

.segmentation-combo-box .selected-calendar .plus-button {
    line-height: 40px;
    float: right;
    margin-right: 5px;
}

.report-kpi-item {
    background: #f6f6f6;
    border: 1px solid #dde0e3;
    color: #444;
    z-index: 1;
}

.background-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 170px;
    font: 112px Verdana;
    color: rgba(216, 219, 223, 0.3);
    z-index: 0;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

.change-choice {
    margin-bottom: 90px !important;
}

.change-taplate {
    display: none;
}

.change-choice .change-taplate {
    display: block;
    bottom: -90px !important;
    width: 100%;
    height: 90px;
    border: 2px dashed #d7d7d7;
    border-top: 0;
    vertical-align: middle;
}

.change-choice .change-taplate > div {
    display: inline-block;
    float: left;
    height: 88px;
    width: 50%;
    text-align: center;
    border-right: 1px solid #e5e9ec;
}

.change-choice .change-taplate > div span {
    display: inline-block;
    padding-top: 25px;
    line-height: 20px;
    width: 100px;
    word-wrap: break-word;
}

.change-choice .change-taplate > div:last-child {
    color: #919aa9;
}

.change-choice .change-taplate > div:last-child span {
    margin-left: 25px;
}

.change-choice .change-taplate > div i {
    position: absolute;
    margin-right: 25px;
    line-height: 90px;
    font-size: 32px;
}

.inactive-block:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(250, 250, 250, 0.4);
    z-index: 555;
}

.floating-left {
    float: left;
}

.segmentation-filter-combo-box .multiLevelMenu ul {
    overflow: hidden; /*cleaer this row*/
    padding: 0;
}

.template-list thead tr th, .template-list tbody tr td {
    padding: 0;
    vertical-align: middle;
    text-align: center;
}

.template-list thead tr {
    height: 35px;
    background: #fdda90;
}

.template-list tbody tr td {
    height: 40px;
    white-space: nowrap;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 8px;
    border: 1px solid #e5e9ec;
}

.template-list tbody tr td:last-child i {
    font-size: 18px;
}

.template-list .selected-count {
    margin-left: 18px;
    color: #8a93a3;
}

.search-main .segmentatino-main-page div:nth-child(2) div:last-child {
    bottom: -4px;
}

.search-main .segmentatino-main-page div:nth-child(3) div:last-child {
    bottom: 7px;
}

/*-------------editor styles-------------------*/

.editor-container > div:first-child > div:first-child {
    padding-left: 0;
}

.editor-container > div:first-child > div:last-child {
    padding-right: 0;
}

.editor-container > div:first-child > div input {
    height: 26px;
    border: 1px solid #e5e9ec;
    padding: 0 8px;
}

.editor-container table.k-editor {
    margin-bottom: 10px;
    border: 0;
    background: none;
    border-spacing: 0;
    height: initial;
}

.editor-container table .k-editor-toolbar {
    text-align: left;
}

.editor-container table .k-editor-toolbar-wrap {
    padding: 2px 0;
}

.editor-container table .k-editor-toolbar .k-state-hover, .editor-container table .k-editor-toolbar .k-state-default:hover, .editor-container table .k-editor-toolbar .k-button:hover {
    background: #fcd27a;
}

.editor-container table .k-editor-toolbar li a, .editor-container table .k-editor-toolbar .k-button {
    border: 1px solid #e5e9ec;
}

.editor-container table .k-editor-toolbar li a.k-group-start, .editor-container table .k-editor-toolbar .k-group-start .k-button {
    border-radius: 4px 0 0 4px !important;
}

.editor-container table .k-editor-toolbar li a.k-group-end, .editor-container table .k-editor-toolbar .k-group-end .k-button {
    border-radius: 0 4px 4px 0 !important;
}

.editor-container table .k-editor-toolbar .k-state-default {
    border-radius: 4px !important;
    background: #fff;
}

.editor-container table .k-editor-toolbar .k-button {
    background: #fff;
}

.editor-container table .k-editable-area {
    height: 124px;
}

.agp .input-text > span, .agp .input-text > i {
    display: none;
}

.agp .input-text > i {
    position: absolute;
    z-index: 1;
    right: 24px;
    line-height: 26px;
}

.agp .invalid-val > input[type="text"] {
    border: 1px solid #e11f3a;
}

.agp .invalid-val > span {
    border: 1px solid #e11f3a;
}

.agp .invalid-val > i, .agp .invalid-val > span {
    display: block;
    color: #e11f3a;
}

.agp span.crm-invalid-val i {
    color: #e11f3a;
}

.agp span.crm-invalid-val {
    border: 1px solid #e11f3a;
}

.agp .invalid-val > span {
    padding-top: 7px;
    overflow: hidden;
    float: left;
    max-width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.agp .valid-val > i {
    display: block;
    color: #1abe9c;
}

.agp .valid-val > input[type="text"] {
    border: 1px solid #1abe9c;
}

.campaing-manager-main-page > div > div.hide-btns-container, .segmentatino-main-page > div > div.hide-btns-container {
    width: 100%;
    height: 62px;
    bottom: -62px;
    left: 0;
    background: rgba(0, 0, 0, 0.25);
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
}

.campaing-manager-main-page > div > div.hide-btns-container > div, .segmentatino-main-page > div > div.hide-btns-container > div {
    height: 100%;
    /*width:50%;*/
    margin-top: 62px;
    float: left;
    text-align: center;
    line-height: 62px;
    color: #fff;
}

.campaing-manager-main-page > div > div.hide-btns-container > div:before, .segmentatino-main-page > div > div.hide-btns-container > div:before {
    content: '';
    display: block;
    float: left;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0.6;
}

.campaing-manager-main-page > div > div.hide-btns-container > div i, .segmentatino-main-page > div > div.hide-btns-container > div i {
    font-size: 14px;
    color: #fff;
}

.campaing-manager-main-page > div > div.hide-btns-container > div, .segmentatino-main-page > div > div.hide-btns-container > div {
    font-size: 16px;
}

.campaing-manager-main-page > div:hover > .hide-btns-container, .segmentatino-main-page > div:hover > .hide-btns-container {
    bottom: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}

.campaing-manager-main-page > div:hover > .hide-btns-container div:nth-child(1), .segmentatino-main-page > div:hover > .hide-btns-container div:nth-child(1) {
    margin-top: 0;
    -webkit-transition: margin-top 400ms 300ms;
    -moz-transition: margin-top 400ms 300ms;
    -ms-transition: margin-top 400ms 300ms;
    -o-transition: margin-top 400ms 300ms;
}

.campaing-manager-main-page > div:hover > .hide-btns-container div:nth-child(2), .segmentatino-main-page > div:hover > .hide-btns-container div:nth-child(2) {
    margin-top: 0;
    -webkit-transition: margin-top 400ms 400ms;
    -moz-transition: margin-top 400ms 400ms;
    -ms-transition: margin-top 400ms 400ms;
    -o-transition: margin-top 400ms 400ms;
}

.campaing-manager-main-page > div:hover > .hide-btns-container div:nth-child(3), .segmentatino-main-page > div:hover > .hide-btns-container div:nth-child(3) {
    margin-top: 0;
    -webkit-transition: margin-top 400ms 500ms;
    -moz-transition: margin-top 400ms 500ms;
    -ms-transition: margin-top 400ms 500ms;
    -o-transition: margin-top 400ms 500ms;
}

.segmentatino-main-page > div:hover > .hide-btns-container div:hover, .segmentatino-main-page > div:hover > .hide-btns-container div:hover {
    background: rgba(255, 255, 255, 0.2);
    -webkit-transition: background 300ms;
    -moz-transition: background 300ms;
    -ms-transition: background 300ms;
    -o-transition: background 300ms;
}

/*-------------------- Home page, I am)-------------------*/
.crm-button-table {
    display: table;
    table-layout: fixed;
}

.crm-button-row {
    display: table-row;
}

.crm-flexible-buttons {
    display: table-cell;
    border-left: 1px solid #775555;
    border-shadow: none;
}

.crm-flexible-buttons:hover {
    background: rgba(255, 255, 255, 0.2);
    cursor: pointer;
}

.crm-flexible-buttons:first-child {
    border-left: none;
}

.crm-add-margin-left {
    margin-left: 8px;
}

.crm-add-margin-bottom {
    margin-bottom: 8px;
}

/*------------------------------Start Analitics page----------------------------------*/
.analisis-container .dropdown-container-body div div:nth-child(1) .cube-analis-bar {
    background: #2dc1cb;
    border-color: #21a9b2;
}

.analisis-container .dropdown-container-body div div:nth-child(2) .cube-analis-bar {
    background: #31a4df;
    border-color: #50a0c7;
}

.analisis-container .dropdown-container-body div div:nth-child(3) .cube-analis-bar {
    background: #fccd6b;
    border-color: #ecc16d;
}

.cube-analis-bar {
    height: 130px;
    border: 1px solid;
}

/*------------------------------End Analitics page------------------------------------*/

.bonus-information-popup + .modal-body {
    height: 300px;
    overflow-y: auto;
}

.popup-container-odds .ng-scope div:nth-child(3).bonus-information-popup > button.crm-green-btn {
    float: right;
    margin: 12px;
}

.popup-container-odds .segemtation-description-popup span {
    display: block;
    line-height: 20px;
    box-sizing: border-box;
    padding: 8px;
    word-break: break-all;
}

.popup-container-odds .segemtation-description-popup span h4 {
    float: left;
    line-height: 20px;
}

.kpis-panel .filters-item {
    border: 1px solid #dde0e3;
}

.kpis-panel .crm-dropdown-container-body, .kpis-panel ul.permission-dropdown-grid {
    /*min-height: 80px; change Dav*/
    height: 468px;
}

.crm-crossfilters-field-title {
    position: relative;
}

.crm-crossfilters-field-title > span {
    position: relative;
    display: block;
    text-align: center;
    line-height: 34px;
    border-bottom: 1px solid #dde0e3;
}

.crm-crossfilters-field-title > i {
    position: absolute;
    margin: 10px;
    left: 0;
}

.crm-crossfilters-section > ul li {
    height: 34px;
    border-bottom: 1px solid #dde0e3;
}

.crm-crossfilters-section > ul li:hover, .crm-crossfilters-field-title:hover {
    background: #e4e7ea;
    cursor: pointer;
}

.crm-crossfilters-section > ul li:last-child {
    /*border-bottom: 0;*/
    border-bottom: 1px solid #dde0e3;
}

.crm-crossfilters-section > ul li > span {
    margin-left: 10px;
    line-height: 34px;
}

.crm-crossfilters-section > ul li > i {
    float: right;
    margin: 9px;
}

.crm-crossfilters-section > ul li > i:first-child {
    display: block;
    float: left;
    margin: 0;
    width: 3px;
    height: inherit;
}

/*-------------with this date picker in filters not work properly-----------*/
.customize-kendo-editor-styles table.k-editor {
    background: none !important;
    border: 0 !important;
    padding: 0;
}

.customize-kendo-editor-styles table.k-editor td.k-editable-area {
    border-color: #dde0e3 !important;
}

.crm-filter-panel .crm-input-chackbox {
    margin-top: 29px;
}

.crm-date-show-block {
    width: 200px;
    margin: 0 auto;
    font-size: 14px;
    color: #444;
    font-weight: 700;
    border: 1px solid #e5e9ec;
    border-radius: 2px;
    letter-spacing: 2px;
}

.crm-date-show-block span {
    display: block;
    float: left;
    padding: 10px 16px;
    text-align: center;
}

.crm-date-show-block span:first-child {
    border-right: 1px solid #e5e9ec;
}

.crm-date-query-filter > div.crm-col-6 {
    position: relative;
    height: 255px;
}

.crm-date-query-filter > div.crm-col-6:first-child {
    border-right: 1px solid #d4d7de;
}

.crm-date-query-filter > div.crm-col-6:last-child div.crm-col-12 div.crm-col-4 p.crm-custom-text,
.crm-date-query-filter > div.crm-col-6:last-child div.crm-col-12 div.crm-col-4 p.crm-custom-text {
    /*text-align: center;*/
    line-height: 34px;
    text-align: left;
}

.crm-campaing-list-info-popup > div.crm-col-7 .crm-dropdown-container-body, .crm-campaing-list-info-popup > div.crm-col-5 .crm-dropdown-container-body {
    height: 100px;
    overflow-x: hidden;
    overflow-y: auto;
}

.crm-campaing-list-info-popup > div.crm-col-12 .crm-dropdown-container-body {
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

.crm-custom-label-area {
    width: 100%;
    margin-bottom: 8px;
    line-height: 18px;
}

.crm-custom-label-area span {
    float: left;
    width: 70px;
    text-align: right;
    font-weight: 700;
}

.crm-custom-label-area p {
    word-wrap: break-word;
    padding-left: 90px;
}

.agp .user-settings-popup-container > .modal-dialog > .modal-content > .crm-campaing-list-info-popup {
    max-height: 670px;
    overflow: hidden;
}

.agp .user-settings-popup-container > .modal-dialog > .modal-content > .crm-campaing-list-info-popup.crm-report-list-info {
    width: 520px !important;
}

.crm-tab-container {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 8px;
}

.crm-tab-container .crm-tab-container-tabs {
    display: block;
    float: left;
    border-top: 1px solid #e4e6e9;
}

.crm-tab-container .crm-tab-container-tabs li {
    display: block;
    padding: 8px 16px;
    float: left;
    cursor: pointer;
    border-right: 1px solid #e4e6e9;
    background: transparent;
}

.crm-tab-container .crm-tab-container-tabs li:first-child {
    border-left: 1px solid #e4e6e9;
}

.crm-tab-container .crm-carousel .crm-tab-container-tabs {
    display: block;
    float: left;
    border-top: 0;
}

.crm-tab-container .crm-carousel .crm-tab-container-tabs li {
    display: block;
    padding: 9px 10px;
    float: left;
    cursor: pointer;
    border: 1px solid #e4e6e9;
    background-color: #f6f6f6;
    text-align: center;
    width: 82px;
}

.crm-angle-btn {
    display: block;
    float: left;
    padding: 6px;
    border: 1px solid #e4e6e9;
    background: #f6f6f6;
    cursor: pointer;
}

.crm-inactive-angle-btn {
    display: block;
    float: left;
    padding: 6px;
    border: 1px solid #e4e6e9;
    background: #f6f6f6;
    color: #e4e6e9;
    cursor: pointer;
}

.crm-carousel .crm-carousel-tab-container-body {
    box-sizing: border-box;
    width: 100%;
    float: left;
}

.crm-carousel-item {
    background: #f6f6f6;
}

.crm-tab-container .crm-view-filters .crm-carousel .crm-carousel-item {
    min-width: 105px;
    width: auto;
    line-height: 1.5;
}

.crm-tab-container .crm-tab-container-tabs li:hover {
    background: #48c9b0;
    color: #fff;
    opacity: 0.8;
}

.crm-tab-container .crm-extension-tab-block > li.crm-carousel-item.actived {
    border: 5px solid #48c9b0 !important;
}

.crm-tab-container .crm-tab-container-tabs li.actived {
    border: 1px solid #48c9b0 !important;
    color: #fff;
}

.crm-tab-container .crm-tab-container-body {
    box-sizing: border-box;
    width: 100%;
    min-height: 150px;
    float: left;
    padding: 8px;
    border: 1px solid #e4e6e9;
}

.fa.fa-question-circle.e:hover:before {
    color: #44b39d;
}

.crm-question-circle {
    cursor: auto;
    margin-top: 2px;
}

.crm-campaing-list-info-popup .crm-tab-container .crm-tab-container-body div.crm-col-12 {
    max-height: 800px;
    overflow: auto;
}

.crm-campaing-list-info-popup .crm-tab-container .crm-tab-container-body div.crm-col-12 .crm-dropdown-container-body {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 500px;
}

.crm-upload-input-block {
    position: relative;
    /*margin-top: 5px;*/
    width: 100%;
    height: 36px;
}

.crm-upload-text-container {
    width: 60%;
    font-size: medium;
    overflow: hidden !important;
    height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-upload-input-block input {
    width: 40%;
    height: 100%;
    outline: none !important;
    box-sizing: border-box;
}

.crm-upload-btn {
    -moz-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

.crm-upload-input-block::before {
    content: "\f093";
    display: block;
    position: absolute;
    width: 40px;
    height: 100%;
    right: 0;
    top: 0;
    background: #2dc0c8;
    border-radius: 4px;
    color: #fff;
    font: 20px/34px FontAwesome;
    cursor: pointer;
    text-align: center;
}

.crm-upload-input-block input::after {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% - 48px);
    height: 100%;
    left: 0;
    top: 0;
    border: 1px solid #dde0e3;
}

.crm-upload-input-block::after {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% - 48px);
    height: 100%;
    left: 0;
    top: 0;
    border: 1px solid #dde0e3;
}

.crm-invalid-val::after {
    border-color: #e11f3a !important;
}

.crm-invalid-val::after div {
    overflow: hidden !important;
}

.crm-valid-val::after {
    border-color: #4ec7ab !important;
}

.crm-upload-input-block span {
    color: #e11f3a;
}

/*CUSTOM ADDS 2 GENERATION*/

.userCountBox {
    background: rgba(211, 222, 221, 0.49);
    padding-left: 8px;
    line-height: 34px;
    border: 1px solid rgb(221, 224, 227);
}

.equalCurency input, .loginSourceCurency input, .marketTypeCascade input {
    border: 1px solid #DDE0E3;
    height: 34px;
    width: 100%;
    padding-left: 8px;
}

.equalCurency i, .marketTypeCascade .currencyOpenArrow.crm-adapter {
    left: calc(100% - 25px);
    position: absolute;
    top: 0;
    padding: 11px 8px;
    background-color: #e6f6fc;
    color: #1b9cfb;
}

.loginSourceCurency .currencyOpenArrow.crm-adapter {
    left: calc(100% - 28px);
    position: absolute;
    top: 0;
    padding: 9px 8px;
    background-color: #f5f5f5;
}

.loginSourceCurency .crm-autocomplete-search-result-block {
    width: 100%;
}

.crm-page .crm-dropdown-container > .crm-dropdown-container-header.crm-filter-tall-header {
    height: 55px;
}

/*for guidline*/
.btnIsPushed {
    -webkit-box-shadow: inset 0px -7px 29px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px -7px 29px -12px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px -7px 29px -12px rgba(0, 0, 0, 0.75);
    -ms-transform: scale(1.08); /* IE 9 */
    -webkit-transform: scale(1.08); /* Safari */
    transform: scale(1.08);
}

.crm-middl-cnt-static-height {
    height: 460px;
    overflow-x: auto;
}

.halfSizeHeight {
    height: 235px !important;
}

.crm-date-query-filter > div.crm-col-6, .crm-date-query-filter > div.crm-dynamic-date-range {
    height: 370px;
}

.crm-scroll-list {
    max-height: 462px;
    overflow: auto;
}

/*CHANGE IN GUIDLINE*/

.crm-input-on div:before {
    margin-left: 18px;
}

.repeatingProcessScheduler label, .schedulerFrequency label {
    text-align: left !important;
}

.repeatingProcessScheduler select {
    float: left;
    box-sizing: border-box;
    border: 1px solid rgb(212, 215, 222);
    background-color: #fff;
    color: #8a93a3;
    height: 34px;
    padding: 0 26px 0 8px;
    font-size: 14px;
}

.repeatingProcessScheduler button {
    width: 100%;
    border: 0;
    border-radius: 0;
    text-align: left;
    padding: 7px 14px;
}

.schedulerFrequency, .repeatingProcessScheduler select {
    margin-left: 15px;
    width: calc(100% - 30px);
}

/*.schedulerBoxing {*/
    /*border: 1px solid rgb(212, 215, 222);*/
    /*margin-bottom: 8px;*/
    /*margin-left: 15px;*/
/*}*/

.dailySchedule .crm-field-group-text,
.weeklySchedule .crm-field-group-text,
.monthlySchedule .crm-field-group-text,
.yearlySchedule .crm-field-group-text {
    margin-left: 14px;
}

.dailySchedule ul,
.weeklySchedule ul,
.monthlySchedule ul,
.yearlySchedule ul {
    cursor: pointer;
}

.yearlySchedule .crm-field-group-text ul {
    height: 152px;
    width: calc(152% + 1px);
}

.weeklySchedule .crm-field-group-text ul {
    height: 152px;
    width: calc(152% + 1px);
}

.monthlySchedule .crm-field-group-text ul,
.dailySchedule .crm-field-group-text ul {
    height: 152px;
    width: calc(152% + 1px);
}

.dailySchedule .crm-field-group-text ul li,
.weeklySchedule .crm-field-group-text ul li,
.monthlySchedule .crm-field-group-text ul li,
.yearlySchedule .crm-field-group-text ul li {
    margin: 4px;
    min-width: 24px;
    text-align: right;
    padding: 6px 6px;
    font-size: 10px;
}

.crm-inactive-input label {
    color: #909090;
}

.dailySchedule .crm-inactive-input ul,
.weeklySchedule .crm-inactive-input ul,
.monthlySchedule .crm-inactive-input ul,
.yearlySchedule .crm-inactive-input ul {
    background: #eeeff1;
    color: #888;
    border-color: #dde0e3;
    cursor: default;
    pointer-events: none;
}

.dailySchedule .crm-inactive-input ul li,
.weeklySchedule .crm-inactive-input ul li,
.monthlySchedule .crm-inactive-input ul li,
.yearlySchedule .crm-inactive-input ul li {
    color: #b6b6b6;

}

.crm-green-bg {
    background-color: #48c9b0;
    color: white !important;
}

.labelLeftAdds {
    margin-top: 6px;
    margin-left: 6px;
    color: #BFC3C8;
}

.dailySchedule .crm-inactive input,
.weeklySchedule .crm-inactive input,
.monthlySchedule .crm-inactive input,
.yearlySchedule .crm-inactive input {
    background: #eeeff1;
    color: #888;
    border-color: #dde0e3;
    cursor: default;
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    padding: 0 14px;
    opacity: 0.3;
}

/*Send mail Pop Up*/

.sendMailPopUp {
    width: 600px;
}

.sendMailPopUp #sendNowCountry {
    display: block;
}

.sendMailPopUp .modal-body {
    float: none !important;
}

.sendMailPopUp .agp .modal-body,
.dynamicCountry,
.dynamicFirstName,
.dynamicLogin,
.dynamicLastName {
    width: 100%;
}

.commType {

}

.commType p {
    font-weight: bold;
    line-height: 25px;
    margin-right: 5px;
}

.typeEmail_ico {
    height: 25px;
    width: 30px;
    background-size: 251px;
    margin-right: 10px;
    background-position: -255px -129px;
    background-image: url("../../../assets/img/custom-icons/sprite-icons.png");
}

.typeSms_ico {
    height: 25px;
    width: 30px;
    background-size: 251px;
    margin-right: 10px;
    background-position: -294px -129px;
    background-image: url("../../../assets/img/custom-icons/sprite-icons.png");
}

/*BUTTONS FOR ANALYSIS CAMPAIGN LIST*/

.crm-action-icon-compare:hover {
    background-color: #fccd6b;
}

.crm-action-icon-compare:hover .compareIco {
    background-image: url(../../../assets/img/custom-icons/ico-compare.png);
}

.crm-action-icon-excel:hover {
    background-color: #31a4df;
}

.crm-action-icon-excel:hover .expToExelIco {
    background-image: url(../../../assets/img/custom-icons/ico-excel.png);
}

.crm-action-icon-compare,
.crm-action-icon-excel {
    display: block;
    float: left;
    width: 28px;
    height: 25px;
    margin-right: 2px;
    border: 1px solid #d4d7de;
    border-radius: 3px;
    text-align: center;
    line-height: 25px;
    color: #808b9c;
    cursor: pointer;
}

.expToExelIco {
    display: inline-block;
    width: 15px;
    height: 13px;
    background-image: url(../../../assets/img/custom-icons/ico-excel-dark.png);
}

.compareIco {
    display: inline-block;
    width: 15px;
    height: 13px;
    background-image: url(../../../assets/img/custom-icons/ico-compare-dark.png);
}

.isValid {
    border: 1px solid #1abe9c !important;
}

.isInValid {
    border: 1px solid #e11f3a !important;
}

.marginTop50 {
    margin-top: 50px;
}

.crm-custom-class-for-segment-name-popup {
    max-width: 545px;
}

.crm-custom-class-for-segment-name-popup.crm-campaign-settings {
    max-width: 270px;
}

.crm-custom-class-for-segment-name-popup.crm-campaign-settings .crm-large-btn {
    padding: 7px 22px;
    min-width: 114px;
}

.crm-custom-class-for-segment-name-popup .crm-invalid-val span > p {
    white-space: normal;
}

.toolTiped label {
    float: left;
}

.labelTooltip {
    position: relative;
}

.labelTooltip .fa {
    color: rgb(131, 131, 131);
    margin-left: 5px;
    line-height: 24px;
}

.labelTooltip .fa:hover {
    color: #1abb9c;
    cursor: pointer;
}

.tipsBox:hover, .labelTooltip i:hover + .tipsBox {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    -webkit-transition: opacity 0.5s linear;
}

.labelTooltip .tipsBox {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    max-width: 250px;
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid #DDDDDD;
    z-index: 10;
    padding: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.36);
}

.labelTooltip .tipsBox:after,
.labelTooltip .tipsBox:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.labelTooltip .tipsBox:after {
    border-color: transparent;
    border-bottom-color: #FFFFFF;
    border-width: 9px;
    margin-left: 8px;
}

.labelTooltip .tipsBox:before {
    border-bottom-color: #dddddd;
    border-width: 10px;
    margin-left: 7px;
}

.commType + div.crm-col-12 div.crm-col-4 .crm-statistic-panel-1 {
    margin-top: 8px;
}

.commType + div.crm-col-12 div.crm-col-4:nth-child(1) .crm-statistic-panel-1,
.commType + div.crm-col-12 div.crm-col-4:nth-child(2) .crm-statistic-panel-1,
.commType + div.crm-col-12 div.crm-col-4:nth-child(3) .crm-statistic-panel-1 {
    margin-top: 0;
}

.globalSearchTable .crm-yellow-bg,
.globalSearchTable .crm-red-bg,
.globalSearchTable .crm-blue-bg,
.globalSearchTable .crm-green-bg {
    width: 60%;
    margin: 0 auto;
    color: white;
}

.globalSearchTable .crm-yellow-bg {
    border: solid 1px rgb(242, 194, 97);
}

.globalSearchTable .crm-red-bg {
    border: solid 1px rgb(232, 76, 83);
}

.globalSearchTable .crm-blue-bg {
    border: solid 1px rgb(80, 137, 213);
}

.globalSearchTable .crm-green-bg {
    border: solid 1px #44b39d;
}

.crm-inactive {
    background-color: #F2F3F5 !important;
    color: #d0d0d0 !important;
    pointer-events: none;
    border: 1px solid;
}

.crm-inactive:hover {
    background-color: #F2F3F5 !important;
    color: #d0d0d0;
    border: 1px solid #d4d7de !important;
    cursor: default;
}

.crm-inactive-with-events {
    /*display:none;*/
    background-color: #F2F3F5 !important;
    color: #d0d0d0 !important;
    border: 1px solid #d4d7de !important;
}

.crm-inactive-with-events:hover {
    background-color: #F2F3F5 !important;
    color: #d0d0d0;
    border: 1px solid #d4d7de !important;
    cursor: default;
}

.crm-step-x-padding i[class="fa fa-times"] {
    padding-left: 8px;
}

.right-container .crm-custom-table tr:last-child.crm-clear-border {
    border: 0;
}

.none-float {
    float: none;
    height: 50px;
}

/*notifications styles*/

.crm-note-popup {
    -webkit-transition: all 1s;
    transition: all 1s;
    width: 250px;
    position: fixed;
    bottom: 10px;
    right: 65px;
}

.crm-note-popup {
    opacity: 1;
    z-index: 999;
    font-size: 10px;
}

.crm-single-note {
    margin-bottom: 10px;
    position: relative;
    bottom: 0;
    width: 100%;
}

.crm-note-header {
    width: 100%;
    height: 34px;
    padding-left: 9px;
    line-height: 34px;
    background: #f6f6f6;
    border: 1px solid #dde0e3;
}

.crm-note-header span {
    float: right;
    margin-right: 8px;
    font-size: 20px;
    line-height: 24px;
    color: #c3c3c3;
    cursor: pointer;
}

.crm-note-body {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 8px;
    background: #fff;
    border: 1px solid #d4d7de;
    border-top: 0;
}

.tn-box {
    width: 250px;
    position: relative;
    margin: 0 auto 20px auto;
    padding: 25px 15px;
    text-align: left;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.6);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    cursor: default;
    display: none;
}

.tn-box p {
    font-size: 11px;
    line-height: 15px;
    margin: 0;
}

.tn-box p:before {
    text-align: center;
    border: 3px solid #444;
    margin-top: -17px;
    top: 50%;
    left: 20px;
    width: 30px;
    /*content: 'i';*/
    font-size: 30px;
    color: #444;
    position: absolute;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.tn-progress {
    width: 0;
    height: 4px;
    background: rgba(233, 250, 253, 1);
    position: absolute;
    bottom: 5px;
    left: 2%;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgba(233, 250, 253, 1), 0 -1px 0 rgba(233, 250, 253, 1);
}

/* Colors */

.tn-box-color-1 {
    background: #ffe691;
    border: 1px solid #f6db7b;
}

.tn-box-color-1 p {
    color: #7d5912;
}

.tn-box-color-2 {
    background: #99ffb1;
    border: 1px solid #7ce294;
}

.tn-box-color-2 p {
    color: #2d8241;
}

.tn-box-color-3 {
    background: #dd9aff;
    border: 1px solid #b367db;
}

.tn-box-color-3 p {
    color: #69288b;
}

/* Fire the animations */

input.fire-check:checked ~ section .tn-box {
    display: block;
    -webkit-animation: fadeOut 5s linear forwards;
    -moz-animation: fadeOut 5s linear forwards;
    -o-animation: fadeOut 5s linear forwards;
    -ms-animation: fadeOut 5s linear forwards;
    animation: fadeOut 5s linear forwards;
}

input.fire-check:checked ~ section .tn-box .tn-progress {
    -webkit-animation: runProgress 4s linear forwards 0.5s;
    -moz-animation: runProgress 4s linear forwards 0.5s;
    -o-animation: runProgress 4s linear forwards 0.5s;
    -ms-animation: runProgress 4s linear forwards 0.5s;
    animation: runProgress 4s linear forwards 0.5s;
}

/* If you use JavaScript you could add a class instead: */

.tn-box.tn-box-active {
    display: block;
    -webkit-animation: fadeOut 5s linear forwards;
    -moz-animation: fadeOut 5s linear forwards;
    -o-animation: fadeOut 5s linear forwards;
    -ms-animation: fadeOut 5s linear forwards;
    animation: fadeOut 5s linear forwards;
}

.tn-box.tn-box-active .tn-progress {
    -webkit-animation: runProgress 4s linear forwards 0.5s;
    -moz-animation: runProgress 4s linear forwards 0.5s;
    -o-animation: runProgress 4s linear forwards 0.5s;
    -ms-animation: runProgress 4s linear forwards 0.5s;
    animation: runProgress 4s linear forwards 0.5s;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
    99% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        display: none;
    }
    100% {
        opacity: 0;
        display: none;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }
    99% {
        opacity: 0;
        -moz-transform: translateY(-30px);
        display: none;
    }
    100% {
        opacity: 0;
        display: none;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 1;
        -o-transform: translateY(0px);
    }
    99% {
        opacity: 0;
        -o-transform: translateY(-30px);
        display: none;
    }
    100% {
        opacity: 0;
        display: none;
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }
    99% {
        opacity: 0;
        -ms-transform: translateY(-30px);
        display: none;
    }
    100% {
        opacity: 0;
        display: none;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 1;
        transform: translateY(0px);
    }
    99% {
        opacity: 0;
        transform: translateY(-30px);
        display: none;
    }
    100% {
        opacity: 0;
        display: none;
    }
}

@-webkit-keyframes runProgress {
    0% {
        width: 0%;
        background: rgba(255, 255, 255, 0.3);
    }
    100% {
        width: 96%;
        background: rgba(255, 255, 255, 1);
    }
}

@-moz-keyframes runProgress {
    0% {
        width: 0%;
        background: rgba(255, 255, 255, 0.3);
    }
    100% {
        width: 96%;
        background: rgba(255, 255, 255, 1);
    }
}

@-o-keyframes runProgress {
    0% {
        width: 0%;
        background: rgba(255, 255, 255, 0.3);
    }
    100% {
        width: 96%;
        background: rgba(255, 255, 255, 1);
    }
}

@-ms-keyframes runProgress {
    0% {
        width: 0%;
        background: rgba(255, 255, 255, 0.3);
    }
    100% {
        width: 96%;
        background: rgba(255, 255, 255, 1);
    }
}

@keyframes runProgress {
    0% {
        width: 0%;
        background: rgba(255, 255, 255, 0.3);
    }
    100% {
        width: 96%;
        background: rgba(255, 255, 255, 1);
    }
}

/* Let's add some different durations for the demo */

input.fire-check:checked ~ section .tn-box:nth-child(2) {
    -webkit-animation-duration: 6s;
    -moz-animation-duration: 6s;
    -o-animation-duration: 6s;
    -ms-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

input.fire-check:checked ~ section .tn-box:nth-child(2) .tn-progress {
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    -ms-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    -ms-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

input.fire-check:checked ~ section .tn-box:nth-child(3) {
    -webkit-animation-duration: 9s;
    -moz-animation-duration: 9s;
    -o-animation-duration: 9s;
    -ms-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    -ms-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

input.fire-check:checked ~ section .tn-box:nth-child(3) .tn-progress {
    -webkit-animation-duration: 7.5s;
    -moz-animation-duration: 7.5s;
    -o-animation-duration: 7.5s;
    -ms-animation-duration: 7.5s;
    animation-duration: 7.5s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

/* Last example pauses on hover (causes problems in WebKit browsers) */

.tn-box.tn-box-hoverpause:hover,
.tn-box.tn-box-hoverpause:hover .tn-progress {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    -ms-animation-play-state: paused;
    animation-play-state: paused;
}

.container {
    width: 100%;
    position: relative;
    min-height: 750px;
    text-align: center;
}

input.fire-check {
    width: 160px;
    position: absolute;
    left: 50%;
    margin-left: -80px;
    height: 35px;
    cursor: pointer;
    opacity: 0;
    z-index: 100;
}

/*preview pop up */

.crm-dropdown-container-static-height {
    max-height: 300px;
    overflow: auto;
}

.crm-percent-sign {
    position: absolute;
    right: 15px;
    top: 33px;
}

.crm-auto-complete-top {
    margin-top: 44px;
}

.crm-header-content-padding {
    padding-left: 6px !important;
}

/*--------------CRM notifications-------------*/
.crm-dropdown-container-body {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    /*padding:8px;*/
    background: #fff;
    border: 1px solid #d4d7de;
    border-top: 0;
}

.crm-clear-margin-bottom {
    margin-bottom: 0 !important;
}

.crm-clear-margin-top {
    margin-top: 0 !important;
}

.crm-clear-margin-left {
    margin-left: 0 !important;
}

.crm-clear-margin-right {
    margin-right: 0 !important;
}

.crm-animate-hide:hover {
    opacity: 1;
    cursor: progress;
}

.crm-animate-hide {
    transition: all linear 0.5s;
    padding-bottom: 10px;
    opacity: 0.9;
    font-size: 11px;
}

.crm-animate-hide.ng-hide {
    padding-bottom: 0;
    opacity: 0;

}

.crm-left-text {
    text-align: left;
}

.crm-right-text {
    text-align: right;
}

/*-----------------CRM Add buttons------------*/
.crm-blue-btn {
    background-color: #1a84bb;
    border-color: #1b82b5;
    color: #d8f1ec;
}

.crm-blue-btn:hover {
    background-color: #6aa2bf;
    border-color: #1b82b5;
    color: #fff;
    text-decoration: none;
}

.crm-dropdown-menu .crm-grid-head-btn.crm-blue-btn:hover {
    background-color: #6aa2bf;
}

.crm-dropdown-menu .crm-grid-head-btn.crm-grey-btn:hover {
    background-color: #95a1b3;
}

.crm-blue-btn:active {
    background-color: #1b82b5;
    border-color: #1b82b5;
    color: #bbe5db;
}

.crm-autocomplete-search-result-block li.crm-left-indent {
    padding-left: 10px;
}

.crm-filter-container-position {
    position: relative;
    overflow: visible;
}

.crm-filter-container-position .crm-filter-button-container {
    position: absolute;
    bottom: 0;
    right: 0;
}

.crm-filter-container-position .crm-filter-button-container .crm-apply-button {
    float: right;
}

.crm-filter-container-static-height .crm-middl-cnt-static-height {
    min-height: 470px;
}

/*---------------------CRM datepicker recommended dates-------------*/
.datepicker table tr td.recommended {
    background-color: #1abb9c;
}

.crm-dark-label-text {
    color: #444;
    display: block;
    margin-bottom: 6px;
    /*font: 14px OpenSansSemibold !important;*/
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
}

.creat-a-campaining.crm-dashboard .template-delivery-method-page > div {
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.29);
}

.crm-line-dark-text {
    color: #444;
    margin-bottom: 6px;
    font-family: "Open Sans", sans-serif !important;
}

.crm-padding-left {
    padding-left: 10px;
}

.crm-checkbox-margin-right {
    margin-right: 20px;
}

.crm-padding {
    padding: 8px;
}

.crm-base-padding {
    padding: 15px !important;
}

.crm-base-padding-left {
    padding-left: 15px !important;
}

.crm-base-padding-top {
    padding-top: 15px !important;
}

.crm-base-padding-right {
    padding-right: 15px !important;
}

.crm-half-base-padding-right {
    padding-right: 4px;
}
.crm-quarter-base-padding-top {
    padding-top: 4px;
}
.crm-quarter-base-padding-right {
    padding-right: 4px;
}
.crm-quarter-base-padding-bottom {
    padding-bottom: 4px;
}
.crm-quarter-base-padding-left {
    padding-left: 4px;
}
.crm-base-padding-bottom {
    padding-bottom: 15px !important;
}

.crm-half-base-padding-bottom {
    padding-bottom: 8px !important;
}

.crm-half-base-padding-top {
    padding-top: 8px !important;
}
.crm-half-base-padding-left {
    padding-left: 8px !important;
}

.crm-half-of-base-padding-right {
    padding-right: 8px !important;
}

.crm-small-padding-top {
    padding-top: 4px !important;
}

.crm-half-base-padding {
    padding: 7px !important;
}

.crm-padding-top {
    padding-top: 18px !important;
}

.crm-padding {
    padding: 10px !important;
}

.crm-min-padding {
    padding: 2px;
}

.crm-margin-top {
    margin-top: 8px;
}

.crm-margin-bottom{
    margin-bottom: 8px;
}

.crm-small-margin-top {
    margin-top: 8px;
}

.crm-half-margin-bottom {
    margin-bottom: 4px;
}

.crm-half-margin-top {
    margin-top: 4px;
}

.crm-margin-right {
    margin-right: 5px;
}

.crm-base-margin-left {
    margin-left: 8px;
}

.crm-base-margin-right {
    margin-right: 8px;
}

.crm-base-margin-bottom {
    margin-bottom: 8px;
}

.crm-base-margin-top {
    margin-top: 8px;
}

.crm-margin-top {
    margin-top: 12px !important;
}

.crm-big-margin-bottom {
    margin-bottom: 16px;
}

.crm-input-big-margin-top {
    margin-top: 15px;
}

.crm-button-margin-top {
    margin-top: 25px;
}

.crm-button-margin {
    margin: 0 0 0 15px;
}

.crm-margin-top-25 {
    margin-top: 25px;
}

.crm-number-step {
    padding-top: 12px;
    padding-left: 15px;
}

.crm-number-repeat {
    padding-top: 15px;
    padding-left: 15px;
}

.crm-page .crm-input input {
    width: 80%;
    padding: 8px;
}

.crm-page crm-query-configuration .crm-input input {
    width: 100%;
}

.crm-min-height {
    min-height: 1px;
}

.crm-result-container {
    padding: 5px;
    min-height: 60px;
    border: 1px solid #cecece;
}

.crm-input-radio .crm-input-label {
    padding-left: 5px;
}

.crm-center-text {
    text-align: center;
}

.crm-custom-label-area {
    width: 100%;
    margin-bottom: 8px;
    line-height: 18px;
}

.crm-custom-label-area span {
    float: left;
    width: 150px;
    text-align: right;
    font-weight: 700;
}

.crm-custom-label-area.crm-md-width span {
    width: 175px;
}

.crm-custom-label-area.crm-lg-width span {
    width: 285px;
}

.crm-custom-label-area p {
    word-wrap: break-word;
    padding-left: 140px;
}

.crm-custom-label-area.crm-md-width p {
    padding-left: 195px;
}

.crm-custom-label-area.crm-lg-width p {
    padding-left: 295px;
}

.crm-clear-padding-top {
    padding-top: 0 !important;
}

.crm-clear-padding-bottom {
    padding-bottom: 0 !important;
}

.crm-clear-padding-left {
    padding-left: 0 !important;
}

.crm-clear-padding-right {
    padding-right: 0 !important;
}

.crm-static-body-container {
    height: 220px;
    overflow: auto;
}

.crm-static-container {
    height: 290px;
    overflow: auto;
}

.crm-static-right-container {
    height: 255px;
    overflow: auto;
}

.crm-stroke svg g path {
    stroke: #fff;
    stroke-width: 2;
}

/*------------- Empty data canvas ----------------*/
.crm-empty-data {
    background: #e8ecf7;
    height: 400px;
    width: 100%;
    text-align: center;
    font-size: 3.0em;
    color: #8e8e8e;
}

.crm-empty-data-title {
    font: 16px OpenSansSemibold;
    color: #8e8e8e;
    line-height: 86px;
    /*margin-bottom: 86px;*/
    display: inline-block;
}

.crm-empty-data-customize {
    height: 100%;
    position: relative;
}

.crm-empty-data-customize > div {
    background: #e8ecf7;
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 3.0em;
    color: #8e8e8e;
    padding-top: 7%;
}

.crm-page .crm-empty-data-customize span > crm-text {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    top: 50%;
}

.crm-root .creat-a-campaining .crm-dashboard-pie-charts {
    border: 0;
}

/*---------------------------Start Custom Alert Bar------------------------------*/
.crm-alert-bar-danger,
.crm-alert-bar-success,
.crm-alert-bar-warning {
    padding: 13px 18px;
    border: 2px solid;
    float: left;
    width: 100%;
    margin-bottom: 8px;
}

.crm-alert-bar-danger i:first-child,
.crm-alert-bar-success i:first-child,
.crm-alert-bar-warning i:first-child {
    display: block;
    float: left;
    margin-right: 18px;
    font-size: 20px;
    line-height: 20px;
}

.crm-alert-bar-danger p,
.crm-alert-bar-success p,
.crm-alert-bar-warning p {
    float: left;
    word-wrap: break-word;
    line-height: 20px;
}

.crm-alert-bar-danger i:nth-child(2),
.crm-alert-bar-success i:nth-child(2),
.crm-alert-bar-warning i:nth-child(2) {
    display: block;
    float: right;
    margin-left: 18px;
    line-height: 20px;
    cursor: pointer;
}

.crm-alert-bar-danger .crm-alert-message,
.crm-alert-bar-success .crm-alert-message,
.crm-alert-bar-warning .crm-alert-message {
    display: inline-block;
    float: left;
}

.crm-alert-bar-danger .crm-alert-message,
.crm-alert-bar-success .crm-alert-message,
.crm-alert-bar-warning .crm-alert-message {
    display: block;
    float: none;
    line-height: 20px;
}

.crm-alert-bar-danger > .crm-alert-message:nth-of-type(n+2) span,
.crm-alert-bar-success > .crm-alert-message:nth-of-type(n+2) span,
.crm-alert-bar-warning > .crm-alert-message:nth-of-type(n+2) span {
    cursor: pointer;
    margin-left: 3px;
}

.crm-alert-bar-danger {
    border-color: #e11f3a;
}

.crm-alert-bar-danger i:first-child, .crm-alert-bar-danger span, .crm-alert-bar-danger i:nth-child(2) {
    color: #e11f3a;
}

.crm-alert-bar-success {
    border-color: #1abe9c;
}

.crm-alert-bar-success i:first-child, .crm-alert-bar-success span, .crm-alert-bar-success i:nth-child(2) {
    color: #1abe9c;
}

.crm-alert-bar-warning {
    border-color: #e0d04a;
}

.crm-alert-bar-warning i:first-child, .crm-alert-bar-warning span, .crm-alert-bar-warning i:nth-child(2) {
    color: #bbad3b;
}

/*---------------------------End Custom Alert Bar------------------------------*/

/*--------------------------- crm step accordion ------------------------------*/

.crm-title-margin-top {
    margin-top: 6px;
}

.crm-accordion-group {
    border: 0;
}

.crm-accordion-group div {
    padding: 0;
}

.crm-collapse-panel {
    border: 0;
}

.crm-clear-border-top {
    border-top: 0 !important;
}

.crm-clear-border {
    border: 0;
}

.crm-accordion-group div .panel-body {
    border-top: 0 !important;
}

.add-header-input .add-header-top {
    padding-top: 43px;
}

.add-header-input .add-text-center {
    text-align: center;
}

/*---------------------------- crm step accordion end -------------------------*/
.crm-popup-custom-width {
    width: 350px;
    min-height: 250px;
}

.crm-popup-custom-body {
    padding-right: 35px;
    padding-left: 20px;
}

.crm-popup-custom-body-column {
    border-bottom: 1px solid #e4e6e9;
    height: 30px;
    padding-top: 8px;
}

.crm-check-all {
    padding: 8px 32px 8px 8px;
    width: 62px;
}

.crm-check {
    color: #76d6c4;
    /*position:relative;*/
}

/*.crm-check::after{*/
/*position:absolute;*/
/*top:0;*/
/*left:0;*/
/*}*/
.crm-inactive-btn {
    cursor: default;
}

.crm-input-min-height {
    min-height: 54px;
}

.crm-number-input-min-height {
    min-height: 120px;
}

.crm-input-padding-top {
    padding-top: 12px;
}

.crm-err-message {
    padding-top: 7px;
    color: #e72041;
    font-size: 12px;
}

.crm-sorting-by {
    height: 24px;
    /*color:red;*/
    margin-right: 6px;
    float: right;
    /*width: 150px !important;*/
}

.crm-sorting-by > button {
    height: 24px !important;
    margin-top: 4px;
    padding-top: 2px !important;
}

.crm-page .crm-sorting-by .filter-option {
    width: 100px !important;
    color: #000000;
}

.crm-sorting-by .caret {
    right: -8px !important;
}

.crm-chart-container-half-height {
    height: 189px;
}

.crm-overflow-transform {
    overflow-x: hidden;
    overflow-y: auto;
}

.crm-chart {
    width: 535px !important;
    height: 325px;
}

.crm-base-tip {
    position: absolute;
    z-index: 1;
}

.crm-hide-container, .crm-base-tip i {
    visibility: hidden !important;
    /*opacity: 0;*/
    /*display:none;*/
}

.crm-hide {
    display: none !important;
}

.crm-inactive-btn {
    background: rgba(228, 231, 234, 0.5);
    border-color: rgba(228, 231, 234, 0.5);
    color: #8a93a3;
    cursor: not-allowed;
}

.crm-page .crm-large-btn.crm-inactive-btn,
.crm-page .crm-small-btn.crm-inactive-btn {
    cursor: not-allowed;
    pointer-events: none;
}

.crm-not-allowed {
    cursor: not-allowed;
    pointer-events: none;
}

.crm-page .crm-table-header th.sortable div:after,
.crm-page .crm-table-header th.sortable div:before {
    content: "";
    border-width: 0 4px 4px;
    border-style: solid;
    border-color: #000 transparent;
    visibility: inherit;
    right: 8px;
    top: 115%;
    position: absolute;
    opacity: .3;
    margin-top: -4px;
}

.crm-table-header th.sortable div:before {
    margin-top: 2px;
    border-bottom: none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
}

.crm-table-header th.sortable div:hover:after,
.crm-table-header th.sortable div:hover:before {
    opacity: 1;
    visibility: visible;
}

.crm-table-header th.sortable.sort-desc,
.crm-table-header th.sortable.sort-asc {
    background-color: #eaebec;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

.crm-table-header th.sortable.sort-desc div:after,
.crm-table-header th.sortable.sort-asc div:after {
    margin-top: -2px;
}

.crm-table-header th.sortable.sort-desc div:before,
.crm-table-header th.sortable.sort-asc div:before {
    visibility: hidden;
}

.crm-table-header th.sortable.sort-asc div:after,
.crm-table-header th.sortable.sort-asc div:hover:after {
    visibility: inherit;
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.crm-table-header th.sortable.sort-desc div:after {
    border-bottom: none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    visibility: inherit;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.crm-date-filter-title {
    height: 35px;
    border-bottom: 1px solid #cecece;
    border-left: 1px solid #cecece;
}

.crm-popup-block-header {
    height: 39px;
    background-color: #f6f6f6;
    border-bottom: 1px solid #dde0e3;
    border-top: 1px solid #dde0e3;
    padding-left: 13px;
}

/*======================== base tooltip part ===============*/
.crm-base-tooltip-container {
    position: absolute;
    width: 125px;
    min-height: 28px;
    padding: 10px;
    background: #fff;
    color: #444;
    border-radius: 4px;
    z-index: 10000;
    box-shadow: 5px 5px 13px rgba(51, 51, 51, 0.3);
    text-align: center;
}

.crm-base-tooltip-container.top-tooltip {
    top: -18px;
    left: 13px;
}

/*Budget amount pandding top classes*/

.crm-pandding-bonus {
    padding-top: 31px;
}

.crm-select-currensy {
    padding-top: 4px;
}

.crm-base-tooltip-container.top-tooltip::before {
    content: '';
    display: block;
    position: absolute;
    left: 52px;
    bottom: -15px;
    width: 8px;
    height: 8px;
    border: 8px solid transparent;
    border-top: 8px solid #fff;
}

.crm-base-tooltip-container.right-tooltip {
    top: -10px;
    left: 18px;
}

.crm-base-tooltip-container.right-tooltip::before {
    content: '';
    display: block;
    position: absolute;
    left: -15px;
    top: 6px;
    width: 8px;
    height: 8px;
    border: 8px solid transparent;
    border-right: 8px solid #fff;
}

.crm-base-tooltip-container.bottom-tooltip {
    top: 18px;
    left: 13px;
}

.crm-base-tooltip-container.bottom-tooltip::before {
    content: '';
    display: block;
    position: absolute;
    left: 52px;
    top: -15px;
    width: 8px;
    height: 8px;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff;
}

.crm-base-tooltip-container.left-tooltip {
    top: -10px;
    left: -18px;
}

.crm-base-tooltip-container.left-tooltip::before {
    content: '';
    display: block;
    position: absolute;
    left: 125px;
    top: 6px;
    width: 8px;
    height: 8px;
    border: 8px solid transparent;
    border-left: 8px solid #fff;
}

.crm-base-tooltip-large-container {
    position: absolute;
    width: 400px;
    min-height: 28px;
    padding: 10px;
    background: #fff;
    color: #444;
    border-radius: 4px;
    z-index: 10000;
    box-shadow: 5px 5px 13px rgba(51, 51, 51, 0.3);
    text-align: center;
}

.crm-base-tooltip-large-container.top-tooltip {
    top: -18px;
    left: 13px;
}

.crm-base-tooltip-large-container.top-tooltip::before {
    content: '';
    display: block;
    position: absolute;
    left: 196px;
    bottom: -15px;
    width: 8px;
    height: 8px;
    border: 8px solid transparent;
    border-top: 8px solid #fff;
}

.crm-base-tooltip-large-container.right-tooltip {
    top: -10px;
    left: 18px;
}

.crm-base-tooltip-large-container.right-tooltip::before {
    content: '';
    display: block;
    position: absolute;
    left: -15px;
    top: 6px;
    width: 8px;
    height: 8px;
    border: 8px solid transparent;
    border-right: 8px solid #fff;
}

.crm-base-tooltip-large-container.bottom-tooltip {
    top: 18px;
    left: 13px;
}

.crm-base-tooltip-large-container.bottom-tooltip::before {
    content: '';
    display: block;
    position: absolute;
    left: 196px;
    top: -15px;
    width: 8px;
    height: 8px;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff;
}

.crm-base-tooltip-large-container.left-tooltip {
    top: -10px;
    left: -18px;
}

.crm-base-tooltip-large-container.left-tooltip::before {
    content: '';
    display: block;
    position: absolute;
    left: 400px;
    top: 6px;
    width: 8px;
    height: 8px;
    border: 8px solid transparent;
    border-left: 8px solid #fff;
}

.scatter-chart-axis-title-tooltip {
    display: none;
    position: absolute;
    width: 150px;
    min-height: 28px;
    padding: 10px;
    background: #fff;
    color: #444;
    border-radius: 2px;
    box-shadow: 5px 5px 13px rgba(51, 51, 51, 0.3);
}

.crm-chart-container-body {
    padding: 50px !important;
}

.crm-error-container {
    position: absolute;
    top: 220px;
}

.crm-error-container i {
    color: #ef144c;
}

.crm-error-box {
    font-size: 65px;
    font-weight: 500;
    position: relative;
}

.crm-error-box span {
    font-size: 50px;
    font-weight: 100;
    position: absolute;
    bottom: 0;
    padding: 5px 5px 10px 5px;
}

.crm-error-text-box {
    text-align: left;
    font-size: 19px;
    font-family: inherit;
}

.crm-error-text-box span {
    color: #cb545c;
    font-weight: 600;
    font-size: 18px;
}

.crm-error-text-box span:hover {
    font-weight: 800;
    cursor: pointer;
    font-size: 19px;
}

.crm-popup-block-header i {
    float: right;
    font-size: 14px;
    line-height: 14px;
    color: #c3c3c3;
    cursor: pointer;
}

.crm-popup-block-header i:hover {
    color: #444;
}

.crm-clear-padding-bottom {
    padding-bottom: 0 !important;
}

.crm-modal-body p {
    text-align: center;
}

.crm-tab-container {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 8px;
}

.crm-tab-container .crm-tab-container-tabs {
    display: block;
    float: left;
}

.crm-tab-container .crm-tab-container-tabs li {
    display: block;
    padding: 9px 10px;
    float: left;
    cursor: pointer;
    border-right: 1px solid #e4e6e9;
    background: #f6f6f6;
    width: 120px;
    height: 32px;
    text-align: center;
}

.crm-tab-container.crm-sub-tabs .crm-tab-container-tabs li {
    width: auto;
    padding-top: 3px;
    line-height: 1.7;
}

.crm-tab-container.crm-sub-tabs .crm-tab-container-tabs li > span {
    width: 35px;
}

crm-carousel .crm-extension-tab-block > li.crm-carousel-item {
    width: 250px !important;
    height: 100%;
    padding: 0;
    margin: 9px 10px;
}

.crm-extension-buttons {
    padding-top: 9px !important;
}

.crm-tab-container .crm-tab-container-tabs li:first-child {
    border-left: 1px solid #e4e6e9;
}

.crm-tab-container .crm-tab-container-tabs li:hover {
    background: #48c9b0;
    color: #fff;
    opacity: 0.8;
    border-color: #15a085;
}

.crm-tab-container .crm-tab-container-tabs li.actived {
    background: #48c9b0;
    color: #fff;
    border: 1px solid #15a085;
}

.crm-adapter.crm-tab-container {
    overflow: auto !important;
    max-height: 480px !important;
    min-height: 90px !important;
}

.crm-tab-container .crm-tab-container-body {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding: 8px;
    border: 1px solid #e4e6e9;
}

.crm-tab-container .crm-tab-container-body.crm-adapter {
    padding: 10px;
}

.crm-campaing-list-info-popup .crm-tab-container .crm-tab-container-body div.crm-col-12 {
    max-height: 800px;
    overflow: auto;
}

.crm-campaing-list-info-popup .crm-tab-container .crm-tab-container-body div.crm-col-12 .crm-dropdown-container-body {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 500px;
}

.crm-group-container {
    position: relative;
}

.crm-white-bg {
    background: #fff
}

.crm-group-container .crm-tooltip-container {
    position: absolute;
    top: 40px;
    padding: 4px;
    background: #fff;
    box-shadow: 0 0 12px #444;
    display: none;
    z-index: 9;
}

.crm-filter-group-table {
    display: block;
    min-width: 24px;
    max-width: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    float: left;
    max-height: 120px;
    padding-right: 15px;
    margin-top: 6px;
    margin-right: 2px;
    color: #fff;
}

.crm-filter-group-table::-webkit-scrollbar {
    width: 7px;
    border-radius: 4px;
}

.crm-filter-group-table::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border: 1px solid #cecece;
    border-radius: 4px;
}

.crm-filter-group-table::-webkit-scrollbar-thumb {
    border-radius: 4px;
    box-shadow: none;
}

.crm-tooltip-container-open-left .crm-tooltip-container {
    left: 0px;
}

.crm-tooltip-container-open-right .crm-tooltip-container {
    right: 0px;
}

.crm-group-container .crm-tooltip-container-open {
    display: block;
}

.crm-group-container .crm-tooltip-container::before {
    content: '';
    position: absolute;
    display: block;
    border: 10px solid transparent;
    border-bottom: 10px solid #fff;
    width: 10px;
    height: 10px;
    top: -20px;
}

.crm-tooltip-container-open-left .crm-tooltip-container::before {
    left: 10px;
}

.crm-tooltip-container-open-right .crm-tooltip-container::before {
    right: 10px;
}

.crm-group-container .crm-tooltip-container > .fa-times {
    float: right;
    color: #cecece;
}

.crm-group-container .crm-tooltip-container > .fa-times:hover {
    float: right;
    color: #444;
}

.crm-group-container .crm-tooltip-container tr {
    border-bottom: 4px solid transparent;
}

.crm-group-container .crm-tooltip-container td {
    white-space: nowrap;
}

.crm-group-container .crm-tooltip-container td:first-child {
    padding: 8px;
}

.crm-group-container .crm-tooltip-container td:last-child {
    padding-right: 8px;
}

.crm-group-container .crm-tooltip-container td:last-child i:first-child {
    padding-right: 4px;
}

.crm-group-container .crm-tooltip-container:first-child .filters-item {
    margin-top: 0;
}

.crm-input-text .crm-filter-input {
    height: 32px;
    padding: 0 5px 0 5px;
}

.crm-on-off-button {
    padding: 5px;
    margin-right: 20px;
    border: 0 !important;
}

.permission-dropdown-grid.crm-check-uncheck {
    min-height: 420px;
    max-height: 420px;
    overflow-y: scroll;
}

.crm-check-uncheck-list .permission-dropdown-grid.crm-check-uncheck .fake-label.active .fa:before {
    content: "\f0d7";
}

.crm-check-uncheck-list .columns-settings-list-block .fake-label .fa:after {
    width: 30px;
}

.crm-check-uncheck-list .columns-settings-list-block {
    height: 434px;
}

.crm-check-uncheck-list .columns-settings-list-block .fake-label + ul > li {
    padding: 5px 12px 5px 40px;
}

.crm-check-uncheck {
    min-height: 420px;
    max-height: 420px;
}

.crm-base-align {
    text-align: start;
}

.crm-adapter .userCountBox {
    line-height: 32px;
}

.crm-adapter .loginSourceCurency {
    padding-left: 8px;
}

.crm-adapter .loginSourceCurency i {
    width: 29px;
}

.result-count {
    float: left;
    font-size: 14px;
}

.crm-popup-multi-el-body {
    float: left;
    padding: 13px 13px 0 13px;
    width: inherit;
}

.crm-adapter.crm-popup-block-footer {
    padding-right: 4px;
}

.crm-adapter.crm-gs-row {
    margin-top: 12px;
}

.crm-adapter.crm-custom-label-area span {
    text-align: start;
}

.crm-popup-multi-el-body .crm-dropdown-container-body {
    height: 100px;
    overflow-y: auto;
}

.crm-popup-multi-el-body .crm-dropdown-container-body::-webkit-scrollbar-track {
    background-color: #fff;
}

.crm-filter-view {
    float: left;
    padding: 8px;
    margin: 3px;
}

.crm-select-box {
    /*width: 220px;*/
    float: left;
    margin-left: 10px;
    margin-top: 8px;
}

.crm-select-box ul {
    max-height: 137px !important;
}

.crm-select-box ul li > a {
    padding: 8px 20px;
    border-bottom: 1px solid #ddd;
}

.crm-select-box ul li > a:hover, .crm-select-box ul li.selected > a {
    background-color: #e4e7ea !important;
}

.crm-select-box .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
    width: 220px;
}

.crm-valid-border {
    border: 1px solid #4ec7ab !important;
}

.crm-invalid-border {
    border: 1px solid #cb545c !important;
}

.crm-clear-margin {
    margin: 0;
}

.crm-input-text .crm-text-area {
    height: 78px;
    padding: 8px;
    resize: none;
    overflow-x: hidden;
    overflow-y: auto;
    word-wrap: break-word;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    border: 1px solid #dde0e3;
    background: #fff;
}

/*.crm-adapter.crm-select-box{*/
/*padding-top: 10px;*/
/*}*/
.crm-input-text textarea[disabled] {
    cursor: default;
}

.crm-confirm-modal {
    box-shadow: 0 0 7px #444;
}

table.table-bordered.crm-base-grid tr td {
    text-align: left;
    padding: 0 10px 0 10px !important;
    font-size: 95%;
    border-left: 0;
    border-right: 0;
}

.crm-page table.table-bordered.crm-base-grid thead tr th {
    font-size: 98%;
    border-left: 0;
    border-right: 0;
    border-bottom: 3px solid #d4d7de;
    text-align: left;
    padding-left: 8px;
}

table.table-bordered.crm-base-grid thead tr th:last-child {
    text-align: center;
}

table.table-bordered.crm-base-grid thead tr th div:before {
    left: 58px;
    right: initial;
}

table.table-bordered.crm-base-grid thead tr th div:after {
    left: 58px;
    right: initial;
}

.crm-page .crm-base-grid.table-bordered > tbody > tr > td {
    height: 30px;
}

.crm-page .crm-base-grid.table-bordered {
    border: 0;
}

.crm-page .crm-base-grid.table-bordered > tbody > tr > td:last-child > div {
    position: relative;
    top: 34%;
}

table.table-bordered.crm-base-grid tr td.crm-grid-radio-input {
    text-align: center !important;
}

.crm-border-top {
    border-top: 1px solid #d4d7de;
}
.crm-border-left {
    border-left: 1px solid #d4d7de;
}
.crm-border-bottom {
    border-bottom: 1px solid #d4d7de;
}

.crm-page .crm-dropdown-container > .crm-dropdown-container-header.crm-border-bottom {
    border-bottom: 1px solid rgba(212, 215, 222, 0.54);
}

.crm-page .crm-dropdown-container.crm-dropdown-container-margin-bottom, .crm-dropdown-container-margin-bottom {
    margin-bottom: 15px;
}

.crm-search {
    cursor: pointer;
}

.crm-valid-client {
    background-color: #48c9b0;
    color: white !important;
    padding: 0 4px;
}

.crm-duplicate-client {
    background-color: rgb(242, 194, 97);
    color: white !important;
    padding: 0 4px;
}

.crm-draft-state {
    background-color: #cecece;
    color: white !important;
    padding: 0 4px;
}

.crm-live-state {
    background-color: #48c9b0;
    color: white !important;
    padding: 0 4px;
}

.crm-test-state {
    background-color: rgb(242, 194, 97);
    color: white !important;
    padding: 0 4px;
}

.crm-archive-state {
    background-color: #6c6c6c;
    color: white !important;
    padding: 0 4px;
}

.crm-invalid-client {
    background-color: rgb(232, 76, 83);
    color: white !important;
    padding: 0 4px;
}

.crm-header-text {
    float: right !important;
    line-height: 34px !important;
    margin-right: 8px !important;
}

.crm-action-icon-container {
    display: table;
    margin: 0 auto;
}

.crm-settings-upload label {
    line-height: 1.3;
}

.crm-action-icon-stop,
.crm-action-icon-plus,
.crm-action-icon-pencil,
.crm-action-icon-report,
.crm-action-icon-play,
.crm-action-icon-pause,
.crm-action-icon-search,
.crm-action-icon-exchange,
.crm-action-icon-info,
.crm-action-icon-gift,
.crm-action-icon-trash,
.crm-action-icon-bell,
.crm-action-icon-clone,
.crm-action-icon-chart,
.crm-action-icon-close,
.crm-action-icon-send,
.crm-action-icon-arrow-down,
.crm-action-icon-arrow-up,
.crm-action-icon-translation,
.crm-action-icon-externalLink,
.crm-action-icon-undo {
    display: block;
    float: left;
    width: 28px;
    height: 25px;
    margin-right: 2px;
    border: 1px solid #d4d7de;
    border-radius: 3px;
    text-align: center;
    line-height: 25px !important;
    color: #808b9c;
    cursor: pointer;
}

.crm-page .crm-base-grid .fa {
    line-height: 25px;
}

.crm-gift-icon {
    float: left;
    width: 30px;
    height: 23px;
}

.crm-logo-margin {
    margin-top: 4px;
}

.crm-providers {
    width: 25px;
    height: 25px;
    display: block;
    float: left;
    background-size: 100%;
}

.facebook-logo {
    width: 38px;
    height: 38px;
    display: block;
    float: left;
    background-size: 100%;
    background: center top no-repeat url(../assets/img/facebook_logo.png);
}

.crm-providers.crm-UniSender {
    background: center top no-repeat url(../../../app/crm/assets/img/UniSender_logo.png);
}

.crm-providers.crm-MailUp {
    background: center top no-repeat url(../../../app/crm/assets/img/MailUp_logo.png);
}

.crm-providers.crm-MailChimp {
    background: center top no-repeat url(../../../app/crm/assets/img/MailChimp_logo.png);
}

.crm-providers.crm-SMTP {
    background: center top no-repeat url(../../../app/crm/assets/img/smtp_logo.png);
}

.crm-providers.crm-sms {
    background: center top no-repeat url(../../../app/crm/assets/img/sms_logo.png);
}

.crm-providers.crm-telegram {
    background: center top no-repeat url(../../../app/crm/assets/img/telegram_logo.png);
}

.crm-action-icon-translation {
    border: 1px solid #d4d7de !important;
    border-radius: 3px !important;
    padding: 5px 6px;
}

.crm-translation-icon {
    background-image: url(../../../app/crm/assets/img/translation-icon.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 24px;
}

/*.crm-providers.crm-facebook { background: center top no-repeat url(../../../app/crm/assets/img/facebook_logo.png); }*/

.crm-action-icon-play .fa.fa-play,
.crm-action-icon-pause .fa.fa-pause {
    font-size: 14px;
}

.crm-action-icon-stop {
    line-height: 20px !important;
}

.crm-action-icon-stop .fa-stop {
    font-size: 8px !important;
}

.crm-action-icon-stop:hover,
.crm-action-icon-plus:hover,
.crm-action-icon-pencil:hover,
.crm-action-icon-report:hover,
.crm-action-icon-play:hover,
.crm-action-icon-pause:hover,
.crm-action-icon-search:hover,
.crm-action-icon-exchange:hover,
.crm-action-icon-info:hover,
.crm-action-icon-trash:hover,
.crm-action-icon-bell:hover,
.crm-action-icon-clone:hover,
.crm-action-icon-chart:hover,
.crm-action-icon-close:hover,
.crm-action-icon-send:hover,
.crm-action-icon-arrow-down:hover,
.crm-action-icon-arrow-up:hover,
.crm-action-icon-translation,
.crm-action-icon-externalLink:hover,
.crm-action-icon-undo:hover {
    color: #fff;
    border-color: transparent;
}

.crm-action-icon-plus:hover {
    background-color: #fb545c;
}

.crm-action-icon-pencil:hover,
.crm-action-icon-undo:hover {
    background-color: #2dc0c8;
}

.crm-action-icon-report:hover {
    background-color: #c75b08;
}

.crm-action-icon-search:hover {
    background-color: #f7bdcf;
}

.crm-action-icon-exchange:hover {
    background-color: #5ebe65;
}

.crm-action-icon-play:hover {
    background-color: rgba(0, 123, 7, 0.89);
}

.crm-action-icon-pause:hover {
    background-color: #76797b;
}

.crm-action-icon-clone:hover {
    background-color: #8852b6;
}

.crm-action-icon-info:hover {
    background-color: #6d7aad;
}

.crm-action-icon-trash:hover {
    background-color: #6c6c6c;
}

.crm-action-icon-bell:hover {
    background-color: #fccd6b;
}

.crm-action-icon-close:hover {
    background-color: #8852b6;
}

.crm-action-icon-chart:hover {
    background-color: #1abb9c;
}

.crm-action-icon-stop:hover {
    background-color: #e00e0e;
}

.crm-action-icon-send:hover {
    background-color: #fb545c;
}

.crm-action-icon-arrow-down:hover {
    background-color: #1abb9c;
}

.crm-action-icon-arrow-up:hover {
    background-color: #6d7aad;
}

.crm-action-icon-externalLink:hover {
    background-color: #2960f1;
}

.crm-action-icon-translation:hover {
    background-color: #c2c8c9;
}

.crm-export-to-excel-icon,
.crm-export-to-csv-icon {
    display: block;
    width: 18px;
    height: 15px;
    background-size: 100%;
}

.crm-action-icon-stop.crm-inactive:hover {
    color: #808b9c;
}

.userCountBox > button {
    margin-top: 3px;
}

.crm-preview-table th {
    background-color: #e9fafd;
    border: 1px solid #e5e9ec;
    white-space: nowrap;
    padding: 7px 8px;
}

.crm-preview-table td {
    border: 1px solid #e5e9ec;
    white-space: nowrap;
    padding: 4px 8px;
}

.drop-down-list-item.crm-inactive {
    background-color: #F2F3F5 !important;
    color: #808b9c;
    border: none !important;
}

.crm-autocomplete-cnt .crm-autocomplete-block {
    position: relative;
    box-sizing: border-box;
    /*padding: 5px;*/
    width: 100%;
    float: left;
}

.crm-form-btn {
    padding: 7px 0;
}

.crm-grey-btn {
    background-color: #898b9c;
    border-color: #808b9c;
    color: #fff; /* #d8f1ec;*/
}

.crm-grey-btn:hover {
    background-color: #95a1b3;
    border-color: #808b9c;
    color: #fff;
    text-decoration: none;
}

.crm-grey-btn:active {
    background-color: #898b9c;
    border-color: #898b9c;
    color: #bbe5db;
}

.userCountBox > .crm-icon-btn-with-text {
    height: 25px;
    line-height: normal;
    margin-right: 3px;
    margin-left: 12px;
    border-radius: 3px;
    border: 1px solid #d4d7de;
}

.userCountBox > .crm-icon-btn-with-text:hover {
    height: 25px;
    line-height: normal;
    margin-right: 3px;
    border-radius: 3px;
    border: 1px solid #6d7aad;
    background-color: #6d7aad;
    color: #fff;
}

.userCountBox > .crm-icon-btn-with-text.crm-inactive:hover {
    height: 25px;
    line-height: normal;
    margin-right: 3px;
    border-radius: 3px;
    border: 1px solid #d4d7de;
    color: #d0d0d0;
}

.crm-auto-complete-block input {
    display: block;
    height: 24px;
    line-height: 24px;
    resize: none;
    overflow: hidden;
    font-size: 13px
}

.crm-auto-complete-block {
    margin-top: 4px;
}

.loginSourceCurency .crm-auto-complete-block > .currencyOpenArrow {
    left: calc(100% - 25px);
    position: absolute;
    top: 4px;
    right: 1px;
    padding: 4px 7px;
    background-color: #f5f5f5;
}

.loginSourceCurency .crm-autoComplete-block > .crm-white-btn {
    position: absolute;
    top: 0;
    right: -84px;
    width: 76px;
    padding: 0;
    height: 25px;
}

.crm-autoComplete-block p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.crm-create-new-internal-btn {
    position: absolute;
    top: 470%;
    z-index: 2;
    border: 1px solid #d4d7de;
    text-align: center;
    width: 100%;
    border-top: transparent;
    background: #cecece;
    cursor: pointer;
}

.crm-fa-edit-icon {
    font-size: 13px;
    float: left;
    margin-top: 3px;
    margin-right: 6px;
    cursor: pointer
}

.crm-create-new-internal-btn:hover {
    font-size: 13.2px;
}

.crm-autocomplete-search-result-block {
    font: 13px/20px 'OpenSansRegular';
}

.template-create-edit table.k-editor {
    width: 100%;
    height: 260px;
    table-layout: fixed;
    border-style: solid;
    border-width: 1px;
    border-collapse: separate;
    border-spacing: 4px;
    font-size: 100%;
    vertical-align: top;
}

.crm-autocomplete-cnt .crm-autocomplete-block.crm-template-chooser {
    width: 75%;
}

.crm-tree {
    list-style: none;
}

.k-widget .k-treeview .crm-tree li {
    margin-left: 20px;
    cursor: pointer;
    display: block;
    min-width: 60px;
    padding: 1px;
}

.k-widget .k-treeview ul {
    border: 1px solid #d4d7de;
    width: inherit;
    height: 160px;
    overflow-x: auto;
    overflow-y: auto;
    display: block;
}

.crm-toggle-btn {
    position: absolute;
    top: 0;
    right: 1px;
    font-size: 18px;
    padding: 9px 9px;
    background-color: #f5f5f5;
}

.crm-tree-control {
    position: relative;
    padding: 4px 4px 4px 8px !important;
}

.one-item {
    border: 1px solid transparent;
    border-radius: 3px;
}

.crm-tree-control input[readonly] {
    cursor: default;
    background-color: #fff !important;
}

.crm-input-text input[readonly] {
    cursor: default;
}

/*.crm-channel-part{*/
/*min-height: 195px;*/
/*}*/
.crm-valid-count {
    color: green;
}

.crm-invalid-count {
    color: red;
}

.crm-draggable-item {
    border: 1px solid #dde0e3;
    border-radius: 5px;
    padding: 8px;
    font-size: 14px;
    text-align: center;
}

.crm-live-monitor-screen {
    border: 1px solid #dde0e3;
    max-height: 600px;
    overflow-y: auto;
}

.crm-live-monitor-screen > span {
    display: block;
    margin: 0 0 8px 0;
}

.crm-custom-campaign-list-hider {
    text-align: center;
    background: #f6f6f6;
}

.crm-draggable-item:hover {
    background-color: #e5e9ec;
    cursor: pointer;
}

.crm-hover-pointer:hover {
    cursor: pointer;
}

.crm-custom-campaign-steps {
    padding: 8px;
    border: 2px solid #48c9b0;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: block;
    text-align: center;
    color: #fff;
    background: #48c9b0;
    font-size: 14px;
    font-weight: bolder;
    margin: 0 auto;
    cursor: pointer;
}

.crm-custom-campaign-arrow {
    display: block;
    width: inherit;
    text-align: center;
    padding: 5px 10px 0 0;
    margin: 0 auto;
}

.crm-custom-campaign-arrow > i {
    padding: 8px 0 0 0;
}

.crm-scrolling-container {
    overflow: auto;
    max-height: 500px;
}

.crm-clear-fix {
    float: none;
}

.crm-custom-report-ico-pos {
    background-position: -360px -1400px;
}

.crm-men-ico-pos {
    background-position: -34px -1076px;
}

.crm-marketing-automation-icon-pos {
    background-position: -28px -378px;
}

.crm-analytics-ico-pos {
    background-position: -345px -211px;
}

.crm-telegram-ico-pos {
    background-position: -336px -382px;
}

.crm-push-campaign-ico-pos {
    background-position: -341px -50px;
}

.crm-inherit-width {
    width: inherit;
}

.crm-position-relative {
    position: relative;
}

.crm-base-padding .date-picker {
    z-index: auto;
}

.crm-life-mode {
    color: #15a085;
}

.crm-test-mode {
    color: #e72041;
}

.crm-action-icon-archive, .crm-action-icon-television, .crm-action-icon-unArchive {
    display: block;
    float: left;
    width: 28px;
    height: 25px;
    margin-right: 2px;
    border: 1px solid #d4d7de;
    border-radius: 3px;
    text-align: center;
    line-height: 25px;
    color: #808b9c;
    cursor: pointer;
    padding-left: 1px;
}

.crm-action-icon-archive:hover {
    color: #fff;
    border-color: transparent;
    background-color: #6c6c6c;
}

.crm-action-icon-unArchive:hover {
    color: #fff;
    border-color: transparent;
    background-color: #05885e;
}

.crm-action-icon-television:hover {
    color: #fff;
    border-color: transparent;
    background-color: #8c0bd2;
}

.crm-mode-label {
    margin: 0 8px 0 16px;
}

.crm-execution-grid-part {
    max-height: 182px;
    overflow: auto;
}

.crm-live-monitor-screen .fa-times-circle {
    color: red;
}

.crm-live-monitor-screen .fa-check-circle {
    color: green;
}

.crm-title-bar span[class = _cloce] i:hover {
    color: #444 !important;
}

.crm-title-bar span[class = _cloce] i {
    float: right;
    font-size: 16px;
    line-height: 18px;
    color: #c3c3c3;
    cursor: pointer;
}

.crm-dropdown-container-body.crm-bonus-preview {
    max-width: 800px;
}

.crm-dashboard-ico-pos {
    background-position: -341px -215px;
}

.crm-sorting-by.dashboard-item .caret {
    right: 4px !important;
}

.crm-sorting-by.dashboard-item {
    height: 24px;
    margin: -6px -3px;
    float: right !important;
    width: 85% !important;
    color: #444;
}

.agp .user-settings-popup-container > .modal-dialog > .modal-content > .modal-dialog.crm-modal-sm.crm-campaing-list-info-popup {
    width: 500px !important;
}

.agp .user-settings-popup-container > .modal-dialog > .modal-content > .modal-dialog.crm-modal-xsm.crm-campaing-list-info-popup {
    width: 254px !important;
}

.category-description {
    border: 1px solid #dde0e3;
    padding: 8px 26px 0 8px !important;
    min-height: 60px;
    line-height: 16px;
}

.category-description-label {
    display: block;
    margin-bottom: 6px;
    font-weight: 400;
    font-size: 14px;
}

.special-for-description {
    text-overflow: ellipsis;
    max-width: 120px;
    height: inherit;
    white-space: nowrap;
    overflow: hidden;
    padding-top: 8px;
}

.crm-category-list-link {
    line-height: 34px;
}

.crm-chart-cnt-static-height.crm-chart-container {
    border: 1px solid rgba(212, 215, 222, 0.54);
}

.crm-number-input {
    width: 100%
}

.crm-inputs-field-group.crm-adapter > div {
    margin-bottom: 0;
}

.crm-goal-progress-bar {
    border: 1px solid #ccc;
    height: 20px;
    margin-top: 10px;
    border-radius: 4px;
    width: 80%;
    position: relative;
}

.crm-goal-progress-bar > div {
    background-color: #337ab7;
    height: 100%;
    text-align: center;
    color: #fff;
}

.crm-goal-progress-bar > div > span {
    font-size: 11px;
    display: block;
    line-height: 16px;
    font-weight: bold;
    position: absolute;
    color: #2e2e2e;
    left: 50%;
}

.crm-choose-delivery-method.crm-sorting-by {
    height: 24px;
    margin-left: 12px !important;
    float: right;
    /*width: 150px !important;*/
}

.crm-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 4px;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
    white-space: nowrap;
}

.crm-dropdown-menu li {
    padding: 8px;
}

.crm-dropdown-menu li:hover {
    background-color: #f7f7f7;
    cursor: pointer;
}

.crm-popup-segment-create-edit .crm-middl-cnt-static-height {
    height: 255px;
    overflow-x: auto;
}

.crm-popup-segment-create-edit .crm-dropdown-container .crm-dropdown-container-body.crm-dropdown-body-for-modal {
    max-height: 462px;
    overflow: auto;
}

.crm-popup-segment-create-edit .halfSizeHeight {
    height: 208px !important;
}

.agp .user-settings-popup-container > .modal-dialog > .modal-content > .modal-dialog.crm-campaing-list-info-popup.crm-popup-segment-create-edit.crm-page {
    height: auto;
    width: 66% !important;
    background: #fff;
    max-height: 735px;
    overflow: hidden;
}

.crm-dropdown-container-body.crm-dropdown-container-static-height.crm-multi-device {
    min-height: 435px;
    max-height: 438px;
}

.crm-devices-ico {
    margin: 8px;
}

.crm-devices-ico:hover {
    cursor: pointer;
    color: #fb3d03;
}

.crm-devices-ico.active {
    color: #fb3d03;
}

.crm-platform-preview.fixey {
    position: relative;
    top: 0;
}

.crm-platform-preview {
    text-align: center;
}

.crm-demo-device-mobile {
    width: 198px;
    height: 400px;
    background: center top no-repeat url(../../../app/crm/assets/img/black-iphone-7.png);
    background-size: 100%;
    margin: 0 auto;
    position: relative;
}

.crm-demo-device-tablet {
    width: 308px;
    height: 421px;
    background: center top no-repeat url(../../../app/crm/assets/img/tablet_PNG8556.png);
    background-size: 100%;
    margin: 0 auto;
    position: relative;
}

.crm-drag-drop-file {
    width: 415px;
    height: 250px;
    background: center top no-repeat url(../../../app/crm/assets/img/DragDropFile.png);
    background-size: 100%;
    margin: 0 auto;
    position: relative;
}

.crm-demo-device-mobile > div {
    margin-top: 40px;
    width: 175px;
    height: 310px;
    position: absolute;
    left: 12px;
    overflow: auto;
    background-color: #fff;
}

.crm-demo-device-tablet > div {
    margin-top: 31px;
    width: 260px;
    height: 355px;
    position: absolute;
    left: 22px;
    overflow: auto;
    background-color: #fff;
}

.input-group.date.date-picker.crm-dp.to {
    z-index: 0;
}

.crm-label {
    display: block;
    margin-bottom: 6px;
    font: 14px OpenSansSemibold !important;
}

.crm-subLabel {
    display: block;
    margin-bottom: 6px;
    font: 13px OpenSansSemibold !important;
}

.crm-link-style:hover {
    text-decoration: none;
    cursor: pointer;
}

.crm-underlined-field:hover {
    text-decoration: underline !important;
}

.crm-modal-on-modal {
    /*box-shadow: 0 0 10px #444;*/
}

.agp .user-settings-popup-container > .modal-dialog > .modal-content > .modal-dialog.crm-desktop-screen {
    height: auto;
    width: 70% !important;
    background: #fff;
}

.crm-calendar-settings-part .bootstrap-select.crm-calendar-settings-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
    width: 100%;
}

.crm-input-text textarea#calendarDescription {
    height: 42px;
}

.crm-action-icon-pencil-active {
    background-color: #2dc0c8;
    color: #fff;
}

.crm-calendar-settings-select .btn-default.disabled {
    background-color: #f6f6f6;
}

.crm-dropdown-container-body.crm-merge-settings-result .crm-triggered-campaign-filters-block {
    height: 231px;
    overflow-x: hidden;
    overflow-y: auto;
}

.crm-grid-alternate-row {
    background-color: #f9f9f9;;
}

.crm-grid-empty-canvas {
    height: 160px;
    background-color: #e8ecf7;
}

.agp .table-hover > tbody > tr.grid.crm-grid-empty-canvas:hover td {
    background-color: #e8ecf7 !important;
}

.crm-grid-empty-canvas span {
    display: block;
    text-align: center;
    font-size: 150%;
    top: 40%;
    color: #9b9cab;
    left: 40%;
}

.crm-grid-empty-canvas span.crm-crate-for-grid-no-data > button {
    margin: 16px auto;
}

.crm-grid-empty-canvas span.crm-crate-for-grid-no-data {
    font-size: 200%;
    font-weight: 600;
}

.crm-margin-auto {
    display: block;
    margin: 1% auto;
    float: none !important;
    position: relative;
    z-index: 10;
}

.google-icon {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    background-size: 100%;
    background: center top no-repeat url(../../../app/crm/assets/img/google.icon.png);
}

.google-calendar-icon {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    background-size: 100%;
    background: center top no-repeat url(../../../app/crm/assets/img/google.calendar.icon.png);
}

.telegram-icon {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    background-size: 100%;
    background: center top no-repeat url(../assets/img/telegram.icon.png);
}

.telegram-small-icon {
    width: 25px;
    height: 25px;
    display: block;
    float: left;
    background-size: 100%;
    background: center top no-repeat url(../assets/img/telegram_icon.png);
}

.google-analytics-icon {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    background-size: 100%;
    background: center top no-repeat url(../assets/img/google.analytics.icon.png);
}

.google-drive-icon {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    background-size: 100%;
    background: center top no-repeat url(../assets/img/google.drive.icon.png);
}

.viber-icon {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    background-size: 100%;
    background: center top no-repeat url(../assets/img/viber.icon.png);
}

.unisender-icon {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    background-size: 100%;
    background: center top no-repeat url(../assets/img/unisender.icon.png);
}

.facebook-icon {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    background-size: 100%;
    background: center top no-repeat url(../assets/img/facebook.icon.png);
}

.facebook-small-icon {
    width: 25px;
    height: 25px;
    display: block;
    float: left;
    background-size: 100%;
    background: center top no-repeat url(../assets/img/facebook_icon.png);
}

.twitter-icon {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    background-size: 100%;
    background: center top no-repeat url(../assets/img/twitter.icon.png);
}

.dropbox-icon {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    background-size: 100%;
    background: center top no-repeat url(../assets/img/dropbox.icon.png);
}

.mailchimp-icon {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    background-size: 100%;
    background: center top no-repeat url(../assets/img/mailchip.icon.png);
}

.mailup-icon {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    background-size: 100%;
    background: center top no-repeat url(../assets/img/mailup.icon.png);
}

.agp .bootstrap-select.btn-group.crm-sorting-by .dropdown-menu.open {
    z-index: 10;
}

.animate-show-hide.ng-hide {
    opacity: 0;
}

.animate-show-hide.ng-hide-add,
.animate-show-hide.ng-hide-remove {
    transition: all linear 0.5s;
}

.crm-big-margin-bottom {
    margin-bottom: 30px;
}

.crm-big-margin-left {
    margin-left: 30px;
}

.crm-big-margin-right {
    margin-right: 30px;
}

.crm-big-margin-top {
    margin-top: 30px;
}

.crm-padding-left-right-40 {
    padding: 0 40px;
}

/* Dashboard Loyalty Chart */

.crm-loyalty-segment-create {
    text-align: center;
    cursor: pointer;
}

.crm-selected-loyalty-items {
    position: absolute;
    background: rgba(109, 122, 173, 0.3);
}

.crm-selected-loyalty-items-action {
    position: absolute;
    white-space: nowrap;
}

.crm-loyalty-chart-selected-items {
    border: 1px dotted #000;
    position: absolute;
    background: steelblue;
    opacity: 0.4;
}

/* Dashboard Loyalty Chart */
.crm-drop-down-no-data {
    text-align: center;
    margin-top: 12%;
    font-size: 134% !important;
    color: #b3b1b1 !important;
}

.k-chart-tooltip {
    position: fixed !important;
}

.agp .user-settings-popup-container > .modal-dialog > .modal-content > .crm-campaing-list-info-popup.crm-report-list-info.crm-for-static-segment {
    width: 1250px !important;
}

.crm-static-segmend-preview-grid {
    max-height: 412px;
    overflow: auto;
}

.crm-analytics-view-titles .crm-title-mode {
    display: block !important;
}

.crm-analytics-view-titles .crm-view-mode {
    display: none !important;
}

.crm-analytics-view-body .crm-title-mode {
    display: none !important;
}

.crm-analytics-view-body .crm-view-mode {
    display: block !important;
}

.crm-settings-loader-wrapper {
    width: 100%;
    height: 385px
}

.agp .crm-dashbord-container .bootstrap-select.crm-sorting-by .caret {
    right: 8px !important;
}

.agp .crm-dashbord-container .bootstrap-select.crm-sorting-by ul {
    max-height: 250px !important;
}

.crm-removable-block-icon {
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 8px;
    z-index: 4;
}

/*Triggered Campaign Filter*/
.crm-page .crm-triggered-campaign-header > h3 {
    padding-bottom: 8px;
}

.crm-filter-width > input,
.crm-select-width > div {
    width: 100% !important;
}

.crm-select-width > .bootstrap-select.btn-group {
    margin-bottom: 0;
}

.trigg-filter-part.crm-triggered-campaign-filters-title {
    border: none;
    margin-bottom: 8px;
}

.crm-close-icon {
    padding-top: 4px;
    cursor: pointer;
    color: #cecece;
}

.crm-trigg-search-filter > .crm-border {
    border-bottom: 1px solid rgba(221, 224, 227, 0.64);
}

.crm-close-icon:hover {
    color: #444;
}

.crm-trigg-create-event {
    margin-top: 7px;
    width: 100%;
}

.crm-filter-width.crm-trigger-condition-filter-margin-remove > .btn-group.bootstrap-select {
    margin-bottom: 0 !important;
    padding: 0;
    width: 100%;
}

.crm-triggered-container {
    min-height: 200px;
}

.crm-add-filter {
    float: right;
    cursor: pointer;
}

.crm-add-filter-button {
    padding: 0 16px;
}

.crm-selectpicker-height > .bootstrap-select > .dropdown-menu {
    max-height: 127px !important;
}

.crm-selectpicker-height > .bootstrap-select > .dropdown-menu > ul {
    max-height: 127px !important;
}

.crm-dropdown-container-body.crm-merge-settings-result.crm-trigg-search-filter .crm-triggered-campaign-filters-block {
    height: 280px;
    float: left;
}

.crm-border {
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #d4d7de;
    margin-bottom: 8px;
}

.crm-analytics-view-body [gridster="blocksGridsterOpts"] .gridster-item {
    min-height: 513px;
    max-height: 506px;
}

.crm-dropdown-container .crm-dropdown-container-body.crm-static-scrollable-container {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #ffffff;
}

.crm-charts-text-container {
    text-align: start;
    width: 27%;
    float: left;
}

.crm-analytic-component-menu {
    text-align: left;
    line-height: 18px;
}

.crm-drop-area {
    font-size: 440%;
    font-weight: 600;
    color: #cccccc;
    text-align: center;
    display: block;
    top: 33%;
    position: relative;
    z-index: 9;
}

.crm-page .crm-analytics-date-range-for-all .crm-check {
    float: left;
}

.crm-page .crm-analytics-view-body {
    background-color: #ffffff;
}

.crm-sorting-by.crm-for-charts > button {
    height: 34px !important;
    margin-top: 0;
    padding-top: 2px !important;
}

.crm-triggered-filters-settings-inputs > .bootstrap-select.btn-group {
    margin-bottom: 0;
    width: 175px !important;
}

.crm-filter-input.crm-custom-limitation-textarea {
    padding: 8px;
    width: 49%;
}

.analytics-info-grid {
    height: 410px;
    overflow: auto;
}

/*Triggered Campaign list preview*/
.crm-dropdown-container-body.crm-configuration-body-scroll {
    max-height: 200px !important;
}

.crm-config-label-area {
    line-height: 18px;
}

.crm-config-label-area span {
    float: left;
    text-align: left;
    font-weight: 700;
}

.crm-config-label-area.crm-md-width span {
    width: 175px;
}

.crm-config-label-area.crm-lg-width span {
    width: 220px;
}

.crm-config-label-area p {
    width: 100%;
    text-align: left;
}

.crm-config-label-area.crm-md-width p {
    padding-left: 195px;
}

.crm-config-label-area-label-area.crm-lg-width p {
    padding-left: 240px;
}

.crm-dropdown-container .crm-dropdown-container-header.trigg-filter-part span {
    border-right: 0;
}

.crm-dropdown-container-header a.crm-adapter {
    margin-right: 8px;
    cursor: pointer;
}

.info-grid-title {
    font: 16px OpenSansSemibold;
    color: #8e8e8e;
    text-align: center;
    margin-bottom: 20px;
}

.crm-settings-description {
    padding: 8px 0 22px 16px;
}

.crm-chart-cnt-static-height.crm-chart-container {
    height: 490px !important;
}

.crm-selected-type > .ng-isolate-scope > .crm-input-text.crm-field-group-text > label {
    display: none;
}

.crm-page .crm-dropdown-container .crm-dropdown-container-header {
    line-height: 34px;
    background: #f6f6f6;
    border: 1px solid #dde0e3;
}

/*recover*/
.crm-page .crm-dropdown-container .crm-dashboard-body.crm-dropdown-container-body {
    border: none;
    background: none;
}

.crm-page .crm-dropdown-container .crm-dropdown-container-header {
    padding: 0 15px;
    line-height: 34px;
    background: #f6f6f6;
    border: 1px solid rgba(212, 215, 222, 0.54);
}

.crm-page .crm-dropdown-container-header.crm-triggered-campaign-filters-title {
    line-height: 15px;
    padding-left: 0;
}

.crm-page .crm-breadcrums-bar {
    margin-top: 50px;
    width: 100%;
    height: 36px;
    line-height: 39px;
    background: #f6f6f6;
    box-sizing: border-box;
    border: 1px solid #dde0e3;
}

.crm-page .crm-breadcrums-bar li {
    position: relative;
    display: block;
    float: left;
    height: 33px;
    margin: 1px 0;
    cursor: pointer;
}

.crm-page .crm-breadcrums-bar li a {
    display: block;
    padding: 0 21px 0 31px;
    line-height: 33px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    color: #444444;
}

.crm-page .crm-breadcrums-bar li:before {
    content: '';
    display: block;
    position: absolute;
    top: -2px;
    right: -29px;
    border: 18px solid transparent;
    border-left: 10px solid #dde0e3;
    z-index: 1;
}

.crm-page .crm-breadcrums-bar li:after {
    content: '';
    display: block;
    position: absolute;
    top: -2px;
    right: -28px;
    border: 18px solid transparent;
    border-left: 10px solid #f6f6f6;
    z-index: 1;
}

.crm-page .crm-breadcrums-bar li:last-child {
    background: #fff;
}

.crm-page .crm-breadcrums-bar li:last-child::after {
    border-left: 10px solid #fff;
}

.modal-content .crm-page.modal-dialog crm-query-filter-generator .crm-filters-grid {
    width: 100%;
}

/*recover*/

/*New Layout Styles*/
.crm-page .crm-base-background {
    background: #f5f5f6;
}

.crm-page .crm-base-background .crm-chart-container {
    background: #fff;
}

.crm-page .crm-box-shadow {
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.09);;
}

.crm-page .crm-box-bottom-shadow {
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.09);
}
.crm-page .crm-dashboard-kpi-icons-bar .info .fa{
    line-height: 1.5;
}
.crm-page .crm-dropdown-container-header > h3 {
    /*font-weight: 700 !important;*/
    font-family: "Open Sans", sans-serif !important;
    vertical-align: middle;
    margin-bottom: 0;
    line-height: 30px;
    position: relative;
    display: table;
    /*width: 60%;*/
    font-size: 20px;
    color: #5a5a5a;
    letter-spacing: 0.6px;
    text-align: left;
}

.crm-page .crm-dashbord-header {
    padding-left: 15px;
    font-family: "Open Sans", sans-serif !important;
    /*font-weight: 300 !important;*/
    vertical-align: middle;
    margin-bottom: 0;
    /*text-transform: uppercase;*/
    line-height: 30px;
    position: relative;
    display: table;
    width: 15%;
    font-size: 20px;
    color: #5a5a5a;
    padding-top: 8px;
    letter-spacing: 0.6px;
    /*padding-bottom: 25px;*/
    font-weight: 100 !important;
}

.crm-page .crm-dropdown-container > .crm-dropdown-container-header {
    height: 55px;
    z-index: 1;
    padding: 0 15px;
    line-height: 34px;
    background: #ffffff;
    border-bottom: none;
}

.crm-page .crm-dropdown-container.crm-accordion-group .crm-dropdown-container-header {
    height: 34px;
    line-height: 34px;
    background: #ffffff;
}

.crm-page .crm-padding-top-10 {
    padding-top: 10px;
    position: relative;
}

.crm-page .crm-dropdown-container .crm-no-background-block {
    border: none;
    background: none;
}

.crm-page .crm-no-border.crm-last-icon-item {
    border-left: none !important;
    border-right: none !important;
}

.crm-page .crm-buttons {
    padding-top: 34px;
}

.crm-page .panel-group {
    padding: 0;
}

.crm-page .crm-header-bonus-button {
    padding-top: 7px;
}

.crm-page .segmentation-combo-box > li > ul > li {
    font-family: "Open Sans", sans-serif !important;
    font-size: 15px;
}

.crm-page .crm-accordion-step-header.crm-dropdown-container-header {
    border-bottom: 0;
}

.crm-page h2 {
    font-size: 15px;
    font-family: "Open Sans", sans-serif !important;
    line-height: 1;
}

.crm-page .crm-dropdown-container-body.crm-scrolling-container .crm-col-3.crm-search-by-block {
    width: 35%;
    padding: 0;
}

.crm-page .crm-dropdown-container-body.crm-scrolling-container .crm-col-3.crm-search-input-block {
    width: 36%;
    padding: 0;
}

.crm-page .crm-block-separate-margin {
    margin: 15px 15px !important;
}

.crm-page .crm-progress-bar > div {
    margin-top: 32px;
}

.crm-page .segmentatino-main-page > .crm-pointer.crm-main-navigation > span {
    /*min-height:120px;*/
    /*padding: 32px 0 0 20px;*/
    min-height: 80px;
    padding: 5px 0 0 20px;
}

.crm-page .crm-registration-activity-chart {
    height: 453px;
}

.crm-page .crm-month-picker > .crm-sorting-by.dashboard-item {
    margin: 2px -2px;
}

.crm-page .crm-statistic-panel-1 > div span {
    background-color: #007b00;
}

.modal-content .crm-page.modal-dialog .crm-category-search .filters-grid {
    width: 30%;
}

.crm-page .crm-registration-activity-charts-text-container {
    margin-top: 4px;
    height: 40px;
}

.crm-page .crm-create-button > button.crm-large-btn.crm-clear-margin {
    margin: 0;
    height: 36px;
}

.crm-page button.crm-large-btn,
.crm-page .crm-green-btn.crm-large-button {
    height: 36px;
}

.crm-page .crm-form-block {
    border: 1px solid rgba(232, 229, 229, 0.67);
}

.crm-page .crm-dropdown-container.crm-form-control-block > .crm-dropdown-container-header {
    background: white;
    border: none;
}

.crm-page .crm-chart-info-box {
    border-top: 1px solid rgba(220, 226, 230, 0.45);
    padding: 8px;
    width: 100%;
}

.crm-page .crm-chart-info-box > h2 > i {
    color: #60a9de;
    padding-right: 8px;
}

.crm-page .crm-search-by-block > div > .btn.dropdown-toggle.selectpicker.btn-default,
.crm-page .crm-search-by-mode > div > .btn.dropdown-toggle.selectpicker.btn-default {
}

.crm-page .repeatingProcessScheduler button {
    width: 90%;
}

.crm-page .crm-new-segment-button-ui.btn-default {
    margin: 17px 0 0 0;
    height: 34px;
}

.crm-page .crm-triggered-filters-settings-inputs {
    display: block;
    position: relative;
    bottom: 8px;
}

.crm-page .crm-triggered-filters-settings-inputs > label {
    padding-top: 14px;
    padding-right: 10px;
}

.crm-page .userCountBox > .crm-action-icon-info {
    margin-top: 3px;
}

.crm-page .crm-bar-info-percent {
    background: #28d1a3;
    padding: 0px 15px;
    color: white;
}

.crm-page .creat-a-campaining .crm-chart-icon {
    left: 67%;
}

.crm-page .creat-a-campaining .crm-red-box .crm-chart-icon {
    color: darkred !important;
}

.crm-page .creat-a-campaining .crm-red-box .crm-bar-info-percent {
    color: white;
    background-color: firebrick;
    padding: 2px 15px;
}

.crm-page .crm-board-height {
    min-height: 850px;
}

.crm-page .crm-header-border {
    border-bottom: 1px solid #dcdada;
    z-index: 2;
}

.crm-page .crm-accordion-group .panel-heading {
    padding: 0 !important;
}

.crm-page .trigg-filter-part > h3 {
    width: 15%;
}

.crm-page .crm-accordion-group .panel-collapse .panel-body,
.crm-page .crm-accordion-group .panel-collapse .panel-body > .crm-dropdown-container-body
.crm-page .crm-accordion-group .panel-collapse,
.crm-page .crm-accordion-group .dataTables_length,
.crm-page .crm-accordion-group .btn-group,
.crm-page .crm-accordion-group .crm-action-icon-info {
    padding: 0 !important;
    margin: 0 !important;
}

.crm-page .crm-accordion-group .crm-dropdown-container.crm-padding.panel.panel-default.crm-collapse-panel {
    padding-top: 0 !important;
}

.crm-page .crm-accordion-group .crm-dropdown-container.crm-padding.panel.panel-default.crm-collapse-panel .crm-search-by-block label.crm-mode-label {
    margin: 7px 0 0 0;
}

.crm-page .panel-group .panel + .panel {
    margin: 0;
}

.crm-page .crm-accordion-group .crm-dropdown-container.crm-base-padding {
    padding: 15px !important;
}

.crm-page .crm-button-margin-top {
    margin-top: 100px;
}

.crm-page table.table-bordered.crm-base-grid thead .crm-grid-head-title {
    display: block;
    float: left;
}

.crm-page table.table-bordered.crm-base-grid thead .crm-grid-sorting-buttons {
    height: 16px;
    float: left;
}

.crm-page table.table-bordered.crm-base-grid thead .crm-grid-sorting-buttons:before,
.crm-page table.table-bordered.crm-base-grid thead .crm-grid-sorting-buttons:after {
    left: 6px;
    right: initial;
}

.crm-page .trigg-filter-part.crm-dropdown-container-header,
.crm-page .crm-trigger-settings-container-header.crm-dropdown-container-header,
.crm-page .crm-trigger-bonus-header.crm-dropdown-container-header,
.crm-page .crm-trigger-template-header.crm-dropdown-container-header {
    height: 56px;
}

.crm-page .crm-triggered-filters-settings-inputs > .crm-trigger-event-type > .dropdown-toggle > .filter-option {
    overflow: initial;
    float: left;
    padding-left: 8px;
}

.crm-page .crm-metrics-title > h3 {
    width: 4%;
}

.crm-page .gridster.gridster-desktop.gridster-loaded .crm-empty-data-text {
    top: 20%;
}

.crm-triggered-filter .crm-input-text label.crm-dark-text {
    margin: 0;
}

.crm-triggered-filter .crm-input-text span.crm-input-min-height {
    min-height: 43px;
}

.crm-triggered-filter-min-height {
    min-height: 50px;
}

.agp .popup-container-changepassword > .modal-dialog .crm-confirm-modal .modal-body {
    background: #fff;
    padding: 10px;
}

#triggeredFiltersMargeResult, #conditionalExpression {
    border: 1px solid #e4e6e6;
}

.crm-page .crm-choose-delivery-method.crm-sorting-by {
    margin: 0 !important;

}

.crm-page .crm-custom-campaign-add-popup > h3 {
    width: 60%;
}

.crm-page .crm-triggered-filter-condition-part {
    line-height: 17px;
    font-size: 15px;
    color: #a7a9a9;
    text-align: center
}

.crm-page .crm-input-invalid-value input#triggeredFiltersMargeResult {
    border-color: #e11f3a;
}

.crm-page .crm-input-valid-value input#triggeredFiltersMargeResult {
    border-color: #1abe9c;
}

.crm-page .crm-margin-top.crm-chart-info-box > i {
    padding-right: 8px;
}

.crm-page .crm-trigger-settings-container-header span,
.crm-page .crm-trigger-bonus-header span {
    height: 0;
}

.crm-page .crm-search-for-base-grid-width > .crm-col-2 {
    width: 45%;
}

.crm-page .crm-trigg-search-filter > section {
    border: 1px solid #e4e6e6;
}

.crm-page .crm-trigg-search-filter > .crm-triggered-campaign-filters-block {
    border-top: 0;
}

/*bar-info-charts*/
.crm-page .crm-progress-bar > div:first-child {
    margin-top: 0;
}

.crm-page .crm-statistic-panel-1 {
    padding: 8px;
    height: 134px
}

.crm-page .crm-panel-1 .title {
    font-size: 18px;
}

.crm-page .crm-statistic-panel-1 > .crm-bar-info-header > div,
.crm-page .crm-panel-1 > .crm-bar-info-header > div
.crm-page .crm-custom-bar-info-header > div {
    font-size: 18px;
}

.crm-page .crm-bar-info-view.crm-statistic-panel-1 .crm-chart-icon {
    color: #00aa00;
}

.crm-page .crm-blue-box .crm-bar-info-view.crm-statistic-panel-1 .crm-chart-icon {
    color: #1f5eaa;
}

.crm-page .crm-green-box .crm-bar-info-percent {
    background: #28d1a3;
    padding: 0px 15px;
    color: white;
}

.crm-page .crm-blue-box .crm-bar-info-percent {
    background: #4cd3e3;
    padding: 0px 15px;
    color: white;
}

.crm-page .crm-red-box .crm-statistic-panel-1 > div span {
    background: #d8355a;
}

.crm-page .crm-statistic-panel-1.crm-panel > p > span {
    color: #0c090c;
}

.crm-page .crm-panel-1 {
    height: 176px;
}

.crm-page .crm-panel-1 > .div span {
    background: #d8355a;
}

.crm-page .crm-panel-1 > p {
    line-height: 1.5;
}

.crm-page .crm-custom-bar-description t {
    font-size: 16px;
    font-family: "Open Sans", sans-serif !important;
}

.crm-page .crm-statistic-panel-1.crm-panel t {
    font-family: "Open Sans", sans-serif !important;
    font-weight: 100;
    font-size: 16px;
}

.crm-page .crm-bar-info-view.crm-panel-1 > div {
    height: 84%;
}

.crm-page .crm-custom-bar-description {
    height: 100%;
    border-right: 1px solid #d7d7dc;
}

.crm-page .crm-panel-1 > p,
.crm-page .crm-panel > p {
    color: #0c090c;
}

.crm-page .crm-panel-1 > .div,
.crm-page .crm-panel > .div {
    margin-top: 8px;
    margin-bottom: 14px;
    height: 1px;
}

.crm-page .crm-panel-1 > p > t {
    padding-right: 4px;
}

.crm-page .crm-panel-1 > p > i,
.crm-page .crm-statistic-panel-1.crm-panel > p > i {
    padding-right: 0;
}

.crm-page .crm-statistic-panel-1 > .crm-epmty-progress-bar {
    background: rgba(0, 0, 0, 0);
    height: 39px;
}

.crm-page .crm-statistic-panel-1.crm-panel > h5,
.crm-page .crm-bar-info-view.crm-panel-1 > h5 {
    font-family: "Open Sans", sans-serif !important;
}

.crm-page .crm-statistic-panel-1.crm-panel > .crm-progress-bar-view > p,
.crm-page .crm-panel-1 > p,
.crm-page .crm-bar-info-view.crm-panel-1 {
    font-size: 16px;
    line-height: 1;
}

.crm-page .crm-statistic-panel-1.crm-panel > p span {
    padding-left: 4px;
    /*color: #fff;*/
}

.crm-page .crm-red-box button.dropdown-toggle {
    background: #d0d0d0;
}

.crm-page .crm-custom-bar-description {
    color: black;
    font-size: 15px;
    line-height: 1.2;
}

.crm-page .crm-custom-chart-icon {
    color: darkred;
    float: right;
    padding-right: 0 !important;
    margin-top: 8px !important;
}

.crm-panel-1 {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 10px 14px 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #fff;
}

.crm-panel-1 .div {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    height: 4px;
    background: rgba(0, 0, 0, 0.2);
}

.crm-panel-1 .title,
.crm-page .crm-statistic-panel-1,
.crm-page .crm-panel-1 {
    font-family: "Open Sans", sans-serif !important;
    color: #000000;
    font-size: 17px;
    line-height: 0.8;
}

.crm-panel-1 > .div span {
    display: block;
    position: absolute;
    height: 100%;
    width: 0%;
    top: 0;
    left: 0;
    background: #fff;
    -webkit-transition: width 600ms;
    -moz-transition: width 600ms;
    -ms-transition: width 600ms;
    transition: width 600ms;
}

.crm-page .crm-progress-bar-border {
    border-right: 1px solid #d7d7dc;;
    position: relative;
    top: -15px;
    padding-bottom: 33px;
}

.crm-page .crm-info-block-chart-logo {
    height: 100%;
    position: relative;
    display: inline-block;
}

.crm-page .crm-info-block-chart-logo > i {
    float: right;
    padding-right: 0 !important;
    margin-top: 6px !important;
}

.crm-page .crm-bar-info-header {
    height: 38%;
    position: relative;
    border-bottom: 1px solid #d7d7dc;
    margin: 0;
}

.crm-page .crm-custom-bar-info-header {
    height: 23%;
    position: relative;
    border-bottom: 1px solid #d7d7dc;
    margin: 0;
}

.crm-page .crm-custom-bar-span {
    color: white;
    background-color: firebrick;
    padding: 2px 15px;
    font-size: 19px;
}

.crm-page .crm-month-picker-block > .btn-group.dashboard-item {
    padding-right: 2px;
    padding-top: 8px;
}

.crm-page .crm-progress-bar-view {
    height: 77%;
}

.crm-page .crm-progress-bar-view > p {
    height: 88%;
    border-right: 1px solid #d7d7dc;
}

.crm-page .crm-progress-bar-view > p > span {
    font-size: 15px;
}

.crm-page .crm-header-full-border {
    border-top: 1px solid #dcdada;
}

.crm-page .crm-popup-preview-button > .crm-large-button.crm-green-btn {
    text-align: center;
}

.crm-page .crm-confirm-modal > .modal-header > h3 {
    font-size: 16px !important;
}

.crm-page .crm-base-grid.table-bordered > tbody > tr > td:last-child {
    width: 23%;
}

.crm-page .crm-custom-table.crm-analytics-custom-table td {
    padding: 8px !important;
}

.crm-page .crm-dropdown-container > .crm-dropdown-container-header.crm-funnel-chart-header {
    height: 60px;
}

.crm-page .crm-funnel-chart-container .crm-chart-cnt-static-height {
    height: 373px;
}

.crm-page .crm-funnel-chart-container > .crm-chart-cnt-static-height > crm-column-chart > div {
    height: 350px;
    width: 550px;
    padding-left: 15px;
}

.crm-page .crm-funnel-chart-header > h3 {
    width: 100%;
    padding-top: 15px;
}

/*Reports*/
.crm-page .crm-campaign-report-header.crm-dropdown-container-header > h3 {
    width: 35%;
}

.crm-page .crm-report-block .crm-dropdown-container > .crm-dropdown-container-header {
    height: 55px;
}

/*Charts*/
.crm-page .crm-full-height {
    height: 90%;
    width: 100%;
}

.crm-page .crm-empty-data {
    /*position: relative;*/
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.crm-page .crm-empty-data-text > crm-text {
    /*position: absolute;*/
    /*left: 50%;*/
    transform: translate(-50%, -50%);
    /*white-space: nowrap;*/
    /*top: 50%;*/
}

/*Settings*/
.crm-page .userCountBox > .crm-google-calendar-edit-button {
    margin: -2px 12px 0 0;
}

.crm-page .crm-tab-container .crm-tab-container-body {
    padding: 0;
}

.crm-page table.table-bordered.crm-base-grid tfoot tr td {
    padding: 10px !important;
}

.crm-page .row.search_result #sample_1_length {
    margin-top: 0;
}

/*Data Visualisation*/
.crm-page .crm-report-base-grid table.table-bordered.crm-base-grid thead tr th:last-child {
    width: 17%;
}

.crm-page .crm-download-button {
    text-align: center;
}

/*Analytics Start*/
.crm-page .crm-analytics-view-body .crm-view-mode {
    min-height: 440px;
}

.crm-page .chart-dragable-element {
    padding: 15px 6px;
}

.crm-page .crm-view-mode .crm-empty-data {
    height: 405px;
}
.crm-page .crm-dash-abo .crm-empty-data {
    height: 344px;
}

.agp.popup-animate-show .k-widget.k-window {
    z-index: 100000000074 !important;
}

.crm-analytics-date-range-for-all .input-group span > button {
    height: 38px;
}

.trigg-filter-part .crm-sorting-by .filter-option {
    width: 80% !important;
}

.crm-page .crm-analytics-by-activity > .crm-col-3 > .crm-clearfix > .crm-clearfix > .crm-col-10 > span,
.crm-page .crm-analytics-by-activity > .crm-col-3 > .crm-clearfix > .crm-col-10 > span {
    float: right;
}

.crm-page .crm-analytics-by-activity {
    width: 90%;
}

.crm-page .crm-google-calendar .crm-dropdown-container-header > h3 {
    width: 85%;
}

/*Settings Extension Tabs Start*/
.crm-fb-tab-body {
    /*background: #455894;*/
    border-bottom: 1px solid #d4d7de;
    /*color: #fff;*/
}

.crm-fb-tab-body > h2 {
    font-size: 20px;
}

.crm-settings-description.crm-fb-tab-body {
    padding: 11px 0 11px 16px;
}

crm-settings-extension-value-unisender .crm-settings-description,
crm-settings-extension-value-mailchimp .crm-settings-description,
crm-settings-extension-value-mailup .crm-settings-description {
    padding: 0;
}

.crm-tab-container .crm-extension-tab-block.crm-tab-container-tabs {
    border-top: 0;
}

.crm-extension-tab-block li {
    width: 16.666%;
}

.crm-extension {
    width: 100%;
    float: left;
}

/*.crm-tab-container-tabs.crm-extension-tab-block {*/
/*width: 94%;*/
/*}*/
.crm-extension-right-button,
.crm-extension-left-button {
    border: 0;
    background: transparent;
    float: left;
    height: 199px;
    font-size: 32px;
}

.crm-extension-tab-body {
    position: relative;
    z-index: 1;
}

.crm-extension-tab-component .crm-dropdown-container-header.crm-extension-header {
    border: 0;
}

.crm-extension .crm-extension-inactive {
    cursor: default;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    z-index: 2;
    background: rgba(220, 220, 220, 0.58);
}

.crm-extension-disable {
    cursor: initial;
    pointer-events: none;
    color: grey;
}

.crm-extension-buttons div {
    cursor: default;
}

.slide-change {
    -webkit-transition: width 2s ease, height 2s ease;
    -moz-transition: width 2s ease, height 2s ease;
    -o-transition: width 2s ease, height 2s ease;
    transition: width 2s ease, height 2s ease;
}

.crm-tab-container .crm-extension .crm-tab-container-tabs li:hover {
    background: #FFFFFF;
}

.crm-extension .crm-tab-container-tabs.crm-extension-tab-block {
    padding: 0 20px;
    position: relative;
}

.crm-tab-container .crm-extension .crm-tab-container-tabs li {
    background: #FFFFFF;
    border: none;
    cursor: default
}

.crm-extension > .crm-extension-left-button > .glyphicon-chevron-left {
    left: -7%;
    top: 130px;
    cursor: pointer;
}

.crm-extension > .crm-extension-right-button > .glyphicon-chevron-right {
    right: -7%;
    top: 130px;
    cursor: pointer;
}

.crm-extension .crm-tab-container-tabs.crm-extension-tab-block > .crm-tab-container .crm-tab-container-tabs li:active {
    background: #FFFFFF !important;
}

.crm-carousel-slider .carousel-inner > div {
    margin: 0;
}

.crm-carousel-slider .carousel-inner {
    width: 96%;
    margin-left: 40px;
}

.crm-carousel .carousel-control .glyphicon-chevron-left {
    left: 0;
}

.crm-carousel .carousel-control .glyphicon-chevron-right {
    right: 0;
}

.crm-extension-tab {
    width: 100%;
    height: 156px;
    border: 1px solid #e4e6e9;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.09);
}

.crm-extension-tab.enabled {
    background-color: red;
}

.crm-extension-tab:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    margin: 1px 1px 0 0;
}

.crm-tab-body {
    color: #FFFFFF;
}

.crm-extension-tab .crm-border-top div {
    text-align: center;
}

.crm-extension-buttons .fa-check {
    font-size: 13px;
    line-height: 13px;
    color: #48c9b0;
}

.crm-border-right {
    border-right: 1px solid #d4d7de;
}

.crm-tab-body.crm-tab-title h3.crm-dark-text {
    font-size: 17px;
    text-align: right;
    height: 80px;
    padding-top: 14px;
}

.crm-extension-tab1 > div {
    padding-top: 20%;
    color: #FFFFFF;
}

/*Settings Slider Start*/
.crm-carousel-slide {
    height: 200px;
}

.carousel.slide i {
    cursor: pointer;
}

.carousel-control {
    width: 4%;
}

.carousel-control.left, .carousel-control.right {
    margin-left: 15px;
    background-image: none;
}

/*Settings Slider End*/

.crm-page .chart-dragable-element .crm-analytic-component-menu {
    height: 100%;
    display: block;
    margin: 0 auto;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
}

.crm-page .chart-dragable-element {
    overflow: hidden;
}

.chart-dragable-element {
    height: 50px;
    max-width: 282px;
    margin-bottom: 8px;
    cursor: move;
    border: 1px solid #dedddd;
    background-color: #fbfbfb;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.09);
    border-radius: 3px;
    transition: all 0.3s;
    transition-delay: 0s;
}

.crm-page .crm-draggable-text {
    width: 90%;
    float: left;
}

.crm-page .crm-draggable-icon {
    float: right;
}

.crm-page .chart-dragable-element .fa-arrows {
    color: #CCCCCC;
}

.crm-page .chart-dragable-element .crm-analytic-component-menu:hover {
    overflow: visible;
    white-space: unset;
}

.crm-page .chart-dragable-element:hover {
    display: block;
    width: 102%;
    height: auto;
    background-color: white;
    position: relative;
    z-index: 9;
    box-shadow: 1px 1px 7.09px -1px #8e8e8e;
    margin-left: 3px;

}

.crm-page .crm-chart-info-box {
    line-height: 2;
    margin-top: 3px;
    float: left;
    bottom: 0;
    position: absolute;
}

.crm-page .crm-metrics-title,
.crm-page .crm-static-scrollable-container {
    border: 0 !important;
}

/*Analytics End*/

.crm-triggered-template-button .crm-sorting-by > button {
    float: left;
}

.crm-triggered-template-button .crm-sorting-by.pull-left {
    float: left;
}

.crm-page .trigg-filter-part .crm-no-border {
    top: -7px;
    border-bottom: 0;
}

/*Search for base grid start*/
.crm-page crm-search-for-base-grid {
    width: 100%;
    float: left;
}

.crm-category-search .crm-search-by-block {
    min-width: 32%;
    padding: 0;
}

.crm-category-search .crm-mode-label {
    height: 36px;
    margin: 3px 8px 0 16px;
}

.crm-category-search .crm-sorting-by {
    padding: 0;
    height: 36px;
}

.crm-category-search .crm-search-input-block {
    padding-top: 0;
    min-width: 45%;
}

.crm-category-search .crm-search-input-block > button {
    padding-top: 0;
    height: 36px;
}

.crm-category-search .crm-search-input-block > .crm-input-search > input {
    height: 36px;
    margin-top: 0;
}

.crm-page .crm-search-for-base-grid {
    width: 100%;
}

.crm-page .crm-search-for-base-grid > .crm-search-input-block {
    min-width: 18%;
}

.crm-page .crm-base-grid.table-bordered > thead {
    line-height: 3;
}

.crm-page .crm-sorting-by .dropdown-menu.open > .dropdown-menu > li {
    cursor: pointer;
}

.crm-page .crm-search-for-base-grid > .crm-search-by-block > label,
.crm-page .crm-search-for-base-grid > .crm-search-by-mode > label,
.crm-page .crm-search-for-base-grid > .crm-category-type > label {
    padding-right: 15px;
}

.crm-page .crm-mode-label {
    margin: 16px 0 0 0;
}

.crm-page .crm-sorting-by {
    height: 36px;
}

.crm-page .crm-sorting-by > button {
    height: 32px !important;
}

.crm-page .crm-search-input-block .crm-input-search > input {
    height: 34px;
    margin-top: 4px;
    padding: 8px;
}

.crm-page .crm-search-input-block .crm-input-search > i {
    top: 12px;
    position: absolute;
    right: 7px;
}

.crm-page .crm-search-input-block .crm-input-search {
    position: relative;
}

.crm-page .crm-search-for-base-grid > .crm-search-by-block,
.crm-page .crm-search-for-base-grid > .crm-search-by-mode,
.crm-page .crm-search-for-base-grid > .crm-search-input-block,
.crm-page .crm-search-for-base-grid > .crm-category-type,
.crm-page .crm-search-for-base-grid > .crm-more-tools-dropdown {
    float: left;
    padding-right: 16px;
}

.crm-page .crm-search-for-base-grid > .crm-search-input-block > .crm-input-search.crm-dark-text > input {
    position: relative;
}

.crm-page .crm-search-input-block > .crm-small-btn {
    margin-top: 4px;
    height: 34px;
}

.crm-page .crm-search-input-block > button {
    margin-left: 6px !important;
}

.crm-page .crm-create-button {
    padding-top: 24px;
}

.crm-page .crm-choose-delivery-method.crm-sorting-by {
    /*max-width: 215px !important;*/
    position: relative;
}

.crm-page .crm-search-for-base-grid .crm-more-tools-dropdown > crm-button-dropdown-select,
.crm-category-search > crm-search-for-base-grid > .crm-search-for-base-grid > .crm-search-by-block,
.crm-category-search > crm-search-for-base-grid > .crm-search-for-base-grid > .crm-search-input-block {
    float: left;
}

.crm-category-search > crm-search-for-base-grid,
.crm-category-search > crm-search-for-base-grid > .crm-search-for-base-grid {
    float: left;
    width: 100%;
    height: 55px;
}

.crm-category-search > crm-search-for-base-grid > .crm-search-for-base-grid > .crm-search-by-block > label {
    margin: 3px 8px 0 0;
}

.crm-category-search > crm-search-for-base-grid > .crm-search-for-base-grid > .crm-search-by-block > label > crm-text {
    line-height: 40px;
}

.crm-category-search > crm-search-for-base-grid > .crm-search-for-base-grid > .crm-search-by-block > .crm-sorting-by > button {
    height: 36px !important;
}

.crm-category-search .crm-search-input-block > .crm-input-search > input {
    position: relative;
}

.crm-category-search > crm-search-for-base-grid > .crm-search-for-base-grid > .crm-search-input-block > button {
    margin-left: 8px;
}

.crm-category-search > crm-search-for-base-grid > .crm-search-for-base-grid > .crm-search-input-block i {
    top: 4px;
}

.crm-category-search-table > crm-base-grid > table.table.table-bordered {
    border: none;
}

/*Search for base grid end*/

.custom-content-modal-body > .custom-content-modal-body {
    width: 93%;
}

.crm-manage-goal-pop-up-buttons button.crm-large-btn.crm-clear-margin,
.crm-manage-goal-pop-up-buttons button.crm-large-btn {
    margin: 0 0 8px 10px !important;
}

.crm-page .crm-select-profile > div.bootstrap-select {
    width: 100% !important;
}

/*.crm-page .crm-campaign-channel .crm-select-box,*/
.crm-page .crm-campaign-channel .crm-select-box > .btn-group.bootstrap-select {
    width: 100%;
}

.crm-page .crm-campaign-general-body .crm-general-inputs {
    padding-right: 15px;
}

.crm-page .crm-new-template-button .crm-choose-delivery-method.crm-sorting-by > button {
    float: right;
    margin-right: 4px;
}

.crm-page .crm-new-template-button .crm-choose-delivery-method.crm-sorting-by {
    float: right !important;
}

.crm-page .crm-bonus-engine > .crm-gs-row > .crm-col-6.crm-dropdown-container.crm-bonus-iput-field {
    width: 50%;
}

.crm-page .crm-bonus-engine > .crm-gs-row > .crm-col-6.crm-dropdown-container.crm-bonus-grid {
    width: auto;
}

.crm-page .crm-bonus-engine > .crm-gs-row > .crm-col-6.crm-dropdown-container.crm-bonus-iput-field {
    width: 35%;
}

.modal-dialog.crm-campaing-list-info-popup.crm-popup-segment-create-edit.crm-page crm-query-configuration .crm-dropdown-container-header > h3 {
    width: 44%;
}

.modal-dialog.crm-campaing-list-info-popup.crm-popup-segment-create-edit.crm-page crm-query-configuration .crm-dropdown-container-header > .crm-col-4 {
    width: 100%;
    padding-top: 6px;
    padding-left: 15px;
}

.modal-dialog.crm-campaing-list-info-popup.crm-popup-segment-create-edit.crm-page crm-query-filter-generator .crm-dropdown-container-header > .crm-query-filter-search,
.modal-dialog.crm-campaing-list-info-popup.crm-popup-segment-create-edit.crm-page crm-query-filter-generator .crm-dropdown-container-header > .crm-query-filter-search > .crm-input-search,
.modal-dialog.crm-campaing-list-info-popup.crm-popup-segment-create-edit.crm-page crm-query-filter-generator .crm-dropdown-container-header > .crm-query-filter-search > button {
    float: left;
}

.crm-page .crm-custom-campaign-elements-general .crm-col-5 {
    padding-right: 15px;
}

/*Templates Start*/
.crm-page .crm-title-bar.crm-template-edit {
    display: block;
    border: none;
    height: 50px;
}

.crm-page .crm-title-bar.crm-template-edit > h3 {
    border: none;
    font-family: "Open Sans", sans-serif !important;
    vertical-align: middle;
    margin-bottom: 0;
    line-height: 30px;
    position: relative;
    display: table;
    width: 60%;
    font-size: 20px;
    color: #5a5a5a;
    letter-spacing: 0.6px;
    padding-top: 20px;
}

/*Templates End*/
.modal-dialog.crm-desktop-screen .crm-mobile-emulator > .crm-dropdown-container-header.crm-base-padding-top {
    padding-top: 0 !important;
}

.modal-dialog.crm-desktop-screen .crm-mobile-emulator > .crm-dropdown-container-header.crm-base-padding-top > .crm-header-border {
    display: none;
}

.crm-page crm-check-uncheck-list .crm-dropdown-container > .crm-dropdown-container-header > h3 {
    width: 25%;
}

/*settings start*/
.crm-page .crm-tab-container-two {
    border: 0 !important;
}

.crm-page .crm-dropdown-container-header > h3.crm-wide-header {
    width: 100%;
}

/*settings end*/
.crm-tab-container .crm-tab-container-tabs li {
    width: auto;
}

.crm-page.crm-triggered-campaign-popup .crm-config-tab-fix-height .crm-dropdown-container-header {
    width: 100%;
    height: 65px;
    line-height: 34px;
    background: #ffffff;
    border-bottom: none;
}

.crm-page.crm-triggered-campaign-popup .crm-config-tab-fix-height .crm-dropdown-container-header > h3 {
    width: 100%;
}

.crm-page.crm-triggered-campaign-popup .crm-config-tab-fix-height .crm-custom-label-area span {
    text-align: center;
}

.crm-page.crm-triggered-campaign-popup .crm-config-tab-fix-height .crm-custom-label-area.crm-md-width span {
    width: 65%;
}

.crm-page.crm-triggered-campaign-popup .crm-config-tab-fix-height .crm-custom-label-area.crm-md-width p {
    padding-left: 0;
    word-wrap: unset;
}

.crm-page.crm-triggered-campaign-popup .crm-dropdown-container-body.crm-configuration-body-scroll {
    padding: 0;
    max-height: 135px;
}

.crm-page .crm-triggered-filters .trigg-filter-part > .crm-col-9 > .crm-add-filter,
.crm-page .crm-triggered-filters .trigg-filter-part > .crm-col-9 > .crm-add-custom-condition {
    float: right;
}

.crm-page .crm-triggered-filters .trigg-filter-part > .crm-col-1 {
    float: right;
}

.crm-page .crm-campaign-buttons {
    margin-top: 90px
}

.crm-page .crm-ad-hoc-buttons,
.crm-page .crm-custom-campaign-buttons {
    margin-top: 63px
}

.crm-triggered-campaign-buttons {
    margin-top: 82px
}

.crm-page .crm-checked-un-checked {
    width: 100%;
}

.crm-page .crm-checked-un-checked-tooltip,
.crm-page .crm-checked-un-checked .crm-check {
    float: right;
}

.bootstrap-timepicker-widget.dropdown-menu {
    position: fixed;
}

.crm-campaign-categories .crm-search-by-block,
.crm-campaign-categories .crm-search-for-base-grid > .crm-search-input-block {
    width: 50% !important;
}

.crm-page .marketTypeCascade .fa.fa-angle-down,
.crm-page .loginSourceCurency .fa.fa-angle-down {
    line-height: 14px;
}

.loginSourceCurency input, .marketTypeCascade input {
    height: 38px;
}

.crm-page crm-check-uncheck-list .crm-search-input-block .crm-input-search > input {
    margin-top: 0;
}

.crm-text-align {
    text-align: start !important;
}

.agp .user-settings-popup-container > .modal-dialog > .modal-content > .modal-dialog {
    max-height: 800px;
}

.crm-page .crm-query-filter-search {
    float: right;
}

.crm-page .crm-query-filter-search > .crm-input-search {
    margin: 0;
}

.crm-page .crm-query-filter-search > .crm-input-search,
.crm-page .crm-query-filter-search > .crm-small-btn.crm-white-btn {
    float: left !important;
}

.crm-page .crm-report-block .crm-chart-container-half-height {
    height: 160px;
}

.crm-page .crm-campaign-report .crm-inputs-field-group > div {
    margin-bottom: 0;
    padding: 0;
}

.crm-page crm-query-filter-generator .crm-large-btn.crm-green-btn {
    margin: 12px 12px 12px 0;
}

.crm-page .crm-ad-hoc-create .crm-campaign-segment-list-button.crm-choose-delivery-method .crm-new-segment-button-ui {
    height: 32px;
}
.crm-page .crm-ad-hoc-create .crm-campaign-segment-list-button.crm-choose-delivery-method {
    padding: 7px 0 0 10px;
}
.crm-page .crm-campaign-template-list-buttom > crm-button-dropdown-select > .crm-choose-delivery-method.crm-sorting-by {
    float: right !important;
    width: 160px !important;
}

.crm-page .crm-step-analysis .crm-funnel-chart-container > .crm-chart-cnt-static-height > crm-column-chart > div,
.crm-step-analysis .crm-chart {
    width: 100% !important;
}

.crm-page .input-group.date-picker > span.input-group-btn,
.crm-page .input-group span > button {
    position: absolute;
    width: 34px;
    height: 32px;
}

.crm-col-6.label-holder.crm-clear-padding > p {
    margin-bottom: 8px;
}

.input-group.date.date-picker.crm-col-12.crm-clear-padding.input > input {
    width: 162px;
    height: 32px;
    padding-left: 4px;
}

.crm-dynamic-date-range .crm-input-text input[type="number"] {
    height: 32px;
}

.crm-dynamic-date-range .input-group.date.date-picker.crm-col-12.crm-clear-padding.input > span {
    height: 32px;
}

.crm-col-5.label-holder.crm-clear-padding > p {
    margin-bottom: 8px;
}

.crm-page .crm-metrics-title.crm-dropdown-container-header {
    height: 36px;
}

.crm-page .crm-inputs-field-group .crm-status-edit .crm-field-group-text input {
    box-sizing: border-box;
    height: 32px;
    padding: 0 14px;
    font-size: 14px;
    border: 1px solid #c2c5cd;
    border-radius: 3px;
    background: #fff;
    line-height: 32px;
    float: left;
    width: 168px;
}

.bootstrap-timepicker-widget.timepicker-orient-left {
    background-color: #ffffff;
}

.crm-page crm-query-value-date-time-static .input-group input.date-picker {
    height: 34px;
}

.crm-page crm-query-value-date-time-static .input-group.date-picker > span.input-group-btn,
.crm-page crm-query-value-date-time-static .input-group.date-picker > span.input-group-btn > button {
    height: 34px;
}

.crm-page crm-query-value-date-time-static .crm-input input {
    margin-top: 0;
}

/*Non Customer Start*/
.crm-page .crm-non-custom-upload .crm-upload-input-block {
    margin-top: 0;
}

.crm-page .crm-upload-checkbox .crm-checked-un-checked .crm-checked-un-checked-tooltip,
.crm-page .crm-upload-checkbox .crm-checked-un-checked .crm-check {
    float: left;
}

.crm-page .crm-base-padding .date-picker .datepicker.daterangepicker.datepicker-dropdown {
    width: 104%;
}

.crm-page .crm-inputs-field-group .date-picker .datepicker.daterangepicker.datepicker-dropdown {
    width: 88%;
}

.crm-page .calendar-table table {
    width: 94%;
}

.crm-page .crm-inactive-input > input.crm-field-group-text.crm-input-text {
    height: 38px;
    width: 100%;
    padding: 8px;
}

.crm-page .row.search_result .pagination li.disabled {
    float: left;
}

.crm-page .row.search_result .form-control {
    margin-right: 15px;
    margin-left: 0;
}

.crm-page .row.search_result > .col-md-6.col-sm-12 {
    float: left;
}

/*Modal Dialog*/

.crm-page.modal-dialog {
    width: 432px;
    font-size: 14px;
    line-height: 2;
}

.crm-page.modal-dialog .sport_button_panel button {
    width: 100px;
    height: 36px;
}

.crm-page.modal-dialog .sport_button_panel .col-md-12 {
    padding: 0 !important;
}

.crm-page.modal-dialog .sport_button_panel .col-md-6 {
    /*padding-bottom: 15px !important;*/
    float: left;
}

.crm-page.crm-modal .custom-content-modal-body .crm-form-btn {
    width: auto;
    min-width: 85px;
}

.crm-page .crm-non-customers-btn, .crm-page .crm-clients-btn {
    background: #f5f5f6;
    min-width: 10%;
    width: auto;
    padding: 0 8px;
    height: 40px;
    outline: none !important;
    position: relative;
    font-size: 16px;
    bottom: -1px;
    border: 1px solid transparent;
    border-bottom: 2px solid transparent;
}

.crm-page .crm-clients-btn {
    margin-left: 15px;
}

.crm-page .crm-non-customers-btn {
    left: -3px;
}

.crm-page .crm-clients-btn:hover {
    margin-left: 15px;
    background-color: #fff;
    border: 1px solid #f5f5f6;
    border-bottom: 2px solid #fff;
    bottom: -1px;
    z-index: 2;
}

.crm-page .crm-non-customers-btn:hover {
    background-color: #fff;
    border: 1px solid #f5f5f6;
    border-bottom: 2px solid #fff;
    bottom: -1px;
    z-index: 2;
}

.crm-page .crm-clients-btn.active,
.crm-page .crm-clients-btn.active:hover {
    margin-left: 15px;
    background-color: #fff;
    border: 1px solid rgba(212, 215, 222, 0.54);
    border-bottom: 2px solid #fff;
    bottom: -1px;
    z-index: 2;
}

.crm-page .crm-non-customers-btn.active,
.crm-page .crm-non-customers-btn.active:hover {
    background-color: #fff;
    border: 1px solid rgba(212, 215, 222, 0.54);
    border-bottom: 2px solid #fff;
    bottom: -1px;
    z-index: 2;
}

.crm-page .crm-dropdown-container.crm-base-padding.crm-clients,
.crm-page .crm-dropdown-container.crm-base-padding.crm-non-customers {
    padding-top: 0 !important;
}

.crm-page .creat-a-campaining .template-delivery-method-page.crm-three-blocks-in-row > div {
    width: calc((100% - 90px) / 3);
}

.crm-page .crm-manage-filters-time {
    border-bottom: 1px solid #cecece;
    text-align: center;
}

.crm-page .crm-manage-filters-time .crm-consider-time {
    display: inline-block;
    padding-top: 2px;
}

.crm-page.modal-dialog .crm-upload-text-container {
    padding: 0 8px;
    font-size: 14px;
    display: flex;
    color: #ababab;
    align-items: center;
    height: 100%;
}

/*Modal Dialog*/

.crm-filters-grid {
    float: left;
    position: relative;
    z-index: auto;
}

.crm-filters-grid > ul {
    float: left;
    width: 100%;
}

.crm-filters-grid > ul > li {
    float: left;
    padding: 0 8px;
    display: block;
}

.crm-page .input-group .form-control {
    cursor: pointer;
}

.crm-page. crm-search-for-base-grid .crm-filters-grid {
    width: 44%;
}

.crm-page .action-toolbar-row {
    padding: 24px 0 0 10px;
    /*width: 40%;*/
}

.crm-page .crm-custom-campaign-elements .action-toolbar-row {
    width: 70%;
}

.crm-page .crm-triggered-campaign-search .action-toolbar-row {
    width: 55%;
}

/*.crm-ad-hoc-search-instruments .crm-filters-grid {*/
    /*width: 43%;*/
/*}*/

.crm-page .crm-push-campaign-list .crm-filters-grid > ul > li:not([class*="crm-col"]) {
    width: calc(100% / 3);
}

/*.crm-page .crm-ad-hoc-list .crm-filters-grid > ul > li:not([class*="crm-col"]) {*/
    /*width: calc(100% / 4);*/
/*}*/

.crm-page .crm-sorting-by > button {
    margin-top: 0;
}

.crm-page .action-toolbar-row .right-actions {
    float: left;
}

.crm-page .crm-category-search > crm-search-for-base-grid {
    height: auto;
}

.modal-dialog.crm-campaing-list-info-popup {
    width: 100%;
}

.crm-page .crm-category-search .crm-filters-grid > ul > li:not([class*="crm-col"]) {
    width: 100%;
}

.crm-page .crm-category-search .crm-filters-grid {
    width: 24%;
}

.crm-page .adv-table-translate .adv-table-scroll .sticky.left {
    height: 45px;
}

.crm-page .modal-body {
    width: 100%;
}

.crm-page crm-input-validation .crm-input.crm-field-group-text > input {
    width: 100%;
}

.crm-page .crm-triggered-filter crm-input-validation .crm-input.crm-field-group-text > input {
    height: 32px;
}

.crm-page .crm-predefined-list crm-search-for-base-grid .crm-filters-grid {
    width: 16%;
}

.crm-page .crm-predefined-list .crm-filters-grid > ul > li:not([class*="crm-col"]) {
    width: 100%;
}

.crm-page .crm-show-list-button-block {
    padding-top: 16px;
}

.crm-page .crm-button-margin-top.crm-static-create-buttons {
    /*margin-top: 112px;*/
}

.crm-page.modal-dialog.crm-campaing-list-info-popup.crm-modal-xsm {
    max-width: 450px;
}

.crm-page .modal-dialog {
    font-size: 14px;
    font-weight: 300;
}

.crm-page .adv-table-translate .adv-table-scroll table tr td:last-child {
    min-width: 225px;
}

.crm-page .crm-campaign-report-general .adv-table-translate .adv-table-scroll table tr td:last-child {
    min-width: 90px;
}

.crm-page.modal-dialog.crm-push-campaign .crm-tab-container .crm-tab-container-tabs li,
.crm-page.modal-dialog.crm-campaing-list-info-popup .crm-tab-container .crm-tab-container-tabs li {
    padding: 2px 8px;
}

.crm-page.crm-popup-custom-width {
    width: 100%;
}

.crm-campaing-list-info-popup.crm-page crm-search-for-base-grid > .crm-filters-grid,
.crm-page .crm-merge-settings-result crm-search-for-base-grid > .crm-filters-grid,
.crm-page .crm-list-categories crm-search-for-base-grid > .crm-filters-grid,
.crm-page .crm-report-list crm-search-for-base-grid > .crm-filters-grid,
.crm-page .crm-ongoing-campaign-create crm-search-for-base-grid > .crm-filters-grid,
.crm-page .crm-campaign-analysis-list .crm-filters-grid {
    width: 16%;
}

/*.crm-page.crm-campaing-list-info-popup .crm-filters-grid > ul > li:not([class*="crm-col"]),*/
.crm-page .crm-merge-settings-result .crm-filters-grid > ul > li:not([class*="crm-col"]),
.crm-page .crm-list-categories .crm-filters-grid > ul > li:not([class*="crm-col"]),
.crm-page .crm-report-list .crm-filters-grid > ul > li:not([class*="crm-col"]),
.crm-triggered-campaign-create .crm-filters-grid > ul > li:not([class*="crm-col"]),
.crm-page .crm-custom-campaign-create .crm-filters-grid > ul > li:not([class*="crm-col"]),
.crm-page .crm-ongoing-campaign-create .crm-filters-grid > ul > li:not([class*="crm-col"]),
.crm-page .crm-ad-hoc-create .crm-filters-grid > ul > li:not([class*="crm-col"]),
.crm-page .crm-campaign-analysis-list .crm-filters-grid > ul > li:not([class*="crm-col"]) {
    width: 100%;
}

.crm-page .crm-select-box .btn-group.bootstrap-select > button,
.crm-page .crm-select-channel .crm-input > button {
    height: 36px;
    width: 80%;
    margin-top: 0;
    padding: 8px;
}

.crm-page .crm-analytics-date-range-for-all .crm-filters-grid {
    width: 47%;
}

.crm-page .crm-analytics-date-range-for-all .crm-filters-grid > ul > li {
    width: 50%;
    padding: 0 8px;
}

.modal-content.popup-animate-show .crm-page .crm-pull-right > button {
    height: 36px;
}

.crm-page .crm-dropdown-container .crm-dropdown-container-header .crm-on-off-button > span {
    border-right: 0;
}

.crm-page .crm-on-off-button {
    margin-right: 15px;
}

.crm-page crm-query-value-date-time-from-to .crm-input input {
    margin-top: 0;
}

.crm-page .crm-page crm-query-filter-generator .crm-large-btn.crm-green-btn.crm-move-to-bottom {
    margin: 15px;
}

.crm-page crm-input-validation .crm-field-group-text.crm-valid-val > span.crm-input,
.crm-page crm-input-validation .crm-field-group-text.crm-invalid-val > span.crm-input {
    position: relative;
}

.crm-page crm-input-validation .crm-field-group-text.crm-invalid-val > span.crm-input > p {
    color: red;
    line-height: 30px;
    padding-top: 0;
}

.crm-page crm-input-validation .crm-field-group-text.crm-invalid-val > span.crm-input > i.fa-times {
    position: absolute;
    top: 10px;
    right: 8px;
    color: red;
}

.crm-page crm-input-validation .crm-field-group-text.crm-valid-val > span.crm-input > i.fa-check {
    position: absolute;
    top: 10px;
    right: 8px;
    color: green;
}

.crm-page .crm-custom-label-area span {
    text-align: left;
}

.crm-page .crm-custom-label-area {
    text-align: left;
}

.crm-page .label-holder p {
    overflow: visible;
    white-space: normal;
}

.crm-page .crm-report-block .crm-chart-container-half-height.crm-overflow-transform {
    overflow: visible;
}

.modal-content .crm-page.modal-dialog {
    max-width: 1100px;
    background: #fff;
    min-width: 433px;
}

.modal-content .modal-dialog.crm-campaing-list-info-popup.crm-report-list-info.crm-page {
    min-width: 700px;
}

.crm-page .crm-crossfilters-section {
    text-align: left;
}

.crm-page.crm-popup-segment-create-edit .crm-dropdown-container > .crm-dropdown-container-header {
    height: 110px;
}

.crm-page .crm-trigger-event-type > .dropdown-toggle.selectpicker > span {
    text-align: left;
    padding-top: 4px;
}

.crm-page .crm-trigger-event-type > .dropdown-toggle.selectpicker {
    padding-left: 0;
}

.crm-page .crm-trigger-event-type {
    float: left;
    padding-top: 7px;
}

.crm-page .crm-trigger-event-type .dropdown-menu > ul > li > a {
    width: auto;
    min-width: 150px;
}

.crm-page .crm-static-create-list .crm-dropdown-container-header > h3 {
    width: 37%;
    line-height: 1;
}

.crm-page .crm-campaign-general-body .crm-general-inputs .crm-campaign-channel .crm-clear-padding-top {
    padding-top: 0 !important;
}

.crm-page .crm-query-filter-search.crm-search-input-block i {
    top: 8px;
}

.crm-page .crm-query-filter-search.crm-search-input-block input {
    position: relative;
}

.crm-page .adv-table-translate .adv-table-scroll table tr td {
    min-width: 90px;
    padding: 3px 16px 3px 16px;
}

.crm-page .crm-dropdown-container-header .crm-query-filter-search > div.crm-input-search {
    margin: 0 !important;
}

.crm-page .crm-ongoing-campaign-general crm-date-picker-from-to-validation .crm-col-12 {
    padding-top: 2px !important;
}

.crm-page .crm-triggered-campaign-create .crm-trigger-bonus-header,
.crm-page .crm-triggered-campaign-create .crm-trigger-settings-container-header {
    padding-right: 18px;
}

.crm-page .label-holder p {
    font-weight: 700;
    text-align: left;
}

.bootstrap-timepicker-widget.dropdown-menu.open {
    z-index: 105;
}

.crm-popup-segment-create-edit .crm-dropdown-container .crm-dropdown-container-body.crm-dropdown-body-for-modal > .crm-col-12 > crm-union-query-filter > .crm-col-6 {
    width: 100%;
}

.crm-page .crm-carousel-tab-container-body .crm-dropdown-container-static-height span {
    padding: 0 8px;
}

.crm-analytics-view-body [gridster="blocksGridsterOpts"] .gridster-item {
    /*max-height: 515px;*/
    min-height: 610px;
    max-height: 610px;
}

.crm-page .crm-large-btn,
.crm-page .crm-small-btn {
    /*margin: 16px 4px;*/
    margin: 15px 4px 0 4px
}

.crm-page crm-query-filter-generator .crm-large-btn,
.crm-page crm-query-filter-generator .crm-small-btn {
    margin: 0 4px;
}

.crm-page .crm-static-create-list .crm-upload-file-grid tfoot {
    display: none;
}

.crm-page .crm-autocomplete-block > div {
    overflow: hidden;
}

.agp .crm-page .sport_button_panel {
    padding-right: 30px;
}

crm-union-query-filter .betCurrencySearch.fixHeight {
    min-height: 465px;
}

.crm-page .betCurrencySearch {
    border: 0;
}

.crm-page .crm-edit .crm-triggered-activate {
    top: 0;
}

.crm-page .crm-triggered-activate {
    left: 12px;
}

.crm-page .crm-triggered-activate-block {
    position: relative;
}

.crm-page .crm-edit .crm-triggered-activate .crm-on-off-button span {
    right: 35px;
}

.crm-page .crm-triggered-activate .crm-on-off-button.active span:after {
    left: calc(100% + 20px);
}

.crm-page crm-check-uncheck-list .crm-search-input-block .crm-input-search > i {
    top: 4px;
}

.crm-page .gridster-loaded .crm-filters-grid {
    width: 66%;
}

.crm-page .crm-config-label-area span {
    width: 100%;
}

.crm-page .crm-triggered-filters-popup > div:last-child .crm-triggered-condition {
    display: none;
}

.crm-page .crm-custom-label-area > .crm-gs-row {
    padding-top: 8px;
}

.crm-page .adv-table-translate .adv-table-scroll table tfoot tr td {
    padding: 0;
}

.crm-view-filters > .crm-carousel > ul > li {
    margin-right: 8px;
}

.crm-page .crm-grid-empty-canvas span.crm-crate-for-grid-no-data {
    top: 58%;
    left: 40%;
}

.crm-page .crm-mode-label > crm-text {
    float: right;
}

.crm-page .crm-ad-hoc-create crm-single-date-picker-validation .crm-filters-grid > ul > li {
    padding-top: 0;
}

.crm-page crm-schedule .crm-on-off-button.active span:after {
    left: calc(100% - 10px);
}

.crm-page .repeatingProcessScheduler .schedulerBoxing button {
    margin: 0 13px 0 13px;
    text-align: center;
}

.crm-page .repeatingProcessScheduler .schedulerBoxing button:last-child {
    margin-bottom: 13px
}

.crm-page.crm-popup-segment-create-edit crm-union-query-filter .betCurrencySearch.fixHeight {
    height: 266px;
}

.modal-dialog.crm-campaing-list-info-popup.crm-popup-segment-create-edit.crm-page crm-query-filter-generator .crm-dropdown-container-header > .crm-query-filter-search {
    float: right;
}

.crm-page.crm-popup-segment-create-edit crm-query-filter-marge > div {
    /*float: left;*/
    /*width: 50%;*/
}

.crm-page.crm-popup-segment-create-edit .crm-query-merge-container > div.crm-clear-horizontal-padding {
    /*width: 100%;*/
    /*padding-right: 15px;*/
}

.crm-page.crm-popup-segment-create-edit crm-query-filter-marge > div:last-child {
    width: 100%;
}

.crm-page .crm-campaign-template-list-buttom {
    padding-right: 0;
}

.crm-page .adv-table-translate.crm-base-grid .adv-table-scroll table tr td {
    border-right: 0
}

.crm-page .adv-table-translate.crm-base-grid .adv-table-scroll .sortable.active {
    color: #595959;
    background: #efefef;
    box-shadow: none;
}

.crm-page .crm-base-grid.adv-table-translate:before {
    border: 0;
}

.crm-page .adv-table-translate.crm-base-grid .adv-table-scroll table tbody tr:not(.highlighted):hover td:not(.sub-table-cell):not(.not-this) {
    background-color: #f7f7f7;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

.crm-page .adv-table-translate.crm-base-grid .adv-table-scroll table tr td {
    height: 40px;
}

.crm-page .adv-table-translate.crm-base-grid .adv-table-scroll table tr td:last-child {
    text-align: center;
}

.crm-page .adv-table-translate.crm-base-grid .adv-table-scroll table tr.odd-bg td {
    background: #efefef;
}

.crm-page .adv-table-translate.crm-base-grid .adv-table-scroll table tfoot tr td {
    border-bottom: 0;
}

.crm-page .adv-table-translate.crm-base-grid .adv-table-scroll table tr td {
    box-shadow: none;
    max-width: 180px;
    /*width: 100%;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

.crm-page .adv-table-translate.crm-base-grid .adv-table-scroll table thead tr td {
    border-bottom: 3px solid #cecece;
}

.crm-page .adv-table-translate.crm-base-grid a {
    color: #0d638f;
}

.crm-page .crm-adapter.crm-select-box > div.bootstrap-select {
    padding-bottom: 8px;
}

.crm-page .crm-triggered-activate-block .crm-input-text .crm-on-off-button span {
    position: unset;
}

.crm-page .crm-dropdown-container .crm-dropdown-container-header span {
    text-align: left;
}

.adv-table-translate .adv-table-scroll table tr.crm-grid-empty-canvas td {
    background: none;
}

.crm-page .crm-grid-empty-canvas > td {
    background-color: #e8ecf7;
}

.crm-page .crm-static-create-list .crm-input-chackbox {
    margin-top: 8px !important;
}

.crm-page .crm-static-create-list crm-tooltip {
    padding-left: 4px;
}

.crm-upload-file-grid .adv-table-translate.crm-base-grid {
    margin: 0;
    padding: 0 0 36px;
}

.crm-page .crm-input-radio span {
    font-size: 12px;
}

.crm-page .crm-non-custom-upload .crm-upload-input-block input,
.crm-page .crm-static-upload.crm-input input,
.crm-page .crm-template-upload .crm-upload-input-block input,
.crm-page .crm-settings-upload.crm-input input {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.crm-page .crm-non-custom-upload .crm-upload-input-block span,
.crm-page .crm-static-upload.crm-input .crm-upload-input-block span,
.crm-page .crm-template-upload .crm-upload-input-block span,
.crm-page .crm-settings-upload.crm-input .crm-upload-input-block span {
    position: absolute;
    left: 0;
    top: 38px;
}

.crm-page .k-tool-group button:hover {
    color: #2e2e2e;
    background-color: #bcb4b0;
    border-color: #bcb4b0;
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, .0) 100%);
}

.crm-page .crm-upload-text-container {
    width: calc(100% - 75px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
}

.crm-page crm-schedule .crm-inputs-field-group .crm-status-normal > .date-picker.input-group {
    width: auto;
}

.crm-page crm-schedule .crm-inputs-field-group .crm-status-normal > span {
    padding: 9px 15px;
}

.crm-page crm-schedule .input-group.date.date-picker.crm-col-7 {
    width: 60%;
}

.crm-bonus-preview.crm-page .crm-large-btn.crm-white-btn {
    margin: 14px 15px;
}

.crm-bonus-preview.crm-page .crm-dropdown-container-body .crm-custom-label-area {
    padding: 0 15px;
}

.crm-bonus-preview.crm-page .crm-clear-horizontal-padding > .crm-dropdown-container > .crm-dropdown-container-body {
    padding: 8px 0 !important;
}

.crm-campaing-list-info-popup.crm-page .crm-tab-container.crm-tab-container-body {
    text-align: left;
}

.crm-page.sendMailPopUp .modal-body .crm-input input {
    width: 100%;
}

.crm-page .crm-multi-device crm-input-validation:not(first-child) .crm-field-group-text {
    /*padding-top: 15px;*/
}

.crm-page .crm-multi-device crm-html-editor table.k-editor {
    border-spacing: 0;
}

.crm-page .crm-dropdown-container .crm-dropdown-container-header span > i.fa-times {
    left: 10px;
}

.crm-page .crm-triggered-filters-settings-inputs .crm-sorting-by {
    float: left;
}

.crm-page .crm-dropdown-container .crm-dropdown-container-header.trigg-filter-part .crm-sorting-by span.filter-option {
    line-height: 1.5;
}

.crm-page .crm-dropdown-container .crm-dropdown-container-header.trigg-filter-part .crm-sorting-by span {
    float: left;
    padding-top: 5px;
}

.crm-page .crm-custom-campaign-create .crm-grid-empty-canvas span.crm-crate-for-grid-no-data {
    left: 36%;
}

.crm-page .crm-custom-campaign-list .crm-grid-empty-canvas span.crm-crate-for-grid-no-data {
    left: 35%;
}

.crm-page .crm-cron-block {
    position: relative;
    /*bottom: 55px;*/
    z-index: 102;
}

.crm-page .crm-custom-campaign-elements-general .crm-select-box .bootstrap-select.crm-input {
    width: 100%;
}

.crm-page .crm-tab-container-body .crm-settings-description {
    width: 100%;
    margin-bottom: 15px;
}

.crm-page .crm-schedule crm-schedule .crm-cron-block {
    /*bottom: 66px;*/
}

.modal-dialog.crm-page.crm-campaign-categories .crm-dropdown-container {
    max-height: 600px;
    overflow: auto;
}

.crm-page .crm-analitics-description .crm-large-btn {
    margin: 6px 4px;
}

.crm-page .crm-report-block .crm-filters-grid {
    width: 100%;
}

.crm-page .crm-campaign-general-body .label-holder p {
    margin: 0 0 5px;
}

.crm-page .crm-ad-hoc-create .crm-campaign-general-body .crm-filters-grid input-holder .input-right-label {
    font: 12px/33px FontAwesome;
}

/*.crm-page .crm-ad-hoc-create .crm-campaign-general-body .crm-filters-grid {*/
/*width: 77%;*/
/*}*/
.crm-page .crm-select-box .btn-group.bootstrap-select > button, .crm-page .crm-select-channel .crm-input > button {
    width: 100%;
}

.crm-page .crm-schedule .crm-filters-grid {
    width: 100%;
}

.crm-page .crm-analitics-description .crm-large-btn.crm-green-btn {
    margin-top: 6px;
}

.crm-page .crm-analytics-charts {
    margin-top: 8px;
}

.crm-page crm-schedule .crm-filters-grid, .crm-page crm-query-filter-generator .crm-filters-grid {
    width: 100%;
}

.crm-page .crm-ad-hoc-create .crm-choose-delivery-method {
    padding-left: 45px;
}

.crm-page crm-query-value-date-static .crm-filters-grid {
    width: 100%;
    padding: 0;
}

.crm-page crm-query-value-date-static .crm-filters-grid > ul {
    padding: 0;
}

.crm-page crm-query-value-date-static .crm-filters-grid > ul > li {
    padding-left: 0;
}

.crm-campaing-list-info-popup .crm-custom-label-area.crm-clearfix p,
.crm-campaing-list-info-popup .crm-custom-label-area.crm-clearfix span {
    text-align: left;
}

.crm-page .adv-table-translate.crm-base-grid .adv-table-scroll table tr.crm-grid-empty-canvas span {
    left: 43%;
}
.modal-content .crm-page.modal-dialog .crm-filters-grid {
    width: 100%;
}
.modal-content .crm-page.modal-dialog .action-toolbar-row {
    width: 100%;
}
.crm-page .crm-triggered-campaign-create .crm-triggered-campaign-search .crm-filters-grid{
/*.modal-content .crm-page.modal-dialog .crm-filters-grid {*/
    width: 25%;
}

.crm-page .loginSourceCurency {
    float: left;
}

.crm-page .crm-filter-list .loginSourceCurency,
.crm-page .crm-static-report-create .loginSourceCurency {
    top: 0;
    position: relative;
    left: 0;
}

.crm-page .loginSourceCurency > crm-template-chooser > .crm-autocomplete-cnt .crm-white-btn {
    top: -5px;
    height: 32px;
}

.crm-page .loginSourceCurency > crm-template-chooser > .crm-autocomplete-cnt i.fa.fa-angle-down {
    line-height: 22px;
    top: 0;
}

.crm-page .loginSourceCurency > crm-template-chooser .crm-auto-complete-block input {
    height: 20px;
    line-height: 2;
}

.crm-page .loginSourceCurency > crm-template-chooser .crm-auto-complete-block {
    margin-top: 0;
}

.crm-page .loginSourceCurency > crm-template-chooser {
    float: left;
}

.crm-page .crm-include-internal-message {
    float: left;
}

/*Wizard Start*/
.crm-page .crm-wizard-content .crm-dropdown-container.crm-col-5 {
    width: 41.625%;
}

.crm-dashboard-campaign-info-block > .crm-col-6,
.crm-page .crm-wizard-content .crm-dropdown-container.crm-col-6 {
    width: 49.959%;
}

.crm-page .crm-wizard-content .crm-dropdown-container.crm-col-11 {
    width: 91.575%;
}

.crm-page .crm-wizard-steps-block {
    border-right: 1px solid #dddddd;
}

.crm-page .crm-wizard-steps {
    width: 60px;
    border-bottom: 2px solid #dddddd;
    border-left: 2px solid #dddddd;
    padding: 40px 0 5px 15px;
    margin-left: 12px;
}

.crm-page .crm-wizard-every-step {
    padding-left: 19px;
    margin-left: 7px;
    width: 25px;
    border-bottom: 4px solid #444444;
}

.crm-page .crm-wizard-steps > div {
    float: right;
}

.crm-page .crm-wizard-steps input {
    bottom: 15px;
    left: 27px;
    position: relative;
    -webkit-appearance: none;
}

.crm-wizard-steps > .fa-check {
    float: right;
    position: relative;
    bottom: 14px;
    left: 25px;
}

.pending-wizard > .fa-check {
    color: #e8d051;
}

.active-wizard > .fa-check {
    color: #4ac9b1;
}

.passive-wizard > .fa-check {
    display: none;
}

.failed-wizard > .fa-check {
    color: #e11f3a;
}

.crm-page .crm-upload-checkbox .crm-checked-un-checked {
    float: left;
    width: initial;
}

.crm-page .crm-upload-checkbox .crm-checked-un-checked .crm-checked-un-checked-tooltip {
    float: right;
}

.crm-page .crm-upload-checkbox .crm-checked-un-checked label.crm-check {
    float: left;
}

.crm-page .crm-wizard-content > .crm-col-6.crm-dropdown-container {
    width: 50%;
}

.crm-page .crm-table-fields {
    padding: 8px 0 8px 0;
}

.crm-page .crm-wizard-content .crm-wizard-min-height .crm-border-bottom {
    margin-bottom: 15px;
}

.crm-page .crm-file-update-checkbox .crm-checked-un-checked,
.crm-page .crm-file-update-checkbox .crm-checked-un-checked > .crm-checked-un-checked-tooltip,
.crm-page .crm-file-update-checkbox .crm-checked-un-checked > .crm-check {
    float: left;
}

.crm-page .crm-file-update-checkbox .crm-checked-un-checked > .crm-check {
    margin-left: 6px;
}

.crm-page .crm-wizard-min-height {
    min-height: 390px;
}

.crm-page .crm-file-update-checkbox .crm-checked-un-checked > .crm-checked-un-checked-tooltip {
    color: #444;
    display: block;
    margin-bottom: 6px;
    font: 14px OpenSansSemibold !important;
}

.crm-page .crm-non-customers-list .crm-filters-grid {
    width: 30%;
}

.crm-page .crm-non-customers-list .crm-filters-grid > ul > li:not([class*="crm-col"]) {
    width: calc(100% / 2);
}

/*Wizard End*/

/*Non Customer Create Start*/

.crm-page .crm-dropdown-container.crm-non-customer-create {
    margin: 0px auto;
    width: 94%;
    box-shadow: 0px 0px 12px 0px #888888;
}

.crm-page .crm-center-container-transfer-arrows {
    position: relative;
}

.crm-page .crm-center-container-transfer-arrows > div.crm-col-1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 65px;
    margin: auto;
}

.crm-live-monitor-screen .crm-pending {
    color: #e8d051;
}

.crm-page crm-button-dropdown-select .crm-sorting-by .crm-last-icon-item {
    padding: 0 15px;
}

.crm-page .crm-inactive-btn,
.crm-page .crm-green-btn,
.crm-page .crm-blue-btn,
.crm-page .crm-red-btn {
    margin-right: 15px;
}

.crm-page .crm-choose-delivery-method .crm-blue-btn {
    margin-right: 0;
}

/*.crm-page crm-button-dropdown-select .crm-sorting-by > button {*/
    /*width: max-content;*/
/*}*/
.crm-page .crm-inactive-checkbox .crm-input-chackbox > .crm-check,
.crm-page .crm-upload-checkbox.crm-inactive-checkbox .crm-checked-un-checked label.crm-check {
    background-color: #ebebec;
}

.crm-page .crm-upload-checkbox.crm-inactive-checkbox .crm-checked-un-checked .crm-checked-un-checked-tooltip {
    color: #afafb3;
}

.crm-SMTP.crm-base-margin-top {
    margin-top: 8px;
}

.crm-template-list .crm-parent-row i.crm-fa-caret {
    float: left;
    /*padding-top: 11px;*/
}

.crm-template-list .crm-parent-row span {
    float: left;
}

.crm-thumbnails-no-image-hover {
    width: 550px;
    height: 366px;
    cursor: zoom-in;
    padding-top: 4px;
    background-image: url("../assets/img/noimagelarge.png");
}

.crm-thumbnails-no-image {
    width: 30px;
    height: 30px;
    cursor: zoom-in;
    padding-top: 4px;
    display: inline-block;
    background-image: url("../assets/img/noimage.png");
}

.crm-thumbnails {
    width: 26px;
    height: 26px;
    cursor: zoom-in;
    /*padding-top: 4px;*/
}

.crm-thumbnails-large {
    width: 500px;
    height: auto;
}

.crm-base-tooltip-large-container .crm-image-tooltip {
    box-shadow: 20px 20px 5px #888888;
    box-shadow: -20px -20px 5px #888888;
}

.crm-text-with-thumbnails {
    margin-left: 30px;
}

.crm-page .crm-segment-dynamic-create-buttons .crm-inactive-btn {
    margin-right: 0;
}

.crm-page .crm-wizard-steps-block {
    min-width: 113px;
}

.crm-non-customer-last-page > .crm-col-1,
.crm-field-mapping > .crm-col-1,
.crm-non-custom-upload > .crm-col-1 {
    min-width: 130px;
}

.crm-non-customer-last-page > .crm-col-11,
.crm-field-mapping > .crm-col-11 {
    padding-left: 15px;
    width: calc(100% - 145px) !important;
}

.crm-field-mapping > .crm-col-11 h3 {
    width: 100%;
}

.crm-non-customer-upload {
    width: 48%;
}

.crm-page crm-schedule .input-group.date.date-picker.crm-col-7 {
    width: auto;
}

.crm-page .crm-campaign-analysis-list .crm-filters-grid {
    min-width: 185px;
}

.crm-filters-grid input-holder.date-picker {
    min-width: 200px;
}

.crm-adapter .crm-query-show-count-info-buttons > .crm-icon-btn-with-text {
    padding: 3px 8px;
}

.crm-adapter .crm-query-show-count-info-buttons {
    float: right;
    padding: 4px;
}

.crm-dynamic-date-small-window {
    display: none;
}

.crm-not-selected-block {
    margin: 5px;
    border: 1px solid #ded8d8;
    background: #f1f3f4;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.09);
}

.crm-selected-block {
    margin: 5px;
    border: 1px solid #ded8d8;
    background: #b0e2cd;
    color: white;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.09);
}

.crm-filters-grid crm-query-value-date-from-to input-holder.date-picker {
    min-width: 180px;
}

.crm-page .crm-analytics-date-range-for-all.crm-view-mode .crm-filters-grid {
    width: 65%;
}

.crm-page .crm-analytics-date-range-for-all.crm-view-mode .crm-filters-grid input-holder.date-picker {
    min-width: 160px;
}

.crm-campaing-list-info-popup .crm-custom-label-area.crm-clearfix i {
    margin-top: -3px;
    margin-left: 15px;
}

.crm-campaing-list-info-popup .crm-custom-label-area.crm-clearfix p {
    display: inline-block;
    float: left;
    padding-left: 0;
}

.crm-filters-grid input-holder.date-picker {
    min-width: 154px;
    /*min-width: 180px;*/
}

crm-schedule .crm-filters-grid input-holder.date-picker {
    min-width: 240px;
}

.crm-page crm-schedule .crm-inputs-field-group .crm-status-edit .crm-field-group-text input {
    width: 208px;
}

.crm-page .crm-bonus-engine .crm-input input {
    width: 71%;
}

.crm-campaing-list-info-popup .crm-custom-label-area.crm-clearfix span {
    padding-right: 15px;
}

.crm-static-upload .crm-select-box {
    width: 180px;
}

.crm-custom-label-area span.segment-top-grid-preview {
    width: 99.999%;
}

.crm-custom-label-area.crm-campaign-usage span > p.crm-campaigns {
    float: right;
    padding-left: 7px;
    font-weight: 100;
}

.crm-custom-label-area.crm-campaign-usage span {
    width: fit-content;
    float: left;
}

.crm-campaign-channel.crm-report-schedule-provider .crm-channel-part {
    min-height: 80px;
}

.crm-campaign-channel.crm-report-schedule-provider .crm-channel-part .rm-select-channel > div.crm-not-allowed > .btn.dropdown-toggle.selectpicker.btn-default {
    background: #f1f2f2;
}

.crm-dropdown-container .crm-dropdown-container-header.crm-report-result-dates-header {
    height: 95px;
}

.crm-dropdown-container .crm-dropdown-container-header.crm-report-result-dates-header.crm-report-parameters-height {
    height: 215px;
}

.crm-report-result-dates > p {
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    display: inline-block;
    z-index: 2;
    width: fit-content;
}

.crm-global-search.crm-page .crm-ad-hoc-search-instruments .crm-filters-grid {
    width: 9%;
}

.crm-prev-next-buttons-container {
    float: left;
    width: 100%;
    display: block;
    padding: 14px;
}

.crm-prev-next-buttons-container > div {
    text-align: center;
}

.crm-prev-next-buttons-container .crm-carousel-prev-button {
    float: left;
    margin-left: 15px;
}

.crm-prev-next-buttons-container .crm-carousel-next-button {
    float: right;
    margin-right: 15px;
}

.crm-carousel-view-for-mobile.crm-tab-container-tabs.crm-extension-tab-block {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.crm-carousel-view-for-mobile > li {
    white-space: normal;
}

.crm-carousel-item.actived {
    float: left;
    border: 3px solid #48c9b0;
    background: #ffffff;
}

/*Email and SMS Provider Settings*/
.crm-sms-provider-settings .crm-dropdown-container .crm-dropdown-container-body,
.crm-email-provider-settings .crm-dropdown-container .crm-dropdown-container-body {
    width: 49.959%;
    border: 0;
    padding: 0;
}

.crm-sms-provider-settings .crm-settings-half-block,
.crm-email-provider-settings .crm-settings-half-block {
    /*border: 1px solid #d4d7de;*/
    float: left;
}

.crm-sms-provider-settings .crm-input-chackbox .crm-checked-un-checked-tooltip,
.crm-email-provider-settings .crm-input-chackbox .crm-checked-un-checked-tooltip {
    padding-top: 4px;
    float: left;
    padding-right: 10px;
}

.crm-sms-provider-settings .crm-checked-un-checked .crm-check,
.crm-email-provider-settings .crm-checked-un-checked .crm-check {
    float: left;
}

.crm-sms-provider-settings .crm-sms-provider-settings-grid-part,
.crm-email-provider-settings .crm-email-provider-settings-grid-part,
.crm-sms-provider-settings .crm-sms-provider-settings-input-part > div,
.crm-email-provider-settings .crm-email-provider-settings-input-part > div {
    border: 1px solid #d4d7de;
}

.crm-page .crm-dropdown-container .crm-sms-provider-settings-grid-part > .crm-dropdown-container-body,
.crm-page .crm-dropdown-container .crm-email-provider-settings-grid-part > .crm-dropdown-container-body {
    border: 0;
}

.crm-sms-provider-settings .bootstrap-select {
    height: 50px;
}

.crm-empty-data-second-text {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    top: 50%;
}

.crm-extension-tab-component {
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.09);
}

.crm-invalid {
    padding-right: 8px;
    border-color: #e11f3a;
    box-shadow: inset 0 0 2px #E11F3A;
}

.crm-sms-provider-textarea {
    min-height: 74px;
}

.fileUploadAdditionalText label {
    font: 14px OpenSansRegular !important;
}

.crm-uploaded-image-container {
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.10);
    min-height: 500px;
    overflow: hidden;
    width: 100%;
    height: auto;
}

#fileUploadAdditionalText {
    width: 100%;
    height: 593px;
    border: 1px solid #dde0e3;
    font: 400 14px Arial;
}

#fileUploadAdditionalTextEdit {
    width: 100%;
    /*height: 593px;*/
    border: 1px solid #dde0e3;
    font: 400 14px Arial;
}

.smsProviderAdditionalText {
    width: 100%;
    height: 36px;
    border: 1px solid #dde0e3;
    font: 400 14px Arial;
    margin-top: 6px;
}

/*crm SelectPicker Styling*/
.crm-select-picker {
    position: relative;
}

.crm-select-picker-label {
    margin-bottom: 6px;
}

.crm-select-picker-shown-block {
    /*height: 54px;*/
}

.crm-select-picker-shown-block {
    position: relative;
}

.crm-page input.crm-select-picker-input {
    width: 100% !important;
    height: 36px;
    background-color: white;
    border: 1px solid #b8e5f6;
    cursor: pointer;
    padding-left: 8px;
    border-radius: 3px;
}

.crm-select-picker-icon > i {
    font: 12px/34px FontAwesome;
    display: block;
    position: absolute;
    top: 0;
    right: 11px;
    margin: 0;
    pointer-events: none;
    color: #999999;
    z-index: 60;
}

.crm-select-picker-body {
    display: block;
    float: left;
    width: 100%;
    transition: 300ms background;
    margin: 0 0 1px;
    max-height: 124px;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    /* display: none; */
    white-space: nowrap;
    font: 0/0 Roboto;
    background: white;
    padding: 0;
    border: 1px solid #E4E6E6;
    margin: -1px 0;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
    top: 100%;
    left: 0;
    width: 100%;
    min-height: 0;
    overflow-y: scroll;
}

.crm-select-picker-body > li {
    display: block;
    float: left;
    width: 100%;
    font: 13px/30px Roboto;
    padding: 0 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #474747;
}

.crm-selected {
    background: #F5F5F5;
}

#uploadedImageEdit,
#uploadedImage {
    overflow: hidden;
    width: 100%;
    background-color: white;
}

#uploadedImageEdit > img,
#uploadedImage > img {
    overflow: hidden;
    width: 100%;
}

.crm-page crm-settings-extension-value-mailchimp .crm-dropdown-container .crm-dropdown-container-body,
.crm-page crm-settings-extension-value-mailup .crm-dropdown-container .crm-dropdown-container-body {
    border: 0;
}

.crm-page .crm-valid-val #fileUploadAdditionalText {
    border-color: #4ec7ab;
    box-shadow: inset 0 0 2px #4EC7AB;
}

.crm-page .crm-invalid-val #fileUploadAdditionalText {
    border-color: #e11f3a;
    box-shadow: inset 0 0 2px #E11F3A;
}

.modal-dialog.crm-page .crm-select-box .bootstrap-select.dashboard-item {
    width: 100%;
}

.modal-dialog.crm-campaing-list-info-popup.crm-popup-segment-create-edit .crm-field-group-text .crm-field-group-text.crm-input-min-height > input {
    /*width: 815px;*/
}

.crm-date-picker .crm-input-text label {
    font-weight: 700 !important;
    text-align: left;
    /*font: 14px OpenSansbold !important;*/
    min-height: 20px;
    float: left;
    width: 100%;
    margin: 0 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 300ms color, 300ms margin;
}

.crm-page .crm-date-picker .crm-input-text input {
    height: 32px;
}

.crm-date-picker-shown-block input-holder .input-right-label {
    font: 12px/30px FontAwesome
}

.crm-grid-title-no-icon {
    margin-left: 36px;
}

.crm-grid-title-with-icon {
    margin-left: 4px;
    padding-left: 4px;
    line-height: 2;
}

.crm-grid-title-with-icon, .crm-grid-title-no-icon {
    max-width: 118px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.crm-tracked-link-part span {
    height: 34px;
    padding: 0 15px;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 34px;
}

.crm-tracked-link-part .crm-col-10 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-dashboard-info-label > h3 > label {
    /*padding-bottom: 7px;*/
    font-size: 14px;
}

/** Dashboard new Blocks Style End */
/*.crm-dashboard-info-container .crm-dropdown-container .crm-dropdown-container-body.crm-border {*/
    /*border-top: 1px solid rgba(212, 215, 222, 0.54);*/
/*}*/

.crm-parent-container-static-height {
    min-height: 319px;
}

.crm-container-static-height {
    /*height: 241px;*/
    /*min-height: 241px;*/
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
}

.crm-dashboard-info-container > .crm-material-tabs-content,
.crm-dashboard-info-container > .crm-material-tabs-content > .crm-container-static-height {
    height: inherit;
}

.crm-dashboard-info-container {
    /*height: 324px;*/
}

.crm-dashboard-info-container-child {
    height: 245px;
}

.crm-campaign-info-item {
    width: 100%;
    min-height: 28px;
    float: left;
    border-bottom: 1px solid rgba(212, 215, 222, 0.54);
}

/*crm-complete-info-block-per-partner .crm-empty-data {*/
    /*height: 325px;*/
/*}*/

.crm-campaign-info-item > p:first-child {
    padding-right: 8px;
}

/*.crm-container-static-height > crm-donut-chart > .crm-col-12 {*/
    /*height: 190px;*/
/*}*/

.crm-campaign-info-item > p {
    font-size: 14px;
    /*width: auto;*/
    display: inline-block;
    float: left;
    padding: 4px 0 4px 0;
    line-height: 1.5;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-campaign-info-item > i {
    margin-top: 1px;
    margin-left: 6px;
}

.crm-dashboard-info-container .crm-material-tabs.crm-bonus {
    width: calc((100% - 8px) / 2);
}

.crm-dashboard-info-container .crm-material-tabs {
    width: calc((100% - 8px) / 3);
    border: 0;
    background: #ffffff;
    color: #919191;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    text-transform: uppercase;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.crm-dashboard-info-container .crm-material-tabs.active {
    border-bottom: 2px solid #1abb9c;;
    color: rgb(88, 100, 102);
}

.crm-dashboard-info-container.crm-bonus .crm-container-static-height {
    overflow-x: hidden;
    overflow-y: auto;
}

.crm-composite-preview span.crm-col-6,
.crm-dashboard-info-label label {
    font-family: "Open Sans", sans-serif !important;
    vertical-align: middle;
    margin-bottom: 0;
    line-height: 20px;
    position: relative;
    display: table;
    font-size: 18px;
    color: #5a5a5a;
    letter-spacing: 0.6px;
    text-align: left;
}

.crm-composite-preview span.crm-col-6 {
    font-weight: 700;
    font-size: 14px;
}

.crm-custom-item-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*tooltip hover in campain report*/

.hover-tooltip {
    position: relative;
    display: inline-block;
}

.hover-tooltip .tooltiptext {
    visibility: hidden;
    position: absolute;
    width: 138px;
    min-height: 25px;
    padding: 10px;
    background: #fff;
    color: #444;
    border-radius: 4px;
    z-index: 10;
    box-shadow: 5px 5px 13px rgba(51, 51, 51, 0.3);
    text-align: center;
    left: 55px;
    bottom: 10px;
}

.hover-tooltip:hover .tooltiptext {
    visibility: visible;
}

.hover-tooltip .crm-col-8 {
    height: 34px;
    padding: 0 15px;
    line-height: 34px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 34px;
}

/*end*/

/*.crm-dropdown-container .crm-dropdown-container-header  span .width-border {*/
/*border-right: none;*/
/*}*/

.crm-first-column p {
    color: #949494;
}

.crm-material-tabs-content crm-donut-chart > div .crm-empty-data,
.crm-material-tabs-content crm-donut-chart > div {
    height: 238px;
}

.height-for-static {
    min-height: 0 !important;
}

.crm-container-static-height .crm-empty-data {
    /*height: 225px;*/
    height: 84%;
    /*position: relative;*/
}

/** Dashboard new Blocks Style End */
.crm-chart-cnt-static-height.crm-chart-container > div {
    position: relative;
    height: 100%;
}

.crm-chart-container .crm-empty-data {
    position: relative;
    height: 100%;
}

.crm-popup-segment-create-edit crm-tabs.crm-carousel > ul.crm-tab-container-tabs {
    width: 100%;
}

.crm-popup-segment-create-edit crm-tabs.crm-carousel > ul.crm-tab-container-tabs > li.crm-carousel-item {
    width: calc(100% / 2);
    border: 0;
    background: #ffffff;
    color: #919191;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    text-transform: uppercase;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

.crm-popup-segment-create-edit .crm-tab-container crm-tabs.crm-carousel > .crm-tab-container-tabs li.crm-carousel-item.actived {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 2px solid #1abb9c !important;
    color: #586466;
}

.crm-min-height-for-loader-container {
    min-height: 150px;
}

.crm-tracked-link-part {
    max-height: 250px;
    overflow: auto;
}

.crm-page .action-toolbar-row input {
    width: 100%;
}

.crm-ad-hoc-create crm-search-for-base-grid .crm-filters-grid,
.crm-ad-hoc-create crm-search-for-base-grid .action-toolbar-row,
.crm-trigger-template .crm-search-for-base-grid-width .crm-filters-grid,
.crm-trigger-template .crm-search-for-base-grid-width .action-toolbar-row {
    width: calc(100% / 2);
}

.crm-trigger-template .crm-search-for-base-grid-width .crm-filters-grid li {
    width: 100%;
}

.crm-ad-hoc-create crm-search-for-base-grid .action-toolbar-row > .left-actions,
.crm-trigger-template .crm-search-for-base-grid-width .action-toolbar-row > .left-actions {
    width: 50%;
}

.crm-page .crm-dropdown-container-header div.crm-input-search.crm-global-search {
    position: absolute;
    top: 0;
    right: 0;
}

.crm-global-search.crm-input-search > .action-toolbar-row {
    padding: 0;
    margin: 0;
}

.crm-global-search.crm-input-search > .action-toolbar-row > .left-actions > input {
    background: #9898984d;
}

.crm-template-generator-body > div {
    position: relative;
    width: 100%;
    float: left;
    display: block;
}

.crm-template-generator-body iframe {
    width: 100%;
    float: left;
    height: 665px;
}

.crm-template-generator-body iframe .editable.block {
    display: none;
}

.crm-template-generator-body iframe #toolbar {
    background-color: #898f90 !important;
    color: black !important;
}

.crm-page .crm-base-background .crm-chart-container crm-donut-chart > div {
    height: 94%;
}

.crm-drop-block {
    border: 1px solid #eeeeee;
}

.crm-drop-container {
    min-height: 435px;
}

.crm-composite-segment-item {
    border: 1px solid #dde0e3;
    border-radius: 5px;
    padding: 8px;
    font-size: 14px;
    text-align: center;
}

.crm-drag-and-drop-active tbody tr {
    cursor: move;
    border: 1px solid #dedddd;
    background-color: #fbfbfb;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.09);
    border-radius: 3px;
    transition: all 0.3s ease;
    transition-delay: 0.2s;
    transform: scale(0.99);
}

.crm-drag-and-drop-active tbody tr:hover {
    width: 100%;
    height: auto;
    background-color: white;
    z-index: 9;
    box-shadow: 1px 1px 7.09px -1px #8e8e8e;
    transform: scale(1);
    overflow: hidden;
}

.crm-page .crm-dnd-container-active.crm-drag-and-drop-active .adv-table-translate.crm-base-grid .adv-table-scroll table tbody tr:not(.highlighted):hover td:not(.sub-table-cell):not(.not-this) {
    background-color: #c1eee6;
}

.crm-drag-and-drop-active tbody tr:hover td {
    width: 100%;
}

.crm-main-drop-area-empty,
.crm-drop-area-empty {
    min-height: 135px;
}

.crm-main-drop-area-empty.crm-empty-container,
.crm-drop-area-empty.crm-empty-container {
    border: 3px dotted #cdc8c8;
    border-radius: 26px;
    transition: all 0.5s;
    transition-delay: 0s;
    transform: scale(0.8);
}

.crm-main-drop-area-empty.crm-empty-container.on-drag-hover,
.crm-drop-area-empty.crm-empty-container.on-drag-hover {
    width: 103%;
    border: 3px dotted #00ac81;
    transform: scale(0.9);
}

.crm-main-drop-area-empty .crm-composite-segment-item {
    background-color: #c1eee6;
}

.crm-drop-area-empty .crm-composite-segment-item {
    background-color: #efefef;
}

.crm-dnd-container-active {
    position: relative;
}

.crm-drag-and-drop-disable.crm-dnd-container-active:before {
    content: " ";
    z-index: 10;
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
}

.crm-popup-multi-el-body .crm-custom-campaign-info .crm-dropdown-container-body {
    height: 550px;
}

.crm-composite-segment-preview > .crm-tab-container > .crm-carousel > .crm-tab-container-tabs {
    width: 100%;
}

.crm-composite-segment-preview > .crm-tab-container > .crm-carousel > .crm-tab-container-tabs > li {
    border: 0 !important;
    background: #ffffff;
    color: #919191;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    text-transform: uppercase;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    width: calc(100% / 5);
}

.crm-composite-segment-preview > .crm-tab-container > .crm-carousel > .crm-tab-container-tabs > li.actived {
    border-bottom: 2px solid #1abb9c !important;
    color: rgb(88, 100, 102);
}

.crm-composite-segment-item .crm-custom-label-area > p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-composite-segment-item .crm-custom-label-area span {
    width: 33%;
}

.crm-page .clear-action {
    float: left;
    padding-left: 15px;
    /*max-width: 100px;*/
}

.crm-page .crm-filters-reset-button > button {
    height: 32px !important;
    padding: 0 20px;
}

.marketTypeCascade input.crm-tree-control {
    height: 34px;
}

.crm-products-wrapper .crm-tree-control {
    height: 34px;
    border: 1px solid #dde0e3;
}

.crm-fa-caret {
    color: #2dc1cb;
}

.adv-table-translate.crm-base-grid .adv-table-scroll table tr.odd-bg td.crm-sub-row,
.adv-table-translate.crm-base-grid .adv-table-scroll table tr.even-bg td.crm-sub-row,
.adv-table-translate.crm-base-grid .adv-table-scroll table tr.open-bg td.crm-sub-row {
    padding-left: 60px;
}

.adv-table-translate.crm-base-grid .adv-table-scroll table tr.open-bg td:not(.crm-sub-row) {
    background-color: #ffffff;
    border-top: solid 1px #2dc1cb;
}

.adv-table-translate.crm-base-grid .adv-table-scroll table tr.open-bg td:first-child {
    border-left: solid 5px #2dc1cb;
}

.crm-page .crm-add-campaign-button {
    margin-right: 0;
}

.crm-page .crm-ad-hoc-create .crm-products-tree-view {
    min-height: 80px;
}

.crm-page .crm-ad-hoc-create .crm-products-tree-view crm-tree-view > .crm-col-8,
.crm-page .crm-ad-hoc-create .crm-products-tree-view crm-tree-view > .crm-col-8 > input {
    width: 100%;
}

.crm-page .crm-composite-operations > .crm-input-radio > span {
    float: left;
    line-height: 1.5;
    padding-right: 8px;
}

.crm-page .crm-composite-operations > .crm-input-radio .crm-custom-tooltip i {
    margin-top: 3px;
}

.crm-page .crm-drop-area-empty .crm-empty-block-text,
.crm-page .crm-main-drop-area-empty .crm-empty-block-text {
    height: 130px;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    color: #cdc8c8;
}

.crm-main-drop-area-empty.crm-empty-container.on-drag-hover > .crm-empty-block-text,
.crm-drop-area-empty.crm-empty-container.on-drag-hover > .crm-empty-block-text {
    color: #00ac81;
}
.crm-invalid-input {
    padding-right: 26px;
    border-color: #e11f3a;
    box-shadow: inset 0 0 2px #E11F3A;
}
.crm-valid-input {
    padding-right: 26px;
    border-color: #4ec7ab;
    box-shadow: inset 0 0 2px #4EC7AB;
}

.crm-not-droppable {
    pointer-events: none;
}

.crm-page .crm-multi-call-auto-complete .crm-autocomplete-block input {
    width: 100%;
}

.crm-multi-call-auto-complete .crm-autocomplete-search-result-block li > p {
    display: inline-block;
}

.crm-adapter.crm-tab-container .crm-preview-table {
    width: 100%;
}

.crm-page crm-bonus-engine .crm-input input.crm-select-picker-input {
    width: 100%;
}

.crm-page .crm-bonus-engine .crm-input-text span i {
    top: 0;
    right: 12px;
}

.crm-page .crm-bonus-engine .crm-select-picker-shown-block {
    height: 36px;
}

.crm-page .crm-bonus-engine .crm-select-picker-body .crm-select-picker-each-item-text {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    float: left;
}

.crm-campaing-list-info-popup .template-create-edit #crmEditorIFrame {
    width: 100%;
    min-width: 1070px;
    min-height: 500px;
}

.crm-page .template-create-edit #main-toolbox > div, #main-toolbox > div > div {
    overflow-y: scroll !important;
}

.crm-each-languages-block {
    padding: 7px 0;
    border-bottom: 1px solid #e8e0e0;
}

.crm-flags-for-list {
    width: 25px;
    height: 17px;
    float: left;
    display: block;
    position: relative;
}

.crm-flags {
    width: 20px;
    height: 16px;
    float: left;
    display: block;
    position: relative;
}

.crm-country-codes {
    font-size: 12px;
    float: left;
    line-height: 1.3;
}

.crm-en-flag {
    background: url(../assets/img/flags.png) 0 34.38% / 100%;
}

.crm-rt-flag,
.crm-ru-flag {
    background: url(../assets/img/flags.png) 0 73.23% / 100%;
}

.crm-es-flag {
    background: url(../assets/img/flags.png) 0 82.948% / 100%;
}

.crm-sp-flag {
    background: url(../assets/img/flags.png) 0 82.948% / 100%;
}

.crm-tr-flag {
    background: url(../assets/img/flags.png) 0 90.93% / 100%;
}

.crm-zs-flag,
.crm-zh-flag {
    background: url(../assets/img/flags.png) 0 18.7499% / 100%;
}

.crm-ko-flag {
    background: url(../assets/img/flags.png) 0 82.25% / 100%;
}

.crm-sq-flag {
    background: url(../assets/img/flags.png) 0 1.40% / 100%;
}

.crm-hy-flag {
    background: url(../assets/img/flags.png) 0 5.21% / 100%;
}

.crm-az-flag {
    background: url(../assets/img/flags.png) 0 6.96% / 100%;
}

.crm-bn-flag {
    background: url(../assets/img/flags.png) 0 8% / 100%;
}

.crm-be-flag {
    background: url(../assets/img/flags.png) 0 9.1% / 100%;
}

.crm-bs-flag {
    background: url(../assets/img/flags.png) 0 11.79% / 100%;
}

.crm-hr-flag {
    background: url(../assets/img/flags.png) 0 22.91% / 100%;
}

.crm-cs-flag {
    background: url(../assets/img/flags.png) 0 24.3% / 100%;
}

.crm-da-flag {
    background: url(../assets/img/flags.png) 0 24.67% / 100%;
}

.crm-et-flag {
    background: url(../assets/img/flags.png) 0 28.13% / 100%;
}

.crm-fj-flag {
    background: url(../assets/img/flags.png) 0 30.16% / 100%;
}

.crm-fi-flag {
    background: url(../assets/img/flags.png) 0 30.55% / 100%;
}

.crm-fr-flag {
    background: url(../assets/img/flags.png) 0 30.87% / 100%;
}

.crm-ka-flag {
    background: url(../assets/img/flags.png) 0 32.98% / 100%;
}

.crm-de-flag {
    background: url(../assets/img/flags.png) 0 33.34% / 100%;
}

.crm-el-flag {
    background: url(../assets/img/flags.png) 0 34.73% / 100%;
}

.crm-ht-flag {
    background: url(../assets/img/flags.png) 0 38.2% / 100%;
}

.crm-hu-flag {
    background: url(../assets/img/flags.png) 0 39.58% / 100%;
}

.crm-is-flag {
    background: url(../assets/img/flags.png) 0 40.61% / 100%;
}

.crm-hi-flag {
    background: url(../assets/img/flags.png) 0 40.96% / 100%;
}

.crm-id-flag {
    background: url(../assets/img/flags.png) 0 41.31% / 100%;
}

.crm-ap-flag,
.crm-fa-flag {
    background: url(../assets/img/flags.png) 0 42% / 100%;
}

.crm-ga-flag {
    background: url(../assets/img/flags.png) 0 42.69% / 100%;
}

.crm-he-flag {
    background: url(../assets/img/flags.png) 0 43.74% / 100%;
}

.crm-it-flag {
    background: url(../assets/img/flags.png) 0 44.06% / 100%;
}

.crm-ja-flag {
    background: url(../assets/img/flags.png) 0 44.74% / 100%;
}

.crm-kk-flag {
    background: url(../assets/img/flags.png) 0 45.84% / 100%;
}

.crm-ky-flag {
    background: url(../assets/img/flags.png) 0 47.54% / 100%;
}

.crm-lo-flag {
    background: url(../assets/img/flags.png) 0 47.54% / 100%;
}

.crm-lv-flag {
    background: url(../assets/img/flags.png) 0 48.24% / 100%;
}

.crm-ls-flag {
    background: url(../assets/img/flags.png) 0 48.94% / 100%;
}

.crm-lr-flag {
    background: url(../assets/img/flags.png) 0 49.24% / 100%;
}

.crm-ly-flag {
    background: url(../assets/img/flags.png) 0 49.64% / 100%;
}

.crm-li-flag {
    background: url(../assets/img/flags.png) 0 50% / 100%;
}

.crm-lt-flag {
    background: url(../assets/img/flags.png) 0 50.4% / 100%;
}

.crm-lb-flag {
    background: url(../assets/img/flags.png) 0 50.7% / 100%;
}

.crm-mk-flag {
    background: url(../assets/img/flags.png) 0 51.4% / 100%;
}

.crm-mt-flag {
    background: url(../assets/img/flags.png) 0 53.44% / 100%;
}

.crm-mh-flag {
    background: url(../assets/img/flags.png) 0 53.77% / 100%;
}

.crm-mn-flag {
    background: url(../assets/img/flags.png) 0 56.9% / 100%;
}

.crm-ne-flag {
    background: url(../assets/img/flags.png) 0 60.07% / 100%;
}

.crm-no-flag {
    background: url(../assets/img/flags.png) 0 65.24% / 100%;
}

.crm-ar-flag {
    background: url(../assets/img/flags.png) 0 68.04% / 100%;
}

.crm-pl-flag {
    background: url(../assets/img/flags.png) 0 70.45% / 100%;
}

.crm-pt-flag {
    background: url(../assets/img/flags.png) 0 70.78% / 100%;
}

.crm-ro-flag {
    background: url(../assets/img/flags.png) 0 72.87% / 100%;
}

.crm-sr-flag {
    background: url(../assets/img/flags.png) 0 77.76% / 100%;
}

.crm-sk-flag {
    background: url(../assets/img/flags.png) 0 79.48% / 100%;
}

.crm-sl-flag {
    background: url(../assets/img/flags.png) 0 79.83% / 100%;
}

.crm-so-flag {
    background: url(../assets/img/flags.png) 0 80.53% / 100%;
}

.crm-af-flag {
    background: url(../assets/img/flags.png) 0 81.2% / 100%;
}

.crm-sv-flag {
    background: url(../assets/img/flags.png) 0 85.72% / 100%;
}
.crm-ua-flag,
.crm-uk-flag {
    background: url(../assets/img/flags.png) 0 92.99% / 100%;
}
.crm-pb-flag {
    background: url(../assets/img/flags.png) 0 12.86% / 100%;
}
.crm-nl-flag {
    background: url(../assets/img/flags.png) 0 60.38% / 100%;
}
.crm-vi-flag {
    background: url(../assets/img/flags.png) 0 95.78% / 100%;
}
.crm-bg-flag {
    background: url(../assets/img/flags.png) 0 13.91% / 100%;
}
.crm-ms-flag {
    background: url(../assets/img/flags.png) 0 52.35% / 100%;
}
.crm-th-flag {
    background: url(../assets/img/flags.png) 0 88.15% / 100%;
}
.crm-sw-flag {
    background: url(../assets/img/flags.png) 0 46.14% / 100%;
}

.crm-disabled-flag:before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    background-color: rgba(135, 133, 133, 0.67);
    cursor: not-allowed;
}

.crm-choose-language-popup {
    max-width: 114px;
}

.crm-ad-hoc-create .crm-autoComplete-block p {
    display: inline-block;
    max-width: 220px;
}

.crm-ad-hoc-create .crm-autoComplete-block .crm-flags-for-list {
    float: right;
    margin-top: 4px;
}

.crm-workflow-flags-for-list {
    margin-left: 5px;
}

.crm-wf-required {
    color: red;
}

/*Popup Notification Part*/
#crmPopUpNotificationFrame,
#crmPopUpNotificationFrameEdit {
    width: 100%;
    min-height: 700px;
    padding: 0 15px;
    border: 1px solid #dcdada;
}

#crmPopUpNotificationFramePreview {
    width: 100%;
    min-height: 450px;
}

.custom-content-modal-body p.crm-select-picker-each-item-text {
    margin: 0;
}

.crm-page .crm-input-text span.crm-inline {
    display: inline;
}

/*============================================= workflow ========================================================*/
.modal-dialog.modal-lg.crm-workflow-trigger-manage-modal .action-toolbar-row.crm-clear-padding,
.modal-dialog.modal-lg.crm-workflow-action-manage-modal .action-toolbar-row.crm-clear-padding {
    width: 75%;
}

.crm-workflow-segment-trigger-select::after {
    content: "Select";
}

.crm-workflow-segment-trigger-select {
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 20%;
    padding: 5px 12px;
    cursor: pointer;
}

.crm-workflow-segment-trigger-select:hover {
    color: #003eff;
    padding: 5px 14px;
    border: 2px solid #ccc;
}

.crm-workflow-trigger-manage-modal .crm-custom-label-area p, .crm-workflow-trigger-manage-modal p.crm-custom-item-text {
    margin: 0;
}

.crm-workflow-trigger-manage-modal .custom-content-modal-body .crm-custom-label-area p {
    text-align: start;
    margin-left: 30%;
}

.crm-workflow-trigger-manage-modal p.crm-custom-item-text {
    text-align: start;
}

.modal-dialog.modal-lg.crm-workflow-trigger-manage-modal.language-confirmation-modal.crm-page .static-sizes,
.modal-dialog.modal-lg.crm-workflow-action-manage-modal.language-confirmation-modal.crm-page .static-sizes {
    width: 880px;
    height: 726px;
}

.workflow-preview .crm-tab-container .crm-carousel .crm-tab-container-tabs li.crm-carousel-item {
    padding-top: 2px;
}

.workflow-preview.w-f-template-body,
.workflow-preview.w-f-bonus-body {
    overflow-y: auto;
    max-height: 295px;
}

.crm-workflow-trigger-manage-modal .crm-dropdown-container-static-height {
    height: 300px;
}

.crm-workflow-trigger-manage-modal .crm-static-segmend-preview-grid {
    height: 380px;
}

.crm-workflow-trigger-manage-modal .crm-dropdown-container-static-height.crm-composite-segment-body {
    height: 360px;
    max-height: 360px;
}

.crm-workflow-trigger-manage-modal .adv-table-translate.crm-base-grid {
    margin: 0;
}

.workflow-preview.w-f-bonus-body {
    border: 1px solid #cccccc;
}

.w-f-bonus-body-title {
    font-size: 16px;
    font-weight: 600;
    text-align: start;
}

.crm-page .crm-input-text input.crm-b-p:focus {
    box-shadow: none;
}

.crm-workflow-action-manage-modal .crm-select-picker-label label,
.crm-workflow-trigger-manage-modal .crm-select-picker-label label {
    display: block;
    margin-bottom: 6px;
    /*font: 14px OpenSansSemibold !important;*/
    font-size: 14px;
    line-height: 20px;
}

.crm-workflow-static-date-time .crm-consider-time {
    display: inline-block;
    padding-left: 8px;
}

.crm-btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.crm-btn-group > .crm-workflow-btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-color: transparent;
}

.crm-btn-group > .crm-workflow-btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-color: transparent;
}

.crm-workflow-btn {
    color: #cccccc;
    background-color: #f5f5f6;
    border: 1px solid #cccccc;
}

.crm-workflow-btn.active {
    color: #fff;
    background-color: #0560af;
    border-color: #0560af;
}

.crm-workflow-operation-btn {
    display: block;
    width: 50%;
    float: left;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    max-width: 100%;
}

.crm-workflow-operation-btn > input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.crm-input-text.crm-workflow-input input {
    height: 32px;
    padding: 0 3px 0 6px;
    min-width: 42px;
    outline: none !important;
}

.crm-workflow-input span.crm-workflow-after-time {
    position: absolute;
    top: 10px;
    right: -1px;
    font-weight: 700;
}

.crm-workflow.crm-custom-text {
    line-height: 1.5;
    /*padding: 8px 0;*/
}

.crm-workflow-select-picker-icon,
.crm-workflow-date-picker-icon {
    height: 94%;
    position: absolute;
    top: 1px;
    right: 36px;
    width: 36px;
    z-index: 60;
    border-left: solid 1px #ccc;
    background: #f6f6f6f0;
}

.custom-content-modal-body .crm-workflow.crm-custom-text {
    margin: 0;
}

.crm-workflow-date-picker-icon {
    right: 1px;
}

.crm-workflow-select-picker-icon.crm-only-select {
    right: 1px;
}

.crm-workflow-select-picker-icon > i,
.crm-workflow-date-picker-icon > i {
    font: 12px/34px FontAwesome;
    display: block;
    position: absolute;
    top: 0;
    right: 38%;
    margin: 0;
    pointer-events: none;
    color: #999999;
    z-index: 60;
}

.crm-workflow-date-tab-btn {
    display: block;
    margin-bottom: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.crm-workflow-date-tab-btn.active {
    border-bottom: 3px solid #0560af;
}

/*.crm-workflow-filter,*/
.crm-workflow-static-dynamic-date-time {
    border: 1px solid #e5e9ec;
    background-color: #fff;
}

.crm-workflow-filter {
    margin-bottom: 15px;
    /*background-color: #fbfbfb;*/
}

.crm-workflow-filter-delete-icon {
    margin-right: 12px;
    height: 20px;
}

.crm-workflow-filter-delete-icon {
    color: #8a8888;
}

.crm-workflow-static-date-time .crm-checked-un-checked label.crm-check {
    margin: 6px 4px 2px 0;
}

.crm-workflow-filters-marge {
    max-height: 600px;
    height: auto;
    min-height: 1px;
    overflow-y: auto;
    /*overflow-x: hidden;*/
}

.crm-workflow-filter-title {
    width: 50%;
    text-align: start;
    padding-left: 10px;
    margin-bottom: -20px;
    font-weight: 700;
    color: #696868;
}

.crm-page .crm-multi-call-auto-complete.crm-workflow-autocomplete .crm-autocomplete-block input {
    width: 96%;
    display: inline-block;
}

.crm-page .crm-autocomplete-block .crm-workflow-autocomplete-search-result-block {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 4px;
    width: 100%;
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #d4d7de;
    background: #F6F6F6;
    z-index: 1002;
}

.crm-page .crm-autocomplete-block .crm-workflow-autocomplete-search-result-block tr.crm-dark-green-bg > td {
    background-color: #edf2f9 !important;
}

.crm-workflow-scheduler {
    border-bottom: 1px solid #ccc;
}

.crm-workflow-date-control {
    width: 30%;
    float: left;
    padding: 8px;
    height: 72px;
}

.crm-workflow-date-control.width-transform {
    width: 45%;
}

.crm-workflow-date-control label {
    font-size: 12px;
    text-align: start;
    padding: 0;
    width: 100%;
    float: left;
}

.crm-workflow-repeat-control {
    width: 10%;
    float: left;
    padding: 8px;
    height: 72px;
}

.crm-workflow-repeat-control > .switcher {
    background-color: #fcfcfd;
    font-size: 13px;
}

.crm-workflow-repeat-control > .switcher.active,
.crm-workflow-scheduler-date-periods.active {
    background-color: #eff9f7;
    border-bottom: 2px solid #1abb9c;
}

.crm-workflow-scheduler-date-periods {
    display: block;
}

.crm-workflow-repeatedly-items-block .crm-inputs-field-group .crm-status-edit .crm-field-group-text input {
    height: 36px;
    padding: 0 8px;
    width: 100%;
}

span.crm-workflow-input-validation > p.crm-workflow-error-message {
    padding-top: 7px;
    color: #e72041;
    font-size: 12px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1;
    text-align: left;
}

.crm-workflow-validation {
    border: 1px solid red;
}

.crm-workflow-validation > p.crm-error-message {
    color: #e72041;
    font-size: 12px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    text-align: left;
}

.crm-workflow-block-option .crm-bonus-iput-field {
    padding-left: 0;
    padding-right: 0;
}

.crm-workflow-condition-input .crm-input input {
    width: 100%;
}

.crm-page .crm-multi-call-auto-complete.crm-workflow-condition-autocomplete .crm-autocomplete-block input {
    width: 94%;
    display: inline-block;
}

.crm-page .crm-multi-call-auto-complete.crm-workflow-condition-autocomplete.crm-autocomplete-cnt .crm-autocomplete-block {
    padding: 3px;
}

.crm-page .crm-workflow-condition-autocomplete .crm-autocomplete-search-result-block {
    border: none;
}

.crm-bonus-engine-clear-button {
    position: absolute;
    right: -84px;
    width: 76px;
    padding: 0;
    margin: 4px 6px;
    top: -5px;
    height: 32px;
}

.crm-popup-notification-frame-body {
    position: absolute;
    width: 89%;
    height: 450px;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 2;
    cursor: default;
    display: block;
}

.template-delivery-method-page > div.crm-one-fifth > div.hide-btns-container,
.campaing-manager-main-page > div.crm-one-fifth > div.hide-btns-container {
    height: 44px;
}

.template-delivery-method-page > div.crm-one-fifth > div.hide-btns-container > div,
.campaing-manager-main-page > div.crm-one-fifth > div.hide-btns-container > div {
    line-height: 43px;
}
.creat-a-campaining .crm-template-select .template-delivery-method-page > div, .crm-root .crm-dashboard .template-delivery-method-page > div {
    width: calc((100% - 64px) / 4);
}

.crm-wf-builder-config-buttons {
    display: flex;
    justify-content: flex-end;
}
.crm-wf-builder-config-buttons > button {
    background: #fff;
    border: 1px solid #1B9CFB;
    border-radius: 3px;
    margin: 0 0 8px 8px;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    color: #7c7b82;
}
.crm-wf-builder-config-buttons > button:hover {
    color: #3e3c3c;
}
.crm-wf-builder-config-buttons.crm-wf-inactive-buttons > button {
    background-color: #cccccc3b;
    border-color: #d6d3d3 !important;
    cursor: not-allowed;
    color: #cccccc;
}

.crm-wf-builder-wrapper{
    width: 100%;
    height: 500px;
}

/*============================================= workflow end ========================================================*/
.creat-a-campaining .crm-template-select .template-delivery-method-page > div, .crm-root .crm-dashboard .template-delivery-method-page > div {
    width: calc((100% - 64px) / 4);
}
/*!* ================================================================================= Media Queries ====================================================================*!*/

@media screen and (max-width: 1780px) {
    /*Dashboard page*/
    .crm-dashboard .crm-template-select > .template-delivery-method-page > div.crm-one-fifth {
        width: calc((100% - 90px) / 3);
    }

    .crm-dashboard .crm-template-select > .template-delivery-method-page > div.crm-one-fifth > span {
        font: 24px/188px Verdana;
    }

    .creat-a-campaining .crm-template-select .template-delivery-method-page > div {
        width: calc((100% - 60px) / 2);
    }

    .creat-a-campaining.crm-dashboard .template-delivery-method-page > div {
        width: calc((100% - 60px) / 2);
    }

    .crm-dropdown-container-header.trigg-filter-part {
        height: 77px;
    }

    .trigg-filter-part > h3 {
        width: 100%;
    }

    .trigg-filter-part > span {
        top: -34px;
    }

    .trigg-filter-part > .crm-triggered-filters-settings-inputs > label {
        padding-left: 0 !important;
    }

    .crm-page .crm-custom-chart-icon {
        right: -38%;
    }

    .crm-page .crm-info-block-chart-logo > i {
        left: 36%;
    }

    .crm-page .crm-action-icon-container > div:not(:first-child) {
        margin: 0 !important;
    }

    .crm-page .crm-mode-label {
        margin: 16px 0 0 0;
        width: auto;
    }

    .crm-page .crm-search-by-block {
        min-width: 22%;
    }

    .crm-page .crm-search-by-mode {
        min-width: 22%;
    }

    .crm-page .crm-search-by-mode.crm-col-2 {
        min-width: 17%;
    }

    .crm-page .crm-search-input-block {
        min-width: 38%;
    }
    .crm-page .crm-search-input-block.crm-query-config {
        min-width: 55%;
    }

    .crm-page .crm-search-by-block {
        min-width: 19%;
    }

    .crm-page .crm-search-for-base-grid > .crm-search-input-block {
        min-width: 23%;
    }

    .crm-page .crm-search-for-base-grid > .crm-more-tools-dropdown {
        min-width: 17%;
    }

    .crm-page .crm-search-for-base-grid > .crm-more-tools-dropdown > crm-button-dropdown-select > .crm-choose-delivery-method.crm-sorting-by {
        width: 100% !important;
    }

    /*Segmentation Dynamic Create Page*/
    .crm-page .crm-segment-dynamic-create-buttons {
        float: right;
    }

    crm-query-filter-generator > .crm-dropdown-container > .crm-dropdown-container-header > h3 {
        width: 42%;
    }

    .crm-page .crm-ongoing-campaign-list .crm-dropdown-container-header > h3 {
        width: 100%;
    }

    /*Ad Hog Capmaign Create Page*/
    .crm-page crm-schedule > .crm-clearfix .crm-filters-grid li {
        width: 100%;
    }

    .crm-page crm-schedule > .crm-clearfix > .crm-inputs-field-group {
        width: 100%;
    }

    .crm-page crm-schedule > .crm-clearfix label {
        width: 9%;
    }

    .crm-page crm-schedule .crm-inputs-field-group .crm-status-edit > div.crm-field-group-text.crm-col-7 {
        padding-left: 7px !important;
        width: 174px;
    }

    /*Report Schedule*/
    .crm-page crm-schedule > .crm-clearfix > .crm-inputs-field-group.crm-cron-block {
        width: 33.666%;
    }

    .crm-page crm-schedule > .crm-clearfix label {
        min-width: 135px;
        width: auto;
    }

    .crm-page crm-schedule > .crm-col-8.crm-cron-block {
        width: 66.666%;
    }

    .crm-page crm-schedule > .crm-clearfix > .crm-inputs-field-group {
        width: 33%;
    }

    .crm-page crm-schedule > .crm-clearfix > .crm-inputs-field-group.crm-cron-block.crm-col-8.crm-repeat-frequency {
        width: 67%;
    }

    .crm-page .crm-filter-list crm-query-value-date-time-from-to-dynamic .crm-col-6 .crm-col-4,
    .crm-page .crm-filter-list crm-query-value-date-from-to-dynamic .crm-col-6 .crm-col-4,
    .crm-page .crm-filter-list crm-query-value-date-time-from-to-dynamic .crm-col-6 .crm-col-3,
    .crm-page .crm-filter-list crm-query-value-date-from-to-dynamic .crm-col-6 .crm-col-3,
    .crm-page .crm-filter-list crm-query-value-date-time-from-to-dynamic .crm-col-6 .crm-col-5,
    .crm-page .crm-filter-list crm-query-value-date-from-to-dynamic .crm-col-6 .crm-col-5 {
        width: 100%;
    }

    .crm-page crm-query-value-date-time-from-to .crm-filters-grid > ul > li.crm-col-12 > div.crm-col-4 {
        width: 91% !important;
        padding: 15px 0 !important;
    }

    .crm-page crm-query-value-date-time-from-to .crm-filters-grid > ul > li.crm-col-12 > div.crm-col-5,
    .crm-page crm-query-value-date-time-from-to .crm-filters-grid > ul > li.crm-col-12 > div.crm-col-6 {
        width: 100% !important;
        padding: 0 !important;
    }

    .crm-filter-list .crm-filters-grid input-holder.date-picker {
        min-width: 180px;
    }

    .crm-filter-list crm-query-value-date-from-to .crm-filters-grid > ul > li {
        width: 100%;
        padding: 15px !important;
    }

    .crm-page .crm-analytics-page .gridster-loaded .crm-filters-grid {
        width: 80%;
    }

    .crm-page .crm-analytics-page .crm-analytics-date-for-all .crm-analytics-date-range-for-all > div > div.crm-col-4:first-child {
        width: 35%;
    }

    .crm-page crm-query-filter-generator .betCurrencySearch.fixHeight crm-query-value-date-dynamic .crm-col-8 > .crm-col-3,
    .crm-page crm-query-filter-generator .betCurrencySearch.fixHeight crm-query-value-date-dynamic .crm-col-8 > .crm-col-4,
    .crm-page crm-query-filter-generator .betCurrencySearch.fixHeight crm-query-value-date-dynamic .crm-col-8 > .crm-col-5 {
        width: 100%;
    }

    .crm-page .crm-include-internal-message.crm-input-text {
        float: left;
    }

    .crm-page .crm-include-internal-message {
        float: right;
    }
    .creat-a-campaining > .template-delivery-method-page > div.crm-one-fifth {
        width: calc((100% / 3) - 30px);
    }
    .creat-a-campaining > .template-delivery-method-page > div.crm-one-fifth > span {
        font: 24px/188px Verdana;
    }
    .template-delivery-method-page > div.crm-one-fifth > div.hide-btns-container,
    .campaing-manager-main-page > div.crm-one-fifth > div.hide-btns-container {
        height: 62px;
    }
    .template-delivery-method-page > div.crm-one-fifth > div.hide-btns-container > div,
    .campaing-manager-main-page > div.crm-one-fifth > div.hide-btns-container > div {
        line-height: 62px;
    }
}

@media screen and (max-width: 1705px) {
    .crm-page .crm-search-for-base-grid > .crm-search-input-block {
        min-width: 40%;
    }

    .crm-page .crm-search-for-base-grid > .crm-search-input-block > .crm-input-search.crm-dark-text {
        width: 137px;
    }

    .crm-page crm-query-configuration .crm-dropdown-container-header > h3 {
        width: 42%;
    }

    .crm-page crm-query-configuration .crm-dropdown-container-header > .crm-col-4 {
        width: 45%;
    }

    .crm-page .crm-custom-campaign-list .crm-dropdown-container-header > h3 {
        width: 100%;
    }

    .crm-page .crm-campaign-buttons {
        width: 100%;
        margin-top: 0;
        padding-top: 0;
    }

    /*Triggered Campaign Create Page*/
    .crm-page .trigg-filter-part.crm-dropdown-container-header > h3 {
        width: 25%;
    }

    .crm-page .trigg-filter-part.crm-dropdown-container-header > .crm-col-10 {
        width: 70%;
    }

    /*Report List*/
    .crm-page .crm-report-list .crm-filters-grid {
        min-width: 130px;
    }

    .crm-page crm-query-filter-generator crm-query-value-date-time .crm-col-5.crm-field-group-text {
        width: 90%;
        padding-left: 0 !important;
        padding-top: 15px;
    }

    .crm-page crm-query-filter-generator crm-query-value-date-time .crm-filters-grid {
        width: 100% !important;
    }

    .crm-filters-grid input-holder.date-picker {
        min-width: 200px;
    }
}

@media screen and (max-width: 1656px) {
    .crm-page .crm-ongoing-campaign-buttons {
        width: 100%;
        margin-top: 0;
    }

    .crm-page .crm-ongoing-campaign-general .crm-dropdown-container-body > .crm-col-10 {
        width: 100%;
    }

    .crm-page .crm-ongoing-campaign-general .crm-dropdown-container-body > .crm-col-10 > .crm-col-2 {
        width: 33.3%;
    }

    .crm-page .loginSourceCurency {
        right: 37%;
    }

    /*Triggered Campaign Create Page*/
    .crm-page .crm-trigger-template > .crm-dropdown-container-body .crm-search-for-base-grid-width {
        min-width: 378px;
    }

    /*Ad Hoc Analytics Page*/
    .crm-page .crm-campaign-general-analytics .crm-analyses-range .crm-col-6.crm-inputs-field-group {
        width: 100%;
    }

    .crm-page crm-query-filter-generator crm-query-value-date-from-to .crm-filters-grid > ul > li.crm-col-6 {
        width: 100%;
        padding: 15px !important;
    }

    .crm-page .crm-analitics-description > .crm-col-5.crm-analytics-date-for-all {
        width: 100%;
    }

    .crm-page .crm-analitics-description > .crm-col-5.crm-analytics-date-for-all .crm-checked-un-checked-tooltip, .crm-page .crm-checked-un-checked .crm-check {
        float: left;
    }

    .crm-page .crm-analytics-page .crm-analytics-date-for-all .crm-analytics-date-range-for-all > div > div.crm-col-4:first-child {
        width: 22%;
    }

    .crm-page .crm-analytics-page .crm-analytics-date-for-all .crm-view-mode.crm-analytics-date-range-for-all > div > div.crm-filters-grid.crm-col-4 {
        width: 40%;
    }
    .crm-page .crm-date-query-filter > .crm-col-6 .crm-filters-grid > .crm-col-5 {
        width: 100%;
    }
    .creat-a-campaining .crm-template-select .template-delivery-method-page > div, .crm-root .crm-dashboard .template-delivery-method-page > div {
        width: calc((100% - 32px) / 2);
    }
    .crm-page .crm-middl-cnt-static-height .crm-date-query-filter .crm-checked-un-checked .crm-check {
        float: right;
    }
}

@media screen and (max-width: 1504px) {
    .crm-segment-list .crm-col-11 .crm-choose-delivery-method.crm-sorting-by {
        /*position: absolute;*/
    }

    .crm-non-customer-last-page .crm-wizard-min-height > .crm-input > .crm-col-12 > .crm-col-3 {
        width: 33%;
    }

    /*Ad Hoc List Page*/
    .crm-page .crm-ad-hoc-list .action-toolbar-row {
        width: 70%;
        padding-top: 32px;
    }
    /*.crm-page .right-actions {*/
        /*width: 21%*/
    /*}*/
    .crm-ad-hoc-search-instruments .crm-col-2.clear-action {
        padding-top: 0;
    }
    .crm-ad-hoc-search-instruments .crm-filters-grid {
        width: 85%;
    }

    .crm-ad-hoc-search-instruments .crm-col-2 {
        width: 21%;
        padding-left: 0;
        padding-top: 8px;
    }

    /*Ad Hoc Create Page*/
    .crm-page .crm-ad-hoc-create .crm-campaign-general-body .crm-channel-part {
        width: 36%;
    }

    .crm-page .crm-ad-hoc-create .crm-campaign-general-body .crm-channel-part .crm-select-box {
        width: 100% !important;
        padding-left: 0 !important;
    }

    .crm-page .crm-ad-hoc-create .crm-campaign-general-body .crm-filters-grid:not(:first-child):not(:last-child) {

        padding-top: 15px;
    }

    .crm-page .crm-ad-hoc-create .crm-campaign-general-body .crm-filters-grid {
        width: 100%;
    }

    .crm-page .crm-ad-hoc-create .crm-campaign-general-body .crm-select-channel.crm-select-channel-provider {
        padding-top: 15px;
    }

    /*Template List Page*/
    .crm-page .crm-template-list .action-toolbar-row {
        width: 44%;
    }

    .crm-static-report-create crm-check-uncheck-list .crm-dropdown-container > .crm-dropdown-container-header > .crm-search-input-block,
    .crm-static-report-create crm-check-uncheck-list .crm-dropdown-container > .crm-dropdown-container-header > h3 {
        width: 100%;
    }

    .crm-static-report-create crm-check-uncheck-list .crm-dropdown-container > .crm-dropdown-container-header {
        height: 100px;
    }
    .crm-page .crm-dashboard-analytics-chart-resize > div > label {
        width: 100%;
    }
    .crm-page .crm-dashboard-analytics-chart-resize > div > div {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .crm-page .crm-static-report-create crm-check-uncheck-list .crm-dropdown-container-header button.crm-small-btn,
    .crm-page .crm-static-report-create crm-check-uncheck-list .crm-dropdown-container-header .crm-input-search  {
        float: left;
    }
    .crm-check-uncheck .transfer-double-arrows {
        padding: 5px 18px 5px 11px;
    }
}

@media screen and (max-width: 1466px) {
    .crm-page .crm-progress-bar-block-container {
        width: 100%;
    }

    .crm-page .crm-progress-bar-block-container > .segmentatino-content-block > .crm-col-12 {
        width: calc((100% - 60px) / 3);
        margin-top: 0;
    }

    .crm-page .crm-progress-bar-block-container > .segmentatino-content-block > .crm-col-12:first-child,
    .crm-page .crm-progress-bar-block-container > .segmentatino-content-block > .crm-col-12:last-child {
        margin-right: 30px;
    }

    .crm-page .crm-progress-bar-block-container > .segmentatino-content-block > .crm-col-12:last-child {
        margin: 0 0 0 30px;
    }

    .crm-page .crm-statistic-panel-1 {
        height: 176px;
    }

    .crm-page .crm-progress-bar-view {
        height: 67%;
    }

    .crm-page .crm-registration-activity {
        width: 100%;
    }

    .agp .user-settings-popup-container > .modal-dialog > .modal-content > .crm-campaing-list-info-popup.crm-report-list-info.crm-for-static-segment {
        width: 80% !important;
    }

    .crm-page .crm-report-block .crm-dropdown-container > .crm-dropdown-container-header > h3 {
        width: 83%;
    }

    .crm-page .crm-calendar-settings-view-part {
        width: 100%;
    }

    .crm-page .crm-calendar-settings-part {
        width: 50%;
    }

    .crm-page .crm-dashboard-pie-charts .crm-charts-text-container {
        width: 100%;
    }

    .crm-page .crm-charts-text-container {
        width: 55%;
    }

    .crm-page .crm-analitics-description > .crm-col-5 {
        width: 100%;
        padding: 15px 0 0 0;
    }

    .crm-page .crm-analytics-page .crm-analytics-date-for-all .crm-view-mode.crm-analytics-date-range-for-all > div > div.crm-filters-grid.crm-col-4 {
        padding-top: 0;
        width: 40%;
    }

    .crm-page .crm-analytics-page .gridster-loaded .crm-filters-grid,
    .crm-page .crm-analytics-page .crm-view-mode.crm-analytics-date-range-for-all > div > div.crm-filters-grid {
        width: 85%;
    }

    .crm-page .crm-analitics-description > .crm-col-5 .crm-view-mode.crm-analytics-date-range-for-all {
        padding-top: 15px;
        float: left;
        width: 100%;
    }

    .crm-page .crm-analitics-description > .crm-col-5 .crm-view-mode.crm-analytics-date-range-for-all div.crm-col-4.crm-clear-padding-top {
        width: 20%;
        padding: 0 37px;
    }

    .crm-page .crm-analitics-description > .crm-col-5 .crm-view-mode.crm-analytics-date-range-for-all .crm-input-chackbox.crm-checked-un-checked {
        width: 100%;
    }

    .crm-page .crm-analytics-page .crm-analytics-date-range-for-all > div > div {
        padding: 8px;
        width: 100%;
    }

    .crm-page .crm-analytics-date-range-for-all > div > div {
        padding: 0;
        width: 15%;
    }


    .crm-page .chart-dragable-element .crm-analytic-component-menu {
        line-height: 1.5;
    }

    .creat-a-campaining .template-delivery-method-page > div {
        width: calc((100% - 60px) / 2);
    }

    .crm-page .crm-draggable-text {
        width: 85%;
    }

    /*Predefined Segmentation List page*/
    .crm-page .crm-predefined-list .crm-col-8 > crm-search-for-base-grid,
    .crm-page .crm-predefined-list .crm-col-8 {
        width: 100%;
    }

    .crm-page .crm-predefined-list crm-search-for-base-grid .crm-filters-grid {
        width: 25%;
    }

    /*Segmentation Static Create Page*/
    .crm-page .crm-button-margin-top.crm-static-create-buttons {
        width: 100%;
        margin-top: 0;
        padding-bottom: 16px !important;
    }

    .crm-static-create-form {
        width: 100%;
    }

    /*Segmentation Dynamic Create Page*/
    .crm-page .crm-segment-dynamic-create {
        width: 100%;
    }

    .crm-page .crm-segment-dynamic-create-buttons {
        width: 100%;
        margin-top: 0;
        padding-bottom: 16px !important;
    }

    /*Custom Campaign Crate Page*/
    .crm-page .crm-custom-campaign-create .crm-custom-campaign-general > .crm-custom-campaign-buttons {
        width: 35%;
    }

    .crm-page .crm-custom-campaign-create .crm-custom-campaign-general > .crm-col-9 {
        width: 65%;
    }

    .crm-page .crm-custom-campaign-create .crm-custom-campaign-general > .crm-col-9 > .crm-col-7 {
        width: 100%;
    }

    .crm-page .crm-custom-campaign-buttons {
        width: 27%;
    }

    .crm-page .crm-custom-campaign-general > .crm-col-9 {
        width: 73%;
    }

    .crm-page crm-schedule > .crm-clearfix > .crm-inputs-field-group.crm-cron-block.crm-col-8.crm-repeat-frequency {
        width: 100%;
    }

    .crm-page .crm-cron-block,
    .crm-page .crm-schedule crm-schedule .crm-cron-block {
        bottom: 0;
    }

    .crm-page .crm-analytics-page .crm-analytics-date-for-all .crm-analytics-date-range-for-all > div > div {
        width: 15%;
    }

    .crm-page .crm-analitics-description > .crm-col-5 .crm-view-mode.crm-analytics-date-range-for-all .crm-input-chackbox.crm-checked-un-checked .crm-check,
    .crm-page .crm-analitics-description > .crm-col-5 .crm-view-mode.crm-analytics-date-range-for-all .crm-input-chackbox.crm-checked-un-checked > .crm-checked-un-checked-tooltip {
        float: left;
    }

    .crm-analytic-component .crm-filters-grid input-holder.date-picker {
        min-width: 150px;
    }

    .crm-page .crm-campaign-report .crm-filters-grid > ul > li {
        width: 48%;
    }

    .crm-page .crm-ad-hoc-create .crm-campaign-general-body .crm-general-inputs .crm-campaign-channel > .crm-col-3 {
        width: 32%;
    }

    .crm-page .crm-ad-hoc-create .crm-campaign-general-body .crm-filters-grid {
        padding: 0;
    }

    .crm-page .crm-ad-hoc-create .crm-campaign-general-body .crm-filters-grid > ul > li.crm-col-12 {
        padding: 0 0 6px 0;
    }

    .crm-page .crm-ad-hoc-buttons {
        margin-top: 120px;
    }
    .crm-page .crm-middl-cnt-static-height .crm-date-query-filter .crm-filters-grid > .crm-col-7 {
        width: 100%;
    }
    .crm-page .crm-middl-cnt-static-height .crm-date-query-filter .crm-checked-un-checked .crm-check {
        float: left;
    }
    .crm-filters-container {
        width: 30%;
    }
    .crm-filter-width-for-mac-screen {
        width: 70%;
    }
}

@media screen and (max-width: 1300px) {

    .crm-dashboard-kpis-wrapper {
        width: 33.333%;
    }

    .crm-page crm-search-for-base-grid {
        width: 100%;
    }

    .crm-page .crm-search-for-base-grid > .crm-more-tools-dropdown > crm-button-dropdown-select {
        width: 244px;
    }

    .crm-page .crm-search-for-base-grid > .crm-more-tools-dropdown > crm-button-dropdown-select > div > button {
        width: 100%;
    }

    .crm-page .crm-search-for-base-grid > .crm-search-input-block {
        padding-right: 0;
        padding-bottom: 8px;
    }

    .crm-page .crm-search-for-base-grid > .crm-search-input-block > div {
        width: 49%;
    }

    .crm-page .crm-search-for-base-grid > .crm-search-input-block > button.crm-small-btn {
        padding: 3px 12px;
    }

    .crm-page .crm-search-for-base-grid > .crm-category-type > label {
        padding-right: 16px;
    }

    .crm-page .crm-report-create-buttons {
        width: 100%;
    }

    .crm-page .crm-static-report-create .crm-col-6 {
        width: 100%;
    }

    .crm-page .crm-static-report-create .crm-col-6 span.crm-col-12 {
        width: 75%;
    }

    .crm-page .crm-segment-dynamic-create > .crm-col-7 {
        width: 75%;
    }

    .crm-page .crm-filter-list > .crm-dropdown-container-header > h3 {
        width: 35%;
    }

    .crm-page .crm-filter-list > .crm-dropdown-container-header > div.crm-col-4 {
        width: 63%;
    }

    .crm-page crm-query-filter-generator > .crm-dropdown-container > .crm-dropdown-container-header,
    .crm-page crm-query-filter-marge > .crm-query-merge-container .crm-dropdown-container > .crm-dropdown-container-header {
        height: 90px;
    }

    .crm-page crm-query-configuration .crm-dropdown-container-header > h3 {
        width: 100%;
    }
    .crm-page crm-query-configuration .crm-dropdown-container-header > h3.crm-query-config {
        width: 42%;
    }

    .crm-page crm-query-configuration crm-query-filter-marge .crm-dropdown-container-header > h3 {
        width: 80%;
    }

    .crm-page .crm-query-filter-search {
        float: left;
        width: 100%;
    }
    .crm-page .crm-query-filter-search.crm-query-config {
        float: right;
        width: 55%;
    }

    .crm-page .crm-query-filter-search > div,
    .crm-page .crm-query-filter-search > button {
        float: left;
    }

    .crm-page .crm-static-create-form {
        width: 100%;
    }

    .crm-page .crm-static-create-buttons.crm-button-margin-top {
        width: 100%;
        margin-top: 0;
    }

    .crm-page .crm-empty-data-text {
        font-size: 80%;
    }

    .crm-page .crm-custom-campaign-general > .crm-col-9 {
        width: 100%;
    }

    .crm-page .crm-custom-campaign-general > .crm-col-9 > .crm-col-7 {
        width: 100%;
    }

    .crm-page .crm-custom-campaign-buttons {
        width: 100%;
        margin-top: 0;
        padding-top: 0;
    }

    .crm-page .crm-custom-campaign-elements-general .crm-col-5 {
        width: 70%;
    }

    .crm-page .crm-custom-campaign-elements-general .crm-col-4 {
        width: 30%;
    }

    .crm-page .crm-custom-campaign-elements-general .crm-custom-campaign-elements-buttons {
        width: 100%;
        margin-top: 0;
        padding-top: 0;
    }

    .crm-page crm-check-uncheck-list .crm-dropdown-container > .crm-dropdown-container-header > h3 {
        width: 100%;
    }

    .crm-page crm-check-uncheck-list .crm-dropdown-container > .crm-dropdown-container-header {
        height: 90px;
    }

    .crm-page .crm-chart-cnt-static-height.crm-chart-container {
        height: 485px !important;
    }

    .agp .user-settings-popup-container > .modal-dialog > .modal-content > .modal-dialog {
        width: 80%;
    }

    .crm-page.crm-triggered-campaign-popup .crm-config-tab-fix-height .crm-custom-label-area p {
        padding-left: 0;
        word-wrap: unset;
    }

    .crm-page.crm-triggered-campaign-popup .crm-config-label-area p {
        width: 50%;
    }

    .crm-page .crm-triggered-report > .crm-chart-cnt-static-height {
        width: 50%;
    }

    .crm-page .crm-trigg-search-filter > .crm-col-3 {
        width: auto;
    }

    .crm-page .crm-merge-settings-result.crm-trigg-search-filter > .crm-col-1 {
        width: 15%;
    }

    .crm-non-custom-upload {
        width: 100%;
    }

    .modal-dialog.crm-campaing-list-info-popup.crm-popup-segment-create-edit.crm-page crm-query-configuration .crm-dropdown-container-header > h3 {
        width: 100%;
    }

    .modal-dialog.crm-campaing-list-info-popup.crm-popup-segment-create-edit.crm-page crm-query-configuration .crm-dropdown-container-header > .crm-col-4 {
        width: 98%;
        padding-top: 7px;
    }

    .crm-page .crm-charts-text-container > h2 {
        line-height: 1;
    }

    .crm-static-create-list .crm-col-6.crm-pull-right > .crm-input-text {
        float: left;
    }

    .crm-static-create-list .crm-col-6.crm-pull-right > .crm-input-text:first-child {
        padding-left: 0;
    }

    .crm-static-create-list .crm-col-6.crm-pull-right {
        width: 100%;
        float: left;
    }

    .crm-page .crm-filter-list .crm-col-6.crm-input-number-from {
        padding-right: 0;
    }

    .crm-page .crm-filter-list .crm-col-6.crm-input-number-to {
        padding-left: 0;
    }

    .crm-page crm-query-filter-generator crm-query-value-dynamic-from-to .equalCurency {
        padding-right: 15px;
    }

    .crm-page .crm-filter-list .crm-col-6 {
        width: 100%;
    }

    .crm-date-query-filter > div.crm-col-6:first-child {
        height: auto;
    }

    .crm-date-query-filter > div.crm-col-6, .crm-date-query-filter > div.crm-dynamic-date-range {
        height: 728px;
    }

    .crm-filter-container-static-height .crm-middl-cnt-static-height {
        height: 200px;
        min-height: 200px;
    }

    .crm-page crm-query-value-date-static .crm-filters-grid {
        width: 50%;
    }

    .crm-page crm-query-filter-generator crm-query-value-date-from-to > .crm-filters-grid li.crm-col-6 {
        width: 49.959%;
        padding-right: 15px !important;
    }

    .crm-page crm-query-filter-generator .crm-large-btn.crm-green-btn {
        margin-left: 15px;
    }

    .crm-crossfilters-section crm-query-value-dynamic-from-to .crm-radio-button-with-tooltip > .crm-col-2,
    .crm-crossfilters-section crm-query-value-dynamic .crm-radio-button-with-tooltip > .crm-col-2,
    .crm-crossfilters-section crm-query-value-dynamic-from-to .crm-radio-button-with-tooltip > span,
    .crm-crossfilters-section crm-query-value-dynamic .crm-radio-button-with-tooltip > span {
        width: 100%;
    }

    /*Non-Customer List page*/
    .crm-page .crm-non-customers-list .crm-filters-grid {
        width: 40%;
    }

    /*Template List Page*/
    .crm-page .crm-template-list .crm-filters-grid {
        width: 57%;
    }

    .crm-page .crm-template-list .action-toolbar-row {
        width: 100%;
        padding-left: 0;
        padding-top: 15px;
    }

    /*Ad Hoc List Page*/
    .crm-page .crm-ad-hoc-list .crm-filters-grid {
        width: 87%;
    }

    .crm-page .crm-ad-hoc-list .crm-ad-hoc-search-instruments .crm-col-2 {
        width: 22%;
        padding-left: 0;
        padding-right: 15px;
    }

    .crm-page .crm-ad-hoc-list .action-toolbar-row {
        width: 75%;
        padding-left: 0;
        padding-top: 33px;
    }

    /*Triggered List*/
    .crm-page .crm-triggered-campaign-search .action-toolbar-row {
        width: 75%;
    }

    /*Ad Hoc Create Page*/
    .crm-ad-hoc-create .crm-campaign-general-body .crm-campaign-channel .crm-col-5 {
        width: 53%;
    }

    .crm-page crm-schedule > .crm-clearfix label {
        width: 8%;
    }

    .crm-page .crm-ad-hoc-create .crm-bonus .crm-include-internal-message > div {
        width: 100%;
    }

    /*Custom Campaign Elements Create Page*/
    .crm-page .crm-custom-campaign-elements-general .crm-number-input-min-height .crm-channel-part {
        width: 85%;
    }

    .crm-page .crm-custom-campaign-elements .crm-bonus .crm-include-internal-message > div {
        margin-left: 0 !important;
    }

    .crm-page .crm-custom-campaign-elements .crm-campaign-search-for-base-grid {
        width: 100%;
    }

    /*Custom Campaign Crate Page*/
    .crm-page .crm-custom-campaign-create .crm-custom-campaign-general > .crm-col-9 {
        width: 100%;
    }

    .crm-page .crm-custom-campaign-create .crm-custom-campaign-general > .crm-col-9 > .crm-col-7 {
        width: 65%;
    }

    .crm-page .crm-custom-campaign-create .crm-custom-campaign-general > .crm-custom-campaign-buttons {
        width: 100%;
    }

    .crm-page .crm-ad-hoc-create .crm-bonus .crm-include-internal-message > div {
        margin-left: 1% !important;
    }

    /*Campaign Live Monitoring Page*/
    .crm-page .crm-campaign-live-monitor .crm-campaign-report-header {
        height: 85px;
    }

    .crm-page .crm-campaign-live-monitor .crm-header-border {
        margin: 45px 15px 0 15px;
    }

    .crm-page .crm-campaign-live-monitor .crm-campaign-report-header > h3 {
        width: 45%;
    }

    .crm-page crm-schedule > .crm-clearfix > .crm-inputs-field-group {
        width: 100%;
    }

    .crm-page .segmentatino-content-block .crm-input.crm-col-3 {
        width: 50%;
    }

    .crm-page crm-query-value-date-time-from-to .crm-filters-grid > ul > li.crm-col-12 > div.crm-col-5,
    .crm-page crm-query-value-date-time-from-to .crm-filters-grid > ul > li.crm-col-12 > div.crm-col-6 {
        width: 50% !important;
    }

    .crm-page crm-query-value-date-time-from-to .crm-filters-grid > ul > li.crm-col-12 > div.crm-col-4 {
        width: 41% !important;
        padding: 28px 15px !important;
    }

    .crm-check-uncheck .transfer-double-arrows {
        padding: 5px 18px 5px 11px;
    }

    .crm-dynamic-date-wide-window {
        display: none;
    }

    .crm-dynamic-date-small-window {
        display: block;
        border-top: 1px solid #cecece;
    }

    .crm-page .crm-analytics-page .crm-analytics-date-for-all .crm-analytics-date-range-for-all > div > div {
        width: 20%;
    }

    .crm-page crm-query-filter-generator crm-query-value-date-time .crm-col-5.crm-field-group-text {
        width: 40%;
        padding-left: 15px !important;
        padding-top: 0;
    }

    .crm-page crm-query-filter-generator crm-query-value-date-time .crm-filters-grid {
        width: 40% !important;
    }

    .crm-page crm-query-filter-generator crm-query-value-date-from-to .crm-filters-grid > ul > li.crm-col-6:first-child {
        padding-right: 0 !important;
    }

    .crm-page crm-query-filter-generator crm-query-value-date-from-to .crm-filters-grid > ul > li.crm-col-6 {
        width: 50%;
    }

    .crm-date-query-filter > div.crm-col-6:not(:last-child) {
        height: 350px;
    }

    .crm-bonus-engine .crm-bonus-iput-field .crm-col-4.crm-input {
        padding: 10px !important;
        width: 100%;
    }

    .crm-bonus-engine .crm-bonus-iput-field .crm-col-6.crm-input-text > .crm-filter-input {
        width: 96%;
    }

    .crm-bonus-engine .crm-bonus-iput-field .crm-col-6.crm-input-text {
        width: 100%;
    }

    .crm-col-4.crm-dashboard-chart-container {
        width: 50%;
    }

    .crm-col-4.crm-dashboard-chart-container:nth-child(2) {
        padding-right: 0 !important;
    }

    .crm-col-4.crm-dashboard-chart-container:last-child {
        padding-left: 0 !important;
        padding-top: 15px !important;
        width: 100%;
    }

    .crm-campaign-bonus-block .crm-col-2 {
        width: 25%;
    }

    .crm-page .crm-month-picker-block .crm-sorting-by span.filter-option {
        width: 60px !important;
    }

    .crm-composite-segment-item .crm-col-2 > .fa {
        display: none;
    }

    .crm-composite-segment-item .crm-custom-label-area span {
        width: 70px;
    }

    .crm-composite-segment-item .crm-custom-label-area p {
        width: 100px;
    }

    .crm-composite-operations > .crm-col-3 {
        width: 100%;
    }
    .creat-a-campaining > .template-delivery-method-page > div.crm-one-fifth {
        width: calc((100% / 2) - 30px);
    }
    .creat-a-campaining > .template-delivery-method-page > div.crm-one-fifth > span {
        font: 24px/188px Verdana;
    }
    .crm-page .crm-segment-list .crm-filters-grid,
    .crm-page .crm-segment-list .action-toolbar-row {
        width: 100%;
    }
    .crm-page .crm-tab-container-body .segmentatino-content-block .crm-settings-buttons.crm-col-3 {
        width: 100%;
    }
    .crm-page .crm-static-report-create .crm-dropdown-container > .crm-dropdown-container-header.crm-filter-tall-header {
        height: 100px;
    }
    .crm-page .crm-campaign-general-body section.crm-input-big-margin-top {
        width: 100%;
    }
    .crm-page .crm-create-button {
        width: 100%;
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 1140px) {
    /*Segmentation List page*/
    .crm-segment-list .crm-filters-grid {
        width: 100%;
    }

    .crm-segment-list .action-toolbar-row {
        padding: 15px 0 0 0;
        width: 100%;
    }

    .crm-segment-list .action-toolbar-row > .left-actions {
        width: 33%;
    }

    .crm-segment-list .action-toolbar-row > .left-actions > input {
        width: 97%;
    }

    .crm-segment-list .action-toolbar-row > .right-actions {
        width: 18%;
    }

    .crm-segment-list .action-toolbar-row .right-actions .crm-choose-delivery-method.crm-sorting-by {
        width: auto !important;
    }

    .crm-segment-list .action-toolbar-row .right-actions .crm-choose-delivery-method.crm-sorting-by > button {
        width: 100%;
    }

    /*Non-Customer Create page*/
    .crm-non-customer-last-page .crm-wizard-min-height > .crm-input > .crm-col-12 > .crm-col-3 {
        width: 60%;
    }

    .crm-non-customer-last-page .crm-wizard-min-height h3 {
        width: 100%;
    }

    /*Non-Customer List page*/
    .crm-page .crm-non-customers-list .crm-segment-list .action-toolbar-row {
        padding: 36px 0 0 10px;
        width: 30%;
    }

    /*Template List Page*/
    .crm-page .crm-template-list .crm-filters-grid {
        width: 80%;
    }

    .crm-page .crm-template-list .action-toolbar-row {
        width: 100%;
    }

    /*Ad Hoc List Page*/
    .crm-page .crm-ad-hoc-list .crm-filters-grid {
        width: 100%;
    }
    .crm-page .right-actions {
        width: 26%;
    }
    .crm-page .crm-create-button {
        width: 100%;
    }
    .crm-page .crm-ad-hoc-list .action-toolbar-row {
        width: 74%;
    }

    .crm-page .crm-ad-hoc-list .crm-ad-hoc-search-instruments .crm-col-2 {
        width: 26%;
    }

    /*Custom Campaign Crate Page*/
    .crm-page .crm-custom-campaign-create .crm-custom-campaign-general > .crm-col-9 {
        width: 100%;
    }

    /*Ad Hoc Analytics Page*/
    .crm-page .crm-campaign-analytics-comparison .crm-col-6 {
        width: 100%;
        padding: 0 0 15px 0 !important;
    }

    /*Ad Hoc Analytics Page*/
    .crm-page .crm-campaign-general-analytics .crm-analyses-slider .crm-col-11 {
        width: 100%;
    }

    .crm-page .crm-campaign-general-analytics .crm-analyses-slider .crm-analytics-upgrade-button {
        width: 100%;
        padding-top: 30px;
    }

    .crm-page .crm-filter-list > .crm-dropdown-container-header > h3 {
        width: 95%;
    }

    .crm-page .crm-filter-list > .crm-dropdown-container-header > div.crm-col-4 {
        width: 98.5%;
        padding-top: 6px;
    }

    .crm-page .crm-filter-list > .crm-dropdown-container-header {
        height: 100px;
    }

    .crm-page .crm-static-upload.crm-input input {
        width: 57%;
    }

    .crm-page .crm-analytics-page .crm-analytics-date-for-all .crm-view-mode.crm-analytics-date-range-for-all > div > div.crm-filters-grid.crm-col-4 {
        padding-top: 0;
        width: 50%;
    }

    .crm-page .crm-analytics-select .segmentatino-main-page > div {
        margin: 15px 15px !important;
    }

    .crm-page .crm-analytic-component .crm-analytics-date-range-for-all .crm-filters-grid > ul > li:first-child {
        padding-bottom: 8px;
    }

    .crm-page .crm-analytic-component .crm-analytics-date-range-for-all .crm-filters-grid > ul > li {
        width: 100%;
    }

    .crm-page .crm-analytics-view-body .crm-view-mode {
        min-height: 542px;
    }

    .crm-analytics-view-body [gridster="blocksGridsterOpts"] .gridster-item {
        min-height: 544px;
        max-height: 544px;
        height: 544px;
    }

    .crm-page .crm-include-internal-message.crm-input-text {
        width: 25%;
    }

    .crm-page .crm-include-internal-message {
        width: 100%;
    }

    .crm-page .crm-bonus-header-height .crm-header-border {
        margin-bottom: 20px;
    }

    .crm-page .adv-table-translate .adv-table-scroll table tr td {
        min-width: min-content;
    }

    .crm-sms-provider-settings-grid-part,
    .crm-sms-provider-settings-input-part,
    .crm-email-provider-settings-grid-part,
    .crm-email-provider-settings-input-part {
        width: 100%;
        padding-right: 0 !important;
    }

    .crm-mail-chimp-extension .crm-col-3 {
        width: 50%;
    }

    .crm-mail-chimp-extension > .crm-col-12 > .crm-col-3:nth-child(2) {
        padding-right: 0 !important;
    }

    .crm-dashboard .crm-template-select > .template-delivery-method-page > div.crm-one-fifth {
        width: calc((100% - 60px) / 2);
    }
}

@media screen and (max-width: 1086px) {

    #d3chartRFM, #crmLineChart, .crm-dashboard-bet-sum-amount-per-hour-wrapper,
    .crm-multi-axis-zoomable-column-chart-wrapper {
        width: 99.999%;
    }

    .crm-page .crm-analytic-component .crm-analytics-date-range-for-all .crm-filters-grid > ul > li {
        width: 50%;
    }

    .crm-dashboard-kpis-wrapper {
        width: 49.959%;
    }

    .crm-page .crm-search-for-base-grid > .crm-more-tools-dropdown > crm-button-dropdown-select {
        width: 224px;
    }

    .crm-page .crm-search-for-base-grid > .crm-search-input-block > button.crm-small-btn {
        padding: 3px 26px;
    }

    .crm-page .crm-search-for-base-grid > .crm-search-input-block {
        width: 100%;
    }

    .crm-page .crm-static-create-form > section.crm-col-5 {
        width: 50%;
    }

    .crm-page .crm-report-block .crm-dropdown-container > .crm-dropdown-container-header {
        height: 80%;
    }

    .crm-page .crm-report-block .crm-dropdown-container > .crm-dropdown-container-header > h3 {
        width: 83%;
    }

    .crm-page .crm-ongoing-campaign-general .crm-dropdown-container-body > .crm-col-10 > .crm-col-4 {
        width: 100%;
        padding-right: 0 !important;
    }

    .crm-page .crm-schedule crm-schedule > .crm-clearfix > .crm-col-4.crm-inputs-field-group,
    .crm-page .crm-schedule crm-schedule > .crm-clearfix > .crm-col-8.crm-inputs-field-group,
    .crm-page .crm-segment-edit-schedule crm-schedule > .crm-clearfix > .crm-col-4,
    .crm-page .crm-segment-edit-schedule crm-schedule > .crm-clearfix > .crm-col-8 {
        width: 100%;
    }

    .crm-page .crm-analytics-select .segmentatino-main-page > div {
        width: 97%;
    }

    .crm-page .crm-charts-text-container {
        width: 100%;
    }

    .crm-page .crm-analytics-page .crm-charts-text-container {
        width: 45%;
    }

    .crm-page .crm-tab-container-body .crm-col-3.crm-input {
        width: 50%;
    }

    .crm-page .crm-draggable-text {
        width: 74%;
        float: left;
    }

    .crm-page .crm-charts-text-container > h2 {
        line-height: 1;
    }

    /*crm-non-customer-create-page*/
    .crm-field-mapping > .crm-col-11 > .crm-col-6.crm-dropdown-container {
        width: 100%;
        padding-right: 15px;
        padding-bottom: 15px;
    }

    .crm-field-mapping > .crm-col-11 > .crm-col-6.crm-dropdown-container > .crm-wizard-min-height {
        min-height: fit-content;
    }

    .crm-non-customer-upload {
        width: 100%;
    }

    .crm-page .crm-tab-container > .crm-tab-container-body .crm-calendar-settings-view-part .crm-filters-grid {
        width: 26%;
    }

    .crm-field-mapping > .crm-col-11 > .crm-col-6.crm-dropdown-container > .crm-wizard-min-height:last-child .crm-col-3 {
        width: 42%;
    }

    .segmentatino-main-page > div:nth-child(2) {
        float: none;
    }

    .crm-page .crm-analytics-page .crm-analytics-date-for-all .crm-analytics-date-range-for-all > div > div.crm-col-4:first-child {
        width: 30%;
    }

    .crm-segment-select-type .segmentatino-main-page > div:nth-child(2) {
        float: left;
    }

    .crm-page .crm-facebook-template-body .crm-col-6 {
        width: 100%;
        padding: 0 !important;
    }

    .crm-page .crm-facebook-template-body .crm-fb-textarea.crm-col-6 {
        padding-top: 15px !important;
    }

    #uploadedImage {
        padding: 15px;
    }

    #fileUploadAdditionalText {
        height: 160px;
    }
}

@media screen and (max-width: 1050px) {
    .crm-col-3.creat-a-campaining.crm-base-padding.crm-progress-bar-block-container {
        width: 100%;
    }

    .crm-col-3.creat-a-campaining.crm-base-padding.crm-progress-bar-block-container .segmentatino-content-block.crm-green-box.crm-progress-bar .crm-col-12.crm-clear-padding.crm-box-shadow .crm-blue-box {
        margin: 0px !important;
    }

    .crm-col-9.crm-base-padding.crm-registration-activity {
        width: 100%;
    }

    /*Segmentation Static Create Page*/
    .crm-page .crm-static-create-list .crm-dropdown-container-header > h3 {
        width: 100%;
    }

    .crm-page .crm-non-customer-last-page .crm-dropdown-container-header > h3 {
        width: 100%;
    }

    /*Triggered Campaign Create Page*/
    .crm-page .crm-triggered-campaign-general > .crm-triggered-campaign-buttons {
        margin-top: 0;
        width: 100%;
    }

    .crm-page .crm-triggered-campaign-general > .crm-col-3 {
        width: 100%;
    }

    .crm-page .crm-triggered-campaign-general > .crm-col-5 {
        width: 100%;
    }

    .crm-page .trigg-filter-part.crm-dropdown-container-header > h3 {
        width: 100%;
    }

    .crm-page .crm-dropdown-container > .trigg-filter-part.crm-dropdown-container-header {
        height: 85px;
    }

    .crm-page .crm-dropdown-container > .trigg-filter-part.crm-dropdown-container-header > .crm-col-10 {
        width: 100%;
        padding-left: 15px;
    }

    /*Template Create Page*/
    .crm-page .crm-template-create .crm-col-3 {
        width: 40%;
    }

    .crm-page .crm-template-create .crm-col-9 {
        width: 60%;
    }

    /*Ad Hoc Report Page*/
    .crm-page .crm-campaign-report .crm-col-6,
    .crm-page .crm-campaign-report .crm-col-4.crm-execution-grid-part {
        width: 100%;
    }

    .crm-page .crm-campaign-report .crm-col-4.crm-execution-grid-part {
        max-height: 100%;
    }

    .crm-page .crm-campaign-report .crm-col-2.crm-tracked-link-part {
        width: 43%;
        padding-left: 15px;
    }

    .crm-page .crm-campaign-report .crm-campaign-report-visualisation .crm-col-3.crm-chart-cnt-static-height {
        width: 50%;
    }

    /*Ad Hoc Analytics Page*/
    .crm-page .crm-campaign-general-analytics .crm-col-6.crm-inputs-field-group {
        width: 100%;
    }

    .crm-page .crm-analytics-by-activity > .crm-col-3 {
        width: 50%;
    }

    .crm-static-report-create crm-check-uncheck-list .crm-dropdown-container > .crm-dropdown-container-header > .crm-search-input-block > .crm-input-search {
        width: 140px;
    }

    .crm-page .crm-analytics-page .crm-analytics-date-range-for-all > div > div.crm-chart-info-box {
        font-size: 10px;
    }

    .crm-col-4.crm-channel-part {
        width: 100%;
    }
    .crm-schedule-wrapper .crm-col-4 {
        width: 100%;
    }
}

@media screen and (max-width: 996px) {

    .crm-dashboard-kpis-wrapper {
        width: 49.959%;
    }

    .crm-segment-list .crm-col-11.crm-clear-padding-left.crm-clear-padding-top .action-toolbar-row {
        width: 100%;
    }

    .custom-content-modal-body .sport_button_panel .col-md-12 div:first-child button {
        margin-bottom: 8px;
        margin-right: 0;
    }

    .custom-content-modal-body > .sport_button_panel > .col-md-12 {
        width: 100%;
        padding-right: 0;
    }

    .custom-content-modal-body > .sport_button_panel .col-md-6 {
        float: left;
        width: 100%;
    }

    .custom-content-modal-body > .sport_button_panel .col-md-6 > button {
        float: left;
        width: 100%;
        max-width: 100%;
    }

    .custom-content-modal-body > .sport_button_panel {
        width: 100%;
    }

    .custom-content-modal-body > .sport_button_panel > .col-md--12 {
        width: 100%;
    }

    .crm-page crm-query-filter-generator .crm-dropdown-container > .crm-dropdown-container-header {
        height: 92px;
    }

    .crm-page .crm-static-create-form > section.crm-col-5 {
        width: 100%;
    }

    .crm-col-4.crm-dashboard-chart-container:not(first-child) {
        width: 100%;
        padding: 15px 0 15px 0 !important;
    }

    .crm-col-4.crm-dashboard-chart-container:first-child {
        width: 100%;
        padding: 0 0 15px 0 !important;
    }

    .crm-page .crm-chart-cnt-static-height {
        /*width: 50%;*/
    }

    .crm-page .crm-loyalty-chart .crm-chart-cnt-static-height {
        width: 100%;
    }

    .crm-page .crm-loyalty-chart .creat-a-campaining > .crm-col-4 {
        width: 100%;
    }

    .crm-page .crm-analytics-by-activity > .crm-col-3 > .crm-clearfix > .crm-clearfix > .crm-col-10 > span,
    .crm-page .crm-analytics-by-activity > .crm-col-3 > .crm-clearfix > .crm-col-10 > span {
        float: left;
    }

    .crm-page .crm-analytics-by-activity > .crm-col-3 {
        width: 100%;
    }

    .crm-dropdown-container-body.crm-clear-padding.crm-base-padding.crm-base-background .crm-col-6 .crm-chart-cnt-static-height {
        width: 100%;
    }

    .crm-page .crm-report-block .crm-dropdown-container .crm-chart-container-half-height > .crm-col-4 {
        width: 50%;
    }

    .crm-page .crm-segment-input {
        width: 100%;
    }

    .crm-page .crm-segment-input > .crm-col-10 {
        width: 100%;
    }

    .crm-page .crm-segment-dynamic-create-buttons.crm-button-margin-top {
        margin-top: 0;
        width: 100%;
    }

    .crm-page .crm-campaign-general-body .crm-general-inputs {
        width: 100%;
        padding-right: 0 !important;
    }

    .crm-page .crm-ongoing-campaign-general .crm-dropdown-container-body > .crm-col-10 > .crm-col-2 {
        width: 33.3%;
    }

    .crm-page .crm-custom-title-raw > .crm-col-11 {
        width: 88%;
    }

    .crm-page .crm-custom-campaign-elements-general .crm-col-5,
    .crm-page .crm-custom-campaign-elements-general .crm-col-4 {
        width: 100%;
        padding-right: 0;
    }

    .crm-page .crm-custom-campaign-elements-general .crm-col-4 .crm-select-box {
        width: 300px;
    }

    .crm-page .crm-custom-campaign-elements-general .crm-col-4 .crm-select-box.crm-adapter {
        padding-top: 0;
    }

    .creat-a-campaining .template-delivery-method-page > div {
        width: 96%;
    }

    .crm-page .crm-triggered-campaign-buttons {
        width: 50%;
        margin-top: 0;
    }

    .crm-page .crm-triggered-campaign-general > .crm-col-5 {
        width: 100%;
    }

    .crm-page .crm-triggered-campaign-general > .crm-col-5 > .crm-col-11 {
        width: 100%;
    }

    .crm-page .crm-filter-list > .crm-dropdown-container-header > div.crm-col-4 {
        width: 98.5%;
        padding-top: 6px;
    }

    .crm-page .crm-filter-list > .crm-dropdown-container-header > h3 {
        width: 100%;
    }

    .crm-page .crm-filter-list > .crm-dropdown-container-header {
        height: 100px;
    }

    .modal-content .crm-category-search {
        height: 100px;
    }

    .modal-content .crm-category-search .crm-search-for-base-grid > .crm-search-by-block,
    .modal-content .crm-category-search .crm-search-for-base-grid > .crm-search-input-block {
        width: 100% !important;
    }

    /*Segmentation Static Create Page*/
    .crm-col-5.crm-static-upload {
        padding-top: 0 !important;
    }

    /*Triggered List*/
    .crm-triggered-campaign-search > .crm-col-8 {
        width: 83%;
    }

    /*Ad Hoc Create Page*/
    .crm-ad-hoc-create .crm-campaign-general-body .crm-campaign-channel .crm-col-5 {
        width: 55%;
    }

    .crm-page .crm-ad-hoc-create crm-single-date-picker-validation .crm-filters-grid > ul > li {
        padding: 0;
    }

    .crm-page .crm-campaign-general-body .crm-general-inputs {
        padding-right: 0;
    }

    .crm-page .crm-ad-hoc-create .crm-campaign-general-body .crm-channel-part .crm-select-box {
        padding-left: 0 !important;
    }

    .crm-page .crm-analytics-page .crm-analytics-date-for-all .crm-analytics-date-range-for-all > div > div {
        width: 25%;
    }

    .crm-page .crm-bonus-engine > .crm-gs-row > .crm-col-6.crm-dropdown-container.crm-bonus-iput-field {
        width: 100%;
    }

    .crm-page .crm-bonus-engine > .crm-gs-row > .crm-col-6:first-child {
        width: 100%;
    }

    .crm-page .crm-analytics-page .crm-dropdown-container > .crm-dropdown-container-header {
        height: 55px;
    }

    /*Grid Part*/
    .crm-base-grid tfoot tr {
        border: 0;
    }

    .crm-base-grid table,
    .crm-base-grid thead,
    .crm-base-grid tbody,
    .crm-base-grid th,
    .crm-base-grid td {
        display: block;
    }

    .crm-base-grid table tr {
        margin: 5px 5px;
        float: left;
        width: 48%;
    }

    .crm-base-grid thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .crm-base-grid tr {
        border: 1px solid #ccc;
    }

    .crm-base-grid td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        font-weight: 600;
    }

    .crm-base-grid table tr.crm-grid-empty-canvas {
        width: 98%;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .crm-base-grid td:not(:last-child):before {
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .crm-base-grid td:not(:last-child):before {
        content: attr(data-before-content);
        font-weight: 100;
        display: inline-block;
    }

    .crm-page .adv-table-translate.crm-base-grid .adv-table-scroll td.sticky.left {
        width: 47.65%;
    }

    .crm-page .adv-table-translate.crm-base-grid .adv-table-scroll .sticky.left {
        left: unset;
    }

    .crm-custom-campaign-create crm-base-tooltip {
        display: none;
    }

    .crm-page .adv-table-translate.crm-base-grid .adv-table-scroll table tr td {
        overflow: hidden;
    }

    .crm-page .crm-template-create .crm-dropdown-container-body .crm-gs-row .crm-template-generator-body table tr {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .crm-page .crm-template-create .crm-dropdown-container-body .crm-gs-row .crm-template-generator-body table tr td.k-editable-area {
        width: auto;
    }

    .crm-page .crm-ad-hoc-create .crm-campaign-general-body > .crm-general-inputs > .crm-col-12 {
        padding: 0 !important;
    }

    .crm-page .crm-create-button {
        width: 100%;
        float: left;
        padding: 15px 0 15px 0 !important;
    }
    .crm-ad-hoc-search-instruments {
        width: 100%;
    }

    .crm-dashboard-campaign-info-block.crm-col-12 {
        padding-top: 0 !important;
    }

    .crm-dashboard-campaign-info-block > .crm-col-6 {
        width: 100%;
        padding: 15px 0 15px 0 !important;
    }

    .crm-drag-and-drop-active tbody tr:hover {
        margin: 5px 5px;
        float: left;
        width: 48%;
        transition: none;
        transform: unset;
        position: relative;
    }

    .crm-drag-and-drop-active tbody tr {
        transition: none;
        transform: unset;
    }

    .crm-composite-segment-item > .crm-col-12 > .crm-col-8 {
        width: 74.925%;
    }
}

@media screen and (max-width: 930px) {
    .crm-dropdown-container-body.crm-clear-padding.crm-base-padding.crm-base-background .crm-col-6 {
        width: 100%;
        padding-right: 0px !important;
        padding-left: 0px !important;
        padding-bottom: 30px;
    }

    /*Non-Customer List page*/
    .crm-page .crm-non-customers-list .crm-filters-grid {
        width: 50%;
    }

    /*Custom Campaign Crate Page*/
    .crm-page .crm-triggered-filters-scroll,
    .crm-page .crm-custom-campaign-create .crm-custom-campaign-steps-block > div,
    .crm-page .crm-live-monitoring-block > div {
        overflow-x: auto;
    }

    .crm-page .crm-triggered-filters-scroll > section,
    .crm-page .crm-custom-campaign-create .crm-custom-campaign-steps-block > div > .crm-col-12:first-child,
    .crm-page .crm-live-monitoring-block > div > .crm-col-12:first-child {
        min-width: 900px;
    }
}

@media screen and (max-width: 920px) {
    .carousel-inner .active.left {
        left: -16.6%;
    }

    .carousel-inner .next {
        left: 16.6%;
    }

    .carousel-inner .prev {
        left: -16.6%;
    }

    .crm-page .crm-progress-bar-block-container > .segmentatino-content-block > .crm-col-12 {
        width: calc((100% - 30px) / 2);
    }

    .crm-page .crm-progress-bar-block-container > .segmentatino-content-block > .crm-col-12:last-child {
        margin: 30px 0 0 0;
        width: 100%;
    }

    /*Non Customer Create Page*/
    .crm-page .crm-non-customers-list .crm-filters-grid {
        width: 40%;
    }

    /*Ad Hoc Create Page*/
    .crm-page crm-schedule > .crm-clearfix label {
        width: 20%;
    }

    /*Template Edit Page*/
    .crm-page .crm-template-edit .crm-col-6 {
        width: 100%;
    }

    .crm-page .crm-template-edit .crm-mobile-emulator h3 {
        width: 17%;
    }

    /*Ad Hoc Analytics Page*/
    .crm-page .crm-campaign-general-analytics .crm-analyses-range .crm-col-6.crm-inputs-field-group .crm-col-4 {
        width: 50%;
    }

    .crm-page .crm-campaign-general-analytics .crm-analyses-range .crm-col-6.crm-inputs-field-group .crm-col-8 {
        width: 30%;
    }

    /*.crm-page crm-schedule > .crm-clearfix > .crm-inputs-field-group.crm-cron-block.crm-col-8.crm-repeat-frequency .crm-inputs-field-group.crm-scheduler {*/
        /*width: 50%;*/
    /*}*/

    .crm-page crm-schedule > .crm-clearfix > .crm-cron-block .dailySchedule.crm-col-3 label,
    .crm-page crm-schedule > .crm-clearfix > .crm-cron-block .weeklySchedule.crm-col-3 label,
    .crm-page crm-schedule > .crm-clearfix > .crm-cron-block .monthlySchedule.crm-col-3 label,
    .crm-page crm-schedule > .crm-clearfix > .crm-cron-block .yearlySchedule.crm-col-3 label {
        width: 100%;
    }

    .crm-page crm-schedule > .crm-clearfix > .crm-cron-block .dailySchedule.crm-col-3,
    .crm-page crm-schedule > .crm-clearfix > .crm-cron-block .weeklySchedule.crm-col-3,
    .crm-page crm-schedule > .crm-clearfix > .crm-cron-block .monthlySchedule.crm-col-3,
    .crm-page crm-schedule > .crm-clearfix > .crm-cron-block .yearlySchedule.crm-col-3 {
        width: 50%;
    }

    .crm-page .repeatingProcessScheduler .schedulerBoxing button:last-child {
        margin-bottom: 6px;
    }

    .crm-static-report-create crm-check-uncheck-list .crm-dropdown-container > .crm-dropdown-container-header > .crm-search-input-block > .crm-input-search {
        width: 112px;
    }

    .crm-page .crm-analytics-page .crm-charts-text-container {
        width: 100%;
        padding-bottom: 15px;
    }

    .crm-page .crm-analitics-description .crm-large-btn.crm-grey-btn,
    .crm-page .crm-analitics-description .crm-large-btn.crm-green-btn {
        float: left;
    }

    .crm-page .crm-include-internal-message.crm-input-text,
    .crm-page .loginSourceCurency,
    .crm-page .crm-include-internal-message {
        width: 100%;
        padding-left: 0 !important;
    }

    .crm-page .crm-include-internal-message.crm-input-text > h3 {
        float: left !important;
    }

    .crm-page .crm-ad-hoc-create .crm-bonus .crm-include-internal-message > div {
        margin-left: 0 !important;
        padding-left: 0;
    }

    .crm-page .crm-ad-hoc-buttons.crm-col-3 {
        width: 100%;
    }
    .crm-page .right-actions {
        width: 35%
    }
}

@media screen and (max-width: 840px) {
    .creat-a-campaining .template-delivery-method-page > div {
        width: 96%;
    }

    .crm-pull-left .crm-col-6 .crm-clear-padding .crm-show-list-button-block .dynamic-btn {
        width: 100%;
    }

    .crm-page .crm-search-for-base-grid > .crm-search-input-block > .crm-input-search.crm-dark-text {
        width: 25%;
    }

    .crm-page .campaing-manager-main-page > div, .segmentatino-main-page > div {
        width: 96%;
    }

    .crm-page .campaing-manager-main-page > div,
    .segmentatino-main-page > div.crm-red-bg,
    .creat-a-campaining.crm-dashboard .template-delivery-method-page > div.crm-red-bg {
        margin-top: 30px;
    }

    .segmentatino-main-page > div:nth-child(2) {
        margin-top: 15px !important;
    }

    .segmentatino-main-page > div.crm-red-bg {
        float: left;
    }

    .creat-a-campaining.crm-dashboard .template-delivery-method-page > div {
        width: 96%;
    }

    .crm-page .crm-segment-dynamic-create {
        width: 100%;
    }

    .crm-page .crm-static-report-create .crm-col-6 span.crm-col-12 {
        width: 100%;
    }

    .crm-page .crm-segment-dynamic-create > .crm-col-7 {
        width: 100%;
    }

    .crm-page .crm-segment-dynamic-create-buttons.crm-button-margin-top {
        width: 100%;
        margin-top: 0;
    }

    .crm-page .crm-adapter {
        /*width: 96%;*/
        padding-top: 8px;
    }

    .crm-page .crm-add-custom-condition .crm-adapter {
        padding: 0;
    }

    .crm-page #QueryConfiguration.Filters > .crm-dropdown-container-header {
        height: 94px;
    }

    .crm-page crm-query-filter-generator > .crm-dropdown-container > .crm-dropdown-container-header {
        height: 104px;
    }

    .crm-page crm-query-filter-generator > .crm-dropdown-container > .crm-dropdown-container-header div.crm-input-search {
        width: 162px;
        float: left;
    }

    .crm-page crm-query-filter-generator .crm-dropdown-container-header button.crm-small-btn {
        height: 34px;
        float: left;
    }

    .crm-page crm-query-filter-generator .crm-input-search input {
        width: 95.5%;
        height: 34px;
    }

    .crm-page crm-query-filter-generator > .crm-dropdown-container > .crm-dropdown-container-header div.crm-input-search > i {
        right: 17px;
    }

    .crm-page .crm-filter-list > .crm-dropdown-container-header,
    .crm-page .crm-query-merge-container .crm-dropdown-container > .crm-dropdown-container-header {
        height: 110px;
    }

    .crm-page .crm-filter-list > .crm-dropdown-container-header > div {
        width: 95.5%;
    }

    .crm-page .crm-filter-list > .crm-dropdown-container-header > h3 {
        width: 70%;
    }

    .agp .user-settings-popup-container > .modal-dialog > .modal-content > .modal-dialog {
        width: 584px !important;
    }

    .crm-page .crm-report-block .crm-dropdown-container > .crm-dropdown-container-header {
        height: 80px;
    }

    .crm-page .crm-report-block .crm-dropdown-container > .crm-dropdown-container-header > h3 > crm-text {
        font-size: 15px;
    }

    .crm-page .crm-segment-input {
        width: 100%;
    }

    .crm-page .crm-segment-input > .crm-col-10 {
        width: 100%;
    }

    .crm-page .crm-add-custom-modal > .crm-dropdown-container-header > h3,
    .crm-page .crm-custom-modal-selected-campaigns {
        width: 100%;
    }

    .crm-page .trigg-filter-part > h3,
    .crm-page .trigg-filter-part > .crm-col-10 {
        width: 100%;
    }

    .crm-page .crm-dropdown-container > .trigg-filter-part.crm-dropdown-container-header {
        height: 95px
    }

    .crm-page .trigg-filter-part > .crm-col-10 {
        padding: 15px 0 0 15px;
    }

    .crm-page .crm-search-for-base-grid > .crm-more-tools-dropdown {
        padding-bottom: 10px;
    }

    /*Segmentation List page*/
    .crm-page .crm-segment-list > .crm-col-1.crm-create-button {
        width: 100%;
        padding: 24px 0 30px 0;
    }

    .crm-page .crm-segment-list > .crm-col-11 > crm-search-for-base-grid,
    .crm-page .crm-segment-list > .crm-col-11 {
        width: 100%;
    }

    .crm-filters-grid > ul > li:last-child {
        padding-right: 0;
    }

    .crm-segment-list .action-toolbar-row .right-actions .crm-choose-delivery-method.crm-sorting-by > button {
        width: 100%;
    }

    .crm-non-customer-create-page > .crm-col-12 > .crm-dropdown-container > .crm-dropdown-container-header > h3 {
        width: 100%;
    }

    /*Non-Customer List page*/
    .crm-page .crm-non-customers-list .crm-filters-grid {
        width: 61%;
    }

    .crm-page .crm-non-customers-list .action-toolbar-row {
        padding: 15px 0 0 0;
        width: 100%;
    }

    .crm-page .crm-non-customers-list .action-toolbar-row input {
        margin-left: 0;
    }

    /*Triggered List*/
    .crm-page .crm-triggered-campaign-search .action-toolbar-row {
        width: 100%;
        padding-left: 0;
        padding-top: 15px;
    }

    /*Ad Hoc Create Page*/
    .crm-page .loginSourceCurency {
        right: 47%;
    }

    .crm-page .crm-bonus-engine .crm-dropdown-container {
        width: 100%;
    }

    .crm-page .crm-bonus .crm-col-6.crm-dropdown-container.crm-bonus-iput-field {
        width: 100%;
        padding: 0;
    }

    /*Custom Campaign Elements Create Page*/
    .crm-page .crm-custom-campaign-elements-general .crm-number-input-min-height,
    .crm-page .crm-custom-campaign-elements-general .crm-number-input-min-height .crm-channel-part {
        width: 100%;
    }

    .crm-page .crm-bonus-engine > .crm-gs-row > .crm-col-6.crm-dropdown-container.crm-bonus-iput-field {
        width: 100%;
    }

    /*Ad Hoc Live Monitoring Page*/
    .crm-page .crm-campaign-live-monitor .crm-campaign-report-header > h3 {
        width: 50%;
    }

    .crm-page .crm-campaign-live-monitor .crm-campaign-report-header > .crm-header-text {

    }

    .crm-page .crm-campaign-live-monitor .crm-campaign-report-header {
        height: 115px;
    }

    .crm-page .crm-campaign-live-monitor .crm-header-border {
        margin: 85px 15px 0 15px;
    }

    .crm-page .crm-static-report-create crm-check-uncheck-list .crm-col-2.crm-center-container-transfer-arrows {
        min-height: 66px;
        width: 100%;
    }

    .crm-page .crm-static-report-create crm-check-uncheck-list .crm-col-5 {
        width: 100%;
    }

    .crm-static-report-create crm-check-uncheck-list .crm-dropdown-container > .crm-dropdown-container-header > .crm-search-input-block > .crm-input-search {
        width: 150px;
    }

    .crm-page .crm-analytics-page .crm-analytics-date-for-all .crm-analytics-date-range-for-all > div > div.crm-col-4:first-child {
        width: 37%;
    }
    .creat-a-campaining > .template-delivery-method-page > div.crm-one-fifth {
        width: 96%;
    }
}

@media (min-width: 767px) and (max-width: 992px ) {
    .carousel-inner .active.left {
        left: -50%;
    }

    .carousel-inner .next {
        left: 50%;
    }

    .carousel-inner .prev {
        left: -50%;
    }

    .active > div {
        display: none;
    }

    .active > div:first-child {
        display: block;
    }

    .active > div:first-child + div {
        display: block;
    }

    .crm-grid-title-with-icon, .crm-grid-title-no-icon {
        display: inline-block;
        margin-left: 0;
    }
}

@media screen and (max-width: 768px) {
    .carousel-inner .active.left {
        left: -100%;
    }

    .carousel-inner .next {
        left: 100%;
    }

    .carousel-inner .prev {
        left: -100%;
    }

    .active > div {
        display: none;
    }

    .crm-dashboard-campaign-block-wrapper .crm-col-6 {
        width: 100%;
    }

    .active > div:first-child {
        display: block;
    }

    .crm-drag-and-drop-area > section.crm-col-10,
    .crm-drag-and-drop-area > section.crm-col-2 {
        width: 100%;
    }

    .crm-page .crm-analytics-date-range-for-all > div > div {
        padding: 0;
        width: 100%;
    }

    .crm-dashboard-campaign-block-wrapper > div > div  {
        width: 100%;
    }

    .crm-page .crm-analytics-date-range-for-all > div > div {
        padding: 8px;
    }

    .crm-page .crm-analytics-page .crm-analytics-view-titles .crm-large-btn {
        margin-right: 0;
    }

    .crm-page .crm-analytics-page .crm-analytics-date-for-all .crm-view-mode.crm-analytics-date-range-for-all > div > div.crm-filters-grid.crm-col-4 {
        padding-top: 0;
        width: 70%;
    }

    .crm-analytics-view-body [gridster="blocksGridsterOpts"] .gridster-item {
        position: relative;
        top: 8px !important;
    }

    .crm-analytics-page .crm-drop-area {
        display: none;
    }

    .crm-page .crm-filter-list > .crm-dropdown-container-header > div.crm-col-4 > .crm-col-12 > .userCountBox,
    .crm-page .crm-filter-list > .crm-dropdown-container-header > div.crm-col-4 > .crm-col-12,
    .crm-page .crm-filter-list > .crm-dropdown-container-header > div.crm-col-4 {
        width: 100% !important;
    }
    .creat-a-campaining .crm-template-select .template-delivery-method-page > div, .crm-root .crm-dashboard .template-delivery-method-page > div {
        width: 100%;
    }
    .crm-segment-list .action-toolbar-row > .right-actions {
        width: 28%;
    }
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .crm-page .adv-table-translate.crm-base-grid .adv-table-scroll-overflow > table > tfoot tr td:last-child {
        height: auto;
    }

    .crm-base-grid table,
    .crm-base-grid thead,
    .crm-base-grid tbody,
    .crm-base-grid th,
    .crm-base-grid td,
    .crm-base-grid tr {
        display: block;
    }

    .crm-base-grid table tr {
        margin: 0;
        float: none;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .crm-base-grid thead  {
        display: none;
    }

    .crm-base-grid tr {
        border: 1px solid #ccc;
    }

    /* Behave  like a "row" */
    .crm-base-grid td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        font-weight: 600;
    }

    .crm-base-grid td:not(:last-child):before {
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .crm-base-grid td:not(:last-child):before {
        content: attr(data-before-content);
        font-weight: 100;
        display: inline-block;
    }

    .crm-page .adv-table-translate.crm-base-grid .adv-table-scroll td.sticky.left {
        width: 99%;
    }

    .crm-page .adv-table-translate.crm-base-grid .adv-table-scroll table tr td {
        overflow: hidden;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: break-word;
        min-width: 100%;
    }

    .crm-drag-and-drop-active tbody tr:hover {
        width: 96%;
    }

    .crm-grid-title-with-icon, .crm-grid-title-no-icon {
        display: inline-block;
        margin-left: 0;
    }
}

@media screen and (max-width: 750px) {
    /*Segmentation List Page*/
    .crm-segment-list .crm-col-11.crm-clear-padding-left.crm-clear-padding-top {
        width: 100%;
    }

    .crm-segment-list .crm-filters-grid {
        width: 100%;
    }

    .crm-page .crm-search-for-base-grid > .crm-more-tools-dropdown > crm-button-dropdown-select {
        width: 190px;
    }

    .crm-segment-list .crm-col-11.crm-clear-padding-left.crm-clear-padding-top > crm-search-for-base-grid {
        width: 100%;
    }

    .crm-page .crm-segment-list .crm-create-button {
        float: right;
    }

    .crm-page .crm-search-for-base-grid > .crm-search-by-block > label,
    .crm-page .crm-search-for-base-grid > .crm-search-by-mode > label,
    .crm-page .crm-search-for-base-grid > .crm-category-type > label {
        padding-right: 7px;
    }

    .crm-page .crm-search-for-base-grid > .crm-search-input-block {
        padding-top: 10px;
    }

    .crm-page .crm-create-button {
        width: 100%;
        float: left;
        padding: 15px 0 15px 0 !important;
    }

    /*Ad Hoc List Page*/
    .crm-page .crm-ad-hoc-list .crm-dropdown-container:last-child {
        width: 100%;
    }

    .crm-page .crm-ad-hoc-list .segmentatino-content-block > div.crm-col-4 {
        width: 50%;
        padding: 15px 0 15px 0 !important;
    }

    .crm-page .crm-ad-hoc-list .segmentatino-content-block > div.crm-col-4:not(:first-child):not(:last-child) {
        padding-left: 15px !important;
    }

    .crm-page .crm-ad-hoc-list .segmentatino-content-block > div.crm-col-4:last-child,
    .crm-page .crm-ad-hoc-list .segmentatino-content-block > div.crm-col-4:first-child {
        padding-right: 15px !important;
    }

    .crm-page .crm-ad-hoc-list-button .crm-dropdown-container-header > h3 {
        width: 92%;
    }

    .crm-page .crm-ad-hoc-list-button > button.crm-large-btn {
        margin-right: 0;
    }

    .crm-page .crm-campaign-live-monitor .crm-campaign-report-header.crm-dropdown-container-header > h3 {
        width: 40%;
    }

    .crm-page .crm-custom-campaign-elements-general .crm-col-4 .crm-select-box.crm-adapter {
        margin: 0 0;
    }

    .crm-page .crm-crossfilters-section crm-query-value-cascade-with-tree-view .crm-col-4.marketTypeCascade,
    .crm-page .crm-crossfilters-section crm-query-value-cascade-four-steps .crm-col-3.marketTypeCascade {
        width: 50%;
        padding-right: 15px;
    }

    /*Ad Hoc List Page*/
    .crm-page .crm-ad-hoc-list .crm-ad-hoc-search-instruments.crm-col-11 {
        width: 100%;
    }

    /*Custom Campaign List Page*/
    .crm-custom-campaign-create .crm-col-8 {
        width: 56%;
    }

    .crm-page .crm-custom-campaign-create .crm-create-button {
        width: 44%;
        padding-top: 36px;
    }

    /*Triggered List*/
    .crm-triggered-campaign-search > .crm-col-8 {
        width: 100%;
    }

    .crm-page .crm-triggered-campaign-search .crm-create-button {
        padding-top: 0;
        padding-bottom: 15px;
    }

    /*Ad Hoc Create Page*/
    .crm-page .crm-ad-hoc-create .crm-campaign-template-list-buttom {
        padding-top: 0;
    }

    .crm-page .crm-ad-hoc-create .crm-campaign-template-list-buttom > crm-button-dropdown-select > .crm-choose-delivery-method.crm-sorting-by {
        float: left !important;
        padding-left: 0 !important;
    }

    /*Custom Campaign Crate Page*/
    .crm-page .crm-custom-campaign-create .crm-custom-campaign-general > .crm-col-9 > .crm-col-7 {
        width: 100%;
    }

    /*Triggered Campaign Create Page*/
    .crm-page .crm-dropdown-container > .trigg-filter-part.crm-dropdown-container-header {
        height: 135px;
    }

    .crm-page .trigg-filter-part.crm-dropdown-container-header > .crm-col-10 {
        width: 100%;
        padding-left: 15px;
    }

    .crm-page .trigg-filter-part.crm-dropdown-container-header .crm-add-custom-condition,
    .crm-page .trigg-filter-part.crm-dropdown-container-header .crm-add-filter {
        float: left;
    }

    .crm-page .trigg-filter-part.crm-dropdown-container-header .crm-add-filter > .crm-add-filter-button {
        padding-left: 0;
    }

    .crm-page .trigg-filter-part.crm-dropdown-container-header .crm-triggered-filters-settings-inputs {
        width: 100%;
        float: left;
    }

    .crm-page .crm-trigger-template > .crm-dropdown-container-body .crm-triggered-template-button .crm-choose-delivery-method {
        padding-left: 0 !important;
    }

    /*Ad Hoc Report Page*/
    .crm-page .crm-campaign-report .crm-campaign-report-visualisation .crm-col-3.crm-chart-cnt-static-height {
        width: 100%;
    }

    /*Ad Hoc Live Monitoring Page*/
    .crm-page .crm-campaign-live-monitor .crm-campaign-report-header.crm-dropdown-container-header > h3 {
        width: 100%;
    }

    .crm-page .crm-triggered-report > .crm-col-3.crm-chart-cnt-static-height {
        width: 100%;
    }

    /*Ad Hoc Analytics Page*/
    .crm-page .crm-campaign-general-analytics .crm-col-6.crm-inputs-field-group .crm-col-4 {
        width: 45%;
    }

    .crm-page .crm-campaign-general-analytics .crm-col-6.crm-inputs-field-group .crm-col-8 {
        width: 42%;
    }

    /*Report List*/
    .crm-page .crm-report-list .crm-col-10 {
        width: 56%;
    }

    .crm-page .crm-report-list .crm-create-button {
        width: 44%;
        padding-top: 36px;
    }

    .crm-page .crm-calendar-settings-part {
        width: 100%;
    }

    .crm-page .crm-settings-telegram .crm-col-4.crm-input {
        width: 50%;
    }

    .crm-page .crm-filter-list > .crm-dropdown-container-header, .crm-page .crm-query-merge-container .crm-dropdown-container > .crm-dropdown-container-header {
        height: 145px;
    }

    .crm-check-uncheck .transfer-double-arrows {
        padding: 5px 0 5px 0px;
    }

    .crm-page .crm-analytics-page .crm-charts-text-container {
        width: 100%;
        padding-bottom: 15px;
    }

    .crm-page .crm-analytics-page .crm-analitics-description > button {
        float: left;
    }

    .crm-page .crm-analytics-page .crm-analytics-date-for-all .crm-analytics-date-range-for-all > div > div {
        width: 100%;
    }

    .crm-page .crm-analytics-page .crm-analytics-date-for-all .crm-view-mode.crm-analytics-date-range-for-all > div > div.crm-filters-grid.crm-col-4 {
        padding-left: 0;
    }

    .crm-page .crm-analitics-description > .crm-col-5 .crm-view-mode.crm-analytics-date-range-for-all {
        padding-top: 0;
    }

    .crm-page .crm-template-create .k-tool-group button {
        width: 120px;
        margin: 6px 6px 0 0;
    }

    .modal-content, .modal-content .crm-page.modal-dialog {
        width: inherit !important;
    }

    .modal-content {
        overflow: scroll;
    }

    .crm-mail-up-extension .crm-col-6 {
        width: 100%;
        padding-right: 0 !important;
    }

    crm-settings-extension-value-unisender .crm-input.crm-col-6.crm-input {
        width: 100%;
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 716px) {

    .crm-dashboard-kpis-wrapper {
        width: 99.999%;
    }

    /*Dashboard page*/
    .creat-a-campaining.crm-dashboard {
        padding-right: 15px;
    }

    /*Segmentation List page*/
    .crm-segment-list .action-toolbar-row .right-actions .crm-choose-delivery-method.crm-sorting-by > button {
        width: max-content;
    }

    .crm-base-grid .pagination-row {
        position: static;
    }

    /*Predefined Segmentation List page*/
    .crm-page .crm-predefined-list crm-search-for-base-grid .crm-filters-grid {
        width: 33%;
    }

    .crm-segment-select-type.crm-clear-padding {
        padding-right: 15px;
    }

    .crm-page .crm-filter-list crm-query-filter-generator > div.crm-dropdown-container {
        padding-right: 15px;
    }

    .crm-page crm-query-filter-generator crm-query-value-date-time-static > .crm-filters-grid {
        width: 50% !important;
    }

    .crm-crossfilters-section crm-query-value-date-time-static > .crm-col-5.crm-field-group-text {
        width: 41.625%;
        padding-left: 15px !important;
        padding-top: 0;
    }

    /*Non-Customer Create page*/
    .crm-non-customer-last-page > .crm-col-11,
    .crm-field-mapping > .crm-col-11 {
        width: 100% !important;
    }

    .crm-non-customer-last-page > .crm-col-11 > .crm-col-12 > .crm-col-6 {
        width: 100%;
        padding-right: 0 !important;
        padding-bottom: 15px;
    }

    .crm-non-customer-last-page > .crm-col-11 > .crm-col-12 > .crm-col-6 > .crm-wizard-min-height {
        min-height: fit-content;
    }

    .crm-non-customer-last-page > .crm-col-1,
    .crm-field-mapping > .crm-col-1 {
        display: none;
    }

    /*Ad Hoc List Page*/
    .crm-page .crm-ad-hoc-list .crm-dropdown-container-header > h3 {
        width: 87%;
    }

    /*Custom Campaign List Page*/
    .crm-page .crm-custom-campaign-create .crm-dropdown-container-header > h3 {
        width: 100%;
    }

    /*Ad Hoc Create Page*/
    .crm-page .loginSourceCurency {
        top: 40px;
        left: 7px;
    }

    .crm-page .crm-bonus .crm-include-internal-message {
        top: 40px;
        left: 16px;
    }

    .crm-page .crm-bonus > .crm-dropdown-container-header.crm-bonus-header-height {
        height: 115px;
    }

    .crm-page .crm-bonus .crm-include-internal-message > .crm-input-text {
        margin-left: 0 !important;
    }

    .crm-page .loginSourceCurency > crm-template-chooser,
    .crm-page .loginSourceCurency {
        width: 100%;
    }

    .crm-page .crm-custom-campaign-elements .crm-bonus .crm-dropdown-container-header > h3 {
        width: 65%;
    }

    /*Ad Hoc Report Page*/
    .crm-page .crm-campaign-report .crm-campaign-report-general .crm-dropdown-container-header h3 {
        width: 30%;
    }

    .crm-page .crm-campaign-report .crm-filters-grid > ul > li {
        width: 100%;
        padding-right: 0;
    }

    .crm-page .crm-campaign-report .crm-report-calendar-button {
        padding-top: 15px !important;
    }

    .crm-page .crm-tab-container > .crm-tab-container-body .crm-calendar-settings-view-part .crm-filters-grid {
        width: 50%;
    }

    .crm-page .crm-analytics-page .crm-analytics-date-for-all .crm-analytics-date-range-for-all > div > div.crm-col-4:first-child {
        width: 100%;
    }

    .crm-campaign-bonus-block .crm-col-2 .dashboard-item.crm-col-12 {
        padding-right: 0 !important;
    }

    .crm-campaign-bonus-block .crm-col-2 {
        width: 50%;
    }

    .crm-campaign-bonus-block .crm-col-2:last-child {
        width: 100%;
        padding: 0;
    }
    .crm-page .crm-middl-cnt-static-height .crm-date-query-filter .crm-filters-grid > .crm-col-5 {
        width: auto;
    }
    .crm-page .left-actions {
        width: 30%
    }
}

@media screen and (max-width: 625px) {

    .crm-dashboard-kpi-icons-bar .info {
        left: 88%;
    }

    .crm-page .crm-dropdown-container.crm-filter-list > .crm-dropdown-container-header {
        height: 136px;
    }

    .crm-adapter .userCountBox > button.crm-icon-btn-with-text {
        float: left;
        margin-left: 0;
    }

    .crm-page crm-query-value-date crm-query-value-date-static .crm-filters-grid {
        width: 100%;
    }

    .crm-non-custom-upload > .crm-col-8 {
        width: 100%;
        padding-left: 0 !important;
    }

    .crm-non-custom-upload > .crm-col-1 {
        display: none;
    }

    .crm-field-mapping > .crm-col-11 label.crm-col-3 {
        width: 50%;
    }

    /*Non-Customer List page*/
    .crm-page .crm-non-customers-list .crm-dropdown-container-header > h3 {
        width: 100%;
    }

    .crm-page .crm-non-customers-list .crm-filters-grid > ul > li:not([class*="crm-col"]):first-child {
        padding-right: 0;
    }

    .crm-page .crm-non-customers-list .crm-filters-grid > ul > li:not([class*="crm-col"]):last-child {
        padding-left: 0;
    }

    .crm-page .crm-non-customers-list .crm-filters-grid > ul > li:not([class*="crm-col"]) {
        width: 100%;
    }

    .crm-page .crm-non-customers-list .action-toolbar-row {
        width: 63%;
    }

    .crm-page .crm-non-customers-list .action-toolbar-row > .left-actions {
        width: 100%;
    }

    .crm-page .crm-non-customers-list .action-toolbar-row > .left-actions > input {
        margin-right: 0;
        width: inherit;
    }

    /*Template List Page*/
    .crm-page .crm-template-list .crm-template-search-instruments.crm-col-11 > crm-search-for-base-grid,
    .crm-page .crm-template-list .crm-filters-grid {
        width: 100%;
    }

    /*Ad Hoc List Page*/
    .crm-page .crm-ad-hoc-list .crm-ad-hoc-search-instruments.crm-col-11 > crm-search-for-base-grid,
    .crm-page .crm-ad-hoc-list .crm-filters-grid {
        width: 100%;
    }

    /*Ad Hoc Create Page*/
    .crm-page .crm-dropdown-container-header > h3 {
        width: 80%;
    }

    .crm-page .crm-ad-hoc-create .crm-choose-delivery-method {
        padding: 0 !important;
        width: 100%;
        height: 40px;
    }

    .crm-page .crm-ad-hoc-create .crm-choose-delivery-method > button {
        float: left;
        margin: 0;
    }

    .crm-page .crm-bonus .crm-dropdown-container-header > h3 {
        width: 65%;
    }

    /*Triggered Campaign Create Page*/
    .crm-page .crm-trigger-settings-container-header.crm-dropdown-container-header > h3 {
        width: 60%;
    }

    .crm-page .crm-trigg-search-filter > .crm-col-3 {
        width: 100%;;
    }

    /*Ad Hoc Report Page*/
    .crm-page .crm-campaign-report .crm-campaign-report-general {
        width: 100%;
    }

    .crm-page .crm-campaign-report .crm-campaign-report-general .crm-dropdown-container-header > .crm-header-border {
        margin: 45px 15px 0 15px;
    }

    .crm-page .crm-campaign-report .crm-campaign-report-general .crm-dropdown-container-header > .crm-header-text {
        float: left !important;
        padding-left: 15px;
    }

    .crm-page .crm-campaign-report .crm-campaign-report-general .crm-dropdown-container-header > h3 {
        width: 80%;
    }

    .crm-page .crm-campaign-report .crm-campaign-report-general .crm-dropdown-container-header {
        height: 80px;
    }

    .crm-page .segmentatino-content-block .crm-input.crm-col-3 {
        width: 100%;
    }

    .crm-page .crm-tab-container-body .crm-col-3.crm-input {
        width: 100%;
    }

    .crm-mail-chimp-extension > .crm-col-12 > .crm-col-3 {
        padding-right: 0 !important;
    }

    .crm-page .crm-non-customer-create button.crm-large-btn,
    .crm-page .crm-non-customer-create .crm-green-btn.crm-large-button,
    .crm-page .crm-non-customer-create .crm-large-btn,
    .crm-page .crm-non-customer-create .crm-small-btn {
        width: 35%;
        margin-right: 0;
    }

    .crm-page .crm-dropdown-container-header.crm-metrics-title > h3 {
        width: 15%;
    }

    .crm-page .crm-analytics-page .crm-analytics-date-for-all .crm-view-mode.crm-analytics-date-range-for-all > div > div.crm-filters-grid.crm-col-4 {
        width: 70%;
    }

    .crm-page .crm-analytics-page .gridster-loaded .crm-filters-grid, .crm-page .crm-analytics-page .crm-view-mode.crm-analytics-date-range-for-all > div > div.crm-filters-grid {
        width: 95%;
    }

    .crm-page .crm-analytics-date-range-for-all .crm-filters-grid > ul > li:first-child {
        padding: 8px 8px !important;
    }

    .crm-page .crm-analytics-date-range-for-all .crm-filters-grid > ul > li {
        width: 100%;
    }

    .crm-page .crm-analytics-view-body .crm-view-mode {
        min-height: 550px;
    }

    .crm-analytics-view-body [gridster="blocksGridsterOpts"] .gridster-item {
        max-height: 560px;
    }

    .crm-analytics-view-body [gridster="blocksGridsterOpts"] .gridster-item {
        min-height: 550px;
    }

    .crm-page .crm-non-customers-list .action-toolbar-row > .left-actions {
        margin: 0;
    }

    .crm-sms-provider-settings-input-part > .crm-col-12 > .crm-col-6,
    .crm-email-provider-settings-input-part > .crm-col-12 > .crm-col-6 {
        width: 100%;
        padding-right: 0 !important;
    }

    .crm-sms-provider-settings-input-part > .crm-col-12 > .crm-col-6:first-child,
    .crm-email-provider-settings-input-part > .crm-col-12 > .crm-col-6:first-child {
        padding-bottom: 15px;
    }

    .crm-statistic-panel-1.crm-panel .crm-col-8 {
        width: 57%;
    }

    .crm-col-4.crm-info-block-chart-logo {
        width: 43%;
    }

    .crm-page .crm-ad-hoc-list .crm-ad-hoc-search-instruments .crm-col-2 {
        width: 50%;
    }

    .crm-page .crm-ad-hoc-list .action-toolbar-row {
        width: 100%;
        padding-top: 18px;
    }

    .crm-composite-segment-item .crm-custom-label-area > p,
    .crm-composite-segment-item .crm-custom-label-area span {
        width: inherit;
    }

    .crm-dashboard .crm-template-select > .template-delivery-method-page > div.crm-one-fifth {
        width: 100%;
    }
}

@media screen and (max-width: 565px) {
    .crm-page .crm-ad-hoc-list .crm-dropdown-container > .crm-dropdown-container-header {
        height: 55px;
    }

    .crm-static-create-list .crm-col-6.crm-pull-right > .crm-input-text {
        padding: 0 !important;
    }

    .crm-page .crm-autocomplete-block input {
        width: 100%;
    }

    /*Custom Campaign List Page*/
    .crm-custom-campaign-create .crm-col-8,
    .crm-custom-campaign-create .crm-col-8 > crm-search-for-base-grid,
    .crm-custom-campaign-create .crm-col-8 .crm-filters-grid,
    .crm-custom-campaign-create .crm-col-8 > crm-search-for-base-grid > .action-toolbar-row > .left-actions > input,
    .crm-custom-campaign-create .crm-col-8 > crm-search-for-base-grid > .action-toolbar-row > .left-actions {
        width: 100%;
    }

    .crm-custom-campaign-create .crm-col-8 > crm-search-for-base-grid > .action-toolbar-row {
        width: 100%;
        padding-left: 0;
        padding-top: 15px;
    }

    .crm-page .crm-custom-campaign-create .crm-create-button {
        width: 100%;
        padding-top: 15px;
    }

    /*Triggered List*/
    .crm-page .crm-triggered-campaign-create .crm-triggered-campaign-search .crm-filters-grid {
        width: 40%;
    }

    .crm-page .crm-triggered-campaign-search .action-toolbar-row,
    .crm-page .crm-triggered-campaign-search .action-toolbar-row > .left-actions,
    .crm-page .crm-triggered-campaign-search .action-toolbar-row > .right-actions,
    .crm-page .crm-triggered-campaign-create .crm-triggered-campaign-search crm-search-for-base-grid {
        width: 100%;
    }

    .crm-page .crm-triggered-campaign-search .action-toolbar-row > .right-actions .crm-choose-delivery-method {
        float: left;
        padding-left: 0 !important;
        padding-top: 15px;
    }

    /*Ad Hoc Create Page*/
    .crm-page crm-schedule > .crm-clearfix label {
        width: 31%;
    }

    .crm-page .crm-bonus > .crm-dropdown-container-header.crm-bonus-header-height {
        height: 149px;
    }

    /*Custom Campaign Elements Create Page*/
    .crm-page .crm-custom-campaign-elements-general .crm-number-input-min-height .crm-channel-part {
        padding-left: 0;
    }

    .crm-page .crm-custom-campaign-elements-general .crm-number-input-min-height .crm-channel-part button.dropdown-toggle {
        width: 100%;
    }

    .crm-page .crm-custom-campaign-elements-general .crm-col-4 {
        padding-right: 0 !important;
    }

    /*Template Create Page*/
    .crm-page .crm-template-create .crm-col-3 {
        width: 100%;
        padding-right: 0;
    }

    .crm-page .crm-template-create .crm-col-9 {
        width: 100%;
        padding-left: 0;
    }

    /*Ad Hoc Live Monitoring Page*/
    .crm-page .crm-campaign-analysis-list .crm-dropdown-container-header .crm-header-border {
        margin: 42px 15px 0 15px;
    }

    .crm-page .crm-campaign-analytics-comparison .crm-dropdown-container > .crm-dropdown-container-header {
        height: 55px;
    }

    /*Ad Hoc Analytics Page*/
    .crm-page .crm-campaign-general-analytics .crm-col-6.crm-inputs-field-group .crm-col-4 {
        width: 65%;
    }

    .crm-page .crm-campaign-general-analytics .crm-col-6.crm-inputs-field-group .crm-col-8 {
        width: 32%;
    }

    /*Report List*/
    .crm-page .crm-report-list .crm-col-10,
    .crm-page .crm-report-list .crm-col-10 > crm-search-for-base-grid,
    .crm-page .crm-report-list crm-search-for-base-grid > .crm-filters-grid,
    .crm-page .crm-report-list .crm-col-10 > crm-search-for-base-grid > .action-toolbar-row > .left-actions > input,
    .crm-page .crm-report-list .crm-col-10 > crm-search-for-base-grid > .action-toolbar-row > .left-actions {
        width: 100%;
    }

    .crm-page .crm-report-list .crm-col-10 > crm-search-for-base-grid > .action-toolbar-row {
        width: 100%;
        padding-left: 0;
        padding-top: 15px;
    }

    .crm-page .crm-report-list .crm-create-button {
        width: 100%;
        padding-top: 15px;
    }

    /*Report List*/
    .crm-page .crm-report-result-list button {
        padding: 8px;
    }

    .crm-page crm-schedule > .crm-clearfix > .crm-inputs-field-group.crm-cron-block.crm-col-8.crm-repeat-frequency .crm-inputs-field-group.crm-scheduler {
        width: 90%;
    }

    .crm-page crm-schedule > .crm-clearfix > .crm-cron-block .dailySchedule.crm-col-3,
    .crm-page crm-schedule > .crm-clearfix > .crm-cron-block .weeklySchedule.crm-col-3,
    .crm-page crm-schedule > .crm-clearfix > .crm-cron-block .monthlySchedule.crm-col-3,
    .crm-page crm-schedule > .crm-clearfix > .crm-cron-block .yearlySchedule.crm-col-3 {
        width: 100%;
    }

    .crm-page .crm-settings-telegram .crm-col-4.crm-input {
        width: 100%;
    }

    .crm-page .crm-dropdown-container.crm-filter-list > .crm-dropdown-container-header {
        height: 156px;
    }

    .crm-adapter .userCountBox {
        height: 98px;
    }

    .crm-page .crm-dropdown-container.crm-filter-list > .crm-dropdown-container-header .crm-header-border {
        margin: 20px 15px 0 15px;
    }

    .crm-page crm-query-filter-generator crm-query-value-date-time .crm-col-5.crm-field-group-text {
        width: 92%;
        padding-left: 0 !important;
        padding-top: 15px;
    }

    .crm-page crm-query-filter-generator crm-query-value-date-time .crm-filters-grid {
        width: 100% !important;
    }

    .crm-page crm-query-filter-generator crm-query-value-date-from-to .crm-filters-grid > ul > li.crm-col-6 {
        width: 100%;
    }

    .crm-page crm-query-filter-generator crm-query-value-date-from-to .crm-filters-grid > ul > li.crm-col-6:first-child {
        padding: 15px !important;
    }

    .crm-analytics-select .segmentatino-main-page > div > span {
        font: 18px/188px Verdana;
    }

    .crm-page crm-search-for-base-grid {
        width: 100%;
    }

    .crm-page .crm-non-customers-list .crm-col-11 {
        width: 100%;
        padding: 0;
    }

    .crm-statistic-panel-1.crm-panel .crm-col-8 {
        width: 52%;
    }

    .crm-col-4.crm-info-block-chart-logo {
        width: 48%;
    }

    .crm-page .crm-ad-hoc-create .crm-campaign-general-body .crm-general-inputs .crm-campaign-channel > .crm-col-3 {
        width: 54%;
    }
}

@media screen and (max-width: 491px) {
    /*Dashboard page*/
    .crm-segment-list .crm-dropdown-container-header {
        height: 100px;
    }

    .crm-page .crm-progress-bar-block-container > .segmentatino-content-block > .crm-col-12 {
        width: 100%;
        margin: 30px 0 0 0;
    }

    .crm-page .crm-progress-bar-block-container > .segmentatino-content-block > .crm-col-12:first-child {
        margin: 0 0 0 0;
    }

    /*Segmentation List page*/
    .crm-segment-list .crm-header-border {
        margin: 38px 15px 0 15px;
    }

    /*Segmentation Static Create Page*/
    .crm-static-upload .crm-select-box,
    .crm-static-upload .crm-select-box div.btn-group > button.dropdown-toggle {
        width: 100%;
        padding-right: 0;
    }

    .crm-static-upload .crm-select-box div.btn-group {
        width: 100% !important;
    }

    .crm-show-list-button-block > button.crm-show-list-button {
        margin-left: 0;
        margin-top: 0;
    }

    .crm-page .crm-crossfilters-section crm-query-value-cascade-with-tree-view .crm-col-4.marketTypeCascade,
    .crm-page .crm-crossfilters-section crm-query-value-cascade-four-steps .crm-col-3.marketTypeCascade {
        width: 100%;
        padding-right: 15px;
    }

    .crm-non-customer-create-page > .crm-col-12 > .crm-dropdown-container > .crm-dropdown-container-header > h3 {
        width: 100%;
    }

    /*Template List Page*/
    .crm-page .crm-template-list .crm-filters-grid > ul > li:not([class*="crm-col"]) {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .crm-page .crm-template-list .action-toolbar-row .left-actions {
        width: 100%;
        padding-bottom: 22px;
    }

    .crm-page .crm-template-list .action-toolbar-row .left-actions > input {
        width: 100%;
    }

    .crm-page .crm-template-list .action-toolbar-row .right-actions .crm-sorting-by {
        padding-left: 0 !important;
    }

    /*Ad Hoc List Page*/
    .crm-page .crm-ad-hoc-list .segmentatino-content-block > div.crm-col-4 {
        width: 100%;
    }

    .crm-page .crm-ad-hoc-list .crm-ad-hoc-search-instruments .crm-col-2 {
        width: 100%;
        padding-right: 0;
    }

    .crm-page .crm-ad-hoc-list .segmentatino-content-block > div.crm-col-4:not(:first-child):not(:last-child) {
        padding-left: 0 !important;
    }

    .crm-page .crm-ad-hoc-list .segmentatino-content-block > div.crm-col-4:last-child,
    .crm-page .crm-ad-hoc-list .segmentatino-content-block > div.crm-col-4:first-child {
        padding-right: 0 !important;
    }

    .crm-page .crm-ad-hoc-list .crm-filters-grid > ul > li:not([class*="crm-col"]) {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .crm-page .crm-ad-hoc-list .action-toolbar-row .left-actions {
        width: 100%;
        padding-bottom: 22px;
    }

    .crm-page .crm-ad-hoc-list .action-toolbar-row .left-actions > input {
        width: 100%;
    }

    .crm-page .crm-ad-hoc-list .action-toolbar-row .right-actions .crm-sorting-by {
        padding-left: 0 !important;
    }

    /*Triggered List*/
    .crm-page .crm-triggered-campaign-create .crm-triggered-campaign-search .crm-filters-grid {
        width: 100%;
    }

    .crm-page .crm-triggered-campaign-search .action-toolbar-row > .left-actions > input {
        width: 100%;
    }

    /*Ad Hoc Create Page*/
    .crm-page crm-schedule > .crm-clearfix label {
        width: 100%;
    }

    .crm-page crm-schedule .input-group.date.date-picker.crm-col-9,
    .crm-page crm-schedule .input-group.date.date-picker.crm-col-7 {
        max-width: 263px;
        width: 72%;
    }

    .crm-page .loginSourceCurency > crm-template-chooser,
    .crm-page .loginSourceCurency {
        width: 90%;
    }

    /*Triggered Campaign Create Page*/
    .crm-page .trigg-filter-part.crm-dropdown-container-header {
        height: 135px;
    }

    .crm-page .crm-dropdown-container-header.crm-triggered-campaign-filters-title {
        height: 56px;
    }

    .crm-page .crm-trigger-template crm-search-for-base-grid,
    .crm-page .crm-trigger-template .crm-filters-grid {
        width: 100%;
    }

    .crm-page .crm-trigger-template > .crm-dropdown-container-body .crm-search-for-base-grid-width {
        min-width: 100%;
    }

    .crm-page .crm-trigger-template .action-toolbar-row {
        width: 100%;
        padding-left: 0;
    }

    .crm-page .crm-trigger-template .action-toolbar-row .left-actions > input,
    .crm-page .crm-trigger-template .action-toolbar-row .left-actions {
        width: 100%;
    }

    /*Template Create Page*/
    .crm-page .crm-template-create .crm-header-border {
        /*margin: 39px 15px 0 15px;*/
    }

    .crm-page .crm-template-create .crm-dropdown-container-header > h3 {
        width: 76%;
    }

    /*Ad Hoc Analytics Page*/
    .crm-page .crm-campaign-analysis-list .crm-col-10 > crm-search-for-base-grid,
    .crm-page .crm-campaign-analysis-list .crm-col-10 {
        width: 100%;
        padding: 0;
    }

    .crm-page .crm-campaign-analysis-list .action-toolbar-row {
        width: 100%;
        padding-left: 0;
        padding-top: 15px;
    }

    .crm-page .crm-campaign-analysis-list .action-toolbar-row > .left-actions > input,
    .crm-page .crm-campaign-analysis-list .action-toolbar-row > .left-actions {
        width: 100%;
    }

    .crm-page .crm-campaign-analysis-list .crm-filters-grid {
        width: 100%;
    }

    .crm-page .crm-ad-hoc-list .crm-dropdown-container > .crm-dropdown-container-header {
        height: 75px;
    }

    .crm-page .crm-custom-report-list .crm-dropdown-container > .crm-dropdown-container-header {
        height: 78px;
    }

    .crm-page .crm-custom-report-list .crm-dropdown-container-header > .crm-header-border {
        margin: 43px 15px 0 15px;
    }

    .crm-page .crm-calendar-settings-part .crm-col-6.crm-input.crm-input-text.crm-base-padding-left {
        padding-right: 15px;
    }

    .crm-page .crm-calendar-settings-part .crm-col-6.crm-input.crm-input-text.crm-base-padding-right {
        padding-left: 15px;
    }

    .crm-page .crm-calendar-settings-part .crm-col-6.crm-input.crm-input-text {
        width: 100%;
    }

    .crm-page .crm-tab-container > .crm-tab-container-body .crm-calendar-settings-view-part .action-toolbar-row {
        width: 100%;
        padding: 15px 0 0 0;
    }

    .crm-page .crm-tab-container > .crm-tab-container-body .crm-calendar-settings-view-part .action-toolbar-row > .left-actions,
    .crm-page .crm-tab-container > .crm-tab-container-body .crm-calendar-settings-view-part .action-toolbar-row > .left-actions > input,
    .crm-page .crm-tab-container > .crm-tab-container-body .crm-calendar-settings-view-part crm-search-for-base-grid,
    .crm-page .crm-tab-container > .crm-tab-container-body .crm-calendar-settings-view-part .crm-filters-grid {
        width: 100%;
    }

    .crm-page crm-query-value-date-time-from-to .crm-filters-grid > ul > li.crm-col-12 > div.crm-col-5,
    .crm-page crm-query-value-date-time-from-to .crm-filters-grid > ul > li.crm-col-12 > div.crm-col-6 {
        width: 100% !important;
    }

    .crm-page crm-query-value-date-time-from-to .crm-filters-grid > ul > li.crm-col-12 > div.crm-col-4 {
        width: 50% !important;
        padding: 15px 0 !important;
    }

    .crm-page .crm-dropdown-container.crm-filter-list > .crm-dropdown-container-header {
        height: 167px;
    }

    .crm-adapter .crm-query-show-count-info-buttons {
        float: left;
        width: 100%;
    }

    .crm-page .crm-non-customer-create-page .crm-dropdown-container > .crm-dropdown-container-header {
        height: 80px;
    }

    .crm-drag-drop-file {
        display: none;
    }

    .crm-page .crm-non-custom-upload .crm-upload-input-block input {
        left: 0;
    }

    .crm-page .crm-non-customer-create-page .crm-file-update-checkbox .crm-custom-tooltip .crm-custom-tooltip-text-box {
        right: auto;
        left: 0;
    }

    .crm-page .crm-custom-tooltip .crm-custom-tooltip-text-box {
        right: 0;
        left: auto;
    }

    .crm-page .crm-non-customer-create-page .crm-file-update-checkbox .crm-custom-tooltip .crm-custom-tooltip-text-box:before {
        border-left: none;
        border-right: 8px solid #fff;
        right: auto;
        left: -8px;
    }

    .crm-page .crm-non-customer-create-page .crm-custom-tooltip .crm-custom-tooltip-text-box:before {
        left: auto;
        right: -8px;
        border-right: none;
        border-left: 8px solid #fff;
    }

    .crm-page .crm-ad-hoc-create .crm-campaign-general-body .crm-campaign-channel .crm-col-5.crm-base-padding-left {
        width: 100%;
        padding-left: 0 !important;
    }

    .crm-page .crm-ad-hoc-create .crm-campaign-general-body .crm-channel-part {
        width: 100%;
    }

    .crm-bonus-header-height .crm-autocomplete-cnt .crm-autocomplete-block.crm-autoComplete-block {
        width: 100%;
    }

    td:not(:last-child):before {
        display: block;
        color: #808080;
        padding-top: 2px;
    }

    td > .crm-thumbnails {
        top: 5px;
    }

    .crm-page .crm-ad-hoc-list .adv-table-translate.crm-base-grid .adv-table-scroll table tr td {
        padding: 7px 0 7px 7px;
    }

    .crm-col-11.crm-template-search-instruments {
        width: 100%;
    }

    .crm-statistic-panel-1.crm-panel .crm-col-8 {
        width: 66.666%;
    }

    .crm-col-4.crm-info-block-chart-logo {
        width: 33.333%;
    }

    .crm-page .crm-ad-hoc-create .crm-campaign-general-body .crm-general-inputs .crm-campaign-channel > .crm-col-3 {
        padding-left: 0 !important;
    }

    .crm-page .crm-ad-hoc-create .action-toolbar-row,
    .crm-page .crm-ad-hoc-create .crm-filters-grid {
        width: 100%;
    }

    .crm-page .crm-ad-hoc-create .action-toolbar-row {
        padding: 6px 0 0 0;
    }
}

@media screen and (max-width: 426px) {
    /*Dashboard page*/
    .crm-page .crm-dropdown-container-header > h3 {
        width: 78%;
    }

    .segmentatino-main-page > .crm-pointer.crm-main-navigation > span > p {
        line-height: 1;
    }

    .crm-page .segmentatino-main-page > .crm-pointer.crm-main-navigation > span {
        /*min-height: 160px;*/
    }

    /*Segmentation List page*/
    .crm-page .crm-filters-grid > ul > li:not([class*="crm-col"]) {
        width: 100%;
    }

    .crm-filters-grid > ul > li {
        padding-left: 0;
        padding-right: 0;
    }

    .crm-segment-list .action-toolbar-row {
        width: 100%;
    }

    .crm-segment-list .action-toolbar-row > .left-actions {
        width: 100%;
        margin-left: 0px;
    }

    .crm-segment-list .action-toolbar-row > .left-actions > input {
        width: 100%;
        margin: 0;
    }

    .crm-segment-list .action-toolbar-row > .right-actions {
        width: 100%;
        padding-top: 22px;
        padding-bottom: 15px;
    }

    .crm-segment-list .action-toolbar-row > .right-actions .crm-choose-delivery-method.crm-sorting-by {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 30px;
    }

    .crm-segment-list .action-toolbar-row > .right-actions .crm-choose-delivery-method.crm-sorting-by > button {
        width: 100%;
    }

    /*Predefined Segmentation List page*/
    .crm-page .crm-predefined-list .crm-col-8 {
        padding-right: 0;
    }

    .crm-page .crm-predefined-list crm-search-for-base-grid .action-toolbar-row {
        padding-left: 0;
        padding-top: 15px;
    }

    .crm-page .crm-predefined-list crm-search-for-base-grid .action-toolbar-row > .left-actions > input,
    .crm-page .crm-predefined-list crm-search-for-base-grid .action-toolbar-row > .left-actions,
    .crm-page .crm-predefined-list crm-search-for-base-grid .action-toolbar-row,
    .crm-page .crm-predefined-list crm-search-for-base-grid .crm-filters-grid {
        width: 100%;
    }

    /*Segmentation Dynamic Create Page*/
    .crm-page .crm-dropdown-container.crm-filter-list > .crm-dropdown-container-header {
        height: 170px;
    }

    .crm-adapter .userCountBox {
        height: 106px;
    }

    .crm-page .userCountBox > .crm-action-icon-info {
        margin-top: 35px;
        float: right;
    }

    .crm-page .crm-filter-list > .crm-dropdown-container-header > h3 {
        width: 100%;
    }

    .crm-page .crm-large-btn {
        padding: 5px 15px;
    }

    .crm-show-list-button {
        padding: 7px 38px;
    }

    .crm-adapter .userCountBox > button.crm-icon-btn-with-text {
        margin-top: 35px;
        float: right;
    }

    .crm-page crm-query-filter-generator crm-query-value-date-time-from-to > .crm-filters-grid li.crm-col-12 > .crm-col-5.label-holder,
    .crm-page crm-query-filter-generator crm-query-value-date-time-from-to > .crm-filters-grid li.crm-col-12 > .crm-col-6.label-holder {
        width: 100% !important;
    }

    .crm-page crm-query-filter-generator crm-query-value-date-time-from-to > .crm-filters-grid li.crm-col-12 > .crm-col-4.crm-field-group-text {
        width: 87%;
        padding-left: 0 !important;
    }

    .crm-page crm-query-filter-generator crm-query-value-date-from-to > .crm-filters-grid li.crm-col-6 {
        width: 100%;
    }

    .crm-page .crm-dropdown-container > .crm-static-report-create-general-details.crm-dropdown-container-header,
    .crm-page .crm-dropdown-container > .crm-segment-dynamic-create-general-details.crm-dropdown-container-header {
        height: 55px;
    }

    /*Non-Customer List page*/
    .crm-page .crm-non-customers-list .crm-filters-grid {
        width: 100%;
    }

    .crm-page .crm-non-customers-list .action-toolbar-row {
        width: 100%;
    }

    .crm-page .crm-custom-campaign-create .crm-header-border {
        margin: 39px 15px 0 15px;
    }

    /*Ad Hoc Create Page*/
    .crm-page .crm-ad-hoc-create crm-search-for-base-grid,
    .crm-page .crm-ad-hoc-create .crm-filters-grid {
        width: 100%;
    }

    .crm-page .crm-ad-hoc-create crm-schedule .crm-filters-grid {
        padding-left: 8px;
    }

    .crm-page .crm-ad-hoc-create .action-toolbar-row {
        width: 100%;
        padding: 10px 0 0 0;
    }

    .crm-page .crm-ad-hoc-create .action-toolbar-row .left-actions {
        width: 100%;
    }

    .crm-page .crm-ad-hoc-create .action-toolbar-row .left-actions > input {
        width: 100%;
        margin-right: 0;
    }

    /*Ad Hoc Edit Page*/
    .crm-page .crm-ad-hoc-create .crm-header-bonus-button > h3 {
        width: 66%;
    }

    /*Custom Campaign Elements Create*/
    .crm-page .crm-bonus-engine > .crm-gs-row > .crm-col-6.crm-dropdown-container.crm-bonus-iput-field > .crm-col-6 {
        width: 100%;
    }

    .crm-page .crm-custom-campaign-elements .crm-campaign-search-for-base-grid {
        padding-right: 0;
    }

    .crm-page .crm-custom-campaign-elements .crm-campaign-search-for-base-grid crm-search-for-base-grid,
    .crm-page .crm-custom-campaign-elements .crm-campaign-search-for-base-grid .crm-filters-grid {
        width: 100%;
    }

    .crm-page .crm-custom-campaign-elements .crm-campaign-search-for-base-grid .action-toolbar-row > .left-actions > input,
    .crm-page .crm-custom-campaign-elements .crm-campaign-search-for-base-grid .action-toolbar-row > .left-actions {
        width: 100%;
    }

    .crm-page .crm-custom-campaign-elements .crm-campaign-search-for-base-grid .action-toolbar-row {
        width: 100%;
        padding: 10px 0 0 0;
    }

    .crm-page .crm-triggered-campaign-bonus .crm-dropdown-container-header > h3 {
        width: 79%;
    }

    .crm-page .crm-campaign-live-monitor .crm-header-border {
        margin: 79px 15px 0 15px;
    }

    /*Ad Hoc Analytics Page*/
    .crm-page .crm-campaign-general-analytics .crm-dropdown-container > .crm-dropdown-container-header,
    .crm-page .crm-campaign-analytics-comparison .crm-dropdown-container > .crm-dropdown-container-header {
        height: 55px;
    }

    .crm-page .crm-report-schedule .crm-dropdown-container > .crm-dropdown-container-header {
        height: 55px;
    }

    .crm-page .crm-tab-container > .crm-tab-container-body .crm-dropdown-container > .crm-dropdown-container-header {
        height: 55px;
    }

    .crm-page .crm-tab-container > .crm-tab-container-body .crm-calendar-settings-view-part > .crm-dropdown-container > .crm-dropdown-container-header,
    .crm-page .crm-tab-container > .crm-tab-container-body .crm-calendar-settings-part > .crm-dropdown-container > .crm-dropdown-container-header {
        height: 75px;
    }

    .crm-page .crm-non-customer-create button.crm-large-btn,
    .crm-page .crm-non-customer-create .crm-green-btn.crm-large-button,
    .crm-page .crm-non-customer-create .crm-large-btn,
    .crm-page .crm-non-customer-create .crm-small-btn {
        width: 100%;
    }

    .crm-analytics-view-body [gridster="blocksGridsterOpts"] .gridster-item {
        min-height: 513px;
        max-height: 560px;
    }

    .crm-page .crm-analytics-page .crm-analytics-date-range-for-all > div > div.crm-chart-info-box {
        display: none;
    }

    .crm-page .crm-analytics-view-body .crm-view-mode {
        min-height: 440px;
    }

    .crm-removable-block-icon {
        right: 3px;
    }

    .crm-static-report-create crm-check-uncheck-list .crm-dropdown-container > .crm-dropdown-container-header > .crm-search-input-block > .crm-input-search {
        width: 117px;
    }

    .crm-analytics-select .segmentatino-main-page > div > span {
        font: 13px/188px Verdana;
    }

    .crm-page .crm-report-result-list button {
        width: 70%;
    }

    .crm-page .crm-template-create-body {
        max-width: 400px;
    }

    .crm-campaign-bonus-block .crm-col-2 {
        width: 100%;
        padding: 0 !important;
    }

    .crm-page .crm-ad-hoc-create .crm-campaign-general-body .crm-general-inputs .crm-campaign-channel > .crm-col-3 {
        width: 100%;
    }
}

@media screen and (max-width: 386px) {
    /*Dashboard page*/
    .crm-page .segmentatino-main-page > .crm-pointer.crm-main-navigation > span {
        /*min-height: 162px;*/
    }

    .crm-page .crm-registration-activity-chart {
        height: 464px;
    }

    .crm-segment-select-type .segmentatino-main-page .crm-block-separate-margin > span {
        font-size: 20px;
    }

    /*Segmentation Dynamic Create Page*/
    .crm-page crm-query-filter-generator > .crm-dropdown-container > .crm-dropdown-container-header div.crm-input-search {
        width: 43%;
    }

    .crm-page crm-query-filter-generator crm-query-value-date-time-static > .crm-filters-grid {
        width: 100% !important;
    }

    .crm-crossfilters-section crm-query-value-date-time-static > .crm-col-5.crm-field-group-text {
        width: 87%;
        padding-left: 0 !important;
        padding-top: 15px;
    }

    /*Non-Customer List page*/
    .crm-page .crm-non-customers-list .crm-dropdown-container-header > h3 {
        width: 100%;
    }

    /*Ad Hoc Create Page*/
    .crm-page .crm-ad-hoc-create .crm-campaign-general-body .crm-channel-part.crm-col-7 {
        width: 100%;
    }

    .crm-page .crm-ad-hoc-create .crm-campaign-general-body .crm-campaign-channel {
        padding-left: 0;
    }

    .crm-page .crm-ad-hoc-create .crm-campaign-general-body .crm-campaign-channel .crm-col-5.crm-base-padding-left {
        width: 100%;
        padding-left: 0 !important;
    }

    /*Ad Hoc Edit Page*/
    .crm-ad-hoc-create .crm-campaign-general-body .crm-campaign-channel .crm-col-5 {
        width: 100%;
    }

    /*Ad Hoc Analytics page*/
    .crm-page .crm-campaign-analysis-list .crm-dropdown-container > .crm-dropdown-container-header {
        height: 110px;
    }

    .crm-page .crm-campaign-analysis-list .crm-dropdown-container-header .crm-header-border {
        margin: 75px 15px 0 15px;
    }

    .crm-page .crm-campaign-general-analytics .crm-analyses-range .crm-col-6.crm-inputs-field-group .crm-col-8,
    .crm-page .crm-campaign-general-analytics .crm-analyses-range .crm-col-6.crm-inputs-field-group .crm-col-4,
    .crm-page .crm-campaign-general-analytics .crm-col-6.crm-inputs-field-group .crm-col-4,
    .crm-page .crm-campaign-general-analytics .crm-col-6.crm-inputs-field-group .crm-col-8 {
        width: 100%;
    }

    .crm-page crm-query-filter-generator > .crm-dropdown-container > .crm-dropdown-container-header {
        height: 136px;
    }

    .crm-page crm-query-filter-generator > .crm-dropdown-container > .crm-dropdown-container-header button.crm-white-btn {
        margin: 21px 0 0 0 !important;
        width: 100%;
    }

    .crm-page crm-query-filter-generator > .crm-dropdown-container > .crm-dropdown-container-header div.crm-input-search {
        width: 100%;
    }

    .crm-page crm-query-filter-generator .crm-input-search input {
        width: 100%;
    }

    .crm-field-mapping > .crm-col-11 > .crm-col-6.crm-dropdown-container > .crm-wizard-min-height:last-child .crm-col-5,
    .crm-field-mapping > .crm-col-11 > .crm-col-6.crm-dropdown-container > .crm-wizard-min-height:last-child .crm-col-3 {
        width: 100%;
    }

    .crm-page crm-check-uncheck-list .crm-dropdown-container > .crm-dropdown-container-header {
        height: 170px;
        padding-right: 15px;
    }

    .crm-static-report-create crm-check-uncheck-list .crm-dropdown-container > .crm-dropdown-container-header > .crm-search-input-block > .crm-input-search {
        width: 100%;
        padding-left: 15px;
    }

    .crm-static-report-create crm-check-uncheck-list .crm-dropdown-container > .crm-dropdown-container-header > .crm-search-input-block > button {
        width: 100%;
        float: left;
        margin-left: 15px !important;
    }

    .crm-analytic-component .crm-filters-grid input-holder.date-picker {
        min-width: 140px;
    }

    .crm-page .crm-static-create-list .crm-input-chackbox.crm-checkbox-margin-right {
        margin-right: 0;
    }

    .crm-show-list-button-block {
        width: 100%;
    }

    .crm-page .crm-static-create-buttons.crm-button-margin-top {
        padding: 0 15px 0 15px;
    }

    .crm-template-generator-body .k-editor-toolbar > li {
        margin: 0 6px 6px 0;
    }

    .crm-page .crm-template-create .k-tool-group button {
        width: auto;
    }

    .crm-bar-info-view.crm-panel-1 .crm-col-8,
    .crm-statistic-panel-1.crm-panel .crm-col-8 {
        width: 58%;
    }

    .crm-col-4.crm-month-picker-block,
    .crm-col-4.crm-info-block-chart-logo {
        width: 42%;
    }

    .crm-page .crm-template-create-body .crm-dropdown-container > .crm-dropdown-container-header {
        height: 77px;
    }

    .crm-page .crm-template-create-body {
        max-width: 370px;
    }

    .crm-page .clear-action {
        padding: 15px 0 0 0;
    }
}

@media screen and (max-width: 375px) {
    .crm-adapter .userCountBox > button.crm-icon-btn-with-text {
        margin-top: 3px;
    }

    /*Ad Hoc List Page*/
    .crm-page .crm-ad-hoc-list .crm-dropdown-container-header > h3 {
        width: 81%;
    }

    /*Triggered Campaign Create Page*/
    .crm-page .crm-dropdown-container > .trigg-filter-part.crm-dropdown-container-header {
        height: 165px;
    }

    /*Ad Hoc Create Page*/
    .crm-page .crm-bonus > .crm-dropdown-container-header.crm-bonus-header-height > .crm-header-border {
        margin: 63px 15px 0 15px;
    }

    .crm-page .loginSourceCurency {
        top: 88px;
    }

    .crm-page .crm-bonus > .crm-dropdown-container-header.crm-bonus-header-height {
        height: 195px;
    }

    .crm-page crm-schedule .input-group.date.date-picker.crm-col-9,
    .crm-page crm-schedule .input-group.date.date-picker.crm-col-7 {
        max-width: 263px;
        width: auto;
    }

    .segmentatino-main-page > div > span {
        font: 18px/188px Verdana;
    }

    .crm-page .crm-custom-report-list .crm-dropdown-container > .crm-dropdown-container-header {
        height: 106px;
    }

    .crm-page .crm-custom-report-list .crm-dropdown-container-header > .crm-header-border {
        margin: 72px 15px 0 15px;
    }

    .crm-page button.crm-large-btn,
    .crm-page .crm-green-btn.crm-large-button,
    .crm-page .crm-large-btn,
    .crm-page .crm-small-btn {
        width: 100%;
        margin: 10px 0;
        float: left;
    }

    .crm-page .crm-col-12 > div.crm-pull-right {
        width: 100%;
        padding-left: 15px;
    }

    .crm-page .crm-custom-tooltip .crm-custom-tooltip-text-box {
        left: -50px;
    }

    .crm-filters-grid input-holder.date-picker {
        min-width: 180px;
    }

    .dailySchedule .crm-field-group-text,
    .weeklySchedule .crm-field-group-text,
    .monthlySchedule .crm-field-group-text,
    .yearlySchedule .crm-field-group-text {
        margin-left: 7px;
    }

    .crm-page crm-cron-string button.crm-large-btn {
        width: 88%;
    }

    .crm-page crm-schedule .crm-inputs-field-group .crm-status-edit > div.crm-field-group-text.crm-col-7 {
        padding-left: 7px !important;
    }

    .crm-page crm-schedule .crm-inputs-field-group .repeatingProcessScheduler > label,
    .crm-page crm-schedule .crm-inputs-field-group .crm-status-normal > span,
    .crm-page crm-schedule .crm-inputs-field-group .crm-status-normal > label,
    .crm-page crm-schedule .crm-inputs-field-group .crm-inactive-input > label,
    .crm-page crm-schedule .crm-inputs-field-group .crm-status-edit > label {
        padding-left: 7px;
    }

    .crm-page crm-schedule .crm-inputs-field-group .repeatingProcessScheduler .schedulerBoxing {
        margin-left: 7px;
    }

    .crm-view-mode.crm-analytics-date-range-for-all text {
        text-overflow: ellipsis;
        word-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
        width: 100px;
    }

    .crm-page .crm-static-create-list .crm-input-text h3 {
        width: 100%;
        float: left !important;
    }

    crm-schedule .crm-filters-grid input-holder.date-picker {
        min-width: 243px;
        padding-left: 7px;
    }

    .crm-page crm-schedule .crm-inputs-field-group .crm-status-edit .crm-field-group-text input {
        max-width: 195px;
        width: auto;
    }

    .crm-page .crm-analytics-page .crm-analytics-view-titles .crm-large-btn,
    .crm-page .crm-static-create-list .crm-input-chackbox.crm-checkbox-margin-right,
    .crm-page .crm-campaign-buttons > div > button,
    .crm-page .crm-campaign-buttons > div {
        width: 100%;
    }

    .crm-bonus-header-height .crm-autocomplete-cnt .crm-autocomplete-block.crm-autoComplete-block {
        width: 90%;
    }

    .crm-page .crm-google-calendar .crm-dropdown-container-header > h3 {
        width: 58%;
    }

    .crm-base-grid td:not(:last-child):before {
        width: fit-content;
    }

    .crm-page .crm-dropdown-container > .crm-dropdown-container-header,
    .crm-page .crm-tab-container > .crm-tab-container-body .crm-dropdown-container > .crm-dropdown-container-header {
        height: 74px;
    }

    .crm-col-4.crm-channel-part .crm-select-channel.crm-select-box {
        width: 100% !important;
        padding-left: 0 !important;
    }
}

@media screen and (max-width: 325px) {
    /*Dashboard page*/
    .crm-dashboard .segmentatino-content-block .template-delivery-method-page .crm-main-navigation span {
        padding-top: 10px !important;
    }

    .crm-dashboard .segmentatino-content-block .template-delivery-method-page .crm-main-navigation > span > p {
        padding-right: 10px;
        line-height: 1.5;
    }

    .crm-page .crm-registration-activity-chart {
        height: 482px;
    }

    .crm-page .crm-chart-cnt-static-height.crm-chart-container {
        height: 500px !important;
    }

    .campaing-manager-main-page > div > span {
        font: 20px/188px Verdana;
    }

    .crm-crossfilters-section crm-query-value-date-time-static > .crm-col-5.crm-field-group-text {
        width: 83%;
    }

    .crm-page .crm-crossfilters-section > ul li > span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
        width: 86%;
    }

    .crm-crossfilters-section > ul li > i {
        margin: 0;
        padding-top: 8px;
    }

    /*Triggered Create Page*/
    .crm-page .crm-dropdown-container > .trigg-filter-part.crm-dropdown-container-header {
        height: 205px;
    }

    .crm-page .crm-triggered-campaign-bonus .crm-dropdown-container-header > h3 {
        width: 70%;
    }

    .crm-page .crm-static-report-create .crm-check-all,
    .crm-static-report-create .permission-dropdown-grid li {
        padding: 8px 2px 8px 8px;
    }

    .crm-page .crm-static-report-create .crm-input-chackbox label, .crm-page .crm-input-radio label {
        float: right;
    }

    .crm-filter-list .crm-filters-grid input-holder.date-picker {
        min-width: 130px;
    }

    crm-schedule .crm-filters-grid input-holder.date-picker {
        min-width: 190px;
    }

    .crm-page crm-schedule .crm-inputs-field-group .crm-status-edit .crm-field-group-text input {
        width: 208px;
    }

    .crm-page button.crm-large-btn, .crm-page .crm-green-btn.crm-large-button {
        height: auto;
    }

    .crm-page .crm-custom-tooltip .crm-custom-tooltip-text-box {
        left: -92px;
    }

    .crm-page .crm-crossfilters-section > ul > li > span {
        font-size: 11px;
        width: 82%;
    }

    .crm-page .crm-template-create-body {
        max-width: 310px;
    }
}

/* David start css */

/* start settings pop-up style*/

.crm-pdh-content {
    float: left;
    width: 100%;
    top: 20px;
    position: relative;
}

.crm-pdh-content:before {
    content: "";
    display: block;
    background: #b8e5f6;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}

.modal-content .crm-dashboard-settings-popup-wrapper-full {
    width: 1285px !important;
    min-height: 500px !important;
}

.crm-btn {
    background-color: #f2f2f2;
    color: #8A93A3 !important;
    display: block;
    float: left;
    margin: 0 6px;
    height: 32px;
    min-width: 120px;
    text-align: center;
    font: 13px Roboto, sans-serif;
    padding: 0 16px;
    cursor: pointer;
    transition: 300ms background, 300ms color, 300ms border;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.crm-dashboard-btn-margin {
    margin: 22px 22px 22px -5px;
}

.crm-dashboard-pdh-header {
    padding: 0 50px 0 24px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #e5e5e5;
    background: #f1f2f2;
    font: 16px/47px Roboto, sans-serif;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
}

.crm-dashboard-pdh-header i {
    position: absolute;
    top: 0;
    right: 0;
    width: 54px;
    text-align: center;
    line-height: inherit;
    display: block;
    color: #999;
    transition: 300ms color;
}

.crm-dashboard-settings-padding {
    float: left;
    width: 100%;
    padding: 24px 24px 0 24px;
    position: relative;
}

.crm-page .crm-input-chackbox label {
    width: 16px;
    height: 16px;
}

.crm-page .crm-input-chackbox-dashboard input:checked + label:after {
    content: "\f00c";
    color: #474747 !important;
    transition: 250ms transform !important;
    font: 10px/14px FontAwesome !important;
    text-align: center !important;
}

.crm-dashboard-checker label::after {
    width: 8px !important;
}

.crm-dashboard-settings-footer-margin {
    width: 100%;
    float: right;
    margin: 20px 0 0 0 !important;
}

.crm-dashboard-settings-footer-margin button {
    position: relative;
    float: right;
    right: 9px;
}

.crm-green-btn {
    background: #51C2CF !important;
    color: white !important;
}

.crm-dashboard-widgets-select-btn button {
    pointer-events: none;
    color: #999999;
    background: #F1F2F2;
    display: block;
    width: 36px;
    margin: 4px auto;
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 34px;
    text-align: center;
    font: 14px/32px FontAwesome;
    transition: 300ms background, 300ms color;
    padding: 0;
}

.crm-dashboard-widgets-select-btn .transfer-active-side {
    color: #FFF;
    background: #51C2CF;
    pointer-events: inherit;
}

.crm-dashboard-widgets-select-btn button:last-child::before {
    content: "\f104";
}

.crm-dashboard-widgets-select-btn button:first-child::before {
    content: "\f105";
}

.crm-dashboard-columns-settings-list-block {
    border: 1px solid #E4E6E6;
    border-top: 0;
    float: left;
    overflow-y: auto;
    height: 289px;
    min-width: 310px;
    padding: 12px;
}

.crm-dashboard-columns-settings-heading {
    height: 34px;
    line-height: 32px;
    border: 1px solid #E4E6E6;
    float: left;
    width: 100%;
}

.border-icons {
    border: 2px solid #44ccdb;
    border-radius: 50%;
    font-size: 12px;
    width: 30px;
    height: 30px;
    color: #44ccdb;
    line-height: 30px;
    font-weight: 100;
    text-align: center;
}

.crm-name-group {
    position: relative;
    display: inline-block;
    width: 91.7%;
    background-color: #f4f4f4;
    line-height: 30px;
    border-bottom: none;
}

.crm-name-group, .crm-once-list {
    padding: 0 10px 0 10px;
    line-height: 30px;
    min-height: 30px;

}

.crm-group-icons {
    display: inline-block;
    width: 31px;
    height: 30px;
    position: relative;
    text-align: center;
    background-color: #f4f4f4;
    line-height: 31px;
    float: left;
    margin-right: 2px;
}

.active.crm-name-group,.active.crm-group-icons{
    background-color: #e7f2f9 !important;
    font-weight: bold;
    color: black;
}

.active.crm-list-wrapper-border {
    border-color: #e7f2f9 !important;
}

.crm-wrapper-list {
    position: relative;
    margin-bottom: 2px;
    transition: 2s;
}

.crm-list-wrapper-border {
    position: relative;
    box-sizing: border-box;
    border: 1px solid #eaeded;
    width: 99.9%;
    border-top: none;
    float: left;
    margin-bottom: 2px;
}

.crm-lists-group {
    position: relative;
    padding: 8px;
    border-bottom: 0;
    float: left;
    width: 100%;
}

.crm-once-list {
    position: relative;
    border: 1px solid #eaeded;
    z-index: 9999999;
}

.crm-all-block-data-wrapper {
    padding: 0px;
}

.crm-dashboard-checker {
    float: right;
    width: 42px;;
    position: relative;
}

.crm-dashboard-checker input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.crm-dashboard-checker label {
    position: absolute;
    top: 6px;
}

.crm-dashboard-checker label::before,
.crm-dashboard-checker label::after {
    position: absolute;
    content: "";
    display: inline-block;
}

.crm-dashboard-checker label::before {
    height: 16px;
    width: 16px;
    content: "";
    border: 1px solid #eaeded;
    left: 0px;
    top: 3px;
}

.crm-dashboard-checker label::after {
    height: 5px;
    width: 9px;
    border-left: 2px solid;
    border-bottom: 2px solid;

    transform: rotate(-45deg);

    left: 4px;
    top: 7px;
}

.crm-dashboard-checker input[type="checkbox"] + label::after {
    content: none;
}

.crm-dashboard-checker input[type="checkbox"]:checked + label::after {
    content: "";
}

.crm-dashboard-checker input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}

.crm-dashboard-columns-settings-heading span {
    padding: 0 0 0 15px;
}

.crm-dashboard-columns-settings-list-block ul {
    list-style-type: none;
}

.crm-dashboard-columns-settings-list-block ul li {
    float: left;
    width: 100%;
    display: block;
    font: 14px/16px Roboto, sans-serif;
    margin: 15px 0px 0px;
}

.crm-dashboard-columns-settings-list-block ul li p {
    width: 90%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.crm-dashboard-columns-setting-list-block ul li div {
    transition: 300ms background;
    position: relative;
}

.crm-disabled-buttons-select {
    float: left;
    width: 12%;
    height: 323px;
    padding-top: 124px;
}

.crm-dashboard-checker input[type="checkbox"]:focus + label::before {
    outline: none !important;
}

.crm-dashboard-widgets-select-btn button {
    pointer-events: none;
    color: #999999;
    /*background: #F1F2F2;*/
    display: block;
    width: 36px;
    margin: 4px auto;
    /*border: 1px solid rgba(0, 0, 0, 0.1);*/
    height: 34px;
    text-align: center;
    font: 14px/32px FontAwesome;
    transition: 300ms background, 300ms color;
    padding: 0;
    border-radius: 3px;
    pointer-events: none;
    color: #999999;
    background: #F1F2F2;
    border: none;
}

.crm-dashboard-widgets-select-btn .transfer-active-side {
    color: #FFF;
    pointer-events: inherit;
    border: 1px solid #44ccdb;
    border-radius: 3px;
    background: #44ccdb;
}

/* end settings pop-up style*/

/* start dashboard KPIs style*/

.crm-kps-parent-bloc {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.crm-dashboard-widget-kpi {
    margin-top: -16px;
    padding: 10px;
}

.crm-dashboard-kpi-header {
    border: 1px #EAEDED solid;
    height: 35px;
    padding: 8px 16px;
}

.crm-dashboard-kpi-header-title {
    font-size: 14px;
}

.crm-dashboard-kpi-body {
    border: 1px #EAEDED solid;
    border-top: 0;
    padding: 8px 16px 8px 16px;
    margin-top: -8px;
}

.crm-dashboard-charts-body {
    border: 1px #EAEDED solid;
    border-top: 0;
    /*min-height: 200px;*/
    /*margin-top: -8px;*/
}

.row::before {
    content: " ";
    display: table;
}

.crm-kpi-item-info-wrapper ul {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed;
}

.crm-kpi-item-info-wrapper > ul > li {
    padding-top: 0px;
}

.crm-dashboard-kpi-item-icon {

    float: left;
    position: relative;
    width: 82px;
    height: 82px;
    border-radius: 5px 0 0 5px;

}

.crm-dashboard-kpi-item-icon img {
    display: inline-block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 21px;
    left: 20px;

}

.crm-kpi-item-info-wrapper .crm-kpi-item-info-holder {
    /*border: 1px #EAEDED solid;*/
    min-height: 82px;
    min-width: 285px;
}

.crm-kpi-item-info-holder .crm-dashboard-kpi-data-holder {
    float: left;
    color: #474747;
    text-transform: uppercase;
}

.crm-kpi-item-info-holder .crm-dashboard-kpi-data-holder .crm-kpi-title {
    font: 700 12px/14px Roboto, sans-serif;
    margin-bottom: 12px;
}

.crm-kpi-item-info-holder .crm-dashboard-kpi-data-holder .crm-kpi-data {
    float: left;
    width: 100%;
    height: 24px;
    font: 24px/24px Roboto, sans-serif;
    color: #A0ABB8;
    font-weight: bold;
}

.crm-dashboard-kpi-icons-bar {
    float: right;
    height: 82px;
    width: 5%;
    padding: 8px;
}

.crm-dashboard-kpi-icons-bar span {
    display: block;
}

.crm-dashboard-kpi-icons-bar .settings-calendar {
    float: right;
    font-size: 14px;
    border-radius: 3px;
    line-height: 30px;
    text-align: center;
    background-color: #f1f2f2;
}

.disabled-style-kpi {
    opacity: 0.5;
}

.crm-dashboard-kpi-icons-bar .info {
    position: relative;
    float: right;
    border: 1px solid #b8e5f6;
    margin-top: 20px;
    height: 15px;
    width: 15px;
    overflow: hidden;
    text-align: center;
    line-height: 13px;
    border-radius: 50%;
    color: #0b0b0b;
    display: block;
    font-size: 9px;
    cursor: pointer;
}

.up {
    background-color: rgba(153, 210, 177, 0.2);
}

.down {
    background-color: rgba(235, 101, 106, 0.2);
}

.down-active-users {
    background-color: rgba(142, 142, 179, 0.2);
}

.down-dollar-retention-rate {
    background-color: rgba(113, 181, 141, 0.2);
}

.down-retention-rate {
    background-color: rgba(254, 200, 48, 0.3);
}

.dau-mau-ratio {
    background-color: rgba(81, 194, 207, 0.2);
}
.average-revenue {
    background-color: rgba(3, 154, 235, 0.2);
}

.dau-wau-ratio {
    background-color: rgba(45, 182, 171, 0.2);
}

.crm-dashboard-btn-show-hidden {
    border: 1px solid #EAEDED;
    border-right: none;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    top: -9px;
    float: right;
    position: relative;
    left: 16px;
    color: #d1d1d1;
    font-size: 20px;
}

.settings-icon-dashboard, .calendar span {
    display: inline-block;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    width: 32px;
    height: 32px;
    /*background: #F1F2F2;*/
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 17.5px;
}

/*.calendar {*/
    /*float: right;*/
/*}*/

.crm-dashboard-header-settings {
    width: 100%;
    padding-top: 1px;
}

.calendar .calendar-inp {
    display: inline-block;
}

.calendar .calendar-inp input {
    height: 32px;
    position: relative;
    left: 21px;
    top: -1.025px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
}

.crm-disabled-element * {
    border-color: #e5e9ec;
    color: #8a93a3;
    cursor: default;
}

.crm-dashboard-event {
    pointer-events: none
}

.crm-disabled-kpis-wrapper {
    /*padding-top: 0px;*/
}
.crm-dashboards-charts-wrapper{
    /*height: 482px; box-sizing: border-box*/
}

/* end dashboard KPIs style*/

/* David end css */

/* Dashboard Chart's  */

/*  chart resize content  */
.crm-page .crm-dashboard-analytics-chart-resize > div > div {
    padding-top: 5px;
    width: 100%;
}

/* dashboard chart resize */
@media screen and (max-width: 1086px) {

    .crm-dashboard-bet-sum-amount-per-hour-wrapper, .crm-multi-axis-zoomable-column-chart-wrapper {
        padding: 8px !important;

    }


}
@media screen and (max-width: 1300px) {
    .crm-dashboard-d3-chart-type {
        width: 80%;
    }

    .crm-dashboard-d3-chart-type div {
        width: 50%;
    }
}

.crm-page .crm-input-chackbox-dashboard label, .crm-page .crm-input-radio label {
    margin: 2px 0px;
}

/* dashboard date range validation  error */
.crm-dashboard-date-error-border {
    border: 1px solid red;
}

/* dashboard all blocks wrapper border*/
.crm-dashboard-block-wrapper-border {
    border: 1px solid #EAEDED;
    min-height: 486px;
    overflow: hidden;
}

/* dashboard all blocks wrapper border campaigns */
.crm-dashboard-block-wrapper-border-campaigns {
    border: 1px solid #EAEDED;

}

.crm-small-padding-left {
    padding-left: 6px

}
.crm-small-padding-right {
    padding-right: 6px
}
.crm-campaign-info-item .crm-action-icon-gift {
    cursor: default;
}
.crm-page .crm-triggered-filters-scroll .crm-input-text input {
    height: 34px;
}

.crm-kpi-item-info-holder .crm-dashboard-kpi-data-holder .crm-kpi-title {
    font: 700 12px/12px Roboto, sans-serif;
    margin-bottom: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*Dashboard new design styles*/
.settings-icon-dashboard {
    width: max-content;
    height: auto;
    padding-left: 16px;
    border: none;
    margin: 0;
    margin-top: -8px !important;
}
.crm-page .fa-cog.crm-setting-icon-duplicate {
    display: block;
    float: left;
    margin: 15px 8px;
    border: 1px solid #b8e5f6;
    border-radius: 3px;
    background: #e6f6fc;
    width: 32px;
    height: 32px;
    color: #1B9CFB;
    text-align: center;
    font: 14px/30px FontAwesome;
    transition: 300ms background, 300ms color;
}
.crm-box-shadow {
    box-shadow: 0 0 10px 3px rgba(119, 119, 119, 0.1);
    border-radius: 5px;
}
.creat-a-campaining.crm-dashboard .template-delivery-method-page > div {
    box-shadow: 0 0 10px 3px rgba(119, 119, 119, 0.1);
}
.crm-page .crm-block-separate-margin {
     margin: 8px 8px !important;
}
.crm-dashboard-widget-kpi {
    margin-top: 0px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 10px 3px rgba(119, 119, 119, 0.1);
    padding: 0;
}
.crm-dashboard-kpi-header,
.crm-dashboard-kpi-header-flex {
    border-bottom: 5px #f5f6fa solid;
    height: 46px;
}
.crm-dashboard-charts-body,
.crm-dashboard-charts-body,
.crm-dashboard-kpi-body {
    border: 0;
    padding: 15px;
}
.crm-dashboard-btn-show-hidden > i:hover,
.crm-dashboard-btn-show-hidden-flex-block > i:hover {
    color: #11a0f8;
}
.crm-dashboard-kpi-range > ul {
    float: right;
    display: flex;
    align-items: center;
}
.crm-dashboard-kpi-range > ul > li {
    padding: 0 8px;
}
.crm-dashboard-kpi-header-title {
    padding-left: 0;
    line-height: 40px;
}
.crm-dashboard-btn-show-hidden {
    line-height: 40px;
    /*left: 0;*/
    /*top: x;*/
    border: none;
    /*padding-top: 8px;*/
}
.crm-dashboard-info-container .crm-material-tabs.active {
    border-bottom: 2px solid #11a0f8;
}
.crm-kpi-item-info-wrapper .crm-kpi-item-info-holder {
    background-color: white;
    box-shadow: 0 0 10px 3px rgba(119, 119, 119, 0.1);
    border-radius: 5px;
}
.crm-page .crm-dashboard-analytics-chart-resize > div > div.crm-filters-grid {
    padding-top: 15px;
}
.crm-kpi-item-info-wrapper {
    padding: 0;
}
/*.crm-dashboard-kpi-icons-bar .info {*/
    /*border: 1px solid #b8e5f6;*/
/*}*/
.crm-dashboard-kpi-icons-bar .fa-info {
    /*border: 1px solid #b8e5f6;*/
    border-radius: 3px;
    /*background: #e6f6fc;*/
    color: #1B9CFB;
}
.crm-dashboard-kpi-icons-bar .fa-calendar{
    border: 1px solid #b8e5f6;
    border-radius: 3px;
    background: #e6f6fc;
    width: 32px;
    height: 32px;
    color: #1B9CFB;
    font: 14px/30px FontAwesome;
}
.crm-dashboard-header-settings .settings-icon-dashboard {
     padding-left: 0;
}
.crm-dashboard-pdh-header {
    padding: 0px 0px 0 0;
    width: 100%;
    float: left;
    background: white;
    font: 18px/56px Roboto, sans-serif;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #b8e5f6;
}
.crm-dashboard-settings-padding {
    padding: 24px 0 0 0;
}
.crm-large-btn,
.crm-new-button-style {
    display: block;
    /*float: left;*/
    /*margin: 15px 0 0 0;*/
    height: 36px;
    min-width: 120px;
    text-align: center;
    font: 13px Roboto, sans-serif;
    padding: 0 16px;
    cursor: pointer;
    transition: 300ms background, 300ms color, 300ms border;
    border-radius: 3px;
    font-weight: bold;
}
.crm-large-btn.crm-white-btn,
.crm-blue-cancel-btn {
    border: 1px solid #1B9CFB;
    background: #cfeef9 !important;
    color: #1B9CFB !important;
}
.crm-large-btn.crm-white-btn:hover,
.crm-blue-cancel-btn:hover {
    background: #cfeef9 !important;
    border: 1px solid #1B9CFB;
    color: #1B9CFB !important;
}
.crm-large-btn.crm-inactive-btn,
.crm-new-disabled-button {
    pointer-events: none;
    background: #E4E8E8 !important;
    border: 1px solid #E4E8E8;
    color: #999 !important;
}
.crm-large-btn.crm-green-btn,
.crm-blue-save-btn {
    background: #1B9CFB !important;
    border: 1px solid #1B9CFB;
    color: #ffffff !important;
}
.crm-large-btn.crm-green-btn:hover,
.crm-blue-save-btn:hover {
    border: 1px solid #1B9CFB;
    color: #ffffff !important;
    background: #0491f8 !important;
}

.border-icons {
    border: 2px solid #44ccdb;
}
.border-icons > i {
    color: #44ccdb;
}
.crm-dashboard-checker label::before,
/*.crm-page .crm-dashboard-checker label,*/
.crm-page .crm-input-chackbox-dashboard label {
    background: #f9fcfe;
    border: 1px solid #b8e5f6;
    border-radius: 3px;
    color: #1b9ae7;
    text-align: center;
    cursor: pointer;
    position: relative;
    transition: 300ms color, 300ms background;
    float: left;
}
.crm-page .crm-input-chackbox-dashboard input:checked + label:after {
    content: "\f00c";
    position: absolute;
    color: #1b9ae7 !important;
    top: 0;
    left: 0;
    width: 100%;
    transition: 250ms transform;
    font: 10px/14px FontAwesome;
}
.crm-dashboard-checker label::after {
    color: #1b9ae7;
}
.crm-dashboard-settings-footer-margin button {
    right: 0;
    margin-right: 0;
    margin-left: 16px;
}
.crm-popup-block-header {
    padding: 12px 0px 4px 0;
    width: 100%;
    float: left;
    background: white;
    font: 18px/56px Roboto, sans-serif;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #b8e5f6;
    height: auto;
    position: relative;
}
.crm-popup-block-header h3 {
    font: 18px/24px Roboto, sans-serif !important;
}
.crm-popup-block-header i {
    position: absolute;
    top: 0;
    right: 0;
    /*width: 54px;*/
    text-align: center;
    line-height: 40px;
    display: block;
    color: #999;
    transition: 300ms color;
    z-index: 1;
}
.crm-popup-multi-el-body {
    padding: 13px 0 0 0;
}
.crm-tab-container .crm-tab-container-tabs li:hover,
.crm-tab-container .crm-tab-container-tabs li.actived {
    background: #1B9CFB;
    color: white;
    border: 1px solid #1B9CFB;
}
.crm-page .crm-dropdown-container .crm-dropdown-container-header span.crm-last-icon-item {
    border-left: none;
}
.crm-dropdown-container .crm-dropdown-container-header span > i{
    color: #1B9CFB;
}
.crm-dashboard-block-wrapper-border-campaigns {
    border: none;
}
.crm-dashboard-charts-body > .crm-col-12 > .crm-col-6:first-child,
.crm-dashboard-charts-body .row > .crm-col-6:first-child {
    border-right: 1px solid #dddddd;
}
.crm-dashboard-analytics-chart-resize label {
    width: 100%;
    padding-bottom: 7px;
}
.crm-dashboard-analytics-chart-resize label {
    margin: 5px 0;
    /*border-bottom : 1px solid #dddddd;*/
}
.crm-dashboard-info-label h3 {
    margin: 5px 15px;
    /*border-bottom : 1px solid #dddddd;*/
}
@media screen and (max-width: 1504px) {
    .crm-dashboard-kpi-range {
        width: 39.333%;
    }
}
.crm-page .crm-dashboard-kpi-icons-bar .crm-base-tooltip-container {
    position: absolute;
    width: 145px;
    min-height: 28px;
    padding: 10px;
    background: #fff;
    color: #444;
    border-radius: 4px;
    z-index: 10000;
    box-shadow: 5px 5px 13px rgba(51, 51, 51, 0.3);
    text-align: center;
    font-size: 12px;
    line-height: 14px;
}
.crm-page {
    line-height: 1;
    font-size: 14px;
}
.crm-page .crm-dashboard-bet-sum-amount-per-hour-wrapper > div {
    min-height: 480px;
}
.crm-base-tooltip-container.top-tooltip {
    font-size: 14px;
}
.crm-page.crm-campaing-list-info-popup {
    border-radius: 5px;
}
.crm-base-tooltip-large-container span {
    border: 0;
    float: none;
    width: initial;
}
.crm-page .crm-loyalty-chart .crm-sorting-by {
    height: inherit;
}
.crm-page.crm-campaing-list-info-popup.crm-popup-segment-create-edit .crm-checked-un-checked .crm-check {
    margin-top: 6px;
}
.crm-page.crm-campaing-list-info-popup.crm-popup-segment-create-edit .crm-date-filter-title {
    line-height: 16px;
}
.crm-page.crm-campaing-list-info-popup.crm-popup-segment-create-edit crm-query-filter-generator .crm-filters-grid > .crm-col-7 {
    padding: 0;
}
.crm-page.crm-campaing-list-info-popup.crm-popup-segment-create-edit crm-query-filter-generator .crm-filters-grid > .crm-col-7 > ul > li.crm-col-10 {
    width: 100%;
}
.crm-page.crm-campaing-list-info-popup.crm-popup-segment-create-edit crm-query-filter-generator .crm-filters-grid > .crm-col-5 {
    padding: 0 !important;
}
.crm-dashboards-charts-wrapper {
    /*height: 482px;*/
    box-sizing: border-box;
}
.crm-page .action-toolbar-row input {
    line-height: 1;
}
.crm-page .crm-inputs-field-group .date-picker .datepicker.daterangepicker.datepicker-dropdown {
    z-index: 100000 !important;
}/*---------------------------End Breadcrumbs Bar--------------------------------*/
.crm-page .crm-loyalty-chart .creat-a-campaining .crm-mode-label {
    margin: 0;
}
.crm-page .crm-loyalty-chart .creat-a-campaining .crm-sorting-by.bootstrap-select {
    padding: 0!important;
}

/*  KPI's style  dashboard */

.crm-dashboard-all-kpis-loader-wrapper-parent{
    position: relative;
}
.crm-dashboard-all-kpis-loader-wrapper {
    position: absolute;
    margin-left:-20px;
    margin-top:-25px;
    width: 80px;
    height: 80px;
}

.crm-dashboard-kpi-data-holder {
    transition: all 2s
}

.crm-settings-popup-kpi-select-picker Input:disabled {pointer-events: none}

.crm-dashboard-charts-body  .date-picker .datepicker.daterangepicker.datepicker-dropdown {
    width: 100% !important;
}


.crm-dashboard-campaigns-grid-info, .crm-dashboard-campaigns-grid-info td, .crm-dashboard-campaigns-grid-info th {
    text-align: left;
}

.crm-dashboard-campaigns-grid-info {
    border-collapse: collapse;
    width: 100%;
}

.crm-dashboard-campaigns-grid-info td, .crm-dashboard-campaigns-grid-info th {
    padding: 10px;
}
.crm-dashboard-campaigns-grid-info td, .crm-dashboard-campaigns-grid-info th {
    border-right: 1px solid #e6eaee;
}
.crm-dashboard-campaigns-grid-info td:last-child, .crm-dashboard-campaigns-grid-info th:last-child {
    border-right: none;
}
.crm-dashboard-campaigns-grid-info th {
    background-color: #f0f5f8;
    border-bottom: none;
}
.crm-dashboard-campaigns-grid-info tr:nth-child(odd) {background-color: #f5f7fa;}
.crm-dashboard-campaigns-grid-info-label {
    /*font-family: "Open Sans", sans-serif !important;*/
    vertical-align: middle;
    margin-bottom: 0;
    line-height: 20px;
    position: relative;
    display: table;
    font-size: 18px;
    color: #5a5a5a;
    letter-spacing: 0.6px;
}

#campaignsInfo1 .crm-empty-data{
    height: 265px
}


.crm-page .crm-analytics-date-range-for-all.crm-view-mode  .crm-grid-general-info {
    width: 100%;
}

.crm-dashboards-campaigns-wrapper {
    /*height: 400px;*/
}

@media screen and (max-width: 1550px) {

    .crm-dashboard-kpi-range {
        width:40%;
    }

    .crm-page .crm-analytics-date-range-for-all.crm-view-mode .crm-filters-grid {
        width:80%;
    }
    .crm-page .crm-analytics-date-range-for-all.crm-view-mode .crm-filters-grid.crm-grid-general-info {
        width: 100%;
    }

}

@media screen and (max-width: 1390px) {

    .crm-dashboard-kpi-range {
        width: 45%;
    }

    .crm-dashboard-campaign-block-wrapper .crm-dashboard-campaign-height .crm-empty-data {
        min-height: 412px !important;
    }

    .crm-dashboard-campaigns-grid-info-no-data {
        min-height: 400px !important;
    }

    .crm-page .crm-view-mode .crm-dashboard-grid-general-info-customers .crm-empty-data  {
       height: 234px !important;
    }
    /* dashboard grid general info date range inputs*/
    .crm-page .crm-analytics-date-range-for-all.crm-view-mode .crm-filters-grid {
        width: 100%;
    }

    .crm-dashboard-campaigns-grid-info-label {
        width: 100%;
    }

    /* all dashboard date range inputs  */
    .crm-page .crm-dashboard-campaign-block-wrapper.crm-view-mode .crm-filters-grid.crm-grid-general-info  > ul >li {
        width: 100%;
    }

}
@media screen and (max-width: 1154px) {
    .crm-dashboard-campaign-block-wrapper .crm-dashboard-campaign-height .crm-empty-data {
        min-height: 440px !important;
    }
    .crm-dashboard-campaigns-grid-info-no-data {
        min-height: 400px !important;
    }
    .crm-dashboards-campaigns-wrapper {
        width: 100%;
    }
    .crm-page .crm-analytics-date-range-for-all.crm-view-mode .crm-filters-grid {
        width: 100%;
    }
    .crm-page .crm-analytics-date-range-for-all.crm-view-mode .crm-filters-grid.crm-grid-general-info > ul >li {
        width: 50%;
    }
    .crm-page .crm-analytics-date-range-for-all.crm-view-mode .crm-filters-grid.crm-grid-general-info {
        width: 65%;
    }
.crm-page .crm-analytics-date-range-for-all.crm-view-mode .crm-filters-grid {
        width: 100%;
    }
    .crm-page .crm-analytic-component .crm-analytics-date-range-for-all .crm-filters-grid > ul > li {
        /*background-color: red;*/
        width: 50%;
    }

    .crm-page .crm-analytic-component .crm-analytics-date-range-for-all .crm-filters-grid > ul > li:first-child {
        padding-bottom: 8px;
    }
    .crm-dashboard-campaigns-grid-info-label {
        width: 100%;
    }
    .crm-dashboard-kpi-range {
        width: 50%;
    }
    .crm-page .crm-dashboard-campaign-block-wrapper.crm-view-mode .crm-filters-grid.crm-grid-general-info  > ul >li {
        width: 50%;
    }
}
@media screen and (max-width: 1100px) {
    .crm-dashboard-campaign-block-wrapper .crm-dashboard-campaign-height .crm-empty-data {
        min-height: 440px !important;
    }
    .crm-dashboard-campaigns-grid-info-label {
        width: 100%;
    }
    .crm-dashboard-kpi-range {
        width: 60%;
    }

    .crm-page .crm-analytics-date-range-for-all.crm-view-mode .crm-filters-grid {
        width: 100%;
    }
    .crm-page .crm-analytic-component .crm-analytics-date-range-for-all .crm-filters-grid > ul > li {
        width: 60%;
        float: right;
    }
    .crm-page .crm-dashboard-campaign-block-wrapper.crm-view-mode .crm-filters-grid.crm-grid-general-info  > ul >li {
        width: 50%;
    }

}
@media screen and (max-width: 945px) {
    .crm-dashboards-charts-wrapper {
        width: 100%;
    }
    .crm-dashboard-campaigns-grid-info-label {
        width: 100%;
    }
    .crm-page .crm-analytics-date-range-for-all.crm-view-mode .crm-filters-grid {
        width: 65%;
    }
    .crm-page .crm-analytic-component .crm-analytics-date-range-for-all .crm-filters-grid > ul > li {
        width: 50%;
    }

    .crm-page .crm-analytic-component .crm-analytics-date-range-for-all .crm-filters-grid > ul > li:first-child {
        padding-bottom: 8px;
    }

    .crm-dashboard-campaigns-grid-info-label {
        width: 100%;
    }
    .crm-dashboard-kpi-range {
        width: 65%;
    }
}




.crm-campaing-list-info-popup.crm-report-list-info.crm-for-static-segment .adv-table-translate .adv-table-scroll table {
    table-layout: fixed;
    float: none;
}
.crm-campaing-list-info-popup.crm-report-list-info.crm-for-static-segment .adv-table-translate .adv-table-scroll table thead tr {
    display: block;
    position: relative;
}
.crm-campaing-list-info-popup.crm-report-list-info.crm-for-static-segment .adv-table-translate .adv-table-scroll table td {
    min-width: 173px;
}
.crm-campaing-list-info-popup.crm-report-list-info.crm-for-static-segment .adv-table-translate .adv-table-scroll table  tbody {
    display: inline-block;
    overflow: auto;
    /*width: fit-content;*/
    max-height: 265px;
}
.crm-dashboard-kpi-range input-holder .input-right-label {
    z-index: 100;
}
.crm-page .action-toolbar-row .left-actions,
.crm-page .action-toolbar-row .right-actions,
.crm-page .action-toolbar-row input {
    margin: 0;
}
.crm-four-inputs {
    width: calc(100% / 4) !important;
}
.crm-three-inputs {
    width: calc(100% / 3) !important;
}
.crm-two-inputs {
    width: calc(100% / 2) !important;
}
.crm-one-input {
    width: 100%;
}
.crm-page .sms-provider-settings .crm-link-style .crm-underlined-field {
    display: inline-block;
    float: right;
    border-right: none
}
/*scheduler style changes*/
.crm-page .crm-schedule-time > div .crm-field-group-text input {
    display: block;
    width: 100%;
    float: left;
    z-index: 1;
    position: relative;
    height: 32px;
    border: 1px solid #b8e5f6;
    padding: 0 12px;
    transition: 300ms border, 300ms background, 300ms padding;
    font: 13px Roboto, sans-serif;
    color: #999999;
    border-radius: 3px;
}
.crm-page .crm-schedule-time .crm-status-edit > span {
    display: none;
}
.crm-page .crm-schedule-time > div .crm-field-group-text span.input-group-btn {
    right: 0;
    top: 0;
    z-index: 1;
    /*pointer-events: none;*/
}
.crm-page crm-schedule .crm-status-edit > .crm-col-7.crm-field-group-text {
    width: auto;
    min-width: 240px;
}
.crm-page crm-schedule .crm-status-edit > .crm-col-7.crm-field-group-text > .input-group.date-picker {
    position: relative;
}
.crm-page crm-schedule .crm-status-edit > .crm-col-7.crm-field-group-text > .input-group.date-picker > span.input-group-btn > button {
    background-color: #e6f6fc;
    border: none;
    border-left: 1px solid #b8e5f6;
    right: 0;
    top: 0;
    height: 30px;
    margin: 1px;
    /* font: 12px/30px FontAwesome; */
    color: #1b9cfb;
    transition: 300ms color;
    width: 31px;
    text-align: center;
    box-sizing: border-box;
    padding: 0;
}
.crm-page crm-schedule .crm-filters-grid.crm-one-row-schedule {
    width: 35%;
}
.crm-page .crm-autocomplete-cnt > h3 {
    font: 14px/20px Roboto, sans-serif;
    width: 100%;
    margin: 0 0 4px;
    font-weight: 600;
}
.crm-campaign-general-body .crm-autocomplete-cnt .crm-autocomplete-block.crm-autoComplete-block {
    width: 100%;
}

/* Dashboard style change */
.crm-dashboard-kpi-header-title {
    line-height: 24px;
}
.crm-dashboard-btn-show-hidden i {
    line-height: 45px;
}

.crm-dashboard-kpi-header,.crm-dashboard-kpi-header-flex {
    border-bottom: 5px #f5f6fa solid;
}

.crm-dashboard-block-header-border-closed {
    border: 1px #EAEDED solid;
}
/*composite segment popup*/
.crm-page.crm-popup-segment-create-edit .crm-composite-segment-edit-popup .crm-dropdown-container-header {
    height: 46px;
}
.crm-page.crm-popup-segment-create-edit .crm-composite-segment-edit-popup .crm-input-radio .crm-composite-operations-labels {
    width: 100%;
    float: left;
    padding: 0;
}
.crm-page.crm-popup-segment-create-edit .crm-composite-segment-edit-popup .crm-input-radio .crm-composite-operations-labels > span {
    line-height: 1.5;
    float: left;
    padding: 0 5px 0 0;
}
.crm-page.crm-popup-segment-create-edit .crm-composite-segment-edit-popup .crm-input-radio {
    margin: 0;
}
.crm-page.crm-popup-segment-create-edit .crm-composite-segment-edit-popup .crm-composite-segment-item i {
    font-size: 30px;
}
.crm-page.crm-popup-segment-create-edit .crm-composite-segment-edit-popup .crm-composite-segment-item i.fa-close {
    font-size: 14px;
}
.crm-page.crm-popup-segment-create-edit .crm-composite-segment-edit-popup .action-toolbar-row {
    padding: 15px 0 0 0;
}
.crm-page.crm-popup-segment-create-edit .crm-composite-segment-edit-popup .crm-query-show-count-info-buttons {
    float: left;
    padding-left: 0;
}
.crm-page.crm-popup-segment-create-edit .crm-composite-segment-edit-popup {
    max-height: 750px;
    overflow-y: auto;
    overflow-x: hidden;
}
.crm-page.crm-popup-segment-create-edit .crm-composite-segment-edit-popup .adv-table-translate:not(.bc-clear-margin) {
    margin: 0 0 80px;
}
.crm-page.crm-popup-segment-create-edit .crm-composite-segment-edit-popup .adv-table-translate.crm-base-grid .adv-table-scroll table tr td.pagination-td {
    height: 0;
}
.crm-page.crm-popup-segment-create-edit .crm-composite-segment-edit-popup .pagination-row {
    margin: 0;
}
/*composite segment popup end*/


/* dashboard style change  RFM chart tooltip for Mac */
.foreignobj .textdiv {
    width: 100%;
    height: 100%;
}

.crm-col-8.crm-error-box {
    line-height: 1;
}

/* edit Segment in workflow */
.crm-workflow-popup-block .crm-autocomplete-cnt .crm-autocomplete-block.crm-autoComplete-block {
    width: 100% ;
}
.crm-page.crm-popup-segment-create-edit .crm-composite-segment-edit-popup .crm-composite-operations-labels .crm-custom-tooltip .crm-custom-tooltip-text-box {
    float: right;
}
.crm-page .crm-analytics-charts .crm-view-mode .crm-empty-data {
    height: 100%;
    min-height: 410px;
}
.crm-page .crm-analytics-charts .crm-chart-info-box {
    width: 95%;
}

/*!* campaigns bonus list checkbox  *!*/
/*.crm-custom-margin-bonus-dynamic-checkbox {*/
    /*margin-left: 60px;*/
/*}*/
.crm-page.crm-campaing-list-info-popup.crm-report-list-info .crm-composite-segment-preview .crm-carousel-tab-container-body span.crm-filter-view {
    line-height: 30px;
}
.crm-page #TemplateId .crm-base-grid .fa.crm-fa-caret {
    float: left;
}
.crm-page #TemplateId .crm-base-grid .adv-table-scroll-overflow td:nth-child(3) > span {
    float: left;
    padding-left: 4px;
}
.crm-page .crm-dashboard-info-container-child .crm-dashboard-campaigns-grid-info .crm-action-icon-gift {
    cursor: default;
}

/* kpi's global date range */
.crm-dashboard-kpi-range-padding-right {
    padding-right: 13px;
}

/* Dashboard ui change  */

.crm-dashboard-shadow-wrapper-block {
    box-shadow: 0 0 10px 3px rgba(119, 119, 119, 0.09);
    border-radius: 5px;
}

.crm-padding-dashboard-block-tb {
    padding: 8px 0;
}


/* campaigns wrapper*/
.crm-dashboard-campaigns-wrapper-size {
    min-height: 600px;
}

.crm-dashboard-block-min-margin-bottom {
    margin-bottom: 5px;
}

.crm-dashboard-campaign-height {
    min-height: 520px;
}
.crm-padding-right {
    padding-right: 10px;
}

.crm-dashboard-campaign-buttons-list button:first-child {
    margin-left: 0 ;
}

.crm-dashboard-campaign-height  .crm-empty-data {
    min-height: 440px !important;
}

.crm-dashboard-campaigns-grid-info-no-data {
    min-height: 440px;
}


/* dashboard grid */


.crm-dashboard-campaign-table {
    width: 100%;
    overflow-y: auto;
    max-height: 425px;
    height: 425px;
    z-index: 50
}

.crm-dashboard-campaign-table-row-header {
    padding: 5px 10px;
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    background-color: #f0f5f8;
    position: absolute;
    z-index: 9999;
    width: 100%;
}

.crm-dashboard-campaign-table-row-body {
    padding: 5px 10px;
    box-sizing: border-box;
    display: flex;
    width: 100%;
    z-index: 2;
}

.crm-dashboard-campaign-table-col-header {
    padding: 8px;
    display: inline-block;
    box-sizing: border-box;
    font-weight: bold;
    border-right: 2px solid #e6eaee;
    z-index:3

}

.crm-dashboard-campaign-table-col-header:last-child, .crm-dashboard-campaign-table-col-body:last-child {
    border-right: none;
}

.crm-dashboard-campaign-table-col-body {
    box-sizing: border-box;
    border-right: 2px solid #e6eaee;;
    display: inline-block;
    padding: 8px;
}

.crm-dashboard-campaign-table-row-body:nth-child(even) {
    background-color: #f5f7fa
}

.crm-dashboard-campaign-table-body-wrapper {
    box-sizing: border-box;
    position: relative;
    top: 44px;
}
.crm-right-72 {
    right: 72px;
}
.crm-workflow-filter .crm-autocomplete-cnt .crm-autocomplete-block.crm-autoComplete-block {
    width: 100%;
}
.crm-page .crm-bonus-engine .fa-question-circle {
    line-height: 2.5;
}

.crm-dashboard-chart-height{
    height: 498px;
}





/* dashboard all block redesign */

.crm-dashboard-wrapper-block-border {
    border: 1px solid #eef2f7;
    border-radius: 3px;
}

.crm-dashboard-all-block-radius-title {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 5px solid #f5f7fa;
}

.dashboard-table-width-calculate-dynamic {
    width: calc(100% - 29px);
}

.dashboard-table-body-padding--dynamic {
    padding-right: 15px;
}
.crm-dashboard-kpi-item-icon img.crm-dashboard-kpi-logo-custom-size {
    width: 48px;
    left: 13px;
}

@media screen and (max-width: 945px){
    .crm-dashboards-charts-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 15px !important;
    }
}

.crm-page .crm-workflow-checkbox .crm-workflow-checkbox-label {
    display: inline-block;
    text-align: left;
}
.crm-page .crm-workflow-checkbox .crm-check {
    margin: 5px 0 0 5px;
    width: 16px;
    height: 16px;
    float: left;
}
.crm-dashboard-info-container-child .fa-gift {
    cursor: default;
}
/*the tooltip was half seen, change the logic when there is time*/
.crm-page .crm-workflow-static-dynamic-date-time .crm-custom-tooltip .crm-custom-tooltip-text-box {
    float: right;
    left: 85px;
}
.crm-page input.crm-select-picker-input.crm-disabled {
    background-color: #f2f3f5;
}
.modal-content .crm-page.modal-dialog.crm-campaign-categories .action-toolbar-row {
    padding: 0;
}
.modal-content .crm-page.modal-dialog.crm-campaign-categories .action-toolbar-row > label {
    text-align: left;
}
.modal-content .crm-page.modal-dialog.crm-campaign-categories .action-toolbar-row .left-actions {
    width: 24%;
}
.modal-content .crm-page.modal-dialog.crm-campaign-categories .action-toolbar-row .clear-action {
    width: 13%;
}

.crm-dashboard-base-margin-lr {
    margin: 0 8px;
}

/* new style change dashboard */
.cmr-campaigns-activity-b-g {
    background-color: #d3f2cf;
    padding: 7px;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 5px;
}

/* dashboard grid active campaigns item  width */

.crm-dashboard-campaign-table-col-header:first-child,.crm-dashboard-campaign-table-col-body:first-child{
    flex: 5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.crm-dashboard-campaign-table-col-header,.crm-dashboard-campaign-table-col-body {
    flex: 2;
}
/*workflow tabs*/
.crm-page .crm-workflow-tabs .crm-carousel-item {
    padding: 15px 10px;
    border: none;
    font-size: 18px;
    display: inline-block;
}
.crm-page .crm-workflow-tabs .crm-carousel-item.actived {
    border-bottom: 3px solid #1789fb;
    float: none;
}
#crm-line-chart-of-effectiveness {
    min-height: 400px;
}
.crm-page .crm-workflow-tabs .crm-bonus-label {
    width: 12.5%;
}
.crm-page .crm-workflow-tabs .crm-bonus-value {
    width: 87.5%;
}
.crm-page .crm-workflow-tabs .crm-bonus-value,
.crm-page .crm-workflow-tabs .crm-bonus-label {
    float: left;
    padding: 8px;
}

/* KPI reactivation-rate*/

.reactivation-rate {
    background: rgba(161, 209, 128,0.2);
}
.crm-page .crm-workflow-filter .crm-select-picker-body {
    position: relative;
}


.crm-page .crm-filter-list .marketTypeCascade input.crm-tree-control {
    height: 38px;
}
/*all KPI's change width*/
@media only screen and (max-width: 1375px) and (min-width: 1301px) {
    .crm-dashboard-kpi-data-holder.crm-col-8 {
        width: 64.666% !important;
    }
}

.crm-page .crm-filter-list .crm-horizontal-scrolling-for-container {
    overflow-x: scroll;
}
.crm-page .crm-dropdown-container-body.crm-bonus-grid {
    border-top: 1px solid rgba(212, 215, 222, 0.54);
}
.crm-page .crm-workflow-filter .crm-workflow-simple-input.crm-input-min-height {
    height: 36px;
    min-height: 36px;
}
.crm-right-value-label {
    line-height: 2.5;
    text-align: start;
}
.crm-page .crm-workflow-right-value-block .input-group.date-picker > input  {
    height: 36px;
}
.crm-page .crm-workflow-right-value-block .input-group.date-picker .input-right-label {
    line-height: 34px;
}
.crm-page .crm-workflow-date-time-picker-block > crm-workflow-date-picker > div.crm-col-12 {
    padding-bottom: 15px;
}
.crm-page .crm-workflow-date-time-picker-block > crm-workflow-time-picker > div.crm-col-12 {
    padding-top: 15px;
}
.crm-page .crm-workflow-input-number {
    height: 36px;
    padding: 0 26px 0 8px;
    outline: none !important;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    border: 1px solid #b8e5f6;
    border-radius: 3px;
    background: #fff;
}
.crm-page .crm-input input.crm-workflow-date-input {
    position: relative;
    width: 100%;
}
.crm-workflow-date-input-block > .fa-pencil {
    position: absolute;
    top: 18px;
    right: 20px;
}
.crm-unsupported-view {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.crm-unsupported-view > div {
    font-size: 30px;
}
.crm-unsupported-view i.fa-exclamation-triangle {
    font-size: 50px;
    color: #f55353;
}

/* crm-union-query-filter drop down */
.crm-page crm-union-query-filter .crm-autocomplete-search-result-block{
    max-height: 344px;
    min-height: inherit;
}

.crm-xxl .modal-dialog .modal-content{
    max-width: 1800px;
    width: 100%;
}

.crm-page .k-editor-toolbar .k-editor-widget, .k-editor-toolbar > li {
    margin: 0 16px 0 0;
}

.crm-page .k-editor-toolbar > li {
    margin: 0 16px 16px 0;
}

.crm-page .k-tool-group button {
    padding: 0 8px;
    border: 1px solid #e4e8e8;
    background: none;
    display: block;
    float: left;
    height: 28px;
    margin: 0 6px 0 0;
    line-height: 14px;
}

.crm-page .k-editor-toolbar li:nth-of-type(11) {
    height: auto;
    width: auto;
}
.crm-page .crm-campaign-report-header.crm-dropdown-container-header > h3.crm-live-monitor-title-bar {
    display: block;
    width: 38%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.crm-report-tab-item.active {
    border-bottom: 2px solid #1B9CFB;
}

.to-react-link {
    color: #a61f67;
    font-size: large;
    cursor: pointer;
    font-weight: bold;
    position: absolute;
    z-index: 1;
    right: 10px;
    transform: translateY(-40px);
    padding: 5px 7px;
    border: 1px solid;
    border-radius: 4px;
}

.to-react-link:hover {
    background: #eed5e2;
}

.to-crm-new-version {
    color: #1473E6;
    font-size: 14px;
    cursor: pointer;
    font-weight: bold;
    transform: translateY(-40px);
    padding: 8px 12px;
    border: 1px solid;
    border-radius: 18px;
}

.to-crm-new-version:hover {
    background: #c8e1ff;
}

.crm-new-version-info-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.to-crm-new-version-container {
    width: fit-content;
    margin-top: 20px;
}
.crm-new-version-desc-container {
    text-align: justify;
}