/* Minification failed. Returning unminified contents.
(2043,1): run-time error CSS1019: Unexpected token, found '}'
(2277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2279,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '{'
(2735,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2736,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4763,1): run-time error CSS1019: Unexpected token, found '}'
(4997,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4999,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '{'
(5537,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6704,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6705,6): run-time error CSS1035: Expected colon, found '{'
 */
/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

/**Model Body Text**/
.btn-danger {
    color: #fff;
    background-color: #d43f3a;
    border-color: #d43f3a;
}
.mbtxt {
    color: #000;
}
ul.dp-feed li {
    display: inline-block;
    width: 25%;
}

.block-line label {
    display: block;
    text-align: left !important;
    margin-bottom: 5px !important;
}

.margin-top23 {
    margin-top: 23px;
}

ul.dp-feed {
    padding-left: 0px;
}

.cg-sch-adv {
    background-color: transparent!important;
    border: none!important;
    box-shadow: none!important;
}
.mypadding {
    padding: 20px;
}

.auto-pub-form .selectContainer .form-control-feedback,
.auto-pub-form .inputGroupContainer .form-control-feedback {
    top: 24px;
    right: -15px;
}

.auto-pub-table tr {
    cursor: pointer;
}

.auto-pub-bottom-padding {
    padding-bottom: 10px;
}
.auto-pub-bottom-padding-5 {
	padding-bottom: 5px;
}
.auto-pub-top-padding {
    padding-top: 50px;
}

.pac-container {
    z-index: 100000!important;
}

.graph-common {
    height: 250px;
}

.site-searchby-zip-graph {
    height: 100%;
}

.sysinnotification {
    border-bottom: 1px solid #dcd9d9;
}

.sysinnotification:last-child {
    border-bottom: none;
}

.uparrow {
    color: #496a14 !important;
}

.downarrow {
    color: #ef1e1e !important;
}

.uparrowtxt {
    color: #496a14 !important;
}

.downarrowtxt {
    color: #ef1e1e !important;
}

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

.uparrow::before {
    font-family: 'Glyphicons Halflings';
    content: "\e093";
    color: #496a14 !important;
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
}

.downarrow::before {
    font-family: 'Glyphicons Halflings';
    content: "\e094";
    color: #ef1e1e !important;
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
}

.border-left {
    border-left: 1px solid #e2e2e2;
}

.border-bottom {
    border-bottom: 1px solid #e2e2e2 !important;
}

.border-right {
    border-right: 1px solid #e2e2e2;
}

.small-per {
    background-color: #e3ebf0;
    width: 38%;
    position: relative;
    top: 20px;
    padding: 1px 0px 0px 9px;
}

.dash-color {
    color: #035180;
}
#dvptaginput .bootstrap-tagsinput {
    margin-top: 5px;
    max-width: 400px;
}
.customs_css_for_dr {
    width: 102%;
    padding-left: 13px;
}

.small-per h1 {
    font-size: 15px;
    margin-bottom: 2px;
    margin-top: 2px;
}

.small-per label {
    font-size: 9px;
    position: relative;
    top: -5px;
}

.small-per2 {
    background-color: #e3ebf0;
    width: 42%;
    padding: 1px 1px 1px 14px;
    position: relative;
    left: 26%;
}

    .small-per2 h1 {
        font-size: 18px;
        margin-bottom: 2px;
        margin-top: 2px;
    }

    .small-per2 label {
        font-size: 14px;
    }

.auto-pub-top-padding-d {
    padding-top: 10px;
}

.websie-dropdown {
    width: 66%;
    margin-right: -9px;
    margin-top: 3px;
}

.dash-padding-custom1 {
    padding-left: 30px;
}

.dash-padding-custom2 {
    padding-left: 40px;
}

.dash-padding-custom3 {
    padding-left: 48px;
}

/*geo location input*/
.searchGoogleContainer {
    display: inline-flex;
    flex: 1 1 300px;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 9px;
    width: 30%;
}

.searchGoogleIcon {
    padding: 1rem;
    background-color: #fff;
    font-size: 17px;
}
.searchGoogle {
    border: 0;
    padding: 1rem 0.5rem 1rem 0.5rem;
    flex: 1;
    font-size: 15px;
}

.input_triggerExp{
    width:400px!important;
}
.input_radius, .input_cenlng, .input_cenlan, .input_triggerExp {
    padding: 5px 12px !important;
}

.ecs {
    width: 300px !important;
    min-height: 200px !important;
}

.res {
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: row-reverse; /* Safari 6.1+ */
    display: flex;
    flex-direction: row-reverse;
}
.btn-view-full-list {
    font-weight: bold;
    background: none;
    border: none;
    float: right;
    clear: both;
    font-size:11px;
}
#addSettingsForm {
    margin-top: 40px;
}
@media only screen and (max-device-width : 2200px) {
    ul.dp-feed li {
    display: inline-block;
    width: 33%;
}
}

@media only screen and (max-device-width : 1800px) {
    ul.dp-feed li {
    display: inline-block;
    width: 50%;
}
}
@media only screen and (max-device-width : 1200px) {
    .input_triggerExp {
        width: auto!important;
    }
}

@media only screen and (max-device-width : 732px) {
    .websie-dropdown {
        width: 66%;
        margin-right: -9px;
        margin-top: -35px;
    }

    .dash-padding-custom1 {
        padding-left: 0px;
    }

    .dash-padding-custom2 {
        padding-left: 0px;
    }

    .dash-padding-custom3 {
        padding-left: 0px;
    }

    .small-per {
        background-color: #e3ebf0;
        width: 49%;
        position: relative;
        top: 10px;
        padding: 1px 1px 1px 14px;
    }

    .small-per2 {
        background-color: #e3ebf0;
        width: 88%;
        padding: 1px 1px 1px 14px;
        position: relative;
        left: 2%;
    }
}

@media only screen and (max-device-width : 479px) {
    .col-xxs-12 {
        width: 100%;
    }

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

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

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

    .websie-dropdown {
        width: 66%;
        margin-right: -9px;
        margin-top: -35px;
    }

    .customs_css_for_dr {
        width: 104%;
        padding-left: 13px;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */

    #searchesGraph svg, #webSitePerformanceChart svg, .graph-common svg {
        height: 400px;
    }

    .websie-dropdown {
        width: 66%;
        margin-right: -9px;
        margin-top: -35px;
    }

    .mini-box .box-icon {
        width: 100%;
        height: 50%;
        margin: 0 8px 0;
    }

    #websitedrop {
        padding-left: 0px;
        padding-right: 0px;
    }

    #weblabel {
        padding-left: 0;
    }

    #newweb {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .websites-wdiget-grid {
        padding-top: 54px;
    }

    #project-context > :first-child, .project-context > :first-child {
        margin-left: 0 !important;
        width: 100%;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1223px) {
    /* Styles */
    .mini-box .box-icon {
        width: 100%;
        height: 100%;
        margin: 0 10px 0;
    }

    #header > div {
        display: inline-block;
        vertical-align: middle;
        height: auto;
        float: left;
        margin-left: 0;
        /*width: 363px;*/
    }
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    /* Styles */
    #searchesGraph svg, #webSitePerformanceChart svg, .graph-common svg {
        height: 350px;
    }

    .mini-box .box-icon {
        width: 50%;
        height: 100%;
        margin: 0 15px 0;
    }

    .select-customer {
        padding-top: 4px !important;
    }

    .websites-custom-button {
        top: 10px;
        right: 13px;
        position: absolute;
    }

    #header > div {
        /* display: inline-block; */
        /* vertical-align: middle; */
        /* height: 49px; */
        /* float: left; */
        /* margin-left: 95px; */
        /* width: 363px; */
    }

    btn-group websites-custom-button {
        margin-right: 31px;
        width: 62px;
    }

    .custom {
        /*width: 128px !important;
  margin-right: 31px;*/
        width: 140px !important;
        margin-right: -13px;
    }
}

.bg-dark {
    background-color: #242633;
    color: #ffffff;
}

.mini-box {
    min-height: 105px;
    padding: 10px;
}

.bg-success {
    background-color: #60cd9b;
    color: #ffffff;
}

.bg-info {
    background-color: #1f77b4;
}

#search-engine-summary-table {
    margin-top: 15px;
}

.mini-box .box-icon {
    display: block;
    float: left;
    line-height: 65px;
    vertical-align: middle;
    text-align: center;
    font-size: 35px;
}

/* select box changes */
.header-bstrp-select, .header-bstrp-select > input.ui-select-search.form-control {
    height: 34px;
}

.header-bstrp-select {
    padding-bottom: 10px;
    width: 100%;
    min-width: 0;
}


/*!
 * DATEPICKER
 * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
 *
 * Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Built for http://www.improvely.com
 */

.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3000;
}

.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
    float: left;
    margin: 4px;
}

.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
    float: right;
    margin: 4px;
}

.daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: none;
}

.daterangepicker .ranges {
    width: 160px;
    text-align: left;
}

    .daterangepicker .ranges .range_inputs > div {
        float: left;
    }

        .daterangepicker .ranges .range_inputs > div:nth-child(2) {
            padding-left: 11px;
        }

.daterangepicker .calendar {
    display: none;
    max-width: 270px;
}

.daterangepicker.show-calendar .calendar {
    display: block;
}

.daterangepicker .calendar.single .calendar-date {
    border: none;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    white-space: nowrap;
    text-align: center;
    min-width: 32px;
}

.daterangepicker .daterangepicker_start_input label,
.daterangepicker .daterangepicker_end_input label {
    color: #333;
    display: block;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    margin-bottom: 2px;
    text-shadow: #fff 1px 1px 0px;
    text-transform: uppercase;
    width: 74px;
}

.daterangepicker .ranges input {
    font-size: 11px;
}

.daterangepicker .ranges .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin: 0 0 10px 0;
    padding: 0 6px;
    width: 74px;
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.daterangepicker .ranges li {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #5CB85C;
    padding: 3px 12px;
    margin-bottom: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

    .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
        background: #5CB85C;
        border: 1px solid #5ba45b;
        color: #fff;
    }

.daterangepicker .calendar-date {
    border: 1px solid #ddd;
    padding: 4px;
    border-radius: 4px;
    background: #fff;
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 8px auto 0 auto;
    line-height: 30px;
}

.daterangepicker {
    position: absolute;
    background: #fff;
    top: 100px;
    left: 20px;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .daterangepicker.opensleft:before {
        position: absolute;
        top: -7px;
        right: 9px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }

    .daterangepicker.opensleft:after {
        position: absolute;
        top: -6px;
        right: 10px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        content: '';
    }

    .daterangepicker.opensright:before {
        position: absolute;
        top: -7px;
        left: 9px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }

    .daterangepicker.opensright:after {
        position: absolute;
        top: -6px;
        left: 10px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        content: '';
    }

    .daterangepicker table {
        width: 100%;
        margin: 0;
    }

    .daterangepicker td, .daterangepicker th {
        text-align: center;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        cursor: pointer;
        white-space: nowrap;
    }

        .daterangepicker td.off {
            color: #999;
        }

        .daterangepicker td.disabled {
            color: #999;
        }

        .daterangepicker td.available:hover, .daterangepicker th.available:hover {
            background: #eee;
        }

        .daterangepicker td.in-range {
            background: #ebf4f8;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

        .daterangepicker td.start-date {
            -webkit-border-radius: 4px 0 0 4px;
            -moz-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
        }

        .daterangepicker td.end-date {
            -webkit-border-radius: 0 4px 4px 0;
            -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
        }

        .daterangepicker td.start-date.end-date {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

        .daterangepicker td.active, .daterangepicker td.active:hover {
            background-color: #5CB85C;
            border-color: #5ba45b;
            color: #fff;
        }

        .daterangepicker td.week, .daterangepicker th.week {
            font-size: 80%;
            color: #ccc;
        }

    .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.ampmselect {
        width: 50px;
        margin-bottom: 0;
    }

.daterangepicker_start_input {
    float: left;
}

.daterangepicker_end_input {
    float: left;
    padding-left: 11px;
}

.daterangepicker th.month {
    width: auto;
}

.date-picker input[type=text] {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
    color: #333333;
    padding: 8px;
    line-height: 18px;
    cursor: pointer;
    padding-left: 32px;
    background: #ffffff;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAGpQAABqUBF5mX3QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHSSURBVEiJ1dVNiE5hFAfw35kmNCVmIWUlqWnWdrJDs1GyMRslG5bKxkJTpDR2YzsLRRZsiHwkWYyFzxqiycyUKMQrCywmGvVY3DP1zvXOa97JJKdO93w8z/mfc+6550YpxXJS17JG/+cAEXEoIkYjYm3qQxExEhHdySMRMbQkgIhYjb14isGI6EM/ZrA9eQb96VscQET0RsQwnuAtXuIkbmM6+WzynH4zIoYjorcer7sF6BEcTflhPtfVzmyo6Zvyzizmt6yUMo8xjpL8DY+a9PeYaNIn0janj9fjtaqgC8dxqYWvHQ1iT93YCgAapZTJTqJHRKOVfSEAEXEgs7qPRmZ3J907cQXrsVWbahcEQB8G8B1vUv6YvgFMYmPKz/JMRwAX8BgfVPN+TzW2cA2v0IPzqlHd1inAPtXoXc3sDuNc+vbjTFawG6eXUsEnTOGd6h1MZTVSbuT9qTzbktoBPMdFVa+/YKWq1/BDtUJe43Oe3dwpwA7L3KJbmfk0vqom6EX6JlW7ao1qnTxQLcJFAcyip5QyhrEm+90m+Ub9UkRsybt/BLiMExGxQvUNLIZW4RhO/QZc/ydHRA8OYtcCCbSin7iO0VLKTFuAv03//0//FwADmsO+Nq1KAAAAAElFTkSuQmCC) no-repeat 4px 4px #FFF;
}

#site-searchby-zip-graph-container {
    height: 363px;
}

.page-builder-layout {
    display: block !important;
}

.page-builder-panel-center {
    width: 85%;
}


.notification-body .not-content {
    padding-left: 18px;
}

.text-area-comon {
    min-height: 180px;
}

#partner-locations-table {
    overflow-y: scroll;
    max-height: 401px;
    /*border: 1px solid rgb(241, 241, 241);*/
}

#admin-inventory-table {
    overflow-y: scroll;
    max-height: 401px;
    border: 1px solid grey;
}

#inventory-option-list {
    /*overflow-y: scroll;
    max-height: 401px;*/
    /*border: 1px solid grey;*/
    /*max-width: 600px;*/
    /*margin-left:2px;
    margin-top:5px;*/
}

.col-centered {
    float: none;
    margin: auto;
}

#admin-inventory-table-add {
    overflow-y: scroll;
    max-height: 401px;
    border: 1px solid rgb(241, 241, 241);
}

.modal.large-window {
    width: 100%; /* respsonsive width */
    margin: auto;
    height: 100%;
}

    .modal.large-window .modal-dialog {
        width: 80%; /* respsonsive width */
        height: 80%;
        overflow: auto;
    }

.modal-backdrop.in {
    height: 100% !important;
}

.modal.large-window .panel-body {
    padding: 10px;
}

.modal.widget-window {
    width: 100%; /* respsonsive width */
    margin: auto;
    height: 100%;
}

    .modal.widget-window .modal-dialog {
        width: 95%; /* respsonsive width */
        height: 80%;
        /*overflow: auto;*/
    }

    .modal.widget-window .panel-body {
        padding: 10px;
    }
    .modal.widget-map .modal-dialog {
        width: 80%;
        height: 80%;
        overflow: auto;
    }
.analytics-sub-panel {
    padding: 5px 20px 20px 20px;
}

.vehicle-stok-chart-new-label {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 52px;
    font-size: 15px;
    color: black !important;
}

.vehicle-stok-chart-used-label {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 40px;
    font-size: 15px;
    color: black !important;
}

.vehicle-stok-chart-certified-label {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 26px;
    font-size: 15px;
    color: black !important;
}

.easy-pie-chart .percent {
    font-size: 22px;
    font-weight: 500;
}

ul.vertical-bars li {
    width: 48px;
}


.price-age-grouping .progress-bar {
    font-size: 9px;
}


.bar-holder {
    padding: 6px 15px;
}

#logo img {
}
#editDealercontactForm .form-control-feedback {
    top: 24px;
    right: -25px;
}
    .img-show-set-hieght {
    min-height: 155px;
}

#logo-login img {
    display: block;
    width: 175px;
    margin: 20px auto 0;
    width: 310px;
    height: 105px;
}

.project-context {
    margin-top: 10px;
}

.ajax-dropdown {
    left: 118px;
}

#logo-group span#activity {
    margin-left: 6px;
    margin-top: 15px;
    padding: 0px 0px 0px 0px;
}


#project-context > :first-child, .project-context > :first-child {
    /* margin-left: -81px; */
}


.break-lines {
    word-break: break-all;
}

.font-bold {
    font-weight: bold;
}

.inventory-analytics-navbar li .cell-first {
    margin-left: -20px;
}

.inventory-analytics-navbar .price-link {
    padding-left: 20px;
}

.ddown-header {
    display: block;
    line-height: 1.42857143;
    white-space: nowrap;
    color: #428bca;
    font-size: 18px;
}

.inventory-analytics-navbar li .cell-second {
    padding-left: 45px;
}

#used-stock-by-price-container .price-group-bar-label {
    text-align: right;
}

.inventory-analytics-navbar .heading-text-inventory {
    font-weight: bold;
    padding-top: 16px;
    margin-right: 55px;
}

.inline-top-margin {
    margin-top: 5px;
    display: inline-block;
}

.column-title {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    font-weight: bold;
    /* padding-left: 20px; */
    width: 450px;
    /* padding-bottom: 5px; */
    /* padding-left: 20px; */
}


.analytics-total-row {
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    /*color: #e7e7e7;*/
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #e7e7e7;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.column-count-container > li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
}

.selected {
    background-color: #C0C0C0;
    color: white;
    font-weight: bold;
}

#weblabel {
    margin-top: 5px;
}


.custom1 {
    width: 108px !important;
}

#addnwoption {
    /*margin-top: 50px;*/
}

.add-v-l {
    margin: 5px;
}

.onoffswitch {
    position: relative;
    width: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #626262;
    border-radius: 50px;
    border-color: #adadad #b3b3b3 #9e9e9e;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    display: block;
}

    .onoffswitch-inner:after, .onoffswitch-inner:before {
        float: left;
        width: 50%;
        height: 15px;
        padding: 0;
        line-height: 15px;
        font-size: 10px;
        font-family: Trebuchet,Arial,sans-serif;
        font-weight: 700;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: attr(data-swchon-text);
        text-shadow: 0 -1px 0 #333;
        padding-left: 7px;
        background-color: #3276b1;
        color: #fff;
        box-shadow: inset 0 2px 6px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.05);
        text-align: left;
    }

    .onoffswitch-inner:after {
        content: attr(data-swchoff-text);
        padding-right: 7px;
        text-shadow: 0 -1px 0 #fff;
        background-color: #fff;
        color: #555;
        text-align: right;
        box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
    }

.onoffswitch-switch {
    width: 19px;
    height: 19px;
    margin: -2px;
    background: #fff;
    border: 1px solid #9a9a9a;
    border-radius: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 32px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-color: #f4f4f4;
    background-image: -moz-linear-gradient(top,#fff,#eee);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#eee));
    background-image: -webkit-linear-gradient(top,#fff,#eee);
    background-image: -o-linear-gradient(top,#fff,#eee);
    background-image: linear-gradient(to bottom,#fff,#eee);
    background-repeat: repeat-x;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.3);
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.3);
}

.onoffswitch-checkbox + .onoffswitch-label .onoffswitch-switch:before, .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before {
    content: "\f00d";
    color: #a90329;
    display: block;
    text-align: center;
    line-height: 19px;
    font-size: 10px;
    text-shadow: 0 -1px 0 #fff;
    font-weight: 700;
    font-family: FontAwesome;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before {
    content: "\f00c";
    color: #57889c;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
    display: block;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0;
}

.onoffswitch-switch:hover {
    background-color: #eee;
}

.onoffswitch-switch:active {
    background-color: #eee;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
}

.onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-inner:before, .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-inner:after {
    text-shadow: 0 1px 0 #fff;
    background: #bfbfbf;
    color: #333;
}

.onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-switch, .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-switch {
    background-color: #f4f4f4;
    background-image: -moz-linear-gradient(top,#bfbfbf,#f4f4f4);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#bfbfbf),to(#f4f4f4));
    background-image: -webkit-linear-gradient(top,#bfbfbf,#f4f4f4);
    background-image: -o-linear-gradient(top,#bfbfbf,#f4f4f4);
    background-image: linear-gradient(to bottom,#bfbfbf,#f4f4f4);
    box-shadow: none !important;
}

.onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-label, .onoffswitch-checkbox:disabled + .onoffswitch-label {
    border-color: #ababab #999 #878787 !important;
}

.onoffswitch-checkbox:checked + .onoffswitch-label {
    border-color: #3276b1 #2a6395 #255681;
}

.onoffswitch + span, .onoffswitch-title {
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
}

.onoffoption {
    margin-left: -11px;
    margin-top: 2px;
}

#inputgrp {
    margin-bottom: 11px;
}

#addoptin {
    margin-left: 10px;
}

#actve {
    margin-bottom: 18px;
    margin-left: 8px;
}

#fieldsetoperations {
    padding: 10px 10px;
    border: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background: #ffffff;
    margin-top: 10px;
    margin-right: 10px;
}
/*
#fieldsetoperations{
    margin:5px 0px;
    padding:5px 5px;
    border:1px solid #cccccc;
    border-bottom:2px solid #cccccc;
    background:#ffffff;
    width:90%;
    margin-top:55px;
}
*/
#landing {
    margin: 3px;
}

#nwvehicle {
    /*margin-bottom: 10px;*/
}



#usertypepermission {
    color: #333;
    border: 1px solid #FDFCFC;
    background-color: #F0EBEB;
}

#mobile-profile-img li:first-child {
    margin-top: 10px;
}

#dept {
    margin: 0px 0px 5px 0px;
}

#deptform {
    margin: 5px 0px;
    padding: 5px 5px;
    border: 1px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    background: #ffffff;
    width: 80%;
    margin-top: 55px;
}

#pagesCollection td > span {
    display: inline-block;
    margin-right: 5px;
}

/*My styles - DMRF*/
.margin-top5 {
    margin-top: 5px;
}

.margin-top10 {
    margin-top: 10px;
}

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

.margin-top21 {
    margin-top: 21px;
}

.margin-top22 {
    margin-top: 22px;
}

.margin-top23 {
    margin-top: 23px;
}

.margin-top24 {
    margin-top: 24px;
}

.margin-top25 {
    margin-top: 25px;
}

.margin-top30 {
    margin-top: 30px;
}

.margin-top40 {
    margin-top: 40px;
}

.margin-top50 {
    margin-top: 50px;
}

.margin-top60 {
    margin-top: 60px;
}

.margin-top80 {
    margin-top: 80px;
}

.margin-top100 {
    margin-top: 100px;
}

.margin-top130 {
    margin-top: 130px;
}

.margin-top150 {
    margin-top: 150px;
}

.margin-top180 {
    margin-top: 180px;
}

.margin-top200 {
    margin-top: 200px;
}

.margin-bottom5 {
    margin-bottom: 5px;
}

.margin-bottom10 {
    margin-bottom: 10px;
}

.margin-bottom20 {
    margin-bottom: 20px;
}

.margin-bottom30 {
    margin-bottom: 30px;
}

.margin-bottom40 {
    margin-bottom: 40px;
}

.margin-bottom50 {
    margin-bottom: 50px;
}

.margin-bottom60 {
    margin-bottom: 60px;
}

.margin-bottom80 {
    margin-bottom: 80px;
}

.margin-bottom100 {
    margin-bottom: 100px;
}

.margin-bottom130 {
    margin-bottom: 130px;
}

.margin-bottom150 {
    margin-bottom: 150px;
}

.margin-bottom180 {
    margin-bottom: 180px;
}

.margin-bottom200 {
    margin-bottom: 200px;
}

.margin-right5 {
    margin-right: 10px;
}

.margin-right20 {
    margin-right: 20px;
}

.margin-left10 {
    margin-left: 10px;
}

#hide-menu.btn-header {
    padding-right: 10px;
}

.header-dropdown-list .dropdown-menu .fa-check-circle {
    margin-top: 3px;
}

#noteusername {
    font-style: italic;
    text-align: right;
}

#notedate {
    color: #808080;
    font-size: xx-small;
}

#noteby {
    text-align: right;
}

#cusbutton {
    padding: 6px 0;
}

a.ui-spinner-up, a.ui-spinner-down {
    background: #275b89 !important;
    border-color: #1f496d !important;
}


#inventoryTable th.hasinput {
    width: 9%;
}

    #inventoryTable th.hasinput select {
        width: 100%;
        height: 100%;
    }

/* Fox date picker */

/* Style the calendar custom widget */
.date-range {
    position: relative;
}

.date-range-field {
    width: 290px;
    height: 26px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
}

    .date-range-field a {
        color: #B2B2B2;
        background-color: #F7F7F7;
        text-align: center;
        display: block;
        position: absolute;
        width: 26px;
        height: 23px;
        top: 0;
        right: 0;
        text-decoration: none;
        padding-top: 6px;
        border-radius: 0 5px 5px 0;
    }

    .date-range-field span {
        font-size: 12px;
        font-weight: bold;
        color: #404040;
        position: relative;
        top: 0;
        height: 26px;
        line-height: 26px;
        left: 5px;
        width: 250px;
        text-align: center;
    }

.fox-datepicker-calendar {
    display: none;
}

    .fox-datepicker-calendar table:first-child {
        position: relative;
        z-index: 9999;
    }

#left-panel nav a {
    cursor: pointer;
}

/**Promoweb Analytics**/
.bluewell {
    background-color: #4f8bcd;
    border: 1px solid #4f8bcd;
    box-shadow: 0 1px 1px #ececec;
    color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px #ececec;
    -moz-box-shadow: 0 1px 1px #ececec;
    position: relative;
}

.bluewell-sm {
    padding: 9px;
}

.bluewell-fo {
    background-color: #f5f5f5;
    border-radius: 0px 0px 5px 5px;
    padding: 9px;
    font-size: 14px;
}

.greenwell {
    background-color: #66b855;
    box-shadow: 0 1px 1px #ececec;
    color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px #ececec;
    -moz-box-shadow: 0 1px 1px #ececec;
    position: relative;
}

.greenwell-sm {
    padding: 9px;
}

.analyticsicon {
    font-size: 70px;
    margin: 0;
    font-weight: 700;
    line-height: 1px;
}

.analyticsnum {
    font-size: 40px;
    margin: 0;
    font-weight: 400;
    line-height: 40px;
}

.analyticsnumsm {
    font-size: 15px;
    margin: 0;
    font-weight: normal;
    line-height: 40px;
}

.vehicle-image-gallery .ui-sortable-placeholder {
    width: 120px !important;
    height: 100px !important;
    display: block !important;
}

.ui-sortable-placeholder {
    visibility: inherit !important;
    background-color: #f2fbff;
    border: 1px dashed #b6bcbf;
}

#vehicle-image-container .vehicle-image-gallery li, .inventory-option-list .ui-sortable li {
    float: left;
    list-style: none;
    cursor: move;
}

.hightlight-tb-r {
    background-color: #99CC99 !important;
}

.hightlight-tb-r-green {
    background-color: #d8f1d8 !important;
}

.hightlight-tb-r-blue {
    background-color: #e5eaf1 !important;
}

.hightlight-tb-r-red {
    background-color: #fd6060 !important;
}

.hightlight-tb-r-yellow {
    background-color: #fbf8ae !important;
}

.hightlight-tb-r:hover {
    background-color: #cccc99 !important;
}



/*Analytics Reports Table Styles*/
.reporthead {
    background-color: #00066c;
    height: 50px;
    position: relative;
    padding: 5px;
}

.reporttitle {
    font-size: 35px;
    font-weight: bold;
    color: #fff;
    line-height: 37px;
}

.reportdate {
    font-size: 11px;
    font-weight: normal;
    color: #fff;
    line-height: 60px;
}

.ewing-well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.ewing-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #fff;
}

    .ewing-table caption {
        color: #000;
        font: italic 85%/1 arial,sans-serif;
        padding: 1em 0;
        text-align: center;
    }

    .ewing-table td, .ewing-table th {
        border-left: 1px solid #fff;
        border-width: 0 0 0 1px;
        font-size: inherit;
        margin: 0;
        overflow: visible;
        padding: .5em 0.6em;
    }

        .ewing-table td:first-child, .ewing-table th:first-child {
            border-left-width: 0;
        }

    .ewing-table thead {
        background-color: #4f81bd;
        color: #fff;
        text-align: left;
        vertical-align: bottom;
    }

    .ewing-table td {
        background-color: transparent;
    }

.ewing-table-odd td {
    background-color: #d0d8e8;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}

.ewing-table-even td {
    background-color: #e9edf4;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}

.ewing-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2;
}

.ewing-table-bordered td {
    border-bottom: 1px solid #fff;
}

.ewing-table-bordered tbody > tr:last-child > td {
    border-bottom-width: 0;
}

.ewing-table-horizontal td, .pure-table-horizontal th {
    border-width: 0 0 1px;
    border-bottom: 1px solid #fff;
}

.ewing-table-horizontal tbody > tr:last-child > td {
    border-bottom-width: 0;
}

.default-cursor {
    cursor: default !important;
}


.bst-datepicker div.datepicker {
    position: inherit;
    font-family: inherit;
    font-size: inherit;
    width: inherit;
    height: inherit;
    position: inherit;
    cursor: inherit;
    top: inherit;
    left: inherit;
    display: inherit;
}

.bst-datepicker .datepicker {
    background-color: inherit;
    border: inherit;
    border-radius: inherit;
    padding: inherit;
}

/**Snippet Preview**/
.seotit {
    font-size: 18px;
    color: #1a0dab;
    cursor: pointer;
    white-space: nowrap;
}

.seodom {
    font-size: 14px;
    color: #006621;
    font-family: arial,sans-serif;
    font-style: normal;
    white-space: nowrap;
}

.seometa {
    font-size: 12px;
    color: #545454;
    word-wrap: break-word;
    font-family: arial,sans-serif;
    font-size: small;
    text-align: left;
    font-weight: normal;
}

.draggable {
    position: absolute;
    z-index: 99;
    border-left: 10px solid grey;
}

.draggable-promowebb {
    left: 50%;
    top: 40px;
    bottom: 13px;
}

.draggable-promolayout {
    left: 50%;
    top: 52px;
    bottom: 13px;
}

.ace_editor {
    border: 1px solid lightgray;
    margin: auto;
    height: 2000px;
}
/**Snippet Preview**/

/*Password Strength*/
.ps-ok {
    color: green;
    font-family: verdana;
    font-size: 10px;
}

.ps-alert {
    color: yellow;
    font-family: verdana;
    font-size: 10px;
}

.ps-error {
    color: red;
    font-family: verdana;
    font-size: 10px;
}
/*Password Strength*/

.dvp-profile-header {
    color: #aaa;
}

.dvp-profile-info {
    padding-left: 10px;
    padding-bottom: 10px;
}

.dvp-profile-event-count {
    margin-left: 5px;
}

.dvp-event-details {
    padding: 2px;
    padding-left: 40px;
    display: none;
}

.wordbreak {
    word-wrap: break-word;
}

.dataTables_wrapper #loaderIcon {
    top: 50% !important;
    left: 50% !important;
}

#administration-users-types-detail-collection-widget #loaderIcon, #websites-event-collection-widget #loaderIcon, #websites-inventories-collection-widget #loaderIcon {
    top: 50% !important;
    left: 50% !important;
}

.tableLoader #loaderIcon {
    top: 50% !important;
    left: 50% !important;
}

.tableLoader {
    z-index: 1;
}

.condition, .group {
    margin-top: 15px;
    margin-bottom: 15px;
}

.form-build-margin {
    margin-left: 5px;
}

.master-dealer-list-img {
    padding: 28%;
    width: 100%;
    height: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}


/* Facebook  Dashoard Css */
.tab-contents > .tab-panes,
.pill-contents > .pill-panes {
    display: block !important;
    height: 0 !important;
    overflow: hidden !important;
}

.tab-contents > .active,
.pill-contents > .active {
    height: auto !important;
}

ul.nav.nav-tabs.tabs-left.sideways {
    padding-left: 15px;
    padding-top: 5px;
}

.tab-container {
    background: #fff;
}

    .tab-container .fb-tB {
        border-bottom: 1px solid #ccc;
        position: relative;
    }

        .tab-container .fb-tB > li {
            margin-bottom: 0;
            position: initial;
        }

            .tab-container .fb-tB > li > a {
                border: none;
                color: #000;
                margin: 0;
            }

                .tab-container .fb-tB > li > a > i {
                    color: #fff;
                    background-color: #323438;
                    padding: 4px;
                    border-radius: 2px;
                }

                .tab-container .fb-tB > li > a:hover {
                    background: transparent;
                }

            .tab-container .fb-tB > li.active > a {
                border: none;
                /* color: #E91E63; set color */
                background: transparent;
            }

                .tab-container .fb-tB > li.active > a > i {
                    color: #fff;
                    background-color: #3b5998;
                    padding: 4px;
                    border-radius: 2px;
                }

                .tab-container .fb-tB > li.active > a,
                .tab-container .fb-tB > li.active > a:focus,
                .tab-container .fb-tB > li.active > a:hover {
                    border-width: 0;
                }

.fb-tB > li.active > a {
    -webkit-box-shadow: 0 2px 0 #3b5998;
    -moz-box-shadow: 0 2px 0 #3b5998;
    box-shadow: 0 2px 0 #3b5998;
    border-top-width: 0 !important;
    margin-top: 1px !important;
    font-weight: 700;
}

.tab-container .tab-content {
    padding: 15px;
}
/*Custome*/

.fb_ad_num {
    font-size: 16px;
    line-height: 20px;
    margin: 0px;
}

.fb_ad_letter {
    font-size: 12px;
}

.tabs-left {
    border-bottom: none;
}

    .tabs-left > li {
        float: none;
        margin: 0px;
    }

.sp-spent {
    font-size: 14px;
    font-weight: bold;
    margin-left: 58px;
    padding-top: 20px;
    font-family: Helvetica, Arial, sans-serif;
}

.spent-table {
    color: #999;
    display: block;
    font-size: 11px;
    line-height: 16px;
}

}

.sideways > li.active > a,
.sideways > li.active > a:hover,
.sideways > li.active > a:focus {
    border-left: 4px solid #3b5998 !important;
    cursor: default;
    margin-left: -3px;
    color: #1d2129;
    border-top: none;
    border-right: none;
    box-shadow: none;
}

.sideways > li > a:hover {
    /* margin-right: 2px; */
    line-height: 1.42857143;
    border: 1px solid transparent;
    /* border-radius: 4px 4px 0 0; */
}

.padding-left-0 {
    padding-left: 0px;
}

li.fb-mini-menu {
    display: inline-block;
    padding: 0px 9px 0px 9px;
}

.fb-left-item, .fb-right-item {
    display: inline-block;
}

.fb-left-item {
    color: #4b4f56;
    font-size: 14px;
    font-weight: bold;
    padding-right: 2px;
    font-family: Helvetica, Arial, sans-serif;
}

.fb-right-item {
    font-size: 14px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    padding-left: 2px;
}

.color-one {
    color: #3d6ad6;
}

.color-two {
    color: #13bda6;
}

.color-three {
    color: #90949c;
}

ul.fb-mini-ul {
    padding-left: 0px;
}

.fb-left-menu > div {
    color: #90949c;
    font-size: 16px;
}

.fb-left-menu > span {
    font-size: 12px;
    color: #90949c;
}

.tabs-left > li.active > a > .fb-left-menu > div, .tabs-left > li.active > a > .fb-left-menu > span {
    color: #1d2129;
}

.demog {
    text-align: center;
    padding-top: 50px;
}

.user-icon-color {
    color: #90949c;
}

.line-d::before {
    border-bottom: 2px solid #dddfe2;
    content: "";
    display: block;
    width: 100%;
}

.line-d {
    margin: 16px 20px;
}



.abcRioButtonBlue {
    border: 1px solid #bbb;
    border-radius: 3px;
}

    .abcRioButtonBlue:hover {
        background-color: #4285f4;
    }

    .abcRioButtonBlue:active {
        background-color: #3367d6;
    }

.abcRioButtonLightBlue {
    color: #777;
}

    .abcRioButtonLightBlue:active {
        background-color: #eee;
        color: #6d6d6d;
    }

.abcRioButtonIcon {
    float: left;
}

.abcRioButtonBlue .abcRioButtonIcon {
}

.abcRioButtonSvg {
    display: block;
}

.abcRioButtonContents {
    font-family: 300 15px/29px 'Open Sans',Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .21px;
    margin-left: 6px;
    margin-right: 6px;
    vertical-align: top;
}

.abcRioButtonContentWrapper {
    height: 100%;
    width: 100%;
}

.abcRioButtonBlue .abcRioButtonContentWrapper {
    background: -webkit-linear-gradient(#fff, #eee);
    background: linear-gradient(#fff, #eee);
    border: 1px solid #bbb;
    border-radius: 3px;
    color: #777;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 500;
    line-height: 34px;
    padding: 0 0px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid transparent;
}

.abcRioButtonErrorWrapper, .abcRioButtonWorkingWrapper {
    display: none;
    height: 100%;
    width: 100%;
}

.abcRioButtonErrorIcon, .abcRioButtonWorkingIcon {
    margin-left: auto;
    margin-right: auto;
}

.abcRioButtonErrorState, .abcRioButtonWorkingState {
    border: 1px solid #d5d5d5;
    border: 1px solid rgba(0,0,0,.17);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.05);
    box-shadow: 0 1px 0 rgba(0,0,0,.05);
    color: #262626;
}

    .abcRioButtonErrorState:hover, .abcRioButtonWorkingState:hover {
        border: 1px solid #aaa;
        border: 1px solid rgba(0,0,0,.25);
        -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
        box-shadow: 0 1px 0 rgba(0,0,0,.1);
    }

    .abcRioButtonErrorState:active, .abcRioButtonWorkingState:active {
        border: 1px solid #aaa;
        border: 1px solid rgba(0,0,0,.25);
        -webkit-box-shadow: inset 0 1px 0 #ddd;
        box-shadow: inset 0 1px 0 #ddd;
        color: #262626;
    }

    .abcRioButtonWorkingState, .abcRioButtonWorkingState:hover {
        background-color: #f5f5f5;
    }

        .abcRioButtonWorkingState:active {
            background-color: #e5e5e5;
        }

    .abcRioButtonErrorState, .abcRioButtonErrorState:hover {
        background-color: #fff;
    }

        .abcRioButtonErrorState:active {
            background-color: #e5e5e5;
        }

        .abcRioButtonWorkingState .abcRioButtonWorkingWrapper, .abcRioButtonErrorState .abcRioButtonErrorWrapper {
            display: block;
        }

        .abcRioButtonErrorState .abcRioButtonContentWrapper, .abcRioButtonWorkingState .abcRioButtonContentWrapper, .abcRioButtonErrorState .abcRioButtonWorkingWrapper {
            display: none;
        }

.-webkit-keyframes abcRioButtonWorkingIconPathSpinKeyframes {
    0%;

{
    -webkit-transform: rotate(0);
}

}


.smart-form footer .btn {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .218s,border-color .218s,box-shadow .218s;
    transition: background-color .218s,border-color .218s,box-shadow .218s;
}

.timeline-seperator:after {
    display: block;
    content: " ";
    margin: 0 20px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.31);
    margin-top: -8px;
}

.timeline-seperator > :first-child {
    padding: 4px 5px;
    border: 1px dashed rgba(0,0,0,.31);
    background: #fff;
    font-size: 11px;
    border-radius: 4px;
}

.abbr {
    width: 100% !important;
}

.auto-pub-bottom-5 {
    margin-bottom: 5px !important;
}

.cus-tol-tip {
    background: #07455a;
    font-size: 12px;
    padding: 20px;
    color: #fff;
}

.cus-tol-tip2 {
    background: #07455a;
    font-size: 12px;
    padding: 5px;
    color: #fff;
    text-align: center;
}

.cs-padding {
    padding-top: 7px;
}

.dvp-dashboard-img-padding {
    padding: 5px 0px 5px 0px !important;
    text-align: center !important;
}

.preview-exit-btn {
    position: relative;
    top: 0px;
    text-transform: initial;
    font-size: 12px;
}

    .preview-exit-btn button {
        border: none;
        padding: 2px;
        background: #eb4800;
        color: #fff;
        font-size: 10px;
        float: right;
    }

.preview-exit-btn-a {
    color: #ffe40e;
}

/* Vehicle Details */

.menuvp {
    margin: auto;
}

.vehicle-details-dvp h4 {
    font-weight: 600;
    font-size: 15px;
}

.menuvp h3 {
    margin: 0px;
    margin-bottom: 10px;
    border: 1px dotted #999;
    border-radius: 5px;
    display: inline-block;
    padding: 3px 8px;
    width: 98%;
    /* padding: 11px; */
}

.dvpp h4 {
    text-decoration: underline;
    padding-bottom: 5px;
}

.menuvp .tree li > span p {
    font-size: 15px;
    margin: 0px;
    font-weight: 600;
}

.menuvp .tree li > span {
    width: 100%;
}

.tree li span span {
    border: none !important;
    padding: 0px;
}

.pdbc {
    color: #000;
}

.pdba {
    color: #777777;
}

.vd-drop {
    background-color: #739e73;
}

.vd-increase {
    background-color: #aa042a;
    color: #fff0f5;
}

.vd-active {
    color: #69888b;
    font-weight: 400;
    text-transform: uppercase;
}

.vd-sold {
    color: #eb0c0d;
    font-weight: 400;
    text-transform: uppercase;
}

.tree .tree {
    display: none;
}

.vp-price {
    float: right;
}

.vsl {
    padding-left: 0px;
}

    .vsl li span {
        color: #999999;
    }

    .vsl li {
        display: inline-block;
        color: #545454;
    }

.t-title {
    margin-top: -10px;
}

.tile {
    width: 46%;
    display: inline-table;
    padding: 16px;
    height: 80px;
    background-color: #568a88;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 5px;
    color: #fff;
    text-align: center;
}

    .tile h2 {
        margin: 0px;
        font-weight: 400;
        margin-top: 10px;
    }

#totalview {
    margin-left: -20px;
}

#uniq {
    margin-left: -20px;
}

.tile i {
    color: #333;
    font-size: 23px;
    float: left;
}

.vh-att ul {
    list-style: none;
    padding-left: 20px;
}

.cblack {
    color: #000 !important;
}

.vh-att ul li {
    padding-top: 16px;
}

    .vh-att ul li i {
        font-size: 18px;
        padding-right: 10px;
    }

.dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details {
    background: none !important;
}

    .dropzone .dz-preview .dz-details .dz-filename {
        white-space: nowrap;
        display: none;
    }

    .dropzone .dz-preview .dz-details .dz-size {
        margin-bottom: 1em;
        font-size: 16px;
        display: none;
    }

.dropzone a.dz-remove, .dropzone-previews a.dz-remove {
    background-image: none !important;
    bottom: 0px;
    width: 100%;
    color: #fff;
    font-size: 11px;
    padding: 3px 0;
    background-color: rgba(100, 100, 100, 0.5);
    z-index: 10;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    margin-top: -25px;
    border-radius: 0px 0px 7px 7px;
    position: relative;
}

    .dropzone a.dz-remove:hover, .dropzone-previews a.dz-remove:hover {
        background-image: none !important;
        background-color: #d9534f;
        color: #fff;
    }

.dropzone .dz-preview .dz-image {
    border-radius: 7px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10;
}

li.gl-item {
    padding-bottom: 10px;
    padding-top: 10px;
}

.gl-img {
    max-height: 80px;
    max-width: 80px;
}

.dz-success-mark {
    visibility: hidden;
}

.gl-item:nth-child(odd) {
    background: #f9f9f9;
}

.gallery-handle {
    margin: 0;
    left: 0;
    top: 0;
    cursor: move;
    width: 30px;
    height: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #aaa;
    background: #bfbfbf;
    background: -webkit-linear-gradient(top,#ddd 0,#bbb 100%);
    background: -moz-linear-gradient(top,#ddd 0,#bbb 100%);
    background: linear-gradient(top,#ddd 0,#bbb 100%);
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    padding: 8px 15px;
}

    .gallery-handle:before {
        content: '\f0c9';
        display: block;
        position: absolute;
        left: 0;
        top: 3px;
        width: 100%;
        text-align: center;
        text-indent: 0;
        color: #818181;
        font-weight: 400;
        line-height: 28px;
    }

.header-tag-widget {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

    .header-tag-widget .modal-content {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        border: none;
    }

    .header-tag-widget .modal-header {
        padding: 5px 20px 5px 20px;
        background-color: #f7f7f7;
        color: #444446;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
        min-height: 16.43px;
    }

    .header-tag-widget .close {
        float: right;
        font-size: 19.5px;
        font-weight: 700;
        line-height: 1;
        color: #313131;
    }

    .header-tag-widget .modal-title {
        font-weight: bold;
    }

.dropzone {
    min-height: 150px;
    border: 2px dotted rgb(6, 137, 199);
    background: white;
    padding: 20px 20px;
    margin-bottom: 15px;
}

#web-config-bulk-option .col-sm-6 {
    padding-left: 0px;
    padding-right: 0px;
}

#web-config-bulk-option .col-sm-5 {
    padding-left: 8px;
    padding-right: 0px;
}

#web-config-bulk-option .col-sm-7 {
    padding-left: 8px;
    padding-right: 0px;
}

#web-config-bulk-option .btn {
    font-size: 12px;
    padding: 4px;
    width: 100%;
}

#web-config-bulk-option span {
    font-size: 11px;
}

#web-config-bulk-option .row {
    margin-top: 8px;
}

.jarwidget-switch {
    position: absolute;
    top: 1px;
    width: 100px;
    right: 41px;
}


.meter {
    height: 10px;
    position: relative;
    margin: 0px 0 20px 0;
    padding: 1px;
    background: #cccccc;
}

    .meter > span {
        display: block;
        height: 100%;
        background-color: rgb(43,194,83);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(43,194,83)), color-stop(1, rgb(84,240,84)) );
        background-image: -moz-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
        -webkit-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
        -moz-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
        box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
        position: relative;
        overflow: hidden;
    }

        .meter > span:after, .animate > span > span {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) );
            background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
            z-index: 1;
            -webkit-background-size: 50px 50px;
            -moz-background-size: 50px 50px;
            -webkit-animation: move 2s linear infinite;
            overflow: hidden;
        }

.animate > span:after {
    display: none;
}

@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

.blue > span {
    background: rgb(0, 115, 246);
    background: -moz-linear-gradient(90deg, rgb(0, 115, 246) 30%, rgb(16, 152, 246) 68%);
    background: -webkit-linear-gradient(90deg, rgb(0, 115, 246) 30%, rgb(16, 152, 246) 68%);
    background: -o-linear-gradient(90deg, rgb(0, 115, 246) 30%, rgb(16, 152, 246) 68%);
    background: -ms-linear-gradient(90deg, rgb(0, 115, 246) 30%, rgb(16, 152, 246) 68%);
    background: linear-gradient(180deg, rgb(0, 115, 246) 30%, rgb(16, 152, 246) 68%);
}

.nostripes > span > span, .nostripes > span:after {
    -webkit-animation: none;
    background-image: none;
}

/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

/**Model Body Text**/
.mbtxt {
    color: #000;
}

.mypadding {
    padding: 20px;
}
.remove-padding {
    padding: 0px;
}
.remove-right-padding {
    padding-right: 0px;
}
#editDealercontactForm .represn {
    margin-top: 15px !important;
}
#editDealercontactForm .represn input {
    top: 2px;
    left: 5px;
    position: relative;
}
.auto-pub-form .selectContainer .form-control-feedback,
.auto-pub-form .inputGroupContainer .form-control-feedback {
    top: 24px;
    right: -15px;
}

.auto-pub-table tr {
    cursor: pointer;
}

.auto-pub-bottom-padding {
    padding-bottom: 10px;
}

.auto-pub-top-padding {
    padding-top: 50px;
}

.graph-common {
    height: 250px;
}

.site-searchby-zip-graph {
    height: 100%;
}

.sysinnotification {
    border-bottom: 1px solid #dcd9d9;
}

    .sysinnotification:last-child {
        border-bottom: none;
    }

.uparrow {
    color: #496a14 !important;
}

.downarrow {
    color: #ef1e1e !important;
}

.uparrowtxt {
    color: #496a14 !important;
}

.downarrowtxt {
    color: #ef1e1e !important;
}

.remove-bottom-margin {
    margin-bottom: 2px !important;
}
#draggableEmail_temp {
    top: 5px;
}
.uparrow::before {
    font-family: 'Glyphicons Halflings';
    content: "\e093";
    color: #496a14 !important;
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
}

.downarrow::before {
    font-family: 'Glyphicons Halflings';
    content: "\e094";
    color: #ef1e1e !important;
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
}

.border-left {
    border-left: 1px solid #e2e2e2;
}

.border-bottom {
    border-bottom: 1px solid #e2e2e2 !important;
}

.border-right {
    border-right: 1px solid #e2e2e2;
}

.small-per {
    background-color: #e3ebf0;
    width: 38%;
    position: relative;
    top: 20px;
    padding: 1px 0px 0px 9px;
}

.dash-color {
    color: #035180;
}

.customs_css_for_dr {
    width: 102%;
    padding-left: 13px;
}

.small-per h1 {
    font-size: 15px;
    margin-bottom: 2px;
    margin-top: 2px;
}

.small-per label {
    font-size: 9px;
    position: relative;
    top: -5px;
}

.small-per2 {
    background-color: #e3ebf0;
    width: 42%;
    padding: 1px 1px 1px 14px;
    position: relative;
    left: 26%;
}

    .small-per2 h1 {
        font-size: 18px;
        margin-bottom: 2px;
        margin-top: 2px;
    }

    .small-per2 label {
        font-size: 14px;
    }

.auto-pub-top-padding-d {
    padding-top: 10px;
}

.websie-dropdown {
    width: 66%;
    margin-right: -9px;
    margin-top: 3px;
}

.dash-padding-custom1 {
    padding-left: 30px;
}

.dash-padding-custom2 {
    padding-left: 40px;
}

.dash-padding-custom3 {
    padding-left: 48px;
}

.ecs {
    width: 300px !important;
    min-height: 200px !important;
}

.res {
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: row-reverse; /* Safari 6.1+ */
    display: flex;
    flex-direction: row-reverse;
}

@media only screen and (max-device-width : 732px) {
    .websie-dropdown {
        width: 66%;
        margin-right: -9px;
        margin-top: -35px;
    }

    .dash-padding-custom1 {
        padding-left: 0px;
    }

    .dash-padding-custom2 {
        padding-left: 0px;
    }

    .dash-padding-custom3 {
        padding-left: 0px;
    }

    .small-per {
        background-color: #e3ebf0;
        width: 49%;
        position: relative;
        top: 10px;
        padding: 1px 1px 1px 14px;
    }

    .small-per2 {
        background-color: #e3ebf0;
        width: 88%;
        padding: 1px 1px 1px 14px;
        position: relative;
        left: 2%;
    }
}

@media only screen and (max-device-width : 479px) {
    .col-xxs-12 {
        width: 100%;
    }

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

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

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

   /* .websie-dropdown {
        width: 66%;
        margin-right: -9px;
        margin-top: -35px;
    }*/

    .customs_css_for_dr {
        width: 104%;
        padding-left: 13px;
    }
}
@media only screen and (min-device-width : 420px) and (max-device-width : 480px) {
    .websie-dropdown {
        margin-top: 2px;
    }
}
@media only screen and (max-device-width : 420px) {
    .websie-dropdown {
       margin-top: -35px;
    }
}


@media only screen and (min-device-width : 766px) and (max-device-width : 1400px) {

    .router-animation-container {
        position: relative;
        min-height: 695px;
    }

}
    /* Smartphones (portrait and landscape) ----------- */
    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
        /* Styles */

        #searchesGraph svg, #webSitePerformanceChart svg, .graph-common svg {
            height: 400px;
        }

        .websie-dropdown {
            width: 66%;
            margin-right: -9px;
        }

        .mini-box .box-icon {
            width: 100%;
            height: 50%;
            margin: 0 8px 0;
        }

        #websitedrop {
            padding-left: 0px;
            padding-right: 0px;
        }

        #weblabel {
            padding-left: 0;
        }

        #newweb {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .websites-wdiget-grid {
            padding-top: 54px;
        }

        #project-context > :first-child, .project-context > :first-child {
            margin-left: 0 !important;
        }
    }

    @media only screen and (max-width : 768px) {
        .logout-container {
            top: 0;
            position: absolute;
            right: 0px;
            padding-right: 5px;
            margin-bottom: 20px;
        }

        .project-context {
            margin-bottom: 15px;
        }

        #left-panel {
            top: 150px;
        }
    }

    @media only screen and (max-width : 767px) {
        #logo-group {
            margin-top: 50px;
        }
    }
    /* iPads (portrait and landscape) ----------- */
    @media only screen and (min-device-width : 768px) and (max-device-width : 1223px) {
        /* Styles */
        .mini-box .box-icon {
            width: 100%;
            height: 100%;
            margin: 0 10px 0;
        }

        #header > div {
            display: inline-block;
            vertical-align: middle;
            height: 49px;
            float: left;
            margin-left: 0;
            /*  width: 363px;*/
        }
    }

    /* Desktops and laptops ----------- */
    @media only screen and (min-width : 1224px) {
        /* Styles */
        .set_manual_with {
            width: 255px;
        }

        #searchesGraph svg, #webSitePerformanceChart svg, .graph-common svg {
            height: 350px;
        }

        .mini-box .box-icon {
            width: 50%;
            height: 100%;
            margin: 0 15px 0;
        }

        .select-customer {
            padding-top: 4px !important;
        }

        .websites-custom-button {
            top: 10px;
            right: 13px;
            position: absolute;
        }

        #header > div {
            /* display: inline-block; */
            /* vertical-align: middle; */
            /* height: 49px; */
            /* float: left; */
            /* margin-left: 95px; */
            /* width: 363px; */
        }

        btn-group websites-custom-button {
            margin-right: 31px;
            width: 62px;
        }

        .custom {
            /*width: 128px !important;
  margin-right: 31px;*/
            width: 140px !important;
            margin-right: -13px;
        }
    }

    .bg-dark {
        background-color: #242633;
        color: #ffffff;
    }

    .mini-box {
        min-height: 105px;
        padding: 10px;
    }

    .bg-success {
        background-color: #60cd9b;
        color: #ffffff;
    }

    .bg-info {
        background-color: #1f77b4;
    }

    #search-engine-summary-table {
        margin-top: 15px;
    }

    .mini-box .box-icon {
        display: block;
        float: left;
        line-height: 65px;
        vertical-align: middle;
        text-align: center;
        font-size: 35px;
    }

    /* select box changes */
    .header-bstrp-select, .header-bstrp-select > input.ui-select-search.form-control {
        height: 34px;
    }

    .header-bstrp-select {
        padding-bottom: 10px;
        width: 100%;
        min-width: 0;
    }


    /*!
 * DATEPICKER
 * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
 *
 * Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Built for http://www.improvely.com
 */

    .daterangepicker.dropdown-menu {
        max-width: none;
        z-index: 3000;
    }

    .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
        float: left;
        margin: 4px;
    }

    .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
        float: right;
        margin: 4px;
    }

    .daterangepicker.single .ranges, .daterangepicker.single .calendar {
        float: none;
    }

    .daterangepicker .ranges {
        width: 160px;
        text-align: left;
    }

        .daterangepicker .ranges .range_inputs > div {
            float: left;
        }

            .daterangepicker .ranges .range_inputs > div:nth-child(2) {
                padding-left: 11px;
            }

    .daterangepicker .calendar {
        display: none;
        max-width: 270px;
    }

    .daterangepicker.show-calendar .calendar {
        display: block;
    }

    .daterangepicker .calendar.single .calendar-date {
        border: none;
    }

    .daterangepicker .calendar th, .daterangepicker .calendar td {
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        white-space: nowrap;
        text-align: center;
        min-width: 32px;
    }

    .daterangepicker .daterangepicker_start_input label,
    .daterangepicker .daterangepicker_end_input label {
        color: #333;
        display: block;
        font-size: 11px;
        font-weight: normal;
        height: 20px;
        line-height: 20px;
        margin-bottom: 2px;
        text-shadow: #fff 1px 1px 0px;
        text-transform: uppercase;
        width: 74px;
    }

    .daterangepicker .ranges input {
        font-size: 11px;
    }

    .daterangepicker .ranges .input-mini {
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #555;
        display: block;
        font-size: 11px;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        margin: 0 0 10px 0;
        padding: 0 6px;
        width: 74px;
    }

    .daterangepicker .ranges ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .daterangepicker .ranges li {
        font-size: 13px;
        background: #f5f5f5;
        border: 1px solid #f5f5f5;
        color: #5CB85C;
        padding: 3px 12px;
        margin-bottom: 8px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
    }

        .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
            background: #5CB85C;
            border: 1px solid #5ba45b;
            color: #fff;
        }

    .daterangepicker .calendar-date {
        border: 1px solid #ddd;
        padding: 4px;
        border-radius: 4px;
        background: #fff;
    }

    .daterangepicker .calendar-time {
        text-align: center;
        margin: 8px auto 0 auto;
        line-height: 30px;
    }

    .daterangepicker {
        position: absolute;
        background: #fff;
        top: 100px;
        left: 20px;
        padding: 4px;
        margin-top: 1px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

        .daterangepicker.opensleft:before {
            position: absolute;
            top: -7px;
            right: 9px;
            display: inline-block;
            border-right: 7px solid transparent;
            border-bottom: 7px solid #ccc;
            border-left: 7px solid transparent;
            border-bottom-color: rgba(0, 0, 0, 0.2);
            content: '';
        }

        .daterangepicker.opensleft:after {
            position: absolute;
            top: -6px;
            right: 10px;
            display: inline-block;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #fff;
            border-left: 6px solid transparent;
            content: '';
        }

        .daterangepicker.opensright:before {
            position: absolute;
            top: -7px;
            left: 9px;
            display: inline-block;
            border-right: 7px solid transparent;
            border-bottom: 7px solid #ccc;
            border-left: 7px solid transparent;
            border-bottom-color: rgba(0, 0, 0, 0.2);
            content: '';
        }

        .daterangepicker.opensright:after {
            position: absolute;
            top: -6px;
            left: 10px;
            display: inline-block;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #fff;
            border-left: 6px solid transparent;
            content: '';
        }

        .daterangepicker table {
            width: 100%;
            margin: 0;
        }

        .daterangepicker td, .daterangepicker th {
            text-align: center;
            width: 20px;
            height: 20px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            cursor: pointer;
            white-space: nowrap;
        }

            .daterangepicker td.off {
                color: #999;
            }

            .daterangepicker td.disabled {
                color: #999;
            }

            .daterangepicker td.available:hover, .daterangepicker th.available:hover {
                background: #eee;
            }

            .daterangepicker td.in-range {
                background: #ebf4f8;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
            }

            .daterangepicker td.start-date {
                -webkit-border-radius: 4px 0 0 4px;
                -moz-border-radius: 4px 0 0 4px;
                border-radius: 4px 0 0 4px;
            }

            .daterangepicker td.end-date {
                -webkit-border-radius: 0 4px 4px 0;
                -moz-border-radius: 0 4px 4px 0;
                border-radius: 0 4px 4px 0;
            }

            .daterangepicker td.start-date.end-date {
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
            }

            .daterangepicker td.active, .daterangepicker td.active:hover {
                background-color: #5CB85C;
                border-color: #5ba45b;
                color: #fff;
            }

            .daterangepicker td.week, .daterangepicker th.week {
                font-size: 80%;
                color: #ccc;
            }

        .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.ampmselect {
            width: 50px;
            margin-bottom: 0;
        }

    .daterangepicker_start_input {
        float: left;
    }

    .daterangepicker_end_input {
        float: left;
        padding-left: 11px;
    }

    .daterangepicker th.month {
        width: auto;
    }

    .date-picker input[type=text] {
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
        box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
        color: #333333;
        padding: 8px;
        line-height: 18px;
        cursor: pointer;
        padding-left: 32px;
        background: #ffffff;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAGpQAABqUBF5mX3QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHSSURBVEiJ1dVNiE5hFAfw35kmNCVmIWUlqWnWdrJDs1GyMRslG5bKxkJTpDR2YzsLRRZsiHwkWYyFzxqiycyUKMQrCywmGvVY3DP1zvXOa97JJKdO93w8z/mfc+6550YpxXJS17JG/+cAEXEoIkYjYm3qQxExEhHdySMRMbQkgIhYjb14isGI6EM/ZrA9eQb96VscQET0RsQwnuAtXuIkbmM6+WzynH4zIoYjorcer7sF6BEcTflhPtfVzmyo6Zvyzizmt6yUMo8xjpL8DY+a9PeYaNIn0janj9fjtaqgC8dxqYWvHQ1iT93YCgAapZTJTqJHRKOVfSEAEXEgs7qPRmZ3J907cQXrsVWbahcEQB8G8B1vUv6YvgFMYmPKz/JMRwAX8BgfVPN+TzW2cA2v0IPzqlHd1inAPtXoXc3sDuNc+vbjTFawG6eXUsEnTOGd6h1MZTVSbuT9qTzbktoBPMdFVa+/YKWq1/BDtUJe43Oe3dwpwA7L3KJbmfk0vqom6EX6JlW7ao1qnTxQLcJFAcyip5QyhrEm+90m+Ub9UkRsybt/BLiMExGxQvUNLIZW4RhO/QZc/ydHRA8OYtcCCbSin7iO0VLKTFuAv03//0//FwADmsO+Nq1KAAAAAElFTkSuQmCC) no-repeat 4px 4px #FFF;
    }

    #site-searchby-zip-graph-container {
        height: 363px;
    }

    .page-builder-layout {
        display: block !important;
    }

    .page-builder-panel-center {
        width: 85%;
    }


    .notification-body .not-content {
        padding-left: 18px;
    }

    .text-area-comon {
        min-height: 180px;
    }

    #partner-locations-table {
        overflow-y: scroll;
        max-height: 401px;
        /*border: 1px solid rgb(241, 241, 241);*/
    }

    #admin-inventory-table {
        overflow-y: scroll;
        max-height: 401px;
        border: 1px solid grey;
    }

    #inventory-option-list {
        /*overflow-y: scroll;
    max-height: 401px;*/
        /*border: 1px solid grey;*/
        /*max-width: 600px;*/
        /*margin-left:2px;
    margin-top:5px;*/
    }

    .col-centered {
        float: none;
        margin: auto;
    }

    #admin-inventory-table-add {
        overflow-y: scroll;
        max-height: 401px;
        border: 1px solid rgb(241, 241, 241);
    }

    .modal.large-window {
        width: 100%; /* respsonsive width */
        margin: auto;
        height: 100%;
    }

        .modal.large-window .modal-dialog {
            width: 80%; /* respsonsive width */
            height: 80%;
            overflow: auto;
        }

    .modal-backdrop.in {
        height: 100% !important;
    }

    .modal.large-window .panel-body {
        padding: 10px;
    }

    .modal.widget-window {
        width: 100%; /* respsonsive width */
        margin: auto;
        height: 100%;
    }

        .modal.widget-window .modal-dialog {
            width: 95%; /* respsonsive width */
            height: 80%;
            /*overflow: auto;*/
        }

        .modal.widget-window .panel-body {
            padding: 10px;
        }

    .analytics-sub-panel {
        padding: 5px 20px 20px 20px;
    }

    .vehicle-stok-chart-new-label {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 52px;
        font-size: 15px;
        color: black !important;
    }

    .vehicle-stok-chart-used-label {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 40px;
        font-size: 15px;
        color: black !important;
    }

    .vehicle-stok-chart-certified-label {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 26px;
        font-size: 15px;
        color: black !important;
    }

    .easy-pie-chart .percent {
        font-size: 22px;
        font-weight: 500;
    }

    ul.vertical-bars li {
        width: 48px;
    }


    .price-age-grouping .progress-bar {
        font-size: 9px;
    }


    .bar-holder {
        padding: 6px 15px;
    }

    #logo img {
    }

    #logo-login img {
        display: block;
        width: 175px;
        margin: 20px auto 0;
        width: 310px;
        height: 105px;
    }

    .project-context {
        margin-top: 15px;
    }

    .ajax-dropdown {
        left: 118px;
    }

    #logo-group span#activity {
        margin-left: 6px;
        margin-top: 15px;
        padding: 0px 0px 0px 0px;
    }


    #project-context > :first-child, .project-context > :first-child {
        /* margin-left: -81px; */
    }


    .break-lines {
        word-break: break-all;
    }

    .font-bold {
        font-weight: bold;
    }

    .inventory-analytics-navbar li .cell-first {
        margin-left: -20px;
    }

    .inventory-analytics-navbar .price-link {
        padding-left: 20px;
    }

    .ddown-header {
        display: block;
        line-height: 1.42857143;
        white-space: nowrap;
        color: #428bca;
        font-size: 18px;
    }

    .inventory-analytics-navbar li .cell-second {
        padding-left: 45px;
    }

    #used-stock-by-price-container .price-group-bar-label {
        text-align: right;
    }

    .inventory-analytics-navbar .heading-text-inventory {
        font-weight: bold;
        padding-top: 16px;
        margin-right: 55px;
    }

    .inline-top-margin {
        margin-top: 5px;
        display: inline-block;
    }

    .column-title {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        font-weight: bold;
        /* padding-left: 20px; */
        width: 450px;
        /* padding-bottom: 5px; */
        /* padding-left: 20px; */
    }


    .analytics-total-row {
        padding: 8px 35px 8px 14px;
        margin-bottom: 18px;
        /*color: #e7e7e7;*/
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        background-color: #e7e7e7;
        border: 1px solid #fbeed5;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }


    .column-count-container > li {
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        -o-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        column-break-inside: avoid;
    }

    .selected {
        background-color: #C0C0C0;
        color: white;
        font-weight: bold;
    }

    #weblabel {
        margin-top: 5px;
    }


    .custom1 {
        width: 108px !important;
    }

    #addnwoption {
        /*margin-top: 50px;*/
    }

    .add-v-l {
        margin: 5px;
    }

    .onoffswitch {
        position: relative;
        width: 50px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        margin-top: 3px;
        margin-bottom: 3px;
        margin-left: 5px;
        display: inline-block;
        vertical-align: middle;
    }

    .onoffswitch-checkbox {
        display: none;
    }

    .onoffswitch-label {
        display: block;
        overflow: hidden;
        cursor: pointer;
        border: 1px solid #626262;
        border-radius: 50px;
        border-color: #adadad #b3b3b3 #9e9e9e;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .onoffswitch-inner {
        width: 200%;
        margin-left: -100%;
        display: block;
    }

        .onoffswitch-inner:after, .onoffswitch-inner:before {
            float: left;
            width: 50%;
            height: 15px;
            padding: 0;
            line-height: 15px;
            font-size: 10px;
            font-family: Trebuchet,Arial,sans-serif;
            font-weight: 700;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .onoffswitch-inner:before {
            content: attr(data-swchon-text);
            text-shadow: 0 -1px 0 #333;
            padding-left: 7px;
            background-color: #3276b1;
            color: #fff;
            box-shadow: inset 0 2px 6px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.05);
            text-align: left;
        }

        .onoffswitch-inner:after {
            content: attr(data-swchoff-text);
            padding-right: 7px;
            text-shadow: 0 -1px 0 #fff;
            background-color: #fff;
            color: #555;
            text-align: right;
            box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
        }

    .onoffswitch-switch {
        width: 19px;
        height: 19px;
        margin: -2px;
        background: #fff;
        border: 1px solid #9a9a9a;
        border-radius: 50px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 32px;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        background-color: #f4f4f4;
        background-image: -moz-linear-gradient(top,#fff,#eee);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#eee));
        background-image: -webkit-linear-gradient(top,#fff,#eee);
        background-image: -o-linear-gradient(top,#fff,#eee);
        background-image: linear-gradient(to bottom,#fff,#eee);
        background-repeat: repeat-x;
        -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.3);
        box-shadow: 1px 1px 4px 0 rgba(0,0,0,.3);
    }

    .onoffswitch-checkbox + .onoffswitch-label .onoffswitch-switch:before, .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before {
        content: "\f00d";
        color: #a90329;
        display: block;
        text-align: center;
        line-height: 19px;
        font-size: 10px;
        text-shadow: 0 -1px 0 #fff;
        font-weight: 700;
        font-family: FontAwesome;
    }

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before {
        content: "\f00c";
        color: #57889c;
    }

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
        display: block;
    }

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 0;
    }

    .onoffswitch-switch:hover {
        background-color: #eee;
    }

    .onoffswitch-switch:active {
        background-color: #eee;
        box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
    }

    .onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-inner:before, .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-inner:after {
        text-shadow: 0 1px 0 #fff;
        background: #bfbfbf;
        color: #333;
    }

    .onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-switch, .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-switch {
        background-color: #f4f4f4;
        background-image: -moz-linear-gradient(top,#bfbfbf,#f4f4f4);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#bfbfbf),to(#f4f4f4));
        background-image: -webkit-linear-gradient(top,#bfbfbf,#f4f4f4);
        background-image: -o-linear-gradient(top,#bfbfbf,#f4f4f4);
        background-image: linear-gradient(to bottom,#bfbfbf,#f4f4f4);
        box-shadow: none !important;
    }

    .onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-label, .onoffswitch-checkbox:disabled + .onoffswitch-label {
        border-color: #ababab #999 #878787 !important;
    }

    .onoffswitch-checkbox:checked + .onoffswitch-label {
        border-color: #3276b1 #2a6395 #255681;
    }

    .onoffswitch + span, .onoffswitch-title {
        display: inline-block;
        vertical-align: middle;
        margin-top: -5px;
    }

    .onoffoption {
        margin-left: -11px;
        margin-top: 2px;
    }

    #inputgrp {
        margin-bottom: 11px;
    }

    #addoptin {
        margin-left: 10px;
    }

    #actve {
        margin-bottom: 18px;
        margin-left: 8px;
    }

    #fieldsetoperations {
        padding: 10px 10px;
        border: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        background: #ffffff;
        margin-top: 10px;
        margin-right: 10px;
    }
    /*
#fieldsetoperations{
    margin:5px 0px;
    padding:5px 5px;
    border:1px solid #cccccc;
    border-bottom:2px solid #cccccc;
    background:#ffffff;
    width:90%;
    margin-top:55px;
}
*/
    #landing {
        margin: 3px;
    }

    #nwvehicle {
        /*margin-bottom: 10px;*/
    }



    #usertypepermission {
        color: #333;
        border: 1px solid #FDFCFC;
        background-color: #F0EBEB;
    }

    #mobile-profile-img li:first-child {
        margin-top: 10px;
    }

    #dept {
        margin: 0px 0px 5px 0px;
    }

    #deptform {
        margin: 5px 0px;
        padding: 5px 5px;
        border: 1px solid #cccccc;
        border-bottom: 2px solid #cccccc;
        background: #ffffff;
        width: 80%;
        margin-top: 55px;
    }

    #pagesCollection td > span {
        display: inline-block;
        margin-right: 5px;
    }

    /*My styles - DMRF*/
    .margin-top5 {
        margin-top: 5px;
    }

    .margin-top10 {
        margin-top: 10px;
    }

    .margin-top20 {
        margin-top: 20px;
    }

    .margin-top21 {
        margin-top: 21px;
    }

    .margin-top22 {
        margin-top: 22px;
    }

    .margin-top23 {
        margin-top: 23px;
    }

    .margin-top24 {
        margin-top: 24px;
    }

    .margin-top25 {
        margin-top: 25px;
    }

    .margin-top30 {
        margin-top: 30px;
    }

    .margin-top40 {
        margin-top: 40px;
    }

    .margin-top50 {
        margin-top: 50px;
    }

    .margin-top60 {
        margin-top: 60px;
    }

    .margin-top80 {
        margin-top: 80px;
    }

    .margin-top100 {
        margin-top: 100px;
    }

    .margin-top130 {
        margin-top: 130px;
    }

    .margin-top150 {
        margin-top: 150px;
    }

    .margin-top180 {
        margin-top: 180px;
    }

    .margin-top200 {
        margin-top: 200px;
    }

    .margin-bottom5 {
        margin-bottom: 5px;
    }

    .margin-bottom10 {
        margin-bottom: 10px;
    }

    .margin-bottom20 {
        margin-bottom: 20px;
    }

    .margin-bottom30 {
        margin-bottom: 30px;
    }

    .margin-bottom40 {
        margin-bottom: 40px;
    }

    .margin-bottom50 {
        margin-bottom: 50px;
    }

    .margin-bottom60 {
        margin-bottom: 60px;
    }

    .margin-bottom80 {
        margin-bottom: 80px;
    }

    .margin-bottom100 {
        margin-bottom: 100px;
    }

    .margin-bottom130 {
        margin-bottom: 130px;
    }

    .margin-bottom150 {
        margin-bottom: 150px;
    }

    .margin-bottom180 {
        margin-bottom: 180px;
    }

    .margin-bottom200 {
        margin-bottom: 200px;
    }

    .margin-right5 {
        margin-right: 10px;
    }

    .margin-right20 {
        margin-right: 20px;
    }

    .margin-left10 {
        margin-left: 10px;
    }

    #hide-menu.btn-header {
        padding-right: 10px;
    }

    .header-dropdown-list .dropdown-menu .fa-check-circle {
        margin-top: 3px;
    }

    #noteusername {
        font-style: italic;
        text-align: right;
    }

    #notedate {
        color: #808080;
        font-size: xx-small;
    }

    #noteby {
        text-align: right;
    }

    #cusbutton {
        padding: 6px 0;
    }

    a.ui-spinner-up, a.ui-spinner-down {
        background: #275b89 !important;
        border-color: #1f496d !important;
    }


    #inventoryTable th.hasinput {
        width: 9%;
    }

        #inventoryTable th.hasinput select {
            width: 100%;
            height: 100%;
        }

    /* Fox date picker */

    /* Style the calendar custom widget */
    .date-range {
        position: relative;
    }

    .date-range-field {
        width: 290px;
        height: 26px;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        border: 1px solid #CCCCCC;
        border-radius: 5px 5px 5px 5px;
    }

        .date-range-field a {
            color: #B2B2B2;
            background-color: #F7F7F7;
            text-align: center;
            display: block;
            position: absolute;
            width: 26px;
            height: 23px;
            top: 0;
            right: 0;
            text-decoration: none;
            padding-top: 6px;
            border-radius: 0 5px 5px 0;
        }

        .date-range-field span {
            font-size: 12px;
            font-weight: bold;
            color: #404040;
            position: relative;
            top: 0;
            height: 26px;
            line-height: 26px;
            left: 5px;
            width: 250px;
            text-align: center;
        }

    .fox-datepicker-calendar {
        display: none;
    }

        .fox-datepicker-calendar table:first-child {
            position: relative;
            z-index: 9999;
        }

    #left-panel nav a {
        cursor: pointer;
    }

    /**Promoweb Analytics**/
    .bluewell {
        background-color: #4f8bcd;
        border: 1px solid #4f8bcd;
        box-shadow: 0 1px 1px #ececec;
        color: #fff;
        border-radius: 5px;
        -webkit-box-shadow: 0 1px 1px #ececec;
        -moz-box-shadow: 0 1px 1px #ececec;
        position: relative;
    }

    .bluewell-sm {
        padding: 9px;
    }

    .bluewell-fo {
        background-color: #f5f5f5;
        border-radius: 0px 0px 5px 5px;
        padding: 9px;
        font-size: 14px;
    }

    .greenwell {
        background-color: #66b855;
        box-shadow: 0 1px 1px #ececec;
        color: #fff;
        border-radius: 5px;
        -webkit-box-shadow: 0 1px 1px #ececec;
        -moz-box-shadow: 0 1px 1px #ececec;
        position: relative;
    }

    .greenwell-sm {
        padding: 9px;
    }

    .analyticsicon {
        font-size: 70px;
        margin: 0;
        font-weight: 700;
        line-height: 1px;
    }

    .analyticsnum {
        font-size: 40px;
        margin: 0;
        font-weight: 400;
        line-height: 40px;
    }

    .analyticsnumsm {
        font-size: 15px;
        margin: 0;
        font-weight: normal;
        line-height: 40px;
    }

    #imgwdtid label {
        margin-bottom: 0px;
    }

    .new_dealer_content_wrap label {
        margin-bottom: 0px;
    }

    .vehicle-image-gallery .ui-sortable-placeholder {
        width: 120px !important;
        height: 100px !important;
        display: block !important;
    }

    .ui-sortable-placeholder {
        visibility: inherit !important;
        background-color: #f2fbff;
        border: 1px dashed #b6bcbf;
    }

    #vehicle-image-container .vehicle-image-gallery li, .inventory-option-list .ui-sortable li {
        float: left;
        list-style: none;
        cursor: move;
    }

    .hightlight-tb-r {
        background-color: #99CC99 !important;
    }

    .hightlight-tb-r-green {
        background-color: #d8f1d8 !important;
    }

    .hightlight-tb-r-blue {
        background-color: #e5eaf1 !important;
    }

    .hightlight-tb-r-red {
        background-color: #fd6060 !important;
    }

    .hightlight-tb-r-yellow {
        background-color: #fbf8ae !important;
    }

    .hightlight-tb-r:hover {
        background-color: #cccc99 !important;
    }



    /*Analytics Reports Table Styles*/
    .reporthead {
        background-color: #00066c;
        height: 50px;
        position: relative;
        padding: 5px;
    }

    .reporttitle {
        font-size: 35px;
        font-weight: bold;
        color: #fff;
        line-height: 37px;
    }

    .reportdate {
        font-size: 11px;
        font-weight: normal;
        color: #fff;
        line-height: 60px;
    }

    .ewing-well {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 2px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    }

    .ewing-table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        empty-cells: show;
        border: 1px solid #fff;
    }

        .ewing-table caption {
            color: #000;
            font: italic 85%/1 arial,sans-serif;
            padding: 1em 0;
            text-align: center;
        }

        .ewing-table td, .ewing-table th {
            border-left: 1px solid #fff;
            border-width: 0 0 0 1px;
            font-size: inherit;
            margin: 0;
            overflow: visible;
            padding: .5em 0.6em;
        }

            .ewing-table td:first-child, .ewing-table th:first-child {
                border-left-width: 0;
            }

        .ewing-table thead {
            background-color: #4f81bd;
            color: #fff;
            text-align: left;
            vertical-align: bottom;
        }

        .ewing-table td {
            background-color: transparent;
        }

    .ewing-table-odd td {
        background-color: #d0d8e8;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
    }

    .ewing-table-even td {
        background-color: #e9edf4;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
    }

    .ewing-table-striped tr:nth-child(2n-1) td {
        background-color: #f2f2f2;
    }

    .ewing-table-bordered td {
        border-bottom: 1px solid #fff;
    }

    .ewing-table-bordered tbody > tr:last-child > td {
        border-bottom-width: 0;
    }

    .ewing-table-horizontal td, .pure-table-horizontal th {
        border-width: 0 0 1px;
        border-bottom: 1px solid #fff;
    }

    .ewing-table-horizontal tbody > tr:last-child > td {
        border-bottom-width: 0;
    }

    .default-cursor {
        cursor: default !important;
    }


    .bst-datepicker div.datepicker {
        position: inherit;
        font-family: inherit;
        font-size: inherit;
        width: inherit;
        height: inherit;
        position: inherit;
        cursor: inherit;
        top: inherit;
        left: inherit;
        display: inherit;
    }

    .bst-datepicker .datepicker {
        background-color: inherit;
        border: inherit;
        border-radius: inherit;
        padding: inherit;
    }

    /**Snippet Preview**/
    .seotit {
        font-size: 18px;
        color: #1a0dab;
        cursor: pointer;
        white-space: nowrap;
    }

    .seodom {
        font-size: 14px;
        color: #006621;
        font-family: arial,sans-serif;
        font-style: normal;
        white-space: nowrap;
    }

    .seometa {
        font-size: 12px;
        color: #545454;
        word-wrap: break-word;
        font-family: arial,sans-serif;
        font-size: small;
        text-align: left;
        font-weight: normal;
    }

    .draggable {
        position: absolute;
        z-index: 99;
        border-left: 10px solid grey;
    }

    .draggable-promowebb {
        left: 50%;
        top: -11px;
        bottom: 13px;
    }

    .draggable-promolayout {
        left: 50%;
        top: -11px;
        bottom: 13px;
    }

    #parentWidth {
        position: relative;
    }

    .ace_editor {
        border: 1px solid lightgray;
        margin: auto;
        height: 2000px;
    }
    /**Snippet Preview**/

    /*Password Strength*/
    .ps-ok {
        color: green;
        font-family: verdana;
        font-size: 10px;
    }

    .ps-alert {
        color: yellow;
        font-family: verdana;
        font-size: 10px;
    }

    .ps-error {
        color: red;
        font-family: verdana;
        font-size: 10px;
    }
    /*Password Strength*/

    .dvp-profile-header {
        color: #aaa;
    }

    .dvp-profile-info {
        padding-left: 10px;
        padding-bottom: 10px;
    }

    .dvp-profile-event-count {
        margin-left: 5px;
    }

    .dvp-event-details {
        padding: 2px;
        padding-left: 40px;
        display: none;
    }

    .wordbreak {
        word-wrap: break-word;
    }

    .dataTables_wrapper #loaderIcon {
        top: 50% !important;
        left: 50% !important;
    }

    #administration-users-types-detail-collection-widget #loaderIcon, #websites-event-collection-widget #loaderIcon, #websites-inventories-collection-widget #loaderIcon {
        top: 50% !important;
        left: 50% !important;
    }

    .tableLoader #loaderIcon {
        top: 50% !important;
        left: 50% !important;
    }

    .tableLoader {
        z-index: 1;
    }

    .condition, .group {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .form-build-margin {
        margin-left: 5px;
    }

    .master-dealer-list-img {
        padding: 28%;
        width: 100%;
        height: 0;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }


    /* Facebook  Dashoard Css */
    .tab-contents > .tab-panes,
    .pill-contents > .pill-panes {
        display: block !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    .tab-contents > .active,
    .pill-contents > .active {
        height: auto !important;
    }

    ul.nav.nav-tabs.tabs-left.sideways {
        padding-left: 15px;
        padding-top: 5px;
    }

    .tab-container {
        background: #fff;
    }

        .tab-container .fb-tB {
            border-bottom: 1px solid #ccc;
            position: relative;
        }

            .tab-container .fb-tB > li {
                margin-bottom: 0;
                position: initial;
            }

                .tab-container .fb-tB > li > a {
                    border: none;
                    color: #000;
                    margin: 0;
                }

                    .tab-container .fb-tB > li > a > i {
                        color: #fff;
                        background-color: #323438;
                        padding: 4px;
                        border-radius: 2px;
                    }

                    .tab-container .fb-tB > li > a:hover {
                        background: transparent;
                    }

                .tab-container .fb-tB > li.active > a {
                    border: none;
                    /* color: #E91E63; set color */
                    background: transparent;
                }

                    .tab-container .fb-tB > li.active > a > i {
                        color: #fff;
                        background-color: #3b5998;
                        padding: 4px;
                        border-radius: 2px;
                    }

                    .tab-container .fb-tB > li.active > a,
                    .tab-container .fb-tB > li.active > a:focus,
                    .tab-container .fb-tB > li.active > a:hover {
                        border-width: 0;
                    }

    .fb-tB > li.active > a {
        -webkit-box-shadow: 0 2px 0 #3b5998;
        -moz-box-shadow: 0 2px 0 #3b5998;
        box-shadow: 0 2px 0 #3b5998;
        border-top-width: 0 !important;
        margin-top: 1px !important;
        font-weight: 700;
    }

    .tab-container .tab-content {
        padding: 15px;
    }
    /*Custome*/

    .fb_ad_num {
        font-size: 16px;
        line-height: 20px;
        margin: 0px;
    }

    .fb_ad_letter {
        font-size: 12px;
    }

    .tabs-left {
        border-bottom: none;
    }

        .tabs-left > li {
            float: none;
            margin: 0px;
        }

    .sp-spent {
        font-size: 14px;
        font-weight: bold;
        margin-left: 58px;
        padding-top: 20px;
        font-family: Helvetica, Arial, sans-serif;
    }

    .spent-table {
        color: #999;
        display: block;
        font-size: 11px;
        line-height: 16px;
    }
}

.sideways > li.active > a,
.sideways > li.active > a:hover,
.sideways > li.active > a:focus {
    border-left: 4px solid #3b5998 !important;
    cursor: default;
    margin-left: -3px;
    color: #1d2129;
    border-top: none;
    border-right: none;
    box-shadow: none;
}

.sideways > li > a:hover {
    /* margin-right: 2px; */
    line-height: 1.42857143;
    border: 1px solid transparent;
    /* border-radius: 4px 4px 0 0; */
}

.padding-left-0 {
    padding-left: 0px;
}

li.fb-mini-menu {
    display: inline-block;
    padding: 0px 9px 0px 9px;
}

.fb-left-item, .fb-right-item {
    display: inline-block;
}

.fb-left-item {
    color: #4b4f56;
    font-size: 14px;
    font-weight: bold;
    padding-right: 2px;
    font-family: Helvetica, Arial, sans-serif;
}

.fb-right-item {
    font-size: 14px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    padding-left: 2px;
}

.color-one {
    color: #3d6ad6;
}

.color-two {
    color: #13bda6;
}

.color-three {
    color: #90949c;
}

ul.fb-mini-ul {
    padding-left: 0px;
}

.fb-left-menu > div {
    color: #90949c;
    font-size: 16px;
}

.fb-left-menu > span {
    font-size: 12px;
    color: #90949c;
}

.tabs-left > li.active > a > .fb-left-menu > div, .tabs-left > li.active > a > .fb-left-menu > span {
    color: #1d2129;
}

.demog {
    text-align: center;
    padding-top: 50px;
}

.user-icon-color {
    color: #90949c;
}

.line-d::before {
    border-bottom: 2px solid #dddfe2;
    content: "";
    display: block;
    width: 100%;
}

.line-d {
    margin: 16px 20px;
}



.abcRioButtonBlue {
    border: 1px solid #bbb;
    border-radius: 3px;
}

    .abcRioButtonBlue:hover {
        background-color: #4285f4;
    }

    .abcRioButtonBlue:active {
        background-color: #3367d6;
    }

.abcRioButtonLightBlue {
    color: #777;
}

    .abcRioButtonLightBlue:active {
        background-color: #eee;
        color: #6d6d6d;
    }

.abcRioButtonIcon {
    float: left;
}

.abcRioButtonBlue .abcRioButtonIcon {
}

.abcRioButtonSvg {
    display: block;
}

.abcRioButtonContents {
    font-family: 300 15px/29px 'Open Sans',Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .21px;
    margin-left: 6px;
    margin-right: 6px;
    vertical-align: top;
}

.abcRioButtonContentWrapper {
    height: 100%;
    width: 100%;
}

.abcRioButtonBlue .abcRioButtonContentWrapper {
    background: -webkit-linear-gradient(#fff, #eee);
    background: linear-gradient(#fff, #eee);
    border: 1px solid #bbb;
    border-radius: 3px;
    color: #777;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 500;
    line-height: 34px;
    padding: 0 0px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid transparent;
}

.abcRioButtonErrorWrapper, .abcRioButtonWorkingWrapper {
    display: none;
    height: 100%;
    width: 100%;
}

.abcRioButtonErrorIcon, .abcRioButtonWorkingIcon {
    margin-left: auto;
    margin-right: auto;
}

.abcRioButtonErrorState, .abcRioButtonWorkingState {
    border: 1px solid #d5d5d5;
    border: 1px solid rgba(0,0,0,.17);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.05);
    box-shadow: 0 1px 0 rgba(0,0,0,.05);
    color: #262626;
}

    .abcRioButtonErrorState:hover, .abcRioButtonWorkingState:hover {
        border: 1px solid #aaa;
        border: 1px solid rgba(0,0,0,.25);
        -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
        box-shadow: 0 1px 0 rgba(0,0,0,.1);
    }

    .abcRioButtonErrorState:active, .abcRioButtonWorkingState:active {
        border: 1px solid #aaa;
        border: 1px solid rgba(0,0,0,.25);
        -webkit-box-shadow: inset 0 1px 0 #ddd;
        box-shadow: inset 0 1px 0 #ddd;
        color: #262626;
    }

    .abcRioButtonWorkingState, .abcRioButtonWorkingState:hover {
        background-color: #f5f5f5;
    }

        .abcRioButtonWorkingState:active {
            background-color: #e5e5e5;
        }

    .abcRioButtonErrorState, .abcRioButtonErrorState:hover {
        background-color: #fff;
    }

        .abcRioButtonErrorState:active {
            background-color: #e5e5e5;
        }

        .abcRioButtonWorkingState .abcRioButtonWorkingWrapper, .abcRioButtonErrorState .abcRioButtonErrorWrapper {
            display: block;
        }

        .abcRioButtonErrorState .abcRioButtonContentWrapper, .abcRioButtonWorkingState .abcRioButtonContentWrapper, .abcRioButtonErrorState .abcRioButtonWorkingWrapper {
            display: none;
        }

.-webkit-keyframes abcRioButtonWorkingIconPathSpinKeyframes {
    0%;

{
    -webkit-transform: rotate(0);
}

}


.smart-form footer .btn {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .218s,border-color .218s,box-shadow .218s;
    transition: background-color .218s,border-color .218s,box-shadow .218s;
}

.timeline-seperator:after {
    display: block;
    content: " ";
    margin: 0 20px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.31);
    margin-top: -8px;
}

.timeline-seperator > :first-child {
    padding: 4px 5px;
    border: 1px dashed rgba(0,0,0,.31);
    background: #fff;
    font-size: 11px;
    border-radius: 4px;
}

.abbr {
    width: 100% !important;
}

.auto-pub-bottom-5 {
    margin-bottom: 5px !important;
}

.cus-tol-tip {
    background: #07455a;
    font-size: 12px;
    padding: 20px;
    color: #fff;
}

.cus-tol-tip2 {
    background: #07455a;
    font-size: 12px;
    padding: 5px;
    color: #fff;
    text-align: center;
}

.cs-padding {
    padding-top: 7px;
}

.dvp-dashboard-img-padding {
    padding: 5px 0px 5px 0px !important;
    text-align: center !important;
}

.preview-exit-btn {
    position: relative;
    top: 0px;
    text-transform: initial;
    font-size: 12px;
}

    .preview-exit-btn button {
        border: none;
        padding: 2px;
        background: #eb4800;
        color: #fff;
        font-size: 10px;
        float: right;
    }

.preview-exit-btn-a {
    color: #ffe40e;
}

/* Vehicle Details */

.menuvp {
    margin: auto;
}

.vehicle-details-dvp h4 {
    font-weight: 600;
    font-size: 15px;
}

.menuvp h3 {
    margin: 0px;
    margin-bottom: 10px;
    border: 1px dotted #999;
    border-radius: 5px;
    display: inline-block;
    padding: 3px 8px;
    width: 98%;
    /* padding: 11px; */
}

.dvpp h4 {
    text-decoration: underline;
    padding-bottom: 5px;
}

.menuvp .tree li > span p {
    font-size: 15px;
    margin: 0px;
    font-weight: 600;
}

.menuvp .tree li > span {
    width: 100%;
}

.tree li span span {
    border: none !important;
    padding: 0px;
}

.pdbc {
    color: #000;
}

.pdba {
    color: #777777;
}

.vd-drop {
    background-color: #739e73;
}

.vd-increase {
    background-color: #aa042a;
    color: #fff0f5;
}

.vd-active {
    color: #69888b;
    font-weight: 400;
    text-transform: uppercase;
}

.vd-sold {
    color: #eb0c0d;
    font-weight: 400;
    text-transform: uppercase;
}

.tree .tree {
    display: none;
}

.vp-price {
    float: right;
}

.vsl {
    padding-left: 0px;
}

    .vsl li span {
        color: #999999;
    }

    .vsl li {
        display: inline-block;
        color: #545454;
    }

.t-title {
    margin-top: -10px;
}

.tile {
    width: 46%;
    display: inline-table;
    padding: 16px;
    height: 80px;
    background-color: #568a88;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 5px;
    color: #fff;
    text-align: center;
}

    .tile h2 {
        margin: 0px;
        font-weight: 400;
        margin-top: 10px;
    }

#totalview {
    margin-left: -20px;
}

#uniq {
    margin-left: -20px;
}

.tile i {
    color: #333;
    font-size: 23px;
    float: left;
}

.vh-att ul {
    list-style: none;
    padding-left: 20px;
}

.cblack {
    color: #000 !important;
}

.vh-att ul li {
    padding-top: 16px;
}

    .vh-att ul li i {
        font-size: 18px;
        padding-right: 10px;
    }

.dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details {
    background: none !important;
}

    .dropzone .dz-preview .dz-details .dz-filename {
        white-space: nowrap;
        display: none;
    }

    .dropzone .dz-preview .dz-details .dz-size {
        margin-bottom: 1em;
        font-size: 16px;
        display: none;
    }

.dropzone a.dz-remove, .dropzone-previews a.dz-remove {
    background-image: none !important;
    bottom: 0px;
    width: 100%;
    color: #fff;
    font-size: 11px;
    padding: 3px 0;
    background-color: rgba(100, 100, 100, 0.5);
    z-index: 10;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    margin-top: -25px;
    border-radius: 0px 0px 7px 7px;
    position: relative;
}

    .dropzone a.dz-remove:hover, .dropzone-previews a.dz-remove:hover {
        background-image: none !important;
        background-color: #d9534f;
        color: #fff;
    }

.dropzone .dz-preview .dz-image {
    border-radius: 7px;
    overflow: hidden;
    width: 190px;
    height: 190px;
    position: relative;
    display: block;
    z-index: 10;
}

li.gl-item {
    padding-bottom: 10px;
    padding-top: 10px;
}

.gl-img {
    max-height: 80px;
    max-width: 80px;
}

.dz-success-mark {
    visibility: hidden;
}

.gl-item:nth-child(odd) {
    background: #f9f9f9;
}

.gallery-handle {
    margin: 0;
    left: 0;
    top: 0;
    cursor: move;
    width: 30px;
    height: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #aaa;
    background: #bfbfbf;
    background: -webkit-linear-gradient(top,#ddd 0,#bbb 100%);
    background: -moz-linear-gradient(top,#ddd 0,#bbb 100%);
    background: linear-gradient(top,#ddd 0,#bbb 100%);
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    padding: 8px 15px;
}

    .gallery-handle:before {
        content: '\f0c9';
        display: block;
        position: absolute;
        left: 0;
        top: 3px;
        width: 100%;
        text-align: center;
        text-indent: 0;
        color: #818181;
        font-weight: 400;
        line-height: 28px;
    }

.header-tag-widget {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

    .header-tag-widget .modal-content {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        border: none;
    }

    .header-tag-widget .modal-header {
        padding: 5px 20px 5px 20px;
        background-color: #f7f7f7;
        color: #444446;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
        min-height: 16.43px;
    }

    .header-tag-widget .close {
        float: right;
        font-size: 19.5px;
        font-weight: 700;
        line-height: 1;
        color: #313131;
    }

    .header-tag-widget .modal-title {
        font-weight: bold;
    }

.dropzone {
    min-height: 150px;
    border: 2px dotted rgb(6, 137, 199);
    background: white;
    padding: 20px 20px;
    margin-bottom: 15px;
}

#web-config-bulk-option .col-sm-6 {
    padding-left: 0px;
    padding-right: 0px;
}

#web-config-bulk-option .col-sm-5 {
    padding-left: 8px;
    padding-right: 0px;
}

#web-config-bulk-option .col-sm-7 {
    padding-left: 8px;
    padding-right: 0px;
}

#web-config-bulk-option .btn {
	/*font-size: 12px;
	padding: 4px;
	width: 100%;*/
    font-size: 14px;
    padding: 13px;
    width: 100%;
    margin-bottom: 5px;
}

#web-config-bulk-option span {
    font-size: 11px;
}

#web-config-bulk-option .row {
    margin-top: 8px;
}

.jarwidget-switch {
    position: absolute;
    top: 1px;
    width: 100px;
    right: 41px;
}

/*dvp report*/ 
.dvp-analytic .well {
     background: #fff;
}
.table-h3 {
       margin: 5px 0px;
    padding-bottom: 9px;
    font-weight: bold;
    border-bottom: 2px solid #bebdbd;
}
.tbl-tr {
        border-bottom: solid 1px #bebdbd;
    height: 33px;
    font-weight: bold;
    cursor: pointer;
}
.tbl-tr td {
    padding: 10px 0px;
}
.quc-result-h2{margin-top: 5px; margin-bottom: 0; color: #fa3d15; font-size: 15px;font-weight: bold;}
.quc-result-h3 {
    margin-top: 0; margin-bottom: 0; color: #bebdbd; font-size: 13px;
}
.dvp-report-table {
    border: 0;
    color: #000;
    width: 100%;

}
.dvp-report-table.full{
    border: 0;
    color: #000;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 20px;
    
}
.dvp-report-table thead {
    vertical-align: middle; display: table-header-group; width:100%; border-color: inherit; margin-bottom: 20px;
}
.dvp-report-table thead>tr {
    border-bottom: solid 5px #bebdbd; border-color: inherit;
}
    .dvp-report-table thead > tr > th {
        word-wrap: break-word;
        vertical-align: top;
        font-family: Helvetica,Arial,sans-serif;
        font-weight: normal;
        margin: 0;
        Margin: 0;
        text-align: left;
        font-size: 11px;
        line-height: 1.4;
        border-bottom: 4px solid #f3f3f3;
        padding: 6px 10px 6px 0;
        border-collapse: collapse;
    }
.dvp-report-table tbody tr {
border-bottom: solid 2px #bebdbd; text-align: left; font-size: 12px;    
}
.dvp-report-table tbody td {
    word-wrap:break-word;vertical-align:top;font-weight:normal;margin:0;Margin:0;text-align:left;font-size:12px;line-height:1.4;border-bottom:1px solid #f3f3f3;padding:6px 10px 6px 0;border-collapse:collapse/*; width: 1%*/;
}
.actable tbody tr {
    cursor: pointer;
}
.actable tbody tr:hover {
        background: #f7f6f6;
}

.clickname {
    font-size: 13px;
    font-weight: normal;
    position: relative;
    bottom: -8px;
}
.actable_active {
      background: #f7f6f6;
}
.meter {
    height: 10px;
    position: relative;
    margin: 0px 0 20px 0;
    padding: 1px;
    background: #cccccc;
}

    .meter > span {
        display: block;
        height: 100%;
        background-color: rgb(43,194,83);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(43,194,83)), color-stop(1, rgb(84,240,84)) );
        background-image: -moz-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
        -webkit-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
        -moz-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
        box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
        position: relative;
        overflow: hidden;
    }

        .meter > span:after, .animate > span > span {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) );
            background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
            z-index: 1;
            -webkit-background-size: 50px 50px;
            -moz-background-size: 50px 50px;
            -webkit-animation: move 2s linear infinite;
            overflow: hidden;
        }

.animate > span:after {
    display: none;
}

@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

.blue > span {
    background: rgb(0, 115, 246);
    background: -moz-linear-gradient(90deg, rgb(0, 115, 246) 30%, rgb(16, 152, 246) 68%);
    background: -webkit-linear-gradient(90deg, rgb(0, 115, 246) 30%, rgb(16, 152, 246) 68%);
    background: -o-linear-gradient(90deg, rgb(0, 115, 246) 30%, rgb(16, 152, 246) 68%);
    background: -ms-linear-gradient(90deg, rgb(0, 115, 246) 30%, rgb(16, 152, 246) 68%);
    background: linear-gradient(180deg, rgb(0, 115, 246) 30%, rgb(16, 152, 246) 68%);
}

.nostripes > span > span, .nostripes > span:after {
    -webkit-animation: none;
    background-image: none;
}
/*dvp report*/ 
 .email_add_btn {
  padding-top: 25px;  
}
 .slider-handle {
    margin: 0;
    left: 0;
    top: 0;
    cursor: move;
    width: 30px;
    height: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #aaa;
    background: #bfbfbf;
    background: -webkit-linear-gradient(top,#ddd 0,#bbb 100%);
    background: -moz-linear-gradient(top,#ddd 0,#bbb 100%);
    background: linear-gradient(top,#ddd 0,#bbb 100%);
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    padding: 8px 15px;
}
 .slider-handle:before {
        content: '\f0c9';
        display: block;
        position: absolute;
        left: 0;
        top: 3px;
        width: 100%;
        text-align: center;
        text-indent: 0;
        color: #818181;
        font-weight: 400;
        line-height: 23px;
            -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    }
    
 .padding-side-5px{
     padding-left: 5px;
    padding-right: 5px;
     padding-bottom: 5px;
 }

 .tip {
    position: relative;
}

.tip span {
    display: none;
    position: absolute;
    top: -5px;
    left: 60px;
    //width: 125px;
    padding: 0.5em;
    z-index: 100;
    background: #000;
    color: #fff;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}
.tip span:before{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent; 
    border-right:8px solid black;
    left:-8px;
    
    top:7px;
}

div:hover.tip {
    font-size: 99%; 
}

div:hover.tip span {
    display: block;
}
#giftcardcss tr{
       cursor: default !important;
}


#ShowAdvanceSetting li.dd-item.row.gl-item {
    background: #fff !important;
}

#schedulelist label {
    display: inline;
        /*float: left;*/
        padding-right: 10px;
        /*vertical-align: middle;*/
}

#schedulelist .sm-input-small {
    display: inline;
    width: 50%;
}



#schedulelist .advance-input-group {
     width: 100%;
}
#craiglistEditForm .help-block {
    color: #cc0f0f;
}
#ShowAdvanceSetting .input-group.advance-input-group {
    width: 100%;
}

.ShowAdvance button {
    margin-bottom: 0.5em !important;
    margin-top: 1.5em !important;
} 

.no-padding-right {
    padding-right: 0;
}

.width-15 {
    width: 15%;
}

.width-20 {
    width: 20%;
}

.width-12 {
    width: 12%;
}

.col-3-EveryDays input {
    width: 25% !important;
}

#dd-list-sch ul li {
    display:  inline-block;
}

#dd-list-sch .row .col-sm-10 ul li:first-child {
    float:  left;
    margin-right: 36px;
}

#dd-list-sch li .col-3-Day {
    width: 15%;padding-left: 0;
}

#dd-list-sch li .col-3-Day .sm-input-small {
    width: 65%;
}

li .sch-time-from , .sch-time-to {
    width: 12%;
    vertical-align:  bottom;
}

li.col-3-Day-StopOn {
    width: 15%;
}
.col-sm-2.sch-col-4 {
    padding-right: 53px;
}
form#addLeadRulesForm {
    padding-bottom: 20px;
}
	.dropImgCtc {background-color: #f5f5f5; border: 1px dotted #666; text-align: center; padding: 34px 5px; cursor: pointer; border-radius: 3px;}
		.dropImgCtc button {border: 1px solid #ccc; background: #fff!important; box-shadow: 0 1px 0 #ccc; vertical-align: top; border-radius: 3px; padding: 6px 15px; margin: 5px 0;}
		.imgsrcctc .imgsrfield {display: inline; width: 100%; position: relative;}
		.imgOpenBtn {padding: 5px 6px 5px 10px; position: absolute; right: 14px;}
		.imgwgdheading {border-bottom: 1px solid #ddd; margin-bottom: 15px;}
		.imgRespCtc .imgwidcheckbox {width: 18px; height: 20px; display: inline-block; float: left; margin: 4px 10px 4px 0;}
		.checkText {line-height: 1.8;}
		.imgConstPropCtc {padding-top: 24px;}
        .trackingConstPropCtc {padding-top: 20px;}

		@media (max-width: 1199px) {
			.imgwidgetctc label {font-size: 15px;}
			.imgConstPropCtc {padding-top: 0;}
		}

        .drpzone{    min-height: 26px!important;
    border: none!important;
    background: whitesmoke!important;
    padding: 0px 20px!important;
    margin-bottom: 15px;}
.cs-wdth-set {
    padding-right: 0px;
   
}
.cs-wdth-set2 {
    text-align: right;
}
.cs-labl {
    display: block;text-align: left!important;
}
.cs-wdth-set2 button {
    margin-top: 10px !important;
}

@media (min-width:1900px) {
     .custome_drpodown_css {
    width: auto!important;
    height: 27px!important;
    padding: 1px 10px;
}
     .cs-wdth-set {
    padding-right: 0px;
        width: 40%;

}
    #dvptaginput .bootstrap-tagsinput {
        margin-top: 5px;
        max-width: 100%;
    }
.cs-wdth-set2 {
    text-align: left;
}
.cs-labl {
    display: inline-block;text-align: left;
}
.cs-wdth-set2 button {
    margin-top: 0px !important;
}
 }
@media (min-width : 2000px) and (max-width : 2559px ){
    #dd-list-sch .col-3-StartOn , #dd-list-sch .col-3-EveryDays , #dd-list-sch li.col-3-Day {
        margin-left:15px;
    }

    #dd-list-sch .row .col-sm-10 ul li:first-child{
        margin-left: 20px;
    }

}

@media (max-width : 2559px) {

	li .sch-time-from {
    width: 14%;
}
    .sch-time-from .inputGroupContainer {
    width: 100%;
}
    .sch-time-from .input-group {
    width: 65%;
}

    li.sch-time-to {
    width: 12%;
}

    li.sch-time-to .inputGroupContainer {
    width: 100%;
}

    li.sch-time-to .input-group {
    width: 76%;
}

    li.col-3-EveryWeek {
    width: 19%;
}

    #dd-list-sch li.col-3-Day {
    padding: 0 0px 0 2px;
    width: 16%;
}

    
#dd-list-sch ul li {
    vertical-align: bottom;
    display: inline-block;
}

#dd-list-sch .row .col-sm-10 ul {
    list-style: none;
    padding-left: 12px;
}

#dd-list-sch .row .col-sm-10 ul li:first-child{
    display: inline-block;
    width: 90px;
        float: left;
        margin-right: 0px;
}

 #dd-list-sch .col-3-EveryDays {
    width: 18%;
    display: inline-block;
}

.col-3-EveryDays input {
    width: 30% !important;
    padding: 0 !important;
}


#dd-list-sch ul li {
    vertical-align: bottom;
    display: inline-block;
}


.col-sm-2.sch-col-4 .sch-advance {
    width: 48%;
    display: inline-block;
    margin-top: 3px;
}

.col-sm-2.sch-col-4 .sch-delete {
    width: 39%;
    display: inline-block;
}

#ShowAdvanceSetting .col-sm-12 .dd ol li .col-sm-12 .col-sm-3 {
    padding: 0 5px;
}


#dd-list-sch .col-3-EveryDays {
    width: 18%;
    display: inline-block;
}
#dd-list-sch .col-3-Day-Vehicles {
    width: 21%;
}

li.col-3-Day-StopOn {
    width: 17%;
}

#craiglistEditForm .row .col-sm-3:first-child div .row fieldset.col-sm-6:nth-child(2) {
    padding-left: 0;
}
.col-sm-2.sch-col-4 {
    padding-right: 0px;
}

.sch-col-4 .col-sm-6:first-child {
    padding: 0;
}

/********************/

    #dd-list-sch .row .col-sm-10 {
    padding: 0;
    width: 82%;
}

    #dd-list-sch .row .col-sm-10 ul {
    list-style: none;
    padding-left: 10px;
}
    #dd-list-sch .col-3-StartOn  {
            width: 17%;
}


    #dd-list-sch li.col-sm-1.no-padding-right.width-12 {
    width: 15%;
    padding-left: 5px;
}
    #dd-list-sch li.col-sm-1.no-padding-right.width-12 label {
    float: left;
        padding-right: 2px;
    /*margin-top: 6px;*/
}
    .col-sm-2.sch-col-4 {
    padding: 0;
    width: 18%;
}
    .col-sm-2.sch-col-4 div button {
    padding-left: 1px;
    padding-right: 1px;
}
    #dd-list-sch label {
        padding-right: 0px;
    }

    .col-3-StartOn select  , .col-3-Day-StopOn select{
    width: 50% !important;
}
    #ShowAdvanceSetting input {
    padding: 3px;
}
    .dd-item .row .col-sm-12 {
    padding: 0px;
}
    .dd-item .row .col-sm-12 .col-sm-7 {
    padding-right: 0;
}
    .dd-item .row .col-sm-12 .col-sm-7 .col-sm-3 label {
    padding: 0;
    padding-right: 0px !important;
}
    .dd-item .row .col-sm-12 .col-sm-5 {
    padding-left: 0;
}
  
    .dd-item .row .col-sm-12 .col-sm-5 label {
    float: left;
        padding: 0px 2px 0px 0px !important;
        margin-top: 6px;
}
    #schedulelist .show-advance-btn {
            padding: 3px 1px;
    font-size: 10px;
    }
    .col-sm-7 > * {
    padding: 2px;
    }

    #schedulelist .sm-input-small {
    padding: 1px;
    width: 40%;
    text-align: center;
    }

    .col-sm-5 > *{
        padding: 2px;
    }
    #schedulelist select.form-control{
        /*padding:  1px;
        width:  40%;*/
    }

    .col-3-Day-Vehicles label {
    padding: 0 !important;
}

    .dd-item .row .col-sm-12 .col-sm-7 .col-sm-2 select {
    padding-left: 2px;
}

    .sch-col-4 .col-sm-3 {
    top: 3px;
}

    .dw-row-child {
        background-color: #e9f7ec !important;
    }
    
    .dd-item .row .col-sm-12 .col-sm-7 .col-sm-3 .inputGroupContainer {
    display: inline;
    font-size: 8px;
}

    input#EndTime {
        padding:  2px; /*width:  65%; */
    }

    #dd-list-sch li.col-sm-1.no-padding {
    width: 13%;
}

    input#StartTime {
        padding: 2px;
    }

    #schedulelist span.input-group-addon {
        padding: 6px 3px;
    }

    .sch-col-4 .col-sm-9 {
    padding: 2px;
}
    .sch-col-4 .col-sm-9 button {
    /*padding: 3px 1px;*/
    font-size: 10px;
}
    .sch-col-4 .col-sm-3 {
    padding: 1px;
}

    .col-3-EveryWeek input {
    /* float:  right; */
    /* margin-right: 10px; */
    width: 25% !important;
}

.col-sm-4.col-3-EveryWeek label {
    padding: 0 !important;
}

.col-3-Day select.form-control.sm-input-small {
    width: 70% !important;
}
}

.updateformElement > .row {
    padding-bottom: 20px;
}

.custome_drpodown_css {
    
        width: 131px;
    height: 27px!important;
    padding: 1px 10px;
}

.usr-edit-opr-short {
    width: 79px;
    display:  inline-block;
}

.usr-edit-opr-long {
    width: 130px;
    display:  inline-block;
}

ul.usr-edit-rpt-functions {
    padding-left: 25px;
    column-count: 4;
    list-style-type: none;
    column-gap: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}
ul.usr-edit-rpt-functions li {
    margin-bottom: 10px;
    
}
div#dropzone1 small {
    position: relative;
    top: 40px;
}

div#dropzone1 {
    text-align:  center;
}
/*div#DataTables_Table_0_wrapper {
    overflow-y: hidden;
}*/
.setup_phone_call_ma {
    margin-bottom: 7px;
}
.buybtn {
        padding: 4px 26px;
    /* font-size: 14px; */
    line-height: 1.42857143;
    border-radius: 0;
    text-decoration: none;
    color: #f22f46;
    background-color: white;
    border-color: #f22f46;
}
.setup_phone_call_ma .help-block {
    display: block;
}
 @font-face {
            font-family: dwiconweb;
            src: url(../../../Content/fonts/dwiconweb.eot);
            src: url(../../../Content/fonts/dwiconweb.eot) format("embedded-opentype"), url(../../../Content/fonts/dwiconweb.woff) format("woff"), url(../../../Content/fonts/dwiconweb.ttf) format("truetype"), url(../../../Content/fonts/dwiconweb.svg) format("svg");
            font-weight: 400;
            font-style: normal
        }

div#DataTables_Table_1_wrapper {
    overflow-y: hidden;
}
#dvpmyTabContent .well {
    margin-bottom: 20px;
}
#dvpmyTabContent {
    padding-top: 15px;
}
        .icon-dwiconweb-font,
        [class*=icon-dwiconweb-]:before {
            display: inline-block;
            font-family: dwiconweb;
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

       

        .icon-dwiconweb-messaging:before,
        .icon-dwiconweb-sms-mms:before {
            content: "F"
        }

        .icon-dwiconweb-phone-numbers:before {
            content: "G"
        }

        .icon-dwiconweb-video:before {
            content: "K"
        }
        .icon-dwiconweb-sms-enabled:before {
    content: "h"
}

        .icon-dwiconweb-voice:before {
            content: "L"
        }
        .icon-dwiconweb-voice-enabled:before {
    content: "a"
}

        .icon-dwiconweb-mms-enabled:before {
            content: "f"
        }
        .icon-dwiconweb-fax-enabled:before {
    content: "8"
}
        .icon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
        .icon-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
}
@media (max-width : 1100px) {
    ul.usr-edit-rpt-functions {
    column-count: 3;
}
}
@media (max-width : 700px) {
    ul.usr-edit-rpt-functions {
    column-count: 2;
}
    ul.dp-feed li {
    display: inline-block;
    width: 100%;
}

}
@media (max-width : 480px) {
    ul.usr-edit-rpt-functions {
    column-count: 1;
}
      
}



 #email-leads-form-widget .widget-body ,
 #web-opportunities-form-widget .widget-body
 {
    padding-bottom: 2em;
}

 #PhoneNumberList i.icon ,#PhoneNumberList .buybtn {
    margin-top: 15px;}
 .csm-well {
     background-color: #eeeeee;
    border: 1px solid #ddd;
    /* box-shadow: 0 1px 1px #ececec; */
    /* -webkit-box-shadow: 0 1px 1px #ececec; */
    -moz-box-shadow: 0 1px 1px #ececec;
    position: relative;
    padding: 10px;
    text-align: left!important;
    width: 100%;
 }
 div#dropzone1 .dz-error-mark svg {
    display: none;
}
 .set-cs-pad-right {
     padding-right: 40px;
 }
 .feed-pro-input {
     margin-top: 4px;
 }
 .feed-pro-btn {
         padding: 0px 3px;
    font-size: 12px;
    margin-left: 10px;
 }
 .feed-dlot-name {
         display: inline-block;
    padding-left: 10px;
 }
 .rstbtn {
    background: none;
    border: navajowhite;
    font-style: italic;
    font-weight: 500;
    color: #000;
    position: absolute;
    float: right;
    right: 0px;
}
/******************************************************************************************************
    Page Builder CSS file start
******************************************************************************************************/
.page-builder .page-builder-layout {
    display: table;
    top: 0px;
}
.page-builder .page-builder-panel-container {
    display: table-row;
}
.page-builder .scroll-y {
    overflow-y: auto;
}
.page-builder .page-builder-panel-left, .page-builder .page-builder-panel-center, .page-builder .page-builder-panel-right {
    display: table-cell;
    vertical-align: top;
}
.page-builder .page-builder-panel-center {
    background: #ffffff;
}
.page-builder-panel-center {
	display: table-row !important;
}
.page-builder .page-builder-top-toolbar {
    background: #E7E7E7;
    border-bottom: 1px inset #C3C3C3;
    padding: 10px 10px;
}
.page-builder .page-builder-layout-body {
    padding: 0;
    margin: 0;
}
.page-builder .page-builder-panel-right {
    background: #E7E7E7;
    border-left: 1px inset #C3C3C3;
    width: 250px;
}
.page-builder-panel-right {
	display: table-row !important;
}
.page-builder .pb-property-panel {
    height: 100%;
    overflow: visible;
    padding: 5px 5px 20px;
}
.page-builder .pb-property-panel label {
    font-size: 11px;
    font-weight: 700;
}
.page-builder .pb-property-panel .accordion .panel-heading {
    padding: 5px 15px;
}
.page-builder .pb-property-panel .accordion .panel-heading a {
    color: #000000;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}
.page-builder .pb-property-panel  .command-icon {
    width: 25px;
    height: 25px;
    float: left;
    margin: 2px;
    padding: 2px;
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    cursor: pointer;
}
.page-builder .pb-property-panel  .command-icon:hover {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.page-builder .pb-property-panel .command-icon.container-with-padding {
    width: 30px;
    height: 30px;
    background-image: url(images/container-with-padding.png);
}
.page-builder .pb-property-panel .command-icon.container-without-padding {
    width: 30px;
    height: 30px;
    background-image: url(images/container-without-padding.png);
}





.pb-editor {
    background: #ffffff;
    height: auto;
    padding: 20px;    
    overflow: visible;
}
.pb-editor .pbfooter {
    background: #fff;
    height: 20px;
}
.pb-editor .pbfooter .pb-tag-relationship {
    margin: 0;
    padding: 0;
}
.apps-container,
.apps-container .apps-container .apps-container,
.apps-container .apps-container .apps-container .apps-container .apps-container,
.apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container,
.apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container,
.apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container {
    background-color: #f9f9f9;
}
.apps-container .apps-container,
.apps-container .apps-container .apps-container .apps-container,
.apps-container .apps-container .apps-container .apps-container .apps-container .apps-container,
.apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container,
.apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container,
.apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container .apps-container {
    background-color: #fff;
}
.pb-highlight { background-color: #f0f0f9 !important; }

.apps-container {
    position:relative;
    border: 1px  solid #ddd;
    padding: 5px 10px;
    border-radius: 4px;
    margin-bottom: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-height: 50px;
}

.apps-container .hed{
    position: absolute;
    top:-1px;
    left:-1px;
}
.apps-container .controll{
    position: absolute;
    top:-1px;
    right:-1px;
}
.apps-container:before, .widget:before {
  content: attr(title);
  display: block;
  visibility: visible;
  font-size: 14px;
  height: auto;
  line-height: 1em;
}

.apps-container .dragging-hover { background-color: #f0f9f0 !important; }
.apps-container .dragging-hover.body { background-color: #f9f0f0 !important; }

.innerCont {
  padding: 0;
}
.pb-editor .pb-selected {
    border: 1px solid #3276B1;
    border-radius: 4px;
}
.container.fill,
.container.fill .row,
.container.fill .widget
.container.fill .col-xs-1,
.container.fill .col-xs-2,
.container.fill .col-xs-3,
.container.fill .col-xs-4,
.container.fill .col-xs-5,
.container.fill .col-xs-6,
.container.fill .col-xs-7,
.container.fill .col-xs-8,
.container.fill .col-xs-9,
.container.fill .col-xs-10,
.container.fill .col-xs-11,
.container.fill .col-xs-12,
.container.fill .col-sm-1,
.container.fill .col-sm-2,
.container.fill .col-sm-3,
.container.fill .col-sm-4,
.container.fill .col-sm-5,
.container.fill .col-sm-6,
.container.fill .col-sm-7,
.container.fill .col-sm-8,
.container.fill .col-sm-9,
.container.fill .col-sm-10,
.container.fill .col-sm-11,
.container.fill .col-sm-12,
.container.fill .col-md-1,
.container.fill .col-md-2,
.container.fill .col-md-3,
.container.fill .col-md-4,
.container.fill .col-md-5,
.container.fill .col-md-6,
.container.fill .col-md-7,
.container.fill .col-md-8,
.container.fill .col-md-9,
.container.fill .col-md-10,
.container.fill .col-md-11,
.container.fill .col-md-12,
.container.fill .col-lg-1,
.container.fill .col-lg-2,
.container.fill .col-lg-3,
.container.fill .col-lg-4,
.container.fill .col-lg-5,
.container.fill .col-lg-6,
.container.fill .col-lg-7,
.container.fill .col-lg-8,
.container.fill .col-lg-9,
.container.fill .col-lg-10,
.container.fill .col-lg-11,
.container.fill .col-lg-12 {
margin: 0px;
padding: 0px;
}
.closo{
    float: right;
    display: block;
    position: relative;
    font-size: 10px;
    background-color: #3276B1;
    color: #fff;
    padding: 2px 4px 2px 4px;
    border-radius: 0px 4px 4px 0px;
}
.seto{
    float: right;
    display: block;
    position: relative;
    font-size: 10px;
    background-color: #3276B1;
    color: #fff;
    padding: 2px 4px 2px 4px;
    border-radius: 4px 0px 0px 4px;
    margin-right: 1px;
}
.pdhed{
    font-size: 11px;
    color: #3276B1;
    line-height: 10px;
    text-transform: uppercase;
    margin-right: 4px;

}

.error{
     border: 65px  solid red;
  padding-bottom: 10px;
   min-height: 100px;
}

.selected{
    /*border: 65px  solid red;*/
    padding-bottom: 10px;
    min-height: 30px;
}

/*.apps-container, .widget {
  border: 2px  solid black;
  padding-bottom: 10px;
   min-height: 60px;
}

.apps-container > div{
   min-height: 60px;
  margin:5px;
}*/

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

/***  Extra ***/

.uib-selected {
  border: 2px dashed red;
}

.split-columns{
    cursor: pointer;
    background:url(images/uibuilder/row-split-icon.png) no-repeat  center center;
}


.page-builder .columns-template {
    display: inline-block;
    float: left;
    list-style: none;
    margin: 5px;
    padding: 0;
}

.page-builder .columns-template li {
    cursor: pointer;
    float: left;
    height: 17px;
    margin: 2px;
    padding: 2px;
    width: 28px;
}

.page-builder .columns-template li.t_1 {
    background: url(/content/images/uibuilder/columns-template/1.gif) center;
}

.page-builder  .columns-template li.t_12_12 {
    background: url(/content/images/uibuilder/columns-template/12_12.gif) center;
}

.page-builder  .columns-template li.t_13_13_13 {
    background: url(/content/images/uibuilder/columns-template/13_13_13.gif) center;
}

.page-builder  .columns-template li.t_14_12_14 {
    background: url(/content/images/uibuilder/columns-template/14_12_14.gif) center;
}

.page-builder .columns-template li.t_14_14_14_14 {
    background: url(/content/images/uibuilder/columns-template/14_14_14_14.gif) center;
}

.page-builder .columns-template li.t_14_34 {
    background: url(/content/images/uibuilder/columns-template/14_34.gif) center;
}

.page-builder .columns-template li.t_14_46_16 {
    background: url(/content/images/uibuilder/columns-template/14_46_16.gif) center;
}

.page-builder .columns-template li.t_16_16_16_12 {
    background: url(/content/images/uibuilder/columns-template/16_16_16_12.gif) center;
}

.page-builder .columns-template li.t_16_16_16_16_16_16 {
    background: url(/content/images/uibuilder/columns-template/16_16_16_16_16_16.gif) center;
}

.page-builder .columns-template li.t_23_13 {
    background: url(/content/images/uibuilder/columns-template/23_13.gif) center;
}

.page-builder .columns-template li.t_56_16 {
    background: url(/content/images/uibuilder/columns-template/56_16.gif) center;
}

.widget-list {
    height: auto;
    min-height: 500px;
    overflow: auto;
    padding: 5px;
}

.widget-list .widget {
    background: #F9F9F9;
    border: 1px solid #D6D6D6;
    cursor: pointer;
    float: left;
    height: 70px;
    margin: 5px;
    padding: 10px 10px;
    width: 240px;
}

.widget-list .widget:hover {
    -moz-box-shadow: 1px 2px 2px 0 rgba(50,50,50,0.71);
    -webkit-box-shadow: 1px 2px 2px 0 rgba(50,50,50,0.71);
    box-shadow: 1px 2px 2px 0 rgba(50,50,50,0.71);
}

.widget-list .widget h5 {
    font-weight: 500;
    margin: 2px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.widget-list .widget .description {
    font-size: 12px;
}

.widget-list .widget .template {
    display: none;
}

.pb-widgets-wrapper .pb-widget-placeholder .widget img.icon, 
.widget-list .widget .description img.icon {
    

    margin-right: 10px;
    max-height: 50px;
    max-width: 37px;
}

.pb-preview-toolbar{
    position: fixed;
    top:0;
    left: 0;
    right:0;
    height: 30px;
    padding:10px 0px;
    background:#333333;
}
.pb-preview-toolbar button{
    float: left;
    margin-left: 10px;
    background:transparent;
    border: 0px none;
    color:#ffffff;

    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
.pb-preview-toolbar button:hover{
    color:#00A8FF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.pb-cut-item {
      border: 3px solid!important;
    border-style: dotted !important;
  
  animation: 1s animateBorderOne ease infinite;
  backface-visibility: hidden;
  perspective: 1000px;
  background-color: #b7b7b7 !important;
  color: white;
   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 2px 3px 2px #888888;
}

@keyframes animateBorderOne {
  to {
     border-radius: 1%;
    outline-color: #171819;
    box-shadow: 0 0 0 2px #E0E4CC;
    box-shadow: 2px 3px 2px #888888;
   
  }
}

/******************************************************************************************************
    Page Builder CSS file end
******************************************************************************************************/
.colorpicker-visible,.colorpicker-visible .dropdown-menu{display:block!important}colorpicker-saturation{display:block;width:100px;height:100px;background-image:url(data:image/png;base64,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);background-size:contain;cursor:crosshair;float:left}colorpicker-saturation i{display:block;height:7px;width:7px;border:1px solid #000;border-radius:5px;position:absolute;top:0;left:0;margin:-4px 0 0 -4px}colorpicker-saturation i::after{content:'';display:block;height:7px;width:7px;border:1px solid #fff;border-radius:5px}colorpicker-alpha,colorpicker-hue{width:15px;height:100px;float:left;cursor:row-resize;margin-left:4px;margin-bottom:4px}colorpicker-alpha i,colorpicker-hue i{display:block;height:2px;background:#000;border-top:1px solid #fff;position:absolute;top:0;left:0;width:100%;margin-top:-1px}.colorpicker,colorpicker-alpha{display:none}colorpicker-hue{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEUA/z8AuP//JAAA/33/3AAA/1ABAv8A/7r/AH7/jgD2AP8A//j/AEHmAP/XAP/HAP+4AP//ALyoAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8ATv//AG7/cAD/vgD/APoAmv//ADH/AKwB/wMA5//4Eg4AL///AOr/UQD/nwAA/27/7AAA/+kAe/8Ayf8A/5sA/zEA/6z/ABEAEP8A/17/MgAA/9n/ACL/gAD/AJ0AXP8Aqv//AMoA/yHqFBb/zAD/AGD/ANsA9//1/wDk/wDV/wDF/wC3/wD/AI2m/wD/FACY/wCI/wB5/wBp/wD/YgBb/wBK/wA8/wAs/wAd/wAN/wAAPv8A/xH/AFAAi///rQAA/8r/+gAA1///QwAAH/8Abf8A/43c/JNGAAAAiUlEQVR4AQXBg2EDAAAAsMy2bds2ttp2+/8PTby79mDLsKJPq/oFPdk24dWXAxsGjRg1ZtykKdNmzJozb8GiJct63WjYl7fiWdOZkk0vOpyr2fVtyKl7FX2uXGjpcuxWDy69KdiRk5WRlpIUFxMVERLw78+vH1Unun1YV3ZkwKM1CYfq7nQK22sD03ITV2Aqp0IAAAAASUVORK5CYII=);background-size:contain}.colorpicker-color,colorpicker-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAMAAACIElGlAAADAFBMVEUAAADT09PT09P////T09P////e3t7q6urT09Px8fHT09P////////T09PT09P////////T09PT09P////////////T09PT09P////////////T09P////T09PT09PT09P////T09PT09P////////////////T09P////T09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09P////T09P////////////T09PT09P////T09P////////////////////T09P////////T09PT09P////////////////////////T09PT09P////////////////////////T09PT09P////T09PT09P////////T09P////////////T09P////////T09P////T09P////T09P////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////////////////T09PT09P////////////T09P////////T09P////T09PT09PT09P////////T09P////////T09P////T09PT09P////////////////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////T09P////T09PT09PT09PT09PT09P////////////////////////////////////T09P////T09P////T09P////T09PT09P////////////T09P////T09P////T09P////////////T09PT09P////////////////T09PT09P////T09P////T09PT09P////T09P////T09PT09P////T09PT09PT09PT09P////T09PT09P////////////T09PT09P////T09P////////T09MQsm1FAAABAHRSTlMAgJN8/vcDAfcCnJyGaZmZlomGk4yJOmM/eTxs8wY0YDFC7HNdLx18n5/7aUvzCcW9+qKiK8P0ZiltRwfdw/n8Px3WduJjItj78ss5PDHUNELbwP5wplA2FglEVwvkqNarCs4Z7b2sDLgQ0xNdyLrr0eLLUeW1Vs5TWQLwjPI3ZvQGdvxFyFrAeevaLCLvGd0kpRskGyf4qK605xKvFrGyDRHnBYMEkJaDkIBvB/gpH99O6CrbIC4nH3Lg2SXp4A7Qul/GDEgPSlMQ6LjqFU0SjyCCj5V/gnBN7xglL3O70WBU7gjFFEfft0sPTo1ndRipwXr2yRemWRVENq+ytbGuxGaWGQAAAnpJREFUeNpNxmdcDHAAxvEHOWXvmXX23ntv2XvvMg/Z44x0KaRBSnfcKSqlnYZKp1QqGpT20KZh783/eePj+3vzw3/q/AM9iURPTy6XS+RwcXNzcZMQTE1dTE3bE7y9S0u9xxD600rCGtpI2ErOsbGxzoiMrIqscnaOi4vDdnp4XYSrguwxQSb7KpMllycnl2MFaTSaTxrY5NrY5BoKb2BnZ2doZ29vb2OPSdSd4Bcc7OcXGhqamgqrYCsrq+mEiEtC3gUBDg55Dg53IkQYSYG+gb6+GEqB5wV0o5D8/JAQdKK5hA40n3BS+L6c0JJmE+ZQW8JEak1YQJ0Jq+jbaQEPnotGE+IrK+Pj+xKqU6pTUrIDAgKysZ+WEY5QQkJxcQIO0WrCUbL4YmFhgZ3UlVAUHR1d1JEwjVoRRpDJKxMTE/ShBoRR1I6whLyyvLyyUFAQFhbWhTCFFArFawXOCu/bEHpQLYKnZ0aGZw2CR1qah0dmpqurK+pTU0ILakJoTi+PC7j5RHTrqQg1qRkh3T3d3b0xoSE1ItSleoSe1IswmIYQPl8UlhLWkaOj41tHbKENBLX6j1qt/KFUKnFN+Onk9NvJCQdJpfqlUqGiIjExcRthN91/JsJmGkhYRO/OCBhHwwgxMWUxZQMIu8j8o7m5OfbRLMJh2kTYQ1FRhYVR2EHzCOtpMmEG3SUsJEvLoKAg2Prb2tqOJYSH+/uH33shwlTaS1hLBwhX6AYX2tuiRwStVntOa5yUZJwEqbREKjUi5Bjl5BhZW1uXWOMYGRBOnNDX1zfoxz1FwwkfSJfgo6vr41P7soBBNJ7Qm2YSzHTMzMwmEHRoMf0Fm5mYOUrzNBYAAAAASUVORK5CYII=);background-size:10px 100%}.colorpicker{top:0;left:0;z-index:9999}.colorpicker colorpicker-alpha,.colorpicker colorpicker-hue,.colorpicker colorpicker-saturation{position:relative}.colorpicker input{width:100px;font-size:11px;color:#000;background-color:#fff}.colorpicker.alpha{min-width:140px}.colorpicker.alpha colorpicker-alpha{display:block}.colorpicker.dropdown{position:absolute}.colorpicker.colorpicker-fixed-position{position:fixed}.colorpicker .dropdown-menu::after,.colorpicker .dropdown-menu::before{content:'';display:inline-block;position:absolute}.colorpicker .dropdown-menu::after{clear:both;border:6px solid transparent;top:-5px;left:7px}.colorpicker .dropdown-menu::before{border:7px solid transparent;top:-6px;left:6px}.colorpicker .dropdown-menu{position:static;top:0;left:0;min-width:129px;padding:4px;margin-top:0}.colorpicker-position-top .dropdown-menu::after{border-top:6px solid #fff;border-bottom:0;top:auto;bottom:-5px}.colorpicker-position-top .dropdown-menu::before{border-top:7px solid rgba(0,0,0,.2);border-bottom:0;top:auto;bottom:-6px}.colorpicker-position-right .dropdown-menu::after{border-right:6px solid #fff;border-left:0;top:11px;left:-5px}.colorpicker-position-right .dropdown-menu::before{border-right:7px solid rgba(0,0,0,.2);border-left:0;top:10px;left:-6px}.colorpicker-position-bottom .dropdown-menu::after{border-bottom:6px solid #fff;border-top:0}.colorpicker-position-bottom .dropdown-menu::before{border-bottom:7px solid rgba(0,0,0,.2);border-top:0}.colorpicker-position-left .dropdown-menu::after{border-left:6px solid #fff;border-right:0;top:11px;left:auto;right:-5px}.colorpicker-position-left .dropdown-menu::before{border-left:7px solid rgba(0,0,0,.2);border-right:0;top:10px;left:auto;right:-6px}colorpicker-preview{display:block;height:10px;margin:5px 0 3px;clear:both;background-position:0 100%}