﻿
/*! 
* /Content/ui-styles-new.css
*/
/* Global Styles
  --------------------------------------------- */
:root {
    --primary-color: #0540d3;
    --secondary-color: #536390;
    --bg-color: #ffffff;
    --bg-color-1: #585858;
    --bg-color-2: #fdfdfd;
    --bg-color-3: #f1f1f1;
    --bg-color-4: #f1f1f1;
    --bg-color-c5: #555555;
    --bg-color-w: #fff;
    --bg-color-light-gray: #f8f8f8;
    --font-placeholder: #666666;
    --font-color: #424242;
    --font-color-1: #585858;
    --font-color-2: #cccccc;
    --font-color-3: #95918d;
    --font-color-w: #ffffff;
    --font-color-c3: #333333;
    --heading-color: #333333;
    --font-color-blue-grey: #0066cc;
    --font-color-grey-white: #333333;
    --font-color-light: #6e6e6e;
    --font-color-medium: #333333;
    --color-primary-dark-medium: #6e6e6e;
    --color-primary-dark-dark: #666666;
    --bg-primary-chart-dark: #ffffff;
    --bg-primary-light: #f1f1f1;
    --bg-even: #f0f8ff;
    --bg-tag: #e9e9e9;
    --border-color: #b8b8b8; /* b1b1b1 */
    --border-color-1: #c7c7c9; /*#d4d6de;*/ /* dadadc */
    --border-color-2: #f2f5f7;
    --border-color-3: #e9e9eb;
    --border-color-4: #efefef;
    --border-color-5: #D6E1EA;
    --border-color-6: #cccccc;
    --border-color-7: #eeeeee;
    --border-color-8: #cdcdcd;
    --border-color-9: #d9d9d9;
    --border-color-10: #C5D0DC;
    --border-color-11: #fdfdfd;
    --border-color-12: #F6F7F8;
    --border-color-13: #e3e3e3;
    --border-color-c7: #777777;
    --border-color-w: #ffffff;
    --border-color-highchart: rgb(204, 214, 235);
    --border-color-blue-grey: #0066cc;
    --border-color-portlet: #b8b8b8;
    --border-width-portlet: 1px;
    --border-width-btn: 0;
    --box-border-radius: 0;
    --btn-border-radius: 4px;
    --font-color-tooltip: #ffffff;
    --bg-color-tooltip: #000000;
    --bg-color-icon: inherit;
    --box-shadow: none;
    --box-shadow-2: none;
    --scroll-color: #f7f7f7;
    --scroll-color-2: #b8b8b8;
}

[data-theme="dark"] {
    --primary-color: #0066cc;
    --secondary-color: #818cab;
    --bg-color: #191C26;
    --bg-color-1: #191C26;
    --bg-color-2: #191C26;
    --bg-color-3: #191C26;
    --bg-color-4: #2c3140;
    --bg-color-c5: #191C26;
    --bg-color-light-gray: #191C26;
    --font-color: #7f8488;
    --font-color-1: #7f8488;
    --font-color-2: #7f8488;
    --font-color-3: #7f8488;
    --font-color-4: #7f8488;
    --font-color-5: #7f8488;
    --font-color-w: #ffffff;
    --heading-color: #ffffff;
    --font-color-blue-grey: #ffffff;
    --font-color-grey-white: #ffffff;
    --font-color-light: #ffffff;
    /* --font-color-medium: #7f8488; */
    --font-color-medium: #ffffff;
    --color-primary-dark-medium: #fff;
    --color-primary-dark-dark: #7f8488;
    --bg-primary-chart-dark: #191C26;
    --bg-primary-light: #191C26;
    --bg-even: #2b2f38;
    /* --bg-tag: #2b2f38; */
    --bg-tag: #414961;
    --bg-color-c5: #555555;
    --border-color: #2c3140;
    --border-color-1: #2c3140;
    --border-color-2: #494949;
    --border-color-3: #2c3140;
    --border-color-4: #2c3140;
    --border-color-5: #2c3140;
    --border-color-6: #2c3140;
    --border-color-7: #2c3140;
    --border-color-8: #2c3140;
    --border-color-9: #2c3140;
    --border-color-10: #2c3140;
    --border-color-11: #2c3140;
    --border-color-12: #2c3140;
    --border-color-13: #2c3140;
    --border-color-c7: #777777;
    /* --border-color-w: #2c3140; */
    --border-color-w: #191C26;
    --border-color-highchart: #191C26;
    --border-color-blue-grey: #0066cc;
    --font-color-tooltip: #ffffff;
    --bg-color-tooltip: #000000;
    --bg-color-icon: #14171f;
    --border-color-portlet: #2c3140;
    --border-width-portlet: 2px;
    --border-width-btn: 2px;
    --box-border-radius: 4px;
    --btn-border-radius: 10px;
    --box-shadow: 8px 8px 16px #101218, -8px -8px 16px #222634;
    --box-shadow-2: 6px 6px 12px #101218, -6px -6px 12px #222634;
    --scroll-color: #2c3140;
    --scroll-color-2: #101010;
}

.display-inline {
    display: inline !important
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0
}
body.template-editor-campaign-preview-body #previewContentDIV .rp-email-center-container ol,
body.template-editor-campaign-preview-body #previewContentDIV .rp-email-center-container ul {
    list-style: revert;
    margin: revert;
    padding: revert;
}
a, a:hover, a:active, a:focus {
    cursor: pointer
}

    a:focus, a:hover {
        color: var(--primary-color)
    }

    a:focus, a:active {
        text-decoration: none;
        outline: 0
    }

label {
    font-weight: 400;
    margin-bottom: 0
}

    label.spaced {
        margin-right: 10px
    }

:focus {
    outline: 0
}

::-moz-focus-inner {
    border: 0
}

::-moz-placeholder {
    opacity: 1 !important
}

sup {
    vertical-align: super;
    top: 0
}

sub {
    bottom: 0
}
.fs14 {
    font-size: 14px;
}
input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0
}

textarea {
    box-shadow: none;
    resize: none;
    padding: 8px 10px;
    -webkit-appearance: none
}

    textarea:focus, textarea.form-control:focus {
        height: auto
    }

input[type="text"] {
    padding-left: 10px
}

html[lang="en"] {
    background-color: #FFF !important
}

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .tagsField, .tagsField1, .k-pager-input .k-textbox {
    padding: 6px 12px 0;
    padding-top: 0 \9;
    height: 33px;
    background-size: 1px 15px,1px 1px,1px 15px;
    -webkit-background-size: 1px 15px,1px 1px,1px 15px;
    -ms-background-size: 1px 15px,1px 1px,1px 15px;
    border-width: 1px \9;
    border-style: solid \9;
    background-color: transparent\9;
    letter-spacing: .3pt;
    -webkit-appearance: none;
    border-radius: 0
}

    input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover, .tagsField:hover, .tagsField1:hover, .k-pager-input .k-textbox:hover {
        background-size: 1px 15px,1px 1px,1px 15px;
        -webkit-background-size: 1px 15px,1px 1px,1px 15px;
        -ms-background-size: 1px 15px,1px 1px,1px 15px
    }

    input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .tagsField.active, .tagsField1.active, .k-pager-input .k-textbox:focus {
        height: 33px;
        background-size: 1px 15px,1px 1px,1px 15px;
        -webkit-background-size: 1px 15px,1px 1px,1px 15px;
        -ms-background-size: 1px 15px,1px 1px,1px 15px
    }

input[disabled], input[readonly], input[disabled]:hover, input[readonly]:hover, input[disabled]:focus, input[readonly]:focus, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-size: 1px 15px,1px 1px,1px 15px !important;
    -webkit-background-size: 1px 15px,1px 1px,1px 15px !important;
    -ms-background-size: 1px 15px,1px 1px,1px 15px !important;
    cursor: not-allowed !important
}

input[type="text"].required, input[type="number"].required, input[type="password"].required, input[type="tel"].required {
    background-size: 1px 15px,1px 1px,1px 15px;
    -webkit-background-size: 1px 15px,1px 1px,1px 15px;
    -ms-background-size: 1px 15px,1px 1px,1px 15px
}

    input[type="text"].required:hover, input[type="number"].required, input[type="password"].required:hover, input[type="tel"].required:hover {
        background-size: 1px 15px,1px 1px,1px 15px;
        -webkit-background-size: 1px 15px,1px 1px,1px 15px;
        -ms-background-size: 1px 15px,1px 1px,1px 15px
    }

    input[type="text"].required:focus, input[type="number"].required, input[type="password"].required:focus, input[type="tel"].required:focus {
        background-size: 1px 15px,1px 1px,1px 15px;
        -webkit-background-size: 1px 15px,1px 1px,1px 15px;
        -ms-background-size: 1px 15px,1px 1px,1px 15px
    }

input[disabled].required, input[readonly].required, input[disabled].required:hover, input[readonly].required:hover, input[disabled].required:focus, input[readonly].required:focus, .form-control[disabled].required, .form-control[readonly].required, fieldset[disabled] .form-control.required {
    background-size: 1px 15px,1px 1px,1px 15px !important;
    -webkit-background-size: 1px 15px,1px 1px,1px 15px !important;
    -ms-background-size: 1px 15px,1px 1px,1px 15px !important;
    cursor: not-allowed !important
}

input.invalid {
    background-size: 1px 15px,1px 1px,1px 15px !important;
    -webkit-background-size: 1px 15px,1px 1px,1px 15px !important
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn, .btn.disabled, .btn[readonly], fieldset[readonly] .btn {
    background-size: inherit !important;
    -webkit-background-size: inherit !important;
    -ms-background-size: inherit !important
}

div.required:after {
    background-color: #eb5b4c;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    height: 100%;
    width: 1px;
    z-index: 3
}

.align-top {
    vertical-align: top
}

.align-middle {
    display: inline-block;
    vertical-align: middle
}

.align-bottom {
    display: inline-block;
    vertical-align: bottom
}

.text-top {
    vertical-align: text-top
}

align-inherit {
    vertical-align: inherit !important
}

.text-topright {
    float: right;
    vertical-align: text-top
}

.text-right {
    text-align: right !important
}

.inline {
    display: inline-block
}

.inline-block {
    display: inline-block !important
}

.float-l {
    float: left !important
}

.float-r {
    float: right !important
}

.float-none {
    float: none !important
}

.d-block {
    display: block !important
}

.d-flex {
    display: flex !important
}

.justify-content-between {
    justify-content: space-between
}

.justify-content-center {
    justify-content: center
}

.align-items-center {
    align-items: center
}

.no-float {
    float: none !important
}

.bg-transparent {
    background: transparent !important
}

.w-100 {
    width: 100%;
}

.minheight-180 {
    min-height: 180px !important
}

.no-margin-border {
    margin: 0 !important;
    border: none !important
}

.no-padding-border {
    padding: 0 !important;
    border: none !important
}

.no-padding-margin {
    padding: 0 !important;
    margin: 0 !important
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

.no-padding-horizontal {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.no-padding-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.no-margin-top {
    margin-top: 0 !important
}

.no-margin-left {
    margin-left: 0 !important
}

.no-margin-right {
    margin-right: 0 !important
}

.no-margin-bottom {
    margin-bottom: 0 !important
}

.no-margin {
    margin: 0 !important
}

.margin-T50 {
    margin-top: 50px !important
}

.lw-margin-B-50 {
    margin-bottom: -50px
}

.padding5 {
    padding: 5px !important
}

.padding10 {
    padding: 10px !important
}

.padding15 {
    padding: 15px !important
}

.padding20 {
    padding: 20px !important
}

.welcome {
    height: 170px;
    margin: 50px auto 0 !important
}

    .welcome > span {
        width: 32px !important;
        height: 32px !important;
        left: -2px !important;
        font-size: 14px !important;
        line-height: 24px !important
    }

.auto-margin {
    margin: 0 auto !important
}

.space-top {
    margin-top: 10px !important
}

.space-top1 {
    margin-top: 50% !important
}

.space-top2 {
    margin: 8% 0 !important
}

.space-top3 {
    margin: 50% 0 !important
}

.space-bottom {
    margin-bottom: 30px !important
}

.space-bottom1 {
    margin-bottom: 5% !important
}

.vertical-space {
    margin: 4% 0 !important
}

.vertical-space1 {
    margin: 3% 0 !important
}

.no-data {
    margin: 8% 0 !important;
    text-align: center !important
}

.no-box-shadow:hover, .no-box-shadow > li > a:hover, #assign-users .user-detail .add-new-client:hover {
    box-shadow: none !important;
}

.no-border-radius {
    border-radius: 0 !important;
}

.margin-T-1 {
    margin-top: -1px !important
}

.margin-T-5 {
    margin-top: -5px !important
}

.margin-T-8 {
    margin-top: -8px !important
}

.margin-T-10 {
    margin-top: -10px !important
}

.margin-T-12 {
    margin-top: -12px !important
}

.margin-T-13 {
    margin-top: -13px !important
}

.margin-T-15 {
    margin-top: -15px !important
}

.margin-T-18 {
    margin-top: -18px !important
}

.margin-T-20 {
    margin-top: -20px !important
}

.margin-T-25 {
    margin-top: -25px !important
}

.margin-T-26 {
    margin-top: -26px !important
}

.margin-T-30 {
    margin-top: -30px !important
}

.margin-T-35 {
    margin-top: -35px !important
}

.margin-L-5 {
    margin-left: -5px !important
}

.margin-L-7 {
    margin-left: -7px !important
}

.margin-L-10 {
    margin-left: -10px !important
}

.margin-L-15 {
    margin-left: -15px !important
}

.margin-L-20 {
    margin-left: -20px !important
}

.margin-L-25 {
    margin-left: -25px !important
}

.margin-T3 {
    margin-top: 3px !important
}

.margin-T4 {
    margin-top: 4px !important
}

.margin-T5 {
    margin-top: 5px !important
}

.margin-T6 {
    margin-top: 6px !important
}

.margin-T7 {
    margin-top: 7px !important
}

.margin-T8 {
    margin-top: 8px !important
}

.margin-T9 {
    margin-top: 9px !important
}

.margin-T10 {
    margin-top: 10px !important
}

.margin-T15 {
    margin-top: 15px !important
}

.margin-T20 {
    margin-top: 20px !important
}

.margin-T24 {
    margin-top: 24px !important
}

.margin-T30 {
    margin-top: 30px !important
}

.margin-T35 {
    margin-top: 35px !important
}

.margin-T60 {
    margin-top: 60px !important
}

.margin-T120 {
    margin-top: 120px !important
}

.margin-L5 {
    margin-left: 5px !important
}

.margin-L10 {
    margin-left: 10px !important
}

.margin-L15 {
    margin-left: 15px !important
}

.margin-L20 {
    margin-left: 20px !important
}

.margin-L25 {
    margin-left: 25px !important
}

.margin-L30 {
    margin-left: 30px !important
}

.margin-L43 {
    margin-left: 43px !important
}

.margin-L-30 {
    margin-left: -30px !important
}

.margin-R7 {
    margin-right: 7px !important
}

.margin-R10 {
    margin-right: 10px !important
}

.margin-R15 {
    margin-right: 15px !important
}

.margin-R-5 {
    margin-right: -5px !important
}

.margin-R-15 {
    margin-right: -15px !important
}

.margin-R2 {
    margin-right: 2px !important
}

.margin-R3 {
    margin-right: 3px !important
}

.margin-R4 {
    margin-right: 4px !important
}

.margin-R5 {
    margin-right: 5px !important
}

.margin-R25 {
    margin-right: 25px !important
}

.margin-R30 {
    margin-right: 30px !important
}

.margin-B0 {
    margin-bottom: 0 !important
}

.margin-B5 {
    margin-bottom: 5px !important
}

.margin-B10 {
    margin-bottom: 10px !important
}

.margin-B12 {
    margin-bottom: 12px !important
}

.margin-B15 {
    margin-bottom: 15px !important
}

.margin-B20 {
    margin-bottom: 20px !important
}

.margin-B50 {
    margin-bottom: 50px !important
}

.padding-T5 {
    padding-top: 5px !important
}

.padding-L5 {
    padding-left: 5px !important
}

.padding-L20 {
    padding-left: 20px !important
}

.padding-L25 {
    padding-left: 25px !important
}

.padding-L30 {
    padding-left: 30px !important
}

.margin-B30 {
    margin-bottom: 30px !important
}

.padding-L10 {
    padding-left: 10px
}

.padding-T10 {
    padding-top: 10px !important
}

.padding-T15 {
    padding-top: 15px !important
}

.padding-T20 {
    padding-top: 20px !important
}

.padding-T30 {
    padding-top: 30px !important
}

.padding-T50 {
    padding-top: 50px !important
}

.padding-R5 {
    padding-right: 5px !important
}

.padding-R10 {
    padding-right: 10px !important
}

.padding-R15 {
    padding-right: 15px !important
}

.padding-R20 {
    padding-right: 20px !important
}

.padding-R30 {
    padding-right: 30px !important
}

.padding-B0 {
    padding-bottom: 0 !important
}

.padding-B5 {
    padding-bottom: 5px !important
}

.padding-B10 {
    padding-bottom: 10px !important
}

.padding-B15 {
    padding-bottom: 15px !important
}

.padding-B20 {
    padding-bottom: 20px !important
}

.padding-B25 {
    padding-bottom: 25px !important
}

.padding-B30 {
    padding-bottom: 30px !important
}

.py0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.px15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.no-padding {
    padding: 0 !important
}

.no-padding-top {
    padding-top: 0 !important
}

.no-padding-left {
    padding-left: 0 !important
}

.no-padding-right {
    padding-right: 0 !important
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

.no-border {
    border: none !important
}

.no-border-top {
    border-top: none !important
}

.no-border-bottom {
    border-bottom: none !important
}

.line-height-normal {
    line-height: normal !important
}

.line-height-1 {
    line-height: 1 !important
}

.line-height-xs {
    line-height: 1.4 !important
}

.line-height-sm {
    line-height: 1.6 !important
}

.line-height-md {
    line-height: 1.8 !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-scroll {
    overflow: scroll !important
}

.overflow-visible {
    overflow: visible !important
}

.height-75 {
    height: 75px
}

.no-hover {
    display: inline-block
}

.position-relative {
    position: relative
}

.position-absolute {
    position: absolute
}

.top30 {
    top: 30px
}

.top40Per {
    top: 40%
}

.right0 {
    right: 0 !important
}

.right5 {
    right: 5px !important
}

.cursorhand {
    cursor: pointer
}

.width-100per {
    width: 100% !important
}

.top-4 {
    top: -4px;
}

.top-5 {
    top: -5px;
}

.top-10 {
    top: -10px
}

.bottom0 {
    bottom: 0 !important
}

.no-hover, .no-hover:hover, .no-hover:focus {
    text-decoration: none !important
}

.input-error:not(.target-name) {
    width: auto;
    padding: 5px 5px;
    margin-top: -22px;
    left: 0;
    top: 0;
    font-size: 11px;
    text-align: left;
    line-height: 14px;
    position: absolute;
    z-index: 999;
    display: none; /*white-space:nowrap;*/
}

.input-error.input-error-bottom {
    bottom: -25px;
    top: auto;
}

    .input-error.input-error-bottom:before {
        width: 0;
        border-style: solid;
        border-width: 7px 8px 0;
        top: -7px;
        bottom: auto;
        content: "";
        display: block;
        left: 3px;
        position: absolute;
        transform: rotate(180deg);
    }

    .input-error.input-error-bottom:after {
        width: 0;
        border-style: solid;
        border-width: 7px 7px 0;
        top: -6px;
        bottom: auto;
        content: "";
        display: block;
        left: 4px;
        position: absolute;
        transform: rotate(180deg);
    }

.target-name {
    width: auto;
    padding: 5px 8px;
    margin-top: -22px;
    top: 0;
    font-size: 11px;
    text-align: left;
    line-height: 14px;
    position: absolute;
    z-index: 999;
    display: none
}

.input-error:before {
    width: 0;
    border-style: solid;
    border-width: 7px 8px 0;
    bottom: -7px;
    content: "";
    display: block;
    left: 3px;
    position: absolute
}

.input-error:after {
    width: 0;
    border-style: solid;
    border-width: 7px 7px 0;
    bottom: -6px;
    content: "";
    display: block;
    left: 4px;
    position: absolute
}

.input-error1 {
    width: auto;
    padding: 5px 8px;
    margin-left: 15px;
    margin-top: -22px;
    left: 0;
    top: 0;
    font-size: 11px;
    text-align: left;
    line-height: 14px;
    position: absolute;
    z-index: 12;
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    color: #b94a48
}

    .input-error1:before {
        width: 0;
        border-style: solid;
        border-width: 7px 8px 0;
        bottom: -7px;
        content: "";
        display: block;
        left: 3px;
        position: absolute;
        border-color: #eed3d7 transparent
    }

    .input-error1:after {
        width: 0;
        border-style: solid;
        border-width: 7px 7px 0;
        bottom: -6px;
        content: "";
        display: block;
        left: 4px;
        position: absolute;
        border-color: #f2dede transparent
    }

#errmsgCheckTerms {
    margin-top: -22px
}

.loading {
    width: 100%;
    background: #fff;
    height: 100%;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 99999;
    opacity: .8;
    filter: alpha(opacity=70)
}

    .loading#loadingcontainerUserInfo, .loading#loadingcontainerTime {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        display: none;
        opacity: .8;
        filter: alpha(opacity=70);
        background-color: #fff;
        z-index: 1000;
        text-align: center
    }

    .loading .loading-tick-old {
        position: absolute;
        left: 50%;
        margin-left: -11px;
        top: 50%;
        margin-top: -11px;
        width: 23px;
        height: 23px;
        background: url(/images/loading-ticks.png) no-repeat center center
    }

.fixed-message {
    width: 72.5%;
    margin: 0 20px;
    padding: 15px;
    position: fixed;
    top: 47%;
    text-align: center;
    z-index: 10
}

.clear:before, .clear:after, .border-wrap:before, .border-wrap:after, .border-wrap-content:before, .border-wrap-content:after, .form-horizontal:after, .form-horizontal:before, .well:before, .well:after, .widget-body:before, .widget-body:after, .input-icon:before, .input-icon:after, .well-md:before, .well-md:after, .password-strength:before, .confirm-password:before, .confirm-password:after, .password-strength:after, .mobile-select:before, .mobile-select:after, .campaign-channel:before, .campaign-channel:after {
    content: " ";
    display: table
}

.clear:after, .border-wrap:after, .border-wrap-content:after, .form-horizontal:after, .well:after, .widget-body:after, .input-icon:after, .well-md:after, .password-strength:after, .mobile-select:after, .campaign-channel:after {
    clear: both
}

.form-group:after, .tabs-sublevel:after, .infobox-content:after {
    content: " ";
    clear: both;
    display: block
}

.ellipsis {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.icon-12 {
    font-size: 12px !important
}

.icon-13 {
    font-size: 13px !important
}

.icon-14 {
    font-size: 14px !important
}

.icon-15 {
    font-size: 15px !important
}

.icon-16 {
    font-size: 16px !important
}

.icon-17 {
    font-size: 17px !important
}

.icon-18 {
    font-size: 18px !important
}

.icon-19 {
    font-size: 19px !important
}

.icon-20 {
    font-size: 20px !important
}

.icon-21 {
    font-size: 21px !important
}

.icon-22 {
    font-size: 22px !important
}

.icon-23 {
    font-size: 23px !important
}

.icon-24 {
    font-size: 24px !important
}

.icon-25 {
    font-size: 25px !important
}

/* Button Styles
  --------------------------------------------- */
.btn-holder {
    margin-bottom: 20px;
    text-align: right
}

.btn {
    margin-left: 10px;
    border-radius: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
    padding: 9px 20px;
    border-radius: 5px
}

    .btn:hover, .btn:focus {
        transition: background-color .5s ease
    }

    .btn:first-child {
        margin: 0
    }

.btn-link {
    border: none !important;
    padding: 6px 8px !important;
    vertical-align: middle
}

    .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active {
        text-decoration: underline
    }

.btn-link-form {
    height: 33px
}

.btn-white {
    padding: 8px 20px
}

    .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white {
        text-decoration: none;
        box-shadow: none
    }

.btn-default {
    font-size: 15px !important
}

.btn-browseWrap {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-left: 10px;
}

.btn-browse-hidden {
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: 0;
    height: 165px;
    filter: alpha(opacity=0)
}

.btn-text {
    margin-top: 4px;
    font-size: 16px
}

.btn-fixed {
    position: absolute;
    margin-bottom: 0;
    right: 0;
    bottom: 0
}

.btn-sm {
    font-size: 13px;
    padding: 5px 20px
}

.btn-sm2 {
    padding: 5px 10px;
    font-weight: 400
}

.hide-link {
    cursor: default
}

.btn-campaign {
    font-size: 14px;
    margin: 0;
    padding: 2px 6px;
    text-align: center;
    width: 150px
}

/* Wrappers
  --------------------------------------------- */
.main-wrapper {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 10002
}

    .main-wrapper > div {
        height: 60px
    }

    .main-wrapper > .breadcrumbs {
        height: 19px
    }

header .container .logo {
    display: inline-block
}

.brand-logo {
    height: 54px;
    display: inline-block;
    padding: 0 6px
}

header .main-wrapper .brand-logo.logoChangeAccess {
    background-color: transparent;
    padding: 0 10px
}

    header .main-wrapper .brand-logo.logoChangeAccess .logo h1 img {
        max-height: 32px;
        vertical-align: middle;
        margin: 0
    }

    header .main-wrapper .brand-logo.logoChangeAccess a {
        vertical-align: middle;
        margin: 0
    }

header .main-wrapper .logo.resulticks-default-logo h1 img {
    max-height: initial
}

section.clear {
    margin-bottom: 0 !important
}

.tag-account {
    position: absolute;
    left: -55px;
    top: -15px
}

.right-navbar {
    float: right;
    margin: 15px 10px 0 0;
    position: relative
}

    .right-navbar > ul {
        display: block
    }

        .right-navbar > ul > li {
            float: left;
            padding: 5px 10px
        }

            .right-navbar > ul > li > a {
                display: inline-block;
                position: relative;
                vertical-align: middle;
                font-size: 21px;
                line-height: 0
            }

    .right-navbar .label {
        position: absolute;
        right: -7px;
        top: -9px;
        padding: .2em .5em;
        font-weight: 300;
        line-height: 11px;
        border-radius: 40px
    }

.dropdown-menu.media-list {
    padding: 0 !important;
    width: 280px;
    max-height: none;
    z-index: 1012
}

.media-list .dropdown-header {
    padding: 8px 20px !important
}

.media-list > .media {
    margin: 0
}

.media-list .media-icon {
    width: 34px;
    height: 34px;
    margin-right: 10px;
    text-align: center;
    line-height: 40px;
    border-radius: 50px
}

.media-icon .icon-time-small {
    line-height: 34px !important;
    margin-left: 1px;
}

.media-icon {
    width: 34px;
    height: 34px;
    margin-right: 10px;
    text-align: center;
    line-height: 40px;
    border-radius: 50px
}

.media-list .media-heading {
    font-size: 13px;
    text-overflow: ellipsis
}

#alertAndNotificationsAutoUpdate .media-list .media-heading {
    display: -webkit-box;
    max-width: 200px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.media-list .text-muted {
    font-size: 11px
}

.dropdown-footer {
    padding: 8px 20px
}

.media-list .dropdown-footer > a {
    display: inline !important;
    padding: 0 !important
}

    .media-list .dropdown-footer > a:hover, .media-list .dropdown-footer > a:focus {
        background: 0;
        text-decoration: underline;
        color: #585858
    }

header .wrapper {
    padding-bottom: 0
}

    header .wrapper > figure {
        display: inline-block
    }

        header .wrapper > figure span {
            font-size: 30px;
            font-weight: 300
        }

.wrapper {
    padding: 20px 0;
    text-align: center
}

.logo-wrap {
    margin-top: -5px;
    padding-bottom: 20px;
    text-align: center
}

    .logo-wrap img {
        width: auto;
        height: auto
    }

        .logo-wrap img[src*="resulticks-logo-blue.svg"], img[src*="resulticks-logo-white.svg"] {
            width: 173px;
            height: 48px
        }

footer .wrapper {
    padding-top: 20px;
    padding-bottom: 20px
}

#wrapper {
    margin: 0 auto;
    padding-top: 30px;
    position: relative;
    width: 1152px
}

.wrapper-blank {
    padding: 0 !important
}

/* Top Navigation
  --------------------------------------------- */
.navbar-header {
    width: 241px;
    margin-left: -119px !important;
    position: absolute;
    left: 50%;
    top: 19px;
    z-index: 1011
}

    .navbar-header > ul {
        display: block;
        float: left
    }

        .navbar-header > ul > li {
            float: left;
            margin-left: 6px;
            line-height: 0;
            position: relative
        }

            .navbar-header > ul > li:first-child, .navbar-header > span > a:first-child {
                margin-left: 0
            }

            .navbar-header > ul > li > div {
                display: inline-block
            }

                .navbar-header > ul > li > div > a {
                    width: 39px;
                    height: 39px;
                    float: left;
                    margin-top: 14px;
                    border-radius: 50px;
                    text-align: center
                }

                    .navbar-header > ul > li > div > a > img {
                        margin-top: 10px
                    }

                    .navbar-header > ul > li > div > a > i {
                        margin-top: 8px
                    }

            .navbar-header > ul > li.medium > div > a > i {
                height: 24px;
                margin-top: 9px
            }

            .navbar-header > ul > li.large > div > a > i {
                margin-top: 13px
            }

    .navbar-header a.disabled img {
        opacity: .4;
        -moz-opacity: .4;
        -webkit-opacity: .4;
        filter: alpha(opacity=40)
    }

    .navbar-header > ul > li > div > span {
        min-width: 11px;
        padding: 3px 5px;
        position: absolute;
        border-radius: 30px;
        left: 35px;
        top: -4px;
        font-size: 11px;
        text-align: center;
        line-height: 13px
    }

        .navbar-header > ul > li > div > span > a, .navbar-header > ul > li > div > span > a:hover {
            text-decoration: none;
            cursor: default
        }

    .navbar-header > ul > li.large {
        margin-top: 0
    }

        .navbar-header > ul > li.medium > div > a > img, .navbar-header > ul > li.large > div > a > img {
            margin-top: 13px
        }

    .navbar-header > ul > li.medium > div > a {
        width: 43px;
        height: 43px;
        margin-top: 10px !important
    }

    .navbar-header > ul > li.large > div > a {
        width: 52px;
        height: 52px;
        margin-top: 1px
    }

    .navbar-header .dropdown-menu a i {
        margin-right: 6px
    }

/* Custom Tab Styles
  --------------------------------------------- */
.tabs-top {
    border: 0;
    margin-bottom: 15px
}

    .tabs-top > li, .tabs-boxed > li {
        padding: 0
    }

        .tabs-top > li > a, .tabs-boxed > li > a {
            padding: 8px 15px
        }

.tabs-fixed {
    margin-bottom: 20px
}

    .tabs-fixed.nav-tabs > li {
        border-left: none
    }

        .tabs-fixed.nav-tabs > li > a {
            padding: 18px 0 !important;
            font-size: 16px;
            min-width: 100px
        }

section.campaign .tabs-fixed.nav-tabs > li > a {
    padding: 16px 8px !important
}

.tabs-fixed.nav-tabs > .active > a:after {
    visibility: hidden
}

.tabs-fixed.tabs-icons > li i {
    display: block;
    margin: 0 auto 5px !important
}

.tabs-qr.nav-tabs > li > a {
    width: 103.2px
}

.tabbable:before, .tabbable:after {
    display: table;
    line-height: 0;
    content: ""
}

.tabbable:after {
    clear: both
}

.tabs-left > .nav-tabs:after {
    bottom: 0;
    content: " ";
    display: block;
    position: absolute !important;
    top: 0;
    width: 10%
}

.tabs-left {
    position: relative
}

    .tabs-left > .nav-tabs {
        max-width: 10%;
        float: left;
        top: auto;
        position: static
    }

        .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
            float: none;
            margin-bottom: 0;
            min-width: 97px;
            text-align: left;
            z-index: 8
        }

            .tabs-left > .nav-tabs > li:first-child, .tabs-right > .nav-tabs > li:first-child {
                border-top: 0
            }

            .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
                margin: 0;
                padding: 18px 11px 0;
                height: 90px;
                text-align: center;
                font-size: 14px;
                line-height: 14px
            }

        .tabs-left > .nav-tabs > .active > a:after {
            visibility: hidden;
            border-top: 6px solid transparent;
            border-bottom: 6px solid transparent;
            border-right: 0 solid transparent;
            content: "";
            display: block;
            position: absolute;
            width: 0;
            right: -6px;
            left: inherit !important;
            bottom: auto;
            top: 50%;
            margin-top: -6px
        }

.tabs-left-style1 > .nav-tabs > li.active > a:after {
    content: "";
    left: auto;
    margin-top: -7px;
    position: absolute;
    right: -7px;
    top: 50%;
    visibility: visible
}

.tabs-left > .nav-tabs > li > a i {
    display: inline-block;
    margin-bottom: 5px
}

.tabs-left .tab-content .tab-pane {
    min-height: 150px
}

.tabs-left > .tab-content {
    float: left;
    padding: 0 20px 20px;
    position: relative;
    width: 100%;
    z-index: 1
}

.tabs-left > .nav-tabs + .tab-content {
    width: 90%
}

.tabs-left .tab-content .tab-content {
    width: 100%;
    padding: 0
}

.tab-pane-title {
    margin: 0;
    padding: 10px
}

.tabs-left .nav-tabs li i {
    display: inline-block;
    margin: 0 0 5px
}

.tabs-left-style1 {
    border: none !important
}

    .tabs-left-style1 > .nav-tabs {
        max-width: 18%
    }

        .tabs-left-style1 > .nav-tabs > li {
            border-right-width: 0
        }

            .tabs-left-style1 > .nav-tabs > li > a {
                height: auto;
                padding-top: 10px;
                padding-bottom: 10px;
                text-align: left
            }

    .tabs-left-style1 > .tab-content {
        width: 82% !important;
        padding: 20px !important
    }

.tabs-style1 li {
    font-size: 16px !important;
    border-left-width: 1px
}

    .tabs-style1 li a {
        padding: 6px 27px
    }

.tabs-style2 li {
    width: 33.3%
}

.tabs-style3 li {
    width: 50%
}

.tabs-boxed.nav-tabs > .active > a:after {
    bottom: -10px;
    border-top-width: 10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    margin-left: -7px;
    z-index: 12
}

.tabs-boxed li a {
    padding: 10px 20px;
    font-size: 16px !important
}

.tabs-boxed.nav-tabs li:first-child {
    border-left: none
}

.tabs-boxed-style1.nav-tabs {
    border: 0
}

    .tabs-boxed-style1.nav-tabs li {
        border: 0;
        font-size: 14px;
        max-height: 90px;
        padding: 20px 0;
        width: 16.6667%
    }

        .tabs-boxed-style1.nav-tabs li:hover {
            background-color: transparent;
            border: 0
        }

        .tabs-boxed-style1.nav-tabs li.active {
            padding: 20px;
            width: 83.3333%
        }

        .tabs-boxed-style1.nav-tabs li > a {
            background-color: transparent;
            border: 0;
            float: left;
            padding: 0 15px
        }

        .tabs-boxed-style1.nav-tabs li.active > a {
            background-color: transparent;
            border: 0
        }

        .tabs-boxed-style1.nav-tabs li.active:after {
            border-radius: 100%;
            content: "or";
            height: 25px;
            left: -13px;
            margin-top: -13px;
            padding-top: 1px;
            position: absolute;
            top: 50%;
            width: 25px
        }

        .tabs-boxed-style1.nav-tabs li:first-child.active:after {
            left: auto;
            right: -13px
        }

.tabs-sublevel {
    height: 56px;
    padding: 10px 15px 10px 20px;
    margin: -15px 0 20px;
    position: relative;
    z-index: 12;
}

    .tabs-sublevel > .date-range-picker {
        margin-top: 8px
    }

    .tabs-sublevel .tabs-dropdown > li > a > span {
        min-width: 133px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        margin-top: 0px;
    }

        .tabs-sublevel .tabs-dropdown > li > a > span.facebookapp {
            width: 193px
        }

        .tabs-sublevel .tabs-dropdown > li > a > span.facebook {
            width: 163px
        }

        .tabs-sublevel .tabs-dropdown > li > a > span.twitter {
            width: 159px
        }

        .tabs-sublevel .tabs-dropdown > li > a > span.pinterest {
            width: 148px
        }

        .tabs-sublevel .tabs-dropdown > li > a > span.google {
            margin-top: -12px;
        }

        .tabs-sublevel .tabs-dropdown > li > a > span.vuer {
            width: 145px
        }

    .tabs-sublevel .tabs-dropdown li {
        top: 0 !important;
    }

.social-tabs > li a > i {
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 18px
}

.tabs-link {
    border: 0
}

    .tabs-link.nav-tabs > li a, .tabs-link.nav-tabs > li a:hover, .tabs-link.nav-tabs > li a:focus {
        border: 0
    }

    .tabs-link.nav-tabs {
        margin-bottom: 20px
    }

        .tabs-link.nav-tabs > li {
            padding: 0 10px;
            margin: 0
        }

            .tabs-link.nav-tabs > li:first-child {
                padding-left: 0;
                border: 0
            }

            .tabs-link.nav-tabs > li > a {
                padding-bottom: 2px;
                position: relative
            }

                .tabs-link.nav-tabs > li > a:hover {
                    border: 0;
                    text-decoration: none
                }

                .tabs-link.nav-tabs > li > a:hover, .tabs-link.nav-tabs > li > a:focus {
                    background-color: transparent !important
                }

            .tabs-link.nav-tabs > li.active > a:before {
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                bottom: -6px;
                content: "";
                display: block;
                left: 50%;
                margin-left: -3px;
                position: absolute
            }

            .tabs-link.nav-tabs > li.active > a:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                bottom: -4px;
                content: "";
                display: block;
                left: 50%;
                margin-left: -2px;
                position: absolute
            }

.tabs-link-md.nav-tabs > li > a, .tabs-link-md.nav-tabs > li > a:hover, .tabs-link-md.nav-tabs > li > a:focus, .tabs-link-md.nav-tabs > li > a:active {
    font-size: 18px;
    font-weight: 300
}

.tabs-group {
    display: inline-block;
    margin-bottom: 6px;
    position: relative;
    border-radius: 2px
}

.tabs-link.nav-tabs > li.active > a.notab:before {
    border: 0 !important
}

.tabs-link.nav-tabs > li.active > a.notab:after {
    border: 0 !important
}

.tabs-link.nav-tabs > li.active > a.notab {
    border: 0 !important
}

.tabs-link.nav-tabs > li a.notab, .tabs-link.nav-tabs > li a.notab:hover, .tabs-link.nav-tabs > li a.notab:focus {
    cursor: pointer
}

.tabs-group > li {
    margin: 0 !important
}

    .tabs-group > li:first-child {
        border: none !important
    }

    .tabs-group > li > a {
        padding: 8px 15px;
        border: none !important;
        font-size: 16px;
        text-align: center
    }

    .tabs-group > li.active > a:after {
        visibility: hidden
    }

.tabs-group-sm > li > a {
    padding: 6px 10px;
    line-height: 0
}

.target-group > li > a {
    padding: 8px 17px
}

.trend-group > li.active a:after {
    border-style: solid;
    border-width: 8px 8px 0;
    bottom: -7px;
    margin-left: -7px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    visibility: visible
}

.tabs-dropdown, .tabs-dropdown.nav-tabs > li > a, .tabs-dropdown.nav-tabs > li > a:hover, .tabs-dropdown.nav-tabs > li > a:focus {
    background-color: transparent !important;
    border: none !important
}

    .tabs-dropdown.nav-tabs > li > a {
        padding: 0 !important;
        cursor: pointer !important
    }

.preview-tabs {
    border: 0;
    margin-bottom: 20px
}

    .preview-tabs.nav-tabs > li {
        border: none !important;
        margin: 0 17%
    }

        .preview-tabs.nav-tabs > li > a {
            border: 0;
            padding: 0;
            border-radius: 100% !important
        }

    .preview-tabs.nav-tabs > .active > a:after {
        visibility: hidden
    }

/* Form styles
  --------------------------------------------- */
.input-xxmini {
    width: 50px !important
}

.input-xmini {
    width: 60px !important;
    min-width: 60px !important
}

.input-mini {
    width: 128px !important
}

.input-xsmall {
    width: 90px !important
}

.input-xsm {
    width: 95px !important
}

.input-small {
    width: 150px !important
}

.input-medium {
    width: 185px !important
}

.input-xmedium {
    width: 92% !important
}

.input-xxmedium {
    width: 125px !important
}

.input-large {
    width: 330px !important
}

.input-large1 {
    width: 355px !important
}

.input-xlarge {
    width: 100% !important
}

.input-xxlarge {
    width: 410px !important
}

.input-boxSmall.k-autocomplete .k-input {
    padding: 6px 10px !important
}

.browse-input {
    float: left
}

.textarea {
    height: 86px !important
}

.input-xmini, .input-mini, .input-xsmall, .input-medium, .input-xmedium, .input-xxmedium, .input-large, .input-xlarge, .input-xxlarge, .browse-input {
    max-width: 100%
}

    .input-mini input.datePicker, .input-xsmall input.datePicker, .input-small input.datePicker, .input-small input.k-input, .input-medium input.datePicker, .input-xmedium input.datePicker, .input-large input.datePicker, .input-xlarge input.datePicker, .input-mini input.timepicker, .input-mini input.k-input, .input-xsmall input.timepicker, .input-small input.timepicker, .input-small input.k-input, .input-medium input.timepicker, .input-xmedium input.timepicker, .input-large input.timepicker, .input-xlarge input.timepicker {
        width: 100% !important;
        max-width: 100%
    }

.input-help {
    display: block;
    position: relative
}

    .input-help > a {
        position: absolute;
        right: 0;
        bottom: 5px;
        z-index: 4
    }
/*.input-help>a:before{content:"?";font-family:'mukta-regular';font-size:14px;width:20px;display:block;position:relative;right:-7px;bottom:0;z-index:2}*/
/*.input-help > a:before{
	content: "\ea16";
	font-family: 'resulticks';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;*/

/* Better Font Rendering =========== */
/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	width:20px;
	display:block;
	position:relative;
	right: 0px;
	bottom:0;
	z-index:2;
	}*/
.asi-parentcompany .input-help > a:before,
.user-roles-tooltip .input-help > a:before,
#qrcode .input-help > a:before {
    display: none;
}

#pnlRegion .form-group {
    margin-bottom: 26px;
}

.assignRoleCSS .dropdown-menu {
    margin-right: 2px;
}

#pnlUserButtons {
    margin: 20px 0 0 0;
}

#UserWelcomeMessage {
    height: 96px !important;
}

.input-help > a:hover, .input-help > a:focus {
    text-decoration: none
}

.grid-help {
    font-size: 10px;
    padding: 1px 4px;
    line-height: 14px;
    position: absolute;
    right: 0;
    top: -1px;
    z-index: 2
}

    .grid-help:after, .help-fixed:after {
        content: " ";
        display: inline-block;
        position: absolute;
        right: 0;
        top: 1px;
        z-index: -1
    }

    .grid-help.grid-help-fixed {
        position: absolute;
        top: 0;
        right: 0;
        margin: -3px 2px 0
    }

.help-fixed:after {
    right: 0;
    top: 0
}

.help-fixed {
    position: absolute;
    margin: 0;
    right: 0;
    top: 0;
    padding: 0 3px;
    font-size: 11px;
    line-height: 15px;
    font-style: normal;
    z-index: 2
}

label, .lbl {
    vertical-align: middle
}

    label > input[type=checkbox] + span.lbl, label > input[type=radio] + span.lbl {
        cursor: pointer
    }

input.checkbox[type="checkbox"], input.checkbox-sm[type="checkbox"], input.radio[type="radio"] {
    cursor: pointer;
    width: 16px;
    height: 16px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 12;
    filter: alpha(opacity=100)\9;
    visibility: visible \9
}

    input.checkbox[type="checkbox"]:checked, input.checkbox[type="checkbox"]:focus, input.checkbox-sm[type="checkbox"]:checked, input.checkbox-sm[type="checkbox"]:focus, input.radio[type="radio"]:checked, input.radio[type="radio"]:focus {
        outline: medium none !important
    }

    input.checkbox[type="checkbox"] ~ .lbl, input.checkbox-sm[type="checkbox"] ~ .lbl, input.radio[type="radio"] ~ .lbl {
        display: inline-block;
        margin: 0;
        min-height: 16px;
        min-width: 16px;
        position: relative;
        vertical-align: top;
        z-index: 11
    }

        input.checkbox[type="checkbox"] ~ .lbl:before, input.checkbox-sm[type="checkbox"] ~ .lbl:before, input.radio[type="radio"] ~ .lbl:before {
            background-repeat: no-repeat;
            content: " ";
            display: inline-block;
            height: 16px;
            margin-top: -4px;
            margin-right: 5px;
            min-width: 16px;
            vertical-align: middle
        }

        input.checkbox[type="checkbox"] ~ .lbl:before, input.checkbox-sm[type="checkbox"] ~ .lbl:before {
            background-position: 10px 11px
        }

        input.radio[type="radio"] ~ .lbl:before {
            background-position: 10px 10px;
            height: 15px;
            min-width: 15px
        }

    input.checkbox[type="checkbox"]:checked ~ .lbl:before, input.checkbox-sm[type="checkbox"]:checked ~ .lbl:before {
        background-position: -16px 0
    }

    input.checkbox[type="checkbox"]:checked ~ .lbl:before, input.checkbox-sm[type="checkbox"]:checked ~ .lbl:before, input.radio[type="radio"]:checked ~ .lbl:before {
        background-position: 2px 3px;
        content: " ";
        display: inline-block
    }

    input.checkbox[type="checkbox"]:checked[disabled] ~ .lbl:before, input.checkbox-sm[type="checkbox"]:checked[disabled] ~ .lbl:before {
        background-position: -15px 2px
    }

    input.radio[type="radio"]:checked[disabled] ~ .lbl:before {
        background-position: -40px 4px
    }

    input.radio[type="radio"]:checked ~ .lbl:before {
        background-position: -28px 4px
    }

    input.checkbox[type="checkbox"]:checked[disabled] ~ .lbl, input.checkbox-sm[type="checkbox"]:checked[disabled] ~ .lbl, input.radio[type="radio"]:checked[disabled] ~ .lbl, input.checkbox[type="checkbox"]:disabled ~ .lbl, input.checkbox-sm[type="checkbox"]:disabled ~ .lbl, input.radio[type="radio"]:disabled ~ .lbl {
        cursor: default
    }

input.checkbox-fixed ~ .lbl:before {
    position: absolute;
    left: 0;
    top: 5px
}

input.checkbox-fixed ~ .lbl {
    padding-left: 18px
}

.password-strength, .confirm-password {
    position: relative
}

    .password-strength > div i, .confirm-password > div i {
        display: inline-block;
        position: relative;
        line-height: 19px;
        vertical-align: top;
        z-index: 2
    }

    .password-strength > input, .confirm-password > input {
        padding-right: 36px
    }

    .password-strength > .progress, .confirm-password > .progress {
        height: 100%;
        margin: 0;
        padding: 8px 7px 0;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        text-align: center;
        z-index: 2
    }

.progress-bar {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.progress-style1 {
    height: 15px;
    position: relative;
    padding: 2px;
    border-radius: 10px;
    clear: both;
    margin-bottom: 10px;
    overflow: hidden
}

    .progress-style1 .progress-bar {
        width: 70%;
        height: 7px;
        max-width: 98.5%;
        border-radius: 10px;
        left: 3px;
        bottom: inherit
    }

.bad, .weak, .average, .good, .strong {
    transition: background .5s ease,height .5s ease;
    -webkit-transition: background-color .5s ease,height .5s ease
}

.bad {
    height: 10%
}

.weak {
    height: 25%
}

.average {
    height: 50%
}

.good {
    height: 100%
}

.strong {
    height: 100%
}

.fill {
    left: 7px;
    position: absolute;
    z-index: 1
}

.icon-fill-lock {
    height: 100%;
    overflow: hidden
}

    .icon-fill-lock.bad {
        height: 100%
    }

    .icon-fill-lock.weak {
        height: 68%
    }

    .icon-fill-lock.average {
        height: 39%
    }

    .icon-fill-lock.good {
        height: 0
    }

    .icon-fill-lock.strong {
        height: 0
    }

.browse-file {
    float: left;
    position: relative;
    height: 20px
}

    .browse-file .browse-btn {
        position: absolute;
        bottom: -2px;
        left: 5px;
        width: 20px;
        height: 22px;
        cursor: pointer;
        opacity: 0
    }

    .browse-file a {
        float: left;
        font-size: 11px;
        height: 18px
    }

button > i {
    float: left;
    margin: 2px 5px 0 -5px;
    vertical-align: inherit
}

/* Template Creation Styles
  --------------------------------------------- */
.widget-placeholder {
    position: relative;
    z-index: 9;
    padding-bottom: 30px
}

.widget-component {
    padding: 20px 20px 15px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99
}

.widget-component-fixed {
    position: fixed;
    top: 0
}

.widget-template .temp-outer {
    margin-top: 130px
}

.widget-component-slide {
    margin: 0 auto;
    min-height: 50px;
    position: relative;
    width: 920px
}

    .widget-component-slide .slides > li {
        display: none;
        padding: 0 7px;
        text-align: center;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

        .widget-component-slide .slides > li:first-child {
            display: block
        }

        .widget-component-slide .slides > li > figure {
            font-size: 12px;
            line-height: 28px
        }

            .widget-component-slide .slides > li > figure img {
                cursor: move;
                margin-bottom: 5px
            }

    .widget-component-slide .flex-direction-nav a {
        width: 8px;
        height: 12px;
        padding: 10px
    }

    .widget-component-slide .flex-direction-nav .flex-prev {
        margin: -10px 0 0 -18px
    }

    .widget-component-slide .flex-direction-nav .flex-next {
        margin: -10px -18px 0 0
    }

.widget-template, .widget-preview {
    width: 602px;
    margin: 0 auto;
    font-size: 13px;
    position: relative
}

.widget-template, .widget-previewpush {
    width: 602px;
    margin: 0 auto;
    font-size: 13px;
    position: relative
}

    .widget-template p {
        margin-bottom: 0
    }

    .widget-template table td, .widget-template table p {
        line-height: 15px
    }

.temp-holder-wrap .temp-holderSec:last-child td:first-child {
    font-size: 20px
}

.widget-preview iframe {
    border: 1px solid #d4d6de !important;
    width: 600px;
    min-height: 500px
}

.widget-previewpush iframe {
    border: 1px solid #d4d6de !important
}

    .widget-previewpush iframe.mpIframe {
        border: none !important
    }

.temp-nav, .temp-dragHolder {
    width: 100%;
    float: left;
    padding: 20px
}

.temp-txtEditor p {
    margin-bottom: 0;
    font-size: 12px
}

    .temp-txtEditor p:first-of-type {
        margin-top: 0
    }

    .temp-txtEditor p:first-child {
        margin-top: 0
    }

.temp-holderSec {
    width: 100%;
    float: left;
    padding: 1px;
    table-layout: fixed;
    border: 1px solid
}

.temp-nav, .temp-dragHolder {
    width: 100%;
    float: left;
    padding: 20px
}

.temp-nav {
    padding: 0;
    padding-bottom: 10px
}

    .temp-nav > ul {
        width: auto;
        float: right
    }

        .temp-nav > ul > li {
            float: left;
            position: relative
        }

            .temp-nav > ul > li > a {
                float: left;
                padding: 5px 6px;
                line-height: 0
            }

                .temp-nav > ul > li > a:hover {
                    text-decoration: none
                }

            .temp-nav > ul > li.current:after {
                width: 0;
                border-style: solid;
                border-width: 5px 5px 0;
                bottom: -5px;
                content: "";
                display: block;
                left: 10px;
                position: absolute
            }

.temp-dragHolder {
    padding: 8px 20px
}

.temp-selectHolder {
    position: absolute;
    width: auto;
    top: 38px;
    right: 0;
    z-index: 5;
    display: none
}

    .temp-selectHolder > ul {
        float: right;
        padding: 10px
    }

        .temp-selectHolder > ul > li {
            padding-left: 10px;
            display: table-cell
        }

            .temp-selectHolder > ul > li:first-child {
                padding-left: 0
            }

            .temp-selectHolder > ul > li > figure {
                padding: 2px
            }

            .temp-selectHolder > ul > li > .radioBlue {
                margin: 10px 0 0 22px
            }

    .temp-selectHolder > .temp-selectNav {
        padding: 0
    }

        .temp-selectHolder > .temp-selectNav > li {
            float: left;
            padding: 0
        }

            .temp-selectHolder > .temp-selectNav > li:first-child {
                border-top: 0
            }

            .temp-selectHolder > .temp-selectNav > li > a {
                float: left;
                text-decoration: none;
                padding: 8px 5px;
                text-align: center;
                min-width: 145px
            }

.ui-state-highlight {
    padding-right: 10px;
    height: 30px
}

.temp-holderSec td {
    position: relative
}

    .temp-holderSec td .blankComp {
        display: block
    }

.temp-edit-panel {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 100
}

.temp-edit-menu {
    float: right
}

    .temp-edit-menu li {
        float: left;
        padding: 6px 8px;
        margin: 2px 3px 0 0;
        line-height: 0
    }

.temp-sort-handle {
    float: left;
    padding: 6px 8px;
    margin: -8px 0 0 -18px;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    cursor: move
}

.overWrap {
    position: relative
}

.overWrapRight {
    position: relative;
    margin: 0
}

.temp-holderSec table {
    border-collapse: collapse;
    table-layout: fixed
}

.temp-addImage-holder {
    width: 100%;
    float: left;
    padding: 8px
}

    .temp-addImage-holder figure {
        text-align: left !important
    }

    .temp-addImage-holder .addname {
        width: 22%;
        text-align: left;
        float: left
    }

    .temp-addImage-holder .addCtrl {
        width: 78%;
        float: left;
        text-align: left
    }

        .temp-addImage-holder .addCtrl .file_input_textbox {
            width: 62%;
            height: 20px;
            padding: 3px;
            font-size: 12px
        }

        .temp-addImage-holder .addCtrl .file_input_div {
            width: 65px;
            height: 20px
        }

        .temp-addImage-holder .addCtrl .file_input_button {
            height: 20px;
            margin-top: 0;
            padding: 2px 14px;
            font-size: 10px
        }

    .temp-addImage-holder .help-block {
        font-size: 9px
    }

    .temp-addImage-holder label {
        font-size: 11px
    }

.temp-imagePlaceholder {
    padding: 15px 0;
    text-align: center
}

    .temp-imagePlaceholder > img {
        display: inline-block !important
    }

    .temp-imagePlaceholder div {
        padding-top: 8px;
        line-height: 12px;
        overflow: hidden
    }

    .temp-imagePlaceholder input.btn-small {
        width: 85%;
        float: none;
        margin: 2px 0;
        max-width: 90px;
        text-align: center;
        width: 35px
    }

    .temp-imagePlaceholder span {
        font-weight: 700;
        font-size: 13px;
        line-height: 21px
    }

.temp-imageIcon {
    width: 60%;
    max-width: 70px
}

.temp-holderSec hr {
    margin: 0
}

.temp-sort figure {
    text-align: center
}

.opacity0 {
    opacity: 0
}

.opacity1 {
    opacity: .4;
    pointer-events: none
}

.opacity2 {
    opacity: .1;
    cursor: no-drop !important
}

.closeOpacity {
    opacity: 0
}

.temp-video-block {
    text-align: left
}

    .temp-video-block h5 {
        margin: 0 0 5px;
        line-height: 18px
    }

    .temp-video-block .urlBlock {
        float: left
    }

    .temp-video-block input {
        float: left !important
    }

    .temp-video-block .input-large {
        width: 52% !important;
        height: 39px
    }

    .temp-video-block .helppopup {
        float: left;
        margin: 10px 0 0 10px
    }

.emailContent {
    position: absolute;
    left: 0;
    top: 23px
}

.emailFooter {
    position: relative
}

.email-iconOuter {
    position: absolute;
    top: 0;
    right: -21px
}

.emailFooter .followUs {
    float: right;
    margin-top: -58px;
    margin-right: 5px;
    text-align: right
}

    .emailFooter .followUs .lbl {
        width: 16px;
        float: left;
        margin-left: 6px !important
    }

    .emailFooter .followUs img {
        display: block;
        margin: 0
    }

    .emailFooter .followUs a, .emailFooter .followUs label {
        float: right;
        margin-left: 5px
    }

.emailFooterA .followUsA {
    float: right;
    margin-top: -58px;
    margin-right: 5px;
    text-align: right
}

    .emailFooterA .followUsA .lbl {
        width: 16px;
        float: left;
        margin-left: 6px !important
    }

    .emailFooterA .followUsA img {
        display: block;
        margin: 0
    }

    .emailFooterA .followUsA a, .emailFooter .followUsA label {
        float: right;
        margin-left: 5px
    }

.emailFooterB .followUsB {
    float: right;
    margin-top: -58px;
    margin-right: 5px;
    text-align: right
}

    .emailFooterB .followUsB .lbl {
        width: 16px;
        float: left;
        margin-left: 6px !important
    }

    .emailFooterB .followUsB img {
        display: block;
        margin: 0
    }

    .emailFooterB .followUsB a, .emailFooterB .followUsB label {
        float: right;
        margin-left: 5px
    }

.emailFooterC .followUsC {
    float: right;
    margin-top: -58px;
    margin-right: 5px;
    text-align: right
}

    .emailFooterC .followUsC .lbl {
        width: 16px;
        float: left;
        margin-left: 6px !important
    }

    .emailFooterC .followUsC img {
        display: block;
        margin: 0
    }

    .emailFooterC .followUsC a, .emailFooterC .followUsC label {
        float: right;
        margin-left: 5px
    }

.emailFooterD .followUsD {
    float: right;
    margin-top: -58px;
    margin-right: 5px;
    text-align: right
}

    .emailFooterD .followUsD .lbl {
        width: 16px;
        float: left;
        margin-left: 6px !important
    }

    .emailFooterD .followUsD img {
        display: block;
        margin: 0
    }

    .emailFooterD .followUsD a, .emailFooterD .followUsD label {
        float: right;
        margin-left: 5px
    }

/* Icons Section Styles
  --------------------------------------------- */
.icon-xxl {
    font-size: 64px !important
}

.icon-xl {
    font-size: 48px !important
}

.icon-xlg {
    font-size: 42px !important
}

.icon-lg {
    font-size: 36px !important
}

.icon-md {
    font-size: 23px !important
}

.icon-xmd {
    font-size: 30px !important
}

.icon-sm {
    font-size: 18px !important
}

.icon-xs {
    font-size: 14px !important
}

.icon-mini {
    font-size: 12px !important
}

.icon-xmini {
    font-size: 10px !important
}

.icon-grid-mini {
    margin-left: 2px !important
}

.icon-space {
    padding: 0 5px;
    display: inline-block
}

    .icon-space.icon-mini {
        width: 16px
    }

.dropdown > a > i {
    display: inline-block;
    padding: 0 2px 0 4px;
    vertical-align: middle
}

/* Content Section Styles
  --------------------------------------------- */
.modal-align {
    margin-top: 50px
}

.helppopup:hover, .helppopup:focus, .helppopup:active {
    text-decoration: none
}

.modal-footer-fixed {
    margin: 0 -20px -40px
}

.data-number {
    margin: 11px 0;
    font-size: 26px;
    font-weight: 500
}

.medium {
    font-size: 18px !important
}

.xmedium {
    font-size: 26px !important
}

.large {
    font-size: 40px !important
}

.xxlarge {
    font-size: 70px !important;
    font-weight: 300
}

input.large {
    font-size: 30px !important
}

.info-title {
    font-weight: 500;
    font-size: 43px;
    vertical-align: middle
}

input.licence {
    height: 33px;
    font-size: 26px !important;
    font-weight: 300;
    padding: 0 !important;
    text-align: center
}

.morebigger {
    font-size: 60px !important
}

.content {
    position: relative;
    min-height: 290px
}

.col-xs-reset {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    float: none
}

.icon-holder {
    border-radius: 3px;
    display: inline-block;
    padding: 6px 18px;
    position: relative;
    text-align: center
}

    .icon-holder:after {
        content: "";
        position: absolute;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        left: 50%;
        bottom: -8px;
        margin-left: -6px
    }

.modal-xxlg {
    width: 1280px;
    max-width: 97%
}

.modal-xlg {
    width: 956px;
    max-width: 97%
}

.modal-lg {
    width: 770px;
    max-width: 97%
}

.modal-xmd {
    width: 630px;
    max-width: 97%
}

.modal-md {
    width: 500px;
    max-width: 97%
}

.modal-sm {
    width: 500px;
    max-width: 97%
}

.scroll-lg {
    height: 300px !important
}

.scroll-md {
    height: 250px !important
}

.scroll-sm {
    height: 160px !important
}

.inline-top, .inline-left, .inline-topleft, .inline-leftright {
    min-width: 1em;
    float: left;
    margin-top: 10px
}

.inline-left {
    padding: 0 10px
}

.inline-topleft {
    padding-left: 7px
}

.inline-topright {
    float: left;
    margin-top: 10px;
    padding-right: 7px
}

.inline-leftright {
    padding: 0 7px
}

.first {
    width: 90px;
    max-width: 100%
}

.second {
    width: 130px;
    max-width: 100%
}

.selectbox-link, .selectbox-link.k-state-hover, .selectbox-link:hover, .selectbox-link:focus {
    cursor: pointer;
    text-align: left
}

    .selectbox-link i {
        float: right;
        margin-top: 4px
    }

.rpNewTheme ul.dropdown-menu.selectBox.css-scrollbar-new-vertical li span.lbl {
    line-height: 21px;
}

.nospace > i {
    margin: 0
}

small, .small, .smaller {
    font-size: 80%;
    font-weight: 400
}

.smaller {
    font-size: 75% !important;
    font-weight: 300
}

label.small > .lbl, label.small > a {
    font-size: 96% !important;
    vertical-align: top
}

label.smaller > .lbl, label.smaller > a {
    font-size: 12px;
    vertical-align: top
}

.small-block {
    display: block;
    clear: both
}

.small-margin {
    display: block;
    clear: both;
    margin-bottom: -14px
}

.xsmall {
    font-size: 11px
}

.clear {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%
}

.tabtop-fixed {
    margin: -30px -30px 30px !important
}

.tabtop-fixed {
    margin: -30px -30px 30px !important;
    position: absolute;
    top: 0
}

.tab-content.manageClient {
    margin-top: 40px
}

.nav-tabs.manageTabsV {
    position: absolute;
    width: 100%;
    top: 30px
}

.row-fixed-bottom {
    margin: -20px
}

.row-blank {
    width: 100%;
    display: block;
    clear: both;
    position: relative
}

.row-space {
    margin-bottom: 20px !important
}

.remove-icon {
    position: absolute;
    right: 5px;
    top: 5px
}

.list-block {
    display: inline-table
}

    .list-block > li {
        display: inline-table;
        float: left;
        margin: 0 15px 10px 0
    }

        .list-block > li:first-child {
            margin-left: 0
        }

.form-block {
    display: inline-table
}

    .form-block li {
        width: 100%;
        display: block;
        padding-left: 5px;
        padding-right: 5px
    }

        .form-block li:first-child {
            padding-left: 0
        }

.w-box {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    position: relative;
    overflow: hidden;
    cursor: default
}

    .w-box:before, .w-box:after {
        display: table;
        content: ""
    }

    .w-box:after {
        clear: both
    }

    .w-box.w-box-inverse {
        background: 0;
        border: 0;
        padding: 15px;
        text-align: center
    }

        .w-box.w-box-inverse .thumb-icon {
            display: block;
            margin-bottom: 5px;
            font-size: 34px;
            line-height: 64px;
            text-align: center
        }

.divider-horiz {
    float: left;
    padding-right: 15px !important;
    position: relative
}

    .divider-horiz:before {
        content: "";
        position: absolute;
        height: 100%;
        top: 0;
        right: 3px
    }

.prototype-tag {
    position: fixed;
    left: 0;
    margin-top: 12%;
    display: none !important;
    z-index: 999
}

.select-depart {
    float: right;
    margin-top: 10px
}

    .select-depart > h5 {
        float: left;
        margin: 0 5px 0;
        font-size: 14px;
        line-height: 20px
    }

    .select-depart .dropdown > a {
        font-size: 14px
    }

.nav-right:before, .nav-right:after {
    content: "";
    clear: both;
    display: table
}

.nav-right {
    margin-bottom: 10px;
    font-size: 14px;
    text-align: left;
    line-height: 11px
}

    .nav-right > ul {
        width: auto;
        float: right
    }

        .nav-right > ul.nav-tabs {
            float: left
        }

        .nav-right > ul > li {
            float: left;
            margin-left: 10px;
            position: relative
        }

            .nav-right > ul > li:first-child {
                margin-left: 0
            }

        .nav-right > ul.right-nav {
            height: 42px;
            margin: -10px;
            padding: 10px 20px;
            position: relative
        }

            .nav-right > ul.right-nav:after {
                visibility: hidden;
                bottom: 7px;
                content: "||";
                font: 300 15px/28px Arial;
                width: 15px;
                left: -4px;
                padding-top: 5px;
                position: absolute;
                cursor: default;
                text-align: center;
                letter-spacing: -1pt
            }

            .nav-right > ul.right-nav > li {
                margin-left: 15px
            }

                .nav-right > ul.right-nav > li:first-child {
                    margin-left: 0
                }

    .nav-right h2, .nav-right h3, .nav-right h5, .nav-right h4, .nav-right h6 {
        display: inline-block;
        margin: 0;
        vertical-align: sub
    }

        .nav-right h2.hide, .nav-right h3.hide, .nav-right h5.hide, .nav-right h4.hide, .nav-right h6.hide {
            display: none
        }

        .nav-right h2 > .small-block, .nav-right h4 > .small-block, .nav-right h5 > .small-block, .nav-right h4 > .small-block, .nav-right h6 > .small-block {
            margin-top: 5px
        }

    .nav-right > ul.inline li {
        display: inline-block;
        float: none;
        vertical-align: middle
    }

a.iconRound, .iconRound > li > a, a.iconBox, .iconBox > li > a {
    text-align: center;
    float: left
}

.iconBox > li > a, a.iconBox {
    border-radius: 0
}

.nav-disabled {
    cursor: not-allowed !important
}

    .nav-disabled i, span.nav-disabled {
        opacity: .4
    }

.list-tile small {
    font-size: 65%
}

.list-tile-heading {
    font-size: 13px;
    margin: 0;
    padding: 5px 10px
}

.list-tile-percent {
    font-size: 54px;
    line-height: 50px;
    margin: 15px 0;
    text-align: center
}

.list-tile-footer {
    font-size: 18px;
    padding: 5px 10px;
    position: relative
}

    .list-tile-footer .dropdown, .list-campaign-footer .dropdown {
        position: absolute;
        right: 5px;
        top: 7px
    }

.list-campaign-info {
    height: 120px;
    padding: 20px 10px 10px;
    position: relative
}

    .list-campaign-info h3, .list-campaign-info p {
        margin: 0 0 5px
    }

        .list-campaign-info h3 > span {
            margin-left: 5px;
            font-size: 17px
        }

.list-campaign-settings {
    position: absolute;
    right: -1px;
    top: -1px
}

    .list-campaign-settings a {
        float: left;
        padding: 2px 4px
    }

        .list-campaign-settings a:first-child {
            border-left: none
        }

.list-campaign-footer {
    float: left;
    height: 35px;
    padding: 0 10px;
    position: relative
}

    .list-campaign-footer h5 {
        margin: 8px 0
    }

    .list-campaign-footer a:hover, .list-campaign-footer a:focus {
        text-decoration: none
    }

.list-cloud {
    display: block
}

    .list-cloud > li {
        display: inline-block;
        margin: 0 4px 7px 0;
        padding: 0 8px;
        font-size: 13px;
        line-height: 28px
    }

.legend-list {
    display: inline-block
}

    .legend-list li:after, .legend-list-row li:after {
        content: "";
        position: absolute;
        left: 0;
        top: 6px;
        width: 6px;
        height: 6px
    }

    .legend-list li, .legend-list-row li {
        display: inline-block;
        position: relative;
        padding-left: 12px;
        margin: 0 8px 0 0;
        font-size: 14px;
        font-weight: 300
    }

        .legend-list li > span {
            display: inline-block;
            letter-spacing: .2pt;
            line-height: 16px
        }

.legend-list-row li {
    float: left;
    list-style-type: none
}

    .legend-list-row li .list-style-dash {
        float: left;
        margin-right: 5px
    }

.legend-list-lg, .legend-list-md {
    margin: 10px 0
}

    .legend-list-md li {
        margin-right: 10px
    }

    .legend-list-lg li {
        margin: 0 20px
    }

.legend-list.block, .legend-list.block li {
    display: list-item
}

    .legend-list.block li {
        float: none;
        margin: 5px 10px
    }

        .legend-list.block li:first-child {
            margin-top: 0
        }

.widget-list, .widget-gallery {
    display: block;
    margin-bottom: 20px
}

    .widget-gallery h5 span {
        max-width: 85%;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

.widget-list {
    display: block;
    margin-bottom: 20px
}

.widget-listbody a, .widget-listbody a:hover {
    text-decoration: none
}

.widget-listbody h4 {
    position: relative
}

.widget-listbody h5 i {
    padding-left: 8px
}

.widget-listbody h3 {
    padding: 4px 15px
}

.widget-listbody > div {
    padding: 0;
    margin-top: -1px
}

.widget-listbody small {
    position: relative;
    padding-bottom: 8px;
    display: block
}

    .widget-listbody small a {
        position: absolute;
        top: -5px;
        margin-left: 5px;
    }

.widget-listbody .widget-box > div .blank-text {
    min-height: 90px;
}

.widget-listbody .widget-listsettings {
    height: 38px;
    position: relative
}

    .widget-listbody .widget-listsettings span, .widget-listbody .k-grid-header th {
        font-size: 14px
    }

.widget-listbody .k-grid tr td {
    padding: 5px 17px
}

.widget-listbody .k-grid tr th {
    padding: 7px 17px
}

.widget-listbody h6 {
    min-height: 42px;
    padding: 12px 10px
}

.widget-listbody h5 {
    height: 20px
}

.widget-listbody .list-warning {
    position: relative
}

.widget-listbody .widget-box > div {
    border: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0
}

    .widget-listbody .widget-box > div .blank-text {
        display: block;
        min-height: 82px;
        padding: 12px 0;
        text-align: center
    }

        .widget-listbody .widget-box > div .blank-text > div:first-child {
            margin-right: 10px
        }

.widget-listbody .dropdown-channel .dropdown-menu {
    padding: 0;
    width: 525px !important
}

.widget-listbody .widget-box h5 input {
    padding-top: 0;
    height: 24px
}

.widget-box.info-popup {
    padding: 0 !important
}

.widget-listsettings > li {
    float: left;
    padding: 10px;
    text-align: center;
    line-height: 0
}

    .widget-listsettings > li:first-child {
        border: 0
    }

.widget-listsettings .dropdown > a {
    line-height: 15px
}

.widget-listbody .widget-body > h3 {
    margin-bottom: 20px;
    padding-left: 0;
    font-size: 18px
}

.close-widget {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10
}

.check-widget {
    position: absolute;
    display: none;
    right: -10px;
    top: -10px;
    z-index: 10
}

.check-list {
    position: absolute;
    z-index: 10
}

.legend {
    margin-bottom: 20px;
    padding: 6px 0;
    font-size: 12px;
    line-height: 20px
}

    .legend > ul > li:first-child {
        padding-left: 0
    }

    .legend > ul > li {
        display: inline-block;
        padding: 0 5px
    }

        .legend > ul > li > .square {
            width: 7px;
            height: 7px;
            margin-right: 7px
        }

        .legend > ul > li > i {
            display: inline-block;
            margin-right: 4px
        }

.legend-grid {
    margin: 0 !important;
    padding: 0 !important
}

    .legend-grid > ul > li {
        line-height: 8px
    }

.filterSec .box-title {
    margin-bottom: 5px !important;
    padding-bottom: 5px !important
}

.filterSec {
    clear: both
}

    .filterSec h6 {
        padding-bottom: 3px;
        margin: 7px 0
    }

    .filterSec li {
        padding-bottom: 2px;
        position: relative
    }

        .filterSec li:first-child {
            border: 0
        }

        .filterSec li:after {
            content: "";
            clear: both;
            display: block
        }

        .filterSec li > .filters-container > a {
            float: left;
            margin: 6px 5px 0 0;
            padding: 3px 25px 3px 8px;
            font-size: 12px;
            line-height: 17px;
            position: relative;
            max-width: 98%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

            .filterSec li > .filters-container > a > span {
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                padding: 4px;
                font-size: 17px;
                font-weight: 300;
                line-height: 15px
            }

            .filterSec li > .filters-container > a:hover {
                text-decoration: none
            }

.filter-fields {
    min-height: 50px
}

    .filter-fields h6 {
        margin-bottom: 0;
        font-size: 16px
    }

    .filter-fields h5 {
        font-size: 14px
    }

    .filter-fields > li {
        position: relative;
        float: left;
        clear: left;
        width: 100%;
        padding: 10px 10px 12px 15px
    }

        .filter-fields > li:first-child {
            border: 0
        }

.filterSearch {
    margin-left: 300px
}

.filter-helpTxt {
    font-size: 16px;
    margin: 7% 0;
    text-align: center
}

.filter-fields .k-autocomplete {
    float: left;
    margin-left: 3% !important
}

    .filter-fields .k-autocomplete .k-input {
        padding: 4px !important;
        line-height: 18px;
        float: left
    }

.rowFild {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

    .rowFild label:first-child {
        font-size: 14px;
        margin: -35px 0 0;
        width: 20%
    }

    .rowFild > span {
        margin-left: 3%;
        float: left
    }

        .rowFild > span:first-child {
            margin-left: 0
        }

    .rowFild .k-dropdown .k-dropdown-wrap .k-input {
        padding: 4px 0 !important;
        font-size: 13px
    }

    .rowFild input {
        font-size: 13px;
        padding: 4px !important
    }

    .rowFild .k-picker-wrap input {
        padding: 5px 0 !important
    }

    .rowFild .k-input {
        font-size: 13px
    }

    .rowFild .selInput .k-dropdown-wrap .k-select {
        line-height: 20px
    }

    .rowFild .k-datepicker .k-picker-wrap .k-select {
        line-height: 24px
    }

    .rowFild .selInput, .rowFild .k-multiselect, .rowFild input {
        float: left;
        margin-left: 3.5%
    }

    .rowFild .k-i-calendar, .rowFild .k-i-clock {
        margin-top: -2px !important
    }

    .rowFild .k-multiselect {
        min-height: 27px;
        padding: 3px 0 0 !important;
        width: 411px !important
    }

    .rowFild .k-multiselect-wrap {
        min-height: 1.9em
    }

        .rowFild .k-multiselect-wrap .k-input {
            height: 25px
        }

        .rowFild .k-multiselect-wrap .k-input {
            padding: 0 !important
        }

    .rowFild .k-multiselect-wrap {
        margin-bottom: 0
    }

        .rowFild .k-multiselect-wrap li {
            font-weight: 400;
            font-size: 12px;
            line-height: 20px;
            margin: 0 0 3px 5px
        }

    .rowFild .selInput:first-child, .rowFild input:first-child {
        margin-left: 0
    }

    .rowFild label {
        float: left;
        font-weight: normal;
        margin: 6px 0 0 24px;
        font-size: 13px
    }

    .rowFild .nav-right li i {
        font-size: 16px
    }

.formsplit, .filter-fields li .bootstrap-switch {
    left: 50%;
    margin-left: -40px;
    position: absolute !important;
    top: -11px;
    width: 60px
}

.filter-fields li:first-child .bootstrap-switch {
    display: none
}

.multiselectList li {
    width: 100%;
    float: left;
    padding: 10px;
    line-height: 14px
}

    .multiselectList li label {
        width: 285px;
        float: left;
        margin: 0
    }

    .multiselectList li > div input {
        padding: 2px 5px
    }

    .multiselectList li .checkbox-sm {
        float: left;
        margin: 4px 15px 0 0
    }

.border-wrap {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%
}

.border-wrap-content {
    padding: 15px
}

.multiSelect-user .multiLftClm, .multiSelect-user .multiRghtClm, .multiSelect-user .middleSelectArrows {
    width: 100% !important
}

.multiSelect-user .middleSelectArrows {
    margin-top: 155px !important
}

.multiSelect table th {
    border-left: none !important;
    border-top: none !important
}

.multiSelect .multiLftClm, .multiSelect .multiRghtClm {
    width: 45%;
    float: left
}

.multiRghtClm > span.input-error {
    margin-top: -33px
}

.multiSelect .multiRghtClm {
    float: right;
    border-width: 1px;
    border-style: solid;
    position: relative
}

    .multiSelect .multiRghtClm ul li.active a .smaller {
        color: #fff;
        opacity: .6
    }

.multiSelect h4 {
    margin: 0;
    padding: 10px
}

.multiSelect ul {
    height: 195px !important;
    overflow: auto
}

.multiSelect li {
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    vertical-align: middle
}

    .multiSelect li:first-child {
        border-top: 0
    }

    .multiSelect li a {
        line-height: 18px;
        padding: 10px;
        display: block;
        text-decoration: none
    }

.multiSelect .multiLftClm li:nth-child(odd),
.multiSelect .multiRghtClm li:nth-child(odd) {
    background-color: #fff !important;
}

.multiSelect .multiLftClm li:nth-child(even),
.multiSelect .multiRghtClm li:nth-child(even) {
    background-color: var(--bg-even) !important;
}

    .multiSelect .multiLftClm li:nth-child(odd).active,
    .multiSelect .multiRghtClm li:nth-child(odd).active,
    .multiSelect .multiLftClm li:nth-child(even).active,
    .multiSelect .multiRghtClm li:nth-child(even).active {
        background-color: var(--primary-color) !important;
    }

#user-settings .multiSelect .multiRghtClm li:nth-child(odd) {
    background-color: var(--bg-even) !important;
}

#user-settings .multiSelect .multiRghtClm li:nth-child(even) {
    background-color: #fff !important;
}

.multiSelect .middleSelectArrows {
    width: 10%;
    float: left;
    text-align: center;
    height: auto;
    margin-top: 78px
}

.middleSelectArrows li {
    border: 0;
    margin: 10px 0
}

    .middleSelectArrows li a {
        width: 26px;
        height: 24px;
        padding: 0;
        display: inline-block
    }

        .middleSelectArrows li a.rightArrow {
            background-position: 0 0
        }

        .middleSelectArrows li a.leftArrow {
            background-position: 0 -34px
        }

        .middleSelectArrows li a.selectallRight {
            background-position: 0 -267px
        }

        .middleSelectArrows li a.selectallLeft {
            background-position: 0 -301px
        }

.multiRghtClm .agencyUsers, .multiRghtClm .clientUsers, .multiRghtClm .departmentUsers, .multiRghtClm .adUsers {
    padding: 7px 19px !important;
    font-size: 12px
}

.multiSelect-user .multiRghtClm li {
    padding: 10px;
    border-top: 0
}

    .multiSelect-user .multiRghtClm li a {
        cursor: default
    }

    .multiSelect-user .multiRghtClm li .remove {
        position: absolute;
        right: 6px;
        top: 5px;
        cursor: pointer
    }

.multiSelect-user .multiLftClm > ul, .multiSelect-user .multiRghtClm > ul {
    height: 350px
}

.multiSelect-user .multiRghtClm li > span > i {
    font-size: 16px
}

.progress-steps {
    width: 100%;
    position: relative
}

    .progress-steps li {
        display: table-cell;
        text-align: center;
        width: 1%
    }

        .progress-steps li:before {
            content: "";
            display: block;
            font-size: 0;
            overflow: hidden;
            position: relative;
            top: 32px;
            width: 100%;
            z-index: 1;
            left: 50%
        }

        .progress-steps li:first-child:before {
            width: 100%
        }

        .progress-steps li:last-child:before {
            width: 0
        }

        .progress-steps li .step {
            border-radius: 100%;
            display: inline-block;
            font-size: 18px;
            line-height: 42px;
            position: relative;
            text-align: center;
            width: 58px;
            height: 58px;
            z-index: 1
        }

        .progress-steps li .title {
            display: block;
            max-width: 100%;
            table-layout: fixed;
            text-align: center;
            word-wrap: break-word;
            z-index: 104
        }

.checkBoxGroup {
    margin-bottom: 10px
}

.dashboard-overview > div {
    float: left;
    margin-bottom: 30px
}

.dashboard-overview .ui-state-highlight {
    margin: 0 10px 20px;
    padding: 10px 0
}

.dashboard-sort-item {
    height: 335px;
    padding: 10px;
    position: relative
}

    .dashboard-sort-item .list-channel > li {
        width: 33%;
        box-shadow: none
    }

        .dashboard-sort-item .list-channel > li h3 {
            margin-top: 10px
        }

    .dashboard-sort-item .item-list li > label {
        position: relative;
        top: 9px
    }

.sort-item-top {
    height: 300px !important
}

.percentage {
    display: inline-block;
    vertical-align: middle
}

.item-list-lg > li {
    padding: 20px
}

.item-list-md > li {
    padding: 15px
}

.item-list-sm > li {
    padding: 10px
}

[class^="item-list-"] > li, [class*="item-list-"] > li {
    position: relative
}

    [class^="item-list-"] > li:first-child, [class*="item-list-"] > li:first-child {
        border: 0
    }

    [class^="item-list-"] > li .percentage, [class*="item-list-"] > li .percentage {
        font-size: 28px
    }

    [class^="item-list-"] > li i, [class*="item-list-"] > li i {
        vertical-align: middle
    }

    [class^="item-list-"] > li small, [class*="item-list-"] > li small {
        display: block
    }

    [class^="item-list-"] > li .user-infoicon, [class*="item-list-"] > li .user-infoicon {
        float: left;
        margin-right: 10px
    }

        [class^="item-list-"] > li .user-infoicon img, [class*="item-list-"] > li .user-infoicon img {
            border-radius: 100%
        }

.item-list > li {
    padding: 9px 15px;
    position: relative;
    overflow: hidden
}

    .item-list > li:first-child {
        border: 0
    }

    .item-list > li .percentage {
        font-size: 26px
    }

    .item-list > li i {
        vertical-align: middle
    }

    .item-list > li small {
        display: block;
        line-height: 18px
    }

    .item-list > li span {
        line-height: 18px
    }

    .item-list > li .user-infoicon {
        float: left;
        margin-right: 10px
    }

        .item-list > li .user-infoicon img {
            border-radius: 100%
        }

.item-list.transparent > li {
    border: 0
}

    .item-list.transparent > li span {
        line-height: 29px;
    }

.item-list.list-style1 li {
    border: 0
}

.item-list-style1 > li {
    background-color: transparent;
    padding: 20px 0
}

    .item-list-style1 > li:first-child {
        padding-top: 0
    }

    .item-list-style1 > li > small {
        padding: 0
    }

.item-list-style1 .list-clear li {
    padding-bottom: 10px;
    overflow: hidden;
    padding-right: 20px
}

.item-list.table > li {
    display: table;
    width: 100%;
    line-height: 1
}

    .item-list.table > li .table-cell {
        display: table-cell;
        vertical-align: middle
    }

.item-list-chart > li {
    padding: 0 15px;
    position: relative;
    font: 400 14px 'mukta-regular';
    color: #585858
}

    .item-list-chart > li > .percent-infoBox {
        float: right;
        top: -23px !important
    }

.item-list-chart.ilc-new > li > .percent-infoBox:before {
    display: none !important
}

.form-list > li {
    display: block;
    clear: both;
    margin-top: 10px
}

    .form-list > li:first-child {
        margin-top: 0
    }

.recipient-chart {
    height: 332px
}

    .recipient-chart .recipient-piechart {
        width: 434px;
        height: 310px;
        text-align: center
    }

    .recipient-chart .highcharts-container {
        display: inline-block !important
    }

.percentage {
    font-weight: 300
}

.manage-campaign {
    border-bottom: 1px solid #e9e9eb
}

    .manage-campaign > div {
        text-align: center;
        padding-top: 40px;
        height: 210px
    }

        .manage-campaign > div:first-child {
            border-left: none
        }

        .manage-campaign > div input {
            margin: 0;
            padding: 0;
            text-transform: inherit;
            font-size: 16px
        }

            .manage-campaign > div input:focus {
                box-shadow: none
            }

        .manage-campaign > div i {
            font-size: 84px
        }

        .manage-campaign > div a {
            font-size: 18px
        }

.launch-box {
    position: relative;
    text-align: center
}

    .launch-box > div:before {
        content: "";
        position: absolute;
        left: 0;
        top: 24%;
        height: 56%
    }

    .launch-box > div:first-child:before {
        visibility: hidden
    }

.campaign-performance-chart {
    height: 230px;
    margin: 0 auto;
    overflow: hidden;
    width: 900px
}

.campaign-email-side {
    height: 273px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 22px;
    width: 945px
}

.campaign-performance-chart .popover {
    white-space: nowrap
}

.campaign-email {
    height: 262px;
    padding: 10px;
    position: relative
}

.user-picture img {
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 100%
}

.profile-picture {
    position: relative;
    margin: 0 auto 20px auto;
    min-width: 135px;
    max-width: 155px;
    overflow: hidden
}

    .profile-picture > div {
        margin: 0 auto;
        text-align: center
    }

    .profile-picture figure {
        height: 135px;
        min-width: 135px;
        display: table-cell;
        vertical-align: middle;
        padding: 0;
        margin: 0
    }

        .profile-picture figure img {
            height: auto;
            width: 100%
        }

.profile-info {
    display: block;
    padding: 7px 0;
    font-size: 13px;
    line-height: 15px
}

    .profile-info i {
        vertical-align: text-top
    }

    .profile-info .k-upload .k-upload-button {
        background-color: transparent !important;
        padding: 0 !important;
        line-height: 18px !important
    }

        .profile-info .k-upload .k-upload-button span i {
            margin-right: 5px;
            display: inline-block
        }

        .profile-info .k-upload .k-upload-button span {
            display: inline-block
        }

    .profile-info .k-state-focused {
        background-color: transparent !important
    }

.imgupload .k-button.k-upload-button {
    background-color: transparent !important;
    padding: 6px 5px !important;
    line-height: 0 !important;
    min-width: inherit !important
}

.k-widget.k-upload {
    border: none !important
}

.row-title {
    margin-bottom: 20px;
    position: relative
}

    .row-title h4, .row-title h5, .row-title span {
        display: inline-block;
        position: relative;
        margin: 0;
        line-height: 24px;
        z-index: 2;
        padding: 0 20px 0 0
    }

    .row-title span {
        padding: 0 0 0 20px
    }

    .row-title:after {
        content: " ";
        display: block;
        height: 1px;
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        z-index: 1
    }

    .row-title .badge {
        position: relative;
        top: -2px
    }

    .row-title > .nav-right > ul {
        position: relative;
        padding-left: 5px;
        z-index: 2
    }

.data-grid, .content-grid {
    width: 100%
}

    .content-grid > tbody > tr td a {
        color: inherit
    }

    .data-grid > thead > tr > th.text-center {
        text-align: center !important
    }

    .data-grid > thead > tr > th, .content-grid > thead > tr > th, .data-grid1 > thead > tr > th {
        text-align: left;
        padding: 10px;
        border-width: 1px 0 0 1px;
        border-style: solid;
        font-size: 14px;
        font-weight: 400;
        line-height: 15px;
        text-overflow: ellipsis;
        vertical-align: middle
    }

        .data-grid > thead > tr > th:first-child, .content-grid > thead > tr > th:first-child {
            border-left-width: 1px
        }

    .data-grid > tbody > tr > td, .content-grid > tbody > tr > td, .data-grid1 > tbody > tr > td {
        padding: 10px;
        border-width: 1px 0 0 1px;
        border-style: solid;
        line-height: 18px;
        text-overflow: ellipsis;
        vertical-align: middle
    }

.grid-space > tbody > tr > td {
    border-bottom: none !important;
    padding: 25px 20px !important
}

.content-grid > tbody > tr > td {
    width: 25%
}

    .content-grid > tbody > tr > td:nth-child(2n) {
        font-size: 16px;
        font-weight: 500;
        border-left: medium none
    }

.content-grid-style1, .content-grid-style1 td {
    border: none !important
}

.data-grid1 > thead > tr > th {
    background-color: transparent;
    padding: 15px 20px !important;
    color: inherit;
    font-size: 20px
}

.data-grid1 > tbody > tr > td {
    height: 44px;
    font-size: 13px !important;
    font-weight: 300 !important;
    padding: 0 20px !important;
    border-top: none !important
}

    .data-grid1 > tbody > tr > td > i {
        margin-right: 5px;
        line-height: 18px;
        vertical-align: bottom
    }

.box {
    padding: 19px
}

.box-lg {
    padding: 30px
}

.box-md {
    padding: 15px
}

.box-sm {
    padding: 10px
}

.box-xs {
    padding: 5px
}

.box-info {
    margin-bottom: 20px;
    padding: 15px;
    position: relative;
    transition: all .4s ease 0s
}

    .box-info .info-icon-circle {
        position: absolute;
        left: -15px;
        top: 8px;
        padding: 4px 3px 0 5px;
        height: 26px;
        width: 26px
    }

        .box-info .info-icon-circle:after {
            content: "";
            height: 25px;
            width: 13px;
            border-radius: 90px 0 0 90px;
            position: absolute;
            left: 2px;
            top: 2px;
            border-right: 0;
            -moz-border-radius: 90px 0 0 90px;
            -webkit-border-radius: 90px 0 0 90px
        }

        .box-info .info-icon-circle > i {
            position: relative;
            z-index: 2
        }

    .box-info h6 {
        display: inline-block;
        font-weight: 700;
        margin-bottom: 0;
        vertical-align: bottom
    }

    .box-title, .box-info .box-title {
        padding-bottom: 10px;
        margin-bottom: 10px
    }

.c-product {
    height: 154px;
    padding: 0;
    margin-bottom: 20px !important;
    text-align: center
}

    .c-product figure {
        height: 60px;
        margin: 0 auto;
        padding-top: 5px;
        display: table
    }

        .c-product figure span {
            display: table-cell;
            vertical-align: middle
        }

    .c-product h6 {
        margin: 5px;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        margin-top: 0
    }

        .c-product h6 .clpClientName {
            max-width: 150px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
            position: relative;
            top: 6px
        }

    .c-product small {
        display: block;
        margin-bottom: 10px
    }

    .c-product > div {
        border-width: 1px 0 0 !important
    }

        .c-product > div li > a {
            font-size: 13px
        }

.list-inline-style li {
    position: relative
}

    .list-inline-style li:before {
        content: "";
        position: absolute;
        left: 0;
        top: 3px;
        height: 15px
    }

    .list-inline-style li:first-child:before {
        visibility: hidden
    }

.search {
    height: 24px;
    position: relative;
    border-radius: 20px
}

.search-icon {
    position: absolute;
    right: 0;
    top: 0
}

.searchSlide {
    width: 24px;
    height: 24px;
    float: right;
    padding-top: 4px;
    position: relative;
    text-align: center;
    cursor: pointer
}

.search .searchField {
    width: 0;
    height: 19px;
    float: right;
    padding: 0;
    margin: 2px 25px 2px 0;
    font-size: 12px;
    line-height: 17px;
    border: 0
}

.search input[type="text"]:focus.searchField {
    height: 19px
}

.pieChart {
    width: 100%;
    display: table
}

    .pieChart > li {
        display: inline-block;
        padding: 0;
        text-align: center
    }

    .pieChart.remain > li {
        width: 50%
    }

    .pieChart > li .chartIn {
        width: 130px;
        height: 130px
    }

    .pieChart > li > div {
        width: 100%;
        position: relative
    }

        .pieChart > li > div > span {
            width: 100%;
            position: absolute;
            left: 0;
            top: 33px;
            font-size: 23px;
            text-align: center
        }

    .pieChart > li > span {
        display: block;
        line-height: 18px;
        text-align: center
    }

    .pieChart > li > div > h4 {
        width: 100%;
        position: absolute;
        left: 0;
        top: 30%;
        text-align: center
    }

    .pieChart.rpSplitPercentage {
        display: flex;
        flex-wrap: wrap
    }

.sentiment-graph {
    width: 140px;
    height: 140px
}

.form-group-title {
    padding: 0 10px 10px
}

    .form-group-title h4 {
        padding: 0 0 10px
    }

        .form-group-title h4 i {
            vertical-align: top
        }

.quick-actions {
    padding: 0
}

    .quick-actions .form-group {
        margin-top: 1px !important
    }

        .quick-actions .form-group:first-child {
            border-top: 0;
            margin-top: 0 !important
        }

        .quick-actions .form-group li {
            display: inline-table;
            line-height: 16px;
            text-align: center
        }

            .quick-actions .form-group li i {
                display: inline-block;
                margin: 10px 0 8px
            }

            .quick-actions .form-group li span {
                display: block
            }

            .quick-actions .form-group li > a {
                border: 1px solid transparent;
                display: block;
                margin: 0 5px;
                padding: 0 5px 5px;
                text-align: center;
                text-decoration: none;
                min-height: 95px;
                min-width: 105px;
                max-width: 100%
            }

                .quick-actions .form-group li > a:hover {
                    transition: all .25s linear 0s
                }

.infobox-icon, .infobox-icon-mini {
    float: left;
    text-align: left;
    margin-right: 15px
}

    .infobox-icon i, .infobox-icon-mini {
        border-radius: 100%;
        max-width: 55px
    }

    .infobox-icon img {
        border-radius: 100%;
        width: 58px;
        height: 58px
    }

.icon-circle i {
    width: 28px;
    height: 28px;
    display: inline-block;
    line-height: 25px;
    border-radius: 100%
}

.infobox-icon-mini {
    text-align: center
}

    .infobox-icon-mini.transparent {
        border: 0;
        border-radius: 0;
        padding: 0
    }

.infobox-icon.transparent, .infobox-icon.transparent img {
    border: 0;
    text-align: center;
    border-radius: 0
}

.infobox-user-img {
    display: table-cell;
    vertical-align: middle
}

    .infobox-user-img > figure {
        width: 62px;
        height: 62px;
        display: inline-block;
        margin-right: 10px;
        border-radius: 100%;
        vertical-align: middle;
        overflow: hidden
    }

    .infobox-user-img + .infobox-user-data {
        display: table-cell;
        vertical-align: middle;
        text-align: left
    }

.infobox-user-data > h3 {
    margin-bottom: 5px;
    font-weight: 300
}

.infobox-user-data > p {
    margin: 0
}

.infobox-data {
    display: table-cell;
    text-align: left
}

    .infobox-data h4 {
        margin: 0
    }

    .infobox-data h6 {
        font-weight: 500;
        margin: 0 0 7px
    }

    .infobox-data p {
        margin: 0
    }

    .infobox-data a:hover, .infobox-data a:focus {
        text-decoration: none
    }

.infobox-data-block {
    display: block;
    overflow: hidden
}

.infobox-detail {
    position: absolute;
    right: 10px;
    top: 10px
}

.infobox-stat {
    display: inline-block;
    font-size: 60px;
    margin: 0 15px 0 0;
    vertical-align: middle
}

    .infobox-stat + .infobox-data {
        display: inline-block;
        vertical-align: middle
    }

.info-thumb {
    float: left;
    text-align: left;
    margin-right: 17px
}

.info-detail {
    display: table-cell;
    text-align: left
}

.toggle-content {
    display: none
}

.list-inline-mini {
    margin-top: 5px
}

    .list-inline-mini > li {
        display: inline-block;
        padding: 0;
        margin-left: 15px;
        vertical-align: middle;
        position: relative;
        font-size: 11px
    }

        .list-inline-mini > li:first-child {
            margin: 0
        }

        .list-inline-mini > li > a i {
            margin-right: 5px;
            line-height: 18px;
            vertical-align: bottom
        }

        .list-inline-mini > li > .dropdown {
            margin-top: 2px
        }

        .list-inline-mini > li .dropdown > a {
            font-size: 11px
        }

.accordion-style.panel-group .panel-heading {
    padding: 0
}

    .accordion-style.panel-group .panel-heading a {
        display: block;
        font-size: 15px;
        font-weight: 400;
        padding: 10px;
        position: relative
    }

.accordion-style .panel-default {
    box-shadow: none
}

    .accordion-style .panel-default > .panel-heading + .panel-collapse .panel-body {
        border: 0
    }

.accordion-style .panel-title {
    display: block
}

.widget-header {
    padding: 15px
}

    .widget-header h4 {
        display: inline;
        font-size: 15px
    }

    .widget-header h5 {
        display: inline
    }

.widget-body {
    padding: 15px;
    border-top: 0
}

.infogrid {
    padding: 5px 10px 0;
    display: table-cell;
    min-width: 75px
}

    .infogrid:first-child {
        padding-left: 0;
        border: 0
    }

    .infogrid h2 {
        margin: 0 0 5px;
        font-size: 25px
    }

.login-wrap {
    margin: 20px auto 0 auto;
    max-width: 380px;
    position: relative
}

    .login-wrap .panel {
        margin: 0;
        padding: 30px;
        position: relative;
        min-height: 336px;
        border-radius: 0;
        box-shadow: none
    }

    .login-wrap .panel-header {
        padding-bottom: 12px;
        overflow: hidden
    }

    .login-wrap .panel-body {
        padding: 0
    }

    .login-wrap .panel h2 {
        font-size: 24px
    }

.forgot-password, .thanks-signing, .sucess-mail, .signin-onetime {
    box-shadow: none !important;
    display: none;
    padding-top: 20px !important;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1020
}

    .forgot-password .close, .thanks-signing .close, .sucess-mail .close, .signin-onetime .close {
        position: absolute;
        top: 13px;
        right: 13px
    }

.forgot-password, .thanks-signing, .sucess-mail, .signin-mobilenotverified {
    box-shadow: none !important;
    display: none;
    padding-top: 20px !important;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1020
}

    .forgot-password .close, .thanks-signing .close, .sucess-mail .close, .signin-mobilenotverified .close {
        position: absolute;
        top: 13px;
        right: 13px
    }

    .thanks-signing h1 {
        margin: 20px 0 15px
    }

    .thanks-signing > p, .sucess-mail p {
        line-height: 26px
    }

.container {
    max-width: 980px
}

.input-icon {
    position: relative;
    display: inherit
}

    .input-icon > input {
        padding-left: 36px;
        padding-right: 6px
    }

.input-icon-right-left > input {
    padding-left: 36px;
    padding-right: 36px
}

.card-number {
    padding-left: 70px !important
}

.input-icon.input-icon-right > input {
    padding: 4px 36px 0 10px;
    padding-top: 0 \9
}

.input-icon.input-icon-outer > input {
    padding: 6px 10px 0
}

.input-icon > [class*="icon-"] {
    margin: 0;
    display: inline-block;
    font-size: 16px;
    left: 6px;
    line-height: 28px;
    padding: 0 3px;
    position: absolute;
    top: 8px;
    bottom: 1px;
    z-index: 2
}

.input-icon.input-icon-right > [class*="icon-"] {
    left: auto;
    right: 7px;
    top: 8px
}

.input-text > input, #newUser .input-text > input {
    padding-left: 65px
}

.input-text > span:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 7px
}

.input-text > span {
    line-height: 38px !important;
    cursor: not-allowed
}

.input-icon > span {
    padding: 0 7px;
    line-height: 30px;
    position: absolute;
    left: 1px;
    top: 1px;
    bottom: 1px;
    z-index: 1
}

    .input-icon > span > [class*="icon-"] {
        font-size: 23px;
        line-height: 35px;
        text-align: center
    }

    .input-icon > span > a {
        line-height: 40px
    }

.input-icon-right-left > .input-icon-left:after {
    content: "";
    height: 7px;
    position: absolute;
    right: -5px;
    bottom: 0
}

.input-icon-right-left > .input-icon-left img {
    vertical-align: top
}

.input-icon a:hover, .input-icon a:focus, .input-icon a:active {
    text-decoration: none
}

.input-icon.input-icon-right > span, .input-icon-right-left > span {
    left: auto;
    right: 0;
    border-right: 0
}

    .input-icon.input-icon-right > span a:hover, .input-icon.input-icon-right > span a:focus {
        text-decoration: none
    }

.input-icon.input-icon-outer > span {
    left: auto;
    right: -35px;
    border-right: 0
}

.statbox-container {
    font-size: 0;
    text-align: center;
    overflow: hidden
}

.statbox {
    border-style: solid;
    border-width: 1px 0 0 1px;
    display: inline-block;
    height: 60px;
    margin: -1px 1px 0 -1px;
    padding: 18px 0 18px 15px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 136px
}

.statbox-icon {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 15px
}

.statPercent {
    display: inline-block;
    font-weight: 700;
    vertical-align: top
}

    .statPercent .percent {
        font-size: 50px;
        font-weight: 700;
        line-height: 100%
    }

        .statPercent .percent i {
            vertical-align: bottom
        }

.statbox-data {
    display: inline-block;
    font-size: 12px;
    line-height: 21px;
    position: relative
}

.progressbar-sec {
    width: 300px;
    display: inline-block
}

.progressbar-agerange label {
    float: left;
    margin: 6px 10px 0;
    max-width: 30%
}

.progressbar-agerange .progress-outer {
    width: 75%
}

.progressbar-agerange .progress {
    height: auto;
    margin-bottom: 13px
}

.progressbar-agerange .progress-bar {
    height: auto;
    position: relative;
    text-align: center;
    padding: 5px;
    min-width: 80px;
    max-width: 82%;
    bottom: inherit;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .progressbar-agerange .progress-bar.aged {
        min-width: 80px
    }

    .progressbar-agerange .progress-bar > img {
        float: right;
        margin-top: 1px
    }

.progressbar-agerange .percent, .percent-infoBox {
    margin-left: 10px;
    float: left;
    display: inline-block;
    line-height: 23px;
    padding: 3px 8px;
    font-size: 12px;
    position: relative;
    min-width: 40px;
    text-align: center;
    vertical-align: middle
}

    .progressbar-agerange .percent:before, .percent-infoBox:before {
        border-style: solid;
        border-width: 5px 5px 5px 0;
        content: "";
        display: block;
        left: -5px;
        position: absolute;
        top: 34%;
        width: 0
    }

.compare-vs {
    position: relative
}

    .compare-vs:before {
        content: "";
        display: block;
        position: absolute;
        left: 49%;
        top: 0;
        bottom: 0;
        z-index: 1
    }

    .compare-vs:after {
        content: "vs";
        position: absolute;
        margin: -10px 0 0 -12px;
        left: 49%;
        top: 50%;
        width: 25px;
        height: 25px;
        border-radius: 100%;
        line-height: 18px;
        padding: 2px 0;
        text-align: center;
        z-index: 2
    }

.filter-andor {
    left: 50%;
    margin-left: -40px;
    position: absolute !important;
    top: -14px;
    width: 81px
}

.formsplit {
    left: 50%;
    margin-left: -40px;
    position: absolute !important;
    top: -14px;
    width: 81px
}

.list-channel {
    display: block;
    text-align: center
}

    .list-channel > li:before {
        content: "";
        position: absolute;
        right: 0;
        top: 10px;
        bottom: -2px;
        width: 6px;
        z-index: 2
    }

    .list-channel > li {
        width: 19.9%;
        margin-left: -4px;
        display: inline-table;
        position: relative
    }

        .list-channel > li:first-child {
            margin-left: 0
        }

        .list-channel > li > div:after {
            border-top: 30px solid transparent;
            border-bottom: 30px solid transparent;
            content: "";
            display: block;
            position: absolute;
            right: -26px;
            top: 34%;
            z-index: 3
        }

        .list-channel > li > div {
            height: 185px;
            padding: 45px 24px 15px;
            text-align: center
        }

            .list-channel > li > div > span {
                background-color: #fff;
                width: 60px;
                height: 60px;
                border-radius: 100%;
                left: -11px;
                top: -11px;
                position: absolute;
                z-index: 3
            }

                .list-channel > li > div > span i {
                    position: relative;
                    left: 0;
                    top: 31%
                }

            .list-channel > li > div h3 {
                font-size: 40px;
                margin-top: 0
            }

            .list-channel > li > div p {
                font-size: 12px;
                line-height: 17px
            }

        .list-channel > li.last > div:before, .list-channel > li.last > div:after {
            visibility: hidden
        }

    .list-channel#ulTopchannelList li {
        margin-left: 1px;
    }

    .list-channel#ulTopchannelList > li > div > span i {
        top: 24%;
    }

    .list-channel#ulTopchannelList > li > div > p {
        font-size: 12px;
    }

.spaced > li {
    margin-bottom: 9px;
    margin-top: 9px
}

.list-overview {
    position: relative
}

.list-overview-info {
    width: 213px;
    height: 351px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

    .list-overview-info:first-child {
        width: 215px
    }

    .list-overview-info > a {
        position: absolute;
        top: 6px;
        right: 5px;
        z-index: 5
    }

.list-overview-data {
    padding: 40px 20px 0;
    line-height: 24px
}

    .list-overview-data:first-child {
        border-left: none
    }

    .list-overview-data.expand {
        padding: 20px
    }

.list-overview-info.expand .list-overview-data {
    padding-top: 6px
}

    .list-overview-info.expand .list-overview-data > h3 p, .list-overview-info.expand .list-overview-data > h3 > span {
        display: inline-block
    }

.list-overview-data > h3 {
    height: 122px;
    line-height: 30px;
    cursor: pointer
}

.list-overview-info.expand h3 {
    height: auto;
    cursor: default
}

.list-overview-data > h3 > span {
    display: block;
    font-size: 14px
}

.list-overview-data > h3 > i {
    display: inline-block
}

.list-overview-info.expand .list-overview-data > h4 > i {
    display: none
}

.list-overview-data h4 {
    margin-top: 10px;
    line-height: 17px
}

.list-overview-data ul {
    display: block;
    margin: 0 -20px
}

    .list-overview-data ul li {
        margin-top: 1px;
        padding: 9px 15px 9px 20px
    }

        .list-overview-data ul li > i {
            border-radius: 100%;
            display: inline-block;
            width: 24px;
            height: 24px;
            font-size: 15px;
            line-height: 17px;
            margin-right: 5px;
            text-align: center;
            vertical-align: middle
        }

            .list-overview-data ul li > i:before {
                vertical-align: middle
            }

        .list-overview-data ul li.opacity > i {
            opacity: .4
        }

.list-overview-data p {
    margin: 10px 0 0;
    font-size: 20px;
    line-height: 15px
}

.list-overview-info.infoOrange {
    left: 215px
}

.list-overview-info.infoGreen {
    left: 430px
}

.list-overview-info.expand1 {
    width: 643px;
    left: 0 !important;
    cursor: default
}

.list-overview-info.zindex {
    z-index: 4
}

.list-overview-info.expand ul {
    width: 100%;
    display: block;
    margin: 0 0 1px;
    padding: 8px 10px;
    overflow: hidden
}

    .list-overview-info.expand ul li {
        width: 140px;
        float: left;
        padding: 5px 15px
    }

.toggle-reports {
    position: absolute;
    padding: 4px 6px;
    right: 15px;
    top: 0;
    z-index: 4
}

.list-chartview {
    height: 351px
}

    .list-chartview > div {
        padding: 40px 25px 20px
    }

    .list-chartview ul {
        display: block;
        clear: both
    }

        .list-chartview ul > li {
            display: block;
            clear: both
        }

            .list-chartview ul > li label {
                padding-top: 8px !important
            }

            .list-chartview ul > li .progress {
                height: auto;
                line-height: 20px;
                margin-bottom: 40px;
                padding: 0 !important;
                overflow: visible
            }

                .list-chartview ul > li .progress > div {
                    height: 32px;
                    left: 0;
                    top: 0;
                    position: relative
                }

.pre-campaign.list-chartview ul > li .progress > div {
    height: 32px;
    left: 0;
    top: 0;
    line-height: 32px;
    position: relative
}

.list-chartview ul > li .progress > div > span {
    float: right;
    font-size: 14px
}

.pre-campaign.list-chartview ul > li .progress > div > span {
    position: relative;
    float: left;
    color: #b8b8b8;
    text-indent: 130px;
    line-height: 34px;
}

.list-chartview ul > li .progress > div > p {
    margin: 0;
    height: 20px;
    padding-right: 5px;
    font-size: 12px;
    text-align: right;
    position: absolute;
    bottom: -21px;
    right: 0
}

.list-chartview ul > li .progress > div.align-right > p > span {
    margin-left: 12px;
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap
}

.list-activity > ul {
    display: block
}

    .list-activity > ul > li {
        display: block
    }

        .list-activity > ul > li:first-child {
            border-top: 0
        }

        .list-activity > ul > li table > td {
            padding: 5px 10px
        }

            .list-activity > ul > li table > td:first-child {
                border-left: none
            }

.list-activity-box > li {
    width: 50%;
    float: left
}

    .list-activity-box > li:first-child {
        border-left: none
    }

.infobox-content {
    padding: 13px 15px
}

    .infobox-content > p {
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        font-size: 13px;
        font-weight: 300
    }

.infobox-data-number {
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 35px;
    font-weight: 300;
    line-height: 35px
}

    .infobox-data-number > sub {
        font-size: 70%
    }

.infobox-panel, .panel-style1 {
    overflow: hidden;
    clear: both
}

    .infobox-panel > li {
        width: 50%;
        float: left;
        padding: 5px 10px
    }

        .infobox-panel > li:first-child {
            border-left: none
        }

        .infobox-panel > li > p {
            display: inline-block;
            margin: 0;
            max-width: 82px;
            font-size: 11px;
            font-weight: 300;
            line-height: 13px
        }

        .infobox-panel > li > span, .panel-style1 > span {
            float: right;
            font-size: 16px;
            font-weight: 300
        }

.panel-style1 {
    font-size: 11px;
    font-weight: 300;
    line-height: 13px;
    padding: 10px
}

.panel-list > li {
    display: block;
    overflow: hidden
}

    .panel-list > li .state-wide {
        width: 100%
    }

.panel-right {
    overflow: hidden
}

.wide-style1 {
    margin: 0;
    overflow: hidden
}

    .wide-style1 .state-info {
        padding-left: 0
    }

    .wide-style1 > li:first-child {
        border-left: none
    }

    .wide-style1 > li .state-num {
        width: 85px
    }

    .wide-style1 > li .state-info {
        width: 72.3%
    }

.box-wide > li .state-num {
    width: auto;
    max-width: 17.5%;
    padding: 0 8px
}

.box-wide > li .state-info {
    width: 100%
}

.box-wide > li .state-wide {
    width: 99.6%;
    margin-left: 2px
}

.list-wide > li, .box-wide > li {
    width: 100%
}

    .list-wide > li .state-info {
        height: 100px;
        padding: 0 10px 0 0
    }

        .list-wide > li .state-info p {
            font-size: 13px
        }

    .list-wide > li .state-num {
        height: 100px
    }

        .list-wide > li .state-num > h2 {
            font-size: 42px;
            font-weight: 400
        }

.state-num, .state-info {
    height: 45px;
    display: inline-table;
    float: left
}

    .state-num > h2, .state-info > p, .state-info > div {
        display: table-cell;
        vertical-align: middle
    }

    .state-num > h2 {
        font-size: 26px;
        white-space: nowrap
    }

        .state-num > h2 sup {
            font-size: 11px
        }

        .state-num > h2 sub {
            font-size: 18px
        }

        .state-num > h2 small {
            font-size: 14px
        }

.large-num > .state-num {
    height: 104px
}

.state-num {
    max-width: 16%;
    padding-left: 15px;
    text-align: center
}

.state-info {
    width: 80%;
    padding: 0 10px 0 5px;
}

    .state-info h6 {
        margin-bottom: 5px
    }

    .state-info p {
        margin-bottom: 0;
        font-size: 15px;
        font-weight: 300;
        line-height: 17px
    }

.trend-statbox {
    width: 100%;
    display: block;
    font-size: 16px
}

    .trend-statbox > li {
        width: 40%;
        float: left;
        padding: 20px
    }

        .trend-statbox > li > i {
            display: inline-block;
            margin-right: 8px;
            vertical-align: middle
        }

        .trend-statbox > li > h3 {
            margin-top: 10px;
            font-size: 26px;
            font-weight: 300
        }

        .trend-statbox > li.trend-percent {
            width: 20%;
            padding: 14px 10px
        }

            .trend-statbox > li.trend-percent > h4 {
                margin: 0;
                font-size: 40px;
                font-weight: 500
            }

                .trend-statbox > li.trend-percent > h4 > small {
                    font-size: 14px
                }

.state-num-large, .state-info-large {
    height: 45px;
    display: inline-table;
    float: left
}

    .state-num-large > h2, .state-info-large > p, .state-info-large > div {
        display: table-cell;
        vertical-align: middle
    }

    .state-num-large > h2 {
        font-size: 26px
    }

        .state-num-large > h2 sup {
            font-size: 11px
        }

        .state-num-large > h2 sub {
            font-size: 18px
        }

        .state-num-large > h2 small {
            font-size: 14px
        }

.large-num-large > .state-num {
    height: 104px
}

.state-num-large {
    width: 13%;
    margin-left: 2px;
    text-align: center
}

.state-info-large {
    width: 84%;
    padding: 0 10px
}

    .state-info-large h6 {
        margin-bottom: 5px
    }

    .state-info-large p {
        font-size: 12px;
        font-weight: 300;
        line-height: 17px
    }

.trend-statbox > i {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.trend-statbox > span {
    font-size: 18px
}

.trend-statbox > h3 {
    margin-top: 10px;
    font-size: 26px;
    font-weight: 300
}

.detail-statbox > div {
    height: 105px;
    position: relative;
    font-size: 18px;
    line-height: 30px
}

    .detail-statbox > div > h3 {
        float: right;
        margin: 0;
        font-size: 40px;
        font-weight: 400;
        line-height: 36px
    }

    .detail-statbox > div > i {
        display: inline-block;
        margin-right: 10px;
        vertical-align: top
    }

    .detail-statbox > div ul {
        width: 100%;
        margin: 20px 0 5px;
        position: absolute;
        bottom: 0
    }

.detail-statbox ul li {
    display: flex;
    align-items: flex-end;
}

.detail-statbox > div ul > li:before {
    height: 15px;
    content: "";
    position: absolute;
    left: 0;
    top: 3px
}

.detail-statbox > div ul > li:first-child:before, .detail-statbox > div ul > li.transparent:before {
    visibility: hidden
}

.detail-statbox > div ul > li.transparent {
    padding-left: 0
}

.detail-statbox > div ul > li {
    float: left;
    padding: 0 7px;
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 20px;
    position: relative
}

    .detail-statbox > div ul > li span {
        margin-left: 5px;
        font-size: 19px;
        font-weight: 500;
        position: relative;
        top: 0px;
        display: flex;
        align-items: center;
    }

        .detail-statbox > div ul > li span.hide {
            display: none;
        }

        .detail-statbox > div ul > li span sub {
            font-size: 19px;
        }

    .detail-statbox > div ul > li:first-child {
        padding-left: 0;
        border-left: none
    }

    .detail-statbox > div ul > li > a > .icon-info-small {
        position: relative;
        top: 3px;
    }

.detail-statbox > p {
    display: block;
    padding: 8px 10px;
    margin: 0 -9px -9px;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.detail-statbox > p > span {
    float: right;
    font-size: 18px;
    display: flex;
    align-items: baseline;
}
.detail-statbox > p > span i {
    position: relative;
    top: 2px !important;
}
.detail-statbox > p > span.hide {
    display: none;
}

.key-list > h5 {
    margin: 0;
    padding: 10px 15px 10px 15px;
    line-height: 16px
}

.key-list > ul > li {
    padding: 10px 0 !important;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    min-height: 66px
}

    .key-list > ul > li > span {
        display: block;
        position: relative;
        font-size: 14px;
    }

    .key-list > ul > li > h3 {
        font-weight: 400;
        font-size: 22px;
        display: block;
        margin: 0 0 5px
    }

.ORM-keylist-align .key-list > ul > li > h3 {
    font-size: 20px
}

.key-list > ul.ORM-keylist-bottomalign {
    position: absolute;
    width: 100%;
    bottom: 0
}

.key-list-post {
    margin-bottom: 13px;
    height: 104px
}

    .key-list-post h4 {
        margin: 0;
        padding: 15px;
        line-height: 20px;
        text-align: left
    }

    .key-list-post h3 {
        font-size: 24px;
        font-weight: 400;
        line-height: 38px;
        margin: 0
    }

    .key-list-post p {
        display: block;
        font-size: 13px;
        font-weight: 300;
        line-height: 16px;
        margin: 0
    }

.list-post {
    margin-top: 15px
}

    .list-post > li {
        float: left;
        padding: 0 15px;
        font-size: 13px;
        font-weight: 300;
    }

        .list-post > li:first-child {
            border-left: none
        }

        .list-post > li > span {
            margin-left: 4px;
            font-size: 24px;
            font-weight: 400
        }

        .list-post > li > h4 {
            margin: 10px 0 5px
        }

        .list-post > li > p {
            font-size: 12px;
            line-height: 18px
        }

        .list-post > li > span {
            display: inline-block;
        }

.fblist-post {
    margin: 20px 0 0 0
}

    .fblist-post > li {
        float: left;
        padding: 0 8px;
        font-size: 12px;
        font-weight: 300;
        line-height: 58px
    }

        .fblist-post > li:first-child {
            border-left: none
        }

        .fblist-post > li > span {
            margin-left: 4px;
            font-size: 26px;
            font-weight: 400
        }

.followers {
    margin-top: 20px
}

    .followers h2 {
        font-size: 32px;
        font-weight: 400;
        margin: 0
    }

    .followers small {
        font-weight: 300
    }

.follow-int {
    width: 80%;
    display: table;
    margin: 0 auto
}

    .follow-int li {
        display: block;
        padding: 10px;
        margin: 16px 0
    }

        .follow-int li > small {
            display: table-cell;
            font-size: 12px;
            font-weight: 300
        }

        .follow-int li > i, .follow-int li > h2 {
            float: left
        }

        .follow-int li > h2 {
            margin: 0 10px;
            font-size: 32px;
            font-weight: 400;
            line-height: 28px
        }

.engage-list {
    display: table;
    margin: 0 auto
}

    .engage-list > li {
        display: block;
        padding-top: 3px;
        font-size: 13px;
        text-align: left
    }

        .engage-list > li:first-child {
            padding-top: 0
        }

        .engage-list > li i {
            vertical-align: middle !important;
            margin-right: 3px
        }

.keyword-list {
    display: block;
    font-size: 13px;
    text-align: left
}

    .keyword-list > div {
        height: 36px;
        display: table-cell;
        vertical-align: middle
    }

        .keyword-list > div > small {
            display: block;
            font-size: 12px
        }

    .keyword-list > p {
        margin: 5px -10px -10px;
        padding: 5px 10px;
        overflow: hidden;
        font-size: 12px
    }

        .keyword-list > p span {
            float: right
        }

.rating-progress {
    display: table;
    margin: 0 auto;
    position: relative
}

    .rating-progress > span {
        width: 100%;
        position: absolute;
        top: 30%;
        left: 0;
        padding: 0 8px;
        text-align: center
    }

.grid-progress-sm {
    display: table;
    margin: 0 auto;
    font-size: 13px
}

    .grid-progress-sm > span {
        float: right
    }

        .grid-progress-sm > span:first-child {
            float: left
        }

    .grid-progress-sm > div {
        min-width: 75px;
        height: 15px;
        position: relative;
        overflow: hidden
    }

        .grid-progress-sm > div span {
            min-width: 5px;
            max-width: 100%;
            height: 15px;
            position: absolute;
            left: 0;
            top: 0
        }

.list-inflencers > ul {
    display: block;
    overflow: hidden
}

    .list-inflencers > ul > li {
        width: 25%;
        float: left;
        padding: 5px;
        text-align: center;
        font-size: 12px
    }

        .list-inflencers > ul > li:first-child {
            border-left: none
        }

        .list-inflencers > ul > li h3 {
            margin: 0
        }

.list-inflencers > i {
    position: absolute;
    right: 5px;
    top: 10px
}

.list-inflencers > .box-sm {
    display: inline-table;
    overflow: hidden
}

    .list-inflencers > .box-sm > span {
        width: 68px;
        height: 68px;
        margin: 0 10px 0 5px;
        float: left;
        display: inline-block;
        border-radius: 100%;
        overflow: hidden
    }

        .list-inflencers > .box-sm > span img {
            width: 68px
        }

    .list-inflencers > .box-sm > div {
        display: table-cell;
        vertical-align: middle
    }

        .list-inflencers > .box-sm > div h4 {
            margin-bottom: 4px;
            font-weight: 200;
            line-height: 21px
        }

        .list-inflencers > .box-sm > div p {
            font-size: 13px
        }

.list-inflencers > .bdrStyle1 {
    border-left: none !important
}

    .list-inflencers > .bdrStyle1:before, .infogrid:before {
        content: "";
        position: absolute;
        left: 0;
        top: 20%;
        bottom: 20%
    }

.key-inflencers > div {
    height: 84px;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 10px
}

    .key-inflencers > div > i {
        float: left;
        margin: 0 20px 0 10px
    }

    .key-inflencers > div > .text-left {
        display: block;
        vertical-align: middle
    }

        .key-inflencers > div > .text-left h4 {
            margin-bottom: 4px;
            font-weight: 200
        }

        .key-inflencers > div > .text-left p {
            font-size: 13px
        }

.key-inflencers > .bdrStyle1 {
    border-left: none !important
}

    .key-inflencers > .bdrStyle1:before {
        content: "";
        position: absolute;
        left: 0;
        top: 20%;
        bottom: 20%
    }

.list-mentions {
    margin: 0 40px
}

    .list-mentions > li {
        padding: 15px 0;
        text-align: left
    }

        .list-mentions > li:first-child {
            border-top: 0
        }

        .list-mentions > li > h4 {
            margin: 0;
            font-weight: 400 !important
        }

        .list-mentions > li > span {
            float: right;
            font-weight: 500
        }

.chart-title-outer {
    padding: 7px 0;
    position: relative;
    width: 100%;
}

.chart-title {
    width: 83%;
    margin-bottom: 25px;
    padding: 0;
    position: relative;
    line-height: 0;
    text-align: center;
    z-index: 1
}

    .chart-title > h5 {
        display: inline-block;
        font-size: 14px;
        margin: 0;
        padding: 3px 10px;
        position: relative;
        z-index: 10
    }

    .chart-title .divider {
        width: 100%;
        display: inline-block;
        position: relative;
        overflow: hidden;
        height: 1px;
        top: -16px
    }

.chart-title-outer .chart-title {
    margin: 0 auto
}

.chart-title:before {
    bottom: 50%;
    content: "";
    left: 20px;
    margin-bottom: 0;
    position: absolute;
    right: 20px;
    top: 5px
}

.chart-title:after {
    bottom: 6px;
    content: "";
    left: 20px;
    margin-top: -1px;
    position: absolute;
    right: 20px;
    top: 50%
}

.list-infobox {
    position: relative
}

    .list-infobox > ul {
        margin: 0 0 -1px -1px;
        overflow: hidden
    }

        .list-infobox > ul > li {
            height: 175px;
            padding: 15px 10px 0
        }

            .list-infobox > ul > li > h5 {
                font-weight: 400;
                line-height: 18px;
                text-align: left
            }

            .list-infobox > ul > li > h6 {
                font-size: 26px;
                font-weight: 400;
                line-height: 24px;
                text-align: left;
                margin-bottom: 0
            }

            .list-infobox > ul > li > h6, .list-infobox > ul > li > small {
                margin-top: 10px
            }

            .list-infobox > ul > li .small {
                font-size: 85%
            }

.more-detail {
    float: right;
    height: 22px;
    margin-top: -1px;
    padding: 3px 10px;
    position: relative;
    transition: none;
    z-index: 2
}

.more-profile {
    float: right;
    height: 22px;
    margin-top: -1px;
    padding: 3px 10px;
    transition: none;
    z-index: 2
}

.more-detail.on {
    border-bottom-width: 0
}

.list-overview-detail {
    margin-top: -20px
}

    .list-overview-detail .list-detailbox, .list-overview-detail .summaryInfo {
        min-height: 255px;
        max-height: 100%
    }

    .list-overview-detail .summaryInfo {
        min-height: 233px
    }

.list-detailbox {
    padding: 0
}

.list-detailbox-header {
    padding: 15px 15px 10px
}

    .list-detailbox-header > h5 {
        display: inline-block;
        margin: 0
    }

.list-detailbox-body {
    padding: 10px
}

    .list-detailbox-body > h4 {
        font-size: 26px;
        font-weight: 400;
        line-height: 22px
    }

.male-female {
    width: 68px;
    height: 96px;
    margin: 0 auto;
    position: relative
}

    .male-female > li {
        border-radius: 14px 14px 14px 0;
        bottom: 0;
        height: 75%;
        left: auto;
        line-height: 26px;
        padding: 7px 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: auto;
        width: 50%
    }

        .male-female > li:first-child {
            right: auto;
            left: 0;
            border-left: none;
            border-radius: 14px 14px 0
        }

        .male-female > li > span {
            position: absolute;
            left: 0;
            bottom: 6px
        }

.user-profile .user-thumb {
    border-radius: 100%
}

.user-thumb-small, .user-profile .user-thumb {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    display: inline-block;
    overflow: hidden
}

.grid3, .grid4 {
    display: block;
    float: left;
    margin: 0
}

    .grid3:first-child, .grid4:first-child {
        border-left: medium none
    }

.perform-slide p, .roi-info p, .recommendation p {
    line-height: 20px;
    margin: 0
}

.perform-slide h3 {
    font-size: 37px;
    line-height: 30px;
    text-transform: uppercase
}

.perform-slide h5 {
    margin-bottom: 5px;
    font-size: 40px;
    letter-spacing: -2px;
    text-indent: -2px;
    line-height: 100%
}

    .perform-slide h5 i {
        display: inline-block;
        vertical-align: middle
    }

.perform-slide .flex-control-nav {
    height: 10px;
    left: auto;
    margin: 10px 0 -5px 105px;
    position: relative;
    right: 0;
    width: 35px
}

.perform-slide .flex-control-paging li a {
    width: 8px;
    height: 8px
}

.perform-slide .flex-control-nav li {
    margin: 0 4px
}

.roi-info h5 {
    font-size: 40px;
    letter-spacing: -2px;
    text-indent: -2px;
    line-height: 100%
}

.roi-info > h4 {
    font-size: 16px;
    line-height: 22px
}

    .roi-info > h4 i {
        display: table-cell;
        margin: 27px 0 0 15px
    }

.roi-info > ul {
    float: left;
    display: block;
    margin-top: 6px
}

    .roi-info > ul > li {
        display: inline-block;
        margin-left: 15px
    }

.benchmark h3 i {
    display: table-cell;
    margin: 0
}

.benchmark .benchmarkName {
    margin: 0 !important
}

.benchmark .perform-slide {
    min-height: 155px
}

.recommendation h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 18px
}

.recommend-list, .recommend-list.no-data-holder {
    width: 100% !important;
    height: 235px !important
}

    .recommend-list.scroll-pane {
        padding: 0 !important
    }

    .recommend-list .jspContainer {
        width: 100% !important
    }

    .recommend-list .jspPane > li {
        font-size: 15px;
        line-height: 18px;
        width: 100%;
        display: block;
        position: relative
    }

        .recommend-list .jspPane > li:first-child {
            border-top: 0
        }

    .recommend-list .infobox-icon-mini {
        border: 0;
        border-radius: 0
    }

    .recommend-list .btn-sm {
        margin-top: 25px
    }

.chart-campaign {
    padding: 8px 15px;
    margin: 10px 0 0;
    z-index: 0
}

.camp_analysis .nav-chart {
    position: absolute;
    top: 40px
}

    .camp_analysis .nav-chart .tooltip.top {
        min-width: inherit;
    }

.date-range-picker.calender-align-report {
    top: -3px !important;
    padding: 0 !important;
}

    .date-range-picker.calender-align-report .icon-calendar-mini:before {
        top: -2px;
        position: relative;
    }

#downPartSummary #segmentContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    top: -20px;
}

.demographic-small {
    font-size: 13px !important;
    line-height: 16px !important;
    display: flex;
    margin-top: 2px !important;
}

.summary-portlet-min {
    height: 330px;
}

    .summary-portlet-min #segmentContainer {
        height: 290px !important;
    }

.left0 {
    left: 0 !important;
}

.nav-chart {
    position: absolute;
    left: 17px;
    top: -14px
}

    .nav-chart > li {
        display: inline-block;
        margin-left: 8px
    }

        .nav-chart > li:first-child {
            margin-left: 0
        }

        .nav-chart > li > a {
            float: left;
            padding: 3px 7px;
            position: relative
        }

            .nav-chart > li > a:hover, .nav-chart > li > a:focus, .nav-chart > li > a:active {
                text-decoration: none
            }

        .nav-chart > li.active a:before {
            visibility: hidden
        }

        .nav-chart > li > a:before {
            content: "";
            height: 14px;
            position: absolute;
            bottom: -2px;
            left: -2px;
            right: -2px
        }

        .nav-chart > li.active > a:after {
            content: "";
            height: 14px;
            position: absolute;
            top: -2px;
            left: -2px;
            right: -2px
        }

.chart-event {
    width: 314px !important;
    margin: -3px 0
}

    .chart-event .panel-default {
        border: 0
    }

    .chart-event li {
        padding: 7px 10px !important
    }

        .chart-event li:first-child {
            border-top: 0
        }

.event-footer {
    font-size: 11px
}

    .event-footer i {
        margin-top: -3px !important
    }

.activity-chart {
    width: 400px;
    height: 400px;
    margin: 0 auto;
    position: relative
}

    .activity-chart > div {
        display: none;
        position: absolute;
        bottom: 0;
        border-radius: 100%;
        text-align: center;
        min-width: 34%;
        min-height: 34%;
        max-width: 100%;
        max-height: 100%;
        z-index: 10;
        transition: all .3s ease .1s
    }

        .activity-chart > div .desc {
            margin: 10px 0 0;
            width: 210px;
            font-size: 15px;
            line-height: 18px;
            text-align: left;
            top: 50px;
            position: relative;
            font-family: 'mukta-medium';
        }

.desc:before {
    width: 8px;
    height: 8px;
    border-radius: 8px 8px 8px 8px;
    content: "";
    font-size: 50px;
    left: 50%;
    margin-left: -4px;
    position: absolute;
    top: -10px;
    cursor: pointer
}

.desc:after {
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    right: auto;
    top: -25px;
    width: 150%;
    z-index: -1
}

.desc.right:after {
    left: auto;
    right: 50%
}

.activity-chart h3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    position: absolute;
    padding-top: 20px;
    border-radius: 100%
}

    .activity-chart h3 span {
        font-size: 26px;
        vertical-align: bottom;
        position: relative
    }

.activity-user {
    bottom: 0;
    box-shadow: none !important;
    position: absolute
}

    .activity-user > img {
        width: 60%;
        margin-top: 30px
    }

.user-value {
    font-size: 15px
}

    .user-value > span {
        font-size: 20px;
        font-weight: 700
    }

.user-detail {
    width: 100%;
    display: block
}

    .user-detail > li {
        display: block;
        padding: 10px 15px
    }

        .user-detail > li > i {
            display: inline-table
        }

        .user-detail > li > span {
            display: inline-table;
            padding-left: 10px;
            vertical-align: top
        }

.campaign-channel > li {
    width: 50%;
    float: left;
    padding: 8px 5px;
    min-height: 72px;
    text-align: center
}

    .campaign-channel > li.head {
        min-height: inherit;
        font-size: 15px;
        border-bottom: 0
    }

    .campaign-channel > li h2 {
        margin: 0;
        font-size: 30px;
        font-weight: 500;
        line-height: 35px
    }

    .campaign-channel > li i {
        display: block;
        margin-bottom: 10px
    }

.dropdown-channel .dropdown-menu {
    width: 160px !important;
    overflow: hidden;
    margin-left: -5px;
    padding: 0 5px
}

    .dropdown-channel .dropdown-menu li:first-child {
        border-top: 0
    }

.dropdown-channel .scroll-pane {
    height: 210px !important
}

.dropdown-accordion {
    z-index: 10
}

    .dropdown-accordion .dropdown-menu {
        overflow: inherit !important;
        max-height: none !important
    }

        .dropdown-accordion .dropdown-menu:before, .dropdown-accordion .dropdown-menu:after {
            visibility: hidden !important
        }

.group-icons {
    display: block;
    margin-top: 4px
}

    .group-icons a img, .group-icons img {
        margin-left: 5px
    }

    .group-icons a:first-child img {
        margin-left: 0
    }

.list-viral {
    margin: 15px 0 10px;
    display: block;
    text-align: center
}

    .list-viral > li {
        width: 49%;
        display: inline-block;
        vertical-align: top
    }

        .list-viral > li > div {
            width: 86px;
            height: 86px;
            margin-left: 5px;
            padding: 5px;
            display: inline-block;
            border-radius: 100%;
            border: 5px solid transparent
        }

        .list-viral > li:first-child > div {
            margin-left: 0
        }

        .list-viral > li > div span {
            display: block;
            font-size: 11px;
            line-height: 20px
        }

        .list-viral > li > div h3 {
            margin: 3px 0 0;
            font-size: 21px;
            font-weight: 400;
            line-height: 24px;
            min-height: 12px
        }

.list-unstyled, .list-inline {
    margin-left: 0;
    line-height: 20px
}

.drop-dwn {
    margin: -33px 15px;
    position: relative;
    z-index: 999;
    color: #fff
}

.spaced > li {
    margin-top: 8px;
    margin-bottom: 8px
}

    .spaced > li > i {
        float: left;
        margin-right: 4px;
        line-height: 21px
    }

    .spaced > li > div {
        display: table-cell
    }

.form-icon-right {
    position: absolute;
    padding: 17px 10px 0;
    top: 0;
    bottom: 0;
    right: 0;
    line-height: 30px
}

.analytics-view {
    padding-left: 0;
    padding-right: 0
}

.qr-reload {
    position: absolute;
    right: 6px;
    top: 4px;
    z-index: 1
}

.em-qr-reload {
    position: absolute;
    right: 25px;
    top: 10px;
    z-index: 1
}

.qr-preview-overlay {
    display: block;
    overflow: hidden;
    margin: 10px 0 5px;
    text-align: center;
    border: none !important
}

    .qr-preview-overlay figure {
        display: inline-block
    }

.refresh-qrcontent {
    top: 0;
    right: 1px
}

.qr-colorpick {
    font-size: 13px;
    line-height: 18px;
    margin: 5px 0
}

    .qr-colorpick li {
        padding: 0 !important;
        vertical-align: text-top
    }

.ui-widget-content {
    height: 6px;
    margin: 0 0 10px;
    position: relative
}

.propensity-slider.ui-widget-content {
    border: 0;
    height: 390px
}

.qrslider.ui-widget-content, .ormSlider.ui-widget-content {
    margin: 5px 10px 5px 0;
    height: 10px;
    width: 170px
}

.ormSlider.ui-widget-content {
    width: 100%
}

    .qrslider.ui-widget-content .ui-state-default, .ormSlider.ui-widget-content .ui-state-default {
        border-radius: 100%;
        height: 20px;
        top: -7px;
        width: 20px
    }

#divurlQrCodeDownload_new {
    float: right;
    position: relative;
    margin-right: 30px
}

.ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 1.2em;
    z-index: 10
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: normal
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.6em;
    top: -0.4em
}

.ui-slider .ui-slider-handle:before {
    bottom: 0;
    content: "";
    display: inline-block;
    font-size: 8px;
    left: 0;
    font-family: Arial,sans-serif;
    line-height: 14px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.propensity-slider .ui-slider-handle {
    bottom: 0;
    height: 325px;
    top: 30px;
    width: 2px
}

.propensity-slider.ui-slider .ui-slider-handle:after {
    bottom: 7px;
    content: "|||";
    font: 300 12px Arial;
    height: 29px;
    left: -8px;
    padding-top: 5px;
    position: absolute;
    text-align: center;
    width: 15px
}

.slider-left-mask {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%
}

.slider-right-mask {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30%
}

.ui-slider > a {
    transition: none !important
}

.campaignTab .space-top.spt-labelWeb, .campaignTab .space-top.spt-labelpush {
    margin-top: 10px !important
}

.choose-or {
    width: 25px;
    margin: 0 10px;
    min-height: 70px;
    position: relative;
    text-align: center;
    z-index: 1
}

    .choose-or:before {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        height: 100%;
        left: 50%;
        z-index: -1
    }

    .choose-or *:first-child {
        width: 23px;
        height: 23px;
        margin-top: -12px;
        position: absolute;
        border-radius: 100%;
        top: 50%;
        left: 1px;
        padding: 3px 0;
        font-size: 13px;
        line-height: 14px;
    }

.choose-or-small {
    min-height: 38px
}

    .choose-or-small *:first-child {
        width: 23px;
        height: 23px;
        margin-top: -12px;
        position: absolute;
        border-radius: 100%;
        top: 50%;
        left: 1px;
        padding: 3px 0;
        font-size: 13px;
        line-height: 14px;
    }
/*.choose-or-small *:first-child{font-size:13px;height:18px;left:3px;line-height:14px;margin-top:-9px;padding:0;width:18px}*/
.text-message {
    margin: 8% 0
}

.select-type {
    margin: 0 !important
}

    .select-type > li {
        display: inline-block;
        position: relative;
        padding: 0;
        text-align: center;
        vertical-align: middle
    }

        .select-type > li:first-child {
            padding-left: 0
        }

        .select-type > li p {
            margin: 0;
            padding-top: 10px
        }

        .select-type > li a {
            display: block;
            position: relative;
            padding: 20px 30px;
            color: inherit;
            border: 1px solid transparent
        }

            .select-type > li a:hover, .select-type > li a:focus {
                color: inherit;
                text-decoration: none
            }

            .select-type > li a.active:after {
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                bottom: -11px;
                content: "";
                left: 50%;
                margin-left: -8px;
                position: absolute
            }

        .select-type > li.email-selecttype {
            min-width: 90px
        }

.browse-hidden {
    width: 100%;
    cursor: pointer;
    height: auto !important;
    font-size: 35px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

.pricing-plans .w-box {
    margin-top: 15px;
    border-radius: 5px
}

.pricing-plans .w-box-left {
    border-radius: 5px 0 0 5px;
    margin-right: -1px
}

.pricing-plans .w-box-right {
    border-radius: 0 5px 5px 0;
    margin-left: -1px
}

.pricing-table .w-box.popular, .pricing-plans .w-box.popular {
    margin-top: -23px;
    position: relative;
    z-index: 10
}

.pricing-plans .plan-header {
    padding-bottom: 20px;
    position: relative
}

    .pricing-plans .plan-header:after {
        bottom: 0;
        content: "";
        left: 50%;
        margin-left: -65px;
        position: absolute;
        width: 130px
    }

    .pricing-plans .plan-header small {
        text-align: center
    }

    .pricing-plans .plan-header .popular-tag {
        border-radius: 0 0 8px 8px;
        display: inline-block;
        font-weight: 400;
        font-size: 18px;
        line-height: 1;
        padding: 10px 30px;
        text-align: center
    }

.pricing-plans .plan-title {
    padding: 40px 15px 0;
    font-weight: 300;
    text-align: center
}

.pricing-plans .price-tag {
    font-size: 35px;
    font-weight: 500;
    line-height: 100%;
    text-align: center
}

    .pricing-plans .price-tag span {
        font-size: 28px
    }

.pricing-plans ul {
    margin-top: 15px
}

    .pricing-plans ul li {
        font-size: 12px;
        margin: 0 25px;
        padding: 10px;
        padding-left: 0
    }

        .pricing-plans ul li:first-child {
            border-top: 0
        }

        .pricing-plans ul li i {
            float: left;
            margin: 0 7px 8px
        }

.pricing-plans .plan-select {
    padding: 15px 0
}

.add-info {
    position: relative
}

    .add-info .arrow {
        position: absolute;
        right: 30px;
        top: 4px
    }

.list-table {
    display: inline-block;
    text-align: center;
    position: relative
}

    .list-table > li:first-child {
        padding-left: 0
    }

    .list-table > li {
        width: auto;
        display: inline-table;
        padding-left: 5px;
        vertical-align: middle
    }

.setupType .col-lg-6:first-child .form-group {
    opacity: 1
}

.campaign-type {
    display: block;
    position: relative;
    margin: 0 !important
}

    .campaign-type > li {
        display: table-cell;
        margin-left: 10px;
        text-align: center;
        line-height: 19px;
        vertical-align: middle
    }

        .campaign-type > li:first-child {
            margin-left: 0
        }

        .campaign-type > li > a {
            float: left;
            padding: 20px 10px;
            color: inherit
        }

        .campaign-type > li.click-off a {
            cursor: default
        }

        .campaign-type > li.active a {
            position: relative;
            cursor: default
        }

        .campaign-type > li a:hover, .campaign-type > li a:focus {
            text-decoration: none
        }

        .campaign-type > li.active a:after {
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            bottom: -8px;
            content: "";
            left: 50%;
            margin-left: -7px;
            position: absolute;
            z-index: 10
        }

.click-off {
    cursor: default !important;
    opacity: .4;
    pointer-events: none
}

.icon-dropdown {
    padding: 0 4px
}

.thumb-templates {
    margin-bottom: 15px;
    position: relative
}

    .thumb-templates p {
        min-height: 70px
    }

.dropdown-menu-icons.dropdown-menu {
    width: 200px;
    padding: 5px
}

    .dropdown-menu-icons.dropdown-menu > li {
        float: left;
        font-size: 17px
    }

        .dropdown-menu-icons.dropdown-menu > li > a {
            padding: 2px 6px !important
        }

.textarea-save {
    position: relative;
    overflow: visible
}

    .textarea-save .save-icon {
        position: absolute;
        right: -18px;
        bottom: -2px
    }

    .textarea-save .save-icontwowaysms {
        position: absolute;
        right: -18px;
        bottom: -2px
    }

    .textarea-save .save-icontwowaysmsA {
        position: absolute;
        right: -18px;
        bottom: -2px
    }

    .textarea-save .save-icontwowaysmsB {
        position: absolute;
        right: -18px;
        bottom: -2px
    }

    .textarea-save .save-icontwowaysmsC {
        position: absolute;
        right: -18px;
        bottom: -2px
    }

    .textarea-save .save-icontwowaysmsD {
        position: absolute;
        right: -18px;
        bottom: -2px
    }

    .textarea-save textarea {
        height: 171px !important;
    }

.target-detail:before {
    border-style: solid;
    border-width: 0 8px 8px;
    content: "";
    display: block;
    left: 6px;
    position: absolute;
    top: -9px
}

.target-detail:after {
    border-style: solid;
    border-width: 0 7px 7px;
    content: "";
    display: block;
    left: 7px;
    position: absolute;
    top: -7px
}

.target-detail {
    width: 330px;
    margin-top: 5px;
    padding: 15px 15px 15px 10px;
    position: absolute;
    left: 10px;
    z-index: 101
}

    .target-detail .form-group {
        padding: 10px 0 !important
    }

.detail-close {
    position: absolute;
    top: 6px;
    right: 7px
}

.detail-view {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 15px !important;
    text-align: left;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

    .detail-view h6 {
        padding-bottom: 5px
    }

    .detail-view ul {
        display: block
    }

        .detail-view ul > li {
            padding-bottom: 6px;
            font-size: 11px
        }

            .detail-view ul > li > label {
                width: 45%
            }

.iview {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
}

.master-recip-data {
    background: 0;
    text-align: left;
    border-radius: 0
}

    .master-recip-data .widget-header {
        border: 0;
        margin: 0 !important;
        padding: 0 !important
    }

        .master-recip-data .widget-header h4 {
            font-size: 20px !important;
            padding: 0 0 10px 0 !important;
            display: inline-block
        }

    .master-recip-data .widget-body {
        border: 0;
        padding: 15px 0
    }

.source-list li {
    padding: 8px 0
}

    .source-list li:last-child {
        border: 0
    }

.recipient-view {
    position: absolute;
    bottom: 2px;
    right: 4px
}

.master-recip {
    min-height: 156px;
    cursor: pointer
}

    .master-recip .master-recip-data {
        width: 475px;
        height: 370px;
        clip: rect(0,0,0,0);
        top: 0;
        left: 0;
        position: absolute;
        z-index: 10;
        transition: all .3s;
        -ms-transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s
    }

    .master-recip > span > i {
        padding: 0 10px 0 7px;
        display: inline-block;
        vertical-align: middle
    }

.expandable .bottLeft .master-recip-data {
    bottom: 0;
    top: auto !important;
    clip: rect(325px,0px,434px,0px)
}

.expandable .bottRight .master-recip-data {
    bottom: 0;
    left: auto;
    right: 0 !important;
    top: auto !important;
    clip: rect(348px,484px,354px,479px)
}

.expandable .topRight .master-recip-data {
    right: 0 !important;
    left: auto;
    clip: rect(0px,490px,0px,475px)
}

.master-recip .serOn {
    cursor: default;
    transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    clip: rect(0px,643px,370px,0px)
}

.master-recip .serOnLast {
    transition: all .5s;
    -ms-transition: all .5s;
    clip: rect(0px,0,324px,432px)
}

.expandable .bottLeft .serOn {
    clip: rect(0px,643px,370px,0px)
}

.expandable .bottRight .serOn {
    clip: rect(0px,643px,370px,0px)
}

.expandable .topRight .serOn {
    clip: rect(0px,643px,370px,0px)
}

.list-segment .widget-list {
    height: 218px !important;
    position: relative
}

.list-segment .scroll-pane {
    height: 350px;
    overflow: auto;
    padding-right: 2px !important
}

.list-segment h4 span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px
}

.info-popup {
    width: 643px;
    height: 456px !important;
    clip: rect(0,0,0,0);
    top: -1px;
    left: -1px;
    position: absolute;
    z-index: 10;
    transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s
}

    .info-popup.serOn {
        clip: rect(0px,643px,456px,0px)
    }

.row .list-segment:first-child .info-popup {
    left: 0;
    right: auto !important
}

.topRight .info-popup {
    left: auto !important;
    right: 0 !important;
    clip: rect(0px,643px,0px,456px)
}

    .topRight .info-popup.serOn {
        clip: rect(0px,643px,456px,0px)
    }

.bottLeft .info-popup {
    bottom: -1px;
    top: auto !important;
    clip: rect(456px,0px,643px,0px)
}

    .bottLeft .info-popup.serOn {
        clip: rect(0px,643px,456px,0px)
    }

.bottRight .info-popup {
    clip: rect(456px,643px,456px,643px);
    bottom: -1px;
    right: 0 !important;
    left: auto;
    top: auto !important
}

    .bottRight .info-popup.serOn {
        clip: rect(0px,643px,456px,0px)
    }

.row .list-segment:first-child .info-popup {
    left: 0;
    right: auto
}

.row .list-segment:nth-child(2) .info-popup {
    left: auto;
    right: -395px;
}

.row .list-segment:nth-child(3) .info-popup {
    left: auto;
    right: 0
}

.row .list-segment:nth-child(4) .info-popup {
    left: auto;
    top: auto;
    bottom: -4px
}

.row .list-segment:nth-child(5) .info-popup {
    left: auto;
    right: -395px;
    top: auto;
    bottom: -4px
}

.row .list-segment:nth-child(6) .info-popup {
    left: auto;
    right: 0;
    top: auto;
    bottom: -4px
}

.row .list-segment:nth-child(7) .info-popup {
    left: auto;
    top: auto;
    bottom: -4px
}

.row .list-segment:nth-child(8) .info-popup {
    left: auto;
    right: -395px;
    top: auto;
    bottom: -4px
}

.row .list-segment:nth-child(9) .info-popup {
    left: auto;
    right: 0;
    top: auto;
    bottom: -4px
}

.lastChild_Top {
    top: auto !important;
    bottom: -1px
}

.list-clear li {
    clear: both;
    padding-bottom: 5px
}

.form-float {
    display: block
}

    .form-float li {
        width: 99%;
        float: left
    }

.spam-fieldBox {
    padding: 20px 15px 0;
    margin-bottom: 20px;
    position: relative
}

.close-credential {
    position: absolute;
    right: 8px;
    top: 5px
}

.connect-list {
    height: 172px
}

    .connect-list > div {
        text-align: center;
        padding: 0
    }

    .connect-list figure, .connect-list p {
        display: block;
        padding: 10px;
        margin: 0
    }

    .connect-list figure {
        height: 113px
    }

        .connect-list figure.logo-large {
            height: 113px !important
        }

.add-api, .api-connect {
    position: absolute;
    right: -10px;
    bottom: -10px
}

.logo-api {
    height: 100px
}

.api-setting {
    position: absolute;
    right: 7px;
    top: 4px
}

    .api-setting > li {
        float: left
    }

        .api-setting > li > a {
            padding-left: 7px
        }

.split-box {
    position: relative;
    transition: border .2s linear 0s,box-shadow .2s linear 0s
}

.dragSlider .dragCont, .dragSlider .dragCont2 {
    height: 54px;
    position: relative
}

    .dragSlider .dragCont:after, .dragSlider .dragCont2:after {
        content: "";
        position: absolute;
        right: 601px;
        top: -10px
    }

    .dragSlider .dragCont:before, .dragSlider .dragCont2:before {
        content: "";
        position: absolute;
        right: 600px;
        top: -12px
    }

    .dragSlider .dragCont #slider, .dragSlider .dragCont2 #slider {
        width: 25px;
        height: 80px;
        position: absolute;
        top: 0 !important;
        z-index: 12;
        cursor: e-resize !important
    }

    .dragSlider .dragCont .inSide, .dragSlider .dragCont2 .inSide {
        position: absolute;
        height: 100%;
        left: 0;
        right: auto;
        overflow: hidden;
        width: 30%
    }

    .dragSlider .dragCont .outSide, .dragSlider .dragCont2 .outSide {
        height: 100%;
        overflow: hidden;
        position: absolute;
        padding: 5px 20px;
        right: 0;
        left: 30%;
        z-index: 10
    }

        .dragSlider .dragCont .outSide > span, .dragSlider .dragCont2 .outSide > span {
            width: 100%;
            display: inline-block;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }

.split-left {
    width: 50%;
    float: left;
    padding: 5px 10px;
    text-align: center
}

    .split-left .listname {
        border-radius: 100%;
        display: inline-block;
        height: 20px;
        margin-bottom: 5px;
        width: 20px;
        line-height: 20px
    }

.select-default > a:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    bottom: 1px;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent
}

.select-default {
    line-height: 20px;
    position: relative
}

    .select-default > a {
        display: block;
        padding: 8px 10px;
        height: 33px
    }

    .select-default a, .select-default a:hover, .select-default a:focus {
        color: inherit;
        text-decoration: none;
        background-size: 1px 8px,1px 1px,1px 8px
    }

    .select-default > .dropdown {
        display: none;
        position: absolute;
        top: 33px;
        left: 0;
        right: 0;
        max-height: 220px;
        overflow: auto;
        z-index: 9
    }

        .select-default > .dropdown > li {
            padding: 3px 10px 3px 15px;
            text-indent: 2px;
            line-height: 1.8em;
            min-height: 1.8em;
            cursor: pointer
        }

            .select-default > .dropdown > li > span {
                cursor: default;
                display: block;
                margin: -3px -10px -3px -15px;
                padding: 3px 10px 0 10px;
                font-size: 13px
            }

            .select-default > .dropdown > li i {
                float: right;
                margin-top: 4px
            }

.circle-white {
    width: 26px;
    height: 26px;
    margin: 6px 8px 0;
    padding: 3px 0;
    border-radius: 100%;
    text-align: center;
    line-height: 16px
}

.trend-left {
    display: inline-table;
    position: relative
}

.welcome-text {
    position: relative
}

    .welcome-text > a {
        display: inline-block
    }

    .welcome-text > span {
        float: left;
        margin: 22px 10px 0 0;
        line-height: 26px
    }

.choose-type {
    width: 270px;
    height: 270px;
    display: block;
    margin: 0 auto;
    padding: 20px 40px;
    border-radius: 150px;
    line-height: 20px;
    text-align: center
}

    .choose-type, .choose-type:hover, .choose-type:focus {
        text-decoration: none
    }

        .choose-type > img {
            margin: 20px 0
        }

.dropdown-setting {
    width: 272px;
    margin: 6px 0 0;
    padding: 6px 0;
    position: relative;
    top: 0;
    left: 0;
    display: none;
    z-index: 3
}

.list-preview {
    text-align: center;
    margin-bottom: 15px
}

    .list-preview figure {
        width: 155px;
        height: 101px;
        display: block;
        line-height: 90px;
        position: relative;
        z-index: 1
    }

    .list-preview > label {
        height: 32px
    }

.popup-btnBack {
    position: absolute;
    right: 0;
    top: 26px;
    z-index: 2
}

.source-list > li span span {
    width: 55px;
    display: inline-table;
    text-align: right
}

h4.inline-title {
    padding: 15px 0 15px 15px;
    margin: 0
}

.stats-percent {
    margin: 6px 0 5px
}

    .stats-percent h4 {
        font-size: 40px;
        font-weight: 400;
        margin: 0;
        letter-spacing: -2px
    }

    .stats-percent small {
        font-weight: bold
    }

    .stats-percent i {
        display: inline-block;
        vertical-align: middle
    }

.slide-icons {
    margin: 0 0 0 10px !important;
    overflow: hidden;
    width: 0
}

    .slide-icons.on {
        padding-left: 5px;
        overflow: visible
    }

    .slide-icons ul {
        width: 108px
    }

.color-palettebox {
    position: relative;
    width: 32px
}

.foreground-palette, .background-palette {
    position: relative;
    z-index: 2
}

.background-palette {
    position: absolute;
    left: 20px;
    bottom: -13px;
    z-index: 1
}

.color-palettebox .k-colorpicker .k-selected-color {
    width: 22px;
    height: 22px;
    position: relative
}

.splitABCount {
    left: 0;
    position: absolute;
    right: 0
}

.btn-group .dropdown-menu {
    min-width: 100px;
    font-size: 14px
}

.col-list-dash > div:after {
    content: "—";
    left: -5px;
    position: absolute;
    top: 50%
}

.col-list-dash > div:first-child:after {
    visibility: hidden
}

.info-bottom {
    display: inline-block;
    vertical-align: bottom
}

.widget-box.transparent {
    border: 0
}

.widget-header > .widget-title {
    display: inline;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.widget-box.transparent .widget-header {
    padding: 0
}

.widget-box.transparent .widget-header {
    margin-bottom: 10px;
    padding-bottom: 10px
}

.widget-toolbar {
    display: inline-block;
    float: right;
    line-height: 37px;
    padding: 0 10px;
    position: relative
}

.widget-box.transparent .widget-toolbar {
    padding: 0
}

.user-timeline .tab-content {
    min-height: 634px
}

.list-divider li, .list-divider1 li, .list-divider-left li {
    position: relative;
    z-index: 2
}

    .list-divider li:before, .list-divider1 li:before, .list-divider-left li:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -8px;
        height: 15px
    }

    .list-divider1 li:before {
        left: -1%
    }

    .list-divider li:first-child:before, .list-divider1 li:first-child:before, .list-divider li.no-border:before {
        visibility: hidden
    }

.recipients-column, .new-recipient-btns {
    position: absolute;
    right: -2px;
    top: -1px;
    text-align: center
}

    .recipients-column > a, .new-recipient-btns > a {
        margin-left: 6px
    }

.dragSlider .ui-slider .ui-slider-handle {
    background-color: transparent;
    border: 0;
    cursor: e-resize;
    height: auto;
    margin-left: -0.9em;
    top: -0.1em;
    width: auto
}

.brand-position {
    margin-top: -63px
}

.select-template .tab-content > div .well {
    height: 256px;
    text-align: center
}

.spam-scale {
    margin: 0 auto;
    position: relative;
    width: 358px
}

.spam-scale-handle {
    position: absolute;
    border-radius: 100%;
    margin-left: -10px;
    left: 50%;
    width: 20px;
    height: 20px
}

.split-ab-divider, .split-ab-dividerSMS {
    margin: 5px 10px 5px 5px;
    position: absolute
}

.split-ab-divider-sms {
    margin: 0 10px 0 5px;
    position: absolute
}

.split-ab-switch {
    position: absolute;
    right: 29px;
    top: 18px;
    width: 125px;
    z-index: 12
}

.split-ab-mechanics, .split-ab-mechanics-sms {
    position: absolute;
    left: 0;
    right: 0;
    top: 75px;
    z-index: 5
}

.split-ab-mechanics-sms {
    top: 230px
}

.split-ab-mask, .split-mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.split-ab-mask-sms {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.content-mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 12;
    background-color: rgba(0,0,0,0.2);
    display: none
}

.campaign-performance-chart .popover {
    left: auto !important;
    margin: -13px 20px 0 0;
    right: 22px !important
}

    .campaign-performance-chart .popover.top > .arrow {
        left: auto !important;
        right: 14px !important
    }

.campaign-header {
    padding: 10px;
    position: relative;
    width: 98%;
    margin: 0 auto 20px;
    z-index: 1
}

    .campaign-header .list-divider li {
        position: relative
    }

        .campaign-header .list-divider li:before {
            height: 36px;
            top: 3px;
            bottom: 0;
            margin-top: 0
        }

    .campaign-header li label {
        font-weight: 300;
        font-size: 11px
    }

    .campaign-header h4 {
        margin-bottom: 0;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.qr-colorpick > li > a {
    display: inline-block
}

.ac-setup {
    height: auto;
    min-height: 345px; /*height:370px;*/
    max-height: 100%
}

.rpAgency .input-error {
    left: 15px;
}

.setup-brand {
    height: auto;
    max-height: 100%
}

.campaign-slide {
    position: relative
}

.text-editor-tools {
    display: block;
    margin: 0 !important;
    border: 1px solid #d4d6de;
    border-bottom: 0;
    z-index: 3 !important;
    height: 30px;
    position: relative;
    border-color: #b8b8b8 !important
}

    .text-editor-tools > li {
        float: left;
        line-height: normal;
        min-width: 30px;
        min-height: 29px;
        text-align: center
    }

        .text-editor-tools > li:first-child {
            margin-left: 3px
        }

        .text-editor-tools > li > a, .text-editor-tools > li > .dropdown > a {
            height: 23px;
            padding: 5px 0 5px 0
        }

            .text-editor-tools > li > .dropdown > a > i {
                padding: 0
            }

        .text-editor-tools > li.browse-file {
            height: 25px;
            margin-top: -2px
        }

.email-preview {
    height: 400px !important
}

    .email-preview.scroll-pane {
        overflow-x: hidden !important
    }

    .email-preview .jspVerticalBar {
        right: 7px !important
    }

.no-data-holder {
    position: relative;
    clear: both;
    text-align: center
}

    .no-data-holder > p {
        width: 52%;
        position: absolute;
        left: 24%;
        top: 50%;
        margin-top: -20px;
        padding: 10px;
        text-align: center;
        z-index: 10
    }

.no-data-holder-small {
    position: static
}

    .no-data-holder-small > p {
        width: 90% !important;
        left: 5% !important;
        padding: 8px 5px;
        font-size: 12px
    }

.no-data-holder > p i {
    display: inline-block;
    vertical-align: sub
}

.no-data-overlay {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.config-column .mand-field {
    width: 16px;
    height: 16px;
    line-height: 12px;
    position: absolute;
    right: -2px;
    top: 3px
}

.comp-outer {
    height: 450px;
    position: relative;
    padding: 15px
}

.interaction-comp, .social-comp {
    background-color: #fafafc;
    width: 54px;
    position: absolute;
    border: 7px solid #cdcdcd
}

    .interaction-comp span, .social-comp span, .source-comp span {
        background-color: #27ae61;
        min-width: 21px;
        max-height: 21px;
        padding: 3px 4px;
        font-size: 11px;
        text-align: center;
        line-height: 15px;
        color: #fff;
        position: absolute;
        right: -16px;
        top: -16px;
        border-radius: 100%
    }

    .interaction-comp i {
        background-color: #ea5b4b;
        color: #fff;
        position: absolute;
        left: 50%;
        bottom: -15px;
        margin-left: -8px;
        padding: 0 1px;
        width: 16px;
        height: 16px;
        line-height: 16px;
        border-radius: 100%
    }

    .interaction-comp > p {
        width: 120px;
        margin: 15px 0 0;
        position: absolute;
        left: -38px;
        font-size: 12px;
        color: #7d7e90;
        text-align: center
    }

    .interaction-comp img {
        cursor: pointer
    }

.social-comp {
    background-color: #f3f3f3;
    border-color: #f3f3f3
}

    .social-comp > div {
        width: 41px;
        height: 52px;
        text-align: center;
        color: #fff;
        padding-top: 8px
    }

.interaction-popup {
    display: none;
    background: #fff;
    min-width: 160px;
    position: absolute;
    top: -6px;
    left: 60px;
    padding: 10px 15px;
    z-index: 10;
    border: 3px solid #efefef;
    font-size: 13px
}

    .interaction-popup:before, .interaction-popup:after {
        content: " ";
        position: absolute;
        top: 9px;
        left: -14px;
        border: 11px solid transparent;
        margin-left: -10px;
        border-right-color: #efefef
    }

    .interaction-popup:after {
        border-right-color: #fff;
        border-width: 11px;
        margin-left: -6px
    }

    .interaction-popup > p {
        margin-bottom: 5px;
        font-size: 12px
    }

        .interaction-popup > p:last-child {
            border-top: 1px solid #f3f3f3;
            padding-top: 5px;
            margin-bottom: 0
        }

.source-comp {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    max-width: 110px;
    padding: 5px 10px;
    margin-top: 15px;
    font-size: 12px;
    text-align: center;
    border: 5px solid #f3f3f3;
    z-index: 11
}

.recipientkey {
    position: absolute;
    top: -20px;
    right: 5px
}

/* Vertical flip
  --------------------------------------------- */
.rotate-close, .rotate-close-feedback {
    position: absolute;
    right: 5px;
    top: 5px
}

.rotate-close {
    display: none
}

.front {
    float: none;
    padding: 20px;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 9;
    width: inherit;
    height: inherit;
    text-align: center;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

    .front:hover .rotate-close {
        display: block
    }

.flip .front {
    z-index: 9;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.back {
    float: none;
    padding: 10px 0 10px 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 8;
    width: inherit;
    height: inherit;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-179deg);
    transform: rotateY(-179deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.flip .back {
    z-index: 10;
    position: relative;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg)
}

.front {
    cursor: pointer;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

.flip .front {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.back {
    cursor: pointer;
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.flip .back {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg)
}


/* UI tel-input styles
  ----------------------------------------------*/
.mobile-select {
    position: relative
}

    .mobile-select .intl-number-input .flag-dropdown .selected-flag:after {
        border-right: 0
    }

    .mobile-select .mobile-number, .mobile-select .mobile-number:hover, .mobile-select .mobile-number:focus {
        background-color: transparent !important
    }

    .mobile-select .mobile-number {
        padding: 5px 5px 0 48px !important;
        width: 96px
    }

    .mobile-select .number-field {
        position: absolute;
        left: 109px;
        right: 0
    }

/* Timeline Styles
  --------------------------------------------- */
.timeline {
    list-style: none;
    position: relative
}

    .timeline .dropdown.default-dropdown {
        position: relative;
        padding: 2px 2px 2px 7px;
        font-size: 12px;
        text-align: center
    }

.timeline-panel .name {
    position: absolute;
    padding: 0 8px 0 0;
    margin: -1px 0 0 10.5%;
    left: 100%;
    border-radius: 4px;
    display: inline-block;
    white-space: nowrap;
    font-size: 13px;
    line-height: 20px
}

.timeline-inverted .name {
    left: inherit;
    right: 100%;
    margin: -1px 10.5% 0 0;
    padding: 0 30px 0 8px
}

.timeline-panel .name i {
    line-height: 20px;
    vertical-align: bottom
}

.timeline-inverted .name i {
    margin-right: -25px;
    float: right
}

.timeline-panel span.details {
    display: block;
    margin-bottom: 10px;
    font-size: 13px
}

.timeline-panel .activity > li > i {
    float: left;
    margin-right: 4px;
    line-height: 18px
}

.timeline-panel .activity > li {
    margin-top: 8px;
    padding-top: 8px
}

    .timeline-panel .activity > li:first-child {
        border: 0;
        margin-top: 0;
        padding-top: 0
    }

.timeline-panel small {
    display: block;
    margin-top: 2px
}

    .timeline-panel small > i {
        margin: 1px 5px 0 0;
        float: left
    }

.timeline-panel .year {
    left: -24px;
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 142px;
    margin: -71px
}

    .timeline-panel .year.right {
        right: -24px;
        left: inherit
    }

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: "";
    width: 2px;
    left: 50%;
    margin-left: -1.5px
}

.timeline > li {
    margin-bottom: 20px;
    position: relative
}

    .timeline > li:before, .timeline > li:after {
        content: "";
        display: table
    }

    .timeline > li:after {
        clear: both
    }

    .timeline > li:before, .timeline > li:after {
        content: " ";
        display: table
    }

    .timeline > li:after {
        clear: both
    }

    .timeline > li > .timeline-panel {
        width: 44%;
        float: left;
        padding: 9px 14px;
        position: relative
    }

div#user-timeline .timeline > li > .timeline-panel {
    padding: 9px 14px 15px
}

    div#user-timeline .timeline > li > .timeline-panel .timeline-body {
        overflow: hidden
    }

        div#user-timeline .timeline > li > .timeline-panel .timeline-body .rptbc-description .rptbcd-data {
            height: 250px
        }

.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 9px;
    right: -11px;
    display: inline-block;
    border-top: 10px solid transparent;
    border-right: 0 solid #ccc;
    border-bottom: 10px solid transparent;
    content: ""
}

.timeline > li > .timeline-panel > .timeline-body:before {
    position: absolute;
    top: 9px;
    right: -10px;
    display: inline-block;
    border-top: 10px solid transparent;
    border-right: 0 solid #fff;
    border-bottom: 10px solid transparent;
    content: ""
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: right
}

    .timeline > li.timeline-inverted > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 11px;
        left: -11px;
        right: auto
    }

    .timeline > li.timeline-inverted > .timeline-panel > .timeline-body:before {
        border-left-width: 0;
        border-right-width: 11px;
        left: -10px;
        right: auto
    }

.timeline .years {
    position: relative;
    text-align: center;
    display: inline-block
}

.timeline .timeline-next, .timeline .timeline-last {
    display: table;
    line-height: 21px;
    margin: 10px auto 0
}

    .timeline .timeline-next > a, .timeline .timeline-last > a {
        padding: 5px 10px
    }

.nav-collapse {
    padding: 15px 4px 15px 5px;
    position: absolute;
    left: 15px;
    top: 90px
}

@media(max-width:767px) {
    ul.timeline:before {
        left: 40px
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 65px);
        width: -moz-calc(100% - 65px);
        width: -webkit-calc(100% - 65px)
    }

    ul.timeline > li > .timeline-panel {
        float: right
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto
        }

        ul.timeline > li > .timeline-panel > .timeline-body:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -14px;
            right: auto
        }

        ul.timeline > li > .timeline-panel:after {
            left: -33px !important
        }

    .timeline-panel .year.right {
        left: -24px;
        right: inherit
    }

    .timeline .timeline-body {
        text-align: left
    }

    .timeline-panel .name {
        left: inherit;
        right: 100%;
        margin: -8px 35px 0 0
    }

    .unsubscriptionPage .logo-wrap {
        padding-bottom: 40px
    }

    .unsubscriptionPage .page-header > h1, .page-header > .h1 {
        font-size: 24px;
        line-height: 24px
    }

    .unsubscriptionPage .form-horizontal .form-group {
        padding: 10px 0
    }

    .unsubscriptionPage .list-block > li {
        margin: 5px 15px 10px 0
    }
}

/* Bootstrap Overrides
  --------------------------------------------- */
body {
    font-family: 'mukta-regular';
    line-height: 1.3;
    -webkit-text-stroke: .0001em !important;
    letter-spacing: .5px
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.2;
    font-weight: 400
}

h3, h4, h5, h6 {
    margin-top: 0
}

h1, .h1 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 300
}

h2, .h2 {
    font-size: 26px;
    font-weight: 300
}

h3, .h3 {
    font-size: 18px;
    font-weight: 400
}

h4, .h4 {
    font-size: 16px;
    font-weight: 400
}

h5, .h5 {
    font-size: 14px
}

h6, .h6 {
    font-size: 12px
}

h1, h2 {
    margin-top: 10px
}

.font-normal {
    font-weight: 300
}

.normal {
    font-style: normal !important
}

.italic {
    font-style: italic
}

.font-bold {
    font-weight: 500
}

.font-bold1 {
    font-weight: 400
}

.fs26 {
    font-size: 26px;
}

img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

hr {
    margin-top: 0
}

a:focus {
    outline: 0
}

.input-md {
    padding: 5px 8px !important;
    font-size: 14px;
    line-height: 1.5
}

input[type="radio"], input[type="checkbox"] {
    margin: 0
}

h1.underline {
    padding-bottom: 6px
}

.form-control, .form-control:focus {
    height: 32px;
    padding-bottom: 0;
    box-shadow: none
}

.datePicker.form-control, .datePicker.form-control:focus {
    padding: 0
}

    .datePicker.form-control .k-picker-wrap {
        width: 100%
    }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: 0;
    min-height: inherit
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .list-group-item:first-child, .list-group-item:last-child, .modal-flex, .btn-square, .squared, .form-control, .input-group-addon, .input-group-btn .btn, .dropdown-menu, .panel-group .panel, .panel-group .panel-heading, .nav-tabs > li > a {
    border-radius: 0
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative
}

.page-header {
    border: 0;
    margin: 50px 0 0;
    padding-top: 5px;
    padding-bottom: 0;
    position: relative;
}

    .page-header > h1, .page-header > .h1 {
        display: inline-block;
        margin-top: 0;
        line-height: 36px;
        vertical-align: text-top;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 65%;
        overflow: hidden
    }

    .page-header.underline {
        margin-bottom: 15px
    }

ul.nav.nav-tabs.resDetailTabStyle {
    margin-top: 11px;
}

.page-header.underline {
    margin-bottom: 5px;
}

.breadcrumb {
    float: right;
    margin: 0;
    padding: 3px 0 0;
    font-size: 11px
}

    .breadcrumb > li {
        padding: 0 10px 0 5px
    }

        .breadcrumb > li + li:before {
            display: none
        }

    .breadcrumb > .active {
        padding-right: 0
    }

.dropdown {
    display: inline-block
}

    .dropdown > a {
        color: inherit;
        display: block;
        font-size: 14px;
        line-height: 15px
    }

        .dropdown > a:hover, .dropdown > a:focus {
            text-decoration: none
        }

.fixed-dropdown > a > span {
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 195px;
    vertical-align: middle
}

.dropdown-menu {
    display: block;
    margin-top: -15px;
    min-width: 30px;
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto;
    padding: 3px 0;
    box-shadow: none;
    font-size: 12px;
    transition: all .25s ease 0s;
    opacity: 0;
    visibility: hidden
}

    .dropdown-menu > li > a {
        padding: 5px 15px !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%
    }

    .dropdown-menu > li > .submenu > li > a {
        display: block;
        padding: 6px 5px 6px 12px
    }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > .submenu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > .submenu > li > a:focus {
            text-decoration: none
        }

        .dropdown-menu > li > .submenu > li > a > i {
            width: 17px;
            float: left;
            margin-top: -1px
        }

.btn-holder .dropdown-menu > li > a {
    font-size: 16px
}

.open > .dropdown-menu {
    margin-top: 4px;
    text-align: left;
    visibility: visible;
    opacity: 1
}

.dropdown .dropdown-menu:before {
    border-color: #dadadc transparent;
    border-style: solid;
    border-width: 0 7px 7px;
    top: -7px;
    content: "";
    display: block;
    left: 1px;
    position: absolute
}

.dropdown .dropdown-menu:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 6px 6px;
    top: -6px;
    content: "";
    display: block;
    left: 2px;
    position: absolute
}

.dropdown .pull-right.dropdown-menu:after {
    left: auto;
    right: 2px
}

.dropdown .pull-right.dropdown-menu:before {
    left: auto;
    right: 1px
}

.dropdown.pull-right .dropdown-menu:before {
    right: 2px;
    left: auto
}

.dropdown.pull-right .dropdown-menu:after {
    right: 3px;
    left: auto
}

.dropdown.dropdown-center .dropdown-menu {
    margin-top: -7px
}

.dropdown-center.open > .dropdown-menu {
    margin-top: 8px
}

.dropdown.dropdown-center .dropdown-menu:before {
    right: auto;
    left: 50%;
    margin-left: -7px
}

.dropdown.dropdown-center .dropdown-menu:after {
    right: auto;
    left: 50%;
    margin-left: -6px
}

.dropdown.tabdrop {
    border: none !important
}

    .dropdown.tabdrop > a {
        padding-left: 10px;
        padding-right: 10px
    }

    .dropdown.tabdrop.active > a {
        cursor: pointer !important
    }

.tabs-boxed .dropdown-toggle {
    padding: 7px
}

    .tabs-boxed .dropdown-toggle + .dropdown-menu > li {
        border: 0
    }

.play-pause {
    position: static !important
}

    .play-pause .dropdown-menu {
        top: auto;
        left: auto
    }

.default-dropdown > a > span, .dropdown-select > a > span {
    display: inline-block;
    line-height: 18px
}

.dropdown-select > .dropdown-menu {
    white-space: nowrap
}

    .dropdown-select > .dropdown-menu li {
        padding: 5px 15px 5px 10px
    }

        .dropdown-select > .dropdown-menu li > label {
            cursor: pointer
        }

.default-dropdown.second-level {
    margin-left: 10px !important;
    margin-top: -3px !important
}

.nav-tabs, .nav-pills {
    position: relative
}

    .nav-tabs > li {
        font-size: 16px;
        margin: 0;
        text-align: center
    }

        .nav-tabs > li:first-child {
            border-left: none
        }

        .nav-tabs > li > a {
            margin-right: 0;
            color: inherit
        }

        .nav-tabs > li.disabled {
            opacity: .4;
            pointer-events: none
        }

            .nav-tabs > li.disabled > a:hover {
                cursor: default
            }

.tabs-top.nav-tabs > .active > a:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0
}

.tabs-top.nav-tabs > .active > a:after {
    bottom: -7px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    margin-left: -7px;
    z-index: 3
}

.nav-tabs > li.hide {
    display: none
}

.nav-tabs .dropdown-menu {
    text-align: left
}

.btn:focus {
    outline: 0
}

.tooltip {
    font-size: 11px;
    letter-spacing: .2px;
    font-family: 'mukta-regular' !important
}
/*.tooltip.in{opacity:.8;filter:alpha(opacity=80)}*/
.tooltip-inner {
    padding: 5px 8px;
    border-radius: 0;
    white-space: pre-wrap
}

.campaign-header .tooltip-inner {
    word-break: break-word
}

#createNewFooter .tooltip-inner {
    white-space: nowrap
}

.tooltip.top {
    margin-top: 0; /*min-width:100px;*/
    min-width: 110px;
}

.modal-backdrop.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.modal-content {
    padding: 15px 20px 20px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

    .modal-header .close, .modal-content > button {
        margin-right: -10px;
        margin-top: -10px
    }

.modal-header {
    padding: 0 0 10px
}

.modal-title {
    padding-right: 10px;
    line-height: 28px;
    font-size: 26px
}

.modal-body-title {
    font-weight: 500
}

.modal-body {
    padding: 20px 0 0
}

.modal-footer {
    margin: 0;
    padding: 20px 0 0;
    border: 0
}

.modal-custom > .modal-dialog {
    width: 300px
}

    .modal-custom > .modal-dialog > .modal-content {
        background-color: transparent !important;
        border: none !important
    }

button.close, .close {
    width: 30px;
    height: 30px;
    padding: 0 0 5px 0;
    font-size: 20px;
    font-weight: 200;
    line-height: 0;
    transition: none;
    border-radius: 100%;
    opacity: 1;
    text-shadow: none;
    position: relative;
    z-index: 1
}

    button.close:before, .close:before {
        position: relative;
        top: -1px
    }

    .close:hover, .close:focus {
        opacity: 1
    }

.well {
    margin-bottom: 20px;
    position: relative
}

.well, .well-xs {
    box-shadow: none;
    border-radius: 0
}

.well-md {
    padding: 14px
}

.well-xs {
    padding: 6px
}

.well-lg {
    border-radius: 0
}

.well-xl {
    padding: 30px
}

.well.transparent {
    background-color: transparent;
    border: 0
}

.popover {
    padding: 0;
    font-size: 11px;
    line-height: 18px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.popover1 {
    bottom: 55%;
    display: none;
    font-size: 11px;
    left: 33%;
    max-width: 160px;
    padding: 6px;
    position: absolute;
    text-align: left
}

.split-ab-divider-sms {
    margin: 0 10px 0 5px;
    position: absolute
}

.split-ab-mechanics, .split-ab-mechanics-sms {
    left: 0;
    position: absolute;
    right: 0;
    top: 75px;
    z-index: 5
}

.progress {
    border-radius: 0;
    box-shadow: none;
    position: relative
}

.progress-mini {
    height: 5px
}

    .progress-mini .progress-bar {
        height: 6px
    }

.progress-txtmid {
    margin: 8px 0
}

.radio, .checkbox {
    margin: 0;
    padding-left: 0
}

.checkbox {
    margin-bottom: 5px
}

.control-label {
    padding-top: 10px
}

.control-label-right {
    padding-right: 10px;
    text-align: right;
    position: relative
}

.form-horizontal .control-label {
    padding-top: 10px
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 0;
    min-height: 20px
}

.form-horizontal {
    margin-bottom: 20px
}

    .form-horizontal .form-group, .form-horizontal .form-inline {
        margin: 0;
        padding: 10px
    }
        /*.all-campaign .form-horizontal [class*="col-"]>.input-error,div#mainreciepientdiv .input-error{margin-left:15px}*/
        .form-horizontal .form-group.hide {
            display: none
        }

.form-inline .form-group label {
    text-align: left;
    padding-right: 5px
}

.form-group {
    margin-bottom: 30px;
    position: relative
}

    .form-group.clear {
        margin-bottom: 15px
    }

.form-horizontal .form-group {
    padding: 15px
}

.form-horizontal .form-group-lg {
    padding: 20px
}

.form-horizontal > .form-group .textarea {
    height: 80px;
    background-image: none
}

.form-horizontal-row > .form-group {
    padding: 20px 0
}

.form-group label.control-label-left {
    float: left;
    padding-top: 10px;
    text-align: left
}

.form-group .selInput[class*="col-"], .form-group .datePicker[class*="col-"], .form-group .timepicker[class*="col-"], .form-group .numeric[class*="col-"], .form-group .datetimepicker[class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.form-group > label + div[class*="col-"] > ul, .form-group > label + div[class*="col-"] > label {
    margin-top: 10px;
    margin-bottom: 5px;
    position: relative;
    z-index: 0
}

.form-group > label + div[class*="col-"] > .row {
    margin: 0 -15px
}

.form-group .k-widget, .form-group .k-textbox {
    width: 100%
}

.form-group .help-block {
    clear: both;
    padding-top: 5px;
    margin: 0;
    position: inherit;
    z-index: 0
}

.form-group .smaller {
    font-style: italic;
    letter-spacing: .4pt
}

.form-inline .form-control {
    background-color: transparent;
    box-shadow: none;
    border: 0;
    max-width: 100%;
    height: 33px
}

.form-inline .form-group {
    margin: 0
}

.form-inline-block .form-group {
    float: left;
    margin-left: 12px;
    margin-bottom: 0
}

    .form-inline-block .form-group:first-child {
        margin-left: 0
    }

    .form-inline-block .form-group > label {
        float: left;
        margin-top: 10px;
        padding-right: 10px;
        vertical-align: middle
    }

    .form-inline-block .form-group .form-control {
        position: relative;
        width: auto;
        display: inline-table;
        height: auto;
        padding: 0;
        border: 0;
        box-shadow: none
    }

.form-inline li, .form-inline li a, .form-inline.list-inline li, .form-inline.list-inline li a {
    font-size: 14px
}

.badge {
    padding: 3px 7px 2px;
    margin: 0 5px 0 0
}

.page-header > .csrGroupingID {
    display: block;
    width: auto;
    position: absolute;
    top: -6px;
}

    .page-header > .csrGroupingID .badge {
        font-size: 11px
    }

    .page-header > .csrGroupingID + .camp_report {
        margin-top: 5px;
    }

.help-block {
    font-size: 13px;
    margin-top: 0
}

.radio + .radio, .checkbox + .checkbox {
    margin: 0
}

.list-inline > li {
    padding-left: 5px;
    padding-right: 5px
}

    .list-inline > li a {
        padding-left: 5px
    }

    .list-inline > li:first-child {
        padding-left: 0
    }

#eximport.External .list-inline > li:first-child {
    display: none
}

.panel-group .panel-heading a:hover, .panel-group .panel-heading a:focus, .panel-group .panel-heading a:active {
    text-decoration: none
}

.alert {
    font-size: 14px;
    padding: 10px 10px 13px 52px;
    border: 0;
    position: relative;
    z-index: 999
}

.alert-center {
    width: 50%;
    margin: auto
}

.alert .icon {
    position: absolute;
    width: 42px;
    height: 100%;
    left: 0;
    top: 0;
    padding-top: 10px;
    font-size: 18px;
    text-align: center
}

.alert, .alert-info {
    border-radius: 0
}

    .alert .close {
        line-height: 14px;
        position: relative;
        right: -2px;
        top: -2px;
        font-size: 19px
    }

        .alert .close:hover, .alert .close:focus {
            background-color: transparent;
            border-radius: 0
        }

.description, .description-list {
    position: relative;
    margin: -10px
}

.description {
    padding: 10px
}

    .description > .grid-help {
        line-height: 12px !important
    }

        .description > .grid-help:after {
            top: -1px !important
        }

.description-list > span:first-child {
    border-top: 0
}

.description-list > span {
    display: block;
    padding: 7px 10px;
    position: relative
}

.minus-outline {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%
}

.hide {
    display: none;
}

/* Bootstrap Switch CSS
  --------------------------------------------- */
.bootstrap-switch.bootstrap-switch-mini {
    min-width: 72px
}

    .bootstrap-switch.bootstrap-switch-mini > div > span, .bootstrap-switch.bootstrap-switch-mini > div > label {
        padding-bottom: 4px;
        padding-top: 4px;
        font-size: 10px;
        line-height: 9px
    }

    .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-mini-icons {
        height: 1.20em;
        line-height: 9px;
        vertical-align: text-top;
        text-align: center;
        transform: scale(0.6);
        margin-top: -1px;
        margin-bottom: -1px
    }

.bootstrap-switch.bootstrap-switch-small {
    width: 60px
}

.bootstrap-switch.bootstrap-switch-large {
    min-width: 120px
}

.bootstrap-switch.bootstrap-switch-animate > div {
    -webkit-transition: margin-left .5s;
    transition: margin-left .5s
}

.bootstrap-switch.bootstrap-switch-on > div {
    margin-left: 0
}

.bootstrap-switch.bootstrap-switch-off > div {
    margin-left: -50%
}

.bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default !important
}

    .bootstrap-switch.bootstrap-switch-disabled > div > span, .bootstrap-switch.bootstrap-switch-readonly > div > span, .bootstrap-switch.bootstrap-switch-disabled > div > label, .bootstrap-switch.bootstrap-switch-readonly > div > label {
        cursor: default !important
    }

.bootstrap-switch.bootstrap-switch-focused {
    outline: 0
}

.bootstrap-switch input[type='radio'], .bootstrap-switch input[type='checkbox'] {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: -1;
    visibility: hidden
}

.bootstrap-switch.bootstrap-switch-mini > div > label:after {
    top: -2px;
    font-size: 8px
}

.bootstrap-switch.bootstrap-switch-small > div > label:after {
    line-height: 20px
}

.bootstrap-switch.bootstrap-switch-large > div > label:after {
    top: 20%
}

.bootstrap-switch {
    border-radius: 30px;
    display: inline-block;
    cursor: pointer;
    line-height: 1.72222;
    overflow: hidden;
    position: relative;
    text-align: left;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    top: -3px
}

.bootstrap-switch-switch.deactivate {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default !important
}

.has-switch.deactivate label, .has-switch.deactivate span {
    cursor: default !important
}

.bootstrap-switch > div {
    width: 150%;
    position: relative;
    top: 0
}

    .bootstrap-switch > div.switch-animate {
        -webkit-transition: left .25s ease-out;
        transition: left .25s ease-out
    }

    .bootstrap-switch > div.switch-off {
        left: -50%
    }

    .bootstrap-switch > div.switch-on {
        left: 0
    }

.has-switch input[type=checkbox] {
    display: none
}

.bootstrap-switch span {
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    float: left;
    height: 22px;
    line-height: 18px;
    margin: 0;
    padding-bottom: 2px;
    padding-top: 2px;
    position: relative;
    text-align: center;
    width: 50%;
    z-index: 1;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out
}

    .bootstrap-switch span.bootstrap-switch-primary {
        border-radius: 50px 0 0 50px;
        border-left: 1px solid transparent;
        top: 2px
    }

    .bootstrap-switch span.bootstrap-switch-default {
        border-radius: 0 50px 50px 0;
        text-indent: 7px;
        top: 2px
    }

.has-switch span.switch-right [class*="fui-"] {
    text-indent: 0
}

.bootstrap-switch label {
    border-radius: 50px;
    float: left;
    height: 26px;
    margin: 0 -15px;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 26px;
    cursor: pointer;
    z-index: 100;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out
}

.bootstrap-switch-on label {
    right: -4px
}

.bootstrap-switch-off label {
    left: 0
}

/* Daterangepicker
  --------------------------------------------- */
.date-range-picker {
    cursor: pointer;
    display: inline-block;
    position: relative;
    border-radius: 0
}

    .date-range-picker .icon-dropdown-small {
        margin: 1px 0 0 !important;
        vertical-align: middle
    }

.reportrange.date-range-picker, .daterange.date-range-picker {
    padding-top: 1px
}

.date-range-picker i {
    margin: -2px 4px 0 0 !important;
    padding: 0 2px 0 3px !important
}

    .date-range-picker i.icon-dropdown {
        font-size: 11px
    }

.daterangepicker.dropdown-menu {
    margin-top: 6px !important;
    max-width: none;
    border-radius: 0
}

.daterangepicker.opensleft, .daterangepicker.opensright {
    visibility: inherit;
    overflow: hidden;
    z-index: 9999;
    max-height: none;
    display: none;
    opacity: 1;
    margin: 0;
    transition: none
}

.datarangeUiFix .daterangepicker.opensright {
    margin-top: -272px !important;
    z-index: 99999;
}

#confirm-csvAtribute.datarangeUiFixModal .modal-dialog .modal-content .scroll_list_attribues {
    max-height: 420px
}

.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
    float: left;
    margin: 4px
}

.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
    float: right;
    margin: 4px
}

.daterangepicker .ranges {
    width: 175px;
    text-align: left
}

    .daterangepicker .ranges .range_inputs > div {
        float: left;
        padding-left: 2px;
        margin-bottom: 10px
    }

        .daterangepicker .ranges .range_inputs > div:nth-child(2) {
            padding-left: 11px
        }

    .daterangepicker .ranges .range_inputs > button {
        float: right;
        padding: 4px 12px;
        margin-left: 0;
        font-size: 12px;
        font-weight: 400
    }

        .daterangepicker .ranges .range_inputs > button.cancelBtn {
            background-color: transparent;
            font-weight: normal
        }

            .daterangepicker .ranges .range_inputs > button.cancelBtn:hover, .daterangepicker .ranges .range_inputs > button.cancelBtn:focus {
                text-decoration: underline;
                box-shadow: none
            }

.daterangepicker .calendar {
    display: none;
    max-width: 250px
}

    .daterangepicker .calendar th, .daterangepicker .calendar td {
        white-space: nowrap;
        font-size: 12px;
        font-weight: normal;
        text-align: center
    }

    .daterangepicker .calendar th {
        height: auto;
        padding: 2px 0
    }

        .daterangepicker .calendar th.disabled i {
            opacity: .4
        }

.daterangepicker .ranges label {
    font-size: 11px;
    margin-bottom: 2px;
    text-transform: uppercase;
    display: block
}

.daterangepicker .ranges input {
    font-size: 11px;
    margin-left: 0;
    padding: 4px !important;
    width: 80px !important
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.daterangepicker .ranges li {
    font-size: 13px;
    line-height: 20px;
    padding: 3px 12px;
    margin-bottom: 7px;
    cursor: pointer
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 8px auto 0 auto;
    line-height: 30px
}

.daterangepicker {
    position: absolute;
    top: 100px;
    left: 20px;
    padding: 4px;
    margin-top: 1px
}

    .daterangepicker.opensleft:before {
        position: absolute;
        top: -7px;
        right: 4px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        content: ''
    }

    .daterangepicker.opensleft:after {
        position: absolute;
        top: -6px;
        right: 5px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        content: ''
    }

    .daterangepicker.opensright:before {
        position: absolute;
        top: -7px;
        left: 9px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        content: ''
    }

    .daterangepicker.opensright:after {
        position: absolute;
        top: -6px;
        left: 10px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        content: ''
    }

    .daterangepicker table {
        width: 100%;
        margin: 0
    }

    .daterangepicker td, .daterangepicker th {
        text-align: center;
        width: 26px;
        height: 26px;
        cursor: pointer;
        white-space: nowrap
    }

        .daterangepicker td.in-range {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0
        }

    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        font-size: 12px;
        padding: 4px;
        height: auto;
        margin: 0;
        cursor: default
    }

    .daterangepicker select.monthselect {
        margin-right: 2%;
        width: 51%
    }

    .daterangepicker select.yearselect {
        width: 45%
    }

    .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
        width: 60px;
        margin-bottom: 0
    }

    .daterangepicker.dropdown-menu.opensleft.pdatpicker-expand-show {
        width: 630px;
    }

/* Textfield tags styles
  --------------------------------------------- */
.tagsField, .tagsField1 {
    width: 100%;
    height: auto !important;
    padding-left: 8px;
    padding-bottom: 5px;
    cursor: text;
    min-height: 33px;
    max-height: 77px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s
}

    .tagsField li.tag, .tagsField1 li.tag, .tag {
        width: auto;
        float: left;
        margin: 0 1% 2px 0;
        padding-left: 8px !important;
        display: block;
        cursor: pointer;
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis
    }

        .tagsField li.tag:hover, .tagsField1 li.tag:hover, .tag:hover {
            opacity: .9
        }

        .tagsField li.tag a, .tagsField1 li.tag a, .tag a {
            width: 20px;
            height: 22px;
            float: right;
            margin-left: 6px
        }

    .tagsField input[type="text"], .tagsField1 input[type="text"] {
        background: 0;
        width: 170px;
        height: 23px;
        padding: 4px 0 0;
        border: 0;
        min-width: 60px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .tagsField li.defaultRegions, .tagsField1 li.defaultRegions {
        display: none
    }

.recipientsList {
    width: 412px;
    position: relative;
    overflow: hidden;
    min-height: 40px;
    float: left
}

    .recipientsList.tagsField li, .recipientsList.tagsField1 li {
        display: none
    }

    .recipientsList .tag {
        float: none;
        display: inline-block
    }

.tagsField.tags-lg input[type="text"], .tagsField1.tags-lg input[type="text"] {
    width: 100%;
    font-size: 13px
}

.input-help .tagsField, .input-help .tagsField1 {
    background-image: none;
    overflow: visible !important
}

    .input-help .tagsField.active {
        height: inherit
    }

/* FlexSlider styles
  --------------------------------------------- */
.slides > li {
    position: relative;
    -webkit-backface-visibilty: hidden
}

.campaign-slide .slides > li {
    margin: 0 15px;
    width: 150px !important
}

.campaign-slide .flex-direction-nav a {
    margin-top: -50px
}

.flex-control-nav {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center
}

    .flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
        zoom: 1
    }

.flex-control-paging li a {
    width: 10px;
    height: 10px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%
}

    .flex-control-paging li a.flex-active {
        cursor: default
    }

.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

    .flex-direction-nav a {
        padding: 35px 22px;
        margin: -20px 0 0;
        display: block;
        position: absolute;
        top: 50%;
        z-index: 10;
        cursor: pointer;
        text-indent: -9999px;
        -webkit-transition: all .3s ease
    }

    .flex-direction-nav .flex-next {
        right: 0
    }

    .flex-direction-nav .flex-prev {
        left: 0
    }

.flexslider:hover .flex-next, .flexslider:hover .flex-prev {
    opacity: 0
}

    .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
        opacity: 1
    }

.flex-direction-nav .flex-disabled {
    opacity: .2 !important;
    filter: alpha(opacity=20);
    cursor: default
}

.achieveTarget .flex-control-nav {
    bottom: -23px
}

.btnHolder .flex-direction-nav {
    display: block
}

.campaign-performance-chart .flex-control-nav {
    bottom: 15px
}

.agencySlide {
    overflow: hidden;
    width: 100%;
    position: relative
}

    .agencySlide .slides > div {
        display: none;
        position: relative
    }

        .agencySlide .slides > div:first-child {
            display: block
        }

    .agencySlide .slides .page-header {
        height: 75px
    }

    .agencySlide .flex-direction-nav {
        display: none
    }

    .agencySlide .flex-control-nav {
        bottom: 4px;
        z-index: -1
    }

    .agencySlide .flex-control-paging li a {
        cursor: default
    }

.campaign-performance-chart .flex-direction-nav a {
    height: 22px;
    padding: 0;
    width: 20px
}

.campaign-performance-chart .flex-direction-nav .flex-prev {
    left: 10px
}

.campaign-performance-chart .flex-direction-nav .flex-next {
    right: 10px
}

/* JScroll pane styles*/
.scroll-pane {
    height: 150px;
    overflow: auto;
    padding-right: 2px !important
}

.jspContainer {
    overflow: hidden;
    position: relative;
    min-width: 60%
}

.jspPane {
    position: absolute
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 2px;
    width: 1px;
    height: 100%
}

.jspHorizontalBar {
    position: absolute;
    bottom: 2px;
    right: 6px;
    width: 100%;
    height: 1px
}

    .jspVerticalBar *, .jspHorizontalBar * {
        margin: 0;
        padding: 0
    }

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspHorizontalBar .jspDrag {
    height: 5px !important;
    top: -2px
}

.jspTrack {
    position: relative
}

.jspDrag {
    cursor: pointer;
    left: -2px;
    position: relative;
    top: 0;
    width: 5px
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%
}

.jspArrow {
    text-indent: -20000px;
    display: block;
    cursor: pointer
}

    .jspArrow.jspDisabled {
        cursor: default
    }

.jspVerticalBar .jspArrow {
    height: 20px
}

.jspHorizontalBar .jspArrow {
    width: 8px;
    float: left;
    height: 100%
}

.jspVerticalBar .jspArrow:focus {
    outline: 0
}

.jspCorner {
    float: left;
    height: 100%
}

.scroll-pane-style1 {
    padding-right: 15px !important
}

* html .jspCorner {
    margin: 0 -3px 0 0
}

.flex-scroll-pane {
    overflow: auto
}

.showSelectTable .jspScrollable {
    width: 770px !important
}

.showSelectTable .jspContainer {
    width: 770px !important
}

.showSelectTable .jspPane {
    width: 755px !important
}

.smsTemplates .jspVerticalBar {
    right: 5px !important
}

.recommend-list .jspVerticalBar .jspArrowUp:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    width: 10px;
    height: 10px
}

.recommend-list .jspPane {
    padding-bottom: 45px !important;
    width: 100% !important;
    margin: 0 !important
}

.recommend-list .jspArrowUp {
    bottom: 6px;
    margin-left: -12px;
    left: 50%;
    position: absolute
}

.recommend-list .jspVerticalBar {
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    width: 100%;
    height: 26px;
    z-index: 50
}

.recommend-list .jspTrack {
    display: none
}

.recommend-list .jspVerticalBar .jspArrowDown:after {
    content: "";
    display: block;
    left: 0;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    position: absolute;
    width: 10px;
    height: 10px
}

.recommend-list .jspArrowDown {
    bottom: -4px;
    margin-right: -10px;
    right: 50%;
    position: absolute
}

.recommend-list .jspArrow.jspDisabled {
    opacity: .5
}

.accordion-style .jspVerticalBar {
    right: 5px !important
}

.sms-prev-box {
    width: 255px;
    min-height: 350px;
    margin: auto;
    padding: 54px 12px 52px 13px
}

    .sms-prev-box .contact-info {
        padding: 4px 10px;
        font-size: 10px;
        margin-bottom: 20px
    }

        .sms-prev-box .contact-info > span {
            float: left
        }

        .sms-prev-box .contact-info > div {
            width: 65%;
            float: left;
            font-size: 12px;
            text-align: center
        }

.contact-info .number {
    font-size: 10px
}

.sms-prev-box .message-box {
    margin: 5px 15px 0;
    padding: 10px;
    font-size: 12px;
    border-radius: 0 12px 12px 12px;
    position: relative
}

    .sms-prev-box .message-box:after {
        content: " ";
        left: -6px;
        position: absolute;
        top: 0;
        width: 0
    }

.sms-prev-box .datetime {
    display: block;
    padding: 4px 25px;
    font-size: 10px
}

.sms-prev-box .contact-info i img {
    width: 24px;
    height: 24px
}

.sms-prev-box i {
    margin-top: 3px
}

/* Kendo Overrides
  --------------------------------------------- */
/*--- Kendo default css ---*/
.k-numeric-wrap.k-state-default:before, .k-dropdown-wrap.k-state-default:before, .k-dropdown-wrap.k-state-disabled:before, .k-multiselect.k-header:before, .k-picker-wrap.k-state-default:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    border-top: 10px solid transparent;
    border-left: 5px solid transparent
}

.k-autocomplete.k-state-default:after, .k-picker-wrap.k-state-default:after, .k-numeric-wrap.k-state-default:after, .k-dropdown-wrap.k-state-default:after, .k-dropdown-wrap.k-state-disabled:after, .k-multiselect.k-state-default:after, .k-multiselect.k-header:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 15px;
    z-index: 0;
    visibility: hidden \9
}

.k-autocomplete.k-state-hover:before, .k-numeric-wrap.k-state-hover:before, .k-dropdown-wrap.k-state-hover:before, .k-multiselect.k-state-hover:before {
    border-top: 10px solid transparent;
    border-left: 4px solid transparent
}

.k-multiselect.k-header:after, .k-multiselect.k-header:before {
    bottom: 0 !important
}

.k-autocomplete.k-state-focused:before, .k-numeric-wrap.k-state-focused:before, .k-dropdown-wrap.k-state-focused:before, .k-multiselect.k-state-focused:before {
    border-top: 10px solid transparent;
    border-left: 4px solid transparent
}

.k-grid-header .k-header > input, .k-grid-header .k-header > div input {
    background-size: 0 !important;
    height: 24px;
    padding: 0 6px;
    border-width: 0;
    font-size: 13px
}

.k-grid-header .k-header.k-dropdown {
    padding: 0 !important;
    border-width: 0
}

.k-grid-header .k-header .k-dropdown-wrap .k-select {
    line-height: 22px
}

.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-dropdown .k-dropdown-wrap .k-select .k-i-arrow-s {
    background-image: none !important
}

.k-textbox, .k-autocomplete, .k-dropdown-wrap, .k-numeric-wrap, .k-multiselect-wrap, .k-datepicker .k-picker-wrap, .k-timepicker .k-picker-wrap, .k-datetimepicker .k-picker-wrap {
    border-width: 0 0 1px !important
}

    .k-autocomplete.k-header input[type="text"], .k-datepicker.k-header input[type="text"], .k-datepicker.k-header input[type="text"]:hover, .k-datepicker.k-header input[type="text"]:focus, .k-timepicker input[type="text"], .k-timepicker input[type="text"]:hover, .k-timepicker input[type="text"]:focus, .k-datetimepicker input[type="text"], .k-datetimepicker input[type="text"]:hover, .k-datetimepicker input[type="text"]:focus {
        background: none !important
    }

.k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-button, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: none;
    background-color: transparent
}

.editorToolbarWindow .k-editortoolbar-dragHandle {
    display: none !important
}

.k-datepicker {
    background-color: transparent !important;
    height: 33px !important;
    padding: 0 !important
}

    .k-datepicker .k-picker-wrap, .k-timepicker .k-picker-wrap {
        width: 100%
    }

.selInput-sm {
    width: 100%;
    float: left;
    font-size: 13px !important
}

    .selInput-sm .k-dropdown-wrap .k-input {
        height: 23px !important;
        padding: 0;
        font-size: 13px;
        line-height: 24px
    }

    .selInput-sm .k-dropdown-wrap .k-select {
        line-height: 18px
    }

.input-inline .k-state-default .k-input {
    height: 24px !important;
    padding: 0 !important
}

.input-inline .k-state-default .k-icon {
    margin-top: -7px !important
}

.k-icon, .k-state-disabled .k-icon, .k-column-menu .k-sprite {
    opacity: 1
}

.k-state-disabled, .k-state-disabled .k-link, .k-state-disabled .k-icon, .k-state-disabled .k-button, .k-state-disabled .k-draghandle, .k-state-disabled .k-upload-button input {
    opacity: 1
}

input.k-textbox {
    line-height: 2em;
    padding: 2px .3em
}

.k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked {
    opacity: 1
}

.k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-grid-header th.k-state-focused, td.k-state-focused, .k-button:focus:not(.k-state-disabled):not([disabled]), .k-button.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none
}

    .k-state-focused.k-state-selected, .k-list > .k-state-focused.td.temp-btnEditor .temp-btnEditor ak-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected, .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.k-popup, .k-menu .k-group, .k-grid .k-filter-options, .k-time-popup, .k-datepicker-calendar, .k-autocomplete.k-state-border-down, .k-autocomplete.k-state-border-up, .k-dropdown-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-multiselect.k-state-focused, .k-imagebrowser .k-image, .k-tooltip {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-window {
    -webkit-box-shadow: none;
    box-shadow: none
}

    .k-window.k-state-focused {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.k-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-inset {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.emailFooter .k-editor-inline, .emailContent .k-editor-inline {
    border-width: 1px !important;
    padding: 0
}

.k-tool.k-group-start {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-rtl .k-tool.k-group-start {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-tool.k-group-end {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-rtl .k-tool.k-group-end {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-group-start.k-group-end.k-tool {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-calendar-container.k-state-border-up, .k-list-container.k-state-border-up, .k-autocomplete.k-state-border-up, .k-multiselect.k-state-border-up, .k-dropdown-wrap.k-state-border-up, .k-picker-wrap.k-state-border-up, .k-numeric-wrap.k-state-border-up, .k-window-content, .k-filter-menu {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-top-width: 0;
    padding-top: 0
}

    .k-autocomplete.k-state-border-up .k-input, .k-dropdown-wrap.k-state-border-up .k-input, .k-picker-wrap.k-state-border-up .k-input, .k-picker-wrap.k-state-border-up .k-selected-color, .k-numeric-wrap.k-state-border-up .k-input {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0
    }

    .k-multiselect.k-state-border-up .k-multiselect-wrap {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0
    }

.k-window-titlebar, .k-block > .k-header, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-items .k-link, .k-calendar-container.k-state-border-down, .k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-multiselect.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down, .k-numeric-wrap.k-state-border-down {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom-width: 1px;
    padding-bottom: 0
}

    .k-window-titlebar.k-header {
        border-bottom-width: 0 !important;
        height: auto !important;
        padding: 15px 0
    }

.k-edit-form-container .k-edit-buttons {
    border-top: 0;
    padding: 10px 0 15px
}

.k-edit-form-container .k-button {
    border: none !important;
    padding: 5px 20px
}

    .k-edit-form-container .k-button.k-dialog-insert {
        float: right;
        color: #FFF;
        background-color: #005534;
    }

        .k-edit-form-container .k-button.k-dialog-insert:hover {
            color: #FFF;
            background-color: #005534;
        }

    .k-edit-form-container .k-button.k-dialog-close:hover {
        text-decoration: underline;
        background: transparent;
    }

.k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-numeric-wrap .k-link {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

    .k-numeric-wrap .k-link + .k-link {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0
    }

.k-colorpicker .k-selected-color {
    display: inline-block;
    width: 18px;
    height: 19px;
    line-height: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-colorpicker .k-picker-wrap {
    padding-right: 0;
    line-height: 0
}

.k-colorpicker .k-select {
    display: none
}

.k-rtl .k-colorpicker .k-selected-color {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-autocomplete.k-state-border-down .k-input, .k-dropdown-wrap.k-state-border-down .k-input, .k-picker-wrap.k-state-border-down .k-input, .k-picker-wrap.k-state-border-down .k-selected-color, .k-numeric-wrap.k-state-border-down .k-input {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-multiselect.k-state-border-down .k-multiselect-wrap {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-dropdown-wrap .k-select, .k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-datetimepicker .k-select + .k-select, .k-list-container.k-state-border-right {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-rtl .k-dropdown-wrap .k-select, .k-rtl .k-picker-wrap .k-select, .k-rtl .k-numeric-wrap .k-select, .k-rtl .k-datetimepicker .k-select + .k-select, .k-rtl .k-list-container.k-state-border-right {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-numeric-wrap.k-expand-padding .k-input {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-textbox > input, .k-autocomplete .k-input, .k-multiselect-wrap {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-list .k-state-hover, .k-list .k-state-focused, .k-list .k-state-highlight, .k-list .k-state-selected, .k-dropzone {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-slider .k-button, .k-grid .k-slider .k-button {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-draghandle {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-scheduler-toolbar > ul li:first-child, .k-scheduler-toolbar > ul li:first-child .k-link {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-scheduler .k-scheduler-table td, .k-scheduler .k-scheduler-table th {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.k-upload-selected {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.k-rtl .k-scheduler-toolbar > ul li:first-child, .k-rtl .k-scheduler-toolbar > ul li:first-child .k-link, .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child, .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-popup-edit-form .k-edit-field > input.k-textbox {
    height: 33px !important;
    padding: 6px 5px 0 !important;
    letter-spacing: .3pt !important;
    border-width: 0 !important
}

.k-scheduler-mobile .k-scheduler-toolbar > ul li.k-nav-today, .k-scheduler-mobile .k-scheduler-toolbar > ul li.k-nav-today .k-link, .k-edit-field > .k-scheduler-navigation {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-scheduler-toolbar .k-nav-next, .k-scheduler-toolbar ul + ul li:last-child, .k-scheduler-toolbar .k-nav-next .k-link, .k-scheduler-toolbar ul + ul li:last-child .k-link {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-rtl .k-scheduler-toolbar .k-nav-next, .k-rtl .k-scheduler-toolbar ul + ul li:last-child, .k-rtl .k-scheduler-toolbar .k-nav-next .k-link, .k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-scheduler div.k-scheduler-footer ul li, .k-scheduler div.k-scheduler-footer .k-link {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-more-events, .k-event, .k-event .k-link {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-scheduler-mobile .k-event {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.km-pane-wrapper .k-mobile-list .k-item:last-child {
    -webkit-box-shadow: none;
    box-shadow: none
}

.km-pane-wrapper .k-mobile-list .k-edit-field {
    -webkit-box-shadow: none;
    box-shadow: none
}

.km-actionsheet .k-grid-delete, .km-actionsheet .k-scheduler-delete, .km-pane-wrapper .k-scheduler-delete, .km-pane-wrapper .k-filter-menu .k-button[type=reset] {
    background-image: none
}

.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default {
    background: 0
}

.k-secondary .k-autocomplete.k-state-focused, .k-secondary .k-picker-wrap.k-state-focused, .k-secondary .k-numeric-wrap.k-state-focused, .k-secondary .k-dropdown-wrap.k-state-focused {
    background: 0
}

.k-autocomplete.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-hover {
    background-image: none
}

.k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused {
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-secondary .k-autocomplete.k-state-focused, .k-secondary .k-picker-wrap.k-state-focused, .k-secondary .k-numeric-wrap.k-state-focused, .k-secondary .k-dropdown-wrap.k-state-focused {
    background-image: none
}

.k-secondary .k-button-group .k-tool:focus {
    background-image: none
}

.k-secondary .k-button.k-state-disabled, .k-secondary .k-state-disabled .k-button, .k-secondary .k-state-disabled .k-button:hover, .k-secondary .k-button.k-state-disabled:hover, .k-secondary .k-state-disabled .k-button:active, .k-secondary .k-button.k-state-disabled:active {
    background-image: none
}

.k-button-group .k-tool {
    vertical-align: sub
}

.k-grid.k-widget > .k-grid-content {
    border-top: none !important
}

.k-grid.k-widget {
    border-width: 0 !important;
    position: relative
}

    .k-grid.k-widget > table, .k-grid.k-widget > .k-grid-content {
        border-width: 1px !important;
        border-style: solid
    }

.k-grid td.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-header i {
    margin: 0
}

.k-calendar th {
    text-align: center
}

/*--- Kendo common css ---*/
.km-pane, .km-shim {
    font-family: inherit
}

.k-block, .k-widget {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.k-block {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.k-button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a.k-button {
    text-decoration: none
}

.k-button-icontext .k-icon, .k-button-icontext .k-image {
    margin: 0 3px 0 -3px
}

.k-ie8 .k-button-icontext .k-icon, .k-ie8 .k-button-icontext .k-image {
    margin-right: 4px
}

.k-i-arrow-s {
    background-position: 0 -29px
}

.k-grid-header .k-link:hover span.k-i-arrow-s {
    background-position: 0 -29px
}

.k-select .k-i-arrow-s {
    background-position: -65px -276px
}

.k-button-group .k-tool {
    border: 0
}

.k-treeview .k-icon, .k-scheduler-table .k-icon, .k-grid .k-hierarchy-cell .k-icon {
    transition: none;
    border-radius: 0
}

.k-i-calendar {
    background-position: -30px -175px;
    margin-top: 2px !important
}

.k-i-calendar, .k-state-hover > .k-i-calendar, .k-state-hover > * > .k-i-calendar, .k-button:hover .k-i-calendar, .k-textbox:hover .k-i-calendar, .k-button:active .k-i-calendar {
    background-position: -47px -175px
}

.k-i-clock {
    margin-top: 5px !important
}

.k-block > .k-header {
    margin-bottom: 0
}

.k-editor-dropdown .k-dropdown-wrap {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important
}

.k-widget.k-listview {
    margin: 0 -15px;
    border: 0
}

.k-widget.k-pager-wrap {
    border: 0
}

div.k-window-titleless {
    z-index: 99 !important
}

div.k-window-content {
    z-index: -1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.k-filebrowser-dialog {
    width: 100% !important;
    padding: 0 15px 15px !important
}

    .k-filebrowser-dialog .k-filebrowser .k-floatwrap {
        padding: 10px 0 20px !important
    }

    .k-filebrowser-dialog .k-filebrowser .k-filebrowser-toolbar {
        margin: 0 !important;
        padding: 5px !important
    }

    .k-filebrowser-dialog .k-filebrowser .k-breadcrumbs.k-textbox, .k-filebrowser-dialog .k-filebrowser .k-search-wrap.k-textbox {
        padding: 6px 3px 0;
        padding-top: 0 \9;
        height: 39px;
        background-size: 1px 8px,1px 1px,1px 8px;
        -webkit-background-size: 1px 8px,1px 1px,1px 8px;
        -ms-background-size: 1px 8px,1px 1px,1px 8px;
        border-width: 1px \9;
        border-style: solid \9;
        background-color: transparent\9;
        letter-spacing: .3pt;
        -webkit-appearance: none;
        border-radius: 0
    }

        .k-filebrowser-dialog .k-filebrowser .k-breadcrumbs.k-textbox .k-input {
            padding: 0 !important
        }

    .k-filebrowser-dialog .k-filebrowser .k-breadcrumbs-wrap {
        top: 14px
    }

#k-editor-image-width, #k-editor-image-height {
    width: 96% !important
}

.k-editor-dialog.k-filebrowser-dialog .k-edit-label {
    width: 17% !important;
    text-align: left
}

.k-editor-dialog.k-filebrowser-dialog .k-edit-field {
    float: left !important;
    width: 45% !important
}

.k-window-titlebar .k-window-action {
    filter: alpha(opacity=70)
}

.k-window-titlebar .k-state-hover {
    filter: alpha(opacity=70)
}

.k-window .k-widget {
    z-index: 10002
}

.k-tabstrip > .k-content > .km-scroll-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.k-menu .k-item > .k-link {
    padding-right: .9em
}

.k-menu .k-item, .k-widget.k-menu-horizontal > .k-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .k-menu .k-item > .k-link > .k-i-arrow-e {
        right: 2px
    }

.k-menu .k-animation-container, .k-popup .k-animation-container {
    margin-top: -2px\9
}

.k-animation-container, .k-widget, .k-widget *, .k-animation-container *, .k-widget *:before, .k-animation-container *:after, .k-block .k-header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.widget-gallery .box-md {
    padding: 15px 13px 5px 13px !important
}

.k-grid-header .k-header {
    font-size: 14px;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em;
    line-height: 20px
}

    .k-grid-header .k-header > div {
        position: relative
    }

    .k-grid-header .k-header .k-link, .k-grid-content .k-header .k-link {
        margin: 0;
        padding: 0 !important;
        font-size: 14px;
        line-height: 26px !important
    }

.k-grid-header .k-with-icon .k-link {
    margin-right: 0;
    padding-right: 1.5em
}

.k-grid tr:first-child td {
    border-top-width: 0
}

.k-grid td {
    padding: 10px;
    border-width: 1px 0 0 1px;
    line-height: 18px;
    position: relative
}

    .k-grid td .bootstrap-switch {
        vertical-align: middle
    }

    .k-grid td i {
        vertical-align: top
    }

.newRecipients-grid .k-grid-header {
    padding-right: 0 !important
}

.newRecipients-grid .k-grid-content {
    position: relative;
    width: 100%;
    height: auto !important;
    overflow: auto;
    overflow-x: auto;
    overflow-y: hidden;
    zoom: 1
}

.newRecipients-grid #templateContainer {
    position: relative
}

    .newRecipients-grid #templateContainer .newReciptInput {
        width: 125px !important;
        margin-left: 15px
    }

#campaignListGrid .k-grid-header {
    padding-right: 0 !important
}

#campaignListGrid .k-grid-content {
    border: none !important;
    position: relative;
    width: 100%;
    height: auto !important;
    min-height: 42px !important;
    overflow-x: hidden;
    overflow-y: hidden;
    zoom: 1;
    overflow: visible
}

.k-grid-header a:hover, .k-header a:hover, .k-grid-header a:focus, .k-header a:focus {
    text-decoration: none !important
}

.k-pager-wrap {
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
    padding: 15px 0 0
}

.k-grid .k-pager-numbers {
    margin: 1px 0 0;
    border-width: 1px;
    border-style: solid
}

.k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
    border-width: 0 0 0 1px !important;
    border-style: solid;
    border-radius: 0 !important
}

.k-pager-numbers li:first-child .k-link, .k-pager-numbers li:first-child .k-state-selected {
    border-left-width: 0 !important
}

.k-pager-info {
    width: auto;
    float: none;
    padding: 0 16px;
    display: none !important;
    text-align: center
}

.k-pager-wrap > .k-link {
    width: 18px;
    min-width: 18px;
    height: 22px;
    margin: 2px 0 0;
    border-width: 0;
    line-height: 22px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

    .k-pager-wrap > .k-link.k-state-disabled {
        opacity: .5
    }

    .k-pager-wrap > .k-link .k-icon {
        margin-top: 3px;
        vertical-align: top
    }

.k-pager-numbers .k-link {
    width: auto;
    margin: 0;
    padding: 0 8px;
    line-height: 22px;
    border-width: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-pager-wrap .k-pager-refresh {
    margin-right: 6px
}

.k-pager-numbers .k-state-selected {
    width: auto;
    line-height: 22px;
    margin: 0;
    padding: 0 8px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-pager-wrap .k-textbox {
    width: 40px;
    height: 1.9em !important;
    text-align: center;
    line-height: 16px !important;
    vertical-align: top;
    text-indent: 0
}

.k-ie7 .k-pager-wrap .k-textbox {
    height: 16px;
    margin-top: 2px
}

.k-pager-wrap .k-dropdown {
    width: 45px;
    float: right;
    vertical-align: top
}

.k-pager-input {
    float: left;
    padding: 0 5px;
    margin-top: 4px
}

    .k-pager-input .k-textbox {
        height: 19px !important;
        padding: 0 !important
    }

.k-pager-sizes {
    float: right;
    padding: 0;
    position: relative
}

.k-pager-wrap .itemText {
    float: left
}

.k-pager-sizes .k-dropdown .k-input {
    width: 43px;
    height: auto !important;
    padding: .15em 0 !important;
    line-height: inherit;
    font-size: 12px;
    text-indent: 8px
}

.k-pager-sizes .k-dropdown-wrap .k-select {
    width: 1.3em !important
}

.k-pager-sizes .k-dropdown .k-select .k-i-arrow-s {
    margin: -10px 0 0 -6px
}

.k-grid-pager {
    border-width: 0 !important
}

    .k-grid-pager .k-item {
        padding: 1px 5px !important
    }

    .k-grid-pager .legend {
        margin: 4px 0 0;
        padding: 0;
        text-align: center
    }

        .k-grid-pager .legend > ul > li {
            padding: 0 7px
        }

.k-header > .k-grid-filter > .k-filter {
    margin-top: -15px
}

.k-i-funnel, .k-filter {
    background-position: -32px -78px
}

.k-grid-filter.k-state-active {
    background-color: inherit
}

    .k-grid-filter.k-state-active .k-filter {
        background-position: -48px -78px
    }

.k-filter-menu.k-popup {
    border-top-width: 1px
}

.k-filter-menu .k-widget {
    width: 13.2em !important;
    float: none !important
}

.k-filter-help-text {
    margin: 4px 0
}

.k-filter-help-text, .k-filter-menu .k-widget {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 17px
}

.k-filter-menu .k-button {
    margin-top: 13px;
    float: right;
    font-size: 12px
}

    .k-filter-menu .k-button[type="reset"] {
        background-color: transparent !important;
        width: 42% !important
    }

        .k-filter-menu .k-button[type="reset"]:hover {
            text-decoration: underline
        }

    .k-filter-menu .k-button[type="submit"] {
        margin-right: 0
    }

.k-filter-menu .k-dropdown-wrap .k-input {
    height: 27px !important;
    font-size: 12px;
    line-height: 28px;
    text-indent: 1px;
    padding: 2px .3em !important
}

.k-filter-menu .k-textbox {
    height: 24px !important;
    font-size: 12px;
    margin: 0
}

.k-filter-menu .k-dropdown-wrap .k-icon {
    margin-top: -6px
}

.k-grouping-row .k-icon {
    margin: 0 4px 0 0
}

.k-grid .k-group-col, .k-grid .k-hierarchy-col {
    width: 30px
}

.k-grouping-header {
    padding: 50px 15px 15px 15px;
    border-bottom: none !important;
    text-align: center;
    min-height: 70px
}

.k-edit-cell .k-widget, .k-grid-edit-row .k-widget {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-textbox {
    text-align: left;
    font-family: 'mukta-light'
}

.k-colorpicker {
    line-height: 0
}

.k-datepicker .k-picker-wrap, .k-timepicker .k-picker-wrap {
    display: inline-block
}

.k-timepicker .k-i-clock {
    margin-top: 8px !important
}

.k-popup.k-list-container, .k-popup.k-calendar-container {
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.k-popup.k-list-container {
    min-width: 90px;
    max-height: 205px;
    padding-bottom: 0
}

.k-popup.k-calendar-container {
    padding: 0;
    font-size: 14px !important;
    line-height: 10px !important;
}

.k-popup.k-calendar {
    width: 100%;
}

.k-colorpicker .k-picker-wrap.k-state-border-down {
    padding-bottom: 0 !important;
    border-bottom-width: 1px !important
}

.k-combobox .k-select, .k-picker-wrap .k-select, .k-numeric-wrap .k-select {
    border-width: 0;
    z-index: 10
}

.k-textbox, .k-autocomplete {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    overflow: hidden
}

    .k-autocomplete .k-input {
        padding: 6px 10px 0 !important;
        text-indent: 1px !important
    }

    .k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
        height: 32px !important;
        line-height: 26px;
        line-height: 20px \9;
        padding: 6px 0 0;
        letter-spacing: .3pt;
        text-indent: 10px
    }

.k-datepicker .k-state-hover .k-input, .k-datepicker .k-state-focused .k-input {
    border-width: 0 !important
}

.k-multiselect.k-header {
    border-width: 0 !important;
    position: relative
}

.k-picker-wrap .k-icon {
    margin-top: 1px
}

.k-datepicker .k-picker-wrap > input {
    background: 0;
    height: 31px
}

.k-colorpicker .k-picker-wrap, .k-colorpicker .k-picker-wrap.k-state-default:before, .k-colorpicker .k-picker-wrap.k-state-default:after, .k-colorpicker .k-picker-wrap.k-state-hover:after, .k-colorpicker .k-picker-wrap.k-state-focused:after, .k-colorpicker .k-picker-wrap.k-state-focused:active, .k-colorpicker .k-picker-wrap.k-state-focused:before, .k-colorpicker .k-picker-wrap.k-state-hover:before, .k-colorpicker .k-picker-wrap.k-state-border-down, .k-colorpicker .k-picker-wrap.k-state-focused {
    border-color: transparent !important
}

    .k-colorpicker .k-picker-wrap.k-state-default, .k-colorpicker .k-picker-wrap.k-state-hover, .k-colorpicker .k-picker-wrap.k-state-focused {
        border-width: 0 !important
    }

.k-colorpicker .k-selected-color {
    background-image: none !important
}

.k-popup input {
    margin: 0 5px 0 0
}

.k-popup .k-list .k-item {
    padding: 3px 5px;
    text-indent: 2px
}

.k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-selected {
    border-width: 0
}

.k-multiselect-wrap {
    border-radius: 0
}

.input-icon-right .k-multiselect-wrap .k-reset {
    margin-right: 30px
}

.k-multiselect-wrap .k-input {
    height: 31px;
    padding: 5px 10px 0 0;
    font-weight: 300;
    font-style: italic;
    text-indent: 6px
}

.k-multiselect-wrap li {
    margin: 0 0 2px 4px;
    border: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 26px
}
/*.k-calendar{width:203px!important}*/
.k-calendar .k-content {
    height: 166px
}

.k-widget.k-calendar .k-nav-fast {
    height: 22px;
    line-height: 22px;
    margin: 3px 0 4px
}

.k-calendar .k-header .k-icon {
    margin: 3px 3px 4px;
    vertical-align: top
}

.k-calendar .k-header .k-i-arrow-w {
    background-position: -69px -64px !important
}

.k-calendar .k-header .k-i-arrow-e {
    background-position: -68px -49px !important
}

.k-calendar td {
    padding: 0
}

.k-calendar .k-state-focus {
    border-width: 1px
}

.k-calendar .k-content .k-link {
    padding: 0;
    min-height: 23px;
    line-height: 23px;
    text-align: center
}

.k-calendar .k-link.k-state-hover, .k-window-titlebar .k-link {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.k-calendar .k-footer .k-nav-today {
    font-size: 14px
}

.k-calendar .k-content .k-state-hover .k-link {
    color: #fff
}

.k-textbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.k-colorpicker .k-selected-color {
    width: 18px;
    height: 19px
}

.k-editor .k-editable-area {
    padding: 10px;
    border-width: 1px 0 0 0
}
/*.k-upload-button{padding:7px 20px!important;border:none!important;line-height:20px!important;min-width:inherit}*/
.rpNewTheme .k-button.k-upload-button {
    border: 0;
    min-width: inherit;
    font-weight: 300;
    line-height: 23px;
    padding: 9px 20px;
    font-size: 18px;
}

.k-upload-button input {
    font-family: inherit
}

.k-upload-files {
    border-width: 1px
}

    .k-upload-files .k-button {
        margin-left: 8px;
        position: relative;
        top: 1px
    }

.btn-browseWrap .k-upload.k-header {
    border: 0
}

.k-dropzone {
    padding: 0 !important;
    line-height: 15px !important
}

    .k-dropzone > em, .k-dropzone .k-upload-status {
        display: none
    }

table.k-editor {
    border-collapse: collapse
}

.dropdown-blank {
    word-wrap: break-word
}

    .dropdown-blank, .dropdown-blank .k-dropdown-wrap.k-state-hover, .dropdown-blank .k-dropdown-wrap.k-state-focused, .dropdown-blank .k-dropdown-wrap.k-state-active {
        background-color: transparent !important
    }

        .dropdown-blank .k-dropdown-wrap {
            border: none !important;
            padding-right: 1.4em !important;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .dropdown-blank.k-dropdown .k-dropdown-wrap .k-input {
            line-height: inherit;
            text-align: right !important;
            text-indent: 0 !important;
            padding: 0 !important
        }

        .dropdown-blank.k-dropdown .k-select {
            width: auto !important
        }

            .dropdown-blank.k-dropdown .k-select .k-i-arrow-s {
                vertical-align: top !important
            }

.k-grid table thead th {
    font-size: 14px;
    font-weight: normal;
    padding: 10px;
    line-height: 20px
}

    .k-grid table thead th:first-child {
        border-left: none
    }

.k-grid-header-wrap {
    border-width: 1px 1px 0 1px
}

.k-grid .grid-space.st-grid tbody td {
    padding: 18px 20px !important;
    border-left: none
}

.k-grid > .st-grid-outer > thead > tr > td, .k-grid > .st-grid-outer {
    padding: 0;
    border: 0 !important
}

    .k-grid > .st-grid-outer .well {
        margin-bottom: 10px
    }

div.k-grid-header {
    border-top-width: 1px;
    border-bottom: none !important
}

.k-grid-header .k-header:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child {
    border-left-width: 0
}

.k-grid-header .k-filterable .k-filter {
    height: 17px
}

.header-blank {
    background: none !important
}

.gridheader-enable .k-grid-header {
    display: table-header-group !important
}

    .gridheader-enable .k-grid-header .k-header {
        border: none !important
    }

    .gridheader-enable .k-grid-header tr th.k-header:nth-child(2) {
        color: transparent
    }

.account-grid table thead th {
    height: 70px
}

.accountlist-grid .k-master-row > td > div {
    padding: 10px
}

.k-detail-cell table td {
    border-left: none;
    padding: 10px !important
}

.st-grid-transparent > .k-grid-header, .st-grid-transparent > table > .k-grid-header {
    display: none
}

.st-grid-transparent .k-master-row .k-hierarchy-cell {
    border: 0 none !important;
    margin-top: 68px;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 11
}

@-moz-document url-prefix() {
    .st-grid-transparent .k-master-row .k-hierarchy-cell {
        margin-top: 68px
    }
}

.st-grid-transparent .k-master-row > td, .st-grid-transparent [role=row] > td {
    border-width: 1px 0;
    border-style: solid;
    padding: 0;
    line-height: 22px
}
/* .st-grid-transparent .k-master-row>td>div{line-height:18px;padding:15px 10px} */
.st-grid-transparent tr .campaign-status small {
    margin-top: 5px
}

.st-grid-transparent .k-detail-row [role=row] > td {
    border-width: 0
}

.st-grid-transparent .k-master-row:first-child > td {
    border-width: 1px 0
}

.st-grid-transparent .k-hierarchy-col {
    width: 0 !important
}

.st-grid-transparent .k-detail-row .k-hierarchy-cell {
    padding: 0
}

.st-grid-transparent .campaign-titlesec {
    width: 270px
}

#campaignOverviewGrid .st-grid-transparent .campaign-titlesec {
    width: auto
}

.st-grid-transparent .campaign-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 5px 0;
    width: 100%;
    max-width: 100%
}

.st-grid-transparent .campaign-title-small {
    line-height: 30px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

#alertAndNotificationsAutoUpdate {
    margin-top: 2px
}

.st-grid-transparent .k-detail-cell {
    border: none !important;
    padding: 0
}

.st-grid-transparent td:last-child {
    border-right-width: 1px !important
}

.st-grid-transparent .k-grid.k-widget > table {
    border-collapse: collapse;
    margin-top: -11px
}

.st-grid-transparent .indent15 {
    text-indent: 15px
}

.st-grid-transparent.k-grid.k-widget > table {
    border-width: 0 !important
}

.st-grid-transparent.k-grid.k-grid > table {
    border-spacing: 0 10px
}

.st-grid-transparent.k-grid tr:first-child td {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important
}

.st-grid-transparent.k-grid > table > tbody > tr > td:first-child {
    border-left-width: 4px !important
}

.st-grid-transparent > table > tbody > tr > td:first-child i {
    vertical-align: top !important
}

.st-grid-transparent > .k-grid-content > table {
    border-collapse: separate;
    border-spacing: 0 10px;
    margin-top: -10px
}

.st-grid-transparent > table tbody > tr > td[role="gridcell"] > div {
    padding: 15px 10px;
    line-height: 18px
}

.st-grid-transparent td i {
    vertical-align: middle
}

.campaignlist-grid .k-hierarchy-cell a {
    width: 29px;
    height: 24px
}

.campaignlist-grid .k-icon.k-plus {
    background-position: -72px 0
}

.campaignlist-grid .k-icon.k-minus {
    background-position: -72px -27px
}

.campaignlist-grid .k-hierarchy-cell a {
    background: none !important
}

    .campaignlist-grid .k-hierarchy-cell a.k-icon:after {
        border-left: 28px solid transparent;
        border-right: 0 solid transparent;
        content: " ";
        position: relative;
        z-index: -1
    }

    .campaignlist-grid .k-hierarchy-cell a.k-icon:before {
        bottom: 7px;
        font-size: 16px;
        line-height: 4px;
        position: absolute;
        right: 2px
    }

    .campaignlist-grid .k-hierarchy-cell a.k-icon.k-plus:before {
        content: "+"
    }

    .campaignlist-grid .k-hierarchy-cell a.k-icon.k-minus:before {
        content: "--";
        letter-spacing: -3px;
        font-weight: bold;
        right: 5px
    }

.campaignlist-grid .k-grid td {
    position: static !important;
    overflow: visible
}

.label-gold:after {
    content: " ";
    display: inline-block;
    position: absolute;
    right: -1px;
    top: -3px;
    z-index: -1
}

.label-gold {
    position: absolute;
    margin-right: 1px;
    top: 3px;
    right: 0;
    font-size: 12px;
    line-height: 9px;
    cursor: default;
    z-index: 2
}

.k-i-clock {
    background-position: -31px -192px
}

.k-link:hover:not(.k-state-disabled) > .k-i-clock, .k-state-hover > .k-i-clock, .k-state-hover > * > .k-i-clock, .k-button:hover .k-i-clock, .k-textbox:hover .k-i-clock, .k-button:active .k-i-clock {
    background-position: -47px -192px
}
/* Footer Styles
  --------------------------------------------- */
.copyright {
    font-size: 12px;
    font-weight: 300;
    text-align: center
}

    .copyright a {
        padding: 0 15px
    }

        .copyright a:focus {
            text-decoration: underline
        }

    .copyright span {
        padding-right: 15px
    }

        .copyright span a {
            background: 0;
            padding: 0
        }

.paginate {
    margin: 0 0 20px;
    font-size: 13px;
    line-height: 0;
    position: relative
}

    .paginate .display {
        position: absolute;
        right: 0;
        top: 10px
    }

    .paginate .paging {
        float: left
    }

        .paginate .paging > li {
            display: table-cell;
            vertical-align: middle
        }

            .paginate .paging > li > a {
                background-repeat: no-repeat;
                background-position: 0 0;
                width: 18px;
                height: 22px;
                float: left
            }

            .paginate .paging > li .first {
                background-position: 1px -110px
            }

            .paginate .paging > li .last {
                background-position: 2px -78px
            }

            .paginate .paging > li .prev {
                background-position: 1px -46px;
                margin-right: 5px
            }

            .paginate .paging > li .next {
                background-position: 2px -14px;
                margin-left: 5px
            }

            .paginate .paging > li .disable {
                opacity: .5;
                filter: alpha(opacity=50);
                cursor: default
            }

            .paginate .paging > li > ul {
                overflow: hidden
            }

                .paginate .paging > li > ul > li {
                    display: table-cell;
                    line-height: 0
                }

                    .paginate .paging > li > ul > li > a {
                        width: auto;
                        display: inline-block;
                        padding: 0 8px;
                        line-height: 21px;
                        vertical-align: top
                    }

                        .paginate .paging > li > a:hover, .paginate .paging > li > ul > li > a:hover {
                            text-decoration: none
                        }

                    .paginate .paging > li > ul > li:first-child > a {
                        border-left: none
                    }

        .paginate .paging .p-count {
            width: 35px;
            height: 23px;
            margin: 0 6px;
            padding: 3px 5px !important;
            font-size: 12px;
            text-align: center
        }

    .paginate .legend {
        margin: 0;
        padding: 0;
        text-align: center
    }

        .paginate .legend > ul {
            display: inline-block;
            margin-left: -190px
        }

            .paginate .legend > ul > li {
                padding: 0 7px
            }

/* Back to top anchor */
.scroll-top {
    display: none;
    position: fixed;
    right: 30px;
    bottom: 20px;
    border-style: solid none none solid;
    border-width: 2px;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 11
}

/* Footer Stick */
body, html {
    height: 100%
}

.footer-fixed {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 11
}

section {
    min-height: 95%;
    margin-bottom: 0
}

    section:after {
        content: "";
        display: block
    }

    footer, section:after {
        height: 56px
    }

div#ms-push-notify .otp-tick-container.otc-tick {
    right: -10px;
    top: 13px
}
/* Responsive defaults
  --------------------------------------------- */
/* Large devices (desktops, less than 1024px) */
@media screen and (max-width:1024px) {
    h1, h2, h4, h5 {
        font-family: sans-serif,Arial,Helvetica
    }

    .prototype-tag {
        margin-top: 19%;
        display: none
    }

    #wrapper {
        width: 100%;
        padding: 20px
    }

    header .wrapper, footer .wrapper {
        padding: 20px 0;
        font-size: 13px
    }

    .tooltip {
        display: none !important
    }
}

/* Extra small devices (phones, less than 767px) */
@media(max-width:767px) {
    label {
        margin-bottom: 5px
    }

    .col-sm-reset {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        float: none
    }

    .form-horizontal .form-inline {
        text-align: left
    }

    .form-inline .form-control {
        width: 100%
    }
}

/* Small devices (tablets, 768px and up) */
@media(min-width:768px) {
    .container {
        width: 100%;
    }

    .col-sm-reset {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        float: none;
    }
}

/* Medium devices (tablets, less than 900px) */
@media(max-width:900px) {
    #wrapper {
        padding: 20px 15px
    }

    .list-channel > li > div {
        padding: 45px 22px 15px
    }

    .master-recip .master-recip-data {
        max-width: 354px
    }

    .activity-chart > div .desc {
        display: none
    }

    .campaign-performance-chart {
        width: 100%
    }

    .k-grid.k-widget {
        width: 100%;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch
    }

    .k-pager-wrap {
        position: static;
        -moz-box-sizing: content-box !important;
        -webkit-box-sizing: content-box !important;
        box-sizing: content-box !important
    }

    .info-popup {
        display: none
    }
}

/* Medium devices (desktops, 992px and up) */
@media(min-width:992px) {
    .container {
        width: 1152px;
        padding: 0;
        max-width: 1152px
    }

    .col-md-reset {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        float: none
    }
}

/* Large devices (large desktops, 1200px and up) */
@media(min-width:1200px) {
    .col-lg-reset {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        float: none
    }
}

/* Extra small devices (phones, less than 567px) */
@media only screen and (max-width:567px) {
    .col-xxs-12 {
        width: 100%
    }

    .hidden-xxs {
        display: none !important
    }

    .space-top1 {
        margin-top: 15px !important
    }

    .nav-collapse {
        display: none
    }

    .tabs-left .nav-tabs > li {
        float: none
    }

    .timeslot .task > div, .timeslot.alt .task > div {
        margin: 0
    }

    .content-grid.table-responsive > tbody > tr > td {
        width: 50%;
        float: left
    }

    .welcome {
        height: auto
    }

    .choose-or {
        margin: 10px 0;
        width: auto;
        min-width: 65px;
        min-height: inherit;
        position: relative;
        text-align: center;
        z-index: 1
    }

        .choose-or:before {
            content: "";
            position: absolute;
            display: block;
            top: 50%;
            left: 0;
            right: 0;
            z-index: -1
        }

        .choose-or *:first-child {
            display: inline-block;
            padding: 4px 0;
            position: relative;
            top: 0
        }
}

/* Extra small devices (phones, less than 350px) */
@media only screen and (max-width:350px) {
    .topNavsec {
        width: 100%;
        left: 0;
        margin-left: 0
    }

    .topNav {
        width: 97%
    }

    .welcome-text > span {
        float: none
    }

    .page-header {
        margin-top: 20%
    }

    .topNav > span:first-child {
        width: 100px;
        padding: 8px 6px 0
    }

    .topNav > span {
        right: -4px
    }

    .topNav > ul {
        left: 102px
    }

        .topNav > ul > li {
            margin-left: 3px
        }

            .topNav > ul > li > div > span {
                left: 30px
            }

            .topNav > ul > li > div > a > img {
                margin-top: 6px
            }

            .topNav > ul > li > div > a {
                width: 34px;
                height: 34px
            }

            .topNav > ul > li.medium > div > a {
                width: 38px;
                height: 38px;
                margin-top: 11px !important
            }

                .topNav > ul > li.medium > div > a > img, .topNav > ul > li.large > div > a > img {
                    margin-top: 11px
                }

            .topNav > ul > li.large > div > a {
                width: 46px;
                height: 46px;
                margin-top: 4px
            }
}

/* Extra small devices (phones, less than 480px) */
@media only screen and (max-width:480px) {
    .hidden-480 {
        display: none !important
    }
}

/* Extra small devices (phones, less than 320px) */
@media only screen and (max-width:320px) {
    .hidden-320 {
        display: none !important
    }
}

@media only screen and (min-width:901px) and (max-width:1024px) {
    .desc:after {
        width: 200%
    }

    .activity-chart > div .desc {
        left: -300px !important;
        width: 175px
    }

        .activity-chart > div .desc.right {
            left: 405px !important
        }
}

/* Icons styles
  --------------------------------------------- */
[class^="glyp-icon-"], [class*=" glyp-icon-"] {
    display: inline-block;
    width: 20px;
    height: 22px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: middle;
    background-position: 0 0;
    background-repeat: no-repeat
}

.glyp-icon-recipients {
    width: 24px;
    background-image: url(../Images/d-icon-1.svg);
    background-position: center;
    height: 25px;
    margin-top: 4px !important
}

li.active .glyp-icon-recipients {
    width: 24px;
    background-image: url(../Images/d-icon-1-w.svg)
}

.glyp-icon-campaign {
    width: 25px;
    background-image: url(../Images/d-icon-2.svg);
    background-position: center;
    height: 25px;
    margin-left: -3px !important;
    margin-top: 8px !important
}

li.active .glyp-icon-campaign {
    background-image: url(../Images/d-icon-2-w.svg)
}

.glyp-icon-dashboard {
    width: 40px;
    background-image: url(../Images/d-icon-3.svg);
    background-position: center;
    height: 35px;
    margin-top: 6px !important
}

li.active .glyp-icon-dashboard {
    background-image: url(../Images/d-icon-3-w.svg)
}

.glyp-icon-reports {
    background-image: url(../Images/d-icon-4.svg);
    background-position: center;
    margin-top: 8px !important
}

li.active .glyp-icon-reports {
    background-image: url(../Images/d-icon-4-w.svg)
}

.glyp-icon-preferences {
    width: 22px;
    background-image: url(../Images/d-icon-5.svg);
    margin-top: 7px !important
}

li.active .glyp-icon-preferences {
    background-image: url(../Images/d-icon-5-w.svg)
}

.glyp-icon-clients {
    background-position: -357px 0;
    width: 26px
}

.glyp-icon-exclamatory {
    background-position: 0 0;
    width: 22px
}

.glyp-icon-tick {
    background-position: -29px 0;
    width: 22px
}

.glyp-icon-arrow {
    background-position: -59px 0;
    width: 22px
}

.glyp-icon-setting {
    background-position: -89px 0;
    width: 22px
}

.glyp-icon-minus {
    background-position: -119px 0;
    width: 22px
}

.glyp-icon-facebookapp {
    background-position: -210px 0
}

.glyp-icon-facebook {
    background-position: -240px 0
}

.glyp-icon-twitter {
    background-position: -270px 0
}

.glyp-icon-googleplus {
    background-position: -300px 0
}

.glyp-icon-pinterest {
    background-position: -330px 0
}

.glyp-icon-linkedin {
    background-position: -360px 0
}

.icon-question-help:before {
    content: "?";
    font: 14px 'mukta-regular'
}

.glyp-icon-minus-sm {
    background-position: -422px -4px;
    width: 16px;
    height: 17px
}

/* Detail Analytics styles starts here */
.widget-chart-expand {
    width: 100%;
    height: 400px;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 11;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

    .widget-chart-expand > a {
        background-color: var(--primary-color);
        position: absolute;
        top: 45%;
        right: 0;
        padding: 15px 4px 15px 5px;
        cursor: pointer;
        z-index: 11
    }

    .widget-chart-expand .widget-body {
        width: 96%;
        height: 308px;
        padding: 15px;
        border: none !important;
        text-align: center
    }

        .widget-chart-expand .widget-body img {
            max-width: none
        }

    .widget-chart-expand.expand {
        width: 980px
    }

        .widget-chart-expand.expand .widget-body {
            width: 97%
        }

    .widget-chart-expand .widget-header, .widget-chart .widget-header {
        height: 50px;
        padding: 15px;
        border: none !important
    }

    .widget-chart-expand .widget-legend, .widget-chart .widget-legend {
        height: 40px;
        padding: 8px 15px 0;
        text-align: center
    }

    .widget-chart-expand .widget-info, .widget-chart .widget-info {
        width: 100%;
        height: 45px;
        position: absolute;
        bottom: 0
    }

    .widget-chart-expand .widget-header h4, .widget-chart .widget-header h4 {
        font-size: 18px
    }

.widget-chart {
    height: 440px
}

    .widget-chart .widget-legend > a {
        float: right;
        font-size: 12px
    }

    .widget-chart .widget-body {
        width: 100%;
        height: 340px;
        padding: 15px;
        border: none !important;
        text-align: center
    }

#grid-pageDepth, #ra_ByBrowser_SegmentTbl, #ra_ByDevice_SegmentTbl {
    overflow-y: auto;
    max-height: 350px
}

.widget-chart.widget-legendinfo .widget-body {
    height: 290px
}

.widget-chart.widget-info .widget-body {
    height: 330px
}

.widget-chart.widget-info ul.widget-info.panel-list li {
    display: flex !important;
}

.widget-chart.widget-info ul.widget-info.panel-list .state-info {
    width: 100%;
}

.widget-keymetrics {
    height: 400px;
    overflow: hidden
}

.widget-keymetrics-new {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border: 1px solid #b8b8b8;
    overflow: inherit;
}

    .widget-keymetrics-new .list-post {
        align-items: center;
        display: flex;
    }

    .widget-keymetrics-new .list-post,
    .widget-keymetrics-new .key-list-post {
        height: auto;
        min-height: initial;
        margin: 0;
    }

        .widget-keymetrics-new .key-list-post h3 {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .widget-keymetrics-new .key-list-post h4 {
            padding-bottom: 10px;
        }

        .widget-keymetrics-new .key-list-post h3 span.data-Tg {
            float: left;
        }

        .widget-keymetrics-new .list-post.channelCostValue {
            display: flex;
            align-items: center;
        }

        .widget-keymetrics-new .list-post li {
            width: 100%;
            text-align: center;
        }

    .widget-keymetrics-new ul.list-post li span {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .widget-keymetrics-new .list-post li span.hide {
        display: none;
    }

    .widget-keymetrics-new ul.list-post li span span {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .widget-keymetrics-new ul.list-post li h4 {
        font-size: 24px;
        margin: 0;
    }

    .widget-keymetrics-new ul.list-post li p {
        font-size: 15px;
        margin: 0;
    }

.detail-chart-expand {
    height: 320px !important;
    margin: 0 auto
}

.detail-chart {
    height: 350px !important;
    margin: 0 auto
}

.detail-chart1 {
    height: 310px !important;
    margin: 5px auto 0 auto
}

.dashboard-chart {
    height: 320px !important;
    margin: 0 auto;
    padding: 0 20px
}

.leads-chart {
    width: 432px !important;
    height: 170px !important
}

.invoice-msg p {
    color: #fff;
    margin: 0;
    font-weight: 500
}

.invoice-notes {
    position: absolute;
    bottom: 0
}

.data-grid tr > td.border-white {
    border-bottom: 1px solid #fdfdfd;
    border-left: 1px solid #fdfdfd
}

#switch-thumb {
    width: 55px;
    position: fixed;
    border-radius: 0;
    z-index: 999;
    top: 200px;
    margin-left: -1px
}

    #switch-thumb .content-switcher {
        width: 100%;
        padding: 0;
        background: #fff;
        display: block;
        border: 1px solid #e9e9eb;
        float: left
    }

    #switch-thumb ul {
        padding: 0 !important;
        margin: 0 !important
    }

        #switch-thumb ul li {
            display: block;
            height: 62px;
            border-top: 1px solid #e9e9eb
        }

            #switch-thumb ul li:first-child {
                border-top: 0
            }

            #switch-thumb ul li span {
                width: 55px;
                height: 62px;
                float: left;
                background: url(themes/base/minified/admin-menu.png) no-repeat left top
            }

            #switch-thumb ul li.active, #switch-thumb ul li:hover {
                background-color: #f56701 !important
            }

            #switch-thumb ul li.admin-dashboard span {
                background-position: 6px 16px
            }

            #switch-thumb ul li.client span {
                background-position: 6px -42px
            }

            #switch-thumb ul li.moderation span {
                background-position: 6px -105px
            }

            #switch-thumb ul li.report span {
                background-position: 6px -165px
            }

            #switch-thumb ul li.settings span {
                background-position: 6px -228px
            }

            #switch-thumb ul li.paymentG span {
                background-position: 6px -278px
            }

            #switch-thumb ul li.admin-dashboard:hover span, #switch-thumb ul li.admin-dashboard.active span {
                background-position: -76px 16px
            }

            #switch-thumb ul li.client:hover span, #switch-thumb ul li.client.active span {
                background-position: -76px -42px
            }

            #switch-thumb ul li.moderation:hover span, #switch-thumb ul li.moderation.active span {
                background-position: -76px -105px
            }

            #switch-thumb ul li.report:hover span, #switch-thumb ul li.report.active span {
                background-position: -76px -165px
            }

            #switch-thumb ul li.settings:hover span, #switch-thumb ul li.settings.active span {
                background-position: -76px -228px
            }

            #switch-thumb ul li.paymentG:hover span, #switch-thumb ul li.paymentG.active span {
                background-position: -76px -278px
            }

            #switch-thumb ul li h4 {
                float: left;
                margin-left: 10px;
                line-height: 60px;
                margin-bottom: 0;
                display: none;
                color: #585858
            }

            #switch-thumb ul li:hover h4, #switch-thumb ul li.active h4 {
                color: #fff
            }

#show-switch, #hide-switch {
    background: var(--primary-color);
    font-size: 18px;
    display: block;
    cursor: pointer;
    text-align: center;
    float: right;
    width: 55px;
    margin-bottom: -1px;
    position: relative;
    padding: 3px 0 2px 0
}

#hide-switch {
    display: none
}

    #show-switch i, #hide-switch i {
        position: relative;
        top: 1px
    }

#chat-thumb {
    width: 55px;
    position: fixed;
    border-radius: 0;
    z-index: 999;
    top: 325px;
    margin-left: -1px;
    right: 0
}

    #chat-thumb .content-switcher {
        width: 100%;
        padding: 0;
        background: #fff;
        display: block;
        border: 1px solid #e9e9eb;
        float: left
    }

    #chat-thumb ul {
        padding: 0 !important;
        margin: 0 !important
    }

        #chat-thumb ul li {
            display: block;
            height: 62px;
            border-top: 1px solid #e9e9eb
        }

            #chat-thumb ul li:first-child {
                border-top: 0
            }

            #chat-thumb ul li span {
                width: 55px;
                height: 62px;
                float: left;
                background: url(themes/base/minified/admin-menu-dashboard.png) no-repeat left top
            }

            #chat-thumb ul li.active, #chat-thumb ul li:hover {
                background-color: #e9e9eb !important
            }

            #chat-thumb ul li.admin-dashboard span {
                background-position: 6px 16px
            }

            #chat-thumb ul li.client span {
                background-position: 11px -42px
            }

            #chat-thumb ul li.moderation span {
                background-position: 11px -105px
            }

            #chat-thumb ul li.report span {
                background-position: 6px -165px
            }

            #chat-thumb ul li.settings span {
                background-position: 6px -228px
            }

            #chat-thumb ul li.admin-dashboard:hover span, #chat-thumb ul li.admin-dashboard.active span {
                background-position: -76px 16px
            }

            #chat-thumb ul li.client:hover span, #chat-thumb ul li.client.active span {
                background-position: -76px -42px
            }

            #chat-thumb ul li.moderation:hover span, #chat-thumb ul li.moderation.active span {
                background-position: -76px -105px
            }

            #chat-thumb ul li.report:hover span, #chat-thumb ul li.report.active span {
                background-position: -76px -165px
            }

            #chat-thumb ul li.settings:hover span, #chat-thumb ul li.settings.active span {
                background-position: -76px -228px
            }

            #chat-thumb ul li h4 {
                float: left;
                margin-left: 10px;
                line-height: 60px;
                margin-bottom: 0;
                display: none;
                color: #585858
            }

            #chat-thumb ul li:hover h4, #chat-thumb ul li.active h4 {
                color: #fff
            }

#add-switch, #remov-switch {
    background: var(--primary-color);
    font-size: 18px;
    display: block;
    cursor: pointer;
    text-align: center;
    float: left;
    width: 55px;
    margin-bottom: -1px;
    position: relative;
    margin-right: 1px
}

#remov-switch {
    display: none
}

.nopage-sec {
    width: 500px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../Images/error-404.png) no-repeat right top;
    height: 448px;
    margin-top: 80px;
    padding: 100px 0 0
}

#switch-thumb ul li.rpHealthCheck-CSS span {
    background-position: -5px -345px;
    height: 40px;
}

#switch-thumb ul li.rpHealthCheck-CSS:hover span, #switch-thumb ul li.rpHealthCheck-CSS.active span {
    background-position: -85px -343px;
}

/* admin dashboard styles */
.dash-box h4 span, .dash-box-top h4 span {
    font-size: 12px !important
}

.dash-box h4 {
    line-height: 34px
}

.dash-corner, .dash-corner-orange, .dash-corner-grey {
    position: relative;
    float: right
}

    .dash-corner:before {
        content: "";
        position: absolute;
        right: 0;
        top: -20px;
        border-left: 30px solid transparent;
        border-right: 0 solid transparent;
        border-top: 30px solid var(--primary-color);
        z-index: 9
    }

    .dash-corner-orange:before {
        content: "";
        position: absolute;
        right: 0;
        top: -20px;
        border-left: 30px solid transparent;
        border-right: 0 solid transparent;
        border-top: 30px solid #ff9743;
        z-index: 9
    }

    .dash-corner-grey:before {
        content: "";
        position: absolute;
        right: 0;
        top: -20px;
        border-left: 30px solid transparent;
        border-right: 0 solid transparent;
        border-top: 30px solid #6d6e71;
        z-index: 9
    }

    .dash-corner span, .dash-corner-orange span, .dash-corner-grey span {
        position: absolute;
        font-size: 12px;
        color: #fff;
        z-index: 99;
        top: -18px;
        right: 4px
    }

.account-tab > li {
    width: 25%
}

.account-text li {
    color: #b8b8b8;
    display: inline-block;
    position: relative;
    padding-left: 12px;
    margin: 0 8px 0 0;
    font-size: 12px;
    font-weight: 300
}

.moreIcon {
    background: url(../Images/admin/icons.png)no-repeat -278px -25px var(--primary-color);
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0
}

.minusIcon {
    background: url(../Images/admin/icons.png)no-repeat -250px -25px var(--primary-color);
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0
}

.client-logo {
    min-height: 200px
}

.client-profile .well {
    padding: 12px 20px !important
}

.margin-top-43 {
    margin-top: -43px
}

.approve-icons a {
    padding: 0 10px
}

.invoice-msg span {
    padding: 3px 10px
}

.account-author .dash-corner-orange, .account-author .dash-corner {
    top: 9px !important;
    right: -10px !important
}

.k-search-wrap {
    position: relative;
    float: right;
    width: 20%
}

    .k-search-wrap .k-search {
        position: absolute;
        top: 14px;
        right: 2px;
        margin: 0
    }

.emailfilter span {
    width: 300px
}

.emaildropdown {
    top: 15px
}

/* ORM Text Cloud Styles */
div.jqcloud {
    overflow: hidden;
    position: relative;
    font-family: 'mukta-regular';
    color: #0084ff;
    font-size: 10px;
    line-height: normal
}

    div.jqcloud a {
        font-size: inherit;
        text-decoration: none
    }

    div.jqcloud span {
        padding: 0
    }

        div.jqcloud span.w10 {
            font-size: 34px;
            font-weight: 500
        }

        div.jqcloud span.w9 {
            font-size: 32px
        }

        div.jqcloud span.w8 {
            font-size: 27px
        }

        div.jqcloud span.w7 {
            font-size: 22px
        }

        div.jqcloud span.w6 {
            font-size: 20px
        }

        div.jqcloud span.w5 {
            font-size: 18px
        }

        div.jqcloud span.w4 {
            font-size: 15px
        }

        div.jqcloud span.w3 {
            font-size: 13px
        }

        div.jqcloud span.w2 {
            font-size: 12px
        }

        div.jqcloud span.w1 {
            font-size: 11px
        }

    div.jqcloud a {
        color: inherit
    }

        div.jqcloud a:hover {
            color: #0084ff
        }

    div.jqcloud span.w10.positive {
        color: #99cc03
    }

    div.jqcloud span.w9.positive {
        color: #99cc03
    }

    div.jqcloud span.w8.positive {
        color: #99cc03
    }

    div.jqcloud span.w7.positive {
        color: #99cc03
    }

    div.jqcloud span.w6.positive {
        color: #99cc03
    }

    div.jqcloud span.w5.positive {
        color: #99cc03
    }

    div.jqcloud span.w4.positive {
        color: #99cc03
    }

    div.jqcloud span.w3.positive {
        color: #99cc03
    }

    div.jqcloud span.w2.positive {
        color: #99cc03
    }

    div.jqcloud span.w1.positive {
        color: #99cc03
    }

    div.jqcloud span.w10.neutral {
        color: #33b5e6
    }

    div.jqcloud span.w9.neutral {
        color: #33b5e6
    }

    div.jqcloud span.w8.neutral {
        color: #33b5e6
    }

    div.jqcloud span.w7.neutral {
        color: #33b5e6
    }

    div.jqcloud span.w6.neutral {
        color: #33b5e6
    }

    div.jqcloud span.w5.neutral {
        color: #33b5e6
    }

    div.jqcloud span.w4.neutral {
        color: #33b5e6
    }

    div.jqcloud span.w3.neutral {
        color: #33b5e6
    }

    div.jqcloud span.w2.neutral {
        color: #33b5e6
    }

    div.jqcloud span.w1.neutral {
        color: #33b5e6
    }

    div.jqcloud span.w10.negative {
        color: #fe5758
    }

    div.jqcloud span.w9.negative {
        color: #fe5758
    }

    div.jqcloud span.w8.negative {
        color: #fe5758
    }

    div.jqcloud span.w7.negative {
        color: #fe5758
    }

    div.jqcloud span.w6.negative {
        color: #fe5758
    }

    div.jqcloud span.w5.negative {
        color: #fe5758
    }

    div.jqcloud span.w4.negative {
        color: #fe5758
    }

    div.jqcloud span.w3.negative {
        color: #fe5758
    }

    div.jqcloud span.w2.negative {
        color: #fe5758
    }

    div.jqcloud span.w1.negative {
        color: #fe5758
    }


/* Page Loading Styles */
.loading .loading-content {
    -webkit-animation-duration: 1000ms;
    -moz-animation-duration: 1000ms;
    -ms-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-name: spin;
    -moz-animation-name: spin;
    -ms-animation-name: spin;
    animation-timing-function: linear;
    background: rgba(0,0,0,0) url("/Images/loading.png") no-repeat center center;
    height: 57px;
    left: 50%;
    margin-left: -28px;
    margin-top: -28px;
    position: absolute;
    top: 50%;
    width: 57px
}

.loading .loading-tick {
    background: rgba(0,0,0,0) url("/images/loading-ticks.png") no-repeat scroll top left;
    height: 22px;
    left: 50%;
    margin-left: -11px;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    width: 23px
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

/* 21 Nov 2015 */
div.k-window-content {
    padding: 0 !important
}

.temp-imgEditor.edit-outline {
    float: left;
    width: 100%
}

    .temp-imgEditor .edit-outline > .k-editor {
        overflow: hidden
    }

.temp-captionEditor table tbody tr td div.k-widget br {
    display: none !important
}

.temp-captionEditor1 table tbody tr td div.k-widget br {
    display: none !important
}

.rnlc-content, .rnrc-content {
    text-align: left;
    padding: 9px 0 9px 15px !important
}

.rnlc-image, .rnrc-image {
    text-align: center;
    padding: 14px 10px !important
}

.modal-body .rnlc-image, .modal-body .rnrc-image {
    padding: 16px 10px !important
}

#content-preview .modal-body {
    padding: 0
}

    #content-preview .modal-body .targetTab.nav-tabs {
        border: 0
    }

    #content-preview .modal-body .te-btn-block {
        padding: 0 !important
    }

#mainTemplateContainer .k-br {
    display: none
}

.temp-tableEditor br {
    display: none !important
}

.clientallAlign {
    width: 100% !important
}

.tab-content.manageClient {
    margin-top: 40px
}

.nav-tabs.manageTabsV {
    position: absolute;
    width: 100%;
    top: 30px
}

.tabtop-fixed {
    margin: -30px -30px 30px !important
}

.overview_description {
    bottom: 5px;
    color: #b8b8b8;
    font-size: 10px;
    left: 12px;
    padding-right: 5px;
    position: absolute;
    z-index: 999
}

.perform_box_description .overview_description {
    right: 157px
}

.compareChart {
    margin: 0;
    padding: 0 0 15px;
    position: relative
}

.search, .search-on {
    height: 25px
}

.searchEffect .slidePanel {
    background: #9a9a9d none repeat scroll 0 0;
    border-radius: 20px;
    width: 26px
}

.searchEffect .searchSlide, .searchEffect .search-noslide {
    cursor: pointer;
    float: right;
    margin: 0 !important;
    padding: 0
}

.searchSlide {
    background: #9a9a9d none repeat scroll 0 0;
    border-radius: 20px;
    height: 25px;
    padding: 0 4px;
    width: 26px
}

.search.searchEffect {
    background-color: #9a9a9d
}

    .search.searchEffect .searchField {
        border: medium none;
        float: left;
        font-size: 12px;
        height: 19px;
        line-height: 17px;
        margin: 0;
        padding: 0;
        width: 0
    }

.searchEffect input {
    background-color: #fff;
    background-size: 0 auto;
    border-radius: 10px;
    height: 21px;
    margin: 2px 0 0 2px;
    padding: 0 0 0 10px;
    transition: border .2s linear 0s,box-shadow .2s linear 0s;
    width: 173px;
    padding: 0 20px 0 10px !important;
    box-shadow: none
}

    .searchEffect input:focus {
        background-color: #fff;
        box-shadow: none;
        background-size: 0;
        transition: border .2s linear 0s,box-shadow .2s linear 0s;
        border-radius: 10px;
        height: 21px;
        margin: 2px 0 0 2px;
        padding: 0 0 0 10px;
        padding-right: 20px
    }

    .searchEffect input:hover {
        background: #fff !important;
        background-size: 0
    }

.searchField {
    display: none;
    left: 20px;
    margin: 0;
    padding: 2px 0 2px 6px
}

.searchEffect img {
    left: 6px;
    position: absolute;
    top: 6px;
    transform: rotate(275deg)
}

.search.searchEffect *::-moz-placeholder {
    color: #646883 !important;
    font-style: normal !important
}

#preview1 {
    width: 625px;
    margin: 0 auto
}

    #preview1 .editable {
        padding: 0 !important
    }

    #preview1 .temp-txtEditor {
        padding-bottom: 1px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 1px !important
    }

#emailContentView .temp-txtEditor div {
    border: none !important
}

.date-range-picker.daterange1 {
    padding-top: 0
}

.complistL {
    background: #6f6b6b none repeat scroll 0 0;
    color: #ccc;
    font-size: 14px;
    padding: 10px 8px 1px;
    width: 100%
}

.list-overview-data .popover, .campagainStatus .popover {
    background-color: #fff;
    border: 1px solid #514c4c;
    color: #585858
}

.campagainStatus .popover {
    width: 162px
}

    .list-overview-data .popover.bottom > .arrow::after, .campagainStatus .popover.bottom > .arrow::after {
        border-bottom-color: #6f6b6b
    }

.campagainStatus .popover-content {
    background: #6f6b6b none repeat scroll 0 0;
    padding: 5px
}

.complistL li i, .complistR li i {
    float: left;
    width: 23px
}

.complistL li, .complistR li {
    font-size: 14px
}

.temp-imgEditor div {
    background-color: rgba(0,0,0,0)
}

    .temp-imgEditor div.tooltip-inner {
        background-color: #000
    }

.widget-template p {
    display: block;
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px
}

.temp-holderSec > tbody > tr > td img {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    vertical-align: baseline
}

.overviewfontsize {
    font-size: 100% !important;
    color: #b8b8b8 !important
}

#pnlClientDropdownPanel {
    display: block !important
}

.list-detailbox #accordionAcquistion li div p {
    line-height: 19px
}

.facebook-text {
    color: #6078aa !important;
    padding-right: 4px
}

.twitter-text {
    color: #31ccfd !important;
    padding-right: 4px
}

.google-text {
    color: #fe5758 !important;
    padding-right: 4px
}

.pricing-plans .plan-header p {
    color: #585858;
    margin-bottom: 5px;
    text-align: center
}

.k-header.k-filterable .k-grid-filter {
    padding: 17px 10px 0;
}

/* Smart URL */
.smart-url-overlay {
    background-color: rgba(255,255,255,0.9);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1111
}

    .smart-url-overlay > div {
        width: 100%;
        height: 100%;
        display: table
    }

    .smart-url-overlay .smart-url-inner {
        display: table-cell;
        vertical-align: top;
        padding-top: 60px;
        text-align: center
    }

        .smart-url-overlay .smart-url-inner h2 {
            margin-bottom: 30px
        }

        .smart-url-overlay .smart-url-inner .btn-block .btn {
            margin-left: 25px
        }

.icon-multiple {
    background-color: transparent !important;
    padding: 0 !important;
    text-align: center
}

    .icon-multiple > a {
        height: 100%;
        float: left;
        padding: 17px 10px 0
    }

    .icon-multiple .icon-edit-form-small {
        margin-right: -3px
    }

.smarturl-icon {
    width: 28px;
    height: 28px;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 50%;
    font: 700 20px/25px 'mukta-regular';
    text-align: center
}

.info-location {
    margin-left: -10px;
    position: relative;
    z-index: 2
}

.form-smarturl {
    padding-top: 40px !important;
    height: 400px;
    overflow-y: scroll
}

    .form-smarturl .form-group {
        margin-bottom: 15px
    }

        .form-smarturl .form-group .control-label-left {
            min-width: 100px
        }

.app-details-outer {
    position: relative
}

.app-details-outerB {
    position: relative
}

.app-details-sec {
    margin-bottom: 20px
}

.app-details-inner .app-details {
    padding: 15px 15px 10px;
    margin-top: 15px;
    position: relative;
    border: 1px solid #e9e9eb
}

    .app-details-inner .app-details:first-child {
        margin-top: 0
    }

.app-details-innerB .app-detailsB {
    padding: 15px 15px 10px;
    margin-top: 15px;
    position: relative;
    border: 1px solid #e9e9eb
}

    .app-details-innerB .app-detailsB:first-child {
        margin-top: 0
    }

.add-offer {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 6
}

    .add-offer a {
        margin-left: 5px;
        vertical-align: middle
    }

.coupon-icon {
    font-size: 36px
}

.add-app-detail {
    position: absolute;
    right: -35px;
    bottom: 15px
}

.add-app-detailB {
    position: absolute;
    right: -35px;
    bottom: 15px
}

.app-detailurladd {
    top: 25px;
    position: absolute;
    right: -15px
}

.app-detailurladdB {
    top: 25px;
    position: absolute;
    right: -15px
}

.close-appdetail {
    position: absolute;
    right: -35px;
    top: 10px
}

.close-appdetailB {
    position: absolute;
    right: -35px;
    top: 10px
}

.smarturl-short {
    padding: 0 10px 10px;
    overflow: hidden
}

    .smarturl-short input {
        padding-left: 2px
    }

        .smarturl-short input[readonly] {
            color: #585858 !important
        }

    .smarturl-short .offer-input {
        background: none !important;
        height: auto !important;
        padding: 10px 0 0 !important
    }

        .smarturl-short .offer-input:hover, .smarturl-short .offer-input:focus {
            background: none !important
        }

.target-display, .target-display1 {
    min-height: 200px;
    margin-top: 30px;
    padding-top: 10%;
    color: #95918d;
    font-size: 16px
}

.displaynone {
    display: none
}

.submitticket.btn {
    display: none !important
}

.mobile-pop .popover {
    width: 180px
}

.page-header .ncamp-name {
    max-width: 400px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-header small {
    font-size: 50%;
    position: relative;
    top: -3px
}

.pricing-plans ul li {
    text-align: left
}

.profile-picture #userthumb {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.preferences .legend {
    text-align: center
}
/* Admin */
/*.admin-section #admin-agency-profile{margin-top:-20px}
.admin-section #admin-agency-profile>.well{border-top:0}*/
.admin-content .st-grid-transparent .k-master-row .k-hierarchy-cell {
    margin-top: 85px;
}

#admin-agency-profile .tab-content {
    padding: 0 30px 30px 30px !important
}

.admin-section .profile-picture figure, .admin-section .profile-picture figure img {
    height: auto
}

.admin-section .profile-picture figure {
    padding: 30px 10px
}

.admin-section .st-grid-transparent tr td:nth-child(2) {
    width: 13%;
    background: #fff
}

    .admin-section .st-grid-transparent tr td:nth-child(2) .dashboard-status {
        border-right: 1px solid #ccc
    }

    .admin-section .st-grid-transparent tr td:nth-child(2) img {
        height: 46px
    }

.admin-section .st-grid-transparent .at-sub-table tr td:nth-child(1) {
    width: auto
}

    .admin-section .st-grid-transparent .at-sub-table tr td:nth-child(1) img {
        max-width: 80px;
        height: auto
    }

.admin-switch .bootstrap-switch > div {
    width: 172%
}

.admin-switch .bootstrap-switch.bootstrap-switch-off > div {
    margin-left: -70%
}

.admin-switch .bootstrap-switch span.bootstrap-switch-primary {
    background-color: #99cc03
}

.admin-switch .bootstrap-switch.bootstrap-switch-on label {
    border: 2px solid #99cc03
}

.admin-switch .bootstrap-switch span.bootstrap-switch-default {
    background-color: #fe5758
}

.admin-switch .bootstrap-switch.bootstrap-switch-off label {
    border: 2px solid #fe5758
}

table.at-sub-table {
    border: 0
}

img.header-resulticks-logo {
    padding-top: 6px
}

.admin-section .st-grid-transparent .k-master-row .k-hierarchy-cell {
    visibility: hidden
}

.admin-section .st-grid-transparent tr:nth-child(1) .k-hierarchy-cell {
    visibility: visible
}

.admin-section .at-sub-table td {
    font-size: 13px
}

.grid-container {
    border: 1px solid #ccc
}

    .grid-container .gc-row-6cols {
        display: table;
        width: 100%
    }

        .grid-container .gc-row-6cols .gc-col {
            display: table-cell;
            vertical-align: middle
        }

            .grid-container .gc-row-6cols .gc-col.gcc-1 {
                width: 15%
            }

    .grid-container .gcc-img {
        border-right: 1px solid #ccc
    }

        .grid-container .gcc-img img {
            height: 46px;
            max-height: 46px
        }

    .grid-container .gc-cell {
        padding: 15px 10px
    }

.admin-grid-new-row {
    opacity: 1 !important;
    background: transparent
}

    .admin-grid-new-row.click-off {
        cursor: default !important;
        pointer-events: initial
    }

.toggle-tr {
    display: table-row
}

.admin-grid-new-row td {
    position: relative
}

.admin-grid-new-row:nth-child(odd) td {
    background-color: #fff
}

.admin-grid-new-row:nth-child(even) td {
    background-color: #f0f8ff
}

.admin-grid-new-row.agnr-1 td {
    top: -11px
}

.admin-grid-new-row.agnr-2 td {
    top: -22px
}

.admin-grid-new-row.agnr-3 td {
    top: -33px
}

.admin-grid-new-row.agnr-4 {
    display: none !important
}

.campaignlist-grid.st-grid-transparent tr.green td:nth-child(2) {
    border-left: 4px solid #9aca28 !important;
    width: 13%;
    background: #fff
}

.campaignlist-grid.st-grid-transparent tr.green td:nth-child(3) {
    max-width: 165px
}

.campaignlist-grid.st-grid-transparent tr.orange td:nth-child(2) {
    border-left: 4px solid #feab70 !important
}

.temp-holderSec > tbody > tr > td .wrap-editactions ul li a img {
    padding: 0 !important
}

.admin-content .campaignlist-grid.st-grid-transparent tr.green td:nth-child(3), .admin-content .campaignlist-grid.st-grid-transparent tr.orange td:nth-child(3) {
    border-left: 1px solid #d4e4ea !important
}

.vert-middle {
    vertical-align: middle !important
}

.pos-icon {
    position: relative;
    top: -2px
}

.admin-content .dashboard-status img {
    max-height: 48px !important
}

#errmsgValidPassword {
    margin-top: -30px !important
}

.alert.alert-success .text-center h4 {
    margin-bottom: 0
}

.otp-tick-container {
    position: relative;
    top: 14px
}

    .otp-tick-container.otc-tick {
        position: absolute;
        right: 5px;
        top: 10px
    }

#analytics-web .otp-tick-container.otc-tick {
    position: absolute;
    right: -70px;
    top: 10px
}

    #analytics-web .otp-tick-container.otc-tick .icon-tick-circle-medium {
        position: relative;
        top: 2px;
        left: 20px
    }

    #analytics-web .otp-tick-container.otc-tick .icon-close-small {
        position: relative;
        top: -2px;
        left: 20px
    }

#divLanding .otp-tick-container.otc-tick {
    position: absolute;
    right: -50px;
    top: 15px
}
/* List attributes */
.cf-cat-box {
    width: 97%;
    min-height: 20px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-top-color: var(--primary-color) !important;
    margin-bottom: 30px
}

.campaign-performance-chart.dashboard_text li span {
    display: block
}

.ls-gradeSel-small {
    min-width: 65px
}

    .ls-gradeSel-small .k-dropdown-wrap {
        padding-right: 10px;
        margin-top: -17px
    }

.pdReferralViralityLabel, .daDataAugmentationLabel, .daOmniPresenceLabel, .pdNetworkWorthLabel {
    margin-top: -17px
}

.attr-container ul li, .cf-cat-box ul li, #all-categories-list ul li {
    cursor: default;
    background-color: #f6f7f8 !important;
    float: left;
    margin: 0 10px 10px 0;
    padding: 3px 19px 3px 10px;
    font-size: 12px;
    line-height: 17px;
    white-space: nowrap;
    position: relative;
    border: 1px solid #d4d6de;
    color: #585858;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

#all-categories-list ul li {
    cursor: default !important
}

.cf-cat-box ul li, #all-categories-list ul li {
    margin: 5px 10px 0 5px
}

    .cf-cat-box li i, #all-categories-list ul li i {
        position: absolute;
        right: -2px;
        top: 0;
        font-style: normal;
        cursor: pointer;
        color: #b8b8b8;
        padding: 4px;
        font-size: 13px;
        font-weight: 300;
        line-height: 15px
    }

    #all-categories-list ul li i {
        display: none !important
    }

.attr-container ul li i {
    display: none !important
}

.attr-container ul li.ui-sortable-placeholder, .cf-cat-box ul li.ui-sortable-placeholder, #all-categories-list ul li.ui-sortable-placeholder {
    display: none !important
}

.category-fields {
    margin: 0 10px 0 0 !important
}

.cf-cat-box ul {
    background-color: #fff;
    padding: 10px;
    height: 200px !important;
    max-height: 200px;
    width: 100% !important;
    margin: 0;
    overflow: auto;
    overflow-x: hidden;
}

.cf-cat-box.cf-default-box ul {
    background-color: #fefefe
}

.cf-cat-box h6 {
    margin: 0;
    padding: 10px 10px 6px 10px;
    border-bottom: 1px solid #f6f7f8;
    font-size: 14px;
    font-weight: 400
}

.ui-draggable {
    z-index: 1
}

#all-categories-list .modalDeleteAttr, #all-categories-list .attr-renameinput, #all-categories-list .napc-icons {
    display: none !important
}

#all-categories-list .attr-text {
    display: inline !important
}

.dnc-modal .form-horizontal .form-group label.control-label-left {
    padding-top: 15px;
    text-align: right
}

#all-categories-list {
    height: 250px;
    max-height: 250px;
    overflow: auto
}

.nap-container ul li i.napc-plus {
    display: none !important
}

.nap-container ul li {
    padding: 8px;
    border: 1px solid #d4d6de;
    border-top: 0
}

    .nap-container ul li:first-child {
        border-top: 1px solid #d4d6de
    }

    .nap-container ul li:nth-child(odd) {
        background: #fff
    }

    .nap-container ul li:nth-child(even) {
        background: #f0f8ff
    }

.nap-container ul li {
    position: relative
}

    .nap-container ul li .napc-icons {
        position: absolute;
        right: 10px;
        top: 9px
    }

        .nap-container ul li .napc-icons .modalDeleteAttr {
            margin-left: 10px
        }

.cf-new-box ul li .napc-icons {
    display: none !important
}

.nap-container .attr-renameinput .form-control, .dnc-modal-edit .newAttr-input .form-control, .cfc-heading-input .form-control {
    max-width: 80% !important;
    display: inline-block !important;
    padding: 0 12px 0 8px !important;
    height: 20px !important
}

.cfc-heading-input .form-control {
    font-size: 12px
}

.cf-cat-box .achart-container {
    display: none
}

.cf-cat-box ul li:hover .achart-container, .achart-container.key-attribute {
    display: block
}

.scroll_list_attribues .page-header ul li a {
    margin-left: 10px
}

    .scroll_list_attribues .page-header ul li a:first-child {
        margin-left: 0
    }

.dnc-modal-edit .nap-container {
    max-height: 300px;
    overflow: auto
}

    .dnc-modal-edit .nap-container #renameAttribute {
        position: absolute;
        right: 10px
    }

.dnc-modal-edit .edit-attr-icons {
    position: absolute;
    top: 8px;
    right: 15px
}

.cf-cat-box h6 {
    position: absolute;
    top: -32px;
    width: 93%;
    padding-left: 0;
    border: 0
}

.cf-cat-box .cfc-cat-edit, .cf-cat-box .cfc-heading-save, .cf-cat-box .newBoxDel {
    position: absolute;
    right: 7px;
    top: 9px
}

.cf-cat-box .newBoxDel {
    position: absolute;
    right: 26px;
    top: 6px
}

    .cf-cat-box .newBoxDel .icon-minus-fill-small {
        font-size: 16px !important
    }

.cf-cat-box .cfc-heading-input {
    position: relative;
    top: -3px
}

.launch-box .w-box {
    border: 1px solid transparent;
    cursor: pointer
}

.launch-box a {
    color: #585858;
    text-decoration: none
}

.launch-box .w-box:hover {
    border: 1px solid #d4d6de;
    transition: all .25s linear 0s
}

.showSelectTable-1 .multiSelect li {
    white-space: nowrap
}

.showSelectTable-2 .multiSelect li {
    white-space: nowrap
}

.fullscreen-container {
    overflow: auto;
    max-width: 100%
}

.ufp-container {
    max-width: 980px;
    max-height: 550px;
    overflow: auto;
    margin: auto
}

    .ufp-container > img {
        max-width: initial !important
    }

body > .fullscreen-container {
    position: absolute;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%
}

    body > .fullscreen-container .ufp-container {
        max-width: 100%;
        margin: auto;
        text-align: center
    }

.remove-bodyscroll {
    overflow: hidden !important
}

    .remove-bodyscroll .ufp-container {
        width: 100%
    }

.no-gutter.row {
    margin-right: 0;
    margin-left: 0
}

.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0
}
/* File upload */
#mainreciepientdiv #errMsgBrowseCSV {
    display: none !important
}

#dlistpartial .widget-listbody .widget-box .sankey-container .sankey-table-view .sel_advAnalyticsContainerGrid h3.white {
    color: #333 !important;
    padding: 165px 0;
}

#progressInfo .btn-browseWrap {
    display: block
}

.upload-files-container {
    border: none !important
}

    .upload-files-container li {
        border: 1px solid #d4d6de;
        background: #f6f7f8;
        padding: 15px 15px 15px 15px;
        margin-bottom: 25px;
        position: relative;
        min-height: 125px
    }

        .upload-files-container li .k-filename {
            display: block;
            width: 99%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 5px;
            color: #585858;
            font-weight: 500;
            padding: 0;
            line-height: initial;
            margin: 0 0 5px 0;
            padding: 0
        }

        .upload-files-container li .k-filesize {
            color: #b8b8b8;
            margin: 0;
            line-height: initial
        }

        .upload-files-container li .k-progress {
            position: absolute;
            top: initial;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 3px;
            background: #d4d6de
        }

        .upload-files-container li.k-file-progress .k-progress {
            background: var(--primary-color)
        }

        .upload-files-container li.k-file-success .k-progress {
            background: #99cc03
        }

        .upload-files-container li .ufc-status {
            display: block;
            line-height: initial;
            font-size: 12px;
            margin-right: 25px
        }

        .upload-files-container li.k-file-success .ufc-status {
            font-size: 16px;
            position: relative;
            top: 10px;
            color: #99cc03
        }

        .upload-files-container li.k-file-error .k-progress {
            background: #fe5758
        }

        .upload-files-container li.kfr-new.kfr1 .ufc-status {
            position: relative;
            top: 20px;
            font-size: 16px
        }

        .upload-files-container li .k-upload-pct, .upload-files-container li .ufc-icon {
            position: absolute;
            top: 60px;
            right: 10px;
            font-size: 30px !important;
            font-weight: 500;
            color: var(--primary-color)
        }

        .upload-files-container li .success-icon {
            color: #99cc03
        }

        .upload-files-container li .error-icon {
            color: #fe5758
        }

        .upload-files-container li .k-i-csv {
            display: none
        }

    .upload-files-container .k-button.k-upload-action {
        position: absolute;
        top: 5px;
        right: 0
    }
    .upload-files-container .k-button.k-upload-action .k-icon.icon-delete-small[title="Remove"],
    .upload-files-container .k-button.k-upload-action .k-icon.icon-delete-small[title="Cancel"]{
        background: none !important;
        overflow: visible;
        display: block;
        width: auto;
        height: auto;
    }

    .upload-files-container li.k-file-success .k-upload-pct, .upload-files-container li.k-file-error .k-upload-pct {
        display: none
    }

/* UI Fixes */
#pnlLicensePaymentPage .nav-tabs li a i {
    position: relative;
    top: 3px;
    margin-right: 5px
}

.account-otp-verification {
    position: relative;
    margin-bottom: 33px;
}

    .account-otp-verification .otp-tick-container {
        position: absolute;
        top: 5px;
        right: 5px
    }

.acReportURL {
    display: inline-block;
    margin-top: 18px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden
}
/* Temp fix */
#ftpCredentialsContainer #liFTPType {
    position: relative;
    top: 17px
}

.checkboxError .input-error {
    margin-top: -30px;
    margin-left: -5px
}

div.k-grid-header .k-header .minus-outline {
    width: 15px;
    height: 15px
}

.mobile-validation {
    position: relative
}

    .mobile-validation .mv-status {
        position: absolute;
        top: 8px;
        right: 7px
    }

.checklabel-small {
    font-size: 12px !important;
    font-weight: 200 !important
}

#mainreciepientdiv #sshContainer {
    position: absolute;
    bottom: -28px;
    margin-left: -20px
}

#pnlLicensePaymentPage .data-grid > tbody > tr > td {
    border-width: 1px !important
}

.help-block.alert-success .icon {
    background: #99cc03 !important;
    padding-top: 20px
}

.help-block.alert .close {
    top: -6px;
    right: -12px;
    font-size: 14px
}

.userDetail table {
    border-collapse: collapse
}

    .userDetail table tbody tr td {
        border-width: 1px;
        border-left: none
    }

.campTabsAlign {
    position: relative;
    margin-top: -21px; /*border-top:1px solid #f6f7f8;*/
    display: inline-block;
    width: 100%;
}

.tab-content #campaign-list {
    margin-top: 10px;
}

.expandable_main .expandable {
    height: 195px
}

.recipients_popup .master-recip-data.mrd-new {
    width: 100%;
    padding: 0;
    background: #fdfdfd;
    top: 47px;
    height: 414px
}

    .recipients_popup .master-recip-data.mrd-new.serOn {
        clip: rect(0px,982px,414px,0px);
        border: 1px solid var(--primary-color)
    }

.master-recip-data.mrd-new .widget-body {
    padding-bottom: 0
}

.mrd-new .widget-body.recipients-widget {
    padding: 0
}

section.recipients .expandable .master-recip {
    min-height: initial;
    padding: 30px 0
}

section.recipients .recipient-chart.wrc-2 {
    height: 370px
}

.recipients_popup .master-recip-data.mrd-new .widget-header h4, .source-list.sl-progress-container li a {
    color: #585858
}

.k-animation-container #fieldType-list {
    width: 210px !important
}

.mri-download {
    display: inline-block
}

    .mri-download i {
        margin-right: 3px
    }

#dataSection .expandable .master-recip {
    min-height: initial;
    padding: 27px 0
}

#dataSection .master-recip .recipient-chart {
    min-height: 371px
}

#dataSection .k-grid td {
    white-space: nowrap !important
}

#campaignListGrid tr .campaign-status {
    max-width: 111px;
}

.tab-pane.emailPanel #divContentSelection label {
    position: relative;
    top: 13px
}

#ascrail2000 {
    opacity: 1 !important
}

#ascrail3000 {
    opacity: 1 !important
}

.bubblechart-text-container {
    font-family: 'mukta-regular' !important;
    font-size: 12px;
    text-align: center
}

    .bubblechart-text-container .btc-value {
        font-size: 20px;
        font-weight: 500
    }

.bubblechart-text-container {
    line-height: 30px;
    margin-top: 15px;
    margin-left: 7px;
}

    .bubblechart-text-container .btc-name {
        font-size: 15px;
    }

.menu-lines {
    background: url('../Images/menu-lines.svg') no-repeat top left;
    width: 18px;
    height: 18px;
    fill: #f00
}

.act-legend-item {
    margin-top: -15px;
    margin-left: 5px;
    display: block;
    text-align: center
}

.act-align {
    display: inline-block;
    font-size: 23px !important
}

.item-list-chart > li {
    margin-top: 12px
}

    .item-list-chart > li > .percent-infoBox, .item-list-chart > li > .name-infoBox {
        vertical-align: middle;
        top: 0 !important;
        float: none !important
    }

    .item-list-chart > li > .percent-infoBox {
        left: 5px
    }

        .item-list-chart > li > .percent-infoBox .pi-arrow {
            width: 0;
            height: 0;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-right: 10px solid #ddd;
            position: absolute;
            left: -5px;
            top: 4px
        }

    .item-list-chart > li > .name-infoBox {
        width: 70%
    }

#avgTimeToConversion .clock-dial {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.dashboard-chart .leads-icon {
    width: initial !important
}

.leads-label {
    font-size: 14px !important;
    color: #b8b8b8 !important;
    position: relative;
    top: 2px;
    text-align: center
}

.leads-icon.push-img {
    border: 1px solid #fff;
    border-radius: 50%;
    background: #fff;
    margin-left: 70px
}

.chart-clock-tick {
    background: url('../Images/clock-arrow.png') no-repeat top left;
    display: inline-block;
    width: 33px;
    height: 51px;
    text-indent: -9999px;
    position: relative;
    top: 0px;
    left: -12px
}

.highcharts-tracker img {
    width: 14px !important;
    height: 14px !important
}

.campaign-checklist > li {
    display: flex;
    float: left;
    padding: 0 10px 0 10px;
    position: relative;
    margin: 0
}

    .campaign-checklist > li:first-child {
        padding-left: 0
    }

    .campaign-checklist > li:last-child {
        padding-right: 0
    }

    .campaign-checklist > li .checkbox {
        display: inline-block
    }

    .campaign-checklist > li a {
        display: inline-block;
        position: relative
    }

    .campaign-checklist > li .popover-content {
        width: 200px
    }

#recipientPanel #spnNewEmailSegment, #recipientPanel .selectedCount, .splitABoff .helppopup {
    position: relative
}

#recipientPanel #spnNewEmailSegment {
    top: 1px
}

#recipientPanel .selectedCount {
    top: 8px
}

.splitABoff .helppopup {
    top: 9px
}

.splitABoff .split-ab-switch {
    right: 66px;
    top: 31px
}

.k-multiselect-wrap li {
    padding-left: 7px
}

.camp-list-ul .dropdown > a > i {
    padding-right: 0
}

.camp-list-ul .searchEffect {
    margin-left: 10px;
    margin-top: 1px
}

.cl-search-new {
    height: 23px
}

    .cl-search-new.searchEffect img {
        transform: initial;
        top: 0;
        left: 0
    }

    .cl-search-new.searchEffect .searchSlide a {
        display: inline-block
    }

.camp-list-ul.list-inline > li a {
    padding-left: 0
}

.cl-search-new.searchEffect input {
    width: 173px
}

.k-loading-image {
    position: absolute;
    left: 50%;
    margin-left: -28px;
    top: 50%;
    margin-top: -28px;
    width: 57px;
    height: 57px;
    background: url(/images/loading.png) no-repeat center center !important;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.k-loading-color {
    filter: alpha(opacity=100);
    opacity: 1;
    position: absolute;
    left: 50%;
    margin-left: -11px;
    top: 50%;
    margin-top: -11px;
    width: 23px;
    height: 23px;
    background: url(../images/loading-ticks.png) no-repeat center center;
    z-index: 1
}

#campaign-list .default-dropdown > a > span, #campaign-list .dropdown-select > a > span {
    margin-left: 7px
}

.page-header h1 + ul, .page-header h1 + div ul {
    margin-right: -9px
}

    .page-header h1 + ul li .dropdown-menu {
        margin-right: 3px
    }

    .page-header h1 + div ul li .dropdown-menu {
        margin-right: 3px
    }

#campaign-list .nav-right ul li {
    vertical-align: middle
}

    #campaign-list .nav-right ul li#createCampaignPanel i {
        position: relative;
        top: 1px
    }

.userDetail .legend {
    display: none !important
}

a.importcsv-help {
    position: relative;
    top: 7px;
    left: 5px;
    z-index: 1
}

.creationstamp h5.seg-title > span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80%
}

.email_otp_label {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.campaign-performance-chart ul#ulGaugePlaceHolder {
    margin-top: 10px
}

#divAvgrecords .dashboard-chart {
    height: 290px !important;
    margin-top: 15px
}

#campaignGrid .k-grid-content {
    min-height: 72px !important
}

.ac-regionspacing {
    margin-bottom: 20px
}

#UserAssign .multiSelect-user .multiRghtClm li:first-child {
    background-color: #f6f7f8 !important;
    font-size: 16px;
    font-weight: 400;
    padding: 10px !important
}

.admin-content .dashboard-status .help-fixed {
    color: transparent;
    unicode-bidi: bidi-override;
    direction: rtl;
    text-transform: uppercase !important
}

    .admin-content .dashboard-status .help-fixed:first-letter {
        color: #fff !important
    }

#id_audienceGrid .k-loading-mask {
    background: rgba(255,255,255,0.8);
    position: absolute;
    display: table;
    z-index: 9999
}

.modal-header .close {
    margin-top: 0 !important;
    margin-right: 0 !important
}

.popover-content {
    letter-spacing: initial;
    font-weight: 400;
    min-width: 160px
}

.connect-list .box-sm {
    padding-right: 5px
}

.spacing-LR10 {
    margin-left: 10px;
    margin-right: 10px
}

.spacing-LR15 {
    margin-left: 15px;
    margin-right: 15px
}

.spacing-well-btn-inside {
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 20px
}

    .spacing-well-btn-inside .data-grid > tbody > tr > td {
        border-bottom-width: 1px
    }

        .spacing-well-btn-inside .data-grid > tbody > tr > td i {
            vertical-align: middle
        }

.btn-well-align {
    margin: 20px 0 30px 0
}

.text-editor-tools > li > a i.icon-view-small {
    position: absolute;
    top: 7px;
    right: 0
}

.wp-icon-align {
    position: absolute;
    top: 7px;
    right: 7px
}

.wia-2 {
    right: 40px
}

.wia-1 i {
    border-left: 1px solid #ccc;
    padding: 0 5px;
    margin-top: -2px
}

#divChartWrapper {
    height: 100%;
    width: 100%;
    position: absolute
}

.tabs-fixed.nav-tabs > li.click-off {
    opacity: 1 !important
}

    .tabs-fixed.nav-tabs > li.click-off a {
        opacity: .4 !important
    }

#mccCampaign .campaign-header {
    width: 100%
}

#pnlUserCreate .password-strength > .progress .fill, #pnlUserCreate .confirm-password > .progress .fill {
    top: 8px
}

#divErrorPopupMessage {
    padding-left: 10px !important
}

#email_Clients_Segment {
    margin-top: -2px !important
}

.tagsField1 input[type="text"] {
    display: inline-block
}

.k-dropdown .k-state-hover .k-input {
    color: #555 !important
}

.placeholder-selected .k-input {
    font-weight: 300 !important;
    font-style: normal !important;
    color: #95918d !important
}

.placeholder-selected.k-state-hover .k-input {
    color: #95918d !important
}

#divCompanyInfo .cdp-main.ac-setup { /*height:370px*/
    height: auto;
    min-height: 345px;
}

#divCompanyInfo .cdp-main.setup-brand {
    height: 475px
}

#divCompanyInfo .cdp-main.sb-big {
    height: 540px
}

#pnlReportAccess .pull-left.space-top {
    position: relative;
    top: 7px;
    display: inline-block;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis
}

.as-item {
    min-height: 65px
}

.multiComponent .m-comp-container .slimScrollDiv .m-comp h4 {
    padding-top: 15px !important
}

.ormsocialpages .ccBtnsAlig {
    position: relative;
    top: 5px;
    padding-left: 0 !important;
    margin-bottom: 20px
}

#pnlClientCreatePage .bgGrey-lighter1.border-top-color {
    margin-top: 1px
}

    #pnlClientCreatePage .bgGrey-lighter1.border-top-color #mapdiv {
        margin-left: -40px;
        height: 238px !important
    }

#pnlLicenseSuccess {
    display: none !important
}

.pricing-plans .w-box {
    border-radius: 5px
}

.pricing-plans .w-box-right {
    border-radius: 5px
}

#liSuccessIcon .icon-close-medium {
    position: relative;
    top: 5px
}

#liSuccessIcon .icon-tick-circle-medium {
    position: relative;
    top: 9px
}

.smaller_PWDStrength {
    padding-top: 5px;
}

#payCreditCard .form-group .input-icon-right-left > input {
    padding-left: 12px !important;
    letter-spacing: 3px
}

.paymentCardDevider {
    position: relative;
    top: 13px;
    color: #d4d6de;
    font-size: 18px;
    font-weight: 300
}

.ac-setup.acs-brandagency {
    height: 346px
}

    .ac-setup.acs-brandagency .acsb-margin {
        margin-top: 18px !important
    }

.pricing-plans .plan-header .popular-tag {
    visibility: hidden !important
}

.progress-bar.strong {
    background: #99cc03
}

.arRefreshIcon {
    position: relative;
    top: 10px;
    right: 15px
}

#UserGrid [class^="icon-"], #UserGrid [class*=" icon-"] {
    position: relative;
    top: 3px
}

.cs-chart-container {
    padding-top: 0 !important
}

    .cs-chart-container #email_devices_PieChartLegend {
        margin-top: -2px !important
    }

#email_devices_PieChartLegend {
    height: 390px !important;
    width: 390px !important
}

.dashboard-sort-item > .nav-right {
    position: relative;
    z-index: 1
}

#dataSection .master-recip .recipient-chart .dropdown {
    z-index: 1
}

#divSegmentData {
    margin-top: -14px
}

#segmentContainer {
    height: 290px !important
}

.cpAlignRp {
    margin-left: -5px
}

.wrap-editactions.edit-hover {
    min-width: 120px;
    min-height: 50px;
    background: rgba(255,255,255,0.2)
}

.wrap-editactions .edit-btn {
    min-height: 40px !important
}

.content.preferences .tabs-left > .nav-tabs .add-api.mobileapp-analytics {
    position: static;
    float: none
}

.overview_description_op {
    top: -10px;
    color: #b8b8b8;
    font-size: 10px;
    padding-left: 30px;
    position: relative
}

.livechatlink {
    display: inline-block
}

#ROICampaignForm .form-horizontal .control-label {
    text-align: left
}

.content.message-settings-tabs .tabtop-fixed {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    top: -30px
}

#divGlobalInfo #mapdiv {
    height: 238px !important
}

.temp-outer table.temp-holderSec .edit-outline .editable img {
    max-width: 580px !important
}

.mc-dashboard.manage-campaign > div {
    padding: 0;
    height: auto
}

    .mc-dashboard.manage-campaign > div a {
        padding-top: 40px;
        height: 210px;
        display: block
    }

#emailtemp-holderSec {
    margin: auto
}

#templateCenter div {
    margin: auto
}

.ufplit-mh {
    min-height: 55px
}

    .ufplit-mh .form-icon-right {
        z-index: 1
    }

#updatepanelActivityGrid .k-loading-mask {
    position: relative !important
}

#campStatusDivShow #updatepanelActivityGrid .k-loading-mask {
    position: absolute !important
}

#campaignListGrid #listView .k-loading-mask {
    position: fixed;
    display: table;
    top: 0 !important
}

#campaignListGrid #listView #GalleryGrid .galleryArrow .widget-gallery .nav-right:first-child > ul > li {
    margin-left: 0;
}

body.macintosh .m-comp-container {
    width: 155px
}

.channel-items {
    position: relative
}

ul.ufpc-list {
    width: 100%;
    white-space: nowrap;
    display: -webkit-box;
    z-index: 2;
    position: relative
}

.ufpc-list li {
    display: inline-block;
    width: 150px;
    float: left;
    padding: 0;
    margin: 0 5px;
    text-align: center
}

    .ufpc-list li:first-child {
        width: 215px
    }

    .ufpc-list li:last-child {
        text-align: left
    }

body > section > .logo-wrap > a > img {
    padding-top: 15px;
    padding-bottom: 10px
}

#fsda-new {
    position: relative
}

    #fsda-new .fs-analytics {
        z-index: 3;
        height: 82px;
        overflow: hidden;
        border-left: 0px solid #f6f7f8
    }

        #fsda-new .fs-analytics > a > i {
            display: block;
            margin-top: 10px
        }

    #fsda-new .fsdan-patch {
        position: absolute;
        height: 82px;
        width: 100%;
        z-index: 2;
        margin: 1px
    }

.ufp-container {
    overflow: initial
}

#mcc .mccSave {
    z-index: 2
}

#mcc footer .powered {
    position: absolute;
    right: 240px;
    margin-top: -13px
}

.k-imagebrowser .k-tiles-arrange .k-dropdown {
    width: auto;
    min-width: 90px;
    position: relative;
    top: -5px;
    margin: 0 5px
}

.k-editor-dialog.k-window-content {
    padding-bottom: 30px !important
}

.k-window > div.k-popup-edit-form .k-imagebrowser .k-search-wrap input.k-input {
    padding-right: 15px
}

.editable.k-editor.k-state-active {
    outline: 2px dashed #6fd99c !important
}

#content-preview .modal-dialog.modal-lg {
    max-width: 680px
}

    #content-preview .modal-dialog.modal-lg .modal-header {
        margin-bottom: 30px
    }

    #content-preview .modal-dialog.modal-lg .modal-body .tab-content {
        padding: 0;
        padding-bottom: 10px
    }

#divPropencity .highcharts-container .highcharts-data-labels .highcharts-label {
    visibility: visible !important;
    opacity: 1 !important
}

.temp-btnEditor .rpBtnTable a span {
    background: transparent !important
}

.mri-container #mainreciepientdiv #sshContainer {
    margin-left: 0
}

.userflow-fs-top {
    position: fixed;
    width: 100%;
    height: 82px;
    background: #f6f7f8
}

body.remove-bodyscroll > .fullscreen-container {
    z-index: 0;
    background: transparent
}

    body.remove-bodyscroll > .fullscreen-container .ufplit-mh {
        z-index: 1
    }

#waExitIcon {
    position: fixed;
    right: 15px;
    z-index: 5;
    background: var(--primary-color);
    line-height: 82px;
    padding-left: 10px;
    padding-right: 10px
}

.k-widget.k-window, .k-widget.k-window.k-state-focused {
    background-color: #fff !important
}

.k-window-titlebar.k-header.k-window-titlebar {
    position: relative;
    background-color: transparent !important;
    top: -40px
}

.k-window-titlebar.k-header .k-window-title {
    left: 20px;
    right: 20px !important;
    font-size: 26px;
    font-weight: 300;
    padding-bottom: 10px;
    display: block
}

.k-widget.k-window .k-window-titlebar .k-window-actions {
    display: inline-block;
    right: 30px;
    top: 50px;
    position: absolute
}

    .k-widget.k-window .k-window-titlebar .k-window-actions .k-i-close {
        background-position: -102px -9px
    }

        .k-widget.k-window .k-window-titlebar .k-window-actions .k-i-close:hover {
            background-position: -102px -41px
        }

.k-widget.k-window .k-window-content {
    padding: 30px 20px !important;
    padding-top: 10px !important
}

    .k-widget.k-window .k-window-content .k-edit-label {
        position: relative;
        margin-top: 20px;
        text-align: left;
        float: left;
        padding: 0 0 .6em;
        margin-left: 0
    }

    .k-widget.k-window .k-window-content .k-edit-field {
        margin-top: 10px;
        position: relative
    }

        .k-widget.k-window .k-window-content .k-edit-field .input-error {
            top: 0 !important;
            left: 0 !important
        }

    .k-widget.k-window .k-window-content .k-edit-label [for="k-editor-link-title"] {
        text-transform: lowercase
    }

        .k-widget.k-window .k-window-content .k-edit-label [for="k-editor-link-title"]:first-letter {
            text-transform: capitalize
        }

.rpTempBtn .editable.k-editor {
    line-height: 30px;
    color: #fff
}

.rpTempBtn a {
    color: #fff
}

td.temp-btnEditor .temp-btnEditor {
    line-height: 30px;
    padding: 0
}

    td.temp-btnEditor .temp-btnEditor a {
        padding: 0;
        font-size: 14px
    }

.rpDragBtnContainer .rpDragBtn.temp-btnEditor .temp-btnEditor {
    padding: 0 !important
}

.rpDragBtnContainer.temp-btnEditor .temp-btnEditor {
    line-height: initial
}

#localization-settings .form-group label.control-label-left {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

table.orTable .choose-or-small {
    min-height: 160px
}

div#fmt-preview .choose-or-small *:first-child {
    font-size: 15px;
    height: 25px;
    left: 3px;
    line-height: 18px;
    margin-top: -6px;
    padding: 0;
    width: 25px
}

div#fmt-preview ul li a.btn.btn-sm {
    min-width: 195px
}

.formBSelected #maintableuse {
    width: 46% !important
}

.formBSelected .socialTable {
    width: 46% !important;
    max-width: 300px !important;
    float: right
}

.formBSelected .orTable {
    width: 6% !important;
    float: left
}

.formBSelected .fbWA {
    width: 225px !important
}

.formBSelected .fbWA2 {
    width: auto !important
}

.formBSelected .editable {
    outline: none !important
}

.formBSelected .temp-txtEditor.type2drp {
    width: 80px !important
}

.formBSelected #reqterms td:first-child {
    display: none !important
}

.m-bg-email {
    background: #f56701 !important
}

.m-bg-sms {
    background: #e7ca60 !important
}

.match-type_OR .fltGroupSwitch {
    position: relative;
    height: 13px;
    background: transparent;
    border-bottom: 1px solid #eee;
    margin-top: 0;
    width: 100%;
    float: left;
    padding-right: 40px
}

    .match-type_OR .fltGroupSwitch .bootstrap-switch {
        position: static !important;
        margin: auto
    }

.match-type_OR .bootstrap-switch {
    display: block;
    position: absolute;
    top: -85px
}

#addtriggerPush_Card, #addtriggerPush_Net, #addtriggerPush_Card1, #addtriggerPush_Net1, #addtriggerPush_Card2, #addtriggerPush_Net2 {
    position: absolute;
    margin-top: 15px
}

#removetriggerPush_Card, #removetriggerPush_Net {
    position: absolute;
    margin-top: 15px
}

.frequencybg {
    background: #f6f7f8;
    padding: 5px;
    margin-left: -5px
}

#checkbox-settings .modal-content .tagsField input[type="text"], #radio-settings .modal-content .tagsField input[type="text"] {
    min-width: 20px;
    width: 80px
}

.new-tooltip .tooltip {
    opacity: 1 !important
}

    .new-tooltip .tooltip.top .tooltip-arrow {
        border-top-color: #33b5e6
    }

.new-tooltip .tooltip-inner {
    background-color: #33b5e6;
    border: 1px solid #2896f0;
    white-space: normal
}

.content.reports .campagainStatus .popover .complistL {
    overflow: hidden
}

.content.reports .alert {
    z-index: 10;
}

#divmainhideftremp .checkboxlist .list-block > li, #divmainhideftremp .radiolist .list-block > li {
    margin: 0 10px 0 0
}

    #divmainhideftremp .checkboxlist .list-block > li:last-child, #divmainhideftremp .radiolist .list-block > li:last-child {
        margin: 0
    }

.csp-summary .flex-control-nav {
    display: inline-block;
    height: 10px;
    margin: 10px 0 0 55px;
    padding: 0;
    position: static;
    width: 100%
}

#paidmedia .add-app-detail {
    bottom: 0;
    position: absolute;
    right: -25px
}

.smartlinkshare {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e8e8e8;
    border-radius: 0;
    height: 40px;
    margin-bottom: 12px;
    padding: 10px;
    position: relative
}

.paidmedia_boxC {
    position: absolute;
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center
}

.addnamesMulitiple {
    margin: 30px 0
}

.smartlinkshare {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e8e8e8;
    border-radius: 0;
    height: 40px;
    margin-bottom: 12px;
    padding: 10px;
    position: relative
}

.smarturl_hide {
    display: none
}

.paidMedia_addnames_1, .Name_type_align {
    background: #f5f5f7 none repeat scroll 0 0;
    margin: 0 0 12px;
    position: relative;
    padding: 6px 0;
    border: 1px solid #e9e9eb
}

.paidmedia_box_Container a {
    position: relative;
    right: 5px;
    top: -7px
}

#paidmedia .tab-content {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 30px;
    width: 80%
}

#paidmediaView .tab-content {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 30px;
    width: 80%
}

.tab-content .form-horizontal {
    position: relative
}

#paidmedia .close-paidAddtype1, #paidmedia .close-paidAddtype2 {
    top: 3px;
    position: absolute;
    right: 7px;
    z-index: 99
}

#paidmedia .add-app-detail {
    bottom: 0;
    position: absolute;
    right: -25px
}

.smarturl-short span i {
    position: relative;
    top: 3px;
    left: 5px
}

.smart-url-overlay {
    display: block
}

.inlinefbimage::before {
    background: rgba(0,0,0,0) url("../Images/orm_facebook.png") no-repeat scroll 0 0;
    content: "";
    height: 20px;
    left: 5px;
    position: absolute;
    width: 20px;
    top: 9px
}

.inlinetwimage::before {
    background: rgba(0,0,0,0) url("../Images/orm_twitter.png") no-repeat scroll 0 0;
    content: "";
    height: 20px;
    left: 5px;
    position: absolute;
    width: 20px;
    top: 9px
}

.paidmedia_box_Container .paidmedia_boxL {
    float: left;
    display: block;
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    white-space: nowrap
}

.paidmedia_box_Container .paidmedia_boxC {
    float: left;
    display: block;
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.paidmedia_box_Container .paidmedia_boxR {
    float: right;
    display: block;
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    white-space: nowrap
}
/* End Paid Media*/

#paidmediaView .Name_type_align {
    background: transparent;
    border: 0;
    margin-bottom: 0;
    padding: 0
}

#paidmediaView .add-app-detail {
    right: -36px;
    bottom: -6px
}

    #paidmediaView .add-app-detail a.addsocialMedia-typesGAAdd2 i, #paidmediaView .add-app-detail.addLI2 a.addsocialMedia-typesLIAdd2 i {
        top: 0
    }

    #paidmediaView .add-app-detail.addLI2 {
        right: -22px;
        top: 22px
    }

        #paidmediaView .add-app-detail.addLI2 a.close-paidAddtypeLIAdd2 i {
            position: relative;
            left: 5px
        }

#paidmediaView .close-paidAddtype1 {
    top: initial;
    bottom: 4px;
    right: 0
}

#paidmediaView .btn-holder {
    margin-top: 30px !important
}

#paidmediaView .paid_box_align {
    margin: 30px auto 0 auto;
    overflow: auto;
    border: 1px solid #e9e9eb;
    padding: 0 0 15px;
    text-align: center
}

.k-imagebrowser .k-tile {
    line-height: 68px
}

.k-imagebrowser .k-thumb.icon-folder-open {
    font-size: 35px !important;
    text-align: center;
    line-height: 74px;
    border: 1px solid #ccc
}

#paidmedia-LinkedIn .add-app-detail.adN2 {
    right: 0;
    top: 15px;
    bottom: initial
}

#paidmedia-LinkedIn .add-app-detail.addLI3.adNm3 {
    right: -25px;
    top: 23px
}

.tabs-sublevel.Email_split-a {
    background-color: #0d8aff
}

.widget-listsettings .split-ab-mechanics {
    width: 336px;
    top: 28px;
    z-index: 6;
    left: -16px;
    right: initial
}

    .widget-listsettings .split-ab-mechanics .samList {
        margin: 10px 0 0;
        padding: 2px 5px 5px 5px;
        width: 306px
    }

        .widget-listsettings .split-ab-mechanics .samList input.input-mini {
            margin-right: 5px;
            position: relative;
            top: -3px;
            max-width: 56px;
            text-align: center;
            height: 27px
        }

        .widget-listsettings .split-ab-mechanics .samList .saml-last {
            float: right;
            margin: 0;
            padding: 0;
            position: relative;
            top: -1px;
            right: -4px
        }

    .widget-listsettings .split-ab-mechanics .sbButtons {
        max-width: 306px !important
    }

.widget-listsettings .dragSlider .dragCont2 .inSide {
    width: 15%
}

.widget-listsettings .dragSlider .dragCont2 .split-left {
    width: 100%
}

#dimOutPageLS {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
    z-index: 5
}

.subscriptionCosting .control-label-left {
    padding-top: 17px !important
}

.dashboard-sort-item .audience-split-ab-mechanics {
    width: 100%;
    top: 250px;
    z-index: 999;
    left: 0;
    right: initial;
    position: absolute
}

    .dashboard-sort-item .audience-split-ab-mechanics .samList {
        display: block !important;
        background: rgba(255,255,255,0.75);
        position: absolute;
        left: 10px;
        margin: -24px 15px 0 0;
        padding: 2px 5px 5px 5px
    }

.ui-widget-content {
    height: 6px;
    margin: 0 0 10px;
    position: relative
}

.recipSuggestionHeading {
    text-align: left !important;
    padding-left: 25px;
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    font-style: italic;
    background: #e9e9eb
}

.recipientHightlightTd {
    background-color: #66c8ec !important;
    color: #fff !important;
    font-weight: 400;
    font-style: italic
}

.recipientHightlightTd2 {
    background-color: #e9e9eb !important;
    color: #585858 !important;
    font-weight: 400;
    font-style: italic
}

tabs-sublevel.Email_split-a {
    background-color: #0d8aff
}

.form-group.subscriptionCosting {
    background: #f0f8ff !important
}

.subscriptionCosting .borderCos {
    border-right: 1px solid rgba(204,204,204,0.52);
    padding-bottom: 20px
}

.tabs-sublevel.Email_split-a {
    background-color: #0d8aff
}

.copyTextInput {
    border: 0 !important;
    margin: 0;
    padding: 0
}

input[type="text"].copyTextInput {
    border: 0 !important;
    margin: 0;
    padding: 0;
    background: transparent;
    position: relative;
    top: 5px;
    width: 100%
}

div#divTriggerSet1 {
    background: #f6f7f8
}

.toggle-reports-funnel {
    position: absolute;
    padding: 4px 6px;
    right: 50px;
    top: 0;
    z-index: 4
}

.list-chartview-funnel {
    height: 351px
}

    .list-chartview-funnel > div {
        padding: 40px 25px 20px
    }

    .list-chartview-funnel ul {
        display: block;
        clear: both
    }

        .list-chartview-funnel ul > li {
            display: block;
            clear: both
        }

            .list-chartview-funnel ul > li label {
                padding-top: 8px !important
            }

            .list-chartview-funnel ul > li .progress {
                height: auto;
                line-height: 20px;
                margin-bottom: 40px;
                padding: 0 !important;
                overflow: visible
            }

                .list-chartview-funnel ul > li .progress > div {
                    height: 32px;
                    padding: 5px;
                    left: 0;
                    top: 0;
                    min-width: 5px;
                    position: relative
                }

                    .list-chartview-funnel ul > li .progress > div > span {
                        float: right;
                        font-size: 14px
                    }

                    .list-chartview-funnel ul > li .progress > div > p {
                        margin: 0;
                        height: 20px;
                        padding-right: 5px;
                        font-size: 12px;
                        text-align: right;
                        position: absolute;
                        bottom: -21px;
                        right: 0
                    }

                    .list-chartview-funnel ul > li .progress > div.align-right > p > span {
                        margin-left: 12px;
                        position: absolute;
                        top: 0;
                        left: 0;
                        white-space: nowrap
                    }

.paidmedia_box_Container {
    position: relative
}

    .paidmedia_box_Container input.copyTextInput {
        position: absolute;
        top: 1px;
        text-align: center;
        width: 40%;
        left: 30%;
        background-color: transparent !important;
        color: #585858 !important
    }

#ulSMSElementsB {
    position: relative
}

    #ulSMSElementsB li a.no-hover.sms_textpreview i {
        border-left: 1px solid #ccc
    }

#mccCampaign .campaign-header .select-dropdownhover {
    position: absolute;
    right: 50px
}

#mccCampaign .campaign-header .form-icon-right {
    border-left-color: #fff
}

    #mccCampaign .campaign-header .form-icon-right.fir2 {
        right: 44px;
        border-left: none
    }

.widget-gallery {
    min-height: 235px
}

/* Campaign Gallery SMS bubble*/
.msb-wrapper {
    max-width: 172px;
    margin: auto !important
}

.mobile-sms-box {
    clear: both;
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: left;
    font-size: 10px
}

    .mobile-sms-box.msb-max {
        max-width: 170px
    }

    .mobile-sms-box.sms-prev-box {
        width: 100%;
        max-width: 130px;
        height: 170px;
        padding: 0;
        border: 1px solid #e9e9eb !important
    }

        .mobile-sms-box.sms-prev-box .msb-content {
            width: 100% !important;
            max-width: 130px !important;
            border-radius: 0 !important;
            margin: 0 !important;
            padding: 0 !important
        }

        .mobile-sms-box.sms-prev-box .slimScrollDiv {
            width: 100% !important;
            max-width: 130px !important;
            border-radius: 0 !important
        }

.msb-wrapper .mobile-sms-box.msb-max {
    max-width: 170px
}

.mobile-sms-box .msb-header, .mobile-sms-box .msb-footer {
    font-weight: 400;
    background: #f6f7f8;
    padding: 2px 5px;
    height: 25px;
    overflow: hidden;
    font-size: 11px;
    color: #585858
}

.mobile-sms-box .msb-content, .msb-wrapper .mobile-sms-box.msb-max .msb-content {
    min-height: 186px
}

.mobile-sms-box.msb-sm .msb-content {
    min-height: 110px
}

.mobile-sms-box .msb-footer {
    height: auto;
    padding-top: 5px;
    padding-bottom: 3px
}

    .mobile-sms-box .msb-footer .msbf-field {
        border: 1px solid #e6e6e6;
        background: #fafaf7;
        padding: 1px 5px;
        margin: 0 5px;
        color: #585858;
        border-radius: 2px;
        display: block;
        text-align: left
    }

    .mobile-sms-box .msb-footer .msbf-icon {
        display: block;
        background: url('../Images/camera.png') no-repeat top left;
        width: 12px;
        height: 12px;
        overflow: hidden;
        text-indent: -99999px;
        position: relative;
        top: 3px;
        opacity: .1
    }

    .mobile-sms-box .msb-footer .msbf-btn {
        position: relative;
        top: 3px;
        color: #585858
    }

.mobile-sms-box .msb-header .arrow-left {
    position: relative
}

.mobile-sms-box .msb-header .smb-client {
    color: var(--primary-color);
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mobile-sms-box .chat-bubble {
    width: 80%;
    margin: 10px auto 2px auto;
    line-height: 17px;
    min-height: 25px;
    color: #585858
}

.mobile-sms-box .mstime {
    font-size: 10px;
    color: #b8b8b8;
    margin: 0 0 10px 25px
}

.chat-bubble {
    position: relative;
    padding: 5px 10px;
    background: #d5e998;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    text-align: left
}

    .chat-bubble:after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: -12px;
        right: auto;
        top: 0;
        bottom: auto;
        border: 14px solid;
        border-color: #d5e998 transparent transparent transparent
    }

    .chat-bubble > span {
        position: relative;
        z-index: 3;
        max-height: 180px;
        display: block;
        overflow: hidden;
        overflow-y: auto;
        padding: 5px
    }

        .chat-bubble > span::-webkit-scrollbar-track {
            background-color: transparent;
            cursor: pointer
        }

        .chat-bubble > span::-webkit-scrollbar {
            width: 6px;
            background-color: transparent;
            cursor: pointer
        }

        .chat-bubble > span::-webkit-scrollbar-thumb {
            background-color: rgba(0,0,0,0.4);
            cursor: pointer;
            border-radius: 6px
        }

.widget-gallery .popover .popover-content {
    min-width: 149px
}

#success-alert {
    position: absolute;
    top: 12px;
    right: 90px;
    z-index: 7;
    font-size: 13px
}

#PublishLPfromURL #success-alert {
    top: 38px;
    right: 0px;
}

.smarturl-short {
    position: relative
}

.campaignTextPop .popover {
    left: 61px !important
}

.campaignTextPop .arrow {
    left: 74.3529% !important
}

#errMsgFtpFilePath {
    top: 0 !important
}

li.hideEmpty .date-range-picker {
    padding-top: 0 !important
}
/* Help Screen (Leadscore) New */
.help-flow {
    text-align: right;
    margin-bottom: 15px
}

    .help-flow ul li {
        color: #fff;
        display: inline-block
    }

        .help-flow ul li a {
            background: #d4d6de none repeat scroll 0 0;
            color: #fff;
            font-size: 22px;
            padding: 0 5px 0
        }

        .help-flow ul li.leadscore-help a {
            background: none !important;
            color: blue;
            cursor: pointer
        }

    .help-flow li {
        position: relative
    }

    .help-flow .active::after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        bottom: -4px;
        content: "";
        display: block;
        left: 50%;
        margin-left: -5px;
        position: absolute;
        z-index: 12
    }

    .help-flow .active::after {
        border-top: 5px solid var(--primary-color)
    }

    .help-flow ul li.active a {
        color: #fff;
        background: var(--primary-color) none repeat scroll 0 0
    }

    .help-flow ul li a:hover {
        text-decoration: none
    }
/* Modal */
#helpModal .modal-content {
    border: 0;
    background: #39b7e7;
    color: #fff
}

    #helpModal .modal-content .modal-body h2 {
        text-align: center;
        font-size: 28px;
        color: #fff
    }

    #helpModal .modal-content .modal-body .helpImage {
        margin: 20px auto
    }

        #helpModal .modal-content .modal-body .helpImage img {
            margin: auto
        }

#helpModal .modal-footer {
    text-align: center
}

.recip-container .btn-holder {
    text-align: center;
    margin-top: 15px
}

#helpModal .modal-dialog {
    margin: 150px auto 0
}

.quick-actions .form-group li {
    display: inline-table;
    line-height: 16px;
    text-align: center;
    width: 12%
}

    .quick-actions .form-group li a {
        margin: 0 auto
    }

.si-connected-api .connect-list {
    height: 190px
}

    .si-connected-api .connect-list small {
        color: #9e9e9e
    }

.form-icon-right.fir2 {
    right: 44px
}

.ddh-margin {
    position: relative;
    right: 85px
}
/*Leadscore*/
.preferences.leadscore .data-grid1.data-grid1-sm > thead > tr > th {
    font-size: 14px;
    padding: 12px 15px !important;
    border: none !important
}

.preferences.leadscore .data-grid1.data-grid1-sm > tbody > tr > td {
    height: 44px !important;
    padding: 0 15px !important;
    border: none !important;
    position: relative
}

table#table_pf th {
    padding: 5px 13px !important
}

.preferences.leadscore .data-grid1.data-grid1-sm tbody tr td {
    height: 44px !important;
    padding: 0 15px !important;
    border: none !important;
    position: relative
}

.preferences.leadscore .grid-space > tbody > tr > td {
    border-bottom: none !important;
    padding: 25px 20px !important
}

.preferences.leadscore .content-grid-style1, .content-grid-style1 td {
    border: none !important
}

.preferences.leadscore .data-grid1 > thead > tr > th {
    background-color: transparent;
    padding: 15px 20px !important;
    color: inherit;
    font-size: 20px
}

.preferences.leadscore .data-grid1 > tbody > tr > td {
    height: 44px;
    font-size: 13px !important;
    font-weight: 300 !important;
    padding: 0 20px !important;
    border-top: none !important
}

    .preferences.leadscore .data-grid1 > tbody > tr > td > i {
        margin-right: 5px;
        line-height: 18px;
        vertical-align: bottom
    }

ul.CampaignSumReport {
    right: 15px !important;
    left: auto !important;
    background: #ffffff;
    border: transparent;
    top: 40px
}

ul.as-blocks li i {
    vertical-align: middle;
    margin-right: 8px
}

ul.as-blocks .overview_description {
    z-index: 2
}

.content.reports #ulGaugePlaceHolder #gauges {
    display: none !important
}

.confirmPayment .progress-steps li.complete:before {
    border-color: #99cc03
}

.progress-steps.confirmPayment li.active:before, .progress-steps.confirmPayment li.active .step, .progress-steps.confirmPayment li.complete .step {
    background-color: #fdfdfd;
    border: 2px solid #99cc03;
    z-index: 1
}

.progress-steps.confirmPayment li.complete .title, .progress-steps.confirmPayment li.active .title {
    color: #6e6e6e;
    padding-top: 10px
}

.progress-steps.confirmPayment li i {
    color: #b3d942;
    top: 13px;
    position: relative
}

.confirmPayDashboard .list-divider li {
    position: relative;
    text-align: center
}

    .confirmPayDashboard .list-divider li:before {
        content: "";
        position: absolute;
        left: -2%;
        top: 37px;
        margin-top: -30px;
        height: 84%
    }

.confirmPayDashboard hr {
    width: 80%;
    margin-top: 8px;
    margin-bottom: 10px
}

.confirmPayDashboard .dashboard-sort-item h4 {
    color: #333;
    margin-bottom: 5px;
    height: 30px
}

.insightList ul {
    margin-left: 30px
}

.insightList li {
    line-height: 25px;
    padding: 5px 10px;
    list-style-type: disc
}

.insightList {
    border-left: 1px solid #ccc
}

.st-table-scrollable {
    border-right: 1px solid #d4d6de !important;
    overflow-x: auto
}

    .st-table-scrollable table {
        border-right: 0 none
    }

    .st-table-scrollable .k-grid-header .k-header {
        margin: 0 20px 0 15px;
        overflow: visible
    }

    .st-table-scrollable ul.th-icons-toggle {
        position: absolute;
        right: -5px;
        top: 2px
    }

        .st-table-scrollable ul.th-icons-toggle .dropdown_title i {
            color: #fff !important
        }

    .st-table-scrollable th .k-dropdown-wrap .k-input {
        font-size: 13px;
        height: 23px !important;
        line-height: 24px;
        padding: 0
    }

    .st-table-scrollable .recipients-column, .st-table-scrollable .new-recipient-btns {
        right: 20px;
        top: 1px
    }

.k-animation-container .k-popup.k-list-container {
    overflow: auto
}

.st-table-scrollable .k-grid-header .k-header a.delete-column {
    display: none;
    left: -5px;
    position: absolute;
    top: 1px
}

.st-table-scrollable .k-grid-header .k-header:hover a.delete-column {
    display: block
}

.st-table-scrollable .k-grid-header .k-header a.delete-column {
    display: none;
    left: -5px;
    position: absolute;
    top: 1px
}

.st-table-scrollable .k-grid-header .k-header:hover a.delete-column {
    display: block
}

#define-target .modal-header {
    border: 0
}

.filter-helpTxt {
    font-size: 16px;
    margin: 9% 0;
    text-align: center
}

table#table_pf tr:nth-child(1) {
    background-color: transparent !important
}

.newRecipients-grid .k-grid-header .k-header {
    overflow: visible
}
/*.newRecipients-grid .k-grid-header-wrap{padding-bottom:120px;margin-bottom:-120px;background:white}*/
.newRecipients-grid .k-grid-header-wrap {
    padding-bottom: 80px;
    margin-bottom: -80px;
    background: white
}

    .newRecipients-grid .k-grid-header-wrap .dropdown_title .icon-key-mini {
        color: #dfb82b !important
    }

.st-table-scrollable .k-grid-header .k-header a.delete-column {
    display: none;
    position: absolute;
    top: 1px;
    left: -5px
}

.st-table-scrollable .k-grid-header .k-header:hover a.delete-column {
    display: block
}

recipitList.audiencesplitABDwn_Mobile_notify.no-hover.margin-R5 {
    position: absolute;
    bottom: 65px;
    right: 30%
}

.subscriptionCosting .control-label-left {
    padding-top: 17px !important
}

.dashboard-sort-item .audience-split-ab-mechanics {
    width: 100%;
    top: 250px;
    z-index: 999;
    left: 0;
    right: initial;
    position: absolute
}

.dashboard-sort-item a.split-recipitList.audiencesplitABDwn_Mobile_notify.no-hover.margin-R5 {
    position: absolute;
    bottom: 65px;
    right: 30%
}

pan a i.icon-coupon-mini.padding5.blue {
    position: absolute;
    bottom: -4px;
    right: -4px
}

td.position-relative.padding-R20 a i.icon-coupon-mini.padding5.blue {
    position: absolute;
    bottom: -4px;
    right: -4px
}

div#accountsinvoice .k-grid td, div#campaigninvoice .k-grid td {
    overflow: visible
}

a.no-hover.couponCodePayDis {
    position: absolute;
    top: 15px;
    right: 20px
}

.subscriptionCosting .payDiscount {
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%
}

#dimOutPageLS {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
    z-index: 5
}

.audience-split-ab-mechanics .dragSlider .dragCont2 .inSide {
    width: 15%
}

.admin-switch .bootstrap-switch span.bootstrap-switch-default {
    text-indent: 0
}

.subscriptionCosting .borderCos {
    border-right: 1px solid rgba(204,204,204,0.52);
    padding-bottom: 20px
}

.audience-split-ab-mechanics {
    width: 100%;
    top: 28px;
    z-index: 14;
    left: -16px;
    right: initial
}

    .audience-split-ab-mechanics .samList {
        display: none !important;
        background: rgba(255,255,255,0.75);
        position: absolute;
        right: 0;
        margin: -24px 15px 0 0;
        padding: 2px 5px 5px 5px
    }

        .audience-split-ab-mechanics .samList input.input-mini {
            position: relative;
            top: -3px;
            max-width: 56px;
            text-align: center;
            height: 27px
        }

    .audience-split-ab-mechanics .dragSlider .dragCont2 .inSide {
        width: 15%;
        z-index: 6
    }

    .audience-split-ab-mechanics .dragSlider .dragCont2 .split-left {
        width: 100%
    }

#dimOutPage_SMS {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
    z-index: 5
}

#dimOutPage_Mobile_notify {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
    z-index: 5
}

#dimOutPage_Web_notify {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
    z-index: 5
}

#dimOutPage_FB {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
    z-index: 5
}

#dimOutPage_Twitter {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
    z-index: 5
}

img.qr-noimage {
    max-width: 164px;
    margin: 30px auto;
    text-align: center;
    display: block;
    min-height: 159px
}

.addsmartURL {
    position: absolute;
    right: -30px;
    bottom: -4px
}

.pfCampContainer {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 10px
}

    .pfCampContainer .pfCampLabel {
        font-size: 11px;
        font-weight: 300
    }

    .pfCampContainer .pfCampValue {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 10px
    }

.k-pager-wrap span.k-pager-sizes.k-label:first-letter {
    text-transform: uppercase
}

.generateCopyCode {
    position: absolute;
    right: 20px
}

#DataexchangeAnalyticks {
    position: absolute;
    top: 30px;
    right: -5px
}

#DataexchangeRangerAnalyticks {
    position: absolute;
    color: green;
    text-align: right;
    width: 100%;
    margin-top: 9px;
    left: -120px
}

div#goldalert {
    padding: 0;
    text-align: center
}

.well.no-padding.bgGrey-lighter {
    min-height: 300px
}

#ulGaugePlaceHolder #gauge-container path {
    stroke-opacity: 0 !important
}

.preview-overlay .hover-bg {
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    z-index: 4;
    height: 176px;
    right: 0;
    left: 0;
    top: 10px;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.preview-overlay i {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
    width: 30px;
    height: 30px;
    opacity: 0;
    padding: 5px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.preview-overlay:hover .hover-bg, .preview-overlay:hover i {
    opacity: 1
}

.preview-pop {
    position: relative
}

.preview-popup-cont {
    position: absolute;
    width: 220px;
    right: 30px;
    padding: 5px;
    top: -5px;
    z-index: 99999;
    visibility: hidden
}

#planner .preview-popup-cont {
    position: fixed;
}

#campaignListGrid .preview-popup-cont {
    width: 210px;
    min-height: 40px;
    z-index: 999;
}

    #campaignListGrid .preview-popup-cont .mobile-sms-box .chat-bubble {
        width: 84%;
        margin: 15px auto 2px 10%
    }

    #campaignListGrid .preview-popup-cont .mobile-sms-box .msb-footer .msbf-field {
        height: 20px;
        line-height: 17px
    }

    #campaignListGrid .preview-popup-cont .mobile-sms-box .msb-footer .msbf-btn {
        top: 0
    }

.preview-popup-cont.active {
    visibility: visible
}

.fc-event .preview-popup-cont, #Timeline .preview-popup-cont, .newPreviewPop {
    top: 27px;
    right: 10px;
    width: 320px;
    padding: 15px 40px
}

#Timeline .preview-popup-cont {
    top: 144px;
    right: 100px;
    left: inherit !important
}

.preview-popup-cont .pop-over-icon-align i.icon-mail-xmedium {
    font-size: 28px !important;
    top: -2px;
    position: relative;
}

.preview-popup-cont h5.pop-over-icon-align {
    margin-bottom: 2px;
}

.preview-left:after, .preview-left:before {
    left: 100%;
    top: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.preview-left:after {
    border-color: rgba(136,183,213,0);
    border-width: 8px;
    margin-top: -8px
}

.preview-left:before {
    border-color: rgba(194,225,245,0);
    border-width: 9px;
    margin-top: -9px
}

.preview-popup-cont.preview-right {
    left: 30px;
    right: inherit
}

.preview-right:after, .preview-right:before {
    right: 100%;
    top: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.preview-right:after {
    border-color: rgba(136,183,213,0);
    border-width: 8px;
    margin-top: -8px
}

.preview-right:before {
    border-color: rgba(194,225,245,0);
    border-width: 9px;
    margin-top: -9px
}

.preview-top:after, .preview-top:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.preview-top:after {
    border-color: rgba(136,183,213,0);
    border-width: 8px;
    margin-left: -8px
}

.preview-top:before {
    border-color: rgba(194,225,245,0);
    border-width: 9px;
    margin-left: -9px
}

.preview-right-top:after, .preview-right-top:before {
    bottom: 100%;
    left: 90%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.preview-right-top:after {
    border-color: rgba(136,183,213,0);
    border-width: 8px;
    margin-left: -8px
}

.preview-right-top:before {
    border-color: rgba(194,225,245,0);
    border-width: 9px;
    margin-left: -9px
}

.preview-right:before {
    border-right-color: var(--border-color) !important;
}

.preview-right:after {
    border-right-color: var(--border-color-w) !important;
}

.preview-popup-cont .flex-direction-nav a {
    height: 30px;
    padding: 5px 0;
    width: 20px
}

.preview-popup-cont .flex-direction-nav .flex-prev {
    left: 10px
}

.preview-popup-cont .flex-direction-nav .flex-next {
    right: 10px
}

.preview-overlay {
    position: relative;
    text-align: center
}

    .preview-overlay .hover-bg {
        background-color: rgba(0,0,0,0.6);
        position: absolute;
        z-index: 4;
        height: 93%;
        right: 0;
        left: 0;
        top: 3%;
        opacity: 0;
        overflow: hidden;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .preview-overlay i {
        position: absolute;
        z-index: 5;
        top: 50%;
        left: 50%;
        margin: -15px 0 0 -15px;
        width: 30px;
        height: 30px;
        opacity: 0;
        padding: 5px;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .preview-overlay:hover .hover-bg, .preview-overlay:hover i {
        opacity: 1
    }

.overviewfontsize-header {
    font-size: 60% !important
}

.previewShow .preview-tabs.nav-tabs > li.active > a, .previewShow .preview-tabs.nav-tabs > li.active > a:hover, .previewShow .preview-tabs.nav-tabs > li > a {
    max-width: 70px;
    margin: auto
}

.previewShow .preview-tabs.nav-tabs > li h4 {
    padding-top: 10px
}

.previewShow .preview-tabs.nav-tabs > li {
    margin: 0 12%
}

.icon-info-small.icon-xs.blue {
    padding-left: 4px
}

.campaign-performance-chart .popover.top > .arrow {
    right: 16px !important
}

.dashboard-overview .ui-sortable-helper {
    cursor: move
}

.csrGoldIconHolder {
    position: absolute
}

    .csrGoldIconHolder i.label-gold::after {
        right: initial;
        left: -12px;
        top: -6px;
        border-left: none;
        border-top: 30px solid #e7ca60;
        border-right: 30px solid rgba(0,0,0,0)
    }

    .csrGoldIconHolder i.label-gold::before {
        position: relative;
        left: -5px;
        top: -4px
    }
/*New styles included*/

.no-padding.newwebpostalcode {
    margin-left: 0
}

.campaigngallery_flex .slides > li {
    height: 250px;
    overflow: hidden
}

.campaigngallery_flex .slides li img {
    object-fit: cover
}

.campaigngallery_flex .flex-control-nav li {
    margin: 0 4px
}

.campaigngallery_flex .flex-direction-nav .flex-prev {
    background: url(themes/base/minified/glyphicons-halflings.png) no-repeat -152px 0px !important;
    left: -16px;
    height: 23px;
    width: 23px;
    padding: 0;
    border: none;
}

.campaigngallery_flex .flex-direction-nav .flex-next {
    background: url(themes/base/minified/glyphicons-halflings.png) no-repeat -178px 0px !important;
    right: -19px;
    height: 23px;
    width: 23px;
    padding: 0;
    border: none;
}

.campaigngallery_flex .flex-control-nav {
    left: 35px;
    position: absolute;
    bottom: -31px;
    text-align: center;
    right: auto
}

.email_galleryPreview .modal-header .close {
    margin-top: -5px !important;
    right: 5px;
    position: absolute;
    top: 10px
}

.email_galleryPreview .slides > li {
    text-align: center
}

.email_galleryPreview .slimScrollBar.ui-draggable {
    visibility: hidden
}

.email_galleryPreview .slimScrollDiv:hover .slimScrollBar.ui-draggable {
    visibility: visible;
    top: 0
}

.campaigngallery_flexPreview .flex-direction-nav a {
    position: fixed
}

.campaigngallery_flexPreview .flex-direction-nav .flex-prev {
    background: url(themes/base/minified/glyphicons-halflings.png) no-repeat -152px 3px !important;
    left: 40px;
    height: 30px;
    width: 17px;
    padding: 0;
    border: 1px solid #d4d6de
}

.campaigngallery_flexPreview .flex-direction-nav .flex-next {
    background: url(themes/base/minified/glyphicons-halflings.png) no-repeat -183px 3px !important;
    right: 40px;
    height: 30px;
    width: 17px;
    padding: 0;
    border: 1px solid #d4d6de
}

.campaigngallery_flexPreview .flex-control-nav {
    position: fixed;
    bottom: 5px
}

div#myCarousel_emailPreview .carousel-control.left, div#myCarousel_emailPreview .carousel-control.right {
    background-image: none;
    opacity: 1;
    text-shadow: 0 0 0 #fff;
    top: 50%;
    height: 30px;
    width: 20px;
    border: 1px solid #ccc
}

div#myCarousel_emailPreview .carousel-control.left {
    left: 40px;
    background: url(themes/base/minified/glyphicons-halflings.png) no-repeat -150px 3px !important;
    position: fixed
}

div#myCarousel_emailPreview .carousel-control.right {
    right: 40px;
    background: url(themes/base/minified/glyphicons-halflings.png) no-repeat -180px 3px !important;
    position: fixed
}

div#myCarousel_emailPreview .carousel-inner > .item > img, div#myCarousel_emailPreview .carousel-inner > .item > a > img {
    margin: auto
}

.visibilityhidden {
    visibility: hidden
}

.email_galleryPreview .modal-dialog {
    margin: 15px auto !important
}

.email_galleryPreview .modal-header {
    border-bottom: 0 solid #e5e5e5
}

.email_galleryPreview .campaigngallery_flexPreview .flex-viewport {
    height: 100% !important
}

.overviewfontsize-header {
    font-size: 70% !important
}

div#pnlMyprofilePage .k-dropdown-wrap, .asi-companyname .k-dropdown-wrap {
    padding: 0 1em 0 0
}

span#errmsgFirstName {
    left: 15px
}

#divmainhideftremp .radiolist {
    width: 290px
}

#divmainhideftremp .checkboxlist {
    width: 290px
}

#divmainhideftremp #Htxtmobile .checkboxlist, #divmainhideftremp #Htxtemail .checkboxlist {
    float: left;
    width: 130px
}

.rpNewTheme .city-width .k-dropdown .k-dropdown-wrap span.k-input {
    line-height: 24px
}

.rpNewTheme #divmainhideftremp .previewdropdown .k-dropdown .k-dropdown-wrap span.k-input {
    line-height: 28px
}

#divmainhideftremp .siAlign .previewdropdown {
    text-align: center
}

#maintableuseProgress tr.abox.uniqueprogressvalidation .temp-txtEditor > div.edit-outline {
    width: 100% !important
}

#maintableuseProgress tr.uniqueprogressvalidation .temp-txtEditor > div.edit-outline {
    width: 170px
}

#maintableuseProgress tr.uniqueprogressvalidation [id*="rselected"] .temp-txtEditor > div.edit-outline {
    width: 170px !important
}

#maintableuseProgress tr.uniqueprogressvalidation [id*="opdata"] .temp-txtEditor > div.edit-outline {
    width: 170px !important
}

#maintableuseProgress tr.uniqueprogressvalidation .temp-txtEditor > div.edit-outline div#divtxt {
    width: 170px
}

#maintableuseProgress tr.uniqueprogressvalidation div.fbWA.fbCol2 {
    width: 170px !important
}

#maintableuseProgress tr.uniqueprogressvalidation .city-width {
    width: 170px !important
}

#maintableuseProgress tr.uniqueprogressvalidation [id*="combosocialshare"] .city-width .fbWA.fbCol2 {
    width: 180px !important
}

#maintableuseProgress tr.uniqueprogressvalidation div.radiolist.fbCol2 {
    width: 180px !important
}

#maintableuseProgress tr.uniqueprogressvalidation div.fbWA.fbCol2 input {
    width: 180px !important
}

#maintableuseProgress tr.uniqueprogressvalidation .previewdropdown {
    width: 190px !important;
    margin-right: 5px;
    text-align: left
}

    #maintableuseProgress tr.uniqueprogressvalidation .previewdropdown.pdIcons {
        width: 90px !important;
        text-align: left !important;
        white-space: nowrap
    }

        #maintableuseProgress tr.uniqueprogressvalidation .previewdropdown.pdIcons a.mand-field {
            display: inline-block !important;
            margin-left: 20px !important
        }

        #maintableuseProgress tr.uniqueprogressvalidation .previewdropdown.pdIcons a.input-settings {
            display: inline-block !important;
            margin-right: 20px !important
        }

#divmainhideftremp [id*="combosocialshare"] .previewd .no-data-holder-detailgrid > p {
    width: 52%;
    position: absolute;
    left: 24%;
    top: 50%;
    margin-top: -12px;
    padding: 10px;
    text-align: center;
    z-index: 50;
    background: #fdfdfd
}

.no-data-holder-detailgrid {
    position: absolute;
    clear: both;
    text-align: center;
    width: 100%;
    height: 288px;
    background: rgba(255,255,255,0.6);
    z-index: 8;
    margin-top: -275px
}

#mapGeography {
    position: relative;
    top: -21px
}

#email_devices_Segment {
    margin-top: -2px !important;
}

span#errmsgValidEmailCampaignText {
    position: relative !important;
    display: block;
    top: -7px;
    left: 0;
    width: 13%;
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    color: #b94a48
}

.multiSelect .multiRghtClm ul#TablesMenuList {
    height: auto
}

#TablesMenuList li:hover {
    background: var(--primary-color);
    color: #fff
}

#campaignListGrid .st-grid-transparent .campaign-titlesec {
    width: auto; /*height:80px*/
}
/*li#SearchCampaignlist{margin-top:-2px}*/
.spamScoreContainer {
    margin: 80px auto -19px auto;
    min-height: 50px
}

    .spamScoreContainer .icon-holder {
        position: absolute;
        margin-top: -75px;
        margin-left: -29px
    }

    .spamScoreContainer .spam-slider {
        position: relative;
        top: -20px
    }

        .spamScoreContainer .spam-slider .spam-scale-handle {
            position: absolute;
            top: 0
        }

#social-facebook .post-preview {
    cursor: pointer
}

#social-twitter .post-preview {
    cursor: pointer
}

#social-linkedin .post-preview {
    cursor: pointer
}

#mobile-push-notify .post-preview {
    cursor: pointer
}

    #social-facebook .post-preview img, #social-twitter .post-preview img, #social-linkedin .post-preview img, #mobile-push-notify .post-preview img {
        max-height: 231px;
    }

.multiSelect .multiLftClm ul.grid-style li img {
    position: relative;
    top: -10px;
    right: -10px
}

.multiSelect .multiRghtClm ul.grid-style li img {
    position: relative;
    top: -30px;
    right: -10px
}

.multiSelect .multiLftClm ul.grid-style li .smaller {
    display: none !important
}

.ariTablesContainer .dropdown-menu {
    margin: 0;
    padding: 0
}

    .ariTablesContainer .dropdown-menu > li > a {
        padding: 5px 7px !important;
        text-align: left
    }

.key-fixed {
    position: absolute;
    margin: 0;
    right: 0;
    top: 0;
    padding: 3px 1px;
    font-size: 11px;
    line-height: 15px;
    font-style: normal;
    z-index: 2
}

    .key-fixed:after {
        right: 0;
        top: 0
    }

    .key-fixed:after {
        content: " ";
        display: inline-block;
        position: absolute;
        right: 0;
        top: 1px;
        z-index: -1
    }

    .key-fixed:after {
        border-left: 30px solid rgba(0,0,0,0);
        border-top: 30px solid #dbdbdb;
        border-right: 0 solid rgba(0,0,0,0)
    }

.primaryKey:after {
    border-top-color: #008f94 !important
}

.secondaryKey:after {
    border-top-color: #f56701 !important
}

#removeTrack {
    position: absolute;
    right: -19px;
    top: 7px
}

.refresh-table {
    position: absolute;
    right: 5px;
    top: 5px
}

.tableView {
    position: absolute;
    right: 20px;
    top: 20px
}

.left2per {
    left: 2%
}

.left3per {
    left: 3%
}
/*4-th-march  new styles include*/

.st-grid-transparent tr.blue td:nth-child(2) {
    border-left: 4px solid #66c8ec !important
}

.content.reports .campaignRepPrev .preview-overlay {
    overflow: hidden;
    height: 180px
}

    .content.reports .campaignRepPrev .preview-overlay img {
        overflow: hidden;
        width: 180px
    }

.personalFields li, .personalFieldsContent li {
    display: block !important
}

.qrArrow li:nth-child(2) .arrow {
    left: 76% !important
}

.content.reports .preview-overlay a {
    max-height: 325px;
    overflow: hidden;
    display: block
}

.preview-popup-cont {
    background-color: #fff;
    border: 1px solid #d4d6de
}

.preview-left:before {
    border-left-color: #d4d6de !important
}

.preview-left:after {
    border-left-color: #fff !important
}

#divSocialContent {
    margin-top: 15px
}

    #divSocialContent .text-editor-tools {
        margin-top: 10px !important
    }

.popupActionIcons {
    position: absolute;
    top: 14px;
    right: 15px
}

    .popupActionIcons a {
        margin-left: 10px
    }

        .popupActionIcons a:first-child {
            margin-left: 0
        }

.textarea-save > .input-error {
    margin-top: -65px !important
}

div#define-target .modal-lg {
    width: 50%;
    max-width: 100%
}

#Purchasepattern .list-daywise {
    height: 310px
}

#b2cprofile-data .list-daywise {
    height: 290px
}

#Purchasepattern .overall.clear {
    height: 300px
}

#campaignGrid .preview-popup-cont.preview-left .slides li img {
    display: block;
    margin: auto
}

div#whatsappChannel .msb-header, div#whatsappChannel .msb-footer {
    display: block
}

#lsb2b-filterList .rowFild .selInput, #lsb2b-filterList .rowFild label {
    margin-left: 0
}

.right50 {
    right: 50px
}

#ulCampaignTags {
    min-height: 100px
}

div#define-target .modal-lg {
    width: 70%;
    max-width: 100%
}

.page-header.shPageLevel {
    margin: -13px 0 0 0;
    position: relative;
    top: 8px
}

.page-header.shPageLevel2 {
    margin: -13px 0 0 0;
    position: relative;
    top: 8px;
    display: block
}

    .page-header.shPageLevel2 h1 {
        display: block
    }

.border-bottom-1 {
    border-bottom: 1px solid #d4d6de
}

.tooltiptopicevent {
    position: absolute;
    right: 50%;
    z-index: 1001;
    margin-top: 13px
}

    .tooltiptopicevent > span.delivery-method {
        display: none
    }

.delivery-method.single-dimension {
    background-image: url(/Images/calendar/sdc.png);
    background-repeat: no-repeat;
    background-position: 6px 92px
}

.tooltiptopicevent .popup-slider .flex-viewport .slides li {
    overflow: hidden
}

.newPreviewPop {
    top: 0 !important
}

    .newPreviewPop:after, .newPreviewPop:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .newPreviewPop:after {
        border-color: transparent;
        border-bottom-color: #fff;
        border-width: 9px;
        margin-left: -9px
    }

    .newPreviewPop:before {
        border-color: rgba(194,225,245,0);
        border-bottom-color: #d4d6de;
        border-width: 10px;
        margin-left: -10px
    }

    .newPreviewPop .campaign-description {
        white-space: nowrap;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .newPreviewPop .modalCloseIcon {
        position: absolute;
        top: 2px;
        right: 4px
    }

    .newPreviewPop.rp-ppc-top-position {
        top: initial !important;
        bottom: 30px
    }

        .newPreviewPop.rp-ppc-top-position:before {
            border-bottom-color: transparent;
            border-top-color: #d4d6de;
            bottom: initial;
            top: 100%
        }

        .newPreviewPop.rp-ppc-top-position:after {
            bottom: initial !important;
            top: 100% !important;
            border-bottom-color: transparent;
            border-top-color: #fff
        }

.campaign #planner .fc-event-title {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div#planner .popup-silder-new-ui .popup-slider-wrapper-new .popup-grid span.mcc-icon {
    padding-right: 5px
}

.css-scrollbar, * {
    scrollbar-color: #b8b8b8 #fff;
    scrollbar-width: thin;
}

    .css-scrollbar::-webkit-scrollbar-track {
        background-color: transparent;
        cursor: pointer
    }

    .css-scrollbar::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        background-color: transparent;
        cursor: pointer
    }

    .css-scrollbar::-webkit-scrollbar-thumb {
        background-color: #b8b8b8;
        cursor: pointer;
        border-radius: 0 !important
    }

.tag-text {
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    vertical-align: middle
}

.da-group-box {
    margin-top: 8px;
    padding-left: 0;
    padding-right: 0 !important
}

.da-heading {
    margin-bottom: 15px
}

.da-icon-align {
    position: relative;
    z-index: 1
}

#daLastCol {
    position: relative
}

    #daLastCol .cf-cat-box {
        margin-top: 35px
    }

        #daLastCol .cf-cat-box ul {
            margin-top: 0;
            width: 99% !important
        }

            .da-group-box .cf-cat-box ul li, #daLastCol .cf-cat-box ul li {
                margin-left: 0
            }

    #daLastCol .da-heading {
        position: absolute;
        margin: 0;
        width: 90%;
        margin-top: -33px
    }

.da-heading > i {
    position: relative;
    top: 1px;
    margin-right: 5px
}

#daLastCol .da-icon-align2 {
    position: absolute;
    top: -6px;
    right: 0
}

ul.attribute-type li a {
    min-width: 120px
}

.daDDNew {
    min-width: 41px
}

    .daDDNew.open > .dropdown-menu {
        margin-top: 0;
        margin-left: -5px
    }

.cf-cat-box .cfc-heading-settings {
    right: 25px;
    top: 6px
}

.cf-cat-box .newBoxDel {
    position: absolute;
    right: 26px;
    top: 6px
}

    .cf-cat-box .newBoxDel .icon-minus-fill-small {
        font-size: 16px !important
    }

.cf-cat-box .cfc-heading-input {
    position: relative;
    top: -3px
}

#daLastCol .sensitiveOverview .da-icon-align2 .cfc-cat-edit {
    right: -10px
}

#daLastCol .sensitiveOverview .da-icon-align2 .cfc-heading-settings {
    right: 15px;
    position: absolute
}

#expandCollapseDA {
    position: absolute;
    right: 20px;
    bottom: 35px
}

#daBoxContainer {
    position: relative;
    z-index: 99
}

    #daBoxContainer .cf-cat-box, #daBoxContainer #dabcLeftColumn {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        background-color: #fefefe
    }

    #daBoxContainer .cf-cat-box {
        width: 97%
    }

    #daBoxContainer .audienceView .cf-cat-box {
        width: 100%
    }

    #daBoxContainer #dabcLeftColumn {
        border: 1px solid #e3e3e3;
        border-top-color: var(--primary-color) !important;
        z-index: 999
    }

        #daBoxContainer #dabcLeftColumn #iddabclHeader {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 11
        }

        #daBoxContainer #dabcLeftColumn .scroll_list_attribues {
            padding-top: 60px;
            background: transparent;
            border: 0
        }

        #daBoxContainer #dabcLeftColumn #iddabclHeader > .nav-right {
            padding: 20px
        }

#dabcLeftColumn .excol-icon-expand {
    right: 25px;
    bottom: 0
}

#daBoxContainer #dabcLeftColumn #iddabclHeader > .nav-right h5 {
    font-size: 15px
}

#daBoxContainer .cf-cat-box h6 {
    position: relative;
    top: 0;
    padding-left: 20px;
    padding-right: 20px
}

    #daBoxContainer .cf-cat-box h6 .cfc-cat-edit {
        right: 20px
    }

#daBoxContainer .cf-cat-box .cfc-text {
    font-size: 15px
}

#daBoxContainer .cf-cat-box.ccb-expanded .da-heading {
    margin: 20px 20px 0 20px;
    position: relative;
    padding-bottom: 20px
}

    #daBoxContainer .cf-cat-box.ccb-expanded .da-heading .da-icon-align2 {
        position: absolute;
        top: -7px;
        right: 0
    }

ul.da-legend {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 25px
}

#daLastCol a.excol-icon-expand {
    right: 35px;
    bottom: 30px
}

.audienceView a.excol-icon-contract {
    right: 20px !important;
    bottom: 0 !important
}

.catDataattri_Expand {
    position: absolute;
    z-index: 999;
    background: #fff;
    border: 0 solid #ccc;
    padding: 20px 10px 10px 0;
    margin-top: -10px
}

.catData_Expand {
    position: absolute;
    z-index: 99;
    background: #fff;
    border: 0 solid #ccc;
    padding: 20px;
    margin-top: 0;
    margin-left: 50px
}

div#daFullContainer .catData_Expand .cfc-cat-edit, div#daBoxContainer .audienceView.catData_Expand .cfc-cat-edit {
    right: 30px;
    top: 30px
}

div#daBoxContainer .catData_Expand .cfc-cat-edit {
    right: 0;
    top: 0
}

div#daBoxContainer .cf-cat-box h6 {
    width: 100%
}

div#customColumnSelector .scroll-pane {
    height: 450px
}

ul.da-legend li {
    margin-right: 20px
}

    ul.da-legend li span {
        display: inline-block;
        margin-right: 10px;
        width: 25px;
        height: 10px;
        background-color: #f6f7f8;
        border: 1px solid #d4d6de
    }

.dali-dataInjested, .cf-cat-box ul li.dali-dataInjested { /*background-color:#f6f7f8!important;*/
    border-color: #d4d6de !important
}

.dali-kpiData, .cf-cat-box ul li.dali-kpiData, .attr-container ul li.dali-kpiData {
    background-color: #eff8ff !important;
    border-color: #66c8ed !important
}

.dali-transactionData, .cf-cat-box ul li.dali-transactionData, .attr-container ul li.dali-transactionData {
    background-color: #f1f8d9 !important;
    border-color: #d1e88e !important
}

.cf-cat-box ul li.dali-sensitiveData, .attr-container ul li.dali-sensitiveData, .daLegend li span.dali-sensitiveData {
    background-color: #fee7d7 !important;
    border-color: #fdc69d !important
}

.no-gutter.row {
    margin-right: 0;
    margin-left: 0
}

.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0
}

.gutter-15.row {
    margin-right: 15px;
    margin-left: 15px
}

.gutter-15 > [class*='col-'] {
    padding-right: 15px;
    padding-left: 15px
}

#confirm-csvAtribute .scroll-pane {
    height: 150px !important
}

    #confirm-csvAtribute .scroll-pane.tagsField li.tag {
        margin: 5px 1% 2px 5px
    }

.scroll_list_segment, .scroll_list_attribues, .scroll_list_segment2 {
    height: 580px;
    max-height: 600px;
    overflow: auto;
    word-break: break-all
}

.scroll_list_segment2 {
    height: 360px;
    max-height: 360px;
    overflow-x: hidden
}

.scroll_list_attribues {
    overflow: auto
}

.scroll_list_segment .jspHorizontalBar, .scroll_list_segment2 .jspHorizontalBar {
    display: none
}

.scroll_list_segment .jspPane, .scroll_list_segment2 .jspPane {
    left: 0 !important
}

.jspContainer {
    overflow: hidden;
    position: relative;
    min-width: 60%
}

.jspPane {
    position: absolute
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 2px;
    width: 1px;
    height: 100%
}

.jspHorizontalBar {
    position: absolute;
    bottom: 2px;
    right: 6px;
    width: 100%;
    height: 1px
}

    .jspVerticalBar *, .jspHorizontalBar * {
        margin: 0;
        padding: 0
    }

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspHorizontalBar .jspDrag {
    height: 5px !important;
    top: -2px
}

.jspTrack {
    position: relative
}

.jspDrag {
    cursor: pointer;
    left: -2px;
    position: relative;
    top: 0;
    width: 5px
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%
}

.jspArrow {
    text-indent: -20000px;
    display: block;
    cursor: pointer
}

    .jspArrow.jspDisabled {
        cursor: default
    }

.jspVerticalBar .jspArrow {
    height: 20px
}

.jspHorizontalBar .jspArrow {
    width: 8px;
    float: left;
    height: 100%
}

.jspVerticalBar .jspArrow:focus {
    outline: 0
}

.jspCorner {
    float: left;
    height: 100%
}

.scroll-pane-style1 {
    padding-right: 15px !important
}

* html .jspCorner {
    margin: 0 -3px 0 0
}

.multiSelect.la-multi .grid-style li span {
    line-height: 18px;
    padding: 10px;
    display: block;
    text-decoration: none;
    cursor: pointer
}

    .multiSelect.la-multi .grid-style li span.achart-container {
        display: none
    }

.multiSelect.la-multi .grid-style li.active span {
    color: #fff !important
}

.multiSelect.la-multi .grid-style li.active.inputBgremove span {
    color: #585858 !important
}

.multiSelect.la-multi .grid-style li i {
    display: none !important
}

.grid-box {
    width: 100%;
    min-height: 20px;
    background: #fff;
    border: 1px solid #e3e3e3;
    padding: 0;
    display: table
}

    .grid-box:before, .grid-box:after {
        content: " ";
        display: table
    }

    .grid-box:after {
        clear: both
    }

    .grid-box .box-title {
        padding: 10px;
        margin-bottom: 5px
    }

        .grid-box .box-title label {
            max-width: 32%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            float: none !important;
            padding: 0 !important
        }

        .grid-box .box-title a {
            margin-left: 8px
        }

        .grid-box .box-title i {
            vertical-align: middle
        }

        .grid-box .box-title .k-header {
            width: auto !important;
            min-width: 72px;
            position: relative;
            top: -3px
        }

        .grid-box .box-title .k-state-default {
            padding-right: 15px
        }

        .grid-box .box-title .k-input {
            padding-right: 15px;
            padding: 0;
            height: 23px !important
        }

    .grid-box .box-table > tbody > tr > td {
        font-size: 13px;
        height: 36px;
        padding: 0 5px;
        font-weight: 300
    }

.push-mrgn-lftRgt-10 {
    margin-left: -10px !important;
    margin-right: -10px !important
}

.vert-middle {
    vertical-align: middle !important
}

.ta-height {
    height: 140px !important
}

.ta-height-2 {
    height: 250px !important
}

.lbl-value {
    color: #95918d
}

.form-preview.form-horizontal .form-group {
    padding: 8px 15px
}

.greyText {
    color: #b8b8b8
}

input.form-control.fc-mp {
    max-width: 70px;
    float: right;
    height: 21px;
    font-size: 12px;
    margin-right: 8px;
    padding: 5px;
    position: relative;
    top: -3px
}

.rp-calendar > .k-scheduler {
    background-color: #f6f7f8
}

.rp-calendar .k-scheduler-dayview .k-scheduler-content {
    height: auto !important
}

.comp-goal-image {
    position: absolute;
    top: -20px;
    left: -15px;
    z-index: 1
}

.filter-action.list-attributes-content {
    max-height: 538px
}

#Classification .row.list-attributes-content {
    max-height: 572px
}

div#daBoxContainer .filter-action.list-attributes-content {
    padding-top: 10px !important
}

div#daFullContainer .catData_Expand a#expandCollapseDA.excol-icon-contract {
    bottom: 25px !important;
    right: 30px !important
}

.audienceView.catData_Expand, .da-group-box.catData_Expand {
    margin-left: 0
}

div#daFullContainer .catDataattri_Expand .scroll_list_attribues {
    height: 570px;
    max-height: 570px
}

#crbdynamiclistContainer .filterGroup.fgActive {
    border: 1px dashed var(--primary-color) !important
}

#crbdynamiclistContainer #addtrigger_source {
    position: absolute;
    right: -20px;
    bottom: 20px
}

a#removetriggerPush_web {
    right: -39px;
    top: 18px
}

.transactional-campaign_web {
    padding: 15px 0
}

a#removetrigger_Source {
    position: absolute;
    right: 10px;
    top: 0
}

.cp-tooltip-template .k-tooltip.k-popup {
    visibility: hidden
}

.k-scheduler-navigation.scd-new-ul .k-header.k-nav-prev {
    top: 4px
}

.k-scheduler-navigation.scd-new-ul .k-header .k-link {
    padding-left: 5px;
    padding-right: 5px
}

    .k-scheduler-navigation.scd-new-ul .k-header .k-link .scheduler-nav-arrows {
        position: relative;
        top: 3px
    }

.modal-body .lpPreview {
    overflow: hidden;
    height: 175px
}

.catFieldClone .scroll_list_attribues, #daLastCol .scroll_list_attribues {
    overflow-y: hidden
}

    .catFieldClone .scroll_list_attribues:hover, #daLastCol .scroll_list_attribues:hover {
        overflow-y: visible
    }

a#selAddtriggerPush_web {
    position: absolute;
    right: -40px;
    top: 22px
}

.selectTrigger_Ext {
    position: relative
}

a#selRemovetriggerPush_web {
    position: absolute;
    right: -40px;
    top: 4px
}

.refresh-trigger {
    right: -20px;
    top: 15px;
    position: absolute
}

table#table_gf .dg-add-new, table#table_gf .dg-delete {
    position: absolute;
    right: 5px;
    top: 15px;
    left: auto
}

table#table_gf tr td {
    position: relative
}

#id_cCampaingDetails .lsCampaignDetailsunderseconddiv .dg-add-new {
    position: absolute;
    right: 5px;
    top: 15px;
    left: auto
}

a#id_cCampaingDetailsanchor {
    top: 33px;
    position: absolute;
    right: -2px;
    z-index: 9999
}

#id_cCampaingDetails a.no-hover.dg-delete {
    position: absolute;
    top: 21px;
    right: 12px
}

.preferences.leadscore .k-dropdown-wrap .k-input {
    font-size: 12px
}

div#campaign-response .form-group, div#audience-laddering .form-group {
    margin-bottom: 20px
}

#campaign-response input.form-control.fc-mp {
    max-width: 70px;
    float: right;
    height: 21px;
    font-size: 12px;
    margin-right: 8px;
    padding: 5px;
    position: relative;
    top: -27px
}

.modal-body .lpPreview {
    overflow: hidden;
    height: 125px
}

.list-channel > li.last {
    margin-left: 1px
}
/*a.editRemove{right:auto!important;top:auto!important;margin-top:14px!important}*/
.search.searchEffect {
    background-color: #9a9a9d
}

.search, .search-on {
    height: 25px
}

.search {
    height: 25px;
    position: relative;
    border-radius: 20px
}

.searchEffect .slidePanel {
    background: #9a9a9d none repeat scroll 0 0;
    border-radius: 20px;
    width: 26px
}

.searchEffect .searchSlide, .searchEffect .search-noslide {
    cursor: pointer;
    float: right;
    margin: 0 !important;
    padding: 0
}

.searchSlide {
    background: #9a9a9d none repeat scroll 0 0;
    border-radius: 20px;
    height: 25px;
    padding: 0 4px;
    width: 26px
}

.searchSlide {
    position: relative;
    text-align: center
}

.search.searchEffect .searchField {
    border: medium none;
    float: left;
    font-size: 12px;
    height: 19px;
    line-height: 17px;
    margin: 0;
    padding: 0;
    width: 0;
    left: 20px
}

.mobile-add-system {
    width: 95%
}

.form-level-bg {
    width: 100%;
    float: left;
    background: #f7f7f7;
    margin: 0 0 12px;
    position: relative;
    padding: 10px 0 15px 0
}

#wp-mobile-app-container #addSendPush, #wp-mobile-app-container .removeSendPush {
    position: absolute;
    bottom: 10px;
    right: -25px
}

#wp-mobile-app-container .pbox {
    position: relative
}

#wp-mobile-app-container a#addSendPush, #wp-mobile-app-container a.removeSendPush {
    position: absolute;
    right: -25px;
    bottom: 10px
}

#ms-push-notify span#errmsgappname {
    left: 220px;
    top: 15px
}

#ms-push-notify span#errmsganalplatform {
    left: 220px;
    top: 15px
}

.split_Mechanics_AB_ON, .split_SMS_AB_ON {
    border: 1px solid #e3e3e3
}

li.plus_AB_Email a, li.plus_AB_SMS a, li.plus_AB_Mobilepush a, li.plus_AB_Webpush a {
    background: transparent !important
}

.remove_split_SMS span, .remove_split_Email span {
    right: 10px;
    top: 10px;
    position: absolute
}

.text-editor-tools > li > a i.icon-view-small {
    position: absolute;
    top: 7px;
    right: 0
}

.z-index-adjust {
    z-index: 4
}

.split-ab-mask, .split-ab-mask-sms, .split-mask {
    background-color: rgba(0,0,0,0.2)
}

.split-ab-mechanics.showDownSplitAB, .split-ab-mechanics-sms.showDownSplitABSMS, .split-ab-mechanics.showDownMobilePushSplitAB, .split-ab-mechanics.showDownWebPushSplitAB {
    background: #fff;
    margin: -6px 30px 0 30px;
    padding: 10px;
    border: 1px solid #ccc
}

#campSplitEmail, #campSplitSMS {
    position: absolute;
    padding-top: 3px;
    padding-left: 10px;
    top: 0;
    left: 70px
}

#RecipentCount, #SmsRecipentCount, #WPRecipentCount, #MPRecipentCount {
    width: 128px !important
}

#ulsmssplitabcd {
    z-index: 1;
    margin-bottom: 30px
}

#previewContentDIVD .temp-holderSec {
    width: 600px !important;
    margin: auto !important;
    float: none !important
}

#previewContentDIVA .temp-holderSec {
    width: 600px !important;
    margin: auto !important;
    float: none !important
}

#previewContentDIVB .temp-holderSec {
    width: 600px !important;
    margin: auto !important;
    float: none !important
}

#previewContentDIVC .temp-holderSec {
    width: 600px !important;
    margin: auto !important;
    float: none !important
}

#DivEmailSubjectSplitabcd .temp-holderSec {
    width: 600px !important;
    margin: auto !important;
    float: none !important
}

.list-segment.abox .input-error {
    margin-top: 30px;
    left: 20px
}

#crbGroup a .no-hover.selrefresh-trigger {
    position: absolute;
    top: -29px;
    right: -27px
}

#QRCampaignForm {
    position: relative
}

    #QRCampaignForm .refresh-qrcontent {
        color: var(--primary-color) !important;
        top: 5px !important;
        right: 5px !important
    }

        #QRCampaignForm .refresh-qrcontent i {
            color: var(--primary-color) !important
        }

#AlertAndNotificationGrid table td .media-icon i {
    vertical-align: middle;
    position: relative;
    top: -3px
}

    #AlertAndNotificationGrid table td .media-icon i.icon-alert-fill-small {
        top: -6px
    }

    #AlertAndNotificationGrid table td .media-icon i.icon-close-small {
        top: -7px
    }

.alertSwitchButton .content-grid .bootstrap-switch {
    top: 2px;
}

.daSubNav .dropdown > a > span {
    font-size: 24px;
    font-weight: 300
}

.daSubNav .dropdown > a > i {
    margin-left: 20px;
    position: relative;
    top: -5px
}

.admin-switch {
    min-width: 105px
}

.icon-minus-fill-small {
    cursor: pointer
}

.selectTriggCondition, .selectTriggCondition1 {
    margin-left: -75%;
    margin-top: -5px;
    max-width: 80%
}

.addmandatoryclass {
    position: absolute;
    right: -45px;
    margin-top: 16px
}

.message-settings-tabs .tabs-left > .nav-tabs > li {
    min-width: 94px
}

.message-settings-tabs .input-error {
    margin-top: -5px;
    margin-left: 15px
}

#emaillifetimejoin .input-error {
    margin-left: 0
}

.add-senderId, .add-twoWay {
    position: absolute;
    bottom: 10px;
    right: -15px
}

.delete-senderId, .delete-twoWay {
    right: -15px;
    position: absolute;
    bottom: 10px
}

.empty {
    font-style: italic
}

.form-level-bg.split_Mechanics_AB_ON, .split_SMS_AB_ON {
    padding-top: 0
}

span.splitABDwn, .splitABDwn-sms {
    position: absolute;
    padding-top: 3px;
    padding-left: 10px;
    top: 0;
    left: 70px
}

.remove_split_SMS span, .remove_split_Email span, .remove_split_MobilePush span, .remove_split_WebPush span, .remove_split_MobilePushContent span {
    right: 10px;
    top: 10px;
    position: absolute
}

.plus_AB_Email .add-split::before, .plus_AB_Email .add-split::after, .plus_AB_SMS .add-split_SMS::before, .plus_AB_SMS .add-split_SMS::after {
    border-top: 0 !important
}

.message-settings-tabs .tabs-left > .nav-tabs > li, .message-settings-tabs .tabs-right > .nav-tabs > li {
    min-width: 94px
}

.spam-settings.scroll-pane.jspScrollable .jspContainer .jspPane {
    padding-top: 0 !important
}

.settingValid .form-group .icon-remove-sign {
    vertical-align: middle;
    position: relative;
    top: -3px;
    right: 3px
}

.settingValid .form-group .icon-tick-circle-medium {
    vertical-align: middle;
    position: relative;
    top: -1px;
    right: 3px
}

.targetTo {
    margin-top: 5px;
    text-align: center;
    padding: 10px
}

.add-twoWay {
    right: -20px
}

#wpiContainer {
    margin-bottom: 5px;
}

    #wpiContainer .otp-tick-container.otc-tick {
        position: absolute;
        right: -25px;
        top: 10px
    }

.iconTopAdjust, .inline-top .icon-plus-fill-small, .inline-top .icon-settings-small {
    position: relative;
    top: 5px
}

#divEmailSplitAbcd, .form-group.z-index-adjust {
    padding-top: 9px
}

    #divEmailSplitAbcd > label, .form-group.z-index-adjust > label, #divMobilePushSplitAB > label, #divwebPushSplitAB > label {
        margin-top: -9px
    }

#DivEmailSubject {
    margin-top: -10px
}

#divSubjectPersonalize ul.list-block li:first-child {
    margin-right: 0
}

input.k-checkbox {
    -webkit-appearance: checkbox;
    width: 15px;
    height: 15px;
    vertical-align: middle
}

.k-button-group .k-tool {
    margin-left: 2px
}

    .k-button-group .k-tool.k-state-selected {
        background-color: var(--primary-color)
    }

.k-editor-toolbar .k-editor-dropdown {
    margin-left: 5px;
    top: -5px
}

    .k-editor-toolbar .k-editor-dropdown .k-dropdown-wrap {
        border-bottom: 1px solid #c5c5c5 !important
    }

.tpAdujst {
    position: relative;
    top: 5px
}

.kiRightAlign {
    position: absolute;
    right: 0;
    top: 0
}

    .kiRightAlign a {
        padding-right: 0 !important
    }

    .kiRightAlign .wia-1 i {
        position: static !important
    }

.post-preview {
    position: relative;
    background-color: #fff;
    padding: 5px !important;
    text-align: center;
    margin: auto;
    border: 1px solid #b8b8b8; /*margin-top:11px*/
}

    .post-preview figure {
        display: none;
        margin: auto;
        vertical-align: middle;
        min-height: 100px;
        line-height: 100px
    }

    .post-preview i#imgPostImageDel {
        position: absolute;
        right: 5px
    }

    .post-preview:hover {
        border: 1px solid #41a0fc
    }

.modal-body .info-thumb {
    border: 1px solid #e9e9eb;
    position: relative;
    top: -1px
}

.modal-body .preview-post, .preview-post-large {
    text-align: center;
    margin: auto;
    padding: 10px
}

    .modal-body .preview-post > div, .preview-post-large > div {
        float: none !important
    }

    .modal-body .preview-post img, .preview-post-large img {
        width: auto
    }

#addLNNewPost, #addFBNewPost, #addTWNewPost {
    margin-left: 0
}

.posiR ul.list-block li {
    margin-bottom: 5px
}

#qr-appstore .form-group input.input-large1 {
    position: relative;
    top: -10px;
    left: 5px
}

#smarturl-popup .modal-body .smarturl-short {
    background-color: #f6f7f8
}

    #smarturl-popup .modal-body .smarturl-short #success-alert {
        top: 15px;
        right: 10px
    }

.ccNameIconContainer {
    position: absolute;
    right: 50px;
    margin-top: 18px
}

    .ccNameIconContainer .tagIcon, .ccNameIconContainer .tickIcon, .ccNameIconContainer .percentSymbol, .ccNameIconContainer .addIcon, .ccNameIconContainer .deleteIcon, .ccNameIconContainer .naIcon, .ccNameIconContainer .naIcon2 {
        position: relative
    }

    .ccNameIconContainer .tickIcon {
        left: 8px
    }

    .ccNameIconContainer .percentSymbol {
        left: -45px;
        top: -6px
    }

    .ccNameIconContainer .addIcon {
        left: -22px
    }

    .ccNameIconContainer .deleteIcon {
        left: -22px
    }

    .ccNameIconContainer .naIcon {
        left: 15px;
        top: -10px
    }

    .ccNameIconContainer .naIcon2 {
        left: -1px;
        top: -10px
    }
/*.ccContentTabs .tab-content ul li label{position:relative;top:8px;margin:0 7px 0 0}*/
.modal {
    text-align: center;
    padding: 0 !important; /*z-index:10050 !important;*/
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px
    }

#campaign-test-mail-sentFail.modal {
    z-index: 10056 !important;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.attrLeftBlockContainer ul.dropdown-menu-right li label {
    white-space: nowrap;
    max-width: 151px;
    text-overflow: ellipsis;
    min-height: 17px
}

.filter-action .rowFild label, .filter-action li.others-filter .dateSelector label { /*margin-top:17px!important;*/
    padding-top: 13px;
    min-width: 40px;
    text-align: center
}

.filter-action label.betweenTo {
    padding: 10px 10px 0px 10px;
}

#customColumnSelector .multiselectList li:nth-child(odd) {
    background-color: transparent !important
}

#customColumnSelector .multiselectList li:nth-child(even) {
    background-color: #f0f8ff !important
}

.widget-listbody .widget-listsettings .split-box {
    width: 275px
}

.widget-listbody .widget-listsettings .split-ab-mechanics {
    width: 305px;
    margin: 0 0 0 16px;
    padding: 0 0 10px 0
}

.spDa.scroll-pane {
    height: 250px
}

.master-recip-data .widget-body.scroll-pane {
    height: 290px
}

    .master-recip-data .widget-body.scroll-pane .jspContainer .jspDrag {
        background-color: #fff
    }

    .master-recip-data .widget-body.scroll-pane .jspContainer ul {
        padding-right: 10px !important;
        padding-left: 5px !important
    }

.attrLeftBlockContainer > .scroll-pane {
    height: 600px;
    min-width: 207px !important;
    overflow-x: hidden
}

    .attrLeftBlockContainer > .scroll-pane .jspContainer .jspVerticalBar, .attrLeftBlockContainer .scroll-pane .jspContainer .jspVerticalBar .jspTrack {
        background-color: transparent
    }

        .attrLeftBlockContainer > .scroll-pane .jspContainer .jspVerticalBar .jspDrag {
            width: 5px;
            left: -2px
        }

    .attrLeftBlockContainer > .scroll-pane.sp2 .jspContainer .jspVerticalBar .jspDrag {
        left: -7px
    }

    .attrLeftBlockContainer > .scroll-pane .jspContainer .jspHorizontalBar {
        display: none
    }

    .attrLeftBlockContainer > .scroll-pane .jspContainer .jspPane {
        left: 0 !important
    }

.dynTriggerRefreshIcon {
    display: block;
    position: relative;
    top: 5px
}

    .dynTriggerRefreshIcon .refresh-trigger {
        position: static;
        padding-top: 10px;
    }

    .dynTriggerRefreshIcon.fbShowing {
        position: relative;
        right: 0;
        top: 0
    }

.ilHeaderRight {
    padding: 0;
    position: relative;
    right: -15px;
    top: -4px
}

.classificationRightDd {
    position: relative;
    top: -12px;
    min-width: 215px
}

.rowblankdiv .outerrow {
    position: relative
}

.rowblankdiv .dataAtrr_minus {
    position: absolute;
    top: 30px;
    right: 50px
}

.labelSmallRight {
    position: absolute;
    font-size: 12px;
    margin-top: 5px;
    text-align: right;
    width: 100%
}

    .labelSmallRight input {
        padding: 0 !important;
        margin: 0;
        height: auto
    }

#pnlClientList #gridcontainer .pager {
    margin: 0
}

    #pnlClientList #gridcontainer .pager li > a {
        border: 0 !important;
        background-color: transparent !important;
        padding: 0
    }

.scroll_list_attribues.scroll-pane {
    padding-right: 0 !important
}

    .scroll_list_attribues.scroll-pane .jspTrack {
        background-color: #fff !important
    }

textarea#txtRagencode {
    height: 120px !important
}

#divConnectedSystemsParent .connect-list {
    height: 172px
}

.connect-list ul.api-setting li.asInfoIcon {
    position: absolute;
    right: -18px;
    top: 135px
}

    .connect-list ul.api-setting li.asInfoIcon a i {
        color: #f56701 !important
    }

.content.preferences .data-grid1 > tbody > tr > td > i {
    vertical-align: middle
}

a#addlifecap_email, #removelifecap_email, #addlifecap_SMS, #removelifecap_SMS, #addlifecap_Mobile, #removelifecap_Mobile, #addlifecap_Web, #removelifecap_Web {
    position: absolute
}

a#addlifecap_email, #removelifecap_email {
    top: 33px;
    right: -4px
}

#addlifecap_SMS, #removelifecap_SMS {
    top: 17px;
    right: -4px
}

#addlifecap_Mobile, #removelifecap_Mobile {
    top: 33px;
    right: -4px
}

#addlifecap_Web, #removelifecap_Web {
    top: 33px;
    right: -4px
}

header .dropdown-footer a:hover {
    background-color: transparent !important;
    text-decoration: none
}

header .dropdown-menu.media-list .dropdown-header a {
    background-color: transparent !important;
    text-decoration: none !important
}

.updatepanelGrid .k-grid > table {
    border-collapse: collapse
}

.invoice-msg span {
    margin-right: 3px
}

.dataAtrr_add {
    right: 35px
}

.dataAtrr_minus {
    position: absolute;
    right: 50px;
    top: 30px
}

.NDA_filterGroupddlclass {
    position: relative;
    top: -15px;
    min-width: 200px
}

.NDA_EditfilterGroupddlclass {
    position: relative;
    top: -15px;
    min-width: 200px
}

.help-flow ul li.leadscore-help a i {
    top: 2px;
    position: relative
}

.hideimportant {
    display: none !important
}

.ls-DivBase {
    background-color: #fff;
    border: 1px solid #d4d6de
}

    .ls-DivBase .ls-rowspace {
        padding: 12px 10px;
        font-size: 13px;
        font-weight: 300
    }

.ls-rowspaceHeader {
    padding: 12px 10px
}

#id_Dataaugmentation a.no-hover.add-lsb2b-box-row1.pdls-remove.padding-T20.pdDataAugmentationMinusIcon {
    position: absolute;
    right: 10px;
    top: 0
}

.generic-no-data .alert {
    max-width: 80%;
    margin: auto;
    width: auto;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px
}

    .generic-no-data .alert .icon {
        padding-top: 7px
    }

.st-grid-transparent.k-grid tr.t-no-data > td {
    width: 100%;
    vertical-align: middle
}

.st-grid-transparent.k-grid tr.t-no-data:first-child > td {
    border-width: 0 !important
}

    .st-grid-transparent.k-grid tr.t-no-data:first-child > td > table {
        border-spacing: 0 10px
    }

        .st-grid-transparent.k-grid tr.t-no-data:first-child > td > table tr td {
            height: 74px;
            border-left: 3px solid #d4d6de !important;
            opacity: .8;
            text-align: center
        }

.campaign-type > li.select-campaign a i {
    padding-bottom: 10px
}

.reports .open > .dropdown-menu {
    margin: 0;
    padding: 0
}

    .reports .open > .dropdown-menu > li > a:hover, .reports .open > .dropdown-menu > li > a:hover i, .reports .open > .dropdown-menu > li > a:focus, .reports .open > .dropdown-menu > li > a:focus i {
        color: #fff !important
    }

        .reports .open > .dropdown-menu > li > a:focus i {
            color: #fff !important
        }

div#kpiAttribute .list-block > li {
    margin-right: 6px
}

.alertTick, .closeOpacity {
    position: absolute;
    right: -10px;
    top: 5px
}

.rpT3 {
    position: relative;
    top: 3px
}

.rpT5 {
    position: relative;
    top: 5px
}

.rpT10 {
    position: relative;
    top: 10px
}

.rpT15 {
    position: relative;
    top: 15px
}

.mobile-select .number-field.continfono {
    left: 104px !important
}

.cpOtpInfo {
    position: absolute;
    margin-top: 3px
}

#divCompanyInfo .cdp-main.sb-big.brand-det {
    height: auto
}

.k-calendar-container .k-widget.k-calendar td {
    border: 1px solid #fff
}

.k-calendar-container .k-state-focused, .k-calendar-container .k-state-focused .k-link {
    background-color: var(--primary-color);
    color: #fff !important
}

    .k-calendar-container .k-state-focused .k-link {
        border: 0
    }

.k-calendar .k-footer .k-nav-today, .k-calendar .k-footer .k-nav-today:hover {
    color: var(--primary-color)
}

.k-calendar .k-footer .k-nav-today, .k-calendar .k-footer > .k-state-disabled {
    background-color: #f0f8ff
}

.campaign-type > li > a {
    transition: none
}

ul.nav-tabs.paymentTabs li a {
    color: #fff !important
}

ul.aboxmailsmtp {
    margin: 0 !important;
    padding-top: 0 !important
}

    ul.aboxmailsmtp .form-group {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important
    }

#div_spam .jspPane {
    padding-top: 0 !important
}

#pnlDepartment a.no-hover.inline-left {
    margin-top: 15px
}

.customDepartment .ncc-ClientLock {
    position: relative;
    right: -10px;
    top: 15px
}

#pnlDepartment a.inline-right {
    position: relative;
    top: 16px
}

#pnlDepartment .ncc-ClientLock a.inline-left {
    position: relative;
    top: 5px
}

.multiSelect-user ul.grid-style li .icon-crown-fill-small {
    position: relative;
    top: 7px;
    left: 3px;
    cursor: pointer
}

.btnPosCenter, .audience-no-data, .generic-no-data, #pnlUserAccess #pnlUserAccessMsg {
    margin: 8% 0;
    color: #b8b8b8;
    font-size: 16px;
    text-align: center
}

    .btnPosCenter i, .audience-no-data i, .generic-no-data i {
        position: relative;
        top: 2px;
        font-size: 18px !important;
        margin: 0 3px
    }

#divmainhideftremp .siAlign .previewdropdown .k-dropdown {
    text-align: left
}

#save_footer #txtformnamesave {
    margin-top: 20px
}

#save_footer #errmsgenterformname {
    top: 8px
}

.error-message-panel {
    margin: 8% 0
}

.temp-holderSec {
    display: block
}

.k-widget.k-window .k-window-content.editorToolbarWindow {
    padding: 0 !important
}

.widget-template table td {
    vertical-align: middle
}

.napc2 li:first-child span#UIPrintable_errAlreadyExistName {
    position: absolute;
    top: 25px
}

div#define-target .scroll_list_attribues.css-scrollbar {
    overflow-x: hidden !important
}

#audienceContentContainer span.new-recipient-btns {
    display: none
}

.conditionddlLabelclass {
    margin-top: -10px
}

.ddl-hidvalue {
    right: 0;
    left: auto !important
}

.tbodyScrollContent {
    overflow-y: scroll;
    height: 150px
}

div#crbDynContainter .fltGroupSwitch {
    margin: auto;
    position: relative;
    min-height: 40px
}

    div#crbDynContainter .fltGroupSwitch .bootstrap-switch {
        left: 46%
    }

#crbGroupContainer .ff-group-list li .bootstrap-switch {
    left: 50%;
    margin-left: -40px;
    position: absolute !important;
    top: -11px;
    width: 60px
}

.tbodyScrollContent {
    overflow-y: scroll;
    height: 150px
}

div#leadscoreOtherIndustries .scroll_list_attribues.css-scrollbar {
    overflow-x: hidden !important
}

.conditionddlLabelclass {
    margin-top: -10px
}

.wrap-editactions2 {
    bottom: 0;
    background: transparent;
    text-align: center;
    position: absolute;
    left: 5px;
    right: 5px;
    top: 56px;
    opacity: 1;
    visibility: visible;
    outline: 3px solid var(--primary-color);
    width: 96%;
    z-index: 50
}

    .wrap-editactions2:before {
        content: "";
        display: inline-block;
        height: 100%;
        margin-right: -0.25em;
        vertical-align: middle
    }

    .wrap-editactions2 ul.actions-right, .wrap-editactions2 ul.actions-left, .wrap-editactions2 ul.actions-bottom {
        position: absolute;
        right: -12px;
        top: -12px;
        z-index: 10
    }

    .wrap-editactions2 ul.actions-left {
        right: auto;
        left: -12px;
        top: -12px
    }

    .wrap-editactions2 ul.actions-bottom {
        right: auto;
        left: 50%;
        bottom: -21px;
        top: auto
    }

    .wrap-editactions2 ul.actions-left li {
        border-radius: 0
    }

    .wrap-editactions2.edit-hover {
        opacity: 1;
        visibility: visible;
        z-index: 10
    }

    .wrap-editactions2.editable.edit-hover {
        outline: 3px solid var(--primary-color);
        z-index: 6
    }

    .wrap-editactions2 li {
        float: left;
        margin-left: 5px;
        text-align: center
    }

        .wrap-editactions2 li a {
            display: block;
            line-height: 10px;
            background-color: var(--primary-color);
            border-radius: 100%
        }

        .wrap-editactions2 li:first-child {
            margin: 0
        }

        .wrap-editactions2 li i {
            margin: 0
        }

        .wrap-editactions2 li i {
            width: 16px;
            height: 16px
        }

            .wrap-editactions2 li i.icon-minus {
                background-position: -542px -131px
            }

        .wrap-editactions2 li a.remove-temp {
            background-color: #ff4343
        }

#content-targetting-1 {
    bottom: initial !important;
    top: 5% !important;
    overflow: hidden !important;
    max-width: 560px
}

div#leadscoreOtherIndustries .scroll_list_attribues.css-scrollbar {
    overflow-x: hidden !important;
    width: 100% !important
}

.temp-txtEditor .edit-outline .editable {
    text-align: left;
    border-style: dashed;
    border-width: 1px;
    word-break: break-word;
}

.kyc .temp-txtEditor .edit-outline .editable {
    overflow: hidden;
}

.kyc .temp-txtEditor .edit-outline .editable, .emailFooterTemplate .temp-txtEditor .edit-outline .editable {
    border-style: none
}

.rpTempBtn .edit-outline .editable, .rpTempBtn a {
    text-align: center
}

.rpTempBtn a {
    text-transform: none !important
}

div#id_dataaugmentation thead, #id_omnipresence thead, #id_networkworth thead, #id_referralvirality thead {
    display: inline-table;
    width: 100%
}

div#Persona td {
    width: 200px
}

div#id_dataaugmentation tbody, #id_omnipresence tbody, #id_networkworth tbody, #id_referralvirality tbody, div#Persona tbody {
    display: inline-block;
    height: 220px !important;
    width: 100%
}

    div#id_dataaugmentation tbody tr td:first-child, #id_omnipresence tbody tr td:first-child, #id_referralvirality tbody tr td:first-child {
        width: 60%
    }

    #id_networkworth tbody tr td:first-child {
        width: 40%
    }

.ddl-hidvalue label span {
    white-space: nowrap;
    max-width: 151px;
    overflow: hidden;
    text-overflow: ellipsis
}

div#define-target .dropdown-menu-right {
    width: 200px
}

.rpTempBtn a {
    text-transform: none !important
}

.choose-or-hrz {
    width: 95%;
    margin: 0 10px;
    min-height: 20px;
    position: relative;
    text-align: center;
    z-index: 1
}

    .choose-or-hrz:before {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        top: 0;
        height: 20px;
        left: 0;
        z-index: -1
    }

    .choose-or-hrz *:first-child {
        width: 25px;
        height: 25px;
        margin-top: -12px;
        position: absolute;
        border-radius: 100%;
        top: 0;
        left: 50%;
        padding: 2px 0;
        font-size: 13px;
        line-height: 16px
    }

.blueBg {
    background-color: #0052a6 !important
}

.choose-or-hrz:before {
    border-top: 1px solid #d4d6de
}

.choose-or *:first-child, .choose-or-hrz *:first-child {
    background-color: #fff;
    color: #7f7f7f;
    border: 1px solid #b8b8b8
}

.qrPreview {
    right: -10px;
    bottom: 10px;
    position: absolute
}

.k-datepicker.k-header .k-picker-wrap {
    padding: 0
}

    .k-datepicker.k-header .k-picker-wrap input[type="text"] {
        position: static;
        z-index: 1;
        cursor: pointer !important
    }

#content-preview p {
    display: block;
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px
}

a.del-template {
    position: absolute;
    top: 10px;
    right: 30px;
    z-index: 1;
    text-decoration: none;
    color: #f16d4c;
    font-size: 15px !important
}

.qrPreview {
    right: -10px;
    bottom: 10px;
    position: absolute
}

/* SVG circle */
.pie_progress {
    position: relative;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 156px;
    overflow: hidden
}

.pie_progress__svg {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    vertical-align: middle;
    width: 156px;
    height: 156px
}

    .pie_progress__svg svg {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        height: 156px
    }

.pie_progress__content, .pie_progress__icon, .pie_progress__label, .pie_progress__number, .asabAnalyticsIcon {
    position: absolute;
    top: 33%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pie_progress__number {
    font-size: 42px
}

.pie_progress__label {
    color: #b7b7b7
}

    .pie_progress__label .pie-percentage {
        font-weight: 300;
        font-size: 80%
    }

    .pie_progress__label.ppl1 {
        margin-top: 35px;
        font-size: 12px
    }

    .pie_progress__label.ppl2 {
        margin-top: 52px;
        font-size: 17px;
        font-weight: 400
    }

.pieChart .preview-pop {
    position: relative;
    clear: both;
    height: 250px;
    overflow: hidden;
    width: 80%;
    margin: auto;
    display: block;
    margin-bottom: 20px;
    margin-top: 20px
}

.asabAnalyticsIcon {
    position: relative;
    top: -30px
}

/* Advanced search container */
.advanced-search-container {
    background-color: #33b5e6 !important;
    height: initial;
    position: relative;
    min-height: 56px;
    clear: both;
    top: -15px;
    border-top: 1px solid #fff
}

.advsearch-filters-container {
    position: relative;
    width: 100%;
    margin: 5px 0 0 0;
    padding: 5px 0;
    min-height: 35px;
    background-color: #f7f7f7;
    clear: both
}

.search-with-dd-container {
    white-space: nowrap;
    margin-right: 20px;
    position: relative;
    top: 10px;
    clear: both
}

    .search-with-dd-container .k-autocomplete.k-state-default:after {
        height: 0
    }

    .search-with-dd-container .search-input {
        background: #fff !important;
        border: 0 !important;
        padding: 0 !important;
        position: relative;
        top: 2px;
        left: 2px;
        width: 94%;
        margin: 0 3%;
        text-indent: 5px
    }

#searchItems .tagsField, #filtered-items .tagsField {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    position: relative;
    height: auto
}

.search-with-dd-container .dd-anchor {
    position: relative;
    top: 5px
}

.search-with-dd-container .icon-dropdown-small {
    position: relative;
    top: 3px
}

.opmContainer {
    margin: 0 auto;
    text-align: center
}

.advanced-search-container #searchItems {
    padding: 0;
    border-right: 1px solid #66c8ec;
    margin-left: -10px;
    position: relative;
    top: 12px
}

    .advanced-search-container #searchItems ul {
        position: relative;
        top: 6px
    }

.autocomplete-nodata {
    min-height: 138px;
    height: 200px;
    width: 100%;
    display: table;
    font-size: 14px;
    font-weight: 400;
    max-height: 200px !important;
    background: #fff;
    border: 1px solid #cecece;
    box-shadow: 2px 2px 0 1px rgba(187,187,186,0.3) !important;
    -webkit-box-shadow: 2px 2px 0 1px rgba(187,187,186,0.3) !important;
    -moz-box-shadow: 2px 2px 0 1px rgba(187,187,186,0.3) !important
}

    .autocomplete-nodata > p {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding: 10px
    }

#autoFilterSearch-list {
    border: none !important;
    overflow: inherit
}

    #autoFilterSearch-list .k-nodata {
        padding: 50px 0;
        text-align: center;
        border: 1px solid #cecece;
        box-shadow: 2px 2px 0 1px rgba(187,187,186,0.3) !important;
        -webkit-box-shadow: 2px 2px 0 1px rgba(187,187,186,0.3) !important;
        -moz-box-shadow: 2px 2px 0 1px rgba(187,187,186,0.3) !important
    }

.no-filter-items {
    position: absolute;
    top: 11px;
    opacity: .5;
    font-size: 15px;
    text-align: center;
    width: 100%;
    font-style: italic;
    font-weight: 300;
    color: #fff;
    margin: 0
}

.advanced-search-container .ascRight {
    vertical-align: middle
}

.advanced-search-container ul.search-list {
    position: relative;
    top: 0
}

    .advanced-search-container ul.search-list li:first-child {
        position: relative;
        top: 2px
    }

    .advanced-search-container ul.search-list i {
        color: #fff
    }

        .advanced-search-container ul.search-list i.adv-search-icon {
            color: #fff
        }

#autoFilterSearch_listbox {
    max-height: 200px !important;
    height: auto !important;
    background: #fff;
    border: 1px solid #cecece;
    box-shadow: 2px 2px 0 1px rgba(187,187,186,0.3) !important;
    -webkit-box-shadow: 2px 2px 0 1px rgba(187,187,186,0.3) !important;
    -moz-box-shadow: 2px 2px 0 1px rgba(187,187,186,0.3) !important
}

.advanced-search-container #closeAdvSearch, .advsearch-filters-container #removeAllFilters {
    position: absolute;
    top: 8px;
    right: 10px
}

.search-with-dd-container .btn {
    padding: 5px 20px;
    background-color: #99cc03 !important
}

#searchItems .tagsField li.tag {
    background: #fff;
    margin-bottom: 5px
}

.advsearch-filters-container #filtered-items {
    position: relative;
    top: 3px;
    padding: 0 10px
}

.advancedSearchOverlay .advsearch-filters-container {
    margin: 0;
    padding: 0;
    clear: none
}

#autoFilterSearch-list .k-nodata {
    padding: 50px 0;
    text-align: center;
    border: 1px solid #cecece;
    box-shadow: 2px 2px 0 1px rgba(187,187,186,0.3) !important;
    -webkit-box-shadow: 2px 2px 0 1px rgba(187,187,186,0.3) !important;
    -moz-box-shadow: 2px 2px 0 1px rgba(187,187,186,0.3) !important
}

.advsearch-filters-container #filtered-items .tagsField {
    position: relative;
    left: 50px;
    margin-top: -14px;
    min-height: initial;
    width: 90%
}

.advsearch-filters-container .filter-text {
    display: inline-block;
    color: #585858;
    font-size: 16px;
    top: 2px;
    position: relative
}

.advsearch-filters-container #filtered-items ul {
    margin-top: 15px;
    left: 0;
    overflow: initial;
    width: 100%
}

    .advsearch-filters-container #filtered-items ul li:first-child.tag span.spanclass {
        background: #fff;
        display: inline-block;
        padding-right: 10px;
        font-size: 16px
    }

    .advsearch-filters-container #filtered-items ul li:first-child:before {
        content: var(--content,"");
        position: relative;
        background: #fff;
        font-size: 16px;
        padding-right: 10px
    }

.advancedSearchOverlay .advsearch-filters-container {
    margin: 0;
    padding: 0;
    clear: none
}

.advsearch-filters-container #filtered-items ul li.tag span.SelectedFieldValue {
    padding-left: 8px
}

.advsearch-filters-container #filtered-items ul li.tag {
    padding-left: 0 !important;
    font-size: 14px;
    margin-bottom: 10px
}

.advsearch-filters-container #filtered-items .tagsField li.tag span {
    position: relative;
    background: white;
    margin: -8px 0 0 0;
    padding: 4px 5px;
    border-right: 4px solid #ebedee
}

.advanced-search-container #searchItems .tagsField li.tag span {
    display: none
}

a.del-template {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1;
    text-decoration: none;
    color: #f16d4c;
    font-size: 15px !important
}

.temp-holderSec > tbody > tr.tmpl-row > td img {
    max-width: 598px !important
}

.content.admin-content .st-grid-transparent.k-grid > table > tbody > tr > td:first-child {
    border-left: none
}

.k-widget .k-detail-row .k-detail-cell ul li {
    padding-left: 0
}

#landingPageTrackingDiv #success-alert, .rpCopyText {
    position: absolute;
    top: 20px;
    right: 15px;
    z-index: 7;
    font-size: 13px
}

#define-target .k-datepicker.k-header .k-picker-wrap input[type="text"] {
    position: static
}

.content.campaign .k-datepicker.k-header .k-picker-wrap input[type="text"] {
    position: relative;
    z-index: 1
}

#linkedin-campaign .widget-keymetrics .key-list ul li span i {
    margin-right: 5px;
    font-size: 12px !important;
    vertical-align: middle;
    position: relative;
    top: -1px
}

#mail-client-viewer .flex-direction-nav a {
    padding-left: 10px;
    padding-right: 10px
}

#ua360-nodata {
    margin: 0;
    position: relative;
    top: 35%
}

.k-flatcolorpicker .k-controls {
    text-align: center;
    margin: 10px auto
}

.k-flatcolorpicker .k-selected-color input.k-color-value {
    font-family: 'mukta-regular';
    letter-spacing: .3pt
}

.k-flatcolorpicker .k-controls .k-button {
    width: auto;
    margin-left: 5px;
    border-radius: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    padding: 4px 20px;
    border: 0
}

    .k-flatcolorpicker .k-controls .k-button.apply {
        background-color: #005534;
        color: #fff
    }

    .k-flatcolorpicker .k-controls .k-button.cancel {
        background-color: transparent;
        color: #f56701
    }

        .k-flatcolorpicker .k-controls .k-button.cancel:hover {
            text-decoration: underline
        }

.k-editor-dialog .k-imagebrowser .k-toolbar.k-header .k-button .k-delete {
    background-position: -64px -16px
}

.k-editor-dialog .k-imagebrowser .k-floatwrap .k-breadcrumbs-wrap {
    top: 15px;
    left: -7px
}

    .k-editor-dialog .k-imagebrowser .k-floatwrap .k-breadcrumbs-wrap .k-link {
        font-size: 12px
    }

.k-editor-dialog .k-imagebrowser .k-floatwrap .k-breadcrumbs {
    padding-left: 0
}

    .k-editor-dialog .k-imagebrowser .k-floatwrap .k-breadcrumbs > .k-input {
        font-size: 12px;
        padding-left: 0;
        text-indent: 0
    }

.k-editor-dialog .k-breadcrumbs-wrap .k-i-arrow-n {
    background-position: -64px -49px
}

.k-popup-edit-form .k-edit-field > input.k-textbox {
    width: 100%
}

.k-editor-dialog .k-imagebrowser .k-floatwrap .k-breadcrumbs {
    width: 60%
}

.k-editor-dialog .k-imagebrowser .k-floatwrap .k-search-wrap {
    width: 39%;
    padding-left: 0
}

.k-window > div.k-popup-edit-form .k-imagebrowser .k-search-wrap input.k-input {
    padding-left: 0;
    text-indent: 0;
    color: #585858
}

.k-window > div.k-popup-edit-form .k-imagebrowser .k-search-wrap .k-search {
    opacity: .5
}

.k-window > div.k-popup-edit-form .k-imagebrowser .k-search-wrap:hover .k-search, .k-window > div.k-popup-edit-form .k-imagebrowser .k-search-wrap:focus .k-search, .k-window > div.k-popup-edit-form .k-imagebrowser .k-search-wrap:active .k-search {
    opacity: 1
}

.k-window > div.k-popup-edit-form .k-imagebrowser .k-toolbar {
    background-color: #f5f5f5;
    border-color: #e2e2e2;
    padding: 0
}

    .k-window > div.k-popup-edit-form .k-imagebrowser .k-toolbar .k-button {
        height: 33px
    }

.k-window > div.k-popup-edit-form .k-imagebrowser .k-tiles-arrange {
    font-size: 12px;
    letter-spacing: .2pt
}

.k-editor-dialog .k-imagebrowser .k-tiles li.k-state-selected {
    border-color: #2896f0
}

.k-editor-dialog .k-imagebrowser .k-tiles li.k-tile {
    position: relative;
    line-height: initial;
    height: 150px;
    margin: auto;
    text-align: center;
    width: 120px;
    margin-right: 10px;
    margin-bottom: 10px
}

    .k-editor-dialog .k-imagebrowser .k-tiles li.k-tile .k-filesize {
        font-size: 10px;
        opacity: .6;
        display: block;
        margin: 0;
        padding: 0;
        clear: both;
        overflow: hidden
    }

    .k-editor-dialog .k-imagebrowser .k-tiles li.k-tile strong {
        line-height: initial;
        width: 100%;
        display: block;
        text-align: center;
        margin: 5px auto 2px auto;
        font-size: 12px
    }

    .k-editor-dialog .k-imagebrowser .k-tiles li.k-tile input {
        width: 90%;
        margin-left: 5%;
        font-size: 12px;
        color: #95918d;
        padding-left: 5px;
        border: 0;
        border-bottom: 1px solid #b8b8b8;
        height: 30px;
        line-height: 30px
    }

.k-editor-dialog .k-imagebrowser .k-thumb {
    float: none;
    display: block;
    margin: auto;
    text-align: center;
    height: 100px;
    position: relative;
    width: 80px
}

    .k-editor-dialog .k-imagebrowser .k-thumb img {
        max-width: 70px;
        position: absolute;
        bottom: 0;
        margin: auto;
        left: 0;
        right: 0
    }

    .k-editor-dialog .k-imagebrowser .k-thumb.icon-folder-open, .k-editor-dialog .k-imagebrowser .k-thumb.icon-folder-close {
        margin-top: 20px;
        line-height: 80px;
        height: 80px;
        margin-bottom: 10px;
        background-color: #f6f6f5;
        border: 1px solid #e2e2e2
    }

.k-window-titlebar.k-header.k-window-titlebar .k-window-actions {
    padding-top: 0
}

    .k-window-titlebar.k-header.k-window-titlebar .k-window-actions a {
        display: block;
        opacity: 1
    }

.widget-template table td.temp-imgEditor {
    vertical-align: top
}

#content-preview .temp-txtEditor {
    padding-left: 0 !important;
    padding-right: 0 !important
}

    #content-preview .temp-txtEditor.footer-lef {
        padding-left: 15px !important;
        font-size: 12px
    }

    #content-preview .temp-txtEditor.footer-right {
        font-family: 'mukta-regular';
        font-size: 12px
    }

#content-preview .modal-body .attachment-block input[readonly] {
    background: 0;
    background-color: transparent !important;
    border: 0;
    padding: 0;
    font-size: 12px;
    line-height: initial;
    height: auto;
    top: 5px !important;
    display: block;
    text-align: center;
    width: 100%;
    cursor: initial !important;
    display: none
}

.timeline-panel .name i {
    line-height: 20px;
    vertical-align: bottom;
    margin: 0 5px;
    position: relative;
    top: 0px
}

.timeline-panel .timeline-body .remaining {
    display: block;
    margin: 5px 0;
    font-size: 12px
}

    .timeline-panel .timeline-body .remaining i {
        margin-right: 5px;
        display: inline-block;
        position: relative;
        top: 1px
    }

.timeline-panel .timeline-body .help-block {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0
}

.search-with-dd-container #searchDdItems {
    min-width: 150px
}

.notification-img-container {
    text-align: left
}

    .notification-img-container img {
        max-width: 160px
    }

#emailContentView .temp-imgEditor .edit-outline > .k-editor {
    border: 0 !important;
    outline: none !important
}

#emailContentView .temp-txtEditor .tmpl-col {
    padding-left: 0 !important
}

#emailContentView .temp-txtEditor div {
    max-width: 598px
}

#emailContentView .temp-imgEditor {
    max-width: 598px
}

.pvi-container {
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 11px;
    font-weight: 500;
    opacity: .8;
    letter-spacing: .1pt
}

    .pvi-container .pvi-difference, .pvi-container .pvi-difference2 {
        margin-right: 5px
    }

.goals-container {
    overflow: auto;
    clear: both;
    height: 450px
}

    .goals-container::-webkit-scrollbar-track {
        background-color: transparent;
        cursor: pointer
    }

    .goals-container::-webkit-scrollbar {
        width: 8px;
        background-color: transparent;
        cursor: pointer
    }

    .goals-container::-webkit-scrollbar-thumb {
        background-color: #eee;
        cursor: pointer
    }

    .goals-container .campaign-goals-close {
        position: absolute;
        right: 25px;
        top: 5px
    }

.k-grid-header .k-grid-header-wrap .recipientkey {
    margin-right: 15px
}

#crbGroupContainer .filterGroup.fgEngaged, #crbGroupContainerlook .filterGroup.fgEngaged, #crbGroupContainerFilter1 .filterGroup.fgEngaged, #crbZeroContainer .filterGroup.fgEngaged {
    border: 1px dashed var(--primary-color)
}

#crbGroupContainerExclusion .filterGroup.fgEngaged {
    border: 1px dashed #fe5758 !important
}

#crbGroupContainer .filterGroup.fgEngaged .ff-group-list > li, #crbGroupContainerlook .filterGroup.fgEngaged .ff-group-list > li, #crbGroupContainerFilter1 .filterGroup.fgEngaged .ff-group-list > li {
    border-right: 1px dashed var(--primary-color) !important;
    border-left: 1px dashed var(--primary-color) !important
}

#crbGroupContainerExclusion .filterGroup.fgEngaged .ff-group-list > li {
    border-right: 1px dashed #fe5758 !important;
    border-left: 1px dashed #fe5758 !important
}

#crbGroupContainerExclusion .filterGroup .ff-group-list li.even {
    background-color: #fe81821f !important
}

.close_brac {
    position: relative;
    left: -2px
}

.str_brac {
    position: relative;
    right: -2px
}

.diff_arrowdown, .diff_arrowup {
    position: relative;
    top: 2px
}

/* Template UI changes (Reddy - 25-November-2017) */
.k-grid-header .k-grid-header-wrap .recipientkey {
    margin-right: 15px
}

.temp-holderSec tr.tmpl-row .icon-resp img {
    width: 17px !important
}

body.template-editor-body .widget-template.pre-template, body.template-editor-body .widget-template.pre-template .k-widget {
    color: #333
}

body.template-editor-body #mainTemplateContainer > table.temp-holderSec, body.template-editor-body #content-preview .modal-dialog .tab-pane > table.temp-holderSec {
    border: 1px solid #ddd;
    padding: 0
}

body.template-editor-body .icon-resp {
    font-family: 'mukta-regular',sans-serif;
    font-size: 12px;
    line-height: 20px;
    display: inline-block
}

body.template-editor-body #content-preview .modal-dialog .tab-pane .img-rowTemplate .temp-imgEditor {
    height: initial
}

body.template-editor-body .banner-container .edit-outline .editable {
    padding: 0
}

    body.template-editor-body .banner-container .edit-outline .editable img, body.template-editor-body #content-preview .banner-container .edit-outline .editable img {
        max-width: 598px !important
    }

body.template-editor-body #content-preview .banner-container .edit-outline .editable img {
    margin: 0
}

body.template-editor-body .banner-container .temp-imgEditor .editable br {
    display: none !important
}

body.template-editor-body .banner-container .temp-imgEditor img.banner-placeholder {
    margin: 50px auto
}

body.template-editor-body #content-preview .template-heading-space {
    display: none
}

body.template-editor-body #content-preview .scriptTable-text-box .edit-outline {
    padding: 10px !important
}

body.template-editor-body #content-preview .modal-body .scriptTable-rightcaption-box .te-btn-block, body.template-editor-body #content-preview.modal-body .scriptTable-leftcaption-box .te-btn-block {
    padding: 0 !important
}

body.template-editor-body #content-preview .modal-body .stLeftCaptionB-content {
    padding: 0 !important
}

body.template-editor-body #content-preview .modal-body .te-btn-block.stLeftCaptionB-container {
    padding: 10px !important
}

body.template-editor-body .tmpl-row .respons-width .icon-resp img {
    max-width: 18px !important
}

body.template-editor-body .temp-outer table.temp-holderSec .edit-outline .editable.stImageB-container {
    padding: 0 !important
}

body.template-editor-body .temp-outer table.temp-holderSec .edit-outline .editable img.stImageB-image {
    max-width: 600px !important
}

body.template-editor-body #content-preview .modal-body .temp-holderSec img {
    margin: 0 auto
}

body.template-editor-body .footer-right a {
    color: #333
}

body.template-editor-body .widget-template.pre-template .k-widget br {
    display: none
}

body.template-editor-campaign-preview-body .temp-holderSec {
    border: 1px solid #ddd;
    padding: 0
}

    body.template-editor-campaign-preview-body .temp-holderSec .wrap-editactions {
        position: absolute !important
    }

body.template-editor-campaign-preview-body .footer-lef, body.template-editor-campaign-preview-body .footer-right, body.template-editor-campaign-preview-body .footer-lef a, body.template-editor-campaign-preview-body .footer-right a {
    font-family: 'mukta-regular',sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #d5d5d5
}

body.template-editor-campaign-preview-body .temp-imgEditor div {
    padding: 0;
    margin: 0
}

body.template-editor-campaign-partial-body .temp-holderSec {
    border: 1px solid #ddd;
    padding: 0;
    overflow: hidden;
    margin: auto;
    float: none;
    width: 600px
}

body.template-editor-campaign-partial-body #emailContentView .temp-imgEditor {
    outline: none !important;
    padding: 0 !important
}

    body.template-editor-campaign-partial-body #emailContentView .temp-imgEditor img {
        padding: 0 !important;
        margin: 0 0 0 -1px !important
    }

body.template-editor-campaign-partial-body #emailContentView .logo-container .temp-imgEditor img {
    padding: 10px !important
}

body.template-editor-campaign-partial-body #emailContentView .temp-imgEditor .edit-outline > .k-editor {
    padding: 0 !important
}

body.template-editor-campaign-partial-body #emailContentView td {
    outline: none !important
}

body.template-editor-campaign-partial-body .footer-lef, body.template-editor-campaign-partial-body .footer-right {
    padding-bottom: 5px
}

    body.template-editor-campaign-partial-body .footer-lef, body.template-editor-campaign-partial-body .footer-right, body.template-editor-campaign-partial-body .footer-lef a, body.template-editor-campaign-partial-body .footer-right a {
        font-family: 'mukta-regular',sans-serif;
        font-size: 12px;
        line-height: 20px;
        color: #d5d5d5;
        vertical-align: middle
    }

body.template-editor-campaign-partial-body .footer-lef {
    padding-left: 10px
}

body.template-editor-campaign-partial-body #emailContentView .temp-txtEditor div {
    padding: 0
}

body.template-editor-campaign-partial-body .widget-preview .emailHeader p {
    margin: 10px 0;
    font-size: 11px !important
}

body.template-editor-campaign-partial-body .temp-imgEditor {
    outline: 0
}

body.template-editor-campaign-partial-body .edit-outline {
    padding: 0;
    margin: 0
}

body.template-editor-campaign-partial-body .widget-preview iframe {
    max-width: 600px;
    width: 600px;
    margin: 50px;
    min-height: 300px;
    max-height: 600px;
    border: 0 !important
}

body.template-editor-campaign-partial-body .wpAlertTitle i.emoji-picker-icon.emoji-picker.icon-smiley2-small.blue.icon-sm,
body.template-editor-campaign-partial-body .wpdivdesctitle i.emoji-picker-icon.emoji-picker.icon-smiley2-small.blue.icon-sm {
    top: 40px;
}

body.template-editor-campaign-partial-body #emailContentView td.rp-element-holder-column {
    width: auto !important;
}

.editable p, .editable span {
    font-family: 'mukta-regular',sans-serif;
}

p.stTextB-content br {
    display: block !important
}

ul.sb-list {
    text-align: left;
    list-style-type: disc;
    padding-left: 20px;
    margin-right: -30px;
    margin-left: -5px
}

    ul.sb-list li {
        margin-bottom: 10px;
        font-size: 14px
    }

#current_subjectLine {
    text-align: left;
    color: #fff;
    font-size: 13px;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #89c6ff;
    margin-bottom: 15px;
    height: 106px
}

#csContent {
    margin: 0
}

.ecHighAlign {
    top: 0 !important;
    line-height: 0;
    margin-top: 5px
}

#csContent {
    margin: 0
}

.attrLeftBlockContainer ul.dropdown-menu.selectBox, .pfiltergroup ul.dropdown-menu.selectBox {
    height: 180px
}

.aLL_recipient_Recom {
    height: 300px;
    overflow: auto
}

.campaignroi-well .roiInlineAlign {
    position: relative;
    top: 18px
}

.input-icon.input-icon-right > span.checkspam-alignment {
    right: -43px;
    margin-top: 7px
}

.campaignroi-well #ROICampaignForm .form-group .middle-text {
    text-align: center;
    margin: auto;
    position: relative;
    top: 18px
}

.modal-dialog .modal-content .scroll_list_segment, .modal-dialog .modal-content .scroll_list_attribues, .modal-dialog .modal-content .scroll_list_segment2 {
    height: auto;
    max-height: 400px
}

h5.crb_PAud .count-title {
    position: relative;
    right: -4px
}

#content-preview .modal-content td {
    outline: none !important
}

#content-preview .modal-dialog.modal-lg .modal-body .nav-tabs {
    border: 0 !important
}

.campaignTab .nav-tabs.channelsPanel li {
    z-index: 1
}

.rpColorPickerNew .k-widget.k-header .k-widget.k-header {
    display: none !important
}

.rpNoRecordsFoundGrid {
    text-align: center;
    line-height: 200px;
    font-size: 16px;
    color: #b8b8b8;
    margin: 0;
    padding: 0
}

.input-web .input-error {
    top: 5px;
    left: 15px
}

.rpNoRecordsFoundGrid {
    text-align: center;
    line-height: 200px;
    font-size: 16px;
    color: #b8b8b8;
    margin: 0;
    padding: 0
}

iframe#contentIframe {
    margin: 0 !important;
    height: auto !important;
}

#emailContentViewPanel .widget-preview .emailFooter {
    max-width: 600px
}

.temp-holderSec > tbody > tr.tmpl-row.banner-container > td img {
    width: auto
}

.edit-tool-wrapper2 {
    float: right;
    margin-left: 5px;
    position: relative;
    bottom: -1px;
    margin-top: -2px
}

    .edit-tool-wrapper2 .etw-border-wrapper {
        border: 1px solid #d9d9d9 !important;
        padding: 0 3px;
        display: inline-block
    }

    .edit-tool-wrapper2 .k-colorpicker .k-picker-wrap.k-state-default {
        width: auto;
        border: none !important
    }

    .edit-tool-wrapper2 .k-picker-wrap .k-select {
        display: none
    }

    .edit-tool-wrapper2 .k-colorpicker .k-selected-color {
        width: 16px;
        height: 16px;
        margin: 4px 3px 4px 3px;
        border: 1px solid #ccc
    }

#emailContentViewPanel .widget-preview .emailFooter, #DivEmailSubjectSplitabcd .emailFooterA, #DivEmailSubjectSplitabcd .emailFooterB, #DivEmailSubjectSplitabcd .emailFooterC, #DivEmailSubjectSplitabcd .emailFooterD, #DivEmailSubjectSplitabcd .widget-preview .emailFooter, #emailContentViewPanelD .widget-preview .emailFooter, #DivEmailSubject #richTextcontentPanel, #DivEmailSubjectSplitabcd #richTextcontentPanelA, #DivEmailSubjectSplitabcd #richTextcontentPanelB, #DivEmailSubjectSplitabcd #richTextcontentPanelC, #DivEmailSubjectSplitabcd #richTextcontentPanelD {
    width: 600px !important;
    max-width: 700px !important;
    margin: auto !important
}

body.macintosh .content.campaign .st-grid-transparent .k-master-row .k-hierarchy-cell a {
    margin-right: 2px;
    display: block
}

    body.macintosh .content.campaign .st-grid-transparent .k-master-row .k-hierarchy-cell a:before {
        bottom: 5px;
        right: 4px
    }

.content.campaign .campaigngallery_flex .flex-control-nav {
    left: 0;
    right: 0;
    bottom: -20px
}
/* Gallery slider pointers alignment */
.bakLinkAlginment {
    position: relative;
    top: 7px
}

.content #divmainhideftremp .widget-component {
    margin-top: 0 !important
}

.k-list-container.k-popup .k-list .k-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-goals-iconalign {
    display: block;
    float: left;
    padding: 0 6px
}

.content #divmainhideftremp .widget-component.widget-component-fixed {
    margin-top: 70px !important;
    max-width: 978px;
    margin: auto
}

#divTemplateset .campCreationblankTemplateContainer, #divWebTemplateset .campCreationblankTemplateContainer, #divMobileTemplateset .campCreationblankTemplateContainer {
    width: 200px;
    height: 270px;
    overflow: hidden
}

.content.preferences .data-grid1.cgTable > tbody > tr > td > i {
    position: relative
}

    .content.preferences .data-grid1.cgTable > tbody > tr > td > i.icon-mail-medium {
        top: -1px
    }

    .content.preferences .data-grid1.cgTable > tbody > tr > td > i.icon-mobile-sms-medium {
        top: 0
    }

    .content.preferences .data-grid1.cgTable > tbody > tr > td > i.icon-mobile-push-notification-medium {
        top: -1px
    }

    .content.preferences .data-grid1.cgTable > tbody > tr > td > i.icon-social-web-notification-medium {
        top: -2px
    }

    .content.preferences .data-grid1.cgTable > tbody > tr > td > i.icon-qrcode-medium {
        top: -1px
    }

    .content.preferences .data-grid1.cgTable > tbody > tr > td > i.icon-facebook-app-medium {
        top: -3px
    }

    .content.preferences .data-grid1.cgTable > tbody > tr > td > i.icon-facebook-medium {
        top: -1px
    }

    .content.preferences .data-grid1.cgTable > tbody > tr > td > i.icon-facebook-ad-medium {
        top: -1px
    }

    .content.preferences .data-grid1.cgTable > tbody > tr > td > i.icon-twitter-medium {
        top: -2px
    }

    .content.preferences .data-grid1.cgTable > tbody > tr > td > i.icon-twitter-ad-medium {
        top: 1px
    }

    .content.preferences .data-grid1.cgTable > tbody > tr > td > i.icon-linkedin-medium {
        top: 3px
    }

    .content.preferences .data-grid1.cgTable > tbody > tr > td > i.icon-linkedin-medium {
        top: -3px
    }

    .content.preferences .data-grid1.cgTable > tbody > tr > td > i.icon-google-plus-medium {
        top: -1px
    }

    .content.preferences .data-grid1.cgTable > tbody > tr > td > i.icon-google-ad-medium {
        top: -2px
    }

    .content.preferences .data-grid1.cgTable > tbody > tr > td > i.icon-instagram-medium {
        top: 0
    }

    .content.preferences .data-grid1.cgTable > tbody > tr > td > i.icon-pinterest-medium {
        top: -2px
    }

    .content.preferences .data-grid1.cgTable > tbody > tr > td > i.icon-webinar-medium {
        top: -1px
    }

    .content.preferences .data-grid1.cgTable > tbody > tr > td > i.icon-globe-wireframe-medium {
        top: -2px
    }

    .content.preferences .data-grid1.cgTable > tbody > tr > td > i.icon-app-analytics-medium {
        top: -2px
    }

.cl-search-new .searchSlide .tooltip {
    top: -35px !important
}

header .main-wrapper .brand-logo {
    display: table
}

    header .main-wrapper .brand-logo a {
        display: table-cell;
        vertical-align: middle;
    }

header .main-wrapper .logo h1 {
    margin: 0;
    padding: 0;
    line-height: 0;
}

    header .main-wrapper .logo h1 img {
        margin-top: 4px
    }

#no-results-calendar {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5
}

    #no-results-calendar #overlay {
        background: rgba(255,255,255,0.8);
        height: 803px
    }

    #no-results-calendar #nrc-content {
        vertical-align: middle;
        text-align: center;
        position: absolute;
        top: 0;
        width: 100%;
        margin-top: 250px;
        font-size: 16px;
        color: #929292
    }

.goals-container .data-grid1 > tbody > tr > td {
    padding: 0 10px !important
}

#warningPanel .warningPanelContent {
    line-height: 24px;
    padding-bottom: 10px;
    position: relative;
    top: 16px
}

.ascrail3000-top-adujust {
    margin-top: 130px !important
}

#gridcontainer #localization-settings .divider-horiz:before {
    border: none !important
}

#efTemplateDropdown2 {
    position: absolute;
    top: 7px;
    right: -3px;
    z-index: 99
}

.emailFooter .icon-choose-template {
    display: inline-block !important;
    width: 20px !important;
    position: absolute;
    right: 20px
}

.icon-choose-template {
    background: url("../Images/icon-choose-template.gif") no-repeat scroll 0 0 rgba(0,0,0,0);
    height: 16px;
    width: 40px
}

#gridcontainer #localization-settings .divider-horiz:before {
    border: none !important
}

.k-grid-header .k-header > .k-link {
    max-width: 90%
}

.edmSLink {
    position: relative
}

.email-EDMFlag {
    border: 1px dashed #5ba529 !important;
    outline: 0 solid #5ba529 !important;
    display: inline-block;
    padding: 5px
}

    .email-EDMFlag:after {
        content: ' ';
        right: -46px;
        top: -10px;
        position: absolute;
        background: url(../Images/goal-flag.png) no-repeat;
        width: 50px;
        height: 50px;
        counter-increment: section;
        background-position: 0 0;
        color: #5ba529;
        font-size: 14px
    }

#previewContentDIV {
    counter-reset: section
}

.mdc-pop-flyer.mpy-1 {
    width: 366px;
    top: -283px;
    left: -156px;
    z-index: 9999
}

.mdc-pop-flyer {
    position: absolute
}

.arrow_box_down {
    position: relative;
    background: #fff;
    border: 2px solid #e1e8ee
}

.mdc-pop-flyer.flyer-facebook .fb-block {
    background: #6178aa;
    text-align: left;
    color: #fff;
    padding: 10px 0;
    letter-spacing: .02em
}

.mdc-pop-flyer.flyer-facebook .fb-image {
    background: #fff;
    border: 2px solid #e1e8ee;
    border-top: 0;
    padding: 10px 0;
    position: relative
}

.mdc-pop-flyer .closeFlyer {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 2;
    cursor: pointer
}

.mdc-pop-flyer .heading-text-container {
    width: 74%
}

.mdc-pop-flyer .heading-icon-container {
    width: 20%;
    vertical-align: top
}

.mdc-pop-flyer .heading-icon-container, .mdc-pop-flyer .heading-text-container {
    display: inline-block
}

.ph-container .ph-number.phn-positive {
    background-color: var(--primary-color);
    color: #fff
}

.mdc-pop-flyer.mpy-2 {
    width: 315px;
    top: -180px;
    left: -249px;
    z-index: 9999
}

.mdc-pop-flyer.mpy-3 {
    width: 370px;
    top: -226px;
    left: 237px;
    z-index: 9999
}

.mdc-pop-flyer.mpy-2 .arrow_box_down {
    background: #fd5757;
    border: 0
}

    .mdc-pop-flyer.mpy-2 .arrow_box_down:after, .mdc-pop-flyer.mpy-2 .arrow_box_down:before {
        border-top-color: #fd5757
    }

.mdc-pop-flyer.mpy-3 .arrow_box_down {
    background: #fff
}

    .mdc-pop-flyer.mpy-3 .arrow_box_down:after, .mdc-pop-flyer.mpy-2 .arrow_box_down:before {
        border-top-color: #fff
    }

.mdc-pop-flyer.flyer-best-practices .content-block {
    background: #99cc03;
    text-align: left;
    color: #fff;
    padding: 10px 0;
    letter-spacing: .02em
}

.mdc-pop-flyer.flyer-best-practices .image-block {
    background: #fff;
    padding: 10px 0;
    position: relative
}

.mdc-pop-flyer.flyer-bounce-rate {
    background: #fd5757;
    text-align: left;
    color: #fff;
    letter-spacing: .02em
}

    .mdc-pop-flyer.flyer-bounce-rate .row {
        padding: 20px 0
    }

.no-gutter.row {
    margin-right: 0;
    margin-left: 0
}

.mdc-pop-flyer.mpy-4 {
    width: 360px;
    top: -220px;
    left: -102px;
    z-index: 9999
}

.k-grid-header .k-header > .k-link {
    max-width: 90%
}

#cpContainer1 .dashboard-sort-item {
    height: 375px
}

    #cpContainer1 .dashboard-sort-item .pc-links-text {
        position: relative;
        left: 5px;
        top: 0;
        max-width: 77%;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis
    }

    #cpContainer1 .dashboard-sort-item h1 {
        line-height: initial;
        font-size: 28px
    }

    #cpContainer1 .dashboard-sort-item .jspHorizontalBar {
        display: none !important
    }

.cnfpayment-progress .progress .progress-bar {
    height: initial;
    top: 0
}

.cnfpayment-progress .progress, .cnfpayment-progress .progress .progress-bar {
    height: 28px;
    line-height: 28px;
    color: #b8b8b8;
    font-weight: 400;
    font-size: 14px;
    text-align: right;
    text-indent: 73px
}

.cnfpayment-progress .progress {
    border: 1px solid #e9e9eb;
    background: #fff;
    text-align: center
}

    .cnfpayment-progress .progress .progress-bar {
        text-indent: 125px
    }

.cnfpayment-progress.reach .progress .progress-bar {
    background: #33b5e6
}

.cnfpayment-progress.engagement .progress .progress-bar {
    background: #f56701
}

.cnfpayment-progress.conversion .progress .progress-bar {
    background: #99cc03
}

.cnfpayment-progress label {
    line-height: 28px
}

.mdc-pop-flyer.mpy-4 {
    width: 360px;
    top: -220px;
    left: -102px;
    z-index: 9999
}

#listemailfooter .k-grid td i {
    cursor: pointer
}

#content-preview .emailFooterTemplate.temp-holderSec img {
    vertical-align: middle;
    padding: initial !important
}

#content-preview .emailFooterTemplate .socialShareEdit {
    border-spacing: 0 !important;
    text-align: right
}

#content-preview .emailFooterTemplate.temp-holderSec .temp-txtEditor {
    padding: initial !important
}

#preview1 .emailFooterTemplate.temp-holderSec .editable {
    padding: initial !important
}

.recipient_popup1 .scroll_list_attribues.css-scrollbar {
    max-height: 285px;
    padding-right: 20px
}

.recipients_popup .master-recip-data.mrd-new .widget-header.rpl-level-2 {
    margin-top: 20px !important
}

.recipients_popup .master-recip-data.mrd-new .widget-header h4, .mrd-new .widget-header.rpl-level-2 h4 {
    margin: 0;
    padding: 0 !important
}

.chart-wrapper-md {
    height: 350px
}

.chart-wrapper-sm {
    height: 300px
}

.mand-field i {
    font-size: 13px !important;
    line-height: 19px;
    color: #d4d6de !important
}


.chart-wrapper-sm {
    height: 280px;
    margin-top: 50px
}

.cf-cat-box ul.da_max-height {
    max-height: 90% !important;
    height: 100% !important
}

.categoryFields.catDataattri_Expand {
    border: 1px solid #ccc;
    padding: 10px
}

div#payCouponCode .input-error {
    margin-top: -12px;
    left: 16px
}

.nowrapTooltip .tooltip .tooltip-inner {
    white-space: nowrap !important
}

span.listSegName {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.alertNotificatonChange i {
    font-size: 12px !important
}

#user-settings .open > .dropdown-menu.assignUserDropdown {
    min-width: 170px
}

#mainTemplateContainer .singleColumnTemplateBlank tr.tmpl-row .respons-width {
    width: 600px
}

.singleColumnTemplateBlank.temp-holderSec > tbody > tr:last-child > td {
    padding-bottom: 0;
    padding-top: 20px
}

body.template-editor-body .banner-container .edit-outline .editable img {
    padding: 0 !important
}

body.template-editor-body .widget-template.pre-template .singleColumnTemplateBlank.temp-holderSec .k-widget br {
    display: block
}

body.template-editor-body .temp-outer table.temp-holderSec .edit-outline .editable img.stImageB-image {
    padding: 0 !important
}

.singleColumn.scriptTable-image-box td.temp-imgEditor, .singleColumn.scriptTable-image-box td.temp-imgEditor .edit-outline > .k-editor {
    padding: 0 !important
}

.scriptTable-button-box .rpDragBtnContainer .temp-btnEditor a {
    display: block;
    height: 28px;
    line-height: 28px;
    padding: 0 15px;
    text-decoration: none !important;
    color: #fff !important
}

.scriptTable-button-box .rpDragBtnContainer .temp-btnEditor br {
    display: none !important
}

.rpDragBtnContainer a, .ii a[href], .rpDragBtnContainer a[href], .newButtonDyn a {
    text-decoration: none !important;
    color: #fff !important
}

.pre-campaign.list-chartview {
    height: auto
}

.pre-campaign.list-chartview {
    background-color: #fff;
    border: 0
}

    .pre-campaign.list-chartview > div {
        padding: 10px 25px 0 25px
    }

span.emoji, span.emoji-inner {
    text-indent: -9999px;
    vertical-align: baseline
}

span.emoji {
    -moz-box-orient: vertical;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-size: 1em;
    background-repeat: no-repeat
}

span.emoji-sizer {
    line-height: .81em;
    font-size: 1em;
    margin: -2px 0
}

span.emoji-outer {
    display: -moz-inline-box;
    display: inline-block;
    height: 1em;
    width: 1em
}

span.emoji-inner {
    display: -moz-inline-box;
    display: inline-block;
    width: 100%;
    height: 100%
}

img.emoji {
    width: 1em;
    height: 1em
}

.emoji-picker-container {
    position: relative
}

.emoji-picker-icon {
    cursor: pointer;
    position: absolute;
    left: 57px;
    top: 43px;
    z-index: 100;
    transition: none;
    opacity: 1;
    color: #000;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none
}

    .emoji-picker-icon.parent-has-scroll {
        right: 28px
    }

.emoji-wysiwyg-editor:empty:before {
    content: attr(placeholder);
    color: #9aa2ab
}

.emoji-wysiwyg-editor:active:before, .emoji-wysiwyg-editor:focus:before {
    content: none
}

.emoji-wysiwyg-editor {
    background: -webkit-linear-gradient(#d4d6de,#d4d6de) bottom left no-repeat,-webkit-linear-gradient(#d4d6de,#d4d6de) bottom center repeat-x,-webkit-linear-gradient(#d4d6de,#d4d6de) bottom right no-repeat;
    background: linear-gradient(#d4d6de,#d4d6de) bottom left no-repeat,linear-gradient(#d4d6de,#d4d6de) bottom center repeat-x,linear-gradient(#d4d6de,#d4d6de) bottom right no-repeat;
    border: 0;
    border-color: #d4d6de\9;
    background-size: 1px 15px,1px 1px,1px 15px;
    height: 26px;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden
}

    .emoji-wysiwyg-editor.parent-has-scroll {
        padding: 0
    }

    .emoji-wysiwyg-editor.single-line-editor {
        min-height: 35px;
        height: inherit
    }

    .emoji-wysiwyg-editor img {
        width: 20px;
        height: 20px;
        vertical-align: middle;
        margin: -3px 0 0;
        display: none !important
    }

.emoji-menu {
    position: absolute;
    right: 15px;
    z-index: 999;
    width: 315px;
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0;
    overflow: hidden;
    -webkit-box-shadow: 0 -1px 10px 0 rgba(61,65,96,.1),0 15px 20px 0 rgba(61,65,96,.22);
    -moz-box-shadow: 0 -1px 10px 0 rgba(61,65,96,.1),0 15px 20px 0 rgba(61,65,96,.22);
    box-shadow: 0 -1px 10px 0 rgba(61,65,96,.1),0 15px 20px 0 rgba(61,65,96,.22);
    margin-top: 1px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.emoji-items-wrap1 {
    background: #fff;
    padding: 5px 0 5px 0
}

    .emoji-items-wrap1 .emoji-menu-tabs {
        width: 100%;
        margin-bottom: 8px;
        margin-top: 3px
    }

        .emoji-items-wrap1 .emoji-menu-tabs td {
            text-align: center;
            color: #fff;
            line-height: 0
        }

.emoji-menu-tabs .emoji-menu-tab {
    display: inline-block;
    width: 24px;
    height: 29px;
    background: url(../Images/emoji/IconsetSmiles.png) no-repeat;
    background-size: 42px 350px;
    border: 0
}

.is_1x .emoji-menu-tabs .emoji-menu-tab {
    background-image: url(../Images/emoji/IconsetSmiles_1x.png)
}

.emoji-menu-tabs .icon-recent {
    background-position: -9px -306px
}

.emoji-menu-tabs .icon-recent-selected {
    background-position: -9px -277px
}

.emoji-menu-tabs .icon-smile {
    background-position: -9px -34px
}

.emoji-menu-tabs .icon-smile-selected {
    background-position: -9px -5px
}

.emoji-menu-tabs .icon-flower {
    background-position: -9px -145px
}

.emoji-menu-tabs .icon-flower-selected {
    background-position: -9px -118px
}

.emoji-menu-tabs .icon-bell {
    background-position: -9px -89px
}

.emoji-menu-tabs .icon-bell-selected {
    background-position: -9px -61px
}

.emoji-menu-tabs .icon-car {
    background-position: -9px -196px
}

.emoji-menu-tabs .icon-car-selected {
    background-position: -9px -170px
}

.emoji-menu-tabs .icon-grid {
    background-position: -9px -248px
}

.emoji-menu-tabs .icon-grid-selected {
    background-position: -9px -222px
}

.emoji-menu-tabs .icon-bell, .emoji-menu-tabs .icon-car, .emoji-menu-tabs .icon-flower, .emoji-menu-tabs .icon-grid, .emoji-menu-tabs .icon-smile {
    opacity: .7
}

    .emoji-menu-tabs .icon-bell:hover, .emoji-menu-tabs .icon-car:hover, .emoji-menu-tabs .icon-flower:hover, .emoji-menu-tabs .icon-grid:hover, .emoji-menu-tabs .icon-smile:hover {
        opacity: 1
    }

.emoji-menu .emoji-items-wrap {
    position: relative;
    height: 174px;
    overflow: scroll;
    overflow-x: hidden;
    border-top: solid 1px #e8e9ed;
    padding-top: 8px
}

.emoji-menu .emoji-items {
    padding-left: 8px;
    outline: 0 !important
}

.emoji-menu img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    border: 0
}

.emoji-menu .emoji-items a {
    margin: 1px 0 0 1px;
    padding: 5px;
    display: inline-block;
    border-radius: 2px;
    border: 0;
    width: 40px;
    height: 40px;
    font-size: 21px;
    text-align: center
}

    .emoji-menu .emoji-items a:hover {
        background-color: #edf2f5
    }

.emoji-menu:after {
    content: ' ';
    display: block;
    clear: left
}

.emoji-menu a .label {
    display: none
}

.emoji-wysiwyg-editor.required:after {
    height: 15px
}

list-attributes-content no-margin-right .category-fields {
    margin: 0 !important
}

.content.campaign .progress-steps {
    margin-bottom: 20px
}

#campslpitAB .sSplitType {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    line-height: 20px
}

.preferences.leadscore .data-grid1.data-grid1-sm tbody tr td, div#Persona td {
    height: 44px !important;
    padding: 0 15px !important;
    border: none !important;
    position: relative
}

#campslpitAB .sSplitType {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    line-height: 20px
}

.auto-margin.emailContentWrapper {
    max-width: 600px
}

    .auto-margin.emailContentWrapper .editable {
        outline: 0 !important;
        border: 0 !important;
        padding: 0 !important;
        background: transparent
    }

.dashboard-days-menu > li {
    border-left: 1px solid #d4d6de
}

.footer-borders-container {
    height: 6px;
    position: absolute;
    width: 100%;
    overflow: hidden
}

    .footer-borders-container .clear {
        margin-bottom: 0 !important
    }

.footer-color-bg {
    height: 6px;
    width: 20%;
    margin: 0;
    padding: 0;
    float: left
}

.content.campaign .st-grid-transparent.campaignlist-grid .st-grid-transparent .k-master-row > td:last-child > div {
    position: relative;
    top: -7px
}

.content.reports .st-grid-transparent .k-master-row > td:last-child > div {
    top: 0
}

.splitabSlider .dragSlider .dragCont {
    height: 60px
}

    .splitabSlider .dragSlider .dragCont .inSide {
        width: 30%
    }

        .splitabSlider .dragSlider .dragCont .inSide .split-left {
            padding: 5px 0;
            height: 60px
        }

            .splitabSlider .dragSlider .dragCont .inSide .split-left h5 {
                position: relative;
                top: 10px
            }

    .splitabSlider .dragSlider .dragCont .outSide {
        padding: 12px 10px;
        left: 30%;
        text-indent: 5px
    }

.splitabSlider .dragSlider .ui-slider .ui-slider-handle {
    margin-left: -12px;
    top: 5px
}

.splitabSlider .dragSlider.dsXmini .dragCont .inSide .split-left h5 {
    font-size: 10px;
    top: 15px
}

.splitabSlider .dragSlider.dsXmini .dragCont .inSide .split-left .listname {
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 10px
}

.splitabSlider .dragSlider.dsMini .dragCont .inSide .split-left h5 {
    font-size: 12px;
    top: 12px
}

.splitabSlider .dragSlider.dsMini .dragCont .inSide .split-left .listname {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px
}

#emailContentViewPanel .emailFooter .k-editor-inline {
    background-color: transparent !important
}

body.page-not-found-body {
    background-color: #7dc6e8
}

    body.page-not-found-body #wrapper {
        width: 100%
    }

    body.page-not-found-body #pageNotFoundConainer {
        margin-top: 50px;
        color: #fff;
        display: table
    }

        body.page-not-found-body #pageNotFoundConainer #pnf-image-wrapper, body.page-not-found-body #pageNotFoundConainer #pnf-content-wrapper {
            width: 46%;
            display: table-cell;
            vertical-align: middle
        }

        body.page-not-found-body #pageNotFoundConainer #pnf-image-wrapper {
            padding-right: 2%
        }

        body.page-not-found-body #pageNotFoundConainer #pnf-content-wrapper {
            padding-left: 2%
        }

        body.page-not-found-body #pageNotFoundConainer #pnf-image-wrapper img {
            max-width: 800px;
            border-right: 1px solid #fff
        }

        body.page-not-found-body #pageNotFoundConainer h1 {
            font-size: 50px;
            font-weight: 600;
            text-transform: uppercase;
            color: #fff;
            margin: 0 0 10px 0
        }

        body.page-not-found-body #pageNotFoundConainer h2 {
            font-size: 30px;
            font-weight: 300;
            color: #fff;
            line-height: 30px;
            margin: 0 0 30px 0
        }

        body.page-not-found-body #pageNotFoundConainer p {
            font-size: 18px;
            font-weight: 300;
            color: #fff;
            line-height: 30px;
            margin: 0 0 20px 0
        }

.addEmailFooter-btn {
    position: absolute;
    right: -25px;
    top: 8px
}

.cedfls .emailFooterA {
    width: 100% !important
}

.cedfls .temp-holderSec {
    width: 100% !important
}

#DivEmailSubjectSplitabcd .temp-holderSec {
    width: 100% !important
}

.SplitTemplateDropdown {
    position: absolute;
    top: 7px;
    right: -3px;
    z-index: 99
}

#crbGroupContainerExclusion .crbDynSwtich .bootstrap-switch label {
    border: 2px solid #fe5758;
    cursor: no-drop;
    pointer-events: none
}

#crbGroupContainerExclusion .crbDynSwtich .bootstrap-switch span.bootstrap-switch-default {
    background-color: #fe5758;
    color: #fff;
    cursor: no-drop;
    pointer-events: none
}

#crbGroupContainerExclusion .border-top-color {
    border-top-color: #fe5657 !important
}

#crbGroupContainerExclusion .crbDynSwtich .bootstrap-switch {
    color: #fff;
    cursor: no-drop;
    pointer-events: none
}

a.filterComp.active.exclude_Filtersec {
    background-color: #f6f7f8 !important;
    border: 1px solid #d4d6de !important;
    color: #585858 !important
}

    a.filterComp.active.exclude_Filtersec span {
        color: #585858 !important;
        border-left: 1px solid #dcdcdc
    }

a.filterComp.active.excludeFilterClick {
    background-color: #b8b8b8 !important;
    border: 1px solid #9c9c9c !important;
    color: #fff !important
}

    a.filterComp.active.excludeFilterClick span {
        color: #fff !important;
        border-left: 1px solid #9c9c9c
    }

body.system-integration-body .footer-borders-container {
    margin-top: 50px
}

.personalFields li a, .personalFieldsContent li a {
    min-width: 150px
}

body.system-integration-body .footer-borders-container {
    margin-top: 50px
}

.confirmPayDashboard .scroll_list_attribues {
    overflow: auto;
    height: 300px !important
}

#tableDetails li.sortable {
    list-style-type: none
}

    #tableDetails li.sortable a {
        cursor: move;
        list-style-type: none
    }

#tableDetails li.hint {
    display: block;
    width: 200px;
    background-color: #f6f7f8 !important;
    color: #fff;
    padding: 6px 8px
}

    #tableDetails li.hint a {
        color: #585858 !important
    }

.cl-search-new .clearSearchField {
    position: absolute;
    right: 33px;
    margin-top: 2px;
    cursor: pointer
}

.nce.click-off {
    opacity: .8
}

.temp-holderSec.emailFooterTemplate .temp-txtEditor {
    display: table-cell !important;
    vertical-align: middle
}

/* New template editor */
body.rp-template-editor-body #wrapper {
    width: 100%;
    padding: 0
}

body.rp-template-editor-body .page-header {
    display: none
}

body.rp-template-editor-body .campaign-header.rp-te-header {
    width: 100%
}

.multiSelect.la-multi .grid-style li .fallbackEditName i {
    display: block !important
}

.inputBgremove {
    background-color: #f6f7f8 !important
}

.callbackInputPEdit {
    width: 80% !important
}

.fallbackEditName a {
    position: relative;
    top: 3px
}

.fallbackEditName .fallback-label {
    font-size: 12px !important;
    font-weight: 300;
    font-style: italic;
    margin-left: 10px;
    position: relative;
    top: -10px
}

.sla-left-message.slalm-full {
    position: static !important;
    display: block;
    margin: 0 auto 20px auto;
    padding-bottom: 20px;
    text-align: center !important
}

.multiSelect .EditFilterLeftGrid li, .multiSelect .EditClass li, .multiSelect .newCategoryFilter li {
    width: 100%
}

.EditFilterLeftGrid .search, .EditClass .search, .newCategoryFilter .search, .EditFilterDataExc .search {
    top: 5px;
    right: 10px;
    position: absolute
}

.EditFilterLeftGrid .searchEffect input, .EditClass .searchEffect input, .newCategoryFilter .searchEffect input {
    width: 270px
}

.multiSelect .EditFilterDataExc li, .multiSelect .EditClass li {
    width: 100%
}

.EditFilterDataExc .searchEffect input {
    margin: 3px 0 0 2px;
    width: 395px
}

.segSearch .search {
    top: 10px;
    right: 10px;
    position: absolute;
    height: 27px
}

.segSearch .searchEffect input {
    margin: 3px 0 0 2px;
    width: 290px
}

/*AccountSetting Page */
#brand-account-settings ul.tagsField .jspHorizontalBar {
    display: none
}

#brand-account-settings .tagsField {
    height: 75px !important
}

#localization-settings .tagsField {
    min-height: 110px;
    max-height: 110px
}

    #localization-settings .tagsField input[type="text"] {
        width: 200px
    }

#localization-settings .form-horizontal > .form-group {
    background-color: #fff
}

#localization-settings .bootstrap-switch {
    top: 8px
}

.rpTemplateEditorSection #wrapper {
    width: 100%;
    padding: 0
}

.rpTemplateEditorSection .page-header {
    display: none
}

.rpTemplateEditorSection .campaign-header {
    position: fixed;
    top: 0;
    height: 67px;
    margin: 0
}

.rpTemplateEditorSection .widget-template .temp-outer {
    margin-top: 0
}

.rpTemplateEditorSection .widget-component {
    margin-top: 0 !important
}

#content-preview .element-contenteditable:active, #content-preview .element-contenteditable:focus {
    border-color: transparent !important
}

.rpTemplateEditorSection .campaign-header, .emailer-builder .multiComponent {
    width: 98% !important;
    margin-left: 1% !important
}

.bal-content-main {
    max-width: 600px !important
}

.btn-holder.rpTemplateEditorButtons {
    width: 98%;
    margin: 3px 0 0 1%
}

.email-editor-elements-sortable, .emailer-builder .bal-editor-container .bal-content .bal-content-main {
    max-width: 600px;
    min-height: initial;
    margin: auto
}

.bal-content-main {
    background-color: #fff;
    border: 1px solid #ccc;
    height: auto;
    margin-top: 50px
}

section.rpTemplateEditorSection .widget-placeholder {
    padding: 0
}

.close-icon {
    border: 1px solid transparent;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 0
}

.clearable:not(:valid) ~ .close-icon {
    display: none
}

.clearable {
    background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
    border: 1px solid #999;
    padding: 3px 18px 3px 4px;
    border-radius: 3px;
    transition: background .4s
}

    .clearable.x {
        background-position: right 5px center
    }

    .clearable.onX {
        cursor: pointer
    }

    .clearable::-ms-clear {
        display: none;
        width: 0;
        height: 0
    }

.norecord {
    align-items: center;
    position: relative;
    display: flex;
    justify-content: center
}

.close-icon i {
    right: -10px;
    position: relative
}

div#categoryEdit .slimScrollBar.ui-draggable, #classificationEdit .slimScrollBar.ui-draggable, #defineNewCategory .slimScrollBar.ui-draggable {
    height: 50px !important
}

#campaignListGrid {
    margin-top: 10px
}

div#eximport {
    z-index: 999;
    position: relative
}

.page-header div#eximport {
    max-width: 30%;
    white-space: nowrap
}

.page-header ul.list-inline li {
    z-index: 999;
    position: relative
}

.page-header .list-inline .dropdown > a > span {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-header .list-inline .dropdown > a > i {
    position: relative;
    top: -4px
}

#Company .industry-cont-wrap div.box-content {
    height: 290px
}

span#lblSubjectA, span#lblSubjectB, span#lblSubjectC, span#lblSubjectD {
    width: 180px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.campaign-header .icon-multiple {
    z-index: 10 !important
}

#CampaignDocketAttachmentpath {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 320px;
    display: inline-block
}

#Classification .audienceView:nth-child(even) {
    margin-left: -10px
}

.dataAttri-mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    background: #fff;
    opacity: .8
}

section .recipients .tab-content#divSegmentationView .toggle-view {
    overflow: hidden;
    min-height: 0
}

.attributeshead .iconRound .tooltip.bottom {
    min-width: 100px
}

a#removeCustomMailID {
    right: 10px;
    top: -20px;
    position: relative
}

#createemialfooter .editable.socialFollow input[type="checkbox"] {
    visibility: hidden
}

/* CSReport information DetailAnalytics.html-DetailAnalytics2.html */
.Campaign-Target-List.recipients_popup {
    position: relative;
    padding: 0
}

    .Campaign-Target-List.recipients_popup .master-recip-data.mrd-new {
        top: auto;
        height: 470px;
        z-index: 99;
        clip: rect(0px,982px,0px,470px)
    }

        .Campaign-Target-List.recipients_popup .master-recip-data.mrd-new.serOn {
            clip: rect(0px,982px,470px,0px)
        }

    .Campaign-Target-List.recipients_popup .recipient-view {
        top: 0;
        right: 0;
        z-index: 9
    }

    .Campaign-Target-List.recipients_popup .master-recip {
        min-height: auto
    }

    .Campaign-Target-List.recipients_popup .master-recip-data.mrd-new h3, .Campaign-Target-List.recipients_popup .master-recip-data.mrd-new h5 {
        margin-bottom: 10px
    }

.subjectLineAnalysis .minArea {
    min-height: 146px
}

.subjectLineAnalysis .subjectLineScale img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg)
}

.subjectLineAnalysis .subjectLineScale .spam-scale-handle {
    left: 34%;
    width: 30px;
    height: 30px;
    top: -6px;
    padding: 0;
    text-align: center;
    border: 3px solid #f2f2f2;
    background-color: #8a8a8a
}

.subjectLineAnalysis .icon-holder {
    background-color: #f7f7f7;
    font-family: 'mukta-regular',sans-serif !important;
    margin-right: 55px;
    margin-bottom: 10px;
    padding: 6px 10px
}

    .subjectLineAnalysis .icon-holder:after {
        bottom: -12px;
        border-left: 0 solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #f7f7f7
    }

.subjectLineAnalysis .pie_progress, .subjectLineAnalysis .pie_progress__svg, .subjectLineAnalysis .pie_progress__svg svg {
    width: 100px;
    height: 100px;
    margin: 0 auto
}

.subjectLineAnalysis .pie_progress__number {
    font-size: 34px;
    text-align: center;
    width: 80%;
    top: 48%;
    left: 10%;
    white-space: pre;
    font-size: 26px;
}

.subjectLineAnalysis .icon-holder.pie {
    margin-right: 0;
    margin-bottom: 20px
}

/*Dropdown values should be italic*/
.k-dropdown .k-dropdown-wrap span.k-input {
    font-style: italic !important;
    font-weight: 300 !important
}

div#filterGroups .slimScrollBar.ui-draggable {
    z-index: 9 !important
}

.k-detail-row:last-child .preview-popup-cont, .k-detail-row:nth-last-child(2) .preview-popup-cont {
    top: auto;
    bottom: -15px
}

.k-detail-row:last-child .preview-left:before, .k-detail-row:nth-last-child(2) .preview-left:before {
    margin-bottom: -1px
}

.k-detail-row:last-child .preview-left:after, .k-detail-row:last-child .preview-left:before, .k-detail-row:nth-last-child(2) .preview-left:after, .k-detail-row:nth-last-child(2) .preview-left:before {
    top: auto;
    bottom: 15px
}

.inSide .tooltip {
    top: 0 !important
}

.segmentLoader {
    position: absolute;
    width: 99%
}

.notification-block .notification-img {
    padding: 10px;
    margin-bottom: 5px
}

.notification-block {
    padding: 0 10px 5px 10px;
    border-bottom: solid 1px #ece9e9;
    margin-top: 35px
}

    .notification-block .notification-img {
        background-color: #d9eeff
    }

    .notification-block .notification-title {
        font-weight: bold;
        margin-bottom: 2px;
        font-size: 11px
    }

    .notification-block .notification-subtitle {
        margin-bottom: 2px;
        font-size: 10px
    }

    .notification-block .notification-desc {
        font-size: 11px; /*margin-bottom:10px*/
    }

    .notification-block .notification-dismiss {
        text-align: right;
        text-transform: uppercase;
        font-size: 11px
    }

        .notification-block .notification-dismiss span {
            display: inline-block;
            margin-left: 20px;
            font-weight: bold
        }

    .notification-block .notification-head {
        font-size: 10px;
        color: #989898;
        margin-bottom: 5px
    }

        .notification-block .notification-head #smsDate {
            font-size: 10px;
            margin-left: 10px
        }

.segmentLoader {
    position: absolute;
    width: 99%
}

.k-detail-row:last-child .preview-popup-cont {
    top: auto;
    bottom: -15px
}

.k-detail-row:last-child .preview-left:before {
    margin-bottom: -1px
}

.k-detail-row:last-child .preview-left:after, .k-detail-row:last-child .preview-left:before {
    top: auto;
    bottom: 15px
}

.mdcactions .dropdown-menu.selectBox {
    right: 10px !important;
    left: auto
}

    .mdcactions .dropdown-menu.selectBox li {
        padding: 5px 15px 5px 10px
    }

#id_audienceGrid .k-grid-content {
    min-height: 150px;
    position: relative;
    overflow-y: hidden
}

#content-preview .temp-holderSec table {
    table-layout: auto !important
}

#content-preview .temp-holderSec td {
    padding: 0
}

.k-animation-container ul {
    overflow: auto !important;
    height: 100% !important;
}

.page-header h1 .tooltip-inner {
    min-width: 200px;
    max-width: 100%
}

.camp_report small {
    font-size: 50%;
    position: relative;
    top: -11px
}

.header_Campaign {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 430px;
    overflow: hidden;
    display: inline-block
}

span#errmsgCampaignNameDocket:after {
    left: 80px
}

span#errmsgCampaignNameDocket:before {
    left: 79px
}

span#errmsgCampaignNameDocket {
    width: 145px;
    top: -13px;
    left: -56px
}

span#errmsgValidCampaignNameDocket:after {
    left: 80px
}

span#errmsgValidCampaignNameDocket:before {
    left: 79px
}

span#errmsgValidCampaignNameDocket {
    width: 145px;
    top: -13px;
    left: -56px
}

.accountSettings_Customref .tagsField {
    max-height: 110px;
    min-height: 100px
}

.dynamicList div#dlistpartial ul.widget-listsettings .col-sm-2 {
    width: 20%
}

.opmContainer .edmSLink {
    position: initial !important
}

#overview-preview-modal .hrefOverlay {
    display: inline-block;
    position: relative
}

    #overview-preview-modal .hrefOverlay:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    #overview-preview-modal .hrefOverlay.largeImages:before {
        top: 5%;
        left: 5%;
        width: 89%;
        height: 89%
    }

    #overview-preview-modal .hrefOverlay .inline {
        display: inline-block;
        pointer-events: none !important
    }

#overview-preview-modal .hrefOverlay-Bgblue .hrefOverlay:before {
    background-color: rgba(47,110,173,.25);
    border: 2px solid #2f6ead !important
}

#overview-preview-modal .hrefOverlay-Bgbluelight .hrefOverlay:before {
    background-color: rgba(27,128,165,0.25);
    border: 2px solid #1b80a5 !important
}

#overview-preview-modal .hrefOverlay-Bggreen .hrefOverlay:before {
    background-color: rgba(40,140,0,.25);
    border: 2px solid #288c00 !important
}

#overview-preview-modal .hrefOverlay-Bgred .hrefOverlay:before {
    background-color: rgba(254,0,0,0.25);
    border: 2px solid #fe0000 !important
}

#overview-preview-modal .hrefOverlay-Bgyellow .hrefOverlay:before {
    background-color: rgba(180,180,0,.25);
    border: 2px solid #b4b400 !important
}

#overview-preview-modal .hrefOverlay-Bgorange .hrefOverlay:before {
    background-color: rgba(210,160,10,.25);
    border: 2px solid #d2a00a !important
}

#overview-preview-modal .hrefOverlay-Bgblue .hrefOverlay.largeImages:before {
    border: 2px solid #2f6ead !important
}

#overview-preview-modal .hrefOverlay-Bgbluelight .hrefOverlay.largeImages:before {
    border: 2px solid #1b80a5 !important
}

#overview-preview-modal .hrefOverlay-Bggreen .hrefOverlay.largeImages:before {
    border: 2px solid #288c00 !important
}

#overview-preview-modal .hrefOverlay-Bgred .hrefOverlay.largeImages:before {
    border: 2px solid #fe0000 !important
}

#overview-preview-modal .hrefOverlay-Bgyellow .hrefOverlay.largeImages:before {
    border: 2px solid #b4b400 !important
}

#overview-preview-modal .hrefOverlay-Bgorange .hrefOverlay.largeImages:before {
    border: 2px solid #d2a00a !important
}

#overview-preview-modal .hrefOverlay-Bgblue .tooltip.top .tooltip-arrow, #overview-preview-modal .hrefOverlay-Bgblue .resTotalClicksDiv {
    border-top-color: #2f6ead
}

#overview-preview-modal .hrefOverlay-Bgbluelight .tooltip.top .tooltip-arrow, #overview-preview-modal .hrefOverlay-Bgbluelight .resTotalClicksDiv {
    border-top-color: #1b80a5
}

#overview-preview-modal .hrefOverlay-Bggreen .tooltip.top .tooltip-arrow, #overview-preview-modal .hrefOverlay-Bggreen .resTotalClicksDiv {
    border-top-color: #288c00
}

#overview-preview-modal .hrefOverlay-Bgred .tooltip.top .tooltip-arrow, #overview-preview-modal .hrefOverlay-Bgred .resTotalClicksDiv {
    border-top-color: #fe0000
}

#overview-preview-modal .hrefOverlay-Bgyellow .tooltip.top .tooltip-arrow, #overview-preview-modal .hrefOverlay-Bgyellow .resTotalClicksDiv {
    border-top-color: #b4b400
}

#overview-preview-modal .hrefOverlay-Bgorange .tooltip.top .tooltip-arrow, #overview-preview-modal .hrefOverlay-Bgorange .resTotalClicksDiv {
    border-top-color: #d2a00a
}

#overview-preview-modal .hrefOverlay-Bgblue .tooltip-inner, #overview-preview-modal .hrefOverlay-Bgblue .resTotalClicksDiv {
    background-color: #2f6ead
}

#overview-preview-modal .hrefOverlay-Bgbluelight .tooltip-inner, #overview-preview-modal .hrefOverlay-Bgbluelight .resTotalClicksDiv {
    background-color: #1b80a5
}

#overview-preview-modal .hrefOverlay-Bggreen .tooltip-inner, #overview-preview-modal .hrefOverlay-Bggreen .resTotalClicksDiv {
    background-color: #288c00
}

#overview-preview-modal .hrefOverlay-Bgred .tooltip-inner, #overview-preview-modal .hrefOverlay-Bgred .resTotalClicksDiv {
    background-color: #fe0000
}

#overview-preview-modal .hrefOverlay-Bgyellow .tooltip-inner, #overview-preview-modal .hrefOverlay-Bgyellow .resTotalClicksDiv {
    background-color: #b4b400
}

#overview-preview-modal .hrefOverlay-Bgorange .tooltip-inner, #overview-preview-modal .hrefOverlay-Bgorange .resTotalClicksDiv {
    background-color: #d2a00a
}

#overview-preview-modal .hrefOverlay-Bgblue .tooltip.in, #overview-preview-modal .hrefOverlay-Bgbluelight .tooltip.in, #overview-preview-modal .hrefOverlay-Bggreen .tooltip.in, #overview-preview-modal .hrefOverlay-Bgred .tooltip.in, #overview-preview-modal .hrefOverlay-Bgyellow .tooltip.in, #overview-preview-modal .hrefOverlay-Bgorange .tooltip.in {
    opacity: 1
}

#overview-preview-modal .edmSLink {
    border: 0
}

#overview-preview-modal .resTotalClicksDiv {
    position: absolute;
    top: -20px;
    background-color: #969595;
    padding: 3px 7px;
    color: #fff;
    white-space: nowrap;
    min-height: 14px;
    line-height: 14px
}

#overview-preview-modal .largeImages .resTotalClicksDiv {
    top: -17px
}

#overview-preview-modal .hrefOverlay.smallLinks .resTotalClicksDiv:before {
    content: "";
    display: block;
    background: #ccc;
    width: 1px;
    height: 20px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 34px
}

#overview-preview-modal .largeImages .resTotalClicksDiv {
    left: 5%;
    top: -5px
}

#overview-preview-modal .hrefOverlay.smallLinks.smallLinks-1 .resTotalClicksDiv {
    top: -20px !important
}

#overview-preview-modal .hrefOverlay.smallLinks.smallLinks-2 .resTotalClicksDiv {
    top: -45px !important
}

#overview-preview-modal .hrefOverlay.smallLinks.smallLinks-3 .resTotalClicksDiv {
    top: -70px !important
}

#overview-preview-modal .hrefOverlay.smallLinks.smallLinks-4 .resTotalClicksDiv { /*top:-95px!important;*/
    top: -72px !important
}
/*GDP ticket (26210) fix - Reddy*/
#overview-preview-modal .hrefOverlay.smallLinks.smallLinks-5 .resTotalClicksDiv {
    top: -120px !important
}

#overview-preview-modal .hrefOverlay.smallLinks.smallLinks-1 .resTotalClicksDiv:before {
    height: 20px
}

#overview-preview-modal .hrefOverlay.smallLinks.smallLinks-2 .resTotalClicksDiv:before {
    height: 45px
}

#overview-preview-modal .hrefOverlay.smallLinks.smallLinks-3 .resTotalClicksDiv:before {
    height: 70px
}

#overview-preview-modal .hrefOverlay.smallLinks.smallLinks-4 .resTotalClicksDiv:before {
    height: 95px
}

#overview-preview-modal .hrefOverlay.smallLinks.smallLinks-5 .resTotalClicksDiv:before {
    height: 120px
}

#overview-preview-modal .hrefOverlay .resTotalClicksDiv {
    font-size: 12px;
    font-weight: 400
}

    #overview-preview-modal .hrefOverlay .resTotalClicksDiv .rtcd-percentage {
        font-weight: 300;
        font-size: 90%;
        position: relative;
        left: 1px;
        margin-right: 3px
    }

#overview-preview-modal .smallLinks .resTotalClicksDiv {
    right: 0
}

#overview-preview-modal .hrefOverlay-Bgblue .smallLinks .resTotalClicksDiv:before {
    background: #2f6ead
}

#overview-preview-modal .hrefOverlay-Bgbluelight .smallLinks .resTotalClicksDiv:before {
    background: #1b80a5
}

#overview-preview-modal .hrefOverlay-Bggreen .smallLinks .resTotalClicksDiv:before {
    background: #288c00
}

#overview-preview-modal .hrefOverlay-Bgred .smallLinks .resTotalClicksDiv:before {
    background: #fe0000
}

#overview-preview-modal .hrefOverlay-Bgyellow .smallLinks .resTotalClicksDiv:before {
    background: #b4b400
}

#overview-preview-modal .hrefOverlay-Bgorange .smallLinks .resTotalClicksDiv:before {
    background: #d2a00a
}

/******* Mobile App preview  *******/
div#device_frame .screen {
    width: 100%;
    position: relative;
    height: 100%;
    z-index: 3;
    background: white;
    overflow: hidden;
    display: block;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 0 3px #111;
    box-shadow: 0 0 0 3px #111
}

div#device_frame[data-deviceos="Android"] .marvel-device.note8 {
    background: black;
    border-radius: 34px;
    padding: 45px 10px
}

    div#device_frame[data-deviceos="Android"] .marvel-device.note8 .overflow {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 34px;
        overflow: hidden
    }

    div#device_frame[data-deviceos="Android"] .marvel-device.note8 .speaker {
        height: 8px;
        width: 56px;
        left: 50%;
        position: absolute;
        top: 25px;
        margin-left: -28px;
        background: #171818;
        z-index: 1;
        border-radius: 8px
    }

    div#device_frame[data-deviceos="Android"] .marvel-device.note8 .camera {
        height: 18px;
        width: 18px;
        left: 86px;
        position: absolute;
        top: 18px;
        background: #212b36;
        z-index: 1;
        border-radius: 100%
    }

        div#device_frame[data-deviceos="Android"] .marvel-device.note8 .camera:before {
            content: '';
            height: 8px;
            width: 8px;
            left: -22px;
            position: absolute;
            top: 5px;
            background: #212b36;
            z-index: 1;
            border-radius: 100%
        }

    div#device_frame[data-deviceos="Android"] .marvel-device.note8 .sensors {
        height: 10px;
        width: 10px;
        left: 120px;
        position: absolute;
        top: 22px;
        background: #1d233b;
        z-index: 1;
        border-radius: 100%
    }

        div#device_frame[data-deviceos="Android"] .marvel-device.note8 .sensors:before {
            content: '';
            height: 10px;
            width: 10px;
            left: 18px;
            position: absolute;
            top: 0;
            background: #1d233b;
            z-index: 1;
            border-radius: 100%
        }

    div#device_frame[data-deviceos="Android"] .marvel-device.note8 .more-sensors {
        height: 16px;
        width: 16px;
        left: 285px;
        position: absolute;
        top: 18px;
        background: #33244a;
        -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
        z-index: 1;
        border-radius: 100%
    }

        div#device_frame[data-deviceos="Android"] .marvel-device.note8 .more-sensors:before {
            content: '';
            height: 11px;
            width: 11px;
            left: 40px;
            position: absolute;
            top: 4px;
            background: #214a61;
            z-index: 1;
            border-radius: 100%
        }

    div#device_frame[data-deviceos="Android"] .marvel-device.note8 .sleep {
        width: 2px;
        height: 56px;
        background: black;
        position: absolute;
        top: 288px;
        right: -2px
    }

    div#device_frame[data-deviceos="Android"] .marvel-device.note8 .volume {
        width: 2px;
        height: 120px;
        background: black;
        position: absolute;
        top: 168px;
        left: -2px
    }

        div#device_frame[data-deviceos="Android"] .marvel-device.note8 .volume:before {
            content: '';
            top: 168px;
            width: 2px;
            position: absolute;
            left: 0;
            background: black;
            height: 56px
        }

    div#device_frame[data-deviceos="Android"] .marvel-device.note8 .inner {
        width: 100%;
        height: calc(100% - 8px);
        position: absolute;
        top: 2px;
        content: '';
        left: 0;
        border-radius: 34px;
        border-top: 2px solid #9fa0a2;
        border-bottom: 2px solid #9fa0a2;
        background: black;
        z-index: 1;
        -webkit-box-shadow: inset 0 0 6px 0 rgba(255,255,255,0.5);
        box-shadow: inset 0 0 6px 0 rgba(255,255,255,0.5)
    }

    div#device_frame[data-deviceos="Android"] .marvel-device.note8 .shadow {
        -webkit-box-shadow: inset 0 0 60px 0 #ffffffa8,inset 0 0 30px 0 rgba(255,255,255,0.5),0 0 20px 0 white,0 0 20px 0 rgba(255,255,255,0.5);
        box-shadow: inset 0 0 60px 0 white,inset 0 0 30px 0 rgba(255,255,255,0.5),0 0 20px 0 white,0 0 20px 0 rgba(255,255,255,0.5);
        height: 101%;
        position: absolute;
        top: -0.5%;
        content: '';
        width: calc(100% - 20px);
        left: 10px;
        border-radius: 38px;
        z-index: 5;
        pointer-events: none
    }

    div#device_frame[data-deviceos="Android"] .marvel-device.note8 .screen {
        border-radius: 14px;
        -webkit-box-shadow: none;
        box-shadow: none
    }

/** IOS**/
div#device_frame[data-deviceos="iOS"] .marvel-device {
    padding: 105px 24px;
    background: #d9dbdc;
    border-radius: 56px;
    -webkit-box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.2);
    box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.2)
}

    div#device_frame[data-deviceos="iOS"] .marvel-device:before {
        width: calc(100% - 12px);
        height: calc(100% - 12px);
        position: absolute;
        top: 6px;
        content: '';
        left: 6px;
        border-radius: 50px;
        background: #f8f8f8;
        z-index: 1
    }

    div#device_frame[data-deviceos="iOS"] .marvel-device:after {
        width: calc(100% - 16px);
        height: calc(100% - 16px);
        position: absolute;
        top: 8px;
        content: '';
        left: 8px;
        border-radius: 48px;
        -webkit-box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #fff;
        box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #fff;
        z-index: 2
    }

    div#device_frame[data-deviceos="iOS"] .marvel-device .home {
        border-radius: 100%;
        width: 68px;
        height: 68px;
        position: absolute;
        left: 50%;
        margin-left: -34px;
        bottom: 22px;
        z-index: 3;
        background: #303233;
        background: linear-gradient(135deg,#303233 0,#b5b7b9 50%,#f0f2f2 69%,#303233 100%)
    }

        div#device_frame[data-deviceos="iOS"] .marvel-device .home:before {
            background: #f8f8f8;
            position: absolute;
            content: '';
            border-radius: 100%;
            width: calc(100% - 8px);
            height: calc(100% - 8px);
            top: 4px;
            left: 4px
        }

    div#device_frame[data-deviceos="iOS"] .marvel-device .top-bar {
        height: 14px;
        background: #bfbfc0;
        position: absolute;
        top: 68px;
        left: 0
    }

    div#device_frame[data-deviceos="iOS"] .marvel-device .bottom-bar {
        height: 14px;
        background: #bfbfc0;
        position: absolute;
        bottom: 68px;
        left: 0
    }

    div#device_frame[data-deviceos="iOS"] .marvel-device .sleep {
        position: absolute;
        top: 190px;
        right: -4px;
        width: 4px;
        height: 66px;
        border-radius: 0 2px 2px 0;
        background: #d9dbdc
    }

    div#device_frame[data-deviceos="iOS"] .marvel-device .volume {
        position: absolute;
        left: -4px;
        top: 188px;
        z-index: 0;
        height: 66px;
        width: 4px;
        border-radius: 2px 0 0 2px;
        background: #d9dbdc
    }

        div#device_frame[data-deviceos="iOS"] .marvel-device .volume:before {
            position: absolute;
            left: 2px;
            top: -78px;
            height: 40px;
            width: 2px;
            border-radius: 2px 0 0 2px;
            background: inherit;
            content: '';
            display: block
        }

        div#device_frame[data-deviceos="iOS"] .marvel-device .volume:after {
            position: absolute;
            left: 0;
            top: 82px;
            height: 66px;
            width: 4px;
            border-radius: 2px 0 0 2px;
            background: inherit;
            content: '';
            display: block
        }

    div#device_frame[data-deviceos="iOS"] .marvel-device .camera {
        background: #3c3d3d;
        width: 12px;
        height: 12px;
        position: absolute;
        top: 24px;
        left: 50%;
        margin-left: -6px;
        border-radius: 100%;
        z-index: 3
    }

    div#device_frame[data-deviceos="iOS"] .marvel-device .sensor {
        background: #3c3d3d;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 49px;
        left: 134px;
        z-index: 3;
        border-radius: 100%
    }

    div#device_frame[data-deviceos="iOS"] .marvel-device .speaker {
        background: #292728;
        width: 70px;
        height: 6px;
        position: absolute;
        top: 54px;
        left: 50%;
        margin-left: -35px;
        border-radius: 6px;
        z-index: 3
    }

    div#device_frame[data-deviceos="iOS"] .marvel-device.gold {
        background: #f9e7d3
    }

        div#device_frame[data-deviceos="iOS"] .marvel-device.gold .top-bardiv#device_frame[data-deviceos="iOS"], .marvel-device.gold .bottom-bar {
            background: white
        }

        div#device_frame[data-deviceos="iOS"] .marvel-device.gold .sleep, div#device_frame[data-deviceos="iOS"] .marvel-device.gold .volume {
            background: #f9e7d3
        }

        div#device_frame[data-deviceos="iOS"] .marvel-device.gold .home {
            background: #cebba9;
            background: linear-gradient(135deg,#cebba9 0,#f9e7d3 50%,#cebba9 100%)
        }

    div#device_frame[data-deviceos="iOS"] .marvel-device.black {
        background: #464646;
        -webkit-box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.7);
        box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.7)
    }

        div#device_frame[data-deviceos="iOS"] .marvel-device.black:before {
            background: #080808
        }

        div#device_frame[data-deviceos="iOS"] .marvel-device.black:after {
            -webkit-box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #212121;
            box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #212121
        }

        div#device_frame[data-deviceos="iOS"] .marvel-device.black .top-bar, div#device_frame[data-deviceos="iOS"] .marvel-device.black .bottom-bar {
            background: #212121
        }

        div#device_frame[data-deviceos="iOS"] .marvel-device.black .volumediv#device_frame[data-deviceos="iOS"], .marvel-device.black .sleep {
            background: #464646
        }

        div#device_frame[data-deviceos="iOS"] .marvel-device.black .camera {
            background: #080808
        }

        div#device_frame[data-deviceos="iOS"] .marvel-device.black .home {
            background: #080808;
            background: linear-gradient(135deg,#080808 0,#464646 50%,#080808 100%)
        }

            div#device_frame[data-deviceos="iOS"] .marvel-device.black .home:before {
                background: #080808
            }

    div#device_frame[data-deviceos="iOS"] .marvel-device.landscape {
        padding: 24px 105px;
        height: 375px;
        width: 667px
    }

        div#device_frame[data-deviceos="iOS"] .marvel-device.landscape .sleep {
            top: 100%;
            border-radius: 0 0 2px 2px;
            right: 190px;
            height: 4px;
            width: 66px
        }

        div#device_frame[data-deviceos="iOS"] .marvel-device.landscape .volume {
            width: 66px;
            height: 4px;
            top: -4px;
            left: calc(100% - 188px - 66px);
            border-radius: 2px 2px 0 0
        }

            div#device_frame[data-deviceos="iOS"] .marvel-device.landscape .volume:before {
                width: 40px;
                height: 2px;
                top: 2px;
                right: -78px;
                left: auto;
                border-radius: 2px 2px 0 0
            }

            div#device_frame[data-deviceos="iOS"] .marvel-device.landscape .volume:after {
                left: -82px;
                width: 66px;
                height: 4px;
                top: 0;
                border-radius: 2px 2px 0 0
            }

        div#device_frame[data-deviceos="iOS"] .marvel-device.landscape .top-bar {
            width: 14px;
            height: 100%;
            left: calc(100% - 68px - 14px);
            top: 0
        }

        div#device_frame[data-deviceos="iOS"] .marvel-device.landscape .bottom-bar {
            width: 14px;
            height: 100%;
            left: 68px;
            top: 0
        }

        div#device_frame[data-deviceos="iOS"] .marvel-device.landscape .home {
            top: 50%;
            margin-top: -34px;
            margin-left: 0;
            left: 22px
        }

        div#device_frame[data-deviceos="iOS"] .marvel-device.landscape .sensor {
            top: 134px;
            left: calc(100% - 49px - 16px)
        }

        div#device_frame[data-deviceos="iOS"] .marvel-device.landscape .speaker {
            height: 70px;
            width: 6px;
            left: calc(100% - 54px - 6px);
            top: 50%;
            margin-left: 0;
            margin-top: -35px
        }

        div#device_frame[data-deviceos="iOS"] .marvel-device.landscape .camera {
            left: calc(100% - 32px);
            top: 50%;
            margin-left: 0;
            margin-top: -5px
        }

div#device_frame[data-deviceos="iOS"] {
    padding-bottom: 0
}

div#device_frame[data-devicetype="iOSiPad"] .marvel-device {
    padding: 90px 25px;
    background: #242324;
    border-radius: 44px
}

    div#device_frame[data-devicetype="iOSiPad"] .marvel-device:before {
        width: calc(100% - 8px);
        height: calc(100% - 8px);
        position: absolute;
        content: '';
        display: block;
        top: 4px;
        left: 4px;
        border-radius: 40px;
        background: #1e1e1e
    }

    div#device_frame[data-devicetype="iOSiPad"] .marvel-device .camera {
        background: #3c3d3d;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 44px;
        left: 50%;
        margin-left: -5px;
        border-radius: 100%
    }

    div#device_frame[data-devicetype="iOSiPad"] .marvel-device .top-bar, div#device_frame[data-deviceos="iOSiPad"] .marvel-device .bottom-bar {
        display: none
    }

    div#device_frame[data-devicetype="iOSiPad"] .marvel-device .home {
        background: #242324;
        border-radius: 36px;
        width: 50px;
        height: 50px;
        position: absolute;
        left: 50%;
        margin-left: -25px;
        bottom: 22px
    }

        div#device_frame[data-devicetype="iOSiPad"] .marvel-device .home:after {
            width: 15px;
            height: 15px;
            margin-top: -8px;
            margin-left: -8px;
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 4px;
            position: absolute;
            display: block;
            content: '';
            top: 50%;
            left: 50%
        }

div#device_frame[data-devicetype="iOSiPad"] .marvel-device {
    background: #bcbcbc
}

    div#device_frame[data-devicetype="iOSiPad"] .marvel-device:before {
        background: #fcfcfc
    }

    div#device_frame[data-devicetype="iOSiPad"] .marvel-device .home {
        background: #fcfcfc;
        -webkit-box-shadow: inset 0 0 0 1px #bcbcbc;
        box-shadow: inset 0 0 0 1px #bcbcbc
    }

        div#device_frame[data-devicetype="iOSiPad"] .marvel-device .home:after {
            border: 1px solid rgba(0,0,0,0.2)
        }

/******* Mobile App preview  *******/

/*Auto Comp. Dropdown Kendo 2018 fix*/
[id^=ddlOthers] li.k-item.k-state-selected, span.k-icon.k-clear-value.k-i-close, span.k-icon.k-i-loading.k-hidden {
    display: none
}

.col-sm-9.target-list-section .k-widget, .col-sm-9.target-list-section .k-multiselect-wrap {
    background: 0;
    border: 0
}

.col-sm-9.target-list-section .k-multiselect-wrap {
    border-top-color: transparent;
    border: solid 1px #d4d6de
}

.col-sm-9.target-list-section .k-widget.k-multiselect.input-medium {
    position: relative
}

.col-sm-9.target-list-section span.k-icon.k-i-arrow-60-down {
    display: none
}

.target-list-section .filter-fields {
    min-height: 0
}

.target-list-section .rowFild {
    width: auto
}

    .target-list-section .rowFild .k-multiselect, .flatFilesDropdownList .input-medium {
        width: 517px !important;
        margin-left: 15px
    }

    .target-list-section .rowFild.col-sm-12 span {
        margin-left: 0
    }

.selectizeWalterfall {
    background: rgba(185,185,185,0.15) !important;
    z-index: 9999;
    opacity: .8;
    position: relative;
    pointer-events: none
}

.selectize-input .item[title="0"], .item[title="0"] a {
    background: #e9e9eb !important;
    color: #585858 !important;
    border: #e9e9eb !important;
    color: #585858 !important
}

.seg_loaderCount, .seg_PontentialCount {
    border: 2px solid #d3d3d3;
    border-radius: 50%;
    border-top: 2px solid #1da7ee;
    width: 23px;
    height: 23px;
    -webkit-animation: spin 2s linear infinite;
    animation: spinsegLoad 2s linear infinite
}

.seg_PontentialCount {
    float: right;
    margin-left: 10px;
    margin-top: -4px;
    margin-right: 5px
}

@-webkit-keyframes spinsegLoad {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spinsegLoad {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.col-sm-9.target-list-section .filterGroup .fgliEngaged, #crbGroupContainerExclusion .filterGroup .ff-group-list li.even.fgliEngaged {
    border: 1px dashed rgba(237,215,136,0.27) !important;
    border-left: 1px dashed #edd788 !important;
    border-right: 1px dashed #e7ca60 !important;
    background: rgba(237,215,136,0.27) !important
}

.add-smart-url {
    top: 10px
}

#dashboardLeadsGenerationChart {
    height: 300px;
    margin: -25px auto 0 auto
}

[class*="pcNoLine"] .highcharts-data-labels path {
    display: none
}

.pieScatterDBContainer {
    text-align: left;
    margin-top: -10px
}

    .pieScatterDBContainer .psPercentage {
        font-size: 14px;
        text-align: center
    }

        .pieScatterDBContainer .psPercentage span {
            font-weight: 300;
            font-size: 80%
        }

.miniIcons {
    background: url('../Images/sprite_mini_icons.png') no-repeat top left;
    width: 17px;
    height: 17px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle
}

    .miniIcons.mi-facebook {
        background-position: 0 0
    }

    .miniIcons.mi-twitter {
        background-position: 0 -20px
    }

    .miniIcons.mi-googleplus {
        background-position: 0 -40px
    }

    .miniIcons.mi-qrcode {
        background-position: 0 -60px
    }

    .miniIcons.mi-email {
        background-position: 0 -80px
    }

    .miniIcons.mi-pinterest {
        background-position: 0 -100px
    }

    .miniIcons.mi-youtube {
        background-position: 0 -120px
    }

.bubbleDataLabels {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-align: center
}

    .bubbleDataLabels .bdlPercentage {
        font-size: 18px;
        font-weight: 500;
        line-height: 100%
    }

        .bubbleDataLabels .bdlPercentage > span {
            font-size: 65%;
            font-weight: 300
        }

    .bubbleDataLabels .bdlName {
        font-size: 20px;
        font-weight: 400
    }

    .bubbleDataLabels .bdlPercentage > small {
        color: #fff;
        font-family: 'mukta-regular';
    }

    .bubbleDataLabels[class*="bdl-"] .bdlPercentage {
        font-size: 24px;
        font-family: 'mukta-medium';
    }

    .bubbleDataLabels[class*="bdl-"] .bdlName {
        font-size: 13px;
    }

#industryContainer {
    height: 250px !important
}

    #industryContainer .highcharts-legend {
        margin-left: 10px
    }

    #industryContainer .highcharts-legend-item ul.item-list-chart li {
        position: relative;
        top: -5px;
        left: 0;
        margin: 0;
        padding: 0
    }

    #industryContainer .highcharts-legend-item ul.item-list-chart > li > .percent-infoBox {
        left: 0
    }

    #industryContainer .progressbar-agerange .percent, #industryContainer .percent-infoBox {
        min-width: 30px;
        padding: 0 8px 0 5px;
        line-height: 25px
    }

    #industryContainer .highcharts-point {
        width: 8px !important;
        height: 8px !important;
        margin-top: -3px;
        margin-right: -3px;
        x: -3px
    }

#ScreenTrack .input-error {
    margin-left: 15px
}

#ScreenTrackWeb .input-error {
    margin-left: 15px
}

.ScreenTrackAddEvent .input-error {
    margin-left: 15px
}

.main-wrapper > div {
    background-color: #000080
}

/* Campaign listing page ui changes*/
[class~='k-detail-row']:last-of-type .k-widget tr .preview-popup-cont {
    top: auto;
    bottom: -15px
}

[class~='k-detail-row']:last-of-type .k-widget tr .preview-left:after, [class~='k-detail-row']:last-of-type .k-widget tr .preview-left:before {
    top: auto;
    bottom: 16px
}

[class~='k-detail-row']:last-of-type .k-widget tr .preview-left:after {
    bottom: 16px
}

.st-grid-transparent .k-master-row > td > div {
    padding: 8px 10px;
    line-height: 1.42857143
}

.st-grid-transparent .k-master-row .k-hierarchy-cell {
    margin-top: 54px
}

.st-grid-transparent td .campaign-status i {
    position: relative;
    top: 4px
}

.k-grid.k-widget .k-grid.k-widget {
    margin-top: 10px
}

.st-grid-transparent .k-master-row > td > div.csrGoldIconHolder {
    top: 3px
}

.campaignlist-grid.st-grid-transparent tr.green td:nth-child(3) {
    max-width: initial
}

/* Mobile field tracking */
#accordionContent .panel-default {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 5px;
    padding: 3px
}

#accordionContent .panel-heading {
    padding: 10px 15px;
    margin-bottom: 10px;
}

    #accordionContent .panel-heading .panel-title {
        line-height: 12px
    }

#accordionContent .panel-body {
    border: 0;
    padding: 5px 0 0;
    overflow: hidden
}

#accordionContent .fragment {
    min-height: 80px
}

    #accordionContent .fragment p {
        padding: 5px 10px;
        margin: 0
    }

#eventsHeaderApp #accordionContent h4 a span {
    position: relative;
    top: -1px;
    left: 3px
}

span#lblmarkAsGoal {
    font-size: 15px;
}

h4.txtAlignment span {
    position: relative;
    top: -2px;
    left: 5px
}

.ScreenTrackAddEvent span.k-dropdown {
    width: 100%
}

#preview-appEventtrack.modal {
    overflow: hidden
}

    #preview-appEventtrack.modal .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0
    }

    #preview-appEventtrack.modal .modal-content {
        padding: 0;
        border: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0
    }

        #preview-appEventtrack.modal .modal-content .modal-body, #preview-appEventtrack.modal .modal-content .modal-footer {
            padding: 0
        }

.appEventTrackLeftPanel {
    float: left;
    width: calc(100% - 390px);
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden
}

    .appEventTrackLeftPanel .appEventCntBlk {
        display: table;
        width: 100%;
        height: 100%
    }

        .appEventTrackLeftPanel .appEventCntBlk .appEventScrollArea {
            display: table-cell;
            vertical-align: middle
        }

.appEventTrackRightPanel {
    float: right;
    width: 390px;
    padding: 0 15px;
    height: 100vh;
    overflow-y: auto;
    padding-bottom: 40px
}

#ScreenTrack .popover-panel {
    padding: 10px 0 !important;
    margin: 0
}

#ScreenTrack .form-group {
    margin-bottom: 10px
}

#accordionContent {
    position: relative;
    width: 100%
}

    #accordionContent .panel-collapse {
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden
    }

div#pnlContentApplicationFormFragment {
    padding-bottom: 55px;
}

#accordionContent h4 .collapsed i.icon-square-minus-mini.grey {
    color: var(--primary-color) !important
}

#accordionContent h4 .collapsed i.icon-square-minus-mini:before {
    content: "\e954"
}

.appEventTrackRightPanel .btn-holder {
    position: absolute;
    width: 360px;
    bottom: 0;
    padding: 10px 18px;
    background: #f6f7f8
}

.webEventTrackRightPanel .btn-holder {
    position: relative;
    width: 360px;
    bottom: 10px
}

/*Web field track*/
#WebaccordionContent .panel-default {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 5px;
    padding: 3px
}

#WebaccordionContent .panel-heading {
    padding: 6px
}

    #WebaccordionContent .panel-heading .panel-title {
        line-height: 12px
    }

#WebaccordionContent .panel-body {
    border: 0;
    padding: 5px 0 0;
    overflow: hidden
}

#WebaccordionContent .fragment {
    min-height: 80px
}

    #WebaccordionContent .fragment p {
        padding: 5px 10px;
        margin: 0
    }

#WebaccordionContent {
    position: relative;
    width: 360px !important
}

    #WebaccordionContent .panel-collapse {
        height: 160px;
        overflow-y: auto;
        overflow-x: hidden
    }

.webEventTrackLeftPanel {
    float: left;
    width: calc(100% - 390px);
    height: 100vh
}

#preview-Eventtrack.modal .modal-dialog {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0
}

#preview-Eventtrack.modal .modal-content {
    padding: 0;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

    #preview-Eventtrack.modal .modal-content .modal-body, #preview-Eventtrack.modal .modal-content .modal-footer {
        padding: 0
    }

#ScreenTrackWeb .popover-panel {
    padding: 10px 0 !important;
    margin: 0
}

#ScreenTrackWeb .form-group {
    margin-bottom: 10px
}

.webEventTrackPreview.css-scrollbar {
    overflow-y: auto;
    overflow-x: auto;
    height: 100vh !important
}

.webEventTrackLeftPanel .nav-tabs {
    border: 0
}

    .webEventTrackLeftPanel .nav-tabs > li {
        border: 0;
        background: url(themes/base/images/header-nav-splitter.png) no-repeat 0 6px
    }

        .webEventTrackLeftPanel .nav-tabs > li:first-child {
            background: 0
        }

        .webEventTrackLeftPanel .nav-tabs > li > a {
            background: transparent;
            border: 0;
            color: #fff
        }

            .webEventTrackLeftPanel .nav-tabs > li.active > a, .webEventTrackLeftPanel .nav-tabs > li > a:hover, .webEventTrackLeftPanel .nav-tabs > li > a:focus {
                background: transparent;
                color: #fff;
                text-decoration: underline;
                border: 0
            }

.mCluod-logo {
    width: 125px;
    height: 42px;
    margin-left: 15px
}

/* Common center header menu */
.dropdown.dropdown-center .dropdown-menu {
    margin-top: 16px;
    left: 0 !important;
    margin-left: -0px !important;
    min-width: 230px;
    overflow: inherit;
    border-color: #cecece;
    box-shadow: 2px 2px 0 1px rgba(187,187,186,0.3) !important;
    -webkit-box-shadow: 2px 2px 0 1px rgba(187,187,186,0.3) !important;
    -moz-box-shadow: 2px 2px 0 1px rgba(187,187,186,0.3) !important
}

.dropdown.dropdown-center > .dropdown-menu > li > a {
    transition: inherit;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    font-size: 15px
}

.navbar-header .dropdown-menu > li > a > i {
    position: relative;
    top: 5px
}

.dropdown.dropdown-center .dropdown-menu:before {
    right: auto;
    left: 15px;
    margin-left: -6px;
    border-width: 0 12px 12px;
    top: -13px;
    border-color: #cecece transparent
}

.dropdown.dropdown-center .dropdown-menu:after {
    right: auto;
    left: 15px;
    margin-left: -6px;
    border-width: 0 12px 12px;
    top: -12px
}

/* Common Footer style */
section {
    min-height: calc(100% - 57px);
    display: inline-block;
    width: 100%
}

footer {
    line-height: 0
}

footer, section:after {
    height: auto
}

    footer .wrapper {
        padding-top: 20px;
        position: relative
    }

.footer-borders-container {
    position: relative;
    height: 7px;
    width: 100%;
    overflow: hidden;
    margin-top: 10px
}

.footer-color-bg {
    float: left;
    height: 7px;
    width: 20%;
    margin: 0;
    padding: 0
}

.powered {
    position: absolute;
    margin: 0;
    padding: 0;
    right: 40px;
    margin-top: -15px
}

    .powered i.footerIcon1 {
        position: absolute;
        color: #ffb900;
        right: -6px;
        top: 3px
    }

    .powered i.footerIcon2 {
        position: absolute;
        color: #4d86c1;
        left: 18px;
        top: -6px;
        background: url(https://www.resulticks.com/assets/platform/logos/r-cloud-footer.svg) no-repeat;
        width: 36px;
        height: 36px
    }

        .powered i.footerIcon2:before {
            display: none
        }

body.container-fullwidth .breadcrumbs .container {
    width: 1152px;
    max-width: inherit
}

body.container-fullwidth #wrapper {
    width: 1152px
}

    body.container-fullwidth #wrapper #campaignListGrid .k-alt {
        background-color: #fff
    }

header .dropdown.dropdown-center > .dropdown-menu > li > a:focus i {
    color: #fff !important
}

#divSubjectPersonalize ul > li > a {
    color: var(--primary-color) !important
}

    #divSubjectPersonalize ul > li > a:hover {
        color: #fff !important
    }

.navbar-header > ul > li > div > a {
    border-color: #396fc3
}

.navbar-header > ul > li.active > div > a {
    background-color: #fe662b;
    border-color: #f7440d
}

.verticalMiddleText {
    display: table-cell;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    flex-direction: row
}

.dropdown.dropdown-center > .dropdown-menu > li > a:focus i {
    color: #fff !important
}

.warn-DataProcess {
    overflow: hidden
}

    .warn-DataProcess .fade-blk {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 1002;
        background-color: rgba(0,0,0,0.3)
    }

        .warn-DataProcess .fade-blk .cnTBlock {
            position: absolute;
            top: 50%;
            margin-top: -75px;
            width: 100%;
            text-align: center;
            background: rgba(57,111,195,0.78);
            box-shadow: 0 3px 4px rgba(0,0,0,.5);
            -webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
            -moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
            display: table;
            height: 120px
        }

            .warn-DataProcess .fade-blk .cnTBlock h4 {
                font-size: 35px;
                color: #fff;
                margin-top: 34px;
                text-shadow: 1px 2px 6px rgba(0,0,0,1);
                -webkit-text-shadow: 1px 2px 6px rgba(0,0,0,1);
                -moz-text-shadow: 1px 2px 6px rgba(0,0,0,1);
                vertical-align: middle;
                position: relative
            }

.dropdown.dropdown-center > .dropdown-menu > li > a:focus i {
    color: #fff !important
}

.campaigngallery_flex ul.slides li a.galleryInfo {
    margin-right: 5px;
    bottom: 3px;
    text-decoration: none !important
}

.cggp-popup {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: #fdfdfd;
    display: none
}

    .cggp-popup .pfCampContainer {
        margin: 10px;
        font-size: 13px;
        border-bottom: 1px solid #e1e1e1
    }

    .cggp-popup .close-cggp-pop {
        position: absolute;
        top: 0;
        right: 5px
    }

    .cggp-popup .pfCampContainer .pfCampLabel {
        font-size: 14px;
        color: #585858;
        font-weight: 400;
        padding-bottom: 5px
    }

    .cggp-popup .pfCampContainer .pfCampValue {
        font-size: 12px;
        color: #585858;
        font-weight: 400
    }

    .cggp-popup .pfCampContainer2 {
        padding: 10px
    }

        .cggp-popup .pfCampContainer2 .pfcc-row {
            margin-bottom: 8px;
            font-size: 13px
        }

            .cggp-popup .pfCampContainer2 .pfcc-row .pfTotal, .cggp-popup .pfCampContainer2 .pfcc-row .pfReach, .cggp-popup .pfCampContainer2 .pfcc-row .pfEngagment, .cggp-popup .pfCampContainer2 .pfcc-row .pfConverstion {
                display: inline-block
            }

        .cggp-popup .pfCampContainer2 .pfCampLabel {
            font-size: 14px;
            color: #585858;
            font-weight: 400;
            display: inline-block;
            padding-bottom: 5px
        }

        .cggp-popup .pfCampContainer2 .pfCampValue {
            font-size: 12px;
            color: #585858;
            font-weight: 400;
            display: inline-block
        }

#campaignListGrid #listView .galleryArrow .widget-gallery .nav-right ul > li .dropdown > a {
    position: relative;
    right: -7px
}

#campaignListGrid #listView .galleryArrow .widget-gallery h5 small {
    position: absolute;
    display: block;
    margin-top: 3px
}

.dropdown.dropdown-center > .dropdown-menu > li > a:focus i {
    color: #fff !important
}

.timeline-body span.details span {
    word-break: break-all;
    display: block
}

.timeline > li.timeline-inverted > .timeline-panel .timeline-body .name i {
    right: 0;
    position: absolute
}

.timer-chart-container {
    position: relative;
    width: 250px;
    height: 250px;
    margin: auto
}

    .timer-chart-container .chart-bg {
        position: absolute;
        top: 27px;
        left: 28px;
        width: 205px;
        height: 205px
    }

.webEventTrackPreview #eventTrackImage .email-AEFlag {
    border: 2px dashed #ff7500 !important
}

.webEventTrackPreview #eventTrackImage .email-EDMFlag, .webEventTrackPreview #eventTrackImage .EDMFlag {
    border: 2px dashed #0f0 !important;
    outline: 0 solid #0f0 !important;
    display: inline-block;
    padding: 5px
}

#WebaccordionContent .pnlEvent {
    padding-top: 10px
}

    #WebaccordionContent .pnlEvent:first-child {
        padding-bottom: 0;
        border-top: 0 solid #ccc;
        padding-top: 0
    }

#ScreenTrackWeb .popover-panel {
    padding: 20px 0 10px 0;
    background: #fff
}

#accordion .divClose {
    float: right;
    display: inline-block;
    color: var(--primary-color);
    font-size: 20px;
    cursor: pointer;
    margin-top: 0;
    margin-right: -10px;
    position: absolute;
    right: -20px
}

#accordion .divEdit {
    float: right;
    display: inline-block;
    color: var(--primary-color);
    font-size: 20px;
    cursor: pointer;
    margin-top: 27px;
    margin-right: -30px
}

#accordion .divMarkAsGoal {
    float: right;
    display: inline-block;
    padding: 0 5px 0;
    color: var(--primary-color);
    font-size: 20px;
    cursor: pointer;
    margin-top: 56px;
    margin-right: -35px
}

#accordion .fragment {
    min-height: 85px;
    border: 1px solid #ccc;
    color: #555;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    padding-bottom: 3px;
    margin-bottom: 15px;
    position: relative;
    margin-left: 15px
}

#accordion .pnlEvent.fragment {
    position: relative
}

#accordion .pnlEvent {
    width: 90%
}

    #accordion .pnlEvent p:nth-child(4) {
        background: #f4f7fb
    }

    #accordion .pnlEvent p:nth-child(6) {
        background: #f4f7fb
    }

.appEventTrackLeftPanel #device_frame {
    overflow: hidden;
    position: relative;
    zoom: .7;
    margin: 0 auto 30px;
    padding-bottom: 20px
}

.appEventTrackRightPanel #ScreenTrack {
    position: relative;
    width: auto
}

.appEventTrackRightPanel #accordionContent {
    box-shadow: none;
    border: 0
}

.appEventTrackRightPanel .popover-panel {
    padding: 30px 0 10px 0;
    background: #fff
}

.appEventTrackRightPanel #ScreenTrack .popover-panel {
    padding: 20px 0 10px 0;
    background: #fff
}

.appEventTrackRightPanel .fragment {
    min-height: 85px;
    border: 1px solid #ccc;
    color: #555;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    padding-bottom: 3px;
    margin-bottom: 3px;
    position: relative;
    margin-left: 5px
}

.appEventTrackLeftPanel .hoverClass {
    outline: 3px dashed #ff4500
}

.appEventTrackLeftPanel .hoverClass-Clicked {
    outline: 3px dashed #ff4500
}

.appEventTrackLeftPanel .hoverClass-Selected {
    outline: 3px dashed #0f0
}

.appEventTrackLeftPanel .selectedClass {
    outline: 10px solid #000
}

.appEventTrackCenterPanel .hoverClass {
    outline: 3px dashed #ff4500
}

.appEventTrackCenterPanel .hoverClass-Clicked {
    outline: 3px dashed #ff4500
}

.appEventTrackCenterPanel .hoverClass-Selected {
    outline: 3px dashed #0f0
}

.appEventTrackCenterPanel .selectedClass {
    outline: 10px solid #000
}

/*Template Listing Overlay Styles*/
#divTemplateset .campCreationblankTemplateContainer, #divWebTemplateset .campCreationblankTemplateContainer, #divMobileTemplateset .campCreationblankTemplateContainer {
    position: relative
}

    #divTemplateset .campCreationblankTemplateContainer .overlay, #divWebTemplateset .campCreationblankTemplateContainer .overlay, #divMobileTemplateset .campCreationblankTemplateContainer .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0);
        transition: background .5s ease
    }

    #divTemplateset .campCreationblankTemplateContainer:hover .overlay, #divWebTemplateset .campCreationblankTemplateContainer:hover .overlay, #divMobileTemplateset .campCreationblankTemplateContainer:hover .overlay {
        display: block;
        background: rgba(6,6,6,0.4)
    }

    #divTemplateset .campCreationblankTemplateContainer img, #divWebTemplateset .campCreationblankTemplateContainer img, #divMobileTemplateset .campCreationblankTemplateContainer img {
        position: absolute;
        width: 180px;
        height: auto;
        left: 9px
    }

    #divTemplateset .campCreationblankTemplateContainer .title, #divWebTemplateset .campCreationblankTemplateContainer .title, #divMobileTemplateset .campCreationblankTemplateContainer .title {
        position: relative;
        width: 180px;
        left: 0;
        top: 100px;
        font-weight: 700;
        font-size: 18px;
        text-align: center;
        color: white;
        z-index: 1;
        word-break: break-word;
        transition: top .5s ease;
        opacity: 0;
        font-weight: normal
    }

    #divTemplateset .campCreationblankTemplateContainer:hover .title, #divWebTemplateset .campCreationblankTemplateContainer:hover .title, #divMobileTemplateset .campCreationblankTemplateContainer:hover .title {
        top: 50px;
        opacity: 1
    }

    #divTemplateset .campCreationblankTemplateContainer .button, #divWebTemplateset .campCreationblankTemplateContainer .button, #divMobileTemplateset .campCreationblankTemplateContainer .button {
        position: absolute;
        width: auto;
        left: 45px;
        top: 190px;
        text-align: center;
        opacity: 0;
        transition: opacity .35s ease;
        padding: 8px;
        text-align: center;
        color: white;
        border: solid 1px #ccc;
        z-index: 1;
        background: rgba(107,107,107,0.5);
        transition: top .3s ease;
        border-radius: 3px
    }

    #divTemplateset .campCreationblankTemplateContainer:hover .button, #divWebTemplateset .campCreationblankTemplateContainer:hover .button, #divMobileTemplateset .campCreationblankTemplateContainer:hover .button {
        opacity: 1;
        top: 180px
    }

        #divTemplateset .campCreationblankTemplateContainer:hover .button:hover, #divWebTemplateset .campCreationblankTemplateContainer:hover .button:hover, #divMobileTemplateset .campCreationblankTemplateContainer:hover .button:hover {
            background: #005534;
            cursor: pointer
        }

.no-opacity {
    opacity: 1
}

.system-integration-maven {
    color: #4078f2 !important
}

header .main-wrapper .brand-logo {
    display: table;
    pointer-events: none;
    background: transparent
}

.modal-body {
    word-break: break-word
}

.copyright a {
    color: #b8b8b8 !important
}

form#UserAssign .multiSelect ul {
    height: 350px !important
}

    form#UserAssign .multiSelect ul.middleSelectArrows.text-center {
        height: 200px !important
    }

/* CraeteAudienceBunch.html - LeftSide Sticky Block */
.filterSec .leftAttributeListClass .box-title {
    float: left;
    width: 100%;
    padding: 10px 5px;
    margin-bottom: 2px !important;
    cursor: pointer;
    margin-top: 10px;
}

    .filterSec .leftAttributeListClass .box-title span i {
        margin: 0 6px 0 3px;
        transition: .3s transform ease-in-out
    }

        .filterSec .leftAttributeListClass .box-title span i.grey-medium {
            color: #9a9a9d !important
        }

.transition {
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s
}

.sticky {
    position: fixed;
    top: 122px;
    width: 320px;
    height: calc(100vh - 219px);
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s
}

    .sticky .scroll_list_segment.scroll_list_attribues {
        max-height: 100%
    }

    .sticky.stickyScroll {
        top: 74px;
        height: calc(100vh - 141px)
    }

    .sticky.stickyBtnOnClick {
        position: relative;
        top: 0;
        height: 100%
    }

    .sticky .filterSec li > .filters-container > a.active, .sticky .filterSec li > .filters-container > a:hover.active, .sticky .filterSec1 li > .filters-container1 > a.active, .sticky .filterSec1 li > .filters-container1 > a:hover.active {
        background-color: #b8b8b8;
        color: #fff
    }

.collapsing {
    transition: height .6s
}

.collapse {
    position: relative;
    -webkit-transition: height .100s ease;
    -moz-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease
}

.sticky.stickyScroll .slimScrollDiv {
    height: 95% !important
}

.custSpilter:after {
    content: '';
    width: 96%;
    height: 1px;
    border-top: 1px dashed #ccc;
    position: absolute;
    left: 2%
}

.galleryPreview:before {
    content: '';
    background: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    opacity: 0;
    z-index: 1
}

#overview-preview-modal .galleryPreview .editable .tab-content > .tab-pane {
    display: block
}

/** Deskpro widget height */
iframe[name="dp_loader"] {
    border: 0 !important
}

#dp_widget_container {
    margin-top: -1px !important
}

.dashboard-days-menu > li.visible {
    border-left: 0 solid #d4d6de
}

div#eximport .list-inline li:before {
    border-left: 0
}

.content.campaign #campaignListGrid .k-loading-mask,
.content.reports #campaignListGrid .k-loading-mask {
    background: rgba(255,255,255,0.7);
    z-index: 15;
    position: fixed
}

form#UploadCampaignFileform a.pull-left.oh-align {
    margin-left: 20px
}

#userReportContainer .list-user-visits #listViewWeb_pager {
    padding: 0;
    position: relative;
    top: -30px
}

#userReportContainer > .nav-right h3 {
    margin-bottom: 11px !important;
}

.timeline .dropdown.default-dropdown {
    min-width: 100px;
    text-align: left;
    left: -1px;
    padding: 5px 20px 5px 8px !important
}

    .timeline .dropdown.default-dropdown.open > .dropdown-menu {
        min-width: 100px;
        margin: 0;
        text-align: left;
        left: -1px
    }

    .timeline .dropdown.default-dropdown .dropdown-toggle .icon-dropdown-small {
        position: absolute;
        right: 2px;
        top: 7px
    }

    .timeline .dropdown.default-dropdown.open > .dropdown-menu > li > a {
        text-align: left;
        padding: 5px 7px !important
    }

#timeLineContainer .timeline .timeline-panel .timeline-body .activity li img {
    margin-bottom: 20px;
    display: block;
    margin: auto
}

#timeLineContainer #user-timeline {
    margin-bottom: 20px;
}

.rp-timeline-blast-container .popover {
    background: #fff;
    color: #585858;
    border: 1px solid #d4d6de;
    margin-left: -110px
}

    .rp-timeline-blast-container .popover .popover-content a {
        color: #585858 !important;
        display: block
    }

    .rp-timeline-blast-container .popover .arrow {
        border-top-color: #d4d6de;
        border-bottom-color: #d4d6de;
        display: none !important
    }

        .rp-timeline-blast-container .popover .arrow:after {
            border-top-color: #d4d6de
        }

.dynTriggerRefreshIcon {
    position: absolute;
    right: -10px
}

#crbGroupContainerExclusion .filter-fields li:first-child .mergedBlk {
    display: none
}

#crbGroupContainerExclusion .mergedBlk {
    position: absolute;
    z-index: 999;
    left: 50%;
    margin-left: 20px;
    background: #f6f7f8;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    top: -7%
}

#crbGroupContainerExclusion li.bgMerged, #crbGroupContainerExclusion .filterGroup .ff-group-list li.even.bgMerged {
    background-color: #f6f7f8 !important;
    border-top: 1px dashed #b8b8b8 !important
}

.edmTagsError {
    margin: 20px auto;
    width: 60%;
    border: 1px solid #ccc;
    padding: 20px;
    line-height: 30px
}

#emailContentViewPanel .edmTagsError {
    margin: 20px auto;
    width: 100%;
    border: 1px solid #ccc;
    padding: 20px;
    line-height: 30px
}

.manageClient .tab-pane .userDetail #userGrid .k-grid-content {
    overflow-y: auto
}

.tagsField.required {
    background: bottom left linear-gradient(#fe5758,#fe5758) no-repeat,bottom center linear-gradient(#d4d6de,#d4d6de) repeat-x,bottom right linear-gradient(#d4d6de,#d4d6de) no-repeat;
    background: bottom left -webkit-linear-gradient(#fe5758,#fe5758) no-repeat,bottom center -webkit-linear-gradient(#d4d6de,#d4d6de) repeat-x,bottom right -webkit-linear-gradient(#d4d6de,#d4d6de) no-repeat;
    border-left-color: #fe5758 \9 !important;
    background-size: 1px 15px,1px 1px,1px 15px;
    -webkit-background-size: 1px 15px,1px 1px,1px 15px;
    -ms-background-size: 1px 15px,1px 1px,1px 15px
}

.numeric-list {
    width: 28px;
    float: left;
    padding-left: 15px
}

#crbGroupContainerExclusion li.filterlicommon.bgMerged, #crbGroupContainerExclusion .filterGroup .ff-group-list li.filterlicommon.even.bgMerged {
    background-color: #f6f7f8 !important;
    border-top: 1px dashed #b8b8b8 !important
}

.campaign-performance-chart #ulGaugePlaceHolder .popover {
    white-space: normal
}

    .campaign-performance-chart #ulGaugePlaceHolder .popover .popover-content {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto
    }

#content-preview .modal-body {
    max-height: calc(100vh - 250px)
}

#content-preview.communicationPreviewCnt .modal-body {
    max-height: none
}

#content-preview.communicationPreviewCnt p, #content-preview.communicationPreviewCnt .temp-txtEditor p {
    font-size: inherit
}

.k-list-container.k-popup .k-list .k-item.k-state-selected {
    color: #fff;
    background-color: var(--primary-color)
}

.highcharts-label.highcharts-tooltip {
    z-index: 9999
}

.add-app-detail .tooltip .tooltip-inner, .add-app-detailB .tooltip .tooltip-inner {
    white-space: nowrap
}

.k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-selected {
    background: #f0f8ff !important;
    color: #585858 !important
}

.rp-split-slider-wrapper #emailDrag, .rp-split-slider-wrapper #smsDrag, .rp-split-slider-wrapper #MobilePushDrag {
    margin: 10px 0
}

.rp-split-slider-wrapper .dragSlider .dragCont {
    height: auto
}

.rp-split-slider-wrapper #emailDrag .rssc-block, .rp-split-slider-wrapper #smsDrag .rssc-block, .rp-split-slider-wrapper #MobilePushDrag .rssc-block {
    background-color: #f7f7f7;
    margin: 5px;
    height: 40px
}

#WebPushDrag .rssc-block {
    background-color: #f7f7f7;
    margin: 5px;
    height: 40px
}

.rp-split-slider-wrapper .dragSlider .dragCont .inSide {
    left: 5px !important;
    height: 40px
}

.rp-split-slider-wrapper .dragSlider .dragCont .outSide {
    overflow: visible;
    background-color: transparent;
    padding: 0;
    height: 40px
}

    .rp-split-slider-wrapper .dragSlider .dragCont .outSide .rp-sb-outbox {
        position: absolute;
        top: -30px;
        right: 0;
        text-align: right
    }

        .rp-split-slider-wrapper .dragSlider .dragCont .outSide .rp-sb-outbox .green {
            color: #6e6e6e !important
        }

.rp-split-slider-wrapper .my-handle.rp-split-slider-container {
    margin-left: -6px !important;
    top: 39px !important
}

    .rp-split-slider-wrapper .my-handle.rp-split-slider-container:before {
        width: 2px;
        height: 52px;
        left: 10px;
        top: -34px;
        background-color: #0e8aff
    }

.rp-split-slider-wrapper .dragSlider .dragCont .inSide .split-left {
    height: 40px;
    padding: 0;
    margin: 0
}

    .rp-split-slider-wrapper .dragSlider .dragCont .inSide .split-left .listname {
        position: relative;
        top: 10px;
        margin-bottom: 0
    }

    .rp-split-slider-wrapper .dragSlider .dragCont .inSide .split-left h5 {
        position: absolute;
        top: 50px;
        color: #6e6e6e
    }

.rp-split-slider-wrapper .split-ab-mechanics, .rp-split-slider-wrapper .split-ab-mechanics-sms {
    padding-top: 0
}

.rp-split-slider-wrapper .group-val-percentage {
    display: inline-block;
    margin-left: 3px;
    color: #b8b8b8
}

.rp-split-slider-wrapper .group-val-percentage-all {
    display: inline-block;
    margin-left: 2px
}

.rp-split-slider-wrapper .rsswg-container {
    display: inline-block;
    margin-right: 25px;
    min-width: 80px
}

    .rp-split-slider-wrapper .rsswg-container.hide {
        display: none
    }

    .rp-split-slider-wrapper .rsswg-container .gav-label {
        background: #e6e6e6;
        display: inline-block;
        margin-right: 5px;
        color: #fff;
        height: 20px;
        line-height: 20px;
        width: 20px;
        text-align: center;
        border-radius: 100%;
        text-transform: uppercase
    }

        #DivsplitA, #DivSMSsplitA, .rp-split-slider-wrapper .rsswg-container .gav-label.gavl-a {
            background: #33b5e6
        }

        #DivsplitB, #DivSMSsplitB, .rp-split-slider-wrapper .rsswg-container .gav-label.gavl-b {
            background: #fe5757
        }

        #DivsplitC, #DivSMSsplitC, .rp-split-slider-wrapper .rsswg-container .gav-label.gavl-c {
            background: #99cc03
        }

        #DivsplitD, #DivSMSsplitD, .rp-split-slider-wrapper .rsswg-container .gav-label.gavl-d {
            background: #dfb82b
        }

#sms-template .modal-body .scroll-pane {
    height: 250px
}

.rp-split-slider-wrapper .split-group-text-container {
    margin-top: 25px
}

.split-ab-mechanics.sam-popover, .split-ab-mechanics-sms.sam-popover {
    border: 0;
    padding-top: 0;
    margin-top: -16px
}

    .split-ab-mechanics.sam-popover .split-buttons-container, .split-ab-mechanics-sms.sam-popover .split-buttons-container {
        background-color: #fff;
        width: 100%;
        padding: 15px 0 5px 0;
        margin-top: 10px;
        border-top: 1px solid #ebebeb
    }

.progress-steps li.active:before, .progress-steps li.complete:before {
    border-color: #99cc03
}

div[data-isshow="true"] {
    z-index: 2
}

#smsscheduleModal .scheduleTypeAutoSMS span.input-error {
    left: -16px;
}

#smsscheduleModal .scheduleTypeAutoSMS .schAlign span.input-error {
    left: -7px;
}

.schAlign span.input-error {
    white-space: nowrap
}

#divEmailSplitAbcd, .form-group.z-index-adjust {
    z-index: 999
}

.template-editor-campaign-partial-body .tabs-top.nav-tabs > .active > a:after {
    z-index: 1
}

body.template-editor-campaign-partial-body .k-popup.k-list-container {
    width: 100%;
}

.upload-files-container li span.k-icon.k-i-CSV {
    display: none
}

.k-pager-input .k-textbox {
    margin-top: -4px
}

small, .small, .smaller, .grey {
    color: #888
}

#DivEmailSubject {
    margin-top: 0
}

.select-type > li.email-selecttype {
    width: 140px
}

#EmailCampaignForm .dropdown > a > i {
    padding: 0
}

.upload-files-container li span.k-icon.k-i-CSV {
    display: none
}

#overview-preview-modal-OverView .edmSLink {
    border: 0
}

.rp-timeline-blast-container {
    position: relative
}

.rptbc-icon {
    float: right !important;
    display: block;
    text-align: right
}

    .rptbc-icon .timeline-hide-preview {
        position: relative;
        top: -3px
    }

div#emailContentViewPanel .widget-preview {
    font-size: 14px
}

#divSubjectPersonalize ul > li > a {
    color: #585858 !important
}

.width600 {
    width: 610px;
    position: relative;
    margin: auto
}

body.template-editor-campaign-partial-body .widget-preview iframe {
    max-width: 900px;
    width: 600px;
    margin: 50px 0 0 0;
    min-height: 500px;
    max-height: 600px;
    border: 0 !important
}

/******* Campaign Module UI fixes **********/
img#imgPNImage, img#imgPNImageA, img#imgPNImageB, img#imgPNImageC, img#imgPNImageD {
    max-height: 200px
}

.pointerEvents-none {
    pointer-events: none
}

div.required:after {
    z-index: 10
}

div#campaign-list .list-divider > li:before {
    border-left: 0
}

.k-pager-wrap .k-widget {
    margin: 0 0 0 .4em
}

.k-pager-sizes {
    top: 1px;
    width: 154px;
}

.campaign-type > li > a {
    width: 130px
}

.campaign-checklist > li.first {
    width: 75px
}

#divEmailSplitAbcd, .form-group.z-index-adjust, #divMobilePushSplitAB {
    padding-top: 30px
}

.error-pageConnect {
    overflow: hidden
}

    .error-pageConnect .fade-blk {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 1002;
        background-color: rgba(0,0,0,0.3)
    }

        .error-pageConnect .fade-blk .cnTBlock {
            position: absolute;
            top: 50%;
            margin-top: -75px;
            width: 100%;
            text-align: center;
            background: rgba(0,0,0,.7);
            box-shadow: 0 3px 4px rgba(0,0,0,.5);
            -webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
            -moz-box-shadow: 0 3px 4px rgba(0,0,0,.5)
        }

            .error-pageConnect .fade-blk .cnTBlock img {
                display: inline-block
            }

            .error-pageConnect .fade-blk .cnTBlock h3 {
                display: inline-block;
                font-size: 26px;
                color: #fff;
                margin-bottom: 20px;
                text-shadow: 1px 2px 6px rgba(0,0,0,1);
                -webkit-text-shadow: 1px 2px 6px rgba(0,0,0,1);
                -moz-text-shadow: 1px 2px 6px rgba(0,0,0,1)
            }

.feedback-section .form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: left
}

.feedback-section {
    margin: 0 auto;
    width: 50%
}

.submitticket.btn {
    background: #a2a4ac none repeat scroll 0 0;
    border-color: #bec0c5 #717378 #717378 !important;
    border-radius: 0 0 10px 10px !important;
    bottom: 150px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    left: -6px;
    position: absolute;
    transform: rotate(270deg);
    transform-origin: left top 0;
    width: 150px;
    height: 36px;
    top: 75% !important;
    overflow: hidden;
    border: medium none;
    margin: 0;
    padding: 0
}

.xbox {
    left: 50px;
    position: initial;
    top: -25px
}

.slide-toggle {
    position: absolute;
    top: 50%
}

.ccNameIconContainer .addIcon {
    left: -50px;
    top: -2px
}

.ccNameIconContainer .deleteIcon {
    left: -28px
}

div.emoji-wysiwyg-editor.form-control.data-emojiable.required.dropdown-selected {
    height: 34px !important; /*padding-left:6px*/
}

div.emoji-wysiwyg-editor[contenteditable=true]:empty:before {
    content: attr(placeholder) !important;
}

div.emoji-wysiwyg-editor.form-control.required:after {
    left: 0 !important
}

i.emoji-picker-icon.emoji-picker.icon-smiley2-small.blue.icon-sm {
    left: 24px;
    right: auto;
    top: 41px
}

.template-editor-campaign-partial-body i.emoji-picker-icon.emoji-picker.icon-smiley2-small.blue.icon-sm {
    left: 35px;
    right: auto;
    top: 45px
}
/*#mcc.template-editor-campaign-partial-body i.emoji-picker-icon.emoji-picker.icon-smiley2-small.blue.icon-sm{top:48px}*/
/*#mcc  .campaignCreation_email .SingleSDC_Campaign div#EmailSchedulePanel .clear.no-margin .col-sm-6.col-xs-12.margin-L30 { margin-left: 0 !important;  padding-left: 7px; padding-right: 7px;}*/
.emoji-menu {
    right: 0
}

.emoji-wysiwyg-editor.form-control.data-emojiable.required.dropdown-selected::before {
    position: relative;
    content: ""
}

.ccNameIconContainer .percentSymbol {
    left: -56px
}

#efTemplateDropdown2 {
    position: relative;
    top: -6px
}

.addEmailFooter-btn {
    position: relative;
    top: -6px;
    right: 0
}

.select-type > li.hide {
    display: none
}

.richtext.email-detail, .emailFooterContent {
    position: relative;
    margin: auto; /*width:600px*/
}

body {
    color: #585858;
    width: 100% !important
}

body {
    background-color: var(--bg-color);
    color: var(--font-color);
}

.splitABHint {
    color: #428bca !important
}

.targetTabpreview li.active a {
    background-color: #e9e9eb !important;
    border: 0 !important
}

.targetTabpreview {
    width: 600px;
    margin: auto;
    border: 0
}

#divRecipientSelection .k-multiselect-wrap.k-floatwrap {
    max-height: 50px;
    overflow-y: scroll
}

#divEmailFootermaincontainer .wrap-editactions.edit-hide {
    display: none
}

.email-detail .tab-content > .tab-pane {
    min-height: auto
}

.email-detail .wrap-editactions {
    display: none
}

#campaignListGrid .k-pager-info {
    float: left;
    display: none !important;
    padding-top: 3px;
    padding-left: 0
}

.mobile-sms-box .chat-bubble {
    height: 200px
}

div#dlistpartial .list-segment .widget-list {
    height: 247px !important;
    position: relative
}

.reports .list-divider > li:before {
    border: 0
}

ul.nav.nav-tabs.channelsPanel {
    width: 10%
}

.width85per {
    width: 85%
}

.right10 {
    right: 10px
}

.fc-row.fc-week.fc-widget-content.fc-rigid span.dmIcon.calDmMulti, .fc-row.fc-week.fc-widget-content.fc-rigid span.dmIcon.calDmSingle {
    display: none
}

.campSMSContent.css-scrollbar.scroll_list_attribues {
    max-height: 180px !important
}

div#pnlHeaderMenu .dropdown-menu > li > a {
    padding: 5px 15px 10px 15px !important
}

.class_SelectConversion .datefrequencyinput span.k-icon.k-i-clock {
    opacity: .4;
    pointer-events: none
}

div#divSegmentationView .widget-listbody .widget-listsettings .split-ab-mechanics .spliticonClose {
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 15px;
    padding-bottom: 5px;
    z-index: 9
}
/*#updatepanelcontainer .widget-keymetrics .key-list>ul>li>span{top:-10px}*/
#accordionContent .fragment p {
    word-wrap: break-word
}

.widget-listbody .widget-listsettings .bootstrap-switch span {
    letter-spacing: 1.2px;
    font-size: 12px;
    font-family: 'mukta-light'
}

a.filterComp.filterNone.active.exclude_Filtersec.blueBg.white.lookalike {
    background-color: #0052a6 !important;
    color: #fff !important
}

a.filterComp.active.exclude_Filtersec.blueBg.white.lookalike span {
    color: #fff !important
}

span#errmsgValidCampaignReference:before, span#errmsgValidCampaignReference:after {
    left: auto;
    right: 38%
}

span#errmsgTValidCampaignReference:before, span#errmsgTValidCampaignReference:after {
    left: auto;
    right: 38%
}

/******* Campaign Module UI fixes **********/
#overview-preview-modal-OverView .edmSLink {
    border: 0
}

.textarea-save #MobileContent[readonly].required {
    background: transparent
}

#domainTracking #URLC .add-tracking-domain .icon-plus-fill-small {
    position: relative;
    top: 7px;
    left: 5px
}

    #domainTracking #URLC .add-tracking-domain .icon-plus-fill-small.green {
        top: 6px
    }

#domainTracking #URLC .delete-tracking-domain {
    position: relative;
    top: 7px;
    left: 5px
}

.cpp-web-icons-alignment {
    position: relative;
    top: 8px
}

    .cpp-web-icons-alignment .popover {
        width: 250px
    }

        .cpp-web-icons-alignment .popover .popover-title {
            display: none
        }

.icon-flipped {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    display: inline-block;
    padding-bottom: 3px
}

.frequent-visitors-nodata {
    clear: both;
    overflow: hidden;
    margin: 20px auto 30px auto
}

/* Emoji Removed for Rendering issue  */
.emoji-menu .emoji-items a[title=":relaxed:"], .emoji-menu .emoji-items a[title=":jp:"], .emoji-menu .emoji-items a[title=":kr:"], .emoji-menu .emoji-items a[title=":de:"], .emoji-menu .emoji-items a[title=":cn:"], .emoji-menu .emoji-items a[title=":us:"], .emoji-menu .emoji-items a[title=":fr:"], .emoji-menu .emoji-items a[title=":es:"], .emoji-menu .emoji-items a[title=":it:"], .emoji-menu .emoji-items a[title=":ru:"], .emoji-menu .emoji-items a[title=":gb:"], .emoji-menu .emoji-items a[title=":copyright:"], .emoji-menu .emoji-items a[title=":registered:"], .emoji-menu .emoji-items a[title=":tm:"], .emoji-menu .emoji-items a[title=":bangbang:"], .emoji-menu .emoji-items a[title=":interrobang:"], .emoji-menu .emoji-items a[title=":white_medium_square:"], .emoji-menu .emoji-items a[title=":black_medium_small_square:"], .emoji-menu .emoji-items a[title=":white_medium_small_square:"], .emoji-menu .emoji-items a[title=":black_small_square:"], .emoji-menu .emoji-items a[title=":white_small_square:"] {
    display: none !important
}

.emoji-wysiwyg-editor br {
    display: none !important
}

div[data-isWebView="true"] {
    background: #00000085;
    position: relative;
    cursor: not-allowed
}

    div[data-isWebView="true"]:before {
        content: attr(data-content);
        text-align: center;
        top: 40%;
        width: 100%;
        position: absolute;
        font-size: 200%;
        color: #FFF
    }

.male-female li img {
    display: block;
    margin: auto;
    text-align: center
}

.male-female > li > span {
    width: 35px
}

.multiSelect-user .multiRghtClm li a.agencyNewUsers {
    margin-top: 5px
}

.multiSelect-user .multiRghtClm li .remove {
    top: 25px;
    right: 10px
}

.showWaitMinHours {
    margin: 9px 0 3px 0 !important;
    font-size: 86%;
    font-weight: 400;
    color: #888
}

.csr-info {
    display: block;
    margin-left: 23px;
    margin-bottom: 15px
}

#divConversionSection .eventTrackID {
    position: relative;
    top: 1px
}

#divConversionSection .add-tracking-domain-sd {
    position: relative;
    top: 2px
}

#divConversionSection .eventTrackID {
    position: relative;
    top: -5px
}

#divConversionSection .add-tracking-domain-sd {
    position: relative;
    top: -4px
}

#divConversionSection .delete-tracking-domain-sd1 {
    position: relative;
    top: 7px
}

#divConversionSection #aConversionUrl2 {
    top: 7px
}

#divConversionSection #aConversionUrl3 {
    top: 6px
}

#divInboxFirstLineMessage label {
    font-size: 14px
}

.pieChart.csContent li a.clSplitThumb {
    margin-top: 0
}

#mpush_ConversionPerform_StackedArea {
    height: 320px
}

.kaBox .selectize-input .item[title="undefined"] {
    background: #e9e9eb !important;
    color: #585858 !important
}

.kaBox .selectize-control.plugin-remove_button .item[title="undefined"] .remove {
    border: #e9e9eb !important
}

.kaBox .selectize-input input {
    height: auto !important
}

.kaBox .selectize-control.required:after {
    height: 15px
}

.selectize-control:after {
    height: 15px !important;
}

.kaBox {
    background: bottom left -webkit-linear-gradient(#d4d6de,#d4d6de) no-repeat,bottom center -webkit-linear-gradient(#d4d6de,#d4d6de) repeat-x,bottom right -webkit-linear-gradient(#d4d6de,#d4d6de) no-repeat;
    background: bottom left linear-gradient(#d4d6de,#d4d6de) no-repeat,bottom center linear-gradient(#d4d6de,#d4d6de) repeat-x,bottom right linear-gradient(#d4d6de,#d4d6de) no-repeat;
    border: 0;
    border-color: #d4d6de \9;
    background-size: 1px 15px,1px 1px,1px 15px;
    line-height: 0
}

    .kaBox:hover {
        background: bottom left -webkit-linear-gradient(#b1b4c0,#b1b4c0) no-repeat,bottom center -webkit-linear-gradient(#b1b4c0,#b1b4c0) repeat-x,bottom right -webkit-linear-gradient(#b1b4c0,#b1b4c0) no-repeat;
        background: bottom left linear-gradient(#b1b4c0,#b1b4c0) no-repeat,bottom center linear-gradient(#b1b4c0,#b1b4c0) repeat-x,bottom right linear-gradient(#b1b4c0,#b1b4c0) no-repeat;
        border-bottom: 1px solid #b1b4c0 \9;
        border-color: #b1b4c0 \9;
        background-size: 1px 15px,1px 1px,1px 15px
    }

    .kaBox:focus {
        background: bottom left -webkit-linear-gradient(#0285ff,#0285ff) no-repeat,bottom center -webkit-linear-gradient(#0285ff,#0285ff) repeat-x,bottom right -webkit-linear-gradient(#0285ff,#0285ff) no-repeat;
        background: bottom left linear-gradient(#0285ff,#0285ff) no-repeat,bottom center linear-gradient(#0285ff,#0285ff) repeat-x,bottom right linear-gradient(#0285ff,#0285ff) no-repeat;
        border-bottom: 1px solid #0285ff \9;
        color: #4c4c4c;
        border-color: #0285ff \9;
        background-size: 1px 15px,1px 1px,1px 15px
    }

.st-grid-transparent .k-master-row.purple .k-hierarchy-cell {
    margin-top: 57px
}

#OfflineconversionCampaignForm .open > .dropdown-menu {
    overflow: inherit;
    max-height: inherit
}

    #OfflineconversionCampaignForm .open > .dropdown-menu:before, #OfflineconversionCampaignForm .open > .dropdown-menu:after {
        display: none
    }

.webanalyticsPanel .tabs-fixed.nav-tabs > li > a.ssa-tab {
    width: auto
}

.rpNewTheme .campaignTab .tab-content .tab-pane .tabs-fixed.nav-tabs > li > a {
    padding: 17px 8px !important;
}

#offline-analyticss .class_SelectConversion label {
    display: none
}

#offline-analyticss .class_SelectConversion:first-child label {
    display: block
}

/* New loading logo */
.res-loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 1;
    background-color: #fff;
    z-index: 9999;
    text-align: center
}

    .res-loading .loading {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        background: #f6f7f8;
        left: 0;
        top: 0;
        z-index: 999999
    }

        .res-loading .loading .loading-tick {
            position: absolute;
            left: 50%;
            margin-left: -11px;
            top: 50%;
            margin-top: -11px;
            width: 23px;
            height: 23px;
            background: url(/images/loading-ticks.png) no-repeat center center
        }

        .res-loading .loading .loading-content {
            position: absolute;
            left: 50%;
            margin-left: -28px;
            top: 50%;
            margin-top: -28px;
            width: 57px;
            height: 57px;
            background: url(/images/loading.png) no-repeat center center;
            -webkit-animation-name: res-load;
            -webkit-animation-duration: 1000ms;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
            -moz-animation-name: res-load;
            -moz-animation-duration: 1000ms;
            -moz-animation-iteration-count: infinite;
            -moz-animation-timing-function: linear;
            -ms-animation-name: res-load;
            -ms-animation-duration: 1000ms;
            -ms-animation-iteration-count: infinite;
            -ms-animation-timing-function: linear;
            animation-name: res-load;
            animation-duration: 1000ms;
            animation-iteration-count: infinite;
            animation-timing-function: linear
        }

@-ms-keyframes res-load {
    from {
        -ms-transform: rotate(0deg)
    }

    to {
        -ms-transform: rotate(360deg)
    }
}

@-moz-keyframes res-load {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes res-load {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes res-load {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

div#consumptionView tr.t-no-data > td {
    min-height: 200px !important;
    display: table
}

.rejectComments {
    word-break: break-all
}

#mobilePush_Day_Segment .highcharts-container .highcharts-label.highcharts-tracker {
    opacity: 1 !important;
    visibility: visible !important
}

.k-animation-container.cp-tooltip-template .k-widget.k-tooltip.k-tooltip.k-popup {
    overflow-y: visible
}


/* New Login Page Design - 20190401 */
body.newLoginPage {
    display: block;
    background: url('../Images/new-login-page/bg.jpg') no-repeat center center fixed #0b36a6;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    letter-spacing: .5px
}

.newLoginPage #zd-loading {
    display: block
}

.newLoginPage section {
    min-height: calc(100% - 62px)
}

.newLoginPage small, .newLoginPage .small, .newLoginPage .smaller {
    font-size: 16px;
    line-height: 24px
}

html .newLoginPage input[type="button"], .newLoginPage input[type="reset"], .newLoginPage input[type="submit"] {
    padding: 8px 25px;
    font-size: 18px;
    letter-spacing: .5px
}

.newLoginPage.error-page .fade-blkBrowser .cnTBlock {
    top: 77%
}

    .newLoginPage.error-page .fade-blkBrowser .cnTBlock h3 {
        font-size: 24px
    }

.newLoginPage #wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    padding: 0;
    display: grid;
    align-items: center;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: repeat(12,1fr)
}

.newLoginPage .logo-wrap {
    display: grid;
    grid-column: 1/13;
    grid-row: 1/4;
    padding: 0
}

    .newLoginPage .logo-wrap .GBlk {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        display: inline-block
    }

    .newLoginPage .logo-wrap a {
        display: inline-block
    }

    .newLoginPage .logo-wrap img[src*="resulticks-logo-white.svg"] {
        width: auto;
        height: 55px !important;
        max-height: 55px !important;
    }

.newLoginPage .cmnBlk {
    display: grid;
    grid-row: 5/11;
    grid-column: 2/12;
    grid-template-columns: repeat(2,1fr)
}

.newLoginPage .modal-header .close.modalCloseIcon:before, .newLoginPage .close.modalCloseIcon:before {
    left: 0
}

.newLoginPage .leftSideCnt {
    padding: 35px 0 0
}

    .newLoginPage .leftSideCnt img {
        height: 120px
    }

    .newLoginPage .leftSideCnt h1 {
        color: #fff;
        font-size: 2.2em;
        margin-bottom: 0;
        font-family: 'proxima-nova-light';
        margin-top: 0;
        line-height: 28px
    }

    .newLoginPage .leftSideCnt h2 {
        font-family: 'proxima-nova-bold';
        color: #fff;
        font-size: 3em;
        margin: 10px 0 0 0
    }

.newLoginPage .input-text > input, .newLoginPage #newUser .input-text > input {
    padding-left: 70px;
    height: 33px
}

.newLoginPage .rightSideCnt .login-wrap {
    margin: 0 auto;
    max-width: 440px
}

    .newLoginPage .rightSideCnt .login-wrap .panel {
        padding: 0;
        min-height: inherit;
        border: 0;
        background: transparent
    }

        .newLoginPage .rightSideCnt .login-wrap .panel.newGridLayout {
            padding-top: 0 !important
        }

            .newLoginPage .rightSideCnt .login-wrap .panel.newGridLayout h2 {
                font-size: 26px
            }

            .newLoginPage .rightSideCnt .login-wrap .panel.newGridLayout .dGrid {
                display: grid;
                justify-content: center;
                align-items: center;
                grid-template-columns: repeat(1,1fr);
                grid-template-rows: repeat(1,1fr);
                padding: 35px;
                height: 350px;
                background: #fff;
                border-radius: 5px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px
            }

    .newLoginPage .rightSideCnt .login-wrap .panel-body {
        padding: 35px;
        background: #fff;
        border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px
    }

    .newLoginPage .rightSideCnt .login-wrap .panel-header {
        padding-bottom: 0
    }

.newLoginPage .rightSideCnt .tabs-link.nav-tabs {
    margin-bottom: 0
}

    .newLoginPage .rightSideCnt .tabs-link.nav-tabs > li {
        border: 0;
        padding: 0 0 0 1%;
        width: 50%
    }

        .newLoginPage .rightSideCnt .tabs-link.nav-tabs > li:first-child {
            padding: 0
        }

        .newLoginPage .rightSideCnt .tabs-link.nav-tabs > li > a {
            display: block;
            font-size: 18px;
            padding: 25px 20px;
            background: var(--primary-color);
            color: #fff;
            line-height: normal;
            border-radius: 5px 5px 0 0;
            -webkit-border-radius: 5px 5px 0 0;
            -moz-border-radius: 5px 5px 0 0
        }

            .newLoginPage .rightSideCnt .tabs-link.nav-tabs > li > a:hover, .newLoginPage .rightSideCnt .tabs-link.nav-tabs > li > a:focus {
                background-color: var(--primary-color) !important
            }

        .newLoginPage .rightSideCnt .tabs-link.nav-tabs > li.active > a {
            border-bottom: 0;
            background: #fff;
            color: #111;
            letter-spacing: 0.5px;
        }

            .newLoginPage .rightSideCnt .tabs-link.nav-tabs > li.active > a:hover, .newLoginPage .rightSideCnt .tabs-link.nav-tabs > li.active > a:focus {
                background-color: #fff !important;
                color: #111 !important
            }

            .newLoginPage .rightSideCnt .tabs-link.nav-tabs > li.active > a:before, .newLoginPage .rightSideCnt .tabs-link.nav-tabs > li.active > a:after {
                display: none
            }

.newLoginPage .rightSideCnt .inIcon img {
    width: 23px
}

.newLoginPage .rightSideCnt input::placeholder, .newLoginPage .rightSideCnt input#LoginUserName, .newLoginPage .rightSideCnt input#LoginPassword, .newLoginPage .rightSideCnt input#SignupUserName, .newLoginPage .rightSideCnt input#LoginUserName::placeholder, .newLoginPage .rightSideCnt input#LoginPassword::placeholder, .newLoginPage .rightSideCnt input#SignupUserName::placeholder, .newLoginPage .rightSideCnt input.checkbox[type="checkbox"] ~ .lbl, .newLoginPage .rightSideCnt input.checkbox-sm[type="checkbox"] ~ .lbl, .newLoginPage .rightSideCnt input.radio[type="radio"] ~ .lbl, .newLoginPage .rightSideCnt .input-text > input, .newLoginPage .rightSideCnt input[type="text"].required, .newLoginPage .rightSideCnt input[type="text"].required:hover, .newLoginPage .rightSideCnt input[type="number"].required, .newLoginPage .rightSideCnt input[type="password"].required:hover, .newLoginPage .rightSideCnt input[type="tel"].required:hover {
    font-style: normal !important;
    font-size: 16px !important;
    color: #333;
    padding-top: 0
}

.newLoginPage .rightSideCnt .input-icon > span {
    font-size: 16px;
    color: #666 !important;
    background: transparent;
    top: 2px
}

    .newLoginPage .rightSideCnt .input-icon > span#spVerificationCode {
        line-height: 28px !important
    }

.newLoginPage .rightSideCnt .input-error {
    font-size: 14px;
    margin-top: -26px
}

.newLoginPage .rightSideCnt #errmsgCheckTerms {
    margin-top: -27px
}

.newLoginPage .rightSideCnt .btn-holder {
    text-align: center
}

.newLoginPage .rightSideCnt #newUser small {
    font-size: 16px
}

.newLoginPage .rightSideCnt .form-group .smaller {
    font-size: 14px !important;
    font-style: normal;
    color: #333;
    line-height: normal;
    letter-spacing: .5px;
    display: block;
    padding-top: 8px
}

.newLoginPage .rightSideCnt .login-shadow-box {
    background: url(../Images/new-login-page/login-box-shadow.svg) no-repeat center center;
    height: 60px
}

.newLoginPage .forgot-link {
    float: right;
    color: #666 !important;
    text-decoration: underline !important;
    font-size: 16px !important
}

.newLoginPage .wrapper.copyright {
    padding: 23px 0 3px;
    font-size: 14px
}

.newLoginPage .copyright a {
    background: 0;
    border-left: 1px solid;
    display: inline-block;
    line-height: 14px
}

.newLoginPage .powered i.footerIcon1 {
    top: 8px;
    right: -10px
}

.newLoginPage .powered i.footerIcon2 {
    top: 4px;
    right: 0;
    background: url(https://www.resulticks.com/assets/platform/logos/r-cloud-footer.svg) no-repeat;
    width: 30px;
    height: 30px;
    background-size: cover !important
}

.newLoginPage.error-page .fade-blkBrowser .cnTBlock.bgBlue {
    background: #396fc3 !important
}

.newLoginPage.error-page .fade-blkBrowser .cnTBlock.bgPurple {
    background: #7f4394 !important
}

.newLoginPage.error-page .fade-blkBrowser .cnTBlock.bgRed {
    background: #d70a16 !important
}

.newLoginPage.error-page .fade-blkBrowser .cnTBlock.bgYellow {
    background: #cd9838 !important
}

.newLoginPage.error-page .fade-blkBrowser .cnTBlock.bgGreen {
    background: #167d3f !important
}

.newLoginPage.error-page .fade-blkBrowser .cnTBlock.bgOrange {
    background: #fc6a00 !important
}

.newLoginPage.error-page .fade-blkBrowser .cnTBlock.bgRedLogin {
    background: #b42429 !important
}

.newLoginPage.error-page .fade-blkBrowser .cnTBlock.bgOrangeLogin {
    background: #d29b29 !important
}

.newLoginPage.error-page .fade-blkBrowser .cnTBlock.bgMetalLogin {
    background: #afb7b9 !important
}

.newLoginPage.error-page .fade-blkBrowser .cnTBlock.bgBlueLogin {
    background: #0e68b4 !important
}

.newLoginPage.error-page .fade-blkBrowser .cnTBlock.bgGreenLogin {
    background: #005f32 !important
}

@media only screen and (min-width:1367px) {
    .newLoginPage.error-page .fade-blkBrowser .cnTBlock {
        top: 69%
    }
    /*.newLoginPage.error-page .fade-blkBrowser .cnTBlock img{margin-left:-78px}*/
    .newLoginPage .logo-wrap img[src*="resulticks-logo-white.svg"] {
        width: auto;
        height: 62px
    }

    .newLoginPage .leftSideCnt {
        padding: 30px 0 0
    }

        .newLoginPage .leftSideCnt h1 {
            font-size: 40px;
            margin-top: -10px
        }

        .newLoginPage .leftSideCnt h2 {
            font-size: 54px;
            margin-top: 15px
        }

        .newLoginPage .leftSideCnt img {
            height: 144px;
            margin-top: -10px
        }

    .newLoginPage .cmnBlk {
        grid-row: 4/11
    }

    .newLoginPage .logo-wrap {
        grid-row: 2/4
    }
}

@media only screen and (max-width:767px) {
    .newLoginPage #wrapper {
        display: block;
        position: relative
    }

    .newLoginPage .logo-wrap {
        display: block;
        padding-top: 30px
    }

    .newLoginPage .cmnBlk {
        display: block
    }

    .newLoginPage .leftSideCnt {
        padding: 100px 0
    }
}

input[type="text"].required:focus, input[type="number"].required, input[type="password"].required:focus, input[type="tel"].required:focus {
    box-shadow: none
}

.widget-listbody .widget-body > h3 {
    position: relative;
    border: 0
}

    .widget-listbody .widget-body > h3:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        bottom: 0;
        background: #6ccef2
    }

#id_OC_errMsgGracePeriod.input-error, #id_OC_errMsgEmpty.input-error, #id_OC_errMsgSpecialCharacter.input-error {
    margin-top: -35px
}

#alertAndNotificationsAutoUpdate .media-list .media-icon .icon-close-small {
    position: relative;
    top: -3px
}

#dgridpartial .k-grid td {
    white-space: inherit !important
}

#dlistpartial .info-popup {
    width: 757px;
    height: 457px !important
}

    #dlistpartial .info-popup.serOn {
        clip: rect(0px,757px,457px,0px)
    }

.widget-listbody .widget-listsettings .split-ab-mechanics {
    width: 362px
}

.widget-listbody .widget-listsettings .split-box {
    width: 330px
}

#pnlOrmSourcecontainer .widget-chart .key-inflencers > div > .text-left h4 {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis
}

.widget-listsettings .split-ab-mechanics .sbButtons {
    max-width: 330px !important
}

.confirmPayDashboard .dashboard-sort-item .audience-split-ab-mechanics.showaudienceSplitAB_Mobile_notify {
    top: 368px;
    left: 54px;
    border: 1px solid #d4d6de;
    padding: 10px 20px;
    width: 400px;
    background: #fff
}

.confirmPayDashboard .dashboard-sort-item .audience-split-ab-mechanics.splitABDwnCnt {
    top: 312px;
    left: 54px;
    width: 400px;
    background: #fff;
    border: 1px solid #d4d6de;
    padding: 10px 40px 10px 20px
}

    .confirmPayDashboard .dashboard-sort-item .audience-split-ab-mechanics.splitABDwnCnt .icon-close-small {
        font-size: 16px;
        position: absolute;
        right: 10px;
        top: 15px;
        padding-bottom: 5px
    }

.confirmPayDashboard .dashboard-sort-item .audience-split-ab-mechanics.resCgTg-Blk .samList {
    margin: 0 15px 0 0
}

.confirmPayDashboard .dashboard-sort-item .audience-split-ab-mechanics.resCgTg-Blk .splitABOn {
    margin-top: 40px !important
}

.confirmPayDashboard .dashboard-sort-item .audience-split-ab-mechanics.resCgTg-Blk .sbButtons .saveSplitBtn {
    font-size: 16px
}

.confirmPayDashboard .dashboard-sort-item .audience-split-ab-mechanics.resCgTg-Blk.showaudienceSplitAB_Mobile_notify {
    top: 225px
}

.confirmPayDashboard .dashboard-sort-item .audience-split-ab-mechanics.showaudienceSplitAB_Mobile_notifyadv {
    top: 368px;
    left: 54px;
    border: 1px solid #d4d6de;
    padding: 10px 20px;
    width: 400px;
    background: #fff
}

.confirmPayDashboard .dashboard-sort-item .audience-split-ab-mechanics.resCgTg-Blk.showaudienceSplitAB_Mobile_notifyadv {
    top: 225px
}

#accordion #WebaccordionContent .divMarkAsGoal {
    margin-top: 0
}

div#eventTrackImage {
    background-position-x: -10px
}

.widget-listbody .widget-body .res-BigPopup {
    margin-bottom: 20px;
    border-bottom: 1px solid #6ccef2
}

    .widget-listbody .widget-body .res-BigPopup h3 {
        position: relative;
        border: 0;
        margin-bottom: 0;
        padding-left: 0;
        font-size: 18px;
        color: #fff;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.otc-tick.wa-tick-icon {
    position: relative;
    top: 6px
}

.offerAdd .k-multiselect-wrap.k-floatwrap {
    max-height: 50px;
    overflow-y: scroll
}

body.container-fullwidth #wrapper #OfferModelGrid table {
    border-left: 0;
    border-top: 0
}

body.container-fullwidth #wrapper #OfferModelGrid .k-alt {
    background-color: #f0f8ff
}

#consumptionView #noDataNoJobsInProgress {
    margin: 0;
    position: relative;
    top: -52px;
    z-index: 1
}

#updatepanelcontainer .panel-list {
    overflow: hidden
}

    #updatepanelcontainer .panel-list > li {
        display: table;
        width: 100%;
        overflow: hidden;
        text-align: left;
    }

    #updatepanelcontainer .panel-list .state-num {
        display: flex;
        align-items: center;
        max-width: 20%;
        width: auto;
        white-space: nowrap
    }

        #updatepanelcontainer .panel-list .state-num > h2 {
            margin: 0;
        }

    #updatepanelcontainer .panel-list .state-info {
        display: flex;
        align-items: center;
    }

        #updatepanelcontainer .panel-list .state-info > div {
            display: inline-block
        }

.approvalMailRequest a#addSendapproveMail {
    right: 4px;
    position: relative;
    top: -5px;
}

#mccCampaign .campaign-header .tooltip-inner {
    white-space: normal
}

#updatepanelcontainer .msb-wrapper, #updatepanelcontainer .msb-wrapper .mobile-sms-box.msb-max {
    max-width: 220px;
    word-wrap: break-word
}

#updatepanelGrid .k-widget .k-loading-mask {
    margin-top: -10px
}

#updatepanelGrid .k-grid table tr.t-no-data td {
    padding: 80px 0
}

.campaigngallery_flex {
    text-align: center;
    height: 250px;
    overflow: hidden;
}

.rpNewTheme #campaignListGrid .k-grid tr td ul li.campaign-pfa-text {
    position: relative;
    top: 3px;
    color: #cab10d;
    margin: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

    .rpNewTheme #campaignListGrid .k-grid tr td ul li.campaign-pfa-text span {
        white-space: pre;
        margin: 0 !important;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .rpNewTheme #campaignListGrid .k-grid tr td ul li.campaign-pfa-text span.cpfat-onhold {
            color: #b4bcc2 !important;
        }

.rpNewTheme #campaignListGrid .k-grid tr td ul li.campaign-pfa-icon {
    margin-right: 10px;
}

.warn-v-align {
    position: relative;
    top: 3px;
}

.campaigngallery_flex a.cggpPopupLink {
    background: #fff;
    border-radius: 100%;
    width: 22px;
    height: 22px
}

    .campaigngallery_flex a.cggpPopupLink i {
        position: relative;
        top: 2px;
        left: 4px
    }

.emojiPickerIconWrap {
    display: inline-block;
    position: relative
}

.emojiPickerIcon {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.emojiPicker {
    display: none;
    position: absolute;
    outline: 0;
    border: 0;
    box-shadow: 0 0 7px #555;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

    .emojiPicker div.emoji {
        width: 1.3em;
        height: 1.3em;
        position: relative;
        display: inline-block
    }

    .emojiPicker span.emoji {
        width: 1.3em;
        height: 1.3em;
        display: inline-block;
        position: relative;
        overflow: hidden;
        text-indent: -9999px;
        vertical-align: middle
    }

    .emojiPicker .hidden {
        display: none
    }

    .emojiPicker nav {
        position: relative;
        z-index: 0;
        background-color: #f2f2f2;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

        .emojiPicker nav div.tab {
            display: inline-block;
            margin: 2% 1% 0 1%;
            padding: 2% 2% 1% 2%;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            cursor: pointer
        }

            .emojiPicker nav div.tab.active {
                background-color: #fff;
                box-shadow: 0 0 3px #ccc
            }

    .emojiPicker section {
        overflow: scroll;
        position: relative;
        z-index: 10;
        background: #fff
    }

        .emojiPicker section div {
            width: 40px;
            float: left;
            margin: 3%
        }

            .emojiPicker section div:hover {
                cursor: pointer
            }

.emoji-sec-hidden {
    display: none
}

.emojiPickerIconWrap {
    width: 100%
}

.emojiPicker div.emoji {
    width: 30px;
    height: 1.3em;
    position: relative;
    display: inline-block;
    background-image: none;
    text-align: center;
    font-size: 20px
}

.emoji.emoji-relaxed {
    display: none !important
}

.emojiPicker nav div.emoji {
    font-size: 18px
}

.emojiPicker nav {
    position: relative;
    z-index: 0;
    background-color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom: solid 1px #e8e9ed
}

.emojiPicker section {
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    z-index: 10;
    background: #fff;
    padding-bottom: 10px
}

.emojiPicker {
    overflow: hidden;
    box-shadow: none;
    -webkit-box-shadow: 0 -1px 10px 0 rgba(61,65,96,.1),0 15px 20px 0 rgba(61,65,96,.22);
    -moz-box-shadow: 0 -1px 10px 0 rgba(61,65,96,.1),0 15px 20px 0 rgba(61,65,96,.22);
    box-shadow: 0 -1px 10px 0 rgba(61,65,96,.1),0 15px 20px 0 rgba(61,65,96,.22)
}

    .emojiPicker nav div.tab {
        padding: 2%
    }

#dashboard-loader {
    display: none !important
}

#consumptionView .k-grid-content {
    min-height: 65px;
    overflow-y: inherit;
}

#analytics-web .rpConversionBlock .otp-tick-container.otc-tick {
    right: -43px;
    top: 10px
}

    #analytics-web .rpConversionBlock .otp-tick-container.otc-tick .icon-close-small {
        top: -4px
    }

#analytics-web .rpConversionBlock:first-child .otp-tick-container.otc-tick .icon-tick-circle-medium {
    top: 1px;
    left: 13px
}

#analytics-web .rpConversionBlock .otp-tick-container.otc-tick .icon-tick-circle-medium {
    top: 0
}

/* New colors and fonts update*/
@font-face {
    font-family: 'mukta-regular';
    src: local('mukta-regular'), url('../Fonts/mukta/mukta-regular.woff') format('woff'), url('../Fonts/mukta/mukta-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'mukta-medium';
    src: local('mukta-medium'), url('../Fonts/mukta/mukta-medium.woff') format('woff'), url('../Fonts/mukta/mukta-medium.ttf') format('truetype');
}

@font-face {
    font-family: 'mukta-light';
    src: local('mukta-light'), url('../Fonts/mukta/mukta-light.woff') format('woff'), url('../Fonts/mukta/mukta-light.ttf') format('truetype');
}

@font-face {
    font-family: 'mukta-extralight';
    src: local('mukta-extralight'), url('../Fonts/mukta/mukta-extralight.woff') format('woff'), url('../Fonts/mukta/mukta-extralight.ttf') format('truetype');
}

@font-face {
    font-family: 'mukta-bold';
    src: local('mukta-bold'), url('../Fonts/mukta/mukta-bold.woff') format('woff'), url('../Fonts/mukta/mukta-bold.ttf') format('truetype');
}

@font-face {
    font-family: 'mukta-extrabold';
    src: local('mukta-extrabold'), url('../Fonts/mukta/mukta-extrabold.woff') format('woff'), url('../Fonts/mukta/mukta-extrabold.ttf') format('truetype');
}

@font-face {
    font-family: 'mukta-semibold';
    src: local('mukta-semibold'), url('../Fonts/mukta/mukta-semibold.woff') format('woff'), url('../Fonts/mukta/mukta-semibold.ttf') format('truetype');
}

/* New font and Color updates - 20190801*/
.audienceBunchBlk.container-fullwidth .container {
    width: 1260px;
    max-width: 1260px;
}

body.rpNewTheme {
    font-family: 'mukta-regular';
    font-size: 16px
}

.rpNewTheme h1, .rpNewTheme .h1 {
    font-size: 34px
}

.rpNewTheme h4, .rpNewTheme .h4 {
    font-size: 18px
}

.rpNewTheme h5, .rpNewTheme .h5 {
    font-size: 16px
}

.rpNewTheme h6, .rpNewTheme .h6 {
    font-size: 15px
}

.rpNewTheme input[type="text"], .rpNewTheme input[type="password"], .rpNewTheme input[type="datetime"], .rpNewTheme input[type="datetime-local"], .rpNewTheme input[type="date"], .rpNewTheme input[type="month"], .rpNewTheme input[type="time"], .rpNewTheme input[type="week"], .rpNewTheme input[type="number"], .rpNewTheme input[type="email"], .rpNewTheme input[type="url"], .rpNewTheme input[type="search"], .rpNewTheme input[type="tel"], .rpNewTheme input[type="color"], .rpNewTheme .tagsField, .rpNewTheme .tagsField1, .rpNewTheme .k-pager-input .k-textbox, .rpNewTheme .k-state-selected, .rpNewTheme .k-state-selected:link, .rpNewTheme .k-state-selected:visited, .rpNewTheme .k-list > .k-state-selected, .rpNewTheme .k-list > .k-state-highlight, .rpNewTheme .k-panel > .k-state-selected, /*.rpNewTheme .k-button:active,*/ .rpNewTheme .k-ghost-splitbar-vertical, .rpNewTheme .k-ghost-splitbar-horizontal, .rpNewTheme .k-draghandle.k-state-selected:hover, .rpNewTheme .k-scheduler .k-scheduler-toolbar .k-state-selected, .rpNewTheme .k-marquee-color, .rpNewTheme .k-list > .k-state-selected:hover, .rpNewTheme input[type="text"]:focus, .rpNewTheme input[type="password"]:focus, .rpNewTheme input[type="datetime"]:focus, .rpNewTheme input[type="datetime-local"]:focus, .rpNewTheme input[type="date"]:focus, .rpNewTheme input[type="month"]:focus, .rpNewTheme input[type="time"]:focus, .rpNewTheme input[type="week"]:focus, .rpNewTheme input[type="number"]:focus, .rpNewTheme input[type="email"]:focus, .rpNewTheme input[type="url"]:focus, .rpNewTheme input[type="search"]:focus, .rpNewTheme input[type="tel"]:focus, .rpNewTheme input[type="color"]:focus, .rpNewTheme .tagsField.active, .rpNewTheme .tagsField1.active, .rpNewTheme .k-pager-input .k-textbox:focus, .rpNewTheme .k-dropdown .k-dropdown-wrap span.k-input, .rpNewTheme .k-editor .k-raw-content, .rpNewTheme .k-editor-dialog .k-editor-textarea, .rpNewTheme .k-datetimepicker .k-picker-wrap .k-input, .rpNewTheme .k-datepicker .k-picker-wrap .k-input, .rpNewTheme .k-timepicker .k-picker-wrap .k-input {
    font-family: 'mukta-regular';
    font-style: normal !important;
    font-size: 16px;
    color: var(--font-color-medium);
}

.rpNewTheme .k-filter-menu .k-dropdown .k-dropdown-wrap span.k-input {
    font-size: 13px;
    font-style: normal !important
}

.rpNewTheme .k-filter-menu .k-widget, .rpNewTheme .k-filter-menu .k-textbox, .rpNewTheme .k-filter-menu .k-textbox:focus, .rpNewTheme .k-filter-menu .k-popup .k-list .k-item {
    font-size: 13px
}

.rpNewTheme .k-filter-menu .k-button {
    background-color: #005534 !important
}

    .rpNewTheme .k-filter-menu .k-button:hover {
        background-color: #026c43 !important
    }

    .rpNewTheme .k-filter-menu .k-button[type="reset"] {
        background-color: transparent !important;
        color: #fc6a00 !important
    }

.rpNewTheme .k-multiselect-wrap li {
    font-family: mukta-regular !important;
    color: var(--color-primary-dark-dark) !important;
}

.rpNewTheme .k-block, .rpNewTheme .k-widget, .rpNewTheme .k-popup, .rpNewTheme .k-content, .rpNewTheme .k-dropdown .k-input, .rpNewTheme .k-dropdown .k-state-hover .k-input {
    color: #666
}

.rpNewTheme .badge, .rpNewTheme .label {
    font-weight: 500
}

.rpNewTheme .source-list.sl-recip li span {
    top: 2px
}

.rpNewTheme input, .rpNewTheme select, .rpNewTheme textarea {
    font-family: 'mukta-regular'
}

.rpNewTheme .modal-header .close.modalCloseIcon {
    font-family: 'resulticks'
}

.rpNewTheme .brand-logo {
    line-height: 54px;
    padding: 0 10px
}

    .rpNewTheme .brand-logo a {
        display: table-cell
    }

.rpNewTheme .default-dropdown > a > span, .rpNewTheme .dropdown-select > a > span { /*color:var(--font-color-medium)*/
}

.rpNewTheme .nav-right, .rpNewTheme .dropdown > a, .rpNewTheme .nav-tabs > li {
    font-size: 16px
}

.rpNewTheme .dropdown.dropdown-center > .dropdown-menu > li > a {
    font-size: 16px
}

.rpNewTheme label.smaller > .lbl, .rpNewTheme label.smaller > a {
    font-size: 13px !important
}

.rpNewTheme .attr-container ul li, .rpNewTheme .cf-cat-box ul li, .rpNewTheme #all-categories-list ul li {
    font-size: 15px
}

    .rpNewTheme .cf-cat-box li i, .rpNewTheme #all-categories-list ul li i {
        line-height: initial
    }

.rpNewTheme .daterangepicker .ranges li {
    font-size: 15px
}

.rpNewTheme .daterangepicker .ranges input {
    font-size: 12px
}

.rpNewTheme .daterangepicker select.monthselect, .rpNewTheme .daterangepicker select.yearselect {
    font-size: 16px;
    padding: 0
}

.rpNewTheme #daily .k-dropdown .k-dropdown-wrap span.k-input, .rpNewTheme #daily ul.form-inline li span.timepicker .timepicker, .rpNewTheme #weekly .k-dropdown .k-dropdown-wrap span.k-input, .rpNewTheme #weekly ul.form-inline li span.timepicker .timepicker, .rpNewTheme #monthly .k-dropdown .k-dropdown-wrap span.k-input, .rpNewTheme #monthly ul.form-inline li span.timepicker .timepicker, .rpNewTheme .init-timezone-label-1 {
    font-size: 16px
}

.rpNewTheme .copyright {
    font-size: 13px
}

.rpNewTheme .data-grid > thead > tr > th, .rpNewTheme .content-grid > thead > tr > th, .rpNewTheme .data-grid1 > thead > tr > th, .rpNewTheme .btn-text {
    font-size: 16px
}

.rpNewTheme .c-product {
    height: 156px
}

    .rpNewTheme .c-product h6 {
        max-width: none;
        font-size: 18px
    }

button.close, .close {
    padding-bottom: 5px
}

.rpNewTheme .k-grid td {
    font-size: 16px
}

.rpNewTheme .k-grid-header .k-header {
    font-size: 16px;
    line-height: 18px
}

    .rpNewTheme .k-grid-header .k-header .k-link, .rpNewTheme .k-grid-content .k-header .k-link {
        font-size: 16px !important
    }

.rpNewTheme #channel_settings input.checkbox[type="checkbox"] ~ .lbl, .rpNewTheme #channel_settings input.checkbox-sm[type="checkbox"] ~ .lbl, .rpNewTheme #channel_settings input.radio[type="radio"] ~ .lbl {
    font-size: 16px
}

.rpNewTheme .k-pager-wrap {
    font-size: 13px;
    line-height: 2.0em
}

.rpNewTheme .k-popup .k-list .k-item {
    font-size: 16px
}

.rpNewTheme .k-textbox > input, .rpNewTheme .k-input[type="text"], .rpNewTheme .k-input[type="number"], .rpNewTheme .k-textbox, .rpNewTheme .k-picker-wrap .k-input, .rpNewTheme .k-multiselect-wrap .k-input {
    font-size: 16px;
    font-style: normal;
    color: var(--font-color-medium)
}

.rpNewTheme .k-button {
    font-size: 18px
}

.rpNewTheme .k-filter-menu .k-button {
    font-size: 13px
}

.rpNewTheme .pvi-container {
    font-size: 15px
}

.rpNewTheme .rowFild .k-multiselect-wrap li {
    font-family: mukta-regular !important;
    font-size: 15px !important
}

.rpNewTheme .bootstrap-switch span {
    font-family: mukta-semibold;
    font-size: 14px;
    font-weight: normal;
    padding-right: 5px
}

.rpNewTheme .form-control, .rpNewTheme output {
    font-size: 16px
}

.rpNewTheme .dropdown-menu {
    font-size: 14px
}

.rpNewTheme .progress-bar {
    font-size: 16px
}

.rpNewTheme .k-picker-wrap .k-input, .rpNewTheme .k-numeric-wrap .k-input, .rpNewTheme .k-dropdown-wrap .k-input, .rpNewTheme .k-selectbox .k-input {
    font-family: 'mukta-light';
    font-style: normal !important
}

.rpNewTheme input.checkbox[type="checkbox"] ~ .lbl, .rpNewTheme input.checkbox-sm[type="checkbox"] ~ .lbl, .rpNewTheme input.radio[type="radio"] ~ .lbl {
    font-size: 16px;
    color: var(--font-color-medium)
}

.dropdown-menu > li > a:hover span.lbl {
    color: var(--font-color-w) !important
}

.dropdown-menu > li.active > a:hover {
    background-color: var(--primary-color);
    color: var(--font-color-w)
}

.rpNewTheme .filter-helpTxt {
    font-size: 16px
}

.rpNewTheme small, .rpNewTheme .small, .rpNewTheme .smaller {
    font-size: 80% !important;
    color: var(--color-primary-dark-dark)
}

.rpNewTheme .tabs-left > .nav-tabs > li > a > small, .rpNewTheme .tabs-right > .nav-tabs > li > a > small {
    font-size: 16px !important
}

.rpNewTheme .popover {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color)
}

    .rpNewTheme .popover.top .arrow, .rpNewTheme .popover.bottom .arrow {
        border-top-color: var(--primary-color);
        border-bottom-color: var(--primary-color)
    }

    .rpNewTheme .popover.bottom > .arrow:after {
        border-bottom-color: var(--primary-color)
    }

    .rpNewTheme .popover.top > .arrow:after {
        border-top-color: var(--primary-color)
    }

    .rpNewTheme .popover .popover-content {
        font-size: 12px;
        padding: 6px 12px
    }

.rpNewTheme .help-block .helppopup i.icon-question-mark-small {
    font-size: 16px;
    position: relative;
    top: 2px;
    line-height: 0
}

.rpNewTheme .profile-picture {
    border: 1px solid var(--border-color)
}
/*.rpNewTheme b, .rpNewTheme optgroup, .rpNewTheme strong,*/ .rpNewTheme .badge {
    font-family: 'mukta-semibold';
    font-weight: 500
}

.rpNewTheme .dbLangMainHeading .badge {
    font-family: 'mukta-regular';
}

.rpNewTheme .dbLangMainHeading ~ #div_mainclinetlistflikr {
    margin-top: 20px;
}
/*.rpNewTheme .page-header #div_mainclinetlistflikr {margin-top: 5px;margin-bottom: 15px;}*/
.rpNewTheme .lbl-value, .rpNewTheme h2, .rpNewTheme h3, .rpNewTheme h4, .rpNewTheme h5, .rpNewTheme h6, .rpNewTheme .h2, .rpNewTheme .h3, .rpNewTheme .h4, .rpNewTheme .h5, .rpNewTheme .h6 {
    color: var(--heading-color)
}

.rpNewTheme .key-list-post h5 {
    color: var(--font-color)
}

.rpNewTheme .lbl-value.font-weight-bold {
    font-weight: 500
}

.rpNewTheme h1, .rpNewTheme .h1, .rpNewTheme .modal-title {
    color: var(--primary-color)
}

.rpNewTheme .breadcrumb > li > a {
    color: var(--font-color-blue-grey)
}

.rpNewTheme .breadcrumb > .active {
    color: var(--font-color-medium)
}

.rpNewTheme .dropdown-select > a i, .rpNewTheme .paginate .display, .rpNewTheme .paginate .paging > li, .rpNewTheme .copyright, .rpNewTheme .copyright a {
    color: var(--color-primary-dark-dark);
    font-size: 13px
}

.rpNewTheme .tabs-link.nav-tabs > li > a {
    color: var(--color-primary-dark-dark);
    font-size: 16px
}

    .rpNewTheme .tabs-link.nav-tabs > li.active > a, .rpNewTheme .tabs-link.nav-tabs > li.active > a:hover, .rpNewTheme .tabs-link.nav-tabs > li > a:focus {
        color: var(--primary-color)
    }

.rpNewTheme .paginate .paging > li .p-count {
    font-size: 13px !important
}

.rpNewTheme .k-pager-sizes .k-dropdown .k-input {
    color: var(--color-primary-dark-dark);
    font-size: 13px !important;
    line-height: 16px
}

.rpNewTheme .widget-listbody small {
    color: var(--color-primary-dark-dark)
}

.rpNewTheme .recipients .list-segment .widget-listbody small span, .rpNewTheme .recipients .list-segment .widget-listbody small.cre-txt-style span {
    color: var(--color-primary-dark-dark)
}

.rpNewTheme .recipients ul.filterSec li > .filters-container > a {
    color: var(--color-primary-dark-dark)
}

.rpNewTheme .recipients .list-segment .widget-listbody .widget-box.info-popup small span {
    color: var(--font-color-w);
}

.rpNewTheme .sticky .filterSec li > .filters-container > a.active, .rpNewTheme .sticky .filterSec li > .filters-container > a:hover.active, .rpNewTheme .sticky .filterSec1 li > .filters-container1 > a.active, .rpNewTheme .sticky .filterSec1 li > .filters-container1 > a:hover.active {
    color: #fff
}

.rpNewTheme .form-group label.control-label-left {
    color: var(--font-color-grey-white)
}

.rpNewTheme .k-button:hover {
    border-color: #d4d6de;
    background-color: #d4d6de
}

.rpNewTheme input[disabled], .rpNewTheme input[readonly], .rpNewTheme input[disabled]:hover, .rpNewTheme input[readonly]:hover, .rpNewTheme input[disabled]:focus, .rpNewTheme input[readonly]:focus, .rpNewTheme .form-control[disabled], .rpNewTheme .form-control[readonly], .rpNewTheme fieldset[disabled] .form-control {
    background-size: 1px 15px,1px 1px,1px 15px !important;
    -webkit-background-size: 1px 15px,1px 1px,1px 15px !important;
    -ms-background-size: 1px 15px,1px 1px,1px 15px !important
}

.rpNewTheme .filterSec li > .filters-container > a, .rpNewTheme .filterSec1 li > .filters-container1 > a {
    font-size: 15px;
    border: 1px solid var(--border-color);
    padding: 3px 25px 3px 5px
}

.rpNewTheme .well {
    border-color: var(--border-color-portlet)
}

.rpNewTheme .k-grid .k-pager-numbers, .rpNewTheme .k-pager-wrap.k-grid-pager .k-link, .rpNewTheme .k-pager-wrap.k-grid-pager .k-textbox, .rpNewTheme .k-pager-wrap.k-grid-pager .k-dropdown-wrap, .rpNewTheme .k-pager-numbers .k-state-selected, .rpNewTheme .k-grid, .rpNewTheme .k-grid.k-widget, .rpNewTheme .k-grid-header .k-header, .rpNewTheme .k-grid-footer, .rpNewTheme .k-footer-template td, .rpNewTheme .k-state-default, .rpNewTheme .k-state-default .k-select, .rpNewTheme .k-state-disabled, .rpNewTheme .k-grid-header-wrap, .rpNewTheme .k-grid-header, .rpNewTheme .k-grid td, .rpNewTheme .k-grid td.k-state-selected, .rpNewTheme .k-pager-wrap .k-link, .rpNewTheme .k-grid-pager, .rpNewTheme .k-pager-wrap .k-textbox, .rpNewTheme .k-pager-wrap .k-dropdown-wrap.k-state-default {
    border-color: var(--border-color)
}

    .rpNewTheme .k-grid.k-widget > table, .rpNewTheme .k-grid.k-widget > .k-grid-content {
        border-color: var(--border-color) !important
    }

.rpNewTheme .k-dropdown-wrap.k-state-hover {
    border-bottom-color: var(--border-color) !important;
    background-image: none !important;
}

.rpNewTheme .k-picker-wrap.k-state-default:before, .rpNewTheme .k-numeric-wrap.k-state-default:before, .rpNewTheme .k-dropdown-wrap.k-state-default:before, .rpNewTheme .k-dropdown-wrap.k-state-disabled:before, .rpNewTheme .k-multiselect.k-header:before {
    border-bottom: 5px solid var(--border-color);
    border-right: 5px solid var(--border-color)
}
/*.rpNewTheme .k-autocomplete.k-state-default:after,*/ .rpNewTheme .k-picker-wrap.k-state-default:after, .rpNewTheme .k-numeric-wrap.k-state-default:after, .rpNewTheme .k-dropdown-wrap.k-state-default:after, .rpNewTheme .k-dropdown-wrap.k-state-disabled:after {
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color)
}

.rpNewTheme .k-textbox > input, .rpNewTheme .k-autocomplete .k-input, .rpNewTheme .k-dropdown-wrap .k-input, .rpNewTheme .k-autocomplete.k-state-focused .k-input, .rpNewTheme .k-dropdown-wrap.k-state-focused .k-input, .rpNewTheme .k-picker-wrap.k-state-focused .k-input, .rpNewTheme .k-numeric-wrap.k-state-focused .k-input {
    border-color: var(--border-color)
}

.rpNewTheme .btn {
    font-size: 18px
}

.rpNewTheme .btn-green {
    background-color: #005534
}

    .rpNewTheme .btn-green:hover, .rpNewTheme .btn-green.disabled, .rpNewTheme .btn-green[disabled], .rpNewTheme fieldset[disabled] .btn-green, .rpNewTheme .btn-green.disabled:hover, .rpNewTheme .btn-green[disabled]:hover, .rpNewTheme fieldset[disabled] .btn-green:hover, .rpNewTheme .btn-green.disabled:focus, .rpNewTheme .btn-green[disabled]:focus, .rpNewTheme fieldset[disabled] .btn-green:focus, .rpNewTheme .btn-green.disabled:active, .rpNewTheme .btn-green[disabled]:active, .rpNewTheme fieldset[disabled] .btn-green:active, .rpNewTheme .btn-green.disabled.active, .rpNewTheme .btn-green[disabled].active, .rpNewTheme fieldset[disabled] .btn-green.active {
        background-color: #026c43;
        background-size: auto !important;
        -webkit-background-size: auto !important;
        color: #fff;
    }

.rpNewTheme .navbar-header > ul > li > div > a {
    border-color: var(--primary-color)
}

.rpNewTheme .navbar-header > ul > li.active > div > a {
    background-color: #fc6a00;
    border-color: #fc6a00
}

.rpNewTheme .k-pager-wrap .k-textbox {
    margin-top: 6px;
    padding-bottom: 5px !important;
}



body.container-fullwidth.newLoginPage.rpNewTheme #wrapper, .recipient-chart .recipient-piechart {
    width: 100% !important
}

.rpNewTheme.container-fullwidth .container, .rpNewTheme .widget-chart-expand.expand {
    width: 1152px;
    max-width: 1152px
}

body.newLoginPage.rpNewTheme .copyright a, body.newLoginPage.rpNewTheme .copyright, .rpNewTheme .content.recipients.targetList .widget-listbody .widget-body small, .rpNewTheme .content.recipients.dynamicList .widget-listbody .widget-body small, .rpNewTheme .content.recipients.targetList .widget-listbody .widget-body .item-list > li span, .rpNewTheme .content.recipients.dynamicList .widget-listbody .widget-body .item-list > li span {
    color: #fff !important
}

.newLoginPage.rpNewTheme .leftSideCnt h1 {
    font-family: 'mukta-light'
}

.newLoginPage.rpNewTheme section {
    min-height: calc(100% - 63px)
}

body.newLoginPage.rpNewTheme, html .newLoginPage.rpNewTheme input[type="button"], .newLoginPage.rpNewTheme input[type="reset"], .newLoginPage.rpNewTheme input[type="submit"], .newLoginPage.rpNewTheme.error-page .fade-blkBrowser .cnTBlock h3, .rpNewTheme .k-list-container.k-popup .k-list .k-item, .rpNewTheme .k-animation-container .k-popup.k-list-container .k-list-optionlabel, .rpNewTheme .k-dropdown .k-dropdown-wrap span.k-input, .rpNewTheme .k-datepicker.k-header .k-picker-wrap input[type="text"] {
    font-family: 'mukta-regular' !important
}

.newLoginPage.rpNewTheme .leftSideCnt h2 {
    font-family: 'mukta-bold' !important
}

body.rpNewTheme {
    font-family: 'mukta-regular' !important;
    font-size: 16px;
    letter-spacing: .5px
}

.rpNewTheme .data-number, .rpNewTheme .bootstrap-switch span, .header_Campaign {
    font-family: 'mukta-semibold' !important
}

.rpNewTheme .bubblechart-text-container, .rpNewTheme .m-comp .comp ul li span, .rpNewTheme .connector-label, .rpNewTheme ._jsPlumb_overlay, .rpNewTheme #mainCanvas span.nonEdit, .rpNewTheme #mainCanvas span.mdes, .rpNewTheme .tooltip, .header_Campaign {
    font-family: 'mukta-regular' !important
}

.rpNewTheme .recipient-chart .recipient-venchart {
    width: 90%
}

.rpNewTheme .orange {
    color: #f56701 !important
}

.rpNewTheme .gray, .rpNewTheme .breadcrumb > li > a, .rpNewTheme .grey-medium {
    color: #b8b8b8
}

.rpNewTheme .purple {
    color: #9f65b7 !important
}
/*.rpNewTheme .green{color:#99cc03!important}*/
.rpNewTheme .yellow {
    color: #e7ca60 !important
}

.rpNewTheme .red {
    color: #fe6262 !important
}

.rpNewTheme .st-grid-transparent tr.orange .campaign-status, .rpNewTheme .activity-chart .interaction {
    background-color: #f56701
}

.rpNewTheme .st-grid-transparent tr.gray .campaign-status, .rpNewTheme .progress-steps li .step {
    background-color: #b4bcc2
}

.rpNewTheme .st-grid-transparent tr.purple .campaign-status {
    background-color: #9f65b7
}

.rpNewTheme .st-grid-transparent tr.green .campaign-status, .rpNewTheme .progress-steps li.active:before, .rpNewTheme .progress-steps li.active .step, .rpNewTheme .progress-steps li.complete .step, .activity-chart .conversion, .rpNewTheme .progress-steps li.Campaigncreation.inProcess .step, .rpNewTheme .fc-event.channel-Mobile, .rpNewTheme .fc-event.channel-.Mobile {
    background-color: #99cc03
}

.rpNewTheme .progress-steps.confirmPayment li.active:before, .rpNewTheme .progress-steps.confirmPayment li.active .step, .rpNewTheme .progress-steps.confirmPayment li.complete .step {
    background-color: #fdfdfd;
    BORDER: 2PX SOLID #99cc03
}

.rpNewTheme .st-grid-transparent tr.yellow .campaign-status {
    background-color: #e7ca60
}

.rpNewTheme .fc-event.channel-Mobile, .rpNewTheme .fc-event.channel-.Mobile {
    background: #99cc03;
    border: 1px solid #99cc03
}

.rpNewTheme .activity-chart .viral {
    background-color: #fe5758
}

.rpNewTheme .list-infobox, .rpNewTheme .form-control {
    border-color: #b8b8b8
}

    .rpNewTheme .list-infobox > ul > li {
        border-left: 1px solid #b8b8b8;
        border-bottom: 1px solid #b8b8b8
    }

.rpNewTheme .search-with-dd-container .btn {
    background-color: #005534
}

.rpNewTheme .st-grid-transparent tr.orange .k-hierarchy-cell a.k-icon:after {
    border-bottom-color: #f56701
}

.rpNewTheme .st-grid-transparent tr.gray .k-hierarchy-cell a.k-icon:after, .rpNewTheme .k-autocomplete.k-state-default, .rpNewTheme .k-picker-wrap.k-state-default, .rpNewTheme .k-numeric-wrap.k-state-default, .rpNewTheme .k-dropdown-wrap.k-state-default, .rpNewTheme .k-autocomplete.k-state-disabled, .rpNewTheme .k-picker-wrap.k-state-disabled, .rpNewTheme .k-numeric-wrap.k-state-disabled, .rpNewTheme .k-dropdown-wrap.k-state-disabled, .rpNewTheme .k-multiselect.k-header .k-multiselect-wrap {
    border-bottom-color: #b8b8b8
}

.rpNewTheme .st-grid-transparent tr.purple .k-hierarchy-cell a.k-icon:after {
    border-bottom-color: #9f65b7
}

.rpNewTheme .st-grid-transparent tr.green .k-hierarchy-cell a.k-icon:after {
    border-bottom-color: #99cc03
}

.rpNewTheme .st-grid-transparent tr.yellow .k-hierarchy-cell a.k-icon:after {
    border-bottom-color: #e7ca60
}

.rpNewTheme .st-grid-transparent tr.orange td:nth-child(3) {
    border-left: 4px solid #f56701 !important
}

.rpNewTheme .st-grid-transparent tr.gray td:nth-child(3) {
    border-left: 4px solid #b8b8b8 !important
}

.rpNewTheme .st-grid-transparent tr.purple td:nth-child(3) {
    border-left: 4px solid #9f65b7 !important
}

.rpNewTheme .st-grid-transparent tr.green td:nth-child(3) {
    border-left: 4px solid #99cc03 !important
}

.rpNewTheme .st-grid-transparent tr.yellow td:nth-child(3) {
    border-left: 4px solid #e7ca60 !important
}

.rpNewTheme .widget-box.widget-orange {
    background-color: #f56701;
    border-top: 2px solid #f56701
}

.rpNewTheme .widget-box.widget-green {
    background-color: #99cc03;
    border-top: 2px solid #99cc03
}

.rpNewTheme .widget-box.widget-purple {
    background-color: #804097;
    border-top: 2px solid #804097
}

.rpNewTheme .widget-gallery.widget-orange {
    border-top: 2px solid #fd8f40
}

.rpNewTheme .widget-gallery.widget-green {
    border-top: 2px solid #99cc03
}

.rpNewTheme .tabs-link.nav-tabs > li.active > a:before {
    border-top-color: var(--primary-color);
}

.rpNewTheme .list-divider > li:before, .rpNewTheme .list-divider1 > li:before, .rpNewTheme .list-divider-left li:before, .kiRightAlign .wia-1 i, li.waCountReportPanel:before {
    border-left: 1px solid #b8b8b8
}

.rpNewTheme .chat-bubble:after {
    border-color: #b3d942 transparent transparent transparent
}

.rpNewTheme .chat-bubble {
    background: #b3d942
}

.rpNewTheme input[type="text"], .rpNewTheme input[type="password"], .rpNewTheme input[type="datetime"], .rpNewTheme input[type="datetime-local"], .rpNewTheme input[type="date"], .rpNewTheme input[type="month"], .rpNewTheme input[type="time"], .rpNewTheme input[type="week"], .rpNewTheme input[type="number"], .rpNewTheme input[type="email"], .rpNewTheme input[type="url"], .rpNewTheme input[type="search"], .rpNewTheme input[type="tel"], .rpNewTheme input[type="color"], .rpNewTheme .tagsField, .rpNewTheme .tagsField1, .rpNewTheme .k-state-selected, .rpNewTheme .k-state-selected:link, .rpNewTheme .k-state-selected:visited, .rpNewTheme .k-list > .k-state-selected, .rpNewTheme .k-list > .k-state-highlight, .rpNewTheme .k-panel > .k-state-selected /*,.rpNewTheme .k-button:active*/, .rpNewTheme .k-ghost-splitbar-vertical, .rpNewTheme .k-ghost-splitbar-horizontal, .rpNewTheme .k-draghandle.k-state-selected:hover, .rpNewTheme .k-scheduler .k-scheduler-toolbar .k-state-selected, .rpNewTheme .k-marquee-color, .rpNewTheme .k-list > .k-state-selected:hover, .rpNewTheme input[type="text"]:focus, .rpNewTheme input[type="password"]:focus, .rpNewTheme input[type="datetime"]:focus, .rpNewTheme input[type="datetime-local"]:focus, .rpNewTheme input[type="date"]:focus, .rpNewTheme input[type="month"]:focus, .rpNewTheme input[type="time"]:focus, .rpNewTheme input[type="week"]:focus, .rpNewTheme input[type="number"]:focus, .rpNewTheme input[type="email"]:focus, .rpNewTheme input[type="url"]:focus, .rpNewTheme input[type="search"]:focus, .rpNewTheme input[type="tel"]:focus, .rpNewTheme input[type="color"]:focus, .rpNewTheme .tagsField.active, .rpNewTheme .tagsField1.active, .rpNewTheme .k-pager-input .k-textbox:focus, .rpNewTheme .k-dropdown .k-dropdown-wrap span.k-input, .rpNewTheme .k-editor .k-raw-content, .rpNewTheme .k-editor-dialog .k-editor-textarea, .rpNewTheme .k-datetimepicker .k-picker-wrap .k-input, .rpNewTheme .k-datepicker .k-picker-wrap .k-input, .rpNewTheme .k-timepicker .k-picker-wrap .k-input {
    font-family: 'mukta-regular';
    font-style: normal;
    font-size: 16px;
    color: #333
}

.rpNewTheme .k-pager-input .k-textbox {
    font-size: 15px !important
}

textarea:hover, textarea.form-control:hover, .rpNewTheme .data-grid > tbody > tr > td, .rpNewTheme .content-grid > tbody > tr > td, .rpNewTheme .data-grid1 > tbody > tr > td, .rpNewTheme .well, .rpNewTheme .dashboard-sort-item, .rpNewTheme .dropdown-menu, .rpNewTheme .st-grid-transparent .k-master-row > td, .rpNewTheme .st-grid-transparent [role=row] > td, .k-grid, .k-grid.k-widget, .k-grid-header .k-header, .k-grid-footer, .k-footer-template td, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-grid-header-wrap, .k-grid-header, .k-grid td, .k-grid td.k-state-selected, .k-pager-wrap .k-link, .k-grid-pager, .k-pager-wrap .k-textbox, .k-pager-wrap .k-dropdown-wrap.k-state-default, .k-grid.k-widget > table, .k-grid.k-widget > .k-grid-content, .choose-or *:first-child, .choose-or-hrz *:first-child, .login-wrap .panel, .text-editor-tools {
    border-color: #b8b8b8 !important
}

    .rpNewTheme .well .border-blue {
        border-color: var(--primary-color) !important;
    }

textarea:focus, textarea.form-control:focus {
    border-color: var(--primary-color)
}

::selection {
    background-color: var(--primary-color);
    color: #fff !important;
    font-size: 16px
}

::-webkit-input-placeholder {
    font-family: 'mukta-light';
    color: #666 !important;
    font-weight: 300;
    font-style: normal !important;
    font-size: 16px
}

:-moz-placeholder {
    font-family: 'mukta-light';
    color: #666 !important;
    font-weight: 300;
    font-style: normal !important;
    font-size: 16px
}

::-moz-placeholder {
    font-family: 'mukta-light';
    color: #666 !important;
    font-weight: 300;
    font-style: normal !important;
    font-size: 16px
}

:-ms-input-placeholder {
    font-family: 'mukta-light';
    color: #666 !important;
    font-weight: 300;
    font-style: normal !important;
    font-size: 16px
}

input:-moz-placeholder {
    font-family: 'mukta-light';
    color: #666 !important;
    font-weight: 300;
    font-style: normal !important;
    font-size: 16px
}

input:disabled::-webkit-input-placeholder {
    color: #666 !important;
    font-size: 16px
}

input:disabled:-moz-placeholder {
    color: #666 !important;
    font-size: 16px
}

input:disabled::-moz-placeholder {
    color: #666 !important;
    font-size: 16px
}

input:disabled:-ms-input-placeholder {
    color: #666 !important;
    font-size: 16px
}

input:disabled:-moz-placeholder {
    color: #666 !important;
    font-size: 16px
}

textarea {
    background-color: #fff;
    border: 1px solid #b8b8b8
}

input[disabled], input[readonly], input[disabled]:hover, input[readonly]:hover, input[disabled]:focus, input[readonly]:focus, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background: bottom left linear-gradient(#b8b8b8,#b8b8b8) no-repeat,bottom center linear-gradient(#b8b8b8,#b8b8b8) repeat-x,bottom right linear-gradient(#b8b8b8,#b8b8b8) no-repeat;
    background: bottom left -webkit-linear-gradient(#b8b8b8,#b8b8b8) no-repeat,bottom center -webkit-linear-gradient(#b8b8b8,#b8b8b8) repeat-x,bottom right -webkit-linear-gradient(#b8b8b8,#b8b8b8) no-repeat;
    background-color: #f1f1f1 !important;
    border-color: #b8b8b8 \9;
    color: #888
}

    input[disabled].required, input[readonly].required, input[disabled].required:hover, input[readonly].required:hover, input[disabled].required:focus, input[readonly].required:focus, .form-control[disabled].required, .form-control[readonly].required, fieldset[disabled] .form-control.required {
        background: bottom left -webkit-linear-gradient(#b8b8b8,#b8b8b8) no-repeat,bottom center -webkit-linear-gradient(#b8b8b8,#b8b8b8) repeat-x,bottom right -webkit-linear-gradient(#b8b8b8,#b8b8b8) no-repeat;
        background: bottom left linear-gradient(#fe6262,#fe6262) no-repeat,bottom center linear-gradient(#b8b8b8,#b8b8b8) repeat-x,bottom right linear-gradient(#b8b8b8,#b8b8b8) no-repeat;
        border-left-color: #fe6262 \9 !important
    }

.kyc input[readonly], .kyc input[readonly]:hover {
    background-color: transparent !important;
}

.required.k-dropdown .k-dropdown-wrap:after, .required.k-datepicker .k-picker-wrap:after, .required.k-timepicker .k-picker-wrap:after {
    border-left-color: #fe6262 !important
}

.required.k-autocomplete {
    border-left-color: #fe6262 !important
}

    .required.k-autocomplete.k-state-focused {
        border-left-color: #fe6262 !important
    }

.k-multiselect.k-header.required:after, .k-multiselect.k-header.required.k-state-hover:after, .k-multiselect.k-header.required.k-state-focused:after, .k-autocomplete.k-header.required:after {
    border-left-color: #fe6262 !important
}

.invalid.k-dropdown .k-dropdown-wrap:before, .invalid.k-datepicker .k-picker-wrap:before {
    border-bottom-color: #fe6262;
    border-right-color: #fe6262
}

.invalid.k-dropdown .k-dropdown-wrap, .invalid.k-dropdown .k-dropdown-wrap:after, .invalid.k-datepicker .k-picker-wrap:after {
    border-color: #fe6262;
    border-right-color: #b8b8b8
}

.invalid.k-datepicker .k-picker-wrap, .invalid.k-datepicker .k-picker-wrap.k-state-hover, .invalid.k-datepicker .k-picker-wrap.k-state-focused {
    border-color: #fe6262 !important
}

.no-data {
    color: #b8b8b8 !important
}

.rpNewTheme .k-picker-wrap.k-state-default:before, .rpNewTheme .k-numeric-wrap.k-state-default:before, .rpNewTheme .k-dropdown-wrap.k-state-default:before, .rpNewTheme .k-dropdown-wrap.k-state-disabled:before, .rpNewTheme .k-multiselect.k-header:before {
    border-bottom: 5px solid #b8b8b8;
    border-right: 5px solid #b8b8b8;
    border-top: 10px solid transparent;
    border-left: 4px solid transparent;
}

.rpNewTheme div#channel_settings small {
    font-size: 100%
}

.rpNewTheme .widget-listbody .widget-box > div .blank-text .large {
    font-size: 45px !important
}

.rpNewTheme .stats-percent h5 {
    font-size: 40px !important
}

.rpNewTheme h1, .rpNewTheme .h1, .rpNewTheme .activity-chart h3 span {
    font-size: 34px
}

.rpNewTheme div#u360UserReportHeader h3, .rpNewTheme h4, .rpNewTheme .h4 {
    font-size: 22px
}

.rpNewTheme h4, .rpNewTheme .h4, .btn {
    font-size: 18px
}
/*.rpNewTheme ul.nav.nav-tabs.channelsPanel small,.rpNewTheme h5,.rpNewTheme .h5,.rpNewTheme .nav-right,.rpNewTheme .dropdown>a,.rpNewTheme .nav-tabs>li,.rpNewTheme h6 span.clpClientName,.rpNewTheme .dropdown.dropdown-center>.dropdown-menu>li>a,.rpNewTheme .activity-chart h3,.rpNewTheme input.checkbox[type="checkbox"] ~ .lbl,.rpNewTheme input.checkbox-sm[type="checkbox"] ~ .lbl,.rpNewTheme input.radio[type="radio"] ~ .lbl,.rpNewTheme #divInboxFirstLineMessage label.control-label-left,.rpNewTheme .k-grid-header .k-header .k-link,.rpNewTheme .k-grid-content .k-header .k-link,.rpNewTheme .form-control{font-size:16px !important;}*/
.rpNewTheme ul.nav.nav-tabs.channelsPanel small, .rpNewTheme h5, .rpNewTheme .h5, .rpNewTheme .nav-right, .rpNewTheme .dropdown > a, .rpNewTheme .nav-tabs > li, .rpNewTheme h6 span.clpClientName, .rpNewTheme .dropdown.dropdown-center > .dropdown-menu > li > a, .rpNewTheme .activity-chart h3, .rpNewTheme #divInboxFirstLineMessage label.control-label-left, .rpNewTheme .k-grid-header .k-header .k-link, .rpNewTheme .k-grid-content .k-header .k-link, .rpNewTheme .form-control {
    font-size: 16px !important;
}

.rpNewTheme input.checkbox[type="checkbox"] ~ .lbl, .rpNewTheme input.checkbox-sm[type="checkbox"] ~ .lbl, .rpNewTheme input.radio[type="radio"] ~ .lbl {
    font-size: 16px;
}
/*.rpNewTheme .search.searchEffect .searchField,.rpNewTheme .k-animation-container .k-popup.k-list-container .k-list-optionlabel,.rpNewTheme .chat-bubble,.rpNewTheme .dropdown-menu,.rpNewTheme .k-pager-sizes .k-dropdown .k-dropdown-wrap span.k-input,.rpNewTheme .tabs-left>.nav-tabs>li>a>small,.rpNewTheme .tabs-right>.nav-tabs>li>a>small{font-size:15px!important}*/
.rpNewTheme .k-animation-container .k-popup.k-list-container.k-popup .k-list .k-item {
    font-size: 16px !important;
}

.rpNewTheme .daterangepicker .ranges .range_inputs > button, .rpNewTheme .daterangepicker .ranges li, .rpNewTheme .list-channel > li > div p, .rpNewTheme div#divConnectedSystems .connect-list .box-sm, .rpNewTheme .recipients_popup .recip-col-1, .rpNewTheme .recipients_popup .recip-col-2, .rpNewTheme .recipients_popup .recip-col-3, .rpNewTheme .ifram-Cont input.checkbox[type="checkbox"] ~ .lbl, .rpNewTheme .ifram-Cont input.checkbox-sm[type="checkbox"] ~ .lbl, .rpNewTheme .ifram-Cont input.radio[type="radio"] ~ .lbl {
    font-size: 14px
}

.rpNewTheme h6, .rpNewTheme .h6, .rpNewTheme .pricing-plans ul li, .rpNewTheme .bootstrap-switch span, .rpNewTheme ._jsPlumb_overlay, .k-filter-menu .k-button[type="reset"], .k-filter-menu .k-button[type="submit"] {
    font-size: 13px
}

.rpNewTheme #mainCanvas span.nonEdit, .rpNewTheme #mainCanvas span.mdes, .rpNewTheme .connector-label, .rpNewTheme .m-comp .comp ul li {
    font-size: 11px !important;
    color: #333 !important;
    line-height: 14px !important
}

.rpNewTheme .input-error {
    font-size: 12px
}

.rpNewTheme .bootstrap-switch span {
    font-weight: normal !important
}

.rpNewTheme .k-dropdown .k-dropdown-wrap span.k-input {
    font-style: normal !important;
    line-height: normal
}

.rpNewTheme .badge, .rpNewTheme .label {
    font-weight: 500
}

.rpNewTheme .source-list.sl-recip li span {
    top: 2px
}

.rpNewTheme .modal-header .close.modalCloseIcon {
    font-family: 'resulticks' !important
}

.rpNewTheme .brand-logo {
    line-height: 54px
}

.rpNewTheme .lbl-value, .rpNewTheme h2, .rpNewTheme h3, .rpNewTheme h4, .rpNewTheme h5, .rpNewTheme h6, .rpNewTheme .h2, .rpNewTheme .h3, .rpNewTheme .h4, .rpNewTheme .h5, .rpNewTheme .h6.rpNewTheme .breadcrumb > .active, .rpNewTheme .tabs-link.nav-tabs > li > a {
    color: #333
}

.rpNewTheme h1, .rpNewTheme .h1, .rpNewTheme .breadcrumb > .active .h1, .rpNewTheme .modal-title {
    color: var(--primary-color)
}

.rpNewTheme .breadcrumb > li > a, .rpNewTheme small, .rpNewTheme .small, .rpNewTheme .smaller, .rpNewTheme .grey, .rpNewTheme .tabs-link.nav-tabs > li.active > a {
    color: var(--primary-color)
}

.rpNewTheme .ac-setup.acs-brandagency .choose-type h3 {
    color: #fff;
    font-size: 20px
}

.rpNewTheme .activity-chart h3 {
    color: #fff
}

.rpNewTheme .anylticsOverview .activity-chart h3 {
    padding-top: 22px
}

.rpNewTheme .anylticsOverview .activity-chart > div:nth-child(1) h3 {
    padding-top: 33px;
}

.rpNewTheme .anylticsOverview .activity-chart > div:nth-child(2) h3 {
    padding-top: 22px;
}

.rpNewTheme .anylticsOverview .activity-chart > div:nth-child(3) h3 {
    padding-top: 23px;
}

.rpNewTheme .anylticsOverview .activity-chart > div:nth-child(4) h3 {
    padding-top: 20px;
}

.rpNewTheme .anylticsOverview .activity-chart h3 span {
    font-size: 26px !important
}

.rpNewTheme .anylticsOverview h6 {
    font-size: 15px
}

.rpNewTheme .default-dropdown > a i, .rpNewTheme .dropdown-select > a i, .rpNewTheme .icon-dropdown-small {
    color: #888
}

.rpNewTheme input[disabled], .rpNewTheme input[readonly], .rpNewTheme input[disabled]:hover, .rpNewTheme input[readonly]:hover, .rpNewTheme input[disabled]:focus, .rpNewTheme input[readonly]:focus, .rpNewTheme .form-control[disabled], .rpNewTheme .form-control[readonly], .rpNewTheme fieldset[disabled] .form-control {
    background-size: 1px 15px,1px 1px,1px 15px !important;
    -webkit-background-size: 1px 15px,1px 1px,1px 15px !important;
    -ms-background-size: 1px 15px,1px 1px,1px 15px !important
}

.rpNewTheme .filterSec li > .filters-container > a, .rpNewTheme .filterSec1 li > .filters-container1 > a {
    font-size: 13px;
    border: 1px solid #b8b8b8;
    padding: 3px 25px 3px 5px
}

.rpNewTheme ul#cgListItems.tabs-link.nav-tabs > li.active > a:after {
    border-top: 5px solid #fff !important
}

.rpNewTheme .audienceBunchBlk.container-fullwidth .container {
    width: 1260px;
    max-width: 1260px
}

.rpNewTheme .progress-steps li.Campaigncreation.inProcess .step {
    background-color: #fc6a00
}

.rpNewTheme .progress-steps li.inProcess .title {
    color: #f56701
}

.rpNewTheme .progress-steps li .title, .rpNewTheme .progress-steps li.Campaigncreation.inProcess .title {
    color: #666
}

.rpNewTheme .tabs-top > li > a, .tabs-boxed > li > a {
    background-color: var(--bg-tag);
    font-size: 18px
}

.rpNewTheme .dropdown .dropdown-menu:before {
    border-color: #cecece transparent
}

.rpNewTheme .copyright a, .rpNewTheme .copyright {
    color: #6e6e6e !important;
    font-size: 13px
}

.rpNewTheme .media-list .dropdown-header {
    font-size: 14px;
    color: #585858
}

.rpNewTheme .content.dashboard .open > .dropdown-menu {
    overflow: visible
}

.rpNewTheme .recipients_popup .master-recip-data.mrd-new.serOn {
    clip: rect(0px,1152px,425px,0px)
}

.rpNewTheme .recipients_popup .master-recip-data.mrd-new {
    height: 425px
}

.rpNewTheme .k-pager-input {
    margin-top: 5px
}

.rpNewTheme li.timeline-inverted .dropdown.default-dropdown.open > .dropdown-menu, .rpNewTheme .open > ul#MonthID.dropdown-menu {
    overflow: hidden;
    overflow-y: scroll
}

.rpNewTheme #dlistpartial .info-popup.serOn {
    clip: rect(0px,1152px,532px,0px)
}

.rpNewTheme #dlistpartial .info-popup {
    width: 1152px;
    height: 520px !important
}

.rpNewTheme .targetListOptPage #dlistpartial .info-popup.serOn {
    clip: rect(0px,1152px,495px,0px)
}

.rpNewTheme .targetListOptPage #dlistpartial .info-popup {
    width: 1152px;
    height: 480px !important
}

.targetListOptPage div#dlistpartial .list-segment:nth-child(2) .info-popup, .targetListOptPage div#dlistpartial .list-segment:nth-child(5) .info-popup, .targetListOptPage div#dlistpartial .list-segment:nth-child(8) .info-popup {
    margin-left: -395px
}

.rpNewTheme .sel_advAnalyticsContainer input.placeholder-selected .k-input {
    color: #fff !important
}

.sel_advAnalyticsContainerGrid .k-pager-wrap.k-grid-pager.k-widget {
    padding-bottom: 10px
}

.rpNewTheme .popover {
    background-clip: unset
}

.rpNewTheme .bootstrap-switch span.bootstrap-switch-primary {
    background-color: #40abaf
}

.rpNewTheme .campaign-type > li > a {
    width: 140px
}

.campaign-type > li:nth-child(5).select-campaign a {
    padding: 20px;
}

.rpNewTheme .content.recipients.targetList div#dlistpartial .list-segment .widget-list {
    height: 247px !important
}

.rpNewTheme .fc-unthemed .fc-popover.fc-more-popover {
    width: 90%
}

.rpNewTheme .campaigngallery_flex a.cggpPopupLink {
    background: transparent
}

.rpNewTheme .list-overview-info {
    width: 252px
}

    .rpNewTheme .list-overview-info.infoGreen {
        left: 506px
    }

    .rpNewTheme .list-overview-info.infoOrange {
        left: 253px
    }

.rpNewTheme .list-infobox > ul > li {
    padding: 10px 0 14px 10px
}

.rpNewTheme .c-product {
    height: 160px
}

.rpNewTheme .profile-picture > div {
    display: table;
}

.rpNewTheme .profile-picture figure { /*display:inline-block;*/
    overflow: hidden;
}

.rpNewTheme #pnlMyprofilePage .profile-picture figure {
    display: inline-block;
}

.rpNewTheme span#pnlLogoUpload i {
    vertical-align: bottom
}

.rpNewTheme .content.campaign .campaigngallery_flex .flex-control-nav {
    bottom: -14px
}

.rpNewTheme .k-pager-input, .rpNewTheme .k-pager-sizes .k-widget.k-dropdown {
    margin-top: -1px
}

.rpNewTheme .k-pager-sizes .k-dropdown .k-input {
    padding: 0 !important
}

.rpNewTheme ul.list-user-visits .well.well-md.infobox-border.border-blue {
    margin-bottom: 0;
    min-height: 95px
}

body.rpNewTheme.system-integration-body .footer-borders-container {
    margin-top: 10px
}
/*.rpNewTheme .content.preferences .tabs-left>.nav-tabs>li{min-width:115px}*/
.rpNewTheme #userReportContainer .list-user-visits #listViewWeb_pager {
    top: 0
}

    .rpNewTheme #userReportContainer .list-user-visits #listViewWeb_pager .k-pager-sizes .k-dropdown .k-input {
        padding: 2px !important
    }

.rpNewTheme .navbar-header > ul > li.active > div > a, .rpNewTheme .right-navbar .label {
    background-color: #fd2d32;
    border-color: #fd2d32;
}

#mcc.template-editor-campaign-partial-body footer .powered, #mcc.rp_MDLApplicationMaster, #mcc.rp_MDLApplicationMaster footer .powered {
    right: 40px
}

.rpNewTheme .campaign-checklist > li.second {
    width: 138px
}

.logo-wrap img[src*="resulticks-logo-blue.svg"], img[src*="resulticks-logo-white.svg"] {
    width: 180px
}

.rpNewTheme .sort-item-top {
    height: 310px !important
}

div#pnlHeaderMenu .dropdown-menu > li > a {
    padding: 5px 15px !important;
    font-size: 16px
}

.rpNewTheme .daSubNav .dropdown > a > i {
    margin-left: 0
}

.grid-space > tbody > tr > td {
    padding: 17px 20px !important
}

.campaign-checklist > li.second.messagingnew {
    width: 106px !important
}

.campaign-checklist > li.second.paidmedianew {
    width: 96px !important
}

.campaign-checklist > li.second.second.new-second {
    width: 110px
}

.rpNewTheme .tabs-left {
    border: 1px solid #d4d6de
}

.page-header .list-inline .dropdown > a > i {
    position: relative;
    top: -6px;
    left: -3px
}

div#importcontentPanel div#divimporterror {
    padding: 15px 0
}

div#Persona td {
    width: 235px
}

.k-multiselect-wrap .k-input, .placeholder-selected .k-input {
    font-style: normal;
    color: #666 !important
}

.k-multiselect-wrap .k-input, .placeholder-selected .k-input {
    font-size: 16px
}
/*.k-multiselect-wrap li{font-size:13px!important}*/
.previewShow .preview-tabs.nav-tabs > li#mobilepreviewList i {
    left: 5px;
    position: relative
}

.rpNewTheme .campaign-performance-chart {
    width: 1050px
}

div#smstab .slimScrollDiv {
    width: 100% !important
}

.updateActionBlock .green {
    color: #5ba529 !important
}

div#smstab .textarea-save {
    top: -5px
}

.plan-header.text-center small, .nav.nav-tabs.tabs-fixed small {
    font-size: 100%
}

.rpNewTheme .border-top-color, .rpNewTheme .well.border-top-color, .rpNewTheme .k-grid.k-widget .border-top-color {
    border-top-color: var(--primary-color) !important
}

.login-wrap div#divmain.panel.bgGrey-lighter1.border-top-color {
    border: 0
}

.rp-template-editor-body footer span.powered {
    right: 100px
}

div#divFBTarget .target-detail {
    z-index: 9999
}

div#divSmartCodeDisplay input#spnSmartUrl, div#divSmartCodeDisplayB input#spnSmartUrlB {
    background-size: 0 !important;
    width: 90%
}

.target-list-section h6.filter-helpTxt {
    font-size: 16px
}

/* Communication setting page style */
.rpNewTheme .message-settings-tabs .tab-content {
    overflow: inherit
}

#scheduleModal .scheduleTypeAuto #errmsgvalMimamAutoStartIn {
    margin-left: -3px !important;
    margin-top: -35px !important;
    white-space: initial;
    width: 250px
}

/* OfferAdd */
.offerAdd .tickIcon {
    position: absolute;
    right: -15px;
    top: 15px
}

.offerAdd .form-group > label + div[class*="col-"] > ul, .offerAdd .form-group > label + div[class*="col-"] > label {
    z-index: 1000
}

#OfferModelGrid .k-grid-header .k-header > .k-link {
    max-width: 100%
}

/*VMS*/

/* CampaignCreation - VMS */
#divVMSTab .res-VMSAudioBlk .audioplayer .audioplayer-volume {
    display: none
}

#divVMSTab .res-VMSAudioBlk .audioplayer {
    height: auto;
    margin-top: 5px;
    padding: 0
}

    #divVMSTab .res-VMSAudioBlk .audioplayer .audioplayer-playpause {
        width: 23px;
        height: 23px;
        border: 0
    }

    #divVMSTab .res-VMSAudioBlk .audioplayer .audioplayer-time-current {
        margin-left: 5px
    }

    #divVMSTab .res-VMSAudioBlk .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
        margin-left: 3px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 8px solid #0059ff
    }

#divVMSTab .res-VMSAudioBlk .audioplayer-playing .audioplayer-playpause a {
    width: 6px;
    height: 8px
}

    #divVMSTab .res-VMSAudioBlk .audioplayer-playing .audioplayer-playpause a::before, #divVMSTab .res-VMSAudioBlk .audioplayer-playing .audioplayer-playpause a::after {
        width: 2px;
        height: 8px
    }

#divVMSTab .res-VMSAudioBlk {
    border: 1px solid #b8b8b8;
    margin-top: 15px !important;
    padding: 7px
}

    #divVMSTab .res-VMSAudioBlk a {
        float: right
    }

    #divVMSTab .res-VMSAudioBlk .small {
        float: left;
        margin-left: 7px
    }

    #divVMSTab .res-VMSAudioBlk .file-size {
        float: left;
        clear: both;
        margin-left: 7px;
        font-size: 12px !important;
        color: #b8b8b8
    }

    #divVMSTab .res-VMSAudioBlk .audioplayer {
        float: left;
        width: 70%;
        margin-top: 0;
        clear: both;
        background: transparent
    }

#divVMSTab .audioplayer .audioplayer-volume {
    display: none
}

#divVMSTab .audioplayer {
    height: auto;
    margin-top: 5px;
    padding: 0
}

    #divVMSTab .audioplayer .audioplayer-playpause {
        width: 23px;
        height: 23px
    }

    #divVMSTab .audioplayer .audioplayer-time-current {
        margin-left: 5px
    }

    #divVMSTab .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
        margin-left: 3px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 8px solid #0059ff
    }

#divVMSTab .audioplayer-playing .audioplayer-playpause a {
    width: 6px;
    height: 8px
}

    #divVMSTab .audioplayer-playing .audioplayer-playpause a::before, #divVMSTab .audioplayer-playing .audioplayer-playpause a::after {
        width: 2px;
        height: 8px
    }

#divVMSTab .res-VMSAudioBlk .audioplayer, #divVMSTab .res-VMSAudioBlk .file-size {
    float: left
}

#divVMSTab .res-VMSAudioBlk .audioplayer {
    width: 70%
}

#divVMSTab .res-VMSAudioBlk .file-size {
    width: 30%
}

.refresh-audioplayer {
    margin-left: 10px;
    position: relative;
    top: -10px
}

.res-CustomParameterCntBlk {
    display: none
}

.k-animation-container.cp-tooltip-template {
    z-index: 1030 !important
}

/* Business Unit - Dropdowns */
.rpNewTheme .page-header div#eximport {
    max-width: none
}

.rpNewTheme .page-header ul.list-inline li {
    float: left;
    padding-left: 0;
    padding-right: 0
}

    .rpNewTheme .page-header ul.list-inline li .dropdown-menu li {
        width: 100%
    }

.rpNewTheme .page-header .list-inline .dropdown > a > span {
    float: left
}

.rpNewTheme .page-header .list-inline .dropdown > a > i {
    position: relative;
    top: 1px;
    left: 0;
    float: left
}

.rpNewTheme .list-divider > li:before, .rpNewTheme .list-divider1 > li:before, .rpNewTheme .list-divider-left li:before {
    border-left: 1px solid #b8b8b8
}

.campaign-header .list-divider li:before {
    border-left: 1px solid #b4bcc2
}

/* Kendo grid header sort style */
.k-grid-header [aria-sort="ascending"] .k-link > .k-icon, .k-grid-header [aria-sort="descending"] .k-link > .k-icon {
    vertical-align: middle
}

    .k-grid-header [aria-sort="descending"] .k-link > .k-icon.k-i-arrow-s {
        background-position: 0 -33px !important
    }

/* Dashboard page style */
.grey-darker {
    color: #6e6e6e !important
}

.background-transparent {
    background: transparent !important
}

.font-sm {
    font-size: 20px !important
}

.rpNewTheme .testGaugeClass {
    float: none !important;
    margin: 0 auto !important
}

/* Communication setting page style */
.rpNewTheme .message-settings-tabs .tab-content {
    overflow: inherit
}

.rpNewTheme .k-widget.k-window .k-window-titlebar .k-window-actions .k-i-close {
    font-family: 'resulticks' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 20px
}

.rpNewTheme .k-widget.k-window .k-window-titlebar .k-window-actions .k-i-close {
    background-image: none !important
}

    .rpNewTheme .k-widget.k-window .k-window-titlebar .k-window-actions .k-i-close:before {
        content: ""; /*content:"\e99d";*/
        position: absolute;
        color: var(--primary-color);
        background: url('../Images/svg/close-small.svg') no-repeat 5px 3px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        line-height: 23px
    }

    .rpNewTheme .k-widget.k-window .k-window-titlebar .k-window-actions .k-i-close:hover:before {
        background: url('../Images/svg/white/close-small.svg') no-repeat var(--primary-color) 5px 3px;
        color: #fff
    }

/* Campaign goals page style */
.rpNewTheme .goals-container {
    height: auto
}

    .rpNewTheme .goals-container .data-grid1 > tbody > tr > td {
        font-size: 15px !important
    }

/* Add form generation page style */
.rpNewTheme .content #divmainhideftremp {
    overflow: hidden;
}

    .rpNewTheme .content #divmainhideftremp .widget-component.widget-component-fixed {
        max-width: 1150px
    }

#formgenerationdiv .uniqueprogressvalidation .salutationfield .k-dropdown-wrap {
    padding: 0
}

/* Pricing page style */
.rpNewTheme .pricing-plans .plan-header small {
    font-size: 100%;
}

/* Invoice List page */
#InvoiceGrid .k-grid-header .k-header > .k-link {
    max-width: 100%;
}

/* Users list page */
.rpNewTheme .preferences #divgridmain .k-loading-mask {
    display: none;
}

/* CampaignSummaryReport */
.rpNewTheme .camp_report .header_Campaign {
    font-family: 'mukta-regular' !important;
}

.rpNewTheme .list-overview-data p, .rpNewTheme .list-overview-data > h3, .rpNewTheme .list-overview-data h4 {
    color: #fff
}

    .rpNewTheme .list-overview-data > h3 > span {
        color: #fff;
        font-size: 16px
    }

/* Trend comparison */
.rpNewTheme .form-group .res-TrendRpt .k-widget {
    width: 100% !important
}

    .rpNewTheme .form-group .res-TrendRpt .k-widget input {
        background-size: 0;
        -webkit-background-size: 0;
        -ms-background-size: 0
    }

/* Leadscore page */
.rpNewTheme #leadscoreOtherIndustries input[type="text"], .rpNewTheme #leadscoreOtherIndustries .k-dropdown .k-dropdown-wrap span.k-input, .rpNewTheme #leadscoreOtherIndustries .data-grid1.data-grid1-sm > tbody > tr > td, .rpNewTheme #leadscoreOtherIndustries .data-grid1.data-grid1-sm > tbody > tr > td input {
    font-size: 16px !important
}

.rpNewTheme #leadscoreOtherIndustries .grid-box .box-table > tbody > tr > td, .rpNewTheme #leadscoreOtherIndustries .list-daywise table.data-grid1.data-grid1-sm > thead > tr > th {
    font-size: 16px;
    padding-left: 14px
}

.rpNewTheme #Purchasepattern .list-daywise {
    min-height: 240px;
    height: auto
}

.rpNewTheme #b2cprofile-data .list-daywise {
    min-height: 220px;
    height: auto
}

.rpNewTheme div#campaign-response .form-group, .rpNewTheme div#audience-laddering .form-group {
    margin-bottom: 0
}

.rpNewTheme .grid-box, .rpNewTheme .ls-DivBase, .rpNewTheme .boxborder {
    border: 1px solid #b8b8b8
}

    .rpNewTheme .grid-box .box-table > tbody > tr > td, .rpNewTheme .data-grid1 > tbody > tr > td {
        color: #333
    }

.rpNewTheme #leadscoreOtherIndustries #opt2 > a, .rpNewTheme #leadscoreOtherIndustries #opt4 > a, .rpNewTheme #leadscoreOtherIndustries #opt5 > a {
    padding: 12px 11px 0;
}


/* Account Setting page */
.conversion-spliterblk-css .custSpilter:after {
    content: '';
    width: 100%;
    height: 1px;
    border-top: 1px dashed #ccc;
    position: absolute;
    left: 0;
    bottom: 0
}

.conversion-spliterblk-css .input-help {
    float: left;
    width: 100%;
    border: 1px solid #b8b8b8;
    border-top: 0
}

    .conversion-spliterblk-css .input-help.custSpilter {
        border-bottom: 0;
        border-top: 1px solid #b8b8b8
    }

    .conversion-spliterblk-css .input-help h6 {
        padding: 5px;
        margin-bottom: 2px
    }

    .conversion-spliterblk-css .input-help .tagsField {
        float: left;
        max-height: 28px !important;
        min-height: 28px !important;
        height: 28px;
        border-color: #b8b8b8 !important;
        padding: 0 5px;
        border: 0;
        width: 98% !important
    }

        .conversion-spliterblk-css .input-help .tagsField li.tag {
            margin: 0 1% 6px 0
        }

            .conversion-spliterblk-css .input-help .tagsField li.tag.bgFacebook {
                color: #fff
            }

                .conversion-spliterblk-css .input-help .tagsField li.tag.bgFacebook a {
                    background: url(themes/base/images/icon-close-tag-white.png) no-repeat 5px 9px
                }

        .conversion-spliterblk-css .input-help .tagsField .jspContainer {
            height: 28px !important
        }

#localization-settings .conversion-spliterblk-css .input-help.click-off {
    opacity: 1;
    pointer-events: auto
}

    #localization-settings .conversion-spliterblk-css .input-help.click-off .tagsField li.tag {
        pointer-events: none
    }

.daw-tooltip .popover-content { /*min-width:160px;*/
    font-family: 'mukta-regular'
}

@media(max-width:1460px) {
    #footer-fullscreen .container {
        width: 60%
    }
}

.kpiDerivedAttribute {
    background-color: rgba(157,133,194,0.32) !important;
    border-color: rgba(86,75,102,0.26) !important
}

.detail-chart-vms {
    height: 310px !important;
    margin: 5px auto 0 auto
}

ul#TemplateSelectionDdMenu {
    min-width: 150px
}

.error-pageConnect .fade-blk .cnTBlock div#webtrackalert h3 {
    text-shadow: none !important
}

div.list-overview-info:nth-child(2) > div:nth-child(2) > div:nth-child(3) > h4 {
    color: #fff
}

div.list-overview-info:nth-child(3) > div:nth-child(2) > div:nth-child(3) > h4 {
    color: #fff
}

div.list-overview-info:nth-child(4) > div:nth-child(2) > div:nth-child(3) > h4 {
    color: #fff
}

a.pc-links-text.text-underline {
    text-decoration: underline !important
}

#OfferModelGrid table {
    border-left: 0
}

.k-grid-header [aria-sort="ascending"] .k-link > .k-icon {
    vertical-align: middle
}

.k-grid-header [aria-sort="descending"] .k-link > .k-icon {
    vertical-align: baseline
}

/* UI Changes*/
.list-AudiencePotentialCountView tbody tr td {
    text-align: right
}

.info-popup.list-AudiencePotentialCountView.serOn {
    clip: rect(0,780px,353px,1px);
}

.csr-reports .toggle-reports, .csr-reports .toggle-reports-funnel {
    z-index: 2;
}

.csr-reports .info-popup.list-AudiencePotentialCountView {
    width: 760px;
}

    .csr-reports .info-popup.list-AudiencePotentialCountView.serOn {
        clip: rect(0,760px,353px,0);
    }

.info-popup.list-AudiencePotentialCountView {
    height: 353px !important;
    background: rgba(0,102,201,0.95);
    width: 780px
}

    .info-popup.list-AudiencePotentialCountView .item-list-style1 > li {
        color: #fff
    }

    .info-popup.list-AudiencePotentialCountView .scroll-pane {
        height: 250px
    }

    .info-popup.list-AudiencePotentialCountView .item-list > li {
        padding: 10px 15px 0
    }

.info-popup.list-DAAudiencePotentialCountView.serOn, .info-popup.list-DAAudiencedeliveredPotentialCountView.serOn {
    clip: rect(0,364px,295px,0)
}

.info-popup.list-DAAudiencePotentialCountView, .info-popup.list-DAAudiencedeliveredPotentialCountView {
    height: 295px !important;
    width: 362px;
    margin-top: 105px;
    border-top: 10px solid #fdfdfd;
    left: auto;
    margin-left: 1px;
    background: rgba(0,102,201,0.95)
}

    .info-popup.list-DAAudiencePotentialCountView .item-list-style1 > li {
        color: #fff
    }

    .info-popup.list-DAAudiencePotentialCountView .scroll-pane {
        height: 180px
    }

    .info-popup.list-DAAudiencePotentialCountView .item-list > li {
        padding: 10px 15px 0
    }

    .info-popup.list-DAAudiencedeliveredPotentialCountView .item-list-style1 > li {
        color: #fff
    }

    .info-popup.list-DAAudiencedeliveredPotentialCountView .scroll-pane {
        height: 180px
    }

    .info-popup.list-DAAudiencedeliveredPotentialCountView .item-list > li {
        padding: 10px 15px 0
    }

    .info-popup.list-DAAudiencePotentialCountView:before, .info-popup.list-DAAudiencedeliveredPotentialCountView:before {
        position: absolute;
        top: -10px;
        border-style: solid;
        border-width: 0 11px 11px;
        border-color: rgba(0,102,201,0.95) transparent
    }

    .info-popup.list-DAAudiencePotentialCountView:before {
        left: 80px
    }

    .info-popup.list-DAAudiencedeliveredPotentialCountView:before {
        right: 80px
    }
/* .AudiencePotentialCount,.AudiencedeliveredPotentialCount{position:absolute;right:22px} */
.rpNewTheme .k-filter-menu .k-dropdown .k-dropdown-wrap span.k-input {
    font-size: 13px;
    font-style: normal !important
}

.rpNewTheme .k-filter-menu .k-widget, .rpNewTheme .k-filter-menu .k-textbox, .rpNewTheme .k-filter-menu .k-textbox:focus, .rpNewTheme .k-filter-menu .k-popup .k-list .k-item {
    font-size: 13px
}

.rpNewTheme .k-filter-menu .k-button {
    background-color: #005534 !important
}

    .rpNewTheme .k-filter-menu .k-button:hover {
        background-color: #026c43 !important
    }

    .rpNewTheme .k-filter-menu .k-button[type="reset"] {
        background-color: transparent !important;
        color: #fc6a00 !important
    }

.content.recipients #divChartWrapper {
    position: relative
}

.bubblechart-text-container .btc-value {
    font-size: 35px;
    font-weight: 500
}

.bubblechart-text-container .btc-name {
    font-size: 20px
}

.audiencecollectionValue {
    font-size: 30px
}

.audiencecollectionText {
    font-size: 15px
}

.highcharts-tooltip > span > span {
    font-size: 13px !important;
    font-weight: 300;
    font-family: 'mukta-regular';
    text-align: center
}

.highcharts-tooltip span {
    font-size: 12px !important;
    line-height: 18px;
    font-family: mukta-semibold !important;
    font-weight: 500
}

.hc_recipientDataLabels {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    text-align: center
}

    .hc_recipientDataLabels .bdlPercentage {
        font-size: 24px;
        font-weight: 500;
        line-height: 100%
    }

        .hc_recipientDataLabels .bdlPercentage > span {
            font-size: 80%;
            font-weight: 300
        }

    .hc_recipientDataLabels .bdlName {
        font-size: 16px;
        font-weight: 400
    }

.recipient-chart .recipient-venchart {
    width: 400px;
    margin: 0 auto;
    height: 320px
}

.recipients-widget .chart-wrapper-sm {
    height: 320px
}

.confirmPayDashboard h4 {
    font-size: 16px
}

#cpContainer1 .dashboard-sort-item h1 {
    line-height: initial;
    font-size: 34px
}

.rpNewTheme .daterangepicker .ranges li, .recipients-widget ul.recip-popup-list li span, .content.recipients h6 {
    font-size: 15px
}

.rpNewTheme .daterangepicker .ranges input {
    font-size: 13px
}

.content.recipients.targetList #dgridpartial .k-grid td:nth-child(2), .content.recipients.targetList #dgridpartial .k-grid th:nth-child(2) {
    border-left-width: 0
}

#importHistoryGrid tbody td:nth-child(3) {
    text-align: right
}

.orm_bottom {
    bottom: 33px;
    position: absolute;
    right: 30px
}

div#weekly .list-block > li {
    margin-left: 0
}

.data-number {
    font-family: 'mukta-semibold';
    margin: 9px 0;
    font-size: 30px
}

h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #333
}
/*.quick-actions .form-group li a{margin:0 auto;width:118px}*/
/*bubble chart corner cut*/
#CustomersPropContainer g.highcharts-series.highcharts-series-0.highcharts-bubble-series.highcharts-color-0.highcharts-tracker path:nth-child(4) {
    transform: translateX(1px);
}

/* 20200212 - Icons size updates */
/* common style */
.icon-xs {
    font-size: 18px !important
}

.icon-sm {
    font-size: 23px !important
}

.icon-xsm {
    font-size: 25px !important
}

.icon-md {
    font-size: 30px !important
}

h3, .h3 {
    font-size: 20px
}

.margin-T2 {
    margin-top: 2px !important
}

.powered i.footerIcon1 {
    font-size: 23px !important
}

hr {
    border-top: 1px solid #b8b8b8
}

a:focus, a:hover {
    color: var(--primary-color)
}

.navbar-header .icon-md {
    font-size: 23px !important
}

.rpNewTheme .dropdown > a {
    color: #333
}

    .rpNewTheme .dropdown > a:hover, .rpNewTheme .dropdown > a:focus {
        color: var(--primary-color)
    }

.right-navbar > ul > li > a {
    font-size: 23px
}

.rpNewTheme .btn-green:hover {
    box-shadow: 0 0 19px #026c43
}

.nav-right:first-child > ul > li {
    margin-left: 15px
}
/*#campaign-list .nav-right:first-child>ul>li{margin-left:25px}*/
.alertTick, .closeOpacity {
    right: -15px;
    top: 0
}

.resResendText {
    font-size: 13px !important
}

.resPulsIconStyle, .nav-right:first-child > ul > li > a, .ascRight .dropdown > a, .changeViewType, .crbPersona, .recipients .nav-right .iconRound > li > a:hover {
    border-radius: 100%
}

    .resPulsIconStyle:hover, .nav-right:first-child > ul > li > a:hover, .ascRight .dropdown > a:hover, .changeViewType:hover, .crbPersona:hover, .recipients .nav-right .iconRound > li > a:hover {
        box-shadow: 0 0 19px #0e68b4
    }

.ascRight .default-dropdown a:hover, .ascRight .search-list .dropdown > a:hover {
    box-shadow: none
}

.ascRight .dropdown > a > i {
    padding: 0
}

.nav-right > ul > li > a .icon-md, .ascRight a .icon-md {
    font-size: 30px !important
}

.page-header .list-inline .dropdown > a > i {
    top: -5px;
    padding-right: 0
}

.page-header h1 + ul, .page-header h1 + div ul {
    margin-right: 0
}

    .page-header h1 + ul li .dropdown-menu {
        overflow: visible
    }

.rpNewTheme .dropdown .dropdown-menu:before {
    border-color: #b8b8b8 transparent
}

.icon-dropdown-small {
    font-size: 18px !important;
    padding-left: 5px !important
}

.reportrange.date-range-picker, .daterange.date-range-picker {
    padding-top: 0
}

.date-range-picker {
    color: #333
}

    .date-range-picker:hover {
        color: var(--primary-color)
    }

    .date-range-picker i {
        display: inline-block
    }
    /*.date-range-picker .icon-calendar-mini{font-size:18px!important}*/
    .date-range-picker span {
        font-size: 18px;
        line-height: 18px;
        position: relative;
        top: 1px
    }

    .date-range-picker .icon-dropdown-small {
        margin: 0 !important
    }

.rpNewTheme .search, .rpNewTheme .search-on {
    height: 30px
}

.rpNewTheme .searchEffect .slidePanel {
    width: 30px
}

.rpNewTheme .searchSlide, .rpNewTheme .searchSlidePopup {
    width: 30px;
    height: 30px
}

.searchEffect input, .searchEffect input:focus {
    border-radius: 50px;
    height: 26px;
}

.searchEffect .close-icon i {
    top: -1px
}

.advancedSearchOverlay .flexieSearchBar .ascRight {
    height: 30px
}

    .advancedSearchOverlay .flexieSearchBar .ascRight .date-range-picker {
        margin: 5px 15px 0 0
    }

.advancedSearchOverlay .advanced-search-container ul.search-list i.adv-search-icon {
    font-size: 20px !important
}

.advancedSearchOverlay .advanced-search-container ul.search-list, .advancedSearchOverlay .advanced-search-container ul.search-list li:first-child {
    line-height: 30px
}

.advancedSearchOverlay .search-with-dd-container .advanedSearchSlideClk {
    padding-left: 6px
}

.advancedSearchOverlay .search-with-dd-container input[type="text"].search-input {
    height: 26px !important
}

.advancedSearchOverlay .search-with-dd-container .dd-anchor {
    top: 4px
}

.advancedSearchOverlay .advanced-search-container .optimize-list {
    position: absolute;
    left: -90px;
    top: -1px;
    font-size: 18px
}

    .advancedSearchOverlay .advanced-search-container .optimize-list.res-ChangeBtn {
        left: -145px
    }

.rpNewTheme .dropdown-menu {
    font-size: 16px !important
}

.rpNewTheme .btn-green:hover {
    box-shadow: 0 0 19px #026c43
}

.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a, .rpNewTheme .tabs-link.nav-tabs > li > a, .rpNewTheme .data-grid > thead > tr > th, .rpNewTheme .content-grid > thead > tr > th, .rpNewTheme .data-grid1 > thead > tr > th, .rpNewTheme .btn-text {
    font-size: 18px
}

.rpNewTheme .k-grid-header tr th, .rpNewTheme .k-grid tr td {
    padding: 10px;
    line-height: normal;
    word-break: break-all
}

div#kGrid tr td {
    padding: 10px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    line-height: 18px;
    text-overflow: ellipsis;
    vertical-align: middle
}

.rpNewTheme .k-grid-header tr th {
    font-size: 16px
}

.dropdown-menu.media-list .dropdown-footer a:hover {
    background: transparent
}

.dropdown-menu.border-blue {
    border-color: var(--primary-color) !important
}

.rpNewTheme h1, .rpNewTheme .h1, .rpNewTheme .breadcrumb > .active .h1, .rpNewTheme .modal-title {
    color: var(--primary-color)
}

.rpNewTheme header .main-wrapper .logo h1 img {
    margin: 0
}

.logo-wrap img[src*="resulticks-logo-blue.svg"], img[src*="resulticks-logo-white.svg"] {
    width: auto;
    max-height: 48px !important
}

.rpNewTheme header .main-wrapper .brand-logo {
    height: 54px;
    line-height: 54px;
    padding: 0 10px
}

    .rpNewTheme header .main-wrapper .brand-logo a {
        padding-top: 5px
    }

.newLoginPage .rightSideCnt #errmsgContactAdmin.input-error, .newLoginPage .rightSideCnt #errmsguserwithoutassignclient.input-error {
    margin-top: -35px
}

.rpNewTheme.newLoginPage .powered {
    right: 0
}

.powered i.footerIcon1 {
    right: -10px
}

.newLoginPage .powered i.footerIcon2 {
    width: 36px;
    height: 36px;
    top: 0
}

.rpNewTheme .copyright a, .rpNewTheme .copyright {
    color: #666 !important
}

.rpNewTheme small, .rpNewTheme .small, .rpNewTheme .smaller {
    font-size: 79% !important; /*color:#333*/
    color: var(--color-primary-dark-dark);
}

.rpNewTheme.newLoginPage small, .rpNewTheme.newLoginPage .small, .rpNewTheme.newLoginPage .smaller {
    font-size: 16px !important;
    line-height: 24px
}

.rpNewTheme.newLoginPage .forgot-link {
    float: right;
    color: #666 !important;
    text-decoration: underline !important;
    font-size: 16px !important
}

.ac-setup.acs-brandagency .acsb-margin {
    margin-top: 20px !important
}

.agencySlide .flex-control-nav {
    z-index: 1
}

.profile-width-adjust {
    width: auto
}

.rpNewTheme .popover {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color)
}

    .rpNewTheme .popover.top .arrow, .rpNewTheme .popover.bottom .arrow {
        border-top-color: var(--primary-color);
        border-bottom-color: var(--primary-color)
    }

    .rpNewTheme .popover.bottom > .arrow:after {
        border-bottom-color: var(--primary-color)
    }

    .rpNewTheme .popover .popover-content {
        font-size: 12px;
        padding: 6px 10px;
        word-break: break-word
    }

.rpNewTheme .help-block .helppopup i.icon-question-mark-small {
    font-size: 16px;
    position: relative;
    top: 2px;
    line-height: 0
}

.rpNewTheme label.smaller > .lbl, .rpNewTheme label.smaller > a {
    font-size: 13px !important
}

.rpNewTheme h5, .rpNewTheme .h5, .rpNewTheme .nav-right, .rpNewTheme h6 span.clpClientName, .rpNewTheme .dropdown.dropdown-center > .dropdown-menu > li > a, .rpNewTheme .activity-chart h3, .rpNewTheme input.checkbox[type="checkbox"] ~ .lbl, .rpNewTheme input.checkbox-sm[type="checkbox"] ~ .lbl, .rpNewTheme input.radio[type="radio"] ~ .lbl, .rpNewTheme #divInboxFirstLineMessage label.control-label-left, .rpNewTheme .k-grid-header .k-header .k-link, .rpNewTheme .k-grid-content .k-header .k-link, .rpNewTheme .form-control {
    font-size: 16px
}
/*.rpNewTheme .input-help>a:before{font-size:18px}*/
#alertAndNotificationsAutoUpdate {
    margin-top: 0
}

    #alertAndNotificationsAutoUpdate #LoadNotification i {
        padding: 0
    }

    #alertAndNotificationsAutoUpdate .dropdown-menu.media-list {
        width: 300px
    }

        #alertAndNotificationsAutoUpdate .dropdown-menu.media-list li.media a .media-icon i.icon-tick-small {
            position: relative;
            top: 3px
        }

#WebTitletextpanal #divTitletext .emoji-menu, #WebTitletextpanalA #divTitletextA .emoji-menu, #WebTitletextpanalB #divTitletextB .emoji-menu, #WebTitletextpanalC #divTitletextC .emoji-menu, #WebTitletextpanalD #divTitletextD .emoji-menu {
    top: 32px !important;
    right: 15px !important;
}

.rpNewTheme .main-wrapper .right-navbar {
    margin: 13px 10px 0 0
}

    .rpNewTheme .main-wrapper .right-navbar .tag-account {
        top: -13px
    }

.rpNewTheme .no-data-holder-small > p {
    font-size: 14px
}

    .rpNewTheme .no-data-holder-small > p > i.icon-alert-line-small {
        font-size: 18px !important
    }

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 16px;
    padding: 0
}

.agencySlide {
    overflow: inherit;
    float: left
}

    .agencySlide .slides .page-header {
        height: auto
    }

.res-KeyContactInfoBtn {
    margin-bottom: 15px
}

    .res-KeyContactInfoBtn .btn {
        position: absolute;
        right: 0;
        top: -20px;
        z-index: 99
    }

        .res-KeyContactInfoBtn .btn.btn-link {
            right: 88px
        }

#divGlobalInfo .res-KeyContactInfoBtn .btn.btn-link {
    right: 105px
}

.tagsField, .tagsField1 {
    padding-top: 5px;
    padding-bottom: 0
}

    .tagsField input[type="text"], .tagsField1 input[type="text"] {
        width: 180px
    }

    .tagsField li.tag, .tag, .tagsField1 li.tag, .tag {
        font-family: mukta-regular;
        font-size: 13px;
        color: #333
    }

.as-item {
    min-height: 63px
}

.otp-tick-container.otc-tick {
    top: 5px
}

    .otp-tick-container.otc-tick .icon-close-small {
        position: relative;
        top: -3px
    }

.user-roles-tooltip .popover-content b {
    font-family: mukta-bold;
    font-weight: normal
}

/* AccountSetup */
.user-picture img {
    width: 23px;
    height: 23px
}

.removeCustomDepartmentFirst, .removeCustomDepartment {
    position: relative;
    top: 2px;
    right: 10px;
    float: right
}

.customDepartment .ncc-ClientLock {
    position: relative;
    right: -1px;
    top: 10px
}

.customfranchise .ncc-ClientLock {
    position: relative;
    left: 15px;
    top: 10px
}

.password-strength > div i, .confirm-password > div i {
    line-height: 23px
}

.password-strength > .progress, .confirm-password > .progress {
    padding: 5px 7px 0;
    height: 33px;
}

div#assign-users .newUsershow .dropdown.default-dropdown {
    margin-right: 5px
}

.multiSelect-user .multiRghtClm li .remove {
    top: 25px
}

.expandable_main .expandable {
    height: 190px
}

.recipients_popup .master-recip-data.mrd-new {
    top: 60px
}

.tabs-top.nav-tabs > li.active > a {
    font-size: 21px;
    color: #0540d3;
    letter-spacing: .5px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.bootstrap-list-table table h4 {
    margin: 5px 0
}

.bootstrap-list-table table td .blt-col-actions a {
    margin-left: 15px
}

.rpNewTheme .nav-right, .rpNewTheme .dropdown > a, .rpNewTheme .nav-tabs > li {
    font-size: 18px !important;
}

.bootstrap-list-table > table > tbody > tr > td a.ec-icon {
    border-bottom: 30px solid #b8b8b8;
    border-left: 30px solid transparent
}

    .bootstrap-list-table > table > tbody > tr > td a.ec-icon i {
        font-size: 12px !important;
        top: 14px
    }

/* Pricing page */
.rpNewTheme .pricing-plans .plan-header p {
    margin-bottom: 10px
}

.rpNewTheme .pricing-plans .plan-header small {
    font-size: 100% !important
}

.rpNewTheme .pricing-plans .price-tag sup {
    font-size: 100%;
    top: 10px
}

.rpNewTheme .pricing-plans ul li {
    margin: 0 12px;
    padding: 10px 0;
    border-top: 1px solid #b8b8b8;
    font-size: 14px
}

    .rpNewTheme .pricing-plans ul li:first-child {
        border-top: 0
    }

    .rpNewTheme .pricing-plans ul li i {
        margin: 0 10px 8px 0;
        font-size: 15px !important;
        color: #585858 !important
    }

/* Audiencce - Master data management */
.expandable_main .expandable {
    height: 191px
}

section.recipients .expandable .master-recip {
    padding: 27px 0
}

.rpNewTheme .data-number {
    margin: 12px 0
}

.rpNewTheme .recipients_popup .master-recip-data.mrd-new.serOn {
    clip: rect(0px,1152px,419px,0px);
}

.rpNewTheme .recipients_popup .master-recip-data.mrd-new {
    height: 419px
}

#customColumnSelector #searchName {
    width: 415px !important;
    padding-right: 25px !important
}

#customColumnSelector .searchField .close-icon {
    right: 33px
}

#divAcquistionNotes .modal-dialog .modal-body.css-scrollbar {
    overflow-y: hidden !important
}

.rpNewTheme .master-recip-data .recipients-widget .source-list.sl-recip li {
    word-break: break-word
}

/* ListSegmentation.html */
.recip-col-3 .nav-right:first-child > ul > li > a:hover {
    box-shadow: none
}

.dlContentContainer .list-segment .widget-list, .lsContentContainer .ls-height .list-segment .widget-list {
    height: 247px !important
}

.widget-listbody .widget-listsettings {
    height: 42px;
    position: relative;
    display: flex;
}

    .widget-listbody .widget-listsettings > li {
        height: 42px
    }

.list-segment .widget-listbody .info-popup {
    height: 515px !important
}

    .list-segment .widget-listbody .info-popup.serOn, .list-segment.topRight .widget-listbody .info-popup.serOn, .list-segment.bottRight .widget-listbody .info-popup.serOn {
        clip: rect(0px,758px,520px,0px)
    }

.list-segment .widget-listbody .userBgIcon {
    top: 3%
}

.list-segment .res-overViewSlide .flex-control-paging li a.flex-active {
    background-color: #009bdf
}

.rpNewTheme .recipients .list-segment .widget-box.info-popup small, .rpNewTheme .recipients .list-segment .widget-box.info-popup .item-list-style1 > li {
    font-size: 16px !important
}

.list-segment .widget-listbody .res-listSegmentationShare {
    right: 45px
}

.list-detailbox-header.nav-right:first-child > ul > li {
    margin-left: 15px
}

.res-dynamicExclusion {
    position: absolute;
    right: -30px;
    bottom: 20px
}

.list-segment .info-popup {
    background: rgba(0,102,201,0.95)
}

#dlistpartial .widget-listbody .widget-box .creationstamp .seg-title .icon-save-small {
    position: relative;
    top: 3px
}


/* Create TargetList */
.k-multiselect-wrap .k-input, .placeholder-selected .k-input {
    font-size: 16px
}

.filterlicommon .icon-md {
    font-size: 23px !important
}

.ls-InExclude > li .dropdown > a:hover {
    border-radius: 100%;
    box-shadow: 0 0 19px #0e68b4
}

.ls-InExclude > li .dropdown > a > i {
    padding: 0
}

.selectize-control.multi .selectize-input [data-value] {
    background: var(--primary-color)
}

.selectize-control.plugin-remove_button [data-value] .remove {
    border-left: 1px solid #009adf
}

/* Create DynamicList */
#crbdynamiclistContainer {
    color: #333
}

    #crbdynamiclistContainer #addtrigger_source {
        line-height: 0
    }

        #crbdynamiclistContainer #addtrigger_source:hover {
            border-radius: 100%;
            box-shadow: 0 0 19px #0e68b4
        }

/* ImportHistory.html */
.importHistoryView .tabs-top.nav-tabs > li.active > a, .importHistoryView .nav-tabs > li.active > a:hover, .importHistoryView .nav-tabs > li.active > a:focus {
    font-size: initial;
    letter-spacing: normal
}

.importHistoryView .search.searchEffect {
    height: 32px;
    position: relative;
    top: -6px
}

.importHistoryView .searchSlide, .importHistoryView .searchSlidePopup {
    width: 32px;
    height: 32px
}

.importHistoryView .searchEffect input {
    width: 245px;
    margin: 2px;
    height: 28px;
    border-radius: 50px
}

/* AudienceAdd.html - Data exchange */
.add-api, .api-connect, .add-check {
    right: -15px;
    bottom: -15px;
}

/* CampaignPlan */
.rpNewTheme .form-group label.control-label-left {
    color: var(--font-color-c3);
}

.rpNewTheme .k-multiselect-wrap .k-input, .rpNewTheme .placeholder-selected .k-input {
    color: var(--font-color-c3) !important
}

.rpNewTheme #dlistpartial .info-popup .k-multiselect-wrap .k-input, .rpNewTheme #dlistpartial .info-popup .placeholder-selected .k-input, .rpNewTheme .targetListOptPage #dlistpartial .info-popup.k-multiselect-wrap .k-input, .rpNewTheme .targetListOptPage #dlistpartial .info-popup .placeholder-selected .k-input {
    color: var(--font-color-w) !important
}

.rpNewTheme #divcampaigndoc.ccNameIconContainer {
    right: 25px
}

.rpNewTheme .campaign .ccNameIconContainer .tagIcon {
    margin-right: 5px
}

.rpNewTheme .campaign .ccNameIconContainer .percentSymbol {
    left: -25px
}

.rpNewTheme .campaign .ccNameIconContainer .addIcon, .rpNewTheme .campaign .ccNameIconContainer .deleteIcon {
    left: -15px
}

.rpNewTheme .campaign .trigger-campaign.TriggerCampaignGroup .percentSymbol {
    top: -11px
}

.rpNewTheme .campaign .trigger-campaign.TriggerCampaignGroup .addIcon {
    top: -7px
}

.rpNewTheme #CampaignPlanForm .campaign .campaign-type > li:first-child > a {
    width: auto
}

.rpNewTheme .nav-tabs.tabs-group > li.active a, .rpNewTheme .nav-tabs.tabs-group > li.active a:hover {
    font-size: 16px;
    letter-spacing: inherit
}
/*.rpNewTheme .trigger-campaign input.radio[type="radio"] ~ .lbl{font-size:14px!important}*/
.rpNewTheme .edit-timezone .icon-edit-pencil-mini.icon-xmini {
    font-size: 14px !important
}

.rpNewTheme .dropdown-menu.personalFieldsSenderEmail {
    z-index: 1099;
}

/* campaignList */
.rpNewTheme .tab-content #campaign-list {
    margin-top: 15px;
}

    .rpNewTheme .tab-content #campaign-list .nav-right {
        margin-bottom: 8px;
    }

.rpNewTheme #campaign-list .nav-right ul li, .rpNewTheme #campaign-list .nav-right ul li .dropdown > a {
    padding: 0
}

    .rpNewTheme #campaign-list .nav-right ul li .dropdown > a > span {
        margin: 0
    }

    .rpNewTheme #campaign-list .nav-right ul li#createCampaignPanel a {
        line-height: 0
    }

    .rpNewTheme #campaign-list .nav-right ul li#createCampaignPanel i {
        top: 0
    }

.rpNewTheme #campaignListGrid .k-grid-header tr th > div, .rpNewTheme #campaignListGrid .k-grid-header tr th > span {
    font-size: 16px;
    line-height: normal !important; /*font-family: 'mukta-bold';*/
    font-weight: 400;
}

.rpNewTheme #campaignListGrid .k-grid tr td {
    padding: 0
}

    .rpNewTheme #campaignListGrid .k-grid tr td ul li {
        padding: 0;
        margin-right: 15px
    }

        .rpNewTheme #campaignListGrid .k-grid tr td ul li.le_inpr2 {
            margin-right: 11px;
        }

        .rpNewTheme #campaignListGrid .k-grid tr td ul li a {
            padding: 0
        }

.rpNewTheme #campaignListGrid .st-grid-transparent .k-master-row .k-hierarchy-cell {
    margin-top: 49px
}
/* .rpNewTheme #campaignListGrid .st-grid-transparent .k-master-row.purple .k-hierarchy-cell{margin-top:66px} */
.rpNewTheme #campaignListGrid .k-hierarchy-cell a {
    height: 30px;
    width: 30px
}

    .rpNewTheme #campaignListGrid .k-hierarchy-cell a.k-icon:before {
        bottom: 7px;
        font-size: 23px;
        line-height: 5px;
        position: absolute;
        right: 2px
    }

    .rpNewTheme #campaignListGrid .k-hierarchy-cell a.k-icon.k-minus:before {
        bottom: 10px;
        right: 6px;
        font-family: initial;
        font-weight: inherit
    }

.rpNewTheme #campaignListGrid .k-pager-info, .rpNewTheme #campaignListGrid .k-pager-sizes {
    font-size: 13px
}

.rpNewTheme #campaignListGrid .st-grid-transparent .campaign-title,
.rpNewTheme #campaignListGrid .st-grid-transparent .campaign-title-small {
    font-size: 18px;
    line-height: 26px;
    margin: 0;
}

.rpNewTheme #campaignListGrid .st-grid-transparent td .campaign-status i {
    position: inherit;
}

.rpNewTheme #campaignListGrid .st-grid-transparent > .k-grid-content > table {
    border-spacing: 0 15px
}

.rpNewTheme #campaignListGrid .st-grid-transparent > .k-grid-content table .k-detail-row .k-widget.k-grid {
    margin-top: -16px !important
}

.rpNewTheme #campaignListGrid .st-grid-transparent .k-master-row {
    position: relative;
    overflow: hidden;
    height: 83px;
}

    .rpNewTheme #campaignListGrid .st-grid-transparent .k-master-row > td > div.campaign-status {
        width: 100%;
        padding: 18px 10px;
    }

    .rpNewTheme #campaignListGrid .st-grid-transparent .k-master-row td.k-hierarchy-cell {
        position: absolute;
        margin-top: 0;
        bottom: 0px;
        right: 0px;
    }

    .rpNewTheme #campaignListGrid .st-grid-transparent .k-master-row > td > div {
        line-height: 18px;
        padding: 0px 10px;
    }

    .rpNewTheme #campaignListGrid .st-grid-transparent .k-master-row .campaign-titlesec {
        height: auto;
    }

.campaignlist-grid .k-hierarchy-cell a.k-icon:after {
    border-bottom: 30px solid #8f8f8f;
    border-left: 30px solid transparent;
}

.rpNewTheme #campaignListGrid .k-grid tr td ul li.report-status-bar {
    margin: 0 15px 0 0;
    width: 65px;
}

.rpNewTheme #campaignListGrid .k-grid tr td ul li.campaign-status-datetime {
    width: 70px;
    overflow: hidden;
    margin: 0px 10px 0 0 !important;
    display: inline-block;
}

    .rpNewTheme #campaignListGrid .k-grid tr td ul li.campaign-status-datetime span {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        max-width: 73px;
    }

.rpNewTheme #campaignListGrid .k-grid tr td ul li .play-pause {
    position: relative !important;
    top: -1px;
}

.rpNewTheme #campaignListGrid .k-grid tr td ul li.triggerPlayPauseelement {
    margin-right: 10px;
}

.rpNewTheme #campaignListGrid .k-grid tr td ul li.pull-left.le_sch2 {
    margin-right: 11px;
}

a.addSecGoal, .removeConversion {
    margin-top: -5px
}

.list-viral > li > div {
    width: 90px;
    height: 90px
}

.campaign-channel > li {
    min-height: 80px
}

.eventTrackID.preview-Eventtrack, .eventTrackID.preview-Eventtrack-Mobile {
    margin-top: 10px
}

.inline-top .icon-plus-fill-small {
    top: 2px
}

.loadMapLocation {
    right: 10px
}

/* CampaignCreation.html */
/* .rpNewTheme .progress-steps li .step{z-index:inherit} */
.rpNewTheme .progress-steps li:before {
    width: 92%;
    left: 58%
}

.rpNewTheme .progress-steps li:last-child:before {
    width: 0
}

.rpNewTheme .progress-steps li.inProcess .step {
    background-color: #f56701
}

.rpNewTheme .campaignTab .tabs-top.nav-tabs > li.active > a, .rpNewTheme .campaignTab .nav-tabs > li.active > a:focus { /*font-size:18px;*/
    letter-spacing: 0.5px;
}

.rpNewTheme .campaignTab .tab-content .tab-pane .nav-tabs > li.active > a small, .rpNewTheme .campaignTab .tab-content .tab-pane .nav-tabs > li.active > a:hover small, .rpNewTheme .campaignTab .tab-content .tab-pane .nav-tabs > li.active > a:focus small, .rpNewTheme .campaignTab .tab-content .tab-pane .nav-tabs > li > a small, .rpNewTheme .campaignTab .tab-content .tab-pane .nav-tabs > li > a:hover small, .rpNewTheme .campaignTab .tab-content .tab-pane .nav-tabs > li > a:focus small {
    font-size: 100% !important
}

.rpNewTheme .tabs-top.webtempMenu > li.active > a, .rpNewTheme .nav-tabs.webtempMenu > li.active > a:hover, .rpNewTheme .nav-tabs.webtempMenu > li.active > a:focus {
    font-size: 21px !important
}

.rpNewTheme .campaignTab .split_Mechanics_tab .tabs-top.nav-tabs > li.active > a, .rpNewTheme .campaignTab .splitABMechanicsWebEnableOn .tabs-top.nav-tabs > li.active > a, .rpNewTheme .campaignTab .splitABMechanicsMobileEnableOn .tabs-top.nav-tabs > li.active > a {
    font-size: 21px;
    letter-spacing: .5pt
}

.RS-SecureMessage-CSS {
    position: absolute;
    right: -25px;
    top: 8px;
    width: 24px;
    height: 24px
}

.modal-dialog .nav-tabs > li.active > a, .modal-dialog .nav-tabs > li.active > a:hover, .modal-dialog .nav-tabs > li.active > a:focus {
    font-size: 18px;
    letter-spacing: normal
}

.iconTopAdjust, .inline-top .icon-plus-fill-small, .inline-top .icon-settings-small {
    top: 0
}

.rpNewTheme .emoji-picker-icon {
    left: 60px;
    top: 48px
}

.text-editor-tools {
    height: 43px
}

    .text-editor-tools > li {
        margin-left: 5px;
        margin-right: 5px
    }

        .text-editor-tools > li > a, .text-editor-tools > li > .dropdown > a {
            height: auto;
            line-height: 0;
            padding: 8px 0
        }

        .text-editor-tools > li.browse-file {
            margin-top: 2px
        }

.k-editor-toolbar .dropdown > a > i {
    padding: 0
}

.k-webkit .k-editor-toolbar li, .k-ff .k-editor-toolbar li, .k-ie9 .k-editor-toolbar li, .k-ie10 .k-editor-toolbar li {
    padding: 5px 2px
}

.k-editor-toolbar .k-editor-widget, .k-editor-toolbar > li {
    margin-right: 10px
}

.k-group-start.k-group-end.k-tool {
    margin: 0;
    padding: 0
}

.text-editor-tools > li.kiRightAlign > a i.icon-view-small {
    padding-right: 5px;
    padding-left: 10px
}

.sms-prev-box {
    padding: 54px 15px 52px 15px
}

    .sms-prev-box.whatsappPreview {
        padding: 54px 13px 52px 6px
    }

div#smstab .textarea-save {
    top: 0
}

.wia-1 i {
    padding: 0 3px
}

.Campaign_social_twitter {
    padding: 0;
    margin: 0
}

    .Campaign_social_twitter i {
        position: relative;
        top: 6px;
        margin: 0;
        font-size: 23px !important;
        line-height: 0
    }

.AEshowDefaultTick i {
    top: 0
}

.rpNewTheme .campaignTab .select-type > li.email-selecttype {
    width: auto
}

.rpNewTheme .emoji-picker-icon {
    left: 60px;
    top: 48px
}

.subtitleContainerMP i.emoji-picker-icon.emoji-picker.icon-smiley2-small.blue.icon-sm,
.subtitleContainerMPA i.emoji-picker-icon.emoji-picker.icon-smiley2-small.blue.icon-sm,
.subtitleContainerMPB i.emoji-picker-icon.emoji-picker.icon-smiley2-small.blue.icon-sm,
.subtitleContainerMPC i.emoji-picker-icon.emoji-picker.icon-smiley2-small.blue.icon-sm,
.subtitleContainerMPD i.emoji-picker-icon.emoji-picker.icon-smiley2-small.blue.icon-sm,
.subjectContainerMP i.emoji-picker-icon.emoji-picker.icon-smiley2-small.blue.icon-sm,
.subjectContainerMPA i.emoji-picker-icon.emoji-picker.icon-smiley2-small.blue.icon-sm,
.subjectContainerMPB i.emoji-picker-icon.emoji-picker.icon-smiley2-small.blue.icon-sm,
.subjectContainerMPC i.emoji-picker-icon.emoji-picker.icon-smiley2-small.blue.icon-sm,
.subjectContainerMPD i.emoji-picker-icon.emoji-picker.icon-smiley2-small.blue.icon-sm {
    top: 43px;
    left: 35px
}

div#divTitletext i.emoji-picker-icon.emoji-picker.icon-smiley2-small.blue.icon-sm,
div#divTitletextA i.emoji-picker-icon.emoji-picker.icon-smiley2-small.blue.icon-sm,
div#divTitletextB i.emoji-picker-icon.emoji-picker.icon-smiley2-small.blue.icon-sm,
div#divTitletextC i.emoji-picker-icon.emoji-picker.icon-smiley2-small.blue.icon-sm,
div#divTitletextD i.emoji-picker-icon.emoji-picker.icon-smiley2-small.blue.icon-sm {
    top: 45px;
    left: 55px
}

.rpNewTheme .emoji-wysiwyg-editor:empty:before {
    color: #666
}

.qrPreview {
    right: -12px;
    bottom: 5px
}

#socialMediaSetupListGrid tr td img {
    position: relative;
    top: -2px;
    margin-right: 5px
}

#workflowPanelVMSSms.form-group {
    background: transparent
}

ul[id^="TemplateSelectionDdMenu"] {
    min-width: 150px;
}

    ul[id^="TemplateSelectionDdMenu"] > li {
        margin: 0;
    }

.k-picker-wrap [id^="EmailScheduleDate"] + .k-select {
    z-index: 1;
}

.rpNewTheme .list-inline [id^="EmailprviewLI"] span.lbl {
    font-size: 16px !important
}

/* Gallery */
.rpNewTheme #cgListItems li.active a:hover {
    font-size: 18px;
    letter-spacing: inherit
}

.rpNewTheme #SearchCampaignlist li::before {
    display: none
}

.widget-gallery .nav-right > ul {
    margin-right: -10px
}

/* Dashboard.html */
.campaignDashboardDropdown {
    position: relative;
    top: -3px
}

.campaign-performance-chart li .helppopup {
    position: relative;
    top: 2px;
    left: 5px
}

.dashboard .dashboard-overview .dashboard-sort-item .nav-right .dropdown > a > i {
    position: relative;
    right: -10px
}

.campaignDashboardView .pieChart-flat-iconsInside-1 .icon-md {
    font-size: 23px !important
}

.campaignDashboardView .key-list > ul > li > h3 {
    padding-top: 4px;
    margin: 0;
}

.campaignDashboardView .key-list > ul > li > span {
    top: 0;
}

.campaignDashboardView .key-list-post h5 {
    margin-bottom: 0;
}

.rpNewTheme .dashboard-sort-item {
    height: 390px
}

/* OperationsDashboard.html */
.cxoDashHeight .icon-md {
    font-size: 23px !important
}

.uniqueEmailLabel li {
    padding-top: 10px
}

/* MobileAppDashboard.html */
.MobileAnalyticsDashboard .nav-tabs > li {
    margin-left: 0 !important
}

    .MobileAnalyticsDashboard .nav-tabs > li > a {
        border-radius: inherit !important;
        box-shadow: none !important;
        letter-spacing: normal !important;
        font-size: 18px !important
    }

/* CampaignSummaryList */
.reports .list-divider > li:before {
    border: 0
}

.reports .list-divider > li, .reports .list-divider > li .dropdown > a {
    padding: 0
}

#campaignListGrid {
    margin-top: -6px
}

/* CampaignSummaryReportOverview.html */
.rpNewTheme .campListContainer .k-grid tr td {
    padding: 0
}

    .rpNewTheme .campListContainer .k-grid tr td.k-detail-cell tr td {
        padding: 10px
    }

.rpNewTheme .campListContainer table.campaignlist-grid td.k-detail-cell {
    top: 10px;
    padding-bottom: 10px
}

.rpNewTheme .label-gold {
    top: -8px
}

.st-grid-transparent .k-master-row .k-hierarchy-cell {
    margin-top: 49px
}

.reports .campListContainer .list-inline > li {
    margin-left: 15px;
    padding: 0
}

    .reports .campListContainer .list-inline > li > a {
        padding: 0;
        margin: 0
    }

/* CampaignSummaryReport.html */
.reports .nav-right > ul.right-nav {
    padding-top: 7px
}

.reports .toggle-funnel .icon-md {
    font-size: 23px !important
}

.reports .tabs-style1 {
    background: transparent
}

    .reports .tabs-style1:before {
        content: '';
        position: absolute;
        right: 0;
        background: #e9e9eb;
        width: 100%;
        height: 38px
    }

    .reports .tabs-style1 li.dropdown a {
        padding: 6px 20px
    }

    .reports .tabs-style1 li.dropdown.open > .dropdown-menu {
        margin-top: 2px;
        padding: 0
    }

.rpNewTheme .camp_report {
    margin-bottom: 0
}

    .rpNewTheme .camp_report small {
        font-size: 15px !important
    }

#goldalert .alert .fontBold {
    font-family: mukta-bold
}

.rpNewTheme .list-overview-info.expand1 {
    width: 759px
}

.rpNewTheme .list-overview-info.expand.infoBlue {
    background-position: right 5px
}

.rpNewTheme .list-overview-info.expand ul li {
    width: 138px
}

.rpNewTheme .reports .list-detailbox .tabs-top.nav-tabs > li.active > a {
    font-size: 18px;
    letter-spacing: inherit;
    color: var(--primary-color) !important
}

.rpNewTheme #dropdownIndustryBenchmark a {
    font-size: 18px
}

.rpNewTheme .list-overview-data .popover {
    z-index: 9;
    background-color: #ffffff;
    border: 1px solid var(--primary-color)
}

.list-overview .list-overview-data .complistL {
    background: transparent
}

.rpNewTheme .list-overview-data .popover .popover-content {
    min-width: 100px
}

.rpNewTheme .toggle-funnel .list-overview-data ul li {
    padding: 8px 15px 8px 20px;
    position: relative
}

    .rpNewTheme .toggle-funnel .list-overview-data ul li > i {
        width: 28px;
        height: 28px;
        font-size: 18px;
        line-height: 20px
    }

        .rpNewTheme .toggle-funnel .list-overview-data ul li > i:before {
            position: relative;
            top: 0;
            left: 1px;
        }

    .rpNewTheme .toggle-funnel .list-overview-data ul li .popover.bottom > .arrow:after {
        border-bottom-color: #fff
    }

    .rpNewTheme .toggle-funnel .list-overview-data ul li a.helppopup, .rpNewTheme .list-overview .campagainStatus h5 a.helppopup {
        position: relative;
        top: 2px
    }

.rpNewTheme .stats-percent h5 {
    font-size: 30px !important
}

.rpNewTheme .stats-percent small {
    font-weight: normal
}

.rpNewTheme .reports .perform-slide .flex-control-nav {
    margin: 10px auto 0;
    width: 50px
}

.rpNewTheme .reports .roi-info h5 {
    letter-spacing: normal
}

.rpNewTheme .reports .resCSRTabStyle .tabs-top.nav-tabs > li > a {
    font-size: 16px
}

.rpNewTheme .reports .resCSRTabStyle .tabs-top.nav-tabs > li.active > a {
    letter-spacing: .5pt
}

.rpNewTheme .reports .overview_description .overviewfontsize { /*font-size:13px!important;color:#585858!important;*/
    font-size: 11px !important;
    color: var(--color-primary-dark-dark) !important
}

/* DetailAnalytics.html */
#updatepanelcontainer .tabs-style1.nav-tabs > li {
    margin-left: 15px
}

#updatepanelcontainer .tabs-style1.nav-tabs > ul > li > a:hover {
    box-shadow: 0 0 19px #0e68b4
}

#updatepanelcontainer .tabs-style1 {
    background: transparent
}

    #updatepanelcontainer .tabs-style1:before {
        content: '';
        position: absolute;
        right: 0;
        background: #e9e9eb;
        width: 100%;
        height: 41px
    }

    #updatepanelcontainer .tabs-style1 li.dropdown a {
        padding: 6px 20px
    }

    #updatepanelcontainer.tabs-style1 li.dropdown.open > .dropdown-menu {
        margin-top: 2px;
        padding: 0
    }

#updatepanelcontainer .nav-tabs > li {
    margin-left: 0 !important
}

    #updatepanelcontainer .nav-tabs > li > a {
        border-radius: inherit !important;
        box-shadow: none !important;
        letter-spacing: normal !important;
        font-size: 18px !important
    }

.widget-chart-expand .nav-right > ul > li > a:hover {
    box-shadow: none;
    border-radius: inherit
}

.Campaign-Target-List.recipients_popup ul li {
    margin: 0 15px 0 0 !important;
    float: right !important
}

    .Campaign-Target-List.recipients_popup ul li:first-child {
        margin-top: 2px !important
    }

.widget-keymetrics .key-list-post p, #updatepanelcontainer .widget-keymetrics .key-list > ul > li > span {
    font-size: 15px
}

.widget-keymetrics .key-list-post [class*="col-"]:last-child .tooltip .tooltip-inner, .widget-keymetrics .list-post [class*="col-"]:last-child .tooltip .tooltip-inner {
    position: relative;
}

.widget-keymetrics .key-list-post .tooltip.top, .widget-keymetrics .list-post .tooltip.top {
    min-width: max-content;
}

.widget-keymetrics .key-list ul {
    display: flex;
}

    .widget-keymetrics .key-list ul li, .widget-keymetrics .key-list ul li {
        width: 100%;
    }

        .widget-keymetrics .key-list ul li.paidMedia {
            width: 100%;
        }

.widget-keymetrics .list-post {
    min-height: 65px;
}

#updatepanelcontainer .widget-keymetrics .key-list > ul > li > span {
    font-size: 13px
}

#updatepanelcontainer .widget-keymetrics .key-list > ul {
    display: flex;
}

    #updatepanelcontainer .widget-keymetrics .key-list > ul > li {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        #updatepanelcontainer .widget-keymetrics .key-list > ul > li.flex-row, .flex-row {
            flex-direction: row;
        }

#updatepanelcontainer #searchFilter {
    box-shadow: none
}

#updatepanelcontainer #WebPush .key-list:nth-of-type(2n) > ul > li > span, #updatepanelcontainer #MobilePush .key-list:nth-of-type(2n) > ul > li > span {
    top: 0;
}

#updatepanelcontainer #WebPush .key-list:nth-of-type(3n) > ul > li > span, #updatepanelcontainer #MobilePush .key-list:nth-of-type(3n) > ul > li > span {
    line-height: 14px;
    font-size: 13px !important;
    top: -6px;
}

.rpNewTheme .daSubNav .dropdown > a.img-emailSelect {
    color: #fff
}

.rpNewTheme .resDetailTabStyle.tabs-top.nav-tabs > li.active > a {
    border-radius: inherit !important;
    box-shadow: none !important;
    font-size: 18px !important
}

.rpNewTheme .resDetailTabStyle.tabs-top.nav-tabs > .active > a:after {
    z-index: 30
}


/* AudienceAnalytics.html */
.timeline .icon-xmini {
    font-size: 14px !important
}

.timeline .icon-sm {
    font-size: 18px !important
}

.res-vertical-align-icon {
    position: relative;
    right: -10px
}

/* FormGenerationTellafriend.html */
.config-column {
    width: 800px
}

.rpNewTheme .resSpend-optimizer .dollarBudget {
    top: 10px
}

/* CommunicationSettings.html */
.rpNewTheme div#channel_settings .nav-tabs li a {
    padding: 18px 10px !important;
    font-size: 16px;
    min-width: 100px;
    letter-spacing: 0.5px;
    width: auto;
}

.rpNewTheme div#channel_settings .nav-tabs li small {
    font-size: 16px !important
}

.preferences .form-horizontal > .form-group {
    background-color: transparent
}

.preferences #channel_settings .nav-tabs > li.active > a, .preferences #channel_settings .nav-tabs > li.active > a:hover, .preferences #channel_settings .nav-tabs > li.active > a:focus {
    font-size: 16px;
    letter-spacing: 0.5px;
}

.rpNewTheme .preferences .message-settings-tabs .tabs-top.nav-tabs > li.active > a, .rpNewTheme .preferences .message-settings-tabs .nav-tabs > li.active > a:hover, .rpNewTheme .preferences .message-settings-tabs .nav-tabs > li.active > a:focus {
    font-size: 21px;
    color: var(--primary-color);
    letter-spacing: 0.5px
}

.preferences #channel_settings .tabs-link.nav-tabs > li {
    margin-left: 0
}

    .preferences #channel_settings .tabs-link.nav-tabs > li > a {
        padding: 0 !important;
        font-size: 18px !important;
        box-shadow: none !important;
        border-radius: inherit !important;
        letter-spacing: inherit !important
    }

.k-grid.k-widget .communication-name-table .k-grid.k-widget {
    margin-top: 0
}

.rpNewTheme #divemailsmtplist #grid tr td:last-child i {
    cursor: pointer
}

/* Benchmark.html */
.rpNewTheme .preferences .nav-tabs > li.active > a, .rpNewTheme .preferences .nav-tabs > li.active > a:hover, .rpNewTheme .preferences .nav-tabs > li.active > a:focus {
    font-size: 18px;
    letter-spacing: normal
}

.rpNewTheme .preferences .nav-tabs.manageTabsV > li.active > a, .rpNewTheme .preferences .nav-tabs.manageTabsV > li.active > a:hover, .rpNewTheme .preferences .nav-tabs.manageTabsV > li.active > a:focus {
    font-size: 21px;
    letter-spacing: .5pt
}

.multiRghtClm .agencyUsers, .multiRghtClm .clientUsers, .multiRghtClm .departmentUsers, .multiRghtClm .adUsers {
    font-size: 16px
}

.rpNewTheme .preferences .data-grid1 > tbody > tr > td {
    font-size: 16px !important;
    height: 56px;
    padding: 10px 20px !important
}

.c-goals-iconalign {
    padding: 4px 10px;
    font-size: 18px
}

.goals-container {
    height: auto
}

.res-businessTyleHeight {
    margin-bottom: 3px !important
}

/* Leadscore.html */
.rpNewTheme .tabs-left > .nav-tabs > li, .rpNewTheme .tabs-left > .nav-tabs:after {
    width: 110px
}

.preferences.leadscore .data-grid1.data-grid1-sm tbody tr td, div#Persona td {
    font-size: 16px;
    padding: 0 5px 0 14px !important
}

.preferences.leadscore .nav-tabs > li.active > a, .preferences.leadscore .nav-tabs > li.active > a:hover, .preferences.leadscore .nav-tabs > li.active > a:focus {
    font-size: 18px;
    letter-spacing: normal
}

.preferences.leadscore .help-flow ul li.leadscore-help {
    position: relative;
    top: 3px
}

.preferences.leadscore #leadscoreOtherIndustries .tab-pane .list-inline > li a {
    padding: 0;
    margin: 0;
    line-height: 0
}

.preferences.leadscore .help-flow ul li a {
    line-height: normal
}

.rpNewTheme .grid-box, .rpNewTheme .ls-DivBase, .rpNewTheme .boxborder, .rpNewTheme .tabs-left {
    border: 1px solid #b8b8b8
}

.filter-fields > li {
    border-color: #b8b8b8 !important
}

/* CouponCodeList.html */
.preferences .search, .preferences .search-on {
    height: 30px
}

.preferences .searchEffect .slidePanel {
    width: 30px
}

.preferences .searchSlide, .preferences .searchSlidePopup {
    width: 30px;
    height: 30px
}

    .preferences .searchSlide a i.adv-search-icon {
        font-size: 20px !important
    }

.preferences .searchEffect input {
    width: 175px; /*height:25px;margin-left:2px;border-radius:50px*/
}

/* DataAttributes.html */
.rpNewTheme .category-fields {
    margin: 0 !important
}

.rpNewTheme .cf-cat-box {
    width: 100%;
    border: 1px solid #b8b8b8;
    border-top-color: var(--primary-color) !important;
    margin-bottom: 0;
    margin-top: 40px
}

    .rpNewTheme .cf-cat-box h6 {
        font-size: 16px;
        width: 96%;
        top: 5px;
        margin: 0
    }

.rpNewTheme .categoryFields.well {
    padding: 15px
}

.rpNewTheme .cf-cat-box .cfc-cat-edit, .rpNewTheme .cf-cat-box .cfc-heading-save, .rpNewTheme .cf-cat-box .newBoxDel {
    right: 0
}

.rpNewTheme .catData_Expand, .rpNewTheme .audienceView.catData_Expand {
    padding: 0;
    margin-top: 41px
}

.rpNewTheme .catFieldClone h5, .rpNewTheme #daBoxContainer .cf-cat-box .cfc-text, .rpNewTheme #daBoxContainer #dabcLeftColumn #iddabclHeader > .nav-right h5 {
    font-size: 20px
}

.rpNewTheme .catFieldClone a#expandCollapseDA {
    right: 10px;
    bottom: 4px
}

.rpNewTheme div#daFullContainer .catData_Expand a#expandCollapseDA.excol-icon-contract {
    bottom: 5px !important;
    right: 35px !important
}

.rpNewTheme #dabcLeftColumn .excol-icon-expand {
    bottom: 4px
}

.rpNewTheme #dabcLeftColumn .excol-icon-contract#expandCollapseDA, .rpNewTheme #daLastCol a.excol-icon-expand {
    right: 10px;
    bottom: 4px
}

.rpNewTheme #daBoxContainer #dabcLeftColumn {
    left: 1%;
    width: 98%
}

    .rpNewTheme #daBoxContainer #dabcLeftColumn .scroll_list_attribues {
        padding-top: 70px
    }

.rpNewTheme div#daBoxContainer .cf-cat-box h6 {
    padding: 0 0 0 10px
}

.rpNewTheme #daLastCol .da-heading {
    font-size: 16px;
    width: 96%;
    top: 10px;
    margin: 0
}

    .rpNewTheme #daLastCol .da-heading > i {
        top: 0
    }

    .rpNewTheme #daLastCol .da-heading .cfc-text {
        position: relative;
        top: -5px
    }

.rpNewTheme #daLastCol .cf-cat-box {
    margin-bottom: 0;
    margin-top: 40px
}

.rpNewTheme .audienceView {
    padding-right: 0 !important;
    margin-top: 8px
}

.rpNewTheme #Classification .audienceView:nth-child(even) {
    margin-left: 0
}

.rpNewTheme .catData_Expand .cf-cat-box {
    margin-top: 0
}

.rpNewTheme #daBoxContainer .audienceView .cf-cat-box {
    width: 97%
}

.rpNewTheme div#daFullContainer .catData_Expand .cfc-cat-edit {
    right: 0;
    top: 0
}

.rpNewTheme div#daBoxContainer .audienceView.catData_Expand .cfc-cat-edit {
    right: 38px;
    top: 11px
}

.rpNewTheme .audienceView.ccb-expanded .da-heading {
    padding: 0 0 0 10px;
    margin-bottom: 0
}

.rpNewTheme .audienceView .cf-cat-box ul li {
    margin-left: 0
}

.preferences.list-attributes #rpDaSearch {
    margin: 0
}

#iddabclHeader .search, #iddabclHeader .search-on {
    height: 30px
}

#iddabclHeader .searchEffect .slidePanel {
    width: 30px
}

#iddabclHeader .searchSlide, #iddabclHeader .searchSlidePopup {
    width: 30px;
    height: 30px
}

    #iddabclHeader .searchSlide a i.adv-search-icon {
        font-size: 20px !important
    }

#iddabclHeader .searchEffect input {
    width: 138px;
    height: 26px;
    margin-left: 2px;
    border-radius: 50px
}

#daFullContainer #iddabclHeader .searchEffect .searchField.daInput input {
    width: 141px !important;
    padding-right: 17px !important;
}

    #daFullContainer #iddabclHeader .searchEffect .searchField.daInput input::placeholder {
        font-size: 15px
    }

body.data-attributes-table-page .k-header.k-grid-toolbar .k-button {
    width: 30px;
    height: 30px;
    background-size: contain
}

.attr-container ul li, .cf-cat-box ul li, #all-categories-list ul li {
    font-size: 14px
}

#defineNewCategory .alertTick {
    right: -15px;
    top: 0
}

/* CouponCodeList.html -- AddCouponCodeTab.html */
.nav-right:first-child > ul > li.no-hover a {
    box-shadow: none;
    border-radius: inherit
}

.preferences .res-container.tabbable .nav-tabs > .offer_code.active > a, .preferences .res-container.tabbable .nav-tabs > .offer_html.active > a, .preferences .res-container.tabbable .nav-tabs > .offer_video.active > a, .preferences .res-container.tabbable .nav-tabs > .offer_audio.active > a, .preferences .res-container.tabbable .nav-tabs > .offer_voiceAssistantsTabs.active > a {
    font-size: 14px !important;
    letter-spacing: normal !important
}

/* ConsumptionChannel.html */
.res-tabstyle li.active > a, .res-tabstyle > li.active > a:hover, .res-tabstyle > li.active > a:focus {
    font-size: 18px;
    letter-spacing: normal
}

.rpNewTheme .open > ul#MonthID.dropdown-menu {
    overflow-y: auto
}

/* FormList */
#confirm-csvAtribute.datarangeUiFixModal .modal-dialog .modal-content .scroll_list_attribues {
    max-height: 470px
}

    #confirm-csvAtribute.datarangeUiFixModal .modal-dialog .modal-content .scroll_list_attribues .nav-tabs > li.active > a, #confirm-csvAtribute.datarangeUiFixModal .modal-dialog .modal-content .scroll_list_attribues input.radio[type="radio"] ~ .lbl {
        font-size: 16px !important;
        letter-spacing: inherit;
    }

#confirm-download #errmsgsentotp,
#confirm-download #errmsgresentotp {
    margin-left: 15px;
    width: max-content;
}

#defineNewAttribute .input-error, #definecalendercontrol .input-error {
    margin-left: 15px;
}

#generateForm #success-alert,
#divshowembedpreview #success-alert {
    display: none !important;
}
/*#confirm-download.modal .modal-dialog.modal-md{width:630px}*/

/* FormGenerationAdd.html */
.rpNewTheme .campaign-type > li > a {
    width: auto
}

.rpNewTheme .temp-holder-wrap {
    border: 1px solid #b8b8b8 !important
}

.rpNewTheme .widget-component-slide {
    width: 1030px;
}

    .rpNewTheme .widget-component-slide .slides > li {
        float: left;
        width: 110px;
        padding: 0
    }

        .rpNewTheme .widget-component-slide .slides > li > figure {
            font-size: 15px;
            line-height: 15px
        }

.rpNewTheme .mand-field i {
    color: #b8b8b8 !important;
    font-size: 14px !important
}

.rpNewTheme .salutation-settings {
    box-shadow: none !important;
    border-radius: inherit !important;
    position: relative;
    top: -8px;
    left: 5px
}

#wrapper .previewdropdown .k-colorpicker .k-picker-wrap.k-state-default {
    border: 1px solid #b8b8b8 !important
}

#wrapper #showpro {
    line-height: 0;
    position: absolute;
    top: -2px;
    right: 45px;
    z-index: 9;
}

.edit-tool-wrapper.previewdropdown, .tellafriend-sec .edit-tool-wrapper {
    position: absolute;
    top: -2px;
    right: 0;
    z-index: 9;
}

    .edit-tool-wrapper.previewdropdown .k-picker-wrap.k-state-default:after, .tellafriend-sec .edit-tool-wrapper .k-picker-wrap.k-state-default:after {
        height: 0;
    }

#mainTemplateContainer, #mainTemplateContainerEdit, #mainTemplateContainerProgress {
    padding-top: 30px;
}

/* Account Setting page */
.conversion-spliterblk-css .custSpilter:after {
    content: '';
    width: 100%;
    height: 1px;
    border-top: 1px dashed #ccc;
    position: absolute;
    left: 0;
    bottom: 0
}

.conversion-spliterblk-css .input-help {
    float: left;
    width: 100%;
    border: 1px solid #b8b8b8;
    border-top: 0
}

    .conversion-spliterblk-css .input-help.custSpilter {
        border-bottom: 0;
        border-top: 1px solid #b8b8b8
    }

    .conversion-spliterblk-css .input-help h6 {
        padding: 5px;
        margin-bottom: 2px
    }

    .conversion-spliterblk-css .input-help .tagsField {
        float: left;
        max-height: 28px !important;
        min-height: 28px !important;
        height: 28px;
        border-color: #b8b8b8 !important;
        padding: 0 5px;
        border: 0;
        width: 98% !important
    }

        .conversion-spliterblk-css .input-help .tagsField li.tag {
            margin: 0 1% 6px 0
        }

            .conversion-spliterblk-css .input-help .tagsField li.tag.bgFacebook {
                color: #fff
            }

                .conversion-spliterblk-css .input-help .tagsField li.tag.bgFacebook a {
                    background: url(themes/base/images/icon-close-tag-white.png) no-repeat 5px 9px
                }

        .conversion-spliterblk-css .input-help .tagsField .jspContainer {
            height: 28px !important
        }

#localization-settings .conversion-spliterblk-css .input-help.click-off {
    opacity: 1;
    pointer-events: auto
}

    #localization-settings .conversion-spliterblk-css .input-help.click-off .tagsField li.tag {
        pointer-events: none
    }

/* UserPermissions */
.rpNewTheme .preferences #kGrid tr th {
    border: 0
}

    .rpNewTheme .preferences #kGrid tr th .k-link {
        font-size: 18px !important
    }

/* User details */
.rpNewTheme .nav-right:first-child > ul > li.bakLinkAlginment {
    top: 0;
    margin-top: 10px
}

    .rpNewTheme .nav-right:first-child > ul > li.bakLinkAlginment a:hover, .rpNewTheme #UserAdd .preferences .nav-right > ul > li a:hover {
        border-radius: inherit;
        box-shadow: none
    }

.rpNewTheme #payCouponCode .tabs-link.nav-tabs > li:hover > a, .rpNewTheme #payCouponCode .tabs-link.nav-tabs > li.active > a {
    border-radius: inherit;
    box-shadow: none
}

.rpNewTheme .addDepartment#pnlDepartment a.no-hover.inline-left {
    margin-top: 9px
}

.rpNewTheme .addDepartment#pnlDepartment a.inline-right {
    top: 11px
}

.rpNewTheme .dropdown-menu.assignUserDropdown {
    padding: 0;
    border-top: 0
}

    .rpNewTheme .dropdown-menu.assignUserDropdown.dropdown-menu > li > .submenu > li > a {
        padding: 8px 5px 8px 12px
    }

    .rpNewTheme .dropdown-menu.assignUserDropdown > li > .submenu > li > a > i {
        margin: -4px 5px 0-2px
    }

.rpNewTheme .manageClient .tab-pane .userDetail #userGrid {
    background: transparent
}

    .rpNewTheme .manageClient .tab-pane .userDetail #userGrid .k-grid-header-wrap {
        border-width: 0
    }

    .rpNewTheme .manageClient .tab-pane .userDetail #userGrid .k-grid-content {
        height: auto !important;
        border: 0;
        border-left: 1px solid #585858
    }

.rpNewTheme #pnlUserCreate .password-strength > .progress .fill, .rpNewTheme #pnlUserCreate .confirm-password > .progress .fill {
    top: 5px
}

.rpNewTheme .password-strength > .progress .progress-bar.bad, .rpNewTheme .password-strength > .progress .progress-bar.weak, .rpNewTheme .password-strength > .progress .progress-bar.average, .rpNewTheme .password-strength > .progress .progress-bar.good, .rpNewTheme .password-strength > .progress .progress-bar.strong {
    overflow: hidden
}

    .rpNewTheme .password-strength > .progress .progress-bar.bad i, .rpNewTheme .password-strength > .progress .progress-bar.weak i, .rpNewTheme .password-strength > .progress .progress-bar.average i, .rpNewTheme .password-strength > .progress .progress-bar.good i, .rpNewTheme .password-strength > .progress .progress-bar.strong i {
        position: absolute;
        left: 7px;
        bottom: 5px
    }

.rpNewTheme #UserGrid .k-grid-header tr th {
    line-height: 20px
}
/*.rpNewTheme .campaign-type>li.active a:before{content:"";position:absolute;border-top:3px solid var(--primary-color);width:100%;bottom:-3px;left:0}
.rpNewTheme .campaign-type>li.active a:after{bottom:-11px}*/
.rpNewTheme .message-settings-tabs .input-error {
    margin-top: -22px
}

.rpNewTheme .profile-info .k-upload .k-upload-button {
    line-height: 20px !important;
    font-size: 13px !important
}

    .rpNewTheme .profile-info .k-upload .k-upload-button span i {
        line-height: 24px;
        margin-right: 0
    }

        .rpNewTheme .profile-info .k-upload .k-upload-button span i.icon-edit-pencil-small {
            font-size: 18px !important
        }

/* License/Payment */
.rpNewTheme .paymentTabs li.active a {
    padding-bottom: 13px;
    letter-spacing: normal
}

/*MDC Email Footer Alignment */
#mcc .rpNewTheme .richtext.email-detail, .rpNewTheme .emailFooterContent {
    width: 600px
}

/* DatExchange */
#viewSDK .modal-footer a {
    position: relative;
    top: 5px
}

#viewSDK .modal-body #success-alert {
    top: auto;
    left: 0
}

@media(max-width:1460px) {
    #footer-fullscreen .container {
        width: 60%
    }
}

body#mcc #templateContentPanel #divTemplateset, body#mcc #templateContentPanel #divWebTemplateset {
    margin-right: 12.0%
}

#cpContainer1 .dashboard-sort-item a[data-toggle="tab"] {
    font-size: 16px !important;
}

/*RUN18 changes*/
.rpNewTheme #campaignListGrid .k-grid tr td ul.slides li {
    margin-right: 0
}

.splitChannel .tabs-top.nav-tabs > li.active a {
    font-size: 18px;
    letter-spacing: 0
}

div#divListGrid #grid th:nth-child(2), div#divListGrid #grid td:nth-child(2), div#divListGrid #grid th:nth-child(3), div#divListGrid #grid td:nth-child(3) {
    border-left-width: 0
}

div#smarturl-popup .modal-dialog .nav-tabs > li.active > a {
    font-size: 21px
}

.nav-right.infoDataGrid > ul > li > a:hover {
    box-shadow: none
}

#cpContainer1 .tabs-link.nav-tabs.campaignAnalyseTab > li.active > a, #cpContainer1 .tabs-link.nav-tabs.campaignAnalyseTab > li.active > a:hover, #cpContainer1 .tabs-link.nav-tabs.campaignAnalyseTab > li > a:hover, #cpContainer1 .tabs-link.nav-tabs.campaignAnalyseTab > li > a:focus {
    border-radius: 0;
    box-shadow: none;
    letter-spacing: inherit;
    font-size: 18px
}

#cpContainer1 .tabs-link.nav-tabs.campaignAnalyseTab > li {
    margin-left: 0
}

#bodycampsplitABSMS li#liSMSSplitC {
    clear: both
}

i.icon-align-vertical-small.icon-sm {
    font-size: 23px !important
}

.galleryArrow .widget-gallery i.icon-align-vertical-small.icon-sm {
    padding: 0;
}

.panel.newGridLayout.signin-onetime i#otpCheckTrue, .panel.newGridLayout.signin-onetime i#otpCheckFalse {
    position: relative;
    bottom: 3px
}

div#un-imported .k-grid-content {
    overflow: hidden
}

.formconfigure .nav-right:first-child > ul > li > a:hover {
    box-shadow: none
}

.rpNewTheme .fade-blkAudience .cnTBlock.bgRedLogin {
    background: #b42429 !important
}

.rpNewTheme .fade-blkAudience {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10003 /*1002*/;
    background-color: rgba(0,0,0,0.3)
}

    .rpNewTheme .fade-blkAudience .res-list-type {
        width: 1152px;
        height: 345px;
        text-align: left;
        color: #fff;
        margin: 0 auto;
        padding: 20px 15px 15px
    }

        .rpNewTheme .fade-blkAudience .res-list-type > li {
            position: relative;
            padding: 10px 10px 10px 30px;
            font-size: 18px
        }

            .rpNewTheme .fade-blkAudience .res-list-type > li:first-child {
                padding: 10px
            }

            .rpNewTheme .fade-blkAudience .res-list-type > li > i {
                position: absolute;
                top: 50%;
                left: 5px;
                margin-top: -7px;
                transform: rotate(180deg)
            }

    .rpNewTheme .fade-blkAudience .cnTBlock {
        position: absolute;
        top: 35%;
        margin-top: -75px;
        width: 100%;
        text-align: center;
        background: rgba(0,0,0,.7);
        box-shadow: 0 3px 4px rgba(0,0,0,.5);
        -webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
        -moz-box-shadow: 0 3px 4px rgba(0,0,0,.5)
    }

        .rpNewTheme .fade-blkAudience .cnTBlock h3 {
            font-family: 'mukta-regular';
            display: inline-block;
            font-size: 25px;
            color: #fff
        }

            .rpNewTheme .fade-blkAudience .cnTBlock h3 span {
                font-family: 'mukta-bold'
            }

        .rpNewTheme .fade-blkAudience .cnTBlock .pluginBtn {
            float: right;
            padding: 8px 25px;
            font-size: 18px;
            font-family: 'mukta-regular' !important;
            letter-spacing: .5px;
            border: 1px solid #ccc;
            margin-top: 11px;
            border-radius: 5px
        }

    .rpNewTheme .fade-blkAudience .res-list-type.timebeingChange > li i {
        position: absolute;
        top: 50%;
        left: 33px;
        margin-top: -7px;
        transform: rotate(180deg)
    }

    .rpNewTheme .fade-blkAudience .res-list-type.timebeingChange p {
        font-size: 19px
    }

    .rpNewTheme .fade-blkAudience .res-list-type.timebeingChange > li span {
        padding-left: 30px
    }
/*.searchEffect input,.searchEffect input:focus{border-radius:50px;height:26px;width:173px}*/
.conversionTab .tabs-fixed.nav-tabs > li > a {
    font-size: 14px !important;
    letter-spacing: .5pt !important
}

#divTables .getTableName span.k-dropdown {
    width: 98%;
}
/* Gold campaign icon (new) */
.res-gold-campaign-icon-container {
    position: absolute;
    right: 0;
    top: 2px
}

    .res-gold-campaign-icon-container .csrGoldIconHolder {
        position: static
    }

    .res-gold-campaign-icon-container .label-gold {
        position: static;
        color: #e7ca60;
        font-size: 18px
    }

        .res-gold-campaign-icon-container .label-gold:after {
            border: 0
        }

.k-animation-container form.k-filter-menu {
    margin-left: -66px
}

.key-list > ul.ORM-keylist-bottomalign {
    position: static
}

.res-reports-op-block .res-rob-heading {
    white-space: nowrap;
    width: 98%;
    margin-left: 1%;
    overflow: hidden;
    text-overflow: ellipsis
}

#updatepanelcontainer .nav-tabs > li {
    position: relative;
    top: -9px
}

#updatepanelcontainer .tab-content.sliderMain .nav-right {
    margin-bottom: 10px;
}

div#dlistpartial .abox:nth-child(1) .dropdown-menu, div#dlistpartial .abox:nth-child(4) .dropdown-menu, div#dlistpartial .abox:nth-child(7) .dropdown-menu {
    left: 0;
    width: 228px
}

div#dlistpartial .abox:nth-child(7) .dropdown-menu, div#dlistpartial .abox:nth-child(8) .dropdown-menu, div#dlistpartial .abox:nth-child(9) .dropdown-menu, div#dlistpartial .abox:nth-child(n+2) .dropdown-menu {
    bottom: 40px;
    top: auto
}

.conversionTab .tabs-fixed.nav-tabs > li > a {
    font-size: 14px !important;
    letter-spacing: .5pt !important
}

.orange-mediumAAD {
    color: #f56701 !important
}

#WebhContent, #WebhContentA, #WebhContentB, #WebhContentC, #WebhContentD, #PushContent, #PushContentA, #PushContentB, #PushContentC, #PushContentD {
    width: 100% !important;
    font-size: 16px !important;
    font-family: 'mukta-regular',Verdana,Geneva,sans-serif;
}

.rp-calendar .k-scheduler-navigation li.k-state-default.k-nav-next {
    top: 4px;
    position: relative
}

.rp-calendar .k-scheduler-navigation .k-nav-today {
    padding: 0 15px 4px !important
}

ul.dropdown-menu.dropdown-input .k-button.k-upload-button {
    background: transparent !important;
    color: #585858 !important;
    padding-left: 15px !important
}

.btn-link:hover {
    text-decoration: underline !important
}

.col-sm-4.col-xs-12.colsplit:empty {
    display: none
}

a#wpCustomButtonPanelHide, #mpCustomButtonPanelHide {
    right: 10px;
    position: relative;
    top: 1px
}

li.browserButtonImage:hover {
    background: var(--primary-color);
    color: #fff
}

    li.browserButtonImage:hover span {
        background: var(--primary-color);
        color: #fff
    }

ul#import-template-tab-mobilepush a:hover {
    font-size: 18px;
    color: #585858
}

.alertpushimportshow .tabs-boxed-style1.nav-tabs li:first-child {
    border: 1px solid #e9e9eb !important;
    border-right: none !important
}

.alertpushimportshow .tabs-boxed-style1.nav-tabs li:last-child {
    border: 1px solid #e9e9eb !important;
    border-left: none !important
}

.confirmPayDashboard .dashboard-sort-item .res-ListStyle {
    display: inline-block;
    margin: 0 auto;
    width: auto;
    left: 13%;
    position: relative
}

.tab-content.campaignAnalyseTabPane .confirmPayDashboard .dashboard-sort-item .res-ListStyle {
    left: 0
}

.confirmPayDashboard .dashboard-sort-item .res-ListStyle li:first-child {
    border: 0
}

.confirmPayDashboard .dashboard-sort-item .res-ListStyle li {
    float: left;
    margin-right: 38px;
    padding-left: 37px;
    border-left: 1px solid #cecece
}

.rpNewTheme .splitABMechanicsMobileEnableOn .emoji-picker-icon {
    left: 42px !important;
    top: 42px !important
}

/*** Target list Advance analytics UI changes *****/
.rpNewTheme .targetListOptPage #dlistpartial .info-popup.serOn {
    clip: rect(0px,1152px,495px,0px)
}

.rpNewTheme .targetListOptPage #dlistpartial .info-popup {
    width: 1152px;
    height: 480px !important
}

.targetListOptPage div#dlistpartial .list-segment:nth-child(2) .info-popup, .targetListOptPage div#dlistpartial .list-segment:nth-child(5) .info-popup, .targetListOptPage div#dlistpartial .list-segment:nth-child(8) .info-popup {
    margin-left: -395px
}

.rpNewTheme .sel_advAnalyticsContainer input.placeholder-selected .k-input {
    color: #fff !important
}

.sel_advAnalyticsContainerGrid .k-pager-wrap.k-grid-pager.k-widget {
    padding-bottom: 10px
}
/*** Target list Advance analytics UI changes *****/
/*** Target list Optimization ***/
.error-pageConnect {
    overflow: hidden
}

    .error-pageConnect .fade-blk {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 1002;
        background-color: rgba(0,0,0,0.3)
    }

        .error-pageConnect .fade-blk .cnTBlock {
            position: absolute;
            top: 50%;
            margin-top: -75px;
            width: 100%;
            text-align: center;
            background: rgba(0,0,0,.7);
            box-shadow: 0 3px 4px rgba(0,0,0,.5);
            -webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
            -moz-box-shadow: 0 3px 4px rgba(0,0,0,.5)
        }

            .error-pageConnect .fade-blk .cnTBlock img {
                display: inline-block
            }

            .error-pageConnect .fade-blk .cnTBlock h3 {
                display: inline-block;
                font-size: 26px;
                color: #fff;
                margin-bottom: 20px;
                text-shadow: 1px 2px 6px rgba(0,0,0,1);
                -webkit-text-shadow: 1px 2px 6px rgba(0,0,0,1);
                -moz-text-shadow: 1px 2px 6px rgba(0,0,0,1)
            }

.rpNewTheme .chart-title.campagainStatus .popover.bottom > .arrow {
    border-top-color: #6f6b6b;
    border-bottom-color: #6f6b6b
}

    .rpNewTheme .chart-title.campagainStatus .popover.bottom > .arrow:after {
        border-bottom-color: #ffffff !important
    }

#campaignListGrid #campaignGrid table tr td .csrGoldIconHolder {
    position: absolute;
    top: 5px;
    right: 0
}

    #campaignListGrid #campaignGrid table tr td .csrGoldIconHolder i.label-gold {
        position: static;
        color: #e7ca60 !important;
        font-size: 18px;
        line-height: 12px
    }

        #campaignListGrid #campaignGrid table tr td .csrGoldIconHolder i.label-gold:after {
            border: 0 !important
        }

#campaignListGrid table td.k-detail-cell table tbody tr td ul.list-inline:first-child {
    display: flex; /*max-width: 400px;*/
}

#campaignListGrid table td.k-detail-cell table tbody tr td ul.list-inline.campaign-split-ab-pro:first-child {
    align-items: center;
}

#campaignListGrid table td.k-detail-cell table tbody tr td ul.list-inline.campaign-split-ab-pro {
    display: flex;
    align-items: center;
}

#campaignListGrid table td.k-detail-cell .list-inline span.split-ab-img {
    display: flex;
    align-items: center;
}

    #campaignListGrid table td.k-detail-cell .list-inline span.split-ab-img img {
        width: 30px;
        max-height: 30px;
    }

    #campaignListGrid table td.k-detail-cell .list-inline span.split-ab-img a {
        white-space: pre;
        padding-left: 5px !important;
        max-width: calc(100% - 0);
        overflow: hidden;
        text-overflow: ellipsis;
    }

#campaignListGrid table td.k-detail-cell .list-inline span.campaign-message {
    line-height: 17.5px;
}

.rpNewTheme #campaignListGrid .report-status-date {
    display: flex;
    align-items: center;
}

    .rpNewTheme #campaignListGrid .report-status-date [class*="le_sch"] {
        margin-right: 10px;
    }

    .rpNewTheme #campaignListGrid .report-status-date .progressBarLi {
        width: 30px;
        margin-right: 10px;
    }

.rpNewTheme #campaignListGrid .report-status-bar {
    margin: 0 7px 0 0;
    padding-top: 0px;
}

.rpNewTheme #campaignListGrid .campaign-status-datetime {
    white-space: pre;
    text-overflow: ellipsis;
    width: 70px;
    overflow: hidden;
    margin: 0 !important;
    display: inline-block;
    height: 20px;
}

    .rpNewTheme #campaignListGrid .campaign-status-datetime span {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        max-width: 73px;
    }
/*CAMPAIGN LISTING*/
.rpNewTheme #campaign-list #campaignListGrid .k-grid tr td ul li.campaign-status-datetime span {
    max-width: fit-content;
    top: 2px;
    position: relative;
}

.rpNewTheme #campaign-list #campaignListGrid .k-grid tr td ul li.campaign-status-datetime {
    width: auto;
}

/* smartlink style - 20201017 */
#smarturl-popup .scroll_list_attribues.css-scrollbar {
    max-height: inherit !important;
    overflow: inherit !important
}

#smarturl-popup .slimScrollDiv {
    overflow: inherit !important
}

    #smarturl-popup .slimScrollDiv .slimScrollBar {
        display: none !important
    }

#smarturl-popup .panel, #smarturl-popup .panel-heading {
    border-radius: 0;
}

/*** Target list Optimization ***/
.tooltip-inner {
    min-width: 70px
}

#templatesContainer7 #listView_pager, #WebtemplatesContainer7 #listViewWeb_pager, #mobiletemplatesContainer7 #listViewMobile_pager {
    display: none
}

.visibility-hidden {
    visibility: hidden;
    height: 0;
    overflow: hidden
}

.applyOtherDevice ul.camp-labels li {
    position: relative;
    padding-left: 4px;
    padding-right: 4px;
    margin-right: 0
}

.applyOtherDevice .list-block > li:first-child {
    padding-left: 0
}

.applyOtherDevice ul.camp-labels .first {
    width: 70px !important
}

div#collapsemobileDevice .advSettpersonalizaValueTagAction {
    max-width: 94% !important
}

.btnAddmobileDevice {
    right: -31px;
    top: -45px
}

.applyOtherDeviceB ul.camp-labels li {
    position: relative;
    padding-left: 4px;
    padding-right: 4px;
    margin-right: 0
}

.applyOtherDeviceB .list-block > li:first-child {
    padding-left: 0
}

.applyOtherDeviceB ul.camp-labels .first {
    width: 70px !important
}

div#collapsemobileDevice .advSettpersonalizaValueTagActionB {
    max-width: 94% !important
}

.btnAddmobileDeviceB {
    right: -31px;
    top: -45px
}

#content-target-filter .content-fields {
    height: auto !important
}

#templatesContainer7 #listViewWeb_pager {
    display: none
}

#CustomersPropContainer {
    width: 100%;
    height: 320px !important;
    padding: 0;
}

#DivsendTestEmailCampaign {
    margin-top: -7px
}

.default-dropdown.res-threeDotDropdown {
    position: absolute;
    right: 5px;
    top: 14px;
    z-index: 9
}

    .default-dropdown.res-threeDotDropdown.right-align ul.dropdown-menu {
        right: 0;
        left: auto;
        width: auto
    }

#updatepanelcontainer #MobilePush .nav-right::before {
    display: block;
    content: initial
}

#CustomersPropContainer_360 {
    width: 580px !important;
    height: 270px !important
}

#workflowPanel .approveMailID .removeSendapprove {
    right: -34px !important;
    bottom: -8px !important
}

#workflowPanel .campaignTextPop {
    top: 5px
}

#workflowPanel #Approvalsettingsid {
    position: relative;
    right: -11px; /*top:-5px*/
}

ul#ulemailsplits li a {
    font-size: 18px
}

.k-combobox.k-header .k-select .k-icon {
    visibility: hidden !important;
    cursor: pointer
}

.k-combobox.k-header .k-dropdown-wrap input[type=text] {
    background: 0
}

div#dlistpartial .abox ul#topRecipients {
    width: auto !important;
    left: auto !important;
    bottom: auto
}

[id^=gridScrubData].k-grid tr:first-child td, [id^=gridScrubData].k-grid tbody td:nth-child(2) {
    width: 182px
}

[id^=gridScrubData] .k-grid-content {
    overflow-x: hidden
}

.required.k-dropdown .k-dropdown-wrap:after, .required.k-datepicker .k-picker-wrap:after, .required.k-timepicker .k-picker-wrap:after, .required.k-combobox .k-dropdown-wrap:after {
    border-left-color: #fe6262 !important
}

.resHoverDiv .dropdown {
    display: none
}

.resHoverDiv:hover .dropdown {
    display: inline-block
}

.resHoverDiv .open > .dropdown-menu {
    margin-top: 8px;
}

.resHoverDiv .dropdown > a > i {
    padding: 0 !important;
    width: 14px;
    height: 14px;
    margin-left: 2px
}

.csr_report .tab-content #Email.tab-pane .content-grid.table-responsive > tbody > tr > td {
    padding: 15px
}

.csr_report .tab-content #Email.tab-pane.active {
    display: flex
}

    .csr_report .tab-content #Email.tab-pane.active .col-xs-12 {
        display: table-cell
    }

    .csr_report .tab-content #Email.tab-pane.active .preview-overlay {
        display: table;
        width: 100%;
        height: 100%
    }

        .csr_report .tab-content #Email.tab-pane.active .preview-overlay > a {
            display: table-cell;
            vertical-align: middle
        }

            .csr_report .tab-content #Email.tab-pane.active .preview-overlay > a > img, .csr_report .tab-content #Email.tab-pane.active .preview-overlay .hover-bg {
                height: 300px
            }

.channelCostValue li {
    line-height: 30px;
    font-size: 15px
}

.channelCostValueDetails > li {
    overflow: visible
}

.channelCostValueDetails .popover {
    width: 200px
}

.info-popup.list-AudienceConverisonCost.serOn {
    clip: rect(0,364px,115px,0)
}

.info-popup.list-AudienceConverisonCost {
    height: 280px !important;
    width: 362px;
    margin-top: 291px;
    border-top: 10px solid #fdfdfd;
    left: auto;
    margin-left: 1px;
    background: rgba(0,102,201,0.95)
}

    .info-popup.list-AudienceConverisonCost .item-list-style1 > li {
        color: #fff
    }

    .info-popup.list-AudienceConverisonCost .scroll-pane {
        height: 180px
    }

    .info-popup.list-AudienceConverisonCost .item-list > li {
        padding: 10px 15px 0
    }

    .info-popup.list-AudienceConverisonCost:before {
        position: absolute;
        top: -10px;
        border-style: solid;
        border-width: 0 11px 11px;
        border-color: rgba(0,102,201,0.95) transparent
    }

    .info-popup.list-AudienceConverisonCost:before {
        right: 70px
    }

section.reports .list-overview-info.expand .list-overview-data .popover-content, section.reports .list-overview-info.expand .list-overview-data .complistL {
    background: transparent
}

span.k-numeric-wrap.k-state-default span.k-select {
    background: #ccc;
    height: 5px;
    margin-top: 11px;
    z-index: 99
}

.k-numerictextbox .k-link {
    display: block;
    height: .5em;
    line-height: 14px;
    vertical-align: middle;
    border-width: 0;
    padding: 0;
    margin-bottom: 1px
}

.k-numeric-wrap.k-state-default:after {
    border-left: 1px solid #ff4700;
    height: auto
}
/*#offline-analyticss .form-horizontal [class*="col-"]>.input-error{margin-left:0}*/
.frequencyChange .frequencybg .icon-dropdown-small {
    margin-top: -6px
}

div#MobileAppTableContainer .st-grid-transparent .k-master-row > td:nth-child(2) {
    border-left-width: 1px !important
}

.rpNewTheme #MobileAppTableContainer .k-hierarchy-cell a.k-icon:before {
    bottom: 7px;
    font-size: 23px;
    line-height: 5px;
    position: absolute;
    right: 2px
}

.rpNewTheme #MobileAppTableContainer .k-hierarchy-cell a.k-icon.k-minus:before {
    bottom: 10px;
    right: 6px;
    font-family: initial;
    font-weight: inherit
}

.rpNewTheme #MobileAppTableContainer .k-hierarchy-cell a {
    height: 30px;
    width: 30px
}

#MobileAppTableContainer .st-grid-transparent.k-grid > table > tbody > tr > td:first-child {
    border-left-width: 0 !important
}

#MobileAppTableContainer .k-grid.k-widget .k-grid.k-widget {
    margin-top: -10px !important
}

#MobileAppTableContainer td.k-detail-cell {
    padding: 0
}

#MobileAppTableContainer .k-detail-cell > .k-grid > table th {
    background-color: var(--primary-color) !important;
    color: #fff
}

#MobileAppTableContainer .k-detail-cell .k-grid-header span.k-link {
    color: #fff !important
}

#MobileAppTableContainer .k-hierarchy-cell a.k-icon:after {
    border-bottom: 28px solid #2896f0
}

#MnConfiguration .cf-cat-box ul, #view-setting-1 .cf-cat-box ul {
    height: 150px !important;
    max-height: 150px;
    padding: 0 10px
}

#MnConfiguration .cf-cat-box h6 {
    position: relative;
    top: 0;
    padding: 10px 10px 5px;
    font-size: 16px
}

#MnConfiguration .cf-cat-box ul {
    height: 239px !important;
    max-height: 239px
}

#MnConfiguration .k-grid td {
    color: #333
}

#MnConfiguration #sourceListHolder.RS-TagList-CSS-JS {
    padding-top: 5px
}

#MnConfiguration .RS-TagList-CSS-JS li {
    padding-right: 25px;
    color: #333;
    letter-spacing: .5px
}

    #MnConfiguration .RS-TagList-CSS-JS li a {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 20px;
        background: url(themes/base/images/icon-close-tag.png) no-repeat 5px 9px;
        cursor: pointer;
        z-index: 99
    }

#MnConfiguration .RS-pointerEvent-None li {
    pointer-events: none;
    padding-right: 10px
}

    #MnConfiguration .RS-pointerEvent-None li a {
        display: none
    }

.RS-attributesListCountValue1-CSS-JS, .RS-attributesListCountValue2-CSS-JS {
    background: #9a9a9e;
    border-radius: 15px;
    padding: 0 5px;
    font-size: 12px;
    color: #fff;
    position: relative;
    top: -2px
}

#MnConfiguration .checkCampaignRefCont {
    background: #fff
}

    #MnConfiguration .checkCampaignRefCont .tagsField {
        border-top-color: var(--primary-color) !important
    }

        #MnConfiguration .checkCampaignRefCont .tagsField, #MnConfiguration .checkCampaignRefCont .tagsField .jspContainer {
            height: 239px !important;
            max-height: 239px !important
        }

            #MnConfiguration .checkCampaignRefCont .tagsField .jspContainer .jspPane {
                padding-top: 10px !important
            }

            #MnConfiguration .checkCampaignRefCont .tagsField li {
                font-family: 'mukta-regular';
                border: 1px solid #d4d6de;
                background: #f6f7f8;
                font-size: 15px;
                color: #333 !important;
                margin: 0 5px 5px 0
            }
/*.multiSelect ul.grid-style li:nth-child(even){background:#f0f8ff}*/
.btn {
    margin-left: 10px;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 300;
    line-height: 23px;
    padding: 9px 20px
}

#ulsmartlink + .tab-content .tab-pane .panel {
    overflow: visible
}

.message-toolbar .k-editor-toolbar {
    padding: 0 !important
}

    .message-toolbar .k-editor-toolbar li {
        margin: 0 !important
    }

.subscription .iconTopAdjust {
    margin-left: 90px;
    margin-top: 0
}

.subscription .inline-top .icon-settings-small {
    top: 12px
}

#txtmsgpreview ol, #txtmsgpreview ul {
    list-style: revert
}

.res-dedupConfigureQuestion {
    right: -5px;
    top: 17px;
    position: absolute
}

#updatepanelcontainer .detail-statbox > div ul > li {
    white-space: nowrap
}

#channel_settings .mobileAppDeviceContainer .appAnalyticsSwitchCnt,
#channel_settings .webAppDeviceContainer .WebAnalyticsSwitchCnt {
    background: #f7f7f7;
}

#channel_settings .mobileAppDeviceContainer .advSettpersonalizaValueTagAdd,
#channel_settings .mobileAppDeviceContainer .advSettpersonalizaValueTagRemove,
#channel_settings .webAppDeviceContainer .WebadvSettpersonalizaValueTagAdd,
#channel_settings .webAppDeviceContainer .WebadvSettpersonalizaValueTagRemove {
    position: absolute;
    bottom: -4px;
    right: -38px;
}

#btnsavemobapponboard {
    right: -34px;
    top: -44px;
}

#channel_settings > .tabs-left > .nav-tabs + .tab-content {
    width: 89%;
}

#loadMapLocation.modal:before, #preview-appEventtrack.modal:before {
    height: auto;
    display: none;
}

#confirmScheduleAAD .otp_options .optionDownloadAttribute + .class_audienceDownloadOTPddl.selInput {
    display: block !important;
}

#confirmSchedule .otp-tick-container {
    display: inline-block;
    top: -2px;
    right: -56px;
}

#confirm-download .ccNameIconContainer .naIcon2, #confirm-download .ccNameIconContainer .naIcon {
    left: 12px;
    top: 9px;
}
/*#confirm-download .ccNameIconContainer .naIcon2 i:hover, #confirm-download .ccNameIconContainer .naIcon i:hover,
#confirmSchedule .naIcon2 i:hover, #confirmSchedule .naIcon i:hover {cursor: pointer;}*/
#confirmSchedule .naIcon, #confirmSchedule .naIcon2 {
    right: -35px;
    top: -1px;
}

/*wave2*/
/* Mobile notification color picker UI changes start */
.pushTitleColor {
    position: relative;
    width: 24px;
    height: 24px;
    float: left;
}

    .pushTitleColor > .k-colorpicker.k-tool-bgcolor {
        display: none;
    }

    .pushTitleColor .k-colorpicker.k-header {
        position: absolute;
        top: 18px;
    }

    .pushTitleColor span.k-picker-wrap.k-state-default:after,
    .testedit.zhPushEditorBlk span.k-picker-wrap.k-state-default:after,
    .colorPickerBlk span.k-picker-wrap.k-state-default:after,
    .pushTitleColor span.k-picker-wrap.k-state-default:before,
    .testedit.zhPushEditorBlk span.k-picker-wrap.k-state-default:before,
    .colorPickerBlk span.k-picker-wrap.k-state-default:before {
        height: 0;
        border: 0;
    }

    .pushTitleColor .k-colorpicker span.k-picker-wrap.k-state-default .k-selected-color {
        width: 20px !important;
        height: 4px !important;
        margin: 0 !important;
        border: 0 !important;
        color: #333;
        outline: 1px solid #b8b8b8;
    }

    .pushTitleColor span.k-picker-wrap.k-state-default {
        border: 0 !important;
    }

        .pushTitleColor span.k-picker-wrap.k-state-default .k-selected-color:before {
            content: 'A';
            width: 20px;
            height: 24px;
            font-family: 'mukta-regular';
            font-size: 23px;
            position: relative;
            float: left;
            line-height: 18px;
            text-align: center; /*border:1px solid #b8b8b8; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;*/
            cursor: pointer;
            margin-top: -18px;
        }

.testedit.zhPushEditorBlk [data-original-title="Font color"],
.colorPickerBlk [data-original-title="Font color"] {
    position: relative;
    width: 24px;
    height: 24px;
    float: left;
    padding-top: 2px;
}

    .testedit.zhPushEditorBlk [data-original-title="Font color"] .k-colorpicker.k-tool-bgcolor,
    .colorPickerBlk [data-original-title="Font color"] .k-colorpicker.k-tool-bgcolor {
        display: none;
    }

    .testedit.zhPushEditorBlk [data-original-title="Font color"] .k-colorpicker.k-header {
        position: absolute;
        top: 26px;
        left: 5px;
    }

    .colorPickerBlk [data-original-title="Font color"] .k-colorpicker.k-header {
        position: absolute;
        top: 18px;
    }

    .testedit.zhPushEditorBlk [data-original-title="Font color"] .k-colorpicker span.k-picker-wrap.k-state-default .k-selected-color,
    .colorPickerBlk [data-original-title="Font color"] .k-colorpicker span.k-picker-wrap.k-state-default .k-selected-color {
        width: 20px !important;
        height: 4px !important;
        margin: 0 !important;
        border: 0 !important;
        color: #333;
        outline: 1px solid #b8b8b8; /*border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;*/
    }

    .testedit.zhPushEditorBlk [data-original-title="Font color"] span.k-picker-wrap.k-state-default,
    .colorPickerBlkk [data-original-title="Font color"] span.k-picker-wrap.k-state-default {
        border: 0 !important;
    }

        .testedit.zhPushEditorBlk [data-original-title="Font color"] span.k-picker-wrap.k-state-default .k-selected-color:before,
        .colorPickerBlk [data-original-title="Font color"] span.k-picker-wrap.k-state-default .k-selected-color:before {
            content: 'A';
            width: 21px;
            height: 24px;
            font-family: 'mukta-regular';
            font-size: 23px;
            position: relative;
            float: left;
            line-height: 18px;
            text-align: center; /*border:1px solid #b8b8b8; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;*/
            cursor: pointer;
            margin-top: -19px;
            margin-left: -1px;
        }

.testedit.zhPushEditorBlk [data-original-title="Background color"],
.colorPickerBlk [data-original-title="Background color"] {
    position: relative;
    width: 24px;
    height: 24px;
    float: left;
    padding-top: 2px;
}

    .testedit.zhPushEditorBlk [data-original-title="Background color"] > .k-tool-bgcolor,
    .colorPickerBlk [data-original-title="Background color"] > .k-tool-bgcolor {
        display: none;
    }

    .testedit.zhPushEditorBlk [data-original-title="Background color"] .k-colorpicker.k-header {
        position: absolute;
        top: 26px;
        left: 5px;
    }

    .colorPickerBlk [data-original-title="Background color"] .k-colorpicker.k-header {
        position: absolute;
        top: 18px;
    }

    .testedit.zhPushEditorBlk [data-original-title="Background color"] .k-colorpicker span.k-picker-wrap.k-state-default .k-selected-color,
    .colorPickerBlk [data-original-title="Background color"] .k-colorpicker span.k-picker-wrap.k-state-default .k-selected-color {
        width: 20px !important;
        height: 4px !important;
        margin: 0 !important;
        border: 0 !important;
        background-color: #333;
        outline: 1px solid #b8b8b8; /*border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;*/
    }

    .testedit.zhPushEditorBlk [data-original-title="Background color"] span.k-picker-wrap.k-state-default,
    .colorPickerBlk [data-original-title="Background color"] span.k-picker-wrap.k-state-default {
        border: 0 !important;
    }

        .testedit.zhPushEditorBlk [data-original-title="Background color"] span.k-picker-wrap.k-state-default .k-selected-color:before,
        .colorPickerBlk [data-original-title="Background color"] span.k-picker-wrap.k-state-default .k-selected-color:before {
            content: '';
            width: 21px;
            height: 24px;
            font-family: 'mukta-regular';
            font-size: 23px;
            position: relative;
            float: left;
            line-height: 18px;
            text-align: center; /*border:1px solid #b8b8b8; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;*/
            cursor: pointer;
            margin-top: -18px;
            background: url('../Images/icon-tool-bgcolor.png') no-repeat 2px -1px;
        }
/* Mobile notification color picker UI changes End */

#res-dedupeProcess .st-grid-dedupe .popover {
    max-width: 355px;
    margin-top: 16px;
    font-size: 13px;
    position: absolute;
}

.modal-header .modal-title {
    letter-spacing: 0.5px;
    word-break: break-word;
}

.resu-ImportSection .tabs-left > .tab-content {
    padding: 0 15px 20px 20px;
}

.resu-ImportSection .tabs-boxed-style1.nav-tabs li {
    padding: 15px;
}

    .resu-ImportSection .tabs-boxed-style1.nav-tabs li form {
        display: initial;
    }

    .resu-ImportSection .tabs-boxed-style1.nav-tabs li a[href="#hash"] {
        width: 138px;
    }

    .resu-ImportSection .tabs-boxed-style1.nav-tabs li:first-child {
        border: 1px solid #e3e3e3 !important;
        border-right: none !important;
    }

        .resu-ImportSection .tabs-boxed-style1.nav-tabs li:first-child a + div {
            margin-left: 85px;
        }

    .resu-ImportSection .tabs-boxed-style1.nav-tabs li:last-child {
        border: 1px solid #e3e3e3 !important;
        border-left: none !important;
    }

        .resu-ImportSection .tabs-boxed-style1.nav-tabs li:first-child > a,
        .resu-ImportSection .tabs-boxed-style1.nav-tabs li:last-child > a {
            float: none;
        }

        .resu-ImportSection .tabs-boxed-style1.nav-tabs li:last-child .fileName > a {
            margin-top: 8px;
        }

    .resu-ImportSection .tabs-boxed-style1.nav-tabs li .fileName > a.helppopup {
        margin: 15px 0 0 -15px;
        display: none;
    }

    .resu-ImportSection .tabs-boxed-style1.nav-tabs li:first-child.active > a,
    .resu-ImportSection .tabs-boxed-style1.nav-tabs li:last-child.active > a {
        float: left;
    }

    .resu-ImportSection .tabs-boxed-style1.nav-tabs li:first-child.active,
    .resu-ImportSection .tabs-boxed-style1.nav-tabs li:last-child.active {
        border: 1px solid #e3e3e3 !important;
    }

    .resu-ImportSection .tabs-boxed-style1.nav-tabs li.active a:hover,
    .resu-ImportSection .tabs-boxed-style1.nav-tabs li.active a:focus {
        font-size: 18px;
    }

    .resu-ImportSection .tabs-boxed-style1.nav-tabs li.active:after {
        font-size: 16px;
        line-height: 21px;
    }

.resu-ImportSection .tab-pane.active .box.importurl {
    padding: 14px !important;
}

    .resu-ImportSection .tab-pane.active .box.importurl .tabs-boxed-style1.nav-tabs li:last-child { /*border-right:none !important;*/
    }
/*.resu-ImportSection .approvalMailRequest{width:35px;}*/
#notificationView .email-detail {
    margin-bottom: 30px;
}

#notificationView .select-type > li a.active {
    pointer-events: none;
}

/* AudienceAnalytics360 - style starts */
#u360Details {
    letter-spacing: 0.5px;
}

    #u360Details .open > .dropdown-menu {
        overflow: visible;
    }

    #u360Details #user-timeline .timeline .open > .dropdown-menu.css-scrollbar-new-vertical {
        overflow-x: hidden;
        overflow-y: scroll;
    }

    #u360Details .user-value {
        font-size: 18px;
    }

        #u360Details .user-value > span {
            font-weight: normal;
        }
    /*#u360Details .campaign-channel li{position:relative;}*/
    #u360Details .campaign-channel li .dropdown.dropdown-select {
        width: 100%;
    }

        #u360Details .campaign-channel li .dropdown.dropdown-select a {
            color: var(--primary-color);
        }

        #u360Details .campaign-channel li .dropdown.dropdown-select > a > h2 {
            line-height: 32px;
            padding-bottom: 6px;
        }
        /*#u360Details .campaign-channel li .dropdown.dropdown-select.channel-center-dropdown {padding: 25px 0 0;}
#u360Details .campaign-channel li .dropdown.dropdown-select.channel-center-dropdown a{display: flex; justify-content: space-between; align-items: center;}*/
        #u360Details .campaign-channel li .dropdown.dropdown-select a .icondropDown {
            right: -2px;
            bottom: -16px;
            font-size: 16px !important;
            padding: 0 !important;
            cursor: pointer;
            position: absolute;
        }

        #u360Details .campaign-channel li .dropdown.dropdown-select .dropdown-menu {
            max-height: 350px;
            width: 256px !important;
            border-color: #e9e9eb !important;
            margin-top: 18px;
            padding: 0;
        }

            #u360Details .campaign-channel li .dropdown.dropdown-select .dropdown-menu a {
                font-size: 15px;
                white-space: normal;
            }

                #u360Details .campaign-channel li .dropdown.dropdown-select .dropdown-menu a:hover {
                    text-decoration: underline !important;
                }

            #u360Details .campaign-channel li .dropdown.dropdown-select .dropdown-menu:before {
                left: 108px !important;
            }

            #u360Details .campaign-channel li .dropdown.dropdown-select .dropdown-menu:after {
                left: 109px !important;
            }

    #u360Details .timeline .dropdown.default-dropdown {
        padding: 2px 2px 2px 7px !important;
    }

        #u360Details .timeline .dropdown.default-dropdown .dropdown-toggle .icon-dropdown-small {
            position: inherit;
            right: auto;
            top: auto;
        }

    #u360Details .timeline > li > .timeline-panel .icon-xs {
        font-size: 14px !important;
    }

    #u360Details .timeline > li > .timeline-panel .icon-view-small.icon-sm,
    #u360Details .timeline > li > .timeline-panel .icon-view-hide-small {
        font-size: 25px !important;
    }

    #u360Details .timeline .activity small i {
        position: relative;
        top: -2px;
    }

    #u360Details .rptbc-icon {
        height: 20px;
    }

    #u360Details span.icon-circle-fill {
        width: 29px;
        height: 29px;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        top: 2px;
        margin-right: 6px;
    }

        #u360Details span.icon-circle-fill i {
            font-size: 18px !important;
            padding: 5px 6px;
        }

    #u360Details .campaign-channel li .dropdown.dropdown-select .dropdown-menu .scroll_list_attribues {
        overflow-y: auto;
        overflow-x: auto;
        height: 222px;
    }

    #u360Details .campaign-channel li:nth-child(3) .dropdown.dropdown-select .dropdown-menu .scroll_list_attribues {
        height: 302px;
    }

    #u360Details .campaign-channel li .dropdown.dropdown-select .dropdown-menu .scroll_list_attribues::-webkit-scrollbar-track, #ultaglist::-webkit-scrollbar-track {
        background-color: transparent;
        cursor: pointer;
    }

    #u360Details .campaign-channel li .dropdown.dropdown-select .dropdown-menu .scroll_list_attribues::-webkit-scrollbar, #ultaglist::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        background-color: transparent;
        cursor: pointer;
    }

    #u360Details .campaign-channel li .dropdown.dropdown-select .dropdown-menu .scroll_list_attribues::-webkit-scrollbar-thumb, #ultaglist::-webkit-scrollbar-thumb {
        background-color: #b8b8b8;
        cursor: pointer;
        border-radius: 6px;
    }

.overflow-visible {
    overflow: visible;
}

#userDataAccordion.filterSec li {
    padding-bottom: 10px;
}

    #userDataAccordion.filterSec li:first-child table {
        table-layout: fixed;
        white-space: nowrap;
    }

    #userDataAccordion.filterSec li table {
        display: block;
        white-space: nowrap;
    }

    #userDataAccordion.filterSec li [data-role="grid"] {
        margin-bottom: 40px;
    }

    #userDataAccordion.filterSec li table > .k-grid-header > tr > th {
        min-width: 200px;
        width: 100%;
        white-space: nowrap;
    }

    #userDataAccordion.filterSec li .k-widget.k-pager-wrap {
        background: #f0f8ff;
    }

    #userDataAccordion.filterSec li .css-scrollbar, #ultaglist {
        overflow-y: auto;
        overflow-x: auto;
    }

        #userDataAccordion.filterSec li .css-scrollbar::-webkit-scrollbar-track, #ultaglist::-webkit-scrollbar-track {
            background-color: transparent;
            cursor: pointer;
        }

        #userDataAccordion.filterSec li .css-scrollbar::-webkit-scrollbar, #ultaglist::-webkit-scrollbar {
            width: 6px;
            height: 6px;
            background-color: transparent;
            cursor: pointer;
        }

        #userDataAccordion.filterSec li .css-scrollbar::-webkit-scrollbar-thumb, #ultaglist::-webkit-scrollbar-thumb {
            background-color: #b8b8b8;
            cursor: pointer;
            border-radius: 6px;
        }


    #userDataAccordion.filterSec li .box-title {
        cursor: pointer;
        margin-bottom: 0 !important;
        padding: 10px !important;
        background: #fff;
        border-radius: 4px 4px 0 0;
        border: 1px solid;
        border-color: #d9d9d9;
        border-bottom: 0;
        box-shadow: none;
    }

        #userDataAccordion.filterSec li .box-title.collapsed {
            border: 1px solid;
            border-color: #d9d9d9;
            border-radius: 4px;
            -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
            box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
        }

        #userDataAccordion.filterSec li .box-title span i {
            float: left;
            margin: 1px 10px 0 0;
        }

        #userDataAccordion.filterSec li .box-title img {
            position: relative;
            top: -2px;
        }

.betaStyle {
    position: absolute;
    top: 4px;
    right: 8px;
    width: 16px;
    height: 16px;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    background-color: #fe6262;
    border-radius: 100%;
}
/* AudienceAnalytics360 - style end */

.confirmPayDashboard .dashboard-sort-item .info-popup {
    background: rgba(51, 181, 230, 0.95);
    width: 561px;
}

.rpNewTheme .dropdown-menu.personalFieldsSenderName {
    z-index: 2000;
}

/* Template builder Dashboard Industry */
.industry-page h1 {
    text-align: center;
    margin: 30px 0 30px 0;
    font-size: 30px;
}

.industry-page .industry-box {
    width: 100%;
    max-width: 200px;
    min-height: 100px;
    margin-bottom: 30px;
    padding: 20px 0;
    background: #fdfdfd;
    border: 1px solid #e9e9eb;
    cursor: pointer;
    text-align: center;
}

    .industry-page .industry-box a {
        display: block;
        padding: 10px 20px;
    }

    .industry-page .industry-box i {
        color: var(--primary-color);
        display: block;
        margin: 10px auto;
        overflow: hidden;
        font-size: 42px;
    }
    /*.industry-page .industry-box i.icon-industry-automobile-xlarge{font-size:60px; line-height:42px;}*/
    .industry-page .industry-box:hover, .industry-page .industry-box.active {
        border: 1px solid var(--primary-color);
        background: var(--primary-color);
        color: #fff;
    }

        .industry-page .industry-box:hover h4, .industry-page .industry-box:hover i, .industry-page .industry-box:hover i:before, .industry-box.active i:before {
            color: #fff;
        }

    .industry-page .industry-box.ib-disabled i, .industry-page .industry-box.ib-disabled h4 {
        color: #ccc !important;
    }

.industry-box.active h4 {
    color: #ffffff !important;
}

.industry-box h4 {
    height: 35px;
}

    .industry-box h4 span {
        display: block;
        font-size: 13px;
        opacity: 0.4;
    }

.industry-page .industry-box.ib-disabled, .industry-page .industry-box.ib-disabled:hover {
    background-color: #f6f7f8 !important;
    color: #ccc !important;
    cursor: not-allowed;
    border: 1px solid #e9e9eb;
}

    .industry-page .industry-box.ib-disabled:hover h4, .industry-page .industry-box.ib-disabled:hover i {
        color: #ccc !important;
    }

ul.ud-list li i {
    width: 25%;
    text-align: center;
}

.demo-industries {
    padding: 20px;
}

.industry-page .logo-wrap a img {
    width: 300px;
    margin-top: 0;
}

.industry-page h1 {
    margin-top: 10px;
}

.industry-page .industry-box {
    border-radius: 5px;
}

.industry-page .industry-box {
    padding-bottom: 10px;
    margin-bottom: 40px;
}

    .industry-page .industry-box a {
        padding: 0;
    }

    .industry-page .industry-box i {
        font-size: 34px !important;
    }

/* Email test preview UI starts */
.advancedSearchOverlay .fade-blk {
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1000;
}

.advancedSearchOverlay div#campaign-list .list-inline > li a#searchFilter {
    background: #9A9A9D none repeat scroll 0 0;
    width: 23px;
    height: 23px;
    cursor: pointer;
    padding: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

    .advancedSearchOverlay div#campaign-list .list-inline > li a#searchFilter i {
        position: relative;
        top: 3px;
    }

.advancedSearchOverlay .flexieSearchBar .ascRight .search-with-dd-container {
    display: flex;
    flex: 1 1 auto;
    margin: 0;
}

.advancedSearchOverlay .flexieSearchBar .ascLeft { /*border-right:1px solid #ebedee;*/
    position: relative;
    z-index: 9;
}

.advancedSearchOverlay .flexieSearchBar .ascRight {
    display: flex;
    flex: 0 0 auto;
    float: right;
    padding-left: 15px;
    position: relative;
    z-index: 10;
}

    .advancedSearchOverlay .flexieSearchBar .ascLeft,
    .advancedSearchOverlay .flexieSearchBar .ascRight .date-range-picker {
        flex: 1 1 auto;
    }

    .advancedSearchOverlay .flexieSearchBar .ascRight .date-range-picker {
        margin: 2px 10px 0 0;
    }
/* .advancedSearchOverlay .flexieSearchBar .ascRight .date-range-picker i{padding:0 0 6px !important} */
.date-range-picker i[class*="icon-calendar"] {
    position: relative;
    top: 3px;
}
/*.advancedSearchOverlay .advanced-search-container ul.search-list,
.advancedSearchOverlay .advanced-search-container ul.search-list li:first-child{top:0; line-height:24px;}*/
.advancedSearchOverlay .advanced-search-container {
    background-color: transparent !important; /*margin-bottom:15px;*/
    top: inherit;
    min-height: inherit;
    display: flex;
}

    .advancedSearchOverlay .advanced-search-container .flexieSearchBar {
        flex: 1 1 auto;
    }

    .advancedSearchOverlay .advanced-search-container.adSearchCntHide {
        display: none;
    }

    .advancedSearchOverlay .advanced-search-container.adSearchCntOpen {
        display: block;
        z-index: 1001;
    }

    .advancedSearchOverlay .advanced-search-container #searchItems {
        top: inherit;
        margin-left: inherit;
        border-right: 1px solid var(--border-color-1);
    }

        .advancedSearchOverlay .advanced-search-container #searchItems ul {
            top: inherit;
        }

            .advancedSearchOverlay .advanced-search-container #searchItems ul.tagsField li.tag {
                margin-top: 5px;
                margin-bottom: inherit;
            }

                .advancedSearchOverlay .advanced-search-container #searchItems ul.tagsField li.tag span {
                    display: block;
                }
    /*.advancedSearchOverlay .advanced-search-container ul.search-list i.adv-search-icon{font-size:14px !important;}*/
    .advancedSearchOverlay .advanced-search-container ul.search-list li:first-child {
        padding-left: 10px;
    }

    .advancedSearchOverlay .advanced-search-container ul.search-list .open > .dropdown-menu {
        margin-top: 1px;
    }

    .advancedSearchOverlay .advanced-search-container #closeAdvSearch,
    .advancedSearchOverlay .advsearch-filters-container #removeAllFilters {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        text-align: center;
        width: 23px;
        height: 23px;
        right: 5px;
    }

    .advancedSearchOverlay .advanced-search-container #closeAdvSearch {
        top: 16px;
    }

.advancedSearchOverlay .advsearch-filters-container #removeAllFilters {
    top: 7px;
}

.advancedSearchOverlay .advsearch-filters-container {
    background-color: transparent !important;
    width: 100%;
    margin-left: 0; /*display: inline-block;*/
}

    .advancedSearchOverlay .advsearch-filters-container .filter-text,
    .advancedSearchOverlay .advsearch-filters-container .clear-text {
        padding: 0;
        top: 0;
    }

        .advancedSearchOverlay .advsearch-filters-container .filter-text.hide,
        .advancedSearchOverlay .advsearch-filters-container .clear-text.hide {
            display: none;
        }

    .advancedSearchOverlay .advsearch-filters-container #filtered-items .tagsField {
        margin-top: 5px;
        left: 0;
        overflow: initial;
        width: 100%;
    }

        .advancedSearchOverlay .advsearch-filters-container #filtered-items .tagsField li.tag {
            margin: 0 5px 5px 0;
            line-height: 19px;
            height: 18px;
        }

            .advancedSearchOverlay .advsearch-filters-container #filtered-items .tagsField li.tag:hover {
                opacity: 1;
            }

    .advancedSearchOverlay .advsearch-filters-container #filtered-items ul.tagsField li.tag a {
        width: 18px;
        height: 18px;
        background: url(themes/base/images/icon-close-tag.png) no-repeat 4px 6px;
    }

    .advancedSearchOverlay .advsearch-filters-container #filtered-items .tagsField li.tag span {
        padding: 2px 5px 2px 0;
        margin: 0 10px 0 -8px;
        border: 0;
        color: #5e637e;
    }

.advancedSearchOverlay .search-with-dd-container {
    top: inherit;
    background-color: #9A9A9D;
    border-radius: 50px;
}

    .advancedSearchOverlay .search-with-dd-container .dd-anchor {
        top: 2px;
    }

    .advancedSearchOverlay .search-with-dd-container .icon-dropdown-small {
        top: 0;
    }
    /* .advancedSearchOverlay .search-with-dd-container .flexieSearchInput{flex: 1 1 auto;} */
    .advancedSearchOverlay .search-with-dd-container span.search-input {
        top: 0;
        left: inherit;
        background: transparent !important;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .advancedSearchOverlay .search-with-dd-container input[type="text"].search-input {
        top: 2px;
        left: inherit;
        margin: 0;
        padding: 0 10px !important;
        background: #ffffff !important;
        border-radius: 50px;
        width: 100%;
    }

    .advancedSearchOverlay .search-with-dd-container .btn {
        background-color: #005534;
    }

.advancedSearchOverlay .no-filter-items {
    top: inherit;
    color: var(--font-color-light);
    height: 100%;
}

.advancedSearchOverlay .advanedSearchSlide {
    display: flex;
}

    .advancedSearchOverlay .advanedSearchSlide.hide {
        display: none;
    }

.advancedSearchOverlay .search-with-dd-container .advanedSearchSlideClk {
    margin-left: -2px;
}

.advancedSearchOverlay .advanced-search-container .optimize-list {
    position: absolute;
    left: -70px;
    top: -3px;
}

    .advancedSearchOverlay .advanced-search-container .optimize-list.res-ChangeBtn {
        left: -110px;
        top: -5px;
    }

.advancedSearchOverlay .advanced-search-container ul.search-list li:first-child,
.advancedSearchOverlay .flexieSearchBar .ascRight .search-with-dd-container.zh-TemplateBuilder-search ul.search-list li {
    padding: 2px 7px;
}

.advancedSearchOverlay .advanced-search-container .advanedSearchSlide ul.search-list li:first-child,
.advancedSearchOverlay .advanced-search-container .zh-TemplateBuilder-search .advanedSearchSlide ul.search-list li:first-child {
    padding: 0 5px 0 10px;
}

.advancedSearchOverlay .search-with-dd-container .advanedSearchSlideClk {
    padding-left: 0;
}
/* Email test preview UI End */

.rpNewTheme header .main-wrapper .brand-logo a {
    padding-top: 0;
}

.logo-wrap img[src*="resulticks-logo-blue.svg"], img[src*="resulticks-logo-white.svg"] {
    max-height: 41px !important;
    height: 41px;
    margin-top: 5px !important
}

#monthView.calendar-new-ui .fc-event .fc-event-main {
    z-index: 1 !important
}

#monthView.calendar-new-ui.fc .fc-daygrid-day-number {
    z-index: 1 !important
}

#monthView .fc-dayGridMonth-view .fc-daygrid-day-events .fc-daygrid-day-bottom .fc-daygrid-more-link {
    z-index: 1
}

.width-120 {
    width: 120px !important;
}

.width-75 {
    width: 75px !important;
}

.dropdown.default-dropdown.pull-right.fc_monthDDL .css-scrollbar::-webkit-scrollbar, .dropdown.default-dropdown.pull-right.fc_yearDDL .css-scrollbar::-webkit-scrollbar, .dropdown.default-dropdown.pull-right #campaigntypedropdown::-webkit-scrollbar {
    width: 7px;
}

.dropdown.default-dropdown.pull-right.fc_monthDDL .css-scrollbar::-webkit-scrollbar-track, .dropdown.default-dropdown.pull-right.fc_yearDDL .css-scrollbar::-webkit-scrollbar-track, .dropdown.default-dropdown.pull-right #campaigntypedropdown::-webkit-scrollbar-track {
    background: #eee;
}

.dropdown.default-dropdown.pull-right.fc_monthDDL .css-scrollbar::-webkit-scrollbar-thumb, .dropdown.default-dropdown.pull-right.fc_yearDDL .css-scrollbar::-webkit-scrollbar-thumb, .dropdown.default-dropdown.pull-right #campaigntypedropdown::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    border-radius: 100px !important;
}

.dropdown.default-dropdown.pull-right.fc_monthDDL .css-scrollbar, .dropdown.default-dropdown.pull-right.fc_yearDDL .css-scrollbar, .dropdown.default-dropdown.pull-right #campaigntypedropdown {
    scrollbar-width: thin;
}

.galleryArrow .widget-gallery .gallerycarousel .campaigngallery_flex .cggp-popup .pfCampContainer2 {
    padding: 6px;
}

    .galleryArrow .widget-gallery .gallerycarousel .campaigngallery_flex .cggp-popup .pfCampContainer2 .pfcc-row {
        margin-bottom: 2px;
    }

/* Lookalike UI style starts */
.save-template {
    align-items: center;
}

    .save-template > .save-btn {
        position: relative;
        color: #0066cc !important;
        padding: 9px 12px;
    }

        .save-template > .save-btn:after {
            content: "";
            background: #0066cc;
            height: 20px;
            width: 1px;
            position: absolute;
            right: 36px;
            top: 11px;
            left: auto;
        }

        .save-template > .save-btn i {
            color: #0066cc;
            top: 3px;
            position: relative;
        }

        .save-template > .save-btn .save-text {
            font-size: 18px;
        }

    .save-template:hover > .save-btn {
        border-radius: 3px;
        background: #0066cc;
        color: #fff !important;
    }

        .save-template:hover > .save-btn > i, .save-template:hover > .save-btn .save-text {
            color: #fff;
        }

        .save-template:hover > .save-btn .save-text {
            text-decoration: none;
        }

        .save-template:hover > .save-btn:after {
            background: #fff;
        }

#crbGroupContainerlookAudience .crb_PAud,
#crbGroupContainerlookAudience .pvi-container,
#crbGroupContainerlookAudience .region-filter.duplicate,
#crbGroupContainerlookAudience .liWaterfallCountAction,
#crbGroupContainerlookAudience .filterGroup #filterBuildContainer > li {
    display: none;
}

    #crbGroupContainerlookAudience .filterGroup #filterBuildContainer > li:first-child {
        display: block;
    }

#crbGroupContainerlookAudience .LAApercentBlock {
    width: 185px;
    float: left;
    margin-left: 15px;
}

    #crbGroupContainerlookAudience .LAApercentBlock input {
        width: 100% !important;
        padding-right: 0;
        padding-left: 10px;
    }
/* Lookalike UI style End */

/* FormBuilder plus dropdown start */
.preferences .dropdown-center > .dropdown-menu.aiLeftSide {
    right: 0 !important;
    left: auto !important;
    margin-left: 0 !important;
}

.preferences .dropdown.dropdown-center .dropdown-menu.aiLeftSide:before,
.preferences .dropdown.dropdown-center .dropdown-menu.aiLeftSide:after {
    right: 0px;
    left: auto;
}
/* FormBuilder plus dropdown End */

.confirmPayDashboard .contentAnalysis .css-scrollbar {
    height: 51px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}

    .confirmPayDashboard .contentAnalysis .css-scrollbar.nav-tabs > li {
        float: none !important;
        display: inline-block;
        width: auto !important;
    }

.rs_Select_opt_CSS .k-dropdown #select_otp {
    display: none !important
}

h5.font-sm {
    font-size: 15px !important;
}

#crbGroupContainer .ff-group-list li .bootstrap-switch {
    width: 63px;
}

.rp-timezone span {
    width: 100% !important;
}

li.rpHealthCheck-CSS > a {
    display: block;
    padding: 15px 10px;
}

    li.rpHealthCheck-CSS > a > img {
        width: 30px;
        height: 30px;
    }

    li.rpHealthCheck-CSS > a > img, li.rpHealthCheck-CSS:hover > a > img.active {
        display: none;
    }

        li.rpHealthCheck-CSS > a > img.active, li.rpHealthCheck-CSS:hover > a > img {
            display: block;
        }

.gallerycarousel .campaigngallery_flex .mobile-sms-box {
    clear: both;
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 10px;
}

.k-grid #tbldedupeProcess {
    width: 95%;
}

    .k-grid #tbldedupeProcess tr td {
        padding: 10px 10px;
        overflow: inherit;
    }

[class*='res-dedupShowCnt'] {
    position: relative;
}

    [class*='res-dedupShowCnt'] i {
        position: absolute;
        top: 5px;
        right: -44px;
        left: inherit;
    }

[class*='res-dedupShowAttr'] {
    position: relative;
}

    [class*='res-dedupShowAttr'] i {
        position: absolute;
        top: 5px;
        right: -44px;
        left: inherit;
    }

[class*='res-dedupShowNgram'] {
    position: relative;
}

    [class*='res-dedupShowNgram'] i {
        position: absolute;
        top: 5px;
        right: -44px;
        left: inherit;
    }

div#addDedupe i.icon-plus-fill-medium.blue.icon-sm {
    right: -46px;
}

.k-grid #tbldedupeProcess .k-header.k-filterable .k-grid-filter {
    padding: 13px 10px 0;
}

#errMsgtext_compareas {
    margin-top: -20px;
}

.gallerycarousel .campaigngallery_flex .mobile-sms-box {
    clear: both;
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 10px;
}


.rpNewTheme.advancedSearchOverlay .k-animation-container form.k-filter-menu.k-popup.k-group .k-widget.k-numerictextbox .k-numeric-wrap.k-state-default span.k-select {
    display: none !important
}

.rpNewTheme.advancedSearchOverlay .k-animation-container form.k-filter-menu.k-popup.k-group .k-widget.k-numerictextbox .k-numeric-wrap.k-state-default input[role="spinbutton"] {
    margin-bottom: -1px;
}

.rpNewTheme.advancedSearchOverlay .k-animation-container form.k-filter-menu.k-popup.k-group .k-widget.k-numerictextbox .k-numeric-wrap.k-state-default {
    padding: 0
}

    .rpNewTheme.advancedSearchOverlay .k-animation-container form.k-filter-menu.k-popup.k-group .k-widget.k-numerictextbox .k-numeric-wrap.k-state-default .k-formatted-value.k-input {
        margin-bottom: -1px
    }

div#downloadSchedulesucess, div#commonValidationAlertMessage, div#downloadScheduleFailed {
    z-index: 11000;
}

#VenChart .bubblechart-text-container {
    line-height: 27px;
    margin-top: 6px;
    margin-left: -1px;
}

    #VenChart .bubblechart-text-container .btc-value {
        font-family: 'mukta-medium';
        font-size: 24px;
    }

        #VenChart .bubblechart-text-container .btc-value small {
            color: #fff;
            font-size: 18px !important;
        }

    #VenChart .bubblechart-text-container .btc-name {
        font-size: 14px;
        top: -6px;
        position: relative;
    }

#VenChart .bubblechart-text-container {
    margin-top: 8px;
    margin-left: 2px;
}

.timer-chart-container-web {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .timer-chart-container-web .chart-bg {
        left: 178px !important;
        top: 120px !important;
        position: absolute;
    }

.channelCostValue li span, .widget-keymetrics .list-post li span {
    display: inline-block;
}

#vmsPreview .close:before {
    top: -25px
}

div#AuditLogListGrid.k-grid tr td {
    word-break: inherit;
}

.k-i-calendar, .k-i-clock {
    cursor: pointer
}

div#notification-message.alert .icon {
    padding-top: 15px;
}

div#notification-message.alert {
    padding-bottom: 10px;
}

    div#notification-message.alert .lbl {
        top: 4px;
        position: relative;
    }

.rpNewTheme #campaignListGrid .k-grid tr td ul li .dropdown.play-pause.open ul li {
    margin-right: 0px;
}
/* Advance Search */
.advance-search {
    display: flex;
    justify-content: flex-end;
    clear: both;
}

    .advance-search .open > .dropdown-menu {
        margin-top: 12px;
    }

    .advance-search.mega-searchbar .open > .dropdown-menu {
        margin-top: 5px;
    }

    .advance-search .dropdown-menu {
        overflow: inherit;
    }

    .advance-search .dropdown .dropdown-menu:before {
        border-width: 0 10px 10px;
        top: -11px;
        left: 14px;
    }

    .advance-search .dropdown .dropdown-menu:after {
        border-width: 0 10px 10px;
        top: -10px;
        left: 14px;
    }

.search-filtered-items .tagsField {
    min-height: auto;
}

    .search-filtered-items .tagsField li.tag {
        margin-bottom: 15px;
    }

        .search-filtered-items .tagsField li.tag span {
            display: inline-block;
            background: #fff;
            padding-right: 8px;
            margin-right: 8px;
            margin-left: -8px;
        }

.tag-box {
    background: #fff;
    position: absolute;
    top: 6px;
    z-index: 1;
    padding: 1px;
    left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 390px;
    display: none;
}

.platform-search.search-down-open .tag-box {
    width: auto;
    z-index: 10;
}

.tag-box label {
    background: #eee;
    padding: 0 5px 0 0;
    margin-right: 7px;
    font-size: 13px;
}

.tag-box .tag-type {
    background: #fff;
    padding-right: 5px;
}

.tag-box .remove {
    width: 10px;
    height: 10px;
    background: url("themes/base/images/icon-close-tag.png") no-repeat 3px 3px;
    display: inline-block;
}

.label-value {
    padding: 3px 5px;
    display: inline-block;
}

.all-search {
    animation-name: animateIns;
    animation-duration: 500ms;
    animation-delay: 200ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    z-index: 2;
}

    .all-search .all-text {
        background: #9a9a9a;
        border-radius: 3px 0 0 3px;
        padding: 9px 10px;
    }

        .all-search .all-text:hover {
            color: inherit;
        }

    .all-search a:hover {
        box-shadow: inherit;
    }

    .all-search .dd-anchor {
        position: relative;
        top: 1px;
        left: 3px;
    }

.platform-search {
    width: 32px;
    height: 32px;
    background-color: #9a9a9d;
    border-radius: 30px;
    position: relative;
    transition: all 0.5s ease;
    overflow: inherit;
    margin-bottom: 6px;
    z-index: 10;
}

    .platform-search .dropdown {
        float: right;
        top: -28px;
        right: 35px;
    }

.dropdown-menu-search {
    display: none;
    right: 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 102px;
    z-index: 2;
    border-radius: 3px;
    max-height: 500px;
    border: 1px solid #d4d6de;
    background-color: #fff;
    background-clip: padding-box;
    padding: 25px 30px 0px;
}

.platform-search.search-open {
    width: 500px;
    height: 38px;
    border-radius: 0 3px 3px 0;
    overflow: inherit;
    margin-bottom: 0;
}

.platform-search.search-down-open {
    width: 1114px;
}

.platform-search .advance-search-input {
    width: 0;
    transition: all 0.5s ease;
    position: relative;
}

.platform-search.search-open .advance-search-input {
    width: 430px;
    transition: all 0.5s ease;
}

.platform-search.search-open.search-down-open .advance-search-input {
    width: 1042px;
    transition: all 0.5s ease;
}

.platform-search.search-open .search-box {
    background: #fff;
    margin: 0;
    border-radius: 3px;
    height: 30px;
    padding: 0;
    position: relative;
    z-index: 10;
}

.platform-search.search-open span.search-box {
    margin: 4px;
}

.platform-search.search-open input.search-box {
    padding-top: 0 !important;
}

.platform-search.search-open span.search-box:after {
    border: 0 !important;
}

.platform-search ul.search-list li:first-child, .platform-search ul.search-list li {
    line-height: 26px !important;
    height: 26px;
}

.platform-search .search-input-icon {
    position: absolute;
    right: 3px;
    top: 6px;
    z-index: 11;
    opacity: 0;
    transition: all 0.5s ease;
}

.platform-search.search-open .search-input-icon {
    animation-name: animateIns;
    animation-fill-mode: both;
}

@keyframes animateIns {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.platform-search.search-open .search-input-icon .icon-search-small {
    cursor: pointer;
}

.search-input-icon:after {
    content: "";
    background: #ccc;
    height: 30px;
    width: 1px;
    position: absolute;
    top: 0;
    right: 35px;
}

.platform-search .search-box {
    width: 100%;
    position: absolute;
    top: 0;
    background-size: 0px 1px, 0px 0px, 1px 0px;
    -webkit-background-size: 0px 1px, 0px 0px, 1px 0px;
}

    .platform-search .search-box:hover, .platform-search .search-box:focus {
        background-size: 0px 1px, 0px 0px, 1px 0px;
        -webkit-background-size: 0px 1px, 0px 0px, 1px 0px;
    }

.search-box:focus {
    outline: none;
}

.search-button {
    width: 29px;
    height: 29px;
    background-color: #9a9a9d;
    border-radius: 50%;
    display: block;
    position: absolute;
    right: 1px;
    top: 1px;
    padding: 5px 0;
    cursor: pointer;
}

.search-icon {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 2px solid #fff;
    display: block;
    position: relative;
    margin-left: 6px;
    transition: all 0.5s ease;
}

    .search-icon:before {
        content: "";
        width: 2px;
        height: 8px;
        position: absolute;
        right: -3px;
        top: 7px;
        display: block;
        background-color: #fff;
        transform: rotate(-45deg);
        transition: all 0.5s ease;
    }

    .search-icon:after {
        content: "";
        width: 2px;
        height: 15px;
        position: absolute;
        right: -5px;
        top: 40px;
        display: block;
        background-color: #fff;
        transform: rotate(-45deg);
        transition: all 0.5s ease;
    }

.search-open .search-button {
    width: 30px;
    height: 30px;
    top: 2px;
}

.search-open .search-icon {
    margin: 0;
    width: 22px;
    height: 22px;
    border: 0;
}

    .search-open .search-icon:before, .search-open .search-icon:after {
        right: 9px;
        top: 5px;
        height: 15px;
        width: 2px;
        border-radius: 5px;
    }

    .search-open .search-icon:before {
        transform: rotate(44deg);
    }

    .search-open .search-icon:after {
        transform: rotate(-225deg);
    }

.platform-search .search-icon:after {
    content: inherit;
}

.platform-search.search-open .search-icon:after {
    content: "";
}

.search-container {
    display: flex;
}

.advance-search.active .dropdown-campaign {
    padding-top: 3px;
}

.advance-search.active .date-range-picker {
    padding-top: 4px;
}

.dropdown-campaign {
    transition: all 0.5s ease;
}

.advance-search.mega-searchbar .reportrange, .advance-search.mega-searchbar .dropdown-campaign {
    overflow: hidden;
    margin: 0 !important;
}

.advance-search.mega-searchbar .dropdown-campaign {
    opacity: 0;
    margin-right: -37px !important;
    cursor: default;
    visibility: hidden;
}

.advance-search.active .date-range-picker {
    display: flex;
    white-space: pre;
}

.advanceSearchWrapper .date-range-picker {
    width: max-content;
}

.advance-search.mega-searchbar .reportrange {
    opacity: 0;
    left: -17px !important;
    cursor: default;
    visibility: hidden;
}

.advance-search.active .date-range-picker span {
    padding-top: 5px;
}

.advance-search.active .date-range-picker i.icon-dropdown-small {
    position: relative;
    top: 5px;
}

.platform-search span.search-box {
    display: flex;
}

.platform-search.search-open span.search-box .tag-box {
    position: relative;
    top: 0px;
}

.platform-search .search-input-icon:before {
    content: "";
    height: 30px;
    width: 58px;
    z-index: -1;
    position: absolute;
    top: -6px;
    right: -7px;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, rgba(255, 255, 255, 1) 27%, rgba(255, 255, 255, 1) 100%);
    border-radius: 3px 3px 0 0;
}

.platform-search .k-autocomplete.k-header.k-state-focused, .platform-search .k-autocomplete.k-header:hover {
    border-bottom: 1px solid #9a9a9d !important;
}

.search-down-open .dropdown > a > i {
    transform: rotate(180deg);
}

.advance-search.mega-searchbar:after {
    content: "";
    position: fixed;
    background: #fff;
    top: -50px;
    right: 0;
    opacity: 0.8;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120vh;
}

.dropdown-menu-search:before {
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 125px);
    background: #ddd;
    top: 30px;
    left: 50%;
    bottom: 0;
}

.mega-searchbar .menu-search .click-off {
    opacity: inherit;
}

.advance-search .k-multiselect-wrap .k-input {
    width: 94px !important;
}

.advance-search.active .dropdown-campaign {
    padding-top: 0;
}

.advance-search .search-container {
    transition: all 0.5s ease;
    margin-top: 0;
}

.advance-search {
    margin-bottom: 15px;
    height: 32px;
    position: relative;
    z-index: 10;
}

.platform-search {
    margin-bottom: 0;
    width: 30px;
    height: 30px;
}

.advance-search.active .search-container {
    margin-top: -4px;
}

.dropdown-menu-search {
    top: 40px;
    border-top-color: #06c !important;
}

.advance-search.active .date-range-picker {
    padding-top: 0;
}

.advance-search .dropdown .dropdownLink {
    height: 32px;
    padding-top: 6px;
}

.advance-search.mega-searchbar .advanceSearchLeft, .advance-search.mega-searchbar .advanceSearchRight {
    opacity: 0;
    cursor: default;
    visibility: hidden;
}

.advance-search .advanceSearchLeft, .advance-search .advanceSearchRight {
    animation-name: advanceSearchFadeOut;
    animation-duration: 300ms;
    animation-delay: 100ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

.advance-search.mega-searchbar .advanceSearchLeft, .advance-search.mega-searchbar .advanceSearchRight {
    animation-name: advanceSearchFadeIn;
    animation-duration: 300ms;
    animation-delay: 100ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

@keyframes advanceSearchFadeIn {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes advanceSearchFadeOut {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.advanceSearchRight {
    display: flex;
    margin-left: 4px;
    position: relative;
    z-index: 10;
}

.advance-search .advanceSearchRight .adv-icon {
    margin-left: 4px;
    float: left;
}

.advance-search.active .advanceSearchLeft > .dropdown {
    white-space: pre;
    display: flex;
}

.advance-search.active .advanceSearchLeft > a {
    white-space: pre;
}

.advanceSearchLeft {
    position: relative;
}

.overlay-hidden {
    overflow: hidden;
}

.advanceSearchLeftr:hover {
    width: auto !important;
    position: absolute;
    left: -4px;
    z-index: 11;
    background-color: #fff;
    transition: all 0.5s ease;
}

.advanceSearchLeftr {
    transition: all 0.5s ease;
}

.advance-search.active .advanceSearchLeft > .dropdown .dropdownLink {
    white-space: pre;
}

.advance-search.active .advanceSearchLeft .adv-active-hide {
    display: none !important;
}

.advanceSearchLeft .advanceSearchWrapper {
    float: right;
    display: flex;
    justify-content: flex-end;
}

.advance-search .dropdown, .advance-search .dropdown > a.dropdownLink {
    display: flex;
}

    .advance-search .dropdown > a.dropdownLink, .white-space-pre {
        white-space: pre;
    }

.advance-search.active .adv-link {
    display: none;
}

.advance-search.active .date-range-picker {
    white-space: pre;
    display: flex;
}

.all-search {
    height: 38px;
}

.advance-search .dropdown-menu {
    overflow-y: inherit;
}

.dropdown-menu {
    background-color: #fff;
}

.advance-search .platform-search .search-input-icon:before {
    width: 35px;
    border-radius: 0;
}

.advance-search .search-input-icon:after {
    background: #ccc;
    opacity: 1
}

.advance-search .platform-search .icon-search-small {
    color: #717171;
}

.advance-search.active .platform-search .icon-search-small {
    width: 33px;
    height: 31px;
    display: inline-block;
    padding: 5px 9px;
}

.platform-search .search-input-icon {
    right: -4px;
    top: 0;
    height: 30px;
    width: 35px;
    background: #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .platform-search .search-input-icon:before {
        top: 0;
        right: 0;
        width: 35px;
        border-radius: 0;
    }

.advance-search.active .search-button {
    background: transparent;
}

.advance-search.active .platform-search {
    z-index: 10;
}

.search-down-open .search-box, .search-down-open .search-input-icon {
    pointer-events: none;
}
/* Advance Search ends */
div#content-preview .modal-body .tab-content {
    max-height: 400px;
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.list-overview-data .popover-content {
    background-color: #fff;
}

.list-overview-data.tooltip_bgColor .popover-content {
    background-color: var(--primary-color);
}

    .list-overview-data.tooltip_bgColor .popover-content .complistL {
        color: #fff;
    }

.list-overview-data.tooltip_bgColor a.helppopup {
    position: relative;
    top: 2px;
}

.campagainStatus .popover {
    border-color: #6f6b6b;
}

#MobileLinkClickListGrid tr th:nth-child(1) {
    min-width: 90px;
}

#MobileLinkClickListGrid tr th:nth-child(3) {
    min-width: 140px;
}

#MobileLinkClickListGrid tr th:nth-child(4) {
    min-width: 150px;
}

.AppAnalyticsTabUI {
    border: 1px solid var(--border-color-13);
}

.galleryArrow .campaigngallery_flex img {
    max-height: 250px;
}

    .galleryArrow .campaigngallery_flex img.qr-noimage {
        height: max-content;
    }

#divSegmentationView .list-segment .widget-listbody small, div#dlistpartial .list-segment .widget-listbody small {
    padding-bottom: 12px;
}

#divSegmentationView .list-segment .widget-listbody small {
    padding-bottom: 11px;
}

.segmentationList .filterSec .filters-container { /*margin-bottom: 10px;*/
    float: left;
    width: 100%;
    clear: both;
}

.segmentationList .filterSec .leftAttributeListClass .box-title {
    margin-top: 0;
}

.vmsMessageEditor .textarea-save > .input-error {
    margin-top: -69px !important;
}

.textlowerCase {
    text-transform: lowercase
}

.logo-wrap.brand-link a img {
    width: auto;
    height: 48px;
}

.sl-progress-container .recip-pa-percent {
    font-size: 16px;
}

.class_Listacquisition .nav-right > ul {
    display: flex;
}

small.recommedText {
    font-size: 16px !important;
    color: #424242;
}

.k-animation-container .k-list-container .k-list::-webkit-scrollbar-track, .selectize-dropdown-content::-webkit-scrollbar-track {
    background-color: transparent;
    cursor: pointer
}

.k-animation-container .k-list-container .k-list::-webkit-scrollbar, .selectize-dropdown-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent;
    cursor: pointer
}

.k-animation-container .k-list-container .k-list::-webkit-scrollbar-thumb, .selectize-dropdown-content::-webkit-scrollbar-thumb {
    background-color: #b8b8b8;
    cursor: pointer;
    border-radius: 100px !important
}

.filter-action span.bootstrap-switch-default {
    background-color: #ffa000;
}

.filter-action .bootstrap-switch.bootstrap-switch-off label {
    background-color: #f5f5f5;
    border-color: #ffa000;
}

.filter-action .bootstrap-switch-off label {
    left: -1px
}

.filter-action .bootstrap-switch-on label {
    right: -5px;
}

.filter-action .nav-right .remove-filters {
    margin-left: 10px;
    top: 2px;
    position: relative;
}

.class_Listacquisition .nav-right > ul {
    display: flex;
}

text {
    fill: var(--font-color) !important;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f1f1f1;
    border-color: #d9d9d9;
}

#Grid {
    padding: 0 15px;
}

    #Grid .k-pager-wrap {
        padding-bottom: 10px
    }
/*UI_PrototypeVsProduction Vennila M 17-12-2021*/
div#smarturl-popup .modal-footer {
    border-top: 1px solid #e5e5e5;
    display: inline-block;
    width: 100%;
}
/*UI_PrototypeVsProduction Vennila M 17-12-2021*/

/*UI_PrototypeVsProduction Thyagarajan M 21-12-2021 Start*/
#smarturl-popup .btn.btn-blue {
    background-color: #2896f0;
}

#emailView .email_richTextContent table.k-editor {
    height: 160px;
}

#campaignListGrid tr .campaign-status {
    max-width: 95px;
}
/*UI_PrototypeVsProduction Thyagarajan M 21-12-2021 END*/

#campaignListGrid #listView {
    clear: both;
}

    #campaignListGrid #listView:before, #campaignListGrid #listView:after {
        content: " ";
        display: table;
    }

    #campaignListGrid #listView:after {
        clear: both;
    }

.RS-SecureMessage-CSS.green {
    color: #005534 !important;
}

#listView_pager {
    padding-top: 5px;
}

.galleryArrow ul.dropdown-menu {
    overflow: inherit;
}
/*#emailView .form-horizontal .form-group{padding-bottom:0;}*/
#emailView .space-top {
    margin-top: 7px !important;
}

/* dropdown scroll */
.dropdown-menu.scroll-dropdown {
    overflow: visible;
}

.dropdown-menu-scroll.css-scrollbar {
    max-height: 190px;
    overflow-y: auto !important;
    overflow-x: auto !important;
}

.dropdown-menu-scroll li a {
    padding: 5px 15px !important;
    text-align: left;
    width: 100%;
    display: block;
    height: 33px;
    line-height: 23px;
    white-space: pre;
    color: #585858;
}

.dropdown-menu-scroll li:hover a {
    background-color: #0540d3;
    color: #fff;
    text-decoration: none;
}
/* Scrollbar Live preview/smartlink - Start */
ul.dropdown-menu.dropdown-input {
    margin-top: 10px;
    overflow-y: auto !important;
    overflow-x: auto !important;
    scrollbar-color: #b8b8b8 #f7f7f7;
    scrollbar-width: thin;
}

div#content-preview .modal-body .tab-content {
    max-height: 400px;
    height: 400px;
    overflow-y: scroll;
}

#content-preview .modal-body .tab-content {
    margin-top: 10px;
}

    ul.dropdown-menu.dropdown-input::-webkit-scrollbar-track,
    #content-preview .modal-body .tab-content::-webkit-scrollbar-track {
        background-color: #fff;
        border-right: 1px solid #ccc;
    }

    ul.dropdown-menu.dropdown-input::-webkit-scrollbar,
    #content-preview .modal-body .tab-content::-webkit-scrollbar {
        width: 3px;
        height: 7px;
    }

    ul.dropdown-menu.dropdown-input::-webkit-scrollbar-thumb,
    #content-preview .modal-body .tab-content::-webkit-scrollbar-thumb {
        background-color: #b8b8b8;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
    }
/* Scrollbar Live preview/smartlink - End*/
/*color-profile picker*/
.k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle, .k-flatcolorpicker .k-hue-slider .k-draghandle:hover,
.k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
    height: 13px;
    width: 8px;
    background-color: #eee !important;
}

.dropdown-menu-scroll li:hover a {
    background-color: #0540d3;
    color: #fff;
    text-decoration: none;
}

#WebPeriodRange.dropdown-menu > .active > a {
    background-color: inherit;
    color: #333;
}

#downPartSummary .well.no-padding {
    min-height: 300px;
}

#downPartSummary .list-detailbox-body {
    padding: 11px 10px 12px 10px;
}

.content.reports #downPartSummary .well.list-detailbox .list-detailbox-body.no-data-holder {
    max-height: 230px;
}

    .content.reports #downPartSummary .well.list-detailbox .list-detailbox-body.no-data-holder img {
        max-height: 172px;
    }

.content.reports .resCSRTabStyle .tab-content .content-grid > tbody > tr > td {
    padding: 15px;
}

.content.reports .resCSRTabStyle .nav-tabs.tabs-top {
    padding-bottom: 10px;
}

.content.reports .resCSRTabStyle .tab-content .preview-overlay {
    min-height: 245px;
}

#updatepanelcontainer .tab-content.sliderMain #searchFilter {
    margin-top: 1px;
}

#updatepanelcontainer .tab-content.sliderMain .reportrange.date-range-picker, #updatepanelcontainer .tab-content.sliderMain .daterange.date-range-picker {
    position: relative;
    top: -2px;
}

#updatepanelcontainer .tab-content.sliderMain .date-range-picker i[class*="icon-calendar"] {
    top: 2px;
}

#id_CustomAttrGrid .k-grid-content {
    overflow: hidden;
}

.campSummaryTabContent .btn-text, .list-detailbox .btn-text {
    font-size: 16px;
}

#updatepanelcontainer .widget-header .nav-tabs > li {
    top: -2px;
}

#userInfoContainer .user-profile .campaign-channel {
    margin-top: 20px;
}

#campStatusDivShow .nav-right h3 {
    margin-top: 5px;
}

#campStatusDivShow .nav-right:first-child > ul > li {
    margin-left: 0;
}

#campStatusDivShow .nav-right ul li .default-dropdown {
    margin-right: 10px;
}

.overflow-visible {
    overflow: visible;
}

div#divSocialContent textarea {
    width: 100% !important;
    padding-right: 12px !important;
}

.widget-gallery small {
    font-size: 90% !important;
}

.widget-chart-expand .duration, .duration-portlet {
    position: absolute;
    bottom: 10px;
    left: 15px;
    width: auto;
    font-size: 11px;
    color: #666;
}

span#chekshortcode {
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.duration-portlet {
    bottom: 54px;
}

div#ShowMakeChangesGrid tbody td:nth-child(3) {
    width: 130px !important;
}

.list-overview-data .popover .popover-content .complistL {
    padding-top: 3px;
}

.sankyCnt.list-divider li:before {
    height: 20px;
}

#sankeyChartViewIcon .icon-listview-small {
    position: relative;
    top: 3px;
}

.starratingIDs table {
    table-layout: auto;
}

.kyc .temp-txtEditor .edit-outline .editable br[_moz_dirty="true"] {
    display: none;
}

.kyc [id^=TextBlock] .temp-txtEditor .edit-outline .editable br {
    display: block;
}

#div_unsubscribesetting .list-inline li {
    font-size: inherit;
}

.customTableWidthCSS {
    display: none;
}
/* WebPush live preview start */
#web-notifications .text-editor-tools > li > a i.icon-view-small {
    position: inherit;
    top: inherit;
    right: inherit;
}

.WebPushContentPreview {
    padding: 0;
    margin: 0;
    word-break: break-all;
}

    .WebPushContentPreview .wp-previewBlk {
        float: left;
        border: 1px solid var(--border-color);
        background: var(--bg-color);
        min-height: auto;
        width: 100%; /*text-align:initial;*/
    }

    .WebPushContentPreview .firstLine {
        float: left;
        width: 60px;
        padding: 5px 8px;
    }

        .WebPushContentPreview .firstLine img {
            float: none;
            margin-top: 0;
            margin-right: 0;
        }

    .WebPushContentPreview .richCnt {
        float: none;
    }

        .WebPushContentPreview .richCnt h4 {
            font-family: mukta-bold;
            font-size: 13px;
            margin: 0;
            padding: 10px 10px 5px;
            overflow-wrap: break-word;
        }

        .WebPushContentPreview .richCnt p {
            font-size: 12px;
            padding: 0 10px 5px;
            margin: 0;
        }

    .WebPushContentPreview .WebrichPushBigImg {
        float: left;
        width: 100%; /*padding:10px; background:#eaeaea;*/
    }

#Web-preview .tab-content {
    display: grid;
    width: 100%;
}

    #Web-preview .tab-content .WebPushContentPreview .wp-previewBlk {
        border: 0;
    }

    #Web-preview .tab-content .WebPushContentPreview .WebrichPushBigImg {
        padding: 0;
        background: transparent;
    }

#Web-preview #wp-windows-chrome .WebPushContentPreview,
#Web-preview #wp-windows-firefox .WebPushContentPreview,
#Web-preview #wp-mac-chrome .WebPushContentPreview,
#Web-preview #wp-mac-firefox .WebPushContentPreview,
#Web-preview #wp-android-chrome .WebPushContentPreview {
    position: absolute;
    z-index: 9;
    bottom: 63px;
    right: 9px;
    background: #fff;
    padding: 6px;
    width: 359px;
    box-shadow: 0 0 10px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0 0 10px rgb(0 0 0 / 25%);
}

#Web-preview #wp-mac-chrome .WebPushContentPreview,
#Web-preview #wp-mac-firefox .WebPushContentPreview {
    top: 125px;
    bottom: inherit;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#Web-preview #wp-windows-firefox .WebPushContentPreview {
    padding: 12px;
}

    #Web-preview #wp-windows-firefox .WebPushContentPreview .firstLine {
        margin-right: 10px;
    }

    #Web-preview #wp-windows-firefox .WebPushContentPreview .WebrichPushBigImg,
    #Web-preview #wp-mac-chrome .WebPushContentPreview .WebrichPushBigImg,
    #Web-preview #wp-mac-firefox .WebPushContentPreview .WebrichPushBigImg {
        display: none;
    }
/* WebPush live preview end */

/* vennila Whatsapp UI - 16-02-2022 start */
.whatsappPreview .screen-container {
    height: 100%;
}

.whatsappPreview .chat {
    height: calc(100% - 69px);
}

.whatsappPreview .chat-container {
    height: 100%;
}

.whatsappPreview .user-bar {
    height: 55px;
    background: #005e54;
    color: var(--font-color-w);
    padding: 0 8px;
    font-size: 18px;
    position: relative;
    z-index: 1;
}

    .whatsappPreview .user-bar div {
        float: left;
        transform: translateY(-50%);
        position: relative;
        top: 50%;
        background: #005e54;
    }

    .whatsappPreview .user-bar .avatar {
        margin: -5px 0 0 5px;
        width: 24px;
        height: 24px;
    }

        .whatsappPreview .user-bar .avatar img {
            border-radius: 50%;
            box-shadow: 0 1px 0 rgb(255 255 255 / 10%);
            display: block;
            width: 100%;
        }

    .whatsappPreview .user-bar .name {
        font-size: 12px;
        font-weight: 600;
        text-overflow: ellipsis;
        letter-spacing: 0.5px;
        margin: -3px 0 0 8px;
        overflow: hidden;
        white-space: nowrap;
        width: 85px;
    }

    .whatsappPreview .user-bar .status {
        display: block;
        font-size: 11px;
        font-weight: 400;
        letter-spacing: 0.5px;
    }

.whatsappPreview .conversation {
    height: calc(100% - 12px);
    position: relative;
    background: #efe7dd url(../Images/whatsapp-bg.jpg) repeat;
    z-index: 0;
}

    .whatsappPreview .conversation .conversation-container {
        height: calc(100% - 68px);
        box-shadow: inset 0 10px 10px -10px #000000;
        overflow-x: hidden;
        padding: 0 16px;
        margin-bottom: 5px;
    }

.whatsappPreview .message {
    color: #000;
    clear: both;
    line-height: 15px;
    font-size: 12px;
    padding: 8px;
    position: relative;
    margin: 8px 0;
    max-width: 85%;
    word-wrap: break-word;
    z-index: -1;
}

    .whatsappPreview .message:first-child {
        margin: 16px 0 8px;
    }

.whatsappPreview.whatsappPreview .message.sent {
    background: #e1ffc7;
    border-radius: 5px 0 5px 5px;
    float: right;
}

.whatsappPreview .metadata {
    float: right;
    padding: 0 0 0 7px;
    position: relative;
    bottom: -4px;
}
/* vennila Whatsapp UI - 16-02-2022 end */

/* RCS Inner Tab Style */

.margin-T45 {
    margin-top: 45px !important;
}

.zh-reload {
    position: absolute;
    right: 6px;
    top: 4px;
    z-index: 1;
}

.select-type > li a.active * {
    color: #fff !important;
}

.rcs-selecttype .active svg {
    fill: #fff;
}
/* End of RCS Inner Tab Style */


/* RCS Preview stype */
.rcsPreview .screen-container {
    height: 100%;
}

.rcsPreview .chat {
    height: calc(100% - 69px);
}

.rcsPreview .chat-container {
    height: 100%;
}

.rcsPreview .user-bar {
    height: 55px;
    background: #004a8f;
    color: var(--font-color-w);
    padding: 0 8px;
    font-size: 18px;
    position: relative;
    z-index: 1;
}

    .rcsPreview .user-bar div {
        float: left;
        transform: translateY(-50%);
        position: relative;
        top: 51%;
        background: #004a8f;
    }

    .rcsPreview .user-bar .avatar {
        width: 24px;
        height: 24px;
        margin-left: 2px;
    }

    .rcsPreview .user-bar .avatar img {
        border-radius: 50%;
        box-shadow: 0 1px 0 rgb(255 255 255 / 10%);
        display: block;
        width: 100%;
    }

    .rcsPreview .user-bar .name {
        font-size: 16px;
        text-overflow: ellipsis;
        letter-spacing: 0.5px;
        overflow: hidden;
        white-space: nowrap;
        width: 85px;
        margin-left: 5px;
    }

    .rcsPreview .user-bar .status {
        display: block;
        font-size: 11px;
        font-weight: 400;
        letter-spacing: 0.5px;
    }

.rcsPreview .conversation {
    height: calc(100% - 12px);
    position: relative;
    z-index: 0;
    border: 1px solid #ebeaea;
}

.rcsPreview .conversation .conversation-container {
    height: calc(100% - 68px);
    overflow-x: hidden;
    padding: 0 5px;
    margin-bottom: 5px;
}

.rcsPreview .message {
    color: #000;
    clear: both;
    line-height: 15px;
    font-size: 12px;
    position: relative;
    word-wrap: break-word;
    z-index: -1;
}

.rcsPreview .message:first-child {
    margin: 16px 0 8px;
}

.rcsPreview.rcsPreview .message.sent {
    border-radius: 5px 5px 5px 5px;
    float: right;
    border: 1px solid #e7e7e7;
    width:100%;
}

.rcsPreview .metadata {
    float: right;
    padding: 0 0 0 7px;
    position: relative;
    bottom: -4px;
}

.rcsLivePreview {
    max-height: 200px;
    overflow-y: scroll;
}

.rcsContentFormat {
    padding: 8px 8px 8px 8px;
    font-size: 13px;
}

.rcsPrevBackArrow {
    padding-top: 5px;
}

.rcsPrevInteractiveButton {
    padding: 0px 9px;
    font-size: 11px !important;
    background-color: white !important;
    color: grey !important;
    border: 1px solid #e7e7e7;
    border-radius: 16px;
    padding-top: 2px;
}

/* End of RCS Preview stype */
ul.nav.nav-tabs.tabs-top li[class*="remove_split_"] span {
    padding: 8px 0 4px;
    top: 0px;
}

.font-18 {
    font-size: 18px !important;
}

.dropdown.target-dropdown .dtitle span {
    color: #fff;
    font-size: 14px;
    text-decoration: underline;
    line-height: 0;
}

.dropdown.target-dropdown a.dtitle {
    display: flex;
}

.dropdown.target-dropdown:hover i.icon-retarget-list-small, .dropdown.target-dropdown.open a.dtitle i.icon-retarget-list-small {
    display: block;
}

.dropdown.target-dropdown i.icon-retarget-list-small {
    display: none;
    margin-top: -10px;
}

.dropdown.target-dropdown .dtitle + .dropdown-menu {
    margin-top: 9px;
    left: 1px;
}

    .dropdown.target-dropdown .dtitle + .dropdown-menu:before {
        left: 66px;
    }

    .dropdown.target-dropdown .dtitle + .dropdown-menu:after {
        left: 67px;
    }

#mobilePush_Day_Segment .highcharts-container .highcharts-label.highcharts-tracker .bubbleDataLabels.bdl-12 {
    padding: 16px;
}

#webPush_Day_Segment .highcharts-label.highcharts-data-label.highcharts-tracker {
    visibility: visible !important;
    opacity: 1 !important;
}

#offerTypes input.addTag {
    padding: 0 5px;
}

#offerTypes .tagsField {
    min-height: 110px
}

    #offerTypes .tagsField .jspPane {
        padding: 5px 2px 0px 8px !important
    }

.Wave2UIA_P .get-user {
    padding-left: 0;
}

.formSubmitButton {
    font-size: 14pt;
}

.forwardToFriend input {
    font-size: 16px;
}

.forwardToFriend small.smaller {
    font-size: 80% !important;
    color: #666;
}

#email-success .modal-header button.close {
    font-size: 30px;
    font-family: 'resulticks' !important;
}

.forwardToFriend .close:hover, .forwardToFriend .close:focus {
    background-color: #0540d3;
}

.forwardToFriend textarea::placeholder {
    font-weight: 300;
    font-style: normal !important;
}
/* theme */
.forwardToFriend .modal-content {
    border: 6px solid #b8b8b8;
}

.temp-holder-wrap div#divtxt, .matrixIDs .editable.k-editor, #Div_RanSur_Que.editable.k-editor, #DIV_RANGE_TEXT.editable.k-editor, #DIV_TXT_COMMENT.editable.k-editor, #divratingquestion.editable.k-editor, #div_MC_question.editable.k-editor, #divconsecttext.editable.k-editor {
    height: 22px;
}

#spnfooterid .k-picker-wrap.k-state-default:after {
    height: 0;
}

/*Alex Master data - add audience section 25-02-2022-and-28-02-2022 start*/

div#importModeContainer {
    padding-top: 0px;
}

    div#importModeContainer > .xform-group {
        padding-top: 15px;
    }

input#txtImportDescription {
    min-width: 250px;
    width: 100%;
}

/*End*/

/* Thyagarajan UI GDP - 02-03-2022 end */
div#campaign-docket, div#confirm-goal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.addSecGoal.opacity2 {
    pointer-events: none;
}

.content.recipients.dynamicList .info-popup.serOn .widget-body.campaignblastinfo .inline-block.margin-R30.pull-right {
    margin-top: 5px
}

/*Alex UI GDP fixes 03-03-2022 start*/
div#divAttributes .slimScrollDiv + small.recommedText {
    font-size: 80% !important;
    color: #666;
}

.widget-listbody .widget-body .res-BigPopup h3.init-seg-4::first-letter {
    text-transform: uppercase;
}

div#filtered-items .adsearchContainer {
    display: none;
}
/*Alex UI GDP fixes 04-03-2022 start*/
.rpNewTheme .fade-blkAudience .res-list-type > li > span {
    font-size: 16px;
}

div#alertAllbusinessUnit .modal-content .modal-body > p {
    text-align: center;
}

div#myCarouselSendTime .carousel-inner .item ul > li > h3 {
    font-size: 22px;
}
/*end*/

.removeConversion .icon-minus-fill-small {
    position: relative;
    top: -2px;
}

.timedelay li li {
    padding-left: 0px;
}

.platform-search span.search-button .tooltip.in {
    top: -36px !important;
}

/*Alex UI GDP fixes 04-03-2022 start*/
.rpNewTheme .fade-blkAudience .res-list-type > li > span {
    font-size: 16px;
}

div#alertAllbusinessUnit .modal-content .modal-body > p {
    text-align: center;
}

div#myCarouselSendTime .carousel-inner .item ul > li > h3 {
    font-size: 22px;
}

/*alex UI fixes in team-4.8.2 07-03-2022*/
ul#uicampaigntypeval {
    min-height: 112px !important;
}

div#user-settings form#UserAssign .user-remove.remove {
    top: 23px;
}

input#OTPEnableForClientCheck ~ span.lbl, input#idAduserCheck ~ span.lbl, input#showdef ~ span.lbl {
    font-size: 13px !important;
}
/*input#btnSendOtp {margin-bottom: 30px;}*/
div#tabDomain ul.list-block > li > a.no-hover.click-off {
    margin-top: -2px;
}

/*Alex UI fixes in team-4.8.2 8-03-2022*/
div#showLink .modal-dialog button.close {
    margin-bottom: 5px;
    margin-right: 2px;
}

div#pnlMyprofilePage .row.row-space .form-group .row {
    margin-top: -1px;
}

div#offerCodeModel .modal-dialog .genAnalyticCodeOffer .CommonCheckList p {
    margin-top: -10px !important;
}

/*Alex UI fixes in team-4.8.2 09-03-2022*/
a.em-qr-reload.refresh-emailtype > i.icon-restart-small {
    top: -5px;
    position: absolute;
    right: -20px;
}

.splitABMechanicsWebEnableOn ul#ulMobilesplits {
    margin-bottom: 0px;
}

div#wnc-container .box.email-detail.resu-ImportSection {
    margin-top: -22px;
}

div#PushimportcontentPanelA, div#divPushContentUrlB, div#divPushContentUrlC, div#divPushContentUrlD {
    margin-top: -10px;
}

a.splitABHint {
    margin-left: -10px;
}
/*a.helppopup {*/ /*margin-left: -6px;*/ /*margin-top: 1px;}*/
a.inline-top.helppopup {
    padding-top: 2px;
}

/*Alex UI fixes in team-4.8.2 11-03-2022*/
div#divEmailSplitAbcd a.splitABHint {
    margin-left: -16px;
    margin-top: 0px;
}

div#EmailSchedulePanel span.selectTimeZone {
    margin-top: 13px !important;
}

/*Alex UI fixes in team 4.8.2 14-03-2022*/
div#updatepanelcontainer1 .tab-content.sliderMain div > span.font-normal {
    line-height: 40px;
}

form > div#mainreciepientdiv > div#importModeContainer {
    padding-bottom: 10px !important;
}

/*Alex UI fixes in team-4.8.2 15-03-2022 */
div#updatepanelcontainer1 .tab-content .detail-statbox ul li label[for=Registration] {
    font-size: 15px;
}

.content.reports .well .bgGrey-lighter .list-detailbox-body {
    padding-top: 12px;
    padding-bottom: 12px;
}

/*Alex UI fixes in team-4.8.2 16-03-2022 */
.right-navbar ul div#alertAndNotificationsAutoUpdate ul.dropdown-menu.media-list li.media > a:hover {
    background-color: #e9e9e9;
}

div#tag-settings .modal-header {
    border-color: #2896f0;
}

.content.preferences div#dgridpartial div#kGrid tr td {
    border-width: 1px 1px 0 0;
}

    .content.preferences div#dgridpartial div#kGrid tr td:last-child {
        border-right: 0;
    }

div#dataSection div#id_audienceGrid .k-grid-content {
    min-height: auto;
}

/*Alex UI fixes in team-4.8.2 22-03-2022 */
div#crbGroupContainer ul#filterBuildContainer li .kaBox.selectizeJS {
    background-size: 1px 15px, 1px 1px, 1px 15px;
}

/*end*/

/* Thyagarajan UI GDP - 02-03-2022 end */


div#StartDate_dateview, div#EndDate_dateview {
    width: 297px;
}

    div#StartDate_dateview .k-widget.k-calendar, div#EndDate_dateview .k-widget.k-calendar {
        width: 100%
    }

div#StartDate_dateview, div#EndDate_dateview,
div#TransactionTriggerCampaign_TransactionTriggerCampaign_StartDate_dateview,
div#TransactionTriggerCampaign_TransactionTriggerCampaign_EndDate_dateview {
    width: 297px;
}

    div#StartDate_dateview .k-widget.k-calendar, div#EndDate_dateview .k-widget.k-calendar {
        width: 100%
    }

    div#TransactionTriggerCampaign_TransactionTriggerCampaign_StartDate_dateview .k-widget.k-calendar,
    div#TransactionTriggerCampaign_TransactionTriggerCampaign_EndDate_dateview .k-widget.k-calendar {
        width: 100%
    }

div#campaign-docket, div#confirm-goal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.addSecGoal.opacity2 {
    pointer-events: none;
}

.content.recipients.dynamicList .info-popup.serOn .widget-body.campaignblastinfo .inline-block.margin-R30.pull-right {
    margin-top: 5px
}

.rpNewTheme #dgridpartial #kGrid tr th {
    border-left: 1px solid #b8b8b8;
}

#websdk.copyTextInput {
    padding: 0 10px;
}

/* sub level details analytics */
.tabs-sublevel-new {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.detail-label-r, .detail-label-l {
    width: 100%;
}
/* left */
.detail-label-l {
    float: left !important;
}

    .detail-label-l > li {
        top: 0 !important;
    }

    .detail-label-l li.dropdown > a {
        display: flex;
        align-items: center;
    }
/* right */
.detail-label-r {
    font-size: 18px;
}

    .detail-label-r ul {
        width: auto;
        float: right;
        display: flex;
        align-items: center;
    }

    .detail-label-r > ul > li {
        float: left;
        margin-left: 10px;
        position: relative;
    }

        .detail-label-r > ul > li:first-child {
            margin-left: 0;
        }

    .detail-label-r li .default-dropdown > a {
        margin-top: 3px;
    }

#updatepanelcontainer .tab-content.sliderMain .detail-label-r .date-range-picker i[class*="icon-calendar"] {
    top: -1px;
}

#updatepanelcontainer .tab-content.sliderMain .detail-label-r .daterange.date-range-picker {
    padding-top: 0;
    top: 1px;
}
/*update left align issue*/
.tabs-sublevel-new .detail-label-l span {
    white-space: pre;
}

.tabs-sublevel-new .detail-label-l .dropdown.default-dropdown.white a {
    display: flex;
    padding: 15px 0;
}

.tabs-sublevel-new .detail-label-l li {
    margin-left: 0 !important;
}

.tabs-sublevel-new .detail-label-r .dropdown.default-dropdown.white {
    margin-top: 0;
}

.content.recipients.targetList #divSegmentationView .list-segment.abox {
    height: 282px;
}

#websdk.copyTextInput {
    padding: 0 10px;
}

/*table pagination*/
.rpNewTheme .k-pager-input {
    margin-top: 1px;
}

.rpNewTheme .k-pager-wrap a.k-link {
    margin-top: 2px;
}

.rpNewTheme .k-pager-sizes .k-widget.k-dropdown {
    top: -1px;
}

.rpNewTheme .k-pager-input input.k-textbox {
    padding-bottom: 4px !important;
    top: -1px;
}

.rpNewTheme .k-pager-sizes .k-dropdown .k-dropdown-wrap span.k-input {
    line-height: 20px;
    margin-top: 5px;
}

.link-activity-dropdown {
    margin: 3px 0 0;
}

.rpNewTheme .activity-chart h3 {
    font-size: 14px !important;
}

    .rpNewTheme .activity-chart h3 span {
        font-family: 'mukta-bold';
    }

.rp-vertical-align-icon {
    position: relative;
    right: -10px;
}

#MobileAnalyticsDashboardView .key-list > ul > li {
    min-height: 73px;
}

#userReportContainer h5 .topVisitorTitle {
    position: relative;
    top: -7px;
}

#updatepanelcontainer .tab-content.sliderMain .reportrange.date-range-picker, #updatepanelcontainer .tab-content.sliderMain .daterange.date-range-picker {
    top: 3px;
}

    #updatepanelcontainer .tab-content.sliderMain .reportrange.date-range-picker span, #updatepanelcontainer .tab-content.sliderMain .daterange.date-range-picker span {
        top: 3px;
    }

#updatepanelcontainer .tab-content.sliderMain .date-range-picker .icon-dropdown-small {
    position: relative;
    top: 3px;
}

#updatepanelcontainer .tab-content.sliderMain .daterange.date-range-picker {
    height: 30px;
    display: flex;
    align-items: center;
    padding-top: 4px;
}

    #updatepanelcontainer .tab-content.sliderMain .daterange.date-range-picker span, #updatepanelcontainer .tab-content.sliderMain .date-range-picker .icon-dropdown-small {
        top: 1px;
    }

#updatepanelcontainer .tab-content.sliderMain #searchFilter {
    margin-top: 0px;
}

.content.reports #downPartSummary .well.list-detailbox .list-detailbox-body#nodatamapGeography img {
    max-height: 172px !important;
}

.timer-chart-container-web .chart-bg {
    left: 176px !important;
}

#campaignListGrid table tbody tbody tr td:first-child {
    white-space: pre;
    overflow: hidden;
}

#campaignListGrid .galleryPreview table tbody tbody tr td:first-child {
    white-space: normal;
    overflow: hidden;
}

#id_CustomAttrGrid table colgroup col:nth-child(1) {
    width: 7%;
}

#id_CustomAttrGrid table colgroup col:nth-child(2) {
    width: 15%;
}

#id_CustomAttrGrid table colgroup col:nth-child(4) {
    width: 10%;
}

#id_CustomAttrGrid table colgroup col:nth-child(5) {
    width: 15%;
}

#id_CustomAttrGrid table colgroup col:nth-last-child(3) {
    width: 40%;
}

div#dlistpartial #Grid tr td {
    max-width: 370px;
}

div#customColumnSelector .scroll-pane label {
    width: auto;
    line-height: normal;
}

div#dlistpartial div#Grid tbody td:nth-child(n+4), div#DataAttributesTablegrid tbody td:nth-child(13) {
    text-align: right
}

#id_selectConversionValueAttributeFixedvaluediv1 {
    margin-top: 10px;
}

#id_ddl_errMsgFixedvalue {
    top: -10px;
}

#WebScheduleDate_dateview .k-widget.k-calendar, #PushScheduleDate_dateview .k-widget.k-calendar {
    width: 451px;
}

#WebScheduleDate_dateview, #PushScheduleDate_dateview {
    margin-top: -4px
}

.rpNewTheme #campaignListGrid .st-grid-transparent .k-master-row.purple .k-hierarchy-cell {
    margin-top: 57px;
}

#campaignListGrid #listView .gallerycarousel .campaigngallery_flex .slides li img {
    max-height: 180px;
    margin-top: 30px;
}

.roiPrimaryGoal .k-dropdown-wrap:before {
    border-bottom: 0px solid #b8b8b8 !important;
    border-right: 0px solid #b8b8b8 !important;
}

.roiPrimaryGoal .k-dropdown-wrap {
    background-color: #f1f1f1 !important;
}

.dropdown.default-dropdown.white {
    margin-top: 6px;
}

    .dropdown.default-dropdown.white a.img-emailSelect {
        font-size: 18px !important;
        color: #fff;
    }

    .dropdown.default-dropdown.white.open a.img-emailSelect {
        background-color: inherit;
    }

    .dropdown.default-dropdown.white .dropdown-menu li a {
        color: #666;
        font-size: 16px;
    }

        .dropdown.default-dropdown.white .dropdown-menu li a:hover {
            color: #fff !important;
        }

/* Template builder font issue (Reddy - 13 April 2022) */
.rp-mail-column font {
    font-family: inherit;
    font-weight: normal;
}

.rp-mail-column b {
    font-weight: normal;
    font-family: inherit;
}

#errmsgmpFailed.input-error {
    left: 70px;
}

#gaugeTimer-web svg.highcharts-root g.highcharts-axis-labels.highcharts-yaxis-labels text:last-child {
    display: none;
}

#gaugeTimer-web g.highcharts-axis-labels.highcharts-yaxis-labels text {
    transform: translate(0, 0) rotate(0deg);
    font-size: 12px !important;
}

#offline-analyticss .freqdd .frequencyChange .dropdown-menu {
    display: none;
}

#offline-analyticss .freqdd .frequencyChange.open .dropdown-menu {
    display: inherit;
}

#errmsgValidConversionValueDecimal.input-error, #errmsgValidEngagementValueDecimal.input-error {
    left: 20px;
    white-space: nowrap;
}

.datefrequencyinput .col-md-6.no-padding {
    padding-left: 15px !important;
    padding-right: 0 !important;
}

.reports .list-overview-info.expand .list-overview-data {
    padding-top: 20px;
}

body.modal-open .emojiPicker {
    z-index: 100000 !important
}

#updatepanelcontainer .sliderMain .preview-popup-cont {
    z-index: 15
}

#mainTemplateContainer .temp-holder-wrap, #mainTemplateContainerEdit .temp-holder-wrap {
    padding-right: 10px;
}

.mobileAppDeviceContainer .mobilePlatformCnt .input-error, .mobileAppDeviceContainerB .mobilePlatformCntB .input-error {
    left: 15px;
}

#salutation-settings .form-group {
    padding: 0
}

.close-k-window .icon-close-small {
    color: #fff;
}

small.frequencyCapListValueShow {
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    display: block;
    float: left;
}

.tellafriend .temp-holderSec {
    background: transparent
}

}

.frequencytooltip .tooltip {
    left: 0px !important
}

.tellafriend .temp-holderSec {
    background: transparent
}

/* Google promo annotations starts */
input.rp-panel-settings-text {
    width: 100%;
}

#rpGooglePromotionalAnnotationsModal .form-control, #rpGooglePromotionalAnnotationsModal input[type="text"], #rpGooglePromotionalAnnotationsModal input[type="password"], #rpGooglePromotionalAnnotationsModal input[type="datetime"], #rpGooglePromotionalAnnotationsModal input[type="datetime-local"], #rpGooglePromotionalAnnotationsModal input[type="date"], #rpGooglePromotionalAnnotationsModal input[type="month"], #rpGooglePromotionalAnnotationsModal input[type="time"], #rpGooglePromotionalAnnotationsModal input[type="week"], #rpGooglePromotionalAnnotationsModal input[type="number"], #rpGooglePromotionalAnnotationsModal input[type="email"], #rpGooglePromotionalAnnotationsModal input[type="url"], #rpGooglePromotionalAnnotationsModal input[type="search"], #rpGooglePromotionalAnnotationsModal input[type="tel"], #rpGooglePromotionalAnnotationsModal input[type="color"], #rpGooglePromotionalAnnotationsModal .tagsField, #rpGooglePromotionalAnnotationsModal .tagsField1, #rpGooglePromotionalAnnotationsModal .k-pager-input .k-textbox {
    padding: 8px !important;
    line-height: 20px !important;
    font-size: 16px !important;
    height: 32px !important;
    background-size: initial !important;
    -webkit-background-size: initial !important;
    -ms-background-size: initial !important;
    border: 1px solid #cccccc !important;
    background: #ffffff !important;
}

#rpGooglePromotionalAnnotationsModal .rp-panel-settings-row .input-group {
    margin-bottom: 15px;
    display: table;
}

    #rpGooglePromotionalAnnotationsModal .rp-panel-settings-row .input-group:last-child {
        margin-bottom: 0;
    }

#rpGooglePromotionalAnnotationsModal .input-group .input-group-addon {
    text-align: left; /*border-radius: 0 !important;*/
}

#rpGooglePromotionalAnnotationsModal .rp-panel-settings-row .input-group .input-group-addon {
    min-width: 60px;
    padding: 7px 6px 5px;
}

#rpGooglePromotionalAnnotationsModal .rp-panel-settings-row.rppsr-image-container .input-group .input-group-addon {
    min-width: 88px;
    padding: 7px 6px 5px;
}

#rpGooglePromotionalAnnotationsModal .modal-content {
    height: calc(100vh - 55px);
}

#rpGooglePromotionalAnnotationsModal .modal-body {
    height: calc(100vh - 185px);
}

#rpGooglePromotionalAnnotationsModal .full-height {
    height: calc(100vh - 200px);
    overflow: hidden;
    overflow-x: hidden;
}

#rpGooglePromotionalAnnotationsModal .settings-left-side {
    background: #f6f6f7;
    padding: 0;
    border: solid 1px #e4e4e4;
    overflow: auto; /*max-width:320px;*/
}

#rpGooglePromotionalAnnotationsModal .rp-panel-settings-wrapper {
    padding: 10px;
}

#rpGooglePromotionalAnnotationsModal .rp-panel-settings-title {
    background: #06c;
    color: #ffffff;
    padding: 8px;
    cursor: default;
}

#rpGooglePromotionalAnnotationsModal .rp-panel-settings-row {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #dddddd;
}

#rpGooglePromotionalAnnotationsModal .rp-panel-settings-wrapper .rp-panel-settings-row:first-child {
    margin-top: 5px;
}

#rpGooglePromotionalAnnotationsModal .rp-panel-settings-row .rp-panel-settings-label {
    margin: 5px 0 0 0;
    padding: 0 0 5px 0;
    font-size: 16px;
    display: inline-block;
}

#rpGooglePromotionalAnnotationsModal .rp-panel-settings-row .rp-panel-settings-checkbox-container {
    width: auto;
    float: right;
    position: relative;
    top: 3px;
}

#rpGooglePromotionalAnnotationsModal .rp-panel-settings-wrapper .input-group .k-header.rp-panel-settings-text {
    width: 100%;
    background: #ffffff !important;
    border: none !important;
}

#rpGooglePromotionalAnnotationsModal .rp-panel-settings-wrapper .input-group .k-header .k-picker-wrap.k-state-default {
    border: 1px solid #cccccc !important;
    background: none !important;
}

    #rpGooglePromotionalAnnotationsModal .rp-panel-settings-wrapper .input-group .k-header .k-picker-wrap.k-state-default:before {
        display: none !important;
    }

#rpGooglePromotionalAnnotationsModal .rp-panel-settings-wrapper .input-group .k-datepicker.k-header .k-picker-wrap input[type="text"] {
    border: none !important;
    background: #ffffff !important;
    height: 31px !important;
}

#rpGooglePromotionalAnnotationsModal .rp-panel-settings-wrapper .input-group .k-datepicker.k-header .k-state-default .k-select {
    top: -3px;
}

#gpa-edit-icon {
    display: inline-block;
    margin: 0 10px 0 20px;
    cursor: pointer;
    position: relative;
    top: -6px;
    font-size: 20px !important;
}

#gpa-preview-icon {
    display: inline-block;
    margin: 0;
    position: relative;
    top: -7px;
}

    #gpa-preview-icon .icon-view-small {
        cursor: pointer;
        font-size: 28px !important;
    }

#rpGooglePromotionalAnnotationsModal .k-datetimepicker.k-header input[type="text"] {
    border-radius: 0;
    border: 0 !important;
    text-indent: initial;
}

#rpGooglePromotionalAnnotationsModal .k-picker-wrap.k-state-default:after {
    border: 0 !important;
}

#rpGooglePromotionalAnnotationsModal .k-datetimepicker .k-picker-wrap .k-icon.k-i-calendar {
    margin-top: -4px !important;
}

#rpGooglePromotionalAnnotationsModal .k-datetimepicker .k-picker-wrap .k-icon.k-i-clock {
    margin-top: -3px !important;
}

#rpGooglePromotionalAnnotationsModal .image-valid, #rpGooglePromotionalAnnotationsModal .image-invalid {
    position: absolute;
    bottom: -6px;
    left: -5px;
    z-index: 99;
    background: #ffffff;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    border: 1px solid #e9e9e9;
    box-shadow: -1px 8px 13px 0px #c9c9c9;
}

    #rpGooglePromotionalAnnotationsModal .image-valid i, #rpGooglePromotionalAnnotationsModal .image-invalid i {
        position: relative;
        top: 3px;
        left: 3px;
    }

#rpGooglePromotionalAnnotationsModal #rpipac-gpa-sender-logo-uploaded-image, #rpGooglePromotionalAnnotationsModal #rpipac-gpa-promo-image-uploaded-image {
    position: relative;
}

#rpGooglePromotionalAnnotationsRemoveModal .rpgp-text {
    text-align: center;
    margin: 0 0 20px 0;
    font-size: 18px;
}

#rpGooglePromotionalAnnotationsRemoveModal .note-warning {
    text-align: center;
    margin: auto;
    font-size: 16px;
    display: table;
    width: auto;
}

.note-warning {
    font-size: 12px;
    padding: 3px 7px;
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffeeba;
}

.note-warning2 {
    font-size: 14px;
    padding: 3px 7px;
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffeeba;
    margin-top: 10px;
}

#rpAnnotaionsPreview {
    background: url(../Images/annotation-preview-mobile.png) no-repeat top left;
    width: 436px;
    height: 511px;
    position: relative;
    margin: 20px auto 0 auto;
}

    #rpAnnotaionsPreview .rpap-container {
        position: absolute;
        width: 360px;
        top: 168px;
        left: 38px;
        display: block;
    }

    #rpAnnotaionsPreview .preview__logo {
        height: 50px;
        width: 50px;
        background: #f6f6f7;
        border: 1px solid #e4e4e3;
        padding: 5px;
        float: left;
        vertical-align: top;
        border-radius: 100%;
        overflow: hidden;
    }

        #rpAnnotaionsPreview .preview__logo img {
            width: 100%;
            max-width: 40px;
            margin: auto;
            text-align: center;
            display: block;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
        }

    #rpAnnotaionsPreview .preview__description {
        display: block;
        vertical-align: top;
        padding-left: 10px;
        width: 310px;
        float: left;
    }

        #rpAnnotaionsPreview .preview__description .preview__name {
            text-align: left;
            font-size: 14px;
            font-family: 'mukta-semibold';
            max-width: 167px;
            text-overflow: ellipsis;
            overflow: hidden;
            display: block;
            white-space: nowrap;
        }

        #rpAnnotaionsPreview .preview__description .preview__expire {
            position: absolute;
            top: 0;
            right: 0;
            text-align: right;
            font-size: 14px;
        }

            #rpAnnotaionsPreview .preview__description .preview__expire span {
                font-family: 'mukta-semibold';
            }

        #rpAnnotaionsPreview .preview__description .preview__subject {
            white-space: nowrap;
            max-width: 270px;
            text-overflow: ellipsis;
            display: block;
            overflow: hidden; /*font-family: 'mukta-semibold';*/
            font-size: 14px;
            margin-top: 2px;
        }

        #rpAnnotaionsPreview .preview__description .preview__info {
            position: relative;
            margin-top: 5px;
        }

            #rpAnnotaionsPreview .preview__description .preview__info .preview__info__description {
                display: inline-block;
                font-family: Arial;
                font-size: 13px;
                padding: 4px 5px 2px 5px;
                color: #34a851;
                background-color: #e5f4e9;
                vertical-align: top;
                margin-right: 10px;
            }

            #rpAnnotaionsPreview .preview__description .preview__info .preview__promo {
                display: inline-block;
                font-size: 14px; /* margin-left: 10px; */
            }

                #rpAnnotaionsPreview .preview__description .preview__info .preview__promo .preview__promo__code {
                    display: inline-block;
                    color: #aaa;
                }

                #rpAnnotaionsPreview .preview__description .preview__info .preview__promo .preview__promo__content {
                    display: inline-block;
                    background-color: #f0f2f4;
                    padding: 1px 9px;
                    color: #3b4043;
                }

        #rpAnnotaionsPreview .preview__description .preview__banner {
            width: 100%;
            height: 85px; /*width:280px;height: 72px;*/
            margin: 10px 0 8px 0;
            background-color: #f6f6f6;
            display: flex;
        }

#rpipaci-gpa-sender-logo-name, #rpipaci-gpa-sender-logo-dimensions, #rpipaci-gpa-sender-logo-size, #rpipaci-gpa-promo-image-name, #rpipaci-gpa-promo-image-dimensions, #rpipaci-gpa-promo-image-size {
    font-size: 13px;
}

#rpap-promo-image { /* height: 100%; */
    vertical-align: middle;
    margin: auto;
    display: block;
}

#rpipac-empty-image #settings-image-change, #rpipac-gpa-sender-logo-empty-image #gpa-sender-logo-change, #rpipac-gpa-promo-image-empty-image #gpa-promo-image-change {
    border: 1px dashed #0064eb;
    color: #333;
    background-color: #ffffff;
    padding: 12px 30px;
    border-radius: 3px;
    font-size: 16px;
    line-height: 20px;
    margin: auto;
    display: block;
    width: 100%;
}

    #rpipac-empty-image #settings-image-change span, #rpipac-gpa-sender-logo-empty-image #gpa-sender-logo-change span, #rpipac-gpa-promo-image-empty-image #gpa-promo-image-change span {
        display: block;
        padding: 0;
        font-size: 14px;
        line-height: 20px;
        opacity: 0.9;
    }

#rpipac-empty-icon #settings-button-icon-change {
    border: 1px dashed #0064eb;
    color: #333;
    background-color: #ffffff;
    padding: 12px 30px;
    border-radius: 3px;
    font-size: 16px;
    line-height: 20px;
    margin: auto;
    display: block;
    width: 100%;
}

    #rpipac-empty-icon #settings-button-icon-change span {
        display: block;
        padding: 0;
        font-size: 14px;
        line-height: 20px;
        opacity: 0.9;
    }

#rpipac-uploaded-icon {
    padding-bottom: 10px;
    margin-bottom: 10px; /*border-bottom: 1px solid #dddddd;*/
}

#rpGooglePromotionalAnnotationsModal .rp-panel-settings-wrapper .input-group .k-header .k-picker-wrap.k-state-default .k-select .k-i-calendar i {
    position: relative;
    top: 3px;
    cursor: pointer;
    font-size: 18px !important;
}

#rpGooglePromotionalAnnotationsModal .rp-panel-settings-wrapper .input-group .k-header .k-picker-wrap.k-state-default .k-select .k-i-clock i {
    position: relative;
    top: 3px;
    cursor: pointer;
    font-size: 18px !important;
}

#rpGooglePromotionalAnnotationsModal .rp-panel-settings-row .input-group .input-group-addon {
    font-size: 16px !important;
}

#rpipac-gpa-sender-logo-empty-image, #rpipac-gpa-promo-image-empty-image {
    position: relative;
}

#gapSenderLogoUpdate, #gapPromoImageUpdate {
    width: 100%;
    background: #ffffff;
    position: absolute;
    top: 0;
    height: 86px;
    border-radius: 4px;
    cursor: pointer;
    opacity: 0;
}

.rp-image-prop-aet-container, .rp-gpa-sender-logo-prop-aet-container, .rp-gpa-promo-image-prop-aet-container {
    clear: both;
    display: table;
    width: 100%;
}

    .rp-image-prop-aet-container .rpipac-thumbnail, .rp-icon-prop-aet-container .rpipac-thumbnail, .rp-gpa-sender-logo-prop-aet-container .rpipac-thumbnail, .rp-gpa-promo-image-prop-aet-container .rpipac-thumbnail {
        width: 80px;
        height: 80px;
        border: 1px dashed #ccc;
        padding: 5px;
        display: inline-flex;
        vertical-align: middle;
        background: #ffffff;
        overflow: hidden;
    }

    .rp-gpa-sender-logo-prop-aet-container .rpipac-thumbnail, .rp-gpa-promo-image-prop-aet-container .rpipac-thumbnail {
        width: 90px;
        height: 90px;
    }

    .rp-image-prop-aet-container .rpipac-thumbnail img, .rp-icon-prop-aet-container .rpipac-thumbnail img, .rp-gpa-sender-logo-prop-aet-container #rpipac-gpa-sender-logo-thumbnail-preview, .rp-gpa-promo-image-prop-aet-container #rpipac-gpa-promo-image-thumbnail-preview {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

    .rp-image-prop-aet-container .rpipac-info, .rp-icon-prop-aet-container .rpipac-info, .rp-gpa-sender-logo-prop-aet-container .rpipac-info, .rp-gpa-promo-image-prop-aet-container .rpipac-info {
        padding: 0 5px 0 10px;
        display: inline-block;
        vertical-align: top;
        position: relative;
    }

        .rp-image-prop-aet-container .rpipac-info #rpipaci-image-name + .tooltip, .rp-icon-prop-aet-container .rpipac-info #rpipaci-icon-name + .tooltip, .rp-gpa-sender-logo-prop-aet-container .rpipac-info #rpipaci-icon-name + .tooltip, .rp-gpa-promo-image-prop-aet-container .rpipac-info #rpipaci-icon-name + .tooltip {
            width: 100%;
        }

        .rp-image-prop-aet-container .rpipac-info #rpipaci-image-name, .rp-icon-prop-aet-container .rpipac-info #rpipaci-icon-name, .rp-gpa-sender-logo-prop-aet-container .rpipac-info #rpipaci-icon-name, .rp-gpa-promo-image-prop-aet-container .rpipac-info #rpipaci-icon-name {
            font-size: 13px;
            line-height: 16px;
            margin-bottom: 10px;
            max-width: 220px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .rp-image-prop-aet-container .rpipac-info #rpipaci-image-dimensions, .rp-icon-prop-aet-container .rpipac-info #rpipaci-icon-dimensions, .rp-gpa-sender-logo-prop-aet-container .rpipac-info #rpipaci-icon-dimensions, .rp-gpa-promo-image-prop-aet-container .rpipac-info #rpipaci-icon-dimensions {
            font-size: 13px;
            margin-bottom: 10px;
        }

        .rp-image-prop-aet-container .rpipac-info #rpipaci-image-size, .rp-icon-prop-aet-container .rpipac-info #rpipaci-icon-size, .rp-gpa-sender-logo-prop-aet-container .rpipac-info #rpipaci-icon-size, .rp-gpa-promo-image-prop-aet-container .rpipac-info #rpipaci-icon-size {
            font-size: 13px;
            margin-bottom: 10px;
        }

    .rp-image-prop-aet-container .rpipaci-buttons, .rp-icon-prop-aet-container .rpipaci-buttons, .rp-gpa-sender-logo-prop-aet-container .rpipaci-buttons, .rp-gpa-promo-image-prop-aet-container .rpipaci-buttons {
        width: auto;
        margin-top: 35px;
        clear: both;
        overflow: hidden;
        border-left: 1px solid #ccc;
    }

        .rp-image-prop-aet-container .rpipaci-buttons button, .rp-icon-prop-aet-container .rpipaci-buttons button, .rp-gpa-sender-logo-prop-aet-container .rpipaci-buttons button, .rp-gpa-promo-image-prop-aet-container .rpipaci-buttons button {
            border: 1px solid #ccc;
            background-color: #ffffff;
            padding: 5px 10px;
            float: left;
        }

        .rp-image-prop-aet-container .rpipaci-buttons button, .rp-icon-prop-aet-container .rpipaci-buttons button, .rp-gpa-sender-logo-prop-aet-container .rpipaci-buttons button, .rp-gpa-promo-image-prop-aet-container .rpipaci-buttons button {
            margin-left: -1px !important;
        }

            .rp-image-prop-aet-container .rpipaci-buttons button i, .rp-icon-prop-aet-container .rpipaci-buttons button i, .rp-gpa-sender-logo-prop-aet-container .rpipaci-buttons button i, .rp-gpa-promo-image-prop-aet-container .rpipaci-buttons button i {
                color: #1364eb;
                font-size: 16px !important;
            }

            .rp-image-prop-aet-container .rpipaci-buttons button:hover, .rp-icon-prop-aet-container .rpipaci-buttons button:hover, .rp-gpa-sender-logo-prop-aet-container .rpipaci-buttons button:hover, .rp-gpa-promo-image-prop-aet-container .rpipaci-buttons button:hover {
                background-color: #0064eb;
                border-color: #0064eb;
            }

                .rp-image-prop-aet-container .rpipaci-buttons button:hover i, .rp-icon-prop-aet-container .rpipaci-buttons button:hover i, .rp-gpa-sender-logo-prop-aet-container .rpipaci-buttons button:hover i, .rp-gpa-promo-image-prop-aet-container .rpipaci-buttons button:hover i {
                    color: #ffffff;
                }

        .rp-image-prop-aet-container .rpipaci-buttons i, .rp-icon-prop-aet-container .rpipaci-buttons i, .rp-gpa-sender-logo-prop-aet-container .rpipaci-buttons i, .rp-gpa-promo-image-prop-aet-container .rpipaci-buttons i {
            background-color: transparent;
            border: 0;
            position: relative;
            left: 5px;
            top: -2px;
        }

    .rp-icon-prop-aet-container .rpipaci-buttons, .rp-gpa-sender-logo-prop-aet-container .rpipaci-buttons, .rp-gpa-promo-image-prop-aet-container .rpipaci-buttons {
        margin-left: -1px;
    }

    .rp-gpa-sender-logo-prop-aet-container .rpipaci-buttons, .rp-gpa-promo-image-prop-aet-container .rpipaci-buttons {
        margin-top: -12px;
    }

#rpipaci-gpa-sender-logo-name, #rpipaci-gpa-promo-image-name {
    margin-top: -5px;
}

#rpipaci-gpa-sender-logo-dimensions, #rpipaci-gpa-promo-image-dimensions {
    margin-top: 3px;
}

#rpipaci-gpa-sender-logo-size, #rpipaci-gpa-promo-image-size {
    margin-top: 3px;
}

select#gpaDiscountEndDateTimezone {
    border-color: #cccccc;
}

.gpaPreviewContainer #rpAnnotaionsPreview {
    margin: 10px 0 0 0;
}

.gpaPreviewContainer2 #rpAnnotaionsPreview {
    margin: 0 0 0 0;
}

#gpa-preview-icon .preview-popup-cont.preview-right {
    width: 450px;
}

.rpgpa-modal-authoring-page .rp-gpa-sender-logo-prop-aet-container .rpipaci-buttons, .rpgpa-modal-authoring-page .rp-gpa-promo-image-prop-aet-container .rpipaci-buttons {
    margin-top: 8px;
}
/* /Google promo annotations ends */

.tellafriend .temp-holderSec {
    background: transparent
}

.buttons_block .rp-form-field {
    display: flex;
    align-items: center;
}

#formsettings .form-horizontal .form-group {
    padding: 0 15px 25px;
}

    #formsettings .form-horizontal .form-group #txtvisiblefield + .input-error {
        margin-top: -18px;
    }

div#selectedAttributesDirect ul li {
    line-height: 18px;
    overflow: inherit;
    text-overflow: inherit;
    position: relative;
    vertical-align: unset;
    background-color: transparent !important;
    border: 0;
    width: auto;
    float: left;
    margin-right: 5px;
}

    div#selectedAttributesDirect ul li a {
        display: inline-block;
        color: var(--primary-color);
        padding: 4px 8px;
        background-color: #e6ecf3;
        border-radius: 6px;
        margin-bottom: 6px;
    }

div#selectedAttributesDirect ul {
    height: auto;
    overflow: inherit;
    display: inline;
}

.sel_advAnalyticsContainerGrid #id_grid tbody tr td:last-child {
    text-align: right;
}

.frequencytooltip .tooltip {
    left: 0px !important
}
/*** Dynamic zones ***/
#preview-notificationEventtrack {
    background: white;
}

    #preview-notificationEventtrack .modal-dialog {
        width: 100%;
        margin-top: 0;
    }

    #preview-notificationEventtrack .modal-content {
        border: 0;
        padding: 0;
        margin: 0;
    }

.mobileEventTrackPlatform {
    overflow: hidden;
}

    .mobileEventTrackPlatform .main-wrapper {
        z-index: 1;
    }

#web-notifications .input-error, #emailView .input-error {
    left: 15px;
}

.ListAcqnotes .tooltip.top {
    top: -38px !important
}

.matrixcval {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ccContentTabs label {
    font-size: 16px;
}
/*chart qr*/
/*#divLeadsRecords #infovis-canvaswidget #infovis-label {left: -30px !important;}*/
.tellafriend .editable p:first-child {
    line-height: inherit
}

.channel17 .k-popup.k-calendar-container {
    width: 100% !important;
}

.channel17 .k-popup .k-calendar {
    width: 100%;
}

.info-popup.list-ConverisonValue.serOn {
    clip: rect(0, 187px,299px, 0);
}

.info-popup.list-ConverisonValue {
    height: 299px !important;
    width: 187px;
    left: auto;
    margin-left: 1px;
    background: rgba(0, 102, 201, 0.95);
    clip: rect(288px, 187px, 288px, 187px)
}

.info-popup .ConverisonValueHide {
    position: absolute;
    top: 8px;
    right: 10px;
}

div#selectedAttributesWH ul {
    width: auto;
    border: 0;
    background-color: transparent;
    float: left;
    pointer-events: none;
    height: auto;
    overflow: inherit;
    display: inline;
}

    div#selectedAttributesWH ul li {
        line-height: 18px;
        overflow: inherit;
        text-overflow: inherit;
        position: relative;
        vertical-align: unset;
        background-color: transparent !important;
        border: 0;
        width: auto;
        float: left;
        color: var(--color-primary-dark-dark);
    }

        div#selectedAttributesWH ul li a {
            margin-right: 5px;
            display: inline-block;
            color: var(--primary-color);
            padding: 4px 8px;
            background-color: #e6ecf3;
            border-radius: 6px;
            margin-bottom: 6px;
            line-height: 18px;
        }

#mcc #errmsgValidEmailCampaignFromEmail, #mcc #errmsgValidEmailCampaignSubject {
    margin-left: 15px;
}

#div_emailsmtpnfo .form-group {
    padding-left: 0;
    padding-right: 0;
}

.webhootColorList {
    color: var(--primary-color)
}

#monthly .list-inline {
    display: flex;
    align-items: center;
}

#monthly .input-xmini {
    height: auto;
}

#monthly .list-inline label {
    margin: 0 2px;
    font-size: 16px;
    vertical-align: bottom;
}

.trigger-campaign .tabs-group {
    margin-bottom: 5px !important;
}

.trigger-campaign .nav-tabs > li a {
    position: relative;
}

.trigger-campaign .nav-tabs > li:first-child.active a:after {
    content: inherit;
}

.trigger-campaign .nav-tabs > li.active a:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #0540d3;
    bottom: -10px;
    content: "";
    left: 50%;
    margin-left: -7px;
    position: absolute;
    z-index: 10;
    visibility: visible;
}

#mdcFrequencyContainer .nav-tabs > li:first-child.active a:after {
    content: inherit;
}

#mdcFrequencyContainer .nav-tabs > li.active a:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #0540d3;
    bottom: -9px;
    content: "";
    left: 50%;
    margin-left: -7px;
    position: absolute;
    z-index: 10;
    visibility: visible;
}

#errmsgTestCampaignEmailAddress.input-error, #errmsgnewEmailAddressApproval.input-error, #errmsgnewValidnewEmailAddressApproval.input-error, #errmsgValidEmailwfCampaignTestCampaignEmailAddress.input-error, #errmsgnewlimitEmailAddressApproval.input-error {
    left: 15px;
}

form#WebHookCampaignForm .input-error, section.offerAdd .input-error {
    margin-left: 15px;
}

.content.preferences #errmsgAttributes, .content.preferences #errmsgBenchmarkName, .content.preferences #errmsgValidBenchMarkDescT, .content.preferences #errmsgMetricsStartRange_0, .content.preferences #errmsgMetricsStartRange_1, .content.preferences #errmsgMetricsStartRange_2 {
    left: 14px;
}

.content.preferences #errmsgValidBenchMarkDescT {
    margin-top: -33px;
}

.preferences.offerAdd .input-error {
    margin-left: 14px !important;
}

#weekly li:first-child .input-xmini, #weekly .k-timepicker, #daily li:first-child .input-xmini, #daily .k-timepicker {
    margin: 0 5px;
}

.preferences .iconRound .tooltip.top, .preferences .iconRound .tooltip-inner {
    min-width: max-content;
}

#define-target .remove-filters:hover {
    box-shadow: none;
}

.accordion-style ul.box-list p {
    font-size: 15px;
    line-height: 16px;
}

#updatepanelGrid #OfferModelGrid .k-loading-mask {
    margin-top: 70px !important
}

#errWhatsAppimageFormat.input-error, #errWhatsAppimageSize.input-error {
    margin-top: -75px !important;
    margin-left: 45px;
}

#errWebPushimageSize.input-error, #errMobilePushimageSize.input-error {
    margin-top: -75px !important;
    margin-left: 32px;
}

#defineNewCategory .searchField .clearable {
    width: 275px !important;
}

.waupLivePreview {
    max-height: 200px;
    overflow-y: scroll;
}

#divTempCont .inline-top.helppopup {
    margin-top: 8px;
    padding: 0;
}

.tellfriendbtn #div_submitbutton {
    padding: 0 !important;
    min-width: 95px;
    min-height: 48.5px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

    .tellfriendbtn #div_submitbutton span {
        padding: 10px 20px;
        background-color: #005534;
        display: inline-block;
        height: 48.5px;
    }

.tellfriendbtn {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 5px;
}

#overlayText, #overlayHeatMap {
    display: inline !important;
}

.TriggerCampaignGroup #weekly .list-block {
    margin-top: 30px !important;
}

#monthly #errmsgDayMonthly {
    margin-top: -30px
}

#webhookChannel .WebhookAdditionAttribute {
    font-size: 23px !important;
    position: relative;
    left: 10px;
}

.conversion-webhook .ZhSplitBlk {
    display: flex;
    align-items: center;
}

.removeDeduperow {
    top: 15px;
    position: relative;
    left: 10px;
}

div#importModeContainer .upload-files-container li.k-file-error .ufc-status {
    font-size: 14px;
    top: 10px;
    position: relative;
    height: 27px;
    padding-right: 50px;
}

#updatepanelcontainer .k-pager-wrap.k-grid-pager.k-widget {
    display: block !important;
}

#DL_errEmptyName {
    left: 15px;
}

#errmsgFailed, #errWAUPmsgFailed, #errSMSmsgFailed {
    left: 70px;
}

#trendcontainer .highcharts-tooltip text {
    fill: #fff !important;
}

    #trendcontainer .highcharts-tooltip text tspan {
        font-weight: normal !important;
    }

.live-dashboard-loader iframe {
    position: relative;
    z-index: 2;
}

.live-dashboard-loader .res-loading {
    position: relative;
    z-index: 2;
}

    .live-dashboard-loader .res-loading .loading {
        z-index: 1;
        background: transparent;
        width: 80px;
        height: 80px;
        left: 50%;
        top: 20%;
        transform: translate(-50%, -50%);
    }

div#leadscoreOtherIndustries.tabs-left > .nav-tabs {
    max-width: 13%;
}

    div #leadscoreOtherIndustries.tabs-left > .nav-tabs + .tab-content {
        width: 87%;
    }

div#leadscoreOtherIndustries .nav li a {
    line-height: 18px;
}

div#leadscoreOtherIndustries .nav li, div #leadscoreOtherIndustries.tabs-left > .nav-tabs:after {
    width: 135px;
}

#MobileAppTableContainer .st-grid-transparent .k-master-row .k-hierarchy-cell {
    margin-top: 58px;
}

span#errmsgValidCampaignName {
    z-index: 0;
}

.selectize-control.plugin-remove_button [data-value] .remove {
    width: 25px;
    padding: 3px 0 0 0;
    font-weight: normal;
    font-size: 21px;
}

.selectize-input > input::placeholder {
    font-family: 'mukta-regular';
    color: #333 !important;
}

span#errmsgValidCampaignName {
    z-index: 0;
}

.selectize-control.plugin-remove_button [data-value] .remove {
    width: 25px;
    padding: 3px 0 0 0;
    font-weight: normal;
    font-size: 21px;
}

.selectize-input > input::placeholder {
    font-family: 'mukta-regular';
    color: #333 !important;
}
/* Goal - path to conversion - start */
.dropdown #GoalRenderByDays.dropdown-menu {
    z-index: 9999;
    overflow: inherit;
}

    .dropdown #GoalRenderByDays.dropdown-menu:before {
        left: initial;
        right: 3px;
    }

    .dropdown #GoalRenderByDays.dropdown-menu:after {
        left: initial;
        right: 4px;
    }

#pathConversionNodataBlock-JS .goalContainer-CSS {
    position: relative;
    border-top: 1px solid #E8E8E8;
    z-index: 9998;
}

    #pathConversionNodataBlock-JS .goalContainer-CSS .icon-bar-chart-medium:before {
        -moz-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        transform: scale(-1, 1);
        display: block;
    }

#pathConversionNodataBlock-JS #goalContainer-JS {
    height: 400px;
    overflow: auto;
}

    #pathConversionNodataBlock-JS #goalContainer-JS #goalFlowChartContainer-JS #goal-canvas {
        position: relative;
    }
    /*#pathConversionNodataBlock-JS.pathConversionNodataBlock-CSS .goalContainer-CSS{pointer-events:none;}*/
    #pathConversionNodataBlock-JS #goalContainer-JS #goalFlowChartContainer-JS #goalPathconversionNoData img,
    #pathConversionNodataBlock-JS #goalContainer-JS #funnelChartContainer-JS #flowChartNoData img {
        width: 100%;
        height: 400px;
    }

    #pathConversionNodataBlock-JS #goalContainer-JS #goalFlowChartContainer-JS #goalPathconversionNoData,
    #pathConversionNodataBlock-JS #goalContainer-JS #funnelChartContainer-JS #flowChartNoData,
    #pathConversionNodataBlock-JS.pathConversionNodataBlock-CSS #goalContainer-JS #goalFlowChartContainer-JS #goal-canvas,
    #pathConversionNodataBlock-JS.pathConversionNodataBlock-CSS #goalContainer-JS #funnelChartContainer-JS .portlet-body {
        display: none;
    }

#pathConversionNodataBlock-JS.pathConversionNodataBlock-CSS #goalContainer-JS #goalFlowChartContainer-JS #goalPathconversionNoData,
#pathConversionNodataBlock-JS.pathConversionNodataBlock-CSS #goalContainer-JS #funnelChartContainer-JS #flowChartNoData {
    display: block;
}

    #pathConversionNodataBlock-JS.pathConversionNodataBlock-CSS #goalContainer-JS #goalFlowChartContainer-JS #goalPathconversionNoData .no-data-overlay {
        z-index: 9997;
    }

    #pathConversionNodataBlock-JS.pathConversionNodataBlock-CSS #goalContainer-JS #goalFlowChartContainer-JS #goalPathconversionNoData > p {
        z-index: 9998;
    }

#goal-canvas div.canvasEle:after {
    content: '';
    width: 1px;
    height: 10px;
    position: relative;
    right: -30px;
}

#goal-canvas div.canvasEle {
    width: 140px !important;
    height: 65px !important;
    background: #b8b8b8;
    padding: 10px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    color: #fff;
    cursor:auto;
}

    #goal-canvas div.canvasEle span {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }

#goal-canvas .audience-list-overlay {
    background: #fe6262;
    color: #fff;
    font-size: 16px;
}

    #goal-canvas .audience-list-overlay .test-overlay {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #goal-canvas .audience-list-overlay .test-overlay .ph-number {
            padding: 5px 8px;
            display: inline-block;
            line-height: 21px;
        }

        #goal-canvas .audience-list-overlay .test-overlay .dropdown [data-toggle="dropdown"] {
            padding: 5px 8px 5px 0;
        }
        #goal-canvas .audience-list-overlay .test-overlay .dropdown .dropdown-menu {
        margin:0;
        }
        #goal-canvas .audience-list-overlay .test-overlay .dropdown .dropdown-menu > li > a {
            padding: 0 !important;
            display: flex;
        }

            #goal-canvas .audience-list-overlay .test-overlay .dropdown .dropdown-menu > li > a > span.canvasPopupOpen {
                padding: 5px 10px;
            }

.zoomInOut-CSS {
    position: absolute;
    right: 10px;
    z-index: 9996;
    opacity: .3;
}

    .zoomInOut-CSS:hover {
        opacity: 1;
    }

    .zoomInOut-CSS button {
        display: block;
        width: 24px;
        height: 24px;
        border: 0;
        padding: 0;
        fill: #fff;
        margin-bottom: 15px;
        background: #999;
        border-radius: 4px;
    }

        .zoomInOut-CSS button:hover, .zoomInOut-CSS button.active {
            background: #0540d3;
        }

    .zoomInOut-CSS #canvasZoomReset {
        background: transparent
    }

        .zoomInOut-CSS #canvasZoomReset i {
            margin: 0;
            padding: 0;
            color: #999;
        }

        .zoomInOut-CSS #canvasZoomReset:hover i, .zoomInOut-CSS #canvasZoomReset.active i {
            color: #0540d3;
        }

#RetargetOptionCanvas, .canvasOnboardingId {
    z-index: 9999;
}
/* Goal - path to conversion - end */

#res-dedupeProcess .modal-dialog {
    width: 950px;
}

    #res-dedupeProcess .modal-dialog .resddsn .tooltip {
        width: 80px;
    }

#res-dedupeProcess span.input-error {
    margin-left: 0px;
    white-space: nowrap;
}

#res-dedupeProcess input#text_Single_column_sensitivity_threshold::placeholder, #res-dedupeProcess input#text_Combined_sensitivity_threshold::placeholder {
    text-align: left;
}

.dd-with-top-arrow .dropdown-center > .dropdown-menu.aiLeftSide {
    right: 0 !important;
    left: auto !important;
    margin-left: 0 !important;
    min-width: 100px;
}

.dd-with-top-arrow .dropdown.dropdown-center .dropdown-menu.aiLeftSide:before,
.dd-with-top-arrow .dropdown.dropdown-center .dropdown-menu.aiLeftSide:after {
    right: 0px;
    left: auto;
}

#infovis {
    position: relative;
    top: 50px;
    left: 20px;
}



.dd-with-top-arrow ul.dropdown-menu {
    overflow: visible;
    margin-top: 8px;
    padding: 0;
}

.dd-with-top-arrow .dropdown-menu:after, .dd-with-top-arrow .dropdown-menu:before {
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    left: auto;
    border-width: 0 8px 8px;
    border-style: solid;
}

.dd-with-top-arrow .dropdown-menu:before {
    border-color: #b8b8b8 transparent;
    top: -9px;
}

.dd-with-top-arrow .dropdown-menu:after {
    top: -8px;
    border-color: #fff transparent;
}

/* #infovis [id*="qrcode-mini.svg"] { left: 287px !important; top: 160px !important; display: flex; }
#infovis [id*="mobilepush-mini.svg"] { left: 292px !important; top: 129px !important; }
#infovis [id*="whatsapp-mini.svg"] { left: 264px !important; top: 183px !important; }
#infovis [id*="mobile-mini.png"] { left: 264px !important; top: 143px !important; }
#infovis [id*="mail-mini.png"] { left: 195px !important; top: 200px !important; }
#infovis [id*="direct-mini.svg"] { left: 325px !important; top: 24px !important; } */
.dashboard-overview-new #infovis [id*="direct-mail.png"] {
    transform: translateX(-40px);
}
/* .dashboard-overview-new #infovis [id*="direct-mail.png"] { left: 20px !important; } */

.summary-short-text {
    display: inline-block;
    margin-top: 3px !important;
    line-height: 15px;
}

.marginT15 {
    margin-top: 15px;
}

li#PushimportZipImgLi .k-upload-button {
    background: none !important;
}

.EditFilterDataExc .searchField input {
    height: 26px !important;
    margin-top: 2px !important;
    margin-left: 2px !important
}

h3.audienceListOption1 {
    font-size: 16px;
    font-family: 'mukta-semibold';
}

.emoji-wysiwyg-editor.required:focus {
    background: bottom left linear-gradient(#fe5758, #fe5758) no-repeat, bottom center linear-gradient(var(--primary-color), var(--primary-color)) repeat-x, bottom right linear-gradient(var(--primary-color), var(--primary-color)) no-repeat !important;
    -webkit-background-size: 1px 15px,1px 1px,1px 15px !important;
}

.all-campaign .input-error:not(.target-name), .campaignTab .input-error:not(.target-name) {
    left: auto;
}

#importHistoryGrid table tbody td:nth-child(1), #SyncHistoryImport table tbody td:nth-child(1), #importHistoryGrid table thead th:nth-child(1), #SyncHistoryImport table thead th:nth-child(1) {
    width: 130px !important;
}

#importHistoryGrid table tbody td:nth-child(2), #SyncHistoryImport table tbody td:nth-child(2), #importHistoryGrid table thead th:nth-child(2), #SyncHistoryImport table thead th:nth-child(2) {
    width: 150px !important;
}

#importHistoryGrid table tbody td:nth-child(3), #SyncHistoryImport table tbody td:nth-child(3), #importHistoryGrid table thead th:nth-child(3), #SyncHistoryImport table thead th:nth-child(3) {
    width: 110px !important;
}

#importHistoryGrid table tbody td:nth-child(4), #SyncHistoryImport table tbody td:nth-child(4), #importHistoryGrid table thead th:nth-child(4), #SyncHistoryImport table thead th:nth-child(4) {
    width: 210px !important;
}

#importHistoryGrid table tbody td:nth-child(5), #SyncHistoryImport table tbody td:nth-child(5), #importHistoryGrid table thead th:nth-child(5), #SyncHistoryImport table thead th:nth-child(5) {
    width: 205px !important;
}

#importHistoryGrid table tbody td:nth-child(6), #SyncHistoryImport table tbody td:nth-child(6), #importHistoryGrid table thead th:nth-child(6), #SyncHistoryImport table thead th:nth-child(6) {
    width: 250px !important;
}


div#DeDupeTablegrid th:nth-child(1), #DeDupeTablegrid td:nth-child(1), div#DeDupeTablegrid th:nth-child(2), #DeDupeTablegrid td:nth-child(2) {
    width: 100px
}

div#DeDupeTablegrid th:nth-child(3), #DeDupeTablegrid td:nth-child(3) {
    width: 150px;
}

div#DeDupeTablegrid th:nth-child(4), #DeDupeTablegrid td:nth-child(4) {
    width: 200px;
}

#devicesummaryGrid.k-grid tr td:last-child {
    width: 230px;
}

#devicesummaryGrid.k-grid tr td i {
    cursor: pointer;
}

#ibbchannelComparecontainer .legend-list li:after {
    top: 9px;
}

.marginT15 {
    margin-top: 15px;
}

g.highcharts-axis-labels.highcharts-yaxis-labels {
    transform: translateY(2px);
}
/* Segment chart open */
#segmentContainer {
    padding: 0;
}
/* tracker */
#segmentContainerg.highcharts-data-labels.highcharts-tracker text {
    font-size: 20px !important;
    font-weight: normal !important;
    color: #333 !important;
}
/* legend */
.dashboard-overview-new #channeldrillContainer g.highcharts-legend g.highcharts-legend-item rect,
#segmentContainer g.highcharts-legend g.highcharts-legend-item rect {
    width: 8px;
    height: 8px;
}

#segmentContainer g.highcharts-legend g.highcharts-legend-item rect {
    transform: translate(7px, -2px);
}

.dashboard-overview-new #segmentContainer g.highcharts-legend g.highcharts-legend-item rect {
    transform: translate(-3px, -1px);
}

#segmentContainer g.highcharts-legend g.highcharts-legend-item text, .titlelegend {
    font-weight: normal !important;
    font-size: 14px !important;
    color: #333333 !important;
}
/* Segment chart close */
.dashboard-overview-new #ROIContainer text.highcharts-axis-title {
    font-size: 15px !important;
}

.dashboard-overview-new #segmentContainer {
    height: 330px !important;
}

#divmain .mobile-validation .mv-status {
    top: 2px;
}

.tooltip.top .tooltip-arrow {
    bottom: 1px;
}

.ChooseOffersAutoMatch ul li {
    padding-left: 0px;
    padding: 15px !important;
    min-width: 500px;
    border: 1px solid var(--border-color-1);
    margin-bottom: 15px;
}

#campaignGrid .preview-popup-cont.preview-left .popup-slider {
    max-height: 300px;
    overflow: hidden;
}

.widget-body .no-data-holder {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.widget-body .no-data-holder.hide {
  display: none;
}

/* Data pipeline CSS starts */
.res-pipeline-blk{position:relative; z-index:9; margin-top:37px;}
.CustomBarChartViewCSS{width:100%;display:flex; flex-wrap:nowrap; flex-direction:row; align-items:flex-end; align-content:flex-end; padding:0 0 0 15px; border-left:1px solid #c2cfe3; border-bottom:1px solid #c2cfe3; position:relative; height:250px; padding-bottom:45px; justify-content:space-around;}
.CustomBarChartViewCSS:before,
.CustomBarChartViewCSS:after,
.res-pipeline-blk:before,
.res-pipeline-blk:after{position:absolute; left:0; width:100%; border-top:1px dashed #c2cfe3; z-index:-1; font-size:10px;line-height:0;color:#c2cfe3;}
.CustomBarChartViewCSS:before{content:'50'; top:26%;}
.CustomBarChartViewCSS:after{content:'0'; bottom:44%;}
.res-pipeline-blk:before{content:'100'; top:0%;}
/*.res-pipeline-blk:after{content:'75'; top:25%;}*/
.CustomBarChartViewCSS > li{width:15px; height:100px; background:#c2cfe3; display:flex; /*margin:0 5px;*/ position:relative;}
.CustomBarChartViewCSS > li.Success{background:#99cc03;}
.CustomBarChartViewCSS > li.Failed{background:#fe6262;}
.CustomBarChartViewCSS > li:hover{opacity:0.7;}
.CustomBarChartViewCSS > li > a{display:block; width:100%; height:100%;}
.CustomBarChartViewCSS > li > a > span{position:absolute;bottom:-18px;transform:rotate(90deg);transform-origin:left top; color:#c2cfe3; font-size:11px;width:45px;left:14px;}
.CustomBarChartViewCSS > li .tooltip-inner{word-wrap:break-word;max-width:100%;}
.headBandCSS{display:flex;align-items:center;justify-content:space-between;border:1px solid #c2cfe3; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px; background-color:#fff; padding:5px 10px; margin:15px 0 15px;}
.headBandCSS h4{margin:0;}
.headBandCSS li{position:relative;}
.headBandCSS li:first-child:before{display:none;}
.headBandCSS li::before{content:""; position:absolute; height:40px; top:50%; left:-15px; margin-top:-20px; border-left:solid 1px #c2cfe3;}
.logListCss{height:266px; padding:5px; border:1px solid #c2cfe3; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px; background-color:#fff;}
.logListCss li{padding:15px;}
.logListCss li:nth-child( odd ){background:#f0f8ff}
#jsonGraph iframe{border:1px solid #c2cfe3; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px; background-color:#fff;}

/* Targeting elements with the css-scrollbar class */
.logListCss{overflow-y: auto !important; overflow-x: auto !important;}
@-moz-document url-prefix() {
	.logListCss{scrollbar-color:#999999 #e9e9e9;scrollbar-width:thin;}
}
.logListCss::-webkit-scrollbar-track{background-color:#e9e9e9;border-radius:0 0 5px 5px;}
.logListCss::-webkit-scrollbar{width:7px;height:7px;background-color:#e9e9e9;}
.logListCss::-webkit-scrollbar-thumb{background-color:#999999;border-radius:100px;cursor:pointer;}
/* Data pipeline CSS end */

/* Offer builder CSS */
.select-template .tab-content > div .well {}
/*.CustomSizeCss .tab-pane .well{display:inline-block; text-align:center; margin:0 0 10px 10px; width: 150px;*/ /*height:150px !important;*/ /*overflow:hidden;}
.CustomSizeCss .tab-pane .well a{display:grid; height:100%; text-decoration:none; overflow:hidden;}
.CustomSizeCss .tab-pane .well a span{display:grid; align-items:center; justify-content:center}
.CustomSizeCss .tab-pane .well a span div {background:#ccc; margin:0 auto;}
.CustomSizeCss .tab-pane .well a span div.size1{width:70px; height:8px;}
.CustomSizeCss .tab-pane .well a span div.size2{width:60px; height:50px;}
.CustomSizeCss .tab-pane .well a span div.size3{width:60px; height:50px;}
.CustomSizeCss .tab-pane .well a span div.size4{width:50px; height:50px;}
.CustomSizeCss .tab-pane .well a span div.size5{width:30px; height:30px;}
.CustomSizeCss .tab-pane .well a span div.size6{width:70px; height:10px;}
.CustomSizeCss .tab-pane .well a span div.size7{width:10px; height:50px;}
.CustomSizeCss .tab-pane .well a span div.size8{width:15px; height:50px;}
.CustomSizeCss .tab-pane .well a span div.size9{width:20px; height:50px;}
.CustomSizeCss .tab-pane .well a span div.size10{width:50px; height:8px;}
.CustomSizeCss .tab-pane .well a span div.size11{width:15px; height:15px;}
.CustomSizeCss .tab-pane .well a span div.size12{width:70px; height:20px;}
.CustomSizeCss .tab-pane .well a span div.size13{width:70px; height:6px;}
.CustomSizeCss .tab-pane .well a span div.size14{width:25px; height:50px;}
.CustomSizeCss .tab-pane .well a span div.size15{width:70px; height:28px;}
.CustomSizeCss .tab-pane .well a span div.size16{width:70px; height:35px;}
.CustomSizeCss .tab-pane .well a span div.size17{width:70px; height:40px;}
.CustomSizeCss .tab-pane .well a span div.size18{width:65px; height:50px;}
.CustomSizeCss .tab-pane .well a span div.size19{width:70px; height:25px;}
.CustomSizeCss .tab-pane .well a span div.size20{width:70px; height:22px;}
.CustomSizeCss .tab-pane .well a span div.size21{width:50px; height:50px;}
.CustomSizeCss .tab-pane .well a span div.size22{width:28px; height:50px;}
.CustomSizeCss .tab-pane .well a span p{margin:0; color: #999;}
.CustomSizeCss #CreateTemplateTabs.tab-pane .well a span div,
.CustomSizeCss #CreateTemplateTabs1.tab-pane .well a span div,
.CustomSizeCss #CreateTemplateTabs2.tab-pane .well a span div{height:62px;}
.CustomSizeCss #CreateTemplateTabs.tab-pane .well a span p,
.CustomSizeCss #CreateTemplateTabs1.tab-pane .well a span p,
.CustomSizeCss #CreateTemplateTabs2.tab-pane .well a span p{background: #fff; padding: 10px 0;}*/

#listViewOffer_pager {
    display: none !important;
}
/*#offerTemplatesSet #listViewOffer{margin:auto !important;}
#offerTemplatesSet #listViewOffer .offerCreationblankTemplateContainer{position:relative;height:160px;}
#offerTemplatesSet #listViewOffer .offerCreationblankTemplateContainer .button{display:none;position:absolute;top:0;right:0;left: 0 !important;bottom:0;margin:auto;background: rgba(255,255,255,0.8);align-items: center;text-align: center;justify-content: center;}
#offerTemplatesSet #listViewOffer .offerCreationblankTemplateContainer:hover{cursor:pointer;}
#offerTemplatesSet #listViewOffer .offerCreationblankTemplateContainer:hover .button{display: flex;}
#offerTemplatesSet #listViewOffer .offerCreationblankTemplateContainer p.title{position:absolute;bottom:0;}*/

/*Offer Listing Overlay Styles*/
#offerTemplatesSet .offerCreationblankTemplateContainer {
    position: relative;
    height: 120px;
}

#offerTemplatesSet .offer-my-templates-block .offerCreationblankTemplateContainer {
    height: 256px;
}

#offerTemplatesSet .offerCreationblankTemplateContainer .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    transition: background .5s ease
}

#offerTemplatesSet .offerCreationblankTemplateContainer:hover .overlay {
    display: block;
    background: rgba(6,6,6,0.4)
}
/*#offerTemplatesSet .offerCreationblankTemplateContainer img{position:absolute;width:180px;height:auto;left:9px}*/
#offerTemplatesSet .offerCreationblankTemplateContainer .title {
    position: relative;
    width: 180px;
    left: 0;
    top: 10px;
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: white;
    z-index: 1;
    word-break: break-word;
    transition: top .5s ease;
    opacity: 0;
    font-weight: normal
}

#offerTemplatesSet .offerCreationblankTemplateContainer:hover .title {
    line-height: 20px;
    top: 0;
    opacity: 1;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0;
    width: 100%;
    font-size: 16px;
}

#offerTemplatesSet .offerCreationblankTemplateContainer .button {
    position: absolute;
    width: auto;
    left: 45px;
    top: 100px;
    text-align: center;
    opacity: 0;
    transition: opacity .35s ease;
    padding: 5px 8px;
    text-align: center;
    color: white;
    border: solid 1px #ccc;
    z-index: 1;
    background: rgba(107,107,107,0.5);
    transition: top .3s ease;
    border-radius: 3px
}

#offerTemplatesSet .offerCreationblankTemplateContainer:hover .button {
    opacity: 1;
    top: initial;
    bottom: 20px;
}

    #offerTemplatesSet .offerCreationblankTemplateContainer:hover .button:hover {
        background: #005534;
        cursor: pointer
    }

#offerTemplatesSet .offerCreationblankTemplateContainer .offerTemplateImagePredefined {
    position: absolute;
    top: 30px;
    left: 35px;
}

#offerTemplatesSet .offer-my-templates-block .offerCreationblankTemplateContainer .offerTemplateImageMyTemplate {
    position: static;
    max-height: 100%;
}

#offerTemplatesSet .offer-my-templates-block .offerCreationblankTemplateContainer:hover .title {
    position: absolute;
    top: 60px;
}

/*.rpNewTheme div#channel_settings .nav-tabs li a{padding:8px 15px !important;}*/

/* Dynamic list - Grouping UI */
.rowblankdiv {
    position: relative;
}

    .rowblankdiv.rule1, .rowblankdiv.rule2 {
        padding: 15px 0;
    }

    .rowblankdiv #addtriggerPush_web,
    .rowblankdiv #selAddtriggerPush_web,
    .rowblankdiv #addtriggerPush_webEdit,
    .rowblankdiv #selAddtriggerPush_webEdit,
    .rowblankdiv #removetriggerPush_web,
    .rowblankdiv #selRemovetriggerPush_web,
    .rowblankdiv #removetriggerPush_webEdit,
    .rowblankdiv #selRemovetriggerPush_webEdit,
    #id_removetrigger_minus {
        position: absolute;
        top: 25px;
        right: -39px;
        line-height: 0;
    }

.dynTriggerRefreshIcon {
    position: absolute;
    right: -23px
}

.class_ce_grouping_section {
    background: var(--bg-color-3);
    margin-top: 15px;
}

    .class_ce_grouping_section .class_customevent_plus {
        position: absolute;
        top: 30px;
        right: 15px;
    }

        .class_ce_grouping_section .class_customevent_plus i {
            font-size: 15px;
        }

    .class_ce_grouping_section .row.outerrow {
        margin: 0;
        padding-right: 30px;
    }

        .class_ce_grouping_section .row.outerrow .addmandatoryclass {
            right: -60px
        }

    .class_ce_grouping_section .ce_class_group {
        margin: 10px 0 0;
    }

        .class_ce_grouping_section .ce_class_group .ce_class_row {
            position: relative;
            margin: 15px 0 10px;
            padding-left: 0;
            padding-right: 30px;
        }

            .class_ce_grouping_section .ce_class_group .ce_class_row [id^="id_ce_div_attributename"] .class_ce_ddl_attributename {
                width: 90%;
                float: right;
            }

            .class_ce_grouping_section .ce_class_group .ce_class_row [id^="id_ce_div_attributevalue"] .class_ce_attributevalue {
                width: 100%;
            }

                .class_ce_grouping_section .ce_class_group .ce_class_row [id^="id_ce_div_attributevalue"] .class_ce_attributevalue .selectize-input.full {
                    background-color: transparent;
                }

                .class_ce_grouping_section .ce_class_group .ce_class_row [id^="id_ce_div_attributevalue"] .class_ce_attributevalue .selectize-input > input:focus {
                    height: auto;
                }

            .class_ce_grouping_section .ce_class_group .ce_class_row .class_customevent_minus {
                position: absolute;
                top: 12px;
                right: 12px;
            }

.select-trigger .input-error, .SelTrigger .input-error {
    left: 15px
}

.class_ce_grouping_section .ce_class_group .ce_class_row .input-error.ce_errInputFrom,
.class_ce_grouping_section .ce_class_group .ce_class_row .input-error.ce_errInputTo {
    left: 0
}

.class_ce_grouping_section .ce_class_group .ce_class_row [id^="id_ce_div_attributename"] .input-error {
    left: 51px
}

.class_ce_grouping_section .ceLengthClick-off [type="select-multiple"], .ceLengthClick-off .selectize-dropdown.multi {
    display: none !important;
}

.ddlSelectMailValue .input-error {
    left: 15px;
}

#mobile-push-notify .otherShow#PushCustomApprovalPanel, #mobile-push-notify .otherShow#MobAudioCustomApprovalPanel {
    position: absolute;
    top: 0;
    width: 100%;
    background: #fdfdfe;
}

#templateSaveModal .modal-body .input-error {
    margin-left: 15px;
}

#newtemplateSaveModal .modal-body .input-error,
#templateduplicateSaveModal .modal-body .input-error,
#templateRenameSaveModal .modal-body .input-error {
    margin-top: 0;
}

.newLoginPage .fade-blkBrowser .cntBlockContent {
    width: 1152px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .newLoginPage .fade-blkBrowser .cntBlockContent h3 {
        width: 775px;
        margin: 20px 25px;
        text-align: left;
        font-size: 21px !important;
        line-height: 33px;
    }

.OverView-with-Subject table, .OverView-with-Subject .container, #overview-preview-modal.opmContainer table, #overview-preview-modal .opmContainer .container {
    max-width: 600px !important;
}

.k-overlay {
    z-index: 11000 !important;
}

.k-widget.k-window {
    z-index: 11001 !important;
}

.surveyFormGeneration .k-widget.k-window,
.tellFriendFormGeneration .k-widget.k-window {
    z-index: 11001 !important;
}

.page-header h1.camp_report {
    /* max-width: 60%; */
}

.rp-de-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    text-align: center;
    height: 113px;
}

.emailChannelDetailedView {
    margin-top: 15px;
}

.list-detailbox .list-detailbox-body ul.item-list li {
    padding: 6px 0;
}

    .list-detailbox .list-detailbox-body ul.item-list li span {
        margin-left: 10px;
    }

.rp-de-box .rpdb-text {
    color: var(--primary-color);
    font-size: 18px;
}

.loading.portlet-loader {
    position: absolute;
}

.rpNewTheme #div_emailsmtpnfo .input-error {
    margin-top: -7px;
}

.rpNewTheme #div_emailsmtpnfo #errmsgSenderdomain, .rpNewTheme #div_emailsmtpnfo #errmsgThrottlesetting {
    margin-top: -20px
}

#consumptionView .k-grid-header tr th, #consumptionView .k-grid tr td {
    word-break: inherit;
}

#templateContentPanel .k-widget.k-listview {
    margin: 0;
}

#templateContentPanel #divtemplateEmail {
    margin-left: -2px;
}

.new-contacts-campaign .new-con-img {
    width: 105px;
    height: 56px;
    overflow: hidden;
}

    .new-contacts-campaign .new-con-img img {
        min-width: 132px;
        min-height: 129px;
    }

.new-contacts-campaign .new-con-data {
    display: inline-block;
}

    .new-contacts-campaign .new-con-data h2 {
        margin: 0;
    }

    .new-contacts-campaign .new-con-data p {
        font-size: 14px;
    }

.new-contacts-campaign .no-data-available {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    background-color: #fdfdfd;
    border: 1px solid #b8b8b8;
    color: #585858;
    font-size: 14px;
    padding: 8px 5px;
    display: flex;
    align-items: center;
    margin-top: -2px;
}
/*** CDR - Instagram ***/
.tabs-sublevel .tabs-dropdown > li > a > span.instagram {
    background-position: 0px -280px;
    min-width: 143px;
    background-size: 153px;
}

.tabs-sublevel.instagram {
    background-color: #c4219c;
}

.rp-split-list li {
    margin-left: 5px;
}

    .rp-split-list li:first-child {
        margin-left: 0;
    }

.rp-split-list .rpsl-sep {
    font-size: 21px;
    opacity: 0.5;
    padding: 0;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.rp-split-list .rpsl-percentage {
    margin-left: 5px;
}

.confirmPayDashboard .dashboard-sort-item .audience-split-ab-mechanics.resCgTg-Blk .splitABOn .inSide h5 span {
    color: white;
}

.tri_frequencyAbove .input-error, .tri_frequencyBelow .input-error {
    left: 0;
}

    .tri_frequencyAbove .input-error#DL_errSpecialChar, .tri_frequencyBelow .input-error#DL_errSpecialChar {
        top: -10px;
    }



#slaDocModal .display-flex {
    display: flex;
}

#slaDocModal .position-relative {
    position: relative;
}

#slaDocModal .align-items-center {
    align-items: center;
}

#slaDocModal .description-block {
    margin-bottom: 15px;
    width: 100%;
    border: solid 1px #b8b8b8;
}

#slaDocModal .description-header {
    padding: 10px;
    background-color: #f8f8f8;
    border-bottom: solid 1px #b8b8b8;
}

#slaDocModal .description-block1 table tbody tr:nth-child(even) {
    background-color: inherit;
}

#slaDocModal .description-block1 .table-bordered > tbody > tr > td, #slaDocModal .description-block1 .table-bordered {
    border: solid 1px #b8b8b8;
}

#slaDocModal .table-content {
    border-bottom: solid 1px #b8b8b8;
}

    #slaDocModal .table-content:last-child {
        border: 0;
    }

    #slaDocModal .description-header .heading,
    #slaDocModal .table-content .content-new {
        width: 50%;
        text-align: center;
    }

#slaDocModal .description-header .heading {
    font-weight: normal;
    font-family: 'mukta-bold';
}

#slaDocModal .table-content .content-new {
    text-align: left;
    padding: 10px;
}

    #slaDocModal .description-header .heading:first-child:after,
    #slaDocModal .table-content .content-new:first-child:after {
        content: "";
        position: absolute;
        top: 0;
        width: 1px;
        height: 100%;
        background: #b8b8b8;
        left: 50%;
    }

#slaDocModal ul.list-points {
    list-style: circle;
    padding-left: 50px;
}

    #slaDocModal ul.list-points li:last-child {
        padding-bottom: 0;
    }

    #slaDocModal ul.list-points li,
    #slaDocModal ul.list-number li {
        line-height: normal;
        padding-bottom: 5px;
        word-wrap: break-word;
    }

#slaDocModal ul.list-number {
    padding-left: 50px;
    list-style: auto;
}

#slaDocModal .description-block1 h1 {
    font-size: 22px;
    margin: 0;
    line-height: normal;
}

#slaDocModal .content-small-box h2 {
    margin: 0;
    font-size: 22px;
    line-height: normal;
}

#slaDocModal .content-small-box p {
    margin: 15px 0 15px 30px;
    word-wrap: break-word;
    line-height: normal;
    list-style: disc;
    display: list-item;
}

#slaDocModal .content-small-box {
    float: left;
    padding: 15px 0;
    width: 100%;
}

@media only screen and (max-width: 600px) {
    #slaDocModal .content-small-box {
        padding-left: 10px;
        padding-right: 10px;
    }

        #slaDocModal .content-small-box .table > tbody > tr > td,
        #slaDocModal .table > tbody > tr > th,
        #slaDocModal .table > tfoot > tr > td,
        #slaDocModal .table > tfoot > tr > th, #slaDocModal .table > thead > tr > td, #slaDocModal .table > thead > tr > th {
            padding: 4px;
            vertical-align: middle;
        }

    #slaDocModal ul.list-points {
        padding-left: 30px;
    }
}

#errmsgTimerValidTriggerMonthly.errTimeSubsetId {
    margin-top: -8px !important;
    left: 65px !important;
}

#errmsgTimerValidTriggerMonthly.errDayMonthly {
    margin-top: -8px !important;
    left: 190px !important;
}

#errmsgTimerValidTriggerMonthly.errDayHours {
    margin-top: -10px !important;
    left: 325px !important;
}

#errmsgTimerValidTriggerMonthly.errDayDurationExceed {
    margin-top: -10px !important;
    left: 190px !important;
}

#errmsgTimerValidTriggerMonthly.errTheMonths {
    margin-top: 35px !important;
    left: 375px !important;
}

#errmsgTimerValidTriggerMonthly.errTheTriggerTime {
    margin-top: 35px !important;
    left: 505px !important;
}

#errmsgTimerValidTriggerMonthly.errTheDurationExceed {
    margin-top: 35px !important;
    left: 375px !important;
}

.rp-button-action-type-prop-container .select2-container {
    min-width: 150px;
}

#rpButtonExternalScriptProps .rp-button-script-editor {
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
    font-size: 14px;
}

.inSide .split-left h5 {
    color: #fff;
}

#webBgOverlayPropsContainerText .Wave2UICA_W, #webBgOverlayPropsContainerImport .Wave2UICA_W {
    display: block !important;
}

.rpNewTheme .campaigndoctetdetals .input-error {
    margin-left: 15px;
}

.rpNewTheme #daBoxContainer .catData_Expand .css-scrollbar {
    height: 60vh !important;
    max-height: 60vh;
}

.rpNewTheme .campaigndoctetdetals .input-error {
    margin-left: 15px;
}

.nav ul .controlgroup-dropdown > a,
.nav ul .controlgroup-dropdown > a:hover,
.nav ul .controlgroup-dropdown > a:focus {
    background-color: transparent;
}

    .nav ul .controlgroup-dropdown > a > label {
        cursor: pointer !important;
    }

.nav ul .controlgroup-dropdown .dropdown-menu {
    position: absolute;
    left: -20px;
    top: 40px;
    overflow: inherit;
}

    .nav ul .controlgroup-dropdown .dropdown-menu:before {
        content: '';
        position: absolute;
        right: 4px;
    }

    .nav ul .controlgroup-dropdown .dropdown-menu:after {
        right: 4.5px;
    }

.rpNewTheme .campaigndoctetdetals .input-error {
    margin-left: 15px;
}

.rpNewTheme #daBoxContainer .catData_Expand .css-scrollbar {
    height: 60vh !important;
    max-height: 60vh;
}

.frequencytooltip .rp-ca-tooltip-issue {
    position: absolute;
    right: 25px;
    top: 0;
}

    .frequencytooltip .rp-ca-tooltip-issue .tooltip {
        left: -33px !important;
    }

.resu-ImportSection .k-multiselect-wrap li {
    max-width: 100%;
    word-wrap: break-word;
}

.rpNewTheme .rowFild .k-multiselect-wrap li.k-button {
    max-width: 100%;
    word-wrap: break-word;
}

.rp-richtext-editor-wrapper {
}

    .rp-richtext-editor-wrapper .tooltip, .rp-richtext-editor-wrapper .tooltip .tooltip-inner {
        min-width: auto;
    }

    .rp-richtext-editor-wrapper .k-editor-toolbar .k-editor-widget, .rp-richtext-editor-wrapper .k-editor-toolbar > li {
        margin: 0;
    }

    .rp-richtext-editor-wrapper .k-editor .k-editor-toolbar {
        display: flex;
        align-items: center;
        padding: 5px;
    }

        .rp-richtext-editor-wrapper .k-editor .k-editor-toolbar .k-button-group {
            margin: 0;
            padding: 0;
        }

        .rp-richtext-editor-wrapper .k-editor .k-editor-toolbar li .k-tool-icon, .rp-richtext-editor-wrapper .k-editor .k-editor-toolbar li .external-icon {
            min-width: 30px; /*min-height: 30px;*/
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .rp-richtext-editor-wrapper .k-editor .k-editor-toolbar > li {
            display: flex;
            align-items: center;
            margin: 0;
            padding: 0;
        }

        .rp-richtext-editor-wrapper .k-editor .k-editor-toolbar .k-group-start.k-group-end.k-tool, .rp-richtext-editor-wrapper .k-editor .k-editor-toolbar .k-group-end.k-group-end.k-tool {
            padding: 0 !important;
        }

        .rp-richtext-editor-wrapper .k-editor .k-editor-toolbar .rs-kendo-external-icon-wrapper {
            display: flex;
            align-items: center;
            height: 30px;
            width: 30px;
            margin-right: 5px;
        }

            .rp-richtext-editor-wrapper .k-editor .k-editor-toolbar .rs-kendo-external-icon-wrapper .icon-sm {
                font-size: 23px !important;
                color: #4b5966 !important;
            }

            .rp-richtext-editor-wrapper .k-editor .k-editor-toolbar .rs-kendo-external-icon-wrapper:hover {
                background-color: #0540d3;
            }

                .rp-richtext-editor-wrapper .k-editor .k-editor-toolbar .rs-kendo-external-icon-wrapper:hover .icon-sm {
                    color: #ffffff !important;
                }

        .rp-richtext-editor-wrapper .k-editor .k-editor-toolbar li.open .rs-kendo-external-icon-wrapper .dropdown-menu {
            visibility: visible;
            opacity: 1;
        }

/* Summernote editor (Rich text editor) */
.summernote-wrapper {
    position: relative;
}

.note-editor {
    border: 1px solid #b8b8b8 !important;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

    .note-editor .note-toolbar, .note-popover .popover-content {
        background-color: #fdfdfe;
        border-color: #b8b8b8;
    }

        .note-editor .note-toolbar .note-btn {
            padding: 0;
            margin-left: 1px; /*color: var(--primary-color);*/
            color: #333333;
            background-color: transparent;
            box-shadow: none !important;
            border-radius: 0;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .note-editor .note-toolbar .note-btn i {
                float: none;
                margin: 0; /*color: var(--primary-color);*/
                color: #333333;
                width: 27px;
            }

            .note-editor .note-toolbar .note-btn.rp-sn-custom-icon i {
                font-size: 20px !important;
            }

            .note-editor .note-toolbar .note-btn.active {
                background-color: var(--primary-color);
                color: #ffffff;
            }

                .note-editor .note-toolbar .note-btn.active i {
                    color: #ffffff;
                }

.note-dropdown-menu h1 {
    color: #333;
}

.note-dropdown-menu.dropdown-menu > li > a:hover, .note-dropdown-menu.dropdown-menu > li > a:hover h1, .note-dropdown-menu.dropdown-menu > li > a:hover h2, .note-dropdown-menu.dropdown-menu > li > a:hover h3, .note-dropdown-menu.dropdown-menu > li > a:hover h4, .note-dropdown-menu.dropdown-menu > li > a:hover h5, .note-dropdown-menu.dropdown-menu > li > a:hover h6 {
    color: #ffffff;
}

.note-editor .note-toolbar .note-dropdown-menu, .note-popover .popover-content .note-dropdown-menu {
    min-width: 160px;
    margin-top: 5px;
    background: #ffffff;
}

.note-editing-area ul, .note-editing-area ol {
    list-style: initial;
    margin: initial;
    padding: 0 0 0 20px;
}

.note-editing-area ol {
    list-style: auto;
}

.note-editor .note-toolbar .note-color-all .note-dropdown-menu, .note-popover .popover-content .note-color-all .note-dropdown-menu {
    min-width: 200px !important;
    border-color: #b8b8b8;
    display: flex;
    min-height: 295px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

div#MpSummernoteWrapper .note-palette:first-child {
    display: none;
}

.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette {
    margin: 0 !important;
}

    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child {
        margin-right: 10px !important;
    }

    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset { /*display:none;*/
        color: var(--primary-color) !important;
        background: transparent !important;
        padding: 0 !important;
        height: initial;
        line-height: initial;
        border-radius: 0 !important;
        margin: 0 0 5px 0 !important;
        outline: none !important;
    }

        .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover {
            text-decoration: underline !important;
        }

    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select {
        display: none;
    }

    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette #backColorPicker, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette #foreColorPicker {
        display: block;
    }

    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title {
        margin: 0 0 5px 0 !important;
        text-align: left !important;
    }

.note-editor .note-toolbar .note-color-palette div .note-color-btn:hover, .note-popover .popover-content .note-color-palette div .note-color-btn:hover {
    transform: none;
}
/*.note-editor .note-holder-custom{display: none;}*/
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .rp-note-color-picker-bottom-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 5px;
    padding-bottom: 7px;
}

    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .rp-note-color-picker-bottom-block .rpncpbb-label-holder {
        font-size: 14px;
        margin-right: 5px;
    }

.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn {
    background: none;
    cursor: pointer;
}

.rp-note-color-palette-fore, .rp-note-color-palette-back {
    position: relative;
}

    .rp-note-color-palette-fore:before {
        content: 'A';
        width: 21px;
        height: 24px;
        font-family: 'mukta-regular';
        font-size: 23px;
        position: relative;
        float: left;
        line-height: 18px;
        text-align: center;
        cursor: pointer;
        margin-top: 7px;
        margin-left: -1px;
    }

    .rp-note-color-palette-back:before {
        content: '';
        width: 21px;
        height: 24px;
        font-family: 'mukta-regular';
        font-size: 23px;
        position: relative;
        float: left;
        line-height: 18px;
        text-align: center;
        margin-top: 9px;
        background: url(../Images/icon-tool-bgcolor.png) no-repeat 2px -1px;
        cursor: initial;
    }
/*.note-editor.note-frame .note-editing-area .note-editable b, .note-editor.note-frame .note-editing-area .note-editable strong{font-family:inherit;font-weight:initial;}*/
.note-editor.note-frame .note-editing-area .note-editable a {
    text-decoration: underline;
}

    .note-editor.note-frame .note-editing-area .note-editable a:hover {
        text-decoration: none;
    }
/*.note-editor.note-frame .note-editing-area .note-editable p{margin:0;}*/

.note-modal .modal-dialog {
    box-shadow: none !important;
    border-radius: 0 !important;
}

.note-modal .modal-body .form-group .note-form-label {
    float: left;
    width: 33%;
    margin-top: 16px;
}

.note-modal .modal-body .form-group .note-form-control {
    float: left;
    width: 67%;
}

.note-modal .modal-footer .note-btn {
    background-image: none; /*text-transform: lowercase;*/
}
    /*.note-modal .modal-footer .note-btn:first-line{text-transform: capitalize;}*/
    .note-modal .modal-footer .note-btn.btn-primary {
        background-image: none;
        background-color: #005534 !important;
        color: #ffffff !important;
    }

        .note-modal .modal-footer .note-btn.btn-primary:hover {
            box-shadow: 0 0 19px #026c43;
        }

    .note-modal .modal-footer .note-btn.disabled {
        pointer-events: none;
        cursor: not-allowed;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

.note-modal.link-dialog .modal-body .note-form-group .note-form-label {
    width: 45%;
}

.note-modal.link-dialog .modal-body .note-form-group .note-form-control {
    width: 55%;
}

.note-modal.link-dialog .modal-body div.checkbox {
    margin-bottom: 20px;
}

    .note-modal.link-dialog .modal-body div.checkbox:last-child {
        margin-bottom: 0;
    }

.note-modal .modal-body .note-group-select-from-files .note-form-label {
    display: none;
}

.note-modal .modal-body .note-group-select-from-files .note-form-control {
    border: 1px dashed #0064eb;
    color: #ffffff;
    background-color: #ffffff;
    padding: 0 30px;
    border-radius: 3px;
    font-size: 16px;
    margin: auto;
    display: block;
    width: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    line-height: 70px;
}

.note-image-input {
    color: transparent;
    outline: none !important;
    background: red;
}

    .note-image-input::-webkit-file-upload-button {
        visibility: hidden;
    }

    .note-image-input::before {
        content: 'Click here to upload image';
        color: #333333;
        display: inline-block;
        border-radius: 3px;
        outline: none;
        white-space: nowrap;
        -webkit-user-select: none;
        cursor: pointer;
        text-align: center;
    }

    .note-image-input:hover::before {
        border-color: black;
    }

note-image-input:active {
    outline: 0;
}
/*.note-image-input:active::before {background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9)}*/
.note-editor .popover-content .note-btn-group {
    margin-left: 5px;
}

    .note-editor .popover-content .note-btn-group .note-btn {
        padding: 0;
    }

.sn-error-messages-block .input-error::before {
    left: initial;
    right: 3px;
}

.sn-error-messages-block .input-error::after {
    left: initial;
    right: 4px;
}

.note-editor.note-airframe .note-status-output, .note-editor.note-frame .note-status-output {
    display: none !important;
}

.note-editor.note-airframe .note-editing-area, .note-editor.note-frame .note-editing-area {
    font-size: 15px;
}

.rp-mobile-alert-preview-wrapper {
    width: 88%;
    margin-left: 6%;
    background: #ffffff;
    box-shadow: rgba(24, 39, 75, 0.12) 0px 6px 12px -6px, rgba(24, 39, 75, 0.08) 0px 8px 24px -4px;
    border-radius: 20px;
    border: 1px solid #ededed;
    padding: 5px 10px 5px 10px;
    position: relative;
    top: 100px;
}

    .rp-mobile-alert-preview-wrapper .notification-head {
        position: relative;
        font-size: 11px;
        color: #333333;
        margin-bottom: 5px;
        margin-left: 5px;
    }

        .rp-mobile-alert-preview-wrapper .notification-head .app-name {
            margin-left: 5px;
            font-size: 11px;
            color: #333333;
        }

.noth-icon { /*position:absolute;left: -10px;top:-4px;*/ /*background:#000000;*/
    color: #000000;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: inline-block;
}

    .noth-icon i {
        font-size: 15px !important;
        position: relative;
        top: 2px;
        left: 3px;
        color: #000000;
    }

    .noth-icon.nothi-android i {
        font-size: 15px !important;
        position: relative;
        top: 2px;
        left: 3px;
        color: #000000;
    }

    .noth-icon.nothi-ios {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        background: #000000;
        width: 35px;
        height: 35px;
        left: -7px;
        margin-top: -7px;
    }

        .noth-icon.nothi-ios i {
            color: #ffffff;
            font-size: 23px !important;
            left: 5px;
            top: 4px;
        }

.sms-time-empty {
    color: #333333;
}

    .sms-time-empty sup {
        font-size: 18px;
        position: relative;
        top: 2px;
        margin: 0 2px;
    }

.rp-push-preview-mobile {
    background: url(/images/mobile-preview-bg-1.png) no-repeat 0 0;
    width: 335px;
    min-height: 600px;
    margin: auto; /*display: flex;align-items: center;justify-content: center;*/
}

.rp-mobile-alert-preview-wrapper .rpmapw-editor-wrapper {
    font-size: 15px;
    word-wrap: break-word;
}

    .rp-mobile-alert-preview-wrapper .rpmapw-editor-wrapper .notification-desc, .rp-mobile-alert-preview-wrapper .rpmapw-ec-timer {
        font-size: 14px;
    }

.rp-mobile-alert-preview-wrapper .rp-mp-preview-content-holder { /*min-height:60px;max-height: 137px;overflow: hidden; overflow-y: auto;line-height: initial;*/
}
/*.rp-mobile-alert-preview-wrapper .rp-mp-preview-content-holder.rp-editor-buttons-enabled{max-height: 102px;}
.rp-mobile-alert-preview-wrapper img#imgPNImage{max-height: 80px;}*/
/*.rp-mobile-alert-preview-wrapper .rpmapw-ec-timer{float:right;text-align:right;width:33%;position:relative;}*/
/*.rp-mobile-alert-preview-wrapper .rpmapw-editor-wrapper .notification-desc p{margin:0;}*/
.rp-mobile-alert-preview-wrapper .rpmapw-editor-wrapper .notification-desc b {
    font-family: 'mukta-semibold';
    font-weight: 500;
}
/*.rp-mobile-alert-preview-wrapper .rpmapw-editor-wrapper .notification-desc br{display:none;}*/
.rp-mobile-alert-preview-wrapper .rpmapw-editor-image .post-preview {
    padding: 0 0 0 0 !important;
    border: 0;
    background: transparent;
}

.rp-push-preview-wrapper .rp-mobile-alert-preview-wrapper .rpmapw-editor-wrapper .notification-desc {
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis; /*white-space: pre-wrap;*/
    word-break: break-word;
}

.rp-push-preview-wrapper .rp-editor-image-enabled .rpmapw-editor-wrapper .notification-desc {
    -webkit-line-clamp: 2;
}

.rp-push-preview-wrapper.rpmapw-ios-preview .rpmapw-editor-wrapper .notification-desc {
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 85%;
    margin-left: 15%;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-break: break-word;
}

.rp-push-preview-wrapper.rpmapw-ios-preview .notification-block .ntsb-left {
    width: 51%;
    margin-left: 15%;
}

.rp-push-preview-wrapper.rpmapw-ios-preview .notification-block .notification-subtitle {
    width: 51% !important;
    margin-left: 15%;
}

.rp-push-preview-wrapper.rpmapw-ios-preview #rpMobileEditorTimer {
    position: relative;
    top: 16px;
}

.rp-push-preview-wrapper.rpmapw-ios-preview .rpmapw-editor-wrapper {
    position: relative;
}

.rp-mobile-alert-preview-wrapper .rpmapw-editor-image .post-preview #imgNotifyImageDel {
    display: none;
}

.rp-mobile-alert-preview-wrapper .rpmapw-editor-image .post-preview:hover #imgNotifyImageDel {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    background: white;
    padding: 3px 3px;
}

#remp-elements #imgContent .image-edit-icon, #MpSummernoteWrapper .note-editor .note-toolbar .note-btn.editer-timer .timer-edit-icon {
    position: absolute;
    color: #0540d3;
    font-size: 8px !important;
    bottom: -4px;
    right: -3px;
    background: white;
    border: 1px solid #0540d3;
    padding: 4px 4px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
}

.rp-mobile-alert-preview-wrapper .rpmapw-editor-image .post-preview figure {
    min-height: initial;
    line-height: initial;
    /*margin-bottom:10px;*/
    cursor: default;
}

.rp-mobile-alert-preview-wrapper .rpmapw-editor-image .post-preview:hover figure {
    background: #f6f6f6;
    outline: 1px dashed #e2e2e2;
}

.rp-mobile-alert-preview-wrapper .rpmapw-ec-timer:hover {
    background: #f6f6f6;
    outline: 1px dashed #e2e2e2;
}

.rp-mobile-alert-preview-wrapper .rpmapw-ec-timer .rp-editor-timer-remove {
    display: none;
    position: absolute;
    top: -19px;
    left: -3px;
    text-decoration: none;
}

.rp-mobile-alert-preview-wrapper .rpmapw-ec-timer:hover .rp-editor-timer-remove {
    display: block;
}
/*#remp-elements[rp-mobilepush-image-uploaded="yes"] .icon-preview-image-small{opacity:0.5}*/
#rpMobileEditorImage { /*margin-left:-20px;margin-right:-20px;*/
    margin-bottom: -10px;
}

#rpMobileEditorContent {
    padding: 0 5px 5px 10px;
}

#remp-elements ul.elements-list {
    display: flex;
}

    #remp-elements ul.elements-list li.rempe-item {
        display: flex;
        margin-left: 15px;
    }

        #remp-elements ul.elements-list li.rempe-item:first-child {
            margin-left: 0;
        }

        #remp-elements ul.elements-list li.rempe-item.rempei-image {
            margin-left: 10px !important;
        }

        #remp-elements ul.elements-list li.rempe-item.rempei-text-color {
            margin-left: 8px !important;
            width: 18px;
        }

        #remp-elements ul.elements-list li.rempe-item.rempei-bg-color {
            margin-left: 10px !important;
            width: 18px;
        }

        #remp-elements ul.elements-list li.rempe-item.rempei-text-color .colorPickerBlk [data-original-title="Font color"] span.k-picker-wrap.k-state-default .k-selected-color:before {
            width: 14px;
            height: 14px;
            font-size: 20px;
            margin-top: -18px;
            margin-left: 0;
        }

        #remp-elements ul.elements-list li.rempe-item.rempei-text-color .colorPickerBlk [data-original-title="Font color"] .k-colorpicker span.k-picker-wrap.k-state-default .k-selected-color, #remp-elements ul.elements-list li.rempe-item.rempei-bg-color .colorPickerBlk [data-original-title="Background color"] .k-colorpicker span.k-picker-wrap.k-state-default .k-selected-color {
            width: 14px !important;
            height: 3px !important;
        }

        #remp-elements ul.elements-list li.rempe-item #imgContent .dropdown > a > i.snei-image-upload {
            padding-left: 0;
        }

        #remp-elements ul.elements-list li.rempe-item.rempei-bg-color .colorPickerBlk [data-original-title="Background color"] span.k-picker-wrap.k-state-default .k-selected-color:before {
            background: url('../Images/icon-tool-bgcolor.png') no-repeat -1px -1px;
            margin-top: -16px;
        }

.rp-push-preview-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
}

.alertpushtextshow.rp-alert-rich-push-enabled .rp-push-preview-wrapper {
    top: -257px;
}

.alertpushtextshow.rp-inapp-messaging-enabled .rp-push-preview-wrapper {
    top: -155px;
}

.alertpushtextshow.rp-inapp-inbox-enabled .rp-push-preview-wrapper {
    top: -155px;
}

.rp-push-preview-wrapper .rpmapw-app-icons {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
    padding-right: 20px;
    margin-left: 20px;
    border-bottom: 1px solid #ededed;
    position: relative;
}

    .rp-push-preview-wrapper .rpmapw-app-icons a {
        background: #ededed;
        border: 1px solid #ededed;
        width: 40px;
        height: 40px;
        text-align: center;
        vertical-align: middle;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        top: 1px;
    }

        .rp-push-preview-wrapper .rpmapw-app-icons a i {
            color: #333333;
        }
        /*.rp-push-preview-wrapper .rpmapw-app-icons a:nth-child(2){border-top-left-radius: 5px;}
.rp-push-preview-wrapper .rpmapw-app-icons a:nth-child(3){border-top-right-radius: 5px;}*/
        .rp-push-preview-wrapper .rpmapw-app-icons a.active {
            background: #ffffff;
            border: 1px solid #ededed;
            border-bottom-color: transparent;
        }

            .rp-push-preview-wrapper .rpmapw-app-icons a.active i {
                color: var(--primary-color);
            }

    .rp-push-preview-wrapper .rpmapw-app-icons .preview-text {
        position: absolute;
        top: 15px;
        left: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        opacity: 0.6;
    }

/*.rp-push-preview-wrapper.rpmapw-android-preview img#imgPNImage{border-radius:10px;}*/
.rp-push-preview-wrapper.rpmapw-ios-preview #rpMobileEditorContent {
    margin: 0 0 0 0;
    padding-bottom: 0;
    position: relative;
}

.rp-push-preview-wrapper.rpmapw-ios-preview .notification-head .rp-notification-expand-collapse {
    display: none;
}

.rp-push-preview-wrapper.rpmapw-ios-preview #rpMobileEditorImage {
    margin-left: -20px;
    margin-right: -15px;
    margin-bottom: -5px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
}

.rp-push-preview-wrapper.rpmapw-ios-preview .notification-block .notification-head .app-name {
    display: none;
}

.rp-push-preview-wrapper.rpmapw-ios-preview .notification-block {
    position: relative;
}

    .rp-push-preview-wrapper.rpmapw-ios-preview .notification-block .notification-dismiss {
        width: 100%;
        margin: 25px 0 0 0;
        flex-direction: column;
        position: absolute;
        box-shadow: rgba(24, 39, 75, 0.12) 0px 6px 12px -6px, rgba(24, 39, 75, 0.08) 0px 8px 24px -4px;
        border-top-left-radius: 10px;
    }
        /*.rp-push-preview-wrapper.rpmapw-ios-preview .notification-block .notification-dismiss span:not([style*="display: none"]):first-child{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #ffffff;}
.rp-push-preview-wrapper.rpmapw-ios-preview .notification-block .notification-dismiss span:not([style*="display: none"]):last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}*/
        .rp-push-preview-wrapper.rpmapw-ios-preview .notification-block .notification-dismiss.rp-ebe-1 span {
            border-radius: 10px;
        }

        .rp-push-preview-wrapper.rpmapw-ios-preview .notification-block .notification-dismiss.rp-ebe-2 span:first-child {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border-bottom: 1px solid #f8f8f9;
        }

        .rp-push-preview-wrapper.rpmapw-ios-preview .notification-block .notification-dismiss.rp-ebe-2 span:last-child {
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }
/*.rp-push-preview-wrapper.rpmapw-ios-preview .notification-block .notification-title, .rp-push-preview-wrapper.rpmapw-ios-preview .notification-block .notification-subtitle{-webkit-line-clamp: initial;}*/

.note-editor .note-toolbar > .note-btn-group.note-previewButton {
    display: none !important;
    position: absolute;
    right: -1px;
    top: 0;
    margin: 0;
}

    .note-editor .note-toolbar > .note-btn-group.note-previewButton .editer-preview {
        height: 34px;
        background: #fefefe;
        border-left: 1px solid #ededed;
        border-right: 1px solid #b8b8b8;
        background: var(--primary-color);
        border-right-color: var(--primary-color);
    }

        .note-editor .note-toolbar > .note-btn-group.note-previewButton .editer-preview i {
            font-size: 23px !important;
            color: #ffffff;
        }

        .note-editor .note-toolbar > .note-btn-group.note-previewButton .editer-preview.ne-active {
            background: var(--primary-color);
            border-right-color: var(--primary-color);
        }

            .note-editor .note-toolbar > .note-btn-group.note-previewButton .editer-preview.ne-active i {
                color: #ffffff;
            }
/*.note-editor .note-toolbar>.note-btn-group .note-color-all{background:red;}*/
.note-editor .note-toolbar > .note-btn-group .note-color-all .dropdown-toggle {
    padding: 0;
    width: auto;
    margin: 0;
}

.note-editor .note-toolbar > .note-btn-group .note-color-all .note-current-color-button i {
    background-color: transparent !important;
    width: auto;
}

.note-editor .note-toolbar > .note-btn-group.note-color {
    margin-right: 0;
}

.note-editor .note-toolbar > .note-btn-group.note-couponButton { /*margin-left:-5px;*/
}

.note-editor .note-toolbar > .note-btn-group.note-timerButton {
    margin-left: 5px;
    margin-right: 0;
}

.rp-mobile-alert-preview-wrapper .notification-block {
    margin: 10px 0 0 0;
    padding: 0;
    border: 0;
}

    .rp-mobile-alert-preview-wrapper .notification-block .notification-title {
        font-family: 'mukta-semibold';
        font-weight: 500;
        margin-top: 3px;
        font-size: 13px;
        word-wrap: break-word;
    }

    .rp-mobile-alert-preview-wrapper .notification-block .notification-subtitle {
        margin-bottom: 2px;
        font-size: 11px;
    }

    .rp-mobile-alert-preview-wrapper .notification-block .notification-title, .rp-mobile-alert-preview-wrapper .notification-block .notification-subtitle {
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        width: 100%;
        text-overflow: ellipsis;
        white-space: pre-wrap;
        word-break: break-word;
    }

    .rp-mobile-alert-preview-wrapper .notification-block .notification-dismiss {
        display: flex;
        margin: 5px 5px 10px 10px;
    }

        .rp-mobile-alert-preview-wrapper .notification-block .notification-dismiss span {
            margin: 0;
            flex: 1;
            text-align: center;
            font-family: 'mukta-semibold';
            font-weight: 500;
            padding: 10px 5px;
        }
/*.rpmapw-android-preview .notification-block .notification-subtitle{display:none !important;}*/
/*.rpmapw-ios-preview .notification-block .notification-subtitle{display:block;}*/
#rsAuthTimerComponent, #rsAuthTimerStylesRemove {
    display: inline-block;
}

#rsAuthTimerComponent {
    display: inline-block;
    padding: 0px 5px;
    height: 30px;
    line-height: 32px;
    margin-top: -2px;
}
/*#rsAuthTimerComponentBox {display:inline-block;padding: 0px 5px;height: 30px;line-height: 32px;}*/
/*#rsAuthTimerComponentBox .rsatc-wrapper{font-size:18px;}*/
#rpTimerPropsContainer {
    margin-top: 3px;
}

#rsAuthTimerStylesRemove {
    cursor: pointer;
    position: relative;
    top: 3px;
}

.rp-mobile-alert-preview-wrapper #rsAuthTimerComponent {
    height: auto;
    line-height: initial;
}

    .rp-mobile-alert-preview-wrapper #rsAuthTimerComponent .rsatc-wrapper {
        font-size: 15px;
    }

.mpPersonalizeListBlock {
    max-width: 260px;
}

.note-editor.note-frame .note-statusbar {
    display: none;
}

#MpSummernoteWrapper {
    padding: 0 !important;
    width: 100% !important;
    margin-bottom: 20px;
}

.rp-mobile-alert-preview-wrapper .nts-top-block {
    display: block;
}

    .rp-mobile-alert-preview-wrapper .nts-top-block .ntsb-left {
        float: left;
        width: 56%;
        line-height: 18px;
    }

    .rp-mobile-alert-preview-wrapper .nts-top-block .ntsb-right {
        float: right;
        text-align: right;
        width: 33%;
        position: relative;
    }

.rp-mobile-alert-preview-wrapper .tooltip.top {
    min-width: 80px !important;
}

#rpMpPreviewWrapper {
    padding: 5px 0 0 0;
}
/*#rpMpPreviewWrapper p{margin:0;}*/
.note-editor .note-toolbar > .note-btn-group .editer-timer {
    margin-left: -5px;
    margin-right: 3px;
}

#timerModel .modal-dialog {
    width: 600px;
}

    #timerModel .modal-dialog .k-datetimepicker .k-select {
        margin-right: 0 !important;
        top: 5px;
    }

        #timerModel .modal-dialog .k-datetimepicker .k-select i {
            font-size: 18px !important;
        }

    #timerModel .modal-dialog .k-datetimepicker .k-i-calendar {
        margin-top: 0 !important;
    }

.custom-ml-tag {
    background-color: #e3e3e3;
    border: 1px solid #d7d7d7;
    margin: 0 5px 0 0 !important;
    width: 24px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    line-height: 23px;
    cursor: pointer;
}

    .custom-ml-tag.active {
        background-color: var(--primary-color);
        border: var(--primary-color);
        color: #ffffff;
    }

    .custom-ml-tag.tb {
        font-family: 'mukta-semibold';
        font-weight: 500;
    }

    .custom-ml-tag.ti {
        font-style: italic;
    }

    .custom-ml-tag.tu {
        text-decoration: underline;
    }

    .custom-ml-tag.ts {
        text-decoration: line-through;
    }

.rp-mobile-alert-preview-wrapper .notification-head .rp-notification-expand-collapse {
    cursor: pointer;
    position: absolute;
    top: -5px;
    width: 20px;
    height: 20px;
    right: 0;
    background-color: #efefef;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .rp-mobile-alert-preview-wrapper .notification-head .rp-notification-expand-collapse i {
        position: relative;
        top: -2px;
        opacity: 0.6;
        border-width: 0 1px 1px 0;
        padding: 3px;
        left: 0px;
    }

        .rp-mobile-alert-preview-wrapper .notification-head .rp-notification-expand-collapse i.up {
            top: 1px;
        }

#divPushHashtag a.inline-top.helppopup {
    margin-top: 30px;
}

.rp-mobile-alert-preview-wrapper .notification-head .android-title-collapsed {
    display: inline-block;
    margin-left: 15px;
    font-family: 'mukta-semibold';
    font-weight: 500;
    font-size: 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    max-width: 38%;
    word-break: break-word;
}

.rp-mobile-alert-preview-wrapper .notification-head.android-notification-head .sms-time-empty sup {
    display: inline;
}

.rp-mobile-alert-preview-wrapper .notification-head.ios-notification-head .sms-time-empty {
    position: absolute;
    right: 4px;
    z-index: 1;
}

    .rp-mobile-alert-preview-wrapper .notification-head.ios-notification-head .sms-time-empty sup {
        display: none;
    }

.rp-mobile-alert-preview-wrapper .nts-top-block .ntsb-left {
    width: 66%;
}

.rp-mobile-alert-preview-wrapper .notification-subtitle {
    width: 66% !important;
}

/*.rp-mobile-alert-preview-wrapper.rp-andorid-preview-collapsed-view .notification-head{display:flex;align-items: center;}*/
.rp-mobile-alert-preview-wrapper.rp-andorid-preview-collapsed-view .notification-head .app-name {
    max-width: 35%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rp-mobile-alert-preview-wrapper.rp-andorid-preview-collapsed-view .notification-head .sms-time-empty {
    width: 13%;
}

.rp-mobile-alert-preview-wrapper.rp-andorid-preview-collapsed-view #rpMobileEditorContent {
    padding-top: 0;
}

.rp-mobile-alert-preview-wrapper.rp-andorid-preview-collapsed-view .notification-desc {
    -webkit-line-clamp: 1 !important;
}
/*.rp-mobile-alert-preview-wrapper.rp-andorid-preview-collapsed-view .noth-icon{top:6px;}*/
/*.rp-mobile-alert-preview-wrapper.rp-andorid-preview-collapsed-view .notification-head .rp-notification-expand-collapse{top:7px;}*/

/* CSS arrows */
.rp-arrow {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
}

    .rp-arrow.right {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .rp-arrow.left {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }

    .rp-arrow.up {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }

    .rp-arrow.down {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

.k-animation-container #timerPickerInput_dateview, .k-animation-container #timerPickerInput_dateview .k-content, .k-animation-container #timerPickerInput_dateview .k-calendar {
    width: 279px !important;
    max-width: 279px !important;
    border-radius: 0 !important;
}

    .k-animation-container #timerPickerInput_dateview .k-calendar {
        border-right: 1px solid #0066cc;
    }

.highcharts-credits {
    display: none !important;
}

#createNewFooter #newTemplateHolder .temp-txtEditor .edit-outline .editable {
    overflow: hidden;
}

    #createNewFooter #newTemplateHolder .temp-txtEditor .edit-outline .editable br {
        display: none !important;
    }

.emailFooter #defaultTemplate7 .k-editor-inline, .emailContent #defaultTemplate7 .k-editor-inline, #defaultTemplate7 .k-editor-inline {
    background-color: transparent !important;
}

#timerModel #rpPushTimerError .alert .rppte-info {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: initial;
}

#timerModel #rpPushTimerError .alert .icon {
    padding-top: 13px;
}

/*.note-editor.note-frame .note-editing-area .note-editable{white-space: pre-wrap;}*/
/*.note-editor .note-editing-area .note-editable p > br, .rp-mobile-alert-preview-wrapper .rpmapw-editor-wrapper p br{display:none !important;}*/
#social-linkedin .rp-linkedin-text-editor-wrapper .imgupload .tooltip .tooltip-inner {
    min-width: 85px;
}

/* temp */
#whatsapp_Clients_Segment .highcharts-legend {
    margin-top: -19px;
}

    #whatsapp_Clients_Segment .highcharts-legend > g {
        transform: translateY(-19px);
    }

#whatsapp_Clients_Segment rect.highcharts-point {
    y: -12 !important;
}
/* dashboard open */
/* tue */
#CustomersPropContainer .highcharts-root g.highcharts-series-group g.highcharts-series path.highcharts-point:nth-child(1) {
    d: path('M 369 162.75 A 65 65 0 1 1 368.99 162.68 Z') !important;
    transform: translate(-40px, -30px) !important;
}
/* sat */
#CustomersPropContainer .highcharts-root g.highcharts-series-group g.highcharts-series path.highcharts-point:nth-child(2) {
    d: path('M 524 162.75 A 58 58 0 1 1 523.99 162.69 Z') !important;
    transform: translate(-80px, 0px) !important;
}
/* wed */
#CustomersPropContainer .highcharts-root g.highcharts-series-group g.highcharts-series path.highcharts-point:nth-child(3) {
    d: path('M 421 162.75 A 54 54 0 1 1 420.99 162.69 Z') !important;
    transform: translate(-70px, 80px) !important;
}
/* mon */
#CustomersPropContainer .highcharts-root g.highcharts-series-group g.highcharts-series path.highcharts-point:nth-child(4) {
    d: path('M 200.5 224.75 A 51.5 51.5 0 1 1 200.49 224.69 Z') !important;
    transform: translate(40px, 0px) !important;
}
/* thu */
#CustomersPropContainer .highcharts-root g.highcharts-series-group g.highcharts-series path.highcharts-point:nth-child(5) {
    d: path('M 106.5 139.5 A 51.5 51.5 0 1 1 106.49 139.44 Z') !important;
    transform: translate(70px, 5px) !important;
}
/* fri */
#CustomersPropContainer .highcharts-root g.highcharts-series-group g.highcharts-series path.highcharts-point:nth-child(6) {
    d: path('M 231.5 85.25 A 51.5 51.5 0 1 1 231.49 85.19 Z') !important;
    transform: translate(0px, -30px) !important;
}
/* sun */
#CustomersPropContainer .highcharts-root g.highcharts-series-group g.highcharts-series path.highcharts-point:nth-child(7) {
    d: path('M 412 85.25 A 54 54 0 1 1 411.99 85.20 Z') !important;
    transform: translate(-5px, -30px) !important;
}

#CustomersPropContainer .highcharts-data-labels .highcharts-label.highcharts-data-label {
    position: absolute;
}

    #CustomersPropContainer .highcharts-data-labels .highcharts-label.highcharts-data-label .bdlName,
    #CustomersPropContainer .highcharts-data-labels .highcharts-label.highcharts-data-label .bdlPercentage,
    #CustomersPropContainer .highcharts-data-labels .highcharts-label.highcharts-data-label .bdlPercentage small {
        /* color: blue; */
    }
    /* tue */
    #CustomersPropContainer .highcharts-data-labels .highcharts-label.highcharts-data-label:nth-child(1) {
        left: 281px !important;
        top: 134px !important;
        transform: translate(-55px, -20px) !important;
    }
    /* sat */
    #CustomersPropContainer .highcharts-data-labels .highcharts-label.highcharts-data-label:nth-child(2) {
        left: 437px !important;
        top: 144px !important;
        transform: translate(-80px, 0px) !important;
    }
    /* wed */
    #CustomersPropContainer .highcharts-data-labels .highcharts-label.highcharts-data-label:nth-child(3) {
        left: 345px !important;
        top: 142px !important;
        transform: translate(-85px, 80px) !important;
    }
    /* mon */
    #CustomersPropContainer .highcharts-data-labels .highcharts-label.highcharts-data-label:nth-child(4) {
        left: 121px !important;
        top: 203px !important;
        transform: translate(40px, 0px) !important;
    }
    /* thu */
    #CustomersPropContainer .highcharts-data-labels .highcharts-label.highcharts-data-label:nth-child(5) {
        left: 27px !important;
        top: 118px !important;
        transform: translate(65px, 10px) !important;
    }
    /* fri */
    #CustomersPropContainer .highcharts-data-labels .highcharts-label.highcharts-data-label:nth-child(6) {
        left: 142px !important;
        top: 64px !important;
        transform: translate(10px, -30px) !important;
    }
    /* sun */
    #CustomersPropContainer .highcharts-data-labels .highcharts-label.highcharts-data-label:nth-child(7) {
        left: 329px !important;
        top: 68px !important;
        transform: translate(0px, -30px) !important;
    }
/* dashboard close */

/* report open */
/* fri */
.bubble-chart-container .highcharts-root g.highcharts-series-group g.highcharts-markers path:nth-child(1) {
    d: path('M 369 162.75 A 65 65 0 1 1 368.99 162.68 Z') !important;
    transform: translate(-40px, -30px) !important;
}
/* sat */
.bubble-chart-container .highcharts-root g.highcharts-series-group g.highcharts-markers path:nth-child(2) {
    d: path('M 524 162.75 A 58 58 0 1 1 523.99 162.69 Z') !important;
    transform: translate(-80px, 0px) !important;
}
/* sun */
.bubble-chart-container .highcharts-root g.highcharts-series-group g.highcharts-markers path:nth-child(3) {
    d: path('M 421 162.75 A 54 54 0 1 1 420.99 162.69 Z') !important;
    transform: translate(-70px, 80px) !important;
}
/* mon */
.bubble-chart-container .highcharts-root g.highcharts-series-group g.highcharts-markers path:nth-child(4) {
    d: path('M 200.5 224.75 A 51.5 51.5 0 1 1 200.49 224.69 Z') !important;
    transform: translate(40px, 0px) !important;
}
/* tue */
.bubble-chart-container .highcharts-root g.highcharts-series-group g.highcharts-markers path:nth-child(5) {
    d: path('M 106.5 139.5 A 51.5 51.5 0 1 1 106.49 139.44 Z') !important;
    transform: translate(70px, 5px) !important;
}
/* wed */
.bubble-chart-container .highcharts-root g.highcharts-series-group g.highcharts-markers path:nth-child(6) {
    d: path('M 231.5 85.25 A 51.5 51.5 0 1 1 231.49 85.19 Z') !important;
    transform: translate(0px, -30px) !important;
}
/* thu */
.bubble-chart-container .highcharts-root g.highcharts-series-group g.highcharts-markers path:nth-child(7) {
    d: path('M 412 85.25 A 54 54 0 1 1 411.99 85.20 Z') !important;
    transform: translate(-5px, -30px) !important;
}

.bubble-chart-container .highcharts-data-labels .highcharts-label.highcharts-data-label {
    position: absolute;
}

    .bubble-chart-container .highcharts-data-labels .highcharts-label.highcharts-data-label .bdlName,
    .bubble-chart-container .highcharts-data-labels .highcharts-label.highcharts-data-label .bdlPercentage,
    .bubble-chart-container .highcharts-data-labels .highcharts-label.highcharts-data-label .bdlPercentage small {
        /* color: blue; */
    }
    /* fri */
    .bubble-chart-container .highcharts-data-labels .highcharts-label.highcharts-data-label:nth-child(1) {
        left: 281px !important;
        top: 134px !important;
        transform: translate(-40px, -20px) !important;
    }
    /* sat */
    .bubble-chart-container .highcharts-data-labels .highcharts-label.highcharts-data-label:nth-child(2) {
        left: 437px !important;
        top: 144px !important;
        transform: translate(-80px, 0px) !important;
    }
    /* sun */
    .bubble-chart-container .highcharts-data-labels .highcharts-label.highcharts-data-label:nth-child(3) {
        left: 345px !important;
        top: 142px !important;
        transform: translate(-70px, 80px) !important;
    }
    /* mon */
    .bubble-chart-container .highcharts-data-labels .highcharts-label.highcharts-data-label:nth-child(4) {
        left: 121px !important;
        top: 203px !important;
        transform: translate(40px, 0px) !important;
    }
    /* tue */
    .bubble-chart-container .highcharts-data-labels .highcharts-label.highcharts-data-label:nth-child(5) {
        left: 27px !important;
        top: 118px !important;
        transform: translate(70px, 5px) !important;
    }
    /* wed */
    .bubble-chart-container .highcharts-data-labels .highcharts-label.highcharts-data-label:nth-child(6) {
        left: 142px !important;
        top: 64px !important;
        transform: translate(0px, -30px) !important;
    }
    /* thu */
    .bubble-chart-container .highcharts-data-labels .highcharts-label.highcharts-data-label:nth-child(7) {
        left: 329px !important;
        top: 68px !important;
        transform: translate(-5px, -30px) !important;
    }
/* report close */

#resmodal-createCustomImageURL .modal-body .input-error, #resmodal-createWebCustomImageURL .modal-body .input-error, #resmodal-createWACustomImageURL .modal-body .input-error, #resmodal-createRCSCustomImageURL .modal-body .input-error, #resmodal-createInstagramCustomImageURL .modal-body .input-error {
    margin-left: 15px !important;
}

#content-preview #EmailLiveTestpreviewFooter {
   /* display: none !important;*/
}

#social-editor-tools .text-editor-tools > li {
    min-width: 33px;
    min-height: 33px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.previewdropdown a:hover {
    text-decoration: none;
}

p#pPostMessage, p#pPostMessageTw, p#PostMessageLnin {
    white-space: pre-line;
}

/* API Connectors start */
.info-icon {
    color: #0f0e0e;
    font-size: 22px;
    margin-left: -912px;
    cursor: pointer !important;
}
/* API Connectors end */

.char-length-info {
    position: absolute;
    right: 14px;
    margin-top: 2px;
}

.social-content-preview-wrapper {
    width: 100%;
    clear: both;
}

    .social-content-preview-wrapper .info-thumb {
        width: 60px;
        float: left;
    }

    .social-content-preview-wrapper .info-content {
        width: calc(100% - 85px);
        float: left;
    }

.rs-list-inline {
    display: flex;
    align-items: center;
}

    .rs-list-inline.rli-space-5 li {
        margin-left: 5px;
    }

    .rs-list-inline.rli-space-10 li {
        margin-left: 10px;
    }

    .rs-list-inline.rli-space-15 li {
        margin-left: 15px;
    }

    .rs-list-inline.rli-space-20 li {
        margin-left: 20px;
    }

    .rs-list-inline li:first-child {
        margin-left: 0;
    }

    .rs-list-inline li input {
        height: 25px !important;
    }

    .rs-list-inline .rsli-label {
        position: relative;
        top: 5px;
    }

    .rs-list-inline .k-timepicker .k-select {
        margin-right: 2px !important;
        margin-top: 2px;
    }


.ac-setup.profilecontactinfo span#errmsgPersonFilesize {
    width: 154px;
    left: 16px;
    bottom: -28px;
    top: inherit;
}
.ac-setup.profilecontactinfo span#errmsgPersonFilesize:before {
    top: -8px;
    bottom: initial;
    border-width: 0px 8px 8px;
}
.ac-setup.profilecontactinfo span#errmsgPersonFilesize:after {
    border-width: 0px 8px 7px;
    bottom: initial;
    top: -6px;
}

.loading.loader-inner-sm {
  position: absolute !important;
}
.loading.loader-inner-sm .loading-content {
  width: 24px;
  height: 24px;
  margin: 0;
  background-size: cover;
  transform: translate(-50%, -50%);
  left: 46%;
  top: 46%;
}

.mand-field i.redstar-medium {
    color: #fe5758 !important
}
#DivapproveMailID .input-error {
    left: 0px;
}
#monthly li .k-picker-wrap .k-select span.k-icon.k-i-clock { display: none; }
#monthly .k-picker-wrap .k-select { cursor: pointer; }
#monthly .month-time-icon { position: relative; right: 73px; top: -7px; }

#rmmp-preview > .sms-prev-box.mobile-sms-box > .message-box {overflow-y: scroll;}
.rcs-interactive-popup .modal-dialog .modal-body .input-error {left:15px;}
#RCSPushInteractivebuttonPanal #interactiveButtonList .SelectedButtonText{white-space:nowrap;text-overflow:ellipsis; overflow:hidden; display:block;}
#divmainhideftremp #reqterms .checkboxlist{width:400px;}
.sms-prev-box.rcsPreview input.btn{cursor:default;}
.rcsLivePreview .conversation-container{position:relative;z-index:1;}
.rcsLivePreview .conversation-container .icon-delete-small{position:absolute;top:4px;right:4px;cursor:pointer;z-index:1;}
.rcsContentFormat{display:block;clear:both;}
.rcsContentFormat .btn.rcsPrevInteractiveButton{max-width:100%;text-overflow:ellipsis;margin-left:0;margin-bottom:5px;}
.rpNewTheme .blueExt {color: #69bec1 !important;}