/* Minification failed. Returning unminified contents.
(18,1): run-time error CSS1019: Unexpected token, found '@import'
(18,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap')'
(2568,12): run-time error CSS1030: Expected identifier, found ' '
(2568,17): run-time error CSS1031: Expected selector, found ';'
(2568,17): run-time error CSS1025: Expected comma or open brace, found ';'
(2569,1): run-time error CSS1019: Unexpected token, found '}'
(2571,2): run-time error CSS1031: Expected selector, found '/'
(2571,2): run-time error CSS1025: Expected comma or open brace, found '/'
(2626,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2627,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2640,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8277,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8292,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12816,32): run-time error CSS1034: Expected closing parenthesis, found ','
(12816,32): run-time error CSS1042: Expected function, found ','
(12816,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(12820,33): run-time error CSS1034: Expected closing parenthesis, found ','
(12820,33): run-time error CSS1042: Expected function, found ','
(12820,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(18149,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(18150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18165,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(18166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18181,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18212,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(18213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18228,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(18229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18244,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18272,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(18273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18288,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(18289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18304,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18332,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(18333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18348,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(18349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18364,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18392,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(18393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18408,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(18409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18424,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18576,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(18577,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18586,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18587,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18808,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(18809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18841,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18842,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20588,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(20589,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20606,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20607,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24796,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24824,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24858,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24868,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24878,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24890,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(24892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24903,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24904,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24923,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24924,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24935,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(24936,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24947,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24967,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24984,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(24985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25000,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25028,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25040,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(25041,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25052,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25053,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25072,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25089,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(25090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25105,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25133,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25145,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(25146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25157,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25177,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25194,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(25195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25210,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25238,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25250,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(25251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25262,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25282,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25299,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(25300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25315,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */

/*Importing fonts*/

@font-face {
    font-family: 'Noto Sans';
    src: url('fonts/noto-sans/NotoSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Noto Sans Semi Bold';
    src: url('fonts/noto-sans/NotoSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap');

body {
    background-color: #D4D8DB;
    color: black;
}

/*SCROLLS*/
/* width */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    border-radius: 8px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    box-shadow: inset 0 0 10px 10px grey;
    border: solid 2px transparent;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: inherit;
}

a {
    color: #369f8f;
}

.w-25 {
    max-width: 25%;
}

.w-50 {
    max-width: 50%;
}

.w-75 {
    max-width: 75%;
}

.w-100 {
    max-width: 100%;
}

.w-fit-content {
    width: fit-content;
    max-width: fit-content;
}

.h-fit-content {
    height: fit-content;
    max-height: fit-content;
}

.fit-content {
    width: fit-content;
    max-width: fit-content;
    height: fit-content;
    max-height: fit-content;
}

.h1 {
    font-size: 23px !important;
}

.h2 {
    font-size: 20px !important;
}

.h3 {
    font-size: 18px !important;
}

.h4 {
    font-size: 15px !important;
}

.h5 {
    font-size: 12px !important;
}

.h6 {
    font-size: 11px !important;
}

.small-text {
    font-size: 10px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-1 {
    margin-top: 8px !important;
}

.mt-2 {
    margin-top: 12px !important;
}

.mt-3 {
    margin-top: 16px !important;
}

.mt-4 {
    margin-top: 20px !important;
}

.mt-5 {
    margin-top: 30px !important;
}

.me-0 {
    margin-right: 0px !important;
}

.me-1 {
    margin-right: 8px !important;
}

.me-2 {
    margin-right: 12px !important;
}

.me-3 {
    margin-right: 16px !important;
}

.me-4 {
    margin-right: 20px !important;
}

.me-5 {
    margin-right: 30px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-1 {
    margin-bottom: 8px !important;
}

.mb-2 {
    margin-bottom: 12px !important;
}

.mb-3 {
    margin-bottom: 16px !important;
}

.mb-4 {
    margin-bottom: 20px !important;
}

.mb-5 {
    margin-bottom: 30px !important;
}

.ms-0 {
    margin-left: 0px !important;
}

.ms-1 {
    margin-left: 8px !important;
}

.ms-2 {
    margin-left: 12px !important;
}

.ms-3 {
    margin-left: 16px !important;
}

.ms-4 {
    margin-left: 20px !important;
}

.ms-5 {
    margin-left: 30px !important;
}

.my-0 {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.my-1 {
    margin-bottom: 8px !important;
    margin-top: 8px !important;
}

.my-2 {
    margin-bottom: 12px !important;
    margin-top: 12px !important;
}

.my-3 {
    margin-bottom: 16px !important;
    margin-top: 16px !important;
}

.my-4 {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}

.my-5 {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
}

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

.mx-1 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.mx-2 {
    margin-left: 12px !important;
    margin-right: 12px !important;
}

.mx-3 {
    margin-left: 16px !important;
    margin-right: 16px !important;
}

.mx-4 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.mx-5 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pt-1 {
    padding-top: 8px !important;
}

.pt-2 {
    padding-top: 12px !important;
}

.pt-3 {
    padding-top: 16px !important;
}

.pt-4 {
    padding-top: 20px !important;
}

.pt-5 {
    padding-top: 30px !important;
}

.pe-0 {
    padding-right: 0px !important;
}

.pe-1 {
    padding-right: 8px !important;
}

.pe-2 {
    padding-right: 12px !important;
}

.pe-3 {
    padding-right: 16px !important;
}

.pe-4 {
    padding-right: 20px !important;
}

.pe-5 {
    padding-right: 30px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-1 {
    padding-bottom: 8px !important;
}

.pb-2 {
    padding-bottom: 12px !important;
}

.pb-3 {
    padding-bottom: 16px !important;
}

.pb-4 {
    padding-bottom: 20px !important;
}

.pb-5 {
    padding-bottom: 30px !important;
}

.ps-0 {
    padding-left: 0px !important;
}

.ps-1 {
    padding-left: 8px !important;
}

.ps-2 {
    padding-left: 12px !important;
}

.ps-3 {
    padding-left: 16px !important;
}

.ps-4 {
    padding-left: 20px !important;
}

.ps-5 {
    padding-left: 30px !important;
}

.py-0 {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.py-1 {
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}

.py-2 {
    padding-bottom: 12px !important;
    padding-top: 12px !important;
}

.py-3 {
    padding-bottom: 16px !important;
    padding-top: 16px !important;
}

.py-4 {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}

.py-5 {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
}

.px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.px-1 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.px-2 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.px-3 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.px-4 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.px-5 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.px-6 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.m-0 {
    margin: 0px !important;
}

.p-0 {
    padding: 0px !important;
}

.p-1 {
    padding: 8px !important;
}

.p-2 {
    padding: 12px !important;
}

.p-3 {
    padding: 16px !important;
}

.p-4 {
    padding: 20px !important;
}

.p-5 {
    padding: 30px !important;
}

.bg-white {
    background-color: white !important;
}

.bg-black {
    background-color: black !important;
}

.bg-success {
    background-color: #369f8f !important;
}

.bg-info {
    background-color: #3E66FB !important;
}

.bg-attention {
    background-color: #DC1D1D !important;
}

.bg-grey {
    background-color: rgba(0, 0, 0, 0.25) !important;
}

.bg-light-grey {
    background-color: rgba(0, 0, 0, 0.07) !important;
}

.text-upper {
    text-transform: uppercase;
    letter-spacing: 0.15em;
}

.text-normal {
    text-transform: none !important;
    letter-spacing: normal !important;
}

.text-white {
    color: white !important;
}

.text-black {
    color: black !important;
}

.text-dark-grey {
    color: rgba(0, 0, 0, 0.75) !important;
}

.text-grey {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-light-grey {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-lighter {
    color: rgba(0, 0, 0, 0.25) !important;
}

.text-danger {
    color: #DC1D1D !important;
}

.text-info {
    color: #3E66FB !important;
}

.text-success {
    color: #369f8f !important;
}

.text-mint-green {
    color: #369f8f !important;
}

.text-attention {
    color: #dc1d1d !important;
}

.text-normal {
    font-weight: 400 !important;
}

.text-bold {
    font-weight: 700 !important;
}

.text-semi-bold {
    font-weight: 600 !important;
}

.text-noto {
    font-family: 'Noto Sans'
}

.text-suspense {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.border-none {
    border: none !important;
}

.border-t-none {
    border-top: none !important;
}

.border-e-none {
    border-left: none !important;
}

.border-b-none {
    border-bottom: none !important;
}

.border-s-none {
    border-right: none !important;
}

.rounded-0 {
    border-radius: 0px;
}

.rounded-1 {
    border-radius: 8px;
}

.rounded-2 {
    border-radius: 12px;
}

.rounded-3 {
    border-radius: 16px;
}

.rounded-4 {
    border-radius: 20px;
}

.rounded-5 {
    border-radius: 40px;
}

.rounded-50 {
    border-radius: 50%;
}

.rounded-s-0 {
    border-radius: 0px 0px 0px 0px !important;
}

.rounded-s-1 {
    border-radius: 8px 0px 0px 8px !important;
}

.rounded-s-2 {
    border-radius: 12px 0px 0px 12px !important;
}

.rounded-s-3 {
    border-radius: 16px 0px 0px 16px !important;
}

.rounded-s-4 {
    border-radius: 20px 0px 0px 20px !important;
}

.rounded-s-5 {
    border-radius: 40px 0px 0px 40px !important;
}

.rounded-e-0 {
    border-radius: 0px 0px 0px 0px !important;
}

.rounded-e-1 {
    border-radius: 0px 8px 8px 0px !important;
}

.rounded-e-2 {
    border-radius: 0px 16px 16px 0px !important;
}

.rounded-e-3 {
    border-radius: 0px 0px 0px 0px !important;
}

.rounded-e-4 {
    border-radius: 0px 20px 20px 0px !important;
}

.rounded-e-5 {
    border-radius: 0px 40px 40px 0px !important;
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.cursor-pointer {
    cursor: pointer;
}

.cleaner {
    clear: both;
}

.cleaner-right {
    clear: right;
}

.cleaner-left {
    clear: left;
}

textarea {
    resize: none !important;
    border: solid 1px #eaeaea;
}

input + label[for] {
    cursor: pointer;
}

.input-height-xl {
    height: 48px;
}

.heart-radio-button input[type="radio"] {
    display: none;
}

    .heart-radio-button input[type="radio"]:checked ~ label:before {
        content: '\e87d';
        color: #00a942;
    }

.heart-radio-button label:before {
    font-family: "Material Icons Outlined";
    content: '\e87e';
    color: rgba(0, 0, 0, 0.25);
    transition: .25s;
}

.heart-radio-button label:hover:before {
    content: '\e87d';
}

.email-checkbox-button input[type="checkbox"] {
    display: none;
}

    .email-checkbox-button input[type="checkbox"]:checked ~ label:before {
        font-family: 'Material Icons Round';
        content: '\e0be';
        color: white;
        font-size: 12px;
    }

    .email-checkbox-button input[type="checkbox"]:checked ~ label {
        background-color: #00a942;
    }

.email-checkbox-button label {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .25s;
}

    .email-checkbox-button label:before {
        font-family: "Material Icons Outlined";
        content: '\e0be';
        color: rgba(0, 0, 0, 0.25);
        transition: .25s;
    }

.email-checkbox-button input[type="checkbox"]:not(:checked) ~ label:hover:before {
    font-family: 'Material Icons Round';
    content: '\e0be';
}

:not(td) .st-icon-checkbox-normal,
:not(td) .st-icon-checkbox-selected {
    font-size: 18px;
}

th .st-icon-checkbox-normal,
th .st-icon-checkbox-selected {
    margin-top: -4px !important;
}

input[type="radio"] {
    height: 16px;
    width: 16px;
    accent-color: black;
    transition: 0.25s;
    cursor: pointer;
    margin-top: 0px;
}

    input[type="radio"]:after {
        content: "";
        height: 16px;
        width: 16px;
        display: block;
        border-radius: 50%;
        border: 1px solid black;
        transition: 0.25s;
    }

    input[type="radio"]:checked {
        accent-color: #00a942;
    }

    input[type="radio"].dark:checked {
        accent-color: black;
    }

        input[type="radio"].dark:checked:after {
            border: 1px solid black;
        }

    input[type="radio"]:checked:after {
        border: 1px solid #00a942;
    }

.btn {
    font-size: 14px;
    line-height: 24px;
    padding: 0px 16px;
    line-height: 32px;
    border-radius: 8px;
}

    .btn.tall {
        height: 40px;
    }

    .btn.btn-primary {
        font-weight: 700;
        color: white;
    }

    .btn.btn-dark-grey {
        background: rgba(255, 255, 255, 0.25);
        color: white;
        border: none;
    }

ul li {
    list-style: none;
}

img {
    max-width: 100%;
}

.bold {
    font-family: 'OpensansBold';
}

a.back {
    font-size: 24px;
    color: #000;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

    .position-absolute.left-0 {
        left: 0;
    }

    .position-absolute.left-25 {
        left: 25%;
    }

    .position-absolute.left-50 {
        left: 50%;
    }

    .position-absolute.left-75 {
        left: 75%;
    }

    .position-absolute.left-100 {
        left: 100%;
    }

    .position-absolute.right-100 {
        left: 100%;
    }

    .position-absolute.centered {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

.p-top-end {
    top: 0px;
    right: 0px;
}

.p-bottom-end {
    bottom: 0px;
    right: 0px;
}

.p-top-start {
    top: 0px;
    left: 0px;
}

.p-bottom-start {
    bottom: 0px;
    right: 0px;
}

.display-columns-2 {
}

.display-inline {
    display: inline-block;
    vertical-align: middle;
}

.display-flex {
    display: flex;
}

    .display-flex.tide-content {
        min-width: 0;
    }

.display-block {
    display: block;
}


.display-inline-block {
    display: inline-block;
}

.display-inline-flex {
    display: inline-flex !important;
}

.display-unset {
    display: unset !important;
}

.flex-self-align-end {
    align-self: end !important;
}

.flex-self-align-start {
    align-self: start !important;
}

.flex-self-align-center {
    align-self: center !important;
}


.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.flex-grow-1 {
    flex-grow: 1;
}

.flex-grow-2 {
    flex-grow: 2;
}

.flex-grow-3 {
    flex-grow: 3;
}

.flex-grow-4 {
    flex-grow: 4;
}

.flex-grow-5 {
    flex-grow: 5;
}

.flex-fill {
    flex: 1 1 auto !important
}

.gap-tiny {
    gap: 4px !important;
}

.gap-0 {
    gap: 0px !important;
}

.gap-1 {
    gap: 8px !important;
}

.gap-2 {
    gap: 12px !important;
}

.gap-3 {
    gap: 16px !important;
}

.gap-4 {
    gap: 20px !important;
}

.gap-5 {
    gap: 24px !important;
}

.gap-x-0 {
    column-gap: 0px !important;
}

.gap-x-1 {
    column-gap: 8px !important;
}

.gap-x-2 {
    column-gap: 12px !important;
}

.gap-x-3 {
    column-gap: 16px !important;
}

.gap-x-4 {
    column-gap: 20px !important;
}

.gap-x-5 {
    column-gap: 24px !important;
}


.gap-y-0 {
    row-gap: 0px !important;
}

.gap-y-1 {
    row-gap: 8px !important;
}

.gap-y-2 {
    row-gap: 12px !important;
}

.gap-y-3 {
    row-gap: 16px !important;
}

.gap-y-4 {
    row-gap: 20px !important;
}

.gap-y-5 {
    row-gap: 24px !important;
}

/*Width for boxes working with gap*/
.display-grid {
    display: grid;
}

.cols-12-gap-1 {
    grid-template-columns: repeat(1, minmax(100%, 1fr));
    gap: 8px;
}

.cols-12-gap-2 {
    grid-template-columns: repeat(1, minmax(100%, 1fr));
    gap: 12px;
}

.cols-12-gap-3 {
    grid-template-columns: repeat(1, minmax(100%, 1fr));
    gap: 16px;
}

.cols-12-gap-4 {
    grid-template-columns: repeat(1, minmax(100%, 1fr));
    gap: 20px;
}

.cols-12-gap-5 {
    grid-template-columns: repeat(1, minmax(100%, 1fr));
    gap: 24px;
}

.cols-6-gap-1 {
    grid-template-columns: repeat(2, minmax(calc(50% - 4px), 1fr));
    gap: 8px;
}

.cols-6-gap-2 {
    grid-template-columns: repeat(2, minmax(calc(50% - 6px), 1fr));
    gap: 12px;
}

.cols-6-gap-3 {
    grid-template-columns: repeat(2, minmax(calc(50% - 8px), 1fr));
    gap: 16px;
}

.cols-6-gap-4 {
    grid-template-columns: repeat(2, minmax(calc(50% - 10px), 1fr));
    gap: 20px;
}

.cols-6-gap-5 {
    grid-template-columns: repeat(2, minmax(calc(50% - 12px), 1fr));
    gap: 24px;
}

.cols-4-gap-1 {
    grid-template-columns: repeat(3, minmax(calc(33.33% - 5.33px), 1fr));
    gap: 8px;
}

.cols-4-gap-2 {
    grid-template-columns: repeat(3, minmax(calc(33.33% - 8px), 1fr));
    gap: 12px;
}

.cols-4-gap-3 {
    grid-template-columns: repeat(3, minmax(calc(33.33% - 10.33px), 1fr));
    gap: 16px;
}

.cols-4-gap-4 {
    grid-template-columns: repeat(3, minmax(calc(33.33% - 13.33px), 1fr));
    gap: 20px;
}

.cols-4-gap-5 {
    grid-template-columns: repeat(3, minmax(calc(33.33% - 16px), 1fr));
    gap: 24px;
}

.cols-3-gap-1 {
    grid-template-columns: repeat(4, minmax(calc(25% - 6px), 1fr));
    gap: 8px;
}

.cols-3-gap-2 {
    grid-template-columns: repeat(4, minmax(calc(25% - 9px), 1fr));
    gap: 12px;
}

.cols-3-gap-3 {
    grid-template-columns: repeat(4, minmax(calc(25% - 12px), 1fr));
    gap: 16px;
}

.cols-3-gap-4 {
    grid-template-columns: repeat(4, minmax(calc(25% - 15px), 1fr));
    gap: 20px;
}

.cols-3-gap-5 {
    grid-template-columns: repeat(4, minmax(calc(25% - 18px), 1fr));
    gap: 24px;
}

.cols-12-gap-1-repeat {
    grid-template-columns: repeat(9999, minmax(100%, 1fr));
    gap: 8px;
}

.cols-12-gap-2-repeat {
    grid-template-columns: repeat(9999, minmax(100%, 1fr));
    gap: 12px;
}

.cols-12-gap-3-repeat {
    grid-template-columns: repeat(9999, minmax(100%, 1fr));
    gap: 16px;
}

.cols-12-gap-4-repeat {
    grid-template-columns: repeat(9999, minmax(100%, 1fr));
    gap: 20px;
}

.cols-12-gap-5-repeat {
    grid-template-columns: repeat(9999, minmax(100%, 1fr));
    gap: 24px;
}

.cols-6-gap-1-repeat {
    grid-template-columns: repeat(9999, minmax(calc(50% - 4px), 1fr));
    gap: 8px;
}

.cols-6-gap-2-repeat {
    grid-template-columns: repeat(9999, minmax(calc(50% - 6px), 1fr));
    gap: 12px;
}

.cols-6-gap-3-repeat {
    grid-template-columns: repeat(9999, minmax(calc(50% - 8px), 1fr));
    gap: 16px;
}

.cols-6-gap-4-repeat {
    grid-template-columns: repeat(9999, minmax(calc(50% - 10px), 1fr));
    gap: 20px;
}

.cols-6-gap-5-repeat {
    grid-template-columns: repeat(9999, minmax(calc(50% - 12px), 1fr));
    gap: 24px;
}

.cols-4-gap-1-repeat {
    grid-template-columns: repeat(9999, minmax(calc(33.33% - 5.33px), 1fr));
    gap: 8px;
}

.cols-4-gap-2-repeat {
    grid-template-columns: repeat(9999, minmax(calc(33.33% - 8px), 1fr));
    gap: 12px;
}

.cols-4-gap-3-repeat {
    grid-template-columns: repeat(9999, minmax(calc(33.33% - 10.33px), 1fr));
    gap: 16px;
}

.cols-4-gap-4-repeat {
    grid-template-columns: repeat(9999, minmax(calc(33.33% - 13.33px), 1fr));
    gap: 20px;
}

.cols-4-gap-5-repeat {
    grid-template-columns: repeat(9999, minmax(calc(33.33% - 16px), 1fr));
    gap: 24px;
}

.cols-3-gap-1-repeat {
    grid-template-columns: repeat(9999, minmax(calc(25% - 6px), 1fr));
    gap: 8px;
}

.cols-3-gap-2-repeat {
    grid-template-columns: repeat(9999, minmax(calc(25% - 9px), 1fr));
    gap: 12px;
}

.cols-3-gap-3-repeat {
    grid-template-columns: repeat(9999, minmax(calc(25% - 12px), 1fr));
    gap: 16px;
}

.cols-3-gap-4-repeat {
    grid-template-columns: repeat(9999, minmax(calc(25% - 15px), 1fr));
    gap: 20px;
}

.cols-3-gap-5-repeat {
    grid-template-columns: repeat(9999, minmax(calc(25% - 18px), 1fr));
    gap: 24px;
}

.w-50-rows-2-gap-3 {
    display: grid;
    grid-template-rows: repeat(9999, minmax(calc(50% - 8px), 1fr));
    gap: 16px;
    grid-template-columns: 100%;
}

.columns-grid {
    grid-auto-flow: column;
}

.display-none {
    display: none;
}

.over-hidden {
    overflow: hidden;
}

.over-scroll {
    overflow: scroll;
}

.over-y-scroll {
    overflow-y: scroll;
}

.opacity-0 {
    opacity: 0;
}

.opacity-1 {
    opacity: 0.25;
}

.opacity-2 {
    opacity: 0.50;
}

.opacity-3 {
    opacity: 0.75;
}

.opacity-4 {
    opacity: 1;
}

.transition-1 {
    transition: .25s ease all !important;
}

.transition-2 {
    transition: .35s ease all !important;
}

.transition-3 {
    transition: .50s ease all !important;
}

.justify-content-start {
    justify-content: start;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-end {
    justify-content: end;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-evenly {
    justify-content: space-evenly;
}

.justify-content-around {
    justify-content: space-around;
}

.align-items-start {
    align-items: start;
}

.align-items-center {
    align-items: center;
}

.align-items-end {
    align-items: end;
}

.flex-reverse {
    flex-direction: row-reverse;
}

    .flex-reverse.flex-column {
        flex-direction: column-reverse;
    }

.v-align {
    vertical-align: top;
}

da-level-one .block-level {
    width: 100%;
}

.hr-border {
    height: 1px;
    display: block;
    background-color: #ededed;
    margin: 20px 0;
}

.divider {
    background-color: #eaeaea;
    height: 1px;
    margin: 15px auto;
}

.hideDivider {
    height: 1px;
    margin: 10px auto;
}

.ui-datepicker {
    z-index: 1051 !important;
}

.body-container {
    padding-top: 56px;
}

/*#content-area {
    z-index: 0;
}*/

.select-mini {
    width: 83px;
}

.select-small {
    width: 153px;
}

.select-medium {
    width: 223px;
    display: inline-block;
    vertical-align: middle;
}

.select-large {
    width: 330px;
}

.select-xlarge {
    width: 684px;
}

.btn-group.select ul.dropdown-menu li a {
    padding: 3px 15px 3px;
}

.mbxxl {
    margin-bottom: 65px;
}

.sort {
    cursor: move;
}

.ui-state-highlight {
    min-height: 50px;
    border: 1px dotted #369f8f;
    margin-bottom: 20px;
}

.breadcrumb {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25)
}

    .breadcrumb .active > a {
        font-family: opensansbold;
    }

.view-all { /*border-radius: 2px;color: #fff;*/
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px; /*padding: 2px 10px;background-color:#369f8f;*/
}
/*.view-all:hover{color:#fff;}*/

.page-title.saved-search {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

.saved-search-acc:hover,
.saved-search-acc {
    color: #757676;
    font-size: 16px;
    margin-right: 15px;
}

.page-title .back {
    float: right;
    font-size: 14px;
}

    .page-title .back > i {
        font-size: 12px;
    }

.animation1 {
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}

.animation2 {
    transition: all 0.75s;
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -o-transition: all 0.75s;
}

.animation3 {
    transition: all 0.50s;
    -webkit-transition: all 0.50s;
    -moz-transition: all 0.50s;
    -o-transition: all 0.50s;
}

.animation4 {
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
}

.animation5 {
    transition: all 0.20s;
    -webkit-transition: all 0.20s;
    -moz-transition: all 0.20s;
    -o-transition: all 0.20s;
}

.truncate {
    width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.date {
    white-space: nowrap;
}

.legend {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.form-group label {
    position: relative;
    margin-bottom: 4px;
}

.form-group.display-flex {
    display: flex !important;
}

.checkbox input[type="checkbox"] {
    /*opacity: .5 !important;*/
    position: relative;
}

.checkbox .icons .second-icon,
.checkbox .icons .first-icon {
    margin-top: -2px;
}



.radio-inline > input[type="radio"], .checkbox-inline > input[type="checkbox"] {
    margin-right: 5px;
    margin-left: -20px;
}

.template-customfield {
    margin-top: 10px !important;
}

.radio-customfield > input[type="radio"], .checkbox-customfield > input[type="checkbox"] {
    margin-top: 3px !important;
}

.form-horizontal-large .radio-inline, .form-horizontal-large .checkbox-inline {
    margin-right: 10px;
}

.radio-inline, .checkbox-inline {
    margin-right: 10px;
}

    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
        margin-left: 0;
        margin-right: 10px;
    }

/*.radio-inline > input[type="radio"]{
	color:#369f8f;
}
.radio-inline > input[type="radio"]:before {
  font-family: "smarttouch";
  content: "\e12c";
  color:#999;
  background-color:#fff;
  position: relative;
  top: -1px;
  display:block;
  z-index:2;
}
.radio-inline > input[type="radio"]:checked:before {
  content: "\e12d";
  color:#369f8f;
}*/



.col-10 {
    width: 10%;
}

.col-15 {
    width: 15%;
}

.col-20 {
    width: 20%;
}

.col-25 {
    width: 25%;
}

.col-30 {
    width: 30%;
}

.col-35 {
    width: 35%;
}

.col-40 {
    width: 40%;
}

.col-45 {
    width: 45%;
}

.col-50 {
    width: 50%;
}

.col-55 {
    width: 55%;
}

.col-60 {
    width: 60%;
}

.col-65 {
    width: 65%;
}

.col-70 {
    width: 70%;
}

.col-75 {
    width: 75%;
}

.col-80 {
    width: 80%;
}

.col-85 {
    width: 85%;
}

.col-90 {
    width: 90%;
}

.col-95 {
    width: 95%;
}

.col-100 {
    width: 100%;
}



.hover-regular, .hover-info, .hover-attention, .hover-success {
    cursor: pointer;
}

    .hover-regular:hover {
        background-color: rgba(0, 0, 0, 0.1) !important;
        transition: 0.25s;
    }

        a.hover-regular:hover,
        a.hover-regular:focus,
        .hover-regular:hover,
        .hover-regular:hover > a,
        .hover-regular:hover > span
        .hover-regular:hover > label {
            font-weight: 700 !important;
            color: black !important;
        }

    .hover-info:hover {
        background-color: rgba(62, 102, 251, 0.2) !important;
        transition: 0.25s;
    }

        a.hover-info:hover,
        a.hover-info:focus,
        .hover-info:hover > a,
        .hover-info:hover > a > span,
        .hover-info:hover > span,
        .hover-info:hover > label {
            font-weight: 700 !important;
            color: #3e66fb !important;
        }

.hover-info-n:hover {
    background-color: rgba(62, 102, 251, 0.2) !important;
    transition: 0.25s;
}

    a.hover-info-n:hover,
    a.hover-info-n:focus,
    .hover-info-n:hover > a,
    .hover-info-n:hover > a > span,
    .hover-info-n:hover > span,
    .hover-info-n:hover > label {
        font-weight: 700 !important;
        color: #3e66fb !important;
    }

.hover-danger {
    transition: 0.25s;
}

    a.hover-danger:hover,
    a.hover-danger:focus,
    .hover-danger:hover,
    .hover-danger:hover > a,
    .hover-danger:hover > span
    .hover-danger:hover > label {
        font-weight: 700 !important;
        background-color: #dc1d1d !important;
        color: white !important;
    }

.hover-attention:hover {
    background-color: rgba(230, 46, 46, 0.2) !important;
    transition: 0.25s;
}

    a.hover-attention:hover,
    a.hover-attention:focus,
    .hover-attention:hover,
    .hover-attention:hover > a,
    .hover-attention:hover > span
    .hover-attention:hover > label {
        font-weight: 700 !important;
        color: #dc1d1d !important;
    }

.hover-scale-1:hover {
    transform: scale(1.1)
}

.hover-scale-2:hover {
    transform: scale(1.2)
}

.hover-scale-3:hover {
    transform: scale(1.3)
}

.st-tag {
    font-family: 'Noto Sans';
    font-size: 14px;
    font-weight: 600;
    border-radius: 40px;
    height: 32px;
    padding: 6px 12px;
    line-height: 14px;
    background-color: #3E66FB;
    color: white !important;
    margin-right: 8px;
}

    .st-tag * {
        color: inherit;
    }
/* Login page*/
.login-page {
    background-color: #f6f7f9;
    min-height: 100%;
    height: auto;
    vertical-align: baseline;
}

.login-pane {
    margin: -235px 0 0 -490px;
    width: 980px;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
}

.login-studio-pane {
    margin: -205px 0 0 -190px;
    width: 380px;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
}

    .login-studio-pane .account-logo {
        margin-bottom: 16px;
    }

        .login-studio-pane .account-logo figure {
            display: flex;
            justify-content: center;
        }

        .login-studio-pane .account-logo img {
            max-height: 40px;
        }

    .login-studio-pane .account-name {
        font-size: 15px;
        color: #757676;
        max-width: 100%;
        cursor: default;
        margin-bottom: 16px;
        display: flex;
        justify-content: center;
    }

.login-panel { /*margin: -235px 0 0 -490px;width:980px;*/
    width: 980px;
    max-height: 487px !important;
    height: 487px;
    display: flex;
    background: #ffffff;
    -webkit-box-shadow: 0 3px 10px rgba(127, 127, 127, 0.2);
    -moz-box-shadow: 0 3px 10px rgba(127, 127, 127, 0.2);
    box-shadow: 0 3px 10px rgba(127, 127, 127, 0.2);
    overflow: hidden;
}

.login-panel-left {
    border-top: 8px solid #369f8f;
    width: 380px;
    height: 100%;
    display:flex;
    justify-content: space-between;
    flex-direction: column;
    box-shadow: -8px -6px 10px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: -8px -6px 10px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: -8px -6px 10px rgba(0, 0, 0, 0.1) inset;
}

    .login-panel-left .logo {
        text-align: center;
        padding: 16px 75px;
    }

    .login-panel-left .login-controls {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        height: 100%;
    }

    .login-panel-left .controls {
        text-align: center;
        padding: 0px 35px;
        min-height: 260PX;
    }

        .login-panel-left .controls .btn-primary {
            text-align: center;
            width: 100%;
        }
        /*.login-panel-left .controls #forgotsubmit.btn-primary{width:60%;display:inline-block;}*/
        .login-panel-left .controls #backtologin {
            width: 40%;
            display: inline-block;
        }

            .login-panel-left .controls #backtologin:hover {
                text-decoration: underline;
            }

        .login-panel-left .controls input[type=text],
        .login-panel-left .controls input[type=password],
        .login-panel-left .controls input[type=email] {
            background-color: #ecf1f5;
            border: 0px;
        }

            .login-panel-left .controls input[type=text]:focus,
            .login-panel-left .controls input[type=password]:focus,
            .login-panel-left .controls input[type=email]:focus {
                border: 1px solid #369f8f;
            }

        .login-panel-left .controls .forgotpasswordlabel {
            line-height: 54px;
            text-align: left;
        }

        .login-panel-left .controls .form-group .checkbox {
            margin-top: 3px;
        }

    .login-panel-left .footer {
        background: #f1f2f4;
        line-height: 60px;
        padding: 0 35px;
        margin-top: 32px;
        position: relative;
    }

        .login-panel-left .footer::after {
            content: '';
            position: absolute;
            top: -20px;
            left: 0;
            right: 0;
            margin:auto;
            background-image: url(/img/login/logo.png);
            background-repeat: no-repeat;
            background-size: contain;
            width: 86px;
            height: 50%;
        }

        .login-panel-left .footer .icons {
            margin-top: 17px;
        }

        .login-panel-left .footer label {
            line-height: 60px;
            margin: 4px 0 0 0;
        }
        
        .login-panel-left .footer a.forgot-password {
            color: #757676;
            transition: all 2s;
            -webkit-transition: all 2s;
            -moz-transition: all 2s;
            -o-transition: all 2s;
            transition: all 2s;
        }

            .login-panel-left .footer a.forgot-password:hover {
                text-decoration: underline;
            }

.login-panel-right {
    float: left;
    width: 599px;
}
    /*.login-panel-right:active, :hover, :focus {
        outline: 0;
        outline-offset: 0;
    }*/

    .login-panel-right .promo1,
    .login-panel-right .promo2 {
        width: 599px;
        position: relative;
        height: 348px;
    }

    .login-panel-right .promo1 {
        background: url(../../img/login/promo1-new.jpeg) no-repeat;
    }

    .login-panel-right .promo2 {
        background: url(../../img/login/promo2-new.jpeg) no-repeat;
    }

    .login-panel-right .promo1 .maintext {
        color: #ffffff;
        font-size: 72px;
        line-height: 72px;
        padding: 28px 28px 0;
        width: 425px;
    }

    .login-panel-right .promo1 .footertext {
        bottom: 0;
        padding-top: 60px;
        color: #ffffff;
        text-align: center;
    }

        .login-panel-right .promo1 .footertext a {
            font-weight: bold;
        }

        .login-panel-right .promo1 .footertext .email,
        .login-panel-right .promo1 .footertext .phone {
            color: #369f8f;
        }

    .login-panel-right .bdxpromo {
        background: url(../../img/bdx/bdx_promo.png) no-repeat;
        width: 599px;
        height: 353px;
        position: relative;
    }

        .login-panel-right .bdxpromo .maintext {
            color: #ffffff;
            font-size: 72px;
            line-height: 72px;
            padding: 28px 28px 0;
            width: 425px;
        }

        .login-panel-right .bdxpromo .footertext {
            bottom: 0;
            padding: 17px 13px 5px;
            position: absolute;
            color: #fff;
            font-size: 10px;
        }

            .login-panel-right .bdxpromo .footertext .email {
                color: #fff;
            }


    .login-panel-right .installations {
        color: #3a3a3a;
        font-size: 10px;
        font-weight: normal;
        height: 62px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 36px;
    }

        .login-panel-right .installations > div {
            height: 100%;
        }

            .login-panel-right .installations > div img {
                height: 100%;
            }

            .login-panel-right .installations > div a.square-icon {
                display: inline-block;
                height: 100%;
                aspect-ratio: 1 / 1;
            }


            .login-panel-right .installations2 {
                background: #369f8f;
                height: 45px;
                font-size: 10px;
                font-weight: normal;
            }

        .login-panel-right .installations2 .footertext {
            color: #ffffff;
            font-size: 13px;
            text-align: center;
            padding-top: 5px;
        }

            .login-panel-right .installations2 .footertext a {
                color: #ffffff;
                font-weight: bold;
            }

    .login-panel-right .item-hide {
        display: none;
    }

    /*.login-panel-right .installations .bdx_whitepaper{padding:16px 0 16px 115px;float:left;position:relative;width:215px;}
.login-panel-right .installations .bdx_whitepaper .bdx-whitepaper-bg{background-position: -30px 20px; width: 56px; left: 32px; top: 10px;}

.login-panel-right .installations .bdx_tablet{padding:16px 0 16px 115px;float:left;position:relative;width:215px;}
.login-panel-right .installations .bdx_tablet .bdx-tablet-bg{background-position: -30px 20px; width: 56px; left: 32px; top: 10px;}

.login-panel-right .installations .bdx_lightbulb{padding:16px 0 16px 115px;float:left;position:relative;width:215px;}
.login-panel-right .installations .bdx_lightbulb .bdx-lightbulb-bg{background-position: -30px 20px; width: 56px; left: 32px; top: 10px;}*/


    .login-panel-right .installations .mobile {
        float: left;
        padding: 5px 0px 0px 60px;
        width: 170px;
    }

        .login-panel-right .installations .mobile .ins-bg {
            background-position: 28px 30px;
            left: -8px;
        }

    .login-panel-right .installations .bit-label {
        background-color: #006ec3;
        position: absolute;
        border-radius: 3px;
        padding: 3px 5px;
        left: 68px;
        top: 20px;
        color: #ffffff;
        font-weight: bold;
    }

    .login-panel-right .installations .guige {
        background: url(../../img/login/login-icons-sprite.png) no-repeat -84px 0;
        float: left;
        padding-left: 18px;
        font-size: 9px;
    }

    .login-panel-right .installations a {
        color: #303030;
        margin-top: 5px;
    }
/*.login-footer{margin: 247px 0 0 -175px;width: 380px;position: absolute;top: 50%;left: 50%;font-size:12px;text-align: center;}*/
.login-footer {
    font-size: 12px;
    margin: 17px 0 0;
    text-align: center;
    height: 16px;
}


.login-tooltip {
    margin-top: -34px;
    position: absolute;
    right: 10px;
}

.login-tooltipReset {
    margin-top: 7px;
    position: absolute;
    right: 10px;
}

a.login-tooltip:hover:after {
    background: #333;
    background: rgba(0,0,0,.8);
    color: #fff;
    content: attr(data-title);
    left: 20px;
    top: 50%;
    margin-top: -30px;
    position: absolute;
    z-index: 98;
    width: 300px;
    padding: 10px;
    text-align: left;
}

a.login-tooltip:hover:before {
    border: solid;
    border-color: transparent #333;
    border-width: 6px 6px 8px 0;
    left: 14px;
    content: "";
    position: absolute;
    z-index: 99;
}

a.login-tooltipReset:hover:after {
    background: #333;
    background: rgba(0,0,0,.8);
    color: #fff;
    content: attr(data-title);
    left: 20px;
    top: 50%;
    margin-top: -30px;
    position: absolute;
    z-index: 98;
    width: 300px;
    padding: 10px;
    text-align: left;
}

a.login-tooltipReset:hover:before {
    border: solid;
    border-color: transparent #333;
    border-width: 6px 6px 8px 0;
    left: 14px;
    content: "";
    position: absolute;
    z-index: 99;
}


/* Header */
header {
    background-color: #369f8f; /*181818 border-bottom: 1px solid #8FBB6E;*/
    height: 56px;
    position: fixed;
    width: 100%;
    z-index: 1005;
}

    header .logo {
        padding: 8px 0 8px 16px;
        float: left;
        vertical-align: middle;
        height: 100%;
    }

        header .logo a {
            display: inline-block;
            height: 100%;
        }

        header .logo figure {
            max-width: 160px;
            min-width: 68px;
            height: 100%;
        }

        header .logo img {
            padding-right: 15px;
            max-height: 100%;
        }

    header .utilities {
        padding: 0 20px 0 0;
    }

    header .logo .tooltip-inner {
        width: auto;
        background-color: rgba(136, 183, 100, 0.8) /*rgba(52, 55, 60, 0.7)*/;
        color: #fff;
    }

    header .logo .tooltip.bottom .tooltip-arrow {
        border-bottom-color: rgba(255, 255, 255, 0.2); /*rgba(136, 183, 100, 0.8);*/
    }

.account-name {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    min-width: 68px;
}

.account-name {
    color: #fff;
    font-family: opensansbold;
    font-size: 16px;
    margin: 2px 0 0 0;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.top-nav {
    display: inline-block;
    position: relative;
}

#quick-actions {
    display: inline-block;
    position: relative;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
    transition: .2s;
}

#quick-action-grid-filter-toggler {
    padding:10px;
}

#quick-actions {
    -webkit-animation: fade-in .3s;
    -moz-animation: fade-in .3s;
    animation: fade-in .3s;
}

    #quick-actions:not(.floating).out {
        -webkit-animation: fade-out .2s;
        -moz-animation: fade-out .2s;
        animation: fade-out .2s;
    }

    #quick-actions.floating {
        position: fixed;
        top: 72px;
        right: 16px;
        width: 40px;
        background-color: #aaa;
        box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.2);
        -webkit-animation: floating-quick-action .3s;
        -moz-animation: floating-quick-action .3s;
        animation: floating-quick-action .3s;
    }

        #quick-actions.floating:hover {
            background-color: #bbb;
            transition: .2s;
            box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.2), 0px 11px 15px rgba(0, 0, 0, 0.3);
        }

        #quick-actions.floating.out {
            -webkit-animation: floating-out-quick-action .3s;
            -moz-animation: floating-out-quick-action .3s;
            animation: floating-out-quick-action .3s;
        }

        #quick-actions.floating label.quick-actions-popup {
            display: none;
        }

        #quick-actions.floating span.dots-icon {
            color: white;
            font-size: 24px;
        }

    #quick-actions:not(.floating):hover {
        background-color: rgba(255, 255, 255, 0.5);
    }

.top-nav > ul {
    margin: 0px;
    padding: 0px;
}

    .top-nav > ul > li.add,
    .top-nav > ul > li.btn-group {
        border-top: 2px solid #369f8f;
    }

#quick-actions > ul > li.add,
#quick-actions > ul > li.btn-group {
    border-top: 2px solid #369f8f;
}

.top-nav > ul > li.add > a,
.top-nav > ul > li.btn-group > a .st-icon-add,
.top-nav > ul > li.btn-group > a.dropdown-toggle.top-dp-arrow {
}

.top-nav > ul > li.btn-group > a > .icon.st-icon-add {
    position: absolute;
}

.top-nav > ul > li.btn-group > a > span.add-record {
    padding-left: 20px;
}

.top-nav > ul > li.btn-group > a.dropdown-toggle.sub-dropdown {
}

.top-nav > ul > li.btn-group.showtopinner > a,
.top-nav > ul > li.btn-group.showmore > a {
    color: #303030;
}

.top-nav > ul > li.btn-group > a + a {
    padding-left: 0;
}

.form-group.action-type-list {
    display: flex;
    flex-wrap: wrap;
}

    .form-group.action-type-list > div {
        display: flex;
        align-items: center;
        margin-right: 24px;
        margin-bottom: 5px;
    }

        .form-group.action-type-list > div input {
            display: flex;
            margin-right: 5px;
        }

.top-nav > ul > li.btn-group.showtopinner,
.top-nav > ul > li.btn-group.showmore,
.top-nav > ul > li.btn-group.open {
    border-top-color: #369f8f;
    background-color: #ffffff;
    border-right: 0px;
}

.dropdown-menu.mtn.add-st,
#quick-actions .add-newrecord.open .add-st {
    min-width: 100%;
}

    #quick-actions .add-newrecord.open .add-st li {
        padding-left: 10px;
    }

#quick-actions > ul > li:hover {
    background: #79a955;
    transition: 0.5s;
    border-top-color: #79a955;
}

#quick-actions > ul > li.btn-group.add-newrecord a.dropdown-toggle {
    padding: 0 20px 0 0;
}

#quick-actions .panel-footer a.btn {
    /*margin-right: 5px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    width: 112px;
    padding: 0;
}

    #quick-actions .panel-footer a.btn.cancel-btn {
        margin-right: 16px;
    }

    #quick-actions .panel-footer a.btn.save-btn {
        color: #FFFFFF;
    }

.modal-form-line {
    padding: 0px;
    background: rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    height: 1px;
    border: 0;
}

.actionreminder-add {
    justify-content: flex-start !important;
    color: #000000;
}

.top-nav > ul > li.btn-group.open a {
    color: #3b333b;
}

.top-nav > ul > li { /*border-right:1px solid #252525;*/
    float: left;
}

    .top-nav > ul > li:last-child {
        border-right: none;
    }

    .top-nav > ul > li.btn-group.open > a.active {
        color: #303030 !important;
        background-color: #ffffff;
        box-shadow: none;
    }

    .top-nav > ul > li.btn-group > a {
        color: #fff;
        padding: 0 15px;
        height: 48px;
        display: table-cell;
        vertical-align: middle;
    }

    .top-nav > ul > li.btn-group.add-newrecord > a {
        padding: 0 10px 0 20px;
    }

    .top-nav > ul > li.btn-group > a .st-icon-dropdownarrow {
        font-size: 9px;
    }
    /*.top-nav > ul > li a.st-addicon{font-family:'OpensansBold';}*/
    .top-nav > ul > li a.st-addicon .st-plus-round {
        margin-top: -3px;
    }

    .top-nav > ul > li.btn-group.open .dropdown-menu > li:first-child,
    .top-nav > ul > li.btn-group.open .dropdown-menu {
        border-top: none;
    }

    .top-nav > ul > li.btn-group.add-newrecord.showtopinner .st-plus-round,
    .top-nav > ul > li.btn-group.add-newrecord.open .st-plus-round {
        background-position: 0 -164px;
    }

    .top-nav > ul > li.btn-group.open .st-arrow-down-white,
    .top-nav > ul > li.btn-group.add-newrecord.open .st-arrow-down-white {
        background-position: 0 4px;
    }

    .top-nav > ul > li.btn-group.open .contact-add {
        color: #303030;
    }

    .top-nav > ul > li.btn-group .contact-add {
        color: #fff;
    }

    .top-nav > ul > li.btn-group .top-dp-arrow {
        margin-left: 0px;
    }

.dropdown-menu.mtn.add-st,
.top-nav .add-newrecord.open .add-st {
    min-width: 100%;
}

    .top-nav .add-newrecord.open .add-st li {
        padding-left: 10px;
    }

.top-nav > ul > li:hover {
    background: #79a955;
    transition: 0.5s;
    border-top-color: #79a955;
}

.top-nav > ul > li.btn-group.add-newrecord a.dropdown-toggle {
    padding: 0 20px 0 0;
}

.top-nav .panel-footer a.btn {
    margin-right: 5px;
}

.panel-footer {
    border-top: none;
    padding: 16px 24px;
}

.utilities .iconbar > ul > li > a {
    color: black;
    font-size: 16px;
    padding: 16px 10px;
    height: 56px;
    display: flex;
    align-items: center;
}

    .utilities .iconbar > ul > li > a:hover > span,
    .utilities .iconbar > ul > li > a > span.active {
        background-color: rgba(255, 255, 255, 0.5);
        color: black;
    }

    .utilities .iconbar > ul > li > a > span {
        font-size: 20px;
        height: 40px;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        transition: 0.25s
    }

/*UI/UX to drop.utilities .iconbar > ul > li.open > a.active {
    color: #fff /*88B764*/;
box-shadow: none;
}

*/

.utilities .iconbar > ul > li > a .iconbar-unread {
    font-size: 10px;
    font-family: 'OpensansBold';
    padding: 1px 5px;
    right: 20px;
    top: 8px;
    border-radius: 15px;
}

.utilities .iconbar .dropdown-menu {
    margin-top: 1px;
}

.utilities .iconbar .btn-group i.dropdown-arrow {
    display: none;
}

.utilities .iconbar > ul > li:last-child .dropdown-menu {
    margin-right: 20px;
}

    .utilities .iconbar > ul > li:last-child .dropdown-menu:before,
    .utilities .iconbar > ul > li:last-child .dropdown-menu:after {
        right: 10px;
    }

.utilities .btn-group.open .dropdown-menu:before,
.utilities .btn-group.open .dropdown-menu:after {
    content: '';
    position: absolute;
    border-width: 0 9px 9px 9px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    right: 30px;
    top: -8px;
}

.utilities .btn-group.open .dropdown-menu {
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-timing-function: cubic-bezier(.77, 0, .175, 1);
    animation-timing-function: cubic-bezier(.77, 0, .175, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    overflow: inherit;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
    outline: 0;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        -ms-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


.user-img {
    border-radius: 50%;
    display: block;
    height: 20px;
    margin-top: -2px;
    width: 22px;
}

.utilities .iconbar .dropdown-menu li.user-details {
    padding: 15px;
    min-width: 250px;
}

    .utilities .iconbar .dropdown-menu li.user-details:hover {
        background-color: transparent;
    }

    .utilities .iconbar .dropdown-menu li.user-details .user-info {
        min-height: 48px;
    }

    .utilities .iconbar .dropdown-menu li.user-details .user-img {
        border-radius: 0;
        float: left;
        height: 50px;
        margin-right: 10px;
        vertical-align: middle;
        width: 50px;
    }

    .utilities .iconbar .dropdown-menu li.user-details .user-name {
        font-weight: 700;
    }

    .utilities .iconbar .dropdown-menu li.user-details .user-des {
        font-size: 11px;
        font-style: italic;
    }

.notification li {
    position: relative;
    padding-right: 50px;
    padding: 10px;
    color: rgba(135, 135, 135, 0.75);
}

    .notification li .controls {
        position: absolute;
        right: 10px;
        top: 15px;
    }

        .notification li .controls a {
            margin-left: 10px;
            color: #303030;
        }

.dropdown-menu.activities {
    max-height: none;
}

#ut-Notifications {
    min-width: 525px;
    /*max-width: 525px;*/
    height: auto;
}

#UserRecentActivities {
    width: 300px;
}

#RecentWebVisits {
    width: 350px;
}

.activities {
    width: auto;
    min-height: 250px;
}

.activity {
    min-height: 200px;
    max-height: 290px;
    overflow-y: auto;
    font-size: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden;
}

    .activity > li {
        padding: 12px;
        border-top: 1px solid #e2e2e2;
        position: relative;
        background-color: #fff;
    }

        .activity > li:first-child {
            border-top: 0;
        }

        .activity > li:hover {
            background-color: #F5FFFB;
        }

    .activity li .controls {
        position: absolute;
        right: 5px;
        top: 5px;
    }

        .activity li .controls a {
            margin-left: 10px;
            color: #999;
            font-size: 10px;
            opacity: 0;
        }

    .activity li:hover .controls a {
        color: #369f8f;
        opacity: 1;
    }

    .activity > li .controls a:hover {
        color: #369f8f;
    }

    .activity > li > div > a {
        font-weight: 600;
    }

    .activity > li > div .activity-content {
        width: 290px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .activity > li > div .useractivityname {
        text-transform: lowercase;
    }

    .activity > li > div > span {
        display: block;
        color: #999;
        font-size: 12px;
        line-height: 16px;
    }

        .activity > li > div > span a {
            color: #ccc;
            font-size: 14px;
        }

    .activity > li.unread {
        background-color: #F2F2F2;
    }

        .activity > li.unread > div > span a {
            color: #369f8f;
        }

.activities .previously-read {
    border-top: 1px solid #e3e3e3;
    line-height: 28px;
    padding: 0 5px;
    text-align: center;
}

    .activities .previously-read a {
        color: #369f8f;
    }

#webvisitsnotifications a i {
    color: #369f8f;
}

.activities .previously-read a i {
    font-size: 12px;
}

.notify_contact {
    margin-top: 10px;
}

    .notify_contact a {
        text-decoration: underline;
        margin: 0 0px 10px 0;
    }

        .notify_contact a:hover {
            text-decoration: none;
        }

/* Main Header*/
.page-title {
    margin-bottom: 12px;
    color: black;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 992px) {
    .page-title {
        flex-direction: column;
    }

        .page-title > div {
            width: 100%;
        }

            .page-title > div:nth-child(2) {
                justify-content: end;
            }
}

@media (max-width: 660px) {
    .page-title > div:nth-child(2) {
        flex-direction: column-reverse;
        align-items: end;
        gap: 10px;
        margin-bottom: 10px;
    }

    .page-title .settings-selection,
    .page-title .selected-setting {
        margin-right: 0px !important;
    }
}

.page-title > span, .page-title > div > span {
    font-size: 36px;
    font-weight: 600;
    line-height: 52px;
}


.page-title-additional-info {
    font-size: 15px;
    margin-bottom: 20px;
    color: #757676;
    line-height: 30px;
    position: relative;
    font-style: italic;
}

.page-sub-title {
    margin-bottom: 24px;
    padding-bottom: 8px;
    color: black;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .page-sub-title span {
        font-size: 15px;
        color: black;
        font-weight: bold;
    }

div.settings-selection {
    display: flex;
    position: relative;
}

    div.settings-selection > span.selected-setting {
        display: flex;
        align-items: center;
        color: white;
        padding: 6px 12px;
        background-color: rgba(0, 0, 0, 0.25);
        border-radius: 40px;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 14px;
        margin: 0 8px;
        height: 32px;
    }

.popup-header {
    background-color: black;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 64px;
    padding-left: 24px;
    padding-right: 20px;
    color: white;
}

    .popup-header .popup-title {
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
    }

    .popup-header .closer {
        font-size: 20px;
        line-height: 14px;
        cursor: pointer;
    }

.popup-shadow {
    box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.2);
}

.card-shadow {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 4px 8px rgba(0, 0, 0, 0.08);
}

.menu-container {
    display: flex;
    align-items: center;
    line-height: 40px;
    position: relative;
    z-index: 5;
    font-family: 'OpensansRegular',sans-serif !important;
}

    .menu-container.z-importance-1 {
        z-index: 6;
    }

    .menu-container.z-importance-2 {
        z-index: 7;
    }

    .menu-container.z-importance-3 {
        z-index: 8;
    }

    .menu-container > .st-icon-filter-list {
        font-size: 24px;
    }

    .menu-container .quick-actions-popup {
        font-family: 'Noto Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
    }

.page-title ~ div .menu-container {
    margin-bottom: 10px;
}

.menu-container > .menu-options {
    position: absolute;
    top: 0px;
    right: 0px;
    min-width: 250px;
    background-color: white;
    font-size: 15px;
    line-height: 24px;
    border-radius: 4px;
}

    .menu-container > .menu-options.md {
        min-width: 350px;
    }

    .menu-container > .menu-options.lg {
        min-width: 450px;
    }

    .menu-container > .menu-options > .menu-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 24px 20px 20px 24px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    }

        .menu-container > .menu-options > .menu-header .closer {
            cursor: pointer;
        }

        .menu-container > .menu-options > .menu-header > span.quick-actions-title {
            width: 130px;
            height: 24px;
            font-style: normal;
            font-weight: 700;
            font-size: 20px;
            line-height: 24px;
        }

        .menu-container > .menu-options > .menu-header > span.change-status-title {
            width: 130px;
            height: 24px;
            font-style: normal;
            font-weight: 700;
            font-size: 14px;
            line-height: 12px;
            /* identical to box height, or 120% */

            letter-spacing: 0.15px;
            color: #000000;
            /* Inside auto layout */
            margin-top: 15px;
        }

        .menu-container > .menu-options > .menu-header > .menu-title {
            font-style: normal;
            font-weight: 700;
            font-size: 20px;
            line-height: 24px;
        }

        .menu-container > .menu-options > .menu-header > .menu-options-close {
            font-size: 20px;
            cursor: pointer;
        }

    .menu-container > .menu-options > .menu-body.h-sm {
        max-height: 240px;
    }

    .menu-container > .menu-options > .menu-body.h-md {
        max-height: 400px;
    }

    .menu-container > .menu-options > .menu-body.h-lg {
        max-height: 600px;
    }

    .menu-container > .menu-options > .menu-body > .change-status-ul {
        padding: 0px;
    }

    .menu-container > .menu-options > .menu-body ul {
        padding: 8px 0;
    }

        .menu-container > .menu-options > .menu-body ul.middle-height {
            max-height: 280px;
            overflow: scroll;
        }

    .menu-container > .menu-options > .menu-body > ul > li {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 24px;
        padding-right: 24px;
        line-height: 24px;
        min-height: 40px;
    }

        .menu-container > .menu-options > .menu-body > ul > li.hover-info {
            position: relative;
        }

            .menu-container > .menu-options > .menu-body > ul > li.hover-info > a:only-child {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0px;
                left: 0px;
                padding-top: 8px;
                padding-bottom: 8px;
                padding-left: 24px;
                padding-right: 24px;
                line-height: 24px;
            }

#quick-actions {
    z-index: 4;
}

    #quick-actions.floating {
        z-index: 6;
    }

.menu-container > .menu-options > .menu-body {
    overflow-y: auto;
}

    .menu-container > .menu-options > .menu-body > ul > li > label,
    .menu-container > .menu-options > .menu-body > ul > li > a,
    .menu-container > .menu-options > .menu-body > ul > li > span,
    .menu-container > .menu-options > .menu-body > ul > li > a > span {
        font-weight: 400;
        font-size: 15px;
        line-height: 24px;
        color: black;
        white-space: nowrap;
    }

    .menu-container > .menu-options > .menu-body > .quick-action-ul > .quick-actions-items-li:hover > a > span,
    .menu-container > .menu-options > .menu-body > .quick-action-ul > .quick-actions-items-li:hover > a > span:before {
        color: #648EF9;
        font-weight: 700;
    }

    .menu-container > .menu-options > .menu-body > .quick-action-ul > .quick-actions-items-li > a > span:nth-child(2) {
        color: rgba(0, 0, 0, 0.25);
    }

    .menu-container > .menu-options > .menu-body > .quick-action-ul > .quick-actions-items-li > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.menu-container > span:hover {
    background-color: rgba(255,255,255,.5);
}

.menu-container > span {
    height: 40px;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.25s;
}

.st-dropdown {
    position: relative;
}

    .st-dropdown .st-dropdown-toggler {
        cursor: pointer;
    }

    .st-dropdown ul.st-dropdown-list {
        visibility: hidden;
        position: absolute;
        top: calc(100% + 2px);
        left: 0px;
        width: 100%;
        border-radius: 8px;
        background-color: white;
        z-index: 1001;
        padding: 2px;
        box-shadow: 0px 12px 19px rgba(0, 0, 0, 0.14), 0px 5px 23px rgba(0, 0, 0, 0.12), 0px 6px 7px rgba(0, 0, 0, 0.2);
        animation: hide-top .3s;
    }

    .st-dropdown .st-dropdown-toggler.active + ul.st-dropdown-list {
        visibility: visible;
        animation: show-bottom .3s;
    }

    .st-dropdown ul.st-dropdown-list > li {
        padding: 1px 5px;
        height: 25px;
        color: black;
        display: flex;
        align-items: center;
        border-radius: 4px;
        transition: all .25s;
        cursor: pointer;
        margin: 2px;
    }

        .st-dropdown ul.st-dropdown-list > li.selected {
            background-color: #369f8f;
            color: white;
        }

        .st-dropdown ul.st-dropdown-list > li:not(.selected):hover {
            background-color: rgba(0, 0, 0, .15);
        }

#dashboard-settings-menu {
    width: 550px;
}

.separator-b-line {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.separator-e-line {
    border-right: 1px solid rgba(0, 0, 0, 0.25);
}

.separator-s-line {
    border-left: 1px solid rgba(0, 0, 0, 0.25);
}

.separator-t-line {
    border-top: 1px solid rgba(0, 0, 0, 0.25);
}

.st-calendar-status span {
    color: rgba(0, 0, 0, 1);
}

.st-calendar .date-filter {
    font-size: 14px !important;
    font-family: 'Noto Sans' !important;
    color: rgba(0, 0, 0, 0.5);
}

    .st-calendar .date-filter .option {
        padding: 4px 8px;
        border-radius: 16px;
        cursor: pointer;
        transition: .3s;
    }

        .st-calendar .date-filter .option:not(.selected):hover {
            background-color: rgba(255, 255, 255, 0.5);
        }

        .st-calendar .date-filter .option.selected {
            color: black !important;
            background-color: white;
        }

.st-calendar-header {
    background-color: #648EF9;
    color: black;
    display: flex;
    justify-content: space-between;
    height: 76px;
    align-items: center;
}

    .st-calendar-header > .head-dates {
        flex: 1 1 auto !important;
        height: 100%;
        overflow: hidden;
        position: relative;
    }

        .st-calendar-header > .head-dates > .dates-container {
            width: fit-content;
            height: 100%;
            position: absolute;
            display: flex;
        }

            .st-calendar-header > .head-dates > .dates-container > .day-head,
            .st-calendar-header > .head-dates > .dates-container > .month-head,
            .st-calendar-header > .head-dates > .dates-container > .week-head {
                height: 100%;
                display: inline-flex;
                width: 40px;
                min-width: 40px;
                cursor: pointer;
            }

                .st-calendar-header > .head-dates > .dates-container > .day-head > .date-info,
                .st-calendar-header > .head-dates > .dates-container > .month-head > .date-info,
                .st-calendar-header > .head-dates > .dates-container > .week-head > .date-info {
                    color: white;
                    font-size: 12px;
                    width: 28px;
                    border-radius: 20px;
                    height: 52px;
                    background-color: transparent;
                    transition: 0.25s;
                }

                .st-calendar-header > .head-dates > .dates-container > .day-head.selected-date > .date-info,
                .st-calendar-header > .head-dates > .dates-container > .month-head.selected-date > .date-info,
                .st-calendar-header > .head-dates > .dates-container > .week-head.selected-date > .date-info {
                    background-color: black;
                }

                .st-calendar-header > .head-dates > .dates-container > .day-head > .date-info .event-suggestion,
                .st-calendar-header > .head-dates > .dates-container > .month-head > .date-info .event-suggestion,
                .st-calendar-header > .head-dates > .dates-container > .week-head > .date-info .event-suggestion {
                    height: 3px;
                    width: 3px;
                    background-color: rgba(255, 255, 255, 0.75);
                    border-radius: 50%;
                    margin: 3px 1px;
                }

                .st-calendar-header > .head-dates > .dates-container > .day-head.past-date > .date-info .event-suggestion,
                .st-calendar-header > .head-dates > .dates-container > .month-head.past-date > .date-info .event-suggestion,
                .st-calendar-header > .head-dates > .dates-container > .week-head.past-date > .date-info .event-suggestion {
                    background-color: rgba(0, 0, 0, 0.25);
                }

                .st-calendar-header > .head-dates > .dates-container > .day-head.selected-date > .date-info .event-suggestion,
                .st-calendar-header > .head-dates > .dates-container > .month-head.selected-date > .date-info .event-suggestion,
                .st-calendar-header > .head-dates > .dates-container > .week-head.selected-date > .date-info .event-suggestion {
                    visibility: hidden;
                }

                .st-calendar-header > .head-dates > .dates-container > .day-head.past-date > .date-info,
                .st-calendar-header > .head-dates > .dates-container > .month-head.past-date > .date-info,
                .st-calendar-header > .head-dates > .dates-container > .week-head.past-date > .date-info {
                    color: rgba(0, 0, 0, 0.5);
                }

                .st-calendar-header > .head-dates > .dates-container > .day-head.past-date.selected-date > .date-info,
                .st-calendar-header > .head-dates > .dates-container > .month-head.past-date.selected-date > .date-info,
                .st-calendar-header > .head-dates > .dates-container > .week-head.past-date.selected-date > .date-info {
                    background-color: rgba(255,255,255,.25);
                    color: rgba(0, 0, 0, 0.5);
                }

    .st-calendar-header > .head-left,
    .st-calendar-header > .head-right {
        color: black;
        font-size: 12px;
        width: 40px;
        text-align: center;
    }

        .st-calendar-header > .head-left > span,
        .st-calendar-header > .head-right > span {
            cursor: pointer;
            border-radius: 50px;
            height: 30px;
            width: 30px;
            line-height: 30px;
            transition: 0.25s;
        }

            .st-calendar-header > .head-left > span:hover,
            .st-calendar-header > .head-right > span:hover {
                background-color: rgba(255,255,255,.5);
            }

.main-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    padding-bottom: 22px;
    padding-top: 22px;
}

    .main-header .heading-sub-date {
        float: right;
        margin-top: 5px;
    }

    .main-header .heading-sub {
        font-size: 14px;
    }

    .main-header .main-header-form-group {
        margin-top: -22px;
    }

        .main-header .main-header-form-group label {
            font-size: 13px;
            color: #757676;
        }

.sub-name {
    font-size: 18px;
    padding: 0 10px;
}

/*Inputs*/

.input-height {
    height: 30px;
}

.form-control {
    background-color: rgba(0, 0, 0, 0.07);
    color: black;
    font-size: 15px;
    line-height: 20px;
    border: none;
    /*padding: 8px;*/
}

.control-label {
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-size: 11px !important;
    color: rgba(0, 0, 0, 0.75);
    margin-bottom: 4px !important;
    padding-left: 8px;
}

.form-control.bg-white {
    background-color: white;
}

    .form-control.bg-white:focus,
    .form-control.bg-white:active {
        background-color: white;
    }

.form-control:focus,
.form-control:active {
    background-color: rgba(0, 0, 0, 0.14);
}

input.form-control::placeholder {
    font-size: 13px !important;
    font-weight: 400;
    color: rgba(60, 60, 67, 0.6);
}

input.form-control::-webkit-input-placeholder {
    font-size: 13px !important;
    font-weight: 400;
    color: rgba(60, 60, 67, 0.6);
}

input.form-control::-moz-placeholder {
    font-size: 13px !important;
    font-weight: 400;
    color: rgba(60, 60, 67, 0.6);
}

input.form-control::-ms-placeholder {
    font-size: 13px !important;
    font-weight: 400;
    color: rgba(60, 60, 67, 0.6);
}

.form-inline .form-group > label {
    font-size: 13px;
    display: inline-block;
    font-family: "OpensansBold";
}

.form-inline .form-group .form-control {
    width: 300px;
    vertical-align: middle;
}

.form-group .validationMessage {
    bottom: -17px;
    position: absolute;
    top: auto;
}

.form-control-mini, .form-control-mini .k-numeric-wrap.k-state-default, .form-control-mini .k-dropdown-wrap.k-state-default {
    width: 62px !important;
    min-width: 62px !important;
}

.form-control-tiny, .form-control-tiny .k-numeric-wrap.k-state-default, .form-control-tiny .k-dropdown-wrap.k-state-default {
    width: 76px !important;
    min-width: 76px !important;
}

.form-control-small, .form-control-small .k-numeric-wrap.k-state-default, .form-control-small .k-dropdown-wrap.k-state-default {
    width: 94px !important;
    min-width: 94px !important;
}

.form-control-short, .form-control-short .k-numeric-wrap.k-state-default, .form-control-short .k-dropdown-wrap.k-state-default {
    width: 128px !important;
    min-width: 128px !important;
}

.form-control-medium, .form-control-medium .k-numeric-wrap.k-state-default, .form-control-medium .k-dropdown-wrap.k-state-default {
    width: 200px !important;
    min-width: 200px !important;
}

.form-control-large, .form-control-large .k-numeric-wrap.k-state-default, .form-control-large .k-dropdown-wrap.k-state-default {
    width: 300px !important;
    min-width: 300px !important;
}

.form-control-xlarge, .form-control-xlarge .k-numeric-wrap.k-state-default, .form-control-xlarge .k-dropdown-wrap.k-state-default {
    width: 350px !important;
    min-width: 350px !important;
}

.form-control-auto-width, .form-control-auto-width .k-numeric-wrap.k-state-default, .form-control-auto-width .k-dropdown-wrap.k-state-default {
    width: auto !important;
    min-width: auto !important;
}

/*Inputs dropdwon*/

.k-textbox > input, .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    height: 30px !important;
}

/*.k-select .k-i-arrow-s {
    visibility: hidden;
}

.k-select .k-i-arrow-s{
    visibility: hidden;
}

.k-select .k-i-arrow-s:before {
    visibility: visible;
}

    .k-select .k-i-arrow-s:before {
        visibility: visible;
    }*/

.k-textbox > .k-item, .k-item, .k-picker-wrap .k-item, .k-numeric-wrap .k-item, .k-dropdown-wrap .k-item, .k-selectbox .k-item {
    font-size: 13px !important;
    font-weight: 400 !important;
}

.k-callout-s {
    border-top-color: #369f8f
}
.k-widget.k-tooltip {
    border-color: #369f8f;
    background-color: #369f8f;
    color: #fff
}
.k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default, .k-picker-wrap.k-state-default {
    background-color: rgba(0, 0, 0, 0.07) !important;
    border: none;
    transition: 0.25s;
}

.bg-white > .k-numeric-wrap.k-state-default,
.bg-white > .k-dropdown-wrap.k-state-default,
.bg-white > .k-picker-wrap.k-state-default {
    background-color: white !important;
}

.input-dark-grey .k-numeric-wrap.k-state-default, .input-dark-grey .k-dropdown-wrap.k-state-default, .input-dark-grey .k-picker-wrap.k-state-default {
    background-color: rgba(255, 255, 255, 0.25) !important;
}

.input-dark-grey .k-dropdown-wrap.k-state-disabled {
    border: none;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.25) !important;
}

    .input-dark-grey .k-dropdown-wrap.k-state-disabled > span.k-select {
        display: none;
    }

.k-dropdown .k-input, .k-input {
    color: black !important;
    background-color: transparent !important;
}

.input-dark-grey .k-dropdown .k-input, .input-dark-grey .k-input,
.input-dark-grey span {
    color: white !important;
    background-color: transparent !important;
}

.k-dropdown .k-select, .k-selectbox .k-select, .k-select {
    border: none !important;
    display: inline-flex;
    align-items: center;
}

.k-picker-wrap.k-state-focused,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-dropdown-wrap.k-state-focused,
.k-dropdown-wrap.k-state-active {
    background-color: rgba(0, 0, 0, 0.14) !important;
}

    .k-dropdown-wrap.k-state-focused .k-select .k-icon,
    .k-dropdown-wrap.k-state-active .k-select .k-icon {
        color: black !important;
    }

.input-dark-grey .k-dropdown-wrap.k-state-focused .k-select .k-icon,
.input-dark-grey .k-dropdown-wrap.k-state-active .k-select .k-icon {
    color: white !important;
}
/* Main Search */
.main-search { /*position:relative;display:inline-block;vertical-align:middle;padding:15px;*/
    display: block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    margin-top: 20px;
    z-index: 10001;
}

    .main-search > a {
        display: block;
        height: 24px;
        line-height: 32px;
        color: rgba(255, 255, 255, 0.4);
        position: inherit;
        z-index: 1005;
    }

        .main-search > a > span {
            font-size: 27px !important;
        }

        .main-search > a:hover {
            color: white;
        }

    .main-search #leftsearch { /*left: 22px;position: absolute;top:22px;*/
        color: #bdbdbd;
        font-size: 20px;
    }

    input[type="search"] ~ .clear-text,
    .main-search .clear-text {
        right: 6px;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: rgba(60, 60, 67, 0.6);
        position: absolute;
        top: 0;
        bottom: 0px;
        margin-bottom: auto;
        margin-top: auto;
        color: white;
        cursor: pointer;
        line-height: 12px;
        visibility: hidden;
        opacity: 0;
        z-index: 1;
        font-size: 12px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-weight: 600;
    }

        input[type="search"] ~ .clear-text:before,
        .main-search .clear-text:before {
            font-family: "Material Icons";
            content: "\e5cd";
        }

    .main-search .advanced-search-btn a {
        color: #bdbdbd;
        right: 22px;
        top: 24px;
        position: absolute;
        font-size: 10px;
    }

        .main-search .advanced-search-btn a .caret {
            border-top-color: #3f3f3f;
        }

    .main-search input#advancedsearchinput {
        box-shadow: -2px 1px 1px #FFFFFF inset;
        -webkit-box-shadow: -2px 1px 1px #FFFFFF inset;
        -moz-box-shadow: -10px 4px 14px #f6f6f6 inset;
        border: 1px solid #eaeaea;
        padding: 0 20px 0 10px;
        z-index: 11;
    }

.advancedsearchinput::-ms-clear {
    display: none;
}

.advanced-search-link {
    display: inline-block;
    vertical-align: middle;
}

    .advanced-search-link a {
        color: #a9a9a9;
        text-decoration: underline;
    }

        .advanced-search-link a:hover {
            text-decoration: none;
        }

.search-new {
    display: inline-block;
    vertical-align: middle;
}

.search-unified {
    background-color: #fff;
    position: absolute;
    border-top: none;
    z-index: 1001;
    line-height: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.search-unified-visible {
    visibility: visible;
    opacity: 1;
    top: 41px;
}

.filter-search {
    width: 100%;
    height: auto;
}

.unified-result {
    margin-bottom: 0;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    min-height: 50px;
}

    .unified-result.no-results {
        min-height: 100px;
    }

        .unified-result.no-results .notecordsfound {
            float: none !important;
            height: auto !important;
            padding: 50px !important;
            cursor: default;
        }

            .unified-result.no-results .notecordsfound i {
                position: relative;
            }

.advanced-search-inner {
    background-color: #fff;
    border-top: none;
    position: fixed;
    width: 0;
    z-index: 1002;
    line-height: 20px;
    opacity: 0;
    visibility: hidden;
    left: -100%;
    top: 56px;
    text-align: left;
    overflow: visible !important;
    -webkit-transition: all 0.50s ease 0s;
    -moz-transition: all 0.50s ease 0s;
    -o-transition: all 0.50s ease 0s;
    transition: all 0.50s ease 0s;
    -webkit-backface-visibility: hidden;
}

.advanced-search-inner-visible {
    visibility: visible;
    opacity: 1;
    width: 800px;
    z-index: 10;
    left: 72px;
    overflow: visible !important;
}

.quick-search-header .new-tab {
    opacity: 0;
    transition: .3s;
    transition-delay: 0s;
}

.quick-search-header .tag-wrapper {
    display: flex;
    align-items: center;
}

    .quick-search-header .new-tab.selected,
    .quick-search-header .tag-wrapper:hover .new-tab {
        opacity: 1;
        -webkit-animation: show-bounced-left .4s;
        -moz-animation: show-bounced-left.4s;
        animation: show-bounced-left .4s;
        animation-delay: .3s;
        transition-delay: .3s;
    }

.quick-search-body {
    padding: 16px 24px;
    overflow-y: auto;
}

.quick-search-inner-visible {
    position: relative;
    visibility: visible;
    opacity: 1;
}

.advanced-search-inner-visible .divider {
    margin-top: 9px !important;
}

.total-results {
    padding: 10px;
}

.more-results {
    border-top: 1px solid #f1f1f1;
    padding: 10px;
}

    .more-results a {
    }

.no-results {
}

.advanced-search-inner:before,
.advanced-search-inner:after {
    border-width: 12px;
    content: "";
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
}

/* UI/UX to drop
.advanced-search-inner:before {
    border-width: 12px 12px 12px 0;
    border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    top: 15px;
    bottom: 0;
    margin-left: -24px;
}


.advanced-search-inner:after {
    border-color: #FFFFFF;
    border-radius: 3px 0 0 3px;
    border-style: solid;
    border-width: 24px 45px;
    bottom: -2px;
    display: block;
    height: 0;
    margin-left: -100px;
    position: absolute;
    top: 15px;
    width: 0;
}
    */
.advanced-search-inner .legend {
    line-height: 20px;
    padding-bottom: 18px;
}

.advanced-search-inner .col-lg-4,
.advanced-search-inner .col-lg-3,
.advanced-search-inner label {
    display: inline-block;
    vertical-align: middle;
}

.advanced-search-inner .col-lg-4,
.advanced-search-inner .col-lg-3 {
    float: none;
}

.advanced-search-inner .as-addremovecontrols {
    display: inline-block;
}

    .advanced-search-inner .as-addremovecontrols a {
        color: #bfbfbf;
        border-left: 1px solid #bfbfbf;
        padding: 0 10px;
    }

        .advanced-search-inner .as-addremovecontrols a:first-child {
            border-left: none;
        }

.advanced-search-inner .search-records .row {
    margin-bottom: 10px;
}

    .advanced-search-inner .search-records .row .col-lg-3:first-child {
        padding-left: 0px;
    }

.advancedsearch-close {
    color: #369f8f;
    font-size: 20px;
    position: absolute;
    right: -30px;
    top: 0;
    background-color: #ffffff;
    padding: 5px;
}

    .advancedsearch-close:hover {
        color: #369f8f;
    }

/* Body Container */
.left-bar, .main-container {
    -webkit-transition: 0.50s;
    -moz-transition: 0.50s;
    -o-transition: 0.50s;
    transition: 0.50s;
}

.left-bar {
    background-color: #000 /*#232323*/;
    bottom: 0;
    float: left;
    min-height: 100%;
    position: fixed;
    top: 56px;
    width: 72px;
    z-index: 8;
}
/*.left-bar:hover{overflow:auto;padding-bottom: 101px;}*/
.main-container { /*background-color:#fff #eaedef*/
    padding: 32px 40px 20px;
    min-height: 700px;
    position: relative;
    margin: 0 0 0 72px;
    height: auto;
    -o-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -webkit-transition: all 0.75s ease;
    transition: all 0.75s ease;
}

    .main-container .inner-container {
        background-color: #fff;
        padding: 20px;
    }

    .main-container.page-enter {
        left: -1em;
    }

        .main-container.page-enter.loded {
            left: 0em;
        }

    .main-container .btn + .btn {
        margin-left: 10px;
    }

.grid .btn-group > .btn + .btn {
    margin-left: 0px;
}

.sub-container {
    background-color: #fff;
    padding: 20px;
    border: solid 1px #dbe0e4;
    min-height: 700px;
}

    .sub-container.st-subcampaign {
        overflow-y: auto;
    }

    .sub-container .btn + .btn {
        margin-left: 10px;
    }

    .sub-container .btn-group > .btn + .btn {
        margin-left: 0px;
    }

.grid .btn-group > .btn + .btn {
    margin-left: 0px;
}

.sub-container .page-title {
    margin-bottom: 0px;
}

/* left Menu */
.left-bar .new-campaing {
    padding: 14px;
}

.left-bar nav ul {
    margin: 0px;
    margin-top: 30px;
    padding: 0px;
}

.left-bar ul.nav > li {
    margin-bottom: 20px;
}

.left-bar nav ul li .tooltip {
    opacity: 0;
    background: rgba(255,255,255,0);
    padding: 0;
}

    .left-bar nav ul li .tooltip.right .tooltip-arrow {
        margin-left: -5px;
        border-right-color: #fff;
    }

    .left-bar nav ul li .tooltip.right .tooltip-inner {
        background-color: #fff;
        color: #34373C;
        width: auto;
        white-space: nowrap;
        border-radius: 3px;
        padding: 10px;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    }

.left-bar nav ul li .tooltip {
    background-color: #fff;
}

.left-bar ul.nav > li > a {
    color: rgba(255, 255, 255, 0.4);
    padding: 0px;
    line-height: 1;
    font-family: 'Noto Sans';
}

    .left-bar ul.nav > li > a:before {
        font-size: 27px !important;
    }

.left-bar nav ul li .st-left-arrow {
    right: 0px;
    top: 50%;
    margin-top: -9px;
    border-width: 6px 6px 6px 0;
    border-color: rgba(255,255,255,0) #eaedef rgba(255,255,255,0) rgba(255,255,255,0);
    opacity: 0;
}

.left-bar nav ul li.active .st-left-arrow {
    opacity: 1;
}

.left-bar nav ul li.active { /*border-left:5px solid #369f8f;*/ /*border-top: none;*/
    border-bottom: none;
}

.left-bar nav ul li [class^="st-icon-"]:before, .left-bar nav ul li [class*=" st-icon-"]:before,
.left-bar nav ul li [class*="icon-stc-"]:before {
    font-size: 24px;
    margin: 0 17px 0 17px;
    display: block;
    line-height: 32px;
}

.left-bar nav ul li.active [class^="st-icon-"]:before, .left-bar nav ul li.active [class*=" st-icon-"]:before {
    margin: 0 17px 0 17px;
}

.left-bar nav ul li [class^="fa-icon-"]:before, .left-bar nav ul li [class*=" fa-icon-"]:before {
    font-size: 24px;
    margin: 0 17px 0 17px;
    display: block;
    line-height: 32px;
}

.left-bar nav ul li.active [class^="fa-icon-"]:before, .left-bar nav ul li.active [class*=" fa-icon-"]:before {
    margin: 0 17px 0 17px;
}

.navbar .nav > li.active > a, .navbar ul.nav > li > a:hover, .navbar .nav > li.active > a:hover, .navbar .nav > li.active > a:focus {
    color: white;
}

.main-container.sidebar-collapsed {
    margin-left: 50px;
}

.left-bar.sidebar-collapsed {
    width: 50px;
    overflow: hidden;
}

    .left-bar.sidebar-collapsed .main-search span.fui-search {
        color: #303030;
    }

    .left-bar.sidebar-collapsed .main-search .advanced-search-btn a {
        opacity: 0;
    }

    .left-bar.sidebar-collapsed .main-search input {
        opacity: 0;
        width: 145px;
    }

    .left-bar.sidebar-collapsed .main-search:hover span.fui-search {
        color: #369f8f;
    }

    .left-bar.sidebar-collapsed .main-search:hover .advanced-search-btn a,
    .left-bar.sidebar-collapsed .main-search:focus,
    .left-bar.sidebar-collapsed .main-search:hover input {
        opacity: 0;
    }

    .left-bar.sidebar-collapsed .main-search:hover,
    .left-bar.sidebar-collapsed .navbar .nav > li:hover {
    }

    .left-bar.sidebar-collapsed .navbar .nav > li.active:hover .st-left-arrow {
    }

.navbar .nav > li > a {
    padding: 4px 6px;
}



@media(min-width:320px) and (max-width:1155px) {

    .top-nav > ul > li.btn-group > a {
        color: #fff;
        padding: 0 8px;
        display: table-cell;
    }

    .top-nav > ul > li.btn-group.add-newrecord a.dropdown-toggle {
        padding: 0 10px 0 0;
    }

    .top-nav > ul > li.btn-group.add-newrecord > a {
        padding: 0 0px 0 10px;
    }

    .top-nav > ul > li { /*border-right: 1px solid #252525;*/
        float: left; /*padding: 0 14px;*/
    }

    .utilities .iconbar > ul > li.btn-group .dropdown-arrow {
        right: 14px;
    }

    .utilities .iconbar.iconbar-horizontal .iconbar-unread {
        right: 6px;
    }
}


@media(min-width:320px) and (max-width:738px) {
    .left-bar nav ul li [class^="st-icon-"]:before, .left-bar nav ul li [class*=" st-icon-"]:before {
        font-size: 20px;
        margin: 0 17px 0 17px;
        display: block;
        line-height: 24px;
    }

    .left-bar nav ul li [class^="fa-icon-"]:before, .left-bar nav ul li [class*=" fa-icon-"]:before {
        font-size: 20px;
        margin: 0 17px 0 17px;
        display: block;
        line-height: 24px;
    }
}

/* Grid footer*/

.grid-view .grid-footer {
    line-height: 36px;
    margin-top: 20px;
}

    .grid-view .grid-footer .grid-total-items {
        font-weight: 300;
        color: #757676;
    }

    .grid-view .grid-footer .grid-pager {
        float: right;
    }

        .grid-view .grid-footer .grid-pager .view-items {
            display: inline-block;
        }

            .grid-view .grid-footer .grid-pager .view-items .num-items {
                width: 98px;
                display: inline-block;
                vertical-align: middle;
            }

/* Custom Icons */
.st-campaign-img-big,
.st-campaign-share,
.st-campaign-social,
.st-campaign-divider,
.st-campaign-button,
.st-campaign-img-text,
.st-campaign-img-text-left,
.st-campaign-img-text-bottom,
.st-campaign-img-4,
.st-campaign-img-3,
.st-campaign-img-2,
.st-campaign-img,
.st-campaign-text,
.st-campaign-footer,
.st-campaign-addlink,
.st-campaign-table-icon,
.st-campaign-title {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    background: url(../../img/campaign_sprite-updated.png) no-repeat;
    margin: 0 0 0 12px;
}

.st-campaign-img-big {
    background-position: -19px -42px;
    padding: 22px 28px;
}

.st-down-arrow {
    border-width: 6px 6px 0;
    border-color: #bdbdbd #ffffff #ffffff #ffffff;
    border-style: solid;
    position: absolute;
    height: 0px;
    width: 0px;
}

.st-up-arrow {
    border-width: 0px 6px 6px;
    border-color: #ffffff #ffffff #bdbdbd #ffffff;
    border-style: solid;
    position: absolute;
    height: 0px;
    width: 0px;
}

.st-right-arrow {
    border-width: 6px 0 6px 6px;
    border-color: #ffffff #ffffff #ffffff #bdbdbd;
    border-style: solid;
    position: absolute;
    height: 0px;
    width: 0px;
}

.st-left-arrow {
    border-width: 6px 6px 6px 0px;
    border-color: #ffffff #bdbdbd #ffffff #ffffff;
    border-style: solid;
    position: absolute;
    height: 0px;
    width: 0px;
}

.st-upload-small-white,
.st-upload-large-gray {
    background: url(../../img/upload_sprite.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.st-upload-small-white {
    background-position: -7px -59px;
    width: 22px;
    height: 16px;
}

.st-upload-large-gray {
    background-position: 0 0px;
    width: 35px;
    height: 25px;
}

.st-notverified:before,
.st-verified:before,
.st-soft-bounce:before,
.st-hard-bounce:before,
.st-complained:before,
.st-suppressed:before,
.st-unsubscribed:before {
    font-family: 'Material Icons Outlined';
    width: 17px;
    height: 17px;
    border-radius: 50%;
    color: white;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.st-verified:before {
    content: "\e876";
    background-color: #369f8f;
}

.st-notverified:before {
    content: "\e5cd";
    background-color: rgba(0, 0, 0, 0.5);
}

.st-soft-bounce:before {
    content: "\e645";
    background-color: #ffc713;
}

.st-hard-bounce:before {
    content: "\e5cd";
    background-color: #DC1D1D;
}

.st-unsubscribed:before {
    font-family: 'Material Icons Round';
    content: "\e047";
    background-color: #DC1D1D;
}

.st-complained:before {
    content: "\e645";
    background-color: #DC1D1D;
}

.st-suppressed:before {
    content: "\e033";
    background-color: #DC1D1D;
}

.st-pending {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .st-pending:before {
        font-family: 'Material Icons Outlined';
        content: "\ef64";
        font-size: 21px;
        color: rgba(0, 0, 0, .45);
    }

/* Manage tags*/
.addcompany {
    float: none;
    position: relative;
    box-shadow: none;
    margin: 0 -15px;
    border: none;
    opacity: 1;
    visibility: visible;
    z-index: 98 !important;
}

    .addcompany li,
    .lessoption {
        text-align: right;
        padding-top: 13px;
    }

        .lessoption a {
            color: #3f3f3f;
        }

.topnav-inner.sendemail {
    width: 608px;
}

.topnav-inner {
    width: 500px;
    margin-top: 0px !important;
    border-top: none !important;
    box-shadow: 0px 5px 5px rgba(199, 199, 199, 1) !important;
}

    .topnav-inner .addinner {
        padding: 20px 15px 0 15px;
        max-height: 400px;
        overflow-y: auto;
    }

    .topnav-inner .topnavinner-heading {
        border-bottom: 1px solid #F0F0F0;
        line-height: 23px;
        padding: 10px 15px;
    }

    .topnav-inner .community {
        background-color: #fff !important;
        width: 185px;
        text-align: left;
    }

.touron {
    width: 185px;
}

span.light-effect {
    height: 40px;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    border-radius: 50%;
}

    span.light-effect:hover {
        cursor: pointer;
        background-color: rgba(255,255,255,.5);
    }

#quick-actions .dp-topnav-inner {
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    background-color: #fff;
    min-height: 150px;
}

.quick-action-modal-wrapper {
    position: fixed;
    z-index: 9999;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    padding-top: 56px;
    padding-bottom: 24px;
    background: rgba(0, 0, 0, 0.50);
}

    .quick-action-modal-wrapper > div {
        width: 720px;
        height: fit-content;
        margin-top: 0px !important;
        border-top: none !important;
        background-color: #ffffff;
    }

.top-nav .dp-more-inner {
    background-color: #fff;
    min-height: 150px;
}

#quick-actions .dp-more-inner {
    background-color: #fff;
    min-height: 150px;
}

#quick-actions .dp-more-inner.loader,
#quick-actions .dp-topnav-inner.loader {
    background: url(../../img/preloader-new.svg) no-repeat center center #fff;
}

.dp-inner {
    position: fixed;
    z-index: 1030;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    padding-top: 56px;
    padding-bottom: 24px;
    background: rgba(0, 0, 0, 0.50);
}

    .dp-inner > div,.modal-inner {
        width: 720px;
        height: fit-content;
        margin-top: 0px !important;
        border-top: none !important;
        background-color: #ffffff;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
    }
    /*
.dp-topnav-inner {
    width: 720px;
    height: fit-content;
    margin-top: 0px !important;
    border-top: none !important;
    background-color: #ffffff;
}*/

        .dp-inner .dp-topnav-inner-heading, .modal-inner .dp-topnav-inner-heading {
            line-height: 23px;
            padding: 10px 15px;
            font-size: 20px;
            background: #000000;
            border-bottom: 1px solid rgba(0, 0, 0, 0.25);
            color: #FFFFFF;
        }

    .dp-inner .dp-topnav-inner-body {
        padding: 16px 24px;
        max-height: 75vh;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .dp-inner .moreinner-body {
        padding: 0;
        max-height: 450px;
        overflow-y: auto;
    }

    .dp-inner .control-label {
        color: #000 !important;
        font-size: 12px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 24px !important;
        letter-spacing: 0.15px !important;
        text-transform: none !important;
        padding-left: 0px;
    }


.modal .dp-topnav-inner.sendemail {
    width: 100%;
}

.sendemail .sendemail-body {
    padding: 0px 0px 0 0px;
    max-height: 500px;
}

#SendEmailModel .sendemail-body {
    overflow: hidden;
    overflow-y: auto;
}

.sendemail .sendemail-body .sendemail-header .recipients {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    position: relative;
}

.sendemail .sendemail-body .sendemail-header .recipients {
    border-bottom: 1px solid #eaeaea;
    position: relative;
}

    .sendemail .sendemail-body .sendemail-header .recipients .recipients-label {
        width: 72px;
        color: #757676;
        line-height: 28px;
        text-align: right;
        float: left;
    }

    .sendemail .sendemail-body .sendemail-header .recipients .from-list {
        border: 0;
        position: relative;
        margin-left: 72px;
    }

    .sendemail .sendemail-body .sendemail-header .recipients .recipients-label a.cc-bcc {
        display: inline-block;
        height: 10px;
    }

        .sendemail .sendemail-body .sendemail-header .recipients .recipients-label a.cc-bcc .st-down-arrow {
            left: 10px;
            margin-top: 3px;
        }

        .sendemail .sendemail-body .sendemail-header .recipients .recipients-label a.cc-bcc .st-right-arrow {
            left: 10px;
        }

    .sendemail .sendemail-body .sendemail-header .recipients .from-list.from {
        display: inline-block;
        margin-left: 0;
        width: 515px;
    }


    .sendemail .sendemail-body .sendemail-header .recipients .k-dropdown-wrap {
        border: none;
    }

    .sendemail .sendemail-body .sendemail-header .recipients .select .btn.btn-normal {
        border: none;
    }

    .sendemail .sendemail-body .sendemail-header .recipients .select .btn {
        color: #878787;
    }

.sendemail .sendemail-body .k-editable-area {
    border-width: 1px 0 0 0;
}

.sendemail .sendemail-body .cke_chrome {
    border: none;
}

.sendemail .sendemail-body .k-editor-toolbar {
    padding-left: 5px;
}

    .sendemail .sendemail-body .k-editor-toolbar .k-editor-widget, .k-editor-toolbar > li {
        margin-right: 0;
    }


.sendemail .sendemail-body .tagsinput {
    max-height: 100px;
}

.sendemail .st-icon-google-drive {
    color: #f2b618;
    font-size: 18px;
}

.sendemail .dropbox-dropin-btn.dropbox-dropin-default {
    font-size: 0 !important;
    width: 20px;
    margin-top: 3px;
}

.sendemail .dropbox-dropin-btn, .dropbox-dropin-btn:link, .dropbox-dropin-btn:hover {
    background: none !important;
    border: 0 !important;
}

.dp-topnav-inner.change-status {
    width: 400px;
}

.change-status .change-status-body {
    padding: 0px 0px 0 0px;
    max-height: 500px;
}

    .change-status .change-status-body .edit-panel {
        padding: 15px;
    }

    .change-status .change-status-body .change-status-header .recipients {
        border-bottom: 1px solid #eaeaea;
        position: relative;
    }

        .change-status .change-status-body .change-status-header .recipients .recipients-label {
            width: 70px;
            color: #757676;
            line-height: 28px;
            text-align: right;
            float: left;
        }

        .change-status .change-status-body .change-status-header .recipients .from-list {
            border: 0;
            position: relative;
            margin-left: 72px;
        }

        .change-status .change-status-body .change-status-header .recipients .k-dropdown-wrap {
            border: none;
        }

        .change-status .change-status-body .change-status-header .recipients .recipients-label a.cc-bcc {
            display: inline-block;
            height: 10px;
        }

            .change-status .change-status-body .change-status-header .recipients .recipients-label a.cc-bcc .st-down-arrow {
                left: 20px;
                margin-top: 3px;
            }

            .change-status .change-status-body .change-status-header .recipients .recipients-label a.cc-bcc .st-right-arrow {
                left: 20px;
            }

        .change-status .change-status-body .change-status-header .recipients input {
            border: none;
        }

        .change-status .change-status-body .change-status-header .recipients .from-list.from {
            display: inline-block;
            margin-left: 0;
            width: 515px;
            padding: 0;
        }

.dp-topnav-inner.sendsms {
    width: 608px;
}

.sendsms .sendsms-body {
    padding: 0px 0px 0 0px;
    max-height: 500px;
}

    .sendsms .sendsms-body .sendsms-header .recipients {
        border-bottom: 1px solid #eaeaea;
        position: relative;
    }

        .sendsms .sendsms-body .sendsms-header .recipients .recipients-label {
            width: 70px;
            color: #757676;
            line-height: 28px;
            text-align: right;
            float: left;
        }

        .sendsms .sendsms-body .sendsms-header .recipients .from-list {
            border: 0;
            position: relative;
            margin-left: 72px;
        }

        .sendsms .sendsms-body .sendsms-header .recipients .k-dropdown-wrap {
            border: none;
        }

        .sendsms .sendsms-body .sendsms-header .recipients .recipients-label a.cc-bcc {
            display: inline-block;
            height: 10px;
        }

            .sendsms .sendsms-body .sendsms-header .recipients .recipients-label a.cc-bcc .st-down-arrow {
                left: 20px;
                margin-top: 3px;
            }

            .sendsms .sendsms-body .sendsms-header .recipients .recipients-label a.cc-bcc .st-right-arrow {
                left: 20px;
            }

        .sendsms .sendsms-body .sendsms-header .recipients input {
            border: none;
        }

        .sendsms .sendsms-body .sendsms-header .recipients .from-list.from {
            display: inline-block;
            margin-left: 0;
            width: 515px;
            padding: 0;
        }


    .sendsms .sendsms-body textarea#txtBody {
        border: none;
    }

    .sendsms .sendsms-body .character-count {
        position: absolute;
        right: 10px;
        margin-top: -20px;
        z-index: 3;
    }

        .sendsms .sendsms-body .character-count > span#Count {
            display: inline-block;
            width: 25px;
        }

    .sendsms .sendsms-body .cke_chrome {
        border: none;
    }

    .sendsms .sendsms-body .tagsinput {
        max-height: 100px;
    }

/*.k-editable-area iframe .email-link {background-color: rgba(109, 152, 195, 0.2);border: 1px solid rgba(109, 152, 195, 0.2);color: #6d98c3;display: block;padding: 10px;}*/


.tags-search {
    border: 1px solid #EDEDED;
    border-top: 0;
}

    .tags-search .filters {
    }
/*.tags-search .filters_popup{}*/

/*.tags-search .filters a{border-right:1px solid #EDEDED;line-height: 40px;padding: 0 10px;color:#BDBDBD;font-family:'OpenSansbold';}
.tags-search .filters a.selected{color:#369f8f;}aa
.tags-search .filters a:last-child{border-right:0;}*/

/*border-right:1px solid #EDEDED;*/
/* UI/UX to drop
.filters-tags a {
    border-right: 1px solid #EDEDED;
    line-height: 30px;
    padding: 0 10px;
    color: #BDBDBD;
    font-family: 'OpenSansbold';
}

    .filters-tags a.selected {
        color: #369f8f;
    }

    .filters-tags a:last-child {
        border-right: 0;
    }
    */

.filters a {
    border-right: 1px solid #EDEDED;
    line-height: 30px;
    padding: 0 10px;
    color: #BDBDBD;
    font-family: 'OpenSansbold';
}

    .filters a.selected {
        color: #369f8f;
    }

    .filters a:last-child {
        border-right: 0;
    }

/*.filters_popup a{border-right:1px solid #EDEDED; line-height: 30px;padding: 0 10px;color:#BDBDBD;font-family:'OpenSansbold';}
.filters_popup a.selected{color:#369f8f;}
.filters_popup a:last-child{border-right:0;}*/


.tags-search .search-results {
    margin: 0;
    padding: 0;
}

    .tags-search .search-results li {
        border-top: 1px solid #EDEDED;
        padding: 8px 10px;
    }

        .tags-search .search-results li label.checkbox {
            margin: 0;
        }



li.recentTagsLi {
    height: 33px;
}

li.popularTagsLi {
    height: 33px;
}


.tags-search.cu-popup {
    position: relative;
    left: 0;
    z-index: 1000;
    background-color: #fff;
    min-width: 252px;
    height: 0;
}

.st-recent-popular .st-tags {
    border-bottom: 1px solid #ededed;
}

.st-recent-popular .tags-search {
    border: none;
}

.st-recent-popular ul.search-results {
    position: absolute;
    min-width: 50% !important;
    background: white;
    border: 1px solid #ededed;
    box-shadow: 1px 2px 5px 0 #d2d2d2;
    -webkit-box-shadow: 1px 2px 5px 0 #d2d2d2;
    -moz-box-shadow: 1px 2px 5px 0 #d2d2d2;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}

    .st-recent-popular ul.search-results:nth-child(2) {
        right: 0%;
    }

.st-recent-popular .search-results li:first-child {
    border-top: none;
}

.st-recent-tags #txtContactTags_tagsinput {
    border: 1px solid #ededed;
    transition: border .25s linear,color .25s linear,background-color .25s linear;
}

.st-recent-popular {
    position: relative;
}

.st-recent-tags #txtContactTags_tagsinput.focus, .st-recent-tags #txtContactTags_tagsinput:focus {
    border-color: #369f8f;
    outline: 0;
}

.relationship {
    padding-left: 0;
}

    .relationship li {
        list-style: none;
        border-top: solid 1px #f4f4f4;
        padding: 10px 20px;
        line-height: 37px;
    }

    .relationship li {
        padding: 0;
    }

        .relationship li .recycle {
            background: url(../../img/recycle.png)no-repeat;
            width: 20px;
            height: 20px;
            float: right;
            cursor: pointer;
        }

.add-relation {
    position: relative;
    top: -7px;
}

.top-nav .moreinner {
    /*position: absolute;
    top: 48px;
    right: 0;
    z-index: 998;*/
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    transform: translateY(-50%);
    background-color: #fff;
}

#quick-actions .moreinner {
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    background-color: #fff;
}

.top-nav ul > li:nth-child(6) .moreinner,
.top-nav ul > li:nth-child(5) .moreinner,
.top-nav ul > li:nth-child(4) .moreinner,
.top-nav ul > li:nth-child(3) .moreinner,
.top-nav ul > li:nth-child(2) .moreinner,
.top-nav ul > li:nth-child(1) .moreinner {
    right: auto;
    left: 0;
}

.moreinner {
    width: 530px;
    margin-top: 0px !important;
    border-top: none !important;
    background-color: #ffffff;
}

    .moreinner .more-heading {
        line-height: 23px;
        padding: 10px 15px;
        background: #000000;
        border-bottom: 1px solid rgba(0, 0, 0, 0.25);
        font-size: 20px;
        color: #FFFFFF;
    }

    .moreinner .moreinner-body {
        padding: 10px 15px 0 15px;
        max-height: 400px;
        overflow-y: auto;
    }

.boxscroll {
    max-height: 157px;
    overflow-y: auto;
}

.report-table {
    height: 357px;
    overflow-y: auto;
}

.help-icon { /*background-color:#369f8f;*/
    border-radius: 50%;
    width: 16px;
    height: 16px;
    color: #369f8f;
    line-height: 16px;
    text-align: center;
    display: inline-block;
}

    .help-icon:hover {
        color: #369f8f;
    }

/* Label Fillters*/
.label-fillters {
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

    .label-fillters li {
        list-style: none;
        display: inline-block;
        border-right: 1px solid #b4b4b4;
        line-height: 8px;
        padding: 7px 5px 8px;
    }

        .label-fillters li:last-child {
            border-right: none;
        }

        .label-fillters li a:after, .label-fillters li a:before {
            display: inline-block;
        }

        .label-fillters li a {
            font-size: 13px;
            height: 20px;
            padding: 0px;
        }

    .label-fillters > li.active a {
        background-color: #fff !important;
        color: #369f8f !important;
    }

/* Contacts Add or Edit */
.account-img-upload figure {
    display: inline-block;
    vertical-align: middle;
    width: 140px;
    height: 140px;
    line-height: 140px;
    background-color: #ebebeb;
    margin-right: 15px;
    text-align: center;
}

    .account-img-upload figure img {
        max-width: 100%;
        max-height: 140px;
        text-align: center;
    }

.account-img-upload .uploadcontrol {
    display: inline-block;
    vertical-align: middle;
}

    .account-img-upload .uploadcontrol .upload-url {
        display: inline-block;
        vertical-align: middle;
        width: 300px;
    }

    .account-img-upload .uploadcontrol .k-dropzone {
        padding: 0;
    }

    .account-img-upload .uploadcontrol .k-upload-selected {
        display: none;
    }

.profile-img-upload {
}

    .profile-img-upload figure {
        display: inline-block;
        vertical-align: middle;
        width: 140px;
        height: 140px;
        line-height: 140px;
        background-color: #ebebeb;
        margin-right: 15px;
        text-align: center;
        overflow: hidden;
    }

        .profile-img-upload figure img {
            max-width: 100%;
            max-height: 140px;
            text-align: center;
        }

    .profile-img-upload .uploadcontrol {
        display: inline-block;
        vertical-align: middle;
    }

        .profile-img-upload .uploadcontrol .upload-url {
            display: inline-block;
            vertical-align: middle;
            width: 300px;
        }

.address-accordion {
    color: #757676;
    margin-left: 15px;
    font-size: 14px;
}

.address-del {
    border-right: solid 1px #e2e2e2;
    padding: 0 10px 0 0;
}

.address-accordion:hover {
    color: #BDBDBD;
}

/* upload-files */
.upload-files {
    margin: 0px;
    padding: 0px;
}

    .upload-files li {
        display: inline-block;
        border: 1px solid #F6F6F6;
        line-height: 150px;
        text-align: center;
        width: 150px;
    }

        .upload-files li a {
            font-size: 72px;
        }

            .upload-files li a .st-icon-dropbox-3 {
                color: #3476E4;
            }

            .upload-files li a .st-icon-google-drive-1 {
                color: #11A861;
            }

/* Contact Details*/
.ct-details {
    position: relative;
    min-height: 1150px;
}

.ct-other-panels {
    background-color: #F6F6F6;
    padding: 24px 36px 25px 25px;
    position: absolute;
    right: -20px;
    top: 0px;
    width: 441px;
    min-height: 100%;
}

.edit-contact-left-pane {
    min-width: 200px;
    width: 200px;
    max-width: 200px;
    padding-right: 20px;
    display: flex;
    column-gap: 12px;
    justify-content: space-between;
    align-items: start;
    padding-top: 16px;
    border-right: 1px solid rgba(0, 0, 0, 0.25);
}

    .edit-contact-left-pane > .st-icon-keyboard-arrow-down,
    .edit-contact-left-pane > div > .st-icon-keyboard-arrow-down {
        transition: .25s;
        display: flex;
        align-items: center;
    }

        .edit-contact-left-pane > .st-icon-keyboard-arrow-down.active,
        .edit-contact-left-pane > div > .st-icon-keyboard-arrow-down.active {
            transform: rotate(180deg);
        }

    .edit-contact-left-pane > div > #relationships-pane-toogler.st-icon-keyboard-arrow-down {
        z-index: 2;
        transform: translateX(26px);
    }

        .edit-contact-left-pane > div > #relationships-pane-toogler.st-icon-keyboard-arrow-down + .st-icon-add {
            z-index: 1;
            opacity: 0;
            transition: all .3s;
        }

        .edit-contact-left-pane > div > #relationships-pane-toogler.st-icon-keyboard-arrow-down.active {
            transition: .25s;
            transform: translateX(0px) rotate(180deg);
        }

            .edit-contact-left-pane > div > #relationships-pane-toogler.st-icon-keyboard-arrow-down.active + .st-icon-add {
                opacity: 1;
                transition-delay: 0.25s;
            }

.edit-contact-right-pane {
    margin-left: 20px;
    padding-top: 16px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.contact-info-card, .unit-info-card {
    background-color: white;
    padding: 16px;
}

    .contact-info-card .card-title {
        text-transform: uppercase;
        letter-spacing: 1.5px;
        font-size: 11px;
    }

    .contact-info-card .card-info, .unit-info-card .card-info {
        display: flex;
        justify-content: space-around;
    }

        .contact-info-card .card-info > div {
            display: flex;
            flex-direction: column;
            align-items: center;
            /*flex: 1 1 auto !important;*/
        }

        .contact-info-card .card-info .info-label, .unit-info-card .card-info .info-label {
            font-weight: 700;
            font-size: 15px;
            line-height: 20px;
            color: #000000;
        }

        .contact-info-card .card-info .info-value, .unit-info-card .card-info .info-value {
            font-weight: 600;
            font-size: 33px;
            line-height: 45px;
            color: #000000;
        }

        .contact-info-card .card-info .info-secondary-value {
            font-weight: 600;
            font-size: 19px;
            line-height: 23px;
            color: #000000;
        }
/*UI/UX to drop
.contact-engagement-datails {
    display: flex;
    gap: 16px;
}


.contact-engagement-datails .info-value,
.contact-engagement-datails .info-secondary-value {
    margin-top: 32px;
}*/

.contact-engagement-datails .contact-info-card {
    min-height: 216px;
    transition: 0.25s;
}

.contact-engagement-info ul {
    display: flex;
    column-gap: 16px;
}

.contact-engagement-info ul {
}

.advanced-info-toggler-wrapper, .toogler-tag-wrapper {
    position: relative;
}

.toggler-tag {
    position: absolute;
    margin: auto;
    background: white;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: .25s;
}

.b-tag {
    left: 0px;
    right: 0px;
    bottom: -8px;
    width: 60px;
}

    .b-tag:before {
        font-family: 'Material Icons Outlined';
        content: "\e313";
    }

.toggler-tag:before {
    transition: .25s;
}

.toggler-tag.active:before {
    transform: rotate(180deg);
}

.advanced-info-toggler {
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: auto;
    background: white;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    height: fit-content;
    padding-right: 8px;
    padding-left: 8px;
    cursor: pointer;
}

    .advanced-info-toggler .toggler-label {
        font-size: 10px;
        text-transform: uppercase;
    }

    .advanced-info-toggler .st-icon-keyboard-arrow-down {
        font-size: 10px;
        transition: .25s;
    }

    .advanced-info-toggler.active .st-icon-keyboard-arrow-down {
        transform: rotate(180deg);
    }

.ct-details-body {
    padding: 24px 32px;
}

    .ct-details-body .lead-info {
        padding-top: 25px;
        padding-bottom: 32px;
        display: flex;
        justify-content: space-between;
    }

        .ct-details-body .lead-info .lead-info-label {
            font-weight: 400;
            font-size: 11px;
            line-height: 14px;
            letter-spacing: 1.5px;
            text-transform: uppercase;
        }

        .ct-details-body .lead-info .lead-info-value {
            font-weight: 700;
            font-size: 15px;
            line-height: 20px;
            color: #000000;
        }

.ct-top-details {
    margin: -20px -10px 2px -20px;
    background-color: #EFF0F2;
    padding: 20px 20px 20px 20px;
    box-shadow: 0px 1px 0px #EFEFEF;
    -webkit-box-shadow: 0px 1px 0px #EFEFEF;
}

.ct-other-panels .panel {
    border: none;
    margin-bottom: 0;
}

    .ct-other-panels .panel .panel-heading,
    .ct-other-panels .panel .panel-body {
        padding-left: 0px;
        padding-right: 0px;
    }

.ct-other-panels .panel-default > .panel-heading {
    border-color: #e2e2e2;
}

/* Contact Details top section*/

.panel {
    border: none;
}

.ct-mainarea .ct-left-pane {
    width: 420px;
    max-width: 420px;
    min-width: 420px;
}

.ct-mainarea .divider {
    background-color: #f1f0f0;
}

.ct-details-body .profile-pic-control,
.user-details-body .profile-pic-control {
    width: 200px;
    height: 200px;
    margin-bottom: 32px;
}

.ct-mainarea .profile-pic-control {
    float: left;
    width: 200px;
    height: 200px;
    position: relative;
}

.profile-pic-control .profile-pic .realtor-marker {
    position: absolute;
    bottom: 0px;
    right: 0;
    height: 25px;
    width: 25px;
}

.ct-details-body .profile-pic,
.user-details-body .profile-pic {
    width: 100%;
    height: 100%;
    text-align: center;
    background: #FFC0F5;
    position: relative;
}

    .ct-details-body .profile-pic .change-picture {
        position: absolute;
        opacity: 0;
        padding: 40px 0;
        color: #fff;
        background-color: rgba(0,0,0,0.5);
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
    }

    .ct-details-body .profile-pic:hover .change-picture {
        opacity: 1;
    }

    .ct-details-body .profile-pic figure,
    .user-details-body .profile-pic figure {
        height: 200px;
        width: 200px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ct-details-body .profile-pic img,
    .user-details-body .profile-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .ct-details-body .profile-pic i {
        font-size: 64px;
        background-color: #ebebeb;
        color: #aeaeae;
        padding: 18px 19px;
    }

.ct-details-body .profile-pic-control .st-edit-profile {
    text-align: center;
    transition: 0.5s;
    position: relative;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    bottom: 25px;
    background: #C5C9D0;
    opacity: 0.9;
}

    .ct-details-body .profile-pic-control .st-edit-profile a {
        color: #878787;
        padding: 6px 3px 6px 3px;
        display: block;
        font-family: 'OpensansBold';
    }

    .ct-details-body .profile-pic-control .st-edit-profile:hover {
        background: #369f8f;
    }

        .ct-details-body .profile-pic-control .st-edit-profile:hover a {
            color: #ffffff;
        }

.ct-details-body .contact-details-primary {
}

.ct-mainarea .web-url-icons {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    column-gap: 18px;
    max-height: 200px !important;
    flex-wrap: wrap;
    padding-left: 18px;
}

.ct-mainarea .user-details {
    position: relative;
    padding-bottom: 32px;
}

    .ct-mainarea .user-details p {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        color: rgba(0, 0, 0, 0.5);
        margin-bottom: 0px;
    }

    .ct-mainarea .user-details .user-name,
    .unit-mainarea .edit-field .user-name {
        font-weight: 600;
        font-size: 26px;
        line-height: 38px;
        color: black;
    }

.ct-mainarea .user-details a {
    cursor: pointer;
    color: black;
}

.ct-mainarea .user-details .email {
}

.ct-mainarea .usertags .tagsinput {
    margin-bottom: 0;
    background: rgba(0, 0, 0, 0.04);
    overflow-x: hidden;
    margin-left: 0px;
}

    .ct-mainarea .usertags .tagsinput .k-autocomplete:before {
        display: none;
    }

    .ct-mainarea .usertags .tagsinput .k-autocomplete .k-input {
        min-height: 48px;
        padding-left: 8px;
    }

        .ct-mainarea .usertags .tagsinput .k-autocomplete .k-input::placeholder {
            font-weight: 400;
            font-size: 12px;
            line-height: 24px;
            letter-spacing: 0.15px;
            color: rgba(0, 0, 0, 0.5);
        }
/*.user-panel-footer .tagsinput{border:1px solid #dfdfdf; }*/
.ct-mainarea .user-panel-footer {
    overflow: hidden;
    margin-top: 4px;
}

.pbsl {
    padding-bottom: 8px;
}

.tag-loader {
    bottom: -5px;
    position: absolute;
    left: 201px;
    z-index: 1;
    background-image: url(../img/tag-loading.gif);
    width: 24px;
    height: 24px;
}

.tag-loader-cmp {
    bottom: -5px;
    position: absolute;
    left: 140px;
    z-index: 1;
    background-image: url(../img/tag-loading.gif);
    width: 24px;
    height: 24px;
}

.num-characters, #campaignsubjectlength {
    position: absolute;
    right: 0;
    white-space: nowrap;
    color: #369f8f;
    font-family: opensansregular;
}

.ct-mainarea address {
    display: inline-block;
}

.ct-mainarea .address {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-top: 24px;
}

.owner-icons {
    margin: 0px;
    padding: 0px;
    margin-top: 12px;
}

.ct-mainarea .address li, .owner-props {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: black;
    margin-bottom: 16px;
}

    .ct-mainarea .address li i {
        font-size: 22px;
    }

    .ct-mainarea .address li.social {
        background-image: none;
        padding-left: 0px;
    }

.ct-mainarea .score p {
    font-size: 15px;
    line-height: 28px;
}

.ct-mainarea ul.user-counts {
    margin-left: 0px;
    padding: 0px;
    float: right;
}

    .ct-mainarea ul.user-counts li {
        min-height: 62px;
        text-align: left;
        font-size: 16px;
        display: block;
        padding: 0 0 10px 0px;
        transition: all 0.2s linear 0s;
        -o-transition: all 0.2s linear 0s;
        -moz-transition: all 0.2s linear 0s;
        -webkit-transition: all 0.2s linear 0s;
    }

        .ct-mainarea ul.user-counts li .scorefigure {
            font-size: 28px;
            color: #808080;
        }

        .ct-mainarea ul.user-counts li .label {
            font-size: 18px;
            font-weight: 400;
            color: #b9b9b9;
            padding: 0px;
        }

        .ct-mainarea ul.user-counts li .status {
            font-size: 13px;
            color: #9f9f9f;
            font-family: 'OpensansBold';
            word-wrap: break-word;
            display: inline;
        }

.panel.contact-detail .header {
    background-color: rgba(212, 216, 219, 0.5);
    display: flex;
    align-content: space-between;
    padding: 16px 24px;
}

    .panel.contact-detail .header.dark {
        background-color: black;
    }

    .panel.contact-detail .header .head-label {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 14px;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        display: block;
    }

    .panel.contact-detail .header.dark .head-label {
        font-size: 11px;
        color: white;
    }

    .panel.contact-detail .header .head-value {
        font-size: 14px;
        font-weight: 700;
    }

.panel.contact-detail {
    background-color: #fff;
    margin-bottom: 0;
}


.border-bottom-none {
    border-bottom: none;
}

.Owner .label,
.Owner .label a {
    font-size: 18px;
    font-weight: 400;
    color: #b9b9b9;
    padding: 0px;
}

.Owner .status {
    font-size: 13px;
    color: #9f9f9f;
    font-family: 'OpensansBold';
    word-wrap: break-word;
}

.select-campaign {
    float: right;
    font-size: 14px;
}

    .select-campaign > label {
        display: inline-block;
        margin-left: 10px;
        margin-top: 15px;
    }


/* Contact Details Right Panels */

.edit-opportunity-icon {
    font-size: 16px;
}

.ctd-relationships a.add i.st-plus-round,
.ctd-opportunity a.add i.st-plus-round,
.ctd-reminders a.add i.st-plus-round {
    background-position: 7px 5px;
    background-color: #D6DBDF;
    border-radius: 0;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    line-height: 16px;
    height: 25px;
    width: 29px;
    margin-bottom: 3px;
    padding: 3px 9px;
    transition: all 0.25s ease 0s;
}

.ctd-relationships a.add:hover i,
.ctd-opportunity a.add:hover i,
.ctd-reminders a.add:hover i {
    background-color: #A3c263;
}

.list-relationship ul {
    padding: 0;
}

    .list-relationship ul li { /*float:none !important;*/
        width: 100%;
    }

.list-relationship li .relations {
    border-bottom: 1px solid #f5f5f5;
    margin: 10px 0 0;
    padding: 15px;
    background: #fff;
}

.list-relationship li .list-status {
    width: 150px;
}

.list-relationship li .editdel {
    margin: 0;
}

.editdel .btn.btn-sm {
    padding: 0 5px;
    margin-left: -5px;
}

.ctd-opportunity a,
.ctd-reminders a {
    font-size: 14px;
    font-weight: 700;
    color: #424242;
}

/*.opportunity-des { position:relative;}
.opportunity-des:after{content:'...';position:absolute;z-index:1;}*/
.opportunity-des p {
    height: 65px;
    overflow: hidden;
    width: 245px;
    position: relative;
}


.opportunity-list ul li.no-records {
    background-color: transparent;
}

li.no-records {
    text-align: center;
    vertical-align: middle;
    border-left: 0 none !important;
}

    li.no-records > div { /*font-family: opensansbold;*/
    }

    li.no-records .icon {
        font-size: 48px;
        opacity: 0.1;
        margin-bottom: 10px;
    }

.no-activites {
    text-align: center;
    opacity: 0.2;
}

    .no-activites div {
        overflow: hidden;
        padding: 10px;
    }

    .no-activites .icon {
        font-size: 3em;
    }

.webview {
    font-size: 11px;
}

.tours-list ul,
.actions-list ul,
.reminders-list ul,
.opportunity-list ul {
    margin: 0px;
    padding: 0px;
}

.opportunity-list {
    margin-bottom: 20px;
}

.actions-list ul > li .action {
    list-style: none;
    border: 1px solid #eaeaea;
    margin: 0px 0;
    border-left: solid 0px #369f8f;
    padding: 10px 15px;
    transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    background: #fff;
    position: relative;
}

    .actions-list ul > li .action:before,
    .actions-list ul > li .action:after {
        border-width: 5px;
        content: "";
        margin-top: -5px;
    }

    .actions-list ul > li .action:before {
        border-color: rgba(163, 194, 109, 0) rgba(163, 194, 109, 0) rgba(163, 194, 109, 0) #369f8f;
        border-style: solid;
        display: block;
        height: 0;
        position: absolute;
        width: 0;
        top: 50%;
        bottom: 0px;
        z-index: 1;
        margin-left: -16px;
    }

    .actions-list ul > li .action:after {
        border-color: rgba(163, 194, 109, 0) rgba(163, 194, 109, 0) rgba(163, 194, 109, 0) #369f8f;
        border-style: solid;
        display: block;
        height: 0;
        position: absolute;
        width: 0;
        top: 50%;
        bottom: -2px;
        z-index: 1;
        margin-left: -16px;
    }

.dash-actions ul > li .action {
    color: #757676;
    list-style: none;
    border: 1px solid #eaeaea;
    padding: 15px;
    transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    background: #fff;
    position: relative;
    width: 275px;
    height: 175px;
    float: left;
}

    .dash-actions ul > li .action .truncate {
        width: 160px;
    }

    .dash-actions ul > li .action .list-status {
        margin-top: 5px;
    }

.actions-list.dash-actions ul > li {
    float: left !important;
}

.dash-nodata {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto 550px;
    display: inline-block;
    font-size: 16px;
    height: 180px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

    .dash-nodata.new-contacts,
    .dash-nodata.tours,
    .dash-nodata.tour-types,
    .dash-nodata.lead-source,
    .dash-nodata.new-tour-souce,
    .dash-nodata.summary,
    .dash-nodata.pipeline {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'Noto Sans Semi Bold';
        color: rgba(0, 0, 0, 0.25);
        font-size: 13px;
    }

.widget-info.attention .dash-nodata {
    color: rgba(255, 255, 255, 0.75);
}

.dash-nodata.tours {
    height: 180px;
    padding-top: 90px;
    background-position: -690px 0;
}

.dash-nodata.tour-types {
    height: 180px;
    padding-top: 90px;
    background-position: -1382px 0;
}

.dash-nodata.lead-source {
    height: 340px;
    padding-top: 150px;
    background-position: 0 -180px;
}

    .dash-nodata.lead-source:before {
        background-position: -60px -180px;
        width: 400px;
    }

.dash-nodata.summary {
    height: 400px;
    padding-top: 165px;
    background-position: 165px -190px;
}

.dash-nodata.new-tour-souce {
    height: 340px;
    padding-top: 150px;
    background-position: -705px -180px;
}

.dash-nodata.pipeline {
    height: 340px;
    padding-top: 150px;
    background-position: -1405px -180px;
}

    .dash-nodata.pipeline:before {
        background-position: -1425px -180px;
        width: 500px;
    }


/*.dash-nodata.new-contacts{height: 180px;padding-top: 90px;background-image:url(../../img/newcontacts.png);}
.dash-nodata.tours{height: 180px;padding-top: 90px;background-image:url(../../img/tours.png);}
.dash-nodata.tour-types{height: 180px;padding-top: 90px;background-image:url(../../img/tourtypes.png);}
.dash-nodata.lead-source{height: 340px;padding-top: 150px;background-image:url(../../img/leadsource.png);}
.dash-nodata.new-tour-souce{height: 340px;padding-top: 150px;background-image:url(../../img/toursource.png);}
.dash-nodata.pipeline{height: 340px;padding-top: 150px;background-image:url(../../img/pipeline.png);}*/

.tours-list ul li .list-titel,
.actions-list ul li .list-titel,
.reminders-list ul li .list-titel,
.opportunity-list ul li .list-titel {
    font-weight: 700;
    color: #424242;
}

.tours-list ul li .list-mod-details,
.actions-list ul li .list-mod-details,
.reminders-list ul li .list-mod-details,
.opportunity-list ul li .list-mod-details {
    font-size: 12px;
    color: #bababa;
    line-height: 24px;
    display: inline-block;
}

.actions-list ul li .list-status,
.reminders-list ul li .list-status {
    float: right;
}

.actions-list ul li .list-tags,
.reminders-list ul li .list-tags {
    max-width: 540px;
    line-height: 24px;
}

.actions-list .action-dec {
    max-height: 80px;
    min-height: 80px;
    overflow: hidden;
}

.opportunity-list ul li {
    background: #fff;
    margin-bottom: 10px;
    padding: 15px;
    width: 100%;
}

    .opportunity-list ul li .list-status {
        float: left;
    }

.list-status .checkbox {
    margin: 0;
}

.opportunity-list ul li p {
    font-size: 12px;
    color: #424242;
    font-weight: 300;
    margin: 0;
}

.opportunity-list ul li .opportunity-content {
    width: 245px;
    float: left;
}

.opportunity-list ul li .opportunity-potential {
    width: 100px;
    text-align: right;
    display: inline-block;
    font-family: 'OpensansBold';
}

.actions-list > ul.updates > li:hover {
    background-color: #fafafa;
    padding-left: 10px;
}

.actions-list ul > li p,
.reminders-list ul > li p {
    font-size: 12px;
    color: #424242;
    font-weight: 400;
}

.action p {
    word-wrap: break-word;
}

.tour-count {
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    color: #757575;
    display: inline-block;
    font-family: opensansbold;
    height: 30px;
    margin-left: 10px;
    padding: 4px 0;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
}

.touts-list {
    padding-bottom: 30px;
}

    .touts-list ul {
        padding: 0;
    }

        .touts-list ul > li {
            float: none !important;
            margin-bottom: 10px;
            border-left: 3px solid #989898;
            word-wrap: break-word;
        }

            .touts-list ul > li.completed {
                border-left: 3px solid #369f8f;
            }

            .touts-list ul > li.in-completed {
                border-left: 3px solid #F7705E;
            }

            .touts-list ul > li.in-signed {
                border-left: 3px solid #369f8f;
            }

            .touts-list ul > li.in-busted {
                border-left: 3px solid #989898;
            }

            .touts-list ul > li.signed {
                border-left: 3px solid #F7705E;
            }

            .touts-list ul > li .tour {
                list-style: none;
                border: 1px solid #eaeaea;
                margin: 0px 0;
                border-left: solid 0px #369f8f;
                padding: 10px 15px 10px 0;
                transition: all 0.2s linear 0s;
                -o-transition: all 0.2s linear 0s;
                -moz-transition: all 0.2s linear 0s;
                -webkit-transition: all 0.2s linear 0s;
                background: #fff;
                position: relative;
            }

            .touts-list ul > li .tour-date-blcok {
                float: left;
                width: 80px;
                text-align: center;
                padding: 18px 0;
            }

                .touts-list ul > li .tour-date-blcok .tour-date {
                    color: #757575;
                    font-family: 'OpensansBold';
                    font-size: 32px;
                }

                .touts-list ul > li .tour-date-blcok .tour-month {
                    color: #cccccc;
                    font-family: opensansbold;
                }

            .touts-list ul > li .tour-content-block {
                position: relative;
                margin-left: 80px;
            }

            .touts-list ul > li .tour .list-mod-details {
                display: inline-block;
            }

            .touts-list ul > li .tour .list-status {
                float: right;
            }

            .touts-list ul > li .tour p {
                color: #707070;
                line-height: 16px;
            }

.inline-datechange {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    border: solid 1px #DBDBDB;
}

    .inline-datechange input {
        border: medium none;
        color: #BABABA;
        display: inline;
        font-size: 12px;
        padding: 1px 3px;
        width: 60px;
        height: 14px;
        margin-top: -9px;
    }

/* custom-fields */
.tab-pane-section {
    padding: 0;
}

.custom-fields-list {
    margin: 0px;
    padding: 0px;
}

    .custom-fields-list .form-group {
        display: block;
    }

        .custom-fields-list .form-group .controls {
            float: right;
        }

            .custom-fields-list .form-group .controls a {
                color: #303030;
                margin-left: 5px;
            }

                .custom-fields-list .form-group .controls a .st-icon-move {
                    cursor: move;
                }

    .custom-fields-list .ui-state-highlight {
        height: 1.5em;
        line-height: 1.2em;
    }

.field-status {
    font-size: 12px;
    font-style: italic;
    color: rgba(0, 0, 0, 0.3);
}

.new-custom-field {
    border: 1px solid #dbdbdb;
    box-shadow: 0 2px 0 #dbdbdb;
    margin-bottom: 10px;
    padding: 0 20px 20px;
}

.static-field-group .control-label {
    padding-top: 10px;
    font-weight:700;
    color:black;
}

/* chart */
.gray {
    color: #9a9a9a;
}

.green {
    color: #86ce37;
}

.blue {
    color: #2f9bcf;
}

.red {
    color: #f15e5b;
}

.violet {
    color: #8c3ecf;
}

.chart {
    position: relative;
}

    .chart .percentage-count {
        position: absolute;
        font-size: 25px;
        text-align: center;
        top: 30px;
        width: 115px;
        font-weight: bold;
    }

    .chart .percentage-text {
        position: absolute;
        font-size: 13px;
        text-align: center;
        top: 60px;
        width: 115px;
    }

.user-body {
    padding: 5px 0px 0 0;
}

.birthday {
    color: #424242;
    font-weight: 300;
    line-height: 32px;
    font-size: 13.25px;
    background: url(../../img/ct_updates_sprite.png) no-repeat 0 -2px;
    padding-left: 25px;
}

.mtcc {
    margin-top: 22px;
}

.grid-row .date, .time {
    color: #AFAFAF;
    line-height: 18px;
    font-size: 11px;
}

.heading1 {
    color: #5A5A5A;
    font-weight: bold;
}

.status {
    line-height: 28px;
}

.heading1:hover {
    text-decoration: underline;
}

.closedate {
    color: #FF9191 !important;
}

.list1,
.grid1, .list1-active, .grid1-active {
    background: url(../../img/draganddrop_sprite.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    padding: 12px;
}

.st-lg {
    border: solid 1px #eaeaea;
    float: right;
}

    .st-lg .st-grid,
    .st-lg .st-list {
        width: 49px;
        float: left;
        text-align: center;
        height: 34px;
        line-height: 30px;
        background-color: #f4f5f6;
        transition: all 0.2s linear 0s;
        -o-transition: all 0.2s linear 0s;
        -moz-transition: all 0.2s linear 0s;
        -webkit-transition: all 0.2s linear 0s;
    }

    .st-lg .st-grid {
        border-right: solid 1px #eaeaea;
        width: 49px;
    }

.list1 {
    background-position: -9px -130px;
}

.grid1 {
    background-position: -9px -211px;
}

.st-lg .st-grid.active,
.st-lg .st-list.active {
    background: #d1d1d1;
    -webkit-box-shadow: inset 1px 2px 4px 2px rgba(197, 197, 197, 0.5);
    box-shadow: inset 1px 2px 4px 2px rgba(197, 197, 197, 0.5);
}

    .st-lg .st-list.active .list1 {
        background-position: -9px -291px;
    }

    .st-lg .st-grid.active .grid1 {
        background-position: -9px -49px;
    }

.topcontrolsopen .btn.btn-default.active {
    background-color: #FFFFFF !important;
    border-bottom: medium none;
    border-top: 2px solid #8CC936;
    box-shadow: 0 -2px 2px rgba(185, 185, 185, 0.8);
    color: #7C7C7C !important;
    line-height: 34px;
    z-index: 1001;
}

.chart:hover .stchart {
    opacity: 0.6;
    width: 109px;
    height: 109px;
    top: 3px;
    left: 3px;
}

.stchart {
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    opacity: 0;
    text-align: center;
    line-height: 109px;
    width: 0px;
    height: 0px;
    top: 50%;
    left: 50%;
}

.topcontrolsopen > .dropinner {
    margin-top: -2px;
}


/* Previous - Next */

ul.previous-next {
    padding: 0 0px 10px 20px;
    font-weight: 400;
    border-bottom: 1px solid #EAEAEA;
    text-align: right;
}

    ul.previous-next li {
        display: inline;
    }

/* WEB URL */

/* UI/UX to drop
.web-url-icons > a {
    font-size: 18px;
    margin-left: 2px;
}
    
    .web-url-icons > a .st-icon-facebook {
        color: #5673AF;
    }

    .web-url-icons > a .st-icon-twitter {
        color: #4FC6F6;
    }

    .web-url-icons > a .st-icon-linkedin {
        color: #3299CF;
    }

    .web-url-icons > a .st-icon-blog {
        color: #FF9B3F;
    }

    .web-url-icons > a .st-icon-google-plus {
        color: #ED6D5B;
    }

    .web-url-icons > a .st-icon-skype {
        color: #1CC7F4;
    }*/

.web-url-icons > a .st-icon-website {
    color: black;
    font-size: 22px;
    margin-top: -6px;
}

.web-url-icons > a > .icon:not(.st-icon-website) {
    background-color: rgba(0, 0, 0, 0.25);
    height: 18px;
    width: 18px;
}

.st-icon-facebook {
    color: #5673AF;
}

.st-icon-twitter {
    color: #4FC6F6;
}

.st-icon-linkedin {
    color: #3299CF;
}

.primary-star:after {
    content: "\e0c7";
    font-family: 'smarttouch';
    color: #369f8f;
}

.dropbox-btn .st-icon-google-drive.btn,
.dropbox-btn .st-icon-online-document.btn {
    border: 0;
}

.dropbox-btn .st-icon-dropbox-1:before {
    margin-right: 5px;
    color: #0480E6;
}

.dropbox-btn .st-icon-google-drive:before {
    margin-right: 5px;
    color: #369f8f;
}

.dropbox-btn .st-icon-link:before {
    margin-right: 5px;
    color: #f26e23;
}

.dropbox-btn .btn {
    line-height: 20px;
}

.dropbox-btn .dropbox-dropin-btn:hover {
    color: #007EE6;
}

.dropbox-btn .dropin-btn-status {
    vertical-align: initial !important;
}

.dropbox-btn .dropbox-dropin-btn {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #E2E2E2;
    color: #757676;
    font-family: opensansRegular;
    font-size: 13px;
    padding: 8px;
}

#attachments .legend.mbn {
    border: 0;
}

/* Automation Workfow */

#wf-actions-list {
    margin: 0 0 0 25px;
    padding: 0;
    position: relative;
}

    #wf-actions-list:after {
        background-color: #ececec;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: -20px;
        width: 1px;
        z-index: 1;
    }

    #wf-actions-list:before {
        background-color: #ececec;
        bottom: -48px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        width: 1px;
        z-index: 1;
    }

.au-workflow {
    margin-top: 20px;
    position: relative;
}

    .au-workflow .spine {
        bottom: 20px;
        position: absolute;
        top: 15px;
        transition: bottom 0.5s linear 0s;
        width: 1px;
        background-color: #ececec;
        left: 0;
    }

    .au-workflow .workflow-panel {
        border-color: #ececec;
        position: relative;
    }

    .au-workflow .workflow-sub-panel {
        border-color: #ececec;
        position: relative;
        border-bottom: 0;
    }

        .au-workflow .workflow-sub-panel .panel-body {
            border-bottom: 1px solid #ececec;
        }

        .au-workflow .workflow-sub-panel:before {
            width: 20px;
            height: 1px;
            position: absolute;
            left: -20px;
        }

    .au-workflow .workflow-sub-panel {
        margin-left: 20px;
    }

        .au-workflow .workflow-panel .panel-heading,
        .au-workflow .workflow-sub-panel .panel-heading {
            padding: 15px;
            background-color: #f3f3f3;
            border-bottom: 1px solid #ececec;
        }

            .au-workflow .workflow-panel .panel-heading .form-group,
            .au-workflow .workflow-sub-panel .panel-heading .form-group {
                margin-bottom: 0;
            }

        .au-workflow .workflow-panel .workflow-header-controls,
        .au-workflow .workflow-sub-panel .workflow-header-controls {
        }

            .au-workflow .workflow-panel .workflow-header-controls a,
            .au-workflow .workflow-sub-panel .workflow-header-controls a {
                padding: 0 12px;
                border-left: 1px solid #DAD7D7;
                display: inline-block;
                color: #757676;
            }

                .au-workflow .workflow-panel .workflow-header-controls a .st-arrow-down-gray,
                .au-workflow .workflow-sub-panel .workflow-header-controls a .st-arrow-down-gray {
                    margin-left: 0;
                }

.wf-sortaction {
    cursor: move;
}

.workflow-panel-connector {
    height: 1px;
    position: absolute;
    display: inline;
    width: 20px;
    background: #dad7d7;
    top: 50%;
    left: -20px;
}

.addnewaction {
    margin-left: 40px;
    margin-bottom: 20px;
}


/* Workflow icons */

.stop-workflow,
.start-workflow {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    display: inline-block;
    line-height: 14px;
    margin-right: 5px;
    position: absolute;
    top: -10px;
    left: -10px;
}

.stop-workflow {
    background-color: #f45c59;
}

.start-workflow {
    background-color: #369f8f;
}

    .stop-workflow > .icon,
    .start-workflow > .icon {
        margin-top: 2px;
        font-size: 10px;
    }

/*.workflow-icon {
	border: 1px solid #999;
	border-radius: 50%;
	display: inline-block;
	height: 24px;
	position: relative;
	vertical-align: middle;
	width: 24px;
}

.workflow-icon > i {
	font-size: 10px;
	left: 50%;
	margin-left: -5px;
	margin-top: -5px;
	position: absolute;
	top: 50%;
}*/


.ctd-topcontrols {
}

    .ads-grid-colum .select,
    .ctd-topcontrols .select {
        width: 200px;
    }

.draganddrop-image-uploder {
    border: 2px dashed #bbbbbb;
    text-align: center;
    padding: 40px;
    position: relative;
    margin-top: 15px;
}

    .draganddrop-image-uploder:hover {
        border-color: #369f8f;
    }

        .draganddrop-image-uploder:hover .carrot {
            background-position: -29px 0px;
        }

    .draganddrop-image-uploder .carrot {
        background: url("../../img/drag-drop-carrot.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        content: "";
        display: block;
        height: 15px;
        position: absolute;
        top: -15px;
        width: 29px;
    }

    .draganddrop-image-uploder > input {
        text-align: center;
        width: 100%;
    }

    .draganddrop-image-uploder .title {
        font-size: 20px;
        line-height: 25px;
        color: #b5b5b5;
        text-transform: uppercase;
    }

    .draganddrop-image-uploder .text {
        font-size: 12px;
        color: #b5b5b5;
        margin-top: 10px;
    }

        .draganddrop-image-uploder .text a {
            color: #369f8f;
            text-decoration: underline;
        }

/**/
.form-horizontal-large {
    margin: 0;
}

    .form-horizontal-large .cu-input-group .form-control.cu-large {
        width: 411px;
        margin-left: -1px;
        float: left;
    }

    .form-horizontal-large .cu-input-group .form-control.cu-medium {
        width: 240px;
        margin-right: -1px;
        float: left;
    }

    .form-horizontal-large .cu-input-group .form-control.cu-small {
        width: 173px;
        margin-left: -1px;
        float: left;
    }

    .form-horizontal-large .cu-input-group .form-control.cu-smmd {
        width: 243px;
        margin-right: -1px;
        float: left;
    }

    .form-horizontal-large .cu-input-group .form-control.cu-mdlg {
        width: 373px;
        margin-right: -1px;
        float: left;
    }

    .form-horizontal-large .cu-input-group .form-control.cu-medlar {
        width: 389px;
        margin-right: -1px;
        float: left;
    }

    .form-horizontal-large .cu-input-group .btn-group {
        width: 120px;
        float: left;
    }

    .form-horizontal-large .cu-input-group .editdel {
        width: 159px;
    }

.cu-input-group .trash-record {
    margin-left: -5px;
}

.trash-record > a {
    display: inline-block;
    vertical-align: middle;
}

.inline {
    display: inline;
}

.listfields li {
    padding: 10px 25px;
    font-size: 14px;
    margin: 0 -24px;
}

    .listfields li .crossst {
        font-size: 10px;
    }

    .listfields li:hover {
        background-color: #f6f6f6;
    }

#exportcontact .exportdiv {
    margin: 10px -24px;
}

.widthinput {
    width: 400px;
}

/*Campaigns*/

.main-header > .pagenameinput {
    width: 400px;
}

.pagenameinput {
    width: 250px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px;
    line-height: 23px;
}

    .pagenameinput .input-group-btn .btn {
        margin-left: -1px;
    }

    .k-autocomplete .validationMessage,
    .pagenameinput .validationMessage {
        top: auto;
        bottom: 100%;
        margin-bottom: 5px;
    }

.campaign-viewbtn {
    margin-bottom: 20px;
}

    .campaign-viewbtn.mbn {
        margin-bottom: 0;
        display: inline-block;
    }

    .campaign-viewbtn a {
        width: 127px;
    }

        .campaign-viewbtn a > i {
            font-size: 18px;
        }

        .campaign-viewbtn a.active {
            color: #fff;
        }
            /*.campaign-viewbtn a.btn + a.btn {margin-left:0;}*/

            .campaign-viewbtn a.active i.st-desktop-black {
                background-position: 0 0;
            }

            .campaign-viewbtn a.active i.st-tablet-black {
                background-position: 0 -79px;
            }

            .campaign-viewbtn a.active i.st-mobile-black {
                background-position: -3px -184px;
            }

.campaigns {
    margin-bottom: 10px;
}

.campaigns-layouts {
    padding: 0px;
}

    .campaigns-layouts li {
        margin: 0 13px 20px 0;
        display: inline-block;
    }

        .campaigns-layouts li .layout {
            border: 2px solid #bdbdbd;
            padding: 10px;
            width: 150px;
            line-height: 122px;
            background-color: #f9f9f9;
            position: relative;
            overflow: hidden;
            transition: all 0.2s ease 0s;
            -webkit-transition: all 0.2s ease 0s;
            -moz-transition: all 0.2s ease 0s;
            -o-transition: all 0.2s ease 0s;
            -ms-transition: all 0.2s ease 0s;
            text-align: center;
        }

            .campaigns-layouts li .layout.selected {
                border: 2px solid #369f8f;
                box-shadow: 0px 5px 5px #f1f0f0;
            }
            /*.campaigns-layouts li .layout .selected-check i{color:#fff; background:#369f8f;border:2px solid #f1f0f0;height:32px;width:32px;position:absolute;line-height:32px;text-align:center;border-radius:50%;left:50%;top:50%;margin: -16px;display:none;}
.campaigns-layouts li .layout.selected .selected-check i{display:block;}*/

            .campaigns-layouts li .layout .selected-check {
                border-color: #369f8f #369f8f rgba(163, 194, 109, 0) rgba(163, 194, 109, 0);
                border-style: solid;
                height: 0;
                width: 0;
                position: absolute;
                z-index: 2;
                right: 0;
                top: 0;
                border-width: 16px;
                color: #fff;
                display: none;
            }

                .campaigns-layouts li .layout .selected-check i.fui-check {
                    font-size: 12px;
                    left: 2px;
                    position: relative;
                    top: -67px;
                }

            .campaigns-layouts li .layout.selected .selected-check {
                display: block;
            }

            .campaigns-layouts li .layout > a img {
                max-height: 122px;
                max-width: 100%;
            }

        .campaigns-layouts li .layout-title {
            text-align: center;
            font-weight: 700;
            color: #222222;
            overflow: hidden;
            width: 11em;
            text-overflow: ellipsis;
            padding: 15px 6px;
            white-space: nowrap;
        }

        .campaigns-layouts li .layout.selected,
        .campaigns-layouts li .layout:hover {
            box-shadow: 0 0 7px rgba(0, 0, 0, 0.26);
        }

            .campaigns-layouts li .layout.selected .overlay,
            .campaigns-layouts li .layout:hover .overlay {
                bottom: 0;
                height: 100%;
                left: 0;
                opacity: 1;
                right: 0;
                top: 0;
                width: 100%;
                z-index: 1;
                visibility: visible;
            }

                .campaigns-layouts li .layout.selected .overlay .overlay-btn,
                .campaigns-layouts li .layout:hover .overlay .overlay-btn {
                    margin-left: -50px;
                }

        .campaigns-layouts li .layout .overlay {
            background-color: rgba(0, 0, 0, 0.4);
            position: absolute;
            visibility: hidden;
            line-height: 30px;
            height: 0;
            opacity: 0;
            width: 0;
            left: 50%;
            top: 50%;
            transition: all 0.5s ease-in-out 0s;
            -webkit-transition: all 0.5s ease-in-out 0s;
            -moz-transition: all 0.5s ease-in-out 0s;
            -o-transition: all 0.5s ease-in-out 0s;
            -ms-transition: all 0.5s ease-in-out 0s;
        }

            .campaigns-layouts li .layout .overlay a.overlay-btn {
                width: 100px;
                position: absolute;
                left: 50%;
                top: 63.5%;
            }

            .campaigns-layouts li .layout .overlay a.select {
                margin-left: -150px;
                margin-top: -53px;
            }

            .campaigns-layouts li .layout .overlay a.preview {
                margin-left: 175px;
                margin-top: -15px;
            }

            .campaigns-layouts li .layout .overlay a.delete {
                margin-left: -200px;
                margin-top: 23px;
            }

            .campaigns-layouts li .layout .overlay a:hover {
                background-color: #369f8f !important;
                border-color: #369f8f !important;
                color: #fff;
            }

        .campaigns-layouts li .layout .campaign-layout-filters a.btn-default.active {
            background-color: #eaeaea;
        }

.editable,
.social-widget.editable {
    display: block;
    width: 100%;
}

.ControlViews.btn-group {
    width: 100%;
    margin-bottom: 10px;
}

    .ControlViews.btn-group > .btn {
        width: 50%;
    }

.ControlViews-block {
    display: none;
}

    .ControlViews-block.active {
        display: block;
    }

.ControlViews.btn-group > .btn.active {
    background-color: #fff;
    border-color: #dfdfdf;
    border-bottom-color: #fff;
    color: #369f8f;
    position: relative;
}

    .ControlViews.btn-group > .btn.active:before {
        background-color: #369f8f;
        content: "";
        height: 3px;
        left: 0;
        position: absolute;
        right: 0;
        top: -1px;
    }

.merge-control-views.btn-group {
    width: 100%;
}

    .merge-control-views.btn-group > .btn {
        width: 50%;
    }

.merge-content-block {
    display: none;
}

    .merge-content-block.active {
        display: block;
        max-height: 484px;
        overflow-y: auto;
    }

.merge-control-views.btn-group > .btn.active {
    background-color: #a3a3a3;
    border-color: #a3a3a3;
    color: #fff;
}

.merge-controls-content {
    border: 1px solid #e2e2e2;
    border-top: 0;
}

    .merge-controls-content ul {
        padding: 0;
    }

        .merge-controls-content ul > li {
            padding: 10px 35px 10px 15px;
            border-bottom: 1px solid #ededed;
            position: relative;
        }

            .merge-controls-content ul > li:last-child {
                border-bottom: 0;
            }

            .merge-controls-content ul > li > a {
                color: #369f8f;
                font-size: 16px;
                position: absolute;
                right: 10px;
                top: 50%;
                margin-top: -10px;
            }

            .merge-controls-content ul > li > .field-title {
            }

            .merge-controls-content ul > li > .field-code {
                font-size: 11px;
                font-style: italic;
            }

.campaigns-theme-controls.affix .merge-controls-content {
    bottom: 130px;
    overflow-x: visible;
    position: fixed;
    top: 150px;
    width: 380px;
}

    .campaigns-theme-controls.affix .merge-controls-content .merge-content-block.active {
        bottom: 0;
        left: 0;
        margin-bottom: 0;
        overflow-y: auto;
        position: absolute;
        right: 0;
        top: 52px;
    }

/* Campaign Steps */

.campaignssteps-footer {
    background-color: #eaeaea;
    height: 75px;
    position: fixed;
    left: 72px;
    right: 0;
    bottom: 0;
    padding: 20px 20px 20px 102px;
    line-height: 35px;
    box-shadow: 0px -1px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px -1px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px -1px 5px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px -1px 5px rgba(0,0,0,0.2);
    z-index: 7;
}

.steps {
}

    .steps ul {
        padding: 0;
        margin: 0;
    }

        .steps ul li {
            display: inline-block;
        }

            .steps ul li.active {
            }

            .steps ul li a {
                background-color: #a3a3a3;
                width: 140px;
                position: relative;
            }

            .steps ul li.active a.btn {
                background-color: #429ad1;
            }

            .steps ul li.completed a.btn {
                background-color: #369f8f;
            }

                .steps ul li a.btn:before,
                .steps ul li a.btn:after,
                .steps ul li.active a.btn:before,
                .steps ul li.active a.btn:after,
                .steps ul li.completed a.btn:before,
                .steps ul li.completed a.btn:after {
                    content: " ";
                    border-width: 16px 0px 16px 16px;
                }

                .steps ul li a.btn:before,
                .steps ul li.completed a.btn:before,
                .steps ul li.active a.btn:before {
                    border-style: solid;
                    display: block;
                    height: 0;
                    position: absolute;
                    width: 0;
                    left: 143px;
                    top: 0px;
                    z-index: 1;
                }

                .steps ul li a.btn:after,
                .steps ul li.completed a.btn:after,
                .steps ul li.active a.btn:after {
                    border-style: solid;
                    display: block;
                    height: 0;
                    position: absolute;
                    width: 0;
                    left: 137px;
                    top: 0px;
                    z-index: 1;
                }

            .steps ul li.active a.btn:before {
                border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #EAEAEA;
            }

            .steps ul li.active a.btn:after {
                border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #429AD1;
            }


            .steps ul li.completed a.btn:before {
                border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #EAEAEA;
            }

            .steps ul li.completed a.btn:after {
                border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #369f8f;
            }

            .steps ul li a.btn:before {
                border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #EAEAEA;
            }

            .steps ul li a.btn:after {
                border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #A3A3A3;
            }

            .steps ul li:last-child a.btn:before,
            .steps ul li:last-child a.btn:after {
                border: none;
            }


.campaign-type {
    width: 380px;
    margin: auto;
}

.campaign-nameedit {
    color: #e2e2e2;
    font-size: 16px;
}

    .campaign-nameedit:hover {
        color: black;
    }

.campaigns-topelements {
    position: relative;
}

.campaigns-drapanddrop {
    position: relative;
    min-height: 600px;
}

.campaigns-theme-controls {
    width: 380px;
    position: absolute;
    top: 6px;
    right: 0px;
}

    .campaigns-theme-controls.form-controls {
        border: 1px solid #e2e2e2;
    }

        .campaigns-theme-controls.form-controls .drag-controls {
            margin-bottom: 0;
        }

.campaigns-droparea {
    position: relative;
    margin-right: 401px;
    /*margin-bottom: 50px;*/
}

.campaigns-template {
    padding: 60px 40px 60px 40px;
    background-color: #f3f3f3;
}
/*.campaigns-body.tablet{padding:98px 34px 97px;background:url(../../img/tablet_bg.png) no-repeat;width:666px;height:990px;}
.campaigns-body.mobile{padding:118px 32px 115px;background:url(../../img/mobile_bg.png) no-repeat;width:381px;height:801px;}*/

.campaigns-body.tablet {
    padding: 105px 42px 83px 43px;
    background: url(../../img/tablet_bg.png) no-repeat;
    width: 640px;
    height: 907px;
    max-width: 640px !important;
    box-shadow: none;
}

.campaigns-body.mobile {
    padding: 105px 34px 105px 34px;
    background: url(../../img/mobile_bg-6s.png) no-repeat;
    width: 382px;
    height: 801px;
    box-shadow: none;
}

.mobile .campaigns-sidebanner {
    width: 254px;
    padding: 0 30px;
}

.mobile .campaigns-sidebanner-text {
    width: 254px;
}

.campaigns-body.mobile .campaignsdesignarea-body {
    max-height: 545px;
    overflow-y: auto;
    padding: 2px;
}

.campaigns-body.tablet .campaignsdesignarea-body {
    max-height: 718px;
    overflow-y: auto;
    padding: 2px;
}

.campaigns-body {
    padding: 5px 20px 5px 20px;
    background-color: #ffffff;
    margin: 0 auto;
}

.campaigns-controls {
    display: inline-block;
}

    .campaigns-controls .form-group {
        width: 305px;
    }

        .campaigns-controls .form-group .control-label {
            display: inline-block;
            vertical-align: middle;
        }

        .campaigns-controls .form-group .col-lg-6 {
            float: none;
            display: inline-block;
            vertical-align: middle;
            padding: 0 0px 0 5px;
        }

.campaigns-text-img .campaigns-sidebanner {
    max-height: 300px;
}

.campaigns-text-img .campaigns-sidebanner,
.campaigns-banner {
    background-color: #ebebeb;
    border: 1px solid #cccccc;
}

    .campaigns-text-img .banner-content,
    .campaigns-banner .banner-content {
        padding: 25px 0 25px 0;
        text-align: center;
    }

    .campaigns-banner .main-banner {
        padding: 0px;
        width: 100%;
    }

        .campaigns-banner .main-banner figure img {
            max-width: 100%;
            max-height: 500px;
        }

.campaigns-sidebanner .sub-banner {
    padding: 0px;
    width: 100%;
}

    .campaigns-sidebanner .sub-banner figure img {
        max-width: 100%;
        max-height: 500px;
    }

.campaigns-text-img .banner-content div,
.campaigns-banner .banner-content div {
    padding: 5px;
    text-align: center;
}

.campaigns-text-img .banner-content .browse,
.campaigns-banner .banner-content .browse {
    margin: 0 auto;
}

.campaigns-text {
    padding: 20px 10px;
    text-align: left;
    margin: 15px 0;
}

.campaigns-text-img {
    padding: 20px 10px;
    text-align: left;
    overflow: hidden;
}

.campaigns-footer {
    text-align: left;
    margin-top: 28px;
    overflow: hidden;
}

    .campaigns-footer .campaigns-social {
        display: inline-block;
    }

    .campaigns-footer .copyright {
        color: #ababab;
        font-size: 10px;
    }

    .campaigns-footer .campaigns-footer-links {
    }

        .campaigns-footer .campaigns-footer-links a {
            padding-left: 10px;
        }

            .campaigns-footer .campaigns-footer-links a:first-child {
                padding-left: 0px;
            }

.campaigns-theme-controls .theme-controls,
.campaigns-theme-controls .drag-controls {
    margin-bottom: 10px;
}

    .campaigns-theme-controls .theme-controls .title,
    .campaigns-theme-controls .drag-controls .title {
        background-color: #f3f3f3;
        color: #000000;
        font-weight: bold;
        line-height: 44px;
        display: block;
        padding: 0 15px;
        position: relative;
    }

        .campaigns-theme-controls .theme-controls .title span.st-arrow-down-gray,
        .campaigns-theme-controls .drag-controls .title span.st-arrow-down-gray {
            position: absolute;
            right: 15px;
            top: 15px;
        }

    .campaigns-theme-controls .drag-controls .drag-control-views a {
        width: 127px;
        margin-left: -1px;
    }

.btn-group.drag-control-views > .btn:first-child {
    margin-left: 0px;
    width: 126px;
}

.campaigns-theme-controls .drag-controls .drag-controls-content { /*border:1px solid #e2e2e2;border-top:0;*/
}

.sub-container .btn-group.campaign-viewbtn a {
    margin-left: -1px;
}

.sub-container .btn-group.campaign-viewbtn > .btn:first-child {
    width: 126px;
    margin-left: 0px;
}

.campaigns-theme-controls .drag-controls .drag-control-views a.active {
    background-color: #a3a3a3;
    color: #fff;
    border-color: #a3a3a3;
}

.campaigns-theme-controls .drag-controls .drag-controls-content .content-block {
    display: none;
}

    .campaigns-theme-controls .drag-controls .drag-controls-content .content-block.active {
        display: block;
        border: 1px solid #e2e2e2;
        border-top: 0;
    }

.campaigns-theme-controls .drag-controls .drag-controls-content .widgets.content-block.active {
    float: none;
    text-align: center;
}

.campaigns-theme-controls .drag-controls ul.widgets {
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

    .stc-dragging-control, .campaigns-theme-controls .drag-controls ul.widgets li {
        border-left: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
        float: left;
        height: 100px;
        list-style: none outside none;
        text-align: center;
        vertical-align: top;
        width: 50%;
        cursor: move;
        margin-left: -1px;
    }

.stc-dragging-control {
    border: 2px dashed #bdbdbd;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    position: fixed !important;
    z-index: 10;
    width: 150px;
    height: 100px;
}

    /*.campaigns-theme-controls .drag-controls ul.widgets li:last-child{border-bottom:none;}*/
    .stc-dragging-control a, .campaigns-theme-controls .drag-controls ul.widgets li a {
        margin: 0;
        padding: 60px 9px 0;
        cursor: move;
    }

    .stc-dragging-control:hover a, .campaigns-theme-controls .drag-controls ul.widgets li:hover a {
        opacity: 1;
    }

    .stc-dragging-control a.st-campaign-share, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-share {
        background-position: -4px -845px;
    }

    .stc-dragging-control a.st-campaign-social, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-social {
        background-position: -4px -737px;
    }

    .stc-dragging-control a.st-campaign-divider, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-divider {
        background-position: -3px -658px;
    }

    .stc-dragging-control a.st-campaign-button, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-button {
        background-position: 0px 22px;
    }

    .stc-dragging-control a.st-campaign-img-text, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-img-text {
        background-position: 8px -339px;
    }

    .stc-dragging-control a.st-campaign-img-text-left, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-img-text-left {
        background-position: 10px -442px;
    }

    .stc-dragging-control a.st-campaign-img-text-bottom, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-img-text-bottom {
        background-position: 8px -553px;
    }

    .stc-dragging-control a.st-campaign-img, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-img {
        background-position: -4px -250px;
    }

    .stc-dragging-control a.st-campaign-img-2, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-img-2 {
        background-position: 5px -1158px;
    }

    .stc-dragging-control a.st-campaign-img-3, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-img-3 {
        background-position: 5px -1254px;
    }

    .stc-dragging-control a.st-campaign-img-4, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-img-4 {
        background-position: 5px -1350px;
    }

    .stc-dragging-control a.st-campaign-text, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-text {
        background-position: -10px -162px;
    }

    .stc-dragging-control a.st-campaign-title, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-title {
        background-position: -10px -80px;
    }

    .stc-dragging-control a.st-campaign-footer, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-footer {
        background-position: -3px -947px;
    }

    .stc-dragging-control a.st-campaign-addlink, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-addlink {
        background-position: 5px -1050px;
    }

    .stc-dragging-control a.st-campaign-table-icon, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-table-icon {
        background-position: -4px -1445px;
    }

/* Campaign design layer minimize */
.stc-minimized:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(160, 205, 83, 0.65);
    z-index: 10;
}

.stc-minimized {
    height: 40px !important;
    overflow: hidden;
    position: relative;
    margin-bottom: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.drag-controls-subheading {
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    line-height: 42px;
    padding: 0 24px;
    color: #000;
    display: block;
    background-color: #f3f3f3;
}

    .drag-controls-subheading .camp-specify {
        font-size: 18px;
    }

a.drag-controls-subheading {
    color: #000000;
    margin-top: -1px;
}

    a.drag-controls-subheading.collapsed {
        background-color: #ffffff;
    }

        a.drag-controls-subheading.collapsed .st-arrow-down-black-up {
            background-position: 0 -44px;
        }

#contentimageselements .k-button.k-upload-selected {
    /*display: none;*/
}

#contentimageselements .k-dropzone {
    display: block;
    text-align: center;
}

    #contentimageselements .k-dropzone.k-dropzone-active {
        border: 1px dashed #369f8f;
    }

    #contentimageselements .k-dropzone em {
        visibility: visible;
        display: block;
        margin-top: 10px;
        margin-left: 0;
    }

#contentimageselements .k-upload {
    text-align: center;
}

.content-images .k-grid {
    border: none;
    background-color: #fff;
}

    .content-images .k-grid .k-grid-header {
        display: none;
    }

    .content-images .k-grid.k-widget .k-toolbar.k-grid-toolbar {
        border-width: 0;
        background-color: #fff;
        padding: 0;
    }

    .content-images .k-grid-content, .content-images .k-grid table {
        border: 0;
    }

        .content-images .k-grid-content, .content-images .k-grid table tr {
            width: 50%;
            float: left;
            text-align: center;
            vertical-align: middle;
        }

.content-images .norecords {
    width: 100% !important;
    float: none !important;
}

    .content-images .norecords > td {
        width: 100% !important;
    }

.campaign-images-grid {
    overflow: hidden;
    height: 100%;
    position: inherit;
}

    .campaign-images-grid.k-grid.k-widget .k-grid-toolbar {
        border-width: 0;
        padding: 0;
    }

.campaigns-theme-controls.affix .campaign-images-grid {
    overflow: hidden;
    height: 100%;
    position: absolute;
}

.images-search {
    border-bottom: 1px solid #EDEDED;
    border-top: 1px solid #EDEDED;
    line-height: 30px;
    position: relative;
}

    .images-search .icon {
        width: 40px;
        color: #bdbdbd;
        text-align: center;
        position: absolute;
        z-index: 1;
    }

    .images-search input {
        border: none;
        padding-left: 40px;
        background-color: transparent;
    }


.color-picker {
    position: relative;
}

    .color-picker .color-thumbnail {
        position: absolute;
        width: 20px;
        height: 20px;
        background-color: #e2e2e2;
        left: 5px;
        top: 5px;
    }

    .color-picker input {
        padding-left: 30px;
    }


.content-images .k-grid.k-widget td {
    border: medium none;
    display: inline-block;
    float: none;
    height: auto;
    margin: 15px 10px 4px 9px;
    text-align: left;
    width: 159px;
    position: relative;
    padding: 0;
    outline: 2px solid #ccc;
}

    .content-images .k-grid.k-widget td .lib-img {
        height: 100px;
        line-height: 100px;
        text-align: center;
        width: 159px;
        cursor: move;
    }

        .content-images .k-grid.k-widget td .lib-img img {
            width: 100%;
            max-height: 100px;
        }

    .content-images .k-grid.k-widget td .lib-img-name {
        color: #b4b4b4;
        font-size: 12px;
        padding: 10px 0;
        text-align: center;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .content-images .k-grid.k-widget td .control-label {
        text-align: center;
    }

    .content-images .k-grid.k-widget td .lib-img-del {
        background-color: rgba(255, 255, 255, 0.8);
        font-size: 16px;
        opacity: 0;
        padding: 5px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .content-images .k-grid.k-widget td:hover .lib-img-del {
        opacity: 1;
    }

.campaigns-theme-controls .theme-controls #themeinner > ul {
    margin: 0px;
    padding: 15px 15px 0px 15px;
}

    .campaigns-theme-controls .theme-controls #themeinner > ul li {
        list-style: circle;
        margin-bottom: 10px;
    }

.campaigns-theme-controls .theme-controls #themeinner div.save-theme {
    border-top: 1px solid #f3f3f3;
    margin-bottom: 0px;
    padding: 15px;
}

.campaigns-theme-controls .theme-controls #themeinner .form-horizontal .form-group {
    margin-bottom: 0px;
}

    .campaigns-theme-controls .theme-controls #themeinner .form-horizontal .form-group .control-label {
        font-size: 11px;
    }

    .campaigns-theme-controls .theme-controls #themeinner .form-horizontal .form-group .col-lg-7 {
        padding-left: 0px;
    }

    .campaigns-theme-controls .theme-controls #themeinner .form-horizontal .form-group .col-lg-5 {
        padding-left: 0px;
        padding-right: 0px;
    }

        .campaigns-theme-controls .theme-controls #themeinner .form-horizontal .form-group .col-lg-5 .select-block ul.dropdown-menu {
            float: right;
        }

            .campaigns-theme-controls .theme-controls #themeinner .form-horizontal .form-group .col-lg-5 .select-block ul.dropdown-menu li {
                margin-bottom: 0px;
            }

.campaigns-theme-controls .lib-images {
    padding: 10px 0;
    overflow-y: auto;
    max-height: 100%;
}

    .campaigns-theme-controls .lib-images li {
        display: inline-block;
        width: 160px;
        text-align: center;
        margin-bottom: 10px;
    }

.campaigns-theme-controls.affix {
    top: 70px;
    right: 41px;
    bottom: 120px;
    margin-top: 0;
}

.campaigns-theme-controls.afx-new {
    top: 0;
}

.campaigns-theme-controls.affix .content-block {
}

.campaigns-theme-controls.affix ul.widgets li {
    width: 50%;
}

.campaigns-theme-controls.affix .content-block .lib-images li {
    width: 160px;
}

.campaigns-theme-controls.affix .drag-controls .drag-controls-content .content-block.active {
    bottom: 120px;
    position: fixed;
    top: 150px;
    width: 380px;
    overflow-y: auto;
    overflow-x: visible;
}

.campaigns-theme-controls.affix .drag-controls .drag-controls-content #contentimageselements.content-block.active {
    bottom: 120px;
    position: fixed;
    top: 150px;
    width: 380px;
    overflow-y: hidden;
}

.campaigns-list {
    margin: 0px;
    padding: 0px;
    min-height: 550px;
    overflow-x: auto;
    overflow-y: hidden;
}

    .campaigns-list.st-droparea {
        overflow-x: hidden !important;
    }

.campaigns-body ul li {
    list-style: outside disc;
}
/*.stc-dropping-here { height: 3px; margin-top: 4px; margin-bottom: 8px; background-color: #369f8f; width: 100%; position: relative; }
.stc-dropping-here:before, .stc-dropping-here:after { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #369f8f; position: absolute; left: 0; top: -8px; }
.stc-dropping-here:after { border-top: 0; border-bottom: 5px solid #369f8f; top: 4px;}*/
.stc-dropping-here {
    height: auto;
    margin-top: 4px;
    margin-bottom: 8px;
    background-color: #fff;
    border: dashed 2px #369f8f;
    padding: 20px;
    width: 100%;
    position: relative;
}

    .stc-dropping-here:before {
        content: "Your content goes here";
        font-size: 14px;
        color: #BDBDBD;
        text-align: center;
    }

    .stc-dropping-here:after {
        border-top: 0;
        border-bottom: none;
        top: 4px;
    }

.camp-dashboard {
    -webkit-box-shadow: 0px 0px 4px #dadada;
    box-shadow: 0px 0px 4px #dadada;
}

.st-layout {
    position: relative;
    /*border: 1px dashed #ccc;*/
    /*min-height: 32px;*/
}

.st-droparea {
    min-height: 200px;
    padding-bottom: 10px;
}

.k-editor-inline {
    padding: 0 !important;
}

.st-imgdroparea.st-drophover,
.st-droparea.st-drophover {
    border: 2px dashed #e2e2e2;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.st-layout:hover {
    /*border: 1px solid #4eb2f2;*/
    border: 0;
}

.formitem.ui-draggable-dragging,
.campaigns-theme-controls .drag-controls ul.widgets li.item.ui-draggable-dragging,
.item.ui-draggable-dragging,
.dropimg.ui-draggable-dragging {
    border: 2px dashed #bdbdbd;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    z-index: 10;
    position: fixed !important;
    width: 150px;
    height: 100px;
}

.formitem.ui-draggable-dragging {
    border: 2px dashed #bdbdbd;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    z-index: 10;
    position: fixed !important;
    width: 150px;
    height: 100px;
    font-size: 0;
}

    .formitem.ui-draggable-dragging:before {
        content: '\e064';
        position: absolute;
        z-index: 11;
        left: 50%;
        font-family: "smarttouch";
        top: 50%;
        margin-left: -20px;
        margin-top: -25px;
        font-size: 40px;
        opacity: 0.5;
    }

.ui-draggable.drag-widget {
    background-color: #f6f6f6;
}

    .ui-draggable.drag-widget a {
        -webkit-transition: 0.25s;
        -moz-transition: 0.25s;
        -o-transition: 0.25s;
        transition: 0.25s;
        -ms-transform: scale(0.70); /* IE 9 */
        -webkit-transform: scale(0.70); /* Safari */
        transform: scale(0.70);
    }

.formitem.ui-draggable.drag-widget a {
    /*color:#369f8f;
	 -webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
	-ms-transform: rotate(5deg); 
	-webkit-transform: rotate(5deg); 
	transform: rotate(5deg);
	 -ms-transform: translate(10px,20px); 
	-webkit-transform: translate(10px,20px); 
	transform: translate(10px,20px);*/
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: 3; /* Chrome, Safari, Opera */
    animation-name: animat;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

@-webkit-keyframes animat {
    0% {
        text-shadow: 0 0 0 #369f8f;
        color: rgba(0,0,0,0);
    }
    /*25%  {text-shadow:0 0 5px rgba(0,0,0,0.25);color:rgba(0,0,0,0)}
	50%  {text-shadow:0 0 10px rgba(0,0,0,0.50);color:rgba(0,0,0,0)}
	75%  {text-shadow:0 0 15px rgba(0,0,0,0.70);color:rgba(0,0,0,0)}*/
    100% {
        text-shadow: 0 0 5px #369f8f;
        color: rgba(0,0,0,0);
    }
}

/* Standard syntax */
@keyframes animat {
    0% {
        text-shadow: 0 0 0 #369f8f;
        color: rgba(0,0,0,0);
    }
    /*25%  {text-shadow:0 0 5px rgba(0,0,0,0.25);color:rgba(0,0,0,0)}
	50%  {text-shadow:0 0 10px rgba(0,0,0,0.50);color:rgba(0,0,0,0)}
	75%  {text-shadow:0 0 15px rgba(0,0,0,0.70);color:rgba(0,0,0,0)}*/
    100% {
        text-shadow: 0 0 5px #369f8f;
        color: rgba(0,0,0,0);
    }
}


.st-layout:hover .st-droparea-sorter,
.st-layout:hover .st-droparea-controls {
    visibility: visible;
    opacity: 1;
}

#imagetools:hover {
    visibility: visible;
    opacity: 1;
}

.st-droparea-sorter {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.st-image-controls {
    position: absolute;
    top: 0px;
    left: -1px;
    z-index: 10;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

    .st-image-controls a {
        background: /*url('../../img/draganddrop_sprite.png') no-repeat*/ #60baf3;
        border-left: 1px solid #4eb2f2;
        width: 30px;
        height: 30px;
        padding: 15px;
        float: left;
        z-index: 11;
        color: #ffffff;
        padding: 6px 7px;
    }

        .st-image-controls a.copy {
            background-position: -5px -582px;
        }

        .st-image-controls a.edit {
            background-position: -5px -470px;
        }

        .st-image-controls a.delete {
            background-position: -5px -358px;
        }

        .st-image-controls a.sort {
            cursor: move;
        }

.st-droparea-controls {
    position: absolute;
    top: 0px;
    right: -1px;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

    .st-droparea-controls a {
        background: /*url('../../img/draganddrop_sprite.png') no-repeat*/ #60baf3;
        border-left: 1px solid #4eb2f2;
        width: 30px;
        height: 30px;
        float: left;
        z-index: 11;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .st-droparea-controls a.copy {
            background-position: -5px -582px;
        }

        .st-droparea-controls a.edit {
            background-position: -5px -470px;
        }

        .st-droparea-controls a.delete {
            background-position: -5px -358px;
        }

        .st-droparea-controls a.sort {
            cursor: move;
        }

.st-droparea-sorter a.sort {
    background: #60baf3;
    color: #ffffff;
    padding: 6px 7px;
    width: 30px;
    height: 30px;
    z-index: 11;
    float: left;
    cursor: move;
}

.ui-sortable-placeholder,
.st-state-highlight {
    line-height: 100px;
    height: 100px;
    border: 1px dashed #369f8f;
    visibility: visible !important;
    margin-left: 2px;
}

/* campaign-setup */
.campaign-setup { /*float:left;width:350px;*/
}

.preview {
    position: relative; /*margin-left:370px;*/
}

.fb-preview-img {
    border: 1px solid #dedede;
    display: table-cell;
    height: 110px;
    padding: 5px;
    vertical-align: middle;
    width: 120px;
}

    .fb-preview-img img {
        text-align: center;
        max-height: 100px;
        max-width: 100%;
    }

.test-email {
    margin-bottom: 100px;
}

/*Widgets*/
.st-layout .title {
    font-weight: bold;
    font-size: 15px;
    line-height: 30px;
    background: none;
    padding: 10px;
}

.social-widget {
    display: inline-block;
}

.btn.btn-darkgray {
    background-color: #a3a3a3;
    color: #fff;
}

.btn-darkgray i {
    margin-top: -2px !important;
}

.socialinner li {
    margin: 20px 0;
}

.facebook-btn {
    background: #3e69c1;
    color: #fff;
    width: 180px;
    text-align: left;
}

.twitter-btn {
    background: #00abf0;
    width: 180px;
    color: #fff;
    text-align: left;
}

.googleplus-btn {
    background: #de4b39;
    width: 180px;
    color: #fff;
    text-align: left;
}

.facebook-btn:hover {
    color: #fff;
    background-color: #194DB6;
}

.twitter-btn:hover {
    color: #fff;
    background-color: #04A5E6;
}

.googleplus-btn:hover {
    color: #fff;
    background-color: #CF4535;
}

.social-def {
    width: 180px;
    text-align: left;
    color: #fff;
    background-color: #cecece;
}

    .social-def.facebook:hover {
        background-color: #3e69c1;
        color: #fff;
    }

    .social-def.twitter:hover {
        background-color: #00abf0;
        color: #fff;
    }

    .social-def.googleplus:hover {
        background-color: #de4b39;
        color: #fff;
    }

.header-rightpart {
    width: 50%;
    float: right;
    text-align: right;
}

    .header-rightpart .select-list {
        width: 200px;
    }

    .header-rightpart .label {
        font-size: 13px;
        font-weight: 300;
        color: #000000;
    }

ul.dropdown-menu .notify-heading {
    margin: 10px;
    font-family: 'OpensansBold';
    font-size: 16px;
    background-color: #fff;
    padding: 0;
    color: #757676;
}

#addressfields1 .form-group.medium {
    width: 241px;
}

.status .mul-lead .st-icon-podcast-2 {
    font-size: 20px;
}

/* Workflow Report*/
.workflow-report {
}

    .workflow-report .rightpart {
        width: 25%;
        float: right;
        text-align: right;
    }

    .workflow-report .leftpart {
        width: 75%;
        text-align: left;
        float: left;
    }

.input-block {
    width: 150px;
}

.workflow-report .workflow-block-bg {
    background-color: #f6f6f6;
    padding: 15px;
}

.workflow-report .workflow-report-block {
    padding: 25px;
}

.workflow-report ul.workflow-view {
    padding: 0 20px !important;
    margin: 0px;
    height: 150px;
    overflow-y: visible !important;
    overflow-x: hidden;
}

    .workflow-report ul.workflow-view li.flow-block .flow-overlay,
    .workflow-report ul.workflow-view li.flow-block {
        height: 100px;
        width: 100px;
        border-radius: 50%;
        background-color: #369f8f; /*border:1px solid #e2e2e2;*/
        display: inline-block;
        vertical-align: top;
        text-align: center;
        font-family: 'OpensansBold';
        position: relative;
    }



        .workflow-report ul.workflow-view li.flow-block .flow-row {
            font-family: 'OpensansSemibold';
            position: absolute;
            top: 110px;
            left: 0;
            right: 0;
            color: #303030;
            font-size: 12px;
            width: 111px;
        }

            .workflow-report ul.workflow-view li.flow-block .flow-row i.wf-cm-edt {
                font-size: 12px;
                cursor: pointer;
            }

        .workflow-report ul.workflow-view li.flow-block .flow-icon {
            color: #fff;
            font-size: 32px;
            left: 50%;
            margin: -22px 0 0 -16px;
            position: absolute;
            top: 50%;
        }

            .workflow-report ul.workflow-view li.flow-block .flow-icon .icon {
                font-size: 32px;
            }

        .workflow-report ul.workflow-view li.flow-block .tags-text {
            line-height: 32px;
            height: 32px;
            font-size: 15px;
            word-wrap: break-word;
            padding: 0 10px;
            font-family: 'OpensansSemibold';
        }

        .workflow-report ul.workflow-view li.flow-block .flow-block-middle-addon {
            line-height: 30px;
            border-bottom: 1px solid #e2e2e2;
            border-top: 1px solid #e2e2e2;
            height: 32px;
            background-color: #fafafa;
        }

        .workflow-report ul.workflow-view li.flow-block .flow-block-addon {
            line-height: 31px;
            border-top: 1px solid #e2e2e2;
        }

    .workflow-report ul.workflow-view li.flow {
        border-bottom: 3px dotted #303030;
        display: inline-block;
        line-height: 94px;
        margin: 0 5px;
        padding: 50px 30px 0;
    }

    .workflow-report ul.workflow-view li.flow-block.timerflow-block {
        background-color: transparent;
        width: 50px;
    }

        .workflow-report ul.workflow-view li.flow-block.timerflow-block .flow-row {
            display: none;
        }

        .workflow-report ul.workflow-view li.flow-block.timerflow-block .flow-icon {
            color: #369f8f;
            font-size: 64px;
            margin: -45px 0 0 -32px;
        }

.workflow-view li:nth-last-child(2):after,
.workflow-view li:first-child:after {
    background-color: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 50%;
    font-family: smarttouch;
    font-size: 14px;
    height: 25px;
    line-height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    z-index: 1;
}

.workflow-view li:first-child:after {
    content: '\e08d';
    color: #369f8f;
}

.workflow-view li:nth-last-child(2):after {
    content: '\e0c9';
    color: #f45c59;
}

.workflow-view li:last-child {
    display: none !important;
}

.workflow-report ul.workflow-view li.flow-block .flow-overlay {
    background-color: #046b5c;
    color: #fff;
    opacity: 0;
    cursor: pointer;
}

    .workflow-report ul.workflow-view li.flow-block .flow-overlay > span {
        display: inline-block;
        height: 34px;
        left: 5px;
        margin-top: -17px;
        overflow: hidden;
        position: absolute;
        right: 5px;
        top: 50%;
        word-break: break-all;
    }

    .workflow-report ul.workflow-view li.flow-block .flow-overlay > a {
        color: #fff;
        height: 20px;
        left: 0;
        margin-top: -10px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 50%;
    }

.workflow-report ul.workflow-view li.flow-block:hover .flow-overlay {
    opacity: 1;
    height: 100px;
    width: 100px;
}

.workflow-report ul.workflow-view li.flow-block.timerflow-block .flow-overlay {
    background-color: #fff;
    height: 40px;
    left: 0;
    opacity: 1;
    top: 30px;
    width: 40px;
}

    .workflow-report ul.workflow-view li.flow-block.timerflow-block .flow-overlay a {
        color: #757676;
    }

.k-animation-container .k-tooltip {
    box-shadow: none !important;
}

.k-callout-s {
    bottom: -12px;
}

.workflow-report ul.workflow-summary,
.building-report ul.building-summary {
    margin: 12px 0px 0px 0px;
    padding: 0px;
}

    .workflow-report ul.workflow-summary li,
    .building-report ul.building-summary li {
        min-height: 96px;
        border: 1px solid #ebebeb;
        width: 150px;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        float: left;
        border-right: 0;
        cursor: pointer;
    }

    .building-report ul.building-summary li {
        margin-bottom: 24px;
    }

        .workflow-report ul.workflow-summary li .text,
        .building-report ul.building-summary li .text {
            font-family: 'OpensansBold';
            line-height: 50px;
            font-size: 18px;
        }

        .workflow-report ul.workflow-summary li .number,
        .building-report ul.building-summary li .number {
            line-height: 30px;
            font-size: 18px;
            font-family: 'OpensansBold';
        }

        .workflow-report ul.workflow-summary li:last-child,
        .building-report ul.building-summary li:last-child {
            border-right: solid 1px #e2e2e2;
        }

    .workflow-report ul.workflow-summary li.ct-open {
        border-top: solid 5px #f56f26;
    }

    .workflow-report ul.workflow-summary li.ct-click {
        border-top: solid 5px #b036cf;
    }

    .workflow-report ul.workflow-summary li.ct-clicked {
        border-top: solid 5px #f1c40f;
    }

    .workflow-report ul.workflow-summary li.ct-deliver {
        border-top: solid 5px #369bcf;
    }

    .workflow-report ul.workflow-summary li.ct-bounce {
        border-top: solid 5px #88cb46;
    }


.actionbody .help-text {
    color: #969696;
}

ul.dash-option li.open {
    border-top: solid 5px #f56f26;
}

ul.dash-option li.click {
    border-top: solid 5px #b036cf;
}

ul.dash-option li.clicked {
    border-top: solid 5px #f1c40f;
}

ul.dash-option li.unsubscribe {
    border-top: solid 5px #bcbcbc;
}

ul.dash-option li.deliver {
    border-top: solid 5px #369bcf;
}

ul.dash-option li.bounce {
    border-top: solid 5px #88cb46;
}

ul.dash-option li.opportunity {
    border-top: solid 5px #f1c40f;
}

ul.dash-option li.open {
    border-top: solid 5px #f56f26;
}

ul.dash-option li.complained {
    border-top: solid 5px #BE7642;
}

/* Checkbox and Radio  */
label.checkbox,
label.radio {
    cursor: pointer;
}

.checkbox .icons, .radio .icons {
    top: 2px;
    font-size: 18px;
}

label.checkbox input, label.radio input {
    margin-right: 5px;
}

/* Add Workflow */

.setting-st {
    border: solid 1px #EBEBEB;
    margin: 10px 0;
    padding: 10px;
    overflow: hidden;
}

    .setting-st .radio + .radio,
    .setting-st .checkbox + .checkbox {
        margin-top: 10px;
    }

.radio + .radio,
.checkbox + .checkbox {
    margin-top: 10px;
}

/* My Profile */
.setting {
    font-size: 13px;
    position: relative;
    margin-top: 1px;
    display: flex;
    align-items: center;
}

    .setting .btn {
        -moz-transition: none;
        margin-top: 1px;
    }

        .setting .btn.open {
            z-index: 12;
            box-shadow: 0px -3px 7px #e0e0e0;
            position: inherit;
            border-bottom-color: transparent;
        }

.setting-st {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DFDFDF;
    margin: 0;
    overflow: hidden;
    padding: 0 15px;
    position: absolute;
    right: 0;
    width: 600px;
    z-index: 10;
    line-height: 20px;
    box-shadow: 0 0 7px #e0e0e0;
    top: 30px;
}

    .setting-st.left {
        left: 0;
    }

.remove-top {
    top: auto;
    width: 700px;
    padding: 10px;
}

.setting-inner .k-datepicker {
    width: 180px;
}

.st-gmail,
.st-gcalendar,
.st-outlook,
.st-facebooklg,
.st-twitterlg {
    background: url(../../img/integrations.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    padding: 27px;
}

.st-X {
    background: url(../../img/logo-X-black.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    padding: 27px;
    max-width: 100%;
    height: auto;
}

.st-gmail {
    background-position: -12px -197px;
}

.st-gcalendar {
    background-position: -13px -119px;
}

.st-outlook {
    background-position: -13px -36px;
}

.st-facebooklg {
    background-position: -17px -370px;
}

.st-twitterlg {
    background-position: -17px -278px;
}

.st-cal {
    text-align: center;
    background: #f6f6f6;
    float: left;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
}

.st-integration {
    width: 350px;
    display: inline-block;
    margin-bottom: 25px;
}

    .st-integration .btn + .btn {
        margin-left: 0;
    }

    .st-integration .btn.btn-lg:hover {
        background-color: #369f8f;
        color: #fff;
        border-color: #369f8f;
    }

    .st-integration .btn.btn-lg.btn-remove:hover {
        background-color: #FE1A00;
        color: #fff;
        border-color: #FE1A00;
    }

.formsubheading {
    color: black;
    display: block;
    font-size: 15px;
    padding: 0 10px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 20px;
    width: 100%;
    display: block;
    width: 100%;
}

[data-parent="#accordion"]:not(.collapsed) > .st-icon-dropdownarrow {
    transform: rotate(180deg);
}

[data-parent="#accordion"] > .st-icon-dropdownarrow {
    transition: 0.25s;
    font-size: 22px;
    color: black;
}

.has-error .form-control.required {
    border-left: 3px solid #E74C3C;
    padding-left: 10px;
}

.form-control.required {
    border-left: 3px solid #369f8f;
    padding-left: 10px;
}

/* Opportunities */
.added-people {
    margin: 10px 0;
}

/* Form Fields */

.form-auto-link {
    font-size: 14px;
}

.form-designarea {
    position: relative;
}

.form-template-body {
    background-color: #F3F3F3;
    padding: 30px;
    height: 470px;
    overflow-y: auto;
    display: block;
}

.form-template .header {
    line-height: 60px;
    overflow: hidden;
}

    .form-template .header .right-part {
        float: right;
    }

.st-form-droparea {
    min-height: 300px;
    transition: all 0.75s;
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -o-transition: all 0.75s;
}

    .st-form-droparea li {
    }

        .st-form-droparea li .form-group {
        }

            .st-form-droparea li .form-group.focus .form-control {
                border-color: #EDEDED;
            }

            .st-form-droparea li .form-group.focus .input-group .form-control {
                border-color: #369f8f;
            }

            .st-form-droparea li .form-group .control-label {
                margin-bottom: 5px; /*height: 30px;line-height:30px;*/
                float: none !important;
            }

            .st-form-droparea li .form-group .form-edit {
                z-index: 3;
                margin-bottom: 5px;
            }

        .st-form-droparea li .add-form-controls {
            position: absolute;
            right: 0;
            top: 3px;
        }

            .st-form-droparea li .add-form-controls > a {
                display: inline-block;
            }

            .st-form-droparea li .add-form-controls a > i {
                font-size: 16px;
                margin-left: 3px;
                color: #000;
            }

            .st-form-droparea li .add-form-controls a.sort {
                cursor: move;
            }

        .st-form-droparea li .form-Required {
            position: absolute;
            right: 10px;
            top: 36px;
            z-index: 3;
        }

        .st-form-droparea li .form-default {
            font-size: 11px;
            font-style: italic;
            color: #303030;
        }

.form-body .form-design {
    background-color: #FFFFFF;
    margin: 0 auto;
    padding: 40px 48px;
    position: relative; /*-webkit-box-shadow: 0px 0px 4px #dadada;box-shadow: 0px 0px 4px #dadada;*/
    width: 459px;
}

.form-body .form-inner {
    background-color: #fff;
    padding: 0;
}

.form-fieldslist {
    margin: 0px;
    padding: 0px;
    max-height: 434px;
    overflow-y: auto;
}

    .form-fieldslist ul {
        margin: 0px;
        padding: 0px;
    }

    .form-fieldslist li {
        list-style: none;
        padding: 10px 25px;
        border-bottom: solid 1px #ededed;
        font-family: 'OpensansSemibold';
    }

        .form-fieldslist li.heading {
            font-size: 16px;
            color: #303030;
            padding: 15px;
        }

        .form-fieldslist li:hover {
            -webkit-box-shadow: 2px 0px 10px #E6E6E6;
            box-shadow: 2px 0px 10px #E6E6E6;
            cursor: move;
        }

        .form-fieldslist li.heading:hover {
            box-shadow: none;
            cursor: default;
        }

        .form-fieldslist li:hover a {
            cursor: move;
        }

.st-form-droparea.st-drophover {
    border: 1px dashed #e2e2e2;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.st-link {
    background: #F3F3F3;
    padding: 10px 5px 0px 10px;
    width: 375px;
}

.form-code-prettyprint {
    max-height: 300px;
    overflow-y: auto;
}

.form-edit-control {
    z-index: 1;
}

.dash-toggle a.btn-default.active {
    color: #fff;
    border-color: #369f8f;
}

ul.dash-option li.dash-option-value {
    float: left;
    border-right: solid 1px #f2f2f2;
    padding: 15px 0.5% 20px 0.5%;
    width: 25%;
    text-align: center;
    position: relative;
    cursor: pointer;
    height: 130px;
}

    ul.dash-option li.dash-option-value.active::before,
    ul.dash-option li.dash-option-value.active::after {
        border-width: 0px 12px 12px 12px;
        content: "";
    }

    ul.dash-option li.dash-option-value.active::before {
        border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #EAEAEA rgba(255, 255, 255, 0);
        border-style: solid;
        display: block;
        height: 0;
        position: absolute;
        width: 0;
        left: 50%;
        bottom: 0px;
        z-index: 1;
        margin-left: -16px;
    }

    ul.dash-option li.dash-option-value.active::after {
        border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #ffffff rgba(255, 255, 255, 0);
        border-style: solid;
        display: block;
        height: 0;
        position: absolute;
        width: 0;
        left: 50%;
        bottom: -2px;
        z-index: 1;
        margin-left: -16px;
    }

ul.dash-option {
    padding-left: 0;
    border: solid 1px #f2f2f2;
    margin-bottom: -1px;
    border-bottom: 0px;
    height: 130px;
}

    ul.dash-option li {
        border-bottom: solid 1px #f2f2f2;
    }

        ul.dash-option li.dash-option-value:last-child {
            border-right: 0;
        }

        ul.dash-option li.dash-option-value .dash-row {
            line-height: 48px;
            font-size: 20px;
        }

            ul.dash-option li.dash-option-value .dash-row.number-dash {
                font-size: 27px;
                font-family: 'OpensansSemibold';
            }

        ul.dash-option li.dash-option-value .dash-down {
            line-height: 42px;
            border-top: 1px solid #f2f2f2;
            margin-top: 1px;
            font-size: 16px;
        }

            ul.dash-option li.dash-option-value .dash-down i {
                margin-right: 5px;
            }

            ul.dash-option li.dash-option-value .dash-down .total-num {
                font-size: 14px;
            }

.report-outer {
    border: solid 1px #f2f2f2;
    border-top: none;
}

.dashboard-viewreport {
}

    .dashboard-viewreport .dash-toggle {
        margin-right: 10px;
    }

    .dashboard-viewreport .carrot {
        background: url("../../img/drag-drop-carrot.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        content: "";
        display: block;
        height: 15px;
        position: absolute;
        top: -15px;
        width: 29px;
    }

.st-toparrow {
    border-color: #131313 #131313 #fff #131313;
    border-width: 9px 9px 0px 9px;
    position: absolute;
    border-style: solid;
}

.main-container .report-main {
    background-color: #f6f8fa;
    border: 1px solid #e2e2e2;
    padding: 10px 15px;
}

.form-horizontal-large .form-group.report-date {
    float: left;
}

    .form-horizontal-large .form-group.report-date .select-small {
        width: 145px;
    }

.dash-option-value.active {
    background: #eee;
}

.lead-score {
    width: 53px;
}

.config-input {
    width: 388px;
}

.form-horizontal-large .st-address {
    width: 683px;
    border-bottom: solid 1px #eaeaea;
}

.form-horizontal-large .st-delete {
    border-bottom: solid 1px #A2ABB4;
    margin-left: 20px;
}

    .form-horizontal-large .st-delete a {
        color: #34495e;
    }

.st-reminder {
    background: #f6f6f6;
    padding-bottom: 0;
}

.st-arrowleft {
    border-color: #369f8f #369f8f rgba(163, 194, 109, 0) rgba(163, 194, 109, 0);
    border-style: solid;
    display: block;
    height: 0;
    width: 0;
    bottom: 0px;
    position: absolute;
    z-index: 1;
    margin-left: -16px;
    right: 0;
    top: 0;
    border-width: 16px;
    color: #fff;
}

    .st-arrowleft i.fui-check {
        position: relative;
        top: -14px;
        font-size: 12px;
    }

.contact-info {
    color: #949494;
}

/*Contact ui Changes*/

ul.engagement-st {
    margin: 0 -1%;
    padding: 0;
}

    ul.engagement-st li {
        float: left;
        background: #fff;
        width: 48%;
        height: 80px;
        text-align: center;
        padding: 15px;
        border: solid 1px #eaeaea;
        position: relative;
        margin: 0 1% 20px;
    }
        /*ul.engagement-st li:before,
ul.engagement-st li:after {content: "";}
ul.engagement-st li:before{border-bottom:1px solid #efefef;display: block;height: 3px;position: absolute;width: 100%;top: 77px;left: 0;z-index: 1;background-color:#fff;}
ul.engagement-st li:after{border-bottom:1px solid #efefef;display: block;height: 3px;position: absolute;width: 100%;top: 75px;left: 0;z-index: 1;background-color:#fff;}*/

        ul.engagement-st li.eng-opt {
            width: 100%;
            text-align: left;
            padding: 6px;
            height: 110px;
        }
/*ul.engagement-st li.eng-opt:before,
ul.engagement-st li.eng-opt:after {content: "";}
ul.engagement-st li.eng-opt:before{border-bottom:1px solid #efefef;display: block;height: 3px;position: absolute;width: 100%;top: 99px;left: 0;z-index: 1;background-color:#fff;}
ul.engagement-st li.eng-opt:after{border-bottom:1px solid #efefef;display: block;height: 3px;position: absolute;width: 100%;top: 105px;left: 0;z-index: 1;background-color:#fff;}*/
/*Email Edit UI changes*/
/*.edit-email-group .trash-record {line-height: 28px;}
.edit-email-group label.radio-inline {line-height: 21px;}
.edit-email-group input[type="radio"] {margin-top: 4px;}
.edit-email-group:first-child span.st-notverified { margin-top: 5px;}*/

.campaigns .eng-detail {
    float: left;
    text-align: center;
    border-right: solid 1px #eee;
    margin: 10px 0;
    width: 49%;
}

.actions .eng-detail {
    float: left;
    text-align: center;
    border-right: solid 1px #eee;
    margin: 10px 0;
    width: 24.5%;
}

    .actions .eng-detail:last-child,
    .campaigns .eng-detail:last-child {
        border-right: none;
    }

ul.engagement-st li.eng-opt .camp-eng {
    border-bottom: solid 1px #eee;
    font-size: 14px;
    font-family: 'OpensansBold';
    color: #71757D;
    padding-bottom: 5px;
}

ul.engagement-st li.eng-st1:before,
ul.engagement-st li.eng-st2:before,
ul.engagement-st li.eng-st3:before,
ul.engagement-st li.eng-st4:before,
ul.engagement-st li.eng-st5:before {
    content: "";
    height: 3px;
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    right: 0;
    top: -3px;
}

ul.engagement-st li.eng-st1:before {
    background-color: #88cb46;
}

ul.engagement-st li.eng-st2:before {
    background-color: #4EB2F2;
}

ul.engagement-st li.eng-st3:before {
    background-color: #f56f26;
}

ul.engagement-st li.eng-st4:before {
    background-color: #b036cf;
}

ul.engagement-st li.eng-st5:before {
    background-color: #f1c40f;
}

ul.engagement-st li .st-leadnum {
    font-size: 24px;
}

    ul.engagement-st li .st-leadnum.negative-lead {
        font-family: 'OpensansBold';
        color: #EA8686;
    }

ul.engagement-st li .st-leadtext {
    font-size: 14px;
    font-family: 'OpensansBold';
}

.ct-other-panels .panel .panel-heading .eng-dropdown {
    width: 150px;
}

.dropdown-menu {
    left: auto;
    right: 0;
}

/*Navigaion Bars*/

.nav-bar {
    display: flex;
    align-items: center;
}

    .nav-bar .tabs {
        flex: 1 1 auto;
        display: flex;
        height: 48px;
    }

        .nav-bar .tabs .tab {
            display: flex;
            flex: 1 1 auto;
            justify-content: center;
            min-width: 0px;
            overflow: hidden;
            border-bottom: 1px solid rgba(0, 0, 0, 0.25);
            transition: .35s;
            cursor: pointer;
            padding-top: 16px;
        }

            .nav-bar .tabs .tab.active {
                border-bottom: 2px solid black;
                flex-grow: 2;
            }

            .nav-bar .tabs .tab > span,
            .nav-bar .tabs .tab > a {
                color: black;
                font-weight: 400;
                font-size: 13px;
                line-height: 24px;
                letter-spacing: 0.15px;
                transition: 0.25s;
                width: 100%;
                text-align: center;
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

            .nav-bar .tabs .tab.active > span,
            .nav-bar .tabs .tab.active > a {
                font-weight: 700;
                font-size: 15px;
            }

    .nav-bar .previous-tab, .nav-bar .next-tab {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        font-size: 16px;
        transition: .25s;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .nav-bar .previous-tab.disabled, .nav-bar .next-tab.disabled {
            cursor: default;
            color: rgba(0, 0, 0, 0.5)
        }

    .nav-bar .previous-tab {
        margin-right: 12px;
    }

    .nav-bar .next-tab {
        margin-left: 12px;
    }

        .nav-bar .previous-tab:not(.disabled):hover,
        .nav-bar .next-tab:not(.disabled):hover {
            background-color: rgba(0, 0, 0, 0.07);
        }

    .nav-bar .previous-tab:before {
        font-family: Material Icons Outlined;
        content: "\e314";
    }

    .nav-bar .next-tab:before {
        font-family: Material Icons Outlined;
        content: "\e315";
    }

.tab-content {
    border: none !important;
}

.contact-tab ul.nav-tabs {
    background: #f6f6f6;
    border: solid 1px #e2e2e2;
    margin: 0 25px 15px 0 !important;
}

    .contact-tab ul.nav-tabs li {
        border-right: solid 1px #e2e2e2;
    }

        .contact-tab ul.nav-tabs li a {
            border-bottom: none;
            padding: 11px 22px 11px 14px; /*font-family:'OpensansBold';*/
        }

        .contact-tab ul.nav-tabs li .icon {
            padding: 8px;
            font-size: 15px;
        }

    .contact-tab ul.nav-tabs > li.active > a {
        background-color: #f6f6f6;
        border-bottom: none;
        font-family: 'OpensansRegular';
        font-weight: 100;
    }

        .contact-tab ul.nav-tabs > li.active > a, .contact-tab ul.nav-tabs > li.active > a:hover {
            border-bottom: none;
            background-color: #f6f6f6;
        }

.contact-tab .tab-content {
    margin-right: 25px;
    border-top: none;
    padding: 10px 20px 10px 0;
}

.st-custag {
    color: #b2b2b2;
    display: inline-block;
    line-height: 30px;
    padding: 0 5px;
    background: #fff; /*font-family:'OpensansBold';*/
    font-style: italic;
    float: left;
}

.tags-input {
    margin-left: 68px;
    position: relative;
    transition: border .25s linear 0s,color .25s linear 0s,background-color .25s linear 0s;
    -webkit-transition: border .25s linear 0s,color .25s linear 0s,background-color .25s linear 0s;
    -moz-transition: border .25s linear 0s,color .25s linear 0s,background-color .25s linear 0s;
}

.st-formats p {
    font-size: 15px;
    font-family: 'OpensansSemibold';
    padding-top: 14px;
    margin-bottom: 0;
}

.formsettings-inner {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E2E2E2;
    padding: 15px;
    position: absolute;
    right: 109px;
}

/* Dashboard  */
.da-level-four,
.da-level-three,
.da-level-two,
.da-level-one {
}

.widget .widget-info {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

    .widget .widget-info.attention {
        background-color: rgba(220, 29, 29, 1);
    }

    .widget .widget-info .percent-label {
        color: rgba(0, 0, 0, 0.5);
    }

.attention .widget-info .percent-label,
.success .widget-info .percent-label {
    color: rgba(255, 255, 255, 0.5);
}


.widget .widget-info.attention .total-percent {
    color: white !important;
}

.widget-title {
    padding-top: 8px;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
}

div.attention {
    background-color: #dc1d1d !important;
}

.widget-info .total > a {
    margin-block: 8px;
    padding: 0px 16px;
    border-radius: 8px;
}

.widget-info .total > a:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.attention .widget-info .total > a:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

    .widget-info .total > a,
    .widget-info .total {
        font-weight: 600;
        font-size: 48px;
        line-height: 70px;
        color: black;
    }

.widget .attention .total > a,
.widget .success .total > a {
    color: white;
}

.widget-info .percent-label {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.5);
}

.widget-info .attention .percent-label,
.widget-info .success .percent-label {
    color: rgba(255, 255, 255, 0.5);
}

.widget-info .total-percent {
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 35px;
    letter-spacing: -0.25px;
    color: #369f8f;
}

.widget .widget-info .total-percent > .st-icon-arrow-upward,
.widget .widget-info .total-percent > .st-icon-arrow-downward {
    font-size: 35px;
}

.widget .widget-info .total-percent.low {
    color: #DC1D1D;
}


.attention .widget-info .total-percent,
.attention .widget-info .total-percent.low,
.attention .widget-info .total-percent.high,
.attention .widget-info .total,
.attention .widget-info .widget-title {
    color: white;
}


.da-level-one .widget {
    position: relative;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}

    .da-level-one .widget .da-traffic-types,
    .da-level-one .widget .da-traffic,
    .da-level-one .widget .da-new-leads {
        background-color: #fff;
        /* UX/UI to drop
            border: solid 1px #dbe0e4;
            */
        height: 200px;
    }

.da-level-two .widget .pipe-bg-chart {
    padding: 10px 40px 0 40px;
}

.da-level-one .widget .bg-chart.k-chart {
    height: 180px;
    padding: 0;
    /* UI/UX to drop
    opacity: 0.5;
        */
    cursor: pointer;
    transition: all 0.75s;
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -o-transition: all 0.75s;
    transition: all 0.75s;
}

    .da-level-one .widget .bg-chart.k-chart:hover {
        height: 180px;
        padding: 0;
        opacity: 0.8;
    }

.da-level-one .widget .left-part,
.da-level-one .widget .right-part {
    position: absolute;
    padding: 20px;
}

.da-level-one .widget .right-part {
    text-align: right;
}

.da-level-one .widget .da-new-leads .left-part {
    top: 0;
    left: 0;
}

.da-level-one .widget .da-new-leads .left-part {
    top: 0;
    left: 0;
    max-width: 70%;
}

.da-level-one .widget .da-new-leads .right-part {
    top: 0;
    right: 15px;
}

@media (max-width: 1366px) and (min-width: 990px) {

    .da-level-one .widget .da-new-leads .left-part {
        max-width: 100%;
    }
}

@media (max-width: 1620px) and (min-width: 1366px) {

    .da-level-one .widget .da-new-leads .left-part {
        max-width: 60%;
    }
}

@media (max-width: 1720px) and (min-width: 1620px) {

    .da-level-one .widget .da-new-leads .left-part {
        max-width: 65%;
    }
}

.da-level-one .widget .da-new-leads .left-part .title a {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.da-level-one .widget .da-new-leads .right-part {
    top: 0;
    right: 15px;
}

.da-level-one .widget .da-traffic .left-part {
    top: 0;
    left: 15px;
}

.da-level-one .widget .da-traffic .right-part {
    top: 0;
    right: 15px;
}

.da-level-one .widget .da-traffic-types .left-part {
    top: 0;
    left: 15px;
}

.da-level-one .widget .da-traffic-types .right-part {
    top: 0;
    right: 0px;
}

.da-level-one .widget .left-part .total span,
.da-level-one .widget .left-part .total a {
    font-size: 48px;
    color: #41a9e1;
    line-height: 48px;
}

.da-level-one .widget .left-part .title a {
    font-size: 24px;
    color: #767676;
}

.da-level-one .widget .right-part .total-percent {
    font-size: 24px;
    font-family: 'OpensansBold';
    position: relative;
    padding-right: 35px;
}

    .da-level-one .widget .right-part .total-percent.high {
        color: #369f8f;
    }

    .da-level-one .widget .right-part .total-percent.high {
        color: #369f8f;
    }

    .da-level-one .widget .right-part .total-percent.low {
        color: #f56f26;
    }

/* UI/UX to drop
        .da-level-one .widget .right-part .total-percent.high:after {
            border-width: 0px 12px 16px 12px;
            content: "";
        }
    .da-level-one .widget .right-part .total-percent.high:after {
        border-width: 0px 12px 16px 12px;
        content: "";
    }

    .da-level-one .widget .right-part .total-percent.low:after {
        border-width: 16px 12px 0px 12px;
        content: "";
    }

        .da-level-one .widget .right-part .total-percent.high:after {
            border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #369f8f rgba(255, 255, 255, 0);
            border-style: solid;
            display: block;
            height: 0;
            position: absolute;
            width: 0;
            top: 4px;
            right: 0;
        }
    .da-level-one .widget .right-part .total-percent.high:after {
        border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #369f8f rgba(255, 255, 255, 0);
        border-style: solid;
        display: block;
        height: 0;
        position: absolute;
        width: 0;
        top: 4px;
        right: 0;
    }

        .da-level-one .widget .right-part .total-percent.low:after {
            border-color: #f56f26 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
            border-style: solid;
            display: block;
            height: 0;
            position: absolute;
            width: 0;
            top: 4px;
            right: 0;
        }
        */
.da-level-one .widget .right-part .percent-label {
    font-size: 12px;
    color: #767676;
    text-transform: uppercase;
}

.da-level-one .widget .right-part .total-percent.low:after {
    border-color: #f56f26 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    top: 4px;
    right: 0;
}

.da-level-one .widget .right-part .percent-label {
    font-size: 12px;
    color: #767676;
    text-transform: uppercase;
}

/*.da-level-one .widget .da-lead-source{background-color:#fff;padding:0px 15px 20px 15px;border: solid 1px #dbe0e4;height: 180px;}
.da-level-one .widget .bg-chart{height:340px;padding: 0px;transition: all  0.75s;  -webkit-transition:  all  0.75s; -moz-transition: all 0.75s;-o-transition: all 0.75s;transition: all 0.75s;}
.da-level-one .title{font-size:24px;color:#767676;}
.da-level-one .widget {overflow:hidden;}*/

.info-mini-card {
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px;
    color: black;
}

    .info-mini-card .main-data {
        font-weight: 600;
        font-size: 42px;
        line-height: 63px;
        color: black;
    }

    .info-mini-card.attention .main-data,
    .info-mini-card.success .main-data {
        color: white;
    }

    .info-mini-card .main-data-label {
        font-weight: 600;
        font-size: 23px;
        margin-bottom: 8px;
        text-align: center;
    }

    .info-mini-card .chage-percent {
        font-weight: 600;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .info-mini-card .percent-label.widget-info-date-range {
        font-size: 13px;
    }

    .info-mini-card .chage-percent > span {
        font-size: 15px;
    }

    .info-mini-card.success {
        background: linear-gradient(0deg, #369f8f, #369f8f), rgba(0, 0, 0, 0.15);
        color: white;
    }

    .info-mini-card.attention {
        background-color: #DC1D1D;
        color: white;
    }

.marketing-charts-container {
    background: white;
}

    .marketing-charts-container .st-chart,
    inner-report .st-chart, #QRCodesC .st-chart {
        padding: 0px 16px;
    }

        .marketing-charts-container .st-chart .widget-card,
        inner-report .st-chart .widget-card,
        #QRCodesC .st-chart .widget-card {
            position: relative;
        }

            .marketing-charts-container .st-chart .widget-card .inner-content,
            #QRCodesC .st-chart .widget-card .inner-content,
            .inner-report .st-chart .widget-card .inner-content {
                position: absolute;
                margin: auto;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                text-align: center;
                height: fit-content;
            }

                .marketing-charts-container .st-chart .widget-card .inner-content > span,
                #QRCodesC .st-chart .widget-card .inner-content > span,
                .inner-report .st-chart .widget-card .inner-content > span {
                    font-size: 10px;
                    height: 12px;
                    line-height: 12px;
                }

                    .marketing-charts-container .st-chart .widget-card .inner-content > span.content-data,
                    #QRCodesC .st-chart .widget-card .inner-content > span.content-data,
                    .inner-report .st-chart .widget-card .inner-content > span.content-data {
                        height: 18px;
                        line-height: 18px;
                        font-size: 18px;
                    }

        .marketing-charts-container .st-chart .chart-legend,
        #QRCodesC .st-chart .chart-legend
        .inner-report .chart-legend {
            padding-bottom: 16px;
        }

            .marketing-charts-container .st-chart .chart-legend > .legend-info,
            #QRCodesC .st-chart .chart-legend > .legend-info,
            .inner-report .chart-legend > .legend-info {
                font-weight: 400;
                font-size: 16px;
                line-height: 24px;
                letter-spacing: -0.25px;
                color: #545766;
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin: 0 24px;
                display: flex;
                justify-content: space-between;
                padding: 12px 12px 12px 0;
            }

                .marketing-charts-container .st-chart .chart-legend > .legend-info:not(:last-child),
                #QRCodesC .st-chart .chart-legend > .legend-info:not(:last-child),
                .inner-report .chart-legend > .legend-info:not(:last-child) {
                    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
                }

                .marketing-charts-container .st-chart .chart-legend > .legend-info .label-point,
                #QRCodesC .st-chart .chart-legend > .legend-info .label-point,
                .inner-report .chart-legend > .legend-info .label-point {
                    background-color: #650266;
                    display: inline-block;
                    height: 12px;
                    width: 12px;
                    border-radius: 50%;
                    margin-right: 12px;
                }

                .marketing-charts-container .st-chart .chart-legend > .legend-info .legend-data,
                #QRCodesC .st-chart .chart-legend > .legend-info .legend-data,
                .inner-report .chart-legend > .legend-info .legend-data {
                    display: flex;
                    justify-content: space-between;
                    width: 120px;
                }

                .marketing-charts-container .st-chart .chart-legend > .legend-info .legend-percent,
                #QRCodesC .st-chart .chart-legend > .legend-info .legend-percent,
                .inner-report .chart-legend > .legend-info .legend-percent {
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 24px;
                    letter-spacing: -0.25px;
                    color: #141519;
                }

                .marketing-charts-container .st-chart .chart-legend > .legend-info .legend-quantity,
                #QRCodesC .st-chart .chart-legend > .legend-info .legend-quantity,
                .inner-report .chart-legend > .legend-info .legend-quantity {
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 24px;
                    letter-spacing: -0.25px;
                    color: rgba(20, 21, 25, 0.25);
                }

    .marketing-charts-container .title {
        line-height: 24px;
    }

.da-level-two {
    margin-top: 24px;
}

    .da-level-two .widget .da-lifecycle-pipeline {
        background-color: #fff;
        padding: 0px 20px 10px 20px;
        height: 420px;
    }

    .da-level-two .widget .widget-card {
        background-color: #fff;
        padding: 16px 24px;
    }

    .da-level-two .title {
        font-size: 18px;
        color: black;
    }

    .da-level-two .title {
        font-size: 20px;
        color: #767676;
        border-bottom: 1px solid #edeff1;
        line-height: 46px;
        margin: 4px 0 6px 0;
        font-family: 'OpensansLight', sans-serif;
    }

    .da-level-two .widget {
        overflow: hidden;
    }

        .da-level-two .widget .bg-chart {
            height: 340px;
            padding: 0px;
            transition: all 0.75s;
            -webkit-transition: all 0.75s;
            -moz-transition: all 0.75s;
            -o-transition: all 0.75s;
            transition: all 0.75s;
        }

.da-level-three {
    margin-top: 24px;
}

.da-level-four {
    margin-top: 24px;
}

    .da-level-four .k-grid {
        height: 401px;
        overflow-x: auto;
    }

.da-level--four .k-grid table td.no-data {
    border-bottom: 0;
}

.da-level-three .k-grid {
    height: 432px;
    overflow-x: auto;
}

    .da-level-three .k-grid table td.no-data {
        border-bottom: 0;
    }

.da-level-four .k-grid table td.no-data {
    border-bottom: 0;
}


.list-inner .title {
    max-height: 56px;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: black;
    font-family: 'OpensansRegular',sans-serif;
    padding: 18px 8px 18px 16px;
    letter-spacing: -0.25px;
}

.row-inner .title {
    max-height: 56px;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: black;
    font-family: 'OpensansRegular',sans-serif;
    padding: 18px 8px 18px 16px;
    letter-spacing: -0.25px;
}

.list-inner .title-char {
    font-size: 20px;
    color: #767676;
    padding: 15px;
    font-family: 'OpensansLight',sans-serif;
    border-bottom: 1px solid #edeff1;
}

.list-inner .title-action {
    font-size: 24px;
    color: #767676;
    line-height: 42px; /*border-bottom: solid 1px #dbe0e4;*/
    margin: 5px 15px 5px 15px;
}

/* UI/UX to drop
.list-inner {
    background: #fff;
    border: solid 1px #dbe0e4;
}
    */

.list-inner .k-widget {
    background: #FFFFFF;
}

.calender-action {
    margin: 20px 0;
}

.list-inner .k-grid table, .k-header {
    border: none !important;
}


.actions-list.dash-actions.dash-actions-custom-caro {
    padding: 0px 20px 25px 20px;
}

.more-actions {
    float: right;
    margin-right: 20px;
    margin-top: 20px;
}

table.layout-fixed {
    table-layout: fixed;
}

.st-grid {
    height: 480px;
    max-height: 480px;
    background-color: white;
    position: relative;
    padding-top: 48px;
}

    .st-grid > .table-wrapper {
        overflow: auto;
        height: 100%;
    }

    .st-grid.small-height {
        height: 300px;
        max-height: 300px;
    }

    .st-grid.dynamic-height {
        height: auto;
    }

.absolute-additional-lead-sources {
    position: absolute;
    bottom: -24px;
    left: 380px;
    width: 400px;
    z-index: 4;
}

.absolute-additional-utm-parameters {
    position: absolute;
    bottom: -24px;
    left: 380px;
    width: 400px;
    z-index: 4;
    overflow: scroll;
    max-height: 400px;
    /*box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.2);*/
}

.three-rows-table {
    max-height: 192px;
}

    .three-rows-table.no-header {
        max-height: 144px;
    }

.k-grid table, .contacts-grid .k-grid-content {
    border: none !important;
}

.st-table {
    background-color: white;
    height: fit-content;
    border: none !important;
}

    .st-table.fixed {
        table-layout: fixed;
    }

    .st-table > thead {
        background: rgba(212, 216, 219, 0.5);
    }

    .st-table > tbody > tr > td > span > a {
        color: black !important;
    }


.st-grid .st-table > thead {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #eaeced;
    z-index: 2;
}

    .st-grid .st-table > thead > tr {
        display: table;
        width: 100%;
    }

.st-table.grey > thead th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.st-table thead th .k-icon.k-i-arrow-n,
.st-table thead th .k-icon.k-i-arrow-s {
    max-height: 16px !important;
    overflow: hidden;
}

.st-table.grey > tbody {
    background: rgba(212, 216, 219, 0.5);
    z-index: 1;
}


.st-table > thead th {
    padding: 20px 16px 12px 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: rgba(0, 0, 0, 0.5) !important;
}

.st-table.hoverable-row > tbody > tr:hover {
    background-color: rgba(194, 201, 209, 0.25);
}

.st-table > tbody > tr.k-state-selected {
    background-color: rgba(194, 201, 209, 0.25);
}

.st-table > tbody > tr {
    transition: .25s;
}

    .st-table > tbody > tr.k-detail-row .k-detail-cell {
        padding: 0px;
        border-bottom: 0px
    }

.k-widget.k-grid .k-icon.k-plus {   
    border-radius: 50% !important;
}

.k-widget.k-grid .k-icon.k-plus::before {
    font-family: "Material Icons Outlined" !important;
    color: black !important;
    content: "\e313";
    font-size: 18px;
    margin-left: 5px;
    margin-bottom: 2px;
    padding: 15px 15px;
    transition-duration: 0.25s;
    transform: rotate(-90deg);
}

.k-widget.k-grid .k-icon.k-plus:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
    transition: 0.25s;
    border-radius: 50%;
}

.k-widget.k-grid .k-icon.k-minus {
    border-radius: 50% !important;
}

.k-widget.k-grid .k-icon.k-minus::before {
    font-family: "Material Icons Outlined" !important;
    color: black !important;
    content: "\e313";
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
    justify-content: center;
    align-items: center;
    padding: 55px !important;
    margin-left: 3.5px;
    margin-bottom: 0px;
    padding: 15px 15px;
    transform: rotate(0deg);
    transition-duration: 0.25s;
}

.k-widget.k-grid .k-icon.k-minus:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
    transition: 0.25s;
    border-radius: 50%;
}

.st-table > tbody td:not(.row-header) {
    padding: 16px;
    height: 47px !important;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: black;
}

.st-table > tfoot td:not(.row-header),
.st-table > tfoot td:not(.row-header) > a {
    padding: 16px;
    height: 47px !important;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: black;
}

.st-table.main-c-1 tbody tr td:first-child a {
    color: #369f8f;
}

.st-table.main-c-1 tbody tr td:first-child {
    font-size: 14px !important;
}

.st-table.main-c-2 tbody tr td:nth-child(2) {
    font-size: 14px !important;
}

.st-table.main-c-3 tbody tr td:nth-child(3) {
    font-size: 14px !important;
}

.st-table.main-c-4 tbody tr td:nth-child(4) {
    font-size: 14px !important;
}

.st-table.main-c-5 tbody tr td:nth-child(5) {
    font-size: 14px !important;
}

.st-table.main-c-last tbody tr td:last-child {
    font-size: 14px !important;
}

.st-table.bold-c-1 tbody tr td:first-child {
    font-weight: 700 !important;
}

.st-table.bold-c-2 tbody tr td:nth-child(2) {
    font-weight: 700 !important;
}

.st-table.bold-c-3 tbody tr td:nth-child(3) {
    font-weight: 700 !important;
}

.st-table.bold-c-4 tbody tr td:nth-child(3) {
    font-weight: 700 !important;
}

.st-table.bold-c-5 tbody tr td:nth-child(3) {
    font-weight: 700 !important;
}

.st-table.bold-c-last tbody tr td:last-child {
    font-weight: 700 !important;
}

.st-table > tbody td.main-column:not(.row-header) {
    font-size: 14px;
}

.st-table > tbody td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

    .st-table > tbody td.row-header.last-touched-row-header {
        padding-left: 24px;
        color: black;
    }

        .st-table > tbody td.row-header.last-touched-row-header:not(.main-row-head) > div {
            visibility: hidden;
        }

    .st-table > tbody td > a {
        color: black;
    }

    .st-table > tbody td.st-table-link > a {
        color: #369f8f;        
    }

    .st-table > tbody td > .st-table-link {
        color: #369f8f;
        font-size: 14px !important;
        font-weight: 700 !important;
    }

    .st-table > tbody td.info-cell:not(td.row-header) {
        font-weight: 600;
        color: #3E66FB;
        background-color: rgba(62, 102, 251, 0.1);
    }

    .st-table > tbody td.info-cell > a {
        font-weight: 600;
        color: #3E66FB;
        background-color: transparent;
    }

    .st-table > tbody td.attention-cell:not(td.row-header) {
        font-weight: 600;
        color: #DC1D1D;
        background-color: rgba(230, 46, 46, 0.1);
    }

    .st-table > tbody td.attention-cell > a {
        font-weight: 600 !important;
        color: #DC1D1D !important;
        background-color: transparent;
    }

    .st-table > tbody td.row-header.attention-cell.level-one {
        background: linear-gradient(90deg, rgba(220, 29, 29, 0.75) 80%, rgba(156, 21, 21, 0.75) 100%);
    }

    .st-table > tbody td.row-header.attention-cell-row-header.level-two {
        background: linear-gradient(90deg, rgba(220, 29, 29, 0.5) 80%, rgba(156, 21, 21, 0.5) 100%);
    }

    .st-table > tbody td.row-header.attention-cell-row-header.level-three {
        background: linear-gradient(90deg, rgba(220, 29, 29, 0.25) 80%, rgba(156, 21, 21, 0.25) 100%);
    }

    .st-table > tbody td.row-header.last-touched-row-header .days-ago-number {
        font-weight: 700;
        font-size: 26px;
    }

    .st-table > tbody td.row-header.hot-list-row-header {
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
    }

    .st-table > tbody td.row-header.success-cell.level-one {
        background: linear-gradient(90deg, rgba(102, 204, 12, 0.5) 81.52%, rgba(81, 163, 9, 0.5) 100.16%);
    }

    .st-table > tbody td.row-header.success-cell.level-two {
        background: linear-gradient(90deg, rgba(102, 204, 12, 0.35) 81.52%, rgba(81, 163, 9, 0.35) 100.16%);
    }

    .st-table > tbody td.row-header.success-cell.level-three {
        background: linear-gradient(90deg, rgba(102, 204, 12, 0.15) 81.52%, rgba(81, 163, 9, 0.15) 100.16%);
    }

    .st-table > tbody td.row-header.info-cell {
        background: linear-gradient(90deg, #98ADE3 75%, rgba(100, 142, 249, 0.8) 100%), linear-gradient(90deg, #CCCCCC 73.96%, #B8B7B7 100%);
    }

.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover {
    background-color: rgba(194, 201, 209, 0.25);
}

.st-table > tbody td.row-header.info-cell.level-one {
    background: linear-gradient(90deg, rgba(100, 142, 249, 0.75) 77.08%, rgba(62, 88, 156, 0.75) 100%);
}

.st-table > tbody td.row-header.info-cell.level-two {
    background: linear-gradient(90deg, rgba(100, 142, 249, 0.5) 77.08%, rgba(62, 88, 156, 0.5) 100%);
}

.st-table > tbody td.row-header.info-cell.level-three {
    background: linear-gradient(90deg, rgba(100, 142, 249, 0.25) 77.08%, rgba(62, 88, 156, 0.25) 100%);
}

.st-table > tbody td.row-header.last-touched-row-header .days-ago-number {
    font-weight: 700;
    font-size: 26px;
}

.st-table > tbody td.row-header.last-touched-row-header .days-ago-label {
    font-style: normal;
    font-weight: 400;
    font-size: 8px;
    line-height: 16px;
}

.st-table td.grid-row-controls {
    position: relative;
}

    .st-table td.grid-row-controls label.checkbox {
    height: 100%;
    width: 56px;
    margin-left: -76px !important;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: white;
}

        .st-table td.grid-row-controls label.checkbox .icons {
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            height: 18px;
            width: 18px;
        }

    .st-table td.grid-row-controls label:not(.checked).checkbox:hover .second-icon {
        font-size: 22px;
    }

    .st-table td.grid-row-controls label.checkbox .st-icon-checkbox-normal:before {
        font-size: 22px;
    }

    .st-table td.grid-row-controls label.checkbox.checked .st-icon-checkbox-selected:before {
        content: "\e876";
        font-size: 18px;
        background-color: white;
        border-radius: 4px;
    }

    .st-table td.grid-row-controls label.checkbox.checked {
        background-color: #369f8f;
    }

    .st-table td.grid-row-controls label.checkbox input[type="checkbox"] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /*.st-table td.grid-row-controls label.checkbox.checked:before {
            font-family: Material Icons Outlined;
            content: "\e834";
            font-size: 22px;
            color: #369f8f;
            position: absolute;
            height: 20px;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }

        .st-table td.grid-row-controls label.checkbox:before {
            font-family: Material Icons Outlined;
            content: "\e835";
            font-size: 22px;
            color: black;
            opacity: 0.5;
            position: absolute;
            height: 20px;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }*/

    .st-table td.grid-row-controls label.checkbox {
    }

    .st-table td.grid-row-controls .controls {
        position: absolute;
        height: 100%;
        top: 0;
        left: 100%;
        display: flex;
        align-items: center;
        background: rgba(100,142,249,.5);
        color: black;
        padding-right: 20px;
        padding-left: 20px;
        transition: all 0.35s ease-in-out;
    }

    .st-table td.grid-row-controls label.checkbox ~ .controls {
        left: calc(100% - 56px);
    }

    .st-table td.grid-row-controls .controls label.checkbox ~ a,
    .st-table td.grid-row-controls .controls label.checkbox ~ span {
        transform: translateX(10px);
        display: flex;
    }

    .st-table:not(.st-selection) td.grid-row-controls:hover .controls {
        transform: translateX(-100%);
    }

.k-grid tr .grid-row-controls a {
    color: black !important;
}

    .k-grid tr .grid-row-controls a > .icon {
        font-size: 22px;
    }

.st-table.st-results-table tr > td:not(:first-child),
.st-table.st-results-table tr > th:not(:first-child) {
    text-align: center;
}

.st-table tbody td.hover-info,
.st-table tbody td.hover-regular,
.st-table tbody td.hover-attention,
.st-table tfoot td.hover-info,
.st-table tfoot td.hover-regular,
.st-table tfoot td.hover-attention,
.st-table tbody td.hover-info-n,
.st-table tfoot td.hover-info-n {
    position: relative;
}

    .st-table tbody td.hover-info-n > a,
    .st-table tfoot td.hover-info-n > a {
        justify-content: center;
    }

    .st-table tbody td.hover-info > a,
    .st-table tbody td.hover-regular > a,
    .st-table tbody td.hover-attention > a,
    .st-table tfoot td.hover-info > a,
    .st-table tfoot td.hover-regular > a,
    .st-table tfoot td.hover-attention > a {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.message-row {
    width: 525px;
    overflow: hidden;
}

    .message-row .controls {
        display: flex;
        transition: .4s;
        transform: translateX(56px);
    }

    .message-row:hover .controls {
        transform: translateX(0px);
    }

    .message-row .controls .delete {
        width: 56px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #648EF9;
    }

        .message-row .controls .delete a {
            color: black;
        }

    .message-row > div:nth-child(n+2) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    }

#message-list {
    overflow-y: scroll;
    height: 225px;
    overflow-x: hidden;
}

.notification-new {
    background: rgba(100, 142, 249, 0.1);
}

.notification-active {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    max-width: 40px;
    padding: 0px 8px 0px 16px;
}

.notification-description {
    width: 365px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 0px;
    color: black;
}

    .notification-description > a {
        color: black;
    }

.message-row span.label-point {
    display: inline-block;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #648EF9;
}

.time-ago {
    width: 64px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.delete-hover {
    min-width: 50px;
}

.st-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 10px;
    min-width: 17px;
    min-height: 17px;
    font-size: 9px;
    color: #ffffff;
    line-height: 1;
    background-color: red;
    border-radius: 17px;
    padding: 1px 5px;
    font-weight: 600;
}

.container-notfound {
    display: flex;
    align-items: center;
    justify-content: center;
}

.k-pager-info,
.k-pager-sizes,
.k-pager-numbers {
    font-size: 12px;
    color: black;
}

.k-grid-pager .k-pager-numbers .k-state-selected {
    color: black !important;
    font-weight: 800;
    width: 24px !important;
}

/*Report Inner*/
.inner-report .widget {
    position: relative;
}

    .inner-report .widget .da-traffic-types,
    .inner-report .widget .da-traffic,
    .inner-report .widget .da-new-leads {
        background-color: #fff;
    }

    .inner-report .widget .bg-chart.k-chart {
        height: 385px;
        padding: 0;
        cursor: pointer;
        transition: all 0.75s;
        -webkit-transition: all 0.75s;
        -moz-transition: all 0.75s;
        -o-transition: all 0.75s;
        transition: all 0.75s;
    }

    .inner-report .widget .bg-chart.report-cursor {
        cursor: default !important;
    }

    .inner-report .widget .left-part,
    .inner-report .widget .right-part {
        position: absolute;
        padding: 20px;
    }

    .inner-report .widget .right-part {
        text-align: right;
    }

    .inner-report .widget .da-new-leads .left-part {
        top: 0;
        left: 0;
    }

    .inner-report .widget .da-new-leads .right-part {
        top: 0;
        right: 15px;
    }

    .inner-report .widget .left-part .total {
        font-size: 48px;
        color: #41a9e1;
        line-height: 48px;
    }

    .inner-report .widget .left-part .title {
        font-size: 24px;
        color: #767676;
        border-bottom: none;
        padding: 0;
    }

    .inner-report .widget .right-part .total-percent {
        font-size: 24px;
        font-family: 'OpensansBold';
        position: relative;
        padding-right: 35px;
    }

        .inner-report .widget .right-part .total-percent.high {
            color: #369f8f;
        }

        .inner-report .widget .right-part .total-percent.low {
            color: #DC1D1D;
        }

        .inner-report .widget .right-part .total-percent.high:after {
            border-width: 0px 12px 16px 12px;
            content: "";
            display: none !important;
        }

        .inner-report .widget .right-part .total-percent.low:after {
            border-width: 16px 12px 0px 12px;
            content: "";
            display: none !important;
        }

        .inner-report .widget .right-part .total-percent.high:after {
            border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #369f8f rgba(255, 255, 255, 0);
            border-style: solid;
            display: block;
            height: 0;
            position: absolute;
            width: 0;
            top: 4px;
            right: 0;
        }

        .inner-report .widget .right-part .total-percent.low:after {
            border-color: #f56f26 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
            border-style: solid;
            display: block;
            height: 0;
            position: absolute;
            width: 0;
            top: 4px;
            right: 0;
        }

    .inner-report .widget .right-part .percent-label {
        font-size: 12px;
        color: #767676;
        text-transform: uppercase;
    }

    .inner-report .widget .da-traffic .left-part {
        top: 0;
        left: 15px;
    }

    .inner-report .widget .da-traffic .right-part {
        top: 0;
        right: 15px;
    }

    .inner-report .widget .da-traffic-types .left-part {
        top: 0;
        left: 15px;
    }

    .inner-report .widget .da-traffic-types .right-part {
        top: 0;
        right: 0px;
    }

.inner-report .title {
    font-size: 24px;
    line-height: 44px;
    padding: 0 0 0 20px;
}

.inner-report .widget .da-lead-source .bg-chart.k-chart,
.inner-report .widget .da-life-cycle .bg-chart.k-chart,
.inner-report .widget .da-traffic-source .bg-chart.k-chart,
.inner-report .widget .da-lifecycle-pipeline .bg-chart.k-chart {
    height: 500px;
    padding: 0px;
    transition: all 0.75s;
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -o-transition: all 0.75s;
    transition: all 0.75s;
}
/* Recent Activities filters */
.filter-btn {
    background-color: #efefef;
    background-image: url("../../img/filter.png");
    background-position: center center;
    background-repeat: no-repeat;
    float: right;
    font-size: 0;
    margin-top: -3px;
    padding: 14px;
}

.filter-block {
    padding: 10px 10px 3px;
    background-color: #F6F6F6;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
}

    .filter-block:before {
        border-color: transparent transparent #e5e5e5;
        border-image: none;
        border-style: solid;
        border-width: 5px;
        content: "";
        position: absolute;
        right: 20px;
        top: -11px;
    }

    .filter-block .filter {
        display: inline-block;
        padding: 5px 10px;
        background-color: #FFFFFF;
        border: 1px solid #e2e2e2;
        cursor: pointer;
        transition: all 0.25s;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
    }

        .filter-block .filter input {
            display: none;
        }

        .filter-block .filter.active:hover,
        .filter-block .filter.active {
            background-color: #88B864;
            color: #fff;
            border-color: #88B864;
        }

        .filter-block .filter:hover {
            background-color: #e2e2e2;
            color: #757575;
        }

/* edit-field */
.Owner {
    margin-bottom: 10px;
}

.edit-field {
}

    .edit-field h6 {
        display: inline-block;
    }

    .edit-field i.st-icon-edit, .edit-field i.st-icon-bin-3 {
        opacity: 0;
        font-size: 14px;
        transition: all 0.25s;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
    }

    .edit-field:hover i.st-icon-edit, .edit-field:hover i.st-icon-bin-3 {
        opacity: 1;
    }

    .edit-field > .edit-field-label {
        cursor: pointer;
    }

.edit-field-group {
    display: none;
}

    .edit-field-group .form-group {
        width: 150px;
        display: inline-block;
        vertical-align: top;
        font-size: 13px;
    }

        .edit-field-group .form-group .control-label {
            color: #757676;
            font-family: "OpensansRegular",sans-serif;
            font-size: 13px;
            margin-bottom: 0;
        }
        /* UI/UX to drop
        .edit-field-group .form-group .k-dropdown,
        .edit-field-group .form-group input,
        .edit-field-group .form-group select,
        .edit-field-group .form-group button {
            margin-top: 7px;
        }
    */
        .edit-field-group .form-group .btn + .btn {
            margin-left: 0;
        }

.edit-field.active > .edit-field-label {
    display: none;
}

.edit-field.active .edit-field-group {
    display: block;
}
/*Validation*/

.validation-summary-errors ul {
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    text-align: left;
}

    .validation-summary-errors ul li {
        color: #ffffff;
        background-color: rgba(230, 46, 46, 0.8);
        border-radius: 4px;
        padding: 8px 20px;
    }

.alert-info {
    color: #ffffff;
    background-color: rgba(62, 102, 251, 0.6);
    border: none;
    border-radius: 4px;
    padding: 8px 20px;
}

/*.field-validation-error::before,
.field-validation-error::after,
.validationMessage::before,
.validationMessage::after {border-width: 5px 5px 0px 5px;content: "";}
.field-validation-error::before,
.validationMessage::before{border-color: #DE5454 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);border-style: solid;display: block;height: 0;position: absolute;width: 0;left: 18px;bottom: -6px;z-index: 1;margin-top:-9px;}
.field-validation-error::after,
.validationMessage::after{border-color:rgba(255,255,255,1) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0)  rgba(255, 255, 255, 0);border-style: solid;display: block;height: 0;position: absolute;width: 0;left: 18px;bottom: -4px;z-index: 2;margin-top:-8px;}
.field-validation-error,*/
.validationMessage {
    background: none repeat scroll 0 0 rgba(255,255,255,0);
    color: #DE5454 !important; /*border:1px solid #DE5454; padding: 5px;position: absolute;*/
    display: block;
    margin-top: 5px;
    z-index: 900;
    text-align: left;
    font-size: 12px !important;
    top: -10px;
    font-family: 'OpensansRegular',sans-serif;
    line-height: 20px;
}

.validation-form-control {
    position: relative;
}

    .validation-form-control .validationMessage {
        position: absolute;
        top: auto;
        margin-top: 0;
    }

.recipients .field-validation-error::before,
.recipients .field-validation-error::after,
.recipients .validationMessage::before,
.recipients .validationMessage::after {
    border-width: 5px 5px 0px 5px;
    content: "";
}

.recipients .field-validation-error::before,
.recipients .validationMessage::before {
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    right: 18px;
    left: auto;
    bottom: -6px;
    z-index: 1;
    margin-top: -9px;
}

.recipients .field-validation-error::after,
.recipients .validationMessage::after {
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    right: 18px;
    left: auto;
    bottom: -4px;
    z-index: 2;
    margin-top: -8px;
}

.recipients .field-validation-error,
.recipients .validationMessage {
    background: none repeat scroll 0 0 rgba(255,255,255,0);
    color: #DE5454;
    border: 0px solid #DE5454;
    padding: 5px;
    position: absolute;
    display: block;
    margin-top: 5px;
    z-index: 1000;
    text-align: left;
    font-size: 12px;
    top: -2px;
    right: 30px;
    font-family: 'OpensansRegular',sans-serif;
}

.login-panel .field-validation-error,
.login-panel .validationMessage {
    top: -35px;
    width: 100%;
    text-align: left;
    color: #f56f26;
    display: inline-block;
}

.login-panel-left .controls input.input-validation-error[type="text"],
.login-panel-left .controls input.input-validation-error[type="password"],
.login-panel-left .controls input.input-validation-error[type="email"] {
    border: 1px solid #f56f26;
}

.input-validation-error {
    border: 1px solid #f56f26;
}

.success-msg {
    left: 200px;
    position: fixed;
    right: 35px;
    top: 50px;
}

.loader-overlay {
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1015;
}

    .loader-overlay > figure {
        position: absolute;
        text-align: center;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        width: 32px;
        height: 32px;
    }

#Relationship .loader-overlay {
    background-color: rgba(255,255,255,.2);
    position: absolute;
    top: 229px;
    right: 0px;
    bottom: 0;
    left: -500px;
    z-index: 1000;
}


/*input.tagsinput{display:none;}*/
.form-horizontal .cont-one {
    border-bottom: solid 1px #f2f2f2;
    padding-top: 10px;
}

.form-horizontal .cont-two {
    border-bottom: solid 1px #f2f2f2;
    background: #fafafa;
    padding-top: 10px;
}

.st-arrowleft .st-tick-white {
    position: relative;
    bottom: 8px;
    right: 3px;
}

/* Status */

.k-grid .at-active {
    color: #369f8f;
}

.k-grid .at-draft {
    color: rgba(0, 0, 0, 0.25);
}

.k-grid .at-paused {
    color: #FD9F41;
}

.k-grid .at-inactive {
    color: #f45c59; /*#2f9bcf*/
}

.k-grid .at-schedule {
    color: #369bcf;
}

.k-grid .at-cancelled {
    color: #f45c59;
}

.k-grid .at-active,
.k-grid .at-draft,
.k-grid .at-paused,
.k-grid .at-inactive,
.k-grid .at-schedule,
.k-grid .at-cancelled {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

    .k-grid .at-draft:before,
    .k-grid .at-paused:before,
    .k-grid .at-inactive:before,
    .k-grid .at-schedule:before,
    .k-grid .at-active:before,
    .k-grid .at-cancelled:before {
        font-family: Material Icons Outlined;
        font-size: 18px;
        margin-right: 5px;
        width: 13px;
        height: 13px;
        line-height: 12px;
        display: flex;
        justify-content: center;
    }

    .k-grid .at-active:before,
    .k-grid .at-cancelled:before {
        border-radius: 50%;
    }

    .k-grid .at-active:before {
        content: "\e876";
        background-color: #00a942;
        color: #fff;
        font-size: 12px;
    }

    .k-grid .at-draft:before {
        font-family: 'Material Icons Round';
        content: "\e254";
        font-size: 16px;
    }

    .k-grid .at-paused:before {
        content: "\e1a2";
    }

    .k-grid .at-inactive:before {
        content: "\ef71";
        border-color: #f45c59;
    }

    .k-grid .at-schedule:before {
        content: "\e425";
        border-color: #369bcf;
    }

    .k-grid .at-cancelled:before {
        content: "\e5c9";
        border-color: #f45c59;
    }


/* Campaign */
.campaigns-theme-controls ul.ct-activity {
    padding-left: 0;
}

    .campaigns-theme-controls ul.ct-activity li {
        margin: 25px 0;
    }

    .campaigns-theme-controls ul.ct-activity .act-number {
        font-size: 30px;
    }

.camp-num {
    font-size: 18px;
}

.campaigns-theme-controls ul.ct-activity .act-text {
    font-size: 14px;
    color: #9a9696;
    font-family: "OpensansBold";
    padding-top: 5px;
}

.campaigns-theme-controls ul.ct-activity li .act-total {
    height: 35px;
}

    .campaigns-theme-controls ul.ct-activity li .act-total .act-percentage {
        font-size: 18px;
        padding-top: 13px;
        float: right;
    }

.form-horizontal-large .rp-to {
    font-family: 'OpensansBold';
    padding-top: 32px;
    padding-right: 15px;
    display: inline-block;
}

.relationship .st-icon-bin {
    font-size: 16px;
}

.view-number .select.select-block {
    width: 105px;
}

.showing-items .select.select-block {
    width: 205px;
}

.required,
.form-group .req-st {
    color: #00a942;
    padding: 4px;
    font-size: 13px;
}

.panel-body .editdel {
    font-size: 11px;
    margin: 3px 13px;
    width: 50px;
    text-align: right;
}

.panel-body .relation-contact {
    width: 285px;
    display: inline-block;
}

.tl-recordupdates .rd-image .icon {
    font-size: 46px;
    color: #9f9f9f;
}

.profile-img-upload .st-icon-user-2,
.profile-img-upload .st-icon-company {
    font-size: 67px;
    background-color: #ebebeb;
    color: #aeaeae;
}

.profile-img-upload .k-upload-files {
    display: none !important;
}

.dropdown-menu li.active {
    background: #f6f6f6;
}
/*.add-newrecord span a .st-icon-add{line-height:0 !important;}*/
.main-header-dashboard {
    color: #000000;
    font-size: 36px;
    line-height: 36px;
}

.apply {
    width: 115px;
}

.campaigns-drapanddrop .campaigns-droparea .dash-container {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}

.campaigns-drapanddrop .campaigns-theme-controls .dash-part1 {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    padding: 0 10px;
    border: solid 1px #f2f2f2;
}

.chart-graph .dash-part2 {
    margin: 20px 0;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    border: solid 1px #f2f2f2;
}

.mar-58 {
    margin-top: 58px;
}

.campaigns-theme-controls .dash-part1 .lead-num {
    font-size: 32px;
    font-family: 'OpensansSemibold';
    line-height: 35px;
}

.campaigns-theme-controls .dash-part1 .lead-text {
    font-size: 17px;
    line-height: 30px;
    color: #424242;
}

.remove {
    color: #c2c2c2;
}

.additional {
    border-bottom: solid 1px #f2f2f2;
}

.drop-heading {
    line-height: 43px;
    padding: 0 15px;
    border-bottom: solid 1px #f2f2f2;
    background: #000000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    font-weight: 700;
    font-size: 20px;
    color: #FFFFFF;
}

.primary-cont {
    font-size: 15px;
    font-family: 'OpensansSemibold';
    display: inline-block;
    line-height: 24px;
    vertical-align: middle;
}

.mbs .primary-cont {
    vertical-align: top !important;
}

.primary-cont label.radio {
    margin: 0px;
}

.mtf {
    margin-top: 4px;
}

.border-bottom {
    border-bottom: solid 1px #eaeaea;
}

.element .editanddel {
    color: #cfcfcf;
    width: 60px;
    margin: 0 10px;
    font-size: 14px;
    -o-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
    -webkit-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;
    white-space: nowrap;
}
/*.element:hover .editanddel {color:#303030;opacity: 1;visibility: visible;}*/
.add-relation .delete-st {
    color: #cfcfcf;
    font-size: 12px;
    -o-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
    -webkit-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;
    white-space: nowrap;
    opacity: 0;
}

.add-relation:hover .delete-st {
    color: #303030;
    opacity: 1;
    visibility: visible;
}

.custom-caro .carousel-control.left {
    top: 100%;
    background: none;
    left: 0;
    margin-top: 0;
}

.custom-caro .carousel-control.right {
    top: 100%;
    background: none;
    margin-top: 0;
}

.custom-caro .carousel-control {
    border: none;
    color: #3b3b3b;
    width: 0;
    text-shadow: none;
}

.custom-caro .carousel-caption {
    color: #323232;
    background: none;
}

.send-email .modal-content {
    width: 659px;
}

.send-email .dp-topnav-inner {
    box-shadow: none !important;
}

    .send-email .dp-topnav-inner .dp-topnav-inner-heading {
        line-height: 0;
        padding: 10px 0;
    }

.dropdown-menu.custom-menu > li {
    padding: 10px;
}

.custom-design .form-group {
    display: block;
    margin: 5px 10px;
    width: auto !important;
}

.form-horizontal-small .k-selected-color {
    border-right: 1px solid #dedede;
    cursor: pointer;
    width: 5em !important;
}

.setting-inner .form-group .setting-heading {
    padding: 10px 10px 8px 0px;
    margin: 10px 0;
    background: #fafafa;
    font-family: 'OpensansBold';
    border-bottom: solid 1px #ededed;
    font-size: 14px;
}

.setting-st .legend {
    font-size: 18px;
}

.custom-widget-settings .controls {
    margin-right: 12px;
    display: inline-flex;
    column-gap: 6px;
}

.custom-widget-settings .checkbox {
    margin-top: 0px;
}

.custom-widget-settings label .character-count {
    position: absolute;
    right: 0px;
}

.custom-widget-settings .st-icon-add {
    margin-left: 8px;
}

.custom-widget-settings .controls a,
.custom-widget-settings .st-icon-add {
    color: #dfdfdf;
    transition: .25s;
}

    .custom-widget-settings .controls a:hover,
    .custom-widget-settings .st-icon-add:hover {
        color: #000;
    }

.popover-title {
    background-color: #f6f6f6;
    color: #3b3b3b;
}

.popover-content {
    background-color: #fff;
}

    .popover-content ul li {
        list-style: outside;
    }

    .popover-content ul li {
        list-style: outside;
    }

.popover.bottom {
    box-shadow: 0px 0px 4px #dadada;
    margin-left: 17px;
}

.dropdown-menu > li:first-child {
    border-top: none;
}

.up-down {
    font-size: 20px;
}

.select-option {
    margin: 0 5px;
}

.design-footer {
    text-align: right;
    padding: 15px 14px;
    overflow: hidden;
    border-top: solid 1px #EDEDED;
    width: 100%;
    margin-bottom: 0;
}

.advanced-reports .k-grid-header .k-header {
    font-size: 12px;
}

.form-horizontal-large .form-group.medium.compare {
    width: 415px;
}

#openedchart.k-chart {
    height: 510px;
}

.tab-pane .legend .totalpeople {
    color: #4eb2f2;
}

.action .action-footer {
    padding: 10px;
    border-top: 1px solid #f5f5f5;
    overflow: hidden;
}

.action .action-body {
    height: 80px;
}

.action .action-header {
    padding: 10px 0;
    overflow: hidden;
}

/* Colors */
.red {
    color: #c54631;
}

.green {
    color: #369f8f;
}

.white {
    color: #fff;
}

.black {
    color: black;
}


.workflow-report ul.analytics li {
    cursor: auto;
}

.setting-st.header-specific {
    top: 33px;
}

.setting-st.da-header-specific {
    top: 34px;
    padding: 15px 15px 0;
}

#invite .dp-topnav-inner-heading {
    padding: 0 0 18px 0;
}

#emailaddress .st-right-arrow,
#emailaddress .st-down-arrow,
#invite .st-right-arrow,
#invite .st-down-arrow {
    left: 25px;
}

#emailaddress a.cc-bcc2 {
    height: 10px;
    display: inline-block;
}

.green {
    color: #369f8f;
}

.date-separator .month-heading {
    color: #303030;
    display: inline-block;
}

.tab-pane .form-horizontal .leadscore-acct {
    line-height: 50px;
}

.has-switch {
    height: 29px;
}

.check-man {
    display: inline-block;
}

.textarea-manual {
    width: 608px;
}

.mainpart .camp-list {
    width: 220px;
}

.form-designarea .form-horizontal .preview {
    border-bottom: solid 1px;
    margin: 30px 0 0 0;
    line-height: 40px;
}

.nav-tabs > li > a.edit-custom-fields {
    position: absolute;
    top: 0;
    padding: 7px 0 0 0 !important;
    border-left: none !important;
    border-right: none !important;
}

    .nav-tabs > li > a.edit-custom-fields:hover {
        border: none;
    }

.form-horizontal-large .comparision .checkbox {
    margin: 0px;
}

.select.select-block.previous-year {
    width: 413px;
    display: inline-block;
}

.custom-picker .select-medium {
    width: 237px;
}

/*New Tabs*/
.ct-mainarea .tabbable.new-tabs {
    background: #fff;
    padding: 20px;
}

.tabbable.new-tabs {
    background: #fff;
    padding: 20px 0px;
}

    .tabbable.new-tabs.cdp-tabs {
        margin: 0 -10px 0 -20px;
        overflow: hidden;
        min-height: 800px;
    }

.new-tabs ul.nav-tabs li .icon, .new-tabs .nav-tabs-appointment li .icon {
    padding: 8px 0;
    font-size: 15px;
}

.tabbable.new-tabs .nav-tabs > li > a {
    color: black;
}

.new-tabs .nav-tabs-appointment > li > a {
    color: black;
}

.tabbable.new-tabs .nav-tabs > li > a .icon {
    margin-right: 10px;
}

.new-tabs .nav-tabs > li.active > a {
    border-bottom: 2px solid black;
    font-weight: bold;
}

.new-tabs .nav-tabs > li.active, .new-tabs .nav-tabs-appointment > li.active {
    border-top: 3px solid #369f8f;
}

    .new-tabs .nav-tabs > li.active > a {
        border-top: 0;
        color: #369f8f !important;
        border-bottom: 0px;
        border-left: solid 1px #eaeaea;
        border-right: solid 1px #eaeaea;
    }

.new-tabs .nav-tabs-appointment {
    display: flex;
}

    .new-tabs .nav-tabs-appointment > li {
        border-right: solid 1px transparent;
        border-left: solid 1px transparent;
        display: flex;
        padding-left: 20px;
        padding-right: 20px;
        transition: .2s
    }

        .new-tabs .nav-tabs-appointment > li.active {
            border-bottom: 0px;
            background: white;
            z-index: 2;
            margin-bottom: -1px;
            border-bottom: black 2px solid;
            padding-left: 32px;
            padding-right: 32px;
        }

            .new-tabs .nav-tabs-appointment > li.active > a {
                border-right: none;
                font-weight: 700;
                color: black;
            }

        .new-tabs .nav-tabs-appointment > li.active {
            border-right: solid 1px #eaeaea;
            border-left: solid 1px #eaeaea;
            border-bottom: 0px;
            background: white;
            z-index: 2;
            margin-bottom: -1px;
        }

            .new-tabs .nav-tabs-appointment > li.active > a {
                border-right: none;
                font-weight: 700;
                color: #369f8f !important;
            }


.new-tabs .nav-tabs > li.active {
    border-bottom: none;
    flex-grow: 2;
    transition: all ease .35s;
}

.new-tabs .nav-tabs > li.active {
    border-bottom: none;
}

.custom-fields-tabs li {
    min-width: 120px;
}

    .custom-fields-tabs li a {
        text-align: center;
    }

    .custom-fields-tabs li > a i {
        padding: 0 5px;
    }

    .custom-fields-tabs li .tab-controls {
        position: absolute;
        left: 20px;
        right: 20px;
        text-align: center;
        background: rgba(255,255,255,0.8);
        top: -12px;
        opacity: 0;
    }

    .custom-fields-tabs li:hover .tab-controls {
        opacity: 1;
    }

    .custom-fields-tabs li .tab-controls span {
        color: black;
        cursor: pointer;
    }

        .custom-fields-tabs li .tab-controls span.sort {
            cursor: move;
        }

        .custom-fields-tabs li .tab-controls span .icon {
            font-size: 14px;
            padding: 5px;
        }

    .custom-fields-tabs li .pagenameinput {
        border-left: 1px solid #eaeaea;
        border-right: 1px solid #eaeaea;
        padding: 2px;
        background-color: #fff;
    }

.legend .tab-controls a {
    margin-left: 5px;
}

.tabbable.new-tabs.tab-custom .nav-tabs {
    margin-bottom: 20px;
    vertical-align: middle;
    display: flex;
    flex-wrap: wrap;
}

.add-customtab {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

[data-toggle="collapse"] .st-icon-dropdownarrow {
    transition: .25s;
}

[data-toggle="collapse"]:not(.collapsed) .st-icon-dropdownarrow {
    transform: rotate(180deg)
}

.drag-controls-subheading .st-icon-dropdownarrow {
    font-size: 18px !important;
}

.form-horizontal-small.custom-design {
    padding: 10px 10px 15px 10px;
}

.iconbar-horizontal > ul > li.user-name {
    padding: 16px 0;
    color: #fff;
}

.sub-container .page-title {
    margin-bottom: 0;
}

.new-tabs.tabbable.tabbable-vertical,
.tabbable.tabbable-vertical {
    padding: 0;
}

    .tabbable.tabbable-vertical ul {
        float: left;
    }

        .tabbable.tabbable-vertical ul li {
        }

    .tabbable.tabbable-vertical .nav-tabs > li > a {
        padding: 10px 21px 11px 13px;
        color: #757676;
        font-family: 'OpensansBold';
        border-left: 3px solid #fff;
        border-top: solid 1px #fff;
        border-bottom: solid 1px #fff;
    }

    .tabbable.tabbable-vertical .nav-tabs > li.active {
        border-left: 3px solid #369f8f;
        border-top: 0;
        color: #369f8f !important;
        border-bottom: 0px;
    }

        .tabbable.tabbable-vertical .nav-tabs > li.active > a {
            color: #369f8f !important;
            border-left: 0px;
            border-bottom: 0px;
            border-top: solid 1px #eaeaea;
            border-bottom: solid 1px #eaeaea;
        }

        .tabbable.tabbable-vertical .nav-tabs > li.active a {
            border-right: none;
            margin-right: -1px;
        }

    .tabbable.tabbable-vertical .tab-content {
        border-left: 1px solid #f0f0f0;
        border-top: 0;
        min-height: 200px;
        padding: 0 0 0 20px;
        overflow: hidden;
    }

/*New Campaign Dashboard*/
.main-widget {
    background: #fff;
    margin: 20px 0;
    padding: 0;
    overflow: hidden;
}

    .main-widget .heading-camp {
        font-size: 16px;
        color: #767676;
        line-height: 35px;
        font-family: 'OpensansBold';
        padding: 0 10px;
    }

    .main-widget ul.campaign-dashboard {
        margin-bottom: 0;
    }

        .main-widget ul.campaign-dashboard li {
            width: 50%;
            text-align: center;
            display: inline-block;
            min-height: 90px;
            float: left;
            border-right: 1px solid #eaedef;
            position: relative;
        }

            .main-widget ul.campaign-dashboard li:last-child {
                border-right: none;
            }

            .main-widget ul.campaign-dashboard li .text {
                font-family: 'OpensansBold';
                line-height: 50px;
                font-size: 18px;
            }

            .main-widget ul.campaign-dashboard li .number {
                line-height: 30px;
                font-size: 18px;
                font-family: 'OpensansBold';
            }

            .main-widget ul.campaign-dashboard li .link {
                font-size: 12px;
                word-wrap: break-word;
            }


                .main-widget ul.campaign-dashboard li.open-rate:before,
                .main-widget ul.campaign-dashboard li.click-rate:before,
                .main-widget ul.campaign-dashboard li.notviewed:before,
                .main-widget ul.campaign-dashboard li.sent:before,
                .main-widget ul.campaign-dashboard li.bounced:before,
                .main-widget ul.campaign-dashboard li.delivered:before,
                .main-widget ul.campaign-dashboard li.unsubscribe:before,
                .main-widget ul.campaign-dashboard li.complaint:before,
                .main-widget ul.campaign-dashboard li.link:before,
                .main-widget ul.campaign-dashboard li.link-des:before {
                    content: "";
                    height: 3px;
                    position: absolute;
                    width: 100%;
                    z-index: 1;
                    left: 0;
                    right: 0;
                    top: -3px;
                }

            .main-widget ul.campaign-dashboard li.open-rate:before {
                background-color: #4eb2f2;
            }

            .main-widget ul.campaign-dashboard li.click-rate:before {
                background-color: #f1c40f;
            }

            .main-widget ul.campaign-dashboard li.notviewed:before {
                background-color: #f56f26;
            }

            .main-widget ul.campaign-dashboard li.sent:before {
                background-color: #42BA10;
            }

            .main-widget ul.campaign-dashboard li.bounced:before {
                background-color: #f56f26;
            }

            .main-widget ul.campaign-dashboard li.delivered:before {
                background-color: #369bcf;
            }

            .main-widget ul.campaign-dashboard li.unsubscribe:before {
                background-color: #C58B6C;
            }

            .main-widget ul.campaign-dashboard li.complaint:before {
                background-color: #bebebe;
            }

            .main-widget ul.campaign-dashboard li.link:before {
                background-color: #6CBFC5;
            }

            .main-widget ul.campaign-dashboard li.link-des:before {
                background-color: #D2AFAF;
            }

        .main-widget ul.campaign-dashboard.deliverability li {
            width: 33.3%;
        }

        .main-widget ul.campaign-dashboard.no-records {
            margin-bottom: 0;
        }

            .main-widget ul.campaign-dashboard.no-records li {
                float: none;
                display: block;
                border: 0;
                min-height: 90px;
                width: 100%;
                line-height: 74px;
            }

.title-dashboard {
    font-size: 24px;
    color: #767676;
    line-height: 42px;
    margin: 20px 0;
    background: #fff;
    border: solid 1px #dbe0e4;
    padding: 0 10px;
}

.ct-details .ct-other-panels .actions-list.actions-custom-caro {
    padding-bottom: 30px;
}

/* Manage Tags*/

.merge-tag .st-icon-tag:before {
    margin-right: 10px;
}

.merge-tag .st-icon-tag {
    background-color: #F7F7F8;
    border-radius: 0;
    color: #5AA8E6;
    display: inline-block;
    line-height: 15px;
    margin-bottom: 3px;
    margin-right: 3px;
    overflow: hidden;
    padding: 4px 20px 4px 12px;
    position: relative;
    transition: all 0.14s linear 0s;
    vertical-align: middle;
}

.form-group.merge-tag .st-icon-tag {
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Configuration  */
.k-grid .btn-group label.btn,
.configuration-toggles .btn-group label.btn {
    width: 100px;
}

.k-grid [data-toggle="buttons"] > .btn > input[type="radio"],
.k-grid [data-toggle="buttons"] > .btn > input[type="checkbox"],
.configuration-toggles [data-toggle="buttons"] > .btn > input[type="radio"],
.configuration-toggles [data-toggle="buttons"] > .btn > input[type="checkbox"] {
    height: 100%;
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* Powered by  */
.powered-by {
    bottom: 0;
    padding: 5px;
    position: fixed;
    z-index: 1;
    left: 2px;
}

.nav-close .powered-by {
    left: -82px;
}

.powered-by > figure {
    width: 72px;
}

.powered-by > p {
    font-size: 10px;
    text-align: center;
    margin-bottom: 0;
}

/* Modal */

.modal-lg {
    width: max-content;
}

.picker-dialog-bg {
    z-index: 1010 !important;
}

.picker-dialog {
    z-index: 1050 !important;
}

/* Alerts */

.alertify,
.alertify-show,
.alertify-log {
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}

.alertify-hide {
    -webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}

.alertify-log-hide {
    -webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}

.alertify-cover {
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000000;
    filter: alpha(opacity=0.5);
    opacity: 0.5;
}

.alertify-cover-hidden {
    display: none;
}

.alertify {
    position: fixed;
    z-index: 99999;
    top: 100px;
    left: 50%;
    width: 550px;
    margin-left: -275px;
    opacity: 1;
}

.alertify-hidden {
    -webkit-transform: translate(0,-150px);
    -moz-transform: translate(0,-150px);
    -ms-transform: translate(0,-150px);
    -o-transform: translate(0,-150px);
    transform: translate(0,-150px);
    opacity: 0;
    display: none;
}
/* overwrite display: none; for everything except IE6-8 */
:root * > .alertify-hidden {
    display: block;
    visibility: hidden;
}

.alertify-logs {
    position: fixed;
    z-index: 5000;
    top: 60px;
    right: 35px;
    width: 300px;
}

.alertify-logs-hidden {
    display: none;
}

.alertify-log {
    display: block;
    margin-top: 10px;
    position: relative;
    right: -300px;
    opacity: 0;
}

.alertify-log-show {
    right: 0;
    opacity: 1;
}

.alertify-log-hide {
    -webkit-transform: translate(300px, 0);
    -moz-transform: translate(300px, 0);
    -ms-transform: translate(300px, 0);
    -o-transform: translate(300px, 0);
    transform: translate(300px, 0);
    opacity: 0;
}

.alertify-header {
    background-color: #DFDFDF;
    padding: 10px 23px;
    font-size: 19px;
}

.alertify-dialog {
    padding: 25px;
}

.alertify-resetFocus {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

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

    .alertify-inner p {
        margin-bottom: 25px;
    }

.alertify-text {
    margin-bottom: 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
}

.alertify-buttons {
}

.alertify-button,
.alertify-button:hover,
.alertify-button:active,
.alertify-button:visited {
    background: none;
    text-decoration: none;
    border: none; /* line-height and font-size for input button */
    line-height: 1.5;
    font-size: 100%;
    display: inline-block;
    cursor: pointer;
    margin-right: 10px;
}

@media only screen and (max-width: 680px) {
    .alertify,
    .alertify-logs {
        width: 90%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .alertify {
        left: 5%;
        margin: 0;
    }
}

/*  Default Look and Feel */
.alertify,
.alertify-log {
    font-family: 'OpensansRegular';
}

.alertify {
    background: #FFF; /* browsers that don't support rgba */
    box-shadow: 0 3px 3px rgba(0,0,0,.3);
    -webkit-background-clip: padding; /* Safari 4? Chrome 6? */
    -moz-background-clip: padding; /* Firefox 3.6 */
    background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

.alertify-text {
    border: 1px solid #CCC;
    padding: 10px;
}

.alertify-buttons {
    display: flex;
    justify-content: end;
    flex-direction: row-reverse;
}

.alertify-button {
    color: #FFF;
    padding: 6px 15px;
    text-decoration: none;
    background-color: #369f8f;
    border-radius: 8px;
    height: 35px;
}

    .alertify-button:hover,
    .alertify-button:focus {
        outline: none;
        background-color: #369f8f;
    }

    .alertify-button:focus { /*box-shadow: 0 0 15px #2B72D5;*/
    }

    .alertify-button:active {
        position: relative;
        box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    }

.alertify-button-cancel,
.alertify-button-cancel:hover,
.alertify-button-cancel:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DFDFDF;
    color: #000;
}

.alertify-button-ok,
.alertify-button-ok:hover,
.alertify-button-ok:focus {
    background-color: #369f8f;
    font-weight: 700;
    padding: 6px 22px;
}

.alertify-log {
    background: #1F1F1F;
    background: rgba(0,0,0,.8);
    padding: 15px;
    color: #FFF;
    box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.2);
    border-radius:8px;
}

.alertify-log-error {    
    background: rgb(220, 29, 29,.8);
}

.alertify-log-success {    
    background: rgb(54, 159, 143,.8);
}

/* Jcarousel */
.jcarousel-skin-tango .jcarousel-container {
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: auto;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: auto;
    height: 75px;
}
/*.jcarousel-skin-tango .jcarousel-clip-vertical {height: 245px;}*/
.jcarousel-skin-tango .jcarousel-item {
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin: 0 0 8px 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/* Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    right: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    bottom: -16px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    opacity: 0.2;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    right: 32px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    bottom: -16px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    opacity: 1;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    opacity: 0.8;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    opacity: 0.2;
}

/*  Vertical Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal:before,
.jcarousel-skin-tango .jcarousel-prev-horizontal:before,
.jcarousel-skin-tango .jcarousel-next-vertical:before,
.jcarousel-skin-tango .jcarousel-prev-vertical:before {
    font-family: "smarttouch" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: -1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: bottom;
    position: relative;
    font-size: 16px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:before {
    content: "m";
}

.jcarousel-skin-tango .jcarousel-prev-vertical:before {
    content: "o";
}

.jcarousel-skin-tango .jcarousel-next-vertical:before {
    content: "l";
}

.jcarousel-skin-tango .jcarousel-next-horizontal:before {
    content: "n";
}

.workflow-report-block .jcarousel-skin-tango .jcarousel-prev-horizontal:before {
    font-family: 'Material Icons Outlined' !important;
    content: "\e314";
    font-size: 32px !important;
}

.workflow-report-block .jcarousel-skin-tango .jcarousel-next-horizontal:before {
    font-family: 'Material Icons Outlined' !important;
    content: "\e315";
    font-size: 32px !important;
}

.workflow-report-block .jcarousel-prev.jcarousel-prev-horizontal.jcarousel-prev-disabled.jcarousel-prev-disabled-horizontal {
    left: -24px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}

.workflow-report-block .jcarousel-next.jcarousel-next-horizontal.jcarousel-next-disabled.jcarousel-next-disabled-horizontal {
    right: -24px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}


.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: -15px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    right: 0px;
}

    .jcarousel-skin-tango .jcarousel-next-vertical:hover,
    .jcarousel-skin-tango .jcarousel-next-vertical:focus {
        opacity: 1;
    }

    .jcarousel-skin-tango .jcarousel-next-vertical:active {
        opacity: 0.7;
    }

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    opacity: 0.2;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    bottom: -15px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    right: 32px;
}

    .jcarousel-skin-tango .jcarousel-prev-vertical:hover,
    .jcarousel-skin-tango .jcarousel-prev-vertical:focus {
        opacity: 1;
    }

    .jcarousel-skin-tango .jcarousel-prev-vertical:active {
        opacity: 0.7;
    }

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    opacity: 0.2;
}

.opportunities-custom-caro .jcarousel-skin-tango .jcarousel-clip-vertical {
    height: 348px;
}

.opportunities-custom-caro .jcarousel-skin-tango .jcarousel-container-vertical {
    height: 355px;
}

.actions-custom-caro .jcarousel-skin-tango .jcarousel-clip-vertical {
    height: 235px;
}

.actions-custom-caro .jcarousel-skin-tango .jcarousel-container-vertical {
    height: 240px;
}

.tours-custom-caro .jcarousel-skin-tango .jcarousel-clip-vertical {
    height: 235px;
}

.tours-custom-caro .jcarousel-skin-tango .jcarousel-container-vertical {
    height: 240px;
}

.contracts-custom-caro .jcarousel-skin-tango .jcarousel-clip-vertical {
    height: 235px;
}

.contracts-custom-caro .jcarousel-skin-tango .jcarousel-container-vertical {
    height: 240px;
}

.relationship-contact {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
}

.relationship-contact-name, .owner-contact-name {
    font-size: 19px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: left;
    color: rgba(0, 0, 0, 1);
}

.relationship-custom-caro .jcarousel-skin-tango .jcarousel-clip-vertical {
    height: 125px;
}

.relationship-custom-caro .jcarousel-skin-tango .jcarousel-container-vertical {
    height: 130px;
}

.dash-actions-custom-caro .jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: 176px;
}

.dash-actions-custom-caro .jcarousel-skin-tango .jcarousel-container-horizontal {
    padding: 0px;
}

.workflow-report-block .jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: 150px;
}

.workflow-report-block .jcarousel-skin-tango .jcarousel-container-horizontal {
    padding: 0px;
}





/*#relationship-carousel .jcarousel-skin-tango .jcarousel-item-vertical{float:none !important;}*/

/* Multiselect*/
.multiselectwidth {
    width: 100%;
}

.k-multiselect {
    height: fit-content;
}

    .k-multiselect .k-delete:before {
        content: "\e00b";
        font-family: 'Flat-UI-Icons' !important;
        color: #999999;
        font-size: 8px;
        padding: 2px;
    }

/* Error*/

.error {
    width: 635px;
    background-color: #ffffff;
    box-shadow: 0 0 20px #EEEEEE;
    height: 222px;
    border: 1px solid #eeeeee;
    left: 50%;
    margin: -111px auto 0 -317px;
    position: absolute;
    top: 50%;
}

.error-view {
    background: url('../../img/error.png') #369f8f no-repeat 15px center;
    color: #FFFFFF;
    display: inline-block;
    height: 100%;
    padding-left: 143px;
    padding-top: 82px;
    padding-right: 48px;
    vertical-align: middle;
    width: 328px;
    text-align: center;
}

.error-view-entity {
    background: url('../../img/nocontact-found-icon.png') #369f8f no-repeat 15px center;
    color: #FFFFFF;
    display: inline-block;
    height: 100%;
    padding-left: 143px;
    padding-top: 82px;
    padding-right: 48px;
    vertical-align: middle;
    width: 328px;
    text-align: center;
}

.suspended-view {
    background: url('../../img/suspended.png') #369f8f no-repeat 40px center;
    color: #fff;
    display: table;
    float: left;
    height: 100%;
    padding-left: 150px;
    padding-top: 82px;
    padding-right: 48px;
    vertical-align: middle;
    width: 110px;
    text-align: center;
}

.maintanance-view {
    background: url('../../img/maintenance.png') #369f8f no-repeat 40px center;
    color: #fff;
    display: table;
    float: left;
    height: 100%;
    padding-left: 150px;
    padding-top: 82px;
    padding-right: 48px;
    vertical-align: middle;
    width: 110px;
    text-align: center;
}

.error-message {
    display: inline-block;
    width: 300px;
    padding-left: 50px;
    padding-right: 50px;
}

.error-message-entity {
    display: inline-block;
    width: 300px;
    padding-left: 50px;
    padding-right: 50px;
    vertical-align: middle;
}

.error-heading {
    font-size: 72px;
    font-family: 'OpensansBold';
    line-height: 52px;
}

.error-heading-entity {
    font-size: 56px;
    font-family: 'OpensansBold';
    line-height: 30px;
}

.error-heading-msg {
    font-size: 10px;
    font-family: 'OpensansBold';
    line-height: 20px;
    text-transform: uppercase;
}

.error-heading-msg-entity {
    font-size: 10px;
    font-family: 'OpensansBold';
    line-height: 55px;
    text-transform: uppercase;
    padding-left: 20px;
}

.error-msg-title {
    color: #369f8f;
    font-size: 42px;
}

.suspended-msg-title {
    margin-left: -4px;
    color: #369f8f;
    font-size: 42px;
}

.maintanance-msg-title {
    margin-left: -4px;
    color: #369f8f;
    font-size: 42px;
}

.error-msg-dis {
}

.error-msg-entity {
    text-align: center;
    line-height: 222px;
}

/*Un Subcribe*/
.unsubscribe-page {
    background-color: #ecedf0;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 20px;
    font-size: 13px;
    color: #757575;
}

    .unsubscribe-page .container {
        width: 620px;
        margin: 0 auto;
    }

    .unsubscribe-page .logo figure {
        margin: 0;
        padding: 40px 0;
    }

    .unsubscribe-page .content-block {
        background-color: #ffffff;
        box-shadow: 0 0 5px rgba(0,0,0,0.1);
        padding: 50px 75px;
        border-radius: 5px;
    }

    .unsubscribe-page p {
        font-weight: 400;
        margin-bottom: 0;
        font-size: 13px;
    }

.unspublicworkflowshow {
    max-height: 450px;
    overflow-y: auto;
}

.uns-block {
    background-color: #eff0f2;
    padding: 15px 10px;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 20px;
}

    .uns-block .uns-block-chk {
        float: left;
        width: 15px;
        margin: 3px 0 0 0;
    }

    .uns-block .uns-block-content {
        float: left;
        margin-left: 10px;
        width: 390px;
    }

    .uns-block .uns-block-name {
        font-weight: 700;
        font-size: 14px;
    }

.uns-bold-title {
    font-weight: 700;
    font-size: 14px;
}

.unsubscribe-page .signature {
    padding: 14px 0 14px 0;
}

    .unsubscribe-page .signature .sin {
        font-size: 14px;
        font-weight: 300;
    }

    .unsubscribe-page .signature .name {
        font-weight: 600;
    }

/* Idletimeout */
#idletimeout {
    background: rgba(230, 46, 46, 0.8);
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 15px;
    position: fixed;
    top: 50px;
    left: 102px;
    right: 20px;
    z-index: 100000;
    display: none;
}

    #idletimeout i {
        font-size: 18px;
    }

    #idletimeout a {
        color: #fff;
        font-weight: bold;
        text-decoration: underline;
    }

    #idletimeout span {
        font-weight: bold;
        width: 25px;
        display: inline-block;
    }

/* notecordsfound */

.notecordsfound {
    text-align: center;
    padding: 50px;
}

    .notecordsfound div {
        margin-bottom: 15px;
    }

    .notecordsfound i {
        font-size: 48px;
        color: rgba(0, 0, 0, 0.25);
    }

    .notecordsfound > span {
        font-family: 'Noto Sans Semi Bold';
        color: rgba(0, 0, 0, 0.45);
        font-size: 14px;
    }

.nicescroll-rails {
    z-index: 1500 !important;
}

.accountsettingspage .main-search,
.accountsettingspage .navbar {
    display: none;
}

.account-form-group {
    display: inline-block;
    position: relative;
    width: 509px;
}

.form-group.subscription {
    margin-top: -8px;
}

.account-form-group .form-group {
    display: inline-block;
    margin-right: 0;
    vertical-align: top;
    width: 509px;
}

.input-group.domain .validationMessage {
    position: absolute;
    top: 100%;
}


.form-group.domain-url .input-group-addon {
    background-color: #369f8f;
    border-color: #369f8f;
    color: #fff;
}

.pll.sub-child {
    padding-left: 40px;
}

.has-switch input[type="checkbox"] {
    cursor: pointer;
}

#contentdesignelements .form-horizontal-small {
    margin: 0;
}

/* Kendo css */

.k-block, .k-widget, .k-popup, .k-content, .k-dropdown .k-input, .k-select .k-icon {
    color: #757676;
}

/* Icons */
.k-icon,
.k-state-disabled .k-icon,
.k-column-menu .k-sprite {
    opacity: 1;
}

.k-icon {
    background-image: none;
    color: #3b3b3b;
    font-size: 0px;
    padding: 8px 6px 6px 3px;
}

[class^="k-"]:before,
[class*=" k-"]:before,
[class^="k-i-"]:before,
[class*=" k-i-"]:before {
    font-family: "smarttouch" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: -1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: bottom;
    position: relative;
    font-size: 12px;
}

.mms-images .mms-toolbar .toolbar-icon {
    padding: 8px 6px;
    margin-bottom: 5px;
    margin-right: 5px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.3s;
}

    .mms-images .mms-toolbar .toolbar-icon:hover {
        outline: none;
        background-color: #79a955;
        color: #fff;
    }

    .mms-images .mms-toolbar .toolbar-icon .toolbar-icon-badge {
        position: absolute;
        height: 20px;
        min-width: 20px;
        background-color: red;
        top: -4px;
        right: -10px;
        border-radius: 50%;
        border: 1.5px solid #f6f6f6;
        color: white;
        font-size: 11px;
        font-weight: 600;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.mms-images .mms-toolbar {
    border-bottom: 1px solid #dde1e4;
    background: #f6f6f6;
    padding: 0 5px !important;
}

.modal#imageSelector .modal-header {
    background-color: #369f8f;
}

    .modal#imageSelector .modal-header .modal-title {
        color: black;
        font-size: 16px;
        font-weight: 400;
    }

    .modal#imageSelector .modal-header .close {
        color: black;
        font-size: 24px;
        font-weight: 700;
    }

.modal#imageSelector #redactor-image-manager-box .image-container {
    position: relative;
}

    .modal#imageSelector #redactor-image-manager-box .image-container .st-icon-checkbox-selected {
        display: none !important;
        color: #369f8f;
        font-size: 24px;
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        top: -30px;
        left: 2px;
        background: linear-gradient( to bottom, transparent 20%, white 20% );
        transition: 0.25s;
    }

        .modal#imageSelector #redactor-image-manager-box .image-container .st-icon-checkbox-selected.visible {
            display: block !important;
        }

    .modal#imageSelector #redactor-image-manager-box .image-container.img-selected img {
        border: 2px solid #369f8f;
    }
/*.k-tool-icon, 
.k-grouping-dropclue, 
.k-drop-hint, 
.k-column-menu .k-sprite, 
.k-grid-mobile .k-resize-handle-inner:before, 
.k-grid-mobile .k-resize-handle-inner:after{background-image:none;font-family:smarttouch;color:#3b3b3b;font-size: 12px;padding: 8px 6px 6px 3px;}*/
.k-i-calendar:before {
    content: "'";
}

.k-i-clock:before {
    content: ".";
}

.k-minus:before {
    content: "\e060";
}

.k-plus:before {
    content: "\e061";
}

.k-i-arrow-n:before {
    content: "\e10c";
}

.k-i-arrow-s:before {
    content: "\e125";
}

.k-i-seek-w:before {
    content: "\e094";
}

.k-i-arrow-w:before {
    content: "\e10a";
}

.k-i-seek-e:before {
    content: "\e072";
}

.k-i-arrow-e:before {
    content: "\e10b";
}

.k-i-close:before {
    content: "\e00f";
}

.k-delete:before {
    content: "\e00b";
    font-family: "Flat-UI-Icons";
}

.k-i-move:before {
    content: "\e06f";
}

.k-add:before {
    content: "a";
}

.k-addfolder:before {
    content: "\e02f";
}

.k-delete:before {
    content: "Q";
}

.k-i-arrow-n:before {
    content: "\e120";
}

.k-i-xlsx:before {
    content: "\e113";
}

.k-i-image:before {
    content: "\e501"
}

.k-i-xls:before {
    content: "\e113";
}

.k-i-csv:before {
    content: "\e110";
}

.k-widget * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Loader */
/*.k-loading-mask{top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,0.0);}*/
.k-loading-mask,
.pageloader-mask {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    background-color: rgba(255, 255, 255, 0);
}

.content-mask {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9;
    background-color: rgba(0, 0, 0, .5);
}

#imageGallery .k-loading-mask, #imageGallery .pageloader-mask {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: relative !important;
    z-index: 999999;
    background-color: rgba(255, 255, 255, 0);
}
/* Grid loader */
.k-loading-mask .k-loading-text {
    display: none;
}

.k-loading-mask .k-loading-image {
    background-image: url(../../img/preloader-new.svg);
    width: 38px;
    height: 38px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/* Page loader */
.pageloader-mask .pageloader-text {
    display: none;
}

.pageloader-mask .pageloader-image {
    background-image: url(../../img/preloader-new.svg);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 38px;
    height: 38px;
    margin-top: -19px;
    margin-left: -19px;
}

/* Canlender */
.k-event-actions:first-child {
    display: none;
}

.k-event {
    cursor: pointer;
}

.k-event-template {
    font-size: 10px;
    overflow: hidden;
    padding: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 30px;
}

.k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn {
    background-color: #f1f1f1;
}

.k-nonwork-hour {
    background-color: #fff;
}

.k-scheduler-toolbar .k-state-hover.k-state-default, .k-scheduler-toolbar .k-state-hover.k-state-default:hover {
    border-color: #dadada;
}

.k-scheduler-toolbar .k-nav-current > .k-link span + span {
    max-width: 350px;
}
/* End Canlender */

.content-images .k-loading-mask {
    position: absolute;
    top: 50%;
    left: 50%;
}


.modal-body .content-images .k-grid .k-grid-content {
    border: 1px solid #dedede;
}

.modal-body .content-images .k-grid .images-search .form-control {
    border: 1px solid #dedede;
}

.modal-body .content-images .k-grid.k-widget td {
    margin: 0;
    text-align: center;
    width: 100%;
}

    .modal-body .content-images .k-grid.k-widget td .lib-img {
        width: auto;
        max-width: 100%;
        cursor: pointer;
    }

    .modal-body .content-images .k-grid.k-widget td .control-label {
        margin: 5px;
    }

.modal-body .content-images .k-grid table tr {
    border: 1px solid #dedede;
    float: left;
    margin: 1%;
    width: 31%;
}

#nowebvists {
    color: #369f8f;
}

#UserRecentActivities .k-loading-mask,
#web-visits-menu .k-loading-mask,
#ut-Notifications .k-loading-mask {
    position: absolute;
}

.unified-result .k-loading-mask {
    position: absolute;
}

    .unified-result .k-loading-mask .k-loading-image,
    #UserRecentActivities .k-loading-mask .k-loading-image,
    #web-visits-menu .k-loading-mask .k-loading-image,
    #ut-Notifications .k-loading-mask .k-loading-image {
        background-image: url(../../img/preloader-new.svg);
    }

/* Grid */
.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-state-highlight, .k-tabstrip-items .k-item, .km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: none;
}

.k-widget, .k-block, .k-inline-block, .k-draghandle {
    border-width: 0px;
}

.sub-container .k-widget {
    background: transparent;
}

.k-grid-header .k-header.text-center {
    text-align: center;
}

.k-grid-header .k-header.text-right {
    text-align: right;
}

.k-grid-header .k-header.text-left {
    text-align: left;
}

.k-grid .text-right.prl {
    padding-right: 50px;
}

/* UI/UX to drop .k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-draghandle */
.k-block, .k-grid-header, .k-toolbar, .k-grouping-header, .k-draghandle {
    background-color: #F6F6F6;
}

    .k-grid-header .k-header > .k-link, .k-header, .k-treemap-title {
        color: rgba(0, 0, 0, 0.5) !important;
    }

.k-pager-wrap {
    text-align: right;
    margin-top: 20px;
    color: #3b3b3b;
}

.k-grouping-header, .k-grid-toolbar {
    line-height: 60px;
    padding: 0;
    border: 0px;
}

    .k-grid-toolbar:first-child, .k-grouping-header + .k-grid-toolbar {
        border-width: 0px;
    }

.k-grid-content {
    overflow-y: auto;
    overflow-x: hidden;
}

.k-grid-contracts.k-grid-content {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 110px;
}
/*.k-grid-content label {margin: 0;}*/
.k-state-selected {
    background-image: none;
    border-radius: 0px;
}

.contacts-grid .grid-row-controls {
    width: 90px;
}

.k-grid tr .grid-row-controls a {
    color: #cfcfcf;
    font-size: 16px;
    margin: 0 5px;
    -o-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
    -webkit-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;
    white-space: nowrap;
    opacity: 1;
}

    .k-grid tr .grid-row-controls a.favoirate,
    .k-grid tr .grid-row-controls a:hover {
        color: #303030;
    }

.k-grid tr.k-state-selected td.grid-row-controls a,
.k-grid tr:hover td.grid-row-controls a { /*margin-right: 0;*/
    opacity: 1;
    visibility: visible;
}

.k-grid tr:hover {
    background: transparent;
}
/*.k-grid tr{
	-webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.k-grid tr:hover{
	 -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.k-grid tr.odd td{background-color:#fff;}
.k-grid tr.k-alt td,
.k-grid tr.even td{background-color:#fff;}*/
.k-alt, .k-separator, .k-resource.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child {
    background-color: #fff;
}

.k-grid tr.k-alt.k-state-selected td,
.k-grid tr.k-state-selected td,
.k-grid tr.odd.k-state-selected td,
.k-grid tr.even.k-state-selected td {
    background-image: none;
    background-color: #eff4eb;
    color: #303030;
}

/* UI/UX to drop
.k-state-selected > td:first-child {
    border-left: 3px solid #369f8f !important;
}
*/
.k-grid-header th.k-header, .k-filter-row th {
    padding: 20px 16px 10px 16px;
    background-color: transparent;
}

.k-grid td.grid-img {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.k-grid-header th:first-child,
.k-grid td:first-child {
    padding-left: 15px;
}

.k-grid td.sub-child {
    padding-left: 50px;
}

.k-grid-header th:first-child label.checkbox {
    margin: 0 10px;
}

.k-grid td:first-child label.checkbox {
    margin: -6px 10px 0;
}

.k-grid.roles-grid td:first-child label.checkbox,
.k-grid.roles-grid th:first-child label.checkbox {
    margin: 0;
}

.k-grid.roles-grid th:first-child label.checkbox {
    margin: 0;
}

.k-grid-header-wrap > table {
    border: 0 none;
}

.k-grid td {
    border-width: 0 0 1px 0;
    border-color: rgba(255,255,255,0) rgba(255,255,255,0) #EAEAEA rgba(255,255,255,0);
    line-height: 18px;
    padding: 10px 5px;
    white-space: nowrap;
}

.grid-truncate {
    display: inline-block;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 90%;
}

.campaigns-grid .grid-truncate {
    display: inline-block;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 90%;
    font-weight: bold;
}

.k-grid-header th .k-icon {
    margin-left: 5px;
    margin-top: 4px;
    position: absolute !important;
    opacity: 0.5;
}

.k-grid-header th .k-i-arrow-n:before {
    display: none;
}

.k-grid-header th .k-i-arrow-s:before {
    display: none;
}

.k-grid-header th .k-icon {
    background-image: url(../../img/grid_sort-arrows.png) !important;
}

.k-grid-header th .k-i-arrow-n {
    background-position: 0 0;
}

.k-grid-header th .k-i-arrow-s {
    background-position: 0 -32px;
}

.k-state-selected > td:first-child label.checkbox {
    margin: 0 10px 0 7px;
}

.custom-table {
    height: 565px;
    overflow: hidden;
}

.k-grid tr td .count {
    font-style: italic;
    color: #BDBDBD;
}

.k-grid .form-group {
    margin-bottom: 0;
}

/* Grid Custom controls*/

/* New grid changes */

.k-grid.k-widget .k-grid-toolbar {
    border: solid 1px #dbe0e4;
    margin-bottom: 0;
    border-bottom: 0;
}

.contacts-grid .k-grid table {
    border: solid 1px #dbe0e4;
    border-top: none;
}

.contacts-grid .k-grid.k-widget .k-grid-toolbar {
    border: solid 1px #dbe0e4;
}



.k-grid table,
.contacts-grid .k-grid-content {
    border: solid 1px #dbe0e4;
    /*UI/UX to dtop 
        background: #fff;
        */
}

.k-grid-header th.k-header:first-child:hover,
.k-grid tbody td:first-child:hover,
.k-grid tfoot td:first-child:hover,
.k-filter-row > th:first-child:hover {
    border-left-width: 0;
}

.k-grid-header th.k-header, .k-filter-row th {
    border-left: 2px dotted transparent;
}

    .k-grid-header th.k-header:hover, .k-filter-row th:hover {
        border-left: 2px dotted #dbe0e4;
    }

.k-grid-header .k-resize-handle:before,
.k-grid > .k-resize-handle:before {
    border-left: 2px dotted #dbe0e4;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 39px;
    margin-left: 4px;
    top: -1px;
    width: 2px;
    position: relative;
    z-index: 3;
}

.no-grid-resize .k-grid-header th.k-header,
.no-grid-resize .k-filter-row th {
    border-left: 0;
}

.k-grid-header th.k-header > .k-link {
    margin: 0;
    padding: 0;
}

th.k-header {
    line-height: 20px;
}

.k-grid-toolbar .left-part {
    float: left;
}

.k-grid-toolbar .collapse-all {
    margin-left: -10px;
    margin-right: 12px;
}

.k-grid-toolbar .left-part label {
    display: inline-block;
    margin: 0 12px 0 0;
}

    .k-grid-toolbar .left-part label.checkbox input {
        margin-right: 12px;
    }

.k-grid-toolbar .right-part {
    float: right;
    width: 900px;
    text-align: right;
}

.k-grid-toolbar .right-part .grid-controls {
    display: inline-block;
    vertical-align: middle;
}

    .k-grid-toolbar .right-part .grid-controls .sort-label {
        margin: 0 10px;
    }

    .k-grid-toolbar .right-part .grid-controls .sort-select {
        text-align: left;
        display: inline-block;
        width: 210px;
    }

        .k-grid-toolbar .right-part .grid-controls .sort-select .k-dropdown {
            width: 210px;
        }

.layout-search {
    display: inline-block;
    width: 270px;
    vertical-align: middle;
    position: relative;
}

    .layout-search input {
        padding-left: 28px;
    }

    .layout-search i {
        position: absolute;
        left: 10px;
        top: 7px;
    }


.contacts-gridresults .k-grid-toolbar .right-part {
    float: right;
    width: 880px;
    text-align: right;
}

    .contacts-gridresults .k-grid-toolbar .right-part .grid-search {
        display: inline-block;
        width: 200px;
        vertical-align: middle;
        position: relative;
    }

        .contacts-gridresults .k-grid-toolbar .right-part .grid-search input {
            padding-left: 28px;
        }

        .contacts-gridresults .k-grid-toolbar .right-part .grid-search i {
            position: absolute;
            left: 10px;
            top: 10px;
            line-height: 12px;
        }

    .contacts-gridresults .k-grid-toolbar .right-part .grid-controls {
        display: inline-block;
        vertical-align: middle;
    }

        .contacts-gridresults .k-grid-toolbar .right-part .grid-controls .sort-label {
            margin: 0 10px;
        }

        .contacts-gridresults .k-grid-toolbar .right-part .grid-controls .sort-select {
            text-align: left;
            display: inline-block;
            width: 160px;
        }

            .contacts-gridresults .k-grid-toolbar .right-part .grid-controls .sort-select .k-dropdown {
                width: 160px;
            }

.k-grid-header {
    line-height: 45px;
    border-width: 0px;
    background: rgba(212, 216, 219, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.k-grid-header-wrap {
    border-width: 0px;
}

.k-grid-header .k-header {
    font-style: normal;
    font-weight: 700 !important;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.5);
}

    .k-grid-header .k-header > .k-link {
        line-height: 45px;
        margin: 0;
        padding: 0;
    }

.grid-control {
    width: 50px;
}

.grid-checkbox {
    width: 15px;
}

.grid-img {
    text-align: center;
}

    .grid-img .person-icon {
        width: 48px;
        height: 48px;
        position: relative;
        overflow: hidden;
    }

.person-icon .realtor-marker {
    position: absolute;
    bottom: 2px;
    right: 0;
    height: 16px;
    width: 16px;
}

    .person-icon .realtor-marker > img {
        border-radius: 2px;
    }

.grid-img > span {
}

.grid-img figure img {
    max-width: 100%;
    max-height: 62px;
    height: 62px;
    width: 62px;
    object-fit: contain;
}

.grid-img a {
    color: white;
    font-size: 24px;
    height: 48px;
    width: 48px;
    line-height: 50px;
    position: relative;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden !important;
}

.grid-img .contact-initials {
    font-family: 'Inter', sans-serif;
    color: white;
    font-weight: 700;
    font-size: 20px;
    line-height: 16px;
}

.grid-img a:before {
}


.grid-name {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    display: block;
    color: black;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.grid-company {
    margin-top: 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.5)
}

.grid-details .grid-details-row, .life-cycle .gird-life-cycle, .grid-communication {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.grid-communication {
    align-items: center;
}

    .grid-communication .grid-email {
        margin-top: 4px;
    }

        .grid-communication .grid-email a {
            color: black;
        }

.grid-prospect {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
}

.grid-date {
    margin-top: 4px;
}

.grid-details .icon {
    font-size: 12px;
    margin-right: 8px;
    float: left;
}

.grid-address {
    white-space: break-spaces;
    text-align: center;
}

.grid-row-controls {
    width: 80px;
    text-align: center;
}

.grid-row-controls .st-icon-run {
    font-size: 18px;
}

/* Kendo Mater report */
.k-hierarchy-col,
.k-grid .k-grid-content tr.k-master-row td.k-hierarchy-cell {
    padding-left: 0px;
    padding-right: 0px;
}

.k-detail-row .k-detail-cell {
    padding: 0px;
}

.k-detail-row table {
    border-bottom: 0px;
    border-top: 0px;
    border-right: 0px;
}

/* Drop down*/
.form-group .k-dropdown {
    width: 100%;
}

    .form-group .k-dropdown.input-plus-select {
        width: 120px;
        margin-left: -1px;
    }

.k-tool-group .k-editor-widget {
    width: 120px;
    display: inline-block;
}

.EmailSignature .k-tool-group .k-editor-widget {
    width: 220px !important;
}

    .EmailSignature .k-tool-group .k-editor-widget .k-dropdown-wrap.k-state-default .k-input {
        height: 23px;
        line-height: 18px;
    }

.k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default {
    background-color: #FFFFFF;
    border-color: #DFDFDF;
    background-image: none;
    min-width: 100px;
    margin: 0;
    padding: 0;
}
/*.mbs .k-dropdown-wrap.k-state-default {margin-top: -1px; }
.mbs.form-group .k-dropdown.input-plus-select {margin-top:-1px; }*/
.tab-pane .k-dropdown-wrap.k-state-default {
    margin-top: 0 !important;
}

.tab-pane .k-dropdown.input-plus-select {
    margin-top: 0 !important;
}

.k-picker-wrap.k-state-default {
    background-color: #FFFFFF;
    border-color: #DFDFDF;
    background-image: none;
    min-width: 60px;
    margin: 0;
    padding: 0;
}

.k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input {
    border-radius: 0px;
    padding-left: 6px;
    padding-right: 30px;
}

.k-datetimepicker .k-picker-wrap .k-input {
    padding-right: 50px;
}

.k-dropdown-wrap.k-state-disabled .k-input {
    padding-right: 0;
}

.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 {
    border-radius: 0px;
}

    .k-autocomplete.k-state-selected {
        border-left: 4px solid #369f8f !important;
    }

    .k-numeric-wrap > .form-control {
        display: inline-block !important;
    }

    .k-numeric-wrap.k-state-focused > .k-formatted-value {
        display: none !important;
    }

    .k-numeric-wrap:not(.k-state-focused) > .form-control[data-role="numerictextbox"] {
        display: none !important;
    }

.k-secondary .k-picker-wrap.k-state-hover, .k-secondary .k-numeric-wrap.k-state-hover, .k-secondary .k-dropdown-wrap.k-state-hover,
.k-secondary .k-picker-wrap, .k-secondary .k-dropdown-wrap, .k-secondary .k-numeric-wrap, .k-secondary.k-scheduler-toolbar > ul > li {
    background-color: #ffffff;
    border-color: #e2e2e2;
    background-image: none;
    text-align: left;
}

.k-secondary .k-state-default > .k-select {
    border-left: 1px solid #e2e2e2;
    background-color: #fff;
}

.k-secondary .k-dropdown .k-dropdown-wrap.k-state-focused .k-select {
    border-left: 1px solid #fff;
    color: #fff;
    background-color: #369f8f;
}

.k-popup.k-list-container, .k-popup.k-calendar-container {
    padding: 0px;
}

.k-list-container {
    color: #A8A8A8;
}

    .k-list-container .k-list .k-item {
        white-space: nowrap;
    }

.k-popup .k-list .k-item {
    border-top: 1px solid #F4F4F4;
}

    .k-popup .k-list .k-item.k-state-hover {
        border-width: 0px 0 1px 0;
    }

.k-item.k-state-hover:hover {
    background-color: #F3F3F3;
    border-color: #F4F4F4;
    color: rgba(52, 73, 94, 0.75);
}

/*.k-icon.k-i-arrow-s {background: url("../../img/icon_arrows.png") no-repeat scroll 2px 6px rgba(0, 0, 0, 0);}*/
.k-secondary .k-dropdown .k-state-focused .k-select .k-icon.k-i-arrow-s,
.k-secondary .k-dropdown.k-state-border-down .k-select .k-icon.k-i-arrow-s {
    background-position: 2px -16px;
}

.k-secondary .k-dropdown .k-input {
    color: #A8A8A8;
}

.k-secondary .k-dropdown .k-dropdown-wrap.k-state-focused .k-input {
}

.k-secondary .k-dropdown .k-state-focused .k-select .k-i-arrow-s,
.k-secondary .k-dropdown.k-state-border-down .k-select .k-i-arrow-s,
.k-secondary .k-dropdown .k-state-focused .k-input,
.k-secondary .k-dropdown.k-state-border-down .k-input {
    color: #fff;
}

.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;
    background-color: #369f8f;
    color: #fff;
}

.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-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 {
    border-radius: 0px;
}

    .k-window-titlebar .k-window-action.k-state-hover {
        padding: 2px;
    }

.k-dropdown-wrap.k-state-default.k-state-focused.k-state-active.k-state-border-down.k-state-hover {
    border-color: #369f8f;
}

.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 {
    border-radius: 0px;
}

.k-datetimepicker .k-select .k-icon.k-i-calendar {
    border-right: 1px solid #dadada;
    /*padding-right: 17px;*/
    padding-top: 15px;
    padding-bottom: 14px;
}

/*.k-datetimepicker .k-select .k-icon.k-i-clock {
    padding-right: 14px;
}*/

.k-list-container {
    background-color: #fff;
    border-radius: 0px;
}

.k-list .k-state-hover, .k-list .k-state-focused, .k-list .k-state-highlight, .k-list .k-state-selected, .k-dropzone {
    border-radius: 0px;
}

.k-dropdown.k-header .k-state-focused .k-select .k-icon.k-i-arrow-s,
.k-dropdown.k-header .k-state-focused.k-state-hover .k-select .k-icon.k-i-arrow-s {
    background-position: 2px -16px;
}

.k-dropdown.k-header .k-state-active .k-select .k-icon.k-i-arrow-s {
    transition: .25s;
    transform: rotate(180deg);
}

/*.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected,*/
.k-dropdown.k-header .k-state-focused.k-state-hover,
.k-button:active, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-state-focused, .k-dropdown .k-state-focused, .k-marquee-color {
    background-color: #369f8f;
    border-color: #369f8f;
    color: #FFFFFF;
}

    .k-dropdown .k-state-focused .k-input {
        color: #fff;
    }

.k-state-hover, .k-state-hover:hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-list > .k-state-hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-imagebrowser-dropzone, .k-mobile-list .k-item > .k-link:active, .k-mobile-list .k-item > .k-label:active, .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active, .k-mobile-list .k-recur-view .k-check:active {
    background-color: #F3F3F3;
    color: #AB8996;
}

.k-pager-wrap .k-link:hover {
    background-color: transparent !important;
    color: black;
}

.k-dropdown-wrap.k-state-focused .k-select .k-icon {
    color: #fff;
}

.k-dropdown .k-select, .k-selectbox .k-select {
    border-left: 1px solid #DADADA;
}

.k-view-day.k-state-hover {
    border-color: #DADADA;
}

/* Multi Select */
.k-checkbox, .k-radio {
    display: inline-block;
}

.k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-selected, .k-overflow-container .k-state-hover, .k-overflow-container .k-state-focused, .k-overflow-container .k-state-selected, .k-fieldselector .k-list .k-item {
    padding: 1px 5px;
}

.k-list-container .k-item.k-state-hover,
.k-list-container .k-item {
    border: 0 !important;
}

.k-item.k-state-selected.k-state-hover {
    background-color: #7ea700;
    color: #fff;
}

.multiselect-scroll {
    width: 100%;
}

    .multiselect-scroll .k-reset {
        max-height: 120px;
        overflow-y: auto;
    }

.exclude-workflow {
    width: 100%;
}

    .exclude-workflow .k-reset {
        max-height: 120px;
        overflow-y: auto;
    }

.k-multiselect.k-header.k-state-hover,
.k-multiselect.k-header {
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    min-width: 100px;
}

.workflow-sub-panel .form-group .k-multiselect.k-header,
.workflow-panel .form-group .k-multiselect.k-header {
    width: 100%;
}

.k-multiselect.k-header > span {
    border-left: 1px solid #DFDFDF;
    visibility: visible !important;
    background: url("../../img/icon_arrows.png") no-repeat scroll 6px 12px rgba(0, 0, 0, 0);
    font-size: 0px !important;
    height: 30px;
    width: 26px;
    top: 0px;
    right: 0px;
}

.k-multiselect-wrap,
k-multiselect-wrap:hover {
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0.07);
}

    .k-multiselect-wrap .k-reset {
        display: inline;
        float: left;
    }

    .k-multiselect-wrap .k-select {
        position: static;
    }


    .k-multiselect-wrap .k-reset li.k-button {
        margin: 1px 2px 2px;
        background-color: #eee;
        border-color: #eee;
    }

        .k-multiselect-wrap .k-reset li.k-button.k-state-hover {
            background-color: #FFFBCB;
        }

    .k-multiselect-wrap .k-input {
        padding-right: 20px;
        height: 28px;
        padding-left: 6px;
        width: 100% !important;
    }

.ads-grid-colum {
    width: 200px;
}

    .ads-grid-colum .k-multiselect-wrap .k-input {
        padding-right: 20px;
        height: 26px;
        padding-left: 6px;
        width: auto !important;
    }

.people-tags .k-multiselect {
    padding: 0px;
}

    .people-tags .k-multiselect.k-header > span {
        border-left: 0;
        visibility: visible !important;
        background: none;
        font-size: 0px !important;
        height: 30px;
        width: 0px;
        top: 0px;
        right: 0px;
    }

/* Calender */
.k-event-top-actions > .k-icon {
    color: #fff;
}

/* Grid Pager*/
.k-pager-wrap > .k-link {
    float: none;
    display: inline-block;
    vertical-align: top;
}

.k-grid-pager .k-pager-numbers {
    float: none;
    display: inline-block;
    vertical-align: top;
}

    .k-grid-pager .k-pager-numbers .k-state-selected {
        font-family: 'OpensansSemibold';
        color: #369f8f;
        border-width: 0px;
        background-color: #ffffff;
        width: 36px;
    }

.k-grid-pager ul.k-pager-numbers {
    display: inline-block;
    vertical-align: top;
}

    .k-grid-pager ul.k-pager-numbers li {
        border-right: 1px solid #a4a4a4;
        line-height: 20px;
        margin-top: 5px;
    }

        .k-grid-pager ul.k-pager-numbers li:last-child {
            border-right: 0px solid #a4a4a4;
        }

        .k-grid-pager ul.k-pager-numbers li a:hover {
            background: none;
        }

        .k-grid-pager ul.k-pager-numbers li span.k-state-selected {
            background: none;
        }

        .k-grid-pager ul.k-pager-numbers li span.k-state-selected {
            background: none;
        }

.k-grid-pager .k-pager-numbers .k-link {
    border-radius: 0px;
    border-bottom: 0px solid #fff;
    line-height: 20px;
}
/*.k-button:hover, .k-button:focus, .k-button.k-state-focused, .k-textbox:hover, .k-state-hover, .k-state-hover:hover,*/
.k-pager-wrap .k-link:hover, .k-other-month.k-state-hover .k-link, div.k-imagebrowser-dropzone em, .k-draghandle:hover {
    background-image: none;
    background-color: #ffffff;
    color: #3b3b3b;
}

.k-state-hover, .k-state-hover:hover, .k-state-focused {
    background-image: none !important;
}

.k-multiselect.k-header.k-state-focused {
    background: transparent;
}

.k-dropdown .k-state-hover .k-input {
    color: #787878;
}

.k-dropdown .k-state-hover.k-state-focused .k-input {
    color: #fff;
}

.k-pager-info {
    float: left;
    padding: 0 10px 0 0;
}

.k-pager-sizes {
    text-align: left;
    display: inline-block;
}

.k-pager-wrap .k-dropdown {
    float: right;
    width: 80px;
}

.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: #3b3b3b;
    border: none;
}

.k-state-selected > .k-link {
    color: #fff;
}

.k-state-selected.k-state-hover > .k-link {
    background-color: #369f8f;
}

.k-textbox:hover {
    border-color: #dadada;
}

.k-window-action.k-link.k-state-hover {
    background-color: #fff;
    background-image: none;
}

/* Shoulder */
.k-scheduler {
    border: 1px solid #EAEAEA;
    background: #fff;
}

    .k-scheduler .k-scheduler-toolbar {
        border-left: 0px;
    }

        .k-scheduler .k-scheduler-toolbar .k-toolbar.k-scheduler-navigation {
            border-left: 0px;
        }

        .k-scheduler .k-scheduler-toolbar .k-toolbar.k-scheduler-views {
            border-left: 0px;
        }

    .k-more-events, .k-event, .k-event .k-link,
    .k-scheduler div.k-scheduler-footer ul li, .k-scheduler div.k-scheduler-footer .k-link,
    .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,
    .k-scheduler-toolbar > ul li:first-child, .k-scheduler-toolbar > ul li:first-child .k-link {
        border-radius: 0px;
    }

    .k-scheduler .k-scheduler-toolbar .k-toolbar.k-scheduler-views .k-state-selected a {
        color: #fff;
    }

    .k-scheduler .k-scheduler-toolbar .k-toolbar.k-scheduler-views .k-state-selected.k-state-hover a {
        color: #303030;
    }

.k-nav-current > .k-link span + span {
    max-width: 200px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
}

/* Attachments*/

.kendo-att .k-grid table {
    border: 0;
}

.kendo-att .k-grid,
.kendo-att .k-grid table,
.kendo-att .k-grid .k-toolbar {
    background-color: transparent;
}

    .kendo-att .k-grid .k-grid-header {
        display: none;
    }

    .kendo-att .k-grid .k-grid-content {
        margin-left: -5px;
    }

        .kendo-att .k-grid .k-grid-content .k-scrollbar {
            overflow: auto;
        }

    .kendo-att .k-grid tr td {
        border-bottom: 0px;
        padding: 10px 0;
    }

    .kendo-att .k-grid tr.k-alt td,
    .kendo-att .k-grid tr.odd td,
    .kendo-att .k-grid tr.even td {
        background-color: transparent;
    }


/* Text box */
.k-textbox > input, .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    height: 28px;
    line-height: 24px;
}

.k-dropdown-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused {
    box-shadow: none;
}

    .k-textbox.k-state-focused > input, .k-picker-wrap.k-state-focused .k-input, .k-numeric-wrap.k-state-focused .k-input, .k-dropdown-wrap.k-state-focused .k-input, .k-selectbox.k-state-focused .k-input {
        border-color: #369f8f;
    }


/* Top Menu */

ul.k-menu.k-menu-horizontal {
}

    ul.k-menu.k-menu-horizontal > li.k-item {
        padding: 0 20px;
        border-top: 5px solid #181818;
        border-right-color: #252525;
    }

    ul.k-menu.k-menu-horizontal > li > span.k-link .k-i-arrow-s {
        color: #ffffff;
    }

    ul.k-menu.k-menu-horizontal > li > span.k-link,
    ul.k-menu.k-menu-horizontal > li > a.k-link {
        color: #ffffff;
        padding: 0px;
        line-height: 45px;
    }

        ul.k-menu.k-menu-horizontal > li > span.k-link .k-icon,
        ul.k-menu.k-widget.k-menu-horizontal > .k-item .k-icon {
            margin-left: 8px;
        }

ul.k-menu.k-widget.k-menu-horizontal .k-item > .k-link > .k-icon {
    margin-top: -5px;
}

ul.k-menu.k-widget.k-menu-horizontal li.k-state-border-down,
ul.k-menu.k-widget.k-menu-horizontal li.k-state-highlight,
ul.k-menu.k-widget.k-menu-horizontal li.k-state-hover {
    background-color: #181818;
}

ul.k-menu.k-widget.k-menu-horizontal li.k-state-border-down {
    border-top: 5px solid #369f8f;
    border-right: 0px;
}

ul.k-menu.k-widget.k-menu-horizontal li.k-state-border-down {
    background-color: #ffffff;
}

    ul.k-menu.k-widget.k-menu-horizontal li.k-state-border-down > span.k-link,
    ul.k-menu.k-widget.k-menu-horizontal li.k-state-border-down > a.k-link {
        color: #303030;
    }

        ul.k-menu.k-widget.k-menu-horizontal li.k-state-border-down > span.k-link .k-i-arrow-s {
            color: #A6A6A6;
        }

    ul.k-menu.k-widget.k-menu-horizontal li.k-state-border-down > .k-animation-container {
        min-width: 130px !important;
    }

ul.k-menu.k-widget.k-menu-horizontal .k-group {
    background-color: #ffffff;
    border-top: 0px;
    top: -5px;
}

ul.k-menu.k-widget.k-menu-horizontal ul.k-group li.k-state-hover {
    background-color: #f3f3f3;
}

ul.k-menu.k-widget.k-menu-horizontal ul.k-group li a.k-link {
    color: rgba(135, 135, 135, 0.75);
}

ul.k-menu.k-widget.k-menu-horizontal ul.k-group.k-popup .k-item > .k-animation-container {
    width: 500px !important;
    left: 1px !important;
    top: 7px !important;
}

    ul.k-menu.k-widget.k-menu-horizontal ul.k-group.k-popup .k-item > .k-animation-container ul {
        width: 100% !important;
    }


/*k-item k-state-highlight k-state-default k-state-border-down*/

.k-popup, .k-menu .k-group, .k-grid .k-filter-options, .k-time-popup, .k-datepicker-calendar, .k-dropdown-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-multiselect.k-state-focused, .k-imagebrowser .k-image {
    /*UI/UX to drop box-shadow: 0 5px 5px #C7C7C7;*/
}

.k-chart {
    padding: 20px;
}

.k-block > .k-header, .k-window-titlebar {
    height: auto;
}

.k-window > div.k-popup-edit-form {
    padding: 3em 0 1em 0;
}

/* Auto complet */
.k-autocomplete,
.k-autocomplete.k-state-focused {
    border-radius: 0;
    box-shadow: none;
    background-color: #f3f3f3;
}

    .k-autocomplete.k-state-default {
        border-color: #EDEDED;
        background-image: none;
        min-width: 100px;
        margin: 0;
        padding: 0;
    }

.form-control.bg-input input {
    background: rgba(0, 0, 0, 0.07) !important;
}

    .form-control.bg-input input:focus {
        background: rgba(0, 0, 0, 0.14) !important;
    }

.k-secondary .k-autocomplete.k-state-hover {
    background-color: #ffffff;
    border-color: #e2e2e2;
    background-image: none;
    text-align: left;
}

.k-autocomplete .k-input {
    border-radius: 0px;
    font-size: 13px;
    height: 30px;
    padding: 0 12px;
    text-indent: 0;
}

.tagsinput .k-autocomplete {
    background-image: none;
}

    .tagsinput .k-autocomplete.k-state-default {
        background-color: #FFFFFF;
        border-color: #DFDFDF;
        background-image: none;
        width: 100%;
        display: block;
        margin: 0;
        padding: 0;
    }

.tagsinput .k-secondary .k-autocomplete.k-state-hover {
    background-color: #ffffff;
    border-color: #e2e2e2;
    background-image: none;
    text-align: left;
}

.tagsinput .k-autocomplete.k-state-border-down {
    border-radius: 0px;
}

.tagsinput .k-autocomplete.k-state-border-up {
    box-shadow: 0 5px 5px #C7C7C7;
}

.tagsinput .k-autocomplete.k-state-focused {
    box-shadow: none;
}

.tagsinput .k-autocomplete.k-state-focused {
    background-image: none;
    color: #fff;
}


.tagsinput .k-autocomplete .k-input {
    height: 26px;
    line-height: 26px;
    margin-bottom: 3px;
    padding: 0;
    border: 0px;
    width: 98% !important;
    padding-left: 25px;
    position: relative;
}

#quick-actions .tagsinput .k-autocomplete .k-input {
    height: 45px;
    line-height: 26px;
    margin-bottom: 3px;
    padding: 0;
    border: 0px;
    width: 98% !important;
    padding-left: 25px;
    position: relative;
}

.tagsinput .k-autocomplete {
    position: relative;
}

    .tagsinput .k-autocomplete:before {
        color: #369f8f;
        content: "a";
        cursor: pointer;
        font-family: smarttouch;
        font-size: 16px;
        left: 5px;
        position: absolute;
        top: 4px;
        z-index: 2;
    }

.tagsinput.focus .k-autocomplete:before {
    display: none;
}

.tagsinput.focus .k-autocomplete .k-input {
    padding-left: 5px;
}

.tagsinput-add-container {
    display: block;
}

    .tagsinput-add-container .k-autocomplete {
        width: 100% !important;
    }


/* Images Drag and Drop */
.draganddrop-image-uploder .k-upload {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0);
}

    .draganddrop-image-uploder .k-upload .k-dropzone {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .draganddrop-image-uploder .k-upload .k-upload-files {
        width: 500px;
        margin: 50px auto 0;
    }

.k-upload .k-upload-files .file-wrapper input.form-control {
    width: 100px;
    display: inline-block;
}

/* Profile Images uploadcontrol */

.uploadcontrol .k-upload.k-header {
    background-color: #fff;
}

.uploadcontrol .k-upload-files {
    display: none;
}

.uploadcontrol .k-upload-button {
    margin: 0px;
    background-color: #369f8f;
    color: #fff;
    border-color: #369f8f;
}

.k-upload-sync .k-upload-button {
    margin: 0;
}

.k-button {
    border-radius: 8px;
    color: black;
    border: 1px solid #dfdfdf;
}

    .k-button.k-state-focused,
    .k-button:hover,
    .k-button:active,
    .k-button:active:hover {
        color: black;
        background-color: white;
        background-image: none;
        border: 1px solid #dfdfdf;
        box-shadow: none;
    }

#importForm .k-upload-button {
    margin-left: 0px;
    margin-bottom: 20px;
}


/* Date and time picker*/

span.k-datepicker, span.k-timepicker, span.k-datetimepicker, span.k-colorpicker, span.k-numerictextbox, span.k-combobox, span.k-dropdown {
    width: 100%;
}

/* Ckeditor */
table.k-editor,
.k-editor {
    background-color: #ffffff;
    border: 0;
    border-spacing: 0;
}

    .k-editor-toolbar .k-button-group .k-tool,
    .k-editor .k-button-group .k-tool {
        line-height: 22px;
        height: 25px;
        width: 25px;
    }

    .k-editor-toolbar .k-tool.k-state-hover,
    .k-editor .k-tool.k-state-hover {
        background-color: #369f8f;
    }

.k-editor-toolbar span.k-colorpicker {
    width: auto;
}

.k-editortoolbar-dragHandle span {
    margin: 5px 5px 0 0;
}

table.k-editor .k-editable-area {
    padding: 10px;
}

.k-edit-field > .k-checkbox {
    vertical-align: middle;
}

.k-edit-field > label {
    display: inline-block;
}

/* In line Editor */
.k-window-titleless.k-editor-widget {
    z-index: 900 !important;
    width: 775px !important;
}

/*Version*/
.version-specific {
    bottom: 10px;
    font-size: 16px;
    left: 15px;
    position: fixed;
}

a.nav-toggle {
    background: rgba(52,55,60,0.3);
    left: -35px;
    padding: 5px 5px 2px;
    position: fixed;
    top: 50px;
    color: #CCCCCC;
    font-size: 24px;
    z-index: 100;
    -webkit-transition: all 0.50s;
    -moz-transition: all 0.50s;
    -o-transition: all 0.50s;
    transition: all 0.50s;
}

    a.nav-toggle:hover {
        color: #C1C1C2;
        background: rgba(52,55,60,1);
        color: #BDBDBD;
    }

    a.nav-toggle.st-icon-cross {
        background: rgba(52,55,60,1);
        color: #BDBDBD;
    }

    a.nav-toggle.st-icon-menu {
        left: 0 !important;
    }

.left-bar.nav-open {
    left: 0 !important;
}

.left-bar.nav-close {
    left: -82px !important;
}

.main-container.container-open {
    margin-left: 72px;
}

.main-container.container-close {
    margin-left: 0px;
}

.k-button {
    padding: 3px 7px;
}

label {
    margin-bottom: 4px;
}

.form-group.focus .input-group-addon, .navbar-search.focus .input-group-addon {
    color: #fff;
}

.input-group-addon {
    color: #999;
}

/* Loader
---------------------------------------------------------------------------*/
#Loader {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    background-color: rgba(255,255,255,0);
}

    #Loader > img {
        left: 50%;
        margin: -19px 0 0 -19px;
        position: absolute;
        top: 50%;
    }

#dashboard-setting {
    position: fixed;
    right: -250px;
    top: 60px;
    padding: 10px 13px;
    border-bottom-left-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #e5e5e5;
    border-right: 0;
    width: 250px;
    z-index: 999;
    -webkit-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
}

    #dashboard-setting.d-setting-open {
        right: 0;
    }

    #dashboard-setting .btn-dashboard-setting {
        padding: 10px 15px;
        background: #369f8f;
        opacity: 0.8;
        position: absolute;
        z-index: 9999;
        left: -55px;
        top: 0px;
        line-height: 30px;
    }

        #dashboard-setting .btn-dashboard-setting i {
            font-size: 24px;
            color: #ffffff;
        }

        #dashboard-setting .btn-dashboard-setting:hover,
        #dashboard-setting .btn-dashboard-setting:focus {
            color: #999999;
            outline: none;
        }

    #dashboard-setting .content-dashboard-setting ul.color-theme li {
        cursor: pointer;
        width: 35px;
        height: 35px;
        border: 5px solid transparent;
        border-radius: 50% !important;
        margin: 5px;
    }

/* Search Fields
---------------------------------------------------------------------------*/
.k-item.custom-list-first,
.k-item.leadadapter-list-first,
.k-item.defaults-list-first {
    position: relative;
    margin-top: 40px;
}

    .k-item.defaults-list-first:before,
    .k-item.leadadapter-list-first:before,
    .k-item.custom-list-first:before {
        background-color: #fff;
        color: #303030;
        display: block;
        font-family: "OpensansBold",sans-serif !important;
        left: 0;
        padding: 5px 10px;
        position: absolute;
        right: 0;
        top: -40px;
        border-top: 1px solid #d5dbdb;
        border-bottom: 1px solid #d5dbdb;
    }

    .k-item.defaults-list-first:before {
        content: 'Standard Fields';
    }

    .k-item.custom-list-first:before {
        content: 'Custom Fields';
    }

    .k-item.leadadapter-list-first:before {
        content: 'Lead Adapter Fields';
    }


@media(min-width:320px) and (max-width:999px) {

    .modal-lg {
        width: auto;
    }

    .login-pane {
        left: 50%;
        margin: -235px 0 0 -190px;
        overflow: hidden;
        position: absolute;
        top: 50%;
        width: 380px;
    }

    .login-panel {
        background: none repeat scroll 0 0 #FFFFFF;
        box-shadow: 0 3px 10px rgba(127, 127, 127, 0.2);
        overflow: hidden;
        width: 380px;
    }

    .login-panel-left {
        box-shadow: none;
    }

    .login-panel-right {
        display: none;
        float: left;
    }

    .main-container {
        padding: 60px 20px 20px;
    }

    .da-level-one .widget {
        margin-bottom: 20px;
    }

        .da-level-one .widget:last-child {
            margin-bottom: 0;
        }

    .da-level-two .widget {
        margin-bottom: 20px;
    }

        .da-level-two .widget:last-child {
            margin-bottom: 0;
        }

    .da-level-three .col-lg-6.col-md-6 {
        margin-bottom: 20px;
    }

    .da-level-four .col-lg-6.col-md-6 {
        margin-bottom: 20px;
    }

    .dropdown-menu.pull-right {
        right: -16px;
    }

    .advanced-search-inner-visible {
        width: 600px;
    }

    .quick-search-inner-visible {
        width: 568px;
    }

    .dp-topnav-inner {
        width: 400px;
    }

    .top-nav > ul > li.btn-group > a {
        color: #FFFFFF;
        display: table-cell;
        padding: 0 6px;
    }

    #quick-actions > ul > li.btn-group > a {
        color: #FFFFFF;
        display: table-cell;
        padding: 0 6px;
    }

    .tabbable.new-tabs.cdp-tabs {
        margin: 0 -20px;
    }

    .tabbable.tabbable-vertical .form-group {
        width: 100%;
    }

    .grid-phone {
        width: 100%;
    }

    .grid-email {
        width: 100%;
    }

    .grid-prospect {
        width: 100%;
    }

    .grid-address {
        width: 100%;
    }

    .grid-date {
        width: 100%;
    }

    .ct-mainarea {
        margin-right: 0;
    }

    .ct-other-panels {
        display: block;
        margin: 0 0 0 -20px;
        position: relative;
        width: 100%;
    }

    .ct-top-details {
        margin: -20px -20px 2px -20px;
    }

    .contact-detail .user-body .col-md-5 .pull-right {
        float: none !important;
    }

    .ct-mainarea ul.user-counts {
        width: 100%;
        float: none;
    }

        .ct-mainarea ul.user-counts li {
            display: inline-block;
            width: 24%;
            vertical-align: top;
            padding: 0 0.5%;
        }

    .usertags {
        padding-right: 0;
    }

    .web-url-icons {
        text-align: left;
    }

    .daterange {
        display: block;
        margin-left: 0;
        margin-top: 20px;
    }

    .edit-field i.st-icon-edit {
        opacity: 1;
    }


    .select-campaign {
        float: none;
    }

        .select-campaign > label {
            margin-left: 0;
            margin-right: 10px;
        }

    .time-footer > span:first-child {
        width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

    .time-footer .editanddel {
        margin-right: 0;
        width: 50px;
        text-align: right;
        margin-left: 0;
    }

        .time-footer .editanddel a {
            margin-left: 10px;
        }

    /*.campaigns-drapanddrop #tabletview{display:none;}
	.campaigns-drapanddrop #desktopview{width:200px;}
	.campaigns-drapanddrop #mobileview{display:none;}*/

    .campaigns-drapanddrop .campaign-viewbtn {
        display: none;
    }


    .k-grid .at-active,
    .k-grid .at-draft,
    .k-grid .at-paused,
    .k-grid .at-inactive,
    .k-grid .at-schedule,
    .k-grid .at-cancelled {
        width: 65px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .k-grid tr .grid-row-controls {
        text-align: right;
    }

        .k-grid tr .grid-row-controls a {
            opacity: 1;
            visibility: visible;
        }

    .k-scheduler-toolbar .k-nav-current > .k-link span + span {
        max-width: 225px;
    }

    /*.k-grid tr.k-state-selected td.grid-row-controls a,
	.k-grid tr:hover td.grid-row-controls a{margin-right: 10px;opacity: 1;visibility: visible;}*/

    .grid-truncate {
        max-width: 100px;
    }

    .campaigns-template {
        padding: 10px;
    }

    .campaigns-body {
        padding: 5px;
    }

    .campaigns-droparea {
        position: relative;
        margin-right: 221px;
    }

    .campaigns-theme-controls {
        width: 198px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .ct-mainarea ul.user-counts li .status {
        line-height: 20px;
    }

    .campaign-viewbtn a {
        width: 93px;
        padding: 0 5px !important;
    }

    .sub-container .btn-group.campaign-viewbtn > .btn:first-child {
        width: 92px;
    }

    .campaigns-theme-controls.affix {
        top: 135px;
    }

    .stc-dragging-control, .campaigns-theme-controls .drag-controls ul.widgets li {
        border-left: 0 solid #e2e2e2;
    }

    .campaigns-theme-controls.affix .merge-controls-content {
        width: 198px;
        top: 215px;
    }

    .campaigns-theme-controls.affix .drag-controls .drag-controls-content .content-block.active {
        width: 198px;
        top: 215px;
    }

    .campaigns-theme-controls.affix .drag-controls .drag-controls-content #contentimageselements.content-block.active {
        width: 198px;
        top: 215px;
    }

    .campaigns-theme-controls.affix .campaign-viewbtn a {
        padding: 0 5px !important;
    }


    .ControlViews.btn-group > .btn {
        font-size: 12px;
        padding: 0;
    }

        .ControlViews.btn-group > .btn > i {
            display: none;
        }

    .btn-group.drag-control-views > .btn {
        font-size: 11px;
        padding: 0;
    }

    .merge-control-views.btn-group > .btn {
        font-size: 11px;
        padding: 0;
    }

    .campaigns-theme-controls .drag-controls .drag-control-views a {
        width: 66px;
        padding: 2px;
    }

    .btn-group.drag-control-views > .btn:first-child {
        width: 66px;
    }

    .campaigns-theme-controls .drag-controls ul.widgets li {
        width: 100%;
    }

    .campaigns-theme-controls.affix .drag-controls ul.widgets li {
        width: 100%;
    }


    .stc-dragging-control, .campaigns-theme-controls .drag-controls ul.widgets li {
        height: 70px;
    }

        /*.campaigns-theme-controls .drag-controls ul.widgets li:last-child{border-bottom:none;}*/
        .stc-dragging-control a, .campaigns-theme-controls .drag-controls ul.widgets li a {
            padding: 45px 9px 0;
        }

        .stc-dragging-control:hover a, .campaigns-theme-controls .drag-controls ul.widgets li:hover a {
            opacity: 1;
        }

        .stc-dragging-control a.st-campaign-share, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-share {
            background-position: -4px -855px;
        }

        .stc-dragging-control a.st-campaign-social, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-social {
            background-position: -4px -747px;
        }

        .stc-dragging-control a.st-campaign-divider, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-divider {
            background-position: -3px -668px;
        }

        .stc-dragging-control a.st-campaign-button, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-button {
            background-position: 0px 12px;
        }

        .stc-dragging-control a.st-campaign-img-text, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-img-text {
            background-position: 8px -349px;
        }

        .stc-dragging-control a.st-campaign-img-text-left, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-img-text-left {
            background-position: 10px -442px;
        }

        .stc-dragging-control a.st-campaign-img-text-bottom, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-img-text-bottom {
            background-position: 8px -563px;
        }

        .stc-dragging-control a.st-campaign-img, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-img {
            background-position: -4px -260px;
        }

        .stc-dragging-control a.st-campaign-text, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-text {
            background-position: -10px -172px;
        }

        .stc-dragging-control a.st-campaign-title, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-title {
            background-position: -10px -90px;
        }

        .stc-dragging-control a.st-campaign-footer, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-footer {
            background-position: -3px -957px;
        }

        .stc-dragging-control a.st-campaign-addlink, .campaigns-theme-controls .drag-controls ul.widgets li a.st-campaign-addlink {
            background-position: 5px -1060px;
        }



    .content-images .k-grid-content, .content-images .k-grid table tr {
        width: 100%;
        text-align: center;
        vertical-align: middle;
    }

    .content-images .k-grid.k-widget td {
        border: medium none;
        display: inline-block;
        float: none;
        height: auto;
        margin: 5px 10px 5px 13px;
        text-align: left;
        width: 100%;
        position: relative;
        padding: 0;
    }

        .content-images .k-grid.k-widget td .lib-img {
            height: 100px;
            line-height: 100px;
            text-align: center;
            width: 108px;
        }

    .drag-controls-subheading .camp-specify {
        font-size: 15px;
    }

    .campaignssteps-footer {
        padding: 20px 20px 20px 65px;
    }

    .steps ul {
        margin: 0px;
        padding: 0px;
    }

        .steps ul li a {
            background-color: #A3A3A3;
            position: relative;
            width: 135px;
        }

        .steps ul li.active a.btn:before {
            border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #EAEAEA;
            border-style: solid;
            display: block;
            height: 0;
            position: absolute;
            width: 0;
            left: 137px;
            top: 0px;
            z-index: 1;
        }

        .steps ul li.active a.btn:after {
            border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #429AD1;
            border-style: solid;
            display: block;
            height: 0;
            position: absolute;
            width: 0;
            left: 133px;
            top: 0px;
            z-index: 1;
        }

        .steps ul li.completed a.btn:before {
            border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #EAEAEA;
            border-style: solid;
            display: block;
            height: 0;
            position: absolute;
            width: 0;
            left: 137px;
            top: 0px;
            z-index: 1;
        }

        .steps ul li.completed a.btn:after {
            border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #369f8f;
            border-style: solid;
            display: block;
            height: 0;
            position: absolute;
            width: 0;
            left: 133px;
            top: 0px;
            z-index: 1;
        }

        .steps ul li a.btn:before {
            border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #EAEAEA;
            border-style: solid;
            display: block;
            height: 0;
            position: absolute;
            width: 0;
            left: 137px;
            top: 0px;
            z-index: 1;
        }

        .steps ul li a.btn:after {
            border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #A3A3A3;
            border-style: solid;
            display: block;
            height: 0;
            position: absolute;
            width: 0;
            left: 133px;
            top: 0px;
            z-index: 1;
        }


    .legend {
        font-size: 15px;
    }

    .campaigns-theme-controls .dash-part1 .legend .input-block {
        width: 85px;
    }

    .form-body .form-design {
        width: 300px;
    }

    .form-horizontal-large .form-group.xxlarge.grid {
        width: 100%;
    }

    .form-horizontal-large .form-group.xlarge {
        width: 600px;
    }



    .showing-items .select.select-block {
        width: 146px;
    }

    .k-grid-toolbar .right-part {
        float: right;
        width: 590px !important;
    }

        .k-grid-toolbar .right-part .grid-search {
            display: inline-block;
            width: 175px !important;
        }

        .k-grid-toolbar .right-part .grid-controls .sort-select {
            display: inline-block;
            text-align: left;
            width: 140px !important;
        }

            .k-grid-toolbar .right-part .grid-controls .sort-select .k-dropdown {
                width: 140px !important;
            }

    .relationship-custom-caro .jcarousel-skin-tango .jcarousel-container-vertical {
        height: 150px;
    }

    .ct-mainarea .address li {
        font-size: 13px;
    }

    .ct-mainarea ul.user-counts li .label {
        font-size: 16px;
    }
    /*ul.engagement-st li.eng-opt{width: 275px;}*/
    .timeline .time-line-right .element .tl-recordupdates, .timeline .time-line-right .element .tl-profileimage {
        margin: 0 15px 0 44px;
    }

    .timeline .time-line-left .element .tl-recordupdates, .timeline .time-line-left .element .tl-profileimage {
        margin: 0 45px 0 15px;
    }

    .k-grid-header .k-header {
        color: #757676;
        font-family: 'OpensansBold';
        font-size: 13px !important;
        border-width: 0px;
        padding: 0px 5px;
        border-bottom: 1px solid #dbe0e4;
    }

    .top-nav ul > li:nth-child(5) .moreinner {
        right: 0;
        left: auto;
    }

    #quick-actions ul > li:nth-child(5) .moreinner {
        right: 0;
        left: auto;
    }

    .top-nav ul > li:nth-child(4) .dp-topnav-inner {
        right: auto;
        left: -150px;
    }

    #quick-actions ul > li:nth-child(4) .dp-topnav-inner {
        right: auto;
        left: -150px;
    }

    .top-nav ul > li:nth-child(5) .dp-topnav-inner {
        right: -150px;
        left: auto;
    }

    #quick-actions ul > li:nth-child(5) .dp-topnav-inner {
        right: -150px;
        left: auto;
    }

    .top-nav ul > li:nth-child(6) .dp-topnav-inner {
        right: -100px;
        left: auto;
    }

    #quick-actions ul > li:nth-child(6) .dp-topnav-inner {
        right: -100px;
        left: auto;
    }


    .filter-group .form-group.medium {
        width: 125px;
    }

    .form-inline .form-group .form-control {
        width: 200px;
    }

    .setting-st {
        width: 486px;
    }

    #tabletview {
        display: none;
    }

    .campaign-viewbtn #desktopview {
        width: 139px;
    }

    .campaign-viewbtn #mobileview {
        width: 138px;
    }
    /*.left-bar{z-index:1006;}*/

    .k-window-titleless.k-editor-widget {
        width: 444px !important;
    }

    .k-widget.k-grid {
        overflow-x: auto;
        width: 100%;
    }

    .grid-email a {
        width: 350px;
    }
}

@media(max-width:480px) {
    .login-pane {
        margin: -235px 0 0 -140px;
        width: 280px;
    }

    .login-panel {
        width: 280px;
    }

    .login-panel-left {
        width: 280px;
    }

        .login-panel-left .controls {
            padding: 0 10px;
        }
}

@media(min-width:1000px) and (max-width:1050px) {

    .dash-nodata {
        background-size: auto 300px;
    }

        .dash-nodata.new-contacts {
            height: 180px;
            padding-top: 130px;
            background-position: 5px 75px;
        }

        .dash-nodata.tours {
            height: 180px;
            padding-top: 130px;
            background-position: -377px 75px;
        }

        .dash-nodata.tour-types {
            height: 180px;
            padding-top: 130px;
            background-position: -754px 75px;
        }

        .dash-nodata.lead-source {
            height: 220px;
            padding-top: 90px;
            background-position: -32px -98px;
        }

        .dash-nodata.new-tour-souce {
            height: 220px;
            padding-top: 90px;
            background-position: -413px -98px;
        }

        .dash-nodata.pipeline {
            height: 220px;
            padding-top: 90px;
            background-position: -799px -98px;
        }

    #tabletview {
        display: none;
    }

    #desktopview {
        width: 90px;
    }

    #mobileview {
        width: 90px;
    }

    .k-grid tr .grid-row-controls {
        text-align: right;
    }

        .k-grid tr .grid-row-controls a {
            opacity: 1;
            visibility: visible;
        }

    /*.k-grid tr.k-state-selected td.grid-row-controls a,
	.k-grid tr:hover td.grid-row-controls a{margin-right: 10px;opacity: 1;visibility: visible;}*/

    .top-nav ul > li:nth-child(5) .moreinner {
        right: auto;
        left: 0;
    }

    .top-nav ul > li:nth-child(5) .dp-topnav-inner {
        right: -150px;
        left: auto;
    }

    .top-nav ul > li:nth-child(6) .dp-topnav-inner {
        right: -100px;
        left: auto;
    }

    #quick-actions ul > li:nth-child(5) .moreinner {
        right: auto;
        left: 0;
    }

    #quick-actions ul > li:nth-child(5) .dp-topnav-inner {
        right: -150px;
        left: auto;
    }

    #quick-actions ul > li:nth-child(6) .dp-topnav-inner {
        right: -100px;
        left: auto;
    }
}

@media(min-width:1000px) and (max-width:1155px) {

    .dash-nodata, .dash-nodata:before {
        background-size: auto 300px;
    }

        .dash-nodata.new-contacts {
            height: 180px;
            padding-top: 130px;
            background-position: 5px 75px;
        }

        .dash-nodata.tours {
            height: 180px;
            padding-top: 130px;
            background-position: -377px 75px;
        }

        .dash-nodata.tour-types {
            height: 180px;
            padding-top: 130px;
            background-position: -754px 75px;
        }

        .dash-nodata.lead-source {
            height: 220px;
            padding-top: 90px;
            background-position: -10px -98px;
        }

            .dash-nodata.lead-source:before {
                width: 260px;
                background-position: -20px -98px;
            }

        .dash-nodata.new-tour-souce {
            height: 220px;
            padding-top: 90px;
        }

            .dash-nodata.new-tour-souce:before {
                width: 260px;
                background-position: -400px -98px;
            }

        .dash-nodata.pipeline {
            height: 220px;
            padding-top: 90px;
        }

            .dash-nodata.pipeline:before {
                width: 320px;
                background-position: -754px -98px;
            }

    .da-level-two .widget .da-lead-source {
        height: 300px;
    }

    .da-level-two .widget .da-traffic-source {
        height: 300px;
    }

    .da-level-two .widget .da-lifecycle-pipeline {
        height: 300px;
    }

    .da-level-two .widget .bg-chart {
        height: 220px;
    }

    .filter-group .form-group.medium {
        width: 175px;
    }

    .campaigns-template {
        padding: 5px;
    }

    .form-horizontal-large .form-group.xxlarge {
        display: inline-block;
        margin-right: 20px;
        vertical-align: top;
        width: 509px;
    }

        .form-horizontal-large .form-group.xxlarge.grid {
            display: inline-block;
            margin-right: 20px;
            vertical-align: top;
            width: 100%;
        }

    .ct-mainarea ul.user-counts {
        text-align: center;
        width: 135px;
    }

        .ct-mainarea ul.user-counts li {
            padding: 0;
            border-right: none;
            border-bottom: 1px solid #F7F7F7;
            display: block;
        }

    .ct-top-details {
        margin: -20px 16px 2px -20px;
    }

    .tabbable.new-tabs.cdp-tabs {
        margin: 0 16px 0 -20px;
    }

    .ct-other-panels {
        background-color: #F6F6F6;
        padding: 24px 36px 25px 25px;
        position: absolute;
        right: -20px;
        top: 0px;
        width: 341px;
    }

    .ct-mainarea {
        position: relative;
    }

    .opportunity-des p {
        width: 210px;
    }
    /*ul.engagement-st li{margin-right:5px;width:135px;}*/
    ul.engagement-st li .st-leadtext {
        font-size: 13px;
    }

    .ct-other-panels .panel .panel-heading .eng-dropdown {
        width: 125px;
    }

    .top-nav .action-res {
        left: 0 !important;
    }

    .top-nav .dp-topnav-inner.action-add {
        left: 0;
    }

    #quick-actions .action-res {
        left: 0 !important;
    }

    #quick-actions .dp-topnav-inner.action-add {
        left: 0;
    }
    /*.top-nav #divMails.dp-topnav-inner{right:0;left: auto;}
	.top-nav #divText.dp-topnav-inner{right:0;left: auto;}*/

    .daterange {
        display: block;
        margin-left: 0;
        margin-top: 20px;
    }

    .campaigns-droparea {
        position: relative;
        margin-right: 301px;
    }

    .campaigns-theme-controls {
        width: 278px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .ct-mainarea ul.user-counts li .status {
        line-height: 20px;
    }

    .campaign-viewbtn a {
        width: 93px;
        padding: 0 5px !important;
    }

    .sub-container .btn-group.campaign-viewbtn > .btn:first-child {
        width: 92px;
    }

    .campaigns-theme-controls.affix .merge-controls-content {
        width: 278px;
    }

    .campaigns-theme-controls.affix .drag-controls .drag-controls-content .content-block.active {
        width: 278px;
    }

    .campaigns-theme-controls.affix .drag-controls .drag-controls-content #contentimageselements.content-block.active {
        width: 278px;
    }

    .campaigns-theme-controls.affix .campaign-viewbtn a {
        padding: 0 5px !important;
    }

    .campaigns-theme-controls .drag-controls .drag-control-views a {
        width: 93px;
    }

    .btn-group.drag-control-views > .btn:first-child {
        width: 92px;
    }


    .content-images .k-grid-content, .content-images .k-grid table tr {
        width: 49%;
        text-align: center;
        vertical-align: middle;
    }

    .content-images .k-grid.k-widget td {
        border: medium none;
        display: inline-block;
        float: none;
        height: auto;
        margin: 5px 10px 5px 13px;
        text-align: left;
        width: 109px;
        position: relative;
        padding: 0;
    }

        .content-images .k-grid.k-widget td .lib-img {
            height: 100px;
            line-height: 100px;
            text-align: center;
            width: 108px;
        }

    .campaignssteps-footer {
        padding: 20px 20px 20px 65px;
    }

    .steps ul {
        margin: 0px;
        padding: 0px;
    }

        .steps ul li a {
            background-color: #A3A3A3;
            position: relative;
            width: 135px;
        }

        .steps ul li.active a.btn:before {
            border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #EAEAEA;
            border-style: solid;
            display: block;
            height: 0;
            position: absolute;
            width: 0;
            left: 137px;
            top: 0px;
            z-index: 1;
        }

        .steps ul li.active a.btn:after {
            border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #429AD1;
            border-style: solid;
            display: block;
            height: 0;
            position: absolute;
            width: 0;
            left: 133px;
            top: 0px;
            z-index: 1;
        }

        .steps ul li.completed a.btn:before {
            border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #EAEAEA;
            border-style: solid;
            display: block;
            height: 0;
            position: absolute;
            width: 0;
            left: 137px;
            top: 0px;
            z-index: 1;
        }

        .steps ul li.completed a.btn:after {
            border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #369f8f;
            border-style: solid;
            display: block;
            height: 0;
            position: absolute;
            width: 0;
            left: 133px;
            top: 0px;
            z-index: 1;
        }

        .steps ul li a.btn:before {
            border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #EAEAEA;
            border-style: solid;
            display: block;
            height: 0;
            position: absolute;
            width: 0;
            left: 137px;
            top: 0px;
            z-index: 1;
        }

        .steps ul li a.btn:after {
            border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #A3A3A3;
            border-style: solid;
            display: block;
            height: 0;
            position: absolute;
            width: 0;
            left: 133px;
            top: 0px;
            z-index: 1;
        }

    .legend {
        font-size: 15px;
    }

    .campaigns-theme-controls .dash-part1 .legend .input-block {
        width: 85px;
    }

    .showing-items .select.select-block {
        width: 146px;
    }

    .k-grid-toolbar .right-part {
        float: right;
        width: 710px !important;
    }

        .k-grid-toolbar .right-part .grid-search {
            display: inline-block;
            width: 225px !important;
        }

        .k-grid-toolbar .right-part .grid-controls .sort-select {
            display: inline-block;
            text-align: left;
            width: 160px !important;
        }

            .k-grid-toolbar .right-part .grid-controls .sort-select .k-dropdown {
                width: 160px !important;
            }

    .grid-truncate {
        max-width: 100px;
    }

    .actions-custom-caro .jcarousel-skin-tango .jcarousel-clip-vertical {
        height: 375px;
    }

    .actions-custom-caro .jcarousel-skin-tango .jcarousel-container-vertical {
        height: 380px;
    }

    .tours-custom-caro .jcarousel-skin-tango .jcarousel-clip-vertical {
        height: 375px;
    }

    .tours-custom-caro .jcarousel-skin-tango .jcarousel-container-vertical {
        height: 380px;
    }

    .relationship-custom-caro .jcarousel-skin-tango .jcarousel-container-vertical {
        height: 150px;
    }

    .opportunity-list ul li .opportunity-content {
        width: 150px;
    }

    .opportunity-list ul li .opportunity-potential {
        width: 90px;
    }

    .ct-mainarea .address li {
        font-size: 13px;
    }

    .ct-mainarea ul.user-counts li .label {
        font-size: 16px;
    }

    .timeline .time-line-right .element .tl-recordupdates, .timeline .time-line-right .element .tl-profileimage {
        margin: 0 15px 0 44px;
    }

    .timeline .time-line-left .element .tl-recordupdates, .timeline .time-line-left .element .tl-profileimage {
        margin: 0 45px 0 15px;
    }


    .k-grid-header .k-header {
        color: #757676;
        font-family: 'OpensansBold';
        font-size: 13px !important;
        border-width: 0px;
        padding: 0px 5px;
        border-bottom: 1px solid #dbe0e4;
    }

    .k-window-titleless.k-editor-widget {
        width: 444px !important;
    }

    .inner-report .widget .bg-chart.k-chart {
        height: 245px;
    }

    .inner-report .widget .da-lead-source .bg-chart.k-chart,
    .inner-report .widget .da-life-cycle .bg-chart.k-chart,
    .inner-report .widget .da-traffic-source .bg-chart.k-chart,
    .inner-report .widget .da-lifecycle-pipeline .bg-chart.k-chart {
        height: 200px;
    }
}

@media(min-width:1156px) and (max-width:1260px) {

    .daterange {
        display: block;
        margin-left: 0;
        margin-top: 20px;
    }

    .campaigns-template {
        padding: 20px;
    }

    .form-horizontal-large .form-group.xxlarge {
        display: inline-block;
        margin-right: 20px;
        vertical-align: top;
        width: 509px;
    }

    .ct-mainarea ul.user-counts {
        text-align: center;
    }

        .ct-mainarea ul.user-counts li {
            padding: 10px 8px;
            border-right: none;
            border-bottom: 1px solid #F7F7F7;
            display: block;
        }

    .ct-top-details {
        margin: -20px 16px 2px -20px;
    }

    .tabbable.new-tabs.cdp-tabs {
        margin: 0 16px 0 -20px;
    }

    .ct-other-panels {
        background-color: #F6F6F6;
        padding: 24px 36px 25px 25px;
        position: absolute;
        right: -20px;
        top: 0px;
        width: 341px;
    }

    .ct-mainarea {
        position: relative;
    }

    .campaigns-droparea {
        position: relative;
        margin-right: 301px;
    }

    .campaigns-theme-controls {
        width: 278px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .campaign-viewbtn a {
        width: 93px;
        padding: 0 5px !important;
    }

    .sub-container .btn-group.campaign-viewbtn > .btn:first-child {
        width: 92px;
    }

    .campaigns-theme-controls.affix .merge-controls-content {
        width: 278px;
    }

    .campaigns-theme-controls.affix .drag-controls .drag-controls-content .content-block.active {
        width: 278px;
    }

    .campaigns-theme-controls.affix .drag-controls .drag-controls-content #contentimageselements.content-block.active {
        width: 278px;
    }

    .campaigns-theme-controls.affix .campaign-viewbtn a {
        padding: 0 5px !important;
    }

    .campaigns-theme-controls .drag-controls .drag-control-views a {
        width: 93px;
    }

    .btn-group.drag-control-views > .btn:first-child {
        width: 92px;
    }

    .content-images .k-grid-content, .content-images .k-grid table tr {
        width: 49%;
        text-align: center;
        vertical-align: middle;
    }

    .content-images .k-grid.k-widget td {
        border: medium none;
        display: inline-block;
        float: none;
        height: auto;
        margin: 5px 10px 5px 13px;
        text-align: left;
        width: 109px;
        position: relative;
        padding: 0;
    }

        .content-images .k-grid.k-widget td .lib-img {
            height: 100px;
            line-height: 100px;
            text-align: center;
            width: 108px;
        }

    .showing-items .select.select-block {
        width: 146px;
    }

    .k-grid-toolbar .right-part {
        float: right;
        width: 800px !important;
    }

        .k-grid-toolbar .right-part .grid-search {
            display: inline-block;
            width: 225px !important;
        }

    .grid-truncate {
        max-width: 400px;
    }

    .actions-custom-caro .jcarousel-skin-tango .jcarousel-clip-vertical {
        height: 375px;
    }

    .actions-custom-caro .jcarousel-skin-tango .jcarousel-container-vertical {
        height: 380px;
    }

    .tours-custom-caro .jcarousel-skin-tango .jcarousel-clip-vertical {
        height: 375px;
    }

    .tours-custom-caro .jcarousel-skin-tango .jcarousel-container-vertical {
        height: 380px;
    }

    .contracts-custom-caro .jcarousel-skin-tango .jcarousel-clip-vertical {
        height: 375px;
    }

    .contracts-custom-caro .jcarousel-skin-tango .jcarousel-container-vertical {
        height: 380px;
    }

    .relationship-custom-caro .jcarousel-skin-tango .jcarousel-container-vertical {
        height: 150px;
    }

    .opportunity-list ul li .opportunity-content {
        width: 150px;
    }

    .opportunity-list ul li .opportunity-potential {
        width: 90px;
    }

    .list-relationship .relation-contact {
        width: 190px;
    }

    .top-nav > ul > li.btn-group > a {
        color: #FFFFFF;
        display: table-cell;
        padding: 0 14px;
    }

    #quick-actions > ul > li.btn-group > a {
        color: #FFFFFF;
        display: table-cell;
        padding: 0 14px;
    }

    .k-window-titleless.k-editor-widget {
        width: 444px !important;
    }

    .inner-report .widget .bg-chart.k-chart {
        height: 245px;
    }

    .inner-report .widget .da-lead-source .bg-chart.k-chart,
    .inner-report .widget .da-life-cycle .bg-chart.k-chart,
    .inner-report .widget .da-traffic-source .bg-chart.k-chart,
    .inner-report .widget .da-lifecycle-pipeline .bg-chart.k-chart {
        height: 200px;
    }
}

@media(min-width:1261px) and (max-width:1345px) {

    .dash-nodata, .dash-nodata:before {
        background-size: auto 340px;
    }

        .dash-nodata.new-contacts {
            height: 180px;
            padding-top: 130px;
            background-position: 16px 65px;
        }

        .dash-nodata.tours {
            height: 180px;
            padding-top: 130px;
            background-position: -426px 65px;
        }

        .dash-nodata.tour-types {
            height: 180px;
            padding-top: 130px;
            background-position: -856px 65px;
        }

        .dash-nodata.lead-source {
            height: 220px;
            padding-top: 90px;
        }

            .dash-nodata.lead-source:before {
                background-position: -20px -118px;
                width: 300px;
            }

        .dash-nodata.new-tour-souce {
            height: 220px;
            padding-top: 90px;
        }

            .dash-nodata.new-tour-souce:before {
                background-position: -452px -118px;
                width: 300px;
            }

        .dash-nodata.pipeline {
            height: 220px;
            padding-top: 90px;
        }

            .dash-nodata.pipeline:before {
                background-position: -838px -118px;
                width: 400px;
            }


    .da-level-two .widget .da-lead-source {
        height: 300px;
    }

    .da-level-two .widget .da-traffic-source {
        height: 300px;
    }

    .da-level-two .widget .da-lifecycle-pipeline {
        height: 300px;
    }

    .da-level-two .widget .bg-chart {
        height: 220px;
    }

    /*.ct-mainarea ul.user-counts li{padding:10px 2px;}*/
    .daterange {
        display: block;
        margin-left: 0;
        margin-top: 20px;
    }

    .campaigns-template {
        padding: 20px;
    }

    .campaigns-droparea {
        position: relative;
        margin-right: 301px;
    }

    .campaigns-theme-controls {
        width: 278px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .ct-mainarea ul.user-counts li .status {
        line-height: 20px;
    }

    .campaign-viewbtn a {
        width: 93px;
        padding: 0 5px !important;
    }

    .sub-container .btn-group.campaign-viewbtn > .btn:first-child {
        width: 92px;
    }

    /*.top-nav #divMails.dp-topnav-inner{right:0;left: auto;}
	.top-nav #divText.dp-topnav-inner{right:0;left: auto;}*/
    .campaigns-theme-controls.affix .merge-controls-content {
        width: 278px;
    }

    .campaigns-theme-controls.affix .drag-controls .drag-controls-content .content-block.active {
        width: 278px;
    }

    .campaigns-theme-controls.affix .drag-controls .drag-controls-content #contentimageselements.content-block.active {
        width: 278px;
    }

    .campaigns-theme-controls.affix .campaign-viewbtn a {
        padding: 0 5px !important;
    }

    .campaigns-theme-controls .drag-controls .drag-control-views a {
        width: 93px;
    }

    .btn-group.drag-control-views > .btn:first-child {
        width: 92px;
    }

    .grid-truncate {
        max-width: 400px;
    }

    .content-images .k-grid-content, .content-images .k-grid table tr {
        width: 49%;
        text-align: center;
        vertical-align: middle;
    }

    .content-images .k-grid.k-widget td {
        border: medium none;
        display: inline-block;
        float: none;
        height: auto;
        margin: 5px 10px 5px 13px;
        text-align: left;
        width: 109px;
        position: relative;
        padding: 0;
    }

        .content-images .k-grid.k-widget td .lib-img {
            height: 100px;
            line-height: 100px;
            text-align: center;
            width: 108px;
        }

    .top-nav > ul > li.btn-group > a {
        padding: 0 18px;
    }

    #quick-actions > ul > li.btn-group > a {
        padding: 0 18px;
    }

    .k-window-titleless.k-editor-widget {
        width: 444px !important;
    }

    .inner-report .widget .bg-chart.k-chart {
        height: 245px;
    }

    .inner-report .widget .da-lead-source .bg-chart.k-chart,
    .inner-report .widget .da-life-cycle .bg-chart.k-chart,
    .inner-report .widget .da-traffic-source .bg-chart.k-chart,
    .inner-report .widget .da-lifecycle-pipeline .bg-chart.k-chart {
        height: 200px;
    }
}

@media(min-width:1346px) and (max-width:1439px) {

    .dash-nodata, .dash-nodata:before {
        background-size: auto 386px;
    }

        .dash-nodata.new-contacts {
            height: 180px;
            padding-top: 90px;
            background-position: 8px 50px;
        }

        .dash-nodata.tours {
            height: 180px;
            padding-top: 90px;
            background-position: -488px 50px;
        }

        .dash-nodata.tour-types {
            height: 180px;
            padding-top: 90px;
            background-position: -982px 50px;
        }

        .dash-nodata.lead-source {
            height: 220px;
            padding-top: 120px;
        }

            .dash-nodata.lead-source:before {
                background-position: -40px -130px;
                width: 300px;
            }

        .dash-nodata.new-tour-souce {
            height: 220px;
            padding-top: 120px;
        }

            .dash-nodata.new-tour-souce:before {
                background-position: -535px -130px;
                width: 300px;
            }

        .dash-nodata.pipeline {
            height: 220px;
            padding-top: 120px;
        }

            .dash-nodata.pipeline:before {
                background-position: -980px -130px;
                width: 400px;
            }

    .da-level-two .widget .da-lead-source {
        height: 300px;
    }

    .da-level-two .widget .da-traffic-source {
        height: 300px;
    }

    .da-level-two .widget .da-lifecycle-pipeline {
        height: 300px;
    }

    .da-level-two .widget .bg-chart {
        height: 220px;
    }

    .ct-mainarea ul.user-counts li {
        padding: 10px 8px;
    }

    .remove-top {
        top: 30px !important;
        width: 700px;
        padding: 10px;
    }

    .daterange {
        display: block;
        margin-left: 0;
        margin-top: 20px;
    }

    .campaigns-template {
        padding: 20px;
    }

    .campaigns-droparea {
        position: relative;
        margin-right: 360px;
    }

    .campaigns-theme-controls {
        width: 360px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .ct-mainarea ul.user-counts li .status {
        line-height: 20px;
    }

    .campaign-viewbtn a {
        width: 86px;
        padding: 0 5px !important;
    }

    .sub-container .btn-group.campaign-viewbtn > .btn:first-child {
        width: 86px;
    }

    /*.top-nav #divMails.dp-topnav-inner{right:0;left: auto;}
	.top-nav #divText.dp-topnav-inner{right:0;left: auto;}*/

    .grid-truncate {
        max-width: 400px;
    }

    .campaigns-theme-controls.affix .merge-controls-content {
        width: 360px;
    }

    .campaigns-theme-controls.affix .drag-controls .drag-controls-content .content-block.active {
        width: 360px;
    }

    .campaigns-theme-controls.affix .drag-controls .drag-controls-content #contentimageselements.content-block.active {
        width: 360px;
    }

    .campaigns-theme-controls.affix .campaign-viewbtn a {
        padding: 0 5px !important;
    }

    .campaigns-theme-controls .lib-images li {
        width: 110px;
    }

    .campaigns-theme-controls.affix .content-block .lib-images li {
        width: 110px;
    }

    .campaigns-theme-controls .drag-controls .drag-control-views a {
        width: 86px;
    }

    .btn-group.drag-control-views > .btn:first-child {
        width: 86px;
    }

    .content-images .k-grid-content, .content-images .k-grid table tr {
        width: 49%;
        text-align: center;
        vertical-align: middle;
    }

    .content-images .k-grid.k-widget td {
        border: medium none;
        display: inline-block;
        float: none;
        height: auto;
        margin: 5px 10px 5px 13px;
        text-align: left;
        width: 99px;
        position: relative;
        padding: 0;
    }

        .content-images .k-grid.k-widget td .lib-img {
            height: 100px;
            line-height: 100px;
            text-align: center;
            width: 98px;
        }
}

@media(min-width:1440px) and (max-width:1600px) {

    .dash-nodata, .dash-nodata:before {
        background-size: auto 450px;
    }

        .dash-nodata.new-contacts {
            height: 180px;
            padding-top: 90px;
            background-position: 8px 32px;
        }

        .dash-nodata.tours {
            height: 180px;
            padding-top: 90px;
            background-position: -569px 32px;
        }

        .dash-nodata.tour-types {
            height: 180px;
            padding-top: 90px;
            background-position: -1136px 32px;
        }

        .dash-nodata.lead-source {
            height: 340px;
            padding-top: 150px;
        }

            .dash-nodata.lead-source:before {
                background-position: -20px -150px;
                width: 400px;
            }

        .dash-nodata.new-tour-souce {
            height: 340px;
            padding-top: 150px;
        }

            .dash-nodata.new-tour-souce:before {
                background-position: -590px -150px;
                width: 400px;
            }

        .dash-nodata.pipeline {
            height: 340px;
            padding-top: 150px;
        }

            .dash-nodata.pipeline:before {
                background-position: -1120px -150px;
                width: 500px;
            }


    .da-level-two .widget .da-lead-source {
        height: 340px;
    }

    .da-level-two .widget .da-traffic-source {
        height: 340px;
    }

    .da-level-two .widget .da-lifecycle-pipeline {
        height: 340px;
    }

    .da-level-two .widget .bg-chart {
        height: 260px;
    }

    .ct-mainarea ul.user-counts li {
        padding: 10px 13px;
    }

    .campaigns-template {
        padding: 60px 20px;
    }

    .campaigns-droparea {
        position: relative;
        margin-right: 301px;
    }

    .campaigns-theme-controls {
        width: 278px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .ct-mainarea ul.user-counts li .status {
        line-height: 20px;
    }

    .campaign-viewbtn a {
        width: 93px;
        padding: 0 5px !important;
    }

    .sub-container .btn-group.campaign-viewbtn > .btn:first-child {
        width: 92px;
    }

    /*.top-nav #divMails.dp-topnav-inner{right:0;left: auto;}
	.top-nav #divText.dp-topnav-inner{right:0;left: auto;}*/
    .campaigns-theme-controls.affix .merge-controls-content {
        width: 278px;
    }

    .campaigns-theme-controls.affix .drag-controls .drag-controls-content .content-block.active {
        width: 278px;
    }

    .campaigns-theme-controls.affix .drag-controls .drag-controls-content #contentimageselements.content-block.active {
        width: 278px;
    }

    .campaigns-theme-controls.affix .campaign-viewbtn a {
        padding: 0 5px !important;
    }

    .campaigns-theme-controls .drag-controls .drag-control-views a {
        width: 93px;
    }

    .btn-group.drag-control-views > .btn:first-child {
        width: 92px;
    }

    .content-images .k-grid-content, .content-images .k-grid table tr {
        width: 49%;
        text-align: center;
        vertical-align: middle;
    }

    .content-images .k-grid.k-widget td {
        border: medium none;
        display: inline-block;
        float: none;
        height: auto;
        margin: 5px 10px 5px 13px;
        text-align: left;
        width: 109px;
        position: relative;
        padding: 0;
    }

        .content-images .k-grid.k-widget td .lib-img {
            height: 100px;
            line-height: 100px;
            text-align: center;
            width: 108px;
        }
}

@media(min-width:1440px) {
    #customfields .tabbable-vertical .form-horizontal .form-group {
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }
}

/* Attachments */

#cd-attachments {
    position: relative;
    padding: 0;
    margin-top: 2em;
    margin-bottom: 2em;
}

    #cd-attachments::before { /* this is the vertical line */
        content: '';
        position: absolute;
        top: 0;
        left: 18px;
        height: 100%;
        width: 1px;
        background: #d7e4ed;
    }

.cd-attachments-block {
    position: relative;
    margin: 2em 0;
}

    .cd-attachments-block:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-attachments-block:first-child {
        margin-top: 0;
    }

    .cd-attachments-block:last-child {
        margin-bottom: 0;
    }

.cd-attachments-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #ffffff;
    line-height: 32px;
    text-align: center;
}

    .cd-attachments-img i {
        display: block;
        font-size: 22px;
    }

    .cd-attachments-img.cd-image { /*box-shadow: 0 0 0 4px #939feb, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);*/
        color: #939feb;
    }

    .cd-attachments-img.cd-pdf { /*box-shadow: 0 0 0 4px #ee86ad, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);*/
        color: #ee86ad;
    }

    .cd-attachments-img.cd-word { /*box-shadow: 0 0 0 4px #c7d576, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);*/
        color: #c7d576;
    }

    .cd-attachments-img.cd-excel { /*box-shadow: 0 0 0 4px #c78ae4, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);*/
        color: #c78ae4;
    }

    .cd-attachments-img.cd-csv { /*box-shadow: 0 0 0 4px #9de0e1, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);*/
        color: #9de0e1;
    }

    .cd-attachments-img.cd-txt { /*box-shadow: 0 0 0 4px #c03b44, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);*/
        color: #c03b44;
    }

    .cd-attachments-img.cd-rtf { /*box-shadow: 0 0 0 4px #e3b385, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);*/
        color: #e3b385;
    }

    .cd-attachments-img.cd-otherdoc { /*box-shadow: 0 0 0 4px #369f8f, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);*/
        color: #369f8f;
    }

.cd-attachments-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 0.25em;
    padding: 1em;
    box-shadow: 0 0 5px #d7e4ed;
    border: 1px solid #eeeeee;
}

    .cd-attachments-content:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-attachments-content h2 {
        color: #449ee4;
        font-family: 'OpensansBold';
        font-size: 14px;
        text-transform: uppercase;
    }

    .cd-attachments-content .cd-date {
        display: inline-block;
    }

    .cd-attachments-content p {
        padding: 15px 0;
        border-bottom: 1px solid #f2f2f2;
        color: #7b7b7b;
    }

    .cd-attachments-content .cd-date {
        line-height: 30px;
    }

    .cd-attachments-content .cd-controls {
        float: right;
        line-height: 30px;
    }

    .cd-attachments-content::before {
        content: '';
        position: absolute;
        top: 4px;
        right: 100%;
        height: 0;
        width: 0;
        border: 12px solid transparent;
        border-right: 12px solid #eeeeee;
    }

    .cd-attachments-content::after {
        content: '';
        position: absolute;
        top: 4px;
        left: -21px;
        height: 0;
        width: 0;
        border: 12px solid transparent;
        border-right: 12px solid #fff;
    }

.cssanimations .cd-attachments-img.is-hidden {
    visibility: hidden;
}

.cssanimations .cd-attachments-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
}

.cssanimations .cd-attachments-content.is-hidden {
    visibility: hidden;
}

.cssanimations .cd-attachments-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
}

/*Time Line*/
.cd-timeline {
    position: relative;
    padding: 0;
    margin-top: 2em;
    margin-bottom: 2em;
    display: table;
    width: 100%;
}

    .cd-timeline::before { /* this is the vertical line */
        content: '';
        position: absolute;
        top: 0;
        left: 18px;
        height: 100%;
        width: 1px;
        background: #d7e4ed;
    }

.timelinedata {
    margin-top: 20px;
}

.cd-timeline-year {
    height: 80px;
    width: 80px;
    margin: -10px 0 0 -10px;
    position: relative;
    text-align: center;
}

    .cd-timeline-year a {
        background-color: #369f8f;
        color: #fff;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        padding: 15px 0;
        margin: 0 auto;
        left: 50%;
        display: block;
    }

        .cd-timeline-year a > span:first-child {
            font-family: OpensansBold;
            font-size: 16px;
        }

        .cd-timeline-year a > span {
            display: block;
            font-size: 12px;
        }

.cd-timeline-month {
    text-align: left;
    margin-top: 30px;
}

    .cd-timeline-month a {
        background-color: #369f8f;
        color: #fff;
        font-family: 'Opensansbold', sans-serif;
        padding: 5px 10px;
        z-index: 1;
        position: relative;
        border-radius: 3px;
    }

.cd-timeline-block {
    position: relative;
    margin: 2em 0;
}

    .cd-timeline-block:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-timeline-block:last-child {
        margin-bottom: 0;
    }

.cd-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #ffffff;
    line-height: 32px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .cd-timeline-img i {
        display: block;
        font-size: 16px;
    }

    .cd-timeline-img.cd-notes {
        box-shadow: 0 0 0 4px #c03b44, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
        color: #c03b44;
    }

    .cd-timeline-img.cd-tours {
        box-shadow: 0 0 0 4px #9de0e1, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
        color: #9de0e1;
    }

    .cd-timeline-img.cd-actions {
        box-shadow: 0 0 0 4px #c78ae4, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
        color: #c78ae4;
    }

    .cd-timeline-img.cd-contact {
        box-shadow: 0 0 0 4px #1BA0E1, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
        color: #1BA0E1;
    }

    .cd-timeline-img.cd-relationship {
        box-shadow: 0 0 0 4px #835A2C, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
        color: #835A2C;
    }

    .cd-timeline-img.cd-emails {
        box-shadow: 0 0 0 4px #ee86ad, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
        color: #ee86ad;
    }

    .cd-timeline-img.cd-atlas {
        box-shadow: 0 0 0 4px #78ccc2, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
        color: #78ccc2;
    }

    .cd-timeline-img.cd-avesdo {
        box-shadow: 0 0 0 4px #15A3AC, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
        color: #15A3AC;
    }

    .cd-timeline-img.cd-contracts {
        box-shadow: 0 0 0 4px #39DD9F, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
        color: #39DD9F;
    }

.atlas-rotate-style {
    display: inline-block;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari и Chrome */
    -o-transform: rotate(-45deg); /* Opera */
    -moz-transform: rotate(-45deg); /* Firefox */
    line-height: 5px;
}

.avesdo-rotate-style {
    display: inline-block;
    transform: scale(2,2) rotateX(-50deg) rotateY(50deg) rotateZ(53deg);
    -ms-transform: scale(2,2) rotateX(-50deg) rotateY(50deg) rotateZ(53deg);
    -webkit-transform: scale(2,2) rotateX(-50deg) rotateY(50deg) rotateZ(53deg);
    -o-transform: scale(2,2) rotateX(-50deg) rotateY(50deg) rotateZ(53deg);
    -moz-transform: scale(2,2) rotateX(-50deg) rotateY(50deg) rotateZ(53deg);
    line-height: 5px;
}

.atlas-timeline-style {
    zoom: 1.2;
    line-height: 25px;
}

.avesdo-timeline-style {
    zoom: 1.1;
    line-height: 27px;
}

.cd-timeline-img.cd-form-submissions {
    box-shadow: 0 0 0 4px #c7d576, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
    color: #c7d576;
}

.cd-timeline-img.cd-campaigns {
    box-shadow: 0 0 0 4px #939feb, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
    color: #939feb;
}

.cd-timeline-img.cd-opportunity {
    box-shadow: 0 0 0 4px #A4C400, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
    color: #A4C400;
}

.cd-timeline-img.cd-web-visits {
    box-shadow: 0 0 0 4px #e3b385, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
    color: #e3b385;
}

.cd-timeline-img.cd-attachments {
    box-shadow: 0 0 0 4px #369f8f, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
    color: #369f8f;
}

.cd-timeline-img.cd-attachments {
    box-shadow: 0 0 0 4px #369f8f, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
    color: #369f8f;
}

.cd-timeline-img.cd-lead-adapter {
    box-shadow: 0 0 0 4px #00ABA9, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
    color: #00ABA9;
}

.cd-timeline-img.cd-web-event {
    box-shadow: 0 0 0 4px #88B764, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
    color: #88B764;
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 0.25em;
    padding: 10px;
    box-shadow: 0 0 5px #d7e4ed;
    border: 1px solid #eeeeee;
}

    .cd-timeline-content:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-timeline-content h2 {
        color: #449ee4;
        font-family: 'OpensansBold';
        font-size: 14px;
        text-transform: uppercase;
    }

    .cd-timeline-content .cd-date {
        display: inline-block;
    }

    .cd-timeline-content p {
        padding: 15px 0;
        border-bottom: 1px solid #f2f2f2;
        color: #7b7b7b;
        word-break: break-all;
    }

        .cd-timeline-content p.web-visits {
            word-wrap: break-word;
        }

    .cd-timeline-content .cd-date {
        line-height: 30px;
    }

    .cd-timeline-content .cd-controls {
        float: right;
        line-height: 30px;
    }

    .cd-timeline-content::before {
        content: '';
        position: absolute;
        top: 4px;
        right: 100%;
        height: 0;
        width: 0;
        border: 12px solid transparent;
        border-right: 12px solid #eeeeee;
    }

    .cd-timeline-content::after {
        content: '';
        position: absolute;
        top: 4px;
        left: -21px;
        height: 0;
        width: 0;
        border: 12px solid transparent;
        border-right: 12px solid #fff;
    }

.cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
}

.cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
}

.cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
}

.cssanimations .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
}

.nomore-updates {
    background-color: #e1e1e1;
    border: 1px dashed #f1f1f1;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    width: 200px;
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-block:first-child {
        margin-top: 0;
    }

    .cd-timeline-year {
        margin: 0 auto;
    }

    .cd-timeline-month {
        text-align: center;
    }

    .cd-timeline { /*margin-top: 3em;*/
        margin-bottom: 3em;
    }

        .cd-timeline::before {
            left: 50%;
            margin-left: -2px;
        }

    .cd-timeline-block {
        clear: left;
        float: left;
        margin: 0;
        width: 50%;
        padding-top: 60px;
    }

        .cd-timeline-block:nth-child(1),
        .cd-timeline-block:nth-child(2) {
            padding-top: 60px;
        }

        .cd-timeline-block:nth-child(2) {
            margin-top: 60px;
        }

        .cd-timeline-block:last-child {
            margin-bottom: 0;
        }

    .cd-timeline-img {
        width: 32px;
        height: 32px;
        margin-left: -16px;
        top: 60px;
        left: 100%;
        /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }

    .cd-timeline-block:nth-child(1) .cd-timeline-img {
        top: 60px;
    }

    .cd-timeline-block:nth-child(2n) .cd-timeline-img {
        top: 60px;
    }
    /*top:80px;*/

    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s;
    }

    .cd-timeline-content {
        margin-left: 0;
        padding: 15px;
        width: 90%;
    }

        .cd-timeline-content::before {
            top: 4px;
            left: 100%;
            border-color: transparent;
            border-left-color: #eeeeee;
        }

        .cd-timeline-content::after {
            top: 4px;
            left: auto;
            right: -21px;
            border-color: transparent;
            border-left-color: #ffffff;
        }

    .cd-timeline-block:nth-child(even) {
        clear: right;
        float: right;
        padding-top: 60px;
    }
        /*padding-top:80px;*/
        .cd-timeline-block:nth-child(even) .cd-timeline-img {
            left: auto;
            margin-left: 0;
            margin-right: -16px;
            right: 100%;
        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content {
            float: right;
        }

            .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
                top: 4px;
                left: auto;
                right: 100%;
                border-color: transparent;
                border-right-color: #eeeeee;
            }

            .cd-timeline-block:nth-child(even) .cd-timeline-content::after {
                top: 4px;
                left: -21px;
                right: auto;
                border-color: transparent;
                border-right-color: white;
            }

            .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
                float: right;
            }

            .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
                left: auto;
                right: 122%;
                text-align: right;
            }

    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s;
    }

    /* inverse bounce effect on even content blocks */
    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        -moz-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s;
    }
}


@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}




@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes cd-bounce-1-y {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scaleY(1.2);
    }

    100% {
        -webkit-transform: scaleY(1);
    }
}

@-moz-keyframes cd-bounce-1-y {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scaleY(1.2);
    }

    100% {
        -webkit-transform: scaleY(1);
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0.5);
        -moz-transform: scaleY(0.5);
        -ms-transform: scaleY(0.5);
        -o-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scaleY(1.2);
        -moz-transform: scaleY(1.2);
        -ms-transform: scaleY(1.2);
        -o-transform: scaleY(1.2);
        transform: scaleY(1.2);
    }

    100% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}


/* Loader */
.spinner {
    margin: 0 auto;
    width: 70px;
    height: 70px;
    position: relative;
    top: 50%;
}

.loading-text {
    color: #369f8f;
    font-family: opensansbold;
    font-size: 24px;
    line-height: 70px;
    position: absolute;
    text-align: center;
    width: 70px;
}

.container1 > div, .container2 > div, .container3 > div {
    width: 10px;
    height: 10px;
    background-color: #369f8f;
    border-radius: 100%;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
    animation: bouncedelay 1.2s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .spinner-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.container2 {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.container3 {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.circle1 {
    top: 0;
    left: 0;
}

.circle2 {
    top: 0;
    right: 0;
}

.circle3 {
    right: 0;
    bottom: 0;
}

.circle4 {
    left: 0;
    bottom: 0;
}

.container2 .circle1 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.container3 .circle1 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.container1 .circle2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.container2 .circle2 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.container3 .circle2 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.container1 .circle3 {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.container2 .circle3 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.container3 .circle3 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.container1 .circle4 {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.container2 .circle4 {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.container3 .circle4 {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/* Automation Toolpalette */
.automation {
    position: relative;
}

.automation-designarea {
    margin-right: 400px;
    position: relative;
    margin-top: 20px;
    border: 1px solid #e5e5e5;
    min-height: 500px;
}

    .automation-designarea:before {
        content: "Drag and Drop your controls";
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -100px;
        border: 1px dashed #ccc;
        padding: 25px;
        background-color: #e5e5e5;
    }

.automation-toolpalette {
    border: 1px solid #e2e2e2;
    width: 380px;
    right: 0;
    float: right;
    margin-top: 20px;
}

    .automation-toolpalette .drag-controls-subheading {
        padding: 0 10px;
        background-color: #fafafa;
        color: #303030;
    }

    .automation-toolpalette .sub-header {
        background-color: #fafafa;
        color: #303030;
        text-transform: uppercase;
        border-bottom: 1px solid #e2e2e2;
        line-height: 42px;
        padding: 0 10px;
    }

    .automation-toolpalette .widgets {
        padding: 0;
        margin: 0 0 0 -1px;
    }

        .automation-toolpalette .widgets li {
            border-bottom: 1px solid #e2e2e2;
            float: left;
            height: 120px;
            list-style: none outside none;
            padding: 15px 0;
            text-align: center;
            width: 189px;
            cursor: move;
        }

            .automation-toolpalette .widgets li:nth-child(even) {
                list-style: none;
                border-left: 1px solid #e2e2e2;
                border-bottom: 1px solid #e2e2e2;
            }

            .automation-toolpalette .widgets li i {
                display: block;
                font-size: 28px;
                margin-bottom: 20px;
            }

            .automation-toolpalette .widgets li a {
                color: #303030;
            }

.hover_menu.quote_hover_menu {
    margin-left: -20px;
    margin-top: -10px;
}

    .hover_menu.quote_hover_menu .quote_button {
        padding: 0;
        border: 0;
        box-shadow: none;
        background: transparent;
        width: 99px;
    }

.action_button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-weight: 500;
    outline: 0;
    padding: 3px 7px 4px 7px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    border: 1px solid #ccc;
    background: #fdfdfd;
    color: #555;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}


    .action_button:before {
        content: '';
        position: absolute;
        top: -11px;
        left: 15px;
        height: 0;
        width: 0;
        border: 6px solid transparent;
        border-bottom: 6px solid #ccc;
    }

    .action_button:after {
        content: '';
        position: absolute;
        top: -10px;
        left: 15px;
        height: 0;
        width: 0;
        border: 6px solid transparent;
        border-bottom: 6px solid #fff;
    }

.st_opp {
    margin: 0px !important;
}

.st_delete {
    color: rgba(189,63,51,.9);
}

.mobile-view {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    z-index: 9999999;
}

.mobile-view-content {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 300px;
    width: 280px;
    margin: -150px 0 0 -140px;
    text-align: center;
}

    .mobile-view-content i {
        font-size: 50px;
        color: #369f8f;
    }

        .mobile-view-content i + i {
            margin-left: 25px;
        }

    .mobile-view-content p {
        margin: 20px 0;
    }

    .mobile-view-content a {
        color: #369f8f;
        font-size: 12px;
    }

    .mobile-view-content .header-text {
        font-size: 18px;
    }

.ui-draggable.drag-widget a {
    -ms-transform: scale(0.70); /* IE 9 */
    -webkit-transform: scale(0.70); /* Safari */
    transform: scale(0.70);
}

.mobile-view-content.animat i {
    /*-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;*/
    -webkit-animation-name: mobileanimat; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: 3; /* Chrome, Safari, Opera */
    animation-name: mobileanimat;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@-webkit-keyframes mobileanimat {
    0% {
        -ms-transform: scale(0.70);
        -webkit-transform: scale(0.70);
        transform: scale(0.70);
    }

    25% {
        -ms-transform: scale(0.90);
        -webkit-transform: scale(0.90);
        transform: scale(0.90);
    }

    50% {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* Standard syntax */
@keyframes mobileanimat {
    0% {
        -ms-transform: scale(0.70);
        -webkit-transform: scale(0.70);
        transform: scale(0.70);
    }

    25% {
        -ms-transform: scale(0.90);
        -webkit-transform: scale(0.90);
        transform: scale(0.90);
    }

    50% {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

tr.activity.webview:not(:last-of-type) > td:first-child {
    padding-left: 37px;
    box-shadow: inset 2px 0 8px -4px rgba(0,0,0,0);
}

tr.activity.webview > td {
    background: #f8f8f8;
}

tr.activity.webview > td {
    font-size: 12px;
}

.enter_icon, .exit_icon {
    cursor: pointer;
    padding-right: 5px;
}

#grid1 th:first-child {
    padding-left: 45px;
}

#grid1 img {
    width: 16px;
    height: auto;
}

.mailgun-emailError {
    background: #f2f2f2;
    color: #FF4136;
    font-size: 12px;
    border-radius: 2px;
}

.mailgun-warning {
    background: #f2f2f2;
    color: #FF851B;
    font-size: 12px;
    border-radius: 2px;
}

.mailgun-success {
    background: #f2f2f2;
    color: #369f8f;
    font-size: 12px;
    border-radius: 2px;
}

.test-mail input {
    width: 420px;
    margin-right: 10px;
    float: left;
}

.test-mail small {
    display: block;
    margin-left: 2px;
}

.test-mail .seed-list {
    margin-bottom: 20px;
}

/*---------------------- modify 19-5-15 ----------------------------------*/
#SendEmail .k-widget, #SendEmail .k-header {
    background: none;
}

.nts-tabs .nav-tabs li {
    width: 50%;
}

.tabpanel li a {
    background: none !important;
}

.nav-tabs .badge {
    background: rgba(52, 55, 60, 0.6);
    border-radius: 10px;
    position: absolute;
    top: 8px;
    left: 62px;
    color: #fff;
}

.accordion-container .badge {
    background: rgba(124, 124, 124, 0.6);
    border-radius: 10px;
    color: #fff;
    margin: 0px 0 0 12px;
    position: relative;
    top: 0;
    left: -10px;
}

.tabpanel .tab-content {
    margin-bottom: 0;
    padding: 0;
    min-height: 140px;
}


/*------------------------------- sendemailmodal popup-window --------------------------------------------*/
#sendemailmodal {
    z-index: 9999;
    outline: none;
    background-color: rgba(222, 222, 222,0.2);
}

    #sendemailmodal .modal-content {
        background: none;
        border: none;
        box-shadow: none;
    }

    #sendemailmodal .layout-search {
        margin-top: 5px;
        width: 100%;
    }

    #sendemailmodal .btn {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    #sendemailmodal .modal-footer .btn {
        margin-right: 10px;
        margin-bottom: 0;
    }

    #sendemailmodal .modal-header .close {
        position: absolute;
        top: 6px;
        right: 14px;
        width: 30px;
        height: 30px;
        text-align: right;
        color: #000;
        font-size: 24px;
        font-weight: 700;
        cursor: pointer;
        outline: none;
    }

    #sendemailmodal .modal-header {
        padding: 14px 24px;
        background-color: #369f8f;
        color: #000;
        border-bottom: 1px #dde1e4 solid;
        height: 50px;
    }

    #sendemailmodal .modal-title {
        margin: 0;
        font-size: 16px;
        line-height: inherit;
        color: #000;
        font-weight: 400;
    }

    #sendemailmodal .top {
        padding: 20px 24px 20px;
        background-color: #f9f9f9;
    }

    #sendemailmodal .campaigns-layouts li {
        margin: 0 30px 20px 0;
        display: inline-block;
    }

#SendEmailModel .moreinner-body {
    overflow-y: hidden;
}

#sendemailmodal .campaigns-layouts li .layout .overlay a.select {
    margin-top: -10px;
}

/*------------------------------- bigmodal2 popup-window --------------------------------------------*/
#bigmodal2 {
    box-shadow: 0 5px 5px rgba(199,199,199,1);
    -webkit-box-shadow: 0 5px 5px rgba(199,199,199,1);
    -moz-box-shadow: 0 5px 5px rgba(199,199,199,1);
}

    #bigmodal2 .modal-lg {
        width: 624px;
    }

    #bigmodal2 .h6 {
        font-size: 18px;
        font-weight: 400;
    }

    #bigmodal2 .modal-header {
        padding: 14px 24px;
        background-color: #369f8f;
        color: #000;
        border-bottom: 1px #dde1e4 solid;
        height: 50px;
    }

    #bigmodal2 .modal-title {
        margin: 0;
        font-size: 16px;
        color: #000;
        font-weight: 400;
    }

    #bigmodal2 .modal-header .close {
        position: absolute;
        top: 6px;
        right: 14px;
        width: 30px;
        height: 30px;
        text-align: right;
        color: #000;
        font-size: 24px;
        font-weight: 700;
        cursor: pointer;
        outline: none;
    }

    #bigmodal2 .modal-content {
        background: none;
        border: none;
    }

    #bigmodal2 .modal-body {
        max-height: 350px;
    }

/*--------------------------------------- Edit compaign ---------------------------------------------------*/
.m-b-sm .dropdown-menu {
    right: auto;
    width: 100%;
}

.m-b-sm .btn .caret {
    margin-left: 10px;
    border-top-color: #757676 !important;
    float: right;
    margin-top: 12px;
}

.ng-scope .btn.dropdown-toggle {
    padding-right: 12px !important;
}

.tags {
    margin-top: 15px;
    margin-bottom: 0;
}

    .tags .st-custag {
        font-size: 14px;
        padding: 0 13px 0 64px;
    }

/*Tags*/


.m-b-sm {
    margin-left: 130px;
    margin-top: 10px;
}

    .m-b-sm .btn {
        text-align: left;
        color: #757676;
        border: 1px solid #dfdfdf;
        background-color: transparent !important;
        width: 200px;
    }

        .m-b-sm .btn:hover, .m-b-sm .btn:active {
            background-color: #f9f9f9;
        }

        .m-b-sm .btn-group.open .btn.btn-primary.dropdown-toggle, .m-b-sm .btn.btn-primary.active {
            background-color: transparent;
            color: #000;
        }

    .m-b-sm li {
        padding: 0 5px;
    }

.st-move {
    cursor: move;
}

.modal-content {
    border: none !important;
}

.modal-header {
    padding: 24px 20px 16px 24px !important;
    background-color: black !important;
}

    .modal-header .modal-title {
        color: white !important;
        font-weight: 700 !important;
        font-size: 20px !important;
        line-height: 24px !important;
        letter-spacing: 0.15px !important;
    }

    .modal-header .close {
        visibility: hidden !important;
        margin: 0px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

        .modal-header .close:before {
            content: "\e5cd" !important;
            visibility: visible !important;
            color: white !important;
            font-size: 22px !important;
            font-family: "Material Icons Outlined" !important;
        }

    .modal-header .close {
        outline: none;
    }

    .modal-header > .logo {
        max-height: 20px;
    }

.modal-body {
    padding: 16px 24px;
}

.modal-footer {
    padding: 16px 24px 24px;
    background-color: white;
}

    .modal-footer .disclaimer {
        font-size: 1.1rem !important;
        margin-top: 2px;
        margin-bottom: 2px;
    }

/*--------------------------------------- Notifications page start -------------------------------------*/
.accordion-container {
    width: 100%;
    margin: 0;
    clear: both;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
}

.accordion-toggle {
    position: relative;
    display: block;
    padding: 10px;
    font-size: 13px;
    font-weight: 300;
    background: #fff;
    color: #000;
    text-decoration: none;
}

    .accordion-toggle:hover {
        color: #fff;
        background: #369f8f;
    }

    .accordion-toggle.active {
        color: #fff;
        background: #369f8f;
    }

    .accordion-toggle:focus i, .accordion-toggle:active i, .accordion-toggle:hover i {
        color: #fff;
    }

    .accordion-toggle.active i {
        color: #fff;
    }

.nts-tabs .st-right-remove .glyphicon-remove.active:hover:after, .nts-tabs .st-right-remove .glyphicon-remove.active:before, .nts-tabs .st-right-remove .glyphicon-remove.active:after {
    color: #fff;
}

.active > .st-right-remove .glyphicon-remove:before, .active > .st-right-remove:hover .glyphicon-remove:after {
    color: #fff;
}

.st-no-filters {
    width: 100%;
    height: 137px;
    background-color: #fff;
    padding-top: 27px;
    text-align: center;
    font-size: 15px;
    color: #C1C1C1;
}

    .st-no-filters .st-no-icon {
        font-size: 3em;
        opacity: 0.2;
    }

    .st-no-filters .st-no-text {
        font-size: 13px;
        color: #757676;
        padding: 5px 10px;
        opacity: 0.2;
    }

.accordion-toggle.open {
    background: #466E26;
    color: #fff;
}

.accordion-content {
    display: none;
    padding: 10px;
    overflow: auto;
    background: #fff;
    position: relative;
}

    .accordion-content .na-clock {
        float: left;
        margin-right: 5px;
    }

    .accordion-content .activity > li {
        padding: 10px 0;
    }

    .accordion-content img {
        display: block;
        float: left;
        margin: 0 15px 10px 0;
        max-width: 100%;
        height: auto;
    }

#notificationsView .activity > li.unread {
    background-color: #fff;
}

#notificationsView .nav-tabs > li > a {
    color: #444;
    background: #fff !important;
    padding: 7px 21px 8px 6px;
}

#contact-details-tabs.nav-tabs > li > a {
    padding: 7px 15px 8px;
}

#notificationsView .nav-tabs > li.active > a, #notificationsView .nav-tabs > li.active > a:hover,
#notificationsView .nav-tabs > li.active > a:focus {
    background-color: #369f8f !important;
    color: #fff;
    font-weight: 400;
    border-bottom: 2px solid #369f8f;
    font-size: 14px;
    padding: 2px 10px 0 6px;
    line-height: 30px;
}

.accordion-content ul {
    margin: 0;
    padding: 0;
}

.accordion-content .no-activites {
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
    bottom: 0;
}

    .accordion-content .no-activites div {
        padding: 5px 10px;
    }

.nts-tabs #tab2 .badge {
    left: 70px;
}

/* Clear effect */
.nts-tabs .st-right-remove:hover > span:before {
    display: none;
}

.nts-tabs .st-right-remove:hover > span:after {
    content: "Clear All";
    font-size: 11px;
    letter-spacing: 1px;
    font-family: sans-serif;
    margin: 0 2px;
    position: relative;
    top: -1px;
    white-space: nowrap;
    color: #333;
}

.accordion-toggle i {
    color: #85878A;
    margin-right: 6px;
}

.tabpanel.nts-tabs {
    background-color: rgb(239, 239, 239);
}

.nts-tabs .st-right-remove {
    position: absolute;
    top: 9px;
    right: 10px;
    font-size: 9px;
    color: #6b6b6b;
    display: block;
    padding: 3px 5px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    cursor: pointer;
    outline: none;
}

    .nts-tabs .st-right-remove .glyphicon-remove {
        width: 10px;
        overflow: hidden;
        transition: 0.5s;
    }

    .nts-tabs .st-right-remove:hover .glyphicon-remove {
        width: 54px;
    }

.nts-tabs .nav-tabs-main {
    background-color: rgb(239, 239, 239);
    margin: 0px;
    padding: 4px 0px;
}

/* media query for mobile */
@media (max-width: 767px) {
    .accordion-content {
        padding: 10px 0;
        overflow: inherit;
    }
}

/*--------------------------------------- Notifications page end -------------------------------------*/

/*--------------------------------------- Redactor classes -------------------------------------------*/

.st-layout .redactor-toolbar {
    z-index: 999 !important;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.st-layout .redactor-editor {
    padding: 20px;
    min-height: inherit !important;
    max-height: inherit !important;
    border: 0px solid #eee;
}

.st-layout .redactor-box textarea {
    overflow: auto;
    outline: none;
    border: none;
    background-color: #333;
    box-shadow: none;
    color: #fff;
    font-size: 13px;
    font-family: Menlo,Monaco,monospace,sans-serif;
    resize: vertical;
    padding: 12px;
}
/*.CodeMirror-scroll { overflow-y: auto !important; position: relative; outline: none;  border: 1px solid #eee;  overflow-x: hidden !important; }*/

/*--------------------------------------- Utilities -------------------------------------------------------*/
.dropdown-menu > li {
    border-top: 1px solid #f4f4f4;
    position: relative;
}

#righttabs li i {
    position: absolute;
    top: 7px;
    left: 6px;
    color: rgba(135,135,135,.75);
}

#righttabs li > a {
    padding: 6px 15px 8px 30px;
}

.ui-sortable-placeholder-campaign {
    border: 2px medium;
    height: 75px;
    width: inherit;
    border-style: dashed;
    border-color: #369f8f;
    /*background: #484848;*/
}


.campaigns-body ul li ul li {
    list-style: disc;
}


/*---- BDX changes -----*/
.da-bdx-left .widget {
    margin-bottom: 30px;
}

.da-bdx-left #hstopleadsources1 {
    height: 391px;
    margin-bottom: 0px;
}

.da-bdx-left .da-lead-source {
    height: 391px !important;
}

.da-bdx-right,   .da-bdx-left {
    margin-bottom: 10px;
}

    .da-bdx-right .list-inner {
        height: 600px;
    }

    .da-bdx-right .notecordsfound {
        padding-top: 190px !important;
        padding-bottom: 225px !important;
    }


.da-bdx-left .dash-nodata.lead-source {
    background-position: 144px -202px;
}

.da-bdx-left .left-part {
    padding-top: 0px !important;
}

.da-bdx-right .view-all {
    margin-top: 13px;
}


.da-bdx-view .da-bdx-left .widget .left-part .title {
    font-size: 24px;
    color: #767676;
    margin: 4px 0 6px 0;
    line-height: 46px;
}

.da-bdx-left .da-lead-source .view-all {
    line-height: 46px;
}

.da-bdx-left .title {
    text-decoration: none;
    border-bottom: none;
    font-family: 'OpensansRegular',sans-serif;
}

.da-bdx-left .left-part {
    margin: 0px;
}

.da-bdx-hot-list .title {
    padding-top: 0px;
    padding-bottom: 0;
    font-family: 'OpensansRegular',sans-serif;
    border-bottom: none;
    font-size: 24px;
    margin: 4px 0 6px 0;
    line-height: 46px;
}

.da-bdx-left .da-lead-source .title {
    font-family: 'OpensansLight',sans-serif;
    border-bottom: 1px solid #edeff1;
}

/*tours changes*/
.mrb0 {
    margin-bottom: 0px !important;
}

.st-c-viewtour {
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
}

    .st-c-viewtour#view-tours {
        padding-left: 5px;
    }



@media (max-width: 1260px) and (min-width: 1000px) {
    .da-bdx-left .dash-nodata.lead-source {
        background-position: -16px -230px;
        padding-top: 136px;
    }
}


@media (max-width: 1345px) and (min-width: 1261px) {
    .da-bdx-left .dash-nodata.lead-source {
        padding-top: 105px;
        background-position: 96px -109px;
    }
}

@media (max-width: 1439px) and (min-width: 1346px) {
    .da-bdx-left .dash-nodata.lead-source {
        background-position: 101px -123px;
    }
}


@media (max-width: 1600px) and (min-width: 1440px) {
    .da-bdx-left .dash-nodata.lead-source {
        background-position: 100px -147px;
    }
}

@media (max-width: 1800px) and (min-width: 1599px) {

    .da-bdx-left .dash-nodata.lead-source {
        background-position: 71px -201px;
    }
}

@media (max-width: 1820px) and (min-width: 1200px) {
    .da-bdx-left .da-level-one .widget .da-new-leads .right-part {
        top: 30px;
    }

    .da-bdx-view .da-bdx-left .widget .left-part .title {
        line-height: 28px;
        padding-top: 10px;
    }
}

@media (max-width: 1200px) {
    .da-bdx-view .da-bdx-left #hsnewleads1 {
        margin-bottom: 30px !important;
    }
}

#webvisitsgrid {
    overflow: auto;
    font-size: 11px;
}

    #webvisitsgrid .k-grid-header .k-header {
        font-size: 12px;
    }

.st-responsive-grid .st-web-hlinks {
    min-width: 200px !important;
    white-space: inherit;
    word-break: break-all;
    padding-left: 14px !important;
}

.st-responsive-grid {
    overflow: auto;
}

    .st-responsive-grid td {
        font-size: 12px;
        line-height: 16px;
    }

.st-top0 {
    top: 0px !important;
}

#webvisitsnotifications .st-icon-unwatch-1 {
    color: #646464;
}

/*addRelation*/
#addRelation {
    width: 608px;
}


.add-relation-btn {
    text-align: right;
    width: 66px;
    padding-left: 0px;
    float: right;
}

.st-spouse-input {
    width: 47%;
    padding-right: 4px;
    padding-left: 0px;
}

.si-left-details {
    float: left;
    margin-top: 15px;
}

figure.si-right-logo {
    float: right;
    /* margin-bottom: 23px; */
}

    figure.si-right-logo img {
        max-height: 54px;
    }

.unsubscribe-page .signature {
    overflow: hidden;
    padding-bottom: 3px;
}


.si-privacy {
    float: right;
    font-size: 11px;
}


/*add person */
.cu-input-group .ed-email {
    float: left;
}

.cu-input-group .ed-phone {
    float: left;
}

.cu-input-group .ed-status {
    float: left;
    padding-top: 5px;
}

.cu-input-group .ed-primary-contact {
    float: left;
    padding-top: 1px;
}

    .cu-input-group .ed-primary-contact label.radio-inline {
        vertical-align: middle;
        padding-top: 0px;
        line-height: 17px;
    }

.cu-input-group .ed-trash {
    float: left;
    margin-top: 6px;
}

.slideThree {
    width: 56px;
    height: 16px;
    background: #fff;
    margin: 0px auto;
    position: relative;
    float: right;
    margin-top: 2px;
    border: solid 1px #CCC;
    cursor: pointer;
}

    .slideThree:after {
        content: 'OFF';
        color: #369f8f;
        position: absolute;
        right: 4px;
        z-index: 0;
        font: 10px/15px Arial, sans-serif;
        font-weight: bold;
        text-shadow: 1px 1px 0px rgba(255,255,255,.15);
    }

    .slideThree:before {
        content: 'ON';
        position: absolute;
        left: 0px;
        z-index: 0;
        font: 10px/15px Arial, sans-serif;
        font-weight: bold;
        top: 0px;
        color: #369f8f;
        width: 27px;
        text-align: center;
        border-right: solid 1px #CCC;
    }

.cu-ch-lable {
    display: block;
    width: 27px;
    height: 14px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: #369f8f;
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    transition: all 0.4s ease;
}

.slideThree input[type=checkbox] {
    visibility: hidden;
}

    .slideThree input[type=checkbox]:checked + label {
        left: 27px;
    }

.in-left-text {
    float: left;
    font-size: 11px;
    padding-right: 5px;
    line-height: 18px;
}

#designerControls > div {
    text-align: inherit;
    /*padding: 3px;*/
}

#addContacts-list ul.k-list li {
    padding-right: 100px;
}

.k-file-progress .k-progress {
    background-color: #369f8f;
}

/*Campaign-dashboard*/
.mostpopular-subheading {
    background-color: #eaeced;
    line-height: 16px;
    padding: 16px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 700;
}

.most-popular-wrapper ul:last-child {
    border-bottom: none;
}

.mostpopular-subheading > ul > li {
    float: left;
    width: 33%;
    padding-left: 20px;
}

    .mostpopular-subheading > ul > li:last-child {
        text-align: center;
        padding-left: 0px;
    }

.mostpopular-subheading > ul {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.most-popular-wrapper ul {
    margin: 0px;
    padding: 20px;
    border-bottom: solid 1px #eaedef;
    overflow: hidden;
    display: table;
    width: 100%;
}

    .most-popular-wrapper ul > li {
        width: 33%;
        display: inline-block;
        vertical-align: middle;
    }

        .most-popular-wrapper ul > li.most-clicks {
            text-align: center;
            font-size: 14px;
            font-weight: 600;
            color: #3e3e3e;
        }

ul.most-fullwidth {
    display: block;
    text-align: center;
    border-bottom: none;
}

.pdl15 {
    padding-left: 15px !important;
}

.CodeMirror {
    border: 1px solid #eee;
}

.campaigns-body.pd10 {
    padding: 3px;
}

campaigns-body .CodeMirror-scroll {
    overflow-x: auto;
}

/*Ics calender*/
.ics {
    padding: 1px 0px 0px 15px;
}

.col-cu-6 {
    width: 50%;
    float: left;
    padding-right: 10px;
}

    .col-cu-6.pdr0 {
        padding-right: 0px;
        padding-left: 9px;
    }

.ed-label {
    float: left;
    padding: 0px 7px;
    line-height: 30px;
    background-color: #dfdfdf;
    text-align: l;
    color: #6B6868;
}

.ed-select {
    float: left;
    width: 50px;
}

    .ed-select .k-numeric-wrap.k-state-default {
        width: 90px;
        min-width: inherit;
    }
/* Work flow*/
.cu-fullwidth {
    width: 100% !important;
}

.wo-min-sec .col-cu-6 {
    width: auto;
    margin-right: 40px;
    margin-top: -2px;
}

.cu-widthauto {
    width: auto !important;
}

/*excel export icon*/
.k-icon.k-i-excel {
    display: none;
}

#redactor-image-resizer {
    background-color: #88cb46 !important;
    width: 15px !important;
    height: 15px !important;
}

/*Image resize fix*/
#campaignDesignerCanvas .st-layout .redactor-editor {
    padding: 0px;
}

.st-saved-search-info {
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 10px;
    background-color: #fff;
    border: solid 1px #dbe0e4;
    padding: 10px 25px 12px 25px;
    margin-bottom: 10px;
}

    .st-saved-search-info p {
        font-size: 16px;
        border-bottom: solid 1px #dbe0e4;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }

    .st-saved-search-info span.control-label {
        font-weight: bold;
    }

/*leadscore Campaign links*/
.stc-create-links .k-multiselect-wrap .k-reset li.k-button {
    word-break: break-all;
}
/*Add actions*/
.stc-re-sendas {
    position: absolute;
    right: 0px;
    top: -12px;
}
/*Hide pager current page display*/
li.k-current-page {
    display: none;
}

.li-setting {
    padding-bottom: 0px;
    padding-top: 0px;
}

.k-multiselect-wrap.k-floatwrap {
    background-color: #eeeeee;
}
/* Select all*/
.stc-select-drop {
    display: none;
    opacity: 0;
    transition: all 0.35s;
}

    .stc-select-drop.stc-open {
        display: block;
        position: absolute;
        background: #fff;
        z-index: 1000;
        width: 118px;
        box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
        padding: 10px;
        vertical-align: top;
        height: auto;
        line-height: 14px;
        right: 0px;
        opacity: 1;
    }

        .stc-select-drop.stc-open.left {
            right: auto;
            left: 2px;
        }

.stc-select-main {
    height: 26px;
    width: 100px;
    position: relative;
}

.stc-all-check {
    margin: 0px;
    position: absolute;
    top: 6px;
    left: 8px;
}

.stc-drop-icon {
    position: absolute;
    top: 0px;
    right: 15px;
    line-height: 31px;
    font-size: 11px;
    font-weight: normal;
}

.stc-select-drop label {
    margin: 0px;
    margin-bottom: 8px !important;
}

    .stc-select-drop label:last-child {
        margin: 0px;
        margin-bottom: 0px !important;
    }

/*Workflow tags grid*/
.cu-grid {
    border-left: 1px solid #dbe0e4;
    border-right: 1px solid #dbe0e4;
    margin-bottom: 10px;
}

    .cu-grid tr th, .cu-grid tr td {
        padding: 10px;
        border-top: 1px solid #dbe0e4;
        border-bottom: 1px solid #dbe0e4;
    }

    .cu-grid tr th {
        background-color: #f6f6f6;
        font-size: 14px;
        font-weight: bold;
    }


/* kendo grid excel css */


.cu-grid-excel {
    float: right;
    margin: 10px 0px !important;
    display: block;
    background: none;
    border: none;
    color: rgba(0, 0, 0, .5);
    font-weight: 600;
}


    .cu-grid-excel:focus {
        background: none;
        background-color: none;
        border: none;
    }

a.cu-grid-excel:hover {
    text-decoration: underline;
    color: black;
    background: none;
    border: none;
}

.cu-table-responsive {
    max-width: 100%;
    overflow: auto;
}

.cu-re-center {
    line-height: 25px;
}

.ac-ics {
    padding: 0px 0px 0px 10px;
}

.cm-un-sb {
    padding: 6px 0px 0px 0px;
}

/*Work flow styles*/
.su-add-section {
    padding: 7px 0px 0px 0px;
    overflow: hidden;
    clear: both;
}

.st-cu-actionwork {
    float: left;
    width: 35%;
    padding-right: 10px;
    margin-top: 18px;
}

.st-cu-actionsib {
    float: left;
    width: 509px;
}

@media (max-width:1366px) {
    .st-cu-actionsib {
        float: left;
        width: 61%;
    }
}

@media (max-width:1366px) and (min-width:990px) {
    /*Dashboard untouched contacts*/
    .da-level-one .right-part {
        top: 30px !important;
    }
}

.st-cu-actionshead {
    width: 35%;
    float: left;
}

.st-cu-actionwrapper {
    clear: both;
}

.st-cu-actiondelete {
    float: left;
    width: 12px;
    margin-top: 25px;
    margin-left: 10px;
}

.mdb0 {
    margin-bottom: 0px;
}

.st-select-full .k-multiselect {
    width: 100%;
}

/*
   Dropdown values issues
*/
.op-sortoptions {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: -17px;
}

.op-group-select {
    width: 150px !important;
}

.op-group {
    width: 112px;
}

.op-empty-op {
    width: 81px;
}

.op-order {
    padding-right: 0px !important;
}

td.op-order-first {
    padding-left: 25px !important;
}

.op-adddropval {
    padding-top: 10px;
}


/*contact timeline issue*/
@media(max-width:1520px) {
    .co-de-buttons:not(#cmpnamesaveclosebtns) {
        display: block !important;
    }

    .co-de-buttons label {
        display: none;
    }

    .co-de-buttons button {
        margin-top: 0px !important;
    }

    .co-mmrb10 {
        margin-bottom: 10px !important;
    }
}

.cu-addworklink {
    max-width: 150px;
    word-break: break-all;
}

.addnewmessage {
    padding-top: 15px;
    margin-left: 315px;
}

.ad-nw-msg {
    margin-left: 20px;
}

.tm-dp-wd {
    margin-left: 150px;
}

.add-new-msg {
    width: 677px;
    height: 200px;
    border: 1px solid #e2e2e2;
    overflow-y: hidden;
}

.form-group.add-rm-msg {
    margin-left: 400px;
}


.sta-selectedby .k-dropdown {
    width: 60%;
}

.sta-selectedby .st-add-showlist {
    width: 35%;
    display: inline-block;
    padding-left: 7px;
}

.sca-notification-wrapper {
    padding-top: 15px;
    margin-bottom: 30px;
}

    .sca-notification-wrapper .sta-t-interval .k-dropdown {
        width: 100px;
        display: inline-block;
    }

    .sca-notification-wrapper .sta-interval {
        display: inline-block;
        width: 150px;
    }


    .sca-notification-wrapper label.control-label.sta-interval {
        float: left;
        width: auto;
        padding-right: 9px;
    }

    .sca-notification-wrapper .sta-interval-row {
        overflow: hidden;
        margin-bottom: 5px;
        width: 595px;
    }

    .sca-notification-wrapper .st-add-loader {
        position: absolute;
        width: 60px;
        height: auto;
        right: 39px;
        top: 14px;
    }

    .sca-notification-wrapper .sta-selectedby {
        position: relative;
    }

    .sca-notification-wrapper .redactor-editor {
        height: 164px !important;
        max-height: initial !important;
    }

    .sca-notification-wrapper .st-ad-addicon {
        position: absolute;
        font-size: 16px;
        top: 4px;
        left: 7px;
        color: #369f8f;
        transition: 0.5s;
    }

    .sca-notification-wrapper .k-state-focused .st-icon-add {
        opacity: 0;
        visibility: hidden;
    }
/*Message center*/
.stm-notification {
    background: #fff;
    border: solid 1px #dbe0e4;
    min-height: 120px;
    margin-bottom: 15px;
}

.stm-items-wrapper {
    position: relative;
    min-height: 120px;
    overflow: hidden;
}


.stm-icon {
    width: 80px;
    background: #369f8f;
    text-align: center;
    position: absolute;
    top: 0px;
    bottom: 0px;
    transition: 0.6s;
}

.stm-slider {
    float: none;
    padding: 0px;
    width: 100%;
    position: relative;
}

.stm-icon i {
    font-size: 34px;
    line-height: 118px;
    color: #fff;
}

.stm-dont-show {
    float: right;
    font-size: 11px;
    position: relative;
    padding-left: 20px;
}

    .stm-dont-show input {
        position: absolute;
        left: 0px;
        top: -2px;
    }

.stm-slider .stm-close {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #DCDCDC;
    font-size: 14px;
    cursor: pointer;
    z-index: 1000;
}

    .stm-slider .stm-close:hover {
        color: #369f8f;
    }

.carousel-fade .carousel-inner .item {
    transition-property: opacity;
    line-height: 18px;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        transform: translate3d(0, 0, 0);
    }


.carousel-fade .carousel-control {
    z-index: 2;
}

.stm-notification h4 {
    font-size: 18px;
    font-weight: normal;
    margin-top: 12px;
}

.carousel-fade ol.carousel-indicators {
    position: absolute;
    right: 2px;
    bottom: 10px;
    height: 10px;
    top: initial;
}

.carousel-fade {
    min-height: 92px;
    padding: 0 28px 0px 0px;
}

    .carousel-fade ol.carousel-indicators li {
        border-radius: 8px;
    }

    .carousel-fade .carousel-indicators li.active {
        background: #369f8f;
    }

    .carousel-fade .carousel-control.left, .carousel-fade .carousel-control.right {
        background: none;
        color: #D4D4D4;
        background-image: none;
        box-shadow: none;
        text-shadow: none;
        font-weight: normal;
        border: none;
        width: 20px;
        top: 61px;
    }

    .carousel-fade .carousel-control.left {
        left: 96px;
    }

    .carousel-fade .carousel-control.right {
        right: 16px;
    }

.carousel-inner .stm-item-text {
    float: right;
    padding: 10px 50px;
    width: calc(100% - 80px);
}

/*Message center end*/
/*Large css*/
.form-group.large-group {
    width: 594px;
}


/*Tour UI*/

#applicationtour .redactor-box {
    border: solid 1px #CECECE;
    background: #fff;
    margin-bottom: 20px;
}

.stt-tour .popover-title {
    background: #fff;
    border-bottom: none;
    position: relative;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    border-radius: 5px 5px 0px 0px;
}

.stt-tour .stt-close {
    position: absolute;
    right: 9px;
    color: #9E9E9E;
    font-size: 20px;
    top: 3px;
    cursor: pointer;
}

    .stt-tour .stt-close:hover {
        color: #369f8f;
    }

.popover.stt-tour {
    max-width: 450px !important;
    border-radius: 5px;
}

.stt-tour .popover-navigation {
    text-align: right;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    background: #F1F1F1;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}

    .stt-tour .popover-navigation .btn {
        padding: 0px 16px;
        height: 38px;
        border: none;
    }

        .stt-tour .popover-navigation .btn.btn-default {
            background: transparent;
        }

.stt-tour .popover-content {
    padding: 10px 20px 15px 20px;
    max-height: 100px;
    overflow: auto;
}

.stt-select-medium {
    width: 233px !important;
}
/*Pin start*/
.stc-tour-pin {
    position: absolute;
    right: -28px;
    bottom: -37px;
    width: 45px;
    height: 45px;
    z-index: -1;
    top: -17px;
}

.stc-pin-fade {
    width: 35px;
    height: 35px;
    background: #86b563;
    border-radius: 35px;
    -webkit-animation: mymove 3s infinite; /* Chrome, Safari, Opera */
    animation: mymove 3s infinite;
}

.stm-notification-wrapper {
    position: relative;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        transform: scale(1.2);
        opacity: 0.5;
    }

    100% {
        transform: scale(0);
        opacity: 0;
    }
}

/* Standard syntax */
@keyframes mymove {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        transform: scale(1.2);
        opacity: 0.5;
    }

    100% {
        transform: scale(0);
        opacity: 0;
    }
}

.stc-pin {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background: #369f8f;
    top: 10px;
    position: absolute;
    left: 10px;
    z-index: 100000;
}
/*Pin end*/
/*Welcome popup*/
#tourwelcome {
    display: block;
    min-height: 30px;
    width: 100px;
    text-align: center;
    margin: auto;
    position: absolute;
    right: 50%;
    top: 0px;
}
/*Multi checkbox*/
.cu-multiselect .k-multiselect-wrap li {
    margin: 0px;
    padding: 0px;
    display: inline;
    border: none;
    background: none !important;
    float: none !important;
}

.cu-multiselect span.k-icon.k-i-close {
    display: none;
}

.cu-multiselect.k-multiselect {
    cursor: pointer;
    border-radius: 0px;
}

    .cu-multiselect.k-multiselect .k-multiselect-wrap {
        padding: 3px 8px 0px 8px;
    }

    .cu-multiselect.k-multiselect.k-state-hover .k-multiselect-wrap {
        background: #369f8f !important;
        color: #fff;
    }

.cu-multiselect li.k-item.k-state-selected {
    border-radius: 0px;
    background: #369f8f;
    border: none !important;
}


.cu-multiselect .k-button:hover, .cu-multiselect .k-button.k-state-hover {
    background: none;
}

.cu-multiselect .k-multiselect-wrap .k-reset {
    height: 18px;
    overflow: hidden;
    width: 142px;
    white-space: nowrap;
}

.cu-multiselect .k-multiselect-wrap .k-input {
    display: none;
}

.cu-multiselect .k-multiselect-wrap .k-reset li.k-button {
    margin: 0px 3px 0px 0px;
}

    .cu-multiselect .k-multiselect-wrap .k-reset li.k-button:after {
        content: ",";
    }

.cu-multiselect .k-multiselect-wrap .k-reset:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 24px;
    height: 26px;
    border-left: 1px solid #dfdfdf;
    font-family: "smarttouch" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: -1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: bottom;
    font-size: 12px;
    content: "\e125";
    text-align: center;
    line-height: 30px;
    background-color: #fff;
}

.cu-multiselect.k-multiselect.k-state-hover .k-multiselect-wrap .k-button {
    color: #fff;
}

.cu-multiselect.k-multiselect.k-state-hover .k-multiselect-wrap .k-reset:after {
    background: #369f8f !important;
}

.cu-multiselect li.k-item.k-state-selected:hover {
    border: none;
    color: #fff;
}

.cu-multiselect .k-animation-container {
    top: 43px;
}

.cu-multiselect .k-select {
    display: none;
}

/*Multi checkbox purchase datails*/
.cu-multiselect-purch .k-multiselect-wrap li {
    margin: 0px;
    padding: 0px;
    display: inline;
    border: none;
    background: none !important;
    float: none !important;
}

.cu-multiselect-purch span.k-icon.k-i-close {
    display: none;
}

.cu-multiselect-purch.k-multiselect {
    cursor: pointer;
    border-radius: 0px;
}

    .cu-multiselect-purch.k-multiselect .k-multiselect-wrap {
        padding: 3px 8px 0px 8px;
    }

    .cu-multiselect-purch.k-multiselect.k-state-hover .k-multiselect-wrap {
        background: #369f8f !important;
        color: #fff;
    }

.cu-multiselect-purch li.k-item.k-state-selected {
    border-radius: 0px;
    background: #369f8f;
    border: none !important;
}


.cu-multiselect-purch .k-button:hover, .cu-multiselect .k-button.k-state-hover {
    background: none;
}


.cu-multiselect-purch .k-multiselect-wrap .k-reset {
    height: 18px;
    overflow: hidden;
    width: 509px;
    white-space: nowrap;
}


.cu-multiselect-purch .k-multiselect-wrap .k-input {
    display: none;
}

.cu-multiselect-purch .k-multiselect-wrap .k-reset li.k-button {
    margin: 0px 3px 0px 0px;
}

    .cu-multiselect-purch .k-multiselect-wrap .k-reset li.k-button:after {
        content: ",";
    }

    .cu-multiselect-purch .k-multiselect-wrap .k-reset li.k-button:last-child:after {
        content: " ";
    }

.cu-multiselect-purch .k-multiselect-wrap .k-reset:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 24px;
    height: 26px;
    border-left: 1px solid #dfdfdf;
    font-family: "smarttouch" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: -1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: bottom;
    font-size: 12px;
    content: "\e125";
    text-align: center;
    line-height: 30px;
    background-color: #fff;
}

.cu-multiselect-purch.k-multiselect.k-state-hover .k-multiselect-wrap .k-button {
    color: #fff;
}

.cu-multiselect-purch.k-multiselect.k-state-hover .k-multiselect-wrap .k-reset:after {
    background: #369f8f !important;
}

.cu-multiselect-purch li.k-item.k-state-selected:hover {
    border: none;
    color: #fff;
}

.cu-multiselect-purch .k-animation-container {
    top: 43px;
}

.cu-multiselect-purch .k-select {
    display: none;
}


.CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {
    position: absolute;
    background: #ccc;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #bbb;
    border-radius: 2px;
}

.CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical {
    position: absolute;
    z-index: 6;
    background: #eee;
}

.CodeMirror-simplescroll-horizontal {
    bottom: 0;
    left: 0;
    height: 8px;
}

    .CodeMirror-simplescroll-horizontal div {
        bottom: 0;
        height: 100%;
    }

.CodeMirror-simplescroll-vertical {
    right: 0;
    top: 0;
    width: 8px;
}

    .CodeMirror-simplescroll-vertical div {
        right: 0;
        width: 100%;
    }


.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler, .CodeMirror-overlayscroll .CodeMirror-gutter-filler {
    display: none;
}

.CodeMirror-overlayscroll-horizontal div, .CodeMirror-overlayscroll-vertical div {
    position: absolute;
    background: #bcd;
    border-radius: 3px;
}

.CodeMirror-overlayscroll-horizontal, .CodeMirror-overlayscroll-vertical {
    position: absolute;
    z-index: 6;
}

.CodeMirror-overlayscroll-horizontal {
    bottom: 0;
    left: 0;
    height: 6px;
}

    .CodeMirror-overlayscroll-horizontal div {
        bottom: 0;
        height: 100%;
    }

.CodeMirror-overlayscroll-vertical {
    right: 0;
    top: 0;
    width: 6px;
}

    .CodeMirror-overlayscroll-vertical div {
        right: 0;
        width: 100%;
    }


ul#accountname_listbox {
    padding: 0;
    margin: 0;
}

    ul#accountname_listbox > li {
        padding: 5px 12px;
        font-size: 13px;
    }


/*input#accountname {
    height: 54px;
}*/

.login-panel-right .box_panel {
    margin-top: 10px;
}

.login-panel-right .installations .boxes {
    width: 159px;
    padding: 0;
    margin: 10px 20px;
    text-align: center;
    float: left;
    display: block;
}

    .login-panel-right .installations .boxes > img {
        display: block;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .login-panel-right .installations .boxes .bottom-text {
        font-size: 12px;
        font-weight: 600;
        padding-top: 10px;
        display: block;
    }

.login-panel-left .logo-bdx {
    text-align: center;
    padding: 10px 0;
}

    .login-panel-left .logo-bdx span {
        padding-top: 20px;
        display: inline-block;
        font-weight: 600;
        color: #333;
    }

        .login-panel-left .logo-bdx span label {
            color: #369f8f;
            display: inline-block;
            font-weight: 600;
        }

.login-panel-left .footer-bdx {
    margin: 15px 0 0 0 !important;
    line-height: 50px !important;
}

.stt-tour .popover-navigation .btn.btn-primary {
    border-bottom-right-radius: 5px;
}


.bdx-report-grid table {
    table-layout: auto !important;
}

/*Terms and conditions*/
.blurbody {
    -webkit-filter: blur(05px);
    -moz-filter: blur(05px);
    -o-filter: blur(05px);
    -ms-filter: blur(05px);
    filter: blur(05px);
    /*opacity: 0.4;*/
}

#termsandcond .modal-header {
    background-color: #369f8f;
}


.btn_default-new {
    background-color: #F1F1F1;
    border: 0;
    padding: 5px 20px !important;
}


.btn_default-new-active {
    border: 0;
    padding: 5px 20px;
}

#templatechange .btn + .btn {
    margin-left: 0;
}

.layout-search-n {
    width: 375px;
}

.breadcrumb-n .active > a {
    color: #369f8f;
    font-weight: normal;
    font-family: 'OpensansRegular',sans-serif;
    display: inline;
    padding: 0 10px 0 0;
    cursor: pointer;
}

.camp-cur {
    cursor: pointer;
}

.breadcrumb-n {
    padding: 0 20px 10px 0;
}

.breadcrumb > li.flag:after {
    content: "";
}

.breadcrumb > li.flag {
    color: #EFC340;
}

.sta-cm-heading i.icon.st-icon-flag-2 {
    color: #EFC340;
}

.brdr-btm {
    border-bottom: 1px solid #369f8f;
}

.campaignssteps-footer-n {
    background-color: #fff;
    left: 0;
    padding: 0 0 0 72px;
    box-shadow: 0 -1px 15px rgba(0,0,0,.4);
    -moz-box-shadow: 0 -1px 15px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 -1px 15px rgba(0,0,0,.4);
    -ms-box-shadow: 0 -1px 15px rgba(0,0,0,.4);
    height: 65px;
}

.back-btn i {
    padding-right: 10px;
}

.back-btn a {
    float: left;
    height: 65px;
    line-height: 65px;
    border-right: 1px solid #E6E6E6;
    text-align: center;
    font-size: 14px;
    color: #000;
    display: block;
    width: 100px;
}

.steps-new {
    float: left;
    text-align: center;
    width: calc(100% - 200px);
    line-height: 65px;
}

.next-btn a {
    float: right;
    background: #DFDFDF;
    height: 65px;
    line-height: 65px;
    text-align: center;
    font-size: 14px;
    color: #000;
    display: block;
    padding: 0 15px 0 23px;
    width: 100px;
}

.next-btn i {
    padding-left: 10px;
}


.steps-new ul {
    display: inline-block;
    padding: 0;
    margin: 0;
}

    .steps-new ul li {
        display: inline-block;
        padding: 0;
        margin: 0;
    }

        .steps-new ul li a {
            color: #AEAEAE;
            font-size: 14px;
            padding: 10px 0px 10px 0px;
        }

            .steps-new ul li a.active {
                color: #4298D1;
                font-size: 14px;
            }

                .steps-new ul li a.active i {
                    border: 1px solid #4298D1;
                }

.steps-new i {
    border: 1px solid #ccc;
    height: 45px;
    width: 45px;
    border-radius: 45px;
    display: inline-block;
    vertical-align: middle;
    line-height: 45px;
    font-size: 18px;
    margin-right: 10px;
}


.steps-new span i {
    border: 0;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    color: #AEAEAE;
    margin-left: 10px;
}

.campaigns-layouts li .layout-title-n {
    padding: 7px 0 7px 10px;
    background-color: #E9E9E9;
    text-align: left;
    font-weight: normal;
    color: #222;
    overflow: hidden;
    width: 176px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

    .campaigns-layouts li .layout-title-n.active {
        background-color: #369f8f;
        color: #fff;
    }

.campaigns-layouts li .layout {
    width: 176px;
}

    .campaigns-layouts li .layout.selected, .campaigns-layouts li .layout:hover {
        box-shadow: none;
    }

    .campaigns-layouts li .layout.selected {
        border: 1px solid #369f8f;
        box-shadow: none;
    }

.campaigns-layouts li .layout {
    border: 1px solid #E5E5E5;
}

.scc-view-campaign {
    position: absolute;
    width: 35px;
    height: 30px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #cfcfcf;
    line-height: 30px;
    text-align: center;
}

    .scc-view-campaign.active {
        background: #78A457;
        color: #fff;
    }

    .scc-view-campaign .icon-stc-eye_preview_see_seen_view {
        font-size: 22px;
    }

.campaigns-layouts li {
    position: relative;
    margin: 0 16px 19px 0;
}

#campaign-tabs a.btn {
    border: 0;
    padding: 0 23px 0 0;
    margin: 0 0 7px 0;
    font-size: 13px;
    font-weight: 500;
    color: #4f4f51;
}

#campaign-tabs a:hover.btn {
    color: #000;
}

#campaign-tabs a.btn i {
    padding-right: 6px;
    font-size: 18px;
    /*position: relative;
    top: 3px;*/
}

#campaign-tabs {
    border-bottom: 2px solid #e2e2e2;
    padding-top: 0px;
}

.campaigns-template {
    padding: 15px;
    background-color: #f3f3f3;
    overflow: auto;
}

.campaigns-body {
    box-shadow: 0 -1px 9px rgba(0,0,0,.1);
    -moz-box-shadow: 0 -1px 9px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 -1px 9px rgba(0,0,0,.1);
    -ms-box-shadow: 0 -1px 9px rgba(0,0,0,.1);
}

.ControlViews.btn-group > .btn:first-child {
    margin-left: 0px;
}

.ControlViews.btn-group {
    border-bottom: 2px solid #369f8f;
    margin-top: 6px;
}

    .ControlViews.btn-group > .btn.active {
        background: #369f8f;
        color: #fff;
        border: 0;
    }

    .ControlViews.btn-group > .btn {
        border: 0;
        font-size: 13px;
    }

.ControlViews.btn-group {
    border-bottom: 2px solid #369f8f;
}

    .ControlViews.btn-group > .btn {
        padding: 0 24px;
    }

    .ControlViews.btn-group > .btn {
        width: auto;
    }

        .ControlViews.btn-group > .btn i {
            margin-right: 6px;
            font-size: 17px;
            vertical-align: middle;
        }


.stc-dragging-control, .campaigns-theme-controls .drag-controls ul.widgets li {
    float: none !important;
    height: 100px;
    list-style: none outside none;
    text-align: center;
    vertical-align: top;
    width: 100px;
    cursor: move;
    margin-left: -1px;
    background: #fcfcfc;
    margin: 10px 5px;
    border: 1px solid #ebebeb;
    display: inline-block;
}

.campaigns-theme-controls .drag-controls .drag-controls-content .content-block.active {
    border: 0;
}


.campaign-type-pop {
    width: 800px;
    border: 0;
}

.campaign-type-pop-header {
    background: #369f8f;
    padding: 10px 15px;
}

    .campaign-type-pop-header h6 {
        font-size: 15px;
        color: #fff;
    }

    .campaign-type-pop-header .close {
        color: #fff;
        font-weight: 600;
        font-size: 28px;
        margin: 0;
    }

.campaign-type-pop-body .form-inline .form-group {
    display: block;
    padding: 0;
    margin: 0;
}

.campaign-select {
    top: 40px;
}

.campaign-type-pop-body {
    padding: 15px;
}

    .campaign-type-pop-body .form-inline .form-group {
        display: block;
        padding: 0;
        margin: 0;
    }

        .campaign-type-pop-body .form-inline .form-group .form-control {
            width: 350px;
        }

.form-inline .form-group > label {
    font-family: 'OpensansRegular',sans-serif;
    color: #333;
}

.campaign-type-pop-body .required {
    color: #bb1515;
}

span.st-custag {
    padding: 0;
    line-height: 25px;
    font-style: normal;
    color: #333;
}

.campaign-type-pop-body .form-group.validation-form-control {
    width: 100% !important;
}

.campaign-type-pop-body .form-inline .form-group .form-control {
    width: 100% !important;
}

/* UI/UX to drop
.form-group label {
    margin-bottom: 0px;
}
    */

.campaigns .row .col-sm-6 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.campaigns .row {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.campaign-type {
    width: 100%;
    margin-top: 10px;
}

.campaign-select-pop-footer {
    background: none;
    padding: 2px 15px 16px 0px;
}

    .campaign-select-pop-footer .btn.btn-primary {
        background: #369f8f !important;
    }

    .campaign-select-pop-footer .btn.btn-lg {
        height: 42px;
        line-height: 42px;
        padding: 0 25px;
        border: 0;
        background: #606060;
        color: #fff;
    }

.campaign-type-select .row:hover {
    background: #f8f8f8;
    cursor: pointer;
}

.campaign-type-select .row.active {
    background: #f8f8f8;
}

.campaign-type-select {
    padding: 0 15px;
    border-top: 1px solid #dbdbdb;
    /* display: block; */
}

.box {
    margin-top: 15px;
    margin-left: 10px;
    margin-bottom: 15px;
    overflow: hidden;
}

    .box h6 {
        font-size: 16px;
        color: #3f3f3f;
    }

    .box span {
        font-size: 14px;
    }

    .box i {
        font-size: 35px;
        color: #369f8f;
    }

.campaign-type-pop-body {
    max-height: initial;
}

.campaign_img {
    display: block;
    float: left;
    margin-left: 15px;
    margin-right: 32px;
}

.campaign_text {
    display: block;
    float: left;
    vertical-align: middle;
    margin-top: 10px;
}

.campaign_select {
    display: block;
    float: right;
    padding-right: 30px;
    margin-top: 10px;
}

.campaign-type-select:last-child {
    border-bottom: 1px solid #DBDBDB;
}

.campaign-select {
    outline: none;
}

.campaign-type-pop-body .form-control {
    min-height: 34px;
    height: auto;
}

ul.campaigns-layouts a {
    color: #736B6B;
}

.campagin-rvw-campaignsub {
    padding-bottom: 10px;
    font-weight: 600;
}

.campaign-rvw-formsubheadings {
    border: 0;
    color: #505050;
    display: block;
    font-size: 21px;
    padding: 0;
    font-family: 'OpensansRegular',sans-serif;
    line-height: 30px;
    margin-bottom: 11px;
    width: 100%;
    display: block;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #dde1e4;
}

.campaign-rvw-senderdetails {
    padding-bottom: 15px;
}

.campaign-rvw-recipients {
    padding-bottom: 15px;
}

.campaign-rvw-sub-det {
    padding-bottom: 15px;
}

span.total-recipients {
    font-size: 16px;
}

.campagin-rvw-search-by-tags {
    margin: 7px 0 0 0;
}

    .campagin-rvw-search-by-tags .form-group {
        width: 50%;
        float: left;
        margin: 0;
        padding: 0;
    }

.campaign-viewbtn {
    margin: 0;
    top: 0px;
}

.campagin-rvw-saved-search .form-group {
    width: 49%;
    float: right;
    margin: 0;
    padding: 0;
}

.st-recent-popular .st-tags {
    border-bottom: 0;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 48px;
    background-color: rgba(0, 0, 0, 0.07);
}

#appTourContactTags .st-recent-popular .st-tags {
    background-color: rgba(0, 0, 0, 0.04);
}

#quick-actions .st-recent-popular .st-tags {
    margin-top: 0;
}

.filters-tags a {
    flex: 1 1 auto !important;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: black;
    display: flex;
    justify-content: center;
}

    .filters-tags a:after {
        content: "\e313";
        font-family: Material Icons Outlined;
        margin-left: 6px;
        font-size: 18px;
        transition: .25s;
    }

    .filters-tags a.selected:after {
        transform: rotate(180deg);
    }

.-info-round .tag {
    border-color: #a6a6a6;
    background-color: #73a9cd;
    color: #fff;
}

.tag.text-small {
    font-size: 12px;
    line-height: 16px;
}

.tag.text-medium {
    font-size: 14px;
    line-height: 20px;
}

.tag {
    padding: 6px 12px;
    border-radius: 40px;
    font-weight: 600;
    letter-spacing: -0.25px;
    margin: 0 8px;
    display: inline-flex;
    align-items: center;
    transition: 0.25s;
    cursor: pointer;
}

    .tag.selected {
        color: white !important;
        background-color: #369f8f;
        border: none !important;
    }

        .tag.selected:before {
            font-family: "Material Icons" !important;
            font-size: 1.1em;
            margin-right: 10px;
            content: "\e876";
            color: white;
        }

    .tag.black {
        border: 1px solid rgba(255, 255, 255, 0.5);
        color: rgba(255, 255, 255, 0.75);
    }

        .tag.black:not(.selected):hover {
            border: 1px solid transparent;
            background-color: rgba(255, 255, 255, 0.75);
            color: black;
        }

    .tag.light {
        border: 1px solid #DCDEE6;
        color: #6B6F80;
    }

        .tag.light:not(.selected):hover {
            border: 1px solid transparent;
            background-color: rgba(0, 0, 0, 0.25);
            color: white;
        }

.k-widget {
    background-color: transparent;
}

.tagsinput {
    background: rgba(0, 0, 0, 0.07);
    border: none;
    padding: 0 8px;
    min-height: 48px;
}

    .tagsinput .tag,
    .tagsinput .tag:hover,
    .k-multiselect-wrap .k-reset li.k-button,
    .k-multiselect-wrap .k-reset li.k-button:hover {
        background: #648EF9;
        border-radius: 40px;
        padding: 4px 10px;
        display: inline-flex;
        color: white;
        font-weight: 600;
        font-size: 13px;
        line-height: 20px;
        align-items: center;
        text-align: center;
        letter-spacing: -0.25px;
        cursor: default;
        margin: 4px;
        max-height: 32px;
    }

        .tagsinput .tag > span {
            cursor: default;
        }

.tagsinput-remove-link,
.k-select .k-icon {
    position: static;
    display: flex;
    align-items: center;
    padding: 0;
    width: fit-content !important;
}


    .tagsinput-remove-link:before,
    .k-i-close:before {
        font-family: "Material Icons Outlined" !important;
        content: "\e5cd";
        color: white;
        font-size: 14px;
        cursor: pointer;
    }

.tagsinput .tag.tag-warning {
    color: orange;
    background-color: #fea;
}

    .tagsinput .tag.tag-warning:hover {
        color: white;
        background-color: orange;
    }

.tag-warning .tagsinput-remove-link {
    color: orange;
}

.tagsinput .k-autocomplete.k-state-default {
    background-color: transparent;
}

.tagsinput .k-autocomplete:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e147";
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    top: 8px;
}

.tagsinput-remove-link {
    padding: 0;
}

span.count {
    float: right;
    padding-bottom: 5px;
}

    span.count .btn.all-count {
        line-height: 26px;
        border: 0;
        background-color: #369f8f;
        color: #fff;
        margin: 0;
    }

    span.count .btn.active-count {
        line-height: 26px;
        border: 0;
        background: #eaeaea;
        color: #737373;
        margin: 0;
    }

    span.count .btn.all-count span.badge {
        font-size: 12px;
        font-weight: normal;
        color: #fff;
        line-height: 18px;
        background-color: #369f8f;
        border-radius: 0;
        padding: 0 0;
    }

    span.count .btn.active-count span.badge {
        font-size: 12px;
        font-weight: normal;
        color: #737373;
        line-height: 18px;
        background-color: #eaeaea;
        border-radius: 0;
        padding: 0 0;
    }


.campaign-pvw-formsubheadings {
    border: 0;
    color: #505050;
    display: block;
    font-size: 21px;
    padding: 0;
    font-family: 'OpensansRegular',sans-serif;
    line-height: 40px;
    margin-bottom: 0;
    width: 100%;
    display: block;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #4b9ed4;
}

.campaign-viewbtn > .btn:first-child {
    width: 106px !important;
}

.campaign-viewbtn > .btn.active {
    background-color: #369f8f ;
}

.campaign-viewbtn > .btn {
    border: 0;
    background-color: #ebebeb;
    margin-left: 5px !important;
    width: 106px !important;
    font-size: 13px;
}

.campaign-preview-type {
    margin-top: 0;
}

.campaign-viewbtn > .btn i {
    margin-right: 5px;
}


.campaign-testmail-formsubheadings {
    border: 0;
    color: #505050;
    display: block;
    font-size: 21px;
    padding: 0;
    font-family: 'OpensansRegular',sans-serif;
    line-height: 40px;
    margin-bottom: 0;
    width: 100%;
    display: block;
    width: 100%;
    background-color: #fff;
    margin-top: 22px;
}

.save-btn a {
    float: right;
    background: #369f8f;
    height: 65px;
    line-height: 65px;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    display: block;
    padding: 0 15px 0 23px;
    width: 100px;
}


#senderdetails .form-group {
    width: 32%;
}

#editCampaignName .form-group {
    width: 32%;
    display: inline-block;
    margin-right: 0;
}

    #editCampaignName .form-group .btn {
        margin-left: 0;
    }

#editCampaignName .co-de-buttons {
}

#senderdetails .form-group:last-child {
    margin-right: 0;
}

div#designer-preview .modal-body {
    max-height: 650px;
    margin: auto;
}

.formsubheading.campaign-pvw-formsubheadings .btn {
    border: none;
}


.formsubheading.campaign-pvw-formsubheadings i.icon.st-icon-mail-2 {
    padding-right: 9px;
    font-size: 18px;
}


.content-styles-head {
    color: #369f8f;
    border-bottom: 2px solid #369f8f;
    margin-bottom: 20px;
    padding: 0 0 15px 13px;
    font-size: 15px;
    margin-top: 10px;
}

.campaign-text-editor {
    width: auto !important;
    position: relative;
}

    .campaign-text-editor ul.redactor-toolbar {
        background: #fff;
        border-bottom: 1px solid #dde1e4;
    }

    .campaign-text-editor .redactor-editor {
        border-bottom: 1px solid #E2E2E2;
    }

.campagin-text-editor-footer {
    padding: 20px 0 23px;
    background-color: #FFFFFF;
    float: right;
}

    .campagin-text-editor-footer .btn.btn-primary {
        background-color: #439ad0;
        border: 0;
    }

#controlbeingedited.redactor-editor {
    max-height: 700px;
    height: 575px;
}

.modal-large-uploader .modal-content {
    width: 900px !important;
}


/*modal pop-up*/
.modal-large-uploader .modal-header {
    background: #86b662;
    color: #fff !important;
    width: 899px !important;
}

.modal-xl, .modal-xl > .modal-content {
    width: 930px !important;
}

.modal-dialog.modal-lg.modal-large-uploader {
    width: 900px !important;
    margin-top: 70px !important;
}

.modal-large-uploader .tab-content {
    border: solid 1px #a8a4a3;
    padding: 20px;
    overflow: hidden;
    max-height: 400px;
    overflow: auto;
}

#imageGallery .modal-large-uploader .tab-content {
    border: solid 1px #a8a4a3;
    padding: 20px;
    max-height: 400px;
    overflow: hidden;
}

.modal-large-uploader .nav-tabs > li.active a {
    background: #a8a4a3;
    color: #fff;
    font-weight: 500;
    border-bottom: none !important;
    padding: 12px 20px !important;
}

.modal-large-uploader .nav-tabs > li.active > a, .modal-large-uploader .nav-tabs > li.active > a:hover, .modal-large-uploader .nav-tabs > li.active > a:focus {
    background: #a8a4a3;
    color: #fff;
}


.modal-large-uploader .nav-tabs > li {
    margin-right: 7px;
}

    .modal-large-uploader .nav-tabs > li a {
        background: #eaeaea;
        color: #525252;
        font-weight: 500;
        border-bottom: none !important;
        padding: 12px 20px !important;
    }

        .modal-large-uploader .nav-tabs > li a:hover {
            background: #9A9999;
            color: #fff;
        }

.modal-large-uploader input.st-im-uploader.form-control {
    padding: 15px;
    height: auto !important;
}

.modal-large-uploader .st-media-library ul {
    margin: 0px;
    padding: 0px;
}

    .modal-large-uploader .st-media-library ul li {
        width: 135px;
        max-width: 135px;
        float: left;
        margin-right: 25px;
        margin-bottom: 25px;
        border: solid 2px #DCDBD9;
    }

/*.modal-large-uploader .st-media-library ul li img {
            max-width: 125px;
        }*/

.modal-large-uploader .st-image-name {
    background: #DCDBD9;
    padding: 6px 10px 5px 0px;
    color: #333;
    font-size: 12px;
}

.modal-large-uploader .st-media-library ul li:nth-child(5n) {
    margin-right: 0px !important;
}

.modal-large-uploader .form-control {
    height: 40px !important;
}

.modal-large-uploader .modal-body {
    max-height: initial;
}

.modal-large-uploader .st-media-library ul li:hover {
    border: solid 2px #86b662;
}

    .modal-large-uploader .st-media-library ul li:hover .st-image-name {
        background: #86b662;
        color: #fff;
    }

.modal-large-uploader .modal-title {
    color: #fff;
    font-weight: 500;
}

    .modal-large-uploader .modal-title i {
        padding-right: 9px;
    }

.modal-large-uploader button.close span {
    color: #fff;
}

.modal-asset-uploader {
    top: 57px;
    outline: none;
}

.modal-large-uploader .stc-search-ca {
    position: absolute;
    left: 13px;
    top: 11px;
    font-size: 16px;
    color: #C1C1C1;
}

.modal-large-uploader .stc-image-search {
    padding-left: 38px;
}

.modal-large-uploader .sta-check-mark {
    position: absolute;
    font-size: 22px !important;
    z-index: 200;
    /* text-align: center; */
    left: 50%;
    top: 50%;
    margin-top: -28px;
    color: #86b662;
    margin-left: -12px;
}

    .modal-large-uploader .sta-check-mark:before {
        font-size: 34px;
    }

.modal-large-uploader .st-media-library ul li {
    position: relative;
}

    .modal-large-uploader .st-media-library ul li:after {
        content: "";
        position: absolute;
        width: 131px;
        z-index: 100;
        height: 106px;
        background: rgba(0,0,0,0.5);
        top: 0px;
        display: none;
    }


    .modal-large-uploader .st-media-library ul li.active:after {
        display: block;
    }

.modal-large-uploader .sta-check-mark {
    display: none;
}

.modal-large-uploader li.active .sta-check-mark {
    display: block;
}

.modal-large-uploader .modal-footer {
    padding: 15px 23px;
    background-color: white;
}

.modal-large-uploader .btn {
    padding: 6px 40px;
    font-size: 14px;
    border: 0;
}

    .modal-large-uploader .btn.btn-default {
        background: #666666;
        color: #fff;
        margin-left: 2px;
    }

.modal-large-uploader input.asset {
    width: 84%;
    display: inline-block;
}

.modal-large-uploader .btn.upload {
    background-color: #fff;
    color: #444;
    border: 1px solid #dfdfdf;
    padding: 5px 32px;
}

    .modal-large-uploader .btn.upload:hover {
        background-color: #666666;
        color: #fff;
    }

.lib-img.img-item {
    max-width: 150px;
    height: 120px;
    max-height: 120px;
    text-align: center;
}

.st-img-gallery .k-grid-content.k-auto-scrollable {
    /*height:auto;*/
    min-height: 400px;
}

#controlEditor {
    background: #ffffff;
    z-index: 100;
    bottom: 130px;
    overflow-x: visible;
    position: fixed;
    top: 150px;
    width: 52%;
    border: solid 5px #777975;
}

.sta-ncm-grid span.sta-cm-heading {
    display: block;
    color: #464646;
}

.sta-cm-heading .sta-cm-status {
    color: #6f87b3;
}

.sta-ncm-grid .k-grid-header th.k-header > .k-link {
    /*font-weight: 500 !important;*/
    /*font-size: 14px;*/
    /*font-family: 'Open sans';*/
    /*color: #464646;*/
}

.sta-ncm-grid span.sta-cm-status-icon span {
    font-size: 17px;
    color: #369f8f;
    padding: 0 5px;
}

.sta-ncm-grid span.sta-cm-status-icon {
    margin-bottom: 0px;
    font-size: 13px;
}


.icon-stc-email_envelope_letter_mail:before {
    vertical-align: bottom;
    font-size: 18px;
}

.sta-ncm-grid span.sta-cm-status {
    color: #adadad;
}

.sta-cm-status-uppercase {
    color: #797979;
    text-transform: uppercase;
    font-size: 12px;
    /*text-transform: uppercase;*/
}

.sta-ncm-grid .left-part .checkbox .icons, .left-part .radio .icons {
    left: 5px;
    top: 6px;
}

.sta-ncm-grid .sta-scheduled span {
    color: #ca8753 !important;
}

.sta-ncm-grid .sta-stopped span {
    color: #9d240c !important;
}

.sta-ncm-grid .sta-failed span {
    color: #ff0034 !important;
}

.sta-ncm-grid .k-grid-pager ul.k-pager-numbers li {
    border-right: none;
}

    .sta-ncm-grid .k-grid-pager ul.k-pager-numbers li span.k-state-selected {
        width: 0;
    }


.st-media-library .k-grid-header {
    height: 0px;
}

.next-btn .active {
    background-color: #369f8f;
}

.transform-upperCase {
    text-transform: uppercase;
}

/*.campaigns-grid .sta-cm-heading {
    font-style: italic;
}*/


/*.campaigns-grid.sta-ncm-grid .grid-row-controls .icon {
    font-size: 25x;
    color: #434343;
}*/

.campaign-time-format {
    display: block;
    color: #434343;
}

.grid-row-controls .icon-stc-edit_editor_pen_pencil_write {
    font-size: 18px !important;
    color: #434343;
}

.grid-row-controls .icon-stc-bin_cancel_close_cross_delete_empty_exit_garbage_minus_out_recycle_remove_trash {
    font-size: 18px !important;
    color: #434343;
}



.st-img-gallery {
    width: 100%;
    overflow: hidden;
    overflow-x: hidden;
    height: auto;
}

    .st-img-gallery .k-grid-header {
        line-height: 45px;
        border: none;
    }

    .st-img-gallery .k-grid-content {
        overflow-x: hidden !important;
        height: 560px !important;
        min-height: 300px;
        max-height: 575px;
    }

    .st-img-gallery .k-virtual-scrollable-wrap {
        overflow-x: hidden !important;
        min-height: 300px;
    }

        .st-img-gallery .k-virtual-scrollable-wrap table {
            border: none;
            background-color: #ffffff;
        }

    .st-img-gallery img {
        max-width: 131px;
        max-height: 106px;
        text-align: center;
    }

#plaintexteditor, #plaintextversioneditor {
    background: #fff;
    padding: 10px;
    border: solid 2px #757676;
    white-space: pre-wrap;
    width: 100%;
    height: 100%;
    min-height: 500px;
    margin: auto;
    overflow-y: scroll;
    overflow-x: hidden;
}

    #plaintexteditor:focus, #plaintextversioneditor:focus {
        outline: none;
    }

.plaintextcampaign-preview {
    white-space: pre-wrap;
}

@media(min-width:320px) and (max-width:1155px) {
    #plaintexteditor, #plaintextversioneditor {
        max-width: 400px;
    }
}

@media(min-width:320px) and (max-width:810px) {
    #plaintexteditor, #plaintextversioneditor {
        max-width: 250px;
    }
}


.saveandclose {
    padding-right: 15px;
}

#campaignautomationstatus label:not(.active) {
    background: #fff;
}

#campaignautomationstatus.btn-group .btn:first-child {
    border-radius: 8px 0px 0px 8px !important;
}

#campaignautomationstatus.btn-group .btn:last-child {
    border-radius: 0px 8px 8px 0px !important;
}

#campaignautomationstatus.btn-group .btn:not(.active) {
    border: 1px solid #dfdfdf;
    font-size: 14px;
    font-weight: 400;
    color: black;
}

#campaignautomationstatus.btn-group .btn:last-child {
    border-radius: 0px 8px 8px 0px;
}


.scc-view-campaign i.icon-stc-eye_preview_see_seen_view {
    line-height: 29px;
}


#controleditor .campaign-text-editor ul.redactor-toolbar {
    height: auto;
    padding-top: 5px !important;
    background: #F9F9F9;
}

#editor-header {
    font-size: 14px;
    font-weight: 600;
    line-height: 52px;
    color: #87b763;
    padding: 0px 10px;
    /*border-bottom: solid 1px #87b763;*/
    margin: 0px;
    text-transform: uppercase;
}

.sta-campain-top-options {
    padding-top: 8px;
}

ul.st-widgets-edit-controls li a {
    color: #333;
}

#controlbeingedited {
    margin: auto !important;
    min-height: 277px;
}

    #controlbeingedited.redactor-editor table {
        border: 0;
    }

/*#controlbeingedited.redactor-editor table td {
        border: 0;
    }*/

#controleditor .campagin-text-editor-footer {
    background-color: #F9F9F9;
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.stc-right-settings .redactor-box {
    padding-left: 3px;
}

#campaignautomationstatus {
    position: relative;
}

.btn-group-dashboard {
    top: -4px !important;
    right: 20px !important;
    float: right !important;
}

.btn-group-dashboard-piechart-tile {
    top: 6px !important;
    float: right !important;
}

.btn-group-dashboard-firstrow {
    top: 0 !important;
    right: 7px !important;
    margin-left: 15px;
}

#campaignautomationstatus .btn.btn-primary {
    color: #444;
    margin: 0;
    padding: 0 14px 0 0;
}

#campaignautomationstatus .btn.btn-primary-dashboard {
    color: #444;
    margin: 0;
    border-color: #369f8f;
    margin-left: -1px;
}

#campaignautomationstatus .btn.btn-primary {
    color: #444;
    margin: 0;
    padding: 0 14px 0 0;
}

#campaignautomationstatus .btn.btn-primary-dashboard {
    color: #444;
    margin: 0;
    border-color: #369f8f;
    margin-left: -1px;
}

#campaignautomationstatus .btn.btn-primary.active {
    color: #fff;
}

#campaignautomationstatus .btn.btn-primary-dashboard.active {
    color: #fff;
    margin-left: -1px;
}

input.form-control.choose-file {
    height: 35px;
    padding: 6px;
    width: 32%;
    margin-top: 15px;
}

#imageGallery.modal {
    left: -205px;
}

#campaignsdesignarea.campaigns-body {
    box-shadow: none;
}

#campaignsdesignarea {
    margin: 0px auto;
    font-family: Calibri;
    min-height: 600px;
    max-width: 845px;
}

#contactfieldsintoolbar {
    position: absolute;
    top: 39px;
    left: 544px;
    z-index: 100;
    background: #fff;
    max-height: 546px;
    overflow-y: auto;
}

#editanimate .modal-backdrop {
    z-index: 9999;
    background: rgba(0,0,0,0);
}

.modal-backdrop {
    background: rgba(0,0,0,0.5) !important;
}


#controleditor {
    position: absolute;
    background: #fff;
    z-index: 100;
    top: 120px;
    width: 440px;
    right: 22px;
    bottom: 66px;
    border: none;
    border-left: solid 1px #cecece;
    box-shadow: none !important;
    left: initial !important;
}

.ui-resizable-handle.ui-resizable-w {
    border-right: solid 5px #C5C5C5;
    cursor: col-resize;
}

div#controleditor:focus {
    outline: none;
}

#controlbeingedited.redactor-editor {
    max-height: 681px;
    height: 439px;
    max-width: 742px;
}

#contactfieldsintoolbar {
    /* position: absolute;
    top: 39px;
    left: 546px;
    z-index: 100;
    background: #fff;
    max-height: 439px;
    overflow-y: auto;*/
    position: absolute;
    top: 74px;
    right: 0;
    z-index: 10000;
    background: #fff;
    overflow-y: initial;
    left: initial;
}

.cmp-inpt-fi {
    opacity: 0;
    z-index: 1;
}

.cmp-brs {
    position: relative;
    display: inline-block;
    bottom: 4px;
    left: -4px;
    cursor: pointer;
}

    .cmp-brs .k-button {
        border: none;
    }

.cmp-brs-fi {
    color: #444;
}

.ic-fn {
    font-size: 21px;
}

/*Campaign Dashboard links grid*/
.cmp-ds-links {
    margin-left: 50%;
    font-size: 49px;
    top: 25px;
    color: #ededed;
}

#campaigntest .modal-body {
    max-height: 720px;
}

span.campaigntype {
    padding-right: 4px;
    color: white;
    padding-left: 4px;
    font-size: 12px;
}

span.regularcampaign {
    background: #DCAD56;
}

span.plaintextcampaign {
    background: #D66FA0;
}

span.codecampaign {
    background: #71B78D;
}

.cd-controls i.icon-stc-eye_preview_see_seen_view {
    font-size: 21px;
}

.cd-controls i.icon-stc-edit_editor_pen_pencil_write {
    font-size: 18px;
}

.cd-controls i.icon-stc-bin_cancel_close_cross_delete_empty_exit_garbage_minus_out_recycle_remove_trash {
    font-size: 18px;
}

.pull-right i.icon-stc-edit_editor_pen_pencil_write {
    font-size: 18px;
}

.pull-right i.icon-stc-bin_cancel_close_cross_delete_empty_exit_garbage_minus_out_recycle_remove_trash {
    font-size: 18px;
}

.mtn i.icon-stc-edit_editor_pen_pencil_write {
    font-size: 18px;
}

/*Campaign Review and Send*/
.campaign-sub {
    margin: 7px 10px 0 0;
}

.campaign-tag {
    padding-left: 33px;
}

.campaign-sub .form-group {
    width: 50%;
    float: left;
    padding: 0;
    margin: 0;
}

.campaign-tag .form-group {
    width: 50%;
    float: right;
    padding: 0;
    margin: 0;
}
/*.campaignsdesignarea-body table:first-child {width: auto;}*/

/*Campaign Dasboard*/
.st-sent-tags:after {
    margin-right: 5px;
}

.st-sent-tags {
    margin-right: -5px;
}

.form-camp-sub {
    font-size: 21px;
}

.sch-camp-snd {
    margin-top: 5px;
}

#sch-cam-ontm {
    margin-top: 10px;
}

#autm-sct-cmp {
    margin-top: 10px;
}

.aut-camp-sv {
    margin-top: -70px;
    float: right;
    margin-right: 213px;
}

.aumcamp-sv {
    float: right;
}

.form-camp {
    font-size: 21px;
    margin-right: 271px;
}

.schcamp-sed {
    float: right;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 16px;
}

.schcm-tm-camp {
    float: right;
    margin-right: 225px;
}

#camp-sc {
    margin-right: 0;
    margin-top: 28px;
}

    #camp-sc .btn {
        margin: 0 3px;
    }


.camsd-sch {
    position: relative;
    left: 10px;
}

div#reviewcampaignacc {
    background: #EAEDEF;
    padding: 20px;
}

.camp-sed-ls {
    padding: 4px;
    margin-left: -2px;
}

.form-camp-sed {
    font-size: 21px;
    padding-top: 4px;
}

.cam-sd-lt {
    padding-top: 5px;
}

#cmpsch-tm label.control-label {
    padding-top: 0;
}

.model-test-email .cmp-tst-ct {
    margin-top: 10px;
    display: block;
}


.st-automation-act .btn {
    margin: 0 3px;
}

.st-automation-act {
    margin-top: 28px;
}

.st-editor-expander {
    padding: 10px 10px 17px 27px;
    border: 1px solid #ccc;
    width: 10px;
    left: -39px;
    position: absolute;
    top: -1px;
    border-radius: 5px 0px 0px 5px;
    background-color: #F9F9F9;
}

    .st-editor-expander .glyphicon-chevron-left {
        left: -16px;
        top: 4px;
        font-size: 16px;
    }

    .st-editor-expander .glyphicon-chevron-right {
        left: -16px;
        top: 4px;
        font-size: 16px;
    }

.expanded-editor {
    width: 750px !important;
    transition: left 0.4s !important;
    -webkit-transition: left 0.1s;
}

.st-editor-scroller {
    border: none;
    background: none;
    left: -16px;
    position: absolute;
    top: 53px;
    background-color: #f9f9f9;
    overflow-x: hidden;
    overflow-y: auto;
}

@media(min-height:400px) and (max-height:850px) {

    .st-img-gallery .k-grid-content {
        overflow-x: hidden !important;
        height: 260px !important;
    }


    .stc-dragging-control, .campaigns-theme-controls .drag-controls ul.widgets li {
        float: none !important;
        height: 80px;
        list-style: none outside none;
        text-align: center;
        vertical-align: top;
        width: 80px;
        cursor: move;
        margin-left: -1px;
        background: #fcfcfc;
        margin: 10px 5px;
        border: 1px solid #ebebeb;
        display: inline-block;
        font-size: 12px;
    }

    .campaigns-drapanddrop {
        position: relative;
        min-height: 400px;
        max-height: 500px;
    }

    #campaignsdesignarea {
        margin: 0px auto;
        font-family: Calibri;
        min-height: 380px;
        max-width: 845px;
    }

    #controlbeingedited {
        margin: auto !important;
        max-height: 285px !important;
    }


    .merge-content-block.active {
        display: block;
        max-height: 288px;
        overflow-y: auto;
    }

    div#designer-preview .modal-body {
        max-height: 475px;
        margin: auto;
    }
}

.camp-lay-prew .modal-body {
    text-align: center;
}

.camp-prw-vw .modal-body {
    margin-left: auto;
    margin-right: auto;
    min-height: 560px;
}

.widget-controls {
    position: absolute;
    top: 5px;
    z-index: 10;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    font-size: 16px;
    display: none;
    opacity: 0;
}

.firstWrapper:hover .widget-controls {
    display: inline;
    opacity: 0.90;
}

.widget-controls a {
    color: #fff;
    padding: 5px;
    background: #60baf3;
}


.innerWrapper .st-layout {
    /*display: table-cell;*/
}

#controlbeingedited img {
    height: auto !important;
}

.unlocked {
    height: initial;
}

#controlbeingedited #redactor-image-editter {
    top: -5px !important;
}

#canvas td, #controlbeingedited td {
    word-break: break-word;
}

    #controlbeingedited td .ui-resizable-handle {
        margin-bottom: 0px;
    }

#canvas #redactor-image-editter, #canvas #redactor-image-resizer {
    display: none;
}

#canvas td.widget-editable {
    display: inline-block;
}

.firstWrapper:hover .secondWrapper, .secondWrapper:hover .secondWrapper {
    outline: 2px dashed #4298D1;
}

.editcontrol #Contactfields {
    font-size: 12px;
    line-height: 10px;
}

.widget-outline {
    outline: 2px solid #369f8f;
}

.close-redactor-editor {
    padding: 5px;
}


#campaignname-breadcrumb i:hover {
    color: #000;
    -o-transition: all .90s ease 0s;
    -moz-transition: all .90s ease 0s;
    -webkit-transition: all .90s ease 0s;
    transition: all .90s ease .0s;
}

.lazy.redactor-image-gallery {
    border: none;
}

img.lazy.redactor-image-gallery:hover {
    border: 2px solid #369f8f;
}

#campaign-tabs .icon.icon-stc-Upload_up {
    position: relative;
    top: 4px;
}

#campaign-tabs .icon.icon-stc-send {
    position: relative;
    top: 5px;
}

#campaign-tabs .cmp-brs-fi {
    position: relative;
    top: 2px;
}

#campaign-tabs .ts-camp {
    position: relative;
    top: 2px;
}

#campaign-tabs .icon-stc-upload {
    position: relative;
    top: 2px;
    cursor: pointer;
}


#campaign-tabs .btn-default {
    height: 35px;
    width: 130px;
    background: #369f8f;
}

    #campaign-tabs .btn-default:hover {
        background: #78A756;
    }

#campaign-tabs .glyphicon-floppy-disk {
    position: relative;
    top: 5px;
    margin-left: 13px;
}

#contentimageselements .k-button.k-upload-selected {
    display: none;
}

#campaignTags_tag.k-input {
    margin-bottom: 0;
}


.st-aw-campaign-icon {
    float: left;
    margin-top: 26px;
    cursor: pointer;
}

.st-aw-campaign-icon1 {
    margin-top: 26px;
    cursor: pointer;
}

    .st-aw-campaign-icon1 i {
        margin-left: 0 !important;
    }


.st-aw-campaign-dropdown {
    float: left;
    display: inline-block;
    width: 93%;
}

.dash-image img {
    margin: 0px 0px 0px 0px !important;
}

#formSubmissionsGrid .st-icon-eye {
    cursor: pointer;
}
/*Lead source css*/
.st-lead-source {
    float: left;
    width: 95%;
}

.st-cu-edit-icon {
    float: left;
    padding-left: 12px;
    padding-top: 6px;
}


/*Assign User*/
.st-assignuser-options span {
    margin-right: 15px;
    font-weight: 600;
}

    .st-assignuser-options span input {
        margin-top: -3px;
        vertical-align: middle;
    }

.st-assignuser-options {
    margin-top: 10px;
    margin-bottom: 10px;
}

.st-singleusr {
    margin-left: 30px;
}

    .st-singleusr label {
        display: inline-block;
        font-weight: 600;
        margin-bottom: 5px;
        margin-top: 10px;
    }

.form-group.st-assignuser {
    width: 100%;
}

    .form-group.st-assignuser .st-singleusr {
        width: 500px;
    }

.st-weekday-options {
    display: inline-block;
    width: 100%;
}

    .st-weekday-options label {
        display: inline-block;
    }

    .st-weekday-options .k-dropdown {
        width: 40% !important;
        margin-left: 2%;
    }

    .st-weekday-options .k-multiselect.k-header {
        width: 40% !important;
        margin-left: 2%;
    }

    .st-weekday-options .st-dayname {
        width: 90px;
    }

    .st-weekday-options .st-rrc {
        margin-left: 2%;
    }

.st-weekday-options {
    margin-top: 12px;
}

    .st-weekday-options .validationMessage {
        display: inline-block;
        margin-left: 10px;
    }


.st-subaction-au .st-dayname {
    width: 90px;
}

.st-subactions-asu .st-subaction-au.st-weekday-options .k-dropdown {
    margin-left: 0;
    margin-top: 1%;
}

.st-subactions-asu {
    width: 550px;
}

#reengagementInfoGrid .st-icon-down, #reengagementInfoGrid .st-icon-user-2 {
    color: #ccc;
}

#redactor-modal-link-insert .form-group.medium, #redactor-modal-image-edit .form-group.medium {
    width: 245px !important;
    float: left;
    margin-right: 10px;
}

.appendToURL {
    width: 50px;
    height: 20px;
}

.st-insert-link-btn {
    margin-top: 28px;
}


#redactor-modal-link-insert .btn.btn-lg {
    font-size: 12px;
    line-height: 30px;
    padding: 0 14px;
    height: 30px;
}

#btn-appendToURL {
    border-top-width: 1px;
    margin: 31px 10px 10px 10px;
    height: 30px;
    border-top-width: 0px;
    border-bottom-width: 1px;
}

.pg-tle {
    margin-left: 14px;
}

.em-srh {
    margin-left: 40px;
    width: 250px;
    margin-top: 3px;
}

#wf-nm i.wf-nm-edt {
    opacity: 0;
    transition: all 0.25s;
}

#wf-nm:hover i.wf-nm-edt {
    opacity: 1;
}

.main-header label.wf-nm-lbe {
    font-weight: 600;
    background-color: #fff;
    font-size: 17px;
}

.main-header input.wf-nm-in {
    width: 500px;
}

.pullLabel-right {
    display: inline-block;
    float: right !important;
}

.most-popular-wrapper .link a {
    word-wrap: break-word;
}

.plain-text-tab {
    font-family: 'Times New Roman';
    font-size: 22px;
    padding-right: 5px;
}

.plaintext {
}

.wf-edt {
    cursor: pointer;
    color: #6d98c3;
}

.workflow-child-accordion {
    /*border: solid 1px #ccc;*/
    padding-bottom: 20px;
}

.workflow-child {
    border: solid 1px #ccc;
    padding: 20px;
}

.workflow-child-heading {
    border: solid 1px #ccc;
    cursor: pointer;
    background: #f6f6f6;
    font-size: 16px;
}

    .workflow-child-heading a {
        font-weight: 600;
        font-size: 14px;
    }

    .workflow-child-heading:hover .workflow-child-heading a {
        color: #fff;
    }

.workflow-history-heading {
    font-size: 21px;
    padding-bottom: 5px;
}

.workflow-child-status {
    font-size: 13px;
    font-style: italic;
}

.edit-contact-custom-fields
.edit-contact-custom-fields,
.open-custom-fields-url {
    position: absolute;
    top: 8px;
    z-index: 10;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    font-size: 16px;
    opacity: 0;
    padding-left: 10px;
    cursor: pointer;
}

.hideElement {
    display: none;
}

.customfield-edit-wrapper:hover .edit-contact-custom-fields {
    opacity: 0.90;
}

.open-custom-fields-url,
.open-custom-fields-url:hover {
    left: -12px;
    color: #757676;
}

.hideElement {
    display: none;
}

.customfield-edit-wrapper:hover .edit-contact-custom-fields,
.customfield-edit-wrapper:hover .open-custom-fields-url {
    display: inline;
    opacity: 0.90;
}

.customfield-edit p {
    display: inline-block;
    white-space: pre-wrap;
}

/* Bounce In */
.hvr-bounce-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
        transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    }

#customfields-nav-bar {
    overflow: hidden !important;
    position: relative;
    height: 37px;
}

.customfield-section {
    margin-top: -1px;
}

.flslarrow.flslright {
    right: 0px;
    left: inherit;
    padding-left: 3px;
    box-sizing: border-box;
}

.flslarrow {
    height: 37px;
    left: -18px;
    position: absolute;
    z-index: 100;
    top: 20px;
    background: #868789;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    padding-right: 2px;
    box-sizing: border-box;
}

.slarrow-disable {
    background: #ecedef;
}

#customfields-nav-bar-wrapper {
    overflow: hidden;
}

    #customfields-nav-bar-wrapper .nav-tabs > li.active {
        border-top: 4px solid #369f8f;
    }

    #customfields-nav-bar-wrapper .nav-tabs > li.active {
        border-top: 4px solid #369f8f;
    }

.ss-nte {
    margin-top: 5px;
}

#cusfld-srt {
    margin-left: 10px;
}

.cust-sct-srt {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 0px;
}

ul.engagement-st-smry {
    margin: 0 -1%;
    padding: 0;
}

    ul.engagement-st-smry li {
        float: left;
        background: #fff;
        height: 80px;
        width: 31%;
        text-align: center;
        padding: 15px 5px;
        border: solid 1px #eaeaea;
        position: relative;
        margin: 0 1% 20px;
    }

    ul.engagement-st-smry .st-leadnum {
        font-size: 24px;
    }

    ul.engagement-st-smry li .st-leadtext {
        font-size: 14px;
        font-family: 'OpensansBold';
    }

    ul.engagement-st-smry li.eng-st-smry1:before,
    ul.engagement-st-smry li.eng-st-smry2:before,
    ul.engagement-st-smry li.eng-st-smry3:before {
        content: "";
        height: 3px;
        position: absolute;
        width: 100%;
        z-index: 1;
        left: 0;
        right: 0;
        top: -3px;
    }

    ul.engagement-st-smry li.eng-st-smry1:before {
        background-color: #88cb46;
    }

    ul.engagement-st-smry li.eng-st-smry2:before {
        background-color: #f1c40f;
    }

    ul.engagement-st-smry li.eng-st-smry3:before {
        background-color: #4eb2f2;
    }

ul.engagement-st-smry-purchases {
    margin: 0 -1%;
    padding: 0;
}

    ul.engagement-st-smry-purchases li {
        float: left;
        background: #fff;
        height: 80px;
        width: 48%;
        text-align: center;
        padding: 15px 5px;
        border: solid 1px #eaeaea;
        position: relative;
        margin: 0 0.75% 20px;
    }

    ul.engagement-st-smry-purchases .st-leadnum {
        font-size: 24px;
    }

    ul.engagement-st-smry-purchases li .st-leadtext {
        font-size: 14px;
        font-family: 'OpensansBold';
    }

    ul.engagement-st-smry-purchases li.eng-st-purchases-smry1:before,
    ul.engagement-st-smry-purchases li.eng-st-purchases-smry2:before,
    ul.engagement-st-smry-purchases li.eng-st-purchases-smry3:before {
        content: "";
        height: 3px;
        position: absolute;
        width: 100%;
        z-index: 1;
        left: 0;
        right: 0;
        top: -3px;
    }

    ul.engagement-st-smry-purchases li.eng-st-purchases-smry1:before {
        background-color: #88cb46;
    }

    ul.engagement-st-smry-purchases li.eng-st-purchases-smry2:before {
        background-color: #f1c40f;
    }

    ul.engagement-st-smry-purchases li.eng-st-purchases-smry3:before {
        background-color: #4eb2f2;
    }


.campaigns-layouts li .layout-title-lm {
    padding: 7px 0 7px 10px;
    background-color: #dfdfdf;
    text-align: center;
    font-weight: normal;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.litms-rslt {
    font-size: 20px;
}

#ltm-rslt {
    padding: 6px;
}

ul.st-litmus-results li {
    margin-right: 7px !important;
}


.st-actual-imgpreviw {
    overflow: initial;
    outline: none;
}

.litmus-icon img {
    width: 18px;
    margin-right: 5px;
    height: 18px;
}

.prw-cls {
    margin: 0;
    font-size: 17px;
    line-height: 30px;
    color: #757676;
    cursor: pointer;
}

.bulk-temp-body {
    border: 1px solid #dfdfdf;
    height: 200px;
    overflow: scroll;
}

/*-------------------------------campaign-templates-view popup-window --------------------------------------------*/
#campaign-templates-view {
    box-shadow: 0 5px 5px rgba(199,199,199,1);
    -webkit-box-shadow: 0 5px 5px rgba(199,199,199,1);
    -moz-box-shadow: 0 5px 5px rgba(199,199,199,1);
}

    #campaign-templates-view .modal-lg {
        width: 624px;
    }

    #campaign-templates-view .h6 {
        font-size: 18px;
        font-weight: 400;
    }

    #campaign-templates-view .modal-header {
        padding: 14px 24px;
        background-color: #369f8f;
        color: #000;
        border-bottom: 1px #dde1e4 solid;
        height: 50px;
    }

    #campaign-templates-view .modal-title {
        margin: 0;
        font-size: 16px;
        color: #000;
        font-weight: 400;
    }

    #campaign-templates-view .modal-header .close {
        position: absolute;
        top: 6px;
        right: 14px;
        width: 30px;
        height: 30px;
        text-align: right;
        color: #000;
        font-size: 24px;
        font-weight: 700;
        cursor: pointer;
        outline: none;
    }

    #campaign-templates-view .modal-content {
        background: none;
        border: none;
    }

    #campaign-templates-view .modal-body {
        max-height: 350px;
    }


/*------------------------------- Actionmodal popup-window --------------------------------------------*/
#Action .modal-content {
    background: none;
    border: none;
    box-shadow: none;
}

#Action .layout-search {
    margin-top: 5px;
    width: 100%;
}

#Action .btn {
    margin-right: 10px;
    margin-bottom: 10px;
}

#Action .modal-footer .btn {
    margin-right: 10px;
    margin-bottom: 0;
}

#Action .top {
    padding: 20px 24px 20px;
    background-color: #f9f9f9;
}

#Action .campaigns-layouts li {
    margin: 0 30px 20px 0;
    display: inline-block;
}

#Action .moreinner-body {
    overflow-y: inherit;
}

#Action .campaigns-layouts li .layout .overlay a.select {
    margin-top: -10px;
}

/*------------------------------- Bulksendemailmodal popup-window --------------------------------------------*/
#bulksendemail .modal-content {
    background: none;
    border: none;
    box-shadow: none;
}

#bulksendemail .layout-search {
    margin-top: 5px;
    width: 100%;
}

#bulksendemail .btn {
    margin-right: 10px;
    margin-bottom: 10px;
}

#bulksendemail .modal-footer .btn {
    margin-right: 10px;
    margin-bottom: 0;
}

#bulksendemail .top {
    padding: 20px 24px 20px;
    background-color: #f9f9f9;
}

#bulksendemail .campaigns-layouts li {
    margin: 0 30px 20px 0;
    display: inline-block;
}

#bulksendemail .moreinner-body {
    overflow-y: inherit;
}

#bulksendemail .campaigns-layouts li .layout .overlay a.select {
    margin-top: -10px;
}

.select-block-srt {
    font-size: 12px;
}

.add-buyer-heading {
    line-height: 43px;
    /* padding: 0px 3px; */
    border-bottom: solid 1px #f2f2f2;
}

.buy-dlt {
    padding: 10px;
}

/*Add person*/
.cu-input-group .ed-phone input {
    float: none !important;
    width: 100% !important;
}

.cu-input-group .ed-phone > div {
    float: left;
    width: calc(25% - 10px);
    width: -webkit-calc(25% - 10px);
    width: -moz-calc(25% - 10px);
    padding: 0px 0px;
    display: inline-block;
    vertical-align: bottom;
}

    .cu-input-group .ed-phone > div > label:empty {
        min-height: 18px;
    }

/*Campaign Report*/
.campaignlisttable {
    table-layout: fixed;
}

.k-grid td .notesummary {
    white-space: normal;
}

.pls-nm {
    font-size: 11px;
}

/*.table-responsive {
    overflow: auto;
}*/
.action-temp > .redactor-box {
    z-index: 99 !important;
}

#campaign-templates-view {
    z-index: 100 !important;
}

#redactor-modal .campaign_lock {
    display: block;
}

    #redactor-modal .campaign_lock > label {
        display: inline-block;
    }

    #redactor-modal .campaign_lock > span {
        display: inline-block;
        margin: 0px 12px !important;
    }

    #redactor-modal .campaign_lock > input {
        margin: 0px 12px !important;
    }

.checkbox-image {
    width: 16px;
    height: 16px;
    background: transparent url(../../img/close_lock.png) no-repeat 0 50%
}

.image-checked {
    background: transparent url(../../img/open_lock.png) no-repeat 80% 50%;
}

.campaign_lock {
    display: inline-block !important;
}

.opp-view-inlnedit .form-group {
    width: 350px;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
}

.bulk-em-sb {
    font-family: 'OpensansRegular',sans-serif !important;
}

.bulk-em-by {
    margin-left: -15px;
    margin-right: -15px;
    min-height: 300px !important;
}

    .bulk-em-by > .redactor-box {
        z-index: 99 !important;
    }

#redactor-modal .campaign_lock {
    display: block;
}

    #redactor-modal .campaign_lock > label {
        display: inline-block;
    }

.mark-in-cm {
    margin-left: -3px;
}

.nightlyreport {
    table-layout: auto !important;
}

.stm-notification-wrapper ul li {
    list-style: initial;
}

.nightlyreport {
    table-layout: auto !important;
}

.bk-lin {
    margin-top: 85px;
}

.st-ln-pan {
    max-height: 476px;
}

#names .modal-dialog, #names .modal-content {
    width: 80%;
    margin: 0px auto;
}

.actions .em-eng-detail {
    float: left;
    text-align: center;
    border-right: solid 1px #eee;
    margin: 10px 0;
    width: 33%;
}

.action-temp span.validationMessage {
    margin-top: 28px;
}

.sendemail .sendemail-body .sendemail-header .redactor-editor-modified {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    position: relative;
    min-height: 300px !important;
}

.redactor-editor-modified .redactor-editor {
    max-height: none;
}

.bulk-em-by .redactor-editor {
    max-height: none;
}

.act-sav {
    pointer-events: none;
}

.st-never-bounce .checkbox {
    margin-top: -6px;
}

#nbprice {
    margin-top: 10px;
}

    #nbprice td {
        padding: 5px 0px;
    }

.st-never-bounce {
    margin-top: 10px;
}

.imp-nxt {
    padding-top: 10px;
}

#data .k-grid-header {
    border: 0;
}

#data th.k-grid-header:first-child {
    padding-left: 15px;
}

#data td {
    padding: 10px 0px;
}

    #data td:first-child {
        padding-left: 15px;
    }

div#nightlyStatus .k-grid-content {
    overflow-x: auto;
}

div#accountsList .k-grid-content {
    overflow-x: auto;
}

.msg-shd-tm .select-medium {
    width: 255px;
    display: inline-block;
    vertical-align: middle;
}

.msg-shd-tm .mfs {
    margin-top: 5px;
}

.msg-shd-tm .mts {
    margin-left: 14px;
    margin-top: 5px;
}

.msg-shd-tm .mfi {
    margin-left: 7px;
}

.msg-shd-tm .mti {
    margin-left: 7px;
}

.msg-sh-ic {
    color: #ccc;
    font-family: opensansregular;
    display: inline-block;
    white-space: nowrap;
}

#messagepreview .modal-dailog {
    width: 900px;
}

#messagepreview .modal-content {
    width: 900px;
}

.add-new-msg .redactor-box {
    z-index: 0 !important;
}

.stm-item-text ul li {
    list-style: inherit;
}

.ctnsmy {
    padding: 1px 0 0 15px;
}
/*.goog-logo-link {
   display:none !important;
} 

.goog-te-gadget{
   color: transparent !important;
}*/


.edit-field-label.field-label-plusicon {
    float: none;
    display: inline-block;
    margin-left: 0;
}

.edit-field-label.field-address {
}

.edit-field.address-field .edit-field i.st-icon-edit {
    float: right;
    margin-left: 8px;
}

.edit-field-label.field-community {
    margin-top: 8px;
    min-width: 200px;
}

ul.text-center.zillow-contact-details {
    padding: 0;
    width: 30%;
    margin: 0 auto;
}

    ul.text-center.zillow-contact-details li {
        list-style: disc;
        text-decoration: underline;
        text-align: left;
    }

.modal-dialog.research-contact .modal-content {
    width: 430px;
}

.whitepage-owner {
    margin-bottom: 15px;
}

.whitepageownerdetails {
    font-weight: bold;
}

.nt-dlt {
    margin-left: 8px;
}

.nt-view {
    margin-left: 8px;
}

span.control-label.lbl-hd {
    margin-right: 5px;
}

.in-im-rpt-st {
    margin-right: 10px;
}

/** Advanced View **/
.advancedview-grid table.dataTable tbody th, table.dataTable tbody td {
    padding: 13px 24px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.table-responsive.advancedview-grid {
    min-height: .01%;
    overflow-x: auto;
}


.advancedview-grid table.dataTable.no-footer {
    border: 0;
    border-bottom: transparent;
}

.advancedview-grid table.dataTable {
    width: 100% !important;
}

    .advancedview-grid table.dataTable thead th, .advancedview-grid table.dataTable thead td {
        border-bottom: transparent;
    }

    .advancedview-grid table.dataTable.no-footer {
        border: 1px solid #dbe0e4;
        border-bottom: 1px solid #dbe0e4;
    }

.advancedview-grid .dataTables_wrapper .dataTables_length {
    position: absolute;
    bottom: 5px;
    right: 35px;
}

.advancedview-grid .dataTables_wrapper .dataTables_paginate {
    float: right !important;
    margin: 10px 16% 10px 0;
}

.advancedview-grid .table > tbody > tr > td {
    border-top: 1px solid #eef0f0;
    font-size: 13px;
    box-sizing: border-box;
}

.advancedview-grid .dataTables_wrapper .dataTables_info {
    margin-top: 6px;
}

.advancedview-grid .table .checkbox, .advancedview-grid .table .radio {
    margin: 0 0 0 0;
}

.advancedview-grid .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0px;
}

.advancedview-grid .dataTables_wrapper .dataTables_paginate span a.paginate_button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    background: -o-linear-gradient(top, #585858 0%, #111 100%);
    background: linear-gradient(to bottom, #585858 0%, #111 100%);
    background-color: #585858;
    border: 1px solid #111;
    color: #000 !important;
    cursor: pointer;
}


.advancedview-grid .table > tbody > tr > td {
    font-size: 13px;
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.advancedview-grid table.resultsgrid thead tr th.advancedgrid-tablehead {
    min-width: 160px !important;
    color: rgba(0, 0, 0, 0.5) !important;
    font-family: 'OpensansRegular' !important;
}

.advancedview-grid table.resultsgrid thead tr th.advancedgrid-tablelonghead {
    min-width: 200px !important;
}

.advancedview-grid table.resultsgrid thead tr th.advancedgrid-tablebiglonghead {
    min-width: 250px !important;
}

.advancedview-grid .dataTables_paginate .paginate_button.first .k-icon:before,
.advancedview-grid .dataTables_paginate .paginate_button.previous .k-icon:before,
.advancedview-grid .dataTables_paginate .paginate_button.next .k-icon:before,
.advancedview-grid .dataTables_paginate .paginate_button.last .k-icon:before {
    font-size: 20px;
}

.advancedview-grid .dataTables_paginate .paginate_button .k-icon {
    padding: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

#resultsGrid_paginate span a {
    border-right: 1px solid #979797 !important;
    background: transparent !important;
    border-left: none !important;
    display: inline-block;
    border-top: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
}

    /*#resultsGrid_paginate span  a.current {
    border: 0 !important;
   
}*/

    #resultsGrid_paginate span a:active, #resultsGrid_paginate span a:focus {
        box-shadow: none;
    }

    #resultsGrid_paginate span a.current {
        font-weight: 800;
    }

    #resultsGrid_paginate span a:last-child {
        border: 0 !important;
        background: transparent !important;
        border-left: none !important;
        display: inline-block;
    }

    #resultsGrid_paginate span a:active, #resultsGrid_paginate span a:focus {
        box-shadow: none;
    }

    #resultsGrid_paginate span a.current {
        color: #369f8f !important;
    }

    #resultsGrid_paginate span a:last-child {
        border: 0 !important;
        background: transparent !important;
        border-left: none !important;
        display: inline-block;
    }

/*.advancedview-grid #resultsGrid_length::before {
        position: absolute;
        font-family: 'Material Icons Outlined';
        content: "\e313";
        font-size: 20px;
        color: black;
        top: 3px;
        right: 2px;
    }*/

.advancedview-grid #resultsGrid_length select {
    width: 100px;
    cursor: pointer;
    transition: all 0.5s ease;
    -webkit-appearance: none;
    height: 30px;
    margin-left: 10px;
    padding: 0 10px;
    outline: none;
    border: none;
    background-color: rgba(0, 0, 0, 0.07) !important;
}
/***********responsiveness*************/
@media (min-width:1212px) and (max-width:1700px) {
    .advancedview-grid .dataTables_wrapper .dataTables_paginate {
        float: right !important;
        margin: 10px 25% 10px 0;
    }
}

@media (min-width:768px) and (max-width:1211px) {
    .advancedview-grid .dataTables_wrapper .dataTables_length {
        right: 0;
    }

    .advancedview-grid .dataTables_wrapper .dataTables_paginate {
        float: left;
        margin: 10px 245px 10px 0;
    }
}

#AtlasEngagementInfo th {
    text-align: center !important;
}

#AtlasEngagementInfo td {
    white-space: normal !important;
}

.full-contact-details-collection > div:nth-child(even) {
    background-color: #fafafa;
}

.full-contact-details-collection > div:last-child {
    border-bottom: none;
}

.full-contact-details-header {
    border: 1px solid #EAEAEA;
    color: #303030;
    display: block;
    font-size: 15px;
    padding: 0 10px;
    font-family: 'OpensansBold';
    line-height: 35px;
    margin-top: 10px;
    margin-bottom: 16px;
    width: 100%;
    display: block;
    width: 100%;
    background-color: #F0F0F0;
}

.full-contact-details-subheader {
    border: 1px solid #EAEAEA;
    color: #303030;
    display: block;
    font-size: 15px;
    padding: 0 10px;
    font-family: 'OpensansBold';
    line-height: 35px;
    margin-top: 10px;
    margin-bottom: 16px;
    width: 100%;
    display: block;
    width: 100%;
    background-color: #fafafa;
}

.full-contact-subsection {
    margin: 0 20px;
}
/* The custom checkbox */
.checkcontainer {
    display: block;
    position: relative;
    padding-left: 15px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .checkcontainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    border: solid #D3D3D3;
    border-width: 0.5px 0.5px 0.5px 0.5px;
    background-color: white;
}

.checkcontainer:hover input ~ .checkmark {
    background-color: #D3D3D3;
}

.checkcontainer input:checked ~ .checkmark {
    background-color: #369f8f;
}

.uncheckmark {
    position: absolute;
    left: 6px;
    top: 6px;
    width: 3px;
    height: 6px;
    border: solid #ffffff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.button-center {
    display: flex;
    justify-content: center;
}

.role-permission {
    margin-left: 10px;
}

.control-space-between {
    display: flex !important;
    justify-content: space-between;
}

.button-center-control {
    padding-bottom: 10px;
}

.community-mapping a {
    padding: 0 5px;
}

.form-settings {
    padding-bottom: 10px;
}

.form-integrations .btn-form-integration {
    margin: 5px 0px !important;
    width: 90px;
}

.user-integrations .btn-user-integration {
    margin: 5px 0px 5px -1px !important;
    width: 90px;
}

.form-integrations {
    top: 0px !important;
}

.user-integrations {
    top: 0px !important;
}

.k-grid-header-small {
    line-height: 25px;
    border: 1px solid #dbe0e4;
}

.k-header-small {
    background-color: #f6f6f6;
    font-size: 12px !important;
}

.form-field-options {
    margin-top: 5px !important;
}

#showWebVisits {
    line-height: 22px;
}

.emailSyncCell {
    vertical-align: middle !important;
    text-align: center;
}

.calendart-tour-hours {
    margin: 0 !important;
}

.html-prettifier-block {
    position: relative;
}

.html-prettifier-copy-button {
    position: absolute;
    top: 15px;
    right: 0;
    position: absolute;
    top: 35px;
    right: 0
}

    .html-prettifier-copy-button a {
        color: #000;
    }

.html-prettifier-copy-button-legacy {
    position: absolute;
    top: 35px;
    right: 20px;
}

.dashboard-general-filter {
    width: 150px !important;
    font-size: small !important;
    height: 30px !important;
}

.dashboard-menu-title {
    position: relative;
    top: 2px;
    right: 6px;
    font-weight: bold;
}

.form-colorPicker-section {
    display: flex !important;
}

.form-colorPicker-control {
    padding-top: 6px;
    width: 60px;
    margin-right: 10px;
}

.form-colorPicker-value-title {
    padding-top: 12px;
    margin-right: 90px;
    white-space: nowrap;
}

.page-title .fast-options a,
.page-title .fast-options span {
    font-size: 34px;
}


.fast-options {
    position: relative;
    display: inline-flex;
}

    .fast-options.active .option:not(:first-child) {
        opacity: 1;
        margin-right: 0px;
    }

    .fast-options.active .option:not(:first-child) {
        transform: translateX(0px);
    }

    .fast-options .option:first-child {
        z-index: 6;
    }

    .fast-options .option:nth-child(2) {
        transform: translateX(-40px);
        z-index: 5;
    }


    .fast-options .option:nth-child(3) {
        transform: translateX(-80px);
        z-index: 4;
    }

    .fast-options .option:nth-child(4) {
        transform: translateX(-120px);
        z-index: 3;
    }

    .fast-options .option:nth-child(5) {
        transform: translateX(-160px);
        z-index: 2;
    }

    .fast-options .option:nth-child(6) {
        transform: translateX(-200px);
        z-index: 1;
    }


    .fast-options .option:not(:first-child) {
        padding-left: 6px;
        opacity: 0;
    }

    .fast-options .option {
        color: black;
        cursor: pointer;
        transition: .30s all ease-out;
    }

.grid-row-carousel,
.grid-col-carousel {
    position: relative;
}

    .grid-col-carousel .previous,
    .grid-col-carousel .next {
        height: 60px;
        width: 16px;
        border-radius: 8px;
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        font-size: 16px;
        transition: .25s;
        z-index: 1;
        transition: .25s all ease;
    }

    .grid-row-carousel .previous,
    .grid-row-carousel .next {
        height: 16px;
        width: 60px;
        border-radius: 8px;
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -8px;
        bottom: 0;
        font-size: 16px;
        transition: .25s;
        z-index: 1;
        transition: .25s all ease;
    }

    .grid-col-carousel .previous {
        left: -8px;
    }

    .grid-col-carousel .next {
        right: -8px;
    }

    .grid-row-carousel .previous {
        left: calc(50% - 68px);
    }

    .grid-row-carousel .next {
        left: calc(50% + 8px);
    }

        .grid-col-carousel .next.disabled,
        .grid-col-carousel .previous.disabled,
        .grid-row-carousel .next.disabled,
        .grid-row-carousel .previous.disabled {
            color: rgba(0, 0, 0, 0.5);
        }

        .grid-col-carousel .next:not(.disabled),
        .grid-col-carousel .previous:not(.disabled),
        .grid-row-carousel .next:not(.disabled),
        .grid-row-carousel .previous:not(.disabled) {
            cursor: pointer;
        }

.hide {
    opacity: 0;
    transition: 0.35s ease all;
}

.show {
    opacity: 1;
    transition: 0.35s ease all;
}

.select-option.st-icon-blog,
.select-option.st-icon-google-plus,
.select-option.st-icon-linkedin,
.select-option.st-icon-facebook,
.select-option.st-icon-twitter {
    min-width: 18px;
    min-height: 18px;
}

.select-option.st-icon-website {
    font-size: 22px;
}

.form-group {
    margin-bottom: 20px;
}

#RolePermissions .k-grid tr:hover {
    color: #000000;
}

.submenu-header {
    padding: 24px 20px 0px 0px;
}

    .submenu-header.search-wrapper {
        position: relative;
        display: flex;
        justify-content: space-between;
    }

        .submenu-header.search-wrapper .grid-search {
            position: absolute;
            top: 22px;
            left: 20px;
            width: calc(100% - 38px);
            display: none;
        }

        .submenu-header.search-wrapper .search-icon {
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: .25s;
        }

.submenu-title {
    padding-left: 24px;
    font-weight: 700 !important;
    font-size: 20px !important;
}

.grid-search {
    position: relative;
}

    .grid-search .st-icon-search-2 {
        position: absolute;
        top: 5px;
        left: 2px;
        color: rgba(0, 0, 0, 0.5);
    }

        .grid-search .st-icon-search-2 ~ input[type="search"] {
            padding-left: 22px;
        }

#htmlPrettifierScript span.tag,
#htmlPrettifierCode span.tag {
    padding: 0;
    margin: 0;
}

.countries-grid {
    display: grid;
    gap: 32px;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
}

    .countries-grid .country-name {
        font-size: 14px;
        font-weight: 600;
    }

    .countries-grid .enabling-controls {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 4px;
    }

        .countries-grid .enabling-controls > label {
            padding-top: 4px;
        }

        .countries-grid .enabling-controls > label,
        .countries-grid .enabling-controls > input[type="checkbox"] {
            cursor: pointer;
        }

/*Animations Calsses*/

.show-bottom-childs > :first-child {
    animation: show-bottom .35s;
}

.show-bottom-childs > :nth-child(2) {
    animation: show-bottom .35s .05s;
}

.show-bottom-childs > :nth-child(3) {
    animation: show-bottom .35s .1s;
}

.show-bottom-childs > :nth-child(4) {
    animation: show-bottom .35s .15s;
}

.hide-top-childs > :first-child {
    animation: hide-top .35s;
}

.hide-top-childs > :nth-child(2) {
    animation: hide-top .35s .05s;
}

.hide-top-childs > :nth-child(3) {
    animation: hide-top .35s .1s;
}

.hide-top-childs > :nth-child(4) {
    animation: hide-top .35s .15s;
}

.show-bottom {
    animation: show-bottom .25s;
}

.hide-top {
    animation: hide-top .25s;
}

/*Animations Begin*/
@keyframes floating-quick-action {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.08);
        -moz-transform: scale(1.08);
        -ms-transform: scale(1.08);
        -o-transform: scale(1.08);
        transform: scale(1.08);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes floating-out-quick-action {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        background-color: #aaa;
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.08);
        -moz-transform: scale(1.08);
        -ms-transform: scale(1.08);
        -o-transform: scale(1.08);
        transform: scale(1.08);
    }

    80% {
        background-color: #aaa;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
        background-color: transparent;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes hide-top {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-60%);
    }
}

@-moz-keyframes hide-top {

    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-60%);
    }
}

@keyframes hide-top {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-60%);
        -moz-transform: translateY(-60%);
        -ms-transform: translateY(-60%);
        -o-transform: translateY(-60%);
        transform: translateY(-60%);
    }
}

@-webkit-keyframes show-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-60%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes show-bottom {
    0% {
        opacity: 0;
        -moz-transform: translateY(-60%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@keyframes show-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-60%);
        -moz-transform: translateY(-60%);
        -ms-transform: translateY(-60%);
        -o-transform: translateY(-60%);
        transform: translateY(-60%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes show-bounced-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-60%);
    }

    -60% {
        opacity: 1;
        -webkit-transform: translateY(-5%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes show-bounced-bottom {
    0% {
        opacity: 0;
        -moz-transform: translateY(-60%);
    }

    -60% {
        opacity: 1;
        -moz-transform: translateY(-5%);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@keyframes show-bounced-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-60%);
        -moz-transform: translateY(-60%);
        -ms-transform: translateY(-60%);
        -o-transform: translateY(-60%);
        transform: translateY(-60%);
    }

    -60% {
        opacity: 1;
        -webkit-transform: translateY(-5%);
        -moz-transform: translateY(-5%);
        -ms-transform: translateY(-5%);
        -o-transform: translateY(-5%);
        transform: translateY(-5%);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes show-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(60%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes show-top {
    0% {
        opacity: 0;
        -moz-transform: translateY(60%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@keyframes show-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(60%);
        -moz-transform: translateY(60%);
        -ms-transform: translateY(60%);
        -o-transform: translateY(60%);
        transform: translateY(60%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes show-bounced-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(60%);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-5%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes show-bounced-top {
    0% {
        opacity: 0;
        -moz-transform: translateY(60%);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(-5%);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@keyframes show-bounced-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(60%);
        -moz-transform: translateY(60%);
        -ms-transform: translateY(60%);
        -o-transform: translateY(60%);
        transform: translateY(60%);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-5%);
        -moz-transform: translateY(-5%);
        -ms-transform: translateY(-5%);
        -o-transform: translateY(-5%);
        transform: translateY(-5%);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes show-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-60%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes show-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(-60%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@keyframes show-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-60%);
        -moz-transform: translateX(-60%);
        -ms-transform: translateX(-60%);
        -o-transform: translateX(-60%);
        transform: translateX(-60%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes show-bounced-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-60%);
    }

    -60% {
        opacity: 1;
        -webkit-transform: translateX(-5%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes show-bounced-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(-60%);
    }

    -60% {
        opacity: 1;
        -moz-transform: translateX(-5%);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes show-bounced-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-60%);
        -moz-transform: translateX(-60%);
        -ms-transform: translateX(-60%);
        -o-transform: translateX(-60%);
        transform: translateX(-60%);
    }

    -60% {
        opacity: 1;
        -webkit-transform: translateX(-5%);
        -moz-transform: translateX(-5%);
        -ms-transform: translateX(-5%);
        -o-transform: translateX(-5%);
        transform: translateX(-5%);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes show-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(60%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes show-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(60%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@keyframes show-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(60%);
        -moz-transform: translateX(60%);
        -ms-transform: translateX(60%);
        -o-transform: translateX(60%);
        transform: translateX(60%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes show-bounced-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(60%);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-5%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes show-bounced-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(60%);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-5%);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes show-bounced-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(60%);
        -moz-transform: translateX(60%);
        -ms-transform: translateX(60%);
        -o-transform: translateX(60%);
        transform: translateX(60%);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-5%);
        -moz-transform: translateX(-5%);
        -ms-transform: translateX(-5%);
        -o-transform: translateX(-5%);
        transform: translateX(-5%);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
/*Animations End*/

.st-tooltip {
    position: relative;
}

    .st-tooltip .st-tooltip-content {
        position: absolute;
        top: 0;
        left: calc(100% + 8px);
        min-width: 360px;
        background: white;
        padding: 16px;
        box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.2);
        cursor: default;
        visibility: hidden;
    }

    .st-tooltip:hover .st-tooltip-content {
        transition-delay: 0.8s;
        visibility: visible;
        -webkit-animation: show-bounced-right 0.6s;
        -moz-animation: show-bounced-right 0.6s;
        animation: show-bounced-right 0.6s;
        -webkit-animation-duration: 0.6s !important;
        -moz-animation-duration: 0.6s !important;
        animation-duration: 0.6s !important;
        -webkit-animation-delay: 0.8s !important;
        -moz-animation-delay: 0.8s !important;
        -o-animation-delay: 0.8s !important;
        animation-delay: 0.8s !important;
    }

        .st-tooltip:hover .st-tooltip-content.right {
            -webkit-animation: show-bounced-right;
            -moz-animation: show-bounced-right;
            animation: show-bounced-right;
        }

        .st-tooltip:hover .st-tooltip-content.left {
            -webkit-animation: show-bounced-left;
            -moz-animation: show-bounced-left;
            animation: show-bounced-left;
        }

        .st-tooltip:hover .st-tooltip-content.top {
            -webkit-animation: show-bounced-top;
            -moz-animation: show-bounced-top;
            animation: show-bounced-top;
        }

        .st-tooltip:hover .st-tooltip-content.bottom {
            -webkit-animation: show-bounced-bottom;
            -moz-animation: show-bounced-bottom;
            animation: show-bounced-bottom;
        }

    .st-tooltip .st-tooltip-content.right {
        top: 0;
        left: calc(100% + 8px) !important;
        right: auto;
    }

    .st-tooltip .st-tooltip-content.left {
        top: 0;
        right: calc(100% + 8px) !important;
        left: auto;
    }

    .st-tooltip .st-tooltip-content.bottom {
        top: calc(100% + 8px) !important;
        bottom: auto;
        left: 0;
    }

    .st-tooltip .st-tooltip-content.top {
        bottom: calc(100% + 8px) !important;
        top: auto;
        left: 0;
    }

/*Kendo re-styling*/

.k-popup {
    box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.2);
    border-radius: 6px !important;
    border-width: 0px !important;
}

    .k-popup .k-list .k-item,
    .k-popup .k-list-optionlabel {
        margin: 2px 3px !important;
        border-radius: 4px !important;
        transition: all 0.25s;
        cursor: pointer;
        font-size: 13px !important;
        font-weight: 400 !important;
    }

        .k-popup .k-list .k-item.k-state-hover,
        .k-popup .k-list-optionlabel.k-state-hover {
            background: rgba(0, 0, 0, 0.15);
            color: black;
        }

            .k-popup .k-list-optionlabel.k-state-selected,
            .k-popup .k-list .k-item.k-state-hover.k-item.k-state-selected,
            .k-popup .k-list .k-item.k-item.k-state-selected {
                background-color: #369f8f !important;
                color: white;
            }

.k-list .k-state-focused,
.k-state-focused {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/*Kendo Calendar*/
.k-calendar td {
    border: 3px solid transparent;
}

.k-calendar .k-state-hover,
.k-calendar .k-state-hover:hover {
    background-color: rgba(0, 0, 0, .15) !important;
    border-color: transparent;
}

.k-calendar .k-state-selected,
.k-calendar .k-state-selected.k-state-hover {
    background-color: #369f8f !important;
}

.k-calendar .k-today {
    color: black;
    font-weight: 800;
}



.k-calendar td, .k-calendar td.k-state-hover, .k-calendar .k-link {
    border-radius: 4px;
}

.k-calendar .k-other-month .k-link {
    color: rgba(0, 0, 0, 0.50);
}

.k-calendar .k-header .k-link.k-nav-next, .k-calendar .k-header .k-link.k-nav-prev {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .k-calendar .k-header .k-link.k-nav-next .k-icon,
    .k-calendar .k-header .k-link.k-nav-prev .k-icon {
        padding: 0;
    }

        .k-calendar .k-header .k-link.k-nav-next .k-icon:before,
        .k-calendar .k-header .k-link.k-nav-prev .k-icon:before {
            font-size: 16px;
        }

.k-calendar .k-link.k-nav-fast {
    color: black;
    border-radius: 4px;
}

    .k-calendar .k-link.k-nav-fast.k-state-hover,
    .k-calendar .k-link.k-nav-fast.k-state-hover:hover {
        background-color: transparent;
        color: black;
        font-weight: 700;
    }

.k-calendar .k-today, .k-calendar .k-state-selected, .k-calendar .k-state-focused {
    box-shadow: none !important;
}

.k-numerictextbox .k-link {
    height: 50%;
}

span.k-icon.k-i-arrow-n, span.k-icon.k-i-arrow-s {
    height: 100% !important;
}
/*Kendo re-styling end*/
/*BOOTSTRAP MEDIA QUERIES*/
@media (max-width: 575px) {
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .mt-sm-0 {
        margin-top: 0px !important;
    }

    .mt-sm-1 {
        margin-top: 8px !important;
    }

    .mt-sm-2 {
        margin-top: 12px !important;
    }

    .mt-sm-3 {
        margin-top: 16px !important;
    }

    .mt-sm-4 {
        margin-top: 20px !important;
    }

    .mt-sm-5 {
        margin-top: 30px !important;
    }

    .me-sm-0 {
        margin-right: 0px !important;
    }

    .me-sm-1 {
        margin-right: 8px !important;
    }

    .me-sm-2 {
        margin-right: 12px !important;
    }

    .me-sm-3 {
        margin-right: 16px !important;
    }

    .me-sm-4 {
        margin-right: 20px !important;
    }

    .me-sm-5 {
        margin-right: 30px !important;
    }

    .mb-sm-0 {
        margin-bottom: 0px !important;
    }

    .mb-sm-1 {
        margin-bottom: 8px !important;
    }

    .mb-sm-2 {
        margin-bottom: 12px !important;
    }

    .mb-sm-3 {
        margin-bottom: 16px !important;
    }

    .mb-sm-4 {
        margin-bottom: 20px !important;
    }

    .mb-sm-5 {
        margin-bottom: 30px !important;
    }

    .ms-sm-0 {
        margin-left: 0px !important;
    }

    .ms-sm-1 {
        margin-left: 8px !important;
    }

    .ms-sm-2 {
        margin-left: 12px !important;
    }

    .ms-sm-3 {
        margin-left: 16px !important;
    }

    .ms-sm-4 {
        margin-left: 20px !important;
    }

    .ms-sm-5 {
        margin-left: 30px !important;
    }

    .my-sm-0 {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

    .my-sm-1 {
        margin-bottom: 8px !important;
        margin-top: 8px !important;
    }

    .my-sm-2 {
        margin-bottom: 12px !important;
        margin-top: 12px !important;
    }

    .my-sm-3 {
        margin-bottom: 16px !important;
        margin-top: 16px !important;
    }

    .my-sm-4 {
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }

    .my-sm-5 {
        margin-bottom: 30px !important;
        margin-top: 30px !important;
    }

    .mx-sm-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .mx-sm-1 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    .mx-sm-2 {
        margin-left: 12px !important;
        margin-right: 12px !important;
    }

    .mx-sm-3 {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }

    .mx-sm-4 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .mx-sm-5 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .pt-sm-0 {
        padding-top: 0px !important;
    }

    .pt-sm-1 {
        padding-top: 8px !important;
    }

    .pt-sm-2 {
        padding-top: 12px !important;
    }

    .pt-sm-3 {
        padding-top: 16px !important;
    }

    .pt-sm-4 {
        padding-top: 20px !important;
    }

    .pt-sm-5 {
        padding-top: 30px !important;
    }

    .pe-sm-0 {
        padding-right: 0px !important;
    }

    .pe-sm-1 {
        padding-right: 8px !important;
    }

    .pe-sm-2 {
        padding-right: 12px !important;
    }

    .pe-sm-3 {
        padding-right: 16px !important;
    }

    .pe-sm-4 {
        padding-right: 20px !important;
    }

    .pe-sm-5 {
        padding-right: 30px !important;
    }

    .pb-sm-0 {
        padding-bottom: 0px !important;
    }

    .pb-sm-1 {
        padding-bottom: 8px !important;
    }

    .pb-sm-2 {
        padding-bottom: 12px !important;
    }

    .pb-sm-3 {
        padding-bottom: 16px !important;
    }

    .pb-sm-4 {
        padding-bottom: 20px !important;
    }

    .pb-sm-5 {
        padding-bottom: 30px !important;
    }

    .ps-sm-0 {
        padding-left: 0px !important;
    }

    .ps-sm-1 {
        padding-left: 8px !important;
    }

    .ps-sm-2 {
        padding-left: 12px !important;
    }

    .ps-sm-3 {
        padding-left: 16px !important;
    }

    .ps-sm-4 {
        padding-left: 20px !important;
    }

    .ps-sm-5 {
        padding-left: 30px !important;
    }

    .py-sm-0 {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }

    .py-sm-1 {
        padding-bottom: 8px !important;
        padding-top: 8px !important;
    }

    .py-sm-2 {
        padding-bottom: 12px !important;
        padding-top: 12px !important;
    }

    .py-sm-3 {
        padding-bottom: 16px !important;
        padding-top: 16px !important;
    }

    .py-sm-4 {
        padding-bottom: 20px !important;
        padding-top: 20px !important;
    }

    .py-sm-5 {
        padding-bottom: 30px !important;
        padding-top: 30px !important;
    }

    .px-sm-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .px-sm-1 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .px-sm-2 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .px-sm-3 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .px-sm-4 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .px-sm-5 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .px-sm-6 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .m-sm-0 {
        margin: 0px !important;
    }

    .p-sm-0 {
        padding: 0px !important;
    }

    .p-sm-1 {
        padding: 8px !important;
    }

    .p-sm-2 {
        padding: 12px !important;
    }

    .p-sm-3 {
        padding: 16px !important;
    }

    .p-sm-4 {
        padding: 20px !important;
    }

    .p-sm-5 {
        padding: 30px !important;
    }

    .display-sm-inline {
        display: inline-block;
        vertical-align: middle;
    }

    .display-sm-flex {
        display: flex;
    }

    .display-sm-inline-flex {
        display: inline-flex !important;
    }

    .flex-sm-self-align-end {
        align-self: end !important;
    }

    .flex-sm-self-align-start {
        align-self: start !important;
    }

    .flex-sm-self-align-center {
        align-self: center !important;
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap;
    }

    .flex-sm-grow-1 {
        flex-grow: 1;
    }

    .flex-sm-grow-2 {
        flex-grow: 2;
    }

    .flex-sm-grow-3 {
        flex-grow: 3;
    }

    .flex-sm-grow-4 {
        flex-grow: 4;
    }

    .flex-sm-grow-5 {
        flex-grow: 5;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .gap-sm-tiny {
        gap: 4px;
    }

    .gap-sm-1 {
        gap: 8px;
    }

    .gap-sm-2 {
        gap: 12px;
    }

    .gap-sm-3 {
        gap: 16px;
    }

    .gap-sm-4 {
        gap: 20px;
    }

    .gap-sm-5 {
        gap: 24px;
    }

    .gap-sm-x-1 {
        column-gap: 8px;
    }

    .gap-sm-x-2 {
        column-gap: 12px;
    }

    .gap-sm-x-3 {
        column-gap: 16px;
    }

    .gap-sm-x-4 {
        column-gap: 20px;
    }

    .gap-sm-x-5 {
        column-gap: 24px;
    }

    .gap-sm-y-1 {
        row-gap: 8px;
    }

    .gap-sm-y-2 {
        row-gap: 12px;
    }

    .gap-sm-y-3 {
        row-gap: 16px;
    }

    .gap-sm-y-4 {
        row-gap: 20px;
    }

    .gap-sm-y-5 {
        row-gap: 24px;
    }

    /*Width for boxes working with gap*/
    .display-sm-grid {
        display: grid;
    }

    .cols-sm-12-gap-1 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 8px;
    }

    .cols-sm-12-gap-2 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 12px;
    }

    .cols-sm-12-gap-3 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 16px;
    }

    .cols-sm-12-gap-4 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 20px;
    }

    .cols-sm-12-gap-5 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 24px;
    }

    .cols-sm-6-gap-1 {
        grid-template-columns: repeat(2, minmax(calc(50% - 4px), 1fr));
        gap: 8px;
    }

    .cols-sm-6-gap-2 {
        grid-template-columns: repeat(2, minmax(calc(50% - 6px), 1fr));
        gap: 12px;
    }

    .cols-sm-6-gap-3 {
        grid-template-columns: repeat(2, minmax(calc(50% - 8px), 1fr));
        gap: 16px;
    }

    .cols-sm-6-gap-4 {
        grid-template-columns: repeat(2, minmax(calc(50% - 10px), 1fr));
        gap: 20px;
    }

    .cols-sm-6-gap-5 {
        grid-template-columns: repeat(2, minmax(calc(50% - 12px), 1fr));
        gap: 24px;
    }

    .cols-sm-4-gap-1 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 5.33px), 1fr));
        gap: 8px;
    }

    .cols-sm-4-gap-2 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 8px), 1fr));
        gap: 12px;
    }

    .cols-sm-4-gap-3 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 10.33px), 1fr));
        gap: 16px;
    }

    .cols-sm-4-gap-4 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 13.33px), 1fr));
        gap: 20px;
    }

    .cols-sm-4-gap-5 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 16px), 1fr));
        gap: 24px;
    }

    .cols-sm-3-gap-1 {
        grid-template-columns: repeat(4, minmax(calc(25% - 6px), 1fr));
        gap: 8px;
    }

    .cols-sm-3-gap-2 {
        grid-template-columns: repeat(4, minmax(calc(25% - 9px), 1fr));
        gap: 12px;
    }

    .cols-sm-3-gap-3 {
        grid-template-columns: repeat(4, minmax(calc(25% - 12px), 1fr));
        gap: 16px;
    }

    .cols-sm-3-gap-4 {
        grid-template-columns: repeat(4, minmax(calc(25% - 15px), 1fr));
        gap: 20px;
    }

    .cols-sm-3-gap-5 {
        grid-template-columns: repeat(4, minmax(calc(25% - 18px), 1fr));
        gap: 24px;
    }

    .columns-sm-grid {
        grid-auto-flow: column;
    }

    .cols-sm-12-gap-1-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 8px;
    }

    .cols-sm-12-gap-2-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 12px;
    }

    .cols-sm-12-gap-3-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 16px;
    }

    .cols-sm-12-gap-4-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 20px;
    }

    .cols-sm-12-gap-5-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 24px;
    }

    .cols-sm-6-gap-1-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 4px), 1fr));
        gap: 8px;
    }

    .cols-sm-6-gap-2-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 6px), 1fr));
        gap: 12px;
    }

    .cols-sm-6-gap-3-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 8px), 1fr));
        gap: 16px;
    }

    .cols-sm-6-gap-4-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 10px), 1fr));
        gap: 20px;
    }

    .cols-sm-6-gap-5-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 12px), 1fr));
        gap: 24px;
    }

    .cols-sm-4-gap-1-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 5.33px), 1fr));
        gap: 8px;
    }

    .cols-sm-4-gap-2-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 8px), 1fr));
        gap: 12px;
    }

    .cols-sm-4-gap-3-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 10.33px), 1fr));
        gap: 16px;
    }

    .cols-sm-4-gap-4-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 13.33px), 1fr));
        gap: 20px;
    }

    .cols-sm-4-gap-5-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 16px), 1fr));
        gap: 24px;
    }

    .cols-sm-3-gap-1-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 6px), 1fr));
        gap: 8px;
    }

    .cols-sm-3-gap-2-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 9px), 1fr));
        gap: 12px;
    }

    .cols-sm-3-gap-3-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 12px), 1fr));
        gap: 16px;
    }

    .cols-sm-3-gap-4-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 15px), 1fr));
        gap: 20px;
    }

    .cols-sm-3-gap-5-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 18px), 1fr));
        gap: 24px;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .mt-md-0 {
        margin-top: 0px !important;
    }

    .mt-md-1 {
        margin-top: 8px !important;
    }

    .mt-md-2 {
        margin-top: 12px !important;
    }

    .mt-md-3 {
        margin-top: 16px !important;
    }

    .mt-md-4 {
        margin-top: 20px !important;
    }

    .mt-md-5 {
        margin-top: 30px !important;
    }

    .me-md-0 {
        margin-right: 0px !important;
    }

    .me-md-1 {
        margin-right: 8px !important;
    }

    .me-md-2 {
        margin-right: 12px !important;
    }

    .me-md-3 {
        margin-right: 16px !important;
    }

    .me-md-4 {
        margin-right: 20px !important;
    }

    .me-md-5 {
        margin-right: 30px !important;
    }

    .mb-md-0 {
        margin-bottom: 0px !important;
    }

    .mb-md-1 {
        margin-bottom: 8px !important;
    }

    .mb-md-2 {
        margin-bottom: 12px !important;
    }

    .mb-md-3 {
        margin-bottom: 16px !important;
    }

    .mb-md-4 {
        margin-bottom: 20px !important;
    }

    .mb-md-5 {
        margin-bottom: 30px !important;
    }

    .ms-md-0 {
        margin-left: 0px !important;
    }

    .ms-md-1 {
        margin-left: 8px !important;
    }

    .ms-md-2 {
        margin-left: 12px !important;
    }

    .ms-md-3 {
        margin-left: 16px !important;
    }

    .ms-md-4 {
        margin-left: 20px !important;
    }

    .ms-md-5 {
        margin-left: 30px !important;
    }

    .my-md-0 {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

    .my-md-1 {
        margin-bottom: 8px !important;
        margin-top: 8px !important;
    }

    .my-md-2 {
        margin-bottom: 12px !important;
        margin-top: 12px !important;
    }

    .my-md-3 {
        margin-bottom: 16px !important;
        margin-top: 16px !important;
    }

    .my-md-4 {
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }

    .my-md-5 {
        margin-bottom: 30px !important;
        margin-top: 30px !important;
    }

    .mx-md-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .mx-md-1 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    .mx-md-2 {
        margin-left: 12px !important;
        margin-right: 12px !important;
    }

    .mx-md-3 {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }

    .mx-md-4 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .mx-md-5 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .pt-md-0 {
        padding-top: 0px !important;
    }

    .pt-md-1 {
        padding-top: 8px !important;
    }

    .pt-md-2 {
        padding-top: 12px !important;
    }

    .pt-md-3 {
        padding-top: 16px !important;
    }

    .pt-md-4 {
        padding-top: 20px !important;
    }

    .pt-md-5 {
        padding-top: 30px !important;
    }

    .pe-md-0 {
        padding-right: 0px !important;
    }

    .pe-md-1 {
        padding-right: 8px !important;
    }

    .pe-md-2 {
        padding-right: 12px !important;
    }

    .pe-md-3 {
        padding-right: 16px !important;
    }

    .pe-md-4 {
        padding-right: 20px !important;
    }

    .pe-md-5 {
        padding-right: 30px !important;
    }

    .pb-md-0 {
        padding-bottom: 0px !important;
    }

    .pb-md-1 {
        padding-bottom: 8px !important;
    }

    .pb-md-2 {
        padding-bottom: 12px !important;
    }

    .pb-md-3 {
        padding-bottom: 16px !important;
    }

    .pb-md-4 {
        padding-bottom: 20px !important;
    }

    .pb-md-5 {
        padding-bottom: 30px !important;
    }

    .ps-md-0 {
        padding-left: 0px !important;
    }

    .ps-md-1 {
        padding-left: 8px !important;
    }

    .ps-md-2 {
        padding-left: 12px !important;
    }

    .ps-md-3 {
        padding-left: 16px !important;
    }

    .ps-md-4 {
        padding-left: 20px !important;
    }

    .ps-md-5 {
        padding-left: 30px !important;
    }

    .py-md-0 {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }

    .py-md-1 {
        padding-bottom: 8px !important;
        padding-top: 8px !important;
    }

    .py-md-2 {
        padding-bottom: 12px !important;
        padding-top: 12px !important;
    }

    .py-md-3 {
        padding-bottom: 16px !important;
        padding-top: 16px !important;
    }

    .py-md-4 {
        padding-bottom: 20px !important;
        padding-top: 20px !important;
    }

    .py-md-5 {
        padding-bottom: 30px !important;
        padding-top: 30px !important;
    }

    .px-md-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .px-md-1 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .px-md-2 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .px-md-3 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .px-md-4 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .px-md-5 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

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

    .m-md-0 {
        margin: 0px !important;
    }

    .p-md-0 {
        padding: 0px !important;
    }

    .p-md-1 {
        padding: 8px !important;
    }

    .p-md-2 {
        padding: 12px !important;
    }

    .p-md-3 {
        padding: 16px !important;
    }

    .p-md-4 {
        padding: 20px !important;
    }

    .p-md-5 {
        padding: 30px !important;
    }

    .display-md-inline {
        display: inline-block;
        vertical-align: middle;
    }

    .display-md-flex {
        display: flex;
    }

    .display-md-inline-flex {
        display: inline-flex !important;
    }

    .flex-md-self-align-end {
        align-self: end !important;
    }

    .flex-md-self-align-start {
        align-self: start !important;
    }

    .flex-md-self-align-center {
        align-self: center !important;
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap;
    }

    .flex-md-grow-1 {
        flex-grow: 1;
    }

    .flex-md-grow-2 {
        flex-grow: 2;
    }

    .flex-md-grow-3 {
        flex-grow: 3;
    }

    .flex-md-grow-4 {
        flex-grow: 4;
    }

    .flex-md-grow-5 {
        flex-grow: 5;
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .gap-md-tiny {
        gap: 4px;
    }

    .gap-md-1 {
        gap: 8px;
    }

    .gap-md-2 {
        gap: 12px;
    }

    .gap-md-3 {
        gap: 16px;
    }

    .gap-md-4 {
        gap: 20px;
    }

    .gap-md-5 {
        gap: 24px;
    }

    .gap-md-x-1 {
        column-gap: 8px;
    }

    .gap-md-x-2 {
        column-gap: 12px;
    }

    .gap-md-x-3 {
        column-gap: 16px;
    }

    .gap-md-x-4 {
        column-gap: 20px;
    }

    .gap-md-x-5 {
        column-gap: 24px;
    }

    .gap-md-y-1 {
        row-gap: 8px;
    }

    .gap-md-y-2 {
        row-gap: 12px;
    }

    .gap-md-y-3 {
        row-gap: 16px;
    }

    .gap-md-y-4 {
        row-gap: 20px;
    }

    .gap-md-y-5 {
        row-gap: 24px;
    }

    /*Width for boxes working with gap*/
    .display-md-grid {
        display: grid;
    }

    .cols-md-12-gap-1 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 8px;
    }

    .cols-md-12-gap-2 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 12px;
    }

    .cols-md-12-gap-3 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 16px;
    }

    .cols-md-12-gap-4 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 20px;
    }

    .cols-md-12-gap-5 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 24px;
    }

    .cols-md-6-gap-1 {
        grid-template-columns: repeat(2, minmax(calc(50% - 4px), 1fr));
        gap: 8px;
    }

    .cols-md-6-gap-2 {
        grid-template-columns: repeat(2, minmax(calc(50% - 6px), 1fr));
        gap: 12px;
    }

    .cols-md-6-gap-3 {
        grid-template-columns: repeat(2, minmax(calc(50% - 8px), 1fr));
        gap: 16px;
    }

    .cols-md-6-gap-4 {
        grid-template-columns: repeat(2, minmax(calc(50% - 10px), 1fr));
        gap: 20px;
    }

    .cols-md-6-gap-5 {
        grid-template-columns: repeat(2, minmax(calc(50% - 12px), 1fr));
        gap: 24px;
    }

    .cols-md-4-gap-1 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 5.33px), 1fr));
        gap: 8px;
    }

    .cols-md-4-gap-2 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 8px), 1fr));
        gap: 12px;
    }

    .cols-md-4-gap-3 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 10.33px), 1fr));
        gap: 16px;
    }

    .cols-md-4-gap-4 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 13.33px), 1fr));
        gap: 20px;
    }

    .cols-md-4-gap-5 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 16px), 1fr));
        gap: 24px;
    }

    .cols-md-3-gap-1 {
        grid-template-columns: repeat(4, minmax(calc(25% - 6px), 1fr));
        gap: 8px;
    }

    .cols-md-3-gap-2 {
        grid-template-columns: repeat(4, minmax(calc(25% - 9px), 1fr));
        gap: 12px;
    }

    .cols-md-3-gap-3 {
        grid-template-columns: repeat(4, minmax(calc(25% - 12px), 1fr));
        gap: 16px;
    }

    .cols-md-3-gap-4 {
        grid-template-columns: repeat(4, minmax(calc(25% - 15px), 1fr));
        gap: 20px;
    }

    .cols-md-3-gap-5 {
        grid-template-columns: repeat(4, minmax(calc(25% - 18px), 1fr));
        gap: 24px;
    }

    .columns-md-grid {
        grid-auto-flow: column;
    }

    .cols-md-12-gap-1-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 8px;
    }

    .cols-md-12-gap-2-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 12px;
    }

    .cols-md-12-gap-3-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 16px;
    }

    .cols-md-12-gap-4-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 20px;
    }

    .cols-md-12-gap-5-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 24px;
    }

    .cols-md-6-gap-1-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 4px), 1fr));
        gap: 8px;
    }

    .cols-md-6-gap-2-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 6px), 1fr));
        gap: 12px;
    }

    .cols-md-6-gap-3-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 8px), 1fr));
        gap: 16px;
    }

    .cols-md-6-gap-4-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 10px), 1fr));
        gap: 20px;
    }

    .cols-md-6-gap-5-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 12px), 1fr));
        gap: 24px;
    }

    .cols-md-4-gap-1-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 5.33px), 1fr));
        gap: 8px;
    }

    .cols-md-4-gap-2-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 8px), 1fr));
        gap: 12px;
    }

    .cols-md-4-gap-3-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 10.33px), 1fr));
        gap: 16px;
    }

    .cols-md-4-gap-4-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 13.33px), 1fr));
        gap: 20px;
    }

    .cols-md-4-gap-5-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 16px), 1fr));
        gap: 24px;
    }

    .cols-md-3-gap-1-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 6px), 1fr));
        gap: 8px;
    }

    .cols-md-3-gap-2-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 9px), 1fr));
        gap: 12px;
    }

    .cols-md-3-gap-3-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 12px), 1fr));
        gap: 16px;
    }

    .cols-md-3-gap-4-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 15px), 1fr));
        gap: 20px;
    }

    .cols-md-3-gap-5-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 18px), 1fr));
        gap: 24px;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .mt-lg-0 {
        margin-top: 0px !important;
    }

    .mt-lg-1 {
        margin-top: 8px !important;
    }

    .mt-lg-2 {
        margin-top: 12px !important;
    }

    .mt-lg-3 {
        margin-top: 16px !important;
    }

    .mt-lg-4 {
        margin-top: 20px !important;
    }

    .mt-lg-5 {
        margin-top: 30px !important;
    }

    .me-lg-0 {
        margin-right: 0px !important;
    }

    .me-lg-1 {
        margin-right: 8px !important;
    }

    .me-lg-2 {
        margin-right: 12px !important;
    }

    .me-lg-3 {
        margin-right: 16px !important;
    }

    .me-lg-4 {
        margin-right: 20px !important;
    }

    .me-lg-5 {
        margin-right: 30px !important;
    }

    .mb-lg-0 {
        margin-bottom: 0px !important;
    }

    .mb-lg-1 {
        margin-bottom: 8px !important;
    }

    .mb-lg-2 {
        margin-bottom: 12px !important;
    }

    .mb-lg-3 {
        margin-bottom: 16px !important;
    }

    .mb-lg-4 {
        margin-bottom: 20px !important;
    }

    .mb-lg-5 {
        margin-bottom: 30px !important;
    }

    .ms-lg-0 {
        margin-left: 0px !important;
    }

    .ms-lg-1 {
        margin-left: 8px !important;
    }

    .ms-lg-2 {
        margin-left: 12px !important;
    }

    .ms-lg-3 {
        margin-left: 16px !important;
    }

    .ms-lg-4 {
        margin-left: 20px !important;
    }

    .ms-lg-5 {
        margin-left: 30px !important;
    }

    .my-lg-0 {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

    .my-lg-1 {
        margin-bottom: 8px !important;
        margin-top: 8px !important;
    }

    .my-lg-2 {
        margin-bottom: 12px !important;
        margin-top: 12px !important;
    }

    .my-lg-3 {
        margin-bottom: 16px !important;
        margin-top: 16px !important;
    }

    .my-lg-4 {
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }

    .my-lg-5 {
        margin-bottom: 30px !important;
        margin-top: 30px !important;
    }

    .mx-lg-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .mx-lg-1 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    .mx-lg-2 {
        margin-left: 12px !important;
        margin-right: 12px !important;
    }

    .mx-lg-3 {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }

    .mx-lg-4 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .mx-lg-5 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .pt-lg-0 {
        padding-top: 0px !important;
    }

    .pt-lg-1 {
        padding-top: 8px !important;
    }

    .pt-lg-2 {
        padding-top: 12px !important;
    }

    .pt-lg-3 {
        padding-top: 16px !important;
    }

    .pt-lg-4 {
        padding-top: 20px !important;
    }

    .pt-lg-5 {
        padding-top: 30px !important;
    }

    .pe-lg-0 {
        padding-right: 0px !important;
    }

    .pe-lg-1 {
        padding-right: 8px !important;
    }

    .pe-lg-2 {
        padding-right: 12px !important;
    }

    .pe-lg-3 {
        padding-right: 16px !important;
    }

    .pe-lg-4 {
        padding-right: 20px !important;
    }

    .pe-lg-5 {
        padding-right: 30px !important;
    }

    .pb-lg-0 {
        padding-bottom: 0px !important;
    }

    .pb-lg-1 {
        padding-bottom: 8px !important;
    }

    .pb-lg-2 {
        padding-bottom: 12px !important;
    }

    .pb-lg-3 {
        padding-bottom: 16px !important;
    }

    .pb-lg-4 {
        padding-bottom: 20px !important;
    }

    .pb-lg-5 {
        padding-bottom: 30px !important;
    }

    .ps-lg-0 {
        padding-left: 0px !important;
    }

    .ps-lg-1 {
        padding-left: 8px !important;
    }

    .ps-lg-2 {
        padding-left: 12px !important;
    }

    .ps-lg-3 {
        padding-left: 16px !important;
    }

    .ps-lg-4 {
        padding-left: 20px !important;
    }

    .ps-lg-5 {
        padding-left: 30px !important;
    }

    .py-lg-0 {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }

    .py-lg-1 {
        padding-bottom: 8px !important;
        padding-top: 8px !important;
    }

    .py-lg-2 {
        padding-bottom: 12px !important;
        padding-top: 12px !important;
    }

    .py-lg-3 {
        padding-bottom: 16px !important;
        padding-top: 16px !important;
    }

    .py-lg-4 {
        padding-bottom: 20px !important;
        padding-top: 20px !important;
    }

    .py-lg-5 {
        padding-bottom: 30px !important;
        padding-top: 30px !important;
    }

    .px-lg-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .px-lg-1 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .px-lg-2 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .px-lg-3 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .px-lg-4 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .px-lg-5 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .px-lg-6 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .m-lg-0 {
        margin: 0px !important;
    }

    .p-lg-0 {
        padding: 0px !important;
    }

    .p-lg-1 {
        padding: 8px !important;
    }

    .p-lg-2 {
        padding: 12px !important;
    }

    .p-lg-3 {
        padding: 16px !important;
    }

    .p-lg-4 {
        padding: 20px !important;
    }

    .p-lg-5 {
        padding: 30px !important;
    }

    .display-lg-inline {
        display: inline-block;
        vertical-align: middle;
    }

    .display-lg-flex {
        display: flex;
    }

    .display-lg-inline-flex {
        display: inline-flex !important;
    }

    .flex-lg-self-align-end {
        align-self: end !important;
    }

    .flex-lg-self-align-start {
        align-self: start !important;
    }

    .flex-lg-self-align-center {
        align-self: center !important;
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap;
    }

    .flex-lg-grow-1 {
        flex-grow: 1;
    }

    .flex-lg-grow-2 {
        flex-grow: 2;
    }

    .flex-lg-grow-3 {
        flex-grow: 3;
    }

    .flex-lg-grow-4 {
        flex-grow: 4;
    }

    .flex-lg-grow-5 {
        flex-grow: 5;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .gap-lg-tiny {
        gap: 4px;
    }

    .gap-lg-1 {
        gap: 8px;
    }

    .gap-lg-2 {
        gap: 12px;
    }

    .gap-lg-3 {
        gap: 16px;
    }

    .gap-lg-4 {
        gap: 20px;
    }

    .gap-lg-5 {
        gap: 24px;
    }

    .gap-lg-x-1 {
        column-gap: 8px;
    }

    .gap-lg-x-2 {
        column-gap: 12px;
    }

    .gap-lg-x-3 {
        column-gap: 16px;
    }

    .gap-lg-x-4 {
        column-gap: 20px;
    }

    .gap-lg-x-5 {
        column-gap: 24px;
    }

    .gap-lg-y-1 {
        row-gap: 8px;
    }

    .gap-lg-y-2 {
        row-gap: 12px;
    }

    .gap-lg-y-3 {
        row-gap: 16px;
    }

    .gap-lg-y-4 {
        row-gap: 20px;
    }

    .gap-lg-y-5 {
        row-gap: 24px;
    }

    /*Width for boxes working with gap*/
    .display-lg-grid {
        display: grid;
    }

    .cols-lg-12-gap-1 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 8px;
    }

    .cols-lg-12-gap-2 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 12px;
    }

    .cols-lg-12-gap-3 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 16px;
    }

    .cols-lg-12-gap-4 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 20px;
    }

    .cols-lg-12-gap-5 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 24px;
    }

    .cols-lg-6-gap-1 {
        grid-template-columns: repeat(2, minmax(calc(50% - 4px), 1fr));
        gap: 8px;
    }

    .cols-lg-6-gap-2 {
        grid-template-columns: repeat(2, minmax(calc(50% - 6px), 1fr));
        gap: 12px;
    }

    .cols-lg-6-gap-3 {
        grid-template-columns: repeat(2, minmax(calc(50% - 8px), 1fr));
        gap: 16px;
    }

    .cols-lg-6-gap-4 {
        grid-template-columns: repeat(2, minmax(calc(50% - 10px), 1fr));
        gap: 20px;
    }

    .cols-lg-6-gap-5 {
        grid-template-columns: repeat(2, minmax(calc(50% - 12px), 1fr));
        gap: 24px;
    }

    .cols-lg-4-gap-1 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 5.33px), 1fr));
        gap: 8px;
    }

    .cols-lg-4-gap-2 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 8px), 1fr));
        gap: 12px;
    }

    .cols-lg-4-gap-3 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 10.33px), 1fr));
        gap: 16px;
    }

    .cols-lg-4-gap-4 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 13.33px), 1fr));
        gap: 20px;
    }

    .cols-lg-4-gap-5 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 16px), 1fr));
        gap: 24px;
    }

    .cols-lg-3-gap-1 {
        grid-template-columns: repeat(4, minmax(calc(25% - 6px), 1fr));
        gap: 8px;
    }

    .cols-lg-3-gap-2 {
        grid-template-columns: repeat(4, minmax(calc(25% - 9px), 1fr));
        gap: 12px;
    }

    .cols-lg-3-gap-3 {
        grid-template-columns: repeat(4, minmax(calc(25% - 12px), 1fr));
        gap: 16px;
    }

    .cols-lg-3-gap-4 {
        grid-template-columns: repeat(4, minmax(calc(25% - 15px), 1fr));
        gap: 20px;
    }

    .cols-lg-3-gap-5 {
        grid-template-columns: repeat(4, minmax(calc(25% - 18px), 1fr));
        gap: 24px;
    }

    .columns-lg-grid {
        grid-auto-flow: column;
    }

    .cols-lg-12-gap-1-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 8px;
    }

    .cols-lg-12-gap-2-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 12px;
    }

    .cols-lg-12-gap-3-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 16px;
    }

    .cols-lg-12-gap-4-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 20px;
    }

    .cols-lg-12-gap-5-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 24px;
    }

    .cols-lg-6-gap-1-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 4px), 1fr));
        gap: 8px;
    }

    .cols-lg-6-gap-2-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 6px), 1fr));
        gap: 12px;
    }

    .cols-lg-6-gap-3-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 8px), 1fr));
        gap: 16px;
    }

    .cols-lg-6-gap-4-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 10px), 1fr));
        gap: 20px;
    }

    .cols-lg-6-gap-5-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 12px), 1fr));
        gap: 24px;
    }

    .cols-lg-4-gap-1-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 5.33px), 1fr));
        gap: 8px;
    }

    .cols-lg-4-gap-2-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 8px), 1fr));
        gap: 12px;
    }

    .cols-lg-4-gap-3-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 10.33px), 1fr));
        gap: 16px;
    }

    .cols-lg-4-gap-4-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 13.33px), 1fr));
        gap: 20px;
    }

    .cols-lg-4-gap-5-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 16px), 1fr));
        gap: 24px;
    }

    .cols-lg-3-gap-1-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 6px), 1fr));
        gap: 8px;
    }

    .cols-lg-3-gap-2-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 9px), 1fr));
        gap: 12px;
    }

    .cols-lg-3-gap-3-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 12px), 1fr));
        gap: 16px;
    }

    .cols-lg-3-gap-4-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 15px), 1fr));
        gap: 20px;
    }

    .cols-lg-3-gap-5-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 18px), 1fr));
        gap: 24px;
    }
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .mt-xl-0 {
        margin-top: 0px !important;
    }

    .mt-xl-1 {
        margin-top: 8px !important;
    }

    .mt-xl-2 {
        margin-top: 12px !important;
    }

    .mt-xl-3 {
        margin-top: 16px !important;
    }

    .mt-xl-4 {
        margin-top: 20px !important;
    }

    .mt-xl-5 {
        margin-top: 30px !important;
    }

    .me-xl-0 {
        margin-right: 0px !important;
    }

    .me-xl-1 {
        margin-right: 8px !important;
    }

    .me-xl-2 {
        margin-right: 12px !important;
    }

    .me-xl-3 {
        margin-right: 16px !important;
    }

    .me-xl-4 {
        margin-right: 20px !important;
    }

    .me-xl-5 {
        margin-right: 30px !important;
    }

    .mb-xl-0 {
        margin-bottom: 0px !important;
    }

    .mb-xl-1 {
        margin-bottom: 8px !important;
    }

    .mb-xl-2 {
        margin-bottom: 12px !important;
    }

    .mb-xl-3 {
        margin-bottom: 16px !important;
    }

    .mb-xl-4 {
        margin-bottom: 20px !important;
    }

    .mb-xl-5 {
        margin-bottom: 30px !important;
    }

    .ms-xl-0 {
        margin-left: 0px !important;
    }

    .ms-xl-1 {
        margin-left: 8px !important;
    }

    .ms-xl-2 {
        margin-left: 12px !important;
    }

    .ms-xl-3 {
        margin-left: 16px !important;
    }

    .ms-xl-4 {
        margin-left: 20px !important;
    }

    .ms-xl-5 {
        margin-left: 30px !important;
    }

    .my-xl-0 {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

    .my-xl-1 {
        margin-bottom: 8px !important;
        margin-top: 8px !important;
    }

    .my-xl-2 {
        margin-bottom: 12px !important;
        margin-top: 12px !important;
    }

    .my-xl-3 {
        margin-bottom: 16px !important;
        margin-top: 16px !important;
    }

    .my-xl-4 {
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }

    .my-xl-5 {
        margin-bottom: 30px !important;
        margin-top: 30px !important;
    }

    .mx-xl-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .mx-xl-1 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    .mx-xl-2 {
        margin-left: 12px !important;
        margin-right: 12px !important;
    }

    .mx-xl-3 {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }

    .mx-xl-4 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .mx-xl-5 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .pt-xl-0 {
        padding-top: 0px !important;
    }

    .pt-xl-1 {
        padding-top: 8px !important;
    }

    .pt-xl-2 {
        padding-top: 12px !important;
    }

    .pt-xl-3 {
        padding-top: 16px !important;
    }

    .pt-xl-4 {
        padding-top: 20px !important;
    }

    .pt-xl-5 {
        padding-top: 30px !important;
    }

    .pe-xl-0 {
        padding-right: 0px !important;
    }

    .pe-xl-1 {
        padding-right: 8px !important;
    }

    .pe-xl-2 {
        padding-right: 12px !important;
    }

    .pe-xl-3 {
        padding-right: 16px !important;
    }

    .pe-xl-4 {
        padding-right: 20px !important;
    }

    .pe-xl-5 {
        padding-right: 30px !important;
    }

    .pb-xl-0 {
        padding-bottom: 0px !important;
    }

    .pb-xl-1 {
        padding-bottom: 8px !important;
    }

    .pb-xl-2 {
        padding-bottom: 12px !important;
    }

    .pb-xl-3 {
        padding-bottom: 16px !important;
    }

    .pb-xl-4 {
        padding-bottom: 20px !important;
    }

    .pb-xl-5 {
        padding-bottom: 30px !important;
    }

    .ps-xl-0 {
        padding-left: 0px !important;
    }

    .ps-xl-1 {
        padding-left: 8px !important;
    }

    .ps-xl-2 {
        padding-left: 12px !important;
    }

    .ps-xl-3 {
        padding-left: 16px !important;
    }

    .ps-xl-4 {
        padding-left: 20px !important;
    }

    .ps-xl-5 {
        padding-left: 30px !important;
    }

    .py-xl-0 {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }

    .py-xl-1 {
        padding-bottom: 8px !important;
        padding-top: 8px !important;
    }

    .py-xl-2 {
        padding-bottom: 12px !important;
        padding-top: 12px !important;
    }

    .py-xl-3 {
        padding-bottom: 16px !important;
        padding-top: 16px !important;
    }

    .py-xl-4 {
        padding-bottom: 20px !important;
        padding-top: 20px !important;
    }

    .py-xl-5 {
        padding-bottom: 30px !important;
        padding-top: 30px !important;
    }

    .px-xl-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .px-xl-1 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .px-xl-2 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .px-xl-3 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .px-xl-4 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .px-xl-5 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .px-xl-6 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .m-xl-0 {
        margin: 0px !important;
    }

    .p-xl-0 {
        padding: 0px !important;
    }

    .p-xl-1 {
        padding: 8px !important;
    }

    .p-xl-2 {
        padding: 12px !important;
    }

    .p-xl-3 {
        padding: 16px !important;
    }

    .p-xl-4 {
        padding: 20px !important;
    }

    .p-xl-5 {
        padding: 30px !important;
    }

    .display-xl-inline {
        display: inline-block;
        vertical-align: middle;
    }

    .display-xl-flex {
        display: flex;
    }

    .display-xl-inline-flex {
        display: inline-flex !important;
    }

    .flex-xl-self-align-end {
        align-self: end !important;
    }

    .flex-xl-self-align-start {
        align-self: start !important;
    }

    .flex-xl-self-align-center {
        align-self: center !important;
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap;
    }

    .flex-xl-grow-1 {
        flex-grow: 1;
    }

    .flex-xl-grow-2 {
        flex-grow: 2;
    }

    .flex-xl-grow-3 {
        flex-grow: 3;
    }

    .flex-xl-grow-4 {
        flex-grow: 4;
    }

    .flex-xl-grow-5 {
        flex-grow: 5;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .gap-xl-tiny {
        gap: 4px;
    }

    .gap-xl-1 {
        gap: 8px;
    }

    .gap-xl-2 {
        gap: 12px;
    }

    .gap-xl-3 {
        gap: 16px;
    }

    .gap-xl-4 {
        gap: 20px;
    }

    .gap-xl-5 {
        gap: 24px;
    }

    .gap-xl-x-1 {
        column-gap: 8px;
    }

    .gap-xl-x-2 {
        column-gap: 12px;
    }

    .gap-xl-x-3 {
        column-gap: 16px;
    }

    .gap-xl-x-4 {
        column-gap: 20px;
    }

    .gap-xl-x-5 {
        column-gap: 24px;
    }

    .gap-xl-y-1 {
        row-gap: 8px;
    }

    .gap-xl-y-2 {
        row-gap: 12px;
    }

    .gap-xl-y-3 {
        row-gap: 16px;
    }

    .gap-xl-y-4 {
        row-gap: 20px;
    }

    .gap-xl-y-5 {
        row-gap: 24px;
    }

    /*Width for boxes working with gap*/
    .display-xl-grid {
        display: grid;
    }

    .cols-xl-12-gap-1 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 8px;
    }

    .cols-xl-12-gap-2 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 12px;
    }

    .cols-xl-12-gap-3 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 16px;
    }

    .cols-xl-12-gap-4 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 20px;
    }

    .cols-xl-12-gap-5 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 24px;
    }

    .cols-xl-6-gap-1 {
        grid-template-columns: repeat(2, minmax(calc(50% - 4px), 1fr));
        gap: 8px;
    }

    .cols-xl-6-gap-2 {
        grid-template-columns: repeat(2, minmax(calc(50% - 6px), 1fr));
        gap: 12px;
    }

    .cols-xl-6-gap-3 {
        grid-template-columns: repeat(2, minmax(calc(50% - 8px), 1fr));
        gap: 16px;
    }

    .cols-xl-6-gap-4 {
        grid-template-columns: repeat(2, minmax(calc(50% - 10px), 1fr));
        gap: 20px;
    }

    .cols-xl-6-gap-5 {
        grid-template-columns: repeat(2, minmax(calc(50% - 12px), 1fr));
        gap: 24px;
    }

    .cols-xl-4-gap-1 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 5.33px), 1fr));
        gap: 8px;
    }

    .cols-xl-4-gap-2 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 8px), 1fr));
        gap: 12px;
    }

    .cols-xl-4-gap-3 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 10.33px), 1fr));
        gap: 16px;
    }

    .cols-xl-4-gap-4 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 13.33px), 1fr));
        gap: 20px;
    }

    .cols-xl-4-gap-5 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 16px), 1fr));
        gap: 24px;
    }

    .cols-xl-3-gap-1 {
        grid-template-columns: repeat(4, minmax(calc(25% - 6px), 1fr));
        gap: 8px;
    }

    .cols-xl-3-gap-2 {
        grid-template-columns: repeat(4, minmax(calc(25% - 9px), 1fr));
        gap: 12px;
    }

    .cols-xl-3-gap-3 {
        grid-template-columns: repeat(4, minmax(calc(25% - 12px), 1fr));
        gap: 16px;
    }

    .cols-xl-3-gap-4 {
        grid-template-columns: repeat(4, minmax(calc(25% - 15px), 1fr));
        gap: 20px;
    }

    .cols-xl-3-gap-5 {
        grid-template-columns: repeat(4, minmax(calc(25% - 18px), 1fr));
        gap: 24px;
    }

    .columns-xl-grid {
        grid-auto-flow: column;
    }

    .cols-xl-12-gap-1-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 8px;
    }

    .cols-xl-12-gap-2-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 12px;
    }

    .cols-xl-12-gap-3-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 16px;
    }

    .cols-xl-12-gap-4-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 20px;
    }

    .cols-xl-12-gap-5-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 24px;
    }

    .cols-xl-6-gap-1-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 4px), 1fr));
        gap: 8px;
    }

    .cols-xl-6-gap-2-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 6px), 1fr));
        gap: 12px;
    }

    .cols-xl-6-gap-3-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 8px), 1fr));
        gap: 16px;
    }

    .cols-xl-6-gap-4-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 10px), 1fr));
        gap: 20px;
    }

    .cols-xl-6-gap-5-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 12px), 1fr));
        gap: 24px;
    }

    .cols-xl-4-gap-1-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 5.33px), 1fr));
        gap: 8px;
    }

    .cols-xl-4-gap-2-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 8px), 1fr));
        gap: 12px;
    }

    .cols-xl-4-gap-3-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 10.33px), 1fr));
        gap: 16px;
    }

    .cols-xl-4-gap-4-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 13.33px), 1fr));
        gap: 20px;
    }

    .cols-xl-4-gap-5-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 16px), 1fr));
        gap: 24px;
    }

    .cols-xl-3-gap-1-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 6px), 1fr));
        gap: 8px;
    }

    .cols-xl-3-gap-2-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 9px), 1fr));
        gap: 12px;
    }

    .cols-xl-3-gap-3-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 12px), 1fr));
        gap: 16px;
    }

    .cols-xl-3-gap-4-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 15px), 1fr));
        gap: 20px;
    }

    .cols-xl-3-gap-5-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 18px), 1fr));
        gap: 24px;
    }
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .mt-xxl-0 {
        margin-top: 0px !important;
    }

    .mt-xxl-1 {
        margin-top: 8px !important;
    }

    .mt-xxl-2 {
        margin-top: 12px !important;
    }

    .mt-xxl-3 {
        margin-top: 16px !important;
    }

    .mt-xxl-4 {
        margin-top: 20px !important;
    }

    .mt-xxl-5 {
        margin-top: 30px !important;
    }

    .me-xxl-0 {
        margin-right: 0px !important;
    }

    .me-xxl-1 {
        margin-right: 8px !important;
    }

    .me-xxl-2 {
        margin-right: 12px !important;
    }

    .me-xxl-3 {
        margin-right: 16px !important;
    }

    .me-xxl-4 {
        margin-right: 20px !important;
    }

    .me-xxl-5 {
        margin-right: 30px !important;
    }

    .mb-xxl-0 {
        margin-bottom: 0px !important;
    }

    .mb-xxl-1 {
        margin-bottom: 8px !important;
    }

    .mb-xxl-2 {
        margin-bottom: 12px !important;
    }

    .mb-xxl-3 {
        margin-bottom: 16px !important;
    }

    .mb-xxl-4 {
        margin-bottom: 20px !important;
    }

    .mb-xxl-5 {
        margin-bottom: 30px !important;
    }

    .ms-xxl-0 {
        margin-left: 0px !important;
    }

    .ms-xxl-1 {
        margin-left: 8px !important;
    }

    .ms-xxl-2 {
        margin-left: 12px !important;
    }

    .ms-xxl-3 {
        margin-left: 16px !important;
    }

    .ms-xxl-4 {
        margin-left: 20px !important;
    }

    .ms-xxl-5 {
        margin-left: 30px !important;
    }

    .my-xxl-0 {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

    .my-xxl-1 {
        margin-bottom: 8px !important;
        margin-top: 8px !important;
    }

    .my-xxl-2 {
        margin-bottom: 12px !important;
        margin-top: 12px !important;
    }

    .my-xxl-3 {
        margin-bottom: 16px !important;
        margin-top: 16px !important;
    }

    .my-xxl-4 {
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }

    .my-xxl-5 {
        margin-bottom: 30px !important;
        margin-top: 30px !important;
    }

    .mx-xxl-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .mx-xxl-1 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    .mx-xxl-2 {
        margin-left: 12px !important;
        margin-right: 12px !important;
    }

    .mx-xxl-3 {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }

    .mx-xxl-4 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .mx-xxl-5 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .pt-xxl-0 {
        padding-top: 0px !important;
    }

    .pt-xxl-1 {
        padding-top: 8px !important;
    }

    .pt-xxl-2 {
        padding-top: 12px !important;
    }

    .pt-xxl-3 {
        padding-top: 16px !important;
    }

    .pt-xxl-4 {
        padding-top: 20px !important;
    }

    .pt-xxl-5 {
        padding-top: 30px !important;
    }

    .pe-xxl-0 {
        padding-right: 0px !important;
    }

    .pe-xxl-1 {
        padding-right: 8px !important;
    }

    .pe-xxl-2 {
        padding-right: 12px !important;
    }

    .pe-xxl-3 {
        padding-right: 16px !important;
    }

    .pe-xxl-4 {
        padding-right: 20px !important;
    }

    .pe-xxl-5 {
        padding-right: 30px !important;
    }

    .pb-xxl-0 {
        padding-bottom: 0px !important;
    }

    .pb-xxl-1 {
        padding-bottom: 8px !important;
    }

    .pb-xxl-2 {
        padding-bottom: 12px !important;
    }

    .pb-xxl-3 {
        padding-bottom: 16px !important;
    }

    .pb-xxl-4 {
        padding-bottom: 20px !important;
    }

    .pb-xxl-5 {
        padding-bottom: 30px !important;
    }

    .ps-xxl-0 {
        padding-left: 0px !important;
    }

    .ps-xxl-1 {
        padding-left: 8px !important;
    }

    .ps-xxl-2 {
        padding-left: 12px !important;
    }

    .ps-xxl-3 {
        padding-left: 16px !important;
    }

    .ps-xxl-4 {
        padding-left: 20px !important;
    }

    .ps-xxl-5 {
        padding-left: 30px !important;
    }

    .py-xxl-0 {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }

    .py-xxl-1 {
        padding-bottom: 8px !important;
        padding-top: 8px !important;
    }

    .py-xxl-2 {
        padding-bottom: 12px !important;
        padding-top: 12px !important;
    }

    .py-xxl-3 {
        padding-bottom: 16px !important;
        padding-top: 16px !important;
    }

    .py-xxl-4 {
        padding-bottom: 20px !important;
        padding-top: 20px !important;
    }

    .py-xxl-5 {
        padding-bottom: 30px !important;
        padding-top: 30px !important;
    }

    .px-xxl-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .px-xxl-1 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .px-xxl-2 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .px-xxl-3 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .px-xxl-4 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .px-xxl-5 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .px-xxl-6 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .m-xxl-0 {
        margin: 0px !important;
    }

    .p-xxl-0 {
        padding: 0px !important;
    }

    .p-xxl-1 {
        padding: 8px !important;
    }

    .p-xxl-2 {
        padding: 12px !important;
    }

    .p-xxl-3 {
        padding: 16px !important;
    }

    .p-xxl-4 {
        padding: 20px !important;
    }

    .p-xxl-5 {
        padding: 30px !important;
    }

    .display-xxl-inline {
        display: inline-block;
        vertical-align: middle;
    }

    .display-xxl-flex {
        display: flex;
    }

    .display-xxl-inline-flex {
        display: inline-flex !important;
    }

    .flex-xxl-self-align-end {
        align-self: end !important;
    }

    .flex-xxl-self-align-start {
        align-self: start !important;
    }

    .flex-xxl-self-align-center {
        align-self: center !important;
    }

    .flex-xxl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xxl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xxl-wrap {
        flex-wrap: wrap;
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap;
    }

    .flex-xxl-grow-1 {
        flex-grow: 1;
    }

    .flex-xxl-grow-2 {
        flex-grow: 2;
    }

    .flex-xxl-grow-3 {
        flex-grow: 3;
    }

    .flex-xxl-grow-4 {
        flex-grow: 4;
    }

    .flex-xxl-grow-5 {
        flex-grow: 5;
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .gap-xxl-tiny {
        gap: 4px;
    }

    .gap-xxl-1 {
        gap: 8px;
    }

    .gap-xxl-2 {
        gap: 12px;
    }

    .gap-xxl-3 {
        gap: 16px;
    }

    .gap-xxl-4 {
        gap: 20px;
    }

    .gap-xxl-5 {
        gap: 24px;
    }

    .gap-xxl-x-1 {
        column-gap: 8px;
    }

    .gap-xxl-x-2 {
        column-gap: 12px;
    }

    .gap-xxl-x-3 {
        column-gap: 16px;
    }

    .gap-xxl-x-4 {
        column-gap: 20px;
    }

    .gap-xxl-x-5 {
        column-gap: 24px;
    }

    .gap-xxl-y-1 {
        row-gap: 8px;
    }

    .gap-xxl-y-2 {
        row-gap: 12px;
    }

    .gap-xxl-y-3 {
        row-gap: 16px;
    }

    .gap-xxl-y-4 {
        row-gap: 20px;
    }

    .gap-xxl-y-5 {
        row-gap: 24px;
    }

    /*Width for boxes working with gap*/
    .display-xxl-grid {
        display: grid;
    }

    .cols-xxl-12-gap-1 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 8px;
    }

    .cols-xxl-12-gap-2 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 12px;
    }

    .cols-xxl-12-gap-3 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 16px;
    }

    .cols-xxl-12-gap-4 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 20px;
    }

    .cols-xxl-12-gap-5 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
        gap: 24px;
    }

    .cols-xxl-6-gap-1 {
        grid-template-columns: repeat(2, minmax(calc(50% - 4px), 1fr));
        gap: 8px;
    }

    .cols-xxl-6-gap-2 {
        grid-template-columns: repeat(2, minmax(calc(50% - 6px), 1fr));
        gap: 12px;
    }

    .cols-xxl-6-gap-3 {
        grid-template-columns: repeat(2, minmax(calc(50% - 8px), 1fr));
        gap: 16px;
    }

    .cols-xxl-6-gap-4 {
        grid-template-columns: repeat(2, minmax(calc(50% - 10px), 1fr));
        gap: 20px;
    }

    .cols-xxl-6-gap-5 {
        grid-template-columns: repeat(2, minmax(calc(50% - 12px), 1fr));
        gap: 24px;
    }

    .cols-xxl-4-gap-1 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 5.33px), 1fr));
        gap: 8px;
    }

    .cols-xxl-4-gap-2 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 8px), 1fr));
        gap: 12px;
    }

    .cols-xxl-4-gap-3 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 10.33px), 1fr));
        gap: 16px;
    }

    .cols-xxl-4-gap-4 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 13.33px), 1fr));
        gap: 20px;
    }

    .cols-xxl-4-gap-5 {
        grid-template-columns: repeat(3, minmax(calc(33.33% - 16px), 1fr));
        gap: 24px;
    }

    .cols-xxl-3-gap-1 {
        grid-template-columns: repeat(4, minmax(calc(25% - 6px), 1fr));
        gap: 8px;
    }

    .cols-xxl-3-gap-2 {
        grid-template-columns: repeat(4, minmax(calc(25% - 9px), 1fr));
        gap: 12px;
    }

    .cols-xxl-3-gap-3 {
        grid-template-columns: repeat(4, minmax(calc(25% - 12px), 1fr));
        gap: 16px;
    }

    .cols-xxl-3-gap-4 {
        grid-template-columns: repeat(4, minmax(calc(25% - 15px), 1fr));
        gap: 20px;
    }

    .cols-xxl-3-gap-5 {
        grid-template-columns: repeat(4, minmax(calc(25% - 18px), 1fr));
        gap: 24px;
    }

    .columns-xxl-grid {
        grid-auto-flow: column;
    }

    .cols-xxl-12-gap-1-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 8px;
    }

    .cols-xxl-12-gap-2-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 12px;
    }

    .cols-xxl-12-gap-3-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 16px;
    }

    .cols-xxl-12-gap-4-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 20px;
    }

    .cols-xxl-12-gap-5-repeat {
        grid-template-columns: repeat(9999, minmax(100%, 1fr));
        gap: 24px;
    }

    .cols-xxl-6-gap-1-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 4px), 1fr));
        gap: 8px;
    }

    .cols-xxl-6-gap-2-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 6px), 1fr));
        gap: 12px;
    }

    .cols-xxl-6-gap-3-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 8px), 1fr));
        gap: 16px;
    }

    .cols-xxl-6-gap-4-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 10px), 1fr));
        gap: 20px;
    }

    .cols-xxl-6-gap-5-repeat {
        grid-template-columns: repeat(9999, minmax(calc(50% - 12px), 1fr));
        gap: 24px;
    }

    .cols-xxl-4-gap-1-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 5.33px), 1fr));
        gap: 8px;
    }

    .cols-xxl-4-gap-2-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 8px), 1fr));
        gap: 12px;
    }

    .cols-xxl-4-gap-3-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 10.33px), 1fr));
        gap: 16px;
    }

    .cols-xxl-4-gap-4-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 13.33px), 1fr));
        gap: 20px;
    }

    .cols-xxl-4-gap-5-repeat {
        grid-template-columns: repeat(9999, minmax(calc(33.33% - 16px), 1fr));
        gap: 24px;
    }

    .cols-xxl-3-gap-1-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 6px), 1fr));
        gap: 8px;
    }

    .cols-xxl-3-gap-2-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 9px), 1fr));
        gap: 12px;
    }

    .cols-xxl-3-gap-3-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 12px), 1fr));
        gap: 16px;
    }

    .cols-xxl-3-gap-4-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 15px), 1fr));
        gap: 20px;
    }

    .cols-xxl-3-gap-5-repeat {
        grid-template-columns: repeat(9999, minmax(calc(25% - 18px), 1fr));
        gap: 24px;
    }
}

.cells-tag-a {
    padding: 4px 4px 4px 4px
}

    .cells-tag-a:hover {
        background-color: rgba(62, 102, 251, 0.2) !important;
        transition: 0.25s !important;
        font-weight: 700 !important;
        color: #3e66fb !important;
        border-radius: 5px !important;
    }

.fixed-width-cell {
    width: 100px;
}

@charset "UTF-8";

/*********************** NEW ICON SET - 4 **************************/

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(fonts/material-design/MaterialIcons-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons Outlined'), local('MaterialIconsOutlined-Regular'), url('fonts/material-design/MaterialIconsOutlined-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Material Icons Round';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons Round'), local('MaterialIconsRound-Regular'), url('fonts/material-design/MaterialIconsRound-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Material Icons Sharp';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/material-design/MaterialIconsSharp-Regular.otf') format('opentype');
}

[class*="st-icon-"]:before, [class*="icon-stc-"] {
    font-family: 'Material Icons Outlined';
}
    [class*="st-icon-"] {
    font-weight: normal;
    font-style: normal !important;
    font-size: 20px; /* Preferred icon size */
    /*display: inline-block;*/ 
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    direction: ltr;
    vertical-align: middle;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}


/*********************** NEW ICON SET - 3 **************************/
@font-face {
    font-family: 'icomoon';
    src: url('fonts/smarttouch-3/icomoon.eot');
    src: url('fonts/smarttouch-3/icomoon.eot') format('embedded-opentype'), url('fonts/smarttouch-3/icomoon.ttf') format('truetype'), url('fonts/smarttouch-3/icomoon.woff') format('woff'), url('fonts/smarttouch-3/icomoon.svg#smarttouchicons3') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-stc-home_house_real_estate:before {
    content: "\e900";
}

.icon-stc-gps_location_map_marker:before {
    content: "\e901";
}

.icon-stc-Settings_gear_setting_tools:before {
    content: "\e902";
}

.icon-stc-eye_preview_see_seen_view:before {
    content: "\e903";
}

.icon-stc-heart_like_love_vote:before {
    content: "\e904";
}

.icon-stc-add_cross_new_plus_create:before {
    content: "\e905";
}

.icon-stc-edit_editor_pen_pencil_write:before {
    content: "\e906";
}

.icon-stc-alarm_alert_clock_event_history_schedule_time_watch:before {
    content: "\e907";
}

.icon-stc-email_envelope_letter_mail:before {
    content: "\e0e1";
    font-family: 'Material Icons Outlined';
}

.icon-stc-Download_save_down:before {
    content: "\e909";
}

.icon-stc-bubble_chat_comment_message_outline_talk:before {
    content: "\e90a";
}

.icon-stc-account_friend_human_man_member_person_profile_user_users:before {
    content: "\e90b";
}

.icon-stc-find_in_magnifier_magnifying_research_search_view_zoom:before {
    content: "\e90c";
}

.icon-stc-Arrow-Right:before {
    content: "\e90d";
}

.icon-stc-flag_notice_warning:before {
    content: "\e90e";
}

.icon-stc-bell_sound_notification_remind_reminder_ring_ringing_schedule:before {
    content: "\e90f";
}

.icon-stc-close_delete_remove_icon:before {
    content: "\e910";
}

.icon-stc-Arrow-Left:before {
    content: "\e911";
}

.icon-stc-coffee_cup_drink_hot_tea:before {
    content: "\e912";
}

.icon-stc-accept_check_ok_outline_tick_yes:before {
    content: "\e5ca";
    font-family: 'Material Icons Outlined';
}

.icon-stc-camera_image_photo_photography_photos_picture_pictures:before {
    content: "\e914";
}

.icon-stc-album_gallery_image_images_photo_photos_pictures_portfolio:before {
    content: "\e915";
}

.icon-stc-print_printer_printing_raw_simple:before {
    content: "\e916";
}

.icon-stc-drink_glass_liquor_vine_wine:before {
    content: "\e917";
}

.icon-stc-circle_dashboard_fuel_gauge_meter_icon:before {
    content: "\e918";
}

.icon-stc-compass_direction_navigation:before {
    content: "\e919";
}

.icon-stc-cascade_display_layout_stack_sw_view:before {
    content: "\e91a";
}

.icon-stc-data_document_documents_file:before {
    content: "\e91b";
}

.icon-stc-Upload_up:before {
    content: "\e91c";
}

.icon-stc-cloud_cloudy_weather_winter:before {
    content: "\e91d";
}

.icon-stc-sports_tennis_ball_tennisball:before {
    content: "\e91e";
}

.icon-stc-document_file_invoice_page_paper_print_read_sheet_text:before {
    content: "\e91f";
}

.icon-stc-Phone_call_chat_communication_phone_phones_ringing_smartphone_speech_talk_telephone:before {
    content: "\e920";
}

.icon-stc-coda_eco_ecology_environment_flower_green_leaf_nature_paper_plant:before {
    content: "\e921";
}

.icon-stc-Delete_discart_exit_less_line_minus_negative_no_premium_remove:before {
    content: "\e922";
}

.icon-stc-sports_tennis_ball_tennisball2:before {
    content: "\e923";
}

.icon-stc-document_file_invoice_page_paper_print_read_sheet_text2:before {
    content: "\e924";
}

.icon-stc-Phone_call_chat_communication_phone_phones_ringing_smartphone_speech_talk_telephone2:before {
    content: "\e925";
}

.icon-stc-coda_eco_ecology_environment_flower_green_leaf_nature_paper_plant2:before {
    content: "\e926";
}

.icon-stc-Delete_discart_exit_less_line_minus_negative_no_premium_remove2:before {
    content: "\e927";
}

.icon-stc-archive_archives_bookmark_box_boxes_business_cab_cabinet_catalog_container_data_database:before {
    content: "\e1a1";
    font-family: 'Material Icons Outlined';
}

.icon-stc-bin_cancel_close_cross_delete_empty_exit_garbage_minus_out_recycle_remove_trash:before {
    content: "\e929";
}

.icon-stc-Star_award_badge_best_bookmark_favorite_favorites_favourite_preffered_prize_reward_star_trophy_win_winner:before {
    content: "\e92a";
}

.icon-stc-lock_locked_log_login_padlock_password_private_protection_register_registration_registry_safe_safety_secret_secure_security:before {
    content: "\e92b";
}

.icon-stc-award_awards_badge_best_big_game_bronze_ceremony_certificate_champion_choice_competitive_conqueror_cup_emblem_favorite:before {
    content: "\e92c";
}

.icon-stc-add:before {
    content: "\e92d";
}

.icon-stc-message:before {
    content: "\e92e";
}

.icon-stc-cross:before {
    content: "\e5c9";
    font-family: 'Material Icons Outlined';
}

.icon-stc-delete:before {
    content: "\e930";
}

.icon-stc-photo:before {
    content: "\e931";
}

.icon-stc-cloud:before {
    content: "\e932";
}

.icon-stc-info:before {
    content: "\e933";
}

.icon-stc-camera:before {
    content: "\e934";
}

.icon-stc-folder:before {
    content: "\e935";
}

.icon-stc-globe:before {
    content: "\e894";
    font-family: 'Material Icons Outlined';
}

.icon-stc-note:before {
    content: "\f040";
    font-family: 'Material Icons Outlined';
}

.icon-stc-find:before {
    content: "\e938";
}

.icon-stc-copy:before {
    content: "\e939";
}

.icon-stc-download:before {
    content: "\e93a";
}

.icon-stc-time:before {
    content: "\e93b";
}

.icon-stc-file:before {
    content: "\e93c";
}

.icon-stc-send:before {
    content: "\e163";
    font-family: 'Material Icons Outlined';
}

.icon-stc-upload:before {
    content: "\e93e";
}

.icon-stc-back:before {
    content: "\e93f";
}

.icon-stc-star:before {
    content: "\e940";
}

.icon-stc-note2:before {
    content: "\e941";
}

.icon-stc-globe2:before {
    content: "\e942";
}

.icon-stc-find2:before {
    content: "\e943";
}

.icon-stc-copy2:before {
    content: "\e944";
}

.icon-stc-download2:before {
    content: "\e945";
}

.icon-stc-time2:before {
    content: "\e946";
}

.icon-stc-file2:before {
    content: "\e947";
}

.icon-stc-upload2:before {
    content: "\e948";
}

.icon-stc-back2:before {
    content: "\e949";
}

.icon-stc-send2:before {
    content: "\e94a";
}

.icon-stc-star2:before {
    content: "\e94b";
}

.icon-stc-zoom_in:before {
    content: "\e94c";
}

.icon-stc-sub:before {
    content: "\e94d";
}

.icon-stc-eye:before {
    content: "\e94e";
}

.icon-stc-flag:before {
    content: "\e94f";
}

.icon-stc-star3:before {
    content: "\e950";
}

.icon-stc-zoom_in2:before {
    content: "\e951";
}

.icon-stc-flag2:before {
    content: "\e952";
}

.icon-stc-sub2:before {
    content: "\e953";
}

.icon-stc-eye2:before {
    content: "\e954";
}

.icon-stc-clock:before {
    content: "\e855";
    font-family: 'Material Icons Outlined';
}

.icon-stc-zoom_out:before {
    content: "\e956";
}

.icon-stc-sub3:before {
    content: "\e644";
    font-family: 'Material Icons Outlined';
}

.icon-stc-zoom_in3:before {
    content: "\e958";
}

.icon-stc-star4:before {
    content: "\e959";
}

/*********************** NEW ICON SET **************************/
@font-face {
    font-family: 'smarttouchicons2';
    src: url('fonts/smarttouch-2/smarttouchicons2.eot?-gs8wvv');
    src: url('fonts/smarttouch-2/smarttouchicons2.eot?#iefix-gs8wvv') format('embedded-opentype'), url('fonts/smarttouch-2/smarttouchicons2.ttf?-gs8wvv') format('truetype'), url('fonts/smarttouch-2/smarttouchicons2.woff?-gs8wvv') format('woff'), url('fonts/smarttouch-2/smarttouchicons2.svg?-gs8wvv#smarttouchicons2') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="sti-"], [class*=" sti-"] {
    font-family: 'smarttouchicons2';
    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;
}

#appTourContactWebVisits > #showWebVisits > .sti-web-visit:before {
    font-family: "smarttouchicons2" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: -1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.sti-web-visit:before {
    content: "\e606";
}

.sti-location-marker:before {
    content: "\e607";
}

@font-face {
    font-family: "smarttouch";
    src: url("fonts/smarttouch/smarttouch.eot");
    src: url("fonts/smarttouch/smarttouch.eot?#iefix") format("embedded-opentype"), url("fonts/smarttouch/smarttouch.woff") format("woff"), url("fonts/smarttouch/smarttouch.ttf") format("truetype"), url("fonts/smarttouch/smarttouch.svg#smarttouch") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "smarttouch" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*[class^="st-icon-"]:before,
[class*=" st-icon-"]:before {
    font-family: "smarttouch";
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: -1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    position: relative;
}*/

.st-icon-add:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e147";
}

.st-icon-add-circle-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e148";
}

.st-icon-analitycs:before {
    font-family: "Material Icons Outlined" !important;
    content: "\ef3e";
}

.st-icon-arrow-drop-down:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e5c5";
}

.st-icon-arrow-downward:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e5db";
}

.st-icon-arrow-upward:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e5d8";
}

.st-icon-attach-money:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e227";
}
/*currency-exchange*/
.st-icon-money-currency-exchange:before {
    font-family: 'Material Icons Outlined';
    content: "\eb70";
}
/*paid*/
.st-icon-money-paid:before {
    font-family: 'Material Icons Outlined';
    content: "\f041";
}
/*price-check*/
.st-icon-money-price-check:before {
    font-family: 'Material Icons Outlined';
    content: "\f04b";
}

.st-icon-send-email-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e0e1";
}

.st-icon-send-sms-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e0d8";
}

.st-icon-send-mms-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e618";
}

.st-icon-check-circle-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\eb9d";
}

.st-icon-remove-circle-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\f189";
}

.st-icon-change-owner-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e2e7";
}

.st-icon-cycle:before {
    font-family: 'Material Icons Outlined';
    content: "\f854";
}

.st-icon-edit-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e3c9";
}

.st-icon-send-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e163";
}

.st-icon-password-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\eade";
}

.st-icon-import-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e0c3";
}

.st-icon-merge-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\eb98";
}

.st-icon-copy-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e14d";
}

.st-icon-open-in-new:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e89e";
}

.st-icon-open-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e9bd";
}

.st-icon-test-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e916";
}

.st-icon-delete-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e92b";
}

.st-icon-export-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e6b8";
}

.st-icon-save:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e161";
}

.st-icon-save-as-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\eb60";
}

.st-icon-download-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\f090";
}

.st-icon-view-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e8a0";
}

.st-icon-archive-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e149";
}

.st-icon-toggle-on-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e9f6";
}

.st-icon-download-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e2c4";
}

.st-icon-verified-outline:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e8e8";
}

.st-icon-address-book:before {
    content: "b";
}

.st-icon-address-book-2:before {
    content: "c";
}

.st-icon-alarm-clock:before {
    content: "d";
}

.st-icon-align-bottom:before {
    content: "e";
}

.st-icon-align-horizontal-centers:before {
    content: "f";
}

.st-icon-align-left-edges:before {
    content: "g";
}

.st-icon-align-right-edges:before {
    content: "h";
}

.st-icon-align-top:before {
    content: "i";
}

.st-icon-align-vertical-centers:before {
    content: "j";
}

.st-icon-anchor:before {
    content: "k";
}
.st-icon-apartment:before {
    content: "\ea40";
}
.st-icon-arrow-down:before {
    content: "l";
}

.st-icon-arrow-left:before {
    content: "m";
}

.st-icon-arrow-right:before {
    content: "n";
}

.st-icon-arrow-up:before {
    content: "o";
}

.st-icon-asterisk:before {
    content: "p";
}

.st-icon-attachment:before {
    font-family: 'Material Icons Outlined';
    content: "\e226";
}

.st-icon-attachment-2:before {
    content: "r";
}

.st-icon-audio-high:before {
    content: "s";
}

.st-icon-audio-low:before {
    content: "t";
}

.st-icon-audio-mid:before {
    content: "u";
}

.st-icon-audio-mute:before {
    content: "v";
}

.st-icon-battery-20:before {
    content: "w";
}

.st-icon-battery-20-2:before {
    content: "x";
}

.st-icon-battery-40:before {
    content: "y";
}

.st-icon-battery-40-2:before {
    content: "z";
}

.st-icon-battery-60:before {
    content: "A";
}

.st-icon-battery-60-2:before {
    content: "B";
}

.st-icon-battery-80:before {
    content: "C";
}

.st-icon-battery-80-2:before {
    content: "D";
}

.st-icon-battery-100:before {
    content: "E";
}

.st-icon-battery-100-2:before {
    content: "F";
}

.st-icon-battery-charge:before {
    content: "G";
}

.st-icon-battery-charge-2:before {
    content: "H";
}

.st-icon-battery-empty:before {
    content: "I";
}

.st-icon-battery-empty-2:before {
    content: "J";
}

.st-icon-bell-2:before {
    font-family: "Material Icons Outlined";
    content: "\e7f4";
}

.st-icon-bell-mute:before {
    font-family: "Material Icons Outlined";
    content: "\e7f8";
}

.st-icon-bell-mute-2:before {
    content: "N";
}

.st-icon-bin:before {
    content: "O";
}

.st-icon-bin-2:before {
    content: "P";
}

.st-icon-bin-3:before {
    font-family: "Material Icons Outlined";
    content: "\e872";
}

.st-icon-book:before {
    content: "R";
}

.st-icon-book-2:before {
    content: "S";
}

.st-icon-book-lines:before {
    content: "\ea19";
    font-family: 'Material Icons Outlined' !important;
}

.st-icon-book-lines-2:before {
    content: "U";
}

.st-icon-brightness-high:before {
    content: "V";
}

.st-icon-brightness-low:before {
    content: "W";
}

.st-icon-browser:before {
    content: "X";
}

.st-icon-browser-2:before {
    content: "Y";
}

.st-icon-browser-close:before {
    content: "Z";
}

.st-icon-browser-close-2:before {
    content: "0";
}

.st-icon-browser-download:before {
    font-family: 'Material Icons Outlined';
    content: "\e7cf";
}

.st-icon-browser-download-2:before {
    content: "2";
}

.st-icon-browser-minimize:before {
    content: "3";
}

.st-icon-browser-minimize-2:before {
    content: "4";
}

.st-icon-browser-new-window:before {
    content: "5";
}

.st-icon-browser-new-window-2:before {
    content: "6";
}

.st-icon-browser-upload:before {
    content: "7";
}

.st-icon-browser-upload-2:before {
    content: "8";
}

.st-icon-browser-windows:before {
    content: "9";
}

.st-icon-browser-windows-2:before {
    font-family: "smarttouch";
    content: "!";
}

.st-icon-bulb:before {
    content: "\"";
}

.st-icon-bulb-2:before {
    content: "#";
}

.st-icon-bullet:before {
    content: "$";
}

.st-icon-bullhorn:before {
}

.st-icon-bullhorn-2:before {
    font-family: "Material Icons Outlined";
    content: "\ef49";
}

.st-icon-calendar:before {
    font-family: 'Material Icons Round';
    content: "\ebcc";
}

.st-icon-calendar-event:before {
    font-family: 'Material Icons Round';
    content: "\e878";
}

.st-icon-camera:before {
    content: "(";
}

.st-icon-camera-2:before {
    content: ")";
}

.st-icon-camera-3:before {
    content: "*";
}

.st-icon-cassette:before {
    content: "+";
}

.st-icon-clear:before {
    font-family: 'Material Icons Outlined';
    content: "\e14c";
}

.st-icon-clipboard:before {
    content: ",";
}

.st-icon-clipboard-2:before {
    font-family: 'Material Icons Round';
    content: "\e14f";
}

.st-icon-clock:before {
    font-family: 'Material Icons Outlined';
    content: "\e8b5";
}

.st-icon-close:before {
    font-family: 'Material Icons Outlined';
    content: "\e5cd";
}

.st-icon-cloud:before {
    content: "/";
}

.st-icon-cloud-add:before {
    content: "\e2c3";
    font-family: 'Material Icons Outlined';

}

.st-icon-cloud-add-2:before {
    content: ";";
}

.st-icon-cloud-download:before {
    content: "<";
}

.st-icon-cloud-remove:before {
    content: "=";
}

.st-icon-cloud-remove-2:before {
    content: ">";
}

.st-icon-cloud-upload:before {
    content: "?";
}

.st-icon-cmd:before {
    content: "@";
}

.st-icon-code:before {
    content: "\ead3";
    font-family: "Material Icons Outlined";
}

.st-icon-commit:before {
    content: "]";
}

.st-icon-contacted:before {
    content: "\ea71";
}

.st-icon-company:before {
    font-family: "Material Icons Outlined";
    content: "\f1d0";
}

.st-icon-compass:before {
    content: "_";
}

.st-icon-compose:before {
    content: "`";
}

.st-icon-compose-2:before {
    content: "{";
}

.st-icon-compose-3:before {
    content: "|";
}

.st-icon-compose-4:before {
    content: "}";
}

.st-icon-contract:before {
    font-family: 'Material Icons Outlined';
    content: "\e90e";
}

.st-icon-contract-2:before {
    content: "\\";
}

.st-icon-contract-3:before {
    content: "\e000";
}

.st-icon-contrast:before {
    content: "\e001";
}

.st-icon-converge:before {
    content: "\e002";
}

.st-icon-crate:before {
    content: "\e003";
}

.st-icon-credit-card:before {
    content: "\e004";
}

.st-icon-credit-card-2:before {
    content: "\e005";
}

.st-icon-credit-card-3:before {
    content: "\e006";
}

.st-icon-credit-card-4:before {
    content: "\e007";
}

.st-icon-crop:before {
    content: "\e008";
}

.st-icon-cross:before {
    content: "\e009";
}

.st-icon-curlybrace:before {
    content: "\e00a";
}

.st-icon-curlybrace-2:before {
    content: "\e00b";
}

.st-icon-database:before {
    content: "\e00c";
}

.st-icon-database-add:before {
    content: "\e00d";
}

.st-icon-database-remove:before {
    content: "\e00e";
}

.st-icon-delete:before {
    content: "\e00f";
}

.st-icon-deny:before {
    font-family: "Material Icons Outlined";
    content: "\e033"
}

.st-icon-desktop:before {
    content: "\e30b";
}

.st-icon-distribute-bottom-edges:before {
    content: "\e011";
}

.st-icon-distribute-horizontal-centers:before {
    content: "\e012";
}

.st-icon-distribute-left-edges:before {
    content: "\e013";
}

.st-icon-distribute-right-edges:before {
    content: "\e014";
}

.st-icon-distribute-top-edges:before {
    content: "\e015";
}

.st-icon-distribute-vertical-centers:before {
    content: "\e016";
}

.st-icon-document:before {
    content: "\e017";
}

.st-icon-document-add:before {
    content: "\e018";
}

.st-icon-document-remove:before {
    content: "\e019";
}

.st-icon-down:before {
    content: "\e01a";
}

.st-icon-droplet:before {
    content: "\e01c";
}

.st-icon-edit:before {
    font-family: 'Material Icons Outlined';
    content: "\e3c9";
}

.st-icon-edit-round:before {
    font-family: 'Material Icons Round';
    content: "\e3c9";
}

.st-icon-ellipsis:before {
    content: "\e01e";
}

.st-icon-envelope:before {
    content: "\e0be";
    font-family: 'Material Icons Outlined';
}

.st-icon-event:before {
    content: "\e878";
}

.st-icon-exclude:before {
    content: "\e020";
}

.st-icon-expand:before {
    content: "\e021";
}

.st-icon-expand-2:before {
    content: "\e022";
}

.st-icon-expand-3:before {
    content: "\e023";
}

.st-icon-eye:before {
    content: "\e8f4";
    font-family: 'Material Icons Outlined';
}

.st-icon-eye-2:before {
    content: "\e025";
}

.st-icon-exclamation:before {
    font-family: "Material Icons Outlined";
    content: "\e645";
}

.st-icon-fast-forward:before {
    content: "\e026";
}

.st-icon-filter-list:before {
    font-family: 'Material Icons Round';
    content: "\e152";
}

.st-icon-file-upload:before {
    font-family: "Material Icons Outlined";
    content: "\e2c6";
}

.st-icon-flag:before {
    content: "\e027";
}

.st-icon-flag-2:before {
    content: "\e153";
    font-family: 'Material Icons Round';
}

.st-icon-flask-empty:before {
    content: "\e029";
}

.st-icon-flask-full:before {
    content: "\e02a";
}

.st-icon-floppy:before {
    content: "\e02b";
}

.st-icon-flux:before {
    content: "\e02c";
}

.st-icon-folder:before {
    content: "\e02d";
}

.st-icon-folder-2:before {
    content: "\e02e";
}

.st-icon-folder-add:before {
    content: "\e02f";
}

.st-icon-folder-add-2:before {
    content: "\e030";
}

.st-icon-folder-duplicate:before {
    content: "\e031";
}

.st-icon-folder-duplicate-2:before {
    content: "\e032";
}

.st-icon-folder-remove:before {
    content: "\e033";
}

.st-icon-folder-remove-2:before {
    content: "\e034";
}

.st-icon-fork:before {
    content: "\e035";
}

.st-icon-grid:before {
    content: "\e036";
}

.st-icon-grid-2:before {
    content: "\e037";
}

.st-icon-groups:before {
    font-family: 'Material Icons Outlined';
    content: "\f233";
}

.st-icon-hash:before {
    content: "\e038";
}

.st-icon-headphones:before {
    content: "\e039";
}

.st-icon-heart-empty:before {
    content: "\e03a";
}

.st-icon-heart-full:before {
    content: "\e03b";
}

.st-icon-heart-half:before {
    content: "\e03c";
}

.st-icon-home:before {
    content: "\e03d";
}

.st-icon-home-2:before {
    content: "\e88a";
    font-family: 'Material Icons Outlined';
}

.st-icon-home-3:before {
    content: "\e03f";
}

.st-icon-icon0:before {
    content: "\e040";
}

.st-icon-image:before {
    font-family: 'Material Icons Outlined';
    content: "\e3f4";
}

.st-icon-in:before {
    content: "\e042";
}

.st-icon-inbox:before {
    font-family: 'Material Icons Outlined';
    content: "\e168";
}

.st-icon-inbox-2:before {
    content: "\e044";
}

.st-icon-infinity:before {
    content: "\e045";
}

.st-icon-intersect:before {
    content: "\e046";
}

.st-icon-key:before {
    font-family: 'Material Icons Outlined';
    content: "\e0da";
}

.st-icon-key-2:before {
    font-family: 'Material Icons Outlined';
    content: "\e73c";
}

.st-icon-keys:before {
    content: "\e049";
}

.st-icon-layout:before {
    font-family: 'Material Icons Outlined';
    content: "\e871";
}

.st-icon-layout-content-left:before {
    content: "\e66b";
    font-family: 'Material Icons Outlined';
}

.st-icon-layout-content-left-2:before {
    content: "\e04c";
}

.st-icon-layout-content-right:before {
    content: "\e04d";
}

.st-icon-layout-content-right-2:before {
    content: "\e04e";
}

.st-icon-layout-sidebar-left:before {
    content: "\e04f";
}

.st-icon-layout-sidebar-right:before {
    content: "\e050";
}

.st-icon-letter:before {
    content: "\ea3e";    
}

.st-icon-link:before {
    content: "\e157";
    font-family: 'Material Icons Outlined';
}

.st-icon-link-2:before {
    content: "\e052";
}

.st-icon-list:before {
    content: "\e053";
}

.st-icon-list-2:before {
    content: "\e054";
}

.st-icon-locked:before {
    content: "\e055";
}

.st-icon-zillow_address_lookup:before {
    content: "\e8ff";
}

.st-icon-mail:before {
    content: "\e056";
}

.st-icon-mail-2:before {
    font-family: 'Material Icons Outlined';
    content: "\e163";
}

.st-icon-mail-3:before {
    content: "\e058";
}

.st-icon-mail-outlined:before {
    font-family: 'Material Icons Outlined';
    content: "\e0be";
}

.st-icon-mail-incoming:before {
    content: "\ea0c";
    font-family: 'Material Icons Outlined';
}

.st-icon-mail-outgoing:before {
    font-family: 'Material Icons Outlined';
    content: "\f187";
}

.st-icon-map:before {
    content: "\e05c";
}

.st-icon-map-2:before {
    content: "\e05d";
}

.st-icon-marquee:before {
    content: "\e05e";
}

.st-icon-marquee-download:before {
    content: "\e05f";
}

.st-icon-marquee-minus:before {
    content: "\e060";
}

.st-icon-marquee-plus:before {
    content: "\e146";
    font-family: 'Material Icons Outlined';
}

.st-icon-marquee-upload:before {
    content: "\e062";
}

.st-icon-maximise:before {
    content: "\e063";
}

.st-icon-menu:before {
    content: "\e5d2";
    font-family: "Material Icons Outlined";
}

.st-icon-menu-2:before {
    content: "\e065";
}

.st-icon-menu-pull-down:before {
    content: "\ead0";
    font-family: 'Material Icons Outlined';
}

.st-icon-merge:before {
    content: "\e252";
    font-family: 'Material Icons Outlined';
}

.st-icon-microphone:before {
    content: "\e069";
}

.st-icon-microphone-2:before {
    content: "\e06a";
}

.st-icon-minus:before {
    content: "\e06b";
}

.st-icon-mixer:before {
    content: "\e06c";
}

.st-icon-mobile:before {
    font-family: Material Icons Outlined;
    content: "\e325";
}

.st-icon-mobile-1:before {
    font-family: 'Material Icons Outlined';
    content: "\e325";
}

.st-icon-more-vert:before {
    font-family: 'Material Icons Round';
    content: "\e5d4";
}

.st-icon-more-horiz:before {
    font-family: 'Material Icons Round';
    content: "\e5d3";
}

.st-icon-move:before {
    content: "\e89f";
    font-family: 'Material Icons Outlined';
}

.st-icon-newspaper:before {
    content: "\e070";
}

.st-icon-newspaper-2:before {
    content: "\e071";
}

.st-icon-next:before {
    content: "\e072";
}

.st-icon-nib:before {
    content: "\e073";
}

.st-icon-nope:before {
    content: "\e074";
}

.st-icon-notes:before {
    font-family: 'Material Icons Outlined';
    content: "\e873";
}

.st-icon-options:before {
    content: "\e076";
}

.st-icon-out:before {
    content: "\e077";
}

.st-icon-outbox:before {
    content: "\e078";
}

.st-icon-outbox-2:before {
    content: "\e079";
}

.st-icon-outgoing:before {
    font-family: 'Material Icons Outlined';
    content: "\e0e2";
}

.st-icon-paper-ripped:before {
    content: "\e07c";
}

.st-icon-paper-roll:before {
    content: "\e07d";
}

.st-icon-paper-roll-ripped:before {
    content: "\e07e";
}

.st-icon-paragraph-center:before {
    content: "\e07f";
}

.st-icon-paragraph-center-2:before {
    content: "\e080";
}

.st-icon-paragraph-justify:before {
    content: "\e081";
}

.st-icon-paragraph-justify-2:before {
    font-family: 'Material Icons Round';
    content: "\e0ee";
}

.st-icon-paragraph-left:before {
    content: "\e083";
}

.st-icon-paragraph-left-2:before {
    content: "\e084";
}

.st-icon-paragraph-right:before {
    content: "\e085";
}

.st-icon-paragraph-right-2:before {
    content: "\e086";
}

.st-icon-password:before {
    font-family: 'Material Icons Outlined';
    content: "\f042";
}

.st-icon-pause:before {
    content: "\e087";
}

.st-icon-pen:before {
    content: "\e088";
}

.st-icon-pencil:before {
    content: "\e089";
}

.st-icon-percentage:before {
    content: "\e08a";
}

.st-icon-pin:before {
    font-family: 'Material Icons Outlined';
    content: "\e0c8";
}

.st-icon-pin-2:before {
    content: "\e0c8";
    font-family: 'Material Icons Outlined';
}

.st-icon-play:before {
    content: "\e037";
    font-family: 'Material Icons Outlined';
}

.st-icon-plus:before {
    content: "\e08e";
}

.st-icon-podcast:before {
    content: "\e08f";
}

.st-icon-podcast-2:before {
    content: "\e090";
}

.st-icon-polaroid:before {
    content: "\e091";
}

.st-icon-polaroid-2:before {
    font-family: 'Material Icons Outlined';
    content: "\e0ba";
}

.st-icon-power:before {
    content: "\e093";
}

.st-icon-previous:before {
    content: "\e094";
}

.st-icon-preview:before {
    font-family: 'Material Icons Outlined';
    content: "\f1c5";
}

.st-icon-print:before {
    content: "\e095";
}

.st-icon-publish:before {
    font-family: 'Material Icons Outlined';
    content: "\e255";
}

.st-icon-pull:before {
    content: "\e096";
}

.st-icon-qr-code:before {
    font-family: 'Material Icons Outlined';
    content: "\f206";
}

.st-icon-quill:before {
    content: "\e097";
}

.st-icon-quill-2:before {
    content: "\e098";
}

.st-icon-real-state-agent:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e73a";
}

.st-icon-refresh:before {
    content: "\e5d5";
    font-size: 24px;
    font-family: 'Material Icons Outlined';
}

.st-icon-reminder:before {
    content: "\e09a";
}

.st-icon-remove:before {
    font-family: 'Material Icons Round';
    content: "\e5c9";
}

.st-icon-repeat:before {
    content: "\e09c";
}

.st-icon-repeat-2:before {
    content: "\e09d";
}

.st-icon-reply:before {
    content: "\e09e";
}

.st-icon-reply-all:before {
    content: "\e09f";
}

.st-icon-report:before {
    font-family: 'Material Icons Outlined';
    content: "\e160";
}

.st-icon-return:before {
    content: "\e0a0";
}

.st-icon-revert:before {
    content: "\e0a1";
}

.st-icon-rewind:before {
    content: "\e0a2";
}

.st-icon-rulers:before {
    content: "\e0a3";
}

.st-icon-safe:before {
    content: "\e0a4";
}

.st-icon-search:before {
    content: "\e0a5";
}

.st-icon-search-off:before {
    content: "\ea76";
    font-family: 'Material Icons Outlined';
}

.st-icon-search-2:before {
    content: "\e8b6";
    font-family: 'Material Icons Outlined';
}

.st-icon-section:before {
    content: "\e0a8";
}

.st-icon-settings:before {
    content: "\e0a9";
}

.st-icon-settings-2:before {
    content: "\e8b8";
    font-family: 'Material Icons Round';
}

.st-icon-settings-3:before {
    content: "\e0ab";
}

.st-icon-settings-4:before {
    content: "\e0ac";
}

.st-icon-shred:before {
    content: "\e0ad";
}

.st-icon-shuffle:before {
    content: "\e0ae";
}

.st-icon-signature:before {
    content: "\e746";
}

.st-icon-sleep:before {
    content: "\e0af";
}

.st-icon-spam:before {
    font-family: 'Material Icons Outlined';
    content: "\e160";
}

.st-icon-speech-bubble-center:before {
    content: "\e0b2";
}

.st-icon-speech-bubble-center-2:before {
    content: "\e0d8";
    font-family: 'Material Icons Outlined';
}

.st-icon-speech-bubble-center-3:before {
    content: "\e0b4";
}

.st-icon-speech-bubble-left:before {
    content: "\e0b5";
}

.st-icon-speech-bubble-left-2:before {
    content: "\e0b6";
}

.st-icon-speech-bubble-left-3:before {
    content: "\e0b7";
}

.st-icon-speech-bubble-left-4:before {
    content: "\e0b8";
}

.st-icon-speech-bubble-right:before {
    content: "\e0b9";
}

.st-icon-speech-bubble-right-2:before {
    content: "\e0ba";
}

.st-icon-speech-bubble-right-3:before {
    content: "\e0bb";
}

.st-icon-speech-bubble-right-4:before {
    content: "\e0bc";
}

.st-icon-spinner:before {
    content: "\e0bd";
}

.st-icon-spinner-2:before {
    content: "\e0be";
}

.st-icon-spinner-3:before {
    content: "\e0bf";
}

.st-icon-split:before {
    font-family: 'Material Icons Outlined';
    content: "\e335";
}

.st-icon-split-2:before {
    font-family: 'Material Icons Round';
    content: "\ebbb";
}

.st-icon-spool:before {
    font-family: 'Material Icons Outlined';
    content: "\e863";
}

.st-icon-square-brackets:before {
    content: "\e0c3";
}

.st-icon-stamp:before {
    content: "\e0c4";
}

.st-icon-stamp-2:before {
    content: "\e0c5";
}

.st-icon-star:before {
    content: "\e0c6";
}

.st-icon-star-2:before {
    content: "\e838";
    font-family: 'Material Icons Outlined';
}

.st-icon-stiffy:before {
    content: "\e0c8";
}

.st-icon-stop:before {
    content: "\e0c9";
}

.st-icon-stopwatch:before {
    content: "\e425";
    font-family: 'Material Icons Outlined';
}

.st-icon-store:before {
    content: "\e0cb";
}

.st-icon-store-2:before {
    content: "\e0cc";
}

.st-icon-subtract:before {
    content: "\e0cd";
}

.st-icon-support:before {
    content: "\e0ce";
}

.st-icon-support-2:before {
    content: "\e0cf";
}

.st-icon-support-3:before {
    font-family: 'Material Icons Outlined';
    content: "\f8d8";
}

.st-icon-swap:before {
    content: "\e0d1";
}

.st-icon-swap-2:before {
    content: "\e8d5";
    font-family: 'Material Icons';
}

.st-icon-swatch:before {
    content: "\e0d3";
}

.st-icon-swatches:before {
    content: "\e0d4";
}

.st-icon-switch-off:before {
    content: "\e0d5";
}

.st-icon-switch-on:before {
    content: "\e0d6";
}

.st-icon-tablet:before {
    content: "\e331";
}

.st-icon-tag:before {
    font-family: "Material Icons Outlined";
    content: "\e54e";
}

.st-icon-terminal:before {
    content: "\e0dc";
}

.st-icon-terminal-2:before {
    content: "\e0dd";
}

.st-icon-terminal-3:before {
    content: "\e0de";
}

.st-icon-tick:before {
    font-family: 'Material Icons Outlined';
    content: "\f075";
}

.st-icon-tilde:before {
    content: "\e0e0";
}

.st-icon-timeline:before {
    content: "\e0e1";
}

.st-icon-toggle-off:before {
    content: "\e0e2";
}

.st-icon-toggle-on:before {
    content: "\e0e3";
}

.st-icon-transfer:before {
    content: "\e0e4";
}

.st-icon-tray:before {
    content: "\e0e5";
}

.st-icon-tune:before {
    font-family: 'Material Icons Outlined';
    content: "\e429";
}

.st-icon-unite:before {
    content: "\e0e6";
}

.st-icon-universaldropdown:before {
    content: "\e0e7";
}

.st-icon-unlocked:before {
    content: "\e0e8";
}

.st-icon-unwatch-1:before {
    content: "\e0e9";
}

.st-icon-up:before {
    content: "\e0ea";
}

.st-icon-user:before {
    content: "\e853";
    font-family: 'Material Icons Outlined';
}

.st-icon-user-2:before {
    font-family: 'Material Icons Outlined';
    content: "\e7fd";
}

.st-icon-user-2-add:before {
    font-family: 'Material Icons Outlined';
    content: "\e7fe";
}

.st-icon-user-2-remove:before {
    font-family: 'Material Icons Outlined';
    content: "\ef66";
}

.st-icon-user-3:before {
    font-family: "Material Icons Outlined" !important;
    content: "\f02e";
}

.st-icon-user-outlined:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e7fd";
}

.st-icon-user-outlined-add:before {
    content: "\e0f1";
}

.st-icon-user-outlined-remove:before {
    content: "\e0f2";
}

.st-icon-user-card:before {
    content: "\e0f3";
}

.st-icon-users:before {
    font-family: 'Material Icons Outlined';
    content: "\e7ef";
}

.st-icon-video:before {
    content: "\e0f5";
}

.st-icon-video-2:before {
    content: "\e0f6";
}

.st-icon-vinyl:before {
    content: "\e0f7";
}

.st-icon-voicemail:before {
    content: "\e0f8";
}

.st-icon-wallet:before {
    content: "\e0f9";
}

.st-icon-wallet-2:before {
    content: "\e0fa";
}

.st-icon-watch-1:before {
    content: "\e0fb";
}

.st-icon-watch-2:before {
    content: "\e0fc";
}

.st-icon-wave:before {
    content: "\e0fd";
}

.st-icon-wave-2:before {
    content: "\e0fe";
}

.st-icon-wifi-high:before {
    content: "\e63e";
    font-family: 'Material Icons Outlined';
}

.st-icon-wifi-low:before {
    content: "\e100";
}

.st-icon-wifi-mid:before {
    content: "\e101";
}

.st-icon-wiggle:before {
    content: "\e102";
}

.st-icon-windows:before {
    font-family: 'Material Icons Outlined';
    content: "\e2ec";
}

.st-icon-zoom-in:before {
    content: "\e104";
}

.st-icon-zoom-in-2:before {
    content: "\e105";
}

.st-icon-zoom-out:before {
    content: "\e106";
}

.st-icon-zoom-out-2:before {
    content: "\e107";
}

.st-icon-checkmark:before {
    font-family: 'Material Icons Outlined';
    content: "\e876";
}

.st-icon-info:before {
    font-family: 'Material Icons Outlined';
    content: "\e88e";
}

.st-icon-leftdropdownarrow:before {
    content: "\e5c4";
    font-family: 'Material Icons Outlined';
}

.st-icon-rightdropdownarrow:before {
    font-family: 'Material Icons Outlined';
    content: "\e5c8";
}

.st-icon-score:before {
    font-family: 'Material Icons Round';
    content: "\e269";
}

.st-icon-searchtraingle:before {
    content: "\e0a7";
}

.st-icon-circle-minus:before {
    content: "\e10d";
}

.st-icon-create-rule:before {
    content: "\e10e";
}

.st-icon-graph:before {
    content: "\e111";
}

.st-icon-role:before {
    font-family: 'Material Icons Outlined';
    content: "\ea67";
}

.st-icon-run-campaign:before {
    font-family: "Material Icons Outlined";
    content: "\e566";
}

.st-icon-dropbox:before {
    content: "\e112";
}

.st-icon-excel:before {
    content: "\e113";
}

.st-icon-rtf:before {
    content: "\e117";
}

.st-icon-txt:before {
    content: "\e118";
}

.st-icon-word:before {
    content: "\e119";
}

.st-icon-keyboard-arrow-down:before {
    font-family: 'Material Icons Outlined';
    content: "\e313";
}

.st-icon-keyboard-arrow-up:before {
    font-family: 'Material Icons Outlined';
    content: "\e316";
}

.st-icon-keyboard-arrow-left:before {
    font-family: 'Material Icons Outlined';
    content: "\e314";
}

.st-icon-keyboard-arrow-right:before {
    font-family: 'Material Icons Outlined';
    content: "\e315";
}

.st-icon-blog {
    mask: url(fonts/custom_svg/blogger.svg);
    -webkit-mask: url(fonts/custom_svg/blogger.svg);
    mask-size: cover;
    -webkit-mask-size: cover;
    min-width: 18px;
    min-height: 18px;
    display: inline-block;
    background: black;
}

.blog-color {
    background-color: #f60 !important;
}

.st-icon-dropbox-1:before {
    content: "\e10f";
}

.st-icon-facebook {
    mask: url(fonts/custom_svg/facebook.svg);
    -webkit-mask: url(fonts/custom_svg/facebook.svg);
    mask-size: cover;
    -webkit-mask-size: cover;
    min-width: 18px;
    min-height: 18px;
    display: inline-block;
    background: black;
}

.facebook-color {
    background-color: #0866FF !important;
}

.st-icon-google-plus {
    mask: url(fonts/custom_svg/google-plus.svg);
    -webkit-mask: url(fonts/custom_svg/google-plus.svg);
    mask-size: cover;
    -webkit-mask-size: cover;
    min-width: 18px;
    min-height: 18px;
    display: inline-block;
    background: black;
}

.google-plus-color {
    background-color: #db4437 !important;
}

.st-icon-graph-1:before {
    content: "\e11c";
}

.st-icon-linkedin {
    mask: url(fonts/custom_svg/linkedin.svg);
    -webkit-mask: url(fonts/custom_svg/linkedin.svg);
    mask-size: cover;
    -webkit-mask-size: cover;
    min-width: 18px;
    min-height: 18px;
    display: inline-block;
    background-color: black;
}

.linkedin-color {
    background-color: #0a66c2 !important;
}

.st-icon-skype {
    mask: url(fonts/custom_svg/skype.svg);
    -webkit-mask: url(fonts/custom_svg/skype.svg);
    mask-size: cover;
    -webkit-mask-size: cover;
    min-width: 18px;
    min-height: 18px;
    display: inline-block;
    background: black;
}

.skype-color {
    background-color: #0078ca !important;
}

.st-icon-twitter {
    mask: url(fonts/custom_svg/twitter.svg);
    -webkit-mask: url(fonts/custom_svg/twitter-new.svg);
    mask-size: cover;
    -webkit-mask-size: cover;
    min-width: 18px;
    min-height: 18px;
    display: inline-block;
    background: black;
}

.twitter-color {
    background-color: black !important;
}

.st-icon-updropdownarrow:before {
    content: "\e120";
    font-family: smarttouch;
}

.st-icon-table-icon:before {
    content: "\e121";
}

.st-icon-web-analytics:before {
    content: "\f190"
}

.st-icon-website:before {
    font-family: 'Material Icons Outlined';
    content: "\e894";
}

.st-icon-web-event:before {
    font-family: 'Material Icons Outlined' !important;
    content: "\e762";
}

.st-icon-csv:before {
    content: "\e110";
}

.st-icon-pdf:before {
    content: "\e116";
}

.st-icon-export:before {
    content: "\e123";
}

.st-icon-google-drive:before {
    content: "\e124";
    font-family: smarttouch;
}
.st-icon-online-document:before {
    content: "\e051";
}

.st-icon-dropbox-3:before {
    content: "\e01b";
}

.st-icon-google-drive-1:before {
    content: "\e126";
}

.st-icon-pinterest:before {
    content: "\e127";
}

.st-icon-export-1:before {
    content: "\e128";
}

.st-icon-otherdoc:before {
    content: "\e129";
}

.st-icon-checkbox-normal:before {
    font-family: 'Material Icons Outlined' !important;
    content: "\e835";
}

.st-icon-checkbox-selected:before {
    font-family: 'Material Icons' !important;
    content: "\e834";
}

.st-icon-radio-normal:before {
    content: "\e12c";
}

.st-icon-radio-selected:before {
    content: "\e12d";
}

.st-icon-dashboard:before {
    font-family: 'Material Icons Round';
    content: "\e871";
}

.st-icon-opputunities:before {
    font-family: "Material Icons Round";
    content: "\ebcb";
}

.st-icon-run:before {
    content: "\e566";
}

.st-icon-dropdownarrow:before {
    font-family: 'Material Icons Outlined';
    content: "\e313";
}

.st-icon-campaign-sent:before {
    font-family: 'Material Icons Outlined';
    content: "\ef49";
}

.st-icon-notify-team:before {
    content: "\e133";
}

.st-icon-tags-applied:before {
    content: "\e609";
    font-family: 'Material Icons Outlined';
}

.st-icon-tags-remove:before {
    font-family: 'Material Icons Outlined';
    content: "\e892";
}

.st-icon-form-submitted:before {
    font-family: 'Material Icons Outlined';
    content: "\f0c5";
}

.st-icon-lifecycle-changes:before {
    content: "\e132";
}

.st-icon-set-timer:before {
    content: "\e136";
}

.st-icon-h1 {
    font-size: 32px;
}

.st-icon-h2 {
    font-size: 28px;
}

.st-icon-h3 {
    font-size: 22px;
}

.st-icon-h4 {
    font-size: 18px;
}

.st-icon-h5 {
    font-size: 14px;
}

.st-icon-h6 {
    font-size: 12px;
}

/*K-Icon overwriting*/

.k-block, .k-widget, .k-popup, .k-content, .k-dropdown .k-input, .k-select .k-icon {
    color: black;
}

.k-i-arrow-s:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e313";
    font-size: 18px;
}

.k-i-arrow-n:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e316";
    font-size: 18px;
}

.k-i-calendar {
    width: 24px !important;
}

    .k-i-calendar:before {
        font-family: "Material Icons Outlined" !important;
        content: "\ebcc";
        font-size: 18px;
    }

.k-i-arrow-w:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e314";
}

.k-i-arrow-e:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e315";
}

.k-i-seek-w:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e5dc";
}

.k-i-seek-e:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e5dd";
}

.k-grid-pager .k-icon:before {
    font-size: 20px;
}

.k-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
}

/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */ @font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome/fontawesome-webfont.eot?v=4.1.0');
    src: url('fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('fonts/fontawesome/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('fonts/fontawesome/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('fonts/fontawesome/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="fa-icon-"]:before, [class*="fa-icon-"]:before {
    font-family: 'FontAwesome' !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;
}