/* Minification failed. Returning unminified contents.
(12309,1): run-time error CSS1019: Unexpected token, found '}'
(14808,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14834,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(14835,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14933,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14934,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14950,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(14951,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14967,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14986,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14987,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15012,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(15013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15038,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18474,5): run-time error CSS1019: Unexpected token, found '}'
(22591,12): run-time error CSS1030: Expected identifier, found ' '
(27615,51): run-time error CSS1031: Expected selector, found ';'
(27615,51): run-time error CSS1025: Expected comma or open brace, found ';'
(27664,5): run-time error CSS1019: Unexpected token, found '}'
(31438,91): run-time error CSS1030: Expected identifier, found ' '
(31438,91): run-time error CSS1031: Expected selector, found ' '
(31438,91): run-time error CSS1025: Expected comma or open brace, found ' '
(33492,5): run-time error CSS1019: Unexpected token, found '}'
(34985,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(34986,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(34990,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(34991,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(34995,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(34996,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35914,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(35915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35926,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35938,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38776,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38777,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38788,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
: run-time error CSS1066: Unexpected end of file encountered
 */
@import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");
/*!
 * bootswatch v3.3.1+2
 * Homepage: http://bootswatch.com
 * Copyright 2012-2014 Thomas Park
 * Licensed under MIT
 * Based on Bootstrap
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}


select[class ="form-control"] {
    border: 1px solid #49a8ea;
}


audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

    a:active,
    a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"],
    input[type="radio"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    select {
        background: #fff !important;
    }

    .navbar {
        display: none;
    }

    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/Assets/fonts/glyphicons-halflings-regular.eot');
    src: url('/Assets/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/Assets/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/Assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\2a";
}

.glyphicon-plus:before {
    content: "\2b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.4;
    color: #222222;
    background-color: #ffffff;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #008cba;
    text-decoration: none;
}

    a:hover,
    a:focus {
        color: #00526e;
        text-decoration: none;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

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

.img-thumbnail {
    padding: 2px;
    line-height: 1.4;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border:none;
    padding:0;
}

hr {
    /*margin-top: 21px;
    margin-bottom: 21px;*/
    border: 0;
    border-top: 1px solid #dddddd;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.1;
    color: inherit;
}

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small,
    .h1 small,
    .h2 small,
    .h3 small,
    .h4 small,
    .h5 small,
    .h6 small,
    h1 .small,
    h2 .small,
    h3 .small,
    h4 .small,
    h5 .small,
    h6 .small,
    .h1 .small,
    .h2 .small,
    .h3 .small,
    .h4 .small,
    .h5 .small,
    .h6 .small {
        font-weight: normal;
        line-height: 1;
        color: #999999;
    }

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 21px;
    margin-bottom: 10.5px;
}

    h1 small,
    .h1 small,
    h2 small,
    .h2 small,
    h3 small,
    .h3 small,
    h1 .small,
    .h1 .small,
    h2 .small,
    .h2 .small,
    h3 .small,
    .h3 .small {
        font-size: 65%;
    }

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}

    h4 small,
    .h4 small,
    h5 small,
    .h5 small,
    h6 small,
    .h6 small,
    h4 .small,
    .h4 .small,
    h5 .small,
    .h5 .small,
    h6 .small,
    .h6 .small {
        font-size: 75%;
    }

h1,
.h1 {
    font-size: 39px;
}

h2,
.h2 {
    font-size: 32px;
}

h3,
.h3 {
    font-size: 26px;
}

h4,
.h4 {
    font-size: 19px;
}

h5,
.h5 {
    font-size: 15px;
}

h6,
.h6 {
    font-size: 13px;
}

p {
    margin: 0 0 10.5px;
}

.lead {
    margin-bottom: 21px;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .lead {
        font-size: 22.5px;
    }
}

small,
.small {
    font-size: 80%;
}

mark,
.mark {
    background-color: #fcf8e3;
    padding: .2em;
}

.text-left {
    text-align: left;
}

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

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

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #999999;
}

.text-primary {
    color: #008cba;
}

a.text-primary:hover {
    color: #006687;
}

.text-success {
    color: #43ac6a;
}

a.text-success:hover {
    color: #358753;
}

.text-info {
    color: #5bc0de;
}

a.text-info:hover {
    color: #31b0d5;
}

.text-warning {
    color: #e99002;
}

a.text-warning:hover {
    color: #b67102;
}

.text-danger {
    color: #f04124;
}

a.text-danger:hover {
    color: #d32a0e;
}

.bg-primary {
    color: #fff;
    background-color: #008cba;
}

a.bg-primary:hover {
    background-color: #006687;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover {
    background-color: #e4b9b9;
}

.page-header {
    padding-bottom: 9.5px;
    margin: 42px 0 21px;
    border-bottom: 1px solid #dddddd;
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10.5px;
}

    ul ul,
    ol ul,
    ul ol,
    ol ol {
        margin-bottom: 0;
    }

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

dl {
    margin-top: 0;
    margin-bottom: 21px;
}

dt,
dd {
    line-height: 1.4;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999999;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    padding: 10.5px 21px;
    margin: 0 0 21px;
    font-size: 18.75px;
    border-left: 5px solid #dddddd;
}

    blockquote p:last-child,
    blockquote ul:last-child,
    blockquote ol:last-child {
        margin-bottom: 0;
    }

    blockquote footer,
    blockquote small,
    blockquote .small {
        display: block;
        font-size: 80%;
        line-height: 1.4;
        color: #6f6f6f;
    }

        blockquote footer:before,
        blockquote small:before,
        blockquote .small:before {
            content: '\2014 \00A0';
        }

    .blockquote-reverse,
    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #dddddd;
        border-left: 0;
        text-align: right;
    }

        .blockquote-reverse footer:before,
        blockquote.pull-right footer:before,
        .blockquote-reverse small:before,
        blockquote.pull-right small:before,
        .blockquote-reverse .small:before,
        blockquote.pull-right .small:before {
            content: '';
        }

        .blockquote-reverse footer:after,
        blockquote.pull-right footer:after,
        .blockquote-reverse small:after,
        blockquote.pull-right small:after,
        .blockquote-reverse .small:after,
        blockquote.pull-right .small:after {
            content: '\00A0 \2014';
        }

address {
    margin-bottom: 21px;
    font-style: normal;
    line-height: 1.4;
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 0;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #ffffff;
    background-color: #333333;
    border-radius: 0;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: bold;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

pre {
    display: block;
    padding: 0;
    margin: 0 0 10.5px;
    font-size: 14px;
    line-height: 1.4;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 0;
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

table {
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #999999;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 21px;
}

    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.4;
        vertical-align: top;
        border-top: 1px solid #dddddd;
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #dddddd;
    }

    .table > caption + thead > tr:first-child > th,
    .table > colgroup + thead > tr:first-child > th,
    .table > thead:first-child > tr:first-child > th,
    .table > caption + thead > tr:first-child > td,
    .table > colgroup + thead > tr:first-child > td,
    .table > thead:first-child > tr:first-child > td {
        border-top: 0;
    }

    .table > tbody + tbody {
        border-top: 2px solid #dddddd;
    }

    .table .table {
        background-color: #ffffff;
    }

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #dddddd;
}

    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        border: 1px solid #dddddd;
    }

    .table-bordered > thead > tr > th,
    .table-bordered > thead > tr > td {
        border-bottom-width: 2px;
    }

.table-striped > tbody > tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15.75px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #dddddd;
    }

        .table-responsive > .table {
            margin-bottom: 0;
        }

            .table-responsive > .table > thead > tr > th,
            .table-responsive > .table > tbody > tr > th,
            .table-responsive > .table > tfoot > tr > th,
            .table-responsive > .table > thead > tr > td,
            .table-responsive > .table > tbody > tr > td,
            .table-responsive > .table > tfoot > tr > td {
                white-space: nowrap;
            }

        .table-responsive > .table-bordered {
            border: 0;
        }

            .table-responsive > .table-bordered > thead > tr > th:first-child,
            .table-responsive > .table-bordered > tbody > tr > th:first-child,
            .table-responsive > .table-bordered > tfoot > tr > th:first-child,
            .table-responsive > .table-bordered > thead > tr > td:first-child,
            .table-responsive > .table-bordered > tbody > tr > td:first-child,
            .table-responsive > .table-bordered > tfoot > tr > td:first-child {
                border-left: 0;
            }

            .table-responsive > .table-bordered > thead > tr > th:last-child,
            .table-responsive > .table-bordered > tbody > tr > th:last-child,
            .table-responsive > .table-bordered > tfoot > tr > th:last-child,
            .table-responsive > .table-bordered > thead > tr > td:last-child,
            .table-responsive > .table-bordered > tbody > tr > td:last-child,
            .table-responsive > .table-bordered > tfoot > tr > td:last-child {
                border-right: 0;
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > th,
            .table-responsive > .table-bordered > tfoot > tr:last-child > th,
            .table-responsive > .table-bordered > tbody > tr:last-child > td,
            .table-responsive > .table-bordered > tfoot > tr:last-child > td {
                border-bottom: 0;
            }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 21px;
    font-size: 22.5px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 9px;
    font-size: 15px;
    line-height: 1.4;
    color: #6f6f6f;
}

.form-control {
    display: block;
    width: 100%;
    height: 39px;
    padding: 8px 12px;
    font-size: 15px;
    line-height: 1.4;
    color: #6f6f6f;
    background-color: #ffffff;
    background-image: none;
    border: none;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   border: 1px solid #a2a2a2;
   
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

    .form-control::-moz-placeholder {
        color: #999999;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #999999;
    }

    .form-control::-webkit-input-placeholder {
        color: #999999;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        cursor: not-allowed;
        background-color: #eeeeee;
        opacity: 1;
    }

textarea.form-control {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"] {
        line-height: 39px;
    }

        input[type="date"].input-sm,
        input[type="time"].input-sm,
        input[type="datetime-local"].input-sm,
        input[type="month"].input-sm {
            line-height: 36px;
        }

        input[type="date"].input-lg,
        input[type="time"].input-lg,
        input[type="datetime-local"].input-lg,
        input[type="month"].input-lg {
            line-height: 60px;
        }
}

.form-group {
    margin-bottom: 15px;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .radio label,
    .checkbox label {
        min-height: 21px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .radio input[type="radio"],
    .radio-inline input[type="radio"],
    .checkbox input[type="checkbox"],
    .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-left: -20px;
        margin-top: 4px \9;
    }

    .radio + .radio,
    .checkbox + .checkbox {
        margin-top: -5px;
    }

.radio-inline,
.checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

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

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.form-control-static {
    padding-top: 9px;
    padding-bottom: 9px;
    margin-bottom: 0;
}

    .form-control-static.input-lg,
    .form-control-static.input-sm {
        padding-left: 0;
        padding-right: 0;
    }

.input-sm,
.form-group-sm .form-control {
    height: 36px;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
}

select.input-sm,
select.form-group-sm .form-control {
    height: 36px;
    line-height: 36px;
}

textarea.input-sm,
textarea.form-group-sm .form-control,
select[multiple].input-sm,
select[multiple].form-group-sm .form-control {
    height: auto;
}

.input-lg,
.form-group-lg .form-control {
    height: 60px;
    padding: 16px 20px;
    font-size: 19px;
    line-height: 1.33;
    border-radius: 0;
}

select.input-lg,
select.form-group-lg .form-control {
    height: 60px;
    line-height: 60px;
}

textarea.input-lg,
textarea.form-group-lg .form-control,
select[multiple].input-lg,
select[multiple].form-group-lg .form-control {
    height: auto;
}

.has-feedback {
    position: relative;
}

    .has-feedback .form-control {
        padding-right: 48.75px;
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 39px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    pointer-events: none;
}

.input-lg + .form-control-feedback {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.input-sm + .form-control-feedback {
    width: 36px;
    height: 36px;
    line-height: 36px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #43ac6a;
}

.has-success .form-control {
    border-color: #43ac6a;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-success .form-control:focus {
        border-color: #358753;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #85d0a1;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #85d0a1;
    }

.has-success .input-group-addon {
    color: #43ac6a;
    border-color: #43ac6a;
    background-color: #dff0d8;
}

.has-success .form-control-feedback {
    color: #43ac6a;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #e99002;
}

.has-warning .form-control {
    border-color: #e99002;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-warning .form-control:focus {
        border-color: #b67102;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #febc53;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #febc53;
    }

.has-warning .input-group-addon {
    color: #e99002;
    border-color: #e99002;
    background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
    color: #e99002;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #f04124;
}

.has-error .form-control {
    border-color: #f04124;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-error .form-control:focus {
        border-color: #d32a0e;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f79483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f79483;
    }

.has-error .input-group-addon {
    color: #f04124;
    border-color: #f04124;
    background-color: #f2dede;
}

.has-error .form-control-feedback {
    color: #f04124;
}

.has-feedback label ~ .form-control-feedback {
    top: 26px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #626262;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-static {
        display: inline-block;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .form-inline .input-group .input-group-addon,
        .form-inline .input-group .input-group-btn,
        .form-inline .input-group .form-control {
            width: auto;
        }

        .form-inline .input-group > .form-control {
            width: 100%;
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .form-inline .radio label,
        .form-inline .checkbox label {
            padding-left: 0;
        }

        .form-inline .radio input[type="radio"],
        .form-inline .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 9px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 30px;
}

.form-horizontal .form-group {
    /*margin-left: -15px;
    margin-right: -15px;*/
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 9px;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 22.28px;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 9px;
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 15px;
    line-height: 1.4;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.btn-black {
    color: #fff;
    background-color: #32353d;
    border-color: #32353d;
}

    .btn-black:hover,
    .btn-black:focus,
    .btn-black.focus,
    .btn-black:active,
    .btn-black.active,
    .open > .dropdown-toggle.btn-black {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

    .btn-black:active,
    .btn-black.active,
    .open > .dropdown-toggle.btn-black {
        background-image: none;
    }

    .btn-black.disabled,
    .btn-black[disabled],
    fieldset[disabled] .btn-black,
    .btn-black.disabled:hover,
    .btn-black[disabled]:hover,
    fieldset[disabled] .btn-black:hover,
    .btn-black.disabled:focus,
    .btn-black[disabled]:focus,
    fieldset[disabled] .btn-black:focus,
    .btn-black.disabled.focus,
    .btn-black[disabled].focus,
    fieldset[disabled] .btn-black.focus,
    .btn-black.disabled:active,
    .btn-black[disabled]:active,
    fieldset[disabled] .btn-black:active,
    .btn-black.disabled.active,
    .btn-black[disabled].active,
    fieldset[disabled] .btn-black.active {
        background-color: #e7e7e7;
        border-color: #cccccc;
    }


.btn-primary {
    color: #ffffff;
    background-color: #61b0e8;
    border-color: #61b0e8;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #3b539b;
        border-color: #3b539b;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: #008cba;
        border-color: #0079a1;
    }

    .btn-primary .badge {
        color: #008cba;
        background-color: #ffffff;
    }

.btn-success {
    color: #ffffff;
    background-color: #43ac6a;
    border-color: #3c9a5f;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success.focus,
    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        color: #ffffff;
        background-color: #358753;
        border-color: #2b6e44;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled,
    .btn-success[disabled],
    fieldset[disabled] .btn-success,
    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus,
    .btn-success.disabled:active,
    .btn-success[disabled]:active,
    fieldset[disabled] .btn-success:active,
    .btn-success.disabled.active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success.active {
        background-color: #43ac6a;
        border-color: #3c9a5f;
    }

    .btn-success .badge {
        color: #43ac6a;
        background-color: #ffffff;
    }

.btn-info {
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info.focus,
    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        color: #ffffff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled,
    .btn-info[disabled],
    fieldset[disabled] .btn-info,
    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled.focus,
    .btn-info[disabled].focus,
    fieldset[disabled] .btn-info.focus,
    .btn-info.disabled:active,
    .btn-info[disabled]:active,
    fieldset[disabled] .btn-info:active,
    .btn-info.disabled.active,
    .btn-info[disabled].active,
    fieldset[disabled] .btn-info.active {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #ffffff;
    }

.btn-warning {
    color: #ffffff;
    background-color: #e99002;
    border-color: #d08002;
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning.focus,
    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        color: #ffffff;
        background-color: #b67102;
        border-color: #935b01;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled,
    .btn-warning[disabled],
    fieldset[disabled] .btn-warning,
    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled.focus,
    .btn-warning[disabled].focus,
    fieldset[disabled] .btn-warning.focus,
    .btn-warning.disabled:active,
    .btn-warning[disabled]:active,
    fieldset[disabled] .btn-warning:active,
    .btn-warning.disabled.active,
    .btn-warning[disabled].active,
    fieldset[disabled] .btn-warning.active {
        background-color: #e99002;
        border-color: #d08002;
    }

    .btn-warning .badge {
        color: #e99002;
        background-color: #ffffff;
    }

.btn-danger {
    color: #ffffff;
    background-color: #f94848;
    border-color: #ea2f10;
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger.focus,
    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        color: #ffffff;
        background-color: #d32a0e;
        border-color: #b1240c;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled,
    .btn-danger[disabled],
    fieldset[disabled] .btn-danger,
    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus,
    .btn-danger.disabled:active,
    .btn-danger[disabled]:active,
    fieldset[disabled] .btn-danger:active,
    .btn-danger.disabled.active,
    .btn-danger[disabled].active,
    fieldset[disabled] .btn-danger.active {
        background-color: #f04124;
        border-color: #ea2f10;
    }

    .btn-danger .badge {
        color: #f04124;
        background-color: #ffffff;
    }

.btn-link {
    color: #008cba;
    font-weight: normal;
    border-radius: 0;
}

    .btn-link,
    .btn-link:active,
    .btn-link.active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link,
        .btn-link:hover,
        .btn-link:focus,
        .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover,
            .btn-link:focus {
                color: #00526e;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover,
            fieldset[disabled] .btn-link:hover,
            .btn-link[disabled]:focus,
            fieldset[disabled] .btn-link:focus {
                color: #999999;
                text-decoration: none;
            }

.btn-lg,
.btn-group-lg > .btn {
    padding: 16px 20px;
    font-size: 19px;
    line-height: 1.33;
    border-radius: 0;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 8px 12px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 4px 6px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
    visibility: hidden;
}

    .collapse.in {
        display: block;
        visibility: visible;
    }

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    /*min-width: 160px;*/
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 15px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 6.5px 0;
        overflow: hidden;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.4;
        color: #555555;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus {
            text-decoration: none;
            color: #262626;
            background-color: #eeeeee;
        }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        color: #ffffff;
        text-decoration: none;
        outline: 0;
        background-color: #008cba;
    }

    .dropdown-menu > .disabled > a,
    .dropdown-menu > .disabled > a:hover,
    .dropdown-menu > .disabled > a:focus {
        color: #999999;
    }

        .dropdown-menu > .disabled > a:hover,
        .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            cursor: not-allowed;
        }

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.4;
    color: #999999;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        float: left;
    }

        .btn-group > .btn:hover,
        .btn-group-vertical > .btn:hover,
        .btn-group > .btn:focus,
        .btn-group-vertical > .btn:focus,
        .btn-group > .btn:active,
        .btn-group-vertical > .btn:active,
        .btn-group > .btn.active,
        .btn-group-vertical > .btn.active {
            z-index: 2;
        }

    .btn-group .btn + .btn,
    .btn-group .btn + .btn-group,
    .btn-group .btn-group + .btn,
    .btn-group .btn-group + .btn-group {
        margin-left: -1px;
    }

.btn-toolbar {
    margin-left: -5px;
}

    .btn-toolbar .btn-group,
    .btn-toolbar .input-group {
        float: left;
    }

    .btn-toolbar > .btn,
    .btn-toolbar > .btn-group,
    .btn-toolbar > .input-group {
        margin-left: 5px;
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    /*border-radius: 0;*/
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        /*border-bottom-right-radius: 0;
        border-top-right-radius: 0;*/
    }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    /*border-bottom-left-radius: 0;
    border-top-left-radius: 0;*/
}

.btn-group > .btn-group {
    float: left;
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group > .btn-group:first-child > .btn:last-child,
    .btn-group > .btn-group:first-child > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .btn-group > .btn-group:last-child > .btn:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    color: #fff;
}

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

    .btn-group-vertical > .btn-group > .btn {
        float: none;
    }

    .btn-group-vertical > .btn + .btn,
    .btn-group-vertical > .btn + .btn-group,
    .btn-group-vertical > .btn-group + .btn,
    .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

    .btn-group-justified > .btn,
    .btn-group-justified > .btn-group {
        float: none;
        display: table-cell;
        width: 1%;
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%;
        }

        .btn-group-justified > .btn-group .dropdown-menu {
            left: auto;
        }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

    .input-group[class*="col-"] {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    height: 60px;
    padding: 16px 20px;
    font-size: 19px;
    line-height: 1.33;
    border-radius: 0;
}

select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
    height: 60px;
    line-height: 60px;
}

textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    height: 36px;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
}

select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
    height: 36px;
    line-height: 36px;
}

textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}

    .input-group-addon:not(:first-child):not(:last-child),
    .input-group-btn:not(:first-child):not(:last-child),
    .input-group .form-control:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 8px 12px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
    color: #6f6f6f;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    border-radius: 0;
}

    .input-group-addon.input-sm {
        padding: 8px 12px;
        font-size: 12px;
        border-radius: 0;
    }

    .input-group-addon.input-lg {
        padding: 16px 20px;
        font-size: 19px;
        border-radius: 0;
    }

    .input-group-addon input[type="radio"],
    .input-group-addon input[type="checkbox"] {
        margin-top: 0;
    }

    .input-group .form-control:first-child,
    .input-group-addon:first-child,
    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group > .btn,
    .input-group-btn:first-child > .dropdown-toggle,
    .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
    .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .input-group-addon:first-child {
        border-right: 0;
    }

    .input-group .form-control:last-child,
    .input-group-addon:last-child,
    .input-group-btn:last-child > .btn,
    .input-group-btn:last-child > .btn-group > .btn,
    .input-group-btn:last-child > .dropdown-toggle,
    .input-group-btn:first-child > .btn:not(:first-child),
    .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .input-group-addon:last-child {
        border-left: 0;
    }

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn > .btn {
        position: relative;
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px;
        }

        .input-group-btn > .btn:hover,
        .input-group-btn > .btn:focus,
        .input-group-btn > .btn:active {
            z-index: 2;
        }

    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group {
        margin-right: -1px;
    }

    .input-group-btn:last-child > .btn,
    .input-group-btn:last-child > .btn-group {
        margin-left: -1px;
    }

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

    .nav > li {
        position: relative;
        display: block;
    }

       

            .nav > li > a:hover,
            .nav > li > a:focus {
                text-decoration: none;
                /*background-color: #eeeeee;*/
            }

        .nav > li.disabled > a {
            color: #999999;
        }

            .nav > li.disabled > a:hover,
            .nav > li.disabled > a:focus {
                color: #999999;
                text-decoration: none;
                background-color: transparent;
                cursor: not-allowed;
            }

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        /*background-color: #eeeeee;*/
        /*border-color: #008cba;*/
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9.5px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav > li > a > img {
        max-width: none;
    }

.nav-tabs {
    border-bottom: 1px solid #dddddd;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.4;
            border: 1px solid transparent;
            border-radius: 0 0 0 0;
        }

            .nav-tabs > li > a:hover {
                border-color: #eeeeee #eeeeee #dddddd;
            }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus {
            color: #fff;
            background-color: #0693ce;
            border: 1px solid #dddddd;
            border-bottom-color: transparent;
            cursor: default;
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0;
    }

        .nav-tabs.nav-justified > li {
            float: none;
        }

            .nav-tabs.nav-justified > li > a {
                text-align: center;
                margin-bottom: 5px;
            }

        .nav-tabs.nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto;
        }

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 0;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #dddddd;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #dddddd;
        border-radius: 0 0 0 0;
    }

    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #ffffff;
    }
}

.nav-pills > li {
    float: left;
}

    .nav-pills > li > a {
        border-radius: 0;
    }

    .nav-pills > li + li {
        margin-left: 2px;
    }

    .nav-pills > li.active > a,
    .nav-pills > li.active > a:hover,
    .nav-pills > li.active > a:focus {
        color: #ffffff;
        background-color: #008cba;
    }

.nav-stacked > li {
    float: none;
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
    }

.nav-justified {
    width: 100%;
}

    .nav-justified > li {
        float: none;
    }

        .nav-justified > li > a {
            text-align: center;
            margin-bottom: 5px;
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs-justified {
    border-bottom: 0;
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 0;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border: 1px solid #dddddd;
    }

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #dddddd;
        border-radius: 0 0 0 0;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #ffffff;
    }
}

.tab-content > .tab-pane {
    display: none;
    visibility: hidden;
}

.tab-content > .active {
    display: block;
    visibility: visible;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar {
    position: relative;
    min-height: 45px;
    /*margin-bottom: 21px;*/
    border: 1px solid transparent;
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 0;
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}

    .navbar-collapse.in {
        overflow-y: auto;
    }

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            visibility: visible !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    /*padding: 12px 15px;*/
    /*padding-left: 20px;*/
    font-size: 19px;
    line-height: 21px;
    /*height: 45px;*/
}

    .navbar-brand:hover,
    .navbar-brand:focus {
        text-decoration: none;
    }

    .navbar-brand > img {
        display: block;
        max-height: 60px;
        padding-top: 10px;
    }

@media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        /*margin-left: -15px;*/
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 5.5px;
    margin-bottom: 5.5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
}

    .navbar-toggle:focus {
        outline: 0;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 6px -15px;
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 21px;
    }

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 21px;
        }

            .navbar-nav .open .dropdown-menu > li > a:hover,
            .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none;
            }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
        }

            .navbar-nav > li > a {
                padding-top: 12px;
                padding-bottom: 12px;
            }
}

.navbar-form {
    /*margin-left: -15px;
    margin-right: -15px;*/
    padding: 0;
    /*border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);*/
    margin: 0px;
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .form-control-static {
        display: inline-block;
    }

    .navbar-form .input-group {
        /*display: inline-table;*/
        vertical-align: middle;
    }

        .navbar-form .input-group .input-group-addon,
        .navbar-form .input-group .input-group-btn,
        .navbar-form .input-group .form-control {
            width: auto;
        }

        .navbar-form .input-group > .form-control {
            width: 100%;
        }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .navbar-form .radio label,
        .navbar-form .checkbox label {
            padding-left: 0;
        }

        .navbar-form .radio input[type="radio"],
        .navbar-form .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0;
        }
}

@media (min-width: 768px) {
    .navbar-form {
       
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 3px;
    margin-bottom: 3px;
}

    .navbar-btn.btn-sm {
        margin-top: 4.5px;
        margin-bottom: 4.5px;
    }

    .navbar-btn.btn-xs {
        margin-top: 11.5px;
        margin-bottom: 11.5px;
    }

.navbar-text {
    margin-top: 12px;
    margin-bottom: 12px;
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px;
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0;
        }
}

.navbar-default {
    background-color: #2d3e50;
    border-color: #2d3e50;
}

    .navbar-default .navbar-brand {
        color: #ffffff;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-default .navbar-text {
        color: #ffffff;
    }

    .navbar-default .navbar-nav > li > a {
        color: #ffffff;
        border-bottom: 3px solid transparent;
    }
   

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #ffffff;
           background-color:transparent;
        }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color: #272727;
    }

    .navbar-default .navbar-nav > .disabled > a,
    .navbar-default .navbar-nav > .disabled > a:hover,
    .navbar-default .navbar-nav > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: transparent;
    }

        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
            background-color: transparent;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #222222;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        /*background-color: #272727;
        color: #ffffff;*/
    }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #ffffff;
            background-color: #272727;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #272727;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #ffffff;
}

    .navbar-default .navbar-link:hover {
        color: #ffffff;
    }

.navbar-default .btn-link {
    color: #ffffff;
}

    .navbar-default .btn-link:hover,
    .navbar-default .btn-link:focus {
        color: #ffffff;
    }

    .navbar-default .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-default .btn-link:hover,
    .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:focus {
        color: #cccccc;
    }

.navbar-inverse {
    background-color: #008cba;
    border-color: #006687;
}

    .navbar-inverse .navbar-brand {
        color: #ffffff;
    }

        .navbar-inverse .navbar-brand:hover,
        .navbar-inverse .navbar-brand:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-text {
        color: #ffffff;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #ffffff;
    }

        .navbar-inverse .navbar-nav > li > a:hover,
        .navbar-inverse .navbar-nav > li > a:focus {
            color: #ffffff;
            background-color: #006687;
        }

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color: #006687;
    }

    .navbar-inverse .navbar-nav > .disabled > a,
    .navbar-inverse .navbar-nav > .disabled > a:hover,
    .navbar-inverse .navbar-nav > .disabled > a:focus {
        color: #444444;
        background-color: transparent;
    }

    .navbar-inverse .navbar-toggle {
        border-color: transparent;
    }

        .navbar-inverse .navbar-toggle:hover,
        .navbar-inverse .navbar-toggle:focus {
            background-color: transparent;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #007196;
    }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #006687;
        color: #ffffff;
    }

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #006687;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #006687;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #ffffff;
            background-color: #006687;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #006687;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #ffffff;
}

    .navbar-inverse .navbar-link:hover {
        color: #ffffff;
    }

.navbar-inverse .btn-link {
    color: #ffffff;
}

    .navbar-inverse .btn-link:hover,
    .navbar-inverse .btn-link:focus {
        color: #ffffff;
    }

    .navbar-inverse .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
        color: #444444;
    }

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 21px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 0;
}

    .breadcrumb > li {
        display: inline-block;
    }

        .breadcrumb > li + li:before {
            content: "/\00a0";
            padding: 0 5px;
            color: #999999;
        }

    .breadcrumb > .active {
        color: #333333;
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 21px 0;
    border-radius: 0;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.4;
            text-decoration: none;
            color: #008cba;
            background-color: transparent;
            border: 1px solid transparent;
            margin-left: -1px;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0;
        }

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            color: #00526e;
            background-color: #eeeeee;
            border-color: transparent;
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 2;
        color: #ffffff;
        background-color: #008cba;
        border-color: transparent;
        cursor: default;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #999999;
        background-color: #ffffff;
        border-color: transparent;
        cursor: not-allowed;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 16px 20px;
    font-size: 19px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 8px 12px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.pager {
    padding-left: 0;
    margin: 21px 0;
    list-style: none;
    text-align: center;
}

    .pager li {
        display: inline;
    }

        .pager li > a,
        .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: transparent;
            border: 1px solid transparent;
            border-radius: 3px;
        }

            .pager li > a:hover,
            .pager li > a:focus {
                text-decoration: none;
                background-color: #eeeeee;
            }

    .pager .next > a,
    .pager .next > span {
        float: right;
    }

    .pager .previous > a,
    .pager .previous > span {
        float: left;
    }

    .pager .disabled > a,
    .pager .disabled > a:hover,
    .pager .disabled > a:focus,
    .pager .disabled > span {
        color: #999999;
        background-color: transparent;
        cursor: not-allowed;
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

a.label:hover,
a.label:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: #999999;
}

    .label-default[href]:hover,
    .label-default[href]:focus {
        background-color: #808080;
    }

.label-primary {
    background-color: #008cba;
}

    .label-primary[href]:hover,
    .label-primary[href]:focus {
        background-color: #006687;
    }

.label-success {
    background-color: #43ac6a;
}

    .label-success[href]:hover,
    .label-success[href]:focus {
        background-color: #358753;
    }

.label-info {
    background-color: #5bc0de;
}

    .label-info[href]:hover,
    .label-info[href]:focus {
        background-color: #31b0d5;
    }

.label-warning {
    background-color: #e99002;
}

    .label-warning[href]:hover,
    .label-warning[href]:focus {
        background-color: #b67102;
    }

.label-danger {
    background-color: #f04124;
}

    .label-danger[href]:hover,
    .label-danger[href]:focus {
        background-color: #d32a0e;
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #008cba;
    border-radius: 10px;
}

    .badge:empty {
        display: none;
    }

.btn .badge {
    position: relative;
    top: -1px;
}

.btn-xs .badge {
    top: 0;
    padding: 1px 5px;
}

a.badge:hover,
a.badge:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #008cba;
    background-color: #ffffff;
}

.list-group-item > .badge {
    float: right;
}

    .list-group-item > .badge + .badge {
        margin-right: 5px;
    }

.nav-pills > li > a > .badge {
    margin-left: 3px;
}

.jumbotron {
    padding: 30px 15px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #fafafa;
}

    .jumbotron h1,
    .jumbotron .h1 {
        color: inherit;
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 23px;
        font-weight: 200;
    }

    .jumbotron > hr {
        border-top-color: #e1e1e1;
    }

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 0;
}

.jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding: 48px 0;
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px;
    }

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 67.5px;
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 21px;
    line-height: 1.4;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
}

    .thumbnail > img,
    .thumbnail a > img {
        margin-left: auto;
        margin-right: auto;
    }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #008cba;
}

.thumbnail .caption {
    padding: 9px;
    color: #222222;
}

.alert {
    padding: 8px 15px;
    margin-bottom: 21px;
    border: 1px solid transparent;
    border-radius: 0;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert > p,
    .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    background-color: #43ac6a;
    border-color: #3c9a5f;
    color: #ffffff;
}

    .alert-success hr {
        border-top-color: #358753;
    }

    .alert-success .alert-link {
        color: #e6e6e6;
    }

.alert-info {
    background-color: #0693ce;
    border-color: #086991;
    color: #ffffff;
}

    .alert-info hr {
        border-top-color: #2aabd2;
    }

    .alert-info .alert-link {
        color: #e6e6e6;
    }

.alert-warning {
    background-color: #e99002;
    border-color: #d08002;
    color: #ffffff;
}

    .alert-warning hr {
        border-top-color: #b67102;
    }

    .alert-warning .alert-link {
        color: #e6e6e6;
    }

.alert-danger {
    background-color: #eb6864;
    border-color: #ea2f10;
    color: #ffffff;
}

    .alert-danger hr {
        border-top-color: #d32a0e;
    }

    .alert-danger .alert-link {
        color: #e6e6e6;
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    overflow: hidden;
    height: 21px;
    margin-bottom: 21px;
    background-color: #f5f5f5;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 21px;
    color: #ffffff;
    text-align: center;
    background-color: #008cba;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #43ac6a;
}

.progress-bar-success2 {
    background-color: #43ac6a;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-striped .progress-bar-success2 {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
    background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
    background-color: #e99002;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
    background-color: #f04124;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media {
    margin-top: 15px;
}

    .media:first-child {
        margin-top: 0;
    }

    .media-right,
    .media > .pull-right {
        padding-left: 10px;
    }

    .media-left,
    .media > .pull-left {
        padding-right: 10px;
    }

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

    .list-group-item:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

a.list-group-item {
    color: #555555;
}

    a.list-group-item .list-group-item-heading {
        color: #333333;
    }

    a.list-group-item:hover,
    a.list-group-item:focus {
        text-decoration: none;
        color: #555555;
        background-color: #f5f5f5;
    }

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #eeeeee;
    color: #999999;
    cursor: not-allowed;
}

    .list-group-item.disabled .list-group-item-heading,
    .list-group-item.disabled:hover .list-group-item-heading,
    .list-group-item.disabled:focus .list-group-item-heading {
        color: inherit;
    }

    .list-group-item.disabled .list-group-item-text,
    .list-group-item.disabled:hover .list-group-item-text,
    .list-group-item.disabled:focus .list-group-item-text {
        color: #999999;
    }

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #008cba;
    border-color: #008cba;
}

    .list-group-item.active .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading,
    .list-group-item.active .list-group-item-heading > small,
    .list-group-item.active:hover .list-group-item-heading > small,
    .list-group-item.active:focus .list-group-item-heading > small,
    .list-group-item.active .list-group-item-heading > .small,
    .list-group-item.active:hover .list-group-item-heading > .small,
    .list-group-item.active:focus .list-group-item-heading > .small {
        color: inherit;
    }

    .list-group-item.active .list-group-item-text,
    .list-group-item.active:hover .list-group-item-text,
    .list-group-item.active:focus .list-group-item-text {
        color: #87e1ff;
    }

.list-group-item-success {
    color: #43ac6a;
    background-color: #dff0d8;
}

a.list-group-item-success {
    color: #43ac6a;
}

    a.list-group-item-success .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-success:hover,
    a.list-group-item-success:focus {
        color: #43ac6a;
        background-color: #d0e9c6;
    }

    a.list-group-item-success.active,
    a.list-group-item-success.active:hover,
    a.list-group-item-success.active:focus {
        color: #fff;
        background-color: #43ac6a;
        border-color: #43ac6a;
    }

.list-group-item-info {
    color: #5bc0de;
    background-color: #d9edf7;
}

a.list-group-item-info {
    color: #5bc0de;
}

    a.list-group-item-info .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-info:hover,
    a.list-group-item-info:focus {
        color: #5bc0de;
        background-color: #c4e3f3;
    }

    a.list-group-item-info.active,
    a.list-group-item-info.active:hover,
    a.list-group-item-info.active:focus {
        color: #fff;
        background-color: #5bc0de;
        border-color: #5bc0de;
    }

.list-group-item-warning {
    color: #e99002;
    background-color: #fcf8e3;
}

a.list-group-item-warning {
    color: #e99002;
}

    a.list-group-item-warning .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-warning:hover,
    a.list-group-item-warning:focus {
        color: #e99002;
        background-color: #faf2cc;
    }

    a.list-group-item-warning.active,
    a.list-group-item-warning.active:hover,
    a.list-group-item-warning.active:focus {
        color: #fff;
        background-color: #e99002;
        border-color: #e99002;
    }

.list-group-item-danger {
    color: #f04124;
    background-color: #f2dede;
}

a.list-group-item-danger {
    color: #f04124;
}

    a.list-group-item-danger .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-danger:hover,
    a.list-group-item-danger:focus {
        color: #f04124;
        background-color: #ebcccc;
    }

    a.list-group-item-danger.active,
    a.list-group-item-danger.active:hover,
    a.list-group-item-danger.active:focus {
        color: #fff;
        background-color: #f04124;
        border-color: #f04124;
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.panel {
    margin-bottom: 21px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: -1;
    border-top-left-radius: -1;
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    color: inherit;
}

    .panel-title > a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: -1;
    border-bottom-left-radius: -1;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item,
    .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .panel > .list-group:first-child .list-group-item:first-child,
    .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-right-radius: -1;
        border-top-left-radius: -1;
    }

    .panel > .list-group:last-child .list-group-item:last-child,
    .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: -1;
        border-bottom-left-radius: -1;
    }

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group + .panel-footer {
    border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
    margin-bottom: 0;
}

    .panel > .table caption,
    .panel > .table-responsive > .table caption,
    .panel > .panel-collapse > .table caption {
        padding-left: 15px;
        padding-right: 15px;
    }

    .panel > .table:first-child,
    .panel > .table-responsive:first-child > .table:first-child {
        border-top-right-radius: -1;
        border-top-left-radius: -1;
    }

        .panel > .table:first-child > thead:first-child > tr:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
            border-top-left-radius: -1;
            border-top-right-radius: -1;
        }

            .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
                border-top-left-radius: -1;
            }

            .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
                border-top-right-radius: -1;
            }

    .panel > .table:last-child,
    .panel > .table-responsive:last-child > .table:last-child {
        border-bottom-right-radius: -1;
        border-bottom-left-radius: -1;
    }

        .panel > .table:last-child > tbody:last-child > tr:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-left-radius: -1;
            border-bottom-right-radius: -1;
        }

            .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: -1;
            }

            .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: -1;
            }

    .panel > .panel-body + .table,
    .panel > .panel-body + .table-responsive,
    .panel > .table + .panel-body,
    .panel > .table-responsive + .panel-body {
        border-top: 1px solid #dddddd;
    }

    .panel > .table > tbody:first-child > tr:first-child th,
    .panel > .table > tbody:first-child > tr:first-child td {
        border-top: 0;
    }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}

    .panel > .table-bordered > thead > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
    .panel > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-bordered > thead > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
    .panel > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-bordered > tfoot > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .panel > .table-bordered > thead > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
    .panel > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-bordered > thead > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
    .panel > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-bordered > tfoot > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .panel > .table-bordered > thead > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
    .panel > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-bordered > thead > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
    .panel > .table-bordered > tbody > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
        border-bottom: 0;
    }

    .panel > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-bordered > tfoot > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0;
    }

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0;
}

.panel-group {
    margin-bottom: 21px;
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 0;
    }

        .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading + .panel-collapse > .panel-body,
        .panel-group .panel-heading + .panel-collapse > .list-group {
            border-top: 1px solid #dddddd;
        }

    .panel-group .panel-footer {
        border-top: 0;
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #dddddd;
        }

.panel-default {
    border-color: #dddddd;
}

    .panel-default > .panel-heading {
        color: #333333;
        background-color: #f5f5f5;
        border-color: #dddddd;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #dddddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333333;
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #dddddd;
    }

.panel-primary {
    border-color: #61b0e8;
}

    .panel-primary > .panel-heading {
        color: #ffffff;
        background-color: #61b0e8;
        border-color: #61b0e8;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #008cba;
        }

        .panel-primary > .panel-heading .badge {
            color: #008cba;
            background-color: #ffffff;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #008cba;
    }

.panel-success {
    border-color: #3c9a5f;
}

    .panel-success > .panel-heading {
        color: #ffffff;
        background-color: #43ac6a;
        border-color: #3c9a5f;
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #3c9a5f;
        }

        .panel-success > .panel-heading .badge {
            color: #43ac6a;
            background-color: #ffffff;
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #3c9a5f;
    }

.panel-info {
    border-color: #3db5d8;
}

    .panel-info > .panel-heading {
        color: #ffffff;
        background-color: #5bc0de;
        border-color: #3db5d8;
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #3db5d8;
        }

        .panel-info > .panel-heading .badge {
            color: #5bc0de;
            background-color: #ffffff;
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #3db5d8;
    }

.panel-warning {
    border-color: #d08002;
}

    .panel-warning > .panel-heading {
        color: #ffffff;
        background-color: #e99002;
        border-color: #d08002;
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d08002;
        }

        .panel-warning > .panel-heading .badge {
            color: #e99002;
            background-color: #ffffff;
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d08002;
    }

.panel-danger {
    border-color: #ea2f10;
}

    .panel-danger > .panel-heading {
        color: #ffffff;
        background-color: #f04124;
        border-color: #ea2f10;
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ea2f10;
        }

        .panel-danger > .panel-heading .badge {
            color: #f04124;
            background-color: #ffffff;
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ea2f10;
    }

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        border: 0;
    }

    .embed-responsive.embed-responsive-16by9 {
        padding-bottom: 56.25%;
    }

    .embed-responsive.embed-responsive-4by3 {
        padding-bottom: 75%;
    }

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 14px;
    background-color: #fafafa;
    border: 1px solid #e8e8e8;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, 0.15);
    }

.well-lg {
    padding: 24px;
    border-radius: 0;
}

.well-sm {
    padding: 9px;
    border-radius: 0;
}

.close {
    float: right;
    font-size: 22.5px;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

    .close:hover,
    .close:focus {
        color: #ffffff;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    overflow:hidden;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.4px;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.4;
    font-weight:500;  /*this is added by abdelatif*/
}

.modal-body {
    position: relative;
    padding: 30px;
}

.modal-footer {
    padding: 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 7% auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
}

    .tooltip.in {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0;
    }

    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px;
    }

    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0;
    }

    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #333333;
    border-radius: 0;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #333333;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #333333;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #333333;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #333333;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #333333;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #333333;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #333333;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #333333;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.4;
    text-align: left;
    background-color: #333333;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #333333;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 15px;
    background-color: #333333;
    border-bottom: 1px solid #262626;
    border-radius: -1 -1 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover > .arrow,
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover > .arrow {
    border-width: 11px;
}

    .popover > .arrow:after {
        border-width: 10px;
        content: "";
    }

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #000000;
    border-top-color: rgba(0, 0, 0, 0.05);
    bottom: -11px;
}

    .popover.top > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #333333;
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #000000;
    border-right-color: rgba(0, 0, 0, 0.05);
}

    .popover.right > .arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #333333;
    }

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #000000;
    border-bottom-color: rgba(0, 0, 0, 0.05);
    top: -11px;
}

    .popover.bottom > .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #333333;
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #000000;
    border-left-color: rgba(0, 0, 0, 0.05);
}

    .popover.left > .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #333333;
        bottom: -10px;
    }

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: 0.6s ease-in-out left;
        -o-transition: 0.6s ease-in-out left;
        transition: 0.6s ease-in-out left;
    }

        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            line-height: 1;
        }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }

        .carousel-inner > .item.next,
        .carousel-inner > .item.active.right {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            left: 0;
        }

        .carousel-inner > .item.prev,
        .carousel-inner > .item.active.left {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            left: 0;
        }

            .carousel-inner > .item.next.left,
            .carousel-inner > .item.prev.right,
            .carousel-inner > .item.active {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                left: 0;
            }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

    .carousel-inner > .next.left,
    .carousel-inner > .prev.right {
        left: 0;
    }

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    }

    .carousel-control.right {
        left: auto;
        right: 0;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    }

    .carousel-control:hover,
    .carousel-control:focus {
        outline: 0;
        color: #ffffff;
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
    }

    .carousel-control .icon-prev,
    .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        font-family: serif;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #ffffff;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
    }

    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #ffffff;
    }

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px;
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both;
}

.center-block {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

.navbar {
    border: none;
    font-size: 13px;
    font-weight: 300;
}

    .navbar .navbar-toggle:hover .icon-bar {
        background-color: #b3b3b3;
    }

.navbar-collapse {
    border-top-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar .btn {
    padding-top: 3px;
    padding-bottom: 5px;
    color: #fff;
}

.navbar-form {
    /*margin-top: 7px;
    margin-bottom: 5px;*/
}


    .navbar-form .form-control {
        height: auto;
        padding: 4px 6px;
    }

.navbar .dropdown-menu {
    border: none;
}

    .navbar .dropdown-menu > li > a,
    .navbar .dropdown-menu > li > a:focus {
        background-color: transparent;
        font-size: 13px;
        font-weight: 300;
    }

.navbar .dropdown-header {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-default .dropdown-menu {
    background-color: #333333;
}

    .navbar-default .dropdown-menu > li > a,
    .navbar-default .dropdown-menu > li > a:focus {
        color: #ffffff;
    }

        .navbar-default .dropdown-menu > li > a:hover,
        .navbar-default .dropdown-menu > .active > a,
        .navbar-default .dropdown-menu > .active > a:hover {
            background-color: #272727;
        }

.navbar-inverse .dropdown-menu {
    background-color: #008cba;
}

    .navbar-inverse .dropdown-menu > li > a,
    .navbar-inverse .dropdown-menu > li > a:focus {
        color: #ffffff;
    }

        .navbar-inverse .dropdown-menu > li > a:hover,
        .navbar-inverse .dropdown-menu > .active > a,
        .navbar-inverse .dropdown-menu > .active > a:hover {
            background-color: #006687;
        }

.btn {
    padding: 8px 12px;
        border-radius: 5px;
}

.btn-lg {
    padding: 16px 20px;
}

.btn-sm {
    padding: 8px 12px;
}

.btn-xs {
    padding: 4px 6px;
}

.btn-group .btn ~ .dropdown-toggle {
    padding-left: 16px;
    padding-right: 16px;
}

.btn-group .dropdown-menu {
    border-top-width: 0;
}

.btn-group.dropup .dropdown-menu {
    border-top-width: 1px;
    border-bottom-width: 0;
    margin-bottom: 0;
}

.btn-group .dropdown-toggle.btn-default ~ .dropdown-menu {
    background-color: #e7e7e7;
    border-color: #cccccc;
}

    .btn-group .dropdown-toggle.btn-default ~ .dropdown-menu > li > a {
        color: #333333;
    }

        .btn-group .dropdown-toggle.btn-default ~ .dropdown-menu > li > a:hover {
            background-color: #d3d3d3;
        }

.btn-group .dropdown-toggle.btn-primary ~ .dropdown-menu {
    background-color: #008cba;
    border-color: #0079a1;
}

    .btn-group .dropdown-toggle.btn-primary ~ .dropdown-menu > li > a {
        color: #ffffff;
    }

        .btn-group .dropdown-toggle.btn-primary ~ .dropdown-menu > li > a:hover {
            background-color: #006d91;
        }

.btn-group .dropdown-toggle.btn-success ~ .dropdown-menu {
    background-color: #43ac6a;
    border-color: #3c9a5f;
}

    .btn-group .dropdown-toggle.btn-success ~ .dropdown-menu > li > a {
        color: #ffffff;
    }

        .btn-group .dropdown-toggle.btn-success ~ .dropdown-menu > li > a:hover {
            background-color: #388f58;
        }

.btn-group .dropdown-toggle.btn-info ~ .dropdown-menu {
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-group .dropdown-toggle.btn-info ~ .dropdown-menu > li > a {
        color: #ffffff;
    }

        .btn-group .dropdown-toggle.btn-info ~ .dropdown-menu > li > a:hover {
            background-color: #39b3d7;
        }

.btn-group .dropdown-toggle.btn-warning ~ .dropdown-menu {
    background-color: #e99002;
    border-color: #d08002;
}

    .btn-group .dropdown-toggle.btn-warning ~ .dropdown-menu > li > a {
        color: #ffffff;
    }

        .btn-group .dropdown-toggle.btn-warning ~ .dropdown-menu > li > a:hover {
            background-color: #c17702;
        }

.btn-group .dropdown-toggle.btn-danger ~ .dropdown-menu {
    background-color: #f04124;
    border-color: #ea2f10;
}

    .btn-group .dropdown-toggle.btn-danger ~ .dropdown-menu > li > a {
        color: #ffffff;
    }

        .btn-group .dropdown-toggle.btn-danger ~ .dropdown-menu > li > a:hover {
            background-color: #dc2c0f;
        }

.lead {
    color: #6f6f6f;
}

cite {
    font-style: italic;
}

blockquote {
    border-left-width: 1px;
    color: #6f6f6f;
}

    blockquote.pull-right {
        border-right-width: 1px;
    }

    blockquote small {
        font-size: 12px;
        font-weight: 300;
    }

table {
    font-size: 12px;
}

label,
.control-label,
.help-block,
.checkbox,
.radio {
    font-size: 12px;
    font-weight: normal;
}

input[type="radio"],
input[type="checkbox"] {
    margin-top: 1px;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    /*border-color: transparent;*/
}

.nav-tabs > li > a {
    /*background-color: #e7e7e7;*/
    color: #222222;
}

.nav-tabs .caret {
    border-top-color: #222222;
    border-bottom-color: #222222;
}

.nav-pills {
    font-weight: 300;
}

.breadcrumb {
    border: 1px solid #dddddd;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 300;
    text-transform: uppercase;
}

.pagination {
    font-size: 12px;
    font-weight: 300;
    color: #999999;
}

    .pagination > li > a,
    .pagination > li > span {
        margin-left: 4px;
        color: #999999;
    }

    .pagination > .active > a,
    .pagination > .active > span {
        color: #fff;
    }

    .pagination > li > a,
    .pagination > li:first-child > a,
    .pagination > li:last-child > a,
    .pagination > li > span,
    .pagination > li:first-child > span,
    .pagination > li:last-child > span {
        border-radius: 3px;
    }

.pagination-lg > li > a {
    padding-left: 22px;
    padding-right: 22px;
}

.pagination-sm > li > a {
    padding: 0 5px;
}

.pager {
    font-size: 12px;
    font-weight: 300;
    color: #999999;
}

.list-group {
    font-size: 12px;
    font-weight: 300;
}

.close {
    opacity: 0.4;
    text-decoration: none;
    text-shadow: none;
}

    .close:hover,
    .close:focus {
        opacity: 1;
    }

.alert {
    font-size: 14px;
    font-weight: 500;
}

    .alert .alert-link {
        font-weight: normal;
        color: #fff;
        text-decoration: underline;
    }

.label {
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 0;
    font-weight: 300;
}

.label-default {
    background-color: #e7e7e7;
    color: #333333;
}

.badge {
    font-weight: 300;
}



.dropdown-menu {
    padding: 0;
    margin-top: 0;
    font-size: 12px;
}

    .dropdown-menu > li > a {
        padding: 12px 15px;
    }

.dropdown-header {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 9px;
    text-transform: uppercase;
}

.popover {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
}

.panel-heading,
.panel-footer {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.panel-default .close {
    color: #222222;
}

.modal .close {
    color: #222222;
}

/* Chosen v1.3.0 | (c) 2011-2014 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */

.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(chosen-sprite.png) no-repeat 100% -20px;background:url(chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(chosen-sprite.png) no-repeat -30px -20px;background:url(chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}

.chosen-select {
  width: 100%;
}

.chosen-select-deselect {
  width: 100%;
}

.chosen-container {
  position: relative;
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9000px;
  z-index: 1060;
  margin-top: -1px;
  background: #ffffff;
  border: 1px solid #999999;
  border-top-color: #d9d9d9;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
          box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
}

.chosen-container.chosen-with-drop .chosen-drop {
  right: 0;
  left: 0;
}

.chosen-container .chosen-results {
  position: relative;
  max-height: 240px;
  padding: 0 0 0 4px;
  margin: 0 4px 4px 0;
  overflow-x: hidden;
  overflow-y: auto;
  color: #555555;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  padding: 5px 6px;
  margin: 0;
  line-height: 1.428571429;
  list-style: none;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  background: #feffde;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  color: #999;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.highlighted {
  color: white;
  background-color: #428bca;
}

.chosen-container .chosen-results li.highlighted em {
  background: transparent;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #999999;
}

.chosen-container .chosen-results .no-results {
  display: list-item;
  background: #eeeeee;
}

.chosen-container .chosen-results-scroll {
  position: absolute;
  z-index: 1;
  width: 321px;
  margin: 0 4px;
  text-align: center;
  background: white;
}

.chosen-container .chosen-results-scroll span {
  display: inline-block;
  width: 9px;
  height: 1.428571429;
  text-indent: -5000px;
}

.chosen-container .chosen-results-scroll-down {
  bottom: 0;
}

.chosen-container .chosen-results-scroll-down span {
  background: url("../css/chosen-sprite.png") no-repeat -4px -3px;
}

.chosen-container .chosen-results-scroll-up span {
  background: url("../css/chosen-sprite.png") no-repeat -22px -3px;
}

.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  height: 34px;
  padding: 0 0 0 8px;
  overflow: hidden;
  line-height: 34px;
  color: #555555;
  text-decoration: none;
  white-space: nowrap;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #ffffff, 0%, #eeeeee, 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.chosen-container-single .chosen-single span {
  display: block;
  margin-right: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 12px;
  right: 26px;
  display: block;
  width: 12px;
  height: 10px;
  font-size: 1px;
  background: url("../css/chosen-sprite.png") right top no-repeat;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: right -11px;
}

.chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover {
  background-position: right 2px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../css/chosen-sprite.png") no-repeat 0 7px;
}

.chosen-container-single .chosen-default {
  color: #999999;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1000;
  padding: 3px 4px;
  margin: 0;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input {
  width: 100%;
  padding: 4px 20px 4px 4px;
  margin: 1px 0;
  background: url("../css/chosen-sprite.png") no-repeat 100% -20px, #ffffff;
  border: 1px solid #cccccc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.chosen-container-single-nosearch .chosen-search input {
  position: absolute;
  left: -9000px;
}

.chosen-container-multi .chosen-choices {
  position: relative;
  height: auto !important;
  height: 1%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  cursor: text;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices .search-field {
  padding: 0;
  margin: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices .search-field input {
  height: 32px;
  padding: 4px;
  margin: 0;
  color: #555555;
  background: transparent !important;
  border: 0 !important;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.chosen-container-multi .chosen-choices .search-field .default {
  color: #999;
}

.chosen-container-multi .chosen-choices .search-choice {
  position: relative;
  padding: 3px 20px 3px 5px;
  margin: 6px 0 3px 5px;
  line-height: 13px;
  color: #333333;
  cursor: default;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #ffffff, 0%, #eeeeee, 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
  position: absolute;
  top: 5px;
  right: 4px;
  display: block;
  width: 12px;
  height: 10px;
  font-size: 1px;
  background: url("../css/chosen-sprite.png") right top no-repeat;
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
  background-position: right -11px;
}

.chosen-container-multi .chosen-choices .search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close {
  background-position: right -11px;
}

.chosen-container-multi .chosen-results {
  padding: 0;
  margin: 0 0 0 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: none;
}

.chosen-container-active .chosen-single {
  border: 1px solid rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

.chosen-container-active.chosen-with-drop .chosen-single {
  background-color: #eeeeee;
  border: 1px solid rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  background: transparent;
  border-left: none;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 7px;
}

.chosen-container-active .chosen-choices {
  border: 1px solid rgba(82, 168, 236, 0.8);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

.chosen-container-active .chosen-choices .search-field input {
  color: #111 !important;
}

.chosen-disabled {
  cursor: default;
  opacity: 0.5 !important;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  padding: 0 8px 0 0;
  overflow: visible;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 7px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices .search-field input {
  direction: rtl;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices .search-choice {
  padding: 3px 5px 3px 19px;
  margin: 6px 5px 3px 0;
}

.chosen-rtl .chosen-choices .search-choice .search-choice-close {
  right: auto;
  left: 4px;
  background-position: right top;
}

.chosen-rtl.chosen-container-single .chosen-results {
  padding: 0 4px 0 0;
  margin: 0 0 4px 4px;
}

.chosen-rtl .chosen-results .group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input {
  padding: 4px 5px 4px 20px;
  background: url("../css/chosen-sprite.png") no-repeat -28px -20px, #ffffff;
  direction: rtl;
}

.bootstrap-tagsinput {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0;
    display: inline-block;
    padding: 8px 12px;
    margin-bottom: 10px;
    line-height: 1.4;
    color: #6f6f6f;
    vertical-align: middle;
    max-width: 100%;
    cursor: text;
    width: 100%;
    height:auto !important;
    min-height:39px;
}

    .bootstrap-tagsinput input {
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
        background-color: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        width: auto !important;
        max-width: inherit !important;
    }

        .bootstrap-tagsinput input:focus {
            border: none !important;
            box-shadow: none !important;
        }

    .bootstrap-tagsinput .tag {
        margin-right: 2px;
        color: white;
    }

        .bootstrap-tagsinput .tag [data-role="remove"] {
            margin-left: 8px;
            cursor: pointer;
        }

            .bootstrap-tagsinput .tag [data-role="remove"]:after {
                content: "x";
                padding: 0px 2px;
            }

            .bootstrap-tagsinput .tag [data-role="remove"]:hover {
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
            }

                .bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
                    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
                }

/*
Version: 3.5.2 Timestamp: Sat Nov  1 14:43:36 EDT 2014
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}

html[dir="rtl"] .select2-container .select2-choice {
    padding: 0 8px 0 0;
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
    float: none;
    width: auto;
}

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
    margin-left: 26px;
    margin-right: 0;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('../css/select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;

    /*background-clip: padding-box;*/

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
    left: 0;
    right: auto;

    border-left: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('../css/select2.png') no-repeat 0 1px;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
    background-position: 2px 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;

    background: #fff url('../css/select2.png') no-repeat 100% -22px;
    background: url('../css/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('../css/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../css/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../css/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
    background: rgb(250, 255, 189);
}

html[dir="rtl"] .select2-search input {
    padding: 4px 5px 4px 20px;

    background: #fff url('../css/select2.png') no-repeat -37px -22px;
    background: url('../css/select2.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('../css/select2.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../css/select2.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../css/select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('../css/select2-spinner.gif') no-repeat 100%;
    background: url('../css/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('../css/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../css/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../css/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
    border-right: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -16px 1px;
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html[dir="rtl"] .select2-results {
    padding: 0 4px 0 0;
    margin: 4px 0 4px 4px;
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.select2-results-dept-1 .select2-result-label { padding-left: 20px }
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
.select2-results-dept-7 .select2-result-label { padding-left: 120px }

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
    padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('../css/select2-spinner.gif') no-repeat 100%;
}

.select2-results .select2-ajax-error {
    background: rgba(255, 50, 50, .2);
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0 5px 0 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

html[dir="rtl"] .select2-container-multi .select2-choices {
    padding: 0 0 0 5px;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li
{
    float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('../css/select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
    margin: 3px 5px 3px 0;
    padding: 3px 18px 3px 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    background: url('../css/select2.png') right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
    right: auto;
    left: 3px;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
    left: auto;
    right: 2px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        background-image: url('../../Assets/css/select2x2.png') !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important;
    }

    .select2-search input {
        background-position: 100% -21px !important;
    }
}

.form-control .select2-choice {
    border-radius: 1px;
    border: 1px solid #E9EAE6;
    height: 32px;
    padding: 2px 10px;
}

    .form-control .select2-choice .select2-arrow {
        border-radius: 1px;
    }

.form-control.select2-container {
    height: auto !important;
    padding: 0;
}

    .form-control.select2-container.select2-dropdown-open {
        border-color: #5897FB;
        border-radius: 1px;
    }

        .form-control .select2-container.select2-dropdown-open .select2-choices {
            border-radius: 1px;
        }

    .form-control.select2-container .select2-choices {
        border: 0 !important;
        border-radius: 1px;
    }

.control-group.warning .select2-container .select2-choice,
.control-group.warning .select2-container .select2-choices,
.control-group.warning .select2-container-active .select2-choice,
.control-group.warning .select2-container-active .select2-choices,
.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.warning .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #C09853 !important;
}

    .control-group.warning .select2-container .select2-choice div {
        border-left: 1px solid #C09853 !important;
        background: #FCF8E3 !important;
    }

.control-group.error .select2-container .select2-choice,
.control-group.error .select2-container .select2-choices,
.control-group.error .select2-container-active .select2-choice,
.control-group.error .select2-container-active .select2-choices,
.control-group.error .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.error .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.error .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #B94A48 !important;
}

    .control-group.error .select2-container .select2-choice div {
        border-left: 1px solid #B94A48 !important;
        background: #F2DEDE !important;
    }

.control-group.info .select2-container .select2-choice,
.control-group.info .select2-container .select2-choices,
.control-group.info .select2-container-active .select2-choice,
.control-group.info .select2-container-active .select2-choices,
.control-group.info .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.info .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.info .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #3A87AD !important;
}

    .control-group.info .select2-container .select2-choice div {
        border-left: 1px solid #3A87AD !important;
        background: #D9EDF7 !important;
    }

.control-group.success .select2-container .select2-choice,
.control-group.success .select2-container .select2-choices,
.control-group.success .select2-container-active .select2-choice,
.control-group.success .select2-container-active .select2-choices,
.control-group.success .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.success .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.success .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #468847 !important;
}

    .control-group.success .select2-container .select2-choice div {
        border-left: 1px solid #468847 !important;
        background: #DFF0D8 !important;
    }

/*!
 * Datetimepicker for Bootstrap v3
//! version : 3.1.3
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  top: 0;
  left: 0;
  width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget.timepicker-sbs {
  width: 600px;
}
.bootstrap-datetimepicker-widget.bottom:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.bottom:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.top:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.top:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  position: absolute;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget .dow {
  width: 14.2857%;
}
.bootstrap-datetimepicker-widget.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget > ul {
  list-style-type: none;
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 2px 0;
   line-height: 10px; 
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 2px;
}
.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
  width: 4px;
  padding: 0;
  margin: 0;
}
.bootstrap-datetimepicker-widget .datepicker > div {
  display: none;
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget td {
  height: 15px;
  line-height: 10px;
  width: 54px;
  padding:2px !important;
}
.bootstrap-datetimepicker-widget td.cw {
  font-size: 10px;
  height: 15px;
  line-height: 10px;
  color: #777777;
}
.bootstrap-datetimepicker-widget td.day {
  height: 15px;
  line-height: 10px;
  width: 20px;
}
.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget td.old,
.bootstrap-datetimepicker-widget td.new {
  color: #777777;
}
.bootstrap-datetimepicker-widget td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget td.today:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
  background-color: #428bca;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget td.disabled,
.bootstrap-datetimepicker-widget td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget td span {
  display: inline-block;
  width: 54px;
  height: 15px;
  line-height: 10px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget td span.active {
  background-color: #428bca;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget td span.disabled,
.bootstrap-datetimepicker-widget td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget th {
  height: 15px;
  line-height: 10px;
  width: 20px;
}
.bootstrap-datetimepicker-widget th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget th.next,
.bootstrap-datetimepicker-widget th.prev {
  font-size: 21px;
}
.bootstrap-datetimepicker-widget th.disabled,
.bootstrap-datetimepicker-widget th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-group.date .input-group-addon span {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.bootstrap-datetimepicker-widget.left-oriented:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.left-oriented:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td {
  padding: 0px !important;
}
@media screen and (max-width: 767px) {
  .bootstrap-datetimepicker-widget.timepicker-sbs {
    width: 283px;
  }
}

table.sortable span.sign {
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    font-size: 12px;
    margin-top: -10px;
    color: #bfbfc1;
}

table.sortable th:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    font-size: 12px;
    margin-top: -10px;
    color: #bfbfc1;
}

table.sortable th.nosort {
    background-image: url(Images/upanddownarrows.png);
    background-position: right 0 bottom 0;
    background-repeat: no-repeat;
    background-size: 20px 100%;
}

table.sortable th.nosort.sort-disabled{
    background-image: none;
}
table.sortable th.down {
    background-image: url(Images/downhighlited.png);
    background-position: right 0 bottom 0;
    background-repeat: no-repeat;
    background-size: 20px 100%;
}

table.sortable th.up {
    background-image: url(Images/uphighlited.png);
    background-position: right 0 bottom 0;
    background-repeat: no-repeat;
    background-size: 20px 100%;
}

table.sortable th.arrow:after {
    content: '';
}

/*table.sortable span.arrow, span.reversed, th.arrow.down:after, th.reversedarrow.down:after, th.arrow.up:after, th.reversedarrow.up:after {
    border-style: solid;
    border-width: 5px;
    font-size: 0;
    border-color: #ccc transparent transparent transparent;
    line-height: 0;
    height: 0;
    width: 0;
    margin-top: -2px;
}

    table.sortable span.arrow.up, th.arrow.up:after {
        border-color: transparent transparent #ccc transparent;
        margin-top: -7px;
    }

table.sortable span.reversed, th.reversedarrow.down:after {
    border-color: transparent transparent #ccc transparent;
    margin-top: -7px;
}

    table.sortable span.reversed.up, th.reversedarrow.up:after {
        border-color: #ccc transparent transparent transparent;
        margin-top: -2px;
    }*/

table.sortable span.az:before, th.az.down:after {
    content: "a .. z";
}

table.sortable span.az.up:before, th.az.up:after {
    content: "z .. a";
}

table.sortable th.az.nosort:after, th.AZ.nosort:after, th._19.nosort:after, th.month.nosort:after {
    content: "..";
}

table.sortable span.AZ:before, th.AZ.down:after {
    content: "A .. Z";
}

table.sortable span.AZ.up:before, th.AZ.up:after {
    content: "Z .. A";
}

table.sortable span._19:before, th._19.down:after {
    content: "1 .. 9";
}

table.sortable span._19.up:before, th._19.up:after {
    content: "9 .. 1";
}

table.sortable span.month:before, th.month.down:after {
    content: "jan .. dec";
}

table.sortable span.month.up:before, th.month.up:after {
    content: "dec .. jan";
}

table.sortable thead th:not([data-defaultsort=disabled]) {
    cursor: pointer;
    position: relative;
    top: 0;
    left: 0;
}

table.sortable thead th:hover:not([data-defaultsort=disabled]) {
    /*background: #efefef;*/
}

table.sortable thead th div.mozilla {
    position: relative;
}

.daterangepicker {
  position: absolute;
  color: inherit;
  background: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
  /* Calendars */ }
  .daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''; }
  .daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc; }
  .daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent; }
  .daterangepicker.opensleft:before {
    right: 9px; }
  .daterangepicker.opensleft:after {
    right: 10px; }
  .daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.opensright:before {
    left: 9px; }
  .daterangepicker.opensright:after {
    left: 10px; }
  .daterangepicker.dropup {
    margin-top: -5px; }
    .daterangepicker.dropup:before {
      top: initial;
      bottom: -7px;
      border-bottom: initial;
      border-top: 7px solid #ccc; }
    .daterangepicker.dropup:after {
      top: initial;
      bottom: -6px;
      border-bottom: initial;
      border-top: 6px solid #fff; }
  .daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001; }
  .daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: none; }
  .daterangepicker.show-calendar .calendar {
    display: block; }
  .daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px; }
    .daterangepicker .calendar.single .calendar-table {
      border: none; }
    .daterangepicker .calendar th, .daterangepicker .calendar td {
      white-space: nowrap;
      text-align: center;
      min-width: 32px; }
  .daterangepicker .calendar-table {
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 4px;
    background: #fff; }
  .daterangepicker table {
    width: 100%;
    margin: 0; }
  .daterangepicker td, .daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer; }
    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
      background: #eee; }
    .daterangepicker td.week, .daterangepicker th.week {
      font-size: 80%;
      color: #ccc; }
  .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999; }
  .daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0; }
  .daterangepicker td.start-date {
    border-radius: 4px 0 0 4px; }
  .daterangepicker td.end-date {
    border-radius: 0 4px 4px 0; }
  .daterangepicker td.start-date.end-date {
    border-radius: 4px; }
  .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff; }
  .daterangepicker th.month {
    width: auto; }
  .daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through; }
  .daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default; }
  .daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%; }
  .daterangepicker select.yearselect {
    width: 40%; }
  .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0; }
  .daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    height: 30px;
    line-height: 30px;
    display: block;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%; }
    .daterangepicker .input-mini.active {
      border: 1px solid #08c;
      border-radius: 4px; }
  .daterangepicker .daterangepicker_input {
    position: relative; }
    .daterangepicker .daterangepicker_input i {
      position: absolute;
      left: 8px;
      top: 8px; }
  .daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px; }
    .daterangepicker .calendar-time select.disabled {
      color: #ccc;
      cursor: not-allowed; }

.ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left; }
  .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%; }
  .ranges li {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer; }
    .ranges li:hover {
      background: #08c;
      border: 1px solid #08c;
      color: #fff; }
    .ranges li.active {
      background: #08c;
      border: 1px solid #08c;
      color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
    .daterangepicker .ranges ul {
      width: 160px; }
    .daterangepicker.single .ranges ul {
      width: 100%; }
    .daterangepicker.single .calendar.left {
      clear: none; }
    .daterangepicker.single .ranges, .daterangepicker.single .calendar {
      float: left; }
    .daterangepicker .calendar.left {
      clear: left;
      margin-right: 0; }
      .daterangepicker .calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
    .daterangepicker .calendar.right {
      margin-left: 0; }
      .daterangepicker .calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
    .daterangepicker .left .daterangepicker_input {
      padding-right: 12px; }
    .daterangepicker .calendar.left .calendar-table {
      padding-right: 12px; }
    .daterangepicker .ranges, .daterangepicker .calendar {
      float: left; } }

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
    float: left; }
  .daterangepicker .calendar.left {
    clear: none; } }




/*1.POP UPS*/

/*@import url('customecss.css');*/

/*Analytics Page*/
#dashboard_report 
#dashboard_report h1,
#dashboard_report h2,
#dashboard_report h3,
#dashboard_report h4,
#dashboard_report h5
{

    font-family: 'lato','Times New Roman', Times, serif;

}

#funnelReportCurrency  #s2id_Currency .select2-chosen ,
#teamPerformanceCurrency  #s2id_Currency .select2-chosen ,
#teamInsightCurrency #s2id_Currency .select2-chosen 
/*,#DealsDashboaredCurrency #s2id_Currency .select2-chosen*/ 
{
    position: absolute !important;
    top: -1px !important;
}
.table thead tr, .ticketTableHeader, .invoiceTableHeader, .lists_table thead tr{
    color:#fff;
}
#funnelReportCurrency #s2id_Currency .select2-choice,
#teamPerformanceCurrency #s2id_Currency .select2-choice,
#teamInsightCurrency #s2id_Currency .select2-choice
/*,#DealsDashboaredCurrency #s2id_Currency .select2-choice*/ {
    max-height: 26px !important;
}
.contact-score-placeholder {
    width: 27%;
    text-align: center;
    color: #fff !important;
    border-radius: 3px;
}
.padding-top-bottom-35per{
    padding-top:35%;
    padding-bottom:35%;
}
.contact-score-placeholder-lessthan-2 {
    background-color: #c73037;
}
.onboarding-ecommerce-header {
    text-align: left;
    margin-bottom: 2px;
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 2%;
}
.onboarding-ecommerce-subtitle {
    text-align: left;
    margin-left: 6%;
    margin-bottom: 5%;
}
.onboarding-ecommerce-other {
    width: 127px;
    height: 90px;
    margin: auto;
    text-align: center;
    margin-left: 50%;
    left: -63.5px;
}
    .onboarding-ecommerce-other h2 {
        margin-top: 22%;
        font-size: 30px;
        font-weight: 500;
    }

.onboarding-ecommerce-demo-part {
    background: #195cab;
    top: 0px;
    position: absolute;
    width: 98%;

}

    .onboarding-ecommerce-demo-part h1 {
        margin-bottom: 7%;
    }
    .onboarding-ecommerce-demo-part h3 {
        margin-bottom: 3.5%;
    }
    .onboarding-ecommerce-demo-part img {
        margin-bottom: 4%;
    }

.contact-score-placeholder-lessthan-3 {
    background-color: #ff8761;
}
.contacts-tabele tbody tr td:nth-child(15){
    width:7%;
}
.contact-score-placeholder-lessthan-4 {
    background-color: #ff8761;
}

#AddEditGroupForm .form-control .select2-choice {
    background-image: none !important;
}
.contact-reorder-lessthan-2 {
    color: #c73037
}
.contact-reorder-lessthan-4 {
    color: #ff8761
}
.width-14per{
    width:14% !important;
}
.contact-reorder-above-4 {
    color: #0fd676
}
.contact-score-placeholder-lessthan-5 {
    background-color: #0fd676;
}
.min-height-645px{
    min-height:645px;
}
.margin-bottom-2per {
    margin-bottom: 2% !important;
}
.height-149px {
    height: 149px;
}
.aligment-bottom{
    position:absolute;
    bottom:0px;
}
.segment-spliter {
    width: 100%;
    text-align: center;
    border-bottom: 3px solid lightgray;
    line-height: 0.1em;
    margin: 15px 0 25px;
}
    .segment-spliter span {
        background: #e9eae6;
        padding: 0 10px;
    }
    .vertical-align-center {
        position: absolute;
        top: 50%;
    }
#funnelReportCurrency .select2-container .select2-choice abbr.select2-search-choice-close,
#teamPerformanceCurrency .select2-container .select2-choice abbr.select2-search-choice-close,
#teamInsightCurrency .select2-container .select2-choice abbr.select2-search-choice-close
/*,#DealsDashboaredCurrency .select2-container .select2-choice abbr.select2-search-choice-close*/ {
    margin-top: -2px;
}

div#search_results_container {
    width: 100%;
    padding: 0;
    z-index: 9999;
}

	.theme-secondary-bg-color{
		background-color:#49a8ea;
	}
.trialtext{
    font-size: 11px;
    margin-bottom: 0px;
    color: grey;
}

.dealheader_placeholder {
    color: #4dba71;
    font-weight: 500;
    margin-bottom:0px;
    font-size:20px;
}
.dealdescription_placeholder {
    color: #a2a1a1;
    margin-bottom:0px;
}
.LandingPageTapList {
    list-style: none;
    display: flex;
    justify-content: stretch;
    padding: 0px;
    padding: .5%;
}
.padding-bottom-3per{
    padding-bottom:3%;
}
.LandingPageTapList li {
    padding: 6px;
    background: #fff;
    color: #49a8ea;
    cursor: pointer;
    flex: auto;
}

        .LandingPageTapList li:hover {
            padding: 6px;
            background: #49a8ea !important;
            color: #fff !important;
            cursor: pointer;
            flex: auto;
        }
    .LandingPageTapList button {
        background: #fff !important;
        color: #49a8ea !important;
        width: 100%;
        height: auto;
        padding: 1%;
    }
#LandingPage #ECommerceFilters_Button{
    border:none !important;
}
/*.LandingPageTapList button:hover {
        background: #49a8ea !important;
        color: #fff !important;
        width: 100%;
        height: auto;
        padding: 1%;
    }*/
.LandingPageTapList #groupsdrop active {
    background: #49a8ea !important;
    color: #fff !important;
    width: 100%;
    height: auto;
    padding: 1%;
}
.LandingPageTapList #groupsdrop li{
    float:unset !important;
    width:100%;
}
    .LandingPageTapList #groupsdrop {
        width: 100%;
    }
.LandingPageTapList .active {
    padding: 6px;
    background: #49a8ea !important;
    color: #fff !important;
    cursor: pointer;
    flex:auto;
}
#LandingPage .peopleList {
    margin-top: 9px !important;

}
.mydashboard-form {
    position: absolute;
    right: 0px;
    margin-top: 6%;
    z-index: 10;
}
.gjs-block-label, .gjs-label, .gjs-clm-label, .gjs-sm-icon {
    font-size: 11px !important;
}
.mydashboard-table-header {
    background-color: #fff !important;
    color: #04386D !important;
    font-size: 16px;
}
.total-sales-tooltip-icon {
    color: #f38e35;
    margin-top: 7%;
    margin-left: 2%;
    font-size: 16px;
}
.mydashboard-icon-header {
    width: 40px;
    margin-right:5px;
    margin-top:-5px;
}
.ecommerce_logo {
    width: 20px;
    margin-top: -5px;
}
.dimmedSystemTemplate {
    background-color:#d7d8d6 !important;
}
.check-notification {
    background-color: #F69679;
    color: #fff;
    padding: 1%;
    width: fit-content;
}

.table-spacing {
    padding: 4px !important;
}

.padding-left-11per {
    padding-left: 11%;
}
.padding-left-1per{
    padding-left : 1% !important;
}
.viewNoteList {
    max-height: 350px;
    overflow-y: scroll;
}
.Rfm-header-numer:after {
    content: "\200E‎";
}
.Rfm-header-numer:before {
   content: "\200E‎";
}
.Recent {
    background-color: #d4bd75 !important;
}
.Returning {
    background-color: #93d475 !important;
}
.Loyal {
    background-color: #83ad70 !important;
}
.Slipping {
    background-color: #de9f81 !important;
}
.AtRisk {
    background-color: #b90e25 !important;
}
.Lost {
    background-color: #800516 !important;
}

.size-16-dark-grey {
    color: #545455;
    font-size: 16px;
    font-weight: 500;
}
.deal-info-tags-block .bootstrap-tagsinput {
    background-color: #faf9f7 !important;
    border: 0px !important;
}
    .deal-info-tags-block .bootstrap-tagsinput .tag {
        color: #acadad;
        background-color: #e3e5e5;
        font-weight: 400;
        border: 1px solid #e3e5e5;
    }
    .deal-info-tags-plus-sign{
        font-size:25px !important;
        font-weight:400 !important;
        color:#49a8ea !important;
    }
.TasksBlockinDealBackgroundColor {
    background-color:#e9eae6 !important;
}
.RelatedContacts-Delete-Icon {
    float: right;
    margin: -5%;
    font-size: 13px;
}
.notification_system_list{
    display:none;
}
.RelatedContacts-Edit-Icon {
    color: #49a8ea !important;
    font-size: 13px;
}
.selectize-control.plugin-clear_button .clearAll {
    font-size: 26px;
    position: absolute;
    right: 30px;
    z-index: 10;
    top: -2px;
    cursor: pointer;
}
.contacts-tabele .btn-contact-actions .dropdown-menu > li > a {
    padding: 3px 8px;
    margin: 8px 5px;
    border: none;
    text-align: left;
    color: #49a8ea;
    font-size: 13px;
}

.disabledpostpone {
    color: #49a8ea;
}

.redFontAndBorder {
    border: 1px solid red !important;
    color: red !important;
}

.verify-password-page-text {
    font-size: 13px;
    font-weight: 500;
}

    .verify-password-page-text-spacing{
        padding-bottom:5%;
        padding-top:5%;
    }

    .blueFontAndBorder {
        border: 1px solid #49a8ea !important;
        color: #49a8ea !important;
    }
    .selectize-control.plugin-clear_button .clearAll:hover {
        text-decoration: underline;
    }

.RelatedContacts-Empty-Block {
    text-align: center;
    font-size: 15px;
    margin-bottom: 10px;
    background-color: #faf9f7;
    border-bottom-width: 100px;
    padding-bottom: 10px;
}
.EditRelatedContactsText{
    font-size:15px;
    margin-top:8px;
}
.Edit-Task-Delete-Edit-Buttons{
    display:none !important;
}
.RelatedContacts-Add-Button-Empty-Block {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-bottom: 3px;
    color: #fff;
}
.deal-stage-icon {
    color: gray;
    font-size: 30px;
    line-height: 34px;
}
.deal-page-quick-action{
    background-color:inherit;
}
.btn-deal-page-actions .dropdown-menu {
    position: absolute;
    border: 1px solid;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    -moz-background-clip: unset;
    -webkit-background-clip: unset;
    background-color: #ededed;
    border-radius: 10px;
  
}
    .btn-deal-page-actions .dropdown-menu a {
        color: #a09797 !important;
        font-size: 14px;
        line-height: 3px;
        font-weight: 600;
    }
.btn-group.open .deal-page-quick-action {
    box-shadow: none;
}
.notification-checkbox-setting {
   line-height: 44px;
   width:7%;
}

.notification-settings-page-text-spacing{
    margin-left:-3% !important;
}

.notification-settings-page-overdue-deals-reminders-text {
    margin-left: -5% !important;
    margin-top: -1%;
}

.notification-settings-page-daily-task-reminders-text {
    margin-left: -5% !important;
}
  
    .settings-checkbox {
        direction: rtl;
        padding: 0px;
    }
.notification-label-setting {
    padding-left: 5%;
    padding-right: 0px;
    padding-top:1%;
}
.notification-check-box-last{
    width:110% !important;
}
.settings-checkbox input {
    width: 20%;
}
    .btn-deal-page-actions .dropdown-menu a:hover {
        color: #d4c8c8 !important;
        font-size: 14px;
        line-height: 3px;
        font-weight: 600;
    }
    .deal-pipeline-icon {
        width: 35px;
        height: 35px;
        float: left;
    }
.RelatedContactsDealPage {
    font-size: 15px;
    font-weight: 600;
    color: #49a8ea;
}

.RelatedContactsFindContactText {
    font-size: 15px;
    color: #999999;
    margin-bottom: 5px;
}
.RelatedContactsAddIcon{
    margin-top:-6px !important;
}
.RelatedContactsBlock{
    padding-top:10px;
    padding-bottom:10px;
    margin-top:10px;
}
.RelatedContactInfoText {
    color: #a09797;
    font-size:12px;
}
.RelatedContactInfoBlockText {
    padding-left:20%;
}
.deals-Action-buttons {
    color: #545455;
}
.Deals-header-wonPersntage
{
    position: relative; 
    margin-left: -29%; 
    color: #34beaf;
}
/*********************************************************************/
.deal-stage-piprline-info
{
    background-color: #faf9f7 !important;
    margin-bottom: 0px !important;
    padding-left: 5px;
    padding-right: 5px;
}
.deal-lostpersntage-header
{
    position: relative; 
    margin-left: -29%; 
    color: #ed2024;
}
.deals_funnel_progress
{
    position: relative; 
    margin-left: -29%; 
    color: #f48e35;
}
.rotten_three_dots_style {
    float: right;
    margin-left: 8%;
    margin-top: -4%;
    margin-right: 13%;
}
.integration-provider-info-blcok {
    border: 2px solid lightgray;
    min-height: 122px;
}
.integration-provider-image{
    margin-top:7%;
    padding-left:3%;
}

.button-white-blue-border input {
    width: 100%;
    height: 37px;
    border: 1px solid #49a8ea;
    color: #49a8ea;
    background-color: #fff;
}

.button-white-blue-border :hover {
    width: 100%;
    height: 37px;
    border: 1px solid #49a8ea;
    color: #fff;
    background-color: #49a8ea;
}
.integration-google-image {
    margin-top: 2%;
}
    .integration-google-image img{
        width:60px;
        height:60px;
    }
.google-block-video {
    background-color: lightgray;
    opacity: .8;
    bottom: 0px;
    position: absolute;
}
.google-block-last-sync {
    margin-bottom: 5% !important;
    padding:0 !important;
}
.integration-provider-image img {
    width: 60px;
    height: 60px;
}
.integration-crm-info-blcok {
    border: 2px solid lightgray;
    padding-top:2%;
    padding-bottom:2%;
}
.integration-crm-image img {
    width: 80px;
    height: 80px;
}
.integration-crm-name {
    font-weight: 600;
    font-size: 19px;
    padding-top: 3%;
    color: #008cba;
    cursor: pointer;
}
.integration-zap-icon {
    float: left;
    color: #f04d20;
}
.google_button_summery {
    font-size: 12px;
    color: #969696;
    display: block;
    font-weight: 500;
    margin-bottom: 1%;
}
.google-block-icon-status {
    position: absolute;
    top: -15px;
    right: 4px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    padding-left: 2%;
    padding-top: 1%;
}
.integration-zap-text {
    float: left;
    margin-left: 4%;
    margin-top: -4%;
    background-color: #f04d20;
    color: #fff;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-right: 2%;
    padding-left: 2%;
}
.integrationZap-footer{
    background-color:transparent !important;
}
.integration-provider-name {
    color: #969696;
    font-weight: 600;
    font-size: 19px;
    padding-top: 3%;
}
.advanced_mail_step_automation_header {
    text-align: left;
    padding-top: .5% !important;
    font-size: 16px;
    padding-left: 0px;
    padding-right: 0px;
}
.button-white-blue-border input {
    width: 100%;
    height: 37px;
    border: 1px solid #49a8ea;
    color: #49a8ea ;
    background-color: #fff;
}
.bulck-action-dropdown {
    padding: 4%;
    margin-top: 4%;
    margin-bottom: 9%;
    max-width: 100%;
}

    .button-white-blue-border :hover {
        width: 100%;
        height: 37px;
        border: 1px solid #49a8ea;
        color: #fff;
        background-color: #49a8ea;
    }
.new_deal_card_won {
    background-color: #34beaf !important;
}
.Note-Block-Single-Deal-Page{
    word-wrap:break-word;
    white-space:pre-wrap;
}
.new_deal_card_won {
    background-color: #34beaf !important;
}
.new_deal_card_lost{
    background-color:#ed2024 !important;
}
.export-to-provider {
    margin-top: 3%;
    color: #008cba;
}
.External-provider-action {
    color: gray;
    font-size: 16px;
}
.new_rotten_style {
    color: #f36f52;
    font-size: 15px;
}
.new_rotten_style_dots_red {
    color: #f36f52;
    font-size: 4px;
}
.new_rotten_style_dots_gray{
    color:#d3d3d3;font-size:4px;
}

.segments_page{

}
.segment-block{
    margin-bottom:2%;
    min-height:200px;
}

.group-lists-list .segment-block {
    min-height: 140px;
}
.automation-block {
    margin-bottom: 2%;
}

.segment-header {
    color: #fff;
    min-height: 32px;
}
.segment-header-locked{
    padding-left:10px;
}
.segment-header-title {
    padding-top: 2%;
    padding-bottom: 2%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
}
.segment-delete-lock {
    opacity:0.6;
    cursor: help;
}
.segment-header-title .segment-delete-lock {
    padding-right:5px;
}
.segment-header-title a {
    color: #fff !important;
    font-weight: 600;
}





.automation-header {
    color: #fff;
}

.automation-header-title {
    padding-top: 2%;
    padding-bottom: 2%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
}

    .automation-header-title a {
        color: #fff !important;
        font-weight: 600;
    }
.custom_check_box {
    width: 22px;
    height: 22px;
    margin-left: 8% !important;
    margin-top: 3% !important;
}
.custom_check_box_label {
    color: #6f6f6f;
    font-size: 15px;
    position: absolute;
    margin-top: 3%;
    margin-left: 2%   ;
}
.segment-action {
    padding: 0px;
    background-color: transparent;
    font-size: 22px;
    line-height: 20px;
}
.automation-action {
    padding: 0px;
    background-color: transparent;
    font-size: 22px;
    line-height: 20px;
}
.segment-body {
}
.automation-body {
}
.segment-hint {
    height: 20px;
    min-height: 20px;
    overflow: hidden;
    font-size: 15px;
    font-weight: 500;
    color: gray;
    text-align: center;
}
.automation-hint {
    margin-top: 3%;
    height: 45px;
    overflow: hidden;
    font-size: 15px;
    font-weight: 500;
    color: gray;
    text-align: center;
}
.segment-shadow-gray {
    box-shadow: 2px 2px #cabdbd;
    border-radius: 2%;
}

.automation-shadow-gray {
    box-shadow: 2px 2px #cabdbd;
    border-radius: 2%;
}
.segment-contact-count {
    color: #fff !important;
    margin-left: 12%;
    margin-right: 12%;
    opacity: .8;
}
.segment-stat-value {
    font-weight: 500;
    margin-top: 3%;
    line-height: 24px;
    margin-bottom:0px;
}
.segment-currency {
    margin: 0px;
    font-size: 11px;
    color: #999;
}
.segment-thems-color-originaltheme {
    background-color: #5698c6;
}
.segment-thems-color-blackgreentheme {
    background-color: #393939;
}
.segment-thems-color-blueorangetheme {
    background-color: #065c97;
}
.segment-thems-color-greybluetheme {
    background-color: #4b6364;
}
.segment-thems-color-purplegreentheme {
    background-color: #5d0f74;
}
.segment-thems-color-redorangetheme {
    background-color: #b5233f;
}
.segment-thems-color-shadesofgreentheme {
    background-color: #029985;
}
.segment-thems-color-shadesofredtheme {
    background-color: #582845;
}
.segment-thems-color-originalthemeOld {
    background-color: #5698c6;
}






.automation-thems-color-originaltheme {
    background-color: #5698c6;
}

.automation-thems-color-blackgreentheme {
    background-color: #393939;
}

.automation-thems-color-blueorangetheme {
    background-color: #065c97;
}

.automation-thems-color-greybluetheme {
    background-color: #4b6364;
}

.automation-thems-color-purplegreentheme {
    background-color: #5d0f74;
}

.automation-thems-color-redorangetheme {
    background-color: #b5233f;
}

.automation-thems-color-shadesofgreentheme {
    background-color: #029985;
}

.automation-thems-color-shadesofredtheme {
    background-color: #582845;
}

.automation-thems-color-originalthemeOld {
    background-color: #5698c6;
}

.automation-list-action-originaltheme li a {
    color: #49a8ea;
    font-size: 1.2em;
    padding: 5px 10px;
}

    .automation-list-action-originaltheme li a:hover {
        color: #fff !important;
        background-color: #5698c6 !important;
    }

.automation-list-action-originaltheme ul {
    border: 1px solid #5698c6;
    border-radius: 10px;
    padding: 0;
}

.automation-list-action-blackgreentheme li a {
    color: #49a8ea;
    font-size: 1.2em;
    padding: 5px 10px;
}

    .automation-list-action-blackgreentheme li a:hover {
        color: #fff !important;
        background-color: #393939 !important;
    }

.automation-list-action-blackgreentheme ul {
    border: 1px solid #393939;
    border-radius: 10px;
    padding: 0;
}

.automation-list-action-blueorangetheme li a {
    color: #49a8ea;
    font-size: 1.2em;
    padding: 5px 10px;
}

    .automation-list-action-blueorangetheme li a:hover {
        color: #fff !important;
        background-color: #065c97 !important;
    }

.automation-list-action-blueorangetheme ul {
    border: 1px solid #065c97;
    border-radius: 10px;
    padding: 0;
}

.automation-list-action-greybluetheme li a {
    color: #49a8ea;
    font-size: 1.2em;
    padding: 5px 10px;
}

    .automation-list-action-greybluetheme li a:hover {
        color: #fff !important;
        background-color: #4b6364 !important;
    }

.automation-list-action-greybluetheme ul {
    border: 1px solid #4b6364;
    border-radius: 10px;
    padding: 0;
}

.automation-list-action-purplegreentheme li a {
    color: #49a8ea;
    font-size: 1.2em;
    padding: 5px 10px;
}

    .automation-list-action-purplegreentheme li a:hover {
        color: #fff !important;
        background-color: #5d0f74 !important;
    }

.automation-list-action-purplegreentheme ul {
    border: 1px solid #5d0f74;
    border-radius: 10px;
    padding: 0;
}

.automation-list-action-redorangetheme li a {
    color: #49a8ea;
    font-size: 1.2em;
    padding: 5px 10px;
}

    .automation-list-action-redorangetheme li a:hover {
        color: #fff !important;
        background-color: #b5233f !important;
    }

.automation-list-action-redorangetheme ul {
    border: 1px solid #b5233f;
    border-radius: 10px;
    padding: 0;
}

.automation-list-action-shadesofgreentheme li a {
    color: #49a8ea;
    font-size: 1.2em;
    padding: 5px 10px;
}

    .automation-list-action-shadesofgreentheme li a:hover {
        color: #fff !important;
        background-color: #029985 !important;
    }

.automation-list-action-shadesofgreentheme ul {
    border: 1px solid #029985;
    border-radius: 10px;
    padding: 0;
}

.automation-list-action-shadesofredtheme li a {
    color: #49a8ea;
    font-size: 1.2em;
    padding: 5px 10px;
}

    .automation-list-action-shadesofredtheme li a:hover {
        color: #fff !important;
        background-color: #582845 !important;
    }

.automation-list-action-shadesofredtheme ul {
    border: 1px solid #582845;
    border-radius: 10px;
    padding: 0;
}

.automation-list-action-originalthemeOld li a {
    color: #49a8ea;
    font-size: 1.2em;
    padding: 5px 10px;
}

    .automation-list-action-originalthemeOld li a:hover {
        color: #fff !important;
        background-color: #5698c6 !important;
    }

.automation-list-action-originalthemeOld ul {
    border: 1px solid #5698c6;
    border-radius: 10px;
    padding: 0;
}

















.segment-table-color-Red {
    background-color: #b5233f !important;
}



.segment-table-color-Green {
    background-color: #0fd676 !important;
}
.width-91per{
    width:91%;
}
.segment-table-color-Orange {
    background-color: #dc942c !important;
}

.segment-table-color-Blue {
    background-color: #5698c6 !important;
}
.segments-list-action-originaltheme li a {
    color: #49a8ea;
    font-size: 1.2em;
    padding: 5px 10px;
}

    .segments-list-action-originaltheme li a:hover {
        color: #fff !important;
        background-color: #5698c6 !important;
    }

.segments-list-action-originaltheme ul {
    border: 1px solid #5698c6;
    border-radius: 10px;
    padding: 0;
}
.segments-list-action-blackgreentheme li a {
    color: #49a8ea;
    font-size: 1.2em;
    padding: 5px 10px;
}

    .segments-list-action-blackgreentheme li a:hover {
        color: #fff !important;
        background-color: #393939 !important;
    }

.segments-list-action-blackgreentheme ul {
    border: 1px solid #393939;
    border-radius: 10px;
    padding: 0;
}
.segments-list-action-blueorangetheme li a {
    color: #49a8ea;
    font-size: 1.2em;
    padding: 5px 10px;
}

    .segments-list-action-blueorangetheme li a:hover {
        color: #fff !important;
        background-color: #065c97 !important;
    }

.segments-list-action-blueorangetheme ul {
    border: 1px solid #065c97;
    border-radius: 10px;
    padding: 0;
}
.segments-list-action-greybluetheme li a {
    color: #49a8ea;
    font-size: 1.2em;
    padding: 5px 10px;
}

    .segments-list-action-greybluetheme li a:hover {
        color: #fff !important;
        background-color: #4b6364 !important;
    }

.segments-list-action-greybluetheme ul {
    border: 1px solid #4b6364;
    border-radius: 10px;
    padding: 0;
}
.segments-list-action-purplegreentheme li a {
    color: #49a8ea;
    font-size: 1.2em;
    padding: 5px 10px;
}

    .segments-list-action-purplegreentheme li a:hover {
        color: #fff !important;
        background-color: #5d0f74 !important;
    }

.segments-list-action-purplegreentheme ul {
    border: 1px solid #5d0f74;
    border-radius: 10px;
    padding: 0;
}
.segments-list-action-redorangetheme li a {
    color: #49a8ea;
    font-size: 1.2em;
    padding: 5px 10px;
}

    .segments-list-action-redorangetheme li a:hover {
        color: #fff !important;
        background-color: #b5233f !important;
    }

.segments-list-action-redorangetheme ul {
    border: 1px solid #b5233f;
    border-radius: 10px;
    padding: 0;
}
.segments-list-action-shadesofgreentheme li a {
    color: #49a8ea;
    font-size: 1.2em;
    padding: 5px 10px;
}

    .segments-list-action-shadesofgreentheme li a:hover {
        color: #fff !important;
        background-color: #029985 !important;
    }

.segments-list-action-shadesofgreentheme ul {
    border: 1px solid #029985;
    border-radius: 10px;
    padding: 0;
}
.segments-list-action-shadesofredtheme li a {
    color: #49a8ea;
    font-size: 1.2em;
    padding: 5px 10px;
}

    .segments-list-action-shadesofredtheme li a:hover {
        color: #fff !important;
        background-color: #582845 !important;
    }

.segments-list-action-shadesofredtheme ul {
    border: 1px solid #582845;
    border-radius: 10px;
    padding: 0;
}
.segments-list-action-originalthemeOld li a {
    color: #49a8ea;
    font-size: 1.2em;
    padding: 5px 10px;
}

    .segments-list-action-originalthemeOld li a:hover {
        color: #fff !important;
        background-color: #5698c6 !important;
    }

.segments-list-action-originalthemeOld ul {
    border: 1px solid #5698c6;
    border-radius: 10px;
    padding: 0;
}
.segment-image {
    margin-bottom: 5%;
    margin-top: 1%;
}
.three_dot_vertically {
    float: right;
    width: 16%;
    padding-left: 4%;
    text-align: right;
}
    .three_dot_vertically:after {
        content: '\2807';
        font-size: 27px;
    }
    .segment-image img {
        height: 70px;
        border-radius: 50%;
    
    }

.automation-group {
    margin-bottom: 3%;
    margin-top: -8%;
    height: 45px;
    overflow: hidden;
    font-size: 15px;
    font-weight: 500;
    color: gray;
    text-align: center;
}
.automation-image {
    margin-top: 1%;
}
.automation-type {
    color: #9d9d9d;
}

.automation-image img {
    height: 70px;
    border-radius: 50%;
}
.automation-avatar-image {
    height: 30px !important;
    margin-left: 50%;
    margin-top: -11%;
    background-color: #fff;
    border: 2px solid #fff;
    position: absolute;
    width: 30px;
}

.segment-stat {
    text-align: center;
}
.segment-stat .border-left-gray{
}
.background-lightgreen {
    background: #0fd676;
}
.background-mov {
    background: #0b098a;
}
.segment-stats-header {
    font-weight: 600;
    font-size: 12px;
}
.padding-1per {
    padding: 1%;
}
    div.results_value_container:hover {
        background-color: #efefef;
    }
    .margin-left-7_10per{
        margin-left:.7%;
    }
    .margin-right-2_10per{
        margin-right:.2%;
    }
    .margin-right-1_4per{
        margin-right:1.4%;
    }
    div.result_container {
        /*padding-bottom: 0;*/
        padding: 0px;
        margin-bottom: 5px;
        cursor: pointer;
    }
    .padding-top-4per{
        padding-top:4%;
    }
    .margin-left-7px{
        margin-left:7px;
    }
        div.result_container div {
            /*margin-top: 3px;*/
            padding: 0 ;
        }
    div.view_all_results{
         border-bottom: 1px solid #ccc;
         padding:0;
    }
    div.view_all_results a {
        color: #48a7eb;
        padding:0;
        padding-left:5px;
        padding-right:5px;
    }
    div.view_all_results a:hover {
       text-decoration:underline;
    }

    div.view_all_results h6 {
        margin:2px;
    }
    div.type_results h6 {
        color: #ccc;
        margin-top: 5px;
    }

    div.results_value_container img {
        width: 25px;
        height: 25px;
        /*border: 1px solid #48a7eb;*/
        border-radius: 50%;
    }

    div.results_value_text h6 {
        padding-left: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

        div.results_value_text h6 p {
            display: block;
            font-weight: 500;
        }

    div#search_results_container:nth-child(1) {
        margin-top: 3px;
    }

    div.results_value_text h6 p:nth-child(1) {
        color: #000;
    }

    div.results_value_text h6 p:nth-child(2) {
        padding-left: 0px;
        color: #ccc;
    }

    div.results_value_text h6 a {
        color: #48a7eb;
    }

    .results_value_container {
        margin-bottom: 5px;
    }
    /*    FOR MAKING ONE GREY AND ONE WHITE*/
    .tt-dataset-0 div {
        padding: 0px 0px 0px 0px ;
    }

.button-get {
    background-color: #7bc0e7 !important;
    color: #fff !important;
    padding-top:3px;
    padding-bottom:3px;
}
#campaign_wizard{
  min-height: 570px;
}
.business-shopify .business {
    padding-top: 20px;
    height: 300px;
    background-color: #49A8EA;
}

.business-shopify .shopify {
    padding-top: 22px;
    height: 300px;
    background-color: #6ee35e;
}
.mobile-versions-list-header{
    background-color:#763568;
}
.business-shopify {
    position: relative;
}
.task_import_error{
    padding-left:1%;
}
.task_import_error ul{
    padding:1%;
}

    .business-shopify .business h3.owner {
        margin-top: 20px;
        display: inline-block;
        float: right;
    }

    .business-shopify .business h3 {
        padding-left: 20%;
        padding-right: 7%;
    }

    .business-shopify .btn-learn-more {
        background-color: #f38e35;
        padding: 15px 50px !important;
        border-radius: 4px;
        color: #fff !important;
        margin-top: 15px;
        font-size: 20px !important;
        border: 2px solid #fff;
    }

    .business-shopify .shopify h3 {
        padding-left: 5%;
        padding-right: 16%;
    }

    .business-shopify h3 {
        font-size: 35px;
        font-weight: 500;
        color: #fff;
        line-height: 25px;
    }

    .business-shopify .shopify img {
        padding-left: 5%;
    }

    .business-shopify .shopify h2 {
        padding-right: 10px;
    }

    .business-shopify .shopify h3.owner {
        margin-top: 0;
        display: inline-block;
        float: right;
    }

    .business-shopify img.laptop {
        position: absolute;
        top: 27px;
        left: 28.5%;
        height: 86%;
        /* width: 28%; */
    }

.business-shopify label input[type="radio"] ~ i.fa.fa-circle-o {
    color: #c8c8c8;
    display: inline;
}

.business-shopify label input[type="radio"] ~ i.fa.fa-dot-circle-o {
    display: none;
}

.business-shopify label input[type="radio"]:checked ~ i.fa.fa-circle-o {
    display: none;
}

.business-shopify label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o {
    color: #0fd676;
    display: inline;
}

.business-shopify label:hover input[type="radio"] ~ i.fa {
    color: #0fd676;
}
.navbar .btn span {
    color: #000;
}

.big_add_btn_plus_icon {
    float: left;
    padding-top: 12px;
    padding-left: 6%;
    font-size: 16px;
    padding-right: 6%;
}
.big_add_btn_text {
    float: left;
    font-size: 18px;
    padding-top: 6px;
    text-align: right;
}
#createGlobalButtonContainer {
    padding-top:8px;
    padding-bottom:8px;
}
#createGlobalButtonContainer button {
    border-radius: 4px;
    height: 40px;
}

    /*a#QAdd:hover {
    color: #045ab1;
}*/

    #createGlobalButtonContainer ul li a:hover{
        color: #045ab1;
    }

#createGlobalButtonContainer ul {
    position: absolute;
    margin-left: 8%;
    width: 84%;
    padding-top: 1%;
    z-index: 9999;
    -moz-box-shadow: 0px 5px 200px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 5px 200px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 5px 200px rgba(0, 0, 0, 0.12);
    background-color: transparent;
}


    #createGlobalButtonContainer ul li a {
        font-size: 14px;
        font-weight: 500;
        background-color: #fff;
        color: #2c4764 ;
    }
input#MarkAsDone {
    height: 15px;
    width: 15px;
}
inputIsActive {
    height: 15px;
    width: 15px;
}

label.font-13-bold.new_task_inputs_header.check {
    padding-left: 15%;
}
.form-control.mark {
    border: none;
    padding-left: 0;
    box-shadow:none;
}


button#btnPostVertical:hover {
    border: 1px solid #49a8ea !important;
    color: #fff !important;
    background: #49a8ea;
}
.analytics-truncated-name-in-table{
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   width: 180px;
}
.analytics-truncated-name-in-table.with-image{
   width: 105px;
}
.margin-top-0-7per{
    margin-top:.7%;
}
.smart-filter-textbox{
    width: 100%;
    height: 30px;
    padding: 6px;
    font-size: 12px;
    font-weight: 500;
    color: #6f6f6f;
    border: 1px solid #49a8ea;
}
    .smart-filter-textbox.search-text{
        height:33px !important;
    }
    .task-checkbox {
        width: 100%;
        height: 17px;
    }
.JobControle-drop-title{
        float: left;
    font-size: 12px;
    color: #04386d;
    line-height: 26px;
}
.JobControle-drop{
    float: left;
    width: 50%;
    height: 26px;
    font-size: 12px;
    padding: 0px;
    margin-left: 3%;
}
.analytics-store-name{
    padding:0px;
    padding-top: 6px !important;
}
.analytics-rfm-width{
    float:left;
    padding:1%;
}
.analytics-customer-totals{
       font-weight: 500;
    color: #696969;
    font-size: 16px;
    padding-left: 23%;

}
.analytics-rfm-aov{
    font-size: 15px;
    color: #a0a3a7;
}
.margin-right-1per{
    margin-right:1%;
}
.analytics-rfm-aov-value{
    font-size: 18px;
    color: #a0a3a7;
    font-weight: 600;
}
.analytics-customer-rfm-per{
        text-align: right;
    font-weight: 700;
}
.analytics-customer-box-header{
        color: #696969;
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
        margin-bottom: 5px;
}
.analytics-customer-box-title{
    font-size: 21px;
    color: #2c3e50;
    margin-top: 0px;
        margin-bottom: 0px;
        font-weight:400;
}
.analytics-customer-box-value{
        font-size: 21px;
    color: #2c3e50;
    margin-top: 2%;
    font-weight: 600;
    margin-bottom:0px;
}
.analytics-customer-aov{
        font-size: 15px;
    color: #2c3e50;
}
.width-28per{
    width:28%;
}
.analytics-customer-aov-value{
        font-size: 15px;
    color: #2c3e50;
    font-weight: 600;
}
.analytics-new-customers {
    background-image: url('/Assets/Images/AnalyticsPage/Customers2_11.png');
    height: 32px;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    margin: auto;
}
.margin-top-n9per{
    margin-top :-9%;
}
.border-bottom-dotted{
  border-bottom:1px dotted #2c3e50;
}
a.border-bottom-dotted-link{
    border-bottom:1px dotted #008cba;
    text-decoration:none;
}
a.border-bottom-dotted-link:hover{
    border-bottom:0px;
    text-decoration:underline;
}
.col-md-9 .FilterContactByRFM :hover{
    background-color:#fff !important;
    color:#57bdde !important;
}
.FilterContactByRFM :hover{
    background-color:#04386d;
    color:#fff !important;
}
.FilterContactBySegmet :hover{
    background-color:#04386d;
}
.analytics-customer-InActive {
    background: #d17a51;
    background-image: url('/Assets/Images/AnalyticsPage/Inactive.png');
    background-position: top right;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
}
.analytics-customer-OneTime {
    background: #d4bd75;
    background-image: url('/Assets/Images/AnalyticsPage/one time.png');
    background-position: top right;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
}
.analytics-customer-repeated {
    background: #93d475;
    background-image: url('/Assets/Images/AnalyticsPage/Repeated Customers.png');
    background-position: top right;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
}
@media (max-width: 767px) {
    .align-linkedin-logo-xs {
       margin-bottom:-43px !important;
    }
}

@media (min-width: 1200px) {
    .text-linkedin-google-logo-xs {
       font-size: 15px !important;
    }
}

@media (max-width: 767px) {
    .google-linkedin-pictures-resize-bigger-xs {
        width : auto !important;
        height:auto !important;
    }
}
@media (max-width: 767px) {
    .google-linkedin-pictures-align-xs {
        padding-left:80px;
        padding-right:80px;
    }
}
.analytics-customer-loyal {
    background: #83ad70;
    background-image: url('/Assets/Images/AnalyticsPage/Loyal Customers.png');
    background-position: top right;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
}
.analytics-customer-abandonedcart {
    background-image: url('/Assets/Images/AnalyticsPage/Abandoned cart.png');
    background-position: top right;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
}
.analytics-customer-03-1 {
    background: #ff8761;
}
.analytics-customer-03-2 {
    background: #0fd676;
}
.analytics-customer-03-3 {
    background: #0fd676;
}
.analytics-customer-03-4 {
    background: #ff8761;
}
.analytics-customer-03-5 {
    background: #c73037;
}
.analytics-customer-0305 {
    background-color: #c73037
}
.margin-top-n6per{
    margin-top:-6%;
}
 .margin-top-6px{
        margin-top:6px;
    }
.height-89px{
    height:89px;
}
.height-39px{
    height:39px;
}
.Rfm-header-numer{
        font-size: 22px;
    color: #696969;

}
.padding-left-25per{
    padding-left:25%;
}
.Rfm-header-title{
        font-size: 13px;
    font-weight: 600;
    color: #696969;
}
.font-text-deals-list{
    color:#424242bd;
    font-weight:600;
}
.analytics-customer-orders {
    background-image: url('/Assets/Images/AnalyticsPage/Orders w.png');
    background-repeat: no-repeat;
    background-position: top right;
    height: 32px;
    background-size: contain;
    margin: auto;
}
.font-size-51px{
    font-size:51px !important;
}
.font-size-8px{
    font-size:8px !important;
}
.height-103px{
    height:103px !important;
}
.analyticspage-campaign-countBox{
    width:10%;
    float:left;
}

.analyticspage-customer-totalsBox{
    width:19%;
    float:left;
        padding-left: 2%;
}
.background-border-color-lightgrey{
    background-color: #ccc;
    border-color: #ccc;
}

.analyticspage-Campaign-totalsBox{
    width:13%;
    float:left;
        padding-left: 1%;
}
.analytics-header{
     float: left;
    margin-top: 6px;
    font-size: 30px;
    font-weight: 500;
}
.analytics-report-range{
    background: #fff;
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #49a8ea;
    color: #49a8ea;
    margin-top: 3%;
}
.height-5px{
    height:5px;
}
.campaigns-report-range{
    background: #e9eae6;
    cursor: pointer;
    padding: 5px 10px;
    border: 2px solid #b0bec5;
    color: #b0bec5;
    margin-top: 1%;
}
.analytics-SallesChannel-height{
    min-height:103px;
}
.customerColors{
    color :#03a3ff !important;
}
.RefundColor{
    color:#bc676e!important;
}
.analytics-total-sales-header{
    color: #2c3e50;
    font-weight: 500;

    margin-bottom: 0px;
}
.analytics-totalsales-value{
    color: #2c3e50;
    font-weight: 600;    margin-top: 2%;margin-bottom: 0px;
}
.analytics-gray{
    color:#a4a4a4;
}
.analytics-aov{
    color: #2c3e50;
    font-weight: 500;
    padding-left: 9%;
    margin-bottom: 0px;
}

.analytics-aov-value{
    color: #2c3e50;
    font-weight: 600;    margin-top: 2%;
}
.analytics-chart-header{
      margin-bottom: 0px;
    color: #2c3e50;
    font-weight: 500;
}
.analytics-chart-value{
        margin: 0px;
    color: #2c3e50;
    font-weight: 500;
}
.analytics-chart-img{
     margin-left: 7%; margin-top: 2%;
}
.analytics-customer{
    
    color: #03a3ff;
    text-align: center;

}
.analyticsAbandonedColor{
    background-color:#ff8761 !important;
    color: #04386d;
}
.analyticsAbandonedColor h3{
    margin:1%;
    font-weight:500;
}
.analyticsNotBought{
    background-color:#d9d550 !important;
        color: #04386d;

}
.analyticsNotBought h3{
    margin:1%;
    font-weight:500;
}
.analyticsRefranceDomainColor{
    background-color:#b198dc !important;
        color: #04386d;

}
.analyticsRefranceDomainColor h3{
    margin:1%;
    font-weight:500;
}
.analyticsPaymnetMethodColor{
     background-color:#a8c49e !important;
        color: #04386d;
}
.analyticsPaymnetMethodColor h3{
    margin:1%;
    font-weight:500;
}
.analyticsCountryColor{
     background-color:#90c8da !important;
        color: #04386d;
}
.analyticsCountryColor h3{
    margin:1%;
    font-weight:500;
}
.abandoned_grid{
        font-size: 15px;
    color: #2c3e50;
   
    font-weight: 500;
}
.analyticsBestSellerColor{
        background-color: #b4caac !important;
         color: #04386d
}
.analyticsBestSellerColor h3{
    margin:1%;
    font-weight:500;
}
.analyticsSalesChannelColor{
        background-color:    #6dc7be !important;
         color: #04386d
}
.analyticsSalesChannelColor h3{
    margin:1%;
    font-weight:500;
}
.analytics-product-totals{
        margin: 0px;
    font-weight: 600;
    color: #696969;
}
.analytics-products-titles{
    color: #a4a4a4;
}
.analytics-product-height{
    height:277px;
}
.analytics-font-value{
    font-weight: 600;
    font-size: 22px;
}
.analytics-best-seller-name{
        margin-left: 11%;
    margin-bottom: 0%;
    margin-top: 1%;
    /*color: #2c3e50;*/
    font-weight: 500;
    font-size:17px;
}
.analytics-customer-header{
    font-weight: 500;margin: 0px;
}
.analytics-repeated-customer{
    
    color: #005b7f;
    text-align: center;
}

.analytics-box-height{
    height:374px;
}
.analytics-abandoned-color{
    background-color:#ff8761 !important;
}
.analytics-box-header{
        color: #04386d;
    font-size: 16px;
    font-weight: 600;
    float: left;
}
.ecommerce_dashboard .background-white .table tr{
    background-color:white !important;
}
.analytics-box-value-img{
    margin-left: 22%; margin-top: 8%;
}
.analytics-canceled-order-color{
    background-color:#ea9e9b;
}
.analytics-topproduct-color{
    background-color:#b9e4e0
}
.analytics-top-category{
    background-color:#90c8da
}
.analytics-discount-color{
    background-color:#90c8da;
}
.analytics-fullfilment-color{
    background-color:#b4caac
}









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


#ViewNoteForContact .modal-dialog{
    width: 50%;
}
#ViewNoteForContact .background-color-faf9f7{
    background-color: white !important;
}



#editTaskModel .modal-body {
    padding: 0;
}
#editTaskModel .three_headers_down_task .form-control .select2-choice{
    padding-left:10px;
}
.margin-right-3per{
    margin-right:3%;
}
.padding-right-8per{
    padding-right:8%;
}
.reminder_actions .btn-actions .btn[data-reminder-id]{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.reminder_actions .btn-actions .btn[data-reminder-id] span {
    color:#fff;
}
.font-size-14px{
    font-size:14px;
}
.full-width-screen {
    /*width: 103.5%;*/
    width: 102.3%;
    margin-left: -1.3%;
}

#firstlogin .modal-header, #EcommerceTypeModal .modal-header{
    border-radius: 10px 10px 0 0;
}
.btn-margin-list label {
    margin-right: 8px !important;
}
 .addeditworkflow_form   .btn-margin-list label {
        margin-right: 3px !important;
    }
 .border-white{
     border-color:white;
 }
 .close-preview{
         /* margin-top: 2px !important; */
    color: #222222;
    opacity: 0.4;
    /* text-decoration: none; */
    /* text-shadow: none; */
    /* line-height: 1; */
    float: right;
 }
 #SyncStatusResul .Success{
     color: #0fd676;
 }
 #SyncStatusResul .Failed{
     color: #f94748;
 }
 #SyncStatusResul .Not-Active{
     color: #999;
 }
.segment-table thead tr{
       background-color: #49a8ea;
    color: #fff;
    border-bottom: 4px solid #E9EAE6;
        font-size: 15px;

}

.contact-order-summary-line {
    height: 30px;
    margin: 1%;
    padding: 5px 0 5px 0;
    clear:both;
}
.invoice-id-width{
    width:5%;
    overflow:hidden;
}
.invoice-description-width{
    width:19%;
    overflow:hidden;
    text-align:left !important;
    padding-left:1%;
}
.invoice-contact-width{
    width:10%;
    overflow:hidden;
}
.invoice-organization-width{
    width:8%;
    overflow:hidden;
}
.invoice-status-width{
    width:4%;
    overflow:hidden;
}
.invoice-ponumber-width{
    width:9%;
    overflow:hidden;
}
.invoice-duedate-width{
    width:8%;
    overflow:hidden;
}
.invoice-currency-width{
    width:5%;
    overflow:hidden;
}
.invoice-ammount-width{
    width:9%;
    overflow:hidden;
}
.invoice-collected-width{
    width:6%;
    overflow:hidden;
}
.invoice-action-width{
    width:10%;
    padding-left: 1%;
}
.invoice-provider-width{
    width:7%;
    overflow:hidden;
}

.ticket-id-width{
    width:5%;
    overflow:hidden;
}
.ticket-description-width{
    width:18%;
    overflow:hidden;
    text-align:left !important;
    padding-left:1%;
}
.ticket-contact-width{
    width:10%;
    overflow:hidden;
}
.Priority{
      border-radius: 50%;
    /*background-color: lawngreen;*/
    width: 10px;
    height: 10px;
    float: left;
    margin-top: 9%;
    margin-left: 15%;
}
.PriorityName{
        float: left;
    margin-left: 14%;
}
.ticket-ponumber-width .high{
    background-color:red;
}
.ticket-ponumber-width .medium{
    background-color:orange;
}
.ticket-ponumber-width .low{
    background-color:yellow;
}
.ticket-ponumber-width .normal{
    background-color:lawngreen;
}
.ticket-ponumber-width .urgent{
    background-color:darkred;
}
.ticket-organization-width{
    width:16%;
    overflow:hidden;
}
.ticket-status-width{
    width:7%;
    overflow:hidden;
}
.ticket-ponumber-width{
    width:9%;
    overflow:hidden;
}
.ticket-duedate-width{
    width:8%;
    overflow:hidden;
}
.ticket-currency-width{
    width:5%;
    overflow:hidden;
}
.ticket-ammount-width{
    width:9%;
    overflow:hidden;
}
.ticket-collected-width{
    width:6%;
    overflow:hidden;
}
.ticket-action-width{
    width:10%;
}
.ticket-provider-width{
    width:7%;
    overflow:hidden;
}
.ticketCell{
        line-height: 29px;
    text-align: center;
    float:left;
    font-size:13px;
}
.ticketTableHeader{
    /*background-color: #49a8ea;*/
    color: #fff;
    /*border-bottom: 4px solid #49a8ea;*/
}
.ticketTableFooter{
         background-color: #f5f7f1;
    border: 2px solid #49a8ea;
    border-radius: 8px
}

.ticketUpdatedText{
    line-height: 17px;
    padding-top: 2%;
    font-size: 11px;
    color: #AFAFAF !important;
    text-decoration: none;
}

.ticketTable{


    padding: 0px;

    margin-bottom:1%;
}
.notifyQuota{
    width: 3%;
    float: left;
    margin-top: -0.1% !important;
    margin-right: 1% !important;
}
}
/*chart style*/
  .deltebtnid button:hover {
        opacity: 1;
    }

    .chart-legend li span {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-right: 5px;
    }
    .chart-legend-automation li span {
        display: inline-block;
        width: 10px;
        height: 12px;
        margin-right: 5px;
    }
    .AddTags_step .bootstrap-tagsinput .label-info span , .RemoveTags_step .bootstrap-tagsinput .label-info span{
        z-index: 10000;
    position: relative;
    }

    .chart-legend-automation li div{
            width: 10px;
    margin-right: 3px;
    }
    .chart-legend li {
        display: -webkit-box;
        /*color: white;*/
    }
     .chart-legend-automation li {
        display: -webkit-box;
        /*color: white;*/
    }
    .js-legend ul {
        padding-left: 0px;
    }

    .js-legend-Auto ul {
        padding-left: 0px;
    }

    .automationbox {
        position: relative;
        bottom: 22px;
    }

    .container-text {
        width: 100px;
        height: 100px;
        float: left;
        position: relative;
    }
    .Automationcontainer-text{
         width: 93px;
        height: 93px;
        float: left;
        position: relative;
    }

    .container-text-child {
        width: 100%;
        height: 40px;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -25px;
        line-height: 19px;
        text-align: center;
        /*z-index: 999999999999999;*/
        font-size: 13px;
    }

    .span-green-mail {
        color: #fff;
        background-color: #0fd676;
        display: inline-block !important;
        width: 20px !important;
        height: 20px !important;
        margin-right: 5px !important;
        border-radius: 50%;
        text-align: center;
    }
.segmentactionbtn {
    background-color: transparent;
    border: 1px solid white;
    border-radius: 15px;
    color: white;
    padding-top: 4px;
    padding-bottom: 4px;
}

.segmentnamespan {
    font-weight: 600;
    color:white;
    font-size: 17px;
    padding-left:5px;
}

    .span-blue-mail {
        color: #fff;
        background-color: #49a8ea;
        display: inline-block !important;
        width: 20px !important;
        height: 20px !important;
        margin-right: 5px !important;
        border-radius: 50%;
        text-align: center;
    }

    .span-text-mail {
        width: auto !important;
        margin-right: 0px !important;
        vertical-align: 5px !important;
    }

    .span-text-enroll {
        width: auto !important;
        margin-right: 0px !important;
        vertical-align: 5px !important;
    }

    .vertical-align-5px {
        vertical-align: 5px !important;
    }

    .blue-legend {
        background-color: #49a8ea;
        height: 15px !important;
    }

    .green-legend {
        background-color: #0fd676;
        height: 15px !important;
    }

    .legend-value {
        vertical-align: 5px;
    }



    .chartsinglAutomation{
            padding-top: 10%;
    border-top: 1px solid #a09797;
    margin-top: 3%;
        padding-right: 0px;
    padding-left: 0px;
    }
    .Automationcontainer-text-child {
    width: 100%;
    height: 40px;
    position: absolute;
    top: 41%;
    left: -3px;
    margin-top: -25px;
    line-height: 19px;
    text-align: center;
    /*z-index: 999999999999999;*/
    font-size: 13px;
}
.EcommerceDashboard-last{
       width: 40%;
    float: left;
    background: #fff;
    margin-bottom: 1%;
    margin-top: .4%;
}
.date_container_contact .completeTask{
    color: #0fd676 !important;
    border-color: #0fd676 !important;

}
.date_container_contact .overdueTask{
    color: red !important;
    border-color: red !important;
}
.invoiceCell{
        line-height: 29px;
    text-align: center;
    float:left;
    font-size:13px;
        margin-top:.3%;
}
.width-40per{
    width:40%
}
.padding-left-4per{
    padding-left:4%
}
.invoiceTableHeader{
          /*background-color: #49a8ea;*/
    color: #fff;
    /*border-bottom: 4px solid #49a8ea;*/
    text-align:center;
}
.invoiceTableFooter{
         background-color: #f5f7f1;
   
}
.invoiceTable{
       border: 0px solid #f5f7f1;
    /*border-radius: 11px;*/
    padding: 0px;
    border-bottom: none;
    margin-bottom:1%;
}
.date_container_contact .today{
    color: #49a8ea !important;
    border-color: #49a8ea !important;
}
.EcommerceDashboard-middle{
       float: left;
    width: 19%;
    background: #fff;
    
    margin-right: .8%;
    margin-bottom: 1%;
    margin-top: .4%;
}
.EcommerceDashboard-first{
       float: left;
    width: 40%;
    margin-bottom: 1%;
    margin-top: .4%;
}
.margin-left-2per{
    margin-left:2% !important;
}
.width-10per{
    width:10% !important;
}
.segment-table-color {
    background-color: #40515a;
}
.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
	-webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
	 margin:-.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
	width:100%;
}

.display-flex{
    display:flex;
}
.orer-total-number {
    float: left;
    display: flex;
    flex: auto;
    text-align: center;
    line-height: 40px;
    font-weight: 600;
}
.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
    flex-flow: column nowrap;
}

.flex-grow {
	display: flex;
    -webkit-flex: 2;
    flex: 2;
}
.ecommerceInprogressGif{
    width: 6%;
    margin-left: 14%;
}
.Task_and_Google_Labels_in_Tasks_and_Calendar_Pages{
        font-size: 21px;
    font-weight: 500;
}
.height-57px{
  height: 57px;
}
.margin-top-1-5per{
    margin-top:1.5%;
}
.FIRST-PART-TOP-FILTERS-AND-ADD-BUTTON-START{
    margin-top:0.5%;
    margin-bottom: 0.5%;
}
.google-icon-popup-calendar-page-container {
    margin-top:3px;
    padding-left:5px;
    text-decoration:underline;
}
.google-icon-popup-calendar-page{
    font-size:31px;
    margin-top:2px;
}

.google-sync-now-link{
    margin-left:-10px;
}

.task-calendar-page-sync-icons-color{
    color:#0693ce;
}

.sync-inprog{
      width: 100%;
    text-align: center;
    position: absolute;
    top: 16px;
}
.segment-table td{
 font-size: 15px;
}
.margin-bottom-5per{
    margin-bottom:5%;
}
.margin-left-55px{
    margin-left:55px;
}
.margin-left-67px{
    margin-left:67px;
}
.width-8per{
    width:8%;
}
#customerServiceInfoTabs .table-striped{
        font-size: 16px;
    color: gray
}
#customerServiceInfoTabs .table-striped th{
    text-align: center;
    color: #045ab1;
    font-size: 18px;
    font-weight: 700;
}
#customerServiceInfoTabs .table-striped td:first-child{
      width:20%;
}
#customerServiceInfoTabs .table-striped td:last-child{
      width:43%;
      text-align:center;
}

.contactrate{
    margin-left:3%;
}
.reminder_actions .btn-actions  .btn.dropdown-toggle {
        border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.reminder_actions .btn-actions  .btn.dropdown-toggle span{
    color:#fff;
}
#AddAssignTo-fillter-name{
    float:left;
    margin-top:0px;
}
.customers_fast_actions {
        position: absolute;
    width: 140px;
    left: -65px;
}
input#Attachment {
    margin-top:5px;
}
.height-5vh{
    height:5vh;
}
label.new_task_inputs_header {
    padding-right:0;
    font-weight: 500;
    color: #424242;
    font-size:14px;
}
label.three_headers_down_task {
    padding:0;
    font-weight: 500;
    color: #424242;
}
.OrderTimeframe {
    padding-top: 5px;
    padding-left: 8px;
}
.synccontactsinfo {
    color: #424242;
    font-size: 12px;
}
.createideastextDiv {
    border: 3px solid black;
    background-color: #fff3d6;
    display: block;
    text-align: center;
    padding-bottom: 10px;
}
.createideastextToolTip {
    /*border: 3px solid black;*/
    background-color: #fff3d6;
    display: block;
    text-align: center;
    padding-bottom:10px;
}
.createsegmenttooltip {
    color: orange;
    font-size: 17px;
    padding-left: 5px;
}
.createideastext {
    color: #424242;
    font-size: 14px;
    font-weight: 600;
    padding-left: 10px;
    /*padding-right: 10px;*/
}

/*EDITION form BUTTON CLOSE*/
/*.searchbox-loading-icon{
        background-image: url('../Assets/Images/load.gif') !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}*/

button.close i {
        font-size: .8em;
}

.campaginFilterHeader{
    float: left !important;
    margin-top: 1% !important;
}
/*address TASKS STARTS*/

div.TaskButtonsList label {
    border-radius: 3px;
    /*border: 1px solid #61b0e8;*/
    background: #fff;
    padding:0;
    color:#61b0e8;

    padding: 1px 4px;
    margin: 0 0px;
}
div.TaskButtonsList label input:active {
     border-radius: 3px;
    border: 1px solid #fff;
    /*background: #61b0e8;*/
    color:#fff;
}
div.TaskButtonsList label.active {
	border-radius: 3px;
	border: 1px solid #aaa;
	color: #fff;
	background-color: #efefef;
}
div.TaskButtonsList label i {
    padding:5px 10px;
}
div.TaskButtonsList label:hover {
	border-radius: 3px;
	border: 1px solid #aaa;
	color: #fff;
	background-color: #efefef;
}
span.calender_date_icon_task {
        padding-top: 0;
    padding-bottom: 0;
    color: #61b0e8;
    padding-left: 5px;
    padding-right: 5px;
}
.width-12per{
    width:12%;
}

.width-142per{
       width: 142% !important;
}
.workflowCreateFilter{
    padding: 0.4%;
}

.refresh-automation-list{
    margin: 5px 5px;
    cursor: pointer;
    color: #3097d8;
    font-weight: 600;
}
.header_create_automation h4 {
           color: #05376c;
               font-weight: 500;
               margin-bottom: 0px;
        }
        
        .header_desc_create_automation h4 {
            color: #a9a9a7;
                font-weight: 500;
                font-size: 14px;
                    margin-bottom: 5px;
    margin-top: 5px;
        }
        div.create_automation_wrapper {
            background-color: #e9eae5;
            padding-bottom: 15px;
        }
        
        div.button_filters_buttons button {
            background-color: #fff;
    background-image: none;
    border-color: #49a8ea;
    text-shadow: none;
    box-shadow: none;
    color: #49a8ea;
    border-radius: 0px;
            
        }


         div.button_filters_buttons button:nth-child(1)  {
           border-top-left-radius:4px;
           border-bottom-left-radius:4px;
            
        }

          div.button_filters_buttons button:nth-last-child(1)  {
           border-top-right-radius:4px;
           border-bottom-right-radius:4px;
            
        }
       
       
        
         
        div.button_filters_buttons button:hover {
            background-color: #49a8ea;
   border-color: #49a8ea;
            
        }
          div.button_filters_buttons button:active {
            background-color: #49a8ea;
   border-color: #49a8ea;
              color: #fff;
            
        }  div.button_filters_buttons button:active:hover {
            background-color: #49a8ea;
   border-color: #49a8ea;
              color: #fff;
            
        }
        div.button_filters_buttons button:focus {
            background-color: #49a8ea;
   border-color: #49a8ea;
              color: #fff;
            
        }
        
        div.button_filters_buttons button.active {
             background-color: #49a8ea;
    background-image: none;
    border-color: #49a8ea;
    text-shadow: none;
    box-shadow: none;
    color: #fff;
        }
        div.button_filters_buttons button.active:hover {
            background-color: #49a8ea;
    background-image: none;
    border-color: #49a8ea;
    text-shadow: none;
    box-shadow: none;
    color: #fff;
        }
        
        div.boxes_header_create_automation h5 {
            color: #a9a9a7;
            font-weight: 500;
        }
        div.box_create_automation {
            border: 1px solid #a9a9a7;
    border-radius: 5px;
    background-color: #fff;
/*    margin: 10px 0px;*/
          /*padding-top: 10px;*/
            padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
            height: 108px;
        }
         div.box_create_automation h6{
                color: #c1c5c5;
                font-weight: 500;
                    margin-bottom: 0px;
    margin-top: 4%;
        }
          div.box_create_automation h4{
                    color: #05376c;
                        color: #05376c;
    font-size: 16px;
    font-weight: 500;
                        margin-bottom: 0px;

        }
          div.box_create_automation h5{
                   color: #80807d;
                   font-weight: 500;
        }
        div.box_create_automation .fixpadding {
            padding-right: 0;
        }
        
        div.box_create_automation h5 span{
                   color: #c1c5c5;
        }
        
        div.box_create_automation img {
            width: 36px;
            height: 36px;
             vertical-align: middle;
        }
        div.box_create_automation span img {
            width: 15px;
            height: 15px;
                position: relative;
    bottom: 3px;
             
        }
        .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
        
        
        
        
                /* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 320px;
    height: 110px;
    border-radius: 4px;
        margin-bottom: 2%;

}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
    /*padding-top: 1%;*/
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
    
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
    background-color: red;
   
}
        .back h5 {
            
                color: #fff;
    text-align: center;
    margin-bottom: 0px;
    line-height: 15px;
        }
        .back button {
                background-color: #e9e9e6;
    background-image: none;
    border-color: #e9e9e6;
    text-shadow: none;
    box-shadow: none;
    color: #5c5b58;
                padding: 6px 38px;
        }
         .back button:active {
                background-color: #e9e9e6;
    background-image: none;
    border-color: #e9e9e6;
    text-shadow: none;
    box-shadow: none;
    color: #5c5b58;
        }
        .back button:hover {
                background-color: #e9e9e6;
    background-image: none;
    border-color: #e9e9e6;
    text-shadow: none;
    box-shadow: none;
    color: #5c5b58;
        }
        .back button:focus {
                background-color: #e9e9e6;
    background-image: none;
    border-color: #e9e9e6;
    text-shadow: none;
    box-shadow: none;
    color: #5c5b58;
        }
        .back button:active:hover  {
                background-color: #e9e9e6;
    background-image: none;
    border-color: #e9e9e6;
    text-shadow: none;
    box-shadow: none;
    color: #5c5b58;
        }
        
        
        
                    
                    
                    
                    .flip-container:hover .flipper, .flip-container.hover .flipper, .flip-container.flip .flipper {
	transform: rotateY(180deg);
}
        
        
/*        BOX NAVY*/
        .box_navy {
            background-color: #042851;
        }
             
/*        BOX blue*/
        .box_blue {
            background-color: #49a8ec;
        }
            
/*        BOX blue*/
        .box_red {
            background-color: #e7323d;
        }
          
/*        BOX green*/
        .box_green {
            background-color: #81ca21;
        }
        
/*        BOX orange*/
        .box_orange {
            background-color: #fe9a4a;
        }
        
/*        BOX lightbue*/
        .box_lightblue {
            background-color: #2ad8b5;
        }
        
/*        BOX lightbue*/
        .box_purple {
            background-color: #895bd4;
        }
        
        .button_icon_container {
            position: relative;
   
    top: 15px;
        }
        

/*ADD TAKS ENDS*/ 



/*nav START*/

/*SOME ANIMATION*/ 


div.second_part .dropdown-menu {
    background-color: rgba(255, 255, 255, 0);
}

ul.nav li.dropdown-menu:hover > ul.dropdown-menu {
    display: block;    
}
.menu-item-sperator{
    background-color: darkgray;
    display: block;
    padding: 1px;
    font-weight: 500;
    text-align: left;
    font-size: 13px;
    color: #75767B;
    line-height: 10px;
    text-shadow: none;
}

#sub_dropdown_menu {
    left: 100%;
    top: 0px;
}
.advanced-search-small-icon{
    color:#d9d9d9;
    line-height:1.5;
}
ul.nav li.dropdown-menu > ul.subMenu li a {
    font-weight:500;
}.waves-effect {
    /*position: relative;*/
    cursor: pointer;
    /*display: inline-block;*/
    overflow: hidden;
    /*-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

#notification_li {
    
}

#notification_nav_container {
    padding:10px 5px;
}
#name_nav {
    
     padding: 15px 0px 10px 0px;
    max-width: 116px;
}
    #name_nav ul {
        width: 155%;
    }
        
#name_nav a {
    border-bottom:none;
}
#name_nav a:active {
        border-bottom:none;
}
#name_nav a:focus {
          border-bottom:none;
}

#add_li a:active {
        /*border-bottom: 3px solid transparent;*/
    background:transparent;
    
}
#add_li a:focus {
    border-bottom-color:transparent;
       
}
#name_nav h4 {
     font-size:14px;
}
#pic_li {
     padding: 10px 5px;
}
#gear_nav {
  padding: 10px 5px;
   
/**/}

.fixing_form_height {
    height:100%;
    display:block;
}
#gear_nav a {
 border-bottom: 3px solid transparent;
   
}
#add_li {
     padding: 10px 5px;
}
div.fixing_nav_padding {

        padding: 0px 0px 0px 35px;

}
.help-ul {
    right: 5px;
    left: auto;
}
.Calender_Filters_Containers {
    display:inline;
}
div#search_container {
    padding: 8px 0px;
    /*padding-top:7px;*/
}


div#dropdown_all_nav {
    height:40px;
       background-color: rgba(255, 255, 255, 0.35);
}
#submenu_add h4 {
        background: #fff;
  
    font-weight: 400;
   
       padding: 7px 15px;
    margin-bottom: 0;
    margin-top: 0;
}
#submenu_add h5 {
        text-align:center;
    
    font-weight:500;
}
div#dropdown_all_nav ul {
    background-color:#fff;
    z-index:9999;
    width:100%;
}
div#dropdown_all_nav ul li{
    text-align:left;
}
#submenu_add a img {
    width:100%;
    display:inline-block;
        max-width: 35px;
    max-height: 35px;
}

div#dropdown_all_nav  {
   
border-top-left-radius: 3px;
border-bottom-left-radius:3px;
   
}

div#dropdown_all_nav span {
    color:#fff;
        font-weight: 500;
}
ul#submenu_all {
    
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

#submenu_summary h4 {
        background: #fff;
    font-weight: 400;
       padding: 7px 15px;
    margin-bottom: 0;
    margin-top: 0;
}
#submenu_summary h5 {
        text-align:center;
    font-weight:500;
}

/*#submenu_summary a img {
    width:100%;
    display:inline-block;
        max-width: 35px;
    max-height: 35px;
}*/

ul#submenu_summary {
      box-shadow: none;
    width: 500px;
        z-index: 9999;
}


 ul#submenu_summary li:hover {
   background: 	#e9eae6;
}

ul#submenu_summary a {
        display: block;
    padding: 5px;
        font-weight: 400;
        position:relative;
        text-align:center;
}

 .sync_links_info {
     border-bottom: 1px solid #e3e3e3;
 }
ul#submenu_add {
    
      box-shadow: none;
    width: 511px;
    background: transparent;
    padding-top: 7px;
        z-index: 9999;
}
ul#submenu_add li {
    border-right: 1px solid #e3e3e3;
      display:inline-block;
      background:#fff;
      padding:0;
}
ul#submenu_add li:nth-child(1):hover {
    background: #fff;
} 

ul#submenu_add li:nth-child(1){
   border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    
} 
.margin-right-13px{
    margin-right:13px;
}

ul#submenu_add li:nth-child(2){
        border-left: 1px solid #e3e3e3;
} 


 ul#submenu_add li:hover {
   background: #e3e3e3;
}
 ul#submenu_add li a:hover {
   background: #e3e3e3;
}
 .margin-left-4per{
     margin-left:4% !important;
 }
 .social_imports {
     width:20%;
     float:left;
     position:relative;
     border-bottom: 1px solid #e3e3e3;
 }

ul#submenu_add a {
    /*background-color: #FFF;*/
        color: #75767B;
        display: block;
    padding: 5px;
        font-weight: 400;
        position:relative;
        
        text-align:center;
}

ul#submenu_add a:hover {
   
    color: #49a8ea;

}






ul.nav li.dropdown-menu .subMenu a {
    background-color: #FFF;
        color: #75767B;
        display: block;
    padding: 10px 10px 10px 10px;
        font-weight: 400;
        
}
ul.nav li.dropdown-menu .subMenu a:hover {
   
   
           background-color: #ffffff ;
}
ul.nav li.dropdown-menu .subMenu {
   
   
        background-color: transparent;
        min-width: 100%;
        z-index:100;
       

}

div.second_part .subMenu > li:first-child {
    background-color: transparent ;
}

ul#submenu_all a {
    background-color: #FFF;
        color: #75767B;
        display: block;
    padding: 10px;
        font-weight: 400;
        position:relative;
        top:2px;
}

ul#submenu_all a:hover {
   
    /*color: #49a8ea;*/

}
a#anchor_sub {
 
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 7%;
    width: 100%;
    display: block;
    height: 100%;
    font-size: 16px;
}

a#anchor_sub i{
    opacity: 0.75;
    color: white;
}

                    .dropdown:hover .dropdown-menu {
                display: block;
                        }   
.nav-item-top-separator{
    border-top-width: 1px;
    border-top-color: #ccc;
    border-top-style: solid;
    background-color: #ccc;
}

/*a#anchor_sub span {
    color:#fff;
}*/
.nav > li > a {
        font-size: 13px;
    position: relative;
    display: block;
    padding: 5px 25px;
}

/*nav ENDS*/














body {
    background-color: #e9eae6;
    /*min-width: 870px;
    min-height: 600px;*/
    font-family: 'lato','Times New Roman', Times, serif;
    /*font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url(http://fonts.gstatic.com/s/ubuntu/v7/MLKvhAbswThSVACnSTWCpxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;*/
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.clearing {
    clear:both !important;
}

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

/* Popup Notification */
.brighttheme-icon-notice {
    background-color: #da8c17 !important;
    color: #FFFFA2 !important;
    margin-top: 2px !important;
}

.brighttheme-notice {
    background-color: rgb(241, 243, 215) !important;
    border: 1px solid #49a8ea !important;
    color: #4F4F00 !important;
}

.rotet-icon {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.shopify_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/shopify.png);
}

.Add-Note_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/Add-Note_small.png);
}

.add_tag_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/add_tag_small.png);
}

.Assign-user-to-contact_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/Assign-user-to-contact_small.png);
}

.remove_tag_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/remove_tag_small.png);
}

.Subtract-from-Score_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/Subtract-from-Score_small.png);
}

.add-to-score_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/add-to-score_small.png);
}

.change_score_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/change_score_small.png);
}

.remove_from_list_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/remove_from_list_small.png);
}

.add_to_list_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/add_to_list_small.png);
}

.send_mail_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/send_mail_small.png);
}

.reminder_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/reminder_small.png);
}

.campaign_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/camp.png);
}

.zopim_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/zopim.png);
}

.bigcommerce_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/bigcommerce.png);
}

.email_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/send_mail_small.png);
}

.google-calendar_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/google-calendar.png);
}
.google-contact_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/google-contacts.png);
}


.freshdesk_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/freshdesk.png);
}
.csv_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/csv.png);
}
.zendesk_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/zendesk.png);
}

.frshbooks_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/freshbooks.png);
}

.harvest_small-icon {
    background-image: url(../../Assets/Images/PopupNotificationIcon/harvest.png);
}

.popnotification-small-icon {
    display: inline-block !important;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
}




.ui-pnotify-title {
    color: #636363 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding-top: 1% !important;
}

.ui-pnotify-text {
    color: #8c8c8c;
    font-size: 14px;
}

.popupNotification-action-btn {
    background: transparent !important;
    border: 1px solid #49a8ea !important;
    border-radius: 5px !important;
    color: #49a8ea !important;
    font-size: 13px !important;
    width: 37%;
    float: right;
}

/* End */

#integrationPannel {
    display: none;
}

.includeSystemTemplateCheckLabel{
    margin-top:6px!important;
}

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

.TemplateFilter .active a {
    color: #04386d !important;
    /*text-decoration:underline;*/
}
.background-color-faf9f7{
background-color: #faf9f7 !important;
}

.btns-contacts-list {
    border: 1px solid #04386d !important;
    color: #04386d !important;
    background-color: #e9eae6 !important;
    max-height: 36px !important;
    border-radius: 7px !important;
}
    .btns-contacts-list span {
        color: #04386d !important;
    }
    .ul-contacts-list {
        border: unset !important;
        background-color: #f6f9f3 !important;
        color: #04386d !important;
    }
.ul-contacts-stage {
    height: 28px;
    padding-left: 6%;
    color: #04386d !important;
    background-color: #e9eae6 !important;
    border-radius: 10px;
    border-color: #04386d;
    margin-top: -3%;
    margin-left: 5%;
}
.TemplateFilter a:hover {
    color: #49a8ea !important;
    text-decoration: underline;
}


.hr-style2 {
    padding-right: 5px;
    width: 90%;
    /* border: 0;*/
    height: 1px;
    /*background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));*/
    margin-left: 20px;
    margin-right: 20px;
}
.TagsSection .bootstrap-tagsinput .tag {
    color: #878787 !important;
    background-color: #e8e6e6 !important;
    border: 0px;
    border-radius: 0px;
    margin-right: 10px;
}

.margin-top-3per {
    margin-top: 3%;
}

.margin-top-50px{
    margin-top : 50px;
}
.padding-left-9per {
    padding-left: 9%;
}

.padding-top-3per {
    padding-top: 3% ;
}
padding-top-6px {
    padding-top: 6px !important;
}
.margin-bottom-3per {
    margin-bottom: 3%;
}

.bold-header {
    font-size: 16px;
    font-weight: 400;
}
.margin-top-6per {
    margin-top: 6% !important;
}
.margin-top-7per {
    margin-top: 7%;
}

.lost-dropdown {
    height: 35px !important;
    font-size: 15px !important;
    padding: 0px !important;
}

.rounded-blue-number {
    font-size: 17px;
    color: #fff;
    background-color: #61b0e8;
    padding: 4px 9px;
    border-radius: 50%;
    margin-right: 6px;
    font-weight: 600;
    text-align: center;
    margin-left: 4px;
}

.contactSaveBtn {
    margin-top: -4%;
    cursor: pointer;
    font-size: 13.5px !important;
    text-align: center;
    width: 38%;
    margin-right: -4%;
}

.contactLists {
    margin-top: -4%;
    cursor: pointer;
    font-size: 13.5px !important;
    text-align: center;
    width: 30%;
}

.btn-import-addressbook{
    min-width:80%;
}
.btn-lightblue-contact {
    background-color: #fff;
    border: 1px solid #49a8ea;
    color: #49a8ea !important;
}

.tag-style {
    color: #49a8ea;
    background-color: #c9e8fd;
    /* float: left; */
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #c9e8fd;
    border-radius: 11px;
    padding: 3px;
    font-size: 13px;
}

.margin-top-35per {
    margin-top: 35%;
}

.cancel-schedule-campagin {
    position: absolute;
    right: 2%;
    top: 13%;
    width: 16.5%;
    border-radius: 6px;
    font-size: 20px;
    z-index: 10000;
}

.font-size-13 {
    font-size: 13px;
    font-weight: 400;
}
.width-33per
{
    width:33%;
}
.font-size-15-bold {
    font-size: 15px;
    font-weight: 600;
}
.font-size-16-weight-600 {
    font-size: 16px;
    font-weight: 600;
}
.font-size-15 {
    font-size: 15px !important;
    
}
.deal-card-status-color{
        background-color: black;
    height: -webkit-fill-available;
    width: 3%;
    float: left;
   padding:0px;
}
.deal-card-info{
        float: left;
    width: 97%;
}
.deal-card-owner-char{
        color: #fff;
    font-size: 18px;
    padding: 8%;
}
.deal-card-value {
    font-size: 13px;
    color: #48ba71;
    line-height: 14px;
    text-align: right !important;
    padding: 0px;
    float: right;
    text-align: right;
    overflow: hidden;
    padding-top: 4%;
    text-align: center;
    overflow: hidden;
   padding-right :1%;
}

.padding-top-nosper {
    padding-top: .5%;
}

.width-height-auto {
    width: auto !important;
    height: auto !important;
}

.margin-left-1_5per {
    margin-left: 1.5%;
}

.font-size-12-gray {
    font-size: 12px;
    color: gray;
}
.padding-top-3px{
    padding-top:3px;
}
.font-size-12 {
    font-size: 12px;
}

.campaign_active {
    text-decoration: underline;
}

.csv-info {
    margin-top: -1%;
    color: gray;
}

    .csv-info i {
        color: orange;
    }

.nimda-block {
    background-color: #fff;
    /* width: 100%; */
    height: 71px;
    text-align: center;
    margin: 1%;
}

.has-active-automation {
    color: red;
    text-align: right;
    font-size: 12px;
    padding-left: 15px;
    text-decoration: none !important;
    font-weight: 600;
}

    .has-active-automation:hover, .has-active-automation:active, .has-active-automation:visited {
        text-decoration: none !important;
    }

.auto-height {
    display: block;
    overflow: auto;
}

.nimda-block a {
    line-height: 71px;
    color: #49a8ea;
    font-size: 24px;
}

.border-red {
    border: 1px solid red;
}
.line-height-3 {
   line-height: 3;
}
.line-height-2-5 {
   line-height: 2.5;
}

.line-height-1-5 {
    line-height: 1.5;
}

.add_campaign_btn {
    width: 102.6%;
    /*position: absolute;*/
    height: 40px;
    margin-left: -1.5%;
    text-align: center;
    font-size: 18px;
    border-bottom: 2px solid #fff !important;
    border-top: 1px solid #fff !important;
}

.campaign-filter-link {
    margin: 1%;
    color: #49a8ea;
}

.campaign-box-name {
    font-size: 18px;
    font-weight: 500;
    color: #49a8ea;
    width: 100%;
    margin-bottom: 1%;
    height: 40px;
    overflow: hidden;
}

.campaign-box-LightGray {
    font-size: 12.5px;
    color: #969696;
}

.campaign-box-sentPersentage {
    position: absolute;
    left: 41%;
    color: #49a8ea;
    font-size: 27px;
    font-weight: 500;
    top: 7px;
}

.campaign-filter-dropdown {
    margin-left: 3%;
    width: 41%;
    padding-left: 9%;
    height: 27px;
}

.best_practic {
    padding: 0px;
    width: 102%;
    margin-left: -1%;
    margin-top: 2%;
}

    .best_practic .header_content {
        margin-top: -19%;
        height: 64px;
        margin-left: 8%;
    }

        .best_practic .header_content .menu_icon {
            margin-top: -5%;
            margin-left: 3%;
        }

    .best_practic .header_title {
        margin-bottom: 0px;
        margin-top: 3%;
    }

    .best_practic .header_menue {
        width: 100%;
        height: 68px;
    }

    .best_practic .use_i {
        float: right;
        border-left: 1px solid #fff;
        /* padding: 4%; */
        height: 29px;
        margin-top: -7%;
        padding-left: 8%;
        padding-top: 8%;
    }

    .best_practic .use_btn.UseThisPractice {
        border-radius: 6%;
        height: 29px;
        text-align: center;
    /* padding: 0px !important; */
    padding: 0px 15px;
    }

    
    .best_practic .use_btn .use_btn_cart{
        padding-left: 8px;
        padding-right: 8px;
    }
    .use_btn_cart span.caret {
        color:#fff;
    }



    .best_practic .use_btn_cart {
        border-color: white;
        border-style: none;
        border-width: 0px;
        border-left-width: 2px;
        border-left-style: solid;
    }

    .best_practic .customer_count_blue {
        border: 1px solid #49a8ea;
        width: 120px;
        text-align: center;
        height: 29px;
        border-radius: 6%;
        margin-left: 15%;
    }

    .best_practic .customer_count_green {
        border: 1px solid #0fd676;
        width: 120px;
        text-align: center;
        height: 29px;
        border-radius: 6%;
        margin-left: 15%;
    }

    .best_practic .customer_count_green_light {
        border: 1px solid #2EDBBD;
        width: 120px;
        text-align: center;
        height: 29px;
        border-radius: 6%;
        margin-left: 15%;
    }

.height-27px{
    height:27px !important;
}
    .best_practic .customer_count_orange {
        border: 1px solid #ed7850;
        width: 120px;
        text-align: center;
        height: 29px;
        border-radius: 6%;
        margin-left: 15%;
    }

    .best_practic .use_arrow {
        border-radius: 9%;
        height: 29px;
        border-left: 1px solid #fff;
    }





.modal-body-how {
    position: relative;
    /*padding: 20px;*/
    height: 450px;
}

.ListHeader {
    font-size: 22px !important;
    text-align: center !important;
}

button[disabled=disabled], button:disabled, button[disabled=true],
a[disabled=disabled], a:disabled, a[disabled=true] {
    opacity: 0.5 !important;
}

.workflow-headline {
    max-height: 29px;
    overflow: hidden;
}

#WorkflowAdvancedMailOptionModal select{

    max-width: 100%;
}
.body-color-grey {
    background-color: #e9eae6;
}
.body-color-red {
    background-color: #f94848;
    padding: 10px;
    min-height: 40px;
    font-size: medium;
}
    .body-color-red a{
        color:#fff !important;
    }
    .navbar-default {
        background-color: #04386d;
        border-color: #04386d;
    }

[tooltip]:before {
    /* needed - do not touch */
    content: attr(tooltip);
    position: absolute;
    opacity: 0;
    /* customizable */
    transition: all 0.15s ease;
    padding: 10px;
    color: #333;
    border-radius: 10px;
    box-shadow: 2px 2px 1px silver;
}

[tooltip]:hover:before {
    /* needed - do not touch */
    opacity: 1;
    /* customizable */
    background: yellow;
    margin-top: -50px;
    margin-left: 20px;
    width: 300px;
}

[tooltip]:not([tooltip-persistent]):before {
    pointer-events: none;
}


/* Bg Colors and border colors */
.light-gray {
    background-color: #32353d;
}

.modal-dialog-notsure {
    margin: 2% auto;
    width: 57% !important;
}

.modal-dialog-form {
    width: 81% !important;
    margin: 2% auto;
}

.modal-workflow-form {
    width: 100% !important;
    /* margin: 1%; */
}

.font-blue {
    color: #49a8ea;
}

.login-message {
    font-family: Arial;
    color: #0c162c;
    font-size: 25px;
    margin-bottom : -10px;
    font-weight:bold;
    margin-top:20px;
    margin-left:-25px;
}

    .login-message p {
        line-height: 50px;
    }

    .circle-layout-login{
    margin-left: -40px;
    margin-bottom: -55px;

    margin-left: -70px;
    margin-bottom: -105px;
    }

     .circle-layout-login2{
    margin-left: -70px;
    margin-bottom: -105px;
    }

    .login-message2 {
    font-family: Arial;
    color: #0c162c;
    font-size: 12px;
    font-weight:bold;
    margin-left:20px;
}

    .circle:before {
  content: ' \25CF';
  color:#56badb;
  font-size: 35px;
}

    .margin-top-40npx{
        margin-top:-40px;
    }

    .login-message2 p {
        line-height: 20px;
    }

.integration-backdrop {
    background-color: #AEAEAE;
    z-index: 9999998;
    opacity: 0.5;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: -15px;
}

.borderradiusloginpage{
        border-radius:0px;
    }

    .integration-backdrop span {
        z-index: 9999999;
        color: #04386d !important;
        margin-top: 35px;
        margin-right: 20px;
        font-size: 25px;
        font-weight: 600;
        text-align: left;
        float: right;
    }

.otherCRMSpan {
    border-radius: 4px;
    border: 1px solid #ddd ;
    padding: 10px ;
    background: #eee ;
    margin-top: 7px;
    margin-bottom: 7px;
    text-align: center ;
    font-weight: 700;
    min-height: 60px;
}

.modal-backdrop {
    background-color: rgba(47,99,135,.9);
}

#AddTags .modal-backdrop {
    background-color: transparent;
    height: 0px !important;
}

#AddScore .modal-backdrop {
    background-color: transparent;
    height: 0px !important;
}

#AddAssignTo .modal-backdrop {
    background-color: transparent;
    height: 0px !important;
}

.login-form-message {
    font-family: 'Lato';
    color: #49a8ea !important;
}

.login-info .alert {
    margin-bottom: 0;
}

.dark-gray {
    background-color: #24272e;
}

.margin-left-n75px {
    margin-left: -75px !important;
}

.margin-left-5px {
    margin-left: 5px;
}

.gray-line {
    background-color: #424242;
}

.border-top-white {
    border-top: 1.5px solid #fff;
}

.account-background {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    /*background-color: !important;*/
    background-image: url('../Images/backgroundloginpic.png');
    min-height: 580px !important;
    height: 100vh !important;
    background-size: cover;
}

.account-background-ecommerce {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    /*background-color: #62b0e8 !important;*/
    min-height: 580px !important;
    background-image:url(../Images/Shopify/background.png);
    background-repeat:no-repeat;
    background-size:cover;
    height:100vh;
}

.step-line-image{
    background-image:url(../Images/Shopify/step1.png);
    display: block;
    height: 75px;
    background-repeat: no-repeat;
    margin-left: 8px;
}

.height-100px {
    height: 100px !important;
}

.border-form {
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    border-color: #61b0e8;
    height: 32px;
    /* font-size: 16px; */
    padding: 3px;
}

.border-form-registeration {
    border: 1px solid #49a8ea;
    height: 40px;
    padding: 10px;
    border-radius: 5px;
}

.alert-transparent {
    background-color: transparent;
    border: none;
    padding: 0 0 20px 0;
    position: relative;
    margin: 0 -15px;
}

    .alert-transparent img {
        min-width: 100% !important;
    }

    .alert-transparent .close {
        position: absolute;
        width: 27px;
        height: 26px;
        background-color: #fff !important;
        color: #000;
        top: 20px;
        right: 50px;
        text-align: center;
        z-index: 99999999999;
        font-size: 25px;
        font-weight: 900;
        padding-bottom: 1.5px;
        opacity: 1;
        border-radius: 50%;
    }

    .alert-transparent .btn-firstUser {
        position: absolute;
        bottom: 40px;
        right: 30%;
        width: 250px;
        border: none;
    }

    .alert-transparent .close span {
        margin-right: 0;
    }

.registeration-model {
    padding: 1%;
    border-radius: 7px;
}

.height-200px {
    height: 200px !important;
}

.height-133px {
    height: 133px;
}

.register-links {
    position: relative;
}

register-links-login {
    position: relative;
    height: 470px;
}

.register-links .new-register {
    position: absolute;
    bottom: 10px;
    height: 50px;
    background-color: #103591;
}

.register-links .new-register-log {
    position: relative;
    bottom: 0;
    height: 50px;
    background-color: #FFFFFF;
}

.register-links .new-register-log-ecommerce {
    position: relative;
    bottom: 0;
    height: 50px;
    /*background-color: #103591;*/
}

/*.register-links-login .new-register {
        position: absolute;
        bottom: 10px;
        height: 50px;
        background-color: #103591;
    }*/

.register-links .border-end-account {
    position: absolute;
    bottom: 0;
}

.forget-password-link {
    position: absolute;
    left: 38%;
    bottom: -49%;
    font-size: 13px;
}
/*.register-links-login .border-end-account {
        position: absolute;
        bottom: 0;
    }*/

.register-links .alert {
    margin-bottom: 8px;
}

#alert_placeholder .alert {
    margin-bottom: 0;
}

.height-155px {
    height: 155px;
}

.legendmodeule {
    min-width: 225px;
    float: right;
    display:table;
    padding-top: .5%;
}

.legenditem {
    /* width:30%; */
    display: table-cell;
    padding: 2px;
}
.legend-row{
    display: table-row;
}

.login-info {
    margin-top: 0;
    display: block;
    overflow: auto;
    border-radius: 10px;
}

.login-info-without-border-radius {
    margin-top: 0;
    display: block;
    overflow: auto;
}

.shopify-login-info {
    padding: 20px 0 0 0;
    display: block;
    overflow: auto;
    border-radius: 10px;
    margin-top: 0 !important;
}

.regular-login-info {
    padding: 10px 0 0 0;
    display: block;
    overflow: auto;
    border-radius: 10px;
    margin-top: 0 !important;
}

.regular-login-info-without-border-radius{
    padding: 10px 0 0 0;
    display: block;
    overflow: auto;
    border : 2px solid #56badb;
    margin-top: 0 !important;
    border-radius : 0px;
}

.login-info2 {
    margin-top: -7%;
    height: 459px;
    border-radius: 10px;
}

.legendColor {
    width: 20px;
    padding: 1%;
    float: left;
}

.legendinfo {
    float: left;
    background: #e9eae6;
    color: #99a3b9;
}

.workflow-tersa {
    font-size: 105px;
    margin-top: 6%;
}

.workflow-remove {
    float: right;
    margin-top: 3%;
    color: lightgray;
}

.light-blue {
    background-color: #49a8ea !important;
}

.font-lightblue-underline {
    color: #49a8ea;
    text-decoration: underline;
}

.light-grey {
    background-color: #e9eae6 !important;
}

span.accountDealStep {
    background: #cccccc;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 5px;
    text-align: center;
    width: 1.6em;
}

.blue {
    background-color: #49a8ea ;
}

.btn-blue {
    background-color: #61b0e8 ;
    color: #fff;
}

.btn-blue {
    background-color: #61b0e8 ;
    color: #fff;
}

.registration-page {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    background-image: url('../Images/backgroundloginpic.png');
    background-position: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    width: 100vw;
}

.login-machine-respon{
    max-width: 100%;
    display: block;
    height: auto;
    margin-top:10px;
}

.font-green-lato {
    /*font-weight: bolder;*/
    color: #0fd676;
    font-family: 'Lato';
}

.btn-color-green {
    background-color: #0fd676;
}

.font-black-lato {
    font-family: 'Lato';
    color: #04386d;
}

.font-lato {
    font-family: 'Lato';
}

.font-lato-304559 {
    font-family: 'Lato';
    color: #304559;
}

.btn-success-registraion {
    background-color: #f94848;
    font-size: 15px;
}

    .btn-success-registraion:hover {
        background-color: darkred;
    }

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-bolder {
    font-weight: bolder !important;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-size-16px {
    font-size: 16px !important;
    font-weight: 500;
}
.font-size-16 {
    font-size: 16px !important;
}

.font-weight-lighter-size-18 {
    font-size: 18px;
    font-weight: lighter;
}

.font-weight-300-size-18 {
    font-size: 18px;
    font-weight: 300;
}

.height-95px {
    height: 95px;
}

.height-60px {
    height: 60px;
}

.register-info h2 {
    color: #fff;
}

.btn-plus {
    background-color: #61B0E8;
    border-right: 1px solid #04386D;
    border-left: none;
    border-top: none;
    border-bottom: none;
    color: #fff;
    padding: 9px;
}

    .btn-plus.active, .btn-plus:hover, .btn-plus:focus {
        background-color: #04386D;
        border-right: 1px solid #61B0E8;
        color: #fff;
    }

.btn-orange {
    background-color: #fa4848;
}

.ArrowClass {
    margin-top: 22px;
    margin-left: -27px;
}

.sales-funnel-deal-block{
    margin-left:-4% !important;
    width:16% !important;
}

.arrow-sales-text {
    color: #04386d;
    font-size: 14px;
    font-weight: 600;
    max-width: 50px;
    word-wrap: break-word;
}

.arrow-sales-label {
    background-image: url("../Images/deal-funnel-arrow.png");
    position: absolute;
    z-index: 10;
    display: inline-block;
    background-position-x: center;
    width: 50%;
    height: 70%;
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    padding-top: 1.5%;
}


.loaderimg {
    display: block !important;
    position: fixed;
    top: 101px;
    z-index: 10000;
    width: 100%;
    height: 5px;
    background: yellow;
    -webkit-animation: super-rainbow 5s infinite alternate ease-out;
    -moz-animation: super-rainbow 5s infinite alternate ease-out;
}

@-webkit-keyframes super-rainbow {
    0% {
        background: red;
    }

    20% {
        background: orange;
    }

    40% {
        background: yellow;
    }

    60% {
        background: green;
    }

    80% {
        background: blue;
    }

    100% {
        background: violet;
    }
}

@-moz-keyframes super-rainbow {
    0% {
        background: red;
    }

    20% {
        background: orange;
    }

    40% {
        background: yellow;
    }

    60% {
        background: green;
    }

    80% {
        background: blue;
    }

    100% {
        background: violet;
    }
}

.panel.filter-panel2 > .panel-heading {
    color: #000;
    background-color: #fff;
    border: none;
}

.loadingbar {
    display: none;
    position: fixed;
    top: 0px;
    z-index: 10000;
    width: 100%;
    height: 4px;
    z-index: 99999;
}

.loading_contacts {
    display: none;
    position: absolute;
    top: 30%;
    z-index: 99999999999999;
    font-size: 20px;
    left: 42%;
}

#groupmembers-list {
    min-height: 400px;
}

.loadingbar .bar {
    position: absolute;
    width: 100%;
    height: 0;
    text-indent: -9999px;
    background-color: #23b7e5;
}

    .loadingbar .bar:before {
        position: absolute;
        right: 50%;
        left: 50%;
        height: 4px;
        background-color: inherit;
        content: "";
    }

.loadingbar.active {
    -webkit-animation: changebar 2.25s infinite 0.75s;
    -moz-animation: changebar 2.25s infinite 0.75s;
    animation: changebar 2.25s infinite 0.75s;
}

    .loadingbar.active .bar {
        -webkit-animation: changebar 2.25s infinite;
        -moz-animation: changebar 2.25s infinite;
        animation: changebar 2.25s infinite;
    }

        .loadingbar.active .bar:before {
            -webkit-animation: movingbar 0.75s infinite;
            -moz-animation: movingbar 0.75s infinite;
            animation: movingbar 0.75s infinite;
        }

.contact_addon {
    background-color: #fff;
    border-left: 1px solid #49a8ea !important;
    border-top: 1px solid #49a8ea !important;
    border-bottom: 1px solid #49a8ea !important;
    color: #008cba !important;
}
/*Moving bar*/

@-webkit-keyframes movingbar {
    0% {
        right: 50%;
        left: 50%;
    }

    99.9% {
        right: 0;
        left: 0;
    }

    100% {
        right: 50%;
        left: 50%;
    }
}

@-moz-keyframes movingbar {
    0% {
        right: 50%;
        left: 50%;
    }

    99.9% {
        right: 0;
        left: 0;
    }

    100% {
        right: 50%;
        left: 50%;
    }
}

@keyframes movingbar {
    0% {
        right: 50%;
        left: 50%;
    }

    99.9% {
        right: 0;
        left: 0;
    }

    100% {
        right: 50%;
        left: 50%;
    }
}

/*change bar*/

@-webkit-keyframes changebar {
    0% {
        background-color: #0fd676;
    }

    33.3% {
        background-color: #23b7e5;
    }

    33.33% {
        background-color: #fad733;
    }

    66.6% {
        background-color: #fad733;
    }

    66.66% {
        background-color: #7266ba;
    }

    99.9% {
        background-color: #7266ba;
    }
}

@-moz-keyframes changebar {
    0% {
        background-color: #0fd676;
    }

    33.3% {
        background-color: #23b7e5;
    }

    33.33% {
        background-color: #fad733;
    }

    66.6% {
        background-color: #fad733;
    }

    66.66% {
        background-color: #7266ba;
    }

    99.9% {
        background-color: #7266ba;
    }
}

@keyframes changebar {
    0% {
        background-color: #0fd676;
    }

    33.3% {
        background-color: #23b7e5;
    }

    33.33% {
        background-color: #fad733;
    }

    66.6% {
        background-color: #fad733;
    }

    66.66% {
        background-color: #7266ba;
    }

    99.9% {
        background-color: #7266ba;
    }
}

.accordion-files-panel-heading {
    color: #333333;
    background-color: #f5f5f5 !important;
    border-color: #dddddd !important;
}

.panel.filter-panel2 > .panel-body {
    background-color: #fff;
}

    .panel.filter-panel2 > .panel-body > form > .nav-tabs > li.active > a, .panel.filter-panel2 > .panel-body > form > .nav-tabs > li.active > a:hover, .panel.filter-panel2 > .panel-body > form > .nav-tabs > li.active > a:focus {
        background-color: #61b0e8 !important;
        border: 1px solid transparent;
    }

    .panel.filter-panel2 > .panel-body > form > .nav-tabs {
        padding-left: 10%;
        border: none;
    }

        .panel.filter-panel2 > .panel-body > form > .nav-tabs > li > a {
            margin-right: 1px;
            background-color: #61b0e8;
            color: #fff !important;
        }

.panel.filter-panel > .panel-heading {
    color: #fff;
    background-color: #61b0e8;
    border: none;
}

.panel.filter-panel > .panel-body {
    background-color: #61b0e8;
}

    .panel.filter-panel > .panel-body > form > .nav-tabs > li.active > a, .panel.filter-panel > .panel-body > form > .nav-tabs > li.active > a:hover, .panel.filter-panel > .panel-body > form > .nav-tabs > li.active > a:focus {
        background-color: #3b539b !important;
        border: 1px solid transparent;
    }

    .panel.filter-panel > .panel-body > form > .nav-tabs {
        padding-left: 10%;
        border: none;
    }

        .panel.filter-panel > .panel-body > form > .nav-tabs > li > a {
            margin-right: 1px;
            background-color: #fff !important;
        }

i.leads-icon {
    background-image: url(..//css/images//leadsicon.png);
}

i.leadsdarkicon {
    background-image: url(..//css/images//leadsdarkicon.png);
}

i.addlead {
    background-image: url(..//css/images//addlead.png);
}

.text-warning-blue {
    color: #04386d ;
}

.red {
    color: red;
}

.dark-blue {
    background-color: #04386d ;
}

.dark-blue {
    background-color: #04386d ;
}

.light-orange {
    background-color:#49a8ea;
}

.light-orange-text {
    color: #f38e35 !important;
}

.dark-orange {
    background-color:#fa4848 ;
}

.bright-red {
    background-color: #f94848;
}

.btn-primary-dark-blue {
    background-color: #04386d ;
    color: #fff;
}

    .btn-primary-dark-blue:hover, .btn-primary-dark-blue:focus, .btn-primary-dark-blue:active {
        background-color: #49a8ea ;
        color: #fff;
    }

.btn-hover-light-blue {
    padding: 0;
}

.background-lightgray22:hover {
    background-color: #49a8ea ;
}

.btn-hover-light-blue:hover {
    background-color: #49a8ea;
}

.a-hover-white:hover {
    background-color: #ffffff;
    color: #04386d;
}

.a-hover-red {
    /*background-color: red;*/
    color: yellow;
}

    .a-hover-red:hover {
        background-color: #ffffff;
        color: #04386d;
    }

.finishedTask {
    text-decoration: line-through;
    color: #aaa;
}
.segment-alert-icon {
    float: left;
}
.segment-added-by{
}
#advanced_search {
    font-size: 16px;
    padding-top: 17px;
    font-weight: 500;
}
span#search_span .search-button {
    height: 40px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: rgba(255, 255, 255, 0.35);
}
#search_span i {
        position: relative;
    
    bottom: 2px;
}

.search-text :focus {
    border-color: #66afe9;
    outline: 0;
}

.search-text {
    display: block;
    /*width: 300px;*/
    height: 26px;
    padding: 8px 12px;
    font-size: 16px;
    line-height: 1.4;
    color: #6f6f6f;
    background-color: #ffffff;
    background-image: none;
    margin: 0;
    border: 0;
    border-radius: 0;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
    /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
    /* -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; */
    /*-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
    /* transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; */
}



/* Dashboard start Fawy*/
.dashboardSingleSlot {
    border-right-width: 1px;
    border-style: solid;
    border-left: 0px;
    border-bottom: 0px;
    border-top: 0px;
    padding-right: 0px;
    width: 20%;
    float: left;
    height: 248px;
    position: relative;
}

.width-80 {
    width: 80%;
    padding: 1%;
    float: left;
}

.margin-top-20-per {
    margin-top: 20%;
}

.margin-top-16 {
    margin-top: 16%;
}

.margin-top-14 {
    margin-top: 14%;
}

.margin-top-12 {
    margin-top: 12%;
}
.margin-top-12px {
    margin-top: 12px;
}
.slotHeader {
    padding-top: 7%;
    color: gray;
    margin-left: 39px;
}

.slotLinks {
    height: 155px;
}

    .slotLinks a {
        color: #119bff;
    }

    .slotLinks h2 {
        color: #0693ce;
        font-size: 44px;
    }

    .slotLinks h5 {
        color: #119bff;
    }

.slotStatusBox {
    background-color: #188ee4;
    position: absolute;
    bottom: 0px;
    right: 0px;
    text-align: center;
}

    .slotStatusBox h4 {
        color: #fff;
    }

.slotparagragh {
}

    .slotparagragh p {
        font-size: 13px;
    }

.slotsParent {
}

.virticalbar-top {
    width: 50%;
    height: 76px;
    border-style: solid;
    border-width: 2px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-bottom-style: initial;
}

.virticalbar-body {
    width: 50%;
    height: 76px;
    border-style: solid;
    border-width: 2px;
    border-top-style: initial;
    border-bottom-style: initial;
}

.virticalbar-end {
    width: 50%;
    height: 76px;
    border-style: solid;
    border-width: 2px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-top-style: initial;
}

.virticalbar-0 {
    text-align: right;
    margin-top: -5%;
}

.from-0-to-20-color {
    background-color: #f4762c !important;
}

.from-20-to-40-color {
    background-color: #ebbe25 !important;
}

.from-40-to-60-color {
    background-color: #8fea23 !important;
}
.background-blue {
    background: #49a8ea;
}
.order-details-link {
    font-weight: 700;
    line-height: 38px;
    text-decoration: underline;
}
.height-160px {
    height: 160px;
    padding: 2%;
}

.height-56px {
    height: 56px;
}

.position-absolute-padding0 {
    position: absolute;
    bottom: 0px;
}

.from-60-to-80-color {
    background-color: #2aea25 !important;
}

.paragragh-margin {
    padding: 1%;
    margin-top: 18%;
}

.cutome-tb-head {
    background-color: #2ec456 !important;
}



    .cutome-tb-head tr td {
        border: 1px solid #cccccc;
    }





.from-80-to-100-color {
    background-color: #2ec456 !important;
}

.completeProfile-links {
    color: #119bff;
}

.color-100 {
    color: #2ec456;
}

.color-80 {
    color: #2aea25;
}

.color-60 {
    color: #8fea23;
}

.color-40 {
    color: #ebbe25;
}

.color-20 {
    color: #f4762c;
}

.color-0 {
    color: #e01904;
}

/* Dashboard end */
.first-funnel-arrow {
}

.internal-label {
    font-weight: 600;
    color: #61B0E8;
    font-size: 15.5px;
}

.first-funnel-arrow .first-salesArrow {
    width: 76%;
    height: auto;
    position: absolute;
    left: -32px;
    z-index: 100;
    top: 40px;
}

.first-funnel-arrow .first-arrow-sales-label {
    position: absolute;
    left: -24px;
    top: 48px;
    z-index: 100;
    color: #04386d;
    font-size: 14px;
    font-weight: 600;
}

.funnel-box {
    width: 20%;
    float: left;
    padding: 2% 2.5%;
    padding-top:0px;
}

.background-white {
    background-color: #fff !important;
}
/*.font-color-SignUpPage{
color:#2d3e50;
    }*/

.font-weight-600 {
    font-weight: 600;
}

.font-size-22 {
    font-size: 22px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-25 {
    font-size: 25px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-52 {
    font-size: 52px;
}

.font-size-17 {
    font-size: 17px;
}

.font-size-43 {
    font-size: 43px;
}

.envelop-img {
    bottom: auto;
    /*top: 90px;*/
}

.margin-top-12-5 {
    margin-top: 12.5%;
}

.margin-top-24 {
    margin-top: 24%;
}

.margin-top-23-8 {
    margin-top: 23.8%;
}

.margin-top-4-5 {
    margin-top: 4.5%;
}

.margin-top-2 {
    margin-top: 2%;
}

/*.margin-top-5{
margin-top: 2%;
}*/

.margin-top-5 {
    margin-top: 5%;
}

.border-box-shadow {
    box-shadow: 5px 10px 1px #757575;
}

.margin-top-negative-80 {
    margin-top: -80px;
    height: 650px;
}

.margin-top-negative-80-height-full {
    margin-top: -80px;
    min-height: 665px;
    height: auto;
}

.font-size-30 {
    font-size: 30px;
}
.font-size-28{
    font-size:28px;
}
.font-size-31 {
    font-size: 31px;
}

.font-size-32 {
    font-size: 32px;
}
.font-bolder {
    font-weight: bolder;
}

.login-header {
    color: #62b0e8;
}

.Email-textbox {
    background-attachment: initial;
    background-position: 2% 51%;
    margin-top: 6%;
    height: 66px;
    border-radius: 10px;
    border: 1px solid #49a8ea;
    margin-bottom: 6%;
}

.Email-textbox-login-page {
    background-attachment: initial;
    background-position: 2% 51%;
    margin-top: 6%;
    height: 66px;
    border: 1px solid #49a8ea;
    margin-bottom: 6%;
    text-align : center;
    border-radius: 0px;
    border-bottom: 1px solid #7c7f88;
    border-left :none;
    border-right : none;
    border-top : none;
    width:100%;
}
.Email-textbox-login-page:focus{
    border-bottom:1px solid #56badb;
}

.Lock-textbox {
    background-image: url(../Images/lock.png);
    background-repeat: no-repeat;
    padding-left: 41px;
    background-attachment: initial;
    background-position: 2% 51%;
    height: 66px;
    border-radius: 10px;
    border: 1px solid #d2d2d2;
    margin-bottom: 3%;
}

.Lock-textbox-login-page {
    /*background-image: url(../Images/lock.png);*/
    background-repeat: no-repeat;
    background-attachment: initial;
    background-position: 2% 51%;
    border-radius: 0px;
    border-bottom: 1px solid #7c7f88;
    border-left :none;
    border-right : none;
    border-top : none;
    margin-bottom: 3%;
    text-align : center;
    width:100%;
}

.Lock-textbox-login-page:focus{
    border-bottom: 1px solid #56badb !important;
}

.Lock-textbox-login {
    background-image: url(../Images/lock.png);
    background-repeat: no-repeat;
    padding-left: 41px;
    background-position: 2% 51%;
    border: 1px solid #62b0e8;
}

.change-mail-button {
    padding: 11px 9px;
}

.background-black {
    background-color: #32353d;
}

.background-light-blue {
    background-color: #7ac0e7;
}

.margin-right-n2px {
    margin-right: -2px;
}

.rounded-border3 {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

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

.border-bottom-light-gray {
    border-bottom: 2px solid #424242;
}

.border-bottom-blue {
    border-bottom: 5px solid #0693ce;
}

.border-bottom-black {
    border-bottom: 1px solid #000;
}

.border-right-black {
    border-right: 1px solid #000;
}

.border-right-gray {
    border-right: 1px solid #cccccc;
}

.border-bottom-gray {
    border-bottom: 1px solid #cccccc;
}

.border-top-lightgray {
    border-top: 1px solid #dddddd;
}

.border-top-gray {
    border-top: 1px solid #cccccc;
}

.border-left-gray {
    border-left: 1px solid #cccccc !important;
}

.border-bottom-black {
    border-bottom: 1px solid #000;
}

.campaign-box-openLabel {
    color: #49a8ea;
    font-size: 13px;
    line-height: 22px;
}

.campaign-box-perncentage {
    color: #49a8ea;
    font-size: 16px;
    font-weight: 400;
}

.white-font {
    color: #fff !important;
}

.white-blue {
    color: #0693ce !important;
}

.upper-right-menu{
    z-index:1001;
    margin-left:-56%;
}
.upper-right-menu-item {
    padding: 0 !important;
}

.upper-right-menu li.divider {
    padding: 0;
    margin: 0;
}

.upper-right-menu-item a {
    
}

    .upper-right-menu-item a i {
        margin-right: 5px;
    }

    .upper-right-menu-item a:hover {
        
    }

button.btn-color-green:hover {
    background-color: #00b16a !important;
}

.a-hover-blue {
    color: blue;
    text-decoration: underline;
}

    .a-hover-blue:hover {
        color: blue;
        text-decoration: underline;
    }

    .a-hover-blue:visited {
        text-decoration: underline;
        color: blue;
    }

.tt-dropdown-menu {
    padding:0;
    /*text-align: left !important;*/
}

#SendMailModel .tt-dropdown-menu {
    width: 360px;
}
/*#SendMailModel  .twitter-typeahead {
    width: 100% !important; 
}*/
#SendMailModel .suggest-option:hover{
    padding: 6px;
}
#SendMailModel .suggest-option:hover{
    background-color: #c9cece !important;
}

.white-font:hover, white-font:focus {
    color: #fff ;
}

.red-font {
    color: #f94848 ;
}


    .red-font:hover, red-font:focus {
        color: #f94848 !important;
    }

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

.border-blue-2px {
    border: 2px solid #0693ce;
}

.border-blue-left-2px {
    border-left: 2px solid #0693ce;
}

.border-gray-bottom-1px {
    border-bottom: 1px solid #cccccc;
}

.border-black-8px {
    border: 8px solid #04386d;
}

.border-black3-8px {
    border-right: 8px solid #04386d;
    border-bottom: 8px solid #04386d;
    border-top: 8px solid #04386d;
    border-left: none;
}


.border-blue {
    border: 3px solid #0693ce;
}

.background-lightgray {
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
}

.background-lightgray2 {
    background-color: #c9cece !important;
}

.background-lightgray22 {
    background-color: #c9cece !important;
}

.background-input-gray {
    background-color: #d2d2d2;
    color: #000;
}

.font-bold-400 {
    font-weight: 400;
}

.funnelreportborder {
    border-bottom: 1px;
    border-bottom-style: groove;
}

.font-bold-14 {
    font-size: 14px;
    font-weight: bold;
}

.font-bold-16 {
    font-size: 16px;
    font-weight: bold;
}

.font-bold-18 {
    font-size: 18px;
    font-weight: bold;
}

.font-bold-25 {
    font-size: 25px;
    font-weight: bold;
}

.font-bold-30 {
    font-size: 30px;
    font-weight: bold;
}

.font-normal-30 {
    font-size: 30px;
}

.font-bold-20 {
    font-size: 20px;
    font-weight: bold;
}

.font-normal-18 {
    font-size: 18px;
    font-weight: normal;
}

.font-normal-25 {
    font-size: 25px;
    font-weight: normal;
}

.text-lightgreen {
    color: #00baa3;
}

.light-green {
    background-color: #0fd676 !important;
}

.light-greenColor {
    color: #0fd676 !important;
}

.redColor {
    color: red !important;
}

.dark-green {
    background-color: #00b16a !important;
}

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

.rounder-div {
    height: 70px;
    width: 70px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    background-color: #0693ce;
    color: #fff;
    padding-left: 17px;
    padding-top: 10px;
    top: -15px;
    left: 0;
    z-index: 100;
    position: absolute;
}

.deal-tabs {
    border-bottom: 2px solid #61b0e8;
    border-left: 1px solid #61b0e8;
}

    .deal-tabs li.active {
        float: left;
        margin-bottom: -2px;
    }

    .deal-tabs li {
        margin-bottom: -2px;
    }

    .deal-tabs > li > a {
        border-bottom: none;
        border-left: none;
        border-top: 1px solid #49a8ea;
        border-right: 1px solid #49a8ea;
        background-color: #49a8ea;
        color: #fff;
    }


        .deal-tabs > li > a:hover {
            border-bottom: none;
            border-left: 1px solid #0693ce;
            border-top: 1px solid #0693ce;
            border-right: 1px solid #0693ce;
            background-color: #fff !important;
            color: #49a8ea;
        }

    .deal-tabs > li.active > a {
        border-bottom: none;
        border-left: 1px solid #0693ce;
        border-top: 1px solid #0693ce;
        border-right: 1px solid #0693ce;
        background-color: #fff !important;
        color: #000 !important;
        margin-bottom: -2px;
    }

        .deal-tabs > li.active > a:hover, .deal-tabs > li.active > a:focus {
            border-bottom: none;
            border-left: 1px solid #0693ce;
            border-top: 1px solid #0693ce;
            border-right: 1px solid #0693ce;
            background-color: #fff !important;
            color: #0693ce;
        }


.contact-tabs {
    border-bottom: 3px solid #dddddd;
}

    .contact-tabs li {
        margin-bottom: 1px !important;
    }

        .contact-tabs li.active {
            float: left;
            border: none;
            /*margin-bottom: -2px;*/
        }

    .contact-tabs > li > a {
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        border-color: transparent !important;
        background-color: #49a8ea !important;
        color: #fff !important;
        margin-bottom: -4px;
        margin-right: 0 !important;
    }


        .contact-tabs > li > a:hover, .contact-tabs > li > a:focus, .contact-tabs > li > a:active {
            border-left: none !important;
            border-right: none !important;
            border-top: none !important;
            border-color: transparent !important;
            background-color: #faf9f7 !important;
            color: #49a8ea !important;
            border-bottom: 4px solid #faf9f7 !important;
        }

    .contact-tabs > li.active > a {
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        border-color: #faf9f7 !important;
        border-bottom: 4px solid #faf9f7 !important;
        background-color: #faf9f7 !important;
        color: #49a8ea !important;
        margin-bottom: -4px;
    }



.background-silk {
    background-image: url(../Images/selkresized.png);
    background-color: transparent !important;
    background-repeat: repeat-y;
    margin-left: -35px;
    min-height: 430px;
    /*max-width: 60px;*/
}

.filters-list-group {
    padding: 0;
    margin-bottom: 0;
}

    .filters-list-group li {
        border-right: none;
        border-left: none;
        font-size: 14px;
        font-weight: bold;
        padding: 7px 20px;
    }

#accordion.panel-group, #mail-accordion.panel-group {
    margin-bottom: 0;
}


    #accordion.panel-group .panel + .panel, #mail-accordion.panel-group .panel + .panel {
        margin-top: 0;
    }

#accordion > .panel-default > .panel-heading, #mail-accordion > .panel-default > .panel-heading {
    background-color: #fff;
    border-color: #dddddd;
}

    #accordion > .panel-default > .panel-heading > .panel-title, #mail-accordion > .panel-default > .panel-heading > .panel-title {
        font-size: 14px;
        font-weight: bold;
    }

.font-14px {
    font-size: 14px !important;
    font-weight: normal !important;
}

.silk-tabnav {
    margin-left: 1px !important;
}

.font-white {
    color: #fff;
}

.font-green {
    color: #13cab3;
}

.dashboard-sales-font {
    color: #a9a9a9;
    font-size: 15px;
    text-align: center;
}

    .dashboard-sales-font td {
        border: 1px solid #dddddd;
    }

.font-gray {
    color: #a09797;
}
.font-size-13-gray{
    font-size:13px;
    color: #a09797;
        line-height: 23px;
}
.padding-left-4px{
    padding-left:4px !important;
}
.left-60px{
    left: 60px;
}
.padding-left-50px{
    padding-left:50px;
}
.padding-left-45px{
    padding-left:45px;
}

.padding-right-45px{
    padding-right:45px;
}
.date-text {
    font-size: 12px !important;
    padding: 5px 2px !important;
    /*width: 60px;*/
}

.silk-tabletr th {
    border-bottom-width: 1px ;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 8px ;
}

.silk-tabletd td {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 8px ;
}

    .silk-tabletd td i {
    }

    .silk-tabletd td:first-child {
        border-left: none;
    }

    .silk-tabletd td:last-child {
        border-right: none;
    }

.tabs-right {
    border-left: none ;
}

li.silk-tabnav > a {
    border: none ;
    background-color: #0693ce;
    padding: 7px 5px;
    color: #fff ;
}

    li.silk-tabnav > a i {
        display: block;
        text-align: center;
        padding-top: 5px;
    }

.fa-meeting-white {
    height: 22px;
    width: 24px;
    background-image: url('..//css/images//tasksmeeting.png');
    background-repeat: no-repeat;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.fa-meeting {
    height: 30px;
    width: 24px;
    background-image: url('..//css/images//tasksmeetingdark.png');
    background-repeat: no-repeat;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

/*.twitter-typeahead{
    width:auto !important;
}*/

.fa-meeting-contact-darkblue {
    width: 10px;
    height: 17px;
    display: inline-block;
    background-image: url('..//css/images//meetingdarkblue.png');
}

.fa-meeting-small {
    background-size: contain;
    height: 15px;
    width: 12px;
    background-position-x: left;
    margin-left: 2px;
    margin-right: 0px;
}

.text-black {
    color: #000;
    font-weight: bold;
}

.background-transparent {
    background-color: transparent !important;
}

.grey-placholder::-moz-placeholder {
    color: #9095aa;
}

.grey-placholder:-moz-placeholder {
    color: #9095aa;
}

.grey-placholder:-ms-input-placeholder {
    color: #9095aa;
}

.grey-placholder:-ms-input-placeholder {
    color: #9095aa;
}

.grey-placholder::-webkit-input-placeholder {
    color: #9095aa;
}

.grey-login-placeholder::-moz-focus-inner{
   color : #7c7f88;
}

.gray-login-forgotpassword{
    color : #a2a5ab;
    margin-bottom:10px;
}

.margin-bottom-25px{
    margin-bottom:25px;
}

.max-width-300{
    max-width:300px !important;
}

.margin-top-20pxn{
    margin-top:-20px;
}

.lightblue-login-learnmore{
    border : 2px solid #56badb;
    border-radius :20px;
    font-weight:normal;
    padding-right : 10px;
    padding-left: 10px;
    margin-right: -45px;
    color:#56badb;
}

.darkgray-placholder:-ms-input-placeholder {
    color: #424242;
    font-weight: 400;
}

.darkgray-placholderrequired:-ms-input-placeholder {
    color: #424242;
    font-weight: 400;
}


.darkgray-placholder.required::-webkit-input-placeholder {
    font-weight: 800;
}

.darkgray-placholder.required::-moz-placeholder {
    font-weight: 800;
}

.darkgray-placholder.required:-ms-input-placeholder {
    font-weight: 800;
}

.darkgray-placholder.required::-webkit-input-placeholder {
    font-weight: 800;
}

.upper-right-menu {
}
/* padding , margin and minimum height*/

.min-height-70px {
    min-height: 70px;
}
.display-table-width100 {
    display: table;
    width: 100%;
}
.dipslay-cell-align-middle {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.min-height-80px {
    min-height: 80px;
}
.min-height-40px {
    min-height: 40px;
}
.min-height-30px {
    min-height: 30px;
}

.height-22px {
    height: 22px;
}

.min-height-20px {
    height: 20px;
}

.min-max-height-32px {
    min-height: 32px;
    max-height: 32px;
}

.list-avatar {
    max-height: 50px;
    min-height: 50px;
    min-width: 60px;
    max-width: 60px;
}

.profile-avatar {
    max-height: 170px;
    min-height: 170px;
    min-width: 100%;
    max-width: 100%;
}


.max-width-50perc {
    min-width: 50% !important;
}

.min-height-450px {
    min-height: 450px;
}

.min-max-height-40px {
    
    height: 25px;
    width: 25px;
}

.height-44px
{
    height: 44px !important;
}
.min-max-height-only-40px {
    min-height: 40px;
    max-height: 40px;
}

.nav-item-blue-background {
    background-color: #0693ce !important;
}

.min-max-height-53px {
    min-height: 53px;
    max-height: 53px;
    max-width: 55px !important;
    min-width: 55px;
}

.min-max-width-height-55px {
    min-height: 55px;
    max-height: 55px;
    max-width: 55px !important;
    min-width: 55px;
}

.min-max-width-height-50px {
    min-height: 50px;
    max-height: 50px;
    max-width: 50px !important;
    min-width: 50px;
}
.height-50px{
    height:50px !important;
}
.min-max-height-width-30px {
    min-height: 30px;
    max-height: 30px;
    min-width: 30px;
    max-width: 30px;
}

.min-max-height-width-8070px {
    min-height: 80px;
    max-height: 80px;
    min-width: 70px;
    max-width: 70px;
}

height-per110 {
    height: 110%;
}

.parent-toheight {
    /*overflow: hidden;*/
    position: relative;
}

.parent-toheight2 {
    position: relative;
}

.child-toheight1 {
    height: 100%;
    position: absolute;
}

.child-toheight11 {
    height: 100%;
    left: 8.33333333%;
}

.padding-left-0px {
    padding-left: 0px;
}

.padding-left-9px{
    padding-left: 9px;
}

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

.width-97per {
    width: 97% !important;
}

.width-96per {
    width: 96%;
}

.padding-top-20px {
    padding-top: 20px !important;
}
.padding-top-6px {
    padding-top: 6px !important;
}
.total_sales_block{
    padding-left: 0px; padding-right: 7px; padding-bottom:2%;
}

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

.padding-top-35px {
    padding-top: 35px !important;
}

.padding-top-2per {
    padding-top: 2%;
    /*background-color : #0c162c;*/
}


.public-header-logo-container{
    padding-top: 2%;
    background-color : #0c162c;
}
.public-header-logo {
    padding-left : 70px;
    margin-top: -10px;
    padding-bottom: 10px;
}

.logo-resize{
    width:170px;
    height:auto;
}



.padding-left-20per {
    padding-left: 20%;
}

.padding-left-15per {
    padding-left: 15%;
}

.padding-left-18per {
    padding-left: 18%;
}

.padding-left-10per {
    padding-left: 10%;
}

.padding-right-10per {
    padding-right: 10%;
}

.padding-left-100px {
    padding-left: 100px;
}

.padding-top-5per {
    padding-top: 5%;
}

.padding-right-7px {
    padding-right: 7px;
}

.padding-right-50px {
    padding-right: 50px;
}


.padding-left-19per {
    padding-left: 19%;
}

.padding-right-25px {
    padding-right: 25%;
}

.padding-top-bottom-25px {
    padding-top: 25px;
    padding-bottom: 25px;
}

.margin-top-n5px {
    margin-top: -5px;
}

.padding-10px-20px {
    padding: 10px 20px !important;
}

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

.padding-top-0px {
    padding-top: 0px !important;
}
.padding-bottom-2px{
    padding-bottom: 2px;
}
.padding-bottom-10px {
    padding-bottom: 10px !important;
}
/*.padding-bottom-30px {
    padding-bottom: 30px;
}*/
.padding-bottom-2px-40px {
    padding: 2px 40px;
}

.padding-bottom-10px-30px {
    padding: 10px 30px;
}

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

.padding-20px {
    padding: 20px;
}
.padding-top-1per{
    padding-top:1% !important;
}
.padding-2px {
    padding: 2px;
}

.padding-3px {
    padding: 3px;
}

.padding-30px {
    padding: 30px;
}

.padding-35px {
    padding: 35px;
}

.padding-top-10px {
    padding-top: 10px !important;
}

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

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

.padding-top-15px {
    padding-top: 15px !important;
}

.padding-bottom-7px {
    padding-bottom: 7px;
}

.padding-bottom-20px {
    padding-bottom: 20px;
}

.padding-top-7px {
    padding-top: 7px !important;
}

.padding-top-5px {
    padding-top: 5px;
}


.padding-top-5px {
    padding-top: 5px;
}

.chart-legend-green {
    width: 100%;
    height: 25px;
    background: #0fd676;
    margin-bottom: 5px;
}

.chart-legend-red {
    width: 100%;
    height: 25px;
    background: #f94848;
    margin-bottom: 5px;
}

.chart-legend-inprogress {
    width: 100%;
    height: 25px;
    background: #61b0e8;
    margin-bottom: 5px;
}

.square-green {
    width: 100%;
    height: 18px;
    background: #43ac6a;
}

.circle-green {
    width: 25px;
    height: 25px;
    background: #0fd676;
    border-radius: 50%;
}

.circle-green-15px {
    width: 15px;
    height: 15px;
    background: #0fd676;
    border-radius: 50%;
    border:1px solid white;
}
.height-3px
{
    height:3px;
}

.circle-padding {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10%;
    padding-right: 15px;
}

.square-red {
    width: 100%;
    height: 18px;
    background: #ea2f10;
}

.square-gray-google-calendar {
    width: 100%;
    height: 18px;
    background: #bbb;
}

.circle-red {
    width: 25px;
    height: 25px;
    background: #f94848;
    border-radius: 50%;
}

.square-inprogress {
    width: 100%;
    height: 18px;
    background: #61b0e8;
}

.circle-inprogress {
    width: 25px;
    height: 25px;
    background: #f8a441;
    border-radius: 50%;
}

.padding-bottom-5px {
    padding-bottom: 5px;
}

.padding-bottom-11px {
    padding-bottom: 11px;
}

.padding-bottom-15px {
    padding-bottom: 15px;
}

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

.line-height-37px {
    line-height: 37px !important;
}

.padding-12px {
    padding: 12px;
}

.padding-15px {
    padding: 15px;
}

.padding-16px {
    padding: 16px;
}
.margin-top-5px {
    margin-top: 5px !important;
}

.width-70per {
    width: 70%;
}

.DealsFunnelContainer {
    width: 73%;
}
.contact-action-btn-width{
    width: 70% !important;
}
.width-100per {
    width: 100%;
}

.width-150px {
    width: 150px;
}

.width-125px {
    width: 125px;
}

.width-175px {
    width: 175px !important;
}


.width-15per {
    width: 15%;
}
.width-155per {
    width: 155%;
}
.width-20per {
    width: 20% !important;
}
.z-index-max{
        z-index: 5123123;
}
.width-21per {
    width: 21%;
}

.width-23per {
    width: 23%;
}
.width-30per {
    width: 30%;
}
text-right-important {
    text-align: right !important;
}

.padding-left-5per {
    padding-left: 5%;
}

.addcontact-text {
    border-color: #748692;
    border-style: solid;
    border-width: 1px;
}
.addtaginfo {
    padding:2%;
}
.width-70px {
    width: 70px;
}

.width-80per {
    width: 80%;
}
.width-88per {
    width: 88%;
}
.width-60per {
    width: 60%;
}

.width-50per {
    width: 50%;
}

.width-55per {
    width: 55%;
}


.light-red {
    background-color: #f94848;
}

.margin-right-2px {
    margin-right: 2px;
}

.newAccount-login-page {
    background-color: #FFFFFF;
    color: #f38e35;
    width: auto;
    height : 30%;
    padding-top: 5px;
    border-radius : 0px;
    font-size: 15px;
    text-align  : center;
    margin-bottom:20px;
}

.newAccount {
    background-color: #f38e35;
    color: #fff;
    width: 100%;
    padding-top: 10px;
    font-size: 20px;
}

.newAccountModified {
    font-size: 18px;
    border-radius: 5px;
    width: 60%;
    color: #fff !important;
    height: 50px;
    padding-top: 10px;
    background-color: #f38e35;
}
.background-light-orange{
 background-color: #f38e35;
}
.newAccount-Ecommerce {
    /*background-color: #f38e35;*/
    /*color: #fff;*/
    width: 100%;
    padding-top: 10px;
    font-size: 14px;
}
.border-end-account-login-page {
    background-color: #FFFFFF;
    height: 10px;
}

.border-end-account {
    background-color: #103591;
    height: 5px;
}

/*.newAccount:hover {
    color: #fff !important;
}*/

.margin-right-15px {
    margin-right: 15px;
}

.margin-right-25px {
    margin-right: 25px;
}

.margin-right-23px {
    margin-right: 23px;
}

.margin-right-30px {
    margin-right: 30px;
}

.margin-right-20px {
    margin-right: 20px;
}

.margin-right-10px {
    margin-right: 10px;
}

.margin-right-5px {
    margin-right: 5px;
}

.padding-right-35px {
    padding-right: 35px;
}

.padding-left-7px {
    padding-left: 7px;
}

.padding-left-7Per {
    padding-left: 7%;
}

.margin-bottom-5px {
    margin-bottom: 5px;
}
.margin-bottom-n3per{
    margin-bottom:-3%;
}

.margin-left-n8px {
    margin-left: -8px;
}

.margin-left-n30px {
    margin-left: -30px;
}

.margin-left-right-5per {
    margin-right: 5%;
    margin-left: 5%;
}

.margin-left-right-10per {
    margin-right: 10%;
    margin-left: 10%;
}

.margin-left-right-20per {
    margin-right: 10%;
    margin-left: 10%;
}

.import-popup-margin {
    margin: 10px 15px;
}

.margin-left-41per {
    margin-left: 41%;
}

.margin-left-28per {
    margin-left: 28%;
}

.margin-left-30per {
    margin-left: 30%;
}
.margin-left-3-5per {
    margin-left: 3.5%;
}
.margin-left-31per {
    margin-left: 31%;
}

.margin-left-32per {
    margin-left: 32%;
}

.margin-left-26per {
    margin-left: 26%;
}

.margin-left-29per {
    margin-left: 29%;
}

.margin-left-25per {
    margin-left: 25%;
}

.margin-top-per10 {
    margin-top: 10%;
}

.margin-top-per5 {
    margin-top: 5%;
}

.min-height-990px {
    min-height: 990px;
}

.padding-left-right-18per {
    padding-right: 18%;
    padding-left: 18%;
}

.padding-left-right-15per {
    padding-right: 15%;
    padding-left: 15%;
}

.padding-left-right-3per {
    padding-right: 3%;
    padding-left: 3%;
}

.padding-left-right-2per {
    padding-right: 2%;
    padding-left: 2%;
}

.padding-left-right-20per {
    padding-right: 10%;
    padding-left: 10%;
}

.padding-left-right-5per {
    padding-right: 5%;
    padding-left: 5%;
}

.padding-left-right-3per-imp {
    padding-right: 5% !important;
    padding-left: 5% !important;
}

.padding-left-right-2per-imp {
    padding-right: 2% !important;
    padding-left: 2% !important;
}

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

.padding-top-bottom-5px {
    padding-top: 5px;
    padding-bottom: 5px;
}
.padding-top-1-2per{
    padding-top: .5% !important;
}
.save-popup-btn {
    padding-right: 30px !important;
    padding-left: 30px !important;
    border-radius: 5px;
    background-color: #0fd676;
    border: 1px solid #0fd676;
}

.save-btn-radius-5px {
    padding-right: 30px !important;
    padding-left: 30px !important;
    border-radius: 5px;
}

.select2-arrow .b {
    background-color: white;
}

.cancel-pop-btn {
    background-color: white !important;
    border: 1px solid #5F5353;
    border-radius: 5px;
}

.padding-right-15px {
    padding-right: 15px;
}

.padding-right-20px {
    padding-right: 20px;
}

.padding-right-10px {
    padding-right: 10px !important;
}

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

.padding-left-15px {
    padding-left: 15px;
}
.padding-left-12px {
    padding-left: 12px;
}
.padding-left-14px {
    padding-left: 14px;
}
.padding-left-20px {
    padding-left: 20px !important;
}

.padding-left-21px {
    padding-left: 21px;
}

.padding-left-25px {
    padding-left: 25px;
}

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

.padding-right-7px {
    padding-left: 7.5px;
}

.padding-left-7px {
    padding-left: 7.5px;
}

.max-width-253px {
    max-width: 253px;
}
.margin-left-0px {
    margin-left: 0px !important;
}
.margin-left-10npx {
    margin-left: -15px;
}

.margin-left-50npx {
    margin-left : -50px;
}

.margin-bottom-3px {
    margin-bottom: 3px;
}

.margin-right-0 {
    margin-right: 0;
}

.margin-0 {
    margin: 0;
}

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

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

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

.margin-bottom-top-0 {
    margin-bottom: 0;
    margin-top: 0;
}

.padding-3px-12px {
    padding: 3px 12px;
}

.padding-5px-12px {
    padding: 5px 12px;
}

.padding-5px-50px {
    padding: 5px 50px;
}
.padding-5px{
    padding: 5px;
}
.margin-top-n10px {
    margin-top: -10px !important;
}

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

.text-navy {
    color: #04386d;
}

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

.margin-top-10px {
    margin-top: 10px !important;
}
.light-grey-{
    color:#f1f1f1;
}
.margin-top-5px {
    margin-top: 5px ;
}


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

.text-navy {
}

.margin-top-17px {
    margin-top: 17px !important;
}

.margin-top-21px {
    margin-top: 21px !important;
}

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

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

.margin-top-n1per {
    margin-top: -1% !important;
}

.margin-top-per10 {
    margin-top: 10%;
}

.margin-top-bottom-3px {
    margin-top: 3px;
    margin-bottom: 3px;
}

.padding-top-20px {
    padding-top: 20px;
}

.padding-top-8px {
    padding-top: 8px;
}

.padding-top-50px {
    padding-top: 50px;
}

.padding-top-15px {
    padding-top: 15px;
}

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

.margin-top-34px {
    margin-top: 34px;
}

.margin-top-34px {
    margin-top: 34px;
}

.margin-top-per2-5 {
    margin-top: 2.5%;
}

.padding-5-25px {
    padding: 5px 25px;
}

.margin-bottom-10px {
    margin-bottom: 10px;
}



.margin-top-7px {
    margin-top: 7px;
}

.margin-bottom-7px {
    margin-bottom: 7px !important;
}

.margin-bottom-15px {
    margin-bottom: 15px;
}

.margin-top-n3 {
    margin-top: -3%;
}

.black-border {
    border: 1px solid #dddddd;
    border-radius: 1px;
}

.task-input {
    height: 32px;
    background-color: #fff;
    font-size: 14px;
    border: 1px solid #cccccc;
}

.group-dropdown {
    /*height: 31px;*/
    font-size: 14px;
}

.task-input2 {
    height: 32px;
    font-size: 14px;
}

.mail-subject-input {
    height: 36px;
    font-size: 14px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.profile-complete-level- {
}

.popover {
    max-width: 500px;
    background-color: #49a8ea;
}

    .popover.right > .arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #FFFFFF;
    }

    .popover.bottom > .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #FFFFFF;
    }

/*#button_nowtime {
    width: 50px;
    position: relative;
    top: 200px;
    left: 50px;
    height: 50px;
    background-color: red;
}*/

.branding_title {
    border-bottom: 1px solid #cccccc;
    padding-left: 0 !important;
}

.btn-theme-list label {
    /*margin-right: 5px;*/
}

    .btn-theme-list label.btn {
        padding: 10px;
    }

.themes_list {
    margin-top: 20px;
    border-top: 1px solid #cccccc;
}

    .themes_list h4 {
        margin-bottom: 5px;
        padding-left: 5px;
    }

.btn-theme-list label:hover, .btn-theme-list label:focus, .btn-theme-list label.focus, .btn-theme-list label:active, .btn-theme-list label.active, .open > .dropdown-toggle.btn-theme-list label {
    color: #ffffff;
    background-color: #e9eae6;
    border-color: #e9eae6;
}

.btn-margin-list label {
    margin-right: 5px;
}

    .btn-margin-list label:hover, .btn-margin-list label:focus, .btn-margin-list label.focus, .btn-margin-list label:active, .btn-margin-list label.active, .open > .dropdown-toggle.btn-margin-list label {
        color: #ffffff;
        background-color: #32353d;
        border-color: #32353d;
    }

.btn-default {
    color: #333333;
    background-color: #e7e7e7;
    border-color: #cccccc;
}

.btn-default-import {
    border: none;
    padding: 0;
    background-color: transparent;
    text-align: left;
    font-size: inherit;
    color: inherit;
}

    .btn-default-import:hover, .btn-default-import:focus, .btn-default-import:active {
        background-color: transparent;
        color: inherit;
    }

.btn-default-register {
    background-color: #a9a9a9;
    font-family: 'Lato';
    color: white;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #333333;
    background-color: #cecece;
    border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #e7e7e7;
    border-color: #cccccc;
}

.btn-default .badge {
    color: #e7e7e7;
    background-color: #333333;
}


/* override bootstrap themes*/


.navbar-nav.top-nav {
    /*margin-top: 2px;*/
}

.circle-badge {
    display: inline-block;
    -moz-min-width: 10px;
    -ms-min-width: 10px;
    -o-min-width: 10px;
    -webkit-min-width: 10px;
    min-width: 10px;
    padding: 13px 13px;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    vertical-align: baseline;
    border: 2px solid #fff;
    -ms-border-radius: 50%;
    border-radius: 50%;
    float: left;
}

div#logo_container {
    padding: 5px 10px;
    padding-top: 12px;
}
.navbar-brand {
    
    /*margin-left: 20px ;*/
    /*background-image: url(../Images/white-logo.png);*/
    background-position: inherit;
    background-repeat: no-repeat;
    background-size: contain;
    
    min-width: 170px;
    min-height: 30px;
}

.navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
}

.navbar-nav > li > a {
    font-weight: 500;
}

   div.second_part .navbar-nav > li > a:hover ,.navbar-nav > li > a:focus, .navbar-nav > li > a:active {
      
        border-bottom: 3px solid rgba(255, 255, 255, 0.75);
        background-color: #032950 ;
    }
   div.second_part .navbar-nav > li .open > a:hover {
       background-color: #032950 ;
   }
   div.second_part .navbar-nav > li > a:hover {
       border-bottom: 3px solid rgba(255, 255, 255, 0.75);
       
   }
    div.second_part .navbar-nav > li > a:focus {
       background-color: rgba(255, 255, 255, 0.35) ;
       
   }
   
   
   div.second_part .navbar-nav > li.active > a {
background-color: rgba(255, 255, 255, 0.28);
        font-size:13px;
     
}

   
   div.second_part .navbar-default .dropdown-menu {
    background-color: #04386d;
}




    div.second_part .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li > a:active {
       background-color: rgba(255, 255, 255, 0.13);
}
    div.second_part  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
           background-color: rgba(255, 255, 255, 0.1);

    }

    


    /*div.second_part .navbar-nav > li > a:active {
    background-color: #032950 ;
}*/
    
    /*div.second_part .navbar-nav > .open > a {
        background-color:  #032950 ;
    }*/

div.second_part .subMenu > li:first-child {
    /*background-color: #04386d !important;*/
}
div.second_part .subMenu > li:first-child {
    border-left: 0px ;
}
div.second_part .subMenu > li {
        border-right: 0px;

}
div#dropdown_all_nav  .navbar-nav > li > a:focus {
    border-bottom:0;
}

   /*div.second_part .dropdown-menu {
    background-color: #03366a;
}*/

.user-nav.navbar-nav > .open > a, .user-nav.navbar-nav > .open > a:hover, .user-nav.navbar-nav > .open > a:focus {
    background-color: transparent;
}


.navbar-nav.user-nav > li > a {
    padding: 0 5px;
    font-size: 15px;
    font-weight: 600 !important;
   
}

    

.nav.top-nav > li:first-child {
    /*margin-top: 3px;*/
}

    .nav.top-nav > li:first-child > a.nav-li {
        padding: 8px 14px 13px 14px;
    }

.nav.top-nav > li {
    box-shadow: none;
    /*margin-top: 3px;*/
}

    .nav.top-nav > li > a.nav-li {
        padding: 8px 14px 13px 14px;
        font-size: 13px;
    }

.menu-month {
    background-color: #fa4848;
    min-height: 17px;
    max-height: 17px;
    width: 150%;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

.menu-day {
    background-color: #e1e2dd;
    min-height: 20px;
    max-height: 20px;
    width: 150%;
    font-size: 14px;
    font-weight: bold;
    padding-top: 1%;
}

.notification_icon {
    font-size: 15px;
    position: relative;
}

    .notification_icon i {
        color: white;
    }

        .notification_icon i.active {
            /*color: gold;
            font-size: 1.5em;*/
        }

        li.select2-no-results span {
            color:#929292 ;
        }

/*.notification_icon .nav > li > a.nav-li {
        padding: 5px 35px;
    }*/

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

.panel-black > .panel-heading {
    color: #ffffff;
    background-color: #000;
    border-color: #000;
}

.modal-header {
    padding: 15px;
    border-bottom: none;
    background-color: #7ac0e7;
    color: #fff;
    margin-bottom: 2%;
    /*border-bottom: 20px solid #086991;*/
}

.arrow-right-import {
    width: 0;
    height: 0;
    /* border-top: 60px solid transparent; */
    border-bottom: 22px solid transparent;
    border-left: 22px solid #086991;
    position: absolute;
    right: -22px;
    top: 36px;
}

.arrow-left-import {
    width: 0;
    height: 0;
    /* border-top: 60px solid transparent; */
    border-bottom: 22px solid transparent;
    border-right: 22px solid #086991;
    position: absolute;
    left: -22px;
    top: 36px;
}

.arrow-right {
    /*width: 0;
    height: 0;
    border-bottom: 22px solid transparent;
    border-left: 22px solid #086991;
    position: absolute;
    right: -22px;
    top: 36px;*/
}

.arrow-left {
    /*width: 0;
    height: 0;
    border-bottom: 22px solid transparent;
    border-right: 22px solid #086991;
    position: absolute;
    left: -22px;
    top: 36px;*/
}

.modal-footer .btn {
    padding: 5px 20px;
}

.modal-header .close {
    margin-top: 2px !important;
}

.modal-header span {
    margin-right: 0;
}

.text-center {
    text-align: center !important;
}

.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

    .modalDialog:target {
        opacity: 1;
        pointer-events: auto;
    }

    .modalDialog > div {
        width: 35%;
        position: relative;
        margin: 17% auto;
        padding: 20px 20px 13px 20px;
        background: #f5f2f2;
        border: 1px solid #424242;
    }

        .modalDialog > div > p {
            font-size: 18px;
            font-family: 'Lato', sans-serif;
            color: #424242;
        }


.popup-close {
    background: #606061;
    color: #FFFFFF;
    line-height: 21px;
    position: absolute;
    text-align: center;
    right: 15px;
    width: 22px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /*-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000*/;
    font-size: 15px;
}

/*.nav-tabs {
    background-color: #fff;
    border: 1px solid #0693ce;
}

.tab-content {
    background-color: #fff;
    min-height: 400px;
    border-bottom: 1px solid #0693ce;
    border-right: 1px solid #0693ce;
    border-left: 1px solid #0693ce;
}
.nav-tabs > li > a{

}*/



@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: left;
        vertical-align: top;
        /*padding-left: 20px;*/
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}

.navbar-nav > li.active > a {
    font-weight: 500 !important;
    background-color: #49a8ea 
}

.infoValue {
    color: #545455;
    font-size: 14px;
    font-weight: 500;
    margin-left: 6%;
}

/*a span {
    margin-right: 20px;
}*/

/*a {
    color: gray;
}*/

/*a:hover {
        font-weight: 500 !important;
        color: black !important;
    }*/

.navbar-brand {
    /*background-image: url("../Images/CRM.png");
    background-size: 40px 40px;
    width: 40px;
    height: 40px;*/
}

.block {
    margin-top: 8px;
    margin-left: 5px;
}


button span {
    /*margin-right: 10px;*/
    color:#04386d;
}

/* padding right 5 px*/
.margin-right {
    margin-right: 5px;
}

.margin-right-per12 {
    margin-right: 12%;
}

.margin-left-15 {
    margin-left: 15px;
}
.Task_page_Refresh_icon{
    margin-left:-40px;
}
.Calendar_page_Refresh_icon{
    margin-left:-25px;
}
.Task_page_Configure_icon{
    margin-left:-15px;
}
.margin-left-10px {
    margin-left: 10px;
}

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

.margin-left-18per {
    margin-left: 18%;
}

.margin-left-20per {
    margin-left: 20%;
}

.margin-left-22per {
    margin-left: 22%;
}

.margin-left-8per {
    margin-left: 8%;
}

.margin-left-10per {
    margin-left: 10%;
}

.margin-left-30px {
    margin-left: 30px;
}

.margin-left-35px {
    margin-left: 35px;
}

.margin-left-right-33px {
    margin-left: 33px;
}

.margin-left-13per {
    margin-left: 13%;
}

.margin-left-15px {
    margin-left: 15px;
}

.margin-left-30 {
    margin-left: 30%;
}

.margin-left-30px {
    margin-left: 30px;
}

.padding-left-right-5per2 {
    padding-left: 5% !important;
    padding-right: 5% !important;
}

.padding-left-right-5per {
    padding: 0 5% !important;
}

.margin-7 {
    margin: 7%;
}

.padding-left-right-10per {
    padding: 0 10% !important;
}

.padding-4per {
    padding: 4% !important;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-20px {
    margin-bottom: 20px;
}

.margin-bottom-22px {
    margin-bottom: 22px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-10-per {
    margin-top: 10%;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-bottom-50px {
    margin-bottom: 50px;
}

.margin-bottom-30px {
    margin-bottom: 30px;
}

.margin-bottom-100px {
    margin-bottom: 100px;
}
.margin-bottom-1per{
    margin-bottom:1%;
}

.margin-bottom-55px {
    margin-bottom: 55px;
}

/* padding right 5 px*/
.margin-top {
    margin-top: 5px;
}
/* padding right 5 px*/
.margin-top-25pxn {
    margin-top: -25px !important;
}

.textbox-height-34 {
    height: 34px;
}

.textbox-height-36 {
    height: 36px;
}
.textbox-height-37 {
    height: 37px;
}
.margin-top-25px {
    margin-top: 25px !important;
}

.sync-type:hover, .sync-type:focus, .sync-type.focus, .sync-type:active, .sync-type.active {
    color: #ffffff !important;
    background-color: #3b539b !important;
    border-color: #3b539b !important;
}
.sync-type {
    margin: 5px;
}
.integration-title {
    color: #04386d;
    font-size: 21px;
    font-weight: 400;
    padding: 0 0 0 50px;
    margin-bottom: 1%;
}

.integration-subtitle {
    color: #49a8ea;
    font-size: 15px;
    font-weight: 500;
    padding: 0 0 20px 50px;
    z-index: 0;
}

.add_placeholders {
    padding-right: 7%;
    float: right;
}

.add_placeholders span {
    font-size: 17px;
    float: left;
    color: #49a8ea;
}

.add_placeholders img {
    float: left;
}

.integration-force-scroll-bar
{
    min-height:90vh;
}

.itegration_button_title {
    color: #49a8ea;
    font-size: 19px;
    text-decoration: underline !important;
    font-weight: 400;
    padding: 5px 0 0 0;
    display: block;
}

.itegration_button_summery {
    font-size: 12px;
    color: #969696;
    line-height: 15px;
    display: block;
    font-weight: 500;
}
.color-grey-font {
    color: #969696;
}
.profilesubMenu {
}

.progress-bar-custom {
    width: 150px;
    height: 33px;
}

.white {
    color: white !important;
}

.black {
    color: black !important;
    /*text-decoration: underline;*/
}

.deals-list-placeholder-text{
    font-size:21px !important;
}

.transparent {
    background-color: rgba(255,0,0,0.0) !important;
    border: none !important;
}


.padding {
    padding: 0px !important;
}

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

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

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

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


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

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

.padding-left-35px {
    padding-left: 35px !important;
}

.padding-left-45px {
    padding-left: 45px !important;
}

.field-validation-valid {
    color: #5cb85c;
    /*font-weight: bold;*/
    font-size: 14px;
}

.field-validation-error {
    color: #e80c4d;
    /*font-weight: bold;*/
    font-size: 14px;
}

input.input-validation-error {
    border: solid #e80c4d 1px;
}

textarea.input-validation-error {
    border: solid #e80c4d 1px !important;
}

select.input-validation-error {
    border: solid #e80c4d 1px !important;
}

.validation-summary-errors a{
    text-decoration: underline;
    color: white;
}

.passwordtxt.input-validation-error {
    border: none;
    border-bottom: solid #e80c4d 1px !important;
}

.button-padding {
    padding: 6px 12px !important;
}

.min-width-235px {
    min-width: 235px;
}

.min-width-560 {
    min-width: 560px;
}

.min-height-516 {
    height: auto;
    min-height: 516px;
}

.cutomer-img-xs {
    max-height: 25px;
    max-width: 64px;
}

.cutomer-img-sm {
    max-height: 64px;
    max-width: 64px;
}

.cutomer-img-itemPage {
    max-height: 160px;
    max-width: 160px;
}

.border-1px-solid-a2a2a2{
    border: 1px solid #a2a2a2;
}

.border-right-1px-solid-white{
    border-right: 1px solid white;
}
.border-bottom-1px-solid-white{
    border-bottom: 1px solid white;
}
.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.align-linkedin-logo{
    margin-bottom : -30px;
}

.min-width-35 {
    min-width: 35px !important;
}
.min-width-40per {
    min-width: 40% !important;
}
.width-40 {
    width: 40px !important;
}

.width-30 {
    width: 30px !important;
}
.width-25 {
    width: 25px !important;
}

.name-title a {
    font-weight: bolder;
    font-size: 17px;
    color: #428bca !important;
    text-decoration: none;
}

    .name-title a:hover {
        color: #428bca !important;
        font-weight: bolder !important;
        font-size: 17px !important;
    }

.tag {
    padding: 2px !important;
    margin-bottom: 4px;
    font-weight: 300;
    font-size: 13px;
    color: black;
}

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

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

.margin-top-4per {
    margin-top: 4%;
}

.margin-top-5per {
    margin-top: 5%;
}

.margin-top-2per {
    margin-top: 2%;
}

.margin-bottom-44px {
    margin-bottom: 44px;
}

.font-13-bold {
    font-size: 13px;
    font-weight: bold;
}

.font-13 {
    font-size: 13px;
}

.font-14-bold {
    font-size: 14px;
    font-weight: bold;
}



.font-15-bold-lato {
    font-size: 15px !important;
    /*font-weight: bold;*/
    font-family: 'Lato';
}

.font-15-bold {
    font-size: 15px;
    font-weight: bold;
}

.font-15 {
    font-size: 15px;
}

.font-11 {
    font-size: 11px;
}

.font-16-lightblack {
    font-size: 16px;
    font-weight: 400;
    color: black;
}
.customer-dashboard-overall-satis {
    background-color: #fff;
    border-left: 5px solid #ef7c3a;
    text-align: center;
    padding: 5px;
    height: 103px;
}
    .customer-dashboard-overall-satis.basic-stats-report {
        height: auto;
        padding-bottom: 17px;
    }
    .customer-dashboard-overall-satis h5 {
        color: gray;
        font-weight: 700;
    }
    .customer-dashboard-overall-satis span {
        color: #04386d;
        font-size: 16px;
        font-weight: 600;
    }

.customer-dashboard-new-customer {
    background-color: #fff;
    border-left: 5px solid #5698c6;
    text-align: center;
    padding: 5px;
    height: 103px;
}

    .customer-dashboard-new-customer.basic-stats-report {
        /*height: auto;*/
        padding-bottom: 17px;
        height: 71px;
        padding-top: 17px;
    }
    }
    .customer-dashboard-new-customer h5 {
        color: gray;
        font-weight: 700;
    }

    .customer-dashboard-new-customer span {
        color: #04386d;
        font-size: 16px;
        font-weight: 600;
    }
.customer-dashboard-repeated-customer {
    background-color: #fff;
    border-left: 5px solid #7668c1;
    text-align: center;
    padding: 5px;
    height: 103px;
}
.customer-dashboard .table thead tr{
    background-color : #40515a !important;
}

    .customer-dashboard-repeated-customer h5 {
        color: gray;
        font-weight: 700;
    }

    .customer-dashboard-repeated-customer span {
        color: #04386d;
        font-size: 16px;
        font-weight: 600;
    }
.font-16-lightdarkgrey {
    font-size: 16px;
    font-weight: 400;
    color: darkgrey;
}
.font-14-lightdarkgrey {
    font-size: 14px;
    font-weight: 400;
    color: gray;
}
.font-16-lightgrey {
    font-size: 16px;
    font-weight: 400;
    color: grey;
}

.font-darkgrey {
    color: #696767;
}
.automationstep-link-missing{
    color: red;
    text-decoration: underline;
}
.vertical-align-img {
    position: relative !important;
    top: 50% !important;
    transform: translateY(40%) !important;
}
.WorkflowFollowUpMailModal {
    overflow-y:scroll;
}
.like-hover {
    color: #3b539b !important;
    background-color: white !important;
    border-color: white !important;
        margin-top: -30%;
}
.like-hover i {
        font-size: 22px !important;
    }
.automation-task-step{
        width: 15%;
    padding: 4px 7px 0px 6px ;

}


.font-14 {
    font-size: 14px;
}

.font-16-bold {
    font-size: 16px;
    font-weight: normal;
}

.font-16-realbold {
    font-size: 16px;
    font-weight: bold;
}

.font-14-grey {
    font-size: 14px;
    color: #AFAFAF !important;
    text-decoration: none;
}
.font-10-gray{
         font-size: 10px;
    color: #AFAFAF !important;
    text-decoration: none;
    font-weight: 600;
}

.font-17-normal {
    font-size: 16px;
}

.font-19-normal {
    font-size: 19px;
    font-weight: 500;
}

.font-size-1-1-em {
    font-size: 1.1em;
}

.font-size-11 {
    font-size: 11px;
}


.font-weight-500 {
    font-weight: 500;
}


.font-size-45px {
    font-size: 45px;
}

.h4-font-modif {
    /*font-weight: 500;*/
    margin-bottom: 0px;
    font-size: 22px;
}

.h4-font-modif-margin {
    /*font-weight: 500;*/
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 22px;
}

.font-13-thin {
    font-size: 13px;
    font-weight: lighter;
}

.font-13-normal {
    font-size: 13px;
}

.font-12-thin {
    font-size: 12px;
    font-weight: lighter;
}

.font-12-normal {
    font-size: 13px;
}

.font-11-bold {
    font-size: 11px;
    font-weight: normal;
    color: #8a8a8a;
    line-height: 22px;
}

.max-width-200 {
    max-width: 200px;
}


.box-shadow-none {
    box-shadow: none !important;
}

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

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

.gray {
    color: gray !important;
}

.black {
    color: black !important;
}
.Task_and_Calendar_pages_Dropdown{
    font-weight:600 !important;
}
.Not-Sure-what-To-Say-Button{
    padding-top:5% !important;
}
.Edit-Mail-Step-Automation{
        padding-top:10px !important;
        padding-bottom:10px !important;
}
.Task_and_Calendar_Pages_Two_buttons_border{
    font-size:15px;
    border-radius:12px;
}
.Task_and_Calendar_Pages_Padding{
    padding-top:0.3% !important;
}
.Task_and_Calendar_Pages_Buttons{
    border: solid;
    border-color: gray;
    border-width: thin;
    border-radius: 8px;
    font-size: 20px;
    width: 26px;
    height: 25px;
    text-align: center;
    padding-top: 2px;
    cursor:pointer;
}
.Task_and_Calendar_Pages_Buttons:hover{
    border-color: #0693ce;
}
.Task_and_Calendar_Pages_Header_Font{
    font-size:14px !important;
}
.font-30px {
    font-size: 30px;
}

.font-25px {
    font-size: 25px;
}

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

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

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

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

.border-radius-10px {
    border-radius: 10px;
}

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

.congrats-header {
    /*height: 110px;*/
    margin-top: 20%;
}

.height-83px {
    height: 83px;
}

.min-height-55Px {
    min-height: 55px !important;
}

.margin-top-13px {
    margin-top: 13px !important;
}

.btn-black {
    color: #fff;
    background-color: #999;
    border-color: #999;
}

    .btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active, .open > .dropdown-toggle.btn-black {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

.timeLineControl, .timelineFilter {
    display: none;
}

.timeLineControl {
    margin-top: 0;
    /*margin-right: 5px;*/
}

.timelineFilter {
    margin-right: 10px;
}

.margin-left-n5per {
    margin-left: -5%;
}

.btn-lightgreen {
    color: #fff;
    background-color: #00baa3;
    border-color: #00baa3;
    font-size: 18px;
    font-weight: 600;
}

    .btn-lightgreen:hover, .btn-lightgreen:focus, .btn-lightgreen:active, .btn-lightgreen.active, .open > .dropdown-toggle.btn-lightgreen {
        color: #fff;
        background-color: #00baa3;
        border-color: #00baa3;
    }

.btn-green {
    color: #fff;
    background-color: #0fd676;
    border-color: #0fd676;
    padding: 5px 6px;
}

    .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green {
        color: #fff;
        background-color: #00b16a;
        border-color: #00b16a;
    }

.btn-wizard-save {
    color: #fff;
    background-color: #2184be;
    border-color: #2184be;
    padding: .5em 2em !important;
    float: right;
}

    .btn-wizard-save:hover, .btn-wizard-save:focus, .btn-wizard-save:active, .btn-wizard-save.active, .open > .dropdown-toggle.btn-wizard-save {
        color: #fff;
        background-color: #9dc8e2;
        border-color: #9dc8e2;
    }

.btn-wizard-schedule {
    color: #fff;
    background-color: #a6a6a6;
    border-color: #a6a6a6;
    padding: 5px 2em !important;
    float: right;
    border-radius: 6px;
}

    .btn-wizard-schedule:hover, .btn-wizard-schedule:focus, .btn-wizard-schedule:active, .btn-wizard-schedule.active, .open > .dropdown-toggle.btn-wizard-schedule {
        color: #000;
        background-color: #d9d9d8;
        border-color: #d9d9d8;
    }

.btn-wizard-exit {
    color: #000;
    background-color: #d9d9d8;
    border-color: #d9d9d8;
    padding: 8px 39px;
    font-size: 17px;
    border-radius: 6px;
    top: 49px;
    right: -8px;
    position: absolute;
}

    .btn-wizard-exit:hover, .btn-wizard-exit:focus, .btn-wizard-exit:active, .btn-wizard-exit.active, .open > .dropdown-toggle.btn-wizard-exit {
        color: #fff;
        background-color: #a6a6a6;
        border-color: #a6a6a6;
    }

.btn-lightblue {
    color: #fff;
    background-color: #61b0e8;
    border-color: #61b0e8;
    padding: 5px 7px !important;
}

.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green {
    color: #fff;
    background-color: #00b16a;
    border-color: #00b16a;
}

.btn-gray {
    color: #000;
    background-color: #DDDDDD;
    border-color: #DDDDDD;
    padding: 5px 7px !important;
}

    .btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active, .open > .dropdown-toggle.btn-gray {
        color: #000;
        background-color: #ccc;
        border-color: #ccc;
    }

.modal-header-primary {
    background-color: #f5f6f7;
    border-bottom: 1px solid #e5e5e5;
    -webkit-border-radius: 3px 3px 0 0;
    color: #141823;
    font-weight: bold;
    line-height: 19px;
    padding: 10px 12px;
}

.tagLabel {
    background-color: #f4f1ec;
    color: black !important;
    text-decoration: none;
    margin-top: 2px;
}

.bluebox-img {
    height: 75px;
    text-align: center;
    padding-left: 4%;
    margin-bottom: 3%;
    width: 99%;
    padding-top: 5px;
}

.bluebox-singleimg2 {
    width: 50%;
    float: left;
    padding: 3%;
}

.bluebox-singleimg {
    width: 33%;
    float: left;
    padding: 3%;
}

.contact-blue-import {
    width: 21%;
    position: absolute;
    right: 45px;
    top: 125px;
}

.contact-blue-import-add {
    position: absolute;
    right: 0px;
    left: 60px;
    top: 135px;
}

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

.tagLabel:hover {
    text-decoration: underline;
}

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


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

.padding-left-10px {
    padding-left: 10px !important;
}

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

.padding-left-10 {
    padding-left: 10px;
}

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

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

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

.padding-left-right-20px {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.padding-left-right-12px {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.padding-top-bottom-3px {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

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

.link-blue {
    color: #428bca !important;
}

    .link-blue:hover {
        color: #428bca !important;
    }

.cursor-pointer {
    cursor: pointer !important;
}

.text-decoration-underline {
    text-decoration: underline;
}

.blue-font-bold-underline {
    text-decoration: underline;
}

/*.name-title:hover {
    color: #428bca !important;
    font-weight: bolder !important;
    font-size: 17px !important;
}*/

.dark-blue-font {
    color: #04386d !important;
    text-decoration: none;
}

.blue-font {
    color: #49a8ea !important;
    text-decoration: none;
}

/*.blue:hover {
    color: #428bca !important;
}*/



#Opengauge, #Clickgauge, #Sentgauge {
    width: 170px;
    height: 150px;
    display: inline-block;
    margin: 1em;
}

#unSubscribegauge, #Bouncegauge {
    width: 140px;
    height: 120px;
    display: inline-block;
    margin: 1em;
}


.task {
    margin-right: 6px;
    padding: 3px;
    color: white;
    font-weight: bold;
}

.task-btn {
    color: white;
    font-weight: bold;
    border: none;
}


.task-email {
    background-color: orange;
}

.task-ship {
    background-color: #2E2EFE;
}

.task-launch {
    background-color: #0B3B0B;
}

.task-fax {
    background-color: #DF013A;
}

.task-ship {
    background-color: #0B6121;
}

.task-follow-up {
    background-color: #3104B4;
}

.task-thank-you {
    background-color: #FF0040;
}


.padding-bottom-5 {
    padding-bottom: 5px;
}

.hidden {
    display: none;
    /*visibility: hidden !important;
    height: 0px !important;*/
}

.selectpicker {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


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

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

.padding-bottom-6px {
    padding-bottom: 6px !important;
}

.padding-bottom-40px {
    padding-bottom: 40px !important;
}

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

.padding-bottom-25px {
    padding-bottom: 25px !important;
}

.max-height-width-720 {
    max-height: 250px !important;
    max-width: 250px !important;
}


.min-width-115px {
    min-width: 115px !important;
}

.li-profile-container {
    background-color: red !important;
}


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

.dark-green {
    background-color: #00b16a !important;
}

.image-size-70px-70px {
    width: 70px !important;
    height: 70px !important;
}


.action-1 {
    margin-right: 6px;
    padding: 1px;
    color: #555;
    border: 1px solid #ddd;
    border-radius: 1px;
    background-color: #f5f5f5;
    padding: 3px 15px;
}

.action-2 {
    margin-right: 6px;
    padding: 1px;
    color: #555;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 1px;
    padding: 3px 15px;
}

.action-3 {
    margin-right: 6px;
    padding: 1px;
    color: #555;
    border: 1px solid #ddd;
    border-radius: 1px;
    background-color: #f5f5f5;
    padding: 3px 15px;
}

.action-4 {
    margin-right: 6px;
    padding: 1px;
    color: #555;
    border: 1px solid #ddd;
    border-radius: 1px;
    background-color: #f5f5f5;
    padding: 3px 15px;
}


.customeGray {
    color: #555 !important;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
}

.min-width-164px {
    min-width: 164px !important;
}

.height-90px {
    height: 90px !important;
}

.height-56px {
    height: 56px;
}
/*************/
/* Contacts List */
.peopleList li.row {
    list-style: none;
}

.line-inprogress {
    width: 4px;
    height: 25px;
    background: #f8a441;
}

.total-deals-header {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #545455;
}
.line-won {
    width: 4px;
    height: 25px;
    background: #3fbdae;
}
.line-lost {
    width: 4px;
    height: 25px;
    background: #f94848;
}

.line-inprogress-canvas {
    width: 8px;
    height: 40px;
    background: #f8a441;
}
.line-won-canvas {
    width: 8px;
    height: 40px;
    background: #3fbdae;
}

.line-lost-canvas {
    width: 8px;
    height: 40px;
    background: #f94848;
}
.padding-50px{
    padding:50px;
}
.countdealsbystatus {
    background-color: #e9eae6 !important;
    border-radius: 25px;
    width: 25px;
    height: 25px;
    padding-top: 5px;
    font-size: 12px;
    text-align: center;
}
.funnelDatefilter {
    position: absolute;
    right: 37px;
    top: 14px;
}
.funnel-view-fillter-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: cover;
}
.pipeline-header {
    color: #04386d;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0px;
}
.pipeline-name {
    color: #9b9c9d;
    font-weight: 500;
}
.salesArrow {

    /*position: absolute;
    right: -52px;
    z-index: 10;
    margin-top: 0;
    margin-left: 100%;
    height: auto;
    top: 36px;
    width: 33%;*/

    position: absolute;
    z-index: 10;
    margin-top: 0;
    height: auto;
    top: 10px;
    width: 6%;
    margin-left: -36px;
}

.peopleList .tagsGroup {
    padding-top: 5px;
}

.tag {
    margin-right: 5px;
}

#searchForm .chosen-single {
    background: inherit;
    height: 39px;
    font-size: 15px;
    padding: 0 12px;
    border: none;
    border-radius: 0;
    width: 100%;
    /* margin-top: 1px; */
}

#searchForm .chosen-container {
    width: 100% !important;
    background-color: #fff;
}

.contact-dropdown > .chosen-container {
    background-color: #c9cece !important;
}

.sort-dir-none {
    background-image: url("../css/images/bg.gif");
}

.sort-dir-Asc {
    background-image: url("../css/images/asc.gif");
}

.sort-dir-Desc {
    background-image: url("../css/images/desc.gif");
}

.sideActionButtons {
    /*text-align: center;*/
    padding-left: 1px;
    padding-right: 1px;
}

    .sideActionButtons .btn {
        padding-left: 5px;
        text-align: center;
        border: 0px;
    }

#AddTags .bootstrap-tagsinput {
    min-width: 200px;
}
/************/
.margin-left-4 {
    margin-left: 4px;
}

#DeleteContact {
    width: 46%;
    /*font-size: 12px;*/
}

#ContactInfoPanel .infoType {
    display: inline-block;
    color: gray;
    font-size: 13.5px;
    text-align: right;
    line-height: 16px;
    float: left;
    font-weight: 400;
}

#ContactInfoPanel .infoNormal {
    color: gray;
    line-height: 16px;
    font-weight: 500;
}

#ContactInfoPanel .infoPlus{
    color: #6fb5e3;
    font-size: 23px;
    margin-right: 15px;
}

.contact-stage-dropdown {
    height: 28px;
    padding-left: 6%;
    color: #49a8ea !important;
    border-radius: 10px;
    border-color: lightblue;
    margin-top: -3%;
    margin-left: 5%;
}

.contact-stage-dropdown-new {
    padding-left: 6%;
    color: #9b9b9b !important;
    border-color: #9b9b9b;
    margin-left: 5%;
    width: 86%;
}

.margin-left-9per {
    margin-left: 9% !important;
}
.customize-action-list{
    /*width:70% !important;*/
    margin-left : 9% !important;
    margin-top : -4% !important;
}
.fix_overflow {
    display: inline-block;
    width: 75%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.fix_overflow_no_hidden{
    overflow: visible !important;
}
#ContactInfoPanel .infoBlock {
    display: inline-block;
    margin-left: 31%;
    margin-top: -23px;
    line-height: 23px;
}

.contactTaskSummary {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
    padding-bottom: 5px;
    margin-bottom: 5.5px;
}

/**************************/
/* Leads List */
.LeadsList .panel-heading {
    background-color: rgb(66,66,66);
    color: white;
    border-bottom: 0px;
}

.LeadsList .panel-body.searchFormDiv {
    background-color: rgb(66,66,66);
    color: white;
}

    .LeadsList .panel-body.searchFormDiv .nav {
        border-bottom: 0px;
    }

.LeadsList .letterHeading {
    background-color: rgb(66,66,66);
    color: white;
}

#tagsCloud .badge {
    background-color: #666;
}

/****************************/
/** Contact single */

.tags-groups-block {
    padding: 5px;
}

.tagsWideInput .bootstrap-tagsinput {
    width: 100%;
}

.contactField .chosen-container {
    width: 100% !important;
}

.contactField .chosen-single {
    height: 40px;
    padding: 3px 7px;
}

.contactField .select2-container .select2-choice {
    height: auto;
}

.contactField .select2-container .select2-chosen {
    height: 38px;
    padding: 7px;
}

.contactField .select2-container .select2-choice abbr.select2-search-choice-close,
.contactField .select2-arrow b {
    margin-top: 5px;
}

.select2-arrow {
    padding-right: 0px !important;
    margin-right: 0px !important;
}

/** Add/Edit Lead/Contact */
.profilePicBlock {
    text-align: center;
}

    .profilePicBlock h4 {
        text-align: center;
    }

    .profilePicBlock .fileinput {
        text-align: center;
    }

    .profilePicBlock .btn-file {
        color: white;

    }
    .text-decoration-none
    {
        text-decoration:none !important;
    }
.upload_logo {
    margin-top: 10px;
}

    .upload_logo h4 {
        margin-bottom: 10px;
        margin-top: 5px;
        color: #04386d !important;
        font-weight: 500;
    }

    .upload_logo h5 {
        margin-bottom: 5px;
        margin-top: 5px;
        color: #49a8ea;
        font-weight: 500;
    }

        .upload_logo h5.warning {
            color: #f38e35 !important;
        }

    .upload_logo .fileinput {
        width: 100% !important;
    }

    .upload_logo .fileinput-new {
        width: 99% !important;
        color: #fff;
    }

    .upload_logo .fileinput-exists {
        width: 99% !important;
        color: #fff;
    }

    .upload_logo #showdeleteModal {
        color: #fff;
    }

        .upload_logo .fileinput-exists .remove_image {
            width: 50% !important;
        }


       

@media (min-width: 768px) {
    .profilePicBlock .btn-file .fileinput-new {
        width: 100%;
      
    }
}

/*** Tasks */

.input-group-addon.task-input {
    /*padding: 7px;*/
}

.taskDeleteButton {
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

.FileDeleteButton {
    cursor: pointer;
}

/**** Deals ***/

.deals-breadcrumb {
    color: #000;
    font-size: 17px;
}

.deals-button-group button {
    margin-right: 2px;
}

.deals-button-group .dropdown-menu{
    min-width:100%;
}


deals-button-group button .btn.active {
    z-index:1;
}
.deals-pipeline-valueInHeader {
    font-size: 13px;
    color: #dde;
}

.deals-pipeline-valueInHeader-new-design {
    font-size: 12px;
    color: #7ab976;
    font-weight:800;
}


.deals-pipeline-countInHeader {
    font-size: 13px;
    margin-right: 4%;
    color: #dde;
}

.deals-pipeline-countInHeader-new-design {
    font-size: 10px;
    color: #dde;
}

.numberCircle {
    background: #008cb9e0;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    color: #dde;
    display: inline-block;
    line-height: 1.4em;
    width: 1.4em;
}
.pipelineCircleNumber{
    background-color: #008cb9e0;
    border-radius: 50%;
    color: #dde;
    display: inline-block;
    line-height: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
}
.Task-page-text{
    max-width:67%;
}

.Deal-page-text{
    line-height:2;
}

.deals-pipeline-percentInHeader {
    font-size: 13px;
    padding-right: 20px !important;
    color: #dde;
}

.deals-pipeline-percentInHeader-new-design {
    font-size: 10px;
    color: #dde;
    margin-top:8.5%;
}
.deals-pipeline-percentInHeader-new-design-middle-stages {
    font-size: 12px;
    color: #dde;
}
#showAdvancedDeaLFilters{
        border-radius: 5px;
    border-style: solid;
}
.showAdvancedDeaLFilters-count{
    
      height: 15px;
    width: 15px;
    border: 1px;
    border-radius: 50%;
    background-color: red;
    top: 0px;
    right: 0px;
    color: #fff;
    padding-left:  12%;
    position: absolute;
    font-size: 11px;

}
.deals-pipeline-header{
    font-size: 14px !important;
    font-weight: bold; 
    font-family: 'Lato';
}

.deals-pipeline-filter-typeIcon {
    float: left;
    margin-top: 2px;
    color: #ccc;
}

.deals-pipeline-filter-caret {
    float: right;
    margin-top: 7px;
    color: #ccc;
}

.deals-pipeline-card-won {
    background-color: #C5FAE0 !important;
    border-color: #36DD8D !important;
}
.won-color {
    color: #36DD8D ;
}
.won-background-color {
    background-color: #3fbdae !important;
}
.lost-color {
    color: red !important;
}
.lost-background-color {
    background-color: #ed2124 !important;
}
.inprogress-background-color {
    background-color: #f38e35 !important;
}
.inprogress-color {
    color: #f48e35 !important;
}


.show_deals .dropdown-menu {
    min-width: 120px !important;
}

#dealbtns.show_deals {
    border-radius: 0px;
    font-size: 17px;
    font-weight: normal;
    min-width:140px;
}
#dealbtns.show_deals .caret{
    color:#666;
}
#goToEditRottenDeals {
    color: #666;
    float: right;
    margin-top: 2.5%;
}

    #goToEditRottenDeals:hover {
        color: #333;
    }

.deals-box .list-group {
    margin-bottom: inherit;
}

div.section div:nth-child(even) {
    color: Green;
}

div.section div:nth-child(odd) {
    color: Red;
}

.deals-pipeline-boxes {
    background-color: #fff;
    width: 100%;
    border-left: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    min-height: 455px;
}

    .deals-pipeline-boxes > .deals-box {
        width: 20%;
        float: left;
        min-height: 455px;
    }



    .deals-pipeline-boxes > .won-button {
        position: absolute;
        right: 0;
        bottom: 0;
        margin-bottom: -75px;
    }

        .deals-pipeline-boxes > .won-button .folder-title, .deals-pipeline-boxes > .lost-button .folder-title, .deals-timeline-boxes > .won-button .folder-title, .deals-timeline-boxes > .lost-button .folder-title {
            position: absolute;
            left: 40%;
            bottom: 15%;
            color: #fff;
            font-size: 26px;
            font-weight: 500;
        }

    .deals-pipeline-boxes > .lost-button {
        position: absolute;
        left: 0;
        bottom: 0;
        margin-bottom: -75px;
    }

    .deals-pipeline-boxes > .delete-button {
        position: absolute;
        left: 39.4%;
        bottom: 0;
        margin-bottom: -75px;
    }

    .deals-pipeline-boxes > .deals-box > .box-header.first-stage {
        background-image: url(../css/images/stageone.png);
        background-size: 100% 100%;
    }

.box-header-stage {
    background-image: url(../css/images/stageone.png);
    background-size: 100% 100%;
}

.deals-pipeline-boxes > .deals-box > .box-header.middle-stage {
    background-image: url(../css/images/stagemedium.png);
    background-size: 100% 100%;
}

.deals-pipeline-boxes > .deals-box > .box-header.last-stage {
    background-image: url(../css/images/stagelast.png);
    background-size: 100% 100%;
}

.deals-pipeline-boxes > .deals-box > .box-header {
    position: relative;
    background: #04386d;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 45px;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    left: 0;
    top: 0;
    text-align: center;
    padding-top: 0;
    overflow: hidden;
}

btn-primary {
    background-color: #49a8ea;
    border-color: #49a8ea;
}

.deal-arrow-container {
    position: relative;
}

    .deal-arrow-container .deal-arrow {
        position: absolute;
    top: -3px;
    left: 65px;
    }

.deals-pipeline-boxes > .deals-box > .deals-cards {
}


/*.btn-success {
color: #ffffff;
background-color: #0fd676;
border-color: #0fd676;
}*/

.deals-timeline-boxes > .deals-box > .deals-cards,
.deals-pipeline-boxes > .deals-box > .deals-cards {
    min-height: 410px;
    padding-top: 5px;
}

.deals-pipeline-boxes > .deals-box:nth-child(even) > .deals-cards {
    background-color: #eaece8;
    border-right : 1px dashed #999;
}

.deals-pipeline-boxes > .deals-box:nth-child(odd) > .deals-cards {
    background-color: #eaece8;
    border-right : 1px dashed #999;

}


.notactive {
    opacity: .2;
}

.deals-timeline-boxes {
    width: 100%;
    border-left: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    min-height: 420px;
}

    .deals-timeline-boxes > .deals-box {
        width: 25%;
        float: left;
        border-right: 1px #cccccc solid;
        min-height: 420px;
    }

        .deals-timeline-boxes > .deals-box:nth-child(even) {
            background-color: #dcdcdc;
        }

        .deals-timeline-boxes > .deals-box:nth-child(odd) {
            background-color: #eeeff1;
        }

    .deals-timeline-boxes > .won-button {
        position: absolute;
        right: 0;
        bottom: 0;
        margin-bottom: -62px;
    }

    .deals-timeline-boxes > .lost-button {
        position: absolute;
        left: 0;
        bottom: 0;
        margin-bottom: -62px;
    }

    .deals-timeline-boxes > .delete-button {
        position: absolute;
        left: 39.6%;
        bottom: 0;
        margin-bottom: -62px;
    }

    .deals-timeline-boxes > .deals-box > .box-header {
        width: 100%;
        height: 42px;
        background: #04386d;
        color: #fff;
        font-weight: 500;
        font-size: 20px;
        left: 0;
        top: 0;
        text-align: center;
        padding-top: 3px;
        line-height: 20px;
    }

.dashboard-boxes {
}

    .dashboard-boxes .box {
        float: left;
        width: 25%;
        min-height: 300px;
        -ms-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 10px;
        font-family: 'lato';
        position: relative;
        background-color: #fff;
    }

        .dashboard-boxes .box .box-title {
            font-size: 14px;
            color: #696969;
            text-align: left;
            font-weight: 600;
        }

        .dashboard-boxes .box .box-main-title {
            font-size: 14.5px;
            color: #04386d;
            text-align: left !important;
            font-weight: 800;
            text-align: center;
            padding-top: 10px;
        }

        .dashboard-boxes .box .box-main-title2 {
            font-size: 17.5px;
            color: #04386d;
            text-align: left !important;
            font-weight: 800;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .dashboard-boxes .box span.box-icon {
            color: #f38e35;
        }

        .dashboard-boxes .box span.box-info {
            font-size: 12.5px;
            color: #49a8ea;
            font-weight: 600;
            text-align: right;
        }

        .dashboard-boxes .box .box-adding {
            position: absolute;
            bottom: 0;
        }

        .dashboard-boxes .box .box-button {
            width: 153px;
            height: 60px;
            background-color: #49a8ea;
            border: none;
            position: relative;
        }

            .dashboard-boxes .box .box-button span.buttontitle {
                font-size: 18px;
                padding-left: 5px;
                vertical-align: middle;
                line-height: 45px;
            }

            .dashboard-boxes .box .box-button span.buttonicon {
                margin-right: 0;
                font-size: 15px;
            }
        /*.dashboard-boxes .box .box-button i {
                margin-top: 5px;
            }*/

        .dashboard-boxes .box .box-button2 {
            width: 165px;
            height: 60px;
            background-color: #a9a9a9;
            border: none;
            color: #fff;
        }

            .dashboard-boxes .box .box-button2 span {
                font-size: 18px;
                padding-left: 5px;
                vertical-align: middle;
                line-height: 45px;
            }

    .dashboard-boxes .sales-dashboardbox .dashboard-sales-body tr {
        background-color: #fff !important;
    }

.custome-tb-body {
    background-color: #fff !important;
}

.menuWorkFlows {
    width: 200px;
    list-style-type: none;
}

.toplevelWorkFlows {
    display: block;
    padding: 0 10px;
    line-height: 2;
    color: #fff;
    text-decoration: none;
    background: #f00;
}

/* Dropdowns */
.dropdownWorkFlows {
    position: relative;
    z-index: 200;
}

.submenuWorkFlows {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 200px;
    list-style-type: none;
    padding-top: 2em;
    z-index: 200;
}

.hover .submenuWorkFlows {
    display: block;
}

.submenuWorkFlows a {
    display: block;
    padding: 5px;
    color: #fff;
    text-decoration: none;
    background: navy;
}

.trim-text {
    max-height: 45px;
    min-height: 45px;
    text-overflow: ellipsis;
    display: inline-block;
    overflow-y: hidden;
    font-size: 13px !important;
}

.calendar-dashboardbox table {
    margin-bottom: 0px;
}

.dashboard-boxes .sales-dashboardbox .dashboard-sales-head tr {
    font-size: 14px;
    background-color: #00b16a !important;
    border: 1px solid #cccccc;
    padding: 5px;
    text-align: center;
}

.dashboard-boxes .recently-added {
    list-style-type: none;
    display: block;
    padding: 2px 0;
    float: left;
    text-align: left;
    min-height: 120px;
    margin-bottom: 5px;
    max-height: 120px;
    overflow: hidden;
}

.dashboard-boxes table {
    min-height: 100px;
    max-height: 10px;
    overflow: hidden;
}

.dashboard-boxes .emptycontainer {
    min-height: 100px;
}

.dashboard-boxes .recently-added .recently-added-item {
    list-style-type: none;
    display: inline-block;
    padding: 2px 0;
    float: left;
    text-align: left;
    max-height: 24px;
    overflow: hidden;
    width: 100%;
}

    .dashboard-boxes .recently-added .recently-added-item a {
        color: #49a8ea;
        font-size: 16px;
    }

.dashboard-boxes .more-link {
    color: #49a8ea;
    font-size: 17px;
    display: block;
    margin-right: 10%;
}

    .dashboard-boxes .more-link a {
        color: #49a8ea;
        font-size: 15px;
        display: block;
    }

.dashboard-boxes .box .box-description {
    font-size: 12.5px;
    color: #49a8ea;
    font-weight: 600;
    text-align: center;
    line-height: 16px;
}

.dashboard-boxes .leads-dashboardbox {
    background-image: url(../Images/leaddashboard.png);
    border-right: 1px solid #000;
}

.dashboard-boxes .contacts-dashboardbox {
    background-image: url(../Images/contactdashboard.png);
    border-right: 1px solid #000;
}

.dashboard-boxes .deals-dashboardbox {
    background-image: url(../Images/dealdashboard.png);
    border-right: 1px solid #000;
}

.dashboard-boxes .sales-dashboardbox {
    background-image: url(../Images/salesdashboard.png);
    border-right: 1px solid #000;
}

.dashboard-boxes .calendar-dashboardbox {
    background-image: url(../Images/calendardashboard.png);
}

.dashboard-setting {
    background-color: #fff;
    font-family: 'lato';
    padding-bottom: 10px;
    min-height: 280px;
}

    .dashboard-setting a {
        background-color: #fff;
        font-size: 16px;
        color: #49a8ea;
        padding: 20px 5px;
    }

    .dashboard-setting h4 {
        color: #696969;
    }

.dashboard-news {
    background-color: #fff;
    font-family: 'lato';
    min-height: 280px;
}

    .dashboard-news .dashboard-news-block {
        border-bottom: 1px solid #49a8ea;
        padding-bottom: 10px;
    }

        .dashboard-news .dashboard-news-block:last-child {
            border-bottom: none;
        }

        .dashboard-news .dashboard-news-block h4 {
            color: #04386d;
            font-weight: 500;
            font-size: 15px;
            margin-bottom: 50px;
            margin-top: 20px;
            padding-left: 10px;
        }

        .dashboard-news .dashboard-news-block H3 {
            color: #696969;
            font-weight: 600;
            font-size: 15px;
            margin-bottom: 5px;
        }

        .dashboard-news .dashboard-news-block .news-title {
            font-size: 16px;
            color: #000;
            font-weight: 600;
            margin-bottom: 5px;
        }

        .dashboard-news .dashboard-news-block .business-news-links {
            padding-bottom: 15px;
            padding-top: 15px;
        }

            .dashboard-news .dashboard-news-block .business-news-links a {
                font-size: 15px;
                color: #04386d;
                font-weight: bold;
                text-align: center;
                padding-top: 10px;
            }

        .dashboard-news .dashboard-news-block .news-date {
            font-size: 14px;
            color: #49a8ea;
        }

        .dashboard-news .dashboard-news-block .news-source {
            font-size: 14px;
            color: #696969;
            padding: 0 5px;
        }

        .dashboard-news .dashboard-news-block .description {
            font-size: 14px;
            color: #696969;
        }

        .dashboard-news .dashboard-news-block .news-morelink {
            display: block;
            color: #f38e35;
            font-size: 15px;
        }

.dashboard-profile {
    background-color: #fff;
    font-family: 'lato';
    min-height: 310px;
}

.editGroup {
    line-height: 0px;
    padding-left: 5px;
}

.dashboard-profile .profile-navy-title {
    color: #04386d;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.dashboard-profile .profile-links {
    padding-top: 15px;
    padding-bottom: 10px;
}

    .dashboard-profile .profile-links .profile-link {
        padding: 0;
    }

        .dashboard-profile .profile-links .profile-link a {
            color: #49a8ea;
            font-size: 16px;
            padding: 0;
        }

        .dashboard-profile .profile-links .profile-link div {
            color: #49a8ea;
            font-size: 16px;
            padding: 0;
            text-decoration: line-through;
        }

.dashboard-profile .profile-navy-info {
    color: #04386d;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 16px;
}

.dashboard-profile .profile-navy-info {
    color: #04386d;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 16px;
}

.dashboard-integration-block {
    background-color: #fff;
    font-family: 'lato';
    min-height: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .dashboard-integration-block .btn-default-import {
        min-height: 140px;
        width: 100%;
    }

        .dashboard-integration-block .btn-default-import img {
            margin-top: 10px;
        }

        .dashboard-integration-block .btn-default-import h3 {
            color: #fff;
            font-weight: 600;
            font-size: 16px;
            margin: 10px 0 7px 0;
        }

        .dashboard-integration-block .btn-default-import h4 {
            color: #fff;
            font-weight: 500;
            font-size: 14px;
            margin: 5px 0 7px 0;
        }

        .dashboard-integration-block .btn-default-import.import-contacts {
            background-color: #00b16a;
        }

        .dashboard-integration-block .btn-default-import.web-forms {
            margin-top: 10px;
            background-color: #1364b6;
        }

        .dashboard-integration-block .btn-default-import.calendar-integrations {
            background-color: #10d6bd;
        }

        .dashboard-integration-block .btn-default-import.online-storage {
            margin-top: 10px;
            background-color: #04386d;
        }

        .dashboard-integration-block .btn-default-import.email-marketing {
            background-color: #f38836;
            height: 290px;
        }

            .dashboard-integration-block .btn-default-import.email-marketing h3 {
                margin-top: 30px;
            }

            .dashboard-integration-block .btn-default-import.email-marketing img {
                margin-top: 30px;
            }

        .dashboard-integration-block .btn-default-import.help-desk {
            background-color: #49a8ea;
        }

        .dashboard-integration-block .btn-default-import.invoicing-integrations {
            margin-top: 10px;
            background-color: #fa4848;
        }

.position-relative {
    position: relative;
}

.list-group > .list-deal-item {
    padding: 0;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #cccccc;
    margin: 0 5px 3px 3px;
    min-height: 101px;
    max-height: 101px;
    font-weight: 500;
    font-size: 12px;
    color: #000;
    /*overflow: hidden;*/
}

    .list-group > .list-deal-item .deal_value {
        padding: 5px 5px 0 8px;
        text-align: right;
    }

        .list-group > .list-deal-item .deal_value span {
            font-size: 15px;
            color: #969ca0;
            padding-right: 5px;
            clear: both;
            line-height: 14px;
        }

    .list-group > .list-deal-item .deal_title {
           padding-left: 5%;
    padding-top: 3%;
    font-weight: 600;
    }

        .list-group > .list-deal-item .deal_title a {
            width: 100%;
            font-size: 16px;
            color: #7a7b7b;
            clear: both;
            text-transform: capitalize;
            line-height: 13px;
        }

    .list-group > .list-deal-item .contact_title {
        border: 1px solid #61b0e8;  
        border-radius: 10px;
        width: 50%;
        text-align: center;
        margin-left: 3%;
        height: 26px;
        padding: 2px 15px 5px;
        background-color: #fff;
        overflow: hidden;
        font-size: 13px;
    }

        .list-group > .list-deal-item .contact_title:hover, .list-group > .list-deal-item .contact_title:focus {
            background-color: #04386d;
            color: #bbbbbb ;
            border: 1px solid #bbbbbb;
        }

        .list-group > .list-deal-item .contact_title a {
            width: 100%;
            text-align: center;
            font-size: 15px;
            color: #61b0e8;
            clear: both;
            line-height: 13px;
        }

    .list-group > .list-deal-item .img-circle-block {
        vertical-align: middle;
        text-align: center;
        /*padding: 8px 5px 0 5px;*/
    }

        .list-group > .list-deal-item .img-circle-block .circle-name {

    width: 37px;
   
    text-align: center;
    font-size: 16px;
  
    float: right;
        }

.circle-name {
    margin: -2px 5px 0 5px;
    padding: 10px 0;
    border-radius: 50%;
     max-height: 40px; 
     min-height: 40px; 
    /*height: 90px;*/
    overflow: hidden;
     max-width: 40px; 
     min-width: 40px; 
    /*width: 90px;*/
    background-color: #49a8ea;
    color: #fff;
    text-align: center;
    /*font-size: 22px;*/
    text-transform: capitalize;
}
.circle-name-ticket
{
    margin: 2px 10px 0 30px;
    padding: 5px 0;
    border-radius: 50%;
    max-height: 35px;
    min-height: 35px;
    /* height: 90px; */
    overflow: hidden;
    max-width: 35px;
    min-width: 35px;
    /* width: 90px; */
    background-color: #49a8ea;
    color: #fff;
    text-align: center;
    /* font-size: 22px; */
    text-transform: capitalize;
}
.contact-info .circle-name {
    padding: 13px 0;
    height: 50px;
    width: 50px;
    margin-top:1%;
    max-height: 50px;
    max-width: 50px;
    font-size: 18px;
}
.border-radius-50per{
    border-radius:50%;
}
.btn-file-select{
        font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 15px;
}
.word-wrap-break{
    word-wrap: break-word;
}
.list-group > .list-deal-item .img-circle-block .img-circle {
    padding: 9px 0;
    border-radius: 50%;
    max-height: 40px;
    min-height: 40px;
    height: 40px;
    max-width: 40px;
    min-width: 40px;
    width: 40px;
    background-color: #fff;
    padding: 2px;
}


.list-group > .list-deal-item .btn-deal-actions {
    position: relative;
    padding-top: 2px;
}

.contacts-tabele .btn-contact-actions {
    position: absolute;
    margin-top: -19px;
}

.btn-Singlecontact-actions {
    margin-top: -6px;
    margin-left: -11%;
}

.contact-header {
    font-weight: 600;
    margin-top: -2%;
    margin-left: -12%;
    color: #04386D;
}

.list-group > .list-deal-item .progress {
    margin-bottom: 0;
    height: 4px;
    padding: 0;
    position: absolute;
    margin: 2px 0 0 0;
    left: 0;
    width: 100%;
    background-color: #04386d;
    border: none;
}

    .list-group > .list-deal-item .progress .progress-bar {
        background-color: #0fd676;
    }


.contacts-tabele .btn-contact-actions button {
    float: left;
    display: block;
    border-radius: 10px;
    border: 1px solid #E0E0E0;
    padding: 5px 15px 5px;
    margin-top: 3px;
    margin-left: 0;
    font-size: 12px;
    text-transform: capitalize;
    background: #fff;
    width: 150px;
}

.list-group > .list-deal-item .btn-deal-actions button {
    width: 88%;
    margin-left: 4%;
    float: left;
    display: block;
    border-radius: 10px;
    border: 1px solid #E0E0E0;
    padding: 3%;
    margin-top: 3px;
    font-size: 12px;
    text-transform: capitalize;
    background: #fff;
    text-align: left;
}

.contacts-tabele .btn-contact-actions button {
    padding: 2px 0px;
    width: 98px;
}
/*.contacts-tabele .btn-contact-actions {
    margin-left: 5px;
}*/

.list-group > .list-deal-item .btn-group.open .dropdown-toggle,
.contacts-tabele .btn-contact-actions .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

    .list-group > .list-deal-item .btn-group.open .dropdown-toggle:hover,
    .contacts-tabele .btn-contact-actions .btn-group.open .dropdown-toggle {
        -webkit-box-shadow: unset;
        box-shadow: unset;
        background-color: #eeeeee;
    }
    .list-group > .list-deal-item .btn-deal-actions button.dealStatus-none:hover {
        background-color: #eeeeee;
    }

/*.contacts-tabele .btn-contact-actions.btn-group.open .dropdown-toggle {
        -webkit-box-shadow: unset;
        box-shadow: unset;
        color: inherit !important;
    }*/

.list-group > .list-deal-item .btn-deal-actions button:hover,
.contacts-tabele .btn-contact-actions button:hover {
    border: 1px solid #aaa;
}

.list-group > .list-deal-item .btn-deal-actions button.dealStatus-none {
    border: 1px solid #f6b513 !important;
    color: #f6b513 !important;
}

    .list-group > .list-deal-item .btn-deal-actions button.dealStatus-none i.icon-dealStatus-none:before {
        content: "\f071";
    }

.list-group > .list-deal-item .btn-deal-actions button.dealStatus-future {
    border: 1px solid #bbbbbb !important;
    color: #bbbbbb !important;
}

    .list-group > .list-deal-item .btn-deal-actions button.dealStatus-future i.icon-dealStatus-future:before {
        content: "\f017";
    }

.list-group > .list-deal-item .btn-deal-actions button.dealStatus-today,
.contacts-tabele .btn-contact-actions button.dealStatus-today {
    border: 1px solid #49a8ea !important;
    color: #49a8ea !important;
}

.margin-left-6per {
    margin-left: 6%;
}

#contactsStage-dropdown {
    width: 300px;
    padding: 15px;
}

    #contactsStage-dropdown .form-group {
        width: 100%;
        margin-top: 5%;
    }

.btn-cancel {
    background-color: #fff;
    border: 1px solid #04386D;
    color: #04386D;
}

.tasklist-action {
    border: 1px solid #49a8ea !important;
    color: #49a8ea !important;
    background-color: #fff;
    width: 100%;
    border-radius: 10px;
    height: 24px;
    /* padding-left: 20%; */
    /* padding-right: 20%; */
    padding-top: 1px;
}


#FilterNotesBy {
    height: 34px;
    padding-left: 6%;
    color: #04386d;
    border-radius: 4px;
}

.note-user-img {
    /*border-radius: 16px;*/
    margin-left: 0%;
    margin-right: 2%;
    border: 1px solid #dddddd;
    margin-top: 10px;
}

.clear {
    clear: both;
}
.table-modified{
    border-collapse: collapse;
    border-spacing: 0;
	width: 100%;
    max-width: 100%;
	font-size: 12px;
	background-color: transparent;
}
.noteIcon {
    /*background-color: #e9eae6 !important;*/
    border-radius: 25px;
    width: 25px;
    height: 25px;
    /* padding-top: 1%; */
    /*padding-left: 1.5%;*/
    text-align: center;
}
.dealscount {
    background-color: #e9eae6 !important;
    border-radius: 25px;
    width: 25px;
    height: 25px;
    padding-top: 5px;
    font-size: 12px;
    text-align: center;
}
.won-deals-color{
        border-left: 4px solid #3fbdae;
}
.lost-deals-color{
        border-left: 4px solid #ed2124;
}
.open-deals-color{
        border-left: 4px solid #f38e35;
}
.won-order-color {
    border-left: 4px solid #49a8ea;
}
.btn-Singlecontact-actions button.dealStatus-today {
    border: 1px solid #49a8ea !important;
    color: #49a8ea !important;
    background-color: #fff;
    width: 125%;
    border-radius: 10px;
    height: 24px;
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 1px;
}

.btn-AutomationAction {
    border: 1px solid #49a8ea !important;
    color: #49a8ea !important;
    background-color: #fff;
    border-radius: 10px;
    padding-top: 5px;
    height: 32px;
}
.btn-AutomationAction-start {
    border: 1px solid #0fd676;
    color: #0fd676 ;
    background-color: #fff;
    border-radius: 10px;
    padding-top: 5px;
    height: 32px;
}
.btn-AutomationAction-start:hover{
    color: #fff !important;
    background-color: #0fd676 !important;

   
}
.btn-AutomationAction-pause {
    border: 1px solid #f94848;
    color: #f94848 ;
    background-color: #fff;
    border-radius: 10px;
    padding-top: 5px;
    height: 32px;
}
.btn-AutomationAction-pause:hover{
    color: #fff !important;
    background-color: #f94848 !important;

   
}
.btn-AutomationAction-resume {
    border: 1px solid #61b0e8;
    color: #61b0e8 ;
    background-color: #fff;
    border-radius: 10px;
    padding-top: 5px;
    height: 32px;
}
.btn-AutomationAction-resume:hover{
    color: #fff !important;
    background-color: #61b0e8 !important;

   
}

.width-160per {
    width: 160% !important;
}


.contactspagediv #pagerwithimages{
    margin-top: 5px;
}

.contactspagediv .pager-replace #pagerwithimages {
    padding-bottom: 75px;
}

#pagerwithimages li.disabled img {
    opacity: 0.5;
}
#SyncError_numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc);
    width: 22px;
    height: 22px;
    padding: 4px;
    border: 1px solid red;
    color: white;
    font: 10px Arial, sans-serif;
    background-color: red;
    margin-left: 5px;
}
.border-bottom-blue-dotted {
    border-bottom: 1px #008cba dotted;
}
.confirmEmailBackground {
    background-color: #008cba;
}
.btn-Singlecontact-actions .dropdown-menu > li > a {
    padding: 3px 8px;
    margin: 8px 5px;
    border: 1px solid #49a8ea;
    border-radius: 10px;
    text-align: center;
    color: #49a8ea;
    font-size: 13px;
}
.segment-toggel{
    height: 35px !important;
    padding-top: 6px !important;
    border-radius: 7px !important;
}
.segment-action-toggel{
    padding-top: 0.5%!important;
    height: 33px !important;
    margin-top: -0.3%;
    margin-right: 2px;
    border-radius:10px !important;
}
.margin-top-n03per{
    margin-top:-.3%;
}
.list-group > .list-deal-item .btn-deal-actions button.dealStatus-today i.icon-dealStatus-today:before,
.contacts-tabele .btn-contact-actions button.dealStatus-today i.icon-dealStatus-today:before {
    content: "\f017";
}

.list-group > .list-deal-item .btn-deal-actions button.dealStatus-late {
    border: 1px solid #f94848 !important;
    color: #f94848 !important;
}

    .list-group > .list-deal-item .btn-deal-actions button.dealStatus-late i.icon-dealStatus-late:before {
        content: "\f017";
    }


.contacts-tabele .btn-contact-actions .dropdown-menu {
    position: absolute;
    border-top-width: 1px;
    top: 26px;
    left: -50px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    -moz-background-clip: unset;
    -webkit-background-clip: unset;
    background-color: #fff;
    border-radius: 10px;
}

.margin-left-5per {
    margin-left: 5%;
}

.btn-Singlecontact-actions .dropdown-menu {
    position: absolute;
    border-top-width: 1px;
    top: 34px;
    left: -50px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    -moz-background-clip: unset;
    -webkit-background-clip: unset;
    background-color: #fff;
    border-radius: 10px;
    margin-top: -11%;
    margin-left: 23%;
}

.list-group > .list-deal-item .dropdown-menu {
    position: absolute;
    border-top-width: 1px;
    top: 34px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    -moz-background-clip: unset;
    -webkit-background-clip: unset;
    background-color: #fff;
    border-radius: 10px;
    left: 0;
}

    .list-group > .list-deal-item .dropdown-menu.user {
        top: 27px;
    }

.contacts-tabele .btn-contact-actions .dropdown-menu {
    left: -40px;
}

.list-group > .list-deal-item .dropdown-menu .divider {
    background-color: #61b0e8;
    margin: 0;
}
/*.contacts-tabele .btn-contact-actions .dropdown-menu {
    position: relative;
    border-top-width: 1px;
    top: 20px;
    left: -100px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    -moz-background-clip: unset;
    -webkit-background-clip: unset;
    background-color: #04386d;
}*/


.contacts-tabele .btn-contact-actions .dropdown-menu > li > a {
    padding: 3px 8px;
    margin: 8px 5px;
    border: 1px solid #49a8ea;
    border-radius: 10px;
    text-align: center;
    color: #49a8ea;
    font-size: 13px;
}

.list-group > .list-deal-item .dropdown-menu > li > a {
    padding: 3px 8px;
    margin: 8px 5px;
    border: 1px solid #61b0e8;
    border-radius: 10px;
    text-align: center;
    color: #61b0e8;
    font-size: 13px;
}

.tomatoicon {
    margin-top: -3%;
    width: 7%;
}

.segment-card-err {
    margin-top: -38%;
    padding-left: 0px;
}

.current-deals-table .tomatoicon{
    width: 10%;
}

.current-deals-table .deals-pipeline-card-rotten a{
    color: red !important;
}

.margin-top-1per {
    margin-top: 1%;
}
/*.list-group > .list-deal-item .dropdown-menu > li > a:hover,
    .list-group > .list-deal-item .dropdown-menu > li > a:active,
    .list-group > .list-deal-item .dropdown-menu > li > a:visited,*/
.contacts-tabele .btn-contact-actions .dropdown-menu > li > a:hover,
.contacts-tabele .btn-contact-actions .dropdown-menu > li > a:active,
.contacts-tabele .btn-contact-actions .dropdown-menu > li > a:visited {
    background-color: #49a8ea;
    color: white;
}
.disabledpostpone{
    color: #49a8ea;
    background-color: white;
}

.disabledpostpone:hover,disabledpostpone:active,disabledpostpone:visited{
    color: #49a8ea;
    background-color: white;
}

.show_deals {
    border: 1px solid #ccc;
    padding: 2px 10px;
    float: right;
    height: 33px;
    margin-right: 5%;
    box-shadow: none;
    border-radius: 8px;
    color: gray;
    background-color: #fff !important;
    overflow: hidden;
    font-size: 13px;
}

    .show_deals .dropdown-menu > li > a {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .show_deals option {
        border: 1px solid #ccc;
        border-radius: 14px;
    }

.margin-right-9per {
    margin-right: 9% !important;
}

.btn-primary-new-green {
    background-color: #fff !important;
    color: #0fd676 !important;
    border-color: #0fd676 !important;
}



    .btn-primary-new-green:hover, .btn-primary-new-green:focus, .btn-primary-new-green.active {
        background-color: #0fd676 !important;
        color: #fff !important;
        border-color: #0fd676 !important;
    }

.list-group > .list-deal-ite .open > .dropdown-menu {
    color: #000;
}

.list-group > .list-deal-item > a > i {
    color: #fff;
}


.list-group > .list-deal-item > a > div > .deal-status {
    position: relative;
    display: block;
    overflow: auto;
}

    .list-group > .list-deal-item > a > div > .deal-status.status-success {
        background-color: #00baa3;
        min-height: 40px;
    }

.list-group > .list-deal-item > a > div > .fa {
    color: #0693ce;
    background-color: #fff;
    padding: 5px;
    margin: 5px;
}

.list-group > .list-deal-item:hover, .list-group > .list-deal-item:focus {
    text-decoration: none;
    color: #555555;
   
}

.panel-new-deal {
    /*border-right: 2px solid #f99348;*/
    border:none;
}

    .panel-new-deal > .panel-heading {
        background-color: #f99348;
        /*border-right: 1px solid #cccccc;*/
        color: #fff;
    }

    .panel-new-deal > .panel-body > h2 {
        color: #f99348;
        font-weight: bold;
    }

.legen {
    margin-top: 5%;
}

.pie-persentage {
    margin-top: 16%;
    position: absolute;
    margin-left: 41%;
    font-size: 21px;
}

.panel-new-deal > .panel-body > h2 > span {
   
}

.panel-new-deal > .panel-heading.most-deal {
    /*margin-left: -15px;*/
    width: 100%;
}

    .panel-new-deal > .panel-heading.most-deal .arrow-left {
        border-bottom: 10px solid transparent;
        border-right: 15px solid #f99348;
        left: 0;
    }

.panel-won-deal {
    border: none;
}

.panel-border-won {
    border: none;
}

    .panel-border-won .panel-heading {
        color: #0fd676;
        font-size: 19px;
        padding: 5px 10px;
    }

    .panel-border-won .panel-body {
        padding: 5px 15px 15px 15px;
        color: #0fd676;
        font-size: 17px;
        font-weight: 600;
    }

        .panel-border-won .panel-body span {
            color: #04386d;
            font-size: 16px;
        }


.panel-won-deal > .panel-heading {
    background-color: #3fbdae;
    color: #fff;
    font-size: 19px;
    /*display: flow-root;*/
    width:100%;
    display: inline-block;
}

.panel-border-inprocess {
    border: 2px solid #f48e35;
}

    .panel-border-inprocess .panel-heading {
        color: #f48e35;
        font-size: 19px;
        padding: 5px 10px;
    }

    .panel-border-inprocess .panel-body {
        padding: 5px 15px 15px 15px;
        color: #f48e35;
        font-size: 17px;
        font-weight: 600;
    }

        .panel-border-inprocess .panel-body span {
            color: #04386d;
            font-size: 16px;
        }



.panel-inprocess-sales > .panel-heading {
    background-color: #f48e35;
    color: #fff;
    font-size: 19px;
    /*display: flow-root;*/
    width:100%;
    display: inline-block;
}

.panel-won-deal > .panel-body > h2 {
    color: #0fd676;
    font-weight: bold;
}

    .panel-won-deal > .panel-body > h2 > span {
       
    }

.panel-won-deal > .panel-heading.most-deal {
    /*margin-left: -15px;*/
    width: 100%;
}

    .panel-won-deal > .panel-heading.most-deal .arrow-left {
        border-bottom: 10px solid transparent;
        border-right: 15px solid #0fd676;
        left: 0;
    }

.panel-border-lost {
    border: 2px solid #f94848;
}

    .panel-border-lost .panel-heading {
        color: #f94848;
        font-size: 19px;
        padding: 5px 10px;
    }

    .panel-border-lost .panel-body {
        padding: 5px 15px 15px 15px;
        color: #f94848;
        font-size: 17px;
        font-weight: 600;
    }

        .panel-border-lost .panel-body span {
            color: #04386d;
            font-size: 16px;
        }

.panel-lost-deal {
    border: none;
}

    .panel-lost-deal > .panel-heading {
        background-color: #f94848;
        color: #fff;
        /*display: flow-root;*/
        width:100%;
        display: inline-block;
    }

    .panel-lost-deal > .panel-body > h2 {
        color: #f94848;
        font-weight: bold;
    }

        .panel-lost-deal > .panel-body > h2 > span {
          
        }

    .panel-lost-deal > .panel-heading.most-deal {
        /*margin-left: -15px;*/
        width: 100%;
    }

        .panel-lost-deal > .panel-heading.most-deal .arrow-left {
            border-bottom: 10px solid transparent;
            border-right: 15px solid #f94848;
            left: 0;
        }

.lost-deals-table {
    color: #000;
}
.countdealstatus-inprogress {
    background-color: #fcc69896 !important;
    border-radius: 25px;
    width: 38px;
    height: 25px;
    padding-top: 5px;
    font-size: 12px;
    color: white;
}
.countdealstatus-won {
    background-color: #a8fff691 !important;
    border-radius: 25px;
    width: 38px;
    height: 25px;
    padding-top: 5px;
    font-size: 12px;
    color: white;
}
.countdealstatus-lost {
    background-color: #ffb0b099 !important;
    border-radius: 25px;
    width: 38px;
    height: 25px;
    padding-top: 5px;
    font-size: 12px;
    color: white;
}
.funnel-component-border .progress {
    background-color: #c1c2bf;
    border-radius: 10px;
    padding: 0;
    border: none;
    margin-bottom: 0;
}

.progress-bar-success {
    background-color: #3fbdae !important;
}
.font-color-won {
    color: #3fbdae;
}
.padding-left-right-5px {
    padding-left: 5px;
    padding-right: 5px;
}
.panel-heading-stage {
    background-color: #e9eae6 !important;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.i-staging {
    position: relative;
    top: 4px;
}
.lost-deals-table > thead > tr {
    background-color: #f94848;
}

    .lost-deals-table > thead > tr > th {
        /*padding: 10px !important;*/
    }

.lost-deals-table > tbody > tr {
    background-color: #fff;
    color: #000 !important;
    text-align: center;
    font-weight: bold;
}

    .lost-deals-table > tbody > tr:hover, .lost-deals-table > tbody > tr:focus {
        background-color: #fff;
        color: #000 !important;
    }

.lost-deals-table > tbody > tr {
    background-color: #fff;
    color: #000 !important;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px #000 solid;
}

    .lost-deals-table > tbody > tr:hover, .lost-deals-table > tbody > tr:focus {
        background-color: #fff;
        color: #000 !important;
    }


    .lost-deals-table > tbody > tr > td {
        padding: 5px;
    }

/*88888888888888888888888888888888888888888888888888888888*/
.won-deals-table {
    color: #000;
}


    .won-deals-table > thead > tr {
        background-color: #00baa3;
    }

        .won-deals-table > thead > tr > th {
            /*padding: 10px !important;*/
        }

    .won-deals-table > tbody > tr {
        background-color: #fff;
        color: #000 !important;
        text-align: center;
        font-weight: bold;
    }

        .won-deals-table > tbody > tr:hover, .won-deals-table > tbody > tr:focus {
            background-color: #fff;
            color: #000 !important;
        }

    .won-deals-table > tbody > tr {
        background-color: #fff;
        color: #000 !important;
        text-align: center;
        font-weight: bold;
        border-bottom: 1px #000 solid;
    }

        .won-deals-table > tbody > tr:hover, .won-deals-table > tbody > tr:focus {
            background-color: #fff;
            color: #000 !important;
        }


        .won-deals-table > tbody > tr > td {
            padding: 5px;
        }


/*** Current Deal List view */
current-deals-table {
    color: #000;
}


/*.current-deals-table > thead > tr {
    background-color: #61b0e8;
}*/

.current-deals-table > tbody > tr {
    background-color: #eee;
    color: #000 !important;
    text-align: center;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-color: #333;
}

    .current-deals-table > tbody > tr:hover, .current-deals-table > tbody > tr:focus {
        background-color: #eee;
        color: #000 !important;
    }

    .current-deals-table > tbody > tr:nth-child(odd) {
        background-color: #fff;
    }

        .current-deals-table > tbody > tr:nth-child(odd) :hover, .current-deals-table > tbody > tr:nth-child(odd) :focus {
            background-color: #fff;
            color: #000 !important;
        }

    .current-deals-table > tbody > tr > td {
        padding: 5px;
    }


/** DEals Flow **/


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

.list-group > .list-deal-item .deals-card {
    cursor: pointer;
}

.tas-badge {
    height: 30px;
    /*margin-top: 20px;*/
}

.tas-badge-in-table {
    height: 100% !important;
    width: 15%;
    position: absolute;
    right: 0;
    top: 0;
    background-size: 70%;
}

/* CSS by GenerateCSS.com */
/*.generatecssdotcom_arrowpoint {position:absolute;top:0;right:0;font-size:8px;color:#cccccc;}
.generatecssdotcom_arrowpoint a {color:#cccccc;text-decoration:none;font-weight:normal;}
.generatecssdotcom_arrowpoint a:hover {color:#cccccc;text-decoration:none;font-weight:normal;}*/
/*.generatecssdotcom_arrow {text-align:left;font-size:24px;font-family:Georgia;color:#000000;width:250px;height:30px;position:relative;background:#E46B00;border:0px solid #FFCC00;margin:0px 0px 0px 8px;padding:10px;}*/
/*.tas-badge:after, .generatecssdotcom_arrow:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}*/

/*.tas-badge:after {
    border-right-color: yellow;
    border-width: 5px;
    margin-top: -5px;
}

.tas-badge:before {
    border-right-color: yellow;
    border-width: 5px;
    margin-top: -5px;
}*/

.tas-badge-none {
    background-color: #fff !important;
    background-image: url(../css/images/alert.png);
    background-position-x: bottom;
    background-position-y: center;
    background-position: bottom;
    background-repeat: no-repeat;
}

.min-width-100per {
    min-width: 100%;
}

/*.tas-badge-none:after, .tas-badge-none:before {
    border-right-color: #ee3 !important;
}*/

.tas-badge-future {
    background-color: #61b0e8 !important;
    background-image: url(../css/images/upcomingtask.png);
    background-position-x: center;
    background-position-y: center;
    background-position: center;
    background-repeat: no-repeat;
}

    .tas-badge-future:after, .tas-badge-future:before {
        border-right-color: #61b0e8 !important; /* was #bbb */
    }

.tas-badge-today {
    background-color: #61b0e8 !important;
    background-image: url(../css/images/activetask.png);
    background-position-x: center;
    background-position-y: center;
    background-position: center;
    background-repeat: no-repeat;
}

    .tas-badge-today:after, .tas-badge-today:before {
        border-right-color: #61b0e8 !important; /* was green */
    }

.tas-badge-late {
    background-color: red !important;
    background-image: url(../css/images/activetask.png);
    background-position-x: center;
    background-position-y: center;
    background-position: center;
    background-repeat: no-repeat;
}

    .tas-badge-late:after, .tas-badge-late:before {
        border-right-color: red !important;
    }

.deals-card .hidden-overflow {
    height: 15px;
}

.currentDealViewBtn i {
    display: block;
    clear: left;
    /*min-width: 40px;*/
    background-position-x: center;
    min-height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 40px;
}

    .currentDealViewBtn i.timelineBtn , .deals-button-group i.timelineBtn{
        background-image: url(..//Images/timeline-grey.png);
        /*margin-top: 5px;*/
    }

    .currentDealViewBtn i.pipelineBtn , .deals-button-group i.pipelineBtn{
        background-image: url(..//Images/pipeline-grey.png);
        /*margin-top: 5px;*/
    }

    .currentDealViewBtn i.listBtn , .deals-button-group i.listBtn {
        background-image: url(..//Images/list-grey.png);
        /*margin-top: 5px;*/
    }
     .currentDealViewBtn i.dealsdashboard , .deals-button-group i.dealsdashboard {
         font-size:18px;
         color: grey;
        /*margin-top: 5px;*/
    }
     deals-button-group i.dealsdashboard{
         font-size:18px;
     }
     .deals-button-group li i, #deal-view-fillter-icon{
         width:18px;
         height:18px;
         margin-right: 5px;
         display:inline-block;
         background-size:cover;
         float:left;
     }
    .deals-nav-menu {
        background-color: #fff;
        font-size:17px;
        color: #666;
    }

    #deal-view-fillter{
        color: #666;
        font-size:17px;
        float:left;
    }
    .currentDealViewBtn i.timelineBtn:hover,
    .currentDealViewBtn i.timelineBtn:focus,
    .currentDealViewBtn i.timelineBtn:visited,
    .currentDealViewBtn.active i.timelineBtn {
        background-image: url(..//Images/timeline-blue.png);
    }

    i.pipelineBtn:hover,
    i.pipelineBtn:focus,
    i.pipelineBtn:visited,
    i.pipelineBtn {
        background-image: url(..//Images/pipeline-grey.png);
    }

    .currentDealViewBtn i.listBtn:hover,
    .currentDealViewBtn i.listBtn:focus,
    .currentDealViewBtn i.listBtn:visited,
    .currentDealViewBtn.active i.listBtn {
        background-image: url(..//Images/list-blue.png);
    }

    .currentDealViewBtn i.dealsdashboard:hover,
    .currentDealViewBtn i.dealsdashboard:focus,
    .currentDealViewBtn i.dealsdashboard:visited,
    .currentDealViewBtn.active i.dealsdashboard {
        color:#49a8ea;
    }
/*********** subMenu **********/


.subMenu > ul > li {
}

    .subMenu > ul > li > a {
        margin-top: -5px;
        margin-bottom: -5px;
        border-left: 1px solid #41b8e2;
    }

        .subMenu > ul > li > a:hover, subMenu > ul > li a:focus {
            background-color: #04709e !important;
        }


    .subMenu > ul > li.active > a {
        background-color: #04709e !important;
    }



/*** Common ***/
.select2-container .select2-choice abbr.select2-search-choice-close {
    margin-top: -1px;
    display: block;
}

form label.error {
    color: red;
    display: none;
}

select.error, input.error, textarea.error, div.select2-container.error {
    border-color: red;
    border-style: solid;
}

.select2DisableAndAddNew, .select2DisableAndAddNew:hover, .select2DisableAndAddNew:visited, .select2DisableAndAddNew:active {
    margin: 5px 0;
    font-size: smaller;
    color: #66f;
}

#addDealModel .modal-dialog {
    margin-top: 5%;
}

#addDealModel #ExpectedClosureDate {
    height: 32px;
}

#addDealModel div.select2-container, #addDealModel .select2-choice {
    height: 30px;
}

    #addDealModel div.select2-container .select2-chosen {
        height: 30px;
        margin-top: 2px;
    }
/*** Sales Insight **/
.salesTeamInsightTable .InsightCircle {
    border-radius: 50%;
    width: 81px;
    height: 81px;
    display: inline-block;
    margin: 0px;
    position: relative;
}

    .salesTeamInsightTable .InsightCircle .InsightInnerCircle {
        border-radius: 50%;
        width: 71px;
        height: 71px;
        margin: 5px;
        position: relative;
        display: table;
    }

    .salesTeamInsightTable .InsightCircle .InsightText {
        /*position: absolute;
    top: 50%;
    margin-top: -11px;*/
        display: table-cell;
        vertical-align: middle;
        font-size: 14px;
        max-width: 71px;
        text-align: center;
        color: white;
        font-weight: bold;
        left: 0;
        overflow: hidden;
    }

    .salesTeamInsightTable .InsightCircle.GroupingHeader {
        background: #04386D;
        margin-bottom: 5px;
    }

        .salesTeamInsightTable .InsightCircle.GroupingHeader .InsightInnerCircle {
            background: #004fa1;
            z-index: 1;
        }

        .salesTeamInsightTable .InsightCircle.GroupingHeader:after {
            top: 82%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(136, 183, 213, 0);
            border-top-color: #04386D;
            border-width: 30px;
            margin-left: -30px;
            z-index: 0;
        }

    .salesTeamInsightTable .InsightCircle.UserCircle {
        background: #49a8ea;
        margin-right: 5px;
    }

        .salesTeamInsightTable .InsightCircle.UserCircle .InsightInnerCircle {
            background: #1f95e7;
            z-index: 1;
        }

        .salesTeamInsightTable .InsightCircle.UserCircle:after {
            left: 82%;
            top: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(136, 183, 213, 0);
            border-left-color: #49a8ea;
            border-width: 30px;
            margin-top: -30px;
            z-index: 0;
        }

    .salesTeamInsightTable .InsightCircle.PercentageContainer {
        background: #bce4ff;
        width: 80px;
        height: 80px;
    }

        .salesTeamInsightTable .InsightCircle.PercentageContainer .InsightInnerCircle {
            background: white;
            height: 76px;
            width: 76px;
            margin: 2px;
            overflow: hidden;
        }

        .salesTeamInsightTable .InsightCircle.PercentageContainer .percentageTextContainer {
            background-color: transparent;
            display: table;
            position: absolute;
        }

        .salesTeamInsightTable .InsightCircle.PercentageContainer .percentageBarContainer {
            position: relative;
            display: block;
        }

        .salesTeamInsightTable .InsightCircle.PercentageContainer .InsightText {
            color: #04386D;
            position: relative;
            z-index: 60;
        }

        .salesTeamInsightTable .InsightCircle.PercentageContainer .PercentageBar {
            bottom: 0;
            position: absolute;
            height: 0;
            width: 100%;
            /*background: #23d7b0;*/
            left: 0;
            z-index: 50;
            background-image: url(../css/images/sales-team-green.png);
            background-position-x: center;
            background-position-y: top;
            padding-top: -5px;
        }

.btn-salesTeamInsight {
    text-align: left;
    margin-bottom: 5px;
    border: none;
    padding-left: 15px;
    background-color: #61b0e8;
    color: white;
}

    .btn-salesTeamInsight.active, .btn-salesTeamInsight:focus, .btn-salesTeamInsight:hover {
        background-color: #04386D;
        color: white;
    }

table.salesTeamInsightTable {
    margin-left: auto;
    margin-right: auto;
}

    table.salesTeamInsightTable .salesTeamInsightHorizontalColumn:last-of-type {
        display: none;
    }

    table.salesTeamInsightTable .salesTeamInsightVerticalRow:last-of-type {
        display: none;
    }

    table.salesTeamInsightTable .salesTeamInsightHorizontalLine {
        background-color: black;
        width: 16px;
        height: 2px;
        display: inline-block;
        margin: 0 -2px;
    }

    table.salesTeamInsightTable .salesTeamInsightVerticalLine {
        background-color: black;
        height: 16px;
        width: 2px;
        margin: -2px 0;
        display: inline-block;
    }

    table.salesTeamInsightTable td {
        padding: 0px;
        margin: 0px;
    }

.salesInsight-icon {
    display: inline-block;
    height: 18px;
    width: 18px;
    background-position: center;
    background-size: contain;
}

.salesInsight-Source-icon {
    background-image: url(../css/images/source.png);
}

.salesInsight-Product-icon {
    background-image: url(../css/images//product.png);
}

.salesInsight-Region-icon {
    background-image: url(../css/images//location.png);
}
/*** End Sales Insight **/

/** Sales Funnel Report */

.progress-bar-inprogress {
    background-color: #f48e35 !important;
    background-image: none;
}

.funnel-total-border {
    border: 1px solid #cccccc;
}

.funnel-component-border {
    /*border-color: #fff;
    border-width: 2px;
    border-style: solid;
    background-color: #cccccc;*/
}
/** End Sales Funnel report*/

#alert-container {
    position: fixed;
    top: 96px;
    left: 0px;
    padding: 0;
    width: 100%;
    margin: 5px 0;
    margin-bottom: 0px;
    z-index: 900;
}


/** Common noUiSlider **/
#sliderContainer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    padding: 0 5px !important;
    width: 100%;
    margin: 5px;
    margin-bottom: 0px;
    padding-bottom: 20px !important;
    background: white;
    padding-top: 15px !important;
    border-top-color: #ccc;
    border-top-width: 1px;
    border-top-style: solid;
    z-index: 900;
}

.ReportSliderPadding {
    padding-bottom: 100px;
}

#sliderContainer .noUi-connect {
    background-color: #0693ce;
}

#sliderContainer .noUi-background {
    background-color: #333;
}

/*#sliderContainer .noUi-stacking {
    background-color:#61b0e8 ;
}
*/
#sliderContainer .noUi-value-horizontal {
    margin-left: -25px;
    padding-top: 10px;
    color: #333;
}

#sliderContainer .noUi-marker-horizontal.noUi-marker-large {
    height: 5px;
    color: #333;
}

#sliderContainer .noUi-value {
    width: 50px;
    text-wrap: none;
}

#sliderContainer #quarterslider {
    /*padding-right: 10px;*/
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-left: 0;
}

#sliderContainer .noUi-handle {
    border-color: #aaa;
    box-shadow: none;
    background-color: #aaa;
}



/*.noUi-base {
    width: 100% !important;
    height: 60% !important;
    position: relative !important;
}

.noUi-horizontal .noUi-handle {
    width: 15px !important;
    height: 15px !important;
    left: -10px !important;
    top: -4px !important;
    border-radius: 50% !important;
}

.noUi-pips-horizontal {
    padding: 5px 0 !important;
    height: 50px !important;
    top: 100% !important;
    left: 0 !important;
    width: 98% !important;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 6px !important;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 11px !important;
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px !important;
    width: 1px !important;
}

.noUi-value-horizontal.noUi-value-sub {
    padding-top: 10px !important;
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -2px !important;
    width: 1px !important;
    height: 5px !important;
}

.noUi-value-horizontal {
    margin-left: -20px !important;
    padding-top: 14px !important;
    color: #49a8ea !important;
}*/






/*** Calendar View */
.fc-view-container {
    background-color: white;
}

a.fc-event {
    padding: 5px;
    /*background-color: #0693ce;*/
}

    a.fc-event i {
        margin-right: 5px;
    }

.green-calender {
    /*background-color: #43ac6a !important;
    border-color: #3c9a5f !important;*/
    border-bottom: none !important;
    border-top: none !important;
    border-right: none !important;
    color: #43ac6a !important;
    border-left: 10px #43ac6a solid !important;
    border-radius: 0px !important;
    background-color: transparent !important;
}
.redbtn {
    background-color: red;
    color: white;
}
.legend-label {
    background: #e9eae6;
    color: #99a3b9;
}
.red-calender {
    /*background-color: #f04124 !important;
    border-color: #ea2f10 !important;*/
    border-bottom: none !important;
    border-top: none !important;
    border-right: none !important;
    color: #ea2f10 !important;
    border-left: 10px #ea2f10 solid !important;
    border-radius: 0px !important;
    background-color: transparent !important;
}

.normal-calender {
    border-bottom: none !important;
    border-top: none !important;
    border-right: none !important;
    color: #61b0e8 !important;
    border-left: 10px #61b0e8 solid !important;
    border-radius: 0px !important;
    background-color:transparent !important;
}


.read-only-calendar {
    /*background-color: #bbb !important;
    border-color: #bbb !important;*/
    border-bottom: none !important;
    border-top: none !important;
    border-right: none !important;
    color: #bbb !important;
    border-left: 10px #bbb solid !important;
    border-radius: 0px !important;
    background-color: transparent !important;
}

#alert_placeholder {
    margin-top: 5px;
}
.note-subject{
    padding: 0;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: 0px;
    padding-bottom: 10px;
    display: block;
}
/**** Note Listing */
.note-email-subject {
    font-weight: 600;
    color: #666;
    padding: 4px;
    /*border: 1px;
    border-style: solid;
    border-color: #ccc;*/
}

.note-email-body {
    display:block;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-top-width: 0px;
    overflow-wrap: break-word;
    /* width: 100%; */
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-size: 1.1em;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.note-formdata-table tr td {
    padding-left: 10px;
}

/** End Note listing*/

/*** Settings Screens */
/* make sidebar nav vertical */
@media (min-width: 768px) {
    .sidebar-nav .navbar .navbar-collapse {
        padding: 0;
        max-height: none;
    }

    .sidebar-nav .navbar ul {
        float: none;
    }

        .sidebar-nav .navbar ul:not {
            display: block;
        }

    .sidebar-nav .navbar li {
        float: none;
        display: block;
        width: 100%;
    }

        .sidebar-nav .navbar li a {
            padding-top: 7px;
            padding-bottom: 7px;
            width: 100%;
        }

    .settings-menu {
        width: 100%;
        background-color: #fff;
        color: #333;
    }

        .settings-menu li {
            text-align: left;
            padding-left: 10px;
        }

            .settings-menu li a, .settings-menu li a:active, .settings-menu li a:hover, .settings-menu li a:visited {
                color: #666 !important;
                background-color: #fff !important;
            }

                .settings-menu li a:hover {
                    background-color: #eee !important;
                }

                .settings-menu li a.active, .settings-menu li a.active:active, .settings-menu li a.active:hover, .settings-menu li a.active:visited {
                    background-color: #0693ce !important;
                    font-weight: 500 !important;
                    color: #fff !important;
                }

            .settings-menu li.navitem {
                background-color: #F94848;
            }

                .settings-menu li.navitem i {
                    width: 20px;
                }

        .settings-menu h5 {
            font-weight: 500;
            color: #0693ce;
        }

       
   li#gear_nav .upper-right-menu , li#name_nav .upper-right-menu {
        
           box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

        background-color: transparent;
        padding-top:7px;
       
        
        font-weight: 400;
    }
    li#name_nav .upper-right-menu {
        right:0px;
        left: auto;
        min-width: 180px;
        padding-top:11px;
    }
   #gear_nav:hover > .upper-right-menu ,#name_nav:hover > .upper-right-menu {
       display:block;
   }

        .upper-right-menu i {
        }

        .upper-right-menu > li > a:hover {
            background-color: #2d3e50 ;
        }

      li#gear_nav .upper-right-menu > li > a ,li#name_nav .upper-right-menu > li > a {
           
            background-color: #FFF;
    color: #75767B;
   
    padding: 10px;
    font-weight: 400;
        }
      li#gear_nav .upper-right-menu > li > a:hover ,li#name_nav .upper-right-menu > li > a:hover{
           
          /*color: #49a8ea;*/
        }
}

table.user-list tr:first-child td {
    border-top: 0 !important;
    padding-top: 10px !important;
}

table.user-list tr td {
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    border-bottom-style: dotted;
    border-width: 1px;
    border-color: #eee;
}

.subMenu {
    float: none ;
}

    .subMenu > li:first-child {
        border-left: 1px solid #cccccc;
    }

    .subMenu > li {
        border-right: 1px solid #cccccc;
        
    }

        .subMenu > li > a {
            height: 100%;
        }

        .subMenu > li.active > a {
            /*background-color: #3b539b !important;*/
            background-color: #fff;
            color: #000 ;
        }

        .subMenu > li > a:active, .subMenu > li > a:focus, .subMenu > li > a:hover {
            /*background-color: #3b539b !important;*/
            background-color: #e9eae6 ;
            color: #04386d ;
        }

        .subMenu > li > a.active {
            background-color: #e9eae6 ;
            height: 33px;
        }

table.user-list tr.not-confirmed {
    font-weight: normal !important;
    background-color: #eef;
    font-style: italic;
}

table.user-list td.user-name {
    font-weight: bold;
}

table.user-list tr.not-confirmed td.user-name {
    font-weight: normal;
}

table.user-list tr td.user-list-actions {
    text-align: right;
    padding-right: 15px;
}

table.user-list tr td.user-name a {
    color: #333;
}

table.user-list td.user-name .user-role {
    font-weight: bold;
    color: #0693CE;
}

table.user-list td.user-name .user-list-info {
    display: block;
    color: #999;
    font-weight: normal;
    font-size: small;
}

table.user-list td a.user-list-email {
    /*display: block;
        background-color: #eee;
        border: 1px dotted #aaa;*/
    padding: 2px;
}

.settings-header {
    /*background-color: white;*/
    margin: 0;
    padding: 10px 20px;
    color: #0693CE;
}
/** End Settings Screens */
/** begin of typehead styles*/
#selectedSuggestion {
    border: 1px dashed silver;
    margin: 10px 0;
    padding: 5px;
}

.repo-language {
    float: right;
    font-style: italic;
}

.yahoo-color {
    color: #500095 !important;
}

.linkedin-color {
    background-color: #1b5480 !important;
    font-size: 30px;
    color: #fff;
    padding: 3%;
}

.typeahead, .tt-query, .tt-hint {
    font-weight:500;
    /*width: 300px;*/
    padding: 8px;
    font-size: 14px;
    /*border: 2px solid #ccc;*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 0px;
    outline: none;
    /*display:none;*/
}

#SmartFilterTabContent .typeahead, .tt-query, .tt-hint {
    font-weight: 500;
    padding: 9px;
    font-size: 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 0px;
    outline: none;
    left: auto !important;
    color: #6f6f6f;
}

    .import-block {
    height: 110px;
    text-align: center;
    padding-top: 39px;
    font-size: 27px;
    border-radius: 26px;
    margin: 1%;
    width: 30% !important;
}

.import-block-triangle {
    padding: 0 26px;
    margin-bottom: 20px;
}

.import-block-triangle-OtherCRM {
    padding: 0 50px;
    margin-bottom: 20px;
}



.typeahead {
    background-color: #fff;
}

.IN-widget {
    width: 100%;
}

    .IN-widget span {
        width: 100% !important;
    }

        .IN-widget span span {
            width: 100% !important;
        }

            .IN-widget span span a {
                width: 100% !important;
            }

.linkedin-import2 {
    font-size: 0 !important;
    min-width: 120px;
    min-height: 120px !important;
    background-image: url(../images//linkedinicon.png);
    background-repeat: no-repeat;
    padding: 0;
    margin: 0 !important;
}

.IN-widget span {
    margin: 0 !important;
}

.linkedin-import {
    font-size: 23px !important;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 300 !important;
    text-align: center;
    padding-left: 5%;
    width: 100%;
}

.typeahead: focus {
    border: 2px solid #0097cf;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #ccc;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-dropdown-menu {
   width: 200px;
    margin-top: 0px;
    padding: 10px;
    background-color: #fff;
    
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
     box-shadow: 0 1px 2px rgba(0, 0, 0, .2); 
    z-index: 9999;
    border-top: 1px solid #ccc;
}


.navbar-form .tt-dropdown-menu {
    width: 100%;
    
    
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

/*.tt-dropdown-menu:after, .tt-dropdown-menu:before {
    bottom: 100%;
    left: 15%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}*/

/*.navbar-form .tt-dropdown-menu:after, .navbar-form .tt-dropdown-menu:before {
    left: 75%;
}*/

/*.tt-dropdown-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}

.tt-dropdown-menu:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #ccc;
    border-width: 9px;
    margin-left: -9px;
}*/

.tt-suggestion {
    padding: 3px 20px;
    line-height: 18px;
    display: block;
}
   
    
.rule-value-container .tt-suggestion {
 padding: 3px 20px;
    line-height: 18px;
    display: block;
    padding-left: 0px;
    overflow: hidden;
}    
.rule-value-container .tt-dropdown-menu{
    width:200px;
}
#navigation_form {
    height:26px;
}
div#upper_part_navigation {
    padding:5px 0px;
}
.navbar-form .tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

#Advanced .tt-dropdown-menu{
    padding: 5px;
}

#Advanced .tt-suggestion{
    padding: 3px 10px;
    color: #333;
}

#Advanced .empty-message , #Advanced .tt-hint{
    color:#aaa;
}
#Advanced .tt-hint{
    padding: 3px 10px !important;
}

.tt-suggestion.tt-cursor .results_value_container{
    color: #fff;
    background-color: #efefef;
}

#SmartFilterTabContent .tt-suggestion .type_results{
    display: none;
}

#SmartFilterTabContent .tt-suggestion .results_value_container{
    width:100%;
    padding-left:5px;
}

.tt-suggestion p {
    margin: 0;
}


/** End Settings Screens */

.btn-export {
    margin-left: 2px;
    background-color: #77a;
    border: 0;
}

.importContactCSVButton , .importTaskCSVButton {
    background-color: #49a8ea;
    border-color: #49a8ea;
}

/*** Sales level */

.profile-complete-level-20 {
    background-color: #fedc45;
}

.profile-complete-level-40 {
    background-color: #b7db54;
}

.profile-complete-level-60 {
    background-color: #80ec38;
}

.profile-complete-level-80 {
    background-color: #3cd36a;
}

.profile-complete-level-100 {
    background-color: #00b16a;
}

/** Single Contact */
.deals-summary-panel {
    padding-top: 10px;
    padding-bottom: 7px;
}

.dropbBoxEmail {
    background-color: white;
    font-size: small;
    width: 100%;
    margin: 2px 0 7px 0;
    display: block;
    box-shadow: none;
    border-style: solid;
    border-width: 1px;
    color: #9b9b9b !important;
    border-color: #9b9b9b;
}
.dropBoxEmailIcon{
    cursor: pointer;
    border-color:#9b9b9b;
}
.font-color-9b9b9b {
    color:#9b9b9b !important;
}
#CopyDropBoxEmail {
    margin: auto;
    width: 90%;
}

.dropbox-widget .box-info {
    font-size: x-small;
    color: #999;
}

.dropbox-widget .box-icon {
    font-size: x-small;
    color: #f38e35;
}

.dropbox-widget .box-title {
    font-size: small;
}

.popup-user-mail {
    font-family: 'lato','Times New Roman', Times, serif;
    color: #424242;
    padding: 10px;
    font-size: 20px;
    text-align: left;
}


.popup-user-message {
    font-family: 'lato','Times New Roman', Times, serif;
    padding: 10px;
    font-size: 20px;
    text-align: left;
}

    .popup-user-message p {
        color: #424242;
        padding: 0;
        margin: 0;
    }

.btn-popup-continue {
    padding: 14px;
    width: 150px;
    font-size: 20px;
}

.btn-disable {
    color: #000;
    background-color: #cccccc;
    border-color: #cccccc;
    padding: 5px 7px !important;
}
.search-text.typeahead.tt-input
{
    font-size:14px !important; /*To Avoid overlapping in the top search box*/
}
.typeahead, .tt-query, .tt-hint {
    /*padding: 6px !important;*/
}
#navigation_form .typeahead, #navigation_form .tt-query,#navigation_form .tt-hint {
    padding: 6px !important;
}
#SearchBy .tt-hint {
    /*#SearchBy .typeahead, #SearchBy .tt-query, */
    /*top: 3px !important;*/
    
    left: 1px !important;
    }

    .smart-filter-tabs .tt-query, .smart-filter-tabs .tt-hint {
    font-size: 15px;
}
#ContactInfoPanel  .tt-hint {
    font-size: 15px;
}
#notification-nav {
    list-style: none;
    margin: 0;
    width: 100%;
}


    #notification-nav li.notification_li {
        float: left;
        margin-right: 0;
        font-size: 14px;
        font-weight: bold;
        position: absolute;
        right: 0;
        z-index: 999;
    }


li.help_li {
    float: left;
    padding-right: 10px;
    padding-top: 13px;
    padding-left: 10px;
}

    li.help_li i {
        font-size: 26px;
    }


    .api-key-text{
        padding-left:100px;
        padding-bottom:30px;
        font-size:14px;
        font-weight:800;
        width:80%;
    }

    .Ical-text{
        padding-bottom:20px;
        padding-top:20px;
        font-size:14px;
        font-weight:700;
        width: 80%; 
    }

    .api-key-text-under-api-textbox{
        font-size:14px;
        font-weight:500;
        padding-top:15px;
    }

    .api-key-text-under-api-textbox .box-icon{
        color: #f38e35;
    }

/*#notification-nav li a {
        color: #333333;
        text-decoration: none;
        font-weight: 500;
        font-size: 13px;
        position: relative;
    }*/

/*#notification-nav li a i {
            position: absolute;
            top: 3px;
            left: 0;
        }*/

#notification-nav li a:hover {
    color: #006699;
    text-decoration: none;
}

/*#notification_li {
    position: relative;
}*/

#notificationContainer {
    overflow: hidden;
    height: auto;
    position: absolute;
   top: 32px;
    left: -157px;
    width: 333px;
    z-index: 9999;
    display: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.notification-tab-button {
    width: 100%;
    text-align: center;
    background: transparent;
    border: 1px solid #49a8ea;
    font-size: 13px;
    padding: 3%;
    margin-top: 4%;
    margin-bottom: 6%;
}
    .notification-tab-button:hover{
        background-color: #49a8ea;
        color: #fff;
    }
.notification-tab .active {
    background-color: #49a8ea;
    color: #fff;
}
.notification-tab-mark-all-read{
    font-weight:bolder;
    padding:5px;
}
    .margin-top-35px {
        margin-top: 35px;
    }

.margin-top-40px {
    margin-top: 40px;
}

#notificationTitle {
    font-weight: bold;
    padding: 8px;
    font-size: 13px;
    background-color: #ffffff;
    position: fixed;
    z-index: 1000;
    width: 385px;
    color: red;
}

.message-title {
    color: #04386d !important;
    font-weight: 500;
    font-size: 15px;
}

.min-height-300px {
    min-height: 300px;
}

.min-height-220px {
    min-height: 220px;
}

.min-height-100x {
    min-height: 100px;
}

#notificationsBody {
    padding: 33px 0px 0px 0px !important;
}

#notificationFooter {
    background-color: #e9eaed;
    text-align: center;
    font-weight: bold;
    padding: 8px;
    font-size: 12px;
    border-top: 1px solid #dddddd;
}

#notification_count {
    float: left;
    position: absolute;
    top: -2px;
    left: 14px;
    color: inherit;
    font-weight: 600;
    color: white;
    background-color: #F69679;
    /* padding: 2.5px 2.5px; */
    border-radius: 50%;
    font-size: 14px;
    width: 20px;
    height: 20px;
    text-align: center;
}

#SmartFilterTabContent form input.search-text {
    height:32px;
}

#SmartFilterTabContent form button.search_contacts_button {
        padding: 4px 15px 5px 15px;
}

a.list-group-item.focus {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
}

.integration-block-video {
    background-color: lightgray;
    opacity: .8;
    vertical-align: bottom;
    bottom: 0px;
    position: absolute;
    margin-top: 7%;
}
    .integration-block-video img {
        float: right;
        width: 22px;
        cursor: pointer;
        margin-top: 3.5px;
    }
.integration-block-help {
    width: 17px;
    height: 17px;
    background-color: #008cba;
    color: #fff !important;
    border-radius: 50%;
    text-align: center;
    font-size: 12.5px;
    float: right;
    font-weight: 600;
    margin-right: 4%;
    margin-top:3px;
}
    
    .integration-block-icon-status {
        position: absolute;
        top: -15px;
        right: 4px;
        border-radius: 50%;
        height: 30px;
        width: 30px;
        padding-left: 3%;
        padding-top: 2%;
    }

.google-status {
right:540px !important;
}

.google-mail-current-sync{
    font-size:14px;
    font-weight:800;
    color:#999;
}

.forms-status {
    position: absolute;
    top: -15px;
    right: 7%;
    font-size: 5px;
    padding: 5px;
    border-radius: 50%;
    height: 35px;
    width: 35px;
}

    .forms-status span {
        color: white;
        font-size: 15px;
        padding-top: 5px;
        padding-left: 30%;
    }

    .forms-status.forms-status-Active {
        background-color: #0fd676;
    }
    .forms-status-Error{
        background-color:#f94848;
    }
.integration-block-icon-status span {
   color: white;
    font-size: 16px;
}

.helpdesk-status-Active {
    background-color: #0fd676;
}

.helpdesk-status-NotActive {
    background-color: #f38e35;
}

.helpdesk-status-HasError {
    background-color: #f94848;
}



/***********************************************/
/* subscription */

.l-subscription-body {
    background-color: #fff;
}

    .l-subscription-body .navbar-brand {
        background: transparent;
        margin-top: 0px;
    }

    .l-subscription-body .navbar-brand {
        background: transparent;
        margin-top: 0px;
    }

    .l-subscription-body .navbar-default {
        background-color: transparent;
    }

.l-subscription-body {
    /*background-color: #49a8ea;*/
}

    .l-subscription-body .subscription-container {
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding: 0px 40px;
    }

    .l-subscription-body .subscription-content {
        background-color: #fff;
        padding: 5px 20px;
    }

    .l-subscription-body .subscription-header {
        padding: 15px 5px;
        margin-bottom: 15px;
    }

    .l-subscription-body .subscription-group-title {
        color: #f94848;
        font-variant-caps: unicase;
        font-weight: bold;
        float: right;
        line-height: 53px; /* To match logo*/
        margin: 0px;
    }

    .l-subscription-body .subscription-logout {
        font-weight: bold;
        float: right;
        margin: 0px;
        width: 100%;
    }

        .l-subscription-body .subscription-logout a {
            color: #49A8EA !important;
            float: right;
            text-decoration: underline;
        }

    .l-subscription-body .alert-container {
        background-color: #F8F8F8;
        border-color: #cccccc;
        overflow: auto;
        color: #000;
    }

    .l-subscription-body .subscription-details-label {
        font-size: 15px;
        color: #000;
        margin: 0px 0px 5px;
        font-weight: 400;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .l-subscription-body .alert-details {
        background-color: #FCF8E3;
        overflow: auto;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000;
    }

    .l-subscription-body .order-summary-container .row .headercell {
        padding: 10px !important;
    }
    /** TRIAL ***/
    .l-subscription-body .subscription-review-label {
        font-size: 20px;
        color: #000;
        margin: 0px 0px 10px;
        font-weight: 400;
    }

    .l-subscription-body .submit-to-review {
        color: #FFF;
        background: none repeat scroll 0% 0% #D6472F;
        font-size: 16px;
        transition: all 0.2s ease 0s;
        border-radius: 8px;
        padding: 0.8em 3em;
        border-style: none;
        float: right;
    }

    .l-subscription-body .submit-to-changebilling {
        color: #FFF;
        background: none repeat scroll 0% 0% #9a8683;
        font-size: 16px;
        transition: all 0.2s ease 0s;
        border-radius: 8px;
        padding: 0.8em 3em;
        border-style: none;
        float: left;
    }

    .l-subscription-body .price-due-on {
        color: #999;
    }

    .l-subscription-body .order-summary-container div {
        text-align: right;
        color: #000;
        font-size: 16px;
        font-weight: 400;
    }

    .l-subscription-body .order-summary-container {
        border-collapse: separate;
    }

        .l-subscription-body .order-summary-container .item-row {
            background-color: #dddddd;
        }

        .l-subscription-body .order-summary-container .header {
            background-color: #cccccc;
        }

        .l-subscription-body .order-summary-container .row .cell {
            padding: 15px 10px;
        }

        .l-subscription-body .order-summary-container .total-row {
            border-top: 1px dashed #E0E0E0;
        }
/**********************************************/
/* Subscription info page*/
.subscription-plan-trial-badge {
    color: green;
    font-size: small;
    font-weight: bold;
}

.subscription-plan-change-label {
    color: #999;
    font-size: small;
    padding-left: 30px;
}


.pagerLink {
    background-color: #ffffff !important;
    padding: 10px 10px !important;
    border-radius: 15px !important;
}
/**********************************************/
/* Groups */

.groups-list .groups-list-item {
    min-height: 275px;
}

.groups-list .group-header {
    background-color: #fff;
    border-bottom: 2px solid #dcdcdc;
    height: 160px;
}

.groups-list .group-avatarImage {
    border: 0;
    padding: 0;
    border-radius: 50%;
    max-height: 80px;
    min-height: 80px;
    height: auto !important;
    height: 90px;
    overflow: hidden;
    max-width: 80px;
    min-width: 80px;
    width: auto !important;
    width: 90px;
}

.groups-list .groups-title {
    min-height: 20px;
}

    .groups-list .groups-title a {
        color: #04386d;
        text-decoration: underline;
        font-weight: 500;
        font-size: 19px;
    }

.groups-list .workflow-body {
    background-color: #f5f5f4;
    height: 131px;
}

.groups-list .group-synced {
    text-align: center;
    padding: 10px;
    height: 82px;
}

.groups-list .workflow-circle-gray {
    color: #D2D2D2;
}

.groups-list .workflow-edit {
    color: #49a8ea;
    cursor: pointer;
}

.groups-list .workflow-info {
    color: #49a8ea;
    /*text-decoration: underline;*/
    font-weight: 500;
    font-size: 14px;
    margin: 3px 0 0 0;
    text-align: center;
}

.groups-list .group-contact-info {
    padding: 0;
}

.groups-list .contact-count {
    max-height: 50px;
    min-height: 50px;
    height: auto !important;
    height: 50px;
    overflow: hidden;
    background-color: #49a8ea;
    color: #fff;
    padding: 5px;
    text-align: left;
    font-size: 15px;
    font-weight: normal;
}

.groups-list .contact-reminder-message {
    max-height: 50px;
    min-height: 50px;
    height: auto !important;
    height: 50px;
    overflow: hidden;
    padding: 5px 2px 10px 3px;
    font-size: 13px;
    font-weight: normal;
    color: #969696;
}

/*.groupIconContainer {
    text-align: center;
}*/
.imgcreateideas {
    display: block;
    margin: auto;
}
.imgcreatediv{
    padding-top:10px;
    padding-bottom:10px;
} 
.groupIconContainer img {
    height: 80px;
    width: 80px;
}

.font-13-darkblue {
    color: #04386d;
    font-size: 13px;
    font-weight: 600;
}

.font-14-darkblue {
    color: #04386d;
    font-size: 14px;
    font-weight: 600;
}

.font-17-darkblue {
    color: #04386d !important;
    font-size: 17px !important;
    font-weight: 600;
}

input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label.clr {
        padding-left: 55px;
        height: 18px;
        display: inline-block;
        line-height: 18px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 18px;
        vertical-align: middle;
        cursor: pointer;
    }

        input[type=checkbox].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox + label.css-label.chk {
            background-position: 0 -18px;
        }

label.css-label {
    background-image: url(../css/images/on-off-checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.options-tabele thead tr th, .options-tabele tbody tr td {
    font-size: 15px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.options-tabele thead tr th {
    padding: 0 3px 0 10px;
    font-weight: 500;
}

.options-tabele thead tr {
    background-color: #49a8ea;
    color: #fff;
    border-bottom: 4px solid #E9EAE6;
}


.options-tabele tbody tr {
    background-color: #fff;
    color: #969696;
    border-bottom: 4px solid #E9EAE6;
}

    .options-tabele tbody tr td {
        width: 29% !important;
        min-width: 12% !important;
        max-width: 12% !important;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 7px 5px 7px 10px;
        height: 65px;
    }
    /*.options-tabele tbody tr td .memeber-name a {
            font-weight: bold;
            color: #04386d;
            font-size: 14.5px;
        }
        .options-tabele tbody tr td .memeber-mail {
            font-size: 13.8px;
        }
        .options-tabele tbody tr td:nth-child(2) {
            width: 3% !important;
            min-width: 3% !important;
            max-width: 3% !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .options-tabele tbody tr td:nth-child(4) {
            width: 15% !important;
            min-width: 15% !important;
            max-width: 15% !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .options-tabele tbody tr td:nth-child(5) {
            width: 17% !important;
            min-width: 17% !important;
            max-width: 17% !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }*/

    .options-tabele tbody tr .circle-name {
        padding: 6px 0;
        border-radius: 50%;
        max-height: 35px;
        min-height: 35px;
        height: auto !important;
        height: 35px;
        overflow: hidden;
        max-width: 35px;
        min-width: 35px;
        width: auto !important;
        width: 35px;
        background-color: #49a8ea;
        color: #fff;
        text-align: center;
        font-size: 16px;
        text-transform: capitalize;
    }

    .options-tabele tbody tr img {
        padding: 3px;
        border-radius: 50%;
        max-height: 40px;
        min-height: 40px;
        height: auto !important;
        height: 40px;
        overflow: hidden;
        max-width: 40px;
        min-width: 40px;
        width: auto !important;
        width: 40px;
    }


.contacts-tabele thead tr th, .contacts-tabele tbody tr td {
    font-size: 13px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.contacts-tabele thead tr th {
    padding: 0 3px 0 10px;
    font-weight: 500;
    padding-left: 15px;
}

.contacts-tabele thead tr {
    /*background-color: #49a8ea;*/
    color: #fff;
    border-bottom: 4px solid #E9EAE6;
}


.contacts-tabele tbody tr {
    background-color: #fff;
    color: #969696;
    border-bottom: 4px solid #E9EAE6;
}

    .contacts-tabele tbody tr td {
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 7px 5px 7px 10px;
        height: 65px;
    }

        .contacts-tabele tbody tr td .memeber-name a {
            font-weight: bold;
            color: #04386d;
            font-size: 14.5px;
        }

        .contacts-tabele tbody tr td .memeber-mail {
            font-size: 13.8px;
        }

        .contacts-tabele tbody tr td:nth-child(1) {
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .contacts-tabele tbody tr td:nth-child(2) {
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .contacts-tabele tbody tr td:nth-child(3) {
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .contacts-tabele tbody tr td:nth-child(4) {
            overflow: hidden;
            text-overflow: ellipsis;
            width: 19%;
        }

        .contacts-tabele tbody tr td:nth-child(5) {
            overflow: hidden;
            text-overflow: ellipsis;
        }
         .contacts-tabele tbody tr td:nth-child(6) {
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .contacts-tabele tbody tr td:nth-child(7) {
            padding: 7px 0 7px 2px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .contacts-tabele tbody tr td:nth-child(8) {
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .contacts-tabele tbody tr td:nth-child(9) {
            padding: 7px 0 7px 2px;
        }
         .contacts-tabele tbody tr td:nth-child(10) {
            padding: 7px 0 7px 2px;
        }

    .contacts-tabele tbody tr .circle-name {
        padding: 6px 0;
        border-radius: 50%;
        max-height: 35px;
        min-height: 35px;
        height: auto !important;
        height: 35px;
        overflow: hidden;
        max-width: 35px;
        min-width: 35px;
        width: auto !important;
        width: 35px;
        background-color: #49a8ea;
        color: #fff;
        text-align: center;
        font-size: 16px;
        text-transform: capitalize;
    }
.contact-list-actions{
    margin-top:-4%;
    margin-left : -4%;
}
.contacts-tabele tbody tr img {
    width: 35px;
    border-radius: 50%;
    /*padding: 1px;
        border-radius: 50%;
        max-height: 35px;
        min-height: 35px;
        height: auto !important;
        height: 33px;
        overflow: hidden;
        max-width: 33px;
        min-width: 33px;
        width: auto !important;
        width: 33px;*/
}

.saved_search_table {
    margin-bottom: 5px;
}

    .saved_search_table thead tr th, .saved_search_table tbody tr td {
        font-size: 14px;
        display: table-cell;
        vertical-align: middle;
        text-align: left;
    }

    .saved_search_table thead tr th {
        padding: 10px 5px;
        font-weight: 600;
    }

    .saved_search_table thead tr {
        background-color: #49a8ea;
        color: #fff;
        border-bottom: 4px solid #E9EAE6;
         
    }
    .JobControle-tabele thead tr th, .JobControle-tabele tbody tr td {
    font-size: 13px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.JobControle-tabele thead tr th {
    padding: 0 3px 0 10px;
    font-weight: 500;
    padding-left: 15px;
   width:10%;
}

.JobControle-tabele thead tr {
    background-color: #49a8ea;
    color: #fff;
        border-bottom: 4px solid #E9EAE6;
    }


.JobControle-tabele tbody tr {
    background-color: #fff;
    color: #969696;
    border-bottom: 4px solid #E9EAE6;
}

    .JobControle-tabele tbody tr td {
      
        min-width: 12% !important;
        max-width: 10% !important;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 7px 5px 7px 10px;
        height: 65px;
    }

    .saved_search_table tbody tr {
        background-color: #fff;
        color: #969696;
        border-bottom: 4px solid #E9EAE6;
    }

        .saved_search_table tbody tr td {
            width: 12% !important;
            min-width: 12% !important;
            max-width: 12% !important;
            overflow: hidden;
            text-overflow: ellipsis;
            /*padding: 7px 5px 7px 10px;*/
            height: 65px;
        }

            .saved_search_table tbody tr td .memeber-name a {
                font-weight: bold;
                color: #04386d;
                font-size: 14.5px;
            }

            .saved_search_table tbody tr td .memeber-mail {
                font-size: 13.8px;
            }

        .saved_search_table tbody tr .saved_search_title {
            font-size: 16px;
            text-decoration: underline;
            color: #49a8ea;
            line-height: 20px;
        }



        .saved_search_table tbody tr .group-delete {
            font-size: 20px;
            color: #49a8ea;
        }

        .saved_search_table tbody tr .group-export {
            font-size: 20px;
            color: #49a8ea;
        }

        .saved_search_table tbody tr .group-edit {
            font-size: 20px;
            color: #49a8ea;
        }

            .saved_search_table tbody tr .group-edit.disabled {
                /*color: #E9EAE6;*/
            }

        .saved_search_table tbody tr .group-delete.disabled {
            /*color: #E9EAE6;*/
        }

        .saved_search_table tbody tr ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

        .saved_search_table tbody tr td:nth-child(1) {
            width: 7% !important;
            min-width: 7% !important;
            max-width: 7% !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .saved_search_table tbody tr td:nth-child(2) {
            width: 16% !important;
            min-width: 16% !important;
            max-width: 16% !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .saved_search_table tbody tr td:nth-child(3) {
            width: 22% !important;
            min-width: 22% !important;
            max-width: 22% !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .saved_search_table tbody tr td:nth-child(4) {
            width: 13% !important;
            min-width: 13% !important;
            max-width: 13% !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }

.GroupsListWorkflows {
    text-align: left;
    font-size: 14px;
    color: #04396F;
    padding: 2px 15px !important;
    border-bottom: 1px solid #eee;
}

.saved_search_table tbody tr td:nth-child(5) {
    width: 10% !important;
    min-width: 10% !important;
    max-width: 10% !important;
    overflow: visible;
    text-overflow: ellipsis;
}

.saved_search_table tbody tr td:nth-child(6) {
    width: 5% !important;
    min-width: 5% !important;
    max-width: 5% !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.saved_search_table tbody tr td:nth-child(7) {
    width: 10% !important;
    min-width: 10% !important;
    max-width: 10% !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.saved_search_table tbody tr td:nth-child(8) {
    width: 11% !important;
    min-width: 11% !important;
    max-width: 11% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.saved_search_table tbody tr td:nth-child(9) {
    width: 7% !important;
    min-width: 7% !important;
    max-width: 7% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.saved_search_table tbody tr .circle-name {
    padding: 6px 0;
    border-radius: 50%;
    max-height: 35px;
    min-height: 35px;
    height: auto !important;
    height: 35px;
    overflow: hidden;
    max-width: 35px;
    min-width: 35px;
    width: auto !important;
    width: 35px;
    background-color: #49a8ea;
    color: #fff;
    text-align: center;
    font-size: 16px;
    text-transform: capitalize;
}

.saved_search_table tbody tr img {
    padding: 2px;
    border-radius: 50%;
    max-height: 50px;
    min-height: 50px;
    height: auto !important;
    height: 50px;
    overflow: hidden;
    max-width: 50px;
    min-width: 50px;
    width: auto !important;
    width: 50px;
}




/*List*/




.campaign_table thead tr th, .campaign_table tbody tr td {
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.campaign_table thead tr th {
    padding: 10px 5px;
    font-weight: 600;
}

.campaign_table thead tr {
    background-color: #49a8ea;
    color: #fff;
    border-bottom: 4px solid #E9EAE6;
}


.campaign_table tbody tr {
    background-color: #fff;
    color: #969696;
    border-bottom: 4px solid #E9EAE6;
}

    .campaign_table tbody tr td {
        width: 12% !important;
        min-width: 12% !important;
        max-width: 12% !important;
        overflow: hidden;
        text-overflow: ellipsis;
        /*padding: 7px 5px 7px 10px;*/
        height: 65px;
    }

        .campaign_table tbody tr td .memeber-name a {
            font-weight: bold;
            color: #04386d;
            font-size: 14.5px;
        }

        .campaign_table tbody tr td .memeber-mail {
            font-size: 13.8px;
        }

    .campaign_table tbody tr .saved_search_title {
        font-size: 16px;
        text-decoration: underline;
        color: #49a8ea;
        line-height: 20px;
    }



    .campaign_table tbody tr .group-delete {
        font-size: 20px;
        color: #49a8ea;
    }

    .campaign_table tbody tr .group-edit {
        font-size: 20px;
        color: #49a8ea;
    }

        .campaign_table tbody tr .group-edit.disabled {
            /*color: #E9EAE6;*/
        }

    .campaign_table tbody tr .group-delete.disabled {
        /*color: #E9EAE6;*/
    }

    .campaign_table tbody tr ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .campaign_table tbody tr td:nth-child(1) {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .campaign_table tbody tr td:nth-child(2) {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .campaign_table tbody tr td:nth-child(3) {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .campaign_table tbody tr td:nth-child(4) {
        overflow: hidden;
        text-overflow: ellipsis;
    }



    .campaign_table tbody tr td:nth-child(5) {
        overflow: visible;
        text-overflow: ellipsis;
    }

    .campaign_table tbody tr td:nth-child(6) {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .campaign_table tbody tr td:nth-child(7) {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .campaign_table tbody tr td:nth-child(8) {
        width: 5% !important;
        min-width: 5% !important;
        max-width: 5% !important;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
    }

    .campaign_table tbody tr td:nth-child(9) {
        width: 5% !important;
        min-width: 5% !important;
        max-width: 5% !important;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
    }

    .campaign_table tbody tr .circle-name {
        padding: 6px 0;
        border-radius: 50%;
        height: auto !important;
        height: 35px;
        overflow: hidden;
        background-color: #49a8ea;
        color: #fff;
        text-align: center;
        font-size: 16px;
        text-transform: capitalize;
    }

    .campaign_table tbody tr img {
        padding: 2px;
        height: auto !important;
    }

    .no-segments-no-lists{
        text-align: center;
        font-size:18px;
        background-color: white;
        margin-bottom: 10px;
        border-bottom-width: 100px;
        padding-bottom: 50px;
        padding-top: 50px;
        margin-top:100px;
    }

.lists_table {
    margin-bottom: 5px;
}

    .lists_table thead tr th, .lists_table tbody tr td {
        font-size: 14px;
        display: table-cell;
        vertical-align: middle;
        text-align: left;
    }

    .lists_table thead tr th {
        padding: 10px 5px;
        font-weight: 600;
    }

    .lists_table thead tr {
        background-color: #49a8ea;
        color: #fff;
        border-bottom: 4px solid #E9EAE6;
    }


    .lists_table tbody tr {
        background-color: #fff;
        color: #969696;
        border-bottom: 4px solid #E9EAE6;
    }

        .lists_table tbody tr td {
            width: 12% !important;
            min-width: 12% !important;
            max-width: 12% !important;
            overflow: hidden;
            text-overflow: ellipsis;
            /*padding: 7px 5px 7px 10px;*/
            height: 65px;
        }

            .lists_table tbody tr td .memeber-name a {
                font-weight: bold;
                color: #04386d;
                font-size: 14.5px;
            }

            .lists_table tbody tr td .memeber-mail {
                font-size: 13.8px;
            }

        .lists_table tbody tr .saved_search_title {
            font-size: 16px;
            text-decoration: underline;
            color: #49a8ea;
            line-height: 20px;
        }



        .lists_table tbody tr .group-delete {
            font-size: 15px;
            color: #49a8ea;
        }

        .lists_table tbody tr .group-edit {
            font-size: 15px;
            color: #49a8ea;
        }

        .lists_table tbody tr .group-export {
            font-size: 15px;
            color: #49a8ea;
        }

        .lists_table tbody tr .group-edit.disabled {
            /*color: #E9EAE6;*/
        }

        .lists_table tbody tr .group-delete.disabled {
            /*color: #E9EAE6;*/
        }

        .lists_table tbody tr ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

        .lists_table tbody tr td:nth-child(1) {
            width: 7% !important;
            min-width: 7% !important;
            max-width: 7% !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .lists_table tbody tr td:nth-child(2) {
            width: 18% !important;
            min-width: 18% !important;
            max-width: 18% !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .lists_table tbody tr td:nth-child(3) {
            width: 8% !important;
            min-width: 8% !important;
            max-width: 8% !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .lists_table tbody tr td:nth-child(4) {
            width: 10% !important;
            min-width: 10% !important;
            max-width: 10% !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .lists_table tbody tr td:nth-child(5) {
            width: 6% !important;
            min-width: 6% !important;
            max-width: 6% !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .lists_table tbody tr td:nth-child(6) {
            width: 11% !important;
            min-width: 11% !important;
            max-width: 11% !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .lists_table tbody tr td:nth-child(7) {
            width: 10% !important;
            min-width: 10% !important;
            max-width: 14% !important;
            overflow: visible;
            text-overflow: ellipsis;
            text-align: center;
        }

        .lists_table tbody tr td:nth-child(8) {
            width: 11% !important;
            min-width: 11% !important;
            max-width: 11% !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .lists_table tbody tr td:nth-child(9) {
            width: 8% !important;
            min-width: 8% !important;
            max-width: 8% !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .lists_table tbody tr .circle-name {
            padding: 6px 0;
            border-radius: 50%;
            max-height: 35px;
            min-height: 35px;
            height: auto !important;
            height: 35px;
            overflow: hidden;
            max-width: 35px;
            min-width: 35px;
            width: auto !important;
            width: 35px;
            background-color: #49a8ea;
            color: #fff;
            text-align: center;
            font-size: 16px;
            text-transform: capitalize;
        }

        .lists_table tbody tr img {
            padding: 2px;
            border-radius: 50%;
            max-height: 50px;
            min-height: 50px;
            height: auto !important;
            height: 50px;
            overflow: hidden;
            max-width: 50px;
            min-width: 50px;
            width: auto !important;
            width: 50px;
        }

   

.email_template_table thead tr th, .email_template_table tbody tr td {
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
    .lists_table tbody tr td .width-height-defualts{
        width: auto;
    height: auto;
    max-height: initial;
    max-width: initial;
    min-height: initial;
    min-width: initial;
}
.email_template_table thead tr th {
    padding: 10px 15px;
    font-weight: 600;
}

.email_template_table tbody tr td {
    padding-left: 15px;
}

.email_template_table thead tr {
    /*background-color: #49a8ea;*/
    color: #fff;
    border-bottom: 4px solid #E9EAE6;
}


.email_template_table tbody tr {
    background-color: #fff;
    color: #969696;
    border-bottom: 4px solid #E9EAE6;
}

    .email_template_table tbody tr td {
        width: 12% !important;
        min-width: 12% !important;
        max-width: 12% !important;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 7px 5px 7px 10px;
        /*height: 65px;*/
    }

    .email_template_table tbody tr .email_template_title {
        font-size: 17px;
        text-decoration: underline;
        color: #49a8ea;
        line-height: 25px;
    }



    .email_template_table tbody tr .template-delete {
        font-size: 20px;
        color: #49a8ea;
    }

    .email_template_table tbody tr .template-edit {
        font-size: 20px;
        color: #49a8ea;
    }
.div-info-group{
    background-color: #e8e8e8;
    border-right: 1px solid white;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
}
    .email_template_table tbody tr td:nth-child(1) {
        width: 20% !important;
        min-width: 20% !important;
        max-width: 20% !important;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 15px;
    }
    .margin-left-7px{
        margin-left:7px !important;
    }
    .email_template_table tbody tr td:nth-child(2) {
        width: 25% !important;
        min-width: 25% !important;
        max-width: 25% !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .email_template_table tbody tr td:nth-child(3) {
        width: 15% !important;
        min-width: 15% !important;
        max-width: 15% !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .email_template_table tbody tr td:nth-child(4) {
        width: 15% !important;
        min-width: 15% !important;
        max-width: 15% !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .email_template_table tbody tr td:nth-child(5) {
        width: 10% !important;
        min-width: 10% !important;
        max-width: 10% !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .email_template_table tbody tr td:nth-child(6) {
        width: 8% !important;
        min-width: 8% !important;
        max-width: 8% !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .email_template_table tbody tr td:nth-child(7) {
        width: 7% !important;
        min-width: 7% !important;
        max-width: 7% !important;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
    }


.regular-checkbox {
    display: none;
}

.mark_Deal {
    color: #0fd676;
        position: relative;
    top: 8px;
}
.labels_Deal_add_new {
    color: #49a8ea;
}
    .regular-checkbox + label {
        background-color: #fff;
        border: 1.7px solid #a2a2a2;
        margin-top: 9px;
        padding: 9px;
        border-radius: 1px;
        display: inline-block;
        position: relative;
        border-radius:3px;
    }

        .regular-checkbox + label:active, .regular-checkbox:checked + label:active {
            box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
        }

    .regular-checkbox:disabled + label {
        background-color: #f0f0f0;
        border: 1.7px solid #aaa;
    }

    .regular-checkbox:checked + label {
        background-color: #fff;
        border: 1px solid #a2a2a2;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
        color: #99a1a7;
    }

        .regular-checkbox:checked + label:after {
            content: '\2714';
            font-size: 14px;
            position: absolute;
            top: 0px;
            left: 3px;
            color: #99a1a7;
        }




.regular-checkbox-custom {
    display: none;
}




    .regular-checkbox-custom + label {
        background-color: #fff;
      border: 1px solid #a2a2a2;
        margin-top: 9px;
        padding: 9px;
        display: inline-block;
        position: relative;
    }
.reminders_list .regular-checkbox-custom + label {
    background-color: #fff;
    margin-top: 9px;
    border: none !important;
    padding: 9px;
    display: inline-block;
    position: relative;
}
.reminders_list .date-time-font {
    font-weight: 700;
    font-size: 17px;
    padding-left: 7px !important;
    margin-top:5px;
}
.reminders_list .typeIcon {
    font-size: 32px;
    padding-left: 15px !important;
    padding-top: 5px;
}
    .regular-checkbox-custom + label:active, .regular-checkbox-custom:checked + label:active {
        /*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);*/
    }
        .margin-left-04per{
            margin-left:.4%;
        }
    .regular-checkbox-custom:disabled + label {
        background-color: #f0f0f0;
        /*border: 1.7px solid #aaa;*/
    }
    .margin-top-left-4per{
        margin-top :4%;
        margin-left : 4%;
    }
    .regular-checkbox-custom:checked + label {
        background-color: #fff;
        /*border: 1px solid #a2a2a2;*/
        /*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);*/
        color: #99a1a7;
    }

        .regular-checkbox-custom:checked + label:after {
            content: '\2714';
            font-size: 14px;
            position: absolute;
            top: 0px;
            left: 3px;
            color: #99a1a7;
        }

.group-memberlist-info {
    /*border-right: 1px solid #000;*/
}

    .group-memberlist-info .group-avatarImage {
        /*border: 2px solid #F2F2F2;*/
        padding: 0;
        border-radius: 50%;
        max-height: 60px;
        min-height: 60px;
        height: auto !important;
        height: 60px;
        overflow: hidden;
        max-width: 60px;
        min-width: 60px;
        width: auto !important;
        width: 60px;
    }

    .group-memberlist-info .group-title {
        float: left;
        /*width: 85%;*/
    }

        .group-memberlist-info .group-title a {
            color: #04386d;
            font-weight: 600;
            font-size: 16px;
            float: left;
            padding-right: 5px;
            padding-top: 5px;
        }

    .group-memberlist-info .contact-counter {
        color: #04386d;
        font-weight: 500;
        font-size: 15px;
        float: left;
    }

    .group-memberlist-info .workflow-edit {
        color: #49a8ea;
        float: left;
        padding-top: 5px;
        cursor: pointer;
    }

    .group-memberlist-info .workflow-circle-gray {
        color: #D2D2D2;
    }

    .group-memberlist-info .workflow-info {
        float: left;
        /*padding-top: 2%;*/
        padding-left: 20px;
    }

.groups-list .workflow-info a {
    color: #49a8ea !important;
    text-decoration: underline;
    font-weight: 500;
    font-size: 13.5px;
    text-align: left;
}

.group-memberlist-info .workflow-info h5 {
    color: #49a8ea;
    font-weight: 500;
    font-size: 13.5px;
    margin: 3px 0 0 0;
    text-align: left;
}

    .group-memberlist-info .workflow-info h5 a {
        color: #49a8ea !important;
        text-decoration: underline;
        font-weight: 500;
        font-size: 13.5px;
        text-align: left;
    }

.select-text {
    padding: 9% 2px 0 10px !important;
    float: left !important;
    color: #8a8a8a;
}

    .select-text.group-members-select {
        padding: 3% 2px 0 10px !important;
    }

.border-right-white {
    border-right: 2px solid #fff;
    margin-left: 1px;
}

.border-left-white {
    border-left: 2px solid #fff;
    margin-left: 1px;
}

.workflow-reminder {
    color: #49a8ea;
    font-weight: 500;
    font-size: 13.5px;
    margin: 3px 0 0 0;
    text-align: left;
    float: left;
    padding-left: 8%;
    padding-top: 1%;
    /*padding-top: 2%;*/
}

#grouptags-dropdown {
    padding: 20px;
    width: 400px;
    margin-top: 5px;
}

#groupaddmember-dropdown {
    padding: 20px;
    width: 400px;
    margin-top: 5px;
}

#message-container .alert {
    margin-bottom: 5px !important;
    margin-top: 10px;
}

#groupmembers_list {
    clear: both;
}

    #groupmembers_list .alert {
        margin-bottom: 5px !important;
        margin-top: 10px;
    }

/*#showAddMemberModal {
    width: 88px;
}*/

th.headerSortUp, th.sort-dir-Desc {
    background-image: url(../css/images/asc.gif) !important;
    background-repeat: no-repeat !important;
}

th.headerSortDown, th.sort-dir-Asc {
    background-image: url(../css/images/desc.gif) !important;
    background-repeat: no-repeat !important;
}

th.sort-dir-Asc, th.sort-dir-Desc {
    background-position: -8px 50%, center;
    cursor: pointer;
}

th.header, th.sort-dir-none {
    background-image: url(../css/images/bg.gif);
    background-repeat: no-repeat;
    background-position: -8px 50%, center;
    cursor: pointer;
}

#search_group_text {
    padding: 5px 7px;
    height: 33px;
    border: 1px solid #ccc;
}

.search_group_button {
    padding: 5px 15px;
}

#btn_group_addTag {
    margin-left: 0;
}

div.star-rating, div.star-rating a {
    background: url(../css/images/star.gif) no-repeat 0 0px !important;
}

div.star-rating-hover a {
    background: url(../css/images/star.gif) no-repeat 0 -32px !important;
}

div.rating-cancel, div.rating-cancel a {
    background: url(../css/images/rating-cancel.gif) no-repeat 0 0px !important;
}

    div.rating-cancel.star-rating-hover, div.rating-cancel.star-rating-hover a {
        background: url(../css/images/rating-cancel.gif) no-repeat 0 -16px !important;
    }

.font-1458-darkblue {
    font-size: 14.58px;
    /*font-weight: 600;*/
    color: #424242 ;
}

.font-color-darkblue {
    color: #04386d !important;
}
.font-color-34beaf {
    color: #34beaf !important;
}
.font-color-red {
    color: red;
}
.font-color-lightblue {
    color: #49a8ea !important;
}
.font-darkgrey {
    color: #6f6f6f;
}
.font-18-blackblue {
    font-size: 18px;
    /*font-weight: 600;*/
    color: #424242;
}
.font-21-blackblue-bold {
    font-size: 21px;
    font-weight: 900;
    color: #424242;
}
.font-19-blackblue-bold {
    font-size: 19px;
    font-weight: 900;
    color: #424242;
}
.font-18-white {
    font-size: 18px;
    /*font-weight: 600;*/
    color: white;
}
.font-16-white {
    font-size: 16px;
    color: white;
}
.font-18-lightblue {
    font-size: 13px;
    /*font-weight: 600;*/
    color: #49a8ea;
}

.font-30-lightblue {
    font-size: 30px;
    color: #49a8ea;
}

.font-20-lightblue {
    font-size: 20px;
    color: #49a8ea;
}

.line-height-23px {
    line-height: 23px;
}

.line-height-15px {
    line-height: 15px;
}

.line-height-17px {
    line-height: 17px;
}
.font-16-lightblue {
    font-size: 16px;
    font-weight: 400;
    color: #49a8ea;
}

.font-16-orange {
    font-size: 16px;
    font-weight: 400;
    color: #ed7850;
}

.font-16-green {
    font-size: 16px;
    font-weight: 400;
    color: #0fd676;
}

.font-16-green-bold {
    font-size: 16px;
    font-weight: 600;
    color: #0fd676;
}

.font-16-green-light {
    font-size: 16px;
    font-weight: 400;
    color: #2EDBBD;
}

.font-16-lightorange {
    font-size: 16px;
    font-weight: 400;
    color: #f99348;
}

.font-16-orange {
    font-size: 16px;
    font-weight: 400;
    color: #EA4A14;
}

.font-16-lightred {
    font-size: 16px;
    font-weight: 400;
    color: #f94848;
}

.font-16-lightgreen {
    font-size: 16px;
    font-weight: 400;
    color: #0fd676;
}



.font-16-darkblue {
    font-size: 16px;
    font-weight: 400;
    color: #04386D;
}

.login-button-darkblue {
    font-size: 27px;
    font-weight: 400;
    color: white;
    border-radius : 10px;
    border : 1px solid;
    height : 50px;
    max-width:300px;
    margin-left:auto;
    margin-right : auto;
    background-color : #56badb;
}

.login-button-darkblue:hover{
    color : #56badb !important;
    background-color:white !important;
}

.font-15-darkblue-normal {
    font-size: 15px;
    font-weight: 500;
    color: #04386D;
}

.font-15-darkblue-bold {
    font-size: 15px;
    font-weight: 600;
    color: #04386D;
}
.font-14-darkblue-bold {
    font-size: 14px;
    font-weight: 600;
    color: #04386D;
}
.font-16-darkblue-bold {
    font-size: 16px;
    font-weight: 600;
    color: #04386D;
}

.font-16-black-bold {
    font-size: 16px;
    font-weight: 800;
    color:black;
}
.font-25-darkblue-bold {
    font-size: 25px;
    font-weight: 600;
    color: #04386D;
}
.font-15-darkblue-bold {
    font-size: 15px;
    font-weight: 600;
    color: #04386D;
}

.font-14-blackblue {
    font-size: 14px;
    font-weight: 500;
    color: #04386d;
}

.font-14-blackblue-weight800 {
    font-size: 14px;
    font-weight: 800;
    color: #04386d;
}
.font-14-black-weight800 {
    font-size: 14px;
    font-weight: 800;
    color:black;
}
.hrsegment {
    border: none;
    height: 1px;
    background-color: #ccc;
}
.padding-left-8px {
    padding-left : 8px !important;
}.font-13-blackblue-weight800 {
    font-size: 13px;
    font-weight: 800;
    color: #04386d;
}

.font-13-black-weight800 {
    font-size: 13px;
    font-weight: 800;
    color: black;
}
.font-12-blackblue {
    font-size: 12px;
    font-weight: 500;
    color: #04386d;
}

.font-13-blackblue {
    font-size: 13px;
    font-weight: 500;
    color: #04386d;
}

.font-15px-blackblue {
    font-size: 15px;
    font-weight: 500;
    color: #04386d;
}
.font-14-green-bold {
    font-size: 14px;
    font-weight: 600;
    color: #45B74D;
}
.font-125-bold {
    font-size: 12.5px;
    font-weight: normal;
    color: #8a8a8a;
    line-height: 22px;
}

#teamperformancechart .list-group-item {
    border-top: 1px solid #49a8ea;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #49a8ea;
}

    #teamperformancechart .list-group-item.allteam:after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-left-color: #49a8ea;
        border-width: 21px;
        margin-top: -22px;
        z-index: 0;
    }

.smart_filters {
    background-color: #fff;
    color: #49a8ea;
    padding-top: 10px;
    font-size: 12px;
}

    .smart_filters label {
        font-size: 12px;
    }

    .smart_filters .smart-filter-title {
        font-size: 17px;
    }

    .smart_filters .smart-filter-clear {
        font-size: 15px;
        color: #49a8ea !important;
    }


    .smart_filters .radio, .checkbox {
        margin: 0;
    }

        .smart_filters .radio label, .checkbox label {
            font-size: 14px !important;
        }

    .smart_filters .filter-select {
        background-color: #e9eae6;
        padding: 3px 10px;
        height: 24px;
        color: #7D7D7D;
        font-size: 13px;
    }

        .smart_filters .filter-select:focus {
            color: #04386d;
        }

    .smart_filters .filter-textbox {
        background-color: #e9eae6;
        padding: 3px 10px;
        height: 25px;
        color: #04386d;
        font-size: 13px;
        width: 100%;
    }

    .smart_filters .date-filter {
        font-size: 11px;
        position: relative;
    }

    .smart_filters .smart-filter-frequency {
        color: #04386d;
        font-weight: 600;
    }

    .smart_filters .show_more_less {
        width: 100%;
        background-color: #c9e8fd;
        color: #49a8ea;
        text-decoration: underline;
        text-align: center;
        padding: 5px 0;
        cursor: pointer;
        margin-bottom: 10px;
        font-size: 16px;
    }

        .smart_filters .show_more_less span {
            margin-left: -30px;
            position: relative;
        }

        .smart_filters .show_more_less .show_more i, .smart_filters .show_more_less .show_less i {
            padding-left: 20px;
            padding-right: 10px;
            line-height: 20px;
            position: absolute;
            bottom: -2px;
        }

    .smart_filters .btn-tag-filter {
        font-size: 13px;
        color: #49a8ea;
        text-align: center;
        background-color: #ffffff !important;
        /*float: left;*/
        margin-bottom:8px;
    }

        .smart_filters .btn-tag-filter.active {
            color: #ffffff;
            background-color: #49a8ea;
        }
        /*.smart_filters .tagfilterdiv{
            background-color: #e9eae6 !important; margin-bottom: 8px;border-radius: 5px;
        }*/

    .smart_filters .filter-tag-showall {
        color: #49a8ea;
        text-align: right;
        width: 100%;
        float: right;
        padding-right: 10px;
        font-size: 14px;
    }

.border-filter {
    border-bottom: 1px solid #e9eae6;
    margin-bottom: 8px;
}

.filter-checkbox {
    display: none;
}

    .filter-checkbox + label {
        background-color: #fff;
        border: 1.7px solid #49a8ea;
        margin-top: 0;
        padding: 7px;
        border-radius: 1px;
        display: inline-block;
        position: relative;
    }

        .filter-checkbox + label:active, .filter-checkbox:checked + label:active {
            box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
        }

    .filter-checkbox:checked + label {
        background-color: #fff;
        border: 1px solid #adb8c0;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
        color: #99a1a7;
    }

        .filter-checkbox:checked + label:after {
            content: '\2714';
            font-size: 14px;
            position: absolute;
            top: -3px;
            left: 1px;
            color: #99a1a7;
        }

.peopleList {
    padding: 0;
    margin-top: -20px;
}

.totalcontact-counter {
    float: left;
    font-size: 25px;
    color: #04386d;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
}

.totalcontact-title {
    float: left;
    font-size: 15px;
    color: #04386d;
    padding-left: 0;
    padding-right: 5px;
    padding-top: 10px;
}

#search_contacts_text {
    font-size: 12px;
    padding: 5px 7px;
    height: 33px;
    border: 1px solid #49a8ea;
}
.border-blue-radius5px{
     border: 1px solid #49a8ea;
   border-radius: 5px;
}
.search_contacts_button {
    padding: 5px 15px;
    border-bottom: 1px solid #04386d;
    border-top: 1px solid #04386d;
    border-right: 1px solid #04386d;
}

#contactstags-dropdown {
    width: 300px;
    padding: 15px;
}

    #contactstags-dropdown .form-group {
        width: 100%;
    }

#contactalerts-container .alert {
    margin-bottom: 5px !important;
    margin-top: 0;
    padding: 10px;
}

    #contactalerts-container .alert .close {
        margin-top: -3px;
    }

#contactsAssignTo-dropdown {
    width: 300px;
    padding: 15px;
}

#tasksAssignTo-dropdown {
    width: 300px !important;
    padding: 15px;
}
#tasksAllCheck{
    display: inline-block;
    position: relative;
    top: 12px;
    left: -3px;
    background-color: #e9eae6;
    border-radius: 5px;
    padding-right: 7px;
    padding-left: 2px;
    height: 35px;
    padding-bottom: 0px;
    /*border: 1px solid #99a3b9;*/
}
#labelAllCheckbox{
    float: right;
    font-size: 16px;
    padding-top: 8px;
    padding-left: 5px;
    color: #99a3b9;
    font-weight: 500;
}

#contactsAddToGroup-dropdown {
    width: 300px;
    padding: 15px;
}

#AddToGroup-form .form-group {
    width: 100%;
}

#AddToGroup-form .select2-container {
    width: 100%;
    margin-bottom: 10px;
}

    #AddToGroup-form .select2-container .select2-choice {
        height: 35px;
        border-radius: 1px;
        padding-top: 3px;
        font-size: 13px;
    }

#SaveAssignTo-form .form-group {
    width: 100%;
}

#SaveAssignTo-form .select2-container {
    width: 100%;
    margin-bottom: 10px;
}

    #SaveAssignTo-form .select2-container .select2-choice {
        height: 35px;
        border-radius: 1px;
        padding-top: 3px;
        font-size: 13px;
    }

#contactsScore-dropdown {
    width: 300px;
    padding: 15px;
}

    #contactsScore-dropdown .form-group {
        width: 100%;
    }

#filter_tags {
    position: relative;
}
    #filter_tags .tt-input {
        font-size: 15px !important;
    }

#all_filters_group {
    width: 100%;
    position: absolute;
    left: 23%;
}

#all_tags_dropdown {
    background-color: #F1F1F1;
    color: #04386d;
    width: 700px;
    padding: 10px;
    height: auto;
    min-height: 200px;
    border: 1px solid #49a8ea;
}

.smart_filters .btn-alltag-filter {
    width: 85%;
    font-size: 14px;
    padding: 1px 3px;
    margin-bottom: 10px;
    color: #fff;
    text-align: left;
    background-color: #49a8ea;
    overflow: hidden;
}

    .smart_filters .btn-alltag-filter.active {
        color: #49a8ea;
        background-color: #c9e8fd;
        position: relative;
    }

.close_span {
    cursor: pointer;
    position: absolute;
    right: 10%;
    bottom: 15px;
}

.all-tag-arrow {
    font-size: 25px;
    cursor: pointer;
}

.smart_filters .btn-selected-filter {
    color: #49a8ea;
    background-color: #c9e8fd;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #c9e8fd;
    border-radius: 11px;
    padding: 3px;
    font-size: 13px;
}

.smart_filters #selected_tags {
    /*border: 1px solid #e9eae6;*/
    /*display: block;
    overflow: hidden;
    padding: 5px;
    min-height: 30px;
    cursor: pointer;*/
    /*margin-top:-4%;*/
}

.filter_no_tags {
    font-size: 13px;
    color: #cccccc;
}

.contacts_first_time {
    text-align: center;
    background-color: white;
    margin-bottom: 10px;
    border-bottom-width: 100px;
    padding-bottom: 50px;
    margin-top: 20px;
}
.color-yellow {
    color: #fef48d
}
.newsLetterPlaceholder {
    margin-top: 0px;
    color: #316b8c;
    font-weight: 500;
    font-size: 18px;
}
.custom-height-for-placeholder {
    height: 295px;
}
.padding-12per{
    padding:12%;
}
.float_arrow {
    position: absolute;
    top: -21px;
    left: 233px;
    z-index: 10;
}
.dealspagetext {
    padding-top: 14%;
    position: absolute;
    padding-right: 5%;
}

.watchvideobutton{
    background-image: url(../Images/WatchVideoImage.png);
    background-repeat:no-repeat;
    cursor:pointer;
    border:none;
    background-color: transparent; /*#cdcccc;*/
    height:40px;
    width:35%;    
    border-radius:12px;
    background-size: contain;
    padding-left: 40px;
    text-align: left;
    margin-top:10px;
}

.watchvideobuttontext{
    font-size: 15px;
    /*padding-right:7%;*/
    padding-left:5px;
    font-weight:900;
    color: #666;
}

.watchvideobuttontaskpage{
    background-image: url(../Images/WatchVideoImage.png);
    background-repeat:no-repeat;
    cursor:pointer;
    border:none;
    background-color: transparent; /* #cdcccc;*/
    height:40px;
    width:27%;    
    border-radius:12px;
    background-size: contain;
    padding-left: 40px;
    text-align: center;
}

.dealspagevideo {
    position: absolute;
    z-index: 1;
    padding-top: 10%;
    padding-left: 12%;
}

.watchvideobuttontexttaskpage{
    /*font-size: larger;
    font-weight:600;
    color: black;
    padding-right:2%;*/

    font-size: 15px;
    padding-right:7%;
    font-weight:900;
    color: #666;
}

.import-address-book-button-tasks-page{
    width: 45%;
    height: 55px;
    background-color: #0fd676;
}

.alert-filter {
    background-color: #fff;
    margin-bottom: 10px;
    color: #04386d;
    font-size: 15px;
    height: 60px;
    padding: 15px;
}

    .alert-filter p {
        width: 50%;
        float: left;
    }

    .alert-filter span.add_group_button {
        text-align: center;
    }

.noresults-filter {
    background-color: #fff;
    color: #04386d;
    font-size: 15px;
    padding: 15px;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 20px;
}

.etabs {
    margin: 0;
    padding: 0;
}

.tab {
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: #49A8EA;
    border: solid 1px #49A8EA;
    border-bottom: none;
    /*-moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;*/
}

    .tab a {
        font-size: 14px;
        line-height: 2em;
        display: block;
        padding: 4px 75px;
        outline: none;
        color: white;
    }

        .tab a:hover {
            text-decoration: underline;
        }

    .tab.active {
        background: #FFFFFF;
        padding-top: 6px;
        position: relative;
        top: 1px;
        border-color: #FFFFFF;
    }

    .tab a.active {
        font-weight: bold;
        color: #49A8EA;
    }

#tabs1-reportsSelector .tab-content {
    border: 1px solid #aaa;
}


.tab-container .panel-container {
    background: #fff;
    border: solid #666 1px;
    padding: 10px;
    /*-moz-border-radius: 0 4px 4px 4px;
    -webkit-border-radius: 0 4px 4px 4px;*/
}

.tabs1-htmlPreview {
    background-color: white;
    padding: 10px;
}

.html-mailPreview {
    padding: 50px 150px;
    background-color: white;
}

.html-mailPreview1 {
    padding: 25px 150px;
    background-color: white;
}

#DynamicContactSearchListPOPup {
    /*margin-top: 15px;
    width: 450px;
    padding: 5px 2px;
    overflow-y: scroll;
    height: 200px;*/
    left: auto;
    margin-top: 25px;
    width: 450px;
    padding: 5px 2px;
    overflow-y: scroll;
    height: 200px;
    right: -200px;
    position: absolute;
}
    /* Group update crtieria */


#DynamicContactSearchListDisplay {
    color: blue;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 600;
    float: left;
}
.overflow-y-type{
overflow-y:auto !important;
}
.edit_filters {
    color: #04386d;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 600;
    float: left;
    padding-left: 10px;
    /*padding-left: 50px;*/
}
/* Group update crtieria */
#DynamicContactSearchListPOPup li a {
    padding-top: 5px;
    padding-bottom: 4px;
    font-size: 14px;
    cursor: default;
    color:#04386d;
}

#DynamicContactSearchListDisplay {
    color: blue;
    font-size: small;
    text-decoration: underline;
    cursor: pointer;
}
.margin-bottom-n4per{
    margin-bottom : -4%;
}
.eCommerce_SubItems_Title {
    font-size: 14px;
    padding-left: 12px;
    font-weight: 600;
}

.eCommerce_SubItems_Title2 {
    font-size: 14px;
    font-weight: 600;
}

#DynamicContactSearchListPOPup .eCommerce_SubItems {
    list-style: none;
    padding-left: 25px;
}

#DynamicContactSearchDisabledMessage {
    clear: both;
    font-size: small;
}

    #DynamicContactSearchDisabledMessage span {
        color: #f38e35;
    }

.tags_samples {
    /*background-color: #e9eae6;*/
    color: #04386d;
}

    .tags_samples:hover {
        /*background-color: #fff;*/
        /*color: #04386d;
        cursor: pointer;*/
    }

#CopyDropBoxEmail1 {
    margin: auto;
    width: 42%;
}
.d
#groups_list .deleteGroup {
    /*position: absolute;
    z-index: 99;
    right: 15px;
    top: 0px;
    color: #333;
    filter: alpha(opacity=30);
    opacity: 0.3;*/
}

    #groups_list .deleteGroup:hover {
        /*filter: alpha(opacity=100);*/
        opacity: 1;
        color: #fa4848;
    }

#filter_addedafter {
    position: relative;
}

#filter_addedbefore {
    position: relative;
}

#map_marker {
    cursor: pointer;
}

.create_group_textbox {
       border: 1px solid #cccccc;
    background-color: #fff;
    height: 35px;
    font-size: 14px;
    padding: 5px 12px;
    border-radius:3px;
}

.groupalerts {
    margin: 10px 20px 0 20px;
}

/*****************  Dashboard Reminders ***********************/

.reminders_list {
    padding-top: 3px;
}

    .reminders_list .btn-flags-filter {
        color: #49a8ea;
        font-size: 14px;
        padding: 5px 10px;
        background-color: transparent;
    }

    .reminders_list .btn-types-filter {
        color: #49a8ea;
        font-size: 14px;
        padding: 5px 10px;
        background-color: transparent;
    }

    .reminders_list .btn-flags-filter.active {
        color: #04386d;
    }

    .reminders_list .btn-types-filter.active {
        color: #04386d;
    }

    .reminders_list .btn-new-green {
        background-color: #0fd676;
        border-color: #0fd676;
        padding: 5px 10px;
        color: #fff;
        font-size: 15px;
    }

        reminders_list .btn-new-green:hover,
        .reminders_list .btn-new-green:focus,
        .reminders_list .btn-new-green:active {
            background-color: #43ac6a;
        }

    .reminders_list .reminders_ul {
        clear: left;
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: left;
        display: table;
        width: 100%;
    }

        .reminders_list .reminders_ul li.reminder_element {
            margin-bottom: 6px;
            width: 100%;
            margin: 5px 5px 5px 0;
            height: auto;
            min-height: 80px;
            float: left;
            list-style: none;
            background-color:#fff;
        }

            .reminders_list .reminders_ul li.reminder_element .no_results_filter {
                background-color: #fff;
                color: #04386d;
                padding: 20px;
                text-align: center;
                width: 100%;
            }

    .reminders_list .date-arrow-left {
        font-size: 13px !important;
        cursor: pointer;
        background-color: #f8f8f7;
        border-left: 1px solid #3097d8;
        border-right: none;
        border-top: 1px solid #3097d8;
        border-bottom: 1px solid #3097d8;
        color: #3097d8;
        padding: 5px 7px;
        height: 32px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

        .reminders_list .date-arrow-left i {
            padding-top: 2px;
        }

    .reminders_list .date-arrow-right {
        font-size: 13px !important;
        cursor: pointer;
        background-color: #f8f8f7;
        border-left: none;
        border-right: 1px solid #3097d8;
        border-top: 1px solid #3097d8;
        border-bottom: 1px solid #3097d8;
        color: #3097d8;
        padding: 5px 7px;
        height: 32px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

        .reminders_list .date-arrow-right i {
            padding-top: 2px;
        }

    .reminders_list .reminder_date_filter {
        background: url(../css/images/reminder_calendar.png) no-repeat scroll 7px 7px;
        font-size: 13px;
        background-color: #f8f8f7;
        border-bottom: 1px solid #3097d8;
        border-top: 1px solid #3097d8;
        color: #3097d8;
        padding: 5px 10px 5px 25px;
        height: 32px;
    }

        .reminders_list .reminder_date_filter.hasnonext {
            border-right: 1px solid #3097d8 !important;
            border-top-right-radius: 6px !important;
            border-bottom-right-radius: 6px !important;
        }

.reminder_tasktimePicker {
    font-size: 14px !important;
    background-color: #f8f8f7;
    border-bottom: 1px solid #3097d8;
    border-top: 1px solid #3097d8;
    color: #3097d8 !important;
    /*padding: 5px 10px 5px 25px;
        height: 32px;*/
}

#reminder_note {
    color: #3097d8 !important;
}

.reminders_list .overduo_date {
    /*background-color: #f94848;
    color: #fff;
    min-height: 91px;
    padding: 15px 0;*/
    font-size: 16px;
    text-align: center;
}
.reminders_list .overduo_date  .typeIcon{
    margin-top:8px;
}

.reminders_list .done_date {
    /*background-color: #0fd676;
    color: #fff;
    min-height: 91px;*/
    /*padding: 15px 0;*/
    font-size: 16px;
    text-align: center;
}

.reminders_list .normal_date {
    /*background-color: #49a8ea;
    color: #fff;
    min-height: 91px;*/
    padding:0px;
    /*padding: 5px 0;*/
    font-size: 17px;
    text-align: center;
}

.reminders_list .reminder_details {
    background-color: #fff;
    padding: 15px 0;
    min-height: 91px;
}
	.reminders_list .circle-name-user {
	padding: 10px 0;
    border-radius: 50%;
    max-height: 50px;
    min-height: 50px;
    height: auto !important;
    height: 50px;
    overflow: hidden;
    max-width: 50px;
    min-width: 50px;
    width: auto !important;
    width: 50px;
    background-color: #49a8ea;
    color: #fff;
    text-align: center;
    font-size: 20px;
    text-transform: capitalize;
    display: block !important;
    margin-left: auto;
    margin-right: auto;
}
.reminders_list .circle-name {
    margin-top:2px;
    padding: 10px 0;
    border-radius: 50%;
    max-height: 50px;
    min-height: 50px;
    height: auto !important;
    height: 50px;
    overflow: hidden;
    max-width: 50px;
    min-width: 50px;
    width: auto !important;
    width: 50px;
    background-color: #49a8ea;
    color: #fff;
    text-align: center;
    font-size: 20px;
    text-transform: capitalize;
    display: block !important;
    margin-left: auto;
    margin-right: auto;
}

.reminders_list .reminder_element .cutomer-img-sm {
    /*width: 60px;
    height: 60px;*/
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.reminders_list .reminder_info_container {
    display: table;
    height: 50px;
    overflow-y: visible;
}

.reminders_list .reminder_info {
    padding-right: 5px;
    display: table-cell;
    vertical-align: middle;
    padding:5px;
}

.reminders_list .reminderinfo_title ,  .reminders_list .reminderinfo_title a{
    color: #656563;
    font-size: 17px;
    font-weight:600;
}

.reminders_list .reminderinfo_name {
    color: #49a8ea;
    font-size: 16px;
    clear: both;
    display: block;
}

.reminders_list .reminderinfo_snoozed {
    font-size: smaller;
    color: #999;
}

.reminders_list .reminderinfo_name a {
    color: #9F9696;
    font-size: 16px;
}

    .reminders_list .reminderinfo_name a:hover {
        color: #49a8ea;
        font-size: 16px;
    }

.reminders_list .reminder_group {
    color: #04386d;
    font-size: 16px;
    display: block;
    font-weight: 600;
}

    .reminders_list .reminder_group a {
        color: #04386d;
        font-size: 16px;
        display: block;
        font-weight: 600;
    }

.reminders_list .reminder_lastcontact {
    color: #9F9696;
    font-size: 14px;
    display: block;
    float: left;
    width: 100%;
    top: 6px;
    position:relative;
}
.reminder_lastcontact p{
    margin-bottom:1%;
}
.reminder_lastcontact .reminder_lastcontact_phoneEmail_listing p{

}
    .reminder_lastcontact .reminder_lastcontact_phoneEmail_listing i.fa {
        position: absolute;
        margin-top: 5px;
        color: #696969;
    }

    .reminder_lastcontact .reminder_lastcontact_phoneEmail_listing span {
        margin-left: 20px;
        font-weight: bold;
    }
.reminder_lastcontact .reminder_lastcontact_phoneEmail_listing span.no-data {
    font-weight: normal;
}
        .reminder_lastcontact .reminder_lastcontact_phoneEmail_listing span.send-mail-for-contact{
            cursor:pointer;
        }
    .reminders_list .reminder_actions {
            /*padding-top: 5%;*/
            width: 100%;
            float: left;
        }

/*    .reminders_list .reminder_actions .btn-actions {
    //    float: left;
   //     padding-right: 5px;
    }*/

        .reminders_list .reminder_actions .btn-actions button {
            background-color: #0fd676;
            border-color: #0fd676;
            padding: 5px 10px;
            color: #fff;
            font-size: 15px;
        }

            .reminders_list .reminder_actions .btn-actions button:hover,
            .reminders_list .reminder_actions .btn-actions button:focus,
            .reminders_list .reminder_actions .btn-actions button:active {
                background-color: #43ac6a;
            }

            .reminders_list .reminder_actions .btn-actions button.complete {
                padding: 5px 10px;
            }

            .reminders_list .reminder_actions .btn-actions button.followed {
                padding: 5px 18px;
            }

            .reminders_list .reminder_actions .btn-actions button:nth-child(1) {
                border-right: 1px solid #fff;
                margin-right: 1px;
            }

            .reminders_list .reminder_actions .btn-actions button:nth-child(2) {
                padding: 5px 8px 5px 8px;
            }

        .reminders_list .reminder_actions .btn-actions .dropdown-menu li {
            

        }

            .reminders_list .reminder_actions .btn-actions .dropdown-menu li a {
                padding: 7px 15px;
                font-size: 14px;
            }

    .reminders_list .reminder_actions .btn-snooze {
        float: left;
    }

        .reminders_list .reminder_actions .btn-snooze button {
            background-color: #E7E7E7;
            border-color: #E7E7E7;
            padding: 5px 2px 5px 10px;
            color: #000;
            font-size: 15px;
            width: 100px;
        }

            .reminders_list .reminder_actions .btn-snooze button:hover,
            .reminders_list .reminder_actions .btn-snooze button:focus,
            .reminders_list .reminder_actions .btn-snooze button:active {
                background-color: #dddddd;
            }

        .reminders_list .reminder_actions .btn-snooze .caret {
            margin-left: 5px;
        }

        .reminders_list .reminder_actions .btn-snooze .dropdown-menu {
            background-color: #fff;
            min-width: 98px;
            margin-right: 15px;
        }

            .reminders_list .reminder_actions .btn-snooze .dropdown-menu li {
                border-top: 1px solid #cccccc;
                border-left: 1px solid #cccccc;
                border-right: 1px solid #cccccc;
                background-color: white;
                width: 98px;
                min-width: 98px;
            }

                .reminders_list .reminder_actions .btn-snooze .dropdown-menu li a {
                    padding: 3px 15px;
                    font-size: 13px;
                }

                .reminders_list .reminder_actions .btn-snooze .dropdown-menu li.snooze-for {
                    padding: 3px 10px;
                    font-size: 12px;
                    background-color: white;
                    width: 98px;
                    min-width: 98px;
                }

.reminders_list .reminder_alreadycompleted {
    float: right;
    padding-right: 10px;
}

    .reminders_list .reminder_alreadycompleted a {
        color: #9F9696;
        font-size: 14px;
        display: block;
        padding: 5px;
    }

    .reminders_list .reminder_alreadycompleted button i {
        margin-left: 10px;
    }


.reminders_list .already_followed {
    /*min-height: 80px;*/
    background-color: #fff;
    border-top: 1px solid #E7E7E7;
    padding-top: 1%;
    padding-bottom: 1%;
}

    .reminders_list .already_followed .btn-done {
        background-color: #0fd676;
        border-color: #0fd676;
        padding: 5px 16%;
        color: #fff;
        font-size: 15px;
        float: left;
        margin-right: 10px;
    }

    .reminders_list .already_followed input[type="text"] {
        background-color: #E7E7E7;
        border-color: #E7E7E7;
        padding: 5px 15px;
        color: #fff;
        font-size: 15px;
        height: 33px;
    }

.reminders_list .btn-primary-dark-blue:hover, .reminders_list .btn-primary-dark-blue:focus, .reminders_list .btn-primary-dark-blue:active {
    background-color: #49a8ea;
    border-color: #49a8ea;
}

.reminders_list .btn-primary-dark-blue.active {
    background-color: #49a8ea ;
    border-color: #49a8ea;
}

.reminders_list .reminder_completebuttons {
    padding-left: 17%;
}

.google-sync-btn{

}

#btn_toggle_header {
    z-index:9999;
}

.collapse.in {
    /*height: auto;
    opacity: 1;
    transition: 0.6s all;*/
}

.collapsing {
    transition: 0.6s all;
}



.datepickerlist .date-arrow-left {
    font-size: 13px !important;
    cursor: pointer;
    background-color: #f8f8f7;
    border-left: 1px solid #3097d8;
    border-right: none;
    border-top: 1px solid #3097d8;
    border-bottom: 1px solid #3097d8;
    color: #3097d8;
    padding: 5px 7px;
    height: 32px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .datepickerlist .date-arrow-left i {
        padding-top: 2px;
    }

.datepickerlist .date-arrow-right {
    font-size: 13px !important;
    cursor: pointer;
    background-color: #f8f8f7;
    border-left: none;
    border-right: 1px solid #3097d8;
    border-top: 1px solid #3097d8;
    border-bottom: 1px solid #3097d8;
    color: #3097d8;
    padding: 5px 7px;
    height: 32px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .datepickerlist .date-arrow-right i {
        padding-top: 2px;
    }

.datepickerlist .reminder_date_filter {
    background: url(../css/images/reminder_calendar.png) no-repeat scroll 7px 7px;
    font-size: 13px;
    background-color: #f8f8f7;
    border: 1px solid #3097d8;
    border-radius: 6px !important;
    color: #3097d8;
    padding: 5px 10px 5px 25px;
    height: 32px;
}




/********* System Messages **********/
#notificationContainer .systemmessages_ul {
    /*border-bottom: 2px solid #04386d;
    border-right: 2px solid #04386d;
    border-left: 2px solid #04386d;*/
}

#notificationContainer .list_title {
    /*border-right: 2px solid #04386d;
    border-left: 2px solid #04386d;*/
}
.arrow-up {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    margin-left: 48%;
}
.systemmessages_list .list_title {
    width: 100%;
    height: auto;
    min-height: 35px;
    background-color: #fff;
    color: #75767B;
    font-size: 16px;
    padding-top: 3%;
    font-weight: 500;
}

.btn-loadmore {
    background-color: #49a8ea;
    font-size: 18px;
    color: #fff;
    padding: 8px 80px;
    text-align: center;
    width: 100%;
}

.btn-flags-filter {
    font-size: 14px;
}

.systemmessages_list .systemmessages_ul {
    clear: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
    /*display: table;*/
    width: 100%;
    max-height: 500px;
    overflow-y: auto;
}

    /*.systemmessages_list .systemmessages_ul::-webkit-scrollbar {
            width: 5px;
        }

        .systemmessages_list .systemmessages_ul::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px #000000;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        }

        .systemmessages_list .systemmessages_ul::-webkit-scrollbar-thumb {
            background-color: darkgrey;
            outline: 1px solid slategrey;
        }*/

    .systemmessages_list .systemmessages_ul li.list_element {
        width: 100%;
        margin: 0 5px 0 0;
        float: left;
        list-style: none;
        background-color: #fff;
    }

        .systemmessages_list .systemmessages_ul li.list_element.IsSeen_False {
            background-color: #d3e2ed;
        }

        .systemmessages_list .systemmessages_ul li.list_element .message_information {
            border-bottom: 1px solid #E7E7E7;
            height: auto;
            min-height: 71px;
            overflow: hidden;
            padding: 7px 5px 7px 0;
        }

        .systemmessages_list .systemmessages_ul li.list_element:last-child .message_information {
            border-bottom: none;
        }

        .systemmessages_list .systemmessages_ul li.list_element .message_information .message_details {
            font-size: 14px;
            color: #04386d;
            line-height: 18px;
        }

            .systemmessages_list .systemmessages_ul li.list_element .message_information .message_details a {
                font-size: 14px;
                color: #04386d;
                line-height: 18px;
            }

        .systemmessages_list .systemmessages_ul li.list_element .message_information .message_time {
            color: #9F9696;
            font-size: 14px;
            display: block;
        }

/********* Integration List **********/


.integration_list {
    margin-top: 0;
}

    .integration_list .list_title {
        width: 100%;
        margin: 5px 5px 0 0;
        height: auto;
        min-height: 30px;
        float: left;
        list-style: none;
        background-color: #49a8ea;
        color: #fff;
        text-align: center;
        font-size: 16px;
        padding: 5px;
        border: 1px solid #49a8ea;
    }

    .integration_list .integrations_ul {
        clear: left;
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: left;
        width: 100%;
        max-height: 1000px;
        overflow-y: auto;
    }

        .integration_list .integrations_ul li.list_element {
            width: 100%;
            margin: 0 5px 0 0;
            float: left;
            list-style: none;
            background-color: #fff;
        }

            .integration_list .integrations_ul li.list_element .integrate_information {
                border-bottom: 1px solid #E7E7E7;
                min-height: 35px;
                padding: 5px 5px 5px 0;
            }

            .integration_list .integrations_ul li.list_element:last-child .integrate_information {
                border-bottom: none;
            }

            .integration_list .integrations_ul li.list_element .integrate_information .integrate_icon i {
                font-size: 20px;
                color: #49a8ea;
            }

            .integration_list .integrations_ul li.list_element .integrate_information .integrate_title {
                font-size: 14px;
                color: #49a8ea;
                line-height: 18px;
                text-decoration: underline;
            }

            .integration_list .integrations_ul li.list_element .integrate_information a:hover {
                background-color: #ffc;
            }

            .integration_list .integrations_ul li.list_element .integrate_information .integrate_count .badge {
                background-color: #dddddd;
                font-size: 14px;
                font-weight: 600;
                color: #fff;
                line-height: 18px;
                padding: 2px 10px 2px 10px;
                border-radius: 6px;
            }

            .integration_list .integrations_ul li.list_element .integrate_information .integrate_count i {
                margin-left: 20px;
                font-size: 14px;
                color: #dddddd;
                float: right;
                margin-top: 4px;
            }

.checking_load {
    float: left;
    padding: 30px;
    font-size: 16px;
    background-color: #fff;
    width: 100%;
}

#system_messageslist .checking_load {
    margin-top: 30px;
    font-size: 17px;
    font-weight: bold;
}

#message_notification .checking_load {
    margin-top: 0px;
    font-size: 17px;
    font-weight: bold;
}

#AddEditNoteModel .modal-footer {
    padding: 0;
}

/****************  Workflow ****************/

.workflow_stepslist {
    padding-top: 10px;
}

    .workflow_stepslist .red-font {
        margin: 0;
        padding-top: 10px;
    }

    .workflow_stepslist .workflow_color {
        font-size: 60px;
        padding-left: 25px;
        line-height: 57px;
    }

    .workflow_stepslist .workflow_description {
        font-size: 14px;
        color: #969696;
        padding-top: 15px;
        padding-left: 20px;
        line-height: 18px;
    }

.workflow_description_temp {
    font-size: 14px;
    color: #969696;
    padding-top: 15px;
    padding-left: 20px;
    line-height: 18px;
}

.workflow_stepslist #start_workflow i, .workflow_stepslist #pause_workflow i, .workflow_stepslist #resume_workflow i {
    padding-right: 10px;
    font-size: 22px;
}

.workflow_stepslist .workflow_infomation {
    font-size: 16px;
    color: #04386d;
    line-height: 15px;
    padding-bottom: 10px;
}

    .workflow_stepslist  .group_name {
        color: #49a8ea;
        padding-left: 5px;
        text-decoration: underline;
    }

.workflow_stepslist .fa-pencil {
    color: #49a8ea;
    padding-left: 5px;
    font-size: 22px;
}

.workflow_stepslist .stepslist_ul {
    clear: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
    display: table;
    width: 100%;
}

.workflow_stepslist .datebased_workflow {
    display: table;
    margin-bottom: 6px;
    width: 100%;
    margin: 5px 5px 5px 0;
    height: auto;
    min-height: 70px;
    float: left;
}

    .workflow_stepslist .datebased_workflow .datebased_title {
        background-color: #c5c5c5;
        color: #fff;
        min-height: 70px;
        padding: 20px;
        font-size: 17px;
        text-align: center;
        color: #fff;
    }

    .workflow_stepslist .datebased_workflow .datebased_body {
        padding-top: 10px;
        background-color: #fff;
        min-height: 70px;
        font-size: 16px;
    }


    .workflow_stepslist .datebased_workflow .datebased_info {
        padding-left: 10px;
        color: #6f6f6f;
    }

    .workflow_stepslist .datebased_workflow .datebased_date {
        padding-top: 10px;
        padding-left: 10px;
        color: #04386d;
    }

.workflow_stepslist .stepslist_ul li.step_element {
    display: table;
    margin-bottom: 6px;
    width: 100%;
    margin: 5px 5px 5px 0;
    height: auto;
    min-height: 70px;
    float: left;
    list-style: none;
}

    .workflow_stepslist .stepslist_ul li.step_element .step_number {
        background-color: #cecece;
        border-radius:4px;
        color: #fff;
        min-height: 70px;
        /*padding: 18px;*/
            padding-top: 24%;
        font-size: 18px;
        text-align: center;
        color: #fff;
    }
    .workflow_step_number_active_email{
        /*min-height: 104px;*/
         line-height: 68px;
    }
    .workflow_step_body_active_email {
        min-height: 104px;
            line-height: 96px;
    }
    .workflow_step_number_active_email.hasTemplate{
        /*min-height: 104px;*/
         line-height: 94px;
    }
    .workflow_step_body_active_email.hasTemplate {
        /*min-height: 124px;*/
            /*line-height: 122px;*/
    }
    .workflow_stepslist .stepslist_ul li.step_element .step_infocontainer {
        min-height: 70px;
        background-color: #fff;
        color: #04386d;
    }

    .workflow_stepslist .stepslist_ul li.step_element .operations_container {
        padding-left: 10px;
        font-size: 15px;
    }

        .workflow_stepslist .stepslist_ul li.step_element .operations_container.FollowUpEmail {
            margin-top: -50px;
        }

            .workflow_stepslist .stepslist_ul li.step_element .operations_container.FollowUpEmail button {
                margin-top: 2px !important;
            }

    .workflow_stepslist .stepslist_ul li.step_element .step_infocontainer button.operations_count {
        color: #49a8ea;
        text-decoration: underline;
        float: left;
        padding-right: 10px;
        padding-top: 5px;
        float: left;
        /*margin-top: 10px;*/
        font-size: 15px !important;
    }

    /*workflow_stepslist .stepslist_ul li.step_element .step_infocontainer button.operations_count.workflow_report {
    color: #49a8ea !important;
    text-decoration: underline;
    float: left;
    padding-right: 10px;
    margin-top: 10px;
     font-size: 15px;
}*/

    .workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .main_title {
        padding-top: 9px;
        /*padding-left: 10px;*/
        padding-right: 5px;
        font-size: 16px;
        float: left;
    }


    .workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .mail_counters {
        width: 100%;
        min-height: 60px;
        padding-left: 20%;
        float: left;
    }

    .workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .main_action {
        padding-top: 9px;
        font-size: 16px;
        float: left;
    }

        .workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .main_action.standard {
            width: 70%;
        }

.standard-width80 {
    width: 80% !important;
}

.workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .main_title.datebased {
    /*width: 70%;*/
}

    .workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .main_title.datebased .main_title_datebased {
        float: left;
        padding-right: 40px;
        padding-left: 10px;
    }

.workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .btn-link:not(.ignore) {
    padding: 0 0 0 5px !important;
    font-size: 14px;
    margin-top: -5px;
    text-decoration: underline;
}

.workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .mail_sent_count .btn-mail-sent-circle {
    height: 40px;
    background-color: #f94848;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 15px;
    width: 40px;
    clear: both;
    padding: 5px;
    border: none;
    margin-left: 5px;
}

.btn-mail-sent-circle {
    height: 40px;
    background-color: #f94848;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 15px;
    width: 40px;
    clear: both;
    padding: 5px;
    border: none;
    margin-left: 5px;
}

.workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .mail_click_count .btn-mail-click-circle {
    height: 40px;
    background-color: #0fd676;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 15px;
    width: 40px;
    clear: both;
    padding: 5px;
    border: none;
    margin-left: 5px;
}

.btn-mail-click-circle {
    height: 40px;
    background-color: #0fd676;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 15px;
    width: 40px;
    clear: both;
    padding: 5px;
    border: none;
    margin-left: 5px;
}

.workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .mail_open_count .btn-mail-open-circle {
    height: 40px;
    background-color: #f38e35;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 15px;
    width: 40px;
    clear: both;
    padding: 5px;
    border: none;
    margin-left: 5px;
}

.btn-mail-open-circle {
    height: 40px;
    background-color: #f38e35;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 15px;
    width: 40px;
    clear: both;
    padding: 5px;
    border: none;
    margin-left: 5px;
}

.workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .mail_unsubscribe_count .btn-mail-unsubscribe-circle {
    height: 40px;
    background-color: #49A8EA;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 15px;
    width: 40px;
    clear: both;
    padding: 5px;
    border: none;
    margin-left: 25%;
}

.btn-mail-unsubscribe-circle {
    height: 40px;
    background-color: #49A8EA;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 15px;
    width: 40px;
    clear: both;
    padding: 5px;
    border: none;
    margin-left: 25%;
}

.workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .mail_bounce_count .btn-mail-bounce-circle {
    height: 40px;
    background-color: #9B22DF;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 15px;
    width: 40px;
    clear: both;
    padding: 5px;
    border: none;
    margin-left: 10%;
}

.btn-mail-bounce-circle {
    height: 40px;
    background-color: #9B22DF;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 15px;
    width: 40px;
    clear: both;
    padding: 5px;
    border: none;
    margin-left: 10%;
}

.workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .main_action.datebased {
    padding-left: 10px;
    float: left;
}

    .workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .main_action.datebased .operations_container {
        padding-left: 0;
    }


.workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .main_action .medium_font {
    font-size: 15px;
}

.workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .step_edit {
    padding-top: 10px;
    font-size: 20px;
    line-height: 10px;
    margin-left:-37%;
}

    .workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .step_edit.edit_datebased {
        width: 100%;
        text-align: right;
        padding-right: 10px;
    }

    .workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .step_edit .fa-pencil {
        color: #49a8ea;
        padding-right: 5px;
    }

    .workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .step_edit .fa-times {
        color: #cccccc;
        font-size: 22px;
    }

.workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .moveup_down {
    background-color: #49a8ea;
    min-height: 70px;
    text-align: center;
}

    .workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .moveup_down .move_up {
        border-bottom: 1px solid #fff;
        min-height: 35px;
    }

.workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .stepcore {
    padding-top: 3px;
    padding-left: 5px;
}

.workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .moveup_down .move_up button {
    font-size: 30px;
    line-height: 10px;
    color: #fff;
}

.workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .moveup_down .move_down {
    min-height: 35px;
}

    .workflow_stepslist .stepslist_ul li.step_element .step_infocontainer .moveup_down .move_down button {
        font-size: 30px;
        line-height: 10px;
        color: #fff;
    }

div[class^="addeditworkflow_form"] {
    min-height: 70px;
    background-color: #fff;
    color: #04386d;
    width: 100%;
    padding-top: 5px;
    display: none;
    margin-bottom: 10px;
}


    div[class^="addeditworkflow_form"] label {
        font-size: 14px;
        padding-top: 5px;
        font-weight: 600;
    }



    div[class^="addeditworkflow_form"] .ProgressWhenlabel {
        font-size: 14px;
        padding-top: 5px;
        font-weight: 600;
    }

    div[class^="addeditworkflow_form"] .bootstrap-tagsinput {
        border: 1px solid #04386d;
        height: 35px;
        padding: 6px 10px;
        font-size: 15px;
        text-align: left;
    }

    div[class^="addeditworkflow_form"] input[type=text].borderetext,
    .EditWaitingHoursForm input[type=text].borderetext {
        padding: 3px 7px;
        height: 35px;
        border: 1px solid #04386d;
        width: 100%;
    }

    div[class^="addeditworkflow_form"] select {
        padding: 0 10px;
        height: 35px;
        border: 1px solid #04386d;
        font-size: 15px;
        color: #04386d;
        width: 190px;
    }

    div[class^="addeditworkflow_form"] .WorkflowFollowUpMailModal .form-group {
        width: 100%;
        /*padding-bottom: 7px;*/
    }

        div[class^="addeditworkflow_form"] .WorkflowFollowUpMailModal .form-group#ccmaildiv, div[class^="addeditworkflow_form"] .WorkflowFollowUpMailModal {
            display: none;
            padding-bottom: 7px;
        }

            div[class^="addeditworkflow_form"] .WorkflowFollowUpMailModal .form-group .text-input {
                   padding: 0 10px;
    height: 30px;
    background-color: #fff;
    font-size: 13px;
    width: 100%;
            }

.MailTemplate, .MailTemplateFrom {
    color: #fff !important;
    background-color: #49a8ea !important;
    border-color: #49a8ea !important;
    width: 86% !important;
}
.MailTemplateFrom{
    width: 100%!important;
}

.MailTemplate a {
    height: 30px !important;
    font-size: 13px !important;
}
.WorkflowFollowUpMailModal .modal-header{
    padding-bottom:10px;
        padding-top: 10px;
}
.WorkflowFollowUpMailModal .cke_contents {
    height:49.5vh !important;
}
.padding-2per{
    padding:2%;
}
.MailPreviewBodyDiv {
    padding: 0px;
    min-height: 87vh;
    height: auto;
}
#SendMailModel .form-group input{
    font-size:13px;
    height:30px;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
#SendMailModel .form-group
{
    margin-bottom:2%;
}
#SendFollowUpMailModal .form-group input{
    font-size:13px;
    height:30px;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
#SendFollowUpMailModal .form-group
{
    margin-bottom:2%;
}
.MailTemplate-clear{
        float: left;
    font-size: 13px;
    margin-top: 1%;
    margin-left: 1%;
}
.font-size-14{
        font-size: 14px;
    margin-left: 5%;
    margin-bottom: 0px;
}

.font-14{
        font-size: 14px;
}
.margin-left-11per{
    margin-left:11%;
}
.margin-left-1per {
    margin-left: 1% !important;
}
.font-size-21px-bold{
        font-size: 21px;
    font-weight: 800
}
.preview-header{
    margin-top: 0px;
    padding-top: 5px;
    background-color: #F7F7F7;
    padding-bottom: 7px;
    margin-bottom: 8px;
}

.btn-white{
        color: #04386d;
    background-color: #fff;
    border-color: #E5E5E5;
    padding: 5px 6px;
}
.btn-white:hover{
        color: #fff;
    background-color: #04386d;
    border-color: #fff;
    padding: 5px 6px;
}
.last-btn{
        margin-left: 10%;
    width: 104%;
}
div[class^="addeditworkflow_form"] select.date_bases_actions {
    width: 95% !important;
}

div[class^="addeditworkflow_form"] select.step_days {
    width: 85px !important;
}

div[class^="addeditworkflow_form"] select.AfterOrBefore {
    width: 88px !important;
}

div[class^="addeditworkflow_form"] .savebuttons {
    padding-top: 10px;
    min-height: 50px;
    background-color: #f8f8f6;
    /*display: none;*/
}

div[class^="addeditworkflow_form"] .emailTemplate_select option[default] {
    color: #999;
    background-color: #fff;
}

div[class^="addeditworkflow_form"] select.step_days {
    background-color: #ccc;
    color: #04386d;
    margin-right: 5px;
    border: none;
}

.EditWaitingHoursForm select.step_days {
    background-color: #ccc;
    color: #04386d;
    margin-right: 5px;
    border: none;
    height: 36px;
}

.EditWaitingHoursForm .control-label {
    font-size: 15px;
    padding-top: 5px;
    font-weight: 600;
    color: #04386d;
}

div[class^="addeditworkflow_form"] select.add_sub_score {
    border: 1px solid #04386d !important;
    background-color: #fff;
    color: #04386d;
    margin-right: 5px;
    width: 139px !important;
    float: left;
    margin: 15px 10px 0 10px;
}

div[class^="addeditworkflow_form"] select.ProgressWhen {
    padding: 0 10px;
    height: 35px;
    border: 1px solid #04386d;
    font-size: 15px;
    color: #04386d;
    width: 110px !important;
}

div[class^="addeditworkflow_form"] label.step_action {
    text-align: right;
    float: left;
    padding-right: 10px;
}

div[class^="addeditworkflow_form"] select option {
    border-bottom: 1px solid #ccc;
}

div[class^="addeditworkflow_form"] .action_parttwo {
    border-left: 1px solid #ccc;
    min-height: 100px;
}

div[class^="addeditworkflow_form"] .taskType:hover, div[class^="addeditworkflow_form"] .taskType:focus, div[class^="addeditworkflow_form"] .taskType:active {
    background-color: #49a8ea ;
    color: #fff;
    border: 1px solid #49a8ea;
}

div[class^="addeditworkflow_form"] .taskType.active {
    background-color: #49a8ea ;
    color: #fff;
    border: 1px solid #49a8ea;
}

div[class^="addeditworkflow_form"] .steps_index {
    position: relative;
    display: block;
}

    div[class^="addeditworkflow_form"] .steps_index .step_number {
        min-height: 70px;
        position: absolute;
        width: 100%;
        text-align: center;
        left: 0;
        top: -5px;
        z-index: 10;
        padding-top: 20px;
    }

        div[class^="addeditworkflow_form"] .steps_index .step_number.newStep {
            background-color: #cecece;
        }

        div[class^="addeditworkflow_form"] .steps_index .step_number.editStep {
            background-color: #cecece ;
        }

    div[class^="addeditworkflow_form"] .steps_index span {
        font-size: 18px;
        color: #fff;
    }

    div[class^="addeditworkflow_form"] .steps_index .new_step {
        background-color: #0fd676;
        min-height: 115px;
        position: absolute;
        width: 100%;
        text-align: center;
        left: 0;
        top: -5px;
        z-index: 1000;
        padding-top: 40px;
    }

        div[class^="addeditworkflow_form"] .steps_index .new_step span {
            font-size: 18px;
            color: #fff;
            display: block;
        }

div[class^="addeditworkflow_form"] .Task_step, div[class^="addeditworkflow_form"] .FollowUpEmail_step, div[class^="addeditworkflow_form"] .AddToGroup_step, div[class^="addeditworkflow_form"] .RemoveFromGroup_step,
div[class^="addeditworkflow_form"] .ChangeScore_step, div[class^="addeditworkflow_form"] .AddTags_step, div[class^="addeditworkflow_form"] .RemoveTags_step,
div[class^="addeditworkflow_form"] .AddNote_step, div[class^="addeditworkflow_form"] .AssignContactToUser_step, div[class^="addeditworkflow_form"] .ChangeContactsStages_step, div[class^="addeditworkflow_form"] .NotifyUser_step,
div[class^="addeditworkflow_form"] .AddToScore_step, div[class^="addeditworkflow_form"] .SubFromScore_step {
    display: none;
}

div[class^="addeditworkflow_form"] .auto-height {
    overflow: visible;
    display: block;
    background: #fff;
}

div[class^="addeditworkflow_form"] .AddNote_step textarea {
    padding: 3px 7px;
    height: 62px;
    border: 1px solid #04386d;
    width: 98%;
    margin-left: 5px;
    color: #000;
}

div[class^="addeditworkflow_form"] .NotifyUser_step textarea {
    padding: 3px 7px;
    height: 40px;
    border: 1px solid #04386d;
    width: 98%;
    margin-left: 5px;
    color: #000;
}

.FollowUpEmail_Title {
    font-size: 17px;
    color: #49a8ea;
    /*width: 100%;*/
    padding-bottom: 10px;
    /*border-bottom: 1px solid #E9EAE6;*/
    margin-bottom: 10px;
}

.addduplicate_buttons {
    display: none;
}

#workflowLink {
    color: #49a8ea;
    text-decoration: underline;
    padding-left: 3px;
    padding-right: 3px;
}

.unsubscribe_title {
    font-size: 16px;
    color: #49a8ea !important;
}
.contact-quick-summary-header{
    padding:7px;
}
.contact-quick-summary-card {
    padding-top: 14px;
    padding-bottom: 14px;
    width: 23.1%;
    float: left;
    background: #fff;
    margin-left: 1.5%;
    text-align: center;
}
.contact-quick-summary-card:last-child{
    border-right:0px;
}

.contact_tasks {
}

    .contact_tasks .task_container {
        background-color: #ffffff;
        margin-bottom: 0;
    }

        .contact_tasks .task_container .task_body {
            min-height: 92px;
            position: relative;
            color: #aaa;
            padding: 6px 15px;
            text-align: center;
        }

            .contact_tasks .task_container .task_body.coming-task {
                text-align: left;
                background-image: url(../Images/coming_task.png);
                background-color: transparent !important;
                background-size: 100% 100%;
            }

            .contact_tasks .task_container .task_body.overduetask-task {
                text-align: left;
                background-image: url(../Images/overduetask.png);
                background-color: transparent !important;
                background-size: 100% 100%;
            }

            .contact_tasks .task_container .task_body .contactTaskInfo {
                max-width: 90%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding-bottom: 2px;
                margin-left: 10%;
                color: #545455;
                margin-bottom: 0px;
                margin-top: 0px;
                font-weight: 500;
                padding: 0;
            }

            .contact_tasks .task_container .task_body .contactTaskSummary {
                color: #545455;
                margin-left: 10%;
                margin-bottom: 0px;
                font-size: 16px;
                font-weight: 400;
                margin-top: 0px;
                text-align: left;
            }

            .contact_tasks .task_container .task_body .no_info {
                text-align: center;
                padding-top: 10%;
            }

            .contact_tasks .task_container .task_body .contactTaskDate {
                color: #8a8a8a;
                float: left;
                padding-left: 5px;
                    position: relative;
    top: 5px;
            }

.last-task {
    background-image: url(../Images/last_task.png);
    background-color: transparent !important;
    background-size: 100% 100%;
}

.last-contacted {
    background-image: url(../Images/donetask.png);
    background-color: transparent !important;
    background-size: 100% 100%;
}

.notes_title {
    font-size: 16px;
    color: #49a8ea !important;
    text-align: left;
    padding-left: 25px;
}
.Step_typeContainer .twitter-typeahead{
    display: block !important;
}
/*.Step_typeContainer .tt-dropdown-menu{

    position : fixed !important;
    top: 25% !important;
    left: 60% !important;

}*/
.integration_filters {
    float: right;
}

    .integration_filters .btn-default {
        background-color: #fff;
        width: 250px;
        text-align: left;
        border: none !important;
    }

    .integration_filters .btn-blue {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 18px;
        padding-top: 3px;
    }

    .integration_filters .dropdown-menu {
        font-size: 15px;
        border-bottom: 1px solid #dddddd !important;
        width: 280px;
    }

        .integration_filters .dropdown-menu li a {
            padding-top: 5px !important;
            padding-bottom: 5px !important;
        }

    .integration_filters .btn-group {
    }

.addexternal {
    padding-left: 6%;
}

    .addexternal a i {
        /*padding:10px;*/
        margin-right: 20px;
        margin-left: 10px;
        /*border: 1px solid #61b0e8;*/
    }

    .addexternal.personalphonebutton, .addexternal.PrimaryEmailbutton, .addexternal.addressline1button {
        padding-left: 0 !important;
    }

.note-image-dialog .modal-header, .note-link-dialog modal-header {
    background-color: #fff;
    padding: 15px 10px;
    color: #04386d;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 1px solid #dddddd;
}

    .note-image-dialog .modal-header h4, .note-link-dialog modal-header h4 {
        font-weight: 500 !important;
    }

.note-image-dialog label, .note-link-dialog label {
    font-weight: 500 !important;
}

.note-image-dialog .form-control, .note-link-dialog .form-control {
    width: 100% !important;
    border: 1px solid #0693ce !important;
}

.note-image-dialog .btn-primary, .note-link-dialog .btn-primary {
    background-color: #0693ce !important;
}

#AttachmentsList {
    display: inline-block;
    width: 100%;
    padding-left: 20px;
}

.WorkflowsUI {
    margin-left: 15px;
}

.mail_container_noreport {
    padding: 0 15px;
}

.mail_container_report {
    padding: 0 15px;
    margin-top: -10px;
}

    .mail_container_report .mail_table_container {
        max-height: 340px;
        overflow-y: auto;
    }

.report_title {
    font-size: 18px;
    color: #04386d;
    padding-bottom: 7px;
}

.mail_table_report tbody {
}

    .mail_table_report tbody tr td {
        color: #04386d;
        font-size: 13px;
        font-weight: 600;
    }

        .mail_table_report tbody tr td a {
            color: #49a8ea !important;
            font-size: 16px;
            padding: 0px;
            text-decoration: underline;
        }

.mail_table_report thead tr {
    background-color: lightgray;
}

    .mail_table_report thead tr th {
        font-size: 14.5px;
        color: #04386d;
    }

input[type=checkbox].css-remembercheckbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=checkbox].css-remembercheckbox + label.css-rememberlabel {
        padding-left: 43px;
        height: 36px;
        display: inline-block;
        line-height: 36px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 36px;
        vertical-align: middle;
        cursor: pointer;
    }

    input[type=checkbox].css-remembercheckbox:checked + label.css-rememberlabel {
        background-position: 0 -36px;
    }

.remember_label {
    font-size: 15px;
    color: #a2a5ab;
}
.workflow-dropdown-edit {
    margin-left: -80%
}
.display-block {
    display: block;
}

.display-table {
    display: table;
}

label.css-rememberlabel {
    background-image: url(../Images/rememberme.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.themes_list {
    /*border: 1px solid #cccccc;
    border-radius: 6px;
    margin:5px;*/
    padding: 0;
}
@media screen and (max-width: 1500px) {

    .segment_result_width_per_media {
        width: 100% !important;
        margin-left:0px !important;
    }
       
    }

    .segment_result_width_per_media {
        width: 80%;
        float: left;
        margin-left: 16%;
    }

    @media(min-width: 801px) and (max-width: 1024px) {
        div [class^="addeditworkflow_form"] select; {
            width: 164px !important;
            font-size: 13px !important;
        }

        div[class^="addeditworkflow_form"] label {
            font-size: 14px !important;
            padding-top: 5px !important;
            font-weight: 500 !important;
            padding-left: 3px !important;
        }

        div[class^="addeditworkflow_form"] .taskType {
            padding: 7px 5px !important;
        }

        .fa-meeting-white {
            height: 20px !important;
            width: 22px !important;
            background-size: 100% 100% !important;
        }

        div[class^="addeditworkflow_form"] select.step_days {
            width: 82px !important;
            font-size: 13px !important;
            padding-left: 2px !important;
        }

        .workflow_stepslist .stepslist_ul li.step_element .step_number {
            padding-bottom: 0px !important;
        }


        div[class^="addeditworkflow_form"] .action_parttwo {
            /*border-left: 0px solid #ccc;*/
        }

        .action_parttwo {
            margin-left: 20px;
        }

        .createworkflow-tersa {
            font-size: 40px !important;
            margin-top: 138% !important;
        }

        .minimum-height-221 {
            min-height: 221px !important;
        }
    }

    .Import-common-fields {
        background-color: #fefeff;
        padding: 15px;
        border-top-color: rgb(170, 170, 170);
        border-top-style: double;
        border-top-width: 1px;
        border-width: 1px;
    }

    .updateExistingContactsMessage {
        margin-top: 10px;
        color: #777;
        font-size: small;
    }

    .csv_mapper_info {
        margin-top: 10px;
    }

        .csv_mapper_info .panel {
            margin-bottom: 0;
            border-top-left-radius: 6px !important;
            border-top-right-radius: 6px !important;
            border-bottom-left-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
            margin-left: 12px;
            margin-right: 12px;
        }

            .csv_mapper_info .panel .panel-heading {
                border-top-left-radius: 6px !important;
                border-top-right-radius: 6px !important;
            }

    .csv_mapper {
    }

        .csv_mapper .field_map_block {
            /*height: 285px;*/
            background-color: #fff;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            width: 18%;
            margin: 20px 1%;
            float: left;
        }

            .csv_mapper .field_map_block .field_tabs_container {
                height: 98px;
                overflow: hidden;
            }

            .csv_mapper .field_map_block .field_tabs {
                height: 40px;
                /*margin-bottom: 12px;*/
            }

                .csv_mapper .field_map_block .field_tabs .suggest_tab {
                    border-top-left-radius: 6px;
                    background-color: #49a8ea;
                    height: 34px;
                    width: 100%;
                    color: #fff;
                    font-size: 15px;
                    text-align: center;
                    padding-top: 7px;
                    cursor: pointer;
                }

                    .csv_mapper .field_map_block .field_tabs .suggest_tab.active {
                        background-color: #fff;
                        color: #49a8ea;
                    }

                .csv_mapper .field_map_block .field_tabs .common_tab {
                    border-top-right-radius: 6px;
                    background-color: #49a8ea;
                    height: 34px;
                    width: 100%;
                    color: #fff;
                    font-size: 15px;
                    text-align: center;
                    padding-top: 7px;
                    cursor: pointer;
                }

                    .csv_mapper .field_map_block .field_tabs .common_tab.active {
                        background-color: #fff;
                        color: #49a8ea;
                    }

            .csv_mapper .field_map_block .field_info {
                min-height: 93px;
                max-height: 93px;
            }

                .csv_mapper .field_map_block .field_info .field_common_info {
                    /*height: 93px;*/
                    padding-top: 10px;
                }

                    .csv_mapper .field_map_block .field_info .field_common_info select {
                        border: 1px solid #bebebe;
                        padding: 5px;
                        /*height: 35px;*/
                        margin: 0px 5% 0px 5%;
                        width: 90%;
                        -moz-box-shadow: none;
                        -webkit-box-shadow: none;
                        box-shadow: none;
                    }

                .csv_mapper .field_map_block .field_info .field_suggest_info {
                    height: 55px;
                    padding: 15px 10px 10px 10px;
                }

                    .csv_mapper .field_map_block .field_info .field_suggest_info .btn-group button {
                        margin-right: 5px;
                    }

                .csv_mapper .field_map_block .field_info .field_ignored_info {
                    /*border-top-right-radius: 6px;
                border-top-left-radius: 6px;*/
                    height: 140px;
                    /*padding: 15% 20px 20px 20px;*/
                    background-color: lightgrey;
                    display: none;
                }

                    .csv_mapper .field_map_block .field_info .field_ignored_info .ignored_text {
                        text-align: center;
                        color: #f94848;
                        padding-bottom: 10px;
                    }

                .csv_mapper .field_map_block .field_info .field_mapped_info {
                    border-top-right-radius: 6px;
                    border-top-left-radius: 6px;
                    /*height: 140px;*/
                    /*padding: 10% 20px 20px 20px;*/
                    background-color: #f1f7e9;
                    display: none;
                }

                    .csv_mapper .field_map_block .field_info .field_mapped_info .mapped_text {
                        text-align: center;
                        color: #000;
                        padding-bottom: 10px;
                    }

                        .csv_mapper .field_map_block .field_info .field_mapped_info .mapped_text .field_name {
                            font-size: 16px;
                        }

                        .csv_mapper .field_map_block .field_info .field_mapped_info .mapped_text .field_type {
                            font-size: 14px;
                            color: #999;
                        }

            .csv_mapper .field_map_block .field_member_list {
                height: 147px;
            }

                .csv_mapper .field_map_block .field_member_list .member_list {
                    list-style: none;
                    margin: 0;
                    padding: 0 5px;
                }

                .csv_mapper .field_map_block .field_member_list .field_title_container {
                    border-top-left-radius: 3px;
                    border-top-right-radius: 3px;
                    width: 101%;
                    margin-left: -2px;
                    margin-right: -2px;
                    margin-bottom: 5px;
                }

                .csv_mapper .field_map_block .field_member_list .field_title {
                    border-top-left-radius: 3px;
                    border-top-right-radius: 3px;
                    background-color: #D0D0D0 !important;
                    width: 101%;
                    height: 30px;
                    color: #000;
                    font-size: 14px;
                    padding-top: 5px;
                    text-align: center;
                    font-weight: 600;
                }

                .csv_mapper .field_map_block .field_member_list .member_list .list-item {
                    background-color: #e9eae6;
                    padding: 1px 7px;
                    font-size: 14px;
                    font-weight: 500;
                    overflow: hidden;
                }

    .btn-darkgray {
        background-color: #c9c9c9;
        border-color: #c9c9c9;
        color: #fff;
    }

        .btn-darkgray:hover, .btn-darkgray:focus, btn-darkgray:active, .btn-darkgray.active, .open > .dropdown-toggle.btn-darkgray {
            background-color: #e7e7e7;
            border-color: #e7e7e7;
            color: #000;
        }

    .advanced_filter {
    }

    .select_all_block {
        background-color: #cccccc;
        padding-left: 20px;
        display: none;
    }

        .select_all_block .select_all_message {
            padding-top: 8px;
            padding-bottom: 2px;
            text-align: center;
            float: left;
        }

            .select_all_block .select_all_message button {
                padding-bottom: 5px;
                padding-left: 5px;
            }

    .all_selected_block {
        background-color: lightyellow;
        padding-left: 20px;
        display: none;
    }

        .all_selected_block .all_selected_message {
            padding-top: 6px;
            padding-bottom: 2px;
            text-align: center;
            float: left;
        }

            .all_selected_block .all_selected_message button {
                padding-bottom: 5px;
                padding-left: 5px;
            }

    .custom_filed_dropdown {
        height: 29px;
        font-size: 12px;
        padding: 0px;
        padding-left: 3%;
    }

    .custom_filed_alert {
        display: none;
        margin-left: 7%
    }

    .custom_field_value {
        height: 29px;
        font-size: 12px;
        padding: 0px;
        padding-left: 3%;
        border: none;
        width: 97%;
        margin-bottom: 2%;
    }

    .custom_field_title_deleted {
        background: #ff0000;
        text-align: center;
        border-radius: 50%;
        margin-top: 12%;
    }

    .custom_filed_number {
        padding-left: 3%;
        width: 6%;
        float: left
    }

    .height-29px {
        height: 29px;
    }

    .custom_filed_number span {
        color: #fff;
        font-size: 19px
    }

    .datebased_title_edited {
        background-color: #0693ce;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-top: 12px;
        font-size: 15px;
        min-height: 46px;
        text-align: center;
        color: #fff;
    }

    .more_details_btn {
        font-size: 16px;
        border: 1px solid #008cba;
        padding: 2%;
        border-radius: 5px;
    }

    .deal-contact-row {
        padding: 5%;
    }

    .won_deal_count {
        background-color: #13cab3;
        color: #fff;
        border-radius: 50%;
        text-align: center;
        font-size: 14px;
        width: 20px;
        height: 20px;
    }

    .datebased_title_custom {
        background-color: #B7B7B7;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-top: 12px;
        font-size: 15px;
        min-height: 46px;
        color: #fff;
    }

    .custom_field_title_edited {
        text-align: center;
        border-radius: 50%;
        margin-top: 12%;
    }

    .custom_field_title_custom {
        text-align: center;
        border-radius: 50%;
        margin-top: 12%;
    }

    .prepare_delete {
        border-color: #EC9292;
        border-style: dashed;
        border-width: 1px;
    }

    .ListTage .tag {
        color: #878787 !important;
        background-color: #e8e6e6 !important;
        border: 0px !important;
        border-radius: 0px !important;
        margin-right: 10px !important;
        cursor: pointer;
    }


    .prepare_edit {
        border-color: #0693ce;
        border-style: dashed;
        border-width: 1px;
    }

    .smart-filter-tabs .nav-tabs {
        border: none;
    }

        .smart-filter-tabs .nav-tabs > li a {
            padding: 8px 20px;
            background-color: #49a8ea;
            border: none;
            color: #fff;
        }

        .smart-filter-tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #000;
            background-color: #fff;
            border: none;
            border-bottom-color: transparent;
        }

    .saved_searches {
        background-color: #fff;
        padding: 0;
    }

        .saved_searches .btn-group-vertical {
            padding: 15px;
            width: 100%;
        }

            .saved_searches .btn-group-vertical span {
                font-size: 16px;
                color: #04386D;
                font-weight: bold;
            }

            .saved_searches .btn-group-vertical button:not(.btn-default-import) {
                background-color: #fff;
                padding: 2px 10px;
                width: 100%;
                float: right;
                text-align: left;
                margin-bottom: 2px;
                border: none;
            }

                .saved_searches .btn-group-vertical button:not(.btn-default-import) i {
                    padding-right: 5px;
                }

            .saved_searches .btn-group-vertical .btn-block {
                margin-top: 0 !important;
            }

            .saved_searches .btn-group-vertical button:not(.btn-default-import).active {
                background-color: #49a8ea;
                color: #fff;
            }

            .saved_searches .btn-group-vertical button:not(.btn-default-import):hover, .saved_searches .btn-group-vertical button:not(.btn-default-import):active, .saved_searches .btn-group-vertical button:not(.btn-default-import):focus {
                background-color: #49a8ea;
                color: #fff;
            }

                .saved_searches .btn-group-vertical button:not(.btn-default-import):hover i, .saved_searches .btn-group-vertical button:not(.btn-default-import):active i, .saved_searches .btn-group-vertical button:not(.btn-default-import):focus i {
                    color: #fff !important;
                }

    .Notify {
        font-size: 14px;
        font-weight: 500;
        color: #04386d;
        width: auto;
        display: inline-block;
        padding: 0px;
        border-radius: 0px;
        max-width: 180px;
        /* background-color: #E5E5E5; */
    }

    .border_text {
        border: none;
        box-shadow: none;
        outline: none;
        background-color: #fff;
        border: 1px solid #dddddd;
    }

    #system_saved_searches_button_show, #user_saved_searches_button_show {
        display: none;
    }

    .groupmembers-list .pager {
        margin: 0;
    }

    .btn-default-pager {
        color: #333;
        background-color: #fff;
        border-color: #ccc;
        padding: 7px 40px;
        margin-top: -21px;
    }

    .padding-top-bottom-5px-left-right-10px {
        padding: 5px 10px !important;
    }

    .position-absolute {
        position: absolute;
    }

    .premium_bage {
        background-color: #15538b !important;
    }

        .premium_bage a {
            background-image: url(../Images/premium.png) !important;
            background-position: 50% 95%;
            background-size: auto;
            background-repeat: no-repeat;
        }

            .premium_bage a.active {
                background-color: #15538b !important;
            }

    .premium_bage_sub {
        background-color: #74bae9 !important;
    }

    .new-pager {
        position: absolute;
        top: -5px;
        right: 0px;
    }
.contact-list-tag {
    width: 42%;
    padding: 3%;
    float: left;
    margin: 1%;
    height: 30px;
    overflow: hidden;
}
    .pager-replace #pagerwithimages {
        top: 99% !important;
        margin-bottom: 25px;
    }

    .pager li > a, .pager li > span {
        display: inline-block;
        padding: 0px;
    }

    .pagerLink {
        background-color: transparent !important;
        padding: 0px !important;
        border-radius: 15px !important;
    }

    .index-info {
        font-size: 13px;
        font-weight: 700;
    }

    .premium_bage_sub a {
        background-image: url(../Images/premium.png) !important;
        background-color: #74bae9 !important;
        background-position: 50% 95%;
        background-size: auto;
        background-repeat: no-repeat;
    }

        .premium_bage_sub a.active {
            background-color: #74bae9 !important;
        }

    .premium_bage_sub_right {
        background-color: #74bae9 !important;
    }

        .premium_bage_sub_right a {
            background-image: url(../Images/premium.png) !important;
            background-color: #74bae9 !important;
            background-position: 98%;
            background-size: auto;
            background-repeat: no-repeat;
            margin-right: 2px;
        }

    .premium_bage_sub a.active {
        background-color: #74bae9 !important;
    }

    .premium_bage_block {
        background-image: url(../Images/premium.png) !important;
        background-color: #E9EAE6 !important;
        background-position: 90%;
        background-size: auto;
        background-repeat: no-repeat;
        padding: 5px 0;
        opacity: 0.5;
        z-index: 99999999999;
        padding-right: 10%;
        color: #fff;
    }

    .premium_bage_blockfull {
        background-image: url(../Images/premium.png) !important;
        background-color: #E9EAE6 !important;
        background-position: right;
        background-size: auto;
        background-repeat: no-repeat;
        opacity: 0.5;
        z-index: 99999999999;
        color: #fff;
    }

    .premium_bage_sub a.active {
        background-color: #E9EAE6 !important;
        color: #fff;
    }

    .premium_feature_block {
        position: relative;
        overflow: hidden;
    }

        .premium_feature_block:before {
            content: ' ';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            opacity: 0.3;
            background-color: #000000;
            background-repeat: no-repeat;
            background-position: 50% 0;
            -ms-background-size: cover;
            -o-background-size: cover;
            -moz-background-size: cover;
            -webkit-background-size: cover;
            background-size: cover;
        }

    .premium_feature {
        position: absolute;
        top: -10px;
        right: 10px;
        z-index: 999999;
    }

    .premium_feature_deals {
        position: absolute;
        top: -36px;
        right: -20px;
        z-index: 999999;
    }

    .template_preview_title {
        font-size: 16px;
        color: #04386D;
        padding-left: 10px;
    }

    li.nav-item-blue-background a.smartDealsApplyFilter {
        font-weight: bold !important;
        background-color: #ececee !important;
    }

    .reminder_check {
        box-shadow: none;
        -webkit-box-shadow: none;
    }

        .reminder_check:focus, .reminder_check:active {
            box-shadow: none;
            -webkit-box-shadow: none;
        }

    .select2-container.error {
        border: 3px solid red;
    }

    .btn-shopify {
        /*position: absolute;
    top: 57%;
    left: 40.5%;
    padding: 6px 30px;
    background-color: #0fd676;
    border-color: #0fd676;
    color: #fff;*/
        padding: 5px 40px;
        background-color: #f38e35; /*0fd676;*/
        border-color: #f38e35;
        color: #fff;
        font-size: 18px;
        margin-top: 5px;
    }


        .btn-shopify:hover, .btn-shopify:active, .btn-shopify:focus {
            color: #fff;
            background-color: #fa4848;
            border-color: #fa4848;
        }

    .insight-placeholder-or {
        color: #999;
        margin: auto;
        margin-top: 40%;
        height: 100%;
        font-weight: bold;
    }

    .insight-placeholder-video {
        display: block;
        clear: both;
    }

    #ECommerceFilters_Button {
        text-decoration: underline;
    }

    .unsubscribe-container {
        border-left: 1px solid #ccc;
        margin-bottom: 5px;
    }

    /* HTML5 Boilerplate accessible hidden styles */
    [type="radio"].pretty_radio {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    /* One radio button per line */
    label.pretty_radio {
        display: block;
        cursor: pointer;
        font-size: 15px;
        font-weight: 500;
        margin-top: 5px;
    }

    [type="radio"].pretty_radio + span {
        display: block;
        line-height: 25px;
    }

        /* the basic, unchecked style */
        [type="radio"].pretty_radio + span:before {
            content: '';
            display: inline-block;
            width: 1.3em;
            height: 1.27em;
            vertical-align: -0.25em;
            border-radius: 50%;
            border: 0.160em solid #fff;
            box-shadow: 0 0 0 0.08em #656363;
            margin-right: 0.75em;
            transition: 0.5s ease all;
        }

    /* the checked style using the :checked pseudo class */
    [type="radio"].pretty_radio:checked + span:before {
        background: #0FD676;
        box-shadow: 0 0 0 0.08em #656363;
    }

    /* never forget focus styling */
    [type="radio"].pretty_radio:checked + span:after {
        /*content: '\0020\2190';
    font-size: 1.5em;
    line-height: 25px;
    vertical-align: -0.125em;*/
    }

    .recipients_step h2 {
        font-size: 20px;
        color: #49a8ea;
        font-weight: 600;
        margin: 0;
        margin-bottom: 30px;
        margin-left: 8%;
    }

    .setup_step h2 {
        font-size: 20px;
        color: #49a8ea;
        font-weight: 600;
        margin: 0;
        margin-bottom: 30px;
        margin-left: 28%;
    }

    .compose_message_step h2 {
        font-size: 20px;
        color: #49a8ea;
        font-weight: 600;
        margin: 0;
        margin-bottom: 20px;
        margin-left: 28%;
    }

    .compose_message_step h3:not(.ignore) {
        font-size: 17px;
        color: #04386D;
        font-weight: 600;
        margin: 0;
        margin-bottom: 30px;
        margin-left: 26%;
    }

    .compose_message_step h3.ignore {
        font-size: 15px;
        color: #04386D;
        font-weight: 600;
        margin: 0;
        margin-top: 10px;
    }

    .recipients_step h2 span, .setup_step h2 span, .compose_message_step h2 span, .recipients_step h2 span {
        font-size: 20px;
        color: #fff;
        background-color: #0FD676;
        padding: 2px 10px;
        border-radius: 50%;
        margin-right: 10px;
        font-weight: 600;
    }

    .recipients_step select {
        padding: 6px 10px;
        width: 400px;
    }

    #RecipientsFieldSet {
        margin-left: 17%;
    }


    .confirm_step h2 {
        font-size: 20px;
        color: #49a8ea;
        font-weight: 600;
        margin: 0;
        margin-bottom: 10px;
        letter-spacing: 0.5px;
        margin-left: 24%;
    }

        .confirm_step h2.failed_wizard {
            color: #f94848;
            margin-left: 34%;
        }

    .rule-container .tt-hint, .lists_opions .tt-hint {
        display: none !important;
    }

    .confirm_step h3 {
        font-size: 20px;
        color: #04386D;
        font-weight: 500;
        margin: 0;
        margin-bottom: 30px;
        margin-left: 17%;
    }

    #SetupFieldSet {
        margin-left: 3%;
        margin-right: 13%;
    }

    #ConfirmStepFieldSet {
        margin-left: 2%;
        margin-right: 12%;
    }

        #ConfirmStepFieldSet .wizard_rocket {
            margin-left: 40%;
        }

        #ConfirmStepFieldSet .failed_wizard_rocket {
            margin-left: 38.5%;
            margin-bottom: 15px;
        }

    .compose_message_step select {
        padding: 6px 10px;
        width: 350px;
        color: #04386D;
    }

    .recipients_step select.disabled {
        background-color: #eee;
    }

    .compose_message_step select {
        padding: 6px 10px;
        width: 350px;
    }

        .compose_message_step select.disabled {
            background-color: #eee;
        }

    .recipients_step [type="text"] {
        padding: 6px 10px;
        width: 300px;
        color: #04386D;
    }

    .recipients_step .bootstrap-tagsinput {
        width: 300px;
        margin-bottom: 0;
    }

    .recipients_step .lists_opions {
        /*display: none;*/
    }


    .wizard > .steps .saving {
        background-color: burlywood !important;
        opacity: 0.8;
    }

    .wizard > .content > .body .selectize-input input[type="text"] {
        height: auto !important;
    }

    .schedule_data {
        display: none;
    }

        .schedule_data label {
            text-align: center;
        }

        .schedule_data input[type=text] {
            width: 450px;
        }

    .wizard_error {
        background: rgb(251, 227, 228);
        border: 1px solid #fbc2c4;
        color: #8a1f11;
    }

    .emojiPickerIcon_height {
        height: 88px !important;
    }

    .campaignmembers-list .contacts-tabele thead tr th {
        padding: 7px 3px 7px 10px;
    }

    .campaignmembers-list .contacts-tabele thead tr th, .contacts-tabele tbody tr td {
        font-size: 14px;
    }


    .wizard > .actions {
        margin-top: 10px;
    }

    .btn-send-testmail {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

        .btn-send-testmail i {
            padding-right: 10px;
        }

    .notes_restrict {
        display: inline-block;
        width: 700px;
        height: 45px;
        /*white-space: nowrap;*/
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

    .larg_font {
        font-size: 16px;
    }

.shopify-pages {
    color: #fff;
    min-height: 600px;
    background-color: #49a8ea;
    background-image: url("../Images/Shopify/cloud-rocket.png");
    background-repeat: no-repeat;
    background-position: bottom;
    position: relative;
    padding-bottom: 35px;
    height: 100%;
    background-size: contain;
}

        .shopify-pages .main-title {
            font-size: 24px;
            font-weight: 400;
            text-align: center;
            margin-top: 15px;
            line-height: 25px;
        }

            .shopify-pages .main-title img {
                margin-top: -10px;
            }

        .shopify-pages .sub-title {
            font-size: 18px;
            font-weight: 400;
            text-align: center;
            margin-top: 15px;
        }

        .shopify-pages .shopify-features {
            display: block;
            margin-left: 15%;
            margin-right: 15%;
        }

            .shopify-pages .shopify-features .sub-title {
                float: left;
            }

                .shopify-pages .shopify-features .sub-title:nth-child(2) {
                    margin-left: 7%;
                }

                .shopify-pages .shopify-features .sub-title img {
                    margin: -10px 10px 0 10px;
                }

        .shopify-pages .shopify-imported {
            display: block;
            margin-left: 12%;
            margin-right: 12%;
        }

        .shopify-pages .shopify-screen {
            display: block;
            margin-left: 27%;
            margin-right: 27%;
            margin-top: 2%;
        }

        .shopify-pages .shopify-sync-button {
            display: block;
            margin: 20% 38% 10px 38%;
            text-align: center;
            padding: 7px 30px !important;
        }

        .shopify-pages .shopify-revampcrm-button {
            /*display: block;*/
            margin: 5% 38% 10px 35%;
            margin: 5% auto;
            margin-bottom:15px;
            text-align: center;
            padding: 7px 50px !important;
        }

        .shopify-pages .shopify-backto-store {
            margin: 0 38% 10px 38%;
            text-align: center;
            padding: 0;
            text-decoration: underline;
            color: #49a8ea;
        }

        .shopify-pages .shopify-backto-store2 {
            display: block;
            margin: 0 38% 10px 29%;
            text-align: center;
            padding: 0;
            text-decoration: underline;
            color: #49a8ea;
        }

        .shopify-pages .shopify-last-sync {
            color: #a7a7a7;
            text-align: center;
        }

    body.shopify-body {
        position: relative;
    }

    .account-background-ecommerce .support-info,
    .shopify-pages .support-info,
    .shopify-body .support-info {
        position: absolute;
        text-align: center;
        bottom: 20px;
        color: #666;
        font-size: 0.95em;
        width: 100%;
    }

    .account-background-ecommerce .support-info {
        width: 97%;
        color: #fff;
        bottom: 10px;
    }

        .account-background-ecommerce .support-info a {
            color: #ff9;
            text-decoration: underline;
        }

    #smart_filters .bootstrap-tagsinput .tag {
        color: #49a8ea;
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
        /*border: 1px solid #c9e8fd;
    background-color: #c9e8fd;
    border-radius: 11px;*/
        padding: 3px !important;
        font-size: 12px;
    }

        #smart_filters .bootstrap-tagsinput .tag [data-role="remove"] {
            color: #000;
        }

    .pirate-metrics-blocks {
        font-size: 13px;
    }

    .min-height-147px {
        min-height: 147px;
    }

    .time_frame_date {
        background: url(../css/images/reminder_calendar.png) no-repeat scroll 7px 7px;
        font-size: 14px;
        background-color: #f8f8f7;
        border: 1px solid #3097d8;
        width: 200px;
        color: #3097d8;
        padding: 5px 10px 5px 25px;
        height: 35px;
        margin: 15px 0;
        float: left;
    }

        .time_frame_date:disabled {
            border: none;
            background-color: transparent;
            box-shadow: none;
        }

    .time_frame_label {
        margin: 22px 0 15px 0;
        font-size: 14px;
        color: #04386d;
        float: left;
        padding: 0 20px 0 5px;
        font-weight: 600;
    }

    .pirate-metrics-chart {
        background-color: #fff;
        margin: 20px 15%;
    }

        .pirate-metrics-chart canvas {
            height: 400px !important;
            width: 100% !important;
        }

    .pirate-metrics-ecomm-text {
        font-size: 12px;
        color: #aac;
        font-style: italic;
        vertical-align: baseline;
    }

    .ecommerce_dashboard {
    }

    .sync-store {
        color: #6dc7be;
        border: 1px solid #6dc7be;
        border-radius: 0px !important;
        height: 29px !important;
        text-align: center !important;
        line-height: 10px !important;
        margin-top: 4px;
        padding: 10% 5% !important;
        display: inline-block;
    }

.analytics-tab {
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    height: 35px;
    font-size: 16px;
}

    .active .analytics-tab {
        border-bottom: 3px solid #03a3ff;
    }

.analytics-tab-link {
    padding-top: 15px;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    width: 14%;
}

        /*.padding-10{
    padding:10px;
}*/

        .analytics-tab-link.active {
            background: #04336d;
        }

            .analytics-tab-link.active a {
                color: #fff;
            }

        .analytics-tab-link a {
            color: #9e9c9c;
        }

    .sync-store:hover {
        color: #fff;
        background-color: #03a3ff;
    }


    /*.btn:hover{
   background-color: transparent;
           background-image: none;
           color: #999998;
}*/
    /*
.btn-contact-actions>button:hover {
           background-color: transparent;
           background: #49a8ea;
           color:#e9eae6;
          
        }

*/
    .contacts-tabele .btn-contact-actions button.dealStatus-today:hover {
        color: #fff !important;
    }

    .contacts-tabele .btn-contact-actions button.dealStatus-today:hover {
        border: 1px solid #49a8ea !important;
        color: #fff !important;
        background: #49a8ea;
    }

    .ecommerce_dashboard .total_overview {
        height: 50px;
        width: 100%;
        padding: 10px;
        color: #9e9c9c;
        font-size: 13px;
    }

    .ecommerce_dashboard .shopifylogo {
        padding: 1%;
        border: 1px solid #0fd676;
        margin-top: -1.5%;
    }

    .ecommerce_dashboard .bigcommerceLogo {
        padding: 1%;
        border: 1px solid #0fd676;
        margin-top: -2%;
        width: 43px;
    }

    .ecommerce_dashboard .total_overview .store_list {
        padding: 5px;
        border: 1px solid #ccc;
        margin-top: -4px;
        width: 300px;
    }

    .ecommerce_dashboard .total_overview .total_title {
        color: #04386d;
        font-size: 17px;
        font-weight: 600;
        text-align: center;
    }

    .ecommerce_dashboard .total_overview .total_count {
        color: #0fd676;
        font-size: 18px;
        font-weight: 500;
        text-align: center;
        padding: 0 5px;
    }

    .ecommerce_dashboard .total_overview .export_button a {
        padding: 0;
        color: #49a8ea;
        font-size: 13px;
        font-weight: 600;
        text-decoration: none;
        background-color: transparent;
    }

        .ecommerce_dashboard .total_overview .export_button a:hover, .ecommerce_dashboard .total_overview .export_button a:focus,
        .ecommerce_dashboard .total_overview .export_button a:visited {
            color: #04386d;
        }

    .ecommerce_dashboard .stats-par {
        border-radius: 6%;
        height: 19px;
        border-width: 0px;
        margin: 1px 0px 5px 0px;
    }

    .ecommerce_dashboard .progress {
        background-color: #DCDBDB !important;
    }

    .ecommerce_dashboard .time_frame {
        margin-top: 20px;
        background-color: #f38e35;
        border: 2px solid #fc9942;
        height: 36px;
        width: 100%;
    }

        .ecommerce_dashboard .time_frame .day {
            color: #fff;
            font-size: 16px;
            text-align: center;
            padding: 5px;
            width: 50%;
            cursor: pointer;
        }

            .ecommerce_dashboard .time_frame .day.active, .ecommerce_dashboard .time_frame .day:hover,
            .ecommerce_dashboard .time_frame .day:focus, .ecommerce_dashboard .time_frame .day:active {
                color: #f38e35;
                /*border: 2px solid #fff;*/
                background-color: #fff;
                padding: 7px 7px 5px 7px;
            }

    .ecommerce_dashboard .total_sales {
        /*background-color: #fff;*/
        display: block;
        /*overflow: auto;*/
        padding: 0 10px 0px 10px;
    }

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

    .padding-left-right-10px {
        padding-left: 10px;
        padding-right: 10px;
    }

    .total_sale_block {
        float: left;
        margin: 10px .5% 15px .5%;
        border: 1px solid #ddd;
        padding: 10px;
        text-align: center;
    }

        .total_sale_block .sale_title {
            text-align: center;
            color: #04386d;
            font-size: 16px;
            font-weight: 600;
        }

        .total_sale_block .sale_value {
            color: #0fd676;
            font-size: 17px;
            text-align: center;
        }

    .ecommerce_dashboard .total_sales .total_sales_chart {
        margin: 1%;
        border: 1px solid #ddd;
        padding: 10px 20px;
        text-align: center;
        display: block;
        overflow: auto;
    }

    .total_sales_block_padding {
        padding-left: 1% !important;
        padding-right: 2% !important;
    }

    .ecommerce_dashboard .sale_value {
        color: #0fd676;
        font-size: 17px;
        text-align: center;
    }

    .ecommerce_dashboard .total_sales .total_sales_chart .total_sales_title {
        color: #04386d;
        font-size: 20px;
        font-weight: 600;
        float: left;
    }

    .ecommerce_dashboard .well {
        border: none;
    }

    .ecommerce_dashboard .total_sales .total_sales_chart .total_sales_value {
        color: #0fd676;
        font-size: 20px;
        font-weight: 600;
        float: right;
    }

    .repeated_customer_chart {
        margin: 5px .5% 15px 1.5%;
        border: 1px solid #ddd;
        padding: 10px;
        text-align: center;
        display: block;
        overflow: auto;
        padding-bottom: 10.5%;
    }

        .repeated_customer_chart .repeated_customers {
            color: #04386d;
            font-size: 18px;
        }

    .ecommerce_dashboard .top_five {
        margin-top: 10px;
        display: block;
        overflow: auto;
        margin-bottom: 20px;
    }

        .ecommerce_dashboard .top_five .top_five_title {
            width: 100%;
            height: 40px;
            background-color: #49a8ea;
            font-size: 17px;
            text-align: center;
            color: #fff;
            padding: 9px 0;
        }

        .ecommerce_dashboard .top_five .customers_block {
            position: relative;
            background-color: #fff;
            height: 334px;
            margin: 0 5px 0 0;
            padding: 10px 0 0 0;
            text-align: center;
            min-height: 220px;
            margin-bottom: 3%;
        }

        .ecommerce_dashboard .top_five .products_block {
            position: relative;
            background-color: #fff;
            height: 100px;
            margin: 0 10px 0 10px;
            padding: 10px 0 0 0;
            text-align: center;
            min-height: 220px;
        }

    .ecommerce_dashboard .product-img {
        width: 53%;
        margin-top: 5%;
        margin-left: 12%;
        /*height: 103px;*/
    }

    .ecommerce_dashboard td:nth-child(2) {
        text-align: right;
    }

    .ecommerce_dashboard td:nth-child(3) {
        text-align: right;
    }

    .ecommerce_dashboard th:nth-child(2) {
        text-align: right;
    }

    .ecommerce_dashboard th:nth-child(3) {
        text-align: right;
    }

    .ecommerce_dashboard .top_five .categories_block {
        position: relative;
        background-color: #fff;
        height: 100px;
        margin: 0 0 0 5px;
        padding: 10px 0 0 0;
        text-align: center;
        min-height: 220px;
    }

    .ecommerce_dashboard .top_five .export_button {
        position: absolute;
        bottom: 10px;
        left: 45%;
    }

        .ecommerce_dashboard .top_five .export_button a {
            text-align: center;
            padding: 0;
            text-decoration: underline;
            font-size: 16px;
            color: #49a8ea;
        }

    .ecommerce_dashboard .top_five .top_five_subtitle {
        font-size: 16px;
        color: #04386d;
        font-weight: 600;
    }

    .ecommerce_dashboard .top_five .top_customers {
        display: block;
        overflow: auto;
        margin: 0 0 5px 0;
        padding: 0;
    }

        .ecommerce_dashboard .top_five .top_customers li {
            width: 100%;
            padding: 1px 2%;
            list-style-type: none;
            display: block;
            overflow: auto;
        }

            .ecommerce_dashboard .top_five .top_customers li .customer_name {
                font-size: 16px;
                color: #49a8ea;
                float: left;
            }

            .ecommerce_dashboard .top_five .top_customers li .customer_value {
                font-size: 13px;
                color: #49a8ea;
                float: right;
            }

    .ecommerce_dashboard .abandoned_grid {
        text-align: center;
        color: #04386d;
        font-size: 14px;
        font-weight: 600;
    }

        .ecommerce_dashboard .abandoned_grid a {
            border-bottom: dotted 1px #ccc;
        }

    .ecommerce_dashboard .product-block {
        border: 1px solid #ddd;
        text-align: center;
        width: 19%;
        float: left;
        margin-right: 1%;
    }

    .ecommerce_dashboard .product-order-box {
        float: right;
        margin-right: -3%;
        margin-top: -3%;
    }

    .ecommerce_dashboard .repeated-customer-info {
        width: 40%;
        float: left;
        font-size: 14px;
    }

    .ecommerce_dashboard .new-customer-info {
        width: 60%;
        float: left;
        font-size: 14px;
    }

    .ecommerce_dashboard .top-5-header {
        color: #989898;
        text-align: left;
        /* padding: 1%; */
        margin-left: 2%;
        margin-top: 0px;
        font-weight: 500;
    }

    .ecommerce_dashboard .top_five td {
        padding: 4px 6px 0px 8px;
    }

    .dashboard_action_title {
        width: 100%;
        color: #04386d;
        font-size: 18px;
        text-align: center;
        padding: 0 20px;
        display: block;
    }

    .dashboard_action_button {
        background-color: #0fd676;
        color: #fff;
        font-size: 18px;
        text-align: center;
        margin: 0 30px;
        padding: 10px 40px;
        display: block;
        overflow: auto;
        width: 81%;
    }

        .dashboard_action_button:hover, .dashboard_action_button:focus, .dashboard_action_button:active {
            color: #fff;
        }


    .customers_activity_180_details,
    .customers_activity_180_total,
    .customers_activity_30 {
        margin-top: 10px;
        width: 100%;
        background-color: #fff;
        display: block;
        overflow: auto;
        padding: 5px 0;
    }

        .customers_activity_180_details .customers_activity_180_details_title,
        .customers_activity_180_total .customers_activity_180_total_title,
        .customers_activity_30 .customers_activity_30_total_title {
            font-size: 16px;
            display: inline-block;
            padding: 5px 10px;
            color: #04386d;
            font-weight: 600;
        }

        .customers_activity_180_total .donut-container {
            width: 160px;
            height: 160px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            position: relative;
            overflow: hidden;
        }

        .customers_activity_30 .donut-container {
            width: 160px;
            height: 160px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            position: relative;
            overflow: hidden;
        }

        .customers_activity_180_details .donut-container {
            width: 70px;
            height: 70px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            position: relative;
        }

            .customers_activity_180_details .donut-container.inactive-donut {
                background-color: #98d5ff;
            }

        /*.customers_activity_180_total .donut-container.totalcustomers-donut {
        background-color: #259a85;
    }*/

        .customers_activity_30 .donut-container .newcustomers-donut1 {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            clip: rect(0 80px 160px 0);
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(0deg);
            background-color: #43799f;
        }

        .customers_activity_30 .donut-container .newcustomers-donut2 {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            clip: rect(0 160px 80px 0);
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            background-color: #49a8ea;
        }

        .customers_activity_180_total .donut-container .totalcustomers-donut1 {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            clip: rect(0 80px 160px 0);
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(0deg);
            background-color: #98d5ff;
        }

        .customers_activity_180_total .donut-container .totalcustomers-donut2 {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            clip: rect(0 80px 160px 0);
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            background-color: #0fd6b3;
        }

        .customers_activity_180_total .donut-container .totalcustomers-donut3 {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            clip: rect(0 160px 80px 0);
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            background-color: #259a85;
        }

        .customers_activity_180_details .donut-container.oneorder-donut {
            background-color: #0fd6b3;
        }

        .customers_activity_180_details .donut-container.multiorder-donut {
            background-color: #259a85;
        }

        .customers_activity_180_details .donut-container.topspenders-n-donut {
            background-color: #6b2ec7;
        }

        .customers_activity_180_details .donut-container.topspenders-v-donut {
            background-color: #b518d7;
        }

        .customers_activity_180_details .donut-container.couponclippers-donut {
            background-color: #e56a2e;
        }

        .customers_activity_30 .donut-container.walkedaway-donut {
            width: 50px;
            height: 50px;
            background-color: #43799f;
        }

        .customers_activity_30 .donut-container.ordered-donut {
            width: 50px;
            height: 50px;
            background-color: #49a8ea;
        }

        .customers_activity_180_details .donut-inner {
            width: 50px;
            height: 50px;
            top: 10px;
            left: 10px;
            position: absolute;
            background: #fff;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            text-align: center;
            padding-top: 24%;
            box-shadow: none;
            font-size: 13px;
            font-weight: 600;
        }

        .customers_activity_180_total .donut-inner {
            width: 100px;
            height: 100px;
            position: absolute;
            top: 30px;
            left: 30px;
            background: #fff;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            text-align: center;
            padding-top: 15%;
            box-shadow: none;
            font-size: 25px;
            font-weight: 600;
        }

        .customers_activity_30 .donut-inner {
            width: 100px;
            height: 100px;
            position: absolute;
            top: 30px;
            left: 30px;
            background: #fff;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            text-align: center;
            padding-top: 15%;
            box-shadow: none;
            font-size: 25px;
            font-weight: 600;
        }

        .customers_activity_30 .donut_middel_title {
            position: absolute;
            top: 28%;
            left: 43%;
            color: #04386d;
            font-size: 25px;
            font-weight: 600;
            text-align: center;
            z-index: 0;
        }

            .customers_activity_30 .donut_middel_title i {
                display: block;
            }

        .customers_activity_180_total .donut_middel_title {
            position: absolute;
            top: 28%;
            left: 46%;
            color: #04386d;
            font-size: 25px;
            font-weight: 600;
            text-align: center;
            z-index: 0;
        }

            .customers_activity_180_total .donut_middel_title i {
                display: block;
            }

        .customers_activity_180_details .donut-inner.inactive-donut {
            color: #98d5ff;
        }

        .customers_activity_180_details .donut-inner.oneorder-donut {
            color: #0fd6b3;
        }

        .customers_activity_180_details .donut-inner.multiorder-donut {
            color: #259a85;
        }

        .customers_activity_180_details .donut-inner.topspenders-n-donut {
            color: #6b2ec7;
        }

        .customers_activity_180_details .donut-inner.topspenders-v-donut {
            color: #b518d7;
        }

        .customers_activity_180_details .donut-inner.couponclippers-donut {
            color: #e56a2e;
        }

        .customers_activity_30 .donut-inner.walkedaway-donut {
            color: #43799f;
            width: 35px;
            height: 35px;
            top: 7.5px;
            left: 7.5px;
            font-size: 10px;
            padding-top: 20%;
            font-weight: 800;
        }

        .customers_activity_30 .donut-inner.ordered-donut {
            color: #49a8ea;
            width: 35px;
            height: 35px;
            top: 7.5px;
            left: 7.5px;
            font-size: 10px;
            padding-top: 20%;
            font-weight: 800;
        }

        .customers_activity_180_details .activity_title,
        .customers_activity_180_total .activity_title {
            color: #04386d;
            font-size: 18px;
            padding-left: 8px;
        }

        .customers_activity_30 .walkedaway .activity_title {
            color: #43799f;
            font-size: 13px;
            font-weight: 600;
            line-height: 18px;
            padding-left: 5px;
        }

        .customers_activity_30 .ordered .activity_title {
            color: #49a8ea;
            font-size: 13px;
            font-weight: 600;
            line-height: 18px;
            padding-left: 5px;
        }

        .customers_activity_180_details .activity_title.has_sub,
        .customers_activity_180_total .activity_title.has_sub {
            line-height: 18px;
        }

        .customers_activity_180_details .activity_title .activity_sub_title,
        .customers_activity_180_total .activity_title .activity_sub_title {
            color: #04386d;
            font-size: 14px;
            display: inline-block;
            padding-left: 3px;
            line-height: 20px;
        }

        .customers_activity_180_details .activity_number,
        .customers_activity_180_total .activity_number {
            color: #04386d;
            font-size: 22px;
            font-weight: 700;
            line-height: 25px;
            padding-left: 8px;
        }


        .customers_activity_30 .walkedaway .activity_number {
            color: #43799f;
            font-size: 18px;
            font-weight: 700;
            line-height: 25px;
            padding-left: 5px;
        }

        .customers_activity_30 .ordered .activity_number {
            color: #49a8ea;
            font-size: 18px;
            font-weight: 700;
            line-height: 25px;
            padding-left: 5px;
        }

        .customers_activity_180_details .activity_number i,
        .customers_activity_180_total .activity_number i {
            font-size: 16px;
            padding-left: 5px;
        }

        .customers_activity_30 .walkedaway .activity_number i {
            font-size: 14px;
            padding-left: 5px;
        }

        .customers_activity_30 .ordered .activity_number i {
            font-size: 14px;
            padding-left: 5px;
        }

        .customers_activity_180_details .table,
        .customers_activity_180_total .table,
        .customers_activity_30 .table {
            margin-top: 5px;
            margin-bottom: 5px;
        }

    .eCommerce_queryfiters .table {
        margin-top: 0;
        margin-bottom: 0;
    }

        .customers_activity_180_details .table th,
        .customers_activity_180_details .table td,
        .eCommerce_queryfiters .table td {
            border: 1px solid #ddd !important;
            padding: 1px 5px;
            text-align: center;
            font-size: 16px;
            font-weight: 500;
        }

        .customers_activity_180_total .table th,
        .customers_activity_180_total .table td,
        .customers_activity_30 .table th,
        .customers_activity_30 .table td,
        .eCommerce_queryfiters .table th,
        .eCommerce_queryfiters .table td {
            border: 1px solid #ddd !important;
            padding: 1px 5px;
            text-align: center;
            font-size: 14px;
            font-weight: 500;
        }

        .eCommerce_queryfiters .table tbody td {
            padding: 5px;
        }

        .eCommerce_queryfiters .table th,
        .eCommerce_queryfiters .table td {
            font-size: 13px;
        }

        .customers_activity_180_details .table th,
        .customers_activity_180_total .table th,
        .customers_activity_30 .table th,
        .eCommerce_queryfiters .table th {
            color: #fff;
            width: 33.33%;
        }

        .customers_activity_180_details .table td,
        .customers_activity_180_total .table td,
        .customers_activity_30 .table td,
        .eCommerce_queryfiters .table td {
            color: #04386d;
        }

            .customers_activity_180_details .table td hr,
            .customers_activity_180_total .table td hr,
            .customers_activity_30 .table td hr {
                margin: 10px 20%;
                border-top: 3px solid #04386d;
            }

            .eCommerce_queryfiters .table td hr {
                margin: 7.5px 20%;
                border-top: 3px solid #cbcaca;
            }

    .customers_activity_180_details .blocks_seperator {
        border-top: 2px solid #ddd;
        margin-bottom: 0;
    }

    .customers_activity_180_details .couponclippers_block, .customers_activity_180_details .topspenders_v_block, .customers_activity_180_details .topspenders_n_block {
        padding-top: 10px;
    }

    .customers_activity_180_details .border-right {
        border-right: 2px solid #ddd;
    }

    .customers_activity_180_details .table.inactive-table th:nth-child(1) {
        background-color: #98d5ff;
    }

    .customers_activity_180_details .table.inactive-table th:nth-child(2) {
        background-color: #71bbee;
    }

    .customers_activity_180_details .table.inactive-table th:nth-child(3) {
        background-color: #258ed6;
    }

    .customers_activity_180_details .table.oneorder-table th:nth-child(1) {
        background-color: #79e6d3;
    }

    .customers_activity_180_details .table.oneorder-table th:nth-child(2) {
        background-color: #0fd6b3;
    }

    .customers_activity_180_details .table.oneorder-table th:nth-child(3) {
        background-color: #07ab8e;
    }

    .customers_activity_180_details .table.multiorder-table th:nth-child(1) {
        background-color: #52ccb6;
    }

    .customers_activity_180_details .table.multiorder-table th:nth-child(2) {
        background-color: #259a85;
    }

    .customers_activity_180_details .table.multiorder-table th:nth-child(3) {
        background-color: #0a6b5a;
    }

    .customers_activity_180_details .table.topspenders-n-table th:nth-child(1) {
        background-color: #905edb;
    }

    .customers_activity_180_details .table.topspenders-n-table th:nth-child(2) {
        background-color: #6b2ec7;
    }

    .customers_activity_180_details .table.topspenders-n-table th:nth-child(3) {
        background-color: #4b1799;
    }

    .customers_activity_180_details .table.topspenders-v-table th:nth-child(1) {
        background-color: #c55cdc;
    }

    .customers_activity_180_details .table.topspenders-v-table th:nth-child(2) {
        background-color: #b518d7;
    }

    .customers_activity_180_details .table.topspenders-v-table th:nth-child(3) {
        background-color: #700d85;
    }

    .customers_activity_180_details .table.couponclippers-table th:nth-child(1),
    .customers_activity_180_total .table.couponclippers-table th:nth-child(1),
    .customers_activity_30 .table.couponclippers-table th:nth-child(1),
    .eCommerce_queryfiters .table.couponclippers-table th:nth-child(1) {
        background-color: #f8a441;
        font-size: 12px;
    }

        .customers_activity_180_details .table.couponclippers-table th:nth-child(1) i,
        .customers_activity_180_total .table.couponclippers-table th:nth-child(1) i,
        .customers_activity_30 .table.couponclippers-table th:nth-child(1) i,
        .eCommerce_queryfiters .table.couponclippers-table th:nth-child(1) i {
            font-size: 22px;
            padding-right: 5px;
        }

    .customers_activity_180_details .table.couponclippers-table th:nth-child(2),
    .customers_activity_180_total .table.couponclippers-table th:nth-child(2),
    .customers_activity_30 .table.couponclippers-table th:nth-child(2),
    .eCommerce_queryfiters .table.couponclippers-table th:nth-child(2) {
        background-color: #e56a2e;
        font-size: 13px;
    }

        .customers_activity_180_details .table.couponclippers-table th:nth-child(2) i,
        .customers_activity_180_total .table.couponclippers-table th:nth-child(2) i,
        .customers_activity_30 .table.couponclippers-table th:nth-child(2) i,
        .eCommerce_queryfiters .table.couponclippers-table th:nth-child(2) i {
            font-size: 17px;
            padding-right: 5px;
        }

    .customers_activity_180_details .table.couponclippers-table th:nth-child(3),
    .customers_activity_180_total .table.couponclippers-table th:nth-child(3),
    .customers_activity_30 .table.couponclippers-table th:nth-child(3),
    .eCommerce_queryfiters .table.couponclippers-table th:nth-child(3) {
        background-color: #b24c1b;
        font-size: 15px;
        font-weight: 700;
    }

    .eCommerce_queryfiters .contacts_count {
        border: 1px solid #e9eae6;
        margin: 5px 3px 15px 4px;
        min-height: 150px;
        padding: 10px;
    }

    .eCommerce_queryfiters .table.couponclippers-table td.blue-header {
        background-color: #49a8ea;
        font-size: 14px;
        color: #fff;
        border-right: none !important;
        border-top: none !important;
        border-left: 1px solid #ddd;
        border-bottom: none !important;
    }


    .eCommerce_queryfiters .table.couponclippers-table td.orange-header {
        background-color: #f8a441;
        font-size: 14px;
        color: #fff;
        border-left: none !important;
        border-top: none !important;
        border-right: 1px solid #ddd;
        border-bottom: none !important;
    }

    .eCommerce_queryfiters .table.couponclippers-table td.light-blue-header {
        background-color: #fff;
        font-size: 14px;
        color: #5fb6f2;
        border-top: none !important;
        border-left: 1px solid #ddd;
        border-bottom: none !important;
    }

    .eCommerce_queryfiters .table.couponclippers-table td.light-orange-header {
        background-color: #fff;
        font-size: 14px;
        color: #f6b467;
        border-left: none !important;
        border-top: none !important;
        border-right: 1px solid #ddd;
        border-bottom: none !important;
    }

    .customers_activity_30 .ordered_title {
        color: #49a8ea;
        font-size: 17px;
        font-weight: 700;
    }

        .customers_activity_30 .ordered_title .shape {
            background-color: #49a8ea;
            border-radius: 5px;
            width: 20px;
            height: 20px;
            float: left;
            margin-right: 5px;
        }

    .new_segment_block {
        /*border: 2px solid #49a8ea;
    margin: 10px 0 10px 0;*/
        margin: 0;
        padding: 0;
    }

        .new_segment_block .wrapper {
            display: table-row;
            background-color: #fff;
        }

        .new_segment_block hr {
            margin: 10px 20px;
            border-top: 2px solid #cccccc;
            border-radius: 3px;
        }

        .new_segment_block .main-title {
            color: #04386d;
            font-weight: 600;
            font-size: 14px;
            margin-bottom: 25px;
            padding-left: 5px;
            margin: 0;
            margin-top: 5px;
        }

        .new_segment_block .filters {
            padding-left: 25px;
        }

            .new_segment_block .filters li {
                list-style: none;
                color: #04386d;
                font-weight: 600;
                font-size: 16px;
                margin-bottom: 10px;
            }

                .new_segment_block .filters li span {
                    border-radius: 3px;
                    padding: 2px 5px 5px 5px;
                    background-color: #c9e7fd;
                    cursor: pointer;
                }

        .new_segment_block .title_block {
            color: #9c9c9c;
            font-size: 16px;
            display: block;
            padding-left: 25px;
            margin-bottom: 10px;
            line-height: 30px;
        }

        .new_segment_block .filter_by_lifetime {
            min-height: 370px;
            border-left: 2px solid #cccccc;
            padding-top: 60px;
            margin-top: 10px;
        }

            .new_segment_block .filter_by_category .title_block .title_icon,
            .new_segment_block .filter_by_product .title_block .title_icon,
            .new_segment_block .filter_by_order .title_block .title_icon,
            .new_segment_block .filter_by_contact .title_block .title_icon,
            .new_segment_block .filter_by_lifetime .title_block .title_icon {
                height: 30px;
                width: 30px;
                border-radius: 50%;
                float: left;
                text-align: center;
                font-size: 17px;
                margin-right: 5px;
                line-height: 29px;
            }

        .new_segment_block .filter_by_category .title_block .title_icon {
            background-color: #A2A2A2;
            color: #fff;
        }

        .new_segment_block .filter_by_product .title_block .title_icon {
            background-color: #A2A2A2;
            color: #fff;
        }

        .new_segment_block .filter_by_order .title_block .title_icon {
            background-color: #A2A2A2;
            color: #fff;
        }

        .new_segment_block .filter_by_contact .title_block .title_icon {
            background-color: #A2A2A2;
            color: #fff;
        }

        .new_segment_block .filter_by_lifetime .title_block .title_icon {
            background-color: #A2A2A2;
            color: #fff;
        }

    .eCommerce_queryfiters {
        /*margin: 10px 0 10px 10px;*/
        display: table;
        width: 98%;
        margin-top: 10px;
    }

        .eCommerce_queryfiters .wrapper {
            width: 100%;
            display: table-row;
            /*overflow: auto;*/
            background-color: #fff;
        }

            .eCommerce_queryfiters .wrapper .border_blue {
                border-right: 2px solid #49a8ea;
                border-bottom: 2px solid #49a8ea;
                border-left: 2px solid #49a8ea;
                border-top: 2px solid #49a8ea;
            }

        .eCommerce_queryfiters .form-horizontal .form-group {
            margin: 0;
        }

        .eCommerce_queryfiters .query-builder .rules-group-container .rules-group-header {
            margin-bottom: 8px;
        }

            .eCommerce_queryfiters .query-builder .rules-group-container .rules-group-header .group-conditions {
                /*margin-left: 25%;*/
            }

        .eCommerce_queryfiters .query-builder .rules-group-container {
            border: none;
            background-color: #fff;
            padding: 0;
        }

            .eCommerce_queryfiters .query-builder .rules-group-container .rules-list {
                padding: 0;
            }

        .eCommerce_queryfiters .query-builder .rules-list > *:before,
        .eCommerce_queryfiters .query-builder .rules-list > *:after {
            content: none;
        }

        .eCommerce_queryfiters .query-builder .group-conditions .btn-primary {
            background-color: #eff5f8;
            color: #49a8ea;
            border: none;
            padding: 5px 73px;
            font-size: 15px;
            margin: 0;
            border: 1px solid #49a8ea;
        }

    .group-conditions label:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border: 1px solid #49a8ea;
    }

    .eCommerce_queryfiters .query-builder .group-conditions label:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        margin: 0;
        color: #49a8ea;
    }

        .eCommerce_queryfiters .query-builder .group-conditions label:last-child:hover {
            background-color: #49a8ea;
            color: #fff;
            border: none;
            padding: 5px 73px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            font-size: 15px;
            margin: 0;
            border: 1px solid #49a8ea;
        }

    .eCommerce_queryfiters .query-builder .group-conditions .btn-primary:hover,
    .eCommerce_queryfiters .query-builder .group-conditions .btn-primary.focus,
    .eCommerce_queryfiters .query-builder .group-conditions .btn-primary.active,
    .eCommerce_queryfiters .query-builder .group-conditions .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #49a8ea;
        border: none;
        padding: 5px 73px;
        border: 1px solid #49a8ea;
    }

    .eCommerce_queryfiters .query-builder .rule-actions .btn-danger {
        background-color: transparent;
        color: #d32a0e;
        font-size: 20px;
        border: none;
        padding: 0;
    }

        .eCommerce_queryfiters .query-builder .rule-actions .btn-danger:hover,
        .eCommerce_queryfiters .query-builder .rule-actions .btn-danger:focus,
        .eCommerce_queryfiters .query-builder .rule-actions .btn-danger:active {
            background-color: transparent;
            color: #49a8ea;
        }

    .eCommerce_queryfiters .query-builder .rule-actions .btn-info {
        background-color: transparent;
        color: #5bc0de;
        font-size: 20px;
        border: none;
        padding: 0 5px 0 0;
    }

    .eCommerce_queryfiters .query-builder .rule-container,
    .eCommerce_queryfiters .query-builder .rule-placeholder {
        border: 3px dotted #e4e7e9;
        background: #eff5f8;
        padding: 10px;
        border-radius: 3px;
    }

        .eCommerce_queryfiters .query-builder .has-error,
        .eCommerce_queryfiters .query-builder .rule-placeholder .has-error {
            background-color: #FDD;
            border-color: #F99;
        }


        .eCommerce_queryfiters .query-builder .rule-container input[type=text]:not(.tt-input),
        .eCommerce_queryfiters .query-builder .rule-container input[type=number] {
            padding: 1px 3px 1px 5px;
            height: 35px !important;
            min-height: 35px !important;
            width: 200px;
        }

        .eCommerce_queryfiters .query-builder .rule-container select {
            padding: 1px 3px 1px 5px;
            height: 35px !important;
            min-height: 35px !important;
            /*width: 200px;*/
        }

        #eCommerce_builder .query-builder .rule-container .rule-operator-container select,
        .eCommerce_queryfiters .query-builder .rule-container .rule-operator-container select {
            max-width: 200px !important;
        }

        .eCommerce_queryfiters .query-builder .rule-container .item {
            padding: 5px 3px 1px 5px;
            height: 35px !important;
            min-height: 35px !important;
        }

        .eCommerce_queryfiters .query-builder .rule-container .selectize-input {
            padding: 1px 3px 1px 5px;
            height: 35px !important;
            min-height: 35px !important;
        }

    .eCommerce_queryfiters .query-builder select, .new_segment_block .query-builder input[type=text] {
        color: #43799f;
    }

    .eCommerce_queryfiters .query-builder .selectize-control {
        position: absolute;
        top: 10px;
    }

    .eCommerce_queryfiters .query-builder .bootstrap-tagsinput {
        padding: 5px;
        border: 1px solid #49a8ea;
        margin-bottom: 0;
        min-width: 230px;
        min-height: 35px;
        height: auto;
        font-size: 15px;
        line-height: 1.4;
        float: left;
        margin-top: 2px;
    }

    .eCommerce_queryfiters .contacts_count_block {
        /*position: absolute;
        bottom: 8px;
        right: 5px;*/
        display: none;
    }

    .font-22-darkblueBold {
        font-size: 22px;
        font-weight: 600;
        color: #04386d;
    }

    .eCommerce_queryfiters .count_title {
        font-size: 18px;
        color: #cbcaca;
    }

    .eCommerce_queryfiters .count {
        font-size: 14px;
        font-weight: 600;
        color: #04386d;
    }

    .eCommerce_queryfiters .count_icon i {
        font-size: 25px;
        font-weight: 600;
        color: #04386d;
        padding-left: 20px;
    }

    .new_segment_block .btn-group button:not(.segment_actions) {
        border: 1px solid #49a8ea;
        border-radius: 0;
        border-right: 0;
        border-left: 0;
        background-color: #fff;
        color: #49a8ea;
        padding: 5px 6px;
    }

    .border-right-dark-gray {
        border-right: 2px solid #ddd;
    }

    .new_segment_block .btn-group button.segment_actions {
        margin-right: 5px;
        font-size: 16px;
    }

    .eCommerce_queryfiters .segment_actions-block {
        /*border-top: 2px solid #ddd;*/
        margin-top: 15px;
        margin-bottom: 15px;
        padding-top: 15px;
    }

    .new_segment_block .btn-group button.active:not(.segment_actions),
    .new_segment_block .btn-group button:hover:not(.segment_actions),
    .new_segment_block .btn-group button:active:not(.segment_actions),
    .new_segment_block .btn-group button:focus:not(.segment_actions) {
        border: 1px solid #49a8ea;
        border-radius: 0;
        border-right: 0;
        border-left: 0;
        background-color: #49a8ea;
        color: #ffffff;
    }

    .eCommerce_queryfiters .query-builder .rule-actions .btn-danger:hover,
    .eCommerce_queryfiters .query-builder .rule-actions .btn-danger:focus,
    .eCommerce_queryfiters .query-builder .rule-actions .btn-danger:active,
    .eCommerce_queryfiters .query-builder .rule-actions .btn-info:hover,
    .eCommerce_queryfiters .query-builder .rule-actions .btn-info:focus,
    .eCommerce_queryfiters .query-builder .rule-actions .btn-info:active {
        background-color: transparent;
        color: #49a8ea;
    }

    .new_segment_block .date_range {
        padding: 3px 0 3px 5px;
        background-color: #c9e7fd;
        color: #49a8ea;
        margin-right: 5px;
        display: block;
        overflow: auto;
        margin-top: 2px;
    }

        .new_segment_block .date_range span {
            float: left;
            color: #49a8ea;
        }

        .new_segment_block .date_range input[type=text] {
            border: none;
            float: left;
            width: 70%;
            margin-left: 5px;
            font-size: 12px;
            font-weight: 600;
            color: #04386d;
            padding: 4px 2px;
        }

    .ecommerce_dashboard .date_range {
        padding: 3px 0 3px 5px;
        color: #fff;
        margin-right: 5px;
        display: block;
        overflow: auto;
    }

        .ecommerce_dashboard .date_range span {
            float: left;
            color: #fff;
        }

        .ecommerce_dashboard .date_range input[type=text] {
            border: none;
            float: left;
            width: 75%;
            margin-left: 5px;
            font-size: 12px;
            font-weight: 600;
            color: #fff;
            padding: 4px 2px;
            background-color: #ffc490;
        }

    .ecommerce_dashboard .checkbox_date {
        width: 100%;
        margin-top: 11%;
        background-color: #fff;
        height: 18px;
    }

    .account_menu .form-group {
        padding: 15px;
    }

    .query-builder .radio,
    .account_menu .radio,
    .user-profile-form .radio {
        padding-left: 20px;
    }

    .account_menu .radio, .user-profile-form .radio {
        display: inline-block;
        padding-right: 25px;
    }

    .account_menu .radio {
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .query-builder .radio label,
        .account_menu .radio label, .user-profile-form .radio label {
            display: inline-block;
            position: relative;
            padding-left: 5px;
            font-size: 13px;
            color: #04386d;
        }

            .query-builder .radio label::before,
            .account_menu .radio label::before, .user-profile-form .radio label::before {
                content: "";
                display: inline-block;
                position: absolute;
                width: 17px;
                height: 17px;
                left: 0;
                margin-left: -20px;
                border: 1px solid #cccccc;
                border-radius: 50%;
                background-color: #fff;
                -webkit-transition: border 0.15s ease-in-out;
                -o-transition: border 0.15s ease-in-out;
                transition: border 0.15s ease-in-out;
            }

            .query-builder .radio label::after,
            .account_menu .radio label::after, .user-profile-form .radio label::after {
                display: inline-block;
                position: absolute;
                content: " ";
                width: 11px;
                height: 11px;
                left: 3px;
                top: 3px;
                margin-left: -20px;
                border-radius: 50%;
                background-color: #555555;
                -webkit-transform: scale(0, 0);
                -ms-transform: scale(0, 0);
                -o-transform: scale(0, 0);
                transform: scale(0, 0);
                -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
                -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
                -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
                transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            }

        .query-builder .radio input[type="radio"],
        .account_menu .radio input[type="radio"], .user-profile-form .radio input[type="radio"] {
            opacity: 0;
            z-index: 1;
        }

            .query-builder .radio input[type="radio"]:focus + label::before,
            .account_menu .radio input[type="radio"]:focus + label::before,
            .user-profile-form .radio input[type="radio"]:focus + label::before {
                outline: thin dotted;
                outline: 5px auto -webkit-focus-ring-color;
                outline-offset: -2px;
            }

            .query-builder .radio input[type="radio"]:checked + label::after,
            .account_menu .radio input[type="radio"]:checked + label::after,
            .user-profile-form .radio input[type="radio"]:checked + label::after {
                -webkit-transform: scale(1, 1);
                -ms-transform: scale(1, 1);
                -o-transform: scale(1, 1);
                transform: scale(1, 1);
            }

            .query-builder .radio input[type="radio"]:disabled + label,
            .account_menu .radio input[type="radio"]:disabled + label,
            .user-profile-form .radio input[type="radio"]:disabled + label {
                opacity: 0.65;
            }

                .query-builder .radio input[type="radio"]:disabled + label::before,
                .account_menu .radio input[type="radio"]:disabled + label::before,
                .user-profile-form .radio input[type="radio"]:disabled + label::before {
                    cursor: not-allowed;
                }

        .query-builder .radio.radio-inline,
        .account_menu .radio.radio-inline,
        .user-profile-form .radio.radio-inline {
            margin-top: 0;
        }

        .query-builder .radio.radio-single label,
        .account_menu .radio.radio-single label,
        .user-profile-form .radio.radio-single label {
            height: 17px;
        }

    .query-builder .radio-primary input[type="radio"] + label::after,
    .query-builder .account_menu input[type="radio"] + label::after {
        background-color: #428bca;
    }

    .query-builder .radio-primary input[type="radio"]:checked + label::before,
    .account_menu .radio-primary input[type="radio"]:checked + label::before,
    .user-profile-form .radio-primary input[type="radio"]:checked + label::before {
        border-color: #428bca;
    }

    .query-builder .radio-primary input[type="radio"]:checked + label::after,
    .account_menu .radio-primary input[type="radio"]:checked + label::after
    .user-profile-form .radio-primary input[type="radio"]:checked + label::after {
        background-color: #428bca;
    }

    .query-builder .radio-danger input[type="radio"] + label::after,
    .account_menu .radio-danger input[type="radio"] + label::after,
    .user-profile-form .radio-danger input[type="radio"] + label::after {
        background-color: #d9534f;
    }

    .query-builder .radio-danger input[type="radio"]:checked + label::before,
    .account_menu .radio-danger input[type="radio"]:checked + label::before,
    .user-profile-form .radio-danger input[type="radio"]:checked + label::before {
        border-color: #d9534f;
    }

    .query-builder .radio-danger input[type="radio"]:checked + label::after,
    .account_menu .radio-danger input[type="radio"]:checked + label::after,
    .user-profile-form .radio-danger input[type="radio"]:checked + label::after {
        background-color: #d9534f;
    }

    .query-builder .radio-info input[type="radio"] + label::after,
    .account_menu .radio-info input[type="radio"] + label::after,
    .user-profile-form .radio-info input[type="radio"] + label::after {
        background-color: #5bc0de;
    }

    .query-builder .radio-info input[type="radio"]:checked + label::before,
    .account_menu .radio-info input[type="radio"]:checked + label::before,
    .user-profile-form .radio-info input[type="radio"]:checked + label::before {
        border-color: #5bc0de;
    }

    .query-builder .radio-info input[type="radio"]:checked + label::after,
    .account_menu .radio-info input[type="radio"]:checked + label::after,
    .user-profile-form .radio-info input[type="radio"]:checked + label::after {
        background-color: #5bc0de;
    }

    .query-builder .radio-warning input[type="radio"] + label::after,
    .account_menu .radio-warning input[type="radio"] + label::after,
    .user-profile-form .radio-warning input[type="radio"] + label::after {
        background-color: #f0ad4e;
    }

    .query-builder .radio-warning input[type="radio"]:checked + label::before,
    .account_menu .radio-warning input[type="radio"]:checked + label::before,
    .user-profile-form .radio-warning input[type="radio"]:checked + label::before {
        border-color: #f0ad4e;
    }

    .query-builder .radio-warning input[type="radio"]:checked + label::after,
    .account_menu .radio-warning input[type="radio"]:checked + label::after,
    .user-profile-form .radio-warning input[type="radio"]:checked + label::after {
        background-color: #f0ad4e;
    }

    .query-builder .radio-success input[type="radio"] + label::after,
    .account_menu .radio-success input[type="radio"] + label::after,
    .user-profile-form.radio-success input[type="radio"] + label::after {
        background-color: #5cb85c;
    }

    .query-builder .radio-success input[type="radio"]:checked + label::before,
    .account_menu .radio-success input[type="radio"]:checked + label::before,
    .user-profile-form .radio-success input[type="radio"]:checked + label::before {
        border-color: #5cb85c;
    }

    .query-builder .radio-success input[type="radio"]:checked + label::after,
    .account_menu .radio-success input[type="radio"]:checked + label::after,
    .user-profile-form .radio-success input[type="radio"]:checked + label::after {
        background-color: #5cb85c;
    }

    .segments_list {
        margin-top: 10px;
        display: block;
        overflow-y: scroll;
        height: 576px;
        background-color: #fff;
    }

        .segments_list .creat_new_segment {
            height: 50px;
            background-color: #49a8ea;
            color: #fff;
            font-size: 20px;
            padding: 8px;
            text-align: center;
        }

            .segments_list .creat_new_segment .arrow-right {
                width: 0;
                height: 0;
                border-top: 60px solid transparent;
                border-bottom: 60px solid transparent;
                border-left: 60px solid green;
            }

        .segments_list .pre_build_segments .pre_build_list ul,
        .segments_list .my_segments .my_list ul {
            padding: 0;
        }

            .segments_list .pre_build_segments .pre_build_list ul li,
            .segments_list .my_segments .my_list ul li {
                color: #49a8ea;
                font-size: 15px;
                list-style: none;
                text-align: left;
                display: block;
                overflow: auto;
                padding: 5px 10px;
            }



                .segments_list .my_segments .my_list ul li.active,
                .segments_list .pre_build_segments .pre_build_list ul li.active {
                    background-color: #49a8ea;
                    color: #fff !important;
                }


                    .segments_list .my_segments .my_list ul li.active a.active,
                    .segments_list .pre_build_segments .pre_build_list ul li.active a.active {
                        background-color: #49a8ea;
                        color: #fff !important;
                    }

                    .segments_list .my_segments .my_list ul li.active .btn-delete-segment {
                        color: #fff !important;
                        display: inline;
                    }

                    .segments_list .my_segments .my_list ul li.active .btn-duplicate-segment {
                        color: #fff !important;
                        display: inline;
                    }

                .segments_list .pre_build_segments .pre_build_list ul li a,
                .segments_list .my_segments .my_list ul li a {
                    color: #49a8ea;
                }

                .segments_list .my_segments .my_list ul li .btn-delete-segment {
                    /*color: #d32a0e;*/
                    color: #49a8ea;
                    display: none;
                    font-size: 14px;
                }

                .segments_list .my_segments .my_list ul li .btn-duplicate-segment {
                    font-size: 13px;
                    display: none;
                }

                .segments_list .pre_build_segments .pre_build_list ul li a.active,
                .segments_list .my_segments .my_list ul li a.active {
                    text-decoration: underline;
                    font-weight: bold;
                    /*color: #04386d;*/
                }

        .segments_list .pre_build_segments .pre_build_title,
        .segments_list .my_segments .my_title {
            width: 100%;
            background-color: #c9e8fd;
            color: #49a8ea;
            text-decoration: underline;
            text-align: center;
            padding: 5px 0;
            cursor: pointer;
            margin-bottom: 10px;
            font-size: 15px;
        }

            .segments_list .pre_build_segments .pre_build_title .arrow_up i,
            .segments_list .pre_build_segments .pre_build_title .arrow_down i,
            .segments_list .my_segments .my_title .arrow_up i,
            .segments_list .my_segments .my_title .arrow_down i {
                padding-left: 10px;
                padding-right: 10px;
                line-height: 20px;
                position: absolute;
                top: 8px;
            }

    .campaigns_automations_block {
        margin: 10px 0 10px 0;
        display: block;
        overflow: auto;
        background-color: #fff;
    }

        .campaigns_automations_block .my_campaigns,
        .campaigns_automations_block .my_automations {
            background-color: #eff5f8;
            height: 80px;
            text-align: center;
            color: #04386d;
            font-size: 18px;
            padding: 20px;
        }

        .campaigns_automations_block .my_campaigns {
            margin: 15px 5px 15px 25px;
        }

        .campaigns_automations_block .my_automations {
            margin: 15px 25px 15px 5px;
        }

            .campaigns_automations_block .my_campaigns span,
            .campaigns_automations_block .my_automations span {
                color: #49a8ea;
                font-size: 18px;
            }

            .campaigns_automations_block .my_campaigns a,
            .campaigns_automations_block .my_automations a {
                color: #49a8ea;
                font-size: 15px;
                text-decoration: underline;
                display: block;
            }

    .ECommerceFiltersModal .query-builder .bootstrap-tagsinput {
        padding: 8px !important;
        border: 1px solid #49a8ea;
        margin-bottom: 0;
        min-width: 230px;
        height: 39px;
        font-size: 15px;
        line-height: 1.4;
    }

    .ECommerceFiltersModal .query-builder .selectize-control {
        position: absolute;
        top: 5px;
        min-width: 24%;
    }

    .ECommerceFiltersModal .modal-content {
        overflow: visible;
    }

    .Ecommerce_messageslist .systemmessages_list .systemmessages_ul {
        max-height: 545px;
    }

    .register-form h6 {
        margin-left: 3%;
        color: #999;
        margin-bottom: 10px;
    }

        .register-form h6 a {
            color: #008cba;
        }

    .start-free-trial {
        /*font-size: 14px;*/
        background-color: #ff8f28;
        border-radius: 5px;
        color: #fff !important;
    }

    .start-free-trial-login-page {
        /*font-size: 14px;*/
        background-color: #ff8f28;
        border-radius: 5px;
        color: #fff !important;
    }

        .start-free-trial-login-page:hover {
            background-color: #fff !important;
            color: #ff8f28 !important;
            border-color: #ff8f28 !important;
        }

.sign-in-using-google-linkedin.btn-default-import {
    margin-bottom: 5px;
    margin-top: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    /*padding-left:60px;
    padding-right:60px;*/
    font-size: 1vw !important;
    font-weight: 800;
}

    .start-signin-login-page {
        font-size: 30px;
        font-weight: 400;
        color: #7c7f88 !important;
    }

    .start-signin {
        font-size: 18px;
        background-color: #0fd676;
        border-radius: 5px;
        width: 60%;
        color: #fff !important;
        height: 50px;
    }

    .border-height-login-button {
        height: 42px;
        width: 140px;
    }

    .google-linkedin-pictures {
        width: 35px;
        height: auto;
    }

.initial-sync-bar {
    background-color: #c53c6f; /*#3CC1C5;*/
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: large;
    color: white;
}
    .initial-sync-bar .initial-sync-bar-text-message p {
        margin: 0px;
    }

    .initial-sync-bar-text-message {
        /*line-height: 36px;*/
    }

.initial-sync-bar-progress-container {
    width: 100%;
    padding-top: 4px;
}

    .initial-sync-bar-progress-container .progress {
        background-color: white;
        margin-bottom: 0px;
        margin-top:10px;
    }

        .initial-sync-bar-progress-container .progress .progress-bar {
            background-color: #2060A0;
            text-align: right;
            padding-right: 10px;
            min-width: 35px;
        }
.progress-bar-center-text {
    /*position: absolute;*/
    display: block;
    /*width: 100%;*/
    color: white;
}

.initial-sync-bar .btn-primary {
    border: 0px;
    color: #2060A0;
    font-weight:bold;
    background-color: #EFF1ED;
    margin-top:8px;
}

@media (min-width: 768px) {
    #OrderDetailsPopUp .modal-dialog {
        width: 700px !important;
    }

    #CheckoutDetailsPopUp .modal-dialog {
        width: 700px !important;
    }
}

.OrderSummary-LastOrderDate-View-Link {
    color: #008cba !important;
    font-size:12px;
}

    .OrderDetailsPopup span.form-control {
        background-color: transparent !important;
        border: 0 none;
        box-shadow: none;
        margin-bottom: 0px;
        height: auto;
    }

    .OrderDetailsPopup .form-group {
        margin-bottom: 0px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

        .OrderDetailsPopup .form-group.odetails-section-end {
            border-bottom: 1px dashed #dedede;
        }

.CheckoutDetailsPopup span.form-control {
    background-color: transparent !important;
    border: 0 none;
    box-shadow: none;
    margin-bottom: 0px;
    height: auto;
}

.CheckoutDetailsPopup .form-group {
    margin-bottom: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .CheckoutDetailsPopup .form-group.odetails-section-end {
        border-bottom: 1px dashed #dedede;
    }

    .selectize-control.multi .selectize-input.has-items {
        height: auto !important;
        padding: 5px 2px !important;
    }

    .selectize-input.items.not-full.has-options.has-items input[type=text]:not(.tt-input) {
        height: auto !important;
        min-height: unset !important;
    }

    .selectize-input.items.not-full.has-options.has-items .item {
        padding: 1px 18px 1px 5px !important;
        height: auto !important;
        min-height: unset !important;
        margin: 0 3px 3px 0 !important;
        font-size: 13px;
    }

    .email-designer-dynamic-tags .panel-default .panel-heading {
        background-color: #cef4f5 !important;
        color: #49a8ea;
    }

    .email-designer-dynamic-tags {
    }

        .email-designer-dynamic-tags .panel-default .panel-heading .panel-title {
            text-align: center;
        }

            .email-designer-dynamic-tags .panel-default .panel-heading .panel-title a {
                width: 100%;
                display: block;
            }

                .email-designer-dynamic-tags .panel-default .panel-heading .panel-title a .open-close {
                    float: right;
                    color: #49a8ea;
                    font-size: 22px;
                }

                    .email-designer-dynamic-tags .panel-default .panel-heading .panel-title a .open-close:before {
                        content: "\f0d7";
                    }

                .email-designer-dynamic-tags .panel-default .panel-heading .panel-title a.collapsed .open-close:before {
                    content: "\f0d8";
                }

    .dynamic-tags {
        margin: 0;
    }

        .dynamic-tags .panel-heading {
            background-color: #f5f5f5 !important;
            color: #a0a0a0;
            border-bottom: none !important;
        }

            .dynamic-tags .panel-heading .panel-title {
                text-align: center;
                font-size: 15px;
                font-weight: 600;
            }


    .email-designer-dynamic-tags .panel-collapse .panel-body select,
    .email-designer-dynamic-tags .panel-collapse .panel-body .selectize-input.items {
        min-height: auto;
        padding: 3px 10px;
        width: 170px;
        min-width: 170px;
        border: 1px solid #a1a1a1;
        color: #a1a1a1;
        height: 30px;
        border-radius: 5px;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        -webkit-transition: unset;
        margin-bottom: 10px;
    }

    .Advanced-Filter-Popup {
        width: 76% !important;
        margin: 2% auto;
    }

    .email-designer-dynamic-tags .panel-collapse .panel-body .selectize-control {
        text-align: center;
        width: 100%;
    }

    .email-designer-dynamic-tags .panel-collapse .panel-body select.selectized {
        display: none !important;
    }

    .email-designer-dynamic-tags .panel-collapse .panel-body button {
        text-align: center;
        color: #49a8ea;
        font-size: 13px;
        font-weight: bold;
    }

        .email-designer-dynamic-tags .panel-collapse .panel-body button.btn-tag {
            background-color: #fff !important;
            border-radius: 5px;
            border: 1px solid #49a8ea;
            color: #49a8ea;
            padding: 3px 12px;
            margin-bottom: 10px;
        }

    .email-designer-dynamic-tags .panel-collapse .panel-body h4 {
        text-align: left;
        color: #a1a1a1;
        font-size: 16px;
    }

    .email-designer-dynamic-tags .panel-collapse .panel-body span.title {
        text-align: left;
        color: #a1a1a1;
        font-size: 14px;
    }


    .automation_campaign_wrapper .header_container h4 {
        color: #0e3e70;
        font-weight: 400;
        margin-top: 7px;
    }

    .header_container {
        display: inline-block;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        min-width: 75px;
    }


    .automation_campaign_wrapper .button_add {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
        float: left;
    }

    .automation_campaign_wrapper .search_container {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        width: 200px;
        margin-right: 10px;
    }

        .automation_campaign_wrapper .search_container input {
            background: #fff;
            font-size: 14px;
            border: 1px solid #49a8ea;
            border-radius: 10px;
            text-align: left;
            width: 165px;
            text-shadow: none;
            border-right: none;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            height: 33px;
            box-shadow: none;
        }

            .automation_campaign_wrapper .search_container input:focus {
                box-shadow: none;
            }

        .automation_campaign_wrapper .search_container button {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            background: #fff;
            color: #49a8ea;
            height: 33px;
            border: 1px solid #49a8ea;
            border-radius: 10px;
            text-align: left;
            text-shadow: none;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            border-left: 0;
            box-shadow: none;
        }


    .automation_campaign_wrapper .dropdown_container button {
        background: #fff;
        color: #49a8ea;
        border: 1px solid #49a8ea;
        border-radius: 10px;
        text-align: left;
        width: 160px;
        text-shadow: none;
    }

        .automation_campaign_wrapper .dropdown_container button span {
            float: right;
            margin-top: 10px;
        }

    .automation_campaign_wrapper .dropdown_container {
        display: inline-block;
        padding-right: 5px;
        float: left;
        padding-left: 5px;
    }

        .automation_campaign_wrapper .dropdown_container .open > .dropdown-toggle.btn-primary {
            background: #fff;
            color: #49a8ea;
            border: 1px solid #49a8ea;
        }





        .automation_campaign_wrapper .dropdown_container .dropdown {
            width: 160px;
        }

        .automation_campaign_wrapper .dropdown_container button {
            background: #fff;
            color: #49a8ea;
            border: 1px solid #49a8ea;
            border-radius: 10px;
            text-align: left;
            width: 160px;
            text-shadow: none;
            height: 34px;
        }

            .automation_campaign_wrapper .dropdown_container button:hover {
                background: #fff;
                color: #49a8ea;
                border: 1px solid #49a8ea;
                text-shadow: none;
            }

            .automation_campaign_wrapper .dropdown_container button:focus {
                background: #fff;
                color: #49a8ea;
                border: 1px solid #49a8ea;
            }

        .automation_campaign_wrapper .dropdown_container .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
            background: #fff;
            color: #49a8ea;
            border: 1px solid #49a8ea;
        }

        .automation_campaign_wrapper .dropdown_container .open > .dropdown-toggle.btn-primary {
            background: #fff;
            color: #49a8ea;
            border: 1px solid #49a8ea;
        }

        .automation_campaign_wrapper .dropdown_container .btn-primary:active:hover {
            background: #fff;
            color: #49a8ea;
            border: 1px solid #49a8ea;
        }

        .automation_campaign_wrapper .dropdown_container button span {
            position: relative;
            bottom: 3px;
            font-size: 14px;
            float: right;
            margin-top: 10px;
            color: #49a8ea;
        }

    .automation_campaign_wrapper .search_container button {
        height: 33px;
        box-shadow: none;
    }

        .automation_campaign_wrapper .search_container button i {
            position: relative;
            bottom: 3px;
        }


    .automation_campaign_wrapper .dropdown_container .dropdown-menu {
        border-radius: 10px;
        background: #fff;
    }

    .automation_campaign_wrapper {
        margin-top: 15px;
    }

        .automation_campaign_wrapper .dropdown_container .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            background-color: transparent;
            background-image: none;
            color: #999998;
        }

        .automation_campaign_wrapper .dropdown_container .dropdown-menu > li > a {
            color: #49a8ea;
            font-size: 14px;
            padding: 6px 12px;
            text-decoration: none;
        }

            .automation_campaign_wrapper .dropdown_container .dropdown-menu > li > a:hover {
                color: #999998;
            }




    .email-designer-dynamic-tags .panel-collapse.panel-body {
        height: 180px;
    }

    .help-desk-text {
        font-size: 14px;
        font-weight: 600;
        color: #04386D;
        margin: 7px 0;
    }

    .help-desk-link {
        font-size: 14px;
        color: #52b7f5;
        text-decoration: underline !important;
        padding: 0;
    }

        .help-desk-link:hover, .help-desk-link:focus, .help-desk-link:active {
            font-size: 14px;
            color: #52b7f5;
            text-decoration: underline !important;
        }

    .help-desk-text2 {
        font-size: 15px;
        font-weight: 600;
        color: #04386D;
        margin: 7px 0 0 0;
    }

    div#firstGoogleSync div.modal-content {
        border-radius: 5px;
    }


    .google-data-container {
        background-color: transparent;
        /*margin: 15px 18% 10px 18%;*/
        height: 372px;
        padding: 30px 30px 0px 30px;
    }

        .google-data-container h2 {
            font-size: 22px;
            font-weight: 600;
            color: #000;
            text-align: center;
            margin-top: 10px;
            margin-bottom: 5px;
        }

        .google-data-container h3 {
            font-size: 19px;
            font-weight: 500;
            color: #000;
            text-align: center;
            margin-top: 15px;
            margin-bottom: 30px;
        }

        .google-data-container .integration-block {
            border: 1px solid #ddd;
            height: 60px;
            margin: 15px 12px;
        }

            .google-data-container .integration-block img {
                margin-top: 12px;
                max-height: 32px;
                min-height: 32px;
                min-width: 42px;
            }

            .google-data-container .integration-block h4 {
                font-size: 15px;
                font-weight: 600;
                color: #000;
                margin-bottom: 2px;
            }

            .google-data-container .integration-block h5 {
                font-size: 13px;
                font-weight: 500;
                color: #7e7c7c;
                margin-top: 2px;
            }

        .google-data-container .btn-primary {
            font-size: 14px;
            font-weight: 600;
            background-color: #49a8ea !important;
        }

        .google-data-container .btn-link {
            padding: 0;
            margin: 0;
            font-size: 13px;
            color: #0b7eae !important;
            /*margin-top: -20px;*/
            margin-right: 25px;
        }

    .btn-dark-oragnge {
        background-color: #fdead9;
        padding: 3px 20px;
        border-radius: 6px;
        color: #f38e35;
        font-size: 16px;
        border: 2px solid #f38e35;
    }

        btn-dark-oragnge:hover, .btn-dark-oragnge:focus, .btn-dark-oragnge:active {
            background-color: #f38e35;
            color: #fdead9;
            border: 2px solid #fdead9;
        }

    .valign-middle {
        vertical-align: middle;
    }

    .valign-bottom {
        vertical-align: bottom;
    }

    .advancedDeaLFilters-dropdown {
        width: 450px;
        padding: 15px 15px 15px 10px;
        border: 1px solid #ddd;
    }

        .advancedDeaLFilters-dropdown .form-group {
            width: 100%;
            margin-bottom: 5px;
        }

            .advancedDeaLFilters-dropdown .form-group label {
                font-size: 13px;
                font-weight: 600;
                color: #04386D;
                padding-top:6.5px !important;
            }

            .advancedDeaLFilters-dropdown .form-group .form-control.select2-container {
                width: 100%;
            }

    .deals-daterangepicker {
        background: #fff;
        cursor: pointer;
        padding: 5px 10px;
        border: 1px solid #ccc;
        width: 100%;
    }

        .deals-daterangepicker .caret {
            float: right;
            margin-top: 5px;
        }

        .deals-daterangepicker span {
            color: #999;
            font-size: 13px;
        }

    .addDealModal .form-horizontal .control-label,
    .duplicateDealModal .form-horizontal .control-label {
        padding-top: 0;
        font-weight: 500;
        color: #424242;
        font-size: 14px;
    }




    .select2-results .select2-resfult-label {
        background: #fff;
    }

        .select2-results .select2-resfult-label ul {
            color: #424242;
        }

            .select2-results .select2-resfult-label ul li:hover {
                background: #ccc;
                color: #424242;
            }

    .select2-results .select2-highlighted {
        background: #efefef;
        color: #424242;
    }

    #showTicketModal span {
        color: #fff;
    }

    #showInvoiceModal span {
        color: #fff;
    }

    .select2-results .select2-result-label span {
        color: #a0a09f;
    }

    .select2-result-label span.select2-match {
        color: #424242;
    }

    div.headers_deal_left {
        padding-right: 0;
        padding-top: 2px;
        text-align: right;
    }

    .deal_addons_icons {
        padding-bottom: 2px;
        padding-top: 3px;
        color: #c2c6c9;
        border-radius: 3px;
    }

        .deal_addons_icons i {
            color: #61b0e8;
        }

    .addDealModal .modal-body, .duplicateDealModal .modal-body {
        padding: 0
    }

    .addDealModal .form-horizontal .moreOrless, .duplicateDealModal .form-horizontal .moreOrless {
        display: block;
        height: 33px;
        /*background-color: #c9e8fd;*/
        border-top: 1px solid #ccc;
        /*border-bottom: 1px solid #ccc;*/
        text-align: center;
        padding-top: 4px;
        width: 100%;
    }

        .addDealModal .form-horizontal .moreOrless span, .duplicateDealModal .form-horizontal .moreOrless span {
            font-size: 16px;
            color: #49a8ea;
            text-align: center;
        }

    .addDealModal .form-horizontal .show_more_less, .duplicateDealModal .form-horizontal . show_more_less {
        display: none;
    }

    form#DealAddForm {
        margin-bottom: 10px;
    }

    #show_more_less_part div.form-group {
        margin: 0;
    }


    div#show_more_less_part div.bootstrap-tagsinput {
        margin-bottom: 0;
        border: 1px solid #cccccc;
        border-radius: 3px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .new-badge {
        background-color: #0fd676;
        color: #fff;
        font-size: 13px;
        padding: 2px 10px;
        margin-left: 30px;
        border-radius: 4px;
    }

    #group_list_message span {
        color: #424242;
        background: transparent;
    }

    #group_list_message i {
        position: relative;
        top: 7px;
        /*color: #c72729;*/
    }

    .notes_alert i {
        color: #f28e36;
    }

    .notes_alert {
        color: #acacac;
        font-weight: 400;
    }

    .modal-body .twitter-typeahead {
        display: block !important;
        float: left !important;
        width: auto !important;
    }


    /*1.POP UPS START*/
    .popups_header_container {
        padding: 15px;
        display: block;
        clear: both;
        background-color: #7ac0e7;
        color: #fff;
    }

    .modal-header-bar-extended {
        background-color: #7ac0e7;
    }

    .popups_header_container span, .modal .close, .modal-header button span {
        color: #fff !important;
    }

    .popups_body_container {
        display: block;
        clear: both;
        padding: 10px;
    }

    /*1.POP UPS ENDS*/


    /*2.BUTTONS START*/
    div.buttons {
        clear: both;
    }

        div.buttons button {
            border: 0;
        }

        div.buttons div {
            padding: 7px;
            display: inline-block;
            float: right;
            padding-bottom: 15px;
        }


        div.buttons .modal__trigger {
            border-radius: 3px;
            position: relative;
            display: inline-block;
            padding: 1rem 1rem;
            color: rgb(255, 255, 255);
            line-height: 1;
            cursor: pointer;
            /*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);*/
            -webkit-tap-highlight-color: rgba(0,0,0,0);
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
            text-decoration: none;
            color: #fff;
            font-weight: 400;
            font-size: 14px;
        }

    .import-deals-button {
        clear: none !important;
    }


    div.buttons .modal__trigger:hover {
        text-decoration: none;
    }


    div.buttons .modal__trigger:focus {
        text-decoration: none;
        color: #fff;
    }

    #show_more_less_modal_dialog {
        width: 700px;
    }

    .addDealModal div.form-group .labels_deals_inputs, .duplicateDealModal div.form-group .labels_deals_inputs {
        padding-top: 10px;
    }

    div.buttons .red {
        background: #Fff;
        border: 1px solid #cccccc;
        color: #424242;
    }

        div.buttons .red:hover {
            color: #a2a2a2;
            background: #e5e5e5;
        }



    div.buttons .red_delete {
        background: #f44336;
        border: 1px solid rgba(204, 204, 204, 0);
    }

        div.buttons .red_delete:hover {
            color: #f44336;
            background: #e5d3d6;
            border: 1px solid rgba(204, 204, 204, 0);
        }


    div.buttons .blue {
        background: #49a8ea;
    }

        div.buttons .blue:hover {
            color: #49a8ea;
            background: #d8e2e8;
        }

    div.buttons .green {
        background: #0fd676;
        /*border: 1px solid rgba(204, 204, 204, 0);*/
    }

        div.buttons .green:hover {
            color: #0fd676;
            background: #d5e6de;
            border: 1px solid rgb(204, 204, 204);
            padding: 9px;
        }


    div#groups_list div.buttons {
        margin-bottom: 10px;
        padding-left: 0;
    }

    div.add_list_dropdown {
        padding: 0px 25px 15px 0px;
    }

    .select_one {
        float: left;
    }
    /*BUTTONS ENDS*/


    /*invoice*/

    .amount_container .label_container {
        padding-right: 0;
        padding-top: 5px;
        width: 50%;
        display: inline-block;
    }

    label.label_invoice {
        font-weight: 500;
        color: #424242;
        font-size: 14px;
    }

    .invoices_rows_container {
        padding-bottom: 10px;
        padding-top: 10px;
        font-size: 14.58px;
        color: #424242;
        padding-left: 0;
    }

    .label_container {
        padding-right: 0;
        padding-top: 5px;
        width: 25%;
        display: inline-block;
    }

    .AddEditInvoice_container {
        width: 600px;
    }

    .amount_collected_container {
        padding-left: 0;
        width: 50%;
        float: right;
        display: inline-block;
    }

        .amount_collected_container div.label_container {
            padding-right: 10px;
            padding-left: 0;
            width: 45%;
            display: inline-block;
        }

        .amount_collected_container .amount_value_container {
            width: 49%;
            padding-left: 0;
        }

    .amount_value_container {
        padding-right: 0;
        width: 45%;
        display: inline-block;
        padding-left: 11px;
    }

    .amount_container {
        padding-left: 0;
        width: 50%;
        float: left;
        display: inline-block;
    }

    #AddEditInvoiceBody {
        padding-left: 0;
    }

        #AddEditInvoiceBody div.buttons {
            padding-right: 8px;
        }



    /*TICKETS START*/


    .add_ticket_rows_container {
        padding-bottom: 10px;
        padding-top: 10px;
        margin: 0;
    }

    label.label_tickets {
        font-weight: 500;
        color: #424242;
        font-size: 14.58px;
        padding-right: 0;
        font-size: 14px;
    }

    #AddEditTicketForm {
        padding-right: 25px;
    }

        #AddEditTicketForm div.buttons {
            padding-right: 7px;
        }

    /*Notes*/

    #AddEditNoteForm buttons {
        padding-right: 8px;
    }

    /*LOSE AND WIN*/

    .dropdown_text_lose_win {
        border: 1px solid #cccccc;
        color: #a9a6a6;
    }

    .notify_container {
        padding-left: 0;
    }

    .lost_win_container {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .para_lose_win {
        font-weight: 500;
        color: #424242;
        font-size: 14px;
        padding-top: 5px;
    }

    .lose_win_para_container {
        padding-right: 0;
    }

    .create_follow_up_p {
        padding-top: 8px;
    }

    .due_in_container {
        padding: 0;
    }

        .due_in_container p {
            font-weight: 500;
            color: #424242;
            font-size: 14px;
            padding-top: 8px;
        }

    .input_date_container {
        padding-right: 0;
    }

    #confurmlostForm .buttons {
        padding-right: 37px;
    }

    .input_date_container input {
        color: #a9a6a6;
    }

    form#confurmwonForm .input_due_Date_ref {
        border-radius: 3px;
        border: 1px solid #cccccc;
    }

    .crm_create_invoice_container {
        padding-right: 0;
    }

    #confurmwonForm .buttons {
        padding-right: 40px;
    }

    div.buttons .addlist_group_button_container {
        padding-left: 0;
        padding-bottom: 0;
    }

        div.buttons .addlist_group_button_container div {
            padding-left: 0;
        }

    /*TASKS*/

    form#TaskAddForm .buttons {
        padding-right: 8px;
    }

    /*segmentation*/

    .p_segmentation {
        font-weight: 500;
        color: #424242;
        font-size: 14px;
    }

    .p_imageedit {
        background-color: #fbfbe9b3;
        border-radius: 50%;
        position: absolute;
        top: 55px;
        right: 0;
        color: #424242;
        font-size: 10px;
        min-width: 20%;
        min-height: 23%;
        text-align: center;
        padding-top: 5px;
    }

    .new_segment_buttons {
        padding-right: 27px;
    }
    /*BUTTONS ASSIGN*/
    .buttons_assign {
        border-radius: 0;
    }

    .buttons_assign_fix {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }

    .buttons_assign_trash {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }

    /*customers*/
    ul#customers_actions_dropdown {
        left: auto;
    }

    .dealsstatussegment {
        font-size: 12px;
        color: #AFAFAF !important;
        font-weight: 600;
    }

    .dealscountcricle {
        display: inline-block;
        margin-left: 10px;
        color: white;
        border-radius: 25px;
        width: 25px;
        height: 25px;
        padding-top: 5px;
        font-size: 12px;
        text-align: center;
    }

    /*MEDIA QUERIES STARTS*/
    /* For desktop: */
    @media screen and (max-width: 1258px) and (min-width: 1200px) {
        /*1. NAV RESPONSIVE*/
        div #upper_part_navigation div#logo_container {
            width: 16.66666667%;
        }

        div#upper_part_navigation div#notifications_etc {
            width: 33.33333333%;
        }
    }


    @media screen and (max-width: 1200px) and (min-width: 768px) {

        img.import_contacts_myday {
            width: 100%;
        }

        div#upper_part_navigation div#logo_container a.navbar-brand {
            margin-top: 0;
        }
    }
    /*for mobile phones*/
    @media screen and (max-width: 768px) {

        .public-header-logo {
            margin-top: auto;
        }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a {
            color: #75767B;
            line-height: normal;
        }

        #my_second_part .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
            background-color: transparent;
            background: transparent;
        }

        #my_second_part .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            background-color: transparent;
        }
        /*CLASS RESET ANYTHING*/
        .reset-this {
            animation: none;
            animation-delay: 0;
            animation-direction: normal;
            animation-duration: 0;
            animation-fill-mode: none;
            animation-iteration-count: 1;
            animation-name: none;
            animation-play-state: running;
            animation-timing-function: ease;
            backface-visibility: visible;
            background: 0;
            background-attachment: scroll;
            background-clip: border-box;
            background-color: transparent;
            background-image: none;
            background-origin: padding-box;
            background-position: 0 0;
            background-position-x: 0;
            background-position-y: 0;
            background-repeat: repeat;
            background-size: auto auto;
            border: 0;
            border-style: none;
            border-width: medium;
            border-color: inherit;
            border-bottom: 0;
            border-bottom-color: inherit;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            border-bottom-style: none;
            border-bottom-width: medium;
            border-collapse: separate;
            border-image: none;
            border-left: 0;
            border-left-color: inherit;
            border-left-style: none;
            border-left-width: medium;
            border-radius: 0;
            border-right: 0;
            border-right-color: inherit;
            border-right-style: none;
            border-right-width: medium;
            border-spacing: 0;
            border-top: 0;
            border-top-color: inherit;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-top-style: none;
            border-top-width: medium;
            bottom: auto;
            box-shadow: none;
            box-sizing: content-box;
            caption-side: top;
            clear: none;
            clip: auto;
            color: inherit;
            columns: auto;
            column-count: auto;
            column-fill: balance;
            column-gap: normal;
            column-rule: medium none currentColor;
            column-rule-color: currentColor;
            column-rule-style: none;
            column-rule-width: none;
            column-span: 1;
            column-width: auto;
            content: normal;
            counter-increment: none;
            counter-reset: none;
            cursor: auto;
            direction: ltr;
            display: inline;
            empty-cells: show;
            float: none;
            font: normal;
            font-family: inherit;
            font-size: medium;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            height: auto;
            hyphens: none;
            left: auto;
            letter-spacing: normal;
            line-height: normal;
            list-style: none;
            list-style-image: none;
            list-style-position: outside;
            list-style-type: disc;
            margin: 0;
            margin-bottom: 0;
            margin-left: 0;
            margin-right: 0;
            margin-top: 0;
            max-height: none;
            max-width: none;
            min-height: 0;
            min-width: 0;
            opacity: 1;
            orphans: 0;
            outline: 0;
            outline-color: invert;
            outline-style: none;
            outline-width: medium;
            overflow: visible;
            overflow-x: visible;
            overflow-y: visible;
            padding: 0;
            padding-bottom: 0;
            padding-left: 0;
            padding-right: 0;
            padding-top: 0;
            page-break-after: auto;
            page-break-before: auto;
            page-break-inside: auto;
            perspective: none;
            perspective-origin: 50% 50%;
            position: static;
            /* May need to alter quotes for different locales (e.g fr) */
            quotes: '\201C' '\201D' '\2018' '\2019';
            right: auto;
            tab-size: 8;
            table-layout: auto;
            text-align: inherit;
            text-align-last: auto;
            text-decoration: none;
            text-decoration-color: inherit;
            text-decoration-line: none;
            text-decoration-style: solid;
            text-indent: 0;
            text-shadow: none;
            text-transform: none;
            top: auto;
            transform: none;
            transform-style: flat;
            transition: none;
            transition-delay: 0s;
            transition-duration: 0s;
            transition-property: none;
            transition-timing-function: ease;
            unicode-bidi: normal;
            vertical-align: baseline;
            visibility: visible;
            white-space: normal;
            widows: 0;
            width: auto;
            word-spacing: normal;
            z-index: auto;
        }



        html {
            min-height: 100%;
            overflow-y: scroll;
        }

        nav#main_menu_top .menu-overlay {
            overflow: hidden;
            overflow-y: scroll;
            background-color: #e9eae5;
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: 2;
            border-top: 0;
            padding-top: 45px;
            padding-left: 0;
        }

        nav#main_menu_top .menu-overlaytwo {
            overflow: hidden;
            overflow-y: scroll;
            background-color: #e9eae5;
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: 20;
            border-top: 0;
            padding-top: 55px;
        }



        #togdrop li {
            width: 33.3%;
            display: inline-block;
            float: left;
        }

        #togdrop {
            padding: 0;
            float: right;
            margin: 0;
        }

        #notifications_etc {
            float: right;
            padding: 0;
        }

        #main_menu_top {
            border-bottom: 5px solid #49a8ea;
        }

        ul.nav li.dropdown-menu .subMenu a {
            background-color: transparent;
            line-height: normal;
            padding-left: 45px;
        }

        #my_second_part ul.nav li.dropdown-menu .subMenu a:hover {
            color: #032950;
            background: transparent;
        }

        .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
            background: transparent;
            color: #75767B;
        }

        ul.nav li a.anchor_small_device_headers {
            color: #032950;
            font-size: 1em;
            font-weight: 500;
            padding-left: 0;
            border-bottom: none;
            padding-left: 25px;
        }

            ul.nav li a.anchor_small_device_headers:hover {
                color: #032950;
                border-bottom: none;
                background-color: transparent;
            }

            ul.nav li a.anchor_small_device_headers:focus {
                color: #032950;
                border-bottom: none;
                background-color: transparent;
            }


        div.second_part .navbar-nav > li.active > a.anchor_small_device_headers {
            color: #032950;
            font-size: 1em;
            background: transparent;
            border-bottom: none;
        }

        #main_menu_top .subMenu > li.active > a.anchor_small_device_sub {
            border-left: 10px solid #045ab1;
            height: auto;
            padding-left: 35px;
        }

        .navbar-nav.top-nav {
            display: block;
        }






        /*button*/




        /*styling open close button*/
        .button_right_menu {
            display: block;
            position: relative;
            /* right: 50px; */
            /* top: 6px; */
            font-size: 30px;
            float: right;
            width: 50px;
        }

            .button_right_menu .btn-close {
                position: fixed;
                top: 0;
                right: 30px;
                z-index: 3;
            }

            .button_right_menu a {
                text-decoration: none;
            }

            .button_right_menu .btn-open:after {
                color: #fff;
                content: "\f0c9";
                font-family: "FontAwesome";
                transition-property: all .2s linear 0s;
                -moz-transition: all .2s linear 0s;
                -webkit-transition: all .2s linear 0s;
                -o-transition: all .2s linear 0s;
            }

            .button_right_menu .btn-open:hover:after {
                color: #d7d7d7;
            }

            .button_right_menu .btn-close:after {
                color: #c3c7ca;
                content: "\f00d";
                font-family: "FontAwesome";
                transition-property: all .2s linear 0s;
                -moz-transition: all .2s linear 0s;
                -webkit-transition: all .2s linear 0s;
                -o-transition: all .2s linear 0s;
            }

            .button_right_menu .btn-close:hover:after {
                color: #c4c8cb;
            }

        div.button_left_menu {
        }

        .button_left_menu a {
            background-color: #49a8ea;
            border-radius: 3px;
            padding-top: 5px;
            padding-bottom: 5px;
            position: relative;
            top: 7.5px;
        }






        .button_left_menu .btn-close {
            position: fixed;
            top: 10px;
            right: 30px;
            width: 40px;
            background: transparent;
            font-size: 2em;
            border: 0;
            z-index: 25;
            padding: 0;
        }

        .button_left_menu a {
            text-decoration: none;
        }

        .button_left_menu .btn-open:after {
            color: #fff;
            content: "\f002";
            font-family: "FontAwesome";
            transition-property: all .2s linear 0s;
            -moz-transition: all .2s linear 0s;
            -webkit-transition: all .2s linear 0s;
            -o-transition: all .2s linear 0s;
            font-size: 1.2em;
        }

        .button_left_menu .btn-open:hover:after {
            color: #d7d7d7;
        }

        .button_left_menu .btn-close:after {
            color: #c4c8cb;
            content: "\f00d";
            font-family: "FontAwesome";
            transition-property: all .2s linear 0s;
            -moz-transition: all .2s linear 0s;
            -webkit-transition: all .2s linear 0s;
            -o-transition: all .2s linear 0s;
        }

        .button_left_menu .btn-close:hover:after {
            color: #c4c8cb;
        }


        .button_left_menu a i {
            color: #fff;
        }

        div.time-line-respon button.currentDealViewBtn .btn.active {
            z-index: 1;
        }



        /*SEARCH PART*/
        .typeahead {
            width: 100%;
        }

        div#dropdown_all_nav {
            background-color: #045ab1;
            border-radius: 3px;
            position: relative;
            left: 25%;
        }

        #search_container {
            border-radius: 3px;
            position: relative;
            left: 25%;
        }

        #ContactOrNoteId::-webkit-input-placeholder {
            color: #929290;
        }


        #ContactOrNoteId:-moz-placeholder {
            color: #929290;
        }


        #ContactOrNoteId::-moz-placeholder {
            color: #929290;
        }

        #ContactOrNoteId:-ms-input-placeholder {
            color: #929290;
        }

        #navigation_form {
            clear: both;
            left: 25%;
            border: 1px solid #47a9ea;
            border-radius: 3px;
            height: auto;
            position: relative;
            top: 15px;
        }

        #search_span {
            width: 100%;
            display: block;
        }

            #search_span button {
                width: 100%;
            }

        span#search_span .search-button {
            background-color: #fff;
        }

        #search_span i {
            color: #47a9ea;
        }

        #headertext_left_overlay h4 {
            color: #12365a;
            font-weight: 500;
        }

        #headertext_left_overlay h6 {
            color: #929290;
            font-weight: 500;
        }

        div.second_part .navbar-nav > .open > a {
            background-color: transparent;
        }

        /*SETTINGS MOBILE*/

        #setting-menu {
            position: absolute;
            top: 110%;
            left: -100px;
            z-index: 1001;
            float: left;
            /* min-width: 160px; */
            padding: 5px 0;
            margin: 2px 0 0;
            list-style: none;
            font-size: 15px;
            text-align: left;
            background-color: #ffffff;
            border: 1px solid #cccccc;
            border: 1px solid rgba(0, 0, 0, 0.15);
            border-radius: 0;
            -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
        }

            #setting-menu li {
                width: 100%;
            }

                #setting-menu li a:hover {
                    background-color: transparent;
                }

        div#message_notification .systemmessages_ul li {
            width: 100%;
        }

        div.results_value_text h6 {
            padding-left: 0;
        }
    }



    /*CAMPAGN*/


    /*        8.AUTOMATIONS*/
    div.list_wrapper_newsletter .type_container_automations h6 {
        color: #424242;
    }


    /*        NEWSLETTER BOX*/
    .newsletter_box {
        background-color: #fff;
        padding: 5px;
        margin: 5px;
    }
    /*       ACTION BUTTON*/
    .action_button_newsletter {
        padding-right: 0;
        z-index: 2;
    }

        .action_button_newsletter UL.dropdown-menu {
            border: 1px solid #cbcbcb;
            border-radius: 10px;
            padding: 0;
        }

            .action_button_newsletter UL.dropdown-menu a {
                color: #49a8ea;
                font-size: 1.2em;
                padding: 5px 10px;
            }

                .action_button_newsletter UL.dropdown-menu a:hover {
                    color: #cbcbcb;
                    background-color: transparent;
                    background-image: none;
                }

    /*    1.BUTTON */
    .action_btn_newsletter {
        border-radius: 50%;
        background-color: #fff;
        background-image: none;
        border: 1px solid #49a8ea;
        height: 25px;
        padding: 0;
        width: 25px;
        color: #49a8ea;
    }

        .action_btn_newsletter:hover {
            background-color: #fff;
            border: 1px solid #49a8ea;
            color: #49a8ea;
        }

        .action_btn_newsletter:focus {
            background-color: #fff;
            border: 1px solid #49a8ea;
            color: #49a8ea;
        }

        .action_btn_newsletter:active {
            background-color: #fff;
            border: 1px solid #49a8ea;
            color: #49a8ea;
        }


    .open > .action_btn_newsletter.btn-primary.focus, .open > .action_btn_newsletter.btn-primary:focus, .open > .action_btn_newsletter.btn-primary:hover {
        background-color: #fff;
        border: 1px solid #49a8ea;
        color: #49a8ea;
    }

    .open > .action_btn_newsletter.btn-primary {
        background-color: #fff;
        border: 1px solid #49a8ea;
        color: #49a8ea;
    }

    .action_btn_newsletter.btn-primary:active {
        background-color: #fff;
        border: 1px solid #49a8ea;
        color: #49a8ea;
    }

    .newletters_container .btn-primary:active:focus {
        background-color: #fff;
        border: 1px solid #49a8ea;
        color: #49a8ea;
    }


    div.newsletters_container {
        margin-top: 25px;
        margin-bottom: 10px;
    }

    .newsletter_details_container {
        margin-bottom: 5px;
        padding-right: 10px;
        padding-left: 10px;
    }

    /*        2.PIC AND NAME*/

    .picandname_container {
        position: relative;
        bottom: 15px;
        z-index: 1;
    }

    .pic_container_newsletter img {
        border-radius: 50%;
        width: 60px;
    }

    .name_container_newsletter h5 {
        color: #49a8ea;
        font-weight: 500;
    }

    .name_container_newsletter {
        position: relative;
        top: 10px;
    }

    .owner_pic_container_newsletter {
        position: relative;
        bottom: 5px;
    }

    /*        3.NEWSLETTER DETAILS*/

    .ownerpic_container_newletter div {
        padding: 0;
        margin: 2px 0px;
    }

        .ownerpic_container_newletter div.circle-name {
            padding: 10px 0;
        }

    .total_contact_newsletter .ownerpic_container_newletter h6 {
        float: right;
        margin-right: 5px;
    }

    /*        OWNER*/
    .newsletter_details_container h6 {
        color: #9d9d9d;
        margin: 2px 0;
        font-weight: 500;
    }
    /*        PICTURE*/
    .owner_pic_container_newsletter img {
        width: 25px;
        border-radius: 50%;
        height: 25px;
        position: relative;
        top: 5px;
    }

    .createdupdated_container_newletter {
        position: relative;
        top: 5px;
    }

    .statuslist_container_newletter {
    }

        .statuslist_container_newletter div {
            padding: 0;
            margin: 2px 0px;
        }

    .createdupdated_container_newletter div {
        padding: 0;
        margin: 2px 0px;
    }
    /*        STATUS*/
    .status_wrapper_newsletter {
        padding: 0;
    }

    .status_header_container {
        padding: 0;
    }

    .status_container_newsletter {
        padding: 0;
    }

        .status_container_newsletter h6 {
            color: #424242;
            font-weight: 500;
            margin-top: 5px;
        }

    .status_header_container h6 {
        margin-top: 0;
    }
    /*        LIST*/

    .list_container_newsletter h6 {
        color: #49a8ea;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 500;
    }

    /*        CREATED*/

    .created_container_newsletter h6 {
        color: #424242;
    }
    /*        UPDATED*/
    .updated_container_newsletter h6 {
        color: #424242;
    }

    .createdupdated_container_newletter .createdupdated_wrapper_newsletter {
        margin-top: 0;
    }
    /*        4.LINE DIVIDER NEWSLETTER*/

    .line_divider_newsletter {
        border-top: 1px solid #eee;
    }
    /*        5.SENT AND VIEW  */

    .send_view_container_newsletter h6 {
        color: #9d9d9d;
        font-weight: 500;
        margin-bottom: 0;
    }

    .send_view_container_newsletter a {
        color: #49a8ea;
        font-weight: 500;
        text-decoration: underline;
    }

    /*        6.PROGRESS BAR*/

    .sendview_progressbar_newsletter div.progress {
        margin-left: 15px;
        margin-bottom: 15px;
        margin-top: 5px;
        border-radius: 4px;
    }

    .progress.active .progress-bar {
        -webkit-transition: none !important;
        transition: none !important;
    }

    .progress-bar {
        background-color: #49a8ea;
        background-image: none;
    }

    .record_progress_bar div {
        padding: 0;
    }

    .record_progress_bar h3 {
        margin: 0;
        color: #49a8ea;
        font-weight: 500;
    }

    /*        7.OPENED CLICKED*/

    .opened_click_container h3 {
        text-align: center;
    }

    span.open_icon {
        position: relative;
        top: 5px;
        background: #49a8ea;
        text-align: center;
        display: block;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        color: #fff;
    }

    span.icon_close {
        position: relative;
        top: 5px;
        background: #0fd676;
        text-align: center;
        display: block;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        color: #fff;
    }

        span.icon_close i {
            position: relative;
        }

    span.open_icon i {
        position: relative;
        top: 4px;
        font-size: 18px;
    }

    .opened_click_container h6 {
        color: #9d9d9d;
        font-weight: 500;
    }

    .opened_click_container {
        border: 1px solid #49a8ea;
    }

        .opened_click_container h3 {
            font-weight: 500;
            margin-top: 5px;
            color: #49a8ea;
            margin-bottom: 5px;
        }

        .opened_click_container div {
            padding: 0;
        }
    /*        OPEN*/
    div.opened_click_container div.opened_container {
        border-right: 1px solid #49a8ea;
        padding-right: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    div.opened_click_container div.click_container {
        padding-left: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .opened_container img {
        width: 25px;
        min-width: 100%;
    }

    .click_container img {
        width: 25px;
        min-width: 100%;
    }

    /*        TOTAL CONTACTS*/
    .total_contact_newsletter div {
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }

    .total_contact_newsletter h3 {
        margin: 0;
        color: #9d9d9d;
        font-weight: 500;
        display: inline-block;
        float: left;
        margin-left: 5px;
    }

    .total_contact_newsletter h6 {
        color: #9d9d9d;
        font-weight: 500;
        display: inline-block;
        float: left;
    }

    .total_contact_newsletter {
        padding-top: 15px;
    }




    /*        MEDIA QUERIES FOR NEWLETTERS*/

    @media screen and (min-width: 1350px) {
        .statuslist_container_newletter {
            padding-right: 0;
            padding-left: 6%;
        }

        .ownerpic_container_newletter {
            padding: 0;
        }

        div.picandname_container {
            padding: 0;
        }

        .createdupdated_container_newletter {
            padding: 0;
        }

        .newsletter_box {
            width: 24%;
        }

        .createdupdated_container_newletter {
            padding: 0;
        }
    }

    @media screen and (max-width: 1350px) {
        .createdupdated_container_newletter {
            padding: 0;
        }

        .statuslist_container_newletter {
            padding-right: 0;
            padding-left: 6%;
        }

        .ownerpic_container_newletter {
            padding: 0;
        }

        div.picandname_container {
            padding: 0;
        }

        .newsletter_box {
            width: 24%;
        }

        .createdupdated_container_newletter {
            padding-right: 0;
        }

        .newsletter_details_container h6 {
        }
    }

    @media screen and (max-width: 1295px) {


        .createdupdated_container_newletter {
            padding-right: 0;
            padding-left: 0;
        }

        .statuslist_container_newletter {
            padding-right: 0;
            padding-left: 6%;
        }

        .ownerpic_container_newletter {
            padding: 0;
        }

        div.picandname_container {
            padding: 0;
        }
    }

    @media screen and (max-width: 1245px) {

        .newsletter_details_container {
        }

        .owner_pic_container_newsletter {
            text-align: center;
        }

        .status_wrapper_newsletter {
            width: 100%;
        }

        .list_wrapper_newsletter {
            width: 100%;
        }

        .status_header_container {
            width: 25%;
        }

        .createdupdated_wrapper_newsletter {
            width: 100%;
        }

        .createdupdated_header_wrapper {
            width: 25%;
        }
    }

    @media screen and (max-width: 1105px) {


        div.newsletters_container {
            padding: 0;
        }

        .newsletter_box {
            padding: 1px;
        }
    }


    @media (min-width: 950px) and (max-width: 1015px) {

        .newsletter_box {
            width: 23%;
        }
    }

    @media screen and (max-width: 950px) {

        .newsletter_box {
            width: 48%;
        }

        .createdupdated_wrapper_newsletter {
            width: 50%;
        }

        .status_wrapper_newsletter {
            width: 50%;
        }

        .list_wrapper_newsletter {
            width: 50%;
        }
    }

    @media screen and (max-width: 768px) {
        div.newsletters_container {
            padding: 10px;
        }

        .newsletter_box {
            width: 100%;
            margin: 0;
            margin-bottom: 25px;
        }


        .createdupdated_header_wrapper {
            width: 30%;
        }
    }

    @media screen and (max-device-width : 480px) {
        .createdupdated_header_wrapper {
            width: 35%;
        }
    }




    /*CONTACTS*/

    img.contact_images {
        border-radius: 50%;
        width: 30px;
        height: 30px;
        border: none;
    }

    .date_container_contact {
        width: 98px;
    }

        .date_container_contact button {
            font-size: 13px;
            padding: 0;
        }

    table.table-condensed .checkbox_contact {
        padding: 12px 5px 12px 5px;
        border-top: none;
    }

    table.table-condensed .name_container_contact {
        padding-left: 0;
    }

    table.table-condensed .icon_phone_container {
        padding-right: 0;
    }

    /*TASKS*/


    .ok_button_task {
        padding: 2px;
    }

    /*DEALS FIXING IMAGES NAME*/

    .deals_image {
        width: 30px;
        height: 30px;
        float: left;
        border-radius: 50%;
    }


/*Melfawy hide upload image for grapes email editor component*/
.gjs-am-file-uploader {
    display: none;
}

.gjs-am-assets-cont {
    width: 100%;
}


    p.deals_paragraph {
        overflow-wrap: break-word;
        margin-top: 2.5px;
        margin-bottom: 5.25px;
        font-weight: 600;
        color: #424242;
        font-size: 16px;
        text-transform: capitalize;
    }

    a.deals_anchor {
        overflow-wrap: break-word;
        position: relative;
        top: 2.5px;
        text-transform: capitalize;
        font-weight: 600;
        font-size: 16px;
    }

    p.name_paragraph {
        overflow-wrap: break-word;
        width: 100px;
        margin-bottom: 0;
    }

    .list-group > .list-deal-item .deals_dropdown_menu {
        width: 130.5px;
        left: 4px;
    }

    .no_task_button_deals:hover {
        background-color: #eeeeee;
    }

    #btnContactView:hover {
        background-color: #eeeeee;
        border: 1px solid #61b0e8;
        color: #61b0e8;
        text-decoration: none;
    }

    .contact_name_header {
        margin: 0;
        margin-bottom: 5px;
    }

    .paragraph_contact_header {
        margin-bottom: 5px;
    }

    .contact_header_Action_button {
        margin: 0;
        margin-bottom: 5px;
    }

    .thumbnail_image_contact_list {
        height: 35px;
        width: 35px;
        border-radius: 50%;
    }


    /*DEALS DASHBOARD*/
    .boxes_deals_dashboard {
        border: 0;
    }

        .boxes_deals_dashboard h5 {
            color: #424242;
            font-weight: 500;
            font-size: 1.3em;
        }

    .panel .boxes_deals_dashboard h2 {
        font-weight: 500;
        font-size: 2.5em;
    }

    .most-deal h1 {
        font-size: 20px;
        font-weight: 500;
    }

    .price_container_deals p {
        margin-bottom: 5.25px;
        margin-top: 5.25px;
        font-size: 18px;
        overflow-wrap: break-word;
        font-weight: 600;
    }

    .deals-dashboard-respon .boxes_deals_dashboard span {
        font-weight: 500;
        color: #424242;
        font-size: 16px;
    }

    .filtering_container_deals_dashboard button {
        border-radius: 3px;
    }

    .dropdown_filters_container {
        display: inline-block;
        width: 160px;
    }

        .dropdown_filters_container button {
            margin: 0;
        }

        .dropdown_filters_container ul {
            top: 35px;
            width: 160px;
            text-align: center;
        }

        .dropdown_filters_container span {
            font-size: 16px;
            color: #424242;
        }

        .dropdown_filters_container ul a {
            font-size: 16px;
            color: #424242;
        }

    .button_container_date_today_dealsdashboard button {
        font-size: 16px;
    }

    .filterfromto_continer_dealsdashboard span {
        color: #424242;
        font-size: 16px;
    }

    .button#dashboard-startDateToToday {
        padding: 4.5px 15px 4.5px 15px;
    }

    /*TASKS*/
    .icon_phone_container label {
        margin: 0;
    }


    /*MYDAY*/

    .bars_container_myday {
        padding: 0px 5px 0px 5px;
    }

        .bars_container_myday a {
            color: #4aa8ea;
            display: block;
        }

    .align-task-calendars-icons {
        width: 32% !important;
    }

    .google-email-sync {
        padding-top: 10% !important;
    }

    .calendar_container_myday {
        padding: 0px 5px 0px 5px;
    }

        .calendar_container_myday a {
            color: #999998;
            display: block;
        }

            .calendar_container_myday a:hover {
                color: #49a8ea;
            }

    .bars_container_myday a:hover {
        color: #49a8ea;
    }

    .bars_and_calender_container {
        padding: 5px;
    }



    /*        FILTERS DROP DOWN */

    /* Dropdown Button */

    .dropdown_container_myday {
        display: inline-block;
        /*padding-left: 5px;
    padding-right: 5px;*/
    }
.contacts-tabele .btn-contact-actions .dropdown-menu-feedbackReport > li > a:hover,
.contacts-tabele .btn-contact-actions .dropdown-menu-feedbackReport > li > a:active,
.contacts-tabele .btn-contact-actions .dropdown-menu-feedbackReport > li > a:visited {
    background-color: transparent;
    background-image: none;
    color: #999998;
}

.activity-reports-filter.dropdown_container_myday{
    width: 175px;
}

.dropdown_container_myday .dropdown {
    width: 150px;
}

.activity-reports-filter.dropdown_container_myday .dropdown {
    width: 170px;
}
        .dropdown_container_myday button {
            background: #fff;
            color: #49a8ea;
            border: 1px solid #49a8ea;
            border-radius: 4px;
            text-align: left;
            width: 145px;
            text-shadow: none;
            padding-top: 5px;
            padding-bottom: 5px;
            font-size: 14px;
        }

.activity-reports-filter.dropdown_container_myday button{
    width: 170px;
}
.activity-reports-filter.dropdown_container_myday .dropdown-menu {
    width: 170px;
}
.dropdown_container_myday button:hover {
    background: #fff;
    color: #49a8ea;
    border: 1px solid #49a8ea;
    text-shadow: none;
}

            .dropdown_container_myday button:focus {
                background: #fff;
                color: #49a8ea;
                border: 1px solid #49a8ea;
                padding-top: 5px;
            }

        .dropdown_container_myday .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
            background: #fff;
            color: #49a8ea;
            border: 1px solid #49a8ea;
        }

        .dropdown_container_myday .open > .dropdown-toggle.btn-primary {
            background: #fff;
            color: #49a8ea;
            border: 1px solid #49a8ea;
        }

        .dropdown_container_myday .btn-primary:active:hover {
            background: #fff;
            color: #49a8ea;
            border: 1px solid #49a8ea;
        }

        .dropdown_container_myday button span {
            float: right;
            margin-top: 10px;
        }

        .dropdown_container_myday .dropdown-menu {
            border-radius: 10px;
            background: #fff;
            box-shadow: 0 6px 12px rgba(0,0,0,.175);
            width: 160px;
        }


            .dropdown_container_myday .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
                background-color: transparent;
                background-image: none;
                color: #999998;
            }

            .dropdown_container_myday .dropdown-menu > li > a {
                color: #49a8ea;
                font-size: 13px;
                padding-bottom: 5px;
            }

                .dropdown_container_myday .dropdown-menu > li > a:hover {
                    color: #999998;
                }


    .filter_tasks_container {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
        position: relative;
    }

    .tasks_buttons {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

    .task_header {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

        .task_header h4 {
            color: #0e3e70;
            font-weight: 500;
        }


    .button_add_myday {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

        .button_add_myday button.modal__trigger {
            padding: .8rem 1rem;
        }

    .bars_and_calender_container {
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        top: 10px;
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

    /*TASKS list MYDAY*/

    .task_date_leftside_list_container {
        width: 2%;
        display: inline-block;
        float: left;
        min-height: 91px;
    }

    .task_details_rightside_container {
        width: 98%;
        display: inline-block;
        float: right;
    }

    .flex-to-center {
        /*display: flex;
  justify-content: center;
  align-items: center;*/
    }

    .dropdown_complete_myday_container .dropdown_complete_myday {
        right: inherit;
        border-radius: 4px;
    }

    .dropdown_complete_myday_container {
        position: relative;
        top: 12px;
    }

.drop-down-tasks-group-action{
    top:11px;
    height: 35px;
}
    .drop-down-tasks-group-action .dropdown-menu > li > a {
        padding: 7px 15px;
        font-size: 14px;
    }

.tasklist-status-box {
    border-radius: 5px 0px 0px 5px;
    min-width: 130px;
    text-align: center;
}
.reminders_list .reminder_actions .btn-actions button.tasklist-status-box-dropdown {
    background-color: #49a8ea;
    border-color: #49a8ea;
}

.dropdown-clock-icons{
    top: 7px;
}
    .dropdown-clock-icons .dropdown {
        min-width: 20px;
        min-height: 40px;
    }
    .dropdown-clock-icons ul.dropdown-menu {
        right: 0;
        left: auto;
        float: right;
        text-align: right;
    }
    .dropdown-clock-icons ul.dropdown-menu > li > a {
        padding: 7px 15px;
        font-size: 14px;
    }
    }
    /*DROP DOWN CLOCK ICON MY DAY*/
    .clockicon_dropdown_container {
        width: 120px;
        margin: auto;
    }

        .clockicon_dropdown_container button.blue {
            border: 1px solid #61b0e8;
            border-radius: 10px;
            background-color: #fff;
            background-image: none;
            color: #61b0e8;
            width: 120px;
            text-align: left;
            padding: 4px;
        }

    .green-font {
        color: #0fd676;
    }

    .clockicon_dropdown_container button.green {
        border: 1px solid #0fd676;
        border-radius: 10px;
        background-color: #fff;
        background-image: none;
        color: #0fd676;
        width: 120px;
        text-align: left;
        padding: 4px;
    }

    .clockicon_dropdown_container button.red {
        border: 1px solid #f94748;
        border-radius: 10px;
        background-color: #fff;
        background-image: none;
        color: #f94748;
        width: 120px;
        text-align: left;
        padding: 4px;
    }

    .clockicon_dropdown_container button.gray {
        border: 1px solid gray;
        border-radius: 10px;
        background-color: #fff;
        background-image: none;
        color: gray;
        width: 120px;
        text-align: left;
        padding: 4px;
    }


    .clockicon_dropdown_container .btn-primary:active {
        border: 1px solid #f94748;
        background-color: #fff;
        color: #f94748;
    }

    .clockicon_dropdown_container .blue:active {
        border: 1px solid #61b0e8;
        background-color: #fff;
        color: #61b0e8;
    }

    .clockicon_dropdown_container .green:active {
        border: 1px solid #0fd676;
        background-color: #fff;
        color: #0fd676;
    }

    .clockicon_dropdown_container .green:hover {
        border: 1px solid #0fd676;
        background-color: #fff;
        color: #0fd676;
    }

    .clockicon_dropdown_container .green:focus {
        border: 1px solid #0fd676;
        background-color: #fff;
        color: #0fd676;
    }

    .clockicon_dropdown_container .gray:active {
        border: 1px solid gray;
        background-color: #fff;
        color: gray;
    }


    .clockicon_dropdown_container .red:hover {
        border: 1px solid #f94748;
        background-color: #fff;
        color: #f94748;
    }


    .clockicon_dropdown_container .blue:hover {
        border: 1px solid #61b0e8;
        background-color: #fff;
        color: #61b0e8;
    }

    .clockicon_dropdown_container .gray:hover {
        border: 1px solid gray;
        background-color: #fff;
        color: gray;
    }

    .clockicon_dropdown_container .red:focus {
        border: 1px solid #f94748;
        background-color: #fff;
        color: #f94748;
    }


    .clockicon_dropdown_container .blue:focus {
        border: 1px solid #61b0e8;
        background-color: #fff;
        color: #61b0e8;
    }

    .clockicon_dropdown_container .gray:focus {
        border: 1px solid gray;
        background-color: #fff;
        color: gray;
    }




    .clockicon_dropdown_container .red.active, .red:active, .open > .dropdown-toggle.red {
        border: 1px solid #f94748;
        background-color: #fff;
        color: #f94748;
    }



    .clockicon_dropdown_container .blue.active, .blue:active, .open > .dropdown-toggle.blue {
        border: 1px solid #61b0e8;
        background-color: #fff;
        color: #61b0e8;
    }

    .clockicon_dropdown_container .gray.active, .gray:active, .open > .dropdown-toggle.gray {
        border: 1px solid gray;
        background-color: #fff;
        color: gray;
    }


    .clockicon_dropdown_container .open > .dropdown-toggle.red:focus, .open > .dropdown-toggle.red:hover {
        border: 1px solid #f94748;
        background-color: #fff;
        color: #f94748;
    }


    .clockicon_dropdown_container .open > .dropdown-toggle.blue:focus, .open > .dropdown-toggle.blue:hover {
        border: 1px solid #61b0e8;
        background-color: #fff;
        color: #61b0e8;
    }

    .clockicon_dropdown_container .open > .dropdown-toggle.gray:focus, .open > .dropdown-toggle.gray:hover {
        border: 1px solid gray;
        background-color: #fff;
        color: gray;
    }


    .clockicon_dropdown_container .red.active.focus, .red.active:focus, .red.active:hover, .red:active.focus, .red:active:focus, .red:active:hover, .open > .dropdown-toggle.red.focus, .open > .dropdown-toggle.red:focus, .open > .dropdown-toggle.red:hover {
        border: 1px solid #f94748;
        background-color: #fff;
        color: #f94748;
    }

    .clockicon_dropdown_container .blue.active.focus, .blue.active:focus, .blue.active:hover, .blue:active.focus, .blue:active:focus, .blue:active:hover, .open > .dropdown-toggle.blue.focus, .open > .dropdown-toggle.blue:focus, .open > .dropdown-toggle.blue:hover {
        border: 1px solid #61b0e8;
        background-color: #fff;
        color: #61b0e8;
    }


    .clockicon_dropdown_container .gray.active.focus, .gray.active:focus, .gray.active:hover, .gray:active.focus, .gray:active:focus, .gray:active:hover, .open > .dropdown-toggle.gray.focus, .open > .dropdown-toggle.gray:focus, .open > .dropdown-toggle.gray:hover {
        border: 1px solid gray;
        background-color: #fff;
        color: gray;
    }



    .clockicon_dropdown_container button.red i {
        color: #f94748;
    }

    .clockicon_dropdown_container button.blue i {
        color: #61b0e8;
    }

    .clockicon_dropdown_container button.gray i {
        color: gray;
    }

    .clockicon_dropdown_container .dropdown-menu {
        min-width: 110px;
        border-radius: 4px;
    }

        .clockicon_dropdown_container .dropdown-menu li.disabled {
            background-color: #e9eae5;
        }

        .clockicon_dropdown_container .dropdown-menu a {
            padding: 5px;
            font-size: 14px;
        }



    .image_container_listmyday {
        position: relative;
        top: 5px;
        padding: 0;
        text-align: center;
        max-width: 50px;
        min-width: 50px;
        width: auto !important;
    }

        .image_container_listmyday img {
            border-radius: 50%;
            width: 100%;
        }

    .clockicon_dropdown_container {
        position: relative;
        top: 15px;
    }

    .stage_type_myday {
        position: relative;
        top: 18px;
    }

    .reminders_list .stage_type_myday a {
        color: #49a8ea;
        font-weight: 500;
    }

    /*LAST SYNC*/
    .second_part_container_myday {
        margin-top: 5px;
    }

    .button_sync_google_calender_myday button {
        background: #e9eae6;
        color: #99a3b9;
        border: 1px solid #99a3b9;
        text-shadow: none;
        border-radius: 4px;
        text-transform: capitalize;
    }

        .button_sync_google_calender_myday button:hover {
            background: white;
            color: #99a3b9;
            border: 1px solid #99a3b9;
            text-shadow: none;
            border-radius: 4px;
            text-transform: capitalize;
        }

    .button_sync_google_calender_myday {
        display: inline-block;
    }

    .button_sync_google_calenderpage {
        padding-top: 4%;
        width: 100%;
    }

    .lastsync_time_myday {
        display: inline-block;
    }

        .lastsync_time_myday p {
            color: #999998;
        }

    .myday_wrapper {
        padding: 0;
    }

    .button_add_google_popup {
        display: inline-block;
        padding: 5px;
    }

    /**************Quick ADD Button*/
    button.btn.btn-green.dropdown-toggle.use_btn_cart.use_arrow:hover {
        background: #4a88c7;
        color: white;
        border: #4a88c7 solid 1px;
    }

    /******   My Day Changes */

    #TasksCalenderView, #MyDayView {
        color: #999998;
    }

        #TasksCalenderView:hover, #TasksCalenderView.active,
        #MyDayView:hover, #MyDayView.active {
            color: #49a8ea;
        }



    #dropboxcontainer {
        display: inline-block;
        float: left;
        clear: none;
    }

    /*SEGMENTATION*/

    .customers_180_days {
        display: none;
    }

    .customers_30_days {
        display: none;
    }

    .customers_180_details {
        display: none;
    }

    .header-explore span {
        font-weight: 500;
        color: #04386d;
        margin-bottom: 0;
        font-size: 22px;
    }

    .new_segment_part {
        display: none;
    }

    .steps_segment {
        float: left;
    }

    .p-steps {
        font-size: 13px;
        margin: 0;
        float: left;
        display: inline-block;
        margin-top: 6px;
        padding-left: 2px;
        color: #9ca0a0;
    }

    .left_side_segment {
        padding-left: 0;
    }

    .filters_segment_buttons button {
        border: 1px solid #49a8ea;
        border-radius: 0;
        border-right: 0;
        border-left: 0;
        background-color: #fff;
        color: #49a8ea;
    }

    .new_segment_block .filters_segment_buttons button:first-child {
        border-left: 1px;
        border-left-color: #49a8ea;
        border-left-style: solid;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }



    .new_segment_block .filters_segment_buttons button:last-child {
        border-right: 1px;
        border-right-color: #49a8ea;
        border-right-style: solid;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .new_segment_block .filters_segment_buttons button:first-child:active {
        border-left: 1px;
        border-left-color: #49a8ea;
        border-left-style: solid;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .new_segment_block .filters_segment_buttons button:first-child:hover {
        border-left: 1px;
        border-left-color: #49a8ea;
        border-left-style: solid;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }



    .new_segment_block .filters_segment_buttons button:last-child:active {
        border-right: 1px;
        border-right-color: #49a8ea;
        border-right-style: solid;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .new_segment_block .filters_segment_buttons button:last-child:hover {
        border-right: 1px;
        border-right-color: #49a8ea;
        border-right-style: solid;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .add_new_filter_segment {
        padding: 0;
    }

    .title_add_new_filter {
        padding: 0;
    }

    .main-title {
        color: #04386d;
        font-weight: 600;
        font-size: 14px;
        margin-bottom: 25px;
        padding-left: 5px;
        margin: 0;
        margin-top: 5px;
    }

    .results_p_segment {
        font-size: 14px;
        font-weight: 600;
        color: #04386d;
    }

        .results_p_segment a {
            padding: 0;
            color: #49a8ea;
        }

    .contacts_count .segment_actions {
        padding: 5px;
        margin: 0;
    }


    #add_filter_clone {
        margin-left: 145px;
    }

    .displayhidelistname {
        padding-left: 15px;
    }

    .organizationmemberslist .list-group-item{
        min-height:70px;
    }
    .organizationmembersinfo {
        display: inline-block;
        color: #9b9b9b;
        font-size: 13.5px;
        line-height: 16px;
        float: left;
        font-weight: 400;
    }

    .organizationmembersspacing{
        padding-bottom:2%;
    }

    .skuorderstyle {
        font-size: smaller;
        color: #666;
        margin-left: 1px;
    }

    .beforediscountproductprice {
        text-decoration: line-through;
        color: #999;
        margin-left: 5px;
    }

    .organizemembersicons {
        font-size: 11px;
        color: #9b9b9b
    }

    /*
 * Row with equal height columns
 * --------------------------------------------------
 */
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }


    a.dropdown-toggle.waves-effect.reset-this.anchor_small_device_headers.helpclass {
        font-weight: bold;
        /*background-color: rgba(255, 255, 255, 0.10);*/
        font-size: 15px;
        margin-top: -1px;
    }

    .notificationsIconPaddingRight {
        padding-right: 5% !important;
    }

    .Deals-Page-UpperButtons-spacing {
        margin-left: -10%;
    }

    .Deals-Page-Buttons-spacing {
        margin-right: 1%;
    }

    .lastsynctime_calendar-page {
        color: #999998;
        padding-top: 2%;
    }

    .google-label-calendar-page {
        margin-bottom: 15px;
        /*font-size:20px;*/
    }

.Segments-UserName {
    color: #999;
    font-size: 14px;
    padding-bottom: 1%;
    padding-left: 2%;
}

    .Harvest-personal-token-note{
        font-size:14px;
        font-weight:bold;
    }

    .google-font-label{
        font-size:14px;
    }

    .sync-summary-button {
        margin-bottom: 7px;
        margin-right: 13px;
    }

    #btnBulkVertical {
        margin-left: 0px;
    }

    .btn-group-bulk-action {
        margin-left: 0px;
    }

    .segment-show-user-contacts-hint{
        text-align:center;
        color:gray;
        font-size:12px;
        line-height:21px;
        color:#999;
    }

    .csv-result-required-fields-hint {
        font-size: 0.9em;
        margin-top: 5px
    }
    /* Full width modal in mobile */
    @media(max-width:768px) {
        .modal-dialog.modal-fullwidth-mobile {
            width: 95%;
            height: 95%;
            margin-left: 2.5%;
        }

            .modal-dialog.modal-fullwidth-mobile > div:first-child,
            .modal-dialog.modal-fullwidth-mobile .modal-content {
                width: 100%;
                height: 100%;
            }

        .business-shopify .plan-block {
            margin-top: 20px;
            border-top: 1px dotted #eee;
            padding-top: 10px !important;
        }

        /* Ecommerce modal*/
        #EcommerceTypeModal .modal-dialog {
            width: auto !important;
        }

        #EcommerceTypeModal .ecommerce-type-or {
            height: 15px;
            border-top: 1px dotted #eee !important;
        }
    }

.ecommerce-landing-page-url {
    font-size: 16px;
    font-weight: 400;
    color: #f99348;
}
.ecommerce-landing-page-url:hover {
    font-size: 16px;
    font-weight: 400;
    color: white !important;
}

.task-status-form-group .form-control.select2-container {
    display: inline-block !important;
}

.taskDrillDownTitle {
    border-bottom: 1px dotted #008cba;
    cursor: pointer;
}
/*
 * ******************************************************************************
 *  jquery.mb.components
 *  file: mbExtruder.css
 *
 *  Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi);
 *  Open lab srl, Firenze - Italy
 *  email: matteo@open-lab.com
 *  site: 	http://pupunzi.com
 *  blog:	http://pupunzi.open-lab.com
 * 	http://open-lab.com
 *
 *  Licences: MIT, GPL
 *  http://www.opensource.org/licenses/mit-license.php
 *  http://www.gnu.org/licenses/gpl.html
 *
 *  last modified: 07/01/14 22.50
 *  *****************************************************************************
 */

.extruder {
    position: fixed;
    cursor: default;
    background: url("../css/images/extruder_blank.png");
}

    .extruder .header {
        height: 27px;
    }

    .extruder .extruder-content {
        width: 93px !important;
        display: block !important;
        background: #04386d;
        -moz-border-radius: 20px 0 20px 0;
        -webkit-border-bottom-right-radius: 20px;
        -webkit-border-bottom-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border-top-right-radius: 20px;
        margin-left: -75px;
    }

    .extruder.left.isOpened .ext_wrapper .extruder-content {
        margin-left: -3px;
    }

    .extruder .text > .divider-container {
        padding: 0 15%;
    }

        .extruder .text > .divider-container > .divider {
            height: 1px;
            margin: 6.6px 0;
            overflow: hidden;
            background-color: #198553;
            float: left;
            width: 80%;
        }


    .extruder.left {
        height: 400px;
        margin-top: 12%;
        left: 3px !important;
    }

        .extruder.left .ext_wrapper {
            height: 100%;
            /*width: 1px;*/
        }

        .extruder.left .footer {
            display: none;
        }

        .extruder.left .flap {
            font-size: 18px;
            color: white;
            top: 42% !important;
            padding: 10px 0 10px 10px;
            margin-right: -60px;
            background: url("../css/images/addactionbar.png") no-repeat ;
            width: 61px;
            position: absolute;
            right: 0;
            height: 72px;
            cursor: pointer;
            -moz-border-radius: 20px 0 20px 0;
            -webkit-border-bottom-right-radius: 20px;
            -webkit-border-bottom-right-radius: 20px;
            border-bottom-right-radius: 20px;
            border-top-right-radius: 20px;
        }

            .extruder.left .flap .flapLabel {
                background: #000;
                display: none;
            }


    .extruder .voice {
        font: 18px/24px Arial,Helvetica,sans-serif;
        color: white;
        padding: 5px;
        padding-left: 10px;
        height: 27px;
        border-bottom: 1px solid #333;
        text-shadow: 2px 2px 2px #333;
    }

        .extruder .voice:last-child {
            border-bottom: 0;
        }

        .extruder .voice .disabled {
            cursor: default;
        }

    .extruder .text {
        background: #04386d;
        color: #fff;
        padding: 10px 0;
        width: 93px !important;
        text-align: center;
    }

.actionbar-arrow {
    position: absolute;
    right: -5px;
    top: 47%;
    margin-right: 0;
    z-index: 100;
    color: #FFFFFF;
}

.extruder .voice.hover {
    background: url("../css/images/extruder_voiceHover.png") repeat-x top;
}

.extruder .voice.sel {
    background: url("../css/images/extruder_voiceHover.png") repeat-x top;
}

.extruder .voice img {
    float: left;
    margin-right: 15px;
}

.extruder .voice a.label {
    display: block;
    height: 30px;
    color: white;
    padding-top: 0;
    text-decoration: none;
}

.extruder .voice span.label {
    display: block;
    height: 30px;
    color: #d0cfcf;
    padding-top: 0;
    text-decoration: none;
}

.extruder .voice {
    position: relative;
}

.extruder .settingsBtn {
    display: block;
    position: absolute;
    width: 36px;
    height: 36px;
    background: url("../css/images/settingsBtn.png") no-repeat bottom;
    cursor: pointer;
    right: -3px;
    top: -4px;
}

.extruder .optionsPanel {
    background: url("../css/images/fuzz.gif");
    display: none;
    border-bottom: 1px solid #333;
}

.extruder .voice.sel {
    background: url("../css/images/extruder_voiceHover.png") repeat-x top;
}

.optionsPanel .panelVoice a {
    text-decoration: none;
    display: block;
    color: #ccc;
    padding: 8px;
    padding-left: 20px;
    font-size: 16px;
    text-shadow: 2px 2px 2px #333;
    border-bottom: 1px solid #000;
    cursor: pointer;
}

    .optionsPanel .panelVoice a:hover {
        color: #fff;
        background: url("../css/images/red_op_50.png");
    }

:focus {
    outline: 0;
}


/* Small Devices, Tablets */
@media (min-width: 768px) and (max-width: 992px) {
    .user-nav h4 {
        font-size: 14px;
    }

    .user-nav h5 {
        font-size: 13px;
    }

    .nav.top-nav > li:first-child > a.nav-li {
        padding: 8px 10px 13px 10px;
        font-size: 14px;
    }

    .nav.top-nav > li > a.nav-li {
        padding: 8px 10px 13px 10px;
        font-size: 14px;
    }

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

    .navbar-nav.top-nav {
        margin-top: 0;
    }

    .min-max-height-53px {
        min-height: 45px;
        max-height: 45px;
        max-width: 45px !important;
        min-width: 45px;
    }

    .panel.filter-panel > .panel-body > form > .nav-tabs {
        padding-left: 2%;
    }

    .panel.filter-panel2 > .panel-body > form > .nav-tabs {
        padding-left: 2%;
    }

    .creat-form {
        width: 100%;
    }

    .fileinput .thumbnail img {
        width: 80%;
        margin: 0 !important;
    }

    .navbar-brand {
        padding-top: 6px;
        background-image: url(../Images/logocrmtablet.png);
        background-repeat: no-repeat;
        background-size: cover;
        max-width: 111px;
        max-height: 32px;
        min-width: 111px;
        min-height: 32px;
        margin-top: 16px;
        margin-right: 2px;
    }

    .tag-cloude-respon {
        padding-right: 0;
    }

    #tagsCloud .badge {
        padding: 3px 13px 3px 7px;
    }

    .time-line-respon {
        padding: 0 1% !important;
    }

    .deals-pipeline-boxes > .deals-box > .box-header {
        font-size: 16px;
        height: 31px;
    }

    .won-button img {
        width: 70%;
        float: right;
    }

    .lost-button img {
        width: 70%;
        float: left;
    }

    .deals-pipeline-boxes > .won-button .folder-title,
    .deals-timeline-boxes > .won-button .folder-title {
        left: 50%;
    }

    .deals-pipeline-boxes > .lost-button .folder-title,
    .deals-timeline-boxes > .lost-button .folder-title {
        left: 30%;
    }

    .deals-pipeline-boxes > .delete-button {
        left: 36.4%;
    }

    .deals-timeline-boxes > .delete-button {
        left: 36.4%;
    }

    .sales-list-respon {
        padding: 0 2% !important;
    }

    .typeahead, .tt-query, .tt-hint {
        width: 100%;
    }

    .table-responsive th {
        font-size: 90%;
    }

    .table-responsive td {
        font-size: 90%;
    }

    h1.font-bold-30 {
        font-size: 23px;
    }


    .deals-dashboard-respon {
        padding: 0 1% ;
        margin: 0 ;
    }

    .panel-won-deal > .panel-heading.most-deal {
        height: 50px;
    }

        .panel-won-deal > .panel-heading.most-deal .arrow-left {
            top: 50px;
        }

    .panel-lost-deal > .panel-heading.most-deal {
        height: 50px;
    }

        .panel-lost-deal > .panel-heading.most-deal .arrow-left {
            top: 50px;
        }

    .panel-new-deal > .panel-heading.most-deal {
        height: 50px;
    }

        .panel-new-deal > .panel-heading.most-deal .arrow-left {
            top: 50px;
        }

    .table-responsive th {
        font-size: 90%;
    }

    .table-responsive td {
        font-size: 90%;
    }

    .TaskStatusFilter {
        font-size: 14px;
    }

    .TaskDueOnFilter {
        font-size: 14px;
    }

    .login-machine-respon {
        margin-top: 20px;
    }

    .login-text-respon {
        margin-top: 10px;
    }

    .register-links {
        margin-top: -80px;
    }

    .register-info {
        margin-left: 10px ;
    }

    .salesArrow {
        margin-top: -180%;
    }

    .arrow-sales-label {
        margin-top: -110%;
        margin-left: 100%;
    }

    .first-funnel-arrow .first-salesArrow {
        margin-top: 60px;
        margin-right: -30px;
    }

    .first-funnel-arrow .first-arrow-sales-label {
        margin-top: 105px;
    }

    .panel-inprocess-sales > .panel-heading h1 {
        font-size: 20px;
    }

    .panel-inprocess-sales > .panel-heading h4 {
        font-size: 20px;
    }

    /*.panel-won-deal > .panel-heading h1 {
        font-size: 20px;
    }*/

    .panel-won-deal > .panel-heading h4 {
        font-size: 20px;
    }

    /*.panel-lost-deal > .panel-heading h1 {
        font-size: 20px;
    }*/

    .panel-lost-deal > .panel-heading h4 {
        font-size: 20px;
    }

    .funnel-box .panel-primary .panel-title {
        font-size: 14px;
    }

    canvas {
        width: 100% ;
        max-width: 800px;
        height: auto ;
    }

    .list-group-item-respon {
        font-size: 110% !important;
    }

    .circle-badge {
        padding: 8px;
    }

    .padding-0-respon {
        padding: 0;
    }
    /*
        .panel-inprocess-sales > .panel-heading h1{
        font-size:20px;
    }
    .panel-inprocess-sales > .panel-heading h4{
        font-size:20px;
    }
    /*
    /*.upload-image-respon {
        margin-left: 0;
    }

        .upload-image-respon .btn-file {
            margin-right: 0 !important;
        }*/
   
    .leads-dashboardbox {
        display: none;
        width: 33.33% !important;
        margin-bottom: 30px;
    }

    .contacts-dashboardbox {
        width: 50% !important;
        margin-bottom: 30px;
    }

    .deals-dashboardbox {
        width: 50% !important;
        margin-bottom: 30px;
        border-right: none !important;
    }

    .sales-dashboardbox {
        width: 50% !important;
        margin-bottom: 30px;
    }

    .calendar-dashboardbox {
        width: 50% !important;
        margin-bottom: 30px;
    }
}

/* Medium Devices, Desktops */
@media (min-width: 992px) and (max-width: 1200px ) {
    .user-nav h4 {
        font-size: 14px;
    }

    .user-nav h5 {
        font-size: 13px;
    }

    .nav.top-nav > li:first-child > a.nav-li {
        padding: 8px 10px 13px 10px;
        font-size: 14px;
    }

    .nav.top-nav > li > a.nav-li {
        padding: 8px 10px 13px 10px;
        font-size: 14px;
    }

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

    .navbar-nav.top-nav {
        margin-top: 0;
    }

    .min-max-height-53px {
        min-height: 45px;
        max-height: 45px;
        max-width: 45px !important;
        min-width: 45px;
    }

    .panel.filter-panel > .panel-body > form > .nav-tabs {
        padding-left: 2%;
    }

    .panel.filter-panel2 > .panel-body > form > .nav-tabs {
        padding-left: 2%;
    }

    .creat-form {
        width: 100%;
    }

    .navbar-brand {
        padding-top: 6px;
        background-image: url(../Images/logocrmtablet.png);
        background-repeat: no-repeat;
        background-size: cover;
        max-width: 111px;
        max-height: 32px;
        min-width: 111px;
        min-height: 32px;
        margin-top: 16px;
        margin-right: 2px;
    }

    .tag-cloude-respon {
        padding-right: 0;
    }

    #tagsCloud .badge {
        padding: 3px 13px 3px 7px;
    }

    .time-line-respon {
        padding: 0 1% ;
    }

    .deals-pipeline-boxes > .deals-box > .box-header {
        font-size: 16px;
        height: 31px;
    }

    .won-button img {
        width: 70%;
        float: right;
    }

    .lost-button img {
        width: 70%;
        float: left;
    }

    .deals-pipeline-boxes > .won-button .folder-title,
    .deals-timeline-boxes > .won-button .folder-title {
        left: 50%;
    }

    .deals-pipeline-boxes > .lost-button .folder-title,
    .deals-timeline-boxes > .lost-button .folder-title {
        left: 30%;
    }

    .deals-pipeline-boxes > .delete-button {
        left: 36.4%;
    }

    .deals-timeline-boxes > .delete-button {
        left: 36.4%;
    }

    .sales-list-respon {
        padding: 0 2% ;
    }

    .typeahead, .tt-query, .tt-hint {
        width: 100%;
    }

    .table-responsive th {
        font-size: 90%;
    }

    .table-responsive td {
        font-size: 90%;
    }

    h1.font-bold-30 {
        font-size: 23px;
    }


    .deals-dashboard-respon {
        padding: 0 1% ;
        margin: 0 ;
    }

    .panel-won-deal > .panel-heading.most-deal {
        height: 50px;
    }

        .panel-won-deal > .panel-heading.most-deal .arrow-left {
            top: 50px;
        }

    .panel-lost-deal > .panel-heading.most-deal {
        height: 50px;
    }

        .panel-lost-deal > .panel-heading.most-deal .arrow-left {
            top: 50px;
        }

    .panel-new-deal > .panel-heading.most-deal {
        height: 50px;
    }

        .panel-new-deal > .panel-heading.most-deal .arrow-left {
            top: 50px;
        }

    .table-responsive th {
        font-size: 90%;
    }

    .table-responsive td {
        font-size: 90%;
    }

    .TaskStatusFilter {
        font-size: 14px;
    }

    .TaskDueOnFilter {
        font-size: 14px;
    }

    .login-machine-respon {
        margin-top: 20px;
    }

    .login-text-respon {
        margin-top: 10px;
    }

    .register-links {
        margin-top: -80px;
    }

    .register-info {
        margin-left: 10px ;
    }

    .salesArrow {
        margin-top: -180%;
    }

    .arrow-sales-label {
        margin-top: -110%;
        margin-left: 100%;
    }

    .first-funnel-arrow .first-salesArrow {
        margin-top: 60px;
        margin-right: -30px;
    }

    .first-funnel-arrow .first-arrow-sales-label {
        margin-top: 105px;
    }

    .panel-inprocess-sales > .panel-heading h1 {
        font-size: 20px;
    }

    .panel-inprocess-sales > .panel-heading h4 {
        font-size: 20px;
    }

    .panel-won-deal > .panel-heading h1 {
        font-size: 20px;
    }

    .panel-won-deal > .panel-heading h4 {
        font-size: 20px;
    }

    .panel-lost-deal > .panel-heading h1 {
        font-size: 20px;
    }

    .panel-lost-deal > .panel-heading h4 {
        font-size: 20px;
    }

    .funnel-box .panel-primary .panel-title {
        font-size: 14px;
    }

    .list-group-item-respon {
        font-size: 110% ;
    }

    .circle-badge {
        padding: 10px;
    }

    .padding-0-respon {
        padding: 0;
    }

    .leads-dashboardbox {
        width: 33.33% ;
        margin-bottom: 30px;
        display: none;
    }

    .contacts-dashboardbox {
        width: 50% ;
        margin-bottom: 30px;
    }

    .deals-dashboardbox {
        width: 50% !important;
        margin-bottom: 30px;
        border-right: none !important;
    }

    .sales-dashboardbox {
        width: 50% !important;
        margin-bottom: 30px;
    }

    .calendar-dashboardbox {
        width: 50% !important;
        margin-bottom: 30px;
    }
}

/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 440px;
  color: black;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3 {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actuall scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  margin-bottom: -30px;
  /* Hack to make IE7 behave */
  *zoom:1;
  *display:inline;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}

.CodeMirror-widget {}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor { position: absolute; }
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, .4);
}

/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span { *vertical-align: text-bottom; }

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

/* Based on Sublime Text's Monokai theme */

.cm-s-monokai.CodeMirror { background: #272822; color: #f8f8f2; }
.cm-s-monokai div.CodeMirror-selected { background: #49483E; }
.cm-s-monokai .CodeMirror-line::selection, .cm-s-monokai .CodeMirror-line > span::selection, .cm-s-monokai .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); }
.cm-s-monokai .CodeMirror-line::-moz-selection, .cm-s-monokai .CodeMirror-line > span::-moz-selection, .cm-s-monokai .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); }
.cm-s-monokai .CodeMirror-gutters { background: #272822; border-right: 0px; }
.cm-s-monokai .CodeMirror-guttermarker { color: white; }
.cm-s-monokai .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
.cm-s-monokai .CodeMirror-linenumber { color: #d0d0d0; }
.cm-s-monokai .CodeMirror-cursor { border-left: 1px solid #f8f8f0; }

.cm-s-monokai span.cm-comment { color: #75715e; }
.cm-s-monokai span.cm-atom { color: #ae81ff; }
.cm-s-monokai span.cm-number { color: #ae81ff; }

.cm-s-monokai span.cm-property, .cm-s-monokai span.cm-attribute { color: #a6e22e; }
.cm-s-monokai span.cm-keyword { color: #f92672; }
.cm-s-monokai span.cm-builtin { color: #66d9ef; }
.cm-s-monokai span.cm-string { color: #e6db74; }

.cm-s-monokai span.cm-variable { color: #f8f8f2; }
.cm-s-monokai span.cm-variable-2 { color: #9effff; }
.cm-s-monokai span.cm-variable-3 { color: #66d9ef; }
.cm-s-monokai span.cm-def { color: #fd971f; }
.cm-s-monokai span.cm-bracket { color: #f8f8f2; }
.cm-s-monokai span.cm-tag { color: #f92672; }
.cm-s-monokai span.cm-header { color: #ae81ff; }
.cm-s-monokai span.cm-link { color: #ae81ff; }
.cm-s-monokai span.cm-error { background: #f92672; color: #f8f8f0; }

.cm-s-monokai .CodeMirror-activeline-background { background: #373831; }
.cm-s-monokai .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}

.note-editor{position:relative;border:1px solid #a9a9a9}.note-editor .note-dropzone{position:absolute;z-index:100;display:none;color:#87cefa;background-color:white;border:2px dashed #87cefa;opacity:.95;pointer-event:none}.note-editor .note-dropzone .note-dropzone-message{display:table-cell;font-size:28px;font-weight:bold;text-align:center;vertical-align:middle}.note-editor .note-dropzone.hover{color:#098ddf;border:2px dashed #098ddf}.note-editor.dragover .note-dropzone{display:table}.note-editor .note-toolbar{background-color:#f5f5f5;border-bottom:1px solid #a9a9a9}.note-editor.fullscreen{position:fixed;top:0;left:0;z-index:1050;width:100%}.note-editor.fullscreen .note-editable{background-color:white}.note-editor.fullscreen .note-resizebar{display:none}.note-editor.codeview .note-editable{display:none}.note-editor.codeview .note-codable{display:block}.note-editor .note-statusbar{background-color:#f5f5f5}.note-editor .note-statusbar .note-resizebar{width:100%;height:8px;cursor:ns-resize;border-top:1px solid #a9a9a9}.note-editor .note-statusbar .note-resizebar .note-icon-bar{width:20px;margin:1px auto;border-top:1px solid #a9a9a9}.note-editor .note-editable[contenteditable=true]:empty:not(:focus):before{color:#a9a9a9;content:attr(data-placeholder)}.note-editor .note-editable{padding:10px;overflow:auto;outline:0}.note-editor .note-editable[contenteditable="false"]{background-color:#e5e5e5}.note-editor .note-codable{display:none;width:100%;padding:10px;margin-bottom:0;font-family:Menlo,Monaco,monospace,sans-serif;font-size:14px;color:#ccc;background-color:#222;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;resize:none}.note-air-editor{outline:0}.note-popover .popover{max-width:none}.note-popover .popover .popover-content a{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.note-popover .popover .arrow{left:20px}.note-popover .popover .popover-content,.note-toolbar{padding:0 0 5px 5px;margin:0}.note-popover .popover .popover-content>.btn-group,.note-toolbar>.btn-group{margin-top:5px;margin-right:5px;margin-left:0}.note-popover .popover .popover-content .btn-group .note-table,.note-toolbar .btn-group .note-table{min-width:0;padding:5px}.note-popover .popover .popover-content .btn-group .note-table .note-dimension-picker,.note-toolbar .btn-group .note-table .note-dimension-picker{font-size:18px}.note-popover .popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher{position:absolute!important;z-index:3;width:10em;height:10em;cursor:pointer}.note-popover .popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted{position:relative!important;z-index:1;width:5em;height:5em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat}.note-popover .popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted{position:absolute!important;z-index:2;width:1em;height:1em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat}.note-popover .popover .popover-content .note-style h1,.note-toolbar .note-style h1,.note-popover .popover .popover-content .note-style h2,.note-toolbar .note-style h2,.note-popover .popover .popover-content .note-style h3,.note-toolbar .note-style h3,.note-popover .popover .popover-content .note-style h4,.note-toolbar .note-style h4,.note-popover .popover .popover-content .note-style h5,.note-toolbar .note-style h5,.note-popover .popover .popover-content .note-style h6,.note-toolbar .note-style h6,.note-popover .popover .popover-content .note-style blockquote,.note-toolbar .note-style blockquote{margin:0}.note-popover .popover .popover-content .note-color .dropdown-toggle,.note-toolbar .note-color .dropdown-toggle{width:20px;padding-left:5px}.note-popover .popover .popover-content .note-color .dropdown-menu,.note-toolbar .note-color .dropdown-menu{min-width:340px}.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group,.note-toolbar .note-color .dropdown-menu .btn-group{margin:0}.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group:first-child,.note-toolbar .note-color .dropdown-menu .btn-group:first-child{margin:0 5px}.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title{margin:2px 7px;font-size:12px;text-align:center;border-bottom:1px solid #eee}.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset{padding:0 3px;margin:3px;font-size:11px;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row{height:20px}.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover{background:#eee}.note-popover .popover .popover-content .note-para .dropdown-menu,.note-toolbar .note-para .dropdown-menu{min-width:216px;padding:5px}.note-popover .popover .popover-content .note-para .dropdown-menu>div:first-child,.note-toolbar .note-para .dropdown-menu>div:first-child{margin-right:5px}.note-popover .popover .popover-content .dropdown-menu,.note-toolbar .dropdown-menu{min-width:90px}.note-popover .popover .popover-content .dropdown-menu.right,.note-toolbar .dropdown-menu.right{right:0;left:auto}.note-popover .popover .popover-content .dropdown-menu.right::before,.note-toolbar .dropdown-menu.right::before{right:9px;left:auto!important}.note-popover .popover .popover-content .dropdown-menu.right::after,.note-toolbar .dropdown-menu.right::after{right:10px;left:auto!important}.note-popover .popover .popover-content .dropdown-menu.note-check li a i,.note-toolbar .dropdown-menu.note-check li a i{color:deepskyblue;visibility:hidden}.note-popover .popover .popover-content .dropdown-menu.note-check li a.checked i,.note-toolbar .dropdown-menu.note-check li a.checked i{visibility:visible}.note-popover .popover .popover-content .note-fontsize-10,.note-toolbar .note-fontsize-10{font-size:10px}.note-popover .popover .popover-content .note-color-palette,.note-toolbar .note-color-palette{line-height:1}.note-popover .popover .popover-content .note-color-palette div .note-color-btn,.note-toolbar .note-color-palette div .note-color-btn{width:20px;height:20px;padding:0;margin:0;border:1px solid #fff}.note-popover .popover .popover-content .note-color-palette div .note-color-btn:hover,.note-toolbar .note-color-palette div .note-color-btn:hover{border:1px solid #000}.note-dialog>div{display:none}.note-dialog .form-group{margin-right:0;margin-left:0}.note-dialog .note-modal-form{margin:0}.note-dialog .note-image-dialog .note-dropzone{min-height:100px;margin-bottom:10px;font-size:30px;line-height:4;color:lightgray;text-align:center;border:4px dashed lightgray}.note-dialog .note-help-dialog{font-size:12px;color:#ccc;background:transparent;background-color:#222!important;border:0;-webkit-opacity:.9;-khtml-opacity:.9;-moz-opacity:.9;opacity:.9;-ms-filter:alpha(opacity=90);filter:alpha(opacity=90)}.note-dialog .note-help-dialog .modal-content{background:transparent;border:1px solid white;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.note-dialog .note-help-dialog a{font-size:12px;color:white}.note-dialog .note-help-dialog .title{padding-bottom:5px;margin-bottom:10px;font-size:14px;font-weight:bold;color:white;border-bottom:white 1px solid}.note-dialog .note-help-dialog .modal-close{font-size:14px;color:#dd0;cursor:pointer}.note-dialog .note-help-dialog .text-center{margin:10px 0 0}.note-dialog .note-help-dialog .note-shortcut{padding-top:8px;padding-bottom:8px}.note-dialog .note-help-dialog .note-shortcut-row{margin-right:-5px;margin-left:-5px}.note-dialog .note-help-dialog .note-shortcut-col{padding-right:5px;padding-left:5px}.note-dialog .note-help-dialog .note-shortcut-title{font-size:13px;font-weight:bold;color:#dd0}.note-dialog .note-help-dialog .note-shortcut-key{font-family:"Courier New";color:#dd0;text-align:right}.note-handle .note-control-selection{position:absolute;display:none;border:1px solid black}.note-handle .note-control-selection>div{position:absolute}.note-handle .note-control-selection .note-control-selection-bg{width:100%;height:100%;background-color:black;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;-ms-filter:alpha(opacity=30);filter:alpha(opacity=30)}.note-handle .note-control-selection .note-control-handle{width:7px;height:7px;border:1px solid black}.note-handle .note-control-selection .note-control-holder{width:7px;height:7px;border:1px solid black}.note-handle .note-control-selection .note-control-sizing{width:7px;height:7px;background-color:white;border:1px solid black}.note-handle .note-control-selection .note-control-nw{top:-5px;left:-5px;border-right:0;border-bottom:0}.note-handle .note-control-selection .note-control-ne{top:-5px;right:-5px;border-bottom:0;border-left:none}.note-handle .note-control-selection .note-control-sw{bottom:-5px;left:-5px;border-top:0;border-right:0}.note-handle .note-control-selection .note-control-se{right:-5px;bottom:-5px;cursor:se-resize}.note-handle .note-control-selection .note-control-selection-info{right:0;bottom:0;padding:5px;margin:5px;font-size:12px;color:white;background-color:black;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7;-ms-filter:alpha(opacity=70);filter:alpha(opacity=70)}
.ui-pnotify{top:36px;right:36px;position:absolute;height:auto;z-index:2}body>.ui-pnotify{position:fixed;z-index:100040}.ui-pnotify-modal-overlay{background-color:rgba(0,0,0,.4);top:0;left:0;position:absolute;height:100%;width:100%;z-index:1}body>.ui-pnotify-modal-overlay{position:fixed;z-index:100039}.ui-pnotify.ui-pnotify-in{display:block!important}.ui-pnotify.ui-pnotify-move{transition:left .5s ease,top .5s ease,right .5s ease,bottom .5s ease}.ui-pnotify.ui-pnotify-fade-slow{transition:opacity .6s linear;opacity:0}.ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move{transition:opacity .6s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease}.ui-pnotify.ui-pnotify-fade-normal{transition:opacity .4s linear;opacity:0}.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move{transition:opacity .4s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease}.ui-pnotify.ui-pnotify-fade-fast{transition:opacity .2s linear;opacity:0}.ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move{transition:opacity .2s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease}.ui-pnotify.ui-pnotify-fade-in{opacity:1}.ui-pnotify .ui-pnotify-shadow{-webkit-box-shadow:0 6px 28px 0 rgba(0,0,0,.1);-moz-box-shadow:0 6px 28px 0 rgba(0,0,0,.1);box-shadow:0 6px 28px 0 rgba(0,0,0,.1)}.ui-pnotify-container{background-position:0 0;padding:.8em;height:100%;margin:0}.ui-pnotify-container:after{content:" ";visibility:hidden;display:block;height:0;clear:both}.ui-pnotify-container.ui-pnotify-sharp{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui-pnotify-title{display:block;margin-bottom:.4em;margin-top:0}.ui-pnotify-text{display:block}.ui-pnotify-icon,.ui-pnotify-icon span{display:block;float:left;margin-right:.2em}.ui-pnotify.stack-bottomleft,.ui-pnotify.stack-topleft{left:25px;right:auto}.ui-pnotify.stack-bottomleft,.ui-pnotify.stack-bottomright{bottom:25px;top:auto}.ui-pnotify.stack-modal{left:50%;right:auto;margin-left:-150px}.brighttheme{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.brighttheme.ui-pnotify-container{padding:18px;word-wrap: break-word;}.brighttheme .ui-pnotify-title{margin-bottom:12px}.brighttheme-notice{background-color:#FFFFA2;border:0 solid #FF0;color:#4F4F00}.brighttheme-info{background-color:#8FCEDD;border:0 solid #0286A5;color:#012831}.brighttheme-success{background-color:#AFF29A;border:0 solid #35DB00;color:#104300}.brighttheme-error{background-color:#FFABA2;background-image:repeating-linear-gradient(135deg,transparent,transparent 35px,rgba(255,255,255,.3) 35px,rgba(255,255,255,.3) 70px);border:0 solid #FF1800;color:#4F0800}.brighttheme-icon-closer,.brighttheme-icon-info,.brighttheme-icon-notice,.brighttheme-icon-sticker,.brighttheme-icon-success{position:relative;width:16px;height:16px;font-size:12px;font-weight:700;line-height:16px;font-family:"Courier New",Courier,monospace;border-radius:50%}.brighttheme-icon-closer:after,.brighttheme-icon-info:after,.brighttheme-icon-notice:after,.brighttheme-icon-sticker:after,.brighttheme-icon-success:after{position:absolute;top:0;left:4px}.brighttheme-icon-notice{background-color:#2E2E00;color:#FFFFA2;margin-top:2px}.brighttheme-icon-notice:after{content:"!"}.brighttheme-icon-info{background-color:#012831;color:#8FCEDD;margin-top:2px}.brighttheme-icon-info:after{content:"i"}.brighttheme-icon-success{background-color:#104300;color:#AFF29A;margin-top:2px}.brighttheme-icon-success:after{content:"\002713"}.brighttheme-icon-error{position:relative;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:16px solid #2E0400;font-size:0;line-height:0;color:#FFABA2;margin-top:1px}.brighttheme-icon-error:after{position:absolute;top:1px;left:-4px;font-size:12px;font-weight:700;line-height:16px;font-family:"Courier New",Courier,monospace;content:"!"}.brighttheme-icon-closer,.brighttheme-icon-sticker{display:inline-block}.brighttheme-icon-closer:after{top:-4px;content:"\002715"}.brighttheme-icon-sticker:after{top:-5px;content:"\01D1BC";-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.brighttheme-icon-sticker.brighttheme-icon-stuck:after{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.brighttheme .ui-pnotify-action-bar{padding-top:12px}.brighttheme .ui-pnotify-action-bar input,.brighttheme .ui-pnotify-action-bar textarea{display:block;width:100%;margin-bottom:12px!important}.brighttheme .ui-pnotify-action-button{text-transform:uppercase;font-weight:700;padding:4px 8px;border:none;background:0 0}.brighttheme .ui-pnotify-action-button.btn-primary{border:none;border-radius:0}.brighttheme-notice .ui-pnotify-action-button.btn-primary{background-color:#FF0;color:#4F4F00}.brighttheme-info .ui-pnotify-action-button.btn-primary{background-color:#0286A5;color:#012831}.brighttheme-success .ui-pnotify-action-button.btn-primary{background-color:#35DB00;color:#104300}.brighttheme-error .ui-pnotify-action-button.btn-primary{background-color:#FF1800;color:#4F0800}.ui-pnotify-closer,.ui-pnotify-sticker{float:right;margin-left:.2em}.ui-pnotify-history-container{position:absolute;top:0;right:18px;width:70px;border-top:none;padding:0;-webkit-border-top-left-radius:0;-moz-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-top-right-radius:0;border-top-right-radius:0;z-index:10000}.ui-pnotify-history-container.ui-pnotify-history-fixed{position:fixed}.ui-pnotify-history-container .ui-pnotify-history-header{padding:2px;text-align:center}.ui-pnotify-history-container button{cursor:pointer;display:block;width:100%}.ui-pnotify-history-container .ui-pnotify-history-pulldown{display:block;margin:0 auto}.ui-pnotify-container{position:relative;left:0}@media (max-width:480px){.ui-pnotify-mobile-able.ui-pnotify{position:fixed;top:0;right:0;left:0;width:auto!important;font-size:1.2em;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-smoothing:antialiased}.ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-bottom-width:5px}.ui-pnotify-mobile-able .ui-pnotify-container{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft,.ui-pnotify-mobile-able.ui-pnotify.stack-topleft{left:0;right:0}.ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft,.ui-pnotify-mobile-able.ui-pnotify.stack-bottomright{left:0;right:0;bottom:0;top:auto}.ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft .ui-pnotify-shadow,.ui-pnotify-mobile-able.ui-pnotify.stack-bottomright .ui-pnotify-shadow{border-top-width:5px;border-bottom-width:1px}}
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
.sp-container {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    z-index: 9999994;
    overflow: hidden
}

    .sp-container.sp-flat {
        position: relative
    }

    .sp-container, .sp-container * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

.sp-top {
    position: relative;
    width: 100%;
    display: inline-block
}

.sp-top-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.sp-color {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 20%
}

.sp-hue {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 84%;
    height: 100%
}

.sp-clear-enabled .sp-hue {
    top: 33px;
    height: 77.5%
}

.sp-fill {
    padding-top: 80%
}

.sp-sat, .sp-val {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px
}

.sp-alpha-enabled .sp-alpha {
    display: block
}

.sp-alpha-handle {
    position: absolute;
    top: -4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8
}

.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px
}

.sp-alpha-inner {
    border: solid 1px #333
}

.sp-clear {
    display: none
}

    .sp-clear.sp-clear-display {
        background-position: center
    }

.sp-clear-enabled .sp-clear {
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 84%;
    height: 28px
}

.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none
}

    .sp-container.sp-input-disabled .sp-input-container {
        display: none
    }

    .sp-container.sp-buttons-disabled .sp-button-container {
        display: none
    }

    .sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
        display: none
    }

.sp-palette-only .sp-picker-container {
    display: none
}

.sp-palette-disabled .sp-palette-container {
    display: none
}

.sp-initial-disabled .sp-initial {
    display: none
}

.sp-sat {
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(rgba(204,154,129,0)));
    background-image: -webkit-linear-gradient(left, #fff, rgba(204,154,129,0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204,154,129,0));
    background-image: -o-linear-gradient(left, #fff, rgba(204,154,129,0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204,154,129,0));
    background-image: linear-gradient(to right, #fff, rgba(204,154,129,0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81')
}

.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000), to(rgba(204,154,129,0)));
    background-image: -webkit-linear-gradient(bottom, #000, rgba(204,154,129,0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204,154,129,0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204,154,129,0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204,154,129,0));
    background-image: linear-gradient(to top, #000, rgba(204,154,129,0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000')
}

.sp-hue {
    background: -moz-linear-gradient(top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%);
    background: -ms-linear-gradient(top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%);
    background: -o-linear-gradient(top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(0.17, #ff0), color-stop(0.33, lime), color-stop(0.5, cyan), color-stop(0.67, blue), color-stop(0.83, #f0f), to(red));
    background: -webkit-linear-gradient(top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%);
    background: linear-gradient(to bottom, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%)
}

.sp-1 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00')
}

.sp-2 {
    height: 16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00')
}

.sp-3 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff')
}

.sp-4 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff')
}

.sp-5 {
    height: 16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff')
}

.sp-6 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000')
}

.sp-hidden {
    display: none !important
}

.sp-cf:before, .sp-cf:after {
    content: "";
    display: table
}

.sp-cf:after {
    clear: both
}

.sp-cf {
    *zoom: 1
}

@media (max-device-width: 480px) {
    .sp-color {
        right: 40%
    }

    .sp-hue {
        left: 63%
    }

    .sp-fill {
        padding-top: 60%
    }
}

.sp-dragger {
    border-radius: 5px;
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    background: #000;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0
}

.sp-slider {
    position: absolute;
    top: 0;
    cursor: pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8
}

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 0
}

    .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
        font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box
    }

.sp-top {
    margin-bottom: 3px
}

.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666
}

.sp-input-container {
    float: right;
    width: 100px;
    margin-bottom: 4px
}

.sp-initial-disabled .sp-input-container {
    width: 100%
}

.sp-input {
    font-size: 12px !important;
    border: 1px inset;
    padding: 4px 5px;
    margin: 0;
    width: 100%;
    background: transparent;
    border-radius: 3px;
    color: #222
}

    .sp-input:focus {
        border: 1px solid orange
    }

    .sp-input.sp-validation-error {
        border: 1px solid red;
        background: #fdd
    }

.sp-picker-container, .sp-palette-container {
    float: left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px
}

.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff
}

.sp-palette-container {
    border-right: solid 1px #ccc
}

.sp-palette-only .sp-palette-container {
    border: 0
}

.sp-palette .sp-thumb-el {
    display: block;
    position: relative;
    float: left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border: solid 2px transparent
}

    .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
        border-color: orange
    }

.sp-thumb-el {
    position: relative
}

.sp-initial {
    float: left;
    border: solid 1px #333
}

    .sp-initial span {
        width: 30px;
        height: 25px;
        border: none;
        display: block;
        float: left;
        margin: 0
    }

    .sp-initial .sp-clear-display {
        background-position: center
    }

.sp-palette-button-container, .sp-button-container {
    float: right
}

.sp-replacer {
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    padding: 4px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle
}

    .sp-replacer:hover, .sp-replacer.sp-active {
        border-color: #F0C49B;
        color: #111
    }

    .sp-replacer.sp-disabled {
        cursor: default;
        border-color: silver;
        color: silver
    }

.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float: left;
    font-size: 10px
}

.sp-preview {
    position: relative;
    width: 25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float: left;
    z-index: 0
}

.sp-palette {
    *width: 220px;
    max-width: 220px
}

    .sp-palette .sp-thumb-el {
        width: 16px;
        height: 16px;
        margin: 2px 1px;
        border: solid 1px #d0d0d0
    }

.sp-container {
    padding-bottom: 0
}

    .sp-container button {
        background-color: #eeeeee;
        background-image: -webkit-linear-gradient(top, #eee, #ccc);
        background-image: -moz-linear-gradient(top, #eee, #ccc);
        background-image: -ms-linear-gradient(top, #eee, #ccc);
        background-image: -o-linear-gradient(top, #eee, #ccc);
        background-image: linear-gradient(to bottom, #eee, #ccc);
        border: 1px solid #ccc;
        border-bottom: 1px solid #bbb;
        border-radius: 3px;
        color: #333;
        font-size: 14px;
        line-height: 1;
        padding: 5px 4px;
        text-align: center;
        text-shadow: 0 1px 0 #eee;
        vertical-align: middle
    }

        .sp-container button:hover {
            background-color: #dddddd;
            background-image: -webkit-linear-gradient(top, #ddd, #bbb);
            background-image: -moz-linear-gradient(top, #ddd, #bbb);
            background-image: -ms-linear-gradient(top, #ddd, #bbb);
            background-image: -o-linear-gradient(top, #ddd, #bbb);
            background-image: linear-gradient(to bottom, #ddd, #bbb);
            border: 1px solid #bbb;
            border-bottom: 1px solid #999;
            cursor: pointer;
            text-shadow: 0 1px 0 #ddd
        }

        .sp-container button:active {
            border: 1px solid #aaa;
            border-bottom: 1px solid #888;
            -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
            -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
            -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
            -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
            box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee
        }

.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin: 0;
    padding: 2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration: none
}

    .sp-cancel:hover {
        color: #d93f3f !important;
        text-decoration: underline
    }

.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position: relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)
}

.sp-clear-display {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)
}

.CodeMirror {
    font-family: monospace;
    height: 300px;
    color: black;
    direction: ltr
}

.CodeMirror-lines {
    padding: 4px 0
}

.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
    padding: 0 4px
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
    background-color: white
}

.CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background-color: #f7f7f7;
    white-space: nowrap
}

.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #999;
    white-space: nowrap
}

.CodeMirror-guttermarker {
    color: black
}

.CodeMirror-guttermarker-subtle {
    color: #999
}

.CodeMirror-cursor {
    border-left: 1px solid black;
    border-right: none;
    width: 0
}

.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver
}

.cm-fat-cursor .CodeMirror-cursor {
    width: auto;
    border: 0 !important;
    background: #7e7
}

.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1
}

.cm-fat-cursor-mark {
    background-color: rgba(20,255,20,0.5);
    -webkit-animation: blink 1.06s steps(1) infinite;
    -moz-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite
}

.cm-animate-fat-cursor {
    width: auto;
    border: 0;
    -webkit-animation: blink 1.06s steps(1) infinite;
    -moz-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite;
    background-color: #7e7
}

@-moz-keyframes blink {
    0% {
    }

    50% {
        background-color: transparent
    }

    100% {
    }
}

@-webkit-keyframes blink {
    0% {
    }

    50% {
        background-color: transparent
    }

    100% {
    }
}

@keyframes blink {
    0% {
    }

    50% {
        background-color: transparent
    }

    100% {
    }
}

.cm-tab {
    display: inline-block;
    text-decoration: inherit
}

.CodeMirror-rulers {
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    bottom: 0;
    overflow: hidden
}

.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    top: 0;
    bottom: 0;
    position: absolute
}

.cm-s-default .cm-header {
    color: blue
}

.cm-s-default .cm-quote {
    color: #090
}

.cm-negative {
    color: #d44
}

.cm-positive {
    color: #292
}

.cm-header, .cm-strong {
    font-weight: bold
}

.cm-em {
    font-style: italic
}

.cm-link {
    text-decoration: underline
}

.cm-strikethrough {
    text-decoration: line-through
}

.cm-s-default .cm-keyword {
    color: #708
}

.cm-s-default .cm-atom {
    color: #219
}

.cm-s-default .cm-number {
    color: #164
}

.cm-s-default .cm-def {
    color: #00f
}

.cm-s-default .cm-variable-2 {
    color: #05a
}

.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
    color: #085
}

.cm-s-default .cm-comment {
    color: #a50
}

.cm-s-default .cm-string {
    color: #a11
}

.cm-s-default .cm-string-2 {
    color: #f50
}

.cm-s-default .cm-meta {
    color: #555
}

.cm-s-default .cm-qualifier {
    color: #555
}

.cm-s-default .cm-builtin {
    color: #30a
}

.cm-s-default .cm-bracket {
    color: #997
}

.cm-s-default .cm-tag {
    color: #170
}

.cm-s-default .cm-attribute {
    color: #00c
}

.cm-s-default .cm-hr {
    color: #999
}

.cm-s-default .cm-link {
    color: #00c
}

.cm-s-default .cm-error {
    color: #f00
}

.cm-invalidchar {
    color: #f00
}

.CodeMirror-composing {
    border-bottom: 2px solid
}

div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0b0
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #a22
}

.CodeMirror-matchingtag {
    background: rgba(255,150,0,0.3)
}

.CodeMirror-activeline-background {
    background: #e8f2ff
}

.CodeMirror {
    position: relative;
    overflow: hidden;
    background: white
}

.CodeMirror-scroll {
    overflow: scroll !important;
    margin-bottom: -30px;
    margin-right: -30px;
    padding-bottom: 30px;
    height: 100%;
    outline: none;
    position: relative
}

.CodeMirror-sizer {
    position: relative;
    border-right: 30px solid transparent
}

.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
    position: absolute;
    z-index: 6;
    display: none
}

.CodeMirror-vscrollbar {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll
}

.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: scroll
}

.CodeMirror-scrollbar-filler {
    right: 0;
    bottom: 0
}

.CodeMirror-gutter-filler {
    left: 0;
    bottom: 0
}

.CodeMirror-gutters {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    z-index: 3
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -30px
}

.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: none !important;
    border: none !important
}

.CodeMirror-gutter-background {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4
}

.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4
}

.CodeMirror-gutter-wrapper ::selection {
    background-color: transparent
}

.CodeMirror-gutter-wrapper ::-moz-selection {
    background-color: transparent
}

.CodeMirror-lines {
    cursor: text;
    min-height: 1px
}

.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-width: 0;
    background: transparent;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-variant-ligatures: contextual;
    font-variant-ligatures: contextual
}

.CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal
}

.CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    padding: 0.1px
}

.CodeMirror-rtl pre {
    direction: rtl
}

.CodeMirror-code {
    outline: none
}

.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber {
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.CodeMirror-cursor {
    position: absolute;
    pointer-events: none
}

.CodeMirror-measure pre {
    position: static
}

div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 3
}

div.CodeMirror-dragcursors {
    visibility: visible
}

.CodeMirror-focused div.CodeMirror-cursors {
    visibility: visible
}

.CodeMirror-selected {
    background: #d9d9d9
}

.CodeMirror-focused .CodeMirror-selected {
    background: #d7d4f0
}

.CodeMirror-crosshair {
    cursor: crosshair
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
    background: #d7d4f0
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
    background: #d7d4f0
}

.cm-searching {
    background-color: #ffa;
    background-color: rgba(255,255,0,0.4)
}

.cm-force-border {
    padding-right: .1px
}

@media print {
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden
    }
}

.cm-tab-wrap-hack:after {
    content: ''
}

span.CodeMirror-selectedtext {
    background: none
}

.cm-s-hopscotch.CodeMirror {
    background: #322931;
    color: #d5d3d5
}

.cm-s-hopscotch div.CodeMirror-selected {
    background: #433b42 !important
}

.cm-s-hopscotch .CodeMirror-gutters {
    background: #322931;
    border-right: 0px
}

.cm-s-hopscotch .CodeMirror-linenumber {
    color: #797379
}

.cm-s-hopscotch .CodeMirror-cursor {
    border-left: 1px solid #989498 !important
}

.cm-s-hopscotch span.cm-comment {
    color: #b33508
}

.cm-s-hopscotch span.cm-atom {
    color: #c85e7c
}

.cm-s-hopscotch span.cm-number {
    color: #c85e7c
}

.cm-s-hopscotch span.cm-property, .cm-s-hopscotch span.cm-attribute {
    color: #8fc13e
}

.cm-s-hopscotch span.cm-keyword {
    color: #dd464c
}

.cm-s-hopscotch span.cm-string {
    color: #fdcc59
}

.cm-s-hopscotch span.cm-variable {
    color: #8fc13e
}

.cm-s-hopscotch span.cm-variable-2 {
    color: #1290bf
}

.cm-s-hopscotch span.cm-def {
    color: #fd8b19
}

.cm-s-hopscotch span.cm-error {
    background: #dd464c;
    color: #989498
}

.cm-s-hopscotch span.cm-bracket {
    color: #d5d3d5
}

.cm-s-hopscotch span.cm-tag {
    color: #dd464c
}

.cm-s-hopscotch span.cm-link {
    color: #c85e7c
}

.cm-s-hopscotch .CodeMirror-matchingbracket {
    text-decoration: underline;
    color: white !important
}

.cm-s-hopscotch .CodeMirror-activeline-background {
    background: #302020
}

@font-face {
    font-family: 'font3336';
    src: url("fonts/main-fonts.eot?v=20");
    src: url("fonts/main-fonts.woff?v=20") format("woff"),url("fonts/main-fonts.ttf?v=20") format("truetype"),url("fonts/main-fonts.svg?v=20") format("svg"),url("fonts/main-fonts.eot?v=20") format("embedded-opentype");
    font-weight: normal;
    font-style: normal
}

.gjs-is__grab, .gjs-is__grab * {
    cursor: grab !important
}

.gjs-is__grabbing, .gjs-is__grabbing * {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: grabbing !important
}

.gjs-one-bg {
    background-color: #ededed
}

.gjs-one-color {
    color: #ddd
}

.gjs-one-color-h:hover {
    color: #ddd
}

.gjs-two-bg {
    background-color: #376B8A
}

.gjs-two-color {
    color: #376B8A
}

.gjs-two-color-h:hover {
    color: #376B8A
}

.gjs-three-bg {
    background-color: #804f7b
}

.gjs-three-color {
    color: #804f7b
}

.gjs-three-color-h:hover {
    color: #804f7b
}

.gjs-four-bg {
    background-color: #1ab5ff
}

.gjs-four-color {
    color: #1ab5ff
}

.gjs-four-color-h:hover {
    color: #1ab5ff
}

.gjs-danger-bg {
    background-color: #dd3636
}

.gjs-danger-color {
    color: #dd3636
}

.gjs-danger-color-h:hover {
    color: #dd3636
}

.gjs-bg-main, .gjs-off-prv, .gjs-sm-sector .gjs-sm-colorp-c, .gjs-clm-tags .gjs-sm-colorp-c {
    background-color: #444
}

.gjs-color-main, .gjs-off-prv, .gjs-sm-sector .gjs-sm-stack #gjs-sm-add, .gjs-clm-tags .gjs-sm-stack #gjs-sm-add {
    color: #ddd;
    fill: #ddd
}

.gjs-color-active {
    color: #f8f8f8;
    fill: #f8f8f8
}

.gjs-color-warn {
    color: #376B8A;
    fill: #376B8A
}

.gjs-color-hl {
    color: #71b7f1;
    fill: #71b7f1
}

.gjs-fonts::before {
    display: block;
    font: normal normal normal 14px font3336;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 5em
}

.gjs-f-b1::before {
    content: 'Q'
}

.gjs-f-b2::before {
    content: 'W'
}

.gjs-f-b3::before {
    content: 'E'
}

.gjs-f-b37::before {
    content: 'R'
}

.gjs-f-hero::before {
    content: 'T'
}

.gjs-f-h1p::before {
    content: 'y'
}

.gjs-f-3ba::before {
    content: 'u'
}

.gjs-f-image::before {
    content: 'I'
}

.gjs-f-text::before {
    content: 'o'
}

.gjs-f-quo::before {
    content: 'p'
}

.gjs-f-button::before {
    content: 'B'
}

.gjs-f-divider::before {
    content: 'D'
}

.gjs-invis-invis, .gjs-clm-tags #gjs-clm-new, .gjs-no-app {
    background-color: transparent;
    border: none;
    color: inherit
}

.gjs-no-app {
    height: 10px
}

.gjs-test::btn {
    color: '#fff'
}

.opac50, .gjs-clm-tags #gjs-clm-close {
    opacity: .5;
    filter: alpha(opacity=50)
}

.gjs-checker-bg, .gjs-field-colorp-c, .checker-bg, .gjs-sm-sector .gjs-sm-property .gjs-sm-layer > #gjs-sm-preview-box, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer > #gjs-sm-preview-box {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==")
}

.gjs-no-user-select, .gjs-grabbing, .gjs-grabbing *, .gjs-layer-name, .gjs-rte-toolbar {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.gjs-no-pointer-events, .gjs-resizer-c, .gjs-margin-v-el, .gjs-padding-v-el, .gjs-fixedmargin-v-el, .gjs-fixedpadding-v-el {
    pointer-events: none
}

.gjs-bdrag {
    pointer-events: none !important;
    position: absolute !important;
    z-index: 10 !important;
    width: auto
}

.gjs-drag-helper {
    background-color: #3b97e3 !important;
    pointer-events: none !important;
    position: absolute !important;
    z-index: 10 !important;
    transform: scale(0.3) !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    margin: 15px !important;
    transition: none !important;
    outline: none !important
}

.gjs-grabbing, .gjs-grabbing * {
    cursor: grabbing !important;
    cursor: -webkit-grabbing !important
}

.gjs-grabbing {
    overflow: hidden
}

.gjs-off-prv {
    position: relative;
    z-index: 10;
    padding: 5px;
    cursor: pointer
}

.gjs-editor-cont ::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.1)
}

.gjs-editor-cont ::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.2)
}

.gjs-editor-cont ::-webkit-scrollbar {
    width: 8px
}

.clear {
    clear: both
}

.no-select, .gjs-com-no-select, .gjs-com-no-select img, .gjs-category-title, .gjs-sm-sector .gjs-sm-title, .gjs-clm-tags .gjs-sm-title, .gjs-block-category .gjs-title, .gjs-layer-title, .gjs-clm-tags #gjs-clm-close {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.gjs-no-touch-actions {
    touch-action: none
}

.gjs-disabled {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    opacity: .5;
    filter: alpha(opacity=50)
}

.gjs-editor {
    font-family: Helvetica,sans-serif;
    font-size: .75rem;
    position: relative;
    box-sizing: border-box;
    height: 100%
}

.gjs-freezed, .gjs-freezed {
    opacity: .5;
    filter: alpha(opacity=50);
    pointer-events: none
}

.gjs-traits-label {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    font-weight: lighter;
    margin-bottom: 5px;
    padding: 10px;
    text-align: left
}

.gjs-label-wrp {
    width: 30%;
    min-width: 30%
}

.gjs-field-wrp {
    flex-grow: 1
}

.gjs-trt-header {
    font-weight: lighter;
    padding: 10px
}

.gjs-trt-trait {
    display: flex;
    justify-content: flex-start;
    padding: 5px 10px;
    font-weight: lighter;
    align-items: center;
    text-align: left
}

.gjs-trt-traits {
    font-size: .75rem
}

.gjs-trt-trait .gjs-label {
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden
}

.gjs-guide-info {
    position: absolute
}

.gjs-guide-info__content {
    position: absolute;
    height: 100%;
    display: flex;
    width: 100%;
    padding: 5px
}

.gjs-guide-info__line {
    position: relative;
    margin: auto
}

    .gjs-guide-info__line::before, .gjs-guide-info__line::after {
        content: "";
        display: block;
        position: absolute;
        background-color: inherit
    }

.gjs-guide-info__y {
    padding: 0 5px
}

    .gjs-guide-info__y .gjs-guide-info__content {
        justify-content: center
    }

    .gjs-guide-info__y .gjs-guide-info__line {
        width: 100%;
        height: 1px
    }

        .gjs-guide-info__y .gjs-guide-info__line::before, .gjs-guide-info__y .gjs-guide-info__line::after {
            width: 1px;
            height: 10px;
            top: 0;
            bottom: 0;
            left: 0;
            margin: auto
        }

        .gjs-guide-info__y .gjs-guide-info__line::after {
            left: auto;
            right: 0
        }

.gjs-guide-info__x {
    padding: 5px 0
}

    .gjs-guide-info__x .gjs-guide-info__content {
        align-items: center
    }

    .gjs-guide-info__x .gjs-guide-info__line {
        height: 100%;
        width: 1px
    }

        .gjs-guide-info__x .gjs-guide-info__line::before, .gjs-guide-info__x .gjs-guide-info__line::after {
            width: 10px;
            height: 1px;
            left: 0;
            right: 0;
            top: 0;
            margin: auto;
            transform: translateX(-50%)
        }

        .gjs-guide-info__x .gjs-guide-info__line::after {
            top: auto;
            bottom: 0
        }

.gjs-badge__icon {
    vertical-align: middle;
    display: inline-block;
    width: 15px;
    height: 15px
}

    .gjs-badge__icon svg {
        fill: currentColor
    }

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

.gjs-cv-canvas {
    background-color: rgba(0,0,0,0.15);
    box-sizing: border-box;
    width: 85%;
    height: calc(100% - 40px);
    bottom: 0;
    overflow: hidden;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 40px
}

    .gjs-cv-canvas.gjs-is__grab .gjs-cv-canvas__frames, .gjs-cv-canvas.gjs-is__grabbing .gjs-cv-canvas__frames {
        pointer-events: none
    }

.gjs-cv-canvas__frames {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.gjs-cv-canvas .gjs-ghost {
    display: none;
    pointer-events: none;
    background-color: #5b5b5b;
    border: 2px dashed #ccc;
    position: absolute;
    z-index: 10;
    opacity: .55;
    filter: alpha(opacity=55)
}

.gjs-cv-canvas .gjs-highlighter, .gjs-cv-canvas .gjs-highlighter-sel {
    position: absolute;
    outline: 1px solid #3b97e3;
    outline-offset: -1px;
    pointer-events: none
}

.gjs-cv-canvas .gjs-highlighter-warning {
    outline: 3px solid #376B8A
}

.gjs-cv-canvas .gjs-highlighter-sel {
    outline: 3px solid #3b97e3
}

.gjs-cv-canvas #gjs-tools {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    outline: none;
    z-index: 1
}

.gjs-cv-canvas * {
    box-sizing: border-box
}

.gjs-frame {
    outline: medium none;
    height: 100%;
    width: 100%;
    border: none;
    margin: auto;
    display: block;
    transition: width 0.35s ease,height 0.35s ease;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.gjs-toolbar {
    position: absolute;
    background-color: #3b97e3;
    color: white;
    z-index: 10;
    top: 0;
    left: 0
}

.gjs-toolbar-item {
    padding: 5px 7px;
    font-size: 0.8rem;
    cursor: pointer;
    width: 26px;
    vertical-align: middle;
    display: inline-block
}

    .gjs-toolbar-item svg {
        fill: currentColor;
        vertical-align: middle
    }

.gjs-resizer-c {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9
}

.gjs-margin-v-el, .gjs-padding-v-el, .gjs-fixedmargin-v-el, .gjs-fixedpadding-v-el {
    opacity: .1;
    filter: alpha(opacity=10);
    position: absolute;
    background-color: yellow
}

.gjs-fixedmargin-v-el, .gjs-fixedpadding-v-el {
    opacity: .2;
    filter: alpha(opacity=20)
}

.gjs-padding-v-el, .gjs-fixedpadding-v-el {
    background-color: navy
}

.gjs-resizer-h {
    pointer-events: all;
    position: absolute;
    border: 3px solid #3b97e3;
    width: 10px;
    height: 10px;
    background-color: #fff;
    margin: -5px
}

.gjs-resizer-h-tl {
    top: 0;
    left: 0;
    cursor: nwse-resize
}

.gjs-resizer-h-tr {
    top: 0;
    right: 0;
    cursor: nesw-resize
}

.gjs-resizer-h-tc {
    top: 0;
    margin: -5px auto;
    left: 0;
    right: 0;
    cursor: ns-resize
}

.gjs-resizer-h-cl {
    left: 0;
    margin: auto -5px;
    top: 0;
    bottom: 0;
    cursor: ew-resize
}

.gjs-resizer-h-cr {
    margin: auto -5px;
    top: 0;
    bottom: 0;
    right: 0;
    cursor: ew-resize
}

.gjs-resizer-h-bl {
    bottom: 0;
    left: 0;
    cursor: nesw-resize
}

.gjs-resizer-h-bc {
    bottom: 0;
    margin: -5px auto;
    left: 0;
    right: 0;
    cursor: ns-resize
}

.gjs-resizer-h-br {
    bottom: 0;
    right: 0;
    cursor: nwse-resize
}

.gjs-pn-panel .gjs-resizer-h {
    background-color: rgba(0,0,0,0.2);
    border: none;
    opacity: 0;
    transition: opacity 0.25s
}

    .gjs-pn-panel .gjs-resizer-h:hover {
        opacity: 1
    }

.gjs-pn-panel .gjs-resizer-h-tc, .gjs-pn-panel .gjs-resizer-h-bc {
    margin: 0 auto;
    width: 100%
}

.gjs-pn-panel .gjs-resizer-h-cr, .gjs-pn-panel .gjs-resizer-h-cl {
    margin: auto 0;
    height: 100%
}

.gjs-resizing .gjs-highlighter, .gjs-resizing .gjs-badge {
    display: none !important
}

.gjs-resizing-tl * {
    cursor: nwse-resize !important
}

.gjs-resizing-tr * {
    cursor: nesw-resize !important
}

.gjs-resizing-tc * {
    cursor: ns-resize !important
}

.gjs-resizing-cl * {
    cursor: ew-resize !important
}

.gjs-resizing-cr * {
    cursor: ew-resize !important
}

.gjs-resizing-bl * {
    cursor: nesw-resize !important
}

.gjs-resizing-bc * {
    cursor: ns-resize !important
}

.gjs-resizing-br * {
    cursor: nwse-resize !important
}

.btn-cl, .gjs-mdl-btn-close, .gjs-am-close {
    opacity: .3;
    filter: alpha(opacity=30);
    font-size: 25px;
    cursor: pointer
}

    .btn-cl:hover, .gjs-mdl-btn-close:hover, .gjs-am-close:hover {
        opacity: .7;
        filter: alpha(opacity=70)
    }

.no-dots, .ui-resizable-handle {
    border: none !important;
    margin: 0 !important;
    outline: none !important
}

.gjs-com-dashed * {
    outline: 1px dashed #888;
    outline-offset: -2px;
    box-sizing: border-box
}

.gjs-cv-canvas .gjs-comp-selected {
    outline: 3px solid #3b97e3 !important
}

*.gjs-com-hover, div.gjs-com-hover {
    outline: 1px solid #3b97e3
}

*.gjs-com-hover-delete, div.gjs-com-hover-delete {
    outline: 2px solid #dd3636;
    opacity: .5;
    filter: alpha(opacity=50)
}

*.gjs-com-hover-move, div.gjs-com-hover-move {
    outline: 3px solid #376B8A
}

.gjs-com-badge, .gjs-com-badge-red, .gjs-badge {
    pointer-events: none;
    background-color: #3b97e3;
    color: #fff;
    padding: 2px 5px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    outline: none;
    display: none
}

.gjs-com-badge-red {
    background-color: #dd3636
}

.gjs-badge-warning {
    background-color: #376B8A
}

.gjs-placeholder, .gjs-com-placeholder, .gjs-placeholder {
    position: absolute;
    z-index: 10;
    pointer-events: none;
    display: none
}

.gjs-placeholder, .gjs-placeholder {
    border-style: solid !important;
    border-color: #62c462;
    outline: none;
    box-sizing: border-box;
    transition: top .2s,left .2s,width .2s,height .2s
}

.gjs-placeholder-int, .gjs-com-placeholder-int, .gjs-placeholder-int {
    background-color: #62c462;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    height: 100%;
    width: 100%;
    pointer-events: none;
    padding: 1.5px;
    outline: none
}

.gjs-pn-panel {
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    text-align: center;
    padding: 5px;
    z-index: 3
}

    .gjs-pn-panel .icon-undo, .gjs-pn-panel .icon-redo {
        font-size: 20px;
        height: 30px;
        width: 25px
    }

.gjs-pn-commands {
    width: 85%;
    left: 0;
    top: 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.2)
}

.gjs-pn-options {
    right: 15%;
    top: 0
}

.gjs-pn-views {
    border-bottom: 2px solid rgba(0,0,0,0.2);
    right: 0;
    width: 15%;
    z-index: 4
}

.gjs-pn-views-container {
    height: 100%;
    padding: 42px 0 0;
    right: 0;
    width: 15%;
    overflow: auto;
    box-shadow: 0 0 5px rgba(0,0,0,0.2)
}

.gjs-pn-buttons {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.gjs-pn-btn {
    box-sizing: border-box;
    min-height: 30px;
    min-width: 30px;
    line-height: 21px;
    background-color: transparent;
    border: none;
    font-size: 18px;
    margin-right: 5px;
    border-radius: 2px;
    padding: 4px;
    position: relative;
    cursor: pointer
}

    .gjs-pn-btn.gjs-pn-active {
        background-color: rgba(0,0,0,0.15);
        box-shadow: 0 0 3px rgba(0,0,0,0.25) inset
    }

    .gjs-pn-btn svg {
        fill: currentColor
    }

.gjs-comp-image-placeholder {
    display: block;
    background-color: #f5f5f5;
    color: #777;
    height: 50px;
    width: 50px;
    line-height: 50px;
    outline: 3px solid #376B8A;
    outline-offset: -3px;
    text-align: center;
    font-size: 16.66667px;
    cursor: pointer
}

    .gjs-comp-image-placeholder.fa-picture-o::after {
        content: "\f03e"
    }

.gjs-label {
    line-height: 18px
}

.gjs-fields {
    display: flex
}

.gjs-select {
    padding: 0;
    width: 100%
}

    .gjs-select select {
        padding-right: 10px
    }

        .gjs-select:-moz-focusring, .gjs-select select:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 rgba(255,255,255,0.7)
        }

        .gjs-input:focus, .gjs-button:focus, .gjs-btn-prim:focus, .gjs-select:focus, .gjs-select select:focus {
            outline: none
        }

.gjs-field input, .gjs-field select, .gjs-field textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: inherit;
    border: none;
    background-color: transparent;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    padding: 5px;
    z-index: 1
}

    .gjs-field input:focus, .gjs-field select:focus, .gjs-field textarea:focus {
        outline: none
    }

.gjs-field-range {
    flex: 9 1 auto
}

.gjs-field-integer input {
    padding-right: 30px
}

.gjs-select option, .gjs-field-select option, .gjs-clm-select option, .gjs-sm-select option, .gjs-clm-select option, .gjs-fields option, .gjs-sm-unit option {
    background-color: #ddd;
    color: #376B8A
}

.gjs-field {
    background-color: rgba(0,0,0,0.2);
    border: none;
    box-shadow: none;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 0;
    position: relative
}

    .gjs-field textarea {
        resize: vertical
    }

    .gjs-field .gjs-sel-arrow {
        height: 100%;
        width: 9px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 0
    }

    .gjs-field .gjs-d-s-arrow {
        bottom: 0;
        top: 0;
        margin: auto;
        right: 5px;
        border-top: 4px solid rgba(255,255,255,0.7);
        position: absolute;
        height: 0;
        width: 0;
        border-left: 3px solid transparent;
        border-right: 4px solid transparent;
        cursor: pointer
    }

.gjs-field-arrows {
    position: absolute;
    cursor: ns-resize;
    margin: auto;
    height: 20px;
    width: 9px;
    z-index: 10;
    bottom: 0;
    right: 3px;
    top: 0
}

.gjs-field-color, .gjs-field-radio {
    width: 100%
}

    .gjs-field-color input {
        padding-right: 22px;
        box-sizing: border-box
    }

.gjs-field-colorp {
    border-left: 1px solid rgba(0,0,0,0.2);
    box-sizing: border-box;
    height: 100%;
    padding: 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    z-index: 10
}

    .gjs-field-colorp .gjs-checker-bg, .gjs-field-colorp .gjs-field-colorp-c {
        height: 100%;
        width: 100%;
        border-radius: 1px
    }

.gjs-field-colorp-c {
    height: 100%;
    position: relative;
    width: 100%
}

.gjs-field-color-picker {
    background-color: #ddd;
    cursor: pointer;
    height: 100%;
    width: 100%;
    box-shadow: 0 0 1px rgba(0,0,0,0.2);
    border-radius: 1px;
    position: absolute;
    top: 0
}

.gjs-field-checkbox {
    padding: 0;
    width: 17px;
    height: 17px;
    display: block;
    cursor: pointer
}

    .gjs-field-checkbox input {
        display: none
    }

        .gjs-field-checkbox input:checked + .gjs-chk-icon {
            border-color: rgba(255,255,255,0.5);
            border-width: 0 2px 2px 0;
            border-style: solid
        }

.gjs-radio-item {
    flex: 1 1 auto;
    text-align: center;
    border-left: 1px solid rgba(0,0,0,0.2)
}

    .gjs-radio-item:first-child {
        border: none
    }

    .gjs-radio-item:hover {
        background: rgba(0,0,0,0.2)
    }

    .gjs-radio-item input {
        display: none
    }

        .gjs-radio-item input:checked + .gjs-radio-item-label {
            background-color: rgba(255,255,255,0.2)
        }

.gjs-radio-items {
    display: flex
}

.gjs-radio-item-label {
    cursor: pointer;
    display: block;
    padding: 5px
}

.gjs-field-units {
    position: absolute;
    margin: auto;
    right: 10px;
    bottom: 0;
    top: 0
}

.gjs-field-unit {
    position: absolute;
    right: 10px;
    top: 3px;
    font-size: 10px;
    color: rgba(255,255,255,0.7);
    cursor: pointer
}

.gjs-field-arrow-u, .gjs-field-arrow-d {
    position: absolute;
    height: 0;
    width: 0;
    border-left: 3px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255,255,255,0.7);
    bottom: 4px;
    cursor: pointer
}

.gjs-field-arrow-u {
    border-bottom: 4px solid rgba(255,255,255,0.7);
    border-top: none;
    top: 4px
}

.gjs-field-select {
    padding: 0
}

.gjs-field-range {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0
}

    .gjs-field-range input {
        margin: 0;
        height: 100%
    }

        .gjs-field-range input:focus {
            outline: none
        }

        .gjs-field-range input::-webkit-slider-thumb {
            -webkit-appearance: none;
            margin-top: -4px;
            height: 10px;
            width: 10px;
            border: 1px solid rgba(0,0,0,0.2);
            border-radius: 100%;
            background-color: #ddd;
            cursor: pointer
        }

        .gjs-field-range input::-moz-range-thumb {
            height: 10px;
            width: 10px;
            border: 1px solid rgba(0,0,0,0.2);
            border-radius: 100%;
            background-color: #ddd;
            cursor: pointer
        }

        .gjs-field-range input::-ms-thumb {
            height: 10px;
            width: 10px;
            border: 1px solid rgba(0,0,0,0.2);
            border-radius: 100%;
            background-color: #ddd;
            cursor: pointer
        }

        .gjs-field-range input::-moz-range-track {
            background-color: rgba(0,0,0,0.2);
            border-radius: 1px;
            margin-top: 3px;
            height: 3px
        }

        .gjs-field-range input::-webkit-slider-runnable-track {
            background-color: rgba(0,0,0,0.2);
            border-radius: 1px;
            margin-top: 3px;
            height: 3px
        }

        .gjs-field-range input::-ms-track {
            background-color: rgba(0,0,0,0.2);
            border-radius: 1px;
            margin-top: 3px;
            height: 3px
        }

.gjs-btn-prim {
    color: inherit;
    background-color: rgba(255,255,255,0.1);
    border-radius: 2px;
    padding: 3px 6px;
    padding: 5px;
    cursor: pointer;
    border: none
}

    .gjs-btn-prim:active {
        background-color: rgba(255,255,255,0.1)
    }

.gjs-btn--full {
    width: 100%
}

.gjs-chk-icon {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    box-sizing: border-box;
    display: block;
    height: 14px;
    margin: 0 5px;
    width: 6px
}

.gjs-add-trasp {
    background: none;
    border: none;
    color: #ddd;
    cursor: pointer;
    font-size: 1em;
    border-radius: 2px;
    opacity: .75;
    filter: alpha(opacity=75)
}

    .gjs-add-trasp:hover {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .gjs-add-trasp:active {
        background-color: rgba(0,0,0,0.2)
    }

.gjs-devices-c {
    display: flex;
    align-items: center;
    padding: 3px
}

    .gjs-devices-c .gjs-device-label {
        flex-grow: 2;
        text-align: left;
        margin-right: 10px
    }

    .gjs-devices-c .gjs-select {
        flex-grow: 20
    }

    .gjs-devices-c .gjs-add-trasp {
        flex-grow: 1;
        margin-left: 5px
    }

.gjs-category-open, .gjs-sm-sector.gjs-sm-open, .gjs-sm-open.gjs-clm-tags, .gjs-block-category.gjs-open {
    border-bottom: 1px solid rgba(0,0,0,0.25)
}

.gjs-category-title, .gjs-sm-sector .gjs-sm-title, .gjs-clm-tags .gjs-sm-title, .gjs-block-category .gjs-title, .gjs-layer-title {
    font-weight: lighter;
    background-color: rgba(0,0,0,0.1);
    letter-spacing: 1px;
    padding: 9px 10px 9px 20px;
    border-bottom: 1px solid rgba(0,0,0,0.25);
    text-align: left;
    position: relative;
    cursor: pointer;
    font-size:12px;
}

.gjs-sm-clear {
    line-height: 0;
    cursor: pointer
}

.gjs-sm-header {
    font-weight: lighter;
    padding: 10px
}

.gjs-sm-properties {
    font-size: .75rem;
    padding: 10px 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    box-sizing: border-box;
    width: 100%
}

.gjs-sm-label {
    margin: 5px 5px 3px 0
}

.gjs-sm-close-btn, .gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close, .gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close {
    display: block;
    font-size: 23px;
    position: absolute;
    cursor: pointer;
    right: 5px;
    top: 0;
    opacity: .2;
    filter: alpha(opacity=20)
}

    .gjs-sm-close-btn:hover, .gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close:hover, .gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close:hover {
        opacity: .7;
        filter: alpha(opacity=70)
    }

.gjs-sm-sector, .gjs-clm-tags {
    clear: both;
    font-weight: lighter;
    text-align: left
}

    .gjs-sm-sector #gjs-sm-caret, .gjs-clm-tags #gjs-sm-caret {
        padding-right: 5px;
        font-size: 11px
    }

    .gjs-sm-sector .gjs-sm-field, .gjs-clm-tags .gjs-sm-field, .gjs-sm-sector .gjs-clm-field, .gjs-clm-tags .gjs-clm-field, .gjs-sm-sector .gjs-clm-select, .gjs-clm-tags .gjs-clm-select {
        width: 100%;
        position: relative
    }

        .gjs-sm-sector .gjs-sm-field input, .gjs-clm-tags .gjs-sm-field input, .gjs-sm-sector .gjs-clm-field input, .gjs-clm-tags .gjs-clm-field input, .gjs-sm-sector .gjs-clm-select input, .gjs-clm-tags .gjs-clm-select input, .gjs-sm-sector .gjs-sm-field select, .gjs-clm-tags .gjs-sm-field select, .gjs-sm-sector .gjs-clm-field select, .gjs-clm-tags .gjs-clm-field select, .gjs-sm-sector .gjs-clm-select select, .gjs-clm-tags .gjs-clm-select select {
            background-color: transparent;
            color: rgba(255,255,255,0.7);
            border: none;
            width: 100%
        }

        .gjs-sm-sector .gjs-sm-field input, .gjs-clm-tags .gjs-sm-field input, .gjs-sm-sector .gjs-clm-field input, .gjs-clm-tags .gjs-clm-field input, .gjs-sm-sector .gjs-clm-select input, .gjs-clm-tags .gjs-clm-select input {
            box-sizing: border-box
        }

        .gjs-sm-sector .gjs-sm-field select, .gjs-clm-tags .gjs-sm-field select, .gjs-sm-sector .gjs-clm-field select, .gjs-clm-tags .gjs-clm-field select, .gjs-sm-sector .gjs-clm-select select, .gjs-clm-tags .gjs-clm-select select {
            position: relative;
            z-index: 1;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

            .gjs-sm-sector .gjs-sm-field select::-ms-expand, .gjs-clm-tags .gjs-sm-field select::-ms-expand, .gjs-sm-sector .gjs-clm-field select::-ms-expand, .gjs-clm-tags .gjs-clm-field select::-ms-expand, .gjs-sm-sector .gjs-clm-select select::-ms-expand, .gjs-clm-tags .gjs-clm-select select::-ms-expand {
                display: none
            }

            .gjs-sm-sector .gjs-sm-field select:-moz-focusring, .gjs-clm-tags .gjs-sm-field select:-moz-focusring, .gjs-sm-sector .gjs-clm-field select:-moz-focusring, .gjs-clm-tags .gjs-clm-field select:-moz-focusring, .gjs-sm-sector .gjs-clm-select select:-moz-focusring, .gjs-clm-tags .gjs-clm-select select:-moz-focusring {
                color: transparent;
                text-shadow: 0 0 0 rgba(255,255,255,0.7)
            }

            .gjs-sm-sector .gjs-sm-field input:focus, .gjs-clm-tags .gjs-sm-field input:focus, .gjs-sm-sector .gjs-clm-field input:focus, .gjs-clm-tags .gjs-clm-field input:focus, .gjs-sm-sector .gjs-clm-select input:focus, .gjs-clm-tags .gjs-clm-select input:focus, .gjs-sm-sector .gjs-sm-field select:focus, .gjs-clm-tags .gjs-sm-field select:focus, .gjs-sm-sector .gjs-clm-field select:focus, .gjs-clm-tags .gjs-clm-field select:focus, .gjs-sm-sector .gjs-clm-select select:focus, .gjs-clm-tags .gjs-clm-select select:focus {
                outline: none
            }

        .gjs-sm-sector .gjs-sm-field .gjs-sm-unit, .gjs-clm-tags .gjs-sm-field .gjs-sm-unit, .gjs-sm-sector .gjs-clm-field .gjs-sm-unit, .gjs-clm-tags .gjs-clm-field .gjs-sm-unit, .gjs-sm-sector .gjs-clm-select .gjs-sm-unit, .gjs-clm-tags .gjs-clm-select .gjs-sm-unit {
            position: absolute;
            right: 10px;
            top: 3px;
            font-size: 10px;
            color: rgba(255,255,255,0.7);
            cursor: pointer
        }

        .gjs-sm-sector .gjs-sm-field .gjs-clm-sel-arrow, .gjs-clm-tags .gjs-sm-field .gjs-clm-sel-arrow, .gjs-sm-sector .gjs-clm-field .gjs-clm-sel-arrow, .gjs-clm-tags .gjs-clm-field .gjs-clm-sel-arrow, .gjs-sm-sector .gjs-clm-select .gjs-clm-sel-arrow, .gjs-clm-tags .gjs-clm-select .gjs-clm-sel-arrow, .gjs-sm-sector .gjs-sm-field .gjs-sm-int-arrows, .gjs-clm-tags .gjs-sm-field .gjs-sm-int-arrows, .gjs-sm-sector .gjs-clm-field .gjs-sm-int-arrows, .gjs-clm-tags .gjs-clm-field .gjs-sm-int-arrows, .gjs-sm-sector .gjs-clm-select .gjs-sm-int-arrows, .gjs-clm-tags .gjs-clm-select .gjs-sm-int-arrows, .gjs-sm-sector .gjs-sm-field .gjs-sm-sel-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-sel-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-sel-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-sel-arrow, .gjs-sm-sector .gjs-clm-select .gjs-sm-sel-arrow, .gjs-clm-tags .gjs-clm-select .gjs-sm-sel-arrow {
            height: 100%;
            width: 9px;
            position: absolute;
            right: 0;
            top: 0;
            cursor: ns-resize
        }

        .gjs-sm-sector .gjs-sm-field .gjs-sm-sel-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-sel-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-sel-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-sel-arrow, .gjs-sm-sector .gjs-clm-select .gjs-sm-sel-arrow, .gjs-clm-tags .gjs-clm-select .gjs-sm-sel-arrow {
            cursor: pointer
        }

        .gjs-sm-sector .gjs-sm-field .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-sm-field .gjs-clm-d-s-arrow, .gjs-sm-sector .gjs-clm-field .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-clm-field .gjs-clm-d-s-arrow, .gjs-sm-sector .gjs-clm-select .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-clm-select .gjs-clm-d-s-arrow, .gjs-sm-sector .gjs-sm-field .gjs-sm-d-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-d-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-d-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-d-arrow, .gjs-sm-sector .gjs-clm-select .gjs-sm-d-arrow, .gjs-clm-tags .gjs-clm-select .gjs-sm-d-arrow, .gjs-sm-sector .gjs-sm-field .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-d-s-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-d-s-arrow, .gjs-sm-sector .gjs-clm-select .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-clm-select .gjs-sm-d-s-arrow, .gjs-sm-sector .gjs-sm-field .gjs-sm-u-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-u-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-u-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-u-arrow, .gjs-sm-sector .gjs-clm-select .gjs-sm-u-arrow, .gjs-clm-tags .gjs-clm-select .gjs-sm-u-arrow {
            position: absolute;
            height: 0;
            width: 0;
            border-left: 3px solid transparent;
            border-right: 4px solid transparent;
            cursor: pointer
        }

        .gjs-sm-sector .gjs-sm-field .gjs-sm-u-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-u-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-u-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-u-arrow, .gjs-sm-sector .gjs-clm-select .gjs-sm-u-arrow, .gjs-clm-tags .gjs-clm-select .gjs-sm-u-arrow {
            border-bottom: 4px solid rgba(255,255,255,0.7);
            top: 4px
        }

        .gjs-sm-sector .gjs-sm-field .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-sm-field .gjs-clm-d-s-arrow, .gjs-sm-sector .gjs-clm-field .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-clm-field .gjs-clm-d-s-arrow, .gjs-sm-sector .gjs-clm-select .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-clm-select .gjs-clm-d-s-arrow, .gjs-sm-sector .gjs-sm-field .gjs-sm-d-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-d-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-d-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-d-arrow, .gjs-sm-sector .gjs-clm-select .gjs-sm-d-arrow, .gjs-clm-tags .gjs-clm-select .gjs-sm-d-arrow, .gjs-sm-sector .gjs-sm-field .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-d-s-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-d-s-arrow, .gjs-sm-sector .gjs-clm-select .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-clm-select .gjs-sm-d-s-arrow {
            border-top: 4px solid rgba(255,255,255,0.7);
            bottom: 4px
        }

        .gjs-sm-sector .gjs-sm-field .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-sm-field .gjs-clm-d-s-arrow, .gjs-sm-sector .gjs-clm-field .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-clm-field .gjs-clm-d-s-arrow, .gjs-sm-sector .gjs-clm-select .gjs-clm-d-s-arrow, .gjs-clm-tags .gjs-clm-select .gjs-clm-d-s-arrow, .gjs-sm-sector .gjs-sm-field .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-sm-field .gjs-sm-d-s-arrow, .gjs-sm-sector .gjs-clm-field .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-clm-field .gjs-sm-d-s-arrow, .gjs-sm-sector .gjs-clm-select .gjs-sm-d-s-arrow, .gjs-clm-tags .gjs-clm-select .gjs-sm-d-s-arrow {
            bottom: 7px
        }

        .gjs-sm-sector .gjs-sm-field.gjs-sm-color, .gjs-clm-tags .gjs-sm-field.gjs-sm-color, .gjs-sm-sector .gjs-sm-color.gjs-clm-field, .gjs-clm-tags .gjs-sm-color.gjs-clm-field, .gjs-sm-sector .gjs-sm-color.gjs-clm-select, .gjs-clm-tags .gjs-sm-color.gjs-clm-select, .gjs-sm-sector .gjs-sm-field.gjs-sm-input, .gjs-clm-tags .gjs-sm-field.gjs-sm-input, .gjs-sm-sector .gjs-sm-input.gjs-clm-field, .gjs-clm-tags .gjs-sm-input.gjs-clm-field, .gjs-sm-sector .gjs-sm-input.gjs-clm-select, .gjs-clm-tags .gjs-sm-input.gjs-clm-select, .gjs-sm-sector .gjs-sm-field.gjs-sm-integer, .gjs-clm-tags .gjs-sm-field.gjs-sm-integer, .gjs-sm-sector .gjs-sm-integer.gjs-clm-field, .gjs-clm-tags .gjs-sm-integer.gjs-clm-field, .gjs-sm-sector .gjs-sm-integer.gjs-clm-select, .gjs-clm-tags .gjs-sm-integer.gjs-clm-select, .gjs-sm-sector .gjs-sm-field.gjs-sm-list, .gjs-clm-tags .gjs-sm-field.gjs-sm-list, .gjs-sm-sector .gjs-sm-list.gjs-clm-field, .gjs-clm-tags .gjs-sm-list.gjs-clm-field, .gjs-sm-sector .gjs-sm-list.gjs-clm-select, .gjs-clm-tags .gjs-sm-list.gjs-clm-select, .gjs-sm-sector .gjs-sm-field.gjs-sm-select, .gjs-clm-tags .gjs-sm-field.gjs-sm-select, .gjs-sm-sector .gjs-sm-select.gjs-clm-field, .gjs-clm-tags .gjs-sm-select.gjs-clm-field, .gjs-sm-sector .gjs-clm-field.gjs-clm-select, .gjs-sm-sector .gjs-clm-select, .gjs-clm-tags .gjs-clm-select {
            background-color: rgba(0,0,0,0.2);
            border: 1px solid rgba(0,0,0,0.1);
            box-shadow: 1px 1px 0 rgba(255,255,255,0.1);
            color: rgba(255,255,255,0.7);
            border-radius: 2px;
            box-sizing: border-box;
            padding: 0 5px
        }

        .gjs-sm-sector .gjs-sm-field.gjs-sm-composite, .gjs-clm-tags .gjs-sm-field.gjs-sm-composite, .gjs-sm-sector .gjs-sm-composite.gjs-clm-field, .gjs-clm-tags .gjs-sm-composite.gjs-clm-field, .gjs-sm-sector .gjs-sm-composite.gjs-clm-select, .gjs-clm-tags .gjs-sm-composite.gjs-clm-select {
            border-radius: 2px
        }

        .gjs-sm-sector .gjs-sm-field.gjs-sm-select, .gjs-clm-tags .gjs-sm-field.gjs-sm-select, .gjs-sm-sector .gjs-sm-select.gjs-clm-field, .gjs-clm-tags .gjs-sm-select.gjs-clm-field, .gjs-sm-sector .gjs-clm-field.gjs-clm-select, .gjs-sm-sector .gjs-clm-select, .gjs-clm-tags .gjs-clm-select {
            padding: 0
        }

            .gjs-sm-sector .gjs-sm-field.gjs-sm-select select, .gjs-clm-tags .gjs-sm-field.gjs-sm-select select, .gjs-sm-sector .gjs-sm-select.gjs-clm-field select, .gjs-clm-tags .gjs-sm-select.gjs-clm-field select, .gjs-sm-sector .gjs-clm-field.gjs-clm-select select, .gjs-clm-tags .gjs-clm-field.gjs-clm-select select, .gjs-sm-sector .gjs-clm-select select, .gjs-clm-tags .gjs-clm-select select {
                height: 20px
            }

            .gjs-sm-sector .gjs-sm-field.gjs-sm-select option, .gjs-clm-tags .gjs-sm-field.gjs-sm-select option, .gjs-sm-sector .gjs-sm-select.gjs-clm-field option, .gjs-clm-tags .gjs-sm-select.gjs-clm-field option, .gjs-sm-sector .gjs-clm-field.gjs-clm-select option, .gjs-clm-tags .gjs-clm-field.gjs-clm-select option, .gjs-sm-sector .gjs-clm-select option, .gjs-clm-tags .gjs-clm-select option {
                padding: 3px 0
            }

        .gjs-sm-sector .gjs-sm-field.gjs-sm-composite, .gjs-clm-tags .gjs-sm-field.gjs-sm-composite, .gjs-sm-sector .gjs-sm-composite.gjs-clm-field, .gjs-clm-tags .gjs-sm-composite.gjs-clm-field, .gjs-sm-sector .gjs-sm-composite.gjs-clm-select, .gjs-clm-tags .gjs-sm-composite.gjs-clm-select {
            background-color: rgba(0,0,0,0.1);
            border: 1px solid rgba(0,0,0,0.25)
        }

        .gjs-sm-sector .gjs-sm-field.gjs-sm-list, .gjs-clm-tags .gjs-sm-field.gjs-sm-list, .gjs-sm-sector .gjs-sm-list.gjs-clm-field, .gjs-clm-tags .gjs-sm-list.gjs-clm-field, .gjs-sm-sector .gjs-sm-list.gjs-clm-select, .gjs-clm-tags .gjs-sm-list.gjs-clm-select {
            width: auto;
            padding: 0;
            overflow: hidden;
            float: left
        }

            .gjs-sm-sector .gjs-sm-field.gjs-sm-list input, .gjs-clm-tags .gjs-sm-field.gjs-sm-list input, .gjs-sm-sector .gjs-sm-list.gjs-clm-field input, .gjs-clm-tags .gjs-sm-list.gjs-clm-field input, .gjs-sm-sector .gjs-sm-list.gjs-clm-select input, .gjs-clm-tags .gjs-sm-list.gjs-clm-select input {
                display: none
            }

            .gjs-sm-sector .gjs-sm-field.gjs-sm-list label, .gjs-clm-tags .gjs-sm-field.gjs-sm-list label, .gjs-sm-sector .gjs-sm-list.gjs-clm-field label, .gjs-clm-tags .gjs-sm-list.gjs-clm-field label, .gjs-sm-sector .gjs-sm-list.gjs-clm-select label, .gjs-clm-tags .gjs-sm-list.gjs-clm-select label {
                cursor: pointer;
                padding: 5px;
                display: block
            }

            .gjs-sm-sector .gjs-sm-field.gjs-sm-list .gjs-sm-radio:checked + label, .gjs-clm-tags .gjs-sm-field.gjs-sm-list .gjs-sm-radio:checked + label, .gjs-sm-sector .gjs-sm-list.gjs-clm-field .gjs-sm-radio:checked + label, .gjs-clm-tags .gjs-sm-list.gjs-clm-field .gjs-sm-radio:checked + label, .gjs-sm-sector .gjs-sm-list.gjs-clm-select .gjs-sm-radio:checked + label, .gjs-clm-tags .gjs-sm-list.gjs-clm-select .gjs-sm-radio:checked + label {
                background-color: rgba(255,255,255,0.2)
            }

            .gjs-sm-sector .gjs-sm-field.gjs-sm-list .gjs-sm-icon, .gjs-clm-tags .gjs-sm-field.gjs-sm-list .gjs-sm-icon, .gjs-sm-sector .gjs-sm-list.gjs-clm-field .gjs-sm-icon, .gjs-clm-tags .gjs-sm-list.gjs-clm-field .gjs-sm-icon, .gjs-sm-sector .gjs-sm-list.gjs-clm-select .gjs-sm-icon, .gjs-clm-tags .gjs-sm-list.gjs-clm-select .gjs-sm-icon {
                background-repeat: no-repeat;
                background-position: center;
                text-shadow: none;
                line-height: normal
            }

        .gjs-sm-sector .gjs-sm-field.gjs-sm-integer select, .gjs-clm-tags .gjs-sm-field.gjs-sm-integer select, .gjs-sm-sector .gjs-sm-integer.gjs-clm-field select, .gjs-clm-tags .gjs-sm-integer.gjs-clm-field select, .gjs-sm-sector .gjs-sm-integer.gjs-clm-select select, .gjs-clm-tags .gjs-sm-integer.gjs-clm-select select {
            width: auto;
            padding: 0
        }

    .gjs-sm-sector .gjs-sm-list .gjs-sm-el, .gjs-clm-tags .gjs-sm-list .gjs-sm-el {
        float: left;
        border-left: 1px solid rgba(0,0,0,0.2)
    }

        .gjs-sm-sector .gjs-sm-list .gjs-sm-el:first-child, .gjs-clm-tags .gjs-sm-list .gjs-sm-el:first-child {
            border: none
        }

        .gjs-sm-sector .gjs-sm-list .gjs-sm-el:hover, .gjs-clm-tags .gjs-sm-list .gjs-sm-el:hover {
            background: rgba(0,0,0,0.2)
        }

    .gjs-sm-sector .gjs-sm-slider .gjs-field-integer, .gjs-clm-tags .gjs-sm-slider .gjs-field-integer {
        flex: 1 1 65px
    }

    .gjs-sm-sector .gjs-sm-property, .gjs-clm-tags .gjs-sm-property {
        box-sizing: border-box;
        float: left;
        width: 50%;
        margin-bottom: 5px;
        padding: 0 5px
    }

        .gjs-sm-sector .gjs-sm-property--full, .gjs-clm-tags .gjs-sm-property--full, .gjs-sm-sector .gjs-sm-property.gjs-sm-composite, .gjs-clm-tags .gjs-sm-property.gjs-sm-composite, .gjs-sm-sector .gjs-sm-property.gjs-sm-file, .gjs-clm-tags .gjs-sm-property.gjs-sm-file, .gjs-sm-sector .gjs-sm-property.gjs-sm-list, .gjs-clm-tags .gjs-sm-property.gjs-sm-list, .gjs-sm-sector .gjs-sm-property.gjs-sm-stack, .gjs-clm-tags .gjs-sm-property.gjs-sm-stack, .gjs-sm-sector .gjs-sm-property.gjs-sm-slider, .gjs-clm-tags .gjs-sm-property.gjs-sm-slider, .gjs-sm-sector .gjs-sm-property.gjs-sm-color, .gjs-clm-tags .gjs-sm-property.gjs-sm-color {
            width: 100%
        }

        .gjs-sm-sector .gjs-sm-property .gjs-sm-btn, .gjs-clm-tags .gjs-sm-property .gjs-sm-btn {
            background-color: rgba(33,33,33,0.2);
            border-radius: 2px;
            box-shadow: 1px 1px 0 rgba(5,5,5,0.2),1px 1px 0 rgba(43,43,43,0.2) inset;
            padding: 5px;
            position: relative;
            text-align: center;
            height: auto;
            width: 100%;
            cursor: pointer;
            color: #ddd;
            box-sizing: border-box;
            text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
            border: none;
            opacity: .85;
            filter: alpha(opacity=85)
        }

        .gjs-sm-sector .gjs-sm-property .gjs-sm-btn-c, .gjs-clm-tags .gjs-sm-property .gjs-sm-btn-c {
            box-sizing: border-box;
            float: left;
            width: 100%
        }

        .gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box, .gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box {
            background-color: rgba(255,255,255,0.05);
            border-radius: 2px;
            margin-top: 5px;
            position: relative;
            overflow: hidden
        }

            .gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box.gjs-sm-show, .gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box.gjs-sm-show {
                border: 1px solid rgba(252,252,252,0.05);
                padding: 3px 20px
            }

            .gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close, .gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close {
                top: -5px;
                display: block
            }

        .gjs-sm-sector .gjs-sm-property.gjs-sm-file .gjs-sm-show #gjs-sm-preview-file, .gjs-clm-tags .gjs-sm-property.gjs-sm-file .gjs-sm-show #gjs-sm-preview-file {
            height: 50px
        }

        .gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-file, .gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-file {
            background-size: auto 100%;
            background-repeat: no-repeat;
            background-position: center center
        }

        .gjs-sm-sector .gjs-sm-property .gjs-sm-layers, .gjs-clm-tags .gjs-sm-property .gjs-sm-layers {
            margin-top: 5px;
            padding: 1px 3px;
            min-height: 30px
        }

        .gjs-sm-sector .gjs-sm-property .gjs-sm-layer, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer {
            background-color: rgba(255,255,255,0.055);
            border-radius: 2px;
            margin: 2px 0;
            padding: 7px;
            position: relative;
            cursor: pointer
        }

            .gjs-sm-sector .gjs-sm-property .gjs-sm-layer > #gjs-sm-preview-box, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer > #gjs-sm-preview-box {
                height: 15px;
                position: absolute;
                right: 27px;
                top: 6px;
                width: 15px
            }

            .gjs-sm-sector .gjs-sm-property .gjs-sm-layer #gjs-sm-preview, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer #gjs-sm-preview, .gjs-sm-sector .gjs-sm-property .gjs-sm-layer #gjs-sm-preview-box, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer #gjs-sm-preview-box {
                border-radius: 2px
            }

            .gjs-sm-sector .gjs-sm-property .gjs-sm-layer #gjs-sm-close-layer, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer #gjs-sm-close-layer {
                display: block;
                font-size: 23px;
                position: absolute;
                cursor: pointer;
                right: 5px;
                top: 0;
                opacity: .5;
                filter: alpha(opacity=50)
            }

                .gjs-sm-sector .gjs-sm-property .gjs-sm-layer #gjs-sm-close-layer:hover, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer #gjs-sm-close-layer:hover {
                    opacity: .8;
                    filter: alpha(opacity=80)
                }

            .gjs-sm-sector .gjs-sm-property .gjs-sm-layer > #gjs-sm-preview-box #gjs-sm-preview, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer > #gjs-sm-preview-box #gjs-sm-preview {
                background-color: white;
                height: 100%;
                width: 100%;
                background-size: cover !important
            }

            .gjs-sm-sector .gjs-sm-property .gjs-sm-layer.gjs-sm-active, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer.gjs-sm-active {
                background-color: rgba(255,255,255,0.12)
            }

            .gjs-sm-sector .gjs-sm-property .gjs-sm-layer.gjs-sm-no-preview #gjs-sm-preview-box, .gjs-clm-tags .gjs-sm-property .gjs-sm-layer.gjs-sm-no-preview #gjs-sm-preview-box {
                display: none
            }

    .gjs-sm-sector #gjs-sm-text-shadow #gjs-sm-preview::after, .gjs-clm-tags #gjs-sm-text-shadow #gjs-sm-preview::after {
        color: #000;
        content: "T";
        font-weight: 900;
        line-height: 17px;
        padding: 0 4px
    }

    .gjs-sm-sector .gjs-sm-stack .gjs-sm-properties, .gjs-clm-tags .gjs-sm-stack .gjs-sm-properties {
        padding: 5px 0 0
    }

    .gjs-sm-sector .gjs-sm-stack #gjs-sm-add, .gjs-clm-tags .gjs-sm-stack #gjs-sm-add {
        background: none;
        border: none;
        cursor: pointer;
        outline: none;
        font-size: 22px;
        line-height: 10px;
        position: absolute;
        right: 0;
        top: -17px;
        opacity: 0.75
    }

        .gjs-sm-sector .gjs-sm-stack #gjs-sm-add:hover, .gjs-clm-tags .gjs-sm-stack #gjs-sm-add:hover {
            opacity: 1;
            filter: alpha(opacity=100)
        }

    .gjs-sm-sector .gjs-sm-colorp-c, .gjs-clm-tags .gjs-sm-colorp-c {
        height: 100%;
        width: 20px;
        position: absolute;
        right: 0;
        top: 0;
        box-sizing: border-box;
        border-radius: 2px;
        padding: 2px
    }

        .gjs-sm-sector .gjs-sm-colorp-c .gjs-checker-bg, .gjs-clm-tags .gjs-sm-colorp-c .gjs-checker-bg, .gjs-sm-sector .gjs-sm-colorp-c .gjs-field-colorp-c, .gjs-clm-tags .gjs-sm-colorp-c .gjs-field-colorp-c {
            height: 100%;
            width: 100%;
            border-radius: 1px
        }

    .gjs-sm-sector .gjs-sm-color-picker, .gjs-clm-tags .gjs-sm-color-picker {
        background-color: #ddd;
        cursor: pointer;
        height: 16px;
        width: 100%;
        margin-top: -16px;
        box-shadow: 0 0 1px rgba(0,0,0,0.2);
        border-radius: 1px
    }

    .gjs-sm-sector .gjs-sm-btn-upload #gjs-sm-upload, .gjs-clm-tags .gjs-sm-btn-upload #gjs-sm-upload {
        left: 0;
        top: 0;
        position: absolute;
        width: 100%;
        opacity: 0;
        cursor: pointer
    }

    .gjs-sm-sector .gjs-sm-btn-upload #gjs-sm-label, .gjs-clm-tags .gjs-sm-btn-upload #gjs-sm-label {
        padding: 2px 0
    }

.gjs-sm-layer > #gjs-sm-move {
    opacity: .7;
    filter: alpha(opacity=70);
    cursor: move;
    font-size: 12px;
    float: left;
    margin: 0 5px 0 0
}

    .gjs-sm-layer > #gjs-sm-move:hover {
        opacity: .9;
        filter: alpha(opacity=90)
    }

.gjs-blocks-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.gjs-block-categories {
    display: flex;
    flex-direction: column
}

.gjs-block-category {
    width: 100%
}

    .gjs-block-category .gjs-caret-icon {
        margin-right: 5px
    }

.gjs-block {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    width: 45%;
    min-width: 45px;
    padding: 1em;
    box-sizing: border-box;
    min-height: 90px;
    cursor: all-scroll;
    font-size: 11px;
    font-weight: lighter;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 3px;
    margin: 10px 2.5% 5px;
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.15);
    transition: all 0.2s ease 0s;
    transition-property: box-shadow, color
}

    .gjs-block:hover {
        box-shadow: 0 3px 4px 0 rgba(0,0,0,0.15)
    }

    .gjs-block svg {
        fill: currentColor
    }

.gjs-block__media {
    margin-bottom: 10px
}

.gjs-block-svg {
    width: 54px;
    fill: currentColor
}

.gjs-block-svg-path {
    fill: currentColor
}

.gjs-block.fa {
    font-size: 2em;
    line-height: 2em;
    padding: 11px
}

.gjs-block-label {
    line-height: normal;
    font-size: 0.65rem;
    font-weight: normal;
    font-family: Helvetica, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis
}

.gjs-block.gjs-bdrag {
    width: auto;
    padding: 0
}

.gjs-selected-parent {
    border: 1px solid #376B8A
}

.gjs-opac50 {
    opacity: .5;
    filter: alpha(opacity=50)
}

.gjs-layer {
    font-weight: lighter;
    text-align: left;
    position: relative;
    background-color: rgba(0,0,0,0.1);
    font-size: .75rem
}

.gjs-layer-hidden {
    opacity: .55;
    filter: alpha(opacity=55)
}

.gjs-layer-count {
    position: absolute;
    right: 27px;
    top: 9px
}

.gjs-layer-vis {
    height: auto !important;
    width: auto !important;
    left: 0;
    top: 0;
    padding: 7px 5px 7px 10px;
    position: absolute;
    cursor: pointer;
    z-index: 1
}

.gjs-layer-caret {
    font-size: 0.5rem;
    width: 8px;
    padding: 2px;
    cursor: pointer;
    position: absolute;
    left: -9px;
    top: 6px;
    opacity: .7;
    filter: alpha(opacity=70)
}

    .gjs-layer-caret:hover {
        opacity: 1;
        filter: alpha(opacity=100)
    }

.gjs-layer-title {
    padding: 3px 10px 5px 30px;
    display: flex;
    align-items: center
}

.gjs-layer-title-inn {
    align-items: center;
    position: relative;
    display: flex;
    width: 100%
}

.gjs-layer__icon {
    display: block;
    width: 100%;
    max-width: 15px;
    max-height: 15px;
    padding-left: 5px
}

    .gjs-layer__icon svg {
        fill: currentColor
    }

.gjs-layer-name {
    padding: 5px 0;
    display: inline-block;
    box-sizing: content-box;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 30px 0 5px
}

.gjs-layer-name--no-edit {
    text-overflow: ellipsis
}

.gjs-layer > .gjs-layer-children {
    display: none
}

.gjs-layer.open > .gjs-layer-children {
    display: block
}

.gjs-layer-no-chld > .gjs-layer-title-inn > .gjs-layer-caret {
    display: none
}

.gjs-layer-move {
    padding: 7px 10px 7px 5px;
    position: absolute;
    font-size: 12px;
    cursor: move;
    right: 0;
    top: 0
}

.gjs-layer.gjs-hovered .gjs-layer-title {
    background-color: rgba(255,255,255,0.015)
}

.gjs-layer.gjs-selected .gjs-layer-title {
    background-color: rgba(255,255,255,0.1)
}

.gjs-layers {
    position: relative;
    height: 100%
}

    .gjs-layers #gjs-placeholder {
        width: 100%;
        position: absolute
    }

        .gjs-layers #gjs-placeholder #gjs-plh-int {
            height: 100%;
            padding: 1px
        }

            .gjs-layers #gjs-placeholder #gjs-plh-int.gjs-insert {
                background-color: #62c462
            }

.gjs-clm-tags {
    font-size: .75rem;
    padding: 10px 5px
}

    .gjs-clm-tags #gjs-clm-label, .gjs-clm-tags #gjs-clm-sel {
        padding: 7px 0;
        float: left
    }

    .gjs-clm-tags #gjs-clm-sel {
        font-style: italic;
        margin-left: 5px
    }

    .gjs-clm-tags #gjs-clm-status-c {
        float: right
    }

    .gjs-clm-tags #gjs-clm-tags-field {
        clear: both;
        padding: 5px;
        margin-bottom: 5px
    }

    .gjs-clm-tags #gjs-clm-tags-c {
        display: inline-block;
        vertical-align: top
    }

    .gjs-clm-tags #gjs-clm-add-tag {
        background-color: rgba(255,255,255,0.15);
        border-radius: 2px;
        padding: 5px 6px;
        box-shadow: 1px 1px 0 rgba(255,255,255,0.2) inset;
        border: 1px solid rgba(0,0,0,0.15);
        cursor: pointer
    }

    .gjs-clm-tags #gjs-clm-new {
        color: #ddd;
        padding: 5px 6px;
        display: none
    }

    .gjs-clm-tags .gjs-clm-tag {
        display: inline-block;
        border-radius: 3px;
        margin: 0 3px 3px 0;
        padding: 5px;
        cursor: default
    }

    .gjs-clm-tags #gjs-clm-close {
        font-size: 20px;
        line-height: 0;
        cursor: pointer;
        color: rgba(255,255,255,0.9)
    }

        .gjs-clm-tags #gjs-clm-close:hover {
            opacity: .7;
            filter: alpha(opacity=70)
        }

    .gjs-clm-tags #gjs-clm-checkbox {
        color: rgba(255,255,255,0.9);
        vertical-align: middle;
        cursor: pointer;
        font-size: 9px
    }

    .gjs-clm-tags #gjs-clm-tag-label {
        padding: 0 3px;
        cursor: text
    }

.gjs-mdl-container {
    font-family: Helvetica,sans-serif;
    overflow-y: auto;
    position: fixed;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100
}

.gjs-mdl-dialog {
    text-shadow: -1px -1px 0 rgba(0,0,0,0.05);
    animation: gjs-slide-down 0.215s;
    margin: auto;
    max-width: 850px;
    width: 90%;
    border-radius: 3px;
    font-weight: lighter;
    position: relative;
    z-index: 2
}

.gjs-mdl-title {
    font-size: 1rem
}

.gjs-mdl-btn-close {
    position: absolute;
    right: 15px;
    top: 5px
}

.gjs-mdl-active .gjs-mdl-dialog {
    animation: gjs-mdl-slide-down 0.216s
}

.gjs-mdl-header, .gjs-mdl-content {
    padding: 10px 15px;
    clear: both
}

.gjs-mdl-header {
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    padding: 15px 15px 7px
}

.gjs-export-dl::after {
    content: "";
    clear: both;
    display: block;
    margin-bottom: 10px
}

.gjs-dropzone {
    display: none;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    transition: opacity 0.25s;
    pointer-events: none
}

.gjs-dropzone-active .gjs-dropzone {
    display: block;
    opacity: 1
}

.gjs-am-assets {
    height: 290px;
    overflow: auto;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start
}

.gjs-am-assets-header {
    padding: 5px
}

.gjs-am-add-asset .gjs-am-add-field {
    width: 70%;
    float: left
}

.gjs-am-add-asset button {
    width: 25%;
    float: right
}

.gjs-am-preview-cont {
    position: relative;
    height: 70px;
    width: 30%;
    background-color: #ddd;
    border-radius: 2px;
    float: left;
    overflow: hidden
}

.gjs-am-preview {
    position: absolute;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    z-index: 1
}

.gjs-am-preview-bg {
    opacity: .5;
    filter: alpha(opacity=50);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0
}

.gjs-am-dimensions {
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 10px
}

.gjs-am-meta {
    width: 70%;
    float: left;
    font-size: 12px;
    padding: 5px 0 0 5px;
    box-sizing: border-box
}

    .gjs-am-meta > div {
        margin-bottom: 5px
    }

.gjs-am-close {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 0;
    display: none
}

.gjs-am-asset {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    padding: 5px;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    width: 100%
}

    .gjs-am-asset:hover .gjs-am-close {
        display: block
    }

.gjs-am-highlight {
    background-color: rgba(255,255,255,0.1)
}

.gjs-am-assets-cont {
    background-color: rgba(0,0,0,0.1);
    border-radius: 3px;
    box-sizing: border-box;
    padding: 10px;
    width: 45%;
    float: right;
    height: 325px;
    overflow: hidden
}

.gjs-am-file-uploader {
    width: 55%;
    float: left
}

    .gjs-am-file-uploader > form {
        background-color: rgba(0,0,0,0.1);
        border: 2px dashed;
        border-radius: 3px;
        position: relative;
        text-align: center;
        margin-bottom: 15px
    }

        .gjs-am-file-uploader > form.gjs-am-hover {
            border: 2px solid #62c462;
            color: #75cb75
        }

        .gjs-am-file-uploader > form.gjs-am-disabled {
            border-color: red
        }

        .gjs-am-file-uploader > form #gjs-am-uploadFile {
            opacity: 0;
            filter: alpha(opacity=0);
            padding: 150px 10px;
            width: 100%;
            box-sizing: border-box
        }

    .gjs-am-file-uploader #gjs-am-title {
        position: absolute;
        padding: 150px 10px;
        width: 100%
    }

.gjs-cm-editor-c {
    float: left;
    box-sizing: border-box;
    width: 50%
}

    .gjs-cm-editor-c .CodeMirror {
        height: 450px
    }

.gjs-cm-editor {
    font-size: 12px
}

    .gjs-cm-editor#gjs-cm-htmlmixed {
        padding-right: 10px;
        border-right: 1px solid rgba(0,0,0,0.2)
    }

        .gjs-cm-editor#gjs-cm-htmlmixed #gjs-cm-title {
            color: #a97d44
        }

    .gjs-cm-editor#gjs-cm-css {
        padding-left: 10px
    }

        .gjs-cm-editor#gjs-cm-css #gjs-cm-title {
            color: #ddca7e
        }

    .gjs-cm-editor #gjs-cm-title {
        background-color: rgba(0,0,0,0.2);
        font-size: 12px;
        padding: 5px 10px 3px;
        text-align: right
    }

.gjs-rte-toolbar {
    border: 1px solid rgba(0,0,0,0.2);
    position: absolute;
    border-radius: 3px;
    z-index: 10
}

.gjs-rte-actionbar {
    display: flex
}

.gjs-rte-action {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    min-width: 25px;
    border-right: 1px solid rgba(0,0,0,0.2);
    text-align: center;
    cursor: pointer;
    outline: none
}

    .gjs-rte-action:last-child {
        border-right: none
    }

    .gjs-rte-action:hover {
        background-color: rgba(255,255,255,0.1)
    }

.gjs-rte-active {
    background-color: rgba(0,0,0,0.2)
}

.gjs-editor-cont .sp-hue, .gjs-editor-cont .sp-slider {
    cursor: row-resize
}

.gjs-editor-cont .sp-color, .gjs-editor-cont .sp-dragger {
    cursor: crosshair
}

.gjs-editor-cont .sp-alpha-inner, .gjs-editor-cont .sp-alpha-handle {
    cursor: col-resize
}

.gjs-editor-cont .sp-hue {
    left: 90%
}

.gjs-editor-cont .sp-color {
    right: 15%
}

.gjs-editor-cont .sp-container {
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 0 7px rgba(0,0,0,0.2);
    border-radius: 3px
}

.gjs-editor-cont .sp-picker-container {
    border: none
}

.gjs-editor-cont .colpick_dark .colpick_color {
    outline: 1px solid rgba(0,0,0,0.2)
}

.gjs-editor-cont .sp-cancel, .gjs-editor-cont .sp-cancel:hover {
    bottom: -8px;
    color: #777 !important;
    font-size: 25px;
    left: 0;
    position: absolute;
    text-decoration: none
}

.gjs-editor-cont .sp-alpha-handle {
    background-color: #ccc;
    border: 1px solid #555;
    width: 4px
}

.gjs-editor-cont .sp-color, .gjs-editor-cont .sp-hue {
    border: 1px solid #333333
}

.gjs-editor-cont .sp-slider {
    background-color: #ccc;
    border: 1px solid #555;
    height: 3px;
    left: -4px;
    width: 22px
}

.gjs-editor-cont .sp-dragger {
    background: transparent;
    box-shadow: 0 0 0 1px #111
}

.gjs-editor-cont .sp-button-container {
    float: none;
    width: 100%;
    position: relative;
    text-align: right
}

.gjs-editor-cont .sp-container button, .gjs-editor-cont .sp-container button:hover, .gjs-editor-cont .sp-container button:active {
    background: rgba(0,0,0,0.2);
    border-color: rgba(0,0,0,0.2);
    color: #ddd;
    text-shadow: none;
    box-shadow: none;
    padding: 3px 5px
}

.gjs-editor-cont .sp-palette-container {
    border: none;
    float: none;
    margin: 0;
    padding: 5px 10px 0
}

.gjs-editor-cont .sp-palette .sp-thumb-el, .gjs-editor-cont .sp-palette .sp-thumb-el:hover {
    border: 1px solid rgba(0,0,0,0.9)
}

    .gjs-editor-cont .sp-palette .sp-thumb-el:hover, .gjs-editor-cont .sp-palette .sp-thumb-el.sp-thumb-active {
        border-color: rgba(0,0,0,0.9)
    }

.gjs-hidden {
    display: none
}

@keyframes gjs-slide-down {
    0% {
        transform: translate(0, -3rem);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes gjs-slide-up {
    0% {
        transform: translate(0, 0);
        opacity: 1
    }

    100% {
        transform: translate(0, -3rem);
        opacity: 0
    }
}

.cm-s-hopscotch span.cm-error {
    color: #ffffff
}

/*! ========================================================================
 * Bootstrap Toggle: bootstrap-toggle.css v2.2.0
 * http://www.bootstraptoggle.com
 * ========================================================================
 * Copyright 2014 Min Hur, The New York Times Company
 * Licensed under MIT
 * ======================================================================== */
.checkbox label .toggle, .checkbox-inline .toggle {
    margin-left: -20px;
    margin-right: 5px
}

.toggle {
    position: relative;
    overflow: hidden
}

    .toggle input[type=checkbox] {
        display: none
    }

.toggle-group {
    position: absolute;
    width: 200%;
    top: 0;
    bottom: 0;
    left: 0;
    transition: left .35s;
    -webkit-transition: left .35s;
    -moz-user-select: none;
    -webkit-user-select: none
}

.toggle.off .toggle-group {
    left: -100%
}

.toggle-on {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
    margin: 0;
    border: 0;
    border-radius: 0
}

.toggle-off {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    margin: 0;
    border: 0;
    border-radius: 0
}

.toggle-handle {
    position: relative;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    width: 0;
    border-width: 0 1px
}

.toggle.btn {
    min-width: 59px;
    min-height: 34px
}

.toggle-on.btn {
    padding-right: 24px
}

.toggle-off.btn {
    padding-left: 24px
}

.toggle.btn-lg {
    min-width: 79px;
    min-height: 45px
}

.toggle-on.btn-lg {
    padding-right: 31px
}

.toggle-off.btn-lg {
    padding-left: 31px
}

.toggle-handle.btn-lg {
    width: 40px
}

.toggle.btn-sm {
    min-width: 50px;
    min-height: 30px
}

.toggle-on.btn-sm {
    padding-right: 20px
}

.toggle-off.btn-sm {
    padding-left: 20px
}

.toggle.btn-xs {
    min-width: 35px;
    min-height: 22px
}

.toggle-on.btn-xs {
    padding-right: 12px
}

.toggle-off.btn-xs {
    padding-left: 12px
}

.rdash-main h1, .rdash-main h2, .rdash-main h3, .rdash-main h4, .rdash-main h5, .rdash-main h6 {
    font-family: 'lato','Times New Roman', Times, serif;
}

.rdash-main{
    margin-bottom:20px;
}

/*
    ROWS
*/

.rdash-cards-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    align-items: stretch;
}

    

    .rdash-card {
        display: flex;
        flex-direction: column;
        flex-basis: 100%;
        flex: 1;
        background-color: white;
        border: 0px solid #aaa;
        padding: 15px;
        margin: 5px;
        /*padding-bottom:25px;*/
    }


.rdash-card-header {
    color: #333;
    font-size: large;
    clear: both;
    margin-top: 0;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rdash-card-header-more-details {
    /*color: #666;*/
    font-size: small;
    align-self: flex-end;
}

.rdash-card-content {
    display: flex;
    justify-content: space-evenly;
    align-content: space-between;
    padding-bottom: 10px;
    padding-top: 10px;
    flex-grow:1;
}

.rdash-card-chart-placeholder {
    color: #999;
    justify-content: center;
    align-self: center;
    flex-grow: 1;
    text-align: center;
    padding: 40px;
}
.rdash-card-chart-container {
    position:relative;
    width:100%;
}

.rdash-card-stat-item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-grow: 1;
    padding-top: 10px;
    padding-bottom: 10px;
}

.rdash-card-stat-header {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.05em;
}

.rdash-card-stat-number {
    font-size: 1.6em;
    font-weight: 900;
    margin-top: 10px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}

.rdash-card-stat-info {
    margin-top: 10px;
    color: #888;
    font-size: 0.9em;
}
/* The icon on the left side of the card beside stats*/
.rdash-card-stat-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /*background-color: tomato;*/
    flex-grow: 1;
    flex-direction: column;
    padding-top: 10px;
    padding-bottom: 10px;
}
.rdash-header-row-refresh{
    order:4;
    padding:.5%;
}
.rdash-card-stat-icon .fa-lg {
    font-size: 2em;
}
/* Use to show arrow up or down*/
.rdash-card-stat-arrow-up {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    display: inline-flex;
    border-bottom: 8px solid green;
    margin: 8px;
}

.rdash-card-stat-arrow-down {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    display: inline-flex;
    border-top: 8px solid red;
    margin: 8px;
}

.rdash-card-stat-separator{
    border-left: dotted 1px #333;
}
/* Dashboard header row , showing title and controls*/
.rdash-header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rdash-grow-2 {
    flex-grow: 2;
}
.rdash-header-row-header {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}

.rdash-header-row-controls {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.rdash-header-row-pipeline-currency {
    order: 1;
    padding-left: 10px;
    padding-right: 10px;
}
.rdash-header-row-navigation{
    order:2;
    padding-left: 10px;
    padding-right:10px;
}
.rdash-header-row-primary-button {
    order: 4;
    margin-left: 10px;
    margin-top: 5px;
}

.rdash-header-row-daterange {
    order: 3;
}

.rdash-header-row-daterange .analytics-report-range {
    margin-top:5px;
    padding: 6px 10px;
    min-width: 240px;
}.rdash-header-row-daterange .analytics-report-range {
    /*margin-top:initial;*/
    min-width: 240px;
}

/* Table card */
.rdash-card-content .table > tbody > tr > td:first-child, .rdash-card-content .table > thead > tr > th:first-child {
    text-align: left !important;
    padding-left: 10px !important;
}

.rdash-header-row-pagetabs {
    order: 3;
    margin-right: 10px;
    margin-top: 7px;
    align-self:flex-start;
}

.rdash-header-row-pagetabs .nav {
    background-color: white;
}

    .rdash-header-row-pagetabs .nav > li {
        font-size: 14px;
    }

body.ar-AE-default .rdash-marketing-dashboard .rdash-header-row-pagetabs .nav > li {
    min-width: 108px;
}
.rdash-header-row-pagetabs .nav > li > a {
    font-size: 14px;
    padding: 7.2px 25px;
    cursor: pointer;
    font-weight: 500;
}


/****
    CUSTOM FOR SCREENS
*/



/* 
    1. Marketing - Leads Dashboard
*/
.rdash-card-stat-item-positive .rdash-card-stat-number {
    color: #00b16a;
}
.rdash-card-stat-item-negative .rdash-card-stat-number {
    color: #f94848;
}
.rdash-card-stat-item-in-progress .rdash-card-stat-number {
    color: #e99002;
}

.rdash-card-header-dropdown {
    float: left;
    font-size: 14px;
    padding: 7.2px 15px;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 7px;
    border-color:  #ccc/*#49a8ea;*/;
    color: gray;
    max-width: 200px;
    order:2;
}

.rdash-card-header-pipeline-dropdown {
    background-image: url(..//Images/pipeline-grey.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 15px;
    background-position-x: 5px;
    padding-left: 20px;

}

.rdash-card-header-currency-dropdown {
}
    .rdash-card-header-currency-dropdown::before {
        /*content: "\e148";*/
        /*font-family: 'Glyphicons Halflings';*/
        font-family: FontAwesome;
        content: "\f155";
        width:20px;
        height:20px;
    }



/* OPTIONAL NEW STYLE FOR CARDS */
.rdash-header-row-header {
    padding-left: 5px !important;
}
.rdash-card-stat-header {
    font-size: 0.85em;
    color: #777;
    text-transform: uppercase;
    font-weight:500
}
.rdash-cards-row:first-child .rdash-card-header{
    padding-top:10px;
}
.rdash-card{
    background-color:transparent;
    margin:8px; /* To go with the shadow*/
}
.rdash-card-content {
    background-color: white;
    /*border-right: 1px #999 solid;
    border-bottom: 1px #999 solid;*/
    box-shadow: 2px 2px 4px 2px rgba(153,153,153,0.4);
}
.rdash-card .table {
    /*margin-right: 10px;*/
    /*margin-left: 10px;*/
}
.rdash-card .table .table-spacing{
    padding-bottom:15px !important;
    padding-top:15px !important;
    text-align: center;
}
.rdash-card .table th.table-spacing {
    background-color: #333;
    text-transform: uppercase;
    color: #aaa;
    text-align:center;
}

.rdash-card{
    padding:0;
}
.rdash-card-content{
    padding:20px;
}
.rdash-card-header {
    padding: 20px 0px;
    margin-bottom: 0;
    font-size: 1.45em;
    align-items: baseline;
}

.rdash-card-table{
    padding:0px !important;
}

.rdash-card-header-more-details{
    padding-right:10px;
}
.rdash-card-header-more-details i{
    display:none;
}

.rdash-card-header-sales-dashboard {
    float: left;
    margin-top: 6px;
    font-size: 34px;
    font-weight: 500;
}

/*Melfawy Custom header dropdown working with IOS */
.custom-rev-dropdown {
    position: relative;
}

    .custom-rev-dropdown select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
    }

    .custom-rev-dropdown ::-ms-expand {
        display: none;
    }

    .custom-rev-dropdown:after {
        content: "";
        position: absolute;
        z-index: 2;
        right: 8px;
        top: 50%;
        height: 0;
        width: 0;
        border-top: 4px solid gray;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        pointer-events: none;
    }

​

/*End */
.rcampaign-main h1, .rcampaign-main h2, .rcampaign-main h3, .rcampaign-main h4, .rcampaign-main h5, .rcampaign-main h6 {
    font-family: 'lato','Times New Roman', Times, serif;
}

.rcampaign-main {
    margin-bottom: 20px;
}

/*
    ROWS
*/

.rcampaign-cards-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    align-items: stretch;
}



.rcampaign-card {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    background-color: white;
    border: 0px solid #aaa;
    padding: 15px;
    margin: 5px;
}

.rcampaign-card-header {
    color: #333;
    font-size: large;
    clear: both;
    margin-top: 0;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rcampaign-card-content {
    display: flex;
    justify-content: space-evenly;
    align-content: space-between;
    padding-bottom: 10px;
    padding-top: 10px;
    flex-grow: 1;
}

.rcampaign-card-stat-item {
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #04386d;
    font-size: 15px;
    font-weight: 500;
}

.rcampaign-card-stat-item-one-time-campaign {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #04386d;
    font-size: 15px;
    font-weight: 500;
}

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

/* Table card */
.rcampaign-card-content .table > tbody > tr > td:first-child, .rcampaign-card-content .table > thead > tr > th:first-child {
    text-align: left !important;
    padding-left: 10px !important;
}

.rcampaign-cards-row:first-child .rcampaign-card-header {
    padding-top: 10px;
}

.rcampaign-card {
    background-color: transparent;
    margin: 8px; /* To go with the shadow*/
}

.rcampaign-card-content {
    background-color: #ddd;
    /*border-right: 1px #999 solid;
    border-bottom: 1px #999 solid;*/
    box-shadow: 2px 2px 4px 2px rgba(153,153,153,0.4);
}

.rcampaign-card .table {
    /*margin-right: 10px;*/
    /*margin-left: 10px;*/
}

.rcampaign-card .table .table-spacing {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
    text-align: center;
}

.rcampaign-card .table th.table-spacing {
    background-color: #333;
    text-transform: uppercase;
    color: #aaa;
    text-align: center;
}

.rcampaign-card {
    padding: 0;
}

.rcampaign-card-content {
    padding: 20px;
}

.rcampaign-card-header {
    padding: 20px 0px;
    margin-bottom: 0;
    font-size: 1.45em;
    align-items: baseline;
}​

/*End */